/* AMORA LOOKBOOK (plugin) — class suffix: -amora-lookbok
   Scoped under .amora-lookbook-root to avoid theme bleed
*/
.amora-lookbook-root{
  --bg-amora-lookbok:#EFE8E2;
  --ink-amora-lookbok:#2B2322;
  --brown-amora-lookbok:#3C1F1A;
  --muted-amora-lookbok:rgba(43,35,34,.62);
  --line-amora-lookbok:rgba(60,31,26,.14);

  --card-amora-lookbok:rgba(255,255,255,.34);
  --card2-amora-lookbok:rgba(255,255,255,.46);

  --gold-amora-lookbok:#F1BF50;

  --r1-amora-lookbok:18px;
  --r2-amora-lookbok:26px;

  --wrap-amora-lookbok:1180px;

  background:var(--bg-amora-lookbok);
  color:var(--ink-amora-lookbok);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  letter-spacing:.01em;
}

.amora-lookbook-root *{ box-sizing:border-box; }
.amora-lookbook-root a{ color:inherit; text-decoration:none; }
.amora-lookbook-root button{ font:inherit; }

/* full-width wrapper */
.amora-lookbook-root .full-amora-lookbok{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.amora-lookbook-root .wrap-amora-lookbok{
  width:min(var(--wrap-amora-lookbok), calc(100% - 40px));
  margin:0 auto;
}

/* type */
.amora-lookbook-root .serif-amora-lookbok{
  font-family:"Playfair Display","Cormorant Garamond","Times New Roman",serif;
  letter-spacing:.02em;
}
.amora-lookbook-root .kicker-amora-lookbok{
  font-size:11px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:rgba(60,31,26,.62);
}

/* top bar */
.amora-lookbook-root .topbar-amora-lookbok{
  padding:26px 0 18px;
  border-bottom:1px solid var(--line-amora-lookbok);
  background: linear-gradient(to bottom, rgba(255,255,255,.22), rgba(255,255,255,.08));
}
.amora-lookbook-root .topbarGrid-amora-lookbok{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.amora-lookbook-root .titleBlock-amora-lookbok h1{
  margin:8px 0 0;
  font-size: clamp(22px, 2.6vw, 34px);
  line-height:1.15;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--brown-amora-lookbok);
}
.amora-lookbook-root .titleBlock-amora-lookbok p{
  margin:10px 0 0;
  color:var(--muted-amora-lookbok);
  line-height:1.7;
  max-width:64ch;
  font-size:14px;
}

/* sticky nav */
.amora-lookbook-root .nav-amora-lookbok{
  position:sticky;
  top:0;
  z-index:50;
  background: rgba(239,232,226,.78);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line-amora-lookbok);
}
.amora-lookbook-root .navInner-amora-lookbok{
  height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.amora-lookbook-root .brand-amora-lookbok{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:170px;
}
.amora-lookbook-root .brand-amora-lookbok .name{
  font-weight:750;
  letter-spacing:.20em;
  text-transform:uppercase;
  font-size:12px;
  color:var(--brown-amora-lookbok);
  white-space:nowrap;
}
.amora-lookbook-root .brand-amora-lookbok .tag{
  font-size:12px;
  color:rgba(60,31,26,.55);
  white-space:nowrap;
}

.amora-lookbook-root .chips-amora-lookbok{
  display:flex;
  gap:8px;
  overflow:auto;
  scrollbar-width:none;
  padding:0 2px;
}
.amora-lookbook-root .chips-amora-lookbok::-webkit-scrollbar{ display:none; }

.amora-lookbook-root .chip-amora-lookbok{
  height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(60,31,26,.26);
  background: rgba(255,255,255,.32);
  color: rgba(43,35,34,.86);
  font-size:12px;
  letter-spacing:.10em;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.amora-lookbook-root .chip-amora-lookbok:hover{ transform: translateY(-1px); }
.amora-lookbook-root .chip-amora-lookbok .dot{
  width:6px; height:6px; border-radius:50%;
  background: rgba(241,191,80,.9);
  box-shadow: 0 0 0 4px rgba(241,191,80,.16);
}
.amora-lookbook-root .chip-amora-lookbok.is-active{
  background: rgba(60,31,26,.92);
  border-color: rgba(60,31,26,.92);
  color:#fff;
}

/* chapter */
.amora-lookbook-root section.chapter-amora-lookbok{
  padding:62px 0;
  border-bottom:1px solid rgba(60,31,26,.10);
}
.amora-lookbook-root .head-amora-lookbok{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:22px;
  align-items:end;
  margin-bottom:18px;
}
.amora-lookbook-root .title-amora-lookbok{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.amora-lookbook-root .title-amora-lookbok h2{
  margin:0;
  font-size: clamp(22px, 2.7vw, 38px);
  line-height:1.12;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:var(--brown-amora-lookbok);
}
.amora-lookbook-root .title-amora-lookbok .vn{
  font-size:14px;
  letter-spacing:.04em;
  color:rgba(60,31,26,.62);
}

/* meta with shimmer + candle */
.amora-lookbook-root .meta-amora-lookbok{
  border-radius: var(--r1-amora-lookbok);
  padding:14px 16px;
  background: rgba(255,255,255,.36);
  border:1px solid rgba(60,31,26,.12);
  overflow:hidden;
  position:relative;
  transition: box-shadow .35s ease, border-color .35s ease, transform .35s ease;
}
.amora-lookbook-root .meta-amora-lookbok:hover{
  transform: translateY(-2px);
  border-color: rgba(60,31,26,.18);
  box-shadow: 0 16px 34px rgba(60,31,26,.10);
}
.amora-lookbook-root .meta-amora-lookbok::before{
  content:"";
  position:absolute; inset:-2px;
  background: linear-gradient(110deg,
    transparent 0%,
    rgba(241,191,80,.08) 30%,
    rgba(255,255,255,.18) 45%,
    rgba(241,191,80,.06) 60%,
    transparent 80%);
  transform: translateX(-130%);
  opacity:.55;
  pointer-events:none;
  animation: shimmer-amora-lookbok 7.2s ease-in-out infinite;
}
@keyframes shimmer-amora-lookbok{
  0%{ transform: translateX(-130%); }
  45%{ transform: translateX(130%); }
  100%{ transform: translateX(130%); }
}
.amora-lookbook-root .state-amora-lookbok{
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(60,31,26,.62);
}
.amora-lookbook-root .state-amora-lookbok strong{
  display:block;
  margin-top:6px;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:none;
  color:var(--brown-amora-lookbok);
}
.amora-lookbook-root .notesLine-amora-lookbok{
  margin-top:10px;
  font-size:13px;
  color:rgba(43,35,34,.74);
  line-height:1.6;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.amora-lookbook-root .candleDot-amora-lookbok{
  width:8px; height:8px;
  border-radius:999px;
  background: rgba(241,191,80,.85);
  box-shadow: 0 0 0 6px rgba(241,191,80,.14), 0 10px 26px rgba(241,191,80,.16);
  flex:0 0 auto;
  animation: flicker-amora-lookbok 2.9s ease-in-out infinite;
}
@keyframes flicker-amora-lookbok{
  0%,100%{ transform: scale(1); opacity:.84; }
  35%{ transform: scale(1.08); opacity:1; }
  55%{ transform: scale(.98); opacity:.78; }
  75%{ transform: scale(1.05); opacity:.93; }
}

/* gallery */
.amora-lookbook-root .galleryShell-amora-lookbok{
  border-radius: var(--r2-amora-lookbok);
  overflow:hidden;
  border:1px solid rgba(60,31,26,.10);
  background: rgba(255,255,255,.22);
  position:relative;
}
.amora-lookbook-root .gallery-amora-lookbok{
  display:flex;
  gap:14px;
  padding:14px;
  overflow:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.amora-lookbook-root .gallery-amora-lookbok::-webkit-scrollbar{ display:none; }

.amora-lookbook-root .shot-amora-lookbok{
  flex:0 0 auto;
  width: min(560px, 82vw);
  height: 360px;
  border-radius: 20px;
  overflow:hidden;
  position:relative;
  scroll-snap-align:start;
  cursor:zoom-in;
  background:#ddd;
  transform: translateZ(0);
}
.amora-lookbook-root .shot-amora-lookbok::before{
  content:"";
  position:absolute; inset:0;
  background-image: var(--img-amora-lookbok);
  background-size: cover;
  background-position: center;
  filter: saturate(.98) contrast(1.02);
  transform: scale(1.02);
  transition: transform .8s cubic-bezier(.2,.8,.2,1), filter .8s cubic-bezier(.2,.8,.2,1);
}
.amora-lookbook-root .shot-amora-lookbok::after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(1200px 520px at 30% 20%, rgba(255,255,255,.10), transparent 55%),
              linear-gradient(to top, rgba(0,0,0,.16), rgba(0,0,0,0));
  opacity:.65;
  pointer-events:none;
  transition: opacity .6s ease;
}
.amora-lookbook-root .shot-amora-lookbok:hover::before{ transform: scale(1.06); filter: saturate(1.02) contrast(1.03); }
.amora-lookbook-root .shot-amora-lookbok:hover::after{ opacity:.58; }

.amora-lookbook-root .gCtrl-amora-lookbok{
  position:absolute; top:14px; right:14px;
  display:flex; gap:8px; z-index:2;
}
.amora-lookbook-root .gBtn-amora-lookbok{
  width:40px; height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.26);
  background: rgba(0,0,0,.18);
  color:#fff;
  cursor:pointer;
  display:grid;
  place-items:center;
  backdrop-filter: blur(8px);
  transition: transform .25s ease, background .25s ease;
}
.amora-lookbook-root .gBtn-amora-lookbok:hover{ transform: translateY(-1px); background: rgba(0,0,0,.26); }

/* body */
.amora-lookbook-root .body-amora-lookbok{
  margin-top:18px;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:22px;
  align-items:start;
}
.amora-lookbook-root .storyCard-amora-lookbok,
.amora-lookbook-root .micro-amora-lookbok{
  position:relative;
  border:1px solid rgba(60,31,26,.10);
  background: var(--card-amora-lookbok);
  border-radius: 22px;
  overflow:hidden;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s cubic-bezier(.2,.8,.2,1),
              border-color .45s cubic-bezier(.2,.8,.2,1), background .45s cubic-bezier(.2,.8,.2,1);
  will-change: transform;
}
.amora-lookbook-root .storyCard-amora-lookbok::before,
.amora-lookbook-root .micro-amora-lookbok::before{
  content:"";
  position:absolute; inset:-1px;
  background: linear-gradient(120deg,
    transparent 0%,
    rgba(255,255,255,.08) 26%,
    rgba(255,255,255,.20) 36%,
    rgba(255,255,255,.08) 46%,
    transparent 70%);
  transform: translateX(-120%) skewX(-10deg);
  opacity:0;
  pointer-events:none;
}
.amora-lookbook-root .storyCard-amora-lookbok::after,
.amora-lookbook-root .micro-amora-lookbok::after{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  pointer-events:none;
  box-shadow: 0 0 0 1px rgba(241,191,80,0) inset;
  transition: box-shadow .45s cubic-bezier(.2,.8,.2,1);
}
.amora-lookbook-root .storyCard-amora-lookbok:hover,
.amora-lookbook-root .micro-amora-lookbok:hover{
  transform: translateY(-3px);
  background: var(--card2-amora-lookbok);
  border-color: rgba(60,31,26,.16);
  box-shadow: 0 18px 40px rgba(60,31,26,.10), 0 2px 0 rgba(255,255,255,.35) inset;
}
.amora-lookbook-root .storyCard-amora-lookbok:hover::before,
.amora-lookbook-root .micro-amora-lookbok:hover::before{
  opacity:1;
  animation: sheen-amora-lookbok 1.15s ease forwards;
}
.amora-lookbook-root .storyCard-amora-lookbok:hover::after,
.amora-lookbook-root .micro-amora-lookbok:hover::after{
  box-shadow: 0 0 0 1px rgba(241,191,80,.14) inset;
}
@keyframes sheen-amora-lookbok{
  from{ transform: translateX(-120%) skewX(-10deg); }
  to{ transform: translateX(120%) skewX(-10deg); }
}
.amora-lookbook-root .storyCard-amora-lookbok{ padding:18px 18px; }
.amora-lookbook-root .storyCard-amora-lookbok .label{
  font-size:11px;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:rgba(60,31,26,.58);
}
.amora-lookbook-root .divider-amora-lookbok{
  height:1px; background: rgba(60,31,26,.14);
  margin:12px 0 14px;
}
.amora-lookbook-root .storyCard-amora-lookbok .quote{
  font-size:15px;
  line-height:1.9;
  color:rgba(43,35,34,.88);
  white-space:pre-line;
}
.amora-lookbook-root .microGrid-amora-lookbok{ display:grid; gap:12px; }
.amora-lookbook-root .micro-amora-lookbok{ padding:14px 14px; border-radius: var(--r1-amora-lookbok); }
.amora-lookbook-root .micro-amora-lookbok .t{
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(60,31,26,.60);
}
.amora-lookbook-root .micro-amora-lookbok .v{
  margin-top:8px;
  font-size:14px;
  line-height:1.75;
  color:rgba(43,35,34,.84);
}

/* lightbox */
.amora-lookbook-root .lb-amora-lookbok{
  position:fixed; inset:0;
  background: rgba(0,0,0,.72);
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  z-index:9999;
}
.amora-lookbook-root .lb-amora-lookbok.is-open{ display:flex; }
.amora-lookbook-root .lbBox-amora-lookbok{
  width:min(1100px, 100%);
  height:min(78vh, 860px);
  border-radius: 22px;
  overflow:hidden;
  position:relative;
  background:#111;
  border:1px solid rgba(255,255,255,.12);
}
.amora-lookbook-root .lbImg-amora-lookbok{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  filter:saturate(.98) contrast(1.02);
}
.amora-lookbook-root .lbClose-amora-lookbok{
  position:absolute;
  top:14px; right:14px;
  width:44px; height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background: rgba(0,0,0,.18);
  color:#fff;
  cursor:pointer;
  z-index:2;
  display:grid;
  place-items:center;
}

/* responsive */
@media (max-width: 940px){
  .amora-lookbook-root .head-amora-lookbok,
  .amora-lookbook-root .body-amora-lookbok{ grid-template-columns: 1fr; }
  .amora-lookbook-root .shot-amora-lookbok{ height: 320px; }
  .amora-lookbook-root .brand-amora-lookbok{ min-width:unset; }
  .amora-lookbook-root .topbarGrid-amora-lookbok{ flex-direction:column; align-items:flex-start; }
}
@media (max-width: 520px){
  .amora-lookbook-root .wrap-amora-lookbok{ width:min(var(--wrap-amora-lookbok), calc(100% - 28px)); }
  .amora-lookbook-root .navInner-amora-lookbok{ height:54px; }
  .amora-lookbook-root .shot-amora-lookbok{ height: 290px; }
}

/* motion safety */
@media (prefers-reduced-motion: reduce){
  .amora-lookbook-root .meta-amora-lookbok::before,
  .amora-lookbook-root .candleDot-amora-lookbok,
  .amora-lookbook-root .storyCard-amora-lookbok::before,
  .amora-lookbook-root .micro-amora-lookbok::before{ animation:none !important; }
  .amora-lookbook-root .shot-amora-lookbok::before,
  .amora-lookbook-root .storyCard-amora-lookbok,
  .amora-lookbook-root .micro-amora-lookbok,
  .amora-lookbook-root .meta-amora-lookbok{ transition:none !important; }
}


/* ===== Product CTA button (quiet luxury) ===== */
.amora-lookbook-root .amora-cta-btn{
  margin-top:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  height:42px;
  padding:0 22px;

  background: rgba(60,31,26,.92);
  color:#fff;

  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;

  border-radius:999px;
  border:1px solid rgba(60,31,26,.92);

  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.amora-lookbook-root .amora-cta-btn:hover{
  transform: translateY(-1px);
  background: rgba(60,31,26,1);
  box-shadow: 0 10px 22px rgba(60,31,26,.22);
}
@media (max-width:768px){
  .amora-lookbook-root .amora-cta-btn{ width:100%; }
}


/* ===== FIX MOBILE CHIP OVERFLOW (tabs/chips not cut) ===== */
@media (max-width: 768px){
  .amora-lookbook-root .navInner-amora-lookbok{
    flex-direction: column;
    align-items: stretch;
    height: auto;
    gap: 8px;
    padding: 8px 0 10px;
  }

  .amora-lookbook-root .brand-amora-lookbok{
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .amora-lookbook-root .chips-amora-lookbok{
    width: 100%;
    padding: 6px 2px 2px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .amora-lookbook-root .chip-amora-lookbok{ flex: 0 0 auto; }

  .amora-lookbook-root .nav-amora-lookbok{
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}
