/* quemp-mobile-v195.css - Responsive mobile Quempanada Horeca */

/* TABLET 768-991px: 3 cols */
@media (min-width: 768px) and (max-width: 991px) {
  html body#category:not(.canal-group-49) #js-product-list .products .js-product,
  html body.page-category:not(.canal-group-49) #js-product-list .products .js-product {
    flex: 0 0 33.3333% !important; max-width: 33.3333% !important; width: 33.3333% !important;
  }
  html body#category:not(.canal-group-49) .js-product article.product-miniature { width: 100% !important; max-width: 100% !important; }
}

/* PHONE <=767px: FORCE 2 COLS via Grid */
@media (max-width: 767px) {
  html body#category:not(.canal-group-49) #js-product-list .products.row,
  html body#category:not(.canal-group-49) #js-product-list .products,
  html body.page-category:not(.canal-group-49) #js-product-list .products.row,
  html body.page-category:not(.canal-group-49) #js-product-list .products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: unset !important;
    gap: 12px 10px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    align-items: start !important;
  }
  html body#category:not(.canal-group-49) #js-product-list .products .js-product,
  html body.page-category:not(.canal-group-49) #js-product-list .products .js-product {
    flex: none !important; max-width: 100% !important; width: 100% !important;
    padding: 0 !important; margin: 0 !important; height: auto !important; align-self: start !important;
  }
  html body#category:not(.canal-group-49) .js-product article.product-miniature,
  html body.page-category:not(.canal-group-49) .js-product article.product-miniature {
    width: 100% !important; max-width: 100% !important;
  }
  /* Compact strip on phone */
  html body#category:not(.canal-group-49) .js-product .q-card-strip {
    padding: 8px !important; gap: 6px !important; min-height: 0 !important; margin: 0 !important;
  }
  html body#category:not(.canal-group-49) .js-product .q-card-strip .q-strip-title {
    font-size: 10.5px !important; min-height: 26px !important; -webkit-line-clamp: 2 !important; letter-spacing: 0 !important;
  }
  html body#category:not(.canal-group-49) .js-product .q-card-strip .q-strip-price {
    font-size: 10.5px !important; padding: 3px 7px !important;
  }
  html body#category:not(.canal-group-49) .js-product .q-card-strip .q-stepper {
    height: 30px !important;
  }
  html body#category:not(.canal-group-49) .js-product .q-card-strip .q-stepper-btn {
    width: 24px !important; height: 28px !important; font-size: 14px !important;
  }
  html body#category:not(.canal-group-49) .js-product .q-card-strip .q-stepper-input {
    width: 24px !important; font-size: 12px !important; height: 28px !important;
  }
  html body#category:not(.canal-group-49) .js-product .q-card-strip .q-add-btn {
    height: 30px !important; font-size: 10px !important; padding: 0 6px !important; gap: 4px !important;
    letter-spacing: .1px !important;
  }
  html body#category:not(.canal-group-49) .js-product .q-card-strip .q-add-btn svg {
    width: 12px !important; height: 12px !important; flex: 0 0 12px !important;
  }
  /* Price pill on photo smaller */
  html body#category:not(.canal-group-49) .js-product .thumbnail-container .product-price-and-shipping {
    font-size: 10.5px !important; padding: 4px 9px !important; bottom: 6px !important; right: 6px !important;
  }
  /* Hay X productos & filter bar — compact */
  html body#category .total-products,
  html body.page-category .total-products { font-size: 11px !important; padding: 0 8px !important; margin: 8px 0 !important; }
  html body #q-cat-filters {
    display: flex !important; flex-wrap: wrap !important; gap: 6px !important; padding: 4px 8px !important; row-gap: 6px !important;
  }
  html body .q-filter-btn {
    font-size: 10.5px !important; padding: 5px 9px !important; min-height: 30px !important;
  }
  html body .sort-by-row { flex-wrap: wrap !important; gap: 8px !important; padding: 4px 8px !important; }
  html body .sort-by-row .products-sort-order { flex: 0 0 auto !important; font-size: 11px !important; }
  /* Header on mobile: simplify */
  html body #_desktop_top_menu,
  html body #header .top-menu,
  html body .q-nav-pages { display: none !important; }
  html body #header { padding: 6px 0 !important; }
  html body #header .header-top { padding: 6px 8px !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: center !important; }
  html body #_desktop_logo, html body #header .logo { max-height: 36px !important; width: auto !important; }
  html body #header .logo img { max-height: 36px !important; width: auto !important; }
  html body .quemp-cart-wrapper { flex: 0 0 auto !important; max-width: 60% !important; }
  html body .quemp-cart-wrapper .blockcart { font-size: 11px !important; }
  /* Footer: stack columns */
  html body #footer .row > [class*='col-'],
  html body #footer .block-contact,
  html body #footer .links { flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 16px !important; }
  html body #footer { padding: 16px 8px !important; }
  html body #footer h3, html body #footer .h3 { font-size: 13px !important; margin-bottom: 8px !important; }
  /* Form fields: prevent iOS zoom */
  html body input[type='text'],
  html body input[type='email'],
  html body input[type='password'],
  html body input[type='tel'],
  html body input[type='search'],
  html body select,
  html body textarea { font-size: 16px !important; }
  html body .q-stepper-input { font-size: 12px !important; }
  /* Cart page: stack */
  html body .cart-grid .cart-grid-body,
  html body .cart-grid .cart-grid-right,
  html body .cart-grid-body,
  html body .cart-grid-right { flex: 0 0 100% !important; max-width: 100% !important; margin: 0 0 12px 0 !important; }
  html body .cart-item { padding: 8px !important; }
  html body .cart-item .product-line-info { font-size: 12px !important; }
  /* Checkout: stack steps */
  html body #checkout .row > [class*='col-'] { flex: 0 0 100% !important; max-width: 100% !important; }
  html body .checkout-process { padding: 0 8px !important; }
  html body .step-edit, html body .step-title { font-size: 13px !important; }
  /* Product detail page: stack image & info */
  html body #product .row > [class*='col-'] { flex: 0 0 100% !important; max-width: 100% !important; }
  html body #product .product-cover { max-width: 100% !important; }
  html body #product .product-information { padding: 12px 8px !important; }
  /* Home: video hero fit */
  html body .home-hero, html body .video-hero { max-height: 70vh !important; width: 100% !important; }
  html body .home-hero video, html body .video-hero video { width: 100% !important; height: auto !important; }
  /* Generic container reset */
  html body .container, html body .container-fluid { padding-left: 8px !important; padding-right: 8px !important; }
}

