.product-item-info:hover .product-item-details .product-item-actions .tocart:not(:hover) {
    background-color: #fff !important;
    border-color: #ddd !important;
    color: #333 !important;
}

html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 12px !important;
}

html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .actions-primary {
    display: flex !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
}

html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocart,
html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocart:not(:hover) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border: 1px solid #fff !important;
    border-radius: 10px !important;
    background: #212529 !important;
    background-color: #212529 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocompare {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-color: #fff !important;
    color: #222529 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
}

html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions > a.action.tocompare.actions-secondary {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-color: #fff !important;
    color: #222529 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
}

html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocart span {
    display: inline !important;
    color: inherit !important;
}

html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocompare span {
    display: none !important;
}

html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocart:before {
    display: inline-block !important;
    margin-right: 8px !important;
    color: inherit !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocompare:before {
    content: "" !important;
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    background:
        linear-gradient(currentColor, currentColor) 2px 10px / 4px 8px no-repeat,
        linear-gradient(currentColor, currentColor) 7px 6px / 4px 12px no-repeat,
        linear-gradient(currentColor, currentColor) 12px 2px / 4px 16px no-repeat !important;
    border-radius: 2px !important;
    transform: none !important;
}

html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocart:hover,
html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocart:focus,
html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocart:active,
html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocompare:hover,
html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocompare:focus,
html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocompare:active {
    background: #111315 !important;
    background-color: #111315 !important;
    border-color: #fff !important;
    color: #fff !important;
}

.page-header.type22 .ts-language-switcher {
    display: none !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 1201 !important;
}

html body .page-header.type22 .header-main > .header.content.header-row > .header-right > .ts-language-switcher {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    order: 10 !important;
    width: 54px !important;
    min-width: 54px !important;
    height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

html body .page-header.type22 .switcher-language {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.page-header.type22 .ts-language-switcher .switcher-options {
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
}

.page-header.type22 .ts-language-switcher .switcher-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #222529 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.page-header.type22 .ts-language-switcher .switcher-trigger > span {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
}

.page-header.type22 .header-right > .ts-language-switcher ~ .ts-language-switcher {
    display: none !important;
}

.page-header.type22 .ts-language-switcher-inline {
    gap: 4px !important;
    color: #222529 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.page-header.type22 .ts-language-switcher-inline a,
.page-header.type22 .ts-language-switcher-inline span {
    color: inherit !important;
    font: inherit !important;
    text-decoration: none !important;
}

.page-header.type22 .ts-language-switcher-inline a:not(.active) {
    opacity: .55 !important;
}

.page-header.type22 .ts-language-switcher-inline a:hover {
    opacity: 1 !important;
}

.page-header.type22 .ts-language-switcher .switcher-trigger:after {
    content: "" !important;
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    margin: -3px 0 0 6px !important;
    border-right: 1px solid currentColor !important;
    border-bottom: 1px solid currentColor !important;
    transform: rotate(45deg) !important;
}

html body .page-header.type22 .ts-language-switcher .switcher-trigger > span {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    color: #222529 !important;
    opacity: 1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
}

html body .page-header.type22 .header-main > .header.content.header-row > .header-right > .ts-language-switcher button.action.toggle.switcher-trigger > span,
html body .page-header.type22 .header-main > .header.content.header-row > .header-right > .ts-language-switcher .action.toggle > span {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    color: #222529 !important;
    opacity: 1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
}

html body .page-header.type22 .ts-language-switcher .switcher-options:before,
html body .page-header.type22 .ts-language-switcher .switcher-options:after,
html body .page-header.type22 .ts-language-switcher .switcher-trigger:before {
    display: none !important;
    content: none !important;
}

.page-header.type22 .ts-language-switcher .switcher-dropdown {
    min-width: 58px !important;
    margin-top: 8px !important;
    padding: 6px 0 !important;
    border: 1px solid #e6e8ed !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .14) !important;
}

.page-header.type22 .ts-language-switcher .switcher-option a {
    display: block !important;
    padding: 8px 14px !important;
    color: #222529 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.page-header.type22 .ts-language-switcher .switcher-option a:hover {
    color: #ed7402 !important;
    background: #f7f7f7 !important;
}

@media (max-width: 767px) {
    .page-header.type22 .ts-language-switcher {
        margin: 0 !important;
    }

    .page-header.type22 .ts-language-switcher .switcher-trigger {
        min-width: 30px !important;
        height: 30px !important;
        padding: 0 4px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 767px) {
    html body.cms-index-index .ts-slider {
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 calc(50% - 50vw) 24px !important;
        overflow: hidden !important;
    }

    html body.cms-index-index .ts-slide {
        aspect-ratio: 16 / 9 !important;
        min-height: 220px !important;
        max-height: 320px !important;
        height: auto !important;
    }

    html body.cms-index-index .ts-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    html body.cms-index-index .ts-slide-caption {
        left: 16px !important;
        right: 16px !important;
        bottom: 18px !important;
        max-width: none !important;
        padding: 14px 16px !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, .88) !important;
    }

    html body.cms-index-index .ts-slide-caption h1 {
        margin-bottom: 6px !important;
        color: #172033 !important;
        font-size: 20px !important;
        line-height: 1.12 !important;
    }

    html body.cms-index-index .ts-slide-caption p {
        margin-bottom: 0 !important;
        color: #4b5563 !important;
        font-size: 13px !important;
    }

    html body.cms-index-index .ts-slide-caption .ts-btn {
        display: none !important;
    }
}

html body .footer-middle .ts-footer-title,
html body .footer-middle h3.ts-footer-title,
html body .footer-middle.footer-middle h3.ts-footer-title.ts-footer-title,
html body .footer-middle h3,
html body .footer-middle h4,
html body .footer-middle .block-title strong {
    color: #fff !important;
    display: inline-block !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
    margin: 0 0 18px !important;
}

html body .footer-middle .ts-footer-links ul.links li a,
html body .footer-middle .ts-footer-findus ul.links li a,
html body .footer-middle .ts-footer-about ul.links li a,
html body .footer-middle .ts-footer-tags a {
    color: #bbb !important;
}

html body .footer-middle .ts-footer-links ul.links li a:hover,
html body .footer-middle .ts-footer-findus ul.links li a:hover,
html body .footer-middle .ts-footer-about ul.links li a:hover {
    color: #ff6600 !important;
}

html body .footer-middle .ts-footer-tags a:hover {
    background-color: #ff6600 !important;
    border-color: #ff6600 !important;
    color: #fff !important;
}

.product-item-info .product-item-details .product-item-actions .tocart:hover,
.product-item-info .product-item-details .product-item-actions .tocompare:hover {
    background-color: #222529 !important;
    border-color: #222529 !important;
    color: #fff !important;
}

.product-item-info .product-item-details .product-item-actions .tocart:hover:before,
.product-item-info .product-item-details .product-item-actions .tocompare:hover:before {
    color: inherit !important;
}

.action.primary.tocart:active,
.action.primary.tocart:focus,
.action.primary.tocart._active,
.action.primary.tocart.active,
.product-item .action.tocart:active,
.product-item .action.tocart:focus,
.product-item .action.tocart._active,
.product-item .action.tocart.active,
#product-addtocart-button:active,
#product-addtocart-button:focus,
#product-addtocart-button._active,
#product-addtocart-button.active {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

.minicart-wrapper,
.block-minicart,
.minicart-wrapper .ui-dialog,
.minicart-wrapper .ui-dialog-content,
.page-header .minicart-wrapper .block-minicart,
.page-header.type22 .minicart-wrapper .block-minicart {
    z-index: 12050 !important;
}

.modals-overlay {
    z-index: 20000 !important;
}

.modal-popup,
.modal-custom,
.modal-slide {
    z-index: 20010 !important;
}

.modal-popup.confirm .modal-inner-wrap {
    width: min(520px, calc(100vw - 32px)) !important;
    max-width: 520px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 120px) !important;
    margin: 12vh auto 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: block !important;
}

.modal-popup.confirm .modal-header {
    min-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
}

.modal-popup.confirm .action-close {
    top: 8px !important;
    right: 8px !important;
    width: 32px !important;
    height: 32px !important;
    min-height: 0 !important;
    padding: 0 !important;
    line-height: 32px !important;
}

.modal-popup.confirm .modal-content {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 44px 4px 16px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}

.modal-popup.confirm .modal-footer {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 6px 16px 14px !important;
    min-height: 0 !important;
}

.modal-popup.confirm .modal-footer .action-primary,
.modal-popup.confirm .modal-footer .action-accept,
.modal-popup.confirm .modal-footer .action.primary,
.modal-popup.confirm .modal-footer .action-secondary,
.modal-popup.confirm .modal-footer .action-dismiss {
    background: #2f343a !important;
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
    min-height: 0 !important;
    height: 32px !important;
    line-height: 30px !important;
    padding: 0 16px !important;
    margin: 0 !important;
}

.modal-popup.confirm .modal-footer .action-primary:hover,
.modal-popup.confirm .modal-footer .action-primary:focus,
.modal-popup.confirm .modal-footer .action-accept:hover,
.modal-popup.confirm .modal-footer .action-accept:focus,
.modal-popup.confirm .modal-footer .action.primary:hover,
.modal-popup.confirm .modal-footer .action.primary:focus,
.modal-popup.confirm .modal-footer .action-secondary:hover,
.modal-popup.confirm .modal-footer .action-secondary:focus,
.modal-popup.confirm .modal-footer .action-dismiss:hover,
.modal-popup.confirm .modal-footer .action-dismiss:focus {
    background: #1f2328 !important;
    background-color: #1f2328 !important;
    border-color: #1f2328 !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    .modal-popup.confirm .modal-inner-wrap {
        margin: 80px auto 0 !important;
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100vh - 120px) !important;
    }
}

.page-header .minicart-wrapper,
.page-header .minicart-wrapper.active,
.page-header .minicart-wrapper._active,
.page-header .minicart-wrapper .ui-dialog,
.page-header .minicart-wrapper .ui-dialog-content,
.page-header .minicart-wrapper .block-minicart,
.page-header.type22 .header-main .minicart-wrapper,
.page-header.type22 .header-main .minicart-wrapper.active,
.page-header.type22 .header-main .minicart-wrapper._active,
.page-header.type22 .header-main .minicart-wrapper .ui-dialog,
.page-header.type22 .header-main .minicart-wrapper .ui-dialog-content,
.page-header.type22 .header-main .minicart-wrapper .block-minicart {
    z-index: 12050 !important;
}

.page-header .minicart-wrapper .block-minicart,
.page-header.type22 .minicart-wrapper .block-minicart {
    position: absolute !important;
}

.page-header.type22 .header-main,
.page-header.type3 .header-main {
    position: relative !important;
    z-index: 12040 !important;
}

.page-header .minicart-wrapper .action.showcart,
.page-header .minicart-wrapper .action.showcart.active,
.page-header .minicart-wrapper .action.showcart:hover {
    color: #2f343a !important;
    background: transparent !important;
}

.page-header .minicart-wrapper .action.showcart:before,
.page-header .minicart-wrapper .action.showcart.active:before,
.page-header .minicart-wrapper .action.showcart:hover:before,
.page-header .minicart-wrapper .action.showcart .text {
    color: #2f343a !important;
}

.page-header .minicart-wrapper .action.showcart .counter.qty,
.page-header .minicart-wrapper .action.showcart .counter-number,
.page-header .minicart-wrapper .action.showcart .counter-label,
.page-header .minicart-wrapper .action-subtotal,
.page-header .minicart-wrapper .action-subtotal .label1,
.page-header .minicart-wrapper .action-subtotal .label2,
.page-header .minicart-wrapper .action-subtotal .price,
.page-header .minicart-wrapper .action.showcart .cart-price,
.page-header .minicart-wrapper .action.showcart .price {
    color: #2f343a !important;
    border-color: #2f343a !important;
}

/* The Porto minicart template is bundled, so replace its legacy label at display time. */
.page-header .minicart-wrapper .block-minicart .subtotal .label {
    font-size: 0 !important;
}

.page-header .minicart-wrapper .block-minicart .subtotal .label:after {
    content: 'Vahesumma:' !important;
    font-size: 14px !important;
}

.page-main > .page-title-wrapper .page-title,
.page-main > .page-title-wrapper .page-title .base,
.catalogsearch-result-index .page-main > .page-title-wrapper .page-title,
.catalogsearch-result-index .page-main > .page-title-wrapper .page-title .base,
.checkout-cart-index .page-main > .page-title-wrapper .page-title,
.checkout-cart-index .cart-summary > .title,
.checkout-cart-index .cart-discount .block > .title strong,
.checkout-cart-index .paypal-review-discount .block > .title strong {
    color: #2f343a !important;
}

.checkout-cart-index .cart.main.actions .action.update,
.checkout-cart-index .cart.main.actions button.action.update,
.checkout-cart-index .cart.table-wrapper .actions-toolbar .action.update,
.checkout-cart-index #shopping-cart-table .action.update,
.checkout-cart-index button[name="update_cart_action"],
.checkout-cart-index .action.update-cart-item,
.minicart-items .update-cart-item {
    background: #2f343a !important;
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

.checkout-cart-index .cart.main.actions .action.update:hover,
.checkout-cart-index .cart.main.actions .action.update:focus,
.checkout-cart-index .cart.main.actions .action.update:active,
.checkout-cart-index .cart.main.actions button.action.update:hover,
.checkout-cart-index .cart.main.actions button.action.update:focus,
.checkout-cart-index .cart.table-wrapper .actions-toolbar .action.update:hover,
.checkout-cart-index .cart.table-wrapper .actions-toolbar .action.update:focus,
.checkout-cart-index #shopping-cart-table .action.update:hover,
.checkout-cart-index #shopping-cart-table .action.update:focus,
.checkout-cart-index button[name="update_cart_action"]:hover,
.checkout-cart-index button[name="update_cart_action"]:focus,
.checkout-cart-index .action.update-cart-item:hover,
.checkout-cart-index .action.update-cart-item:focus,
.minicart-items .update-cart-item:hover,
.minicart-items .update-cart-item:focus {
    background: #1f2328 !important;
    background-color: #1f2328 !important;
    border-color: #1f2328 !important;
    color: #fff !important;
}

.checkout-cart-index .cart.main.actions .action.update span,
.checkout-cart-index .cart.main.actions button.action.update span,
.checkout-cart-index button[name="update_cart_action"] span,
.checkout-cart-index .action.update-cart-item span,
.minicart-items .update-cart-item span {
    color: #fff !important;
}

.checkout-onepage-success .action.primary,
.checkout-onepage-success a.action.primary,
.checkout-onepage-success button.action.primary,
.checkout-onepage-success .actions-toolbar .primary .action,
.checkout-onepage-success .checkout-success .action.primary,
.checkout-onepage-success .checkout-success a.action.primary {
    background: #2f343a !important;
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

.checkout-onepage-success .action.primary:hover,
.checkout-onepage-success .action.primary:focus,
.checkout-onepage-success .action.primary:active,
.checkout-onepage-success a.action.primary:hover,
.checkout-onepage-success a.action.primary:focus,
.checkout-onepage-success button.action.primary:hover,
.checkout-onepage-success button.action.primary:focus,
.checkout-onepage-success .actions-toolbar .primary .action:hover,
.checkout-onepage-success .actions-toolbar .primary .action:focus,
.checkout-onepage-success .checkout-success .action.primary:hover,
.checkout-onepage-success .checkout-success .action.primary:focus {
    background: #1f2328 !important;
    background-color: #1f2328 !important;
    border-color: #1f2328 !important;
    color: #fff !important;
}

.checkout-onepage-success .action.primary span,
.checkout-onepage-success a.action.primary span,
.checkout-onepage-success button.action.primary span {
    color: #fff !important;
}

.page-header .navigation .submenu a:hover,
.page-header .navigation .submenu a.ui-state-focus,
.page-header .navigation .submenu .ui-menu-item:hover > a,
.page-header .navigation .submenu .ui-menu-item.active > a,
.page-header .navigation .level0 .submenu a:hover,
.page-header .navigation .level0 .submenu a:focus,
.page-header.type22 .second-menu-block .ts-submenu a:hover,
.page-header.type22 .second-menu-block .ts-submenu a:focus,
.page-header.type22 .second-menu-block .ts-submenu li:hover > a,
.page-header.type22 .second-menu-block .ts-submenu li.active > a,
.page-header.type22 .second-menu-block .level0:hover > .level-top,
.page-header.type22 .second-menu-block .level0.active > .level-top,
.page-header.type22 .second-menu-block .level0 > .level-top:hover,
.page-header.type22 .second-menu-block .level0 > .level-top:focus {
    color: #2f343a !important;
    background: #f4f4f4 !important;
}

.page-header.type1 .navigation li.level0.active,
.page-header.type1 .navigation li.level0:hover,
.page-header .navigation li.level0.active,
.page-header .navigation li.level0:hover,
.page-header .navigation li.level0 > .level-top:hover,
.page-header .navigation li.level0 > .level-top:focus {
    background-color: transparent !important;
}

.footer-middle .ts-footer-title,
.footer-middle h3.ts-footer-title,
.footer-middle h3,
.footer-middle h4,
.footer-middle .block-title strong {
    color: #fff !important;
}

.catalog-category-view .ts-jura-shop {
    --jura-ink: #151515;
    --jura-muted: #686868;
    --jura-line: #dedede;
    --jura-paper: #f7f7f7;
    margin: 0 0 30px !important;
    color: var(--jura-ink);
}

.catalog-category-view .ts-jura-hero {
    overflow: hidden;
    margin: 0 0 26px;
    background: #f7f7f7;
}

.catalog-category-view .ts-jura-hero img {
    display: block;
    width: 100%;
    aspect-ratio: 1920 / 392;
    height: auto;
    object-fit: cover;
}

.catalog-category-view .ts-jura-intro {
    margin: 0 0 28px;
}

.catalog-category-view .ts-jura-intro p,
.catalog-category-view .ts-jura-cats article > p {
    margin: 0 0 14px !important;
    color: #454545 !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
    text-align: justify;
}

.catalog-category-view .ts-jura-cats article {
    margin: 0 0 34px;
}

.catalog-category-view .ts-jura-cats h2 {
    margin: 0 0 10px !important;
    color: #151515 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.catalog-category-view .ts-jura-cats h2 a {
    color: inherit !important;
    text-decoration: none !important;
}

.catalog-category-view .ts-jura-wide-image {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 16px;
    background: #f7f7f7;
}

.catalog-category-view a.ts-jura-wide-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .22);
    opacity: 0;
    transition: opacity .22s ease;
    pointer-events: none;
}

