:root{--bg:#f7f8fc;--bg-2:#eef2fb;--card:#ffffff;--muted:#55607a;--text:#0c1022;--brand:#6b4eff;--brand-2:#00b5ff;--accent:#11c46a;--ring: 0 0 0 3px rgba(0,181,255,.25);--radius: 16px;--shadow: 0 10px 30px rgba(22,30,84,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(0,181,255,.12),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:24px}.btn{display:inline-flex;gap:10px;align-items:center;padding:12px 18px;border-radius:999px;font-weight:700;letter-spacing:.2px;transition:transform .2s,box-shadow .2s,opacity .2s;border:1px solid rgba(12,16,34,.08);background:linear-gradient(180deg,#ffffffe6,#ffffffb3);box-shadow:var(--shadow)}.btn:hover{transform:translateY(-1px)}.btn--primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));border:none;color:#fff;box-shadow:0 12px 30px #00b5ff40}.btn--ghost{background:#fffc;border:1px solid rgba(12,16,34,.12)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#11c46a1f;color:#03613a;border:1px solid rgba(17,196,106,.35)}.card{background:var(--card);border:1px solid rgba(12,16,34,.08);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:18px}}.nav{position:sticky;top:0;z-index:40;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(12,16,34,.08)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px}.nav__links,.nav__menu{display:flex;gap:14px;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.4px}.logo__dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(90deg,var(--accent),var(--brand-2));box-shadow:0 0 16px #11c46a80}.nav__toggle{display:none;border:1px solid rgba(12,16,34,.1);background:#fff;border-radius:10px;padding:8px}@media (max-width: 900px){.nav__toggle{display:inline-flex}.nav__menu{position:absolute;left:0;right:0;top:64px;background:#fff;border-bottom:1px solid rgba(12,16,34,.08);padding:12px 24px;display:none;flex-direction:column}.nav__menu.is-open{display:flex}}.hero{position:relative;overflow:hidden}.hero__wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}@media (max-width: 900px){.hero__wrap{grid-template-columns:1fr}}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.05;margin:16px 0}.hero p{color:var(--muted);font-size:18px}.hero__art{position:relative}.blob{position:absolute;border-radius:50%;filter:blur(30px);opacity:.6;animation:float 10s ease-in-out infinite alternate}.blob--1{width:280px;height:280px;background:radial-gradient(circle at 30% 30%,rgba(107,78,255,.5),transparent 60%);top:-40px;right:-60px}.blob--2{width:220px;height:220px;background:radial-gradient(circle at 30% 30%,rgba(0,181,255,.5),transparent 60%);bottom:-50px;left:-40px;animation-delay:1.5s}@keyframes float{to{transform:translateY(-14px) translate(8px)}}.kpis{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.kpi{padding:10px 14px;border-radius:12px;background:#00b5ff14;border:1px solid rgba(0,181,255,.2);color:#0a5170}.product-card{position:relative;display:flex;flex-direction:column;gap:12px;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #161e541f}.product-card__media{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#eef2fb;border:1px solid rgba(12,16,34,.08)}.product-card__title{font-weight:800;font-size:18px}.price{font-weight:700}.star{width:16px;height:16px;display:inline-block;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01L12 2z"/></svg>') no-repeat center/contain;background:#ffb200}.ribbon{position:absolute;top:12px;left:12px;background:linear-gradient(90deg,var(--accent),var(--brand-2));padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#012}.section-title{display:flex;align-items:end;justify-content:space-between;margin:4px 0 16px}.section-title h2{margin:0;font-size:clamp(24px,4vw,36px)}.footer{margin-top:40px;padding:40px 0;border-top:1px solid rgba(12,16,34,.08);background:linear-gradient(180deg,#fffc,#fff9)}.input{width:100%;padding:12px 14px;border-radius:10px;background:#fff;border:1px solid rgba(12,16,34,.12);color:var(--text);box-shadow:var(--shadow)}.input:focus{outline:none;box-shadow:var(--ring)}.slider{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.slider>*{scroll-snap-align:start;min-width:320px}.small{font-size:13px;color:var(--muted)}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table td,.table th{padding:12px 14px;text-align:left}.table tr{background:#fff;border:1px solid rgba(12,16,34,.08)}.icon{width:18px;height:18px;opacity:.9}.notice{padding:12px 14px;border:1px dashed rgba(12,16,34,.2);border-radius:12px;color:var(--muted);background:#fff}.badge--hot{background:#ffb20024;color:#7a5100;border-color:#ffb20066}.badge--new{background:#6b4eff24;color:#2e247d;border-color:#6b4eff66}.link{opacity:.9}.link:hover{text-decoration:underline}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal,.reveal.is-visible,.product-card{transition:none!important}.blob,.blob--2{animation:none!important}}:focus-visible{outline:none;box-shadow:var(--ring)}.marquee{display:flex;gap:24px;overflow:auto;padding:10px;border:1px solid rgba(12,16,34,.08);border-radius:12px;background:linear-gradient(180deg,#fff,#fffc);box-shadow:var(--shadow)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 12px;border-radius:999px;background:#6b4eff1f;border:1px solid rgba(107,78,255,.25);font-weight:600}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(12,16,34,.12);background:#fff}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr;place-items:stretch;visibility:hidden}.drawer[aria-hidden=false]{visibility:visible}.drawer__overlay{grid-area:1/1/2/2;background:#0c102259;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}.drawer[aria-hidden=false] .drawer__overlay{opacity:1}.drawer__panel{grid-area:1/1/2/2;margin-left:auto;width:min(540px,100%);height:100%;background:#fff;color:var(--text);display:flex;flex-direction:column;transform:translate(20px);opacity:.98;border-left:1px solid rgba(12,16,34,.08);box-shadow:var(--shadow);transition:transform .25s}.drawer[aria-hidden=false] .drawer__panel{transform:none}.drawer__head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(12,16,34,.08)}.drawer__body{padding:16px;flex:1;overflow:auto}.drawer__foot{padding:16px;border-top:1px solid rgba(12,16,34,.08);display:grid;gap:10px}.cart-line{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid rgba(12,16,34,.08);border-radius:12px;background:#fff;margin-bottom:10px}.qty{display:inline-flex;align-items:center;border:1px solid rgba(12,16,34,.12);border-radius:10px;overflow:hidden}.qty button{background:#fff;border:none;width:28px;height:28px}.qty input{width:40px;text-align:center;border:none}@media (max-width: 560px){.drawer__panel{width:100%}}.carousel__btn,.carousel [data-prev],.carousel [data-next]{all:unset;box-sizing:border-box;position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:grid;place-items:center;width:52px;height:52px;cursor:pointer;border-radius:999px;background:radial-gradient(140% 140% at 30% 20%,#fffffff5,#ffffffdb),linear-gradient(180deg,#fff9,#ffffff40);box-shadow:0 14px 32px #161e5429,inset 0 0 0 1px #0c10221a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}.carousel__btn[data-prev]{left:14px}.carousel__btn[data-next]{right:14px}.carousel__btn .icon{width:22px;height:22px;opacity:.9;transition:transform .18s ease,opacity .18s ease}.carousel__btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:radial-gradient(70% 70% at 50% 50%,rgba(0,181,255,.2),transparent 60%),radial-gradient(70% 70% at 50% 50%,rgba(107,78,255,.2),transparent 62%);opacity:0;transition:opacity .18s ease;pointer-events:none}.carousel__btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#ffffffa6,#fff0 55%);mix-blend-mode:screen;opacity:.6;pointer-events:none}.carousel__btn:hover{transform:translateY(calc(-50% - 1px));box-shadow:0 18px 36px #161e5433,inset 0 0 0 1px #0c102224}.carousel__btn:hover .icon{opacity:1;transform:scale(1.07)}.carousel__btn:hover:before{opacity:.95}.carousel__btn:active{transform:translateY(calc(-50% + 1px)) scale(.98);box-shadow:0 10px 22px #161e5429,inset 0 0 0 1px #0c102229}.carousel__btn:focus-visible{outline:none;box-shadow:0 18px 36px #161e5433,inset 0 0 0 1px #0c102224,0 0 0 3px #00b5ff47}.carousel__btn[disabled]{opacity:.35;pointer-events:none}@media (prefers-reduced-motion: no-preference){.carousel__btn{animation:arrowGlow 3.2s ease-in-out infinite}@keyframes arrowGlow{0%,to{filter:saturate(1) brightness(1)}50%{filter:saturate(1.05) brightness(1.05)}}}.carousel{position:relative}.carousel__viewport{position:relative;overflow:hidden}@media (max-width: 900px){.carousel__btn{width:46px;height:46px}.carousel__btn .icon{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/base.css.map */
