/*
 * Saim's Coupon Hub v3.0.3
 * OFFER CARD ONLY FIX
 * Desktop: vertical dashed ticket line with half-cut circles on top/bottom card edges.
 * Mobile: horizontal dashed ticket line with half-cut circles on left/right card edges.
 * Hero, sidebar, FAQ, SEO, modal and admin logic are untouched.
 */

/* ===== Offer list spacing ===== */
body.single-cs_store .csz-offer-list{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

/* ===== DESKTOP OFFER CARD ===== */
body.single-cs_store .csz-offer-card{
  position:relative !important;
  width:100% !important;
  min-height:116px !important;
  display:grid !important;
  grid-template-columns:148px minmax(0,1fr) 238px !important;
  grid-template-rows:1fr !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:#fff !important;
  border:0 !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 5px 16px rgba(15,23,42,.06) !important;
}

body.single-cs_store .csz-offer-card::before,
body.single-cs_store .csz-offer-card::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:136px !important;
  width:24px !important;
  height:24px !important;
  border-radius:50% !important;
  background:#eef3f0 !important;
  border:1px solid #e5e7eb !important;
  z-index:9 !important;
  pointer-events:none !important;
}
body.single-cs_store .csz-offer-card::before{top:-12px !important;bottom:auto !important;}
body.single-cs_store .csz-offer-card::after{bottom:-12px !important;top:auto !important;}

/* Let inner mobile wrapper expose badge/button to desktop grid */
body.single-cs_store .csz-offer-card > .csz-offer-top-mobile{
  display:contents !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
}

body.single-cs_store .csz-offer-card .csz-mobile-dashed-line{
  display:none !important;
}

/* Desktop badge column + vertical dashed line */
body.single-cs_store .csz-offer-card .csz-offer-badge{
  grid-column:1 !important;
  grid-row:1 !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:148px !important;
  min-width:148px !important;
  max-width:148px !important;
  min-height:116px !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:14px 12px !important;
  margin:0 !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  border-right:5px dashed #e5e7eb !important;
  border-bottom:0 !important;
  z-index:3 !important;
}

/* Desktop half-cut circles are attached to the card itself, not the badge,
   so the bottom circle always sits on the real bottom edge even when card height changes. */
body.single-cs_store .csz-offer-card .csz-offer-badge::before,
body.single-cs_store .csz-offer-card .csz-offer-badge::after{
  content:none !important;
  display:none !important;
}

