/*
Theme Name: Freestyle Child
Theme URI: https://freestyle.qodeinteractive.com
Template: freestyle
Author: Edge Themes
Author URI: https://themeforest.net/user/edge-themes
Description: A WordPress Theme For Extreme Sports
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-menu,featured-images,flexible-header,post-formats,sticky-post,translation-ready
Version: 1.8.1709038414
Updated: 2024-02-27 12:53:34

*/


.edgtf-blog-slider .edgtf-blog-slide-excerpt {
    margin: 0 0 10px;
    font-weight: 200;
    color: #9993a1;
}

body {
    font-family: Montserrat,sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #fff!important;
    font-weight: 400;
    background-color: #fff;
    overflow-x: hidden!important;
    -webkit-font-smoothing: antialiased;
}
a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: 0;
}
.edgtf-single-product-wrapper-top .edgtf-tabs.edgtf-horizontal-tab .wc-tab h2 {
    font-size: 28px;
    line-height: 1.55em;
    margin-bottom: 37px;
    font-family: Montserrat,sans-serif;
}
h6 {
    font-size: 15px;
    line-height: 1.2em;
}
.edgtf-woocommerce-page .edgtf-quantity-buttons .edgtf-quantity-minus, .edgtf-woocommerce-page .edgtf-quantity-buttons .edgtf-quantity-plus {
    width: 25px;
    height: 23px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #fff;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.edgtf-woocommerce-page .edgtf-quantity-buttons .edgtf-quantity-input {
    height: 45px;
    width: 50px;
    display: inline-block;
    padding: 0;
    border: none;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 45px;
    font-weight: 700;
    margin-right: -1px;
    margin-bottom: 0;
    border: 1px solid #fff;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.variations_form .variations select {
    height: 45px;
    font-size: 15px;
    padding: 0 20px 0 15px;
    border: 1px solid #5e5e5e;
    line-height: 50px;
    color: #343a40;
    border-radius: 0;
    font-family: inherit;
    background-image: none;
}
/*
.edgtf-woocommerce-page .edgtf-tabs {
    clear: both;
    padding-bottom: 15px;
    padding-top: 84px;
	position:absolute;
	width:100%;
}
*/
.edgtf-woocommerce-page input[type=email], .edgtf-woocommerce-page input[type=password], .edgtf-woocommerce-page input[type=tel], .edgtf-woocommerce-page input[type=text], .edgtf-woocommerce-page textarea {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 12px 15px;
    border: 1px solid #cdcdcd;
    outline: 0;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    line-height: 19px;
    background-color: transparent;
    color: #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}
.woocommerce-checkout .shop_table .order-total th, .woocommerce-checkout .shop_table .product-name, .woocommerce-checkout .shop_table thead .product-total {
    font-weight: 600;
    color: #666666;
}
.woocommerce-checkout .shop_table tfoot {
    background-color: #000;
    border: 1px solid #cdcdcd;
}
body {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #2a2a2a !important;
    font-weight: 400;
    background-color: #fff;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
}


.woocommerce-checkout .shop_table tfoot th {
    font-size: 18px;
    font-weight: 600;
    color: white;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #black;
    line-height: 28px;
}
.select2-container--default .select2-selection--single {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    margin-bottom: 15px;
    border-bottom-color: #aaa;
}
.edgtf-woocommerce-page .amount, .woocommerce .amount {
    font-size: 20px;
    font-weight: 750;
    color: #e176ed;
}
.edgtf-woocommerce-page .select2-results {
    background-color: #black;
}
a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: 0;

}
.edgtf-woocommerce-page .edgtf-cart-totals table tr {
    padding: 18px 7px;
    background-color: #000;
}
.woocommerce-cart .shop_table th {
    color: #fff;
    font-size: 18px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #black;
    background-color: #white;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #black!important;
}


/*Afegit combos amb blanc*/
/* Contenidor tancat */
.select2-container--default .select2-selection--single {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ccc !important;
}

/* Text seleccionat */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000 !important;
}

/* Fletxa */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000000 transparent transparent transparent !important;
}

