.alert-block {
    right: 1rem;
    top: 1rem;
    left: 1rem;
}

@media(min-width:576px) {
    .alert-block {
        right: 1.5rem;
        top: 1.5rem;
        left: auto;
    }
}

.ds-alert {
    background: var(--ds-white-color);
    box-shadow: 0px 4px 40px 0px rgba(37, 38, 39, 0.22);
    padding: 1.5rem;
    overflow: hidden;
    border: var(--ds-main-border)
}

.ds-alert .purchase-success {
    display: none !important;
}

.ds-alert-text {
    font-size: 12px;
}

@media(min-width:1200px) {
    .ds-alert-text {
        font-size: 14px;
    }
}

@media(min-width:576px) {
    .ds-alert {
        width: 370px;
    }
}

.ds-alert-text a {
    color: var(--ds-links-color);
    text-decoration: underline
}

.ds-alert-text a:hover {
    text-decoration: none
}

.alert-text-item + .alert-text-item {
    margin-top: .5rem
}

.ds-alert [data-bs-dismiss=modal] {
    display: none !important
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes pulsation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        opacity: .5
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes pulsation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        opacity: .5
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes iconOpacity {
    0%,
    100% {
        opacity: 0
    }
    40%,
    80% {
        opacity: .96
    }
    60% {
        opacity: 1
    }
}

@keyframes iconOpacity {
    0%,
    100% {
        opacity: 0
    }
    40%,
    80% {
        opacity: .96
    }
    60% {
        opacity: 1
    }
}

#ds_fixed_contact_button {
    background: var(--ds-primary-color);
    position: fixed;
    right: 15px;
    bottom: 26px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    cursor: pointer;
    z-index: 1020
}

#ds_fixed_contact_button.clicked {
    z-index: 1041
}

#ds_fixed_contact_substrate {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 0;
    display: none
}

#ds_fixed_contact_substrate.active {
    z-index: 1020;
    display: block
}

.ds-fixed-contact-pulsation {
    background: var(--ds-primary-color);
    width: 80px;
    height: 80px;
    border-radius: 50px;
    position: absolute;
    left: -15px;
    top: -15px;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: 2s infinite pulsation;
    animation: 2s infinite pulsation;
    display: none;
}

@media(min-width:420px) {
    #ds_fixed_contact_button {
        right: 30px;
        width: 70px;
        height: 70px
    }
    .ds-fixed-contact-pulsation {
        width: 100px;
        height: 100px
    }
}

.ds-fixed-contact-icon {
    color: var(--ds-white-color);
    width: 100%;
    font-size: 20px;
    overflow: hidden;
    display: none;
}

.ds-fixed-contact-icon .fa-envelope {
    -webkit-animation: 3s infinite iconOpacity;
    animation: 3s infinite iconOpacity;
    width: 20px;
    height: 20px
}

@media(min-width:420px) {
    .ds-fixed-contact-icon {
        font-size: 28px
    }
    .ds-fixed-contact-icon .fa-envelope {
        width: 28px;
        height: 28px
    }
}

.ds-fixed-contact-text {
    font-size: 7px;
    text-transform: uppercase;
    line-height: 9px;
    color: var(--ds-white-color)
}

.ds-fixed-contact-dropdown {
    position: absolute;
    bottom: 60px;
    right: 36px;
    padding: 20px;
    border-radius: 6px;
    background: var(--ds-white-color);
    display: block;
    opacity: 0;
    z-index: -1;
    transform: translateY(20px);
    -webkit-transition: transform .3s, opacity .3s;
    -o-transition: transform.3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-box-shadow: 5px 12px 30px rgba(0, 0, 0, .35);
    box-shadow: 5px 12px 30px rgba(0, 0, 0, .35);
    visibility: hidden;
    min-width: 250px;
    will-change: transform, opacity;
}

@media(min-width:420px) {
    .ds-fixed-contact-text {
        font-size: 8px;
        line-height: 10px
    }
    .ds-fixed-contact-dropdown {
        right: 60px
    }
}

.ds-fixed-contact-dropdown.expanded {
    transform: translateY(0);
    opacity: .98;
    z-index: 1;
    visibility: visible
}

.ds-fixed-contact-item {
    color: var(--ds-dark-text-color);
    transition: color var(--ds-main-transition);
}

.ds-fixed-contact-item:not(:last-child) {
    margin-bottom: 18px
}

.ds-fixed-contact-item:hover {
    color: var(--ds-links-color)
}

.ds-fixed-contact-item > * {
    pointer-events: none;
}

.ds-fixed-contact-item-icon {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    max-width: 36px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin-right: 10px;
    color: var(--ds-white-color)
}

.ds-fixed-contact-item-icon svg {
    width: 20px !important;
    height: 20px
}

.ds-fixed-contact-messenger {
    background: #0084ff
}

.ds-fixed-contact-viber {
    background: #7c529d
}

.ds-fixed-contact-telegram {
    background: #2ca5e0
}

.ds-fixed-contact-skype {
    background: #31c4ed
}

.ds-fixed-contact-whatsapp {
    background: #25d366
}

.ds-fixed-contact-email {
    background: #50a8ff
}

.ds-fixed-contact-call {
    background: #3cba8b
}

.ds-fixed-contact-contacts {
    background: #e6a83a
}

@media(max-width:991px) {
    .ds-fixed-contact-viber-desktop {
        display: none !important
    }
}

@media(min-width:768px) {
    #ds_fixed_contact_button {
        bottom: 30px
    }
}

.popover {
    font-family: Ubuntu, sans-serif;
    border-color: transparent;
    border-radius: .5rem;
    box-shadow: var(--ds-medium-shadow);
    background-color: var(--ds-white-color);
    color: var(--ds-dark-text-color)
}

.popover-arrow::after {
    border-top-color: var(--ds-white-color) !important;
}

@media(min-width:360px) {
    .popover {
        min-width: 260px
    }
}

@media(max-width:991px) {
    #ds_fixed_contact_button {
        max-width: 0;
    }
}

@media(min-width:992px) {
    .popover {
        z-index: 19999
    }

    .ds-fixed-contact-pulsation {
        display: block;
    }

    .ds-fixed-contact-icon {
        display: flex;
    }
}

.popover-arrow:before {
    border-color: transparent !important
}

.popover-header {
    border-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    font-weight: 600;
    font-size: 1.075rem;
    padding: 1rem 1rem .5rem;
    color: var(--ds-dark-text-color);
}

.popover-header:before {
    border-color: transparent !important
}

.popover-body {
    padding: 0 1rem 1rem;
    font-size: .875rem;
    color: var(--ds-secondary-text-color);
}

.popover-body p+p {
    margin-top: 1rem
}

.popover-body ul {
    padding: 1rem 0 1rem .75rem
}
.ds-loader {
    width: 8px;
    height: 40px;
    border-radius: 4px;
    display: block;
    margin: 20px auto;
    position: relative;
    background: currentColor;
    color: var(--ds-primary-color);
    opacity: 0.7;
    box-sizing: border-box;
    animation: animloader 0.3s 0.3s linear infinite alternate;
  }
  
  .ds-loader::after, .ds-loader::before {
    content: '';
    width: 8px;
    height: 40px;
    border-radius: 4px;
    background: currentColor;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    box-sizing: border-box;
    animation: animloader 0.3s  0.45s  linear infinite alternate;
  }
  .ds-loader::before {
    left: -20px;
    animation-delay: 0s;
  }
  
  @keyframes animloader {
    0%   { height: 48px} 
    100% { height: 4px}
  }

.ds-loader-overlay {
    position: fixed;
    z-index: 19999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@keyframes loaderMove {
    0% {
        transform: translateX(-40%);
    }
    50% {
        transform: translateX(20%);
        width: 80%;
    }
    100% {
        transform: translateX(100%);
        width: 100%;
    }
}

.ds-livesearch {
    top: 46px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 12300;
    background: var(--ds-light-bg-color);
    gap: .5rem;
    -webkit-box-shadow: 0 2px 24px 0 rgba(37,38,39,.08);
    box-shadow: 0 2px 24px 0 rgba(37,38,39,.08);
    overflow: hidden;
    overflow-y: auto;
    position: fixed;
    max-height: 0;
}

@media (min-width: 768px) {
    .ds-livesearch {
        z-index: 13300;
    }
}

.ds-livesearch.expanded {
    max-height: unset;
}

.ds-livesearch .ds-livesearch-categories-item {
    flex: 1 0 30%;
    max-width: 30%
}

.ds-livesearch .ds-livesearch-categories-item img {
    max-width: 100%;
    height: auto
}

.ds-livesearch .ds-subcategories-title {
    hyphens: auto;
}

.ds-livesearch-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
}

@media (min-width: 568px) {
    .ds-livesearch .ds-livesearch-categories-item {
        flex: 1 0 50%;
        max-width: 50%
    }
}

@media (min-width: 768px) {
    .ds-last-reviews-item {
        width:50%
    }

    .ds-livesearch {
        top: calc(100% + .325rem);
        max-height: 0;
        left: 1rem;
        right: 0;
        border-radius: 7px;
        position: absolute;
        bottom: auto;
    }

    .ds-livesearch.expanded {
        max-height: calc(100vh - 5rem)
    }

    .ds-livesearch .ds-livesearch-categories-item {
        flex: 1 0 25%;
        max-width: 25%
    }
}

.ds-livesearch-item {
    background: var(--ds-white-color);
    gap: 1rem
}

