/* Homepage offer action strips. Preserve existing dimensions and layout. */
body.ks-reference-style .ks-home-block-layout .ks-home-offer-block .ks-block-action,
body.ks-reference-style .ks-home-block-layout .ks-home-offer-block .ks-block-action > *,
body.ks-reference-style .ks-home-block-layout .ks-home-offer-block .ks-block-action .coupon-button,
body.ks-reference-style .ks-home-block-layout .ks-home-offer-block .ks-block-action button,
body.ks-reference-style .ks-home-block-layout .ks-home-offer-block .ks-block-action a {
  background-color: #2454d6 !important;
  color: #fff !important;
  border-top-color: #2454d6 !important;
}
body.ks-reference-style .ks-home-block-layout .ks-home-offer-block .ks-block-action button:hover,
body.ks-reference-style .ks-home-block-layout .ks-home-offer-block .ks-block-action a:hover,
body.ks-reference-style .ks-home-block-layout .ks-home-offer-block .ks-block-action .coupon-button:hover,
body.ks-reference-style .ks-home-block-layout .ks-home-offer-block .ks-block-action button:focus-visible,
body.ks-reference-style .ks-home-block-layout .ks-home-offer-block .ks-block-action a:focus-visible {
  background-color: #193fa9 !important;
  color: #fff !important;
}

/* Product Get Deal buttons: homepage, product catalog, and store product grids. */
body .ks-daily-deals .ks-daily-card a.ks-daily-button {
  background: #f58245 !important;
  color: #fff !important;
}
body .ks-daily-deals .ks-daily-card a.ks-daily-button:hover,
body .ks-daily-deals .ks-daily-card a.ks-daily-button:focus-visible {
  background: #e66d31 !important;
  color: #fff !important;
}
body .ks-daily-deals .ks-daily-card a.ks-daily-button > span {
  color: inherit !important;
}

