:root,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "nb-international-pro-regular", helvetica, sans-serif;
    font-style: normal;
    --bs-body-font-size: 1.125rem;
    --bs-body-line-height: 1.3;
    --bs-link-color-rgb: 218, 80, 49;
    --bs-link-hover-color-rgb: 190, 74, 49;
    --bs-primary: #da5031;
    --lunik-brand-orange: #da5031;
    --lunik-brand-black: #0d0e14;
    --lunik-brand-teal: #7fa59e;
    --lunik-brand-yellow: #eac861;
    --lunik-brand-light-yellow: #e3ddc5;
    --dark-mode-black: #0d0e14;
    --dark-mode-black2: #232427;
    --dark-mode-light: #C4C0AC;
    --dark-mode-medium: #484846;
}

/* Containers */

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}

/* Fonts */

@font-face {
    font-family: 'nb-international-pro-bold';
    src: url('../fonts/nbinternationalprobol-webfont.eot');
    src: url('../fonts/nbinternationalprobol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nbinternationalprobol-webfont.woff2') format('woff2'),
         url('../fonts/nbinternationalprobol-webfont.woff') format('woff'),
         url('../fonts/nbinternationalprobol-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nb-international-pro-bold-italic';
    src: url('../fonts/nbinternationalprobolita-webfont.eot');
    src: url('../fonts/nbinternationalprobolita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nbinternationalprobolita-webfont.woff2') format('woff2'),
         url('../fonts/nbinternationalprobolita-webfont.woff') format('woff'),
         url('../fonts/nbinternationalprobolita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nb-international-pro-medium';
    src: url('../fonts/nbinternationalpromed-webfont.eot');
    src: url('../fonts/nbinternationalpromed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nbinternationalpromed-webfont.woff2') format('woff2'),
         url('../fonts/nbinternationalpromed-webfont.woff') format('woff'),
         url('../fonts/nbinternationalpromed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nb-international-pro-medium-italic';
    src: url('../fonts/nbinternationalpromedita-webfont.eot');
    src: url('../fonts/nbinternationalpromedita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nbinternationalpromedita-webfont.woff2') format('woff2'),
         url('../fonts/nbinternationalpromedita-webfont.woff') format('woff'),
         url('../fonts/nbinternationalpromedita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: 'nb-international-pro-regular';
    src: url('../fonts/nbinternationalproreg-webfont.eot');
    src: url('../fonts/nbinternationalproreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nbinternationalproreg-webfont.woff2') format('woff2'),
         url('../fonts/nbinternationalproreg-webfont.woff') format('woff'),
         url('../fonts/nbinternationalproreg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} */

@font-face {
    font-family: 'nb-international-pro-regular';
    src: url('../fonts/nb_international_regular-webfont.eot');
    src: url('../fonts/nb_international_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nb_international_regular-webfont.woff2') format('woff2'),
         url('../fonts/nb_international_regular-webfont.woff') format('woff'),
         url('../fonts/nb_international_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nb-international-pro-regular-italic';
    src: url('../fonts/nbinternationalproita-webfont.eot');
    src: url('../fonts/nbinternationalproita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nbinternationalproita-webfont.woff2') format('woff2'),
         url('../fonts/nbinternationalproita-webfont.woff') format('woff'),
         url('../fonts/nbinternationalproita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nb-international-pro-book';
    src: url('../fonts/nbinternationalproboo-webfont.eot');
    src: url('../fonts/nbinternationalproboo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nbinternationalproboo-webfont.woff2') format('woff2'),
         url('../fonts/nbinternationalproboo-webfont.woff') format('woff'),
         url('../fonts/nbinternationalproboo-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nb-international-pro-book-italic';
    src: url('../fonts/nbinternationalprobooita-webfont.eot');
    src: url('../fonts/nbinternationalprobooita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nbinternationalprobooita-webfont.woff2') format('woff2'),
         url('../fonts/nbinternationalprobooita-webfont.woff') format('woff'),
         url('../fonts/nbinternationalprobooita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nb-international-pro-light';
    src: url('../fonts/nbinternationalprolig-webfont.eot');
    src: url('../fonts/nbinternationalprolig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nbinternationalprolig-webfont.woff2') format('woff2'),
         url('../fonts/nbinternationalprolig-webfont.woff') format('woff'),
         url('../fonts/nbinternationalprolig-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nb-international-pro-light-italic';
    src: url('../fonts/nbinternationalproligita-webfont.eot');
    src: url('../fonts/nbinternationalproligita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nbinternationalproligita-webfont.woff2') format('woff2'),
         url('../fonts/nbinternationalproligita-webfont.woff') format('woff'),
         url('../fonts/nbinternationalproligita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nb-international-pro-monospace';
    src: url('../fonts/nbinternationalpromono-webfont.eot');
    src: url('../fonts/nbinternationalpromono-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nbinternationalpromono-webfont.woff2') format('woff2'),
         url('../fonts/nbinternationalpromono-webfont.woff') format('woff'),
         url('../fonts/nbinternationalpromono-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Utils */

.invisible {
    opacity: 0 !important;
    pointer-events: none !important;
}

.unclickable {
    pointer-events: none !important;
}

/* Colors */

.text-bg-primary {
    background-color: var(--lunik-brand-orange) !important;
}

.nav {
    --bs-nav-link-color: #da5031;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #da5031;
}

.border-top {
    --bs-border-color: #c7c7c7 !important;
}

/* Typography */

a {
    text-decoration: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "nb-international-pro-bold", helvetica, sans-serif;
}

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

.h3, h3 {
    padding-bottom: 0.9rem;
    font-size: 2rem;
}

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

.h4.border-top,
h4.border-top {
    padding-top: 0.38rem;
}

.h3.border-top,
h3.border-top {
    padding-top: 1.60rem;
}

ul.custom {
    padding-left: 1.5rem;
    list-style: none;
}

ul.custom li {
    text-indent: -0.4rem;
}

ul.custom li::before {
    content: "•";
    position: relative;
    top: -0.05rem;
    left: -1.2rem;
    margin-right: -0.4rem;
    font-size: 1rem;
}

strong {
    font-family: "nb-international-pro-bold", helvetica, sans-serif;
    font-weight: normal;
}

sup {
    top: -0.5em;
    font-size: .6em;
}

/* Whatsapp Icon */

.whatsapp {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    padding: 9px 10px 10px 10px;
    border-radius: 50%;
    background: #74bcaf;
    transition: transform 167ms cubic-bezier(0.33, 0, 0, 1);
    z-index: 999;
}

.whatsapp:hover {
    transition: transform 250ms cubic-bezier(0.33, 0, 0, 1);
    transform: scale(1.1);
}

/* Main Header */

.main-header {
    height: 90px;
}

.main-header .col.logo {
    position: relative;
    flex-grow: 0;
    min-width: 99px;
    background-color: var(--lunik-brand-orange);
    background-image: url("../images/header-bg-paper-texture.png");
    background-blend-mode: multiply;
}

.main-header .col.middle {
    position: relative;
    overflow: hidden;
    border-left: 2px white solid;
    background-color: var(--lunik-brand-black);
    background-image: url("../images/header-bg-stars.svg"),
        url("../images/header-bg-grid.svg");
}

.main-header .logo a {
    width: 100%;
    height: 100%;
}

.header-logo {
    margin: 0 6px 6px 0;
}

.main-header .nav-pills .nav-link {
    justify-content: center;
    padding: 0;
    border-radius: 0;
    transition: none;
}

.main-header .nav-pills li {
    position: relative;
    width: 99px;
    border-left: 2px white solid;
}

.main-header .nav-pills a.language,
.main-header .nav-pills a.contact,
.main-header .nav-pills a.cart {
    background-image: url("../images/header-bg-paper-texture.png");
    background-blend-mode: multiply;
}

.main-header .nav-pills a.language {
    background-color: var(--lunik-brand-teal);
}

.main-header .nav-pills a.contact {
    background-color: var(--lunik-brand-yellow);
    background-position: left -100px;
}

.main-header .nav-pills a.cart {
    background-color: var(--lunik-brand-light-yellow);
    background-position: left -200px;
}

.main-header .nav-pills .badge {
    position: absolute;
    top: 23px;
    right: 23px;
    border: 2px solid var(--lunik-brand-light-yellow);
    font-size: 0.75rem;
    z-index: 1;
}

.main-header .badge.hidden {
    display: none;
}

@media (max-width: 576px) {
    .main-header-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .main-header {
        height: 58px;
    }

    .main-header .col.logo {
        min-width: 58px;
    }

    .header-logo {
        width: 46px;
    }

    .main-header .nav-pills li {
        width: 58px;
    }

    .main-header .nav img {
        width: 29px;
    }

    .main-header .nav-pills .badge {
        top: 11px;
        right: 6px;
        font-size: 0.65rem;
    }
}

/* Spacecraft Animation */

.sputnik {
    position: absolute;
    top: 0;
    left: -60px;
    width: 43px;
    height: 31px;
    transform-origin: center center;
    background-image: url("../images/sputnik.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

/* Breadcrumb */

.breadcrumb {
    margin-bottom: 0;
    padding: 1.63rem;
    padding-left: 0;
    padding-right: 0;
    font-size: 0.875rem;
}

.breadcrumb a {
    color: #a8a8a8;
    text-decoration: none;
}

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

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0.3rem;
    color: #a8a8a8;
}

.breadcrumb-item.active {
    color: unset;
}

/* Customizer */

.customizer-main-image {
    position: relative;
    flex: 0 0 auto;
    width: 64%;
}

@media (max-width: 450px) {
    .customizer-main-image {
        position: sticky;
        top: 0;
        z-index: 1;
    }
}

.customizer-main-image .main-image-container {
    position: relative;
    aspect-ratio: 1 / 0.71;
    overflow: hidden;
    background-color: #f4f4f4;
}

.customizer h2 {
    margin-top: -0.4rem;
    margin-bottom: 2.8rem;
}

.color-label {
    font-size: 1.125rem;
    line-height: 2.1rem;
    color: #a8a8a8;
}

.customizer .save-button {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 2.3cqi;
    right: 2.3cqi;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #fafafa;
    cursor: pointer;
    z-index: 99;
}

.customizer .save-button:hover {
    background-color: #fff;
}

.save-button .popover {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    right: calc(100% + 10px);
    top: 50%;
    padding: 0.4rem 0.8rem;
    font-family: inherit;
    color: #c2c2c2;
    white-space: nowrap;
    border: none;
    border-radius: 0;
    background-color: var(--lunik-brand-black);
    transform: translateY(-50%) translateX(20px);
    transition: opacity 0.5s, transform 0.3s, visibility 0s 0.5s;
}

.dark .save-button .popover {
    color: var(--bs-heading-color);
}

.save-button .popover::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid var(--lunik-brand-black);
    transform: translateY(-50%);
}

.save-button .popover.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
    transition: opacity 0.5s, transform 0.3s, visibility 0s;
}

.customizer .nav-arrow {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    border: 0;
    background: 0;
    z-index: 99;
}

.customizer .nav-arrow:hover {
    opacity: 0.5;
}

.nav-arrow.left {
    left: 4cqi;
}

.nav-arrow.right {
    right: 3.8cqi;
}

.customizer .main-image-thumbnails {
    position: relative;
    padding-bottom: 3.2rem;
    background-color: #f4f4f4;
}

.customizer .main-image-thumbnails .thumb {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    align-self: end;
}

.customizer .main-image-thumbnails .thumb img {
    cursor: pointer;
}

/* Loader */

#loading-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.6cqi;
    margin-inline: auto;
    width: fit-content;
}

#loading-overlay.hidden {
    display: none;
}

.loader {
    height: 4px;
    width: 130px;
    --c: no-repeat linear-gradient(#222222 0 0);
    background: var(--c), var(--c), #c5c5c5;
    background-size: 60% 100%;
    animation: l16 3s infinite;
}
@keyframes l16 {
    0% {
        background-position:
            -150% 0,
            -150% 0;
    }
    50% {
        background-position:
            250% 0,
            -150% 0;
    }
    100% {
        background-position:
            250% 0,
            250% 0;
    }
}

/* Customizer Custom Select */

.custom-select {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: unset;
    padding-left: 0;
    padding-top: 0.35rem;
    font-size: 1.375rem;
    font-family: "nb-international-pro-bold", helvetica, sans-serif;
    border: none;
    background: none;
}

.custom-select .selection {
    flex: 1 1 auto;
}

.custom-select .arrow:after {
    content: url(../images/custom_select_icon.svg);
    margin-left: 10px;
}

.custom-select select {
    all: revert;
    position: absolute;
    cursor: pointer;
    opacity: 0;
}

/* Customizer Swatches */

.color-swatch {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.25rem;
    margin-bottom: 2.75rem;
}

.color-swatch div {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    background-color: gray;
    border-radius: 50%;
    font-size: 0;
    background-image: url("../images/swatch_cordura_bg.jpg");
}

.color-swatch div:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    mix-blend-mode: overlay;
}

.color-swatch div.hidden {
    display: none !important;
}

.color-swatch [data-color="black"]:before {
    background-color: #191919;
}

.color-swatch [data-color="white"]:before {
    background-color: #e8e8e8;
}

.color-swatch [data-color="gray"]:before {
    background-color: #a8a8a8;
}

.color-swatch [data-color="dark gray"]:before {
    background-color: #4e4f4d;
}

.color-swatch [data-color="beige"]:before {
    background-color: #a0874e;
}

.color-swatch [data-color="red"]:before {
    background-color: #d61642;
}

.color-swatch [data-color="olive"]:before {
    background-color: #445330;
}

.color-swatch [data-color="neon orange"]:before {
    background-color: #dd5828;
}

.color-swatch [data-color="neon green"]:before {
    background-color: #c8db3a;
}

.color-swatch [data-color="royal blue"]:before {
    background-color: #133683;
}

.color-swatch [data-color="navy"]:before {
    background-color: #152750;
}

.color-swatch [data-color="fuchsia"]:before {
    background-color: #95216d;
}

.color-swatch [data-color="yellow"]:before {
    background-color: #ee9f06;
}

.color-swatch .selected {
    box-shadow:
        0px 0px 0px 2px rgb(255 255 255),
        0px 0px 0px 4px rgb(112, 112, 112);
}

/* Customizer Saved Designs Icons */

#saved-configurations {
    margin-top: 1.56rem;
}

.saved-config-thumbnail {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 54px;
    height: 37px;
    margin-right: 1.85rem;
    margin-bottom: 1.25rem;
}

.saved-config-thumbnail .delete-config {
    position: absolute;
    display: none;
    top: -8px;
    right: -6px;
    width: 18px;
    height: 18px;
    padding-left: 0.03rem;
    line-height: 0.95rem;
    color: white;
    font-size: 0.75rem;
    text-align: center;
    border: 1px solid white;
    border-radius: 50%;
    background: #222222;
}

.saved-config-thumbnail:hover .delete-config {
    display: unset;
}

/* Customizer Handlebar Bag Icon */

.handlebar_bag_icon .cls-1 {
    fill: #d1d1d1;
    stroke: #fff;
}

.handlebar_bag_icon .cls-2 {
    fill: #d1d1d1;
}

.handlebar_bag_icon .cls-3 {
    stroke: none;
}

.handlebar_bag_icon .red {
    fill: #f23661;
}
.handlebar_bag_icon .cyan {
    fill: #4bd4d9;
}
.handlebar_bag_icon .yellow {
    fill: #fac95b;
}
.handlebar_bag_icon .light-gray {
    fill: #d1d1d1;
}
.handlebar_bag_icon .black {
    fill: #222222;
}

@media (max-width: 1080px) {
    .customizer .row.g-5 {
        --bs-gutter-x: 1.5rem;
    }

    .customizer .h4,
    .customizer h4 {
        font-size: 1.075rem;
    }

    .customizer .h2 {
        font-size: 1.95rem;
    }

    .custom-select {
        font-size: 1.075rem;
    }

    .color-label {
        font-size: 1rem;
    }

    .customizer .selected-swatch {
        font-size: 0.925rem;
    }
}

@media (max-width: 721px) {
    .customizer-main-image {
        width: 100%;
    }
}

/* Customizer Description Columns */

@media (min-width: 1080px) {
    .description .row .feature.col:first-child {
        padding-right: 3rem !important;
    }

    .description .row .feature.col:last-child {
        padding-left: 3rem !important;
    }
}

/* Purchase Options */

.purchase-options {
    padding-top: 2rem;
}

.purchase-options .price {
    padding-right: 1.2rem;
    font-size: 1.375rem;
    font-weight: 600;
}

.purchase-options .quantity-container {
    display: none;
    margin-top: -1.7rem;
}

.purchase-options .quantity {
    padding-right: 0.5rem;
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 1.3rem;
}

.purchase-options .quantity-container span {
    color: #a8a8a8;
    font-size: 0.8125rem;
}

.purchase-options .btn-primary {
    white-space: nowrap;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.delivery {
    font-size: 0.9375rem;
}

/* Customizer Image Gallery */

.customizer-gallery .product-image {
    display: flex;
    align-items: center;
}

.customizer-gallery .product-image img,
.customizer-gallery .slider img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (max-width: 992px) {
    .img-square-container {
        aspect-ratio: 1 / 1;
        overflow: hidden;
        background: teal;
    }
}

.customizer-gallery .slider {
    height: 100%;
}

.customizer-gallery .slider .slider-nav {
    bottom: 3.6rem;
    right: 3.6rem;
}

/* Customizer Bike Attachment */

.bike-attachment-container {
    position: relative;
    background-color: #eeeeee;
}

.bike-attachment-container.p-5 {
    padding: 4.8rem !important;
    padding-top: 2rem !important;
}

.bike-attachment .gx-5 {
    --bs-gutter-x: 5rem;
}

.bike-attachment h3 {
    margin-left: -1.9rem;
    font-size: 1.75rem;
}

.bike-attachment p {
    margin-bottom: 0;
    font-size: 0.86rem;
}

.bike-attachment strong {
    color: var(--lunik-brand-orange);
}

.bike-attachment .g-4,
.bike-attachment .gy-4 {
    --bs-gutter-x: 2.2rem;
}

.bike-attachment .dashed-border {
    position: relative;
}

.bike-attachment .dashed-border::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 1px;
    height: 100%;
    background-image: url("../images/dashed-line1.svg");
}

@media (max-width: 992px) {
    .bike-attachment-container.p-5 {
        padding-bottom: 1.8rem !important;
    }

    .bike-attachment .column1,
    .bike-attachment .column2,
    .bike-attachment .column3 {
        padding-bottom: 3rem;
    }

    .bike-attachment .column3::before {
        background: none;
    }
}

@media (max-width: 767px) {
    .bike-attachment .column2::before {
        background: none;
    }
}

/* Customizer remove margins on mobile */

@media (max-width: 576px) {
    .customizer,
    .customizer-main-image,
    .customizer-gallery,
    .customizer-gallery .col-lg-4,
    .customizer-gallery .col-lg-8,
    .bike-attachment {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .customizer > .row.g-5,
    .customizer-gallery .row.g-3 {
        margin-left: 0;
        margin-right: 0;
    }

    .customizer-options {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* Buttons */

.btn {
    --bs-btn-padding-x: 1.64rem;
    --bs-btn-padding-y: 0.844rem;
    --bs-btn-font-size: 1.125rem;
    font-family: "nb-international-pro-bold", helvetica, sans-serif;
    border-radius: 0;
}

.btn-group-lg > .btn,
.btn-lg {
    --bs-btn-padding-y: 0.88rem;
    --bs-btn-padding-x: 1.6rem;
    --bs-btn-font-size: 1.375rem;
}

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

.btn-primary {
    --bs-btn-color: var(--lunik-brand-light-yellow);
    --bs-btn-bg: var(--lunik-brand-orange);
    --bs-btn-border-color: var(--lunik-brand-orange);
    --bs-btn-hover-color: var(--lunik-brand-light-yellow);
    --bs-btn-hover-bg: #c64a2e;
    --bs-btn-hover-border-color: #c64a2e;
    --bs-btn-focus-shadow-rgb: 257, 106, 76;
    --bs-btn-active-color: var(--lunik-brand-light-yellow);
    --bs-btn-active-bg: #b43c21;
    --bs-btn-active-border-color: #b43c21;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--lunik-brand-light-yellow);
    --bs-btn-disabled-bg: var(--lunik-brand-orange);
    --bs-btn-disabled-border-color: var(--lunik-brand-orange);
}

.btn-black {
    --bs-btn-color: var(--lunik-brand-light-yellow);
    --bs-btn-bg: var(--lunik-brand-black);
    --bs-btn-border-color: var(--lunik-brand-black);
    --bs-btn-hover-color: var(--lunik-brand-light-yellow);
    --bs-btn-hover-bg: #343640;
    --bs-btn-hover-border-color: #343640;
    --bs-btn-focus-shadow-rgb: 21, 22, 26;
    --bs-btn-active-color: var(--lunik-brand-light-yellow);
    --bs-btn-active-bg: #343640;
    --bs-btn-active-border-color: #343640;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--lunik-brand-light-yellow);
    --bs-btn-disabled-bg: var(--lunik-brand-black);
    --bs-btn-disabled-border-color: var(--lunik-brand-black);
}

.btn-yellow {
    --bs-btn-color: var(--lunik-brand-black);
    --bs-btn-bg: var(--lunik-brand-yellow);
    --bs-btn-border-color: var(--lunik-brand-yellow);
    --bs-btn-hover-color: var(--lunik-brand-black);
    --bs-btn-hover-bg: #d0b256;
    --bs-btn-hover-border-color: #d0b256;
    --bs-btn-focus-shadow-rgb: 21, 22, 26;
    --bs-btn-active-color: var(--lunik-brand-black);
    --bs-btn-active-bg: #b2994b;
    --bs-btn-active-border-color: #b2994b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--lunik-brand-yellow);
    --bs-btn-disabled-bg: var(--lunik-brand-yellow);
    --bs-btn-disabled-border-color: var(--lunik-brand-yellow);
}

/* Forms */

.form-control {
    border-radius: 0;
    border-color: #707070;
    padding-top: 0.775rem;
    padding-bottom: 0.775rem;
}

.custom-select-icon {
    background-image: url("../images/custom_select_icon.svg");
    background-repeat: no-repeat;
    background-position: center right 10px;
}

.form-required {
    color: var(--lunik-brand-orange);
}

/* Header Dropdown Menu */

.dropdown-parent {
    cursor: pointer;
}

.dropdown-menu-custom {
    display: none;
    position: absolute;
    left: -1.5rem;
    font-size: 1rem;
    text-wrap: nowrap;
    background-color: var(--lunik-brand-black);
    z-index: 999;
}

.dropdown-parent:hover .dropdown-menu-custom {
    display: block;
}

.dropdown-menu-custom a svg {
    display: inline-block;
    margin-top: -0.2rem;
    margin-right: 0.5rem;
}

.dropdown-menu-custom a {
    display: block;
    padding: 0.4rem 2rem 0.4rem 1rem;
    line-height: 2rem;
    color: #7e7e7e;
    text-decoration: none;
}

.dropdown-menu-custom a:hover {
    background: #242527;
}

.dropdown-menu-custom a:nth-of-type(1) {
    border-bottom: 1px solid #313236;
}

.dropdown-triangle {
    position: absolute;
    top: -0.5rem;
    left: 4rem;
}

@media (max-width: 576px) {
    .dropdown-menu-custom {
        left: -2.8rem;
    }
}

/* Footer */

footer {
    font-size: 0.8125rem;
    color: #7e7e7e;
}

.footer-bg {
    position: relative;
    width: 100%;
    background-color: var(--lunik-brand-black);
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2253%22%20height%3D%2252%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22%23222%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M7.9%200v6.9m0%202v6.9M0%207.9h6.9m2%200h6.9m22.3%2018.6-4.9%204.9m-1.4%201.4-4.9%204.9m0-11.2%204.9%204.9m1.4%201.4%204.9%204.9%22%2F%3E%3C%2Fsvg%3E");
}

footer .gx-4 {
    --bs-gutter-x: 1.3rem;
}

footer.px-5 {
    padding-right: 2.4375rem !important;
    padding-left: 2.4375rem !important;
}

footer.py-5 {
    padding-top: 2.4375rem !important;
    padding-bottom: 2.4375rem !important;
}

footer a {
    color: #7e7e7e;
    text-decoration: none;
}

footer a:hover {
    color: #a9a9a9;
}

footer h5 {
    padding-bottom: 0.6rem;
    font-family: "nb-international-pro-light", helvetica, sans-serif;
    letter-spacing: -0.05rem;
    font-size: 1.5625rem;
    font-weight: 300;
    line-height: 1.1rem;
}

footer li {
    line-height: 1rem;
}

footer .rocket-logo {
    margin-top: -15px;
    margin-bottom: -15px;
}

footer .col.logo1 { width: 17%; }
footer .col.contact { width: 24%; }
footer .col.shop { width: 22%; }
footer .col.support { width: 20%; }
footer .col.logo2 { width: 17%; }

@media (max-width: 1043px) {
    footer .col.logo1 { width: 15%; }
    footer .col.contact { width: 25%; }
    footer .col.shop { width: 22%; }
    footer .col.support { width: 24%; }
    footer .col.logo2 { width: 14%; }
}

@media (max-width: 1014px) {
    footer { font-size: 0.7125rem; }
    footer.py-5 {
        padding-top: 1.8375rem !important;
        padding-bottom: 1.8375rem !important;
    }
    footer.px-5 {
        padding-right: 1.8375rem !important;
        padding-left: 1.8375rem !important;
    }
    footer .gx-4 { --bs-gutter-x: 1rem !important; }
    footer.gx-5 { --bs-gutter-x: 1.7rem !important; }
    footer h5 {
        padding-bottom: 0.2rem;
        font-size: 1.2625rem;
    }
    footer .footer-logo { width: 80px; }
    footer .footer-icon { width: 50px; height: 72px; }
    footer .rocket-logo { height: 90px; }
}

@media (max-width: 884px) {
    footer .contact .row,
    footer .shop .row,
    footer .support .row {
        flex-direction: column;
    }
    footer .footer-icon { margin-bottom: 1rem; }
}

@media (max-width: 576px) {
    .footer-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    footer {
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex-direction: column;
    }
    footer .contact .row,
    footer .shop .row,
    footer .support .row {
        flex-direction: row;
    }
    footer .col.logo1,
    footer .col.contact,
    footer .col.shop,
    footer .col.support,
    footer .col.logo2 {
        width: auto;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    footer .col.logo1 { padding-bottom: 1rem; }
    footer.px-5 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    footer.py-5 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    footer .footer-logo { margin-bottom: 0.5rem; }
    footer .rocket-logo { margin: unset; }
}

/* Product Views Carousel */

#product-views > div {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

#product-views .product-view.hidden {
    opacity: 0;
}

/* Product Views */

#product-views-container {
    padding-top: 2.7cqi;
}

#product-views {
    position: relative;
    width: 466px;
    height: 297px;
}

#product-views > div.hidden {
    display: none;
}

#product-views .product-view {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.product-component {
    position: absolute;
    z-index: 1;
}

.product-component img {
    pointer-events: none;
    width: 100%;
}

#front-view {
    z-index: 1;
}
#front_profile1-view {
    z-index: 2;
}
#side1-view {
    z-index: 3;
}
#back_profile1-view {
    z-index: 4;
}
#back-view {
    z-index: 5;
}
#back_profile2-view {
    z-index: 6;
}
#side2-view {
    z-index: 7;
}
#front_profile2-view {
    z-index: 8;
}
#front_extended-view {
    z-index: 9;
}