/* Dropdown obert */
.select2-container--default .select2-dropdown {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Opcions del desplegable */
.select2-container--default .select2-results__option {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Opció seleccionada */
.select2-container--default .select2-results__option--highlighted {
    background-color: #f2f2f2 !important;
    color: #000000 !important;
}


body {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #00a94f !important;
    font-weight: 400;
    background-color: #fff;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
}
/*Afegit Dani sistema de punts*/
.ywpar_myaccount_entry_info > div {
    background-color: #eee!important;
    border-radius: 10px;
    text-align: center;
    padding: 20px 10px;
    min-width: 250px;
    margin: 0 10px 0 0;
}
.ywpar_tabs_header ul li.active {
    font-weight: bold;
    color: #fff!important;
    border-bottom: 2px outset #333;
}
.ywpar_tabs_header ul li {
	font-weight: bold;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    color: #a3eb6b!important;
    border-color: #a3eb6b!important;
    border-width: medium;
}
#share_points {
    background-color: #eee!important;
    padding: 20px;
    border-radius: 10px;
    padding: 40px;
}
p {
    color: #666666;
    font-size: 18px;
}
.ywpar_myaccount_entry_info .ywpar_levels_badges .ywpar_level.ywpar_level img {
    max-width: 50%!important;
    display: block;
    margin: 0 auto;
}
#share_points .ywpar-share-status.not-used {
    color: #666666;
}

