/* =========================================================
   Homepage — Approved Mockup (v1.9.59)
   Fixes: full-width containers, readable hero/collections, centered overlay text
   Scoped to .lk-home--mockup only
   ========================================================= */

.lk-home--mockup{
  --lk-ink:#2f2a24;
  --lk-line:rgba(222,214,203,1);
  --lk-cream:#f7f1e7;
  --lk-btn:#4a3f35;
  --lk-max: var(--max, 1400px);
}

.lk-home--mockup .lk-divider{
  border:0;
  height:1px;
  background:var(--lk-line);
  max-width:1100px;
  margin:44px auto;
}

.lk-home--mockup .lk-mock-title{
  margin:0 auto 18px;
  text-align:center;
  font-family:"Cormorant Garamond",serif;
  font-size:36px;
  font-weight:500;
  color:var(--lk-ink);
}

.lk-home--mockup .lk-mock-btn{
  display:inline-block;
  background:var(--lk-btn);
  color:#fff;
  text-decoration:none;
  padding:14px 34px;
  font-family:"Cormorant Garamond",serif;
  font-size:18px;
  letter-spacing:.02em;
  border-radius:0;
}
.lk-home--mockup .lk-mock-btn--small{ padding:12px 28px; font-size:16px; }

/* HERO */
.lk-home--mockup .lk-mock-hero{
  padding:0 60px;
  margin:0 auto 56px;
}
.lk-home--mockup .lk-mock-hero-card{
  width: 100%;
  max-width: none;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--lk-line);
  background: var(--lk-cream);
}
.lk-home--mockup .lk-mock-hero-media img{
  width:100%;
  height:clamp(420px, 46vw, 560px);
  object-fit:cover;
  display:block;
}
.lk-home--mockup .lk-mock-hero-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: rgba(247,241,231,.30);
}
.lk-home--mockup .lk-mock-hero-content{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 6%;
  z-index:2;
  text-align:center;
}
.lk-home--mockup .lk-mock-hero-panel{
  max-width: 700px;
  width: min(700px, calc(100% - 40px));
  background: rgba(247,241,231,.56);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(47,42,36,.10);
  padding: 30px 34px 22px;
  border-radius: 22px;
  box-shadow: 0 14px 46px rgba(0,0,0,.085);
}
.lk-home--mockup .lk-mock-hero-panel h1{
  margin:0 0 16px;
  font-family:"Cormorant Garamond",serif;
  font-weight:500;
  color:var(--lk-ink);
  font-size:clamp(2.5rem, 4vw, 3.6rem);
  line-height:1.05;
  text-shadow: 0 1px 16px rgba(0,0,0,.10);
}
.lk-home--mockup .lk-mock-hero-panel p{
  margin:0 auto 20px;
  max-width:560px;
  font-family:"Inter",sans-serif;
  font-size:14.5px;
  line-height:1.9;
  color: rgba(47,42,36,.90);
  text-shadow: 0 1px 12px rgba(255,255,255,.18);
}
.lk-home--mockup .lk-mock-trust{
  margin-top:18px;
  font-family:"Inter",sans-serif;
  font-size:13px;
  color:rgba(47,42,36,.78);
  letter-spacing:.04em;
}

.lk-home--mockup .lk-mock-intro{
  max-width:760px;
  margin:26px auto 44px;
  padding:0 22px;
  text-align:center;
  font-family:"Inter",sans-serif;
  font-size:14.5px;
  line-height:1.95;
  color:rgba(47,42,36,.80);
}

/* COLLECTIONS */
.lk-home--mockup .lk-mock-collections{
  padding:0 60px 62px;
}
.lk-home--mockup .lk-mock-collections-grid{
  width: 100%;
  max-width: none;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 34px;
}

.lk-home--mockup .lk-mock-collection-card{
  position:relative;
  display:block;
  height:290px;
  border:1px solid var(--lk-line);
  overflow:hidden;
  background:var(--lk-cream);
}
.lk-home--mockup .lk-mock-collection-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
}
.lk-home--mockup .lk-mock-collection-card::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(247,241,231,.30);
  pointer-events:none;
}
.lk-home--mockup .lk-mock-collection-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  z-index:2;
  text-align:center;
}
.lk-home--mockup .lk-mock-collection-panel{
  max-width: 460px;
  width: min(460px, 100%);
  background: rgba(247,241,231,.62);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(47,42,36,.10);
  padding: 20px 22px 22px;
  border-radius: 18px;
  box-shadow: 0 12px 36px rgba(0,0,0,.085);
  text-align: center;
}
.lk-home--mockup .lk-mock-collection-panel h3{
  margin:0 0 10px;
  font-family:"Cormorant Garamond",serif;
  font-weight:500;
  color:var(--lk-ink);
  font-size:34px;
  line-height:1.05;
  text-shadow: 0 1px 16px rgba(0,0,0,.10);
}
.lk-home--mockup .lk-mock-collection-panel p{
  margin:0 0 16px;
  font-family:"Inter",sans-serif;
  font-size:14px;
  line-height:1.85;
  color: rgba(47,42,36,.88);
}

