/* Design v810 — product detail proportion and visual classification fix */
.product-hero{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:38px;
  align-items:center;
}
.product-hero>div:last-child{min-width:0;width:100%}
.product-hero h1{
  max-width:100%;
  margin:10px 0 16px;
  font-size:clamp(34px,3vw,42px);
  line-height:1.18;
  overflow-wrap:anywhere;
  word-break:keep-all;
}
.product-hero .lead{font-size:16px;line-height:1.7}
.product-art{min-height:500px}
.product-speech{max-width:230px;white-space:normal;line-height:1.35}
.bank-box span{overflow-wrap:anywhere}
.product-hero form input{min-width:0}

@media(max-width:820px){
  .product-hero{grid-template-columns:1fr;gap:28px}
  .product-art{min-height:420px}
  .product-hero h1{font-size:clamp(32px,7vw,40px)}
}
@media(max-width:560px){
  .product-art{min-height:330px}
  .product-hero h1{font-size:31px}
  .product-speech{max-width:190px;font-size:11px}
}