/* TINY PHONE <=360px: AÑADIR icon-only */
@media (max-width: 360px) {
  html body#category:not(.canal-group-49) .js-product .q-card-strip .q-add-btn .q-add-label { display: none !important; }
  html body#category:not(.canal-group-49) .js-product .q-card-strip .q-add-btn {
    flex: 0 0 36px !important; padding: 0 !important; width: 36px !important; min-width: 36px !important;
  }
  html body#category:not(.canal-group-49) .js-product .q-card-strip .q-add-btn svg { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; }
  html body#category:not(.canal-group-49) .js-product .q-card-strip .q-stepper-btn { width: 22px !important; }
  html body#category:not(.canal-group-49) .js-product .q-card-strip .q-stepper-input { width: 22px !important; }
}

/* === v195b: overflow fixes === */
@media (max-width: 767px) {
  /* Hide the inline nav menu (it's .q-nav-pages-inline, not .q-nav-pages) */
  html body .q-nav-pages-inline,
  html body .quemp-header-left .q-nav-pages-inline,
  html body nav.q-nav-pages-inline { display: none !important; }
  /* Header flex wrap + no overflow */
  html body .quemp-header-flex { flex-wrap: wrap !important; justify-content: space-between !important; padding: 6px 8px !important; gap: 6px !important; }
  html body .quemp-header-left { flex: 0 0 auto !important; max-width: none !important; }
  html body .quemp-header-center { flex: 1 1 auto !important; text-align: center !important; }
  html body .quemp-header-right { flex: 0 0 auto !important; }
  /* Products selection / sort bar: full width, wrap */
  html body .products-selection { display: block !important; }
  html body .products-selection .col-lg-7,
  html body .products-selection [class*='col-'] { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; padding: 0 !important; }
  html body .sort-by-row { flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; gap: 6px !important; padding: 4px 0 !important; }
  html body #q-cat-filters { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  html body .sort-by-row .products-sort-order,
  html body .sort-by-row .dropdown { flex: 0 0 auto !important; max-width: 100% !important; }
  /* Global guard: no element wider than viewport */
  html body #content-wrapper,
  html body #content,
  html body #main,
  html body #js-product-list { max-width: 100% !important; overflow-x: hidden !important; }
  html body { overflow-x: hidden !important; }
}

