@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/lb-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/lb-normal-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0;
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/lb-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/lb-italic-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/ws-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/ws-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0;
}

* { box-sizing: border-box; }
body { margin: 0; background: oklch(0.97 0.012 75); }
a { color: oklch(0.55 0.13 40); }
a:hover { color: oklch(0.42 0.12 40); }
::selection { background: oklch(0.85 0.08 40); }
img { max-width: 100%; display: block; }

.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  background: oklch(0.24 0.02 60);
  color: #fff;
  padding: 10px 16px;
  z-index: 1000;
  border-radius: 0 0 4px 0;
}
.skip-link:focus { left: 0; }

.nav-link.active {
  color: oklch(0.55 0.13 40) !important;
  font-weight: 700 !important;
  border-bottom: 2px solid oklch(0.55 0.13 40);
}

.btn-primary {
  background: oklch(0.55 0.13 40);
  color: #fff;
  padding: 15px 28px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  font-size: 15.5px;
  display: inline-block;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
.btn-primary:hover { background: oklch(0.48 0.13 40); color: #fff; }

.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: oklch(0.24 0.02 60);
  color: oklch(0.97 0.01 75);
  padding: 16px 24px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  z-index: 999;
  font-size: 13.5px;
}
.cookie-banner[hidden] { display: none; }
.cookie-banner a { color: oklch(0.75 0.1 40); text-decoration: underline; }
.cookie-accept {
  background: oklch(0.55 0.13 40);
  color: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  font-family: inherit;
  font-size: 13.5px;
}

.form-field {
  padding: 12px 14px;
  border: 1px solid oklch(0.8 0.02 70);
  border-radius: 4px;
  font-family: inherit;
  font-size: 14px;
  width: 100%;
}

.form-success {
  background: oklch(0.94 0.05 140);
  border: 1px solid oklch(0.7 0.08 140);
  border-radius: 6px;
  padding: 18px;
  font-size: 14.5px;
  color: oklch(0.3 0.05 140);
}
.form-error {
  background: oklch(0.94 0.06 30);
  border: 1px solid oklch(0.75 0.12 30);
  border-radius: 6px;
  padding: 18px;
  font-size: 14.5px;
  color: oklch(0.35 0.1 30);
  margin-bottom: 14px;
}
[hidden] { display: none !important; }

.cart-btn {
  background: oklch(0.55 0.13 40);
  color: #fff;
  padding: 10px 18px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  font-family: inherit;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cart-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 200;
}
.cart-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(400px, 92vw);
  background: oklch(0.99 0.005 75);
  z-index: 201;
  display: flex;
  flex-direction: column;
  box-shadow: -4px 0 24px rgba(0,0,0,0.15);
}
.cart-drawer-header {
  padding: 22px 24px;
  border-bottom: 1px solid oklch(0.87 0.02 70);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-drawer-close {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: oklch(0.42 0.02 60);
}
.cart-drawer-body { flex: 1; overflow-y: auto; padding: 16px 24px; }
.cart-drawer-footer { padding: 20px 24px; border-top: 1px solid oklch(0.87 0.02 70); }
.cart-item-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid oklch(0.92 0.015 72);
}
.cart-item-remove {
  background: none;
  border: none;
  color: oklch(0.55 0.13 40);
  cursor: pointer;
  font-size: 13px;
  font-family: inherit;
}
.checkout-btn {
  width: 100%;
  background: oklch(0.55 0.13 40);
  color: #fff;
  border: none;
  padding: 14px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14.5px;
  cursor: pointer;
  font-family: inherit;
}
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.modal-box {
  background: white;
  border-radius: 8px;
  padding: 36px;
  max-width: 420px;
  width: 100%;
  text-align: left;
  max-height: 86vh;
  overflow-y: auto;
}
.product-add-btn {
  background: oklch(0.24 0.02 60);
  color: #fff;
  border: none;
  padding: 9px 14px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  font-size: 12.5px;
  font-family: inherit;
}
.product-add-btn:hover { background: oklch(0.16 0.02 60); }

.map-frame {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 6px;
  min-height: 220px;
}

@media (max-width: 640px) {
  header nav.main-nav { font-size: 13px; gap: 14px !important; }
}