@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#faf8f5;--bg-secondary:#f3ece0;--bg-tertiary:#e8dfce;--border-color:#1c191714;--border-color-hover:#1c191729;--text-primary:#1c1917;--text-secondary:#44403c;--text-muted:#78716c;--accent-color:#2563eb;--accent-color-rgb:37, 99, 235;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--accent-gradient-hover:linear-gradient(135deg, #1d4ed8 0%, #6d28d9 100%);--success-color:#15803d;--warning-color:#b45309;--error-color:#b91c1c;--max-width:1200px;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--shadow-sm:0 2px 4px #1c19170a;--shadow-md:0 8px 16px #1c19170f;--shadow-lg:0 16px 32px #1c191714;--shadow-glow:0 0 20px #2563eb0f;--font-title:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.6;display:flex}a{color:var(--text-primary);text-decoration:none;transition:all .2s ease-in-out}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:700;line-height:1.25}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;background-color:#faf8f5cc;padding:1rem 0;position:sticky;top:0}.header-container{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 2rem;display:flex}.logo{font-family:var(--font-title);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.logo span{color:var(--text-primary);-webkit-text-fill-color:initial}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--accent-color)}.nav-link-mobile{display:none}@media (max-width:900px){.nav-link-mobile{display:block}}.nav-dropdown-parent{position:relative}.dropdown-trigger{cursor:pointer;align-items:center;gap:.3rem;padding:.5rem 0;text-decoration:none;display:flex}.dropdown-trigger .chevron{color:var(--text-muted);font-size:.65rem;transition:transform .2s}.nav-dropdown-parent:hover .dropdown-trigger .chevron{color:var(--accent-color);transform:rotate(180deg)}.nav-dropdown-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);z-index:1000;opacity:0;visibility:hidden;background-color:#faf8f5fa;min-width:220px;padding:.75rem 0;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:100%;left:0;transform:translateY(8px);box-shadow:0 10px 25px #0000000d}.nav-dropdown-parent:hover .nav-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{color:var(--text-secondary);padding:.5rem 1.25rem;font-size:.92rem;text-decoration:none;transition:background-color .15s,color .15s,padding-left .15s;display:block}.dropdown-link:hover{background-color:var(--bg-secondary);color:var(--accent-color);padding-left:1.5rem}.dropdown-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;padding:.4rem 1.25rem .2rem;font-size:.75rem;font-weight:700}.dropdown-section-divider{background-color:var(--border-color);height:1px;margin:.5rem 0}@media (max-width:900px){.nav-dropdown-content{display:none!important}.dropdown-trigger .chevron{display:none}}.main-content{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:3rem 2rem}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:auto;padding:4rem 0 2rem;font-size:.9rem}.footer-container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.footer-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:3rem;margin-bottom:3rem;display:grid}@media (max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width:500px){.footer-grid{grid-template-columns:1fr;gap:1.5rem}}.footer-col{flex-direction:column;gap:.5rem;display:flex}.footer-col-title{font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-bottom:.75rem;padding-bottom:.5rem;font-size:.8rem;font-weight:700}.footer-links{flex-direction:column;gap:.5rem;display:flex}.footer-links a{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:color .15s;display:inline-flex}.footer-links a:hover{color:var(--accent-color)}.footer-bottom{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.footer-copyright{color:var(--text-muted);font-size:.8rem}.hero{text-align:center;max-width:800px;margin:0 auto;padding:4rem 0 5rem}.hero-title{background:linear-gradient(135deg,#1c1917 30%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3.5rem}.hero-description{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.7}.category-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.card:before{content:"";background:var(--accent-gradient);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-5px)}.card:hover:before{opacity:1}.card-title{margin-bottom:1rem;font-size:1.5rem}.card-description{color:var(--text-secondary);flex:1;margin-bottom:1.5rem;font-size:.95rem}.card-link{color:var(--accent-color);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.card-link:hover{text-decoration:underline}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-top:2.5rem;display:grid}.product-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);text-align:center;flex-direction:column;align-items:center;padding:1.5rem;transition:all .3s;display:flex}.product-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 0 15px #3b82f61a}.product-visual{background-color:var(--bg-tertiary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);width:90px;height:90px;font-family:var(--font-title);color:var(--text-primary);justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800;display:flex;box-shadow:inset 0 0 8px #0000000a}.product-card-title{margin-bottom:.5rem;font-size:1.15rem}.product-price{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:.5rem 0 1rem;font-size:1.25rem;font-weight:700}.badge{border-radius:50px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-in-stock{color:var(--success-color);background-color:#15803d14;border:1px solid #15803d29}.badge-out-of-stock{color:var(--error-color);background-color:#b91c1c14;border:1px solid #b91c1c29}.badge-mechanism{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#00000005}.btn{border-radius:var(--border-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #2563eb26}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:0 4px 20px #2563eb40}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--text-secondary);background-color:#00000005}.product-details{grid-template-columns:1fr 1.2fr;align-items:start;gap:4rem;margin-top:2rem;display:grid}@media (max-width:768px){.product-details{grid-template-columns:1fr;gap:2rem}}.product-gallery{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);justify-content:center;align-items:center;padding:4rem;display:flex}.product-huge-visual{background-color:var(--bg-tertiary);border-radius:var(--border-radius-md);border:2px solid var(--accent-color);width:180px;height:180px;font-family:var(--font-title);justify-content:center;align-items:center;font-size:3rem;font-weight:800;display:flex;box-shadow:0 4px 20px #2563eb14}.product-info-panel h1{margin-bottom:.5rem;font-size:2.5rem}.product-metadata{flex-wrap:wrap;gap:1rem;margin:1rem 0 1.5rem;display:flex}.product-price-large{color:var(--text-primary);margin-bottom:2rem;font-size:2rem;font-weight:800}.info-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);margin-bottom:1.5rem;padding:1.5rem}.info-card-title{color:var(--accent-color);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.1rem;display:flex}.breadcrumb{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;display:flex}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text-primary)}.faq-section{border-top:1px solid var(--border-color);margin-top:5rem;padding-top:3rem}.faq-title{text-align:center;margin-bottom:2rem;font-size:2rem}.faq-container{flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.faq-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:1.5rem}.faq-question{color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.faq-answer{color:var(--text-secondary);font-size:.95rem}.section-intro{color:var(--text-secondary);max-width:850px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8}.data-table{border-collapse:collapse;background-color:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);width:100%;margin:2rem 0;overflow:hidden}.data-table th,.data-table td{text-align:left;padding:1rem 1.5rem}.data-table th{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-weight:600}.data-table td{border-bottom:1px solid var(--border-color)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#00000003}.alert{border-radius:var(--border-radius-sm);align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.alert-warning{color:var(--warning-color);background-color:#b453090f;border:1px solid #b4530929}.alert-warning p{color:var(--text-secondary)}.alert-warning strong{color:var(--warning-color)}.hub-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;display:grid}.badge-count{background-color:var(--accent-color);color:#fff;border-radius:20px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.expandable-text-wrapper{margin-bottom:2.5rem;position:relative}.expandable-text-wrapper.collapsed .section-intro{max-height:4.8em;margin-bottom:.5rem;overflow:hidden}.expandable-text-wrapper.expanded .section-intro{max-height:1000px;margin-bottom:.5rem}.text-fade-overlay{pointer-events:none;background:linear-gradient(#faf8f500 0%,#faf8f5 100%);height:2rem;position:absolute;bottom:1.8rem;left:0;right:0}.read-more-btn{color:var(--accent-color);cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:.25rem;margin-top:.25rem;padding:0;transition:color .2s;display:inline-flex}.read-more-btn:hover{color:var(--accent-gradient-hover);text-decoration:underline}.cart-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#1c191766;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.cart-drawer{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);flex-direction:column;width:100%;max-width:480px;height:100%;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:-10px 0 30px #1c191714}.cart-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.cart-header h2{font-size:1.5rem;font-family:var(--font-title);color:var(--text-primary)}.cart-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s}.cart-close-btn:hover{color:var(--text-primary)}.cart-empty-message{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.cart-items-list{flex:1;margin-bottom:1.5rem;padding-right:.5rem;overflow-y:auto}.cart-item-row{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;padding:1.25rem 0;display:flex;position:relative}.cart-item-visual{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:60px;height:60px;font-family:var(--font-title);color:var(--text-primary);justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.cart-item-details{flex-direction:column;flex:1;gap:.25rem;display:flex}.cart-item-details h4{color:var(--text-primary);font-size:1rem;font-family:var(--font-title)}.cart-item-price{color:var(--text-primary);font-size:.95rem;font-weight:600}.cart-quantity-controls{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.cart-quantity-controls button{border:1px solid var(--border-color);background-color:var(--bg-primary);width:24px;height:24px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.cart-quantity-controls button:hover{background-color:var(--bg-tertiary);border-color:var(--border-color-hover)}.cart-quantity-controls span{text-align:center;min-width:16px;font-size:.9rem;font-weight:600}.cart-item-remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:1rem;right:0}.cart-item-remove-btn:hover{color:var(--error-color)}.cart-footer{border-top:1px solid var(--border-color);padding-top:1.5rem}.cart-summary-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:.75rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}