/* A full-width alpine moment; product discovery follows the photograph. */
.home-hero { padding: 0 0 2.5rem; }
.home-intro { position: relative; isolation: isolate; background: #243b33; color: #fff; }
.home-intro__landscape { position: absolute; inset: 0; z-index: -2; }
.home-intro__landscape img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 54%; }
.home-intro::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #10271f75, transparent 75%), linear-gradient(0deg, #10271fba, transparent 70%); pointer-events: none; }
.home-intro__inner { position: relative; display: flex; align-items: end; min-height: clamp(34rem, 67svh, 45rem); padding-block: 5rem; }
.home-intro__copy { max-width: 38rem; }
.home-intro__copy .eyebrow { color: #fff; margin-bottom: 1rem; }
.home-intro h1, .home-intro h1 span { color: #fff; }
.home-intro h1 { font-size: var(--text-4xl); line-height: 1.1; letter-spacing: -.035em; margin: 0 0 1rem; text-shadow: 0 2px 20px #10271f30; }
.home-intro__lead { font-size: var(--text-base); color: #fff; margin: 0 0 1.5rem; }
.home-intro__actions { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.home-intro__actions .button { min-height: 2.75rem; padding: .75rem 1rem; gap: 1rem; font-size: var(--text-sm); background: #f8f7ef; color: #173c31; }
.home-intro__all { display: inline-flex; align-items: center; min-height: 2.75rem; gap: .5rem; border-bottom: 1px solid #ffffff80; color: #fff; font-size: var(--text-sm); }
.home-intro__products { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.25rem; align-items: stretch; margin-top: -2rem; }
.home-hero__picks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.home-pick { display: flex; flex-direction: column; justify-content: center; min-width: 0; gap: 1rem; padding: 1rem; border: 1px solid #e2e2d6; border-radius: var(--radius-card); background: #f6f3df; color: #173c31; box-shadow: 0 6px 24px #11211c0d; }
.home-pick--guarana { background: #edf1e5; }
.home-pick__image { position: relative; overflow: hidden; border-radius: var(--radius-image); }
.home-pick__image > img { width: 100%; aspect-ratio: 1.6; object-fit: cover; transition: transform .45s var(--ease); }
.home-pick__arrow { position: absolute; right: .5rem; bottom: .5rem; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: #f7f5ef; color: #173c31; font-size: var(--text-base); }
.home-pick__copy { min-width: 0; }
.home-pick__line { display: block; margin-bottom: .4rem; color: #54614f; font-size: var(--text-xs); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.home-pick h2 { font-size: var(--text-lg); line-height: 1.2; letter-spacing: -.025em; margin: 0 0 .4rem; }
.home-pick__price { display: block; font-size: var(--text-xs); font-weight: 600; }
.home-pick__price .format-from small { font-size: var(--text-xs); font-weight: 400; }
.home-bundle { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 1rem; align-items: center; padding: .75rem; border: 1px solid #ffffffb3; border-radius: var(--radius-card); background: #f4f1de; box-shadow: 0 12px 35px #11211c2b; color: #173c31; transition: transform .3s var(--ease), box-shadow .3s; }
.home-bundle__art { min-width: 0; }
.home-bundle .bundle-art { aspect-ratio: 1.05; padding: .75rem; }
.home-bundle .bundle-art__count, .home-bundle .bundle-art__caption { display: none; }
.home-bundle .bundle-art__tins { gap: .35rem; }
.home-bundle .bundle-art__tins > span { border-width: .15rem; }
.home-bundle .bundle-art__caption { font-size: var(--text-xs); letter-spacing: .015em; }
.home-bundle__copy { min-width: 0; padding-block: .3rem; }
.home-bundle__eyebrow { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem .65rem; margin: 0 0 .8rem; font-size: var(--text-xs); font-weight: 600; }
.home-offer { display: inline-block; padding: .4rem .55rem; border-radius: var(--radius-control); background: #173c31; color: #fff; font-size: var(--text-xs); font-weight: 700; line-height: 1.2; }
.home-bundle h2 { margin: 0 0 .45rem; font-size: var(--text-xl); line-height: 1.2; letter-spacing: -.035em; }
.home-bundle__flavours { margin-bottom: .85rem; font-size: var(--text-xs); line-height: 1.6; color: #536150; }
.home-bundle__price { display: block; font-size: var(--text-lg); line-height: 1.3; }
.home-bundle__price del { font-size: var(--text-xs); color: #64705b; margin-right: .2rem; font-weight: 500; }
.home-bundle__price ins { text-decoration: none; }
.home-bundle__cta { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding-top: .75rem; margin-top: .75rem; border-top: 1px solid #173c3130; font-size: var(--text-xs); font-weight: 700; }
.home-bundle__cta > span { font-size: var(--text-lg); line-height: 1; }

.home-intro__products .home-bundle { box-shadow: 0 6px 24px #11211c0d; border-color: #e2e2d6; }
@media (min-width: 1200px) {
  .home-pick { flex-direction: row; align-items: center; }
  .home-pick__image { flex: 0 0 7rem; }
  .home-pick__image > img { aspect-ratio: 1; }
  .home-intro__products .home-bundle { grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); }
  .home-intro__products .home-bundle .bundle-art { aspect-ratio: 1.2; }
}
@media (hover: hover) {
  .home-pick:hover .home-pick__image > img { transform: scale(1.04); }
  .home-intro__all:hover { border-bottom-color: #fff; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .home-intro__products { gap: 1rem; }
  .home-hero__picks { gap: .75rem; }
  .home-pick { padding: .75rem; }
  .home-bundle { grid-template-columns: minmax(0, .65fr) minmax(0, 1fr); gap: .75rem; }
  .home-bundle .bundle-art { aspect-ratio: .65; padding: .5rem; }
  .home-bundle .bundle-art__tins { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .home-hero { padding-bottom: 1.75rem; }
  .home-intro__inner { min-height: clamp(24rem, 58svh, 31rem); padding-block: 6rem 3.5rem; }
  .home-intro__landscape img { object-position: 50% 45%; }
  .home-intro::after { background: linear-gradient(0deg, #10271fd9, #10271f10 85%); }
  .home-intro h1 { font-size: var(--text-3xl); }
  .home-intro__lead { font-size: var(--text-sm); }
  .home-intro__copy .eyebrow { font-size: var(--text-xs); }
  .home-intro__actions { gap: 1rem; }
  .home-intro__products { grid-template-columns: minmax(0, 1fr); gap: 1rem; margin-top: -1.25rem; }
  .home-hero__picks { gap: .75rem; }
  .home-pick { padding: .75rem; gap: .75rem; }
  .home-pick__image > img { aspect-ratio: 1.4; }
  .home-pick h2 { font-size: var(--text-base); }
  .home-bundle { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: .7rem; padding: .65rem; }
  .home-bundle .bundle-art { aspect-ratio: .64; padding: .5rem; }
  .home-bundle .bundle-art__tins { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; }
  .home-bundle__eyebrow { margin-bottom: .6rem; gap: .4rem; }
  .home-bundle h2 { font-size: var(--text-lg); }
  .home-bundle__flavours { font-size: var(--text-xs); margin-bottom: .7rem; }
}
@media (prefers-reduced-motion: reduce) {
  .home-pick__image > img { transition: none; }
  .home-pick:hover .home-pick__image > img { transform: none; }
}