/*
 * Photo-led boutique refresh.
 * Images are commercially usable editorial photographs sourced from Unsplash.
 * They intentionally represent a decorating mood, never the exact Amazon item.
 */

:root {
  --ink: #433736;
  --cream: #fcf8f5;
  --paper: #fffdfa;
  --blush: #f4e5e2;
  --line: #eee4df;
}

body { background: #fcf9f6; }
.top-note { background: #efdcd9; }
.site-header { box-shadow: 0 4px 22px rgba(93,67,62,.035); }
.button { border-radius: 100px; padding: 16px 25px; }
.button-dark { background: #51403e; }
.button-dark:hover { background: #925d65; }
.section-wrap { max-width: 1480px; }

/* Actual photography replaces the CSS-generated objects in the hero. */
.hero { grid-template-columns: 47% 53%; min-height: 690px; background: #fffdfb; }
.hero-copy { align-self: center; padding-top: 70px; padding-bottom: 65px; }
.hero-copy h1 { letter-spacing: -.065em; }
.hero-art {
  min-height: 690px;
  background: #b7a397 url('./images/organic-vanity.jpg') center center / cover no-repeat;
}
.hero-orbit, .hero-art-inner, .float-sticker, .art-caption { display: none; }
.hero-art::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg,transparent 50%,rgba(29,20,17,.34) 100%);
}
.hero-art::after {
  content: "THE CURATED HOME EDIT  /  PHOTOGRAPHIC INSPIRATION";
  position: absolute;
  z-index: 2;
  left: 7%;
  bottom: 6%;
  padding: 12px 17px;
  border: 1px solid rgba(255,255,255,.55);
  background: rgba(255,252,247,.91);
  color: #6f5652;
  font: 700 9px/1.6 var(--sans);
  letter-spacing: .17em;
  max-width: 85%;
}

/* The lead collection now has a real styled bathroom detail. */
.feature-edit { grid-template-columns: 49% 51%; }
.feature-edit-art {
  min-height: 500px;
  background: #ece5df url('./images/pink-floral-vanity.jpg') center 70% / cover no-repeat;
  border-radius: 4px;
}
.feature-edit-checker, .feature-edit-arch, .feature-edit-flower { display: none; }
.feature-edit-note {
  bottom: 6%; right: 6%;
  transform: rotate(-3deg);
  background: rgba(255,251,246,.95);
  box-shadow: 0 9px 28px rgba(56,38,33,.17);
}
.feature-edit-art::before {
  content: "STYLING PHOTO  /  SHOP THE REAL FINDS INSIDE";
  position: absolute; z-index: 2; left: 5%; top: 5%;
  background: rgba(255,250,246,.93);
  padding: 11px 14px;
  font: 700 9px var(--sans);
  letter-spacing: .12em;
  color: #775a55;
}

/* Real room imagery is mood photography. Each outbound link remains exact. */
.home-pick, .retro-product {
  overflow: hidden;
  border-radius: 15px;
  background: white;
  border-color: #eee5df;
  box-shadow: 0 10px 34px rgba(82,53,47,.075);
}
.home-pick-art, .retro-product-art {
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 250px;
  border-radius: 10px;
  isolation: isolate;
}
.home-pick-art > *, .retro-product-art > * { display: none !important; }
.home-pick-art::after, .retro-product-art::after {
  content: "STYLE PHOTO  ·  SEE ACTUAL ITEM ON AMAZON";
  position: absolute; bottom: 11px; left: 11px; right: 11px;
  padding: 9px 11px;
  background: rgba(255,252,249,.94);
  color: #755c56;
  font: 700 9px/1.45 var(--sans);
  text-align: center;
  letter-spacing: .06em;
  border-radius: 3px;
}
.home-pick-art.art-floral, .retro-product-art.art-floral {
  background-image: url('./images/white-bathroom.jpg');
  background-position: center 52%;
}
.home-pick-art.art-checkered, .retro-product-art.art-checkered {
  background-image: url('./images/pink-bathroom.jpg');
  background-position: center 35%;
}
.home-pick-art.art-amber, .retro-product-art.art-amber {
  background-image: url('./images/pink-floral-vanity.jpg');
  background-position: center 72%;
}
.retro-product-art.art-mirror {
  background-image: linear-gradient(rgba(255,242,233,.08),rgba(255,242,233,.08)),url('./images/warm-mirror.jpg');
  background-position: center 44%;
}
.retro-product-art.art-scallop {
  background-image: url('./images/white-bathroom.jpg');
  background-position: center 40%;
}
.retro-product-art.art-soap {
  background-image: url('./images/beauty-flatlay.jpg');
  background-position: center;
}
.home-pick-content h3, .retro-product-content h3 { color: #483a39; }
.home-pick-content { padding-top: 28px; }
.home-shop-tail { border-top: 1px solid #efe7e1; padding-top: 22px; }

/* Photographic category tiles feel like an actual discovery storefront. */
.category-card { overflow: hidden; border-radius: 13px; }
.category-art {
  background-position: center;
  background-size: cover;
  border-radius: 9px;
  height: 207px;
}
.category-art svg { display: none; }
.category-art.home-art { background-image: url('./images/white-bathroom.jpg'); }
.category-art.beauty-art { background-image: url('./images/beauty-flatlay.jpg'); }
.category-art.kitchen-art { background-image: url('./images/coffee-kitchen.jpg'); }
.category-art.style-art { background-image: url('./images/accessories-flatlay.jpg'); }
.category-art.everyday-art { background-image: url('./images/everyday-desk.jpg'); }
.category-art.gifts-art { background-image: url('./images/pink-gift.jpg'); }
.category-card:hover .category-art { filter: saturate(1.08); }

/* The personal intro uses a real still-life, without suggesting a fake portrait. */
.about-visual {
  background: #f1e8e2 url('./images/beauty-flatlay.jpg') center / cover no-repeat;
  border-radius: 48% 48% 5px 5px / 16% 16% 5px 5px;
  overflow: hidden;
  box-shadow: 23px 27px 0 #f0e0dc;
}
.about-visual > * { display: none; }
.about-visual::after {
  content: "PRETTY FINDS  ·  PRACTICAL FAVORITES";
  position: absolute; bottom: 20px; left: 20px; right: 20px;
  background: rgba(255,250,246,.93);
  padding: 15px 12px; text-align: center;
  color: #8c6369; font: 700 10px var(--sans);
  letter-spacing: .13em;
}

/* The retro collection lands as a real bathroom editorial. */
.retro-hero { grid-template-columns: 51% 49%; }
.retro-hero-art {
  min-height: 640px;
  background: #e9e4df url('./images/white-bathroom.jpg') center 52% / cover no-repeat;
}
.retro-hero-art > * { display: none; }
.retro-hero-art::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg,transparent 57%,rgba(44,33,29,.25) 100%);
}
.retro-hero-art::after {
  content: "AN EDITORIAL BATHROOM LOOK  /  NOT A PRODUCT PHOTO";
  position: absolute; bottom: 6%; left: 7%; right: 7%;
  width: fit-content;
  background: rgba(255,252,247,.94); color: #765a57;
  padding: 12px 15px;
  font: 700 9px/1.5 var(--sans); letter-spacing: .12em;
}
.retro-product-art { height: 250px; }
.retro-product-content { padding: 26px; }
.retro-shop-button { margin-top: auto; }
.retro-style-card { border-radius: 8px; }

@media (max-width: 850px) {
  .hero { grid-template-columns: 1fr 1fr; min-height: 580px; }
  .hero-art { min-height: 580px; }
  .feature-edit { grid-template-columns: 45% 55%; }
  .feature-edit-art { min-height: 425px; }
  .retro-hero { grid-template-columns: 51% 49%; }
  .retro-hero-art { min-height: 550px; }
  .category-art { height: 175px; }
}

@media (max-width: 620px) {
  .hero, .retro-hero, .feature-edit { display: flex; flex-direction: column; }
  .hero-art { height: 450px; min-height: 450px; }
  .hero-copy { padding-top: 70px; }
  .feature-edit-art { width: 100%; min-height: 390px; }
  .home-pick:last-child .home-pick-art { min-height: 0; height: 250px; margin: 9px 9px 0; }
  .home-pick-art, .retro-product-art { height: 250px; }
  .retro-hero-art { min-height: 460px; width: 100%; }
  .category-art { height: 143px; }
  .about-visual { min-height: 390px; margin-bottom: 58px; }
  .hero-art::after, .retro-hero-art::after { font-size: 8px; }
}