@font-face{font-family:MiSans;src:url('fonts/MiSans-Regular.woff2')}
@font-face{font-family:MiSans;src:url('fonts/MiSans-Semibold.woff2');font-weight:600}
@font-face{font-family:MiSans;src:url('fonts/MiSans-Bold.woff2');font-weight:700}

:root{--blue:#096cff;--deep:#0a1537;--line:#dce3ef;--muted:#637089;--cyan:#08a0b7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f9fc;color:#0b1433;font-family:MiSans,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.wrap{width:min(1380px,calc(100% - 48px));margin:auto}
.top{--nav-text:#fff;--nav-muted:rgba(255,255,255,.75);--nav-icon:rgba(255,255,255,.84);--nav-active:#fff;position:relative;z-index:100;padding:24px 48px 20px}
.top[data-nav-tone="light"]{--nav-text:#0b1433;--nav-muted:rgba(11,20,51,.72);--nav-icon:rgba(11,20,51,.84);--nav-active:#0b1433}
.top .wrap{width:min(1760px,100%)}
.nav{display:flex;align-items:center;height:68px;padding:0 26px;border:1px solid rgba(255,255,255,.34);border-radius:23px;background:rgba(255,255,255,.14);box-shadow:0 12px 32px rgba(0,0,0,.18);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.brand{display:flex;flex:none;align-items:center;gap:16px;margin-right:0;color:var(--nav-text);font-size:24px;font-weight:600;letter-spacing:.04em}
.brand img{width:44px;height:44px;object-fit:contain}
.links{display:flex;align-items:center;gap:46px;margin-left:60px;color:var(--nav-muted);font-size:18px}
.links a{font-family:MiSans,sans-serif;font-size:18px;font-weight:400;line-height:1.4}
.actions{display:flex;align-items:center;gap:30px;margin-left:auto}
.actions button{display:grid;place-items:center;width:34px;height:34px;padding:4px;border:0;background:transparent;color:var(--nav-icon);cursor:pointer}
.actions svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.actions .mobile{display:none}
.hero{position:relative;min-height:320px;margin-top:-116px;padding-top:116px;overflow:hidden;background:radial-gradient(circle at 70% 20%,#fff 0,#edf5ff 34%,#f7fbff 70%)}
.hero:before{position:absolute;inset:0;background:linear-gradient(120deg,rgba(214,232,255,.55),transparent 48%);content:""}
.hero-copy{position:relative;z-index:2;padding:62px 7%;width:48%}
.hero h1{margin:0 0 14px;font-size:40px;line-height:1.08}
.hero p{margin:0 0 25px;font-size:19px;line-height:1.45}
.primary,.secondary{min-height:46px;padding:0 28px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:600;cursor:pointer}
.hero-art{position:absolute;right:4%;bottom:-20%;width:50%;max-height:340px;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(24,56,100,.18))}
.catalog-hero{height:auto;aspect-ratio:1440/604}
.catalog-hero:before{z-index:1;background:linear-gradient(90deg,#f2f8ff 0%,rgba(242,248,255,.98) 21.3%,rgba(242,248,255,.78) 39.1%,rgba(242,248,255,0) 50%)}
.catalog-hero>.hero-art{inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;filter:none}
.catalog-hero>.wrap{position:relative;z-index:2;display:flex;align-items:center;height:100%}
.catalog-hero .hero-copy{width:min(600px,55%);padding:0 7%}
.dots{position:absolute;bottom:18px;left:50%;display:flex;gap:8px}
.dots i{width:10px;height:10px;border-radius:50%;background:#ccd4df}
.dots i:first-child{background:var(--blue)}
.shop{display:grid;grid-template-columns:235px 1fr;gap:38px;padding:28px 0 68px}
.shop.accessories-shop{grid-template-columns:235px 1fr}
.filter{align-self:start;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}
.filter h2{margin:0 0 22px;font-size:21px}
.filter h3{margin:22px 0 12px;font-size:14px}
.filter__form{display:grid;gap:18px}
.filter-group{display:grid;gap:12px}
.filter__dynamic{display:grid;gap:10px}
.filter__dynamic ul{margin:0;padding:0;list-style:none}
.filter__dynamic li{margin:0}
.filter__dynamic label,.filter__option{display:flex;align-items:flex-start;gap:10px;color:#344057;font-size:14px;line-height:1.45}
.filter__dynamic input[type="checkbox"]{margin-top:3px;accent-color:var(--blue)}
.filter__dynamic ul ul{margin-top:10px;padding-left:16px;border-left:1px solid var(--line)}
.filter__dynamic ul ul ul{padding-left:14px}
.filter__dynamic ul li+li{margin-top:10px}
.filter__dynamic ul ul li+li{margin-top:8px}
.filter__empty{margin:0;padding:14px;border:1px dashed var(--line);border-radius:10px;background:#f8fbff;color:var(--muted);font-size:14px;line-height:1.5}
.filter__results-empty{margin:18px 0 0;color:var(--muted);font-size:14px}
.check{display:block;margin:9px 0;color:#344057;font-size:14px}
.check input{margin-right:9px;accent-color:var(--blue)}
.filter .secondary{width:100%;margin-top:10px}
.catalog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--muted);font-size:14px}
.catalog-head select{padding:10px 42px 10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{position:relative;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.2s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(28,61,115,.12)}
.badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:7px;background:#08c95a;color:#fff;font-size:11px;font-weight:700}
.badge.blue{background:var(--blue)}
.badge.hot{background:#ff6334}
.card img{width:100%;aspect-ratio:1.25;object-fit:contain}
.card h3{min-height:42px;margin:11px 0 4px;font-size:15px;line-height:1.35}
.price{margin:0 0 12px;font-weight:700}
.add{width:100%;height:38px;border:1px solid #cfd8e7;border-radius:7px;background:#fff;color:#111a34;font-weight:600;cursor:pointer}
.card-main{display:block}.card .add{display:grid;place-items:center;text-align:center}.card .added_to_cart{display:block;margin-top:8px;text-align:center;color:var(--blue);font-size:13px}.woocommerce-ordering{margin:0}.woocommerce-ordering select{padding:10px 42px 10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.pages .woocommerce-pagination ul{display:flex;gap:12px;margin:0;padding:0;border:0;list-style:none}.pages .woocommerce-pagination li{border:0}.pages .page-numbers{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:7px}.pages .current{background:var(--blue);color:#fff}
.pages{display:flex;justify-content:center;gap:12px;margin-top:26px}
.pages span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px}
.pages .on{background:var(--blue);color:#fff}
.footer{padding:44px 0 22px;background:#050505;color:#fff}
.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.footer nav{display:grid;gap:8px;margin-top:18px;color:#d5d5d5;font-size:14px}
.footer h3{margin:0 0 16px}
.subscribe{display:flex;max-width:400px}
.subscribe input{flex:1;min-width:0;padding:12px;border:1px solid #555;background:#111;color:#fff}
.subscribe button{border-radius:0 6px 6px 0}
.fa3d-footer-subscribe{margin-top:10px}
.fa3d-footer-subscribe button{min-height:44px;padding:0 20px}
.fa3d-footer-message{max-width:400px;margin:8px 0 0;color:#46ddee;font-size:13px}
.fa3d-footer-message.is-error{color:#ff8e8e}
.fa3d-footer-sureforms{position:fixed!important;left:-10000px!important;top:0!important;width:320px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.copyright{margin-top:35px;padding-top:18px;border-top:1px solid #444;text-align:center;color:#aaa;font-size:13px}

.product-main{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;padding:45px 0 70px}
.gallery{display:grid;grid-template-columns:76px 1fr;gap:18px}
.thumbs{display:grid;align-content:start;gap:12px}
.thumbs img{width:72px;height:72px;padding:5px;border:1px solid var(--line);border-radius:7px;background:#fff;object-fit:contain;cursor:pointer}
.thumbs img.active{border:2px solid var(--blue)}
.main-image{display:grid;place-items:center;min-height:530px;border-radius:18px;background:#fff}
.main-image img{width:90%;max-height:520px;object-fit:contain}
.summary h1{margin:10px 0 16px;font-size:34px;line-height:1.2}
.summary .price{font-size:28px;color:var(--blue)}
.old{margin-right:10px;color:#333;font-size:17px;text-decoration:line-through}
.shipping{padding-bottom:16px;border-bottom:1px solid var(--line);color:var(--muted)}
.label{display:block;margin:22px 0 10px;font-weight:700}
.swatches{display:flex;flex-wrap:wrap;gap:9px}
.swatches button{min-width:70px;height:44px;border:1px solid var(--line);border-radius:5px;background:#fff;cursor:pointer}
.swatches button.active{border:2px solid var(--blue)}
.stock{margin:22px 0;color:#ff672d}
.buy-actions{display:grid;gap:10px}
.buy-actions button{height:54px;border:0;border-radius:5px;background:linear-gradient(90deg,#0874ff,#2431dd);color:#fff;font-size:17px;cursor:pointer}
.buy-actions .buy{background:linear-gradient(90deg,#1a33e9,#3120d6)}
.summary form.cart{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.summary form.cart .quantity,.summary form.cart table.variations,.summary form.cart .single_variation_wrap{grid-column:1/-1}.summary form.cart .quantity input{width:90px;height:44px;padding:0 10px;border:1px solid var(--line);border-radius:5px}.summary form.cart .single_add_to_cart_button,.summary form.cart .fa3d-buy-now{width:100%;height:54px;border:0;border-radius:5px;background:linear-gradient(90deg,#0874ff,#2431dd);color:#fff;font-size:17px;cursor:pointer}.summary form.cart .fa3d-buy-now{background:#111}.summary .variations_button{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary .variations_button .quantity{grid-column:1/-1}.summary table.variations{width:100%;margin:18px 0;border-collapse:collapse}.summary table.variations th,.summary table.variations td{padding:8px 0;text-align:left}.summary table.variations select{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;background:#fff}.summary .reset_variations{display:inline-block;margin-top:8px;color:var(--blue)}
.fa3d-product-page .gallery{display:flex;flex-direction:column;align-items:stretch;gap:20px;min-width:0}
.fa3d-product-page .main-image{order:1;width:100%;height:auto;min-height:0;aspect-ratio:1;overflow:hidden}
.fa3d-product-page .main-image img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.fa3d-product-page .thumbs{order:2;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88px;align-items:end;gap:12px;width:100%;min-width:0;max-height:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:2px 0 8px;scroll-snap-type:x proximity;scrollbar-width:thin}
.fa3d-product-page .thumbs img{display:block;width:88px;height:88px;aspect-ratio:1;scroll-snap-align:start}
.fa3d-product-page .summary table.variations th{display:block;padding:14px 0 7px}
.fa3d-product-page .summary table.variations td{display:block;padding:0}
.fa3d-product-page .fa3d-native-variation-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.fa3d-variation-options{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:5px}
.fa3d-variation-option{min-width:70px;min-height:42px;padding:9px 15px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--deep);cursor:pointer}
.fa3d-variation-option:hover{border-color:#9bb9e7}
.fa3d-variation-option.is-selected{border:2px solid var(--blue);padding:8px 14px;color:var(--blue);font-weight:600}
.fa3d-variation-option:disabled{opacity:.38;cursor:not-allowed}
.detail-tabs{position:sticky;top:0;z-index:5;display:flex;justify-content:center;gap:85px;padding:19px;background:#141414;color:#aaa}
.detail-tabs a:first-child{color:#fff;border-bottom:3px solid var(--blue)}
.content-block{padding:58px 0;text-align:center;background:#fff}
.content-block h2{margin:0 0 8px;font-size:36px}
.content-block>p{margin:0 auto 28px;color:var(--muted)}
.overview-entry{width:min(1080px,100%);margin:0 auto;text-align:left;color:#0b1433;line-height:1.75}
.overview-entry>*+*{margin-top:22px}
.overview-entry h3,.overview-entry h4{margin:0;color:#0b1433;line-height:1.25}
.overview-entry p,.overview-entry ul,.overview-entry ol{margin:0;color:var(--muted)}
.overview-entry img{display:block;width:100%;height:auto;border-radius:8px;object-fit:cover}
.overview-entry figure{margin:0}
.overview-entry figcaption{margin-top:10px;color:var(--muted);font-size:14px}
.overview-entry .wp-block-columns,.overview-entry .overview-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.overview-entry .wp-block-column>*+*,.overview-entry .overview-columns>*+*{margin-top:18px}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.content-grid img,.wide-image{width:100%;border-radius:8px;object-fit:cover}
.wide-image{max-height:620px}
.tips .entry{width:min(1080px,100%);margin:0 auto;text-align:left}
.tip{padding:20px 0;border-bottom:1px solid #b9c0cb}
.tip strong{display:block;margin-bottom:5px}
.tip p{margin:0;color:var(--muted)}

.dio-page .product-main{padding-top:42px}
.dio-page .main-image{position:relative;overflow:hidden;background:linear-gradient(145deg,#061a45,#172a5b)}
.dio-page .main-image img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover}
.dio-page .dio-content-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:top center}
.benefits{display:grid;gap:8px;margin:16px 0 22px;padding:0;list-style:none}
.benefits li{font-size:14px}
.benefits li:before{margin-right:8px;color:#ff7b00;content:'◆'}
.vip-note{margin:20px 0;padding:16px;border-radius:10px;background:#edf8ee;color:#133b21}
.dio-page .buy-actions{grid-template-columns:1fr 1fr;max-width:830px}
.dio-page .fa3d-dio-cart .fa3d-quantity + .buy-actions{padding-top:24px}
.dio-page .buy-actions button{height:46px;border:1px solid #ffc69f;border-radius:999px;background:#fff;color:#ff6602;font-size:15px;font-weight:700}
.dio-page .buy-actions .buy{background:#ff6602;border-color:#ff6602;color:#fff}
.page-shell{padding:52px 0 90px}
.page-shell article{padding:50px;border-radius:20px;background:#fff}
.page-shell h1{font-size:44px}
.page-shell .entry{font-size:17px;line-height:1.8}
.woocommerce-cart .page-shell,.woocommerce-checkout .page-shell{max-width:1200px}

@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}
.shop{grid-template-columns:200px 1fr}
.product-main{grid-template-columns:1fr;gap:30px}
.gallery{max-width:760px;margin:auto}
.hero-copy{width:58%}
.hero-art{right:-8%;width:58%}
.catalog-hero>.hero-art{right:0;width:100%}
}

@media(max-width:980px){
.top{padding:14px}
.nav{height:62px;padding-inline:18px;border-radius:21px}
.brand img{width:36px;height:36px}
.brand span{font-size:20px}
.links{display:none}
.actions{gap:12px}
.actions button:nth-child(1),.actions button:nth-child(2),.actions button:nth-child(4){display:none}
.actions .mobile{display:grid}
.top.menu-open .links{position:absolute;top:76px;right:14px;left:14px;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px;border:1px solid rgba(255,255,255,.34);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 14px 32px rgba(0,0,0,.18);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.top.menu-open .links a{padding:12px 14px}
}

@media(max-width:700px){.wrap{width:min(100% - 28px,1380px)}
.nav{height:58px;padding:0 15px}
.brand{margin-right:0}
.links{display:none}
.hero{margin-top:-102px;padding-top:102px}
.hero-copy{width:100%;padding:42px 22px 185px}
.hero h1{font-size:31px}
.hero-art{right:0;bottom:-4%;width:100%;height:220px}
.catalog-hero{height:600px}
.catalog-hero:before{background:linear-gradient(180deg,#f2f8ff 0%,rgba(242,248,255,.98) 38%,rgba(242,248,255,.45) 75%,rgba(242,248,255,0) 100%)}
.catalog-hero>.hero-art{bottom:0;width:100%;height:100%;object-position:60% center}
.catalog-hero>.wrap{align-items:flex-start}
.catalog-hero .hero-copy{width:100%;padding:58px 22px 0}
.shop{grid-template-columns:1fr}
.filter{display:block;width:100%;margin-bottom:18px}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.card{padding:10px}
.card h3{font-size:13px}
.footer-inner{grid-template-columns:1fr}
.overview-entry .wp-block-columns,.overview-entry .overview-columns{grid-template-columns:1fr}
.product-main{padding-top:20px}
.gallery{grid-template-columns:1fr}
.thumbs{grid-template-columns:repeat(4,1fr);grid-row:2}
.main-image{min-height:330px}
.fa3d-product-page .thumbs{grid-row:auto;grid-auto-columns:72px;gap:8px;overflow-x:auto;overflow-y:hidden}
.fa3d-product-page .thumbs img{width:72px;height:72px}
.fa3d-product-page .main-image{min-height:0}
.summary h1{font-size:27px}
.dio-page .dio-content-block{padding:42px 0}
.dio-page .dio-content-block h2{font-size:clamp(25px,7vw,32px);line-height:1.2}
.dio-page .dio-content-block .wrap{width:calc(100% - 28px)}
.dio-page .dio-content-image{border-radius:5px}
.content-grid{grid-template-columns:1fr}
.detail-tabs{gap:28px;overflow:auto}
.dio-page .buy-actions{grid-template-columns:1fr}
.page-shell article{padding:24px}
}
/* VIP reservation design handoff — artwork remains separate from live text/content. */
.dio-page{background:#0d1a25}.dio-page .content-block{display:none}.vip-deposit-hero{position:relative;min-height:min(1000px,72vw);overflow:hidden;background:linear-gradient(#020405 0 30%,#132c38 72%,#ff8128 72%);color:#fff}.vip-deposit-hero>img{position:absolute;inset:9% 0 auto;width:100%;height:72%;object-fit:contain}.vip-deposit-hero__top{position:relative;z-index:1;padding:58px 24px 0;text-align:center}.vip-deposit-hero__top strong{font-size:42px}.vip-deposit-hero__top h2{margin:28px 0 0;font-size:clamp(28px,3vw,52px)}.vip-deposit-hero__offer{position:absolute;z-index:2;right:0;bottom:0;left:0;display:grid;grid-template-columns:330px 1fr;gap:42px;min-height:28%;padding:34px max(28px,calc(50% - 600px));background:#ff8128}.vip-deposit-hero__offer h3{grid-column:1/-1;margin:0;border-bottom:1px solid #fff;padding-bottom:18px;font-size:42px}.vip-deposit-hero__offer>p{margin:0;align-self:center;font-size:clamp(28px,4vw,58px);font-weight:700;line-height:1.18}.vip-deposit-hero__offer>p b{font-size:1.45em}.vip-deposit-hero__offer small{display:block;margin-top:14px;font-size:20px}.vip-deposit-mini-benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vip-deposit-mini-benefits span{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#fff;color:#666;font-weight:700}.vip-deposit-mini-benefits img{width:54px;height:54px;object-fit:contain}
.vip-price-section,.vip-benefits,.vip-how{padding:72px 24px;background:#0d1a25;color:#fff}.vip-price-section>h2,.vip-benefits>h2,.vip-how>h2{max-width:1200px;margin:0 auto 48px;text-align:center;font-size:clamp(36px,4.4vw,64px)}.vip-price-table{max-width:1200px;margin:auto}.vip-price-head,.vip-price-row{display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;gap:16px}.vip-price-head{padding:0 18px 18px;text-align:center;font-size:18px;font-weight:700}.vip-price-row{margin-bottom:16px}.vip-pack,.vip-price{min-height:218px;overflow:hidden;border-radius:18px;background:#fff;color:#111}.vip-pack{display:grid;grid-template-columns:46% 54%;align-items:center;padding:14px}.vip-pack img{width:100%;height:175px;object-fit:contain}.vip-pack h3{margin:0 0 16px;font-size:23px}.vip-pack ul{margin:0;padding-left:17px;color:#777;font-size:13px}.vip-price{display:grid;grid-template-rows:64px 1fr 30px;align-items:center;text-align:center}.vip-price small{display:grid;height:64px;place-items:center;background:#f8f8f8;color:#333;font-size:24px;font-weight:700}.vip-price strong{display:grid;height:100%;place-items:center;background:#ff6300;color:#fff;font-size:48px}.vip-price em{display:grid;height:30px;place-items:center;background:#ff6300;color:#fff;font-size:12px;font-style:normal;font-weight:700}.vip-price--early strong,.vip-price--early em{background:#ff7d27}.vip-price--exclusive strong,.vip-price--exclusive em{background:#ffb817}
.vip-benefits{padding-block:90px}.vip-benefits__grid{display:grid;grid-template-columns:1fr 1fr;gap:58px 90px;max-width:960px;margin:auto}.vip-benefits article{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:28px}.vip-benefits article img{width:100px;height:100px;object-fit:contain}.vip-benefits h3{margin:0 0 15px;font-size:25px}.vip-benefits p{margin:0;font-size:16px;line-height:1.45}.vip-how{padding-bottom:110px}.vip-how__steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:70px;max-width:1100px;margin:auto}.vip-how__steps:before{position:absolute;top:58px;right:0;left:0;height:4px;background:#fff;content:""}.vip-how article{position:relative}.vip-how h3{margin:0 0 82px;font-size:25px;white-space:nowrap}.vip-how h3:after{position:absolute;top:49px;left:0;width:22px;height:22px;border:4px solid #fff;border-radius:50%;background:#aaa;content:""}.vip-how article:first-child h3:after{background:#ff6300}.vip-how h3 b{color:#ff6300}.vip-how ul{margin:0;padding-left:22px;font-size:17px;line-height:1.45}.vip-how li+li{margin-top:22px}
@media(max-width:800px){.vip-deposit-hero{min-height:890px;background:linear-gradient(#020405 0 58%,#ff8128 58%)}.vip-deposit-hero>img{top:12%;height:48%;object-position:center}.vip-deposit-hero__top{padding-top:36px}.vip-deposit-hero__top strong{font-size:28px}.vip-deposit-hero__top h2{margin-top:15px;font-size:25px}.vip-deposit-hero__offer{display:block;min-height:42%;padding:26px 20px}.vip-deposit-hero__offer h3{font-size:30px}.vip-deposit-mini-benefits{margin:18px 0}.vip-deposit-mini-benefits span{font-size:12px}.vip-deposit-hero__offer>p{font-size:27px}.vip-deposit-hero__offer small{font-size:14px}.vip-price-section{padding-inline:14px}.vip-price-head{display:none}.vip-price-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.vip-pack{grid-column:1/-1;min-height:190px}.vip-price{min-height:170px}.vip-price--exclusive{grid-column:1/-1}.vip-price small{font-size:18px}.vip-price strong{font-size:38px}.vip-benefits__grid{grid-template-columns:1fr;gap:38px}.vip-benefits article{grid-template-columns:74px 1fr;gap:18px}.vip-benefits article img{width:68px;height:68px}.vip-benefits h3{font-size:21px}.vip-how__steps{grid-template-columns:1fr;gap:44px}.vip-how__steps:before{display:none}.vip-how h3{margin-bottom:20px;white-space:normal}.vip-how h3:after{display:none}}
@media(min-width:1920px){.wrap{width:min(1780px,calc(100% - 96px))}.vip-price-table{max-width:1680px}.vip-price-head,.vip-price-row{gap:22px}.vip-pack,.vip-price{min-height:280px}.vip-pack img{height:230px}.vip-pack h3{font-size:28px}.vip-pack ul{font-size:16px}.vip-price strong{font-size:62px}.vip-benefits__grid,.vip-how__steps{max-width:1500px}.vip-benefits article{grid-template-columns:150px 1fr}.vip-benefits article img{width:125px;height:125px}.vip-benefits h3,.vip-how h3{font-size:30px}.vip-benefits p,.vip-how ul{font-size:20px}.vip-how__steps:before{top:66px}.vip-how h3:after{top:57px}}

/* Figma VIP detail alignment */
.vip-note{line-height:1.35}.vip-price-section>h2{text-align:left}.vip-price-row{align-items:stretch}.vip-pack{display:block;padding:18px 24px}.vip-pack h3{margin:0 0 10px;font-size:23px}.vip-pack__body{display:grid;grid-template-columns:48% 52%;align-items:center}.vip-pack__body img{width:100%;height:148px;object-fit:contain}.vip-pack__body ul{margin:0;padding-left:18px;color:#7c7c7c;font-size:13px;line-height:1.22}.vip-price{grid-template-rows:64px minmax(0,1fr)}.vip-price strong{position:relative;display:flex;height:100%;min-height:0;flex-direction:column;align-items:center;justify-content:center;background:#ff6300;color:#fff;font-size:48px}.vip-price strong em{display:block;margin-top:4px;background:transparent;color:#fff;font-size:12px;font-style:normal;font-weight:700}.vip-price--early strong{background:#ff7d27}.vip-price--exclusive strong{background:#ffb817}.vip-price--early,.vip-price--exclusive{position:relative;overflow:visible}.vip-price--early:before,.vip-price--exclusive:before{position:absolute;z-index:2;top:50%;left:-25px;display:grid;width:42px;height:42px;transform:translateY(-6%);place-items:center;border-radius:50%;background:#0d1a25;color:#fff;content:'›';font-size:44px;line-height:1}.vip-benefits>h2{display:flex;align-items:center;justify-content:center;gap:52px}.vip-benefits>h2 img{width:64px;height:116px;object-fit:contain}.vip-benefits__grid article{grid-template-columns:104px 1px minmax(0,1fr);gap:28px}.vip-benefits__grid article:before{grid-column:2;width:1px;height:100%;min-height:122px;background:#fff;content:''}.vip-benefits__grid article>img{grid-column:1;grid-row:1;width:90px;height:90px}.vip-benefits__grid article>div{grid-column:3;grid-row:1}.vip-benefits__grid article:nth-child(1){grid-area:1/1}.vip-benefits__grid article:nth-child(2){grid-area:1/2}.vip-benefits__grid article:nth-child(3){grid-area:2/1}.vip-benefits__grid article:nth-child(4){grid-area:2/2}.vip-how__steps:before{top:60px;height:3px}.vip-how h3{margin-bottom:92px}.vip-how h3:after{top:48px;width:20px;height:20px}.vip-how article:first-child:after{position:absolute;z-index:1;top:60px;left:10px;width:calc(100% + 70px);height:3px;background:#ff6300;content:''}.vip-how article h3,.vip-how article ul{position:relative;z-index:2}
@media(max-width:800px){.vip-price-section>h2{text-align:center}.vip-pack{padding:16px}.vip-pack__body img{height:145px}.vip-price--early:before,.vip-price--exclusive:before{display:none}.vip-benefits>h2{gap:18px}.vip-benefits>h2 img{width:38px;height:70px}.vip-benefits__grid article{grid-template-columns:62px 1px minmax(0,1fr);gap:14px}.vip-benefits__grid article>img{width:58px;height:58px}.vip-benefits__grid article:nth-child(n){grid-area:auto}.vip-how article:first-child:after{display:none}}

/* Product purchase area follows the Figma product-page frame: white canvas and a true 1:1 gallery. */
.dio-page{background:#fff;color:#0b1433}
.dio-page .product-main{background:#fff}
.dio-page .gallery{align-items:start}
.dio-page .main-image{aspect-ratio:1/1;min-height:0;background:#fff;border:1px solid #e1e4e8;border-radius:0}
.dio-page .main-image img{position:static;width:100%;height:100%;max-height:none;object-fit:contain}
.dio-page .thumbs img{aspect-ratio:1/1;height:auto;background:#fff;object-fit:contain}
@media(max-width:700px){.dio-page .main-image{min-height:0}}

/* 左侧图集栏：缩略图尺寸（--dio-thumb）跟着右侧产品图高度算——6 格铺满产品图高度，上下边对齐；
   超过 6 张时第 7 张起在栏内纵向滚动。尺寸由 assets/store.js 里的 syncDioThumbSize() 写入。 */
@media(min-width:701px){
  .dio-page .gallery{--dio-thumb:76px;--dio-thumb-gap:12px;grid-template-columns:var(--dio-thumb) 1fr}
  .dio-page .thumbs{grid-auto-rows:var(--dio-thumb);gap:var(--dio-thumb-gap);max-height:calc(var(--dio-thumb) * 6 + var(--dio-thumb-gap) * 5);align-content:start;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#cfd8e7 transparent}
  .dio-page .thumbs img{justify-self:center;align-self:start;width:var(--dio-thumb);height:var(--dio-thumb);max-width:none;max-height:none;aspect-ratio:1/1}
  .dio-page .thumbs::-webkit-scrollbar{width:4px}
  .dio-page .thumbs::-webkit-scrollbar-thumb{border-radius:999px;background:#cfd8e7}
  .dio-page .thumbs::-webkit-scrollbar-track{background:transparent}
}

/* 手机端图集栏：只显示一行 4 个，图位多于 4 个时横向滑动。 */
@media(max-width:700px){
  .dio-page .thumbs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px) / 4);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#cfd8e7 transparent}
  .dio-page .thumbs img{width:100%;height:auto;aspect-ratio:1/1}
  .dio-page .thumbs::-webkit-scrollbar{height:4px}
  .dio-page .thumbs::-webkit-scrollbar-thumb{border-radius:999px;background:#cfd8e7}
  .dio-page .thumbs::-webkit-scrollbar-track{background:transparent}
}

/* Keep the square product artwork compact on desktop and wide displays. */
.dio-page .product-main{width:min(1440px,calc(100% - 64px));grid-template-columns:minmax(0,620px) minmax(0,1fr);gap:64px;justify-content:center}
@media(min-width:1920px){.dio-page .product-main{width:min(1500px,calc(100% - 120px));grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:80px}}
@media(max-width:1000px){.dio-page .product-main{width:min(760px,calc(100% - 40px));grid-template-columns:1fr;gap:30px}}
@media(max-width:700px){.dio-page .product-main{width:calc(100% - 28px)}}

.vip-pack__body{grid-template-columns:55% 45%;align-items:center}
.vip-pack__body img{transform:scale(1.62) translateX(-32%);transform-origin:left center}
@media(max-width:800px){.vip-pack__body img{transform:scale(1.42) translateX(-24%)}}
.vip-pack h3{position:relative;z-index:2}.vip-pack__body{position:relative;z-index:1;overflow:hidden;background:#fff}
.vip-pack__body ul{position:relative;z-index:2;background:#fff}

/* Final Figma price-table geometry: one grid controls headers and all four columns. */
.vip-price-section>h2{max-width:none;margin:0 auto 76px;text-align:center}
.vip-price-head,.vip-price-row{grid-template-columns:1.65fr 1fr 1fr 1fr;column-gap:16px}
.vip-price-head{padding:0 0 24px}.vip-price-head span{display:flex;align-items:center;justify-content:center;text-align:center}
.vip-pack{min-height:224px;padding:18px 22px;overflow:hidden;border-radius:18px}
.vip-pack h3{margin:0 0 8px;text-align:center;font-size:24px;line-height:1.15}
.vip-pack__body{grid-template-columns:56% 44%;height:166px;overflow:visible;align-items:center;background:#fff}
.vip-pack__body img{z-index:1;width:100%;height:166px;object-fit:contain;transform:scale(1.78) translateX(-28%);transform-origin:left center}
.vip-pack__body ul{z-index:2;margin:0;padding:0 0 0 14px;background:#fff;font-size:clamp(13px,.82vw,16px);line-height:1.16}
.vip-price{min-height:224px;overflow:visible;border-radius:18px;background:transparent}
.vip-price small{height:72px;border-radius:18px 18px 0 0;font-size:26px}
.vip-price strong{border-radius:0 0 18px 18px;font-size:56px}
.vip-price strong em{margin-top:6px;font-size:13px}
.vip-price--early,.vip-price--exclusive{z-index:3}
.vip-price--early:before,.vip-price--exclusive:before{z-index:5;top:50%;left:-29px;width:42px;height:42px;transform:translateY(-50%);font-size:42px}
@media(min-width:1920px){.vip-price-section>h2{margin-bottom:90px}.vip-price-head,.vip-price-row{column-gap:22px}.vip-pack,.vip-price{min-height:280px}.vip-pack__body{height:214px}.vip-pack__body img{height:214px;transform:scale(1.72) translateX(-27%)}.vip-pack h3{font-size:28px}.vip-pack__body ul{font-size:16px}.vip-price small{height:82px;font-size:30px}.vip-price strong{font-size:68px}.vip-price--early:before,.vip-price--exclusive:before{left:-32px;width:46px;height:46px}}
@media(max-width:800px){.vip-price-section>h2{margin-bottom:44px}.vip-pack{min-height:205px}.vip-pack h3{font-size:21px}.vip-pack__body{grid-template-columns:54% 46%;height:152px}.vip-pack__body img{height:152px;transform:scale(1.48) translateX(-21%)}.vip-pack__body ul{font-size:11px}.vip-price{min-height:170px}.vip-price small{height:58px;font-size:18px}.vip-price strong{font-size:40px}}

/* Fine alignment pass. */
.vip-pack__body img{transform:scale(1.69) translate(-24%,-3%)}
.vip-price--msrp strong:after{display:block;height:19px;margin-top:6px;content:''}
.vip-price--early:before,.vip-price--exclusive:before{display:block;padding:0;content:'';background-color:#0d1a25;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 24'%3E%3Cpath d='M2 2l10 10L2 22' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:12px 20px}
@media(min-width:1920px){.vip-pack__body img{transform:scale(1.63) translate(-23%,-3%)}}
@media(max-width:800px){.vip-pack__body img{transform:scale(1.4) translate(-18%,-2%)}}

/* Price numerals and arrow circles share one exact horizontal centerline. */
.vip-price strong{display:grid;place-items:center;padding:0}
.vip-price strong em{position:absolute;top:calc(50% + 38px);left:0;width:100%;margin:0;text-align:center}
.vip-price--msrp strong:after{display:none}
.vip-price--early:before,.vip-price--exclusive:before{top:calc(50% + 36px);transform:translateY(-50%)}
@media(min-width:1920px){.vip-price strong em{top:calc(50% + 46px)}.vip-price--early:before,.vip-price--exclusive:before{top:calc(50% + 41px)}}
@media(max-width:800px){.vip-price strong em{top:calc(50% + 29px)}.vip-price--early:before,.vip-price--exclusive:before{top:calc(50% + 29px)}}

/* Center price numerals and arrows against the complete card (header + color body). */
.vip-price strong{box-sizing:border-box;padding-bottom:72px}
.vip-price strong em{top:calc(50% + 8px)}
.vip-price--early:before,.vip-price--exclusive:before{top:50%}
@media(min-width:1920px){.vip-price strong{padding-bottom:82px}.vip-price strong em{top:calc(50% + 9px)}.vip-price--early:before,.vip-price--exclusive:before{top:50%}}
@media(max-width:800px){.vip-price strong{padding-bottom:58px}.vip-price strong em{top:calc(50% + 2px)}.vip-price--early:before,.vip-price--exclusive:before{top:50%}}

/* Mobile: keep all three price cards on the same row. */
@media(max-width:800px){.vip-price strong{font-size:clamp(24px,7.5vw,30px)}}

/* VIP comparison refinements from the selected Figma layers. */
.vip-price-row{align-items:stretch;grid-auto-rows:minmax(244px,auto)}
.vip-pack,.vip-price{height:100%;min-height:0}
.vip-pack h3{font-size:22.5px;transform:translateX(-10px)}
.vip-pack__body{height:160px}
.vip-pack__body img{height:160px;transform:scale(1.605) translate(-24%,-3%)}
.vip-pack__body ul{font-size:14px;line-height:1.2}
.vip-price{grid-template-rows:72px minmax(0,1fr)}
.vip-price strong{font-size:52px}
.dio-page .summary h1{font-size:30px}.dio-page .summary .benefits li{font-size:13px}.dio-page .summary .vip-note{font-size:14px}
@media(min-width:1920px){.vip-price-row{grid-auto-rows:minmax(294px,auto)}.vip-pack h3{font-size:22.5px}.vip-pack__body{height:205px}.vip-pack__body img{height:205px;transform:scale(1.548) translate(-23%,-3%)}.vip-pack__body ul{font-size:14px}.vip-price{grid-template-rows:82px minmax(0,1fr)}.vip-price strong{font-size:58px}}
@media(max-width:800px){.links{margin-left:0}.vip-price-row{grid-auto-rows:auto}.vip-pack{min-height:205px}.vip-pack h3{font-size:20px;transform:translateX(-4px)}.vip-pack__body{height:152px}.vip-pack__body img{height:152px;transform:scale(1.33) translate(-18%,-2%)}.vip-pack__body ul{font-size:11px}.vip-price{min-height:170px;grid-template-rows:58px minmax(0,1fr)}.vip-price strong{font-size:clamp(24px,7.5vw,30px)}}
@media(max-width:800px){.vip-price-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vip-pack{grid-column:1/-1}.vip-price--exclusive{grid-column:auto}.vip-price{min-width:0;min-height:170px}.vip-price small{height:58px;padding:0 3px;font-size:14px;line-height:1.08}.vip-price strong{padding-bottom:58px;font-size:clamp(27px,8.5vw,34px)}.vip-price strong em{top:calc(50% + 2px);padding-inline:3px;font-size:9px;line-height:1.1}.vip-price--early:before,.vip-price--exclusive:before{display:block;left:-17px;width:28px;height:28px;background-size:8px 14px}}
@media(max-width:800px){.vip-price strong{font-size:clamp(24px,7.5vw,30px)}}
@media(max-width:700px){.vip-price strong{padding-bottom:48px;font-size:clamp(22px,calc(7.5vw - 2px),28px)}.vip-price strong em{font-size:9px}}

/* Progressive wide-screen scale, keeping the square gallery capped. */
@media(min-width:1920px){
  .dio-page .product-main{width:min(1920px,calc(100% - 200px));grid-template-columns:minmax(0,700px) minmax(0,1fr);gap:clamp(68px,3.6vw,92px)}
  .vip-price-table{max-width:min(2000px,calc(100vw - 200px))}
  .vip-price-row{grid-auto-rows:minmax(clamp(280px,12vw,312px),auto)}
  .vip-pack__body,.vip-pack__body img{height:clamp(200px,9vw,220px)}
  .vip-pack__body ul{font-size:clamp(14px,.6vw,15px)}
  .vip-price strong{font-size:clamp(54px,2.3vw,58px)}
}

/* Reduce only the comparison section title and restore image placement within its card. */
.vip-price-section>h2{font-size:clamp(30px,3vw,50px)}
.vip-pack__body img{transform:scale(1.605) translate(-19%,2%)}
@media(min-width:1920px){.vip-pack__body img{transform:scale(1.548) translate(-18%,2%)}}
@media(max-width:800px){.vip-pack__body img{transform:scale(1.33) translate(-15%,1%)}}

/* Match the font files, weights and type sizes recorded in the Figma handoff. */
@font-face{font-family:MiSans;src:url('fonts/MiSans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:MiSans;src:url('fonts/MiSans-Semibold.woff2') format('woff2');font-weight:520;font-display:swap}
@font-face{font-family:MiSans;src:url('fonts/MiSans-Heavy.woff2') format('woff2');font-weight:900;font-display:swap}
.vip-price-section>h2,.vip-pack h3,.vip-price small,.vip-price strong,.vip-price strong em{font-family:MiSans,Arial,sans-serif;font-weight:520}
.vip-price-head{font-family:MiSans,Arial,sans-serif;font-size:16px;font-weight:900}
.vip-pack__body ul{font-family:MiSans,Arial,sans-serif;font-weight:500}
.vip-price small{font-size:24px}
.vip-price strong{font-size:48px}
.vip-price strong em{font-size:12px}
@media(min-width:1920px){.vip-price small{font-size:24px}.vip-price strong{font-size:48px}}
@media(max-width:800px){.vip-price small{font-size:14px}.vip-price strong{font-size:clamp(24px,7.5vw,30px)}.vip-price strong em{font-size:9px}}

/* Navigation restored from fa3d-dio 4/assets/figma-layout.css. */
.site-header { --nav-text:#fff; --nav-muted:rgba(255,255,255,.75); --nav-icon:rgba(255,255,255,.84); --nav-active:#fff; position:relative; z-index:100; top:auto; left:0; width:100%; height:112px; padding:24px 48px 20px; background:transparent; pointer-events:none; line-height:1.4; -webkit-font-smoothing:antialiased; }
.site-header[data-nav-tone="light"] { --nav-text:#0b1433; --nav-muted:rgba(11,20,51,.72); --nav-icon:rgba(11,20,51,.84); --nav-active:#0b1433; }
.site-nav { display:flex; align-items:center; width:min(1760px,100%); height:68px; margin:auto; padding:0 26px; border:1px solid rgba(255,255,255,.34); border-radius:23px; background:rgba(255,255,255,.14); box-shadow:0 12px 32px rgba(0,0,0,.18); backdrop-filter:blur(22px) saturate(140%); -webkit-backdrop-filter:blur(22px) saturate(140%); pointer-events:auto; }
.site-brand { display:flex; flex:none; align-items:center; gap:16px; color:var(--nav-text); text-decoration:none; }
.site-brand img { width:132px; height:40px; object-fit:contain; }
.site-brand span { font-family:"MiSans",sans-serif; font-size:24px; font-weight:600; letter-spacing:.04em; }
.site-links { display:flex; align-items:center; gap:46px; margin:0 0 0 60px; padding:0; list-style:none; }
.site-links li { margin:0; padding:0; }
.site-links a { color:var(--nav-muted); font-family:"MiSans",sans-serif; font-size:18px; font-weight:400; text-decoration:none; transition:color .2s ease; }
.site-links a:hover,.site-links a:focus-visible { color:var(--nav-active); }
.site-actions { display:flex; align-items:center; gap:30px; margin-left:auto; }
.site-actions a,.site-actions button { position:relative; display:grid; width:34px; height:34px; padding:4px; place-items:center; color:var(--nav-icon); border:0; background:transparent; cursor:pointer; }
.site-actions button { width:31px; height:31px; }
.site-actions svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.site-actions .mobile-menu { display:none; }
@media (max-width:980px) {
  .site-header { top:auto; height:86px; padding:14px; }
  .site-nav { width:100%; height:58px; padding-inline:18px; border-radius:21px; position:relative; }
  .site-brand img { width:105px; height:36px; }
  .site-brand span { font-size:20px; }
  .site-links { display:none; }
  .site-actions { gap:12px; }
  .site-actions > :nth-child(1),.site-actions > :nth-child(2) { display:none; }
  .site-actions .mobile-menu { display:grid; }
  .site-header.menu-open .site-links { position:absolute; z-index:20; top:calc(100% + 10px); left:0; right:0; display:flex; flex-direction:column; align-items:stretch; gap:0; margin:0; padding:12px; border:1px solid rgba(255,255,255,.26); border-radius:18px; background:rgba(18,20,17,.96); box-shadow:0 18px 38px rgba(0,0,0,.42); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
  .site-header.menu-open .site-links a { display:block; padding:12px 14px; border-radius:10px; color:#fff; font-size:16px; }
  .site-header.menu-open .site-links a:hover,.site-header.menu-open .site-links a:focus-visible { background:rgba(255,255,255,.1); }
}

/* Harden non-Dio product pages against theme overrides and keep the gallery square. */
body.single-product:not(.dio-page) .woocommerce div.product{
  display:grid;
  grid-template-columns:minmax(0,620px) minmax(0,1fr);
  gap:64px;
  align-items:start;
}
body.single-product:not(.dio-page) .woocommerce div.product > *{
  min-width:0;
}
body.single-product:not(.dio-page) .woocommerce div.product > :not(.images):not(.summary):not(.woocommerce-product-gallery){
  grid-column:1/-1;
}
body.single-product:not(.dio-page) .woocommerce div.product div.images,
body.single-product:not(.dio-page) .woocommerce div.product div.summary{
  float:none !important;
  width:auto !important;
  margin:0 !important;
}
body.single-product:not(.dio-page) .woocommerce div.product .woocommerce-product-gallery{
  display:flex;
  flex-direction:column;
  gap:20px;
}
body.single-product:not(.dio-page) .woocommerce div.product .woocommerce-product-gallery .flex-viewport{
  order:1;
  aspect-ratio:1/1;
  overflow:hidden;
  border:1px solid #e1e4e8;
  border-radius:0;
  background:#fff;
}
body.single-product:not(.dio-page) .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
body.single-product:not(.dio-page) .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,
body.single-product:not(.dio-page) .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a{
  display:block;
  height:100%;
}
body.single-product:not(.dio-page) .woocommerce div.product .woocommerce-product-gallery .flex-viewport img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-height:none;
  object-fit:contain;
}
body.single-product:not(.dio-page) .woocommerce div.product .flex-control-thumbs{
  order:2;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:88px;
  align-items:end;
  gap:12px;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 0 8px;
  margin:0 !important;
  list-style:none;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  scrollbar-color:#cfd8e7 transparent;
}
body.single-product:not(.dio-page) .woocommerce div.product .flex-control-thumbs li{
  float:none !important;
  width:auto !important;
  margin:0 !important;
}
body.single-product:not(.dio-page) .woocommerce div.product .flex-control-thumbs img{
  display:block;
  width:88px !important;
  height:88px !important;
  aspect-ratio:1/1;
  padding:6px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  object-fit:contain;
  opacity:1 !important;
  scroll-snap-align:start;
}
body.single-product:not(.dio-page) .woocommerce div.product .flex-control-thumbs img.flex-active{
  border:2px solid var(--blue);
}
body:not(.dio-page) .product-main{
  width:min(1440px,calc(100% - 64px));
  grid-template-columns:minmax(0,620px) minmax(0,1fr);
  align-items:start;
  justify-content:center;
}
body:not(.dio-page) .gallery{
  display:flex;
  flex-direction:column;
  align-items:start;
  gap:20px;
  min-width:0;
}
body:not(.dio-page) .main-image{
  order:1;
  aspect-ratio:1/1;
  min-height:0;
  overflow:hidden;
  border:1px solid #e1e4e8;
  border-radius:0;
  background:#fff;
}
body:not(.dio-page) .main-image img{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:contain;
}
body:not(.dio-page) .thumbs{
  order:2;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:88px;
  align-items:end;
  gap:12px;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 0 8px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  scrollbar-color:#cfd8e7 transparent;
}
body:not(.dio-page) .thumbs::-webkit-scrollbar{height:8px}
body:not(.dio-page) .thumbs::-webkit-scrollbar-thumb{border-radius:999px;background:#cfd8e7}
body:not(.dio-page) .thumbs img{
  display:block;
  width:88px;
  height:88px;
  aspect-ratio:1/1;
  flex:none;
  padding:6px;
  scroll-snap-align:start;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  object-fit:contain;
}
body:not(.dio-page) .thumbs img.active{border:2px solid var(--blue)}
body:not(.dio-page) .summary{min-width:0}
body:not(.dio-page) .summary .price{font-size:28px;color:var(--blue)}
body:not(.dio-page) .summary .label,
body:not(.dio-page) .summary table.variations label{
  display:block;
  margin:22px 0 10px;
  color:#0b1433;
  font-weight:700;
}
body:not(.dio-page) .summary .swatches{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body:not(.dio-page) .summary .swatches button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:70px;
  height:44px;
  padding:0 16px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#fff;
  box-shadow:none;
  color:#0b1433;
}
body:not(.dio-page) .summary .swatches button.active{border:2px solid var(--blue)}
body:not(.dio-page) .summary :is(select,.qty,input[type="number"],button,.button,a.button){
  font:inherit;
}
body:not(.dio-page) .summary :is(select,.qty,input[type="number"]){
  appearance:none !important;
  -webkit-appearance:none !important;
  border:1px solid var(--line) !important;
  border-radius:6px !important;
  background-color:#fff !important;
  box-shadow:none !important;
  color:#0b1433 !important;
}
body:not(.dio-page) .summary select{
  width:100%;
  min-height:44px;
  padding:0 40px 0 14px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25L6 6.25L11 1.25' fill='none' stroke='%230b1433' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position:right 14px center;
  background-repeat:no-repeat;
  background-size:12px 8px;
}
body:not(.dio-page) .summary table.variations{
  width:100%;
  border-collapse:separate;
  border-spacing:0 14px;
}
body:not(.dio-page) .summary .variations_form{
  display:grid;
  gap:14px;
}
body:not(.dio-page) .summary table.variations th,
body:not(.dio-page) .summary table.variations td{
  padding:0;
  border:0;
  text-align:left;
  vertical-align:middle;
}
body:not(.dio-page) .summary table.variations th{
  width:112px;
  padding-right:12px;
}
body:not(.dio-page) .summary .variations_form table.variations select.fa3d-variation-select{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}
body:not(.dio-page) .summary .fa3d-variation-options{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body:not(.dio-page) .summary .fa3d-variation-option{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:70px;
  min-height:44px;
  padding:0 16px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#fff;
  box-shadow:none;
  color:#0b1433;
  cursor:pointer;
}
body:not(.dio-page) .summary .fa3d-variation-option.is-active{
  border:2px solid var(--blue);
}
body:not(.dio-page) .summary .fa3d-variation-option:disabled{
  opacity:.4;
  cursor:not-allowed;
}
body:not(.dio-page) .summary .reset_variations{
  display:inline-block;
  margin-top:8px;
  color:var(--muted);
  font-size:14px;
}
body:not(.dio-page) .summary form.cart{
  display:grid;
  gap:14px;
  margin-top:18px;
}
body:not(.dio-page) .summary .woocommerce-variation-add-to-cart{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:start;
}
body:not(.dio-page) .summary .woocommerce-variation-add-to-cart .quantity{grid-column:1/-1}
body:not(.dio-page) .summary :is(.quantity .qty,input.qty){
  width:88px;
  min-height:44px;
  padding:0 12px;
}
body:not(.dio-page) .summary :is(.single_add_to_cart_button,.fa3d-buy-now,.buy_now_button,.button.alt,.button.buy-now,.button.buy_now,.buy-actions button){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:54px;
  padding:0 24px;
  border:0 !important;
  border-radius:6px !important;
  background:linear-gradient(90deg,#0874ff,#2431dd) !important;
  box-shadow:none !important;
  color:#fff !important;
  font-size:17px;
  font-weight:600;
  line-height:1;
  text-align:center;
  text-shadow:none !important;
}
body:not(.dio-page) .summary :is(.fa3d-buy-now,.buy_now_button,.button.buy-now,.button.buy_now,.buy-actions .buy){
  background:linear-gradient(90deg,#1a33e9,#3120d6) !important;
}
body:not(.dio-page) .summary .woocommerce-variation-add-to-cart :is(.single_add_to_cart_button,.fa3d-buy-now,.buy_now_button,.button.buy-now,.button.buy_now){
  grid-column:auto;
  min-width:0;
}
body:not(.dio-page) .summary :is(.button.disabled,button.disabled,.single_add_to_cart_button.disabled){
  opacity:.55;
}
body:not(.dio-page) .summary .woocommerce-variation-price{margin:0 0 4px}

@media(max-width:1000px){
  body.single-product:not(.dio-page) .woocommerce div.product{
    grid-template-columns:1fr;
    gap:30px;
  }
  body:not(.dio-page) .product-main{
    width:min(760px,calc(100% - 40px));
    grid-template-columns:1fr;
    gap:30px;
  }
}

@media(max-width:700px){
  body.single-product:not(.dio-page) .woocommerce div.product .flex-control-thumbs{
    grid-auto-columns:72px;
    gap:8px;
  }
  body.single-product:not(.dio-page) .woocommerce div.product .flex-control-thumbs img{
    width:72px !important;
    height:72px !important;
  }
  body:not(.dio-page) .product-main{width:calc(100% - 28px)}
  body:not(.dio-page) .thumbs{
    grid-auto-columns:72px;
    gap:8px;
  }
  body:not(.dio-page) .thumbs img{
    width:72px;
    height:72px;
  }
  body:not(.dio-page) .summary .woocommerce-variation-add-to-cart{
    grid-template-columns:1fr;
  }
  body:not(.dio-page) .summary :is(.quantity .qty,input.qty){
    width:100%;
  }
}

/* Dio X 价格旁边的标签：外观 > 自定义 > FA3D 商城页面 > Dio 价格旁边标签 */
.fa3d-dio-price-tag{display:inline-block;margin:0 0 0 14px;padding:7px 18px;border-radius:999px;background:#ff8128;color:#fff;font-size:15px;font-weight:600;line-height:1.3;vertical-align:middle}
@media (max-width:700px){.fa3d-dio-price-tag{margin-left:10px;padding:6px 13px;font-size:13px}}

/* Dio X 权益板块（原文字说明）改用整图：外观 > 自定义 > FA3D 首页图片 > dio-vip-note.png */
.vip-note-image{display:block;width:100%;max-width:830px;height:auto;aspect-ratio:830/201;object-fit:contain;object-position:left center;margin:20px 0;border-radius:10px}
.vip-note-link{display:inline-block;max-width:100%}

/* Perk 卡片内部控件位置（对照 Frame 2036092568 设计稿）：标题左对齐、图片原比例贴左、列表在右 */
.vip-pack{padding:14px 16px 0}
.vip-pack h3{margin:0 0 6px 34px;text-align:left;transform:none}
.vip-pack__body{grid-template-columns:44% 56%;gap:0;align-items:center}
.vip-pack__body img{width:100%;height:clamp(200px,9vw,220px);object-fit:contain;object-position:left center;transform:none;margin:0}
.vip-pack__body ul{padding-left:12px;align-self:center;justify-self:start;margin-top:0;line-height:1.22}
.vip-pack__body img{align-self:center}
/* 桌面端配件名一律单行显示；窄屏再允许折行，避免被切成两截 */
@media (min-width:901px){
  .vip-price-table .vip-pack__body ul{white-space:nowrap}
}
@media (max-width:900px){
  .vip-price-table .vip-pack__body img{height:152px}
  /* 移动端：配件列表下移（垂直居中），左边与其它卡片对齐 */
  .vip-price-table .vip-pack__body ul{font-size:11px;line-height:1.25;align-self:center;justify-self:start;margin-top:0}
}

/* VIP 套餐整图只替换卡片内容，不参与卡片尺寸或间距计算。 */
.vip-pack.vip-pack--custom-image{position:relative;background:#0d1a25}
.vip-pack.vip-pack--custom-image .vip-pack__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* FAQ 页面（page-faq.php）：标题 + 文案，标题可折叠（原生 details，无 JS） */
.faq-shell{width:min(900px,calc(100% - 48px));margin:0 auto;padding:64px 0 96px}
.faq-shell>h1{margin:0 0 12px;color:#0b1433;font-size:clamp(32px,4vw,46px)}
.faq-subtitle{margin:0 0 36px;color:#5a6b85;font-size:17px;line-height:1.6}
.faq-list{display:grid;gap:14px}
.faq-item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;color:#0b1433;font-size:18px;font-weight:700;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary i{position:relative;flex:0 0 16px;width:16px;height:16px}
.faq-item summary i:before,.faq-item summary i:after{position:absolute;border-radius:2px;background:#0b1433;content:""}
.faq-item summary i:before{top:7px;left:0;width:16px;height:2px}
.faq-item summary i:after{top:0;left:7px;width:2px;height:16px;transition:transform .2s ease}
.faq-item[open] summary i:after{transform:scaleY(0)}
.faq-answer{padding:0 24px 22px;color:#344057;font-size:16px;line-height:1.75}
.faq-answer p{margin:0}
.faq-answer p+p{margin-top:12px}
@media (max-width:600px){
  .faq-item summary{padding:16px 18px;font-size:16px}
  .faq-answer{padding:0 18px 18px;font-size:15px}
}