* {
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
    text-wrap: balance
}

body {
    font-family: "Inter", sans-serif;
    color: #000
}

table {
    border-collapse: collapse
}

.product-country-badge {
    display: none !important;
}

pre,
code,
kbd,
samp {
    font-family: monospace
}

iframe,
video {
    display: block;
    height: auto
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-hyphenate-character: "-";
    tab-size: 4
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
    touch-action: manipulation
}

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

path {
    transition: all .3s ease-in-out
}

a {
    color: inherit;
    display: inline-block;
    text-decoration: none;
    transition: all .3s ease-in-out
}

a.anchor {
    cursor: pointer
}

section {
    scroll-margin-top: var(--scroll-margin-top);
    padding: 3.75em 0
}

@media(max-width: 500px) {
    section {
        padding: 2.5em 0
    }
}

.pt0 {
    padding-top: 0
}

.pb0 {
    padding-bottom: 0
}

.holder {
    max-width: 85.5em;
    margin: 0 auto;
    padding: 0 16px;
    width: 100%
}

.flex-container {
    display: flex;
    align-items: center
}

.fdc {
    flex-direction: column
}

.align-left {
    display: flex;
    justify-content: flex-start
}

.align-center {
    display: flex;
    justify-content: center
}

.align-right {
    display: flex;
    justify-content: flex-end
}

.hidden {
    display: none !important
}

@media(max-width: 800px) {
    .hiddenMobile {
        display: none !important
    }
}

@media(min-width: 800px) {
    .hiddenDesktop {
        display: none !important
    }
}

[data-modal-opener],
[data-modal-closer] {
    cursor: pointer
}

.grecaptcha-badge {
    display: none
}

@keyframes arrow {
    0% {
        transform: translateY(0)
    }

    30% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

@keyframes scroll-left {
    to {
        -webkit-transform: translateX(calc(-1 * var(--shift)));
        transform: translateX(calc(-1 * var(--shift)))
    }
}

[data-animate] {
    opacity: 0;
    will-change: transform
}

[data-animate][data-animate-mobile-off] {
    opacity: 1
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: forwards
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftOpacity {
    from {
        opacity: 0;
        transform: translate3d(-34px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeftOpacity {
    animation-name: fadeInLeftOpacity;
    animation-duration: 1.45s;
    animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

@media(min-width: 768px) {
    @keyframes fadeInLeftOpacityDesktop {
        0% {
            opacity: 0;
            transform: translate3d(-48px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
        }

        35% {
            opacity: .38;
            transform: translate3d(-30px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
        }

        65% {
            opacity: .72;
            transform: translate3d(-14px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
        }

        85% {
            opacity: .9;
            transform: translate3d(-6px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
        }

        100% {
            opacity: 1;
            transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
        }
    }

    .fadeInLeftOpacity {
        animation-name: fadeInLeftOpacityDesktop;
        animation-duration: 1.2s;
        animation-timing-function: linear;
        transform-style: preserve-3d;
        will-change: transform, opacity
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }

    to {
        opacity: 1
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }

    to {
        opacity: 1
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }

    to {
        opacity: 1
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }

    to {
        opacity: 1
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

.btn {
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    min-width: 180px;
    transition: all .3s ease;
    border: 0;
    text-transform: uppercase;
    background: #d9a3a3;
    font-family: "Inter", sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 0.75em;
    line-height: 12px;
    padding: 1.5em 2em
}

@media(max-width: 500px) {
    .btn {
        font-size: 12px;
        padding: 14px 24px
    }
}

.btn:hover {
    color: #fff;
    background: #b98989
}

.btn:hover:active {
    color: #fff;
    background: #d9a3a3
}

.btn:disabled {
    pointer-events: none;
    background: #9e9e9e
}

.btn.btn-empty {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #d9a3a3;
    color: #d9a3a3
}

.btn.btn-empty:hover {
    border: 1px solid #b98989;
    background: rgba(206, 113, 106, .2)
}

.btn.btn-empty:hover:active {
    border: 1px solid #d9a3a3;
    color: #d9a3a3
}

.btn.btn-empty:disabled {
    pointer-events: none;
    border: 1px solid #9e9e9e;
    background: #fff;
    color: #9e9e9e
}

.btn[style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"] {
    transition: all .3s ease !important
}

.btn-white {
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    min-width: 200px;
    transition: all .3s ease;
    border: 0;
    text-transform: uppercase;
    background: #fff;
    font-family: "Inter", sans-serif;
    color: #1a1a1a;
    font-weight: 600;
    font-size: 0.75em;
    line-height: 12px;
    padding: 1.5em 2em
}

@media(max-width: 500px) {
    .btn-white {
        font-size: 12px;
        padding: 14px 24px
    }
}

.btn-white:hover {
    color: #1a1a1a;
    background: hsla(0, 0%, 100%, .6)
}

.btn-white:hover:active {
    color: #1a1a1a;
    background: #fff
}

.btn-white:disabled {
    pointer-events: none;
    background: #9e9e9e
}

.btn-white.btn-empty {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    color: #fff
}

.btn-white.btn-empty:hover {
    border: 1px solid hsla(0, 0%, 100%, .4);
    background: rgba(0, 0, 0, 0)
}

.btn-white.btn-empty:hover:active {
    border: 1px solid #fff;
    color: #fff
}

.btn-white.btn-empty:disabled {
    pointer-events: none;
    border: 1px solid hsla(0, 0%, 100%, .4);
    color: hsla(0, 0%, 100%, .4);
    background: rgba(0, 0, 0, 0)
}

.btn-white[style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"] {
    transition: all .3s ease !important
}

textarea {
    resize: vertical;
    min-height: 5.3125em
}

input,
textarea,
select {
    width: 100%;
    transition: border .3s ease;
    appearance: none;
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #000;
    padding: 1.125em 0;
    font-size: 1em;
    margin-bottom: 0.625em;
    font-family: inherit
}

input:focus,
textarea:focus,
select:focus {
    border-color: #6d6d6d
}

input[type=file]::file-selector-button,
textarea[type=file]::file-selector-button,
select[type=file]::file-selector-button {
    background-color: #b0d2ab;
    border: none;
    color: #fff;
    cursor: pointer
}

input[type=file]::-webkit-file-upload-button,
textarea[type=file]::-webkit-file-upload-button,
select[type=file]::-webkit-file-upload-button {
    background-color: #6d6d6d;
    color: #fff;
    padding: 0.25em 0.8125em;
    border-radius: 6px;
    border: 1px solid #9a762d;
    cursor: pointer
}

input[type=date],
textarea[type=date],
select[type=date] {
    appearance: unset
}

input[type=number],
textarea[type=number],
select[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
textarea[type=number]::-webkit-outer-spin-button,
textarea[type=number]::-webkit-inner-spin-button,
select[type=number]::-webkit-outer-spin-button,
select[type=number]::-webkit-inner-spin-button {
    display: none;
    margin: 0
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: #bdbdbd
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    color: #bdbdbd
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    color: #bdbdbd
}

input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
    color: #bdbdbd
}

input[readonly],
textarea[readonly],
select[readonly] {
    cursor: not-allowed
}

input[type=checkbox],
textarea[type=checkbox],
select[type=checkbox] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    border: 1px solid #dbdbdb;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0
}

input[type=checkbox]:after,
textarea[type=checkbox]:after,
select[type=checkbox]:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    opacity: 0;
    transition: all .3s ease;
    background: url(../icon/check.svg) center/contain no-repeat
}

input[type=checkbox]:checked,
textarea[type=checkbox]:checked,
select[type=checkbox]:checked {
    background: #d9a3a3;
    border-color: #d9a3a3
}

input[type=checkbox]:checked:after,
textarea[type=checkbox]:checked:after,
select[type=checkbox]:checked:after {
    opacity: 1
}

input[type=checkbox].switch,
textarea[type=checkbox].switch,
select[type=checkbox].switch {
    width: 30px;
    height: 20px;
    border-radius: 50px;
    transition: all .3s ease;
    background: #b8b8b8;
    border: 0
}

input[type=checkbox].switch:after,
textarea[type=checkbox].switch:after,
select[type=checkbox].switch:after {
    top: 2px;
    left: 2px;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
    width: 16px;
    height: 16px
}

input[type=checkbox].switch:checked,
textarea[type=checkbox].switch:checked,
select[type=checkbox].switch:checked {
    background: #00be13
}

input[type=checkbox].switch:checked:after,
textarea[type=checkbox].switch:checked:after,
select[type=checkbox].switch:checked:after {
    transform: translateX(10px)
}

input[type=radio],
textarea[type=radio],
select[type=radio] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    border-radius: 100%;
    border-color: #b8b8b8;
    padding: 0
}

input[type=radio]:after,
textarea[type=radio]:after,
select[type=radio]:after {
    content: "";
    position: absolute;
    display: block;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    opacity: 0;
    border-radius: 100%;
    transition: all .3s ease;
    background: #b8b8b8
}

input[type=radio]:checked:after,
textarea[type=radio]:checked:after,
select[type=radio]:checked:after {
    opacity: 1
}

select {
    appearance: unset;
    cursor: pointer
}

form.check-validation input:invalid,
form.check-validation textarea:invalid,
form.check-validation select:invalid {
    border-color: #d91f1b
}

.order-section form.checkout input.is-invalid,
.order-section form.checkout textarea.is-invalid,
.order-section form.checkout select.is-invalid {
    border-color: #d91f1b !important
}

section.seo-text {
    font-size: 1em;
    color: #000;
    font-family: inherit
}

section.seo-text video,
section.seo-text iframe {
    margin: 0 auto;
    display: block
}

section.seo-text img {
    max-width: 100%;
    height: auto
}

section.seo-text p {
    margin-bottom: 0.9375em;
    font-size: inherit;
    letter-spacing: inherit;
    font-family: inherit;
    color: inherit
}

section.seo-text.indent h1~p {
    text-indent: 1.5em
}

section.seo-text ul,
section.seo-text ol {
    margin-bottom: 0.3125em;
    font-size: inherit;
    font-family: inherit;
    letter-spacing: inherit;
    color: inherit
}

section.seo-text ul {
    list-style: inside disc
}

section.seo-text ol {
    list-style: inside decimal
}

section.seo-text li {
    margin-bottom: 0.3125em;
    font-size: inherit;
    font-family: inherit;
    letter-spacing: inherit;
    color: inherit
}

section.seo-text p *,
section.seo-text li * {
    font-size: inherit;
    letter-spacing: inherit;
    color: inherit;
    font-family: inherit
}

section.seo-text a:not(.btn) {
    text-decoration: underline
}

section.seo-text a:not(.btn):hover {
    text-decoration: none
}

section.seo-text table {
    width: 100%
}

section.seo-text table tr {
    border-bottom: 1px solid #eeedfe
}

section.seo-text table th,
section.seo-text table td {
    padding: 0.625em 0.3125em;
    text-align: left
}

section.seo-text table th:not(:last-child),
section.seo-text table td:not(:last-child) {
    border-right: 1px solid #eeedfe
}

section.seo-text h1 {
    font-size: 1.875em;
    margin-bottom: 0.625em;
    margin-top: 0.3125em
}

section.seo-text h1:first-child {
    margin-top: 0
}

section.seo-text h2 {
    font-size: 1.75em;
    margin-bottom: 0.625em;
    margin-top: 0.3125em
}

section.seo-text h2:first-child {
    margin-top: 0
}

section.seo-text h3 {
    font-size: 1.625em;
    margin-bottom: 0.625em;
    margin-top: 0.3125em
}

section.seo-text h4 {
    font-size: 1.5em;
    margin-bottom: 0.625em;
    margin-top: 0.3125em
}

section.seo-text h5 {
    font-size: 1.375em;
    margin-bottom: 0.625em;
    margin-top: 0.3125em
}

section.seo-text h6 {
    font-size: 1.25em;
    margin-bottom: 0.625em;
    margin-top: 0.3125em
}

section.seo-text blockquote {
    margin: 0.625em 0;
    padding-left: 0.9375em;
    border-left: 3px solid #ccc;
    font-style: italic;
    color: inherit
}

section.seo-text pre {
    background: #f5f5f5;
    padding: 0.625em;
    overflow: auto;
    font-family: "Courier New", Courier, monospace;
    color: inherit
}

section.seo-text code {
    background: #f5f5f5;
    padding: 0 0.3125em;
    font-family: "Courier New", Courier, monospace;
    color: inherit
}

section.seo-text hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 1.25em 0
}

section.page-404 {
    text-align: center;
    min-height: calc(var(--vh, 100vh));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

section.page-404 p {
    font-size: 1.375em;
    margin-bottom: 0.6818181818em
}

.grid-container {
    display: grid
}

.grid-col-1 {
    grid-template-columns: repeat(1, 1fr)
}

.span-col-1 {
    grid-column: span 1/auto
}

.span-row-1 {
    grid-row: span 1/auto
}

.grid-col-2 {
    grid-template-columns: repeat(2, 1fr)
}

.span-col-2 {
    grid-column: span 2/auto
}

.span-row-2 {
    grid-row: span 2/auto
}

.grid-col-3 {
    grid-template-columns: repeat(3, 1fr)
}

.span-col-3 {
    grid-column: span 3/auto
}

.span-row-3 {
    grid-row: span 3/auto
}

.grid-col-4 {
    grid-template-columns: repeat(4, 1fr)
}

.span-col-4 {
    grid-column: span 4/auto
}

.span-row-4 {
    grid-row: span 4/auto
}

@media(max-width: 1024px) {
    .grid-col-1\[1024\] {
        grid-template-columns: repeat(1, 1fr)
    }

    .grid-col-2\[1024\] {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-col-3\[1024\] {
        grid-template-columns: repeat(3, 1fr)
    }

    .grid-col-4\[1024\] {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 950px) {
    .grid-col-1\[950\] {
        grid-template-columns: repeat(1, 1fr)
    }

    .grid-col-2\[950\] {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-col-3\[950\] {
        grid-template-columns: repeat(3, 1fr)
    }

    .grid-col-4\[950\] {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 900px) {
    .grid-col-1\[900\] {
        grid-template-columns: repeat(1, 1fr)
    }

    .grid-col-2\[900\] {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-col-3\[900\] {
        grid-template-columns: repeat(3, 1fr)
    }

    .grid-col-4\[900\] {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 850px) {
    .grid-col-1\[850\] {
        grid-template-columns: repeat(1, 1fr)
    }

    .grid-col-2\[850\] {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-col-3\[850\] {
        grid-template-columns: repeat(3, 1fr)
    }

    .grid-col-4\[850\] {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 800px) {
    .grid-col-1\[800\] {
        grid-template-columns: repeat(1, 1fr)
    }

    .grid-col-2\[800\] {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-col-3\[800\] {
        grid-template-columns: repeat(3, 1fr)
    }

    .grid-col-4\[800\] {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 600px) {
    .grid-col-1\[600\] {
        grid-template-columns: repeat(1, 1fr)
    }

    .grid-col-2\[600\] {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-col-3\[600\] {
        grid-template-columns: repeat(3, 1fr)
    }

    .grid-col-4\[600\] {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 500px) {
    .grid-col-1\[500\] {
        grid-template-columns: repeat(1, 1fr)
    }

    .grid-col-2\[500\] {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-col-3\[500\] {
        grid-template-columns: repeat(3, 1fr)
    }

    .grid-col-4\[500\] {
        grid-template-columns: repeat(4, 1fr)
    }
}

body.search-open {
    overflow: hidden
}

html,
body {
    min-height: 100%
}

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

main {
    flex: 1 0 auto
}

footer {
    margin-top: auto
}

.accordion {
    width: 100%
}

.accordion .item {
    padding: 1em 0;
    border-top: 1px solid #e7e7e7
}

.accordion .item:last-child {
    border-bottom: 1px solid #e7e7e7
}

.accordion .item .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.accordion .item .header span {
    color: #1a1a1a;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 500;
    line-height: 122%;
    text-transform: uppercase;
    text-wrap: auto
}

@media(max-width: 550px) {
    .accordion .item .header span {
        font-size: 16px;
        line-height: 137%
    }
}

.accordion .item .header .icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

@media(max-width: 550px) {
    .accordion .item .header .icon {
        width: 24px;
        height: 24px
    }
}

.accordion .item .header .icon svg {
    transition: all .3s ease;
    width: 20px;
    height: 20px
}

@media(max-width: 550px) {
    .accordion .item .header .icon svg {
        width: 24px
    }
}

.accordion .item .content {
    display: none;
    transition: box-shadow .3s ease;
    color: #1a1a1a;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.accordion .item .content p {
    padding: 1em 0;
    text-wrap: auto
}

@media(max-width: 550px) {
    .accordion .item .content p {
        padding: 12px 0 14px;
        line-height: 145%
    }
}

.accordion .item.active .header svg {
    flex-shrink: 0;
    transform: rotate(-180deg)
}

.accordion .item.active .header svg path {
    d: path("M16.6666 10H3.33325")
}

.tab-container .tab-nav {
    display: flex
}

.tab-container .tab-nav span {
    display: block;
    width: 100%;
    transition: all .3s ease;
    cursor: pointer;
    text-align: center;
    padding: 15px;
    border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.tab-container .tab-nav span.active {
    border-color: #000
}

.tab-container .tab-content>.item {
    display: none
}

.tab-container .tab-content>.item.active {
    display: block
}

.swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 2px;
    background: hsla(0, 0%, 100%, .6);
    opacity: 1;
    border-radius: 0;
    margin: 0 2px !important
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
    width: 44px
}

.swiper .slider-arrows .swiper-button-prev::after,
.swiper .slider-arrows .swiper-button-next::after {
    content: none
}

.marquee {
    overflow: hidden;
    width: 100%;
    padding: 16px 0;
    background: #f4efea
}

@media(max-width: 500px) {
    .marquee {
        padding: 12px 0
    }
}

.marquee .marquee__content {
    display: flex;
    flex-wrap: nowrap;
    will-change: transform;
    gap: 3.375em;
    justify-content: center
}

@media(max-width: 767px) {
    .marquee .marquee__content {
        animation: scroll-left 30s linear infinite;
        justify-content: flex-start
    }
}

@media(max-width: 500px) {
    .marquee .marquee__content {
        gap: 32px
    }
}

.marquee {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: #f4efea;
}

/* Полностью отключаем старую бегущую механику */
.marquee .marquee__inner,
.marquee .marquee__track,
.marquee .marquee__content {
    box-sizing: border-box;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
    animation: none !important;
}

/* Одна группа из четырёх одинаковых колонок */
.marquee .marquee__group {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    width: min(100%, 1600px) !important;
    max-width: 1600px !important;
    min-width: 0 !important;
    margin: 0 auto;
    padding: 24px clamp(24px, 4vw, 64px);

    column-gap: clamp(24px, 3vw, 48px);
    row-gap: 20px;

    transform: none !important;
    animation: none !important;
}

/* Скрываем дубликат, который использовался для анимации */
.marquee .marquee__group+.marquee__group {
    display: none !important;
}

/* Одна карточка */
.marquee .marquee__group .item {
    box-sizing: border-box;
    display: flex !important;
    align-items: flex-start;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    gap: 14px;
    margin: 0 !important;
    padding: 0 !important;

    color: #1a1a1a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;

    white-space: normal !important;
    overflow: hidden;
}

/* Иконка не сжимается */
.marquee .marquee__group .item img {
    display: block;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    flex: 0 0 30px !important;
    object-fit: contain;
}

/* Текстовая часть обязана помещаться внутри карточки */
.marquee .marquee__group .item>div,
.marquee .marquee__group .item>span,
.marquee .marquee__group .item>p {
    box-sizing: border-box;
    display: block;

    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;

    margin: 0 !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: normal !important;
}

/* Любые элементы текста внутри обёртки */
.marquee .marquee__group .item strong,
.marquee .marquee__group .item b,
.marquee .marquee__group .item small {
    display: block;
    max-width: 100%;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

/* Планшет — две колонки */
@media (max-width: 1100px) {
    .marquee .marquee__group {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 22px 28px;
        gap: 22px 32px;
    }
}

/* Телефон — одна колонка */
@media (max-width: 600px) {
    .marquee .marquee__group {
        grid-template-columns: minmax(0, 1fr);
        padding: 18px;
        gap: 16px;
    }

    .marquee .marquee__group .item {
        gap: 12px;
        font-size: 12px;
        line-height: 1.4;
    }

    .marquee .marquee__group .item img {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        max-width: 26px !important;
        flex-basis: 26px !important;
    }
}

.preloader.active {
    opacity: 0;
    visibility: hidden
}

#totop {
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    position: fixed;
    right: 42px;
    bottom: 15px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #003c7d;
    display: flex;
    padding: 7px 7px 7px;
    z-index: 99
}

@media(max-width: 767px) {
    #totop {
        right: 27px
    }
}

#totop.active {
    opacity: 1;
    visibility: visible
}

.fancybox__backdrop {
    background: rgba(12, 12, 12, .5)
}

.fancybox__slide {
    padding: 1.875em
}

@media(max-width: 550px) {
    .fancybox__slide {
        padding: 16px
    }
}

.modal {
    max-width: 448px;
    padding: 2em 1.5em
}

@media(max-width: 550px) {
    .modal {
        padding: 12px
    }
}

.modal.buy-one-click .title {
    margin-bottom: 1.3333333333em
}

@media(max-width: 550px) {
    .modal.buy-one-click .title {
        margin-bottom: 24px
    }
}

.modal .close {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 6px;
    top: 6px
}

@media(max-width: 550px) {
    .modal .close {
        width: 32px;
        height: 32px;
        right: 6px;
        top: 9px
    }
}

@media(max-width: 550px) {
    .modal .close [data-modal-closer] {
        width: 16px;
        height: 16px
    }
}

.modal .title {
    color: #1a1a1a;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 116%;
    font-family: "Inter", sans-serif;
    margin-bottom: 0.4166666667em
}

@media(max-width: 550px) {
    .modal .title {
        font-size: 22px;
        line-height: 118%
    }
}

.modal .subtitle-1 {
    color: #1a1a1a;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 145%;
    font-family: "Inter", sans-serif;
    text-wrap: auto
}

@media(max-width: 550px) {
    .modal .subtitle-1 {
        font-size: 14px
    }
}

.modal .subtitle-1+.row {
    margin-top: 32px
}

.modal .row {
    display: flex;
    flex-direction: column;
    gap: 0.375em;
    margin-bottom: 16px
}

.modal .row:last-of-type {
    margin-bottom: 0
}

@media(max-width: 550px) {
    .modal .row {
        gap: 6px
    }
}

.modal .row label {
    color: #1a1a1a;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 128%;
    transition: color .3s ease
}

@media(max-width: 550px) {
    .modal .row label {
        font-size: 14px
    }
}

.modal .row.filled label {
    color: #6d6d6d
}

.modal .row textarea {
    padding: 12px 14px;
    min-height: 124px;
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 145%
}

.modal .row textarea:hover {
    border-color: #cecece
}

.modal .row textarea:focus {
    border-color: #6d6d6d
}

.modal input {
    padding: 12px 14px;
    border: 1px solid #e7e7e7;
    background: #fff;
    margin-bottom: 0;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 500;
    line-height: 145%;
    color: var(--0C0C0C, #1a1a1a);
    font-family: "Inter", sans-serif
}

.modal input:hover {
    border-color: #cecece
}

.modal input:focus {
    border-color: #6d6d6d
}

@media(max-width: 550px) {
    .modal input {
        padding: 11px 14px
    }
}

.modal .privacy {
    color: #9e9e9e;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 133%;
    text-wrap: auto;
    margin-top: 12px
}

@media(max-width: 550px) {
    .modal .privacy {
        font-size: 12px
    }
}

.modal .btn {
    width: 100%;
    margin-top: 2em
}

@media(max-width: 550px) {
    .modal .btn {
        margin-top: 24px
    }
}

.modal .stars {
    display: flex;
    gap: 6px;
    margin: 2em 0
}

@media(max-width: 550px) {
    .modal .stars {
        margin: 24px 0
    }
}

.modal .stars .star {
    display: inline-flex;
    cursor: pointer
}

.modal .stars .star path {
    fill: rgba(0, 0, 0, 0);
    stroke: #dbdbdb;
    transition: fill .2s ease, stroke .2s ease
}

.modal .stars .star.is-active path {
    fill: #1a1a1a;
    stroke: #1a1a1a
}

@media(max-width: 550px) {
    .modal .stars .star {
        width: 40px;
        height: 40px
    }
}

.title-1 {
    color: #1a1a1a;
    font-family: "Playfair Display", sans-serif;
    font-size: 4em;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    text-transform: uppercase
}

@media(max-width: 500px) {
    .title-1 {
        font-size: 40px
    }
}

.title-2 {
    color: #1a1a1a;
    font-family: "Playfair Display", sans-serif;
    font-size: 3em;
    font-weight: 300;
    line-height: 54px;
    text-transform: uppercase
}

@media(max-width: 500px) {
    .title-2 {
        font-size: 32px
    }
}

.title-3 {
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 1.875em;
    font-style: normal;
    font-weight: 500;
    line-height: 36px
}

@media(max-width: 500px) {
    .title-3 {
        font-size: 22px
    }
}

.title-4 {
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 1.5em;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

@media(max-width: 500px) {
    .title-4 {
        font-size: 20px
    }
}

.text {
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 24px
}

@media(max-width: 500px) {
    .text {
        font-size: 16px
    }
}

.text-2 {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 24px
}

@media(max-width: 500px) {
    .text-2 {
        font-size: 14
    }
}

.subtitle {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 1.125em;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase
}

@media(max-width: 500px) {
    .subtitle {
        font-size: 16px
    }
}

header {
    background: #2b2020;
    padding: 10px 0 12px;
    position: relative
}

@media(max-width: 500px) {
    header {
        padding: 7px 0
    }
}

header .holder .upper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

header .holder .upper .dimon-menu {
    display: none;
    gap: 12px
}

@media(max-width: 767px) {
    header .holder .upper .dimon-menu {
        display: flex;
        gap: 18px;
        align-items: center
    }
}

header .holder .upper .dimon-menu .icon {
    position: relative
}

header .holder .upper .dimon-menu .icon span {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 0;
    width: 13px;
    height: 12px;
    background: #fff;
    color: #1a1a1a;
    text-align: center;
    font-size: 8px;
    font-weight: 600
}

header .holder .upper .logo {
    display: flex;
    margin-right: 28px
}

@media(max-width: 767px) {
    header .holder .upper .logo {
        margin-right: 0
    }
}

header .holder .upper .logo img {
    width: 100%;
    max-width: 9.3125em
}

@media(max-width: 500px) {
    header .holder .upper .logo img {
        max-width: 109px
    }
}

header .holder .upper .btn {
    padding: 1.1666666667em 2em
}

@media(max-width: 767px) {
    header .holder .upper .btn {
        display: none
    }
}

header .holder .upper .navigate {
    display: flex;
    align-items: center;
    gap: 1.75em
}

header .holder .upper .navigate .lang {
    display: flex;
    gap: 6px
}

@media(max-width: 767px) {
    header .holder .upper .navigate .lang {
        display: none
    }
}

header .holder .upper .navigate .lang .item {
    color: #9e9e9e;
    text-align: center;
    font-size: 0.875em;
    font-weight: 500;
    line-height: 18px
}

@media(max-width: 500px) {
    header .holder .upper .navigate .lang .item {
        font-size: 14px
    }
}

header .holder .upper .navigate .lang .item.current {
    color: #fff
}

header .holder .upper .navigate .lang .separator {
    width: 1px;
    height: 20px;
    display: block;
    align-self: center;
    background: #dbdbdb
}

header .holder .upper .navigate .dimon-menu {
    display: flex;
    gap: 1.5em
}

header .holder .upper .navigate .dimon-menu .icon {
    display: inline-flex;
    cursor: pointer
}

@media(max-width: 767px) {
    header .holder .upper .navigate .dimon-menu .icon:nth-child(1) {
        display: none
    }
}

header .burger {
    position: relative;
    background: #fff;
    transition: all 0ms 300ms;
    flex-shrink: 0;
    display: none
}

@media(max-width: 767px) {
    header .burger {
        display: flex
    }
}

header .burger,
header .burger:after,
header .burger:before {
    width: 18px;
    height: 1.5px
}

header .burger:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    background: #fff;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

header .burger:after {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background: #fff;
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

header .burger.active {
    background: rgba(0, 0, 0, 0) !important
}

header .burger.active:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

header .burger.active:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

header nav {
    margin-top: 14px
}

@media(max-width: 767px) {
    header nav {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background: #fff;
        display: none;
        margin-top: 0;
        flex-direction: column;
        z-index: 5
    }
}

header nav.active {
    display: flex !important
}

header nav .menu {
    display: flex;
    gap: 1.75em;
    justify-content: center;
    list-style-type: none
}

@media(max-width: 767px) {
    header nav .menu {
        justify-content: flex-start;
        flex-direction: column;
        width: 100%;
        padding: 0 16px;
        margin-top: 56px
    }
}

header nav .menu .close-menu {
    display: none
}

@media(max-width: 767px) {
    header nav .menu .close-menu {
        display: flex;
        background: rgba(0, 0, 0, 0);
        border: none;
        outline: none;
        position: absolute;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 16px;
        top: 12px;
        z-index: 6
    }
}

@media(max-width: 767px) {
    header nav .menu li:nth-child(2) {
        padding: 15px 0;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7
    }
}

header nav .menu li a {
    color: #fff;
    font-size: 1em;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
    display: inline-flex;
    gap: 0.375em
}

@media(max-width: 767px) {
    header nav .menu li a {
        color: #1a1a1a;
        font-weight: 600;
        font-size: 16px;
        gap: 20px;
        align-items: center;
        justify-content: space-between;
        display: flex
    }
}

header nav .menu li a:hover,
header nav .menu li a:active {
    color: #9e9e9e
}

header nav .menu li a:hover .icon,
header nav .menu li a:active .icon {
    transform: rotate(180deg)
}

@media(max-width: 767px) {

    header nav .menu li a:hover .icon,
    header nav .menu li a:active .icon {
        transform: rotate(0deg)
    }
}

header nav .menu li a .icon {
    display: inline-flex;
    transition: all .3s ease
}

@media(max-width: 767px) {
    header nav .menu li a .icon img:nth-child(1) {
        display: none
    }
}

header nav .menu li a .icon img:nth-child(2) {
    display: none
}

@media(max-width: 767px) {
    header nav .menu li a .icon img:nth-child(2) {
        display: block
    }
}

header nav .menu li .submenu {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    width: 100%;
    z-index: 2
}

@media(max-width: 767px) {
    header nav .menu li .submenu {
        top: 0;
        height: 100vh
    }
}

header nav .menu li .submenu::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100vh;
    background: rgba(12, 12, 12, .5);
    z-index: -1
}

header nav .menu li .submenu .holder {
    max-width: 77em;
    padding: 2em 1em 3.5em;
    display: grid;
    grid-template-columns: 1fr max-content;
    align-items: start
}

@media(max-width: 767px) {
    header nav .menu li .submenu .holder {
        display: flex;
        flex-direction: column;
        padding: 16px 12px
    }
}

header nav .menu li .submenu .holder .menu-name {
    display: none;
    color: #1a1a1a;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding: 0 0 12px;
    width: 100%;
    border-bottom: 1px solid #e7e7e7
}

@media(max-width: 767px) {
    header nav .menu li .submenu .holder .menu-name {
        display: flex;
        align-items: center
    }
}

header nav .menu li .submenu .holder .menu-name .icon {
    width: 32px;
    height: 32;
    display: flex;
    align-items: center;
    justify-content: center
}

header nav .menu li .submenu .holder .category-list {
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    column-gap: 4em;
    align-items: start
}

@media(max-width: 767px) {
    header nav .menu li .submenu .holder .category-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-top: 16px;
        width: 100%
    }
}

header nav .menu li .submenu .holder .category-list .coloumn {
    display: flex;
    flex-direction: column;
    gap: 2.5em
}

@media(max-width: 767px) {
    header nav .menu li .submenu .holder .category-list .coloumn {
        gap: 16px;
        width: 100%
    }
}

header nav .menu li .submenu .holder .category-list .coloumn .category {
    display: flex;
    flex-direction: column;
    gap: 1em
}

@media(max-width: 767px) {
    header nav .menu li .submenu .holder .category-list .coloumn .category {
        padding: 5px 0
    }
}

header nav .menu li .submenu .holder .category-list .coloumn .category .name {
    color: #1a1a1a;
    font-size: 1em;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s ease
}

header nav .menu li .submenu .holder .category-list .coloumn .category .name a {
    color: #1a1a1a
}

header nav .menu li .submenu .holder .category-list .coloumn .category .name a:hover {
    color: #9e9e9e
}

@media(max-width: 767px) {
    header nav .menu li .submenu .holder .category-list .coloumn .category .name a:hover {
        color: #1a1a1a
    }
}

header nav .menu li .submenu .holder .category-list .coloumn .category .name:hover {
    color: #9e9e9e
}

@media(max-width: 767px) {
    header nav .menu li .submenu .holder .category-list .coloumn .category .name:hover {
        color: #1a1a1a
    }
}

@media(max-width: 500px) {
    header nav .menu li .submenu .holder .category-list .coloumn .category .name {
        font-size: 16px
    }
}

@media(max-width: 767px) {
    header nav .menu li .submenu .holder .category-list .coloumn .category .name {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px
    }
}

header nav .menu li .submenu .holder .category-list .coloumn .category .name .icon-pluse {
    display: none
}

@media(max-width: 767px) {
    header nav .menu li .submenu .holder .category-list .coloumn .category .name .icon-pluse {
        display: inline-block;
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5.83333 0.5V11.1667M11.1667 5.83333H0.5' stroke='%230C0C0C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat
    }
}

header nav .menu li .submenu .holder .category-list .coloumn .category.open .name {
    border-bottom: 1px solid #9e9e9e;
    padding: 5px 0 12px;
    font-weight: 600
}

@media(max-width: 767px) {
    header nav .menu li .submenu .holder .category-list .coloumn .category.open .name .icon-pluse {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='1' viewBox='0 0 12 1' fill='none'%3E%3Cpath d='M11.1667 0.5H0.5' stroke='%230C0C0C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 1px no-repeat
    }
}

header nav .menu li .submenu .holder .category-list .coloumn .category .category-menu {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 0.75em
}

@media(max-width: 767px) {
    header nav .menu li .submenu .holder .category-list .coloumn .category .category-menu {
        display: none;
        gap: 12px
    }
}

header nav .menu li .submenu .holder .category-list .coloumn .category .category-menu li:nth-child(2) {
    padding: 0;
    border: none
}

header nav .menu li .submenu .holder .category-list .coloumn .category .category-menu li a {
    color: #1a1a1a;
    font-size: 0.875em;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    text-transform: none;
    gap: 0
}

header nav .menu li .submenu .holder .category-list .coloumn .category .category-menu li a:hover {
    color: #9e9e9e
}

@media(max-width: 500px) {
    header nav .menu li .submenu .holder .category-list .coloumn .category .category-menu li a {
        font-size: 14px
    }
}

header nav .menu li .submenu .holder .image-category img {
    height: 16.125em;
    width: 22.5em;
    object-fit: contain
}

@media(max-width: 950px) {
    header nav .menu li .submenu .holder .image-category img {
        display: none
    }
}

header nav .menu li .submenu.active {
    opacity: 1;
    visibility: visible
}

header nav .menu li:hover .submenu {
    opacity: 1;
    visibility: visible
}

@media(min-width: 768px) {
    header nav .menu li.catalog>a {
        position: relative
    }

    header nav .menu li.catalog>a::after {
        content: "";
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        height: 18px;
        background: rgba(0, 0, 0, 0)
    }
}

@media(max-width: 767px) {
    header nav .menu li.catalog:hover .submenu {
        opacity: 0;
        visibility: hidden
    }

    header nav .menu li.catalog.open .submenu {
        opacity: 1;
        visibility: visible
    }
}

header nav .mob-block {
    display: none;
    padding: 0 16px
}

@media(max-width: 767px) {
    header nav .mob-block {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px
    }
}

header nav .mob-block .btn {
    width: 100%;
    padding: 18px 24px;
    font-size: 12px;
    font-weight: 600
}

header nav .mob-block .lang {
    display: flex;
    gap: 12px
}

header nav .mob-block .lang .item {
    color: #9e9e9e;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

header nav .mob-block .lang .item.current {
    color: #1a1a1a
}

header nav .mob-block .lang .separator {
    width: 1px;
    height: 20px;
    display: block;
    align-self: center;
    background: #e7e7e7
}

header nav .mob-block .cls-icon {
    display: flex;
    gap: 32px
}

header nav .mob-block .cls-icon a {
    display: inline-flex
}

header .search-product {
    display: none;
    position: absolute;
    z-index: 5;
    top: 100%;
    background: #fff;
    width: 100%
}

header .search-product.active {
    display: block
}

header .search-product::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100vh;
    background: rgba(12, 12, 12, .5)
}

header .search-product .container {
    max-width: 692px;
    padding: 0 16px;
    margin: 24px auto 24px;
    position: relative
}

@media(max-width: 550px) {
    header .search-product .container {
        margin: 16px auto 24px
    }
}

header .search-product .container .input-fields {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    border-bottom: 1px solid #9e9e9e;
    padding-bottom: 16px;
    font-family: "Inter", sans-serif
}

header .search-product .container .input-fields .icon-search {
    display: inline-flex
}

header .search-product .container .input-fields input {
    border: none;
    overflow: hidden;
    color: #1a1a1a;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    line-height: 128%;
    padding: 0;
    margin-bottom: 0
}

header .search-product .container .input-fields .clear-btn {
    outline: none;
    user-select: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 4px;
    cursor: pointer;
    color: #1a1a1a;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    font-family: "Inter", sans-serif
}

@media(max-width: 767px) {
    header .search-product .container .input-fields .clear-btn {
        margin-right: 40px
    }
}

header .search-product .container .input-fields .close-search {
    outline: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    position: absolute;
    top: 0;
    right: -24px;
    width: 24px;
    height: 24px
}

@media(max-width: 767px) {
    header .search-product .container .input-fields .close-search {
        right: 16px
    }
}

header .search-product .container .search-result {
    margin-top: 20px
}

header .search-product .container .search-result .products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em 2.5em
}

@media(max-width: 550px) {
    header .search-product .container .search-result .products {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px
    }
}

header .search-product .container .search-result .products .item {
    display: flex;
    gap: 16px
}

header .search-product .container .search-result .products .item .image img {
    width: 5em;
    height: 5em;
    object-fit: contain
}

@media(max-width: 550px) {
    header .search-product .container .search-result .products .item .image img {
        width: 80px;
        height: 80px
    }
}

header .search-product .container .search-result .products .item .info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1
}

header .search-product .container .search-result .products .item .info .name {
    color: #1a1a1a;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%
}

header .search-product .container .search-result .products .item .info .order {
    display: flex;
    justify-content: space-between;
    align-items: center
}

header .search-product .container .search-result .products .item .info .order .price {
    display: flex;
    flex-direction: column;
    gap: 4px
}

header .search-product .container .search-result .products .item .info .order .price .old {
    color: #9e9e9e;
    font-size: 10px;
    font-weight: 500;
    line-height: 140%;
    text-decoration-line: line-through
}

header .search-product .container .search-result .products .item .info .order .price .current {
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 600;
    line-height: 116%
}

header .search-product .container .search-result .products .item .info .order .add-to-cart {
    background: rgba(0, 0, 0, 0);
    outline: none;
    border: none;
    user-select: none;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center
}

header .search-product .container .search-result .link-cont {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px
}

header .search-product .container .search-result .link-cont .result-all-link {
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    padding-bottom: 4px;
    text-transform: uppercase;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 4px
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0
}

@media(max-width: 767px) {
    .blog-grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.blog-grid .blog-post {
    display: flex;
    gap: 2em;
    border-top: 1px solid #e7e7e7;
    padding: 24px 0
}

@media(max-width: 550px) {
    .blog-grid .blog-post {
        flex-direction: column;
        gap: 12px;
        padding: 20px 0
    }
}

.blog-grid .blog-post:nth-child(odd) {
    position: relative;
    padding-right: 2em
}

@media(max-width: 767px) {
    .blog-grid .blog-post:nth-child(odd) {
        padding-right: 0
    }
}

.blog-grid .blog-post:nth-child(odd)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 24px;
    bottom: 24px;
    width: 1px;
    background: #e7e7e7
}

.blog-grid .blog-post:nth-child(even) {
    padding-left: 2em
}

@media(max-width: 767px) {
    .blog-grid .blog-post:nth-child(even) {
        padding-left: 0
    }
}

@media(max-width: 767px) {
    .blog-grid .blog-post:nth-child(odd)::after {
        display: none
    }
}

.blog-grid .blog-post:nth-last-child(-n+2) {
    border-bottom: 1px solid #e7e7e7
}

.blog-grid .blog-post .image {
    flex: 1
}

@media(max-width: 767px) {
    .blog-grid .blog-post .image {
        flex: unset
    }
}

.blog-grid .blog-post .image img {
    object-fit: cover;
    width: 18.875em;
    height: 15em
}

@media(max-width: 550px) {
    .blog-grid .blog-post .image img {
        height: 240px;
        width: 100%
    }
}

.blog-grid .blog-post .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    gap: 20px
}

.blog-grid .blog-post .info .date {
    color: #6d6d6d;
    font-size: 12px;
    font-weight: 400;
    line-height: 116%
}

.blog-grid .blog-post .info .down {
    display: flex;
    flex-direction: column;
    gap: 0.625em
}

@media(max-width: 550px) {
    .blog-grid .blog-post .info .down {
        gap: 6px
    }
}

.blog-grid .blog-post .info .down .name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    text-wrap: auto;
    color: #1a1a1a;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 500;
    line-height: 122%;
    text-transform: uppercase
}

@media(max-width: 550px) {
    .blog-grid .blog-post .info .down .name {
        font-size: 16px;
        line-height: 137%
    }
}

.blog-grid .blog-post .info .down .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    text-wrap: auto;
    color: #1a1a1a;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 145%
}

@media(max-width: 550px) {
    .blog-grid .blog-post .info .down .text {
        font-size: 14px
    }
}

footer {
    background: #1c1a1b;
    padding: 3.25em 0 0
}

@media(max-width: 550px) {
    footer {
        padding: 40px 0 0
    }
}

footer .holder .top {
    display: flex;
    justify-content: space-between;
    gap: 3.25em;
    padding-bottom: 4em
}

@media(max-width: 550px) {
    footer .holder .top {
        flex-direction: column-reverse;
        gap: 44px;
        padding-bottom: 44px
    }
}

footer .holder .top .left {
    flex: .284
}

footer .holder .top .left .info {
    margin-bottom: 2.5em
}

@media(max-width: 550px) {
    footer .holder .top .left .info {
        margin-bottom: 0
    }
}

footer .holder .top .left .info .f-text {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    text-wrap: auto
}

footer .holder .top .left .info .f-text b {
    font-weight: 600
}

footer .holder .top .left .bottom-sml {
    display: inline-flex;
    gap: 1.5em
}

footer .holder .top .left .bottom-sml a:hover img {
    transition: filter .2s ease
}

footer .holder .top .left .bottom-sml a:hover img:hover {
    filter: brightness(0.7)
}

@media(max-width: 767px) {
    footer .holder .top .left .bottom-sml {
        display: none
    }
}

footer .holder .top .menus {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5em
}

footer .holder .top .menus .bottom-sml {
    display: none;
    gap: 24px;
    margin-bottom: 40px
}

@media(max-width: 550px) {
    footer .holder .top .menus .bottom-sml {
        display: inline-flex;
        align-items: center;
        justify-content: center
    }
}

@media(max-width: 767px) {
    footer .holder .top .menus {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25em
    }
}

@media(max-width: 550px) {
    footer .holder .top .menus {
        grid-template-columns: repeat(1, 1fr);
        gap: 0
    }
}

@media(max-width: 550px) {
    footer .holder .top .menus .menu {
        margin: 0 -16px;
        border-top: 1px solid hsla(0, 0%, 100%, .1);
        padding: 16px 12px
    }
}

@media(max-width: 550px) {
    footer .holder .top .menus .menu:last-of-type {
        border-bottom: 1px solid hsla(0, 0%, 100%, .1)
    }
}

footer .holder .top .menus .menu .name {
    color: hsla(0, 0%, 100%, .4);
    font-size: 1.125em;
    font-style: normal;
    font-weight: 600;
    line-height: 122%;
    text-transform: uppercase;
    margin-bottom: 1.7777777778em
}

@media(max-width: 550px) {
    footer .holder .top .menus .menu .name {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 137%;
        text-transform: uppercase;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        user-select: none
    }
}

footer .holder .top .menus .menu .name .icon {
    display: none;
    transition: transform .3s ease
}

@media(max-width: 550px) {
    footer .holder .top .menus .menu .name .icon {
        display: inline-flex
    }
}

footer .holder .top .menus .menu ul {
    display: flex;
    flex-direction: column;
    gap: 1.125em;
    list-style-type: none
}

@media(max-width: 550px) {
    footer .holder .top .menus .menu ul {
        display: none;
        padding: 25px 0 24px;
        gap: 0
    }
}

@media(max-width: 550px) {
    footer .holder .top .menus .menu ul li {
        margin-top: 12px
    }

    footer .holder .top .menus .menu ul li:first-child {
        margin-top: 0
    }
}

footer .holder .top .menus .menu ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 128%;
    transition: color .3s ease
}

footer .holder .top .menus .menu ul li a:hover {
    color: hsla(0, 0%, 100%, .6)
}

@media(max-width: 550px) {
    footer .holder .top .menus .menu ul li a {
        color: hsla(0, 0%, 100%, .6)
    }
}

footer .holder .top .menus .menu.open .name .icon {
    transform: rotate(180deg)
}

@media(max-width: 550px) {
    footer .holder .top .menus>.menu:nth-last-child(2) {
        border-bottom: 1px solid hsla(0, 0%, 100%, .1)
    }
}

@media(max-width: 550px) {
    footer .holder .top .menus .contact-menu {
        margin-top: 44px
    }
}

footer .holder .top .menus .contact-menu .name {
    color: hsla(0, 0%, 100%, .4);
    font-size: 1.125em;
    font-style: normal;
    font-weight: 600;
    line-height: 122%;
    text-transform: uppercase;
    margin-bottom: 1.7777777778em
}

@media(max-width: 550px) {
    footer .holder .top .menus .contact-menu .name {
        display: none
    }
}

footer .holder .top .menus .contact-menu .contacts {
    display: flex;
    flex-direction: column;
    gap: 1.25em
}

@media(max-width: 550px) {
    footer .holder .top .menus .contact-menu .contacts {
        gap: 24px
    }
}

footer .holder .top .menus .contact-menu .contacts li {
    display: flex;
    flex-direction: column;
    gap: 0.5em
}

footer .holder .top .menus .contact-menu .contacts li .title {
    color: hsla(0, 0%, 100%, .4);
    font-size: 0.875em;
    font-weight: 500;
    line-height: 128%;
    transition: color .3s ease
}

@media(max-width: 550px) {
    footer .holder .top .menus .contact-menu .contacts li .title {
        font-size: 14px
    }
}

footer .holder .top .menus .contact-menu .contacts li a {
    color: #fff;
    font-size: 0.875em;
    font-weight: 500;
    line-height: 128%;
    transition: color .3s ease
}

footer .holder .top .menus .contact-menu .contacts li a:hover {
    color: hsla(0, 0%, 100%, .6)
}

@media(max-width: 550px) {
    footer .holder .top .menus .contact-menu .contacts li a {
        font-size: 14px
    }
}

footer .holder .bottom {
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1em
}

@media(max-width: 767px) {
    footer .holder .bottom {
        flex-direction: column;
        align-items: unset
    }
}

@media(max-width: 550px) {
    footer .holder .bottom {
        padding: 0 0 16px;
        gap: 12px
    }
}

footer .holder .bottom .copyright {
    color: #fff;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 0.875em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

@media(max-width: 550px) {
    footer .holder .bottom .copyright {
        font-size: 12px
    }
}

footer .holder .bottom .company {
    display: flex;
    align-items: center;
    gap: 1.875em;
    justify-content: space-between
}

footer .holder .bottom .company img {
    transition: filter .2s ease
}

footer .holder .bottom .company img:hover {
    filter: brightness(0.7)
}

footer .holder .bottom .company .text {
    color: #fff;
    text-align: right;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 150%
}

@media(max-width: 550px) {
    footer .holder .bottom .company .text {
        font-size: 12px
    }
}

.aside-cart {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 999
}

.aside-cart::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: -1
}

.aside-cart .cart {
    background: #fff;
    width: 540px;
    height: 100vh;
    height: 100dvh;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column
}

@media(max-width: 550px) {
    .aside-cart .cart {
        width: 100%
    }
}

.aside-cart .cart .head {
    padding: 14px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e7e7e7
}

@media(max-width: 550px) {
    .aside-cart .cart .head {
        padding: 12px 16px
    }
}

.aside-cart .cart .head .name {
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 116%
}

@media(max-width: 550px) {
    .aside-cart .cart .head .name {
        font-size: 20px
    }
}

.aside-cart .cart .head .close-cart {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px
}

@media(max-width: 550px) {
    .aside-cart .cart .head .close-cart {
        width: 32px;
        height: 32px
    }
}

.aside-cart .cart #products {
    margin-top: 24px;
    padding: 0 24px;
    display: flex;
    flex-direction: column;
    gap: 2em;
    flex: 1;
    min-height: 0;
    overflow-y: auto
}

@media(max-width: 550px) {
    .aside-cart .cart #products {
        gap: 28px;
        padding: 0 16px
    }
}

.aside-cart .cart #products .product {
    display: flex;
    gap: 1.75em
}

@media(max-width: 550px) {
    .aside-cart .cart #products .product {
        gap: 12px
    }
}

.aside-cart .cart #products .product .image img {
    width: 7.75em;
    height: 7.75em;
    object-fit: contain
}

@media(max-width: 550px) {
    .aside-cart .cart #products .product .image img {
        width: 112px;
        height: 112px
    }
}

.aside-cart .cart #products .product .info {
    flex: 1
}

.aside-cart .cart #products .product .info .details {
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media(max-width: 550px) {
    .aside-cart .cart #products .product .info .details {
        gap: 8px
    }
}

.aside-cart .cart #products .product .info .details .name {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 500;
    line-height: 125%
}

@media(max-width: 550px) {
    .aside-cart .cart #products .product .info .details .name {
        font-size: 14px
    }
}

.aside-cart .cart #products .product .info .details .extent {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
    line-height: 133%
}

.aside-cart .cart #products .product .info .details .extent span {
    color: #1a1a1a;
    font-weight: 500
}

.aside-cart .cart #products .product .info .details .price {
    display: flex;
    gap: 10px;
    align-items: center
}

.aside-cart .cart #products .product .info .details .price .current {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 600;
    line-height: 112%
}

.aside-cart .cart #products .product .info .details .price .old {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
    line-height: 125%;
    text-decoration-line: line-through
}

