/* STOPMX-OFERTAS-V1 - faixa opcional isolada do catalogo */
#mxOffersRibbon{margin:14px 0 18px;background:#0d1b55;border:1px solid #354a8d;border-radius:12px;overflow:hidden;color:#fff;display:none;align-items:center;height:94px}
#mxOffersRibbon.mx-visible{display:flex}
#mxOffersRibbon .mx-offers-label{align-self:stretch;min-width:112px;max-width:112px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:900;letter-spacing:.02em;background:#e5182c;color:#fff;z-index:1}
#mxOffersRibbon .mx-offers-window{flex:1;overflow:hidden;min-width:0;height:100%;display:flex;align-items:center}
#mxOffersRibbon .mx-offers-track{display:flex;align-items:stretch;gap:12px;will-change:transform;width:max-content;height:80px}
#mxOffersRibbon .mx-offer-item{display:flex;gap:10px;align-items:center;flex:none;min-width:275px;max-width:320px;text-decoration:none;color:#fff;background:#121f62;border:1px solid #30428b;border-radius:10px;padding:7px 10px}
#mxOffersRibbon .mx-offer-photo{width:62px;height:62px;object-fit:contain;flex:none;background:#fff;border-radius:6px}
#mxOffersRibbon .mx-offer-text{display:flex;flex-direction:column;min-width:0;gap:3px}
#mxOffersRibbon .mx-offer-name{font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}
#mxOffersRibbon .mx-offer-prices{display:flex;gap:7px;align-items:center;white-space:nowrap}
#mxOffersRibbon .mx-offer-old{text-decoration:line-through;color:#b4bee5;font-size:11px}
#mxOffersRibbon .mx-offer-new{font-weight:900;color:#fff;font-size:15px}
#mxOffersRibbon .mx-offer-limit{font-size:10px;color:#d9e1ff;white-space:nowrap}
#mxOffersRibbon .mx-offer-item:hover,#mxOffersRibbon .mx-offer-item:focus-visible{border-color:#fff}
@media(max-width:640px){#mxOffersRibbon{height:75px;border-radius:8px;margin:10px 0}#mxOffersRibbon .mx-offers-label{min-width:69px;max-width:69px;font-size:10px;padding:4px}#mxOffersRibbon .mx-offers-track{height:63px;gap:8px}#mxOffersRibbon .mx-offer-item{min-width:218px;max-width:240px;padding:4px 6px;gap:7px}#mxOffersRibbon .mx-offer-photo{height:50px;width:50px}#mxOffersRibbon .mx-offer-name{max-width:170px}#mxOffersRibbon .mx-offer-new{font-size:13px}}
@media(prefers-reduced-motion:reduce){#mxOffersRibbon .mx-offers-track{will-change:auto}}

/* STOPMX-OFERTAS-FAIXA-MAIOR-V1-INICIO */
/* Somente tamanho e legibilidade da faixa de ofertas. */
#mxOffersRibbon {
  height: 126px;
  margin: 16px 0 20px;
}
#mxOffersRibbon .mx-offers-label {
  min-width: 128px;
  max-width: 128px;
  font-size: 16px;
}
#mxOffersRibbon .mx-offers-track {
  height: 106px;
  gap: 14px;
}
#mxOffersRibbon .mx-offer-item {
  min-width: 340px;
  max-width: 380px;
  gap: 12px;
  padding: 9px 12px;
}
#mxOffersRibbon .mx-offer-photo {
  width: 84px;
  height: 84px;
}
#mxOffersRibbon .mx-offer-text { gap: 5px; }
#mxOffersRibbon .mx-offer-name {
  font-size: 13px;
  max-width: 265px;
}
#mxOffersRibbon .mx-offer-old { font-size: 12px; }
#mxOffersRibbon .mx-offer-new { font-size: 19px; }
#mxOffersRibbon .mx-offer-limit { font-size: 11px; }
@media (max-width: 640px) {
  #mxOffersRibbon {
    height: 96px;
    margin: 10px 0 14px;
  }
  #mxOffersRibbon .mx-offers-label {
    min-width: 78px;
    max-width: 78px;
    font-size: 11px;
    padding: 4px;
  }
  #mxOffersRibbon .mx-offers-track {
    height: 83px;
    gap: 9px;
  }
  #mxOffersRibbon .mx-offer-item {
    min-width: 252px;
    max-width: 285px;
    gap: 9px;
    padding: 6px 8px;
  }
  #mxOffersRibbon .mx-offer-photo {
    width: 62px;
    height: 62px;
  }
  #mxOffersRibbon .mx-offer-text { gap: 4px; }
  #mxOffersRibbon .mx-offer-name {
    font-size: 11px;
    max-width: 195px;
  }
  #mxOffersRibbon .mx-offer-old { font-size: 11px; }
  #mxOffersRibbon .mx-offer-new { font-size: 15px; }
  #mxOffersRibbon .mx-offer-limit { font-size: 10px; }
}
/* STOPMX-OFERTAS-FAIXA-MAIOR-V1-FIM */

