/* ==================================================
   ШРИФТЫ KAREPLUS
   Подключение через CSS, без изменений HTML
================================================== */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");


/* ==================================================
   ПЕРЕМЕННЫЕ
================================================== */

:root {
    --color-bg: #f8f7f4;
    --color-surface: #ffffff;
    --color-surface-soft: #fffdf3;

    --color-text: #121212;
    --color-text-soft: #6f7981;
    --color-border: #e3debd;

    --color-accent: #7a2b13;
    --color-accent-hover: #c66d33;
    --color-accent-soft: #f7eee7;

    --color-success: #18794e;
    --color-success-bg: #ecf9f1;

    --color-error: #b42318;
    --color-error-bg: #fff1f0;

    --color-notice: #8a5a00;
    --color-notice-bg: #fff8e6;

    --container-width: 1500px;

    --radius-small: 10px;
    --radius-medium: 16px;
    --radius-large: 24px;

    --shadow-small:
        0 2px 8px rgba(57, 39, 39, 0.05);

    --shadow-medium:
        0 18px 50px rgba(57, 39, 39, 0.08);

    --transition: 0.2s ease;
}


/* ==================================================
   СБРОС
================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    margin: 0;

    display: flex;
    flex-direction: column;

    color: var(--color-text);

    background:
        radial-gradient(
            circle at top left,
            rgba(198, 109, 51, 0.08),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #fffdf9 0%,
            var(--color-bg) 100%
        );

    font-family:
        "Montserrat",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    /* БАЗОВЫЙ РАЗМЕР ОБЫЧНОГО ТЕКСТА */
    font-size: 18px;
    font-weight: 400;
    line-height: 1.65;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    color: var(--color-accent);
    text-decoration: none;

    transition:
        color var(--transition),
        background var(--transition),
        border-color var(--transition),
        transform var(--transition);
}

a:hover {
    color: var(--color-accent-hover);
}

