/* СМОТРИТЕ ТАКЖЕ */

/* ================================================== */
/* === ОТСТУПЫ БЛОКА === */
/* ================================================== */
html body #allrecords .t-store__relevants__title-wrapper,
html body #allrecords .t-store__relevants__title {
    margin-top: 120px !important;
    margin-bottom: 40px !important;
}
html body #allrecords .t-store__relevants {
    padding-bottom: 40px !important;
}
@media (max-width: 1200px) {
    html body #allrecords .t-store__relevants__title-wrapper,
    html body #allrecords .t-store__relevants__title {
        margin-top: 80px !important;
        margin-bottom: 30px !important;
    }
}
@media (max-width: 760px) {
    html body #allrecords .t-store__relevants__title-wrapper,
    html body #allrecords .t-store__relevants__title {
        margin-top: 120px !important;
        margin-bottom: 20px !important;
    }
}

/* ================================================== */
/* === РАЗМЕРНИКИ — flex-раскладка === */
/* ================================================== */
html body #allrecords .js-product-edition-option-name,
html body #allrecords select.t-product__option-select,
html body #allrecords .t-product__option-select {
    display: none !important;
}

html body #allrecords form.t-product__option-variants,
html body #allrecords .t-product__option-variants {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

html body #allrecords .t-product__option-variants_buttons,
html body #allrecords form.t-product__option-variants .t-product__option-variants_buttons {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* === ВЫСОТА КНОПОК РАЗМЕРА === */
html body #allrecords .t-product__option-variants_buttons .t-product__option-checkbox,
html body #allrecords .t-product__option-variants_buttons label.t-product__option-checkbox,
html body #allrecords form.t-product__option-variants .t-product__option-checkbox,
html body #allrecords form.t-product__option-variants label {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-right: 0 !important;
    min-height: 43px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
@media (max-width: 760px) {
    html body #allrecords .t-product__option-variants_buttons .t-product__option-checkbox,
    html body #allrecords .t-product__option-variants_buttons label.t-product__option-checkbox,
    html body #allrecords form.t-product__option-variants .t-product__option-checkbox,
    html body #allrecords form.t-product__option-variants label {
        min-height: 43px !important;
    }
}

html body #allrecords .js-product-edition-option,
html body #allrecords .t-product__option {
    margin-top: 30px !important;
}

/* ================================================== */
/* === ЕДИНЫЙ ШРИФТ для размеров и кнопки === */
/* ================================================== */
html body #allrecords .t-product__option-variants_buttons .t-product__option-checkbox,
html body #allrecords .t-product__option-variants_buttons .t-product__option-checkbox *,
html body #allrecords .t-product__option-variants_buttons label,
html body #allrecords .t-product__option-variants_buttons label *,
html body #allrecords .t-store__prod-popup__btn,
html body #allrecords .t-store__prod-popup__btn *,
html body #allrecords .t-store__prod-popup__btn-text,
html body #allrecords .js-product-add-btn,
html body #allrecords .js-product-add-btn *,
html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit,
html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit *,
html body #allrecords .t-store__prod-popup__btn-wrapper button,
html body #allrecords .t-store__prod-popup__btn-wrapper button * {
    font-family: var(--t-text-font, Arial), sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.5px !important;
}

/* Мобилка — кернинг меньше (только для страницы товара) */
@media (max-width: 760px) {
    html body #allrecords .t-product__option-variants_buttons .t-product__option-checkbox,
    html body #allrecords .t-product__option-variants_buttons .t-product__option-checkbox *,
    html body #allrecords .t-product__option-variants_buttons label,
    html body #allrecords .t-product__option-variants_buttons label *,
    html body #allrecords .t-store__prod-popup__btn,
    html body #allrecords .t-store__prod-popup__btn *,
    html body #allrecords .t-store__prod-popup__btn-text,
    html body #allrecords .js-product-add-btn,
    html body #allrecords .js-product-add-btn *,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit *,
    html body #allrecords .t-store__prod-popup__btn-wrapper button,
    html body #allrecords .t-store__prod-popup__btn-wrapper button *,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__title,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__title *,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__price,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__price *,
    html body #allrecords .js-store-prod-name,
    html body #allrecords .t-store__prod-popup__name,
    html body #allrecords .t-store__prod-popup h1.t-name.t-name_xl,
    html body #allrecords .t-store__prod-popup h1.js-product-name,
    html body #allrecords .t-store__prod-popup .js-product-price,
    html body #allrecords .t-store__prod-popup__price,
    html body #allrecords .t-store__prod-popup__price-wrapper,
    html body #allrecords .t-store__prod-popup__price-wrapper *,
    html body #allrecords .t-store__prod-popup__text,
    html body #allrecords .t-store__prod-popup__text * {
        letter-spacing: -0.2px !important;
    }
}