.catalog-category-view .ts-jura-wide-image img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .32s ease;
}

.catalog-category-view a.ts-jura-wide-image:hover:after {
    opacity: 1;
}

.catalog-category-view a.ts-jura-wide-image:hover img {
    transform: scale(1.035);
}

.catalog-category-view .ts-jura-cats h2 a:hover {
    color: #f05a24 !important;
}

body[class*="categorypath-jura-e-pood-"] .ts-jura-text {
    display: none !important;
}

body[class*="categorypath-jura-e-pood"] .filter-options-item[attribute="manufacturer"],
body[class*="categorypath-jura-e-pood"] .filter-options-item[attribute="brand"] {
    display: none !important;
}

body.category-jura-e-pood #layered-filter-block,
body[class*="categorypath-jura-e-pood"] #layered-filter-block {
    display: none !important;
}

body.category-jura-e-pood .sidebar.sidebar-main .block-compare,
body[class*="categorypath-jura-e-pood"] .sidebar.sidebar-main .block-compare {
    display: none !important;
}

body.category-jura-e-pood .ts-jura-sidebar-logo {
    min-height: 0 !important;
    margin-bottom: 12px !important;
    padding: 10px 18px !important;
}

body.category-jura-e-pood .ts-jura-sidebar-logo img {
    width: min(100%, 175px) !important;
}

body.category-jura-e-pood .block-category-list {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

body.category-jura-e-pood .block-category-list .block-content {
    padding-top: 6px !important;
}

body.category-jura-e-pood .block-category-list a {
    line-height: 1.35 !important;
}

.ts-jura-sidebar-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px;
    min-height: 112px;
    padding: 22px 24px;
    background: transparent;
    text-decoration: none !important;
}

.ts-jura-sidebar-logo img {
    display: block;
    width: min(100%, 220px);
    height: auto;
}

@media (min-width: 1024px) {
    body[class*="categorypath-jura-e-pood-"] .page-main > .page-main-inner > .columns {
        display: grid !important;
        grid-template-columns: 340px minmax(0, 1fr);
        gap: 0 25px;
        align-items: start;
    }

    body[class*="categorypath-jura-e-pood-"] .page-main > .page-main-inner > .columns > .ts-jura-sidebar-placeholder {
        grid-column: 1;
        grid-row: 1;
        width: 100% !important;
        min-width: 0;
    }

    body[class*="categorypath-jura-e-pood-"] .page-main > .page-main-inner > .columns > .sidebar-main,
    body[class*="categorypath-jura-e-pood-"] .page-main > .page-main-inner > .columns > .column.main {
        float: none !important;
        min-width: 0;
    }

    body[class*="categorypath-jura-e-pood-"] .page-main > .page-main-inner > .columns > .sidebar-main {
        width: 100% !important;
        max-width: none !important;
        grid-column: 1;
        grid-row: 1;
    }

    body[class*="categorypath-jura-e-pood-"] .page-main > .page-main-inner > .columns > .column.main {
        width: 100% !important;
        max-width: none !important;
        grid-column: 2;
        grid-row: 1;
    }

    body.category-jura-e-pood .page-main {
        position: relative;
        display: grid;
        grid-template-columns: 340px minmax(0, 1fr);
        gap: 0 25px;
        align-items: start;
    }

    body.category-jura-e-pood .page-main > #contentarea,
    body.category-jura-e-pood .page-main > .page.messages {
        grid-column: 1 / -1;
    }

    body.category-jura-e-pood .page-main > .category-view {
        grid-column: 2;
        grid-row: 2;
        min-width: 0;
    }

    body.category-jura-e-pood .page-main > .page-main-inner,
    body.category-jura-e-pood .page-main > .page-main-inner > .columns {
        display: contents;
    }

    body.category-jura-e-pood .page-main > .page-main-inner > .columns > .sidebar-main {
        grid-column: 1;
        grid-row: 2 / span 2;
        width: 100% !important;
        max-width: none !important;
        align-self: start;
    }

    body.category-jura-e-pood .page-main > .page-main-inner > .columns > .ts-jura-sidebar-placeholder {
        grid-column: 1;
        grid-row: 2 / span 2;
        width: 100% !important;
        min-width: 0;
    }

    html body.category-jura-e-pood .sidebar.sidebar-main,
    html body[class*="categorypath-jura-e-pood"] .sidebar.sidebar-main {
        position: sticky !important;
        top: 108px !important;
        align-self: start !important;
        height: max-content;
        max-height: none !important;
        overflow-y: visible !important;
        z-index: 2;
    }

    body.category-jura-e-pood .page-main > .page-main-inner > .columns > .column.main {
        grid-column: 2;
        grid-row: 3;
        width: 100% !important;
        max-width: none !important;
        min-width: 0;
    }
}

.sendfriend-product-send .form.send.friend #add-recipient-button,
.sendfriend-product-send .form.send.friend .action.remove {
    position: static !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid #2f343a !important;
    border-radius: 10px !important;
    background: #2f343a !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

.sendfriend-product-send .form.send.friend #add-recipient-button:hover,
.sendfriend-product-send .form.send.friend #add-recipient-button:focus,
.sendfriend-product-send .form.send.friend #add-recipient-button:active,
.sendfriend-product-send .form.send.friend .action.remove:hover,
.sendfriend-product-send .form.send.friend .action.remove:focus,
.sendfriend-product-send .form.send.friend .action.remove:active {
    border-color: #1f2328 !important;
    background: #1f2328 !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.sendfriend-product-send .form.send.friend .recipients .actions-toolbar {
    margin: 12px 0 0 !important;
}

.sendfriend-product-send .form.send.friend .recipients > .actions-toolbar .secondary {
    float: none !important;
    text-align: left !important;
}

.sendfriend-product-send .form.send.friend .recipients .additional {
    position: relative !important;
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e5e7eb !important;
}

.sendfriend-product-send .form.send.friend .recipients .additional > .actions-toolbar {
    position: absolute !important;
    top: 45px !important;
    right: 0 !important;
    z-index: 2 !important;
    width: auto !important;
    margin: 0 !important;
}

.sendfriend-product-send .form.send.friend .recipients .additional > .actions-toolbar .secondary {
    float: none !important;
}

.sendfriend-product-send .form.send.friend .recipients .additional > .fieldset {
    padding-right: 118px !important;
}

@media (max-width: 639px) {
    .sendfriend-product-send .form.send.friend .recipients .additional > .actions-toolbar {
        position: static !important;
        margin-bottom: 10px !important;
        text-align: right !important;
    }

    .sendfriend-product-send .form.send.friend .recipients .additional > .fieldset {
        padding-right: 0 !important;
    }
}

.catalog-category-view .ts-jura-text {
    margin: 24px 0 0;
    padding: 0;
    background: #fff;
    border: 0;
}

.catalog-category-view .ts-jura-tech {
    margin: 0;
    padding: clamp(24px, 3vw, 34px);
    color: #363636;
    background: #fff;
    border: 0;
}

.catalog-category-view .ts-jura-tech h2 {
    max-width: 900px;
    margin: 0 0 12px !important;
    color: #151515 !important;
    font-size: clamp(23px, 2.4vw, 32px) !important;
    font-weight: 400 !important;
    line-height: 1.16 !important;
}

.catalog-category-view .ts-jura-tech h3 {
    margin: 0 0 20px !important;
    color: #151515 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.catalog-category-view .ts-jura-tech > p {
    max-width: 920px;
    margin: 0 0 12px !important;
    color: #555;
    font-size: 15px;
    line-height: 1.7;
}

.catalog-category-view .ts-jura-tech-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: clamp(22px, 4vw, 54px);
    align-items: center;
    margin: 0 auto 30px;
    max-width: 1225px;
}

.catalog-category-view .ts-jura-tech-row.is-reverse {
    grid-template-columns: 430px minmax(0, 1fr);
}

.catalog-category-view .ts-jura-tech-row iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
}

.catalog-category-view .ts-jura-tech-row p {
    color: #555;
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
}

.catalog-category-view .ts-jura-tech-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
}

.catalog-category-view .ts-jura-tech-grid div {
    padding: 22px;
    background: #fff;
    border: 1px solid #e3ded7;
}

.catalog-category-view .ts-jura-tech-grid strong {
    display: block;
    margin-bottom: 8px;
    color: #151515;
    font-size: 16px;
}

.catalog-category-view .ts-jura-tech-grid p {
    margin: 0 !important;
    color: #646464;
    font-size: 14px;
    line-height: 1.58;
}

.catalog-category-view .ts-jura-values {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
    background: transparent;
}

.catalog-category-view .ts-jura-values div {
    padding: 0 8px;
    background: transparent;
    text-align: center;
}

.catalog-category-view .ts-jura-values img {
    display: block;
    width: min(100%, 150px);
    height: auto;
    margin: 0 auto 14px;
}

.catalog-category-view .ts-jura-values strong {
    display: block;
    margin-bottom: 8px;
    color: #151515;
    font-size: 15px;
}

.catalog-category-view .ts-jura-values p {
    margin: 0 !important;
    color: #626262;
    font-size: 12px;
    line-height: 1.55;
}

@media (min-width: 1024px) {
    .catalog-category-view .products-grid .product-items,
    .catalogsearch-result-index .products-grid .product-items {
        display: flex;
        flex-wrap: wrap;
    }

    .catalog-category-view .products-grid .product-item,
    .catalogsearch-result-index .products-grid .product-item {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        width: 33.333333% !important;
    }
}

.onestepcheckout-index-index .ts-hidden-duplicate-street-label {
    display: none !important;
}

/* Telephone delivery help is not used in this guest checkout. */
.onestepcheckout-index-index [name="shippingAddress.telephone"] .field-tooltip {
    display: none !important;
}

.onestepcheckout-index-index .page-header .minicart-wrapper .block-minicart {
    display: none !important;
}

.onestepcheckout-index-index .page-header .minicart-wrapper,
.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart {
    cursor: default !important;
}

.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart:disabled {
    cursor: default !important;
    opacity: 1 !important;
}

