/* T-00: visually hidden text, readable by screen readers and crawlers */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* module headings: div.heading -> h2.heading, same look */
h2.heading,h3.heading{display:flex;align-items:center;margin:0 0 15px;font-weight:700;font-size:1.3em;line-height:inherit;color:var(--heading-c)}
@media (max-width:767px){h2.heading,h3.heading{font-size:1.2em}}
/* T-01: price 0 -> "price on request" */
.product-thumb__price--request{display:flex;align-items:center;margin:0;font-weight:700;font-size:1.1em;color:var(--price-c)}
.product-thumb__request{color:var(--add-to-cart-btn-c);background:var(--add-to-cart-btn-bg)}
.product-thumb__request:hover,.product-thumb__request:focus{color:var(--add-to-cart-btn-c-hover);background:var(--add-to-cart-btn-bg-hover)}
/* P-05: short attributes near the price use the full width (label + dots stretch, value to the right) */
.product-block .product-data__item-div{width:auto;min-width:0;flex:1 1 auto}
/* P-02: one buy block. Below 1345px it stands between the short attributes and the delivery terms, like the former narrow copy */
@media (max-width:1344px){.product-block__wrapper{display:flex;flex-direction:column}.product-block__left-block{display:contents}.product-block__left-block>*{order:1}.product-block__right-block{order:2}.product-block__left-block>.product-page__textblock{order:3}}
/* P-12: price 0 on the product page */
.product-page__price--request{margin:20px 0 25px;font-weight:700;font-size:1.4em;color:var(--price-c)}
.product-page__request{margin:0 15px 15px 0;color:var(--add-to-cart-btn-c);background:var(--add-to-cart-btn-bg)}
.product-page__request:hover,.product-page__request:focus{color:var(--add-to-cart-btn-c-hover);background:var(--add-to-cart-btn-bg-hover)}
/* T-10: on phones the theme shows only the first and the last crumb; keep the parent section as before, the current page is the h1 below */
@media (max-width:767px){.breadcrumb li:not(:nth-child(2)):has(>[aria-current]){display:none}.breadcrumb li:not(:first-child):nth-last-child(2){display:inline-block}}
/* P-04/P-05: characteristics are dl/dt/dd; keep the look of the former ul/li/div */
:where(.product-data) dt{font-weight:400}
:where(.product-data) dd{margin:0}
dl.product-data{margin-top:0;margin-bottom:10px}
.product-block dl.product-data{margin-bottom:7px}
@media (max-width:575px){.product-block dl.product-data{margin-bottom:0}}
.product-block .product-data__more-attr{margin:0 0 25px}
#tab-specification .product-specs__group>.heading{margin:20px 0 10px}
/* T-21: subcategories are ul/li */
ul.category-list{padding-left:0;list-style:none}
.category-list>li{margin:0 0 20px}
/* T-12: sort options are buttons */
button.sorts-block__span{padding:0;border:0;background:none;font-family:inherit;line-height:inherit;text-rendering:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variant:inherit;letter-spacing:inherit;word-spacing:inherit}
/* T-10: on service pages the moved element is nav.breadcrumb itself, the list inside keeps the theme look */
nav.breadcrumb>ol{margin:0;padding:0;list-style:none}
/* T-14: footer contacts in address */
.acula-site-footer address{margin:0;font-style:normal;line-height:inherit}
/* T-15: floating "call back" is a button */
.fly-block__contacts-callback{padding:0;border:0;background:none;color:inherit;font:inherit;line-height:inherit;cursor:pointer}
/* P-06: installation tab — headings one level up, steps are an ordered list; keep the former look */
#tab-additional h2{font-size:1.4em;color:var(--h3-c)}
#tab-additional h3{font-size:1.2em;color:var(--h4-c)}
.install-steps{list-style:none;margin:0;padding:0;counter-reset:step}
.install-steps>li{counter-increment:step}
.install-steps h4{margin:0 0 10px;font-size:1.1em;color:var(--h5-c)}
.install-steps h4::before{content:counter(step) ". "}
.install-steps figure{margin:0}
.install-steps>li+li figure{margin-bottom:48px}
/* P-07: "Delivery and installation terms" heading (edited by the owner in theme settings) looks like the former bold paragraph */
.product-page__textblock-inner h2{margin:0 0 10px;font-size:inherit;font-weight:700;line-height:inherit;color:inherit}
/* Header menu: 15px for top links, catalog dropdown, mobile "Menu" button and mobile menu (owner request 2026-11-04) */
.acula-site-nav-toggle,.acula-site-nav__link,.acula-site-nav__dropdown a{font-size:15px!important}
