/*
 * Yummy Yummy / Compact Conversion Layout · October 2026
 * Applied ONLY to index.html, products.html and services.html.
 * Purpose: shorter image-left introductory sections and reduced vertical gaps.
 * All content, cart, product data, language switch and serviço de envio remain in their
 * existing files. Tune these tokens first for future changes.
 */
body:is([data-page="home"],[data-page="products"],[data-page="services"]) {
  --section-space:clamp(25px,3.15vw,43px);
  --compact-gap:clamp(14px,2.2vw,26px);
  --compact-img-height:240px;
}

/* Shared tidy spacing: sections, section titles, cards and footer. */
body:is([data-page="home"],[data-page="products"],[data-page="services"]) .premium-section-heading {
  margin-bottom:15px;
  gap:13px;
}
body:is([data-page="home"],[data-page="products"],[data-page="services"]) .premium-section-heading h2 {
  font-size:clamp(1.6rem,2.45vw,2.55rem);
  line-height:1.15;
  margin-bottom:5px;
}
body:is([data-page="home"],[data-page="products"],[data-page="services"]) .premium-section-heading p {font-size:.86rem;line-height:1.45;}
body:is([data-page="home"],[data-page="products"],[data-page="services"]) .site-footer {margin-top:29px;}
body:is([data-page="home"],[data-page="products"],[data-page="services"]) .premium-last-call {
  margin-top:7px;
  margin-bottom:18px;
  padding:23px 29px;
  border-radius:19px;
}
body:is([data-page="home"],[data-page="products"],[data-page="services"]) .premium-last-call h2 {font-size:clamp(1.5rem,2.2vw,2.2rem);}

/* 01 · Home hero: smaller ORIGINAL Soleil photo on the LEFT. */
body[data-page="home"] .home-hero-layout {
  display:grid;
  grid-template-columns:minmax(0,.70fr) minmax(0,1.30fr);
  grid-template-areas:"photo copy" "photo actions";
  gap:0 clamp(24px,3.4vw,48px);
  align-content:center;
  align-items:center;
  min-height:0;
  padding-top:25px;
  padding-bottom:25px;
}
body[data-page="home"] .home-hero-picture {
  grid-area:photo;
  width:100%;
  max-height:none;
  height:var(--compact-img-height);
  aspect-ratio:auto;
  border-radius:19px;
  box-shadow:0 10px 34px rgba(58,30,17,.095);
  margin:0;
}
body[data-page="home"] .home-hero-picture img {object-position:center 54%;}
body[data-page="home"] .home-hero-copy {
  grid-area:copy;
  padding:0;
  align-self:end;
}
body[data-page="home"] .home-hero-copy h1 {
  max-width:600px;
  font-size:clamp(2.35rem,3.95vw,3.9rem);
  line-height:1.035;
  letter-spacing:-.047em;
  margin:6px 0 9px;
}
body[data-page="home"] .home-hero-copy .lead {
  font-size:clamp(.87rem,1.1vw,1rem);
  line-height:1.45;
  max-width:460px;
}
body[data-page="home"] .compact-hero-actions {
  grid-area:actions;
  align-self:start;
  margin-top:15px;
  gap:9px;
}
body[data-page="home"] .compact-hero-actions .btn {min-width:0;min-height:43px;padding:9px 15px;font-size:.81rem;}
body[data-page="home"] .compact-hero-actions .premium-hero-all {
  margin:0 0 0 5px;
  font-size:.76rem;
  white-space:nowrap;
}
body[data-page="home"] .premium-values>div {min-height:54px;padding:8px 10px;font-size:.77rem;gap:7px;}
body[data-page="home"] .premium-values .pv-icon {font-size:1.38rem;}
body[data-page="home"] .premium-featured {padding-top:27px;padding-bottom:21px;}
body[data-page="home"] .premium-showcase-grid {gap:12px;}
body[data-page="home"] .premium-showcase-grid .product-media {height:155px;padding:7px;}
body[data-page="home"] .premium-audiences {padding-top:23px;padding-bottom:27px;}
body[data-page="home"] .premium-audience {min-height:262px;}
body[data-page="home"] .premium-audience-content {padding:25px;}
body[data-page="home"] .premium-audience h3 {font-size:clamp(1.6rem,2.45vw,2.25rem);}
body[data-page="home"] .premium-audience p {margin-bottom:11px;font-size:.83rem;}
body[data-page="home"] .premium-story {padding-top:28px;padding-bottom:28px;}
body[data-page="home"] .premium-story-layout {gap:30px;max-width:980px;}
body[data-page="home"] .premium-story-picture {max-width:225px;}
body[data-page="home"] .premium-story h2 {font-size:clamp(1.8rem,2.6vw,2.55rem);margin-bottom:10px;}
body[data-page="home"] .premium-story p {margin-bottom:9px;font-size:.86rem;line-height:1.5;}

