/* ---- card 06 "Soft" ---- */
.s2-products__grid,
.sy-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px;margin:0;padding:0;list-style:none}
.snmd-product-shortcode--1{width:100%;min-width:0;margin:0;padding:0}
.snmd-product-shortcode--1>.pc{height:100%}
@media(max-width:1023px){.s2-products__grid,.sy-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}}
@media(max-width:640px){
  .s2-products__grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .sy-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--snmd-space-3,12px) - 2px)}

  .sy-product-grid .pc,.evshop-product-grid .pc,.hm-bestsellers__set .pc{padding:0;border-radius:var(--pc-radius-mobile)}
  .sy-product-grid .pc__media,.evshop-product-grid .pc__media,.hm-bestsellers__set .pc__media{padding:calc(var(--snmd-space-2,8px) - 2px) calc(var(--snmd-space-2,8px) - 2px) 0}
  .sy-product-grid .pc__shot,.evshop-product-grid .pc__shot,.hm-bestsellers__set .pc__shot{border-radius:var(--pc-radius-mobile)}
  .sy-product-grid .pc__needs,.evshop-product-grid .pc__needs,.hm-bestsellers__set .pc__needs{gap:var(--snmd-space-1,4px);margin:calc(var(--snmd-space-2,8px) * -1) 0 0;padding:0 3px 0 9px}
  .sy-product-grid .pc__need,.evshop-product-grid .pc__need,.hm-bestsellers__set .pc__need{min-height:20px;max-width:100%;padding:2px 6px;border-radius:var(--pc-badge-radius);font-size:calc(var(--snmd-type-micro,14px) - 5px);line-height:1.1}
  .sy-product-grid .pc__body,.evshop-product-grid .pc__body,.hm-bestsellers__set .pc__body{padding:11px 9px var(--snmd-space-4,16px)}
  .sy-product-grid .pc__audience,.evshop-product-grid .pc__audience,.hm-bestsellers__set .pc__audience{margin:3.5px 0 0;font-size:calc(var(--snmd-type-micro,14px) - 3px);line-height:1.4}
  .sy-product-grid .pc__name,.evshop-product-grid .pc__name,.hm-bestsellers__set .pc__name{font-size:calc(var(--snmd-type-small,16px) - 1px);line-height:1.2}
  .sy-product-grid .pc__desc,.evshop-product-grid .pc__desc,.hm-bestsellers__set .pc__desc{margin:10px 0 var(--snmd-type-micro,14px);font-size:calc(var(--snmd-type-micro,14px) - 3px);line-height:1.4}
  .sy-product-grid .pc__foot,.evshop-product-grid .pc__foot,.hm-bestsellers__set .pc__foot{align-items:flex-start;flex-direction:column;gap:var(--snmd-space-2,8px)}
  .sy-product-grid .pc__price,.evshop-product-grid .pc__price,.hm-bestsellers__set .pc__price{font-size:var(--snmd-type-small,16px)}
  .sy-product-grid .pc__rate,.evshop-product-grid .pc__rate,.hm-bestsellers__set .pc__rate{gap:5px}
  .sy-product-grid .pc__stars,.evshop-product-grid .pc__stars,.hm-bestsellers__set .pc__stars{width:60px;height:10px;-webkit-mask-size:12px 10px;mask-size:12px 10px}
  .sy-product-grid .pc__count,.evshop-product-grid .pc__count,.hm-bestsellers__set .pc__count{font-size:calc(var(--snmd-type-micro,14px) - 4px)}
}