/* Front View */

#front-view {
    width: 466px;
    height: 290px;
    background-image: url("../images/products/hbar_bag/bg_front.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

#front-view:after {
    content: "";
    display: block;
    position: absolute;
    top: 261px;
    left: 32px;
    width: 413.5px;
    height: 33.5px;
    background-image: url("../images/products/hbar_bag/shadow_front.png");
    background-size: 100%;
    z-index: -1;
}

/* Front View Images */

#front-view div:nth-child(1) {
    /* panel top left */
    top: 10px;
    left: 42.5px;
    width: 104px;
    height: 160.5px;
}

#front-view div:nth-child(2) {
    /* panel top center */
    top: 10px;
    left: 145px;
    width: 182px;
    height: 161.44px;
}

#front-view div:nth-child(3) {
    /* panel top right */
    top: 10px;
    left: 321px;
    width: 107px;
    height: 162.5px;
}

#front-view div:nth-child(4) {
    /* panel bottom left */
    top: 161px;
    left: 32px;
    width: 114.5px;
    height: 115.5px;
}

#front-view div:nth-child(5) {
    /* panel bottom center */
    top: 183px;
    left: 144px;
    width: 180.7px;
    height: 91.09px;
}

#front-view div:nth-child(6) {
    /* panel bottom right */
    top: 158px;
    left: 320px;
    width: 119px;
    height: 115.5px;
}