button,
input,
textarea,
select {
    font: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
blockquote {
    margin-top: 0;
}


/* ==================================================
   ОБЩАЯ СТРУКТУРА
================================================== */

.header,
.footer {
    flex: 0 0 auto;
}

.main {
    flex: 1 0 auto;
}

.container {
    width: min(
        calc(100% - 40px),
        var(--container-width)
    );

    margin-right: auto;
    margin-left: auto;
}


/* ==================================================
   ШАПКА
================================================== */

.header {
    position: sticky;
    top: 0;
    z-index: 100;

    padding: 14px 0;

    background: rgba(255, 255, 255, 0.92);

    border-bottom: 1px solid rgba(227, 222, 189, 0.85);

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.header .container {
    position: relative;

    min-height: 64px;

    display: flex;
    align-items: center;

    gap: 38px;
}


/* ==================================================
   ЛОГОТИП
================================================== */

.logo {
    display: flex;
    align-items: center;

    flex: 0 0 auto;
}

.logo img {
    display: block;

    width: auto;
    height: 42px;
}

.logo:hover {
    text-decoration: none;
}


/* ==================================================
   НАВИГАЦИЯ
================================================== */

.header__nav {
    display: flex;
    align-items: center;

    margin-left: auto;
}


/* ==================================================
   ПРАВАЯ ЧАСТЬ ШАПКИ
================================================== */

.header__actions {
    display: flex;
    align-items: center;

    gap: 22px;

    flex: 0 0 auto;
}


/* ==================================================
   ТЕЛЕФОН
================================================== */

.header__phone {
    color: var(--color-accent);

    font-size: 22px;
    font-weight: 700;
    line-height: 1;

    white-space: nowrap;
}

.header__phone:hover {
    color: var(--color-text);
    text-decoration: none;
}


/* ==================================================
   КОРЗИНА
================================================== */

.header__cart {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    flex: 0 0 28px;

    color: #6f7981;
    background: transparent;
}

.header__cart:hover {
    color: var(--color-accent);
    text-decoration: none;
}

.header__cart svg {
    display: block;

    width: 24px;
    height: 24px;
}


/* ==================================================
   ОСНОВНАЯ ЧАСТЬ
================================================== */

.main {
    padding: 46px 0 70px;
}

.main > .container {
    position: relative;

    padding: 38px 44px 46px;

    background: rgba(255, 255, 255, 0.94);

    border: 1px solid rgba(227, 222, 189, 0.95);
    border-radius: var(--radius-large);

    box-shadow: var(--shadow-medium);
}

.main > .container::before {
    content: "";

    position: absolute;

    top: 0;
    left: 44px;

    width: 92px;
    height: 6px;

   background: linear-gradient(
    90deg,
    #C99A3B 0%,
    #C99A3B 48%,
    #B7BEC7 48%,
    #B7BEC7 100%
);

    border-radius: 0 0 6px 6px;
}


/* ==================================================
   ХЛЕБНЫЕ КРОШКИ
================================================== */

.breadcrumbs {
    margin-bottom: 26px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    color: #8a909c;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.breadcrumbs a {
    color: var(--color-text-soft);

    font-weight: 500;
}

.breadcrumbs a:hover {
    color: var(--color-accent);
}


/* ==================================================
   ЗАГОЛОВКИ
================================================== */

h1 {
    max-width: 1100px;

    margin-bottom: 20px;

     color: #7a2b13;

   font-size: 40px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

h2 {
    margin-top: 42px;
    margin-bottom: 18px;

    color: #7a2b13;

    font-size: 30px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

h3 {
    margin-top: 30px;
    margin-bottom: 12px;

    color: #cb993e;

    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
}


/* ==================================================
   КОНТЕНТ
================================================== */

.content {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;

    color: #121212;
    font-weight: 400;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.content > :first-child {
    margin-top: 0;
}

.content > :last-child {
    margin-bottom: 0;
}

.content p {
    margin-bottom: 20px;
}

.content a {
    color: var(--color-accent);

    font-weight: 600;

    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.content a:hover {
    color: var(--color-accent-hover);
}

.content strong {
    color: #121212;

    font-weight: 700;
}


/* ==================================================
   О КОМПАНИИ
================================================== */

.about_us {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    column-gap: 60px;
    row-gap: 0;
    align-items: start;
}

/* Фото справа */
.about_company_img {
    grid-column: 2;
    grid-row: 1 / 4;

    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* Заголовок слева */
.about_us .page_title {
    grid-column: 1;
    margin-bottom: 20px;
}

/* Основной текст */
.about_us .page_content {
    grid-column: 1;
    margin-bottom: 20px;

    color: #121212;
    line-height: 1.7;
}

/* Список услуг */
.about_us .page_content_ul {
    grid-column: 1;
    margin: 0;
    padding-left: 24px;

    color: #121212;
    line-height: 1.7;
}

.about_us .page_content_ul li {
    margin-bottom: 12px;
}

.about_us .page_content_ul li:last-child {
    margin-bottom: 0;
}

/* Слайдер на всю ширину */
.about_us > .slider_wrp {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    margin-top: 35px;
}

/* ==================================================
   МОБИЛЬНАЯ ВЕРСИЯ
================================================== */




/* ==================================================
   СПИСКИ
================================================== */

.content ul,
.content ol {
    margin: 24px 0;
    padding-left: 0;

    list-style: none;
}

.content li {
    position: relative;

    margin-bottom: 12px;
    padding-left: 30px;
}

.content ul li::before {
    content: "";

    position: absolute;

    top: 0.72em;
    left: 4px;

    width: 8px;
    height: 8px;

    background: var(--color-accent);

    border-radius: 50%;

    box-shadow:
        0 0 0 5px var(--color-accent-soft);
}

.content ol {
    counter-reset: content-counter;
}

.content ol li {
    counter-increment: content-counter;
}

.content ol li::before {
    content: counter(content-counter);

    position: absolute;

    top: 2px;
    left: 0;

    width: 22px;
    height: 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--color-accent);
    background: var(--color-accent-soft);

    border-radius: 50%;

    font-size: 12px;
    font-weight: 700;
}


/* ==================================================
   ЦИТАТЫ
================================================== */

.content blockquote {
    position: relative;

    margin: 32px 0;
    padding: 24px 28px 24px 30px;

    color: #392727;

    background:
        linear-gradient(
            135deg,
            #fffaf1 0%,
            #fffdf9 100%
        );

    border: 1px solid #e3debd;
    border-radius: var(--radius-medium);
}

.content blockquote::before {
    content: "“";

    position: absolute;

    top: 4px;
    right: 20px;

    color: rgba(122, 43, 19, 0.12);

    font-family: Georgia, serif;
    font-size: 76px;
    line-height: 1;
}

.content blockquote p:last-child {
    margin-bottom: 0;
}


/* ==================================================
   ТАБЛИЦЫ
================================================== */

.content table {
    width: 100%;

    margin: 30px 0;

    border-collapse: separate;
    border-spacing: 0;

    background: #ffffff;

    border: 1px solid var(--color-border);
    border-radius: var(--radius-medium);

    overflow: hidden;

    box-shadow: var(--shadow-small);
}

.content th,
.content td {
    padding: 15px 17px;

    text-align: left;
    vertical-align: top;

    border-right: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}

.content th:last-child,
.content td:last-child {
    border-right: 0;
}

.content tr:last-child td {
    border-bottom: 0;
}

.content th {
    color: #392727;
    background: var(--color-surface-soft);

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
}


/* ==================================================
   КОД
================================================== */

.content code {
    padding: 3px 7px;

    color: #7840bf;
    background: #f5effc;

    border: 1px solid #eadcf7;
    border-radius: 6px;

    font-family:
        Consolas,
        Monaco,
        "Courier New",
        monospace;

    font-size: 0.9em;
}

.content pre {
    margin: 28px 0;
    padding: 22px;

    overflow-x: auto;

    color: #e8ebf2;
    background: #171a22;

    border: 1px solid #262a34;
    border-radius: var(--radius-medium);

    box-shadow:
        0 14px 35px rgba(10, 12, 18, 0.16);
}

.content pre code {
    padding: 0;

    color: inherit;
    background: transparent;

    border: 0;
}


/* ==================================================
   ФОРМЫ
================================================== */

input,
textarea,
select {
    width: 100%;

    padding: 13px 15px;

    color: var(--color-text);
    background: #ffffff;

    border: 1px solid #d9dde5;
    border-radius: var(--radius-small);

    outline: none;

    transition:
        border-color var(--transition),
        box-shadow var(--transition),
        background var(--transition);
}

input:hover,
textarea:hover,
select:hover {
    border-color: #bfc5d1;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--color-accent);

    box-shadow:
        0 0 0 4px rgba(122, 43, 19, 0.12);
}

textarea {
    min-height: 130px;

    resize: vertical;
}


/* ==================================================
   КНОПКИ
================================================== */

button {
    min-height: 44px;

    padding: 0 20px;

    color: #ffffff;
    background: #7a2b13;

    border: 0;
    border-radius: 999px;

    font-weight: 600;

    cursor: pointer;

    box-shadow:
        0 10px 24px rgba(30, 33, 38, 0.16);

    transition:
        transform var(--transition),
        background var(--transition),
        box-shadow var(--transition),
        opacity var(--transition);
}

button:hover {
    color: #ffffff;
    background: #c66d33;

    transform: translateY(-1px);

    box-shadow:
        0 14px 30px rgba(30, 33, 38, 0.22);
}

button:active {
    color: #ffffff;
    background: #64220f;

    transform: translateY(0);
}


/* ==================================================
   КНОПКИ-ССЫЛКИ
================================================== */

.button,
.footer__button {
    color: #ffffff;

    background: #7a2b13;
    background-image: none;

    border-color: #7a2b13;

    box-shadow:
        0 10px 24px rgba(30, 33, 38, 0.16);
}

.button:hover,
.footer__button:hover {
    color: #ffffff;

    background: #c66d33;
    background-image: none;

    border-color: #c66d33;

    box-shadow:
        0 14px 30px rgba(30, 33, 38, 0.22);
}

.button:active,
.footer__button:active {
    color: #ffffff;

    background: #64220f;
    background-image: none;
}


/* ==================================================
   СЛУЖЕБНЫЕ СООБЩЕНИЯ
================================================== */

.error,
.success,
.notice {
    margin: 24px 0;

    padding: 16px 18px;

    border-radius: var(--radius-small);

    font-size: 15px;
    font-weight: 600;
}

.error {
    color: var(--color-error);
    background: var(--color-error-bg);

    border: 1px solid #f3c1bc;
}

.success {
    color: var(--color-success);
    background: var(--color-success-bg);

    border: 1px solid #b9e1ca;
}

.notice {
    color: var(--color-notice);
    background: var(--color-notice-bg);

    border: 1px solid #efd59a;
}


/* ==================================================
   ПОДВАЛ
================================================== */

.footer {
    padding: 34px 0 38px;

    color: var(--color-text-soft);
}

.footer .container {
    padding-top: 32px;

    border-top: 1px solid rgba(227, 222, 189, 0.9);
}

.footer__grid {
    display: grid;

    grid-template-columns:
        1.2fr
        1fr
        1fr;

    gap: 60px;

    align-items: start;
}


/* ==================================================
   ЛЕВЫЙ БЛОК ПОДВАЛА
================================================== */

.footer__company {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 18px;
}

.footer__logo {
    width: auto;
    height: 27px;

    filter: grayscale(100%);

    opacity: 0.45;
}

.footer__copyright {
    color: #6f7981;

    font-size: 14px;
    line-height: 1.5;
}


/* ==================================================
   КОНТАКТЫ В ПОДВАЛЕ
================================================== */

.footer__contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 7px;
}

.footer__title {
    margin-bottom: 7px;

    color: var(--color-text);

    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;

    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.footer__phone {
    color: var(--color-text);

    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;

    white-space: nowrap;
}

.footer__phone:hover {
    color: var(--color-accent);
}

.footer__email {
    color: var(--color-text-soft);

    font-size: 15px;
    font-weight: 500;
}

.footer__email:hover {
    color: var(--color-accent);
}


/* ==================================================
   ОБРАТНАЯ СВЯЗЬ
================================================== */

.footer__feedback {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer__text {
    margin-bottom: 14px;

    color: var(--color-text-soft);

    font-size: 14px;
    line-height: 1.5;
}

.footer__button {
    min-height: 42px;

    padding: 0 20px;

    color: #ffffff;
    background: #7a2b13;
    background-image: none;

    border: 0;
    border-radius: 999px;

    font-weight: 600;
}

.footer__button:hover {
    color: #ffffff;
    background: #c66d33;
}


/* ==================================================
   ДОСТУПНОСТЬ
================================================== */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 3px solid rgba(122, 43, 19, 0.35);
    outline-offset: 3px;
}




/* Логотип Kareplus */

.logo svg {
    fill: #c66d33;
    transition: fill 0.3s ease;
}

.logo:hover svg {
    fill: #7a2b13;
}
/* ==================================================
   ГЛАВНЫЙ БАННЕР KAREPLUS — ОРИГИНАЛЬНЫЕ ФОТО И АНИМАЦИЯ
   Адаптация под новую шапку и глобальный box-sizing
================================================== */

.container_all.doppad2 {
    position: relative;
    width: 100%;
    margin-top: 0;
    padding: 0;
	
	overflow: hidden;
    background-image: url("../img/banner-0013.jpg");
    background-repeat: no-repeat;
    background-size: 140%;
    background-position: 50% 50%;
    animation: bg-animation 35s ease-in-out 1.5s 1;
}

.container_all.doppad2 .banner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
    height: 400px;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    background-image: url("../img/banner-img005.png");
    background-repeat: no-repeat;
    background-position: 82% 22%;
    background-size: 60%;
    animation: bg-animation2 35s ease-in-out 1.5s 1;
}

.container_all.doppad2 .banner .obv2 {
    width: 80%;
    max-width: none;
    margin: 30px 0 0;
    color: #fffdf3;
    font-size: clamp(32px, 4vw, 64px);
    font-weight: 600;
    line-height: 1.15;
}

.container_all.doppad2 .banner_link {
    display: flex;
    align-items: center;
    gap: 0;
    color: #fffdf3;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 22px;
    text-decoration: none;
}

.container_all.doppad2 .banner_link span { margin-right: 100px; }
.container_all.doppad2 .banner_link svg { fill: #fffdf3; }
.container_all.doppad2 .banner_link:hover { color: #fffdf3; }

.container_all.doppad2 .pulse2 {
    position: absolute;
    top: 20%;
    right: 12.5%;
    width: 80px;
    height: 80px;
    border: 0;
    border-radius: 70%;
    background: transparent;
    box-shadow: none;
    pointer-events: none;
    animation: pulse2 2s infinite;
}

@keyframes bg-animation {
    0% { background-size: 140%; background-position: 50% 50%; }
    20% { background-size: 150%; background-position: 0 50%; background-image: url("../img/banner-0015.jpg"); }
    40% { background-size: 130%; background-position: 20% 80%; background-image: url("../img/banner-0018.jpg"); }
    60% { background-size: 160%; background-position: 60% 10%; background-image: url("../img/banner-0015.jpg"); }
    80% { background-size: 140%; background-position: 40% 70%; }
    100% { background-size: 140%; background-position: 50% 50%; background-image: url("../img/banner-0013.jpg"); }
}

@keyframes bg-animation2 {
    0% { background-size: 80%; background-position: 82% 22%; filter: blur(0); }
    20% { background-size: 90%; background-position: 0 50%; }
    40% { background-size: 106%; background-position: 40% 30%; filter: blur(0); }
    60% { background-size: 90%; background-position: 60% 40%; background-image: url("../img/banner-img003.png"); filter: blur(.1px); }
    80% { background-size: 75%; background-position: 40% 10%; filter: blur(0); background-image: url("../img/banner-img005.png"); }
    100% { background-size: 80%; background-position: 82% 22%; filter: blur(0); }
}






/* ==================================================
   ПУЛЬСИРУЮЩИЙ ЭЛЕМЕНТ БАННЕРА
================================================== */

.container_all.doppad2 .pulse2 {
    position: absolute;
    z-index: 5;

    width: 80px;
    height: 80px;

    top: 20%;
    right: 12.5%;

    background: transparent;
    border: 0;
    border-radius: 70%;

    box-shadow: none;
    pointer-events: none;

    animation: pulse2 2s infinite;
}

@keyframes pulse2 {
    0% {
        box-shadow: 0 0 0 0 rgba(244, 219, 221, 0.4);
    }

    70% {
        box-shadow: 0 0 0 100px rgba(244, 219, 221, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(244, 219, 221, 0);
    }
}




/* Блок покупки металлов — ограничение ширины */

.mouldings-inner.container {
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.moulding_row {
    width: 100%;
    box-sizing: border-box;
}


.mouldings {
    padding-bottom: 60px;
}


/* ==================================================
   ПЕРЕКЛЮЧАТЕЛЬ ЯЗЫКОВ ПОД ЛОГОТИПОМ
================================================== */

.header_lang {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 5px;
}

.header_lang__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 3px 11px;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;

    color: #626774;
    text-decoration: none;

    border-right: 1px solid #d5d5d5;

    transition: color 0.2s ease;
}

.header_lang__item:first-child {
    padding-left: 0;
}

.header_lang__item:last-child {
    border-right: 0;
}

.header_lang__item:hover {
    color: #c66d33;
}

.header_lang__item.active {
    color: #873419;
    font-weight: 700;
    pointer-events: none;
}




/* ==================================================
   КОНТАКТЫ KAREPLUS
================================================== */

.contacts.container {
    padding-top: 50px;
    padding-bottom: 70px;
}

.contacts .section_heading {
    margin-bottom: 35px;
}

.contacts .section_title_color {
    margin: 0;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    color: #7a2b13;
}

.contacts .section_title_color span {
    color: #cb993e;
}

.contacts_inner {
    display: grid;
    grid-template-columns: minmax(0, 35%) minmax(0, 1fr);
    gap: 35px;
    align-items: start;
}

.contacts_col {
    min-width: 0;
    overflow-wrap: anywhere;
}

.contacts_txt {
    display: block;
    margin-bottom: 25px;
}

.contacts .tel_group,
.contacts .mail_group,
.contacts .wase_group {
    margin-bottom: 25px;
}

.contacts_col a {
    color: var(--color-accent);
    text-decoration: none;
}

.contacts_col a:hover {
    color: var(--color-accent-hover);
}

.contacts_inner .map {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border-radius: 12px;
}

.contacts_inner .map iframe {
    display: block;
    width: 100%;
    height: 362px;
    border: 0;
}

/* ==================================================
   КОНТАКТЫ — ПЛАНШЕТ
================================================== */



/* ==================================================
   КОНТАКТЫ — МОБИЛЬНАЯ ВЕРСИЯ
================================================== */



/* ==================================================
   КОНТАКТЫ — МАЛЕНЬКИЕ ЭКРАНЫ
================================================== */






/* ==================================================
   КОНТАКТЫ — ОРИГИНАЛЬНЫЕ ИКОНКИ
================================================== */

.contacts .contacts_col {
    padding-left: 48px;
}

.contacts .contacts_txt,
.contacts .tel_group,
.contacts .mail_group,
.contacts .wase_group {
    position: relative;
}

/* Адрес */
.contacts .contacts_txt:first-child::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -48px;
    width: 25px;
    height: 25px;
    background: url("../img/svg/point-icon2w.svg") center / contain no-repeat;
}

/* Время работы */
.contacts .contacts_txt:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -48px;
    width: 24px;
    height: 24px;
    background: url("../img/svg/clock-icon2w.svg") center / contain no-repeat;
}

/* Телефон */
.contacts .tel_group::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -48px;
    width: 25px;
    height: 25px;
    background: url("../img/svg/phone-icon2w.svg") center / contain no-repeat;
}

/* Электронная почта */
.contacts .mail_group::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -48px;
    width: 25px;
    height: 25px;
    background: url("../img/svg/mail-icon2w.svg") center / contain no-repeat;
}

/* Waze */
.contacts .wase_group::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -48px;
    width: 25px;
    height: 25px;
    background: url("../img/svg/car-icon2w.svg") center / contain no-repeat;
}

/* Оригинальный цвет и размеры текста */
.contacts .contacts_txt,
.contacts .tel_group,
.contacts .mail_group,
.contacts .wase_group {
    font-size: 24px;
    line-height: 1.3;
}

.contacts .contacts_col a {
    color: #121212;
}

.contacts .contacts_col a:hover {
    color: var(--color-accent);
}

/* ==================================================
   КОНТАКТЫ — МОБИЛЬНАЯ ВЕРСИЯ
================================================== */






/* ==================================================
   КОНТАКТЫ — ОРИГИНАЛЬНЫЕ ИКОНКИ
================================================== */





/* Адрес */


/* Время работы */


/* Телефон */


/* Электронная почта */


/* Waze */


/* Оригинальный цвет и размеры текста */






/* ==================================================
   КОНТАКТЫ — МОБИЛЬНАЯ ВЕРСИЯ
================================================== */






/* ==================================================
   УВЕЛИЧЕНИЕ ШРИФТОВ САЙТА
================================================== */

body {
    font-size: 20px;
}

.content {
    font-size: 21px;
}

h1 {
    font-size: 44px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 24px;
}

/* МОБИЛЬНАЯ ВЕРСИЯ */






/* ==================================================
   УВЕЛИЧЕНИЕ ШРИФТОВ ВСЕГО САЙТА
================================================== */

/* Основной текст */


/* Текст страниц */
.content,
.page_content,
.page_content_all {
    font-size: 21px;
}

/* Главное меню */
.menu__link,
.header__nav .menu__link,
.nav_link {
    font-size: 18px;
}

/* Телефон в шапке */
.header__phone,
.header_tel {
    font-size: 26px;
}

/* Заголовки */






/* Карточки металлов */
.moulding_item .card_txt {
    font-size: 21px;
}

.moulding_item .card_title {
    font-size: 23px;
}

/* Названия разделов */
.section_title_color {
    font-size: 42px;
    line-height: 1.2;
}

/* Подвал */
.footer__phone {
    font-size: 22px;
}

.footer__email,
.footer__text,
.footer__copyright {
    font-size: 17px;
}

/* ==================================================
   МОБИЛЬНАЯ ВЕРСИЯ
================================================== */






/* ==================================================
   ЛОГИСТИКА — ТИПОГРАФИКА КАК В КОНТАКТАХ
================================================== */

.logistics .section_heading {
    margin-bottom: 35px;
}

.logistics .section_title_color {
    margin: 0;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    color: #7a2b13;
}

.logistics .section_title_color span {
    color: #cb993e;
}

.logistics .logistics-txt {
    margin-top: 0;
    margin-bottom: 25px;
    color: #121212;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
}

/* Карта и пульсация */
.map_img_wrp {
    position: relative;
}

.map_img_wrp .pulse {
    position: absolute;
    z-index: 5;
    top: 25%;
    left: 32.5%;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: transparent;
    pointer-events: none;
    animation: map-pulse 4s infinite;
}

@keyframes map-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(202, 145, 43, 0.4); }
    70%  { box-shadow: 0 0 0 500px rgba(202, 145, 43, 0); }
    100% { box-shadow: 0 0 0 0 rgba(202, 145, 43, 0); }
}









/* ТЕСТ 2: более широкий обзор карты без увеличения отдельной страны */
.logistics .map_img_wrp {
    width: 100%;
    max-width: none;
    height: auto;
    overflow: visible;
}
.logistics .map_img_wrp > svg {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
}

/* ТЕСТ 3: компактная карта по центру */


/* ТЕСТ 4: Латвия по центру, компактная высота */




/* Переключатель языков LV | RU | EN */
.header_lang .header_lang__item {
    font-size: 18px !important;
    font-weight: 600;
}

/* ==================================================
   ПРАЙС-ЛИСТ — ИСХОДНЫЙ ВИД
================================================== */

#tb_content {
    width: 100%;
    margin: 20px 0 35px;
}

