.gsc-coupons {
  width: 100%;
  max-width: 1400px;
  margin: 24px auto;
  font-family: Arial, sans-serif;
  color: #10203a;
  box-sizing: border-box;
}
.gsc-coupons * {
  box-sizing: border-box;
}
.gsc-coupon-card {
  width: 100%;
  border: 2px solid #c8e900;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  margin: 20px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  container-type: inline-size;
}
.gsc-exclusive {
  background: #c8e900;
  color: #101b2e;
  font-weight: 800;
  font-size: clamp(16px, 1.55cqw, 22px);
  line-height: 1;
  padding: clamp(11px, 1.1cqw, 15px) clamp(13px, 1.5cqw, 20px);
}
.gsc-coupon-main {
  padding: clamp(22px, 3cqw, 42px) clamp(20px, 3.2cqw, 50px) 0;
}
.gsc-coupon-top {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.8cqw, 30px);
  width: 100%;
  min-width: 0;
}
.gsc-coupon-discount {
  flex: 0 1 16%;
  width: 16%;
  min-width: clamp(76px, 10cqw, 145px);
  text-align: center;
  border-right: 1px dashed #ccd2dc;
  padding: 2px clamp(8px, 1.7cqw, 28px) 2px 4px;
}
.gsc-coupon-discount span {
  display: block;
  font-size: clamp(16px, 1.55cqw, 22px);
  font-weight: 700;
  line-height: 1.12;
}
.gsc-coupon-discount .gsc-discount-value {
  display: block;
  font-size: clamp(28px, 2.55cqw, 36px);
  line-height: 1.1;
  margin: 5px 0;
}
.gsc-coupon-middle {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}
.gsc-coupon-middle h3 {
  margin: 0 0 clamp(9px, 1cqw, 14px);
  font-size: clamp(18px, 1.75cqw, 27px);
  line-height: 1.42;
  font-weight: 400;
  color: #10203a;
  overflow-wrap: anywhere;
  word-break: normal;
}
.gsc-details-link {
  display: inline-flex;
  align-items: center;
  gap: clamp(6px, 0.6cqw, 9px);
  color: #347de3;
  font-size: clamp(16px, 1.3cqw, 16px);
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  font-weight: 600 !important;
}
.gsc-details-link i {
  font-size: clamp(10px, 0.9cqw, 14px);
  transition: transform 0.2s;
  text-decoration: none !important;
}
.gsc-details-link i {
  transform: rotate(0deg);
}
.gsc-details-link.open i {
  transform: rotate(180deg);
}
.gsc-coupon-right {
  flex: 0 1 40%;
  width: 40%;
  min-width: clamp(235px, 30cqw, 390px);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: clamp(10px, 1.2cqw, 18px);
}
.gsc-stats {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content:center;
  gap: clamp(5px, 0.6cqw, 9px);
  white-space: nowrap;
  flex-wrap: nowrap;
  font-size: clamp(12px, 1.05cqw, 16px);
  color: #536477;
  line-height: 1.35;
}
.gsc-stats span {
  display: inline-flex;
  align-items: center;
  gap: clamp(3px, 0.35cqw, 6px);
  white-space: nowrap;
  flex: 0 0 auto;
}
.gsc-stats span + span:before {
  content: "•";
  color: #cbd3dc;
  margin-right: 1px;
}
.gsc-stats i {
  color: #54a979;
  font-size: clamp(12px, 1.05cqw, 16px);
}
.gsc-unlock {
  display: block;
  align-self: center;
  width: clamp(220px, 85%, 320px);
  min-width: 220px;
  max-width: 320px;
  background: #3d7fdc;
  border: 0;
  color: #fff;
  border-radius: 7px;
  padding: clamp(13px, 1.1cqw, 18px) clamp(14px, 1.7cqw, 28px);
  font-size: clamp(14px, 1.2cqw, 18px);
  line-height: 1.2;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition:
    transform 0.15s,
    background 0.15s;
}
.gsc-unlock:hover {
  background: #2f70ca;
  transform: translateY(-1px);
}
.gsc-details {
  display: none;
  width: 100%;
  background: #f5f5f5;
  border-radius: 7px;
  margin: clamp(16px, 2cqw, 28px) 0 0;
  padding: clamp(15px, 1.7cqw, 22px);
  font-size: clamp(14px, 1.25cqw, 18px);
  line-height: 1.65;
  color: #10203a;
  overflow-wrap: anywhere;
}
.gsc-details.open {
  display: block;
}
.gsc-details p:first-child {
  margin-top: 0;
}
.gsc-details p:last-child {
  margin-bottom: 0;
}
.gsc-details ul,
.gsc-details ol {
  margin: 0 0 0 clamp(18px, 2cqw, 24px);
  padding: 0;
}
.gsc-details a {
  color: #347de3;
}
.gsc-coupon-bottom {
  padding: clamp(14px, 1.5cqw, 20px) clamp(20px, 3.2cqw, 50px) clamp(17px, 1.8cqw, 23px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: clamp(13px, 1.15cqw, 17px);
  color: #25334a;
  gap: 12px;
}
.gsc-coupon-bottom i {
  font-size: clamp(15px, 1.3cqw, 20px);
}
.gsc-bottom-icons {
  display: flex;
  gap: clamp(16px, 1.8cqw, 24px);
  font-size: clamp(21px, 1.9cqw, 27px);
  flex: 0 0 auto;
}
.gsc-modal{display:none;position:fixed;inset:0;z-index:999999;align-items:center;justify-content:center;padding:20px}.gsc-modal.open{display:flex}.gsc-modal-overlay{position:absolute;inset:0;background:rgba(10,22,38,.68)}.gsc-modal-box{position:relative;background:#fff;width:min(705px,100%);max-height:90vh;overflow:auto;margin:0;border-radius:10px;box-shadow:0 18px 55px rgba(0,0,0,.28);color:#17243b}.gsc-close{position:absolute;right:0;top:0;width:48px;height:40px;border:0;border-radius:0 0 5px 5px;background:#fff;color:#17243b;font-size:27px;line-height:40px;padding:0;cursor:pointer;z-index:5;box-shadow:0 1px 3px rgba(0,0,0,.08)}.gsc-modal-exclusive{background:#c8e900;color:#101b2e;font-weight:800;font-size:18px;line-height:1;padding:13px 18px;border-radius:10px 10px 0 0}.gsc-modal-content{padding:34px 30px 29px}.gsc-modal-top{display:flex;align-items:flex-start;gap:24px;width:100%;min-width:0}.gsc-modal-discount{flex:0 0 92px;width:92px;text-align:center;padding-top:1px}.gsc-modal-discount span{display:block;font-size:13px;font-weight:700;line-height:1.2}.gsc-modal-discount .gsc-discount-value{display:block;font-size:34px;line-height:1.08;margin:6px 0 4px}.gsc-modal-discount small{display:block;font-size:13px;font-weight:700}.gsc-modal-title{flex:1 1 auto;min-width:0;padding-top:2px;font-size:25px;font-weight:800;line-height:1.38;color:#14233d;overflow-wrap:anywhere}.gsc-modal-logo{flex:0 0 82px;width:82px;height:82px;border-radius:50%;border:1px solid #dce3ec;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:700;overflow:hidden;padding:5px}.gsc-modal-logo img{width:100%;height:100%;object-fit:contain}.gsc-modal-checkout{margin:34px 0 10px;font-weight:600;font-size:16px;line-height:1.4}.gsc-modal-code-area{border:2px dashed #c1ccd9;border-radius:7px;padding:16px;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff}.gsc-modal-code-area strong{font-size:28px;line-height:1.15;letter-spacing:.4px;color:#182844;overflow-wrap:anywhere}.gsc-copy{background:#3d7fdc;color:#fff;border:0;border-radius:5px;padding:11px 17px;min-width:112px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}.gsc-modal-website{display:block;text-align:center;margin:24px 0 27px;color:#347de3;text-decoration:none;font-weight:700;font-size:16px;line-height:1.3;overflow-wrap:anywhere}.gsc-modal-stats{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;color:#66758a;font-size:14px;line-height:1.4}.gsc-modal-stats span+span:before{content:"•";margin-right:9px;color:#cbd3dc}/* TABLET + LAPTOP + DESKTOP + LARGE DESKTOP
   Same reference structure:
   discount | flexible title | right column
   right column = stats row + unlock button.
*/
@media (min-width: 768px) {
  .gsc-coupon-top {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .gsc-coupon-discount {
    flex: 0 1 16%;
  }
  .gsc-coupon-middle {
    flex: 1 1 44%;
  }
  .gsc-coupon-right {
    flex: 0 1 40%;
  }
}

/* Narrow tablets: preserve the same visual structure; title yields width first. */
@media (min-width: 768px) and (max-width: 1050px) {
  .gsc-coupon-main {
    padding: clamp(20px, 3cqw, 30px) clamp(16px, 3cqw, 30px) 0;
  }
  .gsc-coupon-top {
    gap: clamp(8px, 1.5cqw, 18px);
  }
  .gsc-coupon-discount {
    flex: 0 1 17%;
    min-width: clamp(72px, 11cqw, 105px);
    padding-right: clamp(8px, 1.5cqw, 18px);
  }
  .gsc-coupon-discount span {
    font-size: clamp(15px, 1.8cqw, 19px);
  }
  .gsc-coupon-discount .gsc-discount-value {
    font-size: clamp(26px, 3cqw, 32px);
  }
  .gsc-coupon-middle {
    flex: 1 1 43%;
    width: 43%;
    min-width: 0;
  }
  .gsc-coupon-middle h3 {
    font-size: clamp(16px, 1.9cqw, 21px);
  }
  .gsc-details-link {
    font-size: clamp(14px, 1.7cqw, 17px);
  }
  .gsc-coupon-right {
    flex: 0 1 40%;
    min-width: clamp(215px, 29cqw, 285px);
    gap: clamp(8px, 1.1cqw, 14px);
  }
  .gsc-stats {
    justify-content:center;
    font-size: clamp(11px, 1.35cqw, 14px);
  }
  .gsc-stats i {
    font-size: clamp(11px, 1.35cqw, 14px);
  }
  .gsc-unlock {
    width: min(100%, 285px);
    min-width: 210px;
    font-size: clamp(13px, 1.55cqw, 16px);
    padding: clamp(11px, 1.4cqw, 15px) clamp(10px, 1.5cqw, 20px);
  }
  .gsc-coupon-bottom {
    font-size: clamp(12px, 1.35cqw, 15px);
  }
  .gsc-bottom-icons {
    font-size: clamp(20px, 2.3cqw, 25px);
  }
}

/* Mobile only: custom stacked layout. */
@media (max-width: 767px) {
  .gsc-coupon-card {
    margin: 15px 0;
    border-radius: 8px;
  }
  .gsc-exclusive {
    font-size: clamp(15px, 4.5vw, 18px);
    padding: 11px 13px;
  }
  .gsc-coupon-main {
    padding: clamp(18px, 5vw, 24px) clamp(14px, 5vw, 22px) 0;
  }
  .gsc-coupon-top {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: clamp(14px, 4vw, 19px);
  }
  .gsc-coupon-discount {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    border-right: 0;
    border-bottom: 1px dashed #ccd2dc;
    padding: 0 0 clamp(14px, 4vw, 19px);
  }
  .gsc-coupon-discount span {
    font-size: clamp(15px, 4.5vw, 18px);
  }
  .gsc-coupon-discount .gsc-discount-value {
    font-size: clamp(27px, 8vw, 32px);
  }
  .gsc-coupon-middle {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
  }
  .gsc-coupon-middle h3 {
    font-size: clamp(17px, 4.7vw, 20px);
    line-height: 1.42;
  }
  .gsc-details-link {
    font-size: clamp(14px, 4vw, 17px);
  }
  .gsc-coupon-right {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    border-top: 1px solid #eee;
    padding-top: clamp(14px, 4vw, 19px);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 11px;
  }
  .gsc-stats {
    justify-content:center;
    flex-wrap: wrap;
    white-space: normal;
    font-size: clamp(11px, 3.3vw, 14px);
    line-height: 1.5;
  }
  .gsc-unlock {
    width: 100%;
    min-width: 0;
    max-width: none;
    font-size: clamp(14px, 4vw, 16px);
    padding: clamp(12px, 3.5vw, 14px);
  }
  .gsc-details {
    margin-top: clamp(15px, 4vw, 18px);
    padding: clamp(13px, 4vw, 17px);
    font-size: clamp(13px, 3.8vw, 15px);
    line-height: 1.6;
  }
  .gsc-coupon-bottom {
    padding: clamp(12px, 3.5vw, 15px) 0 clamp(14px, 4vw, 18px);
    font-size: clamp(11px, 3.2vw, 14px);
  }
  .gsc-coupon-bottom i {
    font-size: clamp(14px, 4vw, 18px);
  }
  .gsc-bottom-icons {
    font-size: clamp(19px, 6vw, 23px);
    gap: clamp(14px, 5vw, 18px);
  }
  .gsc-modal-box {
    width: calc(100% - 20px);
    max-height: 94vh;
    margin: 3vh auto 0;
  }
  .gsc-modal-content {
    padding: clamp(17px, 5vw, 22px) clamp(14px, 5vw, 18px);
  }
  .gsc-modal-top {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: clamp(11px, 3.5vw, 15px);
  }
  .gsc-modal-title {
    font-size: clamp(17px, 5vw, 20px);
  }
  .gsc-modal-logo {
    flex: 0 0 clamp(68px, 20vw, 78px);
    width: clamp(68px, 20vw, 78px);
    height: clamp(68px, 20vw, 78px);
  }
  .gsc-modal-code-area {
    flex-direction: column;
    align-items: stretch;
    padding: 10px;
  }
  .gsc-modal-code-area strong {
    text-align: center;
    font-size: clamp(19px, 6vw, 23px);
  }
  .gsc-copy {
    width: 100%;
    padding: clamp(10px, 3.5vw, 13px);
  }
  .gsc-modal-website {
    font-size: clamp(12px, 3.6vw, 15px);
  }
  .gsc-modal-stats {
    font-size: clamp(11px, 3.2vw, 13px);
    gap: 7px;
  }
}


/* v13 reference polish */
.gsc-coupon-bottom .gsc-bottom-icons a{
  color:#10203a;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.gsc-coupon-bottom .gsc-bottom-icons a:hover{color:#347de3}
.gsc-modal-box{border-radius:10px}
.gsc-modal-exclusive{border-radius:10px 10px 0 0}
@media(max-width:767px){
  .gsc-modal{padding:10px}
  .gsc-modal-box{width:100%;max-height:94vh}
  .gsc-close{right:8px;top:7px;width:44px;height:36px;line-height:36px;font-size:26px}
  .gsc-coupon-bottom{padding-left:clamp(14px,5vw,22px);padding-right:clamp(14px,5vw,22px)}
}

/* v14: center coupon stats in every responsive mode */
.gsc-stats{justify-content:center !important;}

/* v14: Valid Till + heart/share appear only with expanded details */
.gsc-coupon-bottom{display:none;}
.gsc-coupon-card:has(.gsc-details.open) .gsc-coupon-bottom{display:flex;}

@media(max-width:767px){
  .gsc-coupon-card:has(.gsc-details.open) .gsc-coupon-bottom{display:flex;}
}

/* v15: exact lightbox reference sizing */
.gsc-modal-content .gsc-modal-title{font-size:25px}
.gsc-modal-content .gsc-modal-code-area strong{font-size:28px}
.gsc-modal-content .gsc-modal-checkout{font-size:16px}
@media(max-width:767px){
.gsc-modal{padding:10px}
.gsc-modal-box{width:100%;max-height:94vh}
.gsc-modal-exclusive{font-size:16px;padding:12px 14px}
.gsc-modal-content{padding:23px 16px 22px}
.gsc-close{width:44px;height:36px;line-height:36px;font-size:25px}
.gsc-modal-top{gap:13px}
.gsc-modal-discount{flex:0 0 74px;width:74px}
.gsc-modal-discount span,.gsc-modal-discount small{font-size:11px}
.gsc-modal-discount .gsc-discount-value{font-size:28px}
.gsc-modal-title{font-size:18px!important;line-height:1.35}
.gsc-modal-logo{flex:0 0 66px;width:66px;height:66px}
.gsc-modal-checkout{margin-top:25px;font-size:14px!important}
.gsc-modal-code-area{padding:11px;min-height:70px}
.gsc-modal-code-area strong{font-size:22px!important}
.gsc-copy{min-width:98px;padding:10px 11px;font-size:12px}
.gsc-modal-website{font-size:14px;margin:18px 0 21px}
.gsc-modal-stats{font-size:12px}
}

/* v16: LIGHTBOX REFERENCE LOCK
   Keep the lightbox typography/family and proportions matching the supplied reference.
*/
.gsc-modal-box,
.gsc-modal-box *{
  font-family:Arial,sans-serif;
}
.gsc-modal-exclusive{
  font-size:18px!important;
  font-weight:800!important;
}
.gsc-modal-discount span{
  font-size:13px!important;
  font-weight:700!important;
}
.gsc-modal-discount .gsc-discount-value{
  font-size:34px!important;
  font-weight:700!important;
}
.gsc-modal-discount small{
  font-size:13px!important;
  font-weight:700!important;
}
.gsc-modal-title{
  font-size:25px!important;
  font-weight:800!important;
  line-height:1.38!important;
}
.gsc-modal-checkout{
  font-size:16px!important;
}
.gsc-modal-code-area strong{
  font-size:28px!important;
  font-weight:800!important;
}
.gsc-copy{
  font-size:13px!important;
  font-weight:800!important;
}
.gsc-modal-website{
  font-size:16px!important;
  font-weight:700!important;
}
.gsc-modal-stats{
  font-size:14px!important;
}
@media(max-width:767px){
  .gsc-modal-box,
  .gsc-modal-box *{
    font-family:Arial,sans-serif;
  }
  .gsc-modal-exclusive{font-size:16px!important}
  .gsc-modal-discount span,.gsc-modal-discount small{font-size:11px!important}
  .gsc-modal-discount .gsc-discount-value{font-size:28px!important}
  .gsc-modal-title{font-size:18px!important;line-height:1.35!important}
  .gsc-modal-checkout{font-size:14px!important}
  .gsc-modal-code-area strong{font-size:22px!important}
  .gsc-copy{font-size:12px!important}
  .gsc-modal-website{font-size:14px!important}
  .gsc-modal-stats{font-size:12px!important}
}

/* v18: GrabOn reference lightbox */
.gsc-modal-box{
  width:706px!important;
  max-width:calc(100vw - 40px)!important;
  max-height:90vh!important;
  border-radius:9px!important;
  overflow:auto!important;
  background:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.gsc-modal-box,
.gsc-modal-box *{
  box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif!important;
}
.gsc-modal-exclusive{
  height:44px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  background:#c7ea00!important;
  color:#101d35!important;
  border-radius:9px 9px 0 0!important;
  font-size:17px!important;
  font-weight:800!important;
}
.gsc-modal-content{
  padding:34px 30px 29px!important;
}
.gsc-modal-top{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr) 82px!important;
  align-items:start!important;
  column-gap:20px!important;
}
.gsc-modal-discount{
  width:76px!important;
  text-align:center!important;
  padding:0!important;
}
.gsc-modal-discount span{
  display:block!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:700!important;
}
.gsc-modal-discount .gsc-discount-value{
  display:block!important;
  margin:5px 0 3px!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:700!important;
}
.gsc-modal-discount small{
  display:block!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:700!important;
}
.gsc-modal-title{
  padding:2px 0 0!important;
  min-width:0!important;
  color:#14233d!important;
  font-size:17px!important;
  line-height:1.5!important;
  font-weight:700!important;
}
.gsc-modal-logo{
  width:82px!important;
  height:82px!important;
  border:1px solid #dce3ec!important;
  border-radius:50%!important;
  padding:6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.gsc-modal-checkout{
  margin:36px 0 10px!important;
  color:#17243b!important;
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:400!important;
}
.gsc-modal-code-area{
  width:100%!important;
  min-height:75px!important;
  padding:10px 14px 10px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border:2px dashed #c6d0dc!important;
  border-radius:5px!important;
  background:#fff!important;
}
.gsc-modal-code-area strong{
  min-width:0!important;
  color:#1a2942!important;
  font-size:29px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:0!important;
  overflow-wrap:anywhere!important;
}
.gsc-copy{
  flex:0 0 auto!important;
  min-width:114px!important;
  height:39px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:4px!important;
  background:#3d7fdc!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:39px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  white-space:nowrap!important;
}
.gsc-copy i,
.gsc-copy svg{
  display:inline-block!important;
  font-size:13px!important;
  line-height:1!important;
}
.gsc-modal-website{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:24px auto 27px!important;
  color:#347de3!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:700!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}
.gsc-modal-website:after{
  content:"\f35d"!important;
  display:inline-block!important;
  margin-left:7px!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-size:13px!important;
  text-decoration:none!important;
}
.gsc-modal-stats{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  color:#526177!important;
  font-size:14px!important;
  line-height:1.4!important;
}
.gsc-modal-stats span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
}
.gsc-modal-stats span+span:before{
  content:"•"!important;
  margin:0 9px!important;
  color:#cbd3dc!important;
}
.gsc-close{
  right:0!important;
  top:0!important;
  width:48px!important;
  height:40px!important;
  border:0!important;
  border-radius:0 0 4px 4px!important;
  background:#fff!important;
  color:#10203a!important;
  font-size:25px!important;
  line-height:40px!important;
  padding:0!important;
}
@media(max-width:767px){
  .gsc-modal-box{
    width:calc(100vw - 20px)!important;
    max-width:none!important;
    max-height:94vh!important;
  }
  .gsc-modal-exclusive{
    height:44px!important;
    padding:0 14px!important;
    font-size:16px!important;
  }
  .gsc-modal-content{
    padding:24px 16px 22px!important;
  }
  .gsc-modal-top{
    grid-template-columns:60px minmax(0,1fr) 64px!important;
    column-gap:12px!important;
  }
  .gsc-modal-discount{
    width:60px!important;
  }
  .gsc-modal-discount span,
  .gsc-modal-discount small{
    font-size:11px!important;
  }
  .gsc-modal-discount .gsc-discount-value{
    font-size:27px!important;
  }
  .gsc-modal-title{
    font-size:15px!important;
    line-height:1.45!important;
  }
  .gsc-modal-logo{
    width:64px!important;
    height:64px!important;
  }
  .gsc-modal-checkout{
    margin-top:27px!important;
    font-size:14px!important;
  }
  .gsc-modal-code-area{
    min-height:68px!important;
    padding:9px 10px!important;
  }
  .gsc-modal-code-area strong{
    font-size:23px!important;
  }
  .gsc-copy{
    min-width:96px!important;
    height:36px!important;
    line-height:36px!important;
    font-size:12px!important;
  }
  .gsc-modal-website{
    margin:18px auto 21px!important;
    font-size:14px!important;
  }
  .gsc-modal-stats{
    font-size:12px!important;
  }
}


/* v19: fixes marked in the supplied reference screenshot */
.gsc-modal-discount{
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.gsc-modal-discount span,
.gsc-modal-discount small{
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.05!important;
}
.gsc-modal-discount .gsc-discount-value{
  font-size:28px!important;
  line-height:1!important;
  margin:6px 0 4px!important;
}
.gsc-modal-title{
  font-size:16px!important;
  line-height:1.45!important;
  font-weight:400!important;
}
.gsc-copy{
  min-width:130px!important;
  height:42px!important;
  padding:0 14px!important;
  background:#e6effd!important;
  color:#3d7fdc!important;
  border:0!important;
  border-radius:4px!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:42px!important;
}
.gsc-copy i,
.gsc-copy svg{
  color:#3d7fdc!important;
  font-size:14px!important;
}
.gsc-modal-stats span:nth-child(1)::before,
.gsc-modal-stats span:nth-child(2)::before,
.gsc-modal-stats span:nth-child(3)::before{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:17px!important;
  height:17px!important;
  margin-right:4px!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-size:14px!important;
}
.gsc-modal-stats span:nth-child(1)::before{
  content:"\f058"!important;
  color:#49a56a!important;
}
.gsc-modal-stats span:nth-child(2)::before{
  content:"\f007"!important;
  color:#526177!important;
}
.gsc-modal-stats span:nth-child(3)::before{
  content:"\f2f2"!important;
  color:#526177!important;
}
@media(max-width:767px){
  .gsc-modal-discount span,
  .gsc-modal-discount small{font-size:13px!important}
  .gsc-modal-discount .gsc-discount-value{font-size:27px!important}
  .gsc-modal-title{font-size:15px!important;line-height:1.45!important}
  .gsc-copy{min-width:96px!important;height:36px!important;line-height:36px!important;font-size:12px!important}
  .gsc-modal-stats span:nth-child(1)::before,
  .gsc-modal-stats span:nth-child(2)::before,
  .gsc-modal-stats span:nth-child(3)::before{width:15px!important;height:15px!important;font-size:12px!important}
}


/* v20: lightbox rebuilt to match supplied screenshot + force cache refresh */
.gsc-modal-box{
  width:900px!important;
  max-width:calc(100vw - 40px)!important;
  max-height:92vh!important;
  margin:0!important;
  border-radius:10px!important;
  overflow:auto!important;
  background:#fff!important;
}
.gsc-modal-exclusive{
  height:56px!important;
  min-height:56px!important;
  padding:0 20px!important;
  display:flex!important;
  align-items:center!important;
  background:#c8e900!important;
  color:#101b2e!important;
  border-radius:10px 10px 0 0!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:800!important;
}
.gsc-modal-content{
  padding:39px 42px 30px!important;
}
.gsc-modal-top{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr) 82px!important;
  column-gap:22px!important;
  align-items:start!important;
  width:100%!important;
}
.gsc-modal-discount{
  width:112px!important;
  min-width:112px!important;
  flex:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  text-align:center!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.gsc-modal-discount span,
.gsc-modal-discount small{
  display:block!important;
  font-size:23px!important;
  line-height:1.02!important;
  font-weight:700!important;
  color:#14233d!important;
}
.gsc-modal-discount .gsc-discount-value{
  display:block!important;
  margin:6px 0 4px!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#14233d!important;
}
.gsc-modal-title{
  min-width:0!important;
  width:auto!important;
  padding:29px 0 0!important;
  margin:0!important;
  color:#14233d!important;
  font-size:17px!important;
  line-height:1.5!important;
  font-weight:400!important;
  overflow-wrap:anywhere!important;
}
.gsc-modal-logo{
  width:82px!important;
  height:82px!important;
  min-width:82px!important;
  padding:6px!important;
  margin:11px 0 0!important;
  border:1px solid #dce3ec!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.gsc-modal-checkout{
  margin:39px 0 13px!important;
  padding:0!important;
  color:#17243b!important;
  font-size:16px!important;
  line-height:1.4!important;
  font-weight:400!important;
}
.gsc-modal-code-area{
  width:100%!important;
  min-height:129px!important;
  height:129px!important;
  padding:0 28px 0 39px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  border:2px dashed #c6d0dc!important;
  border-radius:5px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.gsc-modal-code-area strong{
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:520px!important;
  margin:0!important;
  padding:0!important;
  color:#17233a!important;
  font-size:42px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.gsc-copy{
  flex:0 0 130px!important;
  width:130px!important;
  min-width:130px!important;
  height:42px!important;
  margin-left:58px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:4px!important;
  background:#e5eefc!important;
  color:#3d7fdc!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.gsc-copy i,
.gsc-copy svg{
  display:inline-block!important;
  color:#5b9af0!important;
  font-size:14px!important;
  line-height:1!important;
}
.gsc-modal-website{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:21px auto 24px!important;
  padding:0!important;
  color:#347de3!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:400!important;
  text-decoration:none!important;
  text-align:center!important;
}
.gsc-modal-website:after{
  content:"\f35d"!important;
  display:inline-block!important;
  margin-left:8px!important;
  color:#347de3!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-size:15px!important;
  text-decoration:none!important;
}
.gsc-modal-stats{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  color:#24344c!important;
  font-size:16px!important;
  line-height:1.4!important;
  font-weight:400!important;
}
.gsc-modal-stats span{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  white-space:nowrap!important;
}
.gsc-modal-stats span+span:before{
  content:"•"!important;
  margin:0 10px!important;
  color:#cbd3dc!important;
}
.gsc-modal-stats span:nth-child(1)::before,
.gsc-modal-stats span:nth-child(2)::before,
.gsc-modal-stats span:nth-child(3)::before{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:19px!important;
  height:19px!important;
  margin-right:3px!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-size:16px!important;
}
.gsc-modal-stats span:nth-child(1)::before{content:"\f058"!important;color:#49a56a!important}
.gsc-modal-stats span:nth-child(2)::before{content:"\f007"!important;color:#526177!important}
.gsc-modal-stats span:nth-child(3)::before{content:"\f2f2"!important;color:#526177!important}
.gsc-close{
  right:0!important;
  top:0!important;
  width:46px!important;
  height:40px!important;
  line-height:40px!important;
  background:#fff!important;
  color:#17243b!important;
  font-size:25px!important;
  z-index:10!important;
}
@media(max-width:767px){
  .gsc-modal-box{width:calc(100vw - 20px)!important;max-width:none!important;max-height:94vh!important}
  .gsc-modal-exclusive{height:46px!important;min-height:46px!important;padding:0 14px!important;font-size:16px!important}
  .gsc-modal-content{padding:25px 16px 22px!important}
  .gsc-modal-top{grid-template-columns:70px minmax(0,1fr) 64px!important;column-gap:12px!important}
  .gsc-modal-discount{width:70px!important;min-width:70px!important}
  .gsc-modal-discount span,.gsc-modal-discount small{font-size:13px!important}
  .gsc-modal-discount .gsc-discount-value{font-size:27px!important}
  .gsc-modal-title{padding-top:5px!important;font-size:15px!important;line-height:1.45!important}
  .gsc-modal-logo{width:64px!important;height:64px!important;min-width:64px!important;margin-top:0!important}
  .gsc-modal-checkout{margin-top:28px!important;font-size:14px!important}
  .gsc-modal-code-area{height:auto!important;min-height:72px!important;padding:10px 11px!important}
  .gsc-modal-code-area strong{max-width:calc(100% - 105px)!important;font-size:23px!important}
  .gsc-copy{flex-basis:96px!important;width:96px!important;min-width:96px!important;height:36px!important;margin-left:12px!important;font-size:12px!important;line-height:36px!important}
  .gsc-modal-website{margin:18px auto 21px!important;font-size:14px!important}
  .gsc-modal-stats{font-size:12px!important}
  .gsc-modal-stats span:nth-child(1)::before,.gsc-modal-stats span:nth-child(2)::before,.gsc-modal-stats span:nth-child(3)::before{width:15px!important;height:15px!important;font-size:12px!important}
}


/* v21: preserve the existing lightbox and add the missing highlighted UI elements */
.gsc-modal-discount{
  position:relative!important;
}
.gsc-modal-discount::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  right:-11px!important;
  width:1px!important;
  height:100%!important;
  border-right:2px dashed #c8d1dc!important;
}
.gsc-copy i{
  display:inline-block!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:400!important;
  font-size:14px!important;
}
.gsc-modal-stats span i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  margin-right:3px!important;
  flex:0 0 18px!important;
  font-size:15px!important;
  line-height:1!important;
}
.gsc-modal-stats span:nth-child(1) i{color:#49a56a!important}
.gsc-modal-stats span:nth-child(2) i,.gsc-modal-stats span:nth-child(3) i{color:#526177!important}
/* Actual icons are used in v21; disable the old pseudo-icons so they cannot double-render. */
.gsc-modal-stats span:nth-child(1)::before,
.gsc-modal-stats span:nth-child(2)::before,
.gsc-modal-stats span:nth-child(3)::before{
  content:none!important;
  display:none!important;
}


/* v23: LIGHTBOX ONLY
   Keep the coupon card untouched. Improve modal alignment, real Font Awesome
   icons, and responsive behavior at tablet/mobile widths.
*/
.gsc-modal{
  padding:16px!important;
}
.gsc-modal-box{
  width:900px!important;
  max-width:calc(100vw - 32px)!important;
  max-height:92vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.gsc-modal-box,
.gsc-modal-box *{
  box-sizing:border-box!important;
}
.gsc-modal-content{
  padding:39px 42px 30px!important;
}
.gsc-modal-top{
  grid-template-columns:112px minmax(0,1fr) 82px!important;
  column-gap:22px!important;
  align-items:start!important;
}
.gsc-modal-discount{
  position:relative!important;
  width:112px!important;
  min-width:112px!important;
  padding:0!important;
  margin:0!important;
}
.gsc-modal-discount::after{
  right:-11px!important;
  top:0!important;
  height:100%!important;
  border-right:2px dashed #c8d1dc!important;
}
.gsc-modal-title{
  padding:29px 0 0!important;
  font-size:17px!important;
  line-height:1.5!important;
  font-weight:400!important;
}
.gsc-modal-logo{
  width:82px!important;
  height:82px!important;
  min-width:82px!important;
  margin:11px 0 0!important;
}
.gsc-modal-checkout{
  margin:39px 0 13px!important;
  font-size:16px!important;
}
.gsc-modal-code-area{
  width:100%!important;
  min-height:129px!important;
  height:129px!important;
  padding:0 28px 0 39px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
}
.gsc-modal-code-area strong{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  font-size:42px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.gsc-copy{
  flex:0 0 130px!important;
  width:130px!important;
  min-width:130px!important;
  height:42px!important;
  margin:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  background:#e5eefc!important;
  color:#3d7fdc!important;
  border:0!important;
  border-radius:4px!important;
  font-size:13px!important;
  line-height:1!important;
}
.gsc-copy i{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-size:14px!important;
  color:#5b9af0!important;
  display:inline-block!important;
}
.gsc-modal-website{
  margin:21px auto 24px!important;
  font-size:18px!important;
  line-height:1.35!important;
  text-align:center!important;
}
.gsc-modal-website::after{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  content:"\f35d"!important;
}
.gsc-modal-stats{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.4!important;
  color:#24344c!important;
}
.gsc-modal-stats span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}
.gsc-modal-stats span+span::before{
  content:"•"!important;
  display:inline-block!important;
  margin:0 10px!important;
  color:#cbd3dc!important;
  font-family:Arial,sans-serif!important;
  font-weight:400!important;
}
.gsc-modal-stats span:nth-child(1)::before,
.gsc-modal-stats span:nth-child(2)::before,
.gsc-modal-stats span:nth-child(3)::before{
  content:none!important;
  display:none!important;
}
.gsc-modal-stats span i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  flex:0 0 18px!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-size:15px!important;
  line-height:1!important;
}
.gsc-modal-stats span:nth-child(1) i{color:#49a56a!important}
.gsc-modal-stats span:nth-child(2) i,
.gsc-modal-stats span:nth-child(3) i{color:#526177!important}
.gsc-close{
  right:0!important;
  top:0!important;
  width:46px!important;
  height:40px!important;
  line-height:40px!important;
  font-size:25px!important;
}

/* Tablet */
@media (min-width:768px) and (max-width:1000px){
  .gsc-modal{
    padding:12px!important;
  }
  .gsc-modal-box{
    max-width:calc(100vw - 24px)!important;
  }
  .gsc-modal-content{
    padding:30px 28px 26px!important;
  }
  .gsc-modal-top{
    grid-template-columns:90px minmax(0,1fr) 74px!important;
    column-gap:16px!important;
  }
  .gsc-modal-discount{
    width:90px!important;
    min-width:90px!important;
  }
  .gsc-modal-discount::after{right:-9px!important}
  .gsc-modal-discount span,
  .gsc-modal-discount small{font-size:18px!important}
  .gsc-modal-discount .gsc-discount-value{font-size:30px!important}
  .gsc-modal-title{
    padding-top:18px!important;
    font-size:16px!important;
  }
  .gsc-modal-logo{
    width:74px!important;
    height:74px!important;
    min-width:74px!important;
    margin-top:5px!important;
  }
  .gsc-modal-checkout{
    margin-top:30px!important;
    font-size:15px!important;
  }
  .gsc-modal-code-area{
    min-height:105px!important;
    height:105px!important;
    padding:0 20px 0 25px!important;
  }
  .gsc-modal-code-area strong{font-size:34px!important}
}

/* Mobile */
@media (max-width:767px){
  .gsc-modal{
    padding:8px!important;
    align-items:center!important;
  }
  .gsc-modal-box{
    width:100%!important;
    max-width:none!important;
    max-height:94vh!important;
    border-radius:8px!important;
  }
  .gsc-modal-exclusive{
    height:46px!important;
    min-height:46px!important;
    padding:0 14px!important;
    font-size:16px!important;
    border-radius:8px 8px 0 0!important;
  }
  .gsc-close{
    width:42px!important;
    height:36px!important;
    line-height:36px!important;
    font-size:23px!important;
  }
  .gsc-modal-content{
    padding:22px 14px 22px!important;
  }
  .gsc-modal-top{
    display:grid!important;
    grid-template-columns:70px minmax(0,1fr) 58px!important;
    column-gap:11px!important;
    align-items:start!important;
  }
  .gsc-modal-discount{
    width:70px!important;
    min-width:70px!important;
  }
  .gsc-modal-discount::after{
    right:-6px!important;
    border-right-width:1px!important;
  }
  .gsc-modal-discount span,
  .gsc-modal-discount small{
    font-size:12px!important;
    line-height:1.05!important;
  }
  .gsc-modal-discount .gsc-discount-value{
    margin:5px 0 3px!important;
    font-size:27px!important;
  }
  .gsc-modal-title{
    padding:3px 0 0!important;
    font-size:14px!important;
    line-height:1.45!important;
  }
  .gsc-modal-logo{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    margin:0!important;
    padding:4px!important;
  }
  .gsc-modal-checkout{
    margin:26px 0 10px!important;
    font-size:13px!important;
  }
  .gsc-modal-code-area{
    min-height:78px!important;
    height:auto!important;
    padding:10px 10px 10px 14px!important;
    gap:10px!important;
    border-width:2px!important;
  }
  .gsc-modal-code-area strong{
    flex:1 1 auto!important;
    max-width:none!important;
    font-size:clamp(18px,6vw,25px)!important;
    line-height:1.05!important;
  }
  .gsc-copy{
    flex:0 0 94px!important;
    width:94px!important;
    min-width:94px!important;
    height:36px!important;
    padding:0 7px!important;
    gap:5px!important;
    font-size:11px!important;
  }
  .gsc-copy i{font-size:12px!important}
  .gsc-modal-website{
    max-width:95%!important;
    margin:17px auto 19px!important;
    font-size:13px!important;
    line-height:1.35!important;
  }
  .gsc-modal-website::after{
    margin-left:5px!important;
    font-size:12px!important;
  }
  .gsc-modal-stats{
    gap:0!important;
    font-size:11px!important;
    line-height:1.4!important;
  }
  .gsc-modal-stats span{
    gap:3px!important;
  }
  .gsc-modal-stats span i{
    width:14px!important;
    height:14px!important;
    flex-basis:14px!important;
    font-size:11px!important;
  }
  .gsc-modal-stats span+span::before{
    margin:0 6px!important;
  }
}

/* Very small phones: keep the three-part lightbox header but prevent overflow. */
@media (max-width:390px){
  .gsc-modal-content{
    padding-left:11px!important;
    padding-right:11px!important;
  }
  .gsc-modal-top{
    grid-template-columns:62px minmax(0,1fr) 52px!important;
    column-gap:8px!important;
  }
  .gsc-modal-discount{
    width:62px!important;
    min-width:62px!important;
  }
  .gsc-modal-discount span,
  .gsc-modal-discount small{font-size:11px!important}
  .gsc-modal-discount .gsc-discount-value{font-size:24px!important}
  .gsc-modal-title{font-size:13px!important}
  .gsc-modal-logo{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
  }
  .gsc-modal-code-area{
    padding-left:10px!important;
    padding-right:8px!important;
  }
  .gsc-modal-code-area strong{
    font-size:clamp(16px,5.8vw,21px)!important;
  }
  .gsc-copy{
    flex-basis:86px!important;
    width:86px!important;
    min-width:86px!important;
    font-size:10px!important;
  }
  .gsc-modal-stats{
    font-size:10px!important;
  }
  .gsc-modal-stats span+span::before{margin:0 4px!important}
}

/* v24 final refinements
 * - Keep the existing coupon card design; only make the requested text/tag/details adjustment.
 * - Preserve lightbox structure and improve spacing, icon alignment and mobile behavior.
 */
.gsc-coupon-discount .gsc-discount-value,
.gsc-modal-discount .gsc-discount-value{
  display:block!important;
  font-weight:700!important;
  line-height:1.1!important;
}
.gsc-coupon-discount .gsc-discount-value{
  font-size:clamp(28px, 2.55cqw, 36px)!important;
  margin:5px 0!important;
}
.gsc-modal-discount .gsc-discount-value{
  font-size:34px!important;
  margin:5px 0!important;
}

/* Smaller Show/Hide Details link without changing its click behavior. */
.gsc-details-link{
  font-size:14px!important;
  gap:5px!important;
}
.gsc-details-link i{
  font-size:9px!important;
}

/* Keep equal vertical breathing room inside the lightbox. */
.gsc-modal-content{
  padding-top:39px!important;
  padding-bottom:39px!important;
}

/* Status row: real Font Awesome icons with visible separation from the text. */
.gsc-modal-stats{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  row-gap:8px!important;
  column-gap:0!important;
  padding:0 4px!important;
}
.gsc-modal-stats span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 2px!important;
  white-space:nowrap!important;
}
.gsc-modal-stats span i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  margin:0 1px 0 0!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
}
.gsc-modal-stats span:nth-child(1) i{color:#49a56a!important}
.gsc-modal-stats span:nth-child(2) i,
.gsc-modal-stats span:nth-child(3) i{color:#526177!important}
.gsc-modal-stats span+span::before{
  content:"•"!important;
  display:inline-block!important;
  margin:0 12px!important;
  color:#cbd3dc!important;
  font-family:Arial,sans-serif!important;
  font-weight:400!important;
}

/* Copy button: keep icon and label together and centered. */
.gsc-copy{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  white-space:nowrap!important;
}
.gsc-copy i{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1!important;
  color:#5b9af0!important;
}
.gsc-copy span{display:inline-block!important}

/* Tablet */
@media (min-width:768px) and (max-width:1000px){
  .gsc-modal-content{
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  .gsc-modal-discount .gsc-discount-value{font-size:30px!important}
  .gsc-details-link{font-size:14px!important}
}

/* Mobile lightbox: do not squeeze the status icons into the text. */
@media (max-width:767px){
  .gsc-modal-content{
    padding:22px 14px 28px!important;
  }
  .gsc-modal-discount .gsc-discount-value{
    font-size:27px!important;
    margin:5px 0 3px!important;
  }
  .gsc-details-link{font-size:13px!important;gap:4px!important}
  .gsc-details-link i{font-size:8px!important}
  .gsc-modal-stats{
    width:100%!important;
    padding:0!important;
    row-gap:7px!important;
    font-size:12px!important;
  }
  .gsc-modal-stats span{
    gap:6px!important;
    padding:0!important;
  }
  .gsc-modal-stats span i{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
    font-size:12px!important;
    margin-right:1px!important;
  }
  .gsc-modal-stats span+span::before{
    margin:0 7px!important;
  }
  .gsc-modal-code-area{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .gsc-modal-code-area .gsc-discount-value{min-width:0!important}
  .gsc-modal-code-area strong{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .gsc-copy{
    flex:0 0 94px!important;
    width:94px!important;
    min-width:94px!important;
  }
}

@media (max-width:390px){
  .gsc-modal-content{padding:20px 11px 26px!important}
  .gsc-modal-stats{font-size:11px!important}
  .gsc-modal-stats span{gap:5px!important}
  .gsc-modal-stats span+span::before{margin:0 5px!important}
  .gsc-modal-stats span i{
    width:14px!important;
    height:14px!important;
    flex-basis:14px!important;
    font-size:11px!important;
  }
  .gsc-copy{
    flex-basis:86px!important;
    width:86px!important;
    min-width:86px!important;
    font-size:10px!important;
  }
}

/* v25 requested refinements
 * 1) Keep the normal coupon card's top/bottom inner padding equal.
 * 2) Keep FLAT / discount / OFF spans consistent in font family, size and weight.
 * 3) Lightbox mobile: code stays LEFT, COPY CODE stays RIGHT.
 * 4) Lightbox status row keeps clear icon-to-text spacing and responsive wrapping.
 */
.gsc-coupon-main{
  padding-top:clamp(22px, 3cqw, 42px)!important;
  padding-bottom:clamp(22px, 3cqw, 42px)!important;
}

.gsc-coupon-discount > span,
.gsc-coupon-discount > span.gsc-discount-value{
  font-family:Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.12!important;
}
.gsc-coupon-discount > span.gsc-discount-value{
  margin:5px 0!important;
}

.gsc-modal-discount > span,
.gsc-modal-discount > span.gsc-discount-value{
  font-family:Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.12!important;
}
.gsc-modal-discount > span.gsc-discount-value{
  margin:5px 0!important;
}

/* LIGHTBOX ONLY: preserve a horizontal code row on phones. */
@media (max-width:767px){
  .gsc-modal-code-area{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:10px 10px 10px 14px!important;
  }
  .gsc-modal-code-area strong{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 104px)!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:clamp(18px,6vw,25px)!important;
    line-height:1.05!important;
  }
  .gsc-copy{
    flex:0 0 94px!important;
    width:94px!important;
    min-width:94px!important;
    height:36px!important;
    margin:0!important;
    padding:0 7px!important;
  }

  /* On mobile show FLAT / 15% / OFF together like: FLAT 15% OFF. */
  .gsc-coupon-discount{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    border-right:0!important;
    border-bottom:1px dashed #ccd2dc!important;
    padding:0 0 clamp(14px,4vw,19px)!important;
  }
  .gsc-coupon-discount > span,
  .gsc-coupon-discount > span.gsc-discount-value{
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.1!important;
    margin:0!important;
  }

  .gsc-modal-discount > span,
  .gsc-modal-discount > span.gsc-discount-value{
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.1!important;
  }
  .gsc-modal-discount > span.gsc-discount-value{
    margin:5px 0!important;
  }

  /* Status icons never touch the following text. */
  .gsc-modal-stats{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    row-gap:8px!important;
    padding:0 8px!important;
  }
  .gsc-modal-stats span{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0!important;
    white-space:nowrap!important;
  }
  .gsc-modal-stats span i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 15px!important;
    width:15px!important;
    height:15px!important;
    margin:0!important;
    font-size:12px!important;
  }
  .gsc-modal-stats span+span::before{
    margin:0 8px!important;
  }
}

@media (max-width:390px){
  .gsc-modal-code-area{
    gap:8px!important;
    padding-left:10px!important;
    padding-right:8px!important;
  }
  .gsc-modal-code-area strong{
    max-width:calc(100% - 94px)!important;
    font-size:clamp(16px,5.8vw,21px)!important;
  }
  .gsc-copy{
    flex:0 0 86px!important;
    width:86px!important;
    min-width:86px!important;
    height:34px!important;
    font-size:10px!important;
  }
  .gsc-coupon-discount > span,
  .gsc-coupon-discount > span.gsc-discount-value,
  .gsc-modal-discount > span,
  .gsc-modal-discount > span.gsc-discount-value{
    font-size:17px!important;
  }
  .gsc-modal-stats{
    padding:0 4px!important;
    font-size:10px!important;
  }
  .gsc-modal-stats span{gap:5px!important}
  .gsc-modal-stats span+span::before{margin:0 5px!important}
}


/* v29 FINAL: Match the requested FLAT / 15% / OFF typography.
   Keep the v25 layout intact; only tune the discount typography and
   slightly reduce the lightbox footprint. */
.gsc-coupon-discount > span,
.gsc-modal-discount > span{
  font-family: Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}
.gsc-coupon-discount > span.gsc-discount-value,
.gsc-modal-discount > span.gsc-discount-value{
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  margin: 4px 0 !important;
}

/* Lightbox only: slightly smaller than the current v25 footprint. */
.gsc-modal-box{
  width: 870px !important;
  max-width: calc(100vw - 28px) !important;
}
.gsc-modal-content{
  padding: 32px 38px 28px !important;
}
.gsc-modal-checkout{
  margin-top: 34px !important;
  margin-bottom: 12px !important;
}
.gsc-modal-code-area{
  min-height: 118px !important;
  height: 118px !important;
}

/* Keep the requested discount proportions on tablets/phones. */
@media (max-width: 1000px){
  .gsc-coupon-discount > span,
  .gsc-modal-discount > span{
    font-size: 18px !important;
    font-weight: 700 !important;
  }
  .gsc-coupon-discount > span.gsc-discount-value,
  .gsc-modal-discount > span.gsc-discount-value{
    font-size: 28px !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 767px){
  .gsc-coupon-discount > span,
  .gsc-modal-discount > span{
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
  }
  .gsc-coupon-discount > span.gsc-discount-value,
  .gsc-modal-discount > span.gsc-discount-value{
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    margin: 4px 0 !important;
  }

  /* Lightbox mobile: keep the v25 horizontal code row and reduce footprint,
     without changing the coupon card layout. */
  .gsc-modal-box{
    width: 100% !important;
    max-width: calc(100vw - 16px) !important;
    max-height: 92vh !important;
  }
  .gsc-modal-content{
    padding: 18px 11px 22px !important;
  }
  .gsc-modal-checkout{
    margin-top: 23px !important;
    margin-bottom: 9px !important;
  }
  .gsc-modal-code-area{
    min-height: 70px !important;
    height: auto !important;
  }
}

@media (max-width: 380px){
  .gsc-modal-box{
    max-width: calc(100vw - 10px) !important;
  }
  .gsc-modal-content{
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  .gsc-coupon-discount > span,
  .gsc-modal-discount > span{
    font-size: 16px !important;
  }
  .gsc-coupon-discount > span.gsc-discount-value,
  .gsc-modal-discount > span.gsc-discount-value{
    font-size: 25px !important;
  }
}