:root{--shadow-glow:0 0 30px var(--shadow-accent,rgba(233,69,96,0.1));--t2-bg-dark:var(--background,#f5f5f5);--t2-bg-primary:var(--background-white,#ffffff);--t2-bg-secondary:var(--background-light,#fafafa);--t2-bg-card:var(--background-white,#ffffff);--t2-bg-card-hover:var(--background-light,#fafafa);--t2-bg-input:var(--background-white,#ffffff);--t2-text:var(--text,#181818);--t2-text-light:var(--text-light,#5e5e5e);--t2-border:var(--border-color,#cecece);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--spacing-4xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:50%;--font-family: "Segoe UI",system-ui,-apple-system,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.6;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--t2-bg-dark);color:var(--t2-text);min-height:100vh;display:flex;flex-direction:column;line-height:var(--line-height-normal);padding-top:calc(var(--nav-offset,0px) + var(--category-bar-height,0px))}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;height:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}nav{background:linear-gradient(180deg,var(--t2-bg-primary) 0%,transparent 100% );padding:var(--spacing-lg) var(--spacing-3xl);position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);backdrop-filter:blur(10px);transition:background var(--transition-normal);&.scrolled{background:linear-gradient(180deg,var(--t2-bg-primary) 0%,transparent 100% );box-shadow:var(--shadow-medium,0 4px 20px rgba(0,0,0,0.4))}.nav-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;row-gap:0;max-width:1400px;margin:0 auto}.category-bar{position:fixed;top:var(--nav-offset,72px);left:0;right:0;z-index:var(--z-sticky);background:var(--secondary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:0}.category-bar{.cat-links{display:flex;list-style:none;gap:var(--spacing-sm);flex-wrap:wrap;row-gap:var(--spacing-sm);justify-content:center}.cat-dropdown{position:relative;&::after{content: "";position:absolute;left:0;right:0;top:100%;height:calc(var(--spacing-sm) + 6px)}&:hover .cat-menu,&:focus-within .cat-menu{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s,0s,0s}}.cat-trigger{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--accent);color:var(--t2-text);border-radius:var(--radius-md);padding:10px 18px;font-weight:var(--font-weight-semibold);border:1px solid var(--accent);box-shadow:var(--shadow-glow);text-decoration:none;&:hover{background:var(--accent-hover);border-color:var(--accent-hover)}}.cat-menu{position:absolute;left:50%;transform:translate(-50%,6px);top:100%;width:max-content;min-width:320px;max-width:min(90vw,1100px);background:var(--t2-bg-card);border:1px solid var(--t2-border);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,0.15);padding:18px 22px;margin-top:var(--spacing-sm);opacity:0;visibility:hidden;display:flex;align-items:flex-start;gap:26px;max-height:50vh;overflow:visible;z-index:var(--z-dropdown);pointer-events:auto;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s linear var(--transition-fast);&:hover{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s,0s,0s}a{display:block;white-space:normal;padding:var(--spacing-xs) 0;border:none;background:transparent;color:#3a3a3a;margin-bottom:0;transition:all var(--transition-fast);text-decoration:none;&:hover{color:var(--accent);background:transparent}}}.cat-column{display:flex;flex-direction:column;gap:6px;break-inside:avoid;margin-bottom:0}.cat-title{font-weight:var(--font-weight-semibold);color:#1a1a1a;font-size:0.72rem;letter-spacing:0.4px;text-transform:uppercase;margin-bottom:4px}}.secondary-nav{width:100%;background:var(--secondary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md)}.logo{display:inline-flex;align-items:center;justify-content:center;min-width:70px;min-height:56px;img{width:auto;height:48px;max-height:48px;max-width:180px;object-fit:contain}}.contact-info{display:flex;align-items:center;gap:var(--spacing-2xl);flex:0 1 auto;min-width:0;.details{display:flex;gap:var(--spacing-xl);flex-wrap:nowrap;a{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--t2-text-light);font-size:var(--font-size-sm);white-space:nowrap;&:hover{color:var(--accent)}i{color:var(--accent)}}}}.nav-links{display:flex;list-style:none;gap:var(--spacing-sm);margin-left:auto;padding-left:var(--spacing-xl);justify-content:flex-start;align-items:center;min-width:0;flex-wrap:nowrap;overflow:visible;row-gap:0;li{list-style:none;flex:0 0 auto}.static-nav-item{margin-left:auto;padding-left:var(--spacing-md)}a{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);color:var(--t2-text-light);font-weight:var(--font-weight-medium);white-space:nowrap;transition:all var(--transition-fast);&:hover{background:var(--t2-bg-card);color:var(--t2-text)}}.cat-dropdown{position:relative;&::after{content: "";position:absolute;left:0;right:0;top:100%;height:calc(var(--spacing-sm) + 6px)}&:hover .cat-menu,&:focus-within .cat-menu{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s,0s,0s}}.cat-trigger{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:transparent;color:var(--t2-text-light);border-radius:var(--radius-md);padding:10px 18px;font-weight:var(--font-weight-semibold);border:1px solid transparent;box-shadow:none;text-decoration:none;&:hover{background:transparent;border-color:transparent;color:var(--t2-text)}}.static-nav-item{>a{background:var(--t2-bg-card);border:1px solid var(--t2-border);color:var(--t2-text);&:hover{background:var(--t2-bg-secondary);border-color:var(--t2-border);color:var(--t2-text)}}}.cat-menu{position:absolute;left:50%;transform:translate(-50%,6px);top:100%;width:max-content;min-width:320px;max-width:min(90vw,1100px);background:var(--t2-bg-card);border:1px solid var(--t2-border);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,0.15);padding:18px 22px;margin-top:var(--spacing-sm);opacity:0;visibility:hidden;display:flex;align-items:flex-start;gap:26px;max-height:50vh;overflow:visible;z-index:var(--z-dropdown);pointer-events:auto;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s linear var(--transition-fast);&:hover{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s,0s,0s}a{display:block;white-space:normal;padding:var(--spacing-xs) 0;border:none;background:transparent;color:#3a3a3a;margin-bottom:0;transition:all var(--transition-fast);text-decoration:none;&:hover{color:var(--accent);background:transparent}}}.cat-column{display:flex;flex-direction:column;gap:6px;break-inside:avoid;margin-bottom:0}.cat-title{font-weight:var(--font-weight-semibold);color:#1a1a1a;font-size:0.72rem;letter-spacing:0.4px;text-transform:uppercase;margin-bottom:4px}}.cat-links{display:flex;list-style:none;gap:var(--spacing-sm);flex-wrap:wrap;row-gap:var(--spacing-sm);.cat-dropdown{position:relative}a,.cat-trigger{padding:var(--spacing-sm) var(--spacing-lg);background:var(--t2-bg-card);border-radius:var(--radius-md);color:var(--t2-text);font-weight:var(--font-weight-medium);border:1px solid var(--border-color);cursor:pointer;font:inherit;transition:all var(--transition-fast);&:hover{background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-glow);color:var(--t2-text)}}.cat-trigger{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--accent);color:var(--t2-text);border-color:var(--accent);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-glow);&:hover{background:var(--accent-hover);border-color:var(--accent-hover)}}.cat-menu{position:absolute;left:50%;transform:translate(-50%,6px);top:100%;width:max-content;min-width:320px;max-width:min(90vw,1100px);background:var(--t2-bg-card);border:1px solid var(--t2-border);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,0.15);padding:18px 22px;margin-top:var(--spacing-sm);opacity:0;visibility:hidden;display:flex;align-items:flex-start;gap:26px;max-height:50vh;overflow:visible;z-index:var(--z-dropdown);pointer-events:auto;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s linear var(--transition-fast)}.cat-dropdown::after{content: "";position:absolute;left:0;right:0;top:100%;height:calc(var(--spacing-sm) + 6px)}.cat-dropdown:hover .cat-menu,.cat-dropdown:focus-within .cat-menu,.cat-menu:hover{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s,0s,0s}.cat-column{display:flex;flex-direction:column;gap:6px;break-inside:avoid;margin-bottom:0}.cat-title{font-weight:var(--font-weight-semibold);color:#1a1a1a;font-size:0.72rem;letter-spacing:0.4px;text-transform:uppercase;margin-bottom:4px}.cat-menu{a{display:block;white-space:normal;padding:var(--spacing-xs) 0;border:none;background:transparent;color:#3a3a3a;margin-bottom:0;transition:all var(--transition-fast);&:hover{color:var(--accent);background:transparent}}}}}.category-bar{position:fixed;top:var(--nav-offset,72px);left:0;right:0;z-index:var(--z-sticky);background:var(--secondary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:0;.cat-links{display:flex;list-style:none;gap:var(--spacing-sm);flex-wrap:wrap;row-gap:var(--spacing-sm);justify-content:center}.cat-dropdown{position:relative;&::after{content: "";position:absolute;left:0;right:0;top:100%;height:calc(var(--spacing-sm) + 6px)}&:hover .cat-menu,&:focus-within .cat-menu{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s,0s,0s}}.cat-trigger{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--accent);color:var(--t2-text);border-radius:var(--radius-md);padding:10px 18px;font-weight:var(--font-weight-semibold);border:1px solid var(--accent);box-shadow:var(--shadow-glow);text-decoration:none;&:hover{background:var(--accent-hover);border-color:var(--accent-hover)}}.cat-menu{position:absolute;left:50%;transform:translate(-50%,6px);top:100%;width:max-content;min-width:320px;max-width:min(90vw,1100px);background:var(--t2-bg-card);border:1px solid var(--t2-border);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,0.15);padding:18px 22px;margin-top:var(--spacing-sm);opacity:0;visibility:hidden;display:flex;align-items:flex-start;gap:26px;max-height:50vh;overflow:visible;z-index:var(--z-dropdown);pointer-events:auto;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s linear var(--transition-fast);&:hover{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s,0s,0s}a{display:block;white-space:normal;padding:var(--spacing-xs) 0;border:none;background:transparent;color:#3a3a3a;margin-bottom:0;transition:all var(--transition-fast);text-decoration:none;&:hover{color:var(--accent);background:transparent}}}.cat-column{display:flex;flex-direction:column;gap:6px;break-inside:avoid;margin-bottom:0}.cat-title{font-weight:var(--font-weight-semibold);color:#1a1a1a;font-size:0.72rem;letter-spacing:0.4px;text-transform:uppercase;margin-bottom:4px}display:none !important}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--accent);color:var(--accent-contrast-text,#ffffff);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);&:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}}.btn-outline{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:transparent;color:var(--t2-text);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:2px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);&:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}}footer{background:var(--t2-bg-primary);border-top:1px solid var(--border-color);margin-top:auto;content-visibility:auto;contain-intrinsic-size:1px 320px;.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3xl);max-width:1400px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-3xl)}.footer-col{img{width:auto;max-width:180px;height:auto;max-height:48px;margin-bottom:var(--spacing-lg);object-fit:contain}h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);color:var(--t2-text);position:relative;padding-bottom:var(--spacing-sm);&::after{content: "";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--accent);border-radius:2px}}p{color:var(--t2-text-light);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);i{color:var(--accent);width:20px}}a{color:var(--t2-text-light);&:hover{color:var(--accent)}}}.copyright{text-align:center;padding:var(--spacing-xl);border-top:1px solid var(--border-color);color:var(--t2-text-light);font-size:var(--font-size-sm);a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}}}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);z-index:100;&:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}span{display:block;width:26px;height:3px;background:var(--t2-text);border-radius:2px;margin:5px 0;transition:var(--transition-normal)}&.active{span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}span:nth-child(2){opacity:0}span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}}}@media (max-width:1100px){nav{padding:var(--spacing-md) var(--spacing-xl);.contact-info{.details{display:none}}}footer{.footer-grid{grid-template-columns:repeat(2,1fr)}}}@media (max-width:1100px){.nav-toggle{display:block}nav{padding:var(--spacing-md) var(--spacing-lg);.nav-container{flex-wrap:wrap}.contact-info{width:100%;justify-content:space-between}.logo{img{height:32px}}.cat-links,.nav-links{display:none;width:100%;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-md);padding-left:0;list-style:none;li{width:100%;list-style:none}a{display:block;width:100%;text-align:center;padding:var(--spacing-md);margin:0}.cat-dropdown{width:100%}.cat-trigger{width:100%;justify-content:center}.cat-menu{position:static;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-width:auto;column-gap:0;max-height:none;box-shadow:none;background:transparent;border:none;padding:var(--spacing-md) 0 0;a{color:var(--t2-text)}}}&.nav-open{.cat-links,.nav-links{display:flex;.cat-menu{display:grid}}}&.nav-open + .category-bar{display:block;position:static}}.category-bar{display:none;padding:var(--spacing-sm);border-radius:var(--radius-md)}footer{.footer-grid{grid-template-columns:1fr;text-align:center}.footer-col{h3::after{left:50%;transform:translateX(-50%);color:var(--text-light)}p{justify-content:center}}}}.mobile-products-launch,.mobile-category-view{display:none}@media (max-width:1100px){nav.nav-open{position:fixed;inset:0;width:100vw;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;align-items:stretch;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-left:0;padding-right:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--spacing-sm) );z-index:2000;background:var(--t2-bg-primary);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}nav.nav-open .nav-container{width:100%;max-width:none;margin:0;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}nav.nav-open .contact-info{position:sticky;top:0;z-index:1;background:var(--t2-bg-primary);padding-bottom:var(--spacing-sm)}nav.nav-open .nav-links,nav.nav-open .cat-links{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--spacing-lg) )}nav .nav-links.mobile-categories-ready>.cat-dropdown{display:none}nav .nav-links.mobile-categories-ready>.mobile-products-launch{display:block}nav .nav-links.mobile-categories-active>li:not(.mobile-category-view){display:none}nav .nav-links.mobile-categories-active>.mobile-category-view{display:block}nav .nav-links .mobile-category-view{width:100%}nav.nav-open .nav-links .mobile-category-view{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}nav .nav-links .mobile-category-view[hidden]{display:none !important}nav .nav-links .mobile-category-panel{display:flex;flex-direction:column;gap:var(--spacing-sm)}nav.nav-open .nav-links .mobile-category-panel{flex:1 1 auto;min-height:0}nav .nav-links .mobile-category-header{display:flex;align-items:center;gap:var(--spacing-sm)}nav .nav-links .mobile-category-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--t2-text)}nav .nav-links .mobile-products-trigger,nav .nav-links .mobile-category-back,nav .nav-links .mobile-category-link,nav .nav-links .mobile-category-all{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--t2-border);background:var(--t2-bg-card);color:var(--t2-text);text-decoration:none;text-align:left;font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer}nav .nav-links .mobile-category-back{width:auto;flex:0 0 auto}nav .nav-links .mobile-category-all{justify-content:center}nav .nav-links .mobile-products-trigger i,nav .nav-links .mobile-category-link i{font-size:0.85rem}nav .nav-links .mobile-category-list{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-right:2px}nav .nav-links .mobile-category-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}nav .nav-links .mobile-category-sublist{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-left:var(--spacing-md)}nav .nav-links .mobile-category-link.mobile-category-link-nested{background:var(--surface-2);font-weight:var(--font-weight-medium);padding:calc(var(--spacing-sm) + 2px) var(--spacing-md)}}body.mobile-nav-open{overflow:hidden}@media (min-width:1101px){nav .nav-links{>.cat-dropdown{>.cat-trigger{padding:10px 14px;border-radius:6px;border:0;background:transparent;box-shadow:none;color:var(--t2-text,var(--text,#1f2937));font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast),color var(--transition-fast)}&:hover>.cat-trigger,&:focus-within>.cat-trigger{background:rgb(17 24 39 / 7%);color:var(--t2-text,var(--text,#1f2937))}}}nav .nav-links,nav .cat-links,.category-bar{.cat-menu{position:fixed;left:50vw;right:auto;top:calc(var(--nav-offset,88px) + 8px);margin-top:0;width:max-content;min-width:0;max-width:min(1200px,calc(100vw - 20px));padding:16px 18px;border-radius:12px;border:1px solid var(--edge-soft,var(--border-color,#dbe0e7));background:var(--surface-1,var(--background-white,#ffffff));box-shadow:0 14px 34px rgb(15 23 42 / 16%);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:20px;max-height:min(72vh,620px);overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;z-index:2100}.cat-menu{>.cat-column{display:flex;flex-direction:column;flex:0 0 200px;width:200px;min-width:200px;max-width:200px;align-items:flex-start;gap:16px}a{white-space:normal;overflow-wrap:normal;word-break:normal;break-inside:avoid}.cat-group{display:flex;flex-direction:column;gap:6px;margin-bottom:0;width:100%;padding:0;border:0;background:transparent;box-shadow:none;&:last-child{margin-bottom:0}}.cat-title{display:block;font-size:0.98rem;font-weight:var(--font-weight-bold);letter-spacing:0;text-transform:none;color:var(--text,#1f2937);padding:0;margin-bottom:4px;border:0;&:hover{color:var(--accent,#2563eb);text-decoration:underline;text-underline-offset:3px}}.cat-subitem{display:block;padding:2px 0;border-radius:0;color:var(--text-light,#4b5563);font-size:0.95rem;font-weight:var(--font-weight-medium);line-height:1.35;transition:color var(--transition-fast);&::before{content:none}&:hover{background:transparent;color:var(--accent,#2563eb);text-decoration:underline;text-underline-offset:3px}}}}}@media (max-width:1100px){nav .nav-links{.mobile-category-list{gap:var(--spacing-sm)}.mobile-category-link{&.mobile-category-link-forward{justify-content:space-between;i{font-size:0.86rem;opacity:0.78}}}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}