.cookie-product-hero{grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr);gap:clamp(2rem,6vw,6rem)}
.cookie-product-facts{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;padding:0;margin:1.5rem 0 0}.cookie-product-facts li{padding:.4rem .65rem;border:1px solid var(--line,rgba(23,24,19,.22));font:700 .72rem/1.2 monospace;text-transform:uppercase;letter-spacing:.05em}
.cookie-banner-demo{position:relative;padding:clamp(1.4rem,3vw,2rem);background:var(--ink,#171813);color:var(--paper,#f3f1e8);border-top:6px solid var(--lime,#cce84b);box-shadow:16px 16px 0 var(--lime,#cce84b);transform:rotate(1deg)}
.cookie-demo-head{display:flex;align-items:center;gap:1rem}.cookie-demo-logo{display:grid;place-items:center;width:2.7rem;height:2.7rem;flex:0 0 auto;background:var(--lime,#cce84b);color:var(--ink,#171813);font-size:1.3rem;font-weight:900}.cookie-demo-head div{display:grid;gap:.25rem}.cookie-demo-head .mono{color:var(--lime,#cce84b);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.cookie-demo-head strong{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.1}.cookie-banner-demo>p{margin:1.3rem 0;color:rgba(243,241,232,.72);line-height:1.55}.cookie-demo-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1.3rem}.cookie-demo-categories span{position:relative;padding:.65rem .7rem .65rem 2rem;border:1px solid rgba(243,241,232,.22);font-size:.75rem}.cookie-demo-categories span::before{content:"";position:absolute;left:.7rem;top:50%;width:.65rem;height:.65rem;background:var(--lime,#cce84b);border:1px solid currentColor;transform:translateY(-50%)}.cookie-demo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.cookie-demo-actions span,.cookie-demo-actions b{display:grid;place-items:center;min-height:2.65rem;padding:.3rem;border:1px solid rgba(243,241,232,.45);font-size:.7rem;text-align:center}.cookie-demo-actions b{grid-column:1/-1;grid-row:1;background:var(--lime,#cce84b);color:var(--ink,#171813);border-color:var(--lime,#cce84b)}
.cookie-download-aside ul{display:grid;gap:.55rem;padding-left:1.1rem;margin:1.25rem 0 1.6rem}.cookie-download-aside li{padding-left:.25rem}
@media(max-width:900px){.cookie-product-hero{grid-template-columns:1fr}.cookie-banner-demo{max-width:38rem;margin-right:1rem}}
@media(max-width:560px){.cookie-product-hero h1{font-size:clamp(2.65rem,12vw,4rem)}.cookie-banner-demo{margin-right:.6rem;box-shadow:9px 9px 0 var(--lime,#cce84b);transform:none}.cookie-demo-categories,.cookie-demo-actions{grid-template-columns:1fr}.cookie-demo-actions b{grid-column:auto;grid-row:auto}}
@media(prefers-reduced-motion:reduce){.cookie-banner-demo{transform:none}}