@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);body{background-color:#fff;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;color:#111}.saas-nav-container{display:flex;justify-content:center;margin-bottom:50px}.saas-segmented-control{display:inline-flex;background-color:#f4f4f5;padding:6px;border-radius:100px}.saas-tab{padding:8px 24px;font-size:.85rem;font-weight:600;color:#71717a;border-radius:100px;cursor:pointer;transition:all .2s ease;letter-spacing:1px;text-transform:uppercase;user-select:none}.saas-tab:hover{color:#18181b}.saas-tab.active{background-color:#fff;color:#09090b;box-shadow:0 1px 4px rgba(0,0,0,.08)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%}.product-card{text-align:center;padding:16px;border-radius:16px;background:#fff;border:1px solid #f4f4f5;position:relative}.product-img-wrapper{width:100%;height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:20px;background-color:#f1f1f1;border-radius:12px;position:relative}.product-img{max-width:90%;max-height:90%;object-fit:contain;mix-blend-mode:multiply}.btn-favorite{position:absolute;top:12px;right:12px;background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:all .2s;z-index:10}.btn-favorite:hover{color:#ef4444;border-color:#ef4444}.btn-favorite.active{color:#ef4444}.product-title{font-size:1.05rem;color:#0f172a;margin-bottom:16px;font-weight:600;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-attributes{display:flex;flex-direction:column;gap:12px;align-items:center;margin-bottom:16px}.attr-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.square-size{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;background:#fff;cursor:pointer;user-select:none}.square-size:hover{border-color:#94a3b8;color:#0f172a}.square-size.active-size{background:#0f172a;color:#fff;border-color:#0f172a}.color-option{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:2px;background-clip:content-box}.color-option.active-color{border-color:#0f172a}.saas-btn-outline{background:transparent;border:1px solid #e2e8f0;color:#0f172a;padding:8px 0;border-radius:8px;font-size:.85rem;font-weight:600;transition:.2s}.saas-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.saas-btn-solid{background:#0f172a;border:1px solid #0f172a;color:#fff;padding:8px 0;border-radius:8px;font-size:.85rem;font-weight:600;transition:.2s}.saas-btn-solid:hover{background:#1e293b}.saas-btn-solid:disabled{background:#64748b;border-color:#64748b;cursor:not-allowed}.btn-clear-cart{background:transparent;border:1px solid #ef4444;color:#ef4444;padding:8px 0;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .2s ease-in-out;width:100%}.btn-clear-cart:hover{background:#ef4444;color:#fff;box-shadow:0 4px 12px rgba(239,68,68,.2)}.floating-cart{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 10px 25px rgba(0,0,0,.2);cursor:pointer;z-index:1050;border:none;transition:transform .2s}.floating-cart:hover{transform:scale(1.05)}.bounce-animation{animation:bounce .4s ease}@keyframes bounce {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.2); }
    }.cart-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #fff}.offcanvas-header{border-bottom:1px solid #f1f5f9}.cart-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #f1f5f9;background:#fff}.cart-item-img{width:60px;height:60px;object-fit:contain;background:#f8fafc;border-radius:8px;padding:5px;margin-right:15px}.cart-item-info{flex:1}.cart-item-title{font-size:.9rem;font-weight:600;margin:0 0 5px 0}.cart-item-meta{font-size:.8rem;color:#64748b;margin:0}.qty-badge{background-color:#f1f5f9;color:#0f172a;padding:2px 6px;border-radius:4px;font-weight:700;font-size:.75rem;margin-left:5px}.btn-remove-item{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:5px;transition:.2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-remove-item:hover{color:#ef4444}.cart-list-enter-active,.cart-list-leave-active{transition:all .4s ease}.cart-list-enter-from{opacity:0;transform:translateX(30px)}.cart-list-leave-to{opacity:0;transform:translateX(-30px)}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from{opacity:0;transform:translateY(20px)}.toast-leave-to{opacity:0;transform:translateY(-20px)}.custom-toast{position:fixed;bottom:100px;right:30px;padding:12px 24px;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;z-index:1100;box-shadow:0 4px 12px rgba(0,0,0,.15)}.toast-error{background-color:#ef4444}.toast-success{background-color:#10b981}.skeleton-element{background:#f1f5f9;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-img{width:100%;height:240px;border-radius:12px;margin-bottom:20px}.skeleton-title-box{height:22px;width:70%;margin:0 auto 16px auto}.skeleton-attr-box{height:30px;width:50%;margin:0 auto 16px auto}.skeleton-btn-box{height:38px}@keyframes shimmer {
        0% { background-position: 200% 0; }
        100% { background-position: -200% 0; }
    }@media (max-width:991px){.product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-width:none}.product-grid::-webkit-scrollbar{display:none}.product-card{flex:0 0 85%;scroll-snap-align:center}.saas-nav-container{overflow-x:auto;padding:0 15px;justify-content:flex-start;scrollbar-width:none}.saas-segmented-control{flex-shrink:0}}