@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #fdfbf7;--bg-secondary: #f6f1e9;--bg-card: #ffffff;--bg-card-hover: #f3ece0;--text-main: #23170f;--text-muted: #6b5a4e;--text-dim: #8c786a;--accent-brown: #4a2c11;--accent-brown-dark: #331d0a;--accent-amber: #b45309;--accent-caramel: #d97706;--accent-emerald: #059669;--gradient-brand: linear-gradient(135deg, #4a2c11 0%, #78350f 50%, #b45309 100%);--gradient-brown: linear-gradient(135deg, #5c3a21 0%, #331d0a 100%);--gradient-emerald: linear-gradient(135deg, #059669 0%, #047857 100%);--border-color: #e8ded1;--border-glow: rgba(74, 44, 17, .35);--glass-bg: rgba(253, 251, 247, .92);--glass-border: rgba(74, 44, 17, .18);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--shadow-sm: 0 4px 14px rgba(74, 44, 17, .08);--shadow-lg: 0 20px 45px rgba(74, 44, 17, .15);--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif}[data-theme=dark]{--bg-primary: #18110b;--bg-secondary: #221811;--bg-card: rgba(38, 27, 19, .85);--bg-card-hover: rgba(54, 39, 27, .95);--text-main: #fdfbf7;--text-muted: #d4c4b5;--text-dim: #a39081;--accent-brown: #f3e5d8;--accent-brown-dark: #d97706;--accent-amber: #f59e0b;--accent-caramel: #f59e0b;--accent-emerald: #10b981;--gradient-brand: linear-gradient(135deg, #d97706 0%, #b45309 50%, #78350f 100%);--gradient-brown: linear-gradient(135deg, #b45309 0%, #78350f 100%);--gradient-emerald: linear-gradient(135deg, #10b981 0%, #059669 100%);--border-color: rgba(217, 119, 6, .2);--border-glow: rgba(217, 119, 6, .45);--glass-bg: rgba(24, 17, 11, .88);--glass-border: rgba(217, 119, 6, .25);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{max-width:100vw;width:100%;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.gradient-brown-text{background:var(--gradient-brown);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{background:var(--bg-card-hover);border-color:var(--border-glow);transform:translateY(-5px);box-shadow:0 16px 36px #4a2c1126}.badge-brown{background:linear-gradient(135deg,#4a2c111f,#78350f2e);color:#5c3a21;border:1px solid rgba(74,44,17,.3);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-amber{background:linear-gradient(135deg,#d977061f,#b453092e);color:#b45309;border:1px solid rgba(217,119,6,.3);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-emerald{background:linear-gradient(135deg,#0596691f,#0478572e);color:var(--accent-emerald);border:1px solid rgba(5,150,105,.3);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700}.btn-primary{background:var(--gradient-brand);color:#fff;padding:12px 26px;border-radius:var(--radius-md);font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:all .25s ease;box-shadow:0 6px 20px #4a2c114d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 26px #4a2c1173;filter:brightness(1.1)}.btn-secondary{background:#4a2c110f;color:var(--text-main);border:1px solid var(--border-color);padding:12px 26px;border-radius:var(--radius-md);font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:all .25s ease}.btn-secondary:hover{background:#4a2c111f;border-color:var(--accent-brown);color:var(--accent-brown)}.filter-btn{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border-color);padding:8px 18px;border-radius:30px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.filter-btn:hover{border-color:var(--accent-brown);color:var(--accent-brown);background:#4a2c110d}.filter-btn.active{background:var(--accent-brown);color:#fff;border-color:var(--accent-brown);box-shadow:0 4px 12px #4a2c1140}.container,.container-full{width:100%;max-width:100%;margin:0 auto;padding:0 clamp(18px,2.8vw,56px);box-sizing:border-box}.section{padding:clamp(32px,3.5vw,54px) 0}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:clamp(18px,2vw,32px)}@media (min-width: 1600px){.grid-responsive{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}}.grid-highlights-4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,20px)}@media (max-width: 991px){.grid-highlights-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.grid-highlights-4{grid-template-columns:1fr}}.grid-catalogues-4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,28px)}@media (max-width: 1024px){.grid-catalogues-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.grid-catalogues-4{grid-template-columns:1fr}}.grid-categories-5{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.5vw,22px)}@media (max-width: 991px) and (min-width: 680px){.grid-categories-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 679px) and (min-width: 480px){.grid-categories-5{grid-template-columns:repeat(2,1fr)}}@media (max-width: 479px){.grid-categories-5{grid-template-columns:1fr}}.grid-clients-8{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px)}@media (max-width: 1024px) and (min-width: 560px){.grid-clients-8{grid-template-columns:repeat(2,1fr)}}@media (max-width: 559px){.grid-clients-8{grid-template-columns:1fr}}.grid-shipping-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,26px)}@media (max-width: 1100px) and (min-width: 600px){.grid-shipping-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 599px){.grid-shipping-gallery{grid-template-columns:1fr}}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,2.5vw,44px)}@media (max-width: 1024px) and (min-width: 600px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 599px){.footer-grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#19100bbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{width:100%;max-height:90vh;overflow-y:auto;border-radius:var(--radius-lg);padding:30px;animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}.topbar-wrapper{border-bottom:1px solid var(--border-color);padding:8px 0;font-size:clamp(.81rem,.86vw,.88rem);color:var(--text-main);font-weight:500;line-height:1.3}.topbar-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 20px}.topbar-contacts{display:flex;align-items:center;gap:clamp(10px,1.3vw,20px);flex-wrap:wrap}.topbar-item{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;transition:opacity .2s ease;white-space:nowrap}.topbar-item:hover{opacity:.85}.topbar-icon-circle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}.topbar-badges{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto;white-space:nowrap}.topbar-badge-iso{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:20px;background:#4a2c1114;border:1px solid rgba(74,44,17,.22);color:var(--accent-brown);font-size:.8rem;font-weight:700;line-height:1}.topbar-badge-security{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:20px;background:#16a34a14;border:1px solid rgba(22,163,74,.25);color:var(--accent-emerald);font-size:.8rem;font-weight:700;line-height:1;cursor:pointer;transition:all .2s ease}.topbar-badge-security:hover{background:#16a34a29;border-color:#16a34a73;transform:translateY(-1px)}[data-theme=dark] .topbar-badge-iso{background:#f59e0b1f;border-color:#f59e0b4d;color:#fbbf24}[data-theme=dark] .topbar-badge-security{background:#10b98126;border-color:#10b98159;color:#34d399}@media (max-width: 992px){.topbar-badges{margin-left:0}}@media (max-width: 1220px){.desktop-only{display:none!important}}@media (min-width: 1221px){.mobile-only{display:none!important}}.header-search-box{width:clamp(120px,9vw,175px);transition:width .25s cubic-bezier(.4,0,.2,1)}@media (min-width: 1221px) and (max-width: 1360px){.header-search-box{width:34px!important;height:34px!important;border-radius:50%!important;overflow:hidden}.header-search-box input{opacity:0;cursor:pointer;padding-left:30px!important;transition:opacity .2s ease}.header-search-box svg{left:10px!important;pointer-events:none}.header-search-box:hover,.header-search-box:focus-within{width:155px!important;border-radius:30px!important}.header-search-box:hover input,.header-search-box:focus-within input{opacity:1;cursor:text}.nav-link-btn{padding:5px 6px!important;font-size:.78rem!important}}.nav-link-btn{display:inline-flex;align-items:center;gap:4px;padding:6px clamp(6px,.52vw,11px);border-radius:var(--radius-sm);font-size:clamp(.81rem,.83vw,.88rem);font-weight:700;color:var(--text-main);background:transparent;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;line-height:1.2}.nav-link-btn svg{color:inherit;stroke:currentColor;transition:color .25s ease,transform .25s ease}.nav-link-btn:hover{background:#4a2c11;color:#fff!important;border-color:#4a2c11;box-shadow:0 4px 12px #4a2c1138}.nav-link-btn:hover svg{color:#fff!important;stroke:#fff!important}.nav-link-btn.active{background:#4a2c11;color:#fff!important;border-color:#4a2c11;box-shadow:0 4px 14px #4a2c1147}.nav-link-btn.active svg{color:#fff!important;stroke:#fff!important}.nav-link-btn:focus-visible{outline:2px solid var(--accent-caramel);outline-offset:2px}.nav-dropdown{position:relative}.nav-dropdown:after{content:"";position:absolute;left:0;top:100%;width:280px;height:16px;z-index:1049;pointer-events:none}.nav-dropdown:hover:after{pointer-events:auto}.nav-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;margin-top:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px;box-shadow:0 16px 36px #4a2c1129,0 4px 12px #00000014;display:flex;flex-direction:column;gap:4px;max-height:min(540px,calc(100vh - 120px));overflow-y:auto;overflow-x:hidden;z-index:1050;box-sizing:border-box}.nav-dropdown-products{width:260px;min-width:240px}.nav-dropdown-catalogues{width:220px;min-width:190px;max-width:min(320px,92vw)}.nav-dropdown-menu::-webkit-scrollbar{width:5px}.nav-dropdown-menu::-webkit-scrollbar-track{background:transparent}.nav-dropdown-menu::-webkit-scrollbar-thumb{background:#4a2c1133;border-radius:4px}.nav-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--accent-brown)}.dropdown-link-btn{display:flex;align-items:flex-start;gap:10px;width:100%;box-sizing:border-box;text-align:left;padding:9px 12px;border-radius:6px;font-size:.86rem;font-weight:600;font-family:inherit;color:var(--text-main);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;line-height:1.35;white-space:normal;word-break:normal;overflow-wrap:break-word}.dropdown-link-btn svg,.dropdown-link-btn .dropdown-icon{flex-shrink:0;width:15px;height:15px;margin-top:2px;color:var(--accent-brown);stroke:currentColor;transition:color .2s ease,stroke .2s ease}.dropdown-link-text{flex:1;min-width:0;word-break:normal;overflow-wrap:break-word;white-space:normal;line-height:1.35}.dropdown-link-btn:hover{background:#4a2c11!important;color:#fff!important;border-color:#4a2c11!important;box-shadow:0 2px 8px #4a2c1133}.dropdown-link-btn:hover svg,.dropdown-link-btn:hover .dropdown-icon{color:#fff!important;stroke:#fff!important}.dropdown-link-btn:hover .dropdown-link-text{color:#fff!important}.dropdown-link-btn.active{background:#4a2c11!important;color:#fff!important;font-weight:700;border-color:#4a2c11!important}.dropdown-link-btn.active svg,.dropdown-link-btn.active .dropdown-icon{color:#fff!important;stroke:#fff!important}.dropdown-link-btn.active .dropdown-link-text{color:#fff!important}.mobile-nav-link-btn{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:10px 16px;border-radius:var(--radius-sm);font-size:.96rem;font-weight:700;color:var(--text-main);background:transparent;border:1px solid transparent;cursor:pointer;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-nav-link-btn svg{color:inherit;stroke:currentColor}.mobile-nav-link-btn:hover{background:#4a2c11;color:#fff!important;border-color:#4a2c11}.mobile-nav-link-btn:hover svg{color:#fff!important;stroke:#fff!important}.mobile-nav-link-btn.active{background:#4a2c11;color:#fff!important;border-color:#4a2c11;box-shadow:0 4px 12px #4a2c1133}.mobile-nav-link-btn.active svg{color:#fff!important;stroke:#fff!important}[data-theme=dark] .nav-link-btn:hover,[data-theme=dark] .nav-link-btn.active,[data-theme=dark] .mobile-nav-link-btn:hover,[data-theme=dark] .mobile-nav-link-btn.active,[data-theme=dark] .dropdown-link-btn:hover,[data-theme=dark] .dropdown-link-btn.active{background:#4a2c11;color:#fff!important;border-color:#78350f;box-shadow:0 4px 14px #00000073}.hero-deco-desktop{transition:opacity .3s ease,transform .3s ease,width .3s ease;-webkit-user-select:none;user-select:none}@media (max-width: 1280px){.hero-deco-desktop{opacity:.85}}@media (max-width: 1120px){.hero-deco-desktop{opacity:.55;transform:translateY(-50%) scale(.85)}}@media (max-width: 1024px){.hero-deco-desktop{display:none!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#4a2c114d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a2c1199}