#tb_content .tt_th,
#tb_content .tt_tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px 125px;
    gap: 0;
    padding: 0;
}

#tb_content .tt_th {
    background: #382726;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

#tb_content .tt_th > div {
    padding: 14px 8px;
    border: 1px solid #777;
}

#tb_content .tt_tr > div {
    padding: 5px 10px;
    border: 1px solid #888;
    border-top: 0;
    font-size: 16px;
}

#tb_content .tt_tr .ccname {
    font-size: 21px;
    font-weight: 600;
    color: #111;
}

#tb_content .tt_tr > div:nth-child(2),
#tb_content .tt_tr > div:nth-child(3) {
    text-align: center;
}

#tb_content .tt_tr > div:nth-child(3) {
    text-transform: lowercase;
}

/* Мобильная версия */



.all_img_ban {
    width: 100%;
    height: 230px;
    overflow: hidden;
}

.all_img_ban img {
    display: block;
    width: 100%;
    height: 270px;
    max-height: 270px;
    object-fit: cover;
    object-position: right bottom;
    border-radius: 0 30px 0 0;
	 filter: grayscale(70%);
    transition: filter 0.5s ease;
}



.all_img_ban img:hover {
    filter: grayscale(0%);
}


/* Заголовок прайс-листа */
.blog h1.section_title_color {
    color: #D29A3A;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
}

