@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-primary:#111;--color-secondary:gold;--color-accent:#e5c100;--color-background:#fafafa;--color-surface:#fff;--color-text:#1a1a1a;--color-text-muted:#666;--color-border:#eaeaec;--color-footer-bg:#2a2a2a;--color-footer-text:#e5e5e5;--font-main:"Outfit", sans-serif;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--color-primary:#fff;--color-secondary:gold;--color-accent:#e5c100;--color-background:#0a0a0a;--color-surface:#171717;--color-text:#ededed;--color-text-muted:#a3a3a3;--color-border:#262626;--color-footer-bg:#1a1a1a;--color-footer-text:#ccc}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-secondary)}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-background)}.btn-primary:hover{background-color:var(--color-secondary);color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-secondary);color:#111}.btn-secondary:hover{background-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-group label{font-size:.875rem;font-weight:500}.input-control{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1rem;font-family:inherit;font-size:1rem}.input-control:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 2px #ffd70033}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;display:grid}.product-carousel{scroll-behavior:smooth;gap:1.5rem;width:100%;padding:1rem .5rem;display:flex;overflow-x:auto}.product-carousel>*{flex:0 0 280px}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff2e}@media (prefers-color-scheme:dark){.glass{background:#171717b3;border:1px solid #ffffff0d}}.dropdown{display:inline-block;position:relative}.dropdown-menu{background-color:var(--color-surface);min-width:200px;box-shadow:var(--shadow-lg);border-radius:var(--radius-md);opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:100;border:1px solid var(--color-border);flex-direction:column;padding:.5rem 0;display:flex;position:absolute;top:100%;left:0;transform:translateY(10px)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:var(--color-text);transition:background-color var(--transition-fast);padding:.75rem 1.5rem}.dropdown-item:hover{background-color:var(--color-background);color:var(--color-secondary)}.drawer-overlay{z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-normal);background-color:#00000080;position:fixed;inset:0}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{background-color:var(--color-surface);z-index:1001;width:100%;max-width:400px;height:100vh;transition:right var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;right:-400px;box-shadow:-5px 0 15px #0000001a}.drawer.open{right:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.mobile-only,.mobile-flex{display:none!important}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-flex{display:flex!important}.drawer{padding-top:65px!important}.container{padding:0 1rem}.stack-mobile{flex-direction:column!important}.sidebar-mobile{border-bottom:1px solid var(--color-border);margin-bottom:1rem;border-right:none!important;width:100%!important;position:static!important}.catalog-layout{grid-template-columns:1fr!important}.catalog-filters{width:100%!important;position:static!important}.catalog-grid{grid-template-columns:1fr!important}.flex-row-to-col{flex-direction:column!important;gap:1rem!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}table{white-space:nowrap;display:block;overflow-x:auto}.dashboard-form-grid{grid-template-columns:1fr!important}.dashboard-form-grid [style*=gridColumn]{grid-column:1!important}.container{max-width:100vw;overflow-x:hidden}.search-input-desktop{display:none!important}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.product-grid .product-card h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.95rem!important}.product-detail-info{word-break:break-word;padding:1.5rem!important}.product-detail-info h1{font-size:1.75rem!important}.product-action-buttons{grid-template-columns:1fr 2fr;gap:1rem;display:grid!important}.qty-selector{grid-column:1/2;justify-content:center}.btn-add-cart{grid-column:2/3;padding:.75rem!important;font-size:.95rem!important}.btn-favorite-wrapper{grid-column:1/3;justify-content:center;margin-top:.5rem;display:flex}}