/** Shopify CDN: Minification failed

Line 410:10 Expected identifier but found whitespace
Line 410:11 Unexpected "polygon("

**/
/* bundle-deal-section.css — v35 — Poppins + DM Sans */

/* ─── Google Fonts ─── */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;0,800;1,400&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

/* ─── Reset ─── */
.scs-section *,
.scs-section *::before,
.scs-section *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ══════════════════════════════════════
   CSS VARIABLE DEFAULTS
══════════════════════════════════════ */
.scs-section {
  --scs-accent:            #e91e8c;
  --scs-accent-dark:       #c4177a;
  --scs-accent-light:      #fff0f7;
  --scs-accent-border:     #f9c0df;
  --scs-ba-border:         #d4106e;
  --scs-text:              #1a1a1a;
  --scs-muted:             #666666;
  --scs-bg:                #ffffff;
  --scs-pill-bar-bg:       #ffffff;
  --scs-pill-active-bg:    #e91e8c;
  --scs-pill-active-text:  #ffffff;
  --scs-pill-bg:           #ffffff;
  --scs-pill-text:         #e91e8c;
  --scs-pill-border:       #e91e8c;
  --scs-btn-bg:            #e91e8c;
  --scs-btn-text:          #ffffff;
  --scs-sidebar-bg:        #ffffff;
  --scs-sidebar-border:    #f0f0f0;
  --scs-save-bg:           #00c853;
  --scs-save-text:         #ffffff;
  --scs-price-color:       #e91e8c;
  --scs-ba-label-bg:       #1a1a1a;
  --scs-ba-label-text:     #ffffff;
  --scs-slider-btn:        #e91e8c;
  --scs-tag-bg:            #fff0f7;
  --scs-tag-border:        #f9c0df;
  --scs-tag-text:          #e91e8c;

  --scs-section-pt:        0px;
  --scs-section-pb:        60px;
  --scs-section-max:       1400px;
  --scs-section-side:      70px;
  --scs-pillbar-pt:        10px;
  --scs-pillbar-pb:        10px;
  --scs-pillbar-pl:        20px;
  --scs-pillbar-pr:        20px;
  --scs-content-pt:        32px;
  --scs-content-pb:        32px;
  --scs-content-pl:        32px;
  --scs-content-pr:        32px;
  --scs-content-gap:       20px;
  --scs-ba-width:          380px;
  --scs-ba-radius:         16px;
  --scs-sidebar-width:     300px;
  --scs-sidebar-pt:        24px;
  --scs-sidebar-pb:        24px;
  --scs-sidebar-pl:        24px;
  --scs-sidebar-pr:        24px;
  --scs-ba-title-size:     36px;
  --scs-price-size:        36px;
  --scs-pill-font-size:    13px;
  --scs-mob-section-pb:    40px;
  --scs-mob-content-pt:    16px;
  --scs-mob-content-pb:    16px;
  --scs-mob-content-pl:    14px;
  --scs-mob-content-pr:    14px;
  --scs-mob-content-gap:   16px;
  --scs-mob-ba-title-size: 24px;
  --scs-mob-price-size:    28px;
  --scs-mob-pill-size:     12px;

  /* ── Font families ── */
  --scs-font-heading: 'Poppins', 'DM Sans', -apple-system, sans-serif;
  --scs-font-body:    'DM Sans', 'Poppins', -apple-system, sans-serif;
}

