/* Espaçamento lateral da vitrine em telas amplas. */
.store-header {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 42%) minmax(0, 1fr);
    max-width: 1540px;
    min-height: 58px;
    padding: 0 24px;
    column-gap: 24px;
    align-items: center;
}

.store-header .search {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    width: 100%;
}

.store-header .header-links {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
}

.category-grid {
    width: 90%;
    padding-inline: 0;
}

.category-card span {
    position: absolute;
    z-index: 1;
    bottom: 4px;
    left: 10%;
    width: 80%;
    padding: 4px 3px;
    border-radius: 999px;
    background: #fff;
    color: #211a17;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
}

.promotions-page .section-title h1 {
    margin: 0;
    color: #733b20;
    font: 600 24px Georgia, serif;
}

/* Recorta os nomes que já vêm impressos na faixa inferior dos JPEGs. */
.category-card img {
    transform: scaleY(1.32);
    transform-origin: center top;
}

@media (max-width: 800px) {
    .store-header {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        padding: 10px 16px;
    }

    .store-header .search {
        order: 2;
        width: 100%;
        max-width: none;
        min-width: 100%;
    }

    .store-header .header-links {
        order: 1;
        width: 100%;
        justify-content: space-between;
    }

    .category-grid {
        width: 94%;
    }

    .category-card span {
        font-size: 11px;
    }
}

.hero-carousel{position:relative;overflow:hidden;background:#d4f4f5;aspect-ratio:4.35 / 1}
.hero-carousel .hero-slides,.hero-carousel .hero-slide{position:absolute;inset:0;width:100%;height:100%}
.hero-carousel .hero-slide{display:none;object-fit:cover}
.hero-carousel .hero-slide.is-active{display:block}
.hero-arrow{position:absolute;top:50%;z-index:2;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:linear-gradient(#f7dc91,#dba92d);color:#422619;font-size:34px;line-height:1;box-shadow:0 3px 12px #57390a3b}
.hero-previous{left:2.2%}
.hero-next{right:2.2%}
.hero-dots{position:absolute;left:50%;bottom:14px;z-index:2;display:flex;gap:9px;transform:translateX(-50%)}
.hero-dot{width:11px;height:11px;padding:0;border:1px solid #fff;border-radius:50%;background:#fff8;cursor:pointer}
.hero-dot.is-active{background:#d7a52a;border-color:#d7a52a;transform:scale(1.2)}
@media(max-width:800px){.hero-carousel{aspect-ratio:1.9 / 1}.hero-arrow{width:38px;height:38px;font-size:27px}.hero-dots{bottom:9px}}
@media(max-width:480px){.hero-carousel{aspect-ratio:1.45 / 1}.hero-arrow{width:32px;height:32px;font-size:23px}}

.hero-carousel .hero-slide img{width:100%;height:100%;object-fit:cover}
.hero-copy-overlay{position:absolute;top:50%;left:10%;z-index:1;width:min(34%,520px);transform:translateY(-50%);color:#231c19}
.hero-copy-overlay h1{margin:0 0 8px;font:normal clamp(30px,4.1vw,62px)/1.02 Georgia,serif;color:#171513}
.hero-copy-overlay p{max-width:430px;margin:0 0 18px;font:normal clamp(15px,1.45vw,22px)/1.35 Georgia,serif;color:#28211d}
.hero-copy-overlay a{display:inline-flex;align-items:center;gap:14px;padding:12px 24px;border-radius:28px;background:linear-gradient(#ffe18b,#e6ad26);color:#271d12;font-size:clamp(13px,1.15vw,17px);font-weight:700;box-shadow:0 3px 12px #805c2530}
.hero-copy-overlay a span{font-size:24px;line-height:.7}
@media(min-width:801px){.hero-carousel{aspect-ratio:4.15 / 1}.hero-carousel .hero-slide img{object-position:center 20%}}
.hero-brand-name{display:block;margin-bottom:8px;color:#87511f;font-size:clamp(11px,1.1vw,15px);font-weight:700;letter-spacing:2.1px;text-transform:uppercase}
@media(max-width:800px){.hero-copy-overlay{left:6%;width:min(48%,350px)}.hero-copy-overlay h1{font-size:clamp(24px,4.2vw,35px)}.hero-copy-overlay p{font-size:clamp(12px,1.8vw,16px);margin-bottom:10px}.hero-copy-overlay a{padding:9px 15px;font-size:12px}}
@media(max-width:480px){.hero-carousel .hero-slide img{object-position:64% center}.hero-copy-overlay{left:4%;width:52%;padding:11px;border-radius:10px;background:linear-gradient(90deg,#e8fbf7e8,#e8fbf7ba 82%,transparent)}.hero-copy-overlay h1{font-size:22px}.hero-copy-overlay p{font-size:12px;margin-bottom:6px}.hero-copy-overlay a{padding:7px 10px;font-size:10px;gap:6px}.hero-copy-overlay a span{font-size:18px}.hero-brand-name{margin-bottom:4px;font-size:9px;letter-spacing:1.3px}}

/* Fotos dos cartões um pouco menores, preservando a composição do desktop. */
.product-image{aspect-ratio:2.5}
.product-image img.demo-image{height:150%;object-fit:cover;object-position:center top}
@media(max-width:480px){.product-image{aspect-ratio:1.55}}
@media(min-width:801px){.hero-carousel{aspect-ratio:5.25 / 1}}
.main-nav{width:100%;justify-content:center;flex-wrap:nowrap;gap:clamp(18px,4.8vw,80px)}
@media(max-width:800px){.main-nav{justify-content:flex-start;gap:20px}}
@media(min-width:1200px){
  .store-header{position:relative;display:flex;justify-content:space-between}
  .store-header .search{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,48vw);max-width:620px;margin:0}
  .store-header .header-links{position:relative;margin-left:auto}
}
@media(min-width:801px) and (max-width:1199px){
  .store-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}
  .store-header .search{position:static;grid-column:1;transform:none;width:100%;max-width:none}
  .store-header .header-links{grid-column:2}
}

/* Oculta a legenda que já vem embutida nas imagens provisórias do catálogo. */
.demo-product-image::after{content:"";position:absolute;z-index:1;right:0;bottom:0;left:0;height:34%;background:linear-gradient(to bottom,transparent 0%,rgba(247,238,233,.92) 48%,#f7eee9 76%);pointer-events:none}
.demo-product-image .product-tag,.demo-product-image .heart-decor{z-index:2}