.ds-livesearch-item-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    border-right: var(--ds-main-border)
}

.ds-livesearch-item-img img {
    margin-bottom: 1rem
}

.ds-livesearch-item-sticker {
    background: var(--ds-green-color);
    color: var(--ds-white-color);
    text-align: center;
    border-radius: 4.0625rem;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.ds-livesearch-item-sticker.red-bg {
    background: var(--ds-red-color)
}

.ds-livesearch-item-title {
    line-height: 1
}

.ds-livesearch-item-title:hover {
    color: var(--ds-links-color)
}

.ds-livesearch-item .ds-price-new {
    line-height: 1
}

@media (max-width: 567.98px) {
    .ds-livesearch-items-box {
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }
}

.modal {
    z-index: 14505
}

.modal-open {
    overflow: hidden
}

.modal-backdrop {
    background: var(--ds-popup-backdrop-bg);
    opacity: 1;
    z-index: 12500;
    --bs-backdrop-opacity: 1
}

/* Header mega-menu uses an extreme z-index; keep it under the overlay while a modal is open. */
body.modal-open .ds-header,
body.ds-credit-modal-open .ds-header,
body.ds-cart-added-open .ds-header {
    z-index: 1020 !important;
}

.ds-cart-added-overlay {
    position: fixed;
    inset: 0;
    z-index: 2147483646;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow: hidden;
    background: var(--ds-popup-backdrop-bg, rgba(0, 0, 0, 0.45));
}

.ds-cart-added-overlay.is-open {
    display: flex;
}

.modal-dialog.wide {
    --bs-modal-width: 860px
}

.modal-content {
    padding: 1.5rem;
    border: 0;
    background-color: var(--ds-white-color);
    -webkit-box-shadow: var(--ds-dark-shadow);
    box-shadow: var(--ds-dark-shadow)
}

.modal-header {
    border: 0;
    border-bottom: var(--ds-main-border)
}

.modal-header .btn-close {
    border-radius: .625rem;
    background-color: var(--ds-popup-close-btn-bg);
    --bs-btn-close-bg: none;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.5rem;
    flex: 0 0 2.5rem;
    display: grid;
    place-items: center;
    padding: 0;
    opacity: 1
}

.modal-header .btn-close svg path {
    fill: var(--ds-secondary-dark-color)
}

.modal-title {
    line-height: 1.2
}

.modal-body {
    padding: 0;
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-body .ds-buy-one-click {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.modal-body .ds-buy-one-click>:first-child {
    margin-bottom: .5rem
}

.modal-body .ds-buy-one-click .form-control {
    font-size: .75rem;
}

@media (min-width: 576px) {
    .modal-body .ds-buy-one-click .form-control {
        min-width: 200px;
    }
}

.modal-body .ds-buy-one-click .form-control::-webkit-input-placeholder {
    font-size: .75rem
}

.modal-body .ds-buy-one-click .form-control::-moz-placeholder {
    font-size: .75rem
}

.modal-body .ds-buy-one-click .form-control:-ms-input-placeholder {
    font-size: .75rem
}

.modal-body .ds-buy-one-click .form-control::-ms-input-placeholder {
    font-size: .75rem
}

.modal-body .ds-buy-one-click .form-control::placeholder {
    font-size: .75rem
}

@media (max-width: 767.98px) {
    #error_minimum {
        font-size: .875rem
    }
}

.modal-body-cart .ds-buy-one-click {
    border-top: 0
}

.modal-body-cart .ds-buy-one-click>:first-child {
    display: none
}

.modal-body .ds-cart-item {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
}

.modal-body-cart .ds-cart-recommended-products {
    overflow-x: auto;
}

.modal-body-cart .ds-cart-recommended-products-item {
    flex: 0 0 80%;
    max-width: 80%;
}

@media(min-width: 768px) {
    .modal-body-cart .ds-cart-recommended-products-item {
        flex: 0 0 330px;
        max-width: 330px;
    }
}

.modal-body-cart .ds-cart-recommended-products .content-block {
    transition: border var(--ds-main-transition);
}

.modal-body-cart .ds-cart-recommended-products .content-block:hover {
    box-shadow: none;
    border-color: var(--ds-form-control-focus-color);
}

.modal-body-buttons {
    border-top: var(--ds-main-border)
}

@media (max-width: 575.98px) {
    .modal-body-buttons .button-primary {
        width:100%
    }
}

.modal-body-form>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 3rem);
    flex: 0 0 calc(50% - 3rem)
}

.modal-body-product-img-box {
    flex: 0 0 320px;
    min-width: 320px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA&data-fill-color=12345");
    padding: 0;
    margin: 0 auto;
}

.modal-body-product-panel {
    border: var(--ds-main-border);
    flex: 0 0 12233px
}

.modal-body-product-img img {
    width: 100px;
    -o-object-fit: fill;
    object-fit: fill;
    border-radius: .25rem;
    max-width: 100%;
    aspect-ratio: 1/1;
    height: auto
}

@media (min-width: 360px) {
    .modal-body-product-img {
        width:158px;
        height: 158px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 158px;
        flex: 0 0 158px
    }

    .modal-body-product-img img {
        width: 150px
    }
}

.modal-body-product-title {
    line-height: 1.2
}

.modal-body-product-info .ds-module-rating-star {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer
}

.modal-body-product-info .ds-module-rating-star+.ds-module-rating-star {
    margin-left: .75rem
}

.modal-body-product .ds-product-options {
    border-bottom: 0
}

.modal-body-quick-view {
    background-color: var(--ds-light-bg-color)
}

.modal-body-quick-view .ds-product-main-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-body-quick-view .ds-product-main-buttons .button-outline {
    margin-top: 1rem;
    margin-left: 0
}

@media (min-width: 768px) {
    .modal-body-product {
        border-right:var(--ds-main-border)
    }

    .modal-body .ds-product-images {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(52% - 1rem);
        flex: 0 0 calc(52% - 1rem);
        max-width: calc(52% - 1rem)
    }
}

.modal-body .ds-product-main-content {
    border-top: var(--ds-main-border)
}

.modal-body-popup-text>:not(:first-child) {
    margin-top: 1rem
}

.modal-body-popup-text ol,.modal-body-popup-text ul {
    padding-left: 1rem
}

.modal-small-text {
    line-height: 1.2
}

#popup_review_form .modal-body-product-img {
    width: 88px;
    height: 88px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 88px;
    flex: 0 0 88px
}

#popup_review_form .modal-body-product-img img {
    -o-object-fit: fill;
    object-fit: fill;
    border-radius: .25rem;
    width: 80px;
    max-width: 100%;
    aspect-ratio: 1/1;
    height: auto
}

@media (min-width: 360px) {
    #popup_review_form .modal-body-product-img {
        width:120px;
        height: 120px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px
    }

    #popup_review_form .modal-body-product-img img {
        width: 112px
    }
}

@media (max-width: 359.98px) {
    .modal-header .modal-title {
        font-size:1.25rem!important
    }

    #quickViewModal .ds-product-main-cart {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #quickViewModal .ds-product-main-cart .ds-module-quantity {
        margin-right: 0!important;
        margin-bottom: 1rem
    }
}

@media (min-width: 992px) {
    #quickViewModal .ds-product-main {
        -webkit-box-flex:0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%
    }
}

#quickViewModal .ds-product-images-main {
    height: auto
}

#quickViewModal .ds-product-images-main img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto
}

[data-bs-dismiss=modal] {
    text-decoration: none
}

@media (min-width: 360px) {
    #productOptionModal .modal-body-product-img {
        width:128px;
        height: 128px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 128px;
        flex: 0 0 128px
    }

    #productOptionModal .modal-body-product-img img {
        width: 120px
    }
}

#cartModal .modal-dialog {
    --bs-modal-width: 720px
}

@media (max-width: 767.98px) {
    .empty-popup-cart .button-primary {
        width:100%
    }
}

#loginTabs {
    border-bottom: 0;
}

#loginTabs .nav-link {
    margin-bottom: 0;
    background-color: #fdfdfd;
    border: var(--ds-main-border);
    border-radius: 0.25rem;
    padding: .5rem 1rem;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    cursor: pointer;
    line-height: 1;
    transition: background-color var(--ds-main-transition), color var(--ds-main-transition), border var(--ds-main-transition);
    font-size: .75rem;
    color: var(--ds-light-text-color);
}

@media (min-width: 1200px) {
    #loginTabs .nav-link {
        padding: .75rem 1.5rem;
        font-size: .875rem;
    }
}

#loginTabs .nav-item + .nav-item {
    margin-left: 0.5rem;
}

#loginTabs .nav-link.active {
    color: var(--ds-primary-color);
    box-shadow: var(--ds-light-shadow);
    font-weight: 700;
    color: var(--ds-dark-text-color);
    background-color: var(--ds-white-color);
}

#loginTabs .nav-link.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--ds-primary-color);
}

#otp-form-code .otp-code-block {
    background: var(--ds-light-bg-color);
}

.ds-account-column-nav li {
    padding: 0;
    font-size: inherit
}

.ds-account-column-nav li:not(:last-child) {
    border-bottom: var(--ds-main-border)
}

.ds-account-column-nav .ds-column-categories-children.ds-categories-2 li {
    padding: 1rem!important;
    border-bottom: 0;
    border-top: var(--ds-main-border)
}

