@import '@yandex/ymaps3-default-ui-theme/dist/esm/index.css';

* {
    padding: 0;
    margin: 0;
    border: none
}

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

a:active,
a:focus-visible {
    outline: none
}

aside,
footer,
header,
nav {
    display: block
}

html,
body {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.43;
    color: #1d1d1d;
    overflow-x: hidden;
    background-color: #f5f5f6
}

body {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

main {
    flex-grow: 1;
}

button,
textarea,
input {
    font-family: inherit
}

button {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    font-family: "Inter", sans-serif;
    border: none;
    cursor: pointer
}

a {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    text-decoration: none
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

h1 h2 h3 h4 h5 h6 {
    font-size: inherit;
    margin: 0
}

img {
    max-width: 100%
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.main {
    flex-grow: 1
}

.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px
}

@media (max-width: 61.9375em) {
    .container {
        padding: 0 20px
    }
}

.section-padding {
    padding-top: 60px;
    padding-bottom: 100px;
}

@media (max-width: 61.9375em) {
    .section-padding {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

.swiper-button-next,
.swiper-button-prev {
    width: 32px;
    height: 32px;
    background-color: #fff;
    box-shadow: -2px 5px 7px rgba(124, 124, 124, .07);
    border-radius: 50%
}

.swiper-button-next .icon,
.swiper-button-prev .icon {
    width: 10px;
    height: 10px;
    border: 2px solid #1d1d1d
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none
}

.swiper-button-next {
    margin-right: -26px
}

.swiper-button-next .icon {
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg)
}

.swiper-button-prev {
    margin-left: -26px
}

.swiper-button-prev .icon {
    left: 0;
    border-right: none;
    border-bottom: none;
    transform: rotate(-45deg)
}

.button-inner {
    position: fixed;
    z-index: 999;
    right: 35px;
    bottom: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 4px
}

.button-inner .callback {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 4px 12px 0 rgba(107, 78, 45, .15);
    border: solid 1px #dc6109;
    background-color: #fff
}

.button-inner .chat {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 4px 12px 0 rgba(107, 78, 45, .15);
    border: solid 1px #dc6109;
    background-color: #dc6109
}

.button-inner .chat::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .14);
    border: solid 2px #fff;
    background-color: #3ac417;
    border-radius: 50%
}

.main-header {
    position: relative;
    color: #fff
}

.main-header .header-inner {
    display: flex;
    flex-direction: column;
    min-height: 533px
}

@media (max-width: 61.9375em) {
    .main-header .header-inner {
        min-height: 283px
    }
}

.main-header .header-top {
    position: relative;
    z-index: 2;
    margin-bottom: auto;
    padding-top: 10px
}

.main-header .logo {
    display: flex;
    align-items: center;
    gap: 0 17px
}

.main-header .logo img {
    width: 61px
}

@media (max-width: 47.9375em) {
    .main-header .logo img {
        width: 52px
    }
}

.main-header .logo .logo-text {
    width: 140px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25
}

.main-header .link-wrapper {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 48em) {
    .main-header .link-wrapper {
        display: none
    }
}

.main-header .contack-link {
    display: flex;
    align-items: center;
    gap: 0 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: #fff
}

.main-header .mail-link {
    margin-right: 42px
}

.main-header .phone-link {
    text-align: end
}

.main-header .phone-link small {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

.main-header .link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .15);
    font-size: 17px;
}

.main-header .main-slider {
    position: absolute;
    inset: 0
}

.main-header .main-slider img {
    width: 100%;
    height: 100%
}

@media (max-width: 47.9375em) {
    .main-header .main-slider img {
        object-fit: cover;
        object-position: left
    }
}

.main-header .main-slider .header-button-prev,
.main-header .main-slider .header-button-next {
    margin: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .1)
}

.main-header .main-slider .header-button-prev:after,
.main-header .main-slider .header-button-next:after {
    display: none
}

.main-header .main-slider .header-button-prev .button-icon,
.main-header .main-slider .header-button-next .button-icon {
    width: 10px;
    height: 10px;
    border: 2px solid #fff
}

.main-header .main-slider .header-button-next .button-icon {
    transform: rotate(45deg);
    border-left: none;
    border-bottom: none
}

.main-header .main-slider .header-button-prev .button-icon {
    transform: rotate(-45deg);
    border-right: none;
    border-bottom: none
}

.main-header .nav {
    position: relative;
    z-index: 2;
    padding: 20px 0
}

@media (max-width: 61.9375em) {
    .main-header .nav {
        display: none
    }
}

.main-header .nav-list {
    display: flex;
    align-items: center;
    gap: 0 80px;
    margin: 0 auto
}

.main-header .nav-link {
    padding: 6px 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.38;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    transition: .3s ease
}

.main-header .nav-link:hover {
    border-color: #dc6109
}

.main-header .dropdown-link {
    padding-right: 20px
}

.header {
    padding-top: 10px;
    padding-bottom: 20px;
    background: linear-gradient(0deg, rgba(12, 12, 11, 0.75) 0%, rgba(12, 12, 11, 0.75) 100%), url("../images/header-bg.png") 0%/cover no-repeat;
    color: #fff
}

.header .header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.header .header-logo {
    flex: 0 0 25%;
    display: flex;
    align-items: center;
    gap: 0 17px
}

.header .header-logo img {
    width: 61px
}

@media (max-width: 47.9375em) {
    .header .header-logo img {
        width: 52px
    }
}

.header .header-logo .logo-text {
    width: 140px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25
}

@media (max-width: 61.9375em) {
    .header .header-logo {
        margin-right: auto
    }
}

.header .header-nav {
    flex: 1 0 auto
}

@media (max-width: 61.9375em) {
    .header .header-nav {
        display: none
    }
}

.header .nav-list {
    display: flex;
    margin-bottom: 0;
    padding: 0
}

.header .nav-item {
    flex: 1 0 auto
}

.header .nav-link {
    display: inline-block;
    padding: 6px 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: #fff;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    transition: .3s ease
}

.header .nav-link:hover {
    border-color: #dc6109
}

.header .contact-inner {
    display: flex;
    align-items: center;
    gap: 0 42px
}

@media (max-width: 47.9375em) {
    .header .contact-inner {
        display: none
    }
}

.header .contact-link {
    display: flex;
    align-items: center;
    gap: 0 8px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.header .phone-link {
    align-items: flex-end;
    text-align: end
}

.header .phone-link .phone-address {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff
}

.header .contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, .15);
    border-radius: 50%
}

.header .breadcrumb {
    margin-bottom: 14px
}

.header .breadcrumb-item {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff
}

.header .breadcrumb-item::before {
    color: #fff
}

.header .page-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.27;
    text-align: center;
    color: #fff
}

@media (max-width: 61.9375em) {
    .header .page-title {
        font-size: 26px;
        line-height: 1.31
    }
}

@media (max-width: 47.9375em) {
    .header .page-title {
        font-size: 22px;
        line-height: 1.36
    }
}

.hamb-menu {
    position: relative;
    display: none;
    width: 24px;
    height: 24px;
    margin-left: auto
}

@media (max-width: 61.9375em) {
    .hamb-menu {
        display: block
    }
}

.hamb-menu::before,
.hamb-menu::after {
    content: "";
    position: absolute;
    z-index: 1001;
    left: 0;
    right: 0;
    width: 16px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    transition: .3s ease
}

.hamb-menu::after {
    bottom: 5px;
    margin: 0;
    border: none
}