/* Badge typography / images */
body.single-cs_store .csz-offer-card .csz-offer-badge small{
  display:block !important;
  color:#64748b !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}
body.single-cs_store .csz-offer-card .csz-offer-badge strong{
  display:block !important;
  color:#0f172a !important;
  font-size:38px !important;
  line-height:.88 !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
}
body.single-cs_store .csz-offer-card .csz-offer-badge em{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:3px !important;
  padding:3px 8px !important;
  border-radius:3px !important;
  background:#ef3d2f !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:950 !important;
  font-style:normal !important;
}
body.single-cs_store .csz-badge-image{
  width:118px !important;
  height:74px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.single-cs_store .csz-badge-image img{
  max-width:112px !important;
  max-height:68px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
}
body.single-cs_store .csz-custom-badge-text,
body.single-cs_store .csz-special{
  font-size:16px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  color:#071229 !important;
  text-transform:uppercase !important;
}

/* Desktop content: compact coupon-card feel */
body.single-cs_store .csz-offer-card .csz-offer-main{
  grid-column:2 !important;
  grid-row:1 !important;
  min-width:0 !important;
  width:100% !important;
  align-self:center !important;
  padding:15px 22px !important;
  margin:0 !important;
  text-align:left !important;
  z-index:2 !important;
}
body.single-cs_store .csz-offer-card .csz-tag.csz-exclusive{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 0 7px !important;
  padding:5px 9px !important;
  border-radius:5px !important;
  background:#ffd56b !important;
  color:#6d3d00 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
body.single-cs_store .csz-offer-card .csz-offer-main h2{
  margin:0 0 9px !important;
  color:#071229 !important;
  font-size:clamp(20px,1.55vw,24px) !important;
  line-height:1.16 !important;
  font-weight:550 !important;
  letter-spacing:-.03em !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  text-align:left !important;
}
body.single-cs_store .csz-offer-card .csz-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin:0 !important;
}
body.single-cs_store .csz-offer-card .csz-meta span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:#f1f5f9 !important;
  color:#475569 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
body.single-cs_store .csz-offer-card .csz-meta span:first-child{
  background:#dcfce7 !important;
  color:#16a34a !important;
}

/* Desktop CTA column */
body.single-cs_store .csz-offer-card .csz-cta-wrap{
  grid-column:3 !important;
  grid-row:1 !important;
  width:238px !important;
  min-width:238px !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  align-self:stretch !important;
  padding:0 28px 0 10px !important;
  margin:0 !important;
  position:relative !important;
  inset:auto !important;
  z-index:4 !important;
}

/* CTA base + previous peel animation */
body.single-cs_store .csz-offer-card .csz-cta{
  width:210px !important;
  min-width:210px !important;
  max-width:210px !important;
  height:54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  visibility:visible !important;
  opacity:1 !important;
  border:0 !important;
  border-radius:999px !important;
  padding:0 24px !important;
  color:#fff !important;
  text-decoration:none !important;
  cursor:pointer !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  transform:none !important;
  box-shadow:0 5px 12px rgba(15,23,42,.12) !important;
  transition:transform .25s ease,box-shadow .25s ease !important;
}
body.single-cs_store .csz-offer-card .csz-cta:hover,
body.single-cs_store .csz-offer-card .csz-cta:focus{
  color:#fff !important;
  text-decoration:none !important;
  transform:translateY(-1px) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.16) !important;
}
body.single-cs_store .csz-offer-card .csz-cta-code,
body.single-cs_store .csz-offer-card .csz-cta-code:hover,
body.single-cs_store .csz-offer-card .csz-cta-code:focus{
  background:#2b2c30 !important;
  color:#fff !important;
}
body.single-cs_store .csz-offer-card .csz-cta-code-peek{
  position:absolute !important;
  top:50% !important;
  right:22px !important;
  transform:translateY(-50%) !important;
  z-index:1 !important;
  pointer-events:none !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:1.5px !important;
  white-space:nowrap !important;
  opacity:1 !important;
  display:block !important;
}
body.single-cs_store .csz-offer-card .csz-cta-code::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:#30b180 !important;
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%) !important;
  transition:clip-path .45s cubic-bezier(.2,.8,.2,1) !important;
}
body.single-cs_store .csz-offer-card .csz-cta-code::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  width:30px !important;
  height:30px !important;
  background:linear-gradient(225deg,transparent 50%,#8bd8b9 50%,#e3fff1 100%) !important;
  border-bottom-left-radius:26px !important;
  box-shadow:-3px 3px 7px rgba(15,23,42,.22) !important;
  transition:all .45s cubic-bezier(.2,.8,.2,1) !important;
}
body.single-cs_store .csz-offer-card .csz-cta-code .csz-cta-text{
  position:relative !important;
  z-index:4 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  transform:translateX(-7px) !important;
  transition:transform .35s ease !important;
}
body.single-cs_store .csz-offer-card .csz-cta-code:hover::before,
body.single-cs_store .csz-offer-card .csz-cta-code:focus::before{
  clip-path:polygon(0 0,calc(100% - 72px) 0,calc(100% - 14px) 100%,0 100%) !important;
}
body.single-cs_store .csz-offer-card .csz-cta-code:hover::after,
body.single-cs_store .csz-offer-card .csz-cta-code:focus::after{
  right:14px !important;
  width:58px !important;
  height:58px !important;
  border-bottom-left-radius:52px !important;
  box-shadow:-5px 5px 12px rgba(15,23,42,.28) !important;
}
body.single-cs_store .csz-offer-card .csz-cta-deal,
body.single-cs_store .csz-offer-card .csz-cta-deal:hover,
body.single-cs_store .csz-offer-card .csz-cta-deal:focus{
  background:#2078f4 !important;
  color:#fff !important;
}
body.single-cs_store .csz-offer-card .csz-cta-deal::before,
body.single-cs_store .csz-offer-card .csz-cta-deal::after{
  content:none !important;
  display:none !important;
}

