@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-arabic-wght-normal-BhzieyvS.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-math-wght-normal-pS2d8anF.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-symbols-wght-normal-BJ6p-EzA.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-latin-ext-wght-normal-CIz31GGw.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-latin-wght-normal-BQEJrIpl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--text:#475569;--text-h:#0f172a;--bg:#fff;--surface:#fff;--muted-bg:#f8fafc;--border:#e2e8f0;--accent:#fabf02;--accent-hover:#e0aa00;--accent-bg:#fabf021f;--on-accent:#0f172a;--shadow:0 4px 16px #0f172a14;--radius-sm:4px;--radius:6px;--container:1248px;--gutter:24px;--sans:"Outfit Variable", "Noto Sans Arabic Variable", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.6 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}h1,h2,h3,h4{color:var(--text-h);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{width:100%;max-width:var(--container);padding:0 var(--gutter);margin:0 auto}@media (width<=860px){:root{--gutter:16px}}html{scroll-behavior:smooth}section[id]{scroll-margin-top:76px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}footer[id]{scroll-margin-top:76px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.breadcrumb ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"/";color:var(--border);margin-inline-end:8px}.breadcrumb a:hover{color:var(--text-h)}.breadcrumb [aria-current=page]{color:var(--text-h);font-weight:500}.btn{font:inherit;border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:12px;padding:13px 24px;font-weight:500;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s;display:inline-flex}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .2s}.btn--primary{color:#0f172a;background:var(--accent);border:1px solid var(--accent)}.btn--primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 24px #fabf0259}.btn--primary:hover svg{transform:translate(4px)}.btn--outline{color:var(--text-h);border:1px solid var(--border);background:0 0}.btn--outline:hover{border-color:var(--text-h);background:var(--muted-bg)}.field{gap:6px;display:grid}.field--full{grid-column:1/-1}.field label{color:var(--text-h);font-size:.875rem;font-weight:500}.field input,.field select,.field textarea{width:100%;font:inherit;color:var(--text-h);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical}.field input[readonly]{background:var(--muted-bg);font-weight:500}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.form-status{font-size:.875rem}.form-status--saved{color:#15803d;font-weight:500}.form-status--error{color:#b91c1c;font-weight:500}.btn:disabled{opacity:.7;cursor:progress;transform:none}:lang(ar) *{letter-spacing:normal!important}[dir=rtl] :is(.hero__btn--primary,.about__btn--primary,.cta__btn--primary,.products__all,.btn,.hero__arrow:not(.hero__pause)) svg{scale:-1 1}[dir=rtl] .hero__dot-fill{transform-origin:100%}[dir=rtl] .products__track{animation-name:marquee-rtl}@keyframes marquee-rtl{to{transform:translateX(calc(var(--count) * (var(--card-w) + var(--card-gap))))}}[dir=rtl] .sort select{background-position:10px}@media (width<=900px){[dir=rtl] .filters-panel{border-radius:16px 0 0 16px;inset:0 0 0 auto;transform:translate(105%)}[dir=rtl] .filters-panel.is-open{transform:none}}.footer{--footer-bg:#0f172a;--footer-text:#94a3b8;--footer-heading:#f8fafc;--footer-line:#94a3b82e;color:var(--footer-text);background:var(--footer-bg);margin-top:clamp(32px,6vh,64px);padding:clamp(56px,9vh,88px) 0 0}.footer a{transition:color .2s}.footer a:hover{color:var(--accent)}.footer__grid{grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:clamp(32px,4vw,56px);display:grid}.footer__logo{display:inline-block}.footer__logo img{width:auto;height:72px;display:block}.footer__description{max-width:22rem;margin-top:16px;font-size:.95rem;line-height:1.65}.footer__socials{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:flex}.footer__social{color:#fff;border:1px solid var(--footer-line);border-radius:var(--radius);place-items:center;width:40px;height:40px;transition:background-color .2s,border-color .2s,color .2s;display:grid}.footer .footer__social:hover{color:#0f172a;background:var(--accent);border-color:var(--accent)}.footer__social svg{fill:currentColor;width:18px;height:18px}.footer__social--instagram svg,.footer__social--youtube svg rect{fill:none;stroke:currentColor;stroke-width:1.8px}.footer__social--instagram svg circle:last-child{fill:currentColor}.footer__heading{letter-spacing:.1em;text-transform:uppercase;color:var(--footer-heading);font-size:.8rem;font-weight:600}.footer__links,.footer__contact{gap:12px;margin:20px 0 0;padding:0;font-size:.95rem;list-style:none;display:grid}.footer__contact li{align-items:flex-start;gap:12px;line-height:1.5;display:flex}.footer__contact svg{fill:none;width:18px;height:18px;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:2px}.footer__contact address{font-style:normal;display:grid}.footer__map{border:1px solid var(--footer-line);border-radius:12px;margin-top:clamp(40px,7vh,64px);overflow:hidden}.footer__map iframe{filter:grayscale(.4)contrast(1.05);border:0;width:100%;height:clamp(240px,32vh,340px);display:block}.footer__bottom{border-top:1px solid var(--footer-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:clamp(32px,5vh,48px);padding:24px 0 28px;font-size:.875rem;display:flex}.footer__legal{flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none;display:flex}.footer__top{font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;transition:color .2s;display:inline-flex}.footer__top:hover{color:var(--accent)}.footer__top svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@media (width<=960px){.footer__grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.footer__grid{grid-template-columns:1fr}.footer__bottom{flex-direction:column;align-items:flex-start}}.navbar{z-index:100;background:var(--bg);transition:transform .35s cubic-bezier(.22,1,.36,1);position:sticky;top:0}.navbar.is-hidden{transform:translateY(-100%)}.navbar:has(:focus-visible){transform:none}@media (prefers-reduced-motion:reduce){.navbar{transition:none}}.navbar__inner{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:32px;height:76px;display:grid}.navbar__logo{place-self:center start;display:block}.navbar__logo img{width:auto;height:52px;display:block}.navbar__links{gap:36px;display:flex;position:relative}.navbar__links a{white-space:nowrap;color:var(--text);flex-direction:column;justify-content:center;font-size:.95rem;font-weight:400;transition:color .2s;display:flex}.navbar__links a:hover{color:var(--text-h)}.navbar__links a.is-active{color:var(--text-h);font-weight:500}.navbar__links a:after{content:attr(data-label);visibility:hidden;height:0;font-weight:500;overflow:hidden}.navbar__actions{place-self:center end;align-items:center;gap:8px;display:flex}.lang{position:relative}.lang__button{letter-spacing:.02em;height:40px;color:var(--text-h);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:0 12px;font-size:.875rem;font-weight:500;transition:border-color .2s;display:inline-flex}.lang__button:hover,.lang__button[aria-expanded=true]{border-color:var(--text)}.lang__globe{fill:none;stroke:currentColor;stroke-width:1.6px;width:16px;height:16px}.lang__caret{border-right:1.5px solid var(--text);border-bottom:1.5px solid var(--text);width:6px;height:6px;margin-inline-start:2px;transition:transform .2s;transform:translateY(-2px)rotate(45deg)}.lang__button[aria-expanded=true] .lang__caret{transform:translateY(1px)rotate(-135deg)}.lang__menu{top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:180px;box-shadow:var(--shadow);margin:0;padding:4px 0;list-style:none;position:absolute;inset-inline-end:0}.lang__menu button{text-align:start;width:100%;color:var(--text);border:0;cursor:pointer;background:0 0;border-inline-start:3px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:.925rem;transition:background-color .15s,color .15s;display:flex}.lang__menu button:hover{color:var(--text-h);background:var(--muted-bg)}.lang__code{letter-spacing:.05em;color:var(--text);font-size:.75rem;font-weight:500}.lang__menu button.is-selected{color:var(--text-h);background:var(--muted-bg);border-inline-start-color:var(--accent);font-weight:500}.navbar__toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;padding:0;display:none}.navbar__toggle span{background:var(--text-h);width:18px;height:2px;transition:transform .2s,opacity .2s}.navbar__toggle.is-open span:first-child{transform:translateY(6px)rotate(45deg)}.navbar__toggle.is-open span:nth-child(2){opacity:0}.navbar__toggle.is-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (width<=860px){.navbar__inner{grid-template-columns:1fr auto;height:64px}.navbar__logo img{height:44px}.navbar__toggle{display:flex}.navbar__links{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:8px 0;display:none;position:absolute;top:100%;left:0;right:0}.navbar__links.is-open{display:flex}.navbar__links a{padding:14px var(--gutter);border-inline-start:3px solid #0000;font-size:1rem}.navbar__links a:hover{background:var(--muted-bg)}.navbar__links a.is-active{background:var(--muted-bg);border-inline-start-color:var(--accent)}}.about{--reveal-ease:cubic-bezier(.22, 1, .36, 1);padding:clamp(48px,10vh,112px) 0}.about__grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.about__title{letter-spacing:-.03em;font-size:clamp(1.5rem,3.4vw,2.75rem);font-weight:500;line-height:1.1}.about__text{max-width:34rem;margin-top:20px;font-size:1.1rem;line-height:1.65}.about__stats{border-top:1px solid var(--border);gap:clamp(32px,5vw,64px);margin:clamp(28px,5vh,40px) 0 0;padding-top:clamp(24px,4vh,32px);display:flex}.about__stat{flex-direction:column-reverse;gap:4px;display:flex}.about__stat dd{letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(2.5rem,4.5vw,3.5rem);font-weight:500;line-height:1}.about__stat dt{font-size:.95rem}.about__actions{flex-wrap:wrap;gap:12px;margin-top:clamp(28px,5vh,40px);display:flex}.about__btn{border-radius:var(--radius);align-items:center;gap:12px;padding:13px 24px;font-size:1rem;font-weight:500;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s;display:inline-flex}.about__btn--primary{color:#fff;background:#0f172a;border:1px solid #0f172a}.about__btn--primary:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a33}.about__btn--primary svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .2s}.about__btn--primary:hover svg{transform:translate(4px)}.about__btn--outline{color:var(--text-h);border:1px solid var(--border);background:0 0}.about__btn--outline:hover{border-color:var(--text-h);background:var(--muted-bg)}.about__media img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;display:block}@media (width<=900px){.about__grid{grid-template-columns:1fr}}.about__content>*,.about__media{opacity:0;transition:opacity .9s var(--reveal-ease), translate .9s var(--reveal-ease);translate:0 28px}.about__content>:nth-child(2){transition-delay:.1s}.about__content>:nth-child(3){transition-delay:.2s}.about__content>:nth-child(4){transition-delay:.3s}.about__media{transition-delay:.15s}.about.is-visible .about__content>*,.about.is-visible .about__media{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.about__content>*,.about__media{opacity:1;transition:none;translate:none}}.about__title-line{display:block}.certification{--reveal-ease:cubic-bezier(.22, 1, .36, 1);padding:clamp(16px,3vh,32px) 0 clamp(64px,12vh,128px)}.certification__title{letter-spacing:-.035em;color:var(--text-h);font-size:clamp(1.5rem,3.4vw,2.75rem);font-weight:500;line-height:1.05}.certification__grid{grid-template-columns:repeat(3,1fr);gap:24px;margin:clamp(40px,7vh,72px) 0 0;padding:0;list-style:none;display:grid}.certification__card{background:var(--surface);border:1px solid var(--border);transition:transform .3s var(--reveal-ease), box-shadow .3s var(--reveal-ease), border-color .3s var(--reveal-ease);border-radius:12px;flex-direction:column;align-items:flex-start;padding:clamp(24px,2.5vw,36px);display:flex}.certification__card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-4px)}.certification__image{object-fit:contain;width:64px;height:64px}.certification__card-title{letter-spacing:-.01em;margin-top:24px;font-size:1.5rem;font-weight:600}.certification__card-text{margin-top:10px;line-height:1.6}@media (width<=900px){.certification__grid{grid-template-columns:1fr;gap:16px}}.certification__title,.certification__card{opacity:0;transition-property:opacity,translate,transform,box-shadow,border-color;transition-duration:.9s,.9s,.3s,.3s,.3s;transition-timing-function:var(--reveal-ease);translate:0 32px}.certification__card{transition-delay:calc(.25s + var(--i) * .12s), calc(.25s + var(--i) * .12s), 0s, 0s, 0s}.certification.is-visible .certification__title,.certification.is-visible .certification__card{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.certification__title,.certification__card{opacity:1;transition:none;translate:none}}.journey{--reveal-ease:cubic-bezier(.22, 1, .36, 1);padding:clamp(48px,10vh,112px) 0}.journey__grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.journey__media img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;display:block}.journey__title{letter-spacing:-.03em;font-size:clamp(1.5rem,3.4vw,2.75rem);font-weight:500;line-height:1.1}.journey__points{margin:clamp(24px,4vh,40px) 0 0;padding:0;list-style:none}.journey__point{border-top:1px solid var(--border);padding:clamp(20px,3.5vh,28px) 0}.journey__point:last-child{border-bottom:1px solid var(--border)}.journey__point-title{letter-spacing:-.01em;font-size:1.3rem;font-weight:500}.journey__point-text{margin-top:6px;font-size:1.05rem;line-height:1.6}@media (width<=900px){.journey__grid{grid-template-columns:1fr}}.journey__media,.journey__title,.journey__point{opacity:0;transition:opacity .9s var(--reveal-ease), translate .9s var(--reveal-ease);translate:0 28px}.journey__title{transition-delay:.1s}.journey__point:first-child{transition-delay:.2s}.journey__point:nth-child(2){transition-delay:.3s}.journey.is-visible .journey__media,.journey.is-visible .journey__title,.journey.is-visible .journey__point{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.journey__media,.journey__title,.journey__point{opacity:1;transition:none;translate:none}}.page-header{background:var(--muted-bg);border-bottom:1px solid var(--border);padding:clamp(32px,6vh,56px) 0 clamp(32px,5vh,48px)}.page-header__title{letter-spacing:-.03em;margin-top:16px;font-size:clamp(2rem,4.4vw,3.5rem);font-weight:500;line-height:1.1}.page-header__subtitle{max-width:40rem;margin-top:12px;font-size:1.1rem;line-height:1.65}.process{background:var(--muted-bg);border-block:1px solid var(--border);padding:clamp(48px,10vh,112px) 0}.process__title{letter-spacing:-.03em;font-size:clamp(1.5rem,3.4vw,2.75rem);font-weight:500;line-height:1.1}.process__subtitle{max-width:36rem;margin-top:12px;font-size:1.1rem;line-height:1.65}.process__steps{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:24px;margin:clamp(32px,6vh,56px) 0 0;padding:0;list-style:none;display:grid}.process__step{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px;transition:border-color .3s,box-shadow .3s;position:relative}.process__step:hover{border-color:var(--accent);box-shadow:var(--shadow)}.process__step:not(:last-child):after{content:"";top:51px;background:var(--accent);width:26px;height:2px;position:absolute;inset-inline-end:-25px}.process__icon{background:var(--accent);border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.process__icon svg{fill:none;stroke:#0f172a;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.process__step h3{margin-top:20px;font-size:1.2rem;font-weight:500}.process__step p{margin-top:8px;line-height:1.6}@media (width<=1000px){.process__steps{grid-template-columns:repeat(2,1fr)}.process__step:after{display:none}}@media (width<=560px){.process__steps{grid-template-columns:1fr}}.process__title,.process__subtitle,.process__step{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),translate .8s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;translate:0 24px}.process__subtitle{transition-delay:80ms}.process__step{transition-delay:calc(.15s + var(--i) * .1s), calc(.15s + var(--i) * .1s), 0s, 0s}.process.is-visible .process__title,.process.is-visible .process__subtitle,.process.is-visible .process__step{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.process__title,.process__subtitle,.process__step{opacity:1;transition:none;translate:none}}.contact{padding:clamp(32px,6vh,56px) 0 clamp(40px,7vh,64px)}.contact__grid{grid-template-columns:1fr 1.7fr;align-items:start;gap:clamp(24px,4vw,56px);display:grid}.contact__channels{gap:12px;margin:0;padding:0;list-style:none;display:grid}.contact__channel{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:16px;padding:18px;transition:border-color .2s,box-shadow .2s;display:flex}a.contact__channel:hover{border-color:var(--accent);box-shadow:var(--shadow)}.contact__icon{background:var(--accent-bg);border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid}.contact__icon svg{fill:none;stroke:#0f172a;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.contact__label{letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:500;display:block}.contact__value{color:var(--text-h);overflow-wrap:anywhere;margin-top:2px;font-weight:500;display:block}.contact__socials{border:1px solid var(--border);border-radius:14px;margin-top:24px;padding:18px}.contact__socials ul{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.contact__socials a{color:var(--text-h);background:var(--muted-bg);border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:500;transition:background-color .2s;display:inline-block}.contact__socials a:hover{background:var(--accent)}.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:clamp(20px,3vw,36px)}.contact-form__title{letter-spacing:-.02em;font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:500}.contact-form__intro{margin-top:6px;font-size:.9rem}.contact-form__fields{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.contact-form__submit{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px;display:flex}.contact-form__note{font-size:.875rem}.contact-map{padding-bottom:clamp(16px,3vh,32px)}.contact-map iframe{border:1px solid var(--border);border-radius:16px;width:100%;height:clamp(320px,50vh,480px);display:block}@media (width<=900px){.contact__grid{grid-template-columns:1fr}}@media (width<=560px){.contact-form__fields{grid-template-columns:1fr}}.hero{--theme-fade:.8s ease;--hero-top:24px;--hero-h:max(440px, calc(90svh - 76px - var(--hero-top)));padding:var(--hero-top) 0 40px}.hero__card{min-height:var(--hero-h);border:1px solid #0f172a14;border-radius:12px;grid-template-columns:853fr 555fr;display:grid;overflow:hidden}.hero__content{--ink:#fff;isolation:isolate;color:var(--ink);background:var(--slide-bg);transition:background-color var(--theme-fade);flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(32px,6vh,64px) clamp(28px,4vw,56px);display:flex;position:relative}.hero__slide{flex-direction:column;align-items:flex-start;display:flex}.hero__shapes{z-index:-1;fill:none;width:100%;height:100%;stroke:var(--slide-ring);position:absolute;inset:0}.hero__ring{transition:stroke var(--theme-fade), transform 1.4s cubic-bezier(.65, 0, .35, 1)}.hero__title{white-space:nowrap;letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.75rem,min(4.4vw,7vh),4rem);font-weight:600;line-height:1.1}.hero__text{max-width:34rem;color:var(--ink);margin-top:clamp(12px,2.2vh,20px);font-size:clamp(1rem,min(1.25vw,2vh),1.125rem);line-height:1.6}.hero__features{border-top:1px solid #fff6;grid-template-columns:repeat(2,auto);gap:10px 32px;margin:clamp(20px,3.5vh,32px) 0 0;padding:clamp(16px,3vh,24px) 0 0;list-style:none;display:grid}.hero__features li{align-items:center;gap:10px;font-size:.95rem;font-weight:500;display:flex}.hero__features svg{fill:none;width:20px;height:20px;stroke:var(--slide-ring);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;background:#fff;border-radius:50%;flex:none;padding:3px}.hero__actions{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:clamp(24px,4.5vh,40px);display:flex}.hero__btn{align-items:center;gap:14px;font-size:1.1rem;font-weight:500;display:inline-flex}.hero__btn--primary{color:var(--slide-btn-fg);background:var(--slide-btn-bg);border-radius:var(--radius);padding:13px 24px;transition:transform .2s,box-shadow .2s,filter .2s}.hero__btn--primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 24px #0f172a40}.hero__btn--primary svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .2s}.hero__btn--primary:hover svg{transform:translate(4px)}.hero__btn--link{color:var(--ink);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;padding:4px 0;transition:background-size .3s}.hero__btn--link:hover{background-position:100% 100%;background-size:0% 2px}.hero__media{background:var(--slide-soft);transition:background-color var(--theme-fade);place-items:center;padding:24px 24px 80px;display:grid;position:relative}.hero__controls{align-items:center;gap:12px;display:flex;position:absolute;bottom:24px;left:50%;translate:-50%}.hero__arrow{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:background-color .2s,color .2s,border-color .2s;display:grid}.hero__arrow:hover{color:#fff;background:#0f172a;border-color:#0f172a}.hero__arrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.hero__pause{margin-inline-start:4px}.hero__pause .is-play{fill:currentColor;stroke:none}.hero__dots{gap:6px;display:flex}.hero__dot{cursor:pointer;background:#0f172a26;border:0;border-radius:2px;width:28px;height:4px;padding:0;transition:width .4s;position:relative;overflow:hidden}.hero__dot:before{content:"";position:absolute;inset:-12px -2px}.hero__dot.is-active{width:48px}.hero__dot-fill{background:var(--slide-ring);transform-origin:0;animation:dot-progress var(--slide-duration) linear forwards;position:absolute;inset:0}.hero__card.is-paused .hero__dot-fill{animation-play-state:paused}@keyframes dot-progress{0%{transform:scaleX(0)}}.hero__media img{width:auto;max-width:100%;height:calc(var(--hero-h) * .74);object-fit:contain;display:block}.hero{--intro-ease:cubic-bezier(.22, 1, .36, 1)}.hero__ring{transform-box:fill-box;transform-origin:50%;animation:ring-in 1.3s var(--intro-ease) backwards}.hero__ring+.hero__ring{animation-delay:.1s}.hero__title{animation:fade-up .8s var(--intro-ease) .15s backwards}.hero__text{animation:fade-up .8s var(--intro-ease) .25s backwards}.hero__features{animation:fade-up .8s var(--intro-ease) .35s backwards}.hero__actions{animation:fade-up .8s var(--intro-ease) .45s backwards}.hero__media img{animation:fade-up 1s var(--intro-ease) .3s backwards}@keyframes ring-in{0%{opacity:0;transform:scale(.6)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.hero *{transition:none!important;animation:none!important}}@media (width<=760px){.hero{padding:24px 0 56px}.hero__card{grid-template-columns:1fr;min-height:0}.hero__content{padding:48px 24px}.hero__title{font-size:clamp(1.5rem,8vw,2.25rem)}.hero__features{grid-template-columns:1fr}.hero__actions{margin-top:40px}.hero__media{padding:32px 32px 88px}.hero__media img{height:320px}}.product-card{--card-ease:cubic-bezier(.22, 1, .36, 1)}.product-card__link{border-radius:16px;display:block}.product-card__link:focus-visible{outline-offset:4px}.product-card__media{aspect-ratio:1;border:1px solid var(--border);transition:border-color .4s var(--card-ease), box-shadow .4s var(--card-ease);background:#fff;border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.product-card__media img{filter:drop-shadow(0 14px 16px #0f172a2e);width:auto;height:78cqi;transition:transform .6s var(--card-ease)}.product-card__link:hover .product-card__media,.product-card__link:focus-visible .product-card__media{border-color:var(--accent);box-shadow:var(--shadow)}.product-card__link:hover .product-card__media img{transform:translateY(-8px)scale(1.04)}.product-card__body{padding:18px 4px 0}.product-card__category{letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:.75rem;font-weight:500;display:block}.product-card__title{letter-spacing:-.01em;margin-top:4px;font-size:1.25rem;font-weight:500}.products{--reveal-ease:cubic-bezier(.22, 1, .36, 1);--card-w:clamp(260px, 24vw, 320px);--card-gap:24px;padding:clamp(48px,10vh,112px) 0;overflow:hidden}.products__title{letter-spacing:-.03em;font-size:clamp(1.5rem,3.4vw,2.75rem);font-weight:500;line-height:1.1}.products__subtitle{max-width:40rem;margin-top:16px;font-size:1.1rem;line-height:1.65}.products__marquee{max-width:var(--container);margin:clamp(32px,6vh,56px) auto 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.products__track{gap:var(--card-gap);width:max-content;animation:marquee calc(var(--count) * 7s) linear infinite;margin:0;padding:8px 0 16px;list-style:none;display:flex}.products__marquee:hover .products__track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(calc(-1 * var(--count) * (var(--card-w) + var(--card-gap))))}}.products__track>.product-card{width:var(--card-w);flex:none}.products__footer{text-align:center;margin-top:clamp(24px,4vh,40px)}.products__all{color:#fff;border-radius:var(--radius);background:#0f172a;align-items:center;gap:12px;padding:13px 24px;font-weight:500;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.products__all:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a33}.products__all svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .2s}.products__all:hover svg{transform:translate(4px)}.products__header>*,.products__marquee,.products__footer{opacity:0;transition:opacity .9s var(--reveal-ease), translate .9s var(--reveal-ease);translate:0 28px}.products__subtitle{transition-delay:.1s}.products__marquee,.products__footer{transition-delay:.2s}.products.is-visible .products__header>*,.products.is-visible .products__marquee,.products.is-visible .products__footer{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.products__header>*,.products__marquee,.products__footer{opacity:1;transition:none;translate:none}.products__marquee{overflow-x:auto;-webkit-mask:none;mask:none}.products__track{padding-inline:var(--gutter);animation:none}.products__track>[aria-hidden=true]{display:none}}.cta{--reveal-ease:cubic-bezier(.22, 1, .36, 1);isolation:isolate;color:#fff;text-align:center;align-items:center;min-height:50vh;margin:clamp(32px,6vh,64px) 0;padding:clamp(56px,10vh,96px) 0;display:grid;position:relative;overflow:hidden}.cta:before{content:"";z-index:-2;background:var(--cta-image) center / cover no-repeat;transition:transform 1.6s var(--reveal-ease);position:absolute;inset:0;transform:scale(1.08)}.cta:after{content:"";z-index:-1;background:linear-gradient(#0f172a8c,#0f172abf);position:absolute;inset:0}.cta__content{flex-direction:column;align-items:center;display:flex}.cta__title{letter-spacing:-.03em;color:#fff;font-size:clamp(1.75rem,4.4vw,3.5rem);font-weight:500;line-height:1.1}.cta__text{color:#ffffffd9;max-width:40rem;margin-top:16px;font-size:1.1rem;line-height:1.65}.cta__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(24px,4vh,36px);display:flex}.cta__btn{border-radius:var(--radius);align-items:center;gap:12px;padding:13px 24px;font-size:1rem;font-weight:500;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s;display:inline-flex}.cta__btn--primary{color:#0f172a;background:var(--accent);border:1px solid var(--accent)}.cta__btn--primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 24px #0000004d}.cta__btn--primary svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .2s}.cta__btn--primary:hover svg{transform:translate(4px)}.cta__btn--outline{color:#fff;background:0 0;border:1px solid #fff9}.cta__btn--outline:hover{background:#ffffff1a;border-color:#fff}.cta__content>*{opacity:0;transition:opacity .9s var(--reveal-ease), translate .9s var(--reveal-ease);translate:0 24px}.cta__text{transition-delay:.1s}.cta__actions{transition-delay:.2s}.cta.is-visible:before{transform:scale(1)}.cta.is-visible .cta__content>*{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.cta:before,.cta__content>*{opacity:1;transition:none;transform:none}}.product{padding:clamp(24px,5vh,48px) 0 clamp(48px,8vh,80px)}.product__grid{grid-template-columns:1.05fr 1fr;align-items:start;gap:clamp(32px,5vw,80px);display:grid}.gallery{position:sticky;top:96px}.gallery__main{aspect-ratio:1;border:1px solid var(--border);background:#fff;border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.gallery__main img{object-fit:contain;width:100%;height:100%;padding:8%;animation:.4s gallery-in;position:absolute;inset:0}@keyframes gallery-in{0%{opacity:0;scale:.98}}.gallery__counter{inset-inline-end:14px;color:var(--text-h);background:var(--muted-bg);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:500;position:absolute;bottom:14px}.gallery__thumbs{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px;display:grid}.gallery__thumb{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;padding:0;transition:border-color .2s;position:relative;overflow:hidden}.gallery__thumb img{object-fit:contain;width:100%;height:100%;padding:10%;position:absolute;inset:0}.gallery__thumb:hover{border-color:var(--text)}.gallery__thumb[aria-current=true]{border:2px solid var(--accent)}.product__info .breadcrumb{margin-bottom:24px}.product__category{letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:.8rem;font-weight:500}.product__category:hover{color:var(--text-h)}.product__title{letter-spacing:-.03em;margin-top:8px;font-size:clamp(2rem,4vw,3.25rem);font-weight:500;line-height:1.1}.product__description{gap:12px;margin-top:20px;font-size:1.05rem;line-height:1.7;display:grid}.product__features{border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:12px 24px;margin:28px 0 0;padding:24px 0 0;list-style:none;display:grid}.product__features li{color:var(--text-h);align-items:center;gap:10px;font-weight:500;display:flex}.product__features svg{fill:none;stroke:#0f172a;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;background:var(--accent);border-radius:50%;flex:none;width:22px;height:22px;padding:4px}.product__specs{border:1px solid var(--border);border-radius:12px;margin:28px 0 0;overflow:hidden}.product__specs div{grid-template-columns:40% 1fr;gap:16px;padding:12px 16px;font-size:.95rem;display:grid}.product__specs div:nth-child(odd){background:var(--muted-bg)}.product__specs dt{color:var(--text)}.product__specs dd{color:var(--text-h);margin:0;font-weight:500}.product__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.order{background:var(--muted-bg);border-block:1px solid var(--border);padding:clamp(48px,9vh,88px) 0}.order__grid{grid-template-columns:1fr 1.6fr;gap:clamp(32px,5vw,80px);display:grid}.order__title{letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:500}.order__intro p{margin-top:12px;line-height:1.7}.order__intro strong{color:var(--text-h)}.order__contact{color:var(--text-h);gap:8px;margin:24px 0 0;padding:0;font-weight:500;list-style:none;display:grid}.order__contact a:hover{text-decoration:underline}.order__form{background:var(--surface);border:1px solid var(--border);border-radius:16px;grid-template-columns:1fr 1fr;gap:16px;padding:clamp(20px,3vw,32px);display:grid}.order__submit{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px 20px;margin-top:4px;display:flex}.order__note{font-size:.875rem}.related{padding:clamp(48px,9vh,88px) 0}.related__title{letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:500}.related__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:40px 24px;margin:28px 0 0;padding:0;list-style:none;display:grid}.product-missing{text-align:center;padding:clamp(64px,14vh,140px) 0}.product-missing h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:500}.product-missing p{margin:12px 0 28px}@media (width<=900px){.product__grid,.order__grid{grid-template-columns:1fr}.gallery{position:static}}@media (width<=560px){.product__features,.order__form{grid-template-columns:1fr}.product__specs div{grid-template-columns:1fr;gap:2px}}@media (prefers-reduced-motion:reduce){.gallery__main img{animation:none}}.catalog{padding:clamp(28px,5vh,44px) 0 clamp(56px,10vh,96px)}.catalog__layout{grid-template-columns:260px 1fr;align-items:start;gap:clamp(24px,3.5vw,48px);display:grid}.filters-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:28px;padding:24px;display:grid;position:sticky;top:96px}.filters-panel__head,.filters-panel__footer{display:none}.filters-panel__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-h);margin-bottom:12px;padding:0;font-size:.75rem;font-weight:600;display:block}.search__box{position:relative}.search__icon{inset-inline-start:12px;fill:none;width:18px;height:18px;stroke:var(--text);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;translate:0 -50%}.search input{width:100%;height:44px;font:inherit;color:var(--text-h);background:var(--muted-bg);border:1px solid var(--border);border-radius:var(--radius);padding:0 38px;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.search input::placeholder{color:var(--text);opacity:.8}.search input::-webkit-search-cancel-button{appearance:none}.search input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.search__clear{inset-inline-end:6px;width:30px;height:30px;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;translate:0 -50%}.search__clear:hover{color:var(--text-h);background:var(--border)}.search__clear svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:14px;height:14px}.category-list{border:0;gap:4px;margin:0;padding:0;display:grid}.category-option{border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;margin-inline:-10px;padding:10px;transition:background-color .15s;display:flex;position:relative}.category-option:hover{background:var(--muted-bg)}.category-option input{opacity:0;width:1px;height:1px;position:absolute}.category-option__box{background:var(--surface);border:1.5px solid var(--border);border-radius:5px;flex:none;place-items:center;width:20px;height:20px;transition:background-color .15s,border-color .15s;display:grid}.category-option:hover .category-option__box{border-color:var(--text)}.category-option__box svg{fill:none;stroke:#0f172a;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:14px;height:14px;transition:opacity .15s,transform .15s;transform:scale(.6)}.category-option input:checked+.category-option__box{background:var(--accent);border-color:var(--accent)}.category-option input:checked+.category-option__box svg{opacity:1;transform:none}.category-option input:focus-visible+.category-option__box{outline:2px solid var(--accent);outline-offset:2px}.category-option__label{color:var(--text-h);flex:1;font-weight:500}.category-option__count{text-align:center;background:var(--muted-bg);border-radius:999px;min-width:26px;padding:1px 8px;font-size:.8rem}.filters-panel__reset{font:inherit;color:var(--text-h);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;place-self:start;padding:0;font-size:.9rem;font-weight:500;text-decoration:underline}.results-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px 16px;padding-bottom:16px;display:flex}.results-bar__filters{height:40px;font:inherit;color:var(--text-h);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:0 14px;font-weight:500;display:none}.results-bar__filters svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.results-bar__badge{color:#0f172a;background:var(--accent);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;display:grid}.results-bar__count{margin-inline-end:auto}.results-bar__count strong{color:var(--text-h)}.sort{align-items:center;gap:10px;font-size:.9rem;display:flex}.sort select{height:40px;font:inherit;color:var(--text-h);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center / 16px;border:1px solid var(--border);border-radius:var(--radius);appearance:none;cursor:pointer;padding-block:0;padding-inline:12px 34px;font-weight:500}.sort select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.active-filters{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.active-filters button{height:34px;font:inherit;color:var(--text-h);background:var(--accent-bg);cursor:pointer;border:1px solid #fabf0280;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 14px;font-size:.875rem;font-weight:500;transition:background-color .15s;display:inline-flex}.active-filters button:hover{background:#fabf0247}.active-filters svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:14px;height:14px}.active-filters .active-filters__clear{text-underline-offset:3px;background:0 0;border-color:#0000;padding:0 6px;text-decoration:underline}.active-filters .active-filters__clear:hover{color:var(--text);background:0 0}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:40px 24px;margin:24px 0 0;padding:0;list-style:none;display:grid}.products-grid__item{animation:grid-in .5s cubic-bezier(.22, 1, .36, 1) calc(var(--i) * 50ms) backwards}@keyframes grid-in{0%{opacity:0;translate:0 16px}}.products-empty{text-align:center;border:1px dashed var(--border);border-radius:16px;flex-direction:column;align-items:center;margin-top:24px;padding:clamp(40px,8vh,72px) 24px;display:flex}.products-empty svg{fill:none;width:40px;height:40px;stroke:var(--text);stroke-width:1.6px;stroke-linecap:round}.products-empty h2{margin-top:16px;font-size:1.3rem;font-weight:500}.products-empty p{margin:6px 0 20px}.products-empty strong{color:var(--text-h)}.catalog__backdrop{display:none}@media (width<=900px){.catalog__layout{grid-template-columns:1fr}.results-bar__filters{display:inline-flex}.filters-panel{z-index:200;visibility:hidden;border:0;border-radius:0 16px 16px 0;grid-template-rows:auto auto auto 1fr auto;gap:24px;width:min(360px,88vw);padding:20px;transition:transform .35s cubic-bezier(.22,1,.36,1),visibility 0s linear .35s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:0 20px 60px #0f172a40}.filters-panel.is-open{visibility:visible;transition:transform .35s cubic-bezier(.22,1,.36,1);transform:none}.filters-panel__head{justify-content:space-between;align-items:center;display:flex}.filters-panel__head h2{font-size:1.25rem;font-weight:500}.filters-panel__close{width:40px;height:40px;color:var(--text-h);background:var(--muted-bg);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.filters-panel__close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.filters-panel__footer{align-self:end;display:block}.filters-panel__footer .btn{width:100%}.catalog__backdrop{z-index:150;opacity:0;pointer-events:none;background:#0f172a73;transition:opacity .3s;display:block;position:fixed;inset:0}.catalog__backdrop.is-open{opacity:1;pointer-events:auto}}@media (width<=480px){.sort span{display:none}.results-bar__count{order:3;width:100%}}@media (prefers-reduced-motion:reduce){.products-grid__item{animation:none}.filters-panel,.filters-panel.is-open,.catalog__backdrop{transition:none}}
