/* Loaded only by /comprar/. Existing Bacon component remains unchanged. */
html { scroll-snap-type: none !important; }
#aove .fs-mc-panel, #miel .fs-mc-panel {
  opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
  width: min(580px, calc(100% - 40px)) !important; gap: 12px !important;
  transform: translateX(-50%) !important; left: 50% !important;
  bottom: 36px !important; top: auto !important; z-index: 25;
}
.fs-mc-variants { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.fs-mc-variants button { border: 1px solid #73613e; padding: 9px 13px; min-height: 42px; background: #10110f; color: #f4f1e9; font: 500 13px/1.4 Manrope,sans-serif; cursor: pointer; border-radius: 3px; }
.fs-mc-variants button[aria-pressed="true"] { border-color: #c5a15a; background: #c5a15a; color: #111; }
.fs-mc-product { margin: 0; text-align: center; color: #f4f1e9; font: 500 15px/1.5 Manrope,sans-serif; }
.fs-mc-channels { display: grid; gap: 7px; min-height: 176px; align-content: start; }
.fs-mc-link { display: grid !important; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 14px; min-height: 52px; padding: 11px 16px; border: 1px solid #665838; border-radius: 4px; text-decoration: none !important; background: #11120f; color: #f4f1e9 !important; font: 500 13px/1.4 Manrope,sans-serif; }
.fs-mc-link--frutas_furia { background: #c5a15a; color: #10110f !important; border-color: #c5a15a; font-weight: 600; }
.fs-mc-link img { width: 78px; max-height: 26px; object-fit: contain; object-position: left; }
.fs-mc-link strong { font-size: 17px; white-space: nowrap; font-weight: 600; }
.fs-mc-action { font-size: 12px; white-space: nowrap; }
.fs-mc-note { color: #c4bfb3; font: 400 10px/1.6 Manrope,sans-serif; text-align: center; margin: 0; }
.fs-mc-link:focus-visible, .fs-mc-variants button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
#aove button.aove-product-link { background: transparent; border: 0; cursor: pointer; }
@media(max-width:760px) {
  #aove .fs-mc-panel, #miel .fs-mc-panel { width: calc(100% - 32px) !important; }
  .fs-mc-link { gap: 10px; padding: 10px 12px; font-size: 12px; }
  .fs-mc-link strong { font-size: 16px; }
  .fs-mc-variants { gap: 6px; }
  .fs-mc-variants button { padding: 8px 11px; }
}
/* Final responsive spacing: keep the original photographs and scene. */
#aove .fs-mc-note, #miel .fs-mc-note { font: 400 11px/1.5 Manrope,sans-serif !important; }
.fs-mc-link--miravia img { background: #f4f1e9; padding: 4px 6px; width: 90px; max-height: 32px; border-radius: 3px; }
#miel.vertical-product { height: auto !important; min-height: 720px !important; padding: 65px 0 36px !important; display: block !important; }
#miel .honey-heading { position: relative !important; top: auto !important; left: auto !important; transform: none !important; width: 100% !important; margin: 0 auto 24px !important; }
#miel .honey-showcase { position: relative !important; top: auto !important; left: auto !important; transform: none !important; margin: 0 auto 30px !important; }
#miel .fs-mc-panel { position: relative !important; left: auto !important; bottom: auto !important; transform: none !important; margin: 0 auto !important; }
@media(max-width:760px) { #miel.vertical-product { padding-top: 40px !important; } #miel .honey-showcase { margin-bottom: 28px !important; } }
html body #compra-main #miel .honey-heading, html body #compra-main #miel .honey-showcase { top: 0 !important; bottom: auto !important; left: auto !important; right: auto !important; }
/* Reserve space for the fixed shell when the campaign section becomes first. */
#compra-main { padding-top: 100px; }
@media (min-width:761px) { #aove .fs-mc-panel { width: min(580px,46vw) !important; } }
@media (max-width:760px) { #compra-main { padding-top: 140px; } }
/* UI correction: stable channels and discreet marketplace account guidance. */
.fs-mc-link .fs-mc-account, #aguacates .fs-mc-account { grid-column: 1 / -1; font: 400 11px/1.45 Manrope,sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: #bfbcb3; text-align: left; max-width: 100%; }
.fs-mc-link { row-gap: 5px; }
.fs-mc-unavailable { background: #171713 !important; color: #bfbcb3 !important; border-color: #494537 !important; cursor: default; }
.fs-mc-link .fs-mc-status { grid-column: 2 / -1; font: 500 11px/1.4 Manrope,sans-serif !important; white-space: normal; text-align: right; }
#aguacates .fs-avocado-shop__channels a { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 8px 12px; text-align: left; padding: 12px 15px; }
#aguacates .fs-avocado-shop__channels a strong { font: 600 17px/1.4 Manrope,sans-serif; white-space: nowrap; }
#aguacates .fs-avocado-shop__channels a>span:first-child { font-size: 11px; }
#aguacates .fs-avocado-shop__channels img { width: 70px; height: 24px; object-fit: contain; display: inline-block; vertical-align: middle; margin-right: 8px; }
#aove.vertical-product { min-height: 820px !important; }
@media(max-width:760px) { #aove.vertical-product { min-height: 1000px !important; } #aguacates .fs-avocado-shop__channels a { gap: 8px; } #aguacates .fs-avocado-shop__channels a>span { font-size: 10px; } }