/* ================================================== */
/* === СТИЛЬ КНОПКИ — ДЕСКТОП: лайновая === */
/* ================================================== */
@media (min-width: 761px) {
    html body #allrecords .t-store__prod-popup__btn,
    html body #allrecords .js-product-add-btn,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit,
    html body #allrecords .t-store__prod-popup__btn-wrapper button.t-submit {
        background: transparent !important;
        background-color: transparent !important;
        border: 1px solid #000 !important;
        color: #000 !important;
        transition: background-color 0.2s ease, color 0.2s ease !important;
        box-shadow: none !important;
    }
    html body #allrecords .t-store__prod-popup__btn *,
    html body #allrecords .js-product-add-btn *,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit *,
    html body #allrecords .t-store__prod-popup__btn-wrapper button.t-submit *,
    html body #allrecords .t-store__prod-popup__btn-text {
        color: #000 !important;
        background: transparent !important;
        background-color: transparent !important;
    }
    html body #allrecords .t-store__prod-popup__btn:hover,
    html body #allrecords .js-product-add-btn:hover,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit:hover,
    html body #allrecords .t-store__prod-popup__btn-wrapper button.t-submit:hover {
        background: #000 !important;
        background-color: #000 !important;
        color: #fff !important;
    }
    html body #allrecords .t-store__prod-popup__btn:hover *,
    html body #allrecords .js-product-add-btn:hover *,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit:hover *,
    html body #allrecords .t-store__prod-popup__btn-wrapper button.t-submit:hover * {
        color: #fff !important;
    }
}

/* === МОБИЛКА: кнопка чёрная (заливка) === */
@media (max-width: 760px) {
    html body #allrecords .t-store__prod-popup__btn,
    html body #allrecords .js-product-add-btn,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit,
    html body #allrecords .t-store__prod-popup__btn-wrapper button.t-submit {
        background: #000 !important;
        background-color: #000 !important;
        border: 1px solid #000 !important;
        color: #fff !important;
        box-shadow: none !important;
    }
    html body #allrecords .t-store__prod-popup__btn *,
    html body #allrecords .js-product-add-btn *,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit *,
    html body #allrecords .t-store__prod-popup__btn-wrapper button.t-submit *,
    html body #allrecords .t-store__prod-popup__btn-text {
        color: #fff !important;
        background: transparent !important;
        background-color: transparent !important;
    }
}

/* === Десктоп (≥1201px): ширина 50% === */
@media (min-width: 1201px) {
    html body #allrecords .js-product-edition-option,
    html body #allrecords .t-product__option {
        width: 50% !important;
        max-width: 50% !important;
        box-sizing: border-box !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
    html body #allrecords .t-store__prod-popup__btn-wrapper {
        width: 50% !important;
        max-width: 50% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        padding-right: 0 !important;
    }
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit,
    html body #allrecords .t-store__prod-popup__btn,
    html body #allrecords .js-product-add-btn,
    html body #allrecords .t-store__prod-popup__btn-wrapper button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        display: block !important;
    }
}

/* === Планшет (761–1200): ширина 98% === */
@media (min-width: 761px) and (max-width: 1200px) {
    html body #allrecords .js-product-edition-option,
    html body #allrecords .t-product__option {
        width: 98% !important;
        max-width: 98% !important;
    }
    html body #allrecords .t-store__prod-popup__btn-wrapper {
        width: 98% !important;
        max-width: 98% !important;
    }
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit,
    html body #allrecords .t-store__prod-popup__btn,
    html body #allrecords .js-product-add-btn,
    html body #allrecords .t-store__prod-popup__btn-wrapper button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        display: block !important;
    }
}

/* === Мобилка (≤760): ширина 100% === */
@media (max-width: 760px) {
    html body #allrecords .js-product-edition-option,
    html body #allrecords .t-product__option {
        width: 100% !important;
        max-width: 100% !important;
    }
}

#allrecords .t-store__relevants,
#allrecords .t-store__relevants__container,
#allrecords .t-store__relevants__container > .t-container {
    width: 98vw !important;
    max-width: 98vw !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
}

#allrecords .t-store__relevants .t-slds,
#allrecords .t-store__relevants .t-slds__container,
#allrecords .t-store__relevants .t-slds__wrapper,
#allrecords .t-store__relevants .t-slds__items-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    -webkit-transform: none !important;
    left: 0 !important;
    position: relative !important;
    overflow: visible !important;
}

#allrecords .t-store__relevants .t-slds__arrow-wrapper,
#allrecords .t-store__relevants .t-slds__bullet-wrapper,
#allrecords .t-store__relevants .t-slds__bullet_wrapper {
    display: none !important;
}