#front-view div:nth-child(7) {
    /* side left */
    top: 80px;
    left: 10px;
    width: 28px;
    height: 193.5px;
}

#front-view div:nth-child(8) {
    /* side right */
    top: 89px;
    left: 435px;
    width: 23.5px;
    height: 180px;
}

#front-view div:nth-child(9) {
    /* extension */
    top: 19px;
    left: 9px;
    width: 450.5px;
    height: 73px;
}

#front-view div:nth-child(10) {
    /* straps top */
    top: 9px;
    left: 70px;
    width: 330px;
    height: 160.5px;
}

#front-view div:nth-child(11) {
    /* straps bottom */
    top: 139px;
    left: 0px;
    width: 458.5px;
    height: 149.5px;
}

#front-view div:nth-child(12) {
    /* accents */
    top: 0px;
    left: 30px;
    width: 410.5px;
    height: 185px;
}

#front-view div:nth-child(13) {
    /* shoulder strap */
    display: none !important;
}

/* Front Profile 1 View */

#front_profile1-view {
    width: 427.5px;
    height: 297px;
    background-image: url("../images/products/hbar_bag/bg_front_profile1.png");
    background-size: 100%;
    transform: translateX(calc(-50% - 3px)) !important;
}

#front_profile1-view:after {
    content: "";
    display: block;
    position: absolute;
    top: 229px;
    left: 40px;
    width: 367px;
    height: 75px;
    background-image: url("../images/products/hbar_bag/shadow_front_profile1.png");
    background-size: 100%;
    z-index: -1;
}