/* Мобильная версия */




/* ==================================================
   ПРАЙС-ЛИСТ KARE — ТАБЛИЦА
================================================== */

#tb_content {
    width: 100%;
    margin: 30px 0 40px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}

#tb_content .price_table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0;
    background: #fff;
}

/* Колонки */

#tb_content .price_col_name {
    width: 79%;
}

#tb_content .price_col_value {
    width: 10%;
}

#tb_content .price_col_unit {
    width: 11%;
}

/* Шапка */

#tb_content .price_table thead,
#tb_content .price_table thead tr,
#tb_content .price_table thead th {
    background: #382726;
    color: #fff;
}

#tb_content .price_table thead th {
    padding: 18px 12px;
    border: 0;
    border-right: 1px solid rgba(255,255,255,0.2);
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
}

#tb_content .price_table thead th:last-child {
    border-right: 0;
}

#tb_content .price_date {
    display: block;
    margin-top: 5px;
    color: #f0dfcb;
    font-size: 12px;
    font-weight: 500;
}

/* Строки */

#tb_content .price_table tbody tr {
    background: #fff;
    transition: background 0.2s ease;
}

#tb_content .price_table tbody tr:nth-child(even) {
    background: #faf7f2;
}

#tb_content .price_table tbody tr:hover {
    background: #f3eadc;
}

