@charset "utf-8";

:root{--content-inline:24px}

/* Introduction */
.faq_intro{margin-top:50px}
.faq_intro p+p{margin-top:1em}

/* Category Card */
.faq_category_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0}
.faq_category_card{margin:0}
.faq_category_card:last-child:nth-child(odd){grid-column:1 / -1}
.faq_category_card a{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:118px;padding:24px 28px;border:1px solid rgba(51,51,51,0.18);background:rgba(255,255,255,0.7);color:inherit;text-decoration:none;overflow:hidden;transition:background-color 0.45s ease,border-color 0.45s ease,transform 0.45s ease,box-shadow 0.45s ease}
.faq_category_card a::before{content:"";position:absolute;inset:0;background:rgba(190,169,135,0.1);transform:scaleX(0);transform-origin:left center;transition:transform 0.45s ease}
.faq_category_number,.faq_category_text,.faq_category_arrow{position:relative;z-index:1}
.faq_category_number{min-width:48px;margin-right:18px;font-family:"Marcellus",serif;font-size:0.82rem;letter-spacing:0.1em;opacity:0.55}
.faq_category_text{display:flex;font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:500;letter-spacing:0.08em;flex-direction:column;gap:7px}
.faq_category_text small{font-size:0.82rem;line-height:1.7;opacity:0.7}
.faq_category_arrow{width:26px;height:26px;margin-left:18px;border:1px solid currentColor;border-radius:50%;opacity:0.65;transition:background-color 0.35s ease,color 0.35s ease,transform 0.35s ease}
.faq_category_arrow::before{content:"";position:absolute;top:50%;left:47%;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translate(-50%,-50%) rotate(45deg)}

