/* z.shop canonical product card system v2
   One visual and behavioural component across homepage, catalogue, offers,
   favourites, CMS product blocks and related products. */
:root{
  --zs-card-bg:#fffaf3;
  --zs-card-line:#eadfce;
  --zs-card-ink:#15251f;
  --zs-card-muted:#7b837f;
  --zs-card-green:#064c3a;
  --zs-card-gold:#c9922c;
  --zs-card-red:#f05662;
  --zs-card-radius:22px;
}
.zs-store-product-card{
  position:relative;background:var(--zs-card-bg);border:1px solid var(--zs-card-line);
  border-radius:var(--zs-card-radius);overflow:hidden;min-width:0;display:flex!important;
  flex-direction:column!important;height:100%;color:var(--zs-card-ink);box-shadow:0 12px 34px rgba(22,47,38,.05);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.zs-store-product-card:hover{transform:translateY(-2px);border-color:#d8cbb8;box-shadow:0 18px 40px rgba(22,47,38,.085)}
.zs-store-product-card a{color:inherit;text-decoration:none}
.zs-store-product-card .z20-media{position:relative;aspect-ratio:1/1;background:linear-gradient(145deg,#faf3e7,#fff);overflow:hidden;flex:0 0 auto}
.zs-store-product-card .z20-media>a{display:block;width:100%;height:100%}
.zs-store-product-card .z20-media img{display:block;width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .22s ease}
.zs-store-product-card:hover .z20-media img{transform:scale(1.018)}
.zs-store-product-card .z20-wish{position:absolute;top:10px;left:10px;width:38px;height:38px;border:1px solid #d8e5df;background:rgba(255,255,255,.96);border-radius:50%;display:grid;place-items:center;color:var(--zs-card-green);font-size:17px;z-index:2;padding:0;cursor:pointer;box-shadow:0 5px 16px rgba(15,56,42,.06)}
.zs-store-product-card .z20-wish.is-active,.zs-store-product-card .z20-wish-remove{background:var(--zs-card-green);color:#fff;border-color:var(--zs-card-green)}
.zs-store-product-card .z20-discount,.zs-store-product-card .z20-unavailable{position:absolute;top:10px;right:10px;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:950;line-height:1.2;z-index:2}
.zs-store-product-card .z20-discount{background:var(--zs-card-red);color:#fff}
.zs-store-product-card .z20-unavailable{background:#5f6965;color:#fff}
.zs-store-product-card .z20-body{padding:14px;display:flex;flex-direction:column;flex:1;min-width:0}
.zs-store-product-card .z20-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#939b97;min-height:17px}
.zs-store-product-card .z20-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zs-store-product-card .z20-meta b{color:var(--zs-card-gold);display:flex;align-items:center;gap:3px;white-space:nowrap}
.zs-store-product-card h2,.zs-store-product-card h3,.zs-store-product-card h4{font-size:13px!important;line-height:1.82!important;margin:8px 0 4px!important;font-weight:900!important;min-height:47px!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.zs-store-product-card p{font-size:9.2px!important;line-height:1.8!important;color:var(--zs-card-muted)!important;margin:0!important;min-height:49px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.zs-store-card-note{display:flex;align-items:center;gap:6px;margin-top:9px;padding:7px 9px;border-radius:10px;background:#f7f1e6;color:#6d5b38;font-size:8.5px;font-weight:800;line-height:1.5;min-height:31px}
.zs-store-card-note i{color:var(--zs-card-gold);font-size:12px;flex:0 0 auto}
.zs-store-card-note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zs-store-product-card .z20-price{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;min-height:40px}
.zs-store-product-card .z20-price>div{display:flex;align-items:baseline;gap:4px;min-width:0}
.zs-store-product-card .z20-price strong{font-size:18px!important;color:var(--zs-card-green)!important;line-height:1.2}
.zs-store-product-card .z20-price small{font-size:8px!important;color:#68716d}
.zs-store-product-card .z20-price del{font-size:8px!important;color:#a4aaa7;white-space:nowrap}
.zs-store-product-card .z20-buy-form{margin:0!important}
.zs-store-product-card .z20-buy{width:100%!important;min-height:46px!important;height:46px!important;margin-top:12px!important;border:0!important;border-radius:14px!important;background:var(--zs-card-green)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-weight:900!important;font-size:11px!important;padding:0 8px!important;text-align:center!important;cursor:pointer!important;box-shadow:none!important}
.zs-store-product-card .z20-buy i{font-size:16px;flex:0 0 auto}
.zs-store-product-card .z20-buy:not(:disabled):hover{filter:brightness(.96)}
.zs-store-product-card .z20-unavailable-cta{background:#d8ddda!important;color:#68716d!important;cursor:not-allowed!important}
.zs-store-product-card[hidden]{display:none!important}
.zs-cms-product-col{margin-bottom:16px}
.zs-cms-product-col>.zs-store-product-card{width:100%}

/* Context adapters: preserve page grids but never create a second card design. */
.z15-featured-section .z15-product-card.zs-store-product-card:first-child{grid-column:auto!important;display:flex!important;grid-template-columns:none!important}
.z15-featured-section .z15-product-card.zs-store-product-card:first-child .z20-media{aspect-ratio:1/1!important;min-height:0!important}
.z15-featured-section .z15-product-card.zs-store-product-card:first-child .z20-body{padding:14px!important;justify-content:flex-start!important}
.z15-product-grid>.zs-store-product-card,.z20-grid>.zs-store-product-card,.z21-grid>.zs-store-product-card,.z25-grid>.zs-store-product-card,.z24-related-grid>.zs-store-product-card{width:100%;align-self:stretch}
.z21-grid .zs-store-card-favorite,.z25-grid .zs-store-card-offer{background:var(--zs-card-bg)!important;border-color:var(--zs-card-line)!important}

@media(max-width:767px){
  .zs-store-product-card{border-radius:18px;box-shadow:0 8px 24px rgba(22,47,38,.045)}
  .zs-store-product-card:hover{transform:none}
  .zs-store-product-card:hover .z20-media img{transform:none}
  .zs-store-product-card .z20-media img{padding:7px}
  .zs-store-product-card .z20-wish{width:32px;height:32px;top:7px;left:7px;font-size:14px}
  .zs-store-product-card .z20-discount,.zs-store-product-card .z20-unavailable{top:7px;right:7px;padding:4px 7px;font-size:8px}
  .zs-store-product-card .z20-body,.z15-featured-section .z15-product-card.zs-store-product-card:first-child .z20-body{padding:9px!important}
  .zs-store-product-card .z20-meta{font-size:7.4px;min-height:14px}
  .zs-store-product-card h2,.zs-store-product-card h3,.zs-store-product-card h4{font-size:10.2px!important;line-height:1.75!important;min-height:36px!important;margin:6px 0 2px!important}
  .zs-store-product-card p{font-size:7.7px!important;line-height:1.66!important;min-height:38px!important}
  .zs-store-card-note{margin-top:6px;padding:5px 7px;min-height:26px;font-size:7.2px;border-radius:8px}
  .zs-store-card-note i{font-size:10px}
  .zs-store-product-card .z20-price{padding-top:8px;min-height:31px}
  .zs-store-product-card .z20-price strong{font-size:12.5px!important}
  .zs-store-product-card .z20-price small,.zs-store-product-card .z20-price del{font-size:7px!important}
  .zs-store-product-card .z20-buy{height:39px!important;min-height:39px!important;margin-top:8px!important;border-radius:11px!important;font-size:8.5px!important;gap:5px!important}
  .zs-store-product-card .z20-buy i{font-size:13px}
}
@media(max-width:380px){
  .zs-store-product-card h2,.zs-store-product-card h3,.zs-store-product-card h4{font-size:9.5px!important}
  .zs-store-product-card .z20-buy span{font-size:7.8px}
}
@media(prefers-reduced-motion:reduce){
  .zs-store-product-card,.zs-store-product-card .z20-media img{transition:none!important}
}