/* Final presentation refinements for the home products. */
body.home .cariama-home-second-product-visual .cariama-home-coffee-score,
body.home .is-second-product-ready .cariama-home-coffee-score,
body.home .is-second-product-visible .cariama-home-coffee-score {
  top: 30% !important;
  right: 2.5% !important;
  left: auto !important;
  display: flex !important;
  width: 140px !important;
  min-height: 140px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  padding: 16px 12px !important;
  text-align: center !important;
}

/* Center the cup invitation without the retired historical tin. */
.cariama-view-home .cariama-history-products {
  position: relative;
  z-index: 2;
  display: flex;
  width: min(420px, 100%);
  margin: 8px auto -16px;
  align-items: flex-end;
  justify-content: center;
}

.cariama-view-home .cariama-history-products .cariama-history-cup-art {
  flex: 0 0 clamp(320px, 32vw, 390px);
  margin: 0;
}

@media (max-width: 620px) {
  .cariama-view-home .cariama-history-products {
    width: min(340px, 100%);
    margin-top: 6px;
    margin-bottom: -8px;
  }

  .cariama-view-home .cariama-history-products .cariama-history-cup-art {
    flex-basis: min(330px, 88vw);
    width: auto;
  }
}

body.home .cariama-home-second-product-visual .cariama-home-coffee-score span,
body.home .cariama-home-second-product-visual .cariama-home-coffee-score strong,
body.home .cariama-home-second-product-visual .cariama-home-coffee-score em,
body.home .cariama-home-second-product-visual .cariama-home-coffee-score small {
  display: block !important;
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: center !important;
}

body.home .cariama-home-second-product-visual .cariama-home-coffee-score span {
  margin-bottom: 3px !important;
}

body.home .cariama-home-second-product-visual .cariama-home-coffee-score strong {
  font-size: 48px !important;
  line-height: 0.86 !important;
}

