/* Product detail presentation. Names, specifications and category lists are unchanged. */
html[lang] body .product-overview{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch;
 width:100%;max-width:100%;min-width:0;box-sizing:border-box;
}
html[lang] body .product-overview.lp-shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}
html[lang] body .product-overview.f1600-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
/* Standalone details retain the two-column overview without the legacy full-viewport width. */
html[lang] body.ru-product-detail-page.standard-product-page main > .ru-bomco-product-range > .product-category-layout{
 width:calc(100% - 48px);max-width:1240px;margin-inline:auto;min-width:0;
}
html[lang] body .product-overview-gallery{min-width:0;margin:0;order:0}
html[lang] body .product-overview-media{
 position:relative;display:block;width:100%;height:auto;max-width:none;min-width:0;
 aspect-ratio:auto;padding:0;margin:0;border:1px solid #dce1e3;background:#fff;
 border-radius:0;overflow:hidden;box-sizing:border-box;
}
html[lang] body .product-overview-media img{
 display:block;width:100%;height:auto;aspect-ratio:1/1;max-width:100%;max-height:none;
 object-fit:contain;object-position:center;box-sizing:border-box;padding:0;margin:0;
}
html[lang] body .product-overview-media figcaption{padding:10px 14px;font-size:12px;line-height:1.5;color:#61707b;background:#fff}
html[lang] body .product-overview-info{
 display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;
 order:1;background:#f2f2f3;padding:clamp(22px,2.4vw,38px);margin:0;
 width:100%;height:auto;min-height:0;min-width:0;box-sizing:border-box;text-align:start;
}
html[lang] body .product-overview-info h1{
 font-family:inherit;font-size:clamp(25px,2vw,32px);font-weight:700;line-height:1.3;
 color:#183542;letter-spacing:normal;margin:0 0 20px;overflow-wrap:break-word;text-wrap:pretty;
}
html[lang] body .product-overview-info>p{font-size:15px;line-height:1.75;color:#395362;margin:0 0 12px;max-width:none}
html[lang] body .product-overview-info .product-reference-id{color:#1466cf;font-weight:600}
html[lang] body .product-overview-facts{display:block;border-top:2px solid #6d777b;border-bottom:1px solid #d6dcdf;margin:16px 0 0;padding:18px 0;font-size:14px;line-height:1.6}
html[lang] body .product-overview-facts>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;margin:0 0 9px}
html[lang] body .product-overview-facts>div:last-child{margin-bottom:0}
html[lang] body .product-overview-facts dt{font-weight:600;color:#243e4b}
html[lang] body .product-overview-facts dd{margin:0;color:#395362;overflow-wrap:anywhere}
html[lang] body .product-overview-contacts{display:grid;gap:16px;margin:24px 0;color:#243e4b;font-size:14px;line-height:1.5}
html[lang] body .product-overview-contacts>div{display:grid;grid-template-columns:22px 78px minmax(0,1fr);gap:10px;align-items:center}
html[lang] body .product-overview-contacts span{font-weight:600}
html[lang] body .product-overview-contacts a{font-weight:400;color:#183542;text-decoration:none;text-align:start;overflow-wrap:anywhere}
html[lang] body .product-overview-contacts a:hover{text-decoration:underline}
html[lang] body .product-overview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:10px 0 0;padding:0}
html[lang] body .product-overview-actions>a{
 display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;
 padding:12px 14px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;text-align:center;
 border:1px solid transparent;border-radius:0;white-space:normal;
}
html[lang] body .product-overview-whatsapp{color:#fff;background:#1266cf}
html[lang] body .product-overview-email{color:#172f3c;background:#efb13c}
html[lang] body .product-overview-whatsapp:hover{background:#0752ac}
html[lang] body .product-overview-email:hover{background:#e5a027}
html[lang] body .product-overview-reference-links{margin-top:18px;font-size:14px;line-height:1.6}
html[lang] body .product-overview-reference-links a{color:#1266cf;text-decoration:underline;text-underline-offset:3px}
html[lang] body .product-overview-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
html[lang] body .product-overview-thumbs button{display:block;border:1px solid #dce1e3;background:#f4f4f5;padding:5px;width:76px;height:76px;cursor:pointer;border-radius:0}
html[lang] body .product-overview-thumbs img{display:block;width:64px;height:64px;object-fit:contain;background:#fff}
html[lang] body .product-overview-thumbs button[aria-pressed="true"]{border:2px solid #1266cf;padding:4px}
html[lang] body .product-overview a:focus-visible,html[lang] body .product-overview button:focus-visible{outline:3px solid #1266cf;outline-offset:3px}
html[lang="ar"] body .product-overview{direction:rtl}
html[lang="ar"] body .product-overview-facts>div{grid-template-columns:85px minmax(0,1fr)}
html[lang="ar"] body .product-overview-contacts>div{grid-template-columns:22px 86px minmax(0,1fr)}
@media(max-width:1100px){
 html[lang] body .product-overview-info{padding:22px}
 html[lang] body .product-overview-contacts>div{grid-template-columns:22px minmax(0,1fr)}
 html[lang] body .product-overview-contacts a{grid-column:2}
}
@media(max-width:760px){
 html[lang] body.ru-product-detail-page.standard-product-page main > .ru-bomco-product-range > .product-category-layout{width:calc(100% - 36px)}
 html[lang] body .product-overview.lp-shell{width:calc(100% - 36px)}
 html[lang] body .product-overview.f1600-shell{width:calc(100% - 32px)}
 html[lang] body .product-category-layout:has(.product-overview){display:flex;flex-direction:column}
 html[lang] body .product-category-layout:has(.product-overview)>.product-category-main{order:0;width:100%;min-width:0}
 html[lang] body .product-category-layout:has(.product-overview)>.product-sidebar{order:1;width:100%;margin-top:30px}
 html[lang] body .product-overview{grid-template-columns:minmax(0,1fr);gap:18px}
 html[lang] body .product-overview-info{padding:24px 20px}
 html[lang] body .product-overview-info h1{font-size:26px;margin-bottom:16px}
 html[lang] body .product-overview-contacts>div{grid-template-columns:22px 76px minmax(0,1fr);gap:8px}
 html[lang] body .product-overview-contacts a{grid-column:auto}
 html[lang] body .product-overview-facts>div{grid-template-columns:88px minmax(0,1fr)}
 html[lang] body .product-overview-actions{gap:10px}
 html[lang] body .product-overview-actions>a{padding:12px 8px}
}
@media(max-width:380px){
 html[lang] body .product-overview-contacts>div{grid-template-columns:22px minmax(0,1fr)}
 html[lang] body .product-overview-contacts a{grid-column:2}
}
