.sp-card{--paper:#fff;--ink:#0c1a36;--ink-2:#2a3a5f;--muted:rgba(12,26,54,.45);--line:rgba(12,26,54,.10);--bg-2:#f4f6f9;--accent:#5eead4;--accent-dark:#0fc4a8;--page:#ebeef2;
 background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s;list-style:none;margin:0;font-family:'DM Sans',-apple-system,sans-serif;}
ul.products:has(.sp-card){display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;margin:0;padding:0;}
.related ul.products:has(.sp-card),.up-sells ul.products:has(.sp-card){grid-template-columns:repeat(4,1fr);}
.sp-card:hover{transform:translateY(-2px);border-color:rgba(12,26,54,.25);box-shadow:0 16px 32px -16px rgba(12,26,54,.15);}
.sp-card a{text-decoration:none;color:inherit;}
/* --- vis area: fixed-height white container, no pseudo-element overlays --- */
.sp-card-vis{height:150px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;}
.sp-card-vis::before,.sp-card-vis::after,.sp-card-vis.has-img::before{display:none;}
.sp-card-img{position:relative;width:auto;height:100%;max-width:100%;max-height:130px;object-fit:contain;padding:10px;z-index:1;filter:none;transition:transform .25s ease;}
.sp-card:hover .sp-card-img{transform:scale(1.045);}
/* All tone vis areas stay white (teas-tea-type-theme.php handles body gradients) */
.sp-tone-cyan .sp-card-vis,.sp-tone-sky .sp-card-vis,.sp-tone-plum .sp-card-vis,
.sp-tone-mint .sp-card-vis,.sp-tone-rose .sp-card-vis,.sp-tone-sage .sp-card-vis,
.sp-tone-amber .sp-card-vis,.sp-tone-rust .sp-card-vis{background:#fff;}
/* --- tags: pill, absolute top-left --- */
.sp-card-tag{position:absolute;top:10px;left:10px;z-index:2;padding:4px 10px;border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;font-weight:700;}
.sp-card-tag-sale{background:#0c1a36;color:#5eead4;}
.sp-card-tag-rare{background:#5eead4;color:#0c1a36;}
/* letterbox badge: absolute top-right */
.sp-card-lb{position:absolute!important;top:10px;right:10px;z-index:2;padding:3px 9px;background:rgba(12,26,54,.75);color:#fff;border-radius:999px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.10em;font-weight:700;text-decoration:none;}
/* sp-card-name hidden in V3 (product name is in card body) */
.sp-card-name{display:none;}
/* --- card body --- */
.sp-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px;flex:1;}
/* type + caffeine pill row */
.sp-card-pills{display:flex;flex-wrap:wrap;gap:5px;align-items:center;}
.sp-card-type{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:rgba(12,26,54,.06);border:1px solid rgba(12,26,54,.10);font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.12em;font-weight:700;color:var(--ink);}
.sp-card-type-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.sp-card-caf{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.12em;font-weight:700;}
.sp-caf-caf{background:rgba(14,138,62,.10);color:#0e6b32;border:1px solid rgba(14,138,62,.22);}
.sp-caf-caf-free{background:rgba(94,234,212,.12);color:var(--accent-dark);border:1px solid rgba(94,234,212,.30);}
.sp-caf-dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.sp-card-brand{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;color:var(--muted);font-weight:700;}
.sp-card-h{font-family:'DM Sans',-apple-system,sans-serif;font-weight:500;font-size:15px;line-height:1.3;color:var(--ink);margin:0;}
.sp-card-h a{color:inherit;}
.sp-card-tags{display:flex;flex-wrap:wrap;gap:4px;}
.sp-card-tags span{padding:3px 10px;background:#fff;border:1px solid rgba(12,26,54,.12);border-radius:999px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--ink-2);font-weight:700;letter-spacing:.06em;}
.sp-card-rule{height:1px;background:rgba(12,26,54,.08);margin:2px 0;flex-shrink:0;}
.sp-card-foot{display:flex;justify-content:space-between;align-items:baseline;padding-top:8px;gap:8px;margin-top:auto;}
.sp-card-pp{display:flex;flex-direction:column;gap:1px;min-width:0;}
.sp-card-cup{font-family:'DM Sans',-apple-system,sans-serif;font-weight:500;font-size:26px;color:var(--ink);letter-spacing:-.02em;line-height:1;}
.sp-card-cup span{font-family:'JetBrains Mono',monospace;font-weight:400;font-size:10px;color:var(--muted);}
.sp-card-cups{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);font-weight:600;}
.sp-card-price{font-family:'DM Sans',-apple-system,sans-serif;font-weight:500;font-size:18px;letter-spacing:-.01em;color:var(--ink);}
.sp-card-price .woocommerce-Price-amount{font-weight:500;}
.sp-card-price del{opacity:.5;font-size:14px;font-weight:400;}
/* add-to-basket: pill shape, navy bg */
.sp-card a.sp-card-add{padding:10px 18px;background:var(--ink);color:#fff!important;border-radius:999px;font-family:'DM Sans',-apple-system,sans-serif;font-weight:600;font-size:13px;transition:all .15s;display:block;text-align:center;margin-top:8px;}
.sp-card a.sp-card-add:hover{background:var(--ink-2);color:#fff!important;}
.sp-card a.sp-card-sub{display:block;text-align:center;margin-top:6px;font-size:11.5px;font-weight:600;color:var(--accent-dark)!important;text-decoration:none;letter-spacing:.01em;font-family:'DM Sans',-apple-system,sans-serif;}
.sp-card a.sp-card-sub:hover{color:var(--ink)!important;text-decoration:underline;}
@media(max-width:1100px){ul.products:has(.sp-card){grid-template-columns:repeat(2,1fr);}}