.aside-cart .cart #products .product .info .actions {
    margin-top: 1.5em;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(max-width: 550px) {
    .aside-cart .cart #products .product .info .actions {
        margin-top: 24px
    }
}

.aside-cart .cart #products .product .info .actions .remove-product {
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
    user-select: none;
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    padding-bottom: 4px;
    border-bottom: 1px solid #1a1a1a
}

.aside-cart .cart #products .product .info .actions .counted {
    display: flex;
    align-items: center;
    gap: 4px
}

.aside-cart .cart #products .product .info .actions .counted button {
    cursor: pointer;
    outline: none;
    border: none;
    background: none;
    user-select: none;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 550px) {
    .aside-cart .cart #products .product .info .actions .counted button {
        width: 24px;
        height: 24px
    }
}

.aside-cart .cart #products .product .info .actions .counted input {
    padding: 6px 2px;
    overflow: hidden;
    color: #1a1a1a;
    text-align: center;
    text-overflow: ellipsis;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 145%;
    display: -webkit-box;
    width: 40px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
    border: 1px solid #e4e3e2
}

.aside-cart .cart .bottom {
    border-top: 1px solid #e7e7e7;
    padding: 20px 16px calc(16px + env(safe-area-inset-bottom, 0px));
    flex-shrink: 0
}

.aside-cart .cart .bottom .info {
    display: flex;
    justify-content: space-between
}

.aside-cart .cart .bottom .info .name {
    color: #1a1a1a;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase
}

@media(max-width: 550px) {
    .aside-cart .cart .bottom .info .name {
        font-size: 16px;
        line-height: 128%
    }
}

.aside-cart .cart .bottom .info .price {
    display: flex;
    align-items: center;
    gap: 8px
}

.aside-cart .cart .bottom .info .price .total {
    color: #9e9e9e;
    font-size: 1em;
    font-weight: 400;
    line-height: 137%;
    text-decoration-line: line-through
}

@media(max-width: 550px) {
    .aside-cart .cart .bottom .info .price .total {
        font-size: 14px
    }
}

.aside-cart .cart .bottom .info .price .current {
    color: #1a1a1a;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 120%
}

@media(max-width: 550px) {
    .aside-cart .cart .bottom .info .price .current {
        font-size: 16px
    }
}

.aside-cart .cart .bottom .btns {
    display: flex;
    gap: 12px;
    margin-top: 1.5em
}

@media(max-width: 550px) {
    .aside-cart .cart .bottom .btns {
        flex-direction: column-reverse;
        gap: 10px;
        margin-top: 20px
    }
}

.aside-cart .cart .bottom .btns .btn {
    width: 100%
}

@media(max-width: 550px) {
    .aside-cart .cart .bottom .btns .btn {
        padding: 18px 24px;
        font-size: 12px
    }
}

.breadcrumbs {
    margin-top: 24px
}

@media(max-width: 550px) {
    .breadcrumbs {
        margin-top: 14px
    }
}

.breadcrumbs .holder {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none
}

.breadcrumbs .holder::-webkit-scrollbar {
    display: none
}

.breadcrumbs .holder a {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
    color: #1a1a1a;
    text-wrap: nowrap
}

.breadcrumbs .holder a.current {
    color: #9e9e9e
}

.breadcrumbs .holder .separator {
    color: #cecece;
    text-align: right;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.pagination .btns {
    margin-bottom: 24px
}

.pagination .btns .show-more {
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
    user-select: none;
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 4px
}

.pagination .list-holder {
    display: flex;
    align-items: center;
    gap: 12px
}

@media(max-width: 767px) {
    .pagination .list-holder {
        gap: 16px
    }
}

.pagination .list-holder .arrow {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    background: hsla(0, 0%, 100%, .1);
    backdrop-filter: blur(5px)
}

.pagination .list-holder .arrow.disabled svg path {
    stroke: #cecece
}

.pagination .list-holder .list-page {
    display: flex;
    gap: 6px
}

@media(max-width: 767px) {
    .pagination .list-holder .list-page {
        gap: 10px
    }
}

.pagination .list-holder .list-page a {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a1a1a;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 112%;
    text-transform: uppercase
}

.pagination .list-holder .list-page a.current {
    border-bottom: 1.5px solid #1a1a1a
}

.pagination .list-holder .list-page a:hover {
    color: #cecece
}

.favorite-page-section {
    padding: 1.5em 0 3.75em
}

@media(max-width: 500px) {
    .favorite-page-section {
        padding: 12px 0 40px
    }
}

.favorite-page-section .holder .title-1 {
    margin-bottom: 0.6875em
}

@media(max-width: 550px) {
    .favorite-page-section .holder .title-1 {
        margin-bottom: 32px
    }
}

.favorite-page-section-recent {
    padding: 3.75em 0 7.5em
}

@media(max-width: 500px) {
    .favorite-page-section-recent {
        padding: 30px 0 80px
    }
}

.search-page-section {
    padding: 1.5em 0 7.5em
}

@media(max-width: 500px) {
    .search-page-section {
        padding: 14px 0 80px
    }
}

.search-page-section .holder .title-1 {
    margin-bottom: 0.6875em !important
}

@media(max-width: 550px) {
    .search-page-section .holder .title-1 {
        margin-bottom: 32px !important
    }
}

.search-page-section .holder .result {
    color: #010101;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 116%;
    margin-bottom: 1.8333333333em
}

@media(max-width: 550px) {
    .search-page-section .holder .result {
        font-size: 20px;
        margin-bottom: 32px
    }
}

.page-404-found {
    padding: 10em 0 18.75em
}

@media(max-width: 500px) {
    .page-404-found {
        padding: 90px 0 400px
    }
}

.page-404-found .holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.page-404-found .holder .name {
    color: #9e9e9e;
    font-size: 5em;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 0.3em
}

@media(max-width: 550px) {
    .page-404-found .holder .name {
        font-size: 64px;
        margin-bottom: 24px
    }
}

.page-404-found .holder .info {
    color: #010101;
    font-size: 1.125em;
    font-weight: 500;
    line-height: 133%;
    margin-bottom: 1.7777777778em
}

@media(max-width: 550px) {
    .page-404-found .holder .info {
        font-size: 16px;
        margin-bottom: 32px
    }
}

.page-404-found .holder .btn {
    padding: 16px 32px
}

.product-list .product .image {
    position: relative
}

.product-list .product .image .tag {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    background: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 0.75em;
    font-weight: 600;
    line-height: 116%;
    text-transform: uppercase;
    padding: 6px 10px
}

@media(max-width: 550px) {
    .product-list .product .image .tag {
        font-size: 10px;
        padding: 6px 8px
    }
}

.hero-home {
    height: 560px;
    padding: 0;
    background: #d1bcaf
}

@media(max-width: 500px) {
    .hero-home {
        height: 500px
    }
}

.hero-home .swiper {
    height: 100%
}

.hero-home .swiper .swiper-wrapper .swiper-slide {
    padding: 7.5em 0
}

@media(max-width: 500px) {
    .hero-home .swiper .swiper-wrapper .swiper-slide {
        padding: 100px 0
    }
}

.hero-home .swiper .swiper-wrapper .swiper-slide .holder h2.title {
    color: #fff;
    text-align: center;
    font-family: "Playfair Display", sans-serif;
    font-size: 2.75em;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    max-width: 800px;
    margin: 0 auto;
    text-wrap: auto;
    margin-bottom: 20px
}

@media(max-width: 500px) {
    .hero-home .swiper .swiper-wrapper .swiper-slide .holder h2.title {
        font-size: 30px;
        margin-bottom: 14px
    }
}

.hero-home .swiper .swiper-wrapper .swiper-slide .holder .text {
    color: #fff;
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    text-wrap: auto
}

@media(max-width: 500px) {
    .hero-home .swiper .swiper-wrapper .swiper-slide .holder .text {
        font-size: 14px;
        line-height: 145%
    }
}

.hero-home .swiper .swiper-wrapper .swiper-slide .holder .btns {
    margin-top: 2.5em;
    display: flex;
    justify-content: center;
    gap: 12px
}

@media(max-width: 500px) {
    .hero-home .swiper .swiper-wrapper .swiper-slide .holder .btns {
        margin-top: 24px;
        gap: 9px
    }
}

@media(max-width: 500px) {
    .hero-home .swiper .swiper-wrapper .swiper-slide .holder .btns .btn-white {
        min-width: 167px;
        padding: 17px 24px
    }
}

@media(max-width: 767px) {
    .hero-home .swiper .slider-arrows {
        display: none
    }
}

.hero-home .swiper .slider-arrows .swiper-button-next,
.hero-home .swiper .slider-arrows .swiper-button-prev {
    width: 44px;
    height: 44px;
    background: hsla(0, 0%, 100%, .1);
    backdrop-filter: blur(6px);
    user-select: none
}

.hero-home .swiper .slider-arrows .swiper-button-next svg,
.hero-home .swiper .slider-arrows .swiper-button-prev svg {
    width: 20px;
    height: 20px
}

.hero-home .swiper .slider-arrows .swiper-button-next::after,
.hero-home .swiper .slider-arrows .swiper-button-prev::after {
    font-family: unset;
    content: ""
}

.hero-home .swiper .slider-arrows .swiper-button-next.swiper-button-disabled,
.hero-home .swiper .slider-arrows .swiper-button-prev.swiper-button-disabled {
    display: none
}

.hero-home .swiper .slider-arrows .swiper-button-next {
    right: 32px
}

.hero-home .swiper .slider-arrows .swiper-button-prev {
    left: 32px
}

.home-mounjaro {
    position: relative;
    padding: 6.75em 0 6em;
    overflow: hidden;
    background: #f4efea
}

@media(max-width: 767px) {
    .home-mounjaro {
        padding: 60px 0 54px
    }
}

.home-mounjaro [data-animate],
.home-mounjaro [data-animate].animated,
.home-mounjaro .animated,
.home-mounjaro .fadeInUp {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important
}

.home-mounjaro .holder {
    display: block
}

.home-mounjaro__head {
    display: block;
    max-width: 1040px;
    margin: 0;
    padding: 0 0 clamp(38px, 5vw, 64px)
}

.home-mounjaro__head .title-1 {
    max-width: 980px;
    margin: 0;
    color: #1a1a1a;
    font-family: inherit;
    line-height: 108%;
    text-wrap: balance
}

.home-mounjaro__head .text {
    max-width: 760px;
    margin: clamp(20px, 2.5vw, 30px) 0 0;
    padding: 0;
    color: #6d6d6d;
    font-family: inherit;
    font-size: 15px;
    line-height: 165%;
    text-wrap: auto
}

.home-mounjaro__content {
    display: block;
    min-height: 0;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-top: 1px solid rgba(12, 12, 12, .18);
    border-bottom: 1px solid rgba(12, 12, 12, .18)
}

.home-mounjaro .label {
    display: block;
    width: auto;
    margin: 0 0 14px;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 0;
    color: #9a625c;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .11em;
    text-transform: uppercase
}

.home-mounjaro__primary {
    display: block;
    min-width: 0;
    padding: clamp(42px, 5vw, 66px) 0;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-bottom: 1px solid rgba(12, 12, 12, .13)
}

.home-mounjaro__primary h3 {
    max-width: 760px;
    margin: 0;
    color: #1a1a1a;
    font-family: inherit;
    font-size: clamp(27px, 2.8vw, 42px);
    font-weight: 500;
    line-height: 118%;
    text-transform: none;
    text-wrap: balance
}

.home-mounjaro__primary ul {
    display: block;
    max-width: 980px;
    margin: clamp(28px, 3.5vw, 42px) 0 0;
    padding: 0;
    list-style: none;
    counter-reset: mounjaro-benefit;
    border-top: 1px solid rgba(12, 12, 12, .12)
}

.home-mounjaro__primary li {
    counter-increment: mounjaro-benefit;
    position: relative;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    padding: 18px 0;
    border-bottom: 1px solid rgba(12, 12, 12, .12);
    color: #393532;
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 155%;
    text-wrap: auto
}

.home-mounjaro__primary li::before {
    content: counter(mounjaro-benefit, decimal-leading-zero);
    position: static;
    width: auto;
    height: auto;
    margin: 1px 0 0;
    background: rgba(0, 0, 0, 0);
    color: #d9a3a3;
    font-size: 11px;
    font-weight: 700;
    line-height: 190%;
    letter-spacing: .06em
}

.home-mounjaro__details {
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    border: 0
}

.home-mounjaro__compare,
.home-mounjaro__steps {
    display: block;
    min-width: 0;
    padding: clamp(40px, 5vw, 62px) 0;
    background: rgba(0, 0, 0, 0);
    border: 0
}

.home-mounjaro__compare {
    border-bottom: 1px solid rgba(12, 12, 12, .13)
}

.home-mounjaro__compare .label {
    margin-bottom: 22px
}

.home-mounjaro .compare-row {
    display: grid;
    grid-template-columns: minmax(180px, 0.34fr) minmax(0, 1fr);
    gap: clamp(28px, 5vw, 84px);
    align-items: baseline;
    max-width: 980px;
    padding: 15px 0;
    border-top: 1px solid rgba(12, 12, 12, .11)
}

.home-mounjaro .compare-row:last-child {
    border-bottom: 1px solid rgba(12, 12, 12, .11)
}

.home-mounjaro .compare-row span {
    color: #817a76;
    font-family: inherit;
    font-size: 12px;
    line-height: 145%
}

.home-mounjaro .compare-row strong {
    color: #1a1a1a;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 145%;
    text-align: left
}

.home-mounjaro__steps .label {
    margin-bottom: 20px
}

.home-mounjaro__quick {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    max-width: 980px;
    margin: 0 0 28px;
    padding: 0;
    border: 0;
    color: #1a1a1a;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    line-height: 145%;
    text-transform: uppercase
}

.home-mounjaro__quick span {
    display: inline-flex;
    align-items: center;
    min-height: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    border: 0;
    color: inherit;
    font: inherit;
    text-align: left
}

.home-mounjaro__quick span:not(:last-child)::after {
    content: "";
    width: 28px;
    height: 1px;
    margin: 0 16px;
    background: rgba(12, 12, 12, .26)
}

.home-mounjaro ol {
    display: block;
    max-width: 980px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: mounjaro-step;
    border-top: 1px solid rgba(12, 12, 12, .12)
}

.home-mounjaro ol li {
    counter-increment: mounjaro-step;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    padding: 17px 0;
    border-bottom: 1px solid rgba(12, 12, 12, .12);
    color: #393532;
    font-family: inherit;
    font-size: 14px;
    line-height: 155%
}

.home-mounjaro ol li::before {
    content: counter(mounjaro-step, decimal-leading-zero);
    color: #d9a3a3;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 190%;
    letter-spacing: .06em
}

.home-mounjaro .btns {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    padding: clamp(30px, 4vw, 46px) 0 0
}

.home-mounjaro .btns .btn {
    min-height: 52px
}

@media(max-width: 767px) {
    .home-mounjaro__head {
        padding-bottom: 34px
    }

    .home-mounjaro__head .text {
        margin-top: 18px;
        font-size: 14px;
        line-height: 155%
    }

    .home-mounjaro__primary,
    .home-mounjaro__compare,
    .home-mounjaro__steps {
        padding: 34px 0
    }

    .home-mounjaro__primary h3 {
        font-size: 25px
    }

    .home-mounjaro__primary ul {
        margin-top: 26px
    }

    .home-mounjaro__primary li {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 12px;
        padding: 15px 0;
        font-size: 14px
    }

    .home-mounjaro .compare-row {
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 14px 0
    }

    .home-mounjaro__quick {
        display: block;
        margin-bottom: 24px
    }

    .home-mounjaro__quick span {
        display: flex;
        padding: 9px 0;
        border-bottom: 1px solid rgba(12, 12, 12, .1)
    }

    .home-mounjaro__quick span:not(:last-child)::after {
        display: none
    }

    .home-mounjaro ol li {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 12px;
        padding: 15px 0
    }
}

@media(max-width: 550px) {
    .home-mounjaro .btns {
        flex-direction: column;
        align-items: stretch;
        gap: 10px
    }

    .home-mounjaro .btns .btn {
        width: 100%
    }
}

.category-home {
    padding: 6em 0 4.5em
}

@media(max-width: 767px) {
    .category-home {
        padding: 56px 0 44px
    }
}

.category-home .title-1 {
    margin-bottom: clamp(30px, 4vw, 20px)
}

.peptide-category-description {
    margin-bottom: 20px;
}

.peptide-category-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px
}

@media(max-width: 950px) {
    .peptide-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(max-width: 550px) {
    .peptide-category-grid {
        grid-template-columns: 1fr;
        gap: 8px
    }
}

.peptide-category-card {
    position: relative;
    isolation: isolate;
    min-height: 220px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    padding: 24px;
    background: #f4efea;
    border: 1px solid rgba(12, 12, 12, .06);
    color: #1a1a1a;
    transition: background .25s ease, transform .25s ease, border-color .25s ease
}

@media(max-width: 550px) {
    .peptide-category-card {
        min-height: 0;
        padding: 18px;
        gap: 18px
    }
}

.peptide-category-card:hover {
    background: #e6d8d2;
    transform: translateY(-2px)
}

.peptide-category-card.is-with-image {
    min-height: 260px;
    color: #fff;
    border-color: rgba(0, 0, 0, 0);
    background: #4f4b49
}

@media(max-width: 550px) {
    .peptide-category-card.is-with-image {
        min-height: 240px
    }
}

.peptide-category-card.is-with-image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(12, 12, 12, 0.22) 0%, rgba(12, 12, 12, 0.78) 100%)
}

.peptide-category-card.is-with-image .mark,
.peptide-category-card.is-with-image .name,
.peptide-category-card.is-with-image .text,
.peptide-category-card.is-with-image .cta {
    color: #fff
}

.peptide-category-card.is-with-image .mark,
.peptide-category-card.is-with-image .text {
    color: hsla(0, 0%, 100%, .86)
}

.peptide-category-card__image {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease
}

.peptide-category-card:hover .peptide-category-card__image {
    transform: scale(1.03)
}

.peptide-category-card .mark {
    color: #6d6d6d;
    font-size: 12px;
    font-weight: 600;
    line-height: 116%;
    text-transform: uppercase
}

.peptide-category-card .name {
    color: #1a1a1a;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase
}

.peptide-category-card .text {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 400;
    line-height: 145%;
    text-wrap: auto
}

.peptide-category-card .cta {
    display: inline-flex;
    width: fit-content;
    padding-bottom: 4px;
    border-bottom: 1px solid currentColor;
    color: #1a1a1a;
    font-size: 11px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: .06em;
    text-transform: uppercase
}

.sell-home {
    position: relative
}

.sell-home.sell-hit .decorative {
    position: absolute;
    right: 0;
    top: -186px;
    z-index: -1
}

@media(max-width: 1100px) {
    .sell-home.sell-hit .decorative {
        top: -265px
    }
}

@media(max-width: 550px) {
    .sell-home.sell-hit .decorative {
        height: 189px;
        top: -40px
    }
}

.sell-home.sell-discount .decorative {
    position: absolute;
    right: 0;
    top: -212px;
    z-index: -1
}

@media(max-width: 1100px) {
    .sell-home.sell-discount .decorative {
        top: -265px
    }
}

@media(max-width: 550px) {
    .sell-home.sell-discount .decorative {
        height: 158px;
        width: 158px;
        top: -88px
    }
}

.sell-home .holder .title-1 {
    margin-bottom: 1em
}

@media(max-width: 500px) {
    .sell-home .holder .title-1 {
        margin-bottom: 32px;
        max-width: 280px
    }
}

.sell-home .holder .products .category {
    display: flex;
    width: calc(100% + 32px);
    margin: 0 -16px;
    padding: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none
}

.sell-home .holder .products .category::-webkit-scrollbar {
    display: none
}

.sell-home .holder .products .category .item {
    color: #1a1a1a;
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    line-height: 112%;
    text-transform: uppercase;
    padding: 0 20px 11px;
    border-bottom: 1px solid #e7e7e7;
    transition: unset;
    text-wrap: nowrap
}

@media(max-width: 500px) {
    .sell-home .holder .products .category .item {
        padding: 0 12px 7px;
        font-size: 14px;
        line-height: 100%
    }
}

.sell-home .holder .products .category .item.current,
.sell-home .holder .products .category .item:hover {
    border-bottom: 2px solid #1a1a1a
}

.sell-home .holder .products .product-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(10px, 1.5vw, 20px);
    margin-top: 2.75em;
}

@media (max-width: 767px) {
    .sell-home .holder .products .product-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 2em;
    }
}

