:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:28px;--spacing-4xl:40px;--radius-sm:5px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:14px;--radius-3xl:16px;--radius-full:50%;--font-family: "Segoe UI",system-ui,-apple-system,sans-serif;--font-size-xs:0.9rem;--font-size-sm:0.98rem;--font-size-md:1rem;--font-size-base:1rem;--font-size-lg:1.05rem;--font-size-xl:1.1rem;--font-size-2xl:1.2rem;--font-size-3xl:1.25rem;--font-size-4xl:1.5rem;--font-size-5xl:2em;--font-size-6xl:2.1rem;--font-size-7xl:3.5em;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.4;--line-height-normal:1.6;--transition-fast:0.2s ease;--transition-normal:0.3s ease-in-out;--transition-slow:0.7s ease;--transition-hero:2s cubic-bezier(0.4,0,0.2,1);--z-dropdown:1;--z-sticky:2;--z-overlay:3;--z-modal:4;--surface-1:var(--background-white,#ffffff);--surface-2:var(--background-light,#fafafa);--edge-soft:var(--border-color,#dbe0e7);--accent-glow:var(--shadow-accent,rgba(0,0,0,0.08))}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family)}html,body{height:100%}body{min-height:100vh;display:flex;flex-direction:column;background:var(--background,#f4f7fb);color:var(--text,#1f2937)}nav{background-color:var(--primary);color:white;padding:var(--spacing-xl);display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;column-gap:var(--spacing-lg);position:relative;z-index:1000;.logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;img{height:50px;width:auto;padding:0;margin:0}}.contact-info{display:flex;gap:var(--spacing-xl);align-items:center;flex:0 1 auto;min-width:0;font-size:var(--font-size-3xl);.details{display:flex;gap:var(--spacing-xl);flex-wrap:nowrap;a{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:white;text-decoration:none;white-space:nowrap;&:hover{color:var(--accent);transition:var(--transition-normal)}}}}.cat-links{list-style:none;display:flex;gap:var(--spacing-sm);flex-wrap:wrap;row-gap:var(--spacing-sm);.cat-dropdown{position:relative}a,.cat-trigger{color:white;text-decoration:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;background:transparent;border:none;font:inherit;transition:background-color var(--transition-normal);&:hover{background-color:var(--secondary)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.cat-trigger{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--accent);color:white;border-radius:var(--radius-md);padding:10px 18px;font-weight:var(--font-weight-semibold);box-shadow:0 6px 16px rgba(0,0,0,0.2);&:hover{background: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(--background-white);color:var(--text);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,0.2);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:1100;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;min-width:0;break-inside:avoid;margin-bottom:0}.cat-title{font-weight:var(--font-weight-bold);color:#1a1a1a;margin-bottom:4px;letter-spacing:0.4px;text-transform:uppercase;font-size:0.72rem}.cat-menu{a{display:block;white-space:normal;color:#3a3a3a;padding:2px 0;margin-bottom:0;border-radius:0;&:hover{color:var(--accent);background:transparent}}}}.nav-links{list-style:none;display:flex;align-items:center;justify-content:center;margin-left:0;flex:1 1 auto;min-width:0;padding-left:var(--spacing-lg);padding-right:110px;gap:var(--spacing-sm);flex-wrap:nowrap;overflow:visible;position:relative;li{list-style:none;flex:0 0 auto}.static-nav-item{position:absolute;right:0;top:50%;transform:translateY(-50%);margin-left:0;padding-left:0}a{color:white;background-color:#424242;text-decoration:none;margin:0;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-normal);&:hover{background-color:var(--secondary)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}}.nav-links{.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:white;border-radius:var(--radius-md);padding:10px 18px;font-weight:var(--font-weight-semibold);box-shadow:0 6px 16px rgba(0,0,0,0.2);border:none;&:hover{background:var(--accent-hover);color:white}}.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(--background-white);color:var(--text);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,0.2);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:1100;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;border-radius:0;&:hover{color:var(--accent);background:transparent}}}.cat-column{display:flex;flex-direction:column;gap:6px;min-width:0;break-inside:avoid;margin-bottom:0}.cat-title{font-weight:var(--font-weight-bold);color:#1a1a1a;margin-bottom:4px;letter-spacing:0.4px;text-transform:uppercase;font-size:0.72rem}}}footer{background-color:var(--footer-background);color:var(--footer-text);padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-xl);bottom:0;width:100%;margin-top:auto;.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-2xl);max-width:1200px;margin:0 auto var(--spacing-lg)}.footer-col{h3{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--text-dark)}p{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--footer-text)}i{color:var(--accent)}a{color:var(--footer-text);text-decoration:none;transition:color var(--transition-normal);&:hover{color:var(--accent);text-decoration:underline}}img{max-width:120px;height:auto;margin-bottom:var(--spacing-md)}}.copyright{text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);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;span{display:block;width:26px;height:3px;background:white;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:900px){footer{.footer-grid{grid-template-columns:1fr;text-align:left}}}@media (max-width:768px){nav{flex-wrap:wrap;padding:var(--spacing-md) var(--spacing-lg);position:relative;.logo{img{height:36px}}.contact-info{width:100%;justify-content:space-between;.details{display:none}}.cat-links,.nav-links{display:none;width:100%;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-md);padding-right:0;position:static;li{width:100%;list-style:none}a{display:block;width:100%;text-align:center;margin:0;padding:var(--spacing-md);box-sizing:border-box}.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;background:transparent;box-shadow:none;padding:var(--spacing-md) 0 0;a{color:white}}.cat-title{color:var(--text-light-gray)}}.nav-links{.static-nav-item{position:static;right:auto;top:auto;transform:none}}&.nav-open{.cat-links,.nav-links{display:flex;.cat-menu{display:grid}}}&.nav-open + .category-bar{display:block}}.nav-toggle{display:block}.category-bar{display:none;padding:var(--spacing-sm);border-radius:0;margin:0}}.category-bar{position:sticky;top:var(--nav-offset,0px);z-index:999;background:var(--secondary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:0;margin:0;.cat-links{list-style:none;display:flex;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:white;border-radius:var(--radius-md);padding:10px 18px;font-weight:var(--font-weight-semibold);box-shadow:0 6px 16px rgba(0,0,0,0.2);text-decoration:none;&:hover{background: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(--background-white);color:var(--text);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,0.2);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:1100;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;color:#3a3a3a;padding:2px 0;margin-bottom:0;border-radius:0;text-decoration:none;&:hover{color:var(--accent);background:transparent}}}.cat-column{display:flex;flex-direction:column;gap:6px;min-width:0;break-inside:avoid;margin-bottom:0}.cat-title{font-weight:var(--font-weight-bold);color:#1a1a1a;margin-bottom:4px;letter-spacing:0.4px;text-transform:uppercase;font-size:0.72rem}}.category-bar{display:none !important}body{padding-top:var(--nav-offset,88px)}nav{background:var(--primary);background:rgb(from var(--primary) r g b / 0.9);position:fixed;top:0;left:0;right:0;color:var(--primary-contrast-text,var(--text-dark));border-bottom:1px solid rgb(from var(--primary) r g b / 0.84);box-shadow:0 8px 24px var(--shadow-light);backdrop-filter:saturate(145%) blur(14px);-webkit-backdrop-filter:saturate(145%) blur(14px)}nav{.logo{img{filter:none}}.contact-info{.details{a{color:var(--primary-contrast-text,var(--text-dark));font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:0;i{color:var(--accent)}}}}.nav-links,.cat-links{a{background:transparent;border:1px solid transparent;color:var(--primary-contrast-text,var(--text-dark));border-radius:var(--radius-md);box-shadow:none;&:hover{background:var(--surface-2);border-color:var(--edge-soft);color:var(--text)}}.cat-menu{background:var(--surface-1);border:1px solid var(--edge-soft);box-shadow:0 18px 40px var(--shadow-medium);backdrop-filter:none;a{color:var(--text-light);padding:var(--spacing-xs) 0;border-radius:0;&:hover{background:transparent;color:var(--accent)}}}.cat-title{color:var(--text)}}.nav-links{.static-nav-item{>a{background:var(--surface-1);border-color:var(--edge-soft);color:var(--text);&:hover{background:var(--surface-2);color:var(--text)}}}.cat-trigger{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:transparent;color:var(--primary-contrast-text,var(--text-dark));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(--text);transform:none}}}.cat-links{.cat-trigger{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100% );border:1px solid var(--accent);color:var(--accent-contrast-text,var(--text-dark));box-shadow:0 8px 18px var(--accent-glow);&:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent) 100% );transform:translateY(-1px)}}}}.category-bar{.cat-trigger{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100% );border:1px solid var(--accent);color:var(--text-dark);box-shadow:0 8px 18px var(--accent-glow);&:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent) 100% );transform:translateY(-1px)}}.cat-menu{background:var(--surface-1);border:1px solid var(--edge-soft);box-shadow:0 18px 40px var(--shadow-medium);backdrop-filter:none;a{color:var(--text-light);padding:var(--spacing-xs) 0;border-radius:0;&:hover{background:transparent;color:var(--accent)}}}.cat-title{color:var(--text)}}footer{background:var(--surface-1);color:var(--text-light);border-top:1px solid var(--edge-soft);box-shadow:none;.footer-col{h3{font-size:1.12rem;color:var(--text);letter-spacing:0}p{opacity:1;color:var(--text-light)}i{color:var(--accent);width:18px;text-align:center}img{filter:none}a{color:var(--text-light);font-weight:var(--font-weight-semibold);&:hover{color:var(--accent)}}}.copyright{border-top:1px solid var(--edge-soft);padding-top:var(--spacing-md);color:var(--text-muted)}}.nav-toggle{span{height:2px;border-radius:999px;background:var(--primary-contrast-text,var(--text-dark))}}@media (max-width:768px){nav{backdrop-filter:saturate(130%) blur(10px);-webkit-backdrop-filter:saturate(130%) blur(10px);.cat-links,.nav-links{.cat-menu{background:var(--surface-1);border:1px solid var(--edge-soft);border-radius:var(--radius-lg);padding:var(--spacing-md);a{color:var(--text)}}}}}.mobile-products-launch,.mobile-category-view{display:none}@media (max-width:768px){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-bottom:calc(env(safe-area-inset-bottom,0px) + var(--spacing-sm));z-index:2000;background:var(--primary);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom:none}nav.nav-open .contact-info{position:sticky;top:0;z-index:1;background:var(--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-md);font-weight:var(--font-weight-semibold);color:var(--primary-contrast-text,var(--text-dark))}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(--edge-soft);background:var(--surface-1);color:var(--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:769px){nav .nav-links{>.cat-dropdown{>.cat-trigger{padding:10px 14px;border-radius:6px;border:0;background:transparent;box-shadow:none;color:var(--primary-contrast-text,var(--text-dark));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(255 255 255 / 14%);color:var(--primary-contrast-text,var(--text-dark))}}}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:min(1100px,calc(100vw - 32px));min-width:min(760px,calc(100vw - 32px));max-width:min(1100px,calc(100vw - 32px));padding:18px 20px;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:26px;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:1 1 220px;width:auto;min-width:190px;max-width:240px;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:768px){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}}}}}