:root{--background: #09090b;--foreground: #fafafa;--card: #0a0a0c;--card-foreground: #fafafa;--popover: #09090b;--primary: #f97316;--primary-foreground: #fff;--secondary: #27272a;--secondary-foreground: #fafafa;--muted: #27272a;--muted-foreground: #a1a1aa;--accent: #27272a;--accent-foreground: #fafafa;--destructive: #ef4444;--success: #22c55e;--border: #27272a;--input: #27272a;--ring: #f97316;--radius: 8px;--bg-color: var(--background);--card-bg: var(--card);--card-border: var(--border);--primary-color: var(--primary);--primary-hover: #ea580c;--text-main: var(--foreground);--text-muted: var(--muted-foreground);--input-bg: var(--input);--danger: var(--destructive)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.site-nav{position:fixed;top:0;left:0;width:100%;height:64px;background:#09090bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid var(--border);display:flex;justify-content:center}.nav-container{width:100%;max-width:1280px;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo img{height:28px;width:auto;object-fit:contain;border-radius:calc(var(--radius) - 2px)}.nav-search-container{display:flex;visibility:hidden;opacity:0;width:0;margin:0;padding:0;overflow:hidden;transition:all .3s ease}.nav-search-container.visible{visibility:visible;opacity:1;width:100%;max-width:320px;margin:0 20px;padding:0 14px;height:36px;align-items:center;background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius)}.nav-search-container input{background:transparent;border:none;color:var(--foreground);font-size:.875rem;font-family:inherit;width:100%;outline:none}.nav-search-container input::placeholder{color:var(--muted-foreground)}.nav-search-container .search-icon{color:var(--muted-foreground);margin-right:8px;width:16px;height:16px;flex-shrink:0}.nav-search-container:focus-within{border-color:var(--ring);box-shadow:0 0 0 2px #f9731633}.nav-links{display:flex;gap:8px;align-items:center}.nav-links a{color:var(--muted-foreground);text-decoration:none;font-size:.875rem;font-weight:500;padding:6px 12px;border-radius:var(--radius);transition:color .15s,background .15s}.nav-links a:hover,.nav-links a.active{color:var(--foreground);background:var(--accent)}.nav-actions{display:flex;align-items:center;gap:4px}.nav-icon-btn{background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);transition:color .15s,background .15s}.nav-icon-btn:hover{color:var(--foreground);background:var(--accent)}.page-container{max-width:1280px;margin:32px auto;padding:0 24px}.hero-banner{position:relative;width:100%;min-height:480px;display:flex;align-items:center;overflow:hidden;padding:100px 24px 60px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,#09090bf2,#09090b99,#09090b4d),url(https://images.unsplash.com/photo-1543198126-a8ad8e47fb22?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80);background-size:cover;background-position:center;z-index:1}.hero-content{position:relative;z-index:2;max-width:560px}.hero-tag{display:inline-flex;align-items:center;padding:4px 12px;background:#f9731626;color:var(--primary);font-size:.75rem;font-weight:600;border-radius:9999px;margin-bottom:16px;border:1px solid rgba(249,115,22,.25);letter-spacing:.05em;text-transform:uppercase}.hero-content h2{font-size:3rem;font-weight:700;line-height:1.15;margin-bottom:16px;color:var(--foreground);letter-spacing:-.025em}.hero-content h2 .highlight{color:var(--primary)}.hero-content p{font-size:1.125rem;color:var(--muted-foreground);margin-bottom:32px;line-height:1.7}.hero-actions{display:flex;gap:12px}.primary-btn,.secondary-btn{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:.875rem;font-weight:500;height:40px;padding:0 20px;border-radius:var(--radius);cursor:pointer;transition:background .15s,opacity .15s}.primary-btn{background:var(--primary);color:var(--primary-foreground);border:none}.primary-btn:hover{opacity:.9}.secondary-btn{background:transparent;color:var(--foreground);border:1px solid var(--border)}.secondary-btn:hover{background:var(--accent)}@media (max-width: 640px){.hero-banner{padding:80px 16px 40px;min-height:380px}.hero-content{max-width:100%}.hero-content h2{font-size:2rem}.hero-actions{flex-direction:column}}.view-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;position:sticky;top:64px;z-index:30;background:var(--background);padding:12px 0;border-bottom:1px solid var(--border)}.search-container{display:flex;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:0 14px;height:40px;flex:1;max-width:480px;transition:border-color .15s,box-shadow .15s}.search-container:focus-within{border-color:var(--ring);box-shadow:0 0 0 2px #f9731633}.search-icon{color:var(--muted-foreground);margin-right:10px;width:16px;height:16px;flex-shrink:0}#searchInput{background:transparent;border:none;color:var(--foreground);font-size:.875rem;font-family:inherit;width:100%;outline:none}#searchInput::placeholder{color:var(--muted-foreground)}.view-options{display:flex;align-items:center;gap:4px}.view-title{font-size:.875rem;color:var(--muted-foreground);margin-right:4px}.view-btn{background:transparent;border:1px solid var(--border);color:var(--muted-foreground);width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.view-btn:hover{color:var(--foreground);background:var(--accent)}.view-btn.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.product-list-container{display:flex;flex-direction:column;gap:12px}.product-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:20px;transition:border-color .15s,box-shadow .15s}.product-card:hover{border-color:var(--muted-foreground);box-shadow:0 1px 3px #0006}.product-image-wrapper{position:relative;width:120px;height:120px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;background:var(--secondary)}.product-image{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.inline-discount-badge{display:inline-flex;align-items:center;background:var(--primary);color:var(--primary-foreground);padding:2px 8px;border-radius:9999px;font-size:.7rem;font-weight:600;margin-left:8px;vertical-align:middle;letter-spacing:.02em}.product-details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.product-code{font-size:.75rem;color:var(--muted-foreground);font-weight:500;font-family:Courier New,monospace;letter-spacing:.05em}.product-title{font-size:1rem;font-weight:500;color:var(--foreground);line-height:1.4}.product-price-section{display:flex;flex-direction:column;gap:2px;margin-top:4px}.old-price{font-size:.8rem;color:var(--muted-foreground)}.old-price span:not(.inline-discount-badge){text-decoration:line-through;color:var(--destructive);font-weight:500}.net-price{font-size:1.5rem;font-weight:700;color:var(--foreground);display:flex;align-items:baseline;gap:8px}.tax-label{font-size:.7rem;font-weight:400;color:var(--muted-foreground)}.product-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.quantity-wrapper{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.qty-btn{background:transparent;border:none;color:var(--foreground);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.qty-btn:hover{background:var(--accent)}.qty-input{width:44px;height:36px;text-align:center;background:transparent;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--foreground);font-size:.875rem;font-weight:600;font-family:inherit;outline:none}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.add-to-cart-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:var(--primary-foreground);border:none;padding:0 20px;height:36px;border-radius:var(--radius);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:opacity .15s;white-space:nowrap}.add-to-cart-btn:hover{opacity:.9}.add-to-cart-btn:active{opacity:.8}.add-to-cart-btn.added{background:var(--success)}.product-list-container.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.product-list-container.grid-view .product-card{flex-direction:column;align-items:stretch;padding:0}.product-list-container.grid-view .product-image-wrapper{width:100%;height:220px;border-radius:var(--radius) var(--radius) 0 0}.product-list-container.grid-view .product-details{padding:16px}.product-list-container.grid-view .product-actions{padding:0 16px 16px;flex-direction:column;align-items:stretch}.product-list-container.grid-view .quantity-wrapper{width:100%;justify-content:space-between}.product-list-container.grid-view .qty-btn{width:48px}.product-list-container.grid-view .qty-input{flex:1}.product-list-container.grid-view .add-to-cart-btn{width:100%}@media (max-width: 768px){.product-card{flex-direction:column;align-items:stretch}.product-image-wrapper{width:100%;height:200px}.product-actions{flex-direction:column;width:100%}.quantity-wrapper{width:100%;justify-content:space-between}.qty-btn{width:48px}.qty-input{flex:1}.add-to-cart-btn{width:100%}}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.cart-overlay.show{opacity:1;visibility:visible}.cart-sidebar{position:fixed;top:0;right:-420px;width:100%;max-width:400px;height:100vh;background:var(--background);box-shadow:-4px 0 20px #00000080;z-index:61;display:flex;flex-direction:column;transition:right .3s ease;border-left:1px solid var(--border)}.cart-sidebar.open{right:0}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.cart-header h2{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0}.close-cart-btn{background:var(--secondary);border:1px solid var(--border);color:var(--foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);transition:background .15s,border-color .15s}.close-cart-btn:hover{background:var(--destructive);border-color:var(--destructive);color:#fff}.cart-items{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.empty-cart-msg{text-align:center;color:var(--muted-foreground);margin-top:40px;font-size:.875rem}.cart-item{display:flex;gap:12px;background:var(--card);padding:12px;border-radius:var(--radius);border:1px solid var(--border);position:relative}.cart-item-img{width:56px;height:56px;object-fit:contain;border-radius:calc(var(--radius) - 2px);background:var(--secondary)}.cart-item-details{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding-right:20px}.cart-item-title{font-size:.8rem;font-weight:500;color:var(--foreground);line-height:1.3}.cart-item-price{font-weight:600;color:var(--foreground);font-size:.875rem}.cart-item-qty-control{display:flex;align-items:center;gap:4px;margin-top:2px;background:var(--secondary);width:max-content;border-radius:calc(var(--radius) - 2px);padding:2px}.cart-qty-btn{background:transparent;border:none;color:var(--foreground);width:22px;height:22px;border-radius:calc(var(--radius) - 4px);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .15s}.cart-qty-btn:hover{background:var(--primary);color:var(--primary-foreground)}.cart-item-qty-control span{font-size:.8rem;font-weight:600;min-width:16px;text-align:center}.cart-item-remove{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;padding:4px;border-radius:calc(var(--radius) - 2px);transition:color .15s,background .15s;display:flex;align-items:center}.cart-item-remove:hover{color:var(--destructive);background:#ef44441a}.cart-footer{padding:16px 20px;border-top:1px solid var(--border);background:var(--card)}.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500;margin-bottom:16px;color:var(--muted-foreground)}.cart-total span:last-child{font-size:1.25rem;font-weight:700;color:var(--foreground)}.checkout-btn{width:100%;background:var(--primary);color:var(--primary-foreground);border:none;height:40px;border-radius:var(--radius);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:opacity .15s;position:relative;overflow:hidden}.btn-text-default,.btn-text-hover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.btn-text-hover{transform:translateY(100%);background:var(--success);gap:6px}.checkout-btn:hover{opacity:.95}.checkout-btn:hover .btn-text-default{transform:translateY(-100%)}.checkout-btn:hover .btn-text-hover{transform:translateY(0)}#scrollToTopBtn{position:fixed;bottom:100px;right:24px;width:40px;height:40px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);color:var(--muted-foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:35;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease}#scrollToTopBtn.visible{opacity:1;visibility:visible;transform:translateY(0)}#scrollToTopBtn:hover{background:var(--accent);color:var(--foreground);border-color:var(--muted-foreground)}.floating-cart-btn{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:var(--radius);background:var(--primary);border:none;color:var(--primary-foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0006;z-index:35;transition:opacity .15s,transform .15s}.floating-cart-btn:hover{opacity:.9;transform:scale(1.05)}.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--destructive);color:#fff;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:9999px;display:flex;align-items:center;justify-content:center}body.cart-open{overflow:hidden}body.cart-open .floating-cart-btn,body.cart-open #scrollToTopBtn{opacity:0!important;pointer-events:none}.site-footer{background:var(--background);padding:48px 24px 16px;border-top:1px solid var(--border);margin-top:48px}.footer-container{max-width:1280px;margin:0 auto 32px}.footer-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.footer-brand img{height:36px;border-radius:var(--radius)}.footer-brand p{color:var(--muted-foreground);font-size:.875rem;line-height:1.6;max-width:480px}.footer-bottom{max-width:1280px;margin:0 auto;text-align:center;padding-top:16px;border-top:1px solid var(--border);color:var(--muted-foreground);font-size:.75rem}.contact-section{padding:64px 24px;background:var(--background);border-top:1px solid var(--border)}.about-section{border-top:none!important}.contact-section .container{max-width:1280px;margin:0 auto}.section-title{text-align:center;margin-bottom:40px;font-size:1.5rem;font-weight:600;color:var(--foreground);letter-spacing:-.025em}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:1280px;margin:0 auto}.contact-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;transition:border-color .15s;display:flex;flex-direction:column;align-items:center}.contact-card:hover{border-color:var(--muted-foreground)}.contact-icon{font-size:2rem;margin-bottom:16px;width:56px;height:56px;background:var(--secondary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary)}.contact-card h3{margin-bottom:12px;font-size:1rem;font-weight:600;color:var(--foreground)}.contact-card p{color:var(--muted-foreground);font-size:.875rem;line-height:1.6}.contact-card a{color:var(--muted-foreground);text-decoration:none;transition:color .15s}.contact-card a:hover{color:var(--primary)}.contact-card.align-left{align-items:flex-start;text-align:left}.contact-info-list{list-style:none;padding:0;margin:0;width:100%}.contact-info-list li{padding:8px 0;border-bottom:1px solid var(--border);color:var(--muted-foreground);font-size:.875rem}.contact-info-list li:last-child{border-bottom:none}.contact-info-list strong{color:var(--foreground);display:inline-block;min-width:120px;font-weight:500}.maps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:1280px;margin:32px auto 0}.map-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.map-container h4{color:var(--foreground);margin-bottom:8px;font-size:.875rem;font-weight:600}.product-count{font-size:.8rem;color:var(--muted-foreground);white-space:nowrap;padding:4px 10px;background:var(--secondary);border-radius:9999px;font-weight:500}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.drawer-overlay.show{opacity:1;visibility:visible}.product-drawer{position:fixed;bottom:0;left:0;right:0;z-index:201;background:var(--background);border-top:1px solid var(--border);border-radius:16px 16px 0 0;max-height:85vh;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);overflow:hidden;display:none}.product-drawer.open{transform:translateY(0);display:block}.drawer-handle{width:36px;height:4px;background:var(--muted);border-radius:9999px;margin:10px auto 4px}.drawer-body{padding:8px 20px 24px;overflow-y:auto;max-height:calc(85vh - 20px);touch-action:pan-y}.drawer-image-container{position:relative;width:100%;height:260px;background:var(--secondary);border-radius:var(--radius);overflow:hidden;margin-bottom:16px;touch-action:pan-x}.drawer-image-container img{width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .3s ease,opacity .2s ease}.drawer-image-container img.swiping-left{transform:translate(-30px);opacity:.6}.drawer-image-container img.swiping-right{transform:translate(30px);opacity:.6}.drawer-swipe-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;color:var(--foreground);font-size:.75rem;font-weight:500;background:#27272ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 16px;border-radius:9999px;border:1px solid var(--border);letter-spacing:.03em}.drawer-info{display:flex;flex-direction:column;gap:8px}.drawer-code{font-size:.7rem;color:var(--muted-foreground);font-family:Courier New,monospace;letter-spacing:.05em}.drawer-title{font-size:1.1rem;font-weight:600;color:var(--foreground);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.97em}.drawer-pricing{display:flex;align-items:center;gap:8px}.drawer-old-price{font-size:.8rem;color:var(--muted-foreground);text-decoration:line-through}.drawer-discount{font-size:.7rem;font-weight:600;color:var(--primary-foreground);background:var(--primary);padding:2px 8px;border-radius:9999px}.drawer-net-price{font-size:1.75rem;font-weight:700;color:var(--foreground);margin:4px 0}.drawer-actions{display:flex;gap:8px;margin-top:8px}.drawer-qty-wrapper{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.drawer-qty-wrapper .qty-btn{width:44px;height:44px}.drawer-qty-wrapper .qty-input{width:48px;height:44px;font-size:1rem}.drawer-add-btn{flex:1;height:44px}.drawer-dots{display:flex;justify-content:center;gap:4px;margin-top:14px;padding-bottom:8px}.drawer-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);transition:all .2s}.drawer-dot.active{background:var(--primary);width:18px;border-radius:9999px}body.drawer-open{overflow:hidden}@media (max-width: 640px){.nav-container{padding:0 16px}.nav-links{display:none}.page-container{padding:0 16px;margin-top:20px}.product-list-container.grid-view{grid-template-columns:1fr}.cart-sidebar{max-width:100%;right:-100%}.floating-cart-btn{width:44px;height:44px;bottom:16px;right:16px}#scrollToTopBtn{bottom:72px;right:16px}.view-toolbar{flex-direction:row;align-items:center}.search-container{max-width:100%;flex:1}.view-options{display:none}.product-count{flex-shrink:0}.product-card{cursor:pointer}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}