@media (max-width: 480px) {
    .sell-home .holder .products .product-list {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

@media(max-width: 1100px) {
    .sell-home .holder .products .product-list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 850px) {
    .sell-home .holder .products .product-list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width: 767px) {
    .sell-home .holder .products .product-list {
        margin-top: 32px
    }
}

@media(max-width: 600px) {
    .sell-home .holder .products .product-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 9px
    }
}

.sell-home .holder .products .product-list .product {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
    position: relative
}

.sell-home .holder .products .product-list .product:hover .name {
    color: #9e9e9e
}

@media(max-width: 600px) {
    .sell-home .holder .products .product-list .product {
        gap: 8px
    }
}

.sell-home .holder .products .product-list .product .image {
    border-bottom: 1px solid #cecece
}

.sell-home .holder .products .product-list .product .image img {
    width: 15.75em;
    height: 15.75em;
    object-fit: cover
}

@media(max-width: 600px) {
    .sell-home .holder .products .product-list .product .image img {
        width: 100%;
        height: 167px
    }
}

.sell-home .holder .products .product-list .product .name {
    overflow: hidden;
    color: #1a1a1a;
    text-overflow: ellipsis;
    font-size: 0.875em;
    font-style: normal;
    font-weight: 500;
    line-height: 128%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch
}

@media(max-width: 500px) {
    .sell-home .holder .products .product-list .product .name {
        font-size: 14px;
        line-height: 133%
    }
}

.sell-home .holder .products .product-list .product .price-info {
    display: flex;
    justify-content: space-between;
    gap: 8px
}

.sell-home .holder .products .product-list .product .price-info .price {
    display: flex;
    align-items: flex-end;
    padding-bottom: 8px;
    gap: 8px
}

@media(max-width: 550px) {
    .sell-home .holder .products .product-list .product .price-info .price {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 4px;
        padding-bottom: 0
    }
}

.sell-home .holder .products .product-list .product .price-info .price .current {
    color: #1a1a1a;
    font-size: 1em;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    display: inline
}

@media(max-width: 500px) {
    .sell-home .holder .products .product-list .product .price-info .price .current {
        font-size: 14px
    }
}

.sell-home .holder .products .product-list .product .price-info .price .discount {
    color: #9e9e9e;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 133%;
    text-decoration-line: line-through;
    display: inline
}

@media(max-width: 500px) {
    .sell-home .holder .products .product-list .product .price-info .price .discount {
        font-size: 12px;
        line-height: 140%
    }
}

.sell-home .holder .products .product-list .product .price-info .add-to-cart {
    border: none;
    outline: none;
    user-select: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: 8px
}

.sell-home .holder .products .product-list .product .price-info .add-to-cart:hover img {
    filter: brightness(1)
}

@media(max-width: 500px) {
    .sell-home .holder .products .product-list .product .price-info .add-to-cart {
        padding: 4px
    }
}

.sell-home .holder .products .product-list .product.favorite .favorite svg path {
    stroke: #d9a3a3;
    fill: #d9a3a3;
    fill-opacity: 1
}

.sell-home .holder .products .product-list .product .favorite {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    user-select: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: 8px;
    width: 40px;
    height: 40px
}

@media(max-width: 500px) {
    .sell-home .holder .products .product-list .product .favorite {
        padding: 4px;
        width: 28px;
        height: 28px
    }
}

.sell-home .holder .products .product-list .product .favorite:hover svg path {
    stroke: #d9a3a3
}

.sell-home .holder .btns {
    margin-top: 4em;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 500px) {
    .sell-home .holder .btns {
        margin-top: 40px
    }
}

@media(max-width: 500px) {
    .sell-home .holder .btns .btn {
        width: 100%;
        padding: 13px 24px
    }
}

.home-trust {
    margin-top: 4.5em;
    padding: 6.5em 0 5.75em;
    background: #f4efea
}

@media(max-width: 767px) {
    .home-trust {
        margin-top: 44px;
        padding: 58px 0 52px
    }
}

.home-trust [data-animate],
.home-trust [data-animate].animated,
.home-trust .animated,
.home-trust .fadeInUp {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important
}

.home-trust__top {
    gap: 10%;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr);
    gap: clamp(48px, 8vw, 124px);
    align-items: start;
    padding-bottom: clamp(48px, 6vw, 78px);
    border-bottom: 1px solid rgba(12, 12, 12, .14)
}

@media(max-width: 950px) {
    .home-trust__top {
        grid-template-columns: 1fr;
        gap: 38px
    }
}

.home-trust__intro {
    position: static
}

.home-trust__intro .title-1 {
    max-width: 660px;
    margin: 0 0 3.5%;
    line-height: 108%
}

.home-trust__intro .text,
.home-trust__intro .home-trust__standards {
    min-width: 900px;
    color: #4f4b49;
    font-size: 15px;
    line-height: 165%;
    text-wrap: auto
}

.home-trust__standards {
    margin-bottom: 5%;

}

.home-trust__intro .home-trust__standards {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid rgba(12, 12, 12, .12);
    border-left: 0;
    color: #302d2b
}

.home-trust__advantages {
    display: grid;
    border-top: 1px solid rgba(12, 12, 12, .14);
    padding-left: 2%;
}

.home-trust__advantage {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 36px;
    align-items: start;
    padding: 21px 0;
    border-bottom: 1px solid rgba(12, 12, 12, .14)
}

.home-trust__advantage .mark {
    padding-top: 2px;
    color: #d9a3a3;
    font-size: 11px;
    font-weight: 700;
    line-height: 135%;
    letter-spacing: .07em
}

.home-trust__advantage>div {
    display: block
}

.home-trust__advantage h3 {
    margin: 0;
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 600;
    line-height: 135%;
    text-transform: uppercase
}

.home-trust__advantage p {
    max-width: 560px;
    margin: 6px 0 0;
    color: #6d6d6d;
    font-size: 13px;
    line-height: 155%;
    text-wrap: auto
}

.home-trust__reviews-block {
    padding: clamp(50px, 6vw, 80px) 0;
    border-bottom: 1px solid rgba(12, 12, 12, .14)
}

.home-trust__reviews-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.62fr);
    gap: 42px;
    align-items: end;
    margin-bottom: 30px
}

@media(max-width: 700px) {
    .home-trust__reviews-head {
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: start
    }
}

.home-trust__reviews-head h3 {
    margin: 0;
    color: #1a1a1a;
    font-size: clamp(24px, 2.5vw, 34px);
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase
}

.home-trust__reviews-head p {
    max-width: 500px;
    margin: 0;
    color: #6d6d6d;
    font-size: 13px;
    line-height: 150%;
    text-wrap: auto
}

.home-trust__reviews {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(12, 12, 12, .14);
    border-bottom: 1px solid rgba(12, 12, 12, .14)
}

@media(max-width: 900px) {
    .home-trust__reviews {
        grid-template-columns: 1fr
    }
}

.home-trust__review {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    padding: 30px;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-right: 1px solid rgba(12, 12, 12, .14)
}

.home-trust__review:first-child {
    padding-left: 0
}

.home-trust__review:last-child {
    padding-right: 0;
    border-right: 0
}

@media(max-width: 900px) {
    .home-trust__review {
        padding: 28px 0;
        border-right: 0;
        border-bottom: 1px solid rgba(12, 12, 12, .14)
    }

    .home-trust__review:first-child {
        padding-left: 0
    }

    .home-trust__review:last-child {
        padding-right: 0;
        border-bottom: 0
    }
}

.home-trust__review .home-trust__review-head {
    min-height: 64px
}

.home-trust__review .home-trust__review-product {
    width: 64px;
    height: 64px
}

.home-trust__review .home-trust__review-text {
    max-width: none;
    margin: 24px 0 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 165%
}

.home-trust__review .home-trust__review-author>img {
    width: 44px;
    height: 44px
}

.home-trust__review-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    min-height: 64px
}

.home-trust__stars {
    display: flex;
    gap: 4px;
    padding-top: 3px
}

.home-trust__stars img {
    width: 16px;
    height: 16px
}

.home-trust__review-product {
    width: 64px;
    height: 64px;
    object-fit: contain;
    background: rgba(0, 0, 0, 0)
}

.home-trust__review-text {
    flex: 1 1 auto;
    margin: 24px 0 30px;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 165%;
    text-wrap: auto
}

.home-trust__review-author {
    display: flex;
    align-items: center;
    gap: 12px
}

.home-trust__review-author>img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 50%
}

.home-trust__review-author .name {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 600;
    line-height: 135%
}

.home-trust__review-author .date {
    margin-top: 3px;
    color: #8a807b;
    font-size: 12px;
    line-height: 135%
}

.home-trust__conditions {
    display: block;
    padding-top: clamp(38px, 5vw, 58px)
}

.home-trust__conditions>h3 {
    margin: 0 0 22px;
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase
}

.home-trust__conditions-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-top: 1px solid rgba(12, 12, 12, .14);
    border-bottom: 1px solid rgba(12, 12, 12, .14)
}

@media(max-width: 1024px) {
    .home-trust__conditions-list {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(max-width: 550px) {
    .home-trust__conditions-list {
        grid-template-columns: 1fr
    }
}

.home-trust__condition {
    display: grid;
    align-content: start;
    gap: 7px;
    min-height: 0;
    padding: 20px 18px;
    border-left: 1px solid rgba(12, 12, 12, .14)
}

.home-trust__condition:first-child {
    padding-left: 0;
    border-left: 0
}

@media(max-width: 1024px) {
    .home-trust__condition {
        border-bottom: 1px solid rgba(12, 12, 12, .12)
    }

    .home-trust__condition:nth-child(odd) {
        padding-left: 0;
        border-left: 0
    }

    .home-trust__condition:last-child {
        border-bottom: 0
    }
}

@media(max-width: 550px) {
    .home-trust__condition {
        padding: 18px 0;
        border-left: 0;
        border-bottom: 1px solid rgba(12, 12, 12, .12)
    }

    .home-trust__condition:last-child {
        border-bottom: 0
    }
}

.home-trust__condition strong {
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 700;
    line-height: 145%;
    text-transform: uppercase
}

.home-trust__condition span {
    color: #6d6d6d;
    font-size: 12px;
    line-height: 150%;
    text-wrap: auto
}

.online-consultation-home {
    position: relative
}

.online-consultation-home .up-decorative {
    display: none !important;
    position: absolute;
    top: -31%;
    left: 0
}

@media(max-width: 550px) {
    .online-consultation-home .up-decorative {
        height: 234px;
        object-fit: cover;
        top: -12%
    }
}

.online-consultation-home .down-decorative {
    position: absolute;
    bottom: -30%;
    right: 0;
    z-index: 0
}

@media(max-width: 767px) {
    .online-consultation-home .down-decorative {
        z-index: -1
    }
}

@media(max-width: 550px) {
    .online-consultation-home .down-decorative {
        width: 270px;
        object-fit: cover;
        bottom: -12%;
        z-index: -1
    }
}

.online-consultation-home .holder .title-1 {
    margin-bottom: 1em
}

@media(max-width: 500px) {
    .online-consultation-home .holder .title-1 {
        margin-bottom: 32px
    }
}

.online-consultation-home .holder .services {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.online-consultation-home .holder .services .item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 5em;
    border-top: 1px solid #e7e7e7;
    padding-top: 1.5em
}

.online-consultation-home .holder .services .item:last-child {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 1.5em
}

@media(max-width: 767px) {
    .online-consultation-home .holder .services .item {
        flex-direction: column;
        gap: 24px
    }
}

.online-consultation-home .holder .services .item .name {
    flex: 360 1 0;
    min-width: 0
}

@media(max-width: 767px) {
    .online-consultation-home .holder .services .item .name {
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }
}

.online-consultation-home .holder .services .item .name h3 {
    color: #1a1a1a;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase
}

@media(max-width: 500px) {
    .online-consultation-home .holder .services .item .name h3 {
        font-size: 18px
    }
}

.online-consultation-home .holder .services .item .name .price {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 600;
    line-height: 125%;
    display: none
}

@media(max-width: 767px) {
    .online-consultation-home .holder .services .item .name .price {
        display: inline-flex
    }
}

@media(max-width: 500px) {
    .online-consultation-home .holder .services .item .name .price {
        font-size: 14px
    }
}

.online-consultation-home .holder .services .item .list {
    flex: 515 1 0;
    min-width: 0;
    list-style-type: none
}

@media(max-width: 767px) {
    .online-consultation-home .holder .services .item .list {
        flex: 0 0 100%
    }
}

.online-consultation-home .holder .services .item .list li {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0.625em;
    display: flex;
    align-items: center;
    gap: 0.75em
}

.online-consultation-home .holder .services .item .list li:last-child {
    margin-bottom: 0
}

@media(max-width: 500px) {
    .online-consultation-home .holder .services .item .list li {
        font-size: 14px;
        margin-bottom: 12px;
        gap: 8px
    }
}

.online-consultation-home .holder .services .item .list li span {
    display: inline-flex
}

.online-consultation-home .holder .services .item .info {
    flex: 302 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5em
}

@media(max-width: 1000px) {
    .online-consultation-home .holder .services .item .info {
        flex-direction: column
    }
}

@media(max-width: 767px) {
    .online-consultation-home .holder .services .item .info {
        flex: 0 0 100%;
        gap: 16px;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%
    }
}

.online-consultation-home .holder .services .item .info .price {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 600;
    line-height: 125%
}

@media(max-width: 767px) {
    .online-consultation-home .holder .services .item .info .price {
        display: none
    }
}

@media(max-width: 500px) {
    .online-consultation-home .holder .services .item .info .price {
        font-size: 14px
    }
}

.online-consultation-home .holder .services .item .info .btn {
    padding: 13px 24px;
    min-width: 160px
}

@media(max-width: 767px) {
    .online-consultation-home .holder .services .item .info .btn {
        width: 100%
    }
}

@media(max-width: 500px) {
    .online-consultation-home .holder .services .item .info .btn {
        width: 100%
    }
}

.online-consultation-home .holder .btns {
    margin-top: 4em;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 767px) {
    .online-consultation-home .holder .btns {
        margin-top: 44px
    }
}

@media(max-width: 767px) {
    .online-consultation-home .holder .btns .btn {
        width: 100%
    }
}

.faq-home .holder .title-1 {
    margin-bottom: 0.375em
}

@media(max-width: 500px) {
    .faq-home .holder .title-1 {
        margin-bottom: 20px
    }
}

.faq-home .holder .text {
    max-width: 712px;
    text-wrap: auto
}

@media(max-width: 500px) {
    .faq-home .holder .text {
        font-size: 14px;
        line-height: 145%
    }
}

.faq-home .holder .info {
    margin-top: 2em;
    display: flex;
    gap: 5em
}

@media(max-width: 767px) {
    .faq-home .holder .info {
        flex-direction: column-reverse;
        gap: 44px
    }
}

.faq-home .holder .info .image {
    flex: 456 1 0
}

.faq-home .holder .info .accordion {
    flex: 800 1 0;
    min-width: 0
}

.reviews-home {
    background: #f4efea;
    padding: 5em 0;
    padding-top: 3.7em;
}

@media(max-width: 500px) {
    .reviews-home {
        padding: 52px 0;
        margin-top: 40px
    }
}

.reviews-home .holder .swiper {
    position: relative
}

@media(max-width: 550px) {
    .reviews-home .holder .swiper {
        padding-bottom: 32px
    }
}

@media(max-width: 550px) {
    .reviews-home .holder .swiper .swiper-wrapper {
        margin-bottom: 40px
    }
}

.reviews-home .holder .swiper .swiper-wrapper {
    align-items: stretch;
}

.reviews-home .holder .swiper .swiper-wrapper .swiper-slide {
    height: auto;
}

.reviews-home .holder .swiper .swiper-wrapper .swiper-slide .review-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 268px;
    padding: 24px;

    border: 0;
    border-radius: 14px;
    background: #fff;
    color: #1a1a1a;

    box-shadow: 0 14px 34px rgba(43, 32, 32, 0.08);
}

/* Звёзды */
.reviews-home .holder .swiper .swiper-wrapper .swiper-slide .starts {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0 0 24px;
}

.reviews-home .holder .swiper .swiper-wrapper .swiper-slide .starts .star {
    display: block;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    margin: 0;
}

/* Обёртка текста */
.reviews-home .holder .swiper .swiper-wrapper .swiper-slide .review {
    flex: 1;
    height: auto;
    margin: 0;
    overflow: hidden;
}

/* Текст отзыва */
.reviews-home .holder .swiper .swiper-wrapper .swiper-slide .review .text {
    display: -webkit-box;
    margin: 0;

    overflow: hidden;
    color: rgba(12, 12, 12, 0.7);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;

    text-wrap: pretty;
    white-space: normal;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}

/* Автор */
.reviews-home .holder .swiper .swiper-wrapper .swiper-slide .user {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    margin-top: 24px;
}

/* Аватар */
.reviews-home .holder .swiper .swiper-wrapper .swiper-slide .user .review-user-image {
    width: 38px;
    height: 38px;
    min-width: 38px;
    flex: 0 0 38px;
}

.reviews-home .holder .swiper .swiper-wrapper .swiper-slide .user .review-user-image img {
    display: block;
    width: 38px;
    height: 38px;
    min-width: 38px;
    max-width: 38px;

    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

/* Имя и дата */
.reviews-home .holder .swiper .swiper-wrapper .swiper-slide .user .user-info {
    display: flex;
    flex: 1;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
}

.reviews-home .holder .swiper .swiper-wrapper .swiper-slide .user .name {
    overflow: hidden;
    color: #1a1a1a;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reviews-home .holder .swiper .swiper-wrapper .swiper-slide .user .date {
    flex-shrink: 0;
    color: rgba(12, 12, 12, 0.45);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    text-align: right;
    white-space: nowrap;
}

/* Заголовок и стрелки */
.reviews-home .holder .swiper .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3em;
}

.reviews-home .holder .swiper .head .slider-arrows {
    display: flex;
    align-items: center;
    gap: 12px;
}

.reviews-home .holder .swiper .head .slider-arrows .swiper-button-prev,
.reviews-home .holder .swiper .head .slider-arrows .swiper-button-next {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;

    background: transparent;
    backdrop-filter: none;
}

.reviews-home .holder .swiper .head .slider-arrows .swiper-button-prev::after,
.reviews-home .holder .swiper .head .slider-arrows .swiper-button-next::after {
    content: none;
}

.reviews-home .holder .swiper .head .slider-arrows .swiper-button-prev svg,
.reviews-home .holder .swiper .head .slider-arrows .swiper-button-next svg {
    width: 16px;
    height: 16px;
}

/* Пагинация */
.reviews-home .holder .swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0;
    margin-top: 3em;
}

.reviews-home .holder .swiper-pagination .swiper-pagination-bullet {
    flex: 1 1 0;
    width: auto;
    height: 1px;
    margin: 0 !important;

    border-radius: 0;
    opacity: 1;
    background: #dbdbdb;
}

.reviews-home .holder .swiper-pagination .swiper-pagination-bullet-active {
    height: 2px;
    background: #1a1a1a;
}

@media (max-width: 767px) {
    .reviews-home .holder .swiper .head {
        margin-bottom: 32px;
    }

    .reviews-home .holder .swiper .swiper-wrapper .swiper-slide .review-card {
        min-height: 235px;
        padding: 20px;
        border-radius: 12px;
    }

    .reviews-home .holder .swiper .swiper-wrapper .swiper-slide .starts {
        gap: 4px;
        margin-bottom: 20px;
    }

    .reviews-home .holder .swiper .swiper-wrapper .swiper-slide .starts .star {
        width: 14px;
        height: 14px;
        flex-basis: 14px;
    }

    .reviews-home .holder .swiper .swiper-wrapper .swiper-slide .review .text {
        font-size: 13px;
        line-height: 1.5;
        -webkit-line-clamp: 7;
    }

    .reviews-home .holder .swiper .swiper-wrapper .swiper-slide .user {
        gap: 10px;
        margin-top: 20px;
    }

    .reviews-home .holder .swiper .swiper-wrapper .swiper-slide .user .review-user-image,
    .reviews-home .holder .swiper .swiper-wrapper .swiper-slide .user .review-user-image img {
        width: 34px;
        height: 34px;
        min-width: 34px;
        max-width: 34px;
        flex-basis: 34px;
    }

    .reviews-home .holder .swiper .swiper-wrapper .swiper-slide .user .name {
        font-size: 12px;
    }

    .reviews-home .holder .swiper .swiper-wrapper .swiper-slide .user .date {
        font-size: 10px;
    }
}

@media (max-width: 550px) {
    .reviews-home .holder .swiper {
        position: relative;
        padding-bottom: 48px;
    }

    .reviews-home .holder .swiper .head .slider-arrows {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;

        justify-content: space-between;
        pointer-events: none;
    }

    .reviews-home .holder .swiper .head .slider-arrows .swiper-button-prev,
    .reviews-home .holder .swiper .head .slider-arrows .swiper-button-next {
        pointer-events: auto;
    }

    .reviews-home .holder .swiper-pagination {
        position: absolute;
        right: 44px;
        bottom: 15px;
        left: 44px;

        width: auto;
        margin-top: 0;
    }
}

.home-blog .holder .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.75em
}

@media(max-width: 767px) {
    .home-blog .holder .head {
        margin-bottom: 32px
    }
}

@media(max-width: 550px) {
    .home-blog .holder .head .btn {
        display: none
    }
}

.home-blog .holder .btns {
    display: none;
    margin-top: 44px
}

@media(max-width: 550px) {
    .home-blog .holder .btns {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media(max-width: 550px) {
    .home-blog .holder .btns .btn {
        width: 100%
    }
}

.info-accardion {
    padding: 3.75em 0 7.5em
}

@media(max-width: 550px) {
    .info-accardion {
        padding: 40px 0 120px
    }
}

.info-accardion .holder .title-2 {
    margin-bottom: 24px
}

.info-accardion .holder .info {
    max-width: 920px;
    font-size: 1em;
    position: relative
}

.info-accardion .holder .info::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #fff 100%);
    pointer-events: none;
    transition: opacity .3s ease
}

@media(max-width: 550px) {
    .info-accardion .holder .info {
        font-size: 14px
    }
}

.info-accardion .holder .info .text {
    overflow: hidden;
    transition: max-height .35s ease;
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    text-wrap: auto
}

.info-accardion .holder .info .text [style*="font-weight: 400" i],
.info-accardion .holder .info .text [style*="font-weight:400" i] {
    font-weight: inherit !important
}

@media(max-width: 550px) {
    .info-accardion .holder .info .text {
        font-size: 14px
    }
}

@media(max-width: 500px) {
    .info-accardion .holder .info .text {
        font-size: 14px
    }
}

.info-accardion .holder .info .text p,
.info-accardion .holder .info .text h1,
.info-accardion .holder .info .text h2,
.info-accardion .holder .info .text h3,
.info-accardion .holder .info .text h4,
.info-accardion .holder .info .text h5,
.info-accardion .holder .info .text h6,
.info-accardion .holder .info .text ul,
.info-accardion .holder .info .text ol,
.info-accardion .holder .info .text table,
.info-accardion .holder .info .text blockquote {
    margin: 0 0 20px
}

@media(max-width: 550px) {

    .info-accardion .holder .info .text p,
    .info-accardion .holder .info .text h1,
    .info-accardion .holder .info .text h2,
    .info-accardion .holder .info .text h3,
    .info-accardion .holder .info .text h4,
    .info-accardion .holder .info .text h5,
    .info-accardion .holder .info .text h6,
    .info-accardion .holder .info .text ul,
    .info-accardion .holder .info .text ol,
    .info-accardion .holder .info .text table,
    .info-accardion .holder .info .text blockquote {
        margin-bottom: 16px
    }
}

.info-accardion .holder .info .text p:last-child,
.info-accardion .holder .info .text h1:last-child,
.info-accardion .holder .info .text h2:last-child,
.info-accardion .holder .info .text h3:last-child,
.info-accardion .holder .info .text h4:last-child,
.info-accardion .holder .info .text h5:last-child,
.info-accardion .holder .info .text h6:last-child,
.info-accardion .holder .info .text ul:last-child,
.info-accardion .holder .info .text ol:last-child,
.info-accardion .holder .info .text table:last-child,
.info-accardion .holder .info .text blockquote:last-child {
    margin-bottom: 0
}

.info-accardion .holder .info .text p,
.info-accardion .holder .info .text li {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    text-wrap: auto
}

@media(max-width: 550px) {

    .info-accardion .holder .info .text p,
    .info-accardion .holder .info .text li {
        font-size: 14px
    }
}

.info-accardion .holder .info .text h1,
.info-accardion .holder .info .text h2,
.info-accardion .holder .info .text h3,
.info-accardion .holder .info .text h4,
.info-accardion .holder .info .text h5,
.info-accardion .holder .info .text h6 {
    color: #1a1a1a;
    font-weight: 500 !important;
    line-height: 125%;
    text-wrap: auto
}

.info-accardion .holder .info .text h1,
.info-accardion .holder .info .text h2 {
    font-size: 24px;
    margin-top: 32px
}

@media(max-width: 550px) {

    .info-accardion .holder .info .text h1,
    .info-accardion .holder .info .text h2 {
        font-size: 20px;
        margin-top: 24px
    }
}

.info-accardion .holder .info .text h1:first-child,
.info-accardion .holder .info .text h2:first-child {
    margin-top: 0
}

.info-accardion .holder .info .text h3 {
    font-size: 20px;
    margin-top: 28px
}

@media(max-width: 550px) {
    .info-accardion .holder .info .text h3 {
        font-size: 18px;
        margin-top: 22px
    }
}

.info-accardion .holder .info .text h3:first-child {
    margin-top: 0
}

.info-accardion .holder .info .text h4,
.info-accardion .holder .info .text h5,
.info-accardion .holder .info .text h6 {
    font-size: 18px;
    margin-top: 24px
}

@media(max-width: 550px) {

    .info-accardion .holder .info .text h4,
    .info-accardion .holder .info .text h5,
    .info-accardion .holder .info .text h6 {
        font-size: 16px;
        margin-top: 20px
    }
}

.info-accardion .holder .info .text h4:first-child,
.info-accardion .holder .info .text h5:first-child,
.info-accardion .holder .info .text h6:first-child {
    margin-top: 0
}

.info-accardion .holder .info .text b,
.info-accardion .holder .info .text strong {
    color: #1a1a1a;
    font-weight: 600 !important
}

.info-accardion .holder .info .text a:not(.btn) {
    color: #1a1a1a;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.info-accardion .holder .info .text a:not(.btn):hover {
    color: #6d6d6d
}

.info-accardion .holder .info .text ul,
.info-accardion .holder .info .text ol {
    padding-left: 25px
}

.info-accardion .holder .info .text ul {
    list-style: none
}

.info-accardion .holder .info .text ul li {
    position: relative
}

.info-accardion .holder .info .text ul li::after {
    content: "";
    position: absolute;
    left: -18px;
    top: calc((1.5em - 4px)/2);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1a1a1a
}

.info-accardion .holder .info .text li {
    margin-bottom: 10px
}

.info-accardion .holder .info .text li:last-child {
    margin-bottom: 0
}

.info-accardion .holder .info .text blockquote {
    padding: 18px 20px;
    border-left: 3px solid #d9a3a3;
    background: #faf8f6
}

@media(max-width: 550px) {
    .info-accardion .holder .info .text blockquote {
        padding: 14px 16px
    }
}

.info-accardion .holder .info .text table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 14px;
    line-height: 145%
}

@media(max-width: 550px) {
    .info-accardion .holder .info .text table {
        min-width: 480px;
        font-size: 13px
    }
}

.info-accardion .holder .info .text th,
.info-accardion .holder .info .text td {
    padding: 14px 16px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #e7e7e7;
    color: #1a1a1a
}

@media(max-width: 550px) {

    .info-accardion .holder .info .text th,
    .info-accardion .holder .info .text td {
        padding: 12px
    }
}

.info-accardion .holder .info .text th {
    background: #f4efea;
    font-weight: 600 !important
}

.info-accardion .holder .info .text tbody tr:nth-child(even) {
    background: #faf8f6
}

.info-accardion .holder .info-acardion {
    margin-top: 32px;
    outline: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 600 !important;
    line-height: 100%;
    text-transform: uppercase;
    font-family: "Inter", sans-serif
}

.info-accardion .holder .info-acardion span {
    display: inline-flex;
    transition: transform .3s ease
}

.info-accardion .holder .info-acardion.active span {
    transform: rotate(180deg)
}

@media(max-width: 550px) {
    .info-accardion .holder .info-acardion {
        margin-top: 20px
    }
}

.info-accardion.is-expanded .holder .info::after {
    opacity: 0
}

.home-description {
    padding-top: 0;
    padding-bottom: 7.5em
}

@media(max-width: 500px) {
    .home-description {
        padding-bottom: 80px
    }
}

.home-description .holder .info {
    max-width: 920px;
    position: relative
}

.home-description .holder .info::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #fff 100%);
    pointer-events: none;
    transition: opacity .3s ease
}

.home-description .holder .info .text {
    overflow: hidden;
    transition: max-height .35s ease;
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    text-wrap: auto
}

.home-description .holder .info .text [style*="font-weight: 400" i],
.home-description .holder .info .text [style*="font-weight:400" i] {
    font-weight: inherit !important
}

.home-description .holder .info .text p,
.home-description .holder .info .text h1,
.home-description .holder .info .text h2,
.home-description .holder .info .text h3,
.home-description .holder .info .text h4,
.home-description .holder .info .text h5,
.home-description .holder .info .text h6,
.home-description .holder .info .text ul,
.home-description .holder .info .text ol,
.home-description .holder .info .text table,
.home-description .holder .info .text blockquote {
    margin: 0 0 20px
}

@media(max-width: 550px) {

    .home-description .holder .info .text p,
    .home-description .holder .info .text h1,
    .home-description .holder .info .text h2,
    .home-description .holder .info .text h3,
    .home-description .holder .info .text h4,
    .home-description .holder .info .text h5,
    .home-description .holder .info .text h6,
    .home-description .holder .info .text ul,
    .home-description .holder .info .text ol,
    .home-description .holder .info .text table,
    .home-description .holder .info .text blockquote {
        margin-bottom: 16px
    }
}

.home-description .holder .info .text p:last-child,
.home-description .holder .info .text h1:last-child,
.home-description .holder .info .text h2:last-child,
.home-description .holder .info .text h3:last-child,
.home-description .holder .info .text h4:last-child,
.home-description .holder .info .text h5:last-child,
.home-description .holder .info .text h6:last-child,
.home-description .holder .info .text ul:last-child,
.home-description .holder .info .text ol:last-child,
.home-description .holder .info .text table:last-child,
.home-description .holder .info .text blockquote:last-child {
    margin-bottom: 0
}

.home-description .holder .info .text p,
.home-description .holder .info .text li {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    text-wrap: auto
}

@media(max-width: 550px) {

    .home-description .holder .info .text p,
    .home-description .holder .info .text li {
        font-size: 14px
    }
}

.home-description .holder .info .text h1,
.home-description .holder .info .text h2,
.home-description .holder .info .text h3,
.home-description .holder .info .text h4,
.home-description .holder .info .text h5,
.home-description .holder .info .text h6 {
    color: #1a1a1a;
    font-weight: 500 !important;
    line-height: 125%;
    text-wrap: auto
}

.home-description .holder .info .text h1 [style*="font-weight: 400" i],
.home-description .holder .info .text h1 [style*="font-weight:400" i],
.home-description .holder .info .text h2 [style*="font-weight: 400" i],
.home-description .holder .info .text h2 [style*="font-weight:400" i],
.home-description .holder .info .text h3 [style*="font-weight: 400" i],
.home-description .holder .info .text h3 [style*="font-weight:400" i],
.home-description .holder .info .text h4 [style*="font-weight: 400" i],
.home-description .holder .info .text h4 [style*="font-weight:400" i],
.home-description .holder .info .text h5 [style*="font-weight: 400" i],
.home-description .holder .info .text h5 [style*="font-weight:400" i],
.home-description .holder .info .text h6 [style*="font-weight: 400" i],
.home-description .holder .info .text h6 [style*="font-weight:400" i] {
    font-weight: inherit !important
}

.home-description .holder .info .text h1,
.home-description .holder .info .text h2 {
    font-size: 24px;
    margin-top: 32px
}

@media(max-width: 550px) {

    .home-description .holder .info .text h1,
    .home-description .holder .info .text h2 {
        font-size: 20px;
        margin-top: 24px
    }
}

.home-description .holder .info .text h1:first-child,
.home-description .holder .info .text h2:first-child {
    margin-top: 0
}

.home-description .holder .info .text h3 {
    font-size: 20px;
    margin-top: 28px
}

@media(max-width: 550px) {
    .home-description .holder .info .text h3 {
        font-size: 18px;
        margin-top: 22px
    }
}

.home-description .holder .info .text h3:first-child {
    margin-top: 0
}

.home-description .holder .info .text h4,
.home-description .holder .info .text h5,
.home-description .holder .info .text h6 {
    font-size: 18px;
    margin-top: 24px
}

@media(max-width: 550px) {

    .home-description .holder .info .text h4,
    .home-description .holder .info .text h5,
    .home-description .holder .info .text h6 {
        font-size: 16px;
        margin-top: 20px
    }
}

.home-description .holder .info .text h4:first-child,
.home-description .holder .info .text h5:first-child,
.home-description .holder .info .text h6:first-child {
    margin-top: 0
}

.home-description .holder .info .text b,
.home-description .holder .info .text strong {
    color: #1a1a1a;
    font-weight: 600 !important
}

.home-description .holder .info .text b [style*="font-weight: 400" i],
.home-description .holder .info .text b [style*="font-weight:400" i],
.home-description .holder .info .text strong [style*="font-weight: 400" i],
.home-description .holder .info .text strong [style*="font-weight:400" i] {
    font-weight: inherit !important
}

.home-description .holder .info .text a:not(.btn) {
    color: #1a1a1a;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.home-description .holder .info .text a:not(.btn):hover {
    color: #6d6d6d
}

.home-description .holder .info .text ul,
.home-description .holder .info .text ol {
    padding-left: 25px
}

.home-description .holder .info .text ul {
    list-style: none
}

.home-description .holder .info .text ul li {
    position: relative
}

.home-description .holder .info .text ul li::after {
    content: "";
    position: absolute;
    left: -18px;
    top: calc((1.5em - 4px)/2);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1a1a1a
}

.home-description .holder .info .text li {
    margin-bottom: 10px
}

.home-description .holder .info .text li:last-child {
    margin-bottom: 0
}

.home-description .holder .info .text blockquote {
    padding: 18px 20px;
    border-left: 3px solid #d9a3a3;
    background: #faf8f6
}

@media(max-width: 550px) {
    .home-description .holder .info .text blockquote {
        padding: 14px 16px
    }
}

.home-description .holder .info .text table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 14px;
    line-height: 145%
}

@media(max-width: 550px) {
    .home-description .holder .info .text table {
        min-width: 480px;
        font-size: 13px
    }
}

.home-description .holder .info .text th,
.home-description .holder .info .text td {
    padding: 14px 16px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #e7e7e7;
    color: #1a1a1a
}

@media(max-width: 550px) {

    .home-description .holder .info .text th,
    .home-description .holder .info .text td {
        padding: 12px
    }
}

.home-description .holder .info .text th {
    background: #f4efea;
    font-weight: 600 !important
}

.home-description .holder .info .text tbody tr:nth-child(even) {
    background: #faf8f6
}

.home-description .holder .info-acardion {
    margin-top: 32px;
    outline: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 600 !important;
    line-height: 100%;
    text-transform: uppercase;
    font-family: "Inter", sans-serif
}

.home-description .holder .info-acardion span {
    display: inline-flex;
    transition: transform .3s ease
}

.home-description .holder .info-acardion.active span {
    transform: rotate(180deg)
}

@media(max-width: 550px) {
    .home-description .holder .info-acardion {
        margin-top: 20px
    }
}

.home-description.is-expanded .holder .info::after {
    opacity: 0
}

.info-accardion .holder .info {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    text-wrap: auto;
    overflow-x: auto
}

.info-accardion .holder .info>.text:empty {
    display: none
}

.info-accardion .holder .info [style*="font-weight: 400" i],
.info-accardion .holder .info [style*="font-weight:400" i] {
    font-weight: inherit !important
}

.info-accardion .holder .info p,
.info-accardion .holder .info h1,
.info-accardion .holder .info h2,
.info-accardion .holder .info h3,
.info-accardion .holder .info h4,
.info-accardion .holder .info h5,
.info-accardion .holder .info h6,
.info-accardion .holder .info ul,
.info-accardion .holder .info ol,
.info-accardion .holder .info table,
.info-accardion .holder .info blockquote {
    margin: 0 0 20px
}

@media(max-width: 550px) {

    .info-accardion .holder .info p,
    .info-accardion .holder .info h1,
    .info-accardion .holder .info h2,
    .info-accardion .holder .info h3,
    .info-accardion .holder .info h4,
    .info-accardion .holder .info h5,
    .info-accardion .holder .info h6,
    .info-accardion .holder .info ul,
    .info-accardion .holder .info ol,
    .info-accardion .holder .info table,
    .info-accardion .holder .info blockquote {
        margin-bottom: 16px
    }
}

