/* TIC2026 pdp — RUTA 2.0 v2.2 — 2026-07-13 (OP-E)
   Re-skin RUTA de la FICHA DE PRODUCTO sobre el markup real tdc-*/PrestaShop.
   Carga DESPUES de tudetic-overrides-v3.css + tic2026-tokens.css (ver header.tpl),
   por lo que estas reglas ganan por orden de cascada. Usa los tokens de
   tic2026-tokens.css (--accent, --card, --line, --r-card, --shadow-1/2, --e-*).
   Mapeo mockup-4-ruta2.html (L787-917) -> clases reales:
     .pdp -> .tdc-product-container      .gallery -> .product__images
     .g-main -> .product__carousel       .g-thumb -> .product__thumbnail
     .buy -> .tdc-product-right          .price-now -> .product__price
     .size-chips -> .product-variant__radios   .qty -> .quantity-button__group
     .reassure -> .tdc-reassurance-inline .reassurance
     .tabs -> .tdc-tabs                  .pdp-sticky -> .tdc-pdp-sticky
   Nada de "Total estimado" (v2.2 lo elimino). Solo transform/opacity/filter en anim.
   ====================================================================== */

/* ---------- 1. Layout ---------- */
.tdc-product-container{
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:clamp(20px,3.5vw,44px);
  padding-block:16px 8px;
}

