@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0b0c10;--bg-card:#141722;--bg-card-hover:#1b1f2e;--bg-surface:#191c2b;--bg-input:#10121b;--accent-gold:#d4af37;--accent-gold-bright:#f59e0b;--accent-gold-glow:#d4af3759;--accent-rose:#e94560;--accent-ruby:#f43f5e;--accent-emerald:#10b981;--accent-whatsapp:#25d366;--text-main:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-subtle:#ffffff14;--border-gold:#d4af3740;--border-gold-strong:#d4af3799;--shadow-sm:0 4px 6px -1px #00000080;--shadow-lg:0 20px 25px -5px #000000b3, 0 8px 10px -6px #00000080;--shadow-glow:0 0 25px #d4af3733;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);scroll-behavior:smooth;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#08090d}::-webkit-scrollbar-thumb{background:#24293a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-gold);background:#141722bf}.glass-nav{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-gold);background:#0b0c10d9}.gold-gradient-text{background:linear-gradient(135deg,#fff0bd 0%,#d4af37 50%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-gold{color:#0b0c10;cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#b8860b 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #d4af374d}.btn-gold:hover{background:linear-gradient(135deg,#f59e0b 0%,#d4af37 100%);transform:translateY(-2px);box-shadow:0 8px 25px #d4af3780}.btn-outline-gold{color:var(--accent-gold);border:1px solid var(--border-gold-strong);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:inline-flex}.btn-outline-gold:hover{border-color:var(--accent-gold);background:#d4af371f;transform:translateY(-2px)}.btn-whatsapp{color:#000;cursor:pointer;background:#25d366;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .3s;display:inline-flex}.btn-whatsapp:hover{background:#20bd5a;transform:translateY(-2px);box-shadow:0 6px 20px #25d36659}.catalog-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;height:100%;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.catalog-card:hover{border-color:var(--border-gold-strong);box-shadow:var(--shadow-glow), var(--shadow-lg);transform:translateY(-6px)}.catalog-card-title{color:#fff;cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px;margin:4px 0 8px;font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.catalog-card-fabric{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;height:18px;margin-bottom:12px;font-size:12px;overflow:hidden}.badge-pcs{color:var(--accent-gold);border:1px solid var(--border-gold);letter-spacing:.5px;text-transform:uppercase;background:#d4af3726;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.badge-stock{color:var(--accent-emerald);background:#10b98126;border:1px solid #10b9814d;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.badge-singles{color:var(--accent-rose);background:#e9456026;border:1px solid #e945604d;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.input-dark{background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:all .25s}.input-dark:focus{border-color:var(--accent-gold);box-shadow:0 0 10px #d4af3733}.select-dark{background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);cursor:pointer;border-radius:8px;outline:none;padding:12px 16px;font-size:14px}.select-dark:focus{border-color:var(--accent-gold)}.toast-container{z-index:999999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:90px;right:28px}.toast-item,.custom-toast{pointer-events:auto;-webkit-backdrop-filter:blur(16px);border-left:4px solid var(--accent-gold);color:var(--text-main);background:#0d0d0df2;border-top:1px solid #d4af3759;border-bottom:1px solid #d4af3759;border-right:1px solid #d4af3759;border-radius:12px;min-width:320px;max-width:420px;padding:16px 22px;font-size:14px;animation:.35s cubic-bezier(.175,.885,.32,1.275) slideInRight;box-shadow:0 20px 45px #000000f2,0 0 25px #d4af3733}.custom-toast.success{border-left-color:#10b981}.custom-toast.error{border-left-color:#ef4444}.custom-toast.warning{border-left-color:#f59e0b}.custom-toast.info{border-left-color:#d4af37}.toast-msg-title{color:#fff;margin-bottom:4px;font-size:14px;font-weight:800}.toast-msg-desc{color:#cbd5e1;font-size:12.5px;line-height:1.4}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.hide-on-mobile{display:flex!important}.show-on-mobile{display:none!important}@media (width<=1024px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}}@media (width<=768px){html,body{font-size:13.5px}.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}.glass-nav{padding:10px 14px!important}.mobile-search-row{width:100%!important;margin-top:10px!important}.responsive-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.hero-section{height:320px!important}.hero-title{font-size:22px!important;line-height:1.2!important}.hero-subtitle{margin-bottom:12px!important;font-size:12px!important}.catalog-card-title{height:36px!important;font-size:13px!important}.catalog-card-fabric{height:16px!important;font-size:11px!important}.modal-overlay{padding:12px!important}.modal-container{border-radius:12px!important;width:100%!important;max-height:92vh!important;padding:16px!important;overflow-y:auto!important}.toast-container{top:10px!important;left:10px!important;right:10px!important}.toast-item{min-width:unset!important;width:100%!important}}@media (width<=480px){.responsive-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.btn-gold,.btn-outline-gold,.btn-whatsapp{width:100%!important;padding:10px 12px!important;font-size:12px!important}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}