.mj-scents-head{margin-bottom:40px}
.mj-scents-head .mj-center{flex:1}
.mj-scents-rail{grid-auto-columns:calc((100% - 32px)/3);gap:16px;align-items:start}
.mj-scard{display:flex;flex-direction:column;min-width:0}
.mj-scard__media{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--card)}
.mj-scard__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s,transform 1.6s cubic-bezier(.2,.7,.2,1)}
.mj-scard__media .mj-jar{position:absolute;left:27%;top:18%;width:46%}
.mj-scard__media .mj-scard__alt{opacity:0}
@media(hover:hover){.mj-scard:hover .mj-scard__alt{opacity:1}.mj-scard:hover .mj-scard__media img{transform:scale(1.03)}}
@media(hover:none){.mj-scard__media .mj-scard__alt{display:none}}
.mj-scard__fam{margin-top:20px}
.mj-scard__fam .mj-fam{font-size:13px}
.mj-scard__t{font:500 22px/1.15 var(--serif);text-transform:uppercase;letter-spacing:.05em;margin:8px 0 6px}
.mj-scard__notes{font-size:14px;color:var(--mute)}
.mj-scard__p{margin-top:10px;font-weight:500;font-size:15px}.mj-scard__p i{font-style:normal;color:var(--mute);margin:0 4px}
@media(max-width:1000px){.mj-scents-rail{grid-auto-columns:62%}}
@media(max-width:600px){.mj-scents-rail{grid-auto-columns:78%;gap:12px}.mj-scard__t{font-size:19px}.mj-scard__fam{margin-top:14px}.mj-scents-head{margin-bottom:28px}}