.shelf-hero{padding:2rem 0 1.4rem;text-align:center}
.shelf-hero h1{font-size:clamp(1.3rem,3vw,1.7rem);color:#2c2a27;font-weight:650;margin-bottom:.45rem}
.shelf-hero h1 em{font-style:normal}
.shelf-hero p{color:#6b6560;font-size:.88rem;max-width:560px;margin:0 auto .9rem}
.sk{display:flex;justify-content:center;gap:1.4rem;flex-wrap:wrap;font-size:.72rem;color:#8a847c;margin-bottom:1rem}
.sk strong{display:block;color:#2c2a27;font-size:1.05rem;font-weight:650}
.shelf-shot{max-width:380px;margin:0 auto;background:#f6f1e8;border-radius:24px;padding:10px}
.shelf-shot img{border-radius:16px}

.shelf{display:flex;flex-direction:column;gap:10px}
.sh{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center;background:#f6f1e8;border-radius:20px;padding:.85rem 1rem}
.sh h3{font-size:.9rem;color:#2c2a27;font-weight:650}
.sh p{font-size:.76rem;color:#6b6560}
.sh .btn-nd{font-size:.72rem;padding:.32rem .75rem}

.rail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:700px){.rail{grid-template-columns:1fr}}
.ra{background:#f6f1e8;border-radius:20px;padding:1rem .9rem;text-align:center}
.ra .lb{font-size:.7rem;color:#8a847c;margin-bottom:.3rem}
.ra h3{font-size:.86rem;color:#2c2a27;margin-bottom:.2rem;font-weight:650}
.ra p{font-size:.76rem;color:#6b6560}

.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:768px){.pair{grid-template-columns:1fr}}
.pr{background:#f6f1e8;border-radius:20px;padding:1.05rem 1.1rem}
.pr h3{font-size:.86rem;color:#2c2a27;margin-bottom:.4rem;font-weight:650}
.pr li{font-size:.76rem;color:#6b6560;padding:.16rem 0}
.dl-shot{margin-top:1.1rem;max-width:560px;margin-left:auto;margin-right:auto;background:#f6f1e8;border-radius:22px;padding:8px}
.dl-shot img{border-radius:16px}

.dl-cta{padding:2.2rem 0;text-align:center}
.dl-cta h2{font-size:1.15rem;color:#2c2a27;margin-bottom:.3rem;font-weight:650}
.dl-cta p{color:#6b6560;font-size:.84rem;margin-bottom:1rem}