/* CASE2CASE HOME RUNTIME V2.0.0
   Consolidates the active visual rules from home-enhance-v110,
   home-polish-v121 and the HOME-only part of polish-v105.
   Checkout and footer rules live in their canonical assets.
*/

.c2c-v2-product__media{position:relative}
.c2c-v2-product__media img{transition:transform .38s cubic-bezier(.22,.61,.36,1),opacity .28s ease}
.c2c-v2-product__media img.is-swapping{opacity:.62}
.c2c-v2-product.is-material-preview .c2c-v2-product__media img{transform:scale(1.035)}

.c2c-home-materialpeek{
  position:absolute;left:50%;bottom:8px;z-index:3;max-width:88%;
  transform:translate(-50%,6px);opacity:0;pointer-events:none;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;padding:6px 9px;border-radius:999px;
  background:rgba(17,22,27,.84);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:#fff;font-size:10.5px;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.10);
  transition:opacity .18s ease,transform .18s ease
}
.c2c-home-materialpeek.is-show{opacity:1;transform:translate(-50%,0)}
.c2c-v2-rail-dots i[data-c2c-rail-dot]{cursor:pointer;transition:transform .18s ease,background .18s ease}
.c2c-v2-rail-dots i[data-c2c-rail-dot].is-active{transform:scale(1.35)}
.c2c-home-hit-badge{letter-spacing:.01em}

/* Canonical benefits layout from the final HOME polish layer. */
.c2c-v2-benefits{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:30px!important;row-gap:22px!important;align-items:stretch!important
}
.c2c-v2-benefits .c2c-v2-benefit{
  display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;
  align-items:center!important;column-gap:16px!important;min-width:0!important;min-height:76px!important
}
.c2c-v2-benefits .c2c-v2-benefit .c2c-benefit-icon-v104{margin:0!important;justify-self:start!important}
.c2c-v2-benefits .c2c-v2-benefit>span:last-child{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;min-width:0!important
}
.c2c-v2-benefits .c2c-v2-benefit strong,.c2c-v2-benefits .c2c-v2-benefit small{display:block!important;margin:0!important}
.c2c-v2-benefits .c2c-v2-benefit strong{line-height:1.15!important}
.c2c-v2-benefits .c2c-v2-benefit small{margin-top:5px!important;line-height:1.2!important}

/* FAQ class is now present in static HOME markup; no DOM scanning is needed. */
.c2c-home-faq-v105{margin-top:52px!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:46px!important}
#c2c-site-footer{margin-top:0!important}

/* Hits uses this runtime drag; generated no-print/sale rails use home-sections-v120. */
[data-c2c-hits]{cursor:grab!important;touch-action:pan-y!important;-webkit-user-select:none!important;user-select:none!important;overscroll-behavior-x:contain!important}
[data-c2c-hits].is-dragging{cursor:grabbing!important;scroll-behavior:auto!important}

@media (hover:hover) and (pointer:fine){
  .c2c-v2-products[data-c2c-drag-ready="1"]{cursor:grab}
  .c2c-v2-products[data-c2c-drag-ready="1"].is-dragging{cursor:grabbing;user-select:none;scroll-behavior:auto}
}

@media(max-width:767px){
  .c2c-v2-section-head{align-items:flex-end;gap:10px;margin-bottom:14px}
  .c2c-v2-section-head h2{font-size:22px;line-height:1.08}
  .c2c-v2-section-head>a{font-size:14px;line-height:1.2;white-space:nowrap;color:#4b5565}

  .c2c-v2-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:14px!important;row-gap:18px!important}
  .c2c-v2-benefits .c2c-v2-benefit{grid-template-columns:54px minmax(0,1fr)!important;column-gap:10px!important;min-height:68px!important}
  .c2c-v2-benefits .c2c-v2-benefit .c2c-benefit-icon-v104{width:52px!important;height:52px!important;min-width:52px!important}
  .c2c-v2-benefits .c2c-v2-benefit .c2c-benefit-icon-v104 img{width:31px!important;height:31px!important}
  .c2c-v2-benefits .c2c-v2-benefit strong{font-size:15px!important}
  .c2c-v2-benefits .c2c-v2-benefit small{font-size:12px!important;margin-top:4px!important}

  .c2c-home-sale-section{margin-top:18px!important}
  .c2c-home-slider-dots{margin-top:10px!important}
  .c2c-v2-faq{margin-top:8px}
  .c2c-v2-faq details{border-radius:14px!important;margin-bottom:10px!important}
  .c2c-v2-faq summary{padding:15px 42px 15px 16px!important;font-size:14px!important;line-height:1.3}
  .c2c-v2-faq p{padding:0 16px 15px!important;font-size:13px!important;line-height:1.42}

  .c2c-home-faq-v105{margin-top:36px!important;padding-bottom:30px!important}
}

@media (hover:none),(pointer:coarse){.c2c-home-materialpeek{display:none!important}}

@media (prefers-reduced-motion:reduce){
  .c2c-v2-product__media img,.c2c-home-materialpeek,.c2c-v2-rail-dots i[data-c2c-rail-dot]{transition:none!important}
}

/* V2 canonical category gestures + benefits layout.
   These rules preserve the final visual behavior previously supplied by
   c2c-polish-v109.css, without keeping a separate compatibility layer. */
[data-c2c-category-carousel="v2.0"] [data-category-viewport]{
  touch-action:pan-y!important;
  overscroll-behavior-x:contain!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
[data-c2c-category-carousel="v2.0"].is-c2c-category-swipe-v109{cursor:grabbing!important}
[data-c2c-category-carousel="v2.0"] [data-duo-viewport]{
  touch-action:pan-y!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}

.c2c-v2-benefits{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;
  justify-items:stretch!important;
}
.c2c-v2-benefits>.c2c-v2-benefit{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  text-align:center!important;
}
.c2c-v2-benefits>.c2c-v2-benefit>.c2c-benefit-icon-v104{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto!important;
  flex:0 0 auto!important;
}
.c2c-v2-benefits>.c2c-v2-benefit>span:not(.c2c-benefit-icon-v104){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  text-align:center!important;
}
.c2c-v2-benefits>.c2c-v2-benefit strong,
.c2c-v2-benefits>.c2c-v2-benefit small{
  display:block!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.c2c-v2-benefits>.c2c-v2-benefit strong{line-height:1.2!important}
.c2c-v2-benefits>.c2c-v2-benefit small{margin-top:4px!important;line-height:1.3!important}

@media(max-width:767px){
  .c2c-v2-shell{padding-bottom:12px!important}
  .c2c-home-faq-v105{margin-bottom:0!important;padding-bottom:8px!important;min-height:0!important}
  #c2c-site-footer{margin-top:0!important}
  #c2c-site-footer .c2c-footer{margin-top:8px!important}

  .c2c-v2-benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 12px!important;
    padding:26px 4px 28px!important;
  }
  .c2c-v2-benefits>.c2c-v2-benefit{grid-column:auto!important;gap:8px!important}
  .c2c-v2-benefits>.c2c-v2-benefit:last-child{grid-column:auto!important}
  .c2c-v2-benefits>.c2c-v2-benefit strong{font-size:14px!important}
  .c2c-v2-benefits>.c2c-v2-benefit small{font-size:12px!important}
}
@media(min-width:768px){
  .c2c-v2-benefits{gap:24px!important}
}