@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#f8fafc;--bg-card:#fff;--bg-accent:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--color-primary:#0f172a;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-border:#e2e8f0;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#ea580c;--color-warning-bg:#fff7ed;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;font-size:inherit}.mobile-only{display:none!important}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{padding:0 2rem}}.site-header{background-color:var(--bg-card);border-bottom:1px solid var(--color-border);z-index:100;box-shadow:var(--shadow-sm);padding:1.25rem 0;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;display:flex}.brand{flex-direction:column;display:flex}.brand-name{letter-spacing:-.025em;color:var(--color-primary);text-transform:uppercase;font-size:1.5rem;font-weight:700}.brand-subtitle{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-top:.1rem;font-size:.75rem;font-weight:500}.header-info{align-items:center;gap:1.5rem;display:flex}.info-item{color:var(--text-secondary);font-size:.875rem}.info-label{color:var(--text-primary);font-weight:600}@media (max-width:768px){.header-container{text-align:center;flex-direction:column;align-items:center;gap:.75rem}.brand{align-items:center}.header-info{flex-direction:column;align-items:center;gap:.5rem}}.hero-section{text-align:center;background-color:var(--bg-card);border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding:3rem 0 2rem}.hero-title{letter-spacing:-.03em;color:var(--color-primary);margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.hero-desc{color:var(--text-secondary);max-width:600px;margin:0 auto 1.5rem;font-size:1.1rem;font-weight:300}.catalog-layout{grid-template-columns:1fr;gap:2rem;margin-top:2rem;margin-bottom:4rem;display:grid}@media (min-width:1024px){.catalog-layout{grid-template-columns:280px 1fr}}.filters-sidebar{background-color:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:fit-content;box-shadow:var(--shadow-sm);padding:1.5rem;position:relative;top:auto}@media (min-width:1024px){.filters-sidebar{position:sticky;top:100px}}@media (max-width:1023px){.filters-sidebar{flex-direction:column;gap:1rem;margin-bottom:.5rem;padding:1.25rem;display:flex}.filter-section{margin-bottom:0!important}}.filter-section{margin-bottom:1.5rem}.filter-section:last-child{margin-bottom:0}.filter-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.search-input-wrapper{position:relative}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--bg-primary);width:100%;color:var(--text-primary);outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--color-accent);background-color:var(--bg-card);box-shadow:0 0 0 3px #2563eb1a}.category-list{flex-direction:column;gap:.5rem;display:flex}@media (max-width:1023px){.category-list{flex-flow:wrap}.category-btn{gap:.5rem;width:auto!important;display:inline-flex!important}}.category-btn{text-align:left;border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.625rem .75rem;font-weight:500;transition:background-color .2s,color .2s;display:flex}.category-btn:hover{background-color:var(--bg-accent);color:var(--text-primary)}.category-btn.active{background-color:var(--color-primary);color:var(--bg-card)}.category-count{background-color:var(--bg-accent);color:var(--text-secondary);border-radius:9999px;padding:.125rem .375rem;font-size:.75rem;font-weight:600}.category-btn.active .category-count{color:var(--bg-card);background-color:#fff3}.products-container{flex-direction:column;gap:1.5rem;display:flex}.catalog-actions{background-color:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.results-count{color:var(--text-secondary);font-size:.875rem;font-weight:500}.sort-select{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;outline:none;padding:.5rem 2rem .5rem 1rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (max-width:640px){.product-image-container{height:140px}.product-info{padding:.75rem}.product-brand{-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;height:1.2rem;font-size:.95rem;display:-webkit-box;overflow:hidden}.product-composition{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:2.3rem;margin-bottom:.75rem;font-size:.75rem;line-height:1.15;display:-webkit-box;overflow:hidden}.category-badge{padding:.15rem .35rem;font-size:.65rem;top:.5rem;left:.5rem}.catalog-layout{margin-bottom:7rem}.catalog-actions{padding:.75rem 1rem}.results-count{font-size:.8rem}.sort-select{padding:.4rem 1.75rem .4rem .75rem;font-size:.8rem}.inquiry-badge{justify-content:center;width:calc(100% - 2rem);max-width:320px;bottom:1.5rem;left:50%;right:auto;transform:translate(-50%)}.desktop-only{display:none!important}.mobile-only{display:inline!important}}.product-card{background-color:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-image-container{border-bottom:1px solid var(--color-border);background-color:#f8fafc;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.product-image{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s}.product-card:hover .product-image{transform:scale(1.05)}.no-image{color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.category-badge{color:#fff;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172ad9;padding:.25rem .5rem;font-size:.75rem;font-weight:600;position:absolute;top:.75rem;left:.75rem}.product-info{flex-direction:column;flex-grow:1;padding:1.25rem;display:flex}.product-brand{color:var(--color-primary);-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;height:1.4rem;margin-bottom:.375rem;font-size:1.125rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.product-composition{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:2.5rem;margin-bottom:1rem;font-size:.8125rem;line-height:1.25;display:-webkit-box;overflow:hidden}.product-meta{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.meta-pack{color:var(--text-muted);font-size:.75rem}.meta-pack-type{color:var(--text-secondary);font-weight:600}.product-price{color:var(--color-primary);font-size:1.125rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a66;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);animation:.2s cubic-bezier(.16,1,.3,1) modalEnter;position:relative;overflow-y:auto}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.close-btn{cursor:pointer;color:var(--text-muted);z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s,color .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.close-btn:hover{background-color:var(--bg-accent);color:var(--text-primary)}.modal-body{padding:2rem}.modal-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:640px){.modal-grid{grid-template-columns:240px 1fr}}.modal-image-container{background-color:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:center;align-items:center;height:240px;display:flex;overflow:hidden}.modal-image{object-fit:contain;max-width:100%;max-height:100%}.modal-details{flex-direction:column;display:flex}.modal-brand{color:var(--color-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700;line-height:1.2}.modal-category{background-color:var(--bg-accent);color:var(--text-secondary);border-radius:var(--radius-sm);text-transform:uppercase;width:fit-content;margin-bottom:1.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.detail-row{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.75rem}.detail-row:last-child{border-bottom:none}.detail-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.detail-value{color:var(--text-primary);font-size:.9375rem;font-weight:500}.detail-value.composition{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.price-box{gap:2rem;margin-top:.5rem;display:flex}.price-item{flex-direction:column;display:flex}.price-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.price-val{color:var(--color-primary);font-size:1.25rem;font-weight:700}.price-val.net{color:var(--color-accent)}.action-row{align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#1e293b}.btn-accent{background-color:var(--color-accent);color:#fff}.btn-accent:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--bg-accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.inquiry-badge{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-lg);cursor:pointer;z-index:500;border:none;border-radius:9999px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:600;transition:transform .2s,background-color .2s;display:flex;position:fixed;bottom:2rem;right:2rem}.inquiry-badge:hover{background-color:#1e293b;transform:translateY(-3px)}.cart-count{background-color:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;background-color:#0f172a66;justify-content:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.drawer-content{background-color:var(--bg-card);width:100%;max-width:480px;height:100%;box-shadow:var(--shadow-lg);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) drawerEnter;display:flex}@keyframes drawerEnter{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.drawer-title{color:var(--color-primary);font-size:1.25rem;font-weight:700}.drawer-body{flex-direction:column;flex-grow:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.cart-empty{color:var(--text-muted);flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:.75rem;display:flex}.cart-items-list{flex-direction:column;gap:1rem;display:flex}.cart-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--bg-primary);justify-content:space-between;align-items:center;padding:1rem;display:flex}.cart-item-info{flex-direction:column;gap:.125rem;max-width:60%;display:flex}.cart-item-brand{font-size:.9375rem;font-weight:600}.cart-item-pack{color:var(--text-muted);font-size:.75rem}.cart-item-actions{align-items:center;gap:.75rem;display:flex}.qty-btn{border:1px solid var(--color-border);background-color:var(--bg-card);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:600;display:flex}.qty-btn:hover{background-color:var(--bg-accent)}.item-qty{text-align:center;width:20px;font-size:.9375rem;font-weight:600}.remove-item-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:.75rem;text-decoration:underline}.remove-item-btn:hover{color:var(--color-warning)}.drawer-footer{border-top:1px solid var(--color-border);background-color:var(--bg-primary);padding:1.5rem}.inquiry-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:600}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--bg-card);outline:none;padding:.625rem .875rem}.form-input:focus{border-color:var(--color-accent)}.site-footer{background-color:var(--color-primary);color:#fff;border-top:1px solid var(--color-border);margin-top:4rem;padding:3rem 0;font-size:.875rem}.footer-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (min-width:640px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-about-title{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.footer-about-desc{color:#94a3b8;line-height:1.6}.footer-section-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.75rem;font-weight:600}.footer-links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-links a{color:#94a3b8;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{color:#64748b;border-top:1px solid #1e293b;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;font-size:.75rem;display:flex}@media (min-width:640px){.footer-bottom{flex-direction:row}}.admin-layout{max-width:1200px;margin:0 auto;padding:3rem 0}.admin-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.admin-title{font-size:1.75rem;font-weight:700}.admin-table{border-collapse:collapse;background-color:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:1rem 1.5rem}.admin-table th{background-color:var(--bg-primary);color:var(--text-secondary);text-transform:uppercase;font-size:.875rem;font-weight:600}.admin-table tr:last-child td{border-bottom:none}.image-mapping-select{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;max-width:250px;padding:.5rem}.cropper-wrapper{-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);background-color:#0c0f17;max-width:100%;max-height:500px;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c}.cropper-image{object-fit:contain;pointer-events:none;max-width:100%;max-height:450px;display:block}.cropper-box{cursor:move;box-sizing:border-box;border:2px solid #3b82f6;position:absolute;box-shadow:0 0 0 9999px #0f172ab3}.cropper-handle{z-index:10;background-color:#3b82f6;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 1px 3px #0000004d}.cropper-handle-tl{cursor:nwse-resize;top:-6px;left:-6px}.cropper-handle-tr{cursor:nesw-resize;top:-6px;right:-6px}.cropper-handle-bl{cursor:nesw-resize;bottom:-6px;left:-6px}.cropper-handle-br{cursor:nwse-resize;bottom:-6px;right:-6px}.cropper-grid{pointer-events:none;position:absolute;inset:0}.cropper-grid:before{content:"";border-top:1px dashed #fff6;border-bottom:1px dashed #fff6;width:100%;height:33.33%;position:absolute;top:33.33%;left:0}.cropper-grid:after{content:"";border-left:1px dashed #fff6;border-right:1px dashed #fff6;width:33.33%;height:100%;position:absolute;top:0;left:33.33%}.cropper-btn-group{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem;display:flex}.cropper-ratio-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--bg-accent);color:var(--text-secondary);cursor:pointer;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s}.cropper-ratio-btn:hover{background-color:var(--color-border);color:var(--text-primary)}.cropper-ratio-btn.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.unmapped-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.unmapped-card{background-color:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.unmapped-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.unmapped-image-container{background-color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--color-border);justify-content:center;align-items:center;height:150px;margin-bottom:.75rem;display:flex;position:relative;overflow:hidden}.unmapped-image{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s}.unmapped-image-container:hover .unmapped-image{transform:scale(1.05)}.unmapped-filename{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.75rem;font-size:.8rem;font-weight:600;overflow:hidden}.unmapped-actions{flex-direction:column;gap:.5rem;margin-top:auto;display:flex}