.info-accardion .holder .info p:last-child,
.info-accardion .holder .info h1:last-child,
.info-accardion .holder .info h2:last-child,
.info-accardion .holder .info h3:last-child,
.info-accardion .holder .info h4:last-child,
.info-accardion .holder .info h5:last-child,
.info-accardion .holder .info h6:last-child,
.info-accardion .holder .info ul:last-child,
.info-accardion .holder .info ol:last-child,
.info-accardion .holder .info table:last-child,
.info-accardion .holder .info blockquote:last-child {
    margin-bottom: 0
}

.info-accardion .holder .info p,
.info-accardion .holder .info li {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    text-wrap: auto
}

@media(max-width: 550px) {

    .info-accardion .holder .info p,
    .info-accardion .holder .info li {
        font-size: 14px
    }
}

.info-accardion .holder .info h1,
.info-accardion .holder .info h2,
.info-accardion .holder .info h3,
.info-accardion .holder .info h4,
.info-accardion .holder .info h5,
.info-accardion .holder .info h6 {
    color: #1a1a1a;
    font-weight: 500 !important;
    line-height: 125%;
    text-wrap: auto
}

.info-accardion .holder .info h1 [style*="font-weight: 400" i],
.info-accardion .holder .info h1 [style*="font-weight:400" i],
.info-accardion .holder .info h2 [style*="font-weight: 400" i],
.info-accardion .holder .info h2 [style*="font-weight:400" i],
.info-accardion .holder .info h3 [style*="font-weight: 400" i],
.info-accardion .holder .info h3 [style*="font-weight:400" i],
.info-accardion .holder .info h4 [style*="font-weight: 400" i],
.info-accardion .holder .info h4 [style*="font-weight:400" i],
.info-accardion .holder .info h5 [style*="font-weight: 400" i],
.info-accardion .holder .info h5 [style*="font-weight:400" i],
.info-accardion .holder .info h6 [style*="font-weight: 400" i],
.info-accardion .holder .info h6 [style*="font-weight:400" i] {
    font-weight: inherit !important
}

.info-accardion .holder .info h1,
.info-accardion .holder .info h2 {
    font-size: 24px;
    margin-top: 32px
}

@media(max-width: 550px) {

    .info-accardion .holder .info h1,
    .info-accardion .holder .info h2 {
        font-size: 20px;
        margin-top: 24px
    }
}

.info-accardion .holder .info h1:first-child,
.info-accardion .holder .info h2:first-child {
    margin-top: 0
}

.info-accardion .holder .info h3 {
    font-size: 20px;
    margin-top: 28px
}

@media(max-width: 550px) {
    .info-accardion .holder .info h3 {
        font-size: 18px;
        margin-top: 22px
    }
}

.info-accardion .holder .info h3:first-child {
    margin-top: 0
}

.info-accardion .holder .info h4,
.info-accardion .holder .info h5,
.info-accardion .holder .info h6 {
    font-size: 18px;
    margin-top: 24px
}

@media(max-width: 550px) {

    .info-accardion .holder .info h4,
    .info-accardion .holder .info h5,
    .info-accardion .holder .info h6 {
        font-size: 16px;
        margin-top: 20px
    }
}

.info-accardion .holder .info h4:first-child,
.info-accardion .holder .info h5:first-child,
.info-accardion .holder .info h6:first-child {
    margin-top: 0
}

.info-accardion .holder .info b,
.info-accardion .holder .info strong {
    color: #1a1a1a;
    font-weight: 600 !important
}

.info-accardion .holder .info b [style*="font-weight: 400" i],
.info-accardion .holder .info b [style*="font-weight:400" i],
.info-accardion .holder .info strong [style*="font-weight: 400" i],
.info-accardion .holder .info strong [style*="font-weight:400" i] {
    font-weight: inherit !important
}

.info-accardion .holder .info a:not(.btn) {
    color: #1a1a1a;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.info-accardion .holder .info a:not(.btn):hover {
    color: #6d6d6d
}

.info-accardion .holder .info ul,
.info-accardion .holder .info ol {
    padding-left: 25px
}

.info-accardion .holder .info ul {
    list-style: none
}

.info-accardion .holder .info ul li {
    position: relative
}

.info-accardion .holder .info ul li::after {
    content: "";
    position: absolute;
    left: -18px;
    top: calc((1.5em - 4px)/2);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1a1a1a
}

.info-accardion .holder .info li {
    margin-bottom: 10px
}

.info-accardion .holder .info li:last-child {
    margin-bottom: 0
}

.info-accardion .holder .info blockquote {
    padding: 18px 20px;
    border-left: 3px solid #d9a3a3;
    background: #faf8f6
}

@media(max-width: 550px) {
    .info-accardion .holder .info blockquote {
        padding: 14px 16px
    }
}

.info-accardion .holder .info table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 14px;
    line-height: 145%
}

@media(max-width: 550px) {
    .info-accardion .holder .info table {
        min-width: 480px;
        font-size: 13px
    }
}

.info-accardion .holder .info th,
.info-accardion .holder .info td {
    padding: 14px 16px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #e7e7e7;
    color: #1a1a1a
}

@media(max-width: 550px) {

    .info-accardion .holder .info th,
    .info-accardion .holder .info td {
        padding: 12px
    }
}

.info-accardion .holder .info th {
    background: #f4efea;
    font-weight: 600 !important
}

.info-accardion .holder .info tbody tr:nth-child(even) {
    background: #faf8f6
}

.category-page {
    padding: 1.5em 0 3.75em
}

@media(max-width: 550px) {
    .category-page {
        padding: 14px 0 40px
    }
}

.category-page .holder .title-1 {
    margin-bottom: 0.6875em
}

@media(max-width: 550px) {
    .category-page .holder .title-1 {
        margin-bottom: 28px
    }
}

.category-page .holder .catalog-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3.25em 2.125em
}

@media(max-width: 1000px) {
    .category-page .holder .catalog-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width: 550px) {
    .category-page .holder .catalog-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 11px
    }
}

.category-page .holder .catalog-grid .category:hover .name {
    color: #9e9e9e
}

.category-page .holder .catalog-grid .category:hover .image {
    overflow: hidden
}

.category-page .holder .catalog-grid .category:hover .image img {
    transform: scale(1.1)
}

.category-page .holder .catalog-grid .category .image {
    margin-bottom: 1.5em
}

@media(max-width: 550px) {
    .category-page .holder .catalog-grid .category .image {
        margin-bottom: 10px
    }
}

.category-page .holder .catalog-grid .category .image img {
    width: 100%;
    height: 15em;
    object-fit: contain;
    transition: all .3s ease
}

@media(max-width: 550px) {
    .category-page .holder .catalog-grid .category .image img {
        height: 166px
    }
}

.category-page .holder .catalog-grid .category .name {
    color: #1a1a1a;
    text-align: center;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

@media(max-width: 550px) {
    .category-page .holder .catalog-grid .category .name {
        font-size: 16px;
        height: 40px
    }
}

.info-accardion {
    padding: 3.75em 0 7.5em
}

@media(max-width: 550px) {
    .info-accardion {
        padding: 40px 0 120px
    }
}

.info-accardion .holder .title-2 {
    margin-bottom: 24px
}

.info-accardion .holder .info {
    max-width: 920px;
    font-size: 1em;
    position: relative
}

.info-accardion .holder .info::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #fff 100%);
    pointer-events: none;
    transition: opacity .3s ease
}

@media(max-width: 550px) {
    .info-accardion .holder .info {
        font-size: 14px
    }
}

.info-accardion .holder .info .text {
    overflow: hidden;
    transition: max-height .35s ease;
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    text-wrap: auto
}

.info-accardion .holder .info .text [style*="font-weight: 400" i],
.info-accardion .holder .info .text [style*="font-weight:400" i] {
    font-weight: inherit !important
}

@media(max-width: 550px) {
    .info-accardion .holder .info .text {
        font-size: 14px
    }
}

@media(max-width: 500px) {
    .info-accardion .holder .info .text {
        font-size: 14px
    }
}

.info-accardion .holder .info .text p,
.info-accardion .holder .info .text h1,
.info-accardion .holder .info .text h2,
.info-accardion .holder .info .text h3,
.info-accardion .holder .info .text h4,
.info-accardion .holder .info .text h5,
.info-accardion .holder .info .text h6,
.info-accardion .holder .info .text ul,
.info-accardion .holder .info .text ol,
.info-accardion .holder .info .text table,
.info-accardion .holder .info .text blockquote {
    margin: 0 0 20px
}

@media(max-width: 550px) {

    .info-accardion .holder .info .text p,
    .info-accardion .holder .info .text h1,
    .info-accardion .holder .info .text h2,
    .info-accardion .holder .info .text h3,
    .info-accardion .holder .info .text h4,
    .info-accardion .holder .info .text h5,
    .info-accardion .holder .info .text h6,
    .info-accardion .holder .info .text ul,
    .info-accardion .holder .info .text ol,
    .info-accardion .holder .info .text table,
    .info-accardion .holder .info .text blockquote {
        margin-bottom: 16px
    }
}

.info-accardion .holder .info .text p:last-child,
.info-accardion .holder .info .text h1:last-child,
.info-accardion .holder .info .text h2:last-child,
.info-accardion .holder .info .text h3:last-child,
.info-accardion .holder .info .text h4:last-child,
.info-accardion .holder .info .text h5:last-child,
.info-accardion .holder .info .text h6:last-child,
.info-accardion .holder .info .text ul:last-child,
.info-accardion .holder .info .text ol:last-child,
.info-accardion .holder .info .text table:last-child,
.info-accardion .holder .info .text blockquote:last-child {
    margin-bottom: 0
}

.info-accardion .holder .info .text p,
.info-accardion .holder .info .text li {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    text-wrap: auto
}

@media(max-width: 550px) {

    .info-accardion .holder .info .text p,
    .info-accardion .holder .info .text li {
        font-size: 14px
    }
}

.info-accardion .holder .info .text h1,
.info-accardion .holder .info .text h2,
.info-accardion .holder .info .text h3,
.info-accardion .holder .info .text h4,
.info-accardion .holder .info .text h5,
.info-accardion .holder .info .text h6 {
    color: #1a1a1a;
    font-weight: 500 !important;
    line-height: 125%;
    text-wrap: auto
}

.info-accardion .holder .info .text h1,
.info-accardion .holder .info .text h2 {
    font-size: 24px;
    margin-top: 32px
}

@media(max-width: 550px) {

    .info-accardion .holder .info .text h1,
    .info-accardion .holder .info .text h2 {
        font-size: 20px;
        margin-top: 24px
    }
}

.info-accardion .holder .info .text h1:first-child,
.info-accardion .holder .info .text h2:first-child {
    margin-top: 0
}

.info-accardion .holder .info .text h3 {
    font-size: 20px;
    margin-top: 28px
}

@media(max-width: 550px) {
    .info-accardion .holder .info .text h3 {
        font-size: 18px;
        margin-top: 22px
    }
}

.info-accardion .holder .info .text h3:first-child {
    margin-top: 0
}

.info-accardion .holder .info .text h4,
.info-accardion .holder .info .text h5,
.info-accardion .holder .info .text h6 {
    font-size: 18px;
    margin-top: 24px
}

@media(max-width: 550px) {

    .info-accardion .holder .info .text h4,
    .info-accardion .holder .info .text h5,
    .info-accardion .holder .info .text h6 {
        font-size: 16px;
        margin-top: 20px
    }
}

.info-accardion .holder .info .text h4:first-child,
.info-accardion .holder .info .text h5:first-child,
.info-accardion .holder .info .text h6:first-child {
    margin-top: 0
}

.info-accardion .holder .info .text b,
.info-accardion .holder .info .text strong {
    color: #1a1a1a;
    font-weight: 600 !important
}

.info-accardion .holder .info .text a:not(.btn) {
    color: #1a1a1a;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.info-accardion .holder .info .text a:not(.btn):hover {
    color: #6d6d6d
}

.info-accardion .holder .info .text ul,
.info-accardion .holder .info .text ol {
    padding-left: 25px
}

.info-accardion .holder .info .text ul {
    list-style: none
}

.info-accardion .holder .info .text ul li {
    position: relative
}

.info-accardion .holder .info .text ul li::after {
    content: "";
    position: absolute;
    left: -18px;
    top: calc((1.5em - 4px)/2);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1a1a1a
}

.info-accardion .holder .info .text li {
    margin-bottom: 10px
}

.info-accardion .holder .info .text li:last-child {
    margin-bottom: 0
}

.info-accardion .holder .info .text blockquote {
    padding: 18px 20px;
    border-left: 3px solid #d9a3a3;
    background: #faf8f6
}

@media(max-width: 550px) {
    .info-accardion .holder .info .text blockquote {
        padding: 14px 16px
    }
}

.info-accardion .holder .info .text table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 14px;
    line-height: 145%
}

@media(max-width: 550px) {
    .info-accardion .holder .info .text table {
        min-width: 480px;
        font-size: 13px
    }
}

.info-accardion .holder .info .text th,
.info-accardion .holder .info .text td {
    padding: 14px 16px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #e7e7e7;
    color: #1a1a1a
}

@media(max-width: 550px) {

    .info-accardion .holder .info .text th,
    .info-accardion .holder .info .text td {
        padding: 12px
    }
}

.info-accardion .holder .info .text th {
    background: #f4efea;
    font-weight: 600 !important
}

.info-accardion .holder .info .text tbody tr:nth-child(even) {
    background: #faf8f6
}

.info-accardion .holder .info-acardion {
    margin-top: 32px;
    outline: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 600 !important;
    line-height: 100%;
    text-transform: uppercase;
    font-family: "Inter", sans-serif
}

.info-accardion .holder .info-acardion span {
    display: inline-flex;
    transition: transform .3s ease
}

.info-accardion .holder .info-acardion.active span {
    transform: rotate(180deg)
}

@media(max-width: 550px) {
    .info-accardion .holder .info-acardion {
        margin-top: 20px
    }
}

.info-accardion.is-expanded .holder .info::after {
    opacity: 0
}

.catalog-page {
    padding: 1.5em 0 3.75em
}

@media(max-width: 550px) {
    .catalog-page {
        padding: 14px 0 40px
    }
}

.catalog-page .holder .title-1 {
    margin-bottom: 0.6875em
}

@media(max-width: 550px) {
    .catalog-page .holder .title-1 {
        margin-bottom: 32px
    }
}

.catalog-page .holder .category-list {
    margin-bottom: 2.75em
}

@media(max-width: 767px) {
    .catalog-page .holder .category-list {
        margin-bottom: 32px
    }
}

.catalog-page .holder .category-list .category {
    display: flex;
    width: calc(100% + 32px);
    margin: 0 -16px;
    padding: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none
}

.catalog-page .holder .category-list .category::-webkit-scrollbar {
    display: none
}

.catalog-page .holder .category-list .category .item {
    color: #1a1a1a;
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    line-height: 112%;
    text-transform: uppercase;
    padding: 0 20px 11px;
    border-bottom: 1px solid #e7e7e7;
    transition: unset;
    text-wrap: nowrap
}

@media(max-width: 500px) {
    .catalog-page .holder .category-list .category .item {
        padding: 0 12px 7px;
        font-size: 14px;
        line-height: 100%
    }
}

.catalog-page .holder .category-list .category .item.current,
.catalog-page .holder .category-list .category .item:hover {
    border-bottom: 2px solid #1a1a1a
}

.catalog-page .holder .current-filters {
    margin-top: 2.75em
}

@media(max-width: 767px) {
    .catalog-page .holder .current-filters {
        margin-top: 20px
    }
}

.catalog-page .holder .current-filters .filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px
}

@media(max-width: 767px) {
    .catalog-page .holder .current-filters .filters {
        gap: 8px
    }
}

.catalog-page .holder .current-filters .filters .item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 11px;
    border: 1px solid #e7e7e7
}

.catalog-page .holder .current-filters .filters .item .name {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 400;
    line-height: 128%
}

.catalog-page .holder .current-filters .filters .item .remove-filter {
    background: rgba(0, 0, 0, 0);
    outline: none;
    border: none;
    user-select: none;
    cursor: pointer;
    display: inline-flex
}

.catalog-page .holder .current-filters .clear-filters {
    background: rgba(0, 0, 0, 0);
    outline: none;
    border: none;
    user-select: none;
    cursor: pointer;
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 4px
}

.catalog-page .holder .mobile-filter {
    display: none
}

@media(max-width: 767px) {
    .catalog-page .holder .mobile-filter {
        display: flex
    }
}

.catalog-page .holder .mobile-filter .btn {
    width: 100%
}

@media(max-width: 550px) {
    .catalog-page .holder .mobile-filter .btn {
        padding: 13px 24px;
        font-size: 12px
    }
}

.catalog-page .holder .container {
    display: flex;
    gap: 2em;
    margin-top: 2.75em
}

@media(max-width: 767px) {
    .catalog-page .holder .container {
        flex-direction: column;
        margin-top: 32px;
        gap: 20px
    }
}

.catalog-page .holder .container .filter {
    width: 15.1875em
}

@media(max-width: 767px) {
    .catalog-page .holder .container .filter {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 100%;
        height: 100vh;
        z-index: 5;
        padding: 0 16px;
        display: flex;
        flex-direction: column;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(8px);
        transition: opacity .25s ease, visibility .25s ease, transform .25s ease
    }
}

@media(max-width: 767px) {
    .catalog-page .holder .container .filter.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0)
    }
}

.catalog-page .holder .container .filter .filter-name {
    display: none;
    border-bottom: 1px solid #e7e7e7;
    padding: 12px 0;
    margin-bottom: 20px;
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%
}

@media(max-width: 767px) {
    .catalog-page .holder .container .filter .filter-name {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.catalog-page .holder .container .filter .filter-name .close-filter {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    user-select: none;
    cursor: pointer
}

.catalog-page .holder .container .filter .filters {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media(max-width: 767px) {
    .catalog-page .holder .container .filter .filters {
        flex: 1;
        min-height: 0;
        overflow-y: auto
    }
}

.catalog-page .holder .container .filter .filters .item {
    border-bottom: 1px solid #e7e7e7
}

.catalog-page .holder .container .filter .filters .item .name {
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 125%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    cursor: pointer;
    user-select: none
}

.catalog-page .holder .container .filter .filters .item .name .open-filter {
    display: inline-flex;
    transition: transform .3s ease
}

.catalog-page .holder .container .filter .filters .item .filter-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 20px
}

.catalog-page .holder .container .filter .filters .item .filter-list .check-item {
    display: flex;
    align-items: center;
    padding: 2px;
    gap: 8px;
    cursor: pointer;
    user-select: none
}

.catalog-page .holder .container .filter .filters .item .filter-list .check-item:hover input:not(:checked) {
    border-color: #9e9e9e
}

.catalog-page .holder .container .filter .filters .item .filter-list .check-item .check-name {
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 145%
}

.catalog-page .holder .container .filter .filters .item.price-range {
    border-bottom: none
}

.catalog-page .holder .container .filter .filters .item.price-range .group .inputs {
    display: flex;
    align-items: center;
    gap: 6px
}

@media(max-width: 600px) {
    .catalog-page .holder .container .filter .filters .item.price-range .group .inputs {
        gap: 8px
    }
}

.catalog-page .holder .container .filter .filters .item.price-range .group .inputs input {
    padding: 9px 12px;
    border: 1px solid #e7e7e7;
    width: 100%;
    color: #6d6d6d;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 142%;
    margin-bottom: 0
}

.catalog-page .holder .container .filter .filters .item.price-range .group .inputs .separator {
    color: #1a1a1a;
    text-align: center;
    font-family: "IBM Plex Mono";
    font-size: 18px;
    font-weight: 500;
    line-height: 122%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 22px
}

.catalog-page .holder .container .filter .filters .item.price-range .group .range-input {
    position: relative;
    height: 2px;
    background: #e7e7e7;
    margin-top: 12px;
    overflow: visible
}

.catalog-page .holder .container .filter .filters .item.price-range .group .range-input .range-progress {
    position: absolute;
    height: 2px;
    background: #d9a3a3;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0
}

.catalog-page .holder .container .filter .filters .item.price-range .group .range-input input {
    padding: 0;
    margin: 0;
    margin-bottom: 0
}

.catalog-page .holder .container .filter .filters .item.price-range .group .range-input input[type=range] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.catalog-page .holder .container .filter .filters .item.price-range .group .range-input input[type=range]::-webkit-slider-container {
    height: 2px;
    border: none;
    background: rgba(0, 0, 0, 0)
}

.catalog-page .holder .container .filter .filters .item.price-range .group .range-input input[type=range]::-webkit-slider-runnable-track {
    height: 2px;
    background: rgba(0, 0, 0, 0);
    border: none;
    box-shadow: none;
    -webkit-appearance: none
}

.catalog-page .holder .container .filter .filters .item.price-range .group .range-input input[type=range]::-webkit-slider-thumb {
    width: 16px;
    height: 16px;
    background: #d9a3a3;
    border: none;
    border-radius: 0;
    margin-top: -7px;
    box-shadow: none;
    clip-path: none;
    cursor: pointer;
    pointer-events: all;
    -webkit-appearance: none;
    appearance: none
}

.catalog-page .holder .container .filter .filters .item.price-range .group .range-input input[type=range]::-moz-range-track {
    height: 2px;
    background: rgba(0, 0, 0, 0);
    border: none;
    box-shadow: none
}

.catalog-page .holder .container .filter .filters .item.price-range .group .range-input input[type=range]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #d9a3a3;
    border: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    pointer-events: all
}

.catalog-page .holder .container .filter .filters .item:not(.open) .name .open-filter {
    transform: rotate(180deg)
}

@media(max-width: 767px) {
    .catalog-page .holder .container .filter .btns {
        margin-top: auto
    }
}

.catalog-page .holder .container .filter .btns .btn {
    width: 100%;
    margin-top: 25px
}

@media(max-width: 767px) {
    .catalog-page .holder .container .filter .btns .pc-btn {
        display: none
    }
}

.catalog-page .holder .container .filter .btns .mob-btn {
    display: none;
    border-top: 1px solid #e7e7e7;
    margin: 0 -16px;
    padding: 16px
}

@media(max-width: 767px) {
    .catalog-page .holder .container .filter .btns .mob-btn {
        display: flex;
        gap: 9px
    }
}

.catalog-page .holder .container .filter .btns .mob-btn .btn {
    width: 100%;
    padding: 17px 24px;
    font-size: 12px;
    margin-top: 0;
    min-width: auto
}

.catalog-page .holder .container .product-grid {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5em 1.1875em
}

@media(max-width: 1100px) {
    .catalog-page .holder .container .product-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width: 767px) {
    .catalog-page .holder .container .product-grid {
        margin-top: 0;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width: 550px) {
    .catalog-page .holder .container .product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 9px
    }
}

.catalog-page .holder .container .product-grid .product {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
    position: relative
}

.catalog-page .holder .container .product-grid .product:hover .name {
    color: #9e9e9e
}

@media(max-width: 767px) {
    .catalog-page .holder .container .product-grid .product:hover .name {
        color: #1a1a1a
    }
}

@media(max-width: 600px) {
    .catalog-page .holder .container .product-grid .product {
        gap: 8px
    }
}

.catalog-page .holder .container .product-grid .product .image {
    border-bottom: 1px solid #cecece;
    position: relative
}

.catalog-page .holder .container .product-grid .product .image .tag {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 116%;
    text-transform: uppercase;
    background: #1a1a1a;
    padding: 6px 10px
}

@media(max-width: 767px) {
    .catalog-page .holder .container .product-grid .product .image .tag {
        padding: 6px 8px;
        font-size: 10px
    }
}

.catalog-page .holder .container .product-grid .product .image img {
    width: 15.75em;
    height: 15.75em;
    object-fit: cover
}

@media(max-width: 600px) {
    .catalog-page .holder .container .product-grid .product .image img {
        width: 100%;
        height: 167px
    }
}

.catalog-page .holder .container .product-grid .product .name {
    overflow: hidden;
    color: #1a1a1a;
    text-overflow: ellipsis;
    font-size: 0.875em;
    font-style: normal;
    font-weight: 500;
    line-height: 128%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch
}

@media(max-width: 500px) {
    .catalog-page .holder .container .product-grid .product .name {
        font-size: 14px;
        line-height: 133%
    }
}

.catalog-page .holder .container .product-grid .product .price-info {
    display: flex;
    justify-content: space-between;
    gap: 8px
}

.catalog-page .holder .container .product-grid .product .price-info .price {
    display: flex;
    align-items: flex-end;
    padding-bottom: 8px;
    gap: 8px
}

@media(max-width: 550px) {
    .catalog-page .holder .container .product-grid .product .price-info .price {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 4px;
        padding-bottom: 0
    }
}

.catalog-page .holder .container .product-grid .product .price-info .price .current {
    color: #1a1a1a;
    font-size: 1em;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    display: inline
}

@media(max-width: 500px) {
    .catalog-page .holder .container .product-grid .product .price-info .price .current {
        font-size: 14px
    }
}

.catalog-page .holder .container .product-grid .product .price-info .price .discount {
    color: #9e9e9e;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 133%;
    text-decoration-line: line-through;
    display: inline
}

@media(max-width: 500px) {
    .catalog-page .holder .container .product-grid .product .price-info .price .discount {
        font-size: 12px;
        line-height: 140%
    }
}

.catalog-page .holder .container .product-grid .product .price-info .add-to-cart {
    border: none;
    outline: none;
    user-select: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: 8px
}

.catalog-page .holder .container .product-grid .product .price-info .add-to-cart:hover img {
    filter: brightness(1)
}

@media(max-width: 500px) {
    .catalog-page .holder .container .product-grid .product .price-info .add-to-cart {
        padding: 4px
    }
}

.catalog-page .holder .container .product-grid .product.favorite .favorite svg path {
    stroke: #d9a3a3;
    fill: #d9a3a3;
    fill-opacity: 1
}

.catalog-page .holder .container .product-grid .product .favorite {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    user-select: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: 8px;
    width: 40px;
    height: 40px
}

@media(max-width: 500px) {
    .catalog-page .holder .container .product-grid .product .favorite {
        padding: 4px;
        width: 28px;
        height: 28px
    }
}

.catalog-page .holder .container .product-grid .product .favorite:hover svg path {
    stroke: #d9a3a3
}

.catalog-page .holder .pagination {
    margin-top: 4em
}

@media(max-width: 767px) {
    .catalog-page .holder .pagination {
        margin-top: 44px
    }
}

.reviewed-products .holder .title-1,
.similar-products .holder .title-1 {
    margin-bottom: 0.6875em
}

@media(max-width: 767px) {

    .reviewed-products .holder .title-1,
    .similar-products .holder .title-1 {
        margin-bottom: 32px
    }
}

.reviewed-products .holder .product-grid,
.similar-products .holder .product-grid {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2.5em 1.1875em
}

@media(max-width: 1200px) {

    .reviewed-products .holder .product-grid,
    .similar-products .holder .product-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 1000px) {

    .reviewed-products .holder .product-grid,
    .similar-products .holder .product-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width: 550px) {

    .reviewed-products .holder .product-grid,
    .similar-products .holder .product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 9px
    }
}

.reviewed-products .holder .product-grid .product,
.similar-products .holder .product-grid .product {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
    position: relative
}

.reviewed-products .holder .product-grid .product:hover .name,
.similar-products .holder .product-grid .product:hover .name {
    color: #9e9e9e
}

@media(max-width: 600px) {

    .reviewed-products .holder .product-grid .product,
    .similar-products .holder .product-grid .product {
        gap: 8px
    }
}

.reviewed-products .holder .product-grid .product .image,
.similar-products .holder .product-grid .product .image {
    border-bottom: 1px solid #cecece;
    position: relative
}

.reviewed-products .holder .product-grid .product .image .tag,
.similar-products .holder .product-grid .product .image .tag {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 116%;
    text-transform: uppercase;
    background: #1a1a1a;
    padding: 6px 10px
}

@media(max-width: 767px) {

    .reviewed-products .holder .product-grid .product .image .tag,
    .similar-products .holder .product-grid .product .image .tag {
        padding: 6px 8px;
        font-size: 10px
    }
}

.reviewed-products .holder .product-grid .product .image img,
.similar-products .holder .product-grid .product .image img {
    width: 15.75em;
    height: 15.75em;
    object-fit: cover
}

@media(max-width: 600px) {

    .reviewed-products .holder .product-grid .product .image img,
    .similar-products .holder .product-grid .product .image img {
        width: 100%;
        height: 167px
    }
}

.reviewed-products .holder .product-grid .product .name,
.similar-products .holder .product-grid .product .name {
    overflow: hidden;
    color: #1a1a1a;
    text-overflow: ellipsis;
    font-size: 0.875em;
    font-style: normal;
    font-weight: 500;
    line-height: 128%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch
}

@media(max-width: 500px) {

    .reviewed-products .holder .product-grid .product .name,
    .similar-products .holder .product-grid .product .name {
        font-size: 14px;
        line-height: 133%
    }
}

.reviewed-products .holder .product-grid .product .price-info,
.similar-products .holder .product-grid .product .price-info {
    display: flex;
    justify-content: space-between;
    gap: 8px
}

.reviewed-products .holder .product-grid .product .price-info .price,
.similar-products .holder .product-grid .product .price-info .price {
    display: flex;
    align-items: flex-end;
    padding-bottom: 8px;
    gap: 8px
}

@media(max-width: 550px) {

    .reviewed-products .holder .product-grid .product .price-info .price,
    .similar-products .holder .product-grid .product .price-info .price {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 4px;
        padding-bottom: 0
    }
}

.reviewed-products .holder .product-grid .product .price-info .price .current,
.similar-products .holder .product-grid .product .price-info .price .current {
    color: #1a1a1a;
    font-size: 1em;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    display: inline
}

@media(max-width: 500px) {

    .reviewed-products .holder .product-grid .product .price-info .price .current,
    .similar-products .holder .product-grid .product .price-info .price .current {
        font-size: 14px
    }
}

.reviewed-products .holder .product-grid .product .price-info .price .discount,
.similar-products .holder .product-grid .product .price-info .price .discount {
    color: #9e9e9e;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 133%;
    text-decoration-line: line-through;
    display: inline
}

@media(max-width: 500px) {

    .reviewed-products .holder .product-grid .product .price-info .price .discount,
    .similar-products .holder .product-grid .product .price-info .price .discount {
        font-size: 12px;
        line-height: 140%
    }
}

.reviewed-products .holder .product-grid .product .price-info .add-to-cart,
.similar-products .holder .product-grid .product .price-info .add-to-cart {
    border: none;
    outline: none;
    user-select: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: 8px
}

.reviewed-products .holder .product-grid .product .price-info .add-to-cart:hover img,
.similar-products .holder .product-grid .product .price-info .add-to-cart:hover img {
    filter: brightness(1)
}

@media(max-width: 500px) {

    .reviewed-products .holder .product-grid .product .price-info .add-to-cart,
    .similar-products .holder .product-grid .product .price-info .add-to-cart {
        padding: 4px
    }
}

.reviewed-products .holder .product-grid .product.favorite .favorite svg path,
.similar-products .holder .product-grid .product.favorite .favorite svg path {
    stroke: #d9a3a3;
    fill: #d9a3a3;
    fill-opacity: 1
}

.reviewed-products .holder .product-grid .product .favorite,
.similar-products .holder .product-grid .product .favorite {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    user-select: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: 8px;
    width: 40px;
    height: 40px
}

@media(max-width: 500px) {

    .reviewed-products .holder .product-grid .product .favorite,
    .similar-products .holder .product-grid .product .favorite {
        padding: 4px;
        width: 28px;
        height: 28px
    }
}

.reviewed-products .holder .product-grid .product .favorite:hover svg path,
.similar-products .holder .product-grid .product .favorite:hover svg path {
    stroke: #d9a3a3
}

.info-accardion .holder .info {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    text-wrap: auto;
    overflow-x: auto
}

.info-accardion .holder .info>.text:empty {
    display: none
}

.info-accardion .holder .info [style*="font-weight: 400" i],
.info-accardion .holder .info [style*="font-weight:400" i] {
    font-weight: inherit !important
}

.info-accardion .holder .info p,
.info-accardion .holder .info h1,
.info-accardion .holder .info h2,
.info-accardion .holder .info h3,
.info-accardion .holder .info h4,
.info-accardion .holder .info h5,
.info-accardion .holder .info h6,
.info-accardion .holder .info ul,
.info-accardion .holder .info ol,
.info-accardion .holder .info table,
.info-accardion .holder .info blockquote {
    margin: 0 0 20px
}

@media(max-width: 550px) {

    .info-accardion .holder .info p,
    .info-accardion .holder .info h1,
    .info-accardion .holder .info h2,
    .info-accardion .holder .info h3,
    .info-accardion .holder .info h4,
    .info-accardion .holder .info h5,
    .info-accardion .holder .info h6,
    .info-accardion .holder .info ul,
    .info-accardion .holder .info ol,
    .info-accardion .holder .info table,
    .info-accardion .holder .info blockquote {
        margin-bottom: 16px
    }
}

.info-accardion .holder .info p:last-child,
.info-accardion .holder .info h1:last-child,
.info-accardion .holder .info h2:last-child,
.info-accardion .holder .info h3:last-child,
.info-accardion .holder .info h4:last-child,
.info-accardion .holder .info h5:last-child,
.info-accardion .holder .info h6:last-child,
.info-accardion .holder .info ul:last-child,
.info-accardion .holder .info ol:last-child,
.info-accardion .holder .info table:last-child,
.info-accardion .holder .info blockquote:last-child {
    margin-bottom: 0
}

.info-accardion .holder .info p,
.info-accardion .holder .info li {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    text-wrap: auto
}

@media(max-width: 550px) {

    .info-accardion .holder .info p,
    .info-accardion .holder .info li {
        font-size: 14px
    }
}

.info-accardion .holder .info h1,
.info-accardion .holder .info h2,
.info-accardion .holder .info h3,
.info-accardion .holder .info h4,
.info-accardion .holder .info h5,
.info-accardion .holder .info h6 {
    color: #1a1a1a;
    font-weight: 500 !important;
    line-height: 125%;
    text-wrap: auto
}

.info-accardion .holder .info h1 [style*="font-weight: 400" i],
.info-accardion .holder .info h1 [style*="font-weight:400" i],
.info-accardion .holder .info h2 [style*="font-weight: 400" i],
.info-accardion .holder .info h2 [style*="font-weight:400" i],
.info-accardion .holder .info h3 [style*="font-weight: 400" i],
.info-accardion .holder .info h3 [style*="font-weight:400" i],
.info-accardion .holder .info h4 [style*="font-weight: 400" i],
.info-accardion .holder .info h4 [style*="font-weight:400" i],
.info-accardion .holder .info h5 [style*="font-weight: 400" i],
.info-accardion .holder .info h5 [style*="font-weight:400" i],
.info-accardion .holder .info h6 [style*="font-weight: 400" i],
.info-accardion .holder .info h6 [style*="font-weight:400" i] {
    font-weight: inherit !important
}

.info-accardion .holder .info h1,
.info-accardion .holder .info h2 {
    font-size: 24px;
    margin-top: 32px
}

@media(max-width: 550px) {

    .info-accardion .holder .info h1,
    .info-accardion .holder .info h2 {
        font-size: 20px;
        margin-top: 24px
    }
}

.info-accardion .holder .info h1:first-child,
.info-accardion .holder .info h2:first-child {
    margin-top: 0
}

.info-accardion .holder .info h3 {
    font-size: 20px;
    margin-top: 28px
}

@media(max-width: 550px) {
    .info-accardion .holder .info h3 {
        font-size: 18px;
        margin-top: 22px
    }
}

.info-accardion .holder .info h3:first-child {
    margin-top: 0
}

.info-accardion .holder .info h4,
.info-accardion .holder .info h5,
.info-accardion .holder .info h6 {
    font-size: 18px;
    margin-top: 24px
}

@media(max-width: 550px) {

    .info-accardion .holder .info h4,
    .info-accardion .holder .info h5,
    .info-accardion .holder .info h6 {
        font-size: 16px;
        margin-top: 20px
    }
}

