.sk-product-section{overflow:hidden;background:linear-gradient(135deg,#f3e8fb 0%,#fffaf4 47%,#dceff7 100%)}
.sk-product-showcase{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:clamp(30px,6vw,76px)}
.sk-product-visual{position:relative;isolation:isolate;min-height:570px;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:54px 86px 48px 74px;background:radial-gradient(circle at 20% 22%,rgba(176,139,220,.68),transparent 30%),radial-gradient(circle at 84% 76%,rgba(87,167,208,.62),transparent 34%),rgba(255,255,255,.58);box-shadow:0 28px 80px rgba(52,49,60,.14)}
.sk-product-visual:before,.sk-product-visual:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(255,255,255,.28)}
.sk-product-visual:before{left:-38px;top:56px;width:190px;height:120px}.sk-product-visual:after{right:-52px;top:-30px;width:230px;height:155px}
.sk-product-badge{position:absolute;z-index:4;left:24px;top:24px;padding:9px 13px;border:1px solid rgba(23,60,39,.12);border-radius:999px;background:rgba(255,255,255,.82);color:var(--forest);font-size:.61rem;font-weight:900;letter-spacing:.12em}
.sk-product-logo{position:absolute;z-index:1;left:50%;top:20px;width:150px;transform:translateX(-50%);opacity:.12}.sk-product-packs{position:absolute;z-index:2;left:-3%;bottom:58px;width:76%;height:auto;filter:drop-shadow(0 26px 22px rgba(40,41,48,.16))}.sk-product-matcha{position:absolute;z-index:3;right:3%;bottom:58px;width:35%;max-height:430px;object-fit:contain;border-radius:24px;clip-path:inset(3% 3% round 22px);mix-blend-mode:multiply;filter:drop-shadow(0 24px 20px rgba(40,41,48,.15))}
.sk-product-visual p{position:absolute;z-index:4;left:24px;right:24px;bottom:20px;margin:0;text-align:center;color:var(--forest);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.sk-product-copy h2{max-width:12ch;margin:12px 0 18px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.95}.sk-product-copy>p{max-width:54ch;color:var(--muted)}
.sk-product-links{display:grid;gap:9px;margin-top:26px}.sk-product-links a{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:12px;padding:15px 17px;border:1px solid rgba(255,255,255,.86);border-radius:18px;background:rgba(255,255,255,.65);transition:transform .2s ease,background .2s ease}.sk-product-links a:hover{transform:translateX(4px);background:#fff}
.sk-product-links span{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:#fff;font-size:.62rem;font-weight:900}.sk-product-links .ube span{background:var(--ube)}.sk-product-links .matcha span{background:var(--matcha)}.sk-product-links .blue span{background:var(--blue)}
.sk-product-links strong{font-family:var(--serif);color:var(--forest);font-size:1.13rem;line-height:1}.sk-product-links small{margin-top:3px;color:var(--muted);font-size:.68rem}
@media(max-width:820px){.sk-product-showcase{grid-template-columns:1fr}.sk-product-copy{max-width:680px}.sk-product-visual{min-height:520px}}
@media(max-width:560px){.sk-product-visual{min-height:390px;border-radius:34px 48px 31px 43px}.sk-product-badge{left:14px;top:14px;padding:7px 9px;font-size:.53rem}.sk-product-logo{left:50%;top:15px;width:118px}.sk-product-packs{left:-4%;bottom:39px;width:78%}.sk-product-matcha{right:0;bottom:40px;width:36%;max-height:300px;border-radius:16px;clip-path:inset(3% 3% round 15px)}.sk-product-visual p{left:10px;right:10px;bottom:12px;font-size:.57rem}.sk-product-copy h2{font-size:clamp(2.35rem,12vw,3.45rem)}}

/* Keep Matchakra separate from the two Happy Latte colour powders. */
.sk-product-packs{left:50%;bottom:48px;width:104%;transform:translateX(-50%)}
.sk-product-links{grid-template-columns:1fr 1fr}.sk-product-links a{min-height:78px}
.sk-matchakra-feature{position:relative;isolation:isolate;grid-column:1/-1;display:grid;grid-template-columns:minmax(330px,.92fr) minmax(0,1.08fr);min-height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:54px 86px 48px 76px;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.88),transparent 27%),linear-gradient(135deg,#cfe3ac 0%,#fbf7df 47%,#9fc66e 100%);box-shadow:0 28px 82px rgba(48,62,39,.16)}
.sk-matchakra-feature:before,.sk-matchakra-feature:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(255,255,255,.32)}.sk-matchakra-feature:before{left:-60px;bottom:-40px;width:260px;height:155px}.sk-matchakra-feature:after{right:-70px;top:-60px;width:280px;height:180px}
.sk-matchakra-visual{position:relative;min-height:430px}.sk-matchakra-pouch{position:absolute;z-index:2;left:-1%;bottom:-32px;width:66%;height:456px;object-fit:contain;filter:saturate(1.08) contrast(1.03) drop-shadow(0 30px 24px rgba(35,49,30,.24))}.sk-matchakra-whisk{position:absolute;z-index:3;right:4%;top:50%;width:42%;aspect-ratio:1;overflow:hidden;border:10px solid rgba(255,255,255,.66);border-radius:50%;background:rgba(255,255,255,.72);box-shadow:0 22px 55px rgba(45,57,38,.16);transform:translateY(-47%) rotate(4deg)}.sk-matchakra-whisk img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.18) contrast(1.05)}
.sk-matchakra-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:48px 54px 48px 24px;color:var(--forest)}.sk-matchakra-copy>span{font-size:.64rem;font-weight:900;letter-spacing:.14em}.sk-matchakra-copy h3{max-width:10ch;margin:14px 0 13px;font:700 clamp(2.75rem,5vw,5rem)/.9 var(--serif);letter-spacing:-.052em}.sk-matchakra-copy p{max-width:48ch;margin:0;color:var(--muted);font-size:1rem;line-height:1.62}.sk-matchakra-facts{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 24px}.sk-matchakra-facts small{padding:8px 11px;border:1px solid rgba(23,60,39,.13);border-radius:999px;background:rgba(255,255,255,.54);font-size:.61rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.sk-matchakra-copy .btn{align-self:flex-start}
@media(max-width:820px){.sk-product-links{grid-template-columns:1fr 1fr}.sk-matchakra-feature{grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr)}.sk-matchakra-copy{padding:42px 34px 42px 12px}}
@media(max-width:560px){.sk-product-packs{left:50%;bottom:36px;width:108%}.sk-product-links{grid-template-columns:1fr}.sk-matchakra-feature{grid-template-columns:1fr;min-height:0;border-radius:36px 58px 34px 50px}.sk-matchakra-visual{min-height:350px}.sk-matchakra-pouch{left:-3%;bottom:-30px;width:69%;height:382px}.sk-matchakra-whisk{right:4%;width:42%;border-width:7px}.sk-matchakra-copy{padding:28px 62px 30px 22px}.sk-matchakra-copy h3{font-size:clamp(2.5rem,12vw,3.45rem)}.sk-matchakra-copy p{font-size:.92rem}.sk-matchakra-facts{margin:19px 0 22px}.sk-matchakra-facts small{font-size:.56rem}}