/** Shopify CDN: Minification failed

Line 11:0 Unexpected "{"
Line 11:1 Expected identifier but found "%"
Line 12:0 Unexpected "="
Line 13:1 Expected identifier but found "%"
Line 14:0 Unexpected "<"
Line 88:0 Unexpected "<"

**/
{%- comment -%}
==== STYLES for cards (inline; safe anywhere before {% schema %}) ====
{%- endcomment -%}
<style>
/* Visually hide native pickers when cards are present but keep accessible */
.is-visually-hidden{ position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; }

/* Grid with equal-height cells */
.ss-variant-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(260px,1fr));
  gap:16px;
  margin:14px 0 18px;
}
@media (max-width:640px){
  .ss-variant-cards{ grid-template-columns:1fr; }
}

/* Each cell wraps ribbon + card and forces equal height */
.ss-card-wrap{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-height:132px;
}

/* Ribbons above the card */
.ss-ribbon{
  align-self:flex-start;
  margin-left:18px;
  margin-bottom:6px;
  padding:6px 10px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  line-height:1;
  box-shadow:0 1px 0 rgba(0,0,0,.06);
}
.ss-ribbon--value{ background:#33a34f; color:#fff; }
.ss-ribbon--popular{ background:#ffe57a; color:#0d2842; }

/* Card */
.ss-card{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:18px 16px;
  border:2px solid #d5d9e0;
  border-radius:14px;
  background:#fff;
  cursor:pointer;
  transition:box-shadow .15s ease, border-color .15s ease, background .15s ease;
  flex:1;
  height:100%;
}
.ss-card:hover{ box-shadow:0 2px 10px rgba(0,0,0,.06); }
.ss-card.is-selected{ border-color:#2f6fff; background:#eef4ff; }
.ss-card.is-disabled{ opacity:.55; cursor:not-allowed; }

/* Custom radio */
.ss-card__radio{
  appearance:none;
  width:18px;height:18px;margin:2px 6px 0 4px;flex:0 0 18px;
  border:2px solid #b9c1cd;border-radius:50%;background:#fff;position:relative;
}
.ss-card__radio:checked{ border-color:#2f6fff; }
.ss-card__radio:checked::after{
  content:"";position:absolute;left:50%;top:50%;
  width:8px;height:8px;border-radius:50%;background:#2f6fff;transform:translate(-50%,-50%);
}

/* Text */
.ss-card__body{ display:flex; flex-direction:column; }
.ss-card__name{ font-weight:800; color:#0d2842; font-size:18px; line-height:1.2; margin-bottom:4px; }
.ss-card__save{ color:#0d2842; font-size:16px; line-height:1.2; }
.ss-card__save strong{ font-weight:800; } /* bold % */
</style>