/* ── Side spacing ── */
.scs-inner {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* ── Title fix ── */
.scs-plan-title-styled {
  font-size:      22px !important;
  line-height:    1.1 !important;
  letter-spacing: 0 !important;
  word-spacing:   normal !important;
  word-break:     break-word !important;
  hyphens:        none !important;
}

/* ── Tags inline + size ── */
.scs-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
.scs-tag {
  font-size: 11px !important;
  padding: 3px 8px !important;
  white-space: nowrap !important;
}

/* ── Product card bottom gap ── */
.scs-card         { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.scs-product-area { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.scs-main-col     { padding-bottom: 0 !important; }

/* ══════════════════════════════════════
   OUTER SECTION
══════════════════════════════════════ */
.scs-section {
  background:     var(--scs-bg);
  padding-top:    var(--scs-section-pt);
  padding-bottom: var(--scs-section-pb);
  font-family:    var(--scs-font-body);
  color:          var(--scs-text);
  width:          100%;
  overflow-x:     hidden;
}
.scs-inner {
  max-width:     var(--scs-section-max);
  margin-left:   auto;
  margin-right:  auto;
  padding-left:  var(--scs-section-side);
  padding-right: var(--scs-section-side);
}

/* ══════════════════════════════════════
   PILL NAVBAR
══════════════════════════════════════ */
.scs-pill-bar {
  display:          flex;
  align-items:      center;
  background:       var(--scs-pill-bar-bg);
  border-bottom:    2px solid var(--scs-accent-border);
  padding:          var(--scs-pillbar-pt) var(--scs-pillbar-pl) var(--scs-pillbar-pb) var(--scs-pillbar-pr);
  overflow-x:       auto;
  overflow-y:       hidden;
  gap:              8px;
  scrollbar-width:  none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  cursor:           grab;
  white-space:      nowrap;
}
.scs-pill-bar::-webkit-scrollbar { display: none; }
.scs-pill-bar.is-dragging { cursor: grabbing; user-select: none; }

.scs-nav-pill {
  display:           inline-flex;
  align-items:       center;
  gap:               8px;
  padding:           9px 18px 9px 10px;
  border-radius:     999px;
  background:        var(--scs-pill-bg);
  color:             var(--scs-pill-text);
  border:            1.5px solid var(--scs-pill-border);
  font-size:         var(--scs-pill-font-size);
  font-weight:       600;
  font-family:       var(--scs-font-body);
  cursor:            pointer;
  transition:        background .18s, color .18s, border-color .18s, box-shadow .18s;
  white-space:       nowrap;
  flex-shrink:       0;
  scroll-snap-align: start;
  user-select:       none;
  line-height:       1;
}
.scs-nav-pill__icon {
  display:         flex;
  align-items:     center;
  justify-content: center;
  width:           30px; height: 30px;
  border-radius:   50%;
  background:      var(--scs-accent-light);
  font-size:       15px;
  flex-shrink:     0;
  transition:      background .18s;
}
.scs-nav-pill__label { font-size: var(--scs-pill-font-size); font-weight: 600; line-height: 1; font-family: var(--scs-font-body); }
.scs-nav-pill__arrow { font-size: 10px; opacity: .45; flex-shrink: 0; margin-left: 2px; }

.scs-nav-pill--active,
.scs-nav-pill[aria-selected="true"] {
  background:   var(--scs-pill-active-bg);
  color:        var(--scs-pill-active-text);
  border-color: var(--scs-pill-active-bg);
  box-shadow:   0 4px 18px rgba(233,30,140,.22);
}
.scs-nav-pill--active .scs-nav-pill__icon,
.scs-nav-pill[aria-selected="true"] .scs-nav-pill__icon { background: rgba(255,255,255,.22); }
.scs-nav-pill--active .scs-nav-pill__arrow,
.scs-nav-pill[aria-selected="true"] .scs-nav-pill__arrow { opacity: .8; }
.scs-nav-pill:hover:not(.scs-nav-pill--active) {
  background:   var(--scs-accent-light);
  border-color: var(--scs-accent);
  color:        var(--scs-accent);
}

/* ══════════════════════════════════════
   PANEL
══════════════════════════════════════ */
.scs-panel         { display: none; animation: scs-fade .22s ease; }
.scs-panel--active { display: block; }
@keyframes scs-fade {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ══════════════════════════════════════
   CONTENT WRAP
══════════════════════════════════════ */
.scs-content-wrap {
  display:     flex;
  align-items: stretch;
  gap:         var(--scs-content-gap);
  padding:     var(--scs-content-pt) var(--scs-content-pr) var(--scs-content-pb) var(--scs-content-pl);
}
.scs-main-col {
  flex:           1 1 0;
  min-width:      0;
  display:        flex;
  flex-direction: column;
  gap:            24px;
}

/* ── Plan Label ── */
.scs-plan-label {
  font-size:      11px;
  font-weight:    700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color:          var(--scs-accent);
  font-family:    var(--scs-font-body);
  margin-bottom:  8px;
  display:        flex;
  align-items:    center;
  gap:            6px;
  justify-content: flex-start;
}
.scs-plan-label::before,
.scs-plan-label::after { content: '·'; font-size: 14px; color: var(--scs-accent); }

/* ── Plan Description ── */
.scs-plan-desc {
  font-size:   14px;
  color:       var(--scs-muted);
  font-style:  italic;
  line-height: 1.7;
  margin-top:  10px;
  font-family: var(--scs-font-body);
  text-align:  left;
  max-width:   420px;
}

/* ══════════════════════════════════════
   TOP ROW: title + B/A slider
══════════════════════════════════════ */
.scs-top-row { display: flex; align-items: center; gap: 30px; }
.scs-info-block { flex: 1 1 0; min-width: 0; padding-top: 0; }

.scs-plan-title-wrap { margin-bottom: 14px; }
.scs-plan-title-styled {
  font-size:      var(--scs-ba-title-size);
  font-weight:    800;
  color:          var(--scs-text);
  line-height:    1.1;
  letter-spacing: -0.01em;
  margin-bottom:  6px;
  font-family:    var(--scs-font-heading);
  word-break:     break-word;
  hyphens:        none;
}
.scs-title-highlight {
  font-style:  italic;
  color:       var(--scs-accent);
  position:    relative;
  white-space: nowrap;
  font-family: var(--scs-font-heading);
}
.scs-title-highlight::after {
  content: ''; position: absolute;
  left: 0; right: 0; bottom: -2px;
  height: 2px; background: var(--scs-accent);
  border-radius: 2px; opacity: .4;
}
.scs-title-underline {
  width: 40px; height: 3px;
  background: linear-gradient(90deg, var(--scs-accent), transparent);
  border-radius: 2px; margin-top: 8px; margin-bottom: 12px;
}

.scs-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.scs-tag {
  display:    inline-flex; align-items: center; gap: 5px;
  padding:    6px 14px; border-radius: 999px;
  border:     1.5px solid var(--scs-tag-border);
  color:      var(--scs-tag-text); font-size: 12px; font-weight: 600;
  background: var(--scs-tag-bg); white-space: nowrap;
  font-family: var(--scs-font-body);
}
.scs-tag__icon { font-size: 14px; }

/* ══════════════════════════════════════
   B/A SLIDER
══════════════════════════════════════ */
.scs-ba-slider {
  flex:          0 0 var(--scs-ba-width);
  width:         var(--scs-ba-width);
  border-radius: var(--scs-ba-radius);
  overflow:      hidden;
  box-shadow:    0 8px 40px rgba(233,30,140,.12);
  user-select:   none;
  border:        2px solid var(--scs-ba-border);
}
.scs-ba-inner {
  position:     relative; width: 100%; aspect-ratio: 4 / 3;
  overflow:     hidden; background: #f0e0e8;
  touch-action: none !important; cursor: ew-resize;
  user-select:  none; -webkit-user-select: none;
}
.scs-ba-before { position: absolute; inset: 0; overflow: hidden; }
.scs-ba-after  { position: absolute; inset: 0; clip-path: inset(0 50% 0 0); }
.scs-ba-before img, .scs-ba-after img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  pointer-events: none; user-select: none; -webkit-user-drag: none;
}
.scs-ba-placeholder {
  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 700; color: #aaa; background: #f0f0f0;
  font-family: var(--scs-font-body);
}
.scs-ba-placeholder--after { background: #f5e0ec; color: #c4a0aa; }
.scs-ba-label {
  position: absolute; bottom: 14px;
  padding: 6px 16px; border-radius: 999px;
  font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  background: var(--scs-ba-label-bg); color: var(--scs-ba-label-text);
  font-family: var(--scs-font-body);
  pointer-events: none; user-select: none;
}
.scs-ba-label--before { left: 14px; }
.scs-ba-label--after  { right: 14px; background: var(--scs-accent); }
.scs-ba-handle {
  position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%);
  width: 48px; display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  cursor: ew-resize; z-index: 10; touch-action: none; pointer-events: none;
}
.scs-ba-handle__line {
  position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%);
  width: 2px; background: rgba(255,255,255,.8);
}
.scs-ba-handle__circle {
  position:   relative; z-index: 2;
  width:      44px; height: 44px; border-radius: 50%;
  background: var(--scs-slider-btn); color: #fff;
  display:    flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 16px rgba(233,30,140,.35);
  transition: transform .14s; pointer-events: none; border: 3px solid #fff;
}
.scs-ba-handle.dragging .scs-ba-handle__circle { transform: scale(1.15); }

/* ══════════════════════════════════════
   PRODUCT AREA
══════════════════════════════════════ */
.scs-product-area {
  display:        flex;
  flex-direction: row;
  align-items:    flex-end;
  gap:            20px;
}

/* ── PRODUCT CARD ── */
.scs-card {
  flex:           0 0 260px;
  width:          260px;
  height:         auto;
  background:     #fff;
  border-radius:  18px;
  overflow:       hidden;
  border:         1px solid #f0f0f0;
  position:       relative;
  display:        flex;
  flex-direction: column;
  box-shadow:     0 2px 14px rgba(0,0,0,.07);
  transition:     box-shadow .2s, transform .2s;
}
.scs-card:hover { box-shadow: 0 8px 28px rgba(233,30,140,.15); transform: translateY(-3px); }
.scs-card__badge {
  position:    absolute; top: 12px; left: 0; z-index: 2;
  background: #e73948; color: #fff;
  font-size:   11px; font-weight: 700; letter-spacing: .04em;
  padding:     3px 18px 3px 12px;
  font-family: var(--scs-font-body);
  clip-path:   polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
}
clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
.scs-card__img-link {
  display:      block;
  flex:         0 0 auto;
  height:       260px;
  overflow:     hidden;
  background:   #f6f6f6;
}
.scs-card__img-link img {
  width: 100%; height: 100%; object-fit: cover;
  display: block; transition: transform .3s;
}
.scs-card:hover .scs-card__img-link img { transform: scale(1.04); }
.scs-card__img-placeholder {
  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
  font-size: 42px; font-weight: 800; color: #ddd; background: #f5f5f5;
}

.scs-card__body {
  flex-shrink:    0;
  padding:        12px 14px 14px;
  display:        flex;
  flex-direction: column;
  gap:            8px;
  background:     #fff;
  border-top:     1px solid #f5f5f5;
}

/* ── Card Title — DM sans ── */
.scs-card__title {
  font-size:   15px;
  font-weight: 500;
  color:       var(--scs-text);
  font-family: var(--scs-font-heading);
  text-decoration: none;
  line-height: 1.3;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.scs-card__title:hover { color: var(--scs-accent); }

/* ── Reviews / Stars ── */
/* ── Reviews / Stars ── */
.scs-reviews {
  line-height:  1;
  font-family:  var(--scs-font-body);
  font-size:    12px;
  font-weight:  500;
    color: #1a1a1a !important;
 /* review count = black */
}
.scs-reviews .jdgm-prev-badge__text,
.scs-reviews .jdgm-preview-badge *:not([class*="star"]):not([class*="Star"]) {
  color: #464646ff !important;
}
/* JudgeMe star color */
.scs-reviews .jdgm-prev-badge__stars,
.scs-reviews .jdgm-star,
.scs-reviews [class*="jdgm-star"] {
  color: #fab800 !important;
}

/* ── Price row — Poppins ── */
.scs-card__price-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.scs-card__price {
  font-size:   15px;
  font-weight: 600;
  color:       #1b1b1bff;
  font-family: var(--scs-font-heading);
}
.scs-card__compare-price {
  font-size:       11px;
  color:           #aaa;
  text-decoration: line-through;
  font-family:     var(--scs-font-body);
}
.scs-card__saving {
  font-size:   10px;
  color:       #00a550;
  font-weight: 700;
  font-family: var(--scs-font-body);
}

/* ── Add to Cart button — Poppins ── */
.scs-card__atc {
  display:     block; width: 100%; padding: 11px 0;
  background:  var(--scs-btn-bg); color: var(--scs-btn-text);
  border:      none; border-radius: 999px;
  font-size:   11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  font-family: var(--scs-font-heading);
  cursor:      pointer; text-align: center; text-decoration: none;
  transition:  opacity .18s, transform .14s;
}
.scs-card__atc:hover    { opacity: .88; transform: translateY(-1px); }
.scs-card__atc:disabled { background: #ccc; cursor: not-allowed; transform: none; }

/* ══════════════════════════════════════
   TRUST BADGES COLUMN
══════════════════════════════════════ */
.scs-badges-col {
  flex:            0 0 auto;
  display:         flex;
  flex-direction:  row;
  align-items:     flex-end;
  justify-content: flex-end;
  gap:             10px;
  min-width:       0;
  align-self:      flex-end;
}
.scs-badge-item {
  display:         flex;
  flex-direction:  column;
  align-items:     center;
  justify-content: center;
  gap:             8px;
  width:           150px;
  height:          150px;
  border-radius:   14px;
  border:          1px solid var(--scs-accent-border);
  background:      var(--scs-accent-light);
  transition:      box-shadow .18s;
  text-align:      center;
  padding:         10px;
}
.scs-badge-item:hover { box-shadow: 0 4px 16px rgba(233,30,140,.12); }
.scs-badge-icon {
  flex-shrink: 0; width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
}
.scs-badge-icon svg { width: 28px; height: 28px; stroke: var(--scs-accent); fill: none; }
.scs-badge-info__title {
  font-size:   11px; font-weight: 700; line-height: 1.2;
  color:       var(--scs-text);
  font-family: var(--scs-font-heading);
  margin-bottom: 2px;
}
.scs-badge-info__sub {
  font-size:   10px; color: var(--scs-muted); line-height: 1.2;
  font-family: var(--scs-font-body);
}

.scs-show-more { display: flex; margin-top: 4px; }
.scs-show-more__btn {
  display:     inline-flex; align-items: center; gap: 8px;
  padding:     10px 22px; border: 2px solid var(--scs-accent);
  border-radius: 999px; color: var(--scs-accent);
  font-size:   13px; font-weight: 700; text-decoration: none;
  font-family: var(--scs-font-heading);
  transition:  background .18s, color .18s;
}
.scs-show-more__btn:hover { background: var(--scs-accent); color: #fff; }

/* ══════════════════════════════════════
   SIDEBAR
══════════════════════════════════════ */
.scs-sidebar {
  flex:            0 0 var(--scs-sidebar-width);
  width:           var(--scs-sidebar-width);
  position:        sticky;
  top:             20px;
  align-self:      flex-start;
  background:      var(--scs-sidebar-bg);
  border:          1.5px solid var(--scs-sidebar-border);
  border-radius:   20px;
  padding:         var(--scs-sidebar-pt) var(--scs-sidebar-pr) var(--scs-sidebar-pb) var(--scs-sidebar-pl);
  box-shadow:      0 4px 24px rgba(0,0,0,.06);
  display:         flex;
  flex-direction:  column;
  gap:             12px;
  scrollbar-width: thin;
}
.scs-sidebar::-webkit-scrollbar       { width: 4px; }
.scs-sidebar::-webkit-scrollbar-thumb { background: var(--scs-accent-border); border-radius: 4px; }

.scs-deal-header { display: flex; align-items: center; gap: 12px; }
.scs-deal-icon {
  flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%;
  background: var(--scs-accent-light); border: 2px solid var(--scs-accent-border);
  display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.scs-deal-title {
  font-size:   15px; font-weight: 800; color: var(--scs-text); line-height: 1.25;
  font-family: var(--scs-font-heading);
}

.scs-save-badge {
  display: inline-flex; align-items: center;
  padding: 5px 14px; background: var(--scs-save-bg); color: var(--scs-save-text);
  border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .02em;
  font-family: var(--scs-font-body);
  align-self: flex-start;
}

.scs-deal-meta {
  display: flex; flex-direction: column; gap: 5px;
  padding: 10px 0;
  border-top:    1px solid var(--scs-sidebar-border);
  border-bottom: 1px solid var(--scs-sidebar-border);
}
.scs-deal-meta-row {
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; color: var(--scs-text);
  font-family: var(--scs-font-body);
}
.scs-deal-meta-row strong { color: var(--scs-accent); font-weight: 700; }
.scs-deal-meta-row .dot   { width: 6px; height: 6px; border-radius: 50%; background: var(--scs-accent); flex-shrink: 0; }

.scs-included-label {
  font-size: 10px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--scs-accent);
  font-family: var(--scs-font-body);
}

.scs-product-list { display: flex; flex-direction: column; gap: 4px; }
a.scs-product-item {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; color: inherit;
  border-radius: 10px; padding: 6px 8px; margin: 0 -8px;
  transition: background .15s;
}
a.scs-product-item:hover { background: var(--scs-accent-light); }
.scs-product-item__thumb {
  flex-shrink: 0; width: 46px; height: 46px; border-radius: 10px;
  background: var(--scs-accent-light); border: 1px solid var(--scs-accent-border);
  overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.scs-product-item__thumb img { width: 100%; height: 100%; object-fit: contain; padding: 3px; display: block; }
.scs-product-item__body { flex: 1 1 0; min-width: 0; }
.scs-product-item__name  {
  font-size: 14px; font-weight: 600; color: var(--scs-text);
  font-family: var(--scs-font-heading);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.scs-product-item__price {
  font-size: 12px; font-weight: 700; color: var(--scs-accent);
  font-family: var(--scs-font-heading);
  margin-top: 1px;
}
.scs-product-item__price s { color: var(--scs-muted); font-weight: 400; margin-right: 4px; }

/* ── Sidebar footer ── */
.scs-sidebar-footer {
  margin-top:     auto;
  padding-top:    12px;
  border-top:     1px solid var(--scs-sidebar-border);
  display:        flex;
  flex-direction: column;
  gap:            12px;
}

/* PRICE BLOCK */
.scs-price-block   { display: flex; flex-direction: column; gap: 4px; }
.scs-price-compare {
  font-size:   13px; color: var(--scs-muted); line-height: 1.3;
  font-family: var(--scs-font-body);
}
.scs-price-compare s { text-decoration: line-through; color: var(--scs-muted); }
.scs-price-main {
  font-size:   var(--scs-price-size); font-weight: 800;
  color:       var(--scs-price-color); line-height: 1;
  font-family: var(--scs-font-heading);
}
.scs-price-saving  {
  display: inline-flex; align-items: center;
  padding: 4px 12px; background: var(--scs-save-bg); color: #fff;
  border-radius: 999px; font-size: 12px; font-weight: 700;
  font-family: var(--scs-font-body);
  align-self: flex-start;
}
.scs-price-per {
  font-size: 11px; color: var(--scs-muted);
  font-family: var(--scs-font-body);
}
.jdgm-prev-badge{
  font-size: 15px;
  color:#fab800;
}

.scs-sidebar-atc-form { width: 100%; }
.scs-sidebar-atc {
  display:     flex; align-items: center; justify-content: center; gap: 10px;
  width:       100%; padding: 14px 20px;
  background:  var(--scs-btn-bg); color: var(--scs-btn-text);
  border:      none; border-radius: 999px;
  font-size:   13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  font-family: var(--scs-font-heading);
  cursor:      pointer; text-decoration: none;
  transition:  opacity .18s, transform .14s;
  box-shadow:  0 4px 20px rgba(233,30,140,.28);
}
.scs-sidebar-atc:hover    { opacity: .9; transform: translateY(-1px); }
.scs-sidebar-atc:active   { transform: translateY(0); }
.scs-sidebar-atc:disabled { background: #ccc; cursor: not-allowed; transform: none; box-shadow: none; }
.scs-sidebar-atc svg      { width: 17px; height: 17px; stroke: currentColor; fill: none; stroke-width: 2; flex-shrink: 0; }

/* ══════════════════════════════════════
   TABLET ≤ 1100px
══════════════════════════════════════ */
@media (max-width: 1100px) {
  .scs-inner        { padding-left: 32px; padding-right: 32px; }
  .scs-content-wrap { flex-wrap: wrap; gap: 20px; }
  .scs-main-col { order: 1; }
  .scs-sidebar  { order: 2; flex: 0 0 var(--scs-sidebar-width); position: static; max-height: none; }
  .scs-ba-slider { flex: 0 0 300px; width: 300px; }
  .scs-card      { flex: 0 0 240px; width: 240px; height: 370px; }
}

/* ══════════════════════════════════════
   MOBILE ≤ 768px
══════════════════════════════════════ */
@media (max-width: 768px) {
  .scs-inner { padding-left: 0; padding-right: 0; }
  .scs-section { padding-bottom: var(--scs-mob-section-pb); }
  .scs-content-wrap {
   
    padding: var(--scs-mob-content-pt) var(--scs-mob-content-pr)
             var(--scs-mob-content-pb) var(--scs-mob-content-pl);
    gap: var(--scs-mob-content-gap);
  }
  .scs-main-col, .scs-sidebar { order: unset; }
  .scs-top-row   { flex-direction: column; gap: 20px; }
  .scs-ba-slider { flex: none; width: 100%; max-width: 100%; }
  .scs-plan-title-styled { font-size: var(--scs-mob-ba-title-size) !important; line-height: 1.4 !important; }

  .scs-product-area { flex-direction: column; gap: 14px; }

  .scs-card { flex: none; width: 100%; height: auto; }
  .scs-card__img-link {
    flex: none; aspect-ratio: 2 / 3; max-height: 400px; width: 100%;
  }
  .scs-card__img-link img { width: 100%; height: 100%; object-fit: cover; display: block; }

  .scs-badges-col {
    flex-direction:  row;
    flex-wrap:       nowrap;
    justify-content: center;
    width:           100%;
    gap:             8px;
  }
  .scs-badge-item {
    flex: 1 1 0; width: auto; height: auto; min-height: 90px; padding: 10px 6px;
  }
  .scs-badge-info__title { font-size: 10px !important; }
  .scs-badge-info__sub   { font-size: 9px !important; }

  .scs-sidebar { display: flex !important; flex: none; width: 100%; position: static; max-height: none; }
  .scs-sidebar--mob-hidden { display: none !important; }

  .scs-tags--mob-hidden { display: none !important; }
  .scs-price-main       { font-size: var(--scs-mob-price-size) !important; }
}

/* ══════════════════════════════════════
   MOBILE ≤ 480px
══════════════════════════════════════ */
@media (max-width: 480px) {
  .scs-pill-bar { padding: 8px 12px; gap: 6px; }
  .scs-nav-pill { padding: 7px 14px 7px 8px; font-size: var(--scs-mob-pill-size); }
  .scs-nav-pill__icon { width: 26px; height: 26px; font-size: 13px; }
  .scs-card__img-link { max-height: 340px; }
  .scs-badge-item { padding: 10px 12px; gap: 10px; }
  .scs-badge-icon svg { width: 24px; height: 24px; }
}