.hamb-menu::before {
    top: 4px
}

.hamb-menu span {
    display: block;
    width: 16px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    transition: .3s ease
}

.hamb-menu.show::before {
    top: 11px;
    transform: rotate(45deg)
}

@media (max-width: 47.9375em) {
    .hamb-menu.show::before {
        background-color: #1d1d1d
    }
}

.hamb-menu.show::after {
    bottom: 11px;
    transform: rotate(-45deg)
}

@media (max-width: 47.9375em) {
    .hamb-menu.show::after {
        background-color: #1d1d1d
    }
}

.hamb-menu.show span {
    transform: translateX(-50%);
    opacity: 0
}

@media (max-width: 47.9375em) {
    .hamb-dropdown-menu {
        width: 300px;
        transform: translate3d(0px, -8px, 0px) !important
    }
}

.hamb-dropdown-menu li:nth-last-child(-n+2) {
    display: none
}

@media (max-width: 48em) {
    .hamb-dropdown-menu li:nth-last-child(-n+2) {
        display: block
    }
}

.hamb-dropdown-menu .logo-item {
    display: none;
    margin-bottom: 20px
}

@media (max-width: 47.9375em) {
    .hamb-dropdown-menu .logo-item {
        display: block
    }
}

.hamb-dropdown-menu .logo-wrapper {
    display: flex;
    align-items: center
}

.hamb-dropdown-menu .logo-wrapper .image {
    width: 52px;
    height: 36px;
    margin-right: 8px;
    margin-left: -8px
}

.hamb-dropdown-menu .logo-wrapper .text {
    width: 140px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25
}

.hamb-dropdown-menu .dropdown-contact-item {
    display: flex;
    gap: 4px
}

.dropdown-menu {
    padding: 14px 20px;
    box-shadow: 0 8px 11px 0 rgba(145, 145, 145, .07);
    background: #fff
}

.dropdown-menu .dropdown-item {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43
}

.dropdown-menu .dropdown-item:hover {
    color: #dc6109;
    background-color: rgba(0, 0, 0, 0)
}

.dropdown-link {
    padding-right: 20px
}

.dropdown-link::after {
    position: absolute;
    top: calc(54% - 8px);
    right: 0;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    transition: .3s ease
}

.dropdown-link.show::after {
    transform: rotate(-135deg)
}

.novelty {
    padding-bottom: 100px;
}

@media (max-width: 61.9375em) {
    .novelty {
        padding-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .novelty {
        padding-bottom: 60px;
    }
}

.novelty .novelty__link::before {
    content: '';
    position: absolute;
    inset: 0;
}

.novelty .novelty-title {
    margin-bottom: 32px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.21;
    text-align: center
}

@media (max-width: 61.9375em) {
    .novelty .novelty-title {
        margin-bottom: 25px;
        font-size: 24px;
        line-height: 1.33
    }
}

.novelty .novelty-inner {
    position: relative
}

.novelty .novelty-slide {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 24px;
    border-radius: 10px;
    background: #fff
}

.novelty .novelty-slide img {
    width: 200px;
    height: 200px;
    object-fit: contain
}

@media (max-width: 61.9375em) {
    .novelty .novelty-slide img {
        width: 144px;
        height: 144px
    }
}

@media (max-width: 47.9375em) {
    .novelty .novelty-slide img {
        width: 105px;
        height: 105px
    }
}

@media (max-width: 61.9375em) {
    .novelty .novelty-slide {
        padding: 16px
    }
}

@media (max-width: 47.9375em) {
    .novelty .novelty-slide {
        padding: 10px 8px
    }
}

.novelty .novelty-subtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.38;
    text-align: center
}

@media (max-width: 61.9375em) {
    .novelty .novelty-subtitle {
        font-size: 14px;
        line-height: 1.43
    }
}

@media (max-width: 47.9375em) {
    .novelty .novelty-subtitle {
        font-size: 12px;
        line-height: 1.25
    }
}

.novelty .novelty-card-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 4px 13px 6px 12px;
    border-radius: 0rem 4px 0rem 10px;
    background: #dc6109;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    color: #fff
}

.catalog {
    padding: 100px 0;
}

@media (max-width: 61.9375em) {
    .catalog {
        padding: 80px 0;
    }
}

@media (max-width: 47.9375em) {
    .catalog {
        padding: 60px 0;
    }
}

.catalog .catalog-title {
    margin-bottom: 32px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.21;
    text-align: center
}

@media (max-width: 61.9375em) {
    .catalog .catalog-title {
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 1.33
    }
}

@media (max-width: 47.9375em) {
    .catalog .catalog-title {
        font-size: 20px;
        line-height: 1.4
    }
}

.catalog .catalog-card {
    position: relative;
    display: flex;
    padding: 40px;
    justify-content: center;
    margin-bottom: 28px;
    min-height: 371px;
    border-radius: 10px;
    overflow: hidden
}

@media (max-width: 61.9375em) {
    .catalog .catalog-card {
        min-height: 213px;
        margin-bottom: 20px;
        padding: 24px
    }
}

@media (max-width: 47.9375em) {
    .catalog .catalog-card {
        min-height: 193px;
        margin-bottom: 16px
    }
}

.catalog .catalog-link {
    z-index: 2;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.21;
    color: #fff;
    text-align: center
}

.catalog .catalog-link:before {
    content: "";
    z-index: -1;
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) -16%)
}

.catalog .catalog-link:hover ~ .card-image {
    transform: scale(1.07)
}

@media (max-width: 61.9375em) {
    .catalog .catalog-link {
        font-size: 18px;
        line-height: 1.44
    }
}

.catalog .card-image {
    position: absolute;
    inset: 0;
    z-index: 1;
    transition: .4s ease
}

.catalog .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.table-section {
    padding-bottom: 60px
}

@media (max-width: 65.8125em) {
    .table-section {
        display: none
    }
}

.table-section .table-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25
}

.table-section table {
    width: 100%;
    text-align: center
}

.table-section thead {
    background-color: #eaeaec;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43
}

.table-section tbody {
    border: 1px solid #f5f5f6;
    background: #fff
}

.table-section th,
.table-section td {
    width: 88px;
    padding: 10px;
    border: 1px solid #fff
}

.table-section td {
    border: 1px solid #f5f5f6
}

.table-section .product-material {
    text-align: start;
    padding-left: 24px
}

.table-section .material-name-select {
    color: #dc6109
}

.table-section .type-figure,
.table-section .size-cost {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43
}

.feedback {
    padding-bottom: 100px
}

@media (max-width: 61.6397em) {
    .feedback {
        padding-bottom: 80px
    }
}

@media (max-width: 47.6397em) {
    .feedback {
        padding-bottom: 0;
        margin-bottom: 40px;
        background: #ededef
    }
}

.feedback .feedback-inner {
    padding: 24px;
    border-radius: 10px;
    background: #ededef
}

@media (max-width: 47.975em) {
    .feedback .feedback-inner {
        padding-left: 0;
        padding-right: 0
    }
}

.feedback .feedback-inner form {
    max-width: 898px;
    margin: 0 auto
}

.feedback .feedback-inner form textarea {
    height: 153px;
    padding: 10px 12px;
    resize: none
}

.feedback .feedback-inner form textarea::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    color: #8d8e90
}

.feedback .feedback-inner form input {
    height: 48px;
    padding: 10px 12px
}

.feedback .feedback-inner form input::placeholder {
    font-weight: 400;
    line-height: 1.43;
    color: #8d8e90
}

