/*!
Theme: North Star
Author: Andrey Galkin
Version: 1.0
*/

/*------------------------------------------------------------------

+ IMPORT FONTS
+ ROOT
+ TYPOGRAPHY
+ LINKS
+ FORMS
+ BUTTONS
+ ANIMATIONS
+ BASE STYLES

+ CONTENT
  + HEADER
  + MENU
  + FOOTER
  + MAIN CONTENT

+ MEDIA

-------------------------------------------------------------------*/

/*//////////////////////////////////////////////////////////////////
[ IMPORT FONTS ]*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

/*//////////////////////////////////////////////////////////////////
[ ROOT ]*/

:root {
    --ff-main: 'Montserrat', sans-serif;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --bs-body-font-family: var(--ff-main);
    --bs-body-font-size: 16px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #001929;

    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-link-color: #52555a;
    --bs-link-color-rgb: 82, 85, 90;
    --bs-link-decoration: none;
    --bs-link-hover-color: #f43a6c;
    --bs-link-hover-color-rgb: 244, 58, 108;
    --bs-link-weight: 400;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #001929;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
    --bs-emphasis-color: #000;
    --bs-form-control-bg: var(--bs-body-bg);
    --bs-form-control-disabled-bg: var(--bs-secondary-bg);
    --bs-highlight-bg: #fff3cd;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
}

html,
body {
    height: 100%;
}

html {
    scroll-behavior: smooth;
}

body {
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
}

/*//////////////////////////////////////////////////////////////////
[ TYPOGRAPHY ]*/

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    font-family: var(--ff-main);
    font-weight: 600;
    line-height: 1.35;
}

h1,
.h1 {
    font-size: 2.125rem;
}

h2,
.h2 {
    font-size: 2.125rem;
}

h3,
.h3 {
    font-size: 1.5rem;
}

h4,
.h4 {
    font-size: 1.25rem;
}

h5,
.h5 {
    font-size: 1.125rem;
}

h6,
.h6 {
    font-size: 1.125rem;
}

@media (min-width: 992px) {

    h1,
    .h1 {
        font-size: 3rem;
    }

    h2,
    .h2 {
        font-size: 2rem;
    }

    h3,
    .h3 {
        font-size: 1.25rem;
    }

    h4,
    .h4 {
        font-size: 1.25rem;
    }

    h5,
    .h5 {
        font-size: 1.125rem;
    }

    h6,
    .h6 {
        font-size: 1.125rem;
    }
}

/*//////////////////////////////////////////////////////////////////
[ LINKS ]*/

a {
    text-decoration: none;
}

.breadcrumb {
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-font-size: 12px;
    --bs-breadcrumb-divider-color: #74777F;
    --bs-breadcrumb-item-active-color: #74777F;
    text-transform: uppercase;
}

.breadcrumb a {
    text-decoration: none;
}

/*//////////////////////////////////////////////////////////////////
[ FORMS ]*/

input,
button,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    outline: none;
}

:focus,
:active {
    outline: none;
}

textarea {
    overflow: auto;
}

.form-control,
.form-select {
    font-size: 16px;
    font-weight: 500;
}

.form-control:focus,
.form-select:focus {
    box-shadow: none;
    border-color: #000;
}

.form-check-input {
    --bs-border-color: #74777F;
}

.form-check-input:focus {
    border-color: #74777F;
    box-shadow: none;
}

.form-check-input:checked {
    background-color: #F43A6C;
    border-color: #F43A6C;
}

.form-control.dark-outline {
    color: #f5f5f5;
    border: var(--bs-border-width) solid #fff;
    background-color: transparent;
}

.form-control.dark-outline:focus,
.form-select.dark-outline:focus {
    border-color: #F43A6C;
}

.form-control.dark-outline::placeholder {
    color: #f5f5f5;
}

/*//////////////////////////////////////////////////////////////////
[ BUTTONS ]*/

.btn {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-font-family: var(--ff-main);
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #001929;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.5;
}