/* === v195c: nav specificity beat inline #header rule === */
@media (max-width: 767px) {
  html body #header nav.q-nav-pages-inline,
  html body #header .quemp-header-left nav.q-nav-pages-inline,
  html body #header .quemp-header-left .q-nav-pages-inline,
  html body #_desktop_top_menu nav.q-nav-pages-inline { display: none !important; }
  /* header-left should not reserve width now */
  html body #header .quemp-header-left { flex: 0 0 auto !important; width: auto !important; max-width: 44px !important; }
}



/* === v195e: stacked actions full-specificity === */
@media (max-width: 767px) {
  html body#category:not(.canal-group-49) #js-product-list .products .js-product .q-card-strip .q-strip-actions {
    flex-direction: column !important; align-items: stretch !important; gap: 6px !important;
  }
  html body#category:not(.canal-group-49) #js-product-list .products .js-product .q-card-strip .q-stepper {
    width: 100% !important; display: flex !important; justify-content: space-between !important;
    align-items: center !important; height: 34px !important; box-sizing: border-box !important;
  }
  html body#category:not(.canal-group-49) #js-product-list .products .js-product .q-card-strip .q-stepper-btn {
    width: 40px !important; height: 32px !important; font-size: 18px !important; flex: 0 0 40px !important;
  }
  html body#category:not(.canal-group-49) #js-product-list .products .js-product .q-card-strip .q-stepper-input {
    flex: 1 1 auto !important; width: auto !important; font-size: 14px !important; height: 32px !important;
  }
  html body#category:not(.canal-group-49) #js-product-list .products .js-product .q-card-strip .q-add-btn {
    width: 100% !important; flex: none !important; height: 38px !important;
    font-size: 12px !important; padding: 0 8px !important; letter-spacing: .3px !important;
    min-width: 0 !important; gap: 6px !important; box-sizing: border-box !important;
  }
  html body#category:not(.canal-group-49) #js-product-list .products .js-product .q-card-strip .q-add-btn .q-add-label { display: inline !important; }
  html body#category:not(.canal-group-49) #js-product-list .products .js-product .q-card-strip .q-add-btn svg { width: 14px !important; height: 14px !important; flex: 0 0 14px !important; }
  html body#category:not(.canal-group-49) #js-product-list .products .js-product .q-card-strip .q-strip-title { font-size: 11px !important; min-height: 28px !important; -webkit-line-clamp: 2 !important; }
  html body#category:not(.canal-group-49) #js-product-list .products .js-product .q-card-strip .q-strip-top { flex-wrap: wrap !important; gap: 4px 6px !important; }
}

