/********************************************************
			Coderplace Custom Styles
********************************************************/
.tm-carousel {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}
.cp-carousel {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  display: flex!important;
  flex-wrap: wrap;
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-wrapper-outer {
    overflow-x: clip;
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 0px 0;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
  display: flex;
  height: auto;
}
#cptestimonial .owl-wrapper-outer .owl-item {
  display: block;
}
.owl-carousel .owl-item .manu_image a {
  display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
  max-width: 100%;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  /* fix */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  text-align: center;
}

/* mouse grab icon */
.customNavigation {
	position: absolute;
	z-index: 9;
	width: 100%;
	top: 50%;
	direction: ltr !important;
	right: 0;
	left: auto;
  opacity: 0;
  -khtml-opacity: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
}
.products .customNavigation {
	top: 48%;
}
.tmcategorylist .customNavigation, .testimonial-block-part .customNavigation {
	top: 54%;
}
.tmcategorylist:hover .customNavigation {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.customNavigation a.prev::before {
	content: "\E314";
	font-family: "Material Icons";
	position: absolute;
	font-size: 20px;
	right: 5px;
	top: -1px;
	color: #808080;
}
.customNavigation a.next::before {
	content: "\E315";
	font-family: "Material Icons";
	position: absolute;
	font-size: 20px;
	position: absolute;
	right: 3px;
	top: -1px;
	color: #808080;
}
#tmtestimonialcmsblock .customNavigation {
  top: -24px;
  z-index: 5;
  right: 15px;
}
#index #tmtestimonialcmsblock .customNavigation {
  top: -40px;
  right: 0;
}
.special-products .customNavigation {
	top: 52%;
}
.special-products:hover .customNavigation, 
.products:hover .customNavigation,
.testimonial-block-part:hover .customNavigation,
.tmblog-latest:hover .customNavigation, 
#tminstagramblock:hover .customNavigation,
.product-accessories:hover .customNavigation,
.productscategory-products:hover .customNavigation{
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.lastest_block .customNavigation {
	top: 44%;
}
.customNavigation i {
	color: #222 !important;
	cursor: pointer;
	font-size: 0;
	font-weight: 500;
	height: 38px;
	line-height: 32px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 38px;
	background: transparent;
	border-radius: 0;
	font-style: unset;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.11);
}

.customNavigation i.prev {
	background: transparent;
	right: auto;
	background: #fff;
	border-radius: 50%;
	left: -5px;
}
.customNavigation i.next {
	background: transparent;
	right: 0px;
	background: #fff;
	border-radius: 50%;
	right: -5px;
}
.tmcategorylist .customNavigation i.prev, 
.testimonial-block-part .customNavigation i.prev, 
#tminstagramblock .btn.prev.instagram_prev,
.special-products .customNavigation i.prev{
	left: -20px;
}
.tmcategorylist .customNavigation i.next, 
.testimonial-block-part .customNavigation i.next, 
#tminstagramblock .btn.next.instagram_next,
.special-products .customNavigation i.next  {
  right: -20px;
}
.testimonial-block-part .customNavigation i.prev, .testimonial-block-part .customNavigation i.next {
  display: block;
}
.customNavigation i.prev::before {
	content: '';
	-webkit-mask-image: url(../img/megnor/pro-left.svg);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-image: url(../img/megnor/pro-left.svg);
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: #000;
	mask-size: 14px;
	font-size: 14px;
	width: 38px;
	height: 38px;
	display: block;
  -webkit-mask-size: 14px;
}
#tmtestimonialcmsblock .customNavigation i.prev::before {
  right: 1px;
  font-weight: 500;
}
#tmtestimonialcmsblock .customNavigation i.next::before {
  right: 0;
  font-weight: 500;
}
.customNavigation i.next::before {
	content: '';
	-webkit-mask-image: url(../img/megnor/pro-right.svg);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-image: url(../img/megnor/pro-right.svg);
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: #000;
	mask-size: 14px;
	font-size: 14px;
	width: 38px;
	height: 38px;
	display: block;
  -webkit-mask-size: 14px;
}
.customNavigation i.next:hover::before,.customNavigation i.prev:hover::before  {
  color: #fff;
}
#cpleftbanner1 img,
#cpleftbanner2 img {
  max-width: 100%;
}
#cpleftbanner1 li,
#cpleftbanner2 li {
  overflow: hidden;
  position: relative;
  float: left;
  border-radius: 5px;
}
#cpleftbanner1 li a,
#cpleftbanner2 li a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}
.footer-container .links.lastest_block .customNavigation i.prev:hover {
  color: #9bbab1 !important;
}
.footer-container .links.lastest_block .customNavigation i.next:hover {
  color: #9bbab1 !important;
}

