:root{--wine:#326c68;--wine-dark:#193e3b;--berry:#9b5874;--cream:#f7fcf9;--ink:#24413e;--muted:#526c69;--line:#cbded9;--pink:#dca9bf;--gold:#e9bb7b}
body{background:var(--cream)}
.site-header{background:#f7fcf9}
.brand-mark{background:#d7eeea;border-color:#8dbdb4;color:#326c68;transform:rotate(-8deg)}
.cart-button{background:#d5a2b7;color:#2c3e3b}
.cart-button span{color:#326c68}
.hero{background:#e2f1eb;min-height:650px}
.hero-shade{background:linear-gradient(90deg,rgba(225,244,237,.94) 0%,rgba(225,244,237,.72) 37%,rgba(225,244,237,0) 65%)}
.hero-copy{color:#24534d}
.hero-copy h1 em{color:#a7657e}
.hero-copy>p:not(.eyebrow){color:#415f5b}
.hero .eyebrow{color:#9b5874}
.hero .primary-button{background:#2d7068;color:#fff;border-radius:100px;padding:16px 26px}
.hero-note{background:#f7fcf9;color:#24534d;border-radius:16px;padding:10px 20px;box-shadow:0 8px 22px rgba(55,93,87,.1)}
.hero-note span{color:#a7657e}
.hero-note p{border-color:#cbded9}
.intro{position:relative}
.intro:before{content:"✦";position:absolute;right:7vw;top:42px;font-size:32px;color:#d5a2b7}
.product-card{border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(48,99,91,.08)}
.product-visual{background-image:url('hero-bolleria.png')!important;background-size:cover!important;background-position:80% 42%!important}
.product-visual.brioche{background-position:95% 35%!important}
.product-visual.madeleine{background-position:95% 68%!important}
.product-visual:before,.product-visual:after{display:none}
.product-visual span{background:#f7fcf9e6;color:#326c68;border-radius:100px;padding:8px 13px;font-weight:700}
.product-info{background:#fff}
.add-button{border-color:#8ebdb5;border-radius:100px;color:#326c68}
.add-button:hover{background:#d6eee8;color:#24534d}
.process{background:#d8eee9;color:#24534d}
.process .eyebrow{color:#9b5874}
.steps article{border-color:#aacfc6}
.steps span{color:#a6657e}
.steps p{color:#526c69}
.story{background:#f8e9ed}
.story-emblem{filter:drop-shadow(10px 14px 0 rgba(155,88,116,.18))}
footer{background:#24534d}
.footer-brand .brand-mark{color:#326c68;border-color:#a4d0c7}
.footer-brand small,footer p{color:#d4ebe5}
.primary-button.full{background:#326c68;color:#fff}
.side-dialog,.summary-dialog{background:#f7fcf9}
@media(max-width:850px){.hero-shade{background:linear-gradient(0deg,rgba(225,244,237,.96),rgba(225,244,237,.8) 57%,rgba(225,244,237,.1))}.hero-note{left:24px;bottom:20px}.hero-copy{padding-bottom:145px}.intro:before{top:25px}}