body.single-cs_store .csz-offer-card .csz-offer-badge {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 168px !important;
    min-width: 148px !important;
    max-width: 152px !important;
    min-height: 116px !important;
    height: 105% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 12px !important;
    margin: 0 !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 5px dashed #e5e7eb !important;
    border-bottom: 0 !important;
    z-index: 3 !important;
}
.single-cs_store .csz-offer-card::before
  {
      background: #e3e8e6 !important;
  }
  
  .single-cs_store .csz-offer-card::after
{
      background: #e3e8e6 !important;
  }
  
.csz-store-card>.csz-logo-orb {
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 220px;
    height: 220px;
}

.csz-store-card {
    padding: 142px 36px 36px;
    min-height: 462px;
    top: -220px !important;
    position: relative;
    text-align: center;
    overflow: visible;
}
  .csz-menu-card {
    padding: 28px 30px;
    margin-top: -230px !important;
}

.csz-content {
    min-width: 0;
    width: 100%;
    margin-top: -60px !important;
}

.csz-breadcrumb {
    width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  position: relative;
  overflow: hidden;
    
}
.csz-modal-header-band
 {
    margin: -30px -70px 32px;
    height: 52px;
    background: linear-gradient(135deg, #13a56e, #39cc96);
    border-radius: 30px 30px 0px 0px;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 0 42px;
    color: #071229;
    font-weight: 950;
    font-size: 25px;
    letter-spacing: -.02em;
}
.csz-ticket-meta {
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: center;
    margin: 0 0 8px;
}

.csz-ticket-copy {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 64%;
    transform: translate(-50%, -50%);
    min-width: 160px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #38c78c, #27b77b);
    color: #fff;
    font-size: 22px;
    font-weight: 650;
    cursor: pointer;
    box-shadow: 0 12px 26px rgba(39, 183, 123, .28);
}
.csz-ticket-wrap {
    width: min(380px, 86vw);
    aspect-ratio: 380 / 320;
    margin: 0 auto 4px;
    position: relative;
    display: block;
}
.csz-ticket-copy {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 74%;
    transform: translate(-50%, -50%);
    min-width: 120px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #38c78c, #27b77b);
    color: #fff;
    font-size: 15px;
    font-weight: 650;
    cursor: pointer;
    box-shadow: 0 12px 26px rgba(39, 183, 123, .28);
}

/* Center coupon code inside popup ticket */
.csz-ticket-wrap {
  position: relative !important;
}

.csz-ticket-code {
  position: absolute !important;
  left: 50% !important;
  top: 47% !important;
  width: 62% !important;
  max-width: 62% !important;

  transform: translate(-50%, -50%) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;

  line-height: 1 !important;
  letter-spacing: -0.04em !important;
}





/* ===== TABLET ===== */
@media (max-width:1100px) and (min-width:761px){
  body.single-cs_store .csz-offer-card{
    grid-template-columns:132px minmax(0,1fr) 205px !important;
    min-height:110px !important;
  }
  body.single-cs_store .csz-offer-card::before,
  body.single-cs_store .csz-offer-card::after{
    left:120px !important;
  }
  body.single-cs_store .csz-offer-card .csz-offer-badge{
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    min-height:110px !important;
    padding:12px 10px !important;
  }
  body.single-cs_store .csz-offer-card .csz-offer-badge strong{font-size:34px !important;}
  body.single-cs_store .csz-offer-card .csz-offer-main{padding:14px 18px !important;}
  body.single-cs_store .csz-offer-card .csz-offer-main h2{font-size:20px !important;}
  body.single-cs_store .csz-offer-card .csz-cta-wrap{width:205px !important;min-width:205px !important;padding-right:20px !important;}
  body.single-cs_store .csz-offer-card .csz-cta{width:178px !important;min-width:178px !important;max-width:178px !important;height:50px !important;font-size:16px !important;}
}

/* ===== MOBILE OFFER CARD ===== */
@media (max-width:760px){
  body.single-cs_store .csz-offer-list{
    gap:18px !important;
  }

  body.single-cs_store .csz-offer-card{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:88px auto !important;
    width:100% !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 0 12px !important;
    background:#fff !important;
    border:0 !important;
    border-radius:14px !important;
    overflow:hidden !important;
    box-shadow:0 8px 22px rgba(15,23,42,.09) !important;
  }

  /* Mobile half-cut circles exactly on left/right card edges, centered on dashed line */
  body.single-cs_store .csz-offer-card::before,
  body.single-cs_store .csz-offer-card::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:88px !important;
    transform:translateY(-50%) !important;
    width:24px !important;
    height:24px !important;
    border-radius:50% !important;
    background:#eef3f0 !important;
    border:1px solid #e5e7eb !important;
    z-index:9 !important;
    pointer-events:none !important;
  }
  body.single-cs_store .csz-offer-card::before{left:-12px !important;right:auto !important;bottom:auto !important;}
  body.single-cs_store .csz-offer-card::after{left:auto !important;right:-12px !important;bottom:auto !important;}

  body.single-cs_store .csz-offer-card > .csz-offer-top-mobile{
    grid-column:1 !important;
    grid-row:1 !important;
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:88px !important;
    min-height:88px !important;
    padding:0 !important;
    margin:0 !important;
  }

  /* Horizontal dashed line must run edge-to-edge between the two circles */
  body.single-cs_store .csz-offer-card .csz-mobile-dashed-line{
    display:block !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    width:100% !important;
    height:0 !important;
    border:0 !important;
    border-bottom:5px dashed #e5e7eb !important;
    z-index:2 !important;
    pointer-events:none !important;
  }

  body.single-cs_store .csz-offer-top-mobile > .csz-offer-badge,
  body.single-cs_store .csz-offer-card .csz-offer-badge{
    position:absolute !important;
    top:8px !important;
    left:20px !important;
    right:auto !important;
    bottom:auto !important;
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    height:72px !important;
    min-height:72px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    padding:7px 5px !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    text-align:center !important;
    z-index:4 !important;
  }
  body.single-cs_store .csz-offer-card .csz-offer-badge::before,
  body.single-cs_store .csz-offer-card .csz-offer-badge::after{
    content:none !important;
    display:none !important;
  }
  body.single-cs_store .csz-offer-card .csz-offer-badge small{font-size:10px !important;line-height:1 !important;}
  body.single-cs_store .csz-offer-card .csz-offer-badge strong{font-size:30px !important;line-height:.88 !important;}
  body.single-cs_store .csz-offer-card .csz-offer-badge em{font-size:14px !important;padding:2px 6px !important;margin-top:2px !important;}
  body.single-cs_store .csz-badge-image{width:90px !important;height:62px !important;}
  body.single-cs_store .csz-badge-image img{max-width:84px !important;max-height:58px !important;}
  body.single-cs_store .csz-custom-badge-text,
  body.single-cs_store .csz-special{font-size:14px !important;}

  body.single-cs_store .csz-offer-top-mobile > .csz-cta-wrap,
  body.single-cs_store .csz-offer-card .csz-cta-wrap{
    position:absolute !important;
    top:20px !important;
    right:16px !important;
    left:auto !important;
    bottom:auto !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    z-index:5 !important;
  }
  body.single-cs_store .csz-offer-card .csz-cta{
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    height:46px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 12px !important;
    font-size:14px !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  body.single-cs_store .csz-offer-card .csz-cta-code-peek{
    right:11px !important;
    font-size:11px !important;
    letter-spacing:1px !important;
  }
  body.single-cs_store .csz-offer-card .csz-cta-code .csz-cta-text{transform:translateX(-9px) !important;}
  body.single-cs_store .csz-offer-card .csz-cta-code::before{
    clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%) !important;
  }
  body.single-cs_store .csz-offer-card .csz-cta-code::after{
    width:22px !important;
    height:22px !important;
    border-bottom-left-radius:20px !important;
  }
  body.single-cs_store .csz-offer-card .csz-cta-code:hover::before,
  body.single-cs_store .csz-offer-card .csz-cta-code:focus::before{
    clip-path:polygon(0 0,calc(100% - 50px) 0,calc(100% - 9px) 100%,0 100%) !important;
  }
  body.single-cs_store .csz-offer-card .csz-cta-code:hover::after,
  body.single-cs_store .csz-offer-card .csz-cta-code:focus::after{
    right:9px !important;
    width:46px !important;
    height:46px !important;
    border-bottom-left-radius:38px !important;
  }

  body.single-cs_store .csz-offer-card .csz-offer-main{
    grid-column:1 !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
    display:block !important;
    padding:16px 14px 18px !important;
    margin:0 !important;
    text-align:center !important;
    z-index:1 !important;
  }
  body.single-cs_store .csz-offer-card .csz-tag.csz-exclusive{
    margin:0 auto 12px !important;
    padding:5px 9px !important;
    font-size:12px !important;
  }
  body.single-cs_store .csz-offer-card .csz-offer-main h2{
    font-size:20px !important;
    line-height:1.2 !important;
    margin:0 auto 12px !important;
    max-width:96% !important;
    text-align:center !important;
    letter-spacing:-.03em !important;
  }
  body.single-cs_store .csz-offer-card .csz-meta{
    justify-content:center !important;
    gap:7px !important;
  }
  body.single-cs_store .csz-offer-card .csz-meta span{
    font-size:11px !important;
    padding:5px 8px !important;
  }
  
  body.body.single-cs_store .csz-offer-card::before
  {
      background: #e3e8e6 !important;
  }
  
  body.body.single-cs_store .csz-offer-card::after
{
      background: #e3e8e6 !important;
  }
  
  .csz-modal-header-band {
    margin: -30px -22px 32px -70px;
    height: 52px;
    background: linear-gradient(135deg, #13a56e, #39cc96);
    border-radius: 20px 20px 0px 0px;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 0 0 0 62px;
    color: #071229;
    font-weight: 950;
    font-size: 18px;
    letter-spacing: -.02em;
}
  
  
}

@media (max-width:380px){
  body.single-cs_store .csz-offer-card{grid-template-rows:86px auto !important;}
  body.single-cs_store .csz-offer-card::before,
  body.single-cs_store .csz-offer-card::after{top:86px !important;}
  body.single-cs_store .csz-offer-card > .csz-offer-top-mobile{height:86px !important;min-height:86px !important;}
  body.single-cs_store .csz-offer-top-mobile > .csz-offer-badge,
  body.single-cs_store .csz-offer-card .csz-offer-badge{left:14px !important;width:84px !important;min-width:84px !important;max-width:84px !important;}
  body.single-cs_store .csz-offer-top-mobile > .csz-cta-wrap,
  body.single-cs_store .csz-offer-card .csz-cta-wrap{right:12px !important;}
  body.single-cs_store .csz-offer-card .csz-cta{width:124px !important;min-width:124px !important;max-width:124px !important;height:44px !important;font-size:13px !important;}
  body.single-cs_store .csz-offer-card .csz-offer-main h2{font-size:18px !important;}
  body.single-cs_store .csz-offer-card .csz-meta span{font-size:10.5px !important;padding:5px 7px !important;}
}
.ast-desktop .ast-primary-header-bar.main-header-bar, .ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: -10px;
}