.info-accardion .holder .info h4:first-child,
.info-accardion .holder .info h5:first-child,
.info-accardion .holder .info h6:first-child {
    margin-top: 0
}

.info-accardion .holder .info b,
.info-accardion .holder .info strong {
    color: #1a1a1a;
    font-weight: 600 !important
}

.info-accardion .holder .info b [style*="font-weight: 400" i],
.info-accardion .holder .info b [style*="font-weight:400" i],
.info-accardion .holder .info strong [style*="font-weight: 400" i],
.info-accardion .holder .info strong [style*="font-weight:400" i] {
    font-weight: inherit !important
}

.info-accardion .holder .info a:not(.btn) {
    color: #1a1a1a;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.info-accardion .holder .info a:not(.btn):hover {
    color: #6d6d6d
}

.info-accardion .holder .info ul,
.info-accardion .holder .info ol {
    padding-left: 25px
}

.info-accardion .holder .info ul {
    list-style: none
}

.info-accardion .holder .info ul li {
    position: relative
}

.info-accardion .holder .info ul li::after {
    content: "";
    position: absolute;
    left: -18px;
    top: calc((1.5em - 4px)/2);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1a1a1a
}

.info-accardion .holder .info li {
    margin-bottom: 10px
}

.info-accardion .holder .info li:last-child {
    margin-bottom: 0
}

.info-accardion .holder .info blockquote {
    padding: 18px 20px;
    border-left: 3px solid #d9a3a3;
    background: #faf8f6
}

@media(max-width: 550px) {
    .info-accardion .holder .info blockquote {
        padding: 14px 16px
    }
}

.info-accardion .holder .info table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 14px;
    line-height: 145%
}

@media(max-width: 550px) {
    .info-accardion .holder .info table {
        min-width: 480px;
        font-size: 13px
    }
}

.info-accardion .holder .info th,
.info-accardion .holder .info td {
    padding: 14px 16px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #e7e7e7;
    color: #1a1a1a
}

@media(max-width: 550px) {

    .info-accardion .holder .info th,
    .info-accardion .holder .info td {
        padding: 12px
    }
}

.info-accardion .holder .info th {
    background: #f4efea;
    font-weight: 600 !important
}

.info-accardion .holder .info tbody tr:nth-child(even) {
    background: #faf8f6
}

.single-product.product-card-redesign {
    padding: 24px 0 44px
}

.single-product.product-card-redesign .holder {
    display: block;
    max-width: 1232px
}

.single-product.product-card-redesign .product-benefits {
    display: none
}

.single-product.product-card-redesign .product-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 520px);
    gap: 48px;
    align-items: start
}

.single-product.product-card-redesign .product-gallery {
    position: relative;
    min-width: 0
}

.single-product.product-card-redesign .product-gallery__main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    background: #f7f5f2;
    border: 1px solid #ece8e4
}

.single-product.product-card-redesign .product-gallery__main img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.single-product.product-card-redesign .product-country-badge {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2;
    max-width: 42%;
    padding: 12px 18px;
    border: 1px solid rgba(12, 12, 12, .08);
    border-radius: 16px;
    background: hsla(0, 0%, 100%, .94);
    box-shadow: 0 16px 34px rgba(43, 32, 32, .12);
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0;
    text-align: center;
    pointer-events: none
}

.single-product.product-card-redesign .product-gallery__thumbs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px
}

.single-product.product-card-redesign .product-gallery__thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/.74;
    padding: 6px;
    border: 1px solid #ece8e4;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease
}

.single-product.product-card-redesign .product-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.single-product.product-card-redesign .product-gallery__thumb.is-active,
.single-product.product-card-redesign .product-gallery__thumb:hover {
    border-color: #d9a3a3;
    box-shadow: 0 0 0 1px #d9a3a3 inset
}

.single-product.product-card-redesign .product-summary {
    border: 1px solid #ece8e4;
    background: #fff;
    padding: 28px
}

.single-product.product-card-redesign .product-summary__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin-bottom: 12px
}

.single-product.product-card-redesign .product-summary__meta a,
.single-product.product-card-redesign .product-summary__meta span {
    color: #6d6d6d;
    font-size: 12px;
    line-height: 1.3
}

.single-product.product-card-redesign .product-summary__meta a:hover {
    color: #d9a3a3
}

.single-product.product-card-redesign .product-summary__title {
    color: #1a1a1a;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 14px;
    text-wrap: auto
}

.single-product.product-card-redesign .product-summary__rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px
}

.single-product.product-card-redesign .stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: #d9a3a3
}

.single-product.product-card-redesign .stars .star {
    display: inline-flex;
    color: #ded8d2
}

.single-product.product-card-redesign .stars .star.is-filled {
    color: #d9a3a3
}

.single-product.product-card-redesign .stars .star svg {
    display: block
}

.single-product.product-card-redesign .stars .star svg path {
    fill: currentColor
}

.single-product.product-card-redesign .product-summary__score {
    color: #1a1a1a;
    font-size: 13px;
    font-weight: 600;
    line-height: 1
}

.single-product.product-card-redesign .reviews-link {
    color: #d9a3a3;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    border-bottom: 1px solid currentColor
}

.single-product.product-card-redesign .product-summary__stock {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px
}

.single-product.product-card-redesign .product-summary__stock .icon {
    display: inline-flex;
    flex: 0 0 auto
}

.single-product.product-card-redesign .product-summary__stock .text {
    color: #358b1d;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3
}

.single-product.product-card-redesign .product-summary__stock.out .text {
    color: #d91f1b
}

.single-product.product-card-redesign .product-summary__manufacturer {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: -8px 0 18px;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 1.4
}

.single-product.product-card-redesign .product-summary__manufacturer span {
    color: #6d6d6d;
    font-weight: 400
}

.single-product.product-card-redesign .product-summary__manufacturer strong {
    font-weight: 600
}

.single-product.product-card-redesign .product-info-panel {
    display: grid;
    gap: 10px;
    margin-top: 18px;
    padding: 16px;
    border: 1px solid #e5ddd6;
    border-radius: 14px;
    background: #fbf8f5
}

.single-product.product-card-redesign .product-info-row {
    display: grid;
    grid-template-columns: minmax(118px, 0.42fr) minmax(0, 1fr);
    gap: 12px;
    align-items: baseline;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 1.4
}

.single-product.product-card-redesign .product-info-row span {
    color: #6d6d6d;
    font-weight: 500
}

.single-product.product-card-redesign .product-info-row strong {
    font-weight: 700;
    text-wrap: auto
}

.single-product.product-card-redesign .product-ready {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 14px;
    padding: 16px;
    border: 1px solid rgba(53, 139, 29, .2);
    border-radius: 14px;
    background: #f1f8ee;
    color: #358b1d
}

.single-product.product-card-redesign .product-ready.out {
    border-color: rgba(217, 31, 27, .2);
    background: #fff3f3;
    color: #d91f1b
}

.single-product.product-card-redesign .product-ready strong {
    display: block;
    margin-bottom: 3px;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

.single-product.product-card-redesign .product-ready span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-wrap: auto
}

.single-product.product-card-redesign .product-ready__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 8px 18px rgba(53, 139, 29, .12)
}

.single-product.product-card-redesign .product-phone-panel {
    margin-top: 14px;
    padding: 16px;
    border: 1px solid #ece8e4;
    border-radius: 14px;
    background: #fff
}

.single-product.product-card-redesign .product-phone-panel span {
    display: block;
    margin-bottom: 6px;
    color: #6d6d6d;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3
}

.single-product.product-card-redesign .product-phone-panel a {
    color: #1a1a1a;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0
}

.single-product.product-card-redesign .product-phone-panel a:hover {
    color: #d9a3a3
}

.single-product.product-card-redesign .product-summary__short {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    padding: 18px 0;
    border-top: 1px solid #ece8e4;
    border-bottom: 1px solid #ece8e4;
    text-wrap: auto
}

.single-product.product-card-redesign .product-summary__short.is-empty {
    display: none
}

.single-product.product-card-redesign .product-summary__short p {
    margin: 0 0 10px;
    text-wrap: auto
}

.single-product.product-card-redesign .product-summary__short p:last-child {
    margin-bottom: 0
}

.single-product.product-card-redesign .product-options {
    padding: 20px 0 22px;
    border-bottom: 1px solid #ece8e4
}

.single-product.product-card-redesign .product-options__current {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 12px;
    color: #9e9e9e;
    font-size: 14px;
    line-height: 1.4
}

.single-product.product-card-redesign .product-options__current strong {
    color: #1a1a1a;
    font-weight: 500
}

.single-product.product-card-redesign .product-options__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.single-product.product-card-redesign .product-options__list span {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    border: 1px solid #e7e7e7;
    background: #fff;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    transition: border-color .2s ease, background-color .2s ease
}

.single-product.product-card-redesign .product-options__list span.active,
.single-product.product-card-redesign .product-options__list span:hover {
    border-color: #1a1a1a
}

.single-product.product-card-redesign .product-purchase {
    padding-top: 22px
}

.single-product.product-card-redesign .product-purchase__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px
}

.single-product.product-card-redesign .product-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 14px
}

.single-product.product-card-redesign .product-price .current {
    color: #1a1a1a;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.1
}

.single-product.product-card-redesign .product-price .discount {
    color: #9e9e9e;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: line-through
}

.single-product.product-card-redesign .product-price .discount:empty {
    display: none
}

.single-product.product-card-redesign .follow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 0;
    background: rgba(0, 0, 0, 0);
    cursor: pointer
}

.single-product.product-card-redesign .follow:hover svg path,
.single-product.product-card-redesign .follow.active svg path {
    stroke: #d9a3a3;
    fill: #d9a3a3;
    fill-opacity: 1
}

#single-product-add-to-cart {
    background-color: #358b1d;
}

.single-product.product-card-redesign .product-actions {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 12px
}

.single-product.product-card-redesign .product-quantity {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    min-height: 48px;
    border: 1px solid #e7e7e7;
    background: #fff
}

.single-product.product-card-redesign .product-quantity button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: rgba(0, 0, 0, 0);
    color: #1a1a1a;
    font-size: 18px;
    line-height: 1;
    cursor: pointer
}

.single-product.product-card-redesign .product-quantity input {
    width: 100%;
    height: 46px;
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, 0);
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 500;
    text-align: center
}

.single-product.product-card-redesign .product-actions .btn {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding-left: 14px;
    padding-right: 14px
}

.single-product.product-card-redesign .product-assurance {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px
}

.single-product.product-card-redesign .product-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px
}

.single-product.product-card-redesign .product-benefit {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 52px;
    padding: 12px;
    border: 1px solid #e8ded6;
    border-radius: 12px;
    background: #fbf8f5;
    color: #1a1a1a;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    text-wrap: auto
}

.single-product.product-card-redesign .product-benefit__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: #fff;
    color: #d9a3a3
}

.single-product.product-card-redesign .product-benefit__icon svg {
    width: 18px;
    height: 18px
}

.single-product.product-card-redesign .product-benefit__icon svg path {
    fill: currentColor
}

.single-product.product-card-redesign .assurance-card {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 10px;
    padding: 14px;
    border: 1px solid #ece8e4;
    background: #fbf8f5;
    color: #1a1a1a
}

.single-product.product-card-redesign .assurance-card strong {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25
}

.single-product.product-card-redesign .assurance-card p,
.single-product.product-card-redesign .assurance-card a {
    margin: 0;
    color: #6d6d6d;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    text-wrap: auto
}

.single-product.product-card-redesign .assurance-card a:hover {
    color: #d9a3a3
}

.single-product.product-card-redesign .assurance-card--contact a {
    display: inline-block;
    margin-top: 6px;
    color: #1a1a1a;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0;
    text-wrap: auto
}

.single-product.product-card-redesign .assurance-card--contact a:hover {
    color: #d9a3a3
}

.single-product.product-card-redesign .assurance-card__icon {
    display: inline-flex;
    color: #d9a3a3
}

.product-detail-content {
    padding: 18px 0 60px
}

.product-detail-content .holder {
    max-width: 1232px
}

.product-detail-content .product-description-block,
.product-detail-content .product-characteristics-block {
    padding-top: 34px;
    border-top: 1px solid #ded8d2
}

.product-detail-content .product-characteristics-block {
    margin-top: 34px
}

.product-detail-content h2 {
    margin: 0 0 18px;
    color: #1a1a1a;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    text-wrap: auto
}

.product-detail-content .product-content {
    max-width: 980px;
    overflow-x: auto;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
    text-wrap: auto
}

.product-detail-content .product-content p,
.product-detail-content .product-content h1,
.product-detail-content .product-content h2,
.product-detail-content .product-content h3,
.product-detail-content .product-content h4,
.product-detail-content .product-content h5,
.product-detail-content .product-content h6,
.product-detail-content .product-content ul,
.product-detail-content .product-content ol,
.product-detail-content .product-content table {
    margin: 0 0 18px;
    text-wrap: auto
}

.product-detail-content .product-content p:last-child,
.product-detail-content .product-content h1:last-child,
.product-detail-content .product-content h2:last-child,
.product-detail-content .product-content h3:last-child,
.product-detail-content .product-content h4:last-child,
.product-detail-content .product-content h5:last-child,
.product-detail-content .product-content h6:last-child,
.product-detail-content .product-content ul:last-child,
.product-detail-content .product-content ol:last-child,
.product-detail-content .product-content table:last-child {
    margin-bottom: 0
}

.product-detail-content .product-content h1,
.product-detail-content .product-content h2,
.product-detail-content .product-content h3,
.product-detail-content .product-content h4,
.product-detail-content .product-content h5,
.product-detail-content .product-content h6 {
    font-weight: 500;
    line-height: 1.25
}

.product-detail-content .product-content h1,
.product-detail-content .product-content h2 {
    font-size: 24px
}

.product-detail-content .product-content h3 {
    font-size: 20px
}

.product-detail-content .product-content h4,
.product-detail-content .product-content h5,
.product-detail-content .product-content h6 {
    font-size: 18px
}

.product-detail-content .product-content ul,
.product-detail-content .product-content ol {
    padding-left: 22px
}

.product-detail-content .product-content table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 14px;
    line-height: 1.45
}

.product-detail-content .product-content th,
.product-detail-content .product-content td {
    padding: 13px 16px;
    border: 1px solid #e7e7e7;
    color: #1a1a1a;
    text-align: left;
    vertical-align: top
}

.product-detail-content .product-content th {
    background: #f4efea;
    font-weight: 600
}

.product-detail-content .product-characteristics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid #e7e7e7;
    background: #fff
}

.product-detail-content .characteristic {
    display: grid;
    grid-template-columns: minmax(140px, 0.72fr) minmax(0, 1fr);
    min-height: 48px;
    border-bottom: 1px solid #e7e7e7
}

.product-detail-content .characteristic:nth-child(odd) {
    border-right: 1px solid #e7e7e7
}

.product-detail-content .characteristic:nth-last-child(-n+2) {
    border-bottom: 0
}

.product-detail-content .characteristic .name,
.product-detail-content .characteristic .value {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 1.45;
    text-wrap: auto
}

.product-detail-content .characteristic .name {
    background: #faf8f6;
    color: #6d6d6d;
    border-right: 1px solid #e7e7e7
}

.product-detail-content .characteristic .value {
    font-weight: 600
}

.client-review.product-reviews-section {
    padding: 56px 0 64px;
    background: #f4efea
}

.client-review.product-reviews-section .holder {
    max-width: 1232px
}

.client-review.product-reviews-section .reviews-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px
}

.client-review.product-reviews-section .section-kicker {
    display: block;
    margin-bottom: 6px;
    color: #d9a3a3;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase
}

.client-review.product-reviews-section .title-1 {
    margin: 0;
    text-wrap: auto
}

.client-review.product-reviews-section .reviews-score {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid #e1d6cf;
    background: #fff;
    color: #1a1a1a;
    font-size: 13px;
    white-space: nowrap
}

.client-review.product-reviews-section .reviews-score strong {
    font-size: 16px;
    line-height: 1
}

.client-review.product-reviews-section .reviews-score span {
    color: #6d6d6d;
    font-size: 12px
}

.client-review.product-reviews-section .stars {
    display: inline-flex;
    align-items: center;
    gap: 2px
}

.client-review.product-reviews-section .stars .star {
    display: inline-flex;
    color: #ded8d2
}

.client-review.product-reviews-section .stars .star.is-filled {
    color: #d9a3a3
}

.client-review.product-reviews-section .stars .star svg path {
    fill: currentColor
}

.client-review.product-reviews-section .reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px
}

.client-review.product-reviews-section .swiper-wrapper {
    align-items: stretch;
}

.client-review.product-reviews-section .swiper-slide {
    height: auto;
}

.client-review.product-reviews-section .review-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 235px;
    padding: 20px;

    border: 0;
    border-radius: 14px;
    background: #fff;
    color: #1a1a1a;

    box-shadow: 0 12px 32px rgba(43, 32, 32, 0.08);
}

/* Звёзды — в HTML класс именно starts */
.client-review.product-reviews-section .review-card .starts {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 0 22px;
}

.client-review.product-reviews-section .review-card .starts .star {
    display: block;
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px;
    margin: 0 !important;
}

/* Текст */
.client-review.product-reviews-section .review-card .review {
    flex: 1;
    min-height: 0;
}

.client-review.product-reviews-section .review-card .review .text {
    display: -webkit-box;
    margin: 0;

    overflow: hidden;
    color: rgba(12, 12, 12, 0.72);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    text-wrap: pretty;
}

/* Автор снизу */
.client-review.product-reviews-section .review-card .user {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin-top: 20px;
}

/* Круглый маленький аватар */
.client-review.product-reviews-section .review-card .review-user-image {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex: 0 0 34px !important;
    margin: 0 !important;
}

.client-review.product-reviews-section .review-card .review-user-image img {
    display: block;
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    min-width: 34px !important;
    margin: 0 !important;

    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

/* Имя слева, дата справа */
.client-review.product-reviews-section .review-card .user-info {
    display: flex !important;
    flex: 1;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.client-review.product-reviews-section .review-card .user-info .name {
    overflow: hidden;
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-review.product-reviews-section .review-card .user-info .date {
    flex-shrink: 0;
    color: rgba(12, 12, 12, 0.45);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.3;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .client-review.product-reviews-section .review-card {
        min-height: 220px;
        padding: 18px;
        border-radius: 12px;
    }

    .client-review.product-reviews-section .review-card .starts {
        margin-bottom: 18px;
    }

    .client-review.product-reviews-section .review-card .review .text {
        font-size: 12px;
        line-height: 1.5;
        -webkit-line-clamp: 7;
    }

    .client-review.product-reviews-section .review-card .user {
        margin-top: 18px;
    }

    .client-review.product-reviews-section .review-card .review-user-image,
    .client-review.product-reviews-section .review-card .review-user-image img {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        flex-basis: 32px !important;
    }
}

.client-review.product-reviews-section .not-review {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px;
    border: 1px solid #e1d6cf;
    background: #fff
}

.client-review.product-reviews-section .not-review .text {
    margin: 0;
    color: #1a1a1a;
    font-size: 15px;
    line-height: 1.5;
    text-wrap: auto
}

.client-review.product-reviews-section .reviews-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 26px
}

.client-review.product-reviews-section .reviews-pagination .show-more {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border: 1px solid #d9a3a3;
    color: #d9a3a3;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

.client-review.product-reviews-section .reviews-pagination .list-page {
    display: inline-flex;
    gap: 6px
}

.client-review.product-reviews-section .reviews-pagination .list-page a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #e1d6cf;
    background: #fff;
    color: #1a1a1a;
    font-size: 13px
}

.client-review.product-reviews-section .reviews-pagination .list-page a.current {
    border-color: #d9a3a3;
    color: #d9a3a3
}

.product-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px
}

.product-section-heading .section-kicker {
    display: block;
    margin-bottom: 6px;
    color: #d9a3a3;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase
}

.product-section-heading .title-1 {
    margin: 0
}

.product-section-heading>a {
    color: #6d6d6d;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    border-bottom: 1px solid currentColor
}

.product-section-heading>a:hover {
    color: #d9a3a3
}

@media(max-width: 1180px) {
    .single-product.product-card-redesign .product-hero {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 470px);
        gap: 32px
    }

    .single-product.product-card-redesign .product-summary {
        padding: 22px
    }
}

@media(max-width: 900px) {
    .single-product.product-card-redesign {
        padding-top: 16px
    }

    .single-product.product-card-redesign .product-hero {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .single-product.product-card-redesign .product-gallery {
        position: static
    }


    .single-product.product-card-redesign .product-actions {
        grid-template-columns: 120px minmax(0, 1fr)
    }

    .single-product.product-card-redesign .product-actions .btn-empty {
        grid-column: 1/-1
    }

    .product-detail-content .product-characteristics {
        grid-template-columns: 1fr
    }

    .product-detail-content .characteristic:nth-child(odd) {
        border-right: 0
    }

    .product-detail-content .characteristic:nth-last-child(-n+2) {
        border-bottom: 1px solid #e7e7e7
    }

    .product-detail-content .characteristic:last-child {
        border-bottom: 0
    }

    .client-review.product-reviews-section .reviews-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(max-width: 640px) {
    .single-product.product-card-redesign {
        padding-bottom: 34px
    }

    .single-product.product-card-redesign .product-gallery__thumbs {
        grid-template-columns: repeat(4, 72px);
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 4px
    }

    .single-product.product-card-redesign .product-country-badge {
        top: 14px;
        right: 14px;
        max-width: 48%;
        padding: 9px 13px;
        border-radius: 12px;
        font-size: 12px
    }

    .single-product.product-card-redesign .product-summary {
        padding: 18px 16px
    }

    .single-product.product-card-redesign .product-summary__title {
        font-size: 22px
    }

    .single-product.product-card-redesign .product-summary__short {
        padding: 14px 0
    }

    .single-product.product-card-redesign .product-info-panel {
        padding: 14px
    }

    .single-product.product-card-redesign .product-info-row {
        grid-template-columns: 1fr;
        gap: 4px
    }

    .single-product.product-card-redesign .product-ready,
    .single-product.product-card-redesign .product-phone-panel {
        padding: 14px
    }

    .single-product.product-card-redesign .product-phone-panel a {
        font-size: 19px
    }

    .single-product.product-card-redesign .product-options__list {
        gap: 8px
    }

    .single-product.product-card-redesign .product-options__list span {
        min-height: 38px;
        padding: 8px 12px;
        font-size: 13px
    }

    .single-product.product-card-redesign .product-price .current {
        font-size: 24px
    }

    .single-product.product-card-redesign .product-actions {
        grid-template-columns: 1fr
    }

    .single-product.product-card-redesign .product-quantity {
        max-width: 150px
    }

    .single-product.product-card-redesign .product-assurance {
        grid-template-columns: 1fr
    }

    .single-product.product-card-redesign .product-benefits {
        grid-template-columns: 1fr;
        gap: 8px
    }

    .single-product.product-card-redesign .product-benefit {
        min-height: 46px;
        padding: 10px 12px
    }

    .single-product.product-card-redesign .assurance-card--contact a {
        font-size: 18px;
        line-height: 1.2
    }

    .product-detail-content {
        padding-bottom: 42px
    }

    .product-detail-content h2 {
        font-size: 21px
    }

    .product-detail-content .product-content {
        font-size: 15px
    }

    .product-detail-content .product-content table {
        min-width: 500px
    }

    .product-detail-content .characteristic {
        grid-template-columns: 1fr
    }

    .product-detail-content .characteristic .name {
        border-right: 0;
        border-bottom: 1px solid #e7e7e7
    }

    .client-review.product-reviews-section {
        padding: 42px 0
    }

    .client-review.product-reviews-section .reviews-heading,
    .client-review.product-reviews-section .not-review {
        align-items: flex-start;
        flex-direction: column
    }

    .client-review.product-reviews-section .reviews-grid {
        grid-template-columns: 1fr
    }

    .client-review.product-reviews-section .reviews-pagination {
        flex-direction: column
    }

    .product-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px
    }
}

.order-section {
    padding: 1.5em 0 7.5em
}

@media(max-width: 550px) {
    .order-section {
        padding: 20 0 80px
    }
}

.order-section .holder {
    max-width: 77em
}

.order-section .holder .title {
    color: #1a1a1a;
    font-family: "Playfair Display", sans-serif;
    font-size: 2em;
    font-weight: 300;
    line-height: 125%;
    text-transform: uppercase;
    margin-bottom: 0.75em
}

@media(max-width: 550px) {
    .order-section .holder .title {
        font-size: 22px;
        line-height: 109%;
        margin-bottom: 20px
    }
}

.order-section .holder .container {
    padding: 2.5em 0;
    border-top: 1px solid #e7e7e7
}

@media(max-width: 550px) {
    .order-section .holder .container {
        padding: 20px 0
    }
}

.order-section .holder .container .step-title {
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 116%;
    margin-bottom: 1.3333333333em
}

@media(max-width: 550px) {
    .order-section .holder .container .step-title {
        font-size: 20px;
        line-height: 120%;
        margin-bottom: 20px
    }
}

.order-section .holder .container form {
    display: flex;
    gap: 5em
}

@media(max-width: 1024px) {
    .order-section .holder .container form {
        flex-direction: column;
        gap: 32px
    }
}

.order-section .holder .container form .person-date {
    flex: 600 1 0;
    min-width: 0
}

.order-section .holder .container form .person-date .step {
    margin-bottom: 2.5em
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step {
        margin-bottom: 20px
    }
}

.order-section .holder .container form .person-date .step .row {
    width: 100%;
    display: flex;
    gap: 20px;
    margin-bottom: 1.25em
}

.order-section .holder .container form .person-date .step .row:last-child {
    margin-bottom: 0
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step .row {
        margin-bottom: 14px;
        flex-direction: column;
        gap: 14px
    }
}

.order-section .holder .container form .person-date .step .row .block {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px
}

.order-section .holder .container form .person-date .step .row .block label {
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 128%
}

.order-section .holder .container form .person-date .step .row .block.filled label {
    color: #6d6d6d
}

.order-section .holder .container form .person-date .step .row .block input {
    margin-bottom: 0;
    padding: 12px 14px;
    border: 1px solid #e7e7e7;
    background: #fff;
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 145%
}

.order-section .holder .container form .person-date .step .row .block input:hover {
    border-color: #cecece
}

.order-section .holder .container form .person-date .step .row .block input:focus {
    border-color: #6d6d6d
}

.order-section .holder .container form .person-date .step .row .block textarea {
    padding: 12px 14px;
    border: 1px solid #e7e7e7;
    background: #fff;
    min-height: 124px;
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 145%
}

.order-section .holder .container form .person-date .step .row .block textarea:hover {
    border-color: #cecece
}

.order-section .holder .container form .person-date .step .row .block textarea:focus {
    border-color: #6d6d6d
}

.order-section .holder .container form .person-date .step.delivery {
    border-top: 1px solid #e7e7e7;
    padding-top: 2.5em
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.delivery {
        padding-top: 20px
    }
}

.order-section .holder .container form .person-date .step.delivery .delivery-radios {
    display: flex;
    flex-direction: column;
    gap: 1em
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.delivery .delivery-radios {
        gap: 14px
    }
}

.order-section .holder .container form .person-date .step.delivery .delivery-radios .radio-item {
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.delivery .delivery-radios .radio-item {
        gap: 14px
    }
}

.order-section .holder .container form .person-date .step.delivery .delivery-radios .radio-item input:checked+.radio-ui {
    border-color: #d9a3a3
}

.order-section .holder .container form .person-date .step.delivery .delivery-radios .radio-item input:checked+.radio-ui::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d9a3a3
}

.order-section .holder .container form .person-date .step.delivery .delivery-radios .radio-item input {
    margin-bottom: 0;
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px
}

.order-section .holder .container form .person-date .step.delivery .delivery-radios .radio-item .radio-ui {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #d4dce1;
    background: #fff;
    display: grid;
    place-items: center;
    box-sizing: border-box
}

.order-section .holder .container form .person-date .step.delivery .delivery-radios .radio-item .radio-text {
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 125%;
    display: flex;
    align-items: center;
    gap: 8px
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.delivery .delivery-radios .radio-item .radio-text {
        font-size: 14px
    }
}

.order-section .holder .container form .person-date .step.delivery .delivery-radios .radio-item .radio-text .icon {
    display: inline-flex
}

.order-section .holder .container form .person-date .step.delivery .delivery-radios .radio-item .radio-text .icon img {
    width: 24px;
    height: 24px
}

.order-section .holder .container form .person-date .step.delivery .row {
    margin-top: 2em
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.delivery .row {
        margin-top: 24px
    }
}

.order-section .holder .container form .person-date .step.delivery .row .item {
    width: 100%;
    position: relative
}

.order-section .holder .container form .person-date .step.delivery .row .item input {
    margin-bottom: 0;
    padding: 14px 16px;
    border: 1px solid #e7e7e7;
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 145%
}

.order-section .holder .container form .person-date .step.delivery .row .item input:hover {
    border-color: #cecece
}

.order-section .holder .container form .person-date .step.delivery .row .item input:focus {
    border-color: #6d6d6d
}

.order-section .holder .container form .person-date .step.delivery .row .item input::placeholder {
    color: #1a1a1a
}

.order-section .holder .container form .person-date .step.delivery .row .item input:focus+.icon {
    transform: translateY(-50%) rotate(180deg)
}

.order-section .holder .container form .person-date .step.delivery .row .item .icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    transition: transform .3s ease
}

.order-section .holder .container form .person-date .step.payment {
    border-top: 1px solid #e7e7e7;
    padding-top: 2.5em
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.payment {
        padding-top: 20px
    }
}

.order-section .holder .container form .person-date .step.payment .payment-radios {
    display: flex;
    flex-direction: column;
    gap: 1em
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.payment .payment-radios {
        gap: 14px
    }
}

.order-section .holder .container form .person-date .step.payment .payment-radios .radio-item {
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.payment .payment-radios .radio-item {
        gap: 14px
    }
}

.order-section .holder .container form .person-date .step.payment .payment-radios .radio-item input:checked+.radio-ui {
    border-color: #d9a3a3
}

.order-section .holder .container form .person-date .step.payment .payment-radios .radio-item input:checked+.radio-ui::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d9a3a3
}

.order-section .holder .container form .person-date .step.payment .payment-radios .radio-item input {
    margin-bottom: 0;
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px
}

.order-section .holder .container form .person-date .step.payment .payment-radios .radio-item .radio-ui {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #d4dce1;
    background: #fff;
    display: grid;
    place-items: center;
    box-sizing: border-box
}

.order-section .holder .container form .person-date .step.payment .payment-radios .radio-item .radio-text {
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 125%;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.order-section .holder .container form .person-date .step.payment .payment-radios .radio-item .radio-text span {
    color: #9e9e9e;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 128%
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.payment .payment-radios .radio-item .radio-text span {
        font-size: 12px
    }
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.payment .payment-radios .radio-item .radio-text {
        font-size: 14px
    }
}

.order-section .holder .container form .person-date .step.contact {
    border-top: 1px solid #e7e7e7;
    padding-top: 2.5em
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.contact {
        padding-top: 20px;
        margin-bottom: 0
    }
}

.order-section .holder .container form .person-date .step.contact .contact-radios {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.contact .contact-radios {
        gap: 14px;
        grid-template-columns: repeat(1, 1fr)
    }
}

.order-section .holder .container form .person-date .step.contact .contact-radios .radio-item {
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.contact .contact-radios .radio-item {
        gap: 14px
    }
}

.order-section .holder .container form .person-date .step.contact .contact-radios .radio-item input:checked+.radio-ui {
    border-color: #d9a3a3
}

.order-section .holder .container form .person-date .step.contact .contact-radios .radio-item input:checked+.radio-ui::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d9a3a3
}

.order-section .holder .container form .person-date .step.contact .contact-radios .radio-item input {
    margin-bottom: 0;
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px
}

.order-section .holder .container form .person-date .step.contact .contact-radios .radio-item .radio-ui {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #d4dce1;
    background: #fff;
    display: grid;
    place-items: center;
    box-sizing: border-box
}

.order-section .holder .container form .person-date .step.contact .contact-radios .radio-item .radio-text {
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 125%;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.order-section .holder .container form .person-date .step.contact .contact-radios .radio-item .radio-text span {
    color: #9e9e9e;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 128%
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.contact .contact-radios .radio-item .radio-text span {
        font-size: 12px
    }
}

@media(max-width: 550px) {
    .order-section .holder .container form .person-date .step.contact .contact-radios .radio-item .radio-text {
        font-size: 14px
    }
}

.order-section .holder .container form .order-detail {
    flex: 520 1 0;
    min-width: 0
}

.order-section .holder .container form .order-detail.active .head .icon {
    transform: rotate(180deg)
}

.order-section .holder .container form .order-detail.active .head {
    border-bottom: none
}

.order-section .holder .container form .order-detail.active .order {
    border-bottom: 1px solid #e7e7e7
}

.order-section .holder .container form .order-detail .head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 2em
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .head {
        margin-bottom: 0;
        padding: 20px 0;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7
    }
}

.order-section .holder .container form .order-detail .head .step-title {
    margin-bottom: 0
}

.order-section .holder .container form .order-detail .head .edit-order {
    outline: none;
    user-select: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 4px;
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .head .edit-order {
        display: none
    }
}

.order-section .holder .container form .order-detail .head .icon {
    display: none
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .head .icon {
        display: inline-flex;
        cursor: pointer;
        transition: transform .3s ease
    }
}

.order-section .holder .container form .order-detail .order {
    padding: 1.5em;
    border: 1px solid #e7e7e7;
    display: flex;
    flex-direction: column;
    gap: 1.5em
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order {
        gap: 24px;
        border: none;
        padding: 0;
        padding-bottom: 20px
    }
}

.order-section .holder .container form .order-detail .order .product {
    display: flex;
    gap: 1.75em
}

.order-section .holder .container form .order-detail .order .product .image img {
    width: 7.75em;
    height: 7.75em;
    object-fit: contain
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order .product .image img {
        width: 100px;
        height: 100px
    }
}

.order-section .holder .container form .order-detail .order .product .info {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
    flex: 1
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order .product .info {
        gap: 6px
    }
}

.order-section .holder .container form .order-detail .order .product .info .name {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 500;
    line-height: 125%
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order .product .info .name {
        font-size: 14px
    }
}

.order-section .holder .container form .order-detail .order .product .info .detail {
    display: flex;
    flex-direction: column;
    gap: 4px
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order .product .info .detail {
        gap: 6px
    }
}

.order-section .holder .container form .order-detail .order .product .info .detail .item {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
    line-height: 133%
}

.order-section .holder .container form .order-detail .order .product .info .detail .item .value {
    color: #1a1a1a;
    font-size: 12px;
    padding-left: 6px
}

.order-section .holder .container form .order-detail .order .product .info .price {
    display: flex;
    justify-content: space-between
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order .product .info .price {
        margin-top: 6px
    }
}

.order-section .holder .container form .order-detail .order .product .info .price .pre-one {
    display: flex;
    gap: 6px
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order .product .info .price .pre-one {
        flex-direction: column;
        gap: 4px
    }
}