/* Merchant slide panels match the deeper blue in the Halloween artwork. */
body .ks-hero-wide .ks-hero-store-slide .ks-hero-link,
body .ks-hero-wide .ks-hero-store-slide .ks-hero-mobile-copy,
body .ks-hero-wide .ks-hero-store-slide .ks-hero-mobile-copy::before {
  background: linear-gradient(135deg, #0c4ba3 0%, #043e8d 48%, #062c74 100%) !important;
}
body .ks-hero-wide .ks-hero-store-slide .ks-hero-art::after {
  background: linear-gradient(90deg, #043e8d 0%, transparent 22%, transparent 100%) !important;
}

/* Match the rounded blue call to action in Spooky Savings. */
body .ks-hero-wide .ks-hero-store-slide .ks-hero-store-copy .ks-hero-store-cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 44px;
  padding: clamp(10px, .9vw, 14px) clamp(16px, 1.4vw, 26px);
  border: 0;
  border-radius: 999px;
  background: #2454d6 !important;
  color: #fff !important;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
body .ks-hero-wide .ks-hero-store-slide .ks-hero-store-cta > span {
  color: #fff !important;
}
body .ks-hero-wide .ks-hero-store-slide .ks-hero-link:hover .ks-hero-store-cta {
  background: #193fa9 !important;
}
body .ks-hero-wide .ks-hero-store-slide .ks-hero-link:focus-visible .ks-hero-store-cta {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

body .ks-hero-wide .ks-bf-hero .ks-hero-mobile-copy,
body .ks-hero-wide .ks-bf-hero .ks-hero-mobile-copy::before {
  background: #04318a !important;
}

/* 1.0.19: use the supplied textured blue reference on merchant panels. */
body .ks-hero-wide .ks-hero-store-slide .ks-hero-link,
body .ks-hero-wide .ks-hero-store-slide .ks-hero-mobile-copy,
body .ks-hero-wide .ks-hero-store-slide .ks-hero-mobile-copy::before {
  background: #043e8d url('hero-blue-texture-v1019.png') center / 100% 100% no-repeat !important;
}

/* 1.0.22: product card savings/actions orange, prices and store labels neutral. */
body .ks-daily-deals .ks-daily-card .ks-daily-badge {
  background: #f58245 !important;
  color: #fff !important;
  box-shadow: 0 4px 9px #f5824525 !important;
}
body .ks-daily-deals .ks-daily-card .ks-daily-prices strong {
  color: #202124 !important;
}
body .ks-daily-deals .ks-daily-card .ks-daily-store {
  background: #f1f2f4 !important;
  color: #202124 !important;
}
body .ks-daily-deals .ks-daily-card .ks-daily-store > span {
  color: inherit !important;
}
body .ks-daily-deals .ks-daily-card .ks-daily-prices del {
  color: #6c7687 !important;
}

/* 1.0.23: product catalog link matches orange product actions. */
body .ks-daily-deals .ks-daily-heading a.ks-daily-view-all,
body .ks-daily-deals .ks-daily-heading a.ks-daily-view-all .ks-view-all-chevron {
  color: #f58245 !important;
}
body .ks-daily-deals .ks-daily-heading a.ks-daily-view-all:hover,
body .ks-daily-deals .ks-daily-heading a.ks-daily-view-all:focus-visible,
body .ks-daily-deals .ks-daily-heading a.ks-daily-view-all:hover .ks-view-all-chevron,
body .ks-daily-deals .ks-daily-heading a.ks-daily-view-all:focus-visible .ks-view-all-chevron {
  color: #e66d31 !important;
}

/* 1.0.24: move the product catalog introduction higher. */
body .ks-daily-deals.ks-daily-catalog {
  margin-top: 16px !important;
}
body .ks-daily-catalog .ks-daily-heading {
  margin-bottom: 12px !important;
  padding-bottom: 0 !important;
}
body .ks-daily-catalog .ks-daily-intro {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

/* 1.0.26: distinct merchant palettes, including the mobile copy panels. */
body .ks-hero-wide .ks-hero-store-slide:has(.ks-hero-art img[src*="perfumania-varied-v1026.svg"]) .ks-hero-link,
body .ks-hero-wide .ks-hero-store-slide:has(.ks-hero-art img[src*="perfumania-varied-v1026.svg"]) .ks-hero-mobile-copy,
body .ks-hero-wide .ks-hero-store-slide:has(.ks-hero-art img[src*="perfumania-varied-v1026.svg"]) .ks-hero-mobile-copy::before {
  background: linear-gradient(135deg, #65394e 0%, #4d293e 48%, #321c30 100%) !important;
}
body .ks-hero-wide .ks-hero-store-slide:has(.ks-hero-art img[src*="perfumania-varied-v1026.svg"]) .ks-hero-art::after { background: linear-gradient(90deg, #4d293e 0%, transparent 22%, transparent 100%) !important; }
body .ks-hero-wide .ks-hero-store-slide:has(.ks-hero-art img[src*="gamefly-varied-v1026.svg"]) .ks-hero-link,
body .ks-hero-wide .ks-hero-store-slide:has(.ks-hero-art img[src*="gamefly-varied-v1026.svg"]) .ks-hero-mobile-copy,
body .ks-hero-wide .ks-hero-store-slide:has(.ks-hero-art img[src*="gamefly-varied-v1026.svg"]) .ks-hero-mobile-copy::before {
  background: linear-gradient(135deg, #343b4b 0%, #202737 48%, #111827 100%) !important;
}
body .ks-hero-wide .ks-hero-store-slide:has(.ks-hero-art img[src*="gamefly-varied-v1026.svg"]) .ks-hero-art::after { background: linear-gradient(90deg, #202737 0%, transparent 22%, transparent 100%) !important; }
body .ks-hero-wide .ks-hero-store-slide:has(.ks-hero-art img[src*="cashmere-varied-v1026.svg"]) .ks-hero-link,
body .ks-hero-wide .ks-hero-store-slide:has(.ks-hero-art img[src*="cashmere-varied-v1026.svg"]) .ks-hero-mobile-copy,
body .ks-hero-wide .ks-hero-store-slide:has(.ks-hero-art img[src*="cashmere-varied-v1026.svg"]) .ks-hero-mobile-copy::before {
  background: linear-gradient(135deg, #6e5348 0%, #533d36 48%, #382b29 100%) !important;
}
body .ks-hero-wide .ks-hero-store-slide:has(.ks-hero-art img[src*="cashmere-varied-v1026.svg"]) .ks-hero-art::after { background: linear-gradient(90deg, #533d36 0%, transparent 22%, transparent 100%) !important; }

/* 1.0.29: one compact frame for every mobile slide, independent of text length. */
@media(max-width:760px){
 body .ks-hero-wide .ks-hero-slide .ks-hero-link{
   display:flex!important;flex-direction:column!important;aspect-ratio:3/2!important;
   height:auto!important;min-height:0!important;
 }
 body .ks-hero-wide .ks-hero-slide .ks-hero-art{
   flex:1 1 0!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;
 }
 body .ks-hero-wide .ks-hero-slide .ks-hero-mobile-copy{
   display:flex!important;flex-direction:column!important;align-items:flex-start!important;
   justify-content:center!important;gap:6px!important;
   flex:0 0 100px!important;height:100px!important;min-height:100px!important;
   box-sizing:border-box!important;padding:28px 16px 8px!important;
 }
 body .ks-hero-wide .ks-il-gamefly .ks-hero-mobile-copy,
 body .ks-hero-wide .ks-bf-hero .ks-hero-mobile-copy{padding:12px 16px!important;}
 body .ks-hero-wide .ks-hero-mobile-copy h2{
   font-size:clamp(16px,4.5vw,20px)!important;line-height:1.3!important;
   margin:0!important;max-width:100%;overflow-wrap:break-word;
 }
 body .ks-hero-wide .ks-hero-mobile-copy .ks-hero-mobile-button{display:none!important;}
 body .ks-hero-wide .ks-il-gamefly .ks-hero-art picture{display:block;width:100%;height:100%;}
 body .ks-hero-wide .ks-il-gamefly .ks-hero-art img{
   position:static!important;width:100%!important;height:100%!important;
   max-width:none!important;transform:none!important;object-fit:cover!important;object-position:center!important;
 }
}