@media (max-width: 1449px) {
  .tmcategorylist .customNavigation i.prev, 
  .testimonial-block-part .customNavigation i.prev, 
  #tminstagramblock .btn.prev.instagram_prev,
  .special-products .customNavigation i.prev{
    left: -15px;
  }
  .tmcategorylist .customNavigation i.next, 
  .testimonial-block-part .customNavigation i.next,
   #tminstagramblock .btn.next.instagram_next,
   .special-products .customNavigation i.next {
    right: -15px;
  }
  .customNavigation i.next {
    right: 0;
  }
  .customNavigation i.prev {
    left: 0;
  }
}
@media (max-width: 1199px) {
  #tmtestimonialcmsblock .customNavigation {
    top: -36px;
    z-index: 5;
    right: -18px;
  }
}

@media (max-width: 991px) {
  #cpleftbanner1 li img,
  #cpleftbanner2 li a {
    width: auto;
  }
  #tmtestimonialcmsblock .customNavigation {
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .customNavigation {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
  }
  
  .tmcategorylist .customNavigation i.prev, 
  .testimonial-block-part .customNavigation i.prev, 
  #tminstagramblock .btn.prev.instagram_prev, 
  .special-products .customNavigation i.prev,
  .btn.prev.accessories_prev {
    left: 0;
  }
  .tmcategorylist .customNavigation i.next, 
  .testimonial-block-part .customNavigation i.next,
   #tminstagramblock .btn.next.instagram_next, 
   .special-products .customNavigation i.next,
   .btn.next.accessories_next {
    right: 0;
  }
  #main .images-container .js-qv-mask .customNavigation {
    top: 40%;
  }
  .quickview .mask.additional_slider .customNavigation i.prev {
    left: -10px !important;
  }
  .quickview .mask.additional_slider .customNavigation i.next {
    right: -10px !important;
  }
  .btn.next.brand_next {
    left: auto;
    right: 0;
    position: absolute;
  }
  .btn.prev.brand_prev {
    left: 0;
    right: auto;
  }
  .customNavigation i.next {
    left: auto;
    right: 0;
  }
}
@media (max-width: 480px) {
}

.product-tabcontent .product-tabs-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.product-tabcontent .product-tabs-list {
  display: inline-flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
  padding: 6px;
  border: 1px solid #d7dbe5;
  border-radius: 12px;
  background-color: #f7f8fb;
}

.product-tabcontent .product-tabs-list .nav-item {
  margin: 0;
}

.product-tabcontent .product-tabs-list .nav-link {
  border: none;
  padding: 12px 22px;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  color: #6b7280;
  transition: all 0.2s ease-in-out;
}

.product-tabcontent .product-tabs-list .nav-link:hover {
  color: #182630;
}

.product-tabcontent .product-tabs-list .nav-link.active {
  background-color: #ffffff;
  color: #182630;
  box-shadow: 0 6px 12px rgba(24, 38, 48, 0.12);
}

.product-tabcontent .product-tabs-content {
  width: 100%;
  border: 1px solid #d7dbe5;
  border-radius: 16px;
  background-color: #ffffff;
}