.edgtf-woocommerce-page .woocommerce-error, .edgtf-woocommerce-page .woocommerce-info, .edgtf-woocommerce-page .woocommerce-message {
    margin-bottom: 25px;
    position: relative;
    display: block;
    padding: 8px 40px;
    background-color: #eee;
    line-height: 50px;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #cdcdcd;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
   /* color: inherit;*/
       color: #00a94f!important;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}
.edgtf-section-title.edgtf-section-align-center
Especificidad: (0,2,0)
 {
    text-align: center;
    color: #000 !important;
}
.edgtf-woocommerce-page .edgtf-quantity-buttons .edgtf-quantity-minus, .edgtf-woocommerce-page .edgtf-quantity-buttons .edgtf-quantity-plus {
    width: 25px;
    height: 23px;
    display: inline-block;
    color: #00a94f!important;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.edgtf-woocommerce-page .edgtf-quantity-buttons .edgtf-quantity-input {
    height: 45px;
    width: 50px;
    display: inline-block;
    padding: 0;
    border: none;
    text-align: center;
    color: #e176ed!important;
    font-size: 20px;
    line-height: 45px;
    font-weight: 700;
    margin-right: -1px;
    margin-bottom: 0;
    border: 1px solid #fff;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*promo 2x1 foto*/
/* Contenidor referència */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    position: relative;
    display: block;
}

/* Etiqueta PROMOCION 2x1 estil professional */
.woocommerce ul.products li.product .onsale {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 20;

    background: #78bf66; /* verd Genehtik */
    color: #ffffff;

    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;

    padding: 6px 12px;

    border-radius: 4px;

    box-shadow: 0 2px 6px rgba(0,0,0,0.25);

    pointer-events: none;
}
/* 2 columnes en mòbil + preu sobre la imatge + evitar solapaments */



.dgtic-hide{display:none !important;}


/*LANDINGS*/
/* HERO */
.lp2x1-hero{
  background:#111;
  padding:80px 0;
}
.lp2x1-hero h1{
  color:#fff;
}
.lp2x1-sub{
  text-align:center;
  color:#fff;
  font-size:18px;
  line-height:1.4;
  margin:14px 0 22px;
}

/* TRUST BAR */
.lp2x1-trust{
  background:#f5f5f5;
  padding:34px 0;
}
.lp2x1-trust-item{
  text-align:center;
  font-weight:700;
  margin:0;
}

/* HOW */
.lp2x1-how{
  padding:70px 0;
}
.lp2x1-how-text{
  text-align:center;
  font-size:18px;
  line-height:1.55;
  margin:0;
}
.lp2x1-warning{
  display:inline-block;
  margin-top:6px;
  opacity:.9;
}

/* PRODUCTS */
.lp2x1-products{
  background:#fafafa;
  padding:60px 0;
}

/* URGENCY */
.lp2x1-urgency{
  background:#1a1a1a;
  padding:60px 0;
}
.lp2x1-urgency-text{
  text-align:center;
  color:#fff;
  font-size:22px;
  font-weight:800;
  line-height:1.35;
  margin:0 0 18px;
}

/* Mobile tweaks */
@media (max-width:768px){
  .lp2x1-hero{ padding:52px 0; }
  .lp2x1-sub{ font-size:16px; }
  .lp2x1-urgency-text{ font-size:18px; }
}

/* ===== LANDING 2x1 GENEHTIK (page-id-5042972) ===== */

/* --- A) Treure el title area verd (banda gran) --- */
.page-id-5042972 .edgtf-title,
.page-id-5042972 .edgtf-title-holder,
.page-id-5042972 .edgtf-page-title {
  display: none !important;
}

/* --- B) Amagar top bar --- */
.page-id-5042972 .edgtf-top-bar {
  display: none !important;
}

/* --- C) Header minimal amb logo (sense menú) --- */
.page-id-5042972 header.edgtf-page-header,
.page-id-5042972 .edgtf-page-header {
  background: #ffffff !important;
  height: 60px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.page-id-5042972 nav,
.page-id-5042972 .edgtf-main-menu,
.page-id-5042972 .edgtf-mobile-nav {
  display: none !important;
}

/* Centrar logo i limitar alçada */
.page-id-5042972 .edgtf-logo-wrapper {
  width: 100%;
  text-align: center !important;
}
.page-id-5042972 .edgtf-logo-wrapper img {
  max-height: 40px !important;
}

/* --- D) Treure espais superiors del contingut --- */
.page-id-5042972 .edgtf-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.page-id-5042972 .edgtf-content-inner {
  padding-top: 0 !important;
}

/* --- E) Countdown (Hero) --- */
.page-id-5042972 .lp-countdown-wrap{
  margin: 18px auto 0;
  max-width: 520px;
  text-align:center;
}
.page-id-5042972 .lp-countdown-title{
  color:#fff;
  opacity:.9;
  font-weight:700;
  margin-bottom:8px;
}
.page-id-5042972 .lp-countdown{
  display:inline-block;
  padding:10px 16px;
  border-radius:10px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-weight:900;
  letter-spacing:.4px;
}

/* --- F) Features manuals (icones + text PERFECTAMENT alineats) --- */
.page-id-5042972 .lp-features-row{
  background:#f5f5f5;
  padding:40px 0;
}
.page-id-5042972 .lp-feature{
  text-align:center;
  min-height: 210px; /* assegura que totes quedin igual */
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
.page-id-5042972 .lp-feature-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:120px;
  height:120px;
  border-radius:999px;
  background:#00a94f;
  color:#fff;
  font-size:56px;
  line-height:1;
}
.page-id-5042972 .lp-feature-txt{
  margin-top:16px;
  font-weight:900;
  letter-spacing:.08em;
  color:#00a94f;
  font-size:14px;
  text-transform: uppercase;
  min-height: 36px; /* reserva espai per 2 línies */
}

/* Mòbil: 2x2 */
@media (max-width: 768px){
  .page-id-5042972 .lp-feature{
    min-height: 190px;
    margin-bottom: 18px;
  }
  .page-id-5042972 .lp-feature-ico{
    width:100px;
    height:100px;
    font-size:48px;
  }
}

/* --- G) Sticky CTA a mòbil --- */
.page-id-5042972 .lp-sticky-cta{
  display:none;
}

@media (max-width: 768px){
  .page-id-5042972 .lp-sticky-cta{
    display:block;
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:9999;
  }
  .page-id-5042972 .lp-sticky-cta a{
    display:block;
    text-align:center;
    padding:14px 16px;
    border-radius:10px;
    font-weight:900;
    font-size:16px;
    background:#00a94f;
    color:#fff !important;
    box-shadow:0 10px 26px rgba(0,0,0,.22);
    text-decoration:none !important;
  }
}
/* ===== FIX contador (font/encoding) ===== */
.page-id-5042972 .lp-countdown-wrap,
.page-id-5042972 .lp-countdown-title,
.page-id-5042972 .lp-countdown{
  font-family: Arial, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  text-transform: none !important;
}

.page-id-5042972 .lp-countdown-title{
  color:#fff !important;
  letter-spacing: 0 !important;
}

.page-id-5042972 .lp-countdown{
  color:#fff !important;
  background: rgba(255,255,255,.12) !important;
}

/* ===== LANDING PUNTS GENEHTIK (page-id-5042995) ===== */

/* A) Treure title area del tema (banda de dalt) */
.page-id-5042995 .edgtf-title,
.page-id-5042995 .edgtf-title-holder,
.page-id-5042995 .edgtf-page-title {
  display: none !important;
}

/* B) Amagar top bar */
.page-id-5042995 .edgtf-top-bar {
  display: none !important;
}

/* C) Header minimal amb logo (sense menú) */
.page-id-5042995 header.edgtf-page-header,
.page-id-5042995 .edgtf-page-header {
  background: #ffffff !important;
  height: 60px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.page-id-5042995 nav,
.page-id-5042995 .edgtf-main-menu,
.page-id-5042995 .edgtf-mobile-nav {
  display: none !important;
}

/* Centrar logo i limitar alçada */
.page-id-5042995 .edgtf-logo-wrapper {
  width: 100%;
  text-align: center !important;
}
.page-id-5042995 .edgtf-logo-wrapper img {
  max-height: 40px !important;
}

/* D) Treure marges/espais superiors del contingut */
.page-id-5042995 .edgtf-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.page-id-5042995 .edgtf-content-inner {
  padding-top: 0 !important;
}

/* ===== Estil landing ===== */

/* Hero */
.page-id-5042995 .lp2-hero{
  background:#000;
  padding:70px 0;
}
.page-id-5042995 .lp2-hero h1,
.page-id-5042995 .lp2-hero h2,
.page-id-5042995 .lp2-hero h3,
.page-id-5042995 .lp2-hero p{
  color:#fff !important;
}
.page-id-5042995 .lp2-badge{
  display:inline-block;
  background:rgba(255,255,255,.12);
  padding:10px 14px;
  border-radius:999px;
  font-weight:900;
  letter-spacing:.02em;
}

/* Secció suau (gris clar) */
.page-id-5042995 .lp2-soft{
  background:#f5f5f5;
  padding:45px 0;
}

/* Steps visuals (3 columnes) */
.page-id-5042995 .lp2-step{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-height:240px;
}
.page-id-5042995 .lp2-step-ico{
  width:110px;height:110px;border-radius:999px;
  background:#00a94f;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:52px;line-height:1;
}
.page-id-5042995 .lp2-step-title{
  margin-top:14px;
  font-weight:900;
  letter-spacing:.06em;
  color:#00a94f;
  text-transform:uppercase;
  font-size:14px;
}
.page-id-5042995 .lp2-step-desc{
  margin-top:10px;
  font-size:16px;
  line-height:1.65;
}

/* Caixa exemple (verd suau) */
.page-id-5042995 .lp2-example{
  background:#e2f4de;
  border-radius:14px;
  padding:18px 18px;
}
.page-id-5042995 .lp2-mono{
  font-family: Arial, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-weight:900;
  letter-spacing:.02em;
}

/* Card FAQ */
.page-id-5042995 .lp2-card{
  background:#fff;
  border-radius:14px;
  padding:22px 22px;
  box-shadow:0 10px 26px rgba(0,0,0,.08);
}

/* Sticky CTA a mòbil */
.page-id-5042995 .lp2-sticky-cta{display:none;}
@media(max-width:768px){
  .page-id-5042995 .lp2-step{min-height:210px;margin-bottom:18px;}
  .page-id-5042995 .lp2-step-ico{width:100px;height:100px;font-size:48px;}

  .page-id-5042995 .lp2-sticky-cta{
    display:block;
    position:fixed;
    left:12px;right:12px;bottom:12px;
    z-index:9999;
  }
  .page-id-5042995 .lp2-sticky-cta a{
    display:block;
    text-align:center;
    padding:14px 16px;
    border-radius:10px;
    font-weight:900;
    font-size:16px;
    background:#00a94f;
    color:#fff !important;
    box-shadow:0 10px 26px rgba(0,0,0,.22);
    text-decoration:none !important;
  }
}

@media (max-width: 768px) {

  /* 2 productos por fila en móvil */
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Anula el layout que impida el grid */
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  ul.products li.product {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Oculta categoría (tu bloque .edgtf-product-cat) */
  .woocommerce ul.products li.product .edgtf-product-cat {
    display: none !important;
  }

  /* Asegura orden y alineación del bloque título+precio */
  .woocommerce ul.products li.product .edgtf-product-list-title-holder {
    display: block !important;
    text-align: center !important;
    padding: 8px 6px 0 6px !important;
  }

  /* Título visible */
  .woocommerce ul.products li.product h3.edgtf-product-list-product-title {
    display: block !important;
    margin: 0 0 6px 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  /* Precio debajo del nombre (otra línea) */
  .woocommerce ul.products li.product .edgtf-product-list-title-holder .price {
    display: block !important;
    position: static !important;
    width: fit-content !important;
    margin: 0 auto !important;
    padding: 6px 12px !important;
    background-color: rgba(217, 83, 79, 0.1) !important;
    color: #d9534f !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    text-align: center !important;
    clear: both !important;
  }

  /* (Opcional) Centra botón comprar si lo ves raro */
  .woocommerce ul.products li.product .edgtf-product-list-image-wrapper .edgtf-btn {
    width: 100% !important;
  }
  
  /* Título más grande y en negrita en móvil */
.woocommerce ul.products li.product h3.edgtf-product-list-product-title {
    font-size: 15px !important;   /* antes 13px */
    font-weight: 700 !important;  /* bold */
    letter-spacing: 0.3px;
}
/* Mostrar siempre botón comprar en móvil */
.woocommerce ul.products li.product 
.edgtf-product-list-image-wrapper .edgtf-btn {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    transform: none !important;
    margin: 8px auto 0 auto !important;
    width: 100% !important;
    text-align: center !important;
}

/* Si el tema lo oculta con hover, anulamos eso */
.woocommerce ul.products li.product:hover 
.edgtf-product-list-image-wrapper .edgtf-btn {
    opacity: 1 !important;
    visibility: visible !important;
}
/* Hacer imágenes más grandes en móvil */
.woocommerce ul.products li.product 
.edgtf-product-list-image-wrapper {
    width: 100% !important;
    padding: 0 !important;
}

.woocommerce ul.products li.product 
.edgtf-product-list-image-wrapper img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}
}

/* Tamaño del importe */
.edgtf-woocommerce-page .amount, .woocommerce .amount {
  font-size: 16px;
}
@media (max-width: 768px){

  /* Asegura posicionamiento relativo del contenedor */
  .woocommerce ul.products li.product 
  .edgtf-product-list-image-wrapper {
    position: relative !important;
  }

  /* Reducir y recolocar PROMOCION 2x1 */
  .woocommerce ul.products li.product .onsale {

    position: absolute !important;
    top: 8px !important;
    left: 8px !important;

    display: inline-block !important;
    width: auto !important;
    max-width: 70% !important;

    font-size: 12px !important;
    padding: 6px 10px !important;
    line-height: 1.2 !important;

    border-radius: 20px !important;

    text-align: center !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    z-index: 10 !important;
  }
}

@media (max-width: 768px){

  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px !important; /* menos separación = imagen visualmente más grande */
  }

  /* Quitar padding interno del producto */
  .woocommerce ul.products li.product {
    padding: 0 !important;
  }

  /* Imagen ocupando todo el ancho real */
  .woocommerce ul.products li.product 
  .edgtf-product-list-image-wrapper {
    width: 100% !important;
    padding: 0 !important;
  }

  .woocommerce ul.products li.product 
  .edgtf-product-list-image-wrapper img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

}
/* =========================================================
   PATCH: RELATED PRODUCTS (Slick) en móvil
   Mantiene tu grid global, pero NO rompe el carrusel related
   ========================================================= */
@media (max-width: 768px){

  /* 1) En related (slick), NO usar grid */
  body.single-product .related ul.products.slick-slider{
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
  }

  /* 2) Slick necesita track en línea */
  body.single-product .related ul.products.slick-slider .slick-track{
    display: block !important;
  }

  /* 3) No forzar width:100% en el slide (Slick ya lo define inline) */
  body.single-product .related ul.products.slick-slider li.product{
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  /* 4) Imagen: evitar “gigante” dentro del slide */
  body.single-product .related ul.products.slick-slider li.product
  .edgtf-product-list-image-wrapper img{
    width: 100% !important;
    max-width: 160px !important;  /* ajusta 140-180 */
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* 5) Botón comprar: que no se ponga encima tapando la imagen */
  body.single-product .related ul.products.slick-slider li.product
  .edgtf-product-list-image-wrapper .edgtf-btn{
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 160px !important; /* igual que la imagen */
    margin: 8px auto 0 auto !important;
  }

  /* 6) Promo 2x1: abajo centrado y pequeño (solo related) */
  body.single-product .related ul.products.slick-slider li.product .woocommerce-loop-product__link{
    position: relative !important;
    display: block !important;
  }

  body.single-product .related ul.products.slick-slider li.product .onsale{
    top: auto !important;
    bottom: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    max-width: 85% !important;
    font-size: 10px !important;
    padding: 6px 10px !important;
    border-radius: 20px !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
/* =========================================================
   FIX DEFINITIVO: Related Products (Slick) en móvil
   Tu CSS usa grid en ul.products y rompe Slick.
   Este parche SOLO actúa en la ficha de producto > related.
   ========================================================= */
@media (max-width: 768px){

  /* El <ul> del carrusel NO puede ser grid */
  body.single-product .related ul.products.slick-slider{
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
  }

  /* Slick usa track interno: lo dejamos como “fila” */
  body.single-product .related ul.products.slick-slider .slick-track{
    display: flex !important;
    align-items: stretch !important;
  }

  /* Cada slide: no le fuerces width:100% del grid */
  body.single-product .related ul.products.slick-slider li.product.slick-slide{
    width: auto !important;   /* Slick ya mete width inline */
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  /* Asegura que el contenido tenga altura y no colapse */
  body.single-product .related ul.products.slick-slider li.product.slick-slide > div,
  body.single-product .related ul.products.slick-slider li.product.slick-slide .edgtf-product-list-image-wrapper{
    height: auto !important;
  }

  /* Imagen: tamaño controlado (ajusta 140-180 si quieres) */
  body.single-product .related ul.products.slick-slider li.product.slick-slide img{
    display: block !important;
    width: 100% !important;
    max-width: 170px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  /* Botón comprar: que no se ponga por encima */
  body.single-product .related ul.products.slick-slider li.product.slick-slide .edgtf-btn{
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: 170px !important;
    margin: 8px auto 0 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Oculta categorías en related si te “ensucia” el carrusel */
  body.single-product .related ul.products.slick-slider li.product .edgtf-product-cat{
    display: none !important;
  }
}
@media (max-width: 768px){
  body.single-product .related ul.products.slick-slider{
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
  }
}
@media (max-width: 768px){
  body.single-product .related ul.products.slick-slider{
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
  }
}
@media (max-width: 768px){
  body.single-product .related ul.products.slick-slider{
    display:block !important;
  }
}
@media (max-width: 768px){
  body.single-product .related ul.products{
    display:block !important;   /* evita que tu grid afecte al slick del related */
  }
  body.single-product .related ul.products li.product{
    width:auto !important;
    float:none !important;
  }
  body.single-product .related ul.products img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }
}
@media (max-width: 768px){
  body.single-product .related ul.products{
    display:block !important; /* evita que tu grid global toque el related */
  }

  body.single-product .related .slick-slide img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

  /* Asegura que las flechas sean clicables */
  body.single-product .related .edgtf-slick-prev,
  body.single-product .related .edgtf-slick-next{
    z-index: 50 !important;
    pointer-events: auto !important;
  }
}
@media (max-width: 768px){
  body.single-product .related ul.products{
    display:block !important;
    padding: 0 10px !important;
  }

  body.single-product .related .slick-slide{
    padding: 0 6px !important;
  }

  body.single-product .related .slick-list{
    overflow: visible !important; /* para ver el “medio” producto */
  }

  body.single-product .related .slick-slide img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

  /* Flechas propias */
  body.single-product .related .genehtik-related-arrows{
    display:flex;
    justify-content: flex-end;
    gap:10px;
    margin: 0 10px 10px 10px;
    position: relative;
    z-index: 9999;
  }

  body.single-product .related .genehtik-related-prev,
  body.single-product .related .genehtik-related-next{
    width:38px;
    height:38px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.15);
    background: #fff;
    font-size: 22px;
    line-height: 36px;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
}
/* =========================================
   RELATED PRODUCTS (SINGLE PRODUCT)
   - Ocultar flechas antiguas del tema
   - Mantener SOLO las flechas Genehtik
   ========================================= */

/* Oculta el NAV viejo del tema (flechas + icono grid) */
body.single-product section.related.products .edgtf-related-nav-holder{
  display:none !important;
}

/* Por si el tema pinta iconos con pseudo-elementos */
body.single-product section.related.products .edgtf-related-nav-holder *::before,
body.single-product section.related.products .edgtf-related-nav-holder *::after{
  content:none !important;
  display:none !important;
}

/* Asegura que tus flechas nuevas SI se ven */
body.single-product section.related.products .genehtik-related-arrows{
  display:flex !important;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin: 10px 0 14px;
}

/* (Opcional) Ajuste visual de tus botones */
body.single-product section.related.products .genehtik-related-arrows button{
  cursor:pointer;
  border:0;
  background:transparent;
  font-size:28px;
  line-height:1;
  padding:6px 10px;
}
/* =========================================================
   RELATED PRODUCTS: imágenes 100% iguales (misma caja)
   ========================================================= */

/* La tarjeta no debe añadir paddings raros arriba */
body.single-product section.related.products li.product .edgtf-product-list-image-wrapper{
  padding: 0 !important;
  margin: 0 !important;
}

/* El link que envuelve la imagen debe ser bloque y ocupar la caja */
body.single-product section.related.products li.product .edgtf-product-list-image-wrapper > a.woocommerce-loop-product__link{
  display:block !important;
  width:100% !important;
  margin:0 !important;
}

/* Caja fija para TODAS las imágenes (elige un tamaño y listo) */
body.single-product section.related.products li.product .edgtf-product-list-image-wrapper > a.woocommerce-loop-product__link{
  height: 170px !important;     /* PC / general */
  overflow: hidden !important;
  position: relative !important;
}

/* Móvil: un poco más pequeña para que se vean 2 bien */
@media (max-width: 768px){
  body.single-product section.related.products li.product .edgtf-product-list-image-wrapper > a.woocommerce-loop-product__link{
    height: 150px !important;
  }
}

/* La imagen SIEMPRE rellena esa caja (sin deformar) */
body.single-product section.related.products li.product .edgtf-product-list-image-wrapper img{
  width:100% !important;
  height:100% !important;
  object-fit: cover !important;
  display:block !important;
  margin:0 !important;

  /* Por si el tema/lazyload mete estilos raros */
  max-width:none !important;
}

/* Evita que el height/width del HTML (300x300) mande */
body.single-product section.related.products li.product img[width][height]{
  width:100% !important;
  height:100% !important;
}

/* ================================
   RELATED: separación 10px (Slick)
   ================================ */

/* 10px entre tarjetas => 5px a cada lado */
body.single-product section.related.products ul.products.slick-slider .slick-slide{
  padding: 0 5px !important;
  box-sizing: border-box !important;
}

/* Compensar padding para que no quede hueco en los bordes */
body.single-product section.related.products ul.products.slick-slider .slick-list{
  margin: 0 -5px !important;
}

/* Importante: NO usar margin en el li con Slick */
body.single-product section.related.products ul.products.slick-slider li.product{
  margin: 0 !important;
}