/* Auto-extracted from live homepage ml-card-critical — v5.3.29.178 */ /* === PRODUCT CARD — IDENTICAL TO STRAIN GUIDE CARDS === */ .product-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #f0f0f0;transition:box-shadow .2s,border-color .2s;cursor:pointer;display:flex;flex-direction:column} .product-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-color:#e0e0e0} .product-card.open{border-color:#1A1A1A !important} /* Photo */ .product-card__photo{position:relative;overflow:hidden;aspect-ratio:1;background:#fff;flex-shrink:0} /* v5.3.29.22: contain so cap+label bottom stay visible on tall bottle products */ .product-card__photo img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s} /* v5.3.29.25: dried mushroom flower photos are full-bleed — fill the tile */ .product-card__photo--fill{background:#0d0d0f} .product-card__photo--fill img{object-fit:cover} .product-card:hover .product-card__photo img{transform:scale(1.04)} .product-card__photo-tile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;font-family:'Outfit',sans-serif} /* Photo badges — identical to strain guide */ .product-card__photo-badges{position:absolute;top:7px;left:7px;right:7px;display:flex;align-items:flex-start;justify-content:space-between;gap:4px;z-index:2;pointer-events:none} .product-card__photo-fave{background:#F59E0B;color:#000;font-size:.55rem;font-weight:700;padding:2px 7px;border-radius:99px;line-height:1.3;white-space:nowrap;display:inline-block} .product-card__photo-badge-red{background:#E91C23;color:#fff;font-size:.55rem;font-weight:700;padding:2px 7px;border-radius:99px;line-height:1.3;white-space:nowrap;display:inline-block} .product-card__photo-badge-green{background:#2E7D32;color:#fff;font-size:.55rem;font-weight:700;padding:2px 7px;border-radius:99px;line-height:1.3;white-space:nowrap;display:inline-block} .product-card__photo-stock{display:inline-flex;align-items:center;gap:3px;background:rgba(0,0,0,.62);color:#fff;font-size:.55rem;font-weight:700;padding:2px 7px;border-radius:99px;line-height:1.3;white-space:nowrap} .product-card__photo-stock-dot{width:5px;height:5px;border-radius:50%;background:#4ade80;flex-shrink:0;display:inline-block} .product-card__photo-stock--out .product-card__photo-stock-dot{background:#f87171} /* Front — identical to strain guide card front */ .product-card__front{padding:11px 11px 10px;flex:1;display:flex;flex-direction:column} .product-card__name{font-size:.84rem;font-weight:800;color:#1A1A1A;line-height:1.25;margin-bottom:5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .product-card__meta-row{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:5px;flex-wrap:wrap} .product-card__level-pill{font-size:.55rem;font-weight:700;padding:2px 6px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;line-height:1.3;display:inline-block} .product-card__pot-wrap{display:inline-flex;align-items:center;gap:3px} .product-card__pot-dot{width:10px;height:6px;border-radius:2px;background:#e5e5e5;display:inline-block;flex-shrink:0} .product-card__pot-lbl{font-size:.6rem;font-weight:600;color:#767676;margin-left:3px;white-space:nowrap} .product-card__tagline{font-size:.7rem;color:#767676;line-height:1.35;margin-bottom:7px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .product-card__price-row{display:flex;align-items:center;justify-content:space-between;padding-top:7px;border-top:1px solid #f0f0f0;gap:6px;margin-top:auto} .product-card__price{font-size:.82rem;font-weight:800;color:#1A1A1A} .product-card__expand-btn{background:none;border:none;font-size:.65rem;font-weight:600;color:#767676;cursor:pointer;font-family:'Outfit',sans-serif;display:flex;align-items:center;gap:3px;padding:0;white-space:nowrap} .product-card__expand-arrow{transition:transform .22s;display:inline-block;font-size:.55rem} .product-card.open .product-card__expand-arrow{transform:rotate(180deg)} /* Drawer — MUST be hidden by default */ .product-card__drawer{display:none !important;border-top:1.5px solid #e5e5e5} .product-card.open .product-card__drawer{display:block !important} /* ATC — identical to strain guide */ .product-card__atc{padding:12px 11px 8px} .product-card__atc-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#767676;margin-bottom:8px} .product-card__atc-vars{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px} .product-card__atc-var{padding:8px 12px;border:1.5px solid #e5e5e5;border-radius:8px;font-family:'Outfit',sans-serif;background:#fff;cursor:pointer;text-align:center;min-width:60px;line-height:1;transition:border-color .12s,background .12s} .product-card__atc-var.selected{border-color:#E91C23;background:#FEF2F2} .product-card__atc-var:disabled{opacity:.4;cursor:not-allowed} .product-card__atc-var-w{font-size:.78rem;font-weight:800;color:#1A1A1A;display:block} .product-card__atc-var.selected .product-card__atc-var-w{color:#E91C23} .product-card__atc-var-p{font-size:.68rem;font-weight:600;color:#767676;display:block;margin-top:2px} .product-card__atc-var.selected .product-card__atc-var-p{color:#E91C23} .product-card__atc-row{display:flex;flex-direction:column;gap:6px} .product-card__qty{width:100%;display:flex;align-items:center;border:1.5px solid #e5e5e5;border-radius:8px;overflow:hidden;flex-shrink:0} .product-card__qty-btn{width:32px;height:36px;background:#f5f5f5;border:none;font-size:1rem;font-weight:700;font-family:'Outfit',sans-serif;cursor:pointer;color:#1A1A1A;display:flex;align-items:center;justify-content:center} .product-card__qty-btn:hover{background:#e0e0e0} .product-card__qty-val{width:26px;text-align:center;font-size:.84rem;font-weight:700;font-family:'Outfit',sans-serif;color:#1A1A1A} .product-card__add-btn{width:100%;padding:10px 14px;background:#E91C23;color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:700;font-family:'Outfit',sans-serif;cursor:pointer;text-align:center;transition:background .15s} .product-card__add-btn:hover{background:#333} .product-card__add-btn:disabled{opacity:.5;cursor:not-allowed} .product-card__add-btn--simple{background:#E91C23;width:100%;flex:none} .product-card__add-btn--simple:hover{background:#C41018} .product-card__add-btn-full{display:block;width:100%;padding:11px;background:#E91C23;color:#fff;border-radius:8px;font-size:.82rem;font-weight:700;text-align:center;text-decoration:none;box-sizing:border-box;transition:background .15s} .product-card__add-btn-full:hover{background:#C41018;color:#fff} .product-card__notify-btn{display:block;text-align:center;padding:9px 16px;background:#f5f5f5;color:#767676;border:1.5px solid #e5e5e5;border-radius:8px;font-size:.76rem;font-weight:600;text-decoration:none} .product-card__atc-msg{font-size:.72rem;font-weight:600;padding:6px 9px;border-radius:6px;display:none;margin-top:7px} .product-card__atc-msg.ok{background:#E8F5E9;color:#1B5E20;display:block} .product-card__atc-msg.err{background:#FEF2F2;color:#991B1B;display:block} .product-card__view-link{display:block;text-align:center;font-size:.72rem;font-weight:600;color:#767676;text-decoration:none;padding:6px 11px 11px;transition:color .15s} .product-card__view-link:hover{color:#D41920} /* Product page tile — no clipping */ .ml-prod-tile{overflow:hidden;min-width:56px} /* v5.3.29.178 utility classes replacing repeated inline styles in product-card.php */ .pc-photo-link{display:block;width:100%;height:100%} .pc-badge-stack{display:flex;flex-direction:column;gap:3px} .product-card__add-btn--simple{margin-top:8px} /* v5.3.29.192 — Product-single meta bar rules moved here so they escape * LiteSpeed UCSS async-defer (which was shoving ml-product-single-css into