.product-tabcontent .product-tabs-content .product-tab-panel {
  float: none;
  padding: 32px 70px;
  border-top:none;
}

.product-tabcontent .product-tab-empty {
  color: #6b7280;
  margin: 0;
}

.product-tabcontent .product-attachments,
.product-tabcontent .product-extra-block {
  margin-top: 24px;
}

.product-tabcontent .product-attachments .attachment + .attachment {
  margin-top: 16px;
}

@media (max-width: 991px) {
  .product-tabcontent .product-tabs-content .product-tab-panel {
    padding: 24px 28px;
  }
}

@media (max-width: 575px) {
  .product-tabcontent .product-tabs-list {
    padding: 6px 8px;
  }
  .product-tabcontent .product-tabs-list .nav-link {
    padding: 10px 16px;
  }
  .product-tabcontent .product-tabs-content .product-tab-panel {
    padding: 20px 18px;
  }
}

/* ==========================================================================
   Tabs estilo Figma (módulo)  +  Bulk pricing (descuentos por cantidad)
   ========================================================================== */

/* ===========================
   Tokens del módulo (tabs)
   =========================== */
.product-tabcontent{
  --tabs-maxw: 1160px;
  --tab-h: 48px;
  --radius: 6px;
  --stroke: #bebdca;
  --accent: #0d112d;           /* acento del módulo (azul oscuro) */
  --bg: #fff;
  --text: #6d7185;

  /* Tokens añadidos para el bloque de descuentos */
  --accent-success: #00c389;    /* verde de “Descuento aplicado” */
  --muted: #eef2f6;
  --muted-strong: #e9edf3;
}

/* Contenedor centrado (tabs al centro, panel a ancho completo) */
.product-tabcontent .product-tabs-group{
  width: 100%;
  max-width: 100% !important;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  isolation: isolate;
}

/* Reset del theme */
.product-tabcontent .tabs .nav-tabs{
  width: auto !important;
  border-bottom: 0 !important;
  padding: 0;
  margin: 0;
}

/* >>> PARCHE de especificidad para restaurar bordes top/bottom que el theme quita */
#product .product-tabcontent .product-tabs-list .nav-link{
  border-top: 2px solid var(--stroke) !important;
}

/* Lista de tabs (centradas) */
.product-tabcontent .product-tabs-list{
  display: inline-flex;
  align-items: stretch;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0 !important;
  background: transparent;
  position: relative;
  z-index: 3;              /* por encima del panel */
  align-self: center;
}
.product-tabcontent .product-tabs-list .nav-item{ flex: 0 0 auto; min-width: 0; }

.product-tabcontent .product-tabs-list .nav-link{
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--tab-h);
  padding: 0 18px;
  border: 2px solid var(--stroke);
  border-bottom: 2px solid var(--stroke);
  margin: 0;
  color: var(--text);
  background: var(--bg);                 /* tapa el borde del panel */
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  position: relative;
  z-index: 1;                            /* base */
  transition: color .2s, border-color .2s, background .2s;
  /* laterales finos para no duplicar con el separador */
  border-right: 1px solid var(--stroke) !important;
  border-left:  1px solid var(--stroke) !important;
}