#allrecords .t-store__relevants__container .t-store__card-list,
#allrecords .t-store__relevants .t-slds__items-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    transform: none !important;
    -webkit-transform: none !important;
    flex-wrap: wrap !important;
}

#allrecords .t-store__relevants__container .t-store__card,
#allrecords .t-store__relevants .t-slds__item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    flex: none !important;
    box-sizing: border-box !important;
}

#allrecords .t-store__relevants .t-store__card__wrap_all,
#allrecords .t-store__relevants .t-store__card__imgwrapper {
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 1200px) {
    #allrecords .t-store__relevants__container .t-store__card-list,
    #allrecords .t-store__relevants .t-slds__items-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 760px) {
    #allrecords .t-store__relevants__container .t-store__card-list,
    #allrecords .t-store__relevants .t-slds__items-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 16px !important;
        row-gap: 40px !important;
    }
    #allrecords .t-store__relevants__container .t-store__card,
    #allrecords .t-store__relevants .t-slds__item {
        margin-bottom: 0 !important;
    }
}

#allrecords .t-store__scroll-icon-wrapper,
#allrecords [class*="t-store__scroll-icon"],
#allrecords .t-store__relevants [class*="scroll-icon"],
#allrecords .t-store__relevants .t-slds__hint,
#allrecords .t-store__relevants .t-slds__hint-wrapper,
#allrecords .t-store__relevants .t-slds__hint_show,
#allrecords .t-store__relevants .t-slds__swipe-hint,
#allrecords .t-store__relevants .t-slds__hint-arrow,
#allrecords .t-store__relevants .t-slds__hint::before,
#allrecords .t-store__relevants .t-slds__hint::after,
#allrecords .t-store__relevants .t-slds::before,
#allrecords .t-store__relevants .t-slds::after,
#allrecords .t-store__relevants .t-slds__main::before,
#allrecords .t-store__relevants .t-slds__main::after,
#allrecords .t-store__relevants .t-slds__container::before,
#allrecords .t-store__relevants .t-slds__container::after,
#allrecords .t-store__relevants .t-slds__items-wrapper::before,
#allrecords .t-store__relevants .t-slds__items-wrapper::after,
#allrecords .t-slds_animated-hint,
#allrecords .t-slds_animated-hint::before,
#allrecords .t-slds_animated-hint::after,
#allrecords .t-store__relevants [class*="hint"],
#allrecords .t-store__relevants [class*="Hint"],
#allrecords .t-store__relevants [class*="swipe"],
#allrecords .t-store__relevants [class*="Swipe"],
#allrecords .t-store__relevants [class*="finger"],
#allrecords .t-store__relevants [class*="Finger"],
#allrecords .tooltip-horizontal-scroll-icon,
#allrecords [class*="tooltip-horizontal-scroll-icon"],
#allrecords svg[class*="tooltip-horizontal-scroll"],
#allrecords [class*="tooltip-horizontal-scroll"],
#allrecords .t-store__relevants .t-tooltip,
#allrecords .t-store__relevants [class*="tooltip"],
#allrecords .t-store__relevants [class*="Tooltip"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: none !important;
    background-image: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 980px) {
    #allrecords .t-store__relevants .t-slds,
    #allrecords .t-store__relevants .t-slds__main,
    #allrecords .t-store__relevants .t-slds__container,
    #allrecords .t-store__relevants .t-slds__items-wrapper {
        background-image: none !important;
    }
}

/* ================================================== */
/* === РАЗМЕРЫ ШРИФТА (только страница товара) === */
/* === Десктоп 18px / Планшет 15px / Мобилка 14px === */
/* ================================================== */

@media (min-width: 1201px) {
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__title,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__title *,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__price,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__price *,
    html body #allrecords .js-store-prod-name,
    html body #allrecords .t-store__prod-popup__name,
    html body #allrecords .t-store__prod-popup h1.t-name.t-name_xl,
    html body #allrecords .t-store__prod-popup h1.js-product-name,
    html body #allrecords .t-store__prod-popup .js-product-price,
    html body #allrecords .t-store__prod-popup .js-product-price-def,
    html body #allrecords .t-store__prod-popup__price,
    html body #allrecords .t-store__prod-popup__price-item,
    html body #allrecords .t-store__prod-popup__price-wrapper,
    html body #allrecords .t-store__prod-popup__price-wrapper *,
    html body #allrecords .t-store__prod-popup__text,
    html body #allrecords .t-store__prod-popup__text *,
    html body #allrecords .t-product__option-variants_buttons .t-product__option-checkbox,
    html body #allrecords .t-product__option-variants_buttons .t-product__option-checkbox *,
    html body #allrecords .t-product__option-variants_buttons label,
    html body #allrecords .t-product__option-variants_buttons label *,
    html body #allrecords .t-store__prod-popup__btn,
    html body #allrecords .t-store__prod-popup__btn *,
    html body #allrecords .t-store__prod-popup__btn-text,
    html body #allrecords .js-product-add-btn,
    html body #allrecords .js-product-add-btn *,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit * {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
}

