/* Shop their store — draft section (#stores) */
#stores { padding: 96px 0 112px; border-top: 1px solid var(--line); }
#stores .stores-head { text-align: center; margin-bottom: 48px; }
#stores .stores-head h2 { font-family: "Cormorant Garamond", serif; font-size: 44px; font-weight: 500; line-height: 1.1; }
.store-card { max-width: 440px; margin: 0 auto; padding: 56px 40px; background: var(--card); border: 1px solid var(--line); text-align: center; }
.store-card h3 { font-family: "Cormorant Garamond", serif; font-size: 32px; font-weight: 500; letter-spacing: .24em; margin-bottom: 10px; }
.store-card p { color: var(--muted); font-size: 14px; letter-spacing: .04em; margin-bottom: 32px; }
.store-card .store-btn { display: inline-block; border: 1px solid var(--ink); background: transparent; color: var(--ink); padding: 12px 28px; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; transition: background .3s ease, color .3s ease; }
.store-card .store-btn:hover, .store-card .store-btn:focus-visible { background: var(--ink); color: var(--white); }
@media (max-width: 640px) {
  #stores { padding: 72px 0 88px; }
  #stores .stores-head { margin-bottom: 32px; }
  #stores .stores-head h2 { font-size: 34px; }
  .store-card { padding: 40px 20px; }
  .store-card h3 { font-size: 26px; letter-spacing: .08em; overflow-wrap: anywhere; }
}

/* Anchor target for nav/inline links; offset for sticky header / mobile nav */
#shop-their-store { scroll-margin-top: 88px; }

/* "Also · Shop their store" line under Houses */
.houses-also { margin: -48px 0 48px; text-align: center; font-size: 14px; letter-spacing: .04em; color: var(--muted); }
.houses-also a { color: var(--muted); text-decoration: underline; text-decoration-color: rgba(109, 101, 92, .45); text-decoration-thickness: 1px; text-underline-offset: 4px; transition: color .3s ease, text-decoration-color .3s ease; }
.houses-also a:hover, .houses-also a:focus-visible { color: var(--ink); text-decoration-color: currentColor; }
@media (max-width: 980px) {
  .houses-also { margin: -24px 0 32px; }
}

/* Pitod (Awin 29337) next to T.LUXY — draft */
.store-grid { display: grid; grid-template-columns: 1fr; gap: 24px; justify-items: center; min-width: 0; }
.store-grid .store-card { width: 100%; max-width: 100%; min-width: 0; }
.store-card-img { display: block; width: 100%; height: 200px; object-fit: cover; object-position: center 30%; margin: 0 0 28px; }
@media (min-width: 900px) {
  .store-grid { grid-template-columns: repeat(2, minmax(0, 440px)); justify-content: center; align-items: stretch; }
  .store-grid .store-card { margin: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
}

/* Alviero Martini (Awin 20346) after Pitod — draft */
@media (min-width: 900px) and (max-width: 1199px) {
  .store-grid .store-card--alviero { grid-column: 1 / -1; justify-self: center; max-width: 440px; }
}
@media (min-width: 1200px) {
  .store-grid { grid-template-columns: repeat(3, minmax(0, 420px)); }
}

/* Coes (Awin 30645) — 4th card: 2×2 grid on desktop, 1 column on mobile */
@media (min-width: 900px) {
  .store-grid { grid-template-columns: repeat(2, minmax(0, 440px)); }
  .store-grid .store-card--alviero { grid-column: auto; }
}

/* Coes Awin creative 4672942 (1230×600) — hotlinked from Awin, shown whole & unaltered (no crop/overlay) — draft */
.store-card-img-link { display: block; width: 100%; margin: 0 0 28px; }
.store-card-img-link .store-card-img { margin: 0; }
.store-card-img--banner { object-fit: contain; object-position: center; background: var(--bg-2); }

/* T.LUXY Awin creative 3637513 (168×168) — hotlinked, unaltered; same 200px slot, but padded so it renders at native 168px (no upscaling) — draft */
.store-card-img--small { box-sizing: border-box; padding: 16px; }