/* asegurar borde y esquinas en extremos */
.product-tabcontent .product-tabs-list .nav-item:first-child .nav-link{
  border-left: 2px solid var(--stroke) !important;
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.product-tabcontent .product-tabs-list .nav-item:last-child .nav-link{
  border-right: 2px solid var(--stroke) !important;
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

/* extremos activos: conservar color de acento en el lateral */
.product-tabcontent .product-tabs-list .nav-item:first-child .nav-link.active{
  border: 2px solid var(--accent) !important;
}
.product-tabcontent .product-tabs-list .nav-item:last-child .nav-link.active{
  border-right-color: var(--accent) !important;
}

.product-tabcontent .product-tabs-list .nav-link:hover{ color:#182630; }

/* ACTIVA: borde superior+laterales en acento, fondo del panel tapa el inferior */
.product-tabcontent .product-tabs-list .nav-link.active{
  color: var(--accent);
  border-top-color:    var(--accent) !important;
  border-bottom-color:  var(--accent) !important;
  border-left-color:   var(--accent) !important;
  border-right-color:  var(--accent) !important;
  z-index: 3;                                    /* por encima del separador */
}

/* >>> PARCHE activo: asegura el borde superior en acento aunque el theme lo quite */
#product .product-tabcontent .product-tabs-list .nav-link.active{
  border-top-color: var(--accent) !important;
}

/* Panel de contenido: ancho completo + SOLAPE media pestaña */
.product-tabcontent .product-tabs-content{
  width: 100%;
  align-self: stretch;
  position: relative;
  background: var(--bg);
  border: 2px solid var(--stroke);
  border-radius: 10px;
  margin-top: calc(-0.5 * var(--tab-h)) !important;             /* SOLAPE */
  padding: calc(0.5 * var(--tab-h) + 24px) 32px 32px !important;
  box-sizing: border-box;
  z-index: 1;                       /* debajo de tabs */
  overflow: visible;
}

/* Mostrar sólo el panel activo */
.product-tabcontent .product-tabs-content > .tab-pane{ display:none !important; }
.product-tabcontent .product-tabs-content > .tab-pane.active,
.product-tabcontent .product-tabs-content > .tab-pane.in,
.product-tabcontent .product-tabs-content > .tab-pane.show{
  display:block !important;
}

/* Fade opcional */
.product-tabcontent .product-tabs-content > .tab-pane.fade{ opacity:0; transition:opacity .15s linear; }
.product-tabcontent .product-tabs-content > .tab-pane.fade.active,
.product-tabcontent .product-tabs-content > .tab-pane.fade.in,
.product-tabcontent .product-tabs-content > .tab-pane.fade.show{ opacity:1; }

/* El padding interior lo controla el contenedor */
.product-tabcontent .product-tab-panel{ padding:0; }

#columns_inner .product-tabcontent .nav-item .nav-link{
  padding-left: 24px;
  padding-right: 24px;
}

/* Titular de descuentos */
.product-discounts-title{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  font-size: 16px;
  color: #0D112D;
  margin: .25rem 0 .5rem 0;
}

/* =========================================================
   BLOQUE DESCUENTOS (grid estilo mockup, acoplado al módulo)
   ========================================================= */

/* Scope del bloque y variables heredadas del módulo */
.product-tabcontent .product-discounts{
  --bulk-pill-bg: var(--muted, #eef2f6);
  --bulk-pill-bg-label: var(--muted-strong, #e9edf3);
  --bulk-pill-fg: #4a5568;
  --bulk-accent: var(--accent-success, #00c389);
  --bulk-radius: 12px;
  --bulk-gap: 12px;
  --bulk-pad-y: .65rem;
  --bulk-pad-x: 1rem;
}

/* Oculta la tabla nativa si aún se renderiza en paralelo */
.product-tabcontent .product-discounts .table-product-discounts{ display:none !important; }

/* Contenedor del grid */
.product-tabcontent .product-discounts .bulkPricing{
  display:flex; flex-direction:column; gap:.6rem; margin-top:.75rem;
}

/* Filas */
.product-tabcontent .product-discounts .bulkPricing__row{
  display:flex; gap:var(--bulk-gap); align-items:stretch;
}

/* Etiqueta fija de cada fila (columna izquierda) */
.product-tabcontent .product-discounts .bulkPricing__label{
  background:var(--bulk-pill-bg-label);
  color:#6b7280;
  border-radius:var(--bulk-radius);
  padding:var(--bulk-pad-y) var(--bulk-pad-x);
  font-weight:600;
  min-width:230px; /* como en mockup */
  display:flex; align-items:center; justify-content:center; text-align:center;
  white-space:nowrap;
}

/* Carril de pastillas (scroll en móvil) */
.product-tabcontent .product-discounts .bulkTrack{
  display:flex; gap:var(--bulk-gap);
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  padding-bottom:.25rem; flex:1 1 auto; scrollbar-width:thin;
}
.product-tabcontent .product-discounts .bulkTrack::-webkit-scrollbar{height:6px}
.product-tabcontent .product-discounts .bulkTrack::-webkit-scrollbar-thumb{background:#cfd6df;border-radius:6px}
.product-tabcontent .product-discounts .bulkTrack::-webkit-scrollbar-track{background:transparent}

/* Pastillas */
.product-tabcontent .product-discounts .bulkPill{
  background:var(--bulk-pill-bg);
  color:var(--bulk-pill-fg);
  border-radius:var(--bulk-radius);
  padding:var(--bulk-pad-y) var(--bulk-pad-x);
  font-weight:600; line-height:1; white-space:nowrap;
  display:inline-flex; align-items:center; justify-content:center;
  min-width:82px;
}
.product-tabcontent .product-discounts .bulkPill--accent{ color:var(--bulk-accent); }

/* Responsive */
@media (max-width:768px){
  .product-tabcontent .product-discounts .bulkPricing__label{ min-width:180px; }
  .product-tabcontent .product-discounts .bulkPill{ min-width:74px; }
}

/* ======================================================================
   DETALLES – BLOQUE INTEGRADO
   Scope: .product-details-body.details--custom
   ====================================================================== */

.product-details-body.details--custom{
  /* medidas exactas del SVG */
  --left-w: 242px;          /* ancho columna izq (imagen y botón) */
  --col-gap: 62px;          /* separación entre izq y derecha */
  --kv-left: 313px;         /* ancho columna etiquetas (dt) */
  --kv-gap: 26px;           /* gap entre etiqueta y valor */
  --kv-row-h: 40px;         /* alto mínimo de cada fila */
  --kv-right-max: 754px;    /* ancho máximo columna valores */

  /* colores exactos */
  --txt: #0D112D;
  --muted: #6D7185;
  --chip-odd:  #EEEEF1;     /* filas impares */
  --chip-even: #F7F7F8;     /* filas pares */
  --img-border:#EEEEF1;     /* marco imagen 2px sólido */
  --btn-bg: #6D7185;        /* botón descargar */
  --btn-fg: #FFFFFF;

  --radius-img: 10px;       /* esquinas marco imagen */
  --radius-cells: 4px;      /* esquinas celdas kv */

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color: var(--txt);
}

/* GRID principal (242px izq + gap 62px + derecha) */
.product-details-body.details--custom .detailsGrid{
  display:grid;
  grid-template-columns: var(--left-w) 1fr;
  column-gap: var(--col-gap);
  align-items:start;
}

/* ============ IZQUIERDA (ref + imagen + botón) ============ */
.product-details-body.details--custom .summaryLeft{
  padding:0; /* en el SVG no hay tarjeta */
  display:flex; flex-direction:column; gap:12px;
  width:var(--left-w);
}
.product-details-body.details--custom .refLabel{
  font-size:15px; font-weight:600; color:var(--txt); line-height:1.2;
}
.product-details-body.details--custom .refValue{
  font-size:15px; font-weight:600; color:var(--muted); line-height:1.2;
}

/* Marco y tamaño de imagen, 242x242 con borde 2px y radios 10 */
.product-details-body.details--custom .summaryImage{
  width:var(--left-w);
  min-height:var(--left-w);
  border:2px solid var(--img-border);
  border-radius:var(--radius-img);
  display:flex; align-items:center; justify-content:center;
  background:#fff; padding:12px;
}
.product-details-body.details--custom .summaryImage img{
  max-width:215px; max-height:214px; width:auto; height:auto; border-radius:6px;
}

/* Botón 242x48, radios 6, tipografía 16/600 blanco */
.product-details-body.details--custom .btn-datasheet{
  width:var(--left-w); height:48px;
  border-radius:6px; background:var(--btn-bg); color:var(--btn-fg);
  font-size:16px; font-weight:600; display:flex; align-items:center; justify-content:center;
  text-decoration:none; gap:10px; transition:opacity .15s ease, transform .06s ease;
}
.product-details-body.details--custom .btn-datasheet:hover{ opacity:.92; }
.product-details-body.details--custom .btn-datasheet:active{ transform:translateY(1px); }

/* ============ DERECHA (tabla clave–valor) ============ */
.product-details-body.details--custom .attrsRight{
  max-width: calc(var(--kv-left) + var(--kv-gap) + var(--kv-right-max));
}

.product-details-body.details--custom .product-features{ margin:0; }
.product-details-body.details--custom .product-features .h6{ margin:0 0 8px 0; color:var(--txt); }

/* Grid 2 columnas: 313px + hasta 754px. Fila mínima 40px, puede crecer. */
.product-details-body.details--custom .data-sheet{
  display:grid;
  grid-template-columns: var(--kv-left) minmax(0, var(--kv-right-max));
  grid-auto-rows: minmax(var(--kv-row-h), auto);
  column-gap: var(--kv-gap);
  row-gap: 12px;
  align-items:stretch;
  margin:0;
}

/* Celdas: dt = clave (izq), dd = valor (der) */
.product-details-body.details--custom .data-sheet .name,
.product-details-body.details--custom .data-sheet .value{
  display:flex !important;
  align-items:center !important;     /* centra verticalmente */
  justify-content:flex-start;
  width:100% !important;             /* ocupa todo el track del grid */
  min-width:0;                       /* evita que el contenido ensanche la celda */
  box-sizing:border-box;

  min-height:var(--kv-row-h);
  height:auto;
  padding:0 16px;
  margin:0;
  line-height:1.25;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  font-size:15px;
  font-weight:600;
}
.product-details-body.details--custom .data-sheet .name{ color:var(--txt); }
.product-details-body.details--custom .data-sheet .value{
  color:var(--muted);
  word-break:break-word; hyphens:auto;
}

/* Alternancia EXACTA por fila: pinta dt y su dd adyacente con el mismo fondo */
.product-details-body.details--custom .data-sheet .name:nth-of-type(odd),
.product-details-body.details--custom .data-sheet .name:nth-of-type(odd) + .value{
  background:var(--chip-odd);
}
.product-details-body.details--custom .data-sheet .name:nth-of-type(even),
.product-details-body.details--custom .data-sheet .name:nth-of-type(even) + .value{
  background:var(--chip-even);
}

/* Ajustes de otros bloques para que encajen visualmente */
.product-details-body.details--custom .product-quantities,
.product-details-body.details--custom .product-availability-date,
.product-details-body.details--custom .product-condition,
.product-details-body.details--custom .qtyprogress{
  font-size:15px; font-weight:600; color:var(--muted);
  background:var(--chip-even);
  border-radius:var(--radius-cells);
  min-height:var(--kv-row-h); padding:0 16px; display:flex; align-items:center;
  margin:0 0 12px 0;
}
.product-details-body.details--custom .product-quantities .label,
.product-details-body.details--custom .product-availability-date .label,
.product-details-body.details--custom .product-condition .label{
  color:var(--txt); margin-right:8px;
}

/* Responsive: apilar columnas y convertir data-sheet a 1 columna si hace falta */
@media (max-width: 992px){
  .product-details-body.details--custom .detailsGrid{ grid-template-columns: 1fr; column-gap:20px; }
  .product-details-body.details--custom .attrsRight{ max-width: 100%; }
  .product-details-body.details--custom .data-sheet{ grid-template-columns: 1fr; }
}