.box-video {
    position: relative;
    max-width: 270px;
    margin: 0 auto 20px auto;
    cursor: pointer;
    overflow: hidden;
    height: 480px;
}

.box-video .video-container
 {
    position: relative;
    padding-bottom: 0;
    overflow: hidden;
    max-width: 270px;
    height: 480px;
}

.page-product-heading-hidden {
    visibility: hidden;
}

.rte-hidden {
    visibility: hidden;
}


.instagram.icon-gray {
 background-image: url('/themes/classic/assets/css/instagram-glyph.svg');
}

.tiktok.icon-gray {
 background-image: url('/themes/classic/assets/css/tik-tok.svg');
}

.ps-share-button.instagram a {
  background-color: #24b9d7;
  color: white;
}

.ps-share-button.tiktok a {
  background-color: #24b9d7;
  color: white;
}

.custom-request-wrapper {
  justify-content: center;
  width: 100%;
  margin-bottom: 20px;
}

.custom-request-btn {
  position: relative;
  background-color: #e6f0ff;
  color: #004080;
  font-size: 1.05rem;
  border: 1px solid #99c2ff;
  border-radius: 12px;
  padding: 0.6rem 1rem;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease;
  overflow: visible;
  word-wrap: break-word;
  white-space: normal;
}

.custom-request-btn:hover {
  background-color: #d0e6ff;
  color: #003366;
  text-decoration: none;
}

.custom-request-btn .custom-tooltip-text {
  display: none;
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 280px;
  background: #fff;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 0.6rem;
  font-size: 0.85rem;
  text-align: left;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 1000;
  white-space: normal;
}

.custom-request-btn.show-tooltip .custom-tooltip-text {
  display: block;
}

@media (max-width: 767.98px) {
  .custom-request-btn {
    width: 100%;
  }
}



#product-comments-list, #empty-product-comment, #product-comments-list-header {
   display: none;
}

/*====================================================================
  GLOBAL
====================================================================*/
body{font:500 1rem/1.25 "Helvetica Neue",Arial,sans-serif}

/* utilidades columnas (sobreescribe grid Bootstrap) ---------------*/
.col-md-2,.col-md-3{float:left;width:32%}
@media(min-width:992px){
  .col-lg-3{width:25%}
  .col-lg-9{width:75%}
  .col-md-2,.col-md-3{width:27%;padding:0 .2em}
  .col-md-6,.col-md-7{float:left;width:45%}
}

/*====================================================================
  HEADER
====================================================================*/
#header .header-nav{
  max-height:50px;
  border-bottom:3px solid #f6f6f6;
  background:lavender
}
@media(max-width:767px){
  #header .top-logo img{max-height:3rem;width:auto}
}

/* collapse (menú móvil / BO) */
.collapse.in{display:block;align-items:right;text-align:right}

/*====================================================================
  PRODUCT LIST / MINIATURAS
====================================================================*/
.product-miniature .product-title a{
  display:block;
  font-size:.9rem;
  font-weight:700;
  color:#0072a5;
  text-align:center;
  text-decoration:none
}
.price{color:#580243}

/*====================================================================
  HOMEPAGE – slider de categorías, tarjetas, etc.
====================================================================*/
.block-category{min-height:13.75rem;margin-bottom:1.563rem;overflow:auto}

.block-categories, .thumbnail-container, .hidden-sm-down,
.subcategories, .tabs, .product-cover, .add-to-cart,
#search_filters, #search_filters_brands, #search_filters_suppliers,
.product-cover picture>img.js-qv-product-cover{
  border-radius:8px
}

/*====================================================================
  FOOTER – newsletter + iconos sociales
====================================================================*/
#blockEmailSubscription_displayFooterBefore,
.block-social {
  display: inline-flex;
  vertical-align: middle;
}

@media (min-width: 992px) {
  #blockEmailSubscription_displayFooterBefore { width: 70%; }
  .block-social                       { width: 30%; }
}

ul.social_list.images {
  display: flex;
  gap: .75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ————————————————————————————————————————————
   1) Elimina SOLO la imagen de fondo por defecto
   2) Libera el width/height fijos para que ajuste al <img>
   ———————————————————————————————————————————— */
ul.social_list.images li.instagram,
ul.social_list.images li.twitter,
ul.social_list.images li.tiktok {
  background-image: none     !important;
  background-color: transparent !important;
  width: auto                !important;
  height: auto               !important;
  margin: 0                  !important; /* el gap ya lo controla el ul */
}

/* Si el tema usa ::before o ::after para embellecer, también los quitamos */
ul.social_list.images li.instagram::before,
ul.social_list.images li.twitter::before,
ul.social_list.images li.tiktok::before,
ul.social_list.images li.instagram::after,
ul.social_list.images li.twitter::after,
ul.social_list.images li.tiktok::after {
  content: none !important;
  display: none !important;
}

/* tu <a> envuelve el <img>, centramos */
ul.social_list.images li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* estilos al <img> que ya tenías */
ul.social_list.images li img {
  width: 32px;
  height: auto;
  transition: opacity .2s;
}

ul.social_list.images li img:hover {
  opacity: .7;
}