/* STOPMX-OFERTAS-IOS-SETAS-V6.2: controle manual sem depender do autoplay. */
#mxOffersRibbon .mx-offers-window{position:relative}
#mxOffersRibbon .mx-offers-track{flex:0 0 auto;min-width:max-content}
#mxOffersRibbon .mx-offers-nav{display:none;position:absolute;inset:0;align-items:center;justify-content:space-between;padding:0 3px;pointer-events:none;z-index:5}
#mxOffersRibbon.mx-offers-ios .mx-offers-nav:not([hidden]){display:flex}
#mxOffersRibbon .mx-offers-nav[hidden]{display:none!important}
#mxOffersRibbon .mx-offers-nav button{pointer-events:auto;width:34px;height:48px;border:1px solid #ffffffc2;border-radius:9px;background:#e5182cf2;color:#fff;font:900 30px/1 system-ui,-apple-system,sans-serif;box-shadow:0 2px 10px #0009;cursor:pointer;touch-action:manipulation}
#mxOffersRibbon .mx-offers-nav button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:640px){
  #mxOffersRibbon .mx-offers-nav{padding:0 2px}
  #mxOffersRibbon .mx-offers-nav button{width:30px;height:43px;font-size:27px}
}

/* STOPMX-V63-OFERTAS-SETAS-ABAIXO */
#mxOffersRibbon.mx-offers-ios.mx-visible{
  display:flex;
  flex-wrap:wrap;
  height:auto;
  overflow:hidden;
}
#mxOffersRibbon.mx-offers-ios .mx-offers-label{
  height:126px;
  align-self:auto;
}
#mxOffersRibbon.mx-offers-ios .mx-offers-window{
  height:126px;
  flex:1 1 calc(100% - 128px);
}
#mxOffersRibbon.mx-offers-ios .mx-offers-nav:not([hidden]){
  position:static;
  inset:auto;
  order:3;
  display:flex;
  flex:0 0 100%;
  height:42px;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:4px;
  border-top:1px solid #ffffff35;
  pointer-events:auto;
  background:#081746;
}
#mxOffersRibbon.mx-offers-ios .mx-offers-nav button{
  width:54px;
  height:32px;
  font-size:23px;
  box-shadow:none;
}
@media(max-width:640px){
  #mxOffersRibbon.mx-offers-ios .mx-offers-label{
    height:96px;
  }
  #mxOffersRibbon.mx-offers-ios .mx-offers-window{
    height:96px;
    flex-basis:calc(100% - 78px);
  }
  #mxOffersRibbon.mx-offers-ios .mx-offers-nav:not([hidden]){
    height:38px;
  }
}


/* STOPMX-V68-SETAS-DESKTOP */

@media (min-width:641px) and (hover:hover) and (pointer:fine){

  #mxOffersRibbon.mx-offers-ios
  .mx-offers-nav:not([hidden]){
    height:34px;
    gap:16px;
    padding:3px;
  }

  #mxOffersRibbon.mx-offers-ios
  .mx-offers-nav button{
    width:46px;
    height:27px;
    font-size:20px;
    line-height:1;
  }

}