.order-section .holder .container form .order-detail .order .product .info .price .pre-one .name {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.order-section .holder .container form .order-detail .order .product .info .price .pre-one .price-t {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.order-section .holder .container form .order-detail .order .product .info .price .pre-one .price-t .current {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 600;
    line-height: 112%
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order .product .info .price .pre-one .price-t .current {
        font-size: 14px
    }
}

.order-section .holder .container form .order-detail .order .product .info .price .pre-one .price-t .discount {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
    line-height: 125%;
    text-decoration-line: line-through
}

.order-section .holder .container form .order-detail .order .product .info .price .total {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    gap: 6px
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order .product .info .price .total {
        flex-direction: column
    }
}

.order-section .holder .container form .order-detail .order .product .info .price .total .currency {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 600;
    line-height: 112%
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order .product .info .price .total .currency {
        font-size: 14px
    }
}

.order-section .holder .container form .order-detail .order .product .info .actions {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.order-section .holder .container form .order-detail .order .product .info .actions .remove-product {
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
    user-select: none;
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    padding-bottom: 4px;
    border-bottom: 1px solid #1a1a1a
}

.order-section .holder .container form .order-detail .order .product .info .actions .counted {
    display: flex;
    align-items: center;
    gap: 4px
}

.order-section .holder .container form .order-detail .order .product .info .actions .counted button {
    cursor: pointer;
    outline: none;
    border: none;
    background: none;
    user-select: none;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order .product .info .actions .counted button {
        width: 24px;
        height: 24px
    }
}

.order-section .holder .container form .order-detail .order .product .info .actions .counted input {
    padding: 6px 2px;
    overflow: hidden;
    color: #1a1a1a;
    text-align: center;
    text-overflow: ellipsis;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 145%;
    display: -webkit-box;
    width: 40px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
    border: 1px solid #e4e3e2
}

.order-section .holder .container form .order-detail .order .btns {
    display: none;
    margin-top: 12px
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order .btns {
        display: flex;
        justify-content: center
    }
}

.order-section .holder .container form .order-detail .order .btns .edit-order {
    outline: none;
    user-select: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 4px;
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .order .btns .edit-order {
        display: inline-flex
    }
}

.order-section .holder .container form .order-detail .summary {
    margin-top: 2.5em
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .summary {
        margin-top: 32px
    }
}

.order-section .holder .container form .order-detail .summary .info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #e7e7e7
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .summary .info {
        gap: 14px
    }
}

.order-section .holder .container form .order-detail .summary .info .item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.order-section .holder .container form .order-detail .summary .info .item .name {
    color: #6d6d6d;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .summary .info .item .name {
        font-size: 14px
    }
}

.order-section .holder .container form .order-detail .summary .info .item .value {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 500;
    line-height: 125%
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .summary .info .item .value {
        font-size: 14px
    }
}

.order-section .holder .container form .order-detail .summary .total-price {
    margin-top: 1.5em
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .summary .total-price {
        margin-top: 20px
    }
}

.order-section .holder .container form .order-detail .summary .total-price .final-price {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.order-section .holder .container form .order-detail .summary .total-price .final-price .name {
    color: #1a1a1a;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .summary .total-price .final-price .name {
        font-size: 16px
    }
}

.order-section .holder .container form .order-detail .summary .total-price .final-price .value {
    color: #1a1a1a;
    text-align: right;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 600;
    line-height: 120%
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .summary .total-price .final-price .value {
        font-size: 16px
    }
}

.order-section .holder .container form .order-detail .summary .btns {
    margin-top: 1.5em
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .summary .btns {
        margin-top: 20px
    }
}

.order-section .holder .container form .order-detail .summary .btns .btn {
    width: 100%
}

.order-section .holder .container form .order-detail .summary .btns .privacy {
    color: #9e9e9e;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 133%;
    margin-top: 12px;
    text-wrap: auto
}

@media(max-width: 550px) {
    .order-section .holder .container form .order-detail .summary .btns .privacy {
        font-size: 11px
    }
}

.thanks-section {
    padding: 2.75em 0 7.5em
}

@media(max-width: 550px) {
    .thanks-section {
        padding: 24px 0 120px
    }
}

.thanks-section .holder {
    max-width: 77em;
    display: flex;
    gap: 5em
}

@media(max-width: 1024px) {
    .thanks-section .holder {
        flex-direction: column;
        gap: 44px
    }
}

.thanks-section .holder .left {
    flex: 600 1 0
}

.thanks-section .holder .left .name {
    color: #1a1a1a;
    font-size: 1.875em;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 0.8em
}

@media(max-width: 550px) {
    .thanks-section .holder .left .name {
        font-size: 22px;
        margin-bottom: 16px
    }
}

.thanks-section .holder .left .order-number {
    color: #9e9e9e;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 1.6em
}

@media(max-width: 550px) {
    .thanks-section .holder .left .order-number {
        font-size: 16px;
        margin-bottom: 24px
    }
}

.thanks-section .holder .left .description {
    color: #010101;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 2.75em
}

@media(max-width: 550px) {
    .thanks-section .holder .left .description {
        font-size: 14px;
        margin-bottom: 24px
    }
}

.thanks-section .holder .left .person-info {
    display: flex;
    flex-direction: column;
    gap: 1em
}

@media(max-width: 550px) {
    .thanks-section .holder .left .person-info {
        gap: 14px
    }
}

.thanks-section .holder .left .person-info .item {
    display: flex;
    gap: 2.75em
}

@media(max-width: 550px) {
    .thanks-section .holder .left .person-info .item {
        flex-direction: column;
        gap: 4px
    }
}

.thanks-section .holder .left .person-info .item .name {
    color: #6d6d6d;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%;
    width: 160px;
    margin-bottom: 0
}

@media(max-width: 550px) {
    .thanks-section .holder .left .person-info .item .name {
        font-size: 14px
    }
}

.thanks-section .holder .left .person-info .item .value {
    flex: 1 0 0;
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 500;
    line-height: 125%
}

@media(max-width: 550px) {
    .thanks-section .holder .left .person-info .item .value {
        font-size: 14px
    }
}

.thanks-section .holder .right {
    flex: 520 1 0
}

.thanks-section .holder .right .head {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 500;
    line-height: 125%;
    padding: 20px 24px;
    border: 1px solid #e7e7e7;
    border-bottom: none
}

@media(max-width: 550px) {
    .thanks-section .holder .right .head {
        font-size: 14px;
        padding: 16px 12px
    }
}

.thanks-section .holder .right .order {
    padding: 1.5em;
    border: 1px solid #e7e7e7;
    display: flex;
    flex-direction: column;
    gap: 1.5em
}

@media(max-width: 550px) {
    .thanks-section .holder .right .order {
        gap: 24px;
        padding: 24px 20px;
        padding-bottom: 20px
    }
}

.thanks-section .holder .right .order .product {
    display: flex;
    gap: 1.75em
}

.thanks-section .holder .right .order .product .image img {
    width: 7.75em;
    height: 7.75em;
    object-fit: contain
}

@media(max-width: 550px) {
    .thanks-section .holder .right .order .product .image img {
        width: 100px;
        height: 100px
    }
}

.thanks-section .holder .right .order .product .info {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
    flex: 1
}

@media(max-width: 550px) {
    .thanks-section .holder .right .order .product .info {
        gap: 6px
    }
}

.thanks-section .holder .right .order .product .info .name {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 500;
    line-height: 125%
}

@media(max-width: 550px) {
    .thanks-section .holder .right .order .product .info .name {
        font-size: 14px
    }
}

.thanks-section .holder .right .order .product .info .detail {
    display: flex;
    flex-direction: column;
    gap: 4px
}

@media(max-width: 550px) {
    .thanks-section .holder .right .order .product .info .detail {
        gap: 6px
    }
}

.thanks-section .holder .right .order .product .info .detail .item {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
    line-height: 133%
}

.thanks-section .holder .right .order .product .info .detail .item .value {
    color: #1a1a1a;
    font-size: 12px;
    padding-left: 6px
}

.thanks-section .holder .right .order .product .info .price {
    display: flex;
    justify-content: space-between
}

@media(max-width: 550px) {
    .thanks-section .holder .right .order .product .info .price {
        margin-top: 6px
    }
}

.thanks-section .holder .right .order .product .info .price .pre-one {
    display: flex;
    gap: 6px
}

@media(max-width: 550px) {
    .thanks-section .holder .right .order .product .info .price .pre-one {
        flex-direction: column;
        gap: 4px
    }
}

.thanks-section .holder .right .order .product .info .price .pre-one .name {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.thanks-section .holder .right .order .product .info .price .pre-one .price-t {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.thanks-section .holder .right .order .product .info .price .pre-one .price-t .current {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 600;
    line-height: 112%
}

@media(max-width: 550px) {
    .thanks-section .holder .right .order .product .info .price .pre-one .price-t .current {
        font-size: 14px
    }
}

.thanks-section .holder .right .order .product .info .price .pre-one .price-t .discount {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
    line-height: 125%;
    text-decoration-line: line-through
}

.thanks-section .holder .right .order .product .info .price .total {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    gap: 6px
}

@media(max-width: 550px) {
    .thanks-section .holder .right .order .product .info .price .total {
        flex-direction: column
    }
}

.thanks-section .holder .right .order .product .info .price .total .currency {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 600;
    line-height: 112%
}

@media(max-width: 550px) {
    .thanks-section .holder .right .order .product .info .price .total .currency {
        font-size: 14px
    }
}

.thanks-section .holder .right .order .btns {
    display: none;
    margin-top: 12px
}

@media(max-width: 550px) {
    .thanks-section .holder .right .order .btns {
        display: flex;
        justify-content: center
    }
}

.thanks-section .holder .right .order .btns .edit-order {
    outline: none;
    user-select: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 4px;
    color: #1a1a1a;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase
}

@media(max-width: 550px) {
    .thanks-section .holder .right .order .btns .edit-order {
        display: inline-flex
    }
}

.thanks-section .holder .right .summary {
    border: 1px solid #e7e7e7;
    border-top: none;
    background: #f4efea;
    display: flex;
    justify-content: space-between;
    gap: 0.75em;
    padding: 20px 24px
}

@media(max-width: 550px) {
    .thanks-section .holder .right .summary {
        padding: 16px 12px
    }
}

.thanks-section .holder .right .summary .name {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 500;
    line-height: 125%;
    text-transform: uppercase
}

.thanks-section .holder .right .summary .value {
    color: #1a1a1a;
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    line-height: 125%
}

.serices-section {
    padding: 1.5em 0 3.75em;
    position: relative
}

.serices-section .decorative {
    position: absolute;
    top: -150px;
    right: 0;
    z-index: -1;
    object-fit: contain
}

@media(max-width: 767px) {
    .serices-section .decorative {
        width: 550px;
        height: 550px;
        object-fit: cover
    }
}

@media(max-width: 550px) {
    .serices-section .decorative {
        width: 210px;
        height: 210px;
        object-fit: cover;
        top: -65px
    }
}

@media(max-width: 500px) {
    .serices-section {
        padding: 14px 0 40px
    }
}

.serices-section .holder .titles {
    margin-bottom: 3.25em
}

@media(max-width: 767px) {
    .serices-section .holder .titles {
        margin-bottom: 40px
    }
}

.serices-section .holder .titles .title-2 {
    margin-bottom: 0.9166666667em
}

@media(max-width: 767px) {
    .serices-section .holder .titles .title-2 {
        margin-bottom: 28px
    }
}

.serices-section .holder .steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2.625em
}

@media(max-width: 767px) {
    .serices-section .holder .steps {
        gap: 28px
    }
}

.serices-section .holder .steps .step {
    display: flex;
    flex-direction: column;
    gap: 1.25em
}

@media(max-width: 650px) {
    .serices-section .holder .steps .step {
        flex-direction: row;
        gap: 20px
    }
}

.serices-section .holder .steps .step .number {
    color: #1a1a1a;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 116%
}

@media(max-width: 767px) {
    .serices-section .holder .steps .step .number {
        font-size: 24px
    }
}

.serices-section .holder .steps .step .info .title {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 0.75em;
    text-wrap: auto
}

@media(max-width: 767px) {
    .serices-section .holder .steps .step .info .title {
        font-size: 18px;
        margin-bottom: 10px
    }
}

.serices-section .holder .steps .step .info .description {
    color: #1a1a1a;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 145%;
    text-wrap: auto
}

@media(max-width: 767px) {
    .serices-section .holder .steps .step .info .description {
        font-size: 14px
    }
}

.serices-section .holder .btns {
    margin-top: 2.5em;
    display: flex;
    justify-content: center
}

@media(max-width: 550px) {
    .serices-section .holder .btns {
        margin-top: 44px
    }
}

@media(max-width: 550px) {
    .serices-section .holder .btns .btn {
        width: 100%
    }
}

.advantages-services {
    position: relative
}

.advantages-services .decorative {
    position: absolute;
    left: 0;
    top: -110px;
    z-index: -1
}

@media(max-width: 767px) {
    .advantages-services .decorative {
        width: 15.125em;
        height: 20.125em;
        object-fit: contain;
        left: -13px
    }
}

@media(max-width: 550px) {
    .advantages-services .decorative {
        height: 175px;
        width: 131px;
        left: -10px;
        top: -65px;
        object-fit: contain
    }
}

.advantages-services .holder {
    max-width: 42em;
    display: flex;
    flex-direction: column;
    gap: 2.75em
}

@media(max-width: 550px) {
    .advantages-services .holder {
        gap: 32px
    }
}

.advantages-services .holder .item {
    display: flex;
    gap: 1.5em;
    align-items: center
}

@media(max-width: 550px) {
    .advantages-services .holder .item {
        flex-direction: column;
        gap: 20px
    }
}

.advantages-services .holder .item .icon {
    flex: 64 1 0;
    min-width: 0
}

.advantages-services .holder .item .icon img {
    width: 64px;
    height: 64px
}

@media(max-width: 550px) {
    .advantages-services .holder .item .icon img {
        width: 56px;
        height: 56px
    }
}

.advantages-services .holder .item .info {
    flex: 552 1 0;
    min-width: 0
}

.advantages-services .holder .item .info .title {
    color: #1a1a1a;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 0.5em
}

@media(max-width: 550px) {
    .advantages-services .holder .item .info .title {
        text-align: center;
        font-size: 16px;
        margin-bottom: 8px;
        text-wrap: auto
    }
}

.advantages-services .holder .item .info .text {
    color: #1a1a1a;
    font-size: уь(16);
    font-weight: 400;
    line-height: 150%
}

@media(max-width: 550px) {
    .advantages-services .holder .item .info .text {
        font-size: 14px;
        text-align: center;
        text-wrap: auto
    }
}

.profesional-services .holder .head {
    margin-bottom: 3.25em
}

@media(max-width: 550px) {
    .profesional-services .holder .head {
        margin-bottom: 24px
    }
}

.profesional-services .holder .head .title-1 {
    margin-bottom: 0.375em
}

@media(max-width: 550px) {
    .profesional-services .holder .head .title-1 {
        margin-bottom: 24px
    }
}

.profesional-services .holder .head .description {
    max-width: 800px;
    text-wrap: auto;
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%
}

@media(max-width: 550px) {
    .profesional-services .holder .head .description {
        font-size: 14px
    }
}

.profesional-services .holder .container {
    max-width: 65em;
    margin: 0 auto
}

.profesional-services .holder .container .compare .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px
}

.profesional-services .holder .container .compare .icon.no {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M3.33301%2016.6663L16.6663%203.33301M3.33301%203.33301L16.6663%2016.6663'%20stroke='%23D91F1B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")
}

.profesional-services .holder .container .compare .icon.yes {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M3.75%2010.625L8.75%2015.625L16.25%204.375'%20stroke='%230C0C0C'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")
}

.profesional-services .holder .container .compare .icon.no::before {
    content: none
}

.profesional-services .holder .container .compare .icon.yes::before {
    content: none
}

@media(max-width: 767px) {
    .profesional-services .holder .container .compare.desktop {
        display: none
    }
}

.profesional-services .holder .container .compare.desktop .header {
    display: flex
}

.profesional-services .holder .container .compare.desktop .header .info {
    color: #1a1a1a;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 120%;
    flex: 500 1 0;
    min-width: 0;
    padding: 16px 0
}

.profesional-services .holder .container .compare.desktop .header .left,
.profesional-services .holder .container .compare.desktop .header .right {
    color: #1a1a1a;
    text-align: center;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 120%;
    flex: 232 1 0;
    min-width: 0;
    padding: 16px 0
}

.profesional-services .holder .container .compare.desktop .header .left {
    border-left: 1px solid #dbdbdb
}

.profesional-services .holder .container .compare.desktop .header .right {
    background: #f4efea
}

.profesional-services .holder .container .compare.desktop .row {
    display: flex
}

.profesional-services .holder .container .compare.desktop .row .info {
    flex: 500 1 0;
    min-width: 0;
    padding: 14px 0
}

.profesional-services .holder .container .compare.desktop .row .left,
.profesional-services .holder .container .compare.desktop .row .right {
    flex: 232 1 0;
    min-width: 0;
    text-align: center;
    padding: 14px 0;
    color: #1a1a1a;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 133%
}

.profesional-services .holder .container .compare.desktop .row .left {
    border-left: 1px solid #dbdbdb
}

.profesional-services .holder .container .compare.desktop .row .right {
    background: #f4efea
}

.profesional-services .holder .container .compare.mobile {
    display: none
}

@media(max-width: 767px) {
    .profesional-services .holder .container .compare.mobile {
        display: flex;
        flex-direction: column;
        gap: 24px
    }
}

.profesional-services .holder .container .compare.mobile .top,
.profesional-services .holder .container .compare.mobile .bottom {
    padding: 20px 16px
}

.profesional-services .holder .container .compare.mobile .top .name,
.profesional-services .holder .container .compare.mobile .bottom .name {
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 600;
    line-height: 111%;
    margin-bottom: 20px
}

.profesional-services .holder .container .compare.mobile .top .list,
.profesional-services .holder .container .compare.mobile .bottom .list {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 14px
}

.profesional-services .holder .container .compare.mobile .top .list li,
.profesional-services .holder .container .compare.mobile .bottom .list li {
    display: flex;
    gap: 14px;
    align-items: center
}

.profesional-services .holder .container .compare.mobile .top .list li p,
.profesional-services .holder .container .compare.mobile .bottom .list li p {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 400;
    line-height: 125%
}

.profesional-services .holder .container .compare.mobile .top {
    border: 1px solid #e7e7e7
}

.profesional-services .holder .container .compare.mobile .bottom {
    background: #f4efea
}

.profesional-services .holder .container .btns {
    margin-top: 16px;
    display: flex;
    justify-content: flex-end
}

.profesional-services .holder .container .btns .btn {
    min-width: 20.8333333333em
}

@media(max-width: 767px) {
    .profesional-services .holder .container .btns .btn {
        min-width: 100%;
        width: 100%
    }
}

.contact-hero-section {
    padding: 1.5em 0 3.75em
}

@media(max-width: 500px) {
    .contact-hero-section {
        padding: 14px 0 40px
    }
}

.contact-hero-section .holder .title-1 {
    margin-bottom: 1em
}

@media(max-width: 550px) {
    .contact-hero-section .holder .title-1 {
        margin-bottom: 24px
    }
}

.contact-hero-section .holder .container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 3.75em
}

@media(max-width: 650px) {
    .contact-hero-section .holder .container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px 10px
    }
}

@media(max-width: 650px) {
    .contact-hero-section .holder .container .column {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(max-width: 650px) {
    .contact-hero-section .holder .container .column.icons-csl {
        flex: 0 0 calc(50% - 5px);
        max-width: calc(50% - 5px)
    }
}

.contact-hero-section .holder .container .column .name {
    color: #9e9e9e;
    font-size: 1em;
    font-weight: 500;
    line-height: 125%;
    margin-bottom: 0.625em
}

@media(max-width: 550px) {
    .contact-hero-section .holder .container .column .name {
        font-size: 14px;
        margin-bottom: 12px
    }
}

.contact-hero-section .holder .container .column .link {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 500;
    line-height: 125%
}

.contact-hero-section .holder .container .column .link:hover {
    color: #9e9e9e
}

@media(max-width: 550px) {
    .contact-hero-section .holder .container .column .link:hover {
        color: #1a1a1a
    }
}

@media(max-width: 550px) {
    .contact-hero-section .holder .container .column .link {
        font-size: 14px
    }
}

.contact-hero-section .holder .container .column .csl-icon {
    display: flex;
    flex-direction: column;
    gap: 1em
}

@media(max-width: 550px) {
    .contact-hero-section .holder .container .column .csl-icon {
        gap: 16px
    }
}

.contact-hero-section .holder .container .column .csl-icon a {
    display: flex;
    align-items: center;
    gap: 0.75em
}

.contact-hero-section .holder .container .column .csl-icon a:hover .icon img {
    opacity: .65
}

.contact-hero-section .holder .container .column .csl-icon a:hover .title {
    color: #9e9e9e;
    border-bottom-color: #9e9e9e
}

@media(max-width: 550px) {
    .contact-hero-section .holder .container .column .csl-icon a {
        gap: 12px
    }
}

.contact-hero-section .holder .container .column .csl-icon a .icon {
    display: inline-flex
}

.contact-hero-section .holder .container .column .csl-icon a .icon img {
    transition: all .2s ease
}

.contact-hero-section .holder .container .column .csl-icon a .title {
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    transition: all .2s ease;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 4px
}

.contact-hero-section .holder .container .column .csl-icon.media {
    flex-direction: row;
    gap: 1.5em
}

@media(max-width: 550px) {
    .contact-hero-section .holder .container .column .csl-icon.media {
        gap: 24px
    }
}

.contact-form-section {
    position: relative
}

.contact-form-section .decorative {
    position: absolute;
    top: -90px;
    z-index: -1;
    left: 0
}

@media(max-width: 550px) {
    .contact-form-section .decorative {
        left: unset;
        right: 0;
        width: 163px;
        height: 163px;
        object-fit: cover
    }
}

.contact-form-section .holder {
    max-width: 30.75em
}

.contact-form-section .holder form .title {
    color: #1a1a1a;
    font-size: 1.875em;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 1.0666666667em
}

@media(max-width: 550px) {
    .contact-form-section .holder form .title {
        font-size: 22px;
        margin-bottom: 24px;
        max-width: 260px
    }
}

.contact-form-section .holder form .row {
    margin-bottom: 1.25em
}

.contact-form-section .holder form .row:last-of-type {
    margin-bottom: 0
}

@media(max-width: 550px) {
    .contact-form-section .holder form .row {
        margin-bottom: 14px
    }
}

.contact-form-section .holder form .row label {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 400;
    line-height: 128%;
    margin-bottom: 6px;
    display: inline-flex
}

.contact-form-section .holder form .row input,
.contact-form-section .holder form .row textarea {
    margin-bottom: 0;
    padding: 12px 14px;
    border: 1px solid #e7e7e7;
    background: #fff;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 500;
    line-height: 145%
}

.contact-form-section .holder form .row input:hover,
.contact-form-section .holder form .row textarea:hover {
    border-color: #cecece
}

.contact-form-section .holder form .row input:focus,
.contact-form-section .holder form .row textarea:focus {
    border-color: #6d6d6d
}

.contact-form-section .holder form .row textarea {
    min-height: 124px
}

.contact-form-section .holder form .btn {
    width: 100%;
    margin-top: 2.5em
}

@media(max-width: 550px) {
    .contact-form-section .holder form .btn {
        margin-top: 32px
    }
}

.contact-form-section .holder form .privacy {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 500;
    line-height: 133%;
    text-wrap: auto;
    margin-top: 12px
}

@media(max-width: 550px) {
    .contact-form-section .holder form .privacy {
        font-size: 11px
    }
}

.faq-contact {
    padding: 3.75em 0 7.5em;
    position: relative
}

.faq-contact .decorative {
    position: absolute;
    top: -350px;
    right: 0;
    z-index: -1
}

@media(max-width: 550px) {
    .faq-contact .decorative {
        width: 232px;
        height: 145px;
        object-fit: cover;
        top: -50px
    }
}

@media(max-width: 500px) {
    .faq-contact {
        padding: 40px 0 80px
    }
}

.blog-page-section {
    padding: 1.5em 0 7.5em
}

@media(max-width: 500px) {
    .blog-page-section {
        padding: 14px 0 80px
    }
}

.blog-page-section .holder .title-1 {
    margin-bottom: 0.6875em
}

@media(max-width: 550px) {
    .blog-page-section .holder .title-1 {
        margin-bottom: 24px
    }
}

.blog-page-section .holder .pagination {
    margin-top: 4em
}

@media(max-width: 550px) {
    .blog-page-section .holder .pagination {
        margin-top: 44px
    }
}

.single-post-section .holder .image {
    margin-bottom: 1.5em
}

@media(max-width: 550px) {
    .single-post-section .holder .image {
        margin-bottom: 16px
    }
}

.single-post-section .holder .image img {
    height: 36.25em;
    width: 100%;
    object-fit: cover;
    object-position: center
}

@media(max-width: 550px) {
    .single-post-section .holder .image img {
        height: 240px
    }
}

.single-post-section .holder .post {
    max-width: 56.25em;
    margin: 0 auto
}

.single-post-section .holder .post .info {
    display: flex;
    justify-content: space-between
}

.single-post-section .holder .post .info .left {
    display: flex;
    gap: 1.5625em
}

@media(max-width: 550px) {
    .single-post-section .holder .post .info .left {
        gap: 16px
    }
}

.single-post-section .holder .post .info .left .details {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    user-select: none
}

.single-post-section .holder .post .info .left .details .icon {
    display: inline-flex
}

.single-post-section .holder .post .info .left .details .count {
    color: #6d6d6d;
    font-size: 1em;
    font-weight: 500;
    line-height: 125%
}

@media(max-width: 550px) {
    .single-post-section .holder .post .info .left .details .count {
        font-size: 14px
    }
}

.single-post-section .holder .post .info .right {
    color: #6d6d6d;
    text-align: right;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%
}

@media(max-width: 550px) {
    .single-post-section .holder .post .info .right {
        font-size: 14px
    }
}

.single-post-section .holder .post .content {
    margin-top: 1.5em
}

@media(max-width: 550px) {
    .single-post-section .holder .post .content {
        margin-top: 16px
    }
}

.single-post-section .holder .post .content .post-title {
    color: #1a1a1a;
    text-align: center;
    font-size: 2.25em;
    font-weight: 500;
    line-height: 122%;
    text-transform: uppercase;
    text-wrap: auto;
    margin-bottom: 0.8888888889em
}

@media(max-width: 550px) {
    .single-post-section .holder .post .content .post-title {
        font-size: 22px;
        margin-bottom: 24px
    }
}

.single-post-section .holder .post .content p,
.single-post-section .holder .post .content h1,
.single-post-section .holder .post .content h2,
.single-post-section .holder .post .content h3,
.single-post-section .holder .post .content h4,
.single-post-section .holder .post .content h5,
.single-post-section .holder .post .content h6,
.single-post-section .holder .post .content ul,
.single-post-section .holder .post .content ol,
.single-post-section .holder .post .content table {
    margin: 0 0 20px
}

@media(max-width: 550px) {

    .single-post-section .holder .post .content p,
    .single-post-section .holder .post .content h1,
    .single-post-section .holder .post .content h2,
    .single-post-section .holder .post .content h3,
    .single-post-section .holder .post .content h4,
    .single-post-section .holder .post .content h5,
    .single-post-section .holder .post .content h6,
    .single-post-section .holder .post .content ul,
    .single-post-section .holder .post .content ol,
    .single-post-section .holder .post .content table {
        margin-bottom: 16px
    }
}

.single-post-section .holder .post .content p:last-child,
.single-post-section .holder .post .content h1:last-child,
.single-post-section .holder .post .content h2:last-child,
.single-post-section .holder .post .content h3:last-child,
.single-post-section .holder .post .content h4:last-child,
.single-post-section .holder .post .content h5:last-child,
.single-post-section .holder .post .content h6:last-child,
.single-post-section .holder .post .content ul:last-child,
.single-post-section .holder .post .content ol:last-child,
.single-post-section .holder .post .content table:last-child {
    margin-bottom: 0
}

.single-post-section .holder .post .content h1,
.single-post-section .holder .post .content h2,
.single-post-section .holder .post .content h3,
.single-post-section .holder .post .content h4,
.single-post-section .holder .post .content h5,
.single-post-section .holder .post .content h6 {
    color: #1a1a1a;
    font-weight: 500;
    line-height: 125%;
    text-wrap: auto
}

.single-post-section .holder .post .content h1,
.single-post-section .holder .post .content h2 {
    font-size: 30px
}

@media(max-width: 550px) {

    .single-post-section .holder .post .content h1,
    .single-post-section .holder .post .content h2 {
        font-size: 22px
    }
}

.single-post-section .holder .post .content h3 {
    font-size: 24px
}

@media(max-width: 550px) {
    .single-post-section .holder .post .content h3 {
        font-size: 20px
    }
}

.single-post-section .holder .post .content h4,
.single-post-section .holder .post .content h5,
.single-post-section .holder .post .content h6 {
    font-size: 20px
}

@media(max-width: 550px) {

    .single-post-section .holder .post .content h4,
    .single-post-section .holder .post .content h5,
    .single-post-section .holder .post .content h6 {
        font-size: 18px
    }
}

.single-post-section .holder .post .content p,
.single-post-section .holder .post .content li,
.single-post-section .holder .post .content a,
.single-post-section .holder .post .content span,
.single-post-section .holder .post .content a {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.single-post-section .holder .post .content p {
    text-wrap: auto
}

.single-post-section .holder .post .content ul,
.single-post-section .holder .post .content ol {
    padding-left: 25px
}

.single-post-section .holder .post .content table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 14px;
    line-height: 145%
}

@media(max-width: 550px) {
    .single-post-section .holder .post .content table {
        min-width: 480px;
        font-size: 13px
    }
}

.single-post-section .holder .post .content th,
.single-post-section .holder .post .content td {
    padding: 14px 16px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #e7e7e7;
    color: #1a1a1a
}

@media(max-width: 550px) {

    .single-post-section .holder .post .content th,
    .single-post-section .holder .post .content td {
        padding: 12px
    }
}

.single-post-section .holder .post .content th {
    background: #f4efea;
    font-weight: 600
}

.single-post-section .holder .post .content tbody tr:nth-child(even) {
    background: #faf8f6
}

.single-post-section .holder .post .content .faq-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 32px 0
}

@media(max-width: 550px) {
    .single-post-section .holder .post .content .faq-section {
        gap: 10px;
        margin: 24px 0
    }
}

.single-post-section .holder .post .content .faq-section details {
    border: 1px solid #e6d8d2;
    background: #faf8f6;
    transition: border-color .3s ease, background-color .3s ease
}

.single-post-section .holder .post .content .faq-section details[open] {
    border-color: #d1bcaf;
    background: #fff
}

.single-post-section .holder .post .content .faq-section details[open] summary::after {
    transform: rotate(45deg)
}

.single-post-section .holder .post .content .faq-section summary {
    position: relative;
    cursor: pointer;
    list-style: none;
    padding: 20px 58px 20px 22px;
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    text-wrap: auto
}

@media(max-width: 550px) {
    .single-post-section .holder .post .content .faq-section summary {
        padding: 16px 46px 16px 16px;
        font-size: 16px
    }
}

.single-post-section .holder .post .content .faq-section summary::-webkit-details-marker {
    display: none
}

.single-post-section .holder .post .content .faq-section summary::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 22px;
    width: 18px;
    height: 18px;
    background: linear-gradient(#1a1a1a, #1a1a1a) center/100% 1px no-repeat, linear-gradient(#1a1a1a, #1a1a1a) center/1px 100% no-repeat;
    transition: transform .3s ease
}

@media(max-width: 550px) {
    .single-post-section .holder .post .content .faq-section summary::after {
        top: 16px;
        right: 16px;
        width: 16px;
        height: 16px
    }
}

.single-post-section .holder .post .content .faq-section summary strong {
    font: inherit;
    color: inherit
}

.single-post-section .holder .post .content .faq-section p {
    margin: 0;
    padding: 0 22px 20px;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media(max-width: 550px) {
    .single-post-section .holder .post .content .faq-section p {
        padding: 0 16px 16px;
        font-size: 14px
    }
}

.single-post-section .holder .post .content a {
    color: #1a1a1a;
    text-decoration: underline
}

.single-post-section .holder .post .content a:hover {
    color: #6d6d6d
}

.single-post-read {
    padding: 3.75em 0 7.5em
}

@media(max-width: 500px) {
    .single-post-read {
        padding: 40px 0 80px
    }
}

.single-post-read .holder .title-1 {
    margin-bottom: 0.6875em
}

@media(max-width: 550px) {
    .single-post-read .holder .title-1 {
        margin-bottom: 32px
    }
}

.about-hero-section {
    padding: 1.5em 0 3.75em;
    position: relative
}

@media(max-width: 500px) {
    .about-hero-section {
        padding: 14px 0 40px
    }
}

.about-hero-section .decorative {
    position: absolute;
    right: 0;
    top: -150px;
    z-index: -1
}

@media(max-width: 767px) {
    .about-hero-section .decorative {
        width: 550px;
        height: 550px;
        object-fit: cover
    }
}

@media(max-width: 550px) {
    .about-hero-section .decorative {
        width: 201px;
        height: 140px;
        object-fit: cover;
        top: -30px
    }
}

@media(max-width: 500px) {
    .about-hero-section {
        padding: 12px 0 40px
    }
}

.about-hero-section .holder .title-1 {
    margin-bottom: 0.5em
}

@media(max-width: 550px) {
    .about-hero-section .holder .title-1 {
        margin-bottom: 32px
    }
}

.about-hero-section .holder .description {
    color: #1a1a1a;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 400;
    line-height: 144%;
    text-wrap: auto;
    max-width: 800px
}

.about-hero-section .holder .description b {
    font-weight: 600
}

@media(max-width: 550px) {
    .about-hero-section .holder .description {
        font-size: 16px
    }
}

.about-slimlab-section .holder {
    max-width: 77em
}

.about-slimlab-section .holder .title-1 {
    margin-bottom: 1.875em;
    text-align: center;
    text-wrap: auto
}

@media(max-width: 550px) {
    .about-slimlab-section .holder .title-1 {
        margin-bottom: 80px;
        font-size: 31px;
        text-wrap: auto
    }
}

.about-slimlab-section .holder .container {
    display: flex;
    gap: 5em
}

@media(max-width: 767px) {
    .about-slimlab-section .holder .container {
        flex-direction: column;
        gap: 80px
    }
}

.about-slimlab-section .holder .container .left {
    flex: 560 1 0;
    min-width: 0
}

.about-slimlab-section .holder .container .left img {
    width: 35em;
    height: 40em;
    object-fit: contain
}

@media(max-width: 767px) {
    .about-slimlab-section .holder .container .left img {
        width: 100%
    }
}

@media(max-width: 550px) {
    .about-slimlab-section .holder .container .left img {
        width: 100%;
        height: 392px;
        object-fit: cover
    }
}

.about-slimlab-section .holder .container .right {
    flex: 560 1 0
}

.about-slimlab-section .holder .container .right .title-1 {
    margin-bottom: 0.6875em;
    text-align: start
}

@media(max-width: 550px) {
    .about-slimlab-section .holder .container .right .title-1 {
        margin-bottom: 32px;
        font-size: 40px
    }
}

.about-slimlab-section .holder .container .right .list {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 2em
}

@media(max-width: 550px) {
    .about-slimlab-section .holder .container .right .list {
        gap: 24px
    }
}

.about-slimlab-section .holder .container .right .list .item .name {
    color: #1a1a1a;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 0.6em
}

@media(max-width: 550px) {
    .about-slimlab-section .holder .container .right .list .item .name {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.about-slimlab-section .holder .container .right .list .item .info {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 400;
    line-height: 150%
}

@media(max-width: 550px) {
    .about-slimlab-section .holder .container .right .list .item .info {
        font-size: 14px
    }
}

.about-reviews-page {
    margin: 3.75em 0 7.5em
}

@media(max-width: 500px) {
    .about-reviews-page {
        margin: 40px 0 80px
    }
}

.messengersq {
    position: fixed;
    right: 30px;
    bottom: calc(60px + env(safe-area-inset-bottom, 0px));
    z-index: 9998;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff
}

@media(max-width: 767px) {
    .messengersq {
        right: 15px;
        bottom: calc(24px + env(safe-area-inset-bottom, 0px))
    }
}

.messengersq svg {
    width: 30px;
    height: 30px;
    display: block
}

.messengersq .links {
    display: flex;
    flex-direction: column;
    height: 0;
    margin-bottom: -25px;
    overflow: hidden;
    transition: all .3s ease
}

.messengersq .links.active {
    height: auto;
    margin-bottom: 0;
    overflow: visible
}

.messengersq .links.active a {
    transform: translateY(0) !important
}

.messengersq .links.active a:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-100%, -50%)
}

.messengersq .links.active a:hover svg {
    transform: scale(0.9)
}

.messengersq .links a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    padding: 15px;
    margin-bottom: 5px;
    border-radius: 50%;
    color: #fff;
    background: var(--messenger-widget-color, #2b2020);
    box-shadow: -1px 2px 3px 0 rgba(43, 43, 43, .31);
    transition: transform .3s cubic-bezier(0.31, 1.04, 0.43, 1.1), background-color .3s ease
}

.messengersq .links a::after {
    content: attr(data-label);
    position: absolute;
    top: 50%;
    left: -10px;
    padding: 4px 10px;
    border-radius: 50px;
    color: #1a1a1a;
    background: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translate(calc(-100% + 8px), -50%);
    transition: all .25s ease;
    pointer-events: none
}

.messengersq .links a svg {
    transition: transform .3s ease
}

.messengersq .links .messenger-link-telegram:hover {
    background: #2a9fda
}

.messengersq .links .messenger-link-facebook:hover {
    background: #007ff8
}

.messengersq .links .messenger-link-viber:hover {
    background: #784f99
}

.messengersq .links .messenger-link-whatsapp:hover {
    background: #27a219
}

.messengersq .btnq {
    position: relative;
    z-index: 2;
    width: 60px;
    height: 60px;
    padding: 15px;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: #2b2020;
    box-shadow: -1px 2px 3px 0 rgba(43, 43, 43, .31);
    cursor: pointer;
    transition: all .3s ease
}

.messengersq .btnq:hover {
    transform: scale(1.1)
}

.messengersq .btnq>svg {
    display: none;
    width: 20px;
    height: 20px;
    margin: auto
}

.messengersq .btnq .icon-rotator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.messengersq .btnq .rotator-icon {
    display: none
}

.messengersq .btnq .rotator-icon.active {
    display: block
}

.messengersq .links.active~.btnq {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    opacity: .8;
    transform: rotate(90deg) !important
}

.messengersq .links.active~.btnq>svg {
    display: block
}

.messengersq .links.active~.btnq .icon-rotator {
    display: none
}

.messengersq .pulse {
    overflow: visible
}

.messengersq .pulse::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--messenger-widget-color, #2b2020);
    transform: translate(-50%, -50%);
    animation: messenger-widget-pulse 2s linear infinite
}

@keyframes messenger-widget-pulse {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0)
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.7)
    }
}