@media (min-width: 761px) and (max-width: 1200px) {
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__title,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__title *,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__price,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__price *,
    html body #allrecords .js-store-prod-name,
    html body #allrecords .t-store__prod-popup__name,
    html body #allrecords .t-store__prod-popup h1.t-name.t-name_xl,
    html body #allrecords .t-store__prod-popup h1.js-product-name,
    html body #allrecords .t-store__prod-popup .js-product-price,
    html body #allrecords .t-store__prod-popup .js-product-price-def,
    html body #allrecords .t-store__prod-popup__price,
    html body #allrecords .t-store__prod-popup__price-item,
    html body #allrecords .t-store__prod-popup__price-wrapper,
    html body #allrecords .t-store__prod-popup__price-wrapper *,
    html body #allrecords .t-store__prod-popup__text,
    html body #allrecords .t-store__prod-popup__text *,
    html body #allrecords .t-product__option-variants_buttons .t-product__option-checkbox,
    html body #allrecords .t-product__option-variants_buttons .t-product__option-checkbox *,
    html body #allrecords .t-product__option-variants_buttons label,
    html body #allrecords .t-product__option-variants_buttons label *,
    html body #allrecords .t-store__prod-popup__btn,
    html body #allrecords .t-store__prod-popup__btn *,
    html body #allrecords .t-store__prod-popup__btn-text,
    html body #allrecords .js-product-add-btn,
    html body #allrecords .js-product-add-btn *,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit * {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
}

@media (max-width: 760px) {
    html body #allrecords .t-store__relevants .t-store__card,
    html body #allrecords .t-store__relevants .t-store__card *,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__title,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__title *,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__price,
    html body #allrecords .t-store__relevants .t-store__card .t-store__card__price *,
    html body #allrecords .js-store-prod-name,
    html body #allrecords .t-store__prod-popup__name,
    html body #allrecords .t-store__prod-popup h1.t-name.t-name_xl,
    html body #allrecords .t-store__prod-popup h1.js-product-name,
    html body #allrecords .t-store__prod-popup .js-product-price,
    html body #allrecords .t-store__prod-popup .js-product-price-def,
    html body #allrecords .t-store__prod-popup__price,
    html body #allrecords .t-store__prod-popup__price-item,
    html body #allrecords .t-store__prod-popup__price-wrapper,
    html body #allrecords .t-store__prod-popup__price-wrapper *,
    html body #allrecords .t-store__prod-popup__text,
    html body #allrecords .t-store__prod-popup__text *,
    html body #allrecords .t-product__option-variants_buttons .t-product__option-checkbox,
    html body #allrecords .t-product__option-variants_buttons .t-product__option-checkbox *,
    html body #allrecords .t-product__option-variants_buttons label,
    html body #allrecords .t-product__option-variants_buttons label *,
    html body #allrecords .t-store__prod-popup__btn,
    html body #allrecords .t-store__prod-popup__btn *,
    html body #allrecords .t-store__prod-popup__btn-text,
    html body #allrecords .js-product-add-btn,
    html body #allrecords .js-product-add-btn *,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit,
    html body #allrecords .t-store__prod-popup__btn-wrapper .t-submit * {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
}

/* --- ЗАГОЛОВОК "СМОТРИТЕ ТАКЖЕ" --- */
html body #allrecords .t-store__relevants__title-wrapper,
html body #allrecords .t-store__relevants__title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 0 !important;
    width: 100% !important;
}
html body #allrecords .t-store__relevants__title,
html body #allrecords .t-store__relevants__title-wrapper *,
html body #allrecords .t-store__relevants__title.t-name,
html body #allrecords .t-store__relevants__title.t-name_xl,
html body #allrecords .t-store__relevants__title.t-name_md {
    font-size: 75px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}
@media (max-width: 1200px) {
    html body #allrecords .t-store__relevants__title,
    html body #allrecords .t-store__relevants__title-wrapper *,
    html body #allrecords .t-store__relevants__title.t-name,
    html body #allrecords .t-store__relevants__title.t-name_xl,
    html body #allrecords .t-store__relevants__title.t-name_md {
        font-size: 24px !important;
    }
}
@media (max-width: 760px) {
    html body #allrecords .t-store__relevants__title,
    html body #allrecords .t-store__relevants__title-wrapper *,
    html body #allrecords .t-store__relevants__title.t-name,
    html body #allrecords .t-store__relevants__title.t-name_xl,
    html body #allrecords .t-store__relevants__title.t-name_md {
        font-size: 24px !important;
    }
}