/* ocultar icono de orden (flechas) de Blocksy en el select de ordenar */
.woocommerce-ordering .ct-sort-icon,
.woo-listing-top .ct-sort-icon,
svg.ct-sort-icon,
.ct-sort-icon{ display:none !important; }

/* ================= DRAWER MOVIL: quitar estilos de boton del tema ================= */
.mobnav{ overflow-y:auto !important; -webkit-overflow-scrolling:touch !important; padding-bottom:96px !important; }

.mobnav .mobnav__tabs{ display:grid !important; grid-template-columns:1fr 1fr !important; margin:0 16px !important; border-bottom:1px solid var(--linea,#E7DAD2) !important; }
.mobnav .mobnav__tabs button,
.mobnav .mobnav__tabs button.on,
.mobnav .mobnav__tabs button:hover,
.mobnav .mobnav__tabs button:focus{
  -webkit-appearance:none !important; appearance:none !important;
  background:none !important; background-color:transparent !important; border:0 !important;
  border-radius:0 !important; box-shadow:none !important; text-shadow:none !important; outline:0 !important;
  min-height:46px !important; padding:0 !important; margin:0 0 -1px !important; width:100% !important;
  font-family:var(--font-body,Lato,sans-serif) !important; font-weight:800 !important; font-size:12px !important;
  letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--tinta-3,#9A8A83) !important;
  border-bottom:2px solid transparent !important; cursor:pointer !important;
}
.mobnav .mobnav__tabs button.on{ color:var(--guinda,#7B0A0C) !important; border-bottom-color:var(--guinda,#7B0A0C) !important; }

.mobnav button.mobnav__row,
.mobnav .mobnav__group > button.mobnav__row,
.mobnav .mobnav__group > button.mobnav__row.on,
.mobnav button.mobnav__row:hover,
.mobnav button.mobnav__row:focus{
  -webkit-appearance:none !important; appearance:none !important;
  background:none !important; background-color:transparent !important; border:0 !important;
  border-radius:0 !important; box-shadow:none !important; text-shadow:none !important; outline:0 !important;
  width:100% !important; min-height:50px !important; padding:13px 20px !important; margin:0 !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important;
  text-align:left !important; text-transform:none !important; letter-spacing:normal !important;
  font-family:var(--font-body,Lato,sans-serif) !important; font-weight:700 !important; font-size:17px !important;
  color:var(--guinda,#7B0A0C) !important; cursor:pointer !important;
}
.mobnav .mobnav__group > button.mobnav__row.on{ color:var(--guinda,#7B0A0C) !important; background-color:rgba(123,10,12,.05) !important; }
.mobnav button.mobnav__row .chev{ width:16px !important; height:16px !important; color:var(--tinta-3,#9A8A83) !important; transition:transform .2s !important; flex:0 0 auto; }
.mobnav .mobnav__group > button.mobnav__row.on .chev{ transform:rotate(180deg) !important; }
.mobnav .mobnav__sub[hidden]{ display:none !important; }
.mobnav .mobnav__sub{ background:var(--crema,#F9F0EC) !important; }
.mobnav .mobnav__sub a{ padding:11px 20px 11px 34px !important; font-size:14.5px !important; color:var(--fg2,#6E5C56) !important; }

.mobnav .mobnav__x,
.mobnav button.mobnav__x{
  -webkit-appearance:none !important; appearance:none !important;
  position:fixed !important; top:14px !important; right:14px !important; left:auto !important; bottom:auto !important;
  width:40px !important; height:40px !important; min-width:40px !important; max-width:40px !important;
  padding:0 !important; margin:0 !important; border-radius:50% !important; display:grid !important; place-items:center !important;
  background:#fff !important; background-color:#fff !important; border:1px solid var(--linea,#E7DAD2) !important;
  color:var(--guinda,#7B0A0C) !important; box-shadow:0 8px 20px rgba(58,5,6,.14) !important; cursor:pointer !important;
  z-index:6 !important;
}
.mobnav .mobnav__x svg,
.mobnav .mobnav__x .ic{ width:20px !important; height:20px !important; stroke:currentColor !important; }
.mobnav .mobnav__brand{ padding-right:52px !important; }

/* El drawer atrapa su propio scroll; el fondo (backdrop) SI permite
   desplazar la pagina detras al arrastrarlo, y al pulsarlo cierra el menu. */
.mobnav{ overscroll-behavior:contain !important; touch-action:pan-y !important; }
.mobnav-backdrop{ touch-action:pan-y !important; -webkit-overflow-scrolling:touch !important; }

/* ================================================================
   Santa Catalina - AJUSTES MOVIL (todas las vistas)
   ================================================================ */

#sc-filter-btn{ display:none !important; }
#sc-filter-bd, #sc-filter-close{ display:none; }
body.sc-filters-open .ti-side{ display:block !important; }

/* ---------- drawer: no duplicar listas ---------- */
.mobnav .mobnav__list[hidden]{ display:none !important; }
.mobnav .mobnav__tabs{ position:sticky; top:0; background:#fff; z-index:2; }

@media (max-width: 820px){

  /* ====== TOPBAR: mensaje en una sola linea ====== */
  .topbar .wrap.topbar__bar, .topbar__bar{ flex-wrap:nowrap !important; justify-content:center !important; padding-left:12px !important; padding-right:12px !important; }
  .topbar__social{ display:none !important; }
  .topbar .track{ max-width:100% !important; overflow:hidden !important; }
  .topbar .msg{ white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; max-width:calc(100vw - 28px) !important; font-size:11.5px !important; text-align:center; }

  /* ====== GENERAL: nada se sale del margen ====== */
  html, body{ overflow-x:hidden !important; }
  .wrap, .ct-container, .ct-container-full, .elementor-widget-container{ max-width:100% !important; }
  img{ max-width:100%; height:auto; }

  /* ====== HOME / listados de producto: 1 columna ====== */
  .tipos__grid, .cats__grid, .combine__grid, .guides__grid, .best__grid{
    grid-template-columns:1fr !important; display:grid !important; gap:16px !important;
  }

  /* guia destacada (blog preview en home): imagen arriba completa, texto en caja blanca abajo (no superpuesto) */
  .guide-feat{
    aspect-ratio:auto !important; display:flex !important; flex-direction:column !important;
  }
  .guide-feat__img{
    position:static !important; width:100% !important; height:56vw !important; max-height:280px !important;
    border-radius:var(--r-md) var(--r-md) 0 0 !important;
  }
  .guide-feat__overlay{ display:none !important; }
  .guide-feat__content{
    position:static !important; background:#fff !important;
    padding:22px 20px 24px !important; gap:10px !important;
    border-radius:0 0 var(--r-md) var(--r-md) !important;
  }
  .guide-feat__title{ color:var(--tinta) !important; font-size:24px !important; max-width:none !important; }
  .guide-feat__meta{ color:var(--fg3) !important; }
  .guide-feat__link{ color:var(--guinda) !important; }

  /* tipo cards: titulo mas grande + carrusel de producto estrella menos alargado */
  .tipo__body .display{ font-size:42px !important; }
  .spotcar__stage{ height:380px !important; }
  ul.products, ul.products.elementor-grid, .related.products ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important; display:grid !important; gap:14px 12px !important;
  }
  .best__grid > *, ul.products > li.product{ width:100% !important; max-width:100% !important; margin:0 !important; }
  .testi__grid{ grid-template-columns:1fr !important; }

  /* tarjeta de producto: aire interno, no comprimida */
  ul.products li.product{ padding:0 !important; border:1px solid var(--linea,#E7DAD2) !important; border-radius:14px !important; overflow:hidden !important; background:#fff !important; }
  ul.products li.product > a img, ul.products li.product img.attachment-woocommerce_thumbnail{ border-radius:0 !important; margin:0 !important; }
  ul.products li.product .ti-card__body, ul.products li.product .price, ul.products li.product .woocommerce-loop-product__title, ul.products li.product .sc-stars, ul.products li.product .ti-card__dots{ padding-left:10px !important; padding-right:10px !important; }
  ul.products li.product .woocommerce-loop-product__title{ font-size:13px !important; line-height:1.15 !important; }
  ul.products li.product .price{ font-size:13px !important; }
  ul.products li.product .button, ul.products li.product .add_to_cart_button{ margin:8px 10px 12px !important; }
  ul.products li.product img{ width:100% !important; height:auto !important; aspect-ratio:1/1; object-fit:cover; }

  /* ====== TIENDA: pills de categoria scroll horizontal limpio ====== */
  .ti-tabs, .ti-tabs__scroll{ max-width:100% !important; }
  .ti-tabs{ display:flex !important; align-items:center !important; padding:12px 0 !important; min-height:0 !important; }
  .ti-tabs__scroll{
    display:flex !important; align-items:center !important; gap:8px !important; overflow-x:auto !important;
    -webkit-overflow-scrolling:touch; padding:0 16px !important; scrollbar-width:none; width:100% !important;
  }
  .ti-tabs__scroll a, .ti-tabs__scroll button{ margin:0 !important; align-self:center !important; }
  .ti-tabs__scroll::-webkit-scrollbar{ display:none; }
  .ti-tabs__scroll a, .ti-tabs__scroll button{ flex:0 0 auto !important; white-space:nowrap; }

  /* filtros laterales: ocultos, se abren con el boton flotante */
  #sc-shoprow .ti-side, .elementor-shortcode .ti-side, .ti-side{
    position:fixed !important; top:0 !important; left:0 !important; bottom:0 !important;
    width:320px !important; max-width:92% !important; min-width:0 !important; z-index:9400 !important;
    background:#fff !important; box-shadow:18px 0 44px rgba(58,5,6,.18) !important;
    transform:translateX(-102%); transition:transform .3s cubic-bezier(.22,1,.36,1);
    overflow-y:auto !important; padding:64px 18px 24px !important; display:block !important; visibility:visible !important;
  }
  body.sc-filters-open > .ti-side{ transform:translateX(0) !important; display:block !important; visibility:visible !important; }
  body:not(.sc-filters-open) > .ti-side{ transform:translateX(-102%); }
  #sc-filter-bd{
    position:fixed; inset:0; background:rgba(58,5,6,.4); z-index:9390; opacity:0; visibility:hidden;
    transition:opacity .25s;
  }
  body.sc-filters-open #sc-filter-bd{ opacity:1; visibility:visible; }
  #sc-filter-btn{
    display:flex !important; width:calc(100% - 32px) !important; justify-content:center !important;
    background:var(--guinda,#7B0A0C) !important; color:#fff !important; border:0 !important;
    box-shadow:0 10px 22px rgba(123,10,12,.20) !important;
    position:sticky; top:70px; z-index:30; display:inline-flex; align-items:center; gap:8px;
    margin:8px 16px 4px; padding:11px 18px; border-radius:999px; border:1.5px solid var(--guinda,#7B0A0C);
    background:#fff; color:var(--guinda,#7B0A0C); font-weight:800; font-size:12.5px; letter-spacing:.05em;
    text-transform:uppercase; cursor:pointer;
  }
  #sc-filter-close{
    display:flex !important; align-items:center !important; justify-content:center !important;
    position:absolute !important; top:14px !important; right:14px !important;
    width:36px !important; height:36px !important; min-width:36px !important; max-width:36px !important;
    padding:0 !important; margin:0 !important; border-radius:50% !important;
    border:1px solid var(--linea,#E7DAD2) !important; background:#fff !important; color:var(--guinda,#7B0A0C) !important;
    font-size:20px !important; line-height:1 !important; cursor:pointer !important; box-shadow:none !important;
  }
  .woo-listing-top{ display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:10px !important; padding:6px 16px 4px !important; }
  .woocommerce-result-count{ display:block !important; font-size:14px !important; color:var(--tinta,#2B1D1A) !important; margin:0 !important; order:1; }
  .woocommerce-result-count .scc-count-num{ font-weight:800; }
  .woocommerce-result-count strong, .woocommerce-result-count b{ font-weight:800; }
  .woocommerce-ordering{ order:2; margin:0 !important; display:flex !important; align-items:center !important; gap:10px !important; }
  .woocommerce-ordering::before{ content:'Ordenar por:'; font-size:13px; color:var(--fg2,#6E5C56); white-space:nowrap; }
  .woocommerce-ordering select{
    flex:1 1 auto !important; min-height:44px !important; border:1px solid var(--linea,#E7DAD2) !important;
    border-radius:10px !important; padding:0 40px 0 14px !important; font-size:14px !important; color:var(--tinta,#2B1D1A) !important;
    -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237B0A0C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center !important;
  }
  .woocommerce-ordering .select2-container{ display:none !important; }
  .woocommerce-ordering select::-ms-expand{ display:none !important; }
  .woocommerce-ordering select::-webkit-calendar-picker-indicator{ display:none !important; }
  body .woocommerce-ordering select.orderby{ -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237B0A0C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 14px center !important; }

  /* paginacion centrada */
  .ct-pagination{ justify-content:center !important; flex-wrap:wrap; }

  /* ====== FICHA DE PRODUCTO ====== */
  .product-entry-wrapper{ grid-template-columns:1fr !important; gap:18px !important; padding:12px !important; }
  .woocommerce-product-gallery{ max-width:100% !important; margin:0 auto !important; }
  .summary.entry-summary{ width:100% !important; }
  .related.products{ width:100% !important; margin:24px 0 0 !important; }
  .related.products > h2, .related.products > ul.products{ padding:0 16px !important; }
  table.variations td, table.variations th{ display:block !important; width:100% !important; }

  /* ====== CARRITO (Blocksy ya trae fila movil .product-mobile-actions) ====== */
  .woocommerce-cart .woocommerce{ display:block !important; padding:8px 16px 44px !important; max-width:100% !important; }
  .woocommerce-cart .woocommerce > form.woocommerce-cart-form,
  .woocommerce-cart .woocommerce > .cart-collaterals,
  .woocommerce-cart .woocommerce > .cart_totals,
  .woocommerce-cart .ct-woocommerce-cart-form{ width:100% !important; float:none !important; margin:0 0 18px !important; position:static !important; display:block !important; }
  .woocommerce-cart .ct-woocommerce-cart-form > form.woocommerce-cart-form,
  .woocommerce-cart .ct-woocommerce-cart-form > .cart_totals{ flex:none !important; width:100% !important; }
  .woocommerce-cart td.actions .coupon{ max-width:none !important; width:100% !important; flex-wrap:wrap; }
  .woocommerce-cart td.actions .coupon .input-text{ flex:1 1 60%; }
  .woocommerce-cart td.actions button[name="update_cart"]{ float:none !important; width:100%; margin-top:10px; }
  .woocommerce-cart .sc-cart-head h1{ font-size:34px !important; }

  /* ====== CHECKOUT 3 PASOS ====== */
  body.woocommerce-checkout .woocommerce{
    display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important;
    padding:4px 8px 100px !important; max-width:100% !important; gap:0 !important;
  }
  body.woocommerce-checkout .woocommerce > .wpmc-tabs-wrapper{ order:0 !important; width:100% !important; }
  body.woocommerce-checkout .woocommerce > #sc-sum{ order:1 !important; width:100% !important; position:static !important; margin:0 0 16px !important; flex:0 0 auto !important; }
  body.woocommerce-checkout .woocommerce > form.checkout,
  body.woocommerce-checkout .woocommerce > .wpmc-steps-wrapper{ order:2 !important; width:100% !important; flex:0 0 auto !important; }
  body.woocommerce-checkout .woocommerce > .wpmc-nav-wrapper{ order:3 !important; width:100% !important; }
  body.woocommerce-checkout .woocommerce::before{ order:-1 !important; }
  /* resumen colapsable */
  #sc-sum.sc-sum--collapsible > h3{ display:none !important; }
  #sc-sum.sc-sum--collapsible .sc-sum__items,
  #sc-sum.sc-sum--collapsible .sc-sum__rows,
  #sc-sum.sc-sum--collapsible .sc-sum__total,
  #sc-sum.sc-sum--collapsible .sc-sum__note,
  #sc-sum.sc-sum--collapsible .sc-sum__trust{ display:none !important; }
  #sc-sum.sc-sum--collapsible.is-open .sc-sum__items,
  #sc-sum.sc-sum--collapsible.is-open .sc-sum__rows{ display:flex !important; }
  #sc-sum.sc-sum--collapsible.is-open .sc-sum__total{ display:flex !important; }
  #sc-sum.sc-sum--collapsible.is-open .sc-sum__note{ display:block !important; }
  #sc-sum.sc-sum--collapsible.is-open .sc-sum__trust{ display:flex !important; }
  #sc-sum .sc-sum__toggle{
    display:flex !important; align-items:center; justify-content:space-between; width:100%;
    background:none; border:0; cursor:pointer; font-family:'Bebas Neue',sans-serif; color:var(--guinda,#7B0A0C);
    font-size:18px; text-transform:uppercase; letter-spacing:.03em; padding:0;
  }
  #sc-sum .sc-sum__toggle .amt{ font-size:19px; display:flex; align-items:center; gap:6px; }
  #sc-sum.is-open .sc-sum__toggle .chev{ display:inline-block; transform:rotate(180deg); }
  /* stepper wrap */
  .wpmc-tabs-wrapper .wpmc-tabs-list{ flex-wrap:wrap !important; row-gap:10px !important; max-width:100% !important; }
  .wpmc-tabs-wrapper .wpmc-tab-item{ flex:0 0 auto !important; min-width:0 !important; }
  .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-text{ font-size:10.5px !important; letter-spacing:.03em !important; }
  .wpmc-tabs-wrapper .wpmc-tab-item:not(:last-child)::after{ width:14px !important; margin:0 6px !important; }
  .wpmc-steps-wrapper .wpmc-nav-wrapper{ flex-direction:column-reverse !important; gap:8px !important; }
  .wpmc-steps-wrapper .wpmc-nav-wrapper #wpmc-next,
  .wpmc-step-review #place_order{ width:100% !important; }
  .scc-card{ padding:16px !important; }
  .scc-card > h3{ display:block !important; }
  .scc-login-link{ float:none !important; display:block !important; margin:6px 0 0 !important; font-size:12px !important; }
  .woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last{ width:100% !important; float:none !important; }
  #billing_doc_type_field .woocommerce-input-wrapper{ flex-direction:column !important; }
  .scc-sg-box .form-row-first, .scc-sg-box .form-row-last{ width:100% !important; }

  /* ====== BLOG ====== */
  .scb-layout, .scb-single{ grid-template-columns:1fr !important; gap:26px !important; padding-left:16px !important; padding-right:16px !important; }
  .scb-feat{ grid-template-columns:1fr !important; }
  .scb-grid{ grid-template-columns:1fr !important; }
  .scb-hero{ min-height:260px !important; }
  .scb-hero__inner{ padding:40px 20px !important; }
  .scb-hero h1{ font-size:32px !important; }
  body.single-post .entry-header{ max-width:100% !important; padding-left:16px !important; padding-right:16px !important; }
  body.single-post .entry-content > .scb-single{ max-width:100% !important; padding-left:16px !important; padding-right:16px !important; }

  /* ====== FOOTER ====== */
  .footer__top{ grid-template-columns:1fr 1fr !important; gap:26px 20px !important; }
  .footer__brand{ grid-column:1 / -1 !important; }
  .footer__bottom{ flex-direction:column; align-items:flex-start; gap:12px; }
}

@media (max-width: 480px){
  .footer__top{ grid-template-columns:1fr !important; }
  .scb-hero h1{ font-size:27px !important; }
}

/* ================= HERO + HOTSPOTS movil ================= */
@media (max-width: 820px){
  /* hero: sin banda roja abajo -> menos alto y encuadre hacia arriba */
  section.hero, .hero, .pagehero, .elementor-element-herowr1 > .elementor-element,
  section.hero > .elementor-widget-container, section.hero .elementor-element{ min-height:0 !important; }
  section.hero, .hero{ min-height:74vh !important; height:74vh !important; }
  section.hero .photo, .hero .photo, .pagehero .photo{ position:absolute !important; inset:0 !important; height:100% !important; }
  section.hero .photo-img, .hero .photo-img, .pagehero .photo-img,
  section.hero img.photo-img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; object-position:50% 22% !important; }
  /* scrim vertical suave (evita el bloque guinda solido) */
  .hero__scrim{ background:linear-gradient(180deg, rgba(40,12,8,.10) 0%, rgba(40,12,8,.20) 45%, rgba(40,12,8,.62) 100%) !important; }
  .hero__title{ font-size:30px !important; line-height:1.06 !important; }
  /* heros de paginas (Mayoristas/Contactenos/Historia): la imagen debe LLENAR el cuadro (evita banda guinda) */
  .mz-hero, .ch-hero, .hh-hero, .hi-hero, [class$="-hero"]{ min-height:210px !important; position:relative !important; overflow:hidden !important; }
  .mz-hero > img, .mz-hero .mz-hero__img,
  .ch-hero > img, .ch-hero .ch-hero__img,
  [class$="-hero"] > img,
  [class$="-hero"] > [class$="__img"],
  [class$="-hero"] [class$="-hero__img"]{
    position:absolute !important; inset:0 !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
    width:100% !important; height:100% !important; min-height:100% !important; object-fit:cover !important; object-position:center !important;
  }

  /* seccion 'El arte de combinar': ocultar los puntos de interes mal ubicados */
  .combine__stage, .combine .photo{ position:relative !important; }
}

/* ================= PREGUNTAS FRECUENTES movil + backdrop drawer ================= */
@media (max-width: 820px){
  .mobnav-backdrop{ background:rgba(58,5,6,.55) !important; }
  .mobnav{ overscroll-behavior:contain !important; }
  /* categorias como chips compactos */
  .pg-faqcats{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:8px !important; padding:0 12px !important; margin:0 0 18px !important; }
  .pg-faqcat{ padding:8px 15px !important; min-height:0 !important; height:auto !important; font-size:12px !important; letter-spacing:.03em !important; border-radius:999px !important; }
  /* acordeon: filas limpias (no pastillas gigantes) */
  .pg-acc{ padding:0 12px !important; max-width:100% !important; }
  .pg-acc .pg-q{ border:1px solid var(--linea,#E7DAD2) !important; border-radius:12px !important; margin:0 0 10px !important; background:#fff !important; overflow:hidden !important; box-shadow:none !important; }
  .pg-acc .pg-q__btn{ width:100% !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; text-align:left !important; background:#fff !important; background-color:#fff !important; color:var(--tinta,#2B1D1A) !important; border:0 !important; border-radius:0 !important; padding:15px 16px !important; font-size:14px !important; font-weight:700 !important; line-height:1.3 !important; text-transform:none !important; letter-spacing:normal !important; box-shadow:none !important; -webkit-appearance:none !important; appearance:none !important; }
  .pg-acc .pg-q.is-open .pg-q__btn{ color:var(--guinda,#7B0A0C) !important; }
  .pg-acc .pg-q__btn svg{ flex:0 0 20px !important; width:20px !important; height:20px !important; color:var(--guinda,#7B0A0C) !important; transition:transform .2s !important; }
  .pg-acc .pg-q.is-open .pg-q__btn svg{ transform:rotate(180deg) !important; }
  .pg-acc .pg-q__a{ padding:0 16px 16px !important; font-size:13px !important; color:var(--fg2,#6E5C56) !important; line-height:1.6 !important; }
  .pg-acc .pg-q:not(.is-open) .pg-q__a{ display:none !important; }
}

/* ================= FICHA: tabla info adicional (movil) + zoom de galeria ================= */
@media (max-width: 820px){
  .woocommerce-Tabs-panel table.woocommerce-product-attributes,
  table.woocommerce-product-attributes.shop_attributes{ display:block !important; width:100% !important; border:0 !important; margin:0 !important; }
  table.woocommerce-product-attributes tbody{ display:block !important; }
  table.woocommerce-product-attributes tr{
    display:block !important; border:1px solid var(--linea,#E7DAD2) !important; border-radius:10px !important;
    margin:0 0 10px !important; padding:12px 14px !important; background:#fff !important;
  }
  table.woocommerce-product-attributes th,
  table.woocommerce-product-attributes td{
    display:block !important; width:100% !important; border:0 !important; padding:0 !important; text-align:left !important;
  }
  table.woocommerce-product-attributes th{
    font-size:11px !important; text-transform:uppercase !important; letter-spacing:.06em !important;
    color:var(--dorado,#C9AA8A) !important; font-weight:800 !important; margin:0 0 4px !important;
  }
  table.woocommerce-product-attributes td{ font-size:13.5px !important; color:var(--tinta,#2B1D1A) !important; line-height:1.5 !important; }
  table.woocommerce-product-attributes td p{ margin:0 !important; }

  /* pestañas de la ficha: scroll horizontal si no caben */
  .woocommerce-tabs .tabs.wc-tabs, .woocommerce-tabs ul.tabs{
    display:flex !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch; white-space:nowrap !important;
    padding:0 !important; margin:0 0 14px !important; scrollbar-width:none;
  }
  .woocommerce-tabs ul.tabs::-webkit-scrollbar{ display:none; }
  .woocommerce-tabs ul.tabs li{ flex:0 0 auto !important; margin:0 6px 0 0 !important; }
}

/* zoom de galeria (todas las pantallas) */
.scc-zoom-ov{ position:fixed; inset:0; z-index:99999; background:rgba(20,8,6,.93); display:none; align-items:center; justify-content:center; padding:18px; }
.scc-zoom-ov.on{ display:flex; }
.scc-zoom-ov img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.5); }
.scc-zoom-x{ position:absolute; top:14px; right:14px; width:46px; height:46px; border-radius:50%; border:0; background:rgba(255,255,255,.16); color:#fff; font-size:28px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.scc-zoom-x:hover{ background:rgba(255,255,255,.28); }
.ct-product-gallery-container, .woocommerce-product-gallery, .flexy{ cursor:zoom-in; }
.scc-lens{ position:absolute !important; top:14px !important; right:14px !important; z-index:30 !important; width:42px !important; height:42px !important; min-width:42px !important; border-radius:50% !important; border:1px solid var(--linea,#E7DAD2) !important; background:#fff !important; background-color:#fff !important; color:var(--guinda,#7B0A0C) !important; display:flex !important; align-items:center !important; justify-content:center !important; cursor:pointer !important; box-shadow:0 6px 16px rgba(58,5,6,.16) !important; padding:0 !important; -webkit-appearance:none !important; appearance:none !important; }
.scc-lens svg{ width:20px !important; height:20px !important; stroke:var(--guinda,#7B0A0C) !important; display:block !important; }
.scc-lens:hover{ background:#fff !important; box-shadow:0 8px 20px rgba(58,5,6,.24) !important; }
.ct-product-gallery-container::after{ content:none !important; }
/* ================= PREGUNTAS FRECUENTES (todas las pantallas) ================= */
.pg-faqcats{ display:flex !important; flex-wrap:wrap !important; gap:10px !important; margin:0 0 22px !important; }
.pg-faqcat{
  -webkit-appearance:none !important; appearance:none !important;
  padding:9px 18px !important; min-height:0 !important; height:auto !important;
  border:1.5px solid var(--guinda,#7B0A0C) !important; border-radius:999px !important;
  background:#fff !important; background-color:#fff !important; color:var(--guinda,#7B0A0C) !important;
  font-size:12.5px !important; font-weight:800 !important; letter-spacing:.04em !important;
  text-transform:uppercase !important; cursor:pointer !important; box-shadow:none !important; line-height:1 !important;
  transition:background-color .15s, color .15s !important;
}
.pg-faqcat:hover{ background:rgba(123,10,12,.06) !important; }
.pg-faqcat.is-on, .pg-faqcat.is-active{ background:var(--guinda,#7B0A0C) !important; background-color:var(--guinda,#7B0A0C) !important; color:#fff !important; }

.pg-acc{ display:flex !important; flex-direction:column !important; gap:12px !important; }
.pg-acc .pg-q{
  border:1px solid var(--linea,#E7DAD2) !important; border-radius:14px !important; background:#fff !important;
  overflow:hidden !important; box-shadow:none !important; margin:0 !important;
}
.pg-acc .pg-q__btn{
  -webkit-appearance:none !important; appearance:none !important;
  width:100% !important; display:flex !important; align-items:center !important; justify-content:space-between !important;
  gap:14px !important; text-align:left !important;
  background:#fff !important; background-color:#fff !important; color:var(--tinta,#2B1D1A) !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  padding:16px 18px !important; font-size:15px !important; font-weight:700 !important; line-height:1.35 !important;
  text-transform:none !important; letter-spacing:normal !important; cursor:pointer !important;
}
.pg-acc .pg-q.is-open .pg-q__btn{ color:var(--guinda,#7B0A0C) !important; }
.pg-acc .pg-q__btn svg{ flex:0 0 20px !important; width:20px !important; height:20px !important; color:var(--guinda,#7B0A0C) !important; stroke:var(--guinda,#7B0A0C) !important; transition:transform .2s !important; }
.pg-acc .pg-q.is-open .pg-q__btn svg{ transform:rotate(180deg) !important; }
.pg-acc .pg-q__a{ padding:0 18px 18px !important; font-size:14px !important; color:var(--fg2,#6E5C56) !important; line-height:1.65 !important; }
.pg-acc .pg-q__a p{ margin:0 0 8px !important; }
.pg-acc .pg-q:not(.is-open) .pg-q__a{ display:none !important; }
/* ================= PAGINACION (todas las pantallas) - flechas centradas ================= */
.ct-pagination, nav.woocommerce-pagination, .woocommerce-pagination ul{
  display:flex !important; align-items:center !important; justify-content:center !important;
  gap:8px !important; flex-wrap:wrap !important; margin:30px auto 10px !important; padding:0 !important; list-style:none !important;
}
.ct-pagination .ct-hidden-sm{ display:flex !important; align-items:center !important; gap:8px !important; }
.ct-pagination .page-numbers,
.woocommerce-pagination .page-numbers{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:40px !important; height:40px !important; min-width:40px !important; min-height:40px !important;
  padding:0 !important; margin:0 !important; box-sizing:border-box !important;
  border:1px solid var(--linea,#E7DAD2) !important; border-radius:10px !important; background:#fff !important;
  font-size:14px !important; font-weight:700 !important; line-height:1 !important; text-decoration:none !important;
  color:var(--tinta,#2B1D1A) !important; vertical-align:middle !important; float:none !important;
}
.woocommerce-pagination li{ margin:0 !important; padding:0 !important; border:0 !important; }
.ct-pagination .page-numbers.current,
.woocommerce-pagination .page-numbers.current{
  background:var(--guinda,#7B0A0C) !important; border-color:var(--guinda,#7B0A0C) !important; color:#fff !important;
}
.ct-pagination a.page-numbers:hover,
.woocommerce-pagination a.page-numbers:hover{ border-color:var(--guinda,#7B0A0C) !important; color:var(--guinda,#7B0A0C) !important; }
.ct-pagination .prev.page-numbers, .ct-pagination .next.page-numbers,
.woocommerce-pagination .prev.page-numbers, .woocommerce-pagination .next.page-numbers{ font-size:0 !important; gap:0 !important; letter-spacing:0 !important; }
.ct-pagination .prev.page-numbers svg, .ct-pagination .next.page-numbers svg,
.woocommerce-pagination .prev.page-numbers svg, .woocommerce-pagination .next.page-numbers svg{
  width:12px !important; height:12px !important; display:block !important; flex:0 0 auto !important; margin:0 !important;
}
/* HERO desktop: imagen con lienzo extendido para centrar al sujeto (no se corta la cara en pantallas grandes) */
@media (min-width:821px){
  section.hero .photo, .hero .photo, section.hero .photo--lifestyle, .hero .photo--lifestyle{
    background-image:url('https://ecomm.greamspot.com/wp-content/uploads/sc-css/hero-desktop.jpg') !important; background-size:cover !important;
    background-position:center 32% !important; background-repeat:no-repeat !important; background-color:#3a2a24 !important;
  }
  section.hero .photo-img, .hero .photo-img{ display:none !important; }
}

/* ===== puntos de interes (El arte de combinar) en movil ===== */
@media (max-width:820px){
  .combine__stage{ position:relative !important; overflow:visible !important; }
  .combine .hotspot, .combine__stage .hotspot, .section.combine .hotspot{ display:block !important; position:absolute !important; z-index:6 !important; }
  .combine .hotspot__dot{ width:40px !important; height:40px !important; }
  .combine .hotspot__dot svg, .combine .hotspot__dot .ic{ width:18px !important; height:18px !important; }
  .combine .hotspot__card,
  .combine .hotspot--left .hotspot__card,
  .combine .hotspot--upleft .hotspot__card,
  .combine .hotspot--right .hotspot__card{
    position:fixed !important; left:50% !important; right:auto !important; top:auto !important;
    bottom:96px !important; width:min(300px,86vw) !important; max-width:86vw !important;
    transform:translateX(-50%) scale(.96) !important; transform-origin:center bottom !important; z-index:9200 !important;
  }
  .combine .hotspot.open .hotspot__card{ opacity:1 !important; visibility:visible !important; transform:translateX(-50%) scale(1) !important; box-shadow:0 24px 60px rgba(20,8,6,.4) !important; }
  .combine__stage.has-open-hs .hotspot__dot{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
}

/* ================= obs. 6.2: un solo menu movil, sin la pestana duplicada "Categorias" ================= */
.mobnav .mobnav__tabs{ display:none !important; }
.mobnav .mobnav__list:nth-of-type(1){ display:flex !important; }
.mobnav .mobnav__list:nth-of-type(2){ display:none !important; }