<!--https://mods.authweb.ru/stylestd-st205-->
<!--Для работы слайдера в стандартном блоке, используйте класс uc-aw__st205-->
<script>
document.addEventListener("DOMContentLoaded", () => {
const wrapper = document.querySelector(".uc-aw__st205");
if (!wrapper) return;
wrapper.querySelectorAll(".t762").forEach(t762 => {
const textWrapper = t762.querySelector(".t762__textwrapper");
if (!textWrapper) return;
Object.assign(textWrapper.style, {
display: "flex",
flexDirection: "column",
});
const descrBlock = textWrapper.querySelector(".t762__descr");
if (descrBlock && textWrapper.firstElementChild) {
textWrapper.insertBefore(descrBlock, textWrapper.firstElementChild.nextSibling);
}
});
});
</script>
<style>
:root {
--container-max-width: 1160px;
--container-bg-color: #ffffff;
--container-border-radius: 20px;
--container-padding: 40px;
--text-gap: 10px;
--font-size: 16px;
--font-colorHover: #ffffff;
--font-color: #1e1e1e;
--font-colorAccent: #ffffff;
--line-height: 1.5;
--highlight-color: rgb(144, 95, 41);
--btn-border-radius: 6px;
--margin-standard: 20px;
}
/* Стили для .t762__container */
.t762 .t762__container {
max-width: var(--container-max-width);
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
background-color: var(--container-bg-color);
border-radius: var(--container-border-radius);
padding: var(--container-padding) !important;
box-sizing: border-box;
}
.t762__price_old {
background-color: #5b3ba1;
border-radius: 6px;
padding: 4px 6px;
color: var(--font-colorAccent) !important;
}
.t762__price_old:after {
left: 0px;
}
.t762__info {
& .t762__textwrapper {
& .t-name {
color: var(--font-color);
}
& .t762__descr {
color: var(--font-color);
}
}
}
.t762__descr {
margin-top: 0;
display: flex;
flex-direction: column;
gap: var(--text-gap);
font-size: var(--font-size);
line-height: var(--line-height);
}
.t762__price-wrapper {
margin: var(--margin-standard) 0;
}
.t762__btn-wrapper {
margin-bottom: 0;
margin-top: 0;
}
.t762__descr .row {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.t762__descr .row span {
display: block;
}
.t762__descr .row .key {
font-weight: bold; /* Выделяем ключи */
text-align: left;
}
.t762__descr .row .value {
text-align: right;
}
.js-product .t-product__option-variants_buttons .t-product__option-item_simple {
border-radius: var(--btn-border-radius);
}
.js-product .t-product__option-variants_buttons .t-product__option-item_simple.t-product__option-item_active {
border: 1px solid var(--highlight-color);
background-color: var(--highlight-color);
}
.js-product .t-product__option-variants_buttons .t-product__option-item_simple.t-product__option-item_active .t-descr.t-descr_xxs {
color: var(--font-colorHover);
}
@media (max-width: 1200px) {
.t762 .t762__container {
max-width: calc(100vw - 40px);
}
}
@media (max-width: 960px) {
.t762 .t762__container {
padding: calc(var(--container-padding) * 0.75) !important;
flex-wrap: wrap;
}
.t762__info {
width: 100%;
}
}
</style>