#product-grid{gap:24px}
#product-grid .product{display:flex;flex-direction:column;border:1px solid #eef1f6;border-radius:19px;background:#fff;box-shadow:0 4px 18px #23375d05;overflow:hidden}
#product-grid .product:hover{border-color:#dbe5f5;box-shadow:0 12px 28px #23375d0d;transform:translateY(-3px)}
#product-grid .product-cover{position:relative;aspect-ratio:1;background:#edf4f8;flex-shrink:0}
#product-grid .product-cover img{width:100%;height:100%;object-fit:cover}
#product-grid .product-cover .tag{position:absolute;top:12px;right:12px;padding:3px 9px;border:1px solid #ffffff70;border-radius:20px;background:#fffffff0;color:#708099;font-size:10px;line-height:1.7}
#product-grid .product-cover .tag.soldout{background:#fff0e9;color:#d76d44}
#product-grid .product-info{display:flex;flex:1;flex-direction:column;padding:20px;container-type:inline-size}
#product-grid .product h3{margin:0 0 7px;color:#263248;font-size:16px;font-weight:650;line-height:1.5}
#product-grid .desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;color:#9299a5;font-size:12px;line-height:1.8;min-height:3.6em;max-height:3.6em;white-space:normal;overflow:hidden;overflow-wrap:anywhere}
#product-grid .product-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;padding-top:20px}
#product-grid .product-info>.product-bottom{margin-top:auto}
#product-grid .price{display:block;min-width:0;color:#202b3a;font-size:clamp(18px,11cqi,25px);line-height:1.3;font-weight:750;letter-spacing:-.8px;white-space:nowrap}
#product-grid .price small,#product-grid .price .woocommerce-Price-currencySymbol{font-size:13px;font-weight:600;color:#9299a5;letter-spacing:0;margin-right:2px}
#product-grid .price del{display:block;font-size:12px;font-weight:400;color:#a0a9b6;letter-spacing:0}
#product-grid .price ins{display:block}
#product-grid .product-link{display:inline-flex;align-items:center;justify-content:center;justify-self:end;min-height:36px;margin:0;padding:8px 12px;border:0;border-radius:999px;background:var(--purple);color:#fff;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap}
#product-grid .product-link:hover{color:#fff;filter:brightness(.94)}
#product-grid .product-link:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
#product-grid .product-link.stock-indicator{gap:5px;min-height:28px;padding:5px 9px;border:1px solid transparent;border-radius:6px;font-size:10px;font-weight:500;line-height:1.6}
#product-grid .stock-indicator::before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor;opacity:.7}
#product-grid .stock-indicator.stock-plenty{background:#edf9f1;border-color:#dbf0e3;color:#2a8a55}
#product-grid .stock-indicator.stock-normal{background:#eef4ff;border-color:#dfe9fb;color:#527bb9}
#product-grid .stock-indicator.stock-low{background:#fff7e9;border-color:#f5e8ca;color:#af7b25}
#product-grid .stock-indicator.stock-none{background:#f4f5f7;border-color:#e9edf2;color:#929eaf}
#product-grid .product-link.stock-indicator:hover{filter:brightness(.97)}
@media(max-width:1000px){#product-grid{gap:18px}#product-grid .product-info{padding:17px}}
@media(max-width:760px){#product-grid{gap:14px}#product-grid .product{border-radius:15px}#product-grid .product-info{padding:15px}#product-grid .product h3{font-size:14px}#product-grid .desc{font-size:11px}#product-grid .product-cover .tag{top:8px;right:8px;font-size:9px;padding:2px 7px}}
@media(max-width:520px){#product-grid .product-info{padding:13px}#product-grid .product-link{min-height:35px}#product-grid .product-cover{aspect-ratio:1}}
@container(max-width:180px){#product-grid .product-bottom{gap:6px}#product-grid .product-link{font-size:10px;padding:8px 10px}}
@media(max-width:420px){#product-grid{grid-template-columns:minmax(0,1fr)}#product-grid .product-cover{aspect-ratio:1}}