/* Front Profile 1 View Images */

#front_profile1-view div:nth-child(1) {
    /* panel top left */
    top: 6px;
    left: 8.8px;
    width: 143px;
    height: 155px;
}

#front_profile1-view div:nth-child(2) {
    /* panel top center */
    top: 9px;
    left: 68.9px;
    width: 196px;
    height: 165px;
}

#front_profile1-view div:nth-child(3) {
    /* panel top right */
    top: 12px;
    left: 196.8px;
    width: 153.8px;
    height: 168px;
}

#front_profile1-view div:nth-child(4) {
    /* panel bottom left */
    top: 170px;
    left: 18px;
    width: 111px;
    height: 93.5px;
}

#front_profile1-view div:nth-child(5) {
    /* panel bottom center */
    top: 175px;
    left: 79.5px;
    width: 153.5px;
    height: 102.5px;
}

#front_profile1-view div:nth-child(6) {
    /* panel bottom right */
    top: 98px;
    left: 203px;
    width: 147px;
    height: 191px;
}

#front_profile1-view div:nth-child(7) {
    /* side left */
    display: none;
}

#front_profile1-view div:nth-child(8) {
    /* side right */
    top: 79px;
    left: 292.4px;
    width: 134.5px;
    height: 207.5px;
}

#front_profile1-view div:nth-child(9) {
    /* extension */
    top: 21px;
    left: 9px;
    width: 416.5px;
    height: 78px;
}

#front_profile1-view div:nth-child(10) {
    /* straps top */
    top: 5px;
    left: 15.4px;
    width: 330.5px;
    height: 171.5px;
}

#front_profile1-view div:nth-child(11) {
    /* straps bottom */
    top: 151.4px;
    left: 9px;
    width: 391.5px;
    height: 145px;
}

#front_profile1-view div:nth-child(12) {
    /* accents */
    top: 0px;
    left: 1px;
    width: 404.5px;
    height: 193px;
}

#front_profile1-view div:nth-child(13) {
    /* shoulder strap */
    display: none !important;
}

/* Side 1 View */

#side1-view {
    top: -8px;
    width: 275px;
    height: 297.5px;
    background-image: url("../images/products/hbar_bag/bg_side1.png");
    background-size: 100%;
    transform: translateX(calc(-50% - 5px)) !important;
}

#side1-view:after {
    content: "";
    display: block;
    position: absolute;
    top: 269px;
    left: 39px;
    width: 208px;
    height: 38.5px;
    background-image: url("../images/products/hbar_bag/shadow_side1.png");
    background-size: 100%;
    z-index: -1;
}

/* Side 1 View Images */

#side1-view div:nth-child(1) {
    /* panel top left */
    top: 4px;
    left: 49px;
    width: 170.5px;
    height: 58px;
}

#side1-view div:nth-child(2) {
    /* panel top center */
    top: 6px;
    left: 28px;
    width: 190px;
    height: 164px;
}

#side1-view div:nth-child(3) {
    /* panel top right */
    top: 13px;
    left: 59px;
    width: 178px;
    height: 45px;
}

#side1-view div:nth-child(4) {
    /* panel bottom left */
    display: none;
}

#side1-view div:nth-child(5) {
    /* panel bottom center */
    display: none;
}

#side1-view div:nth-child(6) {
    /* panel bottom right */
    top: 92px;
    left: 35px;
    width: 219.5px;
    height: 200.5px;
}

#side1-view div:nth-child(7) {
    /* side left */
    display: none;
}

#side1-view div:nth-child(8) {
    /* side right */
    top: 91.7px;
    left: 42.6px;
    width: 205px;
    height: 197.5px;
}

#side1-view div:nth-child(9) {
    /* extension */
    top: 25px;
    left: 50px;
    width: 190.5px;
    height: 71px;
}

#side1-view div:nth-child(10) {
    /* straps top */
    top: 2.5px;
    left: 17px;
    width: 223px;
    height: 158px;
}

#side1-view div:nth-child(11) {
    /* straps bottom */
    top: 68px;
    left: 0px;
    width: 275px;
    height: 229px;
}

#side1-view div:nth-child(12) {
    /* accents */
    top: 0px;
    left: 20.6px;
    width: 223px;
    height: 182.5px;
}

#side1-view div:nth-child(13) {
    /* shoulder strap */
    display: none !important;
}

/* Back Profile 1 View */

#back_profile1-view {
    width: 421px;
    height: 293px;
    background-image: url("../images/products/hbar_bag/bg_back_profile1.png");
    background-size: 100%;
    transform: translateX(calc(-50% - 3px)) !important;
}

#back_profile1-view:after {
    content: "";
    display: block;
    position: absolute;
    top: 237px;
    left: 33px;
    width: 369px;
    height: 63px;
    background-image: url("../images/products/hbar_bag/shadow_back_profile1.png");
    background-size: 100%;
    z-index: -1;
}

/* Back Profile 1 View Images */

#back_profile1-view div:nth-child(1) {
    /* panel top left */
    top: 6px;
    left: 296px;
    width: 108px;
    height: 71.5px;
}

#back_profile1-view div:nth-child(2) {
    /* panel top center */
    top: 9px;
    left: 156px;
    width: 183.5px;
    height: 73px;
}

#back_profile1-view div:nth-child(3) {
    /* panel top right */
    top: 9px;
    left: 87px;
    width: 134.5px;
    height: 75.5px;
}

#back_profile1-view div:nth-child(4) {
    /* panel bottom left */
    top: 73px;
    left: 310px;
    width: 110px;
    height: 187px;
}

#back_profile1-view div:nth-child(5) {
    /* panel bottom center */
    top: 77.6px;
    left: 209.1px;
    width: 147.5px;
    height: 194.5px;
}

#back_profile1-view div:nth-child(6) {
    /* panel bottom right */
    top: 82px;
    left: 10px;
    width: 227px;
    height: 200px;
}

#back_profile1-view div:nth-child(7) {
    /* side left */
    top: 72px;
    left: 410px;
    width: 10.5px;
    height: 70.5px;
}

#back_profile1-view div:nth-child(8) {
    /* side right */
    top: 83px;
    left: 7.7px;
    width: 140.5px;
    height: 196px;
}

#back_profile1-view div:nth-child(9) {
    /* extension */
    top: 20px;
    left: 6.4px;
    width: 414.5px;
    height: 66.5px;
}

#back_profile1-view div:nth-child(10) {
    /* straps top */
    top: 5.6px;
    left: 83.4px;
    width: 302px;
    height: 67.5px;
}

#back_profile1-view div:nth-child(11) {
    /* straps bottom */
    top: 58.8px;
    left: 35px;
    width: 384px;
    height: 234.5px;
}

#back_profile1-view div:nth-child(12) {
    /* accents */
    top: 0px;
    left: 0px;
    width: 411.5px;
    height: 163.5px;
}

#back_profile1-view div:nth-child(13) {
    /* shoulder strap */
    display: none !important;
}

/* Back View */

#back-view {
    width: 467.5px;
    height: 286px;
    background-image: url("../images/products/hbar_bag/bg_back.png");
    background-size: 100%;
}

#back-view:after {
    content: "";
    display: block;
    position: absolute;
    top: 253px;
    left: 35px;
    width: 401.5px;
    height: 34.5px;
    background-image: url("../images/products/hbar_bag/shadow_back.png");
    background-size: 100%;
    z-index: -1;
}

/* Back View Images */

#back-view div:nth-child(1) {
    /* panel top left */
    top: 8px;
    left: 318px;
    width: 106.5px;
    height: 73px;
}

#back-view div:nth-child(2) {
    /* panel top center */
    top: 17px;
    left: 144px;
    width: 179.5px;
    height: 63.5px;
}

#back-view div:nth-child(3) {
    /* panel top right */
    top: 8px;
    left: 45px;
    width: 101px;
    height: 71.5px;
}

#back-view div:nth-child(4) {
    /* panel bottom left */
    top: 79px;
    left: 321px;
    width: 116.5px;
    height: 190.5px;
}

#back-view div:nth-child(5) {
    /* panel bottom center */
    top: 79px;
    left: 146px;
    width: 179px;
    height: 193.5px;
}

#back-view div:nth-child(6) {
    /* panel bottom right */
    top: 77px;
    left: 32px;
    width: 116px;
    height: 192.5px;
}

#back-view div:nth-child(7) {
    /* side left */
    top: 77px;
    left: 433px;
    width: 25.5px;
    height: 186px;
}

#back-view div:nth-child(8) {
    /* side right */
    top: 77px;
    left: 12.7px;
    width: 21.5px;
    height: 187px;
}

#back-view div:nth-child(9) {
    /* extension */
    top: 17px;
    left: 10px;
    width: 452.5px;
    height: 62px;
}

#back-view div:nth-child(10) {
    /* straps top */
    top: 7px;
    left: 71px;
    width: 323.5px;
    height: 59px;
}

#back-view div:nth-child(11) {
    /* straps bottom */
    top: 58.8px;
    left: 7px;
    width: 454.5px;
    height: 219.5px;
}

#back-view div:nth-child(12) {
    /* accents */
    top: 0px;
    left: 32px;
    width: 404px;
    height: 79.5px;
}

#back-view div:nth-child(13) {
    /* shoulder strap */
    display: none !important;
}

/* Back Profile 2 View */

#back_profile2-view {
    left: 27px;
    width: 422.5px;
    height: 296px;
    background-image: url("../images/products/hbar_bag/bg_back_profile2.png");
    background-size: 100%;
    transform: translateX(calc(-50% - -5px)) !important;
}