@media(hover:hover){

.faq_category_card a:hover{border-color:rgba(51,51,51,0.35);box-shadow:0 14px 35px rgba(51,51,51,0.08);transform:translateY(-4px)}.faq_category_card a:hover::before{transform:scaleX(1)}
.faq_category_card a:hover .faq_category_arrow{background:#333;color:#fff;transform:translateX(4px)}

}

/* FAQ Accordion */
.faq_accordion{margin-bottom:80px;border-top:1px solid rgba(51,51,51,.2)}
.faq_item{border-bottom:1px solid rgba(51,51,51,.2)}
.faq_question{width:100%;min-height:96px;display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:22px;padding:24px 8px;background:none;border:none;cursor:pointer;text-align:left;font:inherit;color:inherit}
.faq_question:focus{outline:none}
.faq_question:focus-visible{outline:2px solid #bea987;outline-offset:6px}
.faq_question_mark,.faq_answer_mark{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;font-family:"Marcellus",serif;font-size:1rem;line-height:1}
.faq_question_mark{border:1px solid rgba(51,51,51,.45)}
.faq_question_text{font-size:clamp(1rem,1.4vw,1.15rem);font-weight:500;line-height:1.8;letter-spacing:.04em}
.faq_toggle{width:28px;height:28px;position:relative;display:block;margin-left:auto;flex-shrink:0}
.faq_toggle::before,.faq_toggle::after{content:"";position:absolute;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%);transition:transform .35s ease}
.faq_toggle::before{width:16px;height:1px}
.faq_toggle::after{width:1px;height:16px}
.faq_item.open .faq_toggle::after{transform:translate(-50%,-50%) rotate(90deg)}

/* Answer */
.faq_answer{height:0;overflow:hidden;transition:height .55s cubic-bezier(.22,.61,.36,1)}
.faq_answer_inner{display:grid;grid-template-columns:42px 1fr;column-gap:22px;align-items:start;padding:24px 8px 32px;box-sizing:border-box}
.faq_answer_mark{background:#333;color:#fff}
.faq_answer_body{min-width:0;padding-top:0}
.faq_answer_body p{margin:0;line-height:2}
.faq_answer_body p+p{margin-top:1em}
.faq_answer .button{margin:64px 24px 72px}

/* Related */
.faq .related{margin-bottom:80px}

/* Support */
.faq_support{padding:40px 40px 46px;border:1px solid rgba(51,51,51,0.18)}
.faq_support p{line-height:2}
.faq_support .button{margin:48px auto 0}

/* FAQ Accordion (Second Page) */
.faq .faq_accordion{margin-top:80px}

/*     1920px
----------------------------------------*/
@media screen and (max-width:1920px){



}

/*     1680px
----------------------------------------*/
@media screen and (max-width:1680px){



}

/*     1440px
----------------------------------------*/
@media screen and (max-width:1440px){



}

/*     1280px
----------------------------------------*/
@media screen and (max-width:1280px){

:root{--content-inline:22px}

/* Common Heading */
.faq_section_heading{margin-top:65px}

/* Category Card */
.faq_category_grid{grid-template-columns:1fr;gap:14px}
.faq_category_card:last-child:nth-child(odd){grid-column:auto}
.faq_category_card a{min-height:105px;padding:22px}
.faq_category_number{min-width:40px;margin-right:14px}
.faq_category_arrow{margin-left:12px}

/* FAQ Accordion */
.faq_question{grid-template-columns:38px 1fr 26px;gap:16px;min-height:88px;padding:22px 4px}
.faq_question_mark,.faq_answer_mark{width:38px;height:38px}
.faq_question_text{font-size:1rem;line-height:1.75}
.faq_toggle{width:26px;height:26px}
.faq_answer_inner{grid-template-columns:38px 1fr;column-gap:16px;padding:22px 4px 32px}
.faq_answer .button{margin:24px 22px 56px}

/* Support */
.faq_support{margin-top:55px;padding:34px 24px 28px}

}

/*     Tablet 1023px
----------------------------------------*/
@media screen and (max-width:1023px){

/* Category Card */
.faq_category_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}

}

/*     Tablet 834px
----------------------------------------*/
@media screen and (max-width:834px){



}

/*     Breakpoint 640px
----------------------------------------*/
@media screen and (max-width:640px){

:root{--content-inline:20px}

/* Common Heading */
.faq_section_heading{margin:55px 0 30px}

/* Introduction */
.faq_intro{margin-top:40px}

/* Category Card */
.faq_category_grid{grid-template-columns:1fr;gap:14px}
.faq_category_card a{grid-template-columns:32px minmax(0,1fr) 24px;min-height:96px;padding:18px 16px;column-gap:10px}
.faq_category_number{min-width:0;margin-right:0;font-size:.72rem}
.faq_category_text{font-size:1rem;gap:4px}
.faq_category_text small{font-size:.75rem;line-height:1.6}
.faq_category_arrow{width:24px;height:24px;margin-left:0}

/* FAQ Accordion */
.faq_question{grid-template-columns:34px minmax(0,1fr) 24px;gap:12px;min-height:82px;padding:20px 0}
.faq_question_mark,.faq_answer_mark{width:34px;height:34px;font-size:.88rem}
.faq_question_text{min-width:0;font-size:.95rem;line-height:1.7;letter-spacing:.03em}
.faq_toggle{width:24px;height:24px}
.faq_toggle::before{width:14px}
.faq_toggle::after{height:14px}
.faq_answer_inner{grid-template-columns:34px minmax(0,1fr);column-gap:12px;padding:18px 0 28px}
.faq_answer_body p{font-size:.92rem;line-height:1.9}
.faq_answer .button{margin:24px 20px 56px}

/* Support */
.faq_support{padding:30px 20px 24px}

}

/*     Smartphone 560px
----------------------------------------*/
@media screen and (max-width:560px){



}

/*     Smartphone 440px
----------------------------------------*/
@media screen and (max-width:440px){



}

/*     Smartphone 375px
----------------------------------------*/
@media screen and (max-width:376px){



}

/*     Smartphone 360px
----------------------------------------*/
@media screen and (max-width:360px){



}

/*     Smartphone 320px
----------------------------------------*/
@media screen and (max-width:320px){



}