/* === v195f: header logo-left, user+cart right === */
@media (max-width: 767px) {
  html body #header .quemp-header-flex {
    display: flex !important; flex-direction: row !important;
    justify-content: space-between !important; align-items: center !important;
    flex-wrap: nowrap !important; gap: 8px !important; padding: 6px 12px !important; width: 100% !important;
  }
  /* Hide empty left nav slot */
  html body #header .quemp-header-flex .quemp-header-left { display: none !important; }
  /* Logo to the LEFT */
  html body #header .quemp-header-flex #_desktop_logo.quemp-header-center,
  html body #header .quemp-header-flex .quemp-header-center {
    order: 0 !important; flex: 0 0 auto !important; text-align: left !important; margin: 0 !important;
  }
  html body #header .quemp-header-center a img,
  html body #header #_desktop_logo img { max-height: 48px !important; width: auto !important; }
  /* User + cart to the RIGHT */
  html body #header .quemp-header-flex .quemp-header-right {
    order: 1 !important; flex: 0 0 auto !important;
    display: flex !important; flex-direction: row !important; align-items: center !important;
    gap: 8px !important; margin: 0 !important;
  }
  /* Show user name on mobile (override Bootstrap hidden-sm-down) */
  html body #header .quemp-header-right span.hidden-sm-down {
    display: inline-block !important; font-size: 12px !important; font-weight: 600 !important;
    max-width: 90px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
  }
  /* Keep logout hidden on mobile (only profile) */
  html body #header .quemp-header-right a.logout.hidden-sm-down { display: none !important; }
  /* Cart pill compact */
  html body #header .quemp-cart-wrapper { flex: 0 0 auto !important; max-width: none !important; }
}

/* === v195g: logo static (de-absolute) + right shrink === */
@media (max-width: 767px) {
  html body #header .quemp-header-flex #_desktop_logo,
  html body #header .quemp-header-flex .quemp-header-center {
    position: static !important; transform: none !important;
    left: auto !important; right: auto !important; top: auto !important;
    order: 0 !important; flex: 0 0 auto !important; margin: 0 !important; width: auto !important;
  }
  html body #header .quemp-header-flex .quemp-header-right {
    position: static !important; order: 1 !important; flex: 0 0 auto !important;
    width: auto !important; max-width: none !important;
    justify-content: flex-end !important; gap: 8px !important;
  }
  /* Cart pill: shrink to content, don't stretch */
  html body #header .quemp-header-right .quemp-cart-wrapper,
  html body #header .quemp-header-right .blockcart {
    width: auto !important; max-width: none !important; flex: 0 0 auto !important;
  }
}

/* === v195h: cart icon+count only (hide 'Carrito' word) on mobile === */
@media (max-width: 767px) {
  /* Hide the word 'Carrito' inside the cart pill, keep icon + (n) */
  html body #header .quemp-cart-wrapper .blockcart .header span.hidden-sm-down {
    display: none !important;
  }
  /* Compact cart pill padding */
  html body #header .quemp-cart-wrapper .blockcart .header a {
    padding: 6px 12px !important; gap: 4px !important;
  }
  /* Keep user name short */
  html body #header .quemp-header-right > span.hidden-sm-down,
  html body #header .quemp-header-right span.hidden-sm-down:not(.blockcart span) {
    max-width: 80px !important;
  }
}

/* ============================================================
   v196: aesthetic header grouped-pill (mobile)
   ============================================================ */