/* 02 · Products and services: matching small image-left intro banners. */
body:is([data-page="products"],[data-page="services"]) .premium-banner-grid {
  display:grid;
  grid-template-columns:minmax(0,.57fr) minmax(0,1.43fr);
  grid-template-areas:"photo copy" "photo actions";
  gap:0 clamp(22px,3.3vw,44px);
  min-height:0;
  align-content:center;
  align-items:center;
  padding-top:20px;
  padding-bottom:20px;
}
body:is([data-page="products"],[data-page="services"]) .premium-banner-photo {
  grid-area:photo;
  width:100%;
  height:185px;
  aspect-ratio:auto;
  border-radius:17px;
  margin:0;
}
body:is([data-page="products"],[data-page="services"]) .premium-banner-copy {
  grid-area:copy;
  padding:0;
  align-self:end;
}
body:is([data-page="products"],[data-page="services"]) .premium-banner-copy h1 {
  max-width:690px;
  font-size:clamp(2.05rem,3.1vw,3.1rem);
  letter-spacing:-.043em;
  line-height:1.08;
  margin:5px 0 6px;
}
body:is([data-page="products"],[data-page="services"]) .premium-banner-copy .lead {
  font-size:clamp(.86rem,1.07vw,.98rem);
  line-height:1.45;
  max-width:560px;
}
body:is([data-page="products"],[data-page="services"]) .compact-banner-actions {
  grid-area:actions;
  margin-top:12px;
  align-self:start;
  gap:9px;
}
body:is([data-page="products"],[data-page="services"]) .compact-banner-actions .btn {min-width:0;min-height:40px;padding:9px 16px;font-size:.8rem;}
body[data-page="products"] .product-banner-photo {background:linear-gradient(135deg,#fff3eb,#ffe8e3);}
body[data-page="products"] .product-banner-photo .banner-mochi-primary {
  width:79%!important;
  height:90%;
  object-fit:contain;
  left:15%;
  top:2%;
  transform:rotate(-5deg);
  filter:drop-shadow(0 10px 10px rgba(82,31,24,.09));
}
body[data-page="products"] .product-banner-photo .banner-mochi-second {
  width:51%!important;
  height:65%;
  object-fit:contain;
  left:-7%;
  top:37%;
  bottom:auto;
  transform:rotate(10deg);
  filter:drop-shadow(0 8px 9px rgba(82,31,24,.09));
}
body[data-page="services"] .service-banner-photo img {object-position:center 47%;}

/* Put catalogue controls and product cards immediately after the mini hero. */
body[data-page="products"] .premium-catalogue-section {padding-top:21px;padding-bottom:15px;}
body[data-page="products"] .premium-filter-header {padding-bottom:10px;align-items:center;}
body[data-page="products"] .premium-filter-header h2 {font-size:clamp(1.6rem,2.3vw,2.35rem);line-height:1.17;}
body[data-page="products"] .premium-catalogue-section .filter-bar {margin-bottom:13px;}
body[data-page="products"] .premium-catalogue-section .filter-inner {padding:9px 0;}
body[data-page="products"] .premium-catalogue-grid {gap:13px;}
body[data-page="products"] .premium-catalogue-grid .product-media {height:165px;padding:6px;}
body[data-page="products"] .premium-catalogue-grid .product-card .product-card-body {padding:13px;}
body[data-page="products"] .premium-catalogue-grid .product-card h3 {font-size:1.17rem;}
body[data-page="products"] .premium-catalogue-cta {margin-top:20px;}

/* Services: shorter cards and closer sections throughout. */
body[data-page="services"] .premium-services-section {padding-top:26px;padding-bottom:26px;}
body[data-page="services"] .premium-service-grid {gap:12px;}
body[data-page="services"] .premium-service-card {padding:17px;border-radius:16px;}
body[data-page="services"] .premium-service-icon {width:39px;height:39px;font-size:1.3rem;margin-bottom:10px;}
body[data-page="services"] .premium-service-card h3 {font-size:clamp(1.14rem,1.45vw,1.39rem);line-height:1.18;margin-bottom:6px;}
body[data-page="services"] .premium-service-card p {font-size:.81rem;line-height:1.45;}
body[data-page="services"] .premium-service-editorial {padding-top:28px;padding-bottom:28px;}
body[data-page="services"] .premium-editorial-grid {gap:25px;}
body[data-page="services"] .premium-editorial-grid>img {max-height:265px;}
body[data-page="services"] .premium-editorial-grid h2 {font-size:clamp(1.7rem,2.65vw,2.55rem);margin:8px 0;}
body[data-page="services"] .premium-editorial-grid p {font-size:.86rem;margin-bottom:9px;}
body[data-page="services"] .premium-check-points {margin:12px 0;}
body[data-page="services"] .premium-service-details {padding-top:25px;padding-bottom:26px;}
body[data-page="services"] .premium-service-detail-grid article {padding:13px;gap:12px;}
body[data-page="services"] .premium-service-detail-grid h3 {font-size:clamp(1.17rem,1.52vw,1.48rem);}

@media (max-width:760px) {
  body:is([data-page="home"],[data-page="products"],[data-page="services"]) {--section-space:26px;}
  /* Still image LEFT on mobile; actions use a full-width row below the intro. */
  body[data-page="home"] .home-hero-layout,
  body:is([data-page="products"],[data-page="services"]) .premium-banner-grid {
    display:grid;
    grid-template-columns:minmax(0,.40fr) minmax(0,.60fr);
    grid-template-areas:"photo copy" "actions actions";
    gap:10px 13px;
    padding-top:16px;
    padding-bottom:17px;
    align-items:center;
  }
  body[data-page="home"] .home-hero-picture,
  body:is([data-page="products"],[data-page="services"]) .premium-banner-photo {
    grid-area:photo;
    order:initial;
    width:100%;
    height:150px;
    margin:0;
    aspect-ratio:auto;
    border-radius:13px;
    box-shadow:none;
  }
  body[data-page="home"] .home-hero-copy,
  body:is([data-page="products"],[data-page="services"]) .premium-banner-copy {
    grid-area:copy;
    order:initial;
    width:100%;
    padding:0;
    align-self:center;
  }
  body[data-page="home"] .home-hero-copy h1 {
    font-size:clamp(1.55rem,5.4vw,2.35rem);
    line-height:1.05;
    letter-spacing:-.048em;
    margin:5px 0 6px;
  }
  body:is([data-page="products"],[data-page="services"]) .premium-banner-copy h1 {
    font-size:clamp(1.45rem,5.2vw,2.25rem);
    line-height:1.055;
    margin:5px 0 6px;
  }
  body[data-page="home"] .home-hero-copy .lead,
  body:is([data-page="products"],[data-page="services"]) .premium-banner-copy .lead {
    font-size:.8rem;
    line-height:1.38;
    margin:0;
  }
  body[data-page="home"] .home-hero-copy .eyebrow,
  body:is([data-page="products"],[data-page="services"]) .premium-banner-copy .eyebrow {font-size:.59rem;letter-spacing:.10em;line-height:1.4;display:block;}
  body[data-page="home"] .compact-hero-actions,
  body:is([data-page="products"],[data-page="services"]) .compact-banner-actions {
    grid-area:actions;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    width:100%;
    gap:8px;
    padding:0;
    margin:0;
    flex-direction:initial;
  }
  body[data-page="home"] .compact-hero-actions .btn,
  body:is([data-page="products"],[data-page="services"]) .compact-banner-actions .btn {
    width:100%;
    height:auto;
    min-height:44px;
    padding:8px 6px;
    font-size:.74rem;
    line-height:1.25;
    white-space:normal;
    flex:initial;
    text-align:center;
  }
  body[data-page="home"] .compact-hero-actions .premium-hero-all {
    grid-column:1/-1;
    width:fit-content;
    justify-self:center;
    margin:1px 0 0;
    font-size:.76rem;
  }
  body[data-page="home"] .premium-values>div {min-height:54px;gap:4px;padding:7px 4px;}
  body[data-page="home"] .premium-featured {padding-top:18px;padding-bottom:19px;}
  body[data-page="home"] .premium-showcase-grid {gap:10px;}
  body[data-page="home"] .premium-showcase-grid .product-media {height:142px;}
  body[data-page="home"] .premium-audiences {padding-top:18px;padding-bottom:18px;}
  body[data-page="home"] .premium-audience {min-height:255px;}
  body[data-page="home"] .premium-audience-content {padding:22px;}
  body[data-page="home"] .premium-story-layout {gap:17px;}
  body[data-page="home"] .premium-story-picture {max-width:190px;}
  body[data-page="products"] .premium-catalogue-section {padding-top:14px;}
  body[data-page="products"] .premium-filter-header {padding-bottom:7px;}
  body[data-page="products"] .premium-catalogue-section .filter-inner {padding:8px 0;}
  body[data-page="products"] .premium-catalogue-grid .product-media {height:150px;}
  body[data-page="services"] .premium-services-section {padding-top:19px;padding-bottom:20px;}
  body[data-page="services"] .premium-service-grid {gap:10px;}
  body[data-page="services"] .premium-service-card {padding:14px;}
  body[data-page="services"] .premium-service-icon {margin:0;}
  body[data-page="services"] .premium-service-editorial {padding-top:20px;padding-bottom:20px;}
  body[data-page="services"] .premium-editorial-grid>img {max-height:190px;}
}

@media (max-width:520px) {
  body:is([data-page="home"],[data-page="products"],[data-page="services"]) .premium-section-heading {margin-bottom:12px;}
  body:is([data-page="home"],[data-page="products"],[data-page="services"]) .premium-section-heading h2 {font-size:1.65rem;}
  body[data-page="home"] .home-hero-layout,
  body:is([data-page="products"],[data-page="services"]) .premium-banner-grid {grid-template-columns:minmax(0,.39fr) minmax(0,.61fr);gap:9px 11px;}
  body[data-page="home"] .home-hero-picture,
  body:is([data-page="products"],[data-page="services"]) .premium-banner-photo {height:138px;}
  body[data-page="home"] .home-hero-copy h1 {font-size:clamp(1.41rem,5.7vw,1.95rem);}
  body:is([data-page="products"],[data-page="services"]) .premium-banner-copy h1 {font-size:clamp(1.40rem,5.3vw,1.85rem);}
  body[data-page="home"] .premium-values .pv-icon {font-size:1.26rem;}
  body[data-page="home"] .premium-values>div {min-height:50px;font-size:.56rem;}
  body[data-page="home"] .premium-showcase-grid .product-media {height:130px!important;}
  body[data-page="products"] .premium-catalogue-section .filter-bar {margin-bottom:10px;}
  body[data-page="products"] .premium-filter-header h2 {font-size:1.55rem;}
  body[data-page="products"] .premium-catalogue-grid .product-media {height:130px!important;}
  body[data-page="services"] .premium-service-grid {grid-template-columns:1fr;}
  body[data-page="services"] .premium-service-card h3 {font-size:1.22rem;margin-bottom:4px;}
}
@media (max-width:360px) {
  body[data-page="home"] .home-hero-picture,
  body:is([data-page="products"],[data-page="services"]) .premium-banner-photo {height:120px;}
  body[data-page="home"] .home-hero-copy h1,
  body:is([data-page="products"],[data-page="services"]) .premium-banner-copy h1 {font-size:1.38rem;}
  body[data-page="home"] .home-hero-copy .lead,
  body:is([data-page="products"],[data-page="services"]) .premium-banner-copy .lead {font-size:.76rem;}
  body[data-page="home"] .compact-hero-actions .btn,
  body:is([data-page="products"],[data-page="services"]) .compact-banner-actions .btn {font-size:.7rem;}
}
/* On narrow screens keep every reassurance point legible instead of 4 tiny columns. */
@media (max-width:520px) {
  body[data-page="home"] .premium-values {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-page="home"] .premium-values>div {
    flex-direction:row;
    min-height:39px;
    padding:6px 9px;
    gap:8px;
    font-size:.71rem;
    line-height:1.18;
    text-align:left;
    justify-content:flex-start;
  }
  body[data-page="home"] .premium-values>div:nth-child(3) {border-left:0;border-top:1px solid #f0dce0;}
  body[data-page="home"] .premium-values>div:nth-child(4) {border-top:1px solid #f0dce0;}
  body[data-page="home"] .premium-values .pv-icon {min-width:19px;text-align:center;}
}