#tb_content .price_table tbody td {
    padding: 12px 14px;
    border: 0;
    border-bottom: 1px solid #e8e1d9;
    font-size: 16px;
    color: #302724;
    vertical-align: middle;
}

#tb_content .price_table tbody tr:last-child td {
    border-bottom: 0;
}

/* Наименование */

#tb_content .price_table .ccname {
    font-size: 19px;
    font-weight: 600;
    color: #302724;
}

/* Цена */

#tb_content .price_table td.price_value {
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    white-space: nowrap;
    color: #9b522b;
}

/* Единицы */

#tb_content .price_table td.price_unit {
    text-align: center;
    font-size: 15px;
    color: #666;
}

/* ==================================================
   МОБИЛЬНАЯ ВЕРСИЯ
================================================== */





/* Границы ячеек прайс-листа */

#tb_content .price_table {
    border-collapse: collapse;
}

#tb_content .price_table thead th {
    border: 1px solid #65504a;
}

#tb_content .price_table tbody td {
    border: 1px solid #d5d0cb;
}

/* ==================================================
   КАРТОЧКИ МЕТАЛЛОВ — СЕПИЯ ФОТОГРАФИЙ
================================================== */

.moulding_image .moulding_img {
    filter: sepia(60%);
    transition: filter 0.5s ease;
}