.onestepcheckout-index-index .page-header .minicart-wrapper .action-subtotal,
.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart .text,
.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart .counter-label,
.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart .counter-label * {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart {
    position: relative !important;
    width: 31px !important;
    min-width: 31px !important;
    max-width: 31px !important;
    overflow: visible !important;
}

.onestepcheckout-index-index .page-header .minicart-wrapper:before,
.onestepcheckout-index-index .page-header .minicart-wrapper:after,
.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart:before,
.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart:after {
    display: none !important;
    content: none !important;
}

.onestepcheckout-index-index .page-header .minicart-wrapper .minicart-icon:after,
.onestepcheckout-index-index .page-header .minicart-wrapper .counter.qty:before,
.onestepcheckout-index-index .page-header .minicart-wrapper .counter.qty:after {
    display: none !important;
    content: none !important;
}

.onestepcheckout-index-index .billing-address-details-actions {
    margin-top: 16px !important;
}

.onestepcheckout-index-index .billing-address-details-actions .action,
.onestepcheckout-index-index .billing-address-form .action-update,
.onestepcheckout-index-index .billing-address-form .action-cancel,
.onestepcheckout-index-index .action.action-update,
.onestepcheckout-index-index .action.action-cancel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    margin-top: 14px !important;
    padding: 0 18px !important;
    border: 1px solid #2f343a !important;
    border-radius: 10px !important;
    background: #2f343a !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.onestepcheckout-index-index .billing-address-details-actions .action:hover,
.onestepcheckout-index-index .billing-address-details-actions .action:focus,
.onestepcheckout-index-index .billing-address-form .action-update:hover,
.onestepcheckout-index-index .billing-address-form .action-update:focus,
.onestepcheckout-index-index .billing-address-form .action-cancel:hover,
.onestepcheckout-index-index .billing-address-form .action-cancel:focus,
.onestepcheckout-index-index .action.action-update:hover,
.onestepcheckout-index-index .action.action-update:focus,
.onestepcheckout-index-index .action.action-cancel:hover,
.onestepcheckout-index-index .action.action-cancel:focus {
    border-color: #1f2328 !important;
    background: #1f2328 !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    .onestepcheckout-index-index .billing-address-form .actions-toolbar,
    .onestepcheckout-index-index .billing-address-details-actions,
    .onestepcheckout-index-index .checkout-billing-address .actions-toolbar {
        margin-top: 16px !important;
    }

    .onestepcheckout-index-index .billing-address-form .action-update,
    .onestepcheckout-index-index .billing-address-form .action-cancel,
    .onestepcheckout-index-index .checkout-billing-address .action-update,
    .onestepcheckout-index-index .checkout-billing-address .action-cancel,
    .onestepcheckout-index-index .action.action-update,
    .onestepcheckout-index-index .action.action-cancel {
        width: 100% !important;
        margin-top: 12px !important;
    }

    .onestepcheckout-index-index .field .control._with-tooltip input,
    .onestepcheckout-index-index .field .control._with-tooltip select,
    .onestepcheckout-index-index .field .control._with-tooltip textarea {
        padding-right: 44px !important;
    }

    .onestepcheckout-index-index .field-tooltip {
        overflow: visible !important;
        z-index: 80 !important;
    }

    .onestepcheckout-index-index .field-tooltip .field-tooltip-content {
        position: absolute !important;
        top: 30px !important;
        right: auto !important;
        left: auto;
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        min-width: 0 !important;
        padding: 12px 14px !important;
        border-radius: 10px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        box-sizing: border-box !important;
        z-index: 10020 !important;
    }

    .onestepcheckout-index-index .field-tooltip._active .field-tooltip-content,
    .onestepcheckout-index-index .field-tooltip:hover .field-tooltip-content,
    .onestepcheckout-index-index .field-tooltip:focus-within .field-tooltip-content {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .onestepcheckout-index-index .field-tooltip .field-tooltip-content:before,
    .onestepcheckout-index-index .field-tooltip .field-tooltip-content:after {
        display: none !important;
    }

    .onestepcheckout-index-index .step-content,
    .onestepcheckout-index-index .colps-content,
    .onestepcheckout-index-index .opc-wrapper,
    .onestepcheckout-index-index .checkout-container {
        overflow: visible !important;
    }
}

@media (max-width: 767px) {
    html body {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    html body .page-main > .page-title-wrapper .page-title,
    html body .page-main > .page-title-wrapper .page-title .base,
    html body .product-info-main .page-title-wrapper h1,
    html body .catalog-product-view .product-info-main .page-title-wrapper h1 {
        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: -.01em !important;
    }

    html body.cms-index-index .ts-featured-title,
    html body.cms-index-index .ts-brand-strip h2,
    html body .block .block-title strong,
    html body .fieldset > .legend span {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
    }

    html body.cms-index-index .ts-card h3 {
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    html body.cms-index-index .ts-card p,
    html body.catalog-product-view .product-info-main .product.attribute.overview,
    html body.catalog-product-view .product-info-main .product.attribute.overview *,
    html body.catalog-product-view .product.info.detailed,
    html body.catalog-product-view .product.info.detailed *,
    html body.catalog-category-view .category-description,
    html body.catalog-category-view .category-description * {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.6 !important;
    }

    html body .products-grid .product-item-name,
    html body .products-grid .product-item-name a,
    html body .products-list .product-item-name,
    html body .products-list .product-item-name a {
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
    }

    html body .products-grid .price-box .price,
    html body .products-list .price-box .price {
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
    }

    html body .product-info-main .price-box .price,
    html body.catalog-product-view .product-info-main .price-box .price {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
    }

    html body label,
    html body .label,
    html body input,
    html body select,
    html body textarea,
    html body .toolbar,
    html body .toolbar select,
    html body .filter-options-title,
    html body .filter-options-content,
    html body .filter-options-content a {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    html body .action.primary,
    html body .action.primary span,
    html body button.action,
    html body button.action span,
    html body .tocart,
    html body .tocart span {
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
    }

    html body .footer-middle,
    html body .footer-middle p,
    html body .footer-middle a,
    html body .footer-middle li {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    html body .footer-middle h3.ts-footer-title {
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    html body.catalog-product-view .product.info.detailed .data.item.title .data.switch {
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
    }
}

@media (max-width: 767px) {
    html body.nav-open .page-header.type22 .second-menu-block .level0,
    html.nav-open body .page-header.type22 .second-menu-block .level0 {
        width: 100% !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block .level0 > .level-top,
    html.nav-open body .page-header.type22 .second-menu-block .level0 > .level-top {
        padding-left: 22px !important;
        padding-right: 52px !important;
        box-sizing: border-box !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block .ts-submenu a,
    html body.nav-open .page-header.type22 .second-menu-block .submenu a,
    html.nav-open body .page-header.type22 .second-menu-block .ts-submenu a,
    html.nav-open body .page-header.type22 .second-menu-block .submenu a {
        padding-left: 36px !important;
        padding-right: 22px !important;
        box-sizing: border-box !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block li.parent,
    html.nav-open body .page-header.type22 .second-menu-block li.parent {
        position: relative !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block li.parent > .open-children-toggle,
    html.nav-open body .page-header.type22 .second-menu-block li.parent > .open-children-toggle {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        z-index: 3 !important;
        width: 42px !important;
        height: 42px !important;
        cursor: pointer !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block li.parent > .open-children-toggle:before,
    html body.nav-open .page-header.type22 .second-menu-block li.parent > .open-children-toggle:after,
    html.nav-open body .page-header.type22 .second-menu-block li.parent > .open-children-toggle:before,
    html.nav-open body .page-header.type22 .second-menu-block li.parent > .open-children-toggle:after {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 8px !important;
        height: 1px !important;
        background: #777 !important;
        transform-origin: right center !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block li.parent > .open-children-toggle:before,
    html.nav-open body .page-header.type22 .second-menu-block li.parent > .open-children-toggle:before {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block li.parent > .open-children-toggle:after,
    html.nav-open body .page-header.type22 .second-menu-block li.parent > .open-children-toggle:after {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block li.parent.ts-mobile-open > .open-children-toggle:before,
    html.nav-open body .page-header.type22 .second-menu-block li.parent.ts-mobile-open > .open-children-toggle:before {
        transform: translate(-50%, -50%) rotate(135deg) !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block li.parent.ts-mobile-open > .open-children-toggle:after,
    html.nav-open body .page-header.type22 .second-menu-block li.parent.ts-mobile-open > .open-children-toggle:after {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block li.parent > .ts-submenu,
    html body.nav-open .page-header.type22 .second-menu-block li.parent > .submenu,
    html.nav-open body .page-header.type22 .second-menu-block li.parent > .ts-submenu,
    html.nav-open body .page-header.type22 .second-menu-block li.parent > .submenu {
        display: none !important;
        position: static !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 0 8px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block li.parent.ts-mobile-open > .ts-submenu,
    html body.nav-open .page-header.type22 .second-menu-block li.parent.ts-mobile-open > .submenu,
    html.nav-open body .page-header.type22 .second-menu-block li.parent.ts-mobile-open > .ts-submenu,
    html.nav-open body .page-header.type22 .second-menu-block li.parent.ts-mobile-open > .submenu {
        display: block !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block .submenu .submenu a,
    html body.nav-open .page-header.type22 .second-menu-block .ts-submenu .ts-submenu a,
    html body.nav-open .page-header.type22 .second-menu-block .submenu .ts-submenu a,
    html body.nav-open .page-header.type22 .second-menu-block .ts-submenu .submenu a,
    html.nav-open body .page-header.type22 .second-menu-block .submenu .submenu a,
    html.nav-open body .page-header.type22 .second-menu-block .ts-submenu .ts-submenu a,
    html.nav-open body .page-header.type22 .second-menu-block .submenu .ts-submenu a,
    html.nav-open body .page-header.type22 .second-menu-block .ts-submenu .submenu a {
        padding-left: 50px !important;
    }
}

@media (max-width: 767px) {
    .catalog-product-view .product-info-main {
        display: flex !important;
        flex-direction: column !important;
    }

    .catalog-product-view .product-info-main .prev-next-products {
        order: 0 !important;
    }

    .catalog-product-view .product-info-main .page-title-wrapper {
        order: 1 !important;
    }

    .catalog-product-view .product-info-main .product-info-price {
        order: 2 !important;
    }

    .catalog-product-view .product-info-main .product-add-form {
        order: 3 !important;
        margin-top: 18px !important;
        margin-bottom: 20px !important;
    }

    .catalog-product-view .product-info-main .product.attribute.overview {
        order: 4 !important;
    }

    .catalog-product-view .product-info-main .product-social-links {
        order: 5 !important;
    }
}

@media (min-width: 768px) {
    html body.catalog-product-view.page-layout-1column .column.main > .product-info-main,
    html body.catalog-product-view.page-layout-2columns-left .column.main > .product-info-main,
    html body.catalog-product-view.page-layout-2columns-right .column.main > .product-info-main,
    html body.catalog-product-view.page-layout-3columns .column.main > .product-info-main,
    html body.catalog-product-view .column.main > .product-info-main {
        width: auto !important;
        max-width: none !important;
        float: none !important;
    }

    html body.catalog-product-view.page-layout-1column .column.main > .product.media,
    html body.catalog-product-view.page-layout-2columns-left .column.main > .product.media,
    html body.catalog-product-view.page-layout-2columns-right .column.main > .product.media,
    html body.catalog-product-view.page-layout-3columns .column.main > .product.media,
    html body.catalog-product-view .column.main > .product.media {
        width: auto !important;
        max-width: none !important;
        float: none !important;
    }
}

@media (max-width: 767px) {
    /* Do not inherit Porto's orange mobile-menu toggle colour. */
    html body .page-header.type22 .header-main .nav-toggle,
    html body .page-header.type22 .header-main .nav-toggle:before,
    html body .page-header.type22 .header-main .nav-toggle span {
        color: #222529 !important;
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .catalog-category-view .products-grid .product-item,
    .catalogsearch-result-index .products-grid .product-item {
        width: 50% !important;
    }
}

@media (max-width: 639px) {
    .cms-index-index .products-grid .product-items,
    .catalog-category-view .products-grid .product-items,
    .catalogsearch-result-index .products-grid .product-items {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    .cms-index-index .products-grid .product-item,
    .catalog-category-view .products-grid .product-item,
    .catalogsearch-result-index .products-grid .product-item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .cms-index-index .products-grid .product-item-info,
    .catalog-category-view .products-grid .product-item-info,
    .catalogsearch-result-index .products-grid .product-item-info {
        position: relative !important;
    }

    .cms-index-index .products-grid .product-item-actions,
    .catalog-category-view .products-grid .product-item-actions,
    .catalogsearch-result-index .products-grid .product-item-actions {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        height: auto !important;
        margin: 10px 0 0 !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
    }

    .cms-index-index .products-grid .product-item-actions .actions-primary,
    .catalog-category-view .products-grid .product-item-actions .actions-primary,
    .catalogsearch-result-index .products-grid .product-item-actions .actions-primary {
        display: contents !important;
        position: static !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .cms-index-index .products-grid .product-item-actions .actions-secondary,
    .catalog-category-view .products-grid .product-item-actions .actions-secondary,
    .catalogsearch-result-index .products-grid .product-item-actions .actions-secondary {
        display: contents !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    .cms-index-index .products-grid .product-item-actions .tocart,
    .catalog-category-view .products-grid .product-item-actions .tocart,
    .catalogsearch-result-index .products-grid .product-item-actions .tocart,
    .cms-index-index .products-grid .product-item-actions .tocompare,
    .catalog-category-view .products-grid .product-item-actions .tocompare,
    .catalogsearch-result-index .products-grid .product-item-actions .tocompare {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border-radius: 10px !important;
        font-size: 0 !important;
        line-height: 1 !important;
        overflow: hidden !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        white-space: nowrap !important;
    }

    .cms-index-index .products-grid .product-item-actions .tocart span,
    .catalog-category-view .products-grid .product-item-actions .tocart span,
    .catalogsearch-result-index .products-grid .product-item-actions .tocart span,
    .cms-index-index .products-grid .product-item-actions .tocompare span,
    .catalog-category-view .products-grid .product-item-actions .tocompare span,
    .catalogsearch-result-index .products-grid .product-item-actions .tocompare span {
        display: none !important;
    }

    .cms-index-index .products-grid .product-item-actions .tocart:before,
    .catalog-category-view .products-grid .product-item-actions .tocart:before,
    .catalogsearch-result-index .products-grid .product-item-actions .tocart:before,
    .cms-index-index .products-grid .product-item-actions .tocompare:before,
    .catalog-category-view .products-grid .product-item-actions .tocompare:before,
    .catalogsearch-result-index .products-grid .product-item-actions .tocompare:before {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        font-size: 20px !important;
        line-height: 1 !important;
        transform: none !important;
    }

    .cms-index-index .products-grid .product-item-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        height: auto !important;
        margin: 10px 0 0 !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
    }

    .cms-index-index .products-grid .product-item-inner,
    .cms-index-index .products-grid .product-item-info .product-item-details .product-item-inner,
    .cms-index-index .products-grid .product-item-info .product-item-details .product-item-actions,
    .cms-index-index .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
    }

    .cms-index-index .products-grid .product-item-inner,
    .cms-index-index .products-grid .product-item-info .product-item-details .product-item-inner {
        justify-content: center !important;
        width: 100% !important;
    }

    .cms-index-index .products-grid .product-item-actions .actions-primary {
        display: contents !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .cms-index-index .products-grid .product-item-actions .tocart,
    .cms-index-index .products-grid .product-item-actions .tocompare {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        transform: none !important;
        flex: 0 0 42px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .cms-index-index .products-grid .product-item-actions .tocompare:before {
        content: "" !important;
        display: block !important;
        width: 18px !important;
        height: 18px !important;
        background:
            linear-gradient(#2f343a, #2f343a) 2px 10px / 4px 8px no-repeat,
            linear-gradient(#2f343a, #2f343a) 7px 6px / 4px 12px no-repeat,
            linear-gradient(#2f343a, #2f343a) 12px 2px / 4px 16px no-repeat !important;
        border-radius: 2px !important;
    }
}

.catalog-category-view .products-list .product-item-description,
.catalogsearch-result-index .products-list .product-item-description {
    display: none !important;
}

.catalog-category-view .products-list .product-item-info,
.catalogsearch-result-index .products-list .product-item-info {
    align-items: center;
}

.catalog-category-view .products-list .product-item-details,
.catalogsearch-result-index .products-list .product-item-details {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.catalog-product-view .product-reviews-summary,
.product-reviews-summary.short,
.catalog-product-view .review-list,
.catalog-product-view .review-add,
.catalog-product-view #customer-reviews,
.catalog-product-view .reviews-actions,
.catalog-product-view .rating-summary,
.catalog-product-view .rating-result,
.catalog-product-view .product-info-stock-sku,
.catalog-product-view .stock.sku,
.catalog-product-view [itemprop="sku"] {
    display: none !important;
}

.catalog-product-view .product-info-main .product.attribute.overview,
.catalog-product-view .product-info-main .product.attribute.overview .value,
.catalog-product-view .product-info-main .product.attribute.overview .product.attribute.overview,
.catalog-product-view .product-info-main .product.attribute.overview .sbshortdescription,
.catalog-product-view .product-info-main .product.attribute.overview ul,
.catalog-product-view .product-info-main .product.attribute.overview ol,
.catalog-product-view .product-info-main .product.attribute.overview li,
.catalog-product-view .product-info-main .product.attribute.overview p,
.catalog-product-view .product-info-main .product.attribute.overview span,
.catalog-product-view .product-info-main .product.attribute.overview div {
    color: #526173 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

.catalog-product-view .product-info-main .product.attribute.overview {
    margin: 14px 0 18px !important;
}

.catalog-product-view .product-info-main .product.attribute.overview .value {
    margin: 0 !important;
}

.catalog-product-view .product-info-main .product.attribute.overview ul,
.catalog-product-view .product-info-main .product.attribute.overview ol {
    margin: 0 0 0 18px !important;
    padding: 0 !important;
}

.catalog-product-view .product-info-main .product.attribute.overview li {
    margin: 0 0 4px !important;
    padding: 0 !important;
}

.catalog-product-view .product-info-main .product.attribute.overview .sbtitle {
    display: block !important;
    margin: 0 0 6px !important;
    color: #172033 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

.catalog-product-view .product-info-main .product.attribute.overview .sbshortdescription + .sbshortdescription {
    margin-top: 8px !important;
}

.catalog-product-view .product-info-main .product.attribute.overview .product-info-main,
.catalog-product-view .product-info-main .product.attribute.overview .product.attribute.overview,
.catalog-product-view .product-info-main .product.attribute.overview .value {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.catalog-product-view .product-info-main .product.attribute.overview .product.info.detailed,
.catalog-product-view .product-info-main .product.attribute.overview .product.data.items.mage-tabs-disabled:empty,
.catalog-product-view .product-info-main .product.attribute.overview .product.data.items.mage-tabs-disabled {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.catalog-product-view .product.info.detailed,
.catalog-product-view .product.info.detailed .data.item.content,
.catalog-product-view .product.info.detailed .product.attribute.description,
.catalog-product-view .product.info.detailed .product.attribute.description .value,
.catalog-product-view .product.info.detailed .additional-attributes-wrapper,
.catalog-product-view .product.info.detailed .additional-attributes,
.catalog-product-view .product.info.detailed .additional-attributes th,
.catalog-product-view .product.info.detailed .additional-attributes td {
    color: #526173 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

.catalog-product-view .product.info.detailed .data.item.content *:not(.porto-icon):not([class*="porto-icon"]):not(.fa):not([class*="fa-"]) {
    font-family: inherit !important;
}

.catalog-product-view .product.info.detailed .data.item.content p,
.catalog-product-view .product.info.detailed .data.item.content div,
.catalog-product-view .product.info.detailed .data.item.content span,
.catalog-product-view .product.info.detailed .data.item.content li,
.catalog-product-view .product.info.detailed .data.item.content strong,
.catalog-product-view .product.info.detailed .data.item.content b,
.catalog-product-view .product.info.detailed .data.item.content em,
.catalog-product-view .product.info.detailed .data.item.content i,
.catalog-product-view .product.info.detailed .data.item.content [style*="font-size"] {
    color: inherit !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

.catalog-product-view .product.info.detailed .data.item.content p,
.catalog-product-view .product.info.detailed .data.item.content ul,
.catalog-product-view .product.info.detailed .data.item.content ol,
.catalog-product-view .product.info.detailed .data.item.content table {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

.catalog-product-view .product.info.detailed .data.item.content ul,
.catalog-product-view .product.info.detailed .data.item.content ol {
    padding-left: 20px !important;
}

.catalog-product-view .product.info.detailed .data.item.content li {
    margin-bottom: 5px !important;
}

.catalog-product-view .product.info.detailed .data.item.content h1,
.catalog-product-view .product.info.detailed .data.item.content h2,
.catalog-product-view .product.info.detailed .data.item.content h3,
.catalog-product-view .product.info.detailed .data.item.content h4,
.catalog-product-view .product.info.detailed .data.item.content .sbtitle {
    margin: 18px 0 8px !important;
    color: #172033 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

.catalog-product-view .product.info.detailed .data.item.content h5,
.catalog-product-view .product.info.detailed .data.item.content h6 {
    margin: 14px 0 8px !important;
    color: #172033 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

.catalog-product-view .product-info-main .product.attribute.overview .TitleBenef,
.catalog-product-view .product.info.detailed .data.item.content .TitleBenef {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

.catalog-product-view .product.info.detailed .data.item.content .sbtitle.TitleBenef {
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.catalog-product-view .product.info.detailed .data.item.content .sbtitle.TitleBenef:empty,
.catalog-product-view .product.info.detailed .data.item.content .sbtitle.TitleBenef:is(:not(:has(*))) {
    min-height: 0 !important;
}

.catalog-product-view .product.info.detailed .data.item.content .sbtitle.TitleBenef.ts-empty-titlebenef {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.catalog-product-view .product.info.detailed .data.item.content table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.catalog-product-view .product.info.detailed .data.item.content th,
.catalog-product-view .product.info.detailed .data.item.content td {
    padding: 10px 12px !important;
    border-color: #e5e7eb !important;
    color: #526173 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    vertical-align: top !important;
}

.catalog-product-view .product.info.detailed .additional-attributes th {
    width: 34% !important;
    color: #172033 !important;
    font-weight: 700 !important;
}

.catalog-product-view .product.media .fotorama__stage__shaft,
.catalog-product-view .product.media .fotorama__stage__frame {
    height: 100% !important;
}

/* Keep letterboxed product images on the same white surface as the product page. */
.catalog-product-view .product.media .fotorama__stage__frame {
    background-color: #fff !important;
}

.catalog-product-view .product.media .fotorama__stage__frame .fotorama__img,
.catalog-product-view .product.media .fotorama__img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.catalog-product-view .block.related .block-actions,
.catalog-product-view .block.related .field.choice.related {
    display: none !important;
}

.ts-home {
    --ts-blue: #0155b5;
    --ts-blue-dark: #003f88;
    --ts-orange: #ed7402;
    --ts-ink: #172033;
    --ts-muted: #667085;
    padding-top: 14px;
}

.ts-slider {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    background: #f4f7fb;
    margin: 0 0 26px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .08);
}

.ts-slider-track {
    display: flex;
    transition: transform .45s ease;
    will-change: transform;
}

.ts-slide {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    aspect-ratio: 12 / 5;
    background: #f6f7fb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ts-slide a {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.ts-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.ts-slide img.ts-pos-top {
    object-position: center top;
}

.ts-slide img.ts-pos-center {
    object-position: center center;
}

.ts-slider-arrow {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: absolute !important;
    top: 50% !important;
    z-index: 4 !important;
    width: 34px !important;
    height: 48px !important;
    min-width: 0 !important;
    margin: -24px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
    font-size: 46px !important;
    font-weight: 200 !important;
    line-height: 48px !important;
    text-align: center !important;
    cursor: pointer !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .45) !important;
    opacity: .82 !important;
    transition: opacity .18s ease, transform .18s ease !important;
}

.ts-slider-arrow:hover,
.ts-slider-arrow:focus {
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    opacity: 1 !important;
    transform: scale(1.08) !important;
}

.ts-slider-prev {
    left: 18px !important;
}

.ts-slider-next {
    right: 18px !important;
}

.ts-slider-dots {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 13px !important;
    z-index: 5 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
}

.ts-slider-dot {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .62) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .24) !important;
    line-height: 0 !important;
    font-size: 0 !important;
    cursor: pointer !important;
}

.ts-slider-dot:hover,
.ts-slider-dot:focus {
    background: rgba(255, 255, 255, .9) !important;
}

.ts-slider-dot.is-active {
    background: var(--ts-orange) !important;
}

.ts-slider.ts-slider-single .ts-slider-arrow,
.ts-slider.ts-slider-single .ts-slider-dots {
    display: none !important;
}

.ts-slide-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background: linear-gradient(90deg, rgba(1, 85, 181, .94), rgba(1, 85, 181, .08));
    color: #fff;
    padding: 30px 34px;
    max-width: 560px;
    pointer-events: none;
}

.ts-slide-caption h1 {
    color: #fff;
    font-size: 40px;
    line-height: 1.05;
    margin: 0 0 12px;
}

.ts-slide-caption p {
    font-size: 17px;
    margin: 0 0 18px;
}

.ts-btn {
    display: inline-block;
    background: #222529;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    padding: 12px 18px;
    border-radius: 3px;
}

.ts-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 26px 0 24px;
}

.ts-card {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #e7eaf0;
    background: #fff;
    min-height: 245px;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
    transition: transform .18s ease, box-shadow .18s ease;
}

.ts-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px rgba(15, 23, 42, .12);
}

.ts-card-img {
    height: 220px;
    background: #f4f7fb;
}

.ts-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ts-card-body {
    padding: 18px 20px 20px;
}

.ts-card h3 {
    margin: 0 0 8px;
    color: var(--ts-ink);
    font-size: 20px;
}

.ts-card p {
    min-height: 44px;
    margin-bottom: 12px;
    color: var(--ts-muted);
}

.ts-card a {
    font-weight: 800;
}

.ts-featured-title {
    text-align: center;
    margin: 58px 0 28px;
}

.ts-brand-strip {
    margin: 38px 0 34px;
    padding: 26px 0;
    border-top: 1px solid #e7eaf0;
    border-bottom: 1px solid #e7eaf0;
    overflow: hidden;
}

.ts-brand-strip h2 {
    text-align: center;
    margin: 0 0 18px;
    color: #172033;
    font-size: 24px;
}

.ts-brand-viewport {
    overflow: hidden;
    position: relative;
    padding: 8px 0 12px;
}

.ts-brand-track {
    display: flex;
    align-items: center;
    gap: 22px;
    width: max-content;
    animation: tsBrands 45s linear infinite;
}

.ts-brand-viewport:hover .ts-brand-track {
    animation-play-state: paused;
}

.ts-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 72px;
    background: #fff;
    border: 1px solid #e7eaf0;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .04);
    padding: 14px;
    filter: grayscale(.1);
    transition: filter .18s ease, transform .18s ease, box-shadow .18s ease;
}

.ts-brand:hover {
    filter: none;
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .1);
}

.ts-brand img {
    max-width: 100%;
    max-height: 44px;
    object-fit: contain;
    display: block;
}

@keyframes tsBrands {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@media (min-width: 1024px) and (max-height: 1000px) {
    .catalog-product-view .product.media,
    .catalog-product-view .product.media .gallery-placeholder,
    .catalog-product-view .product.media .fotorama,
    .catalog-product-view .product.media .fotorama__wrap {
        max-height: 560px !important;
    }

    .catalog-product-view .product.media .fotorama__stage {
        height: 440px !important;
        max-height: 440px !important;
    }

}

.cms-index-index .ts-grid {
    gap: 28px !important;
    margin-bottom: 48px !important;
}

.cms-index-index .ts-featured-title {
    margin-top: 56px !important;
    margin-bottom: 24px !important;
}

@media (min-width: 1024px) {
    .cms-index-index .ts-grid {
        column-gap: 32px !important;
        row-gap: 30px !important;
    }
}

@media (max-width: 767px) {
    .catalog-category-view .ts-jura-shop {
        margin: 0 -10px 24px !important;
    }

    .catalog-category-view .ts-jura-hero {
        margin-bottom: 20px;
    }

    .catalog-category-view .ts-jura-text {
        margin-top: 22px;
    }

    .catalog-category-view .ts-jura-tech {
        padding: 20px;
    }

    .catalog-category-view .ts-jura-tech-row,
    .catalog-category-view .ts-jura-tech-row.is-reverse,
    .catalog-category-view .ts-jura-values {
        grid-template-columns: 1fr;
    }

    .cms-index-index .columns {
        display: flex !important;
        flex-direction: column !important;
    }

    .cms-index-index .columns > .column.main {
        order: 1 !important;
        width: 100% !important;
    }

    html body.cms-index-index .page-main .columns > section.ts-brand-strip {
        order: 99 !important;
        width: 100% !important;
    }

    html body.cms-index-index .page-main .columns > style + section.ts-brand-strip {
        order: 99 !important;
    }

    .cms-index-index .ts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        margin-bottom: 40px !important;
    }

    .cms-index-index .ts-card {
        min-height: 0 !important;
    }

    .cms-index-index .ts-card-img {
        height: 118px !important;
    }

    .cms-index-index .ts-card-body {
        padding: 12px 12px 14px !important;
    }

    .cms-index-index .ts-card h3 {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }

    .cms-index-index .ts-card p {
        display: none !important;
    }

    .cms-index-index .ts-featured-title {
        margin-top: 42px !important;
        margin-bottom: 20px !important;
    }
}

.minicart-items .product-item {
    position: relative !important;
}

.minicart-items .product-item-details {
    position: relative !important;
    padding-right: 0 !important;
}

.minicart-items .product-item .ts-minicart-qty-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    width: max-content !important;
    max-width: 100% !important;
}

.minicart-items .product-item .ts-minicart-row-actions {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    z-index: auto !important;
}

.minicart-items .product-item .ts-minicart-row-actions .primary,
.minicart-items .product-item .ts-minicart-row-actions .secondary {
    position: static !important;
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
}

.minicart-items .product-item .ts-minicart-row-actions .secondary {
    cursor: pointer !important;
}

.minicart-items .product-item .action.edit,
.minicart-items .product-item .action.delete {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    line-height: 1 !important;
    z-index: auto !important;
}

.minicart-items .product-item .ts-minicart-row-actions .action.edit,
.minicart-items .product-item .ts-minicart-row-actions .action.delete {
    width: 28px !important;
    height: 28px !important;
    overflow: visible !important;
}

.minicart-items .product-item .ts-minicart-row-actions .action.edit:before,
.minicart-items .product-item .ts-minicart-row-actions .action.delete:before {
    line-height: 28px !important;
}

.ts-email-note {
    display: block !important;
    margin-top: 6px !important;
    color: #6b7280 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

@media (min-width: 768px) {
    body:not(.cms-index-index) .page-header.type22 .header-bottom {
        position: relative;
        top: auto;
        z-index: 1002;
        background: transparent;
        box-shadow: none;
    }

    body:not(.cms-index-index) .page-header.type22 .header-bottom > .header-row.container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .page-header.type22 .header-main .logo {
        width: 293px !important;
        max-width: 293px !important;
        min-width: 293px !important;
        flex: 0 0 293px !important;
        height: auto !important;
    }

    .page-header.type22 .header-main .logo img {
        max-width: 293px !important;
        width: 293px !important;
        height: auto !important;
    }

    .page-header.type22 .second-menu-block {
        margin-left: 0 !important;
    }

    .page-header.type22 .second-menu-block .navigation > ul {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px !important;
        background: rgba(47, 52, 58, .92) !important;
        box-shadow: 0 14px 34px rgba(10, 20, 33, .18) !important;
        border-radius: 10px !important;
    }

    .page-header.type22 .second-menu-block .level-top {
        color: #fff !important;
        background: transparent !important;
    }

    .page-header.type22 .second-menu-block .level0:hover > .level-top,
    .page-header.type22 .second-menu-block .level0.active > .level-top {
        color: #ed7402 !important;
        background: transparent !important;
    }

    .page-header.type22.ts-sticky-active .header-bottom > .header-row.container {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

    html body.cms-index-index .page-header.type22.ts-sticky-active .header-main {
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body.cms-index-index .page-header.type22.ts-sticky-active {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 40 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body.cms-index-index .page-header.type22.ts-sticky-active .header-bottom {
        position: fixed !important;
        top: 8px !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1002 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body.cms-index-index .page-header.type22.ts-sticky-active .header-bottom > .header-row.container,
    html body.cms-index-index .page-header.type22.ts-sticky-active .header-bottom .header-col.header-left,
    html body.cms-index-index .page-header.type22.ts-sticky-active .second-menu-block,
    html body.cms-index-index .page-header.type22.ts-sticky-active .second-menu-block .sections.nav-sections,
    html body.cms-index-index .page-header.type22.ts-sticky-active .second-menu-block .navigation,
    html body.cms-index-index .page-header.type22.ts-sticky-active .nav-sections {
        top: auto !important;
        margin-top: 0 !important;
        background: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    html body.cms-index-index .page-header.type22.ts-sticky-active .second-menu-block .navigation > ul {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px !important;
        background: rgba(47, 52, 58, .92) !important;
        box-shadow: 0 14px 34px rgba(10, 20, 33, .18) !important;
        border-radius: 10px !important;
    }

    html body.cms-index-index .page-header.type22.ts-sticky-active .header-bottom .header-row {
        min-height: 56px !important;
    }

    html body.cms-index-index .page-header.type22.ts-sticky-active .header-bottom .header-col.header-left:before {
        display: none !important;
        content: none !important;
        background: transparent !important;
    }

    html body.cms-index-index .page-header.type22.ts-sticky-active .second-menu-block .level-top {
        color: #fff !important;
        background: transparent !important;
    }

    html body.cms-index-index .page-header.type22.ts-sticky-active .second-menu-block .level0:hover > .level-top {
        color: #ed7402 !important;
        background: transparent !important;
    }

    html body.cms-index-index .page-header.type22.sticky-header .header-bottom {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1001 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        background: #fff !important;
        box-shadow: 0 10px 28px rgba(15, 23, 42, .10) !important;
        transform: none !important;
    }

    html body.cms-index-index .page-header.type22.sticky-header .header-bottom > .header-row.container,
    html body.cms-index-index .page-header.type22.sticky-header .header-bottom .header-col.header-left,
    html body.cms-index-index .page-header.type22.sticky-header .second-menu-block,
    html body.cms-index-index .page-header.type22.sticky-header .second-menu-block .sections.nav-sections,
    html body.cms-index-index .page-header.type22.sticky-header .second-menu-block .navigation,
    html body.cms-index-index .page-header.type22.sticky-header .second-menu-block .navigation > ul,
    html body.cms-index-index .page-header.type22.sticky-header .nav-sections,
    html body.cms-index-index .page-header.type22.sticky-header .navigation {
        top: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    html body.cms-index-index .page-header.type22.sticky-header .header-bottom .header-row {
        min-height: 56px !important;
    }

    html body.cms-index-index .page-header.type22.sticky-header .header-bottom .header-col.header-left:before {
        display: none !important;
        content: none !important;
        background: transparent !important;
    }

    html body.cms-index-index .page-header.type22.sticky-header .second-menu-block .level-top {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
        color: #172033 !important;
        background: transparent !important;
    }

    html body.cms-index-index .page-header.type22.sticky-header .second-menu-block .level0:hover > .level-top {
        color: #2f343a !important;
        background: transparent !important;
    }

    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header),
    .cms-index-index .page-header.type3:not(.sticky-header) {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 40 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .panel.wrapper,
    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .main-panel-top,
    .cms-index-index .page-header.type3:not(.sticky-header) .panel.wrapper,
    .cms-index-index .page-header.type3:not(.sticky-header) .main-panel-top {
        display: none !important;
    }

    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main,
    .cms-index-index .page-header.type3:not(.sticky-header) .header-main {
        padding: 18px 0 12px !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .header.content,
    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-bottom > .header-row.container,
    .cms-index-index .page-header.type3:not(.sticky-header) .header-main .header.content,
    .cms-index-index .page-header.type3:not(.sticky-header) .header-bottom > .header-row.container {
        position: relative !important;
        z-index: 2 !important;
    }

    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .block.block-search,
    .cms-index-index .page-header.type3:not(.sticky-header) .block.block-search {
        border-color: rgba(255, 255, 255, .78) !important;
        box-shadow: 0 14px 34px rgba(10, 20, 33, .16) !important;
    }

    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-bottom,
    .cms-index-index .page-header.type3:not(.sticky-header) .header-bottom {
        margin-top: 0 !important;
    }

    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-bottom,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-bottom > .header-row.container,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-bottom .header-col.header-left,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .second-menu-block,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .second-menu-block .sections.nav-sections,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .second-menu-block .navigation {
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .second-menu-block .navigation > ul {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px !important;
        background: rgba(47, 52, 58, .92) !important;
        box-shadow: 0 14px 34px rgba(10, 20, 33, .18) !important;
        border-radius: 10px !important;
    }

    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-bottom .header-col.header-left:before {
        display: none !important;
        content: none !important;
        background: transparent !important;
    }

    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .second-menu-block .level-top,
    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .minicart-wrapper .action.showcart:before,
    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .minicart-wrapper .action.showcart .counter-label,
    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .search-area .search-toggle-icon:before {
        color: #fff !important;
    }

    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .second-menu-block .level0:hover > .level-top {
        color: #ed7402 !important;
        background: transparent !important;
    }

    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .logo {
        width: 293px !important;
        max-width: 293px !important;
        height: 68px !important;
        background: url("../images/brand/ts-on-black.svg") no-repeat left center / contain !important;
    }

    .cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .logo img {
        opacity: 0 !important;
    }

    .cms-index-index .page-header.type3:not(.sticky-header) .navigation:not(.side-megamenu) > ul,
    .cms-index-index .page-header.type3:not(.sticky-header) .nav-sections,
    .cms-index-index .page-header.type3:not(.sticky-header) .main-menu-wrap {
        background: transparent !important;
    }

    .cms-index-index .page-header.type3:not(.sticky-header) .navigation .level0 > .level-top,
    .cms-index-index .page-header.type3:not(.sticky-header) .navigation .level0.active > .level-top,
    .cms-index-index .page-header.type3:not(.sticky-header) .navigation .level0:hover > .level-top,
    .cms-index-index .page-header.type3:not(.sticky-header) .minicart-wrapper .action.showcart:before,
    .cms-index-index .page-header.type3:not(.sticky-header) .minicart-wrapper .action.showcart .counter-label,
    .cms-index-index .page-header.type3:not(.sticky-header) .search-area .search-toggle-icon:before {
        color: #fff !important;
    }

    .cms-index-index .page-header.type3:not(.sticky-header) .navigation .level0:hover > .level-top,
    .cms-index-index .page-header.type3:not(.sticky-header) .navigation .level0.active > .level-top {
        color: #ed7402 !important;
    }

    .cms-index-index .ts-home {
        padding-top: 0 !important;
    }

    .cms-index-index .ts-slider {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-top: 0 !important;
        margin-right: calc(50% - 50vw) !important;
        margin-bottom: 34px !important;
        margin-left: calc(50% - 50vw) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .cms-index-index .ts-slider::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        background: linear-gradient(180deg, rgba(10, 20, 33, .42) 0, rgba(10, 20, 33, .18) 20%, rgba(10, 20, 33, 0) 42%) !important;
        pointer-events: none !important;
    }

    .cms-index-index .ts-slide {
        aspect-ratio: auto !important;
        min-height: clamp(560px, 72vh, 760px) !important;
    }

    .cms-index-index .ts-slide img {
        object-fit: cover !important;
        object-position: center center !important;
    }

    .cms-index-index .ts-slide-caption {
        left: max(28px, calc((100vw - 1220px) / 2 + 18px)) !important;
        right: auto !important;
        bottom: 42px !important;
        z-index: 3 !important;
        max-width: min(560px, calc(100vw - 56px)) !important;
        padding: 34px 38px !important;
        border-radius: 0 18px 18px 0 !important;
        background: linear-gradient(90deg, rgba(1, 85, 181, .94), rgba(1, 85, 181, .12)) !important;
    }

    body:not(.cms-index-index) .page-header.type22 .second-menu-block .navigation > ul,
    body:not(.cms-index-index) .page-header.type22.ts-sticky-active .second-menu-block .navigation > ul {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px !important;
        background: rgba(47, 52, 58, .92) !important;
        box-shadow: 0 14px 34px rgba(10, 20, 33, .18) !important;
        border-radius: 10px !important;
    }

    body:not(.cms-index-index) .page-header.type22 .second-menu-block .level-top,
    body:not(.cms-index-index) .page-header.type22.ts-sticky-active .second-menu-block .level-top {
        color: #fff !important;
        background: transparent !important;
    }

    body:not(.cms-index-index) .page-header.type22 .second-menu-block .level0:hover > .level-top,
    body:not(.cms-index-index) .page-header.type22 .second-menu-block .level0.active > .level-top,
    body:not(.cms-index-index) .page-header.type22.ts-sticky-active .second-menu-block .level0:hover > .level-top,
    body:not(.cms-index-index) .page-header.type22.ts-sticky-active .second-menu-block .level0.active > .level-top {
        color: #ed7402 !important;
        background: transparent !important;
    }
}

@media (max-width: 767px) {
    .page-header.type22,
    .page-header.type3 {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1000 !important;
        height: 133px !important;
        background: #fff !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, .08) !important;
    }

    .page-header.type22.sticky-header,
    .page-header.type3.sticky-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 133px !important;
    }

    .page-wrapper {
        padding-top: 133px !important;
    }

    .nav-open .page-wrapper {
        padding-top: 0 !important;
    }

    .page-header.type22 .header-main,
    .page-header.type3 .header-main {
        padding: 12px 0 16px !important;
        background: #fff !important;
        margin-bottom: 0 !important;
    }

    .page-header.type22.sticky-header .header-main,
    .page-header.type3.sticky-header .header-main {
        position: static !important;
        top: auto !important;
        width: auto !important;
        z-index: auto !important;
        box-shadow: none !important;
    }

    .page-header.type22 .header-main .header.content,
    .page-header.type3 .header-main .header.content {
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) 46px !important;
        grid-template-rows: 38.4375px 44px 0 !important;
        grid-template-areas:
            "menu logo cart"
            "search search search" !important;
        align-items: center !important;
        row-gap: 19px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .page-header.type22 .header-main .header-left,
    .page-header.type3 .header-main .header-left {
        display: contents !important;
    }

    .page-header.type22 .header-main .header-right,
    .page-header.type3 .header-main .header-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        grid-area: cart !important;
        min-width: 0 !important;
        width: auto !important;
        order: 0 !important;
        position: static !important;
        align-self: center !important;
    }

    .page-header.type22 .header-main .nav-toggle,
    .page-header.type3 .header-main .nav-toggle {
        grid-area: menu !important;
        justify-self: start !important;
        margin: 0 !important;
        position: static !important;
    }

    .page-header.type22 .header-main .logo,
    .page-header.type3 .header-main .logo {
        grid-area: logo !important;
        justify-self: center !important;
        max-width: 168px !important;
        margin: 0 !important;
    }

    .page-header.type22 .header-main .logo img,
    .page-header.type3 .header-main .logo img {
        max-width: 168px !important;
        height: auto !important;
    }

    .page-header.type22 .header-main .header-contact,
    .page-header.type22 .header-main .header-right .header-contact,
    .page-header.type22 .header-main .my-account,
    .page-header.type22 .header-main a.my-account,
    .page-header.type22 .header-main .wishlist,
    .page-header.type3 .header-main .header-contact,
    .page-header.type3 .header-main .header-right .header-contact,
    .page-header.type3 .header-main .my-account,
    .page-header.type3 .header-main a.my-account,
    .page-header.type3 .header-main .wishlist {
        display: none !important;
    }

    .page-header.type22 .header-main .minicart-wrapper,
    .page-header.type3 .header-main .minicart-wrapper {
        margin: 0 !important;
        position: static !important;
        right: auto !important;
        top: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .page-header.type22 .header-main .search-area.show-icon-tablet,
    .page-header.type3 .header-main .search-area.show-icon-tablet {
        display: block !important;
        grid-area: search !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-bottom: 0 !important;
    }

    .page-header.type22 .header-main .search-area .search-toggle-icon,
    .page-header.type3 .header-main .search-area .search-toggle-icon {
        display: none !important;
    }

    .page-header.type22 .header-main .block.block-search,
    .page-header.type3 .header-main .block.block-search {
        display: block !important;
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        border: 1px solid #dbe3ef !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .page-header.type22 .header-main .block-search .control,
    .page-header.type22 .header-main .block-search .field.search,
    .page-header.type3 .header-main .block-search .control,
    .page-header.type3 .header-main .block-search .field.search {
        margin: 0 !important;
        padding: 0 !important;
    }

    .page-header.type22 .header-main .block-search input,
    .page-header.type3 .header-main .block-search input {
        height: 42px !important;
        border: 0 !important;
        border-radius: 10px !important;
        padding: 0 48px 0 14px !important;
        font-size: 14px !important;
    }

    .page-header.type22 .header-main .block-search .action.search,
    .page-header.type3 .header-main .block-search .action.search {
        top: 0 !important;
        right: 0 !important;
        width: 44px !important;
        height: 42px !important;
        line-height: 42px !important;
    }

    .page-header.type22 .header-bottom {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .page-header.type22 .header-bottom > .header-row.container,
    .page-header.type22 .header-bottom .header-col.header-left {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        background: transparent !important;
    }

    .page-header.type22 .header-bottom .header-col.header-left:before,
    .page-header.type22 .second-menu-block {
        display: none !important;
    }

    .nav-open .page-header.type22 .header-bottom,
    .nav-open .page-header.type22 .header-bottom > .header-row.container,
    .nav-open .page-header.type22 .header-bottom .header-col.header-left {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    .nav-open .page-header.type22 .header-main {
        z-index: 1 !important;
        pointer-events: none !important;
    }

    .nav-open .page-header.type22 .header-bottom,
    .nav-open .page-header.type22 .header-bottom > .header-row.container,
    .nav-open .page-header.type22 .header-bottom .header-col.header-left {
        position: relative !important;
        z-index: 13050 !important;
    }

    .page-header.type22 #main-toggle-menu {
        display: block !important;
        width: 100% !important;
    }

    .page-header.type22 #main-toggle-menu .menu-title {
        display: none !important;
    }

    .page-header.type22 #main-toggle-menu .toggle-menu-wrap {
        display: block !important;
        width: 100% !important;
    }

    .page-header.type22 #main-toggle-menu .sections.nav-sections {
        display: none !important;
        background: #fff !important;
    }

    .nav-before-open,
    .nav-open,
    .nav-before-open body,
    .nav-open body {
        overflow: hidden !important;
    }

    .nav-before-open .page-wrapper,
    .nav-open .page-wrapper {
        left: 0 !important;
        transform: none !important;
        overflow: hidden !important;
    }

    .nav-open .page-header.type22 .second-menu-block {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 13060 !important;
        width: 336px !important;
        max-width: 86vw !important;
        margin: 0 !important;
        padding: 18px 0 28px !important;
        overflow-y: auto !important;
        background: #fff !important;
        box-shadow: 0 14px 36px rgba(15, 23, 42, .22) !important;
        transform: none !important;
    }

    .nav-open .page-footer,
    .nav-open .footer {
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .nav-open .page-header.type22 .second-menu-block .sections.nav-sections,
    .nav-open .page-header.type22 #main-toggle-menu .sections.nav-sections,
    .nav-open .page-header.type22 .second-menu-block .navigation {
        display: block !important;
        position: static !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .nav-open .page-header.type22 .second-menu-block ul.ts-root-nav {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        white-space: normal !important;
        list-style: none !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0 {
        display: block !important;
        margin: 0 !important;
        border-bottom: 1px solid #eef2f7 !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level-top {
        display: block !important;
        padding: 13px 20px !important;
        color: #172033 !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        text-decoration: none !important;
    }

    .nav-open .page-header.type22 .second-menu-block .ts-submenu {
        display: block !important;
        position: static !important;
        min-width: 0 !important;
        padding: 0 0 10px !important;
        margin: 0 !important;
        border: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .nav-open .page-header.type22 .second-menu-block .ts-submenu a {
        display: block !important;
        padding: 7px 20px 7px 34px !important;
        color: #526173 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
    }

    .nav-open .page-header.type22 .second-menu-block .ts-submenu a:hover {
        color: #2f343a !important;
        background: #f4f4f4 !important;
    }

    .footer-middle .row > div:not(:first-child) {
        margin-top: 26px !important;
    }

    .footer-middle h3.ts-footer-title {
        margin: 0 0 10px !important;
    }

    .footer-middle .row > div:first-child {
        margin-top: 0 !important;
    }

    .footer-middle .ts-footer-tags a {
        margin-bottom: 6px !important;
    }

    html body .page-header.type22 .header-main .header.content.header-row > .header-left,
    html body .page-header.type3 .header-main .header.content.header-row > .header-left {
        display: contents !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    html body .page-header.type22 .header-main .header.content.header-row,
    html body .page-header.type3 .header-main .header.content.header-row {
        grid-template-rows: 38.4375px 44px 0 !important;
        height: 120.4375px !important;
        min-height: 0 !important;
    }

    .page-header.type3 .navigation.sw-megamenu li.level0.parent > .submenu {
        display: none !important;
    }

    .page-header.type3 .navigation.sw-megamenu li.level0.parent > .submenu.opened {
        display: block !important;
    }

    .page-header.type3 .navigation.sw-megamenu li.parent {
        position: relative !important;
    }

    .page-header.type3 .navigation.sw-megamenu li.parent > .open-children-toggle {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        z-index: 4 !important;
        width: 42px !important;
        height: 42px !important;
        cursor: pointer !important;
    }

    .page-header.type3 .navigation.sw-megamenu li.parent > .open-children-toggle:after {
        content: "\e81c" !important;
        display: block !important;
        color: #777 !important;
        font-family: "porto-icons" !important;
        font-size: 32px !important;
        line-height: 42px !important;
        text-align: center !important;
    }

    .page-header.type3 .navigation.sw-megamenu li.parent:has(> .submenu.opened) > .open-children-toggle:after,
    .page-header.type3 .navigation.sw-megamenu li.parent:has(> a.ui-state-active) > .open-children-toggle:after {
        content: "\e81b" !important;
    }

    .nav-open .page-header.type22 .second-menu-block {
        width: calc(100% - 54px) !important;
        max-width: 336px !important;
        padding: 0 !important;
        background: #f6f6f6 !important;
        border-radius: 0 !important;
        box-shadow: 0 0 5px rgba(50, 50, 50, .75) !important;
    }

    .nav-open .page-header.type22 .second-menu-block .sections.nav-sections,
    .nav-open .page-header.type22 .second-menu-block .navigation {
        background: #f6f6f6 !important;
        border-radius: 0 !important;
    }

    .nav-open .page-header.type22 .second-menu-block ul.ts-root-nav {
        background: #f6f6f6 !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }

    .nav-open .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav {
        padding: 0 !important;
    }

    html.nav-open body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav,
    html.nav-open body.cms-index-index .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav.ts-root-nav {
        padding: 0 !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0 {
        position: relative !important;
        width: calc(100% + 20px) !important;
        margin-left: -20px !important;
        border-bottom: 1px solid #e6e6e6 !important;
        background: transparent !important;
        line-height: 16px !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0 > .level-top {
        display: block !important;
        min-height: 42px !important;
        padding: 13px 48px 13px 15px !important;
        color: #777 !important;
        background: transparent !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 16px !important;
        text-transform: none !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0 > .level-top:after {
        display: none !important;
        content: none !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0 > .level-top:hover,
    .nav-open .page-header.type22 .second-menu-block .level0 > .level-top:focus {
        color: #222529 !important;
        background: transparent !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0.parent > .open-children-toggle {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        z-index: 3 !important;
        width: 42px !important;
        height: 42px !important;
        cursor: pointer !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0.parent > .open-children-toggle:before,
    .nav-open .page-header.type22 .second-menu-block .level0.parent > .open-children-toggle:after {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 8px !important;
        height: 1px !important;
        background: #777 !important;
        transform-origin: right center !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0.parent > .open-children-toggle:before {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0.parent > .open-children-toggle:after {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0.parent.ts-mobile-open > .open-children-toggle:before {
        transform: translate(-50%, -50%) rotate(135deg) !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0.parent.ts-mobile-open > .open-children-toggle:after {
        opacity: 1 !important;
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0.parent > .ts-submenu,
    .nav-open .page-header.type22 .second-menu-block .level0.parent > .submenu {
        display: none !important;
        position: static !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 0 8px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .nav-open .page-header.type22 .second-menu-block .level0.parent.ts-mobile-open > .ts-submenu,
    .nav-open .page-header.type22 .second-menu-block .level0.parent.ts-mobile-open > .submenu {
        display: block !important;
    }

    .nav-open .page-header.type22 .second-menu-block .ts-submenu a,
    .nav-open .page-header.type22 .second-menu-block .submenu a {
        display: block !important;
        padding: 10px 15px 10px 30px !important;
        color: #777 !important;
        background: transparent !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: normal !important;
        text-decoration: none !important;
    }

    .nav-open .page-header.type22 .second-menu-block .ts-submenu a:before,
    .nav-open .page-header.type22 .second-menu-block .submenu a:before {
        display: none !important;
        content: none !important;
    }

    .nav-open .page-header.type22 .second-menu-block .ts-submenu a:hover,
    .nav-open .page-header.type22 .second-menu-block .submenu a:hover {
        color: #222529 !important;
        background: transparent !important;
    }
}

@media (max-width: 767px) {
    html body.cms-index-index .ts-slider {
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 calc(50% - 50vw) 24px !important;
        overflow: hidden !important;
    }

    html body.cms-index-index .ts-slider-track {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        width: 100% !important;
    }

    html body.cms-index-index .ts-slider-track > .ts-slide {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        min-height: 220px !important;
        max-height: 320px !important;
        height: auto !important;
    }

    html body.cms-index-index .ts-slider-track > .ts-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    html body.cms-index-index .ts-slide-caption {
        left: 16px !important;
        right: 16px !important;
        bottom: 18px !important;
        max-width: none !important;
        padding: 14px 16px !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, .9) !important;
    }

    html body.cms-index-index .ts-slide-caption h1 {
        margin-bottom: 6px !important;
        color: #172033 !important;
        font-size: 20px !important;
        line-height: 1.12 !important;
    }

    html body.cms-index-index .ts-slide-caption p {
        margin-bottom: 0 !important;
        color: #4b5563 !important;
        font-size: 13px !important;
    }

    html body.cms-index-index .ts-slide-caption .ts-btn {
        display: none !important;
    }

    html body.cms-index-index .ts-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    html body.cms-index-index .products-grid .product-items {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px 12px !important;
    }
}

html body .footer-middle .ts-footer-title,
html body .footer-middle h3.ts-footer-title,
html body .footer-middle h3,
html body .footer-middle h4,
html body .footer-middle .block-title strong {
    color: #fff !important;
}

@media (min-width: 768px) {
    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px !important;
        background: rgba(47, 52, 58, .92) !important;
        box-shadow: 0 14px 34px rgba(10, 20, 33, .18) !important;
        border-radius: 10px !important;
    }

    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li > .level-top {
        color: #fff !important;
        background: transparent !important;
    }

    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li:hover > .level-top,
    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li.active > .level-top {
        color: #ed7402 !important;
        background: transparent !important;
    }
}

@media (min-width: 768px) {
    html body .page-header.type22 .header-main .header-left {
        display: flex !important;
        align-items: center !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 31px !important;
        width: 31px !important;
        height: 26px !important;
        min-width: 31px !important;
        margin: 0 -15px 0 auto !important;
        padding: 0 !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet > .search-toggle-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 31px !important;
        height: 26px !important;
        color: #2f343a !important;
        border-radius: 0 !important;
        background: transparent !important;
        text-decoration: none !important;
    }

    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .search-area.show-icon-tablet > .search-toggle-icon {
        color: #2f343a !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet > .search-toggle-icon:hover,
    html body .page-header.type22 .header-main .search-area.show-icon-tablet > .search-toggle-icon.open {
        color: #2f343a !important;
        background: transparent !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet > .search-toggle-icon i,
    html body .page-header.type22 .header-main .search-area.show-icon-tablet > .search-toggle-icon:before {
        color: inherit !important;
        font-size: 16px !important;
        line-height: 20px !important;
        transform: translateY(3px) !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet > .search-toggle-icon:after {
        display: none !important;
        content: none !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet .block.block-search {
        display: none !important;
        position: absolute !important;
        top: calc(100% + 12px) !important;
        right: 0 !important;
        left: auto !important;
        z-index: 1300 !important;
        width: 440px !important;
        max-width: calc(100vw - 28px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 1px solid #dbe3ef !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-shadow: 0 18px 38px rgba(15, 23, 42, .18) !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet .block.block-search.show {
        display: block !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet .block-search input {
        height: 46px !important;
        border: 0 !important;
        border-radius: 12px !important;
        padding: 0 52px 0 16px !important;
        font-size: 14px !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet .block-search .action.search {
        top: 0 !important;
        right: 0 !important;
        width: 48px !important;
        height: 46px !important;
        line-height: 46px !important;
    }
}

@media (max-width: 767px) {
    html body .page-header.type22,
    html body .page-header.type3 {
        height: 84px !important;
    }

    html body .page-header.type22.sticky-header,
    html body .page-header.type3.sticky-header {
        height: 84px !important;
    }

    html body .page-wrapper {
        padding-top: 84px !important;
    }

    html body .page-header.type22 .header-main,
    html body .page-header.type3 .header-main {
        padding: 12px 0 !important;
    }

    html body .page-header.type22 .header-main .header.content,
    html body .page-header.type3 .header-main .header.content {
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) 31px 46px !important;
        grid-template-rows: 44px !important;
        grid-template-areas: "menu logo search cart" !important;
        align-items: center !important;
        column-gap: 8px !important;
        row-gap: 0 !important;
        height: 60px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet,
    html body .page-header.type3 .header-main .search-area.show-icon-tablet {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        grid-area: search !important;
        width: 31px !important;
        height: 26px !important;
        min-width: 31px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet > .search-toggle-icon,
    html body .page-header.type3 .header-main .search-area.show-icon-tablet > .search-toggle-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 31px !important;
        height: 26px !important;
        color: #2f343a !important;
        background: transparent !important;
        text-decoration: none !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet > .search-toggle-icon i,
    html body .page-header.type3 .header-main .search-area.show-icon-tablet > .search-toggle-icon i {
        color: inherit !important;
        font-size: 16px !important;
        line-height: 20px !important;
        transform: translateY(3px) !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet > .search-toggle-icon:after,
    html body .page-header.type3 .header-main .search-area.show-icon-tablet > .search-toggle-icon:after {
        display: none !important;
        content: none !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet .block.block-search,
    html body .page-header.type3 .header-main .search-area.show-icon-tablet .block.block-search {
        display: none !important;
        position: fixed !important;
        top: 74px !important;
        right: 14px !important;
        left: 14px !important;
        z-index: 1300 !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #dbe3ef !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-shadow: 0 18px 38px rgba(15, 23, 42, .18) !important;
    }

    html body .page-header.type22 .header-main .search-area.show-icon-tablet .block.block-search.show,
    html body .page-header.type3 .header-main .search-area.show-icon-tablet .block.block-search.show {
        display: block !important;
    }
}

@media (min-width: 768px) {
    html body .page-header.type22 .header-main .header.content.header-row {
        display: flex !important;
        align-items: center !important;
        gap: 22px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-left {
        flex: 0 0 293px !important;
        min-width: 0 !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: 2 !important;
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap > .header-row.container {
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .header-col.header-left {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        flex: none !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .header-col.header-right,
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap #main-toggle-menu {
        display: none !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .second-menu-block,
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .sections.nav-sections,
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 42px !important;
        gap: clamp(12px, 1.4vw, 26px) !important;
        padding: 0 12px !important;
        border-radius: 10px !important;
        background: rgba(47, 52, 58, .92) !important;
        box-shadow: 0 14px 34px rgba(10, 20, 33, .18) !important;
        white-space: nowrap !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li {
        display: block !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
        float: none !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li.ts-more-menu {
        position: relative !important;
        flex: 0 0 auto !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li > .level-top {
        padding: 11px 0 !important;
        font-size: clamp(12px, .84vw, 14px) !important;
        line-height: 20px !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu > .level-top:after {
        content: "" !important;
        display: inline-block !important;
        width: 6px !important;
        height: 6px !important;
        margin-left: 7px !important;
        border-right: 1px solid currentColor !important;
        border-bottom: 1px solid currentColor !important;
        transform: translateY(-3px) rotate(45deg) !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        z-index: 1200 !important;
        display: none !important;
        min-width: 220px !important;
        margin: 0 !important;
        padding: 8px 0 !important;
        list-style: none !important;
        background: #fff !important;
        border: 1px solid #e6e8ed !important;
        box-shadow: 0 16px 34px rgba(15, 23, 42, .14) !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu:hover > .ts-submenu,
    html body .page-header.type22 .second-menu-block .ts-more-menu:focus-within > .ts-submenu {
        display: block !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu > li > .level-top {
        display: block !important;
        padding: 9px 18px !important;
        color: #222529 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        white-space: nowrap !important;
        background: transparent !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu > li:hover > .level-top {
        color: #ed7402 !important;
        background: #f7f7f7 !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 0 auto !important;
        gap: 14px !important;
        margin-left: 0 !important;
    }

    html body .page-header.type22 .header-main .header-right > .minicart-wrapper,
    html body .page-header.type22 .header-main .header-right > .minicart-wrapper.cart-design-2 {
        margin: 0 !important;
    }

    html body .page-header.type22 .header-main .header-right > .header-contact {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 47px !important;
        width: 47px !important;
        min-width: 47px !important;
        height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #2f343a !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        text-decoration: none !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon:hover,
    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon.open {
        color: #2f343a !important;
        background: transparent !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon i,
    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon:before {
        color: inherit !important;
        font-family: "porto-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-size: 20.5px !important;
        line-height: 32px !important;
        transform: none !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon i.porto-icon-magnifier {
        display: inline-block !important;
        font-family: "porto-icons" !important;
        font-size: 20.5px !important;
        line-height: 32px !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon i.porto-icon-magnifier:before {
        content: "\e884" !important;
        font-family: "porto-icons" !important;
        font-weight: 600 !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon i.porto-icon-magnifier:after {
        display: none !important;
        content: none !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon:after {
        display: none !important;
        content: none !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet .block.block-search {
        display: none !important;
        position: absolute !important;
        top: calc(100% + 12px) !important;
        right: 0 !important;
        left: auto !important;
        z-index: 1300 !important;
        width: 440px !important;
        max-width: calc(100vw - 28px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 1px solid #dbe3ef !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-shadow: 0 18px 38px rgba(15, 23, 42, .18) !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet .block.block-search.show {
        display: block !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet .block-search input {
        height: 46px !important;
        border: 0 !important;
        border-radius: 12px !important;
        padding: 0 52px 0 16px !important;
        font-size: 14px !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet .block-search .action.search {
        top: 0 !important;
        right: 0 !important;
        width: 48px !important;
        height: 46px !important;
        line-height: 46px !important;
    }
}

@media (min-width: 1400px) {
    html body .page-header.type22 .header-main > .header.content.header-row {
        position: relative !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        width: clamp(800px, 59vw, 860px) !important;
        flex: 0 0 auto !important;
        transform: translate(-50%, -50%) !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation > ul.ts-root-nav.ts-root-nav {
        gap: clamp(8px, .7vw, 16px) !important;
        padding: 0 10px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li > .level-top {
        font-size: clamp(12px, .84vw, 14px) !important;
        letter-spacing: normal !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    html body .page-header.type22 .header-main > .header.content.header-row {
        position: relative !important;
        gap: 14px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-left,
    html body .page-header.type22 .header-main .logo {
        flex: 0 0 250px !important;
        width: 250px !important;
        max-width: 250px !important;
        min-width: 250px !important;
    }

    html body .page-header.type22 .header-main .logo img {
        width: 250px !important;
        max-width: 250px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        flex: 1 1 auto !important;
        transform: none !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation > ul.ts-root-nav.ts-root-nav {
        gap: 4px !important;
        padding: 0 8px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li > .level-top {
        font-size: 11.5px !important;
        letter-spacing: -.025em !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-right {
        gap: 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    html body .page-header.type22 .header-main .header.content.header-row {
        gap: 12px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-left,
    html body .page-header.type22 .header-main .logo {
        flex-basis: 190px !important;
        width: 190px !important;
        max-width: 190px !important;
        min-width: 190px !important;
    }

    html body .page-header.type22 .header-main .logo img {
        width: 190px !important;
        max-width: 190px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav {
        gap: 2px !important;
        padding: 0 2px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li > .level-top {
        font-size: 9.2px !important;
        letter-spacing: -.04em !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-right {
        gap: 8px !important;
    }

    html body .page-header.type22 .header-main .minicart-wrapper .action-subtotal,
    html body .page-header.type22 .header-main .minicart-wrapper .action.showcart .counter-label,
    html body .page-header.type22 .header-main .minicart-wrapper .action.showcart .cart-price,
    html body .page-header.type22 .header-main .minicart-wrapper .action.showcart .price {
        display: none !important;
    }

    html body .page-header.type22 .header-main .header-right > .minicart-wrapper,
    html body .page-header.type22 .header-main .header-right > .minicart-wrapper.cart-design-2 {
        width: 42px !important;
        min-width: 42px !important;
    }
}

@media (max-width: 767px) {
    html body .page-header.type22 .header-main .header.content.header-row {
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) 118px !important;
        grid-template-rows: 44px !important;
        grid-template-areas: "menu logo actions" !important;
        align-items: center !important;
        column-gap: 8px !important;
        row-gap: 0 !important;
        height: 60px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    html body .page-header.type22 .header-main .header-left {
        display: contents !important;
    }

    html body .page-header.type22 .header-main .header-right {
        grid-area: actions !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        width: 118px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .page-header.type22 .header-main .header-right > .minicart-wrapper,
    html body .page-header.type22 .header-main .header-right > .minicart-wrapper.cart-design-2 {
        margin: 0 !important;
    }

    html body .page-header.type22 .header-main .header-right > .header-contact {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 29px !important;
        width: 29px !important;
        min-width: 29px !important;
        height: 29px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 29px !important;
        height: 29px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #2f343a !important;
        background: transparent !important;
        text-decoration: none !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon i {
        color: inherit !important;
        font-family: "porto-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-size: 20.5px !important;
        line-height: 1 !important;
        transform: none !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon i.porto-icon-magnifier {
        display: inline-block !important;
        font-family: "porto-icons" !important;
        font-size: 20.5px !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon i.porto-icon-magnifier:before {
        content: "\e884" !important;
        font-family: "porto-icons" !important;
        font-weight: 600 !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon i.porto-icon-magnifier:after {
        display: none !important;
        content: none !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon:after {
        display: none !important;
        content: none !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet .block.block-search {
        display: none !important;
        position: fixed !important;
        top: 74px !important;
        right: 14px !important;
        left: 14px !important;
        z-index: 1300 !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #dbe3ef !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-shadow: 0 18px 38px rgba(15, 23, 42, .18) !important;
    }

    html body .page-header.type22 .header-main .header-right > .search-area.show-icon-tablet .block.block-search.show {
        display: block !important;
    }
}

@media (min-width: 768px) {
    html body .page-header.type22 .header-main > .header.content.header-row {
        width: 100% !important;
        max-width: none !important;
        padding-left: clamp(14px, 2vw, 32px) !important;
        padding-right: clamp(14px, 2vw, 32px) !important;
        box-sizing: border-box !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap {
        flex: 1 1 min(860px, 100%) !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav {
        justify-content: space-evenly !important;
        gap: clamp(8px, 1vw, 22px) !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }

    html body.cms-index-index .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation > ul.ts-root-nav.ts-root-nav,
    html body:not(.cms-index-index) .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation > ul.ts-root-nav.ts-root-nav {
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    html body .page-header.type22 .header-main > .header.content.header-row {
        gap: 10px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-left,
    html body .page-header.type22 .header-main .logo {
        flex-basis: 180px !important;
        width: 180px !important;
        max-width: 180px !important;
        min-width: 180px !important;
    }

    html body .page-header.type22 .header-main .logo img {
        width: 180px !important;
        max-width: 180px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav {
        gap: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li > .level-top {
        font-size: clamp(10px, 1.05vw, 12px) !important;
        letter-spacing: -.035em !important;
    }
}

@media (max-width: 767px) {
    html body .page-header.type22 .second-menu-block .ts-more-menu {
        display: none !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap {
        display: block !important;
        grid-area: menu !important;
        position: static !important;
        width: 0 !important;
        min-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap > .header-row.container,
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .header-col.header-left {
        display: block !important;
        position: static !important;
        width: 0 !important;
        max-width: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        pointer-events: none !important;
    }

    html body.nav-open .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap,
    html.nav-open body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap,
    html body.nav-open .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap > .header-row.container,
    html.nav-open body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap > .header-row.container,
    html body.nav-open .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .header-col.header-left,
    html.nav-open body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .header-col.header-left {
        overflow: visible !important;
        pointer-events: auto !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block,
    html.nav-open body .page-header.type22 .second-menu-block {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 13060 !important;
        width: calc(100% - 54px) !important;
        max-width: 336px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-y: auto !important;
        pointer-events: auto !important;
        transform: none !important;
        background: #f6f6f6 !important;
        border-radius: 0 !important;
        box-shadow: 0 0 5px rgba(50, 50, 50, .75) !important;
    }
}

@media (min-width: 1400px) {
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        width: min(1120px, calc(100vw - 360px)) !important;
        flex: 0 0 auto !important;
        transform: translate(-50%, -50%) !important;
    }

    html body .page-header.type22.ts-sticky-active .header-bottom.main-menu-wrap,
    html body .page-header.type22.sticky-header .header-bottom.main-menu-wrap {
        left: 50% !important;
        right: auto !important;
        width: min(1120px, calc(100vw - 360px)) !important;
        transform: translateX(-50%) !important;
    }

    html body .page-header.type22 .header-bottom.main-menu-wrap > .header-row.container,
    html body .page-header.type22.ts-sticky-active .header-bottom.main-menu-wrap > .header-row.container,
    html body .page-header.type22.sticky-header .header-bottom.main-menu-wrap > .header-row.container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation > ul.ts-root-nav.ts-root-nav,
    html body .page-header.type22.ts-sticky-active .header-bottom.main-menu-wrap .navigation > ul.ts-root-nav.ts-root-nav,
    html body .page-header.type22.sticky-header .header-bottom.main-menu-wrap .navigation > ul.ts-root-nav.ts-root-nav {
        gap: clamp(14px, 1.25vw, 24px) !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li > .level-top,
    html body .page-header.type22.ts-sticky-active .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li > .level-top,
    html body .page-header.type22.sticky-header .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li > .level-top {
        font-size: clamp(13px, .94vw, 14px) !important;
        letter-spacing: normal !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    html body .page-header.type22.ts-sticky-active .header-bottom.main-menu-wrap,
    html body .page-header.type22.sticky-header .header-bottom.main-menu-wrap {
        left: 50% !important;
        right: auto !important;
        width: calc(100vw - 36px) !important;
        transform: translateX(-50%) !important;
    }
}

@media (max-width: 767px) {
    html body.nav-open .page-header.type22,
    html.nav-open body .page-header.type22,
    html body.nav-open .page-header.type22 .header-main,
    html.nav-open body .page-header.type22 .header-main,
    html body.nav-open .page-header.type22 .header-main .header.content.header-row,
    html.nav-open body .page-header.type22 .header-main .header.content.header-row {
        pointer-events: auto !important;
        overflow: visible !important;
    }

    html body .page-header.type22 .header-main .nav-toggle,
    html body .page-header.type22 .header-main .nav-toggle span {
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    html body.nav-open .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap,
    html.nav-open body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap {
        display: block !important;
        position: static !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        z-index: 13050 !important;
    }

    html body.nav-open .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap > .header-row.container,
    html.nav-open body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap > .header-row.container,
    html body.nav-open .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .header-col.header-left,
    html.nav-open body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .header-col.header-left {
        display: block !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block,
    html.nav-open body .page-header.type22 .second-menu-block {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: auto !important;
        z-index: 13060 !important;
        width: calc(100vw - 54px) !important;
        max-width: 336px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        pointer-events: auto !important;
        transform: none !important;
        background: #f6f6f6 !important;
        border-radius: 0 !important;
        box-shadow: 0 0 5px rgba(50, 50, 50, .75) !important;
    }

    html body.nav-open .page-header.type22 .second-menu-block .sections.nav-sections,
    html.nav-open body .page-header.type22 .second-menu-block .sections.nav-sections,
    html body.nav-open .page-header.type22 .second-menu-block .navigation,
    html.nav-open body .page-header.type22 .second-menu-block .navigation,
    html body.nav-open .page-header.type22 .second-menu-block ul.ts-root-nav,
    html.nav-open body .page-header.type22 .second-menu-block ul.ts-root-nav {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #f6f6f6 !important;
        box-shadow: none !important;
    }
}

@media (max-width: 767px) {
    html.nav-before-open body .page-wrapper,
    html.nav-open body .page-wrapper,
    html body.nav-before-open .page-wrapper,
    html body.nav-open .page-wrapper {
        left: 0 !important;
        padding-top: 84px !important;
        transform: none !important;
    }
}

@media (min-width: 768px) {
    html body:not(.cms-index-index) .breadcrumbs {
        margin-top: 18px !important;
    }

    html body .page-header.type22.ts-sticky-active,
    html body .page-header.type22.sticky-header {
        background: #fff !important;
        box-shadow: 0 10px 28px rgba(15, 23, 42, .10) !important;
    }

    html body .page-header.type22 .header-bottom.main-menu-wrap,
    html body .page-header.type22.ts-sticky-active .header-bottom.main-menu-wrap,
    html body .page-header.type22.sticky-header .header-bottom.main-menu-wrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: auto !important;
        transform: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body .page-header.type22 .second-menu-block,
    html body .page-header.type22 .second-menu-block .sections.nav-sections,
    html body .page-header.type22 .second-menu-block .navigation,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav,
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation > ul.ts-root-nav,
    html body.cms-index-index .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .second-menu-block .navigation > ul,
    html body.cms-index-index .page-header.type22.ts-sticky-active .second-menu-block .navigation > ul,
    html body:not(.cms-index-index) .page-header.type22 .second-menu-block .navigation > ul,
    html body:not(.cms-index-index) .page-header.type22.ts-sticky-active .second-menu-block .navigation > ul {
        background: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    html body .page-header.type22 .second-menu-block .level0 > .level-top,
    html body .page-header.type22 .second-menu-block .level0.active > .level-top,
    html body .page-header.type22.ts-sticky-active .second-menu-block .level0 > .level-top,
    html body .page-header.type22.sticky-header .second-menu-block .level0 > .level-top,
    html body.cms-index-index .page-header.type22.ts-sticky-active .second-menu-block .level0 > .level-top,
    html body.cms-index-index .page-header.type22.sticky-header .second-menu-block .level0 > .level-top,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .second-menu-block .level-top,
    html body.cms-index-index .page-header.type22.ts-sticky-active .second-menu-block .level-top,
    html body.cms-index-index .page-header.type22.sticky-header .second-menu-block .level-top,
    html body:not(.cms-index-index) .page-header.type22 .second-menu-block .level-top,
    html body:not(.cms-index-index) .page-header.type22.ts-sticky-active .second-menu-block .level-top {
        color: #222529 !important;
        background: transparent !important;
    }

    html body .page-header.type22 .second-menu-block .level0:hover > .level-top,
    html body .page-header.type22 .second-menu-block .level0 > .level-top:hover,
    html body .page-header.type22 .second-menu-block .level0 > .level-top:focus,
    html body .page-header.type22.ts-sticky-active .second-menu-block .level0:hover > .level-top,
    html body .page-header.type22.sticky-header .second-menu-block .level0:hover > .level-top {
        color: #ed7402 !important;
        background: transparent !important;
    }

    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .minicart-wrapper .action.showcart:before,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .minicart-wrapper .action.showcart .counter-label,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .search-area .search-toggle-icon:before {
        color: #222529 !important;
    }
}

@media (min-width: 768px) {
    html body:not(.cms-index-index) .page-header.type22 .second-menu-block .level0 > .level-top,
    html body:not(.cms-index-index) .page-header.type22 .second-menu-block .level0.active > .level-top,
    html body:not(.cms-index-index) .page-header.type22 .second-menu-block .level0.parent > .level-top,
    html body:not(.cms-index-index) .page-header.type22.ts-sticky-active .second-menu-block .level0 > .level-top,
    html body:not(.cms-index-index) .page-header.type22.ts-sticky-active .second-menu-block .level0.active > .level-top,
    html body:not(.cms-index-index) .page-header.type22.sticky-header .second-menu-block .level0 > .level-top,
    html body:not(.cms-index-index) .page-header.type22.sticky-header .second-menu-block .level0.active > .level-top,
    html body.catalog-category-view .page-header.type22 .second-menu-block .level0 > .level-top,
    html body.catalog-product-view .page-header.type22 .second-menu-block .level0 > .level-top,
    html body.catalogsearch-result-index .page-header.type22 .second-menu-block .level0 > .level-top {
        color: #222529 !important;
        background: transparent !important;
    }

    html body:not(.cms-index-index) .page-header.type22 .second-menu-block .level0:hover > .level-top,
    html body:not(.cms-index-index) .page-header.type22 .second-menu-block .level0 > .level-top:hover,
    html body:not(.cms-index-index) .page-header.type22 .second-menu-block .level0 > .level-top:focus,
    html body.catalog-category-view .page-header.type22 .second-menu-block .level0:hover > .level-top,
    html body.catalog-product-view .page-header.type22 .second-menu-block .level0:hover > .level-top {
        color: #ed7402 !important;
        background: transparent !important;
    }
}

@media (min-width: 768px) {
    html body .page-header.type22.ts-sticky-active .header-main,
    html body .page-header.type22.sticky-header .header-main {
        position: static !important;
        top: auto !important;
        width: auto !important;
        margin: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body .page-header.type22.ts-sticky-active .header-main .header.content.header-row,
    html body .page-header.type22.sticky-header .header-main .header.content.header-row {
        min-height: inherit !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    html body .page-header.type22.ts-sticky-active .header-bottom.main-menu-wrap,
    html body .page-header.type22.sticky-header .header-bottom.main-menu-wrap,
    html body.cms-index-index .page-header.type22.ts-sticky-active .header-bottom,
    html body.cms-index-index .page-header.type22.sticky-header .header-bottom {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: auto !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        transform: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body .page-header.type22.ts-sticky-active .header-bottom .header-row,
    html body .page-header.type22.sticky-header .header-bottom .header-row,
    html body.cms-index-index .page-header.type22.ts-sticky-active .header-bottom .header-row,
    html body.cms-index-index .page-header.type22.sticky-header .header-bottom .header-row {
        min-height: 0 !important;
    }

    html body .page-header.type22.ts-sticky-active .second-menu-block .level-top,
    html body .page-header.type22.sticky-header .second-menu-block .level-top {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }

    html body .ts-sticky-spacer {
        width: 100%;
        margin: 0;
        padding: 0;
        pointer-events: none;
    }
}

@media (min-width: 768px) {
    html body .page-header.type22 .header-main > .header.content.header-row {
        gap: 10px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-left,
    html body .page-header.type22 .header-main .logo {
        flex: 0 0 clamp(150px, 18vw, 293px) !important;
        width: clamp(150px, 18vw, 293px) !important;
        max-width: clamp(150px, 18vw, 293px) !important;
        min-width: 0 !important;
    }

    html body .page-header.type22 .header-main .logo img {
        width: clamp(150px, 18vw, 293px) !important;
        max-width: clamp(150px, 18vw, 293px) !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap,
    html body .page-header.type22.ts-sticky-active .header-bottom.main-menu-wrap,
    html body .page-header.type22.sticky-header .header-bottom.main-menu-wrap {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        transform: none !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .second-menu-block,
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .sections.nav-sections,
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation {
        justify-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    html body .page-header.type22 .second-menu-block .sections.nav-sections,
    html body .page-header.type22 .second-menu-block .navigation {
        position: static !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        transform: none !important;
        overflow: visible !important;
    }

    html body .page-header.type22 .header-main .nav-toggle {
        display: none !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav {
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 22px !important;
        column-gap: 22px !important;
        row-gap: 22px !important;
        padding: 0 12px !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li > .level-top,
    html body .page-header.type22.ts-sticky-active .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li > .level-top,
    html body .page-header.type22.sticky-header .header-bottom.main-menu-wrap .navigation ul.ts-root-nav > li > .level-top {
        font-size: 13px !important;
        letter-spacing: normal !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu > .level-top:after {
        vertical-align: middle !important;
        transform: rotate(45deg) !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu.ts-more-open > .ts-submenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li.ts-more-menu:hover > ul.ts-submenu,
    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li.ts-more-menu:hover > ul.submenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu {
        z-index: 1400 !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu.ts-more-align-right > .ts-submenu {
        right: 0 !important;
        left: auto !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu.ts-more-align-left > .ts-submenu {
        right: 0 !important;
        left: auto !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu > li {
        position: relative !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu > li > .submenu,
    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu > li > .ts-submenu {
        position: absolute !important;
        top: -8px !important;
        z-index: 1401 !important;
        display: none !important;
        min-width: 230px !important;
        margin: 0 !important;
        padding: 8px 0 !important;
        background: #fff !important;
        border: 1px solid #e6e8ed !important;
        box-shadow: 0 16px 34px rgba(15, 23, 42, .14) !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu.ts-more-nested-left > .ts-submenu > li > .submenu,
    html body .page-header.type22 .second-menu-block .ts-more-menu.ts-more-nested-left > .ts-submenu > li > .ts-submenu {
        right: 100% !important;
        left: auto !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu.ts-more-nested-right > .ts-submenu > li > .submenu,
    html body .page-header.type22 .second-menu-block .ts-more-menu.ts-more-nested-right > .ts-submenu > li > .ts-submenu {
        right: auto !important;
        left: 100% !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu > li:hover > .submenu,
    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu > li:hover > .ts-submenu,
    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu > li.ts-more-child-open > .submenu,
    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu > li.ts-more-child-open > .ts-submenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body .page-header.type22 .second-menu-block .ts-more-menu > .ts-submenu > li.parent > .level-top:after {
        content: "" !important;
        display: inline-block !important;
        width: 6px !important;
        height: 6px !important;
        margin-left: 8px !important;
        border-top: 1px solid currentColor !important;
        border-right: 1px solid currentColor !important;
        transform: rotate(45deg) !important;
        vertical-align: middle !important;
    }
}

@media (min-width: 768px) {
    html body .page-header.type22 .header-bottom.main-menu-wrap,
    html body .page-header.type22 .header-bottom.main-menu-wrap > .header-row.container,
    html body .page-header.type22 .header-bottom.main-menu-wrap .header-col,
    html body .page-header.type22 .second-menu-block,
    html body .page-header.type22 .second-menu-block .sections.nav-sections,
    html body .page-header.type22 .second-menu-block .navigation,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li {
        overflow: visible !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.level0,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent,
    html body .page-header.type22 .second-menu-block .ts-submenu > li,
    html body .page-header.type22 .second-menu-block .submenu > li {
        border: 0 !important;
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .ts-submenu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        z-index: 1400 !important;
        min-width: 220px !important;
        margin: 0 !important;
        padding: 8px 0 !important;
        overflow: visible !important;
        background: #fff !important;
        border: 1px solid #e6e8ed !important;
        box-shadow: 0 16px 34px rgba(15, 23, 42, .14) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent:hover > .submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent:hover > .ts-submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent.ts-menu-child-open > .submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent.ts-menu-child-open > .ts-submenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .submenu > li > a,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .ts-submenu > li > a {
        display: block !important;
        color: #222529 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
        padding: 10px 18px !important;
        background: transparent !important;
        border: 0 !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .submenu > li:hover > a,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .ts-submenu > li:hover > a {
        color: #ed7402 !important;
        background: #f7f7f7 !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu.ts-more-open > .ts-submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu:hover > .ts-submenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu:before,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu:after,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu:before,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu:after {
        display: none !important;
        content: none !important;
        border: 0 !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .level-top:before,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .level-top:after,
    html body .page-header.type22 .second-menu-block .navigation:not(.side-megamenu) .level0.parent > a > span:before,
    html body .page-header.type22 .second-menu-block .navigation:not(.side-megamenu) .level0.parent > a > span:after,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .open-children-toggle {
        display: none !important;
        content: none !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .level-top:after {
        content: "" !important;
        display: inline-block !important;
        position: static !important;
        width: 6px !important;
        height: 6px !important;
        margin: -3px 0 0 8px !important;
        padding: 0 !important;
        border: 0 !important;
        border-right: 1px solid currentColor !important;
        border-bottom: 1px solid currentColor !important;
        transform: rotate(45deg) !important;
        vertical-align: middle !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li.parent > .level-top {
        position: relative !important;
        padding-right: 34px !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li.parent > .level-top:before {
        display: none !important;
        content: none !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li.parent > .level-top:after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 50% !important;
        right: 16px !important;
        left: auto !important;
        width: 6px !important;
        height: 6px !important;
        margin: -3px 0 0 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-top: 1px solid currentColor !important;
        border-right: 1px solid currentColor !important;
        transform: rotate(45deg) !important;
        vertical-align: initial !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu a,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu a,
    html body.cms-index-index.ts-header-transparent .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu a,
    html body.cms-index-index.ts-header-transparent .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu a {
        color: #222529 !important;
        background: transparent !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu li:hover > a,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu li:hover > a,
    html body.cms-index-index.ts-header-transparent .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu li:hover > a,
    html body.cms-index-index.ts-header-transparent .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu li:hover > a {
        color: #ed7402 !important;
        background: #f7f7f7 !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li > .ts-submenu > li .ts-submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li > .submenu > li .submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu > li > .submenu > li .submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu > li > .ts-submenu > li .ts-submenu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* Final override: keep minicart removal confirmation only as tall as its content. */
body .modal-popup.confirm .modal-inner-wrap {
    display: block !important;
    width: min(420px, calc(100vw - 32px)) !important;
    max-width: 420px !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 12vh auto 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

body .modal-popup.confirm .modal-header {
    display: block !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body .modal-popup.confirm .action-close {
    top: 6px !important;
    right: 6px !important;
    width: 28px !important;
    height: 28px !important;
    min-height: 0 !important;
    padding: 0 !important;
    line-height: 28px !important;
}

body .modal-popup.confirm .modal-content {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 42px 4px 16px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}

body .modal-popup.confirm .modal-footer {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 6px 16px 14px !important;
}

body .modal-popup.confirm .modal-footer .action-primary,
body .modal-popup.confirm .modal-footer .action-accept,
body .modal-popup.confirm .modal-footer .action.primary,
body .modal-popup.confirm .modal-footer .action-secondary,
body .modal-popup.confirm .modal-footer .action-dismiss {
    min-height: 0 !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border-color: #2f343a !important;
    background: #2f343a !important;
    color: #fff !important;
    line-height: 30px !important;
    box-shadow: none !important;
}

body .modal-popup.confirm .modal-footer .action-primary:hover,
body .modal-popup.confirm .modal-footer .action-primary:focus,
body .modal-popup.confirm .modal-footer .action-accept:hover,
body .modal-popup.confirm .modal-footer .action-accept:focus,
body .modal-popup.confirm .modal-footer .action.primary:hover,
body .modal-popup.confirm .modal-footer .action.primary:focus,
body .modal-popup.confirm .modal-footer .action-secondary:hover,
body .modal-popup.confirm .modal-footer .action-secondary:focus,
body .modal-popup.confirm .modal-footer .action-dismiss:hover,
body .modal-popup.confirm .modal-footer .action-dismiss:focus {
    border-color: #1f2328 !important;
    background: #1f2328 !important;
    color: #fff !important;
}

body .block-minicart .minicart-items .product-item .ts-minicart-row-actions .secondary,
body .block-minicart .minicart-items .product-item .ts-minicart-row-actions .secondary *,
body .block-minicart .minicart-items .product-item .ts-minicart-row-actions .action.delete,
body .block-minicart .minicart-items .product-item .ts-minicart-row-actions .action.edit {
    cursor: pointer !important;
}

body .minicart-items .product-item .product.actions .secondary,
body .minicart-items .product-item .product.actions .secondary *,
body .minicart-items .product-item .product.actions .action.delete,
body .minicart-items .product-item .product.actions .action.edit,
body .minicart-items .product-item .ts-minicart-row-actions,
body .minicart-items .product-item .ts-minicart-row-actions * {
    cursor: pointer !important;
}

.products-grid .product-item-photo .product-item-inner .product-item-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: 100% !important;
}

.products-grid .product-item-photo .product-item-inner .product-item-actions .actions-primary {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.products-grid .product-item-photo .product-item-inner .product-item-actions form {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.products-grid .product-item-photo .product-item-inner .product-item-actions .tocart,
.products-grid .product-item-photo .product-item-inner .product-item-actions .tocompare {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
}

.products-grid .product-item-photo .product-item-inner .product-item-actions .tocart {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
}

.products-grid .product-item-photo .product-item-inner .product-item-actions .tocompare {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

.products-grid .product-item-photo .product-item-inner .product-item-actions .tocompare span {
    display: none !important;
}

.products-grid .product-item-photo .product-item-inner .product-item-actions .tocompare:before {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    background:
        linear-gradient(currentColor, currentColor) 2px 10px / 4px 8px no-repeat,
        linear-gradient(currentColor, currentColor) 7px 6px / 4px 12px no-repeat,
        linear-gradient(currentColor, currentColor) 12px 2px / 4px 16px no-repeat !important;
    border-radius: 2px !important;
    content: "" !important;
    transform: none !important;
}

@media (min-width: 640px) {
    .products-grid .product-item-photo .product-item-inner {
        position: absolute !important;
        right: 12px !important;
        bottom: 12px !important;
        left: 12px !important;
        z-index: 4 !important;
        display: flex !important;
        justify-content: flex-end !important;
        width: auto !important;
        height: auto !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(6px) !important;
        transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
    }

    .products-grid .product-item-info:hover .product-item-photo .product-item-inner,
    .products-grid .product-item-info:focus-within .product-item-photo .product-item-inner {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }
}

@media (max-width: 639px) {
    .products-grid .product-item-photo .product-item-inner {
        position: static !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 10px !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
}

.products-grid .product-item-photo .product-item-inner:empty {
    display: none !important;
}

@media (min-width: 1024px) {
    .catalog-product-view .column.main {
        display: grid !important;
        grid-template-columns: minmax(360px, 480px) minmax(0, 1fr) !important;
        column-gap: 42px !important;
        align-items: start !important;
    }

    .catalog-product-view .column.main > * {
        grid-column: 1 / -1;
        min-width: 0;
    }

    .catalog-product-view .column.main > .product.media {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
    }

    .catalog-product-view .column.main > .product-info-main {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .catalog-product-view .column.main > .clearer {
        display: none !important;
    }

    .catalog-product-view .column.main > .product.info.detailed {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: none !important;
        margin-top: 34px !important;
        text-align: left !important;
    }

    .catalog-product-view .product-info-main .product.attribute.overview,
    .catalog-product-view .product-info-main .product.attribute.overview *,
    .catalog-product-view .product.info.detailed,
    .catalog-product-view .product.info.detailed * {
        text-align: left !important;
    }
}

/* Checkout header: show only cart icon + quantity badge, never Porto subtotal/arrow fragments. */
html body.onestepcheckout-index-index .page-header .minicart-wrapper > .action-subtotal,
html body.onestepcheckout-index-index .page-header .minicart-wrapper > .action-subtotal *,
html body.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart .text,
html body.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart .counter-label,
html body.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart .counter-label * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 0 !important;
}

html body.onestepcheckout-index-index .page-header .minicart-wrapper:before,
html body.onestepcheckout-index-index .page-header .minicart-wrapper:after,
html body.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart:before,
html body.onestepcheckout-index-index .page-header .minicart-wrapper .action.showcart:after,
html body.onestepcheckout-index-index .page-header .minicart-wrapper .counter.qty:before,
html body.onestepcheckout-index-index .page-header .minicart-wrapper .counter.qty:after {
    display: none !important;
    content: none !important;
}

/* Keep the cart quantity badge consistent across transparent, sticky and mobile headers. */
html body .page-header .minicart-wrapper .action.showcart .counter.qty {
    background: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
}

html body .page-header .minicart-wrapper .action.showcart .counter.qty .counter-number,
html body .page-header .minicart-wrapper .action.showcart .counter-number {
    color: #fff !important;
}

/* Header recovery: Porto generated CSS paints this pseudo-element blue. */
html body .page-header.type22 .header-bottom.main-menu-wrap > .header-row.container:before,
html body.cms-index-index .page-header.type22 .header-bottom.main-menu-wrap > .header-row.container:before,
html body.catalog-category-view .page-header.type22 .header-bottom.main-menu-wrap > .header-row.container:before,
html body.catalog-product-view .page-header.type22 .header-bottom.main-menu-wrap > .header-row.container:before {
    display: none !important;
    content: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

html body .page-header.type22 .main-panel-top,
html body .page-header.type22 .panel.header.show-icon-tablet,
html body .page-header.type22 .panel.header.show-icon-tablet .header.links {
    display: none !important;
}

@media (min-width: 768px) {
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap,
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap > .header-row.container,
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .header-col.header-left,
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .second-menu-block {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap {
        flex: 1 1 auto !important;
    }

    html body .page-header.type22 .second-menu-block,
    html body .page-header.type22 .second-menu-block .sections.nav-sections,
    html body .page-header.type22 .second-menu-block .navigation,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav,
    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation > ul.ts-root-nav,
    html body.cms-index-index .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav,
    html body:not(.cms-index-index) .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav {
        background: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .navigation ul.ts-root-nav {
        gap: 18px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        justify-content: center !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-bottom.main-menu-wrap .second-menu-block .navigation ul.ts-root-nav > li > .level-top,
    html body .page-header.type22.ts-sticky-active .header-bottom.main-menu-wrap .second-menu-block .navigation ul.ts-root-nav > li > .level-top,
    html body .page-header.type22.sticky-header .header-bottom.main-menu-wrap .second-menu-block .navigation ul.ts-root-nav > li > .level-top,
    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li > .level-top,
    html body .page-header.type22.ts-sticky-active .second-menu-block .navigation ul.ts-root-nav > li > .level-top,
    html body .page-header.type22.sticky-header .second-menu-block .navigation ul.ts-root-nav > li > .level-top {
        color: #222529 !important;
        background: transparent !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: normal !important;
    }

    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li:hover > .level-top,
    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li.active > .level-top,
    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li > .level-top:hover,
    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li > .level-top:focus {
        color: #ed7402 !important;
        background: transparent !important;
    }

    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li.ts-more-menu.ts-more-align-right > .ts-submenu,
    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li.ts-more-menu.ts-more-align-right > .submenu {
        right: 0 !important;
        left: auto !important;
    }

    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li.ts-more-menu.ts-more-align-left > .ts-submenu,
    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li.ts-more-menu.ts-more-align-left > .submenu {
        right: auto !important;
        left: 0 !important;
    }

    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li.ts-more-menu > .level-top > span {
        display: inline !important;
    }

    html body .page-header.type22 .second-menu-block .navigation ul.ts-root-nav > li.ts-more-menu > .level-top:after {
        content: "" !important;
        display: inline-block !important;
        position: static !important;
        width: 6px !important;
        height: 6px !important;
        margin: -3px 0 0 8px !important;
        padding: 0 !important;
        border: 0 !important;
        border-right: 1px solid currentColor !important;
        border-bottom: 1px solid currentColor !important;
        transform: rotate(45deg) !important;
        vertical-align: middle !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .ts-submenu > li.parent > .ts-submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .submenu > li.parent > .submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .ts-submenu > li.parent > .submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.parent > .submenu > li.parent > .ts-submenu {
        position: absolute !important;
        top: -8px !important;
        left: 100% !important;
        right: auto !important;
        z-index: 1401 !important;
        display: none !important;
        min-width: 230px !important;
        margin: 0 !important;
        padding: 8px 0 !important;
        background: #fff !important;
        border: 1px solid #e6e8ed !important;
        box-shadow: 0 16px 34px rgba(15, 23, 42, .14) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li.parent:hover > .ts-submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu > li.parent:hover > .submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li.parent:hover > .submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu > li.parent:hover > .ts-submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li.parent.ts-more-child-open > .ts-submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu > li.parent.ts-more-child-open > .submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li.parent.ts-more-child-open > .submenu,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu > li.parent.ts-more-child-open > .ts-submenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li.parent > .ts-submenu > li > a,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu > li.parent > .submenu > li > a,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li.parent > .submenu > li > a,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu > li.parent > .ts-submenu > li > a {
        display: block !important;
        color: #222529 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
        padding: 10px 18px !important;
        background: transparent !important;
        border: 0 !important;
        white-space: nowrap !important;
    }

    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li.parent > .ts-submenu > li:hover > a,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu > li.parent > .submenu > li:hover > a,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .ts-submenu > li.parent > .submenu > li:hover > a,
    html body .page-header.type22 .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > .submenu > li.parent > .ts-submenu > li:hover > a {
        color: #ed7402 !important;
        background: #f7f7f7 !important;
    }
}

@media (min-width: 768px) {
    html body.cms-index-index {
        --ts-home-edge: clamp(30px, 2.7vw, 39px);
    }

    html body.cms-index-index .page-main .columns > .ts-grid,
    html body.cms-index-index .page-main .columns > .ts-featured-title,
    html body.cms-index-index .page-main .columns > .products-grid,
    html body.cms-index-index .page-main .columns > .block-products-list,
    html body.cms-index-index .page-main .columns > .ts-brand-strip,
    html body.cms-index-index .page-main .columns > .column.main > .ts-grid,
    html body.cms-index-index .page-main .columns > .column.main > .ts-featured-title,
    html body.cms-index-index .page-main .columns > .column.main > .products-grid,
    html body.cms-index-index .page-main .columns > .column.main > .block-products-list,
    html body.cms-index-index .page-main .columns > .column.main > .ts-brand-strip {
        width: calc(100% - (var(--ts-home-edge) * 2)) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    html body.cms-index-index .page-main .columns > .ts-grid,
    html body.cms-index-index .page-main .columns > .column.main > .ts-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 32px !important;
    }

    html body.cms-index-index .products-grid .product-items.widget-product-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 34px 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    html body.cms-index-index .products-grid .product-items.widget-product-grid > .product-item {
        float: none !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item-info {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1180px) {
    html body.cms-index-index .products-grid .product-items.widget-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 768px) {
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header.content.header-row > .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav.ts-root-nav > li.level0 > .level-top,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header.content.header-row > .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav.ts-root-nav > li.level0 > .level-top > span,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header.content.header-row > .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav.ts-root-nav > li.ts-more-menu > .level-top,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header.content.header-row > .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav.ts-root-nav > li.ts-more-menu > .level-top > span,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header.content.header-row > .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav.ts-root-nav > li.level0:hover > .level-top,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header.content.header-row > .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav.ts-root-nav > li.level0 > .level-top:hover,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header.content.header-row > .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav.ts-root-nav > li.level0 > .level-top:focus {
        color: #fff !important;
        background: transparent !important;
    }

    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header.content.header-row > .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav.ts-root-nav > li.ts-more-menu > .level-top:after {
        border-color: #fff !important;
    }

    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon:hover,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon.open,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon i,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .header-right > .search-area.show-icon-tablet > .search-toggle-icon:before,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .minicart-wrapper .action.showcart,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .minicart-wrapper .action.showcart:before,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .minicart-wrapper .action.showcart:after,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .minicart-wrapper .action.showcart .counter-label,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .minicart-wrapper .action.showcart .cart-price,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .minicart-wrapper .action.showcart .price,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .ts-language-switcher-inline,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .ts-language-switcher-inline a,
    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .ts-language-switcher-inline span {
        color: #fff !important;
    }

    html body.cms-index-index .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .ts-language-switcher-inline a:not(.active) {
        opacity: .72 !important;
    }

    html body.cms-index-index.ts-header-transparent .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav > li.level0 > a.level-top,
    html body.cms-index-index.ts-header-transparent .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav > li.level0 > a.level-top > span,
    html body.cms-index-index.ts-header-transparent .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav > li.level0:hover > a.level-top,
    html body.cms-index-index.ts-header-transparent .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav > li.level0 > a.level-top:hover,
    html body.cms-index-index.ts-header-transparent .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav > li.level0 > a.level-top:focus,
    html body.cms-index-index.ts-header-transparent .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > a.level-top,
    html body.cms-index-index.ts-header-transparent .header-bottom.main-menu-wrap .second-menu-block .navigation > ul.ts-root-nav > li.ts-more-menu > a.level-top > span {
        color: #fff !important;
        background: transparent !important;
    }

    html body.cms-index-index.ts-header-transparent .header-main .search-area.show-icon-tablet .search-toggle-icon,
    html body.cms-index-index.ts-header-transparent .header-main .search-area.show-icon-tablet .search-toggle-icon:hover,
    html body.cms-index-index.ts-header-transparent .header-main .search-area.show-icon-tablet .search-toggle-icon.open,
    html body.cms-index-index.ts-header-transparent .header-main .search-area.show-icon-tablet .search-toggle-icon i,
    html body.cms-index-index.ts-header-transparent .header-main .search-area.show-icon-tablet .search-toggle-icon:before,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart:before,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart:after,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .minicart-icon,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .minicart-icon:before,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .minicart-icon:after,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .text,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .counter-label,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .cart-price,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .price,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action-subtotal,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action-subtotal .cart-subtotal,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action-subtotal .label1,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action-subtotal .label2,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action-subtotal .cart-price,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action-subtotal .amount,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action-subtotal .price,
    html body.cms-index-index.ts-header-transparent .header-main .ts-language-switcher-inline,
    html body.cms-index-index.ts-header-transparent .header-main .ts-language-switcher-inline a,
    html body.cms-index-index.ts-header-transparent .header-main .ts-language-switcher-inline span,
    html body.cms-index-index.ts-header-transparent .header-main .switcher-language,
    html body.cms-index-index.ts-header-transparent .header-main .switcher-language a,
    html body.cms-index-index.ts-header-transparent .header-main .switcher-language span,
    html body.cms-index-index.ts-header-transparent .header-main .switcher-language .switcher-trigger {
        color: #fff !important;
    }

    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .minicart-icon,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .minicart-icon:before,
    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .minicart-icon:after {
        border-color: #fff !important;
    }

    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .counter.qty {
        background: #fff !important;
        border-color: #fff !important;
    }

    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .counter.qty .counter-number {
        color: #222529 !important;
    }

    html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .counter-number {
        color: #222529 !important;
    }

    html body.cms-index-index.ts-header-transparent .page-header.type22:not(.ts-sticky-active):not(.sticky-header) .header-main .minicart-wrapper .action.showcart .counter-number {
        color: #222529 !important;
    }
}

html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 12px !important;
}

html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item-actions .actions-primary {
    display: flex !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
}

html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item-actions .tocart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border: 1px solid #fff !important;
    border-radius: 10px !important;
    background: #212529 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item-actions .tocart span {
    display: inline !important;
    color: inherit !important;
}

html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item-actions .tocart:before {
    display: inline-block !important;
    margin-right: 8px !important;
    color: inherit !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item-actions .tocart:hover,
html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item-actions .tocart:focus,
html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item-actions .tocart:active {
    background: #111315 !important;
    border-color: #fff !important;
    color: #fff !important;
}

html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item .product-item-actions > a.action.tocompare.actions-secondary {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-color: #fff !important;
    color: #222529 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
}

html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item .product-item-actions > a.action.tocompare.actions-secondary span {
    display: none !important;
}

html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item .product-item-actions > a.action.tocompare.actions-secondary:before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    background:
        linear-gradient(currentColor, currentColor) 2px 10px / 4px 8px no-repeat,
        linear-gradient(currentColor, currentColor) 7px 6px / 4px 12px no-repeat,
        linear-gradient(currentColor, currentColor) 12px 2px / 4px 16px no-repeat !important;
    border-radius: 2px !important;
    transform: none !important;
}

html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item .product-item-actions > a.action.tocompare.actions-secondary:hover,
html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item .product-item-actions > a.action.tocompare.actions-secondary:focus,
html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item .product-item-actions > a.action.tocompare.actions-secondary:active {
    background: #111315 !important;
    background-color: #111315 !important;
    border-color: #fff !important;
    color: #fff !important;
}

/* The homepage transparent-header rules are more specific than the common badge style. */
html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .counter.qty,
html body.cms-index-index.ts-header-transparent .page-header .minicart-wrapper .action.showcart .counter.qty {
    background: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
}

html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .counter.qty .counter-number,
html body.cms-index-index.ts-header-transparent .header-main .minicart-wrapper .action.showcart .counter-number,
html body.cms-index-index.ts-header-transparent .page-header .minicart-wrapper .action.showcart .counter-number {
    color: #fff !important;
}

/* Use the supplied two-way-arrow SVG for every product comparison action. */
html body .products-grid .product-item-photo .product-item-inner .product-item-actions .tocompare:before,
html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocompare:before,
html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item .product-item-actions > a.action.tocompare.actions-secondary:before,
html body .product-item-actions .tocompare:before,
html body .product-addto-links .tocompare:before {
    content: "" !important;
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    margin: 0 !important;
    background: #111315 !important;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4'/%3E%3C/svg%3E") center / contain no-repeat !important;
    transform: none !important;
}

html body .products-grid .product-item-photo .product-item-inner .product-item-actions .tocompare:hover:before,
html body .products-grid .product-item-photo .product-item-inner .product-item-actions .tocompare:focus:before,
html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocompare:hover:before,
html body.cms-index-index .products-grid .products.product-items.widget-product-grid .product-item .product-item-actions .tocompare:focus:before,
html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item .product-item-actions > a.action.tocompare.actions-secondary:hover:before,
html body.cms-index-index .products-grid .product-items.widget-product-grid .product-item .product-item-actions > a.action.tocompare.actions-secondary:focus:before,
html body .product-item-actions .tocompare:hover:before,
html body .product-item-actions .tocompare:focus:before,
html body .product-addto-links .tocompare:hover:before,
html body .product-addto-links .tocompare:focus:before {
    background-color: #fff !important;
}

/* Keep homepage cards comfortably full-width and two-column on phones. */
@media (max-width: 767px) {
    html body.cms-index-index .ts-home > .ts-grid {
        width: calc(100% - 32px) !important;
        max-width: none !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.cms-index-index .ts-home .products-grid {
        width: calc(100% - 32px) !important;
        max-width: none !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    html body.cms-index-index .ts-home .products-grid .product-items.widget-product-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px 12px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.cms-index-index .ts-home .products-grid .product-items.widget-product-grid > .product-item {
        float: none !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* The menu drawer has its own header and leaves room for a future language picker. */
    html body .page-header.type22 .second-menu-block .ts-mobile-menu-header {
        display: none !important;
    }

    html.nav-open body .page-header.type22 .second-menu-block .ts-mobile-menu-header {
        display: flex !important;
        align-items: center !important;
        min-height: 70px !important;
        padding: 14px 15px !important;
        border-bottom: 1px solid #e6e6e6 !important;
        background: #fff !important;
    }

    html.nav-open body .page-header.type22 .second-menu-block .ts-mobile-menu-logo-wrap {
        display: flex !important;
        align-items: center !important;
        min-width: 0 !important;
    }

    html.nav-open body .page-header.type22 .second-menu-block .ts-mobile-menu-logo {
        display: block !important;
        margin: 0 !important;
    }

    html.nav-open body .page-header.type22 .second-menu-block .ts-mobile-menu-logo img {
        display: block !important;
        width: auto !important;
        max-width: 178px !important;
        height: auto !important;
        max-height: 42px !important;
    }

    html.nav-open body .page-header.type22 .second-menu-block .ts-mobile-menu-language {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    html.nav-open body .page-header.type22 .second-menu-block .ts-mobile-menu-close {
        position: relative !important;
        display: block !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 -7px 0 8px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        cursor: pointer !important;
    }

    html.nav-open body .page-header.type22 .second-menu-block .ts-mobile-menu-close:before,
    html.nav-open body .page-header.type22 .second-menu-block .ts-mobile-menu-close:after {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 19px !important;
        height: 1px !important;
        background: #172033 !important;
        content: "" !important;
    }

    html.nav-open body .page-header.type22 .second-menu-block .ts-mobile-menu-close:before {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    html.nav-open body .page-header.type22 .second-menu-block .ts-mobile-menu-close:after {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

    /* Keep the original cart dimensions; only align both controls in their header row. */
    html body .page-header.type22 .header-main > .header.content.header-row > .header-right {
        align-items: center !important;
    }

    html body .page-header.type22 .header-main > .header.content.header-row > .header-right > .search-area.show-icon-tablet,
    html body .page-header.type22 .header-main > .header.content.header-row > .header-right > .minicart-wrapper {
        align-self: center !important;
    }
}

/* The drawer header is mobile-only; it must never enter the desktop navigation flow. */
html body .page-header.type22 .second-menu-block .ts-mobile-menu-header {
    display: none !important;
}

@media (max-width: 767px) {
    /* Center the logo against the viewport, independent of the action controls. */
    html body .page-header.type22 .header-main .header.content.header-row {
        position: relative !important;
    }

    html body .page-header.type22 .header-main .header.content.header-row > .header-left > .logo {
        position: absolute !important;
        top: 3px !important;
        left: 50% !important;
        z-index: 1 !important;
        grid-area: auto !important;
        justify-self: auto !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }
}

/* Product sharing uses a descriptive tooltip and a clear send-to-friend icon. */
html body.catalog-product-view .action.mailto.friend:before {
    display: none !important;
}

html body.catalog-product-view .action.mailto.friend .ts-send-friend-icon {
    display: block !important;
    flex: 0 0 27px !important;
    height: 27px !important;
    width: 27px !important;
}

html body.catalog-product-view .action.mailto.friend .ts-send-friend-icon svg {
    display: block !important;
    height: 100% !important;
    stroke: #111315 !important;
    width: 100% !important;
}

/* Center the comparison SVG in the same 48 px button geometry as send-to-friend. */
html body .product-item-actions .tocompare:before,
html body .product-addto-links .tocompare:before {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* A visible tooltip is more reliable and accessible than a browser-only title hint. */
html body.catalog-product-view .action.mailto.friend {
    position: relative !important;
    overflow: visible !important;
}

html body.catalog-product-view .action.mailto.friend:after {
    position: absolute !important;
    z-index: 1300 !important;
    bottom: calc(100% + 10px) !important;
    left: 50% !important;
    display: block !important;
    padding: 7px 10px !important;
    border-radius: 6px !important;
    background: #111315 !important;
    color: #fff !important;
    content: attr(data-tooltip) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transform: translate(-50%, 4px) !important;
    transition: opacity .15s ease, transform .15s ease !important;
}

html body.catalog-product-view .action.mailto.friend:hover:after,
html body.catalog-product-view .action.mailto.friend:focus:after,
html body.catalog-product-view .action.mailto.friend:focus-visible:after {
    opacity: 1 !important;
    transform: translate(-50%, 0) !important;
}

/* Keep the product-page compare and share glyphs precisely centred in their buttons. */
html body.catalog-product-view .product-addto-links .action.tocompare,
html body.catalog-product-view .action.mailto.friend {
    align-items: center !important;
    display: inline-flex !important;
    justify-content: center !important;
}

html body.catalog-product-view .product-addto-links .action.tocompare:before,
html body.catalog-product-view .action.mailto.friend:before {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

/* Keep the send-to-friend form compact enough for a standard desktop viewport. */
@media (min-width: 768px) {
    html body.sendfriend-product-send .page-main {
        padding-bottom: 32px !important;
    }

    html body.sendfriend-product-send #product-sendtofriend-form .fieldset {
        margin-bottom: 18px !important;
    }

    html body.sendfriend-product-send #product-sendtofriend-form .fieldset > br {
        display: none !important;
    }

    html body.sendfriend-product-send #product-sendtofriend-form .fieldset > .legend {
        margin-bottom: 12px !important;
        padding-bottom: 6px !important;
    }

    html body.sendfriend-product-send #product-sendtofriend-form .field {
        margin-bottom: 12px !important;
    }

    html body.sendfriend-product-send #product-sendtofriend-form .field > .label {
        font-size: 13px !important;
        margin-bottom: 4px !important;
    }

    html body.sendfriend-product-send #product-sendtofriend-form input.input-text {
        height: 42px !important;
        min-height: 42px !important;
        padding: 8px 12px !important;
    }

    html body.sendfriend-product-send #product-sendtofriend-form textarea.input-text {
        height: 60px !important;
        min-height: 60px !important;
        padding: 8px 12px !important;
    }

    html body.sendfriend-product-send #product-sendtofriend-form .actions-toolbar {
        margin-top: 12px !important;
    }

    html body.sendfriend-product-send #product-sendtofriend-form .action {
        min-height: 40px !important;
        padding: 9px 16px !important;
    }
}

/* Give every compare action the same visible hover and keyboard-focus hint. */
html body .product-item-actions .tocompare,
html body .product-addto-links .tocompare {
    position: relative !important;
    overflow: visible !important;
}

html body .product-item-actions .tocompare:after,
html body .product-addto-links .tocompare:after {
    position: absolute !important;
    z-index: 1300 !important;
    bottom: calc(100% + 10px) !important;
    left: 50% !important;
    display: block !important;
    padding: 7px 10px !important;
    border-radius: 6px !important;
    background: #111315 !important;
    color: #fff !important;
    content: attr(title) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transform: translate(-50%, 4px) !important;
    transition: opacity .15s ease, transform .15s ease !important;
}

html body .product-item-actions .tocompare:hover:after,
html body .product-item-actions .tocompare:focus:after,
html body .product-item-actions .tocompare:focus-visible:after,
html body .product-addto-links .tocompare:hover:after,
html body .product-addto-links .tocompare:focus:after,
html body .product-addto-links .tocompare:focus-visible:after {
    opacity: 1 !important;
    transform: translate(-50%, 0) !important;
}