.ml-offers-shell{
  border:1px solid #dfe5ec;
  border-radius:22px;
  background:linear-gradient(135deg,#fff,#f8fbff);
  padding:22px;
  box-shadow:0 10px 30px rgba(18,38,63,.05);
}
.ml-offers-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.ml-offers-head h2{
  margin:6px 0 6px;
  font-size:clamp(25px,3vw,34px);
}
.ml-offers-head p{
  margin:0;
  color:#667085;
  max-width:760px;
}
.ml-offers-status{
  flex:0 0 auto;
  border-radius:999px;
  background:#eef4fb;
  color:#475467;
  padding:7px 10px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.ml-offers-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.ml-offer-card{
  min-width:0;
  background:#fff;
  border:1px solid #e4e8ef;
  border-radius:18px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 6px 18px rgba(18,38,63,.04);
}
.ml-offer-thumb{
  width:100%;
  aspect-ratio:4/3;
  object-fit:contain;
  background:#fff;
  padding:14px;
  border-bottom:1px solid #edf0f4;
}
.ml-offer-thumb-empty{
  display:grid;
  place-items:center;
  color:#667085;
  font-weight:850;
  background:#f8fafc;
}
.ml-offer-body{
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  height:100%;
}
.ml-offer-best{
  align-self:flex-start;
  border-radius:999px;
  background:#eef4fb;
  color:#344054;
  padding:4px 8px;
  font-size:11px;
  font-weight:850;
}
.ml-offer-title{
  margin:0;
  font-size:16px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.ml-offer-price-row{
  display:flex;
  align-items:baseline;
  gap:9px;
  flex-wrap:wrap;
}
.ml-offer-price{
  font-size:24px;
  line-height:1.1;
  letter-spacing:-.025em;
}
.ml-offer-old-price{
  color:#8b95a5;
  font-size:13px;
}
.ml-price-reference-label,
.ml-hero-price-reference-label{
  flex-basis:100%;
  color:#8a5a00;
  font-size:10px;
  font-weight:850;
  line-height:1.15;
}
.ml-price-reference-note,
.ml-hero-price-reference-note{
  color:#667085;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
}
.ml-offer-price.is-reference,
.ml-hero-offer-price.is-reference{
  color:#344054;
}
.ml-offer-seller{
  color:#475467;
  font-size:12px;
  font-weight:700;
}
.ml-offer-shipping{
  align-self:flex-start;
  border-radius:999px;
  background:#e8f7ef;
  color:#117344;
  padding:4px 8px;
  font-size:12px;
  font-weight:850;
}
.ml-offer-affiliate{
  align-self:flex-start;
  font-size:11px;
  color:#667085;
  font-weight:750;
}
.ml-offer-link{
  width:100%;
  margin-top:auto;
}
.ml-offers-fallback{
  grid-column:1/-1;
  margin:0;
  padding:18px;
  border:1px dashed #ccd5e1;
  border-radius:15px;
  background:#fff;
  color:#667085;
  text-align:center;
}
.ml-offers-search-link{
  display:inline-flex;
  margin-left:10px;
  vertical-align:middle;
}
.ml-offers-note{
  margin:14px 0 0;
  color:#7a8697;
  font-size:12px;
}
@media(max-width:820px){
  .ml-offers-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .ml-offers-shell{padding:17px}
  .ml-offers-head{display:block}
  .ml-offers-status{display:inline-block;margin-top:10px}
  .ml-offers-grid{grid-template-columns:1fr}
  .ml-offer-card{display:grid;grid-template-columns:112px 1fr}
  .ml-offer-thumb{height:100%;aspect-ratio:auto;border-bottom:0;border-right:1px solid #edf0f4;padding:10px}
  .ml-offer-body{padding:14px}
  .ml-offer-price{font-size:21px}
  .ml-offers-search-link{display:flex;margin:12px 0 0}
}

/* Commerce UX v3: destaque principal, CTA de compra e carrossel de alternativas */
.ml-quick-cta-wrap{
  margin-top:18px;
  margin-bottom:6px;
}
.ml-quick-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 18px;
  border:1px solid #d8e6f7;
  border-radius:18px;
  background:linear-gradient(135deg,#f6faff,#eef6ff);
  box-shadow:0 8px 22px rgba(18,38,63,.04);
}
.ml-quick-copy{
  min-width:0;
}
.ml-quick-copy strong{
  display:block;
  color:#172033;
  font-size:16px;
  line-height:1.25;
}
.ml-quick-copy p{
  margin:4px 0 0;
  color:#667085;
  font-size:13px;
  line-height:1.45;
}
.ml-quick-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}
.ml-quick-actions .btn{
  white-space:nowrap;
}
.ml-offers-grid[data-offer-count="1"]{
  grid-template-columns:1fr;
}
.ml-offer-card-featured{
  display:grid;
  grid-template-columns:minmax(260px,360px) minmax(0,1fr);
  grid-column:1/-1;
  min-height:300px;
}
.ml-offer-card-featured .ml-offer-thumb{
  height:100%;
  min-height:300px;
  aspect-ratio:auto;
  border-bottom:0;
  border-right:1px solid #edf0f4;
  padding:24px;
}
.ml-offer-card-featured .ml-offer-body{
  justify-content:center;
  padding:24px 28px;
}
.ml-offer-card-featured .ml-offer-title{
  font-size:21px;
  line-height:1.3;
  -webkit-line-clamp:2;
}
.ml-offer-card-featured .ml-offer-price{
  font-size:31px;
}
.ml-offer-saving{
  align-self:flex-start;
  border-radius:999px;
  background:#edf8f2;
  color:#117344;
  padding:5px 9px;
  font-size:12px;
  font-weight:850;
}
.ml-related-section{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid #e8edf3;
}
.ml-related-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.ml-related-head h3{
  margin:0 0 4px;
  font-size:20px;
}
.ml-related-head p{
  margin:0;
  color:#667085;
  font-size:13px;
}
.ml-related-nav{
  display:flex;
  gap:7px;
}
.ml-related-nav button{
  width:36px;
  height:36px;
  border:1px solid #d8e1ec;
  border-radius:50%;
  background:#fff;
  color:#344054;
  font-size:18px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(18,38,63,.05);
}
.ml-related-nav button:hover{
  background:#f6f9fc;
}
.ml-related-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(240px,280px);
  gap:14px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:inline mandatory;
  scrollbar-width:thin;
  padding:2px 2px 9px;
}
.ml-related-track .ml-offer-card{
  scroll-snap-align:start;
}
.ml-related-track .ml-offer-thumb{
  height:175px;
  aspect-ratio:auto;
}
.ml-related-guide-art{
  height:175px;
  display:grid;
  place-items:center;
  border-bottom:1px solid #edf0f4;
  background:linear-gradient(135deg,#f7faff,#edf4fc);
  font-size:54px;
}
.ml-related-guide-copy{
  margin:0;
  color:#667085;
  font-size:12px;
  line-height:1.45;
}
.ml-offer-best.ml-offer-badge-accent{
  background:#e9f4ff;
  color:#175cd3;
}
@media(max-width:820px){
  .ml-quick-cta{
    align-items:flex-start;
  }
  .ml-quick-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .ml-offer-card-featured{
    grid-template-columns:minmax(220px,300px) minmax(0,1fr);
  }
  .ml-related-track{
    grid-auto-columns:minmax(230px,42vw);
  }
}
@media(max-width:620px){
  .ml-quick-cta{
    display:block;
  }
  .ml-quick-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-top:12px;
  }
  .ml-quick-actions .btn{
    width:100%;
    text-align:center;
  }
  .ml-offer-card-featured{
    display:flex;
    grid-template-columns:none;
    min-height:0;
  }
  .ml-offer-card-featured .ml-offer-thumb{
    height:220px;
    min-height:0;
    aspect-ratio:auto;
    border-right:0;
    border-bottom:1px solid #edf0f4;
    padding:18px;
  }
  .ml-offer-card-featured .ml-offer-body{
    padding:17px;
  }
  .ml-offer-card-featured .ml-offer-title{
    font-size:18px;
  }
  .ml-offer-card-featured .ml-offer-price{
    font-size:25px;
  }
  .ml-related-head{
    align-items:center;
  }
  .ml-related-head p{
    max-width:250px;
  }
  .ml-related-track{
    grid-auto-columns:minmax(78vw,82vw);
  }
  .ml-related-track .ml-offer-card{
    display:flex;
    grid-template-columns:none;
  }
  .ml-related-track .ml-offer-thumb{
    height:170px;
    aspect-ratio:auto;
    border-right:0;
    border-bottom:1px solid #edf0f4;
  }
  .ml-related-guide-art{
    height:150px;
  }
}
@media(max-width:430px){
  .ml-quick-actions{
    grid-template-columns:1fr;
  }
  .ml-related-nav{
    display:none;
  }
}



/* Hero offer teaser v4: monetização visível sem competir com o driver */
.ml-hero-offer{
  margin-top:12px;
  max-width:760px;
  display:grid;
  grid-template-columns:68px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px 11px;
  border:1px solid #d8e5f5;
  border-radius:15px;
  background:linear-gradient(135deg,#ffffff,#f7fbff);
  box-shadow:0 7px 20px rgba(18,38,63,.055);
}
.ml-hero-offer-thumb{
  width:68px;
  height:68px;
  object-fit:contain;
  padding:4px;
  border-radius:11px;
  background:#fff;
}
.ml-hero-offer-copy{
  min-width:0;
}
.ml-hero-offer-kicker{
  display:block;
  margin-bottom:2px;
  color:#175cd3;
  font-size:10px;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.ml-hero-offer-title{
  display:block;
  color:#344054;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ml-hero-offer-price-row{
  display:flex;
  align-items:baseline;
  gap:7px;
  margin-top:3px;
  flex-wrap:wrap;
}
.ml-hero-offer-price{
  color:#172033;
  font-size:23px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.025em;
}
.ml-hero-offer-old{
  color:#8b95a5;
  font-size:11px;
}
.ml-hero-offer-saving{
  color:#117344;
  font-size:10px;
  font-weight:850;
}
.ml-hero-offer-disclosure{
  display:block;
  margin-top:3px;
  color:#7a8697;
  font-size:9px;
  line-height:1.2;
}
.ml-hero-offer-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:4px;
  min-width:122px;
}
.ml-hero-offer-actions .btn{
  min-height:38px;
  padding:9px 12px;
  text-align:center;
  white-space:nowrap;
}
.ml-hero-offer-more{
  color:#475467;
  font-size:10px;
  font-weight:800;
  text-align:center;
  text-decoration:none;
}
.ml-hero-offer-more:hover{
  color:#175cd3;
  text-decoration:underline;
}
@media(max-width:720px){
  .ml-hero-offer{
    grid-template-columns:56px minmax(0,1fr);
    gap:10px;
  }
  .ml-hero-offer-thumb{
    width:56px;
    height:56px;
  }
  .ml-hero-offer-price{
    font-size:21px;
  }
  .ml-hero-offer-actions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    min-width:0;
  }
  .ml-hero-offer-more{
    padding:0 6px;
  }
}


/* Hero offers carousel v5: mesma largura do seletor de SO + rotação de ofertas reais */
.ml-hero-offer{
  width:100%;
  max-width:none;
  display:block;
  padding:0;
  overflow:hidden;
  position:relative;
}
.ml-hero-carousel-viewport{
  width:100%;
  overflow:hidden;
  position:relative;
  border-radius:inherit;
}
.ml-hero-carousel-track{
  display:flex;
  width:100%;
  transition:transform .42s ease;
  will-change:transform;
}
.ml-hero-offer-slide{
  flex:0 0 100%;
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:68px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px 11px 9px;
}
.ml-hero-carousel-dots{
  position:absolute;
  left:50%;
  bottom:5px;
  transform:translateX(-50%);
  display:flex;
  gap:5px;
  align-items:center;
  z-index:2;
}
.ml-hero-carousel-dot{
  width:6px;
  height:6px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#c8d3e1;
  cursor:pointer;
  transition:width .2s ease,background .2s ease;
}
.ml-hero-carousel-dot[aria-current="true"]{
  width:17px;
  background:#2f80ed;
}
.ml-hero-offer[data-slide-count="1"] .ml-hero-carousel-dots{
  display:none;
}
.ml-hero-offer[data-slide-count="2"] .ml-hero-offer-slide,
.ml-hero-offer[data-slide-count="3"] .ml-hero-offer-slide,
.ml-hero-offer[data-slide-count="4"] .ml-hero-offer-slide{
  padding-bottom:13px;
}
@media(max-width:720px){
  .ml-hero-offer-slide{
    grid-template-columns:56px minmax(0,1fr);
    gap:10px;
    padding:10px 10px 12px;
  }
  .ml-hero-offer-slide .ml-hero-offer-actions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    min-width:0;
  }
  .ml-hero-carousel-dots{
    bottom:4px;
  }
}
@media(prefers-reduced-motion:reduce){
  .ml-hero-carousel-track{
    transition:none;
  }
}


/* Hero carousel controls v6: loop contínuo, setas acessíveis e responsividade */
.ml-hero-offer[data-slide-count]:not([data-slide-count="1"]) .ml-hero-offer-slide{
  padding-bottom:38px;
}
.ml-hero-carousel-controls{
  position:absolute;
  left:50%;
  bottom:6px;
  transform:translateX(-50%);
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:30px;
}
.ml-hero-carousel-arrow{
  width:30px;
  height:30px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #cfd9e7;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#24415f;
  font-size:19px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  box-shadow:0 3px 9px rgba(18,38,63,.10);
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.ml-hero-carousel-arrow:hover{
  background:#eef6ff;
  border-color:#9fc3ee;
  transform:translateY(-1px);
}
.ml-hero-carousel-arrow:focus-visible{
  outline:3px solid rgba(47,128,237,.28);
  outline-offset:2px;
}
.ml-hero-carousel-dots{
  position:static;
  left:auto;
  bottom:auto;
  transform:none;
  min-width:42px;
  justify-content:center;
}
.ml-hero-offer[data-slide-count="1"] .ml-hero-carousel-controls{
  display:none;
}
.ml-hero-carousel-track.is-jumping{
  transition:none!important;
}
@media(max-width:720px){
  .ml-hero-offer[data-slide-count]:not([data-slide-count="1"]) .ml-hero-offer-slide{
    padding-bottom:42px;
  }
  .ml-hero-carousel-controls{
    bottom:6px;
  }
  .ml-hero-carousel-arrow{
    width:34px;
    height:34px;
    font-size:21px;
  }
}
@media(max-width:480px){
  .ml-hero-offer-slide{
    grid-template-columns:50px minmax(0,1fr);
    gap:8px;
    padding-left:9px;
    padding-right:9px;
  }
  .ml-hero-offer-thumb{
    width:50px;
    height:50px;
  }
  .ml-hero-offer-title{
    font-size:11px;
  }
  .ml-hero-offer-price{
    font-size:20px;
  }
  .ml-hero-offer-old{
    font-size:10px;
  }
  .ml-hero-offer-saving{
    font-size:9px;
  }
  .ml-hero-offer-actions .btn{
    min-height:36px;
    padding:8px 10px;
  }
  .ml-hero-carousel-controls{
    gap:6px;
  }
}
@media(max-width:360px){
  .ml-hero-offer-slide .ml-hero-offer-actions{
    grid-template-columns:1fr;
    gap:3px;
  }
  .ml-hero-offer-more{
    padding:2px 0 0;
  }
  .ml-hero-offer[data-slide-count]:not([data-slide-count="1"]) .ml-hero-offer-slide{
    padding-bottom:44px;
  }
}


/* Marketplace identity v7: acento de marca sem transformar a área em banner */
.ml-hero-offer{
  --marketplace-accent:#e7edf5;
  --marketplace-accent-soft:#f7f9fc;
  --marketplace-ink:#344054;
}
.ml-hero-offer[data-marketplace="mercadolivre"]{
  --marketplace-accent:#ffe600;
  --marketplace-accent-soft:#fffbea;
  --marketplace-ink:#2d3277;
  border-color:#e7dc82;
  background:linear-gradient(135deg,#fff,#fffdf1 68%,#fff9cf);
}
.ml-hero-offer[data-marketplace="mercadolivre"]::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:var(--marketplace-accent);
  z-index:5;
}
.ml-hero-offer-meta{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  margin-bottom:2px;
}
.ml-marketplace-badge{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  min-height:19px;
  padding:3px 7px;
  border-radius:999px;
  background:var(--marketplace-accent);
  color:var(--marketplace-ink);
  font-size:9px;
  line-height:1;
  font-weight:950;
  letter-spacing:.01em;
  box-shadow:inset 0 0 0 1px rgba(45,50,119,.07);
}
.ml-hero-offer-meta .ml-hero-offer-kicker{
  margin:0;
  color:#667085;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ml-hero-offer[data-marketplace="mercadolivre"] .ml-hero-carousel-dot[aria-current="true"]{
  background:var(--marketplace-accent);
  box-shadow:inset 0 0 0 1px rgba(45,50,119,.22);
}
.ml-hero-offer[data-marketplace="mercadolivre"] .ml-hero-carousel-arrow:hover{
  background:var(--marketplace-accent-soft);
  border-color:#d8c900;
}
.ml-hero-offer[data-marketplace="mercadolivre"] .ml-hero-carousel-arrow:focus-visible{
  outline-color:rgba(255,230,0,.55);
}
@media(max-width:480px){
  .ml-marketplace-badge{
    font-size:8px;
    padding:3px 6px;
  }
  .ml-hero-offer-meta{
    gap:5px;
  }
}


/* Hero guide slides v9: fallback real de impressoras quando faltam ofertas */
.ml-hero-offer-slide-guide .ml-marketplace-badge-guide{
  background:#eaf2ff;
  color:#175cd3;
  box-shadow:inset 0 0 0 1px rgba(23,92,211,.12);
}
.ml-hero-offer-slide-guide .ml-hero-offer-guide-copy{
  display:block;
  margin-top:3px;
  color:#475467;
  font-size:11px;
  line-height:1.35;
}
.ml-hero-offer-slide-guide .ml-hero-offer-disclosure{
  color:#667085;
}
.ml-hero-offer-slide-guide .ml-hero-offer-thumb{
  display:grid;
  place-items:center;
  font-size:28px;
  background:#f8fafc;
}


/* Hero offer context: distinguishes exact monitored offers from related alternatives */
.ml-hero-offer-heading{
  margin:0;
  padding:7px 11px 0;
  color:#475467;
  font-size:11px;
  font-weight:800;
  line-height:1.3;
}

/* Mobile offer layout: keep the hero grid and live cards inside the viewport. */
@media(max-width:700px){
  html.pa-ml-offers-page .guide-hero .guide-grid{
    grid-template-columns:minmax(0,1fr);
    width:min(
      var(--model-max,1200px),
      calc(100vw - (2 * var(--model-mobile-gutter,16px)))
    );
    max-width:calc(100vw - (2 * var(--model-mobile-gutter,16px)));
    min-width:0;
    margin-inline:auto;
    box-sizing:border-box;
  }
  html.pa-ml-offers-page .guide-hero .guide-grid>*{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  html.pa-ml-offers-page .guide-hero .guide-grid h1,
  html.pa-ml-offers-page .guide-hero .guide-grid p,
  html.pa-ml-offers-page .guide-hero .guide-grid .notice,
  html.pa-ml-offers-page .guide-hero .guide-grid .buttons,
  html.pa-ml-offers-page .guide-hero .guide-grid .chips,
  html.pa-ml-offers-page .ml-hero-offer,
  html.pa-ml-offers-page .ml-hero-carousel-viewport,
  html.pa-ml-offers-page .ml-hero-carousel-track,
  html.pa-ml-offers-page .ml-hero-offer-slide,
  html.pa-ml-offers-page .ml-hero-offer-copy,
  html.pa-ml-offers-page .ml-hero-offer-actions{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  html.pa-ml-offers-page .ml-hero-offer-slide{
    grid-template-columns:50px minmax(0,1fr);
  }
  html.pa-ml-offers-page .ml-hero-offer-slide>*{
    min-width:0;
  }
  html.pa-ml-offers-page .ml-hero-offer-title{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  html.pa-ml-offers-page .ml-hero-offer-actions{
    grid-template-columns:minmax(0,1fr) auto;
  }
  html.pa-ml-offers-page .ml-hero-offer-actions .btn,
  html.pa-ml-offers-page .ml-hero-offer-more{
    min-width:0;
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}


/* Carousel pause control and compact first-fold spacing. */
.ml-hero-carousel-toggle{font-size:13px}
.model-page .ml-hero-offer-heading{padding-right:164px}
@media(max-width:420px){
  .model-page .ml-hero-offer-heading{padding-right:145px}
  .model-page .ml-hero-carousel-controls{gap:3px}
  .model-page .ml-hero-carousel-arrow{width:24px;height:24px;font-size:17px}
  .model-page .ml-hero-carousel-toggle{font-size:11px}
}


/* Carousel controls UX v17 */
.ml-hero-carousel-controls{
  top:8px;
  right:10px;
  bottom:auto;
  left:auto;
  transform:none;
  min-height:0;
  gap:2px;
  padding:3px;
  border:1px solid rgba(152,162,179,.30);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 5px 14px rgba(16,24,40,.10);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.ml-hero-carousel-arrow{
  width:28px;
  height:28px;
  border:0;
  background:transparent;
  color:#475467;
  box-shadow:none;
  font-size:0;
  transition:
    background .16s ease,
    color .16s ease,
    transform .12s ease;
}
.ml-hero-carousel-arrow:hover{
  background:#f2f4f7;
  border-color:transparent;
  color:#175cd3;
  transform:none;
}
.ml-hero-carousel-arrow:active{
  transform:scale(.92);
}
.ml-hero-carousel-arrow:focus-visible,
.ml-hero-carousel-dot:focus-visible{
  outline:2px solid #2f80ed;
  outline-offset:2px;
}
.ml-hero-carousel-icon{
  width:16px;
  height:16px;
  display:block;
  pointer-events:none;
}
.ml-hero-carousel-dots{
  min-width:0;
  gap:4px;
  padding:0 5px;
}
.ml-hero-carousel-dot{
  width:6px;
  height:6px;
  flex:0 0 auto;
  background:#c7cfda;
  box-shadow:none;
  transition:
    width .18s ease,
    background .18s ease,
    transform .12s ease;
}
.ml-hero-carousel-dot:hover{
  background:#98a2b3;
  transform:scale(1.12);
}
.ml-hero-carousel-dot[aria-current="true"]{
  width:16px;
  background:#2f80ed;
}
.ml-hero-offer[data-marketplace="mercadolivre"] .ml-hero-carousel-dot[aria-current="true"]{
  background:#f2d600;
  box-shadow:inset 0 0 0 1px rgba(45,50,119,.18);
}
.ml-hero-carousel-toggle{
  margin-left:2px;
  color:#344054;
  box-shadow:-1px 0 0 #e4e7ec;
  border-radius:0 999px 999px 0;
}
.ml-hero-carousel-toggle[data-state="playing"]{
  background:#f8fafc;
}
.ml-hero-carousel-toggle[data-state="paused"]{
  background:#fff8cf;
  color:#2d3277;
}
.ml-hero-carousel-toggle[data-state="paused"]:hover{
  background:#fff2a8;
}
.model-page .ml-hero-offer-heading{
  padding-right:154px;
}
@media(max-width:720px){
  .ml-hero-carousel-controls{
    top:7px;
    right:8px;
    bottom:auto;
    padding:3px;
    gap:1px;
  }
  .ml-hero-carousel-arrow{
    width:30px;
    height:30px;
  }
  .ml-hero-carousel-icon{
    width:17px;
    height:17px;
  }
  .ml-hero-carousel-dots{
    gap:3px;
    padding:0 4px;
  }
  .model-page .ml-hero-offer-heading{
    padding-right:156px;
  }
}
@media(max-width:420px){
  .model-page .ml-hero-offer-heading{
    padding-right:148px;
  }
  .model-page .ml-hero-carousel-controls{
    gap:1px;
  }
  .model-page .ml-hero-carousel-arrow{
    width:28px;
    height:28px;
  }
  .model-page .ml-hero-carousel-icon{
    width:16px;
    height:16px;
  }
  .model-page .ml-hero-carousel-dots{
    padding:0 3px;
  }
}
@media(pointer:coarse){
  .ml-hero-carousel-arrow{
    min-width:32px;
    min-height:32px;
  }
}


/* Offer image emphasis v18 */
.ml-hero-offer-slide{
  grid-template-columns:84px minmax(0,1fr) auto;
  gap:14px;
}
.ml-hero-offer-thumb{
  width:84px;
  height:84px;
  padding:0;
  object-fit:contain;
  object-position:center;
  border-radius:12px;
  background:#fff;
  transform:scale(1.06);
  transform-origin:center;
}
@media(max-width:720px){
  html.pa-ml-offers-page .ml-hero-offer-slide,
  .ml-hero-offer-slide{
    grid-template-columns:64px minmax(0,1fr);
    gap:12px;
  }
  .ml-hero-offer-thumb{
    width:64px;
    height:64px;
    padding:0;
    transform:scale(1.04);
  }
}
@media(max-width:420px){
  html.pa-ml-offers-page .ml-hero-offer-slide,
  .ml-hero-offer-slide{
    grid-template-columns:58px minmax(0,1fr);
    gap:10px;
  }
  .ml-hero-offer-thumb{
    width:58px;
    height:58px;
    transform:none;
  }
}


/* Mobile offer card v19: compact two-row layout */
@media(max-width:700px){
  .model-page .ml-hero-offer{
    border-radius:14px;
  }

  .model-page .ml-hero-offer-heading{
    padding:8px 122px 2px 10px;
    font-size:10px;
    line-height:1.2;
  }

  .model-page .ml-hero-offer-slide,
  html.pa-ml-offers-page .ml-hero-offer-slide{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    grid-template-areas:
      "thumb copy"
      "actions actions";
    align-items:center;
    column-gap:12px;
    row-gap:10px;
    width:100%;
    min-width:0;
    padding:10px 10px 12px;
    box-sizing:border-box;
  }

  .model-page .ml-hero-offer[data-slide-count]:not([data-slide-count="1"]) .ml-hero-offer-slide,
  html.pa-ml-offers-page .ml-hero-offer[data-slide-count]:not([data-slide-count="1"]) .ml-hero-offer-slide{
    padding-bottom:12px;
  }

  .model-page .ml-hero-offer-thumb,
  html.pa-ml-offers-page .ml-hero-offer-thumb{
    grid-area:thumb;
    width:72px;
    height:72px;
    max-width:72px;
    max-height:72px;
    padding:0;
    margin:0;
    object-fit:contain;
    object-position:center;
    transform:none;
    border-radius:10px;
    background:#fff;
  }

  .model-page .ml-hero-offer-copy,
  html.pa-ml-offers-page .ml-hero-offer-copy{
    grid-area:copy;
    width:100%;
    min-width:0;
    align-self:center;
  }

  .model-page .ml-hero-offer-meta,
  html.pa-ml-offers-page .ml-hero-offer-meta{
    gap:5px;
    margin-bottom:3px;
    padding-right:0;
    flex-wrap:wrap;
  }

  .model-page .ml-hero-offer-kicker,
  html.pa-ml-offers-page .ml-hero-offer-kicker{
    font-size:8px;
    line-height:1.1;
  }

  .model-page .ml-marketplace-badge,
  html.pa-ml-offers-page .ml-marketplace-badge{
    min-height:17px;
    padding:3px 6px;
    font-size:8px;
  }

  .model-page .ml-hero-offer-title,
  html.pa-ml-offers-page .ml-hero-offer-title{
    font-size:12px;
    line-height:1.25;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:break-word;
  }

  .model-page .ml-hero-offer-price-row,
  html.pa-ml-offers-page .ml-hero-offer-price-row{
    gap:5px;
    margin-top:3px;
  }

  .model-page .ml-hero-offer-price,
  html.pa-ml-offers-page .ml-hero-offer-price{
    font-size:20px;
    line-height:1.05;
    white-space:normal;
    overflow-wrap:normal;
  }

  .model-page .ml-hero-offer-old,
  html.pa-ml-offers-page .ml-hero-offer-old{
    font-size:10px;
  }

  .model-page .ml-hero-offer-actions,
  html.pa-ml-offers-page .ml-hero-offer-actions{
    grid-area:actions;
    grid-column:auto;
    display:block;
    width:100%;
    min-width:0;
    margin:0;
  }

  .model-page .ml-hero-offer-actions .btn,
  html.pa-ml-offers-page .ml-hero-offer-actions .btn{
    width:100%;
    min-width:0;
    min-height:42px;
    padding:10px 14px;
    border-radius:12px;
    font-size:14px;
    line-height:1.2;
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
  }

  .model-page .ml-hero-offer-more,
  html.pa-ml-offers-page .ml-hero-offer-more{
    display:none;
  }

  .model-page .ml-hero-carousel-controls,
  html.pa-ml-offers-page .ml-hero-carousel-controls{
    top:6px;
    right:7px;
    bottom:auto;
    left:auto;
    transform:none;
    gap:0;
    padding:2px;
    min-height:0;
    box-shadow:0 3px 10px rgba(16,24,40,.09);
  }

  .model-page .ml-hero-carousel-arrow,
  html.pa-ml-offers-page .ml-hero-carousel-arrow{
    width:26px;
    height:26px;
    min-width:26px;
    min-height:26px;
  }

  .model-page .ml-hero-carousel-icon,
  html.pa-ml-offers-page .ml-hero-carousel-icon{
    width:14px;
    height:14px;
  }

  .model-page .ml-hero-carousel-dots,
  html.pa-ml-offers-page .ml-hero-carousel-dots{
    min-width:0;
    gap:3px;
    padding:0 4px;
  }

  .model-page .ml-hero-carousel-dot,
  html.pa-ml-offers-page .ml-hero-carousel-dot{
    width:5px;
    height:5px;
  }

  .model-page .ml-hero-carousel-dot[aria-current="true"],
  html.pa-ml-offers-page .ml-hero-carousel-dot[aria-current="true"]{
    width:13px;
  }

  .model-page .ml-hero-carousel-toggle,
  html.pa-ml-offers-page .ml-hero-carousel-toggle{
    margin-left:1px;
  }

  .model-page .ml-hero-offer > .ml-hero-offer-disclosure,
  html.pa-ml-offers-page .ml-hero-offer > .ml-hero-offer-disclosure{
    padding:6px 10px 7px;
    margin:0;
    font-size:9px;
    line-height:1.25;
  }
}

@media(max-width:380px){
  .model-page .ml-hero-offer-heading{
    padding-right:116px;
    font-size:9px;
  }

  .model-page .ml-hero-offer-slide,
  html.pa-ml-offers-page .ml-hero-offer-slide{
    grid-template-columns:66px minmax(0,1fr);
    column-gap:10px;
    padding-left:9px;
    padding-right:9px;
  }

  .model-page .ml-hero-offer-thumb,
  html.pa-ml-offers-page .ml-hero-offer-thumb{
    width:66px;
    height:66px;
    max-width:66px;
    max-height:66px;
  }

  .model-page .ml-hero-offer-price,
  html.pa-ml-offers-page .ml-hero-offer-price{
    font-size:19px;
  }

  .model-page .ml-hero-offer-actions .btn,
  html.pa-ml-offers-page .ml-hero-offer-actions .btn{
    min-height:40px;
    padding:9px 12px;
    font-size:13px;
  }
}


/* Mobile page gutter integration v20 */
@media(max-width:700px){
  html.pa-ml-offers-page body.model-page{
    overflow-x:hidden;
  }

  html.pa-ml-offers-page .guide-hero .guide-grid,
  html.pa-ml-offers-page .guide-hero .wrap.guide-grid{
    width:min(
      var(--model-max,1200px),
      calc(100vw - (2 * var(--model-mobile-gutter,16px)))
    );
    max-width:calc(100vw - (2 * var(--model-mobile-gutter,16px)));
    margin-inline:auto;
  }

  html.pa-ml-offers-page .guide-hero .guide-grid > div:first-child{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  html.pa-ml-offers-page .ml-hero-offer{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }
}

@media(max-width:380px){
  html.pa-ml-offers-page .guide-hero .guide-grid,
  html.pa-ml-offers-page .guide-hero .wrap.guide-grid{
    width:min(
      var(--model-max,1200px),
      calc(100vw - (2 * var(--model-mobile-gutter,14px)))
    );
    max-width:calc(100vw - (2 * var(--model-mobile-gutter,14px)));
  }
}

/* Historical price insight: shown only when the API has enough monitored evidence. */
.ml-price-insight-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:19px;
  padding:3px 7px;
  border-radius:999px;
  background:#ecfdf3;
  color:#067647;
  box-shadow:inset 0 0 0 1px rgba(6,118,71,.14);
  font-size:9px;
  line-height:1.15;
  font-weight:900;
  white-space:normal;
}
.ml-hero-offer-meta{
  flex-wrap:wrap;
}
.ml-offer-body>.ml-price-insight-badge{
  margin:4px 0 1px;
}
@media(max-width:480px){
  .ml-price-insight-badge{
    padding:3px 6px;
    font-size:8px;
  }
}



/* Shared compact hero offer for commercial download hubs.
   Mirrors the model-page banner without applying model-page layout globally. */
.printer-commerce-page:not(.model-page) .ml-hero-offer[data-marketplace="mercadolivre"]{
  border-color:#e9dfa0;
  background:linear-gradient(135deg,#fff,#fffef7 76%,#fffbea);
  box-shadow:0 7px 18px rgba(25,44,69,.06);
}
.printer-commerce-page:not(.model-page) .ml-hero-offer-heading{
  display:flex;align-items:center;min-height:36px;padding:6px 130px 6px 12px;
  font-size:11px;line-height:1.2
}
.printer-commerce-page:not(.model-page) .ml-hero-offer[data-slide-count="1"] .ml-hero-offer-heading{padding-right:12px}
.printer-commerce-page:not(.model-page) .ml-hero-carousel-controls{
  top:4px;right:7px;bottom:auto;left:auto;min-height:28px;gap:5px;transform:none
}
.printer-commerce-page:not(.model-page) .ml-hero-carousel-arrow{width:28px;height:28px;font-size:19px}
.printer-commerce-page:not(.model-page) .ml-hero-offer[data-slide-count]:not([data-slide-count="1"]) .ml-hero-offer-slide{padding-bottom:10px}
.printer-commerce-page:not(.model-page) .ml-hero-offer-slide{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:12px 13px 11px}
.printer-commerce-page:not(.model-page) .ml-hero-offer-thumb{width:52px;height:52px}
.printer-commerce-page:not(.model-page) .ml-hero-offer-copy{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,164px);
  grid-template-areas:"meta action" "title action" "price action" "disclosure action";
  column-gap:14px;row-gap:2px;align-items:center
}
.printer-commerce-page:not(.model-page) .ml-hero-offer-meta{grid-area:meta;gap:6px}
.printer-commerce-page:not(.model-page) .ml-hero-offer-title{grid-area:title;font-size:12px;line-height:1.25}
.printer-commerce-page:not(.model-page) .ml-hero-offer-price-row{grid-area:price;margin-top:2px}
.printer-commerce-page:not(.model-page) .ml-hero-offer-price{font-size:23px}
.printer-commerce-page:not(.model-page) .ml-hero-offer-copy>.ml-hero-offer-disclosure{grid-area:disclosure;margin:0;font-size:10px;line-height:1.2}
.printer-commerce-page:not(.model-page) .ml-hero-offer-copy>.ml-hero-offer-actions{
  grid-area:action;display:grid;grid-template-columns:minmax(0,1fr);align-self:center;min-width:0
}
.printer-commerce-page:not(.model-page) .ml-hero-offer-actions .btn{
  width:100%;min-height:46px;padding:9px 11px;font-size:14px;line-height:1.2;white-space:normal
}
.printer-commerce-page:not(.model-page) .ml-hero-offer>.ml-hero-offer-disclosure{
  margin:0;padding:6px 12px 8px;border-top:1px solid rgba(45,50,119,.08);font-size:10px;line-height:1.3
}
@media(min-width:701px) and (max-width:900px){
  .printer-commerce-page:not(.model-page) .ml-hero-offer-slide{grid-template-columns:44px minmax(0,1fr);gap:8px;padding:9px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-thumb{width:44px;height:44px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-copy{grid-template-columns:minmax(0,1fr) minmax(112px,128px);column-gap:8px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-actions .btn{font-size:12px;padding:8px 7px}
}
@media(max-width:700px){
  .printer-commerce-page:not(.model-page) .ml-hero-offer{margin-top:11px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-heading{min-height:34px;padding:5px 116px 5px 10px;font-size:10px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer[data-slide-count="1"] .ml-hero-offer-heading{padding-right:10px}
  .printer-commerce-page:not(.model-page) .ml-hero-carousel-controls{top:3px;right:5px;min-height:28px;gap:4px}
  .printer-commerce-page:not(.model-page) .ml-hero-carousel-arrow{width:28px;height:28px;font-size:19px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer[data-slide-count]:not([data-slide-count="1"]) .ml-hero-offer-slide{padding-bottom:8px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-slide{grid-template-columns:42px minmax(0,1fr);gap:8px;padding:8px 9px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-thumb{width:42px;height:42px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-copy{
    grid-template-columns:minmax(0,1fr) minmax(90px,104px);
    grid-template-areas:"meta action" "title action" "price action" "disclosure action";
    column-gap:8px;row-gap:1px
  }
  .printer-commerce-page:not(.model-page) .ml-hero-offer-meta{gap:5px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-title{font-size:11px;white-space:normal;overflow-wrap:anywhere}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-price{font-size:20px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-copy>.ml-hero-offer-disclosure{font-size:9px;line-height:1.15}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-actions .btn{min-height:44px;padding:6px 7px;font-size:12px;overflow-wrap:anywhere}
  .printer-commerce-page:not(.model-page) .ml-hero-offer>.ml-hero-offer-disclosure{padding:5px 9px 7px;font-size:9px;line-height:1.25}
}
@media(max-width:360px){
  .printer-commerce-page:not(.model-page) .ml-hero-offer-heading{padding-right:108px;font-size:9px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer[data-slide-count="1"] .ml-hero-offer-heading{padding-right:9px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-copy{grid-template-columns:minmax(0,1fr) 88px;column-gap:6px}
  .printer-commerce-page:not(.model-page) .ml-hero-offer-actions .btn{font-size:11px;padding:6px 5px}
}