/* =========================================================
   Typography match fix – aligned closer to the approved UI preview.
   Only font family, size, weight, line-height and letter-spacing touched.
   No structural/layout logic changed.
   ========================================================= */
body.single-cs_store .csz-page,
body.single-cs_store .csz-page * {
  font-family: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

body.single-cs_store .csz-breadcrumb,
body.single-cs_store .csz-breadcrumb a,
body.single-cs_store .csz-breadcrumb span {
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.012em !important;
}

body.single-cs_store .csz-hero-title-desktop,
body.single-cs_store .csz-hero-mobile-copy h1 {
  font-size: clamp(36px, 2.75vw, 56px) !important;
  line-height: 1.03 !important;
  font-weight: 700 !important;
  letter-spacing: -0.00045em !important;
  color: #071226 !important;
}

body.single-cs_store .csz-short-desc,
body.single-cs_store .csz-hero-short-desc {
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  letter-spacing: -0.00012em !important;
  color: #1c2740 !important;
}

body.single-cs_store .csz-stars {
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
body.single-cs_store .csz-stars strong {
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}
body.single-cs_store .csz-rated {
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  letter-spacing: -0.008em !important;
}

body.single-cs_store .csz-store-stat span {
  font-size: 15.5px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  letter-spacing: -0.016em !important;
}
body.single-cs_store .csz-store-stat strong {
  font-size: 16px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

body.single-cs_store .csz-menu-card > h3,
body.single-cs_store .csz-menu-card h3,
body.single-cs_store .csz-related-heading {
  font-size: 20px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.032em !important;
  color: #071226 !important;
}
body.single-cs_store .csz-menu-card > a:not(.csz-view-all-stores) {
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

body.single-cs_store .csz-filterbar button,
body.single-cs_store .csz-filterbar .csz-filter-btn,
body.single-cs_store .csz-filterbar [data-filter] {
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

body.single-cs_store .csz-offer-badge small {
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
}
body.single-cs_store .csz-offer-badge strong {
  font-size: 41px !important;
  line-height: 0.88 !important;
  font-weight: 800 !important;
  letter-spacing: -0.05em !important;
}
body.single-cs_store .csz-offer-badge em,
body.single-cs_store .csz-custom-badge-text,
body.single-cs_store .csz-special {
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

body.single-cs_store .csz-offer-card .csz-tag.csz-exclusive {
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}
body.single-cs_store .csz-offer-main h2 {
  font-size: clamp(20px, 1.35vw, 23px) !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.036em !important;
  color: #071226 !important;
}
body.single-cs_store .csz-meta span {
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

body.single-cs_store .csz-cta,
body.single-cs_store .csz-cta .csz-cta-text {
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}
body.single-cs_store .csz-cta-code-peek {
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

body.single-cs_store .csz-modal .csz-modal-header-band,
body.single-cs_store .csz-modal-overlay .csz-modal-header-band {
  font-size: 21px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}
body.single-cs_store .csz-ticket-copy {
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

@media (max-width: 1100px) and (min-width: 761px) {
  body.single-cs_store .csz-hero-title-desktop,
  body.single-cs_store .csz-hero-mobile-copy h1 {
    font-size: clamp(34px, 3.8vw, 48px) !important;
  }
  body.single-cs_store .csz-offer-main h2 {
    font-size: 20px !important;
  }
  body.single-cs_store .csz-cta,
  body.single-cs_store .csz-cta .csz-cta-text {
    font-size: 15px !important;
  }
}

@media (max-width: 760px) {
  body.single-cs_store .csz-breadcrumb,
  body.single-cs_store .csz-breadcrumb a,
  body.single-cs_store .csz-breadcrumb span {
    font-size: 13px !important;
  }
  body.single-cs_store .csz-hero-title-desktop,
  body.single-cs_store .csz-hero-mobile-copy h1,
  body.single-cs_store .csz-hero-title-mobile {
    font-size: clamp(24px, 7vw, 30px) !important;
    line-height: 1.07 !important;
  }
  body.single-cs_store .csz-short-desc,
  body.single-cs_store .csz-hero-short-desc {
    font-size: 13px !important;
    line-height: 1.52 !important;
  }
  body.single-cs_store .csz-menu-card > h3,
  body.single-cs_store .csz-menu-card h3,
  body.single-cs_store .csz-related-heading {
    font-size: 19px !important;
  }
  body.single-cs_store .csz-store-stat span {
    font-size: 14px !important;
  }
  body.single-cs_store .csz-store-stat strong {
    font-size: 14.5px !important;
  }
  body.single-cs_store .csz-offer-badge small {
    font-size: 10px !important;
  }
  body.single-cs_store .csz-offer-badge strong {
    font-size: 33px !important;
  }
  body.single-cs_store .csz-offer-badge em,
  body.single-cs_store .csz-custom-badge-text,
  body.single-cs_store .csz-special {
    font-size: 13px !important;
  }
  body.single-cs_store .csz-offer-main h2 {
    font-size: 19px !important;
    line-height: 1.14 !important;
  }
  body.single-cs_store .csz-meta span {
    font-size: 10.5px !important;
  }
  body.single-cs_store .csz-cta,
  body.single-cs_store .csz-cta .csz-cta-text {
    font-size: 14px !important;
  }
  
  body.single-cs_store .csz-modal .csz-modal-header-band, body.single-cs_store .csz-modal-overlay .csz-modal-header-band {
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
}
  
      .csz-modal-body {
        padding: 0 0px 0px;
    }
      body.single-cs_store .csz-short-desc, body.single-cs_store .csz-hero-short-desc {
        font-size: 11px !important;
        line-height: 1.52 !important;
    }
}