.btn-primary {
    --bs-btn-color: #001929;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #001929;
    --bs-btn-hover-color: #F43A6C;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #F43A6C;
    --bs-btn-focus-shadow-rgb: 226, 3, 56;
    --bs-btn-active-color: #F43A6C;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #F43A6C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ccc;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #ccc;
}

.btn-outline-white {
    --bs-btn-color: #fff;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #F43A6C;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #F43A6C;
    --bs-btn-focus-shadow-rgb: 226, 3, 56;
    --bs-btn-active-color: #F43A6C;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #F43A6C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f5f5f5;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f5f5f5;
}

.btn-icon {
    --btn-icon-size: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--btn-icon-size);
    height: var(--btn-icon-size);
    padding: 0 !important;
}

.btn-lg,
.btn-group-lg>.btn {
    --bs-btn-padding-x: 2rem;
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 0.5rem;
}

.btn-sm,
.btn-group-sm>.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.25rem;
}

/*//////////////////////////////////////////////////////////////////
[ ANIMATIONS ]*/

.hover-shine:hover {
    opacity: 1;
    -webkit-animation: flash .8s;
    animation: flash .8s;
}

@-webkit-keyframes flash {
    0% {
        opacity: .65;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: .65;
    }

    100% {
        opacity: 1;
    }
}