@media(min-width: 768px) {
    header {
        padding: 16px 0
    }

    header .holder {
        display: grid;
        grid-template-columns: minmax(136px, 210px) minmax(0, 1fr) max-content max-content;
        align-items: center;
        gap: 22px
    }

    header .holder .upper {
        display: contents
    }

    header .holder .upper>.dimon-menu {
        display: none
    }

    header .holder .upper>.btn {
        grid-column: 4;
        grid-row: 1;
        justify-self: end;
        white-space: nowrap
    }

    header .holder .upper .logo {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        margin-right: 0
    }

    header .holder .upper .navigate {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        gap: 18px
    }

    header .holder .upper .navigate .dimon-menu {
        gap: 18px
    }

    header .holder>nav {
        grid-column: 2;
        grid-row: 1;
        margin-top: 0
    }

    header .holder>nav .menu {
        justify-content: center;
        gap: clamp(18px, 2.2vw, 32px)
    }
}

@media(max-width: 767px) {
    header .holder {
        display: block
    }

    header .holder .upper {
        display: flex
    }
}

@media(min-width: 768px) {
    header nav .menu>li.catalog .submenu {
        transform: translateY(12px);
        transition: opacity .24s ease, visibility .24s ease, transform .24s ease;
        pointer-events: none
    }

    header nav .menu>li.catalog.open .submenu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto
    }
}

.category-editorial {
    padding: 0 0 7.5em
}

@media(max-width: 500px) {
    .category-editorial {
        padding: 0 0 80px
    }
}

.category-editorial .holder {
    max-width: 77em
}

.category-editorial__article {
    display: grid;
    gap: 24px
}

.category-editorial__intro,
.category-editorial__section,
.category-editorial__note {
    padding: 30px 32px;
    border: 1px solid rgba(12, 12, 12, .08);
    background: linear-gradient(180deg, #fff 0%, #f7f1ec 100%)
}

@media(max-width: 550px) {

    .category-editorial__intro,
    .category-editorial__section,
    .category-editorial__note {
        padding: 22px 20px
    }
}

.category-editorial__intro p,
.category-editorial__intro li,
.category-editorial__section p,
.category-editorial__section li {
    color: #4f4b49;
    font-size: 1em;
    line-height: 165%
}

@media(max-width: 550px) {

    .category-editorial__intro p,
    .category-editorial__intro li,
    .category-editorial__section p,
    .category-editorial__section li {
        font-size: 14px;
        line-height: 155%
    }
}

.category-editorial__intro p+p,
.category-editorial__intro p+ul,
.category-editorial__intro p+.category-editorial__compare,
.category-editorial__intro ul+p,
.category-editorial__intro h2+h3,
.category-editorial__intro h3+p,
.category-editorial__section p+p,
.category-editorial__section p+ul,
.category-editorial__section p+.category-editorial__compare,
.category-editorial__section ul+p,
.category-editorial__section h2+h3,
.category-editorial__section h3+p {
    margin-top: 16px
}

.category-editorial__intro a,
.category-editorial__section a {
    color: #1a1a1a;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.category-editorial__section h2 {
    color: #1a1a1a;
    font-family: "Playfair Display", sans-serif;
    font-size: 2.375em;
    font-weight: 300;
    line-height: 118%;
    text-transform: uppercase
}

@media(max-width: 550px) {
    .category-editorial__section h2 {
        font-size: 28px
    }
}

.category-editorial__section h3 {
    color: #1a1a1a;
    font-size: 1.375em;
    font-weight: 600;
    line-height: 132%
}

@media(max-width: 550px) {
    .category-editorial__section h3 {
        font-size: 18px
    }
}

.category-editorial__section ul {
    display: grid;
    gap: 12px;
    padding-left: 20px
}

.category-editorial__cta {
    margin-top: 24px
}

.category-editorial__cta .btn {
    min-width: 220px
}

@media(max-width: 550px) {
    .category-editorial__cta .btn {
        width: 100%
    }
}

.category-editorial__compare {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 20px
}

@media(max-width: 767px) {
    .category-editorial__compare {
        grid-template-columns: 1fr
    }
}

.category-editorial__compare .compare-card {
    display: grid;
    gap: 10px;
    min-height: 100%;
    padding: 22px;
    border: 1px solid rgba(12, 12, 12, .08);
    background: #fff
}

.category-editorial__compare .compare-label {
    color: #6d6d6d;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .08em;
    text-transform: uppercase
}

.category-editorial__compare strong {
    color: #1a1a1a;
    font-size: 1em;
    font-weight: 600;
    line-height: 145%
}

.category-editorial__faq {
    display: grid;
    gap: 14px;
    margin-top: 18px
}

.category-editorial__faq .faq-item {
    padding: 22px;
    border: 1px solid rgba(12, 12, 12, .08);
    background: #fff
}

.category-editorial__faq .faq-item h3 {
    margin-bottom: 10px
}

.category-editorial__note {
    color: #1a1a1a;
    background: #f4efea;
    font-size: 0.9375em;
    line-height: 160%
}

@media(max-width: 550px) {
    .category-editorial__note {
        font-size: 14px
    }
}

.category-editorial__note strong {
    font-weight: 700
}

@media(max-width: 767px) {

    header .navigate .lang .item.is-active,
    header .navigate .lang .item.current {
        color: #1a1a1a
    }

    .hero-home {
        height: auto;
        min-height: 0
    }

    .hero-home .swiper .swiper-wrapper .swiper-slide {
        min-height: 0;
        padding: 96px 0 56px
    }

    .hero-home .swiper .swiper-wrapper .swiper-slide .holder {
        width: 100%;
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box
    }

    .hero-home .swiper .swiper-wrapper .swiper-slide .holder h2.title,
    .hero-home .swiper .swiper-wrapper .swiper-slide .holder .text {
        width: 100%;
        max-width: 100%;
        overflow-wrap: anywhere
    }

    .hero-home .swiper .swiper-wrapper .swiper-slide .holder h2.title {
        font-size: 28px;
        line-height: 118%;
        margin-bottom: 14px
    }

    .hero-home .swiper .swiper-wrapper .swiper-slide .holder .text {
        font-size: 14px;
        line-height: 145%
    }

    .hero-home .swiper .swiper-wrapper .swiper-slide .holder .btns {
        width: 100%;
        flex-direction: column;
        gap: 10px
    }

    .hero-home .swiper .swiper-wrapper .swiper-slide .holder .btns .btn-white {
        width: 100%;
        min-width: 0;
        padding: 16px 18px;
        justify-content: center;
        text-align: center;
        white-space: normal
    }
}

header .holder .upper .navigate .lang .item.is-active,
header .holder .upper .navigate .lang .item.current {
    color: #fff
}

header .holder .mob-block .lang .item.is-active,
header .holder .mob-block .lang .item.current {
    color: #1a1a1a
}

.hero-home .swiper .swiper-wrapper .swiper-slide.product-hero-slide .home-hero-direction {
    background: hsla(0, 0%, 100%, .18) !important;
    border: 1px solid hsla(0, 0%, 100%, .56) !important;
    box-shadow: none;
    color: #fff !important
}

.hero-home .swiper .swiper-wrapper .swiper-slide.product-hero-slide .home-hero-direction:hover {
    background: hsla(0, 0%, 100%, .24) !important;
    color: #fff !important
}

.hero-home .swiper .swiper-wrapper .swiper-slide.product-hero-slide .home-hero-direction .mark {
    width: auto;
    height: auto;
    flex: 0 0 auto;
    border: 0;
    background: rgba(0, 0, 0, 0);
    color: inherit;
    font-family: inherit;
    font-size: 20px !important;
    font-weight: 400;
    letter-spacing: 0
}

.home-seo-article {
    padding: 5em 0 4.75em
}

.home-seo-article {
    padding: clamp(64px, 7vw, 110px) 0;
    background: #fff;
}

.home-seo-article .holder {
    display: grid;
    width: 100%;
    max-width: 1440px;
    gap: clamp(38px, 4vw, 58px);
}

/* Заголовок секции */
.home-seo-article__intro {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.home-seo-article .home-seo-article__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.home-seo-article .home-seo-article__head .home-section-label {
    align-self: flex-start;
    margin-bottom: 24px;
}

.home-seo-article .title-1 {
    width: min(100%, 1120px);
    max-width: none;
    margin: 0 auto;

    color: #1a1a1a;
    font-size: clamp(40px, 4.1vw, 62px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.018em;
    text-align: center;
    text-transform: uppercase;
}

.home-seo-article .home-seo-article__head p {
    width: min(100%, 760px);
    margin: 22px auto 0;

    color: rgba(12, 12, 12, 0.5);
    font-size: clamp(15px, 1.15vw, 18px);
    font-weight: 400;
    line-height: 1.65;
    text-align: center;
    text-wrap: pretty;
}

@media (max-width: 767px) {
    .home-seo-article .home-seo-article__head {
        align-items: flex-start;
        text-align: left;
    }

    .home-seo-article .home-seo-article__head .home-section-label {
        margin-bottom: 16px;
    }

    .home-seo-article .title-1 {
        width: 100%;
        margin: 0;
        font-size: clamp(30px, 9vw, 42px);
        line-height: 1.1;
        letter-spacing: -0.015em;
        text-align: left;
    }

    .home-seo-article .home-seo-article__head p {
        width: 100%;
        margin: 18px 0 0;
        font-size: 14px;
        line-height: 1.6;
        text-align: left;
    }
}

/* Область со скрываемым контентом */
.home-seo-article__preview {
    position: relative;
    width: min(100%, 1040px);
    margin: 0 auto;
    overflow: hidden;

    transition: max-height 0.45s ease;
}

.home-seo-article__preview.is-collapsed {
    max-height: 370px;
}

.home-seo-article__preview.is-expanded {
    max-height: 6000px;
}

/* Белый градиент снизу в закрытом состоянии */
.home-seo-article__preview.is-collapsed::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;

    height: 145px;

    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.72) 58%,
            #fff 94%);

    pointer-events: none;
}

/* Блоки идут вертикально, на всю ширину */
.home-seo-article__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    gap: 24px;
    max-width: none;
}

/* Один SEO-блок */
.home-seo-article__block {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: auto;
    padding: clamp(28px, 3.5vw, 42px);

    border: 1px solid rgba(12, 12, 12, 0.07);
    background: linear-gradient(180deg,
            rgba(247, 241, 236, 0.96) 0%,
            rgba(250, 247, 244, 0.88) 68%,
            rgba(255, 255, 255, 0.94) 100%);

    box-shadow: 0 18px 48px rgba(12, 12, 12, 0.045);
}

/* Заголовок внутри блока */
.home-seo-article__block h3 {
    max-width: 780px;
    margin: 0 0 20px;

    color: #1a1a1a;
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 600;
    line-height: 1.28;
}

/* Текст */
.home-seo-article__block p {
    max-width: 920px;
    margin: 0;

    color: rgba(12, 12, 12, 0.62);
    font-size: clamp(15px, 1.05vw, 17px);
    font-weight: 400;
    line-height: 1.68;
}

.home-seo-article__block p+p,
.home-seo-article__block p+ul {
    margin-top: 16px;
}

/* Списки */
.home-seo-article__block ul {
    display: grid;
    gap: 12px;
    max-width: 920px;
    margin: 20px 0 0;
    padding: 0;

    list-style: none;
}

.home-seo-article__block li {
    position: relative;
    padding-left: 20px;

    color: rgba(12, 12, 12, 0.62);
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 400;
    line-height: 1.6;
}

.home-seo-article__block li::before {
    content: "";
    position: absolute;
    top: 0.68em;
    left: 0;

    width: 5px;
    height: 5px;

    border-radius: 50%;
    background: #1a1a1a;
}

/* Кнопка */
.home-seo-article__actions {
    display: flex;
    justify-content: center;
    width: 100%;
}

.home-seo-article__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 140px;
    min-height: 56px;
    padding: 16px 30px;

    border: 1px solid rgba(12, 12, 12, 0.14);
    background: #fff;
    color: #1a1a1a;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;

    cursor: pointer;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

.home-seo-article__toggle:hover {
    border-color: #1a1a1a;
    background: #1a1a1a;
    color: #fff;
}

@media (max-width: 950px) {
    .home-seo-article .title-1 {
        width: min(100%, 820px);
        font-size: clamp(38px, 6vw, 56px);
    }

    .home-seo-article__preview {
        width: 100%;
    }

    .home-seo-article__preview.is-collapsed {
        max-height: 430px;
    }
}

@media (max-width: 767px) {
    .home-seo-article {
        padding: 52px 0 40px;
    }

    .home-seo-article .holder {
        gap: 30px;
    }

    .home-seo-article__intro {
        justify-content: flex-start;
        text-align: left;
    }

    .home-seo-article .title-1 {
        width: 100%;
        font-size: clamp(30px, 9vw, 42px);
        line-height: 1.1;
        letter-spacing: -0.015em;
        text-align: left;
    }

    .home-seo-article__preview.is-collapsed {
        max-height: 480px;
    }

    .home-seo-article__preview.is-collapsed::after {
        height: 125px;
    }

    .home-seo-article__content {
        gap: 18px;
    }

    .home-seo-article__block {
        padding: 22px 18px;
    }

    .home-seo-article__block h3 {
        margin-bottom: 16px;
        font-size: 21px;
        line-height: 1.3;
    }

    .home-seo-article__block p,
    .home-seo-article__block li {
        font-size: 14px;
        line-height: 1.6;
    }

    .home-seo-article__toggle {
        width: 100%;
        max-width: 220px;
        min-height: 52px;
        padding: 15px 24px;
    }
}

@media(max-width: 767px) {
    .marquee {
        width: 100%;
        padding: 10px 0;
        overflow: hidden
    }

    .marquee .marquee__content {
        width: max-content;
        min-width: max-content;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        animation-duration: 28s
    }

    .marquee .marquee__group {
        flex: 0 0 auto;
        align-items: center;
        gap: 32px;
        padding-right: 32px
    }

    .marquee .marquee__group .item {
        flex: 0 0 auto;
        width: max-content;
        max-width: none;
        gap: 10px;
        align-items: center;
        white-space: nowrap;
        text-wrap: nowrap;
        font-size: 12px;
        line-height: 130%
    }

    .marquee .marquee__group .item img {
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        object-fit: contain
    }
}

@media(max-width: 380px) {
    .marquee .marquee__content {
        animation-duration: 28s
    }

    .marquee .marquee__group {
        gap: 24px;
        padding-right: 24px
    }

    .marquee .marquee__group .item {
        gap: 8px;
        font-size: 11px
    }

    .marquee .marquee__group .item img {
        width: 22px;
        height: 22px;
        flex-basis: 22px
    }
}

body:has(.favorite-page-section) {
    min-height: 100vh !important;
    min-height: 100svh !important;
    display: flex !important;
    flex-direction: column !important
}

body:has(.favorite-page-section)>main {
    width: 100%;
    min-height: 0 !important;
    height: auto !important;
    flex: 1 1 auto !important;
    display: flex;
    flex-direction: column
}

body:has(.favorite-page-section)>footer {
    width: 100%;
    margin-top: auto !important;
    flex: 0 0 auto !important
}