.moulding_item:hover .moulding_img,
.moulding_image:hover .moulding_img {
    filter: sepia(0%);
}

.moulding_image {
    overflow: hidden;
}

.moulding_image .moulding_img {
    display: block;
    width: 100%;
    height: 275px;
    object-fit: cover;
    object-position: right bottom;
    padding: 0;
}



.slider_wrp .swiper-slide {
    height: 600px;
    overflow: hidden;
}
.slider_wrp .swiper-slide .photo_img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* ==================================================
   СЛАЙДЕР ФОТОГРАФИЙ ТОВАРОВ
================================================== */

.slider_wrp .productSwiper {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.slider_wrp .productSwiper .swiper-wrapper {
    align-items: center;
}

.slider_wrp .productSwiper .swiper-slide {
    width: auto;
    height: auto;
    max-width: 100%;
}

.slider_wrp .productSwiper .photo_img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 500px;
    object-fit: contain;
}



.footer {
    background-color: #382626;
    color: #fff;
}



/* ==========================================
   FOOTER — ЦВЕТА
========================================== */

.footer {
    background: #382626;
    color: #ffffff;
}

/* Заголовки */
.footer .footer__title {
    color: #ffffff;
}

/* Телефон */
.footer .footer__phone,
.footer .footer__phone:visited {
    color: #ffffff;
}

/* Email */
.footer .footer__email,
.footer .footer__email:visited {
    color: #e6dddd;
}

/* Описание */
.footer .footer__text {
    color: #e6dddd;
}

/* Копирайт */
.footer .footer__copyright {
    color: #cbbebe;
}

/* Ссылки при наведении */
.footer .footer__phone:hover,
.footer .footer__email:hover {
    color: #ffffff;
}

/* Кнопка */
.footer .footer__button {
    background: #a33b17;
    color: #ffffff;
    border-color: #a33b17;
}