.hover-opacity {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.hover-opacity:hover {
    opacity: .65;
}

.hover-scale-box .scale-img {
    transform: scale(1);
    transition: transform 0.3s ease;
}

.hover-scale-box:hover .scale-img {
    transform: scale(1.05);
}

/*//////////////////////////////////////////////////////////////////
[ BASE STYLES ]*/

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

.ff-main {
    font-family: var(--ff-main);
}

.fw-light,
.fw-300 {
    font-weight: 300;
}

.fw-normal,
.fw-regular,
.fw-400 {
    font-weight: 400;
}

.fw-medium,
.fw-500 {
    font-weight: 500;
}

.fw-semibold,
.fw-600 {
    font-weight: 600;
}

.fw-bold,
.fw-700 {
    font-weight: 700;
}

.fs-10 {
    font-size: 10px;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-24 {
    font-size: 24px;
}

.fs-32 {
    font-size: 32px;
}

@media (min-width: 992px) {

    .fs-lg-10 {
        font-size: 10px;
    }

    .fs-lg-12 {
        font-size: 12px;
    }

    .fs-lg-14 {
        font-size: 14px;
    }

    .fs-lg-16 {
        font-size: 16px;
    }

    .fs-lg-18 {
        font-size: 18px;
    }

    .fs-lg-20 {
        font-size: 20px;
    }

    .fs-lg-24 {
        font-size: 24px;
    }

    .fs-lg-32 {
        font-size: 32px;
    }

    .fs-lg-64 {
        font-size: 64px;
    }

    .fs-lg-96 {
        font-size: 96px;
    }
}

.bg-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.c-F43A6C {
    color: #F43A6C;
}

.c-52555A {
    color: #52555A;
}

.c-001929 {
    color: #001929;
}

.c-F5F5F5 {
    color: #F5F5F5;
}

.c-h-F43A6C:hover {
    color: #F43A6C;
}

.c-h-52555A:hover {
    color: #52555A;
}

.c-h-001929:hover {
    color: #001929;
}

.c-h-F5F5F5:hover {
    color: #F5F5F5;
}

.bg-F5F5F5 {
    background-color: #F5F5F5;
}

.bg-001929 {
    background-color: #001929;
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 12rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.25rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #001929;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: #dee2e6;
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: #e2e5f1;
    --bs-dropdown-divider-margin-y: 0.375rem;
    --bs-dropdown-box-shadow: 0 0.275rem 1.25rem rgba(11, 15, 25, 0.05), 0 0.25rem 0.5625rem rgba(11, 15, 25, 0.03);
    --bs-dropdown-link-color: #001929;
    --bs-dropdown-link-hover-color: #001929;
    --bs-dropdown-link-hover-bg: #e2e5f1;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #001929;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: #001929;
    --bs-nav-link-hover-color: #001929;
    --bs-nav-link-disabled-color: #6c757d;
}

.nav-pills {
    --bs-nav-pills-border-radius: 2.25rem;
    --bs-nav-pills-link-active-color: #FF185E;
    --bs-nav-pills-link-active-bg: transparent;
    --bs-nav-pills-link-border-color: #52555A;
    --bs-nav-pills-link-active-border-color: #0F0F0F;
}

.nav-pills .nav-link {
    /*font-size: 14px;*/
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid;
    border-color: var(--bs-nav-pills-link-border-color);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    border-color: var(--bs-nav-pills-link-active-border-color);
}

.offcanvas.offcanvas-callback {
    --bs-offcanvas-width: 340px;
}

/*//////////////////////////////////////////////////////////////////
[ CONTENT ]*/

/*//////////////////////////////////////////////////////////////////
[ HEADER ]*/

.header {
    border-bottom: 1px solid #E8EEF6;
    background-color: var(--bs-body-bg);
}

.cart-icon {
    position: relative;
}

.cart-icon .indicator-number {
    position: absolute;
    top: 0;
    right: 0;
    height: 22px;
    min-width: 22px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 4px;
    border-radius: 50px;
    background-color: #FF185E;
}

/*//////////////////////////////////////////////////////////////////
[ MENU ]*/

.nav.nav-main {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0;
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-color: #001929;
    --bs-nav-link-hover-color: #f43a6c;
    --bs-nav-link-disabled-color: #6c757d;
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 1rem;
    --bs-navbar-color: #001929;
    --bs-navbar-hover-color: #001929;
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: #001929;
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-nav-link-padding-x: 1rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.25rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: none;
    --bs-navbar-toggler-border-color: transparent;
    --bs-navbar-toggler-border-radius: 0.375rem;
    --bs-navbar-toggler-focus-width: 0;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-size: 1.75rem;
    --bs-nav-link-font-weight: var(--fw-medium);
}

.navbar-nav .dropdown-menu {
    border: 0;
    border-left: 1px solid #e2e5f1;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    background: none;
    box-shadow: none;
}

.navbar-nav .dropdown-menu.show {
    -webkit-animation: fade-in .3s ease-in-out;
    animation: fade-in .3s ease-in-out;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dropdown-show {
    from {
        transform: scale(.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.logo {
    display: inline-block;
}

/*//////////////////////////////////////////////////////////////////
[ FOOTER ]*/

.footer {
    color: #F5F5F5;
    background-color: #001523;
}

.footer .nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-size: 14px;
    --bs-nav-link-color: #F5F5F5;
    --bs-nav-link-hover-color: #FF185E;
}

/*------------------------------------------------------------------
[ Modal ]*/

.modal {
    --bs-modal-header-border-width: 0;
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: 0.375rem;
}

.btn-close:focus {
    box-shadow: none;
}

/*------------------------------------------------------------------
[ Card ]*/

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: transparent;
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: transparent;
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    --bs-link-color: rgb(0, 25, 41);
    --bs-link-color-rgb: 0, 25, 41;
    --bs-link-weight: 600;
    word-wrap: normal;
}

/*//////////////////////////////////////////////////////////////////
[ MAIN CONTENT ]*/

.main {
    flex: 1 1 auto;
    padding: 70px 0 0;
}

.scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.scroll-box::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

.scroll-box::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

.swiper .btn-prev,
.swiper .btn-next {
    --btn-icon-size: 2rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-color: #fff;
    --bs-btn-bg: #001929;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #001929;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #001929;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #001929;
    --bs-btn-disabled-border-color: transparent;
    position: absolute;
    top: 50%;
    margin-top: calc(0px - (var(--btn-icon-size)/2));
    opacity: 1;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out;
    z-index: 10;
}

.swiper .btn-prev {
    left: 8px;
    right: auto;
}

.swiper .btn-next {
    right: 8px;
    left: auto;
}

.swiper .btn-prev:disabled,
.swiper .btn-prev.disabled,
.swiper .btn-next:disabled,
.swiper .btn-next.disabled {
    opacity: 0 !important;
}

.accordion {
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #001929;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-btn-icon: url(../img/faq-plus.svg);
    --bs-accordion-btn-icon-width: 1.5rem;
    --bs-accordion-btn-active-icon: url(../img/faq-plus.svg);
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #001929;
    --bs-accordion-active-bg: transparent;
}

.pagination {
    --bs-pagination-item-margin-x: 0.125rem;
    --bs-pagination-item-margin-y: 0;
    --bs-pagination-item-width: 2.5rem;
    --bs-pagination-item-height: 2.5rem;
    --bs-pagination-padding-x: 0;
    --bs-pagination-padding-y: 0;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: transparent;
    --bs-pagination-border-width: 0;
    --bs-pagination-border-color: transparent;
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: transparent;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #001929;
    --bs-pagination-active-border-color: transparent;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: transparent;
}

.pagination .page-item {
    margin: var(--bs-pagination-item-margin-y) var(--bs-pagination-item-margin-x);
}

.pagination .page-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--bs-pagination-item-width);
    height: var(--bs-pagination-item-height);
    border-radius: var(--bs-pagination-border-radius);
}

.pagination .page-item:not(:first-child) .page-link {
    margin-left: 0;
}

.card.card-product {
    --bs-card-inner-border-radius: 0;
}

.card-product .card-inner {
    padding: 12px 0;
    background-color: #fff;
}

.cat-item-02 img {
    position: absolute;
    bottom: 0;
    right: -90px;
}

.main-menu-nav-pills {
    --bs-nav-link-color: #fff;
    --bs-nav-link-hover-color: #FF185E;
    --bs-nav-pills-link-border-color: #fff;
    --bs-nav-pills-link-active-border-color: #fff;
}

.main-menu-nav-pills .nav-item:not(:last-child) {
    margin-right: 1.5rem;
}

.main-menu-tab-content .nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 1rem;
    --bs-nav-link-font-size: 20px;
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-color: #fff;
    --bs-nav-link-hover-color: #FF185E;
    --bs-nav-link-disabled-color: #6c757d;
}

.main-menu-tab-content {
    --bs-secondary-color: #9D9EA0;
}

.main-menu-tab-content .form-text {
    --bs-secondary-color: #717681;
}

.offcanvas-mobile-menu {
    --bs-offcanvas-width: 100vw;
    --bs-offcanvas-border-width: 0;
}

.catalog-widget-fiter {
    margin-bottom: 2rem;
}

.catalog-widget-menu {
    margin-bottom: -15px;
}

.catalog-filter-nav-pills {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-pills-link-border-color: transparent;
    --bs-nav-pills-link-active-border-color: transparent;
}

.catalog-filter-nav-pills .nav-item:not(:last-child) {
    margin-right: 1rem;
}

.nav-pills.catalog-filter-nav-pills .nav-link {
    text-transform: none;
}

.btn-filter-collapse {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
    padding: 8px 0;
    border: 0;
    border-radius: 0;
    border-top: 1px solid #ADC2DD !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
}

.btn-filter-collapse::after {
    width: 24px;
    height: 24px;
    margin-left: auto;
    content: "";
    background-image: url(../img/filter-chevron.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    transition: transform 0.2s ease-in-out;
}

.btn-filter-collapse:not(.collapsed)::after {
    transform: rotate(-180deg);
}


.btn-menu-collapse {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
    padding: 8px 0;
    border: 0;
    border-radius: 0;
    border-top: 1px solid #ADC2DD !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
}

.btn-menu-collapse::after {
    width: 24px;
    height: 24px;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    background-image: url(../img/filter-chevron.svg);
    background-size: 24px;
    transition: transform 0.2s ease-in-out;
}

.btn-menu-collapse:not(.collapsed)::after {
    transform: rotate(-180deg);
}

.product-item-thumb {
    border: 1px solid #0F0F0F;
    border-radius: 1rem;
    padding: 0.5rem;
    opacity: 0.6;
}

.swiper-slide-thumb-active .product-item-thumb {
    opacity: 1;
}

.comment-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #E4E7EC;
}

.comment-date {
    color: #747782;
}

.comment-text p:last-child {
    margin-bottom: 0;
}

.btn-catalog:not(.collapsed) {
    color: #f43a6c;
    border-color: #001929;
}

.catalog-to-table__item {
    position: relative;
    border: 1px solid;
    border-color: transparent;
    background-color: #f5f5f5;
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

.catalog-to-table__item:hover {
    border-color: #0F0F0F;
    background-color: transparent;
}

.catalog-to-table .col-table {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.catalog-to-table .col-title-modification::before,
.catalog-to-table .col-title-years::before,
.catalog-to-table .col-title-engine-type::before,
.catalog-to-table .col-title-engine-volume::before,
.catalog-to-table .col-title-engine-horse::before,
.catalog-to-table .col-title-engine-code::before,
.catalog-to-table .col-title-brand::before,
.catalog-to-table .col-title-sku::before,
.catalog-to-table .col-title-days::before,
.catalog-to-table .col-title-price::before,
.catalog-to-table .col-title-price-batch::before,
.catalog-to-table .col-title-price-discount::before,
.catalog-to-table .col-title-quantity::before,
.catalog-to-table .col-title-img::before,
.catalog-to-table .col-title-name::before,
.catalog-to-table .col-title-availability::before,
.catalog-to-table .col-title-discount::before,
.catalog-to-table .col-title-type::before,
.catalog-to-table .col-title-drive-of-type::before,
.catalog-to-table .col-title-number::before,
.catalog-to-table .col-title-views::before,
.catalog-to-table .col-title-status::before,
.catalog-to-table .col-title-date-created::before,
.catalog-to-table .col-title-count::before,
.catalog-to-table .col-title-delivery::before,
.catalog-to-table .col-title-address::before,
.catalog-to-table .col-title-fio::before,
.catalog-to-table .col-title-email::before,
.catalog-to-table .col-title-sex::before,
.catalog-to-table .col-title-phone::before,
.catalog-to-table .col-title-organization::before,
.catalog-to-table .col-title-inn::before,
.catalog-to-table .col-title-link::before {
    content: "";
    color: #2B313B;
    font-size: 12px;
    font-weight: 500;
}

.catalog-to-table .col-title-modification::before {
    content: "Модификация: ";
}

.catalog-to-table .col-title-years::before {
    content: "Год выпуска: ";
}

.catalog-to-table .col-title-engine-type::before {
    content: "Тип двигателя: ";
}

.catalog-to-table .col-title-engine-volume::before {
    content: "Объем: ";
}

.catalog-to-table .col-title-engine-horse::before {
    content: "Мощность л.с.: ";
}

.catalog-to-table .col-title-engine-code::before {
    content: "Код двигателя: ";
}

.catalog-to-table .col-title-brand::before {
    content: "Бренд: ";
}

.catalog-to-table .col-title-sku::before {
    content: "Артикул: ";
}

.catalog-to-table .col-title-days::before {
    content: "Срок: ";
}

.catalog-to-table .col-title-price::before {
    content: "Цена: ";
}
.catalog-to-table .col-title-price-batch::before {
    content: "Цена за партию: ";
}

.catalog-to-table .col-title-price-discount::before {
    content: "Цена со скидкой: ";
}

.catalog-to-table .col-title-img::before {
    content: "Изображение: ";
}

.catalog-to-table .col-title-name::before {
    content: "Наименование: ";
}

.catalog-to-table .col-title-availability::before {
    content: "Наличие: ";
}

.catalog-to-table .col-title-discount::before {
    content: "Скидка: ";
}

.catalog-to-table .col-title-type::before {
    content: "Тип: ";
}

.catalog-to-table .col-title-drive-of-type::before {
    content: "Привод: ";
}

.catalog-to-table .col-title-number::before {
    content: "Номер: ";
}

.catalog-to-table .col-title-views::before {
    content: "Просмотры: ";
}


.catalog-to-table .col-title-status::before {
    content: "Статус: ";
}
.catalog-to-table .col-title-date-created::before {
    content: "Дата формирования: ";
}

.catalog-to-table .col-title-fio::before {
    content: "ФИО: ";
}
.catalog-to-table .col-title-email::before {
    content: "E-mail: ";
}
.catalog-to-table .col-title-sex::before {
    content: "Пол: ";
}
.catalog-to-table .col-title-phone::before {
    content: "Телефон: ";
}
.catalog-to-table .col-title-organization::before {
    content: "Организация: ";
}
.catalog-to-table .col-title-inn::before {
    content: "ИНН: ";
}

.catalog-to-table .col-title-count::before {
    content: "Кол-во: ";
}

.catalog-to-table .col-title-delivery::before {
    content: "Доставка: ";
}
.catalog-to-table .col-title-address::before {
    content: "Адрес: ";
}



.catalog-to-table .col-title-link::before {
    content: " ";
}

.offcanvas-Catalog .nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 1rem;
    --bs-nav-link-font-size: 20px;
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-color: #fff;
    --bs-nav-link-hover-color: #FF185E;
    --bs-nav-link-disabled-color: #6c757d;
}

/*//////////////////////////////////////////////////////////////////
[ MEDIA ]*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {

    .modal {
        --bs-modal-padding: 1.5rem 2.5rem;
        --bs-modal-header-padding: 1.5rem 2.5rem;
    }

    .swiper .btn-prev,
    .swiper .btn-next {
        --btn-icon-size: 2.5rem;
        --bs-btn-font-size: 1rem;
        opacity: 0;
    }

    .swiper .btn-prev {
        left: -1rem;
        right: auto;
    }

    .swiper .btn-next {
        right: -1rem;
        left: auto;
    }

    .swiper:hover .btn-prev,
    .swiper:hover .btn-next {
        opacity: 1;
    }

    .swiper:hover .btn-prev {
        left: 8px;
    }

    .swiper:hover .btn-next {
        right: 8px;
    }

    .swiper .btn-prev:hover,
    .swiper .btn-next:hover {
        background-color: #001929;
    }

    .card-product .card-inner {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        min-width: 15em;
        padding: 12px;
        border: 1px solid #F5F5F5;
        box-shadow: 0px 0.9px 2px rgba(0, 0, 0, 0.28);
        background-color: #fff;
        transition: 0.3s ease;
        z-index: 5;
    }

    .card-product:hover .card-inner {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

    .cat-item-02 img {
        right: 0;
    }

    .catalog-to-table .col-title-modification::before,
    .catalog-to-table .col-title-years::before,
    .catalog-to-table .col-title-engine-type::before,
    .catalog-to-table .col-title-engine-volume::before,
    .catalog-to-table .col-title-engine-horse::before,
    .catalog-to-table .col-title-engine-code::before,
    .catalog-to-table .col-title-brand::before,
    .catalog-to-table .col-title-sku::before,
    .catalog-to-table .col-title-days::before,
    .catalog-to-table .col-title-price::before,
    .catalog-to-table .col-title-price-batch::before,
    .catalog-to-table .col-title-price-discount::before,

    .catalog-to-table .col-title-quantity::before,
    .catalog-to-table .col-title-img::before,
    .catalog-to-table .col-title-name::before,
    .catalog-to-table .col-title-availability::before,

    .catalog-to-table .col-title-discount::before,
    .catalog-to-table .col-title-type::before,
    .catalog-to-table .col-title-drive-of-type::before,
    .catalog-to-table .col-title-number::before,
    .catalog-to-table .col-title-views::before,
    .catalog-to-table .col-title-status::before,
    .catalog-to-table .col-title-date-created::before,
    .catalog-to-table .col-title-count::before,
    .catalog-to-table .col-title-delivery::before,
    .catalog-to-table .col-title-address::before,


    .catalog-to-table .col-title-fio::before,
    .catalog-to-table .col-title-phone::before,
    .catalog-to-table .col-title-email::before,
    .catalog-to-table .col-title-sex::before,
    .catalog-to-table .col-title-organization::before,
    .catalog-to-table .col-title-inn::before,

    .catalog-to-table .col-title-link::before {
        content: "";
    }
}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

@media (min-width: 2560px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1920px;
    }
}