.page-terms-conditions{color:#FFF3E6;background-color:#0D0E12;padding-bottom:40px}
.page-terms-conditions__hero-section{padding-top:10px;margin-top:0;width:100%;overflow:hidden}
.page-terms-conditions__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto 20px;padding:0 16px;box-sizing:border-box}
.page-terms-conditions__hero-image{width:100%;height:auto;display:block;border-radius:16px;border:1px solid #A84F0C;box-shadow:0 0 24px rgba(255,176,77,0.15)}
.page-terms-conditions__hero-content{max-width:1100px;margin:0 auto;padding:0 16px;text-align:center}
.page-terms-conditions__main-title{font-weight:800;line-height:1.25;letter-spacing:0.3px;color:#FFA53A;max-width:900px;margin:0 auto 16px}
.page-terms-conditions__hero-desc{font-size:1rem;line-height:1.7;color:#FFF3E6;max-width:820px;margin:0 auto 24px}
.page-terms-conditions__hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.page-terms-conditions__btn{display:inline-block;padding:12px 26px;border-radius:10px;font-weight:700;text-decoration:none;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}
.page-terms-conditions__btn--primary{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12;border:1px solid #FFB04D;box-shadow:0 4px 16px rgba(255,176,77,0.25)}
.page-terms-conditions__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(255,176,77,0.4)}
.page-terms-conditions__btn--outline{background:transparent;color:#FFA53A;border:1px solid #A84F0C}
.page-terms-conditions__btn--outline:hover{background:#17191F;transform:translateY(-2px)}
.page-terms-conditions__intro-section,.page-terms-conditions__terms-section,.page-terms-conditions__faq-section,.page-terms-conditions__blog-section{max-width:1100px;margin:0 auto;padding:28px 16px}
.page-terms-conditions__section-title{color:#FF8C1A;font-size:1.5rem;font-weight:800;margin:0 0 16px;line-height:1.35;border-left:4px solid #FFA53A;padding-left:12px}
.page-terms-conditions__sub-title{color:#FFA53A;font-size:1.15rem;font-weight:700;margin:20px 0 10px}
.page-terms-conditions__intro-section p,.page-terms-conditions__terms-section p{line-height:1.8;color:#FFF3E6;margin:0 0 14px}
.page-terms-conditions__list{margin:0 0 16px;padding-left:22px;line-height:1.8;color:#FFF3E6}
.page-terms-conditions__list li{margin-bottom:8px}
.page-terms-conditions__terms-section a{color:#FFA53A;text-decoration:underline}
.page-terms-conditions__terms-section a:hover{color:#FFB04D}
.page-terms-conditions__cta-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1100px;margin:20px auto;padding:0 16px}
.page-terms-conditions__cta-box{background-color:#17191F;border:1px solid #A84F0C;border-radius:14px;padding:24px;text-align:center}
.page-terms-conditions__cta-box--alt{background:linear-gradient(160deg,#17191F 0%,#1f1409 100%)}
.page-terms-conditions__cta-title{color:#FFA53A;font-size:1.2rem;margin:0 0 10px}
.page-terms-conditions__cta-text{color:#FFF3E6;line-height:1.7;margin:0 0 18px}
.page-terms-conditions__cta-inline{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.page-terms-conditions__faq-item{background-color:#17191F;border:1px solid #A84F0C;border-radius:12px;margin-bottom:12px;overflow:hidden}
.page-terms-conditions__faq-question{width:100%;text-align:left;background:transparent;border:none;color:#FFF3E6;font-size:1rem;font-weight:700;padding:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.page-terms-conditions__faq-question:hover{color:#FFA53A}
.page-terms-conditions__faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 16px}
.page-terms-conditions__faq-item.is-open .page-terms-conditions__faq-answer{max-height:400px;padding-bottom:16px}
.page-terms-conditions__faq-answer p{color:#FFF3E6;line-height:1.7;margin:0}
.page-terms-conditions__blog-track{display:flex;gap:16px;overflow:hidden;scroll-behavior:smooth}
.page-terms-conditions__blog-card{flex:0 0 calc(33.333% - 11px);background-color:#17191F;border:1px solid #A84F0C;border-radius:12px;overflow:hidden;padding-bottom:16px}
.page-terms-conditions__blog-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.page-terms-conditions__blog-title{font-size:1rem;margin:12px 12px 8px;line-height:1.4}
.page-terms-conditions__blog-title a{color:#FFA53A;text-decoration:none}
.page-terms-conditions__blog-title a:hover{color:#FFB04D;text-decoration:underline}
.page-terms-conditions__blog-excerpt{color:#FFF3E6;font-size:.9rem;line-height:1.6;margin:0 12px;opacity:.9}
.page-terms-conditions__blog-nav{display:flex;gap:10px;justify-content:center;margin-top:18px}
.page-terms-conditions__blog-prev,.page-terms-conditions__blog-next{width:44px;height:44px;border-radius:50%;border:1px solid #A84F0C;background-color:#17191F;color:#FFA53A;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
.page-terms-conditions__blog-prev:hover,.page-terms-conditions__blog-next:hover{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12}
.page-terms-conditions__blog-more{text-align:center;margin-top:16px}
.page-terms-conditions__blog-more a{color:#FFA53A;font-weight:700;text-decoration:underline}
.page-terms-conditions__blog-more a:hover{color:#FFB04D}
@media (max-width:768px){
.page-terms-conditions{max-width:100%;overflow-x:hidden}
.page-terms-conditions__hero-section{padding-top:8px}
.page-terms-conditions__hero-image-wrap{padding:0 12px;margin-bottom:16px}
.page-terms-conditions__hero-content{padding:0 12px}
.page-terms-conditions__hero-cta{flex-direction:column;align-items:stretch}
.page-terms-conditions__btn{width:100%;text-align:center;padding:14px 18px}
.page-terms-conditions__cta-section{grid-template-columns:1fr;padding:0 12px;gap:12px}
.page-terms-conditions__cta-inline{flex-direction:column;align-items:stretch}
.page-terms-conditions__intro-section,.page-terms-conditions__terms-section,.page-terms-conditions__faq-section,.page-terms-conditions__blog-section{padding:20px 12px}
.page-terms-conditions__section-title{font-size:1.25rem}
.page-terms-conditions__blog-card{flex:0 0 100%}
.page-terms-conditions img{max-width:100%!important;height:auto!important}
.page-terms-conditions__faq-question{font-size:.95rem;padding:14px}
}
@media (min-width:769px) and (max-width:1024px){
.page-terms-conditions__blog-card{flex:0 0 calc(50% - 8px)}
}