/* VALUES + FAVORITES + CLOSING (kept consistent) */
.lk-home--mockup .lk-mock-values{ max-width:1100px; margin:0 auto; padding:0 22px 62px; }
.lk-home--mockup .lk-mock-values-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:34px; }
.lk-home--mockup .lk-mock-value-card{ border:1px solid var(--lk-line); background:rgba(247,241,231,.75); padding:22px 18px; text-align:center; }
.lk-home--mockup .lk-mock-value-card h3{ margin:0 0 10px; font-family:"Cormorant Garamond",serif; font-weight:600; font-size:22px; color:var(--lk-ink); }
.lk-home--mockup .lk-mock-value-card p{ margin:0 0 18px; font-family:"Inter",sans-serif; font-size:14px; line-height:1.85; color:rgba(47,42,36,.78); }

.lk-home--mockup .lk-mock-favorites{ max-width:1100px; margin:0 auto; padding:0 22px 62px; }
.lk-home--mockup .lk-mock-favorites-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:34px; }
.lk-home--mockup .lk-mock-fav-card{ border:1px solid var(--lk-line); background:rgba(247,241,231,.35); overflow:hidden; text-align:center; }
.lk-home--mockup .lk-mock-fav-media img{ width:100%; height:190px; object-fit:cover; display:block; }
.lk-home--mockup .lk-mock-fav-fallback{ height:190px; background:rgba(0,0,0,.05); }
.lk-home--mockup .lk-mock-fav-body{ padding:18px 16px 22px; }
.lk-home--mockup .lk-mock-fav-body h3{ margin:0 0 8px; font-family:"Cormorant Garamond",serif; font-weight:500; font-size:24px; color:var(--lk-ink); }
.lk-home--mockup .lk-mock-fav-body p{ margin:0 0 16px; font-family:"Inter",sans-serif; font-size:14px; line-height:1.8; color:rgba(47,42,36,.78); }

.lk-home--mockup .lk-mock-closing{ max-width:900px; margin:0 auto; padding:62px 22px 86px; text-align:center; }
.lk-home--mockup .lk-mock-closing p{ margin:0 auto 22px; max-width:700px; font-family:"Inter",sans-serif; font-size:14.5px; line-height:1.95; color:rgba(47,42,36,.80); }

@media (max-width: 980px){
  .lk-home--mockup .lk-mock-hero{ padding:0 22px; }
  .lk-home--mockup .lk-mock-collections{ padding:0 22px 62px; }
  .lk-home--mockup .lk-mock-collections-grid,
  .lk-home--mockup .lk-mock-values-grid,
  .lk-home--mockup .lk-mock-favorites-grid{ grid-template-columns:1fr; }
  .lk-home--mockup .lk-mock-collection-card{ height:220px; }
}


@media (min-width: 1280px){
  .lk-home--mockup .lk-mock-hero{ padding: 0 60px; }
  .lk-home--mockup .lk-mock-collections{ padding: 0 60px 62px; }
}


/* ===============================
   DISCOVERY SET — Option A editorial section
   Tuned sizing (v1.9.66): less tall, tighter CTA
================================ */
.lk-home--mockup .lk-mock-title--compact{
  margin: 0 0 12px;
}

.lk-home--mockup .lk-mock-discovery{
  padding: 0 60px 64px;
}

.lk-home--mockup .lk-mock-discovery-card{
  width: 100%;
  max-width: none;
  margin: 0 auto;
  border: 1px solid var(--lk-line);
  background: rgba(247,241,231,.35);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: stretch;
  min-height: 240px;
}

.lk-home--mockup .lk-mock-discovery-media{
  position: relative;
  background: var(--lk-cream);
}

.lk-home--mockup .lk-mock-discovery-media img{
  width: 100%;
  height: 100%;
  min-height: 240px;
  max-height: 280px;
  object-fit: cover;
  display: block;
}

.lk-home--mockup .lk-mock-discovery-fallback{
  width: 100%;
  height: 100%;
  min-height: 240px;
  max-height: 280px;
  background: linear-gradient(135deg, rgba(74,63,53,.10), rgba(247,241,231,.95));
}

.lk-home--mockup .lk-mock-discovery-content{
  padding: 28px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.lk-home--mockup .lk-mock-discovery-content p{
  margin: 0 auto 16px;
  max-width: 520px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.85;
  color: rgba(47,42,36,.80);
}

/* make CTA button fit content (not full row) */
.lk-home--mockup .lk-mock-discovery-content .lk-mock-btn{
  align-self: center;
  width: auto;
  min-width: 280px;
  text-align: center;
}

/* Responsive */
@media (max-width: 980px){
  .lk-home--mockup .lk-mock-discovery{ padding: 0 22px 54px; }
  .lk-home--mockup .lk-mock-discovery-card{ grid-template-columns: 1fr; min-height: 0; }
  .lk-home--mockup .lk-mock-discovery-media img,
  .lk-home--mockup .lk-mock-discovery-fallback{ min-height: 220px; max-height: 260px; }
  .lk-home--mockup .lk-mock-discovery-content{ padding: 22px 18px 26px; }
  .lk-home--mockup .lk-mock-discovery-content .lk-mock-btn{ min-width: 240px; }
}
  .lk-home--mockup .lk-mock-discovery-card{ grid-template-columns: 1fr; }
  .lk-home--mockup .lk-mock-discovery-media img,
  .lk-home--mockup .lk-mock-discovery-fallback{ min-height: 260px; }
  .lk-home--mockup .lk-mock-discovery-content{ padding: 26px 22px 30px; }
}