.faq-page{min-height:100vh;background:var(--bg-light);padding-top:72px}.faq-hero{position:relative;padding:24px 16px 0;overflow:hidden}.faq-hero-bg{position:absolute;inset:0;background-image:url(/images/hero-coastal-villa.jpg);background-size:cover;background-position:50%;z-index:0}.faq-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,42,61,.55),rgba(10,42,61,.72) 55%,hsla(42,39%,94%,.95))}.faq-hero-inner{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:8px 0 32px}.faq-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:500;color:hsla(0,0%,100%,.85);margin-bottom:20px}.faq-breadcrumbs a{color:hsla(0,0%,100%,.85);text-decoration:none}.faq-breadcrumbs a:hover{color:#fff;text-decoration:underline}.faq-breadcrumbs-sep{opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-breadcrumbs-current{color:#fff;font-weight:600}.faq-hero-title{font-size:clamp(28px,5vw,40px);font-weight:900;color:#fff;line-height:1.15;margin:0 0 10px;max-width:640px}.faq-hero-sub{font-size:15px;color:hsla(0,0%,100%,.88);line-height:1.6;margin:0 0 28px;max-width:520px}.faq-search-form{display:flex;align-items:stretch;gap:0;max-width:720px;background:var(--surface);border-radius:var(--r-pill);box-shadow:var(--elev-4);overflow:hidden;border:1px solid rgba(10,45,61,.06)}.faq-search-field{flex:1 1;display:flex;align-items:center;gap:10px;padding-inline:18px 12px;min-height:52px}.faq-search-input{flex:1 1;border:none;outline:none;font-size:14px;font-family:var(--fa);color:var(--text);background:transparent;min-width:0}.faq-search-input::placeholder{color:var(--text-muted)}.faq-search-btn{flex-shrink:0;margin:6px;padding:0 24px;min-height:40px;border:none;border-radius:var(--r-pill);background:var(--primary);color:#fff;font-size:14px;font-weight:700;font-family:var(--fa);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.faq-search-btn:hover{background:var(--primary-light)}.faq-shell{max-width:1160px;margin:0 auto;padding:28px 16px 64px}.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-gap:24px;gap:24px;align-items:start}.faq-main-card{background:var(--surface);border-radius:var(--r-2xl);box-shadow:var(--elev-2);border:1px solid rgba(10,45,61,.05);overflow:hidden}.faq-tabs-wrap{padding:16px 16px 0;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.faq-tabs-wrap::-webkit-scrollbar{display:none}.faq-tabs{display:flex;gap:8px;min-width:min-content;padding-bottom:12px}.faq-tab{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;border:none;border-radius:var(--r-lg);background:transparent;cursor:pointer;font-size:11px;font-weight:600;color:var(--text-sub);font-family:var(--fa);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.faq-tab:hover{background:var(--cream)}.faq-tab--active{background:var(--cream-dark);color:var(--primary-dark)}.faq-tab-icon{width:36px;height:36px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background:var(--cream)}.faq-tab--active .faq-tab-icon{background:var(--surface)}.faq-list-head{padding:20px 24px 8px;font-size:18px;font-weight:800;color:var(--primary-dark)}.faq-list{padding:0 8px 8px}.faq-item{border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.faq-item-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:none;background:transparent;cursor:pointer;text-align:start;font-size:15px;font-weight:600;color:var(--text);font-family:var(--fa);line-height:1.45}.faq-item-trigger:hover{color:var(--primary)}.faq-item-chevron{flex-shrink:0;transition:transform var(--dur-base) var(--ease-out);color:var(--text-muted)}.faq-item-chevron--open{transform:rotate(90deg)}.faq-item-answer{padding:0 16px 16px;font-size:14px;line-height:1.65;color:var(--text-sub)}.faq-empty{padding:32px 24px;text-align:center;font-size:14px;color:var(--text-muted)}.faq-load-more-wrap{padding:8px 16px 20px;display:flex;justify-content:center}.faq-load-more{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;background:transparent;font-size:14px;font-weight:600;color:var(--primary);font-family:var(--fa);cursor:pointer}.faq-load-more:hover{text-decoration:underline}.faq-sidebar{display:flex;flex-direction:column;gap:16px}.faq-side-card{background:var(--cream);border-radius:var(--r-2xl);padding:24px;border:1px solid rgba(10,45,61,.06)}.faq-side-card--help{text-align:center}.faq-side-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;box-shadow:var(--elev-1)}.faq-side-title{font-size:17px;font-weight:800;color:var(--primary-dark);margin:0 0 8px}.faq-side-sub{font-size:13px;color:var(--text-sub);line-height:1.55;margin:0 0 18px}.faq-side-cta{display:block;width:100%;padding:12px 20px;border:none;border-radius:var(--r-pill);background:var(--primary);color:#fff;font-size:14px;font-weight:700;font-family:var(--fa);cursor:pointer;text-decoration:none;text-align:center;margin-bottom:16px;transition:background var(--dur-fast) var(--ease-out)}.faq-side-cta:hover{background:var(--primary-light)}.faq-contact-list{list-style:none;margin:0;padding:0;text-align:start}.faq-contact-item{border-top:1px solid rgba(10,45,61,.08)}.faq-contact-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;font-size:13px;font-weight:500;color:var(--text);text-decoration:none}.faq-contact-link:hover{color:var(--primary)}.faq-popular-list{list-style:none;margin:0;padding:0}.faq-popular-item{border-bottom:1px solid rgba(10,45,61,.08)}.faq-popular-item:last-child{border-bottom:none}.faq-popular-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text);font-family:var(--fa);text-align:start;cursor:pointer}.faq-popular-btn:hover{color:var(--primary)}@media (max-width:900px){.faq-layout{grid-template-columns:1fr}.faq-search-form{flex-direction:column;border-radius:var(--r-xl);padding:8px}.faq-search-field{padding-inline:12px}.faq-search-btn{width:100%;margin:0;min-height:44px;border-radius:var(--r-lg)}}