.footer .footer__button:hover {
    background: #c14b20;
    color: #ffffff;
    border-color: #c14b20;
}


.footer::before,
.footer .container::before {
    content: none;
    display: none;
}

.footer .container {
    border-top: none;
}


.footer__grid {
    border-top: none;
}



/* =========================================================
   ОБЪЯВЛЕНИЯ — ОФОРМЛЕНИЕ ИЗ СТАРОГО CSS
========================================================= */

.plan {
    margin-top: -70px !important;
    font-size: 1.1em;
    color: #552104;
    margin-bottom: 40px;
}

.obv3 {
    margin: 0 auto;
    max-width: 660px;
    border: 2px solid #bdbdbd;
    padding: 20px 40px 30px;
    border-radius: 30px;
    text-align: center;

    background:
        url("../img/feda.png") no-repeat 97% 3%,
        url("../img/feda.png") no-repeat 3% 3%,
        url("../img/feda.png") no-repeat 97% 97%,
        url("../img/feda.png") no-repeat 3% 97%,
        url("../img/bgg13.jpg") repeat;

    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.plan p {
    margin-top: 0;
    margin-left: 20px;
    color: #552104;
    text-align: left;
    padding: 5px;
}

.obv3 p {
    color: black !important;
}

.obv3 h2 {
    font-size: 1.8em;
    color: #373737 !important;
    font-weight: 900;
    margin-bottom: 15px;
}

.obv3 h3 {
    color: black !important;
    margin-bottom: 15px;
}




/* ==================================================
   HOT NEWS — ВЕРХНЯЯ ПОЛОСА ОБЪЯВЛЕНИЯ
================================================== */

#hot_news_bar {
    display: none;
    position: relative;
    z-index: 1200;
    overflow: hidden;
    color: #fff7ef;

    background-color: #7a4a2a;
    background-image: url("../img/plashka.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;

    border-top: 1px solid rgba(255,255,255,0.10);
    border-bottom: 1px solid rgba(45,22,12,0.35);
    box-shadow: 0 3px 10px rgba(0,0,0,0.10);
}

#hot_news_bar .hot_news_bar_inner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 16px 28px;
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    position: relative;
    z-index: 2;
}

#hot_news_bar .hot_news_bar_text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    font-size: 18px;
    line-height: 1.35;
    text-shadow: 0 1px 2px rgba(0,0,0,0.45);
}

#hot_news_bar .hot_news_bar_text strong {
    display: inline-block;
    color: #fff1d7;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 1.08em;
}

#hot_news_bar .hot_news_bar_text span {
    display: inline-block;
    color: #ffffff;
    font-weight: 500;
}

#hot_news_bar .hot_news_bar_actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}

#hot_news_bar .hot_news_more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.22);
    background: rgba(0,0,0,0.22);
    color: #fffaf2;
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0,0,0,0.30);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 2px 6px rgba(0,0,0,0.10);
    transition: background 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

#hot_news_bar .hot_news_more:hover {
    background: rgba(0,0,0,0.30);
    border-color: rgba(255,255,255,0.30);
}

#hot_news_bar .hot_news_close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.22);
    background: rgba(0,0,0,0.22);
    color: #fff7eb;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0,0,0,0.30);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 2px 6px rgba(0,0,0,0.10);
    transition: background 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

#hot_news_bar .hot_news_close:hover {
    background: rgba(0,0,0,0.30);
    border-color: rgba(255,255,255,0.30);
}

/* ==================================================
   HOT NEWS — АДАПТИВНАЯ ВЕРСИЯ
================================================== */








/* Убираем промежуток между шапкой, объявлением и контентом */

#hot_news_bar + .main {
    margin-top: 0;
    padding-top: 0;
}

.header + .main {
    margin-top: 0;
    padding-top: 0;
}



/* ==================================================
   COOKIE — УВЕДОМЛЕНИЕ И НАСТРОЙКИ
================================================== */

#cookie_notification,
#cookie_notification *,
#cookie_modal,
#cookie_modal * {
    box-sizing: border-box;
}

/* ==================================================
   УВЕДОМЛЕНИЕ
================================================== */

#cookie_notification {
    position: fixed !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
    z-index: 2147483000 !important;
    display: none;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

#cookie_notification .cookie_box {
    position: relative !important;
    width: 100% !important;
    max-width: 760px !important;
    max-height: calc(100vh - 40px) !important;
    margin: 0 auto !important;
    padding: 24px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: #ffffff !important;
    color: #222222 !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.16) !important;
    text-align: left !important;
    transform: none !important;
}

/* ==================================================
   ЗАГОЛОВКИ И ТЕКСТ
================================================== */

#cookie_notification .cookie_title,
#cookie_modal .cookie_title {
    display: block !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-align: left !important;
}

#cookie_notification p,
#cookie_modal p,
#cookie_modal .cookie_desc,
#cookie_notification .cookie_desc {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    color: #444444 !important;
    text-align: left !important;
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    float: none !important;
    position: static !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

/* ==================================================
   КНОПКИ
================================================== */

#cookie_notification .cookie_buttons,
#cookie_modal .cookie_buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 18px 0 0 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

#cookie_notification .button,
#cookie_modal .button,
#cookie_notification button,
#cookie_modal button {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 11px 18px !important;
    margin: 0 !important;

    border: 1px solid #d7d7d7 !important;
    border-radius: 10px !important;
    background: #f6f6f6 !important;
    color: #222222 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;

    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    position: static !important;
    transform: none !important;
}

