/* FAQ page — add to woocommerce.css load order (after components.css) or enqueue standalone via functions.php */

.faq-page{background:var(--black-color);color:var(--white-color);font-family:var(--font-main);}

.faq-hero{padding-top:90px;}
.faq-hero__title{font-family:var(--heading-font);font-size:120px;font-weight:800;text-transform:uppercase;margin:0 0 24px;color:var(--white-color);line-height: 1;}
.faq-hero__subtitle{font-size:24px;line-height:1.5;color:var(--white-color);margin:0;}

.faq-hero .container{border-bottom:1px solid #58585D;padding-bottom: 20px;}

.faq-tabs{padding:28px 0;margin-bottom: 90px;}
.faq-tabs__list{display:flex;flex-wrap:wrap;gap:12px;}
.faq-tab{font-family:var(--menu-font);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.6);background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:10px 20px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;}
.faq-tab:hover{border-color:var(--white-color);color:var(--white-color);}
.faq-tab.is-active{background:var(--white-color);border-color:var(--white-color);color:var(--black-color);}

.faq-section{padding-bottom: 90px;}
.faq-section__head{margin-bottom:40px;display: flex; align-items: flex-end;}
.faq-header{display: flex;align-items: flex-end;flex: 1; gap: 24px;}
.faq-section__number{font-family:var(--menu-font);font-size:14px;color:var(--primary-color);grid-row:1 / 3;padding-top:10px;}
.faq-section__title{grid-column:2;font-family:var(--heading-font);font-size:var(--h2);line-height:1;font-weight:800;text-transform:uppercase;margin:0;color:var(--white-color);}
.faq-section__subtitle{grid-column:2;font-size:24px;color:var(--white-color);margin:0;flex: 1;}

.faq-accordion{border-top:1px solid #58585D;}
.faq-item{border-bottom:1px solid #58585D;}
.faq-item__question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;background:transparent;border:0;text-align:left;color:var(--white-color);font-family:var(--heading-font);font-size:var(--h3);font-weight:800;padding:24px 0;cursor:pointer;text-transform: uppercase;}
.faq-item__icon{flex-shrink:0;color:var(--primary-color);font-size:24px;line-height:1;transition:transform .25s ease;}
.faq-item.is-open .faq-item__icon{transform:rotate(45deg);}
.faq-item__answer{padding:0 0 28px;}
.faq-item__answer p{font-size:16px;line-height:1.6;color:#C9C8C4;margin:0 0 16px;}
.faq-item__answer p:last-child{margin-bottom:0;}
.faq-item__answer p:empty{display: none;}
.faq-item__answer ul{padding-left: 20px;}
.faq-item__answer ul li{color:#C9C8C4;list-style: disc;margin-block: 2px;}

@media (max-width:768px){
.faq-hero{padding:50px 0 40px;}
.faq-hero__title, .faq-section__title{font-size:35px;}
.faq-section__head{flex-direction: column;align-items: flex-start;gap: 16px;}
.faq-section__number{grid-row:auto;padding-top:0;}
.faq-item__question, .faq-hero__subtitle, .faq-section__subtitle{font-size:18px;}
.faq-section{padding-bottom: 50px;}
}