:root{--color-accent: #2D8CFF;--color-accent-deep: #1B6FD1;--color-accent-sub: rgba(45, 140, 255, .06);--color-accent-glow: rgba(45, 140, 255, .3);--color-teal: #00D4AA;--color-teal-glow: rgba(0, 212, 170, .25);--gradient-accent: linear-gradient(135deg, #2D8CFF 0%, #00D4AA 100%);--gradient-accent-h: linear-gradient(135deg, #1B6FD1 0%, #00B894 100%);--gradient-dark: linear-gradient(135deg, #0A1628 0%, #0F2847 40%, #132E52 100%);--color-bg: #FFFFFF;--color-bg-subtle: #F7F9FB;--color-text: #0F1923;--color-text-sec: #5A6775;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-dark: #0A1628;--color-success: #00D4AA;--color-danger: #FF4757;--color-warning: #FFBE0B;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 28px;--font-size-4xl: 40px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 50px;--shadow-sm: 0 1px 2px rgba(15, 25, 35, .04);--shadow-card: 0 1px 3px rgba(15, 25, 35, .06), 0 4px 12px rgba(15, 25, 35, .04);--shadow-card-h: 0 8px 30px rgba(15, 25, 35, .1), 0 2px 8px rgba(15, 25, 35, .06);--shadow-glow: 0 4px 20px var(--color-accent-glow);--shadow-drawer: -8px 0 40px rgba(15, 25, 35, .12);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--container-max: 1280px;--header-height: 64px;--header-height-mobile: 56px;--bottom-nav-height: 56px;--announcement-height: 36px;--announcement-height-mobile: 32px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background:var(--color-bg)}img,video{display:block;max-width:100%;height:auto}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-deep)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}h1,h2,h3,h4{font-weight:700;line-height:1.2;letter-spacing:-.3px;color:var(--color-text)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}@media(min-width:768px){h1{font-size:var(--font-size-4xl)}h2{font-size:26px}}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-sec)}.stars{color:var(--color-warning);font-size:var(--font-size-sm);letter-spacing:.5px}.btn-primary,.btn-secondary,.btn-express{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;white-space:nowrap;cursor:pointer;border:none;transition:all var(--duration-normal) var(--ease-out)}.btn-primary{height:52px;padding:0 36px;background:var(--gradient-accent);color:#fff;font-size:var(--font-size-lg);border-radius:var(--radius-pill);box-shadow:var(--shadow-glow);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--color-accent-glow)}.btn-primary--full{width:100%}.btn-primary .arrow,.btn-link .arrow{transition:transform var(--duration-normal) var(--ease-out)}.btn-primary:hover .arrow,.btn-link:hover .arrow{transform:translate(4px)}.btn-secondary{width:100%;height:42px;background:transparent;color:var(--color-accent);font-size:var(--font-size-base);border:1.5px solid var(--color-border);border-radius:var(--radius-md)}.btn-secondary:hover{background:var(--color-accent-sub);border-color:var(--color-accent);color:var(--color-accent-deep)}.btn-secondary.is-added{background:#00d4aa14;border-color:var(--color-success);color:#00996b;pointer-events:none}.btn-express{height:48px;padding:0 20px;font-size:var(--font-size-base);border-radius:8px;color:#fff}.btn-express--mobilepay{background:#5a78ff}.btn-express--applepay{background:#000}.btn-express--googlepay{background:#fff;color:#3c4043;border:1px solid var(--color-border)}.btn-link{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-base);font-weight:600;color:var(--color-accent)}.btn-link:hover{gap:10px}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:4px}.form-input{width:100%;height:48px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-base);font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);transition:all .2s}.form-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 4px var(--color-accent-sub)}.form-input::placeholder{color:#94a3b8}.form-row{display:flex;gap:var(--space-3)}.form-row>*{flex:1}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-sec);margin-top:2px}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;font-size:var(--font-size-base);transition:all .2s}.radio-option.is-selected{border-color:var(--color-accent);background:var(--color-accent-sub)}.radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio-option.is-selected .radio-circle{border-color:var(--color-accent)}.radio-option.is-selected .radio-circle:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--color-accent)}.radio-label{flex:1}.radio-price{font-weight:600;white-space:nowrap}.product-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg);position:relative;transition:all .4s var(--ease-out)}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-h);border-color:transparent}.product-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-lg);background:var(--gradient-accent);opacity:0;transition:opacity .4s var(--ease-out);z-index:0;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.product-card:hover:before{opacity:1}.product-card__image{aspect-ratio:1;background:linear-gradient(135deg,var(--color-bg-subtle),#EDF2F7);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;z-index:1}.product-card__badge--bestseller{background:#2d8cff1a;color:var(--color-accent)}.product-card__badge--popular{background:#00d4aa1a;color:#00996b}.product-card__badge--low-stock{background:#ff47571a;color:var(--color-danger)}.product-card__badge--sale{top:10px;left:auto;right:10px;background:var(--color-danger);color:#fff}.product-card__info{padding:var(--space-4) var(--space-4) var(--space-5);position:relative;z-index:1;background:var(--color-bg)}.product-card__name{font-size:var(--font-size-md);font-weight:600;margin-bottom:4px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__rating{display:flex;align-items:center;gap:5px;font-size:var(--font-size-sm);color:var(--color-text-sec);margin-bottom:8px}.product-card__price{font-size:20px;font-weight:700}.product-card__price .compare-price{text-decoration:line-through;color:#94a3b8;font-size:var(--font-size-base);font-weight:400}.review-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--color-bg);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.review-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-8)}}.section{padding:var(--space-12) 0}.section--compact{padding:var(--space-8) 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.product-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.product-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.product-grid--4col{grid-template-columns:repeat(4,1fr)}}.animate-fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.animate-fade-up.is-visible{opacity:1;transform:translateY(0)}.animate-delay-1{transition-delay:.1s}.animate-delay-2{transition-delay:.2s}.animate-delay-3{transition-delay:.3s}.animate-delay-4{transition-delay:.4s}@keyframes node-pulse{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.mesh-node{animation:node-pulse 4s ease-in-out infinite}@keyframes line-flow{to{stroke-dashoffset:-20}}.mesh-line{stroke-dasharray:6 4;animation:line-flow 3s linear infinite}@keyframes announcement-shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes badge-bounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.cart-badge.is-bouncing{animation:badge-bounce .4s var(--ease-spring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.trust-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-sec);padding:5px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.payment-icon{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;font-weight:700;color:var(--color-text-sec);background:var(--color-bg)}.payment-icon--mobilepay{color:#5a78ff;border-color:#5a78ff}.payment-icon-svg{height:24px;width:auto}.border-gradient-top{border-top:2px solid transparent;border-image:var(--gradient-accent) 1}.bg-mesh-dark{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='%232D8CFF' opacity='0.5'/%3E%3Ccircle cx='0' cy='0' r='1' fill='%2300D4AA' opacity='0.3'/%3E%3Ccircle cx='60' cy='0' r='1' fill='%2300D4AA' opacity='0.3'/%3E%3Ccircle cx='0' cy='60' r='1' fill='%2300D4AA' opacity='0.3'/%3E%3Ccircle cx='60' cy='60' r='1' fill='%2300D4AA' opacity='0.3'/%3E%3Cline x1='30' y1='30' x2='0' y2='0' stroke='%232D8CFF' stroke-width='0.3' opacity='0.2'/%3E%3Cline x1='30' y1='30' x2='60' y2='0' stroke='%232D8CFF' stroke-width='0.3' opacity='0.2'/%3E%3Cline x1='30' y1='30' x2='60' y2='60' stroke='%2300D4AA' stroke-width='0.3' opacity='0.15'/%3E%3Cline x1='30' y1='30' x2='0' y2='60' stroke='%2300D4AA' stroke-width='0.3' opacity='0.15'/%3E%3C/svg%3E")}.bg-mesh-light{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='1.5' fill='%232D8CFF' opacity='0.15'/%3E%3Cline x1='40' y1='40' x2='0' y2='0' stroke='%232D8CFF' stroke-width='0.4' opacity='0.06'/%3E%3Cline x1='40' y1='40' x2='80' y2='0' stroke='%232D8CFF' stroke-width='0.4' opacity='0.06'/%3E%3Cline x1='40' y1='40' x2='80' y2='80' stroke='%232D8CFF' stroke-width='0.4' opacity='0.05'/%3E%3Cline x1='40' y1='40' x2='0' y2='80' stroke='%232D8CFF' stroke-width='0.4' opacity='0.05'/%3E%3C/svg%3E")}
/*# sourceMappingURL=/cdn/shop/t/83/assets/theme.css.map */