/* EXZ Shop V10 — Lovable screenshot-match visual layer (frontend only) */
:root{--lv-blue:#2f63df;--lv-blue-2:#2254cc;--lv-ink:#0b0f17;--lv-muted:#70757f;--lv-line:#e5e7eb;--lv-bg:#f7faff;--lv-card:#fff;--lv-shadow:0 24px 60px rgba(15,23,42,.10),0 4px 14px rgba(15,23,42,.04)}
body{background:#fff;color:var(--lv-ink)}body.authView{background:var(--lv-bg);overflow-x:hidden}body.authView .siteHeader,body.authView footer,body.authView #mobileNav,body.authView #notice{display:none!important}
#storeLoader{position:fixed;inset:0;z-index:9999;background:#fff;display:grid;place-items:center;transition:opacity .42s ease,visibility .42s ease}#storeLoader.loaderGone{opacity:0;visibility:hidden;pointer-events:none}.loaderCore{display:flex;flex-direction:column;align-items:center;gap:18px;transform:translateY(-2vh)}.loaderCore img{width:86px;height:56px;object-fit:contain;opacity:.72;animation:lvLogoBreath 1.45s ease-in-out infinite}.loaderRule{width:108px;height:1px;background:#e7e9ee;position:relative;overflow:hidden}.loaderRule:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--lv-blue),transparent);transform:translateX(-110%);animation:lvLoadLine 1.15s ease-in-out infinite}.loaderText{font-size:13px;letter-spacing:.28em;font-weight:700;color:#727985;text-transform:uppercase}@keyframes lvLogoBreath{50%{opacity:1;transform:scale(1.025)}}@keyframes lvLoadLine{to{transform:translateX(110%)}}
.authPage{min-height:100vh!important;padding:0!important;place-items:stretch!important;background:linear-gradient(rgba(230,235,245,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(230,235,245,.42) 1px,transparent 1px),radial-gradient(circle at 60% 8%,rgba(47,99,223,.11),transparent 34%),linear-gradient(180deg,#f1f6ff 0%,#fff 44%,#fff 100%)!important;background-size:96px 96px,96px 96px,auto,auto!important}.authHero{width:min(1220px,100%)!important;margin:0 auto!important;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr)!important;gap:72px!important;align-items:center!important;padding:72px 34px 86px!important}.heroCopy{min-width:0}.authBrandIntro{display:flex;align-items:center;gap:18px;margin-bottom:62px}.authBrandLogo{width:92px;height:92px;border-radius:50%;background:#fff;border:1px solid #e6e9ef;display:grid;place-items:center;box-shadow:0 10px 24px rgba(15,23,42,.08)}.authBrandLogo img{width:58px;height:42px;object-fit:contain}.authBrandText{display:flex;flex-direction:column;gap:7px}.authBrandText strong{font-size:27px;line-height:1.05;letter-spacing:-.04em;font-weight:850}.authBrandText span{font-size:12px;letter-spacing:.25em;font-weight:750;color:#747b87;text-transform:uppercase}.authHero .heroCopy h1{font-size:clamp(60px,6.5vw,92px)!important;line-height:.92!important;letter-spacing:-.065em!important;margin:0 0 32px!important;max-width:820px!important;font-weight:900!important;color:#090d14!important}.authHero .heroCopy h1 .blueLine{display:block;color:var(--lv-blue)!important;background:none!important;-webkit-text-fill-color:initial!important}.authLead{font-size:21px!important;line-height:1.6!important;color:#727780!important;max-width:720px!important;margin:0 0 54px!important;letter-spacing:-.015em}.authFeatures{display:grid;gap:18px}.authFeature{display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:center;min-height:126px;border:1px solid #e2e6ec;border-radius:42px;background:rgba(255,255,255,.82);padding:24px 30px;box-shadow:0 3px 10px rgba(15,23,42,.015);backdrop-filter:blur(8px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.authFeature:hover{transform:translateY(-2px);border-color:#d6deeb;box-shadow:0 16px 34px rgba(15,23,42,.055)}.authFeatureIcon{width:34px;height:34px;color:var(--lv-blue);display:grid;place-items:center}.authFeatureIcon svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.authFeatureText{display:flex;flex-direction:column;gap:6px}.authFeatureText b{font-size:20px;letter-spacing:-.02em;font-weight:800}.authFeatureText span{font-size:16px;color:#7c828c;line-height:1.4}
.authCard{width:100%;max-width:620px;justify-self:end;border:1px solid #e5e7eb!important;border-radius:52px!important;padding:42px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 32px 80px rgba(15,23,42,.11),0 6px 20px rgba(15,23,42,.05)!important;position:relative;overflow:hidden}.authCard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 2%,rgba(47,99,223,.055),transparent 27%);pointer-events:none}.authTabs{height:84px!important;border-radius:42px!important;padding:6px!important;background:#f2f4f7!important;display:grid!important;grid-template-columns:1fr 1fr!important;margin-bottom:52px!important;position:relative;z-index:1}.authTabs button{border:0!important;border-radius:36px!important;font-size:18px!important;font-weight:700!important;color:#6f7480!important;background:transparent!important;box-shadow:none!important;transition:.22s ease!important}.authTabs button.active{background:#fff!important;color:#11151d!important;box-shadow:0 10px 26px rgba(15,23,42,.09)!important}.authCard h2{font-size:48px!important;line-height:1!important;letter-spacing:-.055em!important;margin:0 0 20px!important;font-weight:900!important;position:relative;z-index:1}.authCard #authSub{font-size:18px!important;line-height:1.5!important;color:#777c86!important;margin:0 0 34px!important;position:relative;z-index:1}.authCard .field{height:76px!important;border-radius:38px!important;border:1px solid #e1e4e9!important;background:#fff!important;padding:0 28px!important;font-size:18px!important;color:#111827!important;margin-top:18px!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.015)!important;position:relative;z-index:1}.authCard .field::placeholder{color:#a0a5ae}.authCard .field:focus{border-color:#b8c8ed!important;box-shadow:0 0 0 5px rgba(47,99,223,.07)!important}.authCard #authBtn{height:76px!important;border-radius:38px!important;margin-top:34px!important;background:linear-gradient(180deg,#3468e4,#2b5fdb)!important;border:0!important;font-size:18px!important;font-weight:800!important;box-shadow:0 18px 34px rgba(47,99,223,.28)!important;position:relative;z-index:1}.authCard #authBtn:hover:not(:disabled){background:linear-gradient(180deg,#2f63df,#2456ce)!important;transform:translateY(-2px)!important;box-shadow:0 22px 42px rgba(47,99,223,.33)!important}.authCard #authMsg{font-size:14px!important;min-height:20px;margin:18px 0 0!important;text-align:left;position:relative;z-index:1}.authSecurity{display:flex;align-items:flex-start;justify-content:center;gap:8px;text-align:center;color:#858a94;font-size:15px;line-height:1.45;margin:38px auto 0;max-width:420px;position:relative;z-index:1}.authSecurity svg{width:18px;height:18px;flex:0 0 auto;margin-top:2px;color:#8f96a2}
body:not(.authView) .heroWhite{background:linear-gradient(180deg,#eef5ff 0%,#fff 88%)!important;padding-top:88px!important}body:not(.authView) .heroGrid{gap:56px!important}body:not(.authView) .heroWhite h1{font-weight:900!important;color:#0a0f17!important}.heroWhite h1 span{background:none!important;color:var(--lv-blue)!important;-webkit-text-fill-color:initial!important}body:not(.authView) .heroPanel{border-radius:36px!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--lv-shadow)!important;transform:none!important}body:not(.authView) .miniStat{border-radius:24px!important;background:#fff!important}.productCard{border-radius:28px!important;box-shadow:0 12px 34px rgba(15,23,42,.055)!important;border-color:#e5e8ee!important}.productCard:hover{box-shadow:0 24px 58px rgba(15,23,42,.11)!important}.productImage{background:#f7f9fc!important}.productBody h3{font-weight:850!important}.buyPremium,.primary{background:linear-gradient(180deg,#3468e4,#2b5fdb)!important;border-color:transparent!important;box-shadow:0 12px 24px rgba(47,99,223,.20)!important}.buyPremium:hover:not(:disabled),.primary:hover:not(:disabled){background:linear-gradient(180deg,#2f63df,#2456ce)!important}.secondary,.iconBtn{border-color:#e3e7ed!important;background:#fff!important}.chip.active{background:var(--lv-blue)!important;border-color:var(--lv-blue)!important}.stockIn{background:#edfbf2!important;color:#168348!important;border-color:#ccefd9!important}.stockOut{background:#fff1f2!important;color:#c52f3b!important;border-color:#ffd2d6!important}.benefits article,.hubGrid button,.item,.paymentCard{border-radius:26px!important;border-color:#e4e8ee!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important}.hubGrid button:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.08)!important}.modalWrap{background:rgba(9,15,26,.38)!important;backdrop-filter:blur(10px)}.modal{border-radius:34px!important;border:1px solid rgba(255,255,255,.7);box-shadow:0 36px 90px rgba(15,23,42,.22)!important}.modal .field{border-radius:24px!important;min-height:58px}.closeBtn{border-radius:50%!important}.mobileNav{border-top:1px solid #e4e8ef!important;box-shadow:0 -10px 30px rgba(15,23,42,.06);background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)}.mobileNav button{color:#566070}.mobileNav button:active{color:var(--lv-blue)}
@media(max-width:980px){.authHero{grid-template-columns:1fr!important;gap:54px!important;padding:54px 26px 76px!important}.authCard{justify-self:center;max-width:680px}.authBrandIntro{margin-bottom:48px}.authHero .heroCopy h1{max-width:740px}.authFeatures{grid-template-columns:1fr 1fr}.authFeature{min-height:116px}}
@media(max-width:640px){.authPage{background-size:72px 72px,72px 72px,auto,auto!important}.authHero{padding:58px 34px 68px!important;gap:64px!important}.authBrandIntro{gap:16px;margin-bottom:64px}.authBrandLogo{width:96px;height:96px}.authBrandLogo img{width:60px}.authBrandText strong{font-size:27px}.authBrandText span{font-size:11px;letter-spacing:.24em}.authHero .heroCopy h1{font-size:54px!important;line-height:.92!important;margin-bottom:38px!important}.authLead{font-size:20px!important;line-height:1.62!important;margin-bottom:58px!important}.authFeatures{grid-template-columns:1fr!important;gap:20px}.authFeature{min-height:132px;border-radius:44px;padding:25px 29px}.authFeatureText b{font-size:20px}.authFeatureText span{font-size:16px}.authCard{border-radius:50px!important;padding:42px 34px 38px!important;box-shadow:0 28px 70px rgba(15,23,42,.12)!important}.authTabs{height:84px!important;border-radius:42px!important;margin-bottom:58px!important}.authTabs button{font-size:17px!important}.authCard h2{font-size:46px!important;line-height:1.02!important;margin-bottom:24px!important}.authCard #authSub{font-size:17px!important;margin-bottom:34px!important}.authCard .field{height:78px!important;border-radius:40px!important;font-size:17px!important;padding:0 28px!important}.authCard #authBtn{height:78px!important;border-radius:40px!important;font-size:18px!important;margin-top:36px!important}.authSecurity{font-size:15px;margin-top:44px}body:not(.authView) .heroWhite{padding-top:50px!important}.productCard{border-radius:22px!important}.modal{border-radius:30px 30px 0 0!important}}
@media(max-width:420px){.authHero{padding-left:24px!important;padding-right:24px!important}.authBrandLogo{width:82px;height:82px}.authBrandLogo img{width:52px}.authBrandText strong{font-size:24px}.authHero .heroCopy h1{font-size:48px!important}.authLead{font-size:18px!important}.authFeature{min-height:118px;padding:22px 24px;border-radius:38px}.authFeatureText b{font-size:18px}.authFeatureText span{font-size:15px}.authCard{padding:34px 24px 34px!important;border-radius:42px!important}.authTabs{height:72px!important;margin-bottom:46px!important}.authCard h2{font-size:40px!important}.authCard .field,.authCard #authBtn{height:70px!important}.loaderCore img{width:78px}}
@media(prefers-reduced-motion:reduce){#storeLoader,.loaderCore img,.loaderRule:after,.authFeature{animation:none!important;transition:none!important}}