/* Gabriel Store · ULTRA PREMIUM (visual layer only). No cart/payment/policy state changes. */
:root {--ultra-gold:#edc985;--ultra-warm:#b38140;--ultra-blue:#73c5ff;--ultra-ink:#080910}
body{background:radial-gradient(ellipse 68% 30% at 10% 1%,#3c2d323a,transparent 74%),radial-gradient(ellipse 62% 24% at 93% 25%,#19285d49,transparent 76%),linear-gradient(180deg,#07070d 0%,#0a0b16 48%,#07070e 100%)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 25% 21%,#e8cfbd12 0 1px,transparent 1.4px),radial-gradient(circle at 79% 76%,#aabfff12 0 1px,transparent 1.5px);background-size:155px 172px,235px 242px;opacity:.8}
/* Fine lines and depth in the header. */
.announcement-bar{background:linear-gradient(90deg,#16120f,#0b111a 51%,#1c130d);border-bottom:1px solid #f0c98132}
.site-header{background:linear-gradient(120deg,#090912ed,#100f1bef);border-bottom:1px solid #cda66d3c;box-shadow:0 12px 35px #0005}
.nav-bar .brand-mark-image{border-radius:16px;box-shadow:0 0 0 1px #f3d5a45e,0 8px 28px #eecb8240}
.main-nav a{position:relative;transition:color .22s ease}
.main-nav a:after{content:"";position:absolute;bottom:-7px;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,#f0cb8e,transparent);transition:width .28s ease,left .28s ease;box-shadow:0 0 8px #ffe6b3}
.main-nav a:hover:after,.main-nav a:focus-visible:after{width:100%;left:0}
/* Elegant hero: theatrical lighting that frames, rather than obscures, the user's own brand logo. */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";z-index:-1;position:absolute;inset:8% -6% 2%;pointer-events:none;background:radial-gradient(ellipse 28% 49% at 70% 44%,#ae7a3259 0%,transparent 81%),radial-gradient(ellipse 25% 37% at 88% 29%,#6753d056 0%,transparent 83%),radial-gradient(ellipse 33% 60% at 27% 71%,#4d3d2834 0%,transparent 78%);filter:blur(23px)}
.hero-copy .eyebrow{border-color:#e5bf8070;box-shadow:0 0 16px #dcaf7140,inset 0 1px 0 #ffffff1a}
.hero-copy h1{letter-spacing:-.055em;text-wrap:balance}
.hero-copy h1 .gradient-text{background-image:linear-gradient(105deg,#fff0c2 2%,#e4b965 37%,#f2d4a4 58%,#d4a7e4 84%,#faf0dc);filter:drop-shadow(0 0 13px #f6c47f24)}
.hero-copy p{max-width:625px;color:#c6c6d7}
.hero-display{filter:drop-shadow(0 12px 35px #070609aa)}
.hero-display .hero-logo-halo{box-shadow:0 0 90px #d9a75375,0 0 145px #8b61e04a, inset 0 0 38px #f0cd9758}
.hero-original-logo{filter:drop-shadow(0 7px 15px #050507b0) drop-shadow(0 0 19px #f0c57855)}
.hero-display:before{content:"";position:absolute;pointer-events:none;z-index:5;inset:8%;border-radius:50%;border:1px solid #f6dca429;box-shadow:0 0 22px #c4a16815;transform:rotate(-13deg)}
.hero-display:after{content:"";position:absolute;pointer-events:none;z-index:7;inset:9% -6%;background:linear-gradient(105deg,transparent 34%,#fff6ce0e 44%,#ffe7a035 48%,#fffbd70b 52%,transparent 64%);mask-image:radial-gradient(ellipse at 50% 50%,#000 15%,transparent 69%);animation:ultra-hero-flare 12s ease-in-out infinite}
@keyframes ultra-hero-flare{0%,12%{transform:translateX(-29%) rotate(-12deg);opacity:0}35%{opacity:.7}65%,100%{transform:translateX(35%) rotate(-12deg);opacity:0}}
.hero-ctas .button{min-height:52px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.hero-ctas .button:hover{transform:translateY(-3px)}
/* Section typography and wayfinding. */
.catalog-section .section-heading{padding-top:12px}.catalog-section .section-heading h2,.center-heading h2{letter-spacing:-.045em}
.kicker{letter-spacing:.16em}
.catalog-tools{border-radius:20px;padding:12px;background:linear-gradient(145deg,#1a18209c,#10121ba3);border:1px solid #ccad7546;box-shadow:0 8px 30px #0004}
.filter-button{border-radius:12px!important}.filter-button:hover{border-color:#e5c58a8f!important}
.search-control{border-color:#dcb46f5a}
/* Product cards: precise spacing and legible hierarchy; no imitation marks. */
.product-grid{gap:19px}
.product-card{position:relative;isolation:isolate;overflow:hidden;border-radius:23px;background:linear-gradient(160deg,#17151e,#0c0e18 88%);border:1px solid color-mix(in srgb,var(--accent) 39%,#bd9e7c);box-shadow:0 13px 26px #0008,0 0 0 1px #ffffff04;transition:transform .4s cubic-bezier(.2,.72,.25,1),box-shadow .4s,border-color .4s}
.product-card::before{content:"";pointer-events:none;position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(440px circle at var(--ultra-pointer-x,50%) var(--ultra-pointer-y,18%),color-mix(in srgb,var(--accent) 24%,transparent),transparent 66%);opacity:0;transition:opacity .3s}
.product-card:hover::before,.product-card:focus-within::before{opacity:1}
.product-card:hover{transform:translateY(-7px);box-shadow:0 26px 53px #000a,0 0 30px color-mix(in srgb,var(--accent) 29%,transparent);border-color:color-mix(in srgb,var(--accent) 78%,white)}
.product-art{isolation:isolate;overflow:hidden!important;background:radial-gradient(circle at 50% 37%,color-mix(in srgb,var(--accent) 37%,transparent),transparent 60%),linear-gradient(148deg,#20202a,#080912 93%);border-radius:22px 22px 0 0}
.product-art:before{content:"";pointer-events:none;position:absolute;z-index:1;inset:0;opacity:.68;background:linear-gradient(135deg,#fff6f009,transparent 39%,#b7c7ff0c 80%,transparent),repeating-linear-gradient(113deg,transparent 0 44px,#ffffff06 45px,transparent 46px 82px)}
.product-art:after{border-color:color-mix(in srgb,var(--accent) 52%,white);box-shadow:0 0 21px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 0 16px color-mix(in srgb,var(--accent) 17%,transparent)}
.art-topline{letter-spacing:1.45px!important;opacity:.8;font-size:8px}.art-bottomline{font-size:7px;letter-spacing:1.4px!important}
.art-core{width:120px;height:120px;border-radius:30px;transform:rotate(-4deg) translateY(0);background:radial-gradient(circle at 18% 13%,#ffffff39,transparent 28%),linear-gradient(143deg,#2e2738ee,#0a0b15 58%,color-mix(in srgb,var(--accent) 36%,#11121a));border-color:#ffffff93;box-shadow:0 19px 37px #000c,0 0 52px color-mix(in srgb,var(--accent) 35%,transparent),inset 0 1px 0 #fff6}
.art-core img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 51%,transparent))}
.art-core img[src$=".png"]{width:99px;height:99px;border-radius:21px;object-fit:cover}
.product-card:hover .art-core{transform:rotate(0deg) translateY(-4px) scale(1.065)}
.brand-title{color:#fffdf7;font-size:clamp(19px,1.72vw,24px);line-height:1.14;text-shadow:0 1px 13px #000a,0 0 19px color-mix(in srgb,var(--accent) 55%,transparent)}
.product-info{position:relative;padding:20px 19px 19px;background:linear-gradient(165deg,#14151b,#0c0c14 87%);border-top:1px solid color-mix(in srgb,var(--accent) 28%,#8c7971)}
.product-info h3{font-size:17px;margin-bottom:10px}
.description{line-height:1.5;color:#bfc0ce}
.device-info{line-height:1.55}
.duration{border-top:1px solid #ffffff10;padding-top:9px;margin-top:10px}
.plan-pills{gap:7px}.plan-pill{border-radius:10px;min-height:35px}
.card-footer{gap:8px}.card-price{font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:29px}
.mini-buy{min-height:41px;border-radius:12px}.mini-add{border-radius:12px}
/* Platform-specific presentation: artwork stays intact, glow belongs to card, not trademark. */
.product-card[data-gs-product="netflix"] .art-core,.product-card[data-gs-product="netflix-extra"] .art-core{background:linear-gradient(135deg,#270d15,#07070a);border-color:#eb4254a8}
.product-card[data-gs-product^="disney"] .art-core{background:linear-gradient(135deg,#0e236c,#040e26);border-color:#79c9ff9a}
.product-card[data-gs-product="prime"] .art-core{background:linear-gradient(135deg,#043b65,#061322);border-color:#79d7ff9a}
.product-card[data-gs-product="paramount"] .art-core{height:116px;width:116px;transform:rotate(0deg);border-radius:50%;background:linear-gradient(140deg,#1e88fe,#0336b5)!important}
.product-card[data-gs-product="paramount"] .art-core img{width:86px;height:86px}
.product-card[data-gs-product="paramount"] .product-art{background:radial-gradient(ellipse at 50% 39%,#42baff80,#0b3bb9 55%,#030e35 95%)!important}
/* VIP bundles: the individual platforms must be distinguishable, especially on mobile. */
.combo-card{border-color:#c79c5e98;background:linear-gradient(155deg,#241b22,#100c16 90%)}
.combo-card::after{content:"VIP · 1 MES";position:absolute;z-index:9;top:13px;right:12px;background:linear-gradient(115deg,#f6dba8,#b9884d);border:1px solid #ffe8bd88;border-radius:999px;padding:5px 9px;color:#37200f;font-size:9px;font-weight:900;letter-spacing:1.1px;box-shadow:0 4px 16px #0005}
.combo-card .product-art{height:239px;background:radial-gradient(ellipse at 50% 35%,#b880487a,transparent 61%),radial-gradient(ellipse 85% 45% at 85% 8%,#865ce94d,transparent 90%),linear-gradient(160deg,#2b1f2d,#0b0a13)}
.combo-card .product-art:before{background:radial-gradient(circle at 50% 50%,#f5d3a51a,transparent 50%),repeating-linear-gradient(135deg,transparent 0 21px,#f2e5cd08 22px,transparent 24px 45px)}
.combo-card .combo-art-core{gap:17px;transform:translateY(5px)}
.combo-card .combo-logo-row{gap:3px;filter:drop-shadow(0 8px 13px #0008)}
.combo-card .combo-mini-logo{height:60px;width:52px;border-radius:15px;background:radial-gradient(circle at top left,#ffffff25,transparent 32%),linear-gradient(145deg,#322739,#0b0b12 95%);border:1px solid #ffe8b0bd;box-shadow:0 10px 24px #000c,0 0 20px #ebb86a58,inset 0 1px 0 #ffffff3f}
.combo-card .combo-mini-logo img{height:37px;width:37px;object-fit:contain}
.combo-card .combo-mini-logo img[src$=".png"]{border-radius:8px}
.combo-card .combo-join{color:#fff2d0;text-shadow:0 0 12px #ffcb73;font-size:17px}
.combo-card .combo-medallion{font-size:22px;width:37px;height:37px;border-radius:50%;color:#38220c;background:linear-gradient(130deg,#ffe6aa,#b5813a);box-shadow:0 0 30px #f6c1667a;border:1px solid #fff0c6}
.combo-card .brand-title{margin-top:18px;font-size:24px;color:#fff1d4;letter-spacing:.012em}
.combo-card .product-info{background:linear-gradient(153deg,#221b22,#110f18)}
.combo-card .card-price{font-size:31px;color:#ffe2aa}
.combo-card:hover .combo-mini-logo:nth-of-type(odd){transform:translateY(-6px) rotate(-2deg)}
.combo-card:hover .combo-mini-logo:nth-of-type(even){transform:translateY(-2px) rotate(2deg)}
/* Special premium banner: restrained gold editorial treatment. */
.feature-band{background:radial-gradient(ellipse at 77% 48%,#a77b4c77,transparent 59%),radial-gradient(ellipse at 85% 21%,#816cce45,transparent 53%),linear-gradient(130deg,#221a1c,#10111c 70%);box-shadow:0 23px 67px #0009,0 0 30px #e3b67f21}
.feature-band .combo-art{filter:drop-shadow(0 0 25px #dfb97550)}
.feature-band .kicker{color:#f5d29c}
.steps .step,.help-card,.faq-wrap details,.policy-banner{border-color:#c7a56b42}
/* Trusted process: strong visual grouping, no invented guarantee badges. */
.checkout-context{border-color:#dfb67956!important}
.payment-dialog{box-shadow:0 35px 95px #000e,0 0 46px #d5ab5c2b}
.qr-box{isolation:isolate}.qr-box img{filter:none!important;transform:none!important;mix-blend-mode:normal!important;opacity:1!important}
/* Optional sound and visual control sit away from purchase actions. */
.ultra-sound-control{display:inline-flex;align-items:center;gap:8px;margin-top:10px;margin-left:7px;border:1px solid #d1ae7685;border-radius:999px;background:#17141ccc;color:#ecd9b6;font-size:11px;font-weight:700;min-height:33px;padding:8px 12px;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff0b}
.ultra-sound-control:hover{background:#322518;border-color:#eac68c}
.ultra-cart-spark{position:fixed;z-index:91;pointer-events:none;font-size:27px;transform:translate(-50%,-50%);text-shadow:0 0 13px #fff,0 0 24px #eabd5c;animation:ultra-confirm .72s ease-out forwards}
@keyframes ultra-confirm{0%{opacity:0;transform:translate(-50%,-20%) scale(.5)}35%{opacity:1;transform:translate(-50%,-65%) scale(1.23)}100%{opacity:0;transform:translate(-50%,-165%) scale(.6)}}
.ultra-button-pulse{animation:ultra-button-pulse .48s ease-out}
@keyframes ultra-button-pulse{50%{transform:scale(1.035);box-shadow:0 0 25px #e9be6988}}
.ultra-section-reveal{animation:ultra-appear .65s both ease-out}
@keyframes ultra-appear{from{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:none}}
/* Deep responsive tuning: no horizontal overflow, readable prices, touch targets. */
@media (max-width:1024px){.product-grid{gap:15px}.product-info{padding:16px}.combo-card .combo-mini-logo{height:51px;width:44px}.combo-card .combo-mini-logo img{height:30px;width:30px}.combo-card .combo-join{font-size:13px}}
@media (max-width:760px){.hero:before{filter:blur(13px)}.hero-display:after{animation:none;opacity:.25}.catalog-tools{padding:10px}.product-grid{gap:12px}.product-card:hover{transform:none}.product-info{padding:13px}.product-art{height:184px}.art-core{width:85px;height:85px;border-radius:22px}.art-core img{height:56px;width:56px}.art-core img[src$=".png"]{height:66px;width:66px;border-radius:14px}.product-card[data-gs-product="paramount"] .art-core{width:88px;height:88px}.product-card[data-gs-product="paramount"] .art-core img{width:65px;height:65px}.combo-card .product-art{height:184px}.combo-card .combo-art-core{gap:9px;transform:translateY(4px)}.combo-card .combo-mini-logo{width:36px;height:40px;border-radius:10px}.combo-card .combo-mini-logo img{height:23px;width:23px}.combo-card .combo-join{font-size:10px}.combo-card .combo-medallion{width:28px;height:28px;font-size:16px}.combo-card .brand-title{font-size:19px;margin-top:10px}.combo-card::after{font-size:8px;top:7px;right:7px;padding:4px 6px}.brand-title{font-size:17px}.product-info h3{font-size:15px}.card-price,.combo-card .card-price{font-size:24px}.ultra-sound-control{margin-left:0}}
@media(max-width:430px){.hero h1{font-size:40px}.product-grid{gap:10px}.product-art,.combo-card .product-art{height:163px}.combo-card .combo-mini-logo{height:35px;width:30px;border-radius:8px}.combo-card .combo-mini-logo img{width:19px;height:19px}.combo-card .combo-join{font-size:8px}.combo-card .combo-medallion{height:24px;width:24px;font-size:13px}.brand-title{font-size:15px}.combo-card .brand-title{font-size:16px}.product-info{padding:12px}.card-price,.combo-card .card-price{font-size:22px}.product-info h3{font-size:14px}.product-info .mini-buy{min-height:39px}}
@media(prefers-reduced-motion:reduce){.hero-display:after,.ultra-cart-spark,.ultra-section-reveal,.ultra-button-pulse{animation:none!important}.ultra-cart-spark{display:none}.product-card{transition:none}}
.gs-motion-paused .hero-display:after,.gs-motion-paused .ultra-cart-spark,.gs-motion-paused .ultra-section-reveal,.gs-motion-paused .ultra-button-pulse{animation:none!important}