/* ============================================================
   PepsPlanit — Shop landing-specific styles
   Master design system: do not fork per page.
   Photography: .photo containers are swap-ready — replace inner
   .still SVG with <img class="campaign" src="assets/images/...">
   ============================================================ */

.anchor-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:820px;margin:0 auto}
.anchor-pills a{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-radius:999px;padding:11px 20px;transition:border-color .3s,color .3s,transform .3s var(--ease)}
.anchor-pills a:hover{border-color:var(--gold);color:var(--emerald);transform:translateY(-2px)}
/* seasonal editorial feature */
.season{position:relative;overflow:hidden;min-height:480px;display:flex;align-items:center;background:radial-gradient(140% 125% at 28% 8%,#F2E3C8 0%,var(--gold-soft) 52%,#C9AD7C 100%)}
.season::before{content:"";position:absolute;inset:0;opacity:.45;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.season .sun{position:absolute;top:-60px;right:8%;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.75),rgba(255,255,255,0) 70%)}
.season-inner{position:relative;z-index:5;max-width:1240px;margin:0 auto;padding:90px 24px;width:100%}
.season h2{font-size:clamp(38px,5.6vw,68px);line-height:1.02;color:var(--navy);margin-bottom:18px}
.season h2 i{font-style:italic}
.season p{max-width:460px;color:#5b4d33;font-size:15.5px;margin-bottom:32px}
/* digital library highlights */
.dl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dl{padding:30px 26px;display:flex;flex-direction:column;gap:8px}
.dl .d-icon{width:44px;height:44px;border-radius:12px;background:var(--warm-ivory);display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.dl .d-icon svg{width:20px;height:20px;stroke:var(--emerald);fill:none}
.dl h3{font-size:19px}
.dl p{font-size:12.5px;color:#7d7d77;flex:1}
.dl .dl-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.dl .badge{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#a8853f;border:1px solid var(--gold-soft);border-radius:999px;padding:4px 10px}
@media (max-width:1080px){
.dl-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
.dl-grid{grid-template-columns:1fr}
.season{min-height:420px}
}