/* AMPOLSHOP V12 — complete visual system and storefront redesign */

html[data-theme] {
    --v12-page: var(--theme-page, #f4faf7);
    --v12-page-alt: var(--theme-page-alt, #e8f2ed);
    --v12-panel: var(--theme-panel, rgba(255,255,255,.94));
    --v12-panel-strong: var(--theme-panel-strong, #fff);
    --v12-panel-soft: var(--theme-panel-soft, #edf6f1);
    --v12-text: var(--theme-text, #102019);
    --v12-muted: var(--theme-muted, #5b7165);
    --v12-accent: var(--theme-accent, #10b981);
    --v12-accent-2: var(--theme-accent-2, #087443);
    --v12-accent-3: var(--theme-accent-3, #63e6a4);
    --v12-accent-soft: var(--theme-accent-soft, rgba(16,185,129,.12));
    --v12-accent-text: var(--theme-accent-text, #067647);
    --v12-action-text: var(--theme-action-text, #fff);
    --v12-line: var(--theme-line, rgba(10,91,60,.16));
    --v12-line-strong: var(--theme-line-strong, rgba(16,185,129,.38));
    --v12-shadow: var(--theme-shadow, rgba(20,67,44,.14));
    --v12-deep: #07110d;
    --v12-deep-2: #0c1b14;
    --v12-deep-3: #14271e;
    --v12-deep-text: #f5fff9;
    --v12-deep-muted: #9ab0a3;
    --v12-radius-sm: .9rem;
    --v12-radius: 1.35rem;
    --v12-radius-lg: 2rem;
    --v12-ease: cubic-bezier(.2,.8,.2,1);
}

html[data-theme="crimson"] { --v12-deep:#170d0b; --v12-deep-2:#27120f; --v12-deep-3:#3a1c16; --v12-deep-muted:#c9aaa1; }
html[data-theme="sapphire"] { --v12-deep:#07131d; --v12-deep-2:#0b2030; --v12-deep-3:#123149; --v12-deep-muted:#9fb8ca; }
html[data-theme="graphite"] { --v12-deep:#080b0e; --v12-deep-2:#121820; --v12-deep-3:#202934; --v12-deep-muted:#aebbc5; }
html[data-theme="violet"] { --v12-deep:#110b1e; --v12-deep-2:#1c1231; --v12-deep-3:#2a1b46; --v12-deep-muted:#b8a9ce; }
html[data-theme="solar"] { --v12-deep:#11100a; --v12-deep-2:#1d1a0c; --v12-deep-3:#2d2710; --v12-deep-muted:#c7bea0; }

html { scroll-padding-top: 6.5rem; }
html[data-theme] body.ampol-app {
    color: var(--v12-text) !important;
    background:
        radial-gradient(circle at 8% 6%, var(--v12-accent-soft), transparent 30rem),
        radial-gradient(circle at 92% 64%, color-mix(in srgb,var(--v12-accent-2) 11%,transparent), transparent 34rem),
        linear-gradient(145deg,var(--v12-page),var(--v12-page-alt)) !important;
    font-feature-settings: "ss01","ss02","tnum";
}
html[data-theme] body.ampol-app::before {
    opacity: .38 !important;
    background-size: 72px 72px !important;
    background-image:
        linear-gradient(color-mix(in srgb,var(--v12-accent) 7%,transparent) 1px,transparent 1px),
        linear-gradient(90deg,color-mix(in srgb,var(--v12-accent) 7%,transparent) 1px,transparent 1px) !important;
}
html[data-theme] body.ampol-app ::selection { color: var(--v12-action-text); background: var(--v12-accent); }

/* Shared surfaces, type and controls */
html[data-theme] body.ampol-app :is(.premium-panel,.glass-panel,.glass-panel-hover,.metric-card,.store-filter-panel,.product-order-card,.product-info-panel,.product-support-panel,.purchase-success-card) {
    color: var(--v12-text) !important;
    border-color: var(--v12-line) !important;
    background: linear-gradient(150deg,var(--v12-panel-strong),var(--v12-panel)) !important;
    box-shadow: 0 18px 55px var(--v12-shadow), inset 0 1px 0 color-mix(in srgb,#fff 52%,transparent) !important;
}
html[data-theme] body.ampol-app :is(.premium-panel,.glass-panel,.glass-panel-hover,.metric-card) :is(h1,h2,h3,h4,strong,b) { color: var(--v12-text) !important; }
html[data-theme] body.ampol-app :is(.premium-panel,.glass-panel,.glass-panel-hover,.metric-card) :is(p,small,label) { color: var(--v12-muted); }
html[data-theme] body.ampol-app .eyebrow { color: var(--v12-accent-text) !important; }
html[data-theme] body.ampol-app .eyebrow::before { background: linear-gradient(90deg,var(--v12-accent),transparent) !important; }

html[data-theme] body.ampol-app :is(.btn-primary,.product-order-submit,.free-fire-verify-button,.v12-button.is-primary) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid color-mix(in srgb,var(--v12-accent-3) 46%,transparent) !important;
    color: var(--v12-action-text) !important;
    background: linear-gradient(118deg,var(--v12-accent-2),var(--v12-accent),var(--v12-accent-3)) !important;
    background-size: 180% 100% !important;
    box-shadow: 0 14px 34px color-mix(in srgb,var(--v12-accent) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.32) !important;
    transition: transform .24s var(--v12-ease),box-shadow .24s ease,background-position .35s ease !important;
}
html[data-theme] body.ampol-app :is(.btn-primary,.product-order-submit,.free-fire-verify-button,.v12-button.is-primary):hover {
    transform: translateY(-3px);
    background-position: 100% 0 !important;
    box-shadow: 0 20px 45px color-mix(in srgb,var(--v12-accent) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.35) !important;
}
html[data-theme] body.ampol-app :is(.btn-primary,.product-order-submit,.free-fire-verify-button,.v12-button.is-primary) * { color: var(--v12-action-text) !important; }
html[data-theme] body.ampol-app :is(.btn-secondary,.v12-button.is-ghost) {
    border-color: var(--v12-line-strong) !important;
    color: var(--v12-accent-text) !important;
    background: color-mix(in srgb,var(--v12-panel-strong) 86%,transparent) !important;
    box-shadow: 0 10px 28px var(--v12-shadow) !important;
}
html[data-theme] body.ampol-app :is(.btn-secondary,.v12-button.is-ghost):hover { border-color: var(--v12-accent) !important; background: var(--v12-accent-soft) !important; transform: translateY(-2px); }
html[data-theme] body.ampol-app :is(button,a,input,select,textarea):focus-visible { outline: 3px solid color-mix(in srgb,var(--v12-accent) 26%,transparent); outline-offset: 3px; }

html[data-theme] body.ampol-app :is(.field,.select-field,.textarea-field,.product-order-field,.store-filter-select,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea) {
    color: var(--v12-text) !important;
    -webkit-text-fill-color: var(--v12-text) !important;
    border-color: var(--v12-line) !important;
    background-color: var(--v12-panel-strong) !important;
    box-shadow: inset 0 1px 2px color-mix(in srgb,var(--v12-shadow) 45%,transparent),0 1px 0 color-mix(in srgb,#fff 45%,transparent) !important;
    transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease !important;
}
html[data-theme] body.ampol-app :is(.field,.select-field,.textarea-field,.product-order-field,.store-filter-select,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea):focus {
    border-color: var(--v12-accent) !important;
    box-shadow: 0 0 0 4px var(--v12-accent-soft),inset 0 1px 2px var(--v12-shadow) !important;
}
html[data-theme] body.ampol-app :is(input,textarea)::placeholder { color: color-mix(in srgb,var(--v12-muted) 68%,transparent) !important; -webkit-text-fill-color: color-mix(in srgb,var(--v12-muted) 68%,transparent) !important; }

/* Header */
html[data-theme] .ampol-site-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 90;
    border-bottom: 1px solid color-mix(in srgb,var(--v12-accent) 11%,transparent) !important;
    background: color-mix(in srgb,var(--v12-panel-strong) 78%,transparent) !important;
    box-shadow: 0 9px 36px color-mix(in srgb,var(--v12-shadow) 62%,transparent);
    backdrop-filter: blur(22px) saturate(1.35);
    transition: background .25s ease,box-shadow .25s ease,transform .25s ease;
}
html[data-theme] .ampol-site-header.is-scrolled { background: color-mix(in srgb,var(--v12-panel-strong) 92%,transparent) !important; box-shadow: 0 14px 45px var(--v12-shadow); }
html[data-theme] .ampol-site-header__bar { min-height: 5.15rem; }
html[data-theme] .ampol-brand__mark { border: 1px solid var(--v12-line-strong) !important; background: linear-gradient(145deg,var(--v12-accent-3),var(--v12-accent)) !important; box-shadow: 0 10px 30px var(--v12-accent-soft) !important; }
html[data-theme] .ampol-brand__mark b { color: var(--v12-action-text) !important; }
html[data-theme] .ampol-brand__copy b { color: var(--v12-text) !important; }
html[data-theme] .ampol-brand__copy i { color: var(--v12-accent-text) !important; }
html[data-theme] .ampol-brand__copy small { color: var(--v12-muted) !important; }
html[data-theme] .ampol-desktop-nav a { color: var(--v12-muted) !important; }
html[data-theme] .ampol-desktop-nav a:is(:hover,.is-active) { color: var(--v12-text) !important; }
html[data-theme] .ampol-desktop-nav a::after { background: var(--v12-accent) !important; box-shadow: 0 0 12px var(--v12-accent); }
html[data-theme] :is(.ampol-header-icon,.ampol-menu-button) { color: var(--v12-muted) !important; border-color: var(--v12-line) !important; background: var(--v12-panel-soft) !important; }
html[data-theme] :is(.ampol-header-icon,.ampol-menu-button):hover { color: var(--v12-accent-text) !important; border-color: var(--v12-line-strong) !important; transform: translateY(-2px); }
html[data-theme] :is(.ampol-login-button,.ampol-account-button) { border-color: var(--v12-line-strong) !important; color: var(--v12-action-text) !important; background: linear-gradient(120deg,var(--v12-accent-2),var(--v12-accent)) !important; box-shadow: 0 11px 30px var(--v12-accent-soft) !important; }
html[data-theme] .ampol-mobile-menu { border-color: var(--v12-line) !important; background: color-mix(in srgb,var(--v12-panel-strong) 96%,transparent) !important; box-shadow: 0 24px 54px var(--v12-shadow); }
html[data-theme] .ampol-mobile-menu a { color: var(--v12-text) !important; border-color: var(--v12-line) !important; background: var(--v12-panel-soft) !important; }

/* V12 home */
.ampol-home-v12 { position: relative; overflow: clip; color: var(--v12-text); }
.v12-hero { position: relative; isolation: isolate; min-height: calc(100svh - 5.15rem); overflow: hidden; color: var(--v12-deep-text); background: linear-gradient(138deg,var(--v12-deep) 0%,var(--v12-deep-2) 58%,color-mix(in srgb,var(--v12-accent-2) 45%,var(--v12-deep)) 100%); }
.v12-ambient { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.v12-ambient__grid { position:absolute; inset:0; opacity:.23; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:68px 68px; mask-image:linear-gradient(to bottom,#000 10%,transparent 92%); animation:v12GridDrift 28s linear infinite; }
.v12-ambient__noise { position:absolute; inset:0; opacity:.28; background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.04) 0 1px,transparent 1.5px); background-size:18px 18px; mix-blend-mode:soft-light; }
.v12-ambient__orb { position:absolute; display:block; border-radius:50%; filter:blur(85px); opacity:.3; animation:v12Orb 11s ease-in-out infinite alternate; }
.v12-ambient__orb.is-one { width:32rem; height:32rem; top:-17rem; right:-8rem; background:var(--v12-accent); }
.v12-ambient__orb.is-two { width:25rem; height:25rem; bottom:-12rem; left:4%; background:var(--v12-accent-2); animation-delay:-5s; }
.v12-ambient__orb.is-three { width:18rem; height:18rem; top:36%; left:47%; opacity:.13; background:var(--v12-accent-3); animation-delay:-8s; }
.v12-ambient__beam { position:absolute; width:65vw; height:1px; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--v12-accent) 55%,transparent),transparent); box-shadow:0 0 20px var(--v12-accent-soft); transform:rotate(-13deg); animation:v12Beam 9s ease-in-out infinite; }
.v12-ambient__beam.is-one { top:24%; left:-14%; }.v12-ambient__beam.is-two { right:-18%; bottom:20%; animation-delay:-4.5s; }
.v12-hero__shell { display:grid; min-height:calc(100svh - 11rem); grid-template-columns:minmax(0,1.02fr) minmax(27rem,.98fr); align-items:center; gap:clamp(2rem,5vw,6rem); padding-top:clamp(3.2rem,8vh,7rem); padding-bottom:clamp(3rem,7vh,6rem); }
.v12-hero__copy { position:relative; z-index:4; max-width:48rem; }
.v12-live-chip { display:inline-flex; min-height:2.55rem; align-items:center; gap:.65rem; border:1px solid color-mix(in srgb,var(--v12-accent) 30%,rgba(255,255,255,.1)); border-radius:999px; padding:.35rem .5rem .35rem .8rem; color:#d9e9df; background:rgba(4,11,8,.48); box-shadow:0 12px 40px rgba(0,0,0,.22); backdrop-filter:blur(16px); font-size:.64rem; font-weight:850; }
.v12-live-chip i { width:.48rem; height:.48rem; border-radius:50%; background:var(--v12-accent-3); box-shadow:0 0 0 5px color-mix(in srgb,var(--v12-accent) 12%,transparent),0 0 16px var(--v12-accent); animation:v12Pulse 1.8s ease-in-out infinite; }
.v12-live-chip b { margin-inline-start:.3rem; border-radius:999px; padding:.42rem .7rem; color:var(--v12-action-text) !important; background:linear-gradient(120deg,var(--v12-accent-2),var(--v12-accent)); font-size:.58rem; }
.v12-hero__copy h1 { margin-top:1.55rem; color:#f7fff9 !important; font-size:clamp(3rem,6.4vw,6.8rem); font-weight:1000; line-height:.98; letter-spacing:-.065em; text-wrap:balance; }
[dir="rtl"] .v12-hero__copy h1 { letter-spacing:-.035em; line-height:1.15; }
.v12-hero__copy h1 strong { position:relative; display:inline-block; color:transparent !important; background:linear-gradient(105deg,var(--v12-accent-3),var(--v12-accent),#f2ffe8); background-clip:text; -webkit-background-clip:text; text-shadow:0 12px 50px color-mix(in srgb,var(--v12-accent) 20%,transparent); }
.v12-hero__copy h1 strong::after { content:''; position:absolute; inset:auto 0 -.5rem; height:.18rem; border-radius:999px; background:linear-gradient(90deg,var(--v12-accent),transparent 76%); box-shadow:0 0 18px var(--v12-accent); transform:scaleX(.72); transform-origin:right; }
.v12-hero__copy>p { max-width:42rem; margin-top:1.6rem; color:#b8c9be !important; font-size:clamp(.88rem,1.25vw,1.05rem); font-weight:600; line-height:2.15; }
.v12-hero-search { display:grid; max-width:43rem; min-height:4.3rem; grid-template-columns:1.5rem minmax(0,1fr) auto; align-items:center; gap:.8rem; margin-top:1.8rem; border:1px solid rgba(255,255,255,.13); border-radius:1.35rem; padding:.45rem .65rem .45rem  .45rem; background:rgba(2,8,5,.52); box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(18px); transition:.25s ease; }
.v12-hero-search:focus-within { border-color:color-mix(in srgb,var(--v12-accent) 65%,white); box-shadow:0 0 0 4px color-mix(in srgb,var(--v12-accent) 11%,transparent),0 25px 75px rgba(0,0,0,.3); transform:translateY(-2px); }
.v12-hero-search>svg { width:1.35rem; color:var(--v12-accent-3); }
html[data-theme] body.ampol-app .v12-hero-search input { min-width:0; border:0 !important; padding:.75rem 0 !important; color:#f3fff8 !important; -webkit-text-fill-color:#f3fff8 !important; background:transparent !important; box-shadow:none !important; font-size:.78rem; font-weight:750; outline:0; }
html[data-theme] body.ampol-app .v12-hero-search input::placeholder { color:#6f8478 !important; -webkit-text-fill-color:#6f8478 !important; }
.v12-hero-search button { display:inline-flex; min-height:3.2rem; align-items:center; gap:.65rem; border-radius:.95rem; padding:0 1.2rem; color:var(--v12-action-text); background:linear-gradient(120deg,var(--v12-accent-2),var(--v12-accent)); box-shadow:0 10px 28px color-mix(in srgb,var(--v12-accent) 26%,transparent); font-size:.7rem; font-weight:950; transition:.2s ease; }
.v12-hero-search button:hover { transform:translateX(-2px); filter:brightness(1.08); }
.v12-hero__actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.2rem; }
.v12-button { display:inline-flex; min-height:3.35rem; align-items:center; justify-content:center; gap:.7rem; border:1px solid rgba(255,255,255,.12); border-radius:1rem; padding:.75rem 1.25rem; color:#eaf7ee; background:rgba(255,255,255,.055); font-size:.72rem; font-weight:950; transition:.24s var(--v12-ease); }
.v12-button svg { width:1.1rem; stroke-width:2; transition:transform .2s ease; }.v12-button:hover svg { transform:translateX(-4px); }
.v12-button.is-ghost { color:#d8e6dc !important; border-color:rgba(255,255,255,.14) !important; background:rgba(255,255,255,.055) !important; box-shadow:none !important; }
.v12-button__pulse { width:.48rem; height:.48rem; border-radius:50%; background:var(--v12-accent-3); box-shadow:0 0 12px var(--v12-accent); }
.v12-hero__trust { display:flex; flex-wrap:wrap; gap:1.1rem; margin-top:1.5rem; }
.v12-hero__trust span { display:inline-flex; align-items:center; gap:.45rem; color:#7f9587; font-size:.62rem; font-weight:800; }.v12-hero__trust i { display:grid; width:1.45rem; height:1.45rem; place-items:center; border:1px solid color-mix(in srgb,var(--v12-accent) 30%,transparent); border-radius:.48rem; color:var(--v12-accent-3); background:color-mix(in srgb,var(--v12-accent) 8%,transparent); font-size:.54rem; font-style:normal; }.v12-hero__trust b { color:#a9bbae !important; font-weight:750; }

.v12-hero__stage { position:relative; min-height:36rem; perspective:1200px; }
.v12-stage__halo { position:absolute; inset:14% 12%; border-radius:50%; background:radial-gradient(circle,var(--v12-accent-soft),transparent 68%); filter:blur(22px); animation:v12Halo 4s ease-in-out infinite alternate; }
.v12-stage__orbit { position:absolute; top:50%; left:50%; border:1px solid color-mix(in srgb,var(--v12-accent) 30%,rgba(255,255,255,.08)); border-radius:50%; transform:translate(-50%,-50%); }
.v12-stage__orbit.is-outer { width:31rem; height:31rem; border-style:dashed; animation:v12Rotate 34s linear infinite; }.v12-stage__orbit.is-inner { width:22rem; height:22rem; opacity:.55; animation:v12Rotate 24s linear infinite reverse; }
.v12-stage__orbit.is-outer :is(i,b,span) { position:absolute; width:.75rem; height:.75rem; border:2px solid var(--v12-deep); border-radius:50%; background:var(--v12-accent-3); box-shadow:0 0 18px var(--v12-accent); }.v12-stage__orbit i{top:8%;left:22%}.v12-stage__orbit b{right:-.35rem;top:48%}.v12-stage__orbit span{left:17%;bottom:5%}
.v12-stage__core { position:absolute; top:50%; left:50%; z-index:3; display:flex; width:18rem; height:22rem; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:3rem; color:#f2fff7; background:linear-gradient(155deg,rgba(255,255,255,.11),rgba(255,255,255,.025)),radial-gradient(circle at 50% 34%,var(--v12-accent-soft),transparent 48%),rgba(5,15,10,.78); box-shadow:0 40px 110px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.14),0 0 80px var(--v12-accent-soft); backdrop-filter:blur(20px); transform:translate(-50%,-50%); transform-style:preserve-3d; transition:transform .14s ease-out; }
.v12-stage__core::before { content:''; position:absolute; inset:-50% -90%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent); transform:rotate(22deg); animation:v12Shine 7s ease-in-out infinite; }
.v12-stage__status { position:absolute; top:1.1rem; display:inline-flex; align-items:center; gap:.45rem; border:1px solid rgba(255,255,255,.1); border-radius:999px; padding:.42rem .65rem; color:#92a69a; background:rgba(0,0,0,.2); font-family:monospace; font-size:.52rem; letter-spacing:.12em; }.v12-stage__status i { width:.4rem;height:.4rem;border-radius:50%;background:var(--v12-accent-3);box-shadow:0 0 12px var(--v12-accent); }
.v12-stage__mark { position:relative; display:grid; width:7.5rem; height:7.5rem; place-items:center; border:1px solid color-mix(in srgb,var(--v12-accent) 38%,transparent); border-radius:2.25rem; color:var(--v12-action-text); background:linear-gradient(145deg,var(--v12-accent-3),var(--v12-accent),var(--v12-accent-2)); box-shadow:0 24px 58px color-mix(in srgb,var(--v12-accent) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.45); transform:translateZ(42px) rotate(-5deg); }.v12-stage__mark span { font-family:Figtree,sans-serif;font-size:4rem;font-weight:1000;letter-spacing:-.12em;transform:translateX(-.12em); }.v12-stage__mark i { position:absolute; inset:auto .8rem .7rem; height:.22rem; border-radius:99px; background:rgba(255,255,255,.8); box-shadow:0 0 14px white; }
.v12-stage__core>b { margin-top:1.25rem;color:#f3fff7 !important;font-family:Figtree,sans-serif;font-size:1.35rem;font-weight:1000;letter-spacing:.05em; }.v12-stage__core>b em { color:var(--v12-accent-3);font-style:normal; }.v12-stage__core>small { margin-top:.2rem;color:#667b6d;font-family:monospace;font-size:.48rem;letter-spacing:.16em; }.v12-stage__meter { width:8.5rem;height:.25rem;margin-top:1.05rem;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08); }.v12-stage__meter span { display:block;width:78%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--v12-accent-2),var(--v12-accent-3));box-shadow:0 0 12px var(--v12-accent);animation:v12Meter 3s ease-in-out infinite alternate; }.v12-stage__core>p { display:flex;align-items:center;gap:.4rem;margin-top:.7rem;color:#789082;font-size:.53rem;font-weight:700; }.v12-stage__core>p i { width:.38rem;height:.38rem;border-radius:50%;background:var(--v12-accent-3); }
.v12-float-card { position:absolute; z-index:5; display:grid; width:13.5rem; grid-template-columns:3rem minmax(0,1fr) 1.5rem; align-items:center; gap:.7rem; border:1px solid rgba(255,255,255,.13); border-radius:1.15rem; padding:.65rem; color:#f1fff6; background:rgba(6,15,10,.72); box-shadow:0 20px 55px rgba(0,0,0,.34); backdrop-filter:blur(18px); transition:transform .14s ease-out,border-color .2s ease,background .2s ease; }.v12-float-card:hover { border-color:color-mix(in srgb,var(--v12-accent) 48%,white);background:rgba(10,25,16,.88); }.v12-float-card.is-1 { top:9%;right:0; }.v12-float-card.is-2 { left:-2%;top:45%; }.v12-float-card.is-3 { right:4%;bottom:5%; }.v12-float-card__icon { display:grid;width:3rem;height:3rem;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--v12-accent) 38%,transparent);border-radius:.9rem;color:var(--v12-action-text);background:linear-gradient(145deg,var(--v12-accent-2),var(--v12-accent));font-family:Figtree,sans-serif;font-size:.72rem;font-weight:1000; }.v12-float-card__icon img{width:100%;height:100%;object-fit:cover}.v12-float-card b,.v12-float-card small{display:block}.v12-float-card b{overflow:hidden;color:#effbf3 !important;font-size:.65rem;font-weight:950;white-space:nowrap;text-overflow:ellipsis}.v12-float-card small{margin-top:.18rem;color:#718479;font-size:.49rem}.v12-float-card>i{color:var(--v12-accent-3);font-style:normal}
.v12-signal-bar { position:relative; z-index:6; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) 1.5fr; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:1.4rem 1.4rem 0 0; background:rgba(2,9,5,.58); box-shadow:0 -14px 55px rgba(0,0,0,.14); backdrop-filter:blur(18px); }.v12-signal-bar>div { display:flex;min-height:5.5rem;align-items:center;gap:.7rem;border-inline-end:1px solid rgba(255,255,255,.08);padding:.8rem 1rem; }.v12-signal-bar>div>span { color:var(--v12-accent-3);font-family:monospace;font-size:.55rem; }.v12-signal-bar p b,.v12-signal-bar p small{display:block}.v12-signal-bar p b{color:#f2fff7 !important;font-size:1.1rem;font-weight:1000}.v12-signal-bar p small{margin-top:.18rem;color:#72877a;font-size:.52rem}.v12-signal-bar .v12-signal-bar__live{justify-content:center;border:0}.v12-signal-bar__live i{width:.55rem;height:.55rem;border-radius:50%;background:var(--v12-accent-3);box-shadow:0 0 0 6px var(--v12-accent-soft),0 0 18px var(--v12-accent)}.v12-signal-bar__live span{color:#9fb1a5 !important;font-family:inherit !important;font-size:.62rem !important;font-weight:850}

.v12-marquee { overflow:hidden; border-block:1px solid var(--v12-line); color:var(--v12-accent-text); background:var(--v12-panel-soft); }.v12-marquee>div{display:flex;width:max-content;align-items:center;gap:1.4rem;padding:.85rem 0;animation:v12Marquee 30s linear infinite}.v12-marquee span{font-family:Figtree,sans-serif;font-size:.62rem;font-weight:900;letter-spacing:.18em;white-space:nowrap}.v12-marquee i{color:var(--v12-accent);font-style:normal}
.v12-section { position:relative;padding:clamp(4rem,8vw,7.5rem) 0; }.v12-services-section { background:linear-gradient(180deg,color-mix(in srgb,var(--v12-panel-strong) 65%,transparent),transparent); }.v12-products-section { border-block:1px solid var(--v12-line);background:linear-gradient(150deg,var(--v12-panel-soft),color-mix(in srgb,var(--v12-page) 82%,transparent)); }.v12-latest-section { background:linear-gradient(180deg,transparent,var(--v12-accent-soft)); }
.v12-section-head { display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem; }.v12-section-head>div>p,.v12-flow__copy>p { display:flex;align-items:center;gap:.65rem;color:var(--v12-accent-text);font-family:Figtree,sans-serif;font-size:.62rem;font-weight:950;letter-spacing:.15em; }.v12-section-head>div>p span,.v12-flow__copy>p span { width:3rem;height:1px;background:linear-gradient(90deg,var(--v12-accent),transparent); }.v12-section-head h2 { margin-top:.65rem;color:var(--v12-text) !important;font-size:clamp(1.65rem,3vw,3rem);font-weight:1000;line-height:1.35;letter-spacing:-.035em; }.v12-section-head small { display:block;margin-top:.5rem;color:var(--v12-muted);font-size:.72rem;font-weight:650;line-height:1.9; }.v12-section-head>a { display:inline-flex;flex:0 0 auto;align-items:center;gap:.55rem;border:1px solid var(--v12-line);border-radius:999px;padding:.75rem 1rem;color:var(--v12-accent-text);background:var(--v12-panel-strong);box-shadow:0 9px 25px var(--v12-shadow);font-size:.68rem;font-weight:900;transition:.22s ease; }.v12-section-head>a:hover{border-color:var(--v12-accent);transform:translateY(-2px)}.v12-section-head>a span{font-size:1rem}
.v12-service-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem; }.v12-service-card { position:relative;display:block;min-height:17rem;overflow:hidden;border:1px solid var(--v12-line);border-radius:1.65rem;background:var(--v12-deep);box-shadow:0 18px 50px var(--v12-shadow);transform-style:preserve-3d;transition:transform .14s ease-out,border-color .3s ease,box-shadow .3s ease; }.v12-service-card:hover{border-color:var(--v12-accent);box-shadow:0 27px 65px var(--v12-shadow),0 0 40px var(--v12-accent-soft)}.v12-service-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.08) brightness(.68);transition:transform .7s var(--v12-ease),filter .4s ease}.v12-service-card:hover>img{transform:scale(1.09);filter:saturate(1.05) contrast(1.06) brightness(.75)}.v12-service-card__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,9,6,.97) 3%,rgba(3,9,6,.3) 64%,rgba(3,9,6,.08)),linear-gradient(135deg,var(--v12-accent-soft),transparent 52%)}.v12-service-card__index{position:absolute;top:1rem;left:1rem;color:rgba(255,255,255,.42);font-family:monospace;font-size:.58rem;letter-spacing:.12em}.v12-service-card>div{position:absolute;inset:auto .9rem .9rem;display:grid;grid-template-columns:2.8rem minmax(0,1fr) 1.8rem;align-items:center;gap:.65rem;transform:translateZ(30px)}.v12-service-card>div>i{display:grid;width:2.8rem;height:2.8rem;place-items:center;border:1px solid color-mix(in srgb,var(--v12-accent) 42%,transparent);border-radius:.85rem;color:var(--v12-action-text);background:linear-gradient(145deg,var(--v12-accent-2),var(--v12-accent));box-shadow:0 10px 28px var(--v12-accent-soft);font-size:.65rem;font-style:normal;font-weight:1000}.v12-service-card b,.v12-service-card small{display:block}.v12-service-card b{color:#f5fff9 !important;font-size:.8rem;font-weight:950}.v12-service-card small{margin-top:.24rem;color:#91a297;font-size:.53rem}.v12-service-card em{color:var(--v12-accent-3);font-style:normal;font-size:1.1rem;transition:transform .2s ease}.v12-service-card:hover em{transform:translateX(-4px)}
.v12-empty { grid-column:1/-1;border:1px dashed var(--v12-line-strong);border-radius:1.5rem;padding:3rem;text-align:center;color:var(--v12-muted);background:var(--v12-panel-soft);font-size:.8rem;font-weight:800; }

/* Product card rebuild */
.v12-product-grid { gap:1rem !important; }
html[data-theme] body.ampol-app .store-product-card { position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.12) !important;border-radius:1.55rem !important;color:#effaf3 !important;background:linear-gradient(155deg,var(--v12-deep-3),var(--v12-deep)) !important;box-shadow:0 20px 58px color-mix(in srgb,var(--v12-shadow) 72%,rgba(0,0,0,.25)) !important;transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--tilt-lift,0));transform-style:preserve-3d;transition:transform .14s ease-out,border-color .3s ease,box-shadow .3s ease !important; }
html[data-theme] body.ampol-app .store-product-card:hover { --tilt-lift:-7px;border-color:color-mix(in srgb,var(--service-accent) 58%,white) !important;box-shadow:0 32px 78px rgba(0,0,0,.3),0 0 45px color-mix(in srgb,var(--service-accent) 18%,transparent) !important; }
html[data-theme] body.ampol-app .store-product-card::before { content:'';position:absolute;z-index:20;inset:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,20%),rgba(255,255,255,.16),transparent 30%);opacity:0;transition:opacity .25s ease; }.store-product-card:hover::before{opacity:1}
html[data-theme] body.ampol-app .store-product-card__visual { aspect-ratio:1.18;min-height:0;background:linear-gradient(145deg,color-mix(in srgb,var(--service-accent) 25%,var(--v12-deep-3)),var(--v12-deep)) !important; }
html[data-theme] body.ampol-app .store-product-card__visual-grid{opacity:.16 !important;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px) !important;background-size:32px 32px !important}.store-product-card__image-wrap::after{background:linear-gradient(to top,var(--v12-deep) 0%,rgba(4,10,7,.12) 58%,rgba(4,10,7,.02)) !important}.store-product-card__image{transition:transform .75s var(--v12-ease),filter .35s ease !important}.store-product-card:hover .store-product-card__image{transform:scale(1.1) !important;filter:saturate(1.1) contrast(1.07) !important}
html[data-theme] body.ampol-app .store-product-card__visual-bottom{background:linear-gradient(to top,var(--v12-deep),transparent) !important}.store-product-card__body{position:relative;z-index:22;background:linear-gradient(180deg,var(--v12-deep),color-mix(in srgb,var(--v12-deep-2) 85%,#000));transform:translateZ(18px)}
html[data-theme] body.ampol-app .store-product-card__body :is(a,strong,b){color:#f4fff8 !important}.store-product-card__body>div:first-child{color:#799084 !important}.store-product-card__body>div:first-child i{background:var(--service-accent) !important;box-shadow:0 0 10px var(--service-accent)}.store-product-card__body>a:not(.store-product-card__cta):hover{color:color-mix(in srgb,var(--service-accent) 65%,white) !important}
html[data-theme] body.ampol-app .store-product-card__category{border-color:rgba(255,255,255,.14) !important;color:#dae8df !important;background:rgba(3,9,6,.64) !important}.store-product-card__discount{color:#fff !important}.store-product-card__instant{color:#a7f3d0 !important;background:rgba(4,40,23,.82) !important}.store-product-card__commercial-badge{color:color-mix(in srgb,var(--service-accent) 60%,white) !important;background:rgba(4,10,7,.7) !important}.store-product-card__value strong{color:#fff !important}.store-product-card__value small{color:color-mix(in srgb,var(--service-accent) 65%,white) !important}
.store-product-card__footer{border-color:rgba(255,255,255,.09) !important}.store-product-card__footer :is(span,b,strong){color:#f3fff7 !important}.store-product-card__footer small{color:#819386 !important}.store-product-card__arrow{width:2.45rem !important;height:2.45rem !important;color:color-mix(in srgb,var(--service-accent) 64%,white) !important;border-color:rgba(255,255,255,.11) !important;background:rgba(255,255,255,.055) !important}.store-product-card__cta{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;margin-top:.7rem;border:1px solid color-mix(in srgb,var(--service-accent) 34%,transparent);border-radius:.85rem;padding:.55rem .75rem;color:color-mix(in srgb,var(--service-accent) 65%,white) !important;background:color-mix(in srgb,var(--service-accent) 9%,transparent);font-size:.62rem;font-weight:950;transition:.22s ease}.store-product-card__cta:hover{color:#fff !important;background:var(--service-accent);transform:translateY(-1px)}

.v12-flow-section { color:var(--v12-deep-text);background:linear-gradient(135deg,var(--v12-deep),var(--v12-deep-2)); }.v12-flow { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,7rem);align-items:center}.v12-flow__copy h2{margin-top:.8rem;color:#f4fff8 !important;font-size:clamp(2rem,4vw,4rem);font-weight:1000;line-height:1.35;letter-spacing:-.04em}.v12-flow__copy h2 strong{color:var(--v12-accent-3) !important}.v12-flow__copy>small{display:block;max-width:35rem;margin-top:1rem;color:#92a59a;font-size:.75rem;line-height:2}.v12-flow__copy .v12-button{margin-top:1.5rem}.v12-flow__steps{display:grid;gap:.75rem}.v12-flow__steps article{display:grid;grid-template-columns:2.3rem 3rem minmax(0,1fr);align-items:center;gap:.85rem;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:1rem;background:rgba(255,255,255,.035);transition:.25s ease}.v12-flow__steps article:hover{border-color:var(--v12-line-strong);background:var(--v12-accent-soft);transform:translateX(-5px)}.v12-flow__steps>article>span{color:var(--v12-accent-3);font-family:monospace;font-size:.58rem}.v12-flow__steps>article>i{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.9rem;color:var(--v12-action-text);background:linear-gradient(145deg,var(--v12-accent-2),var(--v12-accent));box-shadow:0 12px 32px var(--v12-accent-soft);font-style:normal;font-weight:1000}.v12-flow__steps b{color:#f2fff7 !important;font-size:.82rem;font-weight:950}.v12-flow__steps p{margin-top:.25rem;color:#83978b !important;font-size:.58rem;line-height:1.8}
.v12-final-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;overflow:hidden;border:1px solid var(--v12-line);border-radius:2rem;padding:clamp(1.4rem,4vw,3rem);color:var(--v12-text);background:linear-gradient(135deg,var(--v12-panel-strong),var(--v12-panel-soft));box-shadow:0 24px 72px var(--v12-shadow)}.v12-final-cta__glow{position:absolute;width:22rem;height:22rem;inset:-10rem auto auto -8rem;border-radius:50%;background:var(--v12-accent-soft);filter:blur(45px)}.v12-final-cta>div:not(.v12-final-cta__glow){position:relative;z-index:2}.v12-final-cta>div:first-of-type p{color:var(--v12-accent-text);font-family:Figtree,sans-serif;font-size:.6rem;font-weight:950;letter-spacing:.18em}.v12-final-cta h2{margin-top:.55rem;color:var(--v12-text)!important;font-size:clamp(1.5rem,3vw,2.8rem);font-weight:1000}.v12-final-cta small{display:block;margin-top:.45rem;color:var(--v12-muted);font-size:.68rem;line-height:1.9}.v12-final-cta>div:last-child{display:flex;flex-wrap:wrap;gap:.7rem}
.v12-final-cta>div:nth-of-type(2) p{color:var(--v12-accent-text);font-family:Figtree,sans-serif;font-size:.6rem;font-weight:950;letter-spacing:.18em}

/* Checkboxes and radios: whole row communicates state */
html[data-theme] body.ampol-app .ampol-check-option{min-height:3.75rem;cursor:pointer;border:1px solid var(--v12-line) !important;border-radius:1rem;padding:.7rem;color:var(--v12-text);background:var(--v12-panel-soft) !important;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 35%,transparent);transition:.2s ease}.ampol-check-option:hover{border-color:var(--v12-line-strong) !important;background:var(--v12-accent-soft) !important;transform:translateY(-1px)}.ampol-check-option:focus-within{outline:3px solid var(--v12-accent-soft);outline-offset:2px}.ampol-check-box{border:2px solid color-mix(in srgb,var(--v12-muted) 50%,transparent) !important;color:transparent;background:var(--v12-panel-strong) !important;transition:.2s var(--v12-ease)}.ampol-check-copy b{color:var(--v12-text) !important}.ampol-check-copy small{color:var(--v12-muted) !important}.ampol-check-state{color:var(--v12-muted) !important;background:color-mix(in srgb,var(--v12-muted) 10%,transparent) !important}.ampol-check-input:checked~.ampol-check-box{border-color:var(--v12-accent) !important;color:var(--v12-action-text) !important;background:linear-gradient(145deg,var(--v12-accent-2),var(--v12-accent)) !important;box-shadow:0 0 0 4px var(--v12-accent-soft),0 8px 22px var(--v12-accent-soft) !important;transform:scale(1.04)}.ampol-check-input:checked~.ampol-check-state{color:var(--v12-accent-text) !important;background:var(--v12-accent-soft) !important}.ampol-check-option:has(.ampol-check-input:checked){border-color:var(--v12-accent) !important;background:linear-gradient(145deg,var(--v12-accent-soft),var(--v12-panel-strong)) !important;box-shadow:0 0 0 3px var(--v12-accent-soft),0 12px 30px var(--v12-shadow)}
html[data-theme] body.ampol-app input[type="checkbox"]:not(.ampol-check-input),html[data-theme] body.ampol-app input[type="radio"]{width:1.15rem;height:1.15rem;cursor:pointer;accent-color:var(--v12-accent);border-color:var(--v12-line-strong) !important;background:var(--v12-panel-strong) !important}.store-filter-option:has(input:checked){border-color:var(--v12-line-strong)!important;color:var(--v12-accent-text)!important;background:var(--v12-accent-soft)!important}

/* Store, account, checkout and admin cohesion */
html[data-theme] body.ampol-app :is(.storefront-page,.site-canvas,.dashboard-shell,.ampol-checkout-page,.ampol-order-detail-page){color:var(--v12-text)!important;background:radial-gradient(circle at 8% 8%,var(--v12-accent-soft),transparent 30rem),linear-gradient(145deg,var(--v12-page),var(--v12-page-alt))!important}.storefront-hero{border-radius:2rem !important;overflow:hidden}.storefront-hero::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent)}.storefront-hero h1 span{color:var(--v12-accent-text)!important}.storefront-live-badge,.storefront-version-badge,.store-active-chip{color:var(--v12-accent-text)!important;border-color:var(--v12-line-strong)!important;background:var(--v12-accent-soft)!important}.store-search-box form,.store-search-results{border-color:var(--v12-line)!important;background:var(--v12-panel-strong)!important;box-shadow:0 18px 45px var(--v12-shadow)!important}.store-search-box__button{color:var(--v12-action-text)!important;background:linear-gradient(120deg,var(--v12-accent-2),var(--v12-accent))!important}.service-category-card{border-radius:1.25rem!important;box-shadow:0 13px 35px var(--v12-shadow)!important}.service-category-card:hover{border-color:var(--v12-accent)!important;transform:translateY(-4px)!important}.store-filter-panel{border-radius:1.4rem!important}.store-filter-group+ .store-filter-group{border-color:var(--v12-line)!important}
.account-hero{border-radius:2rem!important}.metric-card{border-radius:1.35rem!important}.metric-card:hover{border-color:var(--v12-line-strong)!important;transform:translateY(-4px);box-shadow:0 24px 58px var(--v12-shadow)!important}.metric-icon{color:var(--v12-accent-text)!important;border-color:var(--v12-line-strong)!important;background:var(--v12-accent-soft)!important}.ampol-theme-choice{border-radius:1.05rem!important}.account-recent,.account-activity,.account-support{border-radius:1.6rem!important}.account-support a,.account-recent a{border-color:var(--v12-line)!important;background:var(--v12-panel-soft)!important}.account-support a:hover{border-color:var(--v12-accent)!important;background:var(--v12-accent-soft)!important}
.ampol-admin-ui .premium-panel{border-radius:1.5rem!important}.ampol-admin-ui aside nav a{color:var(--v12-muted)!important;border:1px solid transparent}.ampol-admin-ui aside nav a:hover{color:var(--v12-text)!important;border-color:var(--v12-line)!important;background:var(--v12-accent-soft)!important}.ampol-admin-ui aside nav a[class*="from-emerald"]{color:var(--v12-accent-text)!important;border-color:var(--v12-line-strong)!important;background:var(--v12-accent-soft)!important}.ampol-admin-count{color:var(--v12-action-text)!important;background:var(--v12-accent)!important;box-shadow:0 0 16px var(--v12-accent-soft)}.admin-table{border-collapse:separate;border-spacing:0}.admin-table th{color:var(--v12-muted)!important;border-color:var(--v12-line)!important;background:var(--v12-panel-soft)!important}.admin-table td{color:var(--v12-text)!important;border-color:var(--v12-line)!important}.admin-table tbody tr{background:var(--v12-panel-strong)!important}.admin-table tbody tr:nth-child(even){background:var(--v12-panel-soft)!important}.admin-table tbody tr:hover{background:var(--v12-accent-soft)!important}
html[data-theme] body.ampol-app :is(.modal-panel,[role="dialog"]>div,.ampol-modal-card){color:var(--v12-text)!important;border-color:var(--v12-line)!important;background:var(--v12-panel-strong)!important;box-shadow:0 32px 100px color-mix(in srgb,var(--v12-shadow) 85%,rgba(0,0,0,.25))!important}

/* Auth enhancement */
html[data-theme] .auth-page{background:radial-gradient(circle at 8% 8%,var(--v12-accent-soft),transparent 30rem),linear-gradient(145deg,var(--v12-deep),var(--v12-deep-2))!important}.auth-showcase{border-radius:2rem!important}.auth-main-card{border-radius:1.6rem!important}.auth-motion-scene{filter:drop-shadow(0 24px 50px var(--v12-accent-soft))}.auth-verify-device{border-radius:1.8rem!important}.auth-panel-column{animation:v12AuthEnter .65s var(--v12-ease) both}.otp-inputs span{border-radius:.85rem!important}

/* Reveal and interactive state */
.ampol-v12-ready [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .72s var(--v12-ease),transform .72s var(--v12-ease);transition-delay:var(--reveal-delay,0ms)}.ampol-v12-ready [data-reveal].is-revealed{opacity:1;transform:translateY(0)}
.v12-skeleton{position:relative;overflow:hidden}.v12-skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.32) 50%,transparent 65%);transform:translateX(100%);animation:v12Skeleton 1.4s ease-in-out infinite}

/* Mobile app experience */
@media (max-width: 1100px){.v12-hero__shell{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr);gap:1rem}.v12-hero__stage{transform:scale(.86)}.v12-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v12-flow{grid-template-columns:1fr 1.25fr}.v12-signal-bar{grid-template-columns:repeat(3,1fr)}.v12-signal-bar__live{display:none!important}}
@media (max-width: 800px){
    html{scroll-padding-top:5.5rem}.ampol-site-header__bar{min-height:4.6rem!important}.ampol-header-spacer{height:4.6rem!important}
    .v12-hero{min-height:auto}.v12-hero__shell{display:block;min-height:auto;padding-top:3.5rem;padding-bottom:2rem}.v12-hero__copy{max-width:none;text-align:center}.v12-live-chip{margin-inline:auto}.v12-hero__copy h1{font-size:clamp(2.75rem,12vw,5rem);line-height:1.08}.v12-hero__copy h1 strong::after{inset-inline:15%}.v12-hero__copy>p{margin-inline:auto;font-size:.78rem;line-height:2}.v12-hero-search{margin-inline:auto}.v12-hero__actions,.v12-hero__trust{justify-content:center}.v12-hero__stage{min-height:28rem;margin-top:1rem;transform:scale(.82)}.v12-stage__orbit.is-outer{width:27rem;height:27rem}.v12-stage__orbit.is-inner{width:19rem;height:19rem}.v12-stage__core{width:16rem;height:19rem}.v12-float-card{width:12rem}.v12-float-card.is-1{right:2%}.v12-float-card.is-2{left:1%}.v12-signal-bar{margin-bottom:0}.v12-flow{grid-template-columns:1fr}.v12-final-cta{align-items:flex-start;flex-direction:column}.v12-final-cta>div:last-child{width:100%}.v12-final-cta .v12-button{flex:1}.v12-section-head{align-items:flex-start;flex-direction:column;gap:1rem}
}
@media (max-width: 640px){
    body.ampol-app{padding-bottom:calc(4.7rem + env(safe-area-inset-bottom))}.page-shell{padding-inline:.82rem!important}
    .v12-ambient__grid{background-size:42px 42px}.v12-hero__shell{padding-top:2.35rem}.v12-live-chip{min-height:2.25rem;gap:.45rem;padding:.28rem .38rem .28rem .65rem;font-size:.53rem}.v12-live-chip b{padding:.35rem .48rem;font-size:.48rem}.v12-hero__copy h1{margin-top:1.15rem;font-size:clamp(2.55rem,13.5vw,4rem);letter-spacing:-.045em}.v12-hero__copy>p{margin-top:1.05rem;font-size:.71rem;line-height:1.95}.v12-hero-search{min-height:3.65rem;grid-template-columns:1.25rem minmax(0,1fr) auto;gap:.5rem;margin-top:1.3rem;border-radius:1rem;padding:.34rem .55rem .34rem .35rem}.v12-hero-search button{min-height:2.8rem;border-radius:.75rem;padding:0 .75rem;font-size:.6rem}.v12-hero-search button b{display:none}.v12-hero__actions{display:grid;grid-template-columns:1fr 1fr}.v12-button{min-height:2.95rem;border-radius:.85rem;padding:.65rem .75rem;font-size:.62rem}.v12-hero__trust{gap:.55rem;margin-top:1rem}.v12-hero__trust span{gap:.3rem;font-size:.52rem}.v12-hero__trust i{width:1.25rem;height:1.25rem}.v12-hero__stage{min-height:22rem;margin-top:1.2rem;transform:none}.v12-stage__orbit.is-outer{width:19rem;height:19rem}.v12-stage__orbit.is-inner{width:14.5rem;height:14.5rem}.v12-stage__core{width:12.5rem;height:15.5rem;border-radius:2.2rem}.v12-stage__mark{width:5rem;height:5rem;border-radius:1.5rem}.v12-stage__mark span{font-size:2.8rem}.v12-stage__core>b{margin-top:.8rem;font-size:.95rem}.v12-stage__core>small{font-size:.38rem}.v12-stage__meter{width:6.2rem}.v12-stage__core>p{font-size:.42rem}.v12-stage__status{top:.72rem;font-size:.4rem}.v12-float-card{width:9.5rem;grid-template-columns:2.25rem minmax(0,1fr) 1rem;gap:.42rem;border-radius:.85rem;padding:.42rem}.v12-float-card__icon{width:2.25rem;height:2.25rem;border-radius:.65rem;font-size:.55rem}.v12-float-card b{font-size:.52rem}.v12-float-card small{font-size:.4rem}.v12-float-card.is-1{top:5%;right:0}.v12-float-card.is-2{left:0;top:44%}.v12-float-card.is-3{right:2%;bottom:2%}.v12-signal-bar{grid-template-columns:repeat(3,1fr);border-radius:1rem 1rem 0 0}.v12-signal-bar>div{min-height:4.2rem;gap:.35rem;padding:.55rem .45rem}.v12-signal-bar>div>span{display:none}.v12-signal-bar p b{font-size:.8rem}.v12-signal-bar p small{font-size:.43rem;white-space:nowrap}.v12-marquee>div{gap:1rem;padding:.68rem 0}.v12-section{padding:3.3rem 0}.v12-section-head{margin-bottom:1.25rem}.v12-section-head>div>p{font-size:.5rem}.v12-section-head h2{font-size:1.45rem}.v12-section-head small{font-size:.62rem;line-height:1.75}.v12-section-head>a{padding:.6rem .8rem;font-size:.58rem}.v12-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.v12-service-card{min-height:11.5rem;border-radius:1.1rem}.v12-service-card__index{top:.65rem;left:.65rem;font-size:.45rem}.v12-service-card>div{inset:auto .55rem .55rem;grid-template-columns:2.1rem minmax(0,1fr) 1rem;gap:.42rem}.v12-service-card>div>i{width:2.1rem;height:2.1rem;border-radius:.65rem;font-size:.5rem}.v12-service-card b{font-size:.62rem}.v12-service-card small{font-size:.43rem}.v12-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem!important}.store-product-card{border-radius:1.05rem!important}.store-product-card__visual{aspect-ratio:1.05!important}.store-product-card__body{padding:.65rem!important}.store-product-card__body>div:first-child{font-size:.45rem!important}.store-product-card__body>a:not(.store-product-card__cta){min-height:2.7rem!important;margin-top:.45rem!important;font-size:.69rem!important;line-height:1.55!important}.store-product-card__footer{padding-top:.65rem!important}.store-product-card__arrow{display:none!important}.store-product-card__cta{min-height:2.3rem;margin-top:.5rem;padding:.4rem .55rem;font-size:.52rem}.store-product-card__category,.store-product-card__discount,.store-product-card__commercial-badge,.store-product-card__instant{font-size:.42rem!important}.v12-flow__copy{text-align:center}.v12-flow__copy>p{justify-content:center}.v12-flow__copy h2{font-size:1.75rem}.v12-flow__copy>small{font-size:.65rem}.v12-flow__copy .v12-button{width:100%}.v12-flow__steps article{grid-template-columns:1.5rem 2.5rem minmax(0,1fr);gap:.55rem;padding:.7rem}.v12-flow__steps>article>i{width:2.5rem;height:2.5rem}.v12-flow__steps b{font-size:.7rem}.v12-flow__steps p{font-size:.5rem}.v12-final-cta{border-radius:1.35rem;padding:1.2rem}.v12-final-cta h2{font-size:1.35rem}.v12-final-cta small{font-size:.6rem}.ampol-check-option{min-height:3.2rem!important;padding:.58rem!important}.ampol-check-state{font-size:.48rem!important}.mobile-app-nav{inset-inline:.6rem!important;bottom:max(.5rem,env(safe-area-inset-bottom))!important;width:auto!important;border:1px solid var(--v12-line-strong)!important;border-radius:1.2rem!important;background:color-mix(in srgb,var(--v12-panel-strong) 92%,transparent)!important;box-shadow:0 18px 50px var(--v12-shadow)!important;backdrop-filter:blur(22px)!important}.mobile-app-nav__search>span{border-color:var(--v12-panel-strong)!important;background:linear-gradient(145deg,var(--v12-accent-3),var(--v12-accent-2))!important;box-shadow:0 14px 35px var(--v12-accent-soft)!important}.mobile-app-nav>a{color:var(--v12-muted)!important}.mobile-app-nav>a.is-active{color:var(--v12-accent-text)!important}.flash-message{inset-inline:.75rem!important;top:5.2rem!important;max-width:none!important}
}
@media (max-width: 380px){.v12-hero__actions{grid-template-columns:1fr}.v12-hero__trust b{display:none}.v12-product-grid{gap:.45rem!important}.store-product-card__body{padding:.55rem!important}.v12-service-card{min-height:10.5rem}.v12-float-card.is-2{top:49%}}

@media (hover:none),(pointer:coarse){[data-tilt]{--tilt-x:0deg!important;--tilt-y:0deg!important}.store-product-card:hover{--tilt-lift:0}.v12-service-card:hover>img{transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal]{opacity:1!important;transform:none!important}.v12-ambient__grid,.v12-ambient__orb,.v12-ambient__beam{animation:none!important}}

@keyframes v12GridDrift{to{transform:translate3d(68px,68px,0)}}
@keyframes v12Orb{to{transform:translate3d(5rem,2rem,0) scale(1.15)}}
@keyframes v12Beam{0%,100%{opacity:.18;transform:rotate(-13deg) translateX(-8%)}50%{opacity:.7;transform:rotate(-13deg) translateX(10%)}}
@keyframes v12Pulse{50%{opacity:.45;box-shadow:0 0 0 8px transparent,0 0 8px var(--v12-accent)}}
@keyframes v12Halo{to{transform:scale(1.16);opacity:.55}}
@keyframes v12Rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes v12Shine{0%,18%{transform:translateX(-55%) rotate(22deg)}55%,100%{transform:translateX(55%) rotate(22deg)}}
@keyframes v12Meter{to{width:94%}}
@keyframes v12Marquee{to{transform:translateX(50%)}}
@keyframes v12AuthEnter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes v12Skeleton{to{transform:translateX(-100%)}}