#back_profile2-view:after {
    content: "";
    display: block;
    position: absolute;
    top: 238px;
    left: 31px;
    width: 365.5px;
    height: 62px;
    background-image: url("../images/products/hbar_bag/shadow_back_profile2.png");
    background-size: 100%;
    z-index: -1;
}

/* Back Profile 2 View Images */

#back_profile2-view div:nth-child(1) {
    /* panel top left */
    top: 9px;
    left: 14px;
    width: 104px;
    height: 69.5px;
}

#back_profile2-view div:nth-child(2) {
    /* panel top center */
    top: 17px;
    left: 79px;
    width: 150.5px;
    height: 65.5px;
}

#back_profile2-view div:nth-child(3) {
    /* panel top right */
    top: 7px;
    left: 204px;
    width: 128px;
    height: 77px;
}

#back_profile2-view div:nth-child(4) {
    /* panel bottom left */
    top: 75px;
    left: -0.2px;
    width: 119px;
    height: 188px;
}

#back_profile2-view div:nth-child(5) {
    /* panel bottom center */
    top: 78px;
    left: 66.9px;
    width: 155.5px;
    height: 194.5px;
}

#back_profile2-view div:nth-child(6) {
    /* panel bottom right */
    top: 83px;
    left: 190px;
    width: 221px;
    height: 198px;
}

#back_profile2-view div:nth-child(7) {
    /* side left */
    top: 74px;
    left: 1px;
    width: 7.5px;
    height: 55px;
}

#back_profile2-view div:nth-child(8) {
    /* side right */
    top: 79px;
    left: 279px;
    width: 130.5px;
    height: 199px;
}

#back_profile2-view div:nth-child(9) {
    /* extension */
    top: 16px;
    left: 1px;
    width: 414px;
    height: 67.5px;
}

#back_profile2-view div:nth-child(10) {
    /* straps top */
    top: 6px;
    left: 30px;
    width: 296px;
    height: 78px;
}

#back_profile2-view div:nth-child(11) {
    /* straps bottom */
    top: 58px;
    left: 8px;
    width: 379.5px;
    height: 231.5px;
}

#back_profile2-view div:nth-child(12) {
    /* accents */
    top: 0px;
    left: 5px;
    width: 417px;
    height: 159.5px;
}

#back_profile2-view div:nth-child(13) {
    /* shoulder strap */
    display: none !important;
}

/* Side 2 View */

#side2-view {
    top: -7px;
    width: 277px;
    height: 298px;
    background-image: url("../images/products/hbar_bag/bg_side2.png");
    background-size: 100%;
}

#side2-view:after {
    content: "";
    display: block;
    position: absolute;
    top: 275px;
    left: 31px;
    width: 202.5px;
    height: 33.5px;
    background-image: url("../images/products/hbar_bag/shadow_side2.png");
    background-size: 100%;
    z-index: -1;
}

/* Side 2 View Images */

#side2-view div:nth-child(1) {
    /* panel top left */
    top: 6px;
    left: 50px;
    width: 147.5px;
    height: 37px;
}

#side2-view div:nth-child(2) {
    /* panel top center */
    top: 7px;
    left: 59px;
    width: 193.5px;
    height: 156.5px;
}

#side2-view div:nth-child(3) {
    /* panel top right */
    top: 14px;
    left: 44px;
    width: 86px;
    height: 47.5px;
}

#side2-view div:nth-child(4) {
    /* panel bottom left */
    top: 94px;
    left: 22px;
    width: 217px;
    height: 198.5px;
}

#side2-view div:nth-child(5) {
    /* panel bottom center */
    display: none;
}

#side2-view div:nth-child(6) {
    /* panel bottom right */
    display: none;
}

#side2-view div:nth-child(7) {
    /* side left */
    top: 89px;
    left: 29px;
    width: 202px;
    height: 202px;
}

#side2-view div:nth-child(8) {
    /* side right */
    display: none;
}

#side2-view div:nth-child(9) {
    /* extension */
    top: 19px;
    left: 42px;
    width: 195.5px;
    height: 75.5px;
}

#side2-view div:nth-child(10) {
    /* straps top */
    top: 5.5px;
    left: 44.1px;
    width: 225.5px;
    height: 165.5px;
}

#side2-view div:nth-child(11) {
    /* straps bottom */
    top: 50px;
    left: 0px;
    width: 277px;
    height: 247px;
}

#side2-view div:nth-child(12) {
    /* accents */
    top: 0px;
    left: 39px;
    width: 220px;
    height: 180px;
}

#side2-view div:nth-child(13) {
    /* shoulder strap */
    display: none !important;
}

/* Front Profile 2 View */

#front_profile2-view {
    width: 425px;
    height: 298px;
    background-image: url("../images/products/hbar_bag/bg_front_profile2.png");
    background-size: 100%;
}

#front_profile2-view:after {
    content: "";
    display: block;
    position: absolute;
    top: 231px;
    left: 27px;
    width: 362.5px;
    height: 73px;
    background-image: url("../images/products/hbar_bag/shadow_front_profile2.png");
    background-size: 100%;
    z-index: -1;
}

/* Front Profile 2 View Images */

#front_profile2-view div:nth-child(1) {
    /* panel top left */
    top: 10.4px;
    left: 86.4px;
    width: 155px;
    height: 164.5px;
}

#front_profile2-view div:nth-child(2) {
    /* panel top center */
    top: 9px;
    left: 165px;
    width: 191px;
    height: 161px;
}

#front_profile2-view div:nth-child(3) {
    /* panel top right */
    top: 7.7px;
    left: 270.2px;
    width: 145.7px;
    height: 152.5px;
}

#front_profile2-view div:nth-child(4) {
    /* panel bottom left */
    top: 96px;
    left: 100px;
    width: 129px;
    height: 194px;
}

#front_profile2-view div:nth-child(5) {
    /* panel bottom center */
    top: 172px;
    left: 202px;
    width: 146px;
    height: 104px;
}

#front_profile2-view div:nth-child(6) {
    /* panel bottom right */
    top: 163px;
    left: 303px;
    width: 110.5px;
    height: 97.5px;
}

#front_profile2-view div:nth-child(7) {
    /* side left */
    top: 81px;
    left: 0.8px;
    width: 141px;
    height: 207.5px;
}

#front_profile2-view div:nth-child(8) {
    /* side right */
    display: none;
}

#front_profile2-view div:nth-child(9) {
    /* extension */
    top: 17px;
    left: 0px;
    width: 414.5px;
    height: 82.5px;
}

#front_profile2-view div:nth-child(10) {
    /* straps top */
    top: 8px;
    left: 91px;
    width: 317px;
    height: 164px;
}

#front_profile2-view div:nth-child(11) {
    /* straps bottom */
    top: 151px;
    left: 29px;
    width: 388.5px;
    height: 146.5px;
}

#front_profile2-view div:nth-child(12) {
    /* accents */
    top: 0px;
    left: 27px;
    width: 398px;
    height: 188.5px;
}

#front_profile2-view div:nth-child(13) {
    /* shoulder strap */
    display: none !important;
}

/* Front Extended View */

#front_extended-view {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 324px;
    height: 393px;
    background-image: url("../images/products/hbar_bag/bg_front_extended.png");
    background-size: 100%;
}

#front_extended-view:after {
    content: "";
    display: block;
    position: absolute;
    top: 337px;
    left: 6px;
    width: 331px;
    height: 59.5px;
    background-image: url("../images/products/hbar_bag/shadow_front_extended.png");
    background-size: 100%;
    z-index: -1;
}

/* Front Extended View Images */

#front_extended-view div:nth-child(1) {
    /* panel bottom left */
    top: 239px;
    left: 32px;
    width: 71.5px;
    height: 113px;
}

#front_extended-view div:nth-child(2) {
    /* panel bottom center */
    top: 239px;
    left: 102px;
    width: 114.5px;
    height: 109px;
}

#front_extended-view div:nth-child(3) {
    /* panel bottom right */
    top: 239px;
    left: 215px;
    width: 73.5px;
    height: 115.5px;
}

#front_extended-view div:nth-child(4) {
    /* side left */
    top: 233px;
    left: 20.3px;
    width: 15.3px;
    height: 118.5px;
}

#front_extended-view div:nth-child(5) {
    /* side right */
    top: 236px;
    left: 285px;
    width: 18px;
    height: 117.5px;
}

#front_extended-view div:nth-child(6) {
    /* extension */
    top: 9px;
    left: 23.3px;
    width: 279.1px;
    height: 232px;
}

#front_extended-view div:nth-child(7) {
    /* straps top */
    display: none;
}

#front_extended-view div:nth-child(8) {
    /* straps bottom */
    top: 268px;
    left: 0px;
    width: 323.5px;
    height: 108.5px;
}

#front_extended-view div:nth-child(9) {
    /* accents */
    top: 0px;
    left: 27px;
    width: 275.5px;
    height: 392px;
}

#front_extended-view div:nth-child(10) {
    /* shoulder strap */
    top: 343px;
    left: 58px;
    width: 207.5px;
    height: 41.5px;
}

/* Cart */

.cart-container {
    font-size: 0.9375rem;
}

.cart-container.hidden,
.cart-empty-container.hidden {
    display: none !important;
}

.cart-order-summary-col {
    flex: 0 0 26.25rem;
}

.cart-product {
    margin-bottom: 1.8rem;
}

.cart-product .col-product-image {
    flex: 0 0 18.63rem;
}

@media (max-width: 966px) {
    .cart-product .col-product-image {
        margin-bottom: 1.8rem;
    }
}

.cart-product .cart-image-container {
    min-height: 242px;
    background-color: #f4f4f4;
}

.cart-product p {
    margin-bottom: 0.25rem;
}

.btn-checkout {
    width: 100%;
}

.cart-container #cart-product-quantity {
    width: 4.6rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.cart-container .quantity-container span {
    color: #a8a8a8;
    font-size: 0.8125rem;
}

.cart-container .remove-item {
    align-self: center;
    margin-top: 1.3rem;
}

.cart-order-summary {
    min-height: 242px;
    padding-top: 0.6rem;
}

