/* Warm paper background, walnut copy, and natural artwork shadows. */
:root {
  color-scheme: light;
  --paper: #f0ece5;
  --ink: #3d342c;
  --muted: #6b6258;
  --white: #fcfaf6;
  --line: #d6cdc0;
  --olive: #655b43;
  --wood: #795536;
  --surface: #e8e1d7;
}
body { background: var(--paper); color: var(--ink); isolation: isolate; }
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("assets/textures/paper-grain.svg");
  background-repeat: repeat;
  background-size: 180px 180px;
  opacity: .12;
}
.site-header { background: rgba(240,236,229,.92); border-color: var(--line); }
.main-nav { background: transparent; }
.main-nav a, .main-nav .nav-instagram, .main-nav .nav-store { color: #4b4237; }
.main-nav a:hover, .main-nav a[aria-current="page"], .main-nav .nav-instagram:hover, .main-nav .nav-store:hover { color: var(--wood); }
.hero { position: relative; isolation: isolate; }
.hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -20px;
  top: 0;
  width: 64%;
  height: 100%;
  pointer-events: none;
  background: repeating-linear-gradient(121deg, transparent 0 115px, rgba(83,66,44,.045) 120px 157px, transparent 165px 310px);
  filter: blur(14px);
  mask-image: radial-gradient(ellipse at 84% 15%, #000, transparent 72%);
}
.hero h1 em { color: var(--wood); }
.hero-note, .sample-note, .detail-disclaimer, .breadcrumbs, .detail-facts span { color: #706555; }
.note-line { background: #aa9274; }
.button-dark { background: #433a2c; color: #faf6ee; box-shadow: 0 7px 16px rgba(65,48,29,.12); }
.button-dark:hover { background: #62513c; color: #faf6ee; }
.button-outline { border-color: #9e8e77; color: var(--ink); }
.button-outline:hover { background: #dcd0be; }
.button-light { background: #f8f2e8; color: #3d342c; }
.text-link { border-color: #a99579; }
.external-link.text-link { border-bottom: 0; }
.hero-visual, .product-image, .story-image, .about-photo, .detail-image, .detail-thumb { background: transparent; }
.hero-visual, .product-image, .story-image, .about-photo, .detail-image {
  filter: drop-shadow(2px 5px 3px rgba(54,39,23,.14)) drop-shadow(10px 20px 15px rgba(54,39,23,.19));
}
.hero-visual { border: 0; overflow: visible; filter: none; }
.artwork-shadow { display: block; width: calc(100% - 40px); max-width: 460px; filter: drop-shadow(2px 5px 3px rgba(54,39,23,.14)) drop-shadow(10px 20px 15px rgba(54,39,23,.19)); }
.hero-visual .artwork-shadow img { display: block; width: 100%; max-width: 100%; height: auto; max-height: none; }
.visual-caption, .image-corner, .detail-image span { background: rgba(250,247,241,.93); color: #574834; }
.intro-strip { background: rgba(190,172,145,.13); border-color: var(--line); }
.intro-strip .container { color: #66573f; }
.strip-symbol { color: #a28b6c; }
.story-section, .about-feature { background: rgba(184,161,128,.15); }
.catalog-cta, .listing-name, .contact-card { background: rgba(202,185,161,.3); }
.contact-card:nth-child(2) { background: rgba(190,170,141,.3); }
.contact-card:hover, .contact-card:nth-child(2):hover { background: #e2d8c9; }
.intro-strip .container, .detail-lead, .listing-name p, .contact-number { color: var(--muted); }
.contact-icon, .contact-card:nth-child(2) .contact-icon { color: var(--wood); }
.contact-icon img, .trendyol-logo { filter: none; }
.filter { color: #655b4b; }
.filter span { color: #7c6b55; }
.filter.active { color: #3d342c; }
.product-card > a, .steps-grid > div, .about-values > div { border-color: var(--line); }
.product-meta-row { border-color: #d4c7b5; }
.product-meta-row .eyebrow { color: #6e5537; }
.product-size { color: #6b5c46; }
.product-card p { color: var(--muted); }
.product-inspect { color: #493a27; }
.product-card > a:hover .product-inspect { color: #795536; }
.ar-badge { background: rgba(250,247,241,.94); color: #554b3a; }
.detail-thumb { border-color: #d6cdc0; }
.detail-thumb.active { border-color: var(--wood); }
.closing-cta { background: #e6ded2; color: var(--ink); }
.closing-cta .eyebrow { color: #6e5537; }
.closing-cta p { color: #655b4c; }
.site-footer { background: #3c362c; color: #f3ecdf; }
.footer-grid p { color: #d9cebb; }
.footer-heading, .footer-bottom, .footer-grid small { color: #c6b69e; }
.footer-bottom { border-color: #675d4c; }
.ar-stage, .ar-stage model-viewer { background: #e7dfd3; --poster-color: #e7dfd3; }
.ar-panel { background: #f5f0e7; border-color: var(--line); box-shadow: 0 12px 32px rgba(67,52,32,.06); }

/* Preserve the current measured crops and apply shadows outside their bounds. */
.product-image:not(.normalized-art), .story-image, .about-photo, .detail-image { overflow: visible; }
.product-image.normalized-art { overflow: hidden; }
.catalog-group-heading { color: #745f47; }
.language-switch a[aria-current] { background: #65573f; color: #fcfaf6; }
.detail-rule { background: var(--line); }
.ar-panel { color: var(--ink); }
.ar-view-button { border-color: #b9a78f; color: var(--ink); }
.ar-view-button.active { background: #65573f; border-color: #65573f; color: #fcfaf6; }
.ar-measures, .ar-measures > div { border-color: var(--line); }
.ar-measures span, .ar-measures small, .ar-status, .ar-hint { color: var(--muted); }
.ar-measures strong { color: var(--ink); }
.ar-placement-tip { background: #ebe3d6; }
.photo-preview { background: #ede6db; }
.photo-empty { border-color: #b9a78f; }
.photo-reset { border-color: #9e8e77; }
.photo-controls input { accent-color: #795536; }
@media (max-width: 1250px) { .main-nav { background: var(--paper); } }
@media (max-width: 700px) {
  .hero::before { right: 0; top: 40%; width: 100%; height: 60%; }
  .product-image, .story-image, .about-photo, .detail-image, .artwork-shadow { filter: drop-shadow(2px 4px 3px rgba(54,39,23,.15)) drop-shadow(6px 11px 9px rgba(54,39,23,.16)); }
  .hero-visual { height: auto; min-height: 0; padding-bottom: 42px; filter: none; }
  .hero-visual .artwork-shadow { width: calc(100% - 42px); max-width: 340px; }
  .filter { border-color: #ab987c; color: #655b4b; }
  .filter.active { background: #65573f; border-color: #65573f; color: #faf6ee; }
  .filter.active span { color: #eee3d0; }
}

/* Keep marketplace choices together and the four contact cards balanced. */
.store-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.store-actions .button { white-space: nowrap; }
@media (min-width: 1101px) {
  .contact-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .contact-card { padding-inline: 30px; }
  .contact-card h2 { font-size: clamp(32px, 2.8vw, 42px); }
}
@media (min-width: 701px) and (max-width: 1100px) {
  .contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Transparent artwork blends into the paper; the footer uses light ink. */
.footer-logo { position: relative; display: inline-block; }
.footer-logo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #f3ecdf;
  -webkit-mask: url("assets/brand/wood-n-art-transparent.png") center / 100% 100% no-repeat;
  mask: url("assets/brand/wood-n-art-transparent.png") center / 100% 100% no-repeat;
}
.footer-logo img { position: relative; clip-path: inset(43.5% 33% 18% 51%); }