/*
 * Home pública — ajustes EXCLUSIVOS para celular.
 * IMPORTANTE: todo este arquivo está dentro de max-width:760px.
 * Nenhuma regra deste arquivo é aplicada ao desktop.
 */
@media (max-width:760px){
  html,
  body.home-body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.home-body main,
  body.home-body .hero-section,
  body.home-body .merch-row,
  body.home-body .home-content,
  body.home-body .shell,
  body.home-body .shell--wide{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Cabeçalho compartilhado: apenas a Home no celular */
  body.home-body .shared-header,
  body.home-body .shared-header__container{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.home-body .shared-header__container{
    padding-left:12px!important;
    padding-right:12px!important;
    margin:0!important;
  }
  body.home-body .shared-header__inner{
    min-height:auto!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:9px 10px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  body.home-body .shared-header__brand{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  body.home-body .shared-header__brand img{
    width:172px!important;
    max-width:55vw!important;
    height:auto!important;
  }
  body.home-body .shared-header__actions{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    gap:10px!important;
    min-width:max-content!important;
  }
  body.home-body .shared-header__actions>a,
  body.home-body .shared-header__shop-action{
    width:23px!important;
    height:23px!important;
  }
  body.home-body .shared-header__menu-button{
    display:inline-flex!important;
    width:27px!important;
    height:27px!important;
    padding:2px!important;
  }
  body.home-body .shared-header__search{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    margin:0!important;
    border-radius:9px!important;
  }
  body.home-body .shared-header__nav{display:none!important}
  body.home-body .shared-header__mobile-nav{padding-left:14px!important;padding-right:14px!important}

  /* Hero: imagem em cima e copy embaixo, ambos ocupando toda a tela */
  body.home-body .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.home-body .hero-grid::after{display:none!important}
  body.home-body .hero-media{
    order:1!important;
    width:100%!important;
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
    overflow:hidden!important;
  }
  body.home-body .hero-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:49% center!important;
  }
  body.home-body .hero-copy{
    order:2!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:20px 14px 22px!important;
    background-color:#fbf3f5!important;
    background-position:right bottom!important;
    background-size:130px auto!important;
    overflow:hidden!important;
  }
  body.home-body .hero-main{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 112px 0 0!important;
  }
  body.home-body .hero-main h1{
    max-width:none!important;
    margin:0!important;
    font-size:31px!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
  }
  body.home-body .hero-main .lead{
    max-width:none!important;
    margin:11px 0 15px!important;
    font-size:13px!important;
    line-height:1.38!important;
  }
  body.home-body .hero-pillars{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 12px!important;
    max-width:100%!important;
    margin:0 0 16px!important;
  }
  body.home-body .pillar-item{
    min-width:0!important;
    gap:7px!important;
    align-items:center!important;
  }
  body.home-body .pillar-item--wide{grid-column:1 / -1!important}
  body.home-body .pillar-item img{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
  }
  body.home-body .pillar-item span{
    font-size:9px!important;
    line-height:1.08!important;
  }
  body.home-body .pillar-item--wide span{max-width:none!important}
  body.home-body .btn-primary{
    min-height:42px!important;
    padding:0 18px!important;
    font-size:12px!important;
  }

  /* Banner + categorias */
  body.home-body .merch-row{
    padding:10px 10px 8px!important;
  }
  body.home-body .merch-row__grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
  }
  body.home-body .promo-banner{
    width:100%!important;
    min-width:0!important;
    min-height:154px!important;
    border-radius:9px!important;
  }
  body.home-body .promo-banner__copy{
    padding-left:18px!important;
  }
  body.home-body .promo-banner__eyebrow{font-size:10px!important}
  body.home-body .promo-banner__title{font-size:24px!important;line-height:1.03!important}
  body.home-body .promo-banner__offer{padding-right:16px!important}
  body.home-body .promo-banner__upto{font-size:10px!important}
  body.home-body .promo-banner__percent strong{font-size:44px!important}
  body.home-body .promo-banner__button{font-size:9px!important}

  body.home-body .category-section,
  body.home-body .category-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.home-body .category-grid{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 4px!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  body.home-body .category-grid::-webkit-scrollbar{display:none!important}
  body.home-body .category-card{
    flex:0 0 104px!important;
    width:104px!important;
    min-width:104px!important;
    min-height:132px!important;
    scroll-snap-align:start!important;
  }
  body.home-body .category-card img{height:94px!important}
  body.home-body .category-card span{
    padding:8px 24px 8px 8px!important;
    font-size:8.5px!important;
    white-space:nowrap!important;
  }
  body.home-body .category-card em{
    right:8px!important;
    bottom:9px!important;
    font-size:12px!important;
  }

  /* Conteúdo */
  body.home-body .home-content{
    padding:4px 10px 0!important;
  }
  body.home-body .section-head{
    width:100%!important;
    gap:7px!important;
    margin:6px 0 10px!important;
  }
  body.home-body .section-head h2{
    font-size:17px!important;
    white-space:nowrap!important;
  }
  body.home-body .section-head a{font-size:9px!important}
  body.home-body .content-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
  }
  body.home-body .featured-area,
  body.home-body .circular-area{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* Destaques viram carrossel de toque — 1 peça por vez */
  body.home-body .featured-carousel{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    padding:0!important;
  }
  body.home-body .featured-carousel__viewport{
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  body.home-body .featured-carousel__viewport::-webkit-scrollbar{display:none!important}
  body.home-body .featured-track{
    display:flex!important;
    width:max-content!important;
    min-width:100%!important;
    height:auto!important;
    gap:10px!important;
    align-items:stretch!important;
    transform:none!important;
    transition:none!important;
  }
  body.home-body .featured-track>.piece-card{
    flex:0 0 calc(100vw - 40px)!important;
    width:calc(100vw - 40px)!important;
    max-width:calc(100vw - 40px)!important;
    min-width:0!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    scroll-snap-align:start!important;
  }
  body.home-body .piece-card__photo{
    width:100%!important;
    height:280px!important;
    aspect-ratio:auto!important;
  }
  body.home-body .piece-card__photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  body.home-body .piece-card__body{padding:12px!important}
  body.home-body .piece-card__top h3{font-size:15px!important}
  body.home-body .piece-card__body p{font-size:11px!important}
  body.home-body .piece-card__price{font-size:19px!important}
  body.home-body .piece-card__action{min-height:36px!important;font-size:10px!important}
  body.home-body .featured-carousel__control{display:none!important}

  /* Moda circular abaixo dos destaques */
  body.home-body .circular-card{
    width:100%!important;
    min-width:0!important;
    min-height:300px!important;
    height:auto!important;
    background-position:right center!important;
    background-size:cover!important;
  }
  body.home-body .circular-card__copy{
    width:100%!important;
    max-width:68%!important;
    padding:20px 12px 18px!important;
    background:linear-gradient(90deg,rgba(248,241,233,.97) 0%,rgba(248,241,233,.90) 68%,rgba(248,241,233,.20) 100%)!important;
  }
  body.home-body .circular-card__copy .eyebrow{font-size:10px!important}
  body.home-body .circular-card__copy h3{font-size:18px!important;line-height:1.12!important}
  body.home-body .circular-card__copy p{font-size:12.5px!important;line-height:1.45!important}
  body.home-body .btn-gold{min-height:38px!important;padding:0 14px!important;font-size:10px!important}
  body.home-body .circular-values{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    min-height:0!important;
    height:auto!important;
    padding:10px 4px 2px!important;
  }
  body.home-body .circular-values span{
    justify-content:flex-start!important;
    text-align:left!important;
    font-size:12px!important;
    gap:9px!important;
  }
  body.home-body .circular-values img{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
  }

  /* Rodapé compartilhado: somente impedir estouro na Home móvel */
  body.home-body .public-footer,
  body.home-body .public-footer__container{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

@media (max-width:390px){
  body.home-body .shared-header__brand img{width:158px!important}
  body.home-body .shared-header__actions{gap:8px!important}
  body.home-body .hero-media{height:226px!important;min-height:226px!important;max-height:226px!important}
  body.home-body .hero-copy{background-size:112px auto!important}
  body.home-body .hero-main{padding-right:94px!important}
  body.home-body .hero-main h1{font-size:28px!important}
  body.home-body .promo-banner__title{font-size:21px!important}
  body.home-body .promo-banner__percent strong{font-size:40px!important}
  body.home-body .piece-card__photo{height:255px!important}
}

/* ================================================================
 * 0.8.41 — composição mobile baseada na referência aprovada.
 * IMPORTANTE: as regras abaixo continuam exclusivas até 760px.
 * O layout desktop não é alterado.
 * ================================================================ */
.home-mobile-only,
.piece-card__action--mobile{display:none!important}

@media (max-width:760px){
  .home-mobile-only{display:block!important}

  /* ---------- CABEÇALHO MOBILE COMPACTO ---------- */
  body.home-body .shared-header{position:sticky!important;top:0!important;background:#fff!important}
  body.home-body .shared-header__container{width:100%!important;padding:0 12px!important;margin:0!important}
  body.home-body .shared-header__inner{
    position:relative!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    grid-template-rows:64px!important;
    align-items:center!important;
    gap:0!important;
    min-height:64px!important;
    padding:0!important;
  }
  body.home-body .shared-header__brand{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    z-index:2!important;
  }
  body.home-body .shared-header__brand img{
    width:182px!important;
    max-width:54vw!important;
    height:auto!important;
  }
  body.home-body .shared-header__nav{display:none!important}
  body.home-body .shared-header__actions{
    grid-column:3!important;
    grid-row:1!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    min-width:0!important;
    z-index:3!important;
  }
  body.home-body .shared-header__menu-button{
    display:inline-flex!important;
    position:absolute!important;
    left:0!important;
    top:17px!important;
    width:30px!important;
    height:30px!important;
    padding:2px!important;
  }
  body.home-body .shared-header__actions>a[aria-label="Conta"]{display:none!important}
  body.home-body .shared-header__actions>a,
  body.home-body .shared-header__shop-action{
    width:26px!important;
    height:26px!important;
  }
  body.home-body .shared-header__search{
    position:absolute!important;
    top:16px!important;
    right:76px!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    z-index:4!important;
    overflow:visible!important;
  }
  body.home-body .shared-header__search-icon{
    position:absolute!important;
    inset:4px!important;
    width:24px!important;
    height:24px!important;
    color:#5d0c27!important;
    pointer-events:none!important;
  }
  body.home-body .shared-header__search input[type="search"]{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:32px!important;
    height:32px!important;
    padding:0!important;
    opacity:0!important;
    cursor:pointer!important;
    z-index:2!important;
  }
  body.home-body .shared-header__search:focus-within{
    width:min(300px,calc(100vw - 24px))!important;
    right:0!important;
    top:58px!important;
    height:44px!important;
    padding:0 13px 0 40px!important;
    border:1px solid #e7d9d3!important;
    background:#fff!important;
    box-shadow:0 10px 30px rgba(70,25,42,.14)!important;
  }
  body.home-body .shared-header__search:focus-within .shared-header__search-icon{
    left:12px!important;right:auto!important;top:10px!important;bottom:auto!important;
  }
  body.home-body .shared-header__search:focus-within input[type="search"]{
    position:static!important;
    width:100%!important;
    height:42px!important;
    opacity:1!important;
    cursor:text!important;
  }
  body.home-body .shared-header__mobile{position:absolute!important;left:0!important;right:0!important;top:64px!important;z-index:70!important;box-shadow:0 10px 24px rgba(65,24,39,.12)!important}

  /* ---------- HERO MOBILE: texto + arara na mesma composição ---------- */
  body.home-body .hero-section{background:#fbf3f5!important}
  body.home-body .hero-grid{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:568px!important;
    min-height:568px!important;
    overflow:hidden!important;
    background:#fbf3f5!important;
  }
  body.home-body .hero-grid::after{display:none!important}
  body.home-body .hero-media{
    position:absolute!important;
    z-index:1!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    width:65%!important;
    height:470px!important;
    min-height:470px!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  body.home-body .hero-media::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:linear-gradient(90deg,#fbf3f5 0%,rgba(251,243,245,.90) 8%,rgba(251,243,245,.18) 38%,rgba(251,243,245,0) 62%)!important;
    pointer-events:none!important;
  }
  body.home-body .hero-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:58% center!important;
  }
  body.home-body .hero-copy{
    position:absolute!important;
    z-index:3!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    padding:28px 48% 0 20px!important;
    background:transparent!important;
    overflow:visible!important;
    display:block!important;
  }
  body.home-body .hero-main{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  body.home-body .hero-main h1{
    position:relative!important;
    z-index:3!important;
    max-width:240px!important;
    margin:0!important;
    color:#5d1235!important;
    font:400 35px/.99 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.035em!important;
  }
  body.home-body .hero-main .lead{
    position:relative!important;
    z-index:3!important;
    max-width:210px!important;
    margin:13px 0 18px!important;
    color:#2f2529!important;
    font-size:14px!important;
    line-height:1.34!important;
  }
  body.home-body .hero-actions{position:relative!important;z-index:4!important}
  body.home-body .btn-primary{
    min-height:45px!important;
    padding:0 20px!important;
    border-radius:999px!important;
    font-size:12px!important;
  }
  body.home-body .hero-copy-art{
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    left:8px!important;
    top:290px!important;
    width:190px!important;
    height:140px!important;
    background:url('../img/home/desapego-mobile-art.png') center center/contain no-repeat!important;
    pointer-events:none!important;
  }
  body.home-body .hero-pillars{
    position:absolute!important;
    z-index:5!important;
    left:0!important;
    right:0!important;
    top:470px!important;
    height:98px!important;
    margin:0!important;
    padding:16px 12px!important;
    background:#fff!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    border-top:1px solid #f0e5e0!important;
  }
  body.home-body .pillar-item,
  body.home-body .pillar-item--wide{
    grid-column:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-width:0!important;
  }
  body.home-body .pillar-item img{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
  }
  body.home-body .pillar-item span{
    font-size:8.7px!important;
    line-height:1.08!important;
    max-width:76px!important;
  }

  /* ---------- BANNER OUTLET ---------- */
  body.home-body .merch-row{padding:10px 8px 8px!important;background:#fff!important}
  body.home-body .merch-row__grid{display:block!important;width:100%!important}
  body.home-body .promo-banner{
    display:grid!important;
    grid-template-columns:1fr .62fr!important;
    width:100%!important;
    height:226px!important;
    min-height:226px!important;
    padding:0!important;
    border-radius:8px!important;
    background-image:url('../img/home/outlet-banner-bg.png')!important;
    background-size:cover!important;
    background-position:center right!important;
    background-repeat:no-repeat!important;
    overflow:hidden!important;
  }
  body.home-body .promo-banner__copy{
    align-self:start!important;
    padding:18px 8px 0 16px!important;
  }
  body.home-body .promo-banner__eyebrow{font-size:10px!important;letter-spacing:.20em!important;margin-bottom:10px!important}
  body.home-body .promo-banner__title{font-size:27px!important;line-height:1.04!important;max-width:175px!important}
  body.home-body .promo-banner__offer{
    align-self:end!important;
    padding:0 8px 20px 16px!important;
    justify-content:flex-end!important;
  }
  body.home-body .promo-banner__upto{font-size:11px!important}
  body.home-body .promo-banner__percent strong{font-size:49px!important}
  body.home-body .promo-banner__percent em{font-size:13px!important;margin-bottom:7px!important}
  body.home-body .promo-banner__button{min-height:31px!important;padding:0 14px!important;font-size:9px!important;margin-top:6px!important}

  /* ---------- CATEGORIAS ---------- */
  body.home-body .mobile-category-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:18px 2px 10px!important;
  }
  body.home-body .mobile-category-head h2{
    margin:0!important;
    color:#5e1337!important;
    font:400 18px/1 Georgia,"Times New Roman",serif!important;
  }
  body.home-body .mobile-category-head a{
    color:#3b2b31!important;
    text-decoration:none!important;
    font-size:10px!important;
  }
  body.home-body .category-grid{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 5px!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.home-body .category-card{
    flex:0 0 calc((100vw - 50px)/4)!important;
    width:calc((100vw - 50px)/4)!important;
    min-width:78px!important;
    min-height:154px!important;
    border-radius:6px!important;
    overflow:hidden!important;
  }
  body.home-body .category-card img{height:116px!important;object-fit:cover!important}
  body.home-body .category-card span{padding:9px 20px 9px 7px!important;font-size:8.5px!important}
  body.home-body .category-card em{right:7px!important;bottom:10px!important;font-size:11px!important}

  /* ---------- CONTEÚDO / DESTAQUES ---------- */
  body.home-body .home-content{padding:4px 8px 0!important}
  body.home-body .section-head{margin:13px 0 10px!important;gap:8px!important}
  body.home-body .section-head h2{font-size:18px!important}
  body.home-body .section-head a{font-size:9.5px!important}
  body.home-body .content-layout{display:block!important}
  body.home-body .featured-carousel{padding:0!important;width:100%!important}
  body.home-body .featured-carousel__viewport{
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  body.home-body .featured-carousel__viewport::-webkit-scrollbar{display:none!important}
  body.home-body .featured-track{
    display:flex!important;
    width:max-content!important;
    gap:8px!important;
    transform:none!important;
    transition:none!important;
  }
  body.home-body .featured-track>.piece-card{
    flex:0 0 calc((100vw - 32px)/2)!important;
    width:calc((100vw - 32px)/2)!important;
    max-width:calc((100vw - 32px)/2)!important;
    min-width:0!important;
    height:auto!important;
    scroll-snap-align:start!important;
  }
  body.home-body .piece-card__photo{height:190px!important;aspect-ratio:auto!important}
  body.home-body .piece-card__photo img{object-fit:cover!important;object-position:center top!important}
  body.home-body .piece-card__body{padding:8px 8px 9px!important}
  body.home-body .piece-card__top h3{font-size:12px!important;line-height:1.14!important}
  body.home-body .heart-btn{width:28px!important;height:28px!important;flex:0 0 28px!important}
  body.home-body .heart-btn img{width:14px!important;height:14px!important}
  body.home-body .piece-card__body p{font-size:9px!important;margin-top:4px!important}
  body.home-body .piece-card__price{font-size:17px!important;margin:7px 0 8px!important}
  body.home-body .piece-card__action--desktop{display:none!important}
  body.home-body .piece-card__action--mobile{
    display:flex!important;
    border:0!important;
    width:100%!important;
    min-height:36px!important;
    background:#eee0cb!important;
    color:#5b2b3c!important;
    border-radius:5px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    font:700 9px/1 Arial,Helvetica,sans-serif!important;
  }
  body.home-body .piece-card__bag-icon{font-size:15px!important;line-height:1!important}
  body.home-body .featured-carousel__control{display:none!important}

  /* ---------- MODA CIRCULAR ---------- */
  body.home-body .circular-area{margin-top:14px!important}
  body.home-body .circular-card{
    min-height:268px!important;
    height:268px!important;
    background-position:center center!important;
    background-size:cover!important;
    border-radius:7px!important;
  }
  body.home-body .circular-card__copy{
    width:100%!important;
    max-width:59%!important;
    padding:20px 8px 15px 18px!important;
    background:linear-gradient(90deg,rgba(248,241,233,.97) 0%,rgba(248,241,233,.89) 76%,rgba(248,241,233,0) 100%)!important;
  }
  body.home-body .circular-card__copy .eyebrow{font-size:9.5px!important}
  body.home-body .circular-card__copy h3{font-size:17px!important;line-height:1.08!important;margin:3px 0 11px!important}
  body.home-body .circular-card__copy p{font-size:11px!important;line-height:1.39!important;margin-bottom:13px!important}
  body.home-body .btn-gold{min-height:34px!important;padding:0 12px!important;font-size:8.5px!important}
  body.home-body .circular-values{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    height:72px!important;
    min-height:72px!important;
    padding:12px 4px 0!important;
    gap:4px!important;
    align-items:start!important;
  }
  body.home-body .circular-values span{
    justify-content:center!important;
    text-align:center!important;
    gap:4px!important;
    font-size:8px!important;
    line-height:1.08!important;
  }
  body.home-body .circular-values img{width:20px!important;height:20px!important;flex:0 0 20px!important}
  body.home-body .circular-values b{font-size:19px!important}

  /* ---------- MAIS INSPIRAÇÃO ---------- */
  body.home-body .mobile-inspiration{margin:18px 0 0!important;padding:0 2px!important}
  body.home-body .mobile-section-title{
    margin:0 0 9px!important;
    color:#5e1337!important;
    font:400 18px/1 Georgia,"Times New Roman",serif!important;
  }
  body.home-body .mobile-inspiration-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  body.home-body .mobile-inspiration-card{
    position:relative!important;
    display:block!important;
    aspect-ratio:.80/1!important;
    border-radius:6px!important;
    overflow:hidden!important;
    text-decoration:none!important;
    background:#eee3db!important;
  }
  body.home-body .mobile-inspiration-card::after{
    content:""!important;
    position:absolute!important;
    inset:35% 0 0!important;
    background:linear-gradient(0deg,rgba(52,18,34,.58),rgba(52,18,34,0))!important;
  }
  body.home-body .mobile-inspiration-card img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.home-body .mobile-inspiration-card span{
    position:absolute!important;
    z-index:2!important;
    left:8px!important;
    right:6px!important;
    bottom:9px!important;
    color:#fff!important;
    font:italic 18px/1 "Brush Script MT","Segoe Script",cursive!important;
    text-shadow:0 1px 3px rgba(0,0,0,.25)!important;
  }

  /* ---------- BENEFÍCIOS ---------- */
  body.home-body .mobile-benefits{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    margin:18px -8px 0!important;
    padding:15px 8px!important;
    border-top:1px solid #eee4df!important;
    border-bottom:1px solid #eee4df!important;
    background:#faf7f4!important;
  }
  body.home-body .mobile-benefit{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important}
  body.home-body .mobile-benefit svg{width:25px!important;height:25px!important;flex:0 0 25px!important;fill:none!important;stroke:#4a2834!important;stroke-width:1.6!important}
  body.home-body .mobile-benefit span{font-size:7.5px!important;line-height:1.18!important;color:#4a3a40!important}

  /* ---------- RODAPÉ MOBILE ---------- */
  body.home-body .shared-footer{margin-top:0!important;background:#fbf7f4!important}
  body.home-body .shared-footer__container{width:100%!important;padding-left:16px!important;padding-right:16px!important}
  body.home-body .shared-footer__top{display:flex!important;flex-direction:column!important;gap:13px!important;padding:20px 0 16px!important;min-height:0!important;text-align:center!important}
  body.home-body .shared-footer__brand-wrap{display:flex!important;flex-direction:column!important;gap:7px!important}
  body.home-body .shared-footer__brand img{width:175px!important;margin:0 auto!important}
  body.home-body .shared-footer__story{font-size:11px!important;line-height:1.3!important}
  body.home-body .shared-footer__social{order:1!important;border:0!important;padding:0!important;gap:17px!important}
  body.home-body .shared-footer__social a{width:22px!important;height:22px!important}
  body.home-body .shared-footer__contact{display:none!important}
  body.home-body .shared-footer__script{display:none!important}
  body.home-body .shared-footer__right{order:3!important;display:flex!important;flex-direction:column!important;gap:8px!important}
  body.home-body .shared-footer__nav{order:2!important;display:flex!important;justify-content:center!important;gap:9px!important;flex-wrap:wrap!important}
  body.home-body .shared-footer__nav a{font-size:8px!important}
  body.home-body .shared-footer__bottom{padding:8px 0 12px!important}
  body.home-body .shared-footer__bottom p{font-size:8.5px!important;line-height:1.3!important}
}

@media (max-width:390px){
  body.home-body .shared-header__brand img{width:168px!important}
  body.home-body .shared-header__search{right:72px!important}
  body.home-body .hero-grid{height:548px!important;min-height:548px!important}
  body.home-body .hero-media{height:452px!important;min-height:452px!important}
  body.home-body .hero-copy{padding:24px 48% 0 16px!important}
  body.home-body .hero-main h1{font-size:32px!important;max-width:218px!important}
  body.home-body .hero-main .lead{font-size:13px!important;max-width:190px!important}
  body.home-body .hero-copy-art{top:280px!important;width:174px!important;height:128px!important}
  body.home-body .hero-pillars{top:452px!important;height:96px!important;padding:15px 8px!important}
  body.home-body .pillar-item img{width:32px!important;height:32px!important;flex-basis:32px!important}
  body.home-body .pillar-item span{font-size:7.7px!important;max-width:68px!important}
  body.home-body .promo-banner{height:215px!important;min-height:215px!important}
  body.home-body .promo-banner__title{font-size:24px!important}
  body.home-body .category-card{min-height:145px!important}
  body.home-body .category-card img{height:108px!important}
  body.home-body .piece-card__photo{height:176px!important}
  body.home-body .circular-card{height:254px!important;min-height:254px!important}
  body.home-body .circular-card__copy p{font-size:10.5px!important}
  body.home-body .mobile-inspiration-card span{font-size:16px!important}
}


/* ================================================================
 * 0.8.42 — troca das artes mobile aprovadas (somente celular).
 * Usa as imagens reais enviadas pelo usuário sem impactar o desktop.
 * ================================================================ */
@media (max-width:760px){
  body.home-body .hero-section{background:#fbf3f5!important}
  body.home-body .hero-grid{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:560px!important;
    min-height:560px!important;
    overflow:hidden!important;
    background:#fbf3f5 url('../img/home/home-mobile-hero-real.png') center center/cover no-repeat!important;
    border-bottom:1px solid #efe4df!important;
  }
  body.home-body .hero-media{display:none!important}
  body.home-body .hero-copy{
    position:absolute!important;
    z-index:3!important;
    inset:0!important;
    padding:26px 50% 0 16px!important;
    background:transparent!important;
  }
  body.home-body .hero-main h1{
    max-width:225px!important;
    font-size:31px!important;
    line-height:.98!important;
    letter-spacing:-.03em!important;
  }
  body.home-body .hero-main .lead{
    max-width:190px!important;
    margin:12px 0 18px!important;
    font-size:13px!important;
    line-height:1.34!important;
  }
  body.home-body .hero-copy-art{display:none!important}
  body.home-body .hero-pillars{
    top:auto!important;
    bottom:0!important;
    height:92px!important;
    padding:14px 12px!important;
    background:rgba(255,255,255,.96)!important;
  }
  body.home-body .pillar-item img{width:31px!important;height:31px!important;flex-basis:31px!important}
  body.home-body .pillar-item span{font-size:8px!important;max-width:72px!important}

  body.home-body .promo-banner{
    background-image:url('../img/home/home-mobile-banner-real.png')!important;
    background-size:cover!important;
    background-position:center center!important;
    min-height:195px!important;
    height:195px!important;
  }
  body.home-body .promo-banner__copy{padding:16px 8px 0 16px!important}
  body.home-body .promo-banner__title{font-size:22px!important;max-width:160px!important}
  body.home-body .promo-banner__offer{padding:0 8px 14px 16px!important}

  body.home-body .circular-card{
    position:relative!important;
    min-height:250px!important;
    height:250px!important;
    background:#f6eee8 url('../img/home/home-mobile-circular-real.png') center center/cover no-repeat!important;
    grid-template-columns:1fr!important;
  }
  body.home-body .circular-card__media{display:none!important}
  body.home-body .circular-card__copy{
    max-width:57%!important;
    padding:18px 8px 14px 16px!important;
    background:linear-gradient(90deg,rgba(248,241,233,.97) 0%,rgba(248,241,233,.90) 74%,rgba(248,241,233,0) 100%)!important;
  }
  body.home-body .circular-card__copy h3{font-size:16px!important;margin:2px 0 9px!important}
  body.home-body .circular-card__copy p{font-size:10.6px!important;line-height:1.36!important;margin-bottom:11px!important}
  body.home-body .btn-gold{min-height:33px!important;padding:0 11px!important;font-size:8.4px!important}
}

@media (max-width:390px){
  body.home-body .hero-grid{height:540px!important;min-height:540px!important;background-position:62% center!important}
  body.home-body .hero-copy{padding:22px 49% 0 14px!important}
  body.home-body .hero-main h1{max-width:208px!important;font-size:29px!important}
  body.home-body .hero-main .lead{max-width:176px!important;font-size:12.5px!important}
  body.home-body .hero-pillars{height:88px!important;padding:12px 8px!important}
  body.home-body .pillar-item span{font-size:7.5px!important;max-width:65px!important}
  body.home-body .promo-banner{height:184px!important;min-height:184px!important}
  body.home-body .promo-banner__title{font-size:20px!important;max-width:145px!important}
  body.home-body .circular-card{height:240px!important;min-height:240px!important;background-position:58% center!important}
  body.home-body .circular-card__copy{max-width:58%!important;padding:16px 6px 12px 14px!important}
  body.home-body .circular-card__copy p{font-size:10px!important}
}


/* ================================================================
 * 0.8.43 — correções mobile do hero e banner (somente celular).
 * - Garante a frase decorativa do hero visível acima dos pilares.
 * - Reposiciona oferta e botão do banner para a esquerda.
 * - Sem impacto no desktop.
 * ================================================================ */
@media (max-width:760px){
  body.home-body .hero-grid{
    height:608px!important;
    min-height:608px!important;
    background-position:62% center!important;
  }
  body.home-body .hero-copy-art{
    display:block!important;
    position:absolute!important;
    z-index:4!important;
    left:2px!important;
    bottom:106px!important;
    width:186px!important;
    height:138px!important;
    background:url('../img/home/desapego-mobile-art.png') left center/contain no-repeat!important;
    pointer-events:none!important;
  }
  body.home-body .hero-pillars{
    height:96px!important;
    padding:14px 12px!important;
  }

  body.home-body .promo-banner{
    position:relative!important;
    display:block!important;
    height:208px!important;
    min-height:208px!important;
    background-position:center center!important;
  }
  body.home-body .promo-banner__copy{
    position:absolute!important;
    z-index:2!important;
    top:16px!important;
    left:16px!important;
    right:44%!important;
    padding:0!important;
  }
  body.home-body .promo-banner__title{
    max-width:185px!important;
  }
  body.home-body .promo-banner__offer{
    position:absolute!important;
    z-index:2!important;
    left:16px!important;
    right:auto!important;
    bottom:16px!important;
    padding:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
    gap:0 10px!important;
    max-width:170px!important;
  }
  body.home-body .promo-banner__upto{
    display:block!important;
    flex:0 0 100%!important;
    margin-bottom:2px!important;
    font-size:10px!important;
  }
  body.home-body .promo-banner__percent{
    display:flex!important;
    align-items:flex-end!important;
    gap:3px!important;
    flex:0 0 auto!important;
  }
  body.home-body .promo-banner__percent strong{
    font-size:46px!important;
    line-height:.88!important;
  }
  body.home-body .promo-banner__percent em{
    font-size:12px!important;
    margin-bottom:6px!important;
  }
  body.home-body .promo-banner__button{
    flex:0 0 auto!important;
    margin-top:8px!important;
    min-height:34px!important;
    padding:0 16px!important;
    font-size:10px!important;
  }
}

@media (max-width:390px){
  body.home-body .hero-grid{
    height:590px!important;
    min-height:590px!important;
    background-position:63% center!important;
  }
  body.home-body .hero-copy-art{
    left:0!important;
    bottom:102px!important;
    width:170px!important;
    height:128px!important;
  }
  body.home-body .hero-pillars{
    height:92px!important;
    padding:12px 8px!important;
  }
  body.home-body .promo-banner{
    height:196px!important;
    min-height:196px!important;
  }
  body.home-body .promo-banner__copy{
    right:43%!important;
  }
  body.home-body .promo-banner__title{
    font-size:23px!important;
    max-width:170px!important;
  }
  body.home-body .promo-banner__offer{
    left:14px!important;
    bottom:14px!important;
    max-width:160px!important;
  }
  body.home-body .promo-banner__percent strong{
    font-size:42px!important;
  }
}


/* ================================================================
 * 0.8.45 — correção do pedido do usuário (somente celular).
 * - remove a arte solta com texto no hero
 * - usa a nova imagem limpa enviada para o hero mobile
 * - mantém o texto real "Moda que circula..." + botão mais abaixo à esquerda
 * - remove o "ATÉ" do banner mobile
 * - melhora o respiro do menu esquerdo/direito no topo
 * - sem qualquer impacto no desktop
 * ================================================================ */
@media (max-width:760px){
  body.home-body .shared-header__container{
    padding:0 16px!important;
  }
  body.home-body .shared-header__inner{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    min-height:66px!important;
    grid-template-rows:66px!important;
  }
  body.home-body .shared-header__menu-button{
    left:6px!important;
    top:18px!important;
  }
  body.home-body .shared-header__actions{
    padding-right:4px!important;
    gap:12px!important;
  }
  body.home-body .shared-header__search{
    right:84px!important;
    top:17px!important;
  }

  body.home-body .hero-grid{
    height:592px!important;
    min-height:592px!important;
    background:#fbf3f5 url('../img/home/home-mobile-hero-clean.png') 62% center/cover no-repeat!important;
  }
  body.home-body .hero-copy{
    padding:34px 49% 0 18px!important;
  }
  body.home-body .hero-main h1{
    max-width:232px!important;
    font-size:32px!important;
    line-height:0.99!important;
  }
  body.home-body .hero-main .lead{
    max-width:196px!important;
    margin:14px 0 0!important;
    font-size:13.5px!important;
    line-height:1.36!important;
  }
  body.home-body .hero-actions{
    margin-top:26px!important;
  }
  body.home-body .hero-copy-art{
    display:none!important;
  }
  body.home-body .hero-pillars{
    height:94px!important;
    padding:14px 10px!important;
  }

  body.home-body .promo-banner__upto{
    display:none!important;
  }
  body.home-body .promo-banner{
    height:206px!important;
    min-height:206px!important;
  }
  body.home-body .promo-banner__copy{
    top:18px!important;
    left:16px!important;
    right:46%!important;
  }
  body.home-body .promo-banner__offer{
    left:16px!important;
    bottom:16px!important;
    max-width:168px!important;
    gap:0!important;
  }
  body.home-body .promo-banner__percent{
    display:flex!important;
    align-items:flex-end!important;
    gap:4px!important;
  }
  body.home-body .promo-banner__percent strong{
    font-size:48px!important;
    line-height:.86!important;
  }
  body.home-body .promo-banner__percent em{
    font-size:12px!important;
    margin-bottom:6px!important;
  }
  body.home-body .promo-banner__button{
    margin-top:10px!important;
  }
}

@media (max-width:390px){
  body.home-body .shared-header__container{
    padding:0 14px!important;
  }
  body.home-body .shared-header__menu-button{
    left:4px!important;
  }
  body.home-body .shared-header__actions{
    padding-right:2px!important;
    gap:10px!important;
  }
  body.home-body .shared-header__search{
    right:78px!important;
  }

  body.home-body .hero-grid{
    height:574px!important;
    min-height:574px!important;
    background-position:63% center!important;
  }
  body.home-body .hero-copy{
    padding:30px 49% 0 16px!important;
  }
  body.home-body .hero-main h1{
    max-width:214px!important;
    font-size:30px!important;
  }
  body.home-body .hero-main .lead{
    max-width:182px!important;
    font-size:12.8px!important;
  }
  body.home-body .hero-actions{
    margin-top:22px!important;
  }
  body.home-body .hero-pillars{
    height:90px!important;
    padding:12px 8px!important;
  }

  body.home-body .promo-banner{
    height:196px!important;
    min-height:196px!important;
  }
  body.home-body .promo-banner__copy{
    right:44%!important;
  }
  body.home-body .promo-banner__title{
    font-size:23px!important;
    max-width:170px!important;
  }
  body.home-body .promo-banner__offer{
    left:14px!important;
    bottom:14px!important;
    max-width:158px!important;
  }
  body.home-body .promo-banner__percent strong{
    font-size:43px!important;
  }
}


/* ================================================================
 * 0.8.46 — ajuste fino pedido pelo usuário (somente celular).
 * - baixa o bloco de texto do hero e o botão
 * - remove o ícone de busca flutuante do mobile
 * - cria mais respiro entre o título do banner e 70% OFF
 * - sem alterar o desktop
 * ================================================================ */
@media (max-width:760px){
  body.home-body .shared-header__search{
    display:none!important;
  }
  body.home-body .shared-header__actions{
    padding-right:8px!important;
    gap:14px!important;
  }
  body.home-body .shared-header__menu-button{
    left:8px!important;
  }

  body.home-body .hero-grid{
    height:612px!important;
    min-height:612px!important;
    background-position:62% center!important;
  }
  body.home-body .hero-copy{
    padding:70px 49% 0 18px!important;
  }
  body.home-body .hero-main h1{
    max-width:228px!important;
    font-size:31px!important;
    line-height:1.01!important;
  }
  body.home-body .hero-main .lead{
    max-width:205px!important;
    margin:20px 0 0!important;
    font-size:13.6px!important;
    line-height:1.40!important;
  }
  body.home-body .hero-actions{
    margin-top:30px!important;
  }
  body.home-body .hero-pillars{
    top:auto!important;
    bottom:0!important;
    height:96px!important;
  }

  body.home-body .promo-banner{
    height:212px!important;
    min-height:212px!important;
  }
  body.home-body .promo-banner__copy{
    top:16px!important;
    left:16px!important;
    right:45%!important;
    padding-top:0!important;
  }
  body.home-body .promo-banner__title{
    display:block!important;
    line-height:1.10!important;
    margin-bottom:18px!important;
    max-width:174px!important;
  }
  body.home-body .promo-banner__offer{
    left:16px!important;
    bottom:18px!important;
    max-width:170px!important;
    margin-top:18px!important;
    padding-top:0!important;
  }
  body.home-body .promo-banner__percent{
    gap:5px!important;
  }
  body.home-body .promo-banner__percent strong{
    line-height:.90!important;
  }
  body.home-body .promo-banner__button{
    margin-top:12px!important;
  }
}

@media (max-width:390px){
  body.home-body .shared-header__actions{
    padding-right:6px!important;
    gap:12px!important;
  }
  body.home-body .shared-header__menu-button{
    left:6px!important;
  }

  body.home-body .hero-grid{
    height:596px!important;
    min-height:596px!important;
    background-position:63% center!important;
  }
  body.home-body .hero-copy{
    padding:62px 49% 0 16px!important;
  }
  body.home-body .hero-main h1{
    max-width:210px!important;
    font-size:29px!important;
  }
  body.home-body .hero-main .lead{
    max-width:186px!important;
    margin-top:18px!important;
    font-size:12.9px!important;
  }
  body.home-body .hero-actions{
    margin-top:26px!important;
  }
  body.home-body .hero-pillars{
    height:92px!important;
  }

  body.home-body .promo-banner{
    height:202px!important;
    min-height:202px!important;
  }
  body.home-body .promo-banner__copy{
    right:43%!important;
  }
  body.home-body .promo-banner__title{
    font-size:22px!important;
    max-width:166px!important;
    margin-bottom:20px!important;
  }
  body.home-body .promo-banner__offer{
    left:14px!important;
    bottom:16px!important;
    max-width:156px!important;
    margin-top:20px!important;
  }
  body.home-body .promo-banner__percent strong{
    font-size:42px!important;
  }
}

/* ================================================================
 * 0.8.47 — mobile: mostrar Conta e manter header/footer padrão.
 * Somente mobile; desktop permanece intacto.
 * ================================================================ */
@media (max-width:760px){
  body.home-body .shared-header__actions > a[aria-label="Conta"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.home-body .shared-header__container{
    padding:0 10px!important;
  }

  body.home-body .shared-header__inner{
    min-height:86px!important;
    padding:12px 0 10px!important;
  }

  body.home-body .shared-header__brand img{
    width:164px!important;
    max-width:100%!important;
  }

  body.home-body .shared-header__actions{
    right:8px!important;
    gap:12px!important;
    padding-right:0!important;
  }

  body.home-body .shared-header__actions > a,
  body.home-body .shared-header__shop-action{
    width:28px!important;
    height:28px!important;
  }

  body.home-body .shared-header__menu-button{
    left:8px!important;
  }

  body.home-body .shared-footer{
    margin-top:0!important;
  }

  body.home-body .shared-footer__container{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

@media (max-width:390px){
  body.home-body .shared-header__container{
    padding:0 8px!important;
  }

  body.home-body .shared-header__brand img{
    width:152px!important;
  }

  body.home-body .shared-header__actions{
    right:6px!important;
    gap:10px!important;
  }

  body.home-body .shared-header__actions > a,
  body.home-body .shared-header__shop-action{
    width:26px!important;
    height:26px!important;
  }

  body.home-body .shared-header__menu-button{
    left:6px!important;
  }
}

/* ================================================================
 * 0.8.48 — ajustes finais pedidos pelo usuário (somente Home mobile)
 * - alinha melhor menu/esquerda e sacola/direita
 * - mantém ícone Conta visível
 * - afasta o 70% do texto superior do banner
 * - sem alterar o desktop
 * ================================================================ */
@media (max-width:760px){
  body.home-body .shared-header__actions{
    left:0!important;
    right:0!important;
    top:18px!important;
    padding:0 12px!important;
    gap:14px!important;
    justify-content:flex-end!important;
    pointer-events:none!important;
  }
  body.home-body .shared-header__actions > *,
  body.home-body .shared-header__actions > a,
  body.home-body .shared-header__shop-action,
  body.home-body .shared-header__menu-button{pointer-events:auto!important}
  body.home-body .shared-header__menu-button{
    order:-1!important;
    margin-right:auto!important;
    left:auto!important;
    width:29px!important;
    height:29px!important;
  }
  body.home-body .shared-header__actions > a,
  body.home-body .shared-header__shop-action{
    width:26px!important;
    height:26px!important;
  }
  body.home-body .shared-header__shop-count{
    right:-6px!important;
    top:-7px!important;
  }
  body.home-body .shared-header__brand{
    padding:0 88px!important;
  }
  body.home-body .shared-header__brand img{
    width:220px!important;
    max-width:100%!important;
  }
  body.home-body .shared-header__inner{
    min-height:82px!important;
    padding:12px 0 10px!important;
  }
  body.home-body .shared-header__container{
    padding:0 10px!important;
  }

  body.home-body .promo-banner__upto{display:none!important}
  body.home-body .promo-banner__title{
    margin-bottom:24px!important;
    line-height:1.10!important;
  }
  body.home-body .promo-banner__offer{
    left:16px!important;
    bottom:16px!important;
    margin-top:0!important;
    padding-top:0!important;
  }
  body.home-body .promo-banner__percent{
    display:flex!important;
    align-items:flex-end!important;
    gap:6px!important;
    margin-top:6px!important;
  }
  body.home-body .promo-banner__percent strong{
    display:block!important;
    line-height:.84!important;
    margin:0!important;
  }
  body.home-body .promo-banner__percent em{
    margin-bottom:8px!important;
  }
  body.home-body .promo-banner__button{
    margin-top:14px!important;
  }
}

@media (max-width:390px){
  body.home-body .shared-header__actions{
    padding:0 10px!important;
    gap:12px!important;
  }
  body.home-body .shared-header__menu-button{
    width:28px!important;
    height:28px!important;
  }
  body.home-body .shared-header__brand{
    padding:0 82px!important;
  }
  body.home-body .shared-header__brand img{
    width:204px!important;
  }
  body.home-body .promo-banner__title{
    margin-bottom:26px!important;
  }
  body.home-body .promo-banner__offer{
    bottom:14px!important;
    left:14px!important;
  }
  body.home-body .promo-banner__percent strong{
    font-size:41px!important;
  }
}

/* ================================================================
 * 0.8.49 — correção visual do print enviado (somente Home mobile).
 * Cabeçalho: logo normal, hambúrguer isolado à esquerda e sacola com respiro.
 * Banner: 70% OFF começa abaixo do título, sem encostar em “começos”.
 * Desktop não é afetado.
 * ================================================================ */
@media (max-width:760px){
  body.home-body .shared-header__container{
    width:100%!important;
    padding:0 14px!important;
  }
  body.home-body .shared-header__inner{
    position:relative!important;
    display:block!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    min-height:84px!important;
    height:84px!important;
    padding:0!important;
  }
  body.home-body .shared-header__brand{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    justify-self:auto!important;
    align-self:auto!important;
  }
  body.home-body .shared-header__brand img{
    width:180px!important;
    max-width:44vw!important;
    height:auto!important;
    margin:0!important;
  }
  body.home-body .shared-header__search{display:none!important}
  body.home-body .shared-header__actions{
    position:absolute!important;
    inset:0 14px!important;
    width:auto!important;
    height:84px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:14px!important;
    padding:0!important;
    margin:0!important;
    pointer-events:none!important;
  }
  body.home-body .shared-header__actions > *,
  body.home-body .shared-header__actions > a,
  body.home-body .shared-header__shop-action,
  body.home-body .shared-header__menu-button{pointer-events:auto!important}
  body.home-body .shared-header__menu-button{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    display:inline-flex!important;
    order:-1!important;
    margin:0 auto 0 0!important;
    width:30px!important;
    height:30px!important;
    padding:2px!important;
  }
  body.home-body .shared-header__actions > a,
  body.home-body .shared-header__shop-action{
    position:relative!important;
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
  }
  body.home-body .shared-header__shop-count{
    top:-7px!important;
    right:-6px!important;
  }

  body.home-body .promo-banner{
    height:222px!important;
    min-height:222px!important;
  }
  body.home-body .promo-banner__copy{
    position:absolute!important;
    top:18px!important;
    left:16px!important;
    right:45%!important;
    padding:0!important;
  }
  body.home-body .promo-banner__title{
    display:block!important;
    max-width:172px!important;
    margin:0!important;
    font-size:23px!important;
    line-height:1.08!important;
  }
  body.home-body .promo-banner__upto{display:none!important}
  body.home-body .promo-banner__offer{
    position:absolute!important;
    top:132px!important;
    bottom:auto!important;
    left:16px!important;
    right:auto!important;
    width:170px!important;
    max-width:170px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
  }
  body.home-body .promo-banner__percent{
    display:flex!important;
    align-items:flex-end!important;
    gap:6px!important;
    margin:0!important;
  }
  body.home-body .promo-banner__percent strong{
    display:block!important;
    margin:0!important;
    font-size:45px!important;
    line-height:.86!important;
  }
  body.home-body .promo-banner__percent em{
    margin:0 0 6px!important;
    font-size:12px!important;
  }
  body.home-body .promo-banner__button{
    display:inline-flex!important;
    margin-top:14px!important;
    min-height:32px!important;
    padding:0 15px!important;
  }
}
@media (max-width:390px){
  body.home-body .shared-header__container{padding:0 12px!important}
  body.home-body .shared-header__brand img{width:170px!important;max-width:44vw!important}
  body.home-body .shared-header__actions{inset:0 12px!important;gap:12px!important}
  body.home-body .shared-header__actions > a,
  body.home-body .shared-header__shop-action{width:26px!important;height:26px!important;flex-basis:26px!important}
  body.home-body .shared-header__menu-button{width:29px!important;height:29px!important}

  body.home-body .promo-banner{
    height:214px!important;
    min-height:214px!important;
  }
  body.home-body .promo-banner__copy{
    top:16px!important;
    left:14px!important;
    right:44%!important;
  }
  body.home-body .promo-banner__title{
    max-width:164px!important;
    font-size:22px!important;
  }
  body.home-body .promo-banner__offer{
    top:128px!important;
    left:14px!important;
    width:160px!important;
    max-width:160px!important;
  }
  body.home-body .promo-banner__percent strong{font-size:42px!important}
  body.home-body .promo-banner__button{margin-top:12px!important}
}

/* 0.8.50 — Home usa exatamente o mesmo cabeçalho compartilhado do mobile. */
@media(max-width:760px){
  body.home-body .shared-header__container{
    width:100%!important;max-width:100%!important;margin:0!important;padding:0 12px!important;
  }
  body.home-body .shared-header__inner{
    position:relative!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
    grid-template-rows:78px!important;
    align-items:center!important;
    gap:8px!important;
    min-height:78px!important;
    height:auto!important;
    padding:0!important;
  }
  body.home-body .shared-header__menu-button{
    position:static!important;
    display:inline-flex!important;
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
    order:initial!important;
    margin:0!important;
    transform:none!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:30px!important;height:30px!important;padding:2px!important;
  }
  body.home-body .shared-header__brand{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:center!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:178px!important;
    margin:0!important;
    padding:0!important;
  }
  body.home-body .shared-header__brand img{
    width:178px!important;max-width:100%!important;height:auto!important;margin:0 auto!important;
  }
  body.home-body .shared-header__nav,
  body.home-body .shared-header__search{display:none!important}
  body.home-body .shared-header__actions{
    position:static!important;
    grid-column:3!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    justify-self:end!important;
    gap:9px!important;
    width:auto!important;height:auto!important;min-width:0!important;
    margin:0!important;padding:0!important;inset:auto!important;
    pointer-events:auto!important;
  }
  body.home-body .shared-header__actions > a,
  body.home-body .shared-header__shop-action{
    width:25px!important;height:25px!important;flex:0 0 25px!important;margin:0!important;
  }
  body.home-body .shared-header__shop-count{top:-7px!important;right:-7px!important}
  body.home-body .shared-header__mobile{position:static!important;top:auto!important;left:auto!important;right:auto!important}
}
@media(max-width:390px){
  body.home-body .shared-header__container{padding:0 10px!important}
  body.home-body .shared-header__inner{
    grid-template-columns:32px minmax(0,1fr) auto!important;
    grid-template-rows:74px!important;
    min-height:74px!important;
    gap:7px!important;
  }
  body.home-body .shared-header__menu-button{width:28px!important;height:28px!important}
  body.home-body .shared-header__brand{max-width:166px!important}
  body.home-body .shared-header__brand img{width:166px!important}
  body.home-body .shared-header__actions{gap:8px!important}
  body.home-body .shared-header__actions > a,
  body.home-body .shared-header__shop-action{width:24px!important;height:24px!important;flex-basis:24px!important}
}

/* 0.8.51 — mantém no index o mesmo respiro lateral do cabeçalho compartilhado */
@media(max-width:760px){
  body.home-body .shared-header__container{
    padding-left:clamp(20px,5.5vw,26px)!important;
    padding-right:clamp(20px,5.5vw,26px)!important;
  }
  body.home-body .shared-header__shop-count{
    right:-2px!important;
  }
}
@media(max-width:360px){
  body.home-body .shared-header__container{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}