@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/manrope-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body { margin: 0; padding: 0; background: #FBFDFC; color: #17302C; font-family: 'Manrope', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: #2E8B6A; text-decoration: none; cursor: pointer; }
a:hover { color: #1F6B51; text-decoration: underline; }
input, select, textarea, button { font-family: inherit; }
img { max-width: 100%; }

.wrap { max-width: 1240px; margin: 0 auto; padding: 0 24px; }

.hoverlink:hover { color: #2E8B6A; }
.hoverwhite:hover { color: #fff !important; }
.hovershadow:hover { box-shadow: 0 16px 36px rgba(23,48,44,0.10); }
.hovershadow2:hover { box-shadow: 0 16px 36px rgba(23,48,44,0.08); }
.hoverbtn:hover { background: #23735A !important; }

.cat-scroll { scrollbar-width: none; }
.cat-scroll::-webkit-scrollbar { display: none; }

.container-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 48px; align-items: center; }

@media (max-width: 720px) {
  h1 { font-size: 32px !important; }
}

/* Product tile drawing (CSS-only bottle mockup, matches original design) */
.bottle-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.bottle-cap { border-radius: 6px 6px 2px 2px; }
.bottle-body { background: #fff; box-shadow: 0 14px 28px rgba(23,48,44,0.10); display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.bottle-label { color: #fff; display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center; }

/* Cart drawer */
.cart-overlay { position: fixed; inset: 0; background: rgba(23,48,44,0.35); z-index: 60; }
.cart-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(420px, 100vw); background: #fff; z-index: 61; display: flex; flex-direction: column; box-shadow: -20px 0 50px rgba(23,48,44,0.15); }

.toast { position: fixed; left: 50%; transform: translateX(-50%); bottom: 24px; background: #17302C; color: #fff; padding: 13px 22px; border-radius: 999px; font-weight: 700; font-size: 14px; z-index: 70; box-shadow: 0 12px 30px rgba(0,0,0,0.2); }

.cookie-banner { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 80; display: flex; justify-content: center; }

details.faq-item summary { list-style: none; cursor: pointer; }
details.faq-item summary::-webkit-details-marker { display: none; }
details.faq-item[open] .faq-sign::before { content: '−'; }
.faq-sign::before { content: '+'; }