/* ═══════════════════════════════════════════════════
   ВЕРХНИЙ БЛОК: ГАЛЕРЕЯ + ИНФО
═══════════════════════════════════════════════════ */
.product-top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  margin-bottom:28px;
  align-items:stretch;
}


.product-container{
  margin-top: 75px;
}


/* Галерея */
.gallery-col{display:flex;flex-direction:column;}
.main-photo-wrap{
  position:relative;border-radius:var(--r-md);overflow:hidden;
  box-shadow:0 6px 24px rgba(0,0,0,.15);background:#d9e2ec;
  flex:1;min-height:280px;
}
.main-photo-wrap>a{display:block;width:100%;height:100%;}
.main-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.main-photo-wrap:hover img{transform:scale(1.04);}

.thumbs-row{display:flex;gap:8px;margin-top:10px;flex-shrink:0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;}
.thumbs-row::-webkit-scrollbar{display:none;}
.thumbs-row a{
  display:block;border-radius:8px;overflow:hidden;flex-shrink:0;
  width:calc(20% - 7px);min-width:56px;max-width:90px;
  box-shadow:0 2px 6px rgba(0,0,0,.1);border:2px solid transparent;transition:border .25s;
}
.thumbs-row a:hover{border-color:var(--acc-500);}
.thumbs-row img{width:100%;height:60px;object-fit:cover;display:block;}

/* Инфо-колонка */
.info-col{display:flex;flex-direction:column;gap:16px;}
.product-title{font-size:26px;font-weight:800;line-height:1.2;color:var(--pri-900);}

.price-block{background:#fff;border-radius:var(--r-md);padding:20px 22px;box-shadow:0 3px 16px rgba(0,0,0,.07);}
.price-main{font-size:28px;font-weight:900;color:var(--acc-500);margin-bottom:6px;}
.price-area{font-size:16px;color:var(--pri-700);font-weight:600;margin-bottom:16px;}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;}
.btn{
  position:relative;overflow:hidden;padding:13px 22px;
  border-radius:12px;border:none;font-weight:700;font-size:15px;
  cursor:pointer;transition:all .3s;white-space:nowrap;color:#fff;
  flex:1;min-width:140px;text-align:center;
}
.btn-primary{background:var(--grad-btn);box-shadow:0 6px 18px rgba(255,122,0,.4);}
.btn-primary:hover{background:var(--grad-btn-h);transform:translateY(-2px);}
.btn-secondary{background:var(--grad-sec);}
.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(26,78,138,.35);}

/* Быстрые параметры */
.quick-specs{background:var(--grad-hero);border-radius:var(--r-md);padding:18px 20px;color:#fff;flex:1;}
.quick-specs h2{text-align: left;font-size:16px;font-weight:600;opacity:.7;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em;}
.spec-list{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:10px;
}
.spec-row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);border-radius:9px;padding:11px 12px;border:1px solid rgba(255,255,255,.11);}
.s-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(255,122,0,.28);border-radius:7px;font-size:16px;flex-shrink:0;}
.s-div{width:1px;height:22px;background:rgba(255,255,255,.22);flex-shrink:0;}
.s-lbl{font-size:14px;opacity:.65;margin-bottom:1px;}
.s-val{font-size:17px;font-weight:700;}