.feedback .feedback-title {
    margin-bottom: 32px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.21;
    text-align: center
}

@media (max-width: 61.9375em) {
    .feedback .feedback-title {
        margin-bottom: 24px;
        font-size: 22px;
        line-height: 1.27
    }
}

@media (max-width: 47.9375em) {
    .feedback .feedback-title {
        font-size: 18px;
        line-height: 1.44
    }
}

.feedback .form-control {
    margin-bottom: 12px
}

.feedback .form-submit {
    display: block;
    margin: 0 auto;
    padding: 8px 64px;
    border-radius: 4px;
    background: #dc6109;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43
}

@media (max-width: 47.9375em) {
    .feedback .form-submit {
        width: 100%
    }
}

.footer {
    padding: 40px 0;
    background-color: #fff
}

.footer a {
    transition: .3s ease;
}

.footer a:hover {
    color: #DC6109;
}

@media (max-width: 61.9375em) {
    .footer {
        padding-top: 32px;
        padding-bottom: 50px
    }
}

@media (max-width: 47.9375em) {
    .footer {
        padding-top: 25px;
        padding-bottom: 40px
    }
}

.footer .footer-logo {
    display: inline-block;
    width: 117px;
    margin-top: -16px
}

.footer .footer-logo img {
    width: 100%
}

@media (max-width: 47.9375em) {
    .footer .footer-logo {
        margin-top: 0;
        margin-bottom: 16px
    }
}

.footer .footer-list {
    margin: 0;
    padding: 0
}

@media (max-width: 47.9375em) {
    .footer .footer-list {
        margin-bottom: 32px
    }
}

.footer .footer-item:not(:last-child) {
    margin-bottom: 12px
}

.footer .footer-item-link {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43
}

.footer .footer-address {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    width: 290px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: #1d1d1d
}


@media (max-width: 61.9375em) {
    .footer .footer-address {
        margin-bottom: 20px
    }
}

.footer .footer-address .footer-mail-link,
.footer .footer-address .footer-tel {
    display: flex;
    align-items: center;
    gap: 4px
}

.footer .footer-address .footer-mail-link .icon,
.footer .footer-address .footer-tel .icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    transform: translateY(-3px)
}

.footer .footer-address .footer-mail-link .icon svg,
.footer .footer-address .footer-tel .icon svg {
    width: 100%;
    height: 100%
}

.copyright {
    padding: 16px;
    background-color: #1d1d1d;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    color: #fff;
    text-align: center
}

.modal .modal-dialog {
    max-width: 686px
}

.modal .modal-content {
    padding: 12px 12px 48px;
    width: 100%
}

.modal .modal-header {
    margin-bottom: 8px;
    padding: 0;
    border: none
}

.modal .modal-body {
    max-width: 495px;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.modal .sfera-modal-title {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25
}

@media (max-width: 61.9375em) {
    .modal .sfera-modal-title {
        font-size: 22px;
        line-height: 1.27
    }
}

@media (max-width: 47.9375em) {
    .modal .sfera-modal-title {
        font-size: 18px;
        line-height: 1.44
    }
}

.modal .sfera-modal-descr {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.38
}

@media (max-width: 47.9375em) {
    .modal .sfera-modal-descr {
        font-size: 14px;
        line-height: 1.44
    }
}

.modal .sfera-form-control {
    margin-bottom: 12px;
    padding: 14px 12px;
    border-radius: 4px;
    background-color: #f5f5f6;
    border: none
}

.modal .sfera-form-control::placeholder {
    font-size: 14px;
    line-height: 1.43;
    color: #8d8e90
}

.modal .sfera-form-control:focus {
    border-color: #dc6109;
    box-shadow: 0 0 0 .25rem rgba(220, 97, 9, .25)
}

.modal textarea {
    min-height: 92px;
    resize: none
}

.modal .sfera-form-submit {
    width: 100%;
    margin-top: 4px;
    padding: 10px 12px;
    border-radius: 4px;
    background-color: #dc6109
}

#type-2 .modal-dialog {
    max-width: 560px
}

#type-2 .sfera-modal-title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    color: #1d1d1d
}

#type-2 .modal-button-inner {
    display: flex;
    align-items: center;
    gap: 0 10px;
    margin: 0 auto
}

#type-2 .modal-link {
    padding: 8.5px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    text-align: center;
    color: #dc6109;
    border-radius: 4px;
    border: solid 1px #dc6109;
    background-color: #fff
}

.catalog-page {
    padding-top: 60px
}

@media (max-width: 61.9375em) {
    .catalog-page {
        padding-top: 40px
    }
}

.photo-ceramic-page {
    padding-top: 60px;
    padding-bottom: 100px
}

@media (max-width: 61.9375em) {
    .photo-ceramic-page {
        padding-top: 40px;
        padding-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .photo-ceramic-page {
        padding-bottom: 40px
    }
}

.photo-ceramic-page .photo-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: calc(100% - 40px);
    margin-bottom: 40px;
    padding: 24px 12px;
    border-radius: 10px;
    background: #fff
}