.cart-container .checkout-notes {
    font-size: 0.8125rem;
}

.cart-container #wallet_container {
    position: relative;
    margin-bottom: -31px;
}

.cart-container #wallet_container.disabled:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .7;
    z-index: 9;
}

.cart-container #wallet_container.disabled:hover:after {
    content: "Completá los datos del envio para habilitar el botón de pago.";
    display: block;
    position: absolute;
    width: 100%;
    margin-top: 1rem;
    padding: 0.9rem 1.3rem;
    font-family: "nb-international-pro-regular", helvetica, sans-serif;
    font-style: normal;
    font-size: 1rem;
    color: white;
    background-color: var(--lunik-brand-black);
    z-index: 10;
}

.cart-container .back-to-shopping {
    padding-left: 3.1rem;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.707%22%20height%3D%2216.37%22%20viewBox%3D%220%200%2016.707%2016.37%22%3E%3Cpath%20d%3D%22M.707%208.185h16M8.539.353.707%208.185l7.832%207.832%22%20fill%3D%22none%22%20stroke%3D%22%23e3ddc5%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 1.3rem 1.1rem;
}

.cart-container .custom-select {
    font-family: "nb-international-pro-regular", helvetica, sans-serif;
    font-size: 0.9375rem;
    font-weight: 400 !important;
}

.cart-container .custom-select .arrow:after {
    display: inline-block;
    margin-left: 0.3rem;
    transform: scale(0.9) translateY(2px);
}

.cart-container .shipping-form hr {
    margin-bottom: 2.2rem;
}

.shipping-form h4 {
    margin-bottom: 1.7rem;
}

@media (max-width: 780px) {
    .cart-order-summary-col {
        flex: 0 0 100%;
        margin-top: 3rem;
    }
}

/* Modals */

.modal-content {
    color: var(--lunik-brand-light-yellow);
    border-radius: 0;
    background-color: var(--lunik-brand-black);
    background-image: url(../images/header-bg-grid.svg);
}

.modal-header {
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 20px;
    border-bottom: 0;
}

.btn-close {
    width: 1.25em;
    height: 1.25em;
    --bs-btn-close-opacity: 1;
    --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.707%22%20height%3D%2221.707%22%20viewBox%3D%220%200%2021.707%2021.707%22%3E%3Cpath%20d%3D%22m10.854%2010.854-10.5%2010.5%2010.5-10.5L.354.354l10.5%2010.5%2010.5-10.5-10.5%2010.5%2010.5%2010.5Z%22%20stroke%3D%22%23e3ddc5%22%2F%3E%3C%2Fsvg%3E");
    background-size: 1.25em;
}

/* Checkout Modal */

#checkout-modal .modal-dialog {
    width: 443px;
    font-size: 1.0625rem;
}

#checkout-modal .modal-body {
    padding-top: 25px;
    padding-bottom: 55px;
}

#checkout-modal h4 {
    margin-bottom: 4.3rem;
}

#checkout-modal #checkout-button {
    margin-bottom: 0.85rem;
}

#checkout-modal span {
    margin-bottom: 0.45rem;
}

#checkout-modal a {
    margin-bottom: 0.45rem;
}

@media (max-width: 576px) {
    #checkout-modal .modal-dialog {
        width: auto;
    }
}

/* Text Pages */

.text-page .page-content p {
    margin-bottom: 1.6rem;
}

.text-page .page-content h2 {
    margin-bottom: 1.7rem;
}

.text-page .page-content h4 {
    position: relative;
    margin-bottom: 0.2rem;
}

.text-page .fixed-width-col {
    flex: 0 0 44rem;
}

.text-page h4.icon::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: -105px;
    background-repeat: no-repeat;
}

.text-page h4.icon.mp::before {
    width: 76px;
    height: 51px;
    background-image: url("../images/icon-mercadopago.svg");
}

.text-page h4.icon.shipping::before {
    width: 78px;
    height: 52px;
    background-image: url("../images/icon-shipping.svg");
}

@media (max-width: 940px) {
    .text-page h4.icon::before {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 1rem;
    }
}

/* Homepage */

.homepage .hero-container {
    margin-top: 2px;
    margin-bottom: 2.5625rem;
}

,homepage .hero-container .image-wrapper {
    container-type: inline-size;
}

.homepage .hero-container .text {
    position: absolute;
    height: 100%;
    padding-top: clamp(1rem, 3.6cqi + 0.5rem, 4.75rem);
    padding-right: clamp(1rem, 2.8cqi + 0.5rem, 4.75rem);
    padding-bottom: clamp(1rem, 4.3cqi + 0.5rem, 4.75rem);
    padding-left: clamp(1rem, 4.7cqi + 0.5rem, 4.75rem);
    color: #fff;
}

.homepage .hero-container .text-mobile {
    display: none;
}

.homepage h1 {
    margin-bottom: clamp(0.4rem, 1.9cqi + 0.5rem, 4rem);
    font-family: "nb-international-pro-regular", helvetica, sans-serif;
    font-size: clamp(1rem, 5.7cqi + 0.5rem, 5.5625rem);
    line-height: 1;
    letter-spacing: -0.15rem;
}

.homepage .hero-container .lead {
    font-size: clamp(0.4rem, 1.4cqi + 0.5rem, 1.75rem);
}

.homepage .hero-container .text-mobile h1 {
    margin-bottom: 1rem;
    font-family: "nb-international-pro-bold", helvetica, sans-serif;
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: unset;
}

.homepage .hero-container .text-mobile .lead {
    margin-bottom: 1.6rem;
    font-size: 1.15rem;
}

.homepage .hero-container .btn-lg {
    --bs-btn-padding-y: 0.58rem;
    --bs-btn-padding-x: 1.2rem;
    font-size: 1.5625rem;
}

.homepage .hero-container .btn-lg svg {
    margin-left: 0.5rem;
    margin-top: -0.3rem;
}