.home-section-label {
    display: none !important;
    align-items: center;
    width: fit-content;
    margin-bottom: 18px;

    color: #d9a3a3;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

/* Верхняя часть секции */
.home-mounjaro .home-mounjaro__head {
    max-width: none;
    margin: 0 auto 42px;
}

.home-mounjaro .home-mounjaro__primary {
    width: min(100%, 900px);
}

.home-mounjaro .home-mounjaro__primary h3 {
    max-width: 780px;
    margin: 0 0 20px;

    color: #1a1a1a;
    font-size: clamp(28px, 2.6vw, 42px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.015em;
}

.home-mounjaro .home-mounjaro__primary p {
    max-width: 900px;
    margin: 0;

    color: rgba(12, 12, 12, 0.64);
    font-size: clamp(15px, 1.05vw, 17px);
    font-weight: 400;
    line-height: 1.7;
}

.home-mounjaro .home-mounjaro__primary p+p {
    margin-top: 16px;
}

/* Внутренние блоки */
.home-mounjaro .home-mounjaro__details {


    gap: 28px;
    margin: 0 auto;
}

/* Три небольшие карточки */
.home-mounjaro .home-mounjaro__mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.home-mounjaro .home-mounjaro__mini-card {
    box-sizing: border-box;
    min-width: 0;
    padding: 24px;

    border: 1px solid rgba(12, 12, 12, 0.07);
    background: linear-gradient(180deg,
            rgba(247, 241, 236, 0.94) 0%,
            rgba(255, 255, 255, 0.94) 100%);

    box-shadow: 0 14px 34px rgba(12, 12, 12, 0.035);
}

.home-mounjaro .home-mounjaro__mini-card span {
    display: block;
    margin: 0 0 20px;

    color: #d9a3a3;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.1em;
}

.home-mounjaro .home-mounjaro__mini-card strong {
    display: block;
    margin: 0 0 10px;

    color: #1a1a1a;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

.home-mounjaro .home-mounjaro__mini-card p {
    margin: 0;

    color: rgba(12, 12, 12, 0.62);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

/* Мини-инструкция */
.home-mounjaro .home-mounjaro__steps {
    width: 100%;
    padding: clamp(28px, 3.5vw, 42px);

    border: 1px solid rgba(12, 12, 12, 0.07);
    background: rgba(255, 255, 255, 0.5);
}

.home-mounjaro .home-mounjaro__steps .label {
    margin-bottom: 14px;

    color: #d9a3a3;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.home-mounjaro .home-mounjaro__steps h3 {
    margin: 0 0 14px;

    color: #1a1a1a;
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 500;
    line-height: 1.2;
}

.home-mounjaro .home-mounjaro__quick {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 24px;
    margin-bottom: 28px;
}

.home-mounjaro .home-mounjaro__quick span {
    position: relative;

    color: rgba(12, 12, 12, 0.66);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.home-mounjaro .home-mounjaro__quick span:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -17px;

    width: 10px;
    height: 1px;

    background: rgba(12, 12, 12, 0.25);
}

.home-mounjaro .home-mounjaro__steps ol {
    margin: 0;
    padding: 0;

    list-style: none;
    counter-reset: mounjaro-step;
}

.home-mounjaro .home-mounjaro__steps li {
    position: relative;
    min-height: 58px;
    padding: 18px 0 18px 64px;

    border-top: 1px solid rgba(12, 12, 12, 0.09);
    color: rgba(12, 12, 12, 0.66);
    font-size: 15px;
    line-height: 1.55;

    counter-increment: mounjaro-step;
}

.home-mounjaro .home-mounjaro__steps li:last-child {
    border-bottom: 1px solid rgba(12, 12, 12, 0.09);
}

.home-mounjaro .home-mounjaro__steps li::before {
    content: counter(mounjaro-step, decimal-leading-zero);
    position: absolute;
    top: 19px;
    left: 0;

    color: #d9a3a3;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

/* Большой текстовый блок */
.home-mounjaro .home-mounjaro__expanded {
    box-sizing: border-box;
    margin: clamp(58px, 7vw, 96px) auto 0;
    padding: clamp(30px, 4vw, 48px);

    border: 1px solid rgba(12, 12, 12, 0.07);
    background: linear-gradient(180deg,
            rgba(247, 241, 236, 0.95) 0%,
            rgba(251, 248, 245, 0.9) 68%,
            rgba(255, 255, 255, 0.95) 100%);

    box-shadow: 0 18px 48px rgba(12, 12, 12, 0.04);
}

.home-mounjaro .home-mounjaro__expanded-head {
    display: block;
    max-width: 900px;
    padding-bottom: 28px;

    border-bottom: 1px solid rgba(12, 12, 12, 0.09);
}

.home-mounjaro .home-mounjaro__expanded-head span {
    display: block;
    margin: 0 0 20px;

    color: #d9a3a3;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.home-mounjaro .home-mounjaro__expanded-head h3 {
    max-width: 820px;
    margin: 0;

    color: #1a1a1a;
    font-size: clamp(30px, 3.2vw, 48px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-align: left;
}

/* Абзацы вертикально */
.home-mounjaro .home-mounjaro__expanded-text {
    display: block;
    max-width: 900px;
    padding: 0;
}

.home-mounjaro .home-mounjaro__expanded-text p {
    max-width: 900px;
    margin: 0;
    padding: 26px 0;

    border-bottom: 1px solid rgba(12, 12, 12, 0.07);
    color: rgba(12, 12, 12, 0.62);
    font-size: clamp(15px, 1.05vw, 17px);
    font-weight: 400;
    line-height: 1.68;
}

.home-mounjaro .home-mounjaro__expanded-text p:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

/* Планшет */
@media (max-width: 950px) {
    .home-mounjaro .home-mounjaro__mini-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-mounjaro .home-mounjaro__mini-card:last-child {
        grid-column: 1 / -1;
    }
}

/* Телефон */
@media (max-width: 767px) {
    .home-section-label {
        margin-bottom: 14px;
        font-size: 10px;
    }

    .home-mounjaro .home-mounjaro__head {
        margin-bottom: 30px;
    }

    .home-mounjaro .home-mounjaro__primary h3 {
        margin-bottom: 16px;
        font-size: 28px;
    }

    .home-mounjaro .home-mounjaro__primary p {
        font-size: 14px;
        line-height: 1.62;
    }

    .home-mounjaro .home-mounjaro__details {
        gap: 18px;
    }

    .home-mounjaro .home-mounjaro__mini-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .home-mounjaro .home-mounjaro__mini-card:last-child {
        grid-column: auto;
    }

    .home-mounjaro .home-mounjaro__mini-card {
        padding: 20px 18px;
    }

    .home-mounjaro .home-mounjaro__steps {
        padding: 22px 18px;
    }

    .home-mounjaro .home-mounjaro__steps h3 {
        font-size: 23px;
    }

    .home-mounjaro .home-mounjaro__quick {
        gap: 8px 18px;
        margin-bottom: 22px;
    }

    .home-mounjaro .home-mounjaro__quick span {
        font-size: 10px;
    }

    .home-mounjaro .home-mounjaro__quick span:not(:last-child)::after {
        right: -13px;
        width: 8px;
    }

    .home-mounjaro .home-mounjaro__steps li {
        padding: 16px 0 16px 44px;
        font-size: 14px;
    }

    .home-mounjaro .home-mounjaro__steps li::before {
        top: 17px;
    }

    .home-mounjaro .home-mounjaro__expanded {
        width: 100%;
        margin-top: 52px;
        padding: 24px 18px;
    }

    .home-mounjaro .home-mounjaro__expanded-head {
        padding-bottom: 22px;
    }

    .home-mounjaro .home-mounjaro__expanded-head span {
        margin-bottom: 16px;
        font-size: 10px;
    }

    .home-mounjaro .home-mounjaro__expanded-head h3 {
        font-size: clamp(28px, 8vw, 38px);
        line-height: 1.1;
    }

    .home-mounjaro .home-mounjaro__expanded-text p {
        padding: 22px 0;
        font-size: 14px;
        line-height: 1.62;
    }
}

.home-trust {
    position: relative;
    background: #f8f4ef;
    border-top: 1px solid rgba(12, 12, 12, .08);
    border-bottom: 1px solid rgba(12, 12, 12, .08)
}

.home-trust .home-trust__top {
    padding-bottom: 36px;
    border-bottom: 1px solid rgba(12, 12, 12, .1)
}

.home-trust .home-trust__intro {
    padding-right: clamp(0px, 2vw, 36px)
}

.home-trust .home-trust__advantages {
    background: #fff;
    border: 1px solid rgba(12, 12, 12, .08)
}

.home-trust .home-trust__reviews-block {
    margin-top: 34px;
    padding-top: 0
}

.home-trust .home-trust__reviews-head {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(12, 12, 12, .1)
}

.home-trust .home-trust__reviews {
    margin-top: 22px
}

.home-trust .home-trust__conditions {
    margin-top: 34px;
    padding-top: 30px;
    border-top: 1px solid rgba(12, 12, 12, .1)
}

.home-seo-article .home-seo-article__head {
    max-width: 980px;
    margin-bottom: 28px
}

.home-seo-article .home-seo-article__head p {
    max-width: 820px;
    color: rgba(12, 12, 12, .68);
    font-size: clamp(15px, 1vw, 18px);
    line-height: 165%
}

.home-seo-article .home-seo-article__block h3 {
    font-size: clamp(22px, 1.75vw, 32px);
    line-height: 120%
}

.marquee,
.marquee * {
    word-break: normal;
    overflow-wrap: normal
}

.marquee .marquee__content {
    flex-wrap: nowrap !important
}

.marquee .marquee__group {
    flex: 0 0 auto;
    min-width: max-content
}

.marquee .marquee__group .item {
    flex: 0 0 auto !important;
    width: max-content;
    max-width: none;
    min-width: max-content;
    white-space: nowrap !important;
    text-wrap: nowrap
}

body.is-favorite-page,
body:has(.favorite-page-section) {
    min-height: 100vh !important;
    min-height: 100svh !important;
    display: flex !important;
    flex-direction: column !important
}

body.is-favorite-page>main,
body:has(.favorite-page-section)>main {
    width: 100%;
    min-height: 0 !important;
    height: auto !important;
    flex: 1 1 auto !important;
    display: flex;
    flex-direction: column
}

body.is-favorite-page>footer,
body:has(.favorite-page-section)>footer {
    width: 100%;
    margin-top: auto !important;
    flex: 0 0 auto !important
}

@media(max-width: 991px) {

    .home-mounjaro .home-mounjaro__mini-grid,
    .home-mounjaro .home-mounjaro__expanded-text {
        grid-template-columns: 1fr
    }

    .home-mounjaro .home-mounjaro__expanded-head {
        grid-template-columns: 1fr;
        gap: 12px
    }
}

@media(max-width: 767px) {
    .home-section-label {
        margin-bottom: 10px;
        font-size: 11px
    }

    .home-mounjaro .home-mounjaro__primary p,
    .home-mounjaro .home-mounjaro__expanded-text p {
        font-size: 14px;
        line-height: 165%
    }

    .home-mounjaro .home-mounjaro__mini-grid {
        gap: 10px
    }

    .home-mounjaro .home-mounjaro__mini-card {
        padding: 18px
    }

    .home-mounjaro .home-mounjaro__expanded {
        padding: 22px 18px
    }

    .home-trust .home-trust__top {
        padding-bottom: 26px
    }

    .home-trust .home-trust__reviews-block,
    .home-trust .home-trust__conditions {
        margin-top: 26px
    }
}

/* SLIMLAB PATCH — advantage icons + catalog row + smooth transition */
.home-trust__advantage .advantage-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    background: #f4efea;
    border-radius: 50%;
    color: #1a1a1a
}

.home-trust__advantage .advantage-icon svg {
    width: 28px;
    height: 28px
}

@media(min-width:768px) {
    header nav .menu li.catalog .submenu {
        transform: translateY(16px);
        transition: opacity .32s ease, visibility .32s ease, transform .32s cubic-bezier(.22, 1, .36, 1);
        pointer-events: none
    }

    header nav .menu li.catalog.open .submenu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto
    }

    header nav .menu li.catalog .submenu .holder .category-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: clamp(24px, 3vw, 56px)
    }

    header nav .menu li.catalog .submenu .holder .category-list .coloumn {
        flex-direction: row;
        flex-wrap: wrap;
        gap: clamp(16px, 2vw, 32px);
        align-items: flex-start
    }

    header nav .menu li.catalog .submenu .holder .category-list .coloumn .category {
        min-width: max-content
    }
}

/* ====================================================================
   IncriMed override block (appended, additive). Light header, dark footer,
   site radius, mobile card fix, redesigned faq/consult/seo/blog.
   ==================================================================== */
/* ===== IncriMed: light HEADER ===== */
header{background:#FAF8F7 !important;border-bottom:1px solid rgba(217,163,163,.18) !important;}
header .menu>li>a,header .navigate .menu li a,header nav li a,header .lang a,header .lang .separator{color:#1a1a1a !important;}
header .lang a.current,header .lang a.is-active{color:#B98989 !important;}
header img[src$="search.svg"],header img[src$="cart.svg"],header img[src$="favorite.svg"],header img[src$="drop-arrow.svg"]{filter:brightness(0) saturate(0);opacity:.8;}
header .burger span,header .burger span::before,header .burger span::after{background:#1a1a1a !important;}

@media (max-width:600px){
  .sell-home .price-info,.home-mounjaro__products .price-info,.product .price-info{
    flex-wrap:wrap !important;align-items:center !important;row-gap:10px;
  }
  .sell-home .price-info .price,.home-mounjaro__products .price-info .price,.product .price-info .price{
    flex:1 0 100% !important;white-space:nowrap !important;
  }
  .sell-home .home-top-buy,.home-mounjaro__products .home-top-buy{align-self:center !important;}
}

/* ================= BATCH A: header + footer + radius ================= */
:root{--ic-radius:18px;--ic-radius-sm:10px;--ic-border:1px solid rgba(217,163,163,.18);--ic-shadow:0 4px 32px rgba(26,26,26,.06);}

/* ---- HEADER: bigger container + bigger logo ---- */
header .holder,header>.holder{padding-top:20px !important;padding-bottom:20px !important;}
header .logo{width:auto !important;height:auto !important;}
header .logo img{width:auto !important;height:56px !important;max-height:56px !important;}

/* ---- FOOTER: dark redesign (local theme) ---- */
footer{background:#2A1A1A !important;border-top:none !important;padding-top:72px !important;}
footer .holder{max-width:1368px;}
/* inverted white logo at top of left column */
footer .left .info::before{content:"";display:block;width:210px;height:48px;margin-bottom:22px;
  background:url(https://slim-lab.com.ua/wp-content/uploads/2026/06/cropped-logo.png) left center/contain no-repeat;
  filter:brightness(0) invert(1) opacity(.9);}
footer .f-text,footer p,footer li,footer span{color:rgba(255,255,255,.4) !important;}
footer .f-text b{color:rgba(255,255,255,.85) !important;}
footer .name{color:rgba(255,255,255,.32) !important;letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:600;}
footer a,footer .menu li a,footer .contacts a{color:#9A8E8E !important;}
footer .menu li a:hover,footer .contacts a:hover{color:#D9A3A3 !important;}
footer .contacts .title{color:rgba(255,255,255,.32) !important;}
footer .copyright{color:rgba(255,255,255,.3) !important;}
footer img{filter:brightness(0) invert(1) opacity(.7) !important;}
footer .bottom{border-top:1px solid rgba(255,255,255,.08) !important;padding-top:26px !important;margin-top:8px;}

/* ---- SITE-WIDE rounded corners (local theme style) ---- */
.product,.peptide-category-card,.category-home .item,.home-mounjaro__mini-card,
.blog-post,.review-card,.home-trust__advantage,.info-accardion,.home-seo-article__preview,
.home-blog .blog-post .image,.product .image,.blog-post img,
.btn,.home-top-buy,input,textarea,select,.home-mounjaro__products .product{
  border-radius:var(--ic-radius) !important;
}
.btn,.home-top-buy,.btn-empty,.btn-white,button.home-seo-article__toggle{border-radius:50px !important;}
.blog-post img,.product .image img{border-radius:0 !important;}

/* ================= BATCH B: FAQ + Consultation ================= */
/* ---- FAQ: 2-col like local theme, hide doctor image ---- */
.faq-home{background:#F5EDED !important;}
.faq-home .holder{display:grid !important;grid-template-columns:1fr 1.4fr;gap:0 70px;align-items:start;}
.faq-home .title-1{grid-column:1;grid-row:1;font-family:"Playfair Display",serif !important;text-transform:none !important;margin-bottom:18px !important;}
.faq-home .text{grid-column:1;grid-row:2;color:#6B6B6B !important;max-width:340px;line-height:1.8 !important;}
.faq-home .info{grid-column:2;grid-row:1/4;display:block !important;}
.faq-home .info .image{display:none !important;}
.faq-home .accordion{width:100% !important;}
.faq-home .accordion .item{border-bottom:1px solid rgba(185,137,137,.22) !important;background:none !important;border:0 !important;border-bottom:1px solid rgba(185,137,137,.22) !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;}
.faq-home .accordion .item .header{padding:22px 2px !important;background:none !important;}
.faq-home .accordion .item .header span{font-family:"Playfair Display",serif !important;font-size:18px !important;font-weight:400 !important;color:#1A1A1A !important;}
.faq-home .accordion .item .icon{width:30px !important;height:30px !important;min-width:30px;border:1px solid rgba(185,137,137,.45) !important;border-radius:50% !important;display:flex;align-items:center;justify-content:center;background:none !important;}
.faq-home .accordion .item.active .icon,.faq-home .accordion .item.open .icon,.faq-home .accordion .item.show .icon{background:#B98989 !important;border-color:#B98989 !important;}
.faq-home .accordion .item .content p{color:#6B6B6B !important;line-height:1.82 !important;font-weight:300;}

/* ---- CONSULTATION: clean cards, no decorative images ---- */
.online-consultation-home img.up-decorative,.online-consultation-home img.down-decorative{display:none !important;}
.online-consultation-home .title-1{font-family:"Playfair Display",serif !important;text-transform:none !important;}
.online-consultation-home .services{display:flex !important;flex-direction:column;gap:16px;}
.online-consultation-home .services .item{background:#fff !important;border:1px solid rgba(217,163,163,.18) !important;border-radius:18px !important;box-shadow:0 4px 32px rgba(26,26,26,.05) !important;padding:26px 32px !important;align-items:center;}
.online-consultation-home .services .item .name h3{font-family:"Playfair Display",serif !important;font-size:22px !important;text-transform:none !important;color:#1A1A1A !important;}
.online-consultation-home .services .item .price{color:#B98989 !important;font-weight:600 !important;}
.online-consultation-home .services .item .list li{color:#6B6B6B !important;}
.online-consultation-home .services .item .btn{border-radius:50px !important;border:1px solid #B98989 !important;color:#B98989 !important;padding:12px 26px !important;transition:all .25s;}
.online-consultation-home .services .item .btn:hover{background:#B98989 !important;color:#fff !important;}
/* FAQ + consult mobile */
@media (max-width:768px){
  .faq-home .holder{display:block !important;}
  .faq-home .title-1,.faq-home .text{grid-column:auto !important;grid-row:auto !important;}
  .faq-home .text{max-width:none !important;margin-bottom:26px !important;}
  .faq-home .info{grid-column:auto !important;grid-row:auto !important;}
  .faq-home .accordion .item .header span{font-size:15.5px !important;}
}

/* ================= BATCH C: SEO article + Blog ================= */
/* ---- SEO ARTICLE: wider + card redesign, text stays horizontal ---- */
.home-seo-article .home-seo-article__preview{max-width:none !important;width:100% !important;background:#fff !important;border:1px solid rgba(217,163,163,.18) !important;border-radius:18px !important;box-shadow:0 4px 32px rgba(26,26,26,.05) !important;padding:48px 56px !important;}
.home-seo-article .home-seo-article__content{max-width:none !important;width:100% !important;column-count:1 !important;}
.home-seo-article .home-seo-article__block{max-width:none !important;width:100% !important;}
.home-seo-article .home-seo-article__block h2,.home-seo-article .home-seo-article__block h3{font-family:"Playfair Display",serif !important;color:#1A1A1A !important;}
.home-seo-article .home-seo-article__block p,.home-seo-article .home-seo-article__block li{color:#6B6B6B !important;line-height:1.85 !important;}
.home-seo-article .home-seo-article__toggle{border-radius:50px !important;border:1px solid #B98989 !important;color:#B98989 !important;background:none !important;padding:13px 30px !important;transition:all .25s;}
.home-seo-article .home-seo-article__toggle:hover{background:#B98989 !important;color:#fff !important;}

/* ---- BLOG: minimalist ---- */
.home-blog .head .title-1{font-family:"Playfair Display",serif !important;text-transform:none !important;}
.home-blog .blog-grid{gap:28px !important;}
.home-blog .blog-post{background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;}
.home-blog .blog-post .image{border-radius:14px !important;overflow:hidden !important;margin-bottom:16px !important;aspect-ratio:4/3;}
.home-blog .blog-post .image img{border-radius:14px !important;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.home-blog .blog-post:hover .image img{transform:scale(1.04);}
.home-blog .blog-post .date{color:#B98989 !important;font-size:12px !important;letter-spacing:.06em !important;margin-bottom:8px !important;font-weight:500 !important;}
.home-blog .blog-post .down,.home-blog .blog-post .info .down{color:#1A1A1A !important;}
.home-blog .blog-post .down *{font-family:"Inter",sans-serif !important;}
.home-blog .btn-empty{border-radius:50px !important;}
/* SEO: flatten inner boxes (avoid box-in-box) */
.home-seo-article .home-seo-article__block,.home-seo-article__intro,.home-seo-article__section,.home-seo-article__note,.home-seo-article__block>div{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin-bottom:26px !important;}
.home-seo-article .home-seo-article__preview.is-collapsed:after,.home-seo-article .home-seo-article__preview:after{background:linear-gradient(180deg,rgba(255,255,255,0),#fff 92%) !important;}
/* SEO mobile padding */
@media (max-width:768px){
  .home-seo-article .home-seo-article__preview{padding:26px 22px !important;}
  .home-blog .blog-grid{gap:22px !important;}
}

/* ================= BATCH D: fonts/readability/buttons/pulse/anim/mobile ================= */
/* ---- Headings -> premium serif everywhere (consistency, incl home-mounjaro) ---- */
.home-mounjaro__head h2,.home-mounjaro__head .title,.home-mounjaro h2,
.home-trust h2,.home-trust .title,.sell-home .head h2,.sell-home h2,.category-home h2,
.reviews-home h2,.home-blog h2,.online-consultation-home h2,
h2.title-1,.title-1,.section-title,.home-mounjaro__content h3{
  font-family:"Playfair Display",serif !important;
}

/* ---- Readability: text less thin / darker / roomier ---- */
body{font-weight:400 !important;}
.faq-home .text,.section-sub,.online-consultation-home .list li,
.faq-home .accordion .item .content p,.home-seo-article p,.home-seo-article li,
.home-trust .text,.reviews-home .text,p.text{
  font-weight:400 !important;color:#4f4a4a !important;line-height:1.8 !important;
}
.faq-home .accordion .item .header span{font-weight:500 !important;}

/* faq -> FAQ */
.faq-home .title-1{text-transform:uppercase !important;letter-spacing:.01em;}

/* ---- Hero banner readability ---- */
.hero-home .holder .title,.hero-home-main-title,.hero-home .holder h1,.hero-home .holder h2.title,
.hero-home .holder .text{text-shadow:0 2px 24px rgba(20,10,10,.45),0 1px 4px rgba(20,10,10,.3) !important;}
.hero-home .swiper-slide::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(20,12,12,.28) 0%,rgba(20,12,12,.05) 55%,transparent 100%);}
.hero-home .swiper-slide .holder{position:relative;z-index:1;}

/* ---- Buttons: refined radius (not full pill) + mobile vertical centering ---- */
.btn,.home-top-buy,.btn-empty,.btn-white,.btn-white.btn-empty,button.home-seo-article__toggle,
.online-consultation-home .services .item .btn{border-radius:10px !important;}
.btn,.home-top-buy{display:inline-flex !important;align-items:center !important;justify-content:center !important;}

/* ---- Pulse / floating buttons -> new theme ---- */
.btnq.pulse{background:#B98989 !important;}
.btnq.pulse::before,.btnq.pulse::after{border-color:rgba(185,137,137,.5) !important;background:rgba(185,137,137,.25) !important;}
.messenger-link-phone,.messenger-link-telegram,.messenger-link-facebook,.messenger-link-viber,.messenger-link-whatsapp{background:#B98989 !important;}

/* ---- Premium appearance animation ---- */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.animated.fadeInUp{animation-duration:.95s !important;animation-timing-function:cubic-bezier(.16,1,.3,1) !important;animation-fill-mode:both !important;}
/* cascade reveal for card groups (Chrome/Edge; Safari shows static) */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .peptide-category-card,.home-trust__advantage,.sell-home .product,.home-mounjaro__products .product,
    .blog-post,.reviews-home .review-card,.online-consultation-home .services .item{
      animation:icReveal both cubic-bezier(.16,1,.3,1);animation-timeline:view();animation-range:entry 0% entry 30%;
    }
  }
}
@keyframes icReveal{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}

/* ---- Remove search icon left of logo (mobile) ---- */
@media (max-width:1024px){
  header .upper .dimon-menu .search-menu,header .upper .dimon-menu .icon.search-menu{display:none !important;}
}

/* ---- Mobile product card: button full available width + centered ---- */
@media (max-width:600px){
  .sell-home .price-info .home-top-buy,.home-mounjaro__products .price-info .home-top-buy{
    flex:1 1 auto !important;width:auto !important;min-width:0 !important;text-align:center;
  }
  .btns .btn{display:flex !important;align-items:center !important;justify-content:center !important;}
}

/* ---- Blog: right padding from text to divider ---- */
.home-blog .blog-post .info,.home-blog .blog-post .down{padding-right:18px !important;}

/* ================= BATCH E: header + catalog menu redesign ================= */
/* logo proportional */
header .logo{display:flex !important;align-items:center !important;}
header .logo img{height:54px !important;width:auto !important;max-width:none !important;object-fit:contain !important;}

/* desktop nav polish */
@media (min-width:1025px){
  header .holder .upper{align-items:center !important;}
  header nav .menu>li>a{letter-spacing:.04em !important;font-weight:500 !important;transition:color .25s;}
  header nav .menu>li>a:hover{color:#B98989 !important;}
}

/* CATALOG mega-menu refined */
header .menu li.catalog .submenu{box-shadow:0 26px 64px rgba(26,26,26,.12) !important;border-radius:0 0 18px 18px !important;overflow:hidden;}
header .menu li.catalog .submenu .holder{padding:40px 56px !important;}
header .menu li.catalog .category-list .coloumn{display:flex !important;flex-direction:column !important;gap:16px !important;align-items:flex-start !important;}
header .menu li.catalog .category .name a{font-family:"Playfair Display",serif !important;font-size:22px !important;color:#1A1A1A !important;text-transform:none !important;letter-spacing:0 !important;transition:color .25s,padding-left .25s;}
header .menu li.catalog .category .name a:hover{color:#B98989 !important;padding-left:8px !important;}
header .menu li.catalog .menu-name{font-family:"Inter",sans-serif !important;font-size:11px !important;letter-spacing:.14em !important;color:#B98989 !important;text-transform:uppercase !important;margin-bottom:20px !important;}

/* MOBILE header: clean [burger | logo | cart], drop redundant CTA + lang from topbar */
@media (max-width:1024px){
  header .upper > a.btn{display:none !important;}
  header .upper{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;}
  header .upper a.logo{order:2 !important;margin:0 auto !important;}
  header .upper .dimon-menu:first-child{order:1 !important;}
  header .upper .navigate{order:3 !important;}
  header .upper .navigate .lang{display:none !important;}
  header .upper .logo img{height:40px !important;}
}

/* ================= BATCH F: hero + header/footer width + catalog buttons ================= */
/* ---- Header/footer content WIDER than site content (site=1368) ---- */
header .holder{max-width:1640px !important;}
footer .holder{max-width:1640px !important;}

/* ---- HERO: full viewport height, dark overlay, WHITE text ---- */
.hero-home{height:calc(100vh - 101px) !important;min-height:520px !important;}
.hero-home .swiper,.hero-home .swiper-wrapper,.hero-home .swiper .swiper-wrapper,
.hero-home .swiper-slide{height:100% !important;}
.hero-home .swiper-slide{display:flex !important;align-items:center !important;}
/* stronger dark scrim toward dark header tone (#2b2020) for readable white text */
.hero-home .swiper-slide::after{content:"" !important;position:absolute !important;inset:0 !important;z-index:0 !important;pointer-events:none !important;
  background:linear-gradient(180deg,rgba(43,32,32,.55) 0%,rgba(35,9,11,.5) 100%) !important;}
.hero-home .swiper-slide .holder{position:relative !important;z-index:2 !important;width:100%;}
/* text back to white */
.hero-home .holder .title,.hero-home-main-title,.hero-home .holder h1,.hero-home .holder h2.title{color:#fff !important;text-shadow:0 2px 26px rgba(0,0,0,.5) !important;}
.hero-home .holder .text,.hero-home .text{color:rgba(255,255,255,.92) !important;text-shadow:0 1px 12px rgba(0,0,0,.5) !important;font-weight:400 !important;}
@media (max-width:1024px){ .hero-home{height:calc(100vh - 72px) !important;} }

/* ---- CATALOG: 2 big buttons (Схуднення / Пептиди) ---- */
header .menu li.catalog .category-list .coloumn{flex-direction:column !important;gap:18px !important;align-items:flex-start !important;}
header .menu li.catalog .category{width:auto;}
header .menu li.catalog .category .name a{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:#B98989 !important;color:#fff !important;padding:20px 48px !important;
  border-radius:12px !important;font-family:"Playfair Display",serif !important;font-size:22px !important;
  min-width:280px !important;box-shadow:0 8px 26px rgba(185,137,137,.32) !important;
  transition:transform .25s,background .25s,box-shadow .25s !important;
}
header .menu li.catalog .category .name a:hover{background:#A07070 !important;transform:translateY(-3px) !important;box-shadow:0 12px 34px rgba(185,137,137,.45) !important;padding-left:48px !important;}

/* ---- home-mounjaro: ALL headings serif (catch the stray Inter h3) ---- */
.home-mounjaro h2,.home-mounjaro h3,.home-mounjaro h4,.home-mounjaro .title-1,
.home-mounjaro__expanded h2,.home-mounjaro__expanded h3{font-family:"Playfair Display",serif !important;}

/* hero bullets visible */
.hero-home .swiper-pagination,.hero-home .swiper-pagination-bullets{bottom:22px !important;z-index:5 !important;}
.hero-home .swiper-pagination-bullet{background:rgba(255,255,255,.6) !important;opacity:1 !important;}
.hero-home .swiper-pagination-bullet-active{background:#fff !important;}

/* ================= BATCH G: inner pages (category/contact/about/services) ================= */
/* hide decorative molecule/orb clutter */
img.decorative{display:none !important;}

/* serif headings on page heroes/sections */
.contact-hero-section h1,.contact-hero-section h2,.about-hero-section h1,.about-hero-section h2,
.serices-section .titles h1,.serices-section .titles h2,.category-page h1,.category-page h2,
.category-editorial h2,.category-editorial h3,.about-slimlab-section h2,.about-slimlab-section h3,
.contact-form-section h2,.contact-form-section h3,.advantages-services h2,.advantages-services h3{
  font-family:"Playfair Display",serif !important;
}

/* readability on text-heavy content */
.category-editorial p,.category-editorial li,.about-slimlab-section p,.about-slimlab-section li,
.contact-hero-section p,.serices-section p,.serices-section li,.advantages-services p{
  line-height:1.85 !important;color:#4f4a4a !important;font-weight:400 !important;
}

/* contact form -> clean card */
.contact-form-section .container,.contact-form-section form,.contact-form-section .form{
  background:#fff !important;border:1px solid rgba(217,163,163,.18) !important;border-radius:18px !important;
  box-shadow:0 4px 32px rgba(26,26,26,.05) !important;padding:40px !important;
}
.contact-form-section input,.contact-form-section textarea{border-radius:10px !important;}

/* services comparison table polish */
.advantages-services table{border-radius:18px !important;overflow:hidden !important;border-collapse:separate !important;border-spacing:0;}
.advantages-services th,.advantages-services td{padding:16px 22px !important;}

/* services steps numbers + section bg accents */
.serices-section,.about-slimlab-section{background:#F5EDED !important;}
.serices-section .steps .step .num,.serices-section .steps li .num{color:#B98989 !important;}

/* ================= BATCH H: header delicate + green buttons + hover + titles ================= */
/* ---- Header: smaller, more delicate/premium ---- */
header .holder,header>.holder{padding-top:12px !important;padding-bottom:12px !important;}
header .logo img{height:60px !important;}
header nav .menu>li>a{font-weight:400 !important;letter-spacing:.06em !important;font-size:14px !important;}

/* ---- Section titles: more delicate ---- */
.title-1,.section-title,h2.title-1,.home-mounjaro h2,.home-mounjaro h3,.faq-home .title-1,
.sell-home h2,.category-home h2,.reviews-home h2,.home-blog h2,.online-consultation-home h2{
  font-weight:400 !important;letter-spacing:.005em !important;
}
.title-1,.section-title{font-size:clamp(28px,3vw,40px) !important;}

/* ---- Catalog hover: lighter, NO lift ---- */
header .menu li.catalog .category .name a:hover{
  background:#CDB3B3 !important;transform:none !important;
  box-shadow:0 8px 26px rgba(185,137,137,.22) !important;padding-left:48px !important;
}

/* ---- GREEN soft theme for all purchase actions ---- */
.home-top-buy,button.add-to-cart,.btn.add-to-cart,a.add-to-cart,[class*="add-to-cart"],
.single_add_to_cart_button,#place_order,.checkout-button,.wc-proceed-to-checkout .button,
.online-consultation-home .services .item .btn,.buy-one-click .btn,.buy-now,
.serices-section .btns .btn,.advantages-services .btn{
  background:#7FA98C !important;border:1px solid #7FA98C !important;color:#fff !important;
}
.home-top-buy:hover,button.add-to-cart:hover,.btn.add-to-cart:hover,a.add-to-cart:hover,
.single_add_to_cart_button:hover,#place_order:hover,.checkout-button:hover,
.online-consultation-home .services .item .btn:hover,.buy-one-click .btn:hover,.buy-now:hover{
  background:#6E977B !important;border-color:#6E977B !important;color:#fff !important;
}

/* ================= BATCH I: cart icon + faq readability + services cards ================= */
/* ---- remove background behind the cart ICON button (the non-home-top-buy add-to-cart) ---- */
.price-info button.add-to-cart:not(.home-top-buy),
.product .price-info > button.add-to-cart:not(.home-top-buy),
.home-mounjaro__products .price-info button.add-to-cart:not(.home-top-buy){
  background:transparent !important;border:none !important;box-shadow:none !important;padding:6px !important;min-width:0 !important;
}
.price-info button.add-to-cart:not(.home-top-buy) img{filter:brightness(0) saturate(0) !important;opacity:.8 !important;}
.price-info button.add-to-cart:not(.home-top-buy) svg path{stroke:#1A1A1A !important;fill:none !important;}

/* ---- FAQ question headings: more readable (heavier + bigger) ---- */
.faq-home .accordion .item .header span,.faq-contact .accordion .item .header span{
  font-weight:600 !important;font-size:19px !important;color:#1A1A1A !important;line-height:1.4 !important;
}

/* ---- Services step cards: premium minimal ---- */
.serices-section .steps{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:18px !important;}
.serices-section .steps .step{
  background:#fff !important;border:1px solid rgba(217,163,163,.16) !important;border-radius:18px !important;
  padding:30px 26px !important;box-shadow:0 6px 30px rgba(26,26,26,.04) !important;
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s !important;
}
.serices-section .steps .step:hover{transform:translateY(-5px) !important;box-shadow:0 16px 46px rgba(26,26,26,.10) !important;}
.serices-section .steps .step .number{font-family:"Playfair Display",serif !important;font-size:36px !important;color:#D9A3A3 !important;line-height:1 !important;margin-bottom:16px !important;font-weight:400 !important;}
.serices-section .steps .step .info{color:#6B6B6B !important;line-height:1.7 !important;font-weight:400 !important;}
.online-consultation-home .services .item,.advantages-services .item{border-radius:18px !important;}
@media (max-width:900px){.serices-section .steps{grid-template-columns:1fr 1fr !important;}}
@media (max-width:560px){.serices-section .steps{grid-template-columns:1fr !important;}}

/* ================= BATCH J: advantage icons + catalog hover off + breadcrumb ================= */
/* advantage icons -> soft pink theme background */
.advantage-icon{
  background:#F3E1E1 !important;border-radius:14px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  width:58px !important;height:58px !important;padding:14px !important;flex-shrink:0 !important;
}
.advantage-icon svg,.advantage-icon img{width:26px !important;height:26px !important;}
.advantage-icon svg path{stroke:#B98989 !important;}

/* remove catalog mega-menu on hover (Каталог stays a plain link) */
header .menu li.catalog .submenu{display:none !important;}
header .menu li.catalog > a .icon{display:none !important;}

/* breadcrumb fix moved to batchK (was wrong element) */

/* ================= BATCH K: product 2 buttons + breadcrumb + premium animations ================= */
/* ---- Product page: 2 buttons (В кошик outline-green / Купити filled-green) ---- */
.ic-buy-buttons{display:flex !important;gap:12px !important;flex-wrap:wrap !important;align-items:stretch !important;}
.ic-buy-buttons .btn{flex:1 1 0 !important;min-width:150px !important;justify-content:center !important;}
#single-product-add-to-cart.ic-add-cart{background:#fff !important;border:1.5px solid #7FA98C !important;color:#5f8a6e !important;}
#single-product-add-to-cart.ic-add-cart:hover{background:#7FA98C !important;color:#fff !important;}
#single-product-buy-now.ic-buy-now{background:#7FA98C !important;border:1.5px solid #7FA98C !important;color:#fff !important;}
#single-product-buy-now.ic-buy-now:hover{background:#6E977B !important;border-color:#6E977B !important;}
@media (max-width:520px){.ic-buy-buttons .btn{flex:1 1 100% !important;}}

/* ---- Breadcrumb / page bg: cream theme color everywhere (kills the white strip) ---- */
html,body{background-color:#FAF8F7 !important;}

/* ---- Softer, more premium hover/open animations ---- */
.serices-section .steps .step,.online-consultation-home .services .item,.advantages-services .item,
.peptide-category-card,.home-blog .blog-post,.sell-home .product,.home-mounjaro__products .product,
.home-trust__advantage,.reviews-home .review-card,.btn,.home-top-buy,.advantage-icon,
.faq-home .accordion .item .icon,header .menu li.catalog .category .name a{
  transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),
             background-color .4s ease,color .35s ease,border-color .4s ease,opacity .4s ease !important;
}
.serices-section .steps .step:hover{transform:translateY(-6px) !important;}
.peptide-category-card:hover,.home-blog .blog-post:hover{transform:translateY(-5px) !important;}
/* accordion open smoother */
.faq-home .accordion .item .content,.info-accardion .item .content,.home-seo-article__preview{
  transition:max-height .55s cubic-bezier(.22,1,.36,1),opacity .45s ease,padding .45s ease !important;
}

/* ================= BATCH L: services bottom blocks premium redesign ================= */
/* ---- advantages-services: 3 premium cards with pink icon badges (+ fix opacity:0 bug) ---- */
.advantages-services .holder{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;align-items:stretch !important;max-width:1368px;}
.advantages-services .item{opacity:1 !important;transform:none !important;display:block !important;
  background:#fff !important;border:1px solid rgba(217,163,163,.16) !important;border-radius:18px !important;
  padding:36px 30px !important;box-shadow:0 6px 30px rgba(26,26,26,.04) !important;}
.advantages-services .item .icon{width:60px !important;height:60px !important;border-radius:16px !important;
  background:#F3E1E1 !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:20px !important;}
.advantages-services .item .icon img{width:28px !important;height:28px !important;filter:brightness(0) saturate(0) !important;opacity:.5 !important;}
.advantages-services .item .info .title{font-family:"Playfair Display",serif !important;font-size:21px !important;color:#1A1A1A !important;text-transform:none !important;margin-bottom:14px !important;font-weight:400 !important;line-height:1.25 !important;}
.advantages-services .item .info .text{color:#6B6B6B !important;line-height:1.72 !important;font-weight:400 !important;}
@media (max-width:900px){.advantages-services .holder{grid-template-columns:1fr !important;}}

/* ---- online-consultation: keep cards, add premium hover lift + refine ---- */
.online-consultation-home .services .item{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1) !important;}
.online-consultation-home .services .item:hover{transform:translateY(-4px) !important;box-shadow:0 16px 46px rgba(26,26,26,.09) !important;}
.online-consultation-home .title-1{text-transform:none !important;}

/* ================= BATCH M: product-page cards (match homepage) + benefit icons ================= */
/* ---- related/viewed product cards: green "Купити" + clean icon (like homepage) ---- */
.similar-products .product .price-info,.reviewed-products .product .price-info{display:flex !important;align-items:center !important;gap:10px !important;}
.similar-products .product .home-top-buy,.reviewed-products .product .home-top-buy{
  margin-left:auto !important;background:#7fa98c !important;color:#fff !important;font-family:"Inter",sans-serif !important;
  font-size:.72em !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:.04em !important;
  padding:.85em 1.35em !important;border:none !important;border-radius:10px !important;cursor:pointer !important;white-space:nowrap !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;text-decoration:none !important;transition:background .25s ease !important;
}
.similar-products .product .home-top-buy:hover,.reviewed-products .product .home-top-buy:hover{background:#6e977b !important;}
.similar-products .price-info button.add-to-cart,.reviewed-products .price-info button.add-to-cart{
  background:transparent !important;border:none !important;box-shadow:none !important;padding:6px !important;min-width:0 !important;flex:0 0 auto !important;}
.similar-products .price-info button.add-to-cart img,.reviewed-products .price-info button.add-to-cart img{filter:brightness(0) saturate(0) !important;opacity:.7 !important;}

/* ---- product benefit icons: theme-colored, larger, minimalist (pink badge) ---- */
.product-benefit__icon{width:56px !important;height:56px !important;border-radius:14px !important;background:#F3E1E1 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;}
.product-benefit__icon img,.product-benefit__icon svg{width:28px !important;height:28px !important;}
.product-benefit__icon svg path{stroke:#B98989 !important;}
.product-benefit__icon img{filter:brightness(0) saturate(0) !important;opacity:.5 !important;}

/* ================= BATCH N: services-page polish + premium motion + unified product cards ================= */

/* ---- 1. Breadcrumbs on the services page: same bg as .serices-section, seamless ---- */
main:has(.serices-section) .breadcrumbs{
  background:#F5EDED !important;margin-top:0 !important;padding-top:24px !important;padding-bottom:6px !important;
}
@media(max-width:550px){
  main:has(.serices-section) .breadcrumbs{padding-top:14px !important;}
}

/* ---- 2. Premium reveal motion site-wide (smooth ease-out, not linear/mechanical) ---- */
.animated.fadeInUp,.animated.fadeInDown,.animated.fadeInLeft,.animated.fadeInRight,
.animated.fadeIn,.animated.zoomIn{
  animation-timing-function:cubic-bezier(.22,1,.36,1) !important;
  animation-duration:1.05s !important;
}

/* ---- 3. .steps: gentle premium rise instead of the harsh full-width slide ---- */
@keyframes icRiseIn{from{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.serices-section .steps .step.animated,
.serices-section .steps .step.fadeInLeft{
  animation-name:icRiseIn !important;animation-duration:1s !important;
  animation-timing-function:cubic-bezier(.22,1,.36,1) !important;
}
.serices-section .steps .step{transition:transform .55s cubic-bezier(.22,1,.36,1) !important;}
.serices-section .steps .step:hover{transform:translateY(-6px) !important;}

/* ---- 4. profesional-services: "записатися" CTA to the right of the heading text ---- */
.profesional-services .holder .head{
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:48px !important;flex-wrap:wrap !important;
}
.profesional-services .holder .head .head-text{flex:1 1 540px !important;min-width:0 !important;}
.profesional-services .holder .head .head-text .title-1{margin-bottom:.375em !important;}
.profesional-services .holder .head .head-text .description{margin-bottom:0 !important;}
.profesional-services .holder .head .head-cta{flex:0 0 auto !important;}
.profesional-services .holder .head .head-cta .btn{white-space:nowrap !important;
  background:#7FA98C !important;border:1px solid #7FA98C !important;color:#fff !important;}
.profesional-services .holder .head .head-cta .btn:hover{background:#6E977B !important;border-color:#6E977B !important;}

/* ---- 5. compare desktop block: full width, starts at the left edge like the text ---- */
.profesional-services .holder .container{margin-left:0 !important;margin-right:0 !important;max-width:none !important;width:100% !important;}

/* ---- Softer, gentler premium hover MOVEMENT (less travel, no spring/snap) ---- */
.serices-section .steps .step,.advantages-services .item,
.online-consultation-home .services .item,.online-consultation-services .services .item,
.peptide-category-card,.home-blog .blog-post,.sell-home .product,.home-mounjaro__products .product,
.catalog-page .product-grid .product,.reviews-home .review-card,.home-trust__advantage,
.advantages-services .holder .item{
  transition:transform .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94) !important;
}
.serices-section .steps .step:hover,
.advantages-services .item:hover,.advantages-services .holder .item:hover,
.online-consultation-home .services .item:hover,.online-consultation-services .services .item:hover,
.peptide-category-card:hover,.home-blog .blog-post:hover,
.sell-home .product:hover,.home-mounjaro__products .product:hover,
.catalog-page .product-grid .product:hover,.reviews-home .review-card:hover,
.home-trust__advantage:hover{
  transform:translateY(-3px) !important;box-shadow:0 12px 34px rgba(26,26,26,.07) !important;
}

@media(max-width:767px){
  .profesional-services .holder .head{flex-direction:column !important;align-items:flex-start !important;gap:24px !important;}
  .profesional-services .holder .head .head-cta{width:100% !important;}
  .profesional-services .holder .head .head-cta .btn{width:100% !important;}
}

/* ---- 6. online-consultation: every word capitalised ---- */
.online-consultation-home .title-1,
.online-consultation-services .title-1,
.online-consultation-home .services .item .name h3,
.online-consultation-services .services .item .name h3{
  text-transform:capitalize !important;
}

/* ---- 7. Product cards on catalog/archive pages = homepage card (green "Купити") ---- */
.catalog-page .holder .container .product-grid .product .price-info{
  display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:nowrap !important;justify-content:flex-start !important;
}
.catalog-page .holder .container .product-grid .product .price-info .price{flex:0 0 auto !important;}
.catalog-page .holder .container .product-grid .product .home-top-buy{
  margin-left:auto !important;background:#7fa98c !important;color:#fff !important;font-family:"Inter",sans-serif !important;
  font-size:.7em !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:.04em !important;
  padding:.9em 1.4em !important;border:none !important;border-radius:10px !important;cursor:pointer !important;white-space:nowrap !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;text-decoration:none !important;line-height:1 !important;
  transition:background .25s ease,transform .45s cubic-bezier(.22,1,.36,1) !important;
}
.catalog-page .holder .container .product-grid .product .home-top-buy:hover{background:#6e977b !important;}
.catalog-page .holder .container .product-grid .product .price-info .add-to-cart{flex:0 0 auto !important;padding:6px !important;background:transparent !important;}
.catalog-page .holder .container .product-grid .product .price-info .add-to-cart img{filter:brightness(0) saturate(0) !important;opacity:.7 !important;}
@media(max-width:550px){
  .catalog-page .holder .container .product-grid .product .price-info{flex-wrap:wrap !important;}
  .catalog-page .holder .container .product-grid .product .home-top-buy{
    order:3 !important;width:100% !important;margin-left:0 !important;margin-top:4px !important;font-size:12px !important;padding:.8em 1em !important;
  }
  .catalog-page .holder .container .product-grid .product .price-info .price{order:1 !important;}
  .catalog-page .holder .container .product-grid .product .price-info .add-to-cart{order:2 !important;margin-left:auto !important;}
}

/* ================= BATCH O: mobile burger menu — fixed full-screen overlay ================= */
/* BUG: header nav was position:absolute relative to the (non-fixed) header, so once the page was
   scrolled the menu opened at document-top (top:-844px, off-screen) and looked like nothing happened.
   FIX: pin it to the viewport (fixed), raise z-index above floating buttons, lock body scroll,
   enlarge the burger tap-area + close button. */
@media (max-width: 767px) {
  header nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 99999 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    background: #fff !important;
  }
  header nav.active,
  header.active nav {
    animation: icMenuIn .42s cubic-bezier(.22, 1, .36, 1) both !important;
  }
  @keyframes icMenuIn {
    from { opacity: 0; transform: translateX(-16px); }
    to   { opacity: 1; transform: translateX(0); }
  }
  /* lock the page behind the open menu */
  body:has(header.active) { overflow: hidden !important; }

  /* premium pink-dark burger + enlarged tap-area */
  header .upper .dimon-menu .burger {
    border: 13px solid transparent !important;
    box-sizing: content-box !important;
    margin: -13px 2px -13px -10px !important;
    width: 28px !important;
  }
  header .burger:not(.active),
  header .burger:before,
  header .burger:after {
    width: 28px !important;
    height: 3px !important;
    background: #8B3A3A !important;
    border-radius: 4px !important;
  }
  /* keep the tap-area border transparent: don't let the bar bg bleed under it */
  header .upper .dimon-menu .burger { background-clip: content-box !important; }
  header .burger:before, header .burger:after { background-clip: border-box !important; }
  header .burger:before { bottom: 8px !important; }
  header .burger:after  { top: 8px !important; }

  /* bigger, clearly tappable close button */
  header nav .menu .close-menu {
    width: 44px !important;
    height: 44px !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 4 !important;
  }
  header nav .menu .close-menu svg,
  header nav .menu .close-menu img { width: 24px !important; height: 24px !important; }

  /* ---- adaptive: kill stray horizontal scroll (reviews swiper slides ran off-screen) ---- */
  html, body { overflow-x: clip; max-width: 100%; }
  .reviews-home, .reviews-home .holder, .reviews-home .swiper { overflow: hidden !important; }
}
/* class-based fallback for header icon color: attribute selector [src$="favorite.svg"] etc. stops matching once Seraphinite inlines these as base64 data URIs, leaving the white-stroke SVG invisible on light header backgrounds for anonymous/cached visitors */
header img.header-mono-icon{filter:brightness(0) saturate(0);opacity:.8}
/* blog readability pass: wider line-length hurts scanning at 900px/16px, headings had no
   visual weight to anchor skimming, tables were smaller than body text despite carrying
   dosage/safety data. Overrides below win on selector-order since specificity ties the
   base .content rules further up this file. */
/* the site's scroll-reveal JS (.g-reveal / is-visible) can fail to fire on this section since
   it's a single very tall element already intersecting the viewport at load — when it fails,
   the entire article body sits at opacity:0, i.e. completely invisible to the reader. Article
   text is not a decorative candidate for a scroll-in effect; force it visible unconditionally. */
.single-post-section .holder .post.g-reveal {
  opacity: 1 !important;
  transform: none !important;
}
.single-post-section .holder .post .content p,
.single-post-section .holder .post .content li,
.single-post-section .holder .post .content > span {
  font-size: 17px;
  line-height: 165%;
}
.single-post-section .holder .post .content p {
  margin-bottom: 24px;
}
@media (max-width: 550px) {
  .single-post-section .holder .post .content p,
  .single-post-section .holder .post .content li {
    font-size: 16px;
    line-height: 155%;
  }
}
.single-post-section .holder .post .content table,
.single-post-section .holder .post .content th,
.single-post-section .holder .post .content td {
  font-size: 16px;
  line-height: 150%;
}
.single-post-section .holder .post .content h1,
.single-post-section .holder .post .content h2,
.single-post-section .holder .post .content h3,
.single-post-section .holder .post .content h4 {
  /* more space above than below: reads as "belongs with the text under it",
     not floating equidistant between the previous section and its own copy */
  margin-top: 56px;
  margin-bottom: 14px;
}
.single-post-section .holder .post .content > h1:first-child,
.single-post-section .holder .post .content > h2:first-child,
.single-post-section .holder .post .content > h3:first-child,
.single-post-section .holder .post .content > p:first-child {
  margin-top: 0;
}
.single-post-section .holder .post .content .blog-inline-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 22px;
}
.single-post-section .holder .post .content .blog-inline-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 9px;
  border-radius: 50%;
  background: #FBEFEF;
  box-sizing: border-box;
  flex-shrink: 0;
}
.single-post-section .holder .post .content > img,
.single-post-section .holder .post .content p > img {
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(26,26,26,0.1);
  margin: 8px 0 32px;
  max-height: 480px;
  object-fit: cover;
}
@media (max-width: 550px) {
  .single-post-section .holder .post .content > img,
.single-post-section .holder .post .content p > img {
    max-height: 280px;
  }
}
@media (max-width: 550px) {
  .single-post-section .holder .post .content .blog-inline-heading {
    font-size: 19px;
    gap: 10px;
  }
  .single-post-section .holder .post .content .blog-inline-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 7px;
  }
  .single-post-section .holder .post .content h1,
  .single-post-section .holder .post .content h2,
  .single-post-section .holder .post .content h3,
  .single-post-section .holder .post .content h4 {
    margin-top: 36px;
  }
}
.single-post-section .holder .post {
  max-width: none;
}
/* subtitle/lede line under the post H1, sourced from the post excerpt (single.php now
   echoes get_the_excerpt() there) — previously no post anywhere on the site showed any
   description text near its own title, only in the "read also" cards for OTHER posts. */
.single-post-section .holder .post .content .post-lede {
  color: #6d6d6d;
  font-size: 18px;
  line-height: 155%;
  text-align: center;
  max-width: 780px;
  margin: 0 auto 32px;
}
@media (max-width: 550px) {
  .single-post-section .holder .post .content .post-lede {
    font-size: 16px;
    margin-bottom: 24px;
  }
}
/* likes/views/date meta row: was two bare gray outline icons floating with no visual
   weight, disconnected from the date on the right. Give each stat a soft pill so it
   reads as a stat, not stray clutter, and separate the whole row from the title below. */
.single-post-section .holder .post .info {
  padding-bottom: 18px;
  margin-bottom: 8px;
  border-bottom: 1px solid #F3E7E4;
}
.single-post-section .holder .post .info .left {
  gap: 10px;
}
.single-post-section .holder .post .info .details {
  background: #FBEFEF;
  padding: 7px 14px 7px 12px;
  border-radius: 20px;
  gap: 7px;
}
.single-post-section .holder .post .info .details .icon svg path {
  stroke: #B98989;
}
.single-post-section .holder .post .info .details .count {
  color: #1A1A1A;
  font-weight: 600;
}
.single-post-section .holder .post .info .right {
  color: #A8A8A8;
  font-size: 14px;
  letter-spacing: 0.02em;
}
@media (max-width: 550px) {
  .single-post-section .holder .post .info .details {
    padding: 6px 12px 6px 10px;
  }
}