/* Kiki Moon collection */
.collection-page{background:#0b1222;color:#e9edf6}
.collection-page main.container{padding-top:14px;padding-bottom:48px}
.collection-page header nav{gap:8px}

.lang-switch{
  display:inline-flex;align-items:center;gap:4px;
  padding:4px;border:1px solid rgba(231,194,95,.32);
  border-radius:14px;background:rgba(231,194,95,.08)
}
.lang-switch button{
  appearance:none;border:0;background:transparent;color:#ffe8b3;
  min-width:42px;min-height:38px;padding:6px 9px;border-radius:10px;
  font:700 .9rem/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer
}
.lang-switch button.active,.lang-switch button[aria-pressed="true"]{
  background:rgba(231,194,95,.22);box-shadow:0 4px 12px rgba(231,194,95,.14)
}

.collection-hero{
  display:grid;grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr);
  gap:clamp(20px,4vw,42px);align-items:center;
  margin:14px 0 30px;padding:clamp(16px,2.8vw,30px);
  border:1px solid rgba(231,194,95,.14);border-radius:20px;
  background:linear-gradient(145deg,rgba(231,194,95,.075),rgba(15,23,48,.6));
  box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)
}
.cover-link{display:block;max-width:420px;margin:0 auto}
.cover-link:focus-visible{outline:2px solid #facc15;outline-offset:4px;border-radius:16px}
.collection-cover{
  display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;
  border-radius:16px;background:#0f1730;border:1px solid rgba(231,194,95,.18);
  box-shadow:0 18px 40px rgba(0,0,0,.28)
}

.collection-copy{text-align:center;min-width:0}
.collection-title{margin:0 0 10px;line-height:1.08;letter-spacing:-.025em}
.collection-title .line1{display:block;color:#e7c25f;font-size:clamp(1.28rem,2.4vw,2rem)}
.collection-title .line2{display:block;color:#f3f5fb;font-size:clamp(1.8rem,4vw,3.35rem);margin-top:4px}
.collection-hook{margin:0 auto 18px;max-width:580px;color:#ffe8b3;font-style:italic;font-size:clamp(.98rem,1.8vw,1.08rem)}
.collection-benefits{list-style:none;margin:0 auto 20px;padding:0;display:grid;gap:9px;max-width:500px}
.collection-benefits li{color:#d8dcee}
.collection-benefits li::before{content:"✓";margin-right:9px;color:#e7c25f;font-weight:900}

.amazon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:50px;padding:13px 24px;border-radius:12px;
  color:#111417;background:linear-gradient(180deg,#ffb347,#ff9900);
  text-decoration:none;font-weight:900;letter-spacing:.1px;
  box-shadow:0 8px 24px rgba(255,153,0,.28);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease
}
@media (hover:hover){.amazon-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(255,153,0,.4);filter:saturate(1.04)}}
.amazon-btn:focus-visible{outline:2px solid #facc15;outline-offset:3px}
.mini-trust{margin:9px 0 0;color:#cfd3e0;font-size:.88rem}

.section-title{margin:30px 0 14px;font-size:clamp(1.05rem,2vw,1.25rem);color:#e8dba9}
.collection-grid{display:grid;grid-template-columns:minmax(260px,420px);justify-content:center;gap:18px;list-style:none;padding:0;margin:0}
.collection-card{
  position:relative;padding:12px;border-radius:17px;
  background:rgba(231,194,95,.045);border:1px solid rgba(231,194,95,.12);
  text-align:center;min-width:0
}
.collection-card img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:12px;background:#0f1730}
.collection-card .caption{margin:9px 3px 3px;font-weight:800;color:#ffe8b3;line-height:1.3}
.collection-card .meta{margin:0 3px 3px;color:#9aa3b2;font-size:.86rem}
.collection-card::after{
  content:attr(data-status);position:absolute;top:20px;right:20px;
  padding:5px 8px;border-radius:999px;background:rgba(6,9,18,.78);
  color:#ffe8b3;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em
}

.sticky-cta{display:none}

@media (max-width:820px){
  .collection-hero{grid-template-columns:1fr;gap:18px;padding:18px}
  .cover-link{max-width:330px}
  .collection-copy{max-width:650px;margin:0 auto}
}

@media (max-width:520px){
  .collection-page main.container{padding-bottom:92px}
  .collection-page header .nav{gap:6px}
  .collection-page header nav{margin-left:auto}
  .lang-switch{gap:2px;padding:3px}
  .lang-switch button{min-width:38px;min-height:38px;padding:5px 7px;font-size:.82rem}
  .collection-hero{margin-top:10px;padding:14px;border-radius:17px}
  .cover-link{max-width:min(76vw,315px)}
  .collection-grid{grid-template-columns:1fr;gap:14px}
  .collection-card{width:min(86vw,410px);justify-self:center}
  .amazon-btn{width:100%}
  .sticky-cta{
    position:fixed;display:none;left:50%;bottom:max(10px,env(safe-area-inset-bottom));
    transform:translateX(-50%);z-index:50;width:min(560px,calc(100% - 24px));
    padding:9px;border:1px solid rgba(231,194,95,.18);border-radius:14px;
    background:rgba(11,18,34,.91);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)
  }
  .sticky-cta .amazon-btn{min-height:48px}
}

@media (max-width:370px){
  .collection-page .brand--reuse-title{width:105px;height:23px;min-height:23px}
  .collection-page .brand--reuse-title img{width:105px;max-width:none;height:auto}
  .lang-switch button{min-width:35px;padding-inline:5px}
}

@media (prefers-reduced-motion:reduce){
  .amazon-btn{transition:none}
}