.pd{padding-block:24px var(--section);align-items:start}

/* галерея */
.gal{grid-column:1/8;display:grid;grid-template-columns:72px 1fr;gap:var(--gap)}
.thumbs{display:flex;flex-direction:column;gap:10px}
.thumbs button{width:72px;aspect-ratio:1;background:var(--field);cursor:pointer;overflow:hidden;position:relative;outline:1px solid transparent;outline-offset:2px}
.thumbs button.on{outline-color:var(--ink)}
.thumbs button>img,.thumbs button>div{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stage{position:relative;aspect-ratio:4/5;background:var(--field);overflow:hidden}
.stage .v{position:absolute;inset:0}
.stage .v[hidden]{display:none}
.v-art{display:grid;place-items:center;padding:8%}
.v-art img{width:auto;height:100%;max-width:100%;object-fit:contain;box-shadow:0 2px 4px rgba(0,0,0,.06),0 18px 40px -16px rgba(0,0,0,.28)}
.v-detail img{height:100%;object-fit:cover;object-position:42% 30%;transform:scale(2.1);transform-origin:42% 30%}
.v-room{background:#e9e1d6}
.stage .note{position:absolute;left:14px;bottom:12px;z-index:2;background:#fff;padding:4px 8px}

/* информация о товаре */
.info{grid-column:8/13;position:sticky;top:86px}
.info h1{font-size:48px;line-height:1;font-weight:400;letter-spacing:-.02em;margin:12px 0 18px}
.price{font-size:28px;font-weight:500;letter-spacing:-.02em}
.info .desc{font-size:16px;line-height:1.5;color:var(--body);margin:20px 0 28px;max-width:44ch}
.opt-h{display:flex;justify-content:space-between;margin-bottom:8px}
.opts{display:grid;gap:8px;margin-bottom:22px}
.opt{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border:1px solid var(--line);cursor:pointer;text-align:left}
.opt:hover{border-color:var(--ink)}
.opt.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.opt[disabled]{color:var(--mute);cursor:default;border-style:dashed}
.opt[disabled]:hover{border-color:var(--line)}
.buy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}
.qty{display:flex;align-items:center;border:1px solid var(--ink);height:46px}
.qty button{width:40px;height:100%;cursor:pointer;font-size:16px}
.qty span{min-width:24px;text-align:center}
.checks{list-style:none;margin-top:22px;border-top:1px solid var(--line)}
.checks li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.checks li::before{content:"—";color:var(--mute)}
.acc{margin-top:26px}
.acc details{border-top:1px solid var(--line)}
.acc details:last-child{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;padding:14px 0;display:flex;justify-content:space-between;font-weight:500}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";font-weight:400}
.acc details[open] summary::after{content:"−"}
.acc p{padding-bottom:16px;color:var(--body);max-width:52ch}

/* ниже */
/* в интерьере: лента фото разной ширины; начинается по сетке, правый край уходит за экран */
.strip{--edge:max(var(--pad),calc((100% - 1600px) / 2 + var(--pad)));display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--edge);scroll-padding-inline:var(--edge)}
.strip::-webkit-scrollbar{display:none}
.strip:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
.strip figure{flex:none;scroll-snap-align:start;margin:0}
.strip figcaption{padding-top:10px}
.shot{position:relative;overflow:hidden;height:560px;background:#e9e1d6}
.shot.w21{aspect-ratio:2/1}.shot.w32{aspect-ratio:3/2}.shot.w45{aspect-ratio:4/5}
.shot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shot .detail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% 30%;transform:scale(1.6);transform-origin:42% 30%}
.strip-bar{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:18px}
.strip-bar button{cursor:pointer;font-size:18px;padding:4px}
.grid3{row-gap:var(--gap)}.grid3 .item{grid-column:span 4}
.grid4{row-gap:var(--gap)}.grid4 .item{grid-column:span 3}

@media (max-width:1000px){
  .gal,.info{grid-column:1/-1}
  .info{position:static;margin-top:36px}
  .gal{grid-template-columns:1fr}
  .thumbs{flex-direction:row;order:2}
  .grid3 .item,.grid4 .item{grid-column:span 6}
  .shot,.shot.w21,.shot.w32{height:auto;width:78vw;aspect-ratio:4/5}
}
@media (max-width:560px){
  .info h1{font-size:40px}
  .grid3 .item,.grid4 .item{grid-column:1/-1}
}

/* армянская версия: длинная надпись на кнопке на узком телефоне */
@media (max-width:400px){html[lang=hy] .buy .btn{font-size:13px;padding:0 14px;gap:8px}}