/* SEO VIP: subtle old-door character in a contemporary shop. */
:root {
  --bg: #191715;
  --ink: #f4eee7;
  --muted: #bfb3a8;
  --red: #e15b43;
  --button: #b93528;
  --line: #57463b;
  --white: #28221e;
  --panel: #28221e;
  --panel-2: #332a24;
}
body {
  background: radial-gradient(ellipse at 90% 12%, rgba(143,65,35,.11), transparent 42%), var(--bg);
}
header {
  background: #141210;
  border-top: 3px solid #b93528;
  border-bottom-color: #634232;
}
.brand small {
  background: #b93528;
  color: #fff5eb;
  border: 0;
  padding: 5px 8px;
  letter-spacing: 1.6px;
  border-radius: 2px;
}
.hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 490px;
  padding: 45px 40px;
  margin: 26px 0 48px;
  border: 1px solid #674635;
  border-radius: 6px;
  overflow: hidden;
  background: #211813;
  box-shadow: 0 15px 35px #0003;
}
.hero > div {
  position: relative;
  width: 52%;
  padding: 0;
}
.hero > img {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: 0;
  border-radius: 0;
}
.hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg,rgba(13,12,11,.76),rgba(13,12,11,.46) 40%,transparent 66%);
}
.hero h1 {
  color: #fff5e9;
  font-family: "SEO VIP Sans",Arial,sans-serif;
  font-size: clamp(36px,4.5vw,57px);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -2px;
  text-wrap: balance;
}
.hero .eyebrow {
  color: #ef9b7e;
  font-size: 11px;
  letter-spacing: 1.8px;
}
.hero p:not(.eyebrow) {
  color: #e5d2bf;
  font-size: 17px;
  line-height: 1.6;
}
.hero .text-link {
  color: #f4d0b2;
  display: block;
  margin: 18px 0 0;
}
button,.button {
  border-color: #b93528;
  border-radius: 3px;
}
button:hover,.button:hover { background: #9e2c22; }
button:disabled { border-color: #655349; }
button:disabled:hover { background: var(--panel-2); }
.eyebrow { color: #ed8a70; }
.section-heading {
  padding-top: 12px;
  border-top: 2px solid #a73b2b;
}
.section-heading a { color: #e7aa8a; }
h2 { letter-spacing: -1px; }
.card {
  background: #eee2d3;
  border: 1px solid #81614a;
  border-radius: 5px;
  box-shadow: 0 6px 20px #0002;
  transition: transform .16s,box-shadow .16s;
}
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px #0004;
}
.card-body {
  border-top: 3px solid #b93528;
  background: #eee2d3;
  color: #30241d;
}
.card-body h3 { color: #30241d; }
.card-body p,.card-body .muted { color: #6d5948; }
.card-body strong { color: #9f2d22; }
.product-image {
  height: 310px;
  object-fit: cover;
  background: #dbc8b1;
}
.shop-logo { background: #ddd0be; height: 205px; }
.photo-placeholder { background: #d7c4ad; color: #3e2c21; }
.photo-placeholder span { color: #a73626; }
.panel,details.panel {
  background: linear-gradient(120deg,#2b241f,#25201c);
  border-color: #5f4837;
  border-left: 3px solid #b94430;
}
.empty {
  background: #2b231e;
  border: 1px solid #674a36;
  border-left: 3px solid #b94430;
}
input,select,textarea { background: #201c18; border-color: #76604d; }
input::placeholder,textarea::placeholder { color: #b8a492; opacity: 1; }
input:focus,select:focus,textarea:focus { border-color: #df7a51; }
.item-image,.logo { border: 1px solid #72523d; background: #2e251e; }
.shop-heading { padding: 26px 0 24px; border-bottom: 1px solid #674a36; }
.price { color: #f19574; }
footer { background: #141210; border-top: 3px solid #9b3828; color: #edddd0; }
footer p { color: #beaa98; }
.notice { color: #e3f0e3; }
.review-decisions input[type=radio] { accent-color: #dc593f; }
@media(max-width:800px) {
  .hero { min-height: 440px; padding: 30px; }
  .hero > div { width: 57%; }
  .hero > img { height: 100%; }
  .hero h1 { font-size: 43px; }
  .hero p:not(.eyebrow) { font-size: 15px; }
  .product-image { height: 260px; }
}
@media(max-width:540px) {
  .hero { min-height: 510px; align-items: flex-end; padding: 24px 20px; margin: 20px 0 34px; }
  .hero > div { width: 100%; }
  .hero > img { height: 100%; object-position: 66% center; }
  .hero::after { background: linear-gradient(0deg,rgba(13,12,11,.98),rgba(13,12,11,.8) 40%,rgba(13,12,11,.05) 86%); }
  .hero h1 { font-size: 39px; max-width: 340px; margin-bottom: 13px; }
  .hero .eyebrow { font-size: 10px; margin-bottom: 11px; letter-spacing: 1.4px; }
  .hero p:not(.eyebrow) { font-size: 14px; margin-bottom: 15px; }
  .hero .text-link { margin-top: 13px; font-size: 13px; }
  .product-image { height: 200px; }
  .shop-logo { height: 165px; }
  .card-body { padding: 15px 12px; }
  .card-body h3 { font-size: 16px; }
  .card-body strong { font-size: 14px; }
  .section-heading { padding-top: 16px; }
}
@media(prefers-reduced-motion:reduce) {
  .card { transition: none; }
  .card:hover { transform: none; }
}

/* Homepage newest listings: thumbnail plus a clear item hyperlink. */
.newest-listings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; }
.newest-listing { display:flex; gap:17px; align-items:flex-start; min-width:0; padding:15px; background:#28221e; border:1px solid #634b39; border-radius:4px; }
.newest-thumb-link { display:block; flex:0 0 88px; border:1px solid #8c6b50; border-radius:3px; overflow:hidden; background:#dbc8b1; }
.newest-thumb { display:block; width:88px; height:88px; object-fit:cover; }
.newest-details { min-width:0; }
.newest-details h3 { font-size:17px; line-height:1.35; margin:0 0 7px; overflow-wrap:anywhere; }
.newest-details .newest-item-link { color:#f4e6d6; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#c77956; }
.newest-details .newest-item-link:hover { color:#f6a184; }
.newest-details p { color:#c1ac97; font-size:13px; line-height:1.4; margin:0 0 6px; overflow-wrap:anywhere; }
.newest-details strong { color:#f39a7a; font-size:14px; }
@media(max-width:650px){ .newest-listings{grid-template-columns:1fr;gap:12px;} }
@media(max-width:400px){ .newest-listing{padding:12px;gap:13px;} .newest-thumb-link{flex-basis:76px;} .newest-thumb{width:76px;height:76px;} .newest-details h3{font-size:16px;} }