@media (max-width: 767px) {
  /* Header depth: single terracota hairline + soft shadow */
  html body #header .header-top {
    border-bottom: 1px solid rgba(192, 90, 16, 0.18) !important;
    box-shadow: 0 2px 10px rgba(58, 42, 26, 0.10) !important;
  }
  html body #header .quemp-header-flex {
    gap: 10px !important; padding: 8px 14px !important; min-height: 60px !important;
    align-items: center !important; flex-wrap: nowrap !important; box-sizing: border-box !important;
  }
  /* Logo: 46px, tidy */
  html body #header .quemp-header-center img,
  html body #header #_desktop_logo img { max-height: 46px !important; width: auto !important; display: block !important; }
  /* Right cluster */
  html body #header .quemp-header-right { display: flex !important; align-items: center !important; gap: 8px !important; flex: 0 1 auto !important; min-width: 0 !important; }
  html body #header .quemp-header-right .quemp-cart-wrapper { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; width: auto !important; max-width: none !important; }
  /* Hide 'Cerrar sesión' on mobile (only from profile) */
  html body #header #_desktop_user_info a.logout { display: none !important; }
  /* USER CHIP = a.account (person icon + Juan Pepe) in a cream pill */
  html body #header #_desktop_user_info a.account {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    background: #efe1c8 !important; border: 1px solid rgba(58, 42, 26, 0.10) !important;
    border-radius: 999px !important; padding: 6px 12px !important; margin: 0 !important;
    max-width: 42vw !important; min-width: 0 !important; box-sizing: border-box !important;
    color: #3a2a1a !important; font-family: 'Inter','Helvetica Neue',Arial,sans-serif !important;
    font-size: 13px !important; font-weight: 600 !important; letter-spacing: .2px !important;
    text-decoration: none !important; white-space: nowrap !important; overflow: hidden !important;
    box-shadow: 0 1px 2px rgba(58,42,26,.06) !important;
  }
  html body #header #_desktop_user_info a.account i.material-icons {
    display: inline-flex !important; font-size: 18px !important; line-height: 1 !important; color: #c05a10 !important; flex-shrink: 0 !important;
  }
  html body #header #_desktop_user_info a.account span.hidden-sm-down {
    display: inline-block !important; color: #3a2a1a !important; font-size: 13px !important; font-weight: 600 !important;
    min-width: 0 !important; max-width: 30vw !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
  }
  /* CART pill: terracota CTA, flush, with soft lift */
  html body #header #_desktop_cart .blockcart .header a {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    background: #C05A10 !important; color: #fff !important; padding: 8px 14px !important;
    border-radius: 999px !important; font-family: 'Inter','Helvetica Neue',Arial,sans-serif !important;
    font-size: 13px !important; font-weight: 700 !important; letter-spacing: .3px !important;
    white-space: nowrap !important; box-shadow: 0 2px 6px rgba(192,90,16,.28) !important; text-decoration: none !important;
  }
  html body #header #_desktop_cart .blockcart .header a i.material-icons {
    font-size: 16px !important; color: #fff !important; flex-shrink: 0 !important;
  }
}
@media (max-width: 360px) {
  html body #header .quemp-header-flex { gap: 8px !important; padding: 8px 10px !important; }
  html body #header .quemp-header-center img,
  html body #header #_desktop_logo img { max-height: 42px !important; }
  html body #header .quemp-header-right { gap: 6px !important; }
  html body #header #_desktop_user_info a.account { padding: 6px 9px !important; max-width: 36vw !important; }
  html body #header #_desktop_user_info a.account span.hidden-sm-down { max-width: 22vw !important; }
  html body #header #_desktop_cart .blockcart .header a { padding: 8px 11px !important; }
}

/* === v196b: logo height (beat quemp-cart-horeca 2-ID rule) === */
@media (max-width: 767px) {
  html body #header #_desktop_logo img.logo,
  html body #header #_desktop_logo img.logo.img-fluid,
  html body#category #header #_desktop_logo img.logo,
  html body.page-category #header #_desktop_logo img.logo {
    height: 46px !important; max-height: 46px !important; width: auto !important;
  }
}
@media (max-width: 360px) {
  html body #header #_desktop_logo img.logo,
  html body#category #header #_desktop_logo img.logo,
  html body.page-category #header #_desktop_logo img.logo {
    height: 42px !important; max-height: 42px !important;
  }
}

/* === v196c: logo height — match quemp-cart-horeca chain + extra class === */
@media (max-width: 767px) {
  html body#category:not(.canal-group-49) #header .header-top #_desktop_logo img.logo,
  html body.page-category:not(.canal-group-49) #header .header-top #_desktop_logo img.logo,
  html body:not(.canal-group-49) #header .header-top #_desktop_logo img.logo.img-fluid {
    height: 46px !important; max-height: 46px !important; width: auto !important;
  }
}
@media (max-width: 360px) {
  html body#category:not(.canal-group-49) #header .header-top #_desktop_logo img.logo,
  html body.page-category:not(.canal-group-49) #header .header-top #_desktop_logo img.logo,
  html body:not(.canal-group-49) #header .header-top #_desktop_logo img.logo.img-fluid {
    height: 42px !important; max-height: 42px !important;
  }
}