.pc{
  --pc-card:var(--snmd-color-surface,#FFFFFF);
  --pc-line:var(--snmd-color-border,#E3E9F3);
  --pc-plate:var(--snmd-color-surface-alt,#F2EEE7);
  --pc-ink:var(--snmd-color-text,#1F1F1F);
  --pc-soft:var(--snmd-color-text-soft,#6A6259);
  --pc-mute:var(--snmd-color-text-muted,#8A8177);
  --pc-radius:calc(var(--snmd-radius-card,22px) - var(--snmd-space-1,4px));
  --pc-radius-mobile:calc(var(--snmd-radius-card,22px) - var(--snmd-space-2,8px));
  --pc-badge-radius:calc(var(--snmd-radius-small,12px) - 7px);
  --pc-copy-size:calc(var(--snmd-type-micro,14px) - 1px);

  display:flex;flex-direction:column;min-width:0;margin:0;padding:0;
  background:var(--pc-card);border:.5px solid var(--pc-line);border-radius:var(--pc-radius);
  list-style:none;font-family:var(--snmd-font-body,"DM Sans",system-ui,-apple-system,sans-serif);
  font-weight:var(--snmd-weight-body,400);
  -webkit-font-smoothing:antialiased;
}
.pc *,.pc *::before,.pc *::after{box-sizing:border-box}

/* media */
.pc__media{position:relative;display:block;padding:calc(var(--snmd-space-3,12px) - 2px) calc(var(--snmd-space-3,12px) - 2px) 0}
.pc__shot{display:block;overflow:hidden;border-radius:var(--pc-radius);background:var(--pc-card)}
.pc__shot img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}

/* Need badges overlap the seam, but stay in normal flow so long/multiple labels
   increase the card naturally instead of colliding with the product title. */
.pc__needs{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:flex-start;
  gap:calc(var(--snmd-space-2,8px) - 2px);margin:-15px 0 0;padding:0 calc(var(--snmd-space-3,12px) - 2px)}
.pc__need{display:inline-flex;align-items:center;justify-content:center;min-height:28px;
  max-width:100%;padding:4px 10px;border-radius:var(--pc-badge-radius);box-shadow:none;
  font-size:calc(var(--snmd-type-micro,14px) - 2px);font-weight:var(--snmd-weight-body,400);line-height:var(--snmd-leading-heading,1.15);text-align:center;color:var(--snmd-color-text-inverse,#FFFFFF)}
.pc__need-text{display:block;max-width:100%}
@supports (text-box:trim-both cap alphabetic){
  .pc__need-text{text-box:trim-both cap alphabetic}
}
.pc__need--clay{background:var(--snmd-color-need-clay,#D9927A)}
.pc__need--night{background:var(--snmd-color-need-night,#1F2B47)}
.pc__need--amber{background:var(--snmd-color-need-amber,#EBC46B)}
.pc__need--sage{background:var(--snmd-color-need-sage,#A6C3AE)}
.pc__need--peri{background:var(--snmd-color-need-peri,#B4C0E3)}

.pc__body{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--snmd-space-3,12px) + 1px) var(--snmd-space-3,12px) calc(var(--snmd-space-5,20px) - 1px)}
.pc__audience{margin:4.5px 0 0;font-size:var(--pc-copy-size);font-weight:var(--snmd-weight-body,400);line-height:1.55;color:var(--pc-ink)}
.pc__name{margin:0;font-family:var(--snmd-font-heading,inherit);font-size:min(19px,var(--snmd-type-h4,19px));font-weight:var(--snmd-weight-heading,600);line-height:1.24;
  letter-spacing:-.018em;color:var(--pc-ink)}
.pc__name a{color:inherit;text-decoration:none}
.pc__reg{font-size:.5em;letter-spacing:0;vertical-align:.5em}
.pc__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  margin:var(--snmd-space-3,12px) 0 var(--snmd-radius-card,22px);font-size:var(--pc-copy-size);line-height:1.55;color:var(--pc-ink)}

/* margin-top:auto pins the foot so price rows align across a row */
.pc__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--snmd-space-3,12px);margin-top:auto}
.pc__price{display:block;font-size:min(19px,var(--snmd-type-h4,19px));font-weight:var(--snmd-weight-heading,600);line-height:1.1;
  letter-spacing:-.02em;color:var(--pc-ink)}
.pc__price del,.pc__price del *{color:color-mix(in srgb,var(--pc-ink) 45%,var(--pc-card))!important;text-decoration-line:line-through!important;font-weight:var(--snmd-weight-body,400)!important}
.pc__price ins,.pc__price ins *{color:var(--pc-ink)!important;text-decoration:none!important;font-weight:var(--snmd-weight-heading,600)!important}

.pc__rate{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.pc__stars{position:relative;display:block;width:74px;height:12px;background:currentColor;
  color:color-mix(in srgb,var(--pc-ink) 18%,transparent);
  -webkit-mask:repeat left center/14.8px 12px url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.6l2.472 5.01 5.528.806-4 3.898.944 5.506L10 14.22l-4.944 2.6.944-5.506-4-3.898 5.528-.806L10 1.6Z'/%3E%3C/svg%3E");
  mask:repeat left center/14.8px 12px url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.6l2.472 5.01 5.528.806-4 3.898.944 5.506L10 14.22l-4.944 2.6.944-5.506-4-3.898 5.528-.806L10 1.6Z'/%3E%3C/svg%3E")}
.pc__stars span{position:absolute;inset:0 auto 0 0;display:block;background:var(--pc-ink)}
.pc__count{font-size:calc(var(--snmd-type-micro,14px) - 2px);line-height:1;color:var(--pc-mute)}
