/** Shopify CDN: Minification failed

Line 2252:2 Unexpected "}"

**/
/* KYOTOYS FINAL OVERRIDES
   Loaded after kyoto-auto-premium.css so the intended V3.6/V3.7 collection-card UX
   cannot be overridden by the older automotive skin rules.
*/

/* Rating: large and clearly visible on desktop + mobile. */
.product-grid .kyoto-rating-display{
  display:inline-flex!important;
  align-items:center!important;
  gap:.70rem!important;
  min-height:2.25rem!important;
  line-height:1!important;
}
.product-grid .kyoto-star-visual{
  display:inline-flex!important;
  align-items:center!important;
  gap:.03rem!important;
  color:#E8A400!important;
  font-size:2.15rem!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  text-shadow:none!important;
}
.product-grid .kyoto-rating-value{
  display:inline-block!important;
  color:#777!important;
  font-size:1.28rem!important;
  font-weight:750!important;
  line-height:1!important;
}

/* COD strip: compact height, but text remains prominent and readable. */
.product-grid .kyoto-cod-pill{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:.55rem!important;
  min-height:48px!important;
  height:48px!important;
  padding:.30rem .72rem!important;
  margin:.05rem 0 .58rem!important;
  border:1px solid #b9e3c7!important;
  border-radius:10px!important;
  background:#eef9f1!important;
  color:#176a43!important;
}
.product-grid .kyoto-cod-pill__check{
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#20b465!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
}
.product-grid .kyoto-cod-pill__main{
  color:#176a43!important;
  font-size:.93rem!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.product-grid .kyoto-cod-pill__sub{
  color:#557365!important;
  font-size:.88rem!important;
  font-weight:650!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* Quick Buy: screenshot-style full-width black CTA. */
.product-grid .quick-add__submit{
  width:100%!important;
  min-height:56px!important;
  height:56px!important;
  border-radius:11px!important;
  background:#050505!important;
  color:#fff!important;
  border:1px solid #050505!important;
  box-shadow:none!important;
  font-size:1.12rem!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
  text-transform:uppercase!important;
}

/* Remove the decorative wheel/circle behind SALE badges everywhere in product grids.
   Keep the KYOTOYS / SPEC ::after label intact. */
.product-grid .card-wrapper::before,
.product-grid .card-wrapper:before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  opacity:0!important;
  animation:none!important;
}

/* Ensure the SALE pill itself is a clean badge, never circular. */
.product-grid .card__badge .badge,
.product-grid .card__badge .badge::before,
.product-grid .card__badge .badge::after{
  box-shadow:none!important;
  outline:none!important;
}
.product-grid .card__badge .badge{
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  padding:.38rem .62rem!important;
  border-radius:7px!important;
  border:0!important;
  background:var(--ky-red,#d83b32)!important;
  color:#fff!important;
  font-size:.78rem!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
}

@media(max-width:749px){
  .product-grid .kyoto-rating-display{
    gap:.58rem!important;
    min-height:2rem!important;
  }
  .product-grid .kyoto-star-visual{
    font-size:1.72rem!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
  }
  .product-grid .kyoto-rating-value{
    font-size:1.14rem!important;
    font-weight:750!important;
    line-height:1!important;
  }

  .product-grid .kyoto-cod-pill{
    grid-template-columns:23px minmax(0,1fr) auto!important;
    column-gap:.42rem!important;
    min-height:38px!important;
    height:38px!important;
    padding:.18rem .52rem!important;
    border-radius:9px!important;
    margin-bottom:.48rem!important;
  }
  .product-grid .kyoto-cod-pill__check{
    width:22px!important;
    height:22px!important;
    font-size:14px!important;
  }
  .product-grid .kyoto-cod-pill__main{
    font-size:.84rem!important;
    font-weight:900!important;
    letter-spacing:.015em!important;
    line-height:1!important;
  }
  .product-grid .kyoto-cod-pill__sub{
    font-size:.79rem!important;
    font-weight:650!important;
    line-height:1!important;
  }
  .product-grid .quick-add__submit{
    min-height:52px!important;
    height:52px!important;
    border-radius:10px!important;
    font-size:1.02rem!important;
  }
}


/* =====================================================================
   KYOTOYS V3.9 SCREENSHOT-DRIVEN FINAL OVERRIDES
   These rules intentionally load last from theme.liquid so they are the
   actual rendered storefront authority, not just dormant component CSS.
   ===================================================================== */

/* Product card title -> price: remove the oversized reserved title block. */
.product-grid .card__content > .card__information .card__heading{
  margin:0!important;
  min-height:0!important;
  max-height:2.55em!important;
  line-height:1.18!important;
}
.product-grid .card__content > .card__information .card-information{
  margin-top:.18rem!important;
}
.product-grid .card__content > .card__information .price{
  margin-top:.02rem!important;
  margin-bottom:.34rem!important;
}
@media(max-width:749px){
  .product-grid .card__content > .card__information .card__heading{
    min-height:0!important;
    max-height:2.45em!important;
    line-height:1.16!important;
  }
  .product-grid .card__content > .card__information .card-information{
    margin-top:.08rem!important;
  }
  .product-grid .card__content > .card__information .price{
    margin-top:0!important;
    margin-bottom:.30rem!important;
  }
}

/* COD strip: slimmer than V3.7 while keeping the two text labels prominent. */
.product-grid .kyoto-cod-pill{
  min-height:40px!important;
  height:40px!important;
  padding:.16rem .62rem!important;
  border-radius:8px!important;
  margin:.02rem 0 .44rem!important;
}
.product-grid .kyoto-cod-pill__check{
  width:24px!important;
  height:24px!important;
  font-size:15px!important;
}
.product-grid .kyoto-cod-pill__main{font-size:.86rem!important;font-weight:900!important}
.product-grid .kyoto-cod-pill__sub{font-size:.80rem!important;font-weight:700!important}
@media(max-width:749px){
  .product-grid .kyoto-cod-pill{
    grid-template-columns:21px minmax(0,1fr) auto!important;
    min-height:34px!important;
    height:34px!important;
    padding:.10rem .46rem!important;
    border-radius:8px!important;
    margin:.02rem 0 .42rem!important;
  }
  .product-grid .kyoto-cod-pill__check{
    width:20px!important;
    height:20px!important;
    font-size:13px!important;
  }
  .product-grid .kyoto-cod-pill__main{font-size:.80rem!important;line-height:1!important}
  .product-grid .kyoto-cod-pill__sub{font-size:.76rem!important;line-height:1!important}
}

/* Quick Buy: KYOTOYS cocoa-brown, screenshot-inspired clean rectangular CTA. */
.product-grid .quick-add__submit{
  min-height:52px!important;
  height:52px!important;
  border-radius:9px!important;
  background:#54362A!important;
  color:#fff!important;
  border:1px solid #54362A!important;
  box-shadow:none!important;
  font-size:1.08rem!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
.product-grid .quick-add__submit:hover{
  background:#54362A!important;
  color:#fff!important;
  border-color:#54362A!important;
  box-shadow:none!important;
  transform:none!important;
}
@media(max-width:749px){
  .product-grid .quick-add__submit{
    min-height:50px!important;
    height:50px!important;
    border-radius:9px!important;
    font-size:1.00rem!important;
    letter-spacing:.045em!important;
  }
}

/* Mobile hero: the blank white content strip above the banner is not part
   of the intended KYOTOYS visual. Hide the empty overlay/content layer so
   the banner image begins immediately. */
@media(max-width:768px){
  .image-content-slider-section .list .item .content{
    display:none!important;
  }
}
/* Defensive cleanup in case the blank strip is painted by the content layer
   before its display rule is applied. */
.image-content-slider-section .list .item .content{
  background:transparent!important;
  box-shadow:none!important;
}


/* =====================================================================
   V4.0 — TIMER RESTORE + SINGLE-ROW VARIANT STRIP + PRODUCT HERO IMAGE ONLY
   Loaded last from theme.liquid so these are the rendered storefront rules.
   ===================================================================== */

/* HOME HERO: title + description + countdown + buttons are ALL visible.
   Keep the content as an overlay on the hero image; never hide the parent
   because the countdown lives inside it. */
.image-content-slider-section .list .item .content{
  display:block!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
.image-content-slider-section .list .item .content .title,
.image-content-slider-section .list .item .content .des,
.image-content-slider-section .list .item .content .buttons,
.image-content-slider-section .list .item .content .countdown-wrapper{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.image-content-slider-section .list .item .content .buttons{
  display:flex!important;
}
.image-content-slider-section .list .item .content .countdown-boxes{
  display:flex!important;
}

/* All available product variants stay in ONE horizontal row.
   If there are more than fit, the row can be swiped left/right without wrapping. */
.product-grid .kyoto-variant-row,
.product-grid .color-swatches.kyoto-variant-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  padding:2px 1px 5px!important;
  margin:0!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
}
.product-grid .kyoto-variant-row::-webkit-scrollbar,
.product-grid .color-swatches.kyoto-variant-row::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.product-grid .kyoto-variant-row .kyoto-variant-swatch,
.product-grid .color-swatches.kyoto-variant-row .color-swatch{
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  margin:0!important;
  display:block!important;
  border-radius:50%!important;
  border:1px solid rgba(84,54,42,.18)!important;
  background-color:#f7f7f5!important;
  background-repeat:no-repeat!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  box-shadow:0 1px 3px rgba(0,0,0,.06)!important;
}
.product-grid .kyoto-variant-row .kyoto-variant-swatch:hover,
.product-grid .kyoto-variant-row .kyoto-variant-swatch.is-selected{
  border-color:#54362A!important;
  box-shadow:0 0 0 2px rgba(84,54,42,.16)!important;
}
@media(max-width:749px){
  .product-grid .kyoto-variant-row,
  .product-grid .color-swatches.kyoto-variant-row{
    gap:7px!important;
    padding-bottom:4px!important;
  }
  .product-grid .kyoto-variant-row .kyoto-variant-swatch,
  .product-grid .color-swatches.kyoto-variant-row .color-swatch{
    flex-basis:48px!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }
}

/* PRODUCT PAGE HERO SLIDESHOW: show image only — remove the blank white text block
   above BUY 2 GET 1 FREE on both desktop and mobile. */
body.kyoto-page-product .slideshow .slideshow__text-wrapper,
body.kyoto-page-product .slideshow .banner__content,
body.kyoto-page-product .slideshow .slideshow__text{
  display:none!important;
}
body.kyoto-page-product .slideshow,
body.kyoto-page-product .slideshow__slide,
body.kyoto-page-product .slideshow__media{
  background:transparent!important;
}
body.kyoto-page-product .slideshow__media{
  position:relative!important;
  width:100%!important;
}
body.kyoto-page-product .slideshow__media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}


/* V4.1 FINAL HERO VISIBILITY LOCK — HOME */
.image-content-slider-section .list .item .content .title:not(:empty),
.image-content-slider-section .list .item .content .des:not(:empty),
.image-content-slider-section .list .item .content .countdown-wrapper,
.image-content-slider-section .list .item .content .buttons{
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:768px){
  .image-content-slider-section .list .item .content{
    position:absolute!important;
    left:20px!important;
    right:20px!important;
    top:0!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    background:transparent!important;
  }
  .image-content-slider-section .list .item .content .title,
  .image-content-slider-section .list .item .content .des,
  .image-content-slider-section .list .item .content .countdown-wrapper{
    display:block!important;
  }
  .image-content-slider-section .list .item .content .buttons{
    display:flex!important;
  }
}

/* =====================================================================
   V4.2 — COUNTDOWN TIMER DIMENSIONS + CENTER ALIGNMENT
   Fixes desktop right-side empty space and mobile top/inner empty space.
   ===================================================================== */
.image-content-slider-section .list .item .content .countdown-wrapper{
  display:block!important;
  width:304px!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0 auto 18px!important;
  padding:10px 12px!important;
  text-align:center!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.image-content-slider-section .list .item .content .countdown-title{
  width:100%!important;
  margin:0 0 8px!important;
  padding:0!important;
  text-align:center!important;
  line-height:1.2!important;
}
.image-content-slider-section .list .item .content .countdown-boxes{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  align-items:center!important;
  justify-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.image-content-slider-section .list .item .content .countdown-box{
  width:100%!important;
  min-width:0!important;
  max-width:82px!important;
  height:68px!important;
  min-height:68px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:6px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.image-content-slider-section .list .item .content .countdown-box span:first-child{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
  letter-spacing:0!important;
}
.image-content-slider-section .list .item .content .countdown-label{
  display:block!important;
  width:100%!important;
  margin:5px 0 0!important;
  padding:0!important;
  text-align:center!important;
  font-size:10px!important;
  line-height:1.1!important;
  letter-spacing:.7px!important;
}

@media (min-width:769px){
  .image-content-slider-section .list .item .content .countdown-wrapper{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (max-width:768px){
  .image-content-slider-section .list .item .content .countdown-wrapper{
    width:282px!important;
    max-width:calc(100vw - 40px)!important;
    margin:0 auto 14px!important;
    padding:8px 10px!important;
    border-radius:11px!important;
  }
  .image-content-slider-section .list .item .content .countdown-title{
    margin-bottom:6px!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  .image-content-slider-section .list .item .content .countdown-boxes{
    gap:6px!important;
  }
  .image-content-slider-section .list .item .content .countdown-box{
    max-width:none!important;
    height:58px!important;
    min-height:58px!important;
    padding:5px 3px!important;
    border-radius:9px!important;
  }
  .image-content-slider-section .list .item .content .countdown-box span:first-child{
    font-size:24px!important;
  }
  .image-content-slider-section .list .item .content .countdown-label{
    margin-top:4px!important;
    font-size:9px!important;
    letter-spacing:.5px!important;
  }
}

@media (max-width:380px){
  .image-content-slider-section .list .item .content .countdown-wrapper{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    padding:7px 8px!important;
  }
  .image-content-slider-section .list .item .content .countdown-boxes{
    gap:5px!important;
  }
  .image-content-slider-section .list .item .content .countdown-box{
    height:55px!important;
    min-height:55px!important;
  }
  .image-content-slider-section .list .item .content .countdown-box span:first-child{
    font-size:22px!important;
  }
}

/* V4.3 — WORKING VARIANT SELECTION + SCREENSHOT-STYLE ADD TO CART */
.product-grid .kyoto-card-add-to-cart{
  display:block!important;
  width:100%!important;
  margin:10px 0 0!important;
}
.product-grid .kyoto-card-add-to-cart .quick-add__submit{
  width:100%!important;
  min-height:64px!important;
  height:64px!important;
  padding:0 18px!important;
  border:2px solid #54362A!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#54362A!important;
  box-shadow:none!important;
  font-size:1.18rem!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
.product-grid .kyoto-card-add-to-cart .quick-add__submit:hover,
.product-grid .kyoto-card-add-to-cart .quick-add__submit:focus-visible{
  background:#fff!important;
  color:#54362A!important;
  border-color:#54362A!important;
  box-shadow:none!important;
  transform:none!important;
}
.product-grid .kyoto-card-add-to-cart .quick-add__submit.is-loading{
  opacity:.65!important;
}
.product-grid .kyoto-variant-row .kyoto-variant-swatch.is-selected{
  border:2px solid #54362A!important;
  box-shadow:0 0 0 2px rgba(84,54,42,.14)!important;
}
@media(max-width:749px){
  .product-grid .kyoto-card-add-to-cart{margin:8px 0 0!important}
  .product-grid .kyoto-card-add-to-cart .quick-add__submit{
    min-height:54px!important;
    height:54px!important;
    padding:0 12px!important;
    border-width:2px!important;
    border-radius:6px!important;
    font-size:1.02rem!important;
    letter-spacing:.12em!important;
  }
}


/* V4.5 — COLOR-ONLY CARD SWATCHES + EXISTING VARIANT POPUP + RESPONSIVE CARD CTA */
.product-grid .kyoto-card-add-to-cart{
  display:block!important;
  width:calc(100% - 20px)!important;
  margin:8px 10px 0!important;
}
.product-grid .kyoto-card-add-to-cart .quick-add__submit{
  width:100%!important;
  min-height:52px!important;
  height:52px!important;
  padding:0 16px!important;
  border:2px solid #54362A!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#54362A!important;
  box-shadow:none!important;
  font-size:1.05rem!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
.product-grid .kyoto-card-add-to-cart .quick-add__submit:hover,
.product-grid .kyoto-card-add-to-cart .quick-add__submit:focus-visible{
  background:#fff!important;
  color:#54362A!important;
  border-color:#54362A!important;
  box-shadow:none!important;
  transform:none!important;
}
.product-grid .kyoto-card-add-to-cart .quick-add__submit.is-loading{
  opacity:.65!important;
}
.product-grid .kyoto-variant-row{
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
.product-grid .kyoto-variant-row::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.product-grid .kyoto-variant-row .kyoto-variant-swatch{
  flex:0 0 auto!important;
}
.product-grid .kyoto-variant-row .kyoto-variant-swatch.is-selected{
  border:2px solid #54362A!important;
  box-shadow:0 0 0 2px rgba(84,54,42,.14)!important;
}
@media(max-width:749px){
  .product-grid .kyoto-card-add-to-cart{
    width:calc(100% - 12px)!important;
    margin:7px 6px 0!important;
  }
  .product-grid .kyoto-card-add-to-cart .quick-add__submit{
    min-height:48px!important;
    height:48px!important;
    padding:0 10px!important;
    border-width:2px!important;
    border-radius:6px!important;
    font-size:.92rem!important;
    letter-spacing:.10em!important;
  }
}

/* =====================================================================
   V4.7 — HERO ALIGNMENT + PRODUCT CARD OVERFLOW CONTAINMENT
   Only the variant strip may scroll horizontally. All other card content
   must stay inside the card's own width.
   ===================================================================== */

/* Product grid/card width containment: prevents long variant rows from
   expanding the grid item and pushing COD / ADD TO CART outside the card. */
.product-grid,
.product-grid .grid__item,
.product-grid .product-card-wrapper,
.product-grid .product-card-wrapper .card,
.product-grid .product-card-wrapper .card__content,
.product-grid .product-card-wrapper .card__information,
.product-grid .product-card-wrapper .card-information,
.product-grid .product-card-wrapper .kyoto-card-add-to-cart{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* The card itself clips only accidental overflow. The variant row below
   remains horizontally scrollable inside its own constrained box. */
.product-grid .product-card-wrapper .card{
  overflow:hidden!important;
}
.product-grid .product-card-wrapper .card__content,
.product-grid .product-card-wrapper .card__information,
.product-grid .product-card-wrapper .card-information{
  overflow:hidden!important;
}

/* Variant strip is the ONLY horizontally scrollable element. */
.product-grid .product-card-wrapper .kyoto-variant-row,
.product-grid .product-card-wrapper .color-swatches.kyoto-variant-row{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex:0 1 auto!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
}
.product-grid .product-card-wrapper .kyoto-variant-row::-webkit-scrollbar,
.product-grid .product-card-wrapper .color-swatches.kyoto-variant-row::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.product-grid .product-card-wrapper .kyoto-variant-row .kyoto-variant-swatch,
.product-grid .product-card-wrapper .color-swatches.kyoto-variant-row .color-swatch{
  flex:0 0 54px!important;
}
@media(max-width:749px){
  .product-grid .product-card-wrapper .kyoto-variant-row .kyoto-variant-swatch,
  .product-grid .product-card-wrapper .color-swatches.kyoto-variant-row .color-swatch{
    flex:0 0 48px!important;
  }
}

/* ADD TO CART remains fully inside each product card, regardless of how
   many color variants the row contains. */
.product-grid .product-card-wrapper .kyoto-card-add-to-cart{
  display:block!important;
  overflow:hidden!important;
  margin-left:0!important;
  margin-right:0!important;
}
.product-grid .product-card-wrapper .kyoto-card-add-to-cart form{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.product-grid .product-card-wrapper .kyoto-card-add-to-cart .quick-add__submit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* COD pill must never inherit the variant row's intrinsic width. */
.product-grid .product-card-wrapper .kyoto-cod-pill,
.product-grid .product-card-wrapper .kyoto-cod-strip,
.product-grid .product-card-wrapper [class*="cod-pill"]{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* HOME HERO — consistent content alignment.
   Desktop: left-aligned content block with all children sharing the same
   width boundary. Mobile: centered vertically/horizontally without the
   previous top-edge drift. */
.image-content-slider-section .list .item .content{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:0!important;
  text-align:left!important;
  overflow:visible!important;
}
.image-content-slider-section .list .item .content .title,
.image-content-slider-section .list .item .content .des,
.image-content-slider-section .list .item .content .countdown-wrapper,
.image-content-slider-section .list .item .content .buttons{
  max-width:100%!important;
  box-sizing:border-box!important;
}
.image-content-slider-section .list .item .content .countdown-wrapper{
  margin-left:0!important;
  margin-right:0!important;
}

@media(min-width:769px){
  .image-content-slider-section .list .item .content{
    left:6%!important;
    right:auto!important;
    top:auto!important;
    bottom:10%!important;
    width:min(720px,86%)!important;
    max-width:min(720px,86%)!important;
    transform:none!important;
  }
  .image-content-slider-section .list .item .content .buttons{
    justify-content:flex-start!important;
  }
}

@media(max-width:768px){
  .image-content-slider-section .list .item .content{
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    transform:translate(-50%,-50%)!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .image-content-slider-section .list .item .content .title,
  .image-content-slider-section .list .item .content .des{
    width:100%!important;
  }
  .image-content-slider-section .list .item .content .countdown-wrapper{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .image-content-slider-section .list .item .content .buttons{
    width:100%!important;
    justify-content:center!important;
    align-items:center!important;
  }
}

/* =====================================================================
   V4.8 — COUNTDOWN BOX + DIGIT TRUE CENTER ALIGNMENT
   Every timer box has a fixed, equal footprint. The number and label are
   centered both horizontally and vertically inside each box.
   ===================================================================== */
.image-content-slider-section .list .item .content .countdown-wrapper{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.image-content-slider-section .list .item .content .countdown-boxes{
  display:grid!important;
  width:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:center!important;
  justify-content:center!important;
  place-items:center!important;
}
.image-content-slider-section .list .item .content .countdown-box{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  align-self:center!important;
  text-align:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:82px!important;
  min-width:0!important;
  height:68px!important;
  min-height:68px!important;
  margin:0!important;
  padding:5px 4px!important;
}
.image-content-slider-section .list .item .content .countdown-box span:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}
.image-content-slider-section .list .item .content .countdown-label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:12px!important;
  min-height:12px!important;
  margin:4px 0 0!important;
  padding:0!important;
  text-align:center!important;
  line-height:1!important;
}

@media(max-width:768px){
  .image-content-slider-section .list .item .content .countdown-boxes{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    place-items:center!important;
  }
  .image-content-slider-section .list .item .content .countdown-box{
    max-width:none!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    padding:4px 3px!important;
  }
  .image-content-slider-section .list .item .content .countdown-box span:first-child{
    height:29px!important;
    min-height:29px!important;
  }
  .image-content-slider-section .list .item .content .countdown-label{
    height:10px!important;
    min-height:10px!important;
    margin-top:3px!important;
  }
}

@media(max-width:380px){
  .image-content-slider-section .list .item .content .countdown-boxes{
    gap:5px!important;
  }
  .image-content-slider-section .list .item .content .countdown-box{
    height:55px!important;
    min-height:55px!important;
  }
  .image-content-slider-section .list .item .content .countdown-box span:first-child{
    height:27px!important;
    min-height:27px!important;
  }
}

/* =====================================================================
   V4.9 — MOBILE HOME HERO COMPACT + DESKTOP COD TEXT BALANCE
   ===================================================================== */

/* Desktop collection-card COD: keep the check size, use the available
   horizontal space for larger, easier-to-read copy. */
@media (min-width: 750px){
  .product-grid .kyoto-cod-pill{
    min-height:44px!important;
    height:44px!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    column-gap:.62rem!important;
    padding:.18rem .68rem!important;
    margin:.02rem 0 .44rem!important;
  }
  .product-grid .kyoto-cod-pill__check{
    width:25px!important;
    height:25px!important;
    font-size:16px!important;
  }
  .product-grid .kyoto-cod-pill__main{
    font-size:1rem!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.01em!important;
  }
  .product-grid .kyoto-cod-pill__sub{
    font-size:.92rem!important;
    font-weight:750!important;
    line-height:1!important;
  }
}

/* Mobile homepage hero: reduce the oversized vertical footprint while
   retaining title, description, countdown and CTA visibility. */
@media (max-width:749px){
  .image-content-slider-section .carousel{
    height:420px!important;
    min-height:420px!important;
    max-height:420px!important;
  }
  .image-content-slider-section .list .item .content{
    max-height:calc(100% - 24px)!important;
    overflow:visible!important;
  }
}

/* Very small phones: keep the hero compact without clipping its content. */
@media (max-width:380px){
  .image-content-slider-section .carousel{
    height:400px!important;
    min-height:400px!important;
    max-height:400px!important;
  }
}


/* =====================================================================
   V4.10 — MOBILE HERO OFFER + COUNTDOWN COMPACT COMPOSITION
   Mobile only: move hero offer/stock messaging inside the timer panel.
   Keep desktop hero content unchanged. Center timer numbers vertically
   and horizontally inside each counter box.
   ===================================================================== */
.mobile-countdown-copy{
  display:none!important;
}

.image-content-slider-section .list .item .content .countdown-box{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:4px!important;
}

.image-content-slider-section .list .item .content .countdown-box span:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:32px!important;
  line-height:32px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}

.image-content-slider-section .list .item .content .countdown-label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:11px!important;
  line-height:11px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}

@media (max-width:768px){
  /* Hide the original hero title/description only on mobile;
     their exact content is rendered inside the timer panel. */
  .image-content-slider-section .list .item .content > .title,
  .image-content-slider-section .list .item .content > .des{
    display:none!important;
  }

  .image-content-slider-section .list .item .content .countdown-wrapper{
    width:282px!important;
    max-width:calc(100vw - 32px)!important;
    padding:10px 10px 11px!important;
    margin:0 auto 14px!important;
    display:block!important;
    text-align:center!important;
  }

  .image-content-slider-section .list .item .content .mobile-countdown-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    margin:0 0 8px!important;
    padding:0!important;
    text-align:center!important;
  }

  .image-content-slider-section .list .item .content .mobile-countdown-offer{
    width:100%!important;
    margin:0 0 2px!important;
    padding:0!important;
    font-size:17px!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:.5px!important;
    text-align:center!important;
  }

  .image-content-slider-section .list .item .content .mobile-countdown-stock{
    width:100%!important;
    margin:0 0 4px!important;
    padding:0!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-align:center!important;
  }

  .image-content-slider-section .list .item .content .mobile-countdown-copy .countdown-title{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:11px!important;
    line-height:1.15!important;
    text-align:center!important;
  }

  .image-content-slider-section .list .item .content .desktop-countdown-title{
    display:none!important;
  }

  .image-content-slider-section .list .item .content .countdown-box{
    height:58px!important;
    min-height:58px!important;
    padding:4px 3px!important;
    justify-content:center!important;
    align-items:center!important;
    gap:3px!important;
  }

  .image-content-slider-section .list .item .content .countdown-box span:first-child{
    height:29px!important;
    line-height:29px!important;
    font-size:24px!important;
  }

  .image-content-slider-section .list .item .content .countdown-label{
    min-height:10px!important;
    line-height:10px!important;
    font-size:9px!important;
  }
}

@media (max-width:380px){
  .image-content-slider-section .list .item .content .countdown-wrapper{
    width:272px!important;
    max-width:calc(100vw - 28px)!important;
  }
  .image-content-slider-section .list .item .content .mobile-countdown-offer{
    font-size:16px!important;
  }
  .image-content-slider-section .list .item .content .countdown-box span:first-child{
    font-size:22px!important;
  }
}

/* =====================================================================
   V4.11 — PRODUCT OFFER + MOBILE QUANTITY CLEANUP
   Keep the collector offer compact and fully contained on product pages.
   Mobile product-page quantity is hidden because sticky-buy already has
   its own quantity control. Desktop quantity remains unchanged.
   ===================================================================== */

/* Product-page collector offer: clean, contained responsive layout. */
.kyoto-page-product .kyoto-offer{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.kyoto-page-product .kyoto-offer__head,
.kyoto-page-product .kyoto-offer__steps,
.kyoto-page-product .kyoto-offer__foot{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.kyoto-page-product .kyoto-offer__steps{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)!important;
}
.kyoto-page-product .kyoto-offer__step{min-width:0!important;}
.kyoto-page-product .kyoto-offer__step span{min-width:0!important;overflow:hidden!important;}

@media (max-width:749px){
  /* Main product quantity only. Sticky quantity remains visible. */
  .kyoto-page-product .product-form__quantity[id^="Quantity-Form-"]{
    display:none!important;
  }

  .kyoto-page-product .kyoto-offer{
    margin:12px 0 14px!important;
    padding:14px!important;
    border-radius:16px!important;
  }
  .kyoto-page-product .kyoto-offer__head{gap:8px!important;}
  .kyoto-page-product .kyoto-offer__eyebrow{font-size:8px!important;}
  .kyoto-page-product .kyoto-offer h3{font-size:18px!important;line-height:1.08!important;}
  .kyoto-page-product .kyoto-offer__tag{padding:4px 7px!important;font-size:7px!important;}
  .kyoto-page-product .kyoto-offer__desc{margin:7px 0 9px!important;font-size:9px!important;line-height:1.3!important;}
  .kyoto-page-product .kyoto-offer__steps{
    width:100%!important;
    padding:8px!important;
    gap:3px!important;
    border-radius:12px!important;
  }
  .kyoto-page-product .kyoto-offer__step{gap:4px!important;}
  .kyoto-page-product .kyoto-offer__step b{width:22px!important;height:22px!important;flex:0 0 22px!important;font-size:7px!important;}
  .kyoto-page-product .kyoto-offer__step span{font-size:7.5px!important;line-height:1.15!important;}
  .kyoto-page-product .kyoto-offer__step strong{font-size:8.5px!important;}
  .kyoto-page-product .kyoto-offer__arrow{font-size:10px!important;}
  .kyoto-page-product .kyoto-offer__foot{margin-top:7px!important;gap:5px!important;font-size:7px!important;white-space:nowrap!important;}
}

/* =====================================================================
   V4.12 — PRODUCT PAGE BUY 2 GET 1 FREE OFFER — DESKTOP + MOBILE
   Final responsive containment and alignment. The offer must look the
   same polished component on both breakpoints; only density changes.
   ===================================================================== */
.kyoto-page-product .kyoto-offer{
  width:100%!important;
  max-width:100%!important;
  margin:18px 0 20px!important;
  padding:18px 20px 15px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid var(--ky-green-line,#b9e3c7)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#effaf3,#e7f6ec)!important;
  color:var(--ky-brand,#54362A)!important;
  box-shadow:0 12px 30px rgba(36,122,75,.07)!important;
}
.kyoto-page-product .kyoto-offer__glow{display:none!important;}
.kyoto-page-product .kyoto-offer__head{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  box-sizing:border-box!important;
}
.kyoto-page-product .kyoto-offer__eyebrow{
  color:#8a7130!important;
  font-size:9px!important;
  line-height:1.1!important;
  margin:0 0 5px!important;
}
.kyoto-page-product .kyoto-offer h3{
  margin:0!important;
  color:#54362A!important;
  font-size:22px!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
}
.kyoto-page-product .kyoto-offer__tag{
  flex:0 0 auto!important;
  color:#8a7130!important;
  border-color:rgba(212,175,55,.45)!important;
  background:rgba(255,255,255,.28)!important;
  font-size:8px!important;
}
.kyoto-page-product .kyoto-offer__desc{
  margin:7px 0 13px!important;
  color:#87938c!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.kyoto-page-product .kyoto-offer__steps{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr)!important;
  align-items:center!important;
  gap:5px!important;
  padding:9px 10px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(36,122,75,.12)!important;
}
.kyoto-page-product .kyoto-offer__step{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  overflow:hidden!important;
}
.kyoto-page-product .kyoto-offer__step b{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  display:grid!important;
  place-items:center!important;
  background:#2a2a2a!important;
  color:#d7b85b!important;
  font-size:8px!important;
}
.kyoto-page-product .kyoto-offer__step span{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:#87938c!important;
  font-size:9px!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.kyoto-page-product .kyoto-offer__step strong{color:#54362A!important;font-size:10px!important;}
.kyoto-page-product .kyoto-offer__step--free b{background:#d4af37!important;color:#111!important;border-color:#d4af37!important;}
.kyoto-page-product .kyoto-offer__step--free strong{color:#8a7130!important;}
.kyoto-page-product .kyoto-offer__arrow{
  width:20px!important;
  color:#9db4a5!important;
  font-size:13px!important;
  text-align:center!important;
}
.kyoto-page-product .kyoto-offer__foot{
  width:100%!important;
  margin:9px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:#98a49d!important;
  font-size:8.5px!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:normal!important;
}

@media (max-width:749px){
  .kyoto-page-product .kyoto-offer{
    margin:12px 0 14px!important;
    padding:14px!important;
    border-radius:16px!important;
  }
  .kyoto-page-product .kyoto-offer__head{gap:8px!important;}
  .kyoto-page-product .kyoto-offer__eyebrow{font-size:8px!important;margin-bottom:4px!important;}
  .kyoto-page-product .kyoto-offer h3{font-size:18px!important;line-height:1.08!important;}
  .kyoto-page-product .kyoto-offer__tag{padding:4px 7px!important;font-size:7px!important;}
  .kyoto-page-product .kyoto-offer__desc{margin:7px 0 9px!important;font-size:9px!important;line-height:1.3!important;}
  .kyoto-page-product .kyoto-offer__steps{
    grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr)!important;
    gap:2px!important;
    padding:8px 6px!important;
    border-radius:12px!important;
  }
  .kyoto-page-product .kyoto-offer__step{gap:4px!important;justify-content:center!important;}
  .kyoto-page-product .kyoto-offer__step b{width:22px!important;height:22px!important;flex:0 0 22px!important;font-size:7px!important;}
  .kyoto-page-product .kyoto-offer__step span{font-size:7.5px!important;line-height:1.15!important;}
  .kyoto-page-product .kyoto-offer__step strong{font-size:8.5px!important;}
  .kyoto-page-product .kyoto-offer__arrow{width:14px!important;font-size:10px!important;}
  .kyoto-page-product .kyoto-offer__foot{margin-top:7px!important;gap:5px!important;font-size:7px!important;}
}

/* =====================================================================
   V4.13 — PRODUCT OFFER TEXT CONTRAST FIX
   Keep every offer message readable on the light-green offer surface.
   ===================================================================== */
.kyoto-page-product .kyoto-offer,
.kyoto-page-product .kyoto-offer *{
  text-shadow:none!important;
}
.kyoto-page-product .kyoto-offer__eyebrow{
  color:#7a5f22!important;
}
.kyoto-page-product .kyoto-offer h3{
  color:#54362A!important;
}
.kyoto-page-product .kyoto-offer__tag{
  color:#765d1f!important;
}
.kyoto-page-product .kyoto-offer__desc{
  color:#5f6b65!important;
}
.kyoto-page-product .kyoto-offer__step span{
  color:#5f6b65!important;
  opacity:1!important;
}
.kyoto-page-product .kyoto-offer__step strong{
  color:#54362A!important;
}
.kyoto-page-product .kyoto-offer__step--free span,
.kyoto-page-product .kyoto-offer__step--free strong{
  color:#7a5f22!important;
}
.kyoto-page-product .kyoto-offer__arrow{
  color:#687a70!important;
  opacity:1!important;
}
.kyoto-page-product .kyoto-offer__foot{
  color:#5f6b65!important;
  opacity:1!important;
}
.kyoto-page-product .kyoto-offer__foot *{
  color:inherit!important;
  opacity:1!important;
}

/* =====================================================================
   V4.14 — HOME HERO TEXT CONTRAST FIX
   Keep hero image intact, but make all promotional copy readable on the
   light automotive artwork. Inline slide colors are intentionally
   overridden for the KYOTOYS hero because white text disappears on the
   current image background.
   ===================================================================== */
.image-content-slider-section .list .item .content .title,
.image-content-slider-section .list .item .content .des,
.image-content-slider-section .list .item .content .countdown-title,
.image-content-slider-section .list .item .content .mobile-countdown-offer,
.image-content-slider-section .list .item .content .mobile-countdown-stock,
.image-content-slider-section .list .item .content .countdown-label{
  color:#54362A!important;
  text-shadow:none!important;
}

.image-content-slider-section .list .item .content .title{
  font-weight:800!important;
}
.image-content-slider-section .list .item .content .des{
  font-weight:700!important;
}
.image-content-slider-section .list .item .content .countdown-title,
.image-content-slider-section .list .item .content .mobile-countdown-stock{
  opacity:1!important;
}
.image-content-slider-section .list .item .content .countdown-label{
  opacity:1!important;
  font-weight:700!important;
}

/* The timer numbers remain on the established cocoa/gold accent. */
.image-content-slider-section .list .item .content .countdown-box span:first-child{
  color:#54362A!important;
  text-shadow:none!important;
}

@media(max-width:768px){
  .image-content-slider-section .list .item .content .mobile-countdown-offer{
    color:#54362A!important;
  }
  .image-content-slider-section .list .item .content .mobile-countdown-stock{
    color:#54362A!important;
  }
}

/* =====================================================================
   V4.15 — MOBILE HERO IMAGE + GLASS OFFER PANEL
   Keep the automotive hero image unobstructed, then place the offer/timer
   panel directly beneath it. Desktop keeps the established hero layout.
   ===================================================================== */
@media (max-width:768px){
  .image-content-slider-section .carousel{
    height:560px!important;
    min-height:560px!important;
    overflow:hidden!important;
    background:#f4f4f2!important;
  }
  .image-content-slider-section .list .item .slide-image{
    height:350px!important;
    min-height:350px!important;
    width:100%!important;
    position:absolute!important;
    inset:0 0 auto 0!important;
  }
  .image-content-slider-section .list .item .slide-image picture,
  .image-content-slider-section .list .item .slide-image img{
    width:100%!important;
    height:350px!important;
    object-fit:cover!important;
    object-position:50% 34%!important;
  }
  .image-content-slider-section .list .item .content{
    position:absolute!important;
    left:16px!important;
    right:16px!important;
    top:auto!important;
    bottom:12px!important;
    width:auto!important;
    max-width:none!important;
    padding:14px 12px 12px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    color:#54362A!important;
    background:rgba(255,255,255,.34)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 10px 30px rgba(84,54,42,.10), inset 0 1px 0 rgba(255,255,255,.72)!important;
    backdrop-filter:blur(18px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
    border-radius:18px!important;
    z-index:5!important;
    box-sizing:border-box!important;
  }
  /* On mobile, the offer copy is intentionally housed inside the glass
     countdown panel so the car remains fully visible above it. */
  .image-content-slider-section .list .item .content > .title,
  .image-content-slider-section .list .item .content > .des{
    display:none!important;
  }
  .image-content-slider-section .list .item .content .countdown-wrapper{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-radius:0!important;
    color:#54362A!important;
  }
  .image-content-slider-section .list .item .content .mobile-countdown-copy{
    display:block!important;
    width:100%!important;
    margin:0 0 9px!important;
    text-align:center!important;
  }
  .image-content-slider-section .list .item .content .mobile-countdown-offer{
    display:block!important;
    color:#54362A!important;
    font-size:18px!important;
    font-weight:800!important;
    line-height:1.1!important;
    margin:0 0 3px!important;
  }
  .image-content-slider-section .list .item .content .mobile-countdown-stock{
    display:block!important;
    color:#5f6b65!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.25!important;
    margin:0 0 4px!important;
  }
  .image-content-slider-section .list .item .content .mobile-countdown-copy .countdown-title{
    display:block!important;
    color:#7a5f22!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.7px!important;
    line-height:1.1!important;
    margin:0!important;
  }
  .image-content-slider-section .list .item .content .countdown-boxes{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .image-content-slider-section .list .item .content .countdown-box{
    height:58px!important;
    min-height:58px!important;
    max-width:none!important;
    background:rgba(255,255,255,.48)!important;
    border:1px solid rgba(84,54,42,.13)!important;
    border-radius:10px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
  }
  .image-content-slider-section .list .item .content .buttons{
    width:100%!important;
    margin-top:9px!important;
    justify-content:center!important;
  }
  .image-content-slider-section .list .item .content .buttons .btn{
    min-height:42px!important;
    border-radius:10px!important;
  }
}

/* Glass treatment for the complete countdown offer container on desktop too. */
@media (min-width:769px){
  .image-content-slider-section .list .item .content .countdown-wrapper{
    background:rgba(255,255,255,.28)!important;
    border:1px solid rgba(255,255,255,.62)!important;
    box-shadow:0 10px 28px rgba(84,54,42,.10), inset 0 1px 0 rgba(255,255,255,.68)!important;
    backdrop-filter:blur(16px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
  }
}

/* =====================================================================
   V4.16 — MOBILE HERO BOTTOM FADE + CENTERED GLASS OFFER PANEL
   The image now dissolves into the hero background at its lower edge,
   removing the visible hard image boundary. The offer/timer panel is
   explicitly centered inside the mobile viewport so no content can spill
   outside the left edge.
   ===================================================================== */
@media (max-width:768px){
  .image-content-slider-section .carousel{
    height:600px!important;
    min-height:600px!important;
    overflow:hidden!important;
    background:#f4f4f2!important;
  }

  .image-content-slider-section .list .item .slide-image{
    height:395px!important;
    min-height:395px!important;
    width:100%!important;
    position:absolute!important;
    inset:0 0 auto 0!important;
    overflow:hidden!important;
    z-index:1!important;
  }

  .image-content-slider-section .list .item .slide-image picture,
  .image-content-slider-section .list .item .slide-image img{
    width:100%!important;
    height:395px!important;
    max-width:100%!important;
    object-fit:cover!important;
    object-position:50% 34%!important;
    display:block!important;
  }

  /* Softly dissolve the lower part of the image into the hero background. */
  .image-content-slider-section .list .item .slide-image:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    z-index:2!important;
    pointer-events:none!important;
    background:
      linear-gradient(180deg,
        rgba(244,244,242,0) 57%,
        rgba(244,244,242,.06) 66%,
        rgba(244,244,242,.28) 76%,
        rgba(244,244,242,.62) 87%,
        rgba(244,244,242,.94) 96%,
        #f4f4f2 100%
      )!important;
  }

  /* Hard-center the complete offer panel within the mobile viewport. */
  .image-content-slider-section .list .item .content{
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:12px!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 24px)!important;
    max-width:360px!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    padding:14px 12px 12px!important;
  }

  .image-content-slider-section .list .item .content .countdown-wrapper,
  .image-content-slider-section .list .item .content .countdown-boxes,
  .image-content-slider-section .list .item .content .buttons{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .image-content-slider-section .list .item .content .countdown-boxes{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:hidden!important;
  }

  .image-content-slider-section .list .item .content .countdown-box{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .image-content-slider-section .list .item .content .buttons{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    overflow:hidden!important;
  }

  .image-content-slider-section .list .item .content .buttons .btn{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

/* =====================================================================
   V4.17 — MOBILE HERO COMPACT / OFFER STARTS AT IMAGE BOTTOM
   - Remove the thin header metadata strip above the hero.
   - Remove the small "SCALE MODEL GARAGE" line from the mobile offer panel.
   - Make the mobile hero shorter so products can enter the first screen.
   - Start the glass offer panel exactly where the car/image area ends.
   ===================================================================== */
.header-wrapper:after{
  display:none!important;
  content:none!important;
}

@media(max-width:768px){
  /* Compact mobile hero: image + offer panel fit in the first screen. */
  .image-content-slider-section .carousel{
    height:460px!important;
    min-height:460px!important;
    overflow:hidden!important;
    background:#f4f4f2!important;
  }

  .image-content-slider-section .list .item .slide-image{
    height:300px!important;
    min-height:300px!important;
    inset:0 0 auto 0!important;
  }

  .image-content-slider-section .list .item .slide-image picture,
  .image-content-slider-section .list .item .slide-image img{
    height:300px!important;
    max-height:300px!important;
    object-fit:cover!important;
    object-position:50% 34%!important;
  }

  /* Keep the fade concentrated at the image's lower edge. */
  .image-content-slider-section .list .item .slide-image:after{
    background:
      linear-gradient(180deg,
        rgba(244,244,242,0) 58%,
        rgba(244,244,242,.06) 67%,
        rgba(244,244,242,.25) 77%,
        rgba(244,244,242,.58) 88%,
        rgba(244,244,242,.92) 97%,
        #f4f4f2 100%
      )!important;
  }

  /* Remove the upper label from the offer box. */
  .image-content-slider-section .list .item .content:before{
    display:none!important;
    content:none!important;
  }

  /* Offer glass panel begins exactly at the bottom edge of the image. */
  .image-content-slider-section .list .item .content{
    left:50%!important;
    right:auto!important;
    top:300px!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 30px)!important;
    max-width:360px!important;
    min-width:0!important;
    padding:10px 10px 10px!important;
    border-radius:17px!important;
    box-sizing:border-box!important;
  }

  .image-content-slider-section .list .item .content .mobile-countdown-copy{
    margin:0 0 6px!important;
  }

  .image-content-slider-section .list .item .content .mobile-countdown-offer{
    font-size:16px!important;
    line-height:1.05!important;
    margin:0 0 2px!important;
  }

  .image-content-slider-section .list .item .content .mobile-countdown-stock{
    font-size:9px!important;
    line-height:1.15!important;
    margin:0 0 3px!important;
  }

  .image-content-slider-section .list .item .content .mobile-countdown-copy .countdown-title{
    font-size:8px!important;
    letter-spacing:.6px!important;
    line-height:1.05!important;
  }

  .image-content-slider-section .list .item .content .countdown-boxes{
    gap:5px!important;
  }

  .image-content-slider-section .list .item .content .countdown-box{
    height:52px!important;
    min-height:52px!important;
    border-radius:9px!important;
    padding:6px 0 5px!important;
  }

  .image-content-slider-section .list .item .content .countdown-box span:first-child{
    font-size:25px!important;
    line-height:1!important;
    letter-spacing:1px!important;
  }

  .image-content-slider-section .list .item .content .countdown-label{
    font-size:8px!important;
    margin-top:4px!important;
    letter-spacing:.7px!important;
  }

  .image-content-slider-section .list .item .content .buttons{
    margin-top:6px!important;
  }

  .image-content-slider-section .list .item .content .buttons .btn{
    min-height:38px!important;
    padding:0 18px!important;
    font-size:11px!important;
    border-radius:9px!important;
  }
}

/* =====================================================================
   V4.18 — OVERLAPPING HERO/OFFER COMPOSITION + LARGER ADD TO CART TEXT
   Mobile intent:
   - Offer glass panel overlaps the hero image slightly (~20% of panel area).
   - Panel begins around the lower edge of the car/tyres instead of after
     a separate blank section, visually joining image + offer into one unit.
   - Keep total hero height compact so the product grid enters the first
     viewport sooner.
   ===================================================================== */
.product-grid .kyoto-card-add-to-cart .quick-add__submit{
  font-size:1.18rem!important;
}

@media(max-width:768px){
  .image-content-slider-section .carousel{
    height:425px!important;
    min-height:425px!important;
  }

  .image-content-slider-section .list .item .slide-image,
  .image-content-slider-section .list .item .slide-image picture,
  .image-content-slider-section .list .item .slide-image img{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }

  /* Start the glass panel 30px above the image bottom, so the panel
     visually grows out of the car/tyre area instead of sitting below it. */
  .image-content-slider-section .list .item .content{
    top:270px!important;
    bottom:auto!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 30px)!important;
    max-width:360px!important;
    padding:8px 10px 9px!important;
    border-radius:17px!important;
    box-sizing:border-box!important;
  }

  .image-content-slider-section .list .item .content .mobile-countdown-copy{
    margin:0 0 5px!important;
  }

  .image-content-slider-section .list .item .content .mobile-countdown-offer{
    font-size:16px!important;
    line-height:1.05!important;
    margin:0 0 2px!important;
  }

  .image-content-slider-section .list .item .content .mobile-countdown-stock{
    font-size:9px!important;
    line-height:1.1!important;
    margin:0 0 2px!important;
  }

  .image-content-slider-section .list .item .content .mobile-countdown-copy .countdown-title{
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.55px!important;
  }

  .image-content-slider-section .list .item .content .countdown-boxes{
    gap:5px!important;
  }

  .image-content-slider-section .list .item .content .countdown-box{
    height:48px!important;
    min-height:48px!important;
    padding:5px 0 4px!important;
    border-radius:9px!important;
  }

  .image-content-slider-section .list .item .content .countdown-box span:first-child{
    font-size:23px!important;
    line-height:1!important;
  }

  .image-content-slider-section .list .item .content .countdown-label{
    font-size:7px!important;
    margin-top:3px!important;
    letter-spacing:.55px!important;
  }

  .image-content-slider-section .list .item .content .buttons{
    margin-top:5px!important;
  }

  .image-content-slider-section .list .item .content .buttons .btn{
    min-height:36px!important;
    height:36px!important;
    padding:0 17px!important;
    font-size:10px!important;
    border-radius:9px!important;
  }

  /* Larger, clearer collection CTA text on mobile. */
  .product-grid .kyoto-card-add-to-cart .quick-add__submit{
    font-size:1.05rem!important;
    letter-spacing:.10em!important;
  }
}

/* V4.19 mobile composition: lift the glass offer panel 50px above the
   hero image bottom and keep a clean 20px breathing gap before the
   rotating offer marquee below the hero. */
@media (max-width:768px){
  .image-content-slider-section .list .item .content{
    top:250px!important;
  }

  .custom-marquee-text{
    margin-top:20px!important;
  }
}

/* V4.20: Keep mobile countdown timer tiles perfectly square. */
@media (max-width:768px){
  .image-content-slider-section .list .item .content .countdown-boxes{
    display:grid!important;
    grid-template-columns:repeat(3,52px)!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
  }

  .image-content-slider-section .list .item .content .countdown-box{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:380px){
  .image-content-slider-section .list .item .content .countdown-boxes{
    grid-template-columns:repeat(3,48px)!important;
  }

  .image-content-slider-section .list .item .content .countdown-box{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }
}


/* V4.35 — Keep the UGC video preview and WhatsApp support control ABOVE
   the fixed mobile purchase bar, with a small visible breathing gap. */
@media (max-width: 768px) {
  .ugc-video-sticky {
    bottom: calc(160px + env(safe-area-inset-bottom, 0px)) !important;
    right: 12px !important;
    z-index: 100020 !important;
  }
  /* Common WhatsApp chat/support widget selectors, when rendered in theme DOM. */
  a[href*="wa.me"],
  a[href*="api.whatsapp.com"],
  a[href*="whatsapp.com/send"],
  iframe[title*="WhatsApp" i],
  iframe[title*="whatsapp" i],
  [class*="whatsapp" i],
  [id*="whatsapp" i],
  [class*="whats-app" i],
  [id*="whats-app" i] {
    --kyoto-whatsapp-sticky-offset: calc(126px + env(safe-area-inset-bottom, 0px));
  }
}


/* V4.37 — Product-page sticky checkout must remain visible from top to bottom. */
@media (max-width: 767px) {
  body.kyoto-page-product .product__sticky {
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
  }
  body.kyoto-page-product [data-kyoto-whatsapp-hidden="true"] {
    display: none !important;
  }
}


/* V4.39 — ONLY requested changes: remove collection filter/sort controls and
   give both Buy 2 Get 1 Free offers a premium gold treatment. */
/* Collection pages: hide all filter and sort UI, including mobile drawers/buttons. */
body.template-collection .facets-container,
body.template-collection .facets,
body.template-collection facet-filters-form,
body.template-collection .mobile-facets__open,
body.template-collection .mobile-facets__wrapper,
body.template-collection .facets-vertical-sort,
body.template-collection .facet-filters,
body.template-collection .product-count,
body.template-collection .product-count-vertical,
body.template-collection .active-facets,
body.template-collection .collection-filters,
body.template-collection .collection-filter,
body.template-collection [id*="Filter"],
body.template-collection [class*="filter-sort" i] {
  display:none!important;
}

/* Collection intro offer — elegant warm gold, cocoa typography, subtle sheen. */
.kyoto-collection-intro__offer {
  background:linear-gradient(135deg,#fffdf6 0%,#f7edc9 42%,#e9d8a0 100%)!important;
  color:#54362A!important;
  border:1px solid rgba(160,119,22,.28)!important;
  box-shadow:0 8px 22px rgba(126,91,19,.09),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.kyoto-collection-intro__offer-label,
.kyoto-collection-intro__offer strong,
.kyoto-collection-intro__offer small {
  color:#54362A!important;
}
.kyoto-collection-intro__offer-label {opacity:.78!important;}
.kyoto-collection-intro__offer small {opacity:.82!important;}

/* Product-page Buy 2 Get 1 Free offer — premium gold treatment. */
.kyoto-page-product .kyoto-offer {
  background:linear-gradient(135deg,#fffdf7 0%,#f8efcf 52%,#eedfae 100%)!important;
  color:#54362A!important;
  border:1px solid rgba(160,119,22,.28)!important;
  box-shadow:0 8px 22px rgba(126,91,19,.08),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.kyoto-page-product .kyoto-offer__head,
.kyoto-page-product .kyoto-offer__eyebrow,
.kyoto-page-product .kyoto-offer h3,
.kyoto-page-product .kyoto-offer__desc,
.kyoto-page-product .kyoto-offer__foot {
  color:#54362A!important;
}
.kyoto-page-product .kyoto-offer__tag {
  color:#54362A!important;
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(160,119,22,.25)!important;
}
.kyoto-page-product .kyoto-offer__steps {
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(160,119,22,.14)!important;
}
.kyoto-page-product .kyoto-offer__step,
.kyoto-page-product .kyoto-offer__step span,
.kyoto-page-product .kyoto-offer__arrow {
  color:#54362A!important;
}
.kyoto-page-product .kyoto-offer__step b,
.kyoto-page-product .kyoto-offer__step strong {
  color:#fff!important;
  background:#54362A!important;
  border-color:rgba(84,54,42,.22)!important;
}


/* V4.41 — Fix collector-offer step labels overlapping the line above.
   Only adjust the step label layout; preserve V4.40 colors and all other behavior. */
.kyoto-page-product .kyoto-offer__step {
  align-items:center!important;
  min-height:34px!important;
  overflow:visible!important;
}
.kyoto-page-product .kyoto-offer__step span {
  display:block!important;
  min-width:0!important;
  line-height:1.35!important;
  overflow:visible!important;
  white-space:normal!important;
  position:relative!important;
}
.kyoto-page-product .kyoto-offer__step strong {
  display:inline-block!important;
  position:relative!important;
  margin-top:2px!important;
  padding:1px 4px!important;
  border-radius:3px!important;
  line-height:1.25!important;
  vertical-align:baseline!important;
  white-space:nowrap!important;
  box-decoration-break:clone!important;
  -webkit-box-decoration-break:clone!important;
}
@media(max-width:420px) {
  .kyoto-page-product .kyoto-offer__step { min-height:32px!important; }
  .kyoto-page-product .kyoto-offer__step span { line-height:1.3!important; }
  .kyoto-page-product .kyoto-offer__step strong { margin-top:2px!important; padding:1px 3px!important; }
}

/* V4.43 — Restore only the desktop hero section to the V4.31 final look. */
/* V4.29 — Desktop: one complete glass panel around offer, timer and CTA; reduce hero height. */
@media screen and (min-width: 769px){
  .image-content-slider-section .carousel{
    height: min(72vh, 680px)!important;
    min-height: 500px!important;
    max-height: 680px!important;
    overflow:hidden!important;
  }
  .image-content-slider-section .list .item .content{
    left:7%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:min(560px,44vw)!important;
    max-width:560px!important;
    padding:28px 32px 26px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    text-align:center!important;
    background:rgba(255,252,246,.30)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:24px!important;
    box-shadow:0 16px 42px rgba(42,28,20,.16),inset 0 1px 0 rgba(255,255,255,.78)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  }
  .image-content-slider-section .list .item .content > .title,
  .image-content-slider-section .list .item .content > .des,
  .image-content-slider-section .list .item .content .countdown-wrapper,
  .image-content-slider-section .list .item .content .buttons{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  .image-content-slider-section .list .item .content .countdown-wrapper{
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .image-content-slider-section .list .item .content .mobile-countdown-copy{
    display:none!important;
  }
  .image-content-slider-section .list .item .content .desktop-countdown-title{
    display:block!important;
  }
  .image-content-slider-section .list .item .content .countdown-boxes,
  .image-content-slider-section .list .item .content .buttons{
    justify-content:center!important;
  }
  .image-content-slider-section .list .item .content .buttons{
    margin-top:2px!important;
  }
  .image-content-slider-section .list .item .content .title{
    margin-top:0!important;
    margin-bottom:0!important;
  }
}

/* V4.31 — Desktop hero glass: clearer edge, lighter fill, more visible car behind. */
@media screen and (min-width: 769px){
  .image-content-slider-section .list .item .content{
    background:rgba(255,252,246,.16)!important;
    border:1.5px solid rgba(255,255,255,.94)!important;
    box-shadow:0 12px 32px rgba(42,28,20,.10),inset 0 1px 0 rgba(255,255,255,.96),inset 0 0 0 1px rgba(255,255,255,.22)!important;
    backdrop-filter:blur(12px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(135%)!important;
  }
}


/* V4.45 — DESKTOP ONLY: keep BUY 2 GET 1 FREE on one line.
   Mobile styles intentionally remain exactly as in V4.43. */
@media screen and (min-width: 769px) {
  .kyoto-page-product .kyoto-offer__head h3,
  .kyoto-page-product .kyoto-offer h3 {
    white-space: nowrap !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.025em !important;
    min-width: 0 !important;
  }
  .kyoto-collection-intro__offer strong {
    white-space: nowrap !important;
    display: block !important;
    line-height: 1.1 !important;
  }
}


/* V4.46 — Desktop hero headline: keep BUY 2 GET 1 FREE on one line.
   Mobile is intentionally unchanged. */
@media screen and (min-width: 769px) {
  .image-content-slider-section .list .item .content > .title {
    white-space: nowrap !important;
    font-size: clamp(32px, 4.2vw, 58px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
    max-width: 100% !important;
    width: max-content !important;
    margin-left: auto !important;
    margin-right: auto !important;   
  }
}
  }
}