#cookie_notification .cookie_accept_all,
#cookie_modal .cookie_save_settings {
    background: #222222 !important;
    color: #ffffff !important;
    border-color: #222222 !important;
}

#cookie_notification button:hover,
#cookie_modal button:hover {
    opacity: 0.92 !important;
}

/* ==================================================
   МОДАЛЬНОЕ ОКНО
================================================== */

#cookie_modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483600 !important;
    display: none;
    margin: 0 !important;
    padding: 0 !important;
}

#cookie_modal .cookie_modal_overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0,0,0,0.45) !important;
}

#cookie_modal .cookie_modal_box {
    position: relative !important;
    z-index: 2 !important;

    width: calc(100% - 40px) !important;
    max-width: 640px !important;
    max-height: calc(100vh - 40px) !important;

    margin: 20px auto 0 auto !important;
    padding: 26px !important;

    background: #ffffff !important;
    color: #222222 !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 50px rgba(0,0,0,0.22) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: none !important;
}

/* ==================================================
   НАСТРОЙКИ COOKIE
================================================== */

#cookie_modal .cookie_option {
    display: block !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid #ececec !important;
    overflow: visible !important;
}

#cookie_modal .cookie_option:last-of-type {
    border-bottom: 0 !important;
}

#cookie_modal .cookie_option label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #222222 !important;
    cursor: pointer !important;
}

#cookie_modal input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    accent-color: #222222;
}

#cookie_modal input[type="checkbox"]:disabled {
    cursor: not-allowed !important;
}

#cookie_modal .cookie_desc {
    margin-top: 8px !important;
}

/* ==================================================
   МОБИЛЬНАЯ ВЕРСИЯ
================================================== */




/* ==================================================
   МОДАЛЬНОЕ ОКНО АДМИНИСТРАТОРА
================================================== */

#hiddenf {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 20px;
    background: rgba(0, 0, 0, 0.75);
}

#hiddenf[hidden] {
    display: none !important;
}

#hiddenf .modal__dialog {
    position: relative !important;
    z-index: 2 !important;

    display: block !important;
    width: 100%;
    max-width: 480px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;

    margin: 0 !important;
    padding: 30px !important;

    background: #ffffff !important;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);

    color: #222222;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

#hiddenf .modal__close {
    position: absolute;
    top: 12px;
    right: 16px;
    cursor: pointer;
}

/* ==================================================
   ПРАЙС АДМИНИСТРАТОРА — ЕДИНАЯ ТАБЛИЦА
================================================== */

#tb_content.admin-price-table-wrap {
    width: 100%;
    overflow-x: auto;
    border-radius: 14px;
}

#tb_content .admin-price-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed;
    background: #ffffff;
}

#tb_content .admin-price-table th,
#tb_content .admin-price-table td {
    padding: 14px 16px;
    border: 1px solid var(--color-border);
    text-align: left;
    vertical-align: middle;
}

#tb_content .admin-price-table thead th {
    background: var(--color-surface-soft);
    color: #392727;
    font-size: 15px;
    font-weight: 600;
}

#tb_content .admin-price-table tbody td {
    font-size: 18px;
}

#tb_content .admin-price-table tbody .ccname {
    font-size: 20px;
    font-weight: 700;
}

#tb_content .admin-price-table td.admin-price-value {
    white-space: nowrap;
    text-align: center;
    padding: 0;
}

/* Ссылка занимает всю ячейку; цена и евро рядом по центру */
#tb_content .admin-price-table td.admin-price-value .afedor {
    justify-content: center !important;
    padding: 14px 16px;
}

/* Названия групп занимают всю ширину таблицы */
#tb_content .admin-price-table tbody tr.admin-price-group > th {
    padding: 24px 20px;
    background: #f6f4ed;
    color: var(--color-accent);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    border-top: 3px solid #e5d9ba;
}

#tb_content .admin-price-table tbody tr.admin-price-group > th > a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: underline;
    text-underline-offset: 5px;
}

#tb_content .admin-price-table tbody tr.admin-price-group > th > a:hover {
    color: var(--color-accent-hover);
}

#tb_content .admin-price-table tbody tr.rrred td {
    background: #fff1e8;
}

/* Вся ячейка цены кликабельна */
.admin-price-value {
    cursor: pointer;
}

.admin-price-value:hover {
    background-color: rgba(0, 0, 0, 0.04);
}



/* Модальное окно редактирования цены */

#hiddenf .modal__title {
    font-size: 30px;
}

#hiddenf .modal_subtitle {
    font-size: 21px;
}

#hiddenf .modal__form label {
    font-size: 21px;
}

#hiddenf .modal__form input {
    font-size: 24px;
}

#hiddenf .modal__form button[type="submit"] {
    font-size: 21px;
}


/* ==========================================
   ЦЕНА ПОСЛЕ AJAX-РЕДАКТИРОВАНИЯ
========================================== */

#tb_content .admin-price-table tr.rrred td.admin-price-value {
    border: 2px solid #d32f2f;
    background-color: #fff1f1;
}

#tb_content .admin-price-table tr.rrred td.admin-price-value .afedor,
#tb_content .admin-price-table tr.rrred td.admin-price-value .afedor span {
    color: #d32f2f;
    font-weight: 700;
}