/* === v196d: footer responsive — stack columns, contain row, no cutoff === */
@media (max-width: 767px) {
  /* Contain the Bootstrap negative-margin row so nothing is cut off */
  html body #footer .footer-container .container { padding-left: 18px !important; padding-right: 18px !important; max-width: 100% !important; overflow-x: hidden !important; }
  html body #footer .footer-container .container .row { margin-left: 0 !important; margin-right: 0 !important; }
  html body #footer .container { padding-left: 18px !important; padding-right: 18px !important; }
  html body #footer .container .row { margin-left: 0 !important; margin-right: 0 !important; }
  /* Stack ALL footer columns full-width */
  html body #footer .footer-container .row > [class*='col-'],
  html body #footer .footer-container .row > .links,
  html body #footer .footer-container .row > .block-contact,
  html body #footer .row > [class*='col-'] {
    flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important;
    padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 22px !important; box-sizing: border-box !important;
  }
  /* Titles & links readable */
  html body #footer .footer-container h3,
  html body #footer .footer-container .h3,
  html body #footer .footer-container .title { font-size: 14px !important; margin: 0 0 10px 0 !important; letter-spacing: 1px !important; }
  html body #footer .footer-container a,
  html body #footer .footer-container li { font-size: 13px !important; line-height: 1.9 !important; }
  html body #footer .footer-container .block-contact,
  html body #footer .footer-container .block-contact * { word-break: break-word !important; }
  /* Copyright bar */
  html body #footer .col-md-12 { flex: 0 0 100% !important; max-width: 100% !important; text-align: center !important; }
  /* Hide newsletter/social top block clutter on mobile if empty */
  html body #footer .block_newsletter:empty,
  html body #footer .block-social:empty { display: none !important; }
}

/* === v196e: footer columns block-stack (sidestep flex wars) === */
@media (max-width: 767px) {
  html body #footer .footer-container .container .row { display: block !important; }
  html body #footer .footer-container .container .row > div,
  html body #footer .footer-container .container .row > [class*='col-'],
  html body #footer .footer-container .container .row > .links,
  html body #footer .footer-container .container .row > .block-contact {
    display: block !important; width: 100% !important; max-width: 100% !important;
    float: none !important; margin: 0 0 22px 0 !important; padding: 0 !important; box-sizing: border-box !important;
  }
  /* Nested wrapper cols inside .links also block */
  html body #footer .footer-container .col-md-6.wrapper { display: block !important; width: 100% !important; max-width: 100% !important; }
}

/* === v196f: footer flatten EVERY col/row to vertical stack === */
@media (max-width: 767px) {
  html body #footer .footer-container .row,
  html body #footer .footer-container .container > .row { display: block !important; }
  html body #footer .footer-container [class*='col-'],
  html body #footer .footer-container .links,
  html body #footer .footer-container .wrapper,
  html body #footer .footer-container .block-contact {
    display: block !important; width: 100% !important; max-width: 100% !important;
    flex: none !important; float: none !important; left: auto !important; right: auto !important;
    margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important;
  }
  /* spacing between stacked sections */
  html body #footer .footer-container .container > .row > [class*='col-'] { margin-bottom: 24px !important; }
  html body #footer .footer-container .wrapper { margin-bottom: 18px !important; }
}