/* ---------- 2. Galeria ---------- */
.tdc-product-left .product__images.js-images-container{
  border:0;
  background:transparent;
  padding:0;
  gap:12px;
}
.tdc-product-left .product__carousel.js-product-carousel{
  background:var(--card,#fff);
  border-radius:var(--r-card,16px);
  box-shadow:var(--shadow-1);
  overflow:hidden;
}
.tdc-product-left .product__carousel .carousel-item img{
  padding:4%;
  transition:transform var(--d-base,320ms) var(--e-out,ease);
}
/* zoom al pasar el raton (solo puntero fino); el visor modal del padre sigue intacto */
@media (hover:hover) and (pointer:fine){
  .tdc-product-left .product__carousel:hover .carousel-item.active img{transform:scale(1.7);}
}
/* pista de zoom (markup anadido en product-cover-thumbnails.tpl) */
.tdc-zoom-hint{
  position:absolute;bottom:11px;right:11px;z-index:2;
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(13,19,34,.75);color:#fff;font-size:11.5px;
  padding:6px 10px;border-radius:8px;pointer-events:none;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.tdc-zoom-hint .material-icons{font-size:15px;}
@media (hover:none){.tdc-zoom-hint{display:none;}}

/* thumbs como carril RUTA */
.tdc-product-left .product__thumbnails .product__thumbnails-list{gap:10px;}
.tdc-product-left .product__thumbnail{
  width:82px;height:82px;border-radius:12px;border:2px solid var(--line,#E3E7EE);
  background:var(--card,#fff);padding:4px;
  transition:border-color var(--d-fast,180ms) ease,transform var(--d-base,320ms) var(--e-settle);
}
.tdc-product-left .product__thumbnail:active{transform:scale(.94);}
.tdc-product-left .product__thumbnail.active,
.tdc-product-left .product__thumbnail:hover{border-color:var(--accent,#3C5CA7);}

/* badge/flags de descuento sobre la imagen (rojo venta, como el mockup .badge--pct) */
.tdc-product-left .product__images.js-images-container .product-flags{top:13px;left:13px;}
.tdc-product-left .product-flag.discount,
.tdc-product-left .product-flag.discount-percentage,
.tdc-product-left .product-flag.discount-amount,
.tdc-product-left .product-flags .badge.discount,
.tdc-product-left .product-flags li.discount{
  background:var(--sale,#D93025);color:#fff;border:0;
  font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  padding:4px 8px;border-radius:7px;
}

/* ---------- 3. Bloque de compra ---------- */
.tdc-product-right{display:grid;gap:14px;align-content:start;}
/* la marca como chip */
.tdc-brand{margin:0;gap:10px;text-transform:none;letter-spacing:0;}
.tdc-brand__logo-link{
  display:inline-flex;align-items:center;
  background:var(--card,#fff);border:1.5px solid var(--line,#E3E7EE);border-radius:9px;
  padding:4px 10px;line-height:0;
}
.tdc-brand__logo{max-height:22px;padding:0;}
.tdc-brand__name{color:var(--ink-soft,#5A6478);}
.tdc-product-name{
  font-size:clamp(19px,2.6vw,27px);line-height:1.25;font-weight:800;
  color:var(--ink,#131A2A);margin:0;letter-spacing:-.01em;
}

/* precio grande RUTA */
.product__prices .product__price,
.tdc-product-right .product__price{
  font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--ink,#131A2A);
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.05;
}
.product__discount-price .product__regular-price{
  color:var(--ink-soft,#5A6478);font-size:17px;font-weight:400;
  font-variant-numeric:tabular-nums;
}
.tdc-discount-badge{
  background:var(--sale,#D93025);color:#fff;font-weight:800;font-size:11px;
  letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:7px;
  margin-left:4px;
}
.product__tax-infos,.product__tax-label{font-size:12px;color:var(--ink-soft,#5A6478);}

/* disponibilidad como badge verde/ambar/rojo */
.tdc-availability .product__availability-status{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  padding:5px 9px;border-radius:8px;line-height:1;width:auto;
}
.tdc-availability .product__availability-status.text-success{background:#E7F5EC;color:var(--ok,#1E8E4E);}
.tdc-availability .product__availability-status.text-warning{background:color-mix(in srgb,#F5A623 16%,#fff);color:#8a5a00;}
.tdc-availability .product__availability-status.text-danger{background:#FDEBE9;color:var(--sale,#D93025);}
.tdc-availability .product__availability-icon{font-size:16px;}

/* ---------- 4. Predictor de entrega (tudeticdeliverypredict, hook) ---------- */
.tdc-stock-eta{margin:2px 0 0;}
.tdc-stock-eta .tdp-block--product{
  gap:8px;align-items:center;font-size:13.5px;line-height:1.4;color:var(--ink,#131A2A);
  background:color-mix(in srgb,var(--accent,#3C5CA7) 7%,#fff);
  border:1px solid color-mix(in srgb,var(--accent,#3C5CA7) 18%,transparent);
  border-radius:12px;padding:11px 14px;
}
/* icono camion via ::before (el markup del modulo no trae icono) */
.tdc-stock-eta .tdp-block--product::before{
  content:"";flex:0 0 auto;width:20px;height:20px;margin-right:2px;
  background-color:var(--accent,#3C5CA7);
  -webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 3h13v11H1zM14 8h4l3 3v3h-7z'/%3E%3Ccircle cx='6' cy='18' r='1.6'/%3E%3Ccircle cx='17.5' cy='18' r='1.6'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 3h13v11H1zM14 8h4l3 3v3h-7z'/%3E%3Ccircle cx='6' cy='18' r='1.6'/%3E%3Ccircle cx='17.5' cy='18' r='1.6'/%3E%3C/svg%3E");
}
.tdc-stock-eta .tdp-countdown,
.tdc-stock-eta .tdp-eta{
  color:var(--accent-dark,#1C45A5);font-weight:800;font-variant-numeric:tabular-nums;
}

/* ---------- 5. Variantes: talla (radios) como chips + color pills ---------- */
/* legend */
.tdc-product-right .product-variant__label{
  display:flex;justify-content:space-between;align-items:center;
  font-size:13.5px;font-weight:700;margin-bottom:8px;
}
.tdc-product-right .product-variant__legend{margin:0;font-weight:700;font-size:13.5px;}
.tdc-product-right .product-variant__selected{color:var(--ink-soft,#5A6478);font-weight:600;}
.tdc-product-right .product-variant{margin:0;border:0;padding:0;}
.tdc-product-right .product-variant+.product-variant{margin-top:6px;}

/* talla (radio) -> size-chips */
.tdc-product-right .product-variant__radios{display:flex;flex-wrap:wrap;gap:8px;}
.tdc-product-right .product-variant__radio.form-check{
  display:inline-flex;margin:0;padding:0;min-height:0;position:relative;
}
.tdc-product-right .product-variant__radio .form-check-input,
.tdc-product-right .product-variant__radio input[type="radio"]{
  position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2;
}
.tdc-product-right .product-variant__radio label{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:47px;padding:9px 11px;border-radius:10px;border:1.5px solid var(--line,#E3E7EE);
  background:var(--card,#fff);font-weight:700;font-size:13.5px;color:var(--ink,#131A2A);
  cursor:pointer;margin:0;
  transition:border-color var(--d-fast,180ms) ease,background-color var(--d-fast,180ms) ease,transform var(--d-base,320ms) var(--e-settle);
}
.tdc-product-right .product-variant__radio label:active{transform:scale(.93);}
.tdc-product-right .product-variant__radio input:checked+label{
  border-color:var(--accent,#3C5CA7);
  background:color-mix(in srgb,var(--accent,#3C5CA7) 12%,#fff);
  color:var(--accent-dark,#1C45A5);transform:scale(1.05);
}
@media (hover:hover){
  .tdc-product-right .product-variant__radio label:hover{border-color:var(--accent,#3C5CA7);}
}
/* sin stock (tudetic-variant.js anade .tdc-oos) */
.tdc-product-right .product-variant__radio input.tdc-oos+label{
  opacity:.4;text-decoration:line-through;cursor:not-allowed;
}

/* color pills: pulido RUTA (mantiene thumb + nombre) */
.tdc-colors{gap:8px;margin-top:2px;}
.tdc-color-pill__label{
  padding:5px 13px 5px 5px;border-width:1.5px;border-color:var(--line,#E3E7EE);
  border-radius:999px;min-height:0;
  transition:border-color var(--d-fast,180ms) ease,transform var(--d-base,320ms) var(--e-settle);
}
.tdc-color-pill__label:active{transform:scale(.96);}
.tdc-color-pill input.tdc-color-input:checked+.tdc-color-pill__label,
.tdc-color-pill__label--active{
  border-color:var(--accent,#3C5CA7);
  background:color-mix(in srgb,var(--accent,#3C5CA7) 10%,#fff);
}
.tdc-color-pill__thumb{width:36px;height:36px;flex-basis:36px;}
.tdc-color-pill__name{font-size:13.5px;color:var(--ink,#131A2A);}

/* dropdown select variant (por si algun grupo es 'select') */
.tdc-product-right .product__variants .form-select{
  border:1.5px solid var(--line,#E3E7EE);border-radius:12px;padding:10px 14px;
  font-weight:600;background-color:var(--card,#fff);
}

/* ---------- 6. Cantidad + CTA ---------- */
.tdc-qty-add{gap:10px;margin:4px 0 0;}
/* stepper como .qty del mockup */
.tdc-qty-add .quantity-button__group{
  border:1.5px solid var(--line,#E3E7EE);border-radius:12px;background:var(--card,#fff);
  overflow:hidden;
}
.tdc-qty-add .quantity-button__group .btn{
  border:0;border-radius:0;background:transparent;color:var(--ink-soft,#5A6478);
  padding:11px 12px;box-shadow:none;
  transition:background-color var(--d-fast,180ms) ease,color var(--d-fast,180ms) ease;
}
@media (hover:hover){
  .tdc-qty-add .quantity-button__group .btn:hover{
    background:color-mix(in srgb,var(--accent,#3C5CA7) 10%,#fff);color:var(--accent-dark,#1C45A5);
  }
}
.tdc-qty-add .quantity-button__group .form-control{
  border:0;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;
  min-width:40px;width:46px;background:transparent;box-shadow:none;
}

/* boton anadir: primario gradiente RUTA */
.tdc-btn-cart{
  height:52px;border-radius:14px !important;font-weight:700;font-size:15px;
  background:linear-gradient(135deg,var(--accent,#3C5CA7),var(--accent-dark,#1C45A5)) !important;
  border-color:transparent !important;color:var(--on-accent,#fff) !important;
  box-shadow:0 2px 8px color-mix(in srgb,var(--accent,#3C5CA7) 40%,transparent);
  transition:transform var(--d-fast,180ms) var(--e-settle),box-shadow var(--d-fast,180ms) var(--e-out);
}
@media (hover:hover){
  .tdc-btn-cart:hover,.tdc-btn-cart:focus{
    transform:translateY(-2px);
    box-shadow:0 8px 22px color-mix(in srgb,var(--accent,#3C5CA7) 45%,transparent);
    background:linear-gradient(135deg,var(--accent,#3C5CA7),var(--accent-dark,#1C45A5)) !important;
  }
}
.tdc-btn-cart:active{transform:scale(.98);}
/* comprar ahora: oscuro */
.tdc-btn-buynow{
  height:52px;border-radius:14px;font-weight:700;font-size:14.5px;
  background:var(--ink,#131A2A);border:1.5px solid var(--ink,#131A2A);color:#fff;
  transition:transform var(--d-fast,180ms) var(--e-settle),box-shadow var(--d-fast,180ms) var(--e-out);
}
@media (hover:hover){
  .tdc-btn-buynow:hover{
    background:var(--ink,#131A2A);color:#fff;border-color:var(--ink,#131A2A);
    transform:translateY(-2px);box-shadow:var(--shadow-2);
  }
}
/* favorito */
.tdc-btn-fav{
  width:52px;height:52px;border-radius:12px;border:1.5px solid var(--line,#E3E7EE);
  color:var(--ink-soft,#5A6478);
  transition:color var(--d-fast,180ms) ease,border-color var(--d-fast,180ms) ease;
}
.tdc-btn-fav:hover,.tdc-btn-fav.is-on{color:var(--sale,#D93025);border-color:var(--sale,#D93025);}

/* ---------- 7. Reassurance (3 tarjetas centradas) ---------- */
.tdc-reassurance-inline{border-top:1px solid var(--line,#E3E7EE);padding-top:14px;margin-top:6px;}
.tdc-reassurance-inline .blockreassurance,
.tdc-reassurance-inline .blockreassurance--product,
.tdc-reassurance-inline ul{
  display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0;padding:0;list-style:none;
}
.tdc-reassurance-inline .reassurance,
.tdc-reassurance-inline li{
  display:grid;justify-items:center;gap:5px;text-align:center;
  background:var(--card,#fff);border:0;border-radius:12px;padding:11px 8px;
  box-shadow:var(--shadow-1);font-size:11.5px;font-weight:600;color:var(--ink-soft,#5A6478);
}
.tdc-reassurance-inline .reassurance__image{margin:0;}
.tdc-reassurance-inline img,
.tdc-reassurance-inline svg,
.tdc-reassurance-inline .reassurance__image>*{
  width:22px;height:22px;flex:0 0 22px;color:var(--accent,#3C5CA7);
}
.tdc-reassurance-inline .reassurance__title,
.tdc-reassurance-inline strong{
  display:block;font-size:12px;font-weight:700;color:var(--ink,#131A2A);
}
.tdc-reassurance-inline .reassurance__desc,
.tdc-reassurance-inline small,
.tdc-reassurance-inline p{font-size:11px;color:var(--ink-soft,#5A6478);line-height:1.3;margin:0;}

/* ---------- 8. Tabs ---------- */
.tdc-product-bottom{padding-block:clamp(26px,4vw,44px) 0;}
.tdc-tabs{
  background:var(--card,#fff);border:0;border-radius:var(--r-card,16px);
  box-shadow:var(--shadow-1);padding:0;overflow:hidden;
}
.tdc-tabs__nav{
  border-bottom:1.5px solid var(--line,#E3E7EE);margin:0;padding:0 6px;
  flex-wrap:nowrap;overflow-x:auto;
}
.tdc-tabs__nav .nav-link{
  position:relative;border:0;border-radius:0;background:transparent;
  color:var(--ink-soft,#5A6478);font-weight:700;font-size:14px;
  padding:15px 21px;margin:0;white-space:nowrap;
  transition:color var(--d-fast,180ms) ease;
}
.tdc-tabs__nav .nav-link::after{
  content:"";position:absolute;left:14px;right:14px;bottom:-1.5px;height:3px;border-radius:2px;
  background:var(--accent,#3C5CA7);transform:scaleX(0);transform-origin:left;
  transition:transform var(--d-base,320ms) var(--e-settle);
}
.tdc-tabs__nav .nav-link.active{color:var(--ink,#131A2A);}
.tdc-tabs__nav .nav-link.active::after{transform:scaleX(1);}
.tdc-tabs__nav .nav-link:hover{color:var(--ink,#131A2A);}
.tdc-tabs__content{padding:20px 22px;color:var(--ink,#131A2A);line-height:1.6;font-size:14.5px;}
.tdc-tabs__content .tab-pane.active{animation:tdcTabIn var(--d-base,320ms) var(--e-out,ease);}
@keyframes tdcTabIn{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}

/* detalles -> spec-table RUTA  (rediseño 2026-07-14 FICHA-TAB)
   La lista es UNA columna a ancho completo; cada fila es su propio grid
   etiqueta|valor. Neutraliza el bundle base (theme-*.css) que ponía la lista a
   `grid-template-columns:200px 1fr` + `.tdc-details__row{display:contents}` +
   cajas grises en <dt> (background:#fafafa/#f3f3f3 + padding + border-bottom). */
.tdc-details{margin:0;}
.tdc-details__list{
  display:block;grid-template-columns:none;gap:0;margin:0;border-top:0;
}
.tdc-details__row{
  display:grid;grid-template-columns:minmax(110px,190px) 1fr;gap:6px 18px;
  align-items:baseline;padding:11px 2px;margin:0;
  border-top:1px solid var(--line,#E3E7EE);
}
.tdc-details__list > .tdc-details__row:first-child{border-top:0;}
.tdc-details__row > dt,
.tdc-details__row dt{
  margin:0;padding:0;border:0;background:transparent;
  color:var(--ink-soft,#5A6478);font-weight:700;
  font-size:11.5px;letter-spacing:.05em;line-height:1.5;text-transform:uppercase;
}
.tdc-details__row > dd,
.tdc-details__row dd{
  margin:0;padding:0;border:0;background:transparent;
  color:var(--ink,#131A2A);font-size:14px;font-weight:500;line-height:1.5;word-break:break-word;
}
.tdc-details__row dd a{color:var(--accent,#3C5CA7);font-weight:600;text-decoration:none;}
.tdc-details__row dd a:hover{text-decoration:underline;}
.tdc-details__weight{white-space:nowrap;}
.tdc-details__heading{
  margin:22px 0 2px;font-size:12px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;color:var(--ink,#131A2A);
}
@media (max-width:575.98px){
  .tdc-details__row{grid-template-columns:1fr;gap:2px;padding:10px 2px;}
  .tdc-details__row > dt,.tdc-details__row dt{font-size:11px;background:transparent;}
}

/* contador (badge) en pestañas Comentarios / Aplicaciones — pill SIEMPRE estilada.
   Antes solo existía inline dentro del bloque Aplicaciones, así que en fichas sin
   aplicaciones (p.ej. Scubatic) el "0" salía pegado y sin diseño (Comentarios0). */
.tdc-apps-navcount{
  display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;
  background:var(--line,#ECECEC);color:var(--ink-soft,#5A6478);
  font-size:11.5px;font-weight:700;line-height:1.6;vertical-align:1px;
}
.tdc-tabs__nav .nav-link.active .tdc-apps-navcount{
  background:color-mix(in srgb,var(--accent,#3C5CA7) 14%,#fff);color:var(--accent-dark,#1C45A5);
}

/* ---------- 9. Cross-sell / accesorios ---------- */
.tdc-cross,
.tdc-footer-product .ps_crossselling{
  margin:clamp(26px,4vw,44px) 0 0;padding:0;background:transparent;border:0;
}
.tdc-cross__title,
.tdc-footer-product .ps_crossselling h2,
.tdc-cross .products-section-title,
.tdc-footer-product .products-section-title{
  font-size:clamp(18px,2.4vw,24px);font-weight:900;font-style:italic;
  text-transform:uppercase;letter-spacing:-.02em;color:var(--ink,#131A2A);margin:0 0 16px;
}
.tdc-cross__title::before,
.tdc-footer-product .ps_crossselling h2::before{content:"/ ";color:var(--accent,#3C5CA7);font-style:normal;}

/* ---------- 10. product-extra (whatis / specs / faq) — defensivo ---------- */
.tdc-pdp-extra{display:grid;gap:clamp(20px,3vw,32px);margin-top:clamp(24px,4vw,40px);}
.tdc-pdp-extra .tdc-whatis,
.tdc-pdp-extra .tdc-specs,
.tdc-pdp-extra .tdc-faq{
  background:var(--card,#fff);border-radius:var(--r-card,16px);box-shadow:var(--shadow-1);padding:20px 22px;
}
.tdc-pdp-extra h2{font-size:18px;font-weight:800;color:var(--ink,#131A2A);margin:0 0 12px;}
.tdc-specs__table th{color:var(--ink-soft,#5A6478);font-weight:700;text-align:left;}
.tdc-faq__q{font-weight:700;color:var(--ink,#131A2A);margin-top:12px;}
.tdc-faq__a{color:var(--ink-soft,#5A6478);margin:4px 0 0;}

/* ---------- 11. Barra sticky de compra (>=768px; <768px la resuelve la barra movil v3) ---------- */
.tdc-pdp-sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-top:1.5px solid var(--line,#E3E7EE);box-shadow:0 -8px 30px rgba(19,26,42,.12);
  transform:translateY(105%);transition:transform var(--d-travel,620ms) var(--e-settle);
  display:none;
}
.tdc-pdp-sticky.show{transform:none;}
.tdc-pdp-sticky__inner{
  display:flex;align-items:center;gap:14px;
  max-width:1320px;margin:0 auto;padding:9px clamp(14px,3vw,24px);
}
.tdc-pdp-sticky__img{
  width:46px;height:46px;object-fit:contain;background:#fff;border-radius:9px;
  border:1px solid var(--line,#E3E7EE);flex:none;padding:3px;
}
.tdc-pdp-sticky__info{flex:1;min-width:0;display:grid;gap:1px;}
.tdc-pdp-sticky__name{
  font-size:13.5px;font-weight:700;color:var(--ink,#131A2A);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.tdc-pdp-sticky__meta{font-size:12px;color:var(--ink-soft,#5A6478);}
.tdc-pdp-sticky__meta:empty{display:none;}
.tdc-pdp-sticky__price{
  margin-left:auto;font-size:18px;font-weight:800;color:var(--ink,#131A2A);
  font-variant-numeric:tabular-nums;flex:none;white-space:nowrap;
}
.tdc-pdp-sticky__add{
  flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-weight:700;font-size:14.5px;line-height:1.15;border:0;border-radius:12px;
  padding:12px 20px;color:var(--on-accent,#fff);
  background:linear-gradient(135deg,var(--accent,#3C5CA7),var(--accent-dark,#1C45A5));
  box-shadow:0 2px 8px color-mix(in srgb,var(--accent,#3C5CA7) 40%,transparent);cursor:pointer;
  transition:transform var(--d-fast,180ms) var(--e-settle),box-shadow var(--d-fast,180ms) var(--e-out);
}
@media (hover:hover){
  .tdc-pdp-sticky__add:hover{transform:translateY(-2px);box-shadow:0 8px 22px color-mix(in srgb,var(--accent,#3C5CA7) 45%,transparent);}
}
.tdc-pdp-sticky__add:active{transform:scale(.97);}
.tdc-pdp-sticky__add[disabled],.tdc-pdp-sticky__add[aria-disabled="true"]{opacity:.45;cursor:not-allowed;}

@media (min-width:768px){.tdc-pdp-sticky{display:block;}}

/* ---------- 12. Responsive ---------- */
@media (max-width:991.98px){
  .tdc-product-container{grid-template-columns:1fr;gap:18px;}
}
@media (max-width:767.98px){
  .tdc-reassurance-inline .blockreassurance,
  .tdc-reassurance-inline .blockreassurance--product,
  .tdc-reassurance-inline ul{grid-template-columns:1fr;gap:6px;}
  .tdc-reassurance-inline .reassurance,
  .tdc-reassurance-inline li{grid-auto-flow:column;justify-items:start;text-align:left;}
  .tdc-tabs__content{padding:16px 16px;}
}

/* ---------- 13. Reduced motion (REAL) ---------- */
@media (prefers-reduced-motion: reduce) and (min-width: 99999px){
  .tdc-product-left .product__carousel .carousel-item img,
  .tdc-btn-cart,.tdc-btn-buynow,.tdc-pdp-sticky,.tdc-pdp-sticky__add,
  .tdc-product-right .product-variant__radio label,
  .tdc-color-pill__label,.tdc-product-left .product__thumbnail{
    transition:none !important;animation:none !important;
  }
  .tdc-tabs__nav .nav-link::after{transition:none !important;}
  .tdc-tabs__content .tab-pane.active{animation:none !important;}
}