:root{
  --rrr-sc-navy:#0f1f3a;
  --rrr-sc-navy-2:#172b4d;
  --rrr-sc-blue:#2d78d6;
  --rrr-sc-blue-2:#4aa2ff;
  --rrr-sc-cyan:#74d8ff;
  --rrr-sc-green:#39c696;
  --rrr-sc-green-2:#7be6bc;
  --rrr-sc-ink:#16304f;
  --rrr-sc-muted:#5f7388;
  --rrr-sc-soft:#f3f8fd;
  --rrr-sc-surface:#ffffff;
  --rrr-sc-border:#d6e4f2;
  --rrr-sc-shadow:0 14px 36px rgba(15,31,58,.08);
}

/* Admin */
.post-type-rrr_coupon_campaign .wrap,
.post-type-rrr_coupon_campaign #poststuff,
.post-type-rrr_coupon_campaign #post-body-content,
.post-type-rrr_coupon_campaign .postbox .inside { color:var(--rrr-sc-ink); }
.post-type-rrr_coupon_campaign #poststuff #post-body.columns-2{ margin-right:320px; }
.post-type-rrr_coupon_campaign #postbox-container-1 .postbox,
.post-type-rrr_coupon_campaign #submitdiv,
.post-type-rrr_coupon_campaign #minor-publishing,
.post-type-rrr_coupon_campaign #major-publishing-actions,
.post-type-rrr_coupon_campaign #misc-publishing-actions,
.post-type-rrr_coupon_campaign #submitpost{ background:linear-gradient(180deg,#fafdff 0%,#e9f6ff 100%); border-color:#b9def5; }
.post-type-rrr_coupon_campaign #titlediv #titlewrap,
.post-type-rrr_coupon_campaign .postbox,
.post-type-rrr_coupon_campaign #submitdiv{ border:1px solid #bad9ef; border-radius:18px; box-shadow:var(--rrr-sc-shadow); overflow:hidden; }
.post-type-rrr_coupon_campaign .postbox-header,
.post-type-rrr_coupon_campaign .handlediv,
.post-type-rrr_coupon_campaign .hndle{ background:linear-gradient(90deg,var(--rrr-sc-navy),var(--rrr-sc-blue)); color:#fff; }
.post-type-rrr_coupon_campaign .hndle,
.post-type-rrr_coupon_campaign .postbox-header h2{ color:#fff !important; }
.post-type-rrr_coupon_campaign #title,
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap input[type="text"],
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap input[type="number"],
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap input[type="datetime-local"],
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap select,
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap textarea{ background:#fff; border:1px solid #9fd4ef; color:var(--rrr-sc-ink); border-radius:12px; min-height:46px; box-shadow:inset 0 1px 0 rgba(255,255,255,.5); }
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap textarea{ min-height:110px; }
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap input:focus,
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap select:focus,
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap textarea:focus,
.post-type-rrr_coupon_campaign #title:focus{ border-color:var(--rrr-sc-blue); box-shadow:0 0 0 3px rgba(30,136,255,.15); }
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap{ background:linear-gradient(180deg,#f5fcff 0%,#ebfbf6 100%); border-radius:18px; padding:20px; }
.rrr-sc-admin-intro{ display:flex; justify-content:space-between; gap:16px; align-items:center; background:linear-gradient(135deg,#0f2b63,#2388ff 60%,#3ad392); color:#fff; border-radius:18px; padding:18px 20px; margin-bottom:18px; }
.rrr-sc-admin-intro h3{ margin:0 0 6px; color:#fff; font-size:20px; }
.rrr-sc-admin-intro p{ margin:0; opacity:.96; }
.rrr-sc-admin-pill{ background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.26); border-radius:999px; padding:10px 14px; white-space:nowrap; font-weight:700; }
.rrr-sc-admin-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.rrr-sc-admin-grid.three-up{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.rrr-sc-admin-grid.two-up{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.rrr-sc-field{ background:linear-gradient(180deg,#ffffff,#effaff); border:1px solid #bee5ef; border-radius:16px; padding:14px; }
.rrr-sc-field label{ display:block; margin-bottom:8px; color:#173264; }
.rrr-sc-field .description{ margin:6px 0 0; color:#50708f; }
.rrr-sc-multiselect{ min-height:220px !important; }
.checkbox-card{ display:flex; align-items:center; justify-content:flex-start; min-height:72px; background:linear-gradient(135deg,#e9f7ff,#e9fff4); }
.checkbox-card label{ margin:0; font-weight:700; }
.checkbox-card input[type="checkbox"]{ transform:scale(1.15); margin-right:8px; accent-color:var(--rrr-sc-blue); }
.rrr-sc-note{ background:#fff8d9; border:1px solid #f0d977; color:#655114; border-radius:14px; padding:14px 16px; }
.rrr-sc-hidden{ display:none !important; }

/* Frontend — RRR comic storefront */
.rrr-sc-hub{
  --rrr-sc-ink:#162033;
  --rrr-sc-blue:#2f6fbd;
  --rrr-sc-blue-dark:#214d85;
  --rrr-sc-red:#e84e43;
  --rrr-sc-yellow:#ffd84d;
  --rrr-sc-green:#4fb486;
  --rrr-sc-paper:#fffaf0;
  --rrr-sc-soft:#f5efe2;
  max-width:1480px;
  margin:0 auto 30px;
  padding:24px !important;
  border:3px solid var(--rrr-sc-ink) !important;
  border-radius:16px !important;
  background-color:#f8f3e8 !important;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(22,32,51,.08) 1.2px, transparent 1.3px),
    linear-gradient(180deg,#fffdf7 0%,#f7f0e4 100%) !important;
  background-size:18px 18px,100% 100% !important;
  box-shadow:8px 8px 0 var(--rrr-sc-ink) !important;
  color:var(--rrr-sc-ink) !important;
}
.rrr-sc-hub *{ box-sizing:border-box; }
.rrr-sc-hub-header{
  position:relative !important;
  overflow:hidden !important;
  margin:0 0 20px !important;
  padding:25px 122px 26px 26px !important;
  border:3px solid var(--rrr-sc-ink) !important;
  border-radius:12px !important;
  background-color:var(--rrr-sc-blue) !important;
  background-image:radial-gradient(circle,rgba(255,255,255,.15) 1.5px,transparent 1.7px) !important;
  background-size:13px 13px !important;
  color:#fff !important;
  box-shadow:5px 5px 0 var(--rrr-sc-ink) !important;
}
.rrr-sc-hub-header::after{
  content:'DEALS!';
  position:absolute;
  top:17px;
  right:24px;
  width:80px;
  height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:3px solid var(--rrr-sc-ink);
  border-radius:50%;
  background:var(--rrr-sc-yellow);
  color:var(--rrr-sc-ink);
  box-shadow:4px 4px 0 var(--rrr-sc-ink);
  font-weight:950;
  font-size:1rem;
  letter-spacing:.05em;
  transform:rotate(7deg);
}
.rrr-sc-hub-kicker{
  display:inline-block !important;
  margin:0 0 11px !important;
  padding:6px 9px !important;
  border:2px solid var(--rrr-sc-ink) !important;
  border-radius:6px !important;
  background:var(--rrr-sc-yellow) !important;
  color:var(--rrr-sc-ink) !important;
  box-shadow:3px 3px 0 var(--rrr-sc-ink) !important;
  font-size:.72rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  transform:rotate(-1deg);
}
.rrr-sc-hub-header h2{
  margin:0 0 7px !important;
  color:#fff !important;
  font-size:clamp(2rem,3vw,3rem) !important;
  line-height:.98 !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
  text-shadow:2px 2px 0 rgba(22,32,51,.55) !important;
}
.rrr-sc-hub-header p{
  margin:0 !important;
  max-width:820px !important;
  color:#eef6ff !important;
  font-size:1rem !important;
  line-height:1.55 !important;
  font-weight:600 !important;
}
.rrr-sc-toolbar{
  display:flex !important;
  flex-direction:column !important;
  gap:13px !important;
  margin:0 0 22px !important;
}
.rrr-sc-search-wrap{ width:100% !important; flex:none !important; }
.rrr-sc-search{
  width:100% !important;
  min-height:52px !important;
  padding:0 16px !important;
  border:2px solid var(--rrr-sc-ink) !important;
  border-radius:8px !important;
  outline:none !important;
  background:#fffef9 !important;
  color:var(--rrr-sc-ink) !important;
  box-shadow:4px 4px 0 var(--rrr-sc-ink) !important;
  font-size:1rem !important;
  font-weight:700 !important;
  transition:transform .15s ease,box-shadow .15s ease !important;
}
.rrr-sc-search:focus{
  transform:translate(-1px,-1px) !important;
  box-shadow:5px 5px 0 var(--rrr-sc-ink) !important;
}
.rrr-sc-search::placeholder{ color:#667085 !important; font-weight:600 !important; }
.rrr-sc-filters{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  align-items:center !important;
  width:100% !important;
}
.rrr-sc-filter{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:unset !important;
  max-width:100% !important;
  min-height:40px !important;
  padding:0 14px !important;
  border:2px solid var(--rrr-sc-ink) !important;
  border-radius:7px !important;
  background:#fffef9 !important;
  color:var(--rrr-sc-ink) !important;
  box-shadow:3px 3px 0 var(--rrr-sc-ink) !important;
  cursor:pointer !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease !important;
}
.rrr-sc-filter:hover{
  transform:translate(-1px,-1px) !important;
  box-shadow:4px 4px 0 var(--rrr-sc-ink) !important;
}
.rrr-sc-filter.is-active{
  background:var(--rrr-sc-yellow) !important;
  border-color:var(--rrr-sc-ink) !important;
  color:var(--rrr-sc-ink) !important;
}
.rrr-sc-cards{
  display:grid !important;
  grid-template-columns:repeat(var(--rrr-sc-cols,4),minmax(0,1fr)) !important;
  gap:var(--rrr-sc-gap,22px) !important;
  align-items:stretch !important;
}
.rrr-sc-card{
  position:relative !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  min-height:100% !important;
  padding:24px 21px 20px !important;
  border:3px solid var(--rrr-sc-ink) !important;
  border-radius:13px !important;
  background:#fffdf7 !important;
  color:var(--rrr-sc-ink) !important;
  box-shadow:6px 6px 0 var(--rrr-sc-ink) !important;
  transition:transform .16s ease,box-shadow .16s ease !important;
}
.rrr-sc-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:9px;
  background:repeating-linear-gradient(90deg,var(--rrr-sc-blue) 0 26px,var(--rrr-sc-yellow) 26px 52px,var(--rrr-sc-red) 52px 78px);
  border-bottom:2px solid var(--rrr-sc-ink);
  z-index:0;
}
.rrr-sc-card-bg{
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 88% 12%,rgba(47,111,189,.10) 1.2px,transparent 1.4px),
    radial-gradient(circle at 9% 92%,rgba(232,78,67,.07) 1.2px,transparent 1.4px) !important;
  background-size:12px 12px,14px 14px !important;
  pointer-events:none !important;
}
.rrr-sc-card > *{ position:relative; z-index:1; }
.rrr-sc-card:hover{
  transform:translate(-2px,-2px) !important;
  box-shadow:8px 8px 0 var(--rrr-sc-ink) !important;
}
.rrr-sc-card.is-featured{
  background:#fff9df !important;
  box-shadow:7px 7px 0 var(--rrr-sc-ink) !important;
}
.rrr-sc-card.is-featured::before{
  background:repeating-linear-gradient(90deg,var(--rrr-sc-yellow) 0 32px,var(--rrr-sc-red) 32px 64px,var(--rrr-sc-blue) 64px 96px);
}
.rrr-sc-badge{
  display:inline-flex !important;
  align-items:center !important;
  width:fit-content !important;
  max-width:100% !important;
  margin:1px 0 13px !important;
  padding:7px 10px !important;
  border:2px solid var(--rrr-sc-ink) !important;
  border-radius:6px !important;
  background:var(--rrr-sc-yellow) !important;
  color:var(--rrr-sc-ink) !important;
  box-shadow:3px 3px 0 var(--rrr-sc-ink) !important;
  font-size:.74rem !important;
  line-height:1.05 !important;
  letter-spacing:.055em !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  transform:rotate(-1.25deg);
}
.rrr-sc-card-title{
  margin:0 0 10px !important;
  color:var(--rrr-sc-ink) !important;
  font-size:clamp(1.45rem,2vw,1.95rem) !important;
  line-height:1.02 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
}
.rrr-sc-discount{
  display:block !important;
  margin:0 0 12px !important;
  padding:9px 11px !important;
  border-left:6px solid var(--rrr-sc-red) !important;
  background:#fff2ef !important;
  color:#c93631 !important;
  font-size:1.08rem !important;
  line-height:1.3 !important;
  font-weight:950 !important;
}
.rrr-sc-description{
  margin:0 0 16px !important;
  min-height:48px !important;
  color:#3f4a5c !important;
  line-height:1.55 !important;
  font-size:.98rem !important;
  font-weight:550 !important;
}
.rrr-sc-scan-box{
  margin:0 0 16px !important;
  padding:13px !important;
  border:2px dashed var(--rrr-sc-ink) !important;
  border-radius:9px !important;
  background:#f6f0e5 !important;
}
.rrr-sc-scan-label{
  margin-bottom:8px !important;
  color:#515b6a !important;
  font-size:.68rem !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.11em !important;
}
.rrr-sc-barcode-wrap{
  margin:0 0 10px !important;
  padding:9px 11px !important;
  border:2px solid var(--rrr-sc-ink) !important;
  border-radius:6px !important;
  background:#fff !important;
}
svg.rrr-sc-barcode{ width:100% !important; height:56px !important; display:block !important; }
.rrr-sc-code-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}
.rrr-sc-code{
  overflow-wrap:anywhere !important;
  color:var(--rrr-sc-ink) !important;
  font-size:1.02rem !important;
  font-weight:950 !important;
  letter-spacing:.1em !important;
}
.rrr-sc-copy-btn,.rrr-sc-apply-btn,.rrr-sc-cart-link{ border-radius:7px !important; }
.rrr-sc-copy-btn{
  min-height:38px !important;
  padding:8px 12px !important;
  border:2px solid var(--rrr-sc-ink) !important;
  background:#fff !important;
  color:var(--rrr-sc-ink) !important;
  box-shadow:2px 2px 0 var(--rrr-sc-ink) !important;
  font-weight:900 !important;
  cursor:pointer !important;
}
.rrr-sc-copy-btn:hover{ background:#eef6ff !important; transform:translate(-1px,-1px) !important; box-shadow:3px 3px 0 var(--rrr-sc-ink) !important; }
.rrr-sc-actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  margin:0 0 14px !important;
  margin-top:auto !important;
}
.rrr-sc-apply-btn.button{
  width:100% !important;
  min-height:45px !important;
  padding:0 15px !important;
  border:2px solid var(--rrr-sc-ink) !important;
  border-radius:7px !important;
  background:var(--rrr-sc-yellow) !important;
  color:var(--rrr-sc-ink) !important;
  box-shadow:4px 4px 0 var(--rrr-sc-ink) !important;
  font-weight:950 !important;
  text-transform:none !important;
  transition:transform .15s ease,box-shadow .15s ease !important;
}
.rrr-sc-apply-btn.button:hover{
  transform:translate(2px,2px) !important;
  box-shadow:2px 2px 0 var(--rrr-sc-ink) !important;
}
.rrr-sc-cart-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-height:45px !important;
  padding:0 13px !important;
  border:2px solid var(--rrr-sc-ink) !important;
  background:#fff !important;
  color:var(--rrr-sc-ink) !important;
  box-shadow:3px 3px 0 var(--rrr-sc-ink) !important;
  text-decoration:none !important;
  font-weight:900 !important;
}
.rrr-sc-cart-link:hover{ background:#eef6ff !important; color:var(--rrr-sc-ink) !important; }
.rrr-sc-eligible,.rrr-sc-timer,.rrr-sc-status,.rrr-sc-empty{ color:#566174 !important; }
.rrr-sc-eligible{ margin:0 0 8px !important; font-size:.9rem !important; line-height:1.45 !important; }
.rrr-sc-eligible strong{ color:var(--rrr-sc-ink) !important; }
.rrr-sc-eligible a{ color:var(--rrr-sc-blue-dark) !important; text-decoration:underline !important; text-decoration-thickness:1px !important; text-underline-offset:2px !important; font-weight:800 !important; }
.rrr-sc-timer{ margin-top:4px !important; color:#9c342f !important; font-weight:850 !important; }
.rrr-sc-status{ min-height:20px !important; margin-top:6px !important; font-size:.9rem !important; font-weight:800 !important; }
.rrr-sc-status.is-success{ color:#14704b !important; }
.rrr-sc-status.is-error{ color:#ae3434 !important; }
.rrr-sc-empty{
  grid-column:1 / -1 !important;
  padding:24px !important;
  border:2px dashed var(--rrr-sc-ink) !important;
  border-radius:9px !important;
  background:#fffdf7 !important;
  text-align:center !important;
  font-weight:800 !important;
}
.rrr-sc-card.is-hidden{ display:none !important; }
.rrr-sc-results-note{ width:100%; color:#4f5968; font-weight:700; }
.rrr-sc-terms{
  margin-top:8px !important;
  padding:11px 0 0 !important;
  border-top:2px dashed rgba(22,32,51,.28) !important;
  color:#667085 !important;
  font-size:.78rem !important;
  line-height:1.48 !important;
}
.rrr-sc-terms strong{ color:#394354 !important; }

/* Clean remains available for embeds where a comic treatment is not wanted. */
.rrr-sc-theme-clean{
  border:1px solid #dfe7ef !important;
  border-radius:18px !important;
  background:#f6f9fc !important;
  background-image:none !important;
  box-shadow:0 16px 40px rgba(17,35,58,.08) !important;
}
.rrr-sc-theme-clean .rrr-sc-hub-header{
  padding:24px 28px !important;
  border:0 !important;
  border-radius:16px !important;
  background:#173d68 !important;
  background-image:none !important;
  box-shadow:none !important;
}
.rrr-sc-theme-clean .rrr-sc-hub-header::after,
.rrr-sc-theme-clean .rrr-sc-hub-kicker{ display:none !important; }
.rrr-sc-theme-clean .rrr-sc-search,
.rrr-sc-theme-clean .rrr-sc-filter,
.rrr-sc-theme-clean .rrr-sc-card,
.rrr-sc-theme-clean .rrr-sc-copy-btn,
.rrr-sc-theme-clean .rrr-sc-apply-btn.button,
.rrr-sc-theme-clean .rrr-sc-cart-link{
  border-width:1px !important;
  box-shadow:0 8px 22px rgba(17,35,58,.08) !important;
}
.rrr-sc-theme-clean .rrr-sc-card{ border-radius:16px !important; background:#fff !important; }
.rrr-sc-theme-clean .rrr-sc-card::before{ display:none !important; }
.rrr-sc-theme-clean .rrr-sc-badge{ border:0 !important; border-radius:999px !important; box-shadow:none !important; transform:none !important; background:#e7f7ef !important; color:#247152 !important; }
.rrr-sc-theme-clean .rrr-sc-discount{ border-left:4px solid #2f6fbd !important; background:#edf5ff !important; color:#245f9f !important; }
.rrr-sc-theme-clean .rrr-sc-apply-btn.button{ background:#2f6fbd !important; color:#fff !important; }

/* ocean is kept as a backwards-compatible alias for the RRR storefront look. */
.rrr-sc-theme-ocean{ --rrr-sc-blue:#2f6fbd; --rrr-sc-green:#4fb486; }

@media (max-width:1024px){
  .rrr-sc-cards{ grid-template-columns:repeat(var(--rrr-sc-cols-tablet,2),minmax(0,1fr)) !important; }
}
@media (max-width:760px){
  .rrr-sc-hub{ padding:16px !important; border-width:2px !important; border-radius:12px !important; box-shadow:5px 5px 0 var(--rrr-sc-ink) !important; }
  .rrr-sc-hub-header{ padding:20px !important; border-width:2px !important; box-shadow:4px 4px 0 var(--rrr-sc-ink) !important; }
  .rrr-sc-hub-header::after{ display:none !important; }
  .rrr-sc-hub-header h2{ font-size:clamp(1.8rem,9vw,2.5rem) !important; }
  .rrr-sc-card{ padding:22px 17px 17px !important; border-width:2px !important; box-shadow:5px 5px 0 var(--rrr-sc-ink) !important; }
}
@media (max-width:640px){
  .rrr-sc-cards{ grid-template-columns:repeat(var(--rrr-sc-cols-mobile,1),minmax(0,1fr)) !important; }
  .rrr-sc-code-row{ flex-direction:column !important; align-items:stretch !important; }
  .rrr-sc-copy-btn{ width:100% !important; }
  .rrr-sc-actions{ grid-template-columns:1fr !important; }
  .rrr-sc-cart-link{ width:100% !important; }
  .rrr-sc-filter{ flex:1 1 auto !important; }
}

/* Admin staging rule builder */
.rrr-sc-rule-builder{
  margin:18px 0 16px;
  padding:16px;
  border:1px solid rgba(41,99,151,.14);
  border-radius:22px;
  background:linear-gradient(180deg,#f6fbff 0%,#edf8ff 100%);
  box-shadow:0 12px 32px rgba(13,41,72,.06);
}
.rrr-sc-rule-builder-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-end;
  margin:0 0 14px;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(135deg,#16345a 0%,#1e75bd 60%,#31bc90 100%);
  color:#fff;
}
.rrr-sc-rule-builder-head h4{
  margin:2px 0 0;
  color:#fff;
  font-size:18px;
  line-height:1.2;
}
.rrr-sc-rule-builder-head p{
  max-width:520px;
  margin:0;
  color:rgba(255,255,255,.86);
  font-weight:600;
  line-height:1.45;
}
.rrr-sc-kicker{
  display:inline-flex;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.rrr-sc-staging-field{
  background:linear-gradient(180deg,#ffffff,#f5fbff);
  border-color:rgba(36,102,160,.18);
  box-shadow:0 10px 24px rgba(15,49,86,.05);
  transition:transform .18s ease, box-shadow .18s ease;
}
.rrr-sc-staging-field.has-selected-items{
  border-color:rgba(49,188,144,.38);
  box-shadow:0 12px 26px rgba(27,115,215,.07), inset 0 0 0 1px rgba(49,188,144,.12);
}
.rrr-sc-staging-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.rrr-sc-staging-title-row label{ margin:0; }
.rrr-sc-count{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px 9px;
  border-radius:999px;
  background:#e8f7f2;
  color:#17624d;
  font-size:12px;
  font-weight:900;
}
.rrr-sc-staging-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);
  gap:10px;
  align-items:stretch;
}
.rrr-sc-stage-panel{
  min-width:0;
  border:1px solid rgba(30,85,130,.12);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.rrr-sc-stage-panel.selected{
  background:linear-gradient(180deg,#ffffff,#f4fff9);
  border-color:rgba(49,188,144,.26);
}
.rrr-sc-stage-panel-head{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:10px;
  border-bottom:1px solid rgba(30,85,130,.10);
  background:rgba(246,250,254,.9);
}
.rrr-sc-stage-panel-head strong{
  color:#18395d;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.rrr-sc-stage-search{
  width:100%;
  min-height:34px;
  border-radius:10px !important;
  border:1px solid rgba(30,85,130,.16) !important;
  padding:0 10px !important;
  box-shadow:none !important;
}
.rrr-sc-stage-list{
  width:100%;
  min-height:245px !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:6px !important;
  background:transparent !important;
}
.rrr-sc-stage-list option{
  padding:7px 9px;
  margin:2px 0;
  border-radius:8px;
}
.rrr-sc-stage-list option:checked{
  background:linear-gradient(90deg,#1b73d7,#31bc90) !important;
  color:#fff !important;
}
.rrr-sc-stage-actions{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
.rrr-sc-stage-actions .button{
  min-height:36px;
  border-radius:12px !important;
  border-color:rgba(27,115,215,.18) !important;
  background:#fff !important;
  color:#174269 !important;
  font-weight:900;
  box-shadow:0 6px 14px rgba(15,49,86,.06);
}
.rrr-sc-stage-actions .button:hover{
  transform:translateY(-1px);
  border-color:rgba(49,188,144,.38) !important;
  color:#17624d !important;
}
.rrr-sc-stage-nudge{
  animation:rrrScNudge .22s ease;
}
@keyframes rrrScNudge{
  0%,100%{ transform:translateX(0); }
  35%{ transform:translateX(-3px); }
  70%{ transform:translateX(3px); }
}

@media (max-width:1280px){
  .rrr-sc-staging-grid{ grid-template-columns:1fr; }
  .rrr-sc-stage-actions{ flex-direction:row; justify-content:center; }
}
@media (max-width:782px){
  .rrr-sc-rule-builder-head{ flex-direction:column; align-items:flex-start; }
}

/* Admin UI refresh */
.rrr-sc-admin-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 16px;
}
.rrr-sc-nav-chip{
  appearance:none;
  border:1px solid rgba(33,86,140,.12);
  background:#fff;
  color:#173a60;
  border-radius:999px;
  padding:10px 14px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(11,26,48,.05);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.rrr-sc-nav-chip:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(11,26,48,.08);
  border-color:rgba(49,188,144,.32);
}
.rrr-sc-admin-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 18px;
}
.rrr-sc-summary-card{
  position:relative;
  overflow:hidden;
  padding:15px 16px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f4fbff 100%);
  border:1px solid rgba(33,86,140,.10);
  box-shadow:0 10px 24px rgba(11,26,48,.06);
}
.rrr-sc-summary-card::after{
  content:'';
  position:absolute;
  inset:auto -10px -20px auto;
  width:84px;
  height:84px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(49,188,144,.14), rgba(49,188,144,0));
  pointer-events:none;
}
.rrr-sc-summary-label{
  display:block;
  margin-bottom:6px;
  color:#69809a;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.rrr-sc-summary-value{
  display:block;
  color:#163556;
  font-size:16px;
  line-height:1.35;
}
.rrr-sc-section{
  margin:0 0 18px;
  padding:16px;
  border:1px solid rgba(41,99,151,.14);
  border-radius:22px;
  background:linear-gradient(180deg,#f8fcff 0%,#eef8ff 100%);
  box-shadow:0 12px 32px rgba(13,41,72,.05);
}
.rrr-sc-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin:0 0 14px;
  padding:0 2px;
}
.rrr-sc-section-head.compact{
  margin-bottom:12px;
}
.rrr-sc-section-head h4{
  margin:4px 0 0;
  color:#163556;
  font-size:20px;
  line-height:1.2;
}
.rrr-sc-section-head p{
  max-width:560px;
  margin:0;
  color:#58708b;
  font-weight:600;
  line-height:1.45;
}
.rrr-sc-section-kicker{
  display:inline-flex;
  align-items:center;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(27,115,215,.10);
  color:#1b62aa;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.rrr-sc-field{
  position:relative;
}
.rrr-sc-field:hover{
  box-shadow:0 10px 22px rgba(13,41,72,.06);
}
.rrr-sc-rule-help{
  display:none;
}
.rrr-sc-rule-help.is-active{
  display:block;
}
.rrr-sc-trigger-fields,
.rrr-sc-bxgy-fields,
.rrr-sc-standard-field{
  transition:opacity .18s ease;
}
.rrr-sc-note{
  margin-top:10px;
  box-shadow:0 10px 22px rgba(101,81,20,.08);
}
@media (max-width:1280px){
  .rrr-sc-admin-summary{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px){
  .rrr-sc-section-head{ flex-direction:column; align-items:flex-start; }
}
@media (max-width:782px){
  .rrr-sc-admin-summary{ grid-template-columns:1fr; }
  .rrr-sc-admin-nav{ gap:8px; }
  .rrr-sc-nav-chip{ width:100%; text-align:center; }
}

/* Coupon Display Builder */
.rrr-sc-builder-page{ max-width:1540px; color:var(--rrr-sc-ink); }
.rrr-sc-builder-hero{ display:flex; align-items:center; justify-content:space-between; gap:24px; margin:18px 0; padding:26px 30px; border-radius:24px; background:linear-gradient(135deg,#102b50 0%,#1c70bd 58%,#35bd91 100%); color:#fff; box-shadow:0 18px 44px rgba(15,31,58,.16); }
.rrr-sc-builder-eyebrow{ display:block; margin-bottom:7px; color:#bfe9ff; font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.rrr-sc-builder-hero h1{ margin:0 0 7px; color:#fff; font-size:30px; line-height:1.1; }
.rrr-sc-builder-hero p{ max-width:730px; margin:0; color:rgba(255,255,255,.88); font-size:15px; }
.rrr-sc-builder-link{ display:inline-flex; align-items:center; gap:10px; flex:0 0 auto; padding:12px 16px; border:1px solid rgba(255,255,255,.28); border-radius:13px; background:rgba(255,255,255,.13); color:#fff; text-decoration:none; font-weight:800; }
.rrr-sc-builder-link:hover{ color:#fff; background:rgba(255,255,255,.2); }
.rrr-sc-builder-layout{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr); gap:18px; align-items:start; }
.rrr-sc-builder-panel,.rrr-sc-builder-preview-card,.rrr-sc-shortcode-card{ border:1px solid #cfe0ef; border-radius:22px; background:#f8fbfe; box-shadow:0 13px 34px rgba(15,31,58,.07); }
.rrr-sc-builder-panel{ padding:20px; }
.rrr-sc-builder-panel-head{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:15px; }
.rrr-sc-builder-panel-head > div,.rrr-sc-builder-side-title{ display:flex; align-items:center; gap:11px; }
.rrr-sc-builder-panel-head span,.rrr-sc-builder-side-title > span{ display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border-radius:10px; background:linear-gradient(135deg,#1b73d7,#31bc90); color:#fff; font-weight:900; box-shadow:0 7px 16px rgba(27,115,215,.18); }
.rrr-sc-builder-panel-head h2,.rrr-sc-builder-side-title h2{ margin:0; color:#173858; font-size:18px; }
.rrr-sc-builder-panel-head p{ max-width:420px; margin:0; color:#60768c; text-align:right; }
.rrr-sc-builder-section-head{ margin-top:25px; padding-top:22px; border-top:1px solid #dce8f2; }
.rrr-sc-display-types{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.rrr-sc-type-card{ position:relative; display:flex; flex-direction:column; gap:5px; min-height:80px; padding:17px 17px 17px 48px; border:1px solid #ccddeb; border-radius:16px; background:#fff; cursor:pointer; transition:.18s ease; }
.rrr-sc-type-card:hover{ transform:translateY(-1px); border-color:#8ebee2; box-shadow:0 10px 22px rgba(15,49,86,.07); }
.rrr-sc-type-card.is-selected{ border-color:#36b98f; background:linear-gradient(135deg,#f4fbff,#f1fff9); box-shadow:inset 0 0 0 1px rgba(49,188,144,.15),0 10px 22px rgba(15,49,86,.07); }
.rrr-sc-type-card input{ position:absolute; top:21px; left:18px; width:18px; height:18px; accent-color:#258cc2; }
.rrr-sc-type-card strong{ color:#173858; font-size:15px; }
.rrr-sc-type-card small{ color:#65798e; line-height:1.4; }
.rrr-sc-builder-fields{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.rrr-sc-builder-field{ display:flex; flex-direction:column; gap:7px; padding:14px; border:1px solid #d4e2ed; border-radius:15px; background:#fff; }
.rrr-sc-builder-field.wide{ grid-column:1 / -1; }
.rrr-sc-builder-field > span{ color:#244561; font-weight:800; }
.rrr-sc-builder-field input,.rrr-sc-builder-field select{ width:100%; min-height:42px; border:1px solid #b9d3e6; border-radius:10px; color:#163556; }
.rrr-sc-builder-field input:focus,.rrr-sc-builder-field select:focus{ border-color:#2d78d6; box-shadow:0 0 0 3px rgba(45,120,214,.12); }
.rrr-sc-builder-field small{ color:#718398; }
.rrr-sc-builder-toggles{ display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-top:13px; }
.rrr-sc-builder-toggles label{ display:flex; align-items:flex-start; gap:11px; padding:14px; border:1px solid #d4e2ed; border-radius:15px; background:#fff; }
.rrr-sc-builder-toggles input{ margin-top:3px; accent-color:#258cc2; }
.rrr-sc-builder-toggles span{ display:flex; flex-direction:column; gap:3px; }
.rrr-sc-builder-toggles strong{ color:#244561; }
.rrr-sc-builder-toggles small{ color:#718398; line-height:1.35; }
.rrr-sc-builder-side{ display:grid; gap:18px; position:sticky; top:48px; }
.rrr-sc-builder-preview-card,.rrr-sc-shortcode-card{ padding:18px; }
.rrr-sc-builder-side-title{ margin-bottom:14px; }
.rrr-sc-builder-side-title p{ margin:3px 0 0; color:#6b7f93; font-size:12px; }
.rrr-sc-mini-preview{ overflow:hidden; padding:13px; border:1px solid #cfdeeb; border-radius:17px; background:#edf4fa; }
.rrr-sc-mini-head{ padding:15px; border-radius:13px; background:linear-gradient(100deg,#12325b,#1c67a8 56%,#38b98e); color:#fff; }
.rrr-sc-mini-head strong,.rrr-sc-mini-head small{ display:block; }
.rrr-sc-mini-head strong{ margin-bottom:4px; font-size:16px; }
.rrr-sc-mini-head small{ color:rgba(255,255,255,.82); line-height:1.3; }
.rrr-sc-mini-tools{ display:flex; gap:6px; margin:10px 0; }
.rrr-sc-mini-tools i{ flex:1; height:25px; border-radius:8px; background:#fff; border:1px solid #d5e1ea; }
.rrr-sc-mini-tools b{ padding:6px 8px; border-radius:999px; background:#fff; color:#52708b; font-size:9px; }
.rrr-sc-mini-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.rrr-sc-mini-cards article{ display:flex; flex-direction:column; min-width:0; min-height:91px; padding:10px; border-radius:11px; border:1px solid #d4e2ed; background:#fff; box-shadow:0 5px 13px rgba(15,31,58,.05); }
.rrr-sc-mini-cards em{ color:#258765; font-size:8px; font-style:normal; font-weight:800; }
.rrr-sc-mini-cards strong{ margin:9px 0 auto; color:#1d6fcc; font-size:12px; line-height:1.15; }
.rrr-sc-mini-cards span{ overflow:hidden; color:#526a82; font-size:8px; font-weight:800; letter-spacing:.05em; }
.is-banner-builder .rrr-sc-mini-cards{ grid-template-columns:1fr; }
.rrr-sc-shortcode-output{ display:block; width:100%; min-height:94px; padding:13px; resize:vertical; border:1px solid #bcd3e4; border-radius:13px; background:#102841; color:#dff7ed; font:600 12px/1.55 Consolas,Monaco,monospace; }
.rrr-sc-copy-shortcode.button-primary{ width:100%; min-height:44px; margin-top:10px; border:0; border-radius:12px; background:linear-gradient(90deg,#1b73d7,#31bc90); font-weight:800; }
.rrr-sc-copy-confirm{ min-height:20px; margin-top:7px; color:#197754; font-weight:700; text-align:center; }
.rrr-sc-placement-tip{ margin-top:10px; padding:13px 14px; border-radius:13px; background:#eaf5fb; border:1px solid #cde3f1; }
.rrr-sc-placement-tip strong{ color:#1c527c; }
.rrr-sc-placement-tip p{ margin:5px 0 0; color:#557089; line-height:1.45; }
.rrr-sc-setup-status{ margin:14px 0 10px; padding:14px 16px; border-radius:14px; font-weight:600; }
.rrr-sc-setup-status.is-ready{ border:1px solid #9edbc5; background:#eafaf4; color:#17624d; }
.rrr-sc-setup-status.has-issues{ border:1px solid #efd28b; background:#fff8df; color:#70571c; }
@media (max-width:1180px){ .rrr-sc-builder-layout{ grid-template-columns:1fr; } .rrr-sc-builder-side{ position:static; grid-template-columns:1fr 1fr; } }
@media (max-width:782px){ .rrr-sc-builder-hero,.rrr-sc-builder-panel-head{ align-items:flex-start; flex-direction:column; } .rrr-sc-builder-panel-head p{ text-align:left; } .rrr-sc-display-types,.rrr-sc-builder-fields,.rrr-sc-builder-toggles,.rrr-sc-builder-side{ grid-template-columns:1fr; } .rrr-sc-builder-field.wide{ grid-column:auto; } }

/* =========================================================
   v0.9.0 — RRR operations-style campaign workspace
   Matches the clean, compact visual language used by the
   Inventory Audit / Trade Desk / Repair Manager interfaces.
   ========================================================= */
body.post-type-rrr_coupon_campaign,
.post-type-rrr_coupon_campaign #wpcontent,
.post-type-rrr_coupon_campaign #wpbody-content{
  background:#f5f7fb;
}
.post-type-rrr_coupon_campaign #poststuff #post-body.columns-2{
  margin-right:0 !important;
}
.post-type-rrr_coupon_campaign #postbox-container-1{
  display:none !important;
}
.post-type-rrr_coupon_campaign #post-body-content{
  margin-bottom:14px;
}
.post-type-rrr_coupon_campaign #titlediv{
  position:relative;
  margin:0 0 14px;
  padding:30px 16px 14px;
  border:1px solid #dbe3ed;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,31,58,.04);
}
.post-type-rrr_coupon_campaign #titlediv::before{
  content:'Campaign name';
  position:absolute;
  top:10px;
  left:16px;
  color:#60738a;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
}
.post-type-rrr_coupon_campaign #titlediv #titlewrap{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.post-type-rrr_coupon_campaign #title{
  min-height:46px;
  margin:0;
  padding:0 13px;
  border:1px solid #cbd7e5 !important;
  border-radius:9px !important;
  background:#fff;
  color:#183254;
  font-size:19px;
  font-weight:700;
  box-shadow:none !important;
}
.post-type-rrr_coupon_campaign #title:focus{
  border-color:#1a66d9 !important;
  box-shadow:0 0 0 2px rgba(26,102,217,.12) !important;
}
.post-type-rrr_coupon_campaign #rrr_sc_campaign_settings{
  margin:0;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.post-type-rrr_coupon_campaign #rrr_sc_campaign_settings > .postbox-header{
  display:none !important;
}
.post-type-rrr_coupon_campaign #rrr_sc_campaign_settings > .inside{
  margin:0 !important;
  padding:0 !important;
}
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap{
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

.rrr-sc-workspace-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
  padding:15px 17px;
  border:1px solid #dbe3ed;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,31,58,.04);
}
.rrr-sc-workspace-heading{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.rrr-sc-workspace-heading > .dashicons{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:10px;
  background:#eaf2ff;
  color:#1768e5;
  font-size:21px;
}
.rrr-sc-workspace-heading h3{
  margin:2px 0 3px;
  color:#1a3153;
  font-size:19px;
  line-height:1.2;
}
.rrr-sc-workspace-heading p{
  margin:0;
  color:#657890;
  font-size:12px;
  line-height:1.45;
}
.rrr-sc-eyebrow,
.rrr-sc-side-kicker{
  display:block;
  color:#6d7f94;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.rrr-sc-workspace-badges{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}
.rrr-sc-status-badge,
.rrr-sc-code-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 11px;
  border:1px solid #dce4ed;
  border-radius:8px;
  background:#f8fafc;
  color:#324a67;
  font-size:12px;
  font-weight:700;
}
.rrr-sc-status-badge i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#9aa9b8;
}
.rrr-sc-status-badge.is-live i{ background:#22a06b; }
.rrr-sc-status-badge.is-live{ border-color:#cdebdc; background:#f0fbf5; color:#18734e; }
.rrr-sc-status-badge.is-draft{ border-color:#dfe5ec; background:#f6f8fb; color:#5a6b7d; }
.rrr-sc-code-badge small{
  color:#78899c;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
}
.rrr-sc-code-badge strong{
  color:#19365e;
  font-family:Consolas,Monaco,monospace;
  font-size:12px;
  letter-spacing:.03em;
}

.rrr-sc-admin-nav{
  display:flex !important;
  flex-wrap:wrap;
  gap:7px !important;
  margin:0 0 12px !important;
  padding:8px;
  border:1px solid #dbe3ed;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,31,58,.03);
}
.rrr-sc-nav-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:36px;
  padding:0 12px !important;
  border:1px solid transparent !important;
  border-radius:8px !important;
  background:#f4f7fb !important;
  color:#2f4b6e !important;
  font-size:12px;
  font-weight:700 !important;
  box-shadow:none !important;
  transform:none !important;
}
.rrr-sc-nav-chip span{
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  border-radius:6px;
  background:#e6edf6;
  color:#58718f;
  font-size:10px;
  font-weight:800;
}
.rrr-sc-nav-chip:hover{
  border-color:#cbd8e8 !important;
  background:#edf3fb !important;
}
.rrr-sc-nav-chip.is-active{
  border-color:#1768e5 !important;
  background:#1768e5 !important;
  color:#fff !important;
}
.rrr-sc-nav-chip.is-active span{
  background:rgba(255,255,255,.18);
  color:#fff;
}

.rrr-sc-editor-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 295px;
  gap:14px;
  align-items:start;
}
.rrr-sc-editor-main{
  min-width:0;
}
.rrr-sc-editor-side{
  display:grid;
  gap:12px;
  position:sticky;
  top:46px;
}
.rrr-sc-section{
  margin:0 0 12px !important;
  padding:0 !important;
  border:1px solid #dbe3ed !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(15,31,58,.04) !important;
  overflow:hidden;
}
.rrr-sc-section-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:0 !important;
  padding:15px 16px !important;
  border-bottom:1px solid #e7ecf2;
  background:#fbfcfe;
}
.rrr-sc-section-title{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.rrr-sc-step-number{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:8px;
  background:#1768e5;
  color:#fff;
  font-size:12px;
  font-weight:800;
}
.rrr-sc-section-kicker{
  display:block !important;
  margin:0 0 2px;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#6c7f95 !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase;
}
.rrr-sc-section-head h4{
  margin:0 !important;
  color:#1a3153 !important;
  font-size:16px !important;
  line-height:1.25 !important;
}
.rrr-sc-section-head > p{
  max-width:470px !important;
  margin:0 !important;
  color:#6a7d91 !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:1.45 !important;
  text-align:right;
}
.rrr-sc-section > .rrr-sc-rule-choices,
.rrr-sc-section > .rrr-sc-subpanel,
.rrr-sc-section > .rrr-sc-rule-callout,
.rrr-sc-section > .rrr-sc-target-grid,
.rrr-sc-section > .rrr-sc-trigger-fields,
.rrr-sc-section > .rrr-sc-inline-option,
.rrr-sc-section > .rrr-sc-admin-grid,
.rrr-sc-section > .rrr-sc-toggle-grid,
.rrr-sc-section > .rrr-sc-copy-grid,
.rrr-sc-section > .rrr-sc-display-builder-linkbox{
  margin-left:16px;
  margin-right:16px;
}
.rrr-sc-section > :last-child{
  margin-bottom:16px;
}

.rrr-sc-rule-choices{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:15px;
  margin-bottom:12px;
}
.rrr-sc-rule-choice{
  position:relative;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  column-gap:9px;
  row-gap:2px;
  align-items:start;
  min-height:90px;
  padding:12px;
  border:1px solid #dce4ed;
  border-radius:10px;
  background:#fff;
  cursor:pointer;
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.rrr-sc-rule-choice:hover{
  border-color:#b8cbe4;
  background:#fbfdff;
}
.rrr-sc-rule-choice.is-selected{
  border-color:#1768e5;
  background:#f2f7ff;
  box-shadow:inset 0 0 0 1px rgba(23,104,229,.08);
}
.rrr-sc-rule-choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.rrr-sc-rule-choice > .dashicons{
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:8px;
  background:#edf2f8;
  color:#506c8d;
  font-size:16px;
}
.rrr-sc-rule-choice.is-selected > .dashicons{
  background:#1768e5;
  color:#fff;
}
.rrr-sc-rule-choice strong{
  color:#1d3658;
  font-size:12px;
  line-height:1.3;
}
.rrr-sc-rule-choice small{
  grid-column:2;
  color:#697c91;
  font-size:10px;
  line-height:1.4;
}

.rrr-sc-subpanel{
  margin-bottom:15px;
  padding:12px;
  border:1px solid #e1e7ef;
  border-radius:10px;
  background:#f9fbfd;
}
.rrr-sc-subpanel-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.rrr-sc-subpanel-head strong{
  display:block;
  color:#203a5e;
  font-size:12px;
}
.rrr-sc-subpanel-head span{
  display:block;
  margin-top:2px;
  color:#738398;
  font-size:10px;
}
.rrr-sc-admin-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important;
  margin-bottom:9px !important;
}
.rrr-sc-admin-grid.two-up{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.rrr-sc-admin-grid.three-up{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.rrr-sc-field{
  position:relative;
  min-width:0;
  padding:11px !important;
  border:1px solid #e0e7ef !important;
  border-radius:9px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.rrr-sc-field:hover{
  box-shadow:none !important;
}
.rrr-sc-field > label:first-child,
.rrr-sc-field > label:first-child strong{
  color:#2d4868 !important;
  font-size:11px;
  font-weight:700;
}
.rrr-sc-field label{
  margin-bottom:6px !important;
}
.rrr-sc-field .description{
  margin:6px 0 0 !important;
  color:#77889b !important;
  font-size:10px;
  line-height:1.4;
}
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap input[type="text"],
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap input[type="number"],
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap input[type="datetime-local"],
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap input[type="search"],
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap select,
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap textarea{
  min-height:38px !important;
  border:1px solid #cbd7e5 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#1b3556 !important;
  box-shadow:none !important;
}
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap textarea{
  min-height:105px !important;
}
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap input:focus,
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap select:focus,
.post-type-rrr_coupon_campaign .rrr-sc-admin-wrap textarea:focus{
  border-color:#1768e5 !important;
  box-shadow:0 0 0 2px rgba(23,104,229,.12) !important;
  outline:0 !important;
}

.rrr-sc-preset-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin:4px 0 9px;
}
.rrr-sc-preset-row > span{
  margin-right:2px;
  color:#6b7e92;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.rrr-sc-preset-row .button{
  min-height:31px;
  border-color:#d3dde9;
  border-radius:7px;
  background:#fff;
  color:#385777;
  font-size:10px;
  font-weight:700;
  box-shadow:none;
}
.rrr-sc-preset-row .button:hover,
.rrr-sc-preset-row .button.is-active{
  border-color:#1768e5;
  background:#eff5ff;
  color:#175ab9;
}
.rrr-sc-live-example{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:7px 10px;
  border:1px solid #cfe2f8;
  border-radius:8px;
  background:#f3f8ff;
  color:#365a7d;
  font-size:10px;
  line-height:1.4;
}
.rrr-sc-live-example .dashicons{
  color:#1768e5;
  font-size:16px;
}

.rrr-sc-rule-callout{
  margin-top:13px;
  margin-bottom:11px;
  padding:9px 11px;
  border-left:3px solid #1768e5;
  border-radius:7px;
  background:#f4f8fe;
  color:#506a88;
  font-size:10px;
  line-height:1.45;
}
.rrr-sc-rule-callout strong{ color:#24486f; }
.rrr-sc-target-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
  margin-bottom:12px;
}
.rrr-sc-staging-field{
  padding:10px !important;
  border:1px solid #dfe6ef !important;
  border-radius:9px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.rrr-sc-staging-field.has-selected-items{
  border-color:#b8ddca !important;
  box-shadow:inset 3px 0 0 #22a06b !important;
}
.rrr-sc-staging-title-row{
  margin-bottom:8px !important;
}
.rrr-sc-staging-title-row label{
  color:#274768 !important;
  font-size:11px;
}
.rrr-sc-count{
  padding:4px 7px !important;
  border-radius:7px !important;
  background:#eef8f3 !important;
  color:#21704f !important;
  font-size:9px !important;
}
.rrr-sc-staging-grid{
  grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) !important;
  gap:7px !important;
}
.rrr-sc-stage-panel{
  border:1px solid #dbe3ed !important;
  border-radius:8px !important;
  background:#fff !important;
}
.rrr-sc-stage-panel.selected{
  border-color:#c8e3d5 !important;
  background:#fbfefc !important;
}
.rrr-sc-stage-panel-head{
  gap:6px !important;
  padding:8px !important;
  border-bottom:1px solid #e6ebf1 !important;
  background:#f8fafc !important;
}
.rrr-sc-stage-panel-head strong{
  color:#5f7288 !important;
  font-size:9px !important;
}
.rrr-sc-stage-search{
  min-height:32px !important;
  padding:0 9px !important;
  border-radius:6px !important;
}
.rrr-sc-stage-list{
  min-height:185px !important;
  padding:4px !important;
  font-size:10px;
}
.rrr-sc-stage-list option{
  padding:6px 7px !important;
  margin:1px 0 !important;
  border-radius:5px !important;
}
.rrr-sc-stage-list option:checked{
  background:#1768e5 !important;
  color:#fff !important;
}
.rrr-sc-stage-actions{
  gap:5px !important;
}
.rrr-sc-stage-actions .button{
  min-height:32px !important;
  padding:0 !important;
  border-color:#d3dce8 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#486786 !important;
  font-size:10px;
  box-shadow:none !important;
}
.rrr-sc-stage-actions .button:hover{
  border-color:#1768e5 !important;
  color:#1768e5 !important;
  transform:none !important;
}
.rrr-sc-divider-label{
  display:flex;
  align-items:center;
  gap:10px;
  margin:4px 16px 10px;
  color:#687b90;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.rrr-sc-divider-label::before,
.rrr-sc-divider-label::after{
  content:'';
  height:1px;
  flex:1;
  background:#e4eaf1;
}
.rrr-sc-checkbox-stack label:not(:first-child){
  display:block;
  margin:7px 0 0 !important;
  color:#506a86 !important;
  font-size:10px;
}
.rrr-sc-inline-option{
  margin-bottom:15px !important;
  background:#f8fafc !important;
}
.rrr-sc-inline-option > label{
  margin:0 !important;
  color:#2e4c6e !important;
}

.rrr-sc-toggle-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:14px;
  margin-bottom:12px;
}
.rrr-sc-toggle-card{
  position:relative;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  align-items:start;
  min-height:86px;
  padding:11px;
  border:1px solid #dfe6ef;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
}
.rrr-sc-toggle-card.is-on{
  border-color:#8ec3ff;
  background:#f3f8ff;
  box-shadow:inset 0 0 0 1px rgba(23,104,229,.06);
}
.rrr-sc-toggle-card input{
  position:absolute;
  top:10px;
  right:10px;
  width:15px;
  height:15px;
  accent-color:#1768e5;
}
.rrr-sc-toggle-card > .dashicons{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:8px;
  background:#edf2f8;
  color:#506d8f;
  font-size:16px;
}
.rrr-sc-toggle-card.is-on > .dashicons{
  background:#1768e5;
  color:#fff;
}
.rrr-sc-toggle-card span:last-child{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-right:17px;
}
.rrr-sc-toggle-card strong{
  color:#24415f;
  font-size:11px;
}
.rrr-sc-toggle-card small{
  color:#718397;
  font-size:9.5px;
  line-height:1.4;
}
.rrr-sc-copy-grid{
  margin-top:0 !important;
}
.rrr-sc-display-builder-linkbox{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-height:82px;
  padding:11px;
  border:1px solid #dfe6ef;
  border-radius:9px;
  background:#f8fafc;
}
.rrr-sc-display-builder-linkbox > .dashicons{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:8px;
  background:#eaf2ff;
  color:#1768e5;
}
.rrr-sc-display-builder-linkbox strong{
  color:#23415f;
  font-size:11px;
}
.rrr-sc-display-builder-linkbox p{
  margin:3px 0 0;
  color:#718397;
  font-size:9.5px;
  line-height:1.4;
}
.rrr-sc-display-builder-linkbox .button{
  min-height:34px;
  border-color:#cbd7e5;
  border-radius:7px;
  color:#2a5279;
  font-size:10px;
  font-weight:700;
  box-shadow:none;
}

.rrr-sc-side-card{
  padding:13px;
  border:1px solid #dbe3ed;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,31,58,.04);
}
.rrr-sc-side-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.rrr-sc-side-card-head.compact{
  margin-bottom:8px;
}
.rrr-sc-side-card-head h4{
  margin:2px 0 0;
  color:#1c3556;
  font-size:14px;
  line-height:1.25;
}
.rrr-sc-mini-status{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border-radius:7px;
  background:#f2f4f7;
  color:#617286;
  font-size:9px;
  font-weight:800;
}
.rrr-sc-mini-status.is-live{
  background:#e9f7f0;
  color:#19724d;
}
.rrr-sc-setup-status{
  display:flex;
  gap:8px;
  align-items:flex-start;
  margin:0 0 10px !important;
  padding:9px !important;
  border-radius:8px !important;
  font-weight:500 !important;
}
.rrr-sc-setup-status .dashicons{
  flex:0 0 auto;
  margin-top:1px;
  font-size:17px;
}
.rrr-sc-setup-status strong{
  display:block;
  margin-bottom:2px;
  font-size:10px;
}
.rrr-sc-setup-status p{
  margin:0;
  font-size:9px;
  line-height:1.35;
}
.rrr-sc-setup-status.is-ready{
  border:1px solid #c9e8d8 !important;
  background:#f0faf5 !important;
  color:#226c4c !important;
}
.rrr-sc-setup-status.has-issues{
  border:1px solid #f1d89b !important;
  background:#fff9e8 !important;
  color:#735a1e !important;
}
.rrr-sc-summary-list{
  display:grid;
  gap:0;
  margin-bottom:10px;
  border-top:1px solid #edf0f4;
}
.rrr-sc-summary-list > div{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
  border-bottom:1px solid #edf0f4;
}
.rrr-sc-summary-list span{
  color:#758699;
  font-size:9.5px;
}
.rrr-sc-summary-list strong{
  max-width:155px;
  color:#294665;
  font-size:9.5px;
  text-align:right;
  overflow-wrap:anywhere;
}
.rrr-sc-primary-action,
.rrr-sc-secondary-action{
  width:100%;
  min-height:37px !important;
  margin:0 !important;
  border-radius:7px !important;
  font-size:10px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
.rrr-sc-primary-action{
  border-color:#1768e5 !important;
  background:#1768e5 !important;
  color:#fff !important;
}
.rrr-sc-primary-action:hover{
  border-color:#0f5dcc !important;
  background:#0f5dcc !important;
}
.rrr-sc-secondary-action{
  margin-top:7px !important;
  border-color:#d5dee9 !important;
  background:#fff !important;
  color:#3f5e7d !important;
}
.rrr-sc-quick-actions{
  display:grid;
  gap:6px;
}
.rrr-sc-quick-actions a{
  display:grid;
  grid-template-columns:27px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:8px;
  border:1px solid #e0e6ee;
  border-radius:8px;
  background:#fbfcfe;
  color:#294969;
  text-decoration:none;
}
.rrr-sc-quick-actions a:hover{
  border-color:#bdd0e6;
  background:#f5f9fe;
}
.rrr-sc-quick-actions .dashicons{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:7px;
  background:#edf2f8;
  color:#4d6d8d;
  font-size:14px;
}
.rrr-sc-quick-actions strong,
.rrr-sc-quick-actions small{
  display:block;
}
.rrr-sc-quick-actions strong{
  font-size:10px;
}
.rrr-sc-quick-actions small{
  margin-top:1px;
  color:#7a8b9d;
  font-size:8.5px;
}
.rrr-sc-rule-guide strong{
  color:#294765;
  font-size:10px;
}
.rrr-sc-rule-guide p{
  margin:4px 0 0;
  color:#6e8094;
  font-size:9px;
  line-height:1.45;
}
.rrr-sc-save-note{
  display:grid;
  grid-template-columns:27px minmax(0,1fr);
  gap:8px;
  align-items:start;
  background:#f8fafc;
}
.rrr-sc-save-note > .dashicons{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:7px;
  background:#edf2f8;
  color:#52708f;
  font-size:14px;
}
.rrr-sc-save-note strong{
  color:#2b4968;
  font-size:9.5px;
}
.rrr-sc-save-note p{
  margin:3px 0 0;
  color:#77889a;
  font-size:8.5px;
  line-height:1.4;
}
.rrr-sc-trash-link{
  display:block;
  padding:3px 4px;
  color:#b13d45;
  font-size:9px;
  text-align:center;
  text-decoration:none;
}
.rrr-sc-trash-link:hover{
  color:#8f2931;
  text-decoration:underline;
}
.rrr-sc-pos-guidance{
  min-height:28px;
}

/* Campaign list also gets the same restrained operations styling. */
.post-type-rrr_coupon_campaign .wp-list-table{
  border:1px solid #dbe3ed;
  border-radius:10px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,31,58,.04);
  overflow:hidden;
}
.post-type-rrr_coupon_campaign .wp-list-table thead th,
.post-type-rrr_coupon_campaign .wp-list-table tfoot th{
  background:#f8fafc;
  color:#4f647c;
  font-size:11px;
  font-weight:700;
}
.post-type-rrr_coupon_campaign .wp-list-table tbody td{
  border-bottom-color:#edf0f4;
  color:#354f6d;
}
.post-type-rrr_coupon_campaign .page-title-action{
  border-color:#1768e5;
  border-radius:7px;
  background:#1768e5;
  color:#fff;
  font-weight:700;
}
.post-type-rrr_coupon_campaign .page-title-action:hover{
  border-color:#0f5dcc;
  background:#0f5dcc;
  color:#fff;
}

/* Display Builder — same flat RRR application language. */
.rrr-sc-builder-page{
  max-width:1480px !important;
}
.rrr-sc-builder-hero{
  margin:16px 0 12px !important;
  padding:16px 18px !important;
  border:1px solid #dbe3ed !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#1a3153 !important;
  box-shadow:0 1px 2px rgba(15,31,58,.04) !important;
}
.rrr-sc-builder-eyebrow{
  color:#6d7f94 !important;
  font-size:10px !important;
}
.rrr-sc-builder-hero h1{
  margin:2px 0 4px !important;
  color:#1a3153 !important;
  font-size:22px !important;
}
.rrr-sc-builder-hero p{
  color:#657890 !important;
  font-size:12px !important;
}
.rrr-sc-builder-link{
  padding:9px 12px !important;
  border:1px solid #cbd7e5 !important;
  border-radius:8px !important;
  background:#f8fafc !important;
  color:#315371 !important;
  font-size:10px;
  font-weight:700 !important;
}
.rrr-sc-builder-link:hover{
  border-color:#1768e5 !important;
  background:#f2f7ff !important;
  color:#1768e5 !important;
}
.rrr-sc-builder-layout{
  grid-template-columns:minmax(0,1fr) 360px !important;
  gap:12px !important;
}
.rrr-sc-builder-panel,
.rrr-sc-builder-preview-card,
.rrr-sc-shortcode-card{
  border:1px solid #dbe3ed !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(15,31,58,.04) !important;
}
.rrr-sc-builder-panel{
  padding:15px !important;
}
.rrr-sc-builder-panel-head{
  margin-bottom:11px !important;
}
.rrr-sc-builder-panel-head span,
.rrr-sc-builder-side-title > span{
  width:28px !important;
  height:28px !important;
  flex-basis:28px !important;
  border-radius:8px !important;
  background:#1768e5 !important;
  box-shadow:none !important;
  font-size:11px;
}
.rrr-sc-builder-panel-head h2,
.rrr-sc-builder-side-title h2{
  color:#1c3556 !important;
  font-size:15px !important;
}
.rrr-sc-builder-panel-head p,
.rrr-sc-builder-side-title p{
  color:#708196 !important;
  font-size:10px !important;
}
.rrr-sc-builder-section-head{
  margin-top:17px !important;
  padding-top:16px !important;
}
.rrr-sc-display-types,
.rrr-sc-builder-fields,
.rrr-sc-builder-toggles{
  gap:9px !important;
}
.rrr-sc-type-card,
.rrr-sc-builder-field,
.rrr-sc-builder-toggles label{
  border-color:#dfe6ef !important;
  border-radius:9px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.rrr-sc-type-card{
  min-height:70px !important;
  padding:13px 13px 13px 40px !important;
}
.rrr-sc-type-card.is-selected{
  border-color:#1768e5 !important;
  background:#f3f8ff !important;
  box-shadow:inset 0 0 0 1px rgba(23,104,229,.06) !important;
}
.rrr-sc-type-card input{
  top:17px !important;
  left:13px !important;
  accent-color:#1768e5 !important;
}
.rrr-sc-builder-field{
  padding:11px !important;
}
.rrr-sc-builder-field input,
.rrr-sc-builder-field select{
  min-height:38px !important;
  border-color:#cbd7e5 !important;
  border-radius:7px !important;
}
.rrr-sc-builder-toggles label{
  padding:11px !important;
}
.rrr-sc-builder-side{
  gap:12px !important;
}
.rrr-sc-builder-preview-card,
.rrr-sc-shortcode-card{
  padding:13px !important;
}
.rrr-sc-mini-preview{
  padding:9px !important;
  border-color:#dbe3ed !important;
  border-radius:9px !important;
  background:#f5f7fb !important;
}
.rrr-sc-mini-head{
  border-radius:8px !important;
  background:#183f70 !important;
}
.rrr-sc-mini-cards article{
  border-radius:7px !important;
  box-shadow:none !important;
}
.rrr-sc-shortcode-output{
  min-height:86px !important;
  border-radius:8px !important;
}
.rrr-sc-copy-shortcode.button-primary{
  min-height:38px !important;
  border-radius:7px !important;
  background:#1768e5 !important;
}
.rrr-sc-placement-tip{
  border-radius:8px !important;
  background:#f3f7fb !important;
}

@media (max-width:1360px){
  .rrr-sc-editor-layout{ grid-template-columns:minmax(0,1fr) 270px; }
  .rrr-sc-rule-choices{ grid-template-columns:1fr; }
  .rrr-sc-toggle-grid{ grid-template-columns:1fr; }
  .rrr-sc-admin-grid,
  .rrr-sc-admin-grid.three-up{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:1180px){
  .rrr-sc-editor-layout{ grid-template-columns:1fr; }
  .rrr-sc-editor-side{ position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rrr-sc-readiness-card{ grid-row:1 / span 2; }
  .rrr-sc-builder-layout{ grid-template-columns:1fr !important; }
}
@media (max-width:900px){
  .rrr-sc-workspace-topbar,
  .rrr-sc-section-head{ align-items:flex-start !important; flex-direction:column; }
  .rrr-sc-workspace-badges{ width:100%; justify-content:flex-start; }
  .rrr-sc-section-head > p{ text-align:left; }
  .rrr-sc-admin-grid,
  .rrr-sc-admin-grid.two-up,
  .rrr-sc-admin-grid.three-up{ grid-template-columns:1fr !important; }
  .rrr-sc-display-builder-linkbox{ grid-template-columns:32px minmax(0,1fr); }
  .rrr-sc-display-builder-linkbox .button{ grid-column:1 / -1; }
}
@media (max-width:782px){
  .post-type-rrr_coupon_campaign #titlediv{ padding-left:11px; padding-right:11px; }
  .post-type-rrr_coupon_campaign #titlediv::before{ left:11px; }
  .rrr-sc-admin-nav{ display:grid !important; grid-template-columns:1fr 1fr; }
  .rrr-sc-nav-chip{ width:100%; }
  .rrr-sc-editor-side{ grid-template-columns:1fr; }
  .rrr-sc-readiness-card{ grid-row:auto; }
  .rrr-sc-staging-grid{ grid-template-columns:1fr !important; }
  .rrr-sc-stage-actions{ flex-direction:row !important; }
  .rrr-sc-rule-choices{ grid-template-columns:1fr; }
  .rrr-sc-workspace-badges{ flex-wrap:wrap; }
  .rrr-sc-builder-layout{ grid-template-columns:1fr !important; }
}
.post-type-rrr_coupon_campaign #rrr_sc_campaign_settings.closed > .inside{
  display:block !important;
}

/* 0.10.0 Display Builder preview — mirrors the storefront theme */
.rrr-sc-mini-preview.is-theme-comic,
.rrr-sc-mini-preview.is-theme-ocean{
  padding:10px !important;
  border:2px solid #162033 !important;
  border-radius:10px !important;
  background-color:#f8f3e8 !important;
  background-image:radial-gradient(circle at 1px 1px,rgba(22,32,51,.08) 1px,transparent 1.1px) !important;
  background-size:12px 12px !important;
  box-shadow:4px 4px 0 #162033 !important;
}
.rrr-sc-mini-preview.is-theme-comic .rrr-sc-mini-head,
.rrr-sc-mini-preview.is-theme-ocean .rrr-sc-mini-head{
  border:2px solid #162033 !important;
  border-radius:7px !important;
  background:#2f6fbd !important;
  box-shadow:3px 3px 0 #162033 !important;
}
.rrr-sc-mini-preview.is-theme-comic .rrr-sc-mini-tools i,
.rrr-sc-mini-preview.is-theme-comic .rrr-sc-mini-tools b,
.rrr-sc-mini-preview.is-theme-ocean .rrr-sc-mini-tools i,
.rrr-sc-mini-preview.is-theme-ocean .rrr-sc-mini-tools b{
  border:1.5px solid #162033 !important;
  border-radius:5px !important;
  box-shadow:2px 2px 0 #162033 !important;
}
.rrr-sc-mini-preview.is-theme-comic .rrr-sc-mini-tools b:first-of-type,
.rrr-sc-mini-preview.is-theme-ocean .rrr-sc-mini-tools b:first-of-type{
  background:#ffd84d !important;
  color:#162033 !important;
}
.rrr-sc-mini-preview.is-theme-comic .rrr-sc-mini-cards article,
.rrr-sc-mini-preview.is-theme-ocean .rrr-sc-mini-cards article{
  position:relative;
  overflow:hidden;
  border:2px solid #162033 !important;
  border-radius:7px !important;
  background:#fffdf7 !important;
  box-shadow:3px 3px 0 #162033 !important;
}
.rrr-sc-mini-preview.is-theme-comic .rrr-sc-mini-cards article::before,
.rrr-sc-mini-preview.is-theme-ocean .rrr-sc-mini-cards article::before{
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,#2f6fbd 0 34%,#ffd84d 34% 67%,#e84e43 67%);
}
.rrr-sc-mini-preview.is-theme-comic .rrr-sc-mini-cards em,
.rrr-sc-mini-preview.is-theme-ocean .rrr-sc-mini-cards em{ color:#8f6610 !important; }
.rrr-sc-mini-preview.is-theme-comic .rrr-sc-mini-cards strong,
.rrr-sc-mini-preview.is-theme-ocean .rrr-sc-mini-cards strong{ color:#c93631 !important; }

.rrr-sc-mini-preview.is-theme-clean{
  padding:9px !important;
  border:1px solid #dbe3ed !important;
  border-radius:9px !important;
  background:#f5f7fb !important;
  box-shadow:none !important;
}
.rrr-sc-mini-preview.is-theme-clean .rrr-sc-mini-head{
  border:0 !important;
  border-radius:8px !important;
  background:#183f70 !important;
  box-shadow:none !important;
}
.rrr-sc-mini-preview.is-theme-clean .rrr-sc-mini-cards article{
  border:1px solid #d4e2ed !important;
  border-radius:7px !important;
  box-shadow:none !important;
  background:#fff !important;
}

/* 0.11.0 Promotion Recipe Builder */
.rrr-sc-section > .rrr-sc-recipe-bar,
.rrr-sc-section > .rrr-sc-rule-family-choices,
.rrr-sc-section > .rrr-sc-trigger-reward-builder{
  margin-left:16px;
  margin-right:16px;
}
.rrr-sc-recipe-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:15px;
  margin-bottom:10px;
  padding:10px 11px;
  border:1px solid #d9e5f3;
  border-radius:9px;
  background:#f7faff;
}
.rrr-sc-recipe-copy{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:180px;
}
.rrr-sc-recipe-copy > .dashicons{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:7px;
  background:#e9f2ff;
  color:#1768e5;
  font-size:16px;
}
.rrr-sc-recipe-copy strong{
  display:block;
  color:#1e3a5b;
  font-size:11px;
}
.rrr-sc-recipe-copy small{
  display:block;
  margin-top:1px;
  color:#6c7f93;
  font-size:9px;
  line-height:1.35;
}
.rrr-sc-recipe-buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:5px;
}
.rrr-sc-recipe-buttons .button{
  min-height:30px;
  border-color:#ccd9e8;
  border-radius:7px;
  background:#fff;
  color:#345675;
  font-size:9px;
  font-weight:750;
  box-shadow:none;
}
.rrr-sc-recipe-buttons .button:hover,
.rrr-sc-recipe-buttons .button.is-active{
  border-color:#1768e5;
  background:#edf5ff;
  color:#175ab9;
}
.rrr-sc-rule-family-choices{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-bottom:10px;
}
.rrr-sc-rule-family-choice,
.rrr-sc-trigger-reward-choice{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  column-gap:9px;
  row-gap:2px;
  align-items:start;
  width:100%;
  min-height:88px;
  padding:12px;
  border:1px solid #dce4ed;
  border-radius:10px;
  background:#fff;
  text-align:left;
  cursor:pointer;
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease;
}
.rrr-sc-rule-family-choice:hover,
.rrr-sc-trigger-reward-choice:hover{
  border-color:#b8cbe4;
  background:#fbfdff;
  transform:translateY(-1px);
}
.rrr-sc-rule-family-choice.is-selected,
.rrr-sc-trigger-reward-choice.is-selected{
  border-color:#1768e5;
  background:#f1f7ff;
  box-shadow:inset 0 0 0 1px rgba(23,104,229,.08);
}
.rrr-sc-rule-family-choice > .dashicons,
.rrr-sc-trigger-reward-choice > .dashicons{
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:8px;
  background:#edf2f8;
  color:#506c8d;
  font-size:17px;
}
.rrr-sc-rule-family-choice.is-selected > .dashicons,
.rrr-sc-trigger-reward-choice.is-selected > .dashicons{
  background:#1768e5;
  color:#fff;
}
.rrr-sc-rule-family-choice strong,
.rrr-sc-trigger-reward-choice strong{
  color:#1d3658;
  font-size:12px;
  line-height:1.3;
}
.rrr-sc-rule-family-choice small,
.rrr-sc-trigger-reward-choice small{
  grid-column:2;
  color:#697c91;
  font-size:10px;
  line-height:1.4;
}
.rrr-sc-trigger-reward-builder{
  margin-bottom:12px;
  padding:0 12px 12px;
  border:1px solid #d8e7f7;
  border-radius:10px;
  background:#f7fbff;
}
.rrr-sc-trigger-reward-builder .rrr-sc-divider-label{
  margin-top:0;
  padding-top:11px;
}
.rrr-sc-trigger-reward-choices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.rrr-sc-trigger-reward-choice{
  min-height:78px;
  background:#fff;
}
.rrr-sc-trigger-chain-preview{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:10px 0 0;
  padding:9px 10px;
  border:1px solid #d5e5f6;
  border-radius:8px;
  background:#f5f9ff;
}
.rrr-sc-trigger-chain-preview > .dashicons{
  flex:0 0 20px;
  color:#1768e5;
  font-size:18px;
}
.rrr-sc-trigger-chain-preview strong{
  display:block;
  margin-bottom:2px;
  color:#24496f;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.rrr-sc-trigger-chain-preview p{
  margin:0;
  color:#506b88;
  font-size:10px;
  line-height:1.45;
}
.rrr-sc-max-deals-note{
  margin:7px 2px 0 !important;
  color:#6a7d91 !important;
  font-size:9px !important;
}

@media (max-width:1360px){
  .rrr-sc-rule-family-choices{ grid-template-columns:1fr; }
  .rrr-sc-recipe-bar{ align-items:flex-start; flex-direction:column; }
  .rrr-sc-recipe-buttons{ justify-content:flex-start; }
}
@media (max-width:782px){
  .rrr-sc-trigger-reward-choices{ grid-template-columns:1fr; }
  .rrr-sc-recipe-buttons .button{ width:100%; text-align:center; }
}
.rrr-sc-trigger-unlock{
  display:flex;
  align-items:center;
  gap:5px;
  margin:10px 0 12px;
  padding:7px 9px;
  border:1px dashed rgba(22,32,51,.42);
  border-radius:7px;
  background:rgba(255,216,77,.16);
  color:#33445b;
  font-size:12px;
  line-height:1.35;
}
.rrr-sc-trigger-unlock .dashicons{
  width:17px;
  height:17px;
  color:#2f6fbd;
  font-size:17px;
}
.rrr-sc-trigger-unlock strong{
  color:#162033;
}
.rrr-sc-theme-comic .rrr-sc-trigger-unlock,
.rrr-sc-theme-ocean .rrr-sc-trigger-unlock{
  border:2px solid #162033;
  background:#fff3b8;
  box-shadow:2px 2px 0 #162033;
}

/* 0.12.0 Storefront Ticket Cards
   Namespaced wrappers keep Elementor/Ecomall rules from leaking into coupon internals. */
.rrr-sc-card-head,
.rrr-sc-card-body{
  position:relative;
  z-index:1;
  min-width:0;
}
.rrr-sc-card-body{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
}

/* Compact header: more deals stay above the fold. */
.rrr-sc-hub-header{
  padding:17px 92px 18px 20px !important;
  min-height:0 !important;
}
.rrr-sc-hub-header::after{
  top:14px !important;
  right:18px !important;
  width:58px !important;
  height:58px !important;
  font-size:.78rem !important;
  box-shadow:3px 3px 0 var(--rrr-sc-ink) !important;
}
.rrr-sc-hub-kicker{
  margin-bottom:7px !important;
  padding:5px 8px !important;
  font-size:.62rem !important;
}
.rrr-sc-hub-header h2{
  margin-bottom:5px !important;
  font-size:clamp(1.55rem,2.25vw,2.2rem) !important;
  line-height:1 !important;
}
.rrr-sc-hub-header p{
  font-size:.9rem !important;
  line-height:1.42 !important;
}

/* Product-tile inspired storefront card. */
.rrr-sc-card-storefront .rrr-sc-card{
  --rrr-sc-card-accent:#7d2ee6;
  overflow:hidden !important;
  height:100% !important;
  padding:0 !important;
  border:2px solid #202736 !important;
  border-radius:18px !important;
  background:#fffaf1 !important;
  box-shadow:0 14px 28px rgba(5,12,22,.22) !important;
  transform:none !important;
}
.rrr-sc-card-storefront .rrr-sc-card:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 18px 34px rgba(5,12,22,.28) !important;
}
.rrr-sc-card-storefront .rrr-sc-card::before{ display:none !important; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+1){ --rrr-sc-card-accent:#7d2ee6; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+2){ --rrr-sc-card-accent:#d83f91; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+3){ --rrr-sc-card-accent:#ad8215; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+4){ --rrr-sc-card-accent:#278a50; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+5){ --rrr-sc-card-accent:#1684a1; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+6){ --rrr-sc-card-accent:#c96720; }
.rrr-sc-card-storefront .rrr-sc-card.is-featured{
  box-shadow:0 14px 28px rgba(5,12,22,.22),0 0 0 3px #ffd84d !important;
}
.rrr-sc-card-storefront .rrr-sc-card-bg{
  display:none !important;
}
.rrr-sc-card-storefront .rrr-sc-card-head{
  display:flex;
  flex-direction:column;
  min-height:154px;
  padding:17px 17px 15px;
  background:
    radial-gradient(circle at 85% 16%,rgba(255,255,255,.15) 1.25px,transparent 1.4px),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.12)),
    var(--rrr-sc-card-accent);
  background-size:14px 14px,100% 100%,100% 100%;
  border-bottom:2px solid #202736;
}
.rrr-sc-card-storefront .rrr-sc-badge{
  margin:0 0 9px !important;
  padding:6px 9px !important;
  border:1.5px solid rgba(255,255,255,.86) !important;
  border-radius:999px !important;
  background:rgba(17,22,31,.68) !important;
  color:#fff !important;
  box-shadow:none !important;
  font-size:.64rem !important;
  letter-spacing:.06em !important;
  transform:none !important;
}
.rrr-sc-card-storefront .rrr-sc-card-title{
  display:-webkit-box !important;
  overflow:hidden !important;
  min-height:2.34em !important;
  margin:0 0 10px !important;
  color:#fff !important;
  font-size:clamp(1.05rem,1.45vw,1.28rem) !important;
  line-height:1.17 !important;
  font-weight:950 !important;
  letter-spacing:-.018em !important;
  text-shadow:0 2px 0 rgba(0,0,0,.25) !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.rrr-sc-card-storefront .rrr-sc-discount{
  margin:auto 0 0 !important;
  min-height:42px;
  padding:9px 10px !important;
  border:1.5px solid rgba(255,255,255,.68) !important;
  border-left:1.5px solid rgba(255,255,255,.68) !important;
  border-radius:8px !important;
  background:rgba(16,20,29,.78) !important;
  color:#fff !important;
  font-size:.94rem !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}
.rrr-sc-card-storefront .rrr-sc-card-body{
  padding:14px 15px 14px !important;
  background-color:#fffaf1 !important;
  background-image:radial-gradient(circle at 1px 1px,rgba(22,32,51,.055) 1px,transparent 1.15px) !important;
  background-size:12px 12px !important;
}

/* Predictable preview copy keeps every closed card aligned. */
.rrr-sc-description-preview{
  display:-webkit-box !important;
  overflow:hidden !important;
  margin:0 0 11px !important;
  min-height:0 !important;
  color:#3f4a5c !important;
  font-size:.88rem !important;
  line-height:1.43 !important;
  -webkit-box-orient:vertical;
}
.rrr-sc-desc-lines-1 .rrr-sc-description-preview{ min-height:1.43em !important; -webkit-line-clamp:1; }
.rrr-sc-desc-lines-2 .rrr-sc-description-preview{ min-height:2.86em !important; -webkit-line-clamp:2; }
.rrr-sc-desc-lines-3 .rrr-sc-description-preview{ min-height:4.29em !important; -webkit-line-clamp:3; }
.rrr-sc-desc-lines-0 .rrr-sc-description-preview{ display:none !important; }

.rrr-sc-card-storefront .rrr-sc-trigger-unlock{
  margin:0 0 11px !important;
  padding:7px 8px !important;
  border:1.5px dashed #24324a !important;
  border-radius:8px !important;
  background:#fff1a9 !important;
  box-shadow:none !important;
  font-size:.74rem !important;
}
.rrr-sc-card-storefront .rrr-sc-scan-box{
  margin:0 0 11px !important;
  padding:10px !important;
  border:2px dashed #24324a !important;
  border-radius:10px !important;
  background:#f4ede1 !important;
}
.rrr-sc-card-storefront .rrr-sc-scan-label{
  margin-bottom:6px !important;
  font-size:.6rem !important;
}
.rrr-sc-card-storefront .rrr-sc-barcode-wrap{
  margin-bottom:7px !important;
  padding:6px 8px !important;
  border-width:1.5px !important;
}
.rrr-sc-card-storefront svg.rrr-sc-barcode{ height:43px !important; }
.rrr-sc-card-storefront .rrr-sc-code{
  font-size:.88rem !important;
  letter-spacing:.07em !important;
}
.rrr-sc-card-storefront .rrr-sc-copy-btn{
  min-height:32px !important;
  padding:6px 9px !important;
  border-width:1.5px !important;
  box-shadow:none !important;
  font-size:.76rem !important;
}
.rrr-sc-card-storefront .rrr-sc-actions{
  margin:0 0 10px !important;
  margin-top:auto !important;
  gap:7px !important;
}
.rrr-sc-card-storefront .rrr-sc-apply-btn.button,
.rrr-sc-card-storefront .rrr-sc-cart-link{
  min-height:40px !important;
  border-width:1.5px !important;
  box-shadow:none !important;
  font-size:.78rem !important;
}
.rrr-sc-card-storefront .rrr-sc-apply-btn.button{
  background:var(--rrr-sc-card-accent) !important;
  color:#fff !important;
  border-color:#202736 !important;
}
.rrr-sc-card-storefront .rrr-sc-card-meta{
  min-height:48px;
  padding-top:1px;
}
.rrr-sc-card-storefront .rrr-sc-eligible{
  margin-bottom:5px !important;
  font-size:.76rem !important;
  line-height:1.35 !important;
}
.rrr-sc-card-storefront .rrr-sc-timer{
  margin:0 !important;
  font-size:.76rem !important;
}

/* Fine details belong in a drawer, not in the headline. */
.rrr-sc-details{
  margin-top:10px !important;
  border-top:1.5px dashed rgba(22,32,51,.34) !important;
  color:#465267 !important;
}
.rrr-sc-details > summary{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  min-height:38px !important;
  padding:9px 1px 4px !important;
  color:#24324a !important;
  cursor:pointer !important;
  list-style:none !important;
  font-size:.72rem !important;
  font-weight:950 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}
.rrr-sc-details > summary::-webkit-details-marker{ display:none !important; }
.rrr-sc-details-chevron{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1.5px solid #24324a;
  border-radius:50%;
  background:#fff;
  font-size:16px;
  line-height:1;
  transition:transform .18s ease;
}
.rrr-sc-details[open] .rrr-sc-details-chevron{ transform:rotate(180deg); }
.rrr-sc-details-content{
  padding:9px 0 3px !important;
  border-top:1px solid rgba(22,32,51,.12) !important;
}
.rrr-sc-detail-block + .rrr-sc-detail-block{ margin-top:10px !important; }
.rrr-sc-detail-block > strong{
  display:block !important;
  margin-bottom:4px !important;
  color:#24324a !important;
  font-size:.72rem !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}
.rrr-sc-detail-block p{
  margin:0 !important;
  color:#5c6676 !important;
  font-size:.76rem !important;
  line-height:1.48 !important;
}
.rrr-sc-details .rrr-sc-terms{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  font-size:inherit !important;
}
.rrr-sc-details-static{
  padding-top:9px !important;
}
.rrr-sc-details-static .rrr-sc-details-content{ border-top:0 !important; }
.rrr-sc-details-hidden .rrr-sc-details{ display:none !important; }

/* Comic storefront gets the same dark stage used by the product shelves. */
.rrr-sc-theme-comic.rrr-sc-card-storefront{
  border-color:#252c38 !important;
  background-color:#12161d !important;
  background-image:
    radial-gradient(circle at 1px 1px,rgba(255,255,255,.045) 1px,transparent 1.2px),
    linear-gradient(180deg,#12161d 0%,#171c24 100%) !important;
  box-shadow:none !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-results-note{
  color:#dce5f1 !important;
}

/* Keep Clean Light clean, but use the compact storefront card proportions. */
.rrr-sc-theme-clean.rrr-sc-card-storefront .rrr-sc-card{
  border:1px solid #d4dde8 !important;
  box-shadow:0 12px 28px rgba(17,35,58,.11) !important;
}
.rrr-sc-theme-clean.rrr-sc-card-storefront .rrr-sc-card-head{
  border-bottom:0 !important;
}
.rrr-sc-theme-clean.rrr-sc-card-storefront .rrr-sc-badge{
  border:1px solid rgba(255,255,255,.82) !important;
  background:rgba(17,22,31,.64) !important;
  color:#fff !important;
}
.rrr-sc-theme-clean.rrr-sc-card-storefront .rrr-sc-discount{
  border:1px solid rgba(255,255,255,.7) !important;
  background:rgba(16,20,29,.76) !important;
  color:#fff !important;
}

/* Builder sample now mirrors the live storefront card hierarchy. */
.rrr-sc-mini-preview.is-card-storefront .rrr-sc-mini-cards article{
  overflow:hidden !important;
  padding:0 !important;
  border:1.5px solid #202736 !important;
  border-radius:9px !important;
  background:#fffaf1 !important;
  box-shadow:0 7px 14px rgba(10,20,30,.15) !important;
}
.rrr-sc-mini-preview.is-card-storefront .rrr-sc-mini-cards article::before{ display:none !important; }
.rrr-sc-mini-preview.is-card-storefront .rrr-sc-mini-cards article:nth-child(1) .rrr-sc-mini-ticket-head{ background:#7d2ee6; }
.rrr-sc-mini-preview.is-card-storefront .rrr-sc-mini-cards article:nth-child(2) .rrr-sc-mini-ticket-head{ background:#d83f91; }
.rrr-sc-mini-preview.is-card-storefront .rrr-sc-mini-cards article:nth-child(3) .rrr-sc-mini-ticket-head{ background:#ad8215; }
.rrr-sc-mini-ticket-head{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-height:76px;
  padding:8px !important;
  color:#fff !important;
}
.rrr-sc-mini-ticket-head em{
  width:max-content;
  max-width:100%;
  padding:3px 5px;
  border:1px solid rgba(255,255,255,.75);
  border-radius:999px;
  background:rgba(17,22,31,.55);
  color:#fff !important;
  font-size:6px !important;
  font-style:normal !important;
  font-weight:900 !important;
  letter-spacing:.04em;
}
.rrr-sc-mini-ticket-head b{
  color:#fff !important;
  font-size:9px !important;
  line-height:1.05;
}
.rrr-sc-mini-ticket-head strong{
  margin-top:auto;
  padding:4px 5px;
  border-radius:4px;
  background:rgba(17,22,31,.7);
  color:#fff !important;
  font-size:7px !important;
  line-height:1.15;
}
.rrr-sc-mini-ticket-body{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:7px !important;
  background:#fffaf1;
}
.rrr-sc-mini-ticket-body .rrr-sc-mini-desc{
  display:-webkit-box;
  overflow:hidden;
  min-height:18px;
  color:#5a6575;
  font-size:6.5px;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.rrr-sc-mini-ticket-body i{
  padding:5px;
  border:1px dashed #24324a;
  border-radius:4px;
  background:#f4ede1;
  color:#24324a;
  font-size:6px;
  font-style:normal;
  font-weight:900;
}
.rrr-sc-mini-ticket-body u{
  padding-top:4px;
  border-top:1px dashed #b7bfca;
  color:#384960;
  font-size:6px;
  font-weight:900;
  text-decoration:none;
  text-transform:uppercase;
}
.rrr-sc-mini-preview.desc-lines-1 .rrr-sc-mini-desc{ -webkit-line-clamp:1; min-height:9px; }
.rrr-sc-mini-preview.desc-lines-2 .rrr-sc-mini-desc{ -webkit-line-clamp:2; }
.rrr-sc-mini-preview.desc-lines-3 .rrr-sc-mini-desc{ -webkit-line-clamp:3; min-height:27px; }
.rrr-sc-mini-preview.desc-lines-0 .rrr-sc-mini-desc{ display:none !important; }
.rrr-sc-mini-preview.is-details-hidden .rrr-sc-mini-ticket-body u{ display:none !important; }

@media (max-width:760px){
  .rrr-sc-hub-header{ padding:15px 17px !important; }
  .rrr-sc-hub-header::after{ display:none !important; }
  .rrr-sc-card-storefront .rrr-sc-card-head{ min-height:142px; }
  .rrr-sc-card-storefront .rrr-sc-card-title{ font-size:1.12rem !important; }
}

/* Builder fallback for the legacy card layout option. */
.rrr-sc-mini-preview.is-card-regular .rrr-sc-mini-ticket-head{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-height:68px;
  padding:8px !important;
  background:#fffdf7 !important;
}
.rrr-sc-mini-preview.is-card-regular .rrr-sc-mini-ticket-head em{
  width:max-content;
  padding:3px 5px;
  border-radius:999px;
  background:#e7f7ef;
  color:#247152 !important;
  font-size:6px !important;
  font-style:normal;
  font-weight:900;
}
.rrr-sc-mini-preview.is-card-regular .rrr-sc-mini-ticket-head b{
  color:#162033 !important;
  font-size:9px !important;
}
.rrr-sc-mini-preview.is-card-regular .rrr-sc-mini-ticket-head strong{
  padding:4px 5px;
  border-left:3px solid #2f6fbd;
  background:#edf5ff;
  color:#245f9f !important;
  font-size:7px !important;
}
.rrr-sc-mini-preview.is-card-regular .rrr-sc-mini-ticket-body{
  padding:7px !important;
  background:#fff !important;
}


/* v0.13.0 — category-first targeting + live catalog product picker */
.rrr-sc-category-first-note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:13px 15px;
  margin:0 0 14px;
  border:1px solid #cbd9ee;
  border-left:4px solid #1d5fa7;
  border-radius:10px;
  background:#f7fbff;
  color:#17365f;
}
.rrr-sc-category-first-note .dashicons{
  margin-top:2px;
  color:#1d5fa7;
}
.rrr-sc-category-first-note strong{
  display:block;
  margin-bottom:2px;
}
.rrr-sc-category-first-note p{
  margin:0;
  color:#56708f;
}

.rrr-sc-product-targeting{
  grid-column:1 / -1;
  padding:0 !important;
  overflow:hidden;
  border:1px solid #d7e0ec !important;
  border-radius:12px !important;
  background:#fbfcfe !important;
}
.rrr-sc-product-targeting[open]{
  border-color:#9fb8d8 !important;
  box-shadow:0 8px 24px rgba(25,60,105,.08);
}
.rrr-sc-product-targeting > summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:58px;
  padding:13px 16px;
  cursor:pointer;
  user-select:none;
  background:#f7f9fc;
}
.rrr-sc-product-targeting > summary::-webkit-details-marker{ display:none; }
.rrr-sc-product-targeting > summary::after{
  content:"▾";
  flex:0 0 auto;
  font-size:17px;
  color:#607792;
  transition:transform .18s ease;
}
.rrr-sc-product-targeting[open] > summary::after{ transform:rotate(180deg); }
.rrr-sc-product-targeting-summary-main{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}
.rrr-sc-product-targeting-summary-main .dashicons{
  width:34px;
  height:34px;
  line-height:34px;
  border-radius:8px;
  text-align:center;
  background:#e8f0fb;
  color:#1d5fa7;
}
.rrr-sc-product-targeting-summary-main strong{
  display:block;
  color:#17365f;
}
.rrr-sc-product-targeting-summary-main small{
  display:block;
  margin-top:2px;
  color:#6b7f98;
  font-weight:400;
}
.rrr-sc-product-targeting.has-selected-items > summary{
  background:#f1f8f5;
}
.rrr-sc-product-targeting.has-selected-items .rrr-sc-product-targeting-summary-main .dashicons{
  background:#dff3e7;
  color:#21844b;
}
.rrr-sc-product-targeting-body{
  padding:16px;
  border-top:1px solid #dde5ef;
}
.rrr-sc-live-product-search-wrap{
  margin-bottom:14px;
}
.rrr-sc-live-search-line{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:7px;
}
.rrr-sc-live-product-search{
  min-height:42px;
  border-color:#b9c8da !important;
}
.rrr-sc-live-product-search:focus{
  border-color:#2271b1 !important;
  box-shadow:0 0 0 1px #2271b1 !important;
}
.rrr-sc-live-search-spinner{
  float:none !important;
  margin:0 4px 0 0 !important;
  visibility:hidden;
}
.rrr-sc-live-search-spinner.is-active{
  visibility:visible;
}
.rrr-sc-live-search-status{
  min-height:18px;
  margin:6px 0 0 !important;
}
.rrr-sc-live-product-grid .rrr-sc-stage-panel-head > span{
  color:#74869d;
  font-size:11px;
}
.rrr-sc-product-picker-help{
  margin:11px 0 0 !important;
}
.rrr-sc-product-targeting .rrr-sc-stage-list{
  min-height:196px;
}
.rrr-sc-product-targeting .rrr-sc-count{
  white-space:nowrap;
  margin-left:auto;
}

@media (max-width: 782px){
  .rrr-sc-product-targeting > summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .rrr-sc-product-targeting .rrr-sc-count{
    margin-left:45px;
  }
}


/* ==========================================================================\n   0.14.0 — STOREFRONT CARD RELIABILITY + SAFE DETAILS DRAWERS\n   ========================================================================== */

/* The old grid stretched every card in a row when one <details> drawer opened.\n   Product-style tiles should stay independent: only the opened coupon grows. */
.rrr-sc-hub .rrr-sc-cards{
  align-items:start !important;
}
.rrr-sc-hub.rrr-sc-card-storefront .rrr-sc-card{
  height:auto !important;
  min-height:548px !important;
  align-self:start !important;
}
.rrr-sc-hub.rrr-sc-card-storefront .rrr-sc-card-body{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  width:100% !important;
}

/* Make coupon tiles read like the existing RRR product shelf instead of wide\n   document panels. Columns are the maximum number of cards, and the cards keep\n   a practical product-tile width on large screens. */
@media (min-width:1025px){
  .rrr-sc-hub.rrr-sc-card-storefront .rrr-sc-cards{
    grid-template-columns:repeat(var(--rrr-sc-cols,4),minmax(220px,300px)) !important;
    justify-content:start !important;
  }
}
@media (min-width:641px) and (max-width:1024px){
  .rrr-sc-hub.rrr-sc-card-storefront .rrr-sc-cards{
    grid-template-columns:repeat(var(--rrr-sc-cols-tablet,2),minmax(240px,330px)) !important;
    justify-content:start !important;
  }
}
@media (max-width:640px){
  .rrr-sc-hub.rrr-sc-card-storefront .rrr-sc-card{
    min-height:0 !important;
  }
}

/* Details are a drawer, not a second article. Keep it readable, bounded, and\n   isolated from Ecomall/Elementor generic <details>, <p>, and <strong> rules. */
.rrr-sc-hub .rrr-sc-details{
  width:100% !important;
  background:transparent !important;
  color:#465267 !important;
  box-shadow:none !important;
}
.rrr-sc-hub .rrr-sc-details > summary{
  background:transparent !important;
  color:#24324a !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
.rrr-sc-hub .rrr-sc-details-content{
  max-height:280px !important;
  overflow:auto !important;
  padding:10px !important;
  border:1px solid rgba(36,50,74,.18) !important;
  border-radius:9px !important;
  background:#f8f3e9 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
  scrollbar-width:thin;
}
.rrr-sc-hub .rrr-sc-details-content .rrr-sc-detail-block{
  display:block !important;
  margin:0 !important;
  padding:9px 10px !important;
  border:1px solid rgba(36,50,74,.12) !important;
  border-radius:7px !important;
  background:#fffdf7 !important;
  color:#465267 !important;
  box-shadow:none !important;
}
.rrr-sc-hub .rrr-sc-details-content .rrr-sc-detail-block + .rrr-sc-detail-block{
  margin-top:8px !important;
}
.rrr-sc-hub .rrr-sc-details-content .rrr-sc-detail-block > strong{
  display:block !important;
  margin:0 0 5px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#24324a !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-size:.68rem !important;
  line-height:1.25 !important;
  font-weight:950 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}
.rrr-sc-hub .rrr-sc-details-content .rrr-sc-detail-block p,
.rrr-sc-hub .rrr-sc-details-content .rrr-sc-terms p{
  display:block !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#556174 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-size:.76rem !important;
  line-height:1.5 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}
.rrr-sc-hub .rrr-sc-details-content .rrr-sc-terms{
  margin-top:8px !important;
  padding:9px 10px !important;
  border:1px solid rgba(36,50,74,.12) !important;
  background:#fffaf0 !important;
  color:#556174 !important;
}

/* Admin protection for accidentally pasted release notes / giant blobs. */
.rrr-sc-copy-warning{
  margin-top:8px;
  padding:9px 11px;
  border:1px solid #e3ad39;
  border-radius:8px;
  background:#fff5d8;
  color:#6b4a00;
  font-size:12px;
  line-height:1.45;
}

/* Classic is now an explicit opt-in. Legacy card_style=regular is upgraded by
   PHP to storefront, so old shortcode pages receive the new card treatment. */
.rrr-sc-mini-preview.is-card-classic .rrr-sc-mini-ticket-head{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-height:68px;
  padding:8px !important;
  background:#fffdf7 !important;
}

/* ==========================================================================
   0.15.0 — DARK COUPON CLIPPINGS + POPUP TICKET EXPERIENCE
   ========================================================================== */

body.rrr-sc-modal-open{ overflow:hidden; }

.rrr-sc-theme-comic.rrr-sc-card-storefront{
  border:1px solid #2a3142 !important;
  border-radius:26px !important;
  background:#121722 !important;
  background-image:linear-gradient(180deg,#111722 0%,#171d29 100%) !important;
  box-shadow:0 24px 56px rgba(0,0,0,.24) !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-hub-header{
  padding:22px 24px !important;
  border-color:#314c78 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#153966 0%,#1a4476 100%) !important;
  box-shadow:none !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-hub-header::after{ display:none !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-hub-header h2{
  font-size:clamp(1.8rem,2.4vw,2.6rem) !important;
  letter-spacing:-.03em !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-hub-header p{ color:#dbe9fb !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-search,
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-filter{
  border-color:#3a4357 !important;
  background:#faf6ee !important;
  box-shadow:none !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-filter.is-active{
  background:#ffd84d !important;
}
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+1){ --rrr-sc-card-accent:#6f35f0; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+2){ --rrr-sc-card-accent:#e24d96; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+3){ --rrr-sc-card-accent:#2b7be7; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+4){ --rrr-sc-card-accent:#21a46b; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+5){ --rrr-sc-card-accent:#20a4c8; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+6){ --rrr-sc-card-accent:#ff8a38; }

.rrr-sc-hub.rrr-sc-card-storefront .rrr-sc-card{
  min-height:0 !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:24px !important;
  background:#fff9f1 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
}
.rrr-sc-hub.rrr-sc-card-storefront .rrr-sc-card:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 18px 32px rgba(0,0,0,.28) !important;
}
.rrr-sc-card-storefront .rrr-sc-card-head{
  min-height:158px !important;
  padding:16px 17px !important;
  border-bottom:1px solid rgba(255,255,255,.42) !important;
  background:linear-gradient(180deg,color-mix(in srgb, var(--rrr-sc-card-accent) 88%, white 12%) 0%, color-mix(in srgb, var(--rrr-sc-card-accent) 64%, #121722 36%) 100%) !important;
}
.rrr-sc-card-storefront .rrr-sc-badge{
  margin:0 0 12px !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.5) !important;
  background:rgba(19,23,34,.48) !important;
  box-shadow:none !important;
  color:#fff !important;
  font-size:.71rem !important;
  transform:none !important;
}
.rrr-sc-card-storefront .rrr-sc-card-title{
  min-height:2.35em !important;
  overflow:hidden !important;
  margin:0 0 10px !important;
  color:#fff !important;
  font-size:clamp(1.22rem,1.7vw,1.62rem) !important;
  line-height:1.05 !important;
  text-shadow:none !important;
}
.rrr-sc-card-storefront .rrr-sc-discount{
  margin-top:auto !important;
  min-height:52px !important;
  padding:10px 12px !important;
  border:1px solid rgba(255,255,255,.32) !important;
  border-radius:12px !important;
  background:rgba(16,20,29,.74) !important;
  color:#fff !important;
  font-size:1rem !important;
}
.rrr-sc-card-storefront .rrr-sc-card-body{
  padding:15px 16px 16px !important;
  background:#fff9f1 !important;
}
.rrr-sc-description-preview{
  min-height:4.2em !important;
  margin:0 0 12px !important;
  color:#49566b !important;
  font-size:.94rem !important;
}
.rrr-sc-desc-lines-3 .rrr-sc-description-preview{ min-height:4.2em !important; }
.rrr-sc-card-storefront .rrr-sc-trigger-unlock{
  margin:0 0 12px !important;
  padding:8px 10px !important;
  border:1px dashed #2b3d5d !important;
  background:#fff1ab !important;
  font-size:.79rem !important;
}
.rrr-sc-card-strip{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:0 0 13px !important;
  padding:10px 12px !important;
  border:1px dashed #364154 !important;
  border-radius:14px !important;
  background:#f3ede2 !important;
}
.rrr-sc-code-chip{
  display:inline-flex !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  color:#1b2434 !important;
  font-size:.92rem !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.rrr-sc-open-modal,
.rrr-sc-detail-launch{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:0 12px !important;
  border:1px solid #2b3d5d !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#1c2b43 !important;
  font-weight:900 !important;
  cursor:pointer !important;
}
.rrr-sc-card-footer{ margin-top:8px !important; }
.rrr-sc-card-footer .rrr-sc-detail-launch{ width:100% !important; background:#fff7dd !important; }
.rrr-sc-card-storefront .rrr-sc-actions{
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:8px !important;
  margin:0 0 12px !important;
}
.rrr-sc-card-storefront .rrr-sc-apply-btn.button,
.rrr-sc-card-storefront .rrr-sc-cart-link{
  min-height:42px !important;
  box-shadow:none !important;
  border-radius:12px !important;
}
.rrr-sc-card-storefront .rrr-sc-apply-btn.button{ background:var(--rrr-sc-card-accent) !important; color:#fff !important; }
.rrr-sc-card-storefront .rrr-sc-cart-link{ background:#fff !important; }
.rrr-sc-card-storefront .rrr-sc-card-meta{ margin-top:0 !important; }
.rrr-sc-card-storefront .rrr-sc-eligible,
.rrr-sc-card-storefront .rrr-sc-timer{ font-size:.84rem !important; }
.rrr-sc-card-storefront .rrr-sc-scan-box{ margin:0 !important; }
.rrr-sc-card-storefront .rrr-sc-status{ margin-top:8px !important; }
.rrr-sc-card-storefront .rrr-sc-details{ display:none !important; }

.rrr-sc-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
}
.rrr-sc-modal-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(8,10,16,.72) !important;
  backdrop-filter:blur(4px) !important;
}
.rrr-sc-modal-dialog{
  position:relative !important;
  z-index:1 !important;
  max-width:860px !important;
  margin:4vh auto !important;
  padding:0 14px !important;
}
.rrr-sc-modal-ticket{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid #30384b !important;
  border-radius:28px !important;
  background:#fff9f1 !important;
  box-shadow:0 28px 70px rgba(0,0,0,.35) !important;
}
.rrr-sc-modal-close{
  position:absolute !important;
  top:12px !important;
  right:18px !important;
  z-index:2 !important;
  width:42px !important;
  height:42px !important;
  border:1px solid rgba(255,255,255,.36) !important;
  border-radius:50% !important;
  background:rgba(18,23,34,.68) !important;
  color:#fff !important;
  font-size:24px !important;
  line-height:1 !important;
  cursor:pointer !important;
}
.rrr-sc-modal-head{
  padding:26px 26px 20px !important;
  background:linear-gradient(180deg,#1e4f96 0%,#18345a 100%) !important;
  color:#fff !important;
}
.rrr-sc-modal-badge{
  display:inline-flex !important;
  margin:0 0 12px !important;
  padding:6px 10px !important;
  border:1px solid rgba(255,255,255,.45) !important;
  border-radius:999px !important;
  background:rgba(10,14,22,.35) !important;
  font-size:.76rem !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}
.rrr-sc-modal-title{
  margin:0 0 10px !important;
  color:#fff !important;
  font-size:clamp(1.8rem,3vw,2.7rem) !important;
  line-height:1 !important;
  font-weight:950 !important;
}
.rrr-sc-modal-offer{
  display:inline-block !important;
  padding:11px 13px !important;
  border-radius:14px !important;
  background:rgba(8,10,16,.36) !important;
  color:#fff !important;
  font-size:1.05rem !important;
  font-weight:900 !important;
}
.rrr-sc-modal-body{ padding:22px 26px 26px !important; }
.rrr-sc-modal-copy{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 0 16px !important;
}
.rrr-sc-modal-copy-block,
.rrr-sc-modal-code-line,
.rrr-sc-modal-terms-wrap{
  padding:14px 15px !important;
  border:1px solid #e3dccf !important;
  border-radius:16px !important;
  background:#fffdf8 !important;
}
.rrr-sc-modal-copy-block strong,
.rrr-sc-modal-terms-wrap strong,
.rrr-sc-modal-code-line span{
  display:block !important;
  margin:0 0 6px !important;
  color:#33445f !important;
  font-size:.74rem !important;
  font-weight:950 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}
.rrr-sc-modal-copy-block p,
.rrr-sc-modal-terms-wrap p,
.rrr-sc-modal-code-line strong{
  margin:0 !important;
  color:#4d5b70 !important;
  font-size:.96rem !important;
  line-height:1.55 !important;
}
.rrr-sc-modal-code-line strong{ color:#1b2434 !important; letter-spacing:.08em !important; }
.rrr-sc-modal-meta{ margin:0 0 16px !important; }
.rrr-sc-modal-barcode-host{ margin:0 0 16px !important; }
.rrr-sc-modal-barcode-host .rrr-sc-scan-box{
  padding:14px !important;
  border:2px dashed #313f56 !important;
  border-radius:18px !important;
  background:#f4ede2 !important;
}
.rrr-sc-modal-barcode-host svg.rrr-sc-barcode{ height:68px !important; }
.rrr-sc-modal-actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:12px !important;
  margin:0 0 16px !important;
}
.rrr-sc-modal-actions .rrr-sc-apply-btn.button,
.rrr-sc-modal-actions .rrr-sc-cart-link{
  min-height:50px !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
.rrr-sc-modal-actions .rrr-sc-apply-btn.button{ background:#1e4f96 !important; color:#fff !important; }
.rrr-sc-modal-terms-wrap p{ max-height:180px !important; overflow:auto !important; }

@media (max-width: 760px){
  .rrr-sc-modal-dialog{ margin:2vh auto !important; }
  .rrr-sc-modal-copy{ grid-template-columns:1fr !important; }
  .rrr-sc-modal-body,
  .rrr-sc-modal-head{ padding:18px !important; }
  .rrr-sc-modal-actions{ grid-template-columns:1fr !important; }
}

/* ==========================================================================
   0.16.0 — CIRCULAR CLIPPINGS + OPTIONAL COUPON ART
   ========================================================================== */

/* Admin coupon image picker */
.rrr-sc-image-picker{ display:flex; flex-direction:column; gap:12px; }
.rrr-sc-image-preview{
  display:flex; align-items:center; justify-content:center;
  min-height:180px; padding:12px; border:1px dashed #b9c9de; border-radius:14px;
  background:#f9fbfe;
}
.rrr-sc-image-preview.has-image{ border-style:solid; background:#fff; }
.rrr-sc-image-preview-img{ display:block; max-width:100%; max-height:220px; border-radius:10px; box-shadow:0 8px 20px rgba(17,35,58,.12); }
.rrr-sc-image-placeholder{ display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; color:#6a7b90; }
.rrr-sc-image-placeholder .dashicons{ width:38px; height:38px; font-size:38px; color:#93a5be; }
.rrr-sc-image-placeholder em{ font-style:normal; max-width:280px; }
.rrr-sc-image-actions{ display:flex; gap:10px; flex-wrap:wrap; }

/* Card art + circular clipping preview */
.rrr-sc-card-storefront .rrr-sc-card-head{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
}
.rrr-sc-card-art{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:92px !important;
  margin:0 0 12px !important;
}
.rrr-sc-card-art-img{
  display:block !important;
  max-width:100px !important;
  max-height:88px !important;
  width:auto !important;
  height:auto !important;
  border-radius:4px !important;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.25));
}
.rrr-sc-card-storefront .rrr-sc-card-title{
  min-height:2.45em !important;
}
.rrr-sc-card-storefront .rrr-sc-discount{ min-height:56px !important; }
.rrr-sc-card-storefront .rrr-sc-card-strip{
  align-items:stretch !important;
  gap:12px !important;
  padding:10px 11px !important;
  border-style:dashed !important;
  background:#f6efe2 !important;
}
.rrr-sc-clip-preview{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}
.rrr-sc-clip-barcode{
  flex:0 0 96px !important;
  min-width:96px !important;
  padding:6px 8px !important;
  border:1px solid #24324a !important;
  border-radius:8px !important;
  background:#fff !important;
}
.rrr-sc-clip-barcode svg.rrr-sc-barcode{ height:26px !important; }
.rrr-sc-clip-preview-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.rrr-sc-clip-preview-copy strong{
  display:block !important;
  color:#1b2434 !important;
  font-size:.78rem !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
}
.rrr-sc-clip-preview-copy small{
  display:block !important;
  margin-top:4px !important;
  color:#6f7d8f !important;
  font-size:.74rem !important;
  line-height:1.2 !important;
}
.rrr-sc-open-modal{ white-space:nowrap !important; flex:0 0 auto !important; }

/* Modal hero art */
.rrr-sc-modal-hero{ margin:0 0 16px !important; }
.rrr-sc-modal-image-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  border:1px solid #e3dccf !important;
  border-radius:18px !important;
  background:#fffdf8 !important;
}
.rrr-sc-modal-image{
  display:block !important;
  max-width:100% !important;
  max-height:220px !important;
  width:auto !important;
  height:auto !important;
  border-radius:6px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.15) !important;
}

/* Bring accent palette a little closer to product cards */
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+1){ --rrr-sc-card-accent:#8c32f5; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+2){ --rrr-sc-card-accent:#eb5aa2; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+3){ --rrr-sc-card-accent:#f0d465; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+4){ --rrr-sc-card-accent:#58cf7e; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+5){ --rrr-sc-card-accent:#55c2df; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+6){ --rrr-sc-card-accent:#ff8f35; }
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+3) .rrr-sc-badge,
.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+3) .rrr-sc-discount{ color:#fff !important; }

@media (max-width:640px){
  .rrr-sc-card-storefront .rrr-sc-card-strip{ flex-direction:column !important; }
  .rrr-sc-open-modal{ width:100% !important; }
  .rrr-sc-clip-barcode{ width:100% !important; min-width:0 !important; }
}

/* ==========================================================================
   0.17.0 — COMIC CIRCULAR GRID / PRODUCT-CARD HYBRID
   ========================================================================== */

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(235px,1fr)) !important;
  gap:18px !important;
  justify-content:stretch !important;
}

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card{
  position:relative !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#2a2741 0%,#2a2741 46%,#151a23 46%,#151a23 100%) !important;
  box-shadow:0 16px 28px rgba(0,0,0,.28) !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card::after{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  pointer-events:none;
}

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+1){ background:linear-gradient(180deg,#8c32f5 0%,#8c32f5 46%,#352558 46%,#352558 100%) !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+2){ background:linear-gradient(180deg,#eb5aa2 0%,#eb5aa2 46%,#563049 46%,#563049 100%) !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+3){ background:linear-gradient(180deg,#f0d465 0%,#f0d465 46%,#58502a 46%,#58502a 100%) !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+4){ background:linear-gradient(180deg,#58cf7e 0%,#58cf7e 46%,#255238 46%,#255238 100%) !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+5){ background:linear-gradient(180deg,#55c2df 0%,#55c2df 46%,#244a56 46%,#244a56 100%) !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+6){ background:linear-gradient(180deg,#ff8f35 0%,#ff8f35 46%,#5b3a28 46%,#5b3a28 100%) !important; }

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-head{
  position:relative !important;
  min-height:190px !important;
  padding:14px 16px 12px !important;
  border:0 !important;
  background:transparent !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-head::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.18) 1px, transparent 1.2px);
  background-size:14px 14px;
  opacity:.38;
  pointer-events:none;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-art{
  position:relative !important;
  z-index:1 !important;
  min-height:100px !important;
  margin:0 0 12px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-art-img{
  max-width:110px !important;
  max-height:96px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-badge{
  position:relative !important;
  z-index:1 !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 0 12px !important;
  padding:6px 10px !important;
  border:2px solid rgba(255,255,255,.34) !important;
  background:rgba(15,19,29,.58) !important;
  color:#fff !important;
  font-size:.78rem !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-title{
  position:relative !important;
  z-index:1 !important;
  display:-webkit-box !important;
  overflow:hidden !important;
  min-height:2.25em !important;
  margin:0 !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  color:#fff !important;
  font-size:clamp(1.25rem,1.9vw,1.62rem) !important;
  font-weight:900 !important;
  line-height:1.02 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-discount{
  position:absolute !important;
  right:16px !important;
  left:16px !important;
  bottom:-24px !important;
  z-index:2 !important;
  min-height:0 !important;
  padding:11px 13px !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:14px !important;
  background:rgba(18,22,32,.86) !important;
  color:#fff !important;
  font-size:1.01rem !important;
  line-height:1.15 !important;
  box-shadow:0 10px 18px rgba(0,0,0,.18) !important;
}

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-body{
  position:relative !important;
  flex:1 1 auto !important;
  padding:40px 16px 16px !important;
  background:transparent !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-description-preview{
  display:-webkit-box !important;
  overflow:hidden !important;
  min-height:3.2em !important;
  margin:0 0 11px !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  color:#f1f5fb !important;
  font-size:.97rem !important;
  line-height:1.35 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-trigger-unlock{
  margin:0 0 11px !important;
  padding:8px 10px !important;
  border:1px dashed #8e96a5 !important;
  border-radius:10px !important;
  background:#efe2a0 !important;
  color:#28364b !important;
}

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-strip{
  position:relative !important;
  margin:0 0 12px !important;
  padding:11px 12px !important;
  border:2px dashed #8590a3 !important;
  border-radius:14px !important;
  background:#f4ede2 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-strip::before,
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-strip::after{
  content:"";
  position:absolute;
  top:50%;
  width:16px;
  height:16px;
  margin-top:-8px;
  border-radius:50%;
  background:#151a23;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-strip::before{ left:-9px; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-strip::after{ right:-9px; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-barcode{
  flex:0 0 86px !important;
  min-width:86px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-barcode svg.rrr-sc-barcode{ height:22px !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-open-modal{
  background:#fffefb !important;
}

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-actions{
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:8px !important;
  margin:0 0 12px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-apply-btn.button{
  border:0 !important;
  background:#ffffff22 !important;
  color:#fff !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+1) .rrr-sc-apply-btn.button{ background:#8c32f5 !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+2) .rrr-sc-apply-btn.button{ background:#eb5aa2 !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+3) .rrr-sc-apply-btn.button{ background:#f0d465 !important; color:#1b2434 !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+4) .rrr-sc-apply-btn.button{ background:#58cf7e !important; color:#1b2434 !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+5) .rrr-sc-apply-btn.button{ background:#55c2df !important; color:#1b2434 !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+6) .rrr-sc-apply-btn.button{ background:#ff8f35 !important; color:#1b2434 !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cart-link{
  border-color:rgba(255,255,255,.26) !important;
  background:#fff8ec !important;
}

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-meta{
  margin-top:auto !important;
  padding-top:2px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-eligible strong,
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-timer{ color:#fff2d3 !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-eligible span,
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-eligible a{ color:#fff !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-footer .rrr-sc-detail-launch{
  width:100% !important;
  border-color:rgba(255,255,255,.28) !important;
  background:#efe6c9 !important;
}

@media (max-width: 760px){
  .rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  }
}

/* ==========================================================================
   0.18.0 — FULL CIRCULAR-STYLE COUPON SHEET REDESIGN
   ========================================================================== */

.rrr-sc-theme-comic.rrr-sc-card-storefront{
  background:linear-gradient(180deg,#121722 0%,#161d29 100%) !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-hub-header{
  background:linear-gradient(180deg,#153966 0%,#1a4476 100%) !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(285px,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
}

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card{
  position:relative !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:305px !important;
  border:2px dashed #4a4137 !important;
  border-radius:8px !important;
  background:#f4e7d2 !important;
  box-shadow:0 14px 24px rgba(0,0,0,.18) !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card::before,
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card::after{
  content:"";
  position:absolute;
  left:0; right:0;
  height:6px;
  background-image:radial-gradient(circle,#121722 3px,transparent 3.3px);
  background-size:16px 6px;
  background-position:center center;
  opacity:.12;
  pointer-events:none;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card::before{ top:-3px; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card::after{ bottom:-3px; }

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+1){ --rrr-coupon-accent:#8c32f5; --rrr-coupon-accent-dark:#4f2678; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+2){ --rrr-coupon-accent:#eb5aa2; --rrr-coupon-accent-dark:#7a2f58; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+3){ --rrr-coupon-accent:#f0d465; --rrr-coupon-accent-dark:#8a7730; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+4){ --rrr-coupon-accent:#58cf7e; --rrr-coupon-accent-dark:#2f6d46; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+5){ --rrr-coupon-accent:#55c2df; --rrr-coupon-accent-dark:#2f6778; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+6){ --rrr-coupon-accent:#ff8f35; --rrr-coupon-accent-dark:#8a5128; }

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-bg{ display:none !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-kicker{
  display:flex !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:8px 12px 6px !important;
  border-bottom:1px dashed rgba(58,46,35,.4) !important;
  color:#5a5148 !important;
  font-size:.67rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  background:#f7efe3 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-head{
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  grid-template-areas:
    "art badge"
    "art title"
    "art offer" !important;
  gap:10px 12px !important;
  min-height:0 !important;
  padding:12px !important;
  background:transparent !important;
  border:0 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-head::after{ display:none !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-art{
  grid-area:art !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:116px !important;
  margin:0 !important;
  border-radius:8px !important;
  background:var(--rrr-coupon-accent) !important;
  box-shadow:inset 0 -18px 0 rgba(0,0,0,.16) !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-art:empty::before{
  content:"RRR";
  color:#fff;
  font-weight:900;
  font-size:1.2rem;
  letter-spacing:.08em;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-art-img{
  max-width:72px !important;
  max-height:96px !important;
  border-radius:2px !important;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.22));
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-badge{
  grid-area:badge !important;
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  padding:5px 10px !important;
  border:1px solid var(--rrr-coupon-accent-dark) !important;
  border-radius:999px !important;
  background:#1a2230 !important;
  color:#fff !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  transform:none !important;
  box-shadow:none !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-title{
  grid-area:title !important;
  display:-webkit-box !important;
  margin:0 !important;
  overflow:hidden !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  min-height:2.35em !important;
  color:#2a2420 !important;
  font-size:1.55rem !important;
  line-height:1.03 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-discount{
  grid-area:offer !important;
  position:static !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#d45d19 !important;
  font-size:1.35rem !important;
  line-height:1.02 !important;
  font-weight:900 !important;
  text-transform:none !important;
  text-shadow:none !important;
}

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  padding:0 12px 12px !important;
  background:transparent !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-description-preview{
  display:-webkit-box !important;
  overflow:hidden !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  min-height:3.9em !important;
  margin:0 0 9px !important;
  color:#4b443d !important;
  font-size:.95rem !important;
  line-height:1.35 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-trigger-unlock{
  margin:0 0 10px !important;
  padding:7px 9px !important;
  border:1px dashed #a79d7a !important;
  border-radius:6px !important;
  background:#f3e6a8 !important;
  color:#3d3a2f !important;
  font-size:.8rem !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-strip{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  margin:0 0 10px !important;
  padding:10px !important;
  border:2px dashed #8b8378 !important;
  border-radius:8px !important;
  background:#f8f1e7 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-strip::before,
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-strip::after{ display:none !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-preview{
  gap:8px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-barcode{
  flex:0 0 72px !important;
  min-width:72px !important;
  padding:4px 6px !important;
  border:1px solid #38322d !important;
  border-radius:4px !important;
  background:#fff !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-barcode svg.rrr-sc-barcode{ height:18px !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-preview-copy strong{
  color:#352f2a !important;
  font-size:.76rem !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-preview-copy small{
  color:#6d645a !important;
  font-size:.72rem !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-open-modal,
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-detail-launch{
  border:1px solid #57514a !important;
  border-radius:999px !important;
  background:#fffdf8 !important;
  color:#1e2940 !important;
  font-weight:900 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-actions{
  display:none !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-meta{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:auto !important;
  padding-top:2px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-eligible,
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-timer{
  color:#5a5148 !important;
  font-size:.78rem !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-eligible strong{ color:#352f2a !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-eligible span,
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-eligible a{ color:#1d4f97 !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-footer{
  margin-top:10px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-footer .rrr-sc-detail-launch{
  width:100% !important;
  background:#efe4c0 !important;
}

@media (max-width: 680px){
  .rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
    grid-template-columns:1fr !important;
  }
}

/* ==========================================================================
   0.19.0 — VINTAGE CIRCULAR CLIPPING REFINEMENT
   ========================================================================== */

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;
  gap:16px !important;
}

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card{
  border:2px dashed #544b42 !important;
  border-radius:4px !important;
  background:#efe0c8 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card::before,
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card::after{
  display:none !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-kicker{
  padding:6px 10px !important;
  border-bottom:1px dashed rgba(68,59,48,.5) !important;
  background:#f5ead8 !important;
  color:#605548 !important;
  font-size:.64rem !important;
}

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-head{
  grid-template-columns:84px minmax(0,1fr) !important;
  grid-template-areas:
    "art badge"
    "art title"
    "art offer" !important;
  gap:8px 12px !important;
  padding:10px 10px 8px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-art{
  min-height:108px !important;
  border-radius:0 !important;
  box-shadow:inset 0 -14px 0 rgba(0,0,0,.12) !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-art-img{
  max-width:66px !important;
  max-height:90px !important;
  border-radius:0 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-badge{
  align-self:start !important;
  border:0 !important;
  background:#1f2430 !important;
  font-size:.68rem !important;
  letter-spacing:.03em !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-title{
  color:#241f1b !important;
  font-size:1.1rem !important;
  line-height:1.02 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-discount{
  color:#c75618 !important;
  font-size:1.45rem !important;
  line-height:1.0 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-body{
  padding:0 10px 10px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-description-preview{
  min-height:3.45em !important;
  margin:0 0 8px !important;
  color:#4c433a !important;
  font-size:.9rem !important;
  line-height:1.28 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-trigger-unlock{
  margin:0 0 8px !important;
  border-radius:4px !important;
  background:#f1e4a4 !important;
  font-size:.76rem !important;
}

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-strip{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  margin:0 0 8px !important;
  padding:8px !important;
  border:2px dashed #797066 !important;
  border-radius:4px !important;
  background:#f8f2e9 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-preview{
  align-items:center !important;
  gap:8px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-barcode-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:3px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-barcode{
  flex:0 0 auto !important;
  min-width:102px !important;
  padding:5px 6px !important;
  border:1px solid #3e3730 !important;
  border-radius:2px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-barcode svg.rrr-sc-barcode{
  height:24px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-code{
  color:#2b2621 !important;
  font-size:.58rem !important;
  font-weight:800 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-preview-copy strong{
  color:#302a25 !important;
  font-size:.72rem !important;
  letter-spacing:.04em !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-clip-preview-copy small{
  color:#6b6258 !important;
  font-size:.68rem !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-open-modal,
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-detail-launch{
  min-height:40px !important;
  border-radius:999px !important;
  background:#fffdf8 !important;
  color:#1d2b43 !important;
  font-size:.96rem !important;
}

.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-meta{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:10px !important;
  align-items:start !important;
  margin-top:auto !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-eligible,
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-timer{
  color:#5d5247 !important;
  font-size:.74rem !important;
  line-height:1.25 !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-footer{
  margin-top:8px !important;
}
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card-footer .rrr-sc-detail-launch{
  background:#eee1b8 !important;
}

/* stronger product-card color language on art blocks */
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+1) .rrr-sc-card-art{ background:#8c32f5 !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+2) .rrr-sc-card-art{ background:#eb5aa2 !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+3) .rrr-sc-card-art{ background:#f0d465 !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+4) .rrr-sc-card-art{ background:#58cf7e !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+5) .rrr-sc-card-art{ background:#55c2df !important; }
.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card:nth-child(6n+6) .rrr-sc-card-art{ background:#ff8f35 !important; }

/* modal: make the clipped coupon itself look more like the actual printable piece */
.rrr-sc-modal-ticket{
  border:2px dashed #5c5348 !important;
  border-radius:8px !important;
  background:#f1e4cf !important;
}
.rrr-sc-modal-head{
  background:#f7ecdd !important;
  color:#241f1b !important;
  border-bottom:1px dashed rgba(84,73,61,.35) !important;
}
.rrr-sc-modal-title{ color:#201b17 !important; }
.rrr-sc-modal-offer{
  background:transparent !important;
  color:#c75618 !important;
  padding:0 !important;
  font-size:1.45rem !important;
}
.rrr-sc-modal-badge{
  background:#1f2430 !important;
  color:#fff !important;
}
.rrr-sc-modal-copy-block,
.rrr-sc-modal-code-line,
.rrr-sc-modal-terms-wrap,
.rrr-sc-modal-image-wrap{
  border-radius:6px !important;
  background:#fbf6ef !important;
}
.rrr-sc-modal-barcode-host .rrr-sc-scan-box{
  border:2px dashed #74695f !important;
  border-radius:6px !important;
  background:#fbf6ef !important;
}

@media (max-width:720px){
  .rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
    grid-template-columns:1fr !important;
  }
}

/* ==========================================================================
   0.20.0 — PROFESSIONAL VINTAGE CIRCULAR SHEET
   Two-up newspaper coupon layout + RRR product-card color accents.
   ========================================================================== */

.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:0 !important;
  align-items:stretch !important;
  overflow:hidden !important;
  border:1px solid #6d6257 !important;
  border-radius:12px !important;
  background:#eadbc4 !important;
  box-shadow:0 18px 34px rgba(0,0,0,.18) !important;
}

.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon{
  --rrr-coupon-accent:#7f35ef;
  --rrr-coupon-tint:#eee2ff;
  position:relative !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  min-height:252px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-right:1px dashed rgba(67,58,50,.72) !important;
  border-bottom:1px dashed rgba(67,58,50,.72) !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 1px 1px,rgba(68,55,40,.045) 1px,transparent 1.1px),
    linear-gradient(145deg,var(--rrr-coupon-tint) 0%,#f4e7d2 48%,#f7ecdc 100%) !important;
  background-size:12px 12px,100% 100% !important;
  box-shadow:none !important;
  color:#302923 !important;
  cursor:pointer !important;
  transition:background .15s ease,transform .15s ease,box-shadow .15s ease !important;
}
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon:nth-child(2n){ border-right:0 !important; }
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon:hover,
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon:focus-visible{
  z-index:2 !important;
  transform:translateY(-2px) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.15) !important;
  outline:none !important;
}
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon:focus-visible{
  box-shadow:inset 0 0 0 3px #245c9e,0 10px 24px rgba(0,0,0,.15) !important;
}

.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon:nth-child(6n+1){ --rrr-coupon-accent:#8637f2; --rrr-coupon-tint:#eee3ff; }
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon:nth-child(6n+2){ --rrr-coupon-accent:#e4519d; --rrr-coupon-tint:#ffe5f1; }
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon:nth-child(6n+3){ --rrr-coupon-accent:#d5ad24; --rrr-coupon-tint:#fff4c8; }
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon:nth-child(6n+4){ --rrr-coupon-accent:#40ae66; --rrr-coupon-tint:#e2f6e8; }
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon:nth-child(6n+5){ --rrr-coupon-accent:#35a9cb; --rrr-coupon-tint:#e1f5fb; }
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon:nth-child(6n+6){ --rrr-coupon-accent:#eb7b2b; --rrr-coupon-tint:#ffeadb; }

.rrr-sc-circular-topline{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  min-height:28px !important;
  padding:6px 10px 5px !important;
  border-bottom:1px solid rgba(69,60,51,.26) !important;
  background:rgba(255,250,241,.72) !important;
  color:#62584f !important;
  font-family:Arial,sans-serif !important;
  font-size:.61rem !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.rrr-sc-circular-main{
  display:grid !important;
  grid-template-columns:104px minmax(0,1fr) 122px !important;
  gap:12px !important;
  align-items:center !important;
  flex:1 1 auto !important;
  padding:12px 12px 9px !important;
}

.rrr-sc-circular-media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:stretch !important;
  min-height:130px !important;
  padding:10px !important;
  border:1px solid rgba(43,35,28,.2) !important;
  background:var(--rrr-coupon-accent) !important;
  box-shadow:inset 0 -20px 0 rgba(0,0,0,.08) !important;
}
.rrr-sc-circular-media .rrr-sc-card-art-img{
  display:block !important;
  max-width:82px !important;
  max-height:118px !important;
  width:auto !important;
  height:auto !important;
  border-radius:2px !important;
  filter:drop-shadow(0 7px 8px rgba(0,0,0,.22)) !important;
}
.rrr-sc-circular-placeholder{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  width:70px !important;
  height:88px !important;
  border:2px solid rgba(255,255,255,.72) !important;
  color:#fff !important;
  text-align:center !important;
}
.rrr-sc-circular-placeholder span{ font-size:1.45rem !important; font-weight:950 !important; line-height:1 !important; }
.rrr-sc-circular-placeholder small{ font-size:.62rem !important; font-weight:900 !important; letter-spacing:.15em !important; }

.rrr-sc-circular-copy{
  min-width:0 !important;
  align-self:start !important;
}
.rrr-sc-circular-badge{
  display:inline-flex !important;
  max-width:100% !important;
  margin:0 0 5px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  background:#242a36 !important;
  color:#fff !important;
  font-size:.61rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}
.rrr-sc-circular-save{
  margin:0 !important;
  color:var(--rrr-coupon-accent) !important;
  font-family:Arial Black,Arial,sans-serif !important;
  font-size:clamp(1.7rem,2.5vw,2.45rem) !important;
  line-height:.92 !important;
  font-weight:950 !important;
  letter-spacing:-.06em !important;
  text-transform:uppercase !important;
}
.rrr-sc-circular-suboffer{
  margin:4px 0 7px !important;
  color:#2f2924 !important;
  font-size:.84rem !important;
  line-height:1.17 !important;
  font-weight:850 !important;
}
.rrr-sc-circular-title{
  margin:0 0 5px !important;
  color:#27221e !important;
  font-size:.83rem !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
}
.rrr-sc-circular-description{
  display:-webkit-box !important;
  overflow:hidden !important;
  margin:0 !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  color:#5b5147 !important;
  font-size:.74rem !important;
  line-height:1.32 !important;
  font-weight:500 !important;
}
.rrr-sc-circular-trigger{
  margin-top:6px !important;
  padding-top:5px !important;
  border-top:1px dotted rgba(68,59,51,.34) !important;
  color:#665b50 !important;
  font-size:.64rem !important;
  line-height:1.25 !important;
}
.rrr-sc-circular-trigger strong{ color:#342e29 !important; }

.rrr-sc-circular-barcode{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  align-self:stretch !important;
  justify-content:center !important;
  min-width:0 !important;
  padding:8px !important;
  border-left:1px dashed rgba(73,63,54,.48) !important;
  background:rgba(255,252,246,.38) !important;
}
.rrr-sc-circular-scanlabel{
  margin:0 0 5px !important;
  color:#62584f !important;
  font-size:.55rem !important;
  font-weight:900 !important;
  letter-spacing:.09em !important;
  text-align:center !important;
}
.rrr-sc-circular-barcode-svg{
  padding:7px 6px 4px !important;
  border:1px solid #37312b !important;
  background:#fff !important;
}
.rrr-sc-circular-barcode-svg .rrr-sc-barcode{
  display:block !important;
  width:100% !important;
  height:70px !important;
}
.rrr-sc-circular-code{
  margin-top:5px !important;
  overflow-wrap:anywhere !important;
  color:#2e2823 !important;
  font-family:Arial,sans-serif !important;
  font-size:.58rem !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-align:center !important;
  text-transform:uppercase !important;
}
.rrr-sc-circular-view{
  margin-top:7px !important;
  padding:5px 4px !important;
  border:1px solid rgba(48,42,36,.3) !important;
  background:#fff7e8 !important;
  color:#26354e !important;
  font-size:.58rem !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.06em !important;
  text-align:center !important;
}

.rrr-sc-circular-footer{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  padding:7px 10px !important;
  border-top:1px dashed rgba(67,58,50,.48) !important;
  background:rgba(255,250,241,.7) !important;
}
.rrr-sc-circular-eligible{
  min-width:0 !important;
  overflow:hidden !important;
  color:#62584f !important;
  font-size:.58rem !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}
.rrr-sc-circular-eligible strong{ color:#332d28 !important; margin-right:5px !important; }
.rrr-sc-circular-hint{
  color:#394967 !important;
  font-size:.56rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.rrr-sc-circular-coupon .rrr-sc-status{
  min-height:0 !important;
  margin:0 !important;
  padding:0 10px 6px !important;
  font-size:.68rem !important;
}

/* Keep the pop-up as the polished full coupon; barcode is the same genuine Code 128. */
.rrr-sc-modal-barcode-host .rrr-sc-barcode{ width:100% !important; height:96px !important; }
.rrr-sc-modal-ticket{
  border:1px solid #3d4658 !important;
  border-radius:18px !important;
  background:#f6ead7 !important;
}
.rrr-sc-modal-head{
  border-bottom:1px dashed rgba(64,55,47,.38) !important;
  background:linear-gradient(180deg,#173d6b 0%,#1b4c82 100%) !important;
  color:#fff !important;
}
.rrr-sc-modal-title{ color:#fff !important; }
.rrr-sc-modal-offer{
  display:inline-block !important;
  padding:8px 11px !important;
  border-radius:9px !important;
  background:rgba(9,16,27,.34) !important;
  color:#fff !important;
  font-size:1.1rem !important;
}

@media (max-width:1050px){
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
    grid-template-columns:1fr !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon{
    border-right:0 !important;
  }
}

@media (max-width:640px){
  .rrr-sc-circular-main{
    grid-template-columns:82px minmax(0,1fr) !important;
    grid-template-areas:"media copy" "barcode barcode" !important;
  }
  .rrr-sc-circular-media{ grid-area:media !important; min-height:112px !important; }
  .rrr-sc-circular-copy{ grid-area:copy !important; }
  .rrr-sc-circular-barcode{
    grid-area:barcode !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:6px 10px !important;
    align-items:center !important;
    border-left:0 !important;
    border-top:1px dashed rgba(73,63,54,.48) !important;
  }
  .rrr-sc-circular-scanlabel{ grid-column:1/-1 !important; }
  .rrr-sc-circular-code{ margin:0 !important; }
  .rrr-sc-circular-view{ margin:0 !important; }
  .rrr-sc-circular-footer{ grid-template-columns:1fr !important; }
  .rrr-sc-circular-hint{ display:none !important; }
}

/* ==========================================================================
   0.21.0 — SMART ADAPTIVE COUPON ART
   ========================================================================== */

/* Base art is no longer a thumbnail. The coupon reserves real visual space for
   artwork and chooses the media-column size from the source image aspect ratio. */
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-media{
  padding:6px !important;
  min-height:158px !important;
  overflow:hidden !important;
}
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-media .rrr-sc-card-art-img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:2px !important;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.18)) !important;
}

/* Tall game boxes, dolls, boxed toys, etc. */
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-portrait .rrr-sc-circular-main{
  grid-template-columns:152px minmax(0,1fr) 122px !important;
}
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-portrait .rrr-sc-circular-media{
  min-height:178px !important;
}

/* Square-ish product shots get a broad merchandise panel. */
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-square .rrr-sc-circular-main{
  grid-template-columns:160px minmax(0,1fr) 122px !important;
}
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-square .rrr-sc-circular-media{
  min-height:160px !important;
}

/* Landscape promo art can use noticeably more horizontal real estate. */
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-landscape .rrr-sc-circular-main{
  grid-template-columns:188px minmax(0,1fr) 122px !important;
}
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-landscape .rrr-sc-circular-media{
  min-height:146px !important;
}

/* Wide artwork gets the largest media panel while the barcode remains fixed. */
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-wide .rrr-sc-circular-main{
  grid-template-columns:220px minmax(0,1fr) 122px !important;
}
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-wide .rrr-sc-circular-media{
  min-height:136px !important;
}

/* Keep the no-image coupon compact instead of reserving unused media space. */
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.no-visual-art .rrr-sc-circular-main{
  grid-template-columns:104px minmax(0,1fr) 122px !important;
}

/* If a two-column coupon gets too narrow, adapt the wide layouts before
   falling all the way to the mobile stack. */
@media (max-width:1280px) and (min-width:1051px){
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-wide .rrr-sc-circular-main{
    grid-template-columns:180px minmax(0,1fr) 116px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-landscape .rrr-sc-circular-main{
    grid-template-columns:164px minmax(0,1fr) 116px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-square .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-portrait .rrr-sc-circular-main{
    grid-template-columns:140px minmax(0,1fr) 116px !important;
  }
}

@media (max-width:640px){
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.no-visual-art .rrr-sc-circular-main{
    grid-template-columns:120px minmax(0,1fr) !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-media{
    min-height:138px !important;
  }
}

/* ==========================================================================
   0.22.0 — UNIFIED RESPONSIVE COUPON SHEET
   Keep the desktop circular/newspaper design language across laptop, tablet,
   and mobile. Breakpoints now reflow the same component instead of replacing
   it with oversized single-column variants.
   ========================================================================== */

.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront{
  container-type:inline-size;
}

/* Keep the desktop toolbar treatment everywhere; narrower screens scroll the
   chips instead of turning each filter into a full-width button. */
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-toolbar{
  gap:12px !important;
}
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-filters{
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:2px 3px 7px 2px !important;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-filter{
  flex:0 0 auto !important;
  width:auto !important;
}

/* One fluid internal recipe for every circular coupon. Art type still affects
   image fitting, but no longer forces wildly different column widths. */
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon .rrr-sc-circular-main,
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-main,
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.no-visual-art .rrr-sc-circular-main,
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-portrait .rrr-sc-circular-main,
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-square .rrr-sc-circular-main,
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-landscape .rrr-sc-circular-main,
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-wide .rrr-sc-circular-main{
  grid-template-columns:clamp(108px,25%,180px) minmax(0,1fr) clamp(104px,18%,122px) !important;
  grid-template-areas:none !important;
  gap:10px !important;
  padding:11px 11px 9px !important;
}

.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-media,
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-portrait .rrr-sc-circular-media,
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-square .rrr-sc-circular-media,
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-landscape .rrr-sc-circular-media,
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-wide .rrr-sc-circular-media{
  min-height:148px !important;
}
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-media .rrr-sc-card-art-img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:164px !important;
  object-fit:contain !important;
}

/* Desktop + normal laptop: retain the two-up desktop sheet. The old 1050px
   rule made laptop coupons suddenly become giant full-width rows. */
@media (min-width:921px){
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon{
    border-right:1px dashed rgba(67,58,50,.72) !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon:nth-child(2n){
    border-right:0 !important;
  }
}

/* Compact laptop range: same coupon, slightly tighter measurements. */
@media (min-width:921px) and (max-width:1180px){
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront{
    padding:18px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-hub-header{
    padding:20px 21px !important;
    margin-bottom:16px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.no-visual-art .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-portrait .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-square .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-landscape .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-wide .rrr-sc-circular-main{
    grid-template-columns:clamp(96px,24%,132px) minmax(0,1fr) 102px !important;
    gap:8px !important;
    padding:10px 9px 8px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-media,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-portrait .rrr-sc-circular-media,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-square .rrr-sc-circular-media,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-landscape .rrr-sc-circular-media,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-wide .rrr-sc-circular-media{
    min-height:136px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-save{
    font-size:clamp(1.42rem,2.2vw,1.9rem) !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-description{
    -webkit-line-clamp:2 !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-barcode-svg .rrr-sc-barcode{
    height:60px !important;
  }
}

/* Tablet and narrow landscape: switch to one coupon per row, but preserve the
   exact same horizontal desktop coupon composition and visual hierarchy. */
@media (min-width:621px) and (max-width:920px){
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront{
    padding:16px !important;
    border-radius:20px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-hub-header{
    padding:19px 20px !important;
    margin-bottom:15px !important;
    border-radius:16px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
    grid-template-columns:1fr !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon{
    min-height:230px !important;
    border-right:0 !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.no-visual-art .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-portrait .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-square .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-landscape .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-wide .rrr-sc-circular-main{
    grid-template-columns:clamp(126px,25%,176px) minmax(0,1fr) 118px !important;
    gap:12px !important;
    padding:12px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-save{
    font-size:clamp(1.75rem,5vw,2.35rem) !important;
  }
}

/* Phone: same vintage circular/newspaper card, reflowed instead of replaced.
   Artwork + offer stay together; the cashier barcode becomes a full-width
   tear-off strip beneath them. */
@media (max-width:620px){
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront{
    margin-bottom:18px !important;
    padding:11px !important;
    border-radius:16px !important;
    box-shadow:0 14px 30px rgba(0,0,0,.2) !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-hub-header{
    padding:16px !important;
    margin-bottom:12px !important;
    border-radius:13px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-hub-kicker{
    margin-bottom:8px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-hub-header h2{
    font-size:clamp(1.55rem,8vw,2rem) !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-hub-header p{
    font-size:.9rem !important;
    line-height:1.45 !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-search{
    min-height:46px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
    grid-template-columns:1fr !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon{
    min-height:0 !important;
    border-right:0 !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.no-visual-art .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-portrait .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-square .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-landscape .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-wide .rrr-sc-circular-main{
    grid-template-columns:clamp(92px,29%,118px) minmax(0,1fr) !important;
    grid-template-areas:"media copy" "barcode barcode" !important;
    gap:9px !important;
    padding:10px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-media,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-media,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-portrait .rrr-sc-circular-media,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-square .rrr-sc-circular-media,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-landscape .rrr-sc-circular-media,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-wide .rrr-sc-circular-media{
    grid-area:media !important;
    min-height:126px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-copy{
    grid-area:copy !important;
    align-self:center !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-save{
    font-size:clamp(1.45rem,8vw,2rem) !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-suboffer{
    font-size:.78rem !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-title{
    font-size:.76rem !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-description{
    -webkit-line-clamp:2 !important;
    font-size:.7rem !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-barcode{
    grid-area:barcode !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:6px 9px !important;
    align-items:center !important;
    padding:9px !important;
    border-left:0 !important;
    border-top:1px dashed rgba(73,63,54,.48) !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-scanlabel{
    grid-column:1 / -1 !important;
    margin-bottom:0 !important;
    text-align:left !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-barcode-svg .rrr-sc-barcode{
    height:58px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-code,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-view{
    margin:0 !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-footer{
    grid-template-columns:1fr !important;
    gap:4px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-hint{
    display:none !important;
  }
}

@media (max-width:390px){
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront{
    padding:8px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.no-visual-art .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-portrait .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-square .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-landscape .rrr-sc-circular-main,
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon.rrr-sc-art-wide .rrr-sc-circular-main{
    grid-template-columns:88px minmax(0,1fr) !important;
    gap:8px !important;
    padding:8px !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-topline{
    font-size:.56rem !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-barcode{
    grid-template-columns:1fr !important;
  }
  .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-view{
    width:100% !important;
  }
}

/* Container-aware correction for pages embedded in Elementor columns or other
   layouts where viewport width does not reflect the actual coupon area. */
@supports (container-type:inline-size){
  @container (max-width:920px){
    .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
      grid-template-columns:1fr !important;
    }
    .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon{
      border-right:0 !important;
    }
  }
  @container (min-width:921px){
    .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-cards{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon{
      border-right:1px dashed rgba(67,58,50,.72) !important;
    }
    .rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-circular-coupon:nth-child(2n){
      border-right:0 !important;
    }
  }
}

/* ==========================================================================
   0.23.0 — STOREFRONT CONTRACT / CACHE-SAFE RESPONSIVE SHEET
   The rendered circular coupon itself is now the source of truth. This block
   deliberately does NOT depend on theme="comic" or card_style="storefront",
   so an older saved shortcode cannot fall back to the old four-column/plain
   card presentation on laptops or phones.
   ========================================================================== */

.rrr-sc-hub.rrr-sc-unified-sheet,
.rrr-sc-hub.rrr-sc-unified-sheet *,
.rrr-sc-hub.rrr-sc-unified-sheet *::before,
.rrr-sc-hub.rrr-sc-unified-sheet *::after{
  box-sizing:border-box !important;
}

.rrr-sc-hub.rrr-sc-unified-sheet{
  --rrr-sc-ink:#162033 !important;
  --rrr-sc-blue:#2f6fbd !important;
  --rrr-sc-blue-dark:#214d85 !important;
  --rrr-sc-red:#e84e43 !important;
  --rrr-sc-yellow:#ffd84d !important;
  --rrr-sc-green:#4fb486 !important;
  --rrr-sc-paper:#fffaf0 !important;
  --rrr-sc-soft:#f5efe2 !important;
  container-type:inline-size;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  border:3px solid var(--rrr-sc-ink) !important;
  border-radius:20px !important;
  background-color:#f8f3e8 !important;
  background-image:
    radial-gradient(circle at 1px 1px,rgba(22,32,51,.055) 1px,transparent 1.2px),
    linear-gradient(180deg,#fffaf0 0%,#f5ecdc 100%) !important;
  background-size:18px 18px,100% 100% !important;
  box-shadow:8px 8px 0 var(--rrr-sc-ink) !important;
  color:var(--rrr-sc-ink) !important;
}

/* Force the same colored desktop heading even when a saved shortcode carries
   an older clean/ocean theme value. */
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-hub-header,
.rrr-sc-hub.rrr-sc-unified-sheet.rrr-sc-theme-clean .rrr-sc-hub-header{
  border:3px solid var(--rrr-sc-ink) !important;
  border-radius:16px !important;
  background-color:var(--rrr-sc-blue) !important;
  background-image:radial-gradient(circle,rgba(255,255,255,.15) 1.5px,transparent 1.7px) !important;
  background-size:13px 13px !important;
  color:#fff !important;
  box-shadow:5px 5px 0 var(--rrr-sc-ink) !important;
}
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-hub-header h2,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-hub-header p{ color:#fff !important; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-hub-kicker{
  display:inline-flex !important;
  border:2px solid var(--rrr-sc-ink) !important;
  background:var(--rrr-sc-yellow) !important;
  color:var(--rrr-sc-ink) !important;
  box-shadow:3px 3px 0 var(--rrr-sc-ink) !important;
}

.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-search,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-filter{
  border:2px solid var(--rrr-sc-ink) !important;
  background:#fffef9 !important;
  color:var(--rrr-sc-ink) !important;
  box-shadow:3px 3px 0 var(--rrr-sc-ink) !important;
}
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-filter.is-active{
  background:var(--rrr-sc-yellow) !important;
  color:var(--rrr-sc-ink) !important;
}
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-filters{
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:2px 3px 7px 2px !important;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-filter{
  flex:0 0 auto !important;
  width:auto !important;
}

/* The inline shortcode may still say columns="4". Ignore it for the circular
   storefront sheet: two across is the desktop/laptop maximum. */
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-cards{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:0 !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  border:1px solid #6d6257 !important;
  border-radius:12px !important;
  background:#eadbc4 !important;
  box-shadow:0 18px 34px rgba(0,0,0,.18) !important;
}

.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon{
  --rrr-coupon-accent:#8637f2;
  --rrr-coupon-tint:#eee3ff;
  position:relative !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  min-height:252px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-right:1px dashed rgba(67,58,50,.72) !important;
  border-bottom:1px dashed rgba(67,58,50,.72) !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 1px 1px,rgba(68,55,40,.045) 1px,transparent 1.1px),
    linear-gradient(145deg,var(--rrr-coupon-tint) 0%,#f4e7d2 48%,#f7ecdc 100%) !important;
  background-size:12px 12px,100% 100% !important;
  box-shadow:none !important;
  color:#302923 !important;
}
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(2n){ border-right:0 !important; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(6n+1){ --rrr-coupon-accent:#8637f2; --rrr-coupon-tint:#eee3ff; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(6n+2){ --rrr-coupon-accent:#e4519d; --rrr-coupon-tint:#ffe5f1; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(6n+3){ --rrr-coupon-accent:#d5ad24; --rrr-coupon-tint:#fff4c8; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(6n+4){ --rrr-coupon-accent:#40ae66; --rrr-coupon-tint:#e2f6e8; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(6n+5){ --rrr-coupon-accent:#35a9cb; --rrr-coupon-tint:#e1f5fb; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(6n+6){ --rrr-coupon-accent:#eb7b2b; --rrr-coupon-tint:#ffeadb; }

/* Reassert the colored image block and offer accent against theme/plugin CSS. */
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-media{
  background:var(--rrr-coupon-accent) !important;
  box-shadow:inset 0 -20px 0 rgba(0,0,0,.08) !important;
}
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-save{ color:var(--rrr-coupon-accent) !important; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-topline,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-footer{ background:rgba(255,250,241,.72) !important; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-barcode{ background:rgba(255,252,246,.42) !important; }

/* One internal recipe on desktop/laptop. */
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-main{
  grid-template-columns:clamp(104px,24%,176px) minmax(0,1fr) clamp(104px,18%,122px) !important;
  grid-template-areas:none !important;
  gap:10px !important;
  padding:11px 11px 9px !important;
}
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-media,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon.rrr-sc-art-portrait .rrr-sc-circular-media,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon.rrr-sc-art-square .rrr-sc-circular-media,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon.rrr-sc-art-landscape .rrr-sc-circular-media,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon.rrr-sc-art-wide .rrr-sc-circular-media{
  min-height:142px !important;
}
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon.has-visual-art .rrr-sc-circular-media .rrr-sc-card-art-img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:158px !important;
  object-fit:contain !important;
}

/* Tablet / constrained Elementor column: one colored coupon per row, still the
   desktop coupon—not a separate plain mobile card. */
@media (max-width:900px){
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-cards{ grid-template-columns:1fr !important; }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon{ border-right:0 !important; }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-main{
    grid-template-columns:clamp(126px,25%,176px) minmax(0,1fr) 118px !important;
  }
}

/* Phone: preserve the same colored paper/accent treatment. Only the barcode
   reflows below the artwork/copy so the coupon remains readable. */
@media (max-width:620px){
  .rrr-sc-hub.rrr-sc-unified-sheet{
    padding:11px !important;
    border-width:2px !important;
    border-radius:16px !important;
    box-shadow:5px 5px 0 var(--rrr-sc-ink) !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-hub-header{
    padding:16px !important;
    margin-bottom:12px !important;
    border-width:2px !important;
    box-shadow:4px 4px 0 var(--rrr-sc-ink) !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-cards{ grid-template-columns:1fr !important; }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon{
    min-height:0 !important;
    border-right:0 !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-main{
    grid-template-columns:clamp(92px,29%,118px) minmax(0,1fr) !important;
    grid-template-areas:"media copy" "barcode barcode" !important;
    gap:9px !important;
    padding:10px !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-media{
    grid-area:media !important;
    min-height:126px !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-copy{
    grid-area:copy !important;
    align-self:center !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-barcode{
    grid-area:barcode !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:6px 9px !important;
    align-items:center !important;
    padding:9px !important;
    border-left:0 !important;
    border-top:1px dashed rgba(73,63,54,.48) !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-scanlabel{
    grid-column:1 / -1 !important;
    margin-bottom:0 !important;
    text-align:left !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-footer{
    grid-template-columns:1fr !important;
    gap:4px !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-hint{ display:none !important; }
}

@media (max-width:390px){
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-main{
    grid-template-columns:88px minmax(0,1fr) !important;
    gap:8px !important;
    padding:8px !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-barcode{ grid-template-columns:1fr !important; }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-view{ width:100% !important; }
}

/* Container width matters more than screen width inside Elementor. */
@supports (container-type:inline-size){
  @container (max-width:900px){
    .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-cards{ grid-template-columns:1fr !important; }
    .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon{ border-right:0 !important; }
  }
  @container (min-width:901px){
    .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-cards{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon{ border-right:1px dashed rgba(67,58,50,.72) !important; }
    .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(2n){ border-right:0 !important; }
  }
}



/* ==========================================================================
   0.23.0 — MOBILE DETAILS MODAL SCROLL OWNERSHIP
   The modal, not the page behind it, owns vertical touch/wheel scrolling.
   ========================================================================== */
html.rrr-sc-modal-open,
body.rrr-sc-modal-open{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

.rrr-sc-modal.is-open{
  display:block !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
  padding-top:max(12px,env(safe-area-inset-top)) !important;
  padding-bottom:max(16px,env(safe-area-inset-bottom)) !important;
  box-sizing:border-box !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-backdrop{
  position:fixed !important;
  inset:0 !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-dialog{
  width:min(100%,888px) !important;
  max-width:888px !important;
  max-height:none !important;
  margin:0 auto !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-ticket{
  max-height:none !important;
}

@media (max-width:760px){
  .rrr-sc-modal.is-open{
    padding-top:max(8px,env(safe-area-inset-top)) !important;
    padding-bottom:max(12px,env(safe-area-inset-bottom)) !important;
  }
  .rrr-sc-modal.is-open .rrr-sc-modal-dialog{
    width:100% !important;
    padding:0 8px !important;
  }
  .rrr-sc-modal.is-open .rrr-sc-modal-ticket{
    border-radius:14px !important;
  }
  .rrr-sc-modal.is-open .rrr-sc-modal-head,
  .rrr-sc-modal.is-open .rrr-sc-modal-body{
    padding:16px !important;
  }
  .rrr-sc-modal.is-open .rrr-sc-modal-close{
    top:10px !important;
    right:14px !important;
  }
  .rrr-sc-modal.is-open .rrr-sc-modal-terms-wrap p{
    max-height:none !important;
    overflow:visible !important;
  }
}

/* ==========================================================================
   0.24.0 — UNLOCK FLOW CLARITY + TIGHT MOBILE SHEET + ACCENTED DETAILS
   ========================================================================== */

/* ---------- Admin: make advanced unlock deals read QUALIFY -> REWARD ---------- */
.post-type-rrr_coupon_campaign .rrr-sc-unlock-map{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:12px;
  align-items:stretch;
  margin:14px 0 0;
}
.post-type-rrr_coupon_campaign .rrr-sc-unlock-map-step{
  display:flex;
  gap:11px;
  align-items:flex-start;
  padding:14px;
  border:1px solid #cfddea;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 16px rgba(25,53,84,.05);
}
.post-type-rrr_coupon_campaign .rrr-sc-unlock-map-step.is-qualify{ border-left:5px solid #2271b1; }
.post-type-rrr_coupon_campaign .rrr-sc-unlock-map-step.is-reward{ border-left:5px solid #20a36a; }
.post-type-rrr_coupon_campaign .rrr-sc-unlock-map-number{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#183a60;
  color:#fff;
  font-weight:900;
}
.post-type-rrr_coupon_campaign .rrr-sc-unlock-map-step strong{
  display:block;
  margin:1px 0 5px;
  color:#163556;
  font-size:13px;
  letter-spacing:.02em;
}
.post-type-rrr_coupon_campaign .rrr-sc-unlock-map-step p{
  margin:0;
  color:#53687d;
  font-size:12px;
  line-height:1.55;
}
.post-type-rrr_coupon_campaign .rrr-sc-unlock-map-arrow{
  align-self:center;
  color:#56718d;
  font-size:26px;
  font-weight:900;
}
.post-type-rrr_coupon_campaign .rrr-sc-trigger-presets{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:12px 0 0;
  padding:11px 12px;
  border:1px solid #d4e2ed;
  border-radius:13px;
  background:#f7fbff;
}
.post-type-rrr_coupon_campaign .rrr-sc-trigger-presets > span{
  margin-right:2px;
  color:#435c76;
  font-size:11px;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.post-type-rrr_coupon_campaign .rrr-sc-trigger-preset.button{
  min-height:34px;
  border-color:#aac8df;
  border-radius:999px;
  background:#fff;
  color:#174d79;
  font-weight:800;
}
.post-type-rrr_coupon_campaign .rrr-sc-trigger-preset.button.is-active{
  border-color:#1e8d61;
  background:#e8f8f0;
  color:#176441;
}
.post-type-rrr_coupon_campaign .rrr-sc-flow-divider.is-qualify span{ color:#175f98; }
.post-type-rrr_coupon_campaign .rrr-sc-flow-divider.is-reward span{ color:#17724b; }
.post-type-rrr_coupon_campaign .rrr-sc-reward-target-heading{
  margin-top:18px;
}
.post-type-rrr_coupon_campaign .rrr-sc-reward-target-heading > p{
  margin:7px 0 12px;
  padding:10px 12px;
  border-left:4px solid #20a36a;
  border-radius:0 10px 10px 0;
  background:#f0fbf6;
  color:#345e4b;
  font-weight:700;
  line-height:1.5;
}
.post-type-rrr_coupon_campaign .rrr-sc-trigger-chain-preview [data-trigger-chain-preview]{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:7px 0 0;
}
.post-type-rrr_coupon_campaign .rrr-sc-chain-part{
  display:inline-flex;
  flex:1 1 235px;
  gap:7px;
  align-items:center;
  min-height:42px;
  padding:9px 11px;
  border:1px solid #cfdeea;
  border-radius:11px;
  background:#fff;
  color:#334b63;
  line-height:1.35;
}
.post-type-rrr_coupon_campaign .rrr-sc-chain-part b{
  flex:0 0 auto;
  padding:3px 6px;
  border-radius:6px;
  background:#e8f2fb;
  color:#145d94;
  font-size:10px;
  letter-spacing:.05em;
}
.post-type-rrr_coupon_campaign .rrr-sc-chain-part.is-reward b{
  background:#e8f8f0;
  color:#176844;
}
.post-type-rrr_coupon_campaign .rrr-sc-chain-arrow{
  flex:0 0 auto;
  color:#71869b;
  font-size:18px;
  font-weight:900;
}
.post-type-rrr_coupon_campaign .rrr-sc-trigger-chain-preview small{
  display:block;
  margin-top:8px;
  color:#617488;
  line-height:1.45;
}

@media (max-width:782px){
  .post-type-rrr_coupon_campaign .rrr-sc-unlock-map{ grid-template-columns:1fr; }
  .post-type-rrr_coupon_campaign .rrr-sc-unlock-map-arrow{ transform:rotate(90deg); justify-self:center; }
  .post-type-rrr_coupon_campaign .rrr-sc-chain-arrow{ display:none; }
}

/* ---------- Storefront: one accessible color system, stronger text contrast ---------- */
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon{
  height:auto !important; /* overrides legacy storefront height:100% */
  --rrr-coupon-accent-strong:#5d1eb2;
  --rrr-coupon-on-accent:#fff;
}
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(6n+1){ --rrr-coupon-accent:#8637f2; --rrr-coupon-tint:#eee3ff; --rrr-coupon-accent-strong:#5d1eb2; --rrr-coupon-on-accent:#fff; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(6n+2){ --rrr-coupon-accent:#e4519d; --rrr-coupon-tint:#ffe5f1; --rrr-coupon-accent-strong:#9b1f60; --rrr-coupon-on-accent:#fff; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(6n+3){ --rrr-coupon-accent:#d5ad24; --rrr-coupon-tint:#fff4c8; --rrr-coupon-accent-strong:#6e5900; --rrr-coupon-on-accent:#1d1b13; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(6n+4){ --rrr-coupon-accent:#40ae66; --rrr-coupon-tint:#e2f6e8; --rrr-coupon-accent-strong:#1f6b39; --rrr-coupon-on-accent:#102318; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(6n+5){ --rrr-coupon-accent:#35a9cb; --rrr-coupon-tint:#e1f5fb; --rrr-coupon-accent-strong:#12657d; --rrr-coupon-on-accent:#10232a; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon:nth-child(6n+6){ --rrr-coupon-accent:#eb7b2b; --rrr-coupon-tint:#ffeadb; --rrr-coupon-accent-strong:#914000; --rrr-coupon-on-accent:#24170e; }

.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-save{
  color:var(--rrr-coupon-accent-strong) !important;
  text-shadow:none !important;
}
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-title{ color:#241f1b !important; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-suboffer,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-description{ color:#4b423a !important; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-trigger{
  border-color:var(--rrr-coupon-accent) !important;
  background:rgba(255,255,255,.58) !important;
  color:#322b26 !important;
}
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-trigger strong{ color:var(--rrr-coupon-accent-strong) !important; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-topline,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-footer,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-eligible,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-eligible strong,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-hint{ color:#3a322b !important; }
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-placeholder,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-placeholder span,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-placeholder small{
  color:var(--rrr-coupon-on-accent) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.14) !important;
}

/* A real button now opens details; normalize theme button rules. */
.rrr-sc-hub.rrr-sc-unified-sheet button.rrr-sc-circular-view{
  display:block !important;
  width:100% !important;
  min-height:28px !important;
  margin:7px 0 0 !important;
  padding:6px 5px !important;
  border:1px solid rgba(48,42,36,.35) !important;
  border-radius:4px !important;
  background:#fff7e8 !important;
  box-shadow:none !important;
  color:#26354e !important;
  font:950 .6rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  letter-spacing:.06em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  appearance:none !important;
}
.rrr-sc-hub.rrr-sc-unified-sheet button.rrr-sc-circular-view:hover,
.rrr-sc-hub.rrr-sc-unified-sheet button.rrr-sc-circular-view:focus-visible{
  border-color:var(--rrr-coupon-accent) !important;
  outline:2px solid var(--rrr-coupon-accent) !important;
  outline-offset:2px !important;
}

/* Remove the blank strip below each mobile coupon. Legacy card rules set height:100%
   and the empty AJAX status retained padding even when it had no message. */
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon .rrr-sc-status:empty{
  display:none !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
@media (max-width:900px){
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-cards{
    grid-auto-rows:auto !important;
    align-items:start !important;
    row-gap:0 !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon{
    align-self:start !important;
    height:auto !important;
    margin:0 !important;
  }
}
@media (max-width:620px){
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon{
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-footer{
    margin:0 !important;
    padding-bottom:7px !important;
  }
  .rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-circular-coupon + .rrr-sc-circular-coupon{
    margin-top:0 !important;
  }
}

/* ---------- Details modal: use the coupon's accent and let the modal own scrolling ---------- */
.rrr-sc-modal{
  --rrr-modal-accent:#8637f2;
  --rrr-modal-accent-strong:#5d1eb2;
  --rrr-modal-tint:#eee3ff;
  --rrr-modal-on-accent:#fff;
}
.rrr-sc-modal.is-open .rrr-sc-modal-dialog{
  color:#252c37 !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-ticket{
  overflow:hidden !important;
  border:2px solid var(--rrr-modal-accent) !important;
  border-top-width:8px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,var(--rrr-modal-tint) 0,#fffaf2 26%,#fffaf2 100%) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.65) inset !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-head{
  padding:26px 26px 21px !important;
  border-bottom:1px dashed rgba(255,255,255,.22) !important;
  background:linear-gradient(135deg,#182333 0%,#26364c 100%) !important;
  color:#fff !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-title{ color:#fff !important; text-shadow:none !important; }
.rrr-sc-modal.is-open .rrr-sc-modal-badge{
  border:1px solid var(--rrr-modal-accent) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-offer{
  display:inline-block !important;
  padding:9px 12px !important;
  border:1px solid var(--rrr-modal-accent) !important;
  border-radius:10px !important;
  background:rgba(0,0,0,.18) !important;
  color:#fff !important;
  font-size:1.08rem !important;
  line-height:1.35 !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-body{
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,250,242,.98)) !important;
  color:#2a3440 !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-copy-block,
.rrr-sc-modal.is-open .rrr-sc-modal-code-line,
.rrr-sc-modal.is-open .rrr-sc-modal-terms-wrap,
.rrr-sc-modal.is-open .rrr-sc-modal-image-wrap{
  border:1px solid #d8d3cb !important;
  border-left:5px solid var(--rrr-modal-accent) !important;
  border-radius:12px !important;
  background:#fffdf9 !important;
  box-shadow:0 4px 13px rgba(42,51,64,.05) !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-copy-block strong,
.rrr-sc-modal.is-open .rrr-sc-modal-terms-wrap strong,
.rrr-sc-modal.is-open .rrr-sc-modal-code-line span{
  color:var(--rrr-modal-accent-strong) !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-copy-block p,
.rrr-sc-modal.is-open .rrr-sc-modal-terms-wrap p,
.rrr-sc-modal.is-open .rrr-sc-modal-code-line strong{
  color:#2d3745 !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-code-line strong{
  font-size:1.12rem !important;
  font-weight:950 !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-barcode-host .rrr-sc-scan-box{
  border:2px dashed var(--rrr-modal-accent-strong) !important;
  background:#fff !important;
  color:#252c37 !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-barcode-host .rrr-sc-scan-label,
.rrr-sc-modal.is-open .rrr-sc-modal-barcode-host .rrr-sc-code{ color:#222b37 !important; }
.rrr-sc-modal.is-open .rrr-sc-modal-actions .rrr-sc-apply-btn.button{
  border:2px solid var(--rrr-modal-accent-strong) !important;
  background:var(--rrr-modal-accent-strong) !important;
  color:#fff !important;
  font-weight:900 !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-actions .rrr-sc-cart-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:2px solid #34465c !important;
  background:#fff !important;
  color:#27374a !important;
  font-weight:900 !important;
  text-decoration:none !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-terms-wrap p{
  max-height:none !important;
  overflow:visible !important;
}
/* Close remains reachable while a long modal is scrolled. */
.rrr-sc-modal.is-open .rrr-sc-modal-close{
  position:sticky !important;
  top:max(10px,env(safe-area-inset-top)) !important;
  float:right !important;
  z-index:20 !important;
  display:grid !important;
  place-items:center !important;
  margin:10px 10px -52px 0 !important;
  border:2px solid var(--rrr-modal-accent) !important;
  background:#172334 !important;
  color:#fff !important;
  box-shadow:0 5px 14px rgba(0,0,0,.22) !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-close:focus-visible{
  outline:3px solid #fff !important;
  outline-offset:2px !important;
}

@media (max-width:760px){
  .rrr-sc-modal.is-open .rrr-sc-modal-ticket{ border-radius:14px !important; }
  .rrr-sc-modal.is-open .rrr-sc-modal-head{ padding:20px 17px 17px !important; }
  .rrr-sc-modal.is-open .rrr-sc-modal-body{ padding:16px !important; }
  .rrr-sc-modal.is-open .rrr-sc-modal-offer{ font-size:1rem !important; }
  .rrr-sc-modal.is-open .rrr-sc-modal-copy-block,
  .rrr-sc-modal.is-open .rrr-sc-modal-code-line,
  .rrr-sc-modal.is-open .rrr-sc-modal-terms-wrap{ padding:13px !important; }
}
.rrr-sc-modal.is-open .rrr-sc-modal-barcode-host .rrr-sc-copy-btn{
  border:1px solid #34465c !important;
  background:#fff !important;
  color:#26374a !important;
  font-weight:900 !important;
}
.rrr-sc-modal.is-open .rrr-sc-modal-barcode-host .rrr-sc-copy-btn:hover,
.rrr-sc-modal.is-open .rrr-sc-modal-barcode-host .rrr-sc-copy-btn:focus-visible{
  border-color:var(--rrr-modal-accent) !important;
  outline:2px solid var(--rrr-modal-accent) !important;
  outline-offset:1px !important;
}

/* ==========================================================================
   0.25.0 — MOBILE CARD HEIGHT RESET + FILTER VISIBILITY GUARANTEE
   Screenshot-driven fix: the vintage circular card must size to its content,
   and category/search filtering must beat every older display:flex rule.
   ========================================================================== */

/* Old storefront generations carried min-height:100%, 548px, 305px and 252px
   rules. The circular coupon no longer needs any of those. Its content defines
   its height on every platform. Desktop grid rows may still visually align,
   while narrow layouts are explicitly max-content rows. */
.rrr-sc-hub .rrr-sc-card.rrr-sc-circular-coupon,
.rrr-sc-hub.rrr-sc-card-storefront .rrr-sc-card.rrr-sc-circular-coupon,
.rrr-sc-hub.rrr-sc-theme-comic.rrr-sc-card-storefront .rrr-sc-card.rrr-sc-circular-coupon,
.rrr-sc-hub.rrr-sc-unified-sheet .rrr-sc-card.rrr-sc-circular-coupon{
  min-height:0 !important;
  height:auto !important;
}

/* Hidden support nodes are never allowed to participate in card sizing, even
   if a theme/plugin has broad div/button display rules. */
.rrr-sc-hub .rrr-sc-circular-coupon .rrr-sc-modal-source[hidden],
.rrr-sc-hub .rrr-sc-circular-coupon .rrr-sc-status:empty{
  display:none !important;
  min-height:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* This selector is deliberately later and more specific than the circular
   coupon display:flex declarations. It also supports the JS hidden attribute. */
.rrr-sc-hub .rrr-sc-card.rrr-sc-circular-coupon.is-hidden,
.rrr-sc-hub .rrr-sc-card.rrr-sc-circular-coupon[hidden]{
  display:none !important;
}

/* Compact, useful feedback after a filter/search action. */
.rrr-sc-hub .rrr-sc-results-note{
  margin:8px 0 12px !important;
  padding:7px 10px !important;
  border:1px solid rgba(54,65,84,.16) !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.62) !important;
  color:#4a5362 !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  line-height:1.3 !important;
}

@media (max-width:900px){
  .rrr-sc-hub .rrr-sc-cards{
    grid-auto-rows:max-content !important;
    align-items:start !important;
  }
  .rrr-sc-hub .rrr-sc-card.rrr-sc-circular-coupon{
    align-self:start !important;
    min-height:0 !important;
    height:auto !important;
  }
}

/* Container fallback for mobile/tablet page builders whose effective content
   width differs from the browser viewport. */
.rrr-sc-hub{ container-type:inline-size; }
@supports (container-type:inline-size){
  @container (max-width:900px){
    .rrr-sc-hub .rrr-sc-cards{
      grid-auto-rows:max-content !important;
      align-items:start !important;
    }
    .rrr-sc-hub .rrr-sc-card.rrr-sc-circular-coupon{
      align-self:start !important;
      min-height:0 !important;
      height:auto !important;
    }
  }
}