@import url("../_shared/shared.css");
/* ^ страховка, поки OPcache не підхопить пряме підключення shared.css */

/* Специфічне для товару "L-стінка" */

/* Загальний вигляд — ширша колонка, креслення — вужча */
.btp--lstinka .btp-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);}
.btp-shot{margin:0;background:#fafbfc;border:1px solid var(--btp-line);border-radius:14px;padding:clamp(10px,1.4vw,18px);}
.btp-shot img{display:block;width:100%;height:auto;}

/* Галерея */
.btp-shemy{flex:1;}
.btp-shemy .wd-gallery-item{background:#fafbfc;border:1px solid var(--btp-line);border-radius:10px;overflow:hidden;}
.btp-shemy img{display:block;width:100%;height:auto;}

/* Відео.
   Сітка з колонок не підходить: горизонтальний YouTube займає дві колонки,
   і в рядку лишається порожнє місце — блок «зʼїжджає» вбік. Тому flex із
   центруванням: ролики самі переносяться й завжди стоять по центру. */
.btp-videos{
	display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;
	gap:clamp(10px,1.2vw,16px);
}
.btp-video{margin:0;flex:0 0 clamp(150px,15vw,215px);}
.btp-video video,
.btp-video iframe{
	display:block;width:100%;height:auto;aspect-ratio:9/16;
	border-radius:12px;border:1px solid var(--btp-line);background:#000;
}
/* горизонтальний ролик — удвічі ширший за вертикальні */
.btp-video--yt{flex:0 0 clamp(310px,32vw,455px);}
.btp-video--yt iframe{aspect-ratio:16/9;}

@media (max-width:900px){
	.btp--lstinka .btp-row{grid-template-columns:1fr;}
}