/* Cinnery design: the layout from assets/base.css with a pink palette,
   an eggplant header and the split hero (copy on pink, framed photo on the right). */
:root { --bg: #FBE6E9; --tint: #FFFFFF; --line: rgba(97,64,81,.16); --ink: #3A2530; --ink-2: #6E4F5D; --pink-soft: #F7D3D9; }
body { background: var(--bg); }
h1, h2, h3 { color: var(--plum); }

/* header: eggplant pill, pink type and logo */
.pill { background: rgba(97,64,81,.96); border-color: transparent; }
.brand { color: var(--pink); }
.site-nav > a:not(.btn) { color: var(--pink); font-weight: 600; }
.site-nav > a:not(.btn):hover { color: #fff; }
.lang { background: rgba(255,255,255,.12); }
.lang button { color: var(--pink); }
.lang button.is-active { background: var(--pink); color: var(--plum); }
.cart-link { background: rgba(255,255,255,.12); color: var(--pink); }
.cart-link.is-current { background: rgba(240,163,175,.25); }
.cart-count { background: var(--pink); color: var(--plum); }
.header-right .btn-pink { background: var(--pink); color: var(--plum); }
.header-right .btn-pink:hover { background: #F4B4BE; }
.nav-toggle { background: var(--pink); }
.nav-toggle span { background: var(--plum); }

/* facts */
.cell { background: #fff; border-color: transparent; }
.cell-pink { background: var(--plum); color: #fff; }
.cell-pink .cell-sub { color: rgba(255,255,255,.8); }
.cell-plum { background: #fff; color: var(--ink); }
.cell-plum strong { color: var(--plum); }
.cell-plum .cell-sub { color: var(--ink-2); }

/* sections */
.section-tint { background: #fff; }
.section-dark { background: var(--plum); }
.section-dark h2 { color: #fff; }
.drinks-list { color: var(--plum); }

/* cards */
.card { border-color: transparent; }
.section-tint .card { background: var(--bg); }
.card:hover { box-shadow: 0 16px 36px -26px rgba(97,64,81,.6); }

.order-panel { background: var(--plum); }
.mini { background: #fff; border-color: transparent; }
.mini-pink { background: var(--pink); }
.visit-card { background: var(--bg); border-color: transparent; }
.map, .map-placeholder { background: var(--bg); }
.faq summary::after { background: var(--pink); color: var(--plum); }

/* sub pages */
.summary-box { background: #fff; border-color: transparent; }
.stepper { border-color: var(--line); }
.pl-row { color: var(--ink); }
.opt-select { border-color: var(--line); }

/* footer */
.site-footer { background: var(--plum); }
.footer-brand { color: var(--pink); }

@media (max-width: 760px) {
  .pill { background: var(--plum); }
  .site-nav { background: var(--plum); }
  .site-nav > a:not(.btn) { color: var(--pink); }
  .hero-split .hero-content { padding: 100px 0 40px; gap: 28px; }
}