.product-card{background:linear-gradient(145deg,#fff,#f9fafb);border:1px solid #94a3b866;border-radius:14px;flex-direction:column;height:100%;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden;box-shadow:0 14px 36px #0f172a1f}.product-card:hover{border-color:var(--theme-primary,#f97316);transform:translateY(-3px);box-shadow:0 20px 50px #0f172a2e}.product-card .card-image{background:radial-gradient(circle at top,#efefef,#fff);height:170px;position:relative;overflow:hidden}.product-card .product-image{object-fit:contain;width:100%;height:100%;padding:12px;position:absolute;inset:0}.product-card .no-image{color:#ccc;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;display:flex}.product-card .badges{z-index:2;flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;left:10px}.product-card .badges .badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:600;box-shadow:0 6px 16px #0f172a33}.product-card .campaign-badge-shared.campaign{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#ff6a00 0%,#ff3d00 55%,#e11d48 100%);border:1px solid #ffffff6b;padding:5px 11px;font-size:11px;font-weight:800;animation:1.4s ease-in-out infinite homepageCampaignPulse;box-shadow:0 8px 20px #ff562280,0 0 18px #e11d4859}.product-card .campaign-badge-shared.campaign .campaign-badge-icon{font-size:.88em}.product-card:hover .campaign-badge-shared.campaign{box-shadow:0 10px 24px #ff562299,0 0 24px #e11d4870}@keyframes homepageCampaignPulse{0%,to{box-shadow:0 8px 20px #ff562280,0 0 18px #e11d4859}50%{box-shadow:0 12px 28px #ff5622ad,0 0 30px #e11d4885}}.product-card .badges .badge.new{color:#fff;background:linear-gradient(135deg,#0f172a,#111827)}.product-card .discount-tag{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px;box-shadow:0 8px 18px #b91c1c4d}.product-card .card-content{flex-direction:column;flex:1;padding:14px 14px 12px;display:flex}.product-card .brand{color:var(--theme-primary,#f97316);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:600}.product-card .title{color:var(--theme-text-primary,#111827);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card .code{color:var(--theme-text-secondary,#6b7280);margin-bottom:12px;font-size:11px}.product-card .price-row{justify-content:flex-start;align-items:baseline;gap:8px;margin-top:auto;margin-bottom:12px;display:flex}.product-card .old-price{color:var(--theme-text-secondary,#9ca3af);font-size:12px;text-decoration:line-through}.product-card .current-price{color:var(--theme-primary,#f97316);font-size:16px;font-weight:700}.product-card .cart-controls{z-index:10;pointer-events:auto;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.product-card .quantity-wrapper{background:var(--theme-input-bg,#f9fafb);border:1px solid var(--theme-input-border,#e5e7eb);z-index:10;pointer-events:auto;border-radius:999px;align-items:center;height:30px;padding-inline:2px;display:inline-flex;position:relative}.product-card .qty-btn{width:28px;height:26px;color:var(--theme-primary,#f97316);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:background-color .18s,color .18s,transform .18s;display:flex}.product-card .qty-btn:hover:not(:disabled){color:var(--theme-primary,#f97316);background:#f8717114;transform:translateY(-1px)}.product-card .qty-btn:disabled{color:#d1d5db;cursor:not-allowed}.product-card .qty-input{text-align:center;-moz-appearance:textfield;z-index:10;pointer-events:auto;cursor:text;font-size:13px;font-weight:600;position:relative;background:0 0!important;border:none!important;width:40px!important;height:26px!important;padding:0!important}.product-card .qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-card .qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-card .qty-input:focus{box-shadow:none!important;outline:none!important}.product-card .cart-icon-btn{color:#9ca3af;cursor:not-allowed;z-index:10;pointer-events:auto;background:#e5e7eb;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:28px;font-size:16px;transition:background-color .18s,color .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.product-card .cart-icon-btn.active{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 10px 24px #f8717159}.product-card .cart-icon-btn.active:hover:not(:disabled){background:#111827;transform:translateY(-1px)}.product-card .success-message{color:#155724;background:#d4edda;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:100%;height:28px;font-size:12px;font-weight:600;display:flex}@media (max-width:576px){.product-card .card-image{height:150px}.product-card .card-content{padding:12px 12px 10px}.product-card .title{min-height:32px;font-size:12px}.product-card .quantity-wrapper{height:26px}.product-card .qty-btn{width:26px;height:24px;font-size:12px}.product-card .qty-input{font-size:12px;width:34px!important;height:24px!important}.product-card .cart-icon-btn{width:30px;height:26px;font-size:14px}}
.products-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #94a3b84d;border-radius:16px;padding:24px 24px 28px;box-shadow:0 18px 40px #0f172a29}.products-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:14px;display:flex;position:relative}.products-header:after{content:"";opacity:.85;background:#090790;border-radius:999px;height:1px;position:absolute;bottom:0;left:0;right:0}.products-header .section-title{color:var(--theme-text-primary,#111827);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.products-header .section-title i{color:var(--theme-primary,#f97316);font-size:20px}.products-header .tabs-container{background-color:#0f172a0a;border-radius:999px;align-items:center;gap:8px;padding:4px;display:inline-flex}.products-header .tab-btn{color:var(--theme-text-secondary,#4b5563);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:500;transition:color .18s,background-color .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative}.products-header .tab-btn:hover{color:var(--theme-primary,#f97316);transform:translateY(-1px)}.products-header .tab-btn.active{background:var(--theme-text-primary);color:#fff;box-shadow:0 8px 20px #f8717159}.products-header .tab-btn.active i{color:inherit}.products-header .tab-btn i{color:var(--theme-primary,#f97316);font-size:14px}.products-grid{min-height:300px}.news-container{background:#fffffffa;border:1px solid #94a3b84d;border-radius:16px;padding:20px 18px 22px;position:sticky;top:96px;box-shadow:0 18px 40px #0f172a29}.news-container .news-title{color:var(--theme-text-primary,#111827);border-bottom:2px solid var(--theme-primary,#f97316);align-items:center;margin:0 0 16px;padding-bottom:10px;font-size:16px;font-weight:700;display:flex}.news-container .news-title i{color:var(--theme-primary,#f97316)}.product-skeleton{border:1px solid var(--theme-input-border,#dee2e6);background:#fff;border-radius:8px;overflow:hidden}.product-skeleton .skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;height:160px;animation:1.5s infinite shimmer}.product-skeleton .skeleton-content{padding:16px}.product-skeleton .skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:12px;margin-bottom:10px;animation:1.5s infinite shimmer}.product-skeleton .skeleton-line:last-child{margin-bottom:0}.product-skeleton .skeleton-line.w-75{width:75%}.product-skeleton .skeleton-line.w-50{width:50%}.product-skeleton .skeleton-line.w-25{width:25%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.products-grid{min-height:300px;max-height:338px;margin:0;padding-top:3%;overflow:hidden scroll}.products-header{flex-direction:column;align-items:flex-start}.products-header .tabs-container{justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.products-header .tab-btn{padding:6px 14px;font-size:12px}.products-container,.news-container{padding:16px}.news-container{margin-bottom:16px;position:relative;top:0}}