@media (max-width: 61.9375em) {
    .photo-ceramic-page .photo-card {
        height: calc(100% - 25px);
        margin-bottom: 25px;
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media (max-width: 47.9375em) {
    .photo-ceramic-page .photo-card {
        height: calc(100% - 17px);
        margin-bottom: 17px;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.photo-ceramic-page .card-link {
    margin-bottom: 18px;
    text-align: center
}

.photo-ceramic-page .card-link::before {
    content: "";
    position: absolute;
    inset: 0
}

.photo-ceramic-page .card-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.38
}

@media (max-width: 61.9375em) {
    .photo-ceramic-page .card-title {
        font-size: 14px;
        line-height: 1.43
    }
}

@media (max-width: 47.9375em) {
    .photo-ceramic-page .card-title {
        font-size: 12px;
        line-height: 1.25
    }
}

.photo-ceramic-page .card-prew {
    display: inline-block;
    width: 200px;
    height: 200px;
    object-fit: contain
}

@media (max-width: 61.9375em) {
    .photo-ceramic-page .card-prew {
        width: 144px;
        height: 144px
    }
}

@media (max-width: 47.9375em) {
    .photo-ceramic-page .card-prew {
        width: 105px;
        height: 105px
    }
}

.portrait-page .portrait-description {
    padding: 60px 0
}

@media (max-width: 61.9375em) {
    .portrait-page .portrait-description {
        padding-top: 40px
    }
}

@media (max-width: 47.9375em) {
    .portrait-page .portrait-description {
        padding-bottom: 40px
    }
}

.portrait-page .portrait-description .decription-list {
    padding: 0;
    margin: 0
}

@media (max-width: 47.9375em) {
    .portrait-page .portrait-description .decription-list {
        margin-bottom: 20px
    }
}

.portrait-page .portrait-description .description-item {
    list-style: disc;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%
}

@media (max-width: 61.9375em) {
    .portrait-page .samples {
        padding-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .portrait-page .samples {
        padding-bottom: 40px
    }
}

.portrait-page .samples .samples-title {
    margin-bottom: 32px;
    font-weight: 600;
    font-size: 24px;
    line-height: 125%
}

@media (max-width: 61.9375em) {
    .portrait-page .samples .samples-title {
        font-size: 22px;
        line-height: 127%
    }
}

@media (max-width: 47.9375em) {
    .portrait-page .samples .samples-title {
        font-size: 18px;
        line-height: 144%
    }
}

.portrait-page .samples .samples-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 252px;
    height: calc(100% - 40px);
    margin-bottom: 40px;
    padding: 16px 21px;
    border-radius: 10px;
    box-shadow: 8px 11px 0 rgba(214, 214, 214, .07);
    background: #fff;
    text-align: center
}

@media (max-width: 61.9375em) {
    .portrait-page .samples .samples-card {
        height: calc(100% - 20px);
        margin-bottom: 20px
    }
}

@media (max-width: 61.9375em) {
    .portrait-page .samples .samples-card {
        height: calc(100% - 16px);
        margin-bottom: 16px
    }
}

.portrait-page .samples .card-number {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 137%
}

.portrait-page .samples .card-prew {
    margin-bottom: auto
}

.portrait-page .samples .card-button {
    margin-top: 10px;
    width: 100%;
    padding: 8px 16px;
    color: #dc6109;
    font-weight: 600;
    font-size: 14px;
    line-height: 143%;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #dc6109;
    background: #fff
}

.portrait-page .catalog__link-wrapper {
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 24px;
}


@media (max-width: 767.99px) {
    .portrait-page .catalog__link-wrapper {
        gap: 12px;
        margin-top: 0;
    }
}

.portrait-page .catalog__link-wrapper .catalog__link {
    width: fit-content;
    padding: 16px 24px;
    color: #dc6109;
    font-weight: 600;
    font-size: 16px;
    line-height: 143%;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #dc6109;
    background-color: transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}

@media (max-width: 767.99px) {
    .portrait-page .catalog__link-wrapper .catalog__link {
        padding: 8px 16px;
        font-size: 14px;
    }
}

.portrait-page .catalog__link-wrapper .catalog__link:hover {
    background-color: #dc6109;
    color: white;
    box-shadow: 0 2px 8px rgba(220, 97, 9, 0.3);
}

.portrait-page .sample__download-button {
    width: fit-content;
    margin-top: 24px;
    padding: 16px 24px;
    color: #dc6109;
    font-weight: 600;
    font-size: 16px;
    line-height: 143%;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #dc6109;
    background-color: transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}


.portrait-page .sample__download-button:hover {
    background-color: #dc6109;
    color: white;
    box-shadow: 0 2px 8px rgba(220, 97, 9, 0.3);
}

.portrait-page .samples .button-icon {
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    transform: translateY(2px)
}

.photo-recovery .description {
    padding-top: 60px;
    padding-bottom: 100px
}

@media (max-width: 61.9375em) {
    .photo-recovery .description {
        padding-top: 40px;
        padding-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .photo-recovery .description {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.photo-recovery .description .description-title {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 24px;
    line-height: 125%;
    text-align: center
}

@media (max-width: 61.9375em) {
    .photo-recovery .description .description-title {
        font-size: 22px;
        line-height: 1.27
    }
}

@media (max-width: 47.9375em) {
    .photo-recovery .description .description-title {
        font-size: 18px;
        line-height: 1.44
    }
}

.photo-recovery .description .text-container {
    height: calc(100% - 45px);
    padding: 24px;
    border-radius: 10px;
    background: #fff
}

@media (max-width: 61.9375em) {
    .photo-recovery .description .text-container {
        height: calc(100% - 77px);
        margin-bottom: 32px
    }
}

@media (max-width: 47.9375em) {
    .photo-recovery .description .text-container {
        padding: 20px
    }
}

.photo-recovery .description p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.43
}

/*.photo-recovery .description .show-more {*/
/*    margin-bottom: 10px;*/
/*    color: #8d8e90;*/
/*    font-size: 12px;*/
/*    font-weight: 600;*/
/*    line-height: 1.25*/
/*}*/

/*.photo-recovery .description .show-more .text {*/
/*    display: inline-block;*/
/*    margin-right: 4px*/
/*}*/

/*.photo-recovery .description .show-more .icon {*/
/*    display: inline-block;*/
/*    width: 6px;*/
/*    height: 6px;*/
/*    border: 1px solid #8d8e90;*/
/*    border-left: none;*/
/*    border-top: none;*/
/*    transform: rotate(45deg) translateY(-3px)*/
/*}*/

.photo-recovery .description .description-prew {
    display: block;
    margin: 0 auto
}

.photo-recovery .banner-faq {
    padding-bottom: 100px
}

@media (max-width: 61.9375em) {
    .photo-recovery .banner-faq {
        padding-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .photo-recovery .banner-faq {
        padding-bottom: 40px
    }
}

.photo-recovery .banner-faq .banner-inner {
    padding: 24px 32px;
    border-radius: 10px;
    background: #ebebef
}

@media (max-width: 47.9375em) {
    .photo-recovery .banner-faq .banner-inner {
        padding: 20px
    }
}

.photo-recovery .banner-faq .col-lg-5:has(.banner-descr) {
    display: flex;
    align-items: center
}

.photo-recovery .banner-faq .banner-descr {
    max-width: 507px;
    margin-bottom: 0;
    padding-left: 12px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    border-left: 3px solid #dc6109
}

.photo-recovery .banner-faq .banner-descr span {
    color: #dc6109
}

@media (max-width: 61.9375em) {
    .photo-recovery .banner-faq .banner-descr {
        max-width: 662px;
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 1.44
    }
}

@media (max-width: 47.9375em) {
    .photo-recovery .banner-faq .banner-descr {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 1.38
    }
}

.photo-recovery .banner-faq .col-lg-7 {
    padding-left: 0;
    padding-right: 0
}

.photo-recovery .banner-faq .faq-list {
    margin: 0;
    padding: 0
}

.photo-recovery .banner-faq .faq-item {
    display: flex;
    align-items: center;
    gap: 0 10px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43
}

.photo-recovery .banner-faq .faq-item .icon {
    flex-shrink: 0;
    position: relative;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 50%
}

.photo-recovery .banner-faq .faq-item .icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 12px;
    border: 2px solid #dc6109;
    border-left: none;
    border-top: none;
    transform: translate(-50%, -50%) rotate(45deg)
}

.photo-recovery .info-cost {
    padding-bottom: 100px
}

@media (max-width: 61.9375em) {
    .photo-recovery .info-cost {
        padding-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .photo-recovery .info-cost {
        padding-bottom: 40px;
        background-color: #fff
    }
}

.photo-recovery .info-cost .info-cost-inner {
    padding: 60px 24px;
    background-color: #fff;
    border-radius: 10px
}

@media (max-width: 61.9375em) {
    .photo-recovery .info-cost .info-cost-inner {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 47.9375em) {
    .photo-recovery .info-cost .info-cost-inner {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 0;
        padding-right: 0
    }
}

.photo-recovery .info-cost .info-cost-title {
    max-width: 896px;
    margin: 0 auto 12px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.21;
    text-align: center
}

@media (max-width: 61.9375em) {
    .photo-recovery .info-cost .info-cost-title {
        max-width: 602px;
        font-size: 22px;
        line-height: 1.27
    }
}

@media (max-width: 47.9375em) {
    .photo-recovery .info-cost .info-cost-title {
        max-width: 602px;
        font-size: 18px;
        line-height: 1.44
    }
}

.photo-recovery .info-cost .info-cost-descr {
    max-width: 672px;
    margin: 0 auto 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43
}

.photo-recovery .info-cost .info-cost-warn {
    max-width: 960px;
    margin: 0 auto 56px;
    padding: 16px 12px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.44;
    color: #dc6109;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ffeee2;
    background: #fff6f0
}

@media (max-width: 47.9375em) {
    .photo-recovery .info-cost .info-cost-warn {
        padding: 12px;
        font-size: 16px;
        line-height: 1.38
    }
}

.photo-recovery .info-cost .info-cost-category-title {
    margin-bottom: 32px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center
}

@media (max-width: 61.9375em) {
    .photo-recovery .info-cost .info-cost-category-title {
        font-size: 18px;
        line-height: 1.44
    }
}

@media (max-width: 47.9375em) {
    .photo-recovery .info-cost .info-cost-category-title {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 1.38
    }
}

.photo-recovery .info-cost .category-card {
    display: flex;
    flex-direction: column;
    height: calc(100% - 40px);
    margin-bottom: 40px;
    padding: 16px;
    border-radius: 10px;
    background: #eaeaec;
    font-size: 14px;
    line-height: 1.43
}

.photo-recovery .info-cost .category-card b {
    margin-bottom: 2px;
    font-weight: 600
}

@media (max-width: 47.9375em) {
    .photo-recovery .info-cost .category-card {
        align-items: center;
        max-width: 320px;
        height: calc(100% - 16px);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 16px
    }
}

.photo-recovery .info-cost .category-card-prew {
    margin-bottom: 12px
}

.photo-recovery .info-cost .card-defects {
    margin-bottom: 12px
}

.photo-recovery .info-cost .card-list {
    padding-left: 5px;
    margin: 0
}

.photo-recovery .info-cost .card-item {
    position: relative;
    padding-left: 24px;
    margin-bottom: 2px
}

.photo-recovery .info-cost .card-item::before {
    content: "";
    position: absolute;
    top: 15%;
    left: 0;
    width: 8px;
    height: 14px;
    border: 2px solid #dc6109;
    border-left: none;
    border-top: none;
    transform: translateY(-15%) rotate(45deg)
}

.about-company-page .about-company {
    padding: 61px 0
}

@media (max-width: 61.9375em) {
    .about-company-page .about-company {
        padding: 40px 0
    }
}

@media (max-width: 47.9375em) {
    .about-company-page .about-company {
        padding-top: 0;
        padding-bottom: 32px
    }
}

.about-company-page .about-company .tab-wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 8px 11px 0px rgba(214, 214, 214, .07)
}

@media (max-width: 47.9375em) {
    .about-company-page .about-company .tab-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 24px;
        padding-left: 10px;
        padding-right: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.about-company-page .about-company .tab-button {
    flex-shrink: 0;
    min-width: 210px;
    width: 100%;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 1.38;
    text-align: start;
    border: 2px solid rgba(0, 0, 0, 0);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    transition: .3s ease
}

.about-company-page .about-company .tab-button:hover {
    background-color: #dc6109;
    color: #fff;
}

.about-company-page .about-company .tab-button.active {
    color: #dc6109;
    border-left-color: #dc6109
}

.about-company-page .about-company .tab-button.active:hover {
    background-color: #dc6109;
    color: #fff;
}

@media (max-width: 47.9375em) {
    .about-company-page .about-company .tab-button.active {
        border-left-color: rgba(0, 0, 0, 0);
        border-bottom-color: #dc6109
    }
}

@media (max-width: 47.9375em) {
    .about-company-page .about-company .tab-button {
        flex: 1 0 auto;
        min-width: auto;
        width: auto;
        text-align: center;
        font-size: 14px;
        line-height: 1.43
    }
}

.about-company-page .about-company .tab-content-wrapper {
    min-height: 264px
}

.about-company-page .about-company .tab-content-wrapper ul {
    padding-left: 16px;
}

.about-company-page .about-company .tab-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 0;
    font-size: 16px;
    line-height: 1.38;
    transition: .5s ease;
    opacity: 0
}

.about-company-page .about-company .tab-content.active {
    height: auto;
    opacity: 1
}

.about-company-page .about-company .tab-content p {
    margin: 0
}

.about-company-page .about-company .tab-content ul {
    margin: 0
}

.about-company-page .about-company .tab-content li {
    list-style: disc
}

.about-company-page .about-company .tab-content li:not(:last-child) {
    margin-bottom: 1.5px
}

@media (max-width: 61.9375em) {
    .about-company-page .about-company .tab-content {
        font-size: 14px;
        line-height: 1.43
    }
}

.about-company-page .prew-slider {
    padding-bottom: 100px
}

@media (max-width: 61.9375em) {
    .about-company-page .prew-slider {
        padding-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .about-company-page .prew-slider {
        padding-bottom: 60px
    }
}

.about-company-page .prew-slider .prew-slider-inner {
    position: relative
}

.about-company-page .prew-slider img {
    width: 100%;
    height: 100%
}

.material-page .material-price {
    padding-top: 60px;
    padding-bottom: 100px
}

@media (max-width: 61.9375em) {
    .material-page .material-price {
        padding-top: 40px;
        padding-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .material-page .material-price {
        padding-bottom: 40px
    }
}

.material-page .material-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: calc(100% - 32px);
    margin-bottom: 32px;
    padding: 24px 12px;
    border-radius: 10px;
    background: #eaeaec;
    text-align: center
}

@media (max-width: 61.9375em) {
    .material-page .material-card {
        height: calc(100% - 20px);
        margin-bottom: 20px;
        padding: 17px 9px
    }
}

@media (max-width: 47.9375em) {
    .material-page .material-card {
        height: calc(100% - 16px);
        margin-bottom: 16px;
        padding: 10px 7px
    }
}

.material-page .material-card img {
    width: 266px;
    height: 175px;
    object-fit: contain
}

@media (max-width: 61.9375em) {
    .material-page .material-card img {
        width: 178px;
        height: 144px
    }
}

@media (max-width: 47.9375em) {
    .material-page .material-card img {
        width: 141px;
        height: 105px
    }
}

.material-page .material-card-title {
    margin-bottom: 34px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.38
}

@media (max-width: 61.9375em) {
    .material-page .material-card-title {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 1.43
    }
}

@media (max-width: 61.9375em) {
    .material-page .material-card-title {
        margin-bottom: 16px;
        font-size: 12px;
        line-height: 1.25
    }
}

.material-page .material-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.material-description-page .product-descr {
    padding-top: 60px
}

@media (max-width: 65.8125em) {
    .material-description-page .product-descr {
        padding-bottom: 60px
    }
}

@media (max-width: 61.9375em) {
    .material-description-page .product-descr {
        padding-top: 40px;
        padding-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .material-description-page .product-descr {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.material-description-page .text-wrapper {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.43
}

.material-description-page .text-wrapper li {
    list-style: disc
}

.material-description-page .prew-wrapper img {
    width: 100%
}

@media (max-width: 47.9375em) {
    .material-description-page .prew-wrapper img {
        display: block;
        width: 254px;
        height: 216px;
        margin: 0 auto 32px
    }
}

.news-page .news-prew {
    padding-top: 60px;
    padding-bottom: 100px
}

@media (max-width: 61.9375em) {
    .news-page .news-prew {
        padding-top: 40px;
        padding-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .news-page .news-prew {
        padding-bottom: 40px
    }
}

.news-page .news-prew .news-prew-card {
    margin-bottom: 60px;
    background: rgba(0, 0, 0, 0);
    border: none
}

@media (max-width: 47.9375em) {
    .news-page .news-prew .news-prew-card {
        margin-bottom: 40px
    }
}

.news-page .news-prew .news-prew-card .card-prew-wrapper {
    padding: 16px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 8px 11px 0px rgba(214, 214, 214, .07)
}

@media (max-width: 61.9375em) {
    .news-page .news-prew .news-prew-card .card-prew-wrapper {
        margin-bottom: 20px
    }
}

@media (max-width: 61.9375em) {
    .news-page .news-prew .news-prew-card .card-prew-wrapper {
        margin-bottom: 16px
    }
}

.news-page .news-prew .news-prew-card .card-prew-text-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0
}

.news-page .news-prew .news-prew-card .card-title {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.44
}

@media (max-width: 61.9375em) {
    .news-page .news-prew .news-prew-card .card-title {
        font-size: 16px;
        line-height: 1.38
    }
}

.news-page .news-prew .news-prew-card .card-descr {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43
}

.news-page .news-prew .news-prew-card .card-link {
    position: relative;
    padding-right: 12px;
    color: #dc6109;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.43
}

.news-page .news-prew .news-prew-card .card-link:before {
    position: absolute;
    content: "";
    top: 45%;
    right: 0;
    width: 8px;
    height: 8px;
    border: 2px solid #dc6109;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg) translateY(-45%)
}

.single-news-page .news-text {
    padding-top: 60px;
    padding-bottom: 40px
}

@media (max-width: 61.9375em) {
    .single-news-page .news-text {
        padding-top: 40px
    }
}

.single-news-page .news-text .news-text-wrapper {
    padding: 32px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 8px 11px 0px rgba(214, 214, 214, .07)
}

@media (max-width: 61.9375em) {
    .single-news-page .news-text .news-text-wrapper {
        padding: 24px
    }
}

.single-news-page .news-text .news-text-descr {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.43
}

.single-news-page .news-text .news-text-descr p {
    margin: 0
}

.single-news-page .news-text .news-text-descr ul {
    margin: 0;
    padding-left: 16px;
}

.single-news-page .news-text .news-text-descr ul li {
    list-style-type: disc
}

@media (max-width: 47.9375em) {
    .single-news-page .news-text .news-text-descr {
        margin-bottom: 40px
    }
}

.single-news-page .news-text .news-text-img {
    display: block;
    margin: 0 auto
}

@media (max-width: 47.9375em) {
    .single-news-page .news-text .news-text-img {
        width: 319px;
        margin: 0 auto
    }
}

.single-news-page .news-photo {
    padding-bottom: 100px
}

@media (max-width: 61.9375em) {
    .single-news-page .news-photo {
        padding-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .single-news-page .news-photo {
        padding-bottom: 40px
    }
}

.single-news-page .news-photo .news-slider-inner {
    position: relative
}

.single-news-page .news-photo .news-slider-inner img {
    width: 100%;
    height: 100%
}

.device-page .device-description {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (max-width: 61.9375em) {
    .device-page .device-description {
        padding-top: 40px;
        padding-bottom: 24px
    }
}

@media (max-width: 47.9375em) {
    .device-page .device-description {
        padding-bottom: 36px
    }
}

.device-page .device-description h2 {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.21;
    text-align: center
}

@media (max-width: 61.9375em) {
    .device-page .device-description h2 {
        font-size: 22px;
        line-height: 1.27
    }
}

@media (max-width: 47.9375em) {
    .device-page .device-description h2 {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 1.27
    }
}

.device-page .device-description p {
    margin-left: auto;
    margin-right: auto;
    max-width: 1121px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43
}

.device-page .device {
    margin-bottom: 100px
}

@media (max-width: 61.9375em) {
    .device-page .device {
        margin-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .device-page .device {
        margin-bottom: 40px;
        background-color: #fff
    }
}

.device-page .device .device-inner {
    padding: 32px 40px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 8px 11px 0px rgba(214, 214, 214, .07)
}

@media (max-width: 61.9375em) {
    .device-page .device .device-inner {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 47.9375em) {
    .device-page .device .device-inner {
        padding-left: 0px;
        padding-right: 0px
    }
}

.device-page .device .device-title {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center
}

@media (max-width: 61.9375em) {
    .device-page .device .device-title {
        font-size: 18px;
        line-height: 1.44
    }
}

.device-page .device .device-info {
    max-width: 894px;
    margin: 0 auto 60px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ffeee2;
    background: #fff6f0;
    color: #dc6109;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.38
}

@media (max-width: 61.9375em) {
    .device-page .device .device-info {
        margin-bottom: 36px
    }
}

@media (max-width: 47.9375em) {
    .device-page .device .device-info {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 1.43
    }
}

.device-page .device .device-card {
    margin-bottom: 60px
}

.device-page .device .device-card:last-child {
    margin-bottom: 0
}

.device-page .device .device-card-body {
    padding-right: 40px
}

@media (max-width: 61.9375em) {
    .device-page .device .device-card-body {
        padding-right: 26px
    }
}

@media (max-width: 47.9375em) {
    .device-page .device .device-prev {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px
    }
}

.device-page .device .device-card-title {
    margin-bottom: 4px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.21
}

@media (max-width: 61.9375em) {
    .device-page .device .device-card-title {
        font-size: 22px;
        line-height: 1.27
    }
}

@media (max-width: 47.9375em) {
    .device-page .device .device-card-title {
        font-size: 16px;
        line-height: 1.38
    }
}

.device-page .device .device-price {
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    color: #dc6109
}

@media (max-width: 61.9375em) {
    .device-page .device .device-price {
        font-size: 18px;
        line-height: 1.44
    }
}

@media (max-width: 47.9375em) {
    .device-page .device .device-price {
        font-size: 14px;
        line-height: 1.43
    }
}

.device-page .device .device-footnote {
    display: inline-block;
    margin-bottom: 24px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    color: #8d8e90
}

@media (max-width: 47.9375em) {
    .device-page .device .device-footnote {
        margin-bottom: 16px;
        font-size: 11px;
        line-height: 1.45
    }
}

.device-page .device p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43
}

.device-page .device table {
    margin-bottom: 0;
    border-color: #ededef;
    border-radius: 10px
}

@media (max-width: 61.9375em) {
    .device-page .device table {
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto
    }
}

.device-page .device table tbody tr td {
    width: 50%;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43
}

.device-page .device table tbody tr td:first-child {
    background-color: #f5f5f6
}

@media (max-width: 47.9375em) {
    .device-page .device table tbody tr td {
        padding: 10px 12px
    }
}

.contacts-page .contact {
    padding: 60px 0
}

@media (max-width: 61.9375em) {
    .contacts-page .contact {
        padding-top: 40px
    }
}

.contacts-page .contact .address {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 0;
    padding: 24px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 8px 11px 0px rgba(214, 214, 214, .07);
    transition: .3s ease;
}

.contacts-page .contact .address:hover {
    box-shadow: 0px 8px 11px 0px rgba(214, 214, 214, 1)
}

@media (max-width: 75em) {
    .contacts-page .contact .address {
        max-width: 727px;
        height: calc(100% - 16px);
        margin: 0 auto 16px;
    }
}

@media (max-width: 47.9375em) {
    .contacts-page .contact .address {
        height: auto
    }
}

.contacts-page .contact .address-city {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 6px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4
}

.contacts-page .contact .address-city .icon {
    font-size: 20px;
}

@media (max-width: 47.9375em) {
    .contacts-page .contact .address-city {
        font-size: 16px;
        line-height: 1.38
    }
}

.contacts-page .contact .current-address {
    margin-bottom: auto;
    padding-left: 33px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.38
}

.contacts-page .contact .contacts-list {
    display: flex;
    margin-top: 22px;
    margin-bottom: 0;
    padding: 0
}

@media (max-width: 47.9375em) {
    .contacts-page .contact .contacts-list {
        flex-direction: column;
        gap: 16px
    }
}

.contacts-page .contact .contacts-item {
    flex: 0 0 33.33%;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    transition: .3s ease;
}

.contacts-page .contact .contacts-item:hover {
    background-color: #dc6109;
    color: #fff;
}

.contacts-page .contact .contacts-item:not(:last-child) {
    border-right: 2px solid #ededef
}

@media (max-width: 47.9375em) {
    .contacts-page .contact .contacts-item:not(:last-child) {
        border: none
    }
}

.contacts-page .contact .contacts-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.43;
}


.contacts-page .contact .contacts-link .icon {
    margin-right: 4px;
    font-size: 17px;
}

@media (max-width: 47.9375em) {
    .contacts-page .contact .contacts-link {
        justify-content: start
    }
}

.contacts-page .map {
    padding-bottom: 100px
}

@media (max-width: 61.9375em) {
    .contacts-page .map {
        padding-bottom: 80px
    }
}

@media (max-width: 47.9375em) {
    .contacts-page .map {
        padding-bottom: 0px;
        margin-bottom: 40px;
        background-color: #fff
    }
}

.contacts-page .map .map-inner {
    padding: 32px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 8px 11px 0px rgba(214, 214, 214, .07)
}

@media (max-width: 61.9375em) {
    .contacts-page .map .map-inner {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 47.9375em) {
    .contacts-page .map .map-inner {
        padding-left: 0px;
        padding-right: 0px
    }
}

.contacts-page .map .map-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25
}

@media (max-width: 61.9375em) {
    .contacts-page .map .map-title {
        font-size: 22px;
        line-height: 1.22
    }
}

@media (max-width: 47.9375em) {
    .contacts-page .map .map-title {
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 1.44
    }
}

.contacts-page .map .button-wrapper {
    width: fit-content;
    margin-bottom: 32px;
    padding: 6px;
    border-radius: 4px;
    background: #ededef
}

@media (max-width: 61.9375em) {
    .contacts-page .map .button-wrapper {
        margin-bottom: 24px
    }
}

.contacts-page .map .change-city {
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    transition: .3s ease;
    border-radius: 4px
}

.contacts-page .map .change-city.active {
    border: 1px solid #f5f5f6;
    background: #fff;
    color: #dc6109
}

.contacts-page .map .map-wrapper {
    border-radius: 10px;
    border: 1px solid #ededef;
    overflow: hidden
}

@media (max-width: 61.9375em) {
    .contacts-page .map .map-wrapper iframe {
        height: 433px
    }
}

@media (max-width: 47.9375em) {
    .contacts-page .map .map-wrapper iframe {
        height: 201px
    }
}

.contacts-page .map .address-list {
    height: 520px;
    margin-bottom: 0;
    padding-right: 17px;
    overflow: auto;
}

.contacts-page .map .service__list {
    padding-left: 8px;
    font-size: 12px;
}

.contacts-page .map .service__item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.contacts-page .map .service__item:not(:last-child) {
    margin-bottom: 4px;
}

.contacts-page .map .service__list .icon {
    width: 4px;
    height: 4px;
    background-color: #1d1d1d;
    border-radius: 50%;
}

@media (max-width: 61.9375em) {
    .contacts-page .map .address-list {
        padding: 16px 20px
    }
}

@media (max-width: 61.9375em) {
    .contacts-page .map .address-list {
        padding: 8px 24px
    }
}

.contacts-page .map .address-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.43;
    border-bottom: 1px solid #ebebeb;
}

.partner-page .advantages {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (max-width: 61.9375em) {
    .partner-page .advantages {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.partner-page .advantages .cal-to-action {
    max-width: 1190px;
    margin: 0 auto 40px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25
}

@media (max-width: 61.9375em) {
    .partner-page .advantages .cal-to-action {
        margin-bottom: 32px;
        font-size: 22px;
        line-height: 1.27
    }
}

@media (max-width: 47.9375em) {
    .partner-page .advantages .cal-to-action {
        font-size: 18px;
        line-height: 1.44
    }
}

.partner-page .advantages .adv-card-inner {
    padding: 32px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 8px 11px 0px rgba(214, 214, 214, .07)
}

@media (max-width: 47.9375em) {
    .partner-page .advantages .adv-card-inner {
        padding: 24px 0
    }
}

@media (max-width: 47.9375em) {
    .partner-page .advantages .adv-card-inner {
        position: relative;
        z-index: 0
    }
}

@media (max-width: 47.9375em) {
    .partner-page .advantages .adv-card-inner::before {
        content: "";
        position: absolute;
        z-index: -1;
        left: -20px;
        top: 0;
        width: 115%;
        height: 100%;
        background-color: #fff
    }
}

.partner-page .advantages .adv-info a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 6px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #9E0B0F;
    border-radius: 8px;
    background-color: #9E0B0F;
    transition: .3s ease;
    cursor: pointer;
}

.partner-page .advantages .adv-info a > span {
    width: 100%;
    padding: 5px;
    border: 2px solid #fff;
    border-radius: 6px;
}

.partner-page .advantages .adv-info a:hover {
    opacity: .7;
}

.partner-page .advantages .col-lg-4 {
    padding-right: 0
}

.partner-page .advantages .col-lg-4:not(:nth-child(3n)) .adv-card {
    border-right: 1px solid #ededef
}

@media (max-width: 61.9375em) {
    .partner-page .advantages .col-lg-4:not(:nth-child(3n)) .adv-card {
        border-right: none
    }
}

.partner-page .advantages .col-lg-4:nth-last-child(n+4) {
    border-bottom: 1px solid #ededef
}

@media (max-width: 61.9375em) {
    .partner-page .advantages .col-lg-4:nth-last-child(n+3) {
        border-bottom: 1px solid #ededef
    }
}

@media (max-width: 47.9375em) {
    .partner-page .advantages .col-lg-4:not(:last-child) {
        border-bottom: 1px solid #ededef
    }
}

@media (max-width: 61.9375em) {
    .partner-page .advantages .col-lg-4:nth-child(2n+1) .adv-card {
        border-right: 1px solid #ededef
    }
}

@media (max-width: 47.9375em) {
    .partner-page .advantages .col-lg-4:nth-child(2n+1) .adv-card {
        border-right: none
    }
}

.partner-page .advantages .adv-card {
    height: calc(100% - 48px);
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 24px 16px;
    text-align: center
}

@media (max-width: 47.9375em) {
    .partner-page .advantages .adv-card {
        height: calc(100% - 32px);
        margin-top: 16px;
        margin-bottom: 16px;
        padding: 16px 0
    }
}

.partner-page .advantages .card-icon {
    margin-bottom: 8px
}

.partner-page .advantages .card-text {
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.43
}

.partner-page .advantages .adv-info {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ffeee2;
    background-color: #fff6f0;
    text-align: center
}

@media (max-width: 61.9375em) {
    .partner-page .advantages .adv-info {
        margin-top: 40px
    }
}

.partner-page .advantages .text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}


.partner-page .advantages .adv-info-text {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    color: #dc6109
}

@media (max-width: 61.9375em) {
    .partner-page .advantages .adv-info-text {
        font-size: 18px;
        line-height: 1.44
    }
}

@media (max-width: 47.9375em) {
    .partner-page .advantages .adv-info-text {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.38
    }
}

.partner-page .presentation {
    padding-bottom: 80px
}

@media (max-width: 61.9375em) {
    .partner-page .presentation {
        padding-bottom: 60px
    }
}

@media (max-width: 47.9375em) {
    .partner-page .presentation {
        padding-bottom: 40px
    }
}

.partner-page .presentation .presentation-inner {
    position: relative
}

.partner-page .presentation .presentation-swiper {
    margin-bottom: 80px
}

@media (max-width: 61.9375em) {
    .partner-page .presentation .presentation-swiper {
        margin-bottom: 60px
    }
}

@media (max-width: 47.9375em) {
    .partner-page .presentation .presentation-swiper {
        margin-bottom: 40px
    }
}

.partner-page .presentation .presentation-swiper img {
    width: 100%;
    height: 100%
}

.partner-page .presentation .presentation-count {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    text-align: center
}

@media (max-width: 61.9375em) {
    .partner-page .presentation .presentation-count {
        font-size: 16px;
        line-height: 1.38
    }
}

.ymaps3x0--marker {
    z-index: 1 !important;
}

.ymaps3x0--marker i {
    background-color: transparent;
    padding: 5px;
    font-size: 28px;
    color: #dc6109;
}

.ymaps3x0--marker i:hover > div {
    display: block;
}

.ymaps3x0--marker i div {
    display: none;
    width: 150px;
    position: absolute;
    z-index: 1000;
    padding: 5px;
    background-color: white;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #1d1d1d;
}

.ymaps3x0--marker i div p {
    margin-bottom: 8px;
    padding-bottom: 8px;
    font-weight: 600;
    border-bottom: 1px solid #8d8e90;
}

.reviews {
    padding-top: 60px;
    padding-bottom: 100px;
}

@media (max-width: 61.9375em) {
    .reviews {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

.reviews__swiper {
    position: relative;
    z-index: 1;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 0;
    list-style: none;
    overflow-x: hidden;
}

.reviews__btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    gap: 24px;
    width: 100%;
    margin: 24px auto 0;
}


@media (max-width: 61.9375em) {
    .reviews__btn-wrapper {
        gap: 12px;
    }
}

.reviews [class^="reviews__button-"] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 50%;
    color: #1D1D1D;
    filter: drop-shadow(-2px 5px 7px rgba(124, 124, 124, 0.04));
    transition: .3s ease;
}

.reviews [class^="reviews__button-"]:hover {
    background-color: #dc6109;
    color: #fff;
    filter: drop-shadow(-2px 8px 15px rgba(0, 0, 0, 0.3));
}

.reviews .reviews__list {
    align-items: stretch;
    height: 100% !important;
}

.reviews .reviews__card {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 24px;
    border-radius: 10px;
    background: #fff;
    transition: .3s ease;
    cursor: pointer;
}

.reviews .reviews__card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.reviews .reviews__card .reviews__card-content h3 {
    font-size: 18px;
    font-weight: 600;
    color: #1D1D1D;
}

.reviews .reviews__card .reviews__card-content span {
    font-size: 14px;
    font-weight: 600;
    color: #1D1D1D;
}

.reviews .reviews__card .reviews__card-content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #1D1D1D;
}

.reviews .reviews__card small {
    margin-top: auto;
    margin-left: auto;
}

.samples--old {
    padding-top: 60px;
    padding-bottom: 100px;
}

@media (max-width: 61.9375em) {
    .samples--old {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

.samples--old .samples-card img {
    cursor: pointer;
}

.samples--old .modal .modal-dialog {
    max-width: 1056px;
}

.samples--old .modal .modal-body {
    max-width: 100%;
}

.samples--old .modal .modal-content {
    position: relative;
}

.samples--old .modal .modal-content button {
    position: absolute;
    z-index: 12;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
    background-color: #fff;
    transition: .3s ease;
}

.samples--old .modal .modal-content button:hover {
    background-color: #DC6109;
    opacity: 1;
}

.geography .geography__inner {
    gap: 24px;
}

.geography .geography__inner .geography__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    padding: 24px;
    border-radius: 24px;
    filter: drop-shadow(0px 8px 11px rgba(214, 214, 214, 0.07));
}

.geography .geography__inner .geography__text p {
    font-size: 24px;
}

@media (max-width: 767.99px) {
    .geography .geography__inner .geography__text p {
        font-size: 16px;
    }
}

.geography .geography__inner .geography__text a {
    width: fit-content;
    padding: 16px 24px;
    color: #dc6109;
    font-weight: 600;
    font-size: 16px;
    line-height: 143%;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #dc6109;
    background-color: transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}

@media (max-width: 767.99px) {
    .geography .geography__inner .geography__text a {
        padding: 12px 18px;
    }
}

.geography .geography__inner .geography__text a:hover {
    background-color: #DC6109;
    color: #fff;
}

.geography .geography__inner .geography__map {
    padding: 24px;
    border-radius: 24px;
    background-color: #fff;
    filter: drop-shadow(0px 8px 11px rgba(214, 214, 214, 0.07));
}

.exhibitions .exhibitions__card {
    align-items: center;
}

.exhibitions .exhibitions__card h2 {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}

.exhibitions .exhibitions__card p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.exhibitions__slider {
    overflow: hidden;
}

.exhibitions .exhibitions__slider .exhibitions__slider-card {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border-radius: 32px;
    background-color: #fff;
    overflow: hidden;
}

.exhibitions .exhibitions__slider .exhibitions__slider-card > img {
    max-height: 500px;
}

.lb-nav a.lb-prev,
.lb-nav a.lb-next {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    padding: 10px;
    background-color: rgba(0, 0, 0, .5);
    border: 1px solid #fff;
    border-radius: 50%;
    transform: translateY(-50%);
    opacity: 1;
}

.lb-nav a.lb-prev:after,
.lb-nav a.lb-next:after {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: bootstrap-icons !important;
    font-size: 24px;
    transform: translateX(-50%);
}

.lb-nav a.lb-prev:after {
    content: "\f22d";
}

.lb-nav a.lb-next:after {
    content: "\f231";
}

.lb-nav a.lb-prev {
    left: 10px;
}

.lb-nav a.lb-next {
    right: 10px;
}

.hint_window {
    padding: 8px;
    background-color: #fff;
    border: 1px solid #dc6109;
    border-radius: 8px;
    text-align: center;
}

.hint_window .hint_window__title {
    font-weight: 600;
}


.cookie-notice {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 90%;
    width: 600px;
    background: white;
    color: #333;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 9999;
    animation: fadeIn 0.3s ease-out;
  }

  .cookie-text {
    margin: 0;
    font-size: 16px;
		font-weight: 700;
    line-height: 1.5;
    color: #555;
  }

  .cookie-link {
    color: #dc6109;
    text-decoration: none;
    margin-left: 5px;
  }

  .cookie-link:hover {
    text-decoration: underline;
  }

  .cookie-button {
    background: #dc6109;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 8px 16px;
    margin-left: 15px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.2s;
    flex-shrink: 0;
  }

  .cookie-button:hover {
    background: #c05508;
    transform: translateY(-1px);
  }

  .cookie-button:active {
    transform: translateY(0);
  }

  @keyframes fadeIn {
    from { opacity: 0; bottom: 0; }
    to { opacity: 1; bottom: 20px; }
  }

  @media (max-width: 768px) {
    .cookie-notice {
      flex-direction: column;
      text-align: center;
      width: 90%;
      padding: 12px;
    }
    
    .cookie-button {
      margin: 10px 0 0 0;
      width: 100%;
    }
  }