/*====================================================================
  LANGUAGE / DOMAIN SWITCH
====================================================================*/
/* ---------- Desktop ---------- */
@media(min-width:992px){
  #_desktop_lang_switch{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-width:210px
  }
  #_desktop_lang_switch .lang-switch{
    display:inline-flex;align-items:center;
    padding:.5rem .75rem;
    border-radius:4px;
    text-decoration:none;color:inherit;
    transition:all .2s
  }
  #_desktop_lang_switch .lang-switch:hover{
    background:rgba(255,255,255,.1);
    transform:translateY(-1px)
  }
  #_desktop_lang_switch .lang-switch img{
    width:28px;margin-right:.5rem;border-radius:2px
  }
  #_desktop_lang_switch .lang-text{
    font:700 .8rem/1 uppercase
  }
  #_mobile_lang_switch{display:none!important}
}

/* ---------- Mobile ---------- */
@media(max-width:991.98px){
  #_desktop_lang_switch{display:none!important}
  #_mobile_lang_switch{
    display:flex;justify-content:center;padding:.75rem 0
  }
  #_mobile_lang_switch .lang-switch-mobile{
    display:inline-flex;align-items:center;justify-content:center;
    padding:.75rem 1.25rem;
    min-width:80px;border-radius:25px;
    border:2px solid #e0e0e0;background:#fff;color:#333;
    transition:all .3s
  }
  #_mobile_lang_switch .lang-switch-mobile:hover{
    background:#f8f9fa;border-color:#007bff;transform:translateY(-2px)
  }
  #_mobile_lang_switch .lang-switch-mobile img{
    width:24px;margin-right:.5rem;border-radius:2px
  }
  #_mobile_lang_switch .lang-short{font:700 1rem/1;color:#333}
  /* ajustes XS */
  @media(max-width:575.98px){
    #_mobile_lang_switch .lang-switch-mobile{padding:.6rem 1rem;min-width:70px}
    #_mobile_lang_switch .lang-switch-mobile img{width:20px;margin-right:.4rem}
    #_mobile_lang_switch .lang-short{font-size:.9rem}
  }
}

/* remove flag borders inserted by some browsers */
.flag-image,.country-flag{border:none!important;outline:none!important}

/*====================================================================
  COOKIE BANNER – ets_cookie_banner
====================================================================*/
.ets_cookie_banber_block.bottom{
  position:fixed;left:0;right:0;bottom:0;z-index:9999;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;
  padding:10px 20px;
  background:rgba(0,0,0,.75);
  color:#fff;font-size:13px;line-height:1.4
}
/* texto & link */
.ets_cookie_banner_content{flex:1 1 320px}
.ets_cookie_banner_content p{margin:0}
.ets_cookie_banner_content a{color:#25B4FF;text-decoration:underline}
/* botones */
.ets_cookie_banner_footer{
  flex:0 0 auto;display:flex;gap:10px;margin-left:20px
}
.ets_cookie_banner_footer .btn{
  font-size:12px;padding:5px 16px;border-radius:3px;border:1px solid transparent
}
.ets-cb-btn-ok{background:#FF6B00;border-color:#FF6B00;color:#fff}
.ets-cb-btn-ok:hover{background:#E05F00;border-color:#E05F00}
.ets-cb-btn-not-ok{background:transparent;border-color:#999;color:#fff}
.ets-cb-btn-not-ok:hover{background:#333;border-color:#666}
/* cerrar (X) */
.ets_cookie_banber_block .close_cookie{
  position:absolute;top:8px;right:12px;width:16px;height:16px;cursor:pointer
}
/* responsive banner */
@media(max-width:575.98px){
  .ets_cookie_banber_block.bottom{
    flex-direction:column;text-align:center;padding:14px 16px;font-size:12px
  }
  .ets_cookie_banner_content{margin-bottom:10px;flex:1 1 auto}
  .ets_cookie_banner_footer{justify-content:center;margin-left:0}
  .ets_cookie_banner_footer .btn{padding:6px 18px;font-size:12px}
}

/*====================================================================
  CARRITO (detalle líneas) – pequeños overrides
====================================================================*/
@media(min-width:992px){
  .product-line-grid-body,.product-line-grid-right{width:72%}
  .cart-line-product-actions{float:inline-start}
}


/* Bloque Guía de Compra */
.shopping-title {
  font-size: 2rem;
  font-weight: 700;
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #111;
  margin: 0 0 0.8em 0;
  letter-spacing: -0.5px;
  line-height: 1.3;
  border-bottom: 2px solid #ddd;
  padding-bottom: 0.2em;
  display: inline-block;
}

.shopping-intro {
  font: 500 1rem/1.25 "Helvetica Neue", Arial, sans-serif;
  color: #000;
  display: block;
  margin-bottom: 1em;
}

.shopping-heading {
  font-size: 1.125rem;
  font-weight: 700;
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin: 1.2em 0 0.5em 0;
}

.shopping-list {
  font: 500 1rem/1.25 "Helvetica Neue", Arial, sans-serif;
  color: #333;
  padding-left: 1.5em;
  margin-bottom: 1em;
  list-style-type: disc;
}

.shopping-list li {
    font-size: 0.90rem !important;
    color: #333;
}

.shopping-link {
  color: #007bff;
  text-decoration: underline;
  font-weight: 500;
}