.ds-account-column-nav-item {
    line-height: 1;
    white-space: nowrap;
    padding: .75rem 1rem;
    -webkit-transition: background-color var(--ds-main-transition);
    transition: background-color var(--ds-main-transition)
}

.ds-account-column-nav-item:hover {
    background-color: #fbfbfb
}

.ds-account-column-nav-item:hover .ds-account-column-nav-item-text {
    text-decoration: underline
}

.ds-account-column-nav-item-icon {
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    margin-right: .75rem;
    background-color: var(--ds-light-bg-color)
}

.ds-account-column-nav-item-icon svg path {
    fill: var(--ds-dark-text-color)
}

.ds-account .content-block:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ds-account-login-button {
    min-width: 160px
}

@media (max-width: 575.98px) {
    .ds-account-login-button {
        width:100%
    }
}

.ds-account-wishlist-info {
    border-left: var(--ds-main-border)
}

.ds-account-wishlist-title {
    line-height: 1.2
}

.ds-account-wishlist-title:hover {
    color: var(--ds-links-color);
    text-decoration: underline
}

.ds-account-wishlist .no-btn {
    top: 1rem;
    right: 1rem;
    width: 14px;
    height: 14px;
    display: grid;
    place-items: center
}

.ds-account-wishlist .no-btn svg {
    width: 12px;
    height: 12px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 767.98px) {

    .ds-account table td {
        white-space: nowrap
    }
}

@keyframes autofill {
    to {
        color: inherit;
        background: transparent;
    }
}

@keyframes fadeInColumn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes rotateIcon {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.fadeInColumn {
    animation-name: fadeInColumn;
    animation-duration: 0.8s;
}

.oct-animated svg {
    animation: rotateIcon 0.5s ease-in-out infinite;
}

.error_style {
    background-color: var(--ds-error-bg-color)!important;
    border: 1px solid #fe4d97!important;
    -webkit-transition: background-color var(--ds-main-transition),border var(--ds-main-transition);
    transition: background-color var(--ds-main-transition),border var(--ds-main-transition)
}

.error_style+label {
    color: var(--ds-red-color)!important
}

.error_style::-webkit-input-placeholder {
    color: var(--ds-red-color)!important
}

.error_style::-moz-placeholder {
    color: var(--ds-red-color)!important
}

.error_style:-ms-input-placeholder {
    color: var(--ds-red-color)!important
}

.error_style::-ms-input-placeholder {
    color: var(--ds-red-color)!important
}

.error_style::placeholder {
    color: var(--ds-red-color)!important
}

.tooltip {
    z-index: 19999;
}

.ds-switcher button {
    background: 0 0;
    border: none;
    text-decoration: underline;
    color: var(--ds-links-color);
    font-size: .875rem;
    font-weight: 400;
    padding-left: 0;
    padding-right: 0
}

.ds-switcher button.active {
    color: var(--ds-primary-dark-color);
    text-decoration: none;
    background: var(--ds-primary-light-color);
    font-size: 1rem;
    font-weight: 700;
    padding: .25rem .5rem;
    cursor: default;
    pointer-events: none;
    border: var(--ds-main-border)
}

.ds-switcher button+button {
    margin-left: .5rem
}

.ds-switcher button.language-select {
    text-transform: uppercase
}

.ds-switcher button:hover {
    text-decoration: none
}

.pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0!important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    gap: 1rem;
    padding: 1rem 0
}

.pagination li a,.pagination li span {
    display: block;
    line-height: 1rem;
    padding: .5rem .75rem;
    border-radius: 7px;
    color: var(--ds-light-text-color);
    -webkit-transition: background var(--ds-main-transition),color var(--ds-main-transition);
    transition: background var(--ds-main-transition),color var(--ds-main-transition);
    text-decoration: none;
    will-change: background, color;
}

.pagination li.active span,.pagination li:hover a {
    color: var(--ds-white-color);
    background: var(--ds-primary-color)
}

.table {
    margin-bottom: 0;
    border-left: var(--ds-main-border);
    border-right: var(--ds-main-border);
    border-color: var(--ds-border-color);
    font-weight: 400
}

.table>:not(:first-child) {
    border-top: var(--ds-main-border)
}

.table .thead-dark th {
    background-color: var(--ds-light-bg-color);
    border-top: var(--ds-main-border);
    color: var(--ds-dark-text-color)
}

.table tbody {
    font-size: 14px;
    color: var(--ds-secondary-text-color)
}

.table td {
    border-color: var(--ds-border-color)
}

.table td,.table th {
    vertical-align: top
}

.table tbody tr:first-child td {
    border-top: 0
}

.table td a {
    color: var(--ds-links-color);
    text-decoration: underline
}

.table td a:hover {
    text-decoration: none
}

.table thead {
    border-left: var(--ds-main-border);
    border-right: var(--ds-main-border)
}

.table thead th {
    font-size: 1rem;
    line-height: 20px;
    padding: .75rem 1rem;
    vertical-align: middle;
    font-weight: 700;
    color: var(--ds-dark-text-color);
    background-color: var(--ds-primary-light-color);
    border: 0;
    border-bottom: var(--ds-main-border)
}

.table tbody tr:hover>* {
    --bs-table-bg-state: #FDFDFD
}

.table a:has(.img-thumbnail) {
    width: 100px;
}

.ds-theme-switcher {
    background-color: var(--ds-light-bg-color)
}

.ds-theme-switcher-btn {
    display: grid;
    place-items: center;
    padding-left: .75rem;
    padding-right: .75rem;
    cursor: pointer
}

.ds-theme-switcher-btn.active {
    background-color: var(--ds-white-color);
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.08)
}

.ds-theme-switcher-btn.light svg path {
    fill: var(--ds-yellow-color)
}

.ds-blog-search-button {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.75rem
}

.ds-blog-search-button svg path {
    -webkit-transition: fill var(--ds-main-transition);
    transition: fill var(--ds-main-transition)
}

.ds-blog-search-button:focus:not([disabled]),.ds-blog-search-button:hover {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.ds-blog-search-button:focus:not([disabled]) svg path,.ds-blog-search-button:hover svg path {
    fill: var(--ds-primary-color)
}

.ds-blog-post-gallery,.ds-blog-post-text {
    border-bottom: var(--ds-main-border)
}

.ds-blog-post-gallery-items {
    gap: .5rem
}

.ds-blog-post-gallery-item {
    display: grid;
    place-items: center;
    border: var(--ds-main-border);
    width: 92px;
    height: 92px
}

.ds-blog-post-gallery-item img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/1
}

.ds-blog-post-info {
    border-bottom: var(--ds-main-border);
    gap: 1rem
}

.ds-blog-post-comments {
    border-top: var(--ds-main-border)
}

@media (max-width: 575.98px) {
    .ds-blog-post .button-primary {
        width:100%
    }
}

#article-comments .ds-product-reviews-item-content {
    border-bottom: 0;
    padding-bottom: 0!important
}

.ds-empty-reviews svg path {
    fill: var(--ds-border-color);
}

#oct-infobar.hidden {
	opacity: 0;
	display: none;
}

.progress-bar {
    background-color: var(--ds-primary-color);
}

.product-payment-types {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .625rem;
}

.product-payment-types__item {
    display: flex;
    align-items: center;
    gap: .625rem;
    min-height: 3rem;
}

.product-payment-types__item p {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.35;
}

.product-payment-types__icon {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    flex: 0 0 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .9375rem;
    color: var(--ds-white-color);
}

.product-payment-types__icon--cash {
    background-color: #3ea66b;
}

.product-payment-types__icon--online {
    background-color: #0074d9;
}

.product-payment-types__icon--card {
    background-color: #6f42c1;
}

.product-payment-types__icon--cod {
    background-color: #f07c00;
}

.product-payment-types__icon--invoice {
    background-color: #198754;
}

.product-payment-types__icon--details {
    background-color: #0d6efd;
}

.product-payment-types__icon--crypto {
    background-color: #f59f00;
}

.ds-product-advantages-payments{
    display: none!important;
}

.ds-product-advantages-item-text .fsz-12,
.ds-product-advantages-item-text-price .fsz-12 {
    font-size: .875rem !important;
    line-height: 1.35;
}

.ds-product-shipping-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "method price"
        "eta price";
    align-items: center;
    column-gap: .5rem;
    row-gap: .125rem;
}

.ds-product-shipping-method {
    grid-area: method;
    min-width: 0;
}

.ds-product-shipping-eta {
    grid-area: eta;
    padding-left: 1.75rem;
    line-height: 1.35;
}

.ds-product-shipping-row .ds-product-advantages-item-text-price {
    grid-area: price;
    align-self: center;
}

@media (min-width: 992px) {
    .ds-product-shipping-row {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1.35fr) minmax(0, 1.35fr);
        grid-template-areas: "method eta price";
        column-gap: 1rem;
        row-gap: 0;
    }

    .ds-product-shipping-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ds-product-shipping-eta {
        padding-left: 0;
        justify-self: start;
        align-self: center;
        text-align: left;
        white-space: nowrap;
    }

    .ds-product-shipping-row .ds-product-advantages-item-text-price {
        width: 100%;
        justify-content: flex-end;
    }
}

.ds-product-advantages .fsz-12 {
    color: #000;
    font-size: .875rem !important;
}

.btn-paypage {
    margin-top: .75rem;
}