@media (max-width: 576px) {
    .homepage .hero-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .homepage .hero-container .text-mobile {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
}

.homepage .custom-select .selection {
    font-family: "nb-international-pro-regular", helvetica, sans-serif;
    font-size: 2rem;
    font-weight: 300;
    color: #a9acbe;
}

.homepage .feature-icons-container {
    margin-bottom: 2.5625rem;
}

.homepage .feature-icons-container .inner {
    padding: 2.575rem;
    background-color: #f4f4f4;
}

.homepage .feature-icons-container h5 {
    margin-top: -0.2rem;
    margin-bottom: 0.35rem;
    font-size: 1.0625rem;
}

.homepage .feature-icons-container p {
    margin-bottom: 0;
    font-size: 0.8125rem;
    line-height: 1rem;
}

.homepage .feature-icons-container img {
    align-self: flex-start;
    margin-right: 0.9rem;
}

@media (max-width: 991px) {
    .homepage .feature-icons-container .col {
        margin-bottom: 2.8rem;
    }

    .homepage .feature-icons-container .inner {
        padding-bottom: 0;
    }
}

@media (max-width: 630px) {
    .homepage .feature-icons-container .col {
        flex-basis: 100%;
    }
}

@media (max-width: 1080px) {
    .homepage .hero-container .slider-nav {
        bottom: 3rem !important;
        right: 3rem !important;
    }
}

@media (max-width: 904px) {
    .homepage .hero-container .slider-nav {
        bottom: 2.8rem !important;
        right: 2.8rem !important;
    }
}

@media (max-width: 768px) {
    .homepage .hero-container .text-mobile {
        display: block;
        margin-top: 1.6rem;
    }

    .homepage .hero-container .text {
        display: none !important;
    }

    .homepage .hero-container .slider .images {
        height: 400px;
    }

    .homepage .hero-container .slider .image-wrapper img {
        object-position: 100% 0;
    }
}

@media (max-width: 520px) {
    .homepage .hero-container .slider .image-wrapper img {
        object-position: 85% 0;
    }
}

/* Homepage About Us */

.homepage .about-us {
    margin-bottom: 2.5625rem;
}

.homepage .about-us .col-slider {
    flex: 0 0 auto;
    width: 52%;
    background-color: var(--lunik-brand-orange);
}

.homepage .about-us .inner {
    height: 100%;
    padding: 2.3rem 1.55rem 2.4rem 2.4rem;
    background-color: var(--lunik-brand-orange);
}

.homepage .about-us .text {
    font-size: 1.125rem;
    color: var(--lunik-brand-light-yellow);
}

.about-us .slider {
    pointer-events: none;
}

.about-us .slider .mask {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/* About Us animated mask */

#animatedMask {
    animation-duration: 800ms;
    animation-timing-function: cubic-bezier(0.49, 0.1, 0.32, 0.94);
    animation-fill-mode: forwards;
}

.mask-animation1 { animation-name: mask-animation1; }
.mask-animation2 { animation-name: mask-animation2; }
.mask-animation3 { animation-name: mask-animation3; }
.mask-animation4 { animation-name: mask-animation4; }
.mask-animation5 { animation-name: mask-animation5; }

@keyframes mask-animation1 {
  0% {
    d: path("M661 574H0V0h661v574Zm-144.6-95v68h116.1V397h-21.6l21.6-104.6v-.4H516.4v84.1a7.9 7.9 0 0 1-15.8 0V292H393.5v255h107.1v-68h15.8ZM133 490l29.7 57h104.8V292H162.7v53.1L135 292H28.5v255H133v-57Zm144.5-198v255h107V292h-107Zm112-264v152a103.7 103.7 0 0 0 30.2 72.8 103.7 103.7 0 0 0 72.8 30.2h33a103.8 103.8 0 0 0 72.8-30.2 103.9 103.9 0 0 0 30.2-72.8V28H516.4v148.6a7.9 7.9 0 0 1-15.8 0V28H389.5Zm-361 0v255h356V176h-87V28h-269Z");
  }
  100% {
    d: path("M661 574H0V0h661v574Zm-144.6-95v68h116.1V397h-21.6l21.6-104.6v-.4H516.4v84.1a7.9 7.9 0 0 1-15.8 0V292H393.5v255h107.1v-68h15.8ZM133 490l29.7 57h104.8V292H162.7v53.1L135 292H28.5v255H133v-57Zm144.5-198v255h107V292h-107Zm-26-264v152a103.7 103.7 0 0 0 30.2 72.8 103.7 103.7 0 0 0 72.8 30.2h171a103.8 103.8 0 0 0 72.8-30.2 103.9 103.9 0 0 0 30.2-72.8V28H447.4v148.6a7.9 7.9 0 0 1-15.8 0V28H251.5Zm-223 0v255h213V176h-87V28h-126Z");
  }
}

@keyframes mask-animation2 {
  0% {
    d: path("M661 574H0V0h661v574Zm-144.6-95v68h116.1V397h-21.6l21.6-104.6v-.4H516.4v84.1a7.9 7.9 0 0 1-15.8 0V292H393.5v255h107.1v-68h15.8ZM133 490l29.7 57h104.8V292H162.7v53.1L135 292H28.5v255H133v-57Zm144.5-198v255h107V292h-107Zm-26-264v152a103.7 103.7 0 0 0 30.2 72.8 103.7 103.7 0 0 0 72.8 30.2h171a103.8 103.8 0 0 0 72.8-30.2 103.9 103.9 0 0 0 30.2-72.8V28H447.4v148.6a7.9 7.9 0 0 1-15.8 0V28H251.5Zm-223 0v255h213V176h-87V28h-126Z");
  }
  100% {
    d: path("M661 574H0V0h661v574Zm-105.6-95v68h77.1V397h-21.6l21.6-104.6v-.4h-77.1v84.1a7.9 7.9 0 0 1-15.8 0V292h-68.1v255h68.1v-68h15.8ZM192 490l29.7 57h162.8V292H221.7v53.1L194 292H28.5v255H192v-57Zm201.5-198v255h69V292h-69Zm-4-264v152a103.7 103.7 0 0 0 30.2 72.8 103.7 103.7 0 0 0 72.8 30.2h33a103.8 103.8 0 0 0 72.8-30.2 103.9 103.9 0 0 0 30.2-72.8V28H516.4v148.6a7.9 7.9 0 0 1-15.8 0V28H389.5Zm-361 0v255h356V176h-87V28h-269Z");
  }
}

@keyframes mask-animation3 {
  0% {
    d: path("M661 574H0V0h661v574Zm-105.6-95v68h77.1V397h-21.6l21.6-104.6v-.4h-77.1v84.1a7.9 7.9 0 0 1-15.8 0V292h-68.1v255h68.1v-68h15.8ZM192 490l29.7 57h162.8V292H221.7v53.1L194 292H28.5v255H192v-57Zm201.5-198v255h69V292h-69Zm-4-264v152a103.7 103.7 0 0 0 30.2 72.8 103.7 103.7 0 0 0 72.8 30.2h33a103.8 103.8 0 0 0 72.8-30.2 103.9 103.9 0 0 0 30.2-72.8V28H516.4v148.6a7.9 7.9 0 0 1-15.8 0V28H389.5Zm-361 0v255h356V176h-87V28h-269Z");
  }
  100% {
    d: path("M661 574H0V0h661v574Zm-105.6-95v68h77.1V397h-21.6l21.6-104.6v-.4h-77.1v84.1a7.9 7.9 0 0 1-15.8 0V292h-68.1v255h68.1v-68h15.8ZM95 490l29.7 57h66.8V292h-66.8v53.1L97 292H28.5v255H95v-57Zm105.5-198v255h262V292h-262Zm189-264v152a103.7 103.7 0 0 0 30.2 72.8 103.7 103.7 0 0 0 72.8 30.2h33a103.8 103.8 0 0 0 72.8-30.2 103.9 103.9 0 0 0 30.2-72.8V28H516.4v148.6a7.9 7.9 0 0 1-15.8 0V28H389.5Zm-361 0v255h356V176h-87V28h-269Z");
  }
}

@keyframes mask-animation4 {
  0% {
    d: path("M661 574H0V0h661v574Zm-105.6-95v68h77.1V397h-21.6l21.6-104.6v-.4h-77.1v84.1a7.9 7.9 0 0 1-15.8 0V292h-68.1v255h68.1v-68h15.8ZM95 490l29.7 57h66.8V292h-66.8v53.1L97 292H28.5v255H95v-57Zm105.5-198v255h262V292h-262Zm189-264v152a103.7 103.7 0 0 0 30.2 72.8 103.7 103.7 0 0 0 72.8 30.2h33a103.8 103.8 0 0 0 72.8-30.2 103.9 103.9 0 0 0 30.2-72.8V28H516.4v148.6a7.9 7.9 0 0 1-15.8 0V28H389.5Zm-361 0v255h356V176h-87V28h-269Z");
  }
  100% {
    d: path("M661 574H0V0h661v574Zm-200.6-95v68h172.1V397h-21.6l21.6-104.6v-.4H460.4v84.1a7.9 7.9 0 0 1-15.8 0V292H281.5v255h163.1v-68h15.8ZM95 490l29.7 57h66.8V292h-66.8v53.1L97 292H28.5v255H95v-57Zm105.5-198v255h72V292h-72Zm189-264v152a103.7 103.7 0 0 0 30.2 72.8 103.7 103.7 0 0 0 72.8 30.2h33a103.8 103.8 0 0 0 72.8-30.2 103.9 103.9 0 0 0 30.2-72.8V28H516.4v148.6a7.9 7.9 0 0 1-15.8 0V28H389.5Zm-361 0v255h356V176h-87V28h-269Z");
  }
}

@keyframes mask-animation5 {
  0% {
    d: path("M661 574H0V0h661v574Zm-200.6-95v68h172.1V397h-21.6l21.6-104.6v-.4H460.4v84.1a7.9 7.9 0 0 1-15.8 0V292H281.5v255h163.1v-68h15.8ZM95 490l29.7 57h66.8V292h-66.8v53.1L97 292H28.5v255H95v-57Zm105.5-198v255h72V292h-72Zm189-264v152a103.7 103.7 0 0 0 30.2 72.8 103.7 103.7 0 0 0 72.8 30.2h33a103.8 103.8 0 0 0 72.8-30.2 103.9 103.9 0 0 0 30.2-72.8V28H516.4v148.6a7.9 7.9 0 0 1-15.8 0V28H389.5Zm-361 0v255h356V176h-87V28h-269Z");
  }
  100% {
    d: path("M661 574H0V0h661v574Zm-144.6-95v68h116.1V397h-21.6l21.6-104.6v-.4H516.4v84.1a7.9 7.9 0 0 1-15.8 0V292H393.5v255h107.1v-68h15.8ZM133 490l29.7 57h104.8V292H162.7v53.1L135 292H28.5v255H133v-57Zm144.5-198v255h107V292h-107Zm112-264v152a103.7 103.7 0 0 0 30.2 72.8 103.7 103.7 0 0 0 72.8 30.2h33a103.8 103.8 0 0 0 72.8-30.2 103.9 103.9 0 0 0 30.2-72.8V28H516.4v148.6a7.9 7.9 0 0 1-15.8 0V28H389.5Zm-361 0v255h356V176h-87V28h-269Z");
  }
}

.homepage .about-us .lead {
    margin-bottom: 1.9rem;
    font-family: "nb-international-pro-regular", helvetica, sans-serif;
    font-size: 4.125rem;
    line-height: 3.563rem;
    letter-spacing: -0.19rem;
    word-spacing: 0.1rem;
}

.homepage .about-us p {
    margin-bottom: 1.7rem;
}

.homepage .about-us .slider img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.homepage .about-us .slider .slider-nav {
    display: none;
}

@media (max-width: 700px) {
    .homepage .about-us .text .inner {
        padding: 2.5rem;
    }
}

@media (max-width: 1024px) {
    .homepage .about-us .text .inner {
        padding-bottom: 2.8rem;
    }

    .homepage .about-us .text .inner img {
        display: none;
    }

    .homepage .about-us .col {
        flex: 0 0 auto;
        width: 100%;
    }
}

/* Image Sliders */

.slider {
    position: relative;
    overflow: hidden;
}

.slider .images {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}

.slider .image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
}

.slider .image-wrapper img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.slider-nav {
    position: absolute;
    bottom: 4rem;
    right: 4rem;
    display: flex;
    gap: 5px;
    z-index: 1;
}

.slider-nav .nav-dot {
    width: 37px;
    height: 4px;
    background: white;
    cursor: pointer;
    transition: background-color 0.3s;
}

.slider-nav .nav-dot.active {
    background: var(--lunik-brand-yellow);
}

/* Product Grid */

.product-grid-container {
    margin-bottom: 2.5625rem;
}

.product-grid-container .title {
    position: sticky;
    top: 0;
    padding-top: 0.9rem;
    padding-bottom: 1.5rem;
    background: white;
    z-index: 2;
}

@media (max-width: 576px) {
    .product-grid-container .title {
        padding-top: 0.5rem;
        padding-bottom: 1.1rem;
    }

    .product-grid-container .title h3,
    .product-grid-container .title .custom-select .selection {
        font-size: 1.6rem;
    }

    .product-grid-container .title h3 {
        margin-right: 0.3rem !important;
    }
}

.product-grid-container .custom-select .arrow:after {
    display: inline-block;
    margin-top: .2rem;
}

.product-grid-container .product-grid-inner {
    --column-count: 1;
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
}

.product-grid-container .product-grid-inner.hidden {
    display: none;
}

