/* вершина: первый экран */
.sj-hero{position:relative;background:#16120e;color:#f1e8d8}
.sj-hero__in{display:grid;gap:1.125rem;padding-top:1.125rem;padding-bottom:0;align-items:start}
.sj-hero__box{display:grid;gap:0.75rem;min-width:0;justify-items:start;align-content:start}
.sj-hero__lead{font-size:1.1875rem;color:#cbbda7}
.sj-hero__buy{display:flex;flex-wrap:wrap;align-items:center;gap:0.625rem 1.375rem;width:100%;padding-top:0.875rem;border-top:1px solid #40342a}
.sj-hero__price{font-size:0.9375rem;color:#cbbda7}
.sj-hero__price b{font-family:var(--head);font-size:2.125rem;color:#f1e8d8;margin:0 0.375rem}
.sj-hero__btns{display:flex;flex-wrap:wrap;gap:0.625rem}
.sj-hero .sj-buynote{margin:0;flex-basis:100%}
.sj-hero__art{position:relative;order:-1;display:flex;justify-content:center;min-width:0;line-height:0}
.sj-hero__peaks{position:absolute;left:0;bottom:0;width:100%;height:78%}
.sj-hero__art figure{position:relative;line-height:0;border:1px solid rgba(201,164,92,.5)}
.sj-hero__art img{display:block;width:auto;max-width:100%;height:auto;max-height:min(18.75rem,36vh)}
@media (min-width:46.875em){.sj-hero__in{gap:1.375rem;padding-top:1.875rem;justify-items:center;text-align:center}.sj-hero__box{justify-items:center}.sj-hero__box h1{max-width:61.25rem}.sj-hero__buy{justify-content:center}.sj-hero .sj-buynote{text-align:center}.sj-hero__art{order:0;width:100%}.sj-hero__art img{max-height:min(22.8125rem,44vh)}}
/* шкала-альтиметр: слева на широком экране */
.sj-alt{display:none}
@media (min-width:93.75em){
 .sj-alt{display:block;position:fixed;left:1.125rem;top:50%;transform:translateY(-50%);z-index:30;mix-blend-mode:difference;color:#e9dcc3}
 .sj-alt ol{display:grid;gap:0;padding:0;list-style:none;border-left:1px solid currentColor}
 .sj-alt li{display:flex;align-items:center;gap:0.5rem;height:3.375rem;font-size:0.7188rem;letter-spacing:.1em;text-transform:uppercase;opacity:.55}
 .sj-alt li i{display:block;width:0.625rem;height:1px;background:currentColor}
 .sj-alt li.is-on{opacity:1;font-weight:700}
 .sj-alt li.is-on i{width:1.375rem;height:2px}
}
/* три упаковки */
.sj-packs{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:46.875em){.sj-packs--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sj-packs--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sj-pack{display:grid;grid-template-rows:auto 1fr;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--gold);min-width:0}
.sj-pack__img{display:flex;align-items:center;justify-content:center;height:15rem;background:#fff;padding:0.75rem}
.sj-pack__img img{width:auto;max-height:13.5rem}
.sj-pack__body{display:grid;gap:0.375rem;align-content:start;padding:1rem;justify-items:start}
.sj-pack__name{font-size:1.1875rem}
.sj-pack__name a{text-decoration:none}
.sj-pack__name a:hover{text-decoration:underline}
.sj-pack__fact,.sj-pack__per{font-size:0.9063rem;color:var(--ink2)}
.sj-pack__price{font-family:var(--head);font-size:1.75rem;line-height:1.1}
.sj-pack .sj-btn{margin-top:0.375rem}
@media (max-width:37.498em){.sj-pack__img{height:13.75rem}.sj-pack__img img{max-height:12.25rem}}
/* галерея */
.sj-gallery{display:grid;gap:0.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:46.875em){.sj-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sj-gallery button{display:flex;align-items:center;justify-content:center;width:100%;height:12.5rem;padding:0;border:0;background:#2c2319;cursor:zoom-in;overflow:hidden}
.sj-gallery img{width:auto;max-height:12.5rem}
@media (min-width:37.5em){.sj-gallery button{height:13.75rem}.sj-gallery img{max-height:13.75rem}}
@media (min-width:61.875em){.sj-gallery button{height:17.5rem}.sj-gallery img{max-height:17.5rem}}