.hcg-wrapper .hcg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.hcg-wrapper .hcg-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid #f3f4f6}.hcg-wrapper .hcg-more{flex:1 1 auto;padding:11px 18px;background:#fff;border:1px solid #65b2fb;color:#0b3954;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s}@media screen and (max-width:480px){.hcg-wrapper .hcg-more{font-size:13px}}.hcg-wrapper .hcg-more:hover{background:#eff6ff}.hcg-wrapper .hcg-full-link{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;background:linear-gradient(135deg,#65b2fb,#5098e0);color:#fff;border-radius:8px;text-decoration:none;font-size:13px;font-weight:600;transition:background .15s}@media screen and (max-width:480px){.hcg-wrapper .hcg-full-link{font-size:13px}}.hcg-wrapper .hcg-full-link:hover{background:linear-gradient(135deg,#5098e0,#4080c8)}.hcg-wrapper .hcg-full-link svg{font-size:11px}@media screen and (max-width:480px){.hcg-wrapper .hcg-full-link svg{font-size:11px}}.hcg-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s;position:relative}.hcg-card:hover{border-color:#65b2fb;box-shadow:0 6px 18px rgba(11,57,84,.08)}.hcg-card.must-buy{border:2px solid #0b3954;box-shadow:0 6px 18px rgba(11,57,84,.18)}.hcg-card.out-of-stock{opacity:.65}.hcg-card.out-of-stock .hcg-image img{filter:grayscale(40%)}.hcg-card .hcg-image-link{position:relative;display:block;background:#f9fafb;aspect-ratio:1/1;text-decoration:none;overflow:hidden}.hcg-card .hcg-image-link .hcg-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hcg-card .hcg-image-link .hcg-image img{max-width:85%;max-height:85%;object-fit:contain}.hcg-card .hcg-image-link .hcg-noimg{font-size:40px;color:#d1d5db}@media screen and (max-width:480px){.hcg-card .hcg-image-link .hcg-noimg{font-size:40px}}.hcg-card .hcg-image-link .hcg-kind-pill{position:absolute;top:8px;left:8px;font-size:9px;font-weight:700;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media screen and (max-width:480px){.hcg-card .hcg-image-link .hcg-kind-pill{font-size:9px}}.hcg-card .hcg-image-link .hcg-kind-pill.kind-toner{color:#65b2fb;border:1px solid rgba(101,178,251,.4)}.hcg-card .hcg-image-link .hcg-kind-pill.kind-drum{color:#0b3954;border:1px solid rgba(11,57,84,.4)}.hcg-card .hcg-image-link .hcg-kind-pill.kind-fuser{color:#da199e;border:1px solid rgba(218,25,158,.4)}.hcg-card .hcg-image-link .hcg-kind-pill.kind-developer{color:#ca8a04;border:1px solid #fde047}.hcg-card .hcg-image-link .hcg-kind-pill.kind-other{color:#6b7280;border:1px solid #e5e7eb}.hcg-card .hcg-image-link .hcg-eco-pill{position:absolute;top:8px;right:8px;background:#168826;color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:10px;display:inline-flex;align-items:center;gap:3px;text-transform:uppercase;letter-spacing:.5px}@media screen and (max-width:480px){.hcg-card .hcg-image-link .hcg-eco-pill{font-size:9px}}.hcg-card .hcg-image-link .hcg-eco-pill svg{font-size:9px}@media screen and (max-width:480px){.hcg-card .hcg-image-link .hcg-eco-pill svg{font-size:9px}}.hcg-card .hcg-image-link .hcg-must-pill{position:absolute;bottom:8px;left:8px;background:#0b3954;color:#fff;font-size:9px;font-weight:700;padding:4px 9px;border-radius:10px;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.5px}@media screen and (max-width:480px){.hcg-card .hcg-image-link .hcg-must-pill{font-size:9px}}.hcg-card .hcg-image-link .hcg-must-pill svg{font-size:9px}@media screen and (max-width:480px){.hcg-card .hcg-image-link .hcg-must-pill svg{font-size:9px}}.hcg-card .hcg-body{flex:1 1;padding:12px 12px 0}.hcg-card .hcg-body .hcg-title-link{text-decoration:none;color:inherit}.hcg-card .hcg-body .hcg-title-link h3{font-size:13px;font-weight:600;color:#1f2937;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}@media screen and (max-width:480px){.hcg-card .hcg-body .hcg-title-link h3{font-size:13px}}.hcg-card .hcg-body .hcg-title-link:hover h3{color:#0b3954}.hcg-card .hcg-footer{padding:10px 12px 12px}.hcg-card .hcg-footer .hcg-price-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.hcg-card .hcg-footer .hcg-price-row .hcg-price{font-size:15px;font-weight:700;color:#1f2937}@media screen and (max-width:480px){.hcg-card .hcg-footer .hcg-price-row .hcg-price{font-size:15px}}.hcg-card .hcg-footer .hcg-price-row .hcg-price-na{font-size:11px;color:#6b7280;font-weight:500}@media screen and (max-width:480px){.hcg-card .hcg-footer .hcg-price-row .hcg-price-na{font-size:11px}}.hcg-card .hcg-footer .hcg-price-row .hcg-stock-pill{font-size:9px;background:rgba(22,136,38,.12);color:#168826;padding:2px 7px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}@media screen and (max-width:480px){.hcg-card .hcg-footer .hcg-price-row .hcg-stock-pill{font-size:9px}}.hcg-card .hcg-footer .hcg-price-row .hcg-out-pill{font-size:9px;background:rgba(187,33,36,.1);color:#bb2124;padding:2px 7px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}@media screen and (max-width:480px){.hcg-card .hcg-footer .hcg-price-row .hcg-out-pill{font-size:9px}}.hcg-card .hcg-footer .hcg-cta{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;background:linear-gradient(135deg,#65b2fb,#5098e0);color:#fff;border-radius:6px;text-decoration:none;font-size:12px;font-weight:600;transition:background .15s}@media screen and (max-width:480px){.hcg-card .hcg-footer .hcg-cta{font-size:12px}}.hcg-card .hcg-footer .hcg-cta:hover{background:linear-gradient(135deg,#5098e0,#4080c8)}.hcg-card .hcg-footer .hcg-cta svg{font-size:11px}@media screen and (max-width:480px){.hcg-card .hcg-footer .hcg-cta svg{font-size:11px}}.Toastify__toast.add-to-cart-toast-wrapper{background:#fff;border-radius:12px;border:1px solid #d1fae5;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:0;min-height:auto}.Toastify__toast.add-to-cart-toast-wrapper .Toastify__toast-body{padding:0;margin:0;align-items:stretch}.Toastify__toast.add-to-cart-toast-wrapper .Toastify__progress-bar{background:linear-gradient(90deg,#10b981,#06b6d4)}.Toastify__toast.add-to-cart-toast-wrapper .Toastify__close-button{align-self:flex-start;margin:8px 8px 0 0;color:#9ca3af}.add-to-cart-toast{display:flex;gap:12px;padding:14px 14px 12px;align-items:flex-start;width:100%}.add-to-cart-toast__icon{flex-shrink:0;color:#10b981;font-size:28px;margin-top:2px}@media screen and (max-width:480px){.add-to-cart-toast__icon{font-size:28px}}.add-to-cart-toast__content{flex:1 1;min-width:0}.add-to-cart-toast__title{font-size:14px;font-weight:700;color:#065f46;margin-bottom:4px}@media screen and (max-width:480px){.add-to-cart-toast__title{font-size:14px}}.add-to-cart-toast__preview{display:flex;gap:6px;align-items:baseline;margin-bottom:10px;font-size:12px;color:#4b5563}@media screen and (max-width:480px){.add-to-cart-toast__preview{font-size:12px}}.add-to-cart-toast__preview .qty{flex-shrink:0;font-weight:700;color:#06b6d4}.add-to-cart-toast__preview .name{flex:1 1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;word-break:break-word}.add-to-cart-toast__actions{display:flex;gap:8px;flex-wrap:wrap}.add-to-cart-toast__actions .continue-btn,.add-to-cart-toast__actions .view-cart-btn{font-size:12px;font-weight:600;padding:7px 12px;border-radius:6px;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}@media screen and (max-width:480px){.add-to-cart-toast__actions .continue-btn,.add-to-cart-toast__actions .view-cart-btn{font-size:12px}}.add-to-cart-toast__actions .continue-btn{background:#f3f4f6;color:#374151}.add-to-cart-toast__actions .continue-btn:hover{background:#e5e7eb}.add-to-cart-toast__actions .view-cart-btn{background:#16a34a;color:#fff}.add-to-cart-toast__actions .view-cart-btn:hover{background:#15803d;box-shadow:0 4px 12px rgba(22,163,74,.3);transform:translateY(-1px)}@media screen and (max-width:480px){.Toastify__toast-container--top-center{top:12px!important;width:calc(100vw - 24px)!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;padding:0!important}}.restock-notify-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.restock-notify-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.restock-notify-modal__panel{position:relative;background:#fff;width:100%;max-width:460px;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.25);padding:28px 24px 24px;animation:restock-notify-pop .18s ease-out}.restock-notify-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#4b5563;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}.restock-notify-modal__close:hover{background:#e5e7eb;color:#111827}.restock-notify-modal__header{text-align:center;margin-bottom:20px}.restock-notify-modal__header h2{margin:8px 0 4px;font-size:20px;color:#111827;font-weight:700}@media screen and (max-width:480px){.restock-notify-modal__header h2{font-size:20px}}.restock-notify-modal__icon{margin:0 auto;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;display:flex;align-items:center;justify-content:center;font-size:24px}@media screen and (max-width:480px){.restock-notify-modal__icon{font-size:24px}}.restock-notify-modal__subtitle{font-size:13px;color:#6b7280;max-width:360px;margin:0 auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media screen and (max-width:480px){.restock-notify-modal__subtitle{font-size:13px}}.restock-notify-modal__copy{margin:0 0 14px;font-size:13px;color:#374151;line-height:1.5}@media screen and (max-width:480px){.restock-notify-modal__copy{font-size:13px}}.restock-notify-modal__field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.restock-notify-modal__field span{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.4px}@media screen and (max-width:480px){.restock-notify-modal__field span{font-size:12px}}.restock-notify-modal__field input{width:100%;padding:11px 14px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;transition:border-color .15s,box-shadow .15s}@media screen and (max-width:480px){.restock-notify-modal__field input{font-size:14px}}.restock-notify-modal__field input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px rgba(6,182,212,.18)}.restock-notify-modal__field input:disabled{background:#f3f4f6;cursor:not-allowed}.restock-notify-modal__error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:12px}@media screen and (max-width:480px){.restock-notify-modal__error{font-size:13px}}.restock-notify-modal__actions{display:flex;gap:10px;justify-content:flex-end}.restock-notify-modal__actions .primary-action,.restock-notify-modal__actions .secondary-action{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}@media screen and (max-width:480px){.restock-notify-modal__actions .primary-action,.restock-notify-modal__actions .secondary-action{font-size:14px}}.restock-notify-modal__actions .secondary-action{background:#f3f4f6;color:#374151}.restock-notify-modal__actions .secondary-action:hover:not(:disabled){background:#e5e7eb}.restock-notify-modal__actions .primary-action{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.restock-notify-modal__actions .primary-action:hover:not(:disabled){box-shadow:0 4px 14px rgba(6,182,212,.4);transform:translateY(-1px)}.restock-notify-modal__actions .primary-action:disabled{opacity:.6;cursor:not-allowed}.restock-notify-modal__body--info,.restock-notify-modal__body--success{text-align:center;padding:8px 0 0}.restock-notify-modal__body--info .info-icon,.restock-notify-modal__body--info .success-icon,.restock-notify-modal__body--success .info-icon,.restock-notify-modal__body--success .success-icon{font-size:36px;margin-bottom:10px}@media screen and (max-width:480px){.restock-notify-modal__body--info .info-icon,.restock-notify-modal__body--info .success-icon,.restock-notify-modal__body--success .info-icon,.restock-notify-modal__body--success .success-icon{font-size:36px}}.restock-notify-modal__body--info .success-icon,.restock-notify-modal__body--success .success-icon{color:#16a34a}.restock-notify-modal__body--info .info-icon,.restock-notify-modal__body--success .info-icon{color:#0891b2}.restock-notify-modal__body--info p,.restock-notify-modal__body--success p{font-size:14px;color:#374151;line-height:1.5;margin:0 0 18px}@media screen and (max-width:480px){.restock-notify-modal__body--info p,.restock-notify-modal__body--success p{font-size:14px}}.restock-notify-modal__body--info .primary-action,.restock-notify-modal__body--success .primary-action{padding:10px 22px;border-radius:8px;border:none;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;font-size:14px;font-weight:600;cursor:pointer}@media screen and (max-width:480px){.restock-notify-modal__body--info .primary-action,.restock-notify-modal__body--success .primary-action{font-size:14px}}@keyframes restock-notify-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}