:root { --advex-red:#7C3AED; --advex-line:rgba(255,255,255,.1); }
html { scroll-behavior:smooth; }
body { background:#08080a; color:#f8f8f8; }
.advex-hero { position:relative; isolation:isolate; padding:clamp(4rem,10vw,8rem) 1rem clamp(3rem,7vw,5rem); overflow:hidden; }
.advex-hero::before { content:""; position:absolute; inset:0; z-index:-2; background:radial-gradient(circle at 75% 30%,rgba(124,58,237,.22),transparent 34%),linear-gradient(180deg,#11090d,#08080a 80%); }
.advex-hero h1 { max-width:780px; margin:1rem auto; font-size:clamp(2.5rem,7vw,5.5rem); line-height:1.02; letter-spacing:-.055em; }
.advex-hero h1 span { color:var(--advex-red); }
.advex-hero p { max-width:650px; margin:0 auto 2rem; color:#bcbcc4; font-size:clamp(1rem,2vw,1.2rem); }
.advex-hero .btn-primary { min-height:4.25rem; min-width:15rem; padding:0 2.25rem; font-size:1.2rem; font-weight:800; border-radius:.75rem; box-shadow:0 10px 28px rgba(124,58,237,.24); }
.advex-hero .btn-primary:hover { transform:translateY(-2px); box-shadow:0 14px 34px rgba(124,58,237,.36); }
.advex-hero-actions { display:flex; justify-content:center; align-items:center; gap:1rem; flex-wrap:wrap; width:100%; }
.advex-hero-actions .btn-primary { height:auto; min-height:76px; min-width:280px; font-size:22px; padding:18px 32px; line-height:1.2; }
.advex-hero-actions .btn-primary svg { width:24px; height:24px; }
.advex-delivery { margin:10px 0 14px; }
.advex-delivery .advex-delivery-badge { max-width:100%; width:auto; white-space:normal; line-height:1.5; }
.advex-delivery small { display:block; color:#c5c5ce; font-size:12px; line-height:1.5; }
@media (max-width:520px) { .advex-hero .advex-hero-actions { flex-direction:column; } .advex-hero .advex-hero-actions .btn-primary { width:100%; min-width:0; min-height:72px; font-size:21px; } }
.advex-trust { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:1rem auto 3rem; max-width:1100px; border:1px solid var(--advex-line); border-radius:1rem; overflow:hidden; background:var(--advex-line); }
.advex-trust-item { padding:1.1rem; background:#111115; display:flex; gap:.65rem; align-items:center; color:#ddd; font-size:.92rem; }
.advex-trust-item i { color:var(--advex-red); width:1.1rem; }
.advex-section-intro { max-width:720px; margin:0 auto 2rem; text-align:center; }
.advex-section-intro h2 { font-size:clamp(1.8rem,4vw,2.7rem); letter-spacing:-.04em; margin-bottom:.55rem; }
.advex-section-intro p { color:#aaaab3; }
.advex-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; max-width:1100px; margin:0 auto; }
.advex-step { background:linear-gradient(145deg,#151519,#0d0d10); border:1px solid var(--advex-line); border-radius:1rem; padding:1.4rem; }
.advex-step b { color:var(--advex-red); font:700 1.7rem/1 Kanit,sans-serif; }
.advex-step h3 { margin:.8rem 0 .35rem; }
.advex-step p,.advex-info-card p,.advex-info-card li { color:#aaaab3; line-height:1.65; }
.advex-info-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:1.25rem; }
.advex-info-card { border:1px solid var(--advex-line); border-radius:1rem; background:#101014; padding:clamp(1.25rem,4vw,2.4rem); }
.advex-faq { max-width:850px; margin:auto; }
.advex-faq details { border-bottom:1px solid var(--advex-line); padding:1rem 0; }
.advex-faq summary { cursor:pointer; font-weight:650; list-style:none; display:flex; justify-content:space-between; gap:1rem; }
.advex-faq summary::-webkit-details-marker { display:none; }
.advex-faq summary::after { content:'+'; color:var(--advex-red); font-size:1.25rem; }
.advex-faq details[open] summary::after { content:'−'; }
.advex-faq p { color:#aaaab3; margin:.75rem 0 0; }
.advex-whatsapp { position:fixed; right:1.1rem; bottom:1.1rem; z-index:40; width:3.35rem; height:3.35rem; border-radius:50%; display:grid; place-items:center; background:#25d366; color:#04180b; box-shadow:0 8px 30px #0008; }
.advex-quantity-picker { display:none; align-items:center; justify-content:space-between; gap:.5rem; margin:.8rem 0; color:#aaaab3; font-size:.78rem; }
.advex-quantity-picker.is-visible { display:flex; }
.advex-quantity-picker > div { display:flex; align-items:center; border:1px solid var(--advex-line); border-radius:.5rem; overflow:hidden; }
.advex-quantity-picker button { width:1.9rem; height:1.9rem; border:0; background:#1a171b; color:#fff; cursor:pointer; font-size:1.1rem; }
.advex-quantity-picker button:hover { background:#34131d; color:var(--advex-red); }
.advex-quantity-picker input { width:2.3rem; height:1.9rem; border:0; border-left:1px solid var(--advex-line); border-right:1px solid var(--advex-line); background:#0c0c0f; color:#fff; text-align:center; }
.advex-quantity-picker input::-webkit-inner-spin-button { opacity:1; }
.advex-delivery-badge { display:inline-flex; align-items:center; gap:.35rem; width:max-content; margin:.35rem 0 .55rem; padding:.28rem .55rem; border:1px solid rgba(53,209,139,.35); border-radius:999px; background:rgba(53,209,139,.1); color:#78e9b3; font-size:.7rem; font-weight:700; }
.advex-qty-modal { display:none; position:fixed; inset:0; z-index:100; align-items:center; justify-content:center; padding:1rem; }
.advex-qty-modal.is-open { display:flex; }
.advex-qty-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.78); backdrop-filter:blur(5px); }
.advex-qty-dialog { position:relative; width:min(390px,100%); padding:1.5rem; border:1px solid #54202c; border-radius:1rem; background:#111115; box-shadow:0 20px 80px #000; text-align:center; }
.advex-qty-dialog h2 { margin:.2rem 0 .5rem; }
.advex-qty-product { color:#b9b9c2; font-size:.9rem; }
.advex-qty-close { position:absolute; right:.7rem; top:.55rem; border:0; background:transparent; color:#aaa; font-size:1.5rem; cursor:pointer; }
.advex-qty-controls { display:flex; justify-content:center; align-items:center; margin:1.25rem 0; }
.advex-qty-controls button { width:2.7rem; height:2.7rem; border:1px solid #3d222a; background:#21151a; color:#fff; font-size:1.3rem; cursor:pointer; }
.advex-qty-controls input { width:4rem; height:2.7rem; border:1px solid #3d222a; background:#0a0a0c; color:#fff; text-align:center; font-size:1.1rem; }
.advex-qty-confirm { width:100%; justify-content:center; }
.product-page [data-buy] { width:100%; min-height:3.35rem; justify-content:center; font-size:1.05rem; font-weight:800; box-shadow:0 8px 24px rgba(124,58,237,.2); }
.product-page [data-buy]:hover { transform:translateY(-2px); box-shadow:0 12px 30px rgba(124,58,237,.32); }
@media (max-width:640px) { .product-page [data-buy] { min-height:3.75rem; font-size:1.1rem; } }
:focus-visible { outline:2px solid var(--advex-red); outline-offset:3px; }
@media (max-width:800px) { .advex-trust,.advex-steps { grid-template-columns:repeat(2,1fr); } .advex-info-grid { grid-template-columns:1fr; } }
@media (max-width:520px) { .advex-trust,.advex-steps { grid-template-columns:1fr; } }
@media (max-width:520px) { .advex-hero .btn-primary { width:100%; min-width:0; min-height:4rem; font-size:1.15rem; } }

body.advex-quantity-open{overflow:hidden}.advex-qty-error{color:#ff9bab;font-size:13px;margin:.5rem 0}.advex-qty-total{font-size:20px;font-weight:700;margin:0 0 12px}.advex-qty-controls button:disabled{opacity:.4;cursor:default}.advex-qty-dialog{max-height:calc(100dvh - 32px);overflow:auto}.brand{color:#fff;text-decoration:none}.product-info{min-width:0}.product-price{white-space:nowrap}.pay:disabled{opacity:.6;cursor:wait}