/* === v197: footer minimalist + compact (mobile) === */
@media (max-width: 767px) {
  /* Tighten the whole footer */
  html body #footer .footer-container { padding: 20px 0 8px 0 !important; }
  html body #footer .footer-container .container { padding: 0 18px !important; }
  html body #footer .footer-container .container > .row > [class*='col-'] { margin-bottom: 14px !important; }
  /* SHOW the hidden link lists (kill native accordion collapse) */
  html body #footer .footer-container .links ul,
  html body #footer .footer-container ul.footer-links,
  html body #footer .footer-container .col-md-6 ul,
  html body #footer .footer-container .col-md-3 ul { display: block !important; max-height: none !important; }
  /* Remove accordion toggle arrows */
  html body #footer .footer-container .material-icons,
  html body #footer .footer-container .navbar-toggler,
  html body #footer .footer-container [class*='keyboard_arrow'] { display: none !important; }
  /* Hide the duplicate title (PrestaShop renders title twice for accordion) */
  html body #footer .footer-container .title[data-toggle],
  html body #footer .footer-container .h3.hidden-md-up { display: none !important; }
  /* Titles compact */
  html body #footer .footer-container h3,
  html body #footer .footer-container .h3,
  html body #footer .footer-container .title { font-size: 13px !important; margin: 0 0 8px 0 !important; padding: 0 0 6px 0 !important; letter-spacing: 1px !important; }
  /* Links compact */
  html body #footer .footer-container li { margin: 0 !important; padding: 0 !important; }
  html body #footer .footer-container li a,
  html body #footer .footer-container a { font-size: 13px !important; line-height: 1.85 !important; }
  /* HIDE 'Su cuenta' account column (least useful on mobile B2B) */
  html body #footer .footer-container #block_myaccount_infos,
  html body #footer .footer-container .col-md-3.links:not(.block-contact) { display: none !important; }
  /* Contact block compact */
  html body #footer .footer-container .block-contact { font-size: 13px !important; line-height: 1.7 !important; }
  html body #footer .footer-container .block-contact li { margin-bottom: 4px !important; }
  /* Copyright bar compact */
  html body #footer .col-md-12,
  html body #footer [class*='copyright'] { font-size: 11px !important; padding: 10px 12px !important; text-align: center !important; }
}

/* === v197b: footer SUPER MINIMALIST (mobile) — solo contacto + copyright === */
@media (max-width: 767px) {
  /* Footer container compact */
  html body #footer .footer-container { padding: 22px 0 6px 0 !important; }
  html body #footer .footer-container .container { padding: 0 20px !important; }
  /* HIDE all nav/account link columns */
  html body #footer .footer-container .col-md-6.links,
  html body #footer .footer-container .col-md-3.links,
  html body #footer .footer-container #block_myaccount_infos,
  html body #footer .footer-container .wishlist-add-to,
  html body #footer .footer-container .wishlist-delete,
  html body #footer .footer-container .wishlist-create,
  html body #footer .footer-container .wishlist-login,
  html body #footer .footer-container .wishlist-toast { display: none !important; }
  /* SHOW only the store contact, full width, centered */
  html body #footer .footer-container .block-contact {
    display: block !important; width: 100% !important; max-width: 100% !important;
    text-align: center !important; margin: 0 auto !important; padding: 0 !important;
  }
  /* Un-collapse the contact details */
  html body #footer .footer-container .block-contact #contact-infos,
  html body #footer .footer-container .block-contact .collapse {
    display: block !important; height: auto !important;
  }
  /* Hide the duplicate accordion title, keep the p.h4 heading */
  html body #footer .footer-container .block-contact .title.clearfix { display: none !important; }
  html body #footer .footer-container .block-contact .navbar-toggler,
  html body #footer .footer-container .block-contact .collapse-icons { display: none !important; }
  /* Heading compact */
  html body #footer .footer-container .block-contact .h4,
  html body #footer .footer-container .block-contact p.h4 {
    font-size: 13px !important; font-weight: 700 !important; letter-spacing: 1px !important;
    margin: 0 0 12px 0 !important; color: #f3e9d8 !important; text-transform: uppercase !important;
  }
  /* Store info list compact + centered */
  html body #footer .footer-container .quemp-store-info { list-style: none !important; margin: 0 !important; padding: 0 !important; }
  html body #footer .footer-container .quemp-store-info li {
    display: block !important; justify-content: center !important; text-align: center !important;
    margin: 0 0 6px 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.5 !important;
    color: rgba(255,255,255,.85) !important;
  }
  html body #footer .footer-container .quemp-store-info li strong { font-size: 14px !important; color: #fff !important; }
  html body #footer .footer-container .quemp-store-info li a { color: rgba(255,255,255,.85) !important; }
  /* Show contact icons (place/phone/email) inline */
  html body #footer .footer-container .quemp-store-info li i.material-icons {
    display: inline-block !important; font-size: 15px !important; vertical-align: middle !important;
    margin-right: 4px !important; color: #C05A10 !important;
  }
  /* Copyright bar compact */
  html body #footer .footer-container + *,
  html body #footer .col-md-12,
  html body #footer [class*='copyright'] { font-size: 11px !important; padding: 10px 12px !important; text-align: center !important; }
}

