/* PETLIE V7.3.8 — Correção mobile dos destaques/campanhas */
@media (max-width: 768px){
  .store-campaigns{
    gap:18px;
    padding:14px 0 28px;
  }

  .store-campaign{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    padding:18px !important;
    border-radius:24px !important;
    overflow:hidden;
  }

  .store-campaign-copy,
  .store-campaign.layout-full .store-campaign-copy,
  .store-campaign.text-top .store-campaign-copy,
  .store-campaign.text-bottom .store-campaign-copy,
  .store-campaign.text-center .store-campaign-copy,
  .store-campaign.text-right .store-campaign-copy{
    order:1 !important;
    width:100%;
    padding:0 !important;
    text-align:left !important;
    align-items:flex-start !important;
  }

  .store-campaign h2{
    max-width:none !important;
    font-size:clamp(1.9rem,8.8vw,3rem) !important;
    line-height:1.02 !important;
  }

  .store-campaign p{
    max-width:none !important;
    font-size:1rem !important;
    line-height:1.48 !important;
  }

  .store-campaign-showcase{
    order:2 !important;
    width:100%;
    display:block !important;
    position:relative !important;
    min-height:0 !important;
    padding-bottom:56px; /* espaço para setas e dots */
  }

  .store-campaign-products,
  .store-campaign.height-compact .store-campaign-products,
  .store-campaign.height-normal .store-campaign-products,
  .store-campaign.height-tall .store-campaign-products,
  .store-campaign.height-xl .store-campaign-products{
    min-height:260px !important;
    height:260px !important;
    border-radius:20px !important;
    overflow:hidden !important;
    background:rgba(255,255,255,.78) !important;
    box-shadow:0 12px 28px rgba(72,48,55,.10) !important;
  }

  .store-campaign.layout-strip .store-campaign-products,
  .store-campaign.layout-hero .store-campaign-products,
  .store-campaign.template-destaque_unico .store-campaign-products{
    min-height:260px !important;
    height:260px !important;
    max-width:none !important;
  }

  .store-campaign-slide,
  .store-campaign-slide.is-active{
    border-radius:20px !important;
  }

  .store-campaign-product-media,
  .store-campaign-product-media img{
    width:100%;
    height:100%;
  }

  .store-campaign-collection{
    top:12px !important;
    left:12px !important;
    max-width:58% !important;
  }

  .store-campaign-price{
    top:12px !important;
    right:12px !important;
  }

  .store-campaign-discount-badge{
    left:12px !important;
    bottom:66px !important;
  }

  .store-campaign-floating-name{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    gap:8px !important;
  }

  .store-campaign-floating-name strong{
    font-size:1.35rem !important;
  }

  .store-campaign-arrow{
    top:auto !important;
    bottom:8px !important;
    margin-top:0 !important;
    width:40px !important;
    height:40px !important;
    z-index:7 !important;
  }

  .store-campaign-arrow.prev{ left:10px !important; }
  .store-campaign-arrow.next{ right:10px !important; }

  .store-campaign-dots{
    bottom:12px !important;
    z-index:7 !important;
  }
}

@media (max-width: 480px){
  .store-campaign{
    padding:16px !important;
    gap:14px !important;
    border-radius:22px !important;
  }

  .store-campaign-products,
  .store-campaign.height-compact .store-campaign-products,
  .store-campaign.height-normal .store-campaign-products,
  .store-campaign.height-tall .store-campaign-products,
  .store-campaign.height-xl .store-campaign-products{
    min-height:232px !important;
    height:232px !important;
    border-radius:18px !important;
  }

  .store-campaign-slide,
  .store-campaign-slide.is-active{
    border-radius:18px !important;
  }

  .store-campaign h2{
    font-size:clamp(1.75rem,9.4vw,2.65rem) !important;
  }

  .store-campaign p{
    font-size:.96rem !important;
  }

  .store-campaign-cta{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .store-campaign-floating-name strong{
    font-size:1.18rem !important;
  }

  .store-campaign-floating-name small{
    min-height:28px !important;
    font-size:.64rem !important;
  }
}