.home-hero { position: relative; overflow: hidden; padding-block: clamp(4rem, 9vw, 7.5rem); background: radial-gradient(circle at 75% 10%, rgba(255,211,61,.5), transparent 27%), linear-gradient(135deg, #fff 0%, #f1f3f4 100%); }
.home-hero::after { position: absolute; width: 26rem; height: 26rem; right: -9rem; bottom: -16rem; border: 5rem solid rgba(226,27,45,.07); border-radius: 50%; content: ""; }
.home-hero__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(16rem, .8fr); align-items: center; gap: 4rem; }
.home-hero__content { position: relative; z-index: 2; }
.home-hero p:not(.eyebrow) { max-width: 42rem; color: var(--cc-color-muted); font-size: 1.15rem; }
.home-hero__visual { position: relative; z-index: 1; min-height: 31rem; perspective: 800px; }
.home-hero__visual::before { position: absolute; width: 85%; height: 14%; left: 8%; bottom: 3%; border-radius: 50%; background: rgba(16,19,22,.18); filter: blur(18px); content: ""; }
.can { position: absolute; display: flex; width: 10.5rem; height: 25rem; bottom: 3rem; left: 50%; flex-direction: column; align-items: center; justify-content: center; border: 2px solid rgba(255,255,255,.75); border-radius: 2.8rem 2.8rem 2rem 2rem; color: #fff; background: linear-gradient(100deg, #14191b, #343b3e 45%, #0c0f10 76%); box-shadow: inset .7rem 0 1.2rem rgba(255,255,255,.1), 0 2rem 3rem rgba(16,19,22,.2); text-align: center; transform: translateX(-50%) rotate(2deg); }
.can::before { position: absolute; width: calc(100% - .8rem); height: 1rem; top: .35rem; border: 2px solid #9ba3a7; border-radius: 50%; background: #dce1e3; content: ""; }
.can span { font-size: .68rem; font-weight: 900; letter-spacing: .18em; }
.can strong { font-size: 1.65rem; line-height: 1; letter-spacing: -.06em; }
.can--monster { margin-left: -6.3rem; background: linear-gradient(100deg, #111713, #254529 48%, #0b0e0c 78%); transform: translateX(-50%) rotate(-11deg) translateY(1rem); }
.can--monster strong { color: #8bdd3b; }
.can--center { z-index: 2; height: 27rem; background: linear-gradient(100deg, #b20e1b, #ed2939 48%, #830811 80%); }
.can--center strong { color: var(--cc-color-accent); }
.can--redbull { margin-left: 6.5rem; background: linear-gradient(100deg, #071942, #244da9 48%, #071330 80%); transform: translateX(-50%) rotate(11deg) translateY(1rem); }
.can--redbull strong { color: #ffdb40; }
.home-promises { border-block: 1px solid var(--cc-color-border); background: #fff; }
.home-promises__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.home-promises p { display: flex; margin: 0; flex-direction: column; padding: 1.3rem 2rem; border-right: 1px solid var(--cc-color-border); }
.home-promises p:first-child { padding-left: 0; }
.home-promises p:last-child { border: 0; }
.home-promises strong { font-size: .92rem; }
.home-promises span { color: var(--cc-color-muted); font-size: .8rem; }
.home-section { padding-block: clamp(3rem, 7vw, 6rem); }
.section-heading { max-width: 45rem; margin-bottom: 2rem; }
.section-heading--split { display: flex; max-width: none; align-items: end; justify-content: space-between; gap: 2rem; }
.section-heading--split a { padding-bottom: .5rem; color: var(--cc-color-brand); font-weight: 800; }
.brand-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.brand-card { position: relative; display: flex; min-height: 16rem; overflow: hidden; flex-direction: column; justify-content: flex-end; border: 1px solid var(--cc-color-border); border-radius: var(--cc-radius-lg); padding: 1.7rem; background: var(--cc-color-soft); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.brand-card::after { position: absolute; width: 11rem; height: 11rem; top: -5rem; right: -3rem; border: 2.5rem solid currentColor; border-radius: 50%; opacity: .09; content: ""; }
.brand-card:hover { transform: translateY(-4px); box-shadow: var(--cc-shadow); }
.brand-card small { margin-bottom: auto; opacity: .72; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.brand-card strong { font-size: 1.75rem; }
.brand-card span { margin-top: .4rem; font-weight: 750; }
.brand-card--monster { color: #fff; background: #121714; }
.brand-card--redbull { color: #fff; background: #162c69; }
.brand-card--special { color: #fff; background: linear-gradient(135deg, #be1120, #e43140); }
.home-latest { background: var(--cc-color-soft); }
.home-latest .woocommerce ul.products { margin-bottom: 0; }

/* 0.9.85 — Ontdekken: releasekalender, los van verkoopbare WooCommerce-items. */
.cc-discover-home{overflow:hidden;background:#f3f4f1}.cc-discover-hero{display:grid;min-height:34rem;grid-template-columns:minmax(0,.95fr) minmax(20rem,1.05fr);align-items:center;gap:2rem;padding:clamp(2rem,6vw,5rem) max(1rem,calc((100vw - 78rem)/2));color:#fff;background:radial-gradient(circle at 78% 30%,rgba(79,214,151,.22),transparent 25%),linear-gradient(125deg,#0a0e0c,#14251c 62%,#0d5538)}.cc-discover-hero__copy{position:relative;z-index:2}.cc-discover-hero .eyebrow{color:#79dfa9}.cc-discover-hero h1{max-width:13ch;margin:.35rem 0 1rem;font-size:clamp(3rem,7vw,6.8rem);line-height:.88;letter-spacing:-.065em}.cc-discover-hero p:not(.eyebrow){max-width:35rem;color:rgba(255,255,255,.72);font-size:1.05rem}.cc-discover-hero .button{margin-top:1rem}.cc-discover-hero__cans{position:relative;display:flex;min-height:27rem;align-items:flex-end;justify-content:center}.cc-discover-hero__cans span{display:grid;width:9rem;height:24rem;align-items:center;justify-items:center;margin:0 -1.4rem;border-radius:1.5rem 1.5rem 1.15rem 1.15rem;color:#111;background:linear-gradient(90deg,color-mix(in srgb,var(--can) 72%,#111),var(--can) 42%,color-mix(in srgb,var(--can) 68%,#fff) 58%,color-mix(in srgb,var(--can) 70%,#111));box-shadow:inset 0 .35rem #d8dde0,inset 0 -.35rem #aeb4b6,0 2rem 2rem rgba(0,0,0,.32);font-size:2.5rem;font-weight:950;letter-spacing:-.08em;transform:rotate(var(--tilt));transform-origin:center bottom}.cc-discover-hero__cans span:nth-child(2){z-index:2;height:27rem}.cc-discover-feed{padding-block:clamp(2.5rem,6vw,5rem)}.cc-discover-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.cc-discover-heading h2{margin:.2rem 0 0;font-size:clamp(2.25rem,5vw,4.5rem);letter-spacing:-.055em}.cc-discover-heading>p{max-width:35rem;color:#68716b;font-size:.85rem}.cc-discover-tabs{display:flex;gap:.45rem;overflow-x:auto;margin:2rem 0 1.25rem;padding:.2rem;scrollbar-width:none}.cc-discover-tabs button{min-height:3rem;flex:0 0 auto;border:1px solid #ccd3ce;border-radius:999px;padding:0 1.1rem;color:#435048;background:#fff;font:inherit;font-size:.8rem;font-weight:850}.cc-discover-tabs button.is-active{border-color:#111915;color:#fff;background:#111915}.cc-release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.cc-release-grid[hidden]{display:none}.cc-release-card{display:grid;min-height:15rem;overflow:hidden;grid-template-columns:10rem minmax(0,1fr);border:1px solid #d7ddd8;border-radius:1.25rem;color:var(--release-ink,#172019);background:#fff;text-decoration:none}.cc-release-card__visual{position:relative;display:grid;overflow:hidden;place-items:center;background:var(--release-accent,#dfe6e1)}.cc-release-card__visual::before{position:absolute;width:5.2rem;height:12rem;border-radius:.85rem .85rem .65rem .65rem;background:linear-gradient(90deg,color-mix(in srgb,var(--release-accent) 65%,#111),var(--release-accent) 45%,color-mix(in srgb,var(--release-accent) 66%,#fff) 58%,color-mix(in srgb,var(--release-accent) 70%,#111));box-shadow:inset 0 .22rem #dfe4e5,inset 0 -.22rem #9fa6a8,0 1rem 1rem rgba(0,0,0,.2);content:"";transform:rotate(-4deg)}.cc-release-card__visual>span{position:relative;z-index:2;font-size:1.4rem;font-weight:950}.cc-release-card__visual img{position:relative;z-index:2;width:auto!important;height:13rem!important;object-fit:contain;filter:drop-shadow(0 .9rem .7rem rgba(0,0,0,.22))}.cc-release-card--available .cc-release-card__visual::before{display:none}.cc-release-card__copy{display:flex;min-width:0;flex-direction:column;padding:1.15rem}.cc-release-card__copy>p{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0}.cc-release-card__copy p b{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.cc-release-card__copy p em{border-radius:999px;padding:.3rem .5rem;background:#eef2ef;font-size:.62rem;font-style:normal;font-weight:850}.cc-release-card__copy h3{margin:.8rem 0;font-size:clamp(1.35rem,3vw,2rem);line-height:1;letter-spacing:-.04em}.cc-release-card__copy dl{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:auto 0 .7rem}.cc-release-card__copy dl div{display:flex;flex-direction:column}.cc-release-card__copy dt,.cc-release-card__copy small{color:#7a827d;font-size:.62rem;font-weight:750}.cc-release-card__copy dd{margin:.12rem 0 0;font-size:.72rem;font-weight:800}.cc-release-card__copy>span{margin-top:auto;color:#118458;font-size:.72rem;font-weight:900}.cc-release-card--expected{border-style:dashed}.cc-release-card--expected .cc-release-card__visual::after{position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(255,255,255,.18) 10px 20px);content:""}
@media(max-width:700px){.cc-discover-hero{min-height:36rem;grid-template-columns:1fr;padding:2.2rem 1rem 1.2rem;text-align:center}.cc-discover-hero h1{max-width:12ch;margin-inline:auto;font-size:clamp(2.8rem,13vw,4rem)}.cc-discover-hero p:not(.eyebrow){margin-inline:auto;font-size:.9rem}.cc-discover-hero__cans{min-height:15rem}.cc-discover-hero__cans span{width:5.4rem;height:14rem;margin:0 -.75rem;border-radius:.9rem;font-size:1.35rem}.cc-discover-hero__cans span:nth-child(2){height:16rem}.cc-discover-feed{padding:2.3rem .75rem}.cc-discover-heading{display:block}.cc-discover-heading h2{font-size:2.35rem}.cc-discover-heading>p{font-size:.76rem}.cc-discover-tabs{margin-top:1.35rem}.cc-release-grid{grid-template-columns:1fr}.cc-release-card{min-height:11.5rem;grid-template-columns:7rem minmax(0,1fr);border-radius:1rem}.cc-release-card__visual::before{width:3.6rem;height:8.8rem}.cc-release-card__visual img{height:9.5rem!important}.cc-release-card__copy{padding:.85rem}.cc-release-card__copy h3{margin:.55rem 0;font-size:1.3rem}.cc-release-card__copy dl{margin:.35rem 0 .5rem}}

/* Discover 0.9.87: losse, verticale releaseblokken met echte productbeelden. */
.cc-discover-section{margin-top:clamp(2rem,5vw,4rem);padding:clamp(1rem,3vw,2rem);border:1px solid #d7ddd8;border-radius:1.6rem;background:#fff}.cc-discover-section>header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.25rem}.cc-discover-section>header h2{margin:.15rem 0 0;font-size:clamp(2rem,4.2vw,3.6rem);line-height:.95;letter-spacing:-.05em}.cc-discover-section>header>p{max-width:31rem;margin:0;color:#6a746d;font-size:.78rem}.cc-discover-section .cc-release-card__visual::before{display:none}.cc-release-card--product .cc-release-card__visual{background:linear-gradient(145deg,#f4f6f4,#e8eeea)}.cc-release-card--worldwide{border-color:#b7d9ca}.cc-release-card--worldwide .cc-release-card__visual{background:linear-gradient(145deg,#e8f7f0,#cde7dc)}.cc-release-card--expected{border-color:#d7cfb5;background:#fffdf7}.cc-release-card--expected .cc-release-card__visual{background:linear-gradient(145deg,#f8f4e7,#ece4cb)}.cc-release-card--expected .cc-release-card__visual::after{background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(255,255,255,.28) 12px 24px)}.cc-discover-section--expected{background:#fbf8ef}.cc-discover-section--available{background:#eef5f1}.cc-discover-shop-link{display:table;margin:1.3rem auto 0}.cc-release-card--product:where(a){transition:transform .18s ease,box-shadow .18s ease}.cc-release-card--product:where(a):hover{transform:translateY(-3px);box-shadow:0 .8rem 1.8rem rgba(19,47,32,.1)}
@media(max-width:700px){.cc-discover-section{margin-top:1.5rem;padding:.75rem;border-radius:1.15rem}.cc-discover-section>header{display:block;margin:.35rem .15rem 1rem}.cc-discover-section>header h2{font-size:2rem}.cc-discover-section>header>p{margin-top:.5rem;font-size:.72rem}.cc-release-card--product{grid-template-columns:7.4rem minmax(0,1fr)}.cc-release-card--product .cc-release-card__visual img{max-width:6.3rem!important;height:9.4rem!important}.cc-release-card__copy small{line-height:1.45}.cc-discover-shop-link{width:100%;text-align:center}}
.cc-discover-hero__cans figure{position:relative;z-index:1;display:grid;width:10rem;height:26rem;place-items:end center;margin:0 -1.25rem;transform:rotate(var(--tilt));transform-origin:center bottom}.cc-discover-hero__cans figure:nth-child(2){z-index:2;height:29rem}.cc-discover-hero__cans figure img{width:100%!important;height:100%!important;object-fit:contain;filter:drop-shadow(0 2rem 1.25rem rgba(0,0,0,.45))}.cc-discover-hero__cans figure::after{position:absolute;right:15%;bottom:-.8rem;left:15%;height:1.5rem;border-radius:50%;background:rgba(0,0,0,.35);filter:blur(.5rem);content:""}
@media(max-width:700px){.cc-discover-hero__cans figure{width:6rem;height:14rem;margin:0 -.65rem}.cc-discover-hero__cans figure:nth-child(2){height:16rem}.cc-discover-hero__cans figure img{filter:drop-shadow(0 1rem .8rem rgba(0,0,0,.45))}}

/* 0.9.88 — rustiger uitgelijnde releasekaarten zonder datumregel. */
.cc-release-card--product{min-height:13.5rem;grid-template-columns:8.5rem minmax(0,1fr)}.cc-release-card--product .cc-release-card__visual{padding:.75rem}.cc-release-card--product .cc-release-card__visual img{max-width:7rem!important;height:11.5rem!important}.cc-release-card--product .cc-release-card__copy{justify-content:flex-start}.cc-release-card--product .cc-release-card__copy>p{min-height:1.9rem}.cc-release-card--product .cc-release-card__copy h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:.65rem 0;font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.02}.cc-release-card--product .cc-release-card__copy>span{display:flex;align-items:center;min-height:2rem;margin-top:auto}.cc-release-card--product.is-release-alert .cc-release-card__copy>span{color:#0b6e9b}.cc-release-card--product.is-release-alert{border-color:#8bc7db}
@media(max-width:700px){.cc-release-grid{gap:.65rem}.cc-release-card--product{min-height:9.75rem;grid-template-columns:6.4rem minmax(0,1fr)}.cc-release-card--product .cc-release-card__visual{padding:.45rem}.cc-release-card--product .cc-release-card__visual img{max-width:5.3rem!important;height:8.5rem!important}.cc-release-card--product .cc-release-card__copy{padding:.72rem}.cc-release-card--product .cc-release-card__copy>p{min-height:1.45rem}.cc-release-card--product .cc-release-card__copy p b{font-size:.56rem;line-height:1.15}.cc-release-card--product .cc-release-card__copy p em{padding:.22rem .4rem;font-size:.55rem}.cc-release-card--product .cc-release-card__copy h3{-webkit-line-clamp:3;margin:.42rem 0;font-size:1.05rem;line-height:1.02}.cc-release-card--product .cc-release-card__copy>span{min-height:1.35rem;font-size:.65rem}}

/* 0.9.89 — releaseblikken volledig en proportioneel in beeld. */
.cc-release-card--product .cc-release-card__visual img{width:auto!important;max-width:88%!important;height:11.5rem!important;max-height:88%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:700px){.cc-release-card--product .cc-release-card__visual{padding:.55rem .35rem}.cc-release-card--product .cc-release-card__visual img{width:auto!important;max-width:92%!important;height:8.7rem!important;max-height:100%!important}}