.btn-paypage a {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    font-size: .8125rem;
    line-height: 1.35;
    font-weight: 500;
    color: var(--ds-primary-color);
    text-decoration: underline;
    text-underline-offset: .14em;
    transition: color var(--ds-main-transition),text-decoration-color var(--ds-main-transition);
}

.btn-paypage a::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .75rem;
}

.btn-paypage a:hover,
.btn-paypage a:focus {
    color: var(--ds-dark-text-color);
    text-decoration-color: var(--ds-dark-text-color);
}

.ds-product-main-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: .75rem;
    position: relative;
    width: 100%;
}

.ds-product-main-buttons > * {
    min-width: 0;
}

.ds-product-main-buttons-tools {
    position: absolute;
    top: -1.9rem;
    right: 0rem;
    z-index: 2;
    padding-top: 10px;
    padding-right: 0px;
}

.ds-product-main-buttons-tools .ds-product-main-wishlist-compare {
    margin-left: 0;
}

.ds-product-main-buttons .ds-product-main-cart {
    flex: 1 1 160px;
    min-width: 0;
    max-width: 100%;
    align-items: stretch;
    justify-content: flex-start;
}

.ds-product-main-cart-button,
.ds-product-credit-button,
.ds-product-main-secondary-action {
    min-height: 52px;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.ds-product-main-cart-button {
    flex: 1 1 140px;
    width: auto;
    max-width: 100%;
}

.ds-product-credit-button,
.ds-product-main-secondary-action {
    flex: 0 1 120px;
    padding-left: 1rem;
    padding-right: 1rem;
}

.ds-product-action-fixed {
    flex: 1 1 140px;
    width: auto;
    max-width: 100%;
    min-width: 0;
}

.ds-product-main .ds-price-new,
.ds-product-main .ds-price-old,
.ds-product-main .ds-product-price-discount {
    font-family: Arial, Helvetica, sans-serif;
}

.ds-product-main .ds-price-new,
.ds-product-main .ds-price-old {
    letter-spacing: -0.02em;
}

.ds-product-main-price .ds-price-new {
    color: var(--ds-red-color) !important;
}

.ds-product-main-price .ds-price-old {
    color: var(--ds-dark-text-color) !important;
    text-decoration: line-through;
}

.ds-price-currency {
    font-size: .55em;
    line-height: 1;
    position: relative;
    top: -.55em;
    margin-left: .1em;
}

.ds-product-main-wishlist-compare {
    gap: .25rem;
    margin-left: auto;
    align-items: stretch !important;
}

.ds-product-main-wishlist-compare .button {
    min-width: 34px;
    min-height: 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 8px !important;
}

.ds-product-main-wishlist-compare .button.added {
    background: var(--ds-primary-color);
}

.ds-product-main-wishlist-compare .button.added svg path {
    fill: #fff;
}

.ds-breadcrumb {
    padding: 7px 0 0px 0;
    gap: .15rem;
    line-height: 1.1;
}

.ds-breadcrumb .ds-breadcrumb-item {
    padding: 0;
    font-size: .65rem;
}

.ds-breadcrumb .ds-breadcrumb-item + .ds-breadcrumb-item {
    padding-left: .35rem;
}

.ds-breadcrumb .ds-breadcrumb-item + .ds-breadcrumb-item::before {
    padding-right: .25rem;
}

.ds-product-price-actions-row {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1200px) {
    .ds-product-tabs .ds-product-tabs-layout {
        gap: 1rem !important;
    }

    .ds-product-tabs .ds-product-tabs-layout > #oct-tabs {
        flex: 0 0 42%;
        max-width: 42%;
        min-width: 0;
    }

    .ds-product-tabs .ds-product-tabs-layout > .ds-product-top-right {
        flex: 0 0 58%;
        max-width: 58%;
        min-width: 0;
    }

    .ds-product-price-actions-row {
        flex-direction: row;
        align-items: center;
        gap: .5rem;
    }

    .ds-product-price-actions-row > .ds-product-main-price {
        flex: 0 0 28%;
        max-width: 28%;
        min-width: 0;
        margin-right: 0;
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        gap: .35rem .5rem;
    }

    .ds-product-price-actions-row > .ds-product-main-actions {
        flex: 0 0 70%;
        max-width: 72%;
        min-width: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .ds-product-price-actions-row > .ds-product-main-price .w-100 {
        width: auto !important;
    }

    .ds-product-price-actions-row > .ds-product-main-price .ds-product-main-price-info {
        min-width: 0;
    }

    .ds-product-price-actions-row > .ds-product-main-price .ds-product-found-cheaper {
        flex-basis: 100%;
    }
}
.ds-product-images-main .ds-product-images-main--multiple{
    background: #ffffff;
}
.mb-md-bd-01 {
    margin-bottom: -0.1rem !important;
}

@media (min-width: 768px) {
    .ds-product-main-content > #productImages {
        flex: 0 0 42%;
        max-width: 42%;
        min-width: 0;
        padding-right: .1rem !important;
        margin-right: .4rem !important;
    }

    .ds-product-main-content > #product {
        flex: 0 0 58%;
        max-width: 58%;
        min-width: 0;
    }

    .ds-product-main-content > .ds-product-images-column {
        flex: 0 0 42%;
        max-width: 42%;
    }

    .ds-product-main-content > .ds-product-info-column {
        flex: 0 0 58%;
        max-width: 58%;
    }
}

/* Tablet and up: price + buy + credit stay on one row */
@media (min-width: 768px) {
    .ds-product-main-buttons {
        flex-wrap: wrap;
        align-items: center;
        gap: .625rem;
    }

    .ds-product-main-buttons .ds-product-main-cart {
        flex: 0 1 auto;
        width: auto;
        max-width: 40%;
    }

    .ds-product-main-buttons .ds-product-main-cart-button,
    .ds-product-main-buttons .ds-product-credit-button,
    .ds-product-main-buttons .ds-product-action-fixed {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        max-width: none;
    }
}

@media (max-width: 767.98px) {
    nav[aria-label="breadcrumb"],
    .ds-breadcrumb {
        display: none !important;
    }

    .ds-product-main-buttons {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: center;
        column-gap: .5rem;
        row-gap: .5rem;
        padding-top: 0;
    }

    .ds-product-main-buttons-tools {
        position: static;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-bottom: .25rem;
        grid-column: 1 / -1;
    }

    .ds-product-main-buttons .ds-product-main-cart {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: auto;
        max-width: none;
        align-self: center;
    }

    .ds-product-main-price .ds-price-new {
        font-size: clamp(1.5rem, 7vw, 2rem) !important;
        line-height: 1.1;
        white-space: nowrap;
    }

    .ds-product-main-price .ds-price-old {
        white-space: nowrap;
    }

    .ds-product-main-price .ds-product-main-price-info > .d-flex.align-items-center {
        flex-wrap: wrap;
        gap: .35rem;
    }

    .ds-product-main-price .ds-module-sticker {
        margin-left: 0 !important;
    }

    .ds-product-main-buttons .ds-product-main-cart-button {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        min-height: 44px;
        min-width: 0;
    }

    .ds-product-main-buttons .ds-product-credit-button {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        min-height: 44px;
        min-width: 0;
    }

    .ds-product-main-buttons .ds-promo-code-card--main {
        grid-column: 1 / -1;
    }

    .product-payment-types {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Very narrow phones: keep same 2-col layout, slightly tighter */
@media (max-width: 379.98px) {
    .ds-product-main-buttons {
        column-gap: .375rem;
        row-gap: .375rem;
    }

    .ds-product-main-buttons .ds-product-main-cart-button,
    .ds-product-main-buttons .ds-product-credit-button {
        min-height: 40px;
        padding-left: .5rem;
        padding-right: .5rem;
    }
}

@media (max-width: 575.98px) {
    .product-payment-types {
        grid-template-columns: 1fr;
        gap: .5rem;
    }
}

@media (max-width: 991.98px) {
    iframe#credential_picker_iframe {
        margin-bottom: 68px;
    }
}

.ds-credit-modal {
    position: fixed;
    inset: 0;
    z-index: 2147483646;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.62);
    overflow: hidden;
}

.ds-credit-modal.is-open {
    display: flex;
}

.ds-credit-modal__dialog {
    width: min(960px, 92vw);
    height: min(820px, 90vh);
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
    display: flex;
    flex-direction: column;
}

.ds-credit-modal__header {
    height: 52px;
    min-height: 52px;
    padding: 0 .5rem 0 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eceff3;
}

.ds-credit-modal__title {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--ds-dark-text-color);
}

.ds-credit-modal__close {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--ds-dark-text-color);
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.ds-credit-modal__close:hover {
    background: #f5f7fa;
}

.ds-header-catalog-button,
.ds-header-catalog-button:hover,
.ds-header-catalog-button:focus,
.ds-header-catalog-button:active {
    background-color: #b61a6f !important;
    border-color: #b61a6f !important;
    color: #fff !important;
}

.ds-header-catalog-button svg path,
.ds-header-catalog-button:hover svg path,
.ds-header-catalog-button:focus svg path,
.ds-header-catalog-button:active svg path {
    fill: #fff !important;
}

.ds-header-cart-button .button-icon-cart {
    width: 33px;
    height: 33px;
    background-color: #b61a6f !important;
}

