/* The compact shop masthead uses the approved homepage logo and moor artwork. */
.shop-header {
  position: relative;
  z-index: 5;
  min-height: 250px;
  overflow: visible;
  border-bottom: 1px solid #59445c;
  background: #100d14 url('/assets/mardy-on-moor-landscape.svg') center 42% / cover no-repeat;
  text-align: center;
}
.shop-header-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(#0b0a0dd9, #100c13b5 52%, #0d0b10f2);
}
.shop-topline, .shop-header-inner { position: relative; z-index: 1; }
.shop-topline {
  padding: 18px 20px 0;
  color: #d8cadb;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 3px;
}
.shop-topline span { color: #be8cdb; padding: 0 13px; }
.shop-header-inner { max-width: 1320px; margin: auto; padding: 12px 28px 23px; }
.shop-logo { display: block; width: 325px; max-width: 70vw; margin: 0 auto; }
.shop-logo img { display: block; width: 100%; height: 130px; object-fit: contain; filter: drop-shadow(0 12px 18px #000d); }
.shop-menu-toggle { display: none; }
.shop-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(12px, 2.2vw, 32px);
  flex-wrap: wrap;
  font: 700 17px 'Cormorant Garamond', Georgia, serif;
}
.shop-nav a, .shop-nav .linkbutton {
  padding: 5px 0;
  color: #eee8e6;
  border: 0;
  border-bottom: 1px solid transparent;
  background: none;
  font: inherit;
  text-shadow: 0 2px 7px #000;
  cursor: pointer;
}
.shop-nav a:hover, .shop-nav .linkbutton:hover,
.shop-nav a:focus-visible, .shop-nav .linkbutton:focus-visible,
.shop-nav a[aria-current="page"] { color: #342039; border-bottom-color: transparent; }
.shop-main { max-width: 1260px; min-height: 60vh; padding: 72px 32px 115px; }
.shop-intro { text-align: center; }
.shop-main h1 {
  margin: 12px 0 34px;
  color: #e9e1d8;
  font: 600 clamp(58px, 8vw, 104px)/.95 'Cormorant Garamond', Georgia, serif;
  letter-spacing: -2px;
  text-shadow: 0 4px 18px #000;
}
.shop-lead { max-width: 720px; margin: 0 auto 58px; text-align: center; }
.shop-lead-line { color: #b78ad1 !important; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; }
.shop-lead p:last-child { color: #c7beca; font-size: 15px; line-height: 1.85; }
.shop-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 28px; }
.shop-card { overflow: hidden; border-color: #59465d; background: #19141d; box-shadow: 0 22px 60px #0005; }
.shop-card-image { position: relative; overflow: hidden; background: #271c2b; }
.shop-card-image img { display: block; height: 400px; object-fit: cover; object-position: center 35%; filter: contrast(1.05) saturate(.8); }
.shop-image-label { position: absolute; left: 18px; bottom: 18px; padding: 9px 12px; border: 1px solid #a585a5; background: #140f18db; color: #f2e9e9; font-size: 9px; font-weight: 700; letter-spacing: 1.5px; }
.shop-card-body { padding: 28px !important; }
.shop-card-overline { margin: 0 0 10px; color: #b98cd0 !important; font-size: 10px; font-weight: 700; letter-spacing: 2px; }
.shop-card h2 { margin: 0 0 12px; color: #eee7d9; font: 600 38px/1 'Cormorant Garamond', Georgia, serif; }
.shop-description { min-height: 72px; margin: 0 0 22px; color: #c4b9c5 !important; font-size: 14px; }
.shop-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 18px; margin-bottom: 24px; border-top: 1px solid #4a3b4e; }
.price { font: 600 29px 'Cormorant Garamond', Georgia, serif; color: #f0e4ec !important; }
.stock { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.in-stock { color: #d1acd9; }.sold-out { color: #afa5ad; }
.shop-card form { margin: 0; }
.shop-card .button-primary { display: inline-flex; justify-content: center; width: 100%; padding: 17px 20px; border: 1px solid #ae7bcf; background: linear-gradient(180deg, #9c6cc3, #80539f); color: #120c16; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-align: center; text-decoration: none !important; cursor: pointer; }
.shop-card .button-primary:hover { background: #cba2e9; }
.shop-empty { padding: 70px 20px; border: 1px solid #4b3b50; text-align: center; }
.shop-main h2 { font-family: 'Cormorant Garamond', Georgia, serif; }
@media (max-width: 760px) {
  .shop-header { min-height: 0; }
  .shop-topline { padding-top: 13px; font-size: 8px; letter-spacing: 1px; }
  .shop-topline span { padding: 0 4px; }
  .shop-header-inner { padding: 4px 20px 17px; }
  .shop-logo { width: 240px; }
  .shop-logo img { height: 105px; }
  .shop-menu-toggle { display: block; margin: 0 auto; padding: 9px 16px; border: 1px solid #8a6996; background: #1b1521d9; color: #f1e5f2; font-size: 11px; letter-spacing: 2px; cursor: pointer; }
  .shop-nav { display: none; position: absolute; top: 100%; left: 6%; right: 6%; z-index: 10; padding: 20px; border: 1px solid #6b5075; background: #18121ef5; flex-direction: column; align-items: stretch; gap: 9px; text-align: left; }
  .shop-nav.open { display: flex; }
  .shop-nav .inline { display: block; }
  .shop-main { padding: 58px 20px 85px; }
  .shop-card-image img { height: 350px; }
}
@media (prefers-reduced-motion: reduce) { .shop-card .button-primary { transition: none; } }