.account-main {
    --padding-x: 76px;
    min-height: var(--height-fill);
    display: grid;
    height: auto !important
}

.account-main *:focus-visible {
    outline: none;
    box-shadow: none
}

.account-main img {
    max-width: 100%
}

.account-main,
.account-main__container {
    position: relative;
    height: 100%;
    width: 100%
}

.account-main__container {
    padding: 0 75px 0 36px
}

.account-main__container li {
    padding-block: 10px
}

.account-main__container li:hover a {
    color: #000
}

@media (max-width: 991.98px) {
    .account-main__container {
        padding: 0 76px
    }
}

@media (max-width: 767.98px) {
    .account-main__container {
        padding: 0 25px
    }
}

.account-main .visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important
}

.account-main .visually-hidden--inline {
    margin: 0;
    height: 1em
}

.form__message.form__message {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .form__message.form__message {
        font-size: 14px;
        line-height: 20px
    }
}

.sa-core {
    --height-fill: calc(100dvh - 134px)
}

.sa-core .account-main {
    margin: 5px 0;
    box-shadow: 0 0 0 2px #000
}

.form-errors {
    position: relative;
    padding-top: 20px
}

.form-errors .errors ul {
    list-style: none;
    padding: 15px 0 0;
    margin: 0;
    display: flex;
    gap: 10px;
    flex-direction: column
}

.form-errors .errors ul li {
    padding: 0 0 10px;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .form-errors .errors ul li {
        font-size: 14px;
        line-height: 20px
    }
}

.form-field.radio-button {
    margin-top: 7px
}

.account-form {
    height: 100%;
    width: 100%;
    background-color: #fff
}

@media (max-width: 767.98px) {
    .account-form .primary-button {
        padding-left: 25px
    }
}

.account-form .hide {
    display: none
}

.account-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%
}

.account-form__grid>div {
    min-width: 0
}

.account-form__image img {
    height: 100%;
    max-width: 100%
}

.account-form__form-container {
    height: 100%;
    display: grid;
    padding: 100px 0
}

.account-form--recover {
    display: none
}

.account-select select {
    display: block;
    width: 100%;
    box-shadow: none;
    outline: none
}

.form-container {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-width: calc(100% - 152px)
}

.form-container__links p {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500;
    color: #000
}

@media (max-width: 767.98px) {
    .form-container__links p {
        font-size: 14px;
        line-height: 20px
    }
}

.form-container__links .underline-link {
    color: #221f20
}

.form-container__heading {
    padding-bottom: 45px
}

.form-container__heading>* {
    margin: 0
}

.form-container__heading>p {
    margin-top: 12px
}

.form-container__fields {
    display: grid;
    gap: 16px
}

.form-container__fields .form-field {
    text-align: left
}

.form-container__fields .form-field__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: inherit
}

.form-container__links {
    display: grid;
    gap: 10px
}

.form-container__links a,
.form-container__links label {
    width: fit-content;
    display: block;
    margin: auto
}

.form-container__submit {
    padding: 20px 0
}

.form-container__submit button {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    translate: none
}

@media (max-width: 767.98px) {
    .form-container__submit button {
        font-size: 14px
    }
}

@media (max-width: 767.98px) {
    .form-container {
        max-width: none
    }
}

#recover-toggle:checked~.account-form--recover {
    display: block
}

#recover-toggle:checked~.account-form--login {
    display: none
}

.address-form {
    display: none
}

@media (min-width: 768px) {
    .address-form {
        display: none
    }
}

.address-form--default,
.address-form.active {
    display: block
}

.address-form.active~.address-form--default {
    display: none
}

.address-form .form-container {
    max-width: none
}

.address-form .form-container__heading {
    padding-bottom: 50px
}

.address-form .form-container__heading h2 {
    font-size: 26px;
    line-height: 34px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .address-form .form-container__heading h2 {
        font-size: 18px;
        line-height: 24px
    }
}

.address-form .form-container__submit {
    padding-top: 40px
}

@media (max-width: 767.98px) {
    .account-form__form-container {
        padding-top: 54px
    }

    .account-form .form-container__footer {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 10px
    }

    .account-form .form-container__links {
        flex-direction: column;
        align-items: start;
        gap: 27px
    }

    .account-form .form-container__links p a {
        margin-left: 4px
    }

    .account-form .form-container__links a,
    .account-form .form-container__links label {
        margin: 0
    }
}

:root {
    --height-full: 100dvh;
    --announcement-height: 40px;
    --height-fill: calc(100dvh - var(--nav-height));
    --font-my-cube: "Sohne", sans-serif;
    --nav-main-height: 76px;
    --nav-height: calc(var(--nav-main-height) + var(--announcement-height));
    --color-dark-charcoal: #262525;
    --color-light-grey: #f1f1f1;
    --color-lines-2: #cacaca;
    --color-lines-3: #ebebeb;
    --product-card-max-height: 750px
}

@media (max-width: 767.98px) {
    :root {
        --nav-main-height: 60px
    }
}

.bg__lightgrey {
    background: #f1f1f1
}

select.select-native {
    width: 100%;
    padding: 14px 20px;
    border: 1px solid #292828 !important;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    background-position: 98% center
}

@media (max-width: 767.98px) {
    select.select-native {
        font-size: 14px
    }
}

.account-page__navigation {
    display: grid
}

@media (min-width: 992px) {
    .account-page__navigation {
        background-color: #f9f8f7
    }
}

.account-page__order-address--desktop {
    margin-top: auto
}

.account-page .checkbox label {
    display: flex;
    align-items: center;
    gap: 20px
}

.account-page,
.account-page__grid {
    position: relative;
    height: 100%;
    width: 100%
}

.account-page__grid {
    display: block;
    grid-template-columns: 1fr
}

.account-page__content {
    padding-top: var(--padding-x);
    padding-bottom: 90px;
    display: grid;
    gap: 52px
}

.account-page__content .address-form-title,
.account-page__content .account-addresses__form {
    display: none
}

.account-page__content:not(.is-editing) .show-on-edit {
    display: none
}

.account-page__content.is-editing .account-main__header {
    margin-bottom: 50px
}

@media (max-width: 991.98px) {
    .account-page__content.is-editing .account-main__header {
        display: flex;
        flex-direction: column;
        gap: 35px;
        margin-bottom: 0
    }

    .account-page__content.is-editing .account-main__header .addresses-title {
        order: 2
    }
}

.account-page__content.is-editing .hide-on-edit {
    display: none
}

.account-page__content.is-editing .account-addresses__add-btn {
    display: none !important
}

.account-page__content.is-editing .account-addresses__list {
    display: none
}

.account-page__content.is-editing .account-addresses__form {
    display: block;
    position: relative
}

.account-page__content.is-editing .address-form-title {
    display: block;
    width: fit-content
}

@media (min-width: 768px) {
    .account-page__content {
        display: flex;
        flex-direction: column;
        gap: 69px
    }
}

.account-page__content>h2 {
    font-size: 43px;
    line-height: 46px;
    font-family: Feature Deck;
    margin-bottom: 25px
}

@media (max-width: 767.98px) {
    .account-page__content>h2 {
        font-size: 30px;
        line-height: 36px
    }
}

.account-page__content-header {
    display: grid;
    gap: 25px
}

@media (min-width: 992px) {
    .account-page__content-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }
}

.account-page__content-info {
    display: grid;
    gap: 11px
}

@media (min-width: 768px) {
    .account-page__content-info {
        gap: 20px
    }
}

.account-page__content-info p {
    max-width: 467px
}

.account-page__content-table {
    display: grid;
    gap: 14px
}

@media (max-width: 767.98px) {
    .account-page__content-table {
        gap: 20px
    }
}

.account-page__content-table--keys th:first-of-type,
.account-page__content-table--keys td:first-of-type {
    text-align: left;
    padding-left: 20px
}

.account-page__content-table--keys th:last-of-type,
.account-page__content-table--keys td:last-of-type {
    padding-right: 20px
}

.account-page__content-table--keys .table__buttons {
    display: flex;
    gap: 25px;
    justify-content: end
}

@media (max-width: 767.98px) {
    .account-page__content-table--keys .table__buttons {
        gap: 15px
    }
}

.account-page__content-table--keys .table__btn-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 20px 25px;
    border: 1px solid #b3b3b3
}

.account-page__content-table--keys .table__btn-row .btn--add {
    color: #b3b3b3
}

.account-page__table-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

@media (max-width: 767.98px) {
    .account-page__table-header .underline-link {
        transform: translateY(-4px)
    }
}

.account-page__navigation {
    border-bottom: none;
    margin: 0 -35px;
    padding: 38px 35px 44px;
    height: auto
}

.account-page--side-nav .account-page__grid {
    display: grid;
    grid-template-columns: 203px 1fr;
    gap: 111px
}

@media (max-width: 991.98px) {
    .account-page--side-nav .account-page__grid {
        grid-template-columns: auto 1fr;
        gap: 50px
    }
}

@media (max-width: 991.98px) {
    .account-page__content {
        padding-top: 35px
    }

    .account-page__navigation {
        margin: 0 -25px;
        padding: 76px 24px 0;
        width: auto;
        border-right: none;
        border-left: none
    }

    .account-page__navigation .account-nav__links ul {
        display: flex;
        flex-direction: row;
        gap: 30px
    }

    .account-page__navigation .account-nav__links ul .tab-link {
        font-size: 16px;
        line-height: 17px
    }

    .account-page__navigation .account-nav__links ul .tab-link:after {
        height: 8px;
        width: 8px;
        margin-top: -.5px
    }

    .account-page--side-nav .account-page__grid {
        display: block
    }
}

@media (max-width: 767.98px) {
    .account-page__navigation {
        padding-top: 24px
    }
}

@media (min-width: 992px) {
    .account-main--addresses .account-main__container {
        padding-right: 76px
    }

    .account-main--addresses .account-main__header {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .account-main--addresses .account-addresses {
        margin: 0
    }
}

.sa-orders-table {
    --border-color: #d6d1d1;
    --fore-color: #221f20;
    width: 100%;
    max-width: 100%;
    margin-left: auto
}

.sa-orders-table table {
    table-layout: auto;
    border-collapse: collapse;
    box-shadow: none;
    width: 100%;
    position: relative
}

.sa-orders-table table .status {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    padding: 2px 8px;
    border: 1px solid #292828;
    border-radius: 3px
}

.sa-orders-table table .status--fulfilled {
    background-color: #2279bf;
    border-color: #2279bf
}

.sa-orders-table tr {
    margin-bottom: 5px;
    border-bottom: 5px solid rgba(0, 0, 0, 0)
}

.sa-orders-table thead tr {
    background-color: #2279bf
}

.sa-orders-table tbody tr {
    background-color: #f9f8f7
}

.sa-orders-table tr {
    padding-inline: 18px
}

.sa-orders-table #RowFulfillment {
    padding-right: 0
}

@media (min-width: 768px) {

    .sa-orders-table td#RowOrder,
    .sa-orders-table td#Row13612192006371 {
        padding-left: 18px
    }

    .sa-orders-table td#RowTotal {
        padding-right: 18px
    }

    .sa-orders-table th#ColumnOrder,
    .sa-orders-table th#ColumnProduct,
    .sa-orders-table th#RowSubtotal,
    .sa-orders-table th#RowTotal {
        padding-left: 18px
    }

    .sa-orders-table th#ColumnTotal,
    .sa-orders-table th[data-label=Subtotal],
    .sa-orders-table th[data-label=Total] {
        padding-right: 18px
    }
}

.sa-orders-table th {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck;
    border: none;
    padding: 0;
    color: var(--fore-color)
}

@media (max-width: 767.98px) {
    .sa-orders-table th {
        font-size: 14px;
        line-height: 17px
    }
}

.sa-orders-table td {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .sa-orders-table td {
        font-size: 14px
    }
}

@media screen and (min-width: 750px) {
    .sa-orders-table td {
        padding-right: 20px
    }
}

.sa-orders-table tbody td a:not(.primary-button--underlined) {
    color: var(--fore-color);
    text-underline-offset: 2px;
    text-decoration-thickness: 1px
}

.sa-orders-table tbody td a:not(.primary-button--underlined):before {
    content: " ";
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px
}

.sa-orders-table td:empty {
    display: initial
}

.sa-orders-table td,
.sa-orders-table th {
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: middle;
    text-align: left
}

@media (max-width: 767.98px) {

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

.sa-orders-table tbody tr {
    position: relative
}

.sa-orders-table tfoot td:first-of-type,
.sa-orders-table tfoot td {
    padding-top: .6rem;
    padding-bottom: .6rem
}

.sa-orders-table tfoot td:first-of-type {
    text-align: left
}

.sa-orders-table tfoot tr:first-of-type td {
    padding-top: 4rem
}

@media screen and (min-width: 750px) {

    .sa-orders-table tfoot tr:first-of-type td,
    .sa-orders-table tfoot tr:first-of-type th {
        padding-top: 2.4rem
    }
}

.sa-orders-table tfoot tr:last-of-type td {
    padding-bottom: 4rem
}

@media screen and (min-width: 750px) {

    .sa-orders-table tfoot tr:last-of-type td,
    .sa-orders-table tfoot tr:last-of-type th {
        padding-bottom: 2.4rem
    }
}

.sa-orders-table thead:after,
.sa-orders-table tfoot:before {
    content: " ";
    height: .1rem;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    background: rgba(var(--color-foreground), .08)
}

@media screen and (forced-colors: active) {

    .sa-orders-table thead:after,
    .sa-orders-table tfoot:before {
        background: CanvasText
    }
}

.sa-orders-table__pagination {
    margin-top: 5rem;
    margin-bottom: 7rem
}

@media screen and (min-width: 990px) {
    .sa-orders-table__pagination {
        margin-top: 7rem;
        margin-bottom: 10rem
    }
}

.sa-orders-table__pagination ul {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0
}

.sa-orders-table__pagination li {
    flex: 1 1;
    max-width: 4rem
}

.sa-orders-table__pagination li:not(:last-child) {
    margin-right: 1rem
}

.sa-orders-table__pagination li :first-child {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 4rem;
    width: 100%;
    padding: 0;
    text-decoration: none
}

.sa-orders-table__pagination li:first-child svg {
    height: .6rem
}

.sa-orders-table__pagination li:first-of-type svg {
    margin-left: -.2rem;
    transform: rotate(90deg)
}

.sa-orders-table__pagination li:last-of-type svg {
    margin-right: -.2rem;
    transform: rotate(-90deg)
}

.sa-orders-table__pagination li [aria-current]:after {
    content: "";
    display: block;
    width: 2rem;
    height: .01rem;
    position: absolute;
    bottom: .08rem;
    left: 50%;
    transform: translate(-50%);
    background-color: currentColor
}

.sa-orders-table--order-total {
    padding-top: 120px;
    max-width: 482px
}

.sa-orders-table--order-total table tbody tr:last-of-type td,
.sa-orders-table--order-total table tbody tr:last-of-type th {
    font-weight: 700
}

.sa-orders-table--order-total table tbody th,
.sa-orders-table--order-total table tbody td {
    border: none
}

@media screen and (min-width: 750px) {

    .sa-orders-table--order-total table tbody tr:last-of-type td,
    .sa-orders-table--order-total table tbody tr:last-of-type th {
        padding-bottom: 2.4rem
    }
}

.sa-orders-table .order-details {
    position: relative
}

@media (max-width: 767.98px) {
    .sa-orders-table .order-details--main td {
        display: flex;
        flex-direction: column
    }
}

.sa-orders-table .order-details td:last-of-type,
.sa-orders-table .order-details th:last-of-type {
    text-align: right
}

.account-orders table td:last-of-type,
.account-orders table th:last-of-type {
    text-align: right;
    padding-right: 0
}

@media (max-width: 767.98px) {
    .account-orders {
        padding-top: 0
    }

    .account-orders table {
        border: none;
        border-bottom: none
    }

    .account-orders table td {
        width: 144px
    }
}

@media (max-width: 767.98px)and (max-width: 575.98px) {
    .account-orders table td {
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .account-orders table tr {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        row-gap: 20px;
        padding: 17px 21px;
        border-bottom: none !important
    }

    .account-orders table tr td,
    .account-orders table tr th {
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne;
        display: block !important;
        text-align: left;
        padding: 0
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {

    .account-orders table tr td,
    .account-orders table tr th {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {

    .account-orders table tr td:before,
    .account-orders table tr th:before {
        font-size: 13px;
        line-height: 19px;
        display: block;
        padding: 0 0 5px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {

    .account-orders table tr td:before,
    .account-orders table tr th:before {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .account-orders table thead {
        display: none
    }

    .account-orders td[data-label] {
        text-align: left !important
    }

    .account-orders td[data-label]:before {
        font-size: 15px;
        line-height: 18px;
        font-weight: 500;
        font-family: Feature Deck;
        content: attr(data-label);
        padding-bottom: 10px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .account-orders td[data-label]:before {
        font-size: 14px;
        line-height: 17px
    }
}

.account-invoices table thead {
    border-bottom: 1px solid var(--Dark-Grey, #9f9f9f)
}

.account-invoices table td,
.account-invoices table th {
    padding-right: 10px
}

.account-invoices table td,
.account-invoices table td *,
.account-invoices table th,
.account-invoices table th * {
    font-size: 13px;
    line-height: 19px
}

@media (max-width: 767.98px) {

    .account-invoices table td,
    .account-invoices table td *,
    .account-invoices table th,
    .account-invoices table th * {
        font-size: 14px;
        line-height: 20px
    }
}

.account-invoices table td:first-of-type,
.account-invoices table th:first-of-type {
    min-width: 80px
}

.account-invoices table th {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .account-invoices table th {
        font-size: 14px;
        line-height: 20px
    }
}

.account-main--vip {
    --section-spacing: 100px
}

.vip-content {
    padding-bottom: var(--section-spacing)
}

.vip-content__text {
    max-width: 322px
}

.vip-content__image {
    margin-top: 50px
}

.vip-content__image img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.account-nav .submenu {
    background-color: #fff;
    border: 1px solid #292828
}

.account-nav .submenu__nav,
.account-nav .submenu__nav .accordion-item {
    width: 100%
}

.account-nav .submenu__nav .accordion-item__header {
    width: 100%;
    padding: 14px 17px 13px
}

.account-nav .submenu__nav .accordion-item__main {
    padding: 4px 17px 7px
}

.account-nav .submenu__nav .accordion-item__main li {
    padding: 0 !important
}

.account-nav {
    position: relative;
    top: 100px;
    position: sticky
}

@media (max-width: 767.98px) {
    .account-nav {
        top: auto;
        position: relative
    }
}

.account-nav__grid {
    display: grid;
    grid-template-columns: 1fr
}

.account-nav__heading h4 {
    margin-bottom: 15px
}

.account-nav__links {
    margin-top: auto
}

@media (min-width: 768px) {
    .account-nav__links {
        margin-bottom: var(--address-height, 289px);
        padding-bottom: 30px
    }
}

.account-nav__links ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    gap: 0px
}

@media (max-width: 767.98px) {
    .account-nav {
        padding: 0
    }

    .account-nav__heading h4 {
        margin-bottom: 0
    }

    .account-nav__heading>p {
        display: none
    }

    .account-nav__grid {
        grid-template-columns: 1fr;
        position: relative
    }

    .account-nav__grid:after {
        content: " ";
        position: absolute;
        bottom: 5px;
        right: -20px;
        height: 45px;
        width: 45px;
        background: linear-gradient(270deg, #fcfaf1 44.27%, #fcfaf100);
        z-index: 9;
        pointer-events: none
    }

    .account-nav__links {
        overflow-x: auto;
        margin: 0 -20px;
        padding: 0 50px 20px 20px;
        position: relative
    }

    .account-nav__links ul {
        width: fit-content;
        white-space: nowrap
    }

    .account-nav__links {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .account-nav__links::-webkit-scrollbar {
        display: none
    }
}

.account-addresses {
    display: grid;
    grid-template-columns: auto 1fr;
    padding-bottom: 100px;
    column-gap: 100px;
    margin: 0 auto;
    max-width: none;
    width: 100%
}

.account-addresses__form>h2 {
    margin-bottom: 35px
}

.account-addresses__form .form-container {
    padding-top: 0;
    margin: 0
}

@media (min-width: 1400px) {
    .account-addresses__form .form-container {
        max-width: 814px
    }
}

.account-addresses__list {
    padding-top: 50px;
    display: grid;
    grid-template-columns: 221px 1fr
}

.account-addresses__group-other {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.account-addresses__group-other>* {
    flex: 0 0 221px
}

@media (max-width: 767.98px) {
    .account-addresses__group-other>* {
        flex: 0 0 160px
    }
}

.account-addresses__group>p {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck;
    margin-bottom: 10px
}

@media (max-width: 767.98px) {
    .account-addresses__group>p {
        font-size: 14px;
        line-height: 17px
    }
}

.account-addresses__group .account-address:last-of-type {
    padding-bottom: 0
}

.account-page--side-nav .account-addresses {
    grid-template-columns: 1fr
}

.account-page--side-nav .account-addresses__list {
    order: 10;
    column-gap: 35px
}

@media (max-width: 991.98px) {
    .account-addresses {
        padding-bottom: 0;
        grid-template-columns: 1fr;
        gap: 35px
    }

    .account-addresses__add-btn {
        order: 11
    }

    .account-addresses__list {
        order: 10;
        grid-template-columns: 1fr;
        gap: 35px;
        padding-top: 0
    }

    .account-addresses__group-other {
        gap: 15px;
        column-gap: 20px
    }

    .account-addresses .form-field__grid {
        grid-template-columns: 1fr
    }

    .account-addresses .radio-button label {
        align-items: center
    }
}

.account-address {
    padding-bottom: 60px
}

.account-address p {
    font-size: 13px;
    line-height: 19px
}

@media (max-width: 767.98px) {
    .account-address p {
        font-size: 14px;
        line-height: 20px
    }
}

.account-address__actions {
    padding-top: 15px;
    display: flex;
    gap: 20px
}

@media (max-width: 767.98px) {
    .account-address {
        padding-bottom: 40px
    }
}

.account-main {
    --back-color: #fff
}

.template--customers-reset_password,
.template--customers-login,
.template--customers-register,
.template--page-subscriptions,
.template--customers-order,
.template--customers-addresses,
.template--customers-account {
    background-color: #fff
}

.template--customers-reset_password .navbar,
.template--customers-login .navbar,
.template--customers-register .navbar,
.template--page-subscriptions .navbar,
.template--customers-order .navbar,
.template--customers-addresses .navbar,
.template--customers-account .navbar {
    --back-color: #a9905d
}

.template--customers-reset_password .navbar__spacing,
.template--customers-login .navbar__spacing,
.template--customers-register .navbar__spacing {
    display: none
}

.template--customers-reset_password .account-main,
.template--customers-login .account-main,
.template--customers-register .account-main {
    --back-color: #fff;
    background: var(--back-color)
}

@media (min-width: 768px) {

    .template--customers-reset_password .account-main,
    .template--customers-login .account-main,
    .template--customers-register .account-main {
        min-height: var(--height-full)
    }
}

.template--customers-reset_password .account-main__container,
.template--customers-login .account-main__container,
.template--customers-register .account-main__container {
    padding: 0
}

@media (min-width: 768px) {

    .template--customers-reset_password:not(.navbar--show-megamenu) .navbar-main__left,
    .template--customers-login:not(.navbar--show-megamenu) .navbar-main__left,
    .template--customers-register:not(.navbar--show-megamenu) .navbar-main__left {
        --fore-color: #fff
    }
}

.account-form {
    background: var(--back-color)
}

.account-form__grid {
    grid-template-columns: 1fr 1.02fr
}

.account-form__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 991.98px) {
    .account-form__grid {
        grid-template-columns: 1fr;
        padding: 50px 25px;
        padding-top: var(--nav-height)
    }

    .account-form__image {
        display: none
    }

    .account-form__form-container {
        padding-top: 54px
    }
}

@media (max-width: 767.98px) {
    .account-form__form-container {
        padding-bottom: 55px;
        padding-top: calc(var(--nav-height) + 55px)
    }
}

.form-container {
    text-align: left;
    margin: auto
}

@media (min-width: 768px) {
    .form-container {
        margin: 0 76px;
        padding-top: 166px;
        width: 100%
    }
}

.form-container .primary-button--underlined {
    color: #8e857d
}

.form-container__heading {
    padding-bottom: 35px
}

@media (max-width: 767.98px) {
    .form-container__heading {
        padding-bottom: 25px
    }
}

.form-container__heading>h1 {
    font-size: 43px;
    line-height: 46px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .form-container__heading>h1 {
        font-size: 30px;
        line-height: 36px
    }
}

.form-container__heading>p {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    max-width: 438px;
    text-align: left;
    margin-top: 35px
}

@media (max-width: 767.98px) {
    .form-container__heading>p {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .form-container__heading>p {
        margin-top: 25px
    }
}

.form-container__fields {
    gap: 5px;
    column-gap: 10px
}

@media (max-width: 767.98px) {
    .form-container__fields {
        gap: 10px
    }
}

.form-container__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

@media (max-width: 767.98px) {
    .form-container__row {
        grid-template-columns: 1fr
    }
}

.form-container__footer {
    display: grid;
    gap: 35px;
    margin-top: 5px
}

.form-container__links {
    display: flex;
    justify-content: space-between;
    text-align: left;
    flex-wrap: wrap
}

.form-container__links a,
.form-container__links label {
    padding-bottom: 0;
    margin: 0
}

.form-container__links p a {
    display: inline-block;
    margin-left: 4px
}

.form-container__links .underline-link {
    cursor: pointer
}

.form-container__links .underline-link:after {
    border-bottom: solid 1px currentColor
}

.form-container__submit {
    padding: 0;
    width: 100%
}

.form-container__submit button {
    width: 100%
}

@media (max-width: 767.98px) {
    .form-container {
        margin: 0 auto
    }
}

.address-form .form-container__submit {
    padding-top: 6px
}

.address-form .form-container__links {
    padding-top: 35px
}

.address-form .form-container__links a {
    margin-left: 0
}

.address-form .form-container__heading>h2 {
    font-size: 43px;
    line-height: 46px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .address-form .form-container__heading>h2 {
        font-size: 30px;
        line-height: 36px
    }
}

.order-details__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px
}

.order-details__header .underline-link {
    position: relative;
    top: -3px;
    right: 2px
}

.order-details__header--left {
    display: flex;
    align-items: center;
    gap: 20px
}

.order-details__header--left h2 {
    font-size: 43px;
    line-height: 46px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .order-details__header--left h2 {
        font-size: 30px;
        line-height: 36px
    }
}

.order-details__header--left .status {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    border: 1px solid currentColor;
    border-radius: 3px;
    padding: 2px 9px
}

.order-details__desc {
    display: grid;
    width: 90%;
    grid-template-columns: 1.15fr 1fr;
    margin-bottom: 50px
}

.order-details__desc--left {
    display: flex;
    flex-direction: column;
    gap: 31px
}

.order-details__date {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .order-details__date {
        font-size: 14px;
        line-height: 20px
    }
}

.order-details__date span {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck;
    margin-right: 6px
}

@media (max-width: 767.98px) {
    .order-details__date span {
        font-size: 14px;
        line-height: 17px
    }
}

.order-details__btns {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.order-details__addresses {
    display: flex;
    gap: 119px
}

.order-details__address h6 {
    margin-bottom: 15px
}

.order-details__content-wrapper {
    position: relative
}

.order-details__left,
.order-details__content-wrapper {
    margin-left: auto;
    width: 100% !important
}

.order-details__grid {
    display: grid
}

.order-details__grid>* {
    min-width: 0
}

.order-details__left {
    width: 255px
}

.order-details--subtotal {
    margin-left: auto;
    max-width: 51.725%;
    width: 100%
}

@media (max-width: 767.98px) {
    .order-details--subtotal {
        margin-top: 0
    }
}

.order-details--subtotal tbody tr.row--total {
    background-color: #787878
}

.order-details--subtotal tbody tr:first-of-type {
    border-top: none
}

.order-details--subtotal tbody tr:last-of-type {
    border-bottom: none;
    background-color: #787878
}

.order-details--subtotal tbody tr:last-of-type th {
    color: #fff
}

.order-details--subtotal tbody tr th,
.order-details--subtotal tbody tr th * {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500
}

@media (max-width: 767.98px) {

    .order-details--subtotal tbody tr th,
    .order-details--subtotal tbody tr th * {
        font-size: 14px;
        line-height: 20px
    }
}

.order-details .sa-orders-table th,
.order-details .sa-orders-table td {
    padding-top: 19.5px;
    padding-bottom: 15px
}

.order-details .sa-orders-table th#ColumnProduct {
    padding-left: 20px
}

.order-details .sa-orders-table th#ColumnTotal {
    padding-right: 20px
}

@media (max-width: 991.98px) {
    .order-details__desc {
        display: flex;
        flex-direction: column;
        gap: 35px
    }
}

@media (max-width: 767.98px) {
    .order-details__header {
        margin-bottom: 24px
    }

    .order-details__desc {
        margin-bottom: 39px
    }

    .order-details__desc--left {
        gap: 18px
    }

    .order-details__btns {
        gap: 19px
    }

    .order-details__grid {
        grid-template-columns: 1fr
    }

    .order-details__left {
        order: 5;
        padding-top: 0;
        padding-bottom: 60px
    }

    .order-details__left .button {
        font-size: 13px;
        line-height: 19px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .order-details__left .button {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .order-details .sa-orders-table {
        margin-bottom: 31px
    }

    .order-details .sa-orders-table tbody tr {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: row
    }

    .order-details .sa-orders-table tbody tr td:first-child {
        grid-column: 1/-1
    }

    .order-details .sa-orders-table colgroup,
    .order-details .sa-orders-table thead {
        display: none
    }

    .order-details .sa-orders-table tr {
        border-bottom: none !important;
        display: grid;
        grid-auto-flow: column;
        padding: 17px 20px 19px
    }

    .order-details .sa-orders-table tr td,
    .order-details .sa-orders-table tr th {
        flex-basis: 1
    }

    .order-details .sa-orders-table tr th {
        font-size: 15px;
        line-height: 18px;
        font-weight: 500;
        font-family: Feature Deck
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .order-details .sa-orders-table tr th {
        font-size: 14px;
        line-height: 17px
    }
}

@media (max-width: 767.98px) {
    .order-details .sa-orders-table tr td {
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne;
        font-weight: 500
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .order-details .sa-orders-table tr td {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .order-details .sa-orders-table tr td span.md-show-ib {
        margin-bottom: 8px
    }

    .order-details .sa-orders-table tr td:first-child {
        padding-bottom: 0;
        margin-bottom: 15px
    }

    .order-details .sa-orders-table tr td:last-of-type {
        padding-left: 5px;
        text-align: left
    }

    .order-details .sa-orders-table th,
    .order-details .sa-orders-table td {
        padding: 0
    }

    .order-details__addresses {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 31px;
        gap: 10px
    }

    .order-details--subtotal {
        max-width: 100%;
        width: 100%
    }
}

.account-main .form__input {
    font-size: 13px;
    line-height: 19px;
    color: #3f4443;
    padding: 12px 0;
    border: none;
    width: 100%;
    background: #0000;
    border-bottom: solid 1px #9d9f9a
}

@media (max-width: 767.98px) {
    .account-main .form__input {
        font-size: 14px;
        line-height: 20px
    }
}

.account-main--orders .account-page__content {
    gap: 0
}

@media (max-width: 767.98px) {
    .account-main--orders colgroup {
        display: none
    }
}

.order-address {
    padding-bottom: 40px
}

.page-wishlist {
    position: relative
}

.page-wishlist__grid {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px;
    padding: 0
}

.page-wishlist__left {
    width: 100%;
    max-width: 400px;
    padding-bottom: 100px
}

.page-wishlist__content {
    width: 100%;
    max-width: 956px;
    margin-left: auto
}

.page-wishlist__content .wishlist-tab {
    padding-bottom: 100px
}

.page-wishlist__content .wishlist__button {
    width: 100%
}

.page-wishlist .wishlist-tabs__list {
    padding: 15px 0 37px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.page-wishlist .wishlist-tabs__list .primary-button--underlined {
    text-decoration-line: none
}

.page-wishlist .wishlist-tabs__list .primary-button--underlined:hover,
.page-wishlist .wishlist-tabs__list .primary-button--underlined.active,
.page-wishlist .wishlist-tabs__list .active .primary-button--underlined {
    text-decoration: underline !important;
    text-underline-offset: 8px;
    text-decoration-thickness: 1px
}

.page-wishlist .wishlist-tabs__list .wishlist-modal__item-btn {
    display: none
}

.page-wishlist .wishlist-tabs__list .wishlist-modal__item {
    justify-content: start;
    align-items: end;
    gap: 10px
}

.page-wishlist .wishlist-tabs__list .wishlist-modal__item .wishlist-tabs__delete {
    opacity: 0;
    visibility: hidden
}

.page-wishlist .wishlist-tabs__list .wishlist-modal__item .wishlist-tabs__delete:hover {
    text-decoration: underline;
    text-underline-offset: 4px
}

.page-wishlist .wishlist-tabs__list .wishlist-modal__item:hover .wishlist-tabs__delete {
    opacity: 1;
    visibility: inherit
}

.page-wishlist .wishlist-tab {
    display: none
}

.page-wishlist .wishlist-tab.active {
    display: block
}

@media (max-width: 767.98px) {
    .page-wishlist__left {
        padding-top: 15px;
        padding-bottom: 50px;
        border-bottom: solid 1px #d1d1d1;
        max-width: 100%
    }

    .page-wishlist__grid {
        grid-template-columns: 1fr;
        gap: 0
    }
}

.wishlist-tab--default~.wishlist-tab--empty {
    display: none
}

.wishlist-tab__empty>p {
    max-width: 480px;
    padding-bottom: 14px
}

@media (max-width: 991.98px) {
    .wishlist-tab {
        padding-bottom: 50px !important
    }

    .wishlist-tab__footer,
    .wishlist-tab__empty {
        padding-top: 25px
    }
}

.wishlist-card {
    position: relative
}

.wishlist-card.is-loading {
    opacity: .6;
    pointer-events: none
}

.wishlist-card__grid {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px
}

.wishlist-card__image {
    max-width: 130px;
    background-color: #f3f3f3
}

.wishlist-card__image a,
.wishlist-card__image img {
    display: block
}

.wishlist-card__content {
    display: flex;
    flex-direction: column
}

.wishlist-card__footer {
    margin-top: auto;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    padding-top: 15px
}

.wishlist-card__footer .primary-button--small {
    padding-bottom: 5px
}

.wishlist-card__options {
    margin: 0;
    list-style: none;
    padding: 10px 0 0;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.wishlist-card__quantity {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    border: solid 1px #e3e3e3;
    width: 108px;
    height: 34px
}

.wishlist-card__quantity input {
    font-size: 13px;
    line-height: 19px;
    position: relative;
    text-align: center;
    border: none;
    height: 100%;
    width: 100%;
    display: block;
    outline: none
}

@media (max-width: 767.98px) {
    .wishlist-card__quantity input {
        font-size: 14px;
        line-height: 20px
    }
}

.wishlist-card__quantity input::-webkit-outer-spin-button,
.wishlist-card__quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.wishlist-card__quantity input[type=number] {
    -moz-appearance: textfield
}

.wishlist-card__quantity-button {
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    height: 100%
}

.wishlist-card--removed {
    position: relative;
    opacity: .4;
    pointer-events: none
}

@media (max-width: 991.98px) {
    .wishlist-card {
        padding: 25px 0;
        border-bottom: solid 1px #d1d1d1
    }

    .wishlist-card--last {
        border-bottom: none
    }

    .wishlist-card__image {
        max-width: 110px
    }
}

@media (max-width: 767.98px) {
    .wishlist-sidebar__block>h4 {
        font-size: 26px;
        line-height: 34px;
        font-family: Feature Deck
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .wishlist-sidebar__block>h4 {
        font-size: 18px;
        line-height: 24px
    }
}

.wishlist-products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px
}

.wishlist-products__divider {
    position: relative;
    width: 100%;
    grid-column: 1/-1;
    order: 999;
    padding: 25px 0;
    background: #fff
}

.wishlist-products__divider:after {
    content: "";
    display: block;
    position: relative;
    height: 1px;
    background-color: #e3e3e3
}

.wishlist-products__divider.divider-hidden:after {
    background-color: #fff
}

.wishlist-products__divider:nth-of-type(1) {
    order: 2
}

.wishlist-products__divider:nth-of-type(2) {
    order: 4
}

.wishlist-products__divider:nth-of-type(3) {
    order: 6
}

.wishlist-products__divider:nth-of-type(4) {
    order: 8
}

.wishlist-products__divider:nth-of-type(5) {
    order: 10
}

.wishlist-products__divider:nth-of-type(6) {
    order: 12
}

.wishlist-products__divider:nth-of-type(7) {
    order: 14
}

.wishlist-products__divider:nth-of-type(8) {
    order: 16
}

.wishlist-products__divider:nth-of-type(9) {
    order: 18
}

.wishlist-products__divider:nth-of-type(10) {
    order: 20
}

.wishlist-products__divider:nth-of-type(11) {
    order: 22
}

.wishlist-products__divider:nth-of-type(12) {
    order: 24
}

.wishlist-products__divider:nth-of-type(13) {
    order: 26
}

.wishlist-products__divider:nth-of-type(14) {
    order: 28
}

.wishlist-products__divider:nth-of-type(15) {
    order: 30
}

.wishlist-products__divider:nth-of-type(16) {
    order: 32
}

.wishlist-products__divider:nth-of-type(17) {
    order: 34
}

.wishlist-products__divider:nth-of-type(18) {
    order: 36
}

.wishlist-products__divider:nth-of-type(19) {
    order: 38
}

.wishlist-products__divider:nth-of-type(20) {
    order: 40
}

.wishlist-products__divider:nth-of-type(21) {
    order: 42
}

.wishlist-products__divider:nth-of-type(22) {
    order: 44
}

.wishlist-products__divider:nth-of-type(23) {
    order: 46
}

.wishlist-products__divider:nth-of-type(24) {
    order: 48
}

.wishlist-products__divider:nth-of-type(25) {
    order: 50
}

.wishlist-products__divider:last-of-type:after {
    background-color: #d1d1d1
}

@media (max-width: 991.98px) {
    .wishlist-products {
        grid-template-columns: 1fr
    }

    .wishlist-products__divider {
        display: none
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: #0000
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: var(--font-my-cube);
    color: #292828;
    font-weight: 400
}

* {
    font-family: inherit;
    font-weight: inherit;
    color: inherit
}

a {
    color: inherit;
    text-decoration: none
}

ul {
    margin: 0 0 1em;
    padding-left: 1em
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

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

p {
    margin-bottom: 30px
}

input,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0px
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

button {
    cursor: pointer;
    background-color: #0000;
    border: none;
    padding: 0
}

blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

h1,
.h1 {
    font-size: 90px;
    line-height: 95px;
    font-family: Feature Deck
}

@media (max-width: 991.98px) {

    h1,
    .h1 {
        font-size: 50px;
        line-height: 75px
    }
}

@media (max-width: 575.98px) {

    h1,
    .h1 {
        font-size: 45px;
        line-height: 50px
    }
}

h2,
.h2 {
    font-size: 51px;
    line-height: 58px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {

    h2,
    .h2 {
        font-size: 36px;
        line-height: 41px
    }
}

h3,
.h3 {
    font-size: 43px;
    line-height: 46px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {

    h3,
    .h3 {
        font-size: 30px;
        line-height: 36px
    }
}

h4,
.h4 {
    font-size: 32px;
    line-height: 38px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {

    h4,
    .h4 {
        font-size: 23px;
        line-height: 29px
    }
}

h5,
.h5 {
    font-size: 26px;
    line-height: 34px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {

    h5,
    .h5 {
        font-size: 18px;
        line-height: 24px
    }
}

h6,
.h6 {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {

    h6,
    .h6 {
        font-size: 14px;
        line-height: 17px
    }
}

p,
.p {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {

    p,
    .p {
        font-size: 14px;
        line-height: 20px
    }
}

.scrolling-headlines {
    font-size: 163px;
    line-height: 163px;
    letter-spacing: -3.26px
}

.heading-large {
    font-size: 105px;
    line-height: 110px
}

@media (max-width: 767.98px) {
    .heading-large {
        font-size: 57px;
        line-height: 60px
    }
}

.p-xl {
    font-size: 22px;
    line-height: 28px
}

@media (max-width: 767.98px) {
    .p-xl {
        font-size: 18px;
        line-height: 24px
    }
}

.p-xl-strong {
    font-size: 22px;
    line-height: 28px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .p-xl-strong {
        font-size: 18px;
        line-height: 24px
    }
}

.testimonial {
    font-size: 47px;
    line-height: 59px
}

@media (max-width: 767.98px) {
    .testimonial {
        font-size: 20px;
        line-height: 26px
    }
}

.p-small {
    font-size: 13px;
    line-height: 19px
}

@media (max-width: 767.98px) {
    .p-small {
        font-size: 14px;
        line-height: 20px
    }
}

.p-strong {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .p-strong {
        font-size: 14px;
        line-height: 20px
    }
}

.p-large {
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .p-large {
        font-size: 16px;
        line-height: 22px
    }
}

.nav-link {
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 1.7px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .nav-link {
        font-size: 16px;
        line-height: normal
    }
}

.caption {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500
}

.button-text {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500
}

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

.button-sm {
    font-size: 13px;
    line-height: 15px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .button-sm {
        font-size: 14px;
        line-height: 21px
    }
}

.button {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .button {
        font-size: 14px
    }
}

.primary-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding-left: 20px;
    transition: all .3s ease;
    font-family: Sohne Mono;
    text-transform: uppercase
}

.primary-button--large {
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    padding-left: 25px
}

@media (max-width: 767.98px) {
    .primary-button--large {
        font-size: 18px;
        line-height: 24px
    }
}

.primary-button--large svg {
    width: 76px;
    height: 76px
}

.primary-button--outlined {
    border: 1px solid #151515;
    background-color: #0000;
    padding-left: 40px;
    text-align: center;
    gap: 40px;
    width: fit-content
}

.primary-button--dark {
    background-color: #2a4026;
    color: #fff
}

.primary-button--dark svg rect {
    fill: #151515;
    transition: all .3s ease
}

.primary-button--dark svg path {
    stroke: #fff;
    transition: all .3s ease
}

.primary-button--filled {
    background-color: #2279bf
}

.primary-button--filled svg rect,
.primary-button--filled svg path {
    transition: all .3s ease
}

.primary-button--dark:disabled,
.primary-button--dark.disabled,
.primary-button--filled:disabled,
.primary-button--filled.disabled {
    background-color: #b3b3b3;
    color: #151515
}

.primary-button--dark:disabled svg rect,
.primary-button--dark.disabled svg rect,
.primary-button--filled:disabled svg rect,
.primary-button--filled.disabled svg rect {
    fill: #b3b3b3
}

.primary-button--dark:disabled svg path,
.primary-button--dark.disabled svg path,
.primary-button--filled:disabled svg path,
.primary-button--filled.disabled svg path {
    stroke: #151515
}

.secondary-button {
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all .3s ease
}

.secondary-button svg path {
    transition: all .3s ease
}

.secondary-button:disabled,
.secondary-button.disabled {
    color: #b3b3b3
}

.secondary-button:disabled svg path,
.secondary-button.disabled svg path {
    stroke: #b3b3b3
}

.underline-link {
    text-decoration: underline;
    text-underline-offset: 9px;
    text-decoration-color: #d6d1d1;
    text-decoration-thickness: 1px
}

.add-to-cart {
    display: flex
}

.add-to-cart .primary-button {
    padding: 14.5px 20px;
    border-right: 1px solid #fff
}

.add-to-cart .qty {
    display: flex;
    align-items: center;
    background-color: #2a4026;
    padding: 4.5px 10px
}

.add-to-cart .qty__plus,
.add-to-cart .qty__minus {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 10px
}

.add-to-cart .qty input {
    width: 24px;
    border: none;
    -moz-appearance: textfield;
    outline: none;
    text-align: center;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    background-color: #0000;
    color: #fff;
    padding: 0;
    margin: 0
}

@media (max-width: 767.98px) {
    .add-to-cart .qty input {
        font-size: 14px
    }
}

.add-to-cart .qty input::-webkit-outer-spin-button,
.add-to-cart .qty input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

@media (min-width: 992px) {
    .primary-button:hover {
        background-color: #2279bf;
        color: #fff
    }

    .primary-button--outlined:hover {
        background-color: #0000
    }

    .primary-button--dark:hover {
        background-color: #151515;
        color: #fff
    }

    .primary-button--dark:hover svg rect {
        fill: #2279bf
    }

    .primary-button--dark:hover svg path {
        stroke: #151515
    }

    .primary-button--filled:hover {
        background-color: #151515;
        color: #fff
    }

    .primary-button--filled:hover svg rect {
        fill: #151515
    }

    .primary-button--filled:hover svg path {
        stroke: #fff
    }

    .secondary-button:hover {
        color: #2279bf
    }

    .secondary-button:hover svg path {
        stroke: #2279bf
    }
}

@media (max-width: 767.98px) {
    .add-to-cart .primary-button {
        border-right: none;
        padding: 15px 20px
    }

    .add-to-cart .qty {
        padding: 5px 10px
    }

    .primary-button:not(.primary-button--filled) svg {
        width: 50px;
        height: 50px
    }
}

.tab-link {
    color: #b3b3b3;
    padding-block: 10px;
    cursor: pointer
}

.tab-link.active {
    color: #292828
}

.tab-link:hover {
    color: #000
}

body.toggle-switch--checked .toggle-switch__label--unchecked {
    color: #b3b3b3
}

body.toggle-switch--checked .toggle-switch__label--checked,
body.toggle-switch--unchecked .toggle-switch__label--unchecked {
    color: #262525
}

body.toggle-switch--unchecked .toggle-switch__label--checked {
    color: #b3b3b3
}

.toggle-switch {
    display: flex;
    gap: 20px;
    align-items: center
}

.toggle-switch__container {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-top: 0 !important;
    flex: none !important;
    opacity: 1 !important
}

.toggle-switch__label {
    font-size: 13px;
    line-height: 19px
}

@media (max-width: 767.98px) {
    .toggle-switch__label {
        font-size: 14px;
        line-height: 20px
    }
}

.toggle-switch__label--checked {
    color: #b3b3b3
}

.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.toggle-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ebebeb;
    -webkit-transition: .4s;
    transition: .4s
}

.toggle-switch .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 5px;
    bottom: 2px;
    background-color: #262525;
    -webkit-transition: .4s;
    transition: .4s
}

.toggle-switch .slider.round {
    border-radius: 34px
}

.toggle-switch .slider.round:before {
    border-radius: 50%
}

.toggle-switch input:focus+.slider {
    box-shadow: 0 0 1px #ebebeb
}

.toggle-switch input:checked+.slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translate(14px)
}

@media (max-width: 767.98px) {
    .toggle-switch__container {
        width: 50px;
        height: 26px
    }

    .toggle-switch__label {
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne;
        margin-top: 2px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .toggle-switch__label {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .toggle-switch .slider:before {
        width: 20px;
        height: 20px;
        bottom: 3px;
        left: 3px
    }

    .toggle-switch input:checked+.slider:before {
        -webkit-transform: translateX(24px);
        -ms-transform: translateX(24px);
        transform: translate(24px)
    }
}

.arrow-filled rect,
.arrow-filled path {
    transition: all .3s ease
}

.gallery-arrow {
    width: 19px;
    height: 20px;
    overflow: hidden;
    transition: all .3s ease
}

.gallery-arrow.disabled svg path,
.gallery-arrow:disabled svg path {
    stroke: #b3b3b3
}

.gallery-arrow--prev {
    transform: rotate(180deg)
}

@media (min-width: 992px) {
    .arrow-filled:hover rect {
        fill: #151515
    }

    .arrow-filled:hover path {
        stroke: #2279bf
    }

    .gallery-arrow:hover {
        width: 26px
    }

    .gallery-arrow:hover svg path:last-child {
        width: 28px
    }
}

.radius--large {
    border-radius: 20px
}

.radius--medium {
    border-radius: 15px
}

.radius--small {
    border-radius: 8px
}

.radius__top-left--large {
    border-top-left-radius: 20px
}

.radius__top-left--medium {
    border-top-left-radius: 15px
}

.radius__top-left--small {
    border-top-left-radius: 8px
}

.radius__top-right--large {
    border-top-right-radius: 20px
}

.radius__top-right--medium {
    border-top-right-radius: 15px
}

.radius__top-right--small {
    border-top-right-radius: 8px
}

.radius__bottom-left--large {
    border-bottom-left-radius: 20px
}

.radius__bottom-left--medium {
    border-bottom-left-radius: 15px
}

.radius__bottom-left--small {
    border-bottom-left-radius: 8px
}

.radius__bottom-right--large {
    border-bottom-right-radius: 20px
}

.radius__bottom-right--medium {
    border-bottom-right-radius: 15px
}

.radius__bottom-right--small {
    border-bottom-right-radius: 8px
}

.swatch {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #fff;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px
}

.swatch:after {
    content: "";
    border: 1px solid #ebebeb;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

.swatch:hover,
.swatch--hover {
    border-color: #ebebeb;
    opacity: 1;
    visibility: visible;
    cursor: pointer
}

.swatch:hover:after,
.swatch--hover:after {
    opacity: 1;
    visibility: visible
}

.swatch--active:after {
    border-color: #484646;
    opacity: 1;
    visibility: visible
}

.swatch__colour--navy {
    background: #183a5f
}

.mobile-nav {
    --fore-color: #FFF;
    --back-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9990
}

.navbar {
    --fore-color: #000;
    --back-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9990;
    transition: transform .3s ease
}

.navbar--show-megamenu .navbar-main {
    background-color: #fff !important;
    --navbar-text-color-dark: #221f20 !important;
    --fore-color: #221f20 !important
}

.navbar--show-megamenu .mega-menu {
    opacity: 1;
    visibility: inherit
}

.navbar__main {
    position: relative;
    z-index: 29
}

.navbar__spacing {
    height: var(--nav-height)
}

.navbar__ship-to {
    display: flex;
    align-items: center;
    gap: 10px
}

.navbar__ship-to svg {
    display: block
}

.navbar__ship-to svg path {
    fill: var(--fore-color);
    transition: all .5s ease
}

.navbar__popup {
    position: absolute;
    right: 0;
    top: 100%;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transform: scale(.98);
    transition: all .5s ease;
    z-index: 999
}

.navbar__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 998;
    background: #151515b3;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    transition: all .5s ease
}

.navbar__overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #151515;
    opacity: .1
}

.navbar--show-popup .navbar__popup {
    opacity: 1;
    visibility: inherit;
    transform: scale(1)
}

@media (min-width: 768px) {

    .navbar--show-megamenu .mobile-nav,
    .navbar--show-megamenu .navbar {
        --fore-color: #262525;
        --back-color: #fff
    }
}

@media (min-width: 768px) {
    .navbar--show-megamenu .navbar-main {
        --back-color: #a9905d
    }
}

@media (max-width: 767.98px) {

    .navbar--show-mobile-menu .mobile-nav,
    .navbar--show-mobile-menu .navbar {
        --fore-color: #262525;
        --back-color: #fff
    }
}

@media (max-width: 767.98px) {
    .navbar--show-mobile-menu .navbar-main {
        --back-color: #a9905d
    }
}

.navbar__search {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 0 25px;
    opacity: 0;
    visibility: hidden;
    max-height: var(--height-fill);
    z-index: 35;
    transition: all .5s ease;
    overflow-y: auto
}

.navbar__mobile-menu {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 59;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.navbar--show-search {
    overflow-y: hidden
}

.navbar--show-search .navbar__overlay,
.navbar--show-search .navbar__search,
.navbar--show-mobile-menu .navbar__mobile-menu {
    opacity: 1;
    visibility: inherit
}

.navbar__cart-link svg {
    max-width: 18px;
    max-height: 22px
}

.navbar--solid .navbar__cart-link svg circle,
.navbar--scrolled .navbar__cart-link svg circle {
    fill: #262525
}

.navbar--solid .navbar-links--separated li:after,
.navbar--scrolled .navbar-links--separated li:after {
    background: #d6d1d1
}

.navbar--hide.navbar--hide .navbar,
.navbar--scrolled.scrolled-down:not(.navbar--show-megamenu, .navbar--show-mobile-menu, .navbar--always-show) .navbar {
    transform: translateY(-100%)
}

.navbar--hide.navbar--hide .navbar-main,
.navbar--scrolled.scrolled-down:not(.navbar--show-megamenu, .navbar--show-mobile-menu, .navbar--always-show) .navbar-main {
    box-shadow: none
}

.navbar--hide.navbar--hide #chat-button,
.navbar--scrolled.scrolled-down:not(.navbar--show-megamenu, .navbar--show-mobile-menu, .navbar--always-show) #chat-button {
    opacity: 0;
    visibility: hidden
}

@media (max-width: 1229.98px) {
    .navbar {
        --fore-color: #151515
    }
}

@media (max-width: 767.98px) {
    .navbar__search {
        top: 100%
    }
}

.navbar-main {
    position: relative;
    height: var(--nav-main-height);
    background: var(--back-color);
    color: var(--fore-color);
    transition: all .5s ease;
    display: flex
}

.navbar-main__logo--desktop-container.top-of-page svg {
    width: 190px;
    height: max-content
}

.navbar-main__logo--desktop-container.scroll-page svg {
    width: 40px;
    height: max-content
}

.navbar-main__logo {
    display: inline-block
}

.navbar-main__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 100px;
    width: 100%;
    align-items: center;
    height: 100%;
    padding: 0 37px 0 29px
}

@media (min-width: 992px) {
    .navbar-main__logo--mobile {
        display: none
    }

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

@media (max-width: 991.98px) {
    .navbar-main__logo--desktop {
        display: none
    }
}

.navbar-main__logo--desktop {
    width: max-content;
    margin: 0 auto
}

.navbar-main__right .navbar-links {
    justify-content: end
}

.navbar-main .megamenu-close {
    display: none
}

@media (max-width: 991.98px) {
    .navbar-main__mobile-logo {
        display: flex
    }
}

@media (max-width: 767.98px) {
    .navbar-main__logo svg {
        width: 60px;
        height: 60px
    }

    .navbar-main__grid {
        padding: 0 10px;
        column-gap: 50px
    }

}

@media (min-width: 992px) {
    .navbar-links.show-desktop a:hover {
        color: #2279bf
    }
}

.navbar-links {
    display: flex;
    list-style: none;
    gap: 25px;
    align-items: center;
    margin: 0;
    padding: 0
}

.navbar-links li,
.navbar-links a {
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 1.7px;
    font-weight: 500;
    font-family: Sohne Mono;
    color: var(--fore-color);
    transition: all .5s ease;
    white-space: nowrap
}

@media (max-width: 767.98px) {

    .navbar-links li,
    .navbar-links a {
        font-size: 16px;
        line-height: normal
    }
}

.navbar-links a {
    text-decoration: none;
    text-transform: uppercase
}

.navbar-links--icons {
    gap: 19px
}

.navbar-links--icons svg {
    display: block
}

.navbar-links--icons svg circle,
.navbar-links--icons svg path,
.navbar-links--icons svg rect {
    transition: all .3s ease
}

.navbar-links--separated {
    gap: 41px
}

.navbar-links--separated>li {
    position: relative
}

.navbar-links--separated>li:not(.navbar-links--separated>li:last-child) {
    margin-top: 3px
}

.navbar-links--separated>li:after {
    content: " ";
    position: absolute;
    right: -21px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: var(--fore-color);
    opacity: .2;
    transition: all .5s ease
}

@media (min-width: 992px) {
    .navbar-links a:hover {
        color: #292828
    }

    .navbar-links--icons a:hover svg path,
    .navbar-links--icons a:hover svg circle,
    .navbar-links--icons a:hover svg rect {
        stroke: #292828
    }
}

@media (max-width: 991.98px) {
    .navbar-links--icons {
        gap: 18px
    }
}

.navbar-popup {
    background: #fff;
    box-shadow: 0 2px 20px #0000001a;
    border-radius: 8px;
    padding: 15px;
    width: 372px
}

.navbar-popup__block {
    display: none
}

.navbar-popup__block.active {
    display: block
}

.navbar-popup__block--account .button {
    width: 100%;
    margin-top: 10px
}

.navbar-popup__block--account form {
    margin-bottom: 20px
}

.popup-block>h4 {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    margin-bottom: 10px
}

@media (max-width: 767.98px) {
    .popup-block>h4 {
        font-size: 14px;
        line-height: 20px
    }
}

.popup-block ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.popup-block ul a,
.popup-block ul label {
    font-size: 13px;
    line-height: 19px;
    padding: 5px 10px 5px 0;
    width: 100%;
    cursor: pointer;
    display: block;
    border-radius: 5px;
    transition: all .3s ease;
    background: #fff;
    text-decoration: none;
    position: relative
}

@media (max-width: 767.98px) {

    .popup-block ul a,
    .popup-block ul label {
        font-size: 14px;
        line-height: 20px
    }
}

.popup-block ul a>img,
.popup-block ul label>img {
    display: block;
    width: 10px;
    height: auto;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

.popup-block ul a:hover,
.popup-block ul label:hover {
    text-decoration: underline;
    text-underline-offset: 2px
}

.popup-block ul a.active>img,
.popup-block ul label.active>img {
    opacity: 1;
    visibility: inherit
}

.popup-block>h4~ul li a,
.popup-block>h4~ul li label {
    padding-left: 10px
}

.popup-block>h4~ul li a.active,
.popup-block>h4~ul li a:hover,
.popup-block>h4~ul li label.active,
.popup-block>h4~ul li label:hover {
    text-decoration: none;
    background: #f5f5f5
}

.mycube-inline {
    padding-top: 25px
}

.mycube-inline__props {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 15px 0;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    margin: 10px 0 0
}

.mycube-inline__props img,
.mycube-inline__props svg {
    margin: auto;
    max-height: 25px;
    object-fit: contain;
    object-position: center
}

.mycube-inline__props span {
    padding-top: 10px;
    font-size: 11px;
    line-height: 13px;
    display: block;
    margin: auto;
    max-width: 90px
}

.mycube-inline__prop {
    padding: 0 5px;
    position: relative;
    border-right: solid 1px #ebebeb
}

.mycube-inline__prop:last-of-type {
    border-right: none
}

.mycube-inline .button {
    width: 100%
}

.popup-login__form {
    display: grid;
    gap: 5px
}

.popup-login__form .form-text {
    font-size: 13px;
    line-height: 19px;
    padding: 10px;
    display: block;
    border-radius: 5px;
    background: var(--product-card-grey, #f5f5f5);
    border: none;
    width: 100%;
    outline: none
}

@media (max-width: 767.98px) {
    .popup-login__form .form-text {
        font-size: 14px;
        line-height: 20px
    }
}

.popup-login__form .button {
    width: 100%;
    margin: 5px 0 0
}

.popup-login__form p {
    margin-top: 5px
}

.popup-login__form h6 {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    margin-bottom: 15px
}

@media (max-width: 767.98px) {
    .popup-login__form h6 {
        font-size: 14px;
        line-height: 20px
    }
}

.template--page-hero-variations .navbar__spacing {
    display: none
}

.template--404.navbar--show-mobile-menu .navbar,
.template--404.navbar--show-search .navbar {
    --back-color: #fff;
    --fore-color: #262525
}

@media (min-width: 1230px) {
    .show-mobile {
        display: none
    }
}

@media (max-width: 1229.98px) {
    .show-desktop {
        display: none
    }
}

.mobile-nav__main {
    position: relative
}

.mobile-menu__toggle {
    padding-left: 4px
}

.mobile-menu__toggle>a {
    height: 30px;
    width: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center
}

.mobile-menu__toggle>a>span {
    /* height: 1.3px; */
    height: 1px;
    width: 100%;
    background: var(--fore-color);
    transition: all .5s ease
}

.navbar--show-mobile-menu .mobile-menu__toggle>a>span:nth-of-type(1) {
    transform: translateY(4px) rotate(45deg)
}

.navbar--show-mobile-menu .mobile-menu__toggle>a>span:nth-of-type(2) {
    transform: translateY(-4px) rotate(-45deg)
}
.navbar--show-mobile-menu .mobile-menu__toggle>a>span:nth-of-type(3) {
    display: none;
}

.mobile-menu__blocks {
    padding: 0 20px 20px
}

.mobile-menu__blocks .primary-button--light:not(:hover) {
    background-color: #e1e1e1;
    color: #484646
}

.mobile-menu__blocks .accordion-item {
    padding: 10px 20px;
    border-radius: 5px
}

.mobile-menu__blocks .accordion-item__label {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .mobile-menu__blocks .accordion-item__label {
        font-size: 14px;
        line-height: 20px
    }
}

.mobile-menu__blocks .accordion-item__label label {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    white-space: nowrap
}

@media (max-width: 767.98px) {
    .mobile-menu__blocks .accordion-item__label label {
        font-size: 14px;
        line-height: 20px
    }
}

.mobile-menu__blocks .accordion-item__icon {
    margin-right: 0
}

.mobile-menu__blocks .accordion-item__icon svg {
    display: block;
    width: 10px
}

.mobile-menu__blocks .accordion-item__content {
    padding-top: 10px;
    padding-bottom: 10px
}

.mobile-menu__blocks .popup-block ul li a,
.mobile-menu__blocks .popup-block ul li label {
    background: none
}

.mobile-menu__blocks .popup-block h4~ul li a:hover,
.mobile-menu__blocks .popup-block h4~ul li a.active,
.mobile-menu__blocks .popup-block h4~ul li label:hover,
.mobile-menu__blocks .popup-block h4~ul li label.active {
    background: #ebebeb
}

.mobile-menu__blocks .popup-block--ship-to {
    margin-left: -10px;
    margin-right: -10px
}

.mobile-menu {
    background: #fff;
    height: 100%;
    overflow-y: auto;
    max-height: var(--height-fill)
}

.mobile-menu--default,
.mobile-menu__block--1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: var(--height-fill);
    padding: 82px 25px 51px
}

.mobile-menu ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    list-style: none
}

.mobile-menu__links>ul a {
    font-size: 32px;
    line-height: 38px;
    font-family: Feature Deck;
    display: block;
    padding: 7.5px 0
}

@media (max-width: 767.98px) {
    .mobile-menu__links>ul a {
        font-size: 23px;
        line-height: 29px
    }
}

.mobile-menu__links>ul a:hover,
.mobile-menu__links>ul a:active {
    color: #2279bf
}

.mobile-menu__submenu a {
    display: inline-block;
    padding: 5px 0;
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .mobile-menu__submenu a {
        font-size: 16px;
        line-height: 22px
    }
}

.mobile-menu__block {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    min-height: var(--height-fill)
}

.mobile-menu__block.active {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mobile-menu__block--1,
.mobile-menu__block--2 {
    padding: 30px 25px 25px
}

.mobile-menu__block--2 .mobile-menu__links>ul a {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    border-top: 1px solid #d6d1d1;
    padding: 14px 0 15px
}

.mobile-menu .nested-block {
    display: none
}

.mobile-menu .nested-block.active {
    display: block
}

.mobile-menu__back {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .mobile-menu__back {
        font-size: 14px
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {

    .mobile-menu--default,
    .mobile-menu__block--1,
    .mobile-menu__block--2 {
        padding-inline: 76px
    }
}

.navbar__cart-link {
    position: relative;
    display: block
}

.navbar__cart-link:before {
    content: " ";
    position: absolute;
    height: 7px;
    width: 7px;
    bottom: -1px;
    right: -1px;
    z-index: 9;
    background-color: var(--fore-color);
    border-radius: 50%;
    transition: all .3s ease
}

@media (min-width: 992px) {
    .navbar__cart-link:hover:before {
        background-color: #151515
    }
}

.customer--logged-in .navbar__account:before {
    opacity: 1;
    visibility: inherit
}

.js-ajax-cart-empty .navbar__cart-link {
    position: relative
}

.js-ajax-cart-empty .navbar__cart-link:before {
    opacity: 0;
    visibility: hidden
}

.mobile-search__trigger {
    height: 43px;
    padding: 10px 20px;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto;
    background: #f5f5f5;
    margin-top: 10px;
    border-radius: 5px;
    cursor: pointer
}

.mobile-search__trigger span {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .mobile-search__trigger span {
        font-size: 14px;
        line-height: 20px
    }
}

.mobile-search__trigger svg {
    display: block;
    height: 16px;
    width: 16px
}

@media (max-width: 991.98px) {
    .template--page-stockists {
        background: #2f5f4b
    }

    .template--page-stockists .navbar {
        --back-color: #2f5f4b;
        --fore-color: #fff
    }

    .template--page-stockists .navbar-main {
        box-shadow: none !important
    }

    .template--page-stockists.navbar--scrolled.scrolled-down .navbar {
        transform: none !important
    }

    .template--page-stockists.navbar--show-search .navbar,
    .template--page-stockists.navbar--show-mobile-menu .navbar {
        --back-color: #fff;
        --fore-color: #262525
    }
}

.mobile-country svg path {
    fill: #262525
}

.mobile-menu--shop {
    display: none
}

.mobile-menu--shop .shop-menu__close {
    display: flex;
    gap: 8px;
    align-items: center;
    text-decoration: none;
    margin-bottom: 23px
}

.mobile-menu--shop .shop-menu__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0 20px 20px
}

.mobile-menu--shop .shop-menu__card {
    position: relative
}

.mobile-menu--shop .shop-menu__card>a {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9
}

.mobile-menu--shop .shop-menu__card h4 {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 1em;
    margin: 11px 0 0
}

.mobile-menu--shop .shop-menu__card-image {
    overflow: hidden;
    border-radius: 8px
}

.shop-menu--show .mobile-menu--default {
    display: none
}

.shop-menu--show .mobile-menu--shop {
    display: flex
}

.navbar--show-megamenu .navbar-links li a:not(.megamenu__trigger) {
    color: #b3b3b3
}

.navbar--show-megamenu .megamenu-close {
    display: block;
    margin-left: auto;
    padding: 15px
}

.navbar--show-megamenu .navbar-main__right .navbar-links {
    display: none
}

.navbar--show-megamenu .navbar-main__grid {
    border-bottom: 1px solid #d6d1d1
}

.footer {
    padding: 65px 76px 30px;
    background: #ece7d9
}

.footer__container {
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
    /*display: flex;*/
    /*justify-content: space-around;*/
    /*margin-bottom: 60px;*/
}

.footer__top-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 31px
}

.footer__menus {
    display: grid;
    grid-template-columns: repeat(2, minmax(min-content, 255px));
    gap: 20px;
}

.footer .newsletter-form__parent.newsletter-success .field {
    display: none
}

.footer .newsletter-form__parent.newsletter-success .newsletter-form__message {
    display: block
}

.footer .newsletter-form__message {
    display: none;
    margin-bottom: 27px
}

.footer .accordion-item,
.footer .accordion-item:first-child {
    border: none
}

.footer .accordion-item__header {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: bold;
    margin-bottom: 20px;
    /*pointer-events: none;*/
    padding: 0
}

@media (max-width: 767.98px) {
    .footer .accordion-item__header {
        font-size: 14px;
        line-height: 20px
    }
}

.footer .accordion-item__icon {
    display: none
}

.footer .accordion-item__main {
    display: block
}

.footer__menu {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.footer__menu-wrapper .accordion-item__header>a {
    font-size: 17px;
    line-height: 23px;
}

@media (max-width: 767.98px) {
    .footer__menu li>a {
        font-size: 16px;
        line-height: 22px
    }
}

.footer__socials {
    display: flex;
    gap: 14px;
    margin-top: 20px
}

.footer__newsletter {
    max-width: 280px
}

.footer__newsletter-desc {
    margin-bottom: 22px;
    font-weight: bold;
}

.footer .field {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative
}

.footer__submit {
    padding: 15px 19px;
    position: absolute;
    bottom: 0;
    right: 0
}

.footer__logo {
    display: inline-block;
    /* margin-bottom: 147px */
}

.footer-dlex {
    position: absolute;
    top: 43%;
    left: -14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
    font-family: 'Sohne';
    /* margin-bottom: 80px; */
}

.footer__logo-img {
    width: 160px;
    height: 160px;
    margin-top: 8px;
}
.footer__logo img{
    position: absolute;
    bottom: 10%;
    left: 27%;
}


.footer__logo-wrapper {
    margin-bottom: 100px;

    /* display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 147px;
    width: 240px; */
}

.footer__bottom-wrapper {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    /* gap: 50px; */
    justify-content: center;
    display: none;
}

.footer__bottom-wrapper2 {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    display: flex;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}

.footer__bottom-wrapper2 .info {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

@media (max-width: 767.98px) {
    .footer__bottom-wrapper {
        font-size: 14px;
        line-height: 20px;
        display: flex;
    }

    .footer__bottom-wrapper2 {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .footer__top-wrapper {
        flex-direction: column;
        gap: 70px
    }

    .footer__logo-wrapper {
        margin-left: 0px;
        width: 100%;
        margin-bottom: 60px;
    }

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

    .footer__newsletter {
        max-width: none
    }
}

@media (max-width: 767.98px) {
    .footer {
        padding: 52px 25px 35px
    }

    .footer__container {
        display: flex;
        flex-direction: column
    }

    .footer__top-wrapper {
        gap: 0;
        margin-bottom: 0
    }

    .footer__logo-wrapper {
        order: -1;
        display: flex;
        justify-content: space-between;
        margin-bottom: 28px;
        margin-left: 0px;
        width: 100%;
    }

    .footer__logo {
        margin-bottom: 0
    }

    .footer__logo svg {
        width: 70px
    }

    .footer__login {
        display: flex;
        gap: 5px;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px;
        align-items: center;
        margin-top: 2px
    }

    .footer__login svg {
        position: relative;
        top: -2px;
        right: -1px
    }

    .footer__menus {
        grid-template-columns: 1fr;
        gap: 0;
        margin-bottom: 35px;
        justify-items: stretch;
    }

    .footer__menu {
        gap: 8px
    }

    .footer__menu li>a {
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px
    }

    .footer__socials {
        margin-top: 0;
        margin-bottom: 20px;
        gap: 25px
    }

    .footer .accordion-item {
        border-bottom: 1px solid #151515
    }

    .footer .accordion-item:first-child {
        border-top: 1px solid #151515;
        border-bottom: 1px solid #151515
    }

    .footer .accordion-item__header {
        margin-bottom: 0;
        pointer-events: all;
        padding: 14.5px 0
    }

    .footer .accordion-item__icon {
        display: block;
        width: 12px;
        height: 12px;
        position: relative
    }

    .footer .accordion-item__icon:before,
    .footer .accordion-item__icon:after {
        content: "";
        display: block;
        background-color: #151515;
        position: absolute;
        top: 50%;
        left: 0;
        transition: all .3s ease;
        width: 100%;
        height: 1.5px
    }

    .footer .accordion-item__icon:before {
        transform: translateY(-50%)
    }

    .footer .accordion-item__icon:after {
        transform: translateY(-50%) rotate(90deg)
    }

    .footer .accordion-item__main {
        display: none;
        padding: 12px 25px 24px
    }

    .footer .accordion-item.active .accordion-item__icon:before {
        transform: translateY(-50%) rotate(-90deg);
        opacity: 0
    }

    .footer .accordion-item.active .accordion-item__icon:after {
        transform: translateY(-50%) rotate(0)
    }

    .footer__newsletter {
        margin-bottom: 40px
    }

    .footer__newsletter-desc {
        margin-bottom: 26px
    }

    .footer .input__field {
        padding: 13.5px 19px
    }

    .footer__bottom-wrapper {
        flex-wrap: wrap;
        display: flex;
    }

    .footer__bottom-wrapper2 {
        display: none;
    }
}

#klaviyo-newsletter-footer .klaviyo_messages>div {
    padding-top: 10px
}

.input__field {
    width: 100%;
    padding: 13px 19px;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    background: #0000;
    border: 0;
    border: 1px solid #292828;
    outline: none
}

@media (max-width: 767.98px) {
    .input__field {
        font-size: 14px
    }
}

.input__field::placeholder {
    color: #151515
}

.input__field--dropdown {
    margin-top: 10px
}

.input__grid {
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.input__textarea,
.input__file-upload {
    padding-top: 10px
}

.input__textarea label,
.input__file-upload label {
    display: block;
    margin-bottom: 10px
}

.input__button {
    padding-top: 40px
}

.input__button .button {
    width: 100%
}

select {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    border-radius: unset;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    cursor: pointer
}

select:focus-visible {
    outline: none
}

.select {
    position: relative;
    border: 1px solid #292828;
    cursor: pointer
}

.select-hidden {
    display: none;
    visibility: hidden
}

.select-styled {
    transition: all .3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    height: 50px;
    padding: 20px
}

.select-styled:after {
    content: "";
    display: block;
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    background-image: url(../image/select-arrow.svg);
    background-size: contain
}

.select-styled:active:after,
.select-styled.active:after {
    transform: rotate(180deg)
}

.select-options {
    display: none;
    z-index: 999;
    margin: 0;
    padding: 0 0 13px;
    list-style: none
}

.select-options li {
    margin: 0;
    transition: all .3s ease;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    padding: 5px 20px
}

@media (max-width: 767.98px) {
    .select-options li {
        font-size: 14px;
        line-height: 20px
    }
}

.select-options li:hover,
.select-options li.is-selected {
    color: #2f5f4b
}

.select-options li[rel=hide] {
    display: none
}

.margin__top--xsmall {
    margin-bottom: 15px
}

.margin__top--small {
    margin-bottom: 20px
}

.margin__top--medium {
    margin-bottom: 35px
}

.margin__top--large {
    margin-bottom: 50px
}

.margin__top--xlarge {
    margin-bottom: 76px
}

.margin__top--xxlarge {
    margin-bottom: 100px
}

.margin__bottom--xsmall {
    margin-bottom: 15px
}

.margin__bottom--small {
    margin-bottom: 20px
}

.margin__bottom--medium {
    margin-bottom: 35px
}

.margin__bottom--large {
    margin-bottom: 50px
}

.margin__bottom--xlarge {
    margin-bottom: 76px
}

.margin__bottom--xxlarge {
    margin-bottom: 100px
}

.padding__top--xsmall {
    padding-top: 15px
}

.padding__top--small {
    padding-top: 20px
}

.padding__top--medium {
    padding-top: 35px
}

.padding__top--large {
    padding-top: 50px
}

.padding__top--xlarge {
    padding-top: 76px
}

.padding__top--xxlarge {
    padding-top: 100px
}

.padding__bottom--xsmall {
    padding-bottom: 15px
}

.padding__bottom--small {
    padding-bottom: 20px
}

.padding__bottom--medium {
    padding-bottom: 35px
}

.padding__bottom--large {
    padding-bottom: 50px
}

.padding__bottom--xlarge {
    padding-bottom: 76px
}

.padding__bottom--xxlarge {
    padding-bottom: 100px
}

.height--3xs {
    height: 5px
}

.height--xxs {
    height: 10px
}

.height--xs {
    height: 15px
}

.height--small {
    height: 20px
}

.height--medium {
    height: 35px
}

.height--large {
    height: 50px
}

.height--xlarge {
    height: 76px
}

.height--xxl {
    height: 100px
}

.height--3xl {
    height: 90px
}

@media (max-width: 767.98px) {
    .margin__top--xsmall {
        margin-bottom: 8px
    }

    .margin__top--small {
        margin-bottom: 15px
    }

    .margin__top--medium {
        margin-bottom: 20px
    }

    .margin__top--large {
        margin-bottom: 35px
    }

    .margin__top--xlarge {
        margin-bottom: 55px
    }

    .margin__top--xxlarge {
        margin-bottom: 70px
    }

    .margin__bottom--xsmall {
        margin-bottom: 8px
    }

    .margin__bottom--small {
        margin-bottom: 15px
    }

    .margin__bottom--medium {
        margin-bottom: 20px
    }

    .margin__bottom--large {
        margin-bottom: 35px
    }

    .margin__bottom--xlarge {
        margin-bottom: 55px
    }

    .margin__bottom--xxlarge {
        margin-bottom: 70px
    }

    .padding__top--xsmall {
        padding-top: 8px
    }

    .padding__top--small {
        padding-top: 15px
    }

    .padding__top--medium {
        padding-top: 20px
    }

    .padding__top--large {
        padding-top: 35px
    }

    .padding__top--xlarge {
        padding-top: 55px
    }

    .padding__top--xxlarge {
        padding-top: 70px
    }

    .padding__bottom--xsmall {
        padding-bottom: 8px
    }

    .padding__bottom--small {
        padding-bottom: 15px
    }

    .padding__bottom--medium {
        padding-bottom: 20px
    }

    .padding__bottom--large {
        padding-bottom: 35px
    }

    .padding__bottom--xlarge {
        padding-bottom: 55px
    }

    .padding__bottom--xxlarge {
        padding-bottom: 70px
    }

    .height--small {
        height: 15px
    }

    .height--medium {
        height: 20px
    }

    .height--large {
        height: 35px
    }

    .height--xlarge {
        height: 55px
    }

    .height--xxlarge {
        height: 70px
    }
}

.template--page-about .sub-nav svg line,
.template--page-stores .sub-nav svg line {
    fill: #000
}

.template--page-about .sub-nav svg path,
.template--page-stores .sub-nav svg path {
    fill: #000
}

.template--page-repair-tutorials .sub-nav ul li a.link--repairs {
    color: #262525
}

.navbar__sub-nav {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 11
}

@media (max-width: 767.98px) {
    .navbar__sub-nav {
        z-index: 10
    }

    .navbar__sub-nav:after {
        content: "";
        background: #d2d0d080;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        opacity: 0;
        visibility: hidden
    }
}

.sub-nav {
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #fff;
    transition: all .3s ease;
    transform: translateZ(0)
}

.sub-nav__menu {
    padding: 11px 20px;
    width: 100%;
    transition: all .3s ease;
    position: relative
}

.sub-nav__menu:before,
.sub-nav__menu:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 30px;
    background: linear-gradient(to right, #fff, #fff0);
    pointer-events: none;
    z-index: 5
}

.sub-nav__menu:after {
    left: auto;
    right: 0;
    transform: scaleX(-1)
}

.sub-nav__menu--parent {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background: inherit;
    opacity: 0;
    visibility: hidden;
    transform: translate(30px)
}

.sub-nav--show-parent .sub-nav__menu--default {
    opacity: 0;
    visibility: hidden;
    transform: translate(-30px)
}

.sub-nav--show-parent .sub-nav__menu--parent {
    opacity: 1;
    visibility: inherit;
    transform: translate(0)
}

.sub-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center
}

.sub-nav ul li:not(:last-of-type) {
    margin-right: 35px
}

.sub-nav ul li a {
    position: relative;
    font-size: 13px;
    line-height: 17px;
    color: #b3b3b3;
    text-decoration: none;
    transition: all .3s ease;
    padding: 10px 0;
    display: block
}

.sub-nav ul li a:hover,
.sub-nav ul li a.active {
    color: #262525
}

.sub-nav__arrow svg,
.sub-nav__arrow img {
    transform: translateY(-1px)
}

.sub-nav__arrow a:after {
    display: none
}

@media (max-width: 767.98px) {
    .sub-nav__menu {
        padding: 0
    }

    .sub-nav__menu--blog {
        text-align: center;
        position: relative;
        padding: 12px 0
    }

    .sub-nav__menu--blog svg {
        height: 10px
    }

    .sub-nav__menu--blog svg path {
        stroke-width: 2px
    }

    .sub-nav__menu--blog .sub-nav__menu {
        opacity: 0;
        visibility: hidden;
        display: none
    }

    .sub-nav__menu--blog.active .sub-nav__menu {
        opacity: 1;
        visibility: visible
    }

    .sub-nav__menu--dropdown {
        font-weight: 500;
        font-size: 12px;
        line-height: 19px;
        cursor: pointer
    }

    .sub-nav__modal {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9999;
        width: 100%
    }

    .sub-nav__modal--container {
        position: relative;
        padding: 22px 20px;
        height: calc(100vh - var(--vh-offset, 0px));
        width: 100%
    }

    .sub-nav__modal--heading {
        gap: 30px;
        display: grid;
        align-items: center;
        grid-template-columns: 1fr auto
    }

    .sub-nav__modal--heading h4 {
        color: #fdfdbc;
        font-weight: 500;
        font-size: 17px;
        line-height: 25px;
        text-transform: uppercase;
        margin-bottom: 0;
        text-align: left
    }

    .sub-nav__modal--content {
        padding-top: 45px
    }

    .sub-nav__modal--content ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .sub-nav__modal--content ul li {
        padding: 15px 0;
        border-bottom: 1px solid #a5b5dc;
        transition: all .3s ease
    }

    .sub-nav__modal--content ul li a {
        color: #a5b5dc;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        text-transform: uppercase;
        text-decoration: none;
        display: block
    }

    .sub-nav__modal--content ul li.active,
    .sub-nav__modal--content ul li:hover {
        border-color: #fdfdbc
    }

    .sub-nav__modal--content ul li.active a,
    .sub-nav__modal--content ul li:hover a {
        color: #fdfdbc
    }

    .sub-nav__modal--close {
        min-width: 20px;
        cursor: pointer
    }

    .sub-nav__modal--close svg {
        margin-left: auto;
        display: block
    }

    .sub-nav__modal--close-bottom {
        position: absolute;
        padding: 19px 20px;
        left: 0;
        bottom: 0;
        width: 100%;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        text-transform: uppercase;
        color: #fcfca2;
        border-top: 1px solid #a5b5dc;
        text-align: center
    }
}

@media (max-width: 767.98px) {
    .sub-nav__spacing {
        height: 45px !important
    }

    .sub-nav__arrow {
        display: none
    }

    .sub-nav ul {
        padding: 5.5px 20px;
        display: flex;
        overflow-x: auto;
        justify-content: left
    }

    .sub-nav ul::-webkit-scrollbar {
        display: none
    }

    .sub-nav ul li {
        font-size: 12px;
        line-height: 19px
    }

    .sub-nav ul li:not(:last-of-type) {
        margin-right: 25px
    }

    .sub-nav ul li a {
        white-space: nowrap;
        font-size: 13px;
        line-height: 19px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .sub-nav ul li a {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {

    .sub-nav ul li a:hover,
    .sub-nav ul li a.active {
        color: #000
    }

    .sub-nav ul li a.active:after,
    .sub-nav ul li a:hover:after {
        opacity: 0;
        visibility: hidden
    }

    .sub-nav ul li a:after {
        content: " ";
        height: 1px;
        background: #000;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(.65em);
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease
    }
}

.sub-nav__modal {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

.sub-nav__modal.active {
    opacity: 1;
    visibility: visible
}

.template--page-about .sub-nav ul li a:after {
    content: " ";
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(.65em);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

.sub-nav__spacing {
    height: 60px;
    display: none
}

.sub-nav__spacing.active {
    display: block
}

.lg-show,
.md-show,
.sm-show,
.md-show-flex {
    display: none !important
}

.md-show-grid,
.md-show-ib {
    display: none
}

.lg-show-flex {
    display: none !important
}

@media (max-width: 991.98px) {
    .lg-show {
        display: block !important
    }

    .lg-hide {
        display: none !important
    }

    .lg-show-flex {
        display: flex !important
    }
}

@media (max-width: 767.98px) {
    .md-show-flex {
        display: flex !important
    }

    .md-show-grid {
        display: grid
    }

    .md-show-ib {
        display: inline-block
    }

    .md-show {
        display: block !important
    }

    .md-hide {
        display: none !important
    }
}

@media (max-width: 575.98px) {
    .sm-hide {
        display: none !important
    }

    .sm-show {
        display: block !important
    }
}

.pagination-wrapper {
    margin-top: 0
}

@media (max-width: 991.98px) {
    .pagination-wrapper {
        margin-top: 50px
    }
}

.pagination__list span {
    margin-right: 5px
}

.pagination__list span:last-child {
    margin-right: 0
}

.pagination__list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: end
}

.pagination__list li {
    margin: 0 5px;
    display: flex;
    align-items: center
}

.pagination__list li ::marker,
.pagination__list li::marker {
    content: none;
    display: none
}

.pagination__item {
    color: #292828;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    padding: 0;
    text-decoration: none;
    transition: all .3s ease
}

.pagination__item:hover {
    color: #262525;
    text-decoration: none
}

.pagination__item:hover:after {
    height: .1rem
}

.pagination__item--current {
    color: #262525
}

.pagination__item--current:after {
    height: .1rem
}

.pagination__item--next {
    margin-right: 30px;
    transform: rotate(180deg)
}

.pagination__item--next.inactive {
    opacity: .5;
    cursor: not-allowed
}

.pagination__item--prev {
    margin-left: 30px
}

.pagination__item--prev.inactive {
    opacity: .5;
    cursor: not-allowed
}

@media (max-width: 991.98px) {
    .pagination__item {
        font-size: 19px;
        line-height: 25px
    }

    .pagination__item--prev {
        margin-right: 0
    }

    .pagination__item--prev svg {
        max-height: 20px;
        display: block
    }

    .pagination__item--next {
        margin-left: 0
    }

    .pagination__item--next svg {
        max-height: 20px;
        display: block
    }

    .pagination .icon {
        height: 14px
    }

    .pagination__item-arrow--prev {
        margin-right: auto !important;
        margin-left: 0 !important
    }

    .pagination__item-arrow--next {
        margin-left: auto !important;
        margin-right: 0 !important
    }
}

.checkbox {
    position: relative;
    display: flex;
    gap: 19px;
    cursor: pointer;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    align-items: center;
    text-transform: capitalize
}

@media (max-width: 767.98px) {
    .checkbox {
        font-size: 14px
    }
}

.checkbox:not(:last-child) {
    margin-bottom: 2px
}

.checkbox:not(:checked):hover input:after {
    opacity: 1;
    background-color: #b3b3b3
}

.checkbox input {
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background-color: #0000;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 17px;
    height: 17px;
    min-width: 17px;
    border: 1px solid #292828;
    border-radius: 2px
}

.checkbox input.active:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    opacity: 1;
    background-color: #292828;
    border-radius: 1px
}

@media (max-width: 991.98px) {
    .checkbox {
        font-size: 15px;
        line-height: 22px
    }
}

.card-quickbuy {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 29
}

.card-quickbuy [data-variant-id] {
    display: none
}

.card-quickbuy [data-variant-id].active {
    display: block
}

.card-quickbuy__bg {
    background: #fff;
    position: absolute;
    z-index: -1;
    right: -5px;
    bottom: -5px;
    left: -5px;
    top: 0;
    background: #fbfbfb;
    box-shadow: 0 2px 20px #00000026;
    border-radius: 8px
}

.card-quickbuy__footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
    margin-top: 15px
}

.card-quickbuy__footer .button {
    width: 100%;
    height: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: grid;
    grid-template-columns: 1fr auto;
    text-align: left;
    padding-left: 20px
}

.card-quickbuy__info {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 30px
}

.card-quickbuy__active-color {
    display: flex;
    gap: 15px;
    align-items: center;
    padding-left: 31px;
    position: relative
}

.card-quickbuy__active-color .swatch-preview {
    height: 25px;
    width: 25px;
    border-radius: 50%
}

.card-quickbuy__active-color:before {
    content: " ";
    position: absolute;
    width: 1px;
    height: 28px;
    left: 0;
    top: 50%;
    margin-top: -14px;
    background-color: #ebebeb
}

@media (max-width: 991.98px) {
    .card-quickbuy__footer {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 10px
    }
}

.card-styles {
    position: relative;
    padding: 22px 10px;
    border-bottom: 1px solid #ebebeb;
    overflow: auto
}

.card-styles>ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 15px;
    width: fit-content
}

.card-styles>ul label {
    display: block;
    cursor: pointer
}

.card-styles .swatch-preview {
    position: relative;
    display: block;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center
}

.card-styles .swatch-preview:before {
    content: " ";
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: solid 1px var(--color-dark-charcoal);
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.card-styles .swatch-preview__checkbox {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    height: 0;
    width: 0
}

.card-styles .swatch-preview:hover:before,
.card-styles .swatch-preview__checkbox:checked~.swatch-preview:before {
    opacity: 1;
    visibility: inherit
}

@media (max-width: 991.98px) {
    .card-styles {
        padding: 15px 10px
    }
}

.product-card {
    width: 100%;
    overflow: hidden
}

.product-card__header {
    position: relative;
    z-index: 9;
    margin-bottom: 15px
}

.product-card__grid {
    position: relative
}

.product-card__quickbuy {
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    z-index: 15
}

.product-card__footer {
    position: relative;
    z-index: 11
}

.product-card__link {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.product-card--show-quickbuy .product-card__quickbuy {
    opacity: 1;
    visibility: inherit
}

.product-card__price-wrapper {
    position: relative
}

.product-card__prices {
    display: flex;
    gap: 5px
}

.product-card__price {
    font-size: 22px;
    line-height: 28px;
    color: #2a4026;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .product-card__price {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 767.98px) {
    .product-card__price {
        font-size: 17px;
        line-height: 23px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .product-card__price {
        font-size: 16px;
        line-height: 22px
    }
}

.product-card__price--sale {
    color: #221f20;
    text-decoration: line-through
}

.product-card__marquee {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease
}

.product-card__marquee .marquee__content {
    min-width: 0
}

.product-card__form {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

.product-card__form .button {
    background-color: #2279bf;
    text-transform: uppercase;
    color: #fffdf4;
    width: 100%;
    padding: 10px;
    justify-content: center
}

.product-card__categories {
    display: flex;
    gap: 14px;
    font-size: 22px;
    line-height: 28px;
    color: #2a4026
}

@media (max-width: 767.98px) {
    .product-card__categories {
        font-size: 18px;
        line-height: 24px
    }
}

.product-card__categories li {
    position: relative
}

.product-card__categories li:after {
    content: "\b7";
    position: absolute;
    top: 0;
    right: -9px
}

.product-card .card-header__right {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: end;
    height: fit-content
}

.product-card .card-header__right .caption {
    text-align: right
}

.product-card .card-header .swatch-preview {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: block;
    margin-top: 3px;
    background-color: #0003
}

@media (min-width: 768px) {
    .product-card .card-header__left h4 {
        margin-bottom: 2px
    }
}

.product-card .card-image {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    /* aspect-ratio: .805; */
    max-height: var(--product-card-max-height)
}

.product-card .card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.product-card .card-image__hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease
}

.product-card .card-image__hover img {
    display: block;
    width: 100%
}

.product-card .card-image__hover~img {
    transition: all .5s ease;
    transition-property: opacity visibility
}

@media (max-width: 767.98px) {
    .product-card .card-image {
        margin-bottom: 10px
    }
}

.product-card .product-hero__swatch-color--active {
    transform: none !important
}

.product-card--normal .card-header h4 {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
}

@media (max-width: 767.98px) {
    .product-card--normal .card-header h4 {
        font-size: 18px;
        line-height: 24px
    }
}

.product-card--normal .card-footer__left {
    display: none
}

.product-card--normal .card-footer__right {
    grid-column: 1/-1
}

.product-card--small [data-option-toggle]:not(.active),
.product-card--small [data-variant-image]:not(.active) {
    display: none
}

.product-card--small .product-hero__swatch {
    margin-top: 10px
}

.product-card--small .product-card__grid {
    display: grid;
    grid-template-columns: 128px 1fr;
    gap: 28px;
    height: 100%
}

.product-card--small .product-card__footer {
    display: none
}

.product-card--small .product-card__marquee {
    bottom: 0;
    top: auto
}

.product-card--small .product-card__marquee li {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500
}

.product-card--small .product-card__price {
    display: none
}

.product-card--small .product-card__header {
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 0
}

.product-card--small .product-card__categories li:last-of-type:after {
    display: none
}

.product-card--small .card-image {
    aspect-ratio: unset;
    margin-bottom: 0
}

.product-card--small .card-image img {
    object-fit: cover
}

.product-card--small .card-header {
    overflow: hidden
}

.product-card--small .card-header h4 {
    font-size: 22px;
    line-height: 28px
}

@media (max-width: 767.98px) {
    .product-card--small .card-header h4 {
        font-size: 18px;
        line-height: 24px
    }
}

.product-card--small .card-header__y-center-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: translate3d(0, 50%, 0);
    transition: all .3s ease
}

.product-card--small .card-header__y-center {
    height: fit-content;
    transform: translate3d(0, -50%, 0);
    transition: all .3s ease
}

.product-card--small:hover .card-header__y-center,
.product-card--small:hover .card-header__y-center-wrapper {
    transform: translateZ(0)
}

.product-card--bundle .product-hero__swatch {}

.product-card .product-hero__swatch {
    margin-bottom: 10px
}

.product-card .product-hero__swatch-color {
    width: 17px;
    height: 17px
}

.product-card .product-hero__swatch-color--ffffff {
    border: 1px solid #d6d1d1
}

.product-card .product-hero__swatch-color--active {
    width: 17px;
    height: 17px
}

@media (min-width: 992px) {
    .product-card:hover .card-image__hover {
        opacity: 1;
        visibility: inherit;
        transition: all .5s ease;
        transition-property: opacity visibility
    }

    .product-card:hover .card-image__hover~img {
        opacity: 0;
        visibility: hidden;
        transition: all .25s ease;
        transition-property: opacity visibility
    }

    .product-card:hover .product-card__form,
    .product-card:hover .product-card__marquee {
        opacity: 1;
        visibility: visible
    }

    .product-card:hover .product-card__price {
        opacity: 0;
        visibility: hidden
    }

    .product-card:hover .product-card__price-wrapper:before,
    .product-card:hover .product-card__price-wrapper:after {
        content: "";
        position: absolute;
        height: 28px;
        width: 45px;
        top: 0;
        left: 0;
        background: linear-gradient(to right, #fff, #fff0);
        z-index: 1
    }

    .product-card:hover .product-card__price-wrapper:after {
        left: auto;
        right: 0;
        background: linear-gradient(to left, #fff, #fff0)
    }

    .product-card--without-marquee:hover .product-card__price {
        opacity: 1;
        visibility: visible
    }

    .product-card--without-marquee:hover .product-card__price-wrapper:before,
    .product-card--without-marquee:hover .product-card__price-wrapper:after {
        display: none
    }
}

@media (max-width: 991.98px) {
    .product-card--large .card-footer {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .product-card--large .card-footer__left p {
        max-width: none
    }

    .product-card__form {
        opacity: 1;
        visibility: visible
    }
}

.product-card__image {
    position: relative
}

.product-card__compare-btn {
    background-color: #fff;
    color: #292828;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    position: absolute;
    top: 19px;
    right: 18.5px;
    left: auto;
    height: 25px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    border-radius: 3px;
    display: flex;
    padding: 5px 9px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer
}

.product-card__badges {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all .3s ease
}

.product-card__badge {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    padding: 3px 9px;
    border-radius: 3px;
    border: 1px solid #292828
}

@media (min-width: 768px) {
    .product-card:hover .product-card__badges {
        opacity: 0;
        visibility: hidden
    }

    .product-card:hover .product-card__compare-btn {
        opacity: 1;
        visibility: inherit;
        z-index: 100
    }
}

@media (max-width: 767.98px) {
    .product-card__badges {
        left: 19px;
        top: 21px
    }
}

@media (max-width: 767.98px)and (max-width: 374.98px) {
    .product-card__badges .product-card__badge:last-child {
        display: none
    }
}

@media (max-width: 767.98px) {
    .product-card__compare-btn {
        opacity: 1;
        visibility: inherit;
        z-index: 100;
        right: 18px;
        top: 21px
    }

    .product-card__compare-btn svg {
        display: none
    }

    .product-card__image {
        padding: 0
    }

    .product-card .product-hero__swatch {
        margin-bottom: 10px;
        gap: 5px
    }

    .product-card .product-hero__swatch-color,
    .product-card .product-hero__swatch-color--active {
        width: 12px;
        height: 12px
    }

    .product-card .card-header__left h4 {
        margin-bottom: 0;
        font-size: 17px;
        line-height: 23px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .product-card .card-header__left h4 {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 767.98px) {
    .product-card .card-header__right {
        gap: 10px
    }

    .product-card .card-header .swatch-preview {
        height: 15px;
        width: 15px;
        margin-top: 0
    }

    .navbar__search .card-header__left h4 {
        font-size: 19px;
        line-height: 25px;
        font-weight: 600;
        margin-bottom: 5px
    }

    .navbar__search .card-header .sa-price {
        font-size: 12px;
        line-height: 17px
    }

    .product-card .card-footer {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .product-card .card-footer__left p {
        max-width: none
    }

    .product-card--normal .card-header {
        grid-template-columns: 1fr
    }

    .product-card--normal .card-header__right {
        display: none
    }

    .product-card--small .product-card__grid {
        grid-template-columns: 65px 1fr;
        gap: 14px
    }
}

@media (max-width: 389.98px) {

    .product-card .product-card__badges,
    .product-card .product-card__compare-btn {
        display: none
    }
}

@media (max-width: 575.98px) {

    body:not(.template--collection):not(.template--index) .swiper-slide .product-card__badges,
    body:not(.template--collection):not(.template--index) .swiper-slide .product-card__compare-btn {
        display: none
    }
}

.product-card__main-content {
    position: relative;
    transition: all .3s ease;
    display: grid
}

.product-card__image {
    grid-row: 1;
    grid-column: 1
}

.product-card__header {
    grid-column: 1;
    grid-row: 2
}

.product-card .quick-add {
    grid-row: 1;
    grid-column: 1;
    align-self: end;
    height: fit-content;
    margin-top: auto;
    background-color: #fff;
    z-index: 15;
    transition: all .3s ease;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0
}

.product-card .quick-add--disable {
    pointer-events: none;
    display: none
}

.product-card.product-card--show-quickbuy .quick-add {
    visibility: visible;
    opacity: 1
}

.product-card .product-card__main-content {
    display: grid
}

.product-card .quick-add__header-wrapper {
    padding: 20px 20px 10px
}

.product-card .quick-add__content-wrapper {
    border: 1px solid #787878;
    background-color: #fff
}

.product-card .quick-add__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #d6d1d1;
    padding-bottom: 10px
}

.product-card .quick-add__right {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer
}

.product-card .quick-add__right-text {
    font-size: 13px;
    line-height: 19px;
    color: #b3b3b3
}

@media (max-width: 767.98px) {
    .product-card .quick-add__right-text {
        font-size: 14px;
        line-height: 20px
    }
}

.product-card .quick-add__heading {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .product-card .quick-add__heading {
        font-size: 14px
    }
}

.product-card .quick-add__swatch {
    width: 17px;
    height: 17px;
    border-radius: .824px;
    border: 1.15px solid #d6d1d1
}

.product-card .quick-add__option {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px;
    border-radius: 1px;
    cursor: pointer;
    transition: all .3s ease;
    height: 37px
}

.product-card .quick-add__option.active {
    background-color: #f6f6f6
}

.product-card .quick-add__option span {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .product-card .quick-add__option span {
        font-size: 14px
    }
}

.product-card .quick-add__option:hover {
    background-color: #f6f6f6
}

.product-card .quick-add__options {
    padding-inline: 10px;
    padding-bottom: 20px
}

.product-card .quick-add__cta {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: 15px;
    height: 41px;
    background-color: #2279bf;
    color: #151515;
    padding-inline: 0px
}

@media (max-width: 767.98px) {
    .product-card .quick-add__cta {
        font-size: 14px
    }
}

.product-card .quick-add__cta.disabled {
    background-color: #b3b3b3;
    cursor: not-allowed
}

@media (max-width: 767.98px) {
    .product-card .quick-add__heading {
        color: #b3b3b3
    }

    .product-card .quick-add__right-text {
        display: none
    }
}

@media (max-width: 767.98px) {
    .product-card {
        height: 100%
    }

    .swiper-slide .product-card {
        height: fit-content
    }

    .product-card__main-content {
        height: 100%;
        grid-template-rows: auto 1fr auto
    }

    .product-card__footer {
        margin-top: auto
    }
}

.product-card--small .card-image img {
    height: auto
}

.product-card--small .card-header__left:has(.card-content) {
    display: flex;
    height: 100%
}

.product-card--small .card-content {
    width: 100%;
    margin: auto
}

.product-card--small .card-content .line-y {
    transition: all .3s ease
}

.product-card--small .card-content.show-more .line-y {
    opacity: 0
}

.product-card--small .card-content__collapse {
    width: 100%;
    padding-top: 10px;
    overflow: hidden;
    padding-bottom: 10px;
    display: none
}

.product-card--small .card-content__option {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center
}

.product-card--small .card-content__option>.button-text {
    color: #787878
}

.product-card--small .card-content__swatches {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-right: 2px
}

@media (max-width: 575.98px) {
    .product-card--small .card-content__swatches {
        padding-left: 2px
    }
}

.product-card--small .card-content__header {
    padding-top: 10px;
    border-bottom: solid 1px #f0eded
}

.product-card--small .card-content__header>.p-large {
    display: flex;
    padding-bottom: 10px
}

.product-card--small .card-content__header>.p-large a {
    margin-left: auto
}

.product-card--small .card-content__toggle {
    display: flex;
    align-items: center;
    gap: 5px
}

@media (max-width: 767.98px) {
    .product-card--small .card-content .product-hero__swatch--label {
        gap: 15px
    }

    .product-card--small .card-content .product-hero__swatch-color {
        height: 17px;
        width: 17px
    }
}

@media (max-width: 575.98px) {
    .product-card--small .card-content__option {
        padding-top: 15px;
        grid-template-columns: 1fr;
        gap: 5px
    }

    .product-card--small .card-content__swatches {
        flex-direction: column;
        gap: 5px;
        align-items: start
    }

    .product-card--small .card-content__swatches>.button-text {
        order: 5
    }
}

@media (max-width: 767.98px) {
    .product-card--small.product-card--main .product-card__grid {
        grid-template-columns: 100px 1fr
    }
}

.gun-bundle-details .product-card__form {
    opacity: 1;
    visibility: inherit
}

.accordion-item {
    position: relative;
    border-bottom: 1px solid #151515
}

.accordion-item:first-child {
    border-top: 1px solid #151515
}

.accordion-item__header {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    padding: 12px 0
}

.accordion-item__icon {
    display: block;
    width: 12px;
    height: 12px;
    position: relative
}

.accordion-item__icon:before,
.accordion-item__icon:after {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transition: all .3s ease;
    width: 100%;
    height: 1.5px
}

.accordion-item__icon:before {
    transform: translateY(-50%)
}

.accordion-item__icon:after {
    transform: translateY(-50%) rotate(90deg)
}

.accordion-item__main {
    display: none
}

.accordion-item.active .accordion-item__main {
    display: block
}

.accordion-item.active .accordion-item__icon:before {
    transform: translateY(-50%) rotate(-90deg);
    opacity: 0;
    background-color: #000
}

.accordion-item.active .accordion-item__icon:after {
    transform: translateY(-50%) rotate(0);
    background-color: #000
}

@media (max-width: 767.98px) {
    .accordion-item__header {
        padding: 12px 0
    }
}

.sa-media {
    position: relative
}

.sa-media,
.sa-media__image,
.sa-media img,
.sa-media video {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.grid--buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    max-width: 446px;
    width: 100%
}

.grid--buttons .button {
    width: 100%
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important
}

label {
    cursor: pointer
}

select.select-native {
    display: block;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none
}

.newsletter-page {
    position: relative
}

.newsletter-page .newsletter-form__success {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f5f5f5;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.newsletter-page .newsletter-form__success>h3 {
    margin: 0 0 15px
}

@media (max-width: 767.98px) {
    .newsletter-page .newsletter-form__success>h3 {
        font-size: 32px;
        line-height: 38px;
        font-family: Feature Deck
    }

    .home-hero__content .sa-media,
    .home-hero__content .sa-media__image,
    .home-hero__content .sa-media img,
    .home-hero__content .sa-media video {
        height: 100vh;
        width: auto;
        object-fit: cover;
        max-width: fit-content;
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .newsletter-page .newsletter-form__success>h3 {
        font-size: 23px;
        line-height: 29px
    }
}

.newsletter-page .newsletter-form__success .button {
    margin-top: 35px;
    width: fit-content
}

.newsletter-page.newsletter-success .newsletter-form__success {
    opacity: 1;
    visibility: inherit
}

.pastel-body iframe#preview-bar-iframe {
    display: none !important
}

.richtext-block a {
    text-decoration: underline
}

.support-video {
    position: relative;
    width: 100%;
    max-width: 600px;
    padding-bottom: 40px
}

.support-video iframe,
.support-video video {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover
}

.support-video__inner:has(iframe) {
    padding-bottom: 56.25%
}

.support-video iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    right: auto
}

.support-video__inner {
    position: relative;
    width: 100%
}

.richtext-block--support-hub {
    max-width: 600px
}

.search {
    display: block;
    position: relative;
    background: #fff
}

.search .product-card__badges,
.search .product-card__compare-btn {
    display: none
}

.search__grid {
    gap: 37px;
    display: grid;
    grid-template-columns: 1fr 308px
}

.search__grid--one-col {
    grid-template-columns: 1fr
}

.search__content {
    padding: 35px 76px 53px
}

.search__input {
    position: relative;
    border-bottom: solid 1px #d6d1d1;
    padding: 0
}

.search__input>input {
    padding: 20px 200px 19px;
    border: 0;
    width: 100%;
    font-size: 32px;
    line-height: 38px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .search__input>input {
        font-size: 23px;
        line-height: 29px
    }
}

.search__input>input::placeholder {
    color: #b3b3b3
}

.search__input>input:focus-visible,
.search__input>input:focus-within,
.search__input>input:focus {
    outline: none
}

.search__icon {
    display: none
}

.search__close {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 55px;
    padding: 20px
}

.search__close svg {
    max-width: 40px;
    max-height: 40px
}

.search__close svg path {
    transition: all .5s ease;
    fill: #484646
}

.search__featured-collections {
    padding: 30px 0 0
}

.search__featured-collections-grid {
    gap: 10px;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr
}

.search__featured-collections-grid::-webkit-scrollbar {
    background: #0000;
    width: 0px
}

.search__featured-collections-grid {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.search__featured-collection {
    position: relative;
    overflow: hidden;
    border-radius: 8px
}

.search__featured-collection .link-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0
}

.search__featured-collection .image {
    max-height: 200px;
    object-fit: cover;
    height: 100%
}

.search__featured-collection .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.search__featured-collection .title {
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    font-family: Feature Deck;
    font-weight: 500;
    position: absolute;
    left: 20px;
    bottom: 20px
}

@media (max-width: 767.98px) {
    .search__featured-collection .title {
        font-size: 14px;
        line-height: 17px
    }
}

.search__no-results {
    position: absolute;
    right: 100%;
    pointer-events: none;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 18px;
    font-size: 16px;
    line-height: 21px;
    opacity: 0;
    transition: all .5s ease
}

.search__container#empty-result .search__grid {
    grid-template-columns: 27% 1fr
}

.search__container#empty-result .search-recommendations {
    padding: 0
}

.search__initial {
    display: grid;
    grid-template-columns: 27% 1fr
}

.search__popular-title {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck;
    margin-bottom: 16px;
    color: #787878
}

@media (max-width: 767.98px) {
    .search__popular-title {
        font-size: 14px;
        line-height: 17px
    }
}

@media (max-width: 575.98px) {
    .search__popular-title {
        margin-bottom: 9px
    }
}

.search__popular-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 32px;
    line-height: 38px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .search__popular-list {
        font-size: 23px;
        line-height: 29px
    }
}

@media (max-width: 991.98px) {
    .search__input>input {
        padding: 20px 40px 19px
    }

    .search__content {
        padding: 20px 40px 90px
    }

    .search__close {
        right: 20px
    }

    .search__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width: 991.98px) {
    .search__initial {
        grid-template-columns: 1fr;
        gap: 70px
    }

    .search__input>input {
        padding: 23px 25px 22px
    }

    .search__close {
        right: 5px;
        top: 8px
    }

    .search__close svg {
        width: 18px;
        height: 18px
    }

    .search__content {
        padding: 35px 25px 90px
    }

    .search__icon {
        display: block;
        position: absolute;
        top: 50%;
        left: 33px;
        transform: translateY(-50%)
    }

    .search__featured-collections {
        padding: 50px 0;
        grid-template-columns: 100%
    }

    .search__featured-collections>.title {
        display: none
    }

    .search__featured-collections-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        white-space: nowrap;
        margin-right: -20px;
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 40px;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .search__featured-collections-grid::-webkit-scrollbar {
        display: none
    }

    .search__featured-collection {
        width: 148px;
        flex-shrink: 0
    }

    .search__popular-list {
        gap: 11px
    }

    .search__container#empty-result .search__grid {
        grid-template-columns: 1fr;
        gap: 70px
    }

    .search__container#empty-result .search-results__heading {
        padding: 0
    }
}

@media (min-width: 576px)and (max-width: 991.98px) {
    .search__input>input {
        padding: 20px 76px 19px
    }

    .search__close {
        right: 55px
    }

    .search__content {
        padding: 20px 76px 90px
    }
}

.search-results {
    padding: 0
}

.search-results--no-results {
    padding-top: 0
}

.search-results .no-results {
    width: 295px
}

.search-results .no-results .btn {
    font-size: 14px !important;
    padding: 10px 40px
}

.search-results__heading {
    display: grid;
    grid-template-columns: 1fr auto;
    padding-bottom: 22px;
    border-bottom: 1px solid #f0eded;
    align-items: flex-end;
    align-items: center;
    margin-bottom: 21px
}

.search-results__heading>h4 {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .search-results__heading>h4 {
        font-size: 14px;
        line-height: 17px
    }
}

.search-results__heading .btn {
    font-size: 12px !important;
    line-height: 19px;
    padding: 6px 24px 5px
}

.search-results__heading>a,
.search-results__heading>a:after {
    transition: all .3s ease
}

.search-results__heading>a:hover:after {
    background-color: var(--color-text-hover)
}

.search-results__heading.empty-result {
    display: block;
    padding: 65px 0 0;
    margin: 0;
    border: none
}

.search-results__heading.empty-result h3 {
    font-size: 43px;
    line-height: 46px;
    font-family: Feature Deck;
    margin-bottom: 21px
}

@media (max-width: 767.98px) {
    .search-results__heading.empty-result h3 {
        font-size: 30px;
        line-height: 36px
    }
}

.search-results__heading.empty-result p {
    font-size: 22px;
    line-height: 28px;
    max-width: 248px
}

@media (max-width: 767.98px) {
    .search-results__heading.empty-result p {
        font-size: 18px;
        line-height: 24px
    }
}

.search-results__counter {
    font-size: 16px;
    line-height: 22px;
    transform: translate(10px)
}

.search-results__articles {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.search-results__articles--item .article p {
    margin-bottom: 0
}

.search-results__articles--item .article__title {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 8px
}

.search-results__articles--item .article__date {
    font-size: 12px;
    line-height: 14px;
    color: #989898
}

.search-results__article {
    margin-bottom: 0;
    overflow: hidden
}

.search-results__article .title {
    max-width: 360px
}

@media (max-width: 991.98px) {
    .search-results__article .title {
        max-width: none
    }
}

.search-results__article .title a {
    color: #262525;
    text-decoration: none;
    text-transform: capitalize
}

.search-results__article .category {
    margin: 0 0 10px;
    text-transform: capitalize;
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .search-results__article .category {
        font-size: 16px;
        line-height: 22px
    }
}

.search-results__article .image {
    position: relative
}

.search-results__article .image img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top center
}

.search-results__article.is-light * {
    color: #fff !important
}

.search-results__article.is-light .underline-link:after {
    background: #fff
}

.search-results .btn {
    font-size: 12px !important;
    line-height: 19px;
    padding: 6px 24px 5px
}

.search-results .btn:hover {
    background: #000;
    color: #fff
}

.search-results__products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

@media (max-width: 991.98px) {
    .search-results__products {
        grid-template-columns: 1fr 1fr
    }
}

.search-results__products--image {
    margin-bottom: 16px
}

.search-results__products--info {
    row-gap: 5px;
    column-gap: 10px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center
}

.search-results__products--info p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 18px
}

.search-results__products--info .product__price {
    font-size: 14px;
    line-height: 15px;
    text-align: right
}

.search-results__products--info .product__rating img {
    display: block;
    max-width: 84px
}

.search-results__products--info .product__quantity {
    font-size: 10px;
    line-height: 10px;
    text-align: right;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: normal
}

.search-results__products .product-card {
    width: 100%
}

.search-results__products .product-card__info {
    margin-top: 0;
    padding-top: 15px
}

.search-results__products .product-card__badge {
    font-size: 12px;
    line-height: 19px
}

.search-results__products .product-card__categories,
.search-results__products .product-card__price,
.search-results__products .product-card .sa-price {
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {

    .search-results__products .product-card__categories,
    .search-results__products .product-card__price,
    .search-results__products .product-card .sa-price {
        font-size: 16px;
        line-height: 22px
    }
}

.search-results__products .product-card .card-header h4 {
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .search-results__products .product-card .card-header h4 {
        font-size: 16px;
        line-height: 22px
    }
}

@media (min-width: 576px)and (max-width: 991.98px) {
    .search-results__products .product-card:nth-child(3) {
        display: none
    }
}

.search-results--no-results .search-results {
    display: none
}

.search-results--no-results .search__no-results {
    opacity: 1
}

.search-results .product-card:hover .product-card__quickbuy {
    opacity: 0;
    visibility: hidden
}

@media (max-width: 767.98px) {
    .search-results__products .product-card:nth-child(3) {
        display: none
    }

    .search-results__heading {
        padding-bottom: 14px;
        margin-bottom: 15px
    }

    .search-results__products {
        gap: 10px;
        grid-template-columns: 1fr 1fr
    }

    .search-results__products::-webkit-scrollbar {
        background: #0000;
        width: 0px
    }

    .search-results__products {
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .search-results__products--item {
        padding: 12px;
        border-radius: 12px;
        background: #82cff5
    }

    .search-results__products--image {
        margin-bottom: 0
    }

    .search-results__products--info {
        grid-template-columns: 1fr auto
    }

    .search-results__products--info p,
    .search-results__products--info .product__price {
        font-size: 14px;
        line-height: 16px
    }

    .search-results__products--info .product__rating img {
        max-width: 64px
    }

    .search-results__products .product-card__footer {
        display: none
    }

    .search-results__products .product-card__price {
        font-size: 17px;
        line-height: 23px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .search-results__products .product-card__price {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 767.98px) {
    .search-results__products .product-card__price .sa-price {
        display: block;
        font-size: 17px;
        line-height: 23px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .search-results__products .product-card__price .sa-price {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 767.98px) {
    .search-results__products .card-header {
        gap: 0px;
        grid-template-columns: auto
    }

    .search-results__products .card-header__right {
        display: none
    }

    .search-results__products .card-header__swatch {
        display: flex;
        gap: 10px;
        align-items: center
    }

    .search-results__products .card-header h4 {
        font-size: 17px;
        line-height: 23px;
        font-weight: 400;
        margin-bottom: 0
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .search-results__products .card-header h4 {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 767.98px) {
    .search-results__products .search-show {
        display: block !important
    }

    .search-results__products .card-swatch {
        height: 12px;
        width: 12px
    }

    .search-results__products .card-swatch__label {
        font-size: 13px;
        line-height: 13px
    }

    .search-results__articles {
        grid-template-columns: auto;
        gap: 25px
    }

    .search-results__articles .article__image {
        margin-bottom: 24px;
        max-height: 405px;
        border-radius: 12px;
        overflow: hidden
    }

    .search-results__articles .article__image img {
        object-fit: cover
    }

    .search-results__articles .article__title {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 15px
    }

    .search-results .search-results__article:nth-child(3) {
        display: none
    }

    .search-results .search-results__article .category {
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .search-results .search-results__article .category {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .search-results .search-results__article .image {
        height: 100%;
        position: relative;
        object-fit: cover;
        min-height: 195px !important
    }

    .search-results .search-results__article .image img {
        height: 100%;
        width: 100%;
        position: absolute;
        object-fit: cover
    }
}

.search-results--no-products .search-results__article .image {
    min-height: 300px
}

.search-recommendations {
    padding-top: 65px;
    padding-bottom: 49px
}

.search-recommendations .search-card {
    position: relative;
    overflow: hidden;
    width: 100%
}

.search-recommendations .search-card__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.search-recommendations .search-card__content {
    z-index: 9;
    display: flex
}

.search-recommendations .search-card__content h6 {
    font-size: 17px;
    line-height: 23px;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .search-recommendations .search-card__content h6 {
        font-size: 16px;
        line-height: 22px
    }
}

.search-recommendations .search-card__image {
    margin-bottom: 15px;
    aspect-ratio: .755
}

.search-recommendations .search-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.search-recommendations__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
    gap: 10px
}

.search-recommendations__mobile ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px
}

.search-recommendations__mobile ul a {
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .search-recommendations__mobile ul a {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 991.98px) {
    .search-recommendations {
        padding-top: 20px
    }

    .search-recommendations__grid {
        grid-template-columns: 1fr 1fr
    }

    .search-recommendations .search-card:nth-child(3) {
        display: none
    }
}

@media (max-width: 575.98px) {
    .search-recommendations .search-card:nth-child(3) {
        display: none
    }

    .search-recommendations .search-card__image {
        aspect-ratio: .78
    }

    .search-recommendations .search-card__content h6 {
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px
    }
}

.contact-modal {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease;
    z-index: 9999
}

.contact-modal.active {
    opacity: 1;
    visibility: visible
}

.contact-modal__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #151515;
    opacity: .9
}

.contact-modal__wrapper {
    opacity: 1;
    transition: all .3s ease;
    transform-origin: 0 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    max-width: 763px;
    background: #2279bf;
    border-radius: 0;
    overflow: hidden;
    display: grid;
    grid-template-columns: 46.3% 1fr;
    width: 100%;
    z-index: 11
}

.contact-modal input::-webkit-outer-spin-button,
.contact-modal input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.contact-modal input[type=number] {
    -moz-appearance: textfield
}

.contact-modal__img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.contact-modal.success {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.contact-modal__right {
    padding: 43px 40px;
    position: relative
}

.contact-modal__header {
    margin-bottom: 15px;
    position: relative
}

.contact-modal__header h4 {
    font-size: 26px;
    line-height: 34px;
    font-family: Feature Deck;
    margin-bottom: 15px
}

@media (max-width: 767.98px) {
    .contact-modal__header h4 {
        font-size: 18px;
        line-height: 24px
    }
}

.contact-modal__header p {
    color: #000
}

.contact-modal__close {
    position: absolute;
    right: 21px;
    top: 18px;
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 99;
    padding: 11px
}

.contact-modal__close svg circle,
.contact-modal__close svg line {
    transition: all .3s ease
}

.contact-modal__close:hover svg circle {
    fill: #000
}

.contact-modal__close:hover svg line {
    stroke: #fff
}

.contact-modal__button {
    width: 100%;
    background-color: #151515;
    display: flex;
    justify-content: space-between;
    color: #2279bf;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    padding: 15px 20px;
    margin-top: 0;
    align-items: center
}

@media (max-width: 767.98px) {
    .contact-modal__button {
        font-size: 14px
    }
}

.contact-modal__form h4 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
    font-weight: 200;
    text-align: center;
    font-family: var(--font-pp-editorial)
}

.contact-modal__form .form-row {
    margin-bottom: 10px
}

.contact-modal__dismiss {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 10px
}

@media (max-width: 767.98px) {
    .contact-modal__dismiss {
        font-size: 14px
    }
}

.contact-modal__success {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 350px
}

.contact-modal__success .contact-modal__header {
    margin-bottom: 80px
}

.contact-modal__success .contact-modal__form fieldset .input__submit {
    margin-top: 0
}

.contact-modal .form-input__container.form-hide {
    display: none
}

.contact-modal .form-success {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 40px 40px 12px;
    z-index: 90;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    background: #2279bf;
    color: #151515
}

.contact-modal .form-success__content {
    margin: auto;
    width: 100%
}

.contact-modal .form-success__message {
    width: 100%;
    margin: 0 auto 30px;
    color: #000
}

.contact-modal .form-success__message h4 {
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 34px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .contact-modal .form-success__message h4 {
        font-size: 18px;
        line-height: 24px
    }
}

.contact-modal .form-success__message p {
    margin-bottom: 15px
}

.contact-modal.newsletter-success .form-success {
    opacity: 1;
    visibility: inherit
}

@media (max-width: 767.98px) {
    .contact-modal {
        max-width: calc(100vw - 50px);
        margin: 25px
    }

    .contact-modal__wrapper {
        grid-template-columns: 1fr
    }

    .contact-modal__img {
        height: 244px
    }

    .contact-modal__header {
        margin-bottom: 20px
    }

    .contact-modal__header h4 {
        font-size: 32px;
        line-height: 38px;
        font-family: Feature Deck;
        width: 80%;
        margin-bottom: 10px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .contact-modal__header h4 {
        font-size: 23px;
        line-height: 29px
    }
}

@media (max-width: 767.98px) {
    .contact-modal__right {
        position: relative;
        padding: 35px 20px 38px
    }

    .contact-modal__form .form-row {
        margin-bottom: 5px
    }

    .contact-modal__form .form-row--last {
        margin-top: 10px;
        margin-bottom: 15px
    }

    .contact-modal__form .input__field {
        padding: 8.5px 20px
    }

    .contact-modal__success .contact-modal__form h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px
    }

    .contact-modal__success .contact-modal__form fieldset .input__submit {
        margin-top: 0
    }

    .contact-modal__dismiss {
        text-underline-offset: 8px
    }

    .contact-modal .form-success {
        padding: 35px 20px
    }

    .contact-modal .form-success__message {
        margin: 0 auto
    }

    .contact-modal .form-success__message h4 {
        margin-bottom: 10px;
        font-size: 32px;
        line-height: 38px;
        font-family: Feature Deck;
        width: 50%
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .contact-modal .form-success__message h4 {
        font-size: 23px;
        line-height: 29px
    }
}

@media (max-width: 767.98px) {
    .contact-modal .form-success__message p {
        margin-bottom: 20px
    }
}

.article-card {
    position: relative
}

.article-card__title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
    max-width: 400px
}

@media (max-width: 767.98px) {
    .article-card__title {
        font-size: 18px;
        line-height: 24px
    }
}

.article-card__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.article-card__image {
    position: relative
}

.article-card__tag {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    padding: 5px 9px;
    background-color: #fff;
    border-radius: 3px
}

.article-card .secondary-button {
    position: relative;
    z-index: 1000
}

.text__link {
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    position: relative
}

.text__link:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0
}

.cart-recommend__options {
    margin: 0 0 9px;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 6px;
    align-items: center
}

.cart-recommend__options li {
    font-size: 13px;
    line-height: 19px;
    position: relative;
    padding-right: 7px
}

.cart-recommend__options li:after {
    content: "";
    position: absolute;
    background-color: #d2d0d0;
    height: 9px;
    right: -1px;
    width: 1px;
    top: 50%;
    margin-top: -3px
}

.cart-recommend__options li:last-of-type {
    padding-right: 0
}

.cart-recommend__options li:last-of-type:after {
    display: none
}

.cart-recommend__options select {
    line-height: 23px;
    border: none;
    border-right: 7px solid rgba(0, 0, 0, 0);
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.cart a {
    text-decoration: none
}

.cart__content {
    column-gap: 10px;
    display: grid;
    grid-template-columns: 2fr 1fr
}

.cart__content--right {
    text-align: right
}

.cart__content--left.quantity {
    display: flex
}

.cart__item {
    border: none;
    padding-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0eeed
}

.cart__item:last-of-type {
    border-bottom: none
}

.cart__item-wrapper {
    gap: 15px;
    display: grid;
    align-items: start;
    grid-template-columns: 96px 1fr
}

.cart__item .cart__image img {
    width: 100%;
    object-fit: cover
}

.cart__image {
    max-height: 130px
}

.cart__checkout-btn {
    margin-bottom: 10px
}

.cart__quantity-box {
    display: grid;
    line-height: 30px;
    padding: 2px 5px;
    max-width: 58px;
    grid-template-columns: 1fr 2fr 1fr;
    text-align: center;
    font-size: 13px;
    line-height: 23px;
    border: 1px solid #d2d0d0;
    width: 100%;
    margin-top: 4px;
    margin-bottom: auto
}

.cart__quantity-box .box-q {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 8px
}

.cart__quantity-box .box-q--plus {
    top: .5px
}

.cart__collection-name {
    font-size: 12px;
    line-height: 19px;
    text-transform: uppercase;
    margin-bottom: 2px
}

.cart__product-name {
    font-size: 15px;
    line-height: 21px;
    letter-spacing: .1px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 400
}

.cart__quantity-selector {
    width: inherit;
    text-align: center;
    border: 0;
    background: #0000;
    -moz-appearance: textfield
}

.cart__quantity-selector::-webkit-outer-spin-button,
.cart__quantity-selector::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cart__size-box,
.cart__size-box span {
    font-size: 13px;
    line-height: 19px
}

.cart__size-box span.product-card__size {
    margin-left: 3px;
    padding-left: 6px;
    position: relative
}

.cart__size-box span.product-card__size:before {
    content: "";
    display: inline-block;
    width: 1px;
    background: #d2d0d0;
    height: 11px;
    margin-right: 5px;
    position: absolute;
    left: 0;
    bottom: 2px
}

.cart__size-box span.product-card__size:first-of-type {
    padding-left: 0;
    margin-left: 0
}

.cart__size-box span.product-card__size:first-of-type:before {
    display: none
}

.cart__sale-tag {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    color: #9b9b9b;
    display: block
}

.cart__upgrade-subs {
    font-size: 12px;
    line-height: 14px;
    display: block
}

.cart__remove-link {
    font-size: 13px;
    line-height: 19px;
    color: #9b9b9b !important
}

.cart__price,
.cart__price-box {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: .1px
}

@media (min-width: 992px) {
    .cart-drawer .cart-recommended__wrapper {
        display: none
    }
}

@media (max-width: 767.98px) {
    .cart__checkout-btn .btn {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .cart__item-wrapper {
        gap: 12px;
        display: grid;
        grid-template-columns: 100px 1fr
    }

    .cart__item {
        padding-bottom: 20px
    }

    .cart__item-wrapper {
        gap: 20px;
        grid-template-columns: 70px 1fr
    }

    .cart__product-name {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 19px
    }

    .cart__price {
        font-size: 14px;
        line-height: 110%
    }

    .cart__buttons .btn {
        font-size: 11px;
        line-height: 100%;
        border-radius: 300px
    }
}

.cart-drawer {
    color: #262525;
    position: fixed;
    height: 100%;
    overflow: hidden;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transform: translate(100%);
    transition: .5s all ease;
    background-color: #fff;
    max-width: calc((100vw - 152px) / 3 + 62px);
    min-width: 491px;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    height: auto;
    left: auto
}

.cart-drawer--recommended {
    right: max((100vw - 152px) / 3 + 62px, 491px);
    background: linear-gradient(0deg, #ffffffab 0% 100%), #d6d1d1;
    min-width: 0px;
    width: 100%;
    max-width: calc((100vw - 152px) / 3 + 62px)
}

body.js-ajax-cart-empty .cart-drawer--recommended,
.cart-drawer--recommended.no-recommendations {
    display: none
}

@media (min-width: 992px) {
    .cart-drawer .hide-cart-drawer-lg {
        display: none
    }
}

@media (max-width: 767.98px) {
    .cart-drawer .hide-cart-drawer-sm {
        display: none
    }
}

@media (max-width: 767.98px) {
    .cart-drawer .show-cart-drawer-sm {
        display: block
    }
}

@media (min-width: 992px) {
    .cart-drawer .show-cart-drawer-sm {
        display: none
    }
}

.cart-drawer__container {
    height: 100%;
    display: flex;
    flex-direction: column
}

.cart-drawer__main {
    margin-bottom: 0;
    overflow-y: auto;
    padding-bottom: 40px;
    padding-right: 47px;
    padding-left: 47px
}

.cart-drawer__header {
    padding: 28px 45px 24px;
    position: relative;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    display: grid;
    background: #a9905d
}

@media (min-width: 768px) {
    .cart-drawer__header {
        min-height: 76px
    }
}

.cart-drawer__header>a {
    margin-right: 20px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
    display: block;
    text-transform: uppercase;
    transform: translateY(-2px);
    margin-top: 4px
}

.cart-drawer__header h6 {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 1.7px;
    font-weight: 500;
    color: #fff
}

@media (max-width: 767.98px) {
    .cart-drawer__header h6 {
        font-size: 16px;
        line-height: normal
    }
}

.cart-drawer__header h6 .cart-count {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .cart-drawer__header h6 .cart-count {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-drawer__header h6 .separator {
    margin: 0 20px;
    background: #ebebeb;
    width: 1px;
    height: 16px
}

.cart-drawer__header h6 .view-cart {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    margin-left: auto;
    margin-right: 20px;
    text-decoration: none;
    text-underline-offset: 2px
}

@media (max-width: 767.98px) {
    .cart-drawer__header h6 .view-cart {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-drawer__header h6 .view-cart:hover {
    text-decoration: underline
}

body.js-ajax-cart-empty .cart-drawer__header h6 .view-cart {
    display: none
}

.cart-drawer__header h1 {
    font-size: 60px;
    line-height: 66px;
    letter-spacing: -.04em;
    margin-bottom: 0
}

.cart-drawer__header.cart-item__count--0 {
    margin-bottom: 20px
}

.cart-drawer__checkout-btn .button {
    width: 100%
}

.cart-drawer__subtotal {
    display: flex;
    gap: 30px;
    margin-bottom: 15px;
    justify-content: space-between
}

.cart-drawer__subtotal--left h6 {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .cart-drawer__subtotal--left h6 {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-drawer__subtotal--right {
    text-align: right
}

.cart-drawer__subtotal--right h6 {
    margin-bottom: 10px
}

.cart-drawer__subtotal .payment-options {
    color: #484646
}

.cart-drawer__items .cart-item:first-child {
    border-top: none
}

.cart-drawer__empty {
    padding-top: 7px
}

.cart-drawer__card {
    display: grid;
    gap: 20px
}

.cart-drawer__card img {
    width: 100%;
    aspect-ratio: 1.2
}

.cart-drawer .shipping-text {
    justify-self: center;
    color: #b3b3b3
}

.cart-drawer .view-cart {
    justify-self: center;
    position: relative;
    transition: all .3s ease
}

.cart-drawer .view-cart:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d6d1d1;
    bottom: -7px;
    left: 0;
    transition: all .3s ease
}

@media (min-width: 992px) {
    .cart-drawer .view-cart:hover {
        color: #787878
    }
}

.cart-drawer__checkout-btn {
    margin-block: 13px
}

.cart-drawer__checkout-btn a {
    min-height: 50px;
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .cart-drawer__checkout-btn a {
        font-size: 16px;
        line-height: 22px
    }
}

.cart-drawer__footer {
    position: relative;
    z-index: 5;
    margin-top: auto;
    display: grid;
    padding: 20px 47px 40px;
    border-top: 1px solid #f0eded
}

.cart-drawer__footer--empty {
    border-top: 0px;
    padding-bottom: 51px;
    box-shadow: none
}

.cart-drawer__footer .payment-options {
    font-size: 11px;
    line-height: 19px;
    align-items: center
}

.cart-drawer__footer .payment-options>img {
    height: 10px;
    max-height: 10px
}

.cart-drawer__grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.cart-drawer__summary {
    margin-left: 40px;
    padding: 44px 58px;
    border-radius: 12px;
    box-shadow: 0 13px 80px #00000012
}

.cart-drawer__overlay {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99997;
    background: #d2d0d080;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.cart-drawer__overlay:empty {
    display: block
}

.cart-drawer__loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #fff9;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease
}

.cart-drawer__close {
    transform: translate(-5px)
}

.cart-drawer__close--desktop svg {
    max-width: 30px;
    max-height: 30px
}

.cart-drawer__close--desktop svg path {
    fill: #000
}

.cart-drawer__shipping {
    margin: 26px 47px 18px;
    padding-bottom: 11px;
    text-align: left;
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative
}

.cart-drawer__shipping:before {
    content: "";
    width: 125px;
    height: 5px;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    background: #a9905d;
    max-width: 100%
}

.cart-drawer__shipping:after {
    content: "";
    width: 100%;
    height: 5px;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 1;
    background: #ebebeb
}

.js-ajax-cart-empty .cart-drawer .cart-drawer__shipping {
    margin-top: 7px
}

.js-ajax-cart-empty .cart-drawer .cart-drawer__shipping:after,
.js-ajax-cart-empty .cart-drawer .cart-drawer__shipping:before {
    display: none
}

.cart-drawer__shipping p {
    color: #292828;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .cart-drawer__shipping p {
        font-size: 14px;
        line-height: 21px
    }
}

.cart-drawer--show {
    overflow: hidden
}

.cart-drawer--show .cart-drawer {
    opacity: 1;
    visibility: inherit;
    transform: translate(0)
}

.cart-drawer--show .cart-drawer__overlay,
body.js-ajax-cart-request-in-progress .cart-drawer__loader {
    opacity: 1;
    visibility: inherit
}

@media (max-width: 767.98px) {
    .cart-drawer {
        max-width: none;
        min-width: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 0
    }

    .cart-drawer__header {
        padding: 22px 25px 18px
    }

    .cart-drawer__shipping {
        margin-inline: 25px;
        margin-top: 30px;
        padding-bottom: 8px
    }

    .js-ajax-cart-empty .cart-drawer__shipping {
        padding-bottom: 11px
    }

    .cart-drawer__shipping:before,
    .cart-drawer__shipping:after {
        height: 5px
    }

    .cart-drawer__main {
        padding-inline: 25px
    }

    .cart-drawer__footer {
        padding: 20px 36.93px 29px
    }

    .cart-drawer__footer--empty {
        padding: 0
    }

    .cart-drawer__footer--empty a {
        font-size: 15px;
        line-height: 21px;
        font-weight: 500
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .cart-drawer__footer--empty a {
        font-size: 14px
    }
}

@media (max-width: 767.98px) {
    .cart-drawer__card {
        margin-inline: 25px;
        margin-bottom: 26px
    }

    .cart-drawer .view-cart {
        font-size: 13px
    }

    .cart-drawer .view-cart:after {
        bottom: -4px
    }

    .cart-drawer__packaging-options h4 {
        font-size: 14px;
        line-height: 20px
    }

    .cart-drawer__checkout-btn {
        margin-bottom: 9px;
        margin-top: 15px
    }

    .cart-drawer__checkout-btn a {
        font-size: 17px
    }

    .js-ajax-cart-empty .cart-drawer__checkout-btn {
        margin-bottom: 0;
        border-top: 1px solid #d6d1d1
    }

    .js-ajax-cart-empty .cart-drawer__checkout-btn a {
        font-size: 15px;
        line-height: 21px;
        font-weight: 500
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .js-ajax-cart-empty .cart-drawer__checkout-btn a {
        font-size: 14px
    }
}

@media (max-width: 767.98px) {
    .cart-drawer__close {
        width: 16px;
        height: 16px;
        transform: translate(-2px, -2px)
    }

    .cart-drawer__close--desktop svg {
        width: 16px;
        height: 16px
    }

    .cart-drawer__close img {
        display: block
    }

    .cart-drawer .cart-dropdown__selected {
        padding: 6px 15px
    }

    .cart-drawer .cart-item {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .cart-drawer .cart-item__content--title {
        margin-bottom: 0
    }
}

@media (max-width: 767.98px)and (max-width: 389.98px) {
    .cart-drawer .cart-item__content--title {
        margin-bottom: 10px
    }
}

@media (max-width: 767.98px) {
    .cart-drawer .cart-item__content--quantity {
        align-items: start
    }

    .cart-drawer .cart-item:after {
        bottom: -14px
    }

    .cart-drawer .cart-item__price-box {
        padding-top: 0
    }

    .cart-drawer .cart-item__grid {
        column-gap: 10px
    }

    .cart-drawer .cart-item__remove {
        margin-top: 10px
    }
}

.cart-drawer--recommended {
    display: none
}

.cart-drawer--recommended .cart-drawer__header {
    background: linear-gradient(0deg, #00000021 0% 100%), #a9905d;
    padding-left: 50px
}

.cart-drawer--recommended .cart-drawer__header h6 {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .cart-drawer--recommended .cart-drawer__header h6 {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-drawer--recommended .cart-drawer__main {
    height: 100%
}

@media (min-width: 992px) {
    .cart-drawer--recommended {
        display: block
    }

    .cart-drawer--recommended .cart-recommended__item-grid {
        grid-template-columns: 106px 1fr
    }

    .cart-drawer--recommended .cart-recommended__item-image {
        height: 80px
    }

    .cart-drawer--recommended .cart-recommended__item-content {
        gap: 18px
    }

    .cart-drawer--recommended .cart-recommended__item-content--bottom {
        height: 35px;
        grid-template-columns: 1fr 82px
    }

    .cart-drawer--recommended .cart-recommended__item-cta {
        height: 100%;
        width: 100%
    }

    .cart-drawer--recommended .cart-recommended__wrapper {
        display: grid;
        padding: 0;
        margin-top: 30px
    }

    .cart-drawer--recommended .cart-recommended:not(:first-child) {
        padding-top: 40px
    }
}

.shipping-terms {
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 13px;
    line-height: 19px
}

.shipping-terms__right {
    text-align: right
}

.shipping-terms a {
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    position: relative;
    display: inline
}

.shipping-terms a:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0
}

.shipping-terms p {
    margin: 0
}

@media (max-width: 767.98px) {
    .shipping-terms {
        grid-template-columns: auto;
        gap: 10px
    }

    .shipping-terms__right {
        text-align: left
    }
}

.free-shipping__wrap {
    margin-bottom: 20px;
    border-top: 5px solid #f6f6f6;
    position: relative;
    padding-top: 7px
}

.free-shipping__wrap:before {
    content: "";
    display: block;
    height: 5px;
    width: 70%;
    position: absolute;
    left: 0;
    top: -5px;
    background: #fbd4d5
}

.free-shipping__wrap p {
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .shipping-payments {
        padding-bottom: 28px;
        margin-bottom: 20px
    }
}

.package-option__box {
    padding: 10px 0 15px
}

.package-option__item {
    gap: 24px;
    display: grid;
    margin-bottom: 10px;
    grid-template-columns: 44px 1fr auto
}

.package-option__name {
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: .1px;
    text-transform: uppercase;
    margin-right: 40px
}

.package-option__name span {
    display: block
}

.package-option__button .btn {
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    padding: 5px 15px
}

.package-option__button .btn:hover {
    color: #fff;
    background: #000
}

@media (max-width: 767.98px) {
    .package-option__item {
        gap: 15px;
        grid-template-columns: 70px 1fr
    }

    .package-option__img {
        background: #fff
    }

    .package-option__img img {
        padding: 20px 10px;
        background: #fff
    }

    .package-option__name {
        font-size: 12px;
        line-height: 19px;
        margin-right: 0
    }

    .package-option__button {
        padding-top: 6px
    }
}

.cart-item__messages>div {
    font-size: 12px;
    line-height: 1.4em;
    color: #000;
    padding: 6px;
    background: #f6f6f6;
    border-radius: 3px;
    margin-top: 10px
}

.cart-drawer__packaging-options {
    position: relative;
    z-index: 5
}

.packaging-popup {
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    background: inherit;
    border-radius: inherit;
    z-index: 9;
    box-shadow: 0 60px #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    width: 100%
}

.packaging-popup__toggle {
    cursor: pointer
}

.packaging-popup--show .packaging-popup {
    opacity: 1;
    visibility: inherit
}

.cart-drawer .packaging-popup {
    top: auto;
    bottom: 0;
    box-shadow: none !important
}

body.js-ajax-cart-empty .hide-cart-empty,
body:not(.js-ajax-cart-empty) .show-cart-empty {
    display: none
}

.cart-drawer__message {
    font-size: 32px;
    line-height: 38px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .cart-drawer__message {
        font-size: 23px;
        line-height: 29px
    }
}

.cart-item__price--sale {
    opacity: .4;
    text-decoration: line-through;
    margin-right: 4px;
    text-decoration-thickness: 1px
}

.cart-dropdown {
    position: relative
}

.cart-dropdown__swatch-list {
    z-index: 1;
    background: #fff
}

.cart-dropdown.active .cart-dropdown__selected {
    border-bottom: 0px
}

.cart-dropdown.active .cart-dropdown__swatch-list {
    display: block
}

.cart-dropdown__selected {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 6px 12px 5px 14px;
    border: 1px solid #d6d1d1;
    cursor: pointer
}

@media (max-width: 767.98px) {
    .cart-dropdown__selected {
        padding: 10px 15px
    }
}

.cart-dropdown__option {
    display: flex;
    align-items: center;
    gap: 10px
}

.cart-dropdown__arrow {
    display: flex;
    align-items: center
}

.cart-dropdown .swatch-preview {
    height: 15px;
    width: 15px;
    border-radius: 1px;
    border: 1px solid #292828
}

.cart-dropdown__label {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    color: #787878
}

@media (max-width: 767.98px) {
    .cart-dropdown__label {
        font-size: 14px
    }
}

.cart-dropdown__swatch-list {
    border: solid 1px #d6d1d1;
    border-top: 0px;
    overflow: hidden;
    display: none;
    padding: 0;
    position: absolute;
    right: 0;
    left: 0
}

.cart-dropdown__swatch-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
    max-height: 108px
}

.cart-dropdown__swatch-list ul {
    scrollbar-width: thin;
    scrollbar-color: #d6d1d1
}

.cart-dropdown__swatch-list ul::-webkit-scrollbar {
    width: 3px
}

.cart-dropdown__swatch-list ul::-webkit-scrollbar-track {
    background: #ebebeb
}

.cart-dropdown__swatch-list ul::-webkit-scrollbar-thumb {
    background-color: #d6d1d1;
    border-radius: 3px;
    border: 3px solid #d6d1d1
}

.cart-dropdown__swatch-list ul li::marker {
    content: none;
    display: none
}

.cart-dropdown__swatch-list ul li a {
    padding: 6.5px 14px;
    transition: all .3s ease
}

.cart-dropdown__swatch-list ul li a:hover {
    background: #f6f6f6
}

@media (max-width: 767.98px) {
    .cart-dropdown .swatch-preview {
        width: 15px;
        height: 15px
    }

    .cart-dropdown__swatch-list ul {
        max-height: 122px
    }
}

.tooltip {
    position: relative
}

.tooltip__icon,
.tooltip__popup,
.tooltip__box {
    transition: all .3s ease
}

.tooltip__icon {
    position: relative
}

.tooltip__icon img {
    width: 12px;
    height: 12px;
    display: block
}

.tooltip__popup {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(-70%);
    padding-top: 6.5px;
    opacity: 0;
    visibility: hidden;
    z-index: 20
}

.tooltip__box {
    min-width: 250px;
    max-width: 300px;
    background: #fbfbfb;
    box-shadow: 2px 2px 10px #0000001a;
    border-radius: 5px;
    padding: 10px;
    transform: translate3d(0, 5px, 0);
    text-align: center
}

.tooltip__box p {
    font-size: 11px;
    line-height: 15px;
    color: #848484;
    text-align: left;
    text-align: center
}

.tooltip__box a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px
}

.tooltip:hover .tooltip__popup {
    opacity: 1;
    visibility: inherit
}

.tooltip:hover .tooltip__box {
    transform: translateZ(0)
}

.tooltip:hover .tooltip__icon {
    opacity: .5
}

.ElementsWidget-prefix .ElementsWidget .ElementsWidget__form.isActive {
    background-color: #fff;
    position: relative;
    z-index: 111
}

.R-MediaSlider__inner,
.ElementsWidget-prefix .ElementsWidget .ElementsWidget__list,
.ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group--left.header__group--left {
    display: none !important
}

.ElementsWidget-prefix .R-Button--primary {
    color: #fff !important
}

#product-reviews {
    padding: 50px 0 35px
}

#product-reviews form,
#product-reviews select,
#product-reviews input,
#product-reviews textarea {
    outline: none
}

#product-reviews .container {
    max-width: none;
    padding: 0
}

#product-reviews .content {
    max-width: 1600px;
    margin: 0 auto;
    background: #f5f5f5;
    border-radius: 20px
}

#product-reviews .spr-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 0px;
    padding: 72px 52px 70px
}

#product-reviews .spr-container:before,
#product-reviews .spr-container:after {
    display: none
}

#product-reviews .spr-container .spr-header .spr-header-title {
    font-size: 51px;
    line-height: 58px;
    font-family: Feature Deck;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    #product-reviews .spr-container .spr-header .spr-header-title {
        font-size: 36px;
        line-height: 41px
    }
}

#product-reviews .spr-container .spr-header .spr-starrating .spr-icon {
    font-size: 15.5px;
    margin-right: 4px
}

#product-reviews .spr-reviews {
    margin-top: 0
}

#product-reviews .spr-summary {
    display: flex;
    flex-direction: column
}

#product-reviews .spr-summary .spr-summary-caption {
    position: absolute;
    margin-left: 120px;
    margin-bottom: 30px
}

#product-reviews .spr-summary .spr-summary-actions-newreview {
    font-size: 14px;
    line-height: 18px;
    padding: 16px;
    min-width: 170px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    background: #232323;
    text-decoration: none;
    transition: all .3s ease;
    display: inline-block;
    font-weight: 600;
    border: none;
    cursor: pointer;
    float: none !important;
    margin-top: 20px
}

#product-reviews .spr-summary .spr-summary-actions-newreview:hover {
    text-decoration: none;
    color: #262525;
    background-color: #fff
}

#product-reviews .spr-review {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: space-between
}

#product-reviews .spr-review:first-of-type {
    border-top: 0px;
    padding-top: 0;
    margin-top: 0
}

#product-reviews .spr-review .spr-review-reply {
    order: 9
}

#product-reviews .spr-review .spr-review-header {
    order: 2;
    display: flex;
    justify-content: space-between
}

#product-reviews .spr-review .spr-review-header .spr-review-header-title {
    display: none
}

#product-reviews .spr-review .spr-review-header .spr-starratings {
    order: 2;
    margin: auto 0 0
}

#product-reviews .spr-review .spr-review-header .spr-starratings .spr-icon {
    font-size: 10px;
    width: 1.6em;
    display: inline-block
}

#product-reviews .spr-review .spr-review-header .spr-starratings .spr-icon-star-empty {
    color: #d6d1d1
}

#product-reviews .spr-review .spr-review-header .spr-starratings .spr-icon-star-empty:before {
    content: "\e800"
}

#product-reviews .spr-review .spr-review-header .spr-review-header-byline {
    order: 1;
    display: block;
    font-size: 12px;
    line-height: 17px;
    font-style: normal;
    font-weight: 600;
    margin: 0
}

#product-reviews .spr-review .spr-review-header .spr-review-header-byline span {
    display: block
}

#product-reviews .spr-review .spr-review-content {
    padding-top: 0;
    margin-bottom: 0;
    order: 1
}

#product-reviews .spr-review .spr-review-content .spr-review-content-body {
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    #product-reviews .spr-review .spr-review-content .spr-review-content-body {
        font-size: 16px;
        line-height: 22px
    }
}

#product-reviews .spr-review .spr-review-footer {
    display: none
}

#product-reviews .spr-form::placeholder {
    color: #000
}

#product-reviews .spr-form-label {
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px
}

#product-reviews .spr-form-input {
    width: 100%;
    padding: 10px 0;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: .02em;
    margin-top: 0;
    font-weight: 500;
    background: none;
    border: 0;
    border-bottom: 1px solid #d6d1d1
}

#product-reviews .spr-form-input.spr-starrating {
    border-bottom: 0px
}

#product-reviews .spr-form-input::placeholder {
    color: #000
}

#product-reviews .spr-form-input textarea {
    padding: 0;
    border-bottom: 0px
}

#product-reviews .spr-form-actions {
    position: relative;
    margin-bottom: 50px
}

#product-reviews .spr-form-actions .spr-button {
    font-size: 14px;
    line-height: 18px;
    padding: 16px;
    min-width: 170px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    background: #232323;
    text-decoration: none;
    transition: all .3s ease;
    display: inline-block;
    font-weight: 600;
    border: none;
    cursor: pointer
}

#product-reviews .spr-form-actions .spr-button:hover {
    text-decoration: none;
    background-color: #484646
}

#product-reviews .spr-pagination {
    border-top: 0px;
    padding-top: 0
}

#product-reviews .spr-pagination .spr-pagination-deco,
#product-reviews .spr-pagination .spr-pagination-page,
#product-reviews .spr-pagination .spr-pagination-prev {
    display: none
}

#product-reviews .spr-pagination .spr-pagination-next {
    position: relative;
    width: 100%
}

#product-reviews .spr-pagination .spr-pagination-next a {
    border-radius: 8px;
    background: #fff;
    padding: 16px 10px;
    font-size: 14px;
    line-height: 18px;
    color: #262525;
    display: block;
    width: 100%;
    text-decoration: none;
    font-weight: 600;
    transition: all .3s ease
}

#product-reviews .spr-pagination .spr-pagination-next a:hover {
    color: #fff;
    text-decoration: none;
    background: #262525
}

#product-reviews .spr-form-review-rating .spr-form-input {
    padding: 0;
    background: #0000
}

#product-reviews #shopify-product-reviews {
    margin: 0
}

@media (max-width: 991.98px) {
    #product-reviews {
        padding-top: 0;
        padding-bottom: 0
    }

    #product-reviews .container {
        margin: 0
    }

    #product-reviews .content {
        border-radius: 0
    }

    #product-reviews .spr-container {
        padding: 50px 20px;
        grid-template-columns: auto
    }

    #product-reviews .spr-header:before,
    #product-reviews .spr-header:after {
        display: none
    }

    #product-reviews .spr-header .spr-header-title,
    #product-reviews .spr-header .spr-summary {
        text-align: left;
        margin-bottom: 0
    }

    #product-reviews .spr-header .spr-summary-actions-newreview {
        width: 100%
    }

    #product-reviews .spr-content {
        padding-top: 20px
    }

    #product-reviews .spr-content .spr-reviews {
        margin-top: 0
    }

    #product-reviews .spr-content .spr-review-content {
        margin-bottom: 0
    }

    #product-reviews .spr-review {
        gap: 20px;
        min-height: auto
    }

    #product-reviews .spr-review:first-of-type {
        margin-top: 20px
    }

    #product-reviews .spr-review .spr-review-header .spr-starratings {
        margin-right: 15px !important
    }

    #product-reviews .spr-review .spr-review-header .spr-starratings .spr-icon {
        font-size: 12px
    }
}

@media (max-width: 991.98px) {
    #product-reviews .spr-header:before {
        content: "Reviews";
        display: block;
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne;
        font-weight: 500;
        margin-bottom: 20px;
        font-family: var(--font-orion)
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    #product-reviews .spr-header:before {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .spr-summary-starrating {
        position: absolute;
        right: 17px;
        top: 97px
    }

    .spr-summary-caption {
        width: 100%;
        top: 124px;
        position: absolute;
        margin-left: 0;
        right: 0;
        text-align: right;
        margin-right: 20px
    }

    .spr-summary-actions-togglereviews {
        color: #b3b3b3;
        font-size: 14px;
        line-height: 18px
    }

    #product-reviews .spr-review .spr-review-header .spr-starratings {
        margin-right: -2px !important
    }
}

.product-reviews__section {
    position: relative
}

.product-reviews__anchor {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(calc(-1 * var(--nav-height)))
}

.product-reviews {
    margin-inline: 76px;
    padding-block: 100px
}

.product-reviews .product-reviews {
    color: inherit
}

.product-reviews__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 43px
}

.product-reviews__title {
    margin-bottom: 18px
}

.product-reviews__rating {
    display: flex;
    align-items: center;
    gap: 10px
}

.product-reviews__content {
    display: grid;
    grid-template-columns: minmax(auto, 529px) 1fr;
    gap: 66px
}

.product-reviews__content--left {
    min-width: 0;
    position: relative;
    height: fit-content
}

.product-reviews__content--left .swiper {
    height: 622px
}

.product-reviews__content--right {
    display: grid
}

.product-reviews__swiper-pagination {
    position: absolute;
    bottom: 20px !important;
    left: 20px !important;
    z-index: 100
}

.product-reviews .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-reviews .swiper-horizontal>.swiper-pagination-bullets,
.product-reviews .swiper-pagination-bullets.swiper-pagination-horizontal,
.product-reviews .swiper-pagination-custom,
.product-reviews .swiper-pagination-fraction {
    width: fit-content;
    --swiper-pagination-bullet-opacity: .6;
    --swiper-pagination-color: #fff;
    --swiper-pagination-bullet-border-radius: 1px;
    --swiper-pagination-bullet-vertical-gap: 10px;
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-bullet-inactive-opacity: .2;
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px
}

.product-reviews__review {
    border-bottom: 1px solid #d6d1d1;
    padding-bottom: 40px
}

.product-reviews__review:not(:first-child) {
    padding-top: 40px
}

.product-reviews__review:last-child {
    border-bottom: none
}

.product-reviews__review .review__header {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 95px
}

.product-reviews__review .review__content {
    display: grid;
    gap: 20px
}

.product-reviews__review .review__author {
    text-transform: capitalize
}

.product-reviews__review .review__description {
    max-width: 87%
}

.product-reviews__pagination {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    align-self: end
}

.product-reviews__pagination--next,
.product-reviews__pagination--prev {
    cursor: pointer
}

.product-reviews__pagination--next path,
.product-reviews__pagination--prev path {
    stroke: #292828
}

.product-reviews__pagination--next.disabled,
.product-reviews__pagination--prev.disabled {
    pointer-events: none
}

.product-reviews__pagination--next.disabled path,
.product-reviews__pagination--prev.disabled path {
    stroke: #d6d1d1
}

.product-reviews .review__images {
    display: none
}

@media (max-width: 1199.98px) {
    .product-reviews__content {
        grid-template-columns: 1fr
    }

    .product-reviews__pagination {
        justify-content: space-between;
        margin-top: 30px
    }

    .product-reviews__swiper-pagination {
        left: 50% !important;
        transform: translate(-50%)
    }
}

@media (max-width: 991.98px) {
    .product-reviews {
        /* margin-top: -217px; */
        margin-inline: 25px
    }

    div#ReviewsWidget {
        transform: translateY(112px)
    }

    .product-reviews__header {
        margin-bottom: 120px
    }
}

@media (min-width: 768px) {
    .product-reviews {
        /* margin-top: -240px */
    }
}

@media (max-width: 575.98px) {
    .product-reviews {
        padding-bottom: 20px
    }

    div#ReviewsWidget {
        transform: translateY(112px)
    }

    .product-reviews__header {
        margin-bottom: 120px
    }

    .product-reviews__content--left {
        display: none
    }

    .product-reviews__pagination {
        border-top: 1px solid #d6d1d1;
        padding-top: 20px;
        margin-top: 35px
    }

    .product-reviews__review {
        padding-bottom: 35px
    }

    .product-reviews__review:last-child {
        padding-bottom: 0
    }

    .product-reviews .review__header {
        grid-template-columns: 1fr;
        gap: 0px
    }

    .product-reviews .review__description {
        max-width: 100%;
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne
    }
}

@media (max-width: 575.98px)and (max-width: 767.98px) {
    .product-reviews .review__description {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 575.98px) {
    .product-reviews .review__author {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 35px;
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne;
        color: #151515
    }
}

@media (max-width: 575.98px)and (max-width: 767.98px) {
    .product-reviews .review__author {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 575.98px) {
    .product-reviews .review__images {
        display: grid;
        width: 165px;
        height: auto
    }

    .product-reviews .review__images img {
        grid-row: 1;
        grid-column: 1;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.repair-card .swatch-preview {
    height: 15px;
    width: 15px;
    border-radius: 50%
}

.repair-card__re-register {
    display: none !important
}

.repair-card__removal-info {
    opacity: 1 !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    display: none !important
}

.repair-card__removal-info:after {
    display: none
}

.repair-card--removed {
    order: 99
}

.repair-card--removed .repair-my-products__product-image,
.repair-card--removed .repair-my-products__product-main-info,
.repair-card--removed .repair-my-products__product-add-info {
    opacity: .3;
    pointer-events: none
}

.repair-card--removed .repair-my-products__product-cta {
    display: none !important
}

.repair-card--removed .repair-card__re-register {
    display: flex !important
}

.repair-card--removed .repair-card__removal-info {
    display: block !important
}

.shopify-challenge__container {
    padding: 140px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.shopify-challenge__button {
    margin-top: 20px !important;
    font-size: 14px;
    line-height: 18px;
    padding: 16px;
    min-width: 170px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    background: var(--color-dark-charcoal);
    transition: all .5s ease;
    display: inline-block;
    font-weight: 600;
    border: none;
    cursor: pointer;
    text-decoration: none
}

.shopify-challenge__button:hover {
    text-decoration: none;
    color: var(--color-dark-charcoal);
    background-color: #ebebeb
}

.shopify-challenge__message {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    margin-bottom: 20px !important
}

@media (max-width: 767.98px) {
    .shopify-challenge__message {
        font-size: 14px;
        line-height: 20px
    }
}

.custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden
}

.custom-cursor,
.custom-cursor * {
    pointer-events: none
}

.custom-cursor__trigger {
    cursor: none !important
}

.custom-cursor__inner {
    transform: translate(-50%, -50%);
    position: relative
}

.custom-cursor__inner>div {
    transition: all .5s ease
}

.custom-cursor__disable {
    cursor: auto
}

.custom-cursor--mouse-down .custom-cursor__inner>div {
    transform: scale(.8)
}

.custom-cursor .circular-text {
    height: 99px;
    width: 99px;
    background: #fff;
    border-radius: 50%;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    line-height: 99px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase
}

.custom-cursor .circular-arrow {
    height: 73px;
    width: 73px;
    line-height: 73px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle
}

.custom-cursor--left .circular-arrow {
    transform: scaleX(-1)
}

@media (hover: none) {
    .custom-cursor {
        display: none
    }
}

.cart-note {
    position: relative;
    border-top: solid 1px var(--color-lines-3);
    border-bottom: solid 1px var(--color-lines-3);
    margin-bottom: 20px
}

.cart-note__accordion label {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    width: 100%;
    height: 41px;
    display: flex;
    align-items: center;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .cart-note__accordion label {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-note__arrow {
    opacity: 1 !important;
    visibility: inherit !important;
    padding-left: 20px;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    height: 41px;
    display: flex;
    align-items: center
}

.cart-note__arrow svg {
    display: block
}

.cart-note__toggle {
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    left: 0
}

.cart-note__toggle:checked~.cart-note__form {
    height: 91px;
    opacity: 1;
    visibility: inherit
}

.cart-note__toggle:checked~.cart-note__accordion label {
    opacity: 0;
    visibility: hidden
}

.cart-note__toggle:checked~.cart-note__arrow {
    transform: scaleY(-1)
}

.cart-note__toggle:checked~.cart-note__collapsed {
    display: none
}

.cart-note__form {
    position: relative;
    transition: all .3s ease;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    height: 41px;
    margin-top: -41px
}

.cart-note__loading {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    opacity: 0;
    visibility: hidden
}

.cart-note__loading p {
    font-size: 13px;
    line-height: 19px;
    margin: 0
}

@media (max-width: 767.98px) {
    .cart-note__loading p {
        font-size: 14px;
        line-height: 20px
    }
}

.js-ajax-cart-request-in-progress .cart-note__loading {
    opacity: 1;
    visibility: inherit
}

.cart-note__note {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    resize: none;
    outline: none;
    background-color: #0000;
    border: none;
    padding: 10px 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

@media (max-width: 767.98px) {
    .cart-note__note {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-note__collapsed {
    text-align: right;
    margin-bottom: 12px
}

.cart-note__collapsed>label {
    text-decoration: underline;
    text-transform: uppercase;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    cursor: pointer
}

.cart-note__collapsed>label:hover {
    text-decoration: none
}

.submenu {
    padding: 28px 75px 25px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #d6d1d1;
    position: sticky;
    top: var(--nav-height);
    transition: all .3s ease;
    z-index: 10
}

.submenu__nav {
    display: flex;
    gap: 25.5px
}

.submenu__nav li>a {
    color: #b3b3b3;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 1.7px;
    font-weight: 500;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .submenu__nav li>a {
        font-size: 16px;
        line-height: normal
    }
}

.submenu__nav li>a.active {
    color: #292828
}

@media (min-width: 992px) {
    .submenu__nav li>a:hover {
        color: #292828
    }
}

@media (max-width: 1199.98px) {
    .submenu {
        padding: 28px 50px 25px
    }
}

@media (max-width: 991.98px) {
    .submenu {
        padding: 0;
        background-color: #c1b8ae
    }

    .submenu .accordion-item {
        border: none
    }

    .submenu .accordion-item__header {
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 1.7px;
        font-weight: 500;
        justify-content: space-between;
        padding: 19px 76px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .submenu .accordion-item__header {
        font-size: 16px;
        line-height: normal
    }
}

@media (max-width: 991.98px) {
    .submenu .accordion-item__main {
        padding: 0 76px 15px
    }

    .submenu .accordion-item__main ul li:first-child a {
        padding-top: 0
    }

    .submenu .accordion-item__main ul li a {
        display: inline-block;
        color: #292828;
        width: 100%;
        padding: 8px 0
    }

    .submenu .accordion-item.active .accordion-item__header svg {
        transform: rotate(180deg)
    }
}

@media (max-width: 767.98px) {
    .submenu {
        background-color: #c1b8ae
    }

    .submenu .accordion-item__header {
        padding: 20px 25px 19px
    }

    .submenu .accordion-item__main {
        padding: 0 25px 15px
    }
}

.scrolled-down .submenu {
    top: 0
}

.mega-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100vw;
    min-height: var(--height-fill);
    overflow-y: auto;
    position: relative;
    position: absolute;
    top: var(--nav-main-height);
    left: 0;
    z-index: 10000;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    justify-content: space-between
}

.mega-menu::-webkit-scrollbar {
    display: none
}

.mega-menu__sub-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 225px
}

.mega-menu__cards {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 3px;
    height: 100%;
    height: var(--height-fill);
    transition-behavior: allow-discrete;
    transition: all .3s ease
}

.mega-menu__card {
    position: relative;
    height: 100%;
    display: grid;
    place-content: end;
    width: 492px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
    padding: 76px
}

.mega-menu__card-content {
    display: grid;
    gap: 20px;
    height: fit-content;
    width: fit-content;
    align-self: start
}

.mega-menu__card-title {
    color: #fff;
    max-width: 265px
}

.mega-menu__card-description {
    color: #fff;
    max-width: 389px
}

.mega-menu__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

.mega-menu__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-column: span 2
}

.mega-menu__btn-close {
    margin-bottom: 45px;
    z-index: 29
}

.mega-menu__menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: auto;
    width: 100%;
    height: 100%
}

.mega-menu__col--1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 76px 72px;
    gap: 50px
}

.mega-menu__col--1 a {
    font-size: 32px;
    line-height: 38px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .mega-menu__col--1 a {
        font-size: 23px;
        line-height: 29px
    }
}

.mega-menu__col--2 {
    height: 100%;
    gap: 20px
}

.mega-menu__col--2 li {
    display: grid
}

.mega-menu__col--1,
.mega-menu__col--2 {
    position: relative
}

.mega-menu__sub-list {
    display: grid;
    gap: 10px
}

.mega-menu__sub-list li {
    height: 23px
}

.mega-menu__sub-list a {
    font-size: 17px;
    line-height: 23px;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .mega-menu__sub-list a {
        font-size: 16px;
        line-height: 22px
    }
}

.mega-menu .nested-block {
    height: 100%;
    padding-top: 71px;
    background: #f9f8f7
}

.mega-menu__list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    display: grid;
    gap: 20px
}

.mega-menu__list--main {
    margin-top: 69px
}

.mega-menu__list--main a.active {
    opacity: 1;
    color: #2279bf
}

.mega-menu__list a {
    white-space: nowrap
}

.mega-menu__list--secondary {
    height: auto
}

.mega-menu__list--secondary a {
    display: inline-block;
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .mega-menu__list--secondary a {
        font-size: 16px;
        line-height: 22px
    }
}

.mega-menu__list--main {
    gap: 19px
}

.mega-menu__list--main .mega-menu__item a:hover {
    color: #2279bf
}

.mega-menu__list--secondary {
    padding: 0 50px
}

.mega-menu__list--secondary .mega-menu__item {
    border-top: 1px solid #d6d1d1;
    padding-top: 10px;
    padding-bottom: 15px;
    width: 100%;
    margin-inline: auto;
    gap: 34px;
    cursor: pointer
}

.mega-menu__list--secondary .mega-menu__item .mega-menu__item-desp {
    display: none
}

.mega-menu__list--secondary .mega-menu__item:hover {
    border-top-color: #787878
}

.mega-menu__list--secondary .mega-menu__item:hover .mega-menu__item-desp {
    display: block;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    color: #787878
}

.mega-menu__list--secondary .mega-menu__item-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mega-menu__list--secondary .mega-menu__item-image {
    width: 160px;
    height: 90px;
    margin-left: auto;
    margin-top: auto
}

.mega-menu .nested-block {
    display: none
}

.mega-menu .nested-block.active {
    display: block
}

.mega-menu__contacts {
    display: flex;
    gap: 10px
}

.mega-menu__contacts a {
    color: #fff
}

.mega-menu__right {
    min-width: 492px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center
}

.mega-menu--collection .mega-menu__right {
    background-color: #f6f6f6
}

.mega-menu .navbar-links--separated {
    position: absolute;
    top: 25px;
    right: 35px
}

.mega-menu .navbar-links a {
    color: #fff
}

.mega-menu .navbar-links a.active {
    text-decoration: underline;
    text-underline-offset: 7px;
    text-decoration-thickness: 1px
}

.mega-menu .navbar-links svg path {
    fill: #fff
}

.mega-menu .navbar-links--icons {
    margin-left: 5px
}

.mega-menu__title {
    font-size: 32px;
    line-height: 38px;
    font-family: Feature Deck;
    color: #fff;
    margin-bottom: 10px
}

@media (max-width: 767.98px) {
    .mega-menu__title {
        font-size: 23px;
        line-height: 29px
    }
}

.mega-menu__btn-cta {
    color: #fff
}

.mega-menu__products {
    width: 100%;
    height: 100%;
    background-color: #f6f6f6;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    grid-row: 1;
    grid-column: 1;
    padding: 35px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    grid-auto-rows: min-content;
    row-gap: 40px;
    column-gap: 35px;
    height: fit-content;
    aspect-ratio: 1/1;
    display: none
}

.mega-menu__products .product {
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 15px
}

.mega-menu__products .product__image img {
    aspect-ratio: .8579881657;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.mega-menu__products .product__content {
    display: grid;
    gap: 10px
}

.mega-menu__products .product__title {
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .mega-menu__products .product__title {
        font-size: 16px;
        line-height: 22px
    }
}

.mega-menu__products .product__badge {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    padding: 3px 9px;
    border: 1px solid #292828;
    width: fit-content;
    border-radius: 3px
}

.mega-menu--collection .mega-menu__left {
    grid-column: 1
}

.mega-menu--collection .mega-menu__right {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    height: var(--height-fill);
    overflow-y: auto
}

.mega-menu--collection .mega-menu__cards {
    display: none
}

.mega-menu--collection .mega-menu__products {
    opacity: 1;
    visibility: inherit;
    display: grid
}

@media (min-width: 992px) {
    .mega-menu__sub-list a:hover {
        color: #2279bf
    }
}

@media (max-width: 1229.98px) {
    .mega-menu {
        display: none
    }
}

.products-carousel {
    padding: 100px 76px 47px
}

.products-carousel__title {
    display: flex;
    flex-direction: column;
    font-size: 51px;
    line-height: 58px;
    font-family: Feature Deck;
    max-width: 80%
}

@media (max-width: 767.98px) {
    .products-carousel__title {
        font-size: 36px;
        line-height: 41px
    }
}

.products-carousel__title span {
    color: #2279bf
}

.products-carousel__copy {
    font-size: 16px
}

@media (min-width: 992px) {
    .products-carousel__copy {
        font-size: 20px
    }
}

.products-carousel__carousel {
    height: fit-content
}

.products-carousel__heading {
    position: relative;
    margin-bottom: 50px
}

.products-carousel__btn-prev,
.products-carousel__btn-next {
    position: absolute;
    cursor: pointer;
    bottom: 12px;
    right: 0;
    line-height: 0;
    z-index: 1000
}

.products-carousel__btn-prev svg rect,
.products-carousel__btn-prev svg path,
.products-carousel__btn-next svg rect,
.products-carousel__btn-next svg path {
    transition: all .3s ease
}

.products-carousel__btn-prev {
    right: 63px
}

.products-carousel .swiper-pagination {
    display: none
}

@media (min-width: 992px) {

    .products-carousel__btn-prev svg:hover rect,
    .products-carousel__btn-next svg:hover rect {
        fill: #151515;
        stroke: #151515
    }

    .products-carousel__btn-prev svg:hover path,
    .products-carousel__btn-next svg:hover path {
        stroke: #2279bf
    }
}

@media (max-width: 991.98px) {
    .products-carousel {
        padding: 80px 0
    }

    .products-carousel__title {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .products-carousel__title {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width: 991.98px) {

    .products-carousel .swiper,
    .products-carousel__heading {
        padding: 0 76px
    }

    .products-carousel__btn-next {
        right: 76px
    }

    .products-carousel__btn-prev {
        right: 139px
    }
}

@media (max-width: 767.98px) {
    .products-carousel {
        padding: 34px 0 40px;
    }

    .products-carousel__heading {
        padding: 0 25px;
        margin-bottom: 0
    }

    .products-carousel .swiper {
        padding: 89px 25px 0
    }

    .products-carousel .swiper .swiper-pagination {
        top: 36px;
        width: fit-content;
        height: fit-content;
        left: 50%;
        transform: translate(-50%)
    }

    .products-carousel__btn-prev,
    .products-carousel__btn-next {
        right: 25px;
        bottom: -56px
    }

    .products-carousel__btn-prev {
        right: auto;
        left: 25px
    }

    .products-carousel__title {
        max-width: 73%
    }
}

.swiper-wrapper {
    height: fit-content
}

.marquee {
    --gap: 14px;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    gap: var(--gap)
}

.marquee__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: var(--gap);
    animation: scroll var(--marquee-duration, 15s) linear infinite
}

@keyframes scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(-100% - var(--gap, 0)))
    }
}

.wrapper {
    height: 20%;
    width: 60%;
    background: #555;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

.gsap-marquee {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .2em 0;
    margin: -.2em 0;
    overflow: hidden
}

.gsap-marquee__content {
    margin: 0;
    padding: 0;
    position: relative;
    flex-shrink: 0;
    cursor: pointer
}

.cart-page {
    padding: 70px 76px 100px
}

.cart-page .cart-drawer__shipping {
    margin: 0 0 28px;
    padding-bottom: 2px
}

@media (max-width: 991.98px) {
    .cart-page .cart-drawer__shipping {
        max-width: none
    }
}

.cart-page .cart-drawer__shipping:after,
.cart-page .cart-drawer__shipping:before {
    top: -18px;
    bottom: auto
}

.cart-page .cart-drawer__checkout-btn {
    display: flex
}

.cart-page .cart-drawer__checkout-btn .button {
    width: 100%;
    padding-left: 0
}

.cart-page .cart-drawer__checkout-btn .button span {
    border: 1px solid #d6d1d1;
    border-right: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 25px
}

.cart-page .cart-drawer__checkout-btn .button svg {
    min-width: 76px
}

@media (max-width: 767.98px) {
    .cart-page .cart-drawer__checkout-btn .button svg {
        min-width: 50px
    }
}

.cart-page.empty-cart .cart-page__header {
    margin-bottom: 37px
}

.cart-page.empty-cart .cart-page__right {
    padding-top: 0
}

.cart-page.empty-cart .cart-page__main {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.cart-page__checkout-btn {
    display: flex
}

.cart-page__checkout-btn .button {
    width: 100%;
    padding-left: 0;
    border-color: #151515;
    background-color: #151515;
    color: #fff;
    transition: all .3s ease
}

.cart-page__checkout-btn .button span {
    border-right: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 25px
}

.cart-page__checkout-btn .button svg {
    min-width: 76px
}

.cart-page__checkout-btn .button svg rect {
    fill: #151515;
    transition: all .3s ease
}

.cart-page__checkout-btn .button svg path {
    stroke: #fff;
    transition: all .3s ease
}

.cart-page .hide-cart-main {
    display: none
}

.cart-page__container {
    margin: 0 auto
}

.cart-page__grid {
    gap: 0px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

@media (max-width: 1199.98px) {
    .cart-page__grid {
        grid-template-columns: 1.3fr 1fr
    }
}

@media (max-width: 991.98px) {
    .cart-page__grid {
        grid-template-columns: 1fr
    }
}

.cart-page__column {
    padding-top: 15px
}

.cart-page__left {
    width: 100%;
    padding-top: 33px
}

@media (max-width: 991.98px) {
    .cart-page__left .show-cart-empty--button {
        margin-bottom: 33px
    }
}

@media (max-width: 767.98px) {
    .cart-page__left .show-cart-empty--button {
        margin-bottom: 0
    }
}

.cart-page__right {
    width: 100%;
    grid-column: 3/4
}

@media (max-width: 1199.98px) {
    .cart-page__right {
        grid-column: auto
    }
}

.cart-page__header {
    margin-bottom: 20px
}

.cart-page__header h6 {
    margin-bottom: 0;
    display: flex;
    align-items: center
}

.cart-page__header h6 .cart-count {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .cart-page__header h6 .cart-count {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-page__header h6 .separator {
    margin: 0 20px;
    background: #ebebeb;
    width: 1px;
    height: 16px
}

.cart-page__progress-container {
    margin-bottom: 28px
}

@media (max-width: 767.98px) {
    .cart-page__progress-container {
        margin-bottom: 58px
    }
}

.cart-page__progress-bar {
    position: relative;
    height: 6px;
    width: 100%;
    background-color: #d6d1d1;
    margin-bottom: 8px
}

.cart-page__progress-fill {
    height: 100%;
    background-color: #a9905d;
    position: absolute;
    left: 0;
    top: 0
}

.cart-page__progress-text {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .cart-page__progress-text {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-page__subtotal {
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
    justify-content: space-between
}

.cart-page__subtotal h6 {
    font-weight: 500
}

.cart-page__subtotal--right {
    text-align: right
}

.cart-page__subtotal--right h6 {
    margin-bottom: 5px
}

.cart-page__accordion .accordion {
    gap: 0px;
    border-top: 1px solid #ebebeb;
    margin-bottom: -1px
}

.cart-page__accordion .accordion-item {
    padding: 9px 0;
    border-radius: 0;
    background: #0000;
    border-bottom: 1px solid #ebebeb
}

.cart-page__accordion .accordion-item__label {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .cart-page__accordion .accordion-item__label {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-page__accordion .accordion-item__content * {
    font-size: 13px;
    line-height: 19px
}

@media (max-width: 767.98px) {
    .cart-page__accordion .accordion-item__content * {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-page__accordion .cart-note {
    margin-bottom: 35px
}

.cart-page__accordion .cart-note__arrow svg {
    width: 14px;
    height: auto;
    margin-right: 10px
}

.cart-page__shipping {
    padding-top: 12px;
    position: relative;
    margin-bottom: 0;
    grid-template-columns: 1fr auto auto;
    border-top: 6px solid #ebebeb;
    text-align: center
}

.cart-page__shipping:after {
    content: "";
    width: 195px;
    height: 6px;
    display: block;
    position: absolute;
    top: -6px;
    left: 0;
    background: #484646
}

.cart-page__shipping p {
    font-size: 13px;
    line-height: 19px;
    display: flex;
    gap: 10px;
    justify-content: center
}

@media (max-width: 767.98px) {
    .cart-page__shipping p {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-page__summary {
    display: grid;
    gap: 15px
}

@media (min-width: 992px) {
    .cart-page__checkout-btn:hover .button {
        background-color: #2279bf;
        color: #151515
    }

    .cart-page__checkout-btn:hover .button svg rect {
        fill: #2279bf
    }

    .cart-page__checkout-btn:hover .button svg path {
        stroke: #151515
    }
}

@media (max-width: 991.98px) {
    .cart-page.empty-cart .cart-page__right {
        border-top: 0px
    }

    .cart-page.empty-cart .cart-page__grid {
        gap: 0px
    }

    .cart-page__right {
        border-top: 1px solid #f0eded;
        padding-top: 20px
    }

    .js-ajax-cart-empty {
        border: none
    }
}

@media (max-width: 767.98px) {
    .cart-page {
        padding-top: 40px;
        padding-bottom: 70px;
        padding-inline: 25px;
        overflow-x: hidden
    }

    .cart-page .cart-dropdown__selected {
        padding: 6px 15px
    }

    .cart-page .cart-drawer__shipping {
        margin-bottom: 40px
    }

    .cart-page .cart-drawer__shipping:after,
    .cart-page .cart-drawer__shipping:before {
        height: 4px;
        top: -13px;
        bottom: auto
    }

    .cart-page.empty-cart .cart-drawer__checkout-btn {
        border-top: 0px
    }

    .cart-page__header {
        margin-bottom: 15px
    }

    .cart-page__grid {
        flex-direction: column;
        gap: 50px
    }

    .cart-page__column {
        padding-top: 0;
        border-top: 0px
    }

    .cart-page__left {
        padding-top: 14px
    }

    .cart-page__right {
        border-top: 1px solid #f0eded;
        padding-top: 20px
    }

    .cart-page__header h6 {
        font-size: 26px;
        line-height: 34px;
        font-family: Feature Deck
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .cart-page__header h6 {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 767.98px) {
    .cart-page__accordion .accordion-item {
        padding: 10px 0
    }

    .cart-page__accordion .accordion-item__label {
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne;
        font-weight: 500
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .cart-page__accordion .accordion-item__label {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .cart-page__accordion .accordion-item__content * {
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .cart-page__accordion .accordion-item__content * {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .cart-page__shipping {
        display: none
    }

    .cart-page__subtotal--left h6 {
        font-size: 15px;
        line-height: 21px
    }

    .cart-page__summary {
        display: grid;
        gap: 15px
    }

    .cart-page .cart-page__checkout-btn .button span {
        padding-left: 20px
    }

    .cart-page .cart-page__checkout-btn .button svg {
        min-width: 50px
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .cart-page__grid {
        column-gap: 30px
    }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
    .cart-page__grid {
        column-gap: 60px
    }
}

.payment-options {
    display: flex;
    gap: 10px;
    font-size: 13px;
    line-height: 19px
}

@media (max-width: 767.98px) {
    .payment-options {
        font-size: 14px;
        line-height: 20px
    }
}

.payment-options img {
    max-height: 12px
}

.shipping-terms {
    text-align: left
}

.shipping-terms p {
    font-size: 13px;
    line-height: 19px
}

@media (max-width: 767.98px) {
    .shipping-terms p {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-page .shipping-terms {
    grid-template-columns: 1fr
}

.cart-item {
    padding: 14px 0 9px;
    border-top: 1px solid #f0eded;
    position: relative
}

.cart-item--recommended .product-hero__card-select {
    border-top: 0px
}

.cart-item--recommended .cart-item__quantity {
    width: 57px;
    height: 100%;
    background-color: #151515;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
    color: #fff
}

@media (max-width: 767.98px) {
    .cart-item--recommended .cart-item__quantity {
        font-size: 14px;
        line-height: 21px
    }
}

.cart-item__options {
    width: 100%
}

.cart-item__grid {
    display: flex;
    column-gap: 20px;
    justify-content: space-between
}

.cart-item__image {
    max-width: 105px;
    width: 100%
}

.cart-item__image img {
    height: 80px
}

.cart-item__image a,
.cart-item__image img {
    display: block;
    width: 100%
}

.cart-item__content {
    width: 100%
}

.cart-item__content--grid {
    display: flex;
    column-gap: 10px;
    margin-bottom: 0;
    align-items: center;
    justify-content: space-between
}

.cart-item__content--grid:has(.cart-item__components) {
    align-items: start
}

.cart-item__content--title {
    margin-bottom: 7px;
    align-items: flex-start
}

.cart-item__content--quantity {
    margin-bottom: 12px;
    height: 35px
}

.cart-item__content--quantity:has(.cart-item__components) {
    height: auto
}

.cart-item__components {
    padding-top: 9px
}

.cart-item__product-name {
    margin-left: 4px
}

.cart-item__product-name a {
    text-decoration: none;
    display: block
}

.cart-item__price-box {
    margin-right: 5px
}

.cart-item__quantity {
    display: flex;
    gap: 33px;
    align-items: center;
    padding: 0 8px;
    justify-content: right;
    border: 1px solid #d6d1d1
}

.cart-item__quantity span {
    font-size: 13px;
    line-height: 15px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .cart-item__quantity span {
        font-size: 14px;
        line-height: 21px
    }
}

.cart-item__quantity-box {
    display: flex;
    align-items: center
}

.cart-item__quantity-box--selector {
    border: 0;
    max-width: 20px;
    text-align: center;
    outline: none;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    padding: 0
}

@media (max-width: 767.98px) {
    .cart-item__quantity-box--selector {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-item__quantity-box--selector::-webkit-outer-spin-button,
.cart-item__quantity-box--selector::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cart-item__quantity-box .box-q {
    display: flex;
    font-size: 25px;
    line-height: 0px;
    font-weight: 100;
    padding: 10.5px 5px;
    height: 100%
}

.cart-item__remove {
    margin-top: 9px
}

.cart-item__remove--link {
    color: #b3b3b3;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .cart-item__remove--link {
        font-size: 14px;
        line-height: 21px
    }
}

.cart-item__remove--link:hover {
    color: var(--color-dark-charcoal)
}

@media (max-width: 767.98px) {
    .cart-item__product-name {
        margin-left: 0
    }

    .cart-item__grid {
        column-gap: 9px
    }

    .cart-item__image {
        max-width: 79px
    }

    .cart-item__image img {
        height: 66px
    }

    .cart-item__content--title {
        margin-bottom: 12px;
        padding-left: 5px
    }

    .cart-item__quantity {
        padding: .5px 8px
    }

    .cart-item__remove--link {
        font-size: 13px;
        line-height: 15px
    }
}

@media (max-width: 389.98px) {
    .cart-item__content--title {
        margin-bottom: 10px
    }

    .cart-item__content--quantity {
        height: auto;
        flex-direction: column;
        justify-content: flex-start;
        gap: 10px
    }

    .cart-item__quantity {
        width: 100%
    }

    .cart-item__quantity-box {
        width: 100%;
        justify-content: space-between
    }
}

.template--cart .cart-page__container .tooltip__popup {
    transform: translate(-35%)
}

.template--cart .product-related {
    border-top: none
}

@media (min-width: 768px) {
    .template--cart .product-related {
        padding-top: 76px
    }
}

.js-ajax-cart-empty .cart-page__left {
    max-width: none
}

.empty-cart {
    padding-bottom: 405px
}

.empty-cart .cart-page__main.cart {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.empty-cart .cart-page__main.cart .cart-drawer__checkout-btn {
    min-width: 413px
}

.empty-cart .cart-page__left {
    max-width: none
}

@media (max-width: 991.98px) {
    .empty-cart .cart-page__main.cart .cart-drawer__checkout-btn {
        min-width: 330px
    }
}

@media (max-width: 767.98px) {
    .empty-cart .cart-page__main.cart {
        flex-direction: column
    }
}

@media (max-width: 374.98px) {
    .discounts__discount svg {
        display: none
    }
}

.cart-columns {
    background: #fbfbfb;
    padding: 50px
}

.cart-columns__grid {
    display: flex;
    justify-content: space-between
}

.cart-columns__content {
    max-width: 350px
}

.cart-columns__icon {
    max-width: 54px;
    height: 57px;
    margin-bottom: 20px;
    display: flex;
    align-items: baseline
}

.cart-columns__icon img {
    margin-top: auto
}

@media (max-width: 767.98px) {
    .cart-columns__icon img {
        height: 100%;
        width: 100%;
        object-fit: contain
    }
}

.cart-columns__heading {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .cart-columns__heading {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .cart-columns {
        margin: 0 0 20px;
        padding: 15px;
        background: #f5f5f5;
        border-radius: 5px
    }

    .cart-columns__item {
        position: relative
    }

    .cart-columns__item:not(.cart-columns__item:last-of-type):after {
        content: "";
        width: 1px;
        height: 100%;
        background: #ebebeb;
        position: absolute;
        right: -16px;
        top: 0
    }

    .cart-columns__grid {
        gap: 20px;
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }

    .cart-columns__desc {
        display: none
    }

    .cart-columns__content {
        text-align: center;
        margin: 0 5px
    }

    .cart-columns__icon {
        width: auto;
        height: auto;
        height: 30px;
        width: 30px;
        margin: 0 auto 10px
    }

    .cart-columns__heading {
        font-size: 11px;
        line-height: 13px;
        letter-spacing: 0px;
        margin-bottom: 0
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .cart-columns {
        padding-left: 20px;
        padding-right: 20px;
        margin: 0
    }

    .cart-columns__grid {
        gap: 20px
    }
}

.cart-banner {
    background-color: #2279bf;
    height: 76px;
    padding: 20px 76px;
    display: flex;
    align-items: center
}

.cart-banner__grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 850px;
    width: 100%;
    margin: 0 auto
}

.cart-banner__item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff
}

.cart-banner__icon img {
    width: 13px;
    height: 13px
}

@media (max-width: 991.98px) {
    .cart-banner__grid {
        position: relative
    }

    .cart-banner__item {
        width: 100%;
        justify-content: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease
    }

    .cart-banner__item.active {
        opacity: 1;
        visibility: visible
    }
}

.cart-products {
    margin: 100px 76.5px 50px
}

.cart-products__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 62px
}

.cart-products__arrows {
    display: flex;
    align-items: center;
    gap: 20px
}

@media (min-width: 768px) {
    .cart-products__arrows {
        transform: translateY(2px)
    }
}

.cart-products__arrows svg {
    width: 43px;
    height: 43px
}

.cart-products__slider .pagination {
    display: none
}

.cart-products__card {
    background-color: #2279bf;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 768px) {
    .cart-products__card {
        aspect-ratio: .8042
    }
}

.cart-products__card .card__title {
    max-width: 289px
}

@media (min-width: 992px) {
    .cart-products .card__cta .button:hover {
        color: #292828
    }

    .cart-products .card__cta .button:hover svg path {
        stroke: #292828
    }
}

@media (max-width: 767.98px) {
    .cart-products {
        margin: 0;
        margin-inline: 25px;
        padding-block: 55px;
        position: relative
    }

    .cart-products__slider {
        position: relative
    }

    .cart-products__slider .pagination.swiper-pagination-bullets {
        display: flex;
        gap: 10px;
        justify-content: center;
        bottom: -43px;
        position: absolute;
        top: auto;
        z-index: 100;
        width: 100%;
        left: 0
    }

    .cart-products__slider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 1px;
        opacity: .2;
        background-color: #151515;
        margin: 0 5px
    }

    .cart-products__slider .swiper-pagination-bullet-active {
        opacity: .6
    }

    .cart-products__grid {
        overflow: hidden;
        min-width: 0;
        max-height: 1600px
    }

    .cart-products__grid.swiper .swiper-slide {
        height: fit-content !important
    }

    .cart-products__grid.swiper .swiper-slide .product-card__form {
        opacity: 1;
        visibility: visible
    }

    .cart-products__arrows {
        justify-content: space-between;
        width: 100%;
        position: absolute;
        bottom: 20px;
        z-index: 101
    }

    .cart-products__arrows svg {
        width: 20px;
        height: 20px
    }

    .cart-products__header {
        margin-bottom: 35px
    }

    .cart-products .card__title {
        max-width: 286px;
        font-size: 22px;
        line-height: 28px
    }

    .cart-products__grid {
        grid-auto-rows: auto;
        grid-template-columns: auto;
        grid-auto-rows: row;
        gap: 35px
    }

    .cart-products__grid .cart-products__card {
        height: 340px
    }
}

.cart-additional {
    border-top: 1px solid #d6d1d1;
    margin-inline: 74.5px;
    margin-bottom: 110px;
    padding-top: 50px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 30px
}

.js-ajax-cart-empty .cart-additional {
    display: none
}

.cart-additional__left {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.cart-additional__link {
    color: #b3b3b3;
    cursor: pointer
}

.cart-additional__link.active {
    color: #232323
}

.cart-additional__right {
    justify-self: end;
    max-width: 686px
}

.cart-additional__content--recommended,
.cart-additional__recent-products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    grid-auto-rows: 598px
}

@media (max-width: 767.98px) {
    .cart-additional {
        margin-inline: 25px;
        padding-top: 50px;
        margin-bottom: 90px;
        display: block
    }

    .cart-additional .product-card__form {
        opacity: 1;
        visibility: inherit
    }

    .cart-additional__left {
        display: none
    }

    .cart-additional__right {
        display: grid;
        gap: 60px
    }

    .cart-additional__content {
        display: flex !important;
        flex-direction: column;
        gap: 35px
    }

    .cart-additional__content:last-child {
        border-top: 1px solid #d6d1d1;
        padding-top: 55px
    }

    .cart-additional__recent-products {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        grid-auto-rows: auto
    }

    .cart-additional__recent-products .product-card__compare-btn,
    .cart-additional__recent-products .product-card__badges {
        display: none
    }
}

.cart-recommended:not(:first-child) {
    padding-top: 28px
}

.cart-recommended__wrapper {
    display: grid;
    background-color: #f1f0f0;
    padding: 16px 20px 8px
}

.cart-recommended__wrapper.no-recommendations {
    display: none
}

@media (max-width: 991.98px) {
    .cart-recommended__wrapper {
        margin-top: 30px;
        gap: 13px
    }
}

@media (max-width: 767.98px) {
    .cart-recommended__wrapper {
        margin-top: 30px;
        gap: 13px
    }
}

@media (min-width: 992px) {
    .cart-page .cart-recommended__wrapper {
        margin-top: 41px;
        gap: 15px
    }
}

.cart-recommended__title {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: #292828;
    margin-bottom: 9px
}

@media (max-width: 767.98px) {
    .cart-recommended__title {
        max-width: 235px
    }
}

.cart-recommended__item {
    border-top: 1px solid #d6d1d1;
    padding: 15px 0 11px;
    max-height: 100px
}

@media (max-width: 389.98px) {
    .cart-recommended__item {
        max-height: none;
        height: fit-content
    }
}

.cart-recommended__item-grid {
    display: grid;
    grid-template-columns: 84px 1fr;
    gap: 20px
}

.cart-recommended__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cart-recommended__item-content {
    display: grid;
    gap: 10px
}

.cart-recommended__item-content--top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-inline: 6px
}

.cart-recommended__item-content--bottom {
    display: grid;
    grid-template-columns: 1fr 57px;
    height: 31px
}

.cart-recommended__item-title {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500;
    color: #292828
}

@media (max-width: 767.98px) {
    .cart-recommended__item-title {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-recommended__item-price {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500;
    color: #292828
}

@media (max-width: 767.98px) {
    .cart-recommended__item-price {
        font-size: 14px;
        line-height: 20px
    }
}

.cart-recommended__item-dropdown {
    border: 1px solid #b3b3b3;
    background-color: #fff;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    cursor: pointer;
    position: relative
}

.cart-recommended__item-swatch-wrapper {
    display: flex;
    align-items: center;
    gap: 10px
}

.cart-recommended__item-swatch {
    width: 15px;
    height: 15px;
    border-radius: 1px;
    border: 1px solid #292828
}

.cart-recommended__item-options {
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    border: 1px solid #d6d1d1;
    border-top: none;
    background: #fff;
    z-index: 1000;
    max-height: 125px;
    overflow-y: auto
}

.cart-recommended__item-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    border-radius: 1px;
    height: 31px;
    cursor: pointer;
    transition: all .3s ease
}

.cart-recommended__item-option span {
    font-size: 13px;
    line-height: 15px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .cart-recommended__item-option span {
        font-size: 14px;
        line-height: 21px
    }
}

.cart-recommended__item-option.disabled {
    display: none
}

.cart-recommended__item-option:hover {
    background-color: #f6f6f6
}

.cart-recommended__item-label {
    font-size: 13px;
    line-height: 15px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .cart-recommended__item-label {
        font-size: 14px;
        line-height: 21px
    }
}

.cart-recommended__item-cta {
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
    background-color: #151515;
    color: #fff;
    display: grid;
    place-items: center;
    width: 57px;
    height: 100%;
    cursor: pointer
}

@media (max-width: 767.98px) {
    .cart-recommended__item-cta {
        font-size: 14px;
        line-height: 21px
    }
}

@media (max-width: 767.98px) {
    .cart-recommended__item-grid {
        grid-template-columns: 76px 1fr;
        gap: 10px
    }
}

@media (max-width: 389.98px) {
    .cart-recommended__item-content--bottom {
        grid-template-columns: 1fr;
        height: 100%;
        gap: 10px
    }

    .cart-recommended__item-cta {
        width: 100%;
        height: 31px
    }

    .cart-recommended__item-image {
        max-height: 60px
    }
}

.home-hero {
    display: flex;
    /* height: var(--height-fill) */
}

.home-hero__sidebar {
    background-color: #a9905d;
    width: 76px;
    min-width: 76px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    writing-mode: vertical-rl;
    position: relative
}

.home-hero__sidebar-text {
    display: inline-block;
    rotate: 180deg;
    position: absolute;
    top: 34px;
    left: 28px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

.home-hero__sidebar-text.active {
    opacity: 1;
    visibility: visible
}

.home-hero__content {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end
}

.home-hero__bg {
    z-index: -1;
    width: 100%;
}

.home-hero__title {
    color: #fff;
    font-size: 105px;
    line-height: 110px;
    line-height: 1;
    margin-right: 76px;
    position: absolute;
    bottom: 25%;
    left: 5%;
    font-weight: bold;
}

@media (max-width: 767.98px) {
    .home-hero__title {
        font-size: 57px;
        line-height: 60px
    }
}

.home-hero__title.dark {
    color: #292828
}

.home-hero__cta-btn {
    width: 512px;
    position: absolute;
    right: 0;
    bottom: 0
}

.home-hero__cta-btn .primary-button {
    height: 76px;
    margin-bottom: 40px;
    background: #2279bf;
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    padding-left: 30px
}

.home-hero__cta-btn .primary-button:hover {
    background: #2a4026
}

@media (max-width: 767.98px) {
    .home-hero__cta-btn .primary-button {
        font-size: 18px;
        line-height: 24px
    }
}

.home-hero__cta-btn .primary-button svg {
    margin-left: 30px
}

@media (min-width: 1400px) {
    .home-hero__content {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: flex-end;
        gap: 20px;
        padding-bottom: 0;
        padding-right: 0
    }

    .home-hero__title {
        grid-column: 1/2;
        text-align: left;
        margin-bottom: 50px
    }

    .home-hero__cta-btn {
        /* position: static; */
        grid-column: 3/4;
        text-align: right
    }
}

@media (max-width: 1399.98px) {
    .home-hero__content {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start
    }

    .home-hero__cta-btn {
        position: static;
        width: 512px
    }

    .home-hero__title {
        margin-bottom: 20px
    }
}

@media (max-width: 991.98px) {
    .home-hero__content {
        max-width: 100%
    }

    .home-hero__title {
        font-size: 55px;
        line-height: 60px
    }
}

@media (max-width: 767.98px) {
    .home-hero__sidebar {
        display: none
    }

    .home-hero__title {
        font-size: 28px;
        line-height: 30px
    }
}

@media (max-width: 767.98px)and (max-width: 389.98px) {
    .home-hero__title {
        font-size: 45px;
        line-height: 50px
    }
}

@media (max-width: 767.98px) {
    .home-hero__content {
        padding: 66px 25px;
        max-width: none
    }

    .home-hero__cta-btn {
        min-width: none;
        width: 100%
    }

    .home-hero__cta-btn .primary-button {
        height: 50px;
        font-size: 15px;
        line-height: 21px;
        font-weight: 500;
        padding-left: 20px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .home-hero__cta-btn .primary-button {
        font-size: 14px
    }
}

.home-intro {
    padding: 40px 0;
}

.home-intro__title {
    font-size: 43px;
    line-height: 46px;
    font-family: Feature Deck;
    display: flex;
    flex-direction: column;
    margin: 0 76px 80px
}

@media (max-width: 767.98px) {
    .home-intro__title {
        font-size: 30px;
        line-height: 36px
    }
}

.home-intro__title span {
    color: #2279bf
}

.home-intro__slider .swiper-wrapper {
    padding-bottom: 100px;
    height: fit-content;
    transition-timing-function: linear !important
}

.home-intro__slider .swiper-slide {
    width: 28vw;
    margin-right: 20px;
    transition: all .3s ease
}

.home-intro__slider .swiper-slide:first-child {
    margin-left: 76px
}

@media (max-width: 767.98px) {
    .home-intro__slider .swiper-slide:first-child {
        margin-left: 0
    }
}

.home-intro__slider.swiper .swiper-scrollbar {
    max-width: 1181px;
    width: calc(100vw - 152px);
    margin: 0 auto;
    position: static;
    background: #d6d1d1;
    border-radius: 0
}

.home-intro__slider.swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background: linear-gradient(0deg, #0003 0% 100%), #292828;
    border-radius: 0
}

@media (min-width: 768px) {
    .home-intro__slider.swiper .swiper-scrollbar .swiper-scrollbar-drag {
        width: 199px
    }
}

.home-intro__card {
    position: relative;
    z-index: 1
}

.home-intro__card-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.home-intro__card-title {
    font-size: 26px;
    line-height: 34px;
    font-family: Feature Deck;
    margin-bottom: 20px;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .home-intro__card-title {
        font-size: 18px;
        line-height: 24px
    }
}

.home-intro__card-content {
    position: relative;
    z-index: -1
}

.home-intro__card-bg .sa-media img {
    /*object-fit: none;*/
}

.home-intro__card-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px;
    background-color: #2279bf;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    transition: all .3s ease
}

.home-intro__card-wrapper .secondary-button:hover {
    color: inherit
}

.home-intro__card-wrapper .primary-button {
    width: 100%;
    padding: 0;
    gap: 10px;
    text-align: left;
    align-items: center;
    border: none
}

.home-intro__card-wrapper .primary-button a {
    width: 100%;
    height: 60px;
    padding: 20px
}

.home-intro__card-wrapper.active {
    opacity: 1;
    visibility: visible;
    z-index: 11
}

.home-intro__btn-close {
    line-height: 0
}

.home-intro__desc p {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 10px
}

@media (max-width: 767.98px) {
    .home-intro__desc p {
        font-size: 16px;
        line-height: 22px
    }
}

.home-intro__desc p:last-child {
    margin-bottom: 0
}

@media (min-width: 992px) {
    .home-intro__card:hover .home-intro__card-wrapper {
        opacity: 1;
        visibility: visible
    }

    .home-intro__card:hover .home-intro__card-title {
        color: #2279bf
    }
}

@media (max-width: 991.98px) {
    .home-intro__open-btn {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 10;
        line-height: 0
    }

    .home-intro__card-link {
        display: none
    }

    .home-intro__card-wrapper {
        padding: 0
    }

    .home-intro__desc {
        padding: 20px
    }

    .home-intro__slider {
        padding: 0 25px
    }

    .home-intro__slider .swiper-slide {
        width: 60vw
    }

    .home-intro__title {
        margin: 0 76px 68px
    }
}

@media (max-width: 767.98px) {
    .home-intro {
        padding: 40px 0 40px
    }

    .home-intro__title {
        margin: 0 25px 68px
    }

    .home-intro .primary-button>a {
        display: flex;
        align-items: center
    }

    .home-intro .primary-button svg {
        width: 14px;
        height: 15px;
        margin-left: 10px
    }

    .home-intro .primary-button .home-intro__btn-close svg {
        width: 60px;
        min-width: 60px;
        height: 60px;
        margin-left: 0
    }

    .home-intro__card-title {
        margin-bottom: 18px
    }

    .home-intro__slider {
        padding: 0 25px
    }

    .home-intro__slider .swiper-wrapper {
        padding: 0 25px 40px
    }

    .home-intro__slider .swiper-slide {
        width: 76.5vw;
        margin-right: 15px
    }
}

.home-about {
    background: linear-gradient(180deg, #f9f9f9cc, #fff0), #f1f1f1;
    padding: 100px 0 120px
}

.home-about__container {
    padding-left: 50px;
    padding-right: 50px
}

.home-about__heading {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    margin-bottom: 100px
}

.home-about__heading h2 {
    font-size: 34px;
    line-height: 40px;
    max-width: 440px
}

.home-about__heading .button {
    width: 214px
}

.home-about__blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.home-about__block {
    max-width: 345px
}

.home-about__block h6 {
    margin-bottom: 20px
}

.home-about__block p {
    margin: 0
}

.home-about__icon {
    margin-bottom: 50px;
    height: 40px
}

@media (max-width: 991.98px) {
    .home-about {
        padding-top: 60px;
        padding-bottom: 70px
    }

    .home-about__container {
        padding: 0 20px
    }

    .home-about__heading {
        margin-bottom: 30px;
        grid-template-columns: auto
    }

    .home-about__heading .col:last-of-type {
        display: none
    }

    .home-about__blocks {
        grid-template-columns: auto
    }

    .home-about__block {
        display: grid;
        gap: 45px;
        padding: 20px 0 30px;
        grid-template-columns: 40px 1fr;
        border-top: 1px solid #e0e0e0
    }

    .home-about__icon,
    .home-about__icon img {
        width: 40px
    }

    .home-about__desc h6 {
        margin-top: 0;
        margin-bottom: 10px
    }

    .home-about .button {
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .home-about__heading h2 {
        font-size: 32px;
        line-height: 38px;
        font-family: Feature Deck
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .home-about__heading h2 {
        font-size: 23px;
        line-height: 29px
    }
}

.home-categories {
    height: 100vh;
    position: relative;
    min-height: 900px;
    z-index: 9
}

.home-categories__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -2
}

.home-categories__bg>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 5;
    transition: opacity .5s .25s ease, visibility .5s .25s ease;
    opacity: 0;
    visibility: hidden
}

.home-categories__bg>img.active {
    z-index: 9;
    opacity: 1;
    visibility: inherit;
    transition: opacity .5s ease, visibility .5s ease
}

.home-categories__content {
    height: 100%;
    color: #fff;
    padding: 136px 76px;
    position: relative
}

.home-categories__content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
    background: linear-gradient(to right, #151515, #15151500);
    width: 488px;
    height: 100%
}

.home-categories__title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 35px;
    position: relative;
    z-index: 1
}

@media (max-width: 767.98px) {
    .home-categories__title {
        font-size: 18px;
        line-height: 24px
    }
}

.home-categories__list {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1
}

.home-categories__list button {
    font-size: 90px;
    line-height: 95px;
    font-family: Feature Deck;
    opacity: .2
}

@media (max-width: 991.98px) {
    .home-categories__list button {
        font-size: 50px;
        line-height: 75px
    }
}

@media (max-width: 575.98px) {
    .home-categories__list button {
        font-size: 45px;
        line-height: 50px
    }
}

.home-categories__list button.active {
    opacity: 1
}

.home-categories__button {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 601px;
    z-index: 1
}

.home-categories__button .primary-button {
    color: #fff;
    color: #292828;
    font-size: 22px;
    line-height: 28px;
    padding-left: 30px;
    width: 100%
}

@media (max-width: 767.98px) {
    .home-categories__button .primary-button {
        font-size: 18px;
        line-height: 24px
    }
}

.home-categories__button .primary-button:hover {
    background: #2279bf;
    color: #fff
}

@media (max-width: 991.98px) {
    .home-categories {
        min-height: 0
    }

    .home-categories__content {
        padding: 80px 76px
    }

    .home-categories__list button {
        font-size: 51px;
        line-height: 58px;
        font-family: Feature Deck
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .home-categories__list button {
        font-size: 36px;
        line-height: 41px
    }
}

@media (max-width: 767.98px) {
    .home-categories__content {
        padding: 23px 25px
    }

    .home-categories__content:after {
        width: 300px
    }

    .home-categories__button {
        width: calc(100vw - 50px);
        bottom: 35px;
        left: 25px
    }

    .home-categories__button .primary-button {
        font-size: 15px;
        line-height: 21px;
        font-weight: 500;
        padding-left: 20px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .home-categories__button .primary-button {
        font-size: 14px
    }
}

@media (max-width: 767.98px) {
    .home-categories__title {
        width: 50%;
        margin-bottom: 21px
    }
}

.home-testimonials {
    padding: 171px 76px;
    background-color: #2a4026;
    display: grid;
    position: relative;
    color: #fff
}

.home-testimonials__container {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.home-testimonials__wrapper {
    max-width: 840px;
    margin-left: auto
}

.home-testimonials__title {
    margin-bottom: 39px
}

.home-testimonials__actions {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding-top: 71px
}

.home-testimonials__arrows {
    display: flex;
    gap: 10px
}

.home-testimonials__arrows .swiper-btn-next,
.home-testimonials__arrows .swiper-btn-prev {
    cursor: pointer
}

.home-testimonials__arrows .swiper-button-disabled svg path {
    opacity: .3
}

.home-testimonials .pagination {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck;
    height: fit-content;
    width: max-content
}

@media (max-width: 767.98px) {
    .home-testimonials .pagination {
        font-size: 14px;
        line-height: 17px
    }
}

.home-testimonials__slide blockquote {
    font-size: 47px;
    line-height: 59px;
    margin-bottom: 32px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .home-testimonials__slide blockquote {
        font-size: 20px;
        line-height: 26px
    }
}

.home-testimonials__slide blockquote span {
    font-family: Honeymoon Hand
}

.home-testimonials__rating {
    margin-bottom: 4px
}

.home-testimonials__rating svg path {
    fill: #fff
}

.home-testimonials__author {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .home-testimonials__author {
        font-size: 14px;
        line-height: 17px
    }
}

@media (max-width: 1199.98px) {
    .home-testimonials__wrapper {
        margin-right: 0;
        max-width: 700px
    }
}

@media (max-width: 991.98px) {
    .home-testimonials {
        padding: 100px 76px 140px
    }

    .home-testimonials__wrapper {
        margin-left: 0
    }

    .home-testimonials__container {
        display: flex;
        flex-direction: column
    }

    .home-testimonials__actions {
        padding-top: 0
    }

    .home-testimonials__actions .pagination {
        position: absolute;
        top: 80px;
        left: 76px
    }

    .home-testimonials__actions .swiper-btn-next,
    .home-testimonials__actions .swiper-btn-prev {
        position: absolute;
        top: auto;
        bottom: 80px;
        left: 76px
    }

    .home-testimonials__actions .swiper-btn-next {
        left: 116px
    }

    .home-testimonials__slider {
        max-width: calc(100vw - 80px)
    }
}

@media (max-width: 767.98px) {
    .home-testimonials {
        padding: 81px 25px 128px
    }

    .home-testimonials__title {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 33px
    }

    .home-testimonials__actions .pagination {
        top: 55px;
        left: 25px
    }

    .home-testimonials__actions .swiper-btn-next,
    .home-testimonials__actions .swiper-btn-prev {
        top: auto;
        bottom: 50px;
        left: 25px
    }

    .home-testimonials__actions .swiper-btn-next svg,
    .home-testimonials__actions .swiper-btn-prev svg {
        width: 18px;
        height: 20px
    }

    .home-testimonials__actions .swiper-btn-next {
        left: auto;
        right: 25px
    }

    .home-testimonials__slider {
        max-width: calc(100vw - 50px)
    }

    .home-testimonials__slider blockquote {
        margin-bottom: 25px
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .home-testimonials__wrapper {
        max-width: calc(100% - 76px)
    }
}

.home-frame {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden
}

.home-frame__media {
    min-height: 100vh;
    min-width: 100vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.home-frame__media img {
    max-width: none;
    width: 100%
}

.home-frame__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9
}

@media (max-width: 767.98px) {
    .home-frame {
        display: grid;
        grid-template-rows: 1fr 1fr
    }

    .home-frame__media {
        min-height: 0;
        position: relative;
        order: 2;
        display: flex;
        align-items: center
    }

    .home-frame__layer {
        position: relative
    }

    .home-frame__layer .home-anim__toggle {
        display: none
    }

    .home-frame__image {
        transform: scale(1.4) !important;
        transform-origin: 50% 50% !important
    }
}

.home-anim {
    background: #efefef;
    position: relative
}

.home-anim__intro {
    position: absolute;
    z-index: 4
}

.home-anim__intro .home-frame__layer {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%)
}

.home-anim__intro .home-frame__image {
    transform: scale(1.3);
    transform-origin: 50% 0%
}

.home-anim__canvas {
    position: relative;
    clip-path: inset(100% 0% 0% 0%);
    z-index: 9
}

.home-anim__canvas .home-frame__layer {
    opacity: 0;
    visibility: hidden
}

.home-anim__canvas-text {
    max-width: 350px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 40px;
    padding-top: 70px;
    position: relative;
    z-index: 9
}

.home-anim__canvas-text>p {
    font-weight: 500
}

.home-anim__intro-text {
    position: relative;
    max-width: 1085px;
    margin: auto;
    text-align: center;
    display: flex;
    gap: 90px;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center
}

.home-anim__intro-text>h2 {
    margin: 0 auto;
    width: 100%
}

.home-anim__intro-text>h2:nth-of-type(2) {
    max-width: 820px
}

.home-anim__toggles {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.home-anim__toggle {
    position: absolute;
    top: 0;
    left: 0;
    height: 68px;
    width: 68px;
    border-radius: 50%;
    background-color: #484646;
    display: flex;
    box-shadow: 0 8px 40px #00000026;
    cursor: pointer
}

.home-anim__toggle:before {
    content: " ";
    position: absolute;
    top: -25px;
    right: -25px;
    bottom: -25px;
    left: -25px;
    background: #a3a3a326;
    border-radius: 50%;
    animation: toggleAnim 2s ease infinite;
    z-index: -1
}

.home-anim__toggle>span {
    position: relative;
    width: 32px;
    height: 2px;
    margin: auto
}

.home-anim__toggle>span:before,
.home-anim__toggle>span:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #fff;
    display: block
}

.home-anim__toggle>span:after {
    position: absolute;
    transform: rotate(90deg);
    top: 0;
    left: 0;
    transition: all .2s ease
}

.home-anim__toggle:nth-of-type(1) {
    top: 4.28%;
    left: 70.11%
}

@media (max-width: 767.98px) {
    .home-anim__toggle:nth-of-type(1) {
        top: 10%;
        left: 68.11%
    }
}

.home-anim__toggle:nth-of-type(2) {
    top: 26%;
    left: 45%
}

@media (max-width: 767.98px) {
    .home-anim__toggle:nth-of-type(2) {
        top: 29%;
        left: 43%
    }
}

.home-anim__toggle:nth-of-type(3) {
    top: 66%;
    left: 34%
}

@media (max-width: 767.98px) {
    .home-anim__toggle:nth-of-type(3) {
        top: 62%;
        left: 30%
    }
}

.home-anim__toggle.active:before {
    animation: none;
    opacity: 1 !important;
    visibility: inherit !important
}

.home-anim__toggle.active>span:after {
    opacity: 0;
    visibility: hidden
}

@media (max-width: 767.98px) {
    .home-anim__intro-text {
        padding: 0 23px;
        gap: 40px
    }

    .home-anim__intro-text h2 {
        font-size: 32px;
        line-height: 38px;
        font-family: Feature Deck
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .home-anim__intro-text h2 {
        font-size: 23px;
        line-height: 29px
    }
}

@media (max-width: 767.98px) {
    .home-anim__intro .home-frame__image {
        transform: scale(1)
    }

    .home-anim__intro .home-frame__layer {
        -webkit-mask-image: none;
        mask-image: none
    }

    .home-anim__canvas-text {
        max-width: none;
        padding: 40px 20px 20px;
        gap: 10px
    }

    .home-anim__canvas-text>p {
        font-size: 17px;
        line-height: 23px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .home-anim__canvas-text>p {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 767.98px) {
    .home-anim__toggle {
        height: 24px;
        width: 24px
    }

    .home-anim__toggle:before {
        top: -13px;
        right: -13px;
        bottom: -13px;
        left: -13px
    }

    .home-anim__toggle>span {
        width: 11px;
        height: 1px
    }
}

@keyframes toggleAnim {
    0% {
        transform: scale(.5);
        opacity: 0
    }

    80% {
        transform: scale(1);
        opacity: 1
    }

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

.anim-popup {
    max-width: 176px;
    display: flex;
    flex-direction: column;
    gap: 35px;
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 15px, 0);
    transition: all .5s ease;
    z-index: 19
}

.anim-popup--1 {
    top: 4%;
    left: 78%
}

.anim-popup--2 {
    top: 35%;
    left: 70%
}

.anim-popup--3 {
    top: 50%;
    left: 9%
}

.anim-popup__image {
    border-radius: 8px;
    overflow: hidden
}

.anim-popup__image img {
    display: block;
    width: 100%
}

.anim-popup__content>h6 {
    margin-bottom: 15px
}

.anim-popup.active {
    opacity: 1;
    visibility: inherit;
    transform: translateZ(0)
}

.anim-popup--active .home-anim__toggle:before {
    opacity: 0;
    visibility: hidden;
    animation: none
}

@media (max-width: 767.98px) {
    .anim-popup {
        top: 0% !important;
        left: 0% !important;
        display: grid;
        grid-template-columns: 108px 1fr;
        gap: 20px;
        right: 0%;
        padding: 40px 20px 20px;
        max-width: none
    }

    .anim-popup__content>h6 {
        font-size: 26px;
        line-height: 34px;
        font-family: Feature Deck;
        margin-bottom: 13px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .anim-popup__content>h6 {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 767.98px) {
    .anim-popup__content>p {
        font-size: 13px;
        line-height: 19px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .anim-popup__content>p {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .anim-popup--active .home-anim__canvas-text {
        opacity: 0;
        visibility: hidden
    }
}

.home-frame__image .home-anim__toggles {
    opacity: 0;
    visibility: hidden
}

.home-image-text {
    padding: 140px 76px
}

.home-image-text__content {
    max-width: 1100px;
    display: grid;
    grid-template-columns: 49% 1fr;
    gap: 130px;
    align-items: center;
    margin: 0 auto
}

.home-image-text__title {
    font-size: 43px;
    line-height: 46px;
    font-family: Feature Deck;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .home-image-text__title {
        font-size: 30px;
        line-height: 36px
    }
}

.home-image-text__desc {
    margin-bottom: 20px
}

.home-image-text__left {
    aspect-ratio: 1.35
}

@media (max-width: 1199.98px) {
    .home-image-text__content {
        gap: 100px
    }
}

@media (max-width: 991.98px) {
    .home-image-text {
        padding: 100px 76px
    }

    .home-image-text__content {
        grid-template-columns: 1fr;
        gap: 50px
    }

    .home-image-text__left {
        order: 1
    }
}

@media (max-width: 767.98px) {
    .home-image-text {
        padding: 55px 25px
    }

    .home-image-text__content {
        gap: 31px
    }

    .home-image-text__desc {
        margin-bottom: 16px
    }
}

.home-press-logos {
    background-color: #2279bf;
    padding: 50px 144px 50px 77px;
    display: flex;
    gap: 52px;
    align-items: center
}

.home-press-logos__title {
    white-space: nowrap;
    color: #fff
}

.home-press-logos__carousel {
    width: 100%;
    overflow: hidden
}

.home-press-logos__carousel .swiper-slide img {
    display: block;
    margin: auto;
    height: 110px;
    width: auto
}

@media (max-width: 991.98px) {
    .home-press-logos {
        flex-direction: column;
        gap: 20px;
        padding: 50px 0
    }
}

@media (max-width: 767.98px) {
    .home-press-logos {
        padding: 45px 0
    }

    .home-press-logos__carousel .swiper-slide img {
        height: 76px
    }
}

.home-banner {
    height: 1000px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-banner__title {
    font-size: 43px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    color: #fff
}

.home-banner__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

@media (max-width: 767.98px) {
    .home-banner {
        height: 627px
    }

    .home-banner__title {
        display: none
    }
}

.home-day-night {
    width: 100%;
    display: block;
    position: relative
}

.home-card {
    overflow: hidden;
    --fore-color: #151515;
    --back-color: #a9905d;
    display: grid;
    grid-template-columns: min(650px, 34.5%) 1fr;
    height: 100vh
}

.home-card>* {
    min-height: 0
}

.home-card__left {
    padding: 59px 76px 85px;
    background-color: var(--back-color);
    color: var(--fore-color);
    display: grid;
    grid-template-rows: auto 1fr
}

.home-card__desc {
    font-size: 32px;
    line-height: 38px;
    font-family: Feature Deck;
    position: relative;
    margin-bottom: 20px;
    max-width: 292px
}

@media (max-width: 767.98px) {
    .home-card__desc {
        font-size: 23px;
        line-height: 29px
    }
}

.home-card__desc>span {
    color: #151515;
    display: block
}

.home-card__desc .text-day {
    transform: translateZ(0)
}

.home-card__desc .text-night {
    color: #cfc9b6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 30px, 0)
}

.home-card__time-container {
    --height: 95px;
    display: flex;
    transform: translate3d(0, calc(-100% + var(--height)), 0)
}

@media (max-width: 767.98px) {
    .home-card__time-container {
        --height: 55px
    }
}

.home-card__time {
    font-size: 90px;
    line-height: 95px;
    font-family: Feature Deck;
    position: relative;
    height: 100%;
    display: flex;
    overflow: hidden;
    height: var(--height);
    gap: 8px;
    transform: translate3d(-28px, 0, 0);
    margin-top: auto
}

@media (max-width: 991.98px) {
    .home-card__time {
        font-size: 50px;
        line-height: 75px
    }
}

@media (max-width: 575.98px) {
    .home-card__time {
        font-size: 45px;
        line-height: 50px
    }
}

@media (max-width: 767.98px) {
    .home-card__time {
        transform: translate3d(-15.5999px, 0, 0)
    }
}

.home-card__time-wrapper {
    display: flex;
    flex-direction: column;
    height: fit-content
}

.home-card__time-wrapper>span {
    height: var(--height);
    line-height: var(--height);
    text-align: right;
    vertical-align: baseline
}

.home-card__time-wrapper span {
    color: #cfc9b6
}

.home-card__right {
    height: 100%;
    position: relative;
    z-index: 5
}

.home-card__right img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.home-card__night-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    opacity: 0;
    visibility: hidden
}

.home-card__night-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.home-card.dark .home-card__left {
    background-color: #151515;
    color: #a9905d;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.home-card--night .home-card,
.home-card--night {
    --fore-color: #a9905d;
    --back-color: #151515
}

.home-card--night .home-card__time-container {
    transform: translateZ(0)
}

.home-card--night .home-card__time-wrapper {
    transform: translateY(calc(-100% + var(--height)))
}

.home-card--night .home-card__night-image {
    opacity: 1;
    visibility: inherit
}

.home-card--night .home-card__desc .text-day {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, -30px, 0)
}

.home-card--night .home-card__desc .text-night {
    opacity: 1;
    visibility: inherit;
    transform: translateZ(0)
}

@media (max-width: 1199.98px) {
    .home-card {
        grid-template-columns: 45% 1fr
    }
}

@media (max-width: 991.98px) {
    .home-card {
        grid-template-columns: 1fr;
        height: 100dvh;
        grid-template-rows: 35% 1fr;
        overflow: hidden
    }

    .home-card__left {
        padding: 55px 76px
    }

    .home-card__desc {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 11px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .home-card__desc {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 991.98px) {
    .home-card__right {
        height: 100%
    }
}

@media (max-width: 767.98px) {
    .home-card__left {
        padding: 55px 25px 55px 40px
    }

    .home-card__desc {
        font-size: 22px;
        line-height: 28px;
        max-width: 166px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .home-card__desc {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 767.98px) {
    .home-card__time {
        gap: 2px
    }
}

.home-discover {
    padding: 114px 0 100px;
    background-color: #dff1ff;
    overflow: hidden
}

.home-discover__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.home-discover__title {
    margin-bottom: 35px
}

.home-discover__button {
    margin-bottom: 69px
}

.home-discover__img-wrapper {
    width: 534px;
    height: 400px;
    position: relative;
    z-index: 1
}

.home-discover__img-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
}

.home-discover__img-wrapper .swiper-slide img {
    margin-top: auto;
}

.home-discover__headlines {
    position: relative;
    top: -70px;
    font-size: 163px;
    line-height: 163px;
    letter-spacing: -3.26px;
    white-space: nowrap;
    color: #2279bf
}

@media (min-width: 992px) {
    .home-discover .primary-button--outlined:hover {
        background-color: #151515;
        color: #dff1ff
    }
}

@media (max-width: 991.98px) {
    .home-discover__headlines {
        display: none
    }
}

@media (max-width: 767.98px) {
    .home-discover {
        padding: 90px 25px
    }

    .home-discover__title {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck;
        margin-bottom: 35px;
        text-align: center
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .home-discover__title {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width: 767.98px) {
    .home-discover__button {
        margin-bottom: 90px
    }

    .home-discover__img-wrapper {
        width: 278px;
        height: 207px
    }
}

.home-collections {
    padding: 100px 76px 140px
}

.home-collections__header {
    display: grid;
    grid-template-columns: 1fr 40.4%;
    gap: 75px
}

.home-collections__title {
    font-size: 51px;
    line-height: 58px;
    font-family: Feature Deck;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    grid-column: 1/-1
}

@media (max-width: 767.98px) {
    .home-collections__title {
        font-size: 36px;
        line-height: 41px
    }
}

.home-collections__title span {
    color: #2279bf
}

.home-collections__desc {
    margin-bottom: 139px;
    grid-column: 2/-1;
    max-width: 750px;
    margin-left: auto
}

.home-collections__desc p {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 18px
}

@media (max-width: 767.98px) {
    .home-collections__desc p {
        font-size: 18px;
        line-height: 24px
    }
}

.home-collections__tabs {
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 43px;
    justify-content: stretch
}

.home-collections__tabs .tab {
    font-size: 22px;
    line-height: 28px;
    padding: 20px;
    color: #b3b3b3;
    cursor: pointer;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom: 1px solid #d6d1d1;
    flex-grow: 1
}

@media (max-width: 767.98px) {
    .home-collections__tabs .tab {
        font-size: 18px;
        line-height: 24px
    }
}

.home-collections__tab-pane:not(.active) {
    display: none
}

@media (min-width: 992px) {
    .home-collections__tabs .tab.active {
        background-color: #2279bf;
        color: #292828;
        border-color: #2279bf
    }

    .home-collections__tabs .tab:hover {
        color: #292828
    }
}

@media (max-width: 1199.98px) {
    .home-collections__header {
        display: block
    }
}

@media (max-width: 991.98px) {
    .home-collections {
        padding: 80px 76px 100px
    }

    .home-collections__title {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck;
        margin-bottom: 13px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .home-collections__title {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width: 991.98px) {
    .home-collections__desc {
        margin-left: 0;
        margin-bottom: 55px;
        max-width: none
    }

    .home-collections__subtitle {
        margin-bottom: 20px
    }

    .home-collections .accordion-item {
        border: none
    }

    .home-collections .accordion-item__header {
        background-color: #f6f6f6;
        font-size: 32px;
        line-height: 38px;
        font-family: Feature Deck;
        padding: 15px;
        gap: 15px;
        margin-bottom: 3px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .home-collections .accordion-item__header {
        font-size: 23px;
        line-height: 29px
    }
}

@media (max-width: 991.98px) {
    .home-collections .accordion-item__icon {
        display: flex
    }

    .home-collections .accordion-item.active {
        margin-bottom: 20px
    }

    .home-collections__content {
        margin-bottom: 55px
    }
}

@media (max-width: 767.98px) {
    .home-collections {
        padding: 55px 25px 70px
    }
}

.home-collection {
    --y-spacing: 40px;
    display: grid;
    grid-template-columns: 1fr 40.4%;
    gap: 75px
}

.home-collection__left {
    position: sticky;
    top: var(--y-spacing);
    height: fit-content
}

.home-collection__left img {
    width: 100%;
    height: 100%;
    max-height: calc(100vh - var(--y-spacing) * 2);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    object-position: center
}

.home-collection__right {
    max-width: 750px;
    margin-left: auto;
    width: 100%
}

.home-collection__title {
    font-size: 32px;
    line-height: 38px;
    font-family: Feature Deck;
    margin-bottom: 15px
}

@media (max-width: 767.98px) {
    .home-collection__title {
        font-size: 23px;
        line-height: 29px
    }
}

.home-collection__desc {
    max-width: 95%;
    margin-bottom: 13px
}

.home-collection__header {
    margin-bottom: 25px;
    max-width: 680px
}

.home-collection__products {
    height: fit-content
}

.home-collection__products .product-card {
    min-height: 140px;
    height: auto !important;
    border-bottom: 1px solid #d6d1d1;
    padding: 16px 0;
    display: flex;
    align-items: center
}

.home-collection__products .product-card__grid {
    width: 100%
}

.home-collection__products .product-card:first-child {
    border-top: 1px solid #d6d1d1
}

.home-collection__btn-more {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 42px;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
    color: #b3b3b3;
    justify-content: center;
    width: 100%
}

@media (max-width: 767.98px) {
    .home-collection__btn-more {
        font-size: 14px;
        line-height: 21px
    }
}

.home-collection__btn-add {
    width: 100%;
    background-color: #2a4026;
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    display: flex;
    height: 63px
}

@media (max-width: 767.98px) {
    .home-collection__btn-add {
        font-size: 18px;
        line-height: 24px
    }
}

.home-collection__btn-add span {
    padding: 18px;
    height: 63px;
    transition: all .3s ease;
    flex: 1
}

.home-collection__btn-add span:hover {
    background: #000
}

.home-collection__btn-add span.product-discount {
    height: 100%;
    flex-grow: 0;
    flex-shrink: 1;
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck;
    background-color: #2279bf;
    color: #fff;
    justify-content: center
}

@media (max-width: 767.98px) {
    .home-collection__btn-add span.product-discount {
        font-size: 14px;
        line-height: 17px
    }
}

.home-collection__btn-add span.product-discount:hover {
    background-color: #000
}

.home-collection__btn-add:disabled {
    opacity: .6;
    pointer-events: none
}

@media (min-width: 1400px) {
    .home-collection__left img {
        position: static
    }

    .home-collection__right {
        display: flex;
        flex-direction: column
    }

    .home-collection__products {
        margin-top: auto
    }
}

@media (min-width: 992px) {
    .home-collection__btn-add:hover span {
        color: #fff;
        background-color: #2279bf
    }
}

@media (max-width: 991.98px) {
    .home-collection {
        grid-template-columns: 1fr;
        background-color: #f6f6f6;
        padding: 15px;
        gap: 20px
    }

    .home-collection__left {
        position: relative;
        top: 0;
        aspect-ratio: 1.46
    }

    .home-collection__left img {
        max-height: none;
        position: static
    }

    .home-collection__header {
        margin-bottom: 51px
    }

    .home-collection__desc {
        max-width: none;
        margin-bottom: 10px
    }

    .home-collection__title {
        display: none
    }

    .home-collection__products-title {
        margin-bottom: 20px
    }

    .home-collection__products .product-card {
        height: 95px;
        min-height: 95px;
        padding: 15px 0
    }

    .home-collection__products .product-card:first-child {
        border-top: 1px solid #d6d1d1
    }

    .home-collection__btn-more {
        margin-top: 14px;
        margin-bottom: 15px;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px
    }

    .home-collection__btn-add {
        height: 50px;
        grid-template-columns: 1fr;
        font-size: 15px;
        line-height: 21px;
        font-weight: 500
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .home-collection__btn-add {
        font-size: 14px
    }
}

@media (max-width: 991.98px) {
    .home-collection__btn-add span {
        padding: 14px 0;
        height: 100%
    }
}

.form-collapse:not(.show-more) .product-card:nth-of-type(n+4) {
    display: none
}

.form-collapse.show-more .home-collection__btn-more {
    display: none
}

.render-max__section,
.render-one__section {
    background: #fff;
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden
}

.render-max__canvas,
.render-one__canvas {
    height: fit-content;
    width: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    background: #f5f3ef;
    overflow: hidden
}

.render-max__bg,
.render-one__bg {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center
}

.render-max__bg svg,
.render-one__bg svg {
    width: 100%;
    height: 100%
}

.render-max__text,
.render-one__text {
    position: absolute;
    right: 20px;
    left: 20px;
    bottom: auto;
    top: 130px;
    text-align: center
}

.render-max__text h3,
.render-one__text h3 {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateZ(0)
}

@media (max-width: 767.98px) {

    .render-max__text,
    .render-one__text {
        top: 238px
    }

    .render-max__text h3,
    .render-one__text h3 {
        transform: translate3d(0, -50%, 0)
    }

    .render-max__text h3 span.md-break,
    .render-one__text h3 span.md-break {
        display: block
    }
}

.canvas-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90;
    padding: 40px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    visibility: hidden
}

.canvas-layer h3 {
    color: #fdf6f4
}

.canvas-layer h5 {
    max-width: 300px;
    color: #fff
}

.canvas-layer__header {
    padding-top: 60px;
    text-align: center
}

.canvas-layer__footer {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .canvas-layer__footer {
        gap: 40px
    }

    .canvas-layer__footer h5 {
        max-width: 100%
    }
}

@media (max-width: 767.98px) {
    .canvas-layer__footer {
        grid-template-columns: 1fr
    }

    .canvas-layer__footer h5 {
        font-size: 15px;
        line-height: 18px;
        font-weight: 500;
        font-family: Feature Deck;
        font-weight: 400;
        width: 100%;
        max-width: 100%
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .canvas-layer__footer h5 {
        font-size: 14px;
        line-height: 17px
    }
}

#render-one-canvas {
    position: relative;
    z-index: 100
}

.canvas-layer svg {
    display: block
}

.navbar--hide [class*=kl-teaser-] {
    display: none
}

.render-max__viewport {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5
}

.render-max__text-wrap>* {
    opacity: 0;
    visibility: hidden
}

.render-max__text--1 {
    position: absolute;
    top: 30;
    right: 30;
    bottom: 30;
    left: 30;
    bottom: auto;
    top: 140px;
    text-align: center
}

.render-max__text--2,
.render-max__text--3 {
    position: absolute;
    top: 0;
    left: 75px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.render-max__text--4 {
    position: absolute;
    top: 100px;
    left: 75px;
    display: flex;
    gap: 100px
}

.render-max__text--5 {
    position: absolute;
    top: 100px;
    right: 75px
}

.render-max__text--6 {
    position: absolute;
    bottom: 66px;
    left: 75px
}

.render-max__text--2,
.render-max__text--3,
.render-max__text-col,
.render-max__text--5,
.render-max__text--6 {
    max-width: 250px;
    width: 100%
}

.render-max__text--2 .p-xl,
.render-max__text--3 .p-xl,
.render-max__text-col .p-xl,
.render-max__text--5 .p-xl,
.render-max__text--6 .p-xl {
    margin-bottom: 7px
}

@media (max-width: 767.98px) {
    .render-max__text--1 {
        top: 108px
    }

    .render-max__text--2,
    .render-max__text--3,
    .render-max__text--4,
    .render-max__text--5,
    .render-max__text--6 {
        position: absolute;
        max-width: 300px;
        padding: 0 10px;
        right: 0;
        left: 0;
        bottom: auto;
        top: 57px;
        margin: auto;
        text-align: center
    }

    .render-max__text--2 {
        color: #fff
    }

    .render-max__text--4 {
        display: block
    }

    .render-max__text-col {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        margin: auto;
        max-width: 300px;
        padding: 0 10px
    }

    .render-max__text--5 {
        left: 44%;
        text-align: left;
        width: auto;
        right: 20px;
        top: 35px;
        padding: 0
    }

    .render-max__text--6 {
        top: auto;
        bottom: 80px
    }
}

.section-collaboration {
    --back-color: #AE8E77;
    background: #ae8e77;
    position: relative
}

.section-collaboration__bg {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.section-collaboration__bg.active {
    opacity: 1;
    visibility: visible
}

.section-collaboration__grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    min-height: 840px
}

.section-collaboration__right {
    display: flex;
    min-width: 0
}

.section-collaboration__images {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4
}

.section-collaboration__images img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    transition: opacity .5s .25s ease, visibility .5s .25s ease
}

.section-collaboration__images img.active {
    z-index: 9;
    opacity: 1;
    visibility: inherit;
    transition: opacity .5s ease, visibility .5s ease
}

.section-collaboration .testimonials,
.section-collaboration .testimonials__carousel {
    height: 100%;
    width: 100%
}

.section-collaboration .testimonials__item {
    color: #fff;
    max-width: 440px;
    margin: auto
}

.section-collaboration .testimonials__item>h2 {
    font-size: 75px;
    line-height: 1em;
    margin-bottom: 14px
}

.section-collaboration .testimonials__item>p {
    margin-bottom: 50px
}

@media (max-width: 991.98px) {
    .section-collaboration .testimonials__item>p {
        margin-bottom: 40px
    }
}

.section-collaboration .testimonials__item>.grid--buttons {
    gap: 10px
}

.section-collaboration .testimonials__item.text-colour--white {
    color: #fff
}

.section-collaboration .testimonials__item.text-colour--black {
    color: #262525
}

.section-collaboration .swiper,
.section-collaboration .swiper .swiper-slide {
    height: 100%;
    width: 100%
}

.section-collaboration .swiper .swiper-slide {
    display: flex;
    padding: 50px 0
}

@media (max-width: 991.98px) {
    .section-collaboration .swiper .swiper-slide {
        padding-top: 0;
        padding-bottom: 40px
    }
}

.section-collaboration .swiper .swiper-pagination {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 30px
}

.section-collaboration .swiper .swiper-pagination-bullet {
    height: 8px;
    width: 8px;
    background-color: #fff;
    margin: 0;
    position: relative
}

.section-collaboration .swiper .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px
}

@media (max-width: 991.98px) {
    .section-collaboration .swiper .swiper-pagination {
        bottom: 0;
        gap: 25px
    }
}

.section-collaboration .b-mask {
    clip-path: url(#bClip)
}

.section-collaboration .b-mask__mask {
    opacity: 0;
    visibility: hidden
}

.section-collaboration .b-mask__mask.active {
    opacity: 1;
    visibility: visible
}

@media (max-width: 991.98px) {
    .section-collaboration__grid {
        min-height: auto;
        grid-template-columns: auto
    }

    .section-collaboration__left {
        height: 700px
    }

    .section-collaboration .testimonials {
        padding: 60px 20px 50px
    }

    .section-collaboration .testimonials__item h2 {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .section-collaboration .testimonials__item h2 {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width: 991.98px) {
    .section-collaboration .testimonials .grid--buttons {
        grid-template-columns: auto
    }
}

@media (max-width: 767.98px) {
    .section-collaboration__left {
        height: 430px
    }

    .section-collaboration .testimonials {
        padding-bottom: 30px
    }
}

.b-mask {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 9;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .b-mask {
        left: -170px
    }
}

@media (max-width: 767.98px) {
    .b-mask {
        height: 460px;
        width: 100%;
        left: 50px;
        margin-left: -50px
    }
}

.b-mask>img {
    position: relative;
    z-index: 5;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.b-mask__mask {
    position: absolute;
    top: 0;
    right: -5%;
    bottom: -18px;
    z-index: 8
}

.b-mask__mask svg {
    display: block;
    height: 100%;
    min-width: 100%
}

@media (max-width: 991.98px) {
    .b-mask__mask {
        top: 0;
        bottom: -11px;
        right: 0
    }
}

@media (max-width: 767.98px) {
    .b-mask__mask {
        right: 0
    }
}

.section-instagram {
    position: relative
}

.section-instagram__gallery {
    overflow: hidden
}

.section-instagram__carousel {
    display: flex;
    width: fit-content
}

.section-instagram__carousel .swiper-wrapper {
    transition-timing-function: linear !important
}

.section-instagram__carousel-item {
    flex: 0 0 20%
}

.section-instagram__carousel-item img {
    display: block
}

@media (max-width: 767.98px) {
    .section-instagram__carousel {
        display: grid;
        grid-template-columns: 1fr 1fr;
        transform: translate(0)
    }

    .section-instagram__carousel-item {
        flex: 0 0 35%
    }
}

.section-b-hub {
    padding: 100px 30px 120px;
    background: #f5f5f5
}

.section-b-hub__grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 40px
}

.section-b-hub__heading>p {
    max-width: 348px;
    margin-top: 22px
}

.section-b-hub .accordion {
    display: grid;
    gap: 10px
}

.section-b-hub .accordion-item {
    padding: 20px 30px;
    background: #fff;
    border-radius: 8px;
    transition: all .3s ease
}

.section-b-hub .accordion-item:hover {
    opacity: .8
}

.section-b-hub .accordion-item.active:hover {
    opacity: 1
}

.section-b-hub .accordion-item__content {
    max-width: 650px;
    padding-top: 20px
}

.section-b-hub .accordion-item__content p {
    margin-bottom: 30px
}

.section-b-hub .accordion-item__label {
    font-size: 26px;
    line-height: 34px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .section-b-hub .accordion-item__label {
        font-size: 18px;
        line-height: 24px
    }
}

.section-b-hub .accordion-item__label--grid {
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 0;
    justify-content: space-between
}

.section-b-hub .accordion-item__label--icon {
    max-height: 60px;
    display: flex;
    justify-content: center
}

@media (max-width: 991.98px) {
    .section-b-hub {
        padding: 60px 20px 70px
    }

    .section-b-hub__grid {
        gap: 40px;
        grid-template-columns: auto
    }

    .section-b-hub__heading {
        text-align: center
    }

    .section-b-hub__heading h4 {
        font-size: 51px;
        line-height: 58px;
        font-family: Feature Deck
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .section-b-hub__heading h4 {
        font-size: 36px;
        line-height: 41px
    }
}

@media (max-width: 991.98px) {
    .section-b-hub__heading p {
        margin: 12px auto 0
    }

    .section-b-hub .accordion-item {
        padding: 20px 30px
    }

    .section-b-hub .accordion-item__content p {
        margin-bottom: 20px
    }

    .section-b-hub .accordion-item__label label {
        font-size: 15px;
        line-height: 18px;
        font-weight: 500;
        font-family: Feature Deck
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .section-b-hub .accordion-item__label label {
        font-size: 14px;
        line-height: 17px
    }
}

@media (max-width: 991.98px) {
    .section-b-hub .accordion-item__label--grid {
        width: 100%;
        display: flex;
        align-items: center;
        padding-right: 0;
        justify-content: space-between
    }

    .section-b-hub .accordion-item__label--icon {
        max-height: 28px;
        max-width: 28px
    }
}

.ranges-carousel {
    padding-bottom: 150px;
    padding-left: 0
}

.ranges-carousel__heading {
    margin-bottom: 30px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ranges-carousel__heading--actions {
    display: flex;
    gap: 30px;
    align-items: center
}

.ranges-carousel__heading--actions .arrow__group {
    gap: 20px;
    max-height: 20px
}

.ranges-carousel__carousel {
    overflow: hidden;
    overflow-x: auto;
    padding-right: 0
}

.ranges-carousel__carousel::-webkit-scrollbar {
    display: none
}

.ranges-carousel__items {
    overflow: hidden
}

.ranges-carousel__items .swiper-slide {
    width: fit-content
}

.ranges-carousel__items .swiper-slide:first-of-type {
    border-radius: 20px 0 0 20px;
    overflow: hidden;
    margin-left: 30px
}

.ranges-carousel__items .swiper-slide:last-of-type {
    border-radius: 0 20px 20px 0;
    overflow: hidden;
    margin-right: 30px
}

.ranges-carousel .swiper-wrapper,
.ranges-carousel .swiper-wrapper * {
    cursor: grab
}

.ranges-carousel .swiper-wrapper:active,
.ranges-carousel .swiper-wrapper:active * {
    cursor: grabbing
}

@media (max-width: 991.98px) {
    .ranges-carousel {
        padding-bottom: 75px
    }

    .ranges-carousel__heading {
        padding: 0 20px
    }

    .ranges-carousel__heading--actions {
        display: flex;
        gap: 30px;
        align-items: center
    }

    .ranges-carousel__heading--actions .arrow__group {
        gap: 20px;
        max-height: 20px
    }

    .ranges-carousel__heading--actions .arrow svg {
        width: 10px;
        height: 20px
    }

    .ranges-carousel .range-card {
        width: 650px
    }

    .ranges-carousel .range-card__content {
        padding: 40px
    }
}

@media (max-width: 767.98px) {
    .ranges-carousel {
        padding-left: 0
    }

    .ranges-carousel .secondary-button--transparent-light {
        max-width: 170px
    }

    .ranges-carousel__carousel {
        border-radius: 0
    }

    .ranges-carousel__items .swiper-slide:first-of-type {
        margin-left: 20px
    }

    .ranges-carousel__items .swiper-slide:last-of-type {
        margin-right: 20px
    }

    .ranges-carousel .range-card {
        width: 300px;
        padding-top: 132%
    }

    .ranges-carousel .range-card__content {
        padding: 20px;
        grid-template-columns: auto
    }

    .ranges-carousel .range-card__text h4 {
        margin: 0 0 5px
    }

    .ranges-carousel .range-card__text p {
        margin: 0 0 15px
    }
}

.range-card {
    width: 1000px;
    padding-top: 67.961%;
    position: relative;
    color: #fff;
    cursor: pointer;
    overflow: hidden
}

.range-card__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 1s ease
}

.range-card__image img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.range-card__image:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 50%;
    z-index: 9;
    background: linear-gradient(180deg, #0000, #0000004d)
}

.range-card__content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: auto;
    padding: 50px;
    z-index: 29;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end
}

.range-card__text>p {
    margin-bottom: 0;
    margin-top: 20px;
    max-width: 285px
}

.filters-button {
    margin: auto;
    z-index: 59;
    border: none;
    cursor: pointer;
    transition: all .5s ease
}

.filters-button svg {
    display: block
}

@media (max-width: 767.98px) {
    .filters-button {
        bottom: 20px
    }
}

.filters-popup {
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 10000;
    background: #fff;
    width: 100%;
    height: 100vh;
    max-width: 490px;
    transform: translate(100%);
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden
}

.filters-popup .applied-count {
    display: none
}

.filters-popup .applied-count.active {
    display: inline-block
}

.filters-popup__button {
    margin-top: auto;
    border-top: 1px solid #d6d1d1;
    height: 76px;
    font-style: normal;
    padding-left: 25px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .filters-popup__button {
        font-size: 18px;
        line-height: 24px
    }
}

.filters-popup__button svg {
    width: 76px;
    height: 76px
}

@media (max-width: 767.98px) {
    .filters-popup__button {
        height: 60px;
        padding-left: 20px;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px
    }

    .filters-popup__button svg {
        width: 60px;
        height: 60px;
        min-width: 60px;
        min-height: 60px
    }
}

.filters-popup--show {
    overflow-y: hidden
}

.filters-popup--show .filters-popup,
.filters-popup--show .overlay {
    opacity: 1;
    visibility: inherit
}

.filters-popup--show .filters-popup {
    transform: translate(0)
}

.filters-popup--show .navbar__overlay {
    opacity: 1;
    visibility: visible
}

@media (max-width: 767.98px) {
    .filters-popup--show {
        overflow: hidden
    }
}

.filters-popup__header {
    padding: 25px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: #a9905d
}

.filters-popup__body {
    overflow-y: auto;
    padding-inline: 50px;
    display: grid;
    padding-bottom: 40px
}

.filters-popup facet-remove {
    justify-self: end;
    margin-top: 38px;
    margin-bottom: 35px
}

@media (min-width: 768px) {
    .filters-popup__close {
        transform: translateY(4px)
    }
}

.filters-popup__clear {
    color: #b3b3b3;
    transition: all .3s ease
}

@media (min-width: 768px) {
    .filters-popup__clear {
        text-underline-offset: 7px;
        text-decoration-color: currentColor
    }
}

.filters-popup .filter-item>input:checked~.filter-item__inner .filter-item__image {
    background-color: #2279bf !important
}

.filters-popup__container {
    display: flex;
    flex-direction: column;
    height: 100vh
}

.filters-popup__content {
    padding: 22px 20px;
    overflow-y: auto;
    max-height: calc(100vh - 163px)
}

.filters-popup__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 0 20px 30px;
    margin-top: auto
}

@media (min-width: 992px) {
    .filters-popup__clear:hover {
        color: #292828
    }
}

@media (max-width: 991.98px) {
    .filters-popup__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width: 767.98px) {
    .filters-popup {
        max-width: none
    }

    .filters-popup__header {
        padding: 18px 25px
    }

    .filters-popup__body {
        padding-inline: 25px
    }

    .filters-popup facet-remove {
        margin-top: 29px;
        margin-bottom: 37px
    }

    .filters-popup__content {
        padding: 27px 15px
    }

    .filters-popup__actions {
        gap: 9px;
        padding: 0 15px 30px
    }
}

.filter-group {
    border-top: 1px solid #f0eded
}

.filter-group--colour .filter-items,
.filter-group--importance .filter-items {
    display: grid;
    gap: 20px
}

.filter-group--size .filter-group__items .filter-items,
.filter-group--secure-location .filter-group__items .filter-items,
.filter-group--secure-item .filter-group__items .filter-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 20px;
    column-gap: 15px
}

.filter-group .checkbox {
    gap: 15px;
    margin-bottom: 0
}

.filter-group:last-child {
    border-bottom: 1px solid #f0eded
}

.filter-group__items {
    display: none;
    padding-top: 15px;
    padding-bottom: 25px
}

@media (max-width: 767.98px) {
    .filter-group__items {
        padding-top: 25px
    }
}

.filter-group__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 15px;
    padding-right: 4px;
    cursor: pointer
}

.filter-group__heading svg {
    transform: translateY(-3px)
}

.filter-group.active svg {
    transform: rotate(180deg)
}

.filter-item__image {
    padding: 15px;
    background-color: #f6f6f6;
    transition: all .3s ease;
    display: grid;
    place-items: center
}

.filter-item__image img {
    min-width: 60px;
    height: auto
}

.filter-item:hover .filter-item__image {
    background-color: #2279bf
}

.filter-item__inner {
    display: grid;
    gap: 9.86px
}

.filter-item__inner p {
    justify-self: center
}

#product-grid-container {
    transition: opacity .5s ease
}

.sa-facets--loading #product-grid-container {
    opacity: .4;
    pointer-events: none
}

.collection-list {
    position: relative;
    height: 100vh
}

.collection-list__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #f5f5f5;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    height: 100%
}

.collection-list__images {
    overflow: hidden;
    position: relative;
    height: 100vh
}

.collection-list__image {
    position: absolute;
    transform: translateZ(0);
    top: 0;
    right: 0;
    left: 0;
    bottom: -20px;
    z-index: 10;
    border-radius: 0 0 20px 20px;
    overflow: hidden
}

.collection-list__image:nth-of-type(1) {
    z-index: 19
}

.collection-list__image:nth-of-type(2) {
    z-index: 18
}

.collection-list__image:nth-of-type(3) {
    z-index: 17
}

.collection-list__image:nth-of-type(4) {
    z-index: 16
}

.collection-list__image:nth-of-type(5) {
    z-index: 15
}

.collection-list__image:nth-of-type(6) {
    z-index: 14
}

.collection-list__image:nth-of-type(7) {
    z-index: 13
}

.collection-list__image:nth-of-type(8) {
    z-index: 12
}

.collection-list__image:nth-of-type(9) {
    z-index: 11
}

.collection-list__image:nth-of-type(10) {
    z-index: 10
}

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

.collection-list__products {
    position: relative
}

.collection-list__product {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.collection-list__product:nth-of-type(1) {
    z-index: 19
}

.collection-list__product:nth-of-type(2) {
    z-index: 18
}

.collection-list__product:nth-of-type(3) {
    z-index: 17
}

.collection-list__product:nth-of-type(4) {
    z-index: 16
}

.collection-list__product:nth-of-type(5) {
    z-index: 15
}

.collection-list__product:nth-of-type(6) {
    z-index: 14
}

.collection-list__product:nth-of-type(7) {
    z-index: 13
}

.collection-list__product:nth-of-type(8) {
    z-index: 12
}

.collection-list__product:nth-of-type(9) {
    z-index: 11
}

.collection-list__product:nth-of-type(10) {
    z-index: 10
}

.collection-list__product .product-card {
    height: 100%
}

.collection-list__product .product-card__grid>* {
    min-width: 0;
    min-height: 0
}

.collection-list__product .product-card__image img {
    opacity: 1 !important;
    visibility: inherit !important
}

.collection-list__product .product-card .card-image__hover {
    display: none
}

@media (max-width: 767.98px) {
    .collection-list {
        height: auto
    }

    .collection-list__grid {
        grid-template-columns: 1fr;
        padding: 10px;
        background: none
    }

    .collection-list__images {
        display: none
    }

    .collection-list__products {
        display: grid;
        gap: 10px
    }

    .collection-list__product {
        position: relative;
        inset: auto
    }
}

@media (max-width: 767.98px) {
    .template--page-collection-list .collection-header {
        padding-top: 50px;
        padding-bottom: 35px
    }
}

.collection-hero {
    position: relative;
    min-height: var(--height-fill);
    padding: 75px;
    display: grid
}

.collection-hero__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: -1
}

.collection-hero__content {
    display: grid;
    gap: 27px;
    align-self: end
}

.collection-hero__content.dark p,
.collection-hero__content.dark h1 {
    color: #fff
}

.collection-hero__content.light p,
.collection-hero__content.light h1 {
    color: #292828
}

.collection-hero__content p {
    max-width: 576px
}

@media (max-width: 767.98px) {
    .collection-hero {
        min-height: 390px
    }

    .collection-hero__content {
        display: none
    }
}

.collection-carousel {
    padding: 76px 170px 100px;
    position: relative
}

.collection-carousel__header {
    display: none;
    margin-bottom: 35px
}

.collection-carousel__item-dimension {
    display: none
}

.collection-carousel__item {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 24px;
    padding: 0 25px 25px;
    cursor: pointer
}

.collection-carousel__item:hover {
    background: #f9f8f7
}

.collection-carousel__item-image {
    display: flex;
    justify-content: end;
    align-items: end;
    height: 212px
}

.collection-carousel__item-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    padding-top: 20px
}

.collection-carousel__item-title,
.collection-carousel__item-text,
.collection-carousel__item-dimension {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px
}

.collection-carousel__item-title {
    margin-bottom: 3px
}

.collection-carousel__item-text,
.collection-carousel__item-dimension {
    color: #787878
}

.collection-carousel__item:hover .collection-carousel__item-text {
    display: none
}

.collection-carousel__item:hover .collection-carousel__item-dimension {
    display: block
}

.collection-carousel__image {
    width: 100%;
    height: auto;
    object-fit: cover
}

.collection-carousel__item-description {
    text-align: center
}

.collection-carousel .swiper-button-prev svg,
.collection-carousel .swiper-button-next svg {
    stroke: #151515;
    width: 18px;
    height: 20px
}

.collection-carousel .swiper-button-prev.swiper-button-disabled,
.collection-carousel .swiper-button-next.swiper-button-disabled {
    opacity: 1 !important;
    color: #b3b3b3 !important
}

.collection-carousel .swiper-button-prev.swiper-button-disabled svg,
.collection-carousel .swiper-button-next.swiper-button-disabled svg {
    stroke: #b3b3b3
}

.collection-carousel .swiper-button-prev:after,
.collection-carousel .swiper-button-next:after {
    display: none
}

.collection-carousel .swiper-button-prev {
    left: 76px
}

.collection-carousel .swiper-button-next {
    right: 86.5px
}

@media (max-width: 767.98px) {
    .collection-carousel {
        padding: 55px 0 110px 25px
    }

    .collection-carousel__header {
        display: flex;
        flex-direction: column;
        gap: 20px;
        text-align: left;
        padding-right: 25px
    }

    .collection-carousel__item {
        background-color: #f9f8f7;
        padding: 15px;
        height: 100%
    }

    .collection-carousel__item-title {
        margin-bottom: 8px
    }

    .collection-carousel__item:hover .collection-carousel__item-text {
        display: block
    }

    .collection-carousel__item-image {
        height: 167px
    }

    .collection-carousel__item-dimension {
        display: block
    }

    .collection-carousel .swiper-button-prev {
        left: 25px;
        bottom: 55px;
        top: auto
    }

    .collection-carousel .swiper-button-next {
        right: 25px;
        bottom: 55px;
        top: auto
    }

    .collection-carousel .swiper-slide {
        height: auto !important
    }
}

@media (max-width: 374.98px) {
    .collection-carousel__item {
        gap: 0
    }
}

.collection-tags {
    margin-inline: 76px;
    padding-block: 35px;
    border-top: 1px solid #d6d1d1;
    border-bottom: 1px solid #d6d1d1;
    display: flex;
    gap: 100px;
    position: relative;
    margin-bottom: 30px;
}

.collection-tags .filters-button {
    margin-left: 0;
    margin-right: 0
}

.collection-tags .swiper-slide {
    max-width: fit-content
}

.collection-tags__left {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer
}

.collection-tags__right {
    display: flex;
    gap: 15px;
    overflow-x: auto
}

.collection-tags__right .scroll-gradient {
    position: absolute;
    right: -63px;
    transform: translateY(-50%);
    top: 50%;
    z-index: 2;
    pointer-events: none
}

.collection-tags__right .scroll-gradient svg {
    width: 32px;
    height: 81px
}

.collection-tags__right::-webkit-scrollbar {
    display: none
}

@media (max-width: 767.98px) {
    .collection-tags {
        margin-inline: 0;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 131px;
        gap: 20px;
        margin-bottom: 0;
    }

    .collection-tags__left {
        padding: 25px
    }

    .collection-tags__right {
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #d6d1d1
    }
}

.collection-tag {
    display: inline-block;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 3px;
    border: 1px solid var(--Body-colour, #292828);
    max-height: 31px;
    white-space: nowrap;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .collection-tag {
        font-size: 14px;
        line-height: 20px
    }
}

.collection-tag--highlighted {
    background-color: #2279bf;
    color: #fff;
    border: 0px
}

@media (min-width: 992px) {
    .collection-tag:hover {
        background-color: #2279bf;
        border-color: #2279bf;
        color: #fff
    }
}

.prod-name-tags {
    margin-inline: 76px;
    padding-block: 10px;
    display: flex;
    gap: 100px;
    position: relative;
}

@media (max-width: 767.98px) {
    .prod-name-tags {
        margin-inline: 0;
        padding: 26px 26px 0 26px;
        display: grid;
        gap: 20px;
    }
}

.collection-featured {
    margin-top: 100px;
    margin-inline: 76px;
    margin-bottom: 44px
}

.collection-featured.collection-featured--three-col .collection-featured__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px
}

.collection-featured.collection-featured--three-col .collection-featured__content img {
    columns: span 2
}

.collection-featured.collection-featured--two-col .collection-featured__content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px
}

.collection-featured.collection-featured--one-col .collection-featured__content {
    display: grid;
    grid-template-columns: 1fr
}

@media (max-width: 991.98px) {
    .collection-featured {
        margin-inline: 25px;
        margin-top: 55px
    }

    .collection-featured__content {
        display: flex !important;
        flex-direction: column !important
    }
}

.featured-card {
    width: 100%;
    background-color: #dff1ff;
    background-color: var(--card-bg);
    min-width: 0;
    position: relative;
    z-index: 8
}

.featured-card--one-col {
    min-height: 0;
    aspect-ratio: .805;
    height: auto;
    padding: 40px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: var(--product-card-max-height)
}

.featured-card__items {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.featured-card__item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px
}

@media (max-width: 991.98px) {
    .featured-card--one-col {
        aspect-ratio: .804
    }
}

@media (max-width: 767.98px) {
    .featured-card {
        min-height: 340px
    }
}

.featured-card.signature-corners {
    width: 100%;
    background-color: #dff1ff;
    background-color: var(--card-bg);
    min-width: 0;
    position: relative;
    z-index: 8;
    clip-path: polygon(10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 90%, 0 10%)
}

.featured-card.signature-corners--one-col {
    min-height: 0;
    aspect-ratio: .805;
    height: auto;
    padding: 40px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: var(--product-card-max-height)
}

.featured-card.signature-corners__items {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.featured-card.signature-corners__item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px
}

@media (max-width: 991.98px) {
    .featured-card.signature-corners--one-col {
        aspect-ratio: .804
    }
}

@media (max-width: 767.98px) {
    .featured-card.signature-corners {
        min-height: 340px
    }
}

.featured-block {
    height: fit-content;
    min-width: 0;
    position: relative;
    display: grid;
    gap: inherit;
    margin-bottom: 50px;
    grid-column-start: var(--position-column, 1);
    grid-column-end: span var(--column-span, 1);
    grid-row-start: var(--position-row, 1);
    grid-template-columns: repeat(var(--column-span, 1), 1fr);
    --mobile-position-row: calc(((var(--position-row, 1) - 1) * 3) + 1)
}

.featured-block .featured-card {
    opacity: 0;
    visibility: hidden
}

.featured-block__img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4
}

.featured-block__img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.featured-block--show-text .featured-card {
    opacity: 1;
    visibility: inherit
}

.featured-block--block-right .featured-card {
    grid-column: auto/-1
}

.featured-block--col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: fit-content
}

.featured-block--col-2 .featured-block__img-wrapper {
    position: relative
}

.featured-block--col-2 .featured-block__img-wrapper img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.featured-block--col-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative
}

.featured-block--col-3 .featured-block__img-wrapper {
    grid-column: span 2;
    position: relative
}

.featured-block--col-3 .featured-block__img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.featured-block--col-3 .featured-card {
    max-height: 100%
}

@media (min-width: 576px)and (max-width: 991.98px) {
    .featured-block--biocube-professional--test-card {
        --column-span: 2 !important;
        margin-bottom: 0
    }

    .featured-block .featured-card {
        height: 100%
    }
}

@media (max-width: 991.98px) {

    .featured-block--col-2,
    .featured-block--col-3 {
        grid-template-columns: 1fr
    }

    .featured-block--col-2 .featured-block__img-wrapper,
    .featured-block--col-3 .featured-block__img-wrapper {
        aspect-ratio: 1/1
    }
}

@media (max-width: 767.98px) {
    .featured-block {
        grid-row-start: var(--mobile-position-row, 1)
    }

    .featured-block:not(.featured-block--show-text) .featured-card {
        display: none
    }
}

.page--quiz .featured-card {
    z-index: 1
}

.collection-group {
    position: relative;
    padding: 46px 76px 100px;
}

.collection-group__header {
    display: grid;
    grid-template-columns: 2fr auto;
    gap: 40px;
    padding-bottom: 50px;
    align-items: end
}

.collection-group__header h1 {
    max-width: 766px
}

.collection-group__header p {
    font-size: 17px;
    line-height: 23px;
    width: 100%;
    max-width: 400px
}

@media (max-width: 767.98px) {
    .collection-group__header p {
        font-size: 16px;
        line-height: 22px
    }
}

.collection-group__products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 30px;
    column-gap: 20px
}

@media (min-width: 576px) {
    .collection-group__header h1 {
        margin-bottom: -12px
    }
}

@media (max-width: 767.98px) {
    .collection-group {
        padding: 35px 25px
    }

    .collection-group__header {
        gap: 20px
    }

    .collection-group__header h1 {
        font-size: 51px;
        line-height: 58px;
        font-family: Feature Deck
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .collection-group__header h1 {
        font-size: 36px;
        line-height: 41px
    }
}

@media (max-width: 767.98px) {
    .collection-group__products {
        grid-template-columns: 1fr
    }

    .collection-group .featured-block {
        grid-column: auto/auto !important;
        grid-template-columns: 1fr;
        margin-bottom: 0;
        gap: 0
    }

    .collection-group .featured-block__img-wrapper {
        position: relative;
        order: -2
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .collection-group__products {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 767.98px) {
    .collection-group__header {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        padding-bottom: 35px
    }
}

@media (min-width: 1400px) {
    .collection-group__header {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 20px
    }

    .collection-group__header .metafield-rich_text_field {
        grid-column: 3
    }

    .collection-group__header .metafield-rich_text_field p {
        max-width: 100%
    }
}

body.template--collection.pre-filtered .hide--js-filtered,
body.template--collection.pre-filtered .hide--pre-filtered,
body.template--collection.js-filtered .hide--js-filtered {
    display: none !important
}

body:not(.collection-grid--small) #btn-one-col svg rect {
    fill: #000
}

body.collection-grid--small #btn-two-cols svg rect {
    fill: #000
}

@media (max-width: 767.98px) {
    body.collection-grid--small .collection-group__products {
        grid-template-columns: 1fr 1fr;
        column-gap: 10px
    }

    body.collection-grid--small .collection-group__products .featured-block,
    body.collection-grid--small .product-card__badges,
    body.collection-grid--small .product-card__compare-btn {
        display: none
    }
}

.collection-products {
    padding-inline: 25px
}

.collection-products__grid {
    display: grid;
    row-gap: 35px;
    column-gap: 12px
}

@media (max-width: 767.98px) {
    .collection-products__grid--one-col {
        grid-template-columns: 1fr
    }

    .collection-products__grid--two-cols {
        grid-template-columns: repeat(2, 1fr)
    }
}

.page--contact {
    background: #f5f5f5
}

.contact-intro {
    background: #fff;
    padding-top: 100px
}

.contact-intro__container {
    text-align: center;
    margin: 0 120px
}

.contact-intro__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px
}

.contact-intro__grid--uk-us {
    grid-template-columns: 1fr 1fr
}

.contact-intro__column--content {
    max-width: 325px;
    margin: 0 auto
}

.contact-intro__column--content h5 {
    margin-bottom: 26px
}

.contact-intro__column--content p {
    margin-bottom: 30px
}

@media (max-width: 991.98px) {
    .contact-intro {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .contact-intro__container {
        margin: 0 30px
    }

    .contact-intro__grid {
        gap: 30px
    }
}

@media (max-width: 767.98px) {
    .contact-intro {
        padding-top: 70px;
        padding-bottom: 0
    }

    .contact-intro .secondary-button--outline-dark {
        width: 170px;
        margin: 0 auto
    }

    .contact-intro__container {
        margin: 0 20px
    }

    .contact-intro__heading {
        margin-bottom: 30px
    }

    .contact-intro__grid {
        grid-template-columns: auto;
        padding-bottom: 76px
    }

    .contact-intro__column--content {
        max-width: none;
        margin-bottom: 50px
    }

    .contact-intro__column--content h5,
    .contact-intro__column--content p {
        margin-bottom: 15px;
        max-width: 310px;
        margin-left: auto;
        margin-right: auto
    }

    .contact-intro__column--content h5 {
        font-size: 32px;
        line-height: 38px;
        font-family: Feature Deck
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .contact-intro__column--content h5 {
        font-size: 23px;
        line-height: 29px
    }
}

@media (max-width: 767.98px) {
    .contact-intro__column:first-of-type .contact-intro__column--content p {
        margin-bottom: 30px
    }

    .contact-intro__column:last-of-type .contact-intro__column--content {
        margin-bottom: 0
    }
}

.contact-main {
    background-color: #f6f6f6
}

.contact-main__grid {
    display: grid;
    grid-template-columns: min(34%, 750px) 1fr
}

.contact-main__sidebar {
    position: sticky;
    top: 152px;
    height: calc(100vh - 125px);
    transition: all .3s ease
}

.contact-main__nav {
    height: 100%;
    width: 100%;
    background-color: #c1b8ae;
    padding: 76px 0 76px 76px
}

.contact-main__nav h2 {
    max-width: 295px;
    margin-bottom: 70px
}

.contact-main__info {
    display: grid;
    gap: 35px
}

.contact-main__info-item {
    display: grid;
    gap: 10px;
    width: fit-content
}

.contact-main__info-item a {
    display: block
}

.contact-main__info-item--icons {
    display: flex;
    gap: 14px
}

.contact-main__info-item span {
    display: block
}

.contact-main__content {
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    align-items: center;
    padding: 94px 76px 140px
}

.contact-main__form-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 96px;
    width: 100%;
    max-width: 796px
}

.contact-main__form-desp {
    max-width: 337px;
    text-align: left;
    align-self: flex-end
}

.contact-main__form {
    margin-top: 76px;
    display: grid;
    gap: 10px
}

.contact-main__form textarea {
    min-height: 151px
}

.contact-main__form .select-options {
    display: none;
    border-top: 0px;
    padding-bottom: 0
}

.contact-main__form .select-options li {
    padding: 20px;
    background-color: #0000;
    cursor: pointer;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    color: #292828
}

@media (max-width: 767.98px) {
    .contact-main__form .select-options li {
        font-size: 14px
    }
}

.contact-main__form .select-options li:first-child {
    display: none
}

.contact-main__form .select-styled {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #fff;
    cursor: pointer;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    color: #292828;
    max-height: 50px
}

@media (max-width: 767.98px) {
    .contact-main__form .select-styled {
        font-size: 14px
    }
}

.contact-main__form .select-styled:after {
    content: "";
    width: 14px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1.19995L7 6.79995L0.999999 1.19995' stroke='%23151515' stroke-width='1.3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block
}

.contact-main__form .select-styled.active {
    border-bottom: 0px
}

.contact-main__form #success-message {
    color: #151515 !important
}

.contact-main .input__field {
    background-color: #0000;
    background-color: #fff
}

.contact-main .input__field::placeholder {
    color: #151515
}

.contact-main__form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.contact-main__form-item--button {
    justify-self: end
}

.contact-main__form-item--button button {
    width: 200px;
    gap: 0px;
    padding-left: 20px;
    margin-top: -4px;
    height: 50px
}

.contact-main__cards {
    display: grid;
    gap: 76px;
    max-width: 796px
}

.contact-main__card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 460px
}

.contact-main__card--reverse .contact-main__card--left {
    order: 2
}

.contact-main__card--left {
    padding: 50px;
    background-color: #a9905d
}

.contact-main__card--right img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.contact-main__card-title {
    margin-bottom: 20px;
    max-width: 308px
}

.contact-main__card-description {
    margin-bottom: 35px;
    max-width: 296px
}

.contact-main__card-button {
    width: 200px;
    padding-left: 20px;
    gap: 0px
}

@media (min-width: 992px) {
    .contact-main .primary-button--outlined:hover {
        background-color: #151515;
        color: #a9905d
    }

    .contact-main__form .select-options li {
        background-color: #f6f6f6;
        transition: all .3s ease
    }

    .contact-main__form .select-options li:hover {
        background-color: #f0eded
    }

    .contact-main__form .primary-button--outlined:hover {
        color: #c1b8ae
    }
}

@media (max-width: 767.98px) {
    .contact-main__cards {
        max-width: calc(100% - 50px)
    }
}

@media (max-width: 991.98px) {
    .contact-main__grid {
        grid-template-columns: 1fr
    }

    .contact-main__sidebar {
        position: static;
        height: fit-content
    }

    .contact-main__nav {
        padding: 76px 76px 70px;
        background-color: #f6f6f6;
        max-width: 100%
    }

    .contact-main__nav h2 {
        max-width: 100%;
        margin-bottom: 35px
    }

    .contact-main__form {
        margin-top: 20px
    }

    .contact-main__form-desp {
        align-self: flex-start
    }

    .contact-main__form-wrapper {
        max-width: none
    }

    .contact-main__content {
        padding: 0 76px 76px
    }
}

@media (max-width: 767.98px) {
    .contact-main__nav {
        padding: 35px 25px
    }

    .contact-main__grid {
        display: block
    }

    .contact-main__content {
        padding: 0 0 55px
    }

    .contact-main__info {
        display: flex;
        flex-wrap: wrap;
        column-gap: 56px
    }

    .contact-main__info-item {
        grid-auto-rows: min-content;
        gap: 8px
    }

    .contact-main__info-item--icons {
        gap: 25px
    }

    .contact-main__info-item:first-child {
        width: 100%
    }

    .contact-main__form-wrapper {
        max-width: calc(100% - 50px);
        margin-bottom: 0
    }

    .contact-main__form {
        margin-top: 21px
    }

    .contact-main__form-row {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .contact-main__form-item--button {
        justify-self: stretch
    }

    .contact-main__form-item--button button {
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .contact-main__card {
        grid-template-columns: auto;
        grid-template-rows: 392px auto
    }

    .contact-main__cards {
        width: 100%;
        max-width: calc(100% - 50px);
        gap: 53px
    }

    .contact-main__card {
        grid-template-columns: auto;
        min-height: auto;
        grid-template-rows: 392px auto
    }

    .contact-main__card--left {
        order: 1;
        padding: 40px
    }

    .contact-main__card--reverse .contact-main__card--left {
        order: 1
    }

    .contact-main__card-description,
    .contact-main__card-button {
        width: 100%
    }

    .contact-main__info-item--icons {
        margin-top: -56px
    }
}

@media (min-width: 992px) {
    .scrolled-down .contact-main__sidebar {
        top: 76px;
        height: calc(100vh - 76px)
    }
}

.contact-products {
    background: #fff
}

.contact-products__images {
    position: relative
}

.contact-products__container {
    margin: 0 30px;
    background: #00a3e0
}

.contact-products__grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    min-height: 800px
}

.contact-products__content {
    padding: 55px 50px;
    color: #fff;
    display: flex;
    flex-direction: column
}

.contact-products__content h3 {
    margin-bottom: 20px
}

.contact-products__content>div {
    margin-top: auto
}

.contact-products__content p {
    margin-bottom: 25px
}

@media (max-width: 991.98px) {
    .contact-products {
        margin-bottom: 0 !important
    }

    .contact-products__container {
        padding: 40px 20px 0;
        margin: 0;
        border-radius: 20px 20px 0 0
    }

    .contact-products__grid {
        gap: 40px;
        min-height: inherit;
        grid-template-columns: auto
    }

    .contact-products__content {
        padding: 0
    }

    .contact-products__content>div {
        margin-top: 0
    }

    .contact-products__content a {
        max-width: 170px
    }

    .contact-products__images {
        min-height: 335px
    }
}

@media (max-width: 767.98px) {
    .navbar--scrolled .terms-main__sidebar--menu {
        top: var(--nav-height)
    }
}

@media (max-width: 767.98px) {
    .navbar--scrolled.scrolled-down .terms-main__sidebar--menu {
        top: 0
    }
}

.terms-main__container {
    margin: 0 30px
}

.terms-main__heading {
    max-width: 740px
}

.terms-main__grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.terms-main__sidebar--menu {
    z-index: 20;
    min-height: 50vh;
    height: fit-content;
    position: sticky;
    top: calc(var(--nav-height) + 60px)
}

.terms-main__sidebar--menu--active {
    display: none
}

.terms-main__sidebar--menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.terms-main__sidebar--menu ul li {
    margin-bottom: 3px
}

.terms-main__sidebar--menu ul li a {
    display: inline-block;
    color: #d6d1d1;
    transition: all .3s ease;
    text-decoration: none;
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .terms-main__sidebar--menu ul li a {
        font-size: 16px;
        line-height: 22px
    }
}

.terms-main__sidebar--menu ul li a.active,
.terms-main__sidebar--menu ul li a:hover {
    color: #262525
}

.terms-main__content h5 {
    margin-bottom: 10px
}

.terms-main__content p {
    margin-bottom: 30px
}

.terms-main__content p:last-of-type {
    margin-bottom: 0
}

.terms-main__content .spacer30 {
    height: 30px
}

@media (max-width: 767.98px) {
    .terms-main {
        padding-bottom: 70px
    }

    .terms-main__container {
        margin: 0 20px
    }

    .terms-main__grid {
        gap: 30px;
        grid-template-columns: auto
    }

    .terms-main__heading {
        font-size: 37px;
        line-height: 42px;
        margin-bottom: 10px
    }

    .terms-main__content .spacer30 {
        height: 0px
    }

    .terms-main__sidebar--menu {
        min-height: auto;
        background: #f5f5f5;
        padding: 20px 0 10px
    }

    .terms-main__sidebar--menu--active {
        padding: 10px 15px;
        background: #fff;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .terms-main__sidebar--menu--active span {
        font-size: 15px;
        line-height: 18px;
        font-weight: 500;
        font-family: Feature Deck
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .terms-main__sidebar--menu--active span {
        font-size: 14px;
        line-height: 17px
    }
}

@media (max-width: 767.98px) {
    .terms-main__sidebar--menu ul {
        display: none;
        background: #fff;
        padding: 10px 15px
    }

    .terms-main__sidebar--menu ul li {
        margin-bottom: 10px
    }

    .terms-main__sidebar--menu ul li a {
        display: block
    }

    .terms-main__sidebar--menu.active ul {
        display: block;
        border-radius: 0 0 8px 8px
    }

    .terms-main__sidebar--menu.active .terms-main__sidebar--menu--active {
        border-radius: 8px 8px 0 0
    }

    .terms-main__sidebar--menu.active .terms-main__sidebar--menu--active svg {
        transform: rotate(-180deg)
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .terms-main__heading {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck
    }
}

@media (min-width: 768px)and (max-width: 991.98px)and (max-width: 767.98px) {
    .terms-main__heading {
        font-size: 30px;
        line-height: 36px
    }
}

.faqs__accordion-wrapper:not(:last-child) {
    margin-bottom: 57px
}

.faqs__accordion-wrapper .accordion-item {
    border-color: #d6d1d1
}

.faqs__accordion-wrapper .accordion-item:first-child {
    border-top: none
}

.faqs__accordion-wrapper .accordion-item:last-child {
    border-bottom: none
}

.faqs__accordion-wrapper .accordion-item.active .accordion-item__header {
    padding-top: 30px;
}

.faqs__accordion-wrapper .accordion-item__header {
    font-size: 22px;
    line-height: 28px;
    gap: 40px;
    padding: 20px 0 19px;
    transition: all .3s ease;
    justify-content: space-between;
}

.faqs__accordion-wrapper .accordion-item__header .date {
    font-size: 16px;
}

.faqs__accordion-wrapper .accordion-item__header:hover {
    color: #2279bf;
}

@media (max-width: 767.98px) {
    .faqs__accordion-wrapper .accordion-item__header {
        font-size: 18px;
        line-height: 24px
    }
}

.faqs__accordion-wrapper .accordion-item__main {
    padding-left: 66px;
    padding-bottom: 30px;
    width: 90%
}

.faqs__accordion-title {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck;
    margin-bottom: 15px
}

@media (max-width: 767.98px) {
    .faqs__accordion-title {
        font-size: 14px;
        line-height: 17px
    }
}

@media (max-width: 767.98px) {
    .faqs__accordion-wrapper:not(:last-child) {
        margin-bottom: 37px
    }

    .faqs__accordion-wrapper .accordion-item__header {
        gap: 25px;
        align-items: flex-start
    }

    .faqs__accordion-wrapper .accordion-item__main {
        padding-left: 47px;
        width: 100%
    }
}

.search-result__container {
    padding-left: 30px;
    padding-right: 30px
}

.search-result__heading {
    margin-bottom: 40px
}

.search-result__item h5 {
    font-size: 26px;
    line-height: 34px;
    font-family: Feature Deck;
    margin-bottom: 10px
}

@media (max-width: 767.98px) {
    .search-result__item h5 {
        font-size: 18px;
        line-height: 24px
    }
}

.search-result__item .article-card__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.search-result__item .article-card__handle {
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .search-result__item .article-card__handle {
        font-size: 16px;
        line-height: 22px
    }
}

.search-result__item .article-card__excerpt {
    margin-bottom: 18px
}

@media (min-width: 992px) {
    .search-result__item:hover .button {
        color: #2279bf
    }

    .search-result__item:hover .button svg path {
        stroke: #2279bf
    }
}

@media (max-width: 767.98px) {
    .search-result {
        padding-bottom: 100px
    }

    .search-result__container {
        padding: 0 20px
    }

    .search-result__heading {
        margin-bottom: 20px
    }

    .search-result__item .article-card__excerpt {
        margin-bottom: 6px
    }
}

.search-results-page {
    padding-top: 76px;
    padding-bottom: 150px;
    overflow: hidden
}

.search-results-page__load-more {
    width: fit-content;
    margin-inline: auto;
    padding: 20px;
    margin-top: 40px;
    margin-bottom: -40px
}

.search-results-page__container {
    margin: 0 76px
}

.search-results-page__grid {
    row-gap: 50px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.search-results-page__grid--article {
    grid-template-columns: auto
}

.search-results-page__grid .product-card {
    height: 100%
}

.search-results-page__heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 19px;
    border-bottom: 1px solid #f0eded;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .search-results-page__heading {
        font-size: 14px;
        line-height: 17px
    }
}

.search-results-page__heading h5 {
    font-size: 43px;
    line-height: 46px;
    font-family: Feature Deck;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .search-results-page__heading h5 {
        font-size: 30px;
        line-height: 36px
    }
}

.search-results-page__articles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between
}

.search-results-page__article-right {
    justify-self: end
}

.search-results-page__article-right .item {
    padding-bottom: 15px;
    border-bottom: 1px solid #f0eded;
    margin-bottom: 20px;
    position: relative;
    max-width: 525px
}

.search-results-page__article-right .item:last-of-type {
    margin-bottom: 0
}

.search-results-page__article-left img {
    width: 81.5%
}

@media (max-width: 991.98px) {
    .search-results-page__article-left {
        display: none
    }

    .search-results-page__articles {
        grid-template-columns: 1fr
    }

    .search-results-page__article-right {
        margin-top: 29px;
        margin-right: 0;
        justify-self: flex-start;
        width: 100%
    }

    .search-results-page__article-right .item {
        max-width: none;
        padding-bottom: 21px;
        margin-bottom: 24px
    }
}

@media (max-width: 767.98px) {
    .search-results-page {
        padding-top: 55px;
        padding-bottom: 90px
    }

    .search-results-page__container {
        margin: 0 25px
    }

    .search-results-page__grid {
        column-gap: 10px;
        row-gap: 35px;
        grid-template-columns: repeat(2, 1fr)
    }

    .search-results-page__grid--article {
        gap: 15px;
        grid-template-columns: auto
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .search-results-page__grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .search-results-page__grid--article {
        gap: 15px;
        grid-template-columns: auto
    }
}

@media (max-width: 575.98px) {
    .search-results-page__heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding-bottom: 15px;
        margin-bottom: 25px
    }
}

.blog-intro {
    padding-top: 100px
}

.blog-intro__container {
    margin: 0 76px
}

.blog-intro__heading {
    line-height: 95px;
    font-family: Feature Deck;
    font-size: 90px
}

@media (max-width: 991.98px) {
    .blog-intro__heading {
        font-size: 50px;
        line-height: 75px
    }
}

@media (max-width: 575.98px) {
    .blog-intro__heading {
        font-size: 45px;
        line-height: 50px
    }
}

.blog-intro__grid {
    display: flex;
    align-items: center;
    margin-bottom: 41px;
    justify-content: space-between
}

.blog-intro__desc {
    max-width: 325px;
    margin-right: 123px;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .blog-intro__desc {
        font-size: 14px;
        line-height: 20px
    }
}

.blog-intro__desc p {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .blog-intro__desc p {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .blog-intro {
        padding-top: 50px
    }

    .blog-intro__container {
        margin: 0 20px
    }

    .blog-intro__grid {
        align-items: normal;
        flex-direction: column;
        margin-bottom: 50px
    }

    .blog-intro__heading {
        text-align: left;
        margin-bottom: 20px;
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .blog-intro__heading {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width: 767.98px) {
    .blog-intro__desc {
        max-width: none;
        margin-right: 0
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .blog-intro__heading {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck
    }
}

@media (min-width: 768px)and (max-width: 991.98px)and (max-width: 767.98px) {
    .blog-intro__heading {
        font-size: 30px;
        line-height: 36px
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .blog-intro__grid {
        column-gap: 50px;
        margin-bottom: 70px
    }

    .blog-intro__desc {
        margin-left: auto;
        margin-right: 0
    }
}

@media (max-width: 767.98px) {
    .template--blog-journal .blog-main__articles .article-card__tag {
        display: block
    }
}

.blog-main {
    padding-bottom: 100px
}

.blog-main__nav ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 15px
}

.blog-main__nav .collection-tags {
    margin-bottom: 50px
}

.blog-main__nav .collection-tags .swiper {
    height: fit-content
}

.blog-main__nav .collection-tags__left span {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .blog-main__nav .collection-tags__left span {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .blog-main__nav .collection-tags {
        grid-template-columns: auto 1fr
    }

    .blog-main__nav .collection-tags__right {
        padding-left: 20px
    }
}

.blog-main__container {
    margin: 0 76px
}

.blog-main__heading {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    justify-content: space-between
}

.blog-main__category {
    margin-bottom: 120px;
    padding-top: 30px;
    border-top: 1px solid #ebebeb
}

.blog-main__category:first-of-type {
    padding-top: 0;
    border-top: 0px
}

.blog-main__category--sustainability .blog-main__articles {
    display: flex;
    align-items: start
}

.blog-main__category--sustainability .blog-main__articles .article-card {
    margin-right: 0
}

.blog-main__category--sustainability .blog-main__articles .article-card__tag {
    font-weight: 600
}

.blog-main__articles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 50px;
    column-gap: 20px
}

@media (max-width: 991.98px) {
    .blog-main__articles {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 0px
    }
}

@media (max-width: 767.98px) {
    .blog-main__articles {
        grid-template-columns: 1fr
    }
}

.blog-main__articles .article-card {
    margin: 0 1rem 50px 0;
    display: inline-block;
    width: 100%;
    height: auto !important
}

.blog-main__articles .article-card:hover .article-card__image img {
    transform: scale(1.05);
    object-fit: cover
}

.blog-main__articles .article-card__image {
    margin-bottom: 20px;
    height: 350px;
    overflow: hidden;
    object-fit: cover
}

@media (max-width: 991.98px) {
    .blog-main__articles .article-card__image {
        height: 320px
    }
}

@media (max-width: 767.98px) {
    .blog-main__articles .article-card__image {
        height: 300px
    }
}

.blog-main__articles .article-card__image img {
    transition: all .3s ease;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.blog-main__articles .article-card__title a {
    text-decoration: none
}

.blog-main__articles .article-card__tag {
    margin-bottom: 10px;
    text-transform: capitalize
}

@media (max-width: 767.98px) {
    .blog-main__container {
        margin: 0 20px
    }

    .blog-main__articles {
        flex-direction: column;
        margin-bottom: 0
    }

    .blog-main__articles .article-card {
        width: 100%;
        margin-right: 0
    }

    .blog-main__articles .article-card__image {
        margin-bottom: 20px
    }

    .blog-main__articles .article-card__tag {
        display: none;
        margin-bottom: 10px
    }

    .blog-main__articles .article-card:last-of-type {
        margin-bottom: 30px
    }

    .blog-main__heading .button {
        display: none
    }

    .blog-main__category {
        margin-bottom: 70px
    }

    .blog-main__category .button {
        width: 100%
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .blog-main__articles {
        columns: 2 300px
    }

    .blog-main__category {
        margin-bottom: 70px
    }

    .blog-main .article-card__title {
        font-size: 15px;
        line-height: 18px;
        font-weight: 500;
        font-family: Feature Deck
    }
}

@media (min-width: 768px)and (max-width: 991.98px)and (max-width: 767.98px) {
    .blog-main .article-card__title {
        font-size: 14px;
        line-height: 17px
    }
}

.article-hero {
    overflow: hidden;
    min-height: var(--height-full);
    display: flex;
    background: #2279bf;
    position: relative
}

.article-hero__container {
    padding: 82px 30px 0;
    padding-top: calc(var(--nav-height) + 82px);
    z-index: 10;
    width: 100%;
    display: flex;
    flex-direction: column
}

.article-hero__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #2279bf
}

.article-hero__heading {
    max-width: 1082px
}

.article-hero__content {
    display: flex;
    margin-top: auto;
    padding-bottom: 40px;
    justify-content: space-between
}

.article-hero__content .pipe-separator {
    margin: 0 15px
}

.article-hero__excerpt {
    max-width: 420px;
    margin-right: 26px;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .article-hero__excerpt {
        font-size: 14px;
        line-height: 20px
    }
}

.article-hero__image {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 19
}

.article-hero__image img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.article-hero--light .navbar {
    --fore-color: #fff
}

.article-hero--light.template--article.navbar--scrolled .navbar {
    --fore-color: #262525
}

.article-hero--light .article-hero {
    color: #fff
}

@media (max-width: 767.98px) {
    .article-hero__container {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 50px;
        padding-top: calc(var(--nav-height) + 50px)
    }

    .article-hero__content {
        gap: 20px;
        margin: auto 0 50px;
        padding-bottom: 0;
        flex-direction: column
    }

    .article-hero__content p {
        min-width: 60px
    }

    .article-hero__content p span {
        display: block
    }

    .article-hero__content p span.pipe-separator {
        display: none
    }

    .article-hero__heading {
        font-size: 51px;
        line-height: 58px;
        font-family: Feature Deck
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .article-hero__heading {
        font-size: 36px;
        line-height: 41px
    }
}

@media (max-width: 767.98px) {
    .article-hero__excerpt {
        margin-right: 0
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .article-hero__heading {
        font-size: 51px;
        line-height: 58px;
        font-family: Feature Deck
    }
}

@media (min-width: 768px)and (max-width: 991.98px)and (max-width: 767.98px) {
    .article-hero__heading {
        font-size: 36px;
        line-height: 41px
    }
}

.article-two-col {
    padding-top: 65px;
    padding-bottom: 65px;
    background: #f5f5f5
}

.article-two-col__container {
    margin: 0 20px
}

.article-two-col__grid {
    margin: 0 127px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px
}

.article-two-col__left .article-two-col__content {
    max-width: 446px
}

.article-two-col__right {
    max-width: 570px
}

.article-two-col__content * {
    margin-bottom: 20px
}

.article-two-col__content p:last-of-type {
    margin-bottom: 0
}

.article-two-col__image {
    padding-top: 40px
}

.article-two-col .spacer-20 {
    display: block;
    height: 20px;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .article-two-col {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .article-two-col__grid {
        margin: 0;
        grid-template-columns: auto
    }

    .article-two-col__grid.one-column {
        gap: 10px
    }

    .article-two-col__content h2,
    .article-two-col__content h3,
    .article-two-col__content h4,
    .article-two-col__content h5,
    .article-two-col__content h6 {
        padding-top: 0
    }

    .article-two-col__image {
        padding-top: 30px
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .article-two-col {
        padding: 30px 0
    }

    .article-two-col__grid {
        gap: 50px;
        margin: 0
    }

    .article-two-col__left .article-two-col__content {
        max-width: 446px
    }

    .article-two-col__left .article-two-col__content h5 {
        font-size: 15px;
        line-height: 18px;
        font-weight: 500;
        font-family: Feature Deck
    }
}

@media (min-width: 768px)and (max-width: 991.98px)and (max-width: 767.98px) {
    .article-two-col__left .article-two-col__content h5 {
        font-size: 14px;
        line-height: 17px
    }
}

.article-testimonial {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f5f5f5
}

.article-testimonial__container {
    margin: 0 20px;
    padding: 0 127px
}

.article-testimonial__content {
    max-width: 900px
}

.article-testimonial__content h4 {
    font-size: 55px;
    line-height: 60px;
    margin-bottom: 40px
}

.article-testimonial__content p span {
    color: #d6d1d1;
    margin: 0 15px
}

@media (max-width: 767.98px) {
    .article-testimonial {
        padding: 30px 0 0
    }

    .article-testimonial__container {
        padding: 0
    }

    .article-testimonial__content {
        text-align: left
    }

    .article-testimonial__content h4 {
        font-size: 26px;
        line-height: 34px;
        font-family: Feature Deck;
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .article-testimonial__content h4 {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .article-testimonial__container {
        padding: 0 50px
    }

    .article-testimonial__content h4 {
        font-size: 26px;
        line-height: 34px;
        font-family: Feature Deck
    }
}

@media (min-width: 768px)and (max-width: 991.98px)and (max-width: 767.98px) {
    .article-testimonial__content h4 {
        font-size: 18px;
        line-height: 24px
    }
}

.article-featured {
    background: #fff;
    padding-top: 43px;
    padding-bottom: 52px;
    border-radius: 40px 40px 0 0
}

.article-featured__container {
    margin: 0 30px
}

.article-featured__grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.article-featured__content {
    max-width: 410px
}

.article-featured__content h5 {
    margin-bottom: 23px
}

.article-featured__content p {
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .article-featured__content p {
        font-size: 16px;
        line-height: 22px
    }
}

.article-featured__product .primary-button--white:hover {
    color: #fff;
    background: #232323
}

@media (max-width: 767.98px) {
    .article-featured {
        padding-top: 52px;
        padding-bottom: 34px;
        border-radius: 20px 20px 0 0
    }

    .article-featured__container {
        margin: 0 20px
    }

    .article-featured__grid {
        gap: 20px;
        grid-template-columns: auto
    }

    .article-featured__content h5 {
        margin-bottom: 20px
    }

    .article-featured__content p {
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .article-featured__content p {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .article-featured .product-card__price {
        display: none
    }

    .article-featured .hide-in-article {
        display: none !important
    }

    .article-featured .show-in-article {
        display: block !important
    }

    .article-featured .button__label--grid {
        display: flex;
        justify-content: space-around;
        width: 100%;
        position: relative
    }

    .article-featured .button__label--grid:before {
        content: "";
        width: 1px;
        height: 100%;
        display: block;
        position: absolute;
        left: 58%;
        background: #cacaca
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .article-featured__grid {
        gap: 50px
    }
}

.article-next {
    --hover-color: #2F5F4B;
    padding-top: 83px;
    padding-bottom: 150px;
    position: relative;
    z-index: 5
}

.article-next__hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--hover-color);
    z-index: -1;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden
}

a:hover~.article-next__hover {
    opacity: 1;
    visibility: inherit
}

.article-next--light a {
    transition: all .5s ease
}

.article-next--light a:hover {
    color: #fff
}

.article-next__container {
    margin: 0 43px
}

.article-next__content h5 {
    margin-bottom: 61px
}

.article-next__content h2 {
    font-size: 90px;
    line-height: 95px;
    font-family: Feature Deck;
    max-width: 1250px
}

@media (max-width: 991.98px) {
    .article-next__content h2 {
        font-size: 50px;
        line-height: 75px
    }
}

@media (max-width: 575.98px) {
    .article-next__content h2 {
        font-size: 45px;
        line-height: 50px
    }
}

.article-next__content:hover {
    text-decoration: none
}

@media (max-width: 767.98px) {
    .article-next {
        padding: 70px 0 120px
    }

    .article-next__container {
        margin: 0 20px
    }

    .article-next__content h5 {
        font-size: 15px;
        line-height: 18px;
        font-weight: 500;
        font-family: Feature Deck;
        margin-bottom: 15px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .article-next__content h5 {
        font-size: 14px;
        line-height: 17px
    }
}

@media (max-width: 767.98px) {
    .article-next__content h2 {
        font-size: 32px;
        line-height: 38px;
        font-family: Feature Deck
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .article-next__content h2 {
        font-size: 23px;
        line-height: 29px
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .article-next {
        padding-top: 70px;
        padding-bottom: 100px
    }

    .article-next__content h2 {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck
    }
}

@media (min-width: 768px)and (max-width: 991.98px)and (max-width: 767.98px) {
    .article-next__content h2 {
        font-size: 30px;
        line-height: 36px
    }
}

.article-video__container {
    padding: 90px 30px;
    overflow: hidden
}

.article-video__content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.article-video__content video {
    width: 100%;
    object-fit: cover;
    height: calc(var(--height-fill) - 120px)
}

.article-video__content iframe {
    width: 100%;
    height: 100%;
    border: 0px;
    min-height: 728px
}

.article-video__play-button {
    position: absolute;
    cursor: pointer;
    transition: all .3s ease
}

.article-video__play-button svg {
    display: block
}

.article-video__play-button:hover {
    opacity: .5
}

@media (max-width: 767.98px) {
    .article-video__container {
        padding: 70px 20px
    }

    .article-video__content video {
        height: 215px
    }
}

.article-page {
    display: grid;
    grid-template-columns: min(34.2%, 750px) 1fr
}

.article-page__left {
    padding: 76px 63px 77px 78px;
    background-color: #f6f6f6;
    position: sticky;
    top: 76px;
    transition: all .3s ease;
    max-width: 750px;
    height: 100vh;
    display: grid;
    grid-auto-rows: max-content;
    gap: 50px
}

.article-page__left h5 {
    max-width: 351px
}

.article-page__left h3 {
    margin-bottom: 19px
}

.article-page__image {
    position: relative
}

.article-page__image img {
    aspect-ratio: 1.4847457627;
    object-fit: cover
}

@media (min-width: 768px) {
    .article-page__image img {
        min-height: 295px
    }
}

.article-page__tag {
    position: absolute;
    left: 20px;
    top: 16.87px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    border-radius: 2.531px;
    background-color: #fff;
    display: inline-flex;
    padding: 5px 9px;
    align-items: center
}

.article-page__menu {
    display: flex;
    flex-direction: column
}

.article-page__menu li>a {
    display: inline-block;
    width: 100%;
    padding: 16px 0;
    font-size: 22px;
    line-height: 28px;
    color: #b3b3b3;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .article-page__menu li>a {
        font-size: 18px;
        line-height: 24px
    }
}

.article-page__menu li>a.active {
    color: #292828
}

.article-page__right {
    padding: 76px 66px 100px 125px
}

.article-page__right h1 {
    font-size: 26px;
    line-height: 34px;
    font-family: Feature Deck;
    color: #000;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .article-page__right h1 {
        font-size: 18px;
        line-height: 24px
    }
}

.article-page__right h2 {
    font-size: 22px;
    line-height: 28px;
    color: #000;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .article-page__right h2 {
        font-size: 18px;
        line-height: 24px
    }
}

.article-page__right h3 {
    font-size: 17px;
    line-height: 23px;
    color: #000;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .article-page__right h3 {
        font-size: 16px;
        line-height: 22px
    }
}

.article-page__right h4 {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck;
    color: #000;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .article-page__right h4 {
        font-size: 14px;
        line-height: 17px
    }
}

.article-page__right h5 {
    color: #000;
    margin-bottom: 20px
}

.article-page__right h5:not(:first-child) {
    margin-top: 35px
}

.article-page__right p {
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .article-page__menu li>a:hover {
        background-color: #2279bf;
        color: #292828;
        padding: 16px 20px
    }
}

@media (max-width: 1199.98px) {
    .article-page {
        grid-template-columns: 380px 1fr
    }

    .article-page__left {
        padding: 78px 50px
    }

    .article-page__right {
        padding: 57px 60px 150px
    }
}

@media (max-width: 991.98px) {
    .article-page {
        grid-template-columns: 1fr
    }

    .article-page__right {
        padding: 55px 76px 120px
    }

    .article-page__left {
        padding: 76px 76px 35px;
        position: static;
        height: 100%;
        max-width: none
    }
}

@media (max-width: 767.98px) {
    .article-page__right {
        padding: 55px 25px 90px
    }

    .article-page__right h5 {
        margin-bottom: 20px
    }

    .article-page__right h5:not(:first-child) {
        margin-top: 55px
    }

    .article-page__left {
        padding: 35px 25px 29px
    }

    .article-page__left h3 {
        margin-bottom: 15px
    }

    .article-page__menu li>a {
        padding: 7px 0
    }
}

.help-block__right {
    background-color: #a9905d;
    padding: 75px
}

@media (min-width: 992px) {
    .help-block .primary-button--outlined:hover {
        background-color: #151515;
        color: #a9905d
    }
}

@media (min-width: 992px) {
    .left-offset-9-lg {
        margin-left: 9px
    }
}

.order-status {
    padding: 3px 15px;
    background: #484646;
    border-radius: 20px;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    color: #fff;
    max-height: 30px;
    margin-left: 20px;
    transform: translateY(-3px)
}

@media (max-width: 767.98px) {
    .order-status {
        font-size: 14px;
        line-height: 20px
    }
}

.order-status.unfulfilled {
    background: #484646
}

.template--customers-order .accounts__navigation--menu ul li a.order-history {
    color: #262525
}

.template--page-newsletter .navbar__spacing,
.template--customers-login .navbar__spacing,
.template--customers-register .navbar__spacing,
.template--customers-reset_password .navbar__spacing,
.template--customers-activate_account .navbar__spacing {
    display: none
}

.template--page-newsletter .accounts,
.template--page-newsletter .accounts__grid,
.template--customers-login .accounts,
.template--customers-login .accounts__grid,
.template--customers-register .accounts,
.template--customers-register .accounts__grid,
.template--customers-reset_password .accounts,
.template--customers-reset_password .accounts__grid,
.template--customers-activate_account .accounts,
.template--customers-activate_account .accounts__grid {
    min-height: 100vh
}

@media (max-width: 767.98px) {

    .template--page-newsletter .accounts,
    .template--page-newsletter .accounts__grid,
    .template--customers-login .accounts,
    .template--customers-login .accounts__grid,
    .template--customers-register .accounts,
    .template--customers-register .accounts__grid,
    .template--customers-reset_password .accounts,
    .template--customers-reset_password .accounts__grid,
    .template--customers-activate_account .accounts,
    .template--customers-activate_account .accounts__grid {
        min-height: auto
    }
}

.template--page-newsletter .accounts__right,
.template--page-newsletter .accounts__left,
.template--customers-login .accounts__right,
.template--customers-login .accounts__left,
.template--customers-register .accounts__right,
.template--customers-register .accounts__left,
.template--customers-reset_password .accounts__right,
.template--customers-reset_password .accounts__left,
.template--customers-activate_account .accounts__right,
.template--customers-activate_account .accounts__left,
.template--page-newsletter .accounts__image,
.template--customers-login .accounts__image,
.template--customers-register .accounts__image,
.template--customers-reset_password .accounts__image,
.template--customers-activate_account .accounts__image {
    height: 100%
}

.template--page-newsletter .accounts__left,
.template--customers-login .accounts__left,
.template--customers-register .accounts__left,
.template--customers-reset_password .accounts__left,
.template--customers-activate_account .accounts__left {
    display: flex;
    padding-top: var(--nav-height)
}

@media (min-width: 768px) {

    .template--page-newsletter .accounts__left,
    .template--customers-login .accounts__left,
    .template--customers-register .accounts__left,
    .template--customers-reset_password .accounts__left,
    .template--customers-activate_account .accounts__left {
        padding-top: 138px
    }
}

.template--page-newsletter .accounts__form,
.template--customers-login .accounts__form,
.template--customers-register .accounts__form,
.template--customers-reset_password .accounts__form,
.template--customers-activate_account .accounts__form {
    width: 100%;
    margin: auto
}

@media (max-width: 767.98px) {

    .template--page-newsletter .accounts,
    .template--page-returns .accounts,
    .template--customers-login .accounts,
    .template--customers-register .accounts,
    .template--customers-reset_password .accounts,
    .template--customers-activate_account .accounts {
        height: auto
    }
}

.accounts {
    min-height: var(--height-fill);
    padding-top: 70px;
    padding-left: 20px;
    padding-right: 40px
}

.accounts__grid {
    gap: 44px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.accounts__image img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

@media (max-width: 767.98px) {
    .accounts__image img {
        object-position: top
    }
}

.accounts__left {
    background: #f5f5f5;
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 30px;
    height: var(--height-fill);
    position: sticky
}

.accounts__sidebar {
    overflow-y: auto
}

.accounts__right {
    min-width: 0;
    width: 100%
}

.accounts__header {
    margin-bottom: 54px
}

.accounts__header h5 {
    display: flex
}

.accounts__content .accounts__sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.accounts__wishlist .btn {
    width: 100%;
    max-width: 270px;
    text-align: center
}

.accounts__wishlist .accounts__header,
.accounts__wishlist .accounts__content p {
    margin-bottom: 33px
}

.accounts__wishlist .product__grid {
    gap: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.accounts__wishlist--empty .accounts__content {
    max-width: 524px
}

.accounts--register,
.accounts--login,
.accounts--recover,
.accounts--returns,
.accounts--activate {
    overflow: hidden;
    padding: 0
}

.accounts--register .accounts__grid,
.accounts--login .accounts__grid,
.accounts--recover .accounts__grid,
.accounts--returns .accounts__grid,
.accounts--activate .accounts__grid {
    gap: 0;
    align-items: center;
    background: #fff;
    grid-template-columns: 1fr 1.02fr
}

.accounts--register .accounts__left,
.accounts--login .accounts__left,
.accounts--recover .accounts__left,
.accounts--returns .accounts__left,
.accounts--activate .accounts__left {
    height: auto;
    background: none;
    min-height: auto
}

.accounts--register .accounts__right,
.accounts--login .accounts__right,
.accounts--recover .accounts__right,
.accounts--returns .accounts__right,
.accounts--activate .accounts__right {
    margin-right: 0;
    padding-bottom: 0;
    height: var(--height-fill);
    position: relative
}

.accounts--register .accounts__image,
.accounts--login .accounts__image,
.accounts--recover .accounts__image,
.accounts--returns .accounts__image,
.accounts--activate .accounts__image {
    height: 100vh
}

.accounts--register .accounts__form--heading p,
.accounts--login .accounts__form--heading p,
.accounts--recover .accounts__form--heading p,
.accounts--returns .accounts__form--heading p,
.accounts--activate .accounts__form--heading p {
    max-width: 438px;
    margin-bottom: 35px
}

@media (max-width: 767.98px) {

    .accounts--register .accounts__form--heading p,
    .accounts--login .accounts__form--heading p,
    .accounts--recover .accounts__form--heading p,
    .accounts--returns .accounts__form--heading p,
    .accounts--activate .accounts__form--heading p {
        margin-bottom: 24px
    }
}

.accounts--register .accounts__form .btn__grid,
.accounts--login .accounts__form .btn__grid,
.accounts--recover .accounts__form .btn__grid,
.accounts--returns .accounts__form .btn__grid,
.accounts--activate .accounts__form .btn__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.accounts--register .accounts__form .btn__grid .btn--black:hover,
.accounts--login .accounts__form .btn__grid .btn--black:hover,
.accounts--recover .accounts__form .btn__grid .btn--black:hover,
.accounts--returns .accounts__form .btn__grid .btn--black:hover,
.accounts--activate .accounts__form .btn__grid .btn--black:hover {
    color: #000 !important
}

@media (max-width: 991.98px) {

    .accounts--register,
    .accounts--login,
    .accounts--recover,
    .accounts--returns,
    .accounts--activate {
        padding-right: 0 !important;
        padding-bottom: 0 !important
    }

    .accounts--register .accounts__grid,
    .accounts--login .accounts__grid,
    .accounts--recover .accounts__grid,
    .accounts--returns .accounts__grid,
    .accounts--activate .accounts__grid {
        grid-template-columns: auto
    }

    .accounts--register .accounts__right,
    .accounts--login .accounts__right,
    .accounts--recover .accounts__right,
    .accounts--returns .accounts__right,
    .accounts--activate .accounts__right {
        height: auto
    }

    .accounts--register .accounts__left,
    .accounts--login .accounts__left,
    .accounts--recover .accounts__left,
    .accounts--returns .accounts__left,
    .accounts--activate .accounts__left {
        margin: 65px 0 70px !important
    }

    .accounts--register .accounts__image,
    .accounts--login .accounts__image,
    .accounts--recover .accounts__image,
    .accounts--returns .accounts__image,
    .accounts--activate .accounts__image {
        border-radius: 20px 20px 0 0;
        height: 650px !important;
        overflow: hidden
    }

    .accounts--register .accounts__form--heading,
    .accounts--login .accounts__form--heading,
    .accounts--recover .accounts__form--heading,
    .accounts--returns .accounts__form--heading,
    .accounts--activate .accounts__form--heading {
        margin-bottom: 23px
    }

    .accounts--register .accounts__form form,
    .accounts--login .accounts__form form,
    .accounts--recover .accounts__form form,
    .accounts--returns .accounts__form form,
    .accounts--activate .accounts__form form {
        margin-top: 0
    }

    .accounts--register .accounts__form h3,
    .accounts--login .accounts__form h3,
    .accounts--recover .accounts__form h3,
    .accounts--returns .accounts__form h3,
    .accounts--activate .accounts__form h3 {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck;
        margin-bottom: 25px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {

    .accounts--register .accounts__form h3,
    .accounts--login .accounts__form h3,
    .accounts--recover .accounts__form h3,
    .accounts--returns .accounts__form h3,
    .accounts--activate .accounts__form h3 {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width: 991.98px) {

    .accounts--register .accounts__form fieldset .input__submit,
    .accounts--login .accounts__form fieldset .input__submit,
    .accounts--recover .accounts__form fieldset .input__submit,
    .accounts--returns .accounts__form fieldset .input__submit,
    .accounts--activate .accounts__form fieldset .input__submit {
        width: 100%
    }

    .accounts--register .accounts__form .input__link p,
    .accounts--login .accounts__form .input__link p,
    .accounts--recover .accounts__form .input__link p,
    .accounts--returns .accounts__form .input__link p,
    .accounts--activate .accounts__form .input__link p {
        text-align: left
    }

    .accounts--register .accounts__left,
    .accounts--login .accounts__left,
    .accounts--recover .accounts__left,
    .accounts--returns .accounts__left,
    .accounts--activate .accounts__left {
        padding: 0 25px
    }

    .accounts--register .accounts__right,
    .accounts--login .accounts__right,
    .accounts--recover .accounts__right,
    .accounts--returns .accounts__right,
    .accounts--activate .accounts__right {
        display: block !important
    }
}

@media (max-width: 991.98px) {

    .accounts--register .accounts,
    .accounts--login .accounts,
    .accounts--recover .accounts,
    .accounts--returns .accounts,
    .accounts--activate .accounts {
        height: 100% !important;
        padding-right: 0
    }

    .accounts--register .accounts__grid,
    .accounts--login .accounts__grid,
    .accounts--recover .accounts__grid,
    .accounts--returns .accounts__grid,
    .accounts--activate .accounts__grid {
        height: 100%;
        padding-bottom: 26px
    }

    .accounts--register .accounts__form,
    .accounts--login .accounts__form,
    .accounts--recover .accounts__form,
    .accounts--returns .accounts__form,
    .accounts--activate .accounts__form {
        max-width: none
    }

    .accounts--register .accounts__form .btn__grid,
    .accounts--login .accounts__form .btn__grid,
    .accounts--recover .accounts__form .btn__grid,
    .accounts--returns .accounts__form .btn__grid,
    .accounts--activate .accounts__form .btn__grid {
        grid-template-columns: auto
    }

    .accounts--register .accounts__image,
    .accounts--login .accounts__image,
    .accounts--recover .accounts__image,
    .accounts--returns .accounts__image,
    .accounts--activate .accounts__image {
        display: none !important
    }

    .accounts--register .accounts__left,
    .accounts--login .accounts__left,
    .accounts--recover .accounts__left,
    .accounts--returns .accounts__left,
    .accounts--activate .accounts__left {
        order: 1 !important;
        display: block;
        margin: 70px 0;
        position: relative;
        height: auto !important;
        top: 0
    }

    .accounts--register .accounts__right,
    .accounts--login .accounts__right,
    .accounts--recover .accounts__right,
    .accounts--returns .accounts__right,
    .accounts--activate .accounts__right {
        order: 2;
        display: none !important
    }

    .accounts--register .accounts__right:after,
    .accounts--login .accounts__right:after,
    .accounts--recover .accounts__right:after,
    .accounts--returns .accounts__right:after,
    .accounts--activate .accounts__right:after {
        display: none
    }
}

.accounts--returns .accounts__form {
    max-width: 800px
}

.accounts--returns .accounts__content {
    margin: 0 20px
}

.accounts__recover form {
    margin-top: 35px
}

.accounts__returns,
.accounts__returns .accounts__grid {
    height: 100% !important
}

.accounts__returns .accounts__form h2 {
    font-weight: 500;
    font-size: 45px;
    line-height: 54px;
    margin-bottom: 20px
}

.accounts__returns .accounts__form p {
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    letter-spacing: .1px;
    margin-bottom: 30px
}

.accounts__returns .accounts__form fieldset .input__submit {
    margin-top: 10px
}

@media (max-width: 991.98px) {
    .accounts {
        min-height: auto;
        padding-top: 50px;
        padding-right: 20px;
        padding-bottom: 100px
    }

    .accounts__order .accounts__grid {
        gap: 0;
        padding-top: 60px
    }

    .accounts__address .accounts__header {
        margin-bottom: 40px
    }

    .accounts__wishlist .product__grid,
    .accounts__register .accounts__grid {
        grid-template-columns: auto
    }

    .accounts__register .accounts__left {
        background: none
    }

    .accounts__grid {
        grid-template-columns: auto !important
    }

    .accounts__left {
        padding: 50px 28px;
        min-height: auto;
        display: none
    }

    .accounts__right {
        margin-right: 0;
        padding-bottom: 30px
    }

    .accounts__content .accounts__sidebar {
        grid-template-columns: auto
    }

    .accounts__content .accounts__sidebar--block:not(:last-of-type) {
        margin-bottom: 30px
    }

    .accounts__returns .accounts {
        height: auto
    }

    .accounts__returns .accounts__grid {
        height: auto;
        margin-top: 85px
    }

    .accounts__returns .accounts__left {
        order: 1;
        min-height: auto;
        height: auto !important;
        padding-top: 70px
    }

    .accounts__returns .accounts__right {
        order: 2
    }

    .accounts__returns .accounts__right:after {
        display: none
    }

    .accounts__returns .accounts__image {
        display: block
    }

    .accounts__returns .accounts__form h2 {
        font-size: 30px;
        line-height: 37px
    }

    .accounts__image,
    .accounts__dashboard-message p {
        display: none
    }
}

@media (max-width: 991.98px) {
    .accounts__left {
        order: 2
    }

    .accounts__image {
        display: none
    }
}

.accounts .form__message {
    background: #f003;
    padding: 15px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    border: solid 1px red;
    color: red;
    font-size: 14px;
    border-radius: 0
}

.accounts .form__message--success {
    background: #0f03;
    border: solid 1px green;
    color: green
}

.accounts .form__message--errors ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none
}

.accounts .form__message--errors ul li a {
    color: inherit
}

.accounts .reset-span {
    background: #0f03;
    padding: 16px 30px;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    border: solid 1px green;
    color: green;
    font-size: 14px
}

.accounts--address {
    padding-top: 70px;
    padding-bottom: 20px
}

.accounts--address .accounts__header {
    margin-bottom: 40px
}

.accounts--address .accounts__header h2 {
    font-size: 32px;
    line-height: 42px
}

.accounts--address .accounts__right {
    padding-bottom: 100px
}

@media (min-width: 992px) {
    .accounts--address .accounts {
        padding-bottom: 0 !important
    }

    .accounts--address .accounts__content .accounts__sidebar {
        margin-top: 50px;
        grid-template-columns: 1fr 2fr
    }
}

@media (max-width: 991.98px) {
    .accounts--address .accounts__sidebar--mobile {
        grid-template-columns: 1fr 1fr !important
    }
}

.accounts--vip {
    margin-bottom: 45px
}

.accounts--vip .btn {
    padding: 10px 26px
}

.accounts--vip .pp-editorial {
    font-family: var(--font-pp-editorial)
}

.accounts--vip__grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.accounts--vip__heading {
    text-transform: uppercase
}

.accounts--vip__left p {
    margin-bottom: 0
}

.accounts--vip__intro--heading {
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    margin-bottom: 30px
}

.accounts--vip__intro--grid {
    display: grid;
    margin-bottom: 43px;
    grid-template-columns: 1fr 1fr
}

.accounts--vip__intro--left p {
    font-weight: 200;
    font-size: 20px;
    line-height: 28px;
    max-width: 430px;
    margin-bottom: 0
}

.accounts--vip__intro--invite {
    max-width: 310px;
    margin-left: auto;
    transform: translateY(-8px)
}

.accounts--vip__intro--invite h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .1px;
    text-transform: uppercase;
    margin-bottom: 5px
}

.accounts--vip__intro--invite p {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .1px;
    margin-bottom: 0
}

.accounts--vip__banner {
    display: grid;
    align-items: center;
    text-align: center;
    min-height: 505px;
    margin-bottom: 40px
}

.accounts--vip__banner h2 {
    font-weight: 200;
    font-size: 50px;
    line-height: 60px;
    align-items: center;
    color: #fff;
    text-transform: none;
    margin-bottom: 0;
    font-family: var(--font-pp-editorial)
}

.accounts--vip__banner img {
    opacity: 0;
    visibility: 0
}

.accounts--vip__form {
    padding-top: 32px;
    margin-bottom: 99px
}

.accounts--vip__form--grid {
    display: grid;
    grid-template-columns: 1fr 550px
}

.accounts--vip__form--left {
    padding-right: 75px
}

.accounts--vip__form--left h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 20px
}

.accounts--vip__form--left p {
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: .1px;
    margin-bottom: 0;
    max-width: 320px
}

.accounts--vip__form--right .btn {
    margin-top: 15px
}

@media (max-width: 991.98px) {
    .accounts--vip {
        margin-bottom: 90px
    }

    .accounts--vip__grid {
        grid-template-columns: auto
    }

    .accounts--vip__heading h2 {
        font-size: 30px;
        line-height: 40px
    }

    .accounts--vip__left p {
        font-size: 20px;
        line-height: 28px
    }

    .accounts--vip__right {
        display: none
    }

    .accounts--vip__intro--heading {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 18px
    }

    .accounts--vip__intro--grid {
        margin-bottom: 25px;
        grid-template-columns: auto
    }

    .accounts--vip__intro--right {
        display: none
    }

    .accounts--vip__banner {
        margin-left: -20px;
        margin-right: -20px;
        min-height: 187px;
        margin-bottom: 0
    }

    .accounts--vip__banner h2 {
        font-size: 30px;
        line-height: 36px
    }

    .accounts--vip__form {
        padding-top: 50px;
        margin-bottom: 0
    }

    .accounts--vip__form--grid {
        gap: 30px;
        grid-template-columns: auto
    }

    .accounts--vip__form--left {
        padding-right: 0
    }

    .accounts--vip__form--left h3 {
        font-size: 20px;
        line-height: 28px
    }

    .accounts--vip__form--left p {
        font-size: 15px;
        line-height: 23px
    }

    .accounts--vip__form .form-input__field,
    .accounts--vip__form .form-input__select,
    .accounts--vip__form .form-input__message {
        line-height: 20px
    }

    .accounts--vip__form .form-input__field--password,
    .accounts--vip__form .form-input__select--password,
    .accounts--vip__form .form-input__message--password {
        text-transform: none
    }
}

@media (max-width: 991.98px) {
    .accounts--vip.accounts {
        margin-bottom: 0;
        padding-bottom: 80px !important
    }

    .accounts--vip.accounts .accounts__right {
        padding-bottom: 0
    }
}

.account-sidebar__block.side-address:not(:last-of-type) {
    margin-bottom: 20px
}

.account-page__cancel {
    margin-left: 10px
}

.account-page__address-form {
    display: none;
    padding-top: 70px;
    padding-bottom: 80px
}

.account-page__address-form.active {
    display: block
}

.account-page__address-form .accounts__form {
    max-width: none
}

.account-page__address-form h5 {
    margin-bottom: 20px
}

.account-page__address-form fieldset {
    border: 0px
}

.account-page__address-form fieldset.input__grid {
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.account-page__address-form fieldset.input__checkbox {
    height: auto !important;
    padding-top: 25px !important;
    margin-bottom: 30px !important
}

.account-page__address-form fieldset.button__grid {
    gap: 20px;
    display: flex;
    align-items: center
}

.account-page__address-form fieldset .select {
    margin-bottom: 0;
    margin-top: 10px
}

.account-page__address-form fieldset .input__field--password {
    text-transform: none
}

.account-page__address-form fieldset .input__checkbox {
    padding-top: 16px
}

.side-address__actions {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.side-address__actions li {
    margin-right: 20px
}

.side-address__actions li a {
    color: #000;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: .1px
}

.side-address__action {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: .1px;
    text-decoration: underline;
    padding: 0;
    border: 0
}

.side-address {
    text-transform: capitalize
}

.side-address__delete {
    border: 0;
    padding: 0;
    background: none
}

.template--page-newsletter .accounts__form--heading h3 {
    margin-bottom: 20px
}

.template--page-newsletter .accounts__form--heading p {
    margin-bottom: 30px
}

.accounts__navigation {
    margin-bottom: auto
}

.accounts__navigation--menu--active {
    display: none
}

.accounts__navigation--menu ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none
}

.accounts__navigation--menu ul li {
    margin-bottom: 3px
}

.accounts__navigation--menu ul li a {
    display: inline-block;
    color: #b3b3b3;
    transition: all .3s ease;
    text-decoration: none;
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .accounts__navigation--menu ul li a {
        font-size: 16px;
        line-height: 22px
    }
}

.accounts__navigation--menu ul li a.active,
.accounts__navigation--menu ul li a:hover {
    color: #262525
}

.accounts__navigation--menu.active ul {
    display: block;
    border-radius: 0 0 8px 8px
}

.accounts__sidebar .column-addresses {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width: 767.98px) {
    .accounts__sidebar .column-addresses {
        grid-template-columns: 1fr
    }
}

.accounts__sidebar--block {
    margin-top: 50px
}

.accounts__sidebar--block .action-list {
    margin: 0;
    padding: 18px 0 0;
    list-style: none
}

.accounts__sidebar--block.back-order__btn {
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .accounts__sidebar {
        display: none
    }

    .accounts__navigation--menu {
        top: var(--nav-height);
        min-height: auto;
        height: fit-content;
        position: sticky
    }

    .accounts__navigation--menu--active {
        padding: 10px 18px;
        background: #f1f1f1;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .accounts__navigation--menu--active span {
        font-size: 15px;
        line-height: 18px;
        font-family: Feature Deck;
        font-weight: 500
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .accounts__navigation--menu--active span {
        font-size: 14px;
        line-height: 17px
    }
}

@media (max-width: 991.98px) {
    .accounts__navigation--menu ul {
        display: none;
        background: #f1f1f1;
        padding: 10px 15px;
        margin-bottom: 20px
    }

    .accounts__navigation--menu ul li {
        margin-bottom: 10px
    }

    .accounts__navigation--menu ul li a {
        display: block
    }

    .accounts__navigation--menu.active ul {
        display: block;
        border-radius: 0 0 8px 8px
    }

    .accounts__navigation--menu.active ul li a {
        color: #b3b3b3
    }

    .accounts__navigation--menu.active ul li a:hover {
        color: #262525
    }

    .accounts__navigation--menu.active .accounts__navigation--menu--active {
        border-radius: 8px 8px 0 0
    }

    .accounts__navigation--menu.active .accounts__navigation--menu--active svg {
        transform: rotate(-180deg)
    }
}

.input-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

@media (max-width: 767.98px) {
    .input-row {
        grid-template-columns: 1fr;
        gap: 0px;
        margin-bottom: 10px
    }
}

.accounts--recover .accounts__form h3 {
    margin-bottom: 20px
}

.accounts__form {
    max-width: 562px;
    margin: 0 auto
}

@media (max-width: 767.98px) {
    .accounts__form .left-offset {
        margin-left: 8px
    }
}

.accounts__form h3 {
    margin-bottom: 35px
}

.accounts__form p:not(.accounts__form p:last-of-type) {
    margin-bottom: 19px
}

.accounts__form form {
    margin-bottom: 35px
}

@media (max-width: 767.98px) {
    .accounts__form form {
        margin-bottom: 18px
    }
}

.accounts__form .form-row,
.accounts__form fieldset {
    margin: 0;
    border: 0px;
    padding: 0
}

.accounts__form .form-row:not(:last-of-type),
.accounts__form fieldset:not(:last-of-type) {
    margin-bottom: 5px
}

@media (max-width: 767.98px) {

    .accounts__form .form-row:not(:last-of-type),
    .accounts__form fieldset:not(:last-of-type) {
        margin-bottom: 10px
    }
}

.accounts__form .form-row.input__checkbox,
.accounts__form fieldset.input__checkbox {
    height: 100%;
    padding-top: 25px
}

.accounts__form .form-row .input__field,
.accounts__form fieldset .input__field {
    width: 100%
}

.accounts__form .form-row .input__field--password,
.accounts__form fieldset .input__field--password {
    text-transform: none
}

.accounts__form .form-row .input__field:focus,
.accounts__form fieldset .input__field:focus {
    outline: none
}

.accounts__form .form-row .input__submit,
.accounts__form fieldset .input__submit {
    width: 100%
}

.accounts__form .form-row--date {
    display: flex;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    width: 100%;
    padding: 12px 0;
    border: none;
    box-shadow: none;
    color: #000;
    background-color: #0000;
    border-bottom: 1px solid #e1e1e1;
    justify-content: space-between
}

@media (max-width: 767.98px) {
    .accounts__form .form-row--date {
        font-size: 14px;
        line-height: 20px
    }
}

.accounts__form .form-row--date .input__field {
    padding: 0;
    width: auto;
    margin-left: 0;
    border: 0px
}

.accounts__form .form-row--last {
    padding-top: 23px;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between
}

.accounts__form .form-row--last p {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500
}

.accounts__form .form-row .input__submit {
    margin-top: 0
}

@media (max-width: 575.98px) {
    .accounts__form .form-row--last {
        align-items: start;
        flex-direction: column
    }
}

.accounts__form .form-row .error-highlight {
    outline: solid 1px red;
    outline-offset: 1px
}

.accounts__form .form-row .iti__country-list {
    background-color: #f6f6f6 !important
}

.accounts__form .form-row input {
    width: 100%
}

.accounts__form .form-row input::placeholder {
    color: #000
}

.accounts__form .form-row input--password {
    text-transform: none
}

.accounts__form .form-row input.js-phone-validation {
    padding-left: 60px
}

.accounts__form .form-row input::-webkit-outer-spin-button,
.accounts__form .form-row input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.accounts__form .input__checkbox--container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.accounts__form .input__checkbox--container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.accounts__form .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #262525;
    background: #f5f5f5;
    border-radius: 3px
}

.accounts__form .input__checkbox--container input:checked~.checkmark {
    background-color: #262525
}

.accounts__form .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.accounts__form .input__checkbox--container input:checked~.checkmark:after {
    display: block
}

.accounts__form .input__checkbox--container .checkmark:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.accounts__form .input__checkbox--container span {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    display: inline-block
}

@media (max-width: 767.98px) {
    .accounts__form .input__checkbox--container span {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .accounts__form fieldset.input__checkbox {
        margin-bottom: 5px
    }
}

.accounts--register {
    background: #f5f5f5
}

.accounts--register .accounts__featured-icons {
    background: #fbfbfb;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-radius: 5px;
    padding: 15px 10px;
    margin-bottom: 40px
}

.accounts--register .accounts__featured_icon {
    padding: 0 25px;
    text-align: center
}

.accounts--register .accounts__featured_icon:not(.accounts--register .accounts__featured_icon:last-of-type) {
    border-right: 1px solid #ebebeb
}

.accounts--register .accounts__featured_icon .featured-icon {
    margin-bottom: 10px;
    min-height: 27px;
    align-items: center;
    display: flex
}

.accounts--register .accounts__featured_icon .featured-icon svg {
    display: block;
    margin: 0 auto
}

@media (max-width: 767.98px) {
    .accounts--register .accounts__featured-icons {
        margin-bottom: 30px;
        padding: 15px 5px
    }

    .accounts--register .accounts__featured_icon {
        padding: 0 8px
    }
}

.accounts--order {
    padding-bottom: 50px
}

.accounts--order .order-info__grid {
    display: grid;
    padding-top: 14px;
    grid-template-columns: 1fr 1fr
}

.accounts--order .accounts__header {
    margin-bottom: 0
}

.accounts--order .table-order__detail {
    margin-bottom: 70px
}

.accounts--order .table-order__detail tr {
    vertical-align: top
}

.accounts--order .table-order__detail ul {
    padding-left: 0
}

.accounts--order .table-order__detail ul li::marker {
    content: none;
    display: none
}

.accounts--order .table-order__detail ul li svg {
    max-height: 30px
}

.accounts--order .table-order__detail .swatch_name {
    color: #b3b3b3;
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
    display: inline-block
}

.accounts--order .table-order__detail .swatch_name:before {
    content: "";
    width: 1px;
    height: 15px;
    display: block;
    background: #ebebeb;
    position: absolute;
    left: 0;
    top: 5px
}

.accounts--order .table-order__total {
    margin-bottom: 45px
}

.accounts--order .table-order__total tr:last-of-type {
    border-bottom: 0px
}

.accounts--order .table-order__button {
    max-width: 435px;
    margin-left: auto
}

.accounts--order .table-order__button .btn {
    width: 100%;
    font-size: 12px;
    line-height: 19px;
    padding: 5.5px 30px
}

@media (max-width: 991.98px) {
    .accounts--order {
        padding-bottom: 70px
    }

    .accounts--order__header {
        gap: 55px;
        margin-bottom: 50px;
        grid-template-columns: auto
    }

    .accounts--order .accounts__header h4 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 19px
    }

    .accounts--order .accounts__header h4 span {
        font-size: 10px;
        line-height: 20px
    }

    .accounts--order .accounts__header p {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 7px
    }

    .accounts--order .table-order__detail {
        margin-bottom: 30px
    }

    .accounts--order .table-order__detail tr {
        vertical-align: top
    }

    .accounts--order .table-order__detail th {
        padding: 0 0 20px
    }

    .accounts--order .table-order__detail td {
        padding: 12px 0
    }

    .accounts--order .table-order__total {
        padding-top: 22px;
        margin-bottom: 50px
    }

    .accounts--order .table-order__total tr {
        vertical-align: top
    }

    .accounts--order .table-order__total tr:last-of-type {
        border-bottom: 0px
    }

    .accounts--order .table-order__total tr th {
        font-weight: 400;
        padding-bottom: 9px;
        width: 100%
    }

    .accounts--order .table-order__total tr td {
        padding-top: 10px;
        padding-bottom: 9px;
        width: 100%
    }

    .accounts--order .table-order__total tr td.total-label {
        font-size: 12px;
        line-height: 19px;
        padding-top: 20.5px
    }

    .accounts--order .table-order__total tr td.total-amount {
        font-size: 14px;
        line-height: 18px;
        padding-top: 20px
    }

    .accounts--order .table-order__button .btn {
        width: 100%;
        padding: 10px 30px
    }
}

.table-order {
    width: 100%
}

.table-order tr[onclick] {
    cursor: pointer
}

.table-order th {
    padding: 12px 0;
    font-size: 13px;
    line-height: 19px;
    color: #262525;
    border-bottom: 1px solid #d6d1d1
}

@media (max-width: 767.98px) {
    .table-order th {
        font-size: 14px;
        line-height: 20px
    }
}

.table-order td {
    padding: 17px 0;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    color: #262525;
    text-align: center;
    border-bottom: 1px solid #ebebeb
}

@media (max-width: 767.98px) {
    .table-order td {
        font-size: 14px;
        line-height: 20px
    }
}

.table-order__detail {
    margin-bottom: 70px
}

.table-order__detail td,
.table-order__detail th {
    text-align: right;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.table-order__detail td:first-of-type,
.table-order__detail th:first-of-type {
    text-align: left
}

.table-order__detail th {
    padding-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

.table-order__detail td {
    padding-top: 10px;
    font-size: 17px;
    line-height: 23px;
    border-bottom: 0px
}

@media (max-width: 767.98px) {
    .table-order__detail td {
        font-size: 16px;
        line-height: 22px
    }
}

.table-order__detail--mobile-item {
    padding-bottom: 24px;
    border-bottom: 1px solid #d8d8d8
}

.table-order__total th,
.table-order__total td {
    text-align: left;
    padding: 10px 0;
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {

    .table-order__total th,
    .table-order__total td {
        font-size: 16px;
        line-height: 22px
    }
}

.table-order__total th:last-of-type,
.table-order__total td:last-of-type {
    text-align: right
}

.table-order__total th {
    padding-top: 0;
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 19px
}

@media (max-width: 767.98px) {
    .table-order__total th {
        font-size: 14px;
        line-height: 20px
    }
}

.table-order__mobile-item {
    row-gap: 20px;
    column-gap: 8px;
    padding: 20px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 1px solid #ebebeb
}

.table-order__mobile-item:last-of-type {
    border-bottom: 0;
    padding-bottom: 0
}

.table-order__mobile div {
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .table-order__mobile div {
        font-size: 16px;
        line-height: 22px
    }
}

.table-order__mobile div strong {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 19px
}

@media (max-width: 767.98px) {
    .table-order__mobile div strong {
        font-size: 14px;
        line-height: 20px
    }
}

.table-order__mobile div a {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 2px
}

.table-order__mobile div a:hover,
.table-order__mobile div a.active {
    color: #000
}

@media (max-width: 991.98px) {
    .table-order__mobile-item {
        padding-top: 0
    }
}

.order-detail h4 {
    font-weight: 400
}

.order-detail__info {
    gap: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.order-detail__info div {
    font-size: 14px;
    line-height: 14px
}

.order-detail__info div strong {
    display: block;
    margin-bottom: 6px
}

.address-block p.p-small {
    margin-bottom: 10px
}

.address-block:not(.address-block:last-of-type) {
    margin-bottom: 40px
}

.template--page-account-dashboard .accounts--dashboard .accounts__dashboard-message p {
    display: block !important
}

@media (max-width: 991.98px) {
    .template--page-account-dashboard .accounts--dashboard .accounts__dashboard-message p {
        display: block !important
    }
}

@media (max-width: 767.98px) {
    .template--page-account-dashboard .sa-orders-table__table col:first-child {
        width: 100% !important
    }
}

.accounts--dashboard .accounts__left,
.accounts--order .accounts__left {
    height: var(--height-fill);
    position: sticky;
    top: var(--nav-height)
}

.accounts--dashboard,
.accounts--address,
.accounts--order {
    padding: 0 !important
}

.accounts--dashboard .accounts__grid,
.accounts--address .accounts__grid,
.accounts--order .accounts__grid {
    gap: 70px;
    grid-template-columns: 380px 1fr;
    min-height: var(--height-fill)
}

.accounts--dashboard .accounts__left,
.accounts--address .accounts__left,
.accounts--order .accounts__left {
    padding: 70px 30px 30px;
    display: flex;
    flex-direction: column
}

.accounts--dashboard .accounts__right,
.accounts--address .accounts__right,
.accounts--order .accounts__right {
    padding: 70px 70px 0 0
}

.accounts--dashboard .accounts__header,
.accounts--address .accounts__header,
.accounts--order .accounts__header {
    margin-bottom: 68px
}

.accounts--dashboard .accounts__dashboard-message p,
.accounts--address .accounts__dashboard-message p,
.accounts--order .accounts__dashboard-message p {
    display: none !important
}

@media (max-width: 991.98px) {

    .accounts--dashboard .accounts__dashboard-message h4,
    .accounts--address .accounts__dashboard-message h4,
    .accounts--order .accounts__dashboard-message h4 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px
    }

    .accounts--dashboard .accounts__dashboard-message p,
    .accounts--address .accounts__dashboard-message p,
    .accounts--order .accounts__dashboard-message p {
        display: none !important;
        margin-bottom: 20px
    }

    .accounts--dashboard .accounts__grid,
    .accounts--address .accounts__grid,
    .accounts--order .accounts__grid {
        gap: 0px;
        margin: 0;
        min-height: auto
    }

    .accounts--dashboard .accounts__grid--order .accounts__header,
    .accounts--address .accounts__grid--order .accounts__header,
    .accounts--order .accounts__grid--order .accounts__header {
        display: none
    }

    .accounts--dashboard .accounts__header,
    .accounts--address .accounts__header,
    .accounts--order .accounts__header {
        margin-bottom: 29px;
        grid-template-columns: auto
    }

    .accounts--dashboard .accounts__header .btn,
    .accounts--address .accounts__header .btn,
    .accounts--order .accounts__header .btn {
        display: none
    }

    .accounts--dashboard .accounts__left,
    .accounts--address .accounts__left,
    .accounts--order .accounts__left {
        order: 1 !important;
        height: auto !important;
        display: block !important;
        background: none;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 50px
    }

    .accounts--dashboard .accounts__right,
    .accounts--address .accounts__right,
    .accounts--order .accounts__right {
        order: 2 !important;
        padding: 15px 20px 70px !important
    }
}

@media (max-width: 767.98px) {

    .accounts--dashboard .accounts.accounts,
    .accounts--address .accounts.accounts,
    .accounts--order .accounts.accounts {
        padding-bottom: 80px !important
    }

    .accounts--dashboard .accounts__right,
    .accounts--address .accounts__right,
    .accounts--order .accounts__right {
        padding-bottom: 0
    }

    .accounts--dashboard .accounts__header,
    .accounts--address .accounts__header,
    .accounts--order .accounts__header {
        margin-bottom: 20px
    }

    .accounts--dashboard .accounts__header h4,
    .accounts--address .accounts__header h4,
    .accounts--order .accounts__header h4 {
        font-size: 20px;
        line-height: 28px
    }
}

.accounts--dashboard .dashboard__intro-text,
.accounts--address .dashboard__intro-text,
.accounts--order .dashboard__intro-text {
    margin-bottom: 47px;
    max-width: 495px
}

.accounts--dashboard .dashboard__heading,
.accounts--address .dashboard__heading,
.accounts--order .dashboard__heading {
    display: flex;
    margin-bottom: 70px;
    align-items: center;
    justify-content: space-between
}

.accounts--dashboard .dashboard__heading--left p,
.accounts--address .dashboard__heading--left p,
.accounts--order .dashboard__heading--left p {
    margin-bottom: 10px
}

.accounts--dashboard .dashboard__address--grid,
.accounts--address .dashboard__address--grid,
.accounts--order .dashboard__address--grid {
    display: flex;
    justify-content: space-between
}

.accounts--dashboard .dashboard__address--column,
.accounts--address .dashboard__address--column,
.accounts--order .dashboard__address--column {
    min-width: 240px
}

.accounts--dashboard .dashboard__address .address__heading,
.accounts--address .dashboard__address .address__heading,
.accounts--order .dashboard__address .address__heading {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 19px
}

@media (max-width: 767.98px) {

    .accounts--dashboard .dashboard__address .address__heading,
    .accounts--address .dashboard__address .address__heading,
    .accounts--order .dashboard__address .address__heading {
        font-size: 14px;
        line-height: 20px
    }
}

.accounts--dashboard .dashboard__address .address__info,
.accounts--address .dashboard__address .address__info,
.accounts--order .dashboard__address .address__info {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 10px
}

@media (max-width: 767.98px) {

    .accounts--dashboard .dashboard__address .address__info,
    .accounts--address .dashboard__address .address__info,
    .accounts--order .dashboard__address .address__info {
        font-size: 16px;
        line-height: 22px
    }
}

.accounts--dashboard .dashboard__address .address__actions-list,
.accounts--address .dashboard__address .address__actions-list,
.accounts--order .dashboard__address .address__actions-list {
    display: flex;
    gap: 30px
}

.accounts--dashboard .dashboard__address .address__actions-list button,
.accounts--address .dashboard__address .address__actions-list button,
.accounts--order .dashboard__address .address__actions-list button {
    background: none;
    border: 0;
    padding: 0;
    display: block
}

.accounts--dashboard .dashboard__address .address__other .address__heading,
.accounts--address .dashboard__address .address__other .address__heading,
.accounts--order .dashboard__address .address__other .address__heading {
    color: #b3b3b3
}

.accounts--dashboard .dashboard__address .address__other .address__info p,
.accounts--address .dashboard__address .address__other .address__info p,
.accounts--order .dashboard__address .address__other .address__info p {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {

    .accounts--dashboard .dashboard__address .address__other .address__info p,
    .accounts--address .dashboard__address .address__other .address__info p,
    .accounts--order .dashboard__address .address__other .address__info p {
        font-size: 14px;
        line-height: 20px
    }
}

.accounts--dashboard .dashboard__address .address__default .address__heading,
.accounts--address .dashboard__address .address__default .address__heading,
.accounts--order .dashboard__address .address__default .address__heading {
    color: #262525
}

.accounts--dashboard .dashboard__address .address__default .address__info p,
.accounts--address .dashboard__address .address__default .address__info p,
.accounts--order .dashboard__address .address__default .address__info p {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {

    .accounts--dashboard .dashboard__address .address__default .address__info p,
    .accounts--address .dashboard__address .address__default .address__info p,
    .accounts--order .dashboard__address .address__default .address__info p {
        font-size: 14px;
        line-height: 17px
    }
}

@media (max-width: 991.98px) {

    .accounts--dashboard .dashboard__heading,
    .accounts--address .dashboard__heading,
    .accounts--order .dashboard__heading {
        align-items: start;
        flex-direction: column;
        margin-bottom: 45px
    }

    .accounts--dashboard .dashboard__heading--right,
    .accounts--address .dashboard__heading--right,
    .accounts--order .dashboard__heading--right {
        display: none
    }

    .accounts--dashboard .dashboard__address .address__actions-list,
    .accounts--address .dashboard__address .address__actions-list,
    .accounts--order .dashboard__address .address__actions-list {
        gap: 20px;
        justify-content: start
    }
}

@media (max-width: 767.98px) {

    .accounts--dashboard .dashboard__address--grid,
    .accounts--address .dashboard__address--grid,
    .accounts--order .dashboard__address--grid {
        gap: 30px;
        flex-direction: column
    }
}

@media (max-width: 991.98px) {

    .customer--logged-in.navbar--solid .accounts .accounts__left,
    .customer--logged-in.scrolled-down .accounts .accounts__left,
    .template--customers-order.navbar--solid .accounts .accounts__left,
    .template--customers-order.scrolled-down .accounts .accounts__left {
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 20;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.accounts--order__header {
    display: flex;
    justify-content: space-between
}

.accounts--order__header h5 {
    margin-bottom: 30px;
    align-items: baseline
}

.accounts--order__content--grid {
    display: grid;
    gap: 120px;
    grid-template-columns: 1fr 250px
}

.accounts--order .order__purchase-date {
    margin-bottom: 30px
}

.accounts--order .order__shipment {
    gap: 30px;
    display: flex;
    align-items: center
}

.accounts--order .order__shipment--info {
    color: #b3b3b3;
    font-size: 13px;
    line-height: 19px
}

@media (max-width: 767.98px) {
    .accounts--order .order__shipment--info {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 991.98px) {
    .accounts--order__header {
        gap: 30px;
        flex-direction: column
    }

    .accounts--order__header .accounts--order__left {
        order: 2
    }

    .accounts--order__header .accounts--order__right {
        order: 1
    }

    .accounts--order__content--grid {
        gap: 0px;
        grid-template-columns: auto
    }

    .accounts--order .order__shipment {
        gap: 15px;
        align-items: start;
        flex-direction: column
    }

    .accounts--order .accounts__dashboard-message p {
        display: none !important
    }

    .accounts--order .accounts__left {
        top: auto;
        position: relative
    }
}

.accounts--intro {
    margin-bottom: 92px
}

.accounts--intro__grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.accounts--intro__content {
    max-width: 430px
}

.accounts--intro h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    margin-bottom: 30px
}

.accounts--intro p {
    font-weight: 200;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px
}

.accounts--intro .btn {
    padding: 10px 26px
}

.accounts--intro .pp-editorial {
    font-family: var(--font-pp-editorial)
}

.accounts--intro .loyalty-info {
    padding-top: 42px;
    max-width: 309px;
    width: 100%;
    margin-left: auto
}

.accounts--intro .loyalty-info .points-progress {
    height: 5px;
    width: 100%;
    position: relative;
    background: #f6f6f6;
    margin-bottom: 6px
}

.accounts--intro .loyalty-info .points-progress>span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 30%
}

.accounts--intro .loyalty-info__heading {
    display: flex;
    margin-bottom: 17px;
    justify-content: space-between
}

.accounts--intro .loyalty-info__heading span {
    font-size: 12px;
    line-height: 19px;
    text-transform: uppercase
}

.accounts--intro .loyalty-info__points--info {
    gap: 7px;
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 0
}

.accounts--intro .loyalty-info__points--info span {
    font-size: 12px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: 500
}

.accounts--intro .loyalty-info__points--info span.points {
    font-size: 21px;
    line-height: 29px
}

.accounts--intro .loyalty-info__points p {
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    text-transform: uppercase
}

@media (max-width: 991.98px) {
    .accounts--intro {
        margin-bottom: 48px
    }

    .accounts--intro__grid {
        grid-template-columns: auto
    }

    .accounts--intro h2 {
        font-weight: 500;
        font-size: 28px;
        line-height: 34px;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    .accounts--intro p {
        font-weight: 200;
        font-size: 19px;
        line-height: 27px;
        margin-bottom: 30px
    }

    .accounts--intro .pp-editorial {
        font-family: var(--font-pp-editorial)
    }

    .accounts--intro .loyalty-info {
        padding-top: 50px;
        max-width: none;
        width: 100%;
        margin-left: 0
    }

    .accounts--intro .loyalty-info__heading {
        display: flex;
        margin-bottom: 6px;
        justify-content: space-between
    }

    .accounts--intro .loyalty-info__heading span {
        font-size: 12px;
        line-height: 19px;
        text-transform: uppercase
    }

    .accounts--intro .loyalty-info__points--info {
        gap: 10px;
        display: flex;
        align-items: center;
        position: relative;
        padding-bottom: 6px;
        margin-bottom: 6px;
        border-bottom: none
    }

    .accounts--intro .loyalty-info__points--info:after {
        content: "";
        display: block;
        height: 5px;
        width: 70%;
        position: absolute;
        left: 0;
        bottom: -5px;
        background: #fbd4d5;
        display: none
    }

    .accounts--intro .loyalty-info__points--info span {
        font-size: 12px;
        line-height: 19px;
        text-transform: uppercase
    }

    .accounts--intro .loyalty-info__points--info span.points {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px
    }

    .accounts--intro .loyalty-info__points p {
        font-weight: 400;
        font-size: 10px;
        line-height: 20px;
        margin-bottom: 0;
        text-transform: uppercase
    }

    .accounts--intro .btn {
        width: 100%
    }
}

.accounts--my-products .accounts__right {
    padding-bottom: 100px
}

.help-page {
    display: grid;
    grid-template-columns: min(34%, 750px) 1fr;
}

.help-page__left {
    padding: 78px 77px;
    background-color: #f6f6f6;
    height: calc(100vh - var(--nav-height) - 76px);
    position: sticky;
    top: calc(var(--nav-height) + 76px);
    transition: all .3s ease;
    max-width: 750px
}

.help-page__left h3 {
    margin-bottom: 19px
}

.help-page__menu {
    display: flex;
    flex-direction: column
}

.help-page__menu li>a {
    display: inline-block;
    width: 100%;
    padding: 16px 0;
    font-size: 22px;
    line-height: 28px;
    color: #b3b3b3;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .help-page__menu li>a {
        font-size: 18px;
        line-height: 24px
    }
}

.help-page__menu li>a.active {
    color: #292828
}

.help-page__right {
    padding: 92px 66px 150px 125px;
    margin: 0 auto;
    max-width: 1440px;
}

.help-page__right h1 {
    font-size: 26px;
    line-height: 34px;
    font-family: Feature Deck;
    /*text-align: center;*/
}

@media (max-width: 767.98px) {
    .help-page__right h1 {
        font-size: 18px;
        line-height: 24px
    }
}

.help-page__right h2 {
    font-size: 22px;
    line-height: 28px
}

@media (max-width: 767.98px) {
    .help-page__right h2 {
        font-size: 18px;
        line-height: 24px
    }
}

.help-page__right h3 {
    font-size: 17px;
    line-height: 23px;
    margin-top: 20px;
    text-align: center;
}

@media (max-width: 767.98px) {
    .help-page__right h3 {
        font-size: 16px;
        line-height: 22px
    }
}

.help-page__right h4 {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .help-page__right h4 {
        font-size: 14px;
        line-height: 17px
    }
}

.help-page__right h5 {
    margin-bottom: 20px
}

.help-page__right h5:not(:first-child) {
    margin-top: 35px
}

@media (min-width: 992px) {
    .help-page__menu li>a:hover {
        background-color: #2279bf;
        color: #292828;
        padding: 16px 20px
    }
}

@media (max-width: 1199.98px) {
    .help-page {
        grid-template-columns: 380px 1fr
    }

    .help-page__left {
        padding: 78px 50px
    }

    .help-page__right {
        padding: 57px 60px 150px
    }
}

@media (max-width: 991.98px) {
    .help-page {
        grid-template-columns: 1fr
    }

    .help-page__right {
        padding: 55px 76px 120px
    }

    .help-page__left {
        padding: 76px 76px 35px;
        position: static;
        height: 100%;
        max-width: none
    }
}

@media (max-width: 767.98px) {
    .help-page__right {
        padding: 55px 25px 90px
    }

    .help-page__right h5 {
        margin-bottom: 20px
    }

    .help-page__right h5:not(:first-child) {
        margin-top: 55px
    }

    .help-page__left {
        padding: 35px 25px 29px
    }

    .help-page__left h3 {
        margin-bottom: 15px
    }

    .help-page__menu li>a {
        padding: 7px 0
    }
}

.help-block {
    display: grid;
    grid-template-columns: 1fr min(41%, 730px);
    background-size: 100% 100%;
}

@media (min-width: 1680px) {
    .help-block__left {
        aspect-ratio: 1.19
    }
}

.help-block__left img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.help-block__right {
    background-color: #be361c;
    padding: 75px;
    color: #fff;
    display: flex;
}

.help-block__desc {
    margin-bottom: 37px;
}

.help-block__right .primary-button--outlined {
    border-color: #fff
}

@media (max-width: 991.98px) {
    .help-block__right .primary-button--outlined {
        width: 100%
    }
}

.help-block__content {
    max-width: 345px
}

.help-block__title {
    font-size: 43px;
    line-height: 46px;
    font-family: Feature Deck;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .help-block__title {
        font-size: 30px;
        line-height: 36px;
        text-align: center;
    }
}

.help-block__desc p {
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .help-block__desc p {
        font-size: 16px;
        line-height: 22px
    }
}

@media (min-width: 992px) {
    .help-block .primary-button--outlined:hover {
        background-color: #fff;
        color: #000
    }
}

@media (max-width: 991.98px) {
    .help-block {
        grid-template-columns: 1fr
    }

    .help-block__left {
        height: 500px;
        aspect-ratio: unset
    }

    .help-block__right {
        padding: 50px 76px 90px
    }

    .help-block__content {
        max-width: none
    }

    .help-block__title br {
        display: none
    }
}

@media (max-width: 767.98px) {
    .help-block__left {
        height: 355px
    }

    .help-block__right {
        padding: 35px 25px 35px
    }

    .help-block__title {
        margin-bottom: 15px
    }

    .help-block__desc {
        margin-bottom: 24px
    }
}

@media (min-width: 992px) {
    .scrolled-down .help-page__left {
        top: 76px;
        height: calc(100vh - 76px)
    }
}

.about-intro {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.about-intro__title {
    margin-bottom: 15px
}

.about-intro__left {
    position: relative
}

.about-intro__left .sa-media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.about-intro__left .sa-media img {
    object-fit: cover;
}

.about-intro__right {
    padding: 76px 86px 76px 76px
}

.about-intro__content {
    /* max-width: 406px; */
    margin-left: auto
}

.about-intro__content>h4 {
    line-height: 38px;
    font-family: Feature Deck;
    margin-bottom: 20px;
    font-size: 32px
}

@media (max-width: 767.98px) {
    .about-intro__content>h4 {
        font-size: 23px;
        line-height: 29px
    }
}

.about-intro__caption p {
    font-size: 22px;
    line-height: 28px;
    font-size: 18px
}

@media (max-width: 767.98px) {
    .about-intro__caption p {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 991.98px) {
    .about-intro {
        grid-template-columns: 1fr;
        height: fit-content
    }

    .about-intro__right {
        order: -1
    }

    .about-intro__content {
        margin-left: 0;
        max-width: none
    }

    .about-intro__title {
        margin-bottom: 55px
    }

    .about-intro__left {
        padding: 0 76px 90px;
        aspect-ratio: 1.5
    }

    .about-intro__caption {
        padding-right: 5px;
        font-size: 14px
    }
}

@media (max-width: 767.98px) {
    .about-intro__right {
        padding: 55px 25px
    }

    .about-intro__left {
        padding: 0
    }

    .about-intro__content>h4 {
        font-size: 25px;
        margin-bottom: 15px
    }

    .about-intro__content>p {
        font-size: 14px
    }
}

.about-founders {
    padding: 40px 0;
    border-bottom: 1px solid #d6d1d1;
    margin: 0 107px 0 76px
}

.page--gun .about-founders {
    padding-bottom: 0;
    margin-bottom: 0
}

.page--gun .about-founders .about-founders__desc {
    margin-bottom: 94px
}

.about-founders__quote-wrapper {
    width: 100vw;
    position: relative;
    padding: 25px;
    background: #dff1ff
}

@media (min-width: 992px) {
    .about-founders__quote-wrapper {
        left: -76px
    }
}

@media (max-width: 991.98px) {
    .about-founders__quote-wrapper {
        left: -25px;
    }
}

.about-founders__quote {
    background: #dff1ff
}

.about-founders__title {
    display: flex;
    flex-direction: column;
    font-size: 51px;
    line-height: 58px;
    font-family: Feature Deck;
    margin-bottom: 40px;
    text-align: center;
}

@media (max-width: 767.98px) {
    .about-founders__title {
        font-size: 36px;
        line-height: 41px
    }
}

.about-founders__title span {
    color: #2279bf
}

.about-founders__img {
    width: calc(100% - 493px);
}

.about-founders__desc {
    margin-left: auto;
    margin-bottom: 9%;
    width: 493px;
}

.about-founders__desc p {
    font-size: 18px;
    line-height: 32px
}

@media (max-width: 767.98px) {
    .about-founders__desc p {
        font-size: 18px;
        line-height: 24px
    }
}

.about-founders__founders {
    display: flex;
    gap: 20px;
    max-width: 54.5%;
    margin-bottom: 128px;
}

.about-founders__founder img {
    aspect-ratio: .755;
    width: 100%;
    object-fit: cover;
    margin-bottom: 16px;
}

.about-founders__factory img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    /* margin-bottom: 32px; */
}

.about-founders__name {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 3px;
}

@media (max-width: 767.98px) {
    .about-founders__name {
        font-size: 18px;
        line-height: 24px
    }
}

.about-founders__position {
    font-size: 17px;
    line-height: 23px;
    color: #2a4026
}

@media (max-width: 767.98px) {
    .about-founders__position {
        font-size: 16px;
        line-height: 22px
    }
}

.about-founders blockquote {
    /*margin-left: auto;*/
    /*margin-left: calc(33.3333% + 20px);*/
    max-width: 795px;
    /*margin-right: 22px;*/
    margin: 0 auto;
}

.about-founders blockquote p {
    font-size: 47px;
    line-height: 59px;
    font-family: Honeymoon Hand;
    margin-bottom: 36px
}

@media (max-width: 767.98px) {
    .about-founders blockquote p {
        font-size: 20px;
        line-height: 26px
    }
}

.about-founders blockquote p span {
    font-family: Sohne;
    font-size: 31px;
}

@media (max-width: 1199.98px) {
    .about-founders blockquote {
        margin-left: 290px
    }
}

@media (max-width: 991.98px) {
    .about-founders blockquote {
        margin-left: auto
    }
}

.about-founders__author {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .about-founders__author {
        font-size: 14px;
        line-height: 17px
    }
}

@media (max-width: 991.98px) {
    .about-founders {
        margin-inline: 76px
    }

    .about-founders__desc {
        width: 98%;
        margin: 0 auto;
    }

    .about-founders blockquote {
        margin-right: 0
    }

    .about-founders__founders {
        max-width: none
    }
}

@media (max-width: 991.98px) {
    .about-founders {
        border-bottom: 0
    }
}

@media (max-width: 767.98px) {
    .about-founders {
        padding: 35px 0 70px;
        margin: 0 25px;
        border-bottom: 0;
        padding-bottom: 0;
    }

    .about-founders__title {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck;
        color: #2279bf;
        margin-bottom: 19px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .about-founders__title {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width: 767.98px) {
    .about-founders__title span {
        color: #292828
    }

    .about-founders__img {
        width: 98%;
    }

    .about-founders__desc {
        margin-bottom: 55px;
        width: 98%;
    }

    .about-founders__founders {
        margin-bottom: 29px;
        gap: 7px
    }

    .about-founders__founders img {
        aspect-ratio: .765;
        margin-bottom: 10px
    }

    .about-founders__name {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 0
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .about-founders__name {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 767.98px) {
    .about-founders blockquote p {
        margin-bottom: 27px
    }
}

.about-picks {
    padding: 50px 76px 140px;
    position: relative
}

.about-picks__header {
    margin-bottom: 100px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.about-picks__title {
    font-size: 51px;
    line-height: 58px;
    font-family: Feature Deck;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    grid-column: 1/-1
}

@media (max-width: 767.98px) {
    .about-picks__title {
        font-size: 36px;
        line-height: 41px
    }
}

.about-picks__title span {
    color: #2279bf
}

.about-picks__desc {
    width: calc(50% - 10px);
    margin-left: auto;
    grid-column: 2/-1
}

.about-picks__desc p {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .about-picks__desc p {
        font-size: 18px;
        line-height: 24px
    }
}

.about-picks__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.about-picks__left {
    height: 100%
}

.about-picks__tabs {
    position: sticky;
    top: 76px;
    margin-top: 3px;
    transition: all .3s ease
}

.navbar--scrolled:not(.scrolled-down) .about-picks__tabs {
    top: calc(76px + var(--nav-height))
}

.about-picks__tabs .tab-link {
    font-size: 32px;
    line-height: 38px;
    font-family: Feature Deck;
    padding: 7px 0;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .about-picks__tabs .tab-link {
        font-size: 23px;
        line-height: 29px
    }
}

.about-picks__tabs-title {
    margin-bottom: 15px
}

.about-picks__tab-panes {
    grid-column: 2/-1
}

.about-picks__tab-pane {
    display: none
}

.about-picks__tab-pane.active {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 30px
}

@media (min-width: 992px) {
    .about-picks__tabs .tab-link:hover {
        background-color: #2279bf;
        padding: 7px 20px;
        color: #fff
    }
}

@media (max-width: 1199.98px) {

    .about-picks__content,
    .about-picks__header {
        grid-template-columns: 270px 1fr
    }
}

@media (max-width: 991.98px) {
    .about-picks {
        padding: 0 0 101px
    }

    .about-picks__header {
        padding: 55px 76px 0;
        display: block
    }

    .about-picks .accordion-item {
        border: none
    }

    .about-picks .accordion-item__header {
        font-size: 32px;
        line-height: 38px;
        font-family: Feature Deck;
        border-top: 1px solid #d6d1d1;
        margin: 0 76px;
        padding: 11px 0
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .about-picks .accordion-item__header {
        font-size: 23px;
        line-height: 29px
    }
}

@media (max-width: 991.98px) {
    .about-picks__main-content {
        display: block;
        gap: 15px;
        overflow-x: auto;
        padding: 10px 76px 20px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        height: fit-content
    }

    .about-picks__main-content::-webkit-scrollbar {
        display: none
    }

    .about-picks__main-content .product-card {
        min-width: 255px;
        scroll-snap-align: center
    }

    .about-picks__tabs-title {
        padding-bottom: 19px;
        margin: 0 76px
    }

    .about-picks__desc {
        width: 100%
    }

    .about-picks__btn-mobile {
        padding: 30px 76px 0
    }
}

@media (max-width: 767.98px) {
    .about-picks {
        padding: 0 0 55px
    }

    .about-picks .accordion-item__header,
    .about-picks__tabs-title {
        margin: 0 25px
    }

    .about-picks__main-content {
        padding: 10px 25px 30px
    }

    .about-picks__header {
        margin-bottom: 64px;
        padding: 55px 25px 0
    }

    .about-picks__title {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck;
        margin-bottom: 35px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .about-picks__title {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width: 767.98px) {
    .about-picks__desc {
        margin-left: 0
    }

    .about-picks__desc .secondary-button {
        position: absolute;
        bottom: 55px
    }

    .about-picks__btn-mobile {
        padding: 30px 25px 0
    }
}

.template--about .about-picks__tabs-title {
    display: none
}

@media (max-width: 991.98px) {
    .template--about .about-picks__tabs-title {
        display: block
    }
}

.about-principles__headlines {
    font-size: 163px;
    line-height: 163px;
    letter-spacing: -3.26px;
    color: #c1b8ae;
    opacity: .2;
    white-space: nowrap
}

.about-principles__content {
    padding: 60px 0;
    margin: 0 auto;
    border-bottom: 1px solid #d6d1d1;
    max-width: 1252px
}

.about-principles__header {
    margin-bottom: 100px
}

.about-principles__title {
    font-size: 43px;
    line-height: 46px;
    font-family: Feature Deck;
    /* max-width: 492px; */
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

@media (max-width: 767.98px) {
    .about-principles__title {
        font-size: 30px;
        line-height: 36px
    }

    .block-padding--template--16778085400803__delivers-secure {
        padding-top: 55px;
        padding-bottom: 55px;
    }
}

.about-principles__title span {
    color: #2279bf
}

/* .about-principles__desc {
    max-width: 380px;
    margin: 53px 36px 0 auto
} */

.about-principles__desc p {
    font-size: 22px;
    line-height: 28px
}

@media (max-width: 767.98px) {
    .about-principles__desc p {
        font-size: 18px;
        line-height: 24px
    }
}

.about-principles__desc strong {
    font-weight: 500
}

.about-principles__accordion {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.about-principles .accordion-item {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #2279bf;
    color: #fff;
    transition: all .3s ease;
    position: relative;
    z-index: 8;
    clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);
    margin-bottom: 10px
}

.about-principles .accordion-item__header {
    padding: 34px;
    font-size: 26px;
    line-height: 34px;
    font-family: Feature Deck;
    align-items: baseline
}

@media (max-width: 767.98px) {
    .about-principles .accordion-item__header {
        font-size: 18px;
        line-height: 24px
    }
}

.about-principles .accordion-item__icon {
    display: none;
    min-width: 12px
}

.about-principles .accordion-item__main {
    padding: 0 34px 34px;
    margin-top: -17px;
    font-size: 17px;
    line-height: 23px;
    width: 80%
}

@media (max-width: 767.98px) {
    .about-principles .accordion-item__main {
        font-size: 16px;
        line-height: 22px
    }
}

.about-principles .accordion-item__main p {
    font-size: 17px;
    line-height: 23px;
    width: 80%
}

@media (max-width: 767.98px) {
    .about-principles .accordion-item__main p {
        font-size: 16px;
        line-height: 22px
    }
}

.about-principles .accordion-item.active {
    background-color: #fff;
    color: #292828;
    border: 1px solid #2279bf;
    clip-path: none
}

.about-principles .accordion-item.active:before,
.about-principles .accordion-item.active:after {
    content: none
}

@media (max-width: 991.98px) {
    .about-principles .accordion-item {
        clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px)
    }
}

@media (max-width: 991.98px) {
    .about-principles__content {
        margin: 0 76px;
        padding-inline: 0
    }
}

@media (max-width: 767.98px) {
    .about-principles {
        padding: 35px 0 55px;
        margin: 0 25px;
        /*border-top: 1px solid #d6d1d1*/
    }

    .about-principles__headlines {
        display: none
    }

    .about-principles__header {
        margin-bottom: 35px
    }

    .about-principles__title {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck;
        letter-spacing: 0;
        color: #292828;
        opacity: 1;
        white-space: wrap;
        width: 70%;
        margin-bottom: 20px;
        width: 100%
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .about-principles__title {
        font-size: 26px;
        line-height: 36px
    }
}

@media (max-width: 767.98px) {
    .about-principles__desc {
        margin-left: 0;
        /* padding-right: 30px; */
        margin-top: 0;
        margin-right: 0
    }

    .about-principles__content {
        padding: 0;
        margin: 0;
        border: none
    }

    .about-principles .accordion-item__header {
        padding: 14px 19px;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 23px
    }

    .about-principles .accordion-item__icon {
        display: block
    }

    .about-principles .accordion-item__main {
        padding: 0 19px 19px;
        margin-top: -4px;
        width: 100%;
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .about-principles .accordion-item__main {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .about-principles .accordion-item__main p {
        width: 100%;
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .about-principles .accordion-item__main p {
        font-size: 14px;
        line-height: 20px
    }
}

.template--index .about-principles {
    border-top: none
}

@media (max-width: 767.98px) {
    .template--index .about-principles .accordion-item__header {
        padding: 19px 18px;
        font-size: 17px;
        line-height: 23px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .template--index .about-principles .accordion-item__header {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 767.98px) {
    .template--index .about-principles .accordion-item__header__main p {
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .template--index .about-principles .accordion-item__header__main p {
        font-size: 14px;
        line-height: 20px
    }
}

.template--page-about .about-principles__desc {
    margin-left: 0;
    max-width: 492px
}

.template--page-about .about-principles__desc p {
    font-size: 43px;
    line-height: 46px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .template--page-about .about-principles__desc p {
        font-size: 30px;
        line-height: 36px
    }
}

.template--page-about .about-principles__content {
    border-bottom: none
}

.template--page-about .about-principles__title {
    display: none
}

@media (max-width: 767.98px) {
    .template--page-about .about-principles__title {
        display: block
    }

    .template--page-about .about-principles__desc {
        max-width: none;
        margin-right: 0
    }

    .template--page-about .about-principles__desc p {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .template--page-about .about-principles__desc p {
        font-size: 18px;
        line-height: 24px
    }
}

.template--page-about .home-testimonials {
    background-color: #2a4026;
    position: relative
}

.template--page-about .home-testimonials:after {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #d6d1d1;
    width: 100%;
    left: 76px;
    width: calc(100dvw - 152px)
}

.referral-block {
    display: grid;
    grid-template-columns: 1fr 45.2%
}

.referral-block__left {
    position: relative;
    max-height: 900px;
    width: 100%
}

.referral-block__left img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.referral-block__right {
    padding: 76px 76px 126px;
    background-color: #a9905d
}

.referral-block__title {
    margin-bottom: 20px
}

.referral-block__desc {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 35px;
    max-width: 90%
}

@media (max-width: 767.98px) {
    .referral-block__desc {
        font-size: 16px;
        line-height: 22px
    }
}

.referral-block__form {
    display: flex;
    flex-direction: column;
    gap: 19px;
    max-width: 90.5%
}

.referral-block__form .input__field:not(:last-child) {
    margin-bottom: 10px
}

.referral-block__form .primary-button {
    width: 100%;
    padding-left: 20px;
    margin-top: -3px
}

.referral-block .checkbox {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    padding-right: 20px
}

.referral-block .checkbox:nth-child(2) {
    align-items: flex-start
}

.referral-block .checkbox:not(:last-child) {
    margin-bottom: 14px
}

@media (min-width: 1680px) {
    .referral-block__left {
        aspect-ratio: 1.127
    }
}

@media (max-width: 1199.98px) {
    .referral-block {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 991.98px) {
    .referral-block {
        grid-template-columns: 1fr
    }

    .referral-block__left {
        height: 500px
    }
}

@media (max-width: 767.98px) {
    .referral-block__right {
        padding: 55px 25px 90px
    }

    .referral-block__title {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck;
        margin-bottom: 26px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .referral-block__title {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width: 767.98px) {
    .referral-block__desc {
        max-width: 100%;
        margin-bottom: 24px
    }

    .referral-block__form {
        max-width: none;
        gap: 24px
    }

    .referral-block__form .checkbox {
        padding-right: 0
    }

    .referral-block__form .checkbox:not(:last-child) {
        margin-bottom: 18px
    }

    .referral-block__form .primary-button {
        margin-top: 1px
    }
}

@media (max-width: 575.98px) {
    .referral-block__left {
        height: 290px
    }
}

.template--page-refer-a-friend .referral-block {
    min-height: var(--height-fill);
    grid-template-columns: 1fr 41.9%
}

.template--page-refer-a-friend .referral-block__right {
    background-color: #fff;
    padding: 75px 74px
}

.template--page-refer-a-friend .referral-block__desc {
    max-width: 96%
}

.template--page-refer-a-friend .referral-block__form {
    max-width: 99%
}

.template--page-refer-a-friend .referral-block__title {
    margin-bottom: 18px
}

.template--page-refer-a-friend .referral-block .checkbox:not(:last-child) {
    margin-bottom: 16px
}

.template--page-refer-a-friend .referral-block .primary-button svg path {
    stroke: #fff
}

@media (max-width: 1199.98px) {
    .template--page-refer-a-friend .referral-block {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 991.98px) {
    .template--page-refer-a-friend .referral-block {
        grid-template-columns: 1fr;
        height: 100%
    }

    .template--page-refer-a-friend .referral-block__right {
        padding: 55px 25px 90px
    }

    .template--page-refer-a-friend .referral-block__title {
        margin-bottom: 25px
    }

    .template--page-refer-a-friend .referral-block__form {
        max-width: 100%
    }
}

.support-centre {
    display: grid;
    grid-template-columns: min(39%, 750px) 1fr;
    min-height: calc(100vh - var(--nav-height) - 76px)
}

.support-centre .disabled {
    pointer-events: none;
    background-color: #89837c
}

.support-centre__left {
    padding: 76px;
    background-color: #c1b8ae
}

.support-centre__left .primary-button {
    color: #c1b8ae
}

@media (min-width: 992px) {
    .support-centre__left .primary-button:hover {
        background-color: #fff;
        color: #000
    }

    .support-centre__left .primary-button:hover svg rect {
        fill: #fff
    }

    .support-centre__left .primary-button:hover path {
        stroke: #000
    }
}

.support-centre__left .primary-button.disabled {
    background-color: #89837c;
    cursor: not-allowed
}

.support-centre__left .primary-button.disabled rect {
    fill: #89837c
}

.support-centre__left .primary-button svg path {
    stroke: #c1b8ae
}

.support-centre__right {
    position: relative
}

.support-centre__right img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.support-centre__title {
    font-size: 51px;
    line-height: 58px;
    font-family: Feature Deck;
    margin-bottom: 40px;
    width: 70%
}

@media (max-width: 767.98px) {
    .support-centre__title {
        font-size: 36px;
        line-height: 41px
    }
}

@media (min-width: 1400px) {
    .support-centre__title {
        word-spacing: -5px
    }
}

.support-centre__desc {
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .support-centre__desc {
        font-size: 16px;
        line-height: 22px
    }
}

.support-centre .select {
    margin-bottom: 9px
}

.support-centre .select-options li:first-child {
    display: none
}

@media (min-width: 992px) {
    .support-centre__left .primary-button:hover {
        color: #151515
    }

    .support-centre__left .primary-button:hover svg path {
        stroke: #151515
    }

    .support-centre .select-options li:hover {
        color: #fff
    }
}

@media (max-width: 1199.98px) {
    .support-centre {
        grid-template-columns: 43% 1fr
    }
}

@media (max-width: 991.98px) {
    .support-centre {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        height: calc(100vh - var(--nav-height) - 60px)
    }

    .support-centre__left {
        background-color: #fff
    }
}

@media (max-width: 991.98px)and (max-width: 575.98px) {
    .support-centre__left {
        padding: 35px 25px
    }
}

@media (max-width: 991.98px) {
    .support-centre__title {
        margin-bottom: 54px
    }

    .support-centre__title br {
        display: none
    }

    .support-centre__desc {
        font-size: 17px;
        line-height: 23px
    }

    .support-centre .select {
        margin-bottom: 5px
    }
}

.support-centre-main {
    display: grid;
    grid-template-columns: 492px 1fr;
    min-height: calc(100vh - var(--nav-height) - 76px)
}

.support-centre-main[data-hide-next] .support-centre-main__next-btn,
.support-centre-main .select-options li:first-child {
    display: none
}

.support-centre-main .select-options li:hover {
    color: #2279bf
}

.support-centre-main__left {
    padding: 76px
}

.support-centre-main .select {
    margin-bottom: 20px
}

.support-centre-main .select-styled {
    font-weight: 500
}

.support-centre-main__img img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.support-centre-main__right {
    background-color: #f6f6f6;
    padding: 129px 76px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.support-centre-main__dynamic-content {
    grid-row: 1;
    grid-column: 1;
    z-index: -1;
    background-color: #f6f6f6
}

@media (max-width: 991.98px) {
    .support-centre-main__dynamic-content {
        background-color: #fff
    }
}

.support-centre-main__dynamic-content.active {
    z-index: 0
}

.support-centre-main__list-wrapper {
    grid-row: 1;
    grid-column: 1
}

.support-centre-main__list {
    display: none
}

.support-centre-main__list--main.active,
.support-centre-main__list--secondary {
    display: block
}

.support-centre-main__list a {
    display: flex;
    align-items: center;
    gap: 40px
}

.support-centre-main__list li {
    cursor: pointer;
    padding: 20px 0 19px;
    font-size: 22px;
    line-height: 28px;
    border-bottom: 1px solid #d6d1d1;
    display: flex;
    align-items: center;
    gap: 40px;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .support-centre-main__list li {
        font-size: 18px;
        line-height: 24px
    }
}

.support-centre-main__list li .number {
    width: 20px
}

.support-centre-main__list li .icon {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    display: flex
}

.support-centre-main__breadcrumbs {
    margin-bottom: 36px;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    color: #787878
}

@media (max-width: 767.98px) {
    .support-centre-main__breadcrumbs {
        font-size: 14px;
        line-height: 20px
    }
}

.support-centre-main__breadcrumbs span {
    cursor: pointer
}

.support-centre-main__content {
    padding-bottom: 32px;
    margin-top: 57px
}

.support-centre-main__content h3 {
    margin-bottom: 34px
}

.support-centre-main__content h5 {
    margin-bottom: 22px
}

.support-centre-main__content ol,
.support-centre-main__content ul {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    margin: 0 0 22px;
    padding: 0 0 0 21px
}

@media (max-width: 767.98px) {

    .support-centre-main__content ol,
    .support-centre-main__content ul {
        font-size: 14px;
        line-height: 20px
    }
}

.support-centre-main__content p {
    width: 96%
}

.support-centre-main__content p:not(:last-child) {
    margin-bottom: 21px
}

.support-centre-main__video {
    position: relative;
    aspect-ratio: 1.74;
    line-height: 1;
    margin-bottom: 35px
}

.support-centre-main__video img,
.support-centre-main__video video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.support-centre-main__open-btn {
    position: absolute;
    bottom: 0;
    right: 0
}

@media (min-width: 768px) {
    .support-centre-main__open-btn {
        height: 57px;
        width: 57px
    }
}

.support-centre-main__next-btn {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    overflow: hidden;
    font-size: 22px;
    line-height: 28px;
    padding-left: 25px;
    display: none !important
}

@media (max-width: 767.98px) {
    .support-centre-main__next-btn {
        font-size: 18px;
        line-height: 24px
    }
}

.support-centre-main--02 .support-centre-main__right {
    padding: 73px 76px
}

@media (min-width: 992px) {
    .support-centre-main__list li:hover {
        padding: 20px 10px
    }

    .support-centre-main__list li:hover .icon {
        opacity: 1;
        visibility: visible
    }
}

@media (max-width: 991.98px) {
    .support-centre-main {
        grid-template-columns: 1fr;
        grid-template-rows: min-content 1fr;
        min-height: calc(100vh - var(--nav-height) - 60px);
        height: auto
    }

    .support-centre-main__left {
        padding: 33px 25px 22px
    }

    .support-centre-main__right {
        background-color: #fff;
        padding: 0 25px 90px
    }

    .support-centre-main__list li {
        font-size: 17px;
        line-height: 23px;
        padding: 15px 0 14px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .support-centre-main__list li {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 991.98px) {
    .support-centre-main__content {
        margin-top: 35px;
        padding-bottom: 114px
    }

    .support-centre-main__content h3 {
        margin-bottom: 19px
    }

    .support-centre-main__content h5 {
        font-size: 32px;
        line-height: 38px;
        font-family: Feature Deck;
        margin-bottom: 20px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .support-centre-main__content h5 {
        font-size: 23px;
        line-height: 29px
    }
}

@media (max-width: 991.98px) {
    .support-centre-main__content p {
        width: 100%
    }

    .support-centre-main__content ol,
    .support-centre-main__content ul {
        margin-bottom: 20px
    }

    .support-centre-main__video {
        aspect-ratio: 1.76;
        margin-bottom: 19px
    }

    .support-centre-main__open-btn {
        line-height: 1;
        max-height: 50px
    }

    .support-centre-main__open-btn svg {
        width: 50px;
        height: 50px;
        max-height: 50px
    }

    .support-centre-main__next-btn {
        font-size: 15px;
        line-height: 21px;
        font-weight: 500;
        padding-left: 20px;
        height: 60px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .support-centre-main__next-btn {
        font-size: 14px
    }
}

@media (max-width: 991.98px) {
    .support-centre-main--02 .select {
        margin-bottom: 0;
        isolation: isolate;
        z-index: 9
    }

    .support-centre-main--02 .support-centre-main__left {
        padding: 33px 25px 0
    }

    .support-centre-main--02 .support-centre-main__img {
        margin-top: 20px
    }

    .support-centre-main--02 .support-centre-main__right {
        padding: 35px 25px;
        height: 100%
    }

    .support-centre-main--02 .support-centre-main__breadcrumbs {
        margin-bottom: 19px;
        font-size: 13px;
        line-height: 19px
    }
}

@media (min-width: 992px) {
    .template--page-support .submenu {
        background-color: #c1b8ae;
        border-color: #89837c
    }

    .template--page-support .submenu li>a {
        color: #89837c
    }

    .template--page-support .submenu li>a.active,
    .template--page-support .submenu li>a:hover {
        color: #151515
    }
}

.support-center-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: var(--nav-main-height);
    height: var(--height-fill);
    overflow-y: auto;
    z-index: 10;
    display: none
}

.shopify-design-mode .support-center-content {
    position: static;
    display: block;
    overflow: visible;
    height: auto;
    z-index: 10
}

.support-centre-main__left .select-options,
.support-centre__left .select-options {
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    top: calc(100% - 1px);
    background: #fff;
    border: 1px solid #292828;
    border-top: 0px;
    right: -1px;
    left: -1px
}

@media (min-width: 992px) {
    .support-centre__left .select-options {
        background: #c1b8ae
    }
}

.product-hero {
    min-height: var(--height-fill)
}

.product-hero__grid {
    display: grid;
    grid-template-columns: 1fr min(43vw, 750px)
}

.product-hero__gallery {
    position: relative;
    min-width: 0;
    min-height: 0
}

.product-hero__gallery .swiper-slide {
    display: flex;
    min-width: 150px
}

.product-hero__gallery .swiper-slide iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover
}

@media (min-width: 992px) {
    .product-hero__gallery .swiper-slide iframe {
        margin-inline: auto
    }
}

.product-hero__gallery--simple .swiper-button-next,
.product-hero__gallery--simple .swiper-rtl .swiper-button-prev,
.product-hero__gallery--simple .swiper-button-prev,
.product-hero__gallery--simple .swiper-rtl .swiper-button-next {
    z-index: 1111;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.product-hero__gallery--simple .swiper-button-next svg path,
.product-hero__gallery--simple .swiper-rtl .swiper-button-prev svg path,
.product-hero__gallery--simple .swiper-button-prev svg path,
.product-hero__gallery--simple .swiper-rtl .swiper-button-next svg path {
    stroke: #292828
}

@media (min-width: 992px) {
    .product-hero__gallery--simple {
        height: var(--height-fill)
    }

    .product-hero__gallery--simple .swiper-button-prev:after,
    .product-hero__gallery--simple .swiper-rtl .swiper-button-next:after,
    .product-hero__gallery--simple .swiper-button-next:after,
    .product-hero__gallery--simple .swiper-rtl .swiper-button-prev:after {
        display: none
    }
}

.product-hero__gallery .swiper {
    width: 100%;
    min-width: 0;
    max-width: 100%
}

.product-hero__gallery .swiper img,
.product-hero__gallery .swiper video {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.product-hero__gallery .swiper-wrapper {
    min-width: 0
}

.product-hero__gallery .swiper-pagination {
    --swiper-pagination-top: 50%;
    --swiper-pagination-bottom: auto;
    --swiper-pagination-bullet-opacity: .6;
    --swiper-pagination-color: white;
    --swiper-pagination-bullet-border-radius: 1px;
    --swiper-pagination-bullet-vertical-gap: 10px;
    --swiper-pagination-bullet-inactive-color: white;
    --swiper-pagination-bullet-inactive-opacity: .2;
    position: absolute;
    left: 28px !important;
    transform: translateY(-50%);
    right: auto;
    width: fit-content;
    top: calc(50% - 76px) !important
}

.product-hero__gallery .swiper-pagination-bullets {
    width: fit-content !important
}

.product-hero__shipping-text {
    display: none;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    color: #787878;
    margin-top: 10px;
    margin-inline: auto
}

.product-hero__content {
    padding: 10px 76px 60.5px
}

.product-hero__content::-webkit-scrollbar {
    display: none
}

.product-hero__content .product-hero__shipping-text,
.product-hero__content--low-stock .product-hero__shipping-text {
    display: block
}

.product-hero__content--low-stock .btn--bundle {
    display: none
}

@media (min-width: 992px) {
    .product-hero__content {
        position: sticky;
        top: var(--nav-height);
        max-height: var(--height-fill);
        min-height: var(--height-fill);
        overflow-y: auto
    }
}

@media (min-width: 1680px) {
    .product-hero__content {
        padding: 76px 76px 60.5px
    }
}

.product-hero__rating {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 41px;
    line-height: 15px;
    font-weight: 500
}

.product-hero__rating svg {
    scale: 1.1
}

.product-hero__prices {
    display: flex;
    align-items: baseline;
    gap: 10px
}

.product-hero__price {
    transform: translateY(-6px);
    font-size: 32px;
    line-height: 38px;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .product-hero__price {
        font-size: 23px;
        line-height: 29px
    }
}

.product-hero__price--sale {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-decoration: line-through
}

.product-hero__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 20px
}

.product-hero__title {
    font-size: 51px;
    line-height: 58px;
    font-family: Feature Deck;
    display: flex;
    flex-direction: column
}

@media (max-width: 767.98px) {
    .product-hero__title {
        font-size: 36px;
        line-height: 41px
    }
}

.product-hero__title .copper {
    color: #a9905d
}

.product-hero__title .primary {
    color: #2279bf
}

.product-hero__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'Feature Deck';
}

.product-hero__discount {
    color: #787878
}

.product-hero__description {
    margin-top: 40px;
    margin-bottom: 14px
}

@media (min-width: 1680px) {
    .product-hero__description {
        margin-top: 40px
    }
}

.product-hero__description-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* -webkit-line-clamp: 3; */
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .product-hero__description-text {
        font-size: 14px;
        line-height: 20px
    }
}

.product-hero__description-text ul {
    list-style: disc;
    padding-left: 20px
}

.product-hero__description-text.expanded {
    -webkit-line-clamp: 100
}

.product-hero__btn-more {
    color: #b3b3b3;
    cursor: pointer
}

.product-hero__variants {
    position: relative
}

.product-hero__variant {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 15px;
    display: grid;
    grid-template-columns: auto auto;
    transition: all .3s ease
}

.product-hero__variant:first-child:not(:last-child) {
    border-bottom: 1px solid #d6d1d1
}

.product-hero__variant .secondary {
    display: none
}

.product-hero__variant.active {
    border: 1px solid #d6d1d1;
    margin-bottom: 10px;
    padding-left: 20px;
    grid-template-rows: 35px 1fr
}

.product-hero__variant.active:before {
    content: "";
    position: absolute;
    top: 50px;
    left: 21px;
    right: 21px;
    background-color: #f0eded;
    width: calc(100% - 42px);
    height: 1px
}

.product-hero__variant.active .main {
    display: none
}

.product-hero__variant.active .secondary {
    display: flex
}

.product-hero__variant.active .product-hero__variant--value {
    margin-right: 17px;
    justify-self: end
}

.product-hero__variant.active .product-hero__variant--value svg {
    transform: rotate(180deg)
}

.product-hero__variant.active .product-hero__size-value {
    gap: 10px
}

.product-hero__variant--size .product-hero__variant--value {
    cursor: pointer
}

.product-hero__variant--label {
    grid-row: 1;
    grid-column: 1;
    align-self: start
}

.product-hero__variant--value {
    grid-row: 1;
    grid-column: 2;
    align-self: start;
    transition: all .3s ease
}

.product-hero__size-options {
    grid-row: 2;
    grid-column: 1/-1;
    height: 222px;
    overflow-y: scroll;
    margin-right: 3px;
    display: flex;
    flex-direction: column
}

.product-hero__size-options::-webkit-scrollbar {
    width: 3px
}

.product-hero__size-options::-webkit-scrollbar-track {
    background: #fff
}

.product-hero__size-options::-webkit-scrollbar-thumb {
    background: #d6d1d1
}

.product-hero__size-variant-product {
    border-bottom: 1px solid #f6f6f6;
    cursor: pointer;
    transition: all .3s ease;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 7px;
    margin-right: 14px;
    padding-block: 20px
}

.product-hero__size-variant-product:last-child {
    border-bottom: none
}

.product-hero__size-variant-product:hover {
    background-color: #f6f6f6
}

.product-hero__size-variant-product .product__image {
    display: flex;
    justify-content: center;
    width: 108px;
    height: 71px;
    padding-inline: 10px
}

.product-hero__size-variant-product .product__image img,
.product-hero__size-variant-product .product__image video {
    min-width: 66px;
    height: auto;
    align-self: center;
    aspect-ratio: 1
}

.product-hero__size-variant-product .product__content {
    padding-right: 15px
}

.product-hero__size-variant-product .product__header {
    display: flex;
    justify-content: space-between
}

.product-hero__size-variant-product .product__title {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    color: #2a4026
}

@media (max-width: 767.98px) {
    .product-hero__size-variant-product .product__title {
        font-size: 14px
    }
}

.product-hero__size-variant-product .product__price {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .product-hero__size-variant-product .product__price {
        font-size: 14px
    }
}

.product-hero__size-variant-product .product__table {
    table-layout: fixed;
    border-spacing: 0px
}

.product-hero__size-variant-product .product__table tr {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500
}

.product-hero__size-variant-product .product__table td {
    width: 132px
}

.product-hero__size-value,
.product-hero__color-value {
    display: flex;
    align-items: center;
    gap: 15px
}

.product-hero__size-value h6,
.product-hero__color-value h6 {
    color: #2a4026
}

.product-hero__swatch {
    display: flex;
    align-items: center;
    gap: 10px
}

.product-hero__swatch--label label,
.product-hero__swatch--label label>* {
    cursor: pointer
}

.product-hero__swatch--label label>div {
    pointer-events: none
}

@media (max-width: 991.98px) {
    .product-hero__swatch {
        gap: 15px
    }
}

.product-hero__swatch-color {
    width: 17px;
    height: 17px;
    border-radius: 1px;
    cursor: pointer;
    border: solid 1px rgba(0, 0, 0, .18);
    transition: all .2s ease-in-out
}

.product-hero__swatch-color:hover {
    transform: scale(1.1)
}

.product-card .product-hero__swatch-color {
    cursor: default
}

.product-card .product-hero__swatch-color:hover {
    transform: none
}

.product-hero__swatch-color--active,
.product-hero__swatch-input:checked~.product-hero__swatch-color {
    width: 22px;
    height: 22px;
    border: 1px solid #292828
}

.product-hero__swatch-input:checked~span {
    text-decoration: underline
}

.product-hero__swatch-input:disabled~span,
.product-hero__swatch-input:disabled~.product-hero__swatch-color {
    opacity: .6;
    pointer-events: none
}

.product-hero__btns {
    margin-top: 5px;
    display: grid;
    gap: 5px
}

.product-hero__btns .add-to-cart {
    width: 100%;
    height: 50px
}

.product-hero__btns .add-to-cart .qty {
    cursor: default
}

.product-hero__btns .add-to-cart>* {
    height: 100%
}

.product-hero__btns .primary-button {
    width: 100%
}

.product-hero__btns .primary-button--silver {
    background-color: #c1b8ae
}

.product-hero__btns .primary-button--silver svg rect {
    fill: #c1b8ae;
    transition: all .3s ease
}

@media (min-width: 992px) {
    .product-hero__btns .primary-button--silver:hover {
        background-color: #2279bf;
        color: #221f20
    }

    .product-hero__btns .primary-button--silver:hover rect {
        fill: #2279bf
    }

    .product-hero__btns .primary-button--silver:hover path {
        stroke: #221f20
    }
}

.product-hero__btns .btn-spans {
    display: flex;
    align-items: center
}

.product-hero__btns .clr-white {
    color: #fff
}

.product-hero__tabs {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 1px solid #d6d1d1;
    width: 100%;
    margin-top: 10px
}

@media (min-width: 1680px) {
    .product-hero__tabs {
        margin-top: 20px
    }
}

.product-hero__tabs--bundle {
    margin-bottom: 0
}

.product-hero__tab {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500;
    color: #b3b3b3;
    padding-bottom: 9px;
    cursor: pointer
}

@media (max-width: 767.98px) {
    .product-hero__tab {
        font-size: 14px;
        line-height: 20px
    }
}

.product-hero__tab:not(:last-child) {
    margin-right: 30px
}

.product-hero__tab.active {
    position: relative;
    color: #292828
}

.product-hero__tab.active:after {
    content: "";
    position: absolute;
    left: 0;
    height: 1px;
    width: 100%;
    bottom: -1px;
    background-color: #000
}

.product-hero__tabs-content ul {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500;
    list-style: disc;
    padding-left: 20px
}

@media (max-width: 767.98px) {
    .product-hero__tabs-content ul {
        font-size: 14px;
        line-height: 20px
    }
}

.product-hero__tabs-content ul li {
    padding-left: 4px
}

.product-hero__tabs-content ul li::marker {
    font-size: small
}

.product-hero__tab-content {
    display: none;
    padding-block: 20px;
    height: fit-content
}

.product-hero__tab-content--pair {
    padding-top: 0
}

@media (max-width: 767.98px) {
    .product-hero__tab-content--pair {
        margin-top: 10px
    }
}

.product-hero__tab-content.active {
    display: block
}

.product-hero__tab-content--bundle {
    margin-top: 0;
    border-top: 0px;
    padding-top: 0
}

.product-hero .home-collection__products .product-card:first-child {
    border-top: 0px
}

.product-hero__card {
    display: grid;
    grid-template-columns: 141px 1fr;
    gap: 27px;
    position: relative;
    padding-block: 19px
}

.product-hero__card:not(:last-child) {
    border-bottom: 1px solid #d6d1d1
}

.product-hero__card-image {
    background-color: #f6f6f6;
    border-radius: 3px;
    overflow: hidden
}

@media (min-width: 768px) {
    .product-hero__card-image {
        width: 141.605px;
        height: 100px
    }

    .product-hero__card-image img,
    .product-hero__card-image video {
        width: 100%
    }
}

.product-hero__card-image img,
.product-hero__card-image video {
    height: 100%;
    object-fit: cover
}

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

.product-hero__card-caption {
    color: #787878;
    margin-bottom: 9.5px;
    margin-top: 2px;
    overflow-x: auto;
    position: relative
}

.product-hero__card-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 10px;
    border-top: 1px solid #f0eded;
    position: relative;
    padding-inline: 0px;
    padding-block: 19px;
    padding-right: 10px;
    cursor: pointer
}

.product-hero__card-swatch-wrapper {
    display: flex;
    align-items: center;
    gap: 15px
}

.product-hero__card-swatch {
    width: 15px;
    height: 15px;
    border-radius: 1px;
    border: 1px solid #292828
}

.product-hero__card-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #d6d1d1;
    padding-inline: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    z-index: 1000
}

.product-hero__card-option {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px;
    border-radius: 1px;
    cursor: pointer;
    transition: all .3s ease
}

.product-hero__card-option span {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .product-hero__card-option span {
        font-size: 14px
    }
}

.product-hero__card-option:hover {
    background-color: #f6f6f6
}

.product-hero__card-label {
    color: #787878
}

.product-hero .mb-35 {
    margin-bottom: 35px
}

.product-hero .card-content__swatches {
    padding-right: 2px
}

@media (max-width: 991.98px) {
    .product-hero {
        height: auto
    }

    .product-hero__grid {
        display: block
    }

    .product-hero__gallery .swiper-button-next {
        bottom: 23px;
        width: 18.296px;
        height: 20px;
        right: 26px;
        display: flex;
        justify-content: center;
        align-items: center;
        top: auto
    }

    .product-hero__gallery--simple .swiper-button-next {
        bottom: 120px
    }

    .product-hero__gallery .swiper-button-next:after {
        display: none
    }

    .product-hero__gallery .swiper-button-prev {
        left: 26px;
        top: auto;
        bottom: 23px;
        width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 18.296px;
        height: 20px
    }

    .product-hero__gallery--simple .swiper-button-prev {
        bottom: 120px
    }

    .product-hero__gallery .swiper-button-prev:after {
        display: none
    }

    .product-hero__gallery .swiper {
        height: 100%;
        width: 100%;
        max-width: 100dvw
    }

    .product-hero__gallery .swiper img,
    .product-hero__gallery .swiper video {
        width: 100%;
        object-fit: cover;
        aspect-ratio: 1.21875
    }

    .product-hero__gallery .swiper-wrapper {
        width: 100%
    }

    .product-hero__content {
        padding: 76px;
        display: flex;
        flex-direction: column
    }

    .product-hero__shipping-text {
        margin-top: 20px
    }

    .product-hero__variant.active {
        padding-left: 15px;
        margin-top: 18px
    }

    .product-hero__variant.active .product-hero__variant--value {
        margin-right: 11px
    }

    .product-hero__size-value {
        gap: 8px
    }

    .product-hero__size-variant-product {
        padding-block: 13px
    }

    .product-hero__size-variant-product .product__image {
        width: 74px;
        height: 52px;
        padding: 21px 17px 8.725px
    }

    .product-hero__size-variant-product .product__content {
        padding-right: 6px
    }

    .product-hero__size-variant-product .product__table tr {
        display: grid;
        grid-template-columns: max-content auto;
        gap: 0px
    }

    .product-hero__size-variant-product .product__table td {
        width: auto
    }

    .product-hero__size-variant-product .product__table td:first-child:after {
        content: ":";
        display: inline-block
    }

    .product-hero__tabs {
        order: 10
    }

    .product-hero__tabs-content {
        order: 11
    }

    .product-hero__row {
        margin-bottom: 7px
    }

    .product-hero__color-value,
    .product-hero__size-value {
        gap: 10px
    }

    .product-hero__header {
        align-items: flex-start;
        margin-bottom: 10px
    }

    .product-hero__description {
        order: 10
    }

    .product-hero__btn-row {
        display: flex;
        align-items: flex-start;
        gap: 2px
    }

    .product-hero__btn-row .qty svg {
        background-color: #2a4026
    }

    .product-hero__btn-row svg {
        background-color: #151515;
        height: 55px
    }

    .product-hero__price {
        transform: translateY(-2px)
    }

    .product-hero__rating {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 28px;
    }

    .product-hero__btns .btn-spans {
        gap: 6px
    }

    .product-hero__btns .clr-white {
        color: #000
    }

    .product-hero__btns .button {
        font-size: 16px
    }

    .product-hero__btns .primary-button--silver {
        height: 55px
    }

    .product-hero__btns .primary-button--silver svg path {
        stroke: #000;
        transition: all .3s ease
    }

    .product-hero__btns .add-to-cart {
        height: 55px;
        width: 100%
    }

    .product-hero__btns .add-to-cart .qty {
        cursor: default
    }

    .product-hero__tabs {
        margin-bottom: 0
    }

    .product-hero__card {
        grid-template-columns: 116px 1fr;
        gap: 18px
    }

    .product-hero__card-content {
        padding: 0
    }

    .product-hero__card-swatch {
        width: 14px;
        height: 14px;
        border-radius: 2px
    }

    .product-hero__card-swatch-wrapper {
        gap: 8px
    }

    .product-hero__card-caption {
        margin-bottom: 10.5px
    }

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

    .product-hero__card-select svg path {
        fill: #787878
    }
}

@media (max-width: 767.98px) {
    .product-hero__content {
        padding: 25px
    }
}

@media (max-width: 575.98px) {
    .product-hero__size-variant-product .product__table tr {
        display: flex;
        flex-wrap: wrap
    }

    .product-hero__gallery-md-swiper .swiper-slide {
        display: grid
    }

    .product-hero__gallery {
        overflow: hidden;
        display: grid
    }

    .product-hero__card {
        grid-template-columns: 25% 1fr
    }

    .product-hero__row {
        align-items: end
    }
}

@media (max-width: 374.98px) {
    .product-hero__btn-row {
        flex-direction: column;
        gap: 5px
    }

    .product-hero__btn-row .btn-apple-pay {
        line-height: 0;
        width: 100%
    }

    .product-hero__btn-row .btn-apple-pay svg {
        width: 100%
    }
}

.product-hero .pair-products__wrapper {
    overflow: visible;
    overflow-x: clip;
    display: flex;
    flex-direction: column
}

.product-hero .pair-products__footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.product-hero .pair-products__footer .swiper-horizontal>.swiper-pagination-bullets,
.product-hero .pair-products__footer .swiper-pagination-bullets.swiper-pagination-horizontal,
.product-hero .pair-products__footer .swiper-pagination-custom,
.product-hero .pair-products__footer .swiper-pagination-fraction {
    width: fit-content;
    --swiper-pagination-bullet-opacity: .6;
    --swiper-pagination-color: #151515;
    --swiper-pagination-bullet-border-radius: 1px;
    --swiper-pagination-bullet-vertical-gap: 10px;
    --swiper-pagination-bullet-inactive-color: #151515;
    --swiper-pagination-bullet-inactive-opacity: .2;
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px
}

.product-hero .pair-products__arrows {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 35px;
    margin-top: 10px
}

.product-hero .pair-products__arrows svg {
    width: 26.435px;
    height: 24.37px
}

.product-hero .pair-products__arrows svg path {
    stroke: #292828
}

.product-hero .pair-products__arrows .swiper-button-disabled {
    opacity: .5 !important;
    color: #b3b3b3 !important
}

.product-hero .pair-products__arrows .swiper-button-disabled svg path {
    stroke: #b3b3b3
}

.product-card--small .product-hero__swatch-input:checked~.product-hero__swatch-color {
    width: 22px;
    height: 22px
}

.metafield-rich_text_field br {
    display: none
}

.metafield-rich_text_field ul {
    margin-block: 10px
}

.product-gallery {
    position: relative
}

.product-gallery__review {
    padding: 76px;
    margin: 20px 0 20px 20px;
    background-color: #f6f6f6
}

.product-gallery__review-text {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 23px;
    max-width: 92.4%
}

@media (max-width: 767.98px) {
    .product-gallery__review-text {
        font-size: 18px;
        line-height: 24px
    }
}

.product-gallery__review-author {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .product-gallery__review-author {
        font-size: 14px;
        line-height: 20px
    }
}

.product-gallery__block iframe {
    height: 45vh;
    width: 100%
}

.product-gallery__block img,
.product-gallery__block video {
    height: auto;
    object-fit: cover
}

.product-gallery__block:first-of-type img,
.product-gallery__block:first-of-type video {
    min-height: var(--height-fill)
}

.product-gallery__block--simple:first-of-type img,
.product-gallery__block--simple:first-of-type video {
    min-height: auto
}

.product-gallery__block--variants {
    min-height: var(--height-fill);
    display: grid;
    grid-template-rows: 1fr auto
}

@media (max-width: 991.98px) {
    .product-gallery__block--variants {
        min-height: 0;
        height: 100%
    }

    .product-gallery__block--variants:first-of-type img,
    .product-gallery__block--variants:first-of-type video {
        min-height: 0
    }
}

.gallery-variants__thumbs {
    padding: 20px;
    background: var(--Light-Grey, #f9f8f7);
    height: auto;
    overflow: hidden
}

@media (max-width: 575.98px) {
    .gallery-variants__thumbs {
        height: fit-content
    }
}

.gallery-variants__thumbs .swiper {
    overflow: visible
}

.gallery-variants__thumbs .swiper-slide {
    width: fit-content;
    cursor: pointer;
    border: solid 2px rgba(0, 0, 0, 0);
    position: relative;
    z-index: 111111111;
    overflow: hidden
}

.gallery-variants__thumbs .swiper-slide>* {
    width: 150px !important;
    height: 96px !important;
    z-index: -1
}

@media (max-width: 991.98px) {
    .gallery-variants__thumbs .swiper-slide>* {
        height: auto !important;
        aspect-ratio: 1.5625
    }
}

.gallery-variants__thumbs .swiper-slide:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.gallery-variants__thumbs .swiper-slide:after {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    box-shadow: 0 0 0 2px #0000004d inset;
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.gallery-variants__thumbs .swiper-slide-thumb-active:after {
    opacity: 1;
    visibility: inherit
}

@media (max-width: 991.98px) {
    .gallery-variants__thumbs {
        padding: 10px
    }
}

.product-benefits {
    padding-inline: 77px;
    padding-block: 76px;
    min-height: 790px;
    display: grid;
    grid-template-rows: auto 1fr
}

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

@media (min-width: 768px) {
    .product-benefits__benefits {
        transform: translate(10px)
    }
}

.product-benefits__benefits svg:last-child {
    display: none
}

.product-benefits__benefit {
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
    color: #292828;
    cursor: pointer;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .product-benefits__benefit {
        font-size: 18px;
        line-height: 24px
    }
}

.product-benefits__benefit--active {
    color: #292828
}

.product-benefits__benefit--active~svg .progress-line {
    transform: translate(-100%)
}

.product-benefits__benefit--active+svg .progress-line {
    transform: translate(var(--percentage))
}

.product-benefits__benefit--active~p {
    color: #787878
}

.product-benefits__content-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    margin-top: 40px;
    position: relative
}

.product-benefits__content-wrapper .swiper {
    width: 100%;
    height: 100%
}

.product-benefits__content {
    display: grid;
    grid-template-columns: 1.03fr 1fr;
    background-color: #c1b8ae;
    width: 100%;
    height: 100%
}

.product-benefits__content--left {
    display: grid;
    padding: 52px 0 50px 61px;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr
}

.product-benefits__content--right {
    padding: 36px 35px 34px 0;
    display: grid;
    place-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.product-benefits__content--right img,
.product-benefits__content--right video {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-benefits__text {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    max-width: 485px;
    grid-column: 1;
    grid-row: 1
}

.product-benefits__pagination {
    --swiper-pagination-bottom: 50px;
    --swiper-pagination-left: 60px;
    --swiper-pagination-bullet-opacity: .6;
    --swiper-pagination-color: #151515;
    --swiper-pagination-bullet-border-radius: 1px;
    --swiper-pagination-bullet-vertical-gap: 10px;
    --swiper-pagination-bullet-inactive-color: #151515;
    --swiper-pagination-bullet-inactive-opacity: .2;
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px;
    left: 60px !important;
    position: absolute;
    z-index: 10;
    width: fit-content !important
}

.product-benefits__pagination-square {
    width: 10px;
    height: 10px;
    border-radius: 1px;
    opacity: .2;
    background-color: #151515;
    cursor: pointer;
    transition: all .3s ease
}

.product-benefits__pagination-square--active {
    opacity: .6
}

@media (max-width: 991.98px) {
    .product-benefits {
        padding: 0 76px 47px;
        min-height: auto
    }

    .product-benefits__title {
        margin-bottom: 15px
    }

    .product-benefits__text {
        font-size: 22px;
        line-height: 28px;
        opacity: 1;
        visibility: visible
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .product-benefits__text {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 991.98px) {
    .product-benefits__accordions .accordion-item {
        border-top: 2px solid #f0eded;
        border-bottom: none
    }

    .product-benefits__accordions .accordion-item:last-child {
        border-bottom: 2px solid #f0eded
    }

    .product-benefits__accordions .accordion-item__header {
        font-size: 32px;
        line-height: 38px;
        font-family: Feature Deck;
        display: flex;
        align-items: center;
        gap: 15px;
        position: relative;
        padding: 15px 0
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .product-benefits__accordions .accordion-item__header {
        font-size: 23px;
        line-height: 29px
    }
}

@media (max-width: 991.98px) {
    .product-benefits__accordions .accordion-item__main {
        background-color: #c1b8ae;
        padding: 25px;
        margin-bottom: 35px;
        height: fit-content
    }

    .product-benefits__accordions .accordion-item__main p {
        margin-bottom: 24px;
        font-size: 17px;
        line-height: 23px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .product-benefits__accordions .accordion-item__main p {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 991.98px) {

    .product-benefits__accordions .accordion-item__main img,
    .product-benefits__accordions .accordion-item__main video {
        width: 100%;
        object-fit: cover
    }

    .product-benefits__content {
        grid-template-columns: 1fr 1fr;
        gap: 40px
    }
}

@media (max-width: 767.98px) {
    .product-benefits {
        padding: 0 25px
    }

    .product-benefits__content {
        grid-template-columns: 1fr;
        gap: 0;
        display: flex;
        flex-direction: column
    }

    .product-benefits__accordions .accordion-item__main img,
    .product-benefits__accordions .accordion-item__main video {
        aspect-ratio: 1.29
    }
}

.product-features {
    min-height: 100vh;
    position: relative;
    padding-top: 76px
}

.product-features__image .image-mapping {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    pointer-events: none
}

.product-features__image .image-mapping:first-of-type,
.product-features__image .image-mapping.is-visible {
    visibility: inherit;
    opacity: 1;
    z-index: -1
}

.product-features__image .image-mapping:first-of-type {
    z-index: -4
}

.product-features__content {
    display: flex;
    justify-content: center;
    gap: 161px;
    width: fit-content;
    margin-inline: auto
}

.product-features__content ul {
    display: grid;
    gap: 10px
}

.product-features__content ul li {
    font-size: 17px;
    line-height: 23px;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .product-features__content ul li {
        font-size: 16px;
        line-height: 22px
    }
}

.product-features__content ul.inactive-color li {
    color: #b3b3b3
}

.product-features--right {
    position: relative
}

.product-features--right>ul {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: auto;
    opacity: 0;
    visibility: hidden
}

.product-features--right>ul:first-of-type {
    position: relative;
    opacity: 1;
    visibility: inherit
}

.product-features--right>ul li {
    white-space: nowrap
}

@media (max-width: 767.98px) {
    .product-features {
        padding-top: 65px;
        min-height: 712px
    }

    .product-features__content {
        flex-direction: column;
        gap: 20px;
        padding-left: 69px;
        width: 100%;
        margin-inline: 0
    }

    .product-features__content ul {
        display: flex;
        flex-direction: column;
        gap: 9px
    }
}

.mobile-features {
    position: relative;
    height: 100vh;
    display: grid;
    grid-template-rows: 1fr auto
}

.mobile-features .image-mapping {
    pointer-events: none
}

.mobile-features__tabs {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0
}

.mobile-features__tabs a {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500;
    display: block;
    height: 31px;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid var(--black-fill-lines-and-text-on-color, #151515);
    white-space: nowrap;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .mobile-features__tabs a {
        font-size: 14px;
        line-height: 20px
    }
}

.mobile-features__tabs a.active {
    border-radius: 3px;
    background: var(--primary, #2279BF);
    border-color: var(--primary, #2279BF);
    color: #fff
}

.mobile-features__image {
    height: 100%;
    min-height: 0;
    height: 400px
}

.mobile-features__image img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center 80%
}

.mobile-features__content {
    padding: 35px 25px 60px;
    min-height: 380px
}

.mobile-features__content ul {
    font-size: 17px;
    line-height: 23px;
    display: flex;
    flex-direction: column;
    gap: 9px
}

@media (max-width: 767.98px) {
    .mobile-features__content ul {
        font-size: 16px;
        line-height: 22px
    }
}

.mobile-features [data-tab]:not(.active) {
    display: none
}

.product-specs {
    padding-block: 100px;
    padding-left: 72px;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: min(34.5%, 650px) 1fr;
    gap: 219px
}

.product-specs--left {
    max-width: 436px
}

.product-specs--right {
    min-width: 0;
    display: grid;
    overflow: hidden;
    padding-right: 76px;
    grid-auto-rows: min-content
}

.product-specs--right .swiper {
    min-width: 0;
    overflow: visible
}

.product-specs__title {
    margin-bottom: 39px
}

.product-specs__description {
    max-width: 397px
}

.product-specs__tabs {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-block: 25px
}

.product-specs__tab {
    padding: 5px 15px;
    border: 1px solid #151515;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500;
    cursor: pointer;
    border-radius: 3px;
    transition: all .3s ease;
    color: #292828
}

@media (max-width: 767.98px) {
    .product-specs__tab {
        font-size: 14px;
        line-height: 20px
    }
}

.product-specs__tab--active {
    border-color: #2279bf;
    background-color: #2279bf;
    color: #fff
}

.product-specs__tab-image {
    background-color: #f9f8f7;
    display: grid;
    place-items: center
}

.product-specs__tab-image img {
    width: 435px;
    object-fit: contain
}

.product-specs__tab-table {
    margin-bottom: 25px;
    margin-top: 16px;
    width: 100%
}

.product-specs__tab-table tr {
    display: grid;
    grid-template-columns: 143px 1fr;
    gap: 75px;
    border-bottom: 1px solid #f0eded
}

.product-specs__tab-table td {
    width: 100%;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 10px;
    padding-top: 10px
}

.product-specs__tab-cta {
    display: flex;
    align-items: center;
    gap: 10px
}

.product-specs__right-title {
    margin-bottom: 39px
}

.product-specs .swiper-horizontal>.swiper-pagination-bullets,
.product-specs .swiper-pagination-bullets.swiper-pagination-horizontal,
.product-specs .swiper-pagination-custom,
.product-specs .swiper-pagination-fraction {
    width: fit-content;
    --swiper-pagination-bullet-opacity: .6;
    --swiper-pagination-color: #151515;
    --swiper-pagination-bullet-border-radius: 1px;
    --swiper-pagination-bullet-vertical-gap: 10px;
    --swiper-pagination-bullet-inactive-color: #151515;
    --swiper-pagination-bullet-inactive-opacity: .2;
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px
}

.product-specs__slider {
    width: 100%
}

.product-specs__slider.swiper {
    padding-bottom: 59px
}

.product-specs__slider.swiper .product-specs__slider-pagination {
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto
}

@media (max-width: 991.98px) {
    .product-specs__slider.swiper .product-specs__slider-pagination {
        right: 76px
    }
}

@media (max-width: 767.98px) {
    .product-specs__slider.swiper .product-specs__slider-pagination {
        right: auto;
        left: 0
    }
}

.product-specs__slider img {
    width: 100%;
    height: 100%;
    max-height: 635px;
    object-fit: cover
}

.product-specs__right-footer {
    position: relative;
    z-index: 111;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%
}

.product-specs__right-footer .secondary-button {
    position: relative;
    top: -18px
}

.product-specs__tab-content:not(:first-child) {
    display: none
}

.product-specs__tab-content ul {
    list-style: disc
}

.product-specs__tab-content ul li {
    list-style-position: inside
}

.product-specs__tab-content ol {
    list-style: decimal
}

.product-specs__tab-content ol li {
    list-style-position: inside
}

.product-specs__tab-content ul,
.product-specs__tab-content ol {
    display: grid;
    gap: 10px;
    margin-top: 10px
}

.product-specs__tab-content ul li,
.product-specs__tab-content ol li {
    text-indent: -13px;
    padding-left: 1em;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    color: #151515
}

@media (max-width: 767.98px) {

    .product-specs__tab-content ul li,
    .product-specs__tab-content ol li {
        font-size: 14px;
        line-height: 20px
    }
}

.product-specs__tab-content p {
    margin-bottom: 10px
}

.product-specs__tab-content a {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 9px;
    text-decoration-color: #d6d1d1;
    text-decoration-thickness: 1px
}

@media (max-width: 767.98px) {
    .product-specs__tab-content a {
        font-size: 14px
    }
}

.product-specs--only-carousel {
    padding: 100px 0
}

.product-specs--only-carousel .product-specs--right {
    padding-right: 0
}

.product-specs--only-carousel .product-specs__right-title {
    padding-inline: 76px
}

.product-specs--only-carousel .product-specs__right-footer {
    margin-inline: 76px
}

.product-specs--only-carousel .product-specs__slider.swiper {
    padding-inline: 76px
}

.product-specs--only-carousel .product-specs__slider.swiper .product-specs__slider-pagination {
    right: 76px
}

@media (min-width: 992px) {
    .product-specs__tab:hover {
        background-color: #2279bf;
        border-color: #2279bf
    }
}

@media (max-width: 991.98px) {
    .product-specs {
        display: flex;
        flex-direction: column;
        gap: 51px;
        padding: 55px 76px 35px
    }

    .product-specs__slider {
        width: calc(100vw - 76px)
    }

    .product-specs--only-carousel .product-specs__right-title {
        padding-inline: 0
    }

    .product-specs--only-carousel .product-specs__right-footer {
        margin-inline: 0
    }

    .product-specs--only-carousel .product-specs__slider.swiper {
        padding-inline: 0
    }

    .product-specs--only-carousel .product-specs__slider.swiper .product-specs__slider-pagination {
        right: 76px
    }
}

@media (max-width: 767.98px) {
    .product-specs {
        padding: 55px 25px 35px
    }

    .product-specs--left {
        max-width: none
    }

    .product-specs__title {
        font-size: 43px;
        line-height: 46px;
        font-family: Feature Deck;
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .product-specs__title {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width: 767.98px) {
    .product-specs__tab {
        white-space: nowrap;
        padding: 5px 10px
    }

    .product-specs__tab-image {
        aspect-ratio: 1.66;
        padding: 0;
        width: 100%;
        object-fit: contain
    }

    .product-specs__tab-image img {
        width: 100%
    }

    .product-specs__tabs {
        margin-top: 20px;
        margin-bottom: 35px
    }

    .product-specs__tab-table {
        margin-top: 10px;
        margin-bottom: 20px;
        transform: translate(-3px)
    }

    .product-specs__tab-table tr {
        gap: 32px
    }

    .product-specs__right-title {
        margin-block: 35px
    }

    .product-specs__right-footer {
        flex-direction: column;
        gap: 35px;
        align-items: flex-start
    }

    .product-specs__slider {
        width: calc(100vw - 25px)
    }

    .product-specs__slider.swiper {
        padding-bottom: 45px
    }

    .product-specs__slider .swiper-slide {
        aspect-ratio: 1.2244897959
    }

    .product-specs__slider-pagination {
        order: -1
    }

    .product-specs__right-footer {
        gap: 28px;
        margin-top: 30px
    }

    .product-specs__right-footer .button {
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px;
        gap: 8px;
        top: 3px
    }

    .product-specs--right {
        border-top: 1px solid #d6d1d1
    }
}

@media (max-width: 575.98px) {
    .product-specs {
        padding: 55px 0 0;
        gap: 0
    }

    .product-specs--right {
        border-top: 0;
        padding: 0 20px 35px;
        position: relative
    }

    .product-specs--right:after {
        content: "";
        position: absolute;
        background: #d6d1d1;
        width: calc(100dvw - 50px);
        left: 25px;
        bottom: 0;
        height: 1px
    }

    .product-specs__title,
    .product-specs__description {
        padding: 0 25px
    }

    .product-specs__tabs-content {
        margin: 0 25px;
        padding-bottom: 55px;
        border-bottom: 1px solid #d6d1d1
    }

    .product-specs__tabs {
        padding: 0 25px;
        flex-wrap: wrap
    }

    .product-specs__tab-image,
    .product-specs__tab-table {
        width: 100%
    }

    .product-specs__tab-table tr {
        grid-template-columns: .9fr 1fr
    }

    .product-specs__tab-table td {
        width: 100%
    }
}

.product-bundle {
    margin-inline: 77px;
    padding-block: 100px;
    border-top: 1px solid #d6d1d1;
    border-bottom: 1px solid #d6d1d1
}

.product-bundle .clr-yellow,
.product-bundle .clg-primary {
    color: #2279bf
}

.product-bundle .home-collection__btn-add span {
    background-color: #2a4026;
    padding-left: 20px;
    transition: all .3s ease;
    font-family: Sohne Mono;
    text-transform: uppercase;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.15;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-bundle .home-collection__btn-add:hover {
    background: #000
}

.product-bundle__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 76px
}

.product-bundle__title {
    display: grid
}

.product-bundle__description {
    transform: translate(-17px, 5px);
    max-width: 396px
}

.product-bundle__content {
    --y-spacing: 40px;
    display: grid;
    grid-auto-flow: column;
    gap: 75px;
    grid-template-columns: 1fr 40.4%
}

.product-bundle__content--left {
    position: sticky;
    top: var(--y-spacing);
    height: fit-content
}

@media (max-width: 991.98px) {
    .product-bundle__content--left {
        position: relative;
        height: auto
    }
}

.product-bundle__content--left img {
    width: 100%;
    height: 100%;
    max-height: calc(100vh - var(--y-spacing) * 2);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    object-position: center
}

@media (max-width: 767.98px) {
    .product-bundle__content--left {
        position: relative;
        top: 0
    }
}

.product-bundle__content--right {
    max-width: 750px;
    width: 100%;
    margin-left: auto
}

.product-bundle__content--right .form {
    margin-bottom: 0
}

.product-bundle__product {
    display: flex;
    align-items: center;
    padding: 20px 20px 17px 0;
    border-top: 1px solid #d6d1d1;
    border-bottom: 1px solid #d6d1d1
}

.product-bundle__product:first-child {
    border-bottom: none
}

.product-bundle__product:last-child {
    border-bottom: 1px solid #d6d1d1;
    border-top: none
}

.product-bundle__product:first-child {
    border-top: 1px solid #d6d1d1
}

.product-bundle__product--left {
    padding: 10px 35px 10px 25px
}

.product-bundle__product--left img {
    width: 102.808px;
    height: 88px
}

.product-bundle__product--right {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.product-bundle__product-swatches {
    display: flex;
    align-items: center;
    gap: 10px
}

.product-bundle__product-swatch {
    width: 17px;
    height: 17px
}

.product-bundle__expand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 38px;
    margin-bottom: 34px
}

.product-bundle__expand button {
    color: #b3b3b3
}

.product-bundle__cta {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 991.98px) {
    .product-bundle {
        border-top: none;
        padding-block: 55px;
        margin-inline: 76px
    }

    .product-bundle__header {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
        margin-bottom: 46px
    }

    .product-bundle__description {
        transform: none;
        font-size: 22px;
        line-height: 28px;
        max-width: 340px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .product-bundle__description {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 991.98px) {
    .product-bundle__content {
        grid-auto-flow: row;
        gap: 35px;
        grid-template-columns: 1fr;
        background-color: #f6f6f6;
        padding: 22px 16px 16px
    }

    .product-bundle__content--left img {
        width: 308px;
        height: 231px
    }
}

@media (max-width: 991.98px)and (max-width: 991.98px) {
    .product-bundle__content--left img {
        width: 100%;
        height: auto;
        margin-bottom: 20px
    }
}

@media (max-width: 991.98px) {
    .product-bundle__content--right h6 {
        margin-bottom: 20.6px
    }

    .product-bundle__product {
        align-items: flex-start;
        padding: 15px 0 21px
    }

    .product-bundle__product--left {
        padding: 0 7px 0 0
    }

    .product-bundle__product--left img {
        width: 72px;
        height: 58px
    }

    .product-bundle__product--right {
        transform: translateY(9px);
        gap: 12px;
        width: 74%
    }

    .product-bundle__expand {
        margin-top: 7px;
        margin-bottom: 15px
    }

    .product-bundle__product-swatches {
        gap: 8px
    }

    .product-bundle__product-swatch {
        width: 12px;
        height: 12px
    }

    .product-bundle__product-swatch img {
        width: 100%;
        height: 100%
    }

    .product-bundle__more-info {
        transform: translateY(-4px);
        cursor: pointer;
        color: #787878
    }

    .product-bundle__info-wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }
}

@media (max-width: 767.98px) {
    .product-bundle {
        margin-inline: 25px
    }
}

@media (max-width: 575.98px) {
    .product-bundle__content--left img {
        width: 100%;
        object-fit: cover
    }
}

.bundle-select {
    position: relative
}

.bundle-select__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 10px;
    border-top: 1px solid #f0eded;
    padding-inline: 10px;
    padding-block: 15px;
    cursor: pointer
}

.bundle-select__label {
    color: #787878
}

.bundle-select__options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #d6d1d1;
    padding-inline: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    z-index: 1000
}

.bundle-select__swatch-wrapper {
    display: flex;
    align-items: center;
    gap: 15px
}

.bundle-select__swatch {
    width: 15px;
    height: 15px;
    border-radius: 1px;
    border: 1px solid #292828
}

.bundle-select__option {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px;
    border-radius: 1px;
    cursor: pointer;
    transition: all .3s ease
}

.bundle-select__option span {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .bundle-select__option span {
        font-size: 14px
    }
}

.bundle-select__option input[type=radio] {
    display: none
}

.bundle-select__option:hover {
    background-color: #f6f6f6
}

.product-accessories {
    margin-inline: 76px;
    padding-block: 124px;
    border-bottom: 1px solid #d6d1d1
}

.product-accessories .clr-yellow {
    color: #2279bf
}

.product-accessories__title {
    max-width: 574px;
    display: grid;
    margin-bottom: 40px
}

.product-accessories__title span:last-child {
    color: #2279bf
}

.product-accessories__description {
    max-width: 470px;
    margin-left: auto;
    margin-bottom: 96px
}

@media (min-width: 992px) {
    .product-accessories__description {
        transform: translate(-56px)
    }
}

@media (max-width: 991.98px) {
    .product-accessories__description {
        margin-left: 0
    }
}

.product-accessories__content {
    display: grid;
    grid-template-columns: minmax(auto, 690px) 1fr;
    gap: 77px
}

.product-accessories__content--left {
    min-width: 0
}

.product-accessories__content--left .swiper {
    height: fit-content
}

.product-accessories__content--right img {
    width: 100%;
    height: auto;
    flex-shrink: 0
}

.product-accessories__content-swiper {
    min-width: 0
}

.product-accessories__content-arrows {
    display: flex;
    align-items: center;
    gap: 35px
}

.product-accessories__content-arrows svg {
    width: 26.435px;
    height: 24.37px
}

.product-accessories__content-footer {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.product-accessories__content-footer .arrow-left,
.product-accessories__content-footer .arrow-right {
    cursor: pointer
}

.product-accessories__content-footer .arrow-left path,
.product-accessories__content-footer .arrow-right path {
    stroke: #292828
}

.product-accessories__content-footer .arrow-left.swiper-button-disabled path,
.product-accessories__content-footer .arrow-right.swiper-button-disabled path {
    stroke: #b3b3b3
}

.product-accessories__content-footer .swiper-horizontal>.swiper-pagination-bullets,
.product-accessories__content-footer .swiper-pagination-bullets.swiper-pagination-horizontal,
.product-accessories__content-footer .swiper-pagination-custom,
.product-accessories__content-footer .swiper-pagination-fraction {
    width: fit-content;
    --swiper-pagination-bullet-opacity: .6;
    --swiper-pagination-color: #151515;
    --swiper-pagination-bullet-border-radius: 1px;
    --swiper-pagination-bullet-vertical-gap: 10px;
    --swiper-pagination-bullet-inactive-color: #151515;
    --swiper-pagination-bullet-inactive-opacity: .2;
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px
}

@media (min-width: 992px) {
    .product-accessories__content-footer {
        padding-top: 63px
    }
}

.product-accessories .swiper-slide {
    height: auto
}

@media (max-width: 991.98px) {
    .product-accessories {
        margin-inline: 76px;
        padding-block: 55px;
        padding-bottom: 49px
    }

    .product-accessories .product-card .card-header__left h4 {
        font-size: 17px;
        line-height: 23px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .product-accessories .product-card .card-header__left h4 {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 991.98px) {
    .product-accessories .product-card__form {
        opacity: 1;
        visibility: inherit
    }

    .product-accessories__title {
        margin-bottom: 25px
    }

    .product-accessories__description {
        margin-bottom: 35px
    }

    .product-accessories__content {
        display: flex;
        flex-direction: column;
        gap: 25px
    }

    .product-accessories__content--right {
        order: -1
    }

    .product-accessories__content--right img {
        aspect-ratio: .868;
        height: auto;
        width: 100%
    }

    .product-accessories__content-footer {
        margin-top: 35px
    }

    .product-accessories__content-pagination {
        position: absolute;
        left: 50% !important;
        transform: translate(-50%)
    }

    .product-accessories__content-arrows {
        width: 100%;
        justify-content: space-between
    }

    .product-accessories__content-arrows svg {
        width: 18.296px;
        height: 20px
    }
}

@media (max-width: 767.98px) {
    .product-accessories {
        margin-inline: 25px
    }
}

.product-faqs {
    margin-inline: 76px;
    padding-block: 100px;
    display: grid;
    grid-template-columns: .43fr 1fr;
    gap: 154px
}

.product-faqs--empty {
    padding-block: 0;
    padding-bottom: 100px
}

.product-faqs--right {
    margin-top: 10px
}

.product-faqs__subtitle {
    margin-bottom: 10px
}

.product-faqs__title {
    display: grid
}

.product-faqs__img {
    margin-top: 226px
}

.product-faqs .accordion-item {
    border-bottom: 1px solid #d6d1d1
}

.product-faqs .accordion-item:first-child {
    border-top: none
}

.product-faqs .accordion-item:last-child {
    border-bottom: none
}

.product-faqs .accordion-item__header {
    font-size: 22px;
    line-height: 28px;
    display: flex;
    gap: 40px;
    padding: 20px 0 19px;
    align-items: baseline
}

@media (max-width: 767.98px) {
    .product-faqs .accordion-item__header {
        font-size: 18px;
        line-height: 24px
    }
}

.product-faqs .accordion-item__header span {
    width: 27px
}

.product-faqs .accordion-item__main {
    padding: 0 35px 30px 67px;
    width: 90%;
    width: 100%
}

@media (max-width: 1679.98px) {
    .product-faqs {
        grid-template-columns: 392px 1fr;
        gap: 76px
    }
}

@media (max-width: 991.98px) {
    .product-faqs {
        margin-inline: 76px;
        padding-block: 55px;
        display: flex;
        flex-direction: column;
        gap: 13px;
        border-bottom: none
    }

    .product-faqs--empty {
        padding-block: 0;
        padding-bottom: 55px
    }

    .product-faqs__title {
        font-size: 51px;
        line-height: 58px;
        font-family: Feature Deck;
        margin-bottom: 35px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .product-faqs__title {
        font-size: 36px;
        line-height: 41px
    }
}

@media (max-width: 991.98px) {
    .product-faqs__subtitle {
        margin-bottom: 17px
    }

    .product-faqs__img {
        margin-top: 0
    }

    .product-faqs__img img {
        width: 100%;
        height: 100%;
        aspect-ratio: 1;
        object-fit: cover
    }

    .product-faqs--right {
        margin-top: 0
    }
}

@media (max-width: 767.98px) {
    .product-faqs {
        margin-inline: 25px
    }

    .product-faqs .accordion-item__header {
        gap: 20px
    }

    .product-faqs .accordion-item__header span {
        width: 22px
    }

    .product-faqs .accordion-item__main {
        padding-left: 42px;
        width: 100%
    }
}

.ElementsWidget-prefix .ElementsWidget .ElementsWidget__subheader,
.ElementsWidget-prefix .R-MediaSlider .R-MediaSlider__scrollButton--right {
    display: none !important
}

.ElementsWidget-prefix .R-SM .ElementsWidget__form .R-Button--submit {
    color: #fff !important
}

@media (min-width: 992px) {
    .ElementsWidget-prefix .ElementsWidget .ElementsWidget__inner {
        display: grid !important;
        grid-template-columns: 529px 1fr;
        gap: 67px !important
    }

    .ElementsWidget-prefix .R-PaginationControls {
        justify-content: flex-start !important
    }

    .ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item {
        position: relative
    }
}

@media (max-width: 767.98px) {
    .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header {
        display: grid !important
    }

    .ElementsWidget-prefix .ElementsWidget .ElementsWidget__media {
        display: none !important
    }
}

.ElementsWidget-prefix .ElementsWidget .ElementsWidget__header {
    grid-column: 1/span 2 !important;
    grid-row: 1/span 2 !important
}

.ElementsWidget-prefix .R-MediaSlider .R-MediaSlider__inner {
    margin-top: 56px !important
}

@media (min-width: 768px) {
    .ElementsWidget-prefix .ElementsWidget .ElementsWidget__list {
        grid-column: 2 !important;
        grid-row: 2 !important;
        margin-top: 73px !important
    }
}

.ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item:last-child {
    border-bottom: 0px !important
}

.ElementsWidget-prefix .ElementsWidget .ElementsWidget__header {
    border-bottom: 0px !important
}

.ElementsWidget-prefix .R-PaginationControls .R-PaginationControls__item {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 27px !important
}

.ElementsWidget-prefix .R-TextBody--xxxs {
    font-size: 15px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 21px !important
}

.ElementsWidget-prefix .R-TextHeading--md {
    font-size: 51px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 58px !important
}

.R-MediaSlider__inner {
    height: 100%
}

.ElementsWidget-prefix .R-MediaSlider .R-MediaSlider__item {
    height: 100% !important;
    max-height: 622px !important
}

.ElementsWidget-prefix .R-MediaSlider .R-MediaSlider__item {
    width: 100%;
    min-width: 523px;
    height: 622px
}

.ElementsWidget-prefix .R-BadgeElement,
.ElementsWidget-prefix .R-AvatarThumbnail,
.ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item .item__review .R-RatingStars,
.ElementsWidget-prefix .u-marginTop--md,
.ElementsWidget-prefix .u-marginTop--sm,
.ElementsWidget-prefix .R-flex-baseline-xxs,
.ElementsWidget-prefix .ElementsWidget .ElementsWidget__footer .footer__reviewsLogo-container {
    display: none !important
}

.ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item {
    border-bottom: 1px solid #d6d1d1 !important
}

@media (min-width: 768px) {
    .ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item {
        position: relative
    }
}

@media (min-width: 992px) {
    .ElementsWidget-prefix .u-flexGrow {
        position: absolute;
        left: 0;
        top: 52px
    }
}

.ElementsWidget-prefix .ElementsWidget .cssVar-authorName,
.ElementsWidget-prefix .R-TextBody--xxxxs {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 175px
}

@media (max-width: 767.98px) {

    .ElementsWidget-prefix .ElementsWidget .cssVar-authorName,
    .ElementsWidget-prefix .R-TextBody--xxxxs {
        font-size: 14px;
        line-height: 20px
    }
}

.ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item .item__meta {
    border-right: 0px !important
}

.ElementsWidget-prefix .R-MediaSlider .R-MediaSlider__item:not(:first-child) {
    display: none !important
}

.title_reviews_rating {
    display: flex;
    column-gap: 24px
}

.ruk_rating_snippet .ruk-rating-snippet-count {
    color: #144039 !important;
    font-family: var(--font-my-cube) !important;
    font-size: 10px !important
}

.ruk_rating_snippet i {
    letter-spacing: 6px !important;
    font-size: 20px !important;
    color: #144039 !important
}

.ruk_rating_snippet {
    min-width: 180px;
    padding-top: 5px
}

.collection #reviews_fade,
.product #reviews_fade {
    z-index: 999999 !important
}

.product_main .product__info-container .ruk_rating_snippet {
    padding-top: 0
}

div#ReviewsWidget {
    width: 100%;
    padding: 0 76px
}

@media (max-width: 767.98px) {
    div#ReviewsWidget {
        width: calc(100vw - 50px);
        margin-inline: auto;
        padding: 0
    }
}

@media (max-width: 767.98px) {
    .ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item {
        margin-bottom: 35px !important;
        padding-bottom: 35px !important
    }

    .ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item:last-child {
        margin-bottom: 0 !important
    }
}

.ElementsWidget-prefix .R-TextHeading--xxxs {
    font-weight: 600;
    font-family: var(--font-my-cube);
    font-size: 15.75px
}

.ElementsWidget-prefix .R-TextHeading--xxs {
    font-size: 18px
}

.ElementsWidget-prefix .R-TextBody--xs {
    font-size: 17px
}

@media (max-width: 767.98px) {
    .ElementsWidget-prefix .R-TextHeading--xxxxs {
        font-size: 14px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 20px !important
    }
}

.R-TextBody.R-TextBody--xxxs {
    font-size: 13.5px
}

.ElementsWidget-prefix .R-TextBody--xxxxs {
    font-size: 12.4px
}

.ElementsWidget-prefix .R-TextHeading--inline {
    font-size: 29px
}

.reviews-widget {
    background: #fff
}

.reviews-widget * {
    font-family: var(--font-my-cube) !important;
    color: #151515 !important
}

.reviews-widget .review__title {
    font-family: Honeymoon Hand !important
}

.ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group .R-Button {
    color: #fff !important;
    background: #2a4026
}

.ElementsWidget-prefix .R-TextHeading--md {
    font-size: 36px !important
}

.header__group--left {
    display: grid !important;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
}

.header__group--left .ElementsWidget-prefix .R-TextBody--xs {
    grid-row: 2;
    white-space: nowrap
}

.header__group--left .ElementsWidget-prefix .R-RatingStars {
    grid-row: 2
}

.ElementsWidget-prefix .R-TextBody--xxxxs,
.ElementsWidget-prefix .ElementsWidget .cssVar-authorName {
    font-size: 15px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 21px !important
}

.ElementsWidget-prefix .R-TextHeading--xxs {
    font-family: Value Sans Pro;
    font-size: 32px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 38px !important
}

@media (max-width: 767.98px) {
    .ElementsWidget-prefix .R-TextHeading--xxs {
        font-size: 23px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 29px !important
    }
}

.page-rca_reviews .page-width.page-width--narrow {
    max-width: 100%;
    padding-left: 48px;
    padding-right: 48px;
    padding-bottom: 0
}

.page-rca_reviews .page-width.page-width--narrow h1.main-page-title.page-title.h0 {
    font-size: 45.6px
}

.page-rca_reviews {
    background: #fcfaf6
}

.page-rca_reviews.mycube-reviews .rca_page_width.page-width {
    min-height: auto
}

@media only screen and (max-width: 1800px) {
    .page-rca_reviews .page-width.page-width--narrow h1.main-page-title.page-title.h0 {
        font-size: 38px;
        list-style: 46px
    }

    .page-rca_reviews .page-width.page-width--narrow {
        padding-left: 40px;
        padding-right: 40px
    }

    .ruk_rating_snippet i {
        letter-spacing: 4px !important;
        font-size: 18px !important
    }

    .ruk_rating_snippet .ruk-rating-snippet-count {
        font-size: 10px !important
    }
}

@media only screen and (max-width: 960px) {
    .page-rca_reviews .page-width.page-width--narrow h1.main-page-title.page-title.h0 {
        font-size: 32px;
        line-height: 36px
    }

    .ElementsWidget-prefix .R-TextHeading--inline {
        font-size: 29px
    }
}

@media only screen and (max-width: 600px) {
    div#ReviewsWidget {
        margin-top: 0
    }

    div#ReviewsWidget {
        padding: 0
    }

    .ElementsWidget-prefix .R-TextHeading--inline {
        font-size: 25px
    }

    .page-rca_reviews .page-width.page-width--narrow h1.main-page-title.page-title.h0 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 20px
    }

    .page-rca_reviews .page-width.page-width--narrow {
        padding-left: 20px;
        padding-right: 20px
    }

    .title_reviews_rating {
        flex-wrap: wrap;
        margin-bottom: 25px
    }

    .title_reviews_rating h4 {
        margin-bottom: 0;
        line-height: 26px;
        width: 100%
    }

    .product_main .product__info-container .ruk_rating_snippet {
        margin-top: 0
    }
}

.product-related {
    margin-inline: 76px;
    padding-block: 100px;
    border-top: 1px solid #d6d1d1;
    isolation: isolate
}

.product-related__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px
}

.product-related__arrows {
    display: flex;
    gap: 20px
}

.product-related__arrows svg {
    width: 43px;
    height: 43px;
    cursor: pointer
}

.product-related .featured-card {
    padding: 30px;
    color: #292828
}

.product-related .featured-card svg {
    stroke: #292828
}

.product-related .featured-card .secondary-button:hover {
    color: inherit
}

.product-related .featured-card .secondary-button:hover path {
    stroke: inherit
}

.product-related__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.product-related__swiper-wrapper {
    min-width: 0px;
    grid-column: span 3
}

.product-related__slider .pagination {
    display: none
}

.product-related .featured-card {
    background-color: #dff1ff
}

@media (max-width: 991.98px) {
    .product-related__grid {
        grid-template-columns: 1fr 1fr
    }

    .product-related__swiper-wrapper {
        grid-column: span 1
    }

    .product-related__header {
        align-items: flex-start
    }

    .product-related__arrows {
        margin-top: 5px
    }
}

@media (max-width: 767.98px) {
    .product-related {
        margin-inline: 25px;
        padding-block: 55px;
        padding-bottom: 112px;
        position: relative;
        display: grid
    }

    .product-related__header {
        margin-bottom: 30px
    }

    .product-related .featured-card {
        background-color: #2279bf;
        padding: 30px;
        max-height: 340px
    }

    .product-related__slider {
        position: static
    }

    .product-related__slider .pagination.swiper-pagination-bullets {
        --swiper-pagination-bullet-horizontal-gap: 5px;
        display: flex;
        gap: 0px;
        justify-content: center;
        bottom: 59.6px;
        position: absolute;
        top: auto;
        z-index: 100;
        width: 100%;
        left: 0
    }

    .product-related__slider .product-card {
        height: 100%
    }

    .product-related__slider .product-card__main-content {
        height: 100%;
        grid-template-rows: auto 1fr auto
    }

    .product-related__slider .product-card__footer {
        margin-top: auto
    }

    .product-related__slider .product-card__form {
        opacity: 1;
        visibility: visible
    }

    .product-related__slider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 1px;
        opacity: .2;
        background-color: #151515;
        margin: 0 5px
    }

    .product-related__slider .swiper-pagination-bullet-active {
        opacity: .6
    }

    .product-related__grid {
        grid-template-columns: 1fr;
        gap: 35.5px
    }

    .product-related__swiper-wrapper {
        display: flex;
        gap: 10px
    }

    .product-related__title {
        max-width: 286px
    }

    .product-related__arrows {
        justify-content: space-between;
        width: 100%;
        position: absolute;
        bottom: 52.6px;
        z-index: 101;
        margin-top: 0
    }

    .product-related__arrows svg {
        width: 20px;
        height: 20px
    }
}

@media (max-width: 575.98px) {

    .product-related .product-card__badges,
    .product-related .product-card__compare-btn {
        display: none
    }
}

@media (min-width: 768px) {
    .template--cart .product-related {
        padding-bottom: 50px
    }
}

.compare-sizes {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 9999999999;
    background-color: #fff;
    height: 100dvh
}

body.show--compare-sizes {
    overflow: hidden
}

body.show--compare-sizes .compare-sizes {
    opacity: 1;
    visibility: inherit
}

.compare-sizes--loading .compare-sizes__main {
    opacity: .5;
    position: relative;
    overflow: hidden
}

.compare-sizes--loading .compare-sizes__card {
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 800px 104px;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: shimmer;
    animation-timing-function: linear
}

@keyframes shimmer {
    0% {
        background-position: -800px 0
    }

    to {
        background-position: 800px 0
    }
}

.compare-sizes__close,
.compare-sizes__icon {
    cursor: pointer
}

.compare-sizes__header {
    background-color: #a9905d;
    height: 76px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 51px
}

.compare-sizes__header .nav-link {
    color: #fff
}

.compare-sizes__main {
    padding: 66px 77px 58px 52px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: 287px 1fr;
    gap: 65px;
    height: calc(100% - var(--nav-main-height))
}

.compare-sizes__title {
    display: grid
}

.compare-sizes__description {
    max-width: 267px;
    margin-top: 20px
}

.compare-sizes--right {
    width: 100%;
    max-width: 1620px;
    margin-left: auto;
    min-height: 0;
    height: 100%
}

.compare-sizes--right .swiper {
    max-width: calc(100dvw - 481px);
    height: 100%;
    overflow-y: visible;
    overflow-x: clip
}

.compare-sizes--right .swiper .swiper-pagination {
    display: flex;
    justify-content: center;
    bottom: 4px;
    left: -6px
}

.compare-sizes--right .swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 1px;
    opacity: .2;
    background-color: #151515;
    margin: 0 5px
}

.compare-sizes--right .swiper .swiper-pagination-bullet-active {
    opacity: .6
}

.compare-sizes--right .swiper .swiper-btn-prev,
.compare-sizes--right .swiper .swiper-btn-next {
    position: absolute;
    bottom: -6px;
    z-index: 10
}

.compare-sizes--right .swiper .swiper-btn-next {
    left: auto;
    right: 38px
}

.compare-sizes__card {
    --right-padding: 35px;
    background-color: #f6f6f6;
    padding: 34px var(--right-padding) 36px 30px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
    width: 100%;
    max-width: 800px
}

.compare-sizes__scroller {
    overflow-y: auto;
    height: 100%;
    min-height: 0;
    padding-bottom: 30px;
    margin-right: calc(-1 * var(--right-padding));
    padding-right: var(--right-padding)
}

@media (min-width: 768px) {
    .compare-sizes__scroller {
        height: calc(100% - 20px);
        margin-top: 10px;
        margin-right: 10px
    }

    .compare-sizes__scroller::-webkit-scrollbar {
        width: 4px
    }

    .compare-sizes__scroller::-webkit-scrollbar-track {
        background: #f0eded
    }

    .compare-sizes__scroller::-webkit-scrollbar-thumb {
        background: #d6d1d1
    }
}

.compare-sizes__image {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding-top: 20px
}

.compare-sizes__image img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.compare-sizes__btn {
    margin-top: auto
}

.compare-sizes__dropdown {
    height: 65px;
    padding: 20px;
    padding-inline: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    position: relative;
    cursor: pointer
}

.compare-sizes__dropdown.active svg {
    transform: rotate(180deg)
}

.compare-sizes__dropdown-options-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    padding-right: 6px;
    cursor: default;
    z-index: 1
}

.compare-sizes__dropdown-options {
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 9px;
    cursor: pointer;
    max-height: 256px;
    overflow-y: auto
}

@media (max-width: 767.98px) {
    .compare-sizes__dropdown-options {
        max-height: 192px
    }
}

.compare-sizes__dropdown-options::-webkit-scrollbar {
    width: 3px
}

.compare-sizes__dropdown-options::-webkit-scrollbar-track {
    background: #fff
}

.compare-sizes__dropdown-options::-webkit-scrollbar-thumb {
    background: #f0eded
}

.compare-sizes__dropdown-option {
    font-size: 17px;
    line-height: 23px;
    color: #151515;
    cursor: pointer;
    padding-block: 20px;
    border-top: 1px solid #f0eded
}

@media (max-width: 767.98px) {
    .compare-sizes__dropdown-option {
        font-size: 16px;
        line-height: 22px
    }
}

.compare-sizes__table {
    width: 100%
}

.compare-sizes__table tbody {
    height: 100%;
    padding-right: 14px;
    width: 100%
}

.compare-sizes__table tbody::-webkit-scrollbar {
    width: 3px
}

.compare-sizes__table tbody::-webkit-scrollbar-track {
    background: #fff
}

.compare-sizes__table tbody::-webkit-scrollbar-thumb {
    background: #d6d1d1
}

.compare-sizes__table tr {
    border-bottom: 1px solid #f0eded;
    display: grid;
    grid-template-columns: 136px 1fr;
    gap: 25px
}

.compare-sizes__table tr[data-name=accessories] td:last-child {
    text-transform: capitalize
}

.compare-sizes__table tr:first-child td:first-child {
    max-width: 120px
}

.compare-sizes__table tr:last-child {
    border-bottom: none
}

.compare-sizes__table tr td {
    padding-block: 10px;
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne
}

@media (max-width: 767.98px) {
    .compare-sizes__table tr td {
        font-size: 14px;
        line-height: 20px
    }
}

.compare-sizes__table tr td:nth-child(2) {
    text-align: right
}

@media (max-width: 1199.98px) {
    .compare-sizes__main {
        grid-template-columns: 1fr;
        grid-auto-rows: max-content
    }

    .compare-sizes__title {
        display: flex;
        gap: 10px
    }

    .compare-sizes--right {
        min-width: 0
    }

    .compare-sizes--right .swiper {
        max-width: 100%
    }
}

@media (max-width: 991.98px) {
    .compare-sizes {
        overflow-y: scroll;
        height: 100dvh
    }

    .compare-sizes__main {
        grid-template-columns: 1fr;
        gap: 35px;
        padding-inline: 51px
    }

    .compare-sizes__title {
        display: block
    }

    .compare-sizes__description {
        max-width: none
    }

    .compare-sizes--right {
        padding-bottom: 50px
    }
}

@media (max-width: 767.98px) {
    .compare-sizes__header {
        height: 60px;
        padding-left: 26px;
        padding-right: 27px
    }

    .compare-sizes__table {
        margin-top: 30px;
        display: grid
    }

    .compare-sizes__table tbody {
        padding: 0;
        background-color: #fff;
        max-height: 100%
    }

    .compare-sizes__main {
        display: flex;
        flex-direction: column;
        gap: 35px;
        padding: 35px 0 47px
    }

    .compare-sizes__title {
        margin-top: 0;
        display: flex;
        gap: 10px
    }

    .compare-sizes__description {
        max-width: 336px;
        margin-top: 15px
    }

    .compare-sizes--left {
        padding: 0 27px
    }

    .compare-sizes__scroller {
        max-height: calc(100dvh - 415px)
    }

    .compare-sizes--right {
        display: flex
    }

    .compare-sizes--right .swiper {
        max-width: 100dvw;
        padding: 0 27px;
        margin: 0
    }

    .compare-sizes--right .swiper .swiper-pagination,
    .compare-sizes--right .swiper .swiper-btn-prev,
    .compare-sizes--right .swiper .swiper-btn-next {
        position: fixed;
        bottom: 47px
    }

    .compare-sizes--right .swiper .swiper-pagination {
        bottom: 53px
    }

    .compare-sizes--right .swiper-wrapper {
        padding-bottom: 55px
    }

    .compare-sizes--right .swiper-slide .compare-sizes__table,
    .compare-sizes--right .swiper-slide .compare-sizes__btn-wrapper {
        opacity: 0;
        visibility: hidden
    }

    .compare-sizes--right .swiper-slide-active .compare-sizes__table,
    .compare-sizes--right .swiper-slide-active .compare-sizes__btn-wrapper {
        opacity: 1;
        visibility: inherit
    }

    .compare-sizes__card {
        height: fit-content;
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        background-color: #0000
    }

    .compare-sizes__card-header {
        background-color: #f9f8f7
    }

    .compare-sizes__card-header:nth-child(2) {
        display: none
    }

    .compare-sizes__dropdown {
        margin-inline: 15px;
        margin-top: 15px;
        padding: 20px 15px;
        height: 50px
    }

    .compare-sizes__image {
        padding-top: 18px;
        padding-bottom: 15px;
        background-color: #f9f8f7;
        margin: 0;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .compare-sizes__image img {
        width: 76%;
        position: static
    }

    .compare-sizes__table {
        background-color: #fff;
        margin-right: 0
    }

    .compare-sizes__table tr {
        border-top: none;
        border-bottom: 1px solid #d6d1d1;
        grid-template-columns: 158px 1fr
    }

    .compare-sizes__table tr td {
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne;
        padding-block: 10px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .compare-sizes__table tr td {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    .compare-sizes__table tr:first-child {
        border-top: none
    }

    .compare-sizes__table tr:first-child td {
        padding-top: 0
    }

    .compare-sizes__table tr:first-child td:first-child {
        max-width: 98px
    }

    .compare-sizes__btn-wrapper {
        background: #fff
    }

    .compare-sizes__btn {
        margin-top: 5px;
        margin-right: 0
    }

    .compare-sizes__footer {
        padding-top: 35px;
        padding-bottom: 47px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative
    }

    .compare-sizes__footer .swiper-button-next,
    .compare-sizes__footer .swiper-button-prev {
        --swiper-navigation-sides-offset: 27px
    }

    .compare-sizes__footer .swiper-button-next:after,
    .compare-sizes__footer .swiper-button-next:before,
    .compare-sizes__footer .swiper-button-prev:after,
    .compare-sizes__footer .swiper-button-prev:before {
        content: "";
        display: none
    }

    .compare-sizes__footer .swiper-pagination-bullets.swiper-pagination-horizontal {
        height: fit-content;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .compare-sizes__footer .swiper-horizontal>.swiper-pagination-bullets,
    .compare-sizes__footer .swiper-pagination-bullets.swiper-pagination-horizontal,
    .compare-sizes__footer .swiper-pagination-custom,
    .compare-sizes__footer .swiper-pagination-fraction {
        width: fit-content;
        --swiper-pagination-bullet-opacity: .6;
        --swiper-pagination-color: #151515;
        --swiper-pagination-bullet-border-radius: 1px;
        --swiper-pagination-bullet-vertical-gap: 10px;
        --swiper-pagination-bullet-inactive-color: #151515;
        --swiper-pagination-bullet-inactive-opacity: .2;
        --swiper-pagination-bullet-width: 10px;
        --swiper-pagination-bullet-height: 10px
    }
}

@media (min-width: 768px) {
    .compare-sizes__footer {
        display: none
    }
}

.product-atc-bar {
    position: fixed;
    bottom: 0;
    display: grid;
    grid-template-columns: 46% 1fr;
    width: 100%;
    height: 55px;
    background-color: #fff;
    align-items: center;
    z-index: 1000000000;
    transition: all .5s ease;
    transform: translateZ(0);
    opacity: 1;
    visibility: inherit
}

.product-atc-bar .primary-button--dark svg rect {
    fill: #2a4026
}

.product-atc-bar .primary-button--dark:hover svg rect {
    fill: #151515
}

.product-atc-bar .primary-button--dark:hover svg path {
    stroke: #fff
}

body.navbar--hide .product-atc-bar,
body.footer--in-view .product-atc-bar,
body.cart-drawer--show .product-atc-bar {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 100%, 0)
}

body:not(.navbar--scrolled) .product-atc-bar {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 100%, 0)
}

@media (max-width: 767.98px) {
    body.scrolled-down .product-atc-bar {
        opacity: 1;
        visibility: visible;
        transform: translate(0)
    }
}

.product-atc-bar__left {
    display: flex;
    align-items: center;
    gap: 15px;
    border-top: 1px solid #d6d1d1;
    height: 100%
}

.product-atc-bar__price {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck
}

@media (max-width: 767.98px) {
    .product-atc-bar__price {
        font-size: 14px;
        line-height: 17px
    }
}

.product-atc-bar__title {
    padding-left: 20px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .product-atc-bar__title {
        font-size: 18px;
        line-height: 24px
    }
}

.product-atc-bar__right {
    display: flex;
    height: 100%;
    cursor: pointer
}

.product-atc-bar__quantity {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck;
    border-top: 1px solid #d6d1d1;
    gap: 2px;
    padding-right: 8px
}

@media (max-width: 767.98px) {
    .product-atc-bar__quantity {
        font-size: 14px;
        line-height: 17px
    }
}

.product-atc-bar__quantity .qty {
    display: flex;
    align-items: center
}

.product-atc-bar__quantity .qty__plus,
.product-atc-bar__quantity .qty__minus {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 10px;
    position: relative;
    z-index: 10
}

.product-atc-bar__quantity .qty input {
    width: 24px;
    border: none;
    -moz-appearance: textfield;
    outline: none;
    text-align: center;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    background-color: #0000;
    padding: 0;
    margin: 0
}

@media (max-width: 767.98px) {
    .product-atc-bar__quantity .qty input {
        font-size: 14px
    }
}

.product-atc-bar__quantity .qty input::-webkit-outer-spin-button,
.product-atc-bar__quantity .qty input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.product-atc-bar__right-wrapper {
    border-top: 1px solid #d6d1d1
}

.product-atc-bar .select {
    width: 100%;
    padding: 0 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.product-atc-bar .select__header {
    text-transform: none
}

.product-atc-bar .select {
    position: relative;
    padding: 0;
    border: 0
}

.product-atc-bar .select.opened .select__header {
    border-top: 0
}

.product-atc-bar .select.opened .select__selected-wrapper svg {
    transform: rotate(180deg)
}

.product-atc-bar .select .select-options {
    margin: 0;
    display: none;
    background-color: #fff;
    border: 1px solid #d6d1d1;
    border-bottom: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 10;
    text-align: left;
    position: absolute;
    bottom: 100%
}

.product-atc-bar .select .select-options li {
    padding: 14px 36px 14px 15px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.product-atc-bar .select .select-options li:hover {
    background-color: #f9f8f7;
    color: #292828
}

.product-atc-bar .select .select__header {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: Feature Deck;
    padding: 0 17px;
    background-color: #fff;
    border: 1px solid #d6d1d1;
    border-bottom: none;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: border-color .4s ease-in-out;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 767.98px) {
    .product-atc-bar .select .select__header {
        font-size: 14px;
        line-height: 17px
    }
}

.product-atc-bar .select .select__header .product-hero__swatch-color {
    width: 20px;
    height: 20px;
    display: none
}

.product-atc-bar .select .select__header .product-hero__swatch-color--active {
    display: block
}

.product-atc-bar .select .select__header .product-hero__swatch-color h6 {
    display: flex;
    gap: 10px
}

.product-atc-bar .select .select__header .product-hero__color-value {
    gap: 19px
}

.product-atc-bar .primary-button {
    width: 100%
}

@media (max-width: 991.98px) {
    .product-atc-bar__right .button {
        width: 100%
    }
}

@media (max-width: 991.98px) {
    .product-atc-bar {
        grid-template-columns: 1fr 129px
    }

    .product-atc-bar__right {
        display: block
    }

    .product-atc-bar__title {
        display: flex;
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne;
        font-weight: 500
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .product-atc-bar__title {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 991.98px) {
    .product-atc-bar .primary-button {
        background-color: #2a4026;
        height: 100%;
        color: #fff;
        font-size: 15px;
        line-height: 21px;
        font-family: Sohne;
        font-weight: 500;
        gap: 0;
        justify-content: center;
        padding: 0 20px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .product-atc-bar .primary-button {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 991.98px) {
    .product-atc-bar .primary-button svg {
        display: none
    }
}

.product-bundle-details {
    padding: 100px 75px 140px
}

.product-bundle-details__grid {
    display: grid;
    grid-template-columns: minmax(auto, 416px) 1fr;
    gap: 20px
}

.product-bundle-details__left {
    height: fit-content;
    position: sticky;
    top: var(--nav-main-height)
}

.product-bundle-details__right {
    display: flex;
    justify-content: flex-end
}

.product-bundle-details__title {
    margin-bottom: 54px
}

.product-bundle-details__tabs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px
}

.product-bundle-details__tab {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 3px;
    border: 1px solid #151515;
    cursor: pointer;
    transition: background-color .3s ease
}

@media (max-width: 767.98px) {
    .product-bundle-details__tab {
        font-size: 14px;
        line-height: 20px
    }
}

.product-bundle-details__tab.active {
    background-color: #2279bf;
    border: none
}

.product-bundle-details__sub-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 103px
}

.product-bundle-details__card {
    position: relative
}

.product-bundle-details__card-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.product-bundle-details__dynamic-content {
    display: none
}

.product-bundle-details__dynamic-content .swiper-slide {
    background-color: #fff
}

.product-bundle-details__dynamic-content[data-content=details] {
    display: block
}

.product-bundle-details__product-title {
    margin-bottom: 14px
}

.product-bundle-details__image img {
    width: 100%
}

.product-bundle-details .product-hero__description {
    margin-top: 0;
    margin-bottom: 25px
}

.product-bundle-details .product-hero__swatch {
    margin-block: 15px;
    gap: 8px
}

.product-bundle-details .product-hero__swatch-color {
    width: 14px;
    height: 14px
}

.product-bundle-details .product-hero__swatch-color--active {
    transform: none !important;
    border: inherit
}

.product-bundle-details .product-hero__swatch-color--ffffff {
    border: 1px solid #151515
}

@media (max-width: 1199.98px) {
    .product-bundle-details__grid {
        grid-template-columns: minmax(auto, 210px) 1fr
    }
}

@media (max-width: 991.98px) {
    .product-bundle-details {
        padding: 29px 25px 70px
    }

    .product-bundle-details__mob-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-block: 20px;
        border-top: 1px solid #d6d1d1;
        border-bottom: 1px solid #d6d1d1;
        margin-bottom: 35px
    }

    .product-bundle-details__content-swiper .swiper-slide {
        opacity: 0 !important
    }

    .product-bundle-details__content-swiper .swiper-slide.swiper-slide-active {
        opacity: 1 !important
    }

    .product-bundle-details__left {
        position: static
    }

    .product-bundle-details__pagination {
        font-size: 17px;
        line-height: 23px;
        width: fit-content !important
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .product-bundle-details__pagination {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 991.98px) {

    .product-bundle-details__right,
    .product-bundle-details__content {
        min-width: 0
    }

    .product-bundle-details__title {
        margin-bottom: 35px
    }

    .product-bundle-details__product-title {
        margin-bottom: 15px
    }

    .product-bundle-details__description {
        margin-bottom: 20px
    }

    .product-bundle-details__grid {
        grid-template-columns: 1fr
    }

    .product-bundle-details__tabs {
        flex-direction: row;
        justify-content: flex-start
    }

    .product-bundle-details__sub-grid {
        grid-template-columns: 1fr
    }

    .product-bundle-details__tab {
        padding: 5px 10px
    }

    .product-bundle-details__card {
        margin-bottom: 20px
    }

    .product-bundle-details__product-title {
        margin-bottom: 10px
    }

    .product-bundle-details .swiper {
        height: fit-content
    }

    .product-bundle-details .swiper-slide {
        background-color: #fff
    }

    .product-bundle-details .product-hero__swatch {
        margin-top: 5px
    }

    .product-bundle-details .product-hero__swatch-color {
        width: 17px;
        height: 17px
    }
}

.quiz-accessories {
    margin-left: 76.5px;
    margin-right: 75.5px;
    padding-top: 100px;
    border-top: 1px solid #d6d1d1;
    margin-bottom: 140px
}

.quiz-accessories__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
    padding: 9px 20px 0 0;
    gap: 10px
}

.quiz-accessories__description {
    max-width: 396px
}

.quiz-accessories__grid {
    display: grid;
    grid-auto-flow: column;
    gap: 20px
}

@media (max-width: 991.98px) {
    .quiz-accessories__grid {
        display: flex;
        flex-direction: column;
        gap: 35px
    }
}

@media (max-width: 767.98px) {
    .quiz-accessories {
        padding: 35px 0 0;
        margin-inline: 25px;
        margin-bottom: 90px
    }

    .quiz-accessories .product-card__header {
        margin-bottom: 10px
    }

    .quiz-accessories .product-card .product-card__form {
        opacity: 1;
        visibility: visible
    }

    .quiz-accessories__header {
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .quiz-accessories__grid {
        display: flex;
        flex-direction: column;
        gap: 35px
    }
}

.quiz-answer {
    padding: 67px 76px 100px;
    position: relative;
    z-index: 0
}

.quiz-answer__no-result-product {
    display: none
}

.quiz-answer__header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 9px;
    margin-bottom: 50px
}

.quiz-answer__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.quiz-answer__description {
    max-width: 404px;
    margin-bottom: 50px;
    padding-top: 20px
}

@media (max-width: 991.98px) {
    .quiz-answer__grid {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 767.98px) {
    .quiz-answer {
        padding: 55px 0;
        padding-inline: 25px
    }

    .quiz-answer__grid {
        grid-template-columns: 1fr;
        gap: 35px
    }

    .quiz-answer__header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        margin-bottom: 35px
    }

    .quiz-answer__description {
        padding-top: 0;
        max-width: 321px;
        margin-bottom: 0
    }

    .quiz-answer .product-card__form {
        opacity: 1;
        visibility: inherit
    }
}

.quiz-questions {
    height: 100%;
    display: none;
    overflow-y: auto;
    z-index: 10
}

.quiz-questions__option {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    height: 55px;
    background-color: #fff;
    cursor: pointer;
    font-size: 22px;
    line-height: 28px;
    color: #000
}

@media (max-width: 767.98px) {
    .quiz-questions__option {
        font-size: 18px;
        line-height: 24px
    }
}

.quiz-questions__option.active {
    background-color: #2279bf;
    color: #fff
}

.quiz-questions__option input {
    width: 15px;
    height: 15px;
    border: 1px solid #d6d1d1;
    border-radius: .824px;
    display: inline-block;
    position: relative
}

.quiz-questions__option input:after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: .824px;
    background-color: #fff;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

.quiz-questions__option input:checked {
    border: 1px solid #fff
}

.quiz-questions__option input:checked:after {
    opacity: 1
}

.quiz-questions__option:hover input:not(:checked):after {
    opacity: 1;
    background-color: #b3b3b3
}

.quiz-questions--list .quiz-questions__description {
    max-width: 90%
}

.quiz-questions--list .quiz-questions__header {
    display: grid;
    gap: 20px;
    margin-bottom: 50px;
    margin-inline: auto;
    width: calc(100% - 144px)
}

.quiz-questions--list .quiz-questions__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%
}

.quiz-questions--list .quiz-questions__option-heading {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .quiz-questions--list .quiz-questions__option-heading {
        font-size: 14px;
        line-height: 20px
    }
}

.quiz-questions--list .quiz-questions__content {
    padding-top: 76px;
    padding-bottom: 132px;
    background-color: #f6f6f6
}

.quiz-questions--list .quiz-questions__options-wrapper {
    width: calc(100% - 144px);
    margin-inline: auto;
    display: grid;
    gap: 14px
}

.quiz-questions--list .quiz-questions__options-list {
    max-height: 355px;
    overflow-y: auto;
    padding-right: 20px;
    display: grid;
    gap: 5px;
    background-color: #f6f6f6
}

.quiz-questions--list .quiz-questions__options-list::-webkit-scrollbar {
    width: 4px
}

.quiz-questions--list .quiz-questions__options-list::-webkit-scrollbar-track {
    background: #f0eded
}

.quiz-questions--list .quiz-questions__options-list::-webkit-scrollbar-thumb {
    background: #d6d1d1
}

.quiz-questions--list .quiz-questions__image {
    position: relative
}

.quiz-questions--list .quiz-questions__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease
}

.quiz-questions--list .quiz-questions__image img.quiz-questions__main-image {
    z-index: 1
}

.quiz-questions--list .quiz-questions__image img.quiz-questions__hover-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
    z-index: 2
}

.quiz-questions--list .quiz-questions__image img.quiz-questions__hover-image.active {
    opacity: 1;
    visibility: inherit
}

@media (max-width: 991.98px) {
    .quiz-questions--list .quiz-questions__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width: 767.98px) {
    .quiz-questions--list .quiz-questions__grid {
        grid-template-columns: 1fr
    }

    .quiz-questions--list .quiz-questions__content {
        padding-block: 55px
    }

    .quiz-questions--list .quiz-questions__options-wrapper,
    .quiz-questions--list .quiz-questions__header {
        width: calc(100% - 50px)
    }

    .quiz-questions--list .quiz-questions__option.active {
        background-color: #fff
    }

    .quiz-questions--list .quiz-questions__options-list {
        max-height: 100%;
        padding-right: 0
    }

    .quiz-questions--list .quiz-questions__header {
        margin-bottom: 35px;
        gap: 15px;
        width: fit-content;
        margin-right: 38px;
        margin-left: 25px
    }

    .quiz-questions--list .quiz-questions__description {
        margin-bottom: 5px
    }

    .quiz-questions--list .quiz-questions__image {
        display: none
    }
}

.quiz-questions--cards {
    padding-top: 76px;
    padding-inline: 76px;
    padding-bottom: 136px;
    background-color: #f6f6f6
}

@media (max-width: 767.98px) {
    .quiz-questions--cards {
        padding-top: 55px;
        padding-inline: 25px;
        padding-bottom: 55px
    }
}

.quiz-questions--cards .quiz-questions__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 106px;
    margin-bottom: 50px
}

.quiz-questions--cards .quiz-questions__option-heading {
    font-size: 15px;
    line-height: 21px;
    font-family: Sohne;
    font-weight: 500;
    margin-bottom: 14px
}

@media (max-width: 767.98px) {
    .quiz-questions--cards .quiz-questions__option-heading {
        font-size: 14px;
        line-height: 20px
    }
}

.quiz-questions--cards .quiz-questions__description {
    max-width: 90%
}

.quiz-questions--cards .quiz-questions__options {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 19px
}

.quiz-questions--cards .quiz-questions__card {
    cursor: pointer
}

.quiz-questions--cards .quiz-questions__card:hover .quiz-questions__hover-image {
    opacity: 1;
    visibility: inherit
}

.quiz-questions--cards .quiz-questions__card-image {
    position: relative
}

.quiz-questions--cards .quiz-questions__card-image img {
    width: 100%;
    transition: all .3s ease
}

.quiz-questions--cards .quiz-questions__card-image img.quiz-questions__main-image {
    position: relative;
    z-index: 1
}

.quiz-questions--cards .quiz-questions__card-image img.quiz-questions__hover-image {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    object-fit: cover;
    height: 100%
}

.quiz-questions--cards .quiz-questions__card-content {
    display: grid;
    gap: 2px;
    color: #787878;
    margin-top: 15px
}

@media (max-width: 991.98px) {
    .quiz-questions--cards .quiz-questions__options {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 767.98px) {
    .quiz-questions--cards .quiz-questions__header {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 40px;
        margin-right: 23px
    }

    .quiz-questions--cards .quiz-questions__card-content {
        margin-top: 10px
    }

    .quiz-questions--cards .quiz-questions__option.active {
        background-color: #fff
    }

    .quiz-questions--cards .quiz-questions__options {
        grid-template-columns: 1fr;
        gap: 35px
    }

    .quiz-questions--cards .quiz-questions__options--two-cols {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 35px
    }
}

@media (max-width: 767.98px)and (max-width: 389.98px) {
    .quiz-questions--cards .quiz-questions__options--two-cols {
        grid-template-columns: 1fr
    }
}

@media (max-width: 767.98px) {
    .quiz-questions--cards .quiz-questions__options--two-cols .quiz-questions__card-header {
        font-size: 17px;
        line-height: 23px
    }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
    .quiz-questions--cards .quiz-questions__options--two-cols .quiz-questions__card-header {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 575.98px) {
    .quiz-questions--cards .quiz-questions__header {
        max-width: 317px
    }
}

.shopify-design-mode .quiz-questions {
    position: static;
    opacity: 1;
    display: block;
    visibility: inherit;
    overflow: visible;
    height: auto;
    z-index: 10
}

.quiz-intro {
    position: absolute;
    height: var(--height-fill);
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

@media (min-width: 768px) {
    .quiz-intro .primary-button--dark:hover {
        background-color: #fff;
        color: #000
    }
}

.quiz-intro__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%;
    min-height: var(--height-fill)
}

.quiz-intro__grid-left {
    background-color: #c1b8ae;
    padding-top: 73px;
    padding-inline: 76px;
    display: flex;
    flex-direction: column;
    gap: 35px
}

.quiz-intro__description {
    font-size: 17px;
    line-height: 23px;
    color: #292828;
    max-width: 423px
}

@media (max-width: 767.98px) {
    .quiz-intro__description {
        font-size: 16px;
        line-height: 22px
    }
}

.quiz-intro__cta {
    width: 100%;
    min-height: 50px;
    padding-inline: 20px;
    color: #c1b8ae
}

.quiz-intro__cta svg {
    width: 14.063px !important;
    height: 15px !important
}

.quiz-intro__cta svg path {
    stroke: #c1b8ae
}

.quiz-intro__image {
    height: 100%
}

.quiz-intro__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left
}

@media (max-width: 991.98px) {
    .quiz-intro {
        overflow: auto
    }

    .quiz-intro__grid {
        grid-template-columns: 1fr;
        min-height: 100%
    }

    .quiz-intro__grid-left {
        padding-bottom: 132px
    }
}

@media (max-width: 767.98px) {
    .quiz-intro {
        overflow: auto
    }

    .quiz-intro__grid {
        grid-template-columns: 1fr;
        min-height: 100%
    }

    .quiz-intro__grid-left {
        padding: 55px 25px;
        gap: 20px
    }

    .quiz-intro__cta {
        justify-content: flex-start;
        gap: 10px
    }

    .quiz-intro__cta svg {
        width: 14.063px !important;
        height: 15px !important
    }
}

.shopify-design-mode .quiz-intro {
    position: static;
    opacity: 1;
    visibility: inherit;
    overflow: visible;
    height: auto;
    z-index: 10
}

.quiz-result {
    position: absolute;
    height: var(--height-fill);
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

@media (min-width: 768px) {
    .quiz-result .primary-button--dark:hover {
        background-color: #fff
    }
}

.quiz-result__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: var(--height-fill)
}

.quiz-result__grid-left {
    background-color: #2279bf;
    padding-top: 73px;
    padding-inline: 76px;
    display: flex;
    flex-direction: column;
    gap: 35px
}

.quiz-result__form-input {
    height: 48px;
    border: 1px solid #292828;
    padding: 19px 20px;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    display: flex;
    width: 100%;
    background-color: #0000;
    margin-bottom: 10px
}

@media (max-width: 767.98px) {
    .quiz-result__form-input {
        font-size: 14px
    }
}

.quiz-result__form-input:last-child {
    margin-bottom: 15px
}

.quiz-result__form-input:focus {
    outline: none
}

.quiz-result__form-input::placeholder {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    color: #292828
}

@media (max-width: 767.98px) {
    .quiz-result__form-input::placeholder {
        font-size: 14px
    }
}

.quiz-result__description {
    font-size: 17px;
    line-height: 23px;
    color: #292828;
    max-width: 423px
}

@media (max-width: 767.98px) {
    .quiz-result__description {
        font-size: 16px;
        line-height: 22px
    }
}

.quiz-result__cta {
    width: 100%;
    min-height: 48px;
    padding-inline: 20px;
    color: #2279bf
}

.quiz-result__cta svg {
    width: 14.063px !important;
    height: 15px !important
}

.quiz-result__cta svg path {
    stroke: #2279bf
}

.quiz-result__skip-text {
    margin-top: 24px;
    text-decoration-color: #292828
}

.quiz-result__image {
    height: 100%
}

.quiz-result__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left
}

@media (max-width: 991.98px) {
    .quiz-result {
        overflow-y: auto
    }

    .quiz-result__grid {
        grid-template-columns: 1fr;
        min-height: var(--height-fill)
    }

    .quiz-result__grid-left {
        padding-bottom: 132px
    }
}

@media (max-width: 767.98px) {
    .quiz-result {
        overflow-y: auto
    }

    .quiz-result__grid {
        grid-template-columns: 1fr;
        min-height: var(--height-fill)
    }

    .quiz-result__form-input {
        min-height: 48px
    }

    .quiz-result__form-input:last-child {
        margin-bottom: 17px
    }

    .quiz-result__grid-left {
        padding: 55px 25px;
        gap: 20px
    }

    .quiz-result__cta {
        gap: 10px
    }

    .quiz-result__cta svg {
        width: 14.063px !important;
        height: 15px !important
    }
}

.shopify-design-mode .quiz-result {
    position: static;
    opacity: 1;
    visibility: inherit;
    overflow: visible;
    height: auto;
    z-index: 10
}

.quiz-questions__wrapper {
    height: calc(var(--height-fill));
    display: grid;
    grid-template-rows: 1fr auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 2
}

.quiz-questions__wrapper .quiz-questions {
    display: block
}

@media (max-width: 767.98px) {
    .quiz-questions__wrapper {
        overflow: auto
    }
}

.quiz-progress__wrapper {
    height: 84px
}

.quiz-progress__bar {
    height: 8px;
    width: 100%;
    background-color: #f0eded;
    position: relative;
    transition: all .3s ease
}

.quiz-progress__bar-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #2279bf
}

.quiz-progress__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 77px
}

.quiz-progress__step {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    color: #787878
}

@media (max-width: 767.98px) {
    .quiz-progress__step {
        font-size: 14px
    }
}

.quiz-progress__next {
    gap: 20px
}

.quiz-progress__next:hover {
    color: #fff
}

.quiz-progress__next svg path {
    stroke: #fff
}

@media (max-width: 767.98px) {
    .quiz-progress__content {
        padding-left: 21px;
        height: 60px;
        background-color: #fff
    }

    .quiz-progress__wrapper {
        position: relative;
        height: fit-content;
        background: #fff;
        z-index: 11;
        box-shadow: 0 -4px 6px #0000000d
    }

    .quiz-progress__step {
        background-color: #f6f6f6;
        padding-top: 15px;
        padding-left: 22px;
        padding-bottom: 21px
    }

    .quiz-progress__next.primary-button:not(.primary-button--filled) svg {
        width: 60px;
        height: 60px
    }
}

.shopify-design-mode .quiz-questions__wrapper {
    position: static;
    opacity: 1;
    visibility: inherit;
    overflow: visible;
    height: auto;
    z-index: 10
}

.template--page-rca_quiz #chat-button {
    display: none
}

/*# sourceMappingURL=/s/files/1/0115/7375/6000/t/115/assets/main.css.map?v=38297147303479530771729587935 */