@media (min-width: 1200px) {
    /* Ліва колонка каталогу: список + банер у футері колонки */
    .ds-menu-main-catalog > .ds-menu-catalog-inner {
        display: flex;
        flex-direction: column;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items {
        flex: 0 0 auto;
        min-height: 0 !important;
        height: auto !important;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item:hover {
        background: #b61a6f !important;
     
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item:hover > a,
    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item:hover > span .ds-menu-maincategories-item-title {
        color: #fff !important;
        text-decoration: none;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item:hover > .menu-chevron-icon {
        filter: brightness(0) invert(1);
    }

    .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-item:hover > .ds-menu-catalog {
        opacity: 1;
        visibility: visible;
        overflow: visible;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item.ds-menu-catalog-item-opened > .ds-menu-catalog {
        opacity: 1;
        visibility: visible;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item.ds-menu-catalog-item-force-active {
        background: #f5f7fa !important;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item.ds-menu-catalog-item-force-active > a,
    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item.ds-menu-catalog-item-force-active > span .ds-menu-maincategories-item-title {
        color: #b61a6f !important;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item.ds-menu-catalog-item-force-active > svg path {
        fill: #b61a6f !important;
    }

    .ds-menu-main-catalog .ds-menu-catalog-force-open {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /*
     * Раскрытие каталога по .active без главной со слайдером: те же ориентиры, что у .with-slideshow в теме,
     * только CSS (без MutationObserver / rAF — иначе были бесконечные циклы).
     */
    .ds-header.with-categories-menu .ds-menu-catalog.ds-menu-main-catalog.active:not(.with-slideshow) {
        top: calc(100% + 78px) !important;
        max-height: min(610px, calc(100vh - 12rem)) !important;
    }

    .ds-header:not(.with-categories-menu) .ds-menu-catalog.ds-menu-main-catalog.active:not(.with-slideshow) {
        top: calc(100% + 2rem) !important;
        max-height: min(610px, calc(100vh - 12rem)) !important;
    }

    .ds-menu-catalog.ds-menu-main-catalog.active:not(.with-slideshow) > .ds-menu-catalog-inner {
        min-height: min(610px, calc(100vh - 12rem));
        max-height: calc(100vh - 12rem);
        overflow: visible !important;
    }

    /*
     * Головна зі слайдером: висота колонки = вертикальний .swiper-slide,
     * банер у меню по низу в один ряд із ds-slideshow-item-vertical.
     */
    .ds-menu-catalog.ds-menu-main-catalog.with-slideshow {
        max-height: none !important;
    }

    .ds-menu-main-catalog.with-slideshow > .ds-menu-catalog-inner {
        min-height: var(--ds-catalog-slideshow-sync-h, auto);
        box-sizing: border-box;
    }

    .ds-menu-main-catalog.with-slideshow > .ds-menu-catalog-inner > .ds-menu-catalog-sidebar-banner {
        margin-top: auto;
        flex: 1 1 0;
        min-height: 0;
        max-height: none;
    }

    /* Банер під списком категорій: на всю ширину колонки, без бокових зазорів */
    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-sidebar-banner {
        flex: 0 0 auto;
        min-height: 7rem;
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
        background: transparent;
        border-radius: 0;
        overflow: hidden;
        box-sizing: border-box;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-sidebar-banner__link {
        display: block;
        width: 100%;
        height: 100%;
        min-height: inherit;
        overflow: hidden;
        line-height: 0;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-sidebar-banner__img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 7rem;
        object-fit: cover;
        object-position: center center;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-sidebar-banner__inner {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        max-width: 11.5rem;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-sidebar-banner__title {
        font-weight: 700;
        font-size: 0.875rem;
        color: #b61a6f;
        line-height: 1.25;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-sidebar-banner__subtitle {
        font-size: 0.6875rem;
        line-height: 1.4;
        color: #6c757d;
    }

    /*
     * Wide-мегаменю (по скринам): «лесенка» и дыры — от flex column-wrap (колонки разной высоты).
     * Multicol + column-fill: balance при заданной max-height перераспределяет группы (li) между
     * колонками ровнее. Ширина ul — 100% (никакого width:0). При переполнении — скролл у списка.
     */
    .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        min-width: 0;
        width: 100%;
        max-height: none;
        overflow: visible;
    }

    .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .col-xl-3 {
        flex-shrink: 0;
        align-self: stretch;
        max-height: min(85vh, calc(100vh - 8rem));
        overflow-y: auto;
    }

    .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items {
        display: block !important;
        flex: 1 1 auto !important;
        align-self: stretch !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        padding: 0.125rem 0 0.75rem;
        column-width: 12.75rem;
        column-gap: 1.35rem;
        column-fill: balance;
        -webkit-column-fill: balance;
        orphans: 2;
        widows: 2;
        max-height: min(76vh, calc(100vh - 9.5rem));
        overflow-x: hidden !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > li.ds-menu-catalog-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 1.15rem;
        break-inside: avoid;
        page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        box-sizing: border-box;
    }

    .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > li.ds-menu-catalog-item > .ds-menu-catalog {
        width: 100% !important;
    }

    .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > li.ds-menu-catalog-item > .ds-menu-catalog > .ds-menu-catalog-inner {
        flex: 0 0 auto !important;
    }

    /* Чуть уже «полосы» на очень широких экранах — больше колонок, меньше вертикальный перекос */
    @media (min-width: 1480px) {
        .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items {
            column-width: 11.75rem;
            column-gap: 1.25rem;
        }
    }
}

.ds-header-compare-button svg {
    width: 21px;
    height: 21px;
}

.ds-credit-modal__body {
    flex: 1 1 auto;
    min-height: 0;
}

.ds-credit-modal__iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (max-width: 767.98px) {
    .ds-credit-modal {
        padding: .5rem;
    }

    .ds-credit-modal__dialog {
        width: 95vw;
        height: 88vh;
        border-radius: 10px;
    }
}


.ds-header-right .button-transparent:not(.ds-header-search-close):not(.ds-header-user-button):not(.ds-header-phone-button) {
    flex: 0 0 2.25rem;
}

.my-md-bt-o {
    margin-top: -0.5rem !important;
    margin-bottom: 0rem !important;
}
.my-md-bt-1{
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
}
.pt-xl-05 {
    padding-top: 0.5rem !important;
}

.pd-pc-03{
    padding-right: 0.3rem;
}
.mg-bg-pc{
    display: none;
    border-radius: 8px;
    margin-left: 0.5rem!important;
    margin-right: 0.5rem!important;
}

.category-hscroll-module{
    padding-top: 25px;
}
.category-hscroll-all {
    color: #000;
}

/* supplier_hit_sticker (legacy markup) */
.ds-module-sticker-supplier_price_hit {
    border: none !important;
    border-radius: 999px !important;
    background: #e83e8c !important;
    color: #fff !important;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    font-size: 12px;
    white-space: nowrap;
    box-shadow: none;
    z-index: 3;
}

.ds-module-sticker-supplier_price_hit--lg {
    font-size: 20px !important;
    padding: 6px 16px;
}

.ds-module-sticker-supplier_price_hit--pos-catalog {
    top: 56px;
    right: 10px;
}

.ds-module-sticker-supplier_price_hit--pos-tl {
    top: 8px;
    left: 8px;
}

/* Product badges — pill shape (пілюля) */
.ds-product-badge-delivery,
.ds-product-badge-special,
.ds-product-badge-hit,
.ds-product-badge-promo,
.ds-product-badge-outline {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: none !important;
    border-radius: 999px !important;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    padding: 5px 12px !important;
    box-shadow: none;
}

.ds-product-badge-delivery i,
.ds-product-badge-special i,
.ds-product-badge-hit i,
.ds-product-badge-promo i {
    font-size: 0.9em;
    line-height: 1;
    color: inherit;
    display: inline-block;
}

.ds-product-badge-delivery {
    background: #81dd05 !important;
    color: #fff !important;
}

.ds-product-badge-special {
    background: #ff7307 !important;
    color: #fff !important;
}

.ds-product-badge-hit {
    background: #e83e8c !important;
    color: #fff !important;
}

.ds-product-badge-promo {
    background: #b61b6f !important;
    color: #fff !important;
}

/* Outline pill — e.g. «Рекомендовано» */
.ds-product-badge-outline {
    background: #fff !important;
    color: #81dd05 !important;
    border: 1.5px solid #81dd05 !important;
}

/* Module stickers — same pill shape */
.ds-module-stickers .ds-module-sticker,
.ds-module-sticker.br-12,
.ds-module-sticker.br-8 {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 999px !important;
    padding: 4px 10px !important;
    line-height: 1.2;
    white-space: nowrap;
}

.ds-module-sticker.ds-module-sticker-stickers_bestseller,
.ds-module-stickers .ds-module-sticker-stickers_bestseller,
.ds-module-sticker.ds-product-badge-outline {
    border: 1.5px solid #81dd05 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #81dd05 !important;
}

.ds-cart-promo-applied {
    color: var(--ds-primary-color, #b61b6f);
}

.ds-total-saving-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: #ff7307;
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
}

.ds-total-saving-badge--promo {
    background: var(--ds-primary-color, #b61b6f);
}

.ds-total-saving-percent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: #ff7307;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

.ds-total-saving-percent--promo {
    background: var(--ds-primary-color, #b61b6f);
}

.ds-total-saving-box {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.ds-product-top-info .ds-product-meta-label {
    color: rgb(184, 184, 184);
}

.ds-product-top-info .ds-product-meta-value {
    color: #b61f6f;
}
#productImages{
    margin-top: 9px;
    background: #ffff;
    border-radius: 6px;
}


.ds-module-no-photo-img {
    max-width: 55%;
    max-height: 55%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* product gallery: placeholder when no photo */
.ds-product-images-main--no-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

.ds-product-no-photo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem 0;
}

.ds-product-no-photo-img {
    display: block;
    max-width: 200px;
    max-height: 200px;
    width: auto;
    height: auto;
    object-fit: contain;
}

@media (min-width: 768px) {
    .ds-product-no-photo-img {
        max-width: 240px;
        max-height: 240px;
    }
}

@media (min-width: 1200px) {
    .ds-product-images-gallery .ds-product-images-main--no-photo {
        min-height: 280px;
    }
}

/* product gallery: horizontal thumbnails under main image */
.ds-product-images-gallery .ds-product-images-main--multiple {
    padding-left: 0 !important;
}

@media (min-width: 1200px) {
    .ds-product-images-gallery .ds-product-images-main:not(.ds-product-images-main--no-photo) {
        height: auto !important;
        min-height: 420px;
        max-height: 700px;
    }
}

.ds-product-images-thumbs-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.ds-product-images-thumbs-bar__btn {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: var(--ds-main-border, 1px solid #e5e7eb);
    background: #fff;
    cursor: pointer;
    z-index: 2;
}

.ds-product-images-thumbs-bar__btn:hover {
    background-color: var(--ds-primary-color, #00171F);
    border-color: var(--ds-primary-color, #00171F);
}

.ds-product-images-thumbs-bar__btn:hover svg path {
    fill: #fff;
}

.ds-product-images-thumbs-bar__btn.swiper-button-disabled {
    opacity: 0.35;
    pointer-events: none;
}

.ds-product-images-thumbs-swiper {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.ds-product-images-thumbs-swiper .swiper-wrapper {
    align-items: center;
}

.ds-product-images-thumbs-swiper .swiper-slide {
    width: 52px !important;
    flex-shrink: 0;
    height: auto;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

.ds-product-images-thumbs-item {
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

.ds-product-images-thumbs-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: none;
    border-radius: 0;
}

.ds-product-images-thumbs-swiper .swiper-slide-thumb-active .ds-product-images-thumbs-item {
    border-color: #00171F;
    box-shadow: 0 0 0 1px rgba(0, 23, 31, 0.08);
}

@media (min-width: 768px) {
    .ds-product-images-thumbs-swiper .swiper-slide {
        width: 64px !important;
    }

    .ds-product-images-thumbs-item {
        width: 64px;
        height: 64px;
    }

    .ds-product-images-thumbs-bar {
        gap: 10px;
    }
}

@media (min-width: 1200px) {
    .ds-product-images-thumbs-swiper .swiper-slide {
        width: 72px !important;
    }

    .ds-product-images-thumbs-item {
        width: 72px;
        height: 72px;
    }
}

.ds-category-item-footer {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 44px;
}

.ds-category-item-footer .ds-module-price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    margin: 0;
    line-height: 1.15;
}

.ds-category-item-footer .ds-module-price .ds-price-new,
.ds-category-item-footer .ds-module-price .ds-price-old {
    margin: 0;
    line-height: 1.15;
}

.ds-price-old,
.ds-price-old.light-text,
.ds-module-price .ds-price-old,
.ds-category-item-footer .ds-module-price .ds-price-old {
    color: var(--ds-dark-text-color) !important;
    text-decoration: line-through !important;
}

.ds-module-price .ds-price-new,
.ds-category-item-footer .ds-module-price .ds-price-new {
    color: var(--ds-red-color);
}

.ds-category-item-footer .ds-module-cart {
    display: flex;
    align-items: center;
    align-self: center;
    margin: 0;
    flex-shrink: 0;
}

.ds-category-item-footer .ds-category-cart-btn,
.ds-category-item-footer .ds-module-cart-btn {
    width: auto;
    white-space: nowrap;
    align-self: center;
    margin: 0;
    flex-shrink: 0;
}

.ds-category-item-footer .ds-module-quantity {
    flex-shrink: 0;
}

.ds-category-item-footer .ds-category-cart-btn {
    min-height: 44px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    justify-content: center;
}

.ds-category-item-footer .ds-category-cart-btn .button-text {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    white-space: normal;
    line-height: 1.25;
    text-align: center;
}

.ds-category-products,
.row.ds-module,
.category-hscroll-group {
    --bs-gutter-x: 0.25rem;
    --bs-gutter-y: 0.25rem;
}

@media (min-width: 768px) {
    .ds-category-products,
    .row.ds-module,
    .category-hscroll-group {
        --bs-gutter-x: 0.5rem;
        --bs-gutter-y: 0.5rem;
    }
}

.ds-category-products .ds-category-cart-btn-sep {
    color: #9CA3AF;
    font-weight: 400;
}
.ds-product-main-content{
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* White tiles on product page; page bg comes from body */
.ds-product-main-content > #productImages,
.ds-product-main-content > .ds-product-images-column {
    background-color: var(--ds-white-color, #fff);
    border-radius: .4375rem;
}

.ds-product-main-content .content-block {
    background-color: var(--ds-white-color, #fff);
}

.ds-product-images-gallery{
    padding: 20px;
}
.ds-category-products .ds-module-buttons{
 display: none!important;
}

/* Product card hover: shadow and short attributes list */
.ds-category-products.product-grid,
.ds-category-products {
	overflow: visible;
}

.ds-category-products .ds-module-col,
.ds-category-products .product-layout,
.ds-category-products .product-grid {
	overflow: visible;
}

.ds-category-products .content-block,
.ds-hover-attributes-card,
.ds-module .ds-hover-attributes-card,
.category-hscroll-slide .content-block,
.category-hscroll-slide .ds-hover-attributes-card {
	position: relative;
	overflow: visible;
	z-index: 1;
	transition: box-shadow .2s ease, z-index 0s;
}

.ds-category-products .content-block:hover,
.ds-hover-attributes-card:hover,
.ds-module .ds-hover-attributes-card:hover {
	z-index: 5;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
}

.ds-category-products .content-block:hover .ds-module-attributes,
.ds-hover-attributes-card:hover .ds-module-attributes,
.ds-module .ds-hover-attributes-card:hover .ds-module-attributes {
	height: auto;
	position: absolute;
	left: -0.5rem;
	right: -0.5rem;
	top: 100%;
	display: block !important;
	opacity: 1;
	visibility: visible;
	padding: 0.75rem 1rem 1rem;
	overflow: visible;
	background: var(--ds-white-color, #fff);
	border-radius: 0 0 7px 7px;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
	z-index: 6;
}

/* Homepage modules («Ви дивилися» etc.): panel flush with card edges */
.ds-module .ds-hover-attributes-card:hover .ds-module-attributes,
.category-hscroll-slide .ds-hover-attributes-card:hover .ds-module-attributes {
	left: 0;
	right: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.ds-module .ds-module-item,
.ds-module .ds-module-col,
.ds-module .ds-hover-attributes-card {
	min-width: 0;
	max-width: 100%;
}

.ds-module .ds-module-attributes-item,
.category-hscroll-slide .ds-module-attributes-item {
	min-width: 0;
	width: 100%;
	align-items: flex-start;
	gap: 0.35rem;
}

.ds-module .ds-module-attributes-item > span,
.category-hscroll-slide .ds-module-attributes-item > span {
	min-width: 0;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.ds-module .ds-module-attributes-item > :first-child,
.category-hscroll-slide .ds-module-attributes-item > :first-child {
	flex: 0 1 48%;
	max-width: 48%;
}

.ds-module .ds-module-attributes-item > :last-child,
.category-hscroll-slide .ds-module-attributes-item > :last-child {
	flex: 1 1 48% !important;
	max-width: 52% !important;
	margin-left: auto;
	text-align: right;
}

@media (min-width: 768px) {
	/*
	 * The horizontal slider normally clips vertical content. Extra internal
	 * space lets the attributes panel render below the card without changing
	 * the distance to the next homepage module.
	 */
	.category-hscroll-module {
		position: relative;
	}

	.category-hscroll-module:hover {
		z-index: 20;
	}

	.category-hscroll-viewport {
		overflow-x: auto;
		overflow-y: visible;
		padding-bottom: 180px;
		margin-bottom: -180px;
	}

	/* «Ви дивилися» / product modules carousel: не обрезать атрибуты */
	.ds-module[data-type="carousel"],
	.ds-module .swiper {
		overflow: visible;
	}

	.ds-module[data-type="carousel"]:hover,
	.ds-module .swiper:hover {
		z-index: 20;
		position: relative;
	}
}

.ds-menu-catalog-sidebar-banner__link img{
    width: 100%;
}

.ocf-header {
    border-radius: 3px;
    padding: 28px 10px;
    background: #fff;
    font-size: 20px;
    line-height: 0;
    display: flex;
    align-items: center;
}
.ds-page-title{
    padding-top: 15px;
}


.ds-promo-code-card {
    --ds-promo-pink: var(--ds-primary-color, rgb(182, 27, 111));
    --ds-promo-border: #f3d4e3;
    font-family: inherit;
}
.ds-promo-code-card--main {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    order: 10;
}
.ds-promo-code-card__inner {
    border: 1px solid #000;
    border-radius: 12px;
    padding: 16px;
    background: #fff;
}
.ds-promo-code-card__header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}
.ds-promo-code-card__icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.ds-promo-code-card__title {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.3;
}
.ds-promo-code-card__subtitle {
    margin-top: 4px;
    font-size: 12px;
    color: #8a8a8a;
    line-height: 1.4;
}
.ds-promo-code-card__body {
    display: flex;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 12px;
}
.ds-promo-code-card__code {
    flex: 1;
    min-width: 0;
    border: 1.5px dashed#000;
    border-radius: 8px;
    padding: 10px 14px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ds-promo-code-card__copy {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 16px;
    border: none;
    border-radius: 8px;
    background: #000;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.15s ease;
    white-space: nowrap;
}
.ds-promo-code-card__copy:hover { opacity: 0.9; }
.ds-promo-code-card__copy:active { transform: scale(0.98); }
.ds-promo-code-card__copy.is-copied { background: #2e9e5b; }
.ds-promo-code-card__discount {
    font-size: 14px;
    color: #1a1a1a;
}
.ds-promo-code-card__discount strong {
    color: var(--ds-promo-pink);
    font-weight: 700;
}
.ds-promo-code-card__info {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 8px;
    font-size: 11px;
    color: #9a9a9a;
    line-height: 1.4;
}
.ds-promo-code-card__info svg {
    flex-shrink: 0;
    margin-top: 1px;
    color: #b0b0b0;
}
.ds-promo-code-card--compact .ds-promo-code-card__inner { padding: 12px; }
.ds-promo-code-card--compact .ds-promo-code-card__title { font-size: 13px; }
.ds-promo-code-card--compact .ds-promo-code-card__subtitle { font-size: 11px; }
.ds-promo-code-card--compact .ds-promo-code-card__code { font-size: 18px; padding: 8px 10px;}
.ds-promo-code-card--compact .ds-promo-code-card__body { flex-direction: column; }
.ds-promo-code-card--compact .ds-promo-code-card__copy { width: 100%; padding: 10px 16px; font-size: 12px; }
@media (max-width: 575px) {
    .ds-promo-code-card__body { flex-direction: column; }
    .ds-promo-code-card__copy { width: 100%; padding: 12px 16px; }
}
.ds-product-credit-button {
    margin-left: 0;
}
.ds-product-reviews.ds-product-tab-content {
    display: none !important;
}

/* Desktop catalog: compact marketplace-style mega menu. */
@media (min-width: 1200px) {
    .ds-menu-main-catalog {
        border: 1px solid #edf0f3;
        border-radius: 14px 0 0 14px !important;
        background: #fff;
        box-shadow: 0 18px 50px rgba(27, 31, 45, 0.14);
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner {
        background: #fff;
        border-radius: inherit;
        overflow: visible !important;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items {
        padding: 10px 8px !important;
        background: #fff;
        border-radius: inherit;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item {
        min-height: 42px;
        margin: 1px 0;
        padding: 8px 10px !important;
        border-radius: 8px;
        background: transparent;
        transition: background-color .18s ease, color .18s ease;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-all {
        justify-content: space-between;
        border-bottom: 1px solid #edf0f3;
        border-radius: 0;
        margin-bottom: 5px;
        padding-bottom: 11px !important;
    }

    .ds-menu-catalog-all__icon {
        flex: 0 0 auto;
        color: #68707b;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item .ds-menu-catalog-item-img {
        width: 20px;
        height: 20px;
        object-fit: contain;
        opacity: .8;
    }

    body .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item:hover,
    body .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item.ds-force-hover {
        background: #f8d9e9 !important;
    }

    body .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item:hover > a,
    body .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item:hover > span .ds-menu-maincategories-item-title,
    body .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item.ds-force-hover > a,
    body .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item.ds-force-hover > span .ds-menu-maincategories-item-title {
        color: #a61462 !important;
    }

    body .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item:hover > .menu-chevron-icon,
    body .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item.ds-force-hover > .menu-chevron-icon {
        filter: none !important;
    }

    body .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item.ds-force-hover > .ds-menu-catalog-wide {
        transform: translateX(33.3333%) !important;
    }

    .ds-menu-main-catalog .ds-menu-catalog-wide {
        border: 1px solid #edf0f3;
        border-left: 0;
        border-radius: 0 14px 14px 0;
        background: #fff;
        box-shadow: 18px 18px 50px rgba(27, 31, 45, 0.14);
        overflow: visible !important;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) auto;
        gap: 14px;
        align-items: stretch !important;
        min-height: 100%;
        padding: 24px 20px 20px 24px !important;
        overflow: visible !important;
        position: relative;
        background: #fff;
        border-radius: 0 14px 14px 0;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items {
        display: grid !important;
        grid-column: 1;
        grid-row: 1;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-content: start;
        align-items: stretch;
        align-self: start !important;
        /* Горизонтальный зазор через padding колонок — чтобы border-left сидел ровно между блоками */
        gap: 18px 0;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        padding: 0 !important;
        overflow: visible !important;
        column-width: auto !important;
        column-gap: normal !important;
        position: relative;
        z-index: 1;
        background-image: none;
        list-style: none !important;
    }

    body .ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .col-xl-3 {
        grid-column: 1;
        grid-row: 1 / 3;
        width: auto;
        max-width: none;
        padding: 0 18px 0 0 !important;
        border-right: 1px solid #eef0f3;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner:has(> .col-xl-3) {
        grid-template-columns: 190px minmax(0, 1fr);
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner:has(> .col-xl-3) > .ds-menu-catalog-items {
        grid-column: 2;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > li.ds-menu-catalog-item {
        display: block !important;
        min-width: 0;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 16px !important;
        border: 0 !important;
        /* Универсальный разделитель: линия на всю высоту ряда (stretch), независимо от числа колонок */
        border-left: 1px solid #e5e8ec !important;
        background: transparent !important;
        box-shadow: none !important;
        break-inside: avoid;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > li.ds-menu-catalog-item:first-child,
    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:nth-child(5):last-child) > li:nth-child(3) {
        border-left: 0 !important;
        padding-left: 0 !important;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > li.ds-menu-catalog-item::before,
    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > li.ds-menu-catalog-item::after {
        display: none !important;
        content: none !important;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:first-child:last-child) {
        grid-template-columns: minmax(0, 1fr);
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:nth-child(2):last-child) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:nth-child(3):last-child) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item > a {
        display: block !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        color: #222833 !important;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.25;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
        hyphens: auto;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item > .ds-menu-catalog {
        position: static !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        transform: none !important;
        pointer-events: auto !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item > .ds-menu-catalog > .ds-menu-catalog-inner {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item > .ds-menu-catalog .ds-menu-catalog-items {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        list-style: none !important;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item > .ds-menu-catalog .ds-menu-catalog-item {
        display: block !important;
        min-height: 0;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        list-style: none !important;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item > .ds-menu-catalog .ds-menu-catalog-item > a {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 16px;
        line-height: 1.3;
        white-space: normal !important;
        overflow-wrap: break-word;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide .ds-menu-list-landings,
    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide .ds-menu-list-landings ul,
    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide .ds-menu-list-landings li {
        margin-left: 0 !important;
        padding-left: 0 !important;
        list-style: none !important;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide .ds-menu-list-landings::marker,
    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide .ds-menu-list-landings li::marker {
        content: "";
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide .ds-menu-list-landings::before,
    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide .ds-menu-list-landings li::before {
        display: none !important;
        content: none !important;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide .ds-menu-list-landings-link {
        display: block;
        white-space: normal !important;
        overflow-wrap: break-word;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:nth-child(5):last-child) > li:nth-child(3) {
        grid-column: 1;
        grid-row: 2;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:nth-child(5):last-child) > li:nth-child(4) {
        grid-column: 3;
        grid-row: 1;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:nth-child(5):last-child) > li:nth-child(5) {
        grid-column: 4;
        grid-row: 1 / 3;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:nth-child(6):last-child) > li:nth-child(1) {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:nth-child(6):last-child) > li:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:nth-child(6):last-child) > li:nth-child(3) {
        grid-column: 3;
        grid-row: 1;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:nth-child(6):last-child) > li:nth-child(4) {
        grid-column: 4;
        grid-row: 1 / 3;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:nth-child(6):last-child) > li:nth-child(5) {
        grid-column: 2;
        grid-row: 2;
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner > .ds-menu-catalog-items:has(> li:nth-child(6):last-child) > li:nth-child(6) {
        grid-column: 3;
        grid-row: 2;
    }

    .ds-menu-main-catalog .ds-menu-catalog-wide .ds-menu-catalog-item > a,
    .ds-menu-main-catalog .ds-menu-catalog-wide .ds-menu-list-landings-link {
        color: #000;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.35;
        text-decoration: none;
    }

    .ds-menu-main-catalog .ds-menu-catalog-wide .ds-menu-catalog-item > a:hover,
    .ds-menu-main-catalog .ds-menu-catalog-wide .ds-menu-list-landings-link:hover {
        color: #b61a6f !important;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-sidebar-banner {
        display: block !important;
        flex: 1 1 auto !important;
        min-height: 150px !important;
        max-height: none !important;
        margin-top: 0 !important;
        border-top: 1px solid #edf0f3 !important;
        border-radius: 0 0 0 14px !important;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-sidebar-banner .ds-menu-catalog-sidebar-banner__link {
        min-height: 100%;
    }

    .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-sidebar-banner .ds-menu-catalog-sidebar-banner__img {
        min-height: 100%;
        object-position: center;
    }

    .ds-menu-view-all {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
        align-items: center;
        gap: 12px;
        min-height: 42px;
        padding: 0 18px;
        border-radius: 9px;
        background: #fff0f7;
        color: #b61a6f !important;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none !important;
        transition: background-color .18s ease, transform .18s ease;
    }

    .ds-menu-view-all:hover {
        background: #f8d9e9;
        transform: translateY(-1px);
    }

    body .ds-menu-catalog.ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner:has(> .col-xl-3) > .ds-menu-view-all {
        grid-column: 2;
    }

    .dark-theme .ds-menu-main-catalog,
    .dark-theme .ds-menu-main-catalog > .ds-menu-catalog-inner,
    .dark-theme .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items,
    .dark-theme .ds-menu-main-catalog .ds-menu-catalog-wide,
    .dark-theme .ds-menu-main-catalog .ds-menu-catalog-wide > .ds-menu-catalog-inner {
        background: #20252b !important;
        border-color: #343a42;
    }
}

/* Horizontal menu: icon + title */
.ds-menu-maincategories-desktop-box {
    height: auto;
    min-height: 46px;
}

.ds-menu-maincategories-desktop-box .ds-menu-maincategories {
    gap: 0.75rem 2rem;
    justify-content: flex-start !important;
    white-space: normal;
}

.ds-menu-maincategories-desktop-box .ds-menu-maincategories::after {
    display: none;
}

.ds-menu-maincategories-desktop-box .ds-menu-maincategories-item {
    white-space: normal;
    flex: 0 0 auto;
    min-width: 0;
    letter-spacing: 0;
}

.ds-menu-maincategories-desktop-box .ds-menu-maincategories-item-inner {
    min-width: 0;
}

.ds-menu-maincategories-desktop-box .ds-menu-maincategories-item > span img,
.ds-menu-maincategories-desktop-box .ds-menu-catalog-item-img {
    filter: none !important;
    -webkit-filter: none !important;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    object-fit: contain;
}

.ds-menu-maincategories-desktop-box .ds-menu-maincategories-item-title {
    line-height: 1.25;
    text-decoration: none !important;
}

.ds-menu-maincategories-desktop-box .ds-menu-maincategories-item:hover .ds-menu-maincategories-item-title {
    color: inherit;
    text-decoration: none !important;
}

/* Category / listing pages: narrower filter, wider products column */
@media (min-width: 1200px) {
    #product-category .ds-category > #column-left.ds-column,
    #product-category .ds-category > #column-right.ds-column,
    #product-supplier-price-hit .ds-category > #column-left.ds-column,
    #product-supplier-price-hit .ds-category > #column-right.ds-column,
    #product-delivery-today .ds-category > #column-left.ds-column,
    #product-delivery-today .ds-category > #column-right.ds-column {
        flex: 0 0 auto;
        width: 16.66666667%;
        max-width: 16.66666667%;
    }

    #product-category .ds-category > #content.col-xl-10,
    #product-supplier-price-hit .ds-category > #content.col-xl-10,
    #product-delivery-today .ds-category > #content.col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
        max-width: 83.33333333%;
    }

    #product-category .ds-category > #column-left .ocf-vertical .ocf-filter,
    #product-category .ds-category > #column-left .ocf-vertical .ocf-module-page {
        padding: 12px 14px;
    }

    #product-category .ds-category > #column-left .ocf-filter-header,
    #product-category .ds-category > #column-left .ocf-module-page-header {
        font-size: 12px;
    }
}

/* Listing + module cards: taller photo area, less side whitespace on square thumbs */
#product-category .ds-category-products .ds-module-img,
#product-supplier-price-hit .ds-category-products .ds-module-img,
#product-delivery-today .ds-category-products .ds-module-img,
.ds-module .ds-module-img,
.category-hscroll-slide .ds-module-img {
    width: 100%;
    overflow: visible;
}

#product-category .ds-category-products .ds-module-img-box,
#product-supplier-price-hit .ds-category-products .ds-module-img-box,
#product-delivery-today .ds-category-products .ds-module-img-box,
.ds-module .ds-module-img-box,
.category-hscroll-slide .ds-module-img-box {
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
}

#product-category .ds-category-products .ds-module-img-box > a,
#product-supplier-price-hit .ds-category-products .ds-module-img-box > a,
#product-delivery-today .ds-category-products .ds-module-img-box > a,
.ds-module .ds-module-img-box > a,
.category-hscroll-slide .ds-module-img-box > a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: .25rem;
}

#product-category .ds-category-products .ds-module-img-box img,
#product-supplier-price-hit .ds-category-products .ds-module-img-box img,
#product-delivery-today .ds-category-products .ds-module-img-box img,
.ds-module .ds-module-img-box img,
.category-hscroll-slide .ds-module-img-box img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
    object-position: center center;
    transform: none;
}

#product-category .ds-category-products .ds-module-img-box img.ds-module-no-photo-img,
#product-supplier-price-hit .ds-category-products .ds-module-img-box img.ds-module-no-photo-img,
#product-delivery-today .ds-category-products .ds-module-img-box img.ds-module-no-photo-img,
.ds-module .ds-module-img-box img.ds-module-no-photo-img,
.category-hscroll-slide .ds-module-img-box img.ds-module-no-photo-img {
    object-fit: contain;
    transform: none;
    padding: 1rem;
    box-sizing: border-box;
}

/* Keep theme compact horizontal cards on mobile (split / minimal) */
@media (max-width: 575.98px) {
    .ds-module[data-type=split] .ds-module-img,
    .ds-module[data-type=minimal] .ds-module-img {
        width: auto;
    }

    .ds-module[data-type=split] .ds-module-img-box,
    .ds-module[data-type=minimal] .ds-module-img-box {
        aspect-ratio: auto;
        width: auto;
        display: block;
    }

    .ds-module[data-type=split] .ds-module-img-box > a,
    .ds-module[data-type=minimal] .ds-module-img-box > a {
        display: block;
        width: auto;
        height: auto;
    }

    .ds-module[data-type=split] .ds-module-img-box img {
        width: 150px;
        height: 150px;
    }

    .ds-module[data-type=minimal] .ds-module-img-box img {
        width: 88px;
        height: 88px;
    }
}

/* Full catalog page (Весь каталог) */
.ds-catalog-all-section__icon,
.ds-catalog-all-group__icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 8px;
    background: #f6f6f6;
}

.ds-catalog-all-group__icon {
    width: 36px;
    height: 36px;
}

.ds-catalog-all-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

@media (min-width: 576px) {
    .ds-catalog-all-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }
}

@media (min-width: 768px) {
    .ds-catalog-all-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .ds-catalog-all-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 14px;
    }
}

.ds-catalog-all-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    padding: 12px 10px;
    border-radius: 10px;
    background: #f8f8f8;
    transition: background-color .2s ease, transform .2s ease;
}

.ds-catalog-all-tile:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
}

.ds-catalog-all-tile__media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    margin-bottom: 8px;
    overflow: hidden;
}

.ds-catalog-all-tile__media img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.ds-catalog-all-tile__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Checkout success */
.ds-checkout-success {
    margin: 1.5rem auto 2.5rem;
    background: var(--ds-white-color, #fff);
    border: var(--ds-main-border, 1px solid #e8e8e8);
}

.ds-checkout-success__icon svg {
    display: inline-block;
}

.ds-checkout-success__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    background: rgba(182, 26, 111, 0.08);
    color: var(--ds-primary-color, #b61a6f);
}

.ds-checkout-success__title {
    color: var(--ds-dark-text-color, #252627);
    line-height: 1.3;
}

.ds-checkout-success__paid {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 1rem;
    border-radius: 7px;
    background: rgba(25, 135, 84, 0.1);
    color: var(--ds-green-color, #198754);
}

.ds-checkout-success__message p {
    margin-bottom: 0.75rem;
}

.ds-checkout-success__message p:last-child {
    margin-bottom: 0;
}

.ds-checkout-success__message a {
    color: var(--ds-links-color, var(--ds-primary-color, #b61a6f));
    text-decoration: underline;
}

.ds-checkout-success__message a:hover {
    text-decoration: none;
}

.ds-checkout-success__actions .button {
    min-width: 180px;
}

.ds-product-actions-middle.position-relative > .ds-product-card-tools {
    position: absolute;
    top: .55rem;
    right: .65rem;
    z-index: 4;
    display: flex;
    justify-content: flex-end;
    width: auto;
    margin: 0;
    padding: 0;
}

.ds-product-actions-middle.position-relative {
    padding-top: 2.5rem !important;
}

.ds-product-card-tools .ds-product-main-wishlist-compare {
    margin-left: 0;
}

.ds-product-card-tools .ds-product-main-wishlist-compare .button {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
}

@media (max-width: 575.98px) {
    .ds-product-actions-middle.position-relative > .ds-product-card-tools {
        top: .4rem;
        right: .45rem;
    }
}

@media (max-width: 575.98px) {
    .ds-checkout-success {
        margin-top: 0.75rem;
        padding: 1.5rem !important;
    }

    .ds-checkout-success__actions .button {
        width: 100%;
    }
}

#smart-search-modal {
    z-index: 1000001 !important;
}

#sa-chat-modal {
    z-index: 999999 !important;
}

#sa-chat-button-container {
    z-index: 999998 !important;
}

body.elbuz-search-open .ds-header {
    z-index: 1020 !important;
}

body.elbuz-search-open .ds-menu-main-catalog {
    z-index: 1021 !important;
}