/* === v197c: hide broken icon-text + newsletter clutter === */
@media (max-width: 767px) {
  /* Hide the literal place/phone/email icon text (ligature broken) */
  html body #footer .footer-container .quemp-store-info li i.material-icons,
  html body #footer .footer-container .block-contact i.material-icons { display: none !important; }
  /* Hide newsletter + social top block on mobile */
  html body #footer .block_newsletter,
  html body #footer #blockEmailSubscription_displayFooterBefore,
  html body #footer .block-social { display: none !important; }
  /* Make store name a bit bolder/separated */
  html body #footer .footer-container .quemp-store-name { margin-bottom: 8px !important; }
  html body #footer .footer-container .quemp-store-addr { margin-bottom: 8px !important; }
}

/* === v197d: single clean cart pill (undo double-pill) — ALL widths === */
/* Only .blockcart is the terracota pill. Inner header/a/icon = transparent, no shadow, no padding, no radius. */
html body #header #_desktop_cart .blockcart {
  background: #C05A10 !important;
  border-radius: 999px !important;
  padding: 6px 12px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
}
html body #header #_desktop_cart .blockcart .header,
html body #header #_desktop_cart .blockcart .header a {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #fff !important;
}
html body #header #_desktop_cart .blockcart .header a i.material-icons,
html body #header #_desktop_cart .blockcart .header a span { color: #fff !important; background: transparent !important; }

/* === v197e: #_desktop_cart transparente — solo .blockcart es el pill (mata el halo/marco terracota) === */
html body #header #_desktop_cart,
html body #header .quemp-cart-wrapper #_desktop_cart,
html body #header .header-top #_desktop_cart {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* === v197f: #_desktop_cart transparente (2 IDs + 2 clases, gana a quemp-cart-horeca) === */
html body#category:not(.canal-group-49) #header .header-top .quemp-cart-wrapper #_desktop_cart,
html body.page-category:not(.canal-group-49) #header .header-top .quemp-cart-wrapper #_desktop_cart,
html body #header .header-top .quemp-cart-wrapper #_desktop_cart,
html body#index #header .header-top .quemp-cart-wrapper #_desktop_cart,
html body#product #header .header-top .quemp-cart-wrapper #_desktop_cart {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* === v197g: carrito TODO terracota uniforme (un solo pill, sin dos tonos) === */
html body #header .quemp-cart-wrapper #_desktop_cart,
html body #header .quemp-cart-wrapper #_desktop_cart .blockcart,
html body #header .quemp-cart-wrapper #_desktop_cart .blockcart .header,
html body #header .quemp-cart-wrapper #_desktop_cart .blockcart .header a {
  background: #C05A10 !important;
  background-color: #C05A10 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  color: #ffffff !important;
}
html body #header .quemp-cart-wrapper #_desktop_cart {
  border-radius: 999px !important;
  overflow: hidden !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
}
html body #header .quemp-cart-wrapper #_desktop_cart .blockcart {
  border-radius: 999px !important;
  padding: 7px 16px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}
html body #header .quemp-cart-wrapper #_desktop_cart .blockcart .header,
html body #header .quemp-cart-wrapper #_desktop_cart .blockcart .header a {
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  border-radius: 0 !important;
}
html body #header .quemp-cart-wrapper #_desktop_cart .blockcart .header a i.material-icons,
html body #header .quemp-cart-wrapper #_desktop_cart .blockcart .header a span { color: #ffffff !important; background: transparent !important; }