@media (width<=767px){input,textarea,select{font-size:16px!important}}body>.header{z-index:100;background:var(--surface);position:sticky;top:0;box-shadow:0 2px 16px oklch(0% 0 0/.06)}body>.header .header-top{color:oklch(85% .01 240);background:oklch(22% .015 240);padding:6px 0;font-size:12px}body>.header .header-top-inner,body>.header .header-main{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;display:flex}body>.header .header-top-inner{gap:16px}body>.header .header-main{gap:20px;padding-top:12px;padding-bottom:12px}body>.header .header-top-left,body>.header .header-top-right,body>.header .header-logo,body>.header .header-logo a,body>.header .header-right,body>.header .header-phone,body>.header .header-cart{align-items:center;display:flex}body>.header .header-top-left{flex-wrap:wrap;gap:16px}body>.header .header-top-right{gap:10px}body>.header .header-top a{color:oklch(85% .01 240);font-size:12px}body>.header .header-top-left a,body>.header .ht-address{align-items:center;gap:6px;display:flex}body>.header .header-top svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:14px;height:14px}body>.header .header-top-right a{border-radius:8px;place-items:center;width:28px;height:28px;transition:background .2s,color .2s,transform .2s;display:grid}body>.header .header-top-right a:hover{color:var(--surface);background:oklch(100% 0 0/.1);transform:translateY(-1px)}body>.header .header-top-right svg{fill:currentColor;stroke:none;width:17px;height:17px}body>.header .header-logo{flex-shrink:0;gap:10px}body>.header .header-logo img{width:auto;height:38px}body>.header .header-logo span{color:var(--fg);font-family:var(--font-display);font-size:18px;font-weight:700}body>.header .header-logo small{color:var(--muted);font-size:11px;font-weight:400;display:block}body>.header .nav{flex:1;justify-content:center;gap:2px;display:flex}body>.header .nav a{color:var(--fg);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;position:relative}body>.header .nav a:hover{color:var(--accent);background:oklch(95% .006 240);text-decoration:none}body>.header .nav a.active{color:var(--accent);font-weight:600}body>.header .nav a.active:after{background:var(--accent);content:"";border-radius:2px;width:18px;height:2.5px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}body>.header .header-right{flex-shrink:0;gap:14px}body>.header .header-phone{gap:8px}body>.header .header-phone a{color:var(--fg);white-space:nowrap;font-size:14px;font-weight:600}body>.header .header-phone-icon{width:34px;height:34px;color:var(--accent);background:oklch(95% .02 25);border-radius:50%;place-items:center;display:grid}body>.header .header-phone-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}body>.header .header-search{position:relative}body>.header .header-search-toggle{width:34px;height:34px;color:var(--accent);cursor:pointer;background:oklch(95% .02 25);border:0;border-radius:50%;place-items:center;padding:0;display:grid}body>.header .header-search-toggle svg,body>.header .header-search-form button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}body>.header .header-search-form{border:1px solid var(--border);background:var(--surface);border-radius:14px;width:min(340px,100vw - 32px);padding:8px;display:none;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 16px 40px oklch(0% 0 0/.14)}body>.header .header-search.is-open .header-search-form{display:flex}body>.header .header-search-form input{border:1px solid var(--border);width:100%;color:var(--fg);border-radius:9px;outline:none;padding:9px 40px 9px 12px}body>.header .header-search-form>button{width:34px;height:34px;color:var(--accent);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:9px;right:9px}body>.header .header-search-suggestions{border:1px solid var(--border);background:var(--surface);border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 30px oklch(0% 0 0/.12)}body>.header .header-search-suggestions[hidden]{display:none}body>.header .header-search-suggestions a{color:var(--fg);align-items:center;gap:9px;padding:9px;text-decoration:none;display:flex}body>.header .header-search-suggestions img{object-fit:contain;border-radius:7px;width:38px;height:38px}body>.header .header-search-suggestions span{flex-direction:column;min-width:0;font-size:12px;line-height:1.3;display:flex}body>.header .header-search-suggestions strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body>.header .header-search-suggestions small{color:var(--muted)}body>.header .header-search-suggestions p{color:var(--muted);padding:12px;font-size:12px}.search-page{padding-top:42px;padding-bottom:72px}.search-page-form{gap:10px;max-width:720px;margin-bottom:26px;display:flex}.search-page-form input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--fg);border-radius:10px;flex:1;padding:13px 16px}.search-page-form button{background:var(--accent);color:var(--surface);cursor:pointer;border:0;border-radius:10px;padding:0 24px;font-weight:700}.search-page-count{color:var(--muted);margin-bottom:20px}.search-pagination{margin-top:28px}body>.header .mini-cart{margin-bottom:-8px;padding-bottom:8px;position:relative}body>.header .header-cart{min-width:128px;color:inherit;background:oklch(95% .006 240);border:1px solid #0000;border-radius:12px;gap:9px;padding:8px 12px;text-decoration:none;transition:border-color .2s,background .2s,box-shadow .2s;position:relative}body>.header .mini-cart:hover .header-cart,body>.header .mini-cart:focus-within .header-cart{background:var(--surface);border-color:oklch(88% .025 25);box-shadow:0 6px 18px oklch(0% 0 0/.08)}body>.header .cart-icon{background:var(--surface);width:30px;height:30px;color:var(--accent);border-radius:9px;place-items:center;display:grid}body>.header .cart-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}body>.header .cart-count{background:var(--accent);width:18px;height:18px;color:var(--surface);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}body>.header .cart-info{flex-direction:column;line-height:1.2;display:flex}body>.header .cart-label{color:var(--muted);font-size:10px}body>.header .cart-total{color:var(--fg);white-space:nowrap;font-size:13px;font-weight:700}body>.header .cart-chevron{fill:none;width:14px;height:14px;stroke:var(--muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;margin-left:auto;transition:transform .2s}body>.header .mini-cart:hover .cart-chevron,body>.header .mini-cart:focus-within .cart-chevron{transform:rotate(180deg)}body>.header .mini-cart-dropdown{border:1px solid var(--border);background:var(--surface);opacity:0;pointer-events:none;border-radius:18px;width:380px;padding:18px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px);box-shadow:0 20px 50px oklch(0% 0 0/.16)}body>.header .mini-cart-dropdown:before{content:"";width:100px;height:18px;position:absolute;bottom:100%;right:26px}body>.header .mini-cart:hover .mini-cart-dropdown,body>.header .mini-cart:focus-within .mini-cart-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}body>.header .mini-cart-heading,body>.header .mini-cart-footer>div{justify-content:space-between;align-items:center;display:flex}body>.header .mini-cart-heading{border-bottom:1px solid var(--border);padding-bottom:13px}body>.header .mini-cart-heading strong{color:var(--fg);font-size:15px}body>.header .mini-cart-heading span{color:var(--muted);font-size:12px}body>.header .mini-cart-items{max-height:308px;display:grid;overflow-y:auto}body>.header .mini-cart-item{border-bottom:1px solid var(--border);color:inherit;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;text-decoration:none;display:grid}body>.header .mini-cart-item:hover strong:first-child{color:var(--accent)}body>.header .mini-cart-image{background:oklch(97% .004 240);border-radius:10px;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}body>.header .mini-cart-image img{object-fit:contain;width:100%;height:100%}body>.header .mini-cart-image svg{fill:none;width:24px;height:24px;stroke:var(--muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px}body>.header .mini-cart-item-details{flex-direction:column;gap:4px;min-width:0;display:flex}body>.header .mini-cart-item-details strong{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;transition:color .2s;overflow:hidden}body>.header .mini-cart-item-details span{color:var(--muted);font-size:11px}body>.header .mini-cart-subtotal{color:var(--fg);white-space:nowrap;font-size:12px}body>.header .mini-cart-empty{color:var(--muted);text-align:center;padding:30px 12px;font-size:13px}body>.header .mini-cart-more{color:var(--muted);text-align:center;padding-top:10px;font-size:11px}body>.header .mini-cart-footer{padding-top:14px}body>.header .mini-cart-footer[hidden]{display:none}body>.header .mini-cart-footer>div{margin-bottom:12px}body>.header .mini-cart-footer>div span{color:var(--muted);font-size:13px}body>.header .mini-cart-footer>div strong{color:var(--fg);font-size:16px}body>.header .mini-cart-footer>a{background:var(--accent);color:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:filter .2s,transform .2s;display:flex}body>.header .mini-cart-footer>a:hover{filter:brightness(.92);transform:translateY(-1px)}body>.header .nav-toggle{color:var(--fg);cursor:pointer;background:0 0;border:0;padding:4px;font-size:24px;display:none}.cart-toasts{z-index:300;pointer-events:none;flex-direction:column;gap:10px;width:min(360px,100vw - 32px);display:flex;position:fixed;top:96px;right:22px}.cart-toast{color:oklch(27% .025 240);opacity:0;background:oklch(99% .008 145);border:1px solid oklch(86% .025 145);border-radius:14px;align-items:center;gap:11px;padding:13px 16px 13px 12px;transition:opacity .22s,transform .28s cubic-bezier(.2,.8,.2,1);display:flex;transform:translate(24px)scale(.97);box-shadow:0 16px 42px oklch(20% .03 240/.16)}.cart-toast.is-visible{opacity:1;transform:translate(0)scale(1)}.cart-toast-icon{color:oklch(43% .14 145);background:oklch(91% .08 145);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.cart-toast-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.cart-toast-text{font-size:13px;font-weight:700;line-height:1.35}.cart-toast--removed{background:oklch(99% .007 25);border-color:oklch(88% .018 25)}.cart-toast--removed .cart-toast-icon{color:var(--accent,oklch(52% .19 25));background:oklch(94% .035 25)}body>.footer{color:oklch(70% .01 240);background:oklch(18% .012 240);border-top:0;margin-top:0;padding:48px 0 32px}body>.footer .footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.25fr;gap:48px;margin-bottom:0;display:grid}body>.footer h4{color:var(--surface);font-family:var(--font-display);margin-bottom:12px;font-size:14px;font-weight:600}body>.footer p{color:oklch(70% .01 240);font-size:13px;line-height:1.7}body>.footer a{color:oklch(70% .01 240);font-size:13px}body>.footer a:hover{color:var(--surface)}body>.footer .footer-links{list-style:none;display:block}body>.footer .footer-links li{margin-bottom:9px}body>.footer .footer-logo{align-items:center;gap:11px;margin-bottom:16px;text-decoration:none;display:flex}body>.footer .footer-logo img{width:auto;height:40px}body>.footer .footer-logo>span{flex-direction:column;display:flex}body>.footer .footer-logo strong{color:var(--surface);font-family:var(--font-display);font-size:16px}body>.footer .footer-logo small{color:oklch(58% .01 240);font-size:10px}body>.footer .footer-brand p{max-width:290px}body>.footer .footer-socials{gap:10px;margin-top:20px;display:flex}body>.footer .footer-socials a{color:oklch(75% .01 240);border:1px solid oklch(100% 0 0/.12);border-radius:13px;place-items:center;width:48px;height:48px;transition:border-color .2s,background .2s,color .2s,transform .2s;display:grid}body>.footer .footer-socials a:hover{border-color:var(--accent);background:var(--accent);color:var(--surface);text-decoration:none;transform:translateY(-2px)}body>.footer .footer-socials svg{fill:currentColor;width:24px;height:24px}body>.footer .footer-metrika{align-items:center;margin-top:14px;display:flex}body>.footer .footer-metrika a{display:inline-flex}body>.footer .footer-metrika img{display:block}body>.footer .footer-phone{align-items:center;gap:10px;margin-bottom:17px;text-decoration:none;display:flex}body>.footer .footer-phone>span{color:oklch(75% .14 25);background:oklch(31% .055 25);border-radius:10px;place-items:center;width:34px;height:34px;transition:background .2s,color .2s;display:grid}body>.footer .footer-phone svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}body>.footer .footer-phone strong{color:var(--surface);white-space:nowrap;font-size:14px}body>.footer .footer-phone:hover>span{background:var(--accent);color:var(--surface)}body>.footer .footer-contacts li span{color:oklch(66% .01 240);font-size:12px;line-height:1.5}body>.footer .footer-route{color:var(--surface);gap:7px;margin-top:8px;font-weight:600;display:inline-flex}body>.footer .footer-bottom{color:oklch(48% .01 240);border-top:1px solid oklch(100% 0 0/.08);justify-content:space-between;margin-top:40px;padding-top:20px;font-size:11px;display:flex}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.categories-grid .cat-card{border:1px solid var(--border);background:var(--surface);color:var(--fg);text-align:center;border-radius:16px;padding:24px 16px;transition:all .25s}.categories-grid .cat-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-4px);box-shadow:0 8px 24px oklch(0% 0 0/.06)}.categories-grid .cat-card .icon{margin-bottom:12px;font-size:32px;display:block}.categories-grid .cat-card .icon img{object-fit:contain;width:120px;height:120px;margin:0 auto;display:block}.categories-grid .cat-card h3{color:var(--fg);font-family:var(--font-display);font-size:13px;font-weight:600;line-height:1.3}.categories-empty{color:var(--muted);text-align:center;grid-column:1/-1}.contact-widget{z-index:120;pointer-events:none;flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:fixed;bottom:26px;left:26px}.contact-widget-menu{visibility:hidden;pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:0;list-style:none;display:flex}.contact-widget.is-open .contact-widget-menu{visibility:visible;pointer-events:auto}.contact-widget-menu li{opacity:0;pointer-events:none;transition:opacity .24s,transform .35s cubic-bezier(.2,.85,.25,1.25);transform:translateY(18px)scale(.65)}.contact-widget.is-open .contact-widget-menu li{opacity:1;pointer-events:auto;transition-delay:calc((3 - var(--widget-index)) * 55ms);transform:translateY(0)scale(1)}.contact-widget-menu a{color:var(--surface);flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px;text-decoration:none;display:flex}.contact-widget-menu a>svg{background:var(--accent);fill:currentColor;border:1px solid oklch(100% 0 0/.32);border-radius:50%;width:50px;height:50px;padding:13px;transition:transform .2s,background .2s,box-shadow .2s;display:block;box-shadow:0 8px 24px oklch(35% .16 25/.28)}.contact-widget-menu a>svg.contact-widget-phone{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.contact-widget-menu a:hover>svg{background:var(--accent-dark);transform:translate(2px)scale(1.05);box-shadow:0 10px 28px oklch(35% .16 25/.38)}.contact-widget-label{background:var(--surface);color:var(--fg);opacity:0;white-space:nowrap;border:1px solid oklch(0% 0 0/.06);border-radius:9px;padding:7px 11px;font-size:12px;font-weight:700;line-height:1.2;transition:opacity .2s,transform .2s;transform:translate(8px);box-shadow:0 6px 22px oklch(0% 0 0/.14)}.contact-widget.is-open .contact-widget-label,.contact-widget-menu a:hover .contact-widget-label,.contact-widget-menu a:focus-visible .contact-widget-label{opacity:1;transform:translate(0)}.contact-widget-toggle{background:var(--accent);width:64px;height:64px;color:var(--surface);cursor:pointer;pointer-events:auto;isolation:isolate;border:0;border-radius:50%;place-items:center;padding:0;transition:background .2s,transform .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 12px 34px oklch(35% .16 25/.34)}.contact-widget-toggle:before,.contact-widget-toggle:after{z-index:-1;border-radius:inherit;content:"";border:1px solid oklch(52% .19 25/.42);animation:2.4s ease-out infinite contact-pulse;position:absolute;inset:-1px}.contact-widget-toggle:after{animation-delay:1.2s}.contact-widget-toggle:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 14px 38px oklch(35% .16 25/.42)}.contact-widget-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:28px;height:28px;transition:opacity .22s,transform .32s cubic-bezier(.2,.85,.25,1.2);position:absolute}.contact-widget-chat{animation:4.6s ease-in-out infinite contact-nudge}.contact-widget-close{opacity:0;transform:rotate(-90deg)scale(.5)}.contact-widget.is-open .contact-widget-chat{opacity:0;animation:none;transform:rotate(90deg)scale(.5)}.contact-widget.is-open .contact-widget-close{opacity:1;transform:rotate(0)scale(1)}.contact-widget.is-open .contact-widget-toggle:before,.contact-widget.is-open .contact-widget-toggle:after{opacity:0;animation-play-state:paused}@keyframes contact-pulse{0%{opacity:.65;transform:scale(1)}75%,to{opacity:0;transform:scale(1.62)}}@keyframes contact-nudge{0%,82%,to{transform:rotate(0)}87%{transform:rotate(-9deg)}92%{transform:rotate(9deg)}97%{transform:rotate(-4deg)}}@media (width<=768px){body>.header .header-right{gap:8px}body>.header .header-search-toggle{width:36px;height:36px}body>.header .header-search-form{z-index:110;border-radius:12px;width:auto;padding:9px;position:fixed;top:92px;left:12px;right:12px}body>.header .header-search-form input{height:42px;padding-right:44px}body>.header .header-search-form>button{width:34px;height:34px;top:13px;right:12px}body>.header .header-search-suggestions{max-height:min(60vh,360px);top:calc(100% + 8px);overflow-y:auto}body>.header .header-top-left a:not(:first-child),body>.header .header-top-left .ht-address,body>.header .header-phone,body>.header .cart-info,body>.header .cart-chevron,body>.header .mini-cart-dropdown{display:none}body>.header .header-cart{min-width:0;padding:7px}body>.header .nav{border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;padding:12px 16px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 32px oklch(0% 0 0/.1)}body>.header .nav.open{display:flex}body>.header .nav-toggle{display:block}body>.footer .footer-grid{grid-template-columns:1fr 1fr;gap:34px 24px}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width<=480px){.cart-toasts{top:76px;right:16px}body>.header .header-logo span span{font-size:15px}body>.header .header-logo small{display:none}body>.footer .footer-grid{grid-template-columns:1fr}body>.footer .footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:6px}.categories-grid{grid-template-columns:repeat(2,1fr)}.contact-widget{bottom:16px;left:16px}.contact-widget-toggle{width:58px;height:58px}.contact-widget-menu a>svg{width:46px;height:46px;padding:12px}.contact-widget-label{font-size:11px}}@media (prefers-reduced-motion:reduce){.cart-toast,.contact-widget *,.contact-widget :before,.contact-widget :after{transition-duration:.01ms!important;animation:none!important}}:root{--bg:oklch(98% .004 120);--surface:oklch(100% 0 0);--fg:oklch(20% .015 240);--muted:oklch(50% .015 240);--border:oklch(90% .006 240);--accent:oklch(52% .19 25);--accent-dark:oklch(42% .19 25);--accent-light:oklch(75% .12 25/.15);--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 20px}.catalog-logo{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.cart-icon{font-size:18px}.image-placeholder{background:linear-gradient(135deg,oklch(88% .03 220),oklch(96% .01 220));width:100%;height:100%}.gallery-thumbs button.thumb{background:0 0;padding:0}.tabs button.tab{background:0 0;border:0;font-family:inherit}.header{z-index:100;background:var(--surface);position:sticky;top:0;box-shadow:0 2px 16px oklch(0% 0 0/.06)}.header-top{color:oklch(85% .01 240);background:oklch(22% .015 240);padding:6px 0;font-size:12px}.header-top-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.header-top-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.header-top-left a{color:oklch(85% .01 240);align-items:center;gap:4px;font-size:12px;display:flex}.header-top-left a:hover{color:var(--surface);text-decoration:none}.header-top-left svg{flex-shrink:0;width:14px;height:14px}.header-top-right{align-items:center;gap:12px;display:flex}.header-top-right a{color:oklch(80% .01 240);align-items:center;transition:color .2s;display:flex}.header-top-right a:hover{color:var(--surface)}.header-top-right svg{width:16px;height:16px}.header-main{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:12px 20px;display:flex}.header-logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-logo img{height:38px}.header-logo span{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:18px;font-weight:700}.header-logo small{color:var(--muted);font-size:11px;font-weight:400;display:block}.nav{flex-wrap:wrap;flex:1;justify-content:center;gap:2px;display:flex}.nav a{color:var(--fg);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.nav a:hover{color:var(--accent);background:oklch(95% .006 240);text-decoration:none}.nav a.active{color:var(--accent);font-weight:600}.nav a.active:after{content:"";background:var(--accent);border-radius:2px;width:18px;height:2.5px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.header-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.header-phone{align-items:center;gap:8px;display:flex}.header-phone a{color:var(--fg);white-space:nowrap;font-size:14px;font-weight:600}.header-phone a:hover{color:var(--accent);text-decoration:none}.header-phone .badge{background:var(--accent);color:var(--surface);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.header-cart{cursor:pointer;background:oklch(95% .006 240);border-radius:12px;align-items:center;gap:8px;padding:8px 14px;transition:all .2s;display:flex;position:relative}.header-cart:hover{background:oklch(92% .01 25);box-shadow:0 2px 8px oklch(52% .19 25/.12)}.header-cart svg{width:20px;height:20px;color:var(--fg);flex-shrink:0}.cart-count{background:var(--accent);color:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px oklch(52% .19 25/.3)}.cart-info{flex-direction:column;line-height:1.2;display:flex}.cart-info .cart-label{color:var(--muted);font-size:10px}.cart-info .cart-total{color:var(--fg);white-space:nowrap;font-size:13px;font-weight:700}.nav-toggle{cursor:pointer;color:var(--fg);background:0 0;border:none;padding:4px;font-size:24px;display:none}@media (width<=900px){.header-top-left a .ht-label,.header-top-left .ht-address{display:none}.header-top-left a svg{margin:0}.header-top-right{gap:8px}.header-top-right a svg{width:14px;height:14px}}@media (width<=768px){.header-top-left a:not(:first-child){display:none}.header-top-left a:first-child{font-size:11px}.header-top-right{gap:6px}.header-top-right a svg{width:14px;height:14px}.header-cart .cart-info,.header-phone,.header-phone .badge,.nav{display:none}.nav-toggle{font-size:22px;display:block}.nav.open{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:12px 16px;animation:.2s slideDown;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 32px oklch(0% 0 0/.1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav.open a{border-radius:10px;padding:12px 14px;font-size:15px;font-weight:500}.nav.open a:hover{background:oklch(95% .006 240)}.header-main{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.header-logo img{height:32px}.header-logo span{font-size:16px}.header-logo small{font-size:10px}.header-cart{padding:6px 10px}.header-cart svg{width:18px;height:18px}}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;padding:16px 0;font-size:13px;display:flex}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs span{color:var(--fg);font-weight:500}.product-wrap{padding:32px 0 48px}.product-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;display:grid}@media (width<=768px){.product-summary{grid-template-columns:1fr;gap:24px}}.gallery{align-self:start;min-width:0;max-width:100%;position:sticky;top:90px}@media (width<=768px){.gallery{position:static;top:auto}}.gallery-main{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--border);cursor:zoom-in;border-radius:16px;width:100%;margin-bottom:12px;display:block;position:relative;overflow:hidden}.gallery-main img{object-fit:contain;width:100%;height:100%;padding:12px}.gallery-main video{object-fit:contain;background:#000;width:100%;height:100%}.gallery-main [hidden]{display:none}.gallery-main--video{cursor:default}.gallery-main--video .gallery-main__zoom{display:none}.gallery-main__zoom{color:#fff;opacity:0;background:oklch(20% .015 240/.78);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:14px;right:14px;transform:translateY(4px)}.gallery-main:hover .gallery-main__zoom,.gallery-main:focus-visible .gallery-main__zoom{opacity:1;transform:none}.gallery-main .badge-sale{background:var(--accent);color:var(--surface);z-index:2;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:800;line-height:1;position:absolute;top:14px;left:14px}.gallery-thumbs{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch;gap:8px;max-width:100%;padding-bottom:6px;display:flex;overflow-x:auto}.gallery-thumbs .thumb{border:2px solid var(--border);cursor:pointer;scroll-snap-align:start;border-radius:10px;flex-shrink:0;width:72px;height:72px;transition:all .2s;overflow:hidden}.gallery-thumbs .thumb:hover,.gallery-thumbs .thumb.active{border-color:var(--accent)}.gallery-thumbs .thumb img,.gallery-thumbs .thumb video{object-fit:cover;width:100%;height:100%}.gallery-thumbs .thumb--video{background:#000;position:relative}.gallery-thumbs .thumb--video span{color:#fff;background:oklch(0% 0 0/.65);border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.info .p-brand{color:var(--muted);margin-bottom:4px;font-size:13px}.info .p-brand strong{color:var(--fg)}.info h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(22px,2.5vw,32px);font-weight:700;line-height:1.2}.info .p-rating{align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.info .p-rating .stars{color:#f59e0b;font-size:14px}.info .p-rating .count{color:var(--muted)}.info .p-price-block{align-items:baseline;gap:14px;margin-bottom:8px;display:flex}.info .p-price{color:var(--accent);font-size:36px;font-weight:800;line-height:1}.info .p-old-price{color:var(--muted);font-size:20px;text-decoration:line-through}.info .p-status{color:oklch(52% .14 145);margin-bottom:16px;font-size:14px;font-weight:600}.specs-table{border-collapse:collapse;width:100%;margin-bottom:24px}.specs-table tr{border-bottom:1px solid var(--border)}.specs-table td{padding:10px 0;font-size:14px}.specs-table td:first-child{color:var(--muted);width:40%;padding-right:12px}.specs-table td:last-child{font-weight:500}.p-actions{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.p-actions .btn-add{background:var(--accent);height:56px;color:var(--surface);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:0 36px;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex}.p-actions .btn-add:hover{background:var(--accent-dark)}.p-actions .btn-add[hidden]{display:none}.p-actions .cart-control{max-width:100%}.p-actions .cart-quantity{border:1px solid var(--accent);background:var(--surface);width:220px;max-width:100%;height:56px;color:var(--accent);border-radius:12px;grid-template-columns:52px 1fr 52px;align-items:center;display:grid;overflow:hidden;box-shadow:0 7px 18px oklch(52% .19 25/.12)}.p-actions .cart-quantity[hidden]{display:none}.p-actions .cart-quantity button{height:54px;color:var(--accent);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:25px;line-height:1;transition:background .2s;display:grid}.p-actions .cart-quantity button:hover{background:var(--accent-light)}.p-actions .cart-quantity span{text-align:center;font-size:17px;font-weight:800}.p-payment-info{color:var(--muted);flex-wrap:wrap;gap:20px;margin-bottom:32px;font-size:13px;display:flex}.p-payment-info span{align-items:center;gap:6px;display:flex}.product-tabs{min-width:0;margin-top:36px}.tabs{border-bottom:1.5px solid var(--border);gap:0;margin-bottom:24px;display:flex}.tabs .tab{color:var(--muted);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1.5px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.tabs .tab:hover{color:var(--fg)}.tabs .tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{color:var(--muted);padding-bottom:32px;font-size:15px;line-height:1.8;display:none}.tab-content.active{display:block}.tab-content p{white-space:pre-line;margin-bottom:12px}.product-tabs .specs-table{margin-bottom:0}.tab-content ul{margin-bottom:12px;padding-left:20px}.tab-content ul li{margin-bottom:6px}@media (width<=768px){.tabs{scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs .tab{white-space:nowrap;flex:none;padding:12px 14px}}.related-section{border-top:1px solid var(--border);padding:48px 0}.related-section h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(20px,2.5vw,28px);font-weight:700}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.related-grid{grid-template-columns:1fr}}.rel-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;min-width:0;transition:all .25s;display:flex;overflow:hidden}.rel-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px oklch(0% 0 0/.06)}.rel-card .rel-img{aspect-ratio:4/3;background:var(--surface);flex:none;place-items:center;padding:16px;display:grid;overflow:hidden}.rel-card .rel-img img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.rel-card .rel-body{background:var(--surface);z-index:1;padding:14px;position:relative}.rel-card .rel-body h4{color:var(--fg);margin-bottom:4px;font-size:14px;font-weight:600}.rel-card .rel-body .rel-price{color:var(--accent);font-size:18px;font-weight:700}.rel-card .rel-body .rel-old{color:var(--muted);margin-left:6px;font-size:13px;text-decoration:line-through}.product-options{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:10px;margin-bottom:16px;padding:16px;display:flex}.product-options>strong{margin-bottom:2px;font-size:15px}.product-option{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.product-option:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.product-option input{accent-color:var(--accent);width:18px;height:18px}.product-option span{flex:1}.product-option b{color:var(--accent);font-size:13px}.footer{color:oklch(70% .01 240);background:oklch(18% .012 240);padding:48px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;display:grid}.footer h4{color:var(--surface);font-size:14px;font-weight:600;font-family:var(--font-display);margin-bottom:12px}.footer p{font-size:13px;line-height:1.7}.footer a{color:oklch(70% .01 240);font-size:13px}.footer a:hover{color:var(--surface)}.footer-links{list-style:none}.footer-links li{margin-bottom:6px}.footer-bottom{text-align:center;color:oklch(50% .01 240);border-top:1px solid oklch(25% .01 240);margin-top:32px;padding-top:20px;font-size:12px}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}