body.home .cariama-home-second-product-visual .cariama-home-coffee-score em {
  margin-top: 2px !important;
  font-size: 7px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

body.home .cariama-home-second-product-visual .cariama-home-coffee-score small {
  margin-top: 5px !important;
}

body.home .cariama-home-second-actions small {
  color: #65786d;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-transform: none;
}

@media (max-width: 620px) {
  body.home .cariama-home-second-product-visual .cariama-home-coffee-score,
  body.home .is-second-product-ready .cariama-home-coffee-score,
  body.home .is-second-product-visible .cariama-home-coffee-score {
    top: 29% !important;
    right: 1% !important;
    width: 110px !important;
    min-height: 110px !important;
    padding: 12px 8px !important;
  }

  body.home .cariama-home-second-product-visual .cariama-home-coffee-score strong {
    font-size: 38px !important;
  }
}

/* Mobile hero isolation: only the selected artwork may occupy the stage. */
@media (max-width: 782px) {
  body.home .published-home .published-hero-slider {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background: #15110e !important;
  }

  body.home .published-home .published-hero-slider.is-region-active,
  body.home .published-home .published-hero-slider.is-cover-active,
  body.home .published-home .published-hero-slider.is-cafeteria-active,
  body.home .published-home .published-hero-slider.is-campaign-active {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
  }

  body.home .published-home .published-hero-slider > [data-hero-image] {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
  }

  body.home .published-home .published-hero-slider > [data-hero-image].is-active {
    z-index: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.home .published-home .published-hero-slider > video.published-region-video {
    object-fit: contain !important;
    object-position: center !important;
  }

  body.home .published-home .published-hero-slider > img[data-hero-image] {
    object-fit: contain !important;
    object-position: center !important;
  }

  body.home .published-home .published-hero-slider > img.published-cover-image,
  body.home .published-home .published-hero-slider > img.published-cafeteria-hero-image,
  body.home .published-home .published-hero-slider > img.published-cover-image.is-active,
  body.home .published-home .published-hero-slider > img.published-cafeteria-hero-image.is-active {
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }

  body.home .published-home .published-hero-slider::before,
  body.home .published-home .published-hero-slider::after {
    display: none !important;
    content: none !important;
  }

  /* Compact editorial overlays keep every text inside the shared 16:9 stage. */
  body.home .published-home .published-hero-slider .published-region-hero,
  body.home .published-home .published-hero-slider .published-cover-callout,
  body.home .published-home .published-hero-slider .published-cafeteria-hero {
    display: none !important;
  }

  body.home .published-home .published-hero-slider .published-region-hero.is-active,
  body.home .published-home .published-hero-slider .published-cover-callout.is-active,
  body.home .published-home .published-hero-slider .published-cafeteria-hero.is-active {
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.home .published-home .published-hero-slider .published-region-hero.is-active {
    inset: auto 0 0 !important;
    z-index: 4 !important;
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 34px 56px 22px !important;
    background: linear-gradient(180deg, transparent, rgba(5, 31, 20, 0.88)) !important;
    transform: none !important;
  }

  body.home .published-region-hero > img,
  body.home .published-region-hero > small {
    display: none !important;
  }

  body.home .published-region-kicker {
    margin: 0 0 3px !important;
    font-size: 7px !important;
    letter-spacing: 0.16em !important;
  }

  body.home .published-region-hero h1 {
    max-width: 250px !important;
    font-size: clamp(18px, 5.6vw, 24px) !important;
    line-height: 0.92 !important;
  }

  body.home .published-region-hero > p {
    max-width: 260px !important;
    margin: 5px 0 0 !important;
    font-size: 8px !important;
    line-height: 1.25 !important;
  }

  body.home .published-region-actions {
    margin-top: 6px !important;
  }

  body.home .published-region-actions > a {
    min-height: 24px !important;
    padding: 5px 9px !important;
    font-size: 7px !important;
  }

  body.home .published-home .published-hero-slider .published-cover-callout.is-active {
    inset: auto auto 12px 54px !important;
    z-index: 4 !important;
    display: flex !important;
    width: min(55%, 220px) !important;
    max-width: none !important;
    gap: 3px !important;
    padding: 9px 11px !important;
    border-radius: 3px !important;
    background: rgba(255, 248, 236, 0.9) !important;
    box-shadow: 0 8px 22px rgba(43, 24, 16, 0.18) !important;
    transform: none !important;
  }

  body.home .published-cover-brand,
  body.home .published-cover-callout::before,
  body.home .published-cover-callout::after {
    display: none !important;
  }

  body.home .published-cover-callout .published-cover-kicker {
    font-size: 5px !important;
    letter-spacing: 0.12em !important;
  }

  body.home .published-cover-callout strong {
    font-size: clamp(14px, 4.2vw, 18px) !important;
    line-height: 0.94 !important;
  }

  body.home .published-cover-callout em {
    margin: 0 !important;
    font-size: 6px !important;
    line-height: 1.24 !important;
  }

  body.home .published-cover-meta {
    margin: 1px 0 0 !important;
  }

  body.home .published-cover-meta span {
    padding: 2px 5px !important;
    font-size: 5px !important;
  }

  body.home .published-cover-callout a {
    min-height: 22px !important;
    margin: 1px 0 0 !important;
    padding: 4px 7px !important;
    font-size: 6px !important;
  }

  body.home .published-home .published-hero-slider .published-cafeteria-hero.is-active {
    inset: 0 !important;
    z-index: 4 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: linear-gradient(180deg, transparent 38%, rgba(4, 35, 23, 0.88) 100%) !important;
    transform: none !important;
  }

  body.home .published-cafeteria-hero-panel {
    position: absolute !important;
    right: 52px !important;
    bottom: 17px !important;
    left: 52px !important;
    width: auto !important;
    padding: 0 !important;
    background: none !important;
  }

  body.home .published-cafeteria-hero-kicker {
    margin-bottom: 2px !important;
    font-size: 6px !important;
    letter-spacing: 0.14em !important;
  }

  body.home .published-cafeteria-hero h2 {
    margin: 0 !important;
    font-size: clamp(20px, 6.4vw, 27px) !important;
    line-height: 0.9 !important;
  }

  body.home .published-cafeteria-hero-panel > p {
    max-width: 280px !important;
    margin: 4px 0 0 !important;
    font-size: 7px !important;
    line-height: 1.25 !important;
  }

  body.home .published-cafeteria-hero-actions {
    gap: 5px !important;
    margin-top: 5px !important;
  }

  body.home .published-cafeteria-hero-actions > a {
    min-width: 0 !important;
    min-height: 22px !important;
    padding: 4px 8px !important;
    font-size: 6px !important;
  }

  body.home .published-cafeteria-hero-actions > span {
    min-height: 20px !important;
    padding-left: 6px !important;
  }

  body.home .published-cafeteria-hero-actions b {
    font-size: 5px !important;
  }

  body.home .published-cafeteria-founder-note {
    top: 8px !important;
    right: auto !important;
    bottom: auto !important;
    left: 52px !important;
    width: min(52%, 190px) !important;
    padding: 6px 8px !important;
    border-radius: 3px !important;
    transform: none !important;
  }

  body.home .published-cafeteria-founder-note > span {
    font-size: 5px !important;
  }

  body.home .published-cafeteria-founder-note > p {
    margin-top: 2px !important;
    font-size: 6px !important;
    line-height: 1.2 !important;
  }

  body.home .published-cafeteria-hero-stamp {
    top: 8px !important;
    right: 8px !important;
    width: 48px !important;
    padding: 4px !important;
    transform: rotate(3deg) !important;
  }

  body.home .published-cafeteria-hero-stamp span {
    font-size: 5px !important;
  }

  body.home .published-cafeteria-hero-stamp strong {
    font-size: 11px !important;
  }

  body.home .published-home .published-hero-slider .hero-media-arrow {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
  }

  body.home .published-home .published-hero-slider .hero-media-dots {
    bottom: 14px !important;
  }

  body.home .published-home .published-hero-slider .hero-autoplay-progress {
    bottom: 0 !important;
  }
}