@media (max-width: 970px) {
    .product-grid-container .product-grid-inner {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 670px) {
    .product-grid-container .product-grid-inner {
        grid-template-columns: 1fr;
    }
}

.product-grid-container .card {
    padding: 1.45rem 1.75rem 1.75rem 1.75rem;
    border: 0;
    border-radius: 0;
    background-color: #f4f4f4;
}

.product-grid-container .card h4 {
    margin-bottom: 0;
}

.product-grid-container .card img {
    width: 74%;
    margin-top: 4.8rem;
    margin-bottom: 4.8rem;
    margin-left: auto;
    margin-right: auto;
}

.product-grid-container .card-body {
    padding: 0;
    font-size: 0.875rem;
}

.product-grid-container .card-body p {
    flex-grow: 1;
    margin-bottom: 0;
    padding-right: 1rem;
}

.product-grid-container .card-body a {
    align-self: flex-start;
    padding-left: 0.7rem;
    padding-right: 0.5rem;
    font-size: 1rem;
    white-space: nowrap;
}

.product-grid-container .card-body a:after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.707%22%20height%3D%2216.37%22%20viewBox%3D%220%200%2016.707%2016.37%22%3E%3Cpath%20d%3D%22M.707%208.185h16M8.539.353.707%208.185l7.832%207.832%22%20fill%3D%22none%22%20stroke%3D%22%23e3ddc5%22%2F%3E%3C%2Fsvg%3E");
    margin-left: 0.5rem;
    display: inline-block;
    transform: scale(-1, 1) translateY(0.1rem);
}

/* Custom Popover */

#paymentPopover {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;
    text-decoration: underline;
}

#paymentPopover:hover {
    text-decoration: none;
}

.custom-popover {
    max-width: 345px;
    border-radius: 0;
}

.custom-popover .popover-body {
    padding: 1.5rem;
    font-family: "nb-international-pro-regular", helvetica, sans-serif;
}

/* Payment Methods table */

.payment-methods {
    display: flex;
    flex-direction: column;
}

.payment-methods > div { /* row */
    display: flex;
    padding-bottom: 1.225rem;
}

.payment-methods > div:last-child { /* last row */
    padding-bottom: 0;
}

.payment-methods > div > div:nth-child(1) { /* 1st col */
    margin-right: 1.375rem;
}

.payment-methods > div > div > div { /* icons */
    width: 34px;
    height: 23px;
    background-image: url(../images/icons-payment.svg);
}

.payment-methods > div:nth-child(2) > div > div { /* no icon */
    background: none;
}

.payment-methods > div:nth-child(3) > div > div { /* cash icon */
    height: 20px;
    background-position-y: -30px;
}

.payment-methods > div:nth-child(4) > div > div { /* mp icon */
    background-position-y: -57px;
}

/* Dark Theme */

.dark-theme-switch {
    cursor: pointer;
    position: absolute;
    top: 35px;
    right: 32px;
    width: 22px;
    height: 22px;
    border: 1px solid var(--dark-mode-light);
    background-color: var(--dark-mode-black);
    border-radius: 100%;
}

body.dark .dark-theme-switch {
    filter: hue-rotate(77deg) brightness(1.2);
}

.dark-theme-icon {
    width: 8px;
    height: 16px;
    margin: 2px 0 0 2px;
    background-color: var(--dark-mode-light);
    border-radius: 16px 0 0 16px;
}

@media (max-width: 576px) {
    .dark-theme-switch {
        top: 19px;
        right: 15px;
    }
}

body.dark {
    color: var(--dark-mode-light);
    background-color: var(--dark-mode-black);
}

body.dark .customizer .save-button,
body.dark .purchase-options .quantity {
    background-color: transparent;
}

body.dark .customizer-main-image .main-image-container,
body.dark .customizer .main-image-thumbnails {
    background-color: var(--dark-mode-black2);
}

body.dark .dropdown-menu-custom {
    background-color: var(--dark-mode-medium);
}

body.dark .dropdown-menu-custom a {
    color: var(--dark-mode-light);
}

body.dark .dropdown-triangle {
    filter: brightness(5.5) saturate(0) hue-rotate(151deg);
}

body.dark .whatsapp {
    background: var(--dark-mode-medium);
}

body.dark .whatsapp img {
    filter: sepia(1) hue-rotate(352deg) brightness(0.7);
}

body.dark .sputnik {
    filter: hue-rotate(120deg);
}

/* Main Header */

body.dark .main-header {
    padding-top: 7px;
}

body.dark .main-header .col.logo {
    background-color: var(--dark-mode-black);
}

body.dark .main-header .col.middle,
body.dark .main-header .nav-pills li {
    border-left-width: 6px;
    border-color: var(--dark-mode-black);
}

body.dark .main-header .nav-pills a.language,
body.dark .main-header .nav-pills a.contact,
body.dark .main-header .nav-pills a.cart {
    background-color: var(--dark-mode-black);
}

body.dark .main-header .col.middle {
    filter: hue-rotate(263deg) opacity(81%);
    background-image: url(../images/header-bg-stars.svg);
    background-color: #130d10;
}

body.dark .main-header .col.middle:before, /* Correct color because of filter */
body.dark .main-header .col.middle:after {
    filter: hue-rotate(96deg) brightness(1.2);
}

body.dark .header-logo {
    opacity: 0.85;
    margin: 0 8px 8px 0;
}

body.dark .dark-theme-switch {
    top: 30px;
}

@media (max-width: 576px) {
    body.dark .dark-theme-switch {
        top: 15px;
    }
}

body.dark .main-header .nav-pills img {
    filter: invert(1) saturate(3) brightness(0.8);
}

body.dark .main-header .nav-pills .badge {
    color: var(--dark-mode-black) !important;
    border-color: var(--dark-mode-black);
    background-color: var(--dark-mode-light) !important;
}

/* Customizer */

body.dark .breadcrumb a,
body.dark .breadcrumb-item + .breadcrumb-item::before {
    color: var(--dark-mode-medium);
}

body.dark .custom-select .arrow:after {
    filter: invert(1) saturate(3) brightness(0.8);
}

body.dark .color-swatch .selected {
    box-shadow: 0px 0px 0px 2px var(--dark-mode-black), 0px 0px 0px 4px var(--dark-mode-light);
}

body.dark .color-label {
    opacity: .6;
    color: var(--dark-mode-light);
}

body.dark .purchase-options .quantity {
    color: var(--dark-mode-light);
    border-color: var(--dark-mode-medium);
}

body.dark .saved-config-thumbnail .delete-config {
    color: var(--dark-mode-light);
    border-color: var(--dark-mode-black);
}

body.dark .delivery {
    opacity: .6;
}

body.dark .purchase-options .quantity-container span {
    opacity: .6;
    color: var(--dark-mode-light);
}

body.dark .customizer .save-button img {
    filter: invert(1) saturate(3) brightness(0.8);
}

body.dark .customizer .nav-arrow svg {
    filter: invert(1) saturate(3) brightness(0.8);
}

body.dark .customizer .main-image-thumbnails .thumb img {
    filter: invert(1) sepia(1) saturate(0.6) hue-rotate(344deg) brightness(0.7);
}

/* Bike Attachment */

body.dark .bike-attachment-container:before {
    position: relative !important;
    display: block;
}

body.dark .bike-attachment-container {
    background-color: transparent;
}

body.dark .bike-attachment h3 {
    margin-left: 0;
    padding-top: 1.36rem;
}

body.dark .bike-attachment .dashed-border::before {
    background: var(--dark-mode-medium);
    box-shadow: inset 0px 2px var(--dark-mode-light),  inset 0px -2px var(--dark-mode-light);
}

@media (max-width: 991px) {
    body.dark .bike-attachment .dashed-border.column3::before {
        display: none;
    }
}

@media (max-width: 767px) {
    body.dark .bike-attachment .dashed-border::before {
        display: none;
    }
}

/* Custom Popover */

body.dark .custom-popover {
    border-color: var(--dark-mode-medium);
    background-color: var(--dark-mode-black2);
}

body.dark .custom-popover .popover-body {
    color: var(--dark-mode-light);
}

body.dark .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
    border-bottom-color: var(--dark-mode-black2);
}

body.dark .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
    border-bottom-color: var(--dark-mode-medium);
}

body.dark .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
    border-top-color: var(--dark-mode-medium);
}

body.dark .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
    border-top-color: var(--dark-mode-black2);
}

body.dark .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
    border-right-color: var(--dark-mode-medium);
}

body.dark .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
    border-right-color: var(--dark-mode-black2);
}

body.dark .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
    border-left-color: var(--dark-mode-medium);
}

body.dark .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
    border-left-color: var(--dark-mode-black2);
}

body.dark .payment-methods > div > div > div {
    filter: invert(1) sepia(3) brightness(0.7);
}

/* Footer */

body.dark footer > div {
    opacity: .7;
}

body.dark footer,
body.dark footer a {
    color: var(--dark-mode-light);
}

body.dark .footer-icon path,
body.dark .rocket-logo path {
    /* filter: sepia(1) saturate(0.4) hue-rotate(344deg) brightness(1.1); */
    fill: var(--dark-mode-black);
    stroke: var(--dark-mode-light);
}

body.dark .footer-logo {
    filter: saturate(0.16) hue-rotate(41deg) brightness(1.63);
}

/* Top & Bottom borders */

body.dark .col.logo:before,
body.dark .col.logo:after,

body.dark .col.middle:before,
body.dark .col.middle:after,

body.dark .main-header .nav-pills li:before,
body.dark .main-header .nav-pills li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    background: var(--dark-mode-medium);
    box-shadow: inset 2px 0px var(--dark-mode-light),  inset -2px 0px var(--dark-mode-light);
}

body.dark .col.logo:after,
body.dark .col.middle:after,
body.dark .main-header .nav-pills li:after {
    top: unset;
    bottom: 0;
    box-shadow: inset 2px 0px var(--dark-mode-light),  inset -2px 0px var(--dark-mode-light);
}

/* Top borders only */

body.dark .customizer-main-image .main-image-container:before,
body.dark .bike-attachment-container:before,
body.dark .footer-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    background: var(--dark-mode-medium);
    box-shadow: inset 2px 0px var(--dark-mode-light),  inset -2px 0px var(--dark-mode-light);
}

/* Bottom borders only */

body.dark .customizer .main-image-thumbnails:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    background: var(--dark-mode-medium);
    box-shadow: inset 2px 0px var(--dark-mode-light),  inset -2px 0px var(--dark-mode-light);
}

/* Border Top borders */

body.dark .border-top {
    position: relative;
    --bs-border-color: var(--dark-mode-medium) !important;
}

body.dark .border-top:before,
body.dark .border-top:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: -1px;
    left: 0;
    box-shadow: inset 2px 0px var(--dark-mode-light),  inset -2px 0px var(--dark-mode-light);
}