/* Ligerim — responsive storefront. Native scrolling, stable card hit areas. */
:root{--ink:#27221e;--deep:#a51c29;--deep-2:#791b25;--yellow:#f6cf53;--cream:#fffaf0;--cyan:#f6cf53;--teal:#a51c29;--orange:#a51c29;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;touch-action:manipulation}img{display:block;max-width:100%}a:focus-visible{outline:3px solid #296ac1;outline-offset:5px}svg{width:20px;height:20px;flex-shrink:0}.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}section{padding:96px 0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{line-height:1.65}h2{font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.045em}h3{letter-spacing:-.025em}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.6;margin-bottom:16px}.noise{display:none}.topbar{text-align:center;background:var(--yellow);padding:9px 16px;font-size:10px;line-height:1.5;letter-spacing:.06em;font-weight:650}header{position:sticky;top:0;z-index:30;background:var(--cream);border-bottom:1px solid #27221e12}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px}.navlinks{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:650}.navlinks a{padding:14px 0}.navlinks a:hover{color:var(--deep)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 23px;border-radius:12px;background:var(--yellow);color:var(--ink);font-size:14px;font-weight:750;line-height:1.4;text-align:center;transition:background .2s,box-shadow .2s;max-width:100%}.cta.ghost{border:1px solid #ffffff55;background:transparent;color:white}.cta:hover{background:#ffde78;box-shadow:0 5px 16px #00000012}.cta.ghost:hover{background:#ffffff12}.hero{padding:0;background:var(--deep);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;padding-block:76px}.hero h1{font-size:clamp(44px,5.5vw,76px);font-weight:800;line-height:1.03;letter-spacing:-.055em;max-width:650px;margin-bottom:24px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{font-size:16px;max-width:510px;color:#fff0e4}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-badges{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:26px;font-size:11px;color:#ffe5d6}.hero-badges span{display:flex;align-items:center;gap:7px}.hero-badges i{width:5px;height:5px;border-radius:50%;background:var(--yellow)}.hero-art{position:relative;min-width:0;aspect-ratio:1;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;inset:5%;border-radius:50%;background:var(--yellow)}.hero-ring,.hero-splash,.love-dot,.hero-ice-bed,.cold-stamp{display:none}.hero-party-pack{position:relative;width:100%;height:100%}.hero-pack-beer{position:absolute;object-fit:contain;width:34%;height:74%;bottom:16%;filter:drop-shadow(0 15px 10px #0003)}.hero-antarctica-product{left:0;transform:rotate(-12deg);z-index:1}.corona-product{left:23%;z-index:3;transform:rotate(-4deg)}.heineken-product{right:19%;z-index:4;transform:rotate(5deg)}.hero-spaten-product{right:-2%;z-index:2;transform:rotate(13deg)}.hero-pack-caption{position:absolute;bottom:5%;left:0;right:0;text-align:center;color:var(--ink)}.hero-pack-caption span{font-size:11px;letter-spacing:.16em;font-weight:850}.hero-pack-caption strong{display:block;font-size:12px;margin-top:5px;font-weight:500}.delivery-tag{position:absolute;right:0;top:6%;background:var(--cream);color:var(--deep);padding:12px 16px;border-radius:8px;font-size:11px;font-weight:850;transform:rotate(7deg)}.ticker{background:var(--yellow);overflow:hidden;padding:17px 0}.ticker-track{display:flex;gap:42px;justify-content:center;width:max-content;min-width:100%;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}.ticker-track span:after{content:"✦";margin-left:42px;color:var(--deep)}.ticker-track span:nth-child(n+7){display:none}.drink-gallery-head,.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:32px}.drink-gallery-head p,.section-head p{font-size:15px;color:#71685f;max-width:440px}.drink-gallery-head h2 span{color:var(--deep)}.drink-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.drink-card{position:relative;min-width:0;height:380px;border-radius:20px;overflow:hidden;background:#39332e;color:white}.drink-card img{width:100%;height:100%;object-fit:cover}.drink-card:after,.stock-occasion:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#160f0be6);pointer-events:none}.drink-card-copy{position:absolute;bottom:24px;left:24px;right:24px;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:12px}.drink-card-copy small{font-size:11px;display:block;margin-bottom:8px;color:#ffebc7}.drink-card-copy h3{font-size:26px;line-height:1.12}.mini-arrow,.category-arrow{flex-shrink:0;display:grid;place-items:center;border:1px solid #ffffff66;border-radius:50%;height:38px;width:38px;font-size:21px}.mobile-card-tag{display:none}.drink-mini-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.drink-mini{position:relative;min-width:0;min-height:225px;border-radius:20px;background:var(--yellow);overflow:hidden;padding:28px}.drink-mini-copy{position:relative;z-index:2;max-width:65%}.drink-mini h3{font-size:28px;line-height:1.15}.drink-mini p{font-size:13px;margin-top:12px}.drink-mini .cutout{position:absolute;right:12px;bottom:-30px;width:32%;height:240px;object-fit:contain;transform:rotate(12deg)}.drink-mini.red{background:var(--deep);color:white}.mini-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mini-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#25100aee,#25100a55)}.categories{background:#f1eadf}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.category-card{display:flex;flex-direction:column;min-width:0;background:var(--cream);border:1px solid #27221e10;border-radius:18px;overflow:hidden;transition:box-shadow .2s}.category-visual{position:relative;aspect-ratio:1.6;overflow:hidden}.category-photo{width:100%;height:100%;object-fit:cover}.category-badge,.num,.category-photo-shade{display:none}.category-info{position:relative;flex:1;padding:22px 60px 24px 22px}.category-info h3{font-size:23px;line-height:1.2;margin-bottom:10px}.category-info p{font-size:13px;color:#71685f}.category-arrow{position:absolute;right:17px;top:19px;width:32px;height:32px;border-color:#27221e22}.feature{background:#29231f;color:var(--cream)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.feature-copy p{margin:24px 0;color:#d2c8bb;font-size:15px}.steps{display:grid;gap:0}.step{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:24px 0;border-top:1px solid #ffffff25}.step:first-child{padding-top:0;border:0}.index{color:var(--yellow);font-size:10px;font-weight:750;letter-spacing:.06em;padding-top:5px}.step h3{font-size:20px;margin-bottom:8px}.step p{font-size:14px;color:#c8beb2}.occasion-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.occasion-card{position:relative;min-height:370px;overflow:hidden;border-radius:20px;background:#29231f;color:white}.occasion-stock-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.occasion-stock-badge{position:absolute;top:24px;left:24px;z-index:2;background:var(--cream);color:var(--ink);padding:9px 12px;border-radius:7px;font-size:10px;letter-spacing:.08em;font-weight:750}.occasion-copy{position:absolute;bottom:28px;left:28px;right:28px;z-index:2;max-width:390px}.occasion-copy h3{font-size:34px;line-height:1.1;margin-bottom:12px}.occasion-copy p{font-size:14px;color:#f1e8dc}.final-cta{padding-top:0}.final-box{background:var(--yellow);border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}.final-box .eyebrow{color:var(--deep)!important}.final-box h2{max-width:650px}.final-box p{margin-top:18px;font-size:15px;max-width:550px}.final-box .cta{background:var(--deep);color:white}footer{border-top:1px solid #27221e16;padding:44px 0 80px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}footer p{font-size:13px;color:#71685f;margin-top:12px}.legal strong{font-size:13px}.float-wa{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:22px;z-index:40;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#227847;color:white;box-shadow:0 5px 20px #0003;border:3px solid var(--cream)}.float-wa svg{width:28px;height:28px}.reveal{opacity:1;transform:none}.reveal.pending{opacity:0;transform:translateY(16px)}.reveal.in{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
@media(hover:hover) and (pointer:fine){.category-card:hover{box-shadow:0 10px 30px #27221e13}.drink-card:hover .mini-arrow{background:var(--yellow);color:var(--ink)}}
@media(min-width:1600px){:root{--max:1320px}.hero-grid{padding-block:100px}}
@media(max-width:1000px){.hero-grid{gap:20px}.hero h1{font-size:54px}.hero-actions{flex-direction:column;align-items:stretch}.hero-badges span:last-child{display:none}.drink-grid{grid-template-columns:1.2fr 1fr 1fr;gap:12px}.drink-card{height:310px}.drink-card-copy{left:18px;right:18px;bottom:20px}.drink-card-copy h3{font-size:22px}.mini-arrow{display:none}.feature-grid{gap:40px}.category-grid{gap:16px}.category-info{padding-left:18px}.category-info h3{font-size:21px}.final-box{padding:36px;gap:24px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}section{padding:64px 0}.nav{min-height:68px;gap:16px;justify-content:space-between!important}.navlinks{gap:16px;font-size:12px}.navlinks a:last-child{display:none}.nav>.cta{min-height:42px;padding:10px 14px;font-size:11px;margin-left:0!important}.nav>.cta svg{display:none}.topbar{font-size:8px;letter-spacing:.025em}.hero-grid{grid-template-columns:1fr;padding-block:42px 24px;gap:18px}.hero-copy{max-width:560px}.hero h1{font-size:clamp(42px,9vw,64px);max-width:560px;margin-bottom:20px}.hero p{font-size:15px}.hero .eyebrow{font-size:10px}.hero-actions{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-actions .cta{font-size:12px;padding:14px 12px}.hero-actions .cta svg{display:none}.hero-badges{margin-top:20px;font-size:10px;gap:12px}.hero-art{width:min(100%,420px);justify-self:center;aspect-ratio:1.08}.delivery-tag{top:10%;font-size:9px;padding:10px}.ticker{padding:14px 0}.ticker-track{font-size:10px;gap:24px}.ticker-track span:after{margin-left:24px}.drink-gallery-head,.section-head{grid-template-columns:1fr;gap:18px;margin-bottom:26px}h2{font-size:clamp(32px,7.5vw,44px)}.eyebrow{font-size:10px;margin-bottom:12px}.drink-gallery-head p,.section-head p{font-size:14px;max-width:540px}.drink-grid{grid-template-columns:1fr 1fr;gap:12px}.drink-card{height:250px;border-radius:16px}.drink-card.beer-main{grid-column:1/-1;height:310px}.drink-card.beer-main h3{font-size:30px;max-width:250px}.drink-card-copy h3{font-size:22px}.drink-card-copy small{font-size:10px}.drink-mini-row{gap:12px}.drink-mini{padding:22px;min-height:245px;border-radius:16px}.drink-mini-copy{max-width:100%}.drink-mini h3{font-size:24px}.drink-mini p{font-size:12px}.drink-mini .cutout{opacity:.2;right:-20px;width:65%}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-info{padding:18px 14px}.category-info h3{font-size:20px;padding-right:0}.category-info p{font-size:12px;line-height:1.6}.category-arrow{display:none}.category-visual{aspect-ratio:1.2}.feature-grid{grid-template-columns:1fr;gap:36px}.feature-copy p{margin-block:20px}.feature-copy .cta{width:100%}.step{grid-template-columns:62px 1fr;gap:14px;padding:21px 0}.step h3{font-size:19px}.step p{font-size:13px}.occasion-grid{grid-template-columns:1fr;gap:16px}.occasion-card{min-height:330px}.occasion-copy{left:24px;right:24px;bottom:24px}.occasion-copy h3{font-size:30px}.final-box{grid-template-columns:1fr;padding:30px 24px;border-radius:20px;gap:26px}.final-box .cta{width:100%}.footer-grid{grid-template-columns:1fr;gap:28px}footer{padding-bottom:96px}.float-wa{right:16px;width:52px;height:52px}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.navlinks{gap:12px;font-size:11px}.nav>.cta{font-size:10px;padding-inline:10px}.hero h1{font-size:40px}.hero-actions{grid-template-columns:1fr}.hero-actions .cta{font-size:13px;min-height:48px}.hero-badges{font-size:9px}.drink-card{height:220px}.drink-card-copy{left:14px;right:14px;bottom:18px}.drink-card-copy h3{font-size:19px}.drink-mini-row{grid-template-columns:1fr}.drink-mini{min-height:190px}.drink-mini-copy{max-width:75%}.drink-mini .cutout{opacity:1;width:30%}.category-info h3{font-size:18px}.category-info p{font-size:12px}.occasion-copy h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal.pending{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Motion refinement: small accents inspired by 21st.dev's interface patterns. */
.hero-pack-caption{
  left:50%;right:auto;bottom:2%;transform:translateX(-50%);
  width:max-content;max-width:92%;padding:12px 22px;
  background:#fff5d6;color:#542016;border:1px solid #ffffffb3;
  border-radius:14px;box-shadow:0 8px 24px #54101c20;z-index:6;
}
.hero-pack-caption span{font-size:11px;line-height:1.5;letter-spacing:.13em}
.hero-pack-caption strong{font-size:12px;line-height:1.5;margin-top:2px;color:#653d2a}
.cta{position:relative;isolation:isolate;overflow:hidden}
.cta::after{
  content:"";position:absolute;inset:-50% -40%;pointer-events:none;
  background:linear-gradient(110deg,transparent 40%,#ffffff55 50%,transparent 60%);
  transform:translateX(-100%);opacity:0;
}
.cta:focus-visible::after{animation:button-sheen .85s ease both}
.cta:active{box-shadow:inset 0 2px 5px #00000018}
@keyframes button-sheen{0%{transform:translateX(-100%);opacity:0}15%{opacity:1}100%{transform:translateX(100%);opacity:0}}
/* A reveal never transforms the link itself: touch and pointer targets stay fixed. */
.motion-ready .reveal.pending{opacity:0;transform:translateY(18px)}
.motion-ready .reveal.in{
  opacity:1;transform:none;
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--reveal-delay,0ms);
}
.motion-ready a.reveal.pending{transform:none}
.motion-ready a.reveal.in{transform:none}
.motion-ready a.reveal.pending>img,
.motion-ready a.reveal.pending .category-photo{transform:scale(1.055)}
.motion-ready a.reveal.in>img,
.motion-ready a.reveal.in .category-photo{transform:scale(1);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.motion-ready .drink-mini.reveal .cutout{transform:rotate(12deg)}
.navlinks a{position:relative}
.navlinks a::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:2px;background:var(--deep);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.navlinks a[aria-current="location"]::after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){
  .cta:hover::after{animation:button-sheen .85s ease both}
  .navlinks a:hover::after{transform:scaleX(1)}
  .mini-arrow,.category-arrow{transition:background .25s,color .25s,border-color .25s}
  .category-card:hover .category-arrow{background:var(--deep);border-color:var(--deep);color:white}
  .occasion-stock-photo{transition:transform .8s cubic-bezier(.22,1,.36,1)}
  .occasion-card:hover .occasion-stock-photo{transform:scale(1.035)}
}
/* Native scroll timelines: progressive enhancement, with a static fallback. */
@supports(animation-timeline:scroll()){
  @media(prefers-reduced-motion:no-preference){
    header::after{
      content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;
      background:var(--deep);pointer-events:none;transform-origin:left;
      animation:reading-progress linear both;animation-timeline:scroll(root block);
    }
  }
}
@keyframes reading-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@supports(animation-timeline:view()){
  @media(min-width:761px) and (prefers-reduced-motion:no-preference){
    .hero-party-pack{
      animation:hero-depth linear both;animation-timeline:view();animation-range:exit 0% exit 100%;
    }
  }
}
@keyframes hero-depth{from{translate:0 0}to{translate:0 32px}}
@media(max-width:760px){
  .hero-pack-caption{bottom:0;padding:10px 18px;max-width:90%;border-radius:12px}
  .hero-pack-caption span{font-size:10px}
  .hero-pack-caption strong{font-size:11px}
  .motion-ready .reveal.pending{transform:translateY(12px)}
  .motion-ready a.reveal.pending{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready .reveal.pending,.motion-ready .reveal.in{opacity:1;transform:none;transition:none}
  .motion-ready a.reveal.pending>img,.motion-ready a.reveal.pending .category-photo{transform:none}
  .motion-ready .drink-mini.reveal .cutout{transform:rotate(12deg)}
  .hero-party-pack{translate:none}
  header::after{display:none}
}