*/
html .headerContainer .esp-header-logo {
width: var(--esp-logo-width, 40%);
}
/* The search field of the source dialog was a bare input; the form wrapper must not add spacing. */
html .modal-content-special form {
margin: 0;
}
/*
* 3. Page-builder wrappers. The installed pages rebuild the source's plain wrapper divs
* (.container > .aboutContainer > …) as builder sections and containers carrying the same
* classes. These rules make those wrappers behave like the source's plain divs again.
*/
/* Source: a plain ; the container is that row. */
.esp-site .poshesh-builder-page .poshesh-container.esp-row {
flex-direction: row;
flex-wrap: wrap;
max-width: none;
padding-inline: 0;
gap: 0;
}
/* The builder clips its page box; the source did not (focus rings and hover shadows overflow). */
.esp-site .poshesh-builder-page {
overflow: visible;
}
/* Bootstrap's own stepped container widths, which the builder replaces with one --pbx-container. */
@media (min-width: 576px) {
.esp-site .poshesh-builder-page .container { max-width: 540px; }
}
@media (min-width: 768px) {
.esp-site .poshesh-builder-page .container { max-width: 720px; }
}
@media (min-width: 992px) {
.esp-site .poshesh-builder-page .container { max-width: 960px; }
}
@media (min-width: 1200px) {
.esp-site .poshesh-builder-page .container { max-width: 1140px; }
}
@media (min-width: 1400px) {
.esp-site .poshesh-builder-page .container { max-width: 1320px; }
}
/* The platform's rounded builder fields (.poshesh-builder-page input) lose to the source's own
.garantiContainer .form-control rule on specificity, so no override is needed here. */
/* Source: ![]()
*/
.esp-site .garantiContainer .inputContainer #dntCaptchaImg {
margin-bottom: 4px;
}
/* Source: the inner layout's (_Inner.cshtml) .
Without it the product pictures keep their own ratio and every card on /products is shorter. */
.esp-site .product-box img {
min-height: 211px;
}
/*
* 4. Deliberate fixes of source layout bugs (each one scrolled the page sideways on espadanbattery.com too).
*/
/* The article's featured picture kept its natural width inside a col-md-4 column, so it ran past the
page edge (11px at 1440, 137px on a phone with the 500px placeholder; a real photo goes much further). */
.esp-site .branchMap .esp-article-image {
max-width: 100%;
height: auto;
}
/* The divider between the warranty form and its picture sits 40px left of the form. Once the two
columns stack (below md) it is off-screen and only adds horizontal scroll. */
@media (max-width: 767.98px) {
.esp-site .garantiContainer .inputContainer:before {
display: none;
}
}