@font-face {
    font-family: 'ABCWhyteSemi';
    src: url('//goodaddition.store/cdn/shop/t/24/assets/ABCWhyteSemi-Mono-Regular.woff?v=21445137126449443051764683635') format('woff'),
    url('//goodaddition.store/cdn/shop/t/24/assets/ABCWhyteSemi-Mono-Regular.woff2?v=113338485497167173321764683635') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BananaGrotesk Semibold';
    src: url('//goodaddition.store/cdn/shop/t/24/assets/BananaGrotesk-Semibold.otf?v=138660855261883610081764683636');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BananaGrotesk Extrabold';
    src: url('//goodaddition.store/cdn/shop/t/24/assets/BananaGrotesk-Extrabold.otf?v=9480850306807463191764683635');
    font-weight: normal;
    font-style: normal;
}

:root {
    --font-body-family: 'BananaGrotesk Semibold';
    --font-heading-family: 'ABCWhyteSemi';
}


body {
    transition: margin-top 0.5s ;
    font-family: 'BananaGrotesk Semibold';
    font-size: 13px;
}

body.locked {
    overflow: hidden;
}

.link {
    color: black !important;
}

main {
    z-index: 2;
    transition: all 0.3s;
    position: relative;
    background-clip: content-box;
    background-color: white;    
}

body.collection main {
    overflow-x: hidden;
}

body.index main {
    opacity: 0;
}

.main-container {
    height: 100%;
}

body.footer-loaded main {
    box-shadow: 0px 5px 5px 2px rgb(0 0 0 / 10%);
}

body.collection .main-container > div:nth-child(2) {
    flex: 1;
}

main.open {
    z-index: 1;
}

/* Header */

.customer_name {
    font-family: 'ABCWhyteSemi';
    font-size: 12.5px;
    line-height: 1;
    white-space: nowrap;

}

.menu-item,
header .list-menu__item,
header summary.list-menu__item {
    text-transform: uppercase;
    line-height: 12.5px;
    letter-spacing: 0.6px;
    font-size: 11px;
    font-family: 'BananaGrotesk Extrabold';    
    cursor: pointer;
}

header .list-menu__item {
    text-decoration: none;
}

header .list-menu__item,
header summary.list-menu__item {
    justify-content: center;
}

.mega-menu .mega-menu__content {
    opacity: 0;
    transition: all 500ms ease;
    border-top: 0px;
    border-bottom: 2px solid black;    
    pointer-events: none;
    top: 80px;
}

.mega-menu.open  .mega-menu__content {
    pointer-events: all;
} 

.mega-menu.open .mega-menu__content {
    opacity: 1;
    transition: all 500ms ease;   
    z-index: 10;
}

#shopify-section-header {
    position: sticky;
    top: 0;
}

.mega-menu__link--level-2 {
    font-family: 'ABCWhyteSemi';
    font-size: 13px;
}

.list-unstyled {
    font-family: 'BananaGrotesk Extrabold';
    font-size: 12.5px;
    text-transform: uppercase;
}

.header__menu-item {
    padding: 0 2em !important;
}

.header__inline-menu > .list-menu > li:first-child .header__menu-item {
    padding-left: 0px !important;
}

.mega-menu__link {
    text-decoration: none;
}

.mega-menu__list {
    padding-top: 0px;
}

.mega-menu__list {
    grid-template-columns: 2fr repeat(5,minmax(0,1fr));
}

.menu-item > span,
.header__menu-item > span {
    position: relative;
}

.menu-item > span::after,
.header__menu-item > span::after {
    content: '+';
    position: absolute;
    left: 0;
    transform: translateY(-15px);
    transition: all 0.2s;
    opacity: 0;
}

.menu-item:hover > span::after,
.header__menu-item:hover > span::after {
    opacity: 1;
    transition: 0.3s all 0.2s;
}

.menu-item span .inside,
.header__menu-item span .inside {
    transition: all 0.2s;
    display: block;
}

.menu-item:hover span .inside,
.header__menu-item:hover span .inside {
    transform: translate3d(11px, 0, 0);
    transition: 0.3s all 0.2s;
    
}

.account-icon-wrapper {
    position: relative;
    width: 100%
}

.account-icon-wrapper .plus,
.account-icon-wrapper .right-bracket,
.account-icon-wrapper .left-bracket {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}

.account-icon-wrapper .right-bracket,
.account-icon-wrapper .left-bracket {
    opacity: 0;    
}

.cart-icon-wrapper {
    display: flex;
}

@media screen and (max-width: 767px) {
    .header__cart .header__menu-item {
        padding-right: 15px !important;
    }
    
    .cart-icon-wrapper .cart-count-bubble,
    .cart-icon-wrapper img {
        transition: none !important;
    }
}

.cart-icon-wrapper img {
    transition: all 0.3s;
}

.cart-icon-wrapper .cart-count-bubble {
    color: black;
    opacity: 0;
    transition: all 0.3s;
    font-family: 'ABCWhyteSemi';
    font-size: 12.5px;
    justify-content: flex-end;
}

.cart-icon-wrapper .cart-count-bubble span {
    margin-top: 3px;
}

.mega-menu.open .cart-icon-wrapper img,
.cart-icon-wrapper.active img, 
body.cart .cart-icon-wrapper img,
.cart-icon-wrapper:hover img {
    transform: translate3d(50%, 0px, 0px);
}

.cart-icon-wrapper.active .cart-count-bubble,
.mega-menu.open:not(.mobile) .cart-icon-wrapper .cart-count-bubble,
body.cart .cart-icon-wrapper .cart-count-bubble,
.cart-icon-wrapper:hover .cart-count-bubble {
    transform: translate3d(calc(-50% - 5px), 0px, 0px);
    opacity: 1;
}

.header__icons header-menu {
    width: 7rem;    
}

.header__account .header__menu-item {
    height: 22.5px;
}

.header__search {
    padding-top: 3px;
}

header-menu.header__account:hover .account-icon-wrapper .plus,
header-menu.header__account.open .account-icon-wrapper .plus {
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 1;
}

header-menu.header__account:hover .account-icon-wrapper .left-bracket,
header-menu.header__account.open .account-icon-wrapper .left-bracket {
    left: calc(50% - 1.25em);
    opacity: 1;
}

header-menu.header__account:hover .account-icon-wrapper .right-bracket,
header-menu.header__account.open .account-icon-wrapper .right-bracket {
    left: calc(50% + 1.25em);
    opacity: 1;
}

.search-icon-wrapper img {
    transform: rotate(0deg);
    transition: all 0.3s;
    transform-origin: 7px 7px;
    width: 19px;
}

.header__search.open .search-icon-wrapper img,
.search-icon-wrapper img:hover  {
    transform: rotate(80deg);    
}

.drawer__inner {
    display: flex;
}

#MegaMenu-Content-Search {
    padding: 0px;
}

.header__search .input-wrapper {
    display: flex;
    flex-direction: row;
}

header .search__input.field__input {
    padding: 1.5rem 0px !important;
    border: 0px !important;
    background-color: transparent;
}

header .search__input.field__input:focus {
    background-color: transparent !important;
}

.search__button {
    border: 0px;
    padding-left: 0px;
    background-color: transparent;
}

.field__input:focus {
    box-shadow: none !important;
}

.search__input.field__input::placeholder {
    color: #707070;
    font-family: 'ABCWhyteSemi';
    font-size: 15px;
    opacity: 1;
    display: block;
    letter-spacing: 0px;
}

.header__search {
    margin-right: -1.7rem;
}

.welcome-back {
    padding: 0 2em;
}

.welcome-back h2 {
    margin: 0px;
    font-family: 'ABCWhyteSemi';
    font-size: 30px;
    font-size: clamp(25px, 3vw, 30px);    
    line-height: 1.33;
    text-align: center;
}

.welcome-back .login-toggle {
    font-family: 'BananaGrotesk Extrabold';
    font-size: 11px;
    line-height: 0.66;
    color: #C7C7C7;
    text-transform: uppercase;
    line-height: 1.1;
    margin-top: 5px;
}

.welcome-back .login-toggle span {
    cursor: pointer;
    letter-spacing: 0.5px;
}

.welcome-back .login-toggle span:hover {
    text-decoration: underline;
}

.welcome-back .login-toggle span.active {
    color: black;
}

.account-wrapper {
    padding-top: 2.4rem;
    padding-top: 2.4rem;
}

.account-wrapper .input-container {
    padding-right: 2em;
}

.account-wrapper .input-container > div:first-child {
    display: flex;
    align-items: flex-start;
}

.account-wrapper .input-wrap {
    padding-right: 0.5em;
    width: 20vw;
    position: relative;
}

.account-wrapper .password .forgot {
    align-self: flex-end;
    font-family: 'ABCWhyteSemi';
    font-size: 12.5px;
    line-height: 2;
    color: black;
}

.account-wrapper .password .forgot:hover {
    text-decoration: underline;
}

input:not([type=checkbox]):not(.quantity__input)::placeholder {
    color: #C7C7C7;
    font-family: 'BananaGrotesk SemiBold';
}

input:not([type=checkbox]):not(.quantity__input) {
    border: 1px solid #C7C7C7;
    border-radius: 0px;
    padding: 0.8em 1em;
    width: 100%;
    font-family: 'BananaGrotesk SemiBold';
    font-size: 13px;
    line-height: normal;
}

input:not([type=checkbox]):not(.quantity__input):focus {
    border: 1px solid #ADA590;
    background-color: rgba(173, 165, 144, 0.2);
}

input:not([type=checkbox]):not(.quantity__input):focus::placeholder {
    opacity: 0;
}

.password input {
    padding-right: 50px !important;    
}

.password img {
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    cursor: pointer;
    transition: all 300ms ease;
}

.password img.eye-close {
    opacity: 0;
}

.password input.show-password ~ img.eye-close {
    opacity: 1;    
}

.password input.show-password ~ img.eye-open {
    opacity: 0;
}

.slide-in-button,
input:not([type=checkbox]):not(.quantity__input),
.cust-form .slide-up .slide,
.cust-form .sign-in-button,
.cust-form .submit {
    height: 39px;
}

.invert {
    filter: invert(100%);
}

.cust-form .submit {
    width: 120px;    
}

.cust-form a.link {
    text-decoration: underline;
}

.slide-in-button,
.cust-form .sign-in-button {
    border: 0px;
    color: white;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    position: relative;
}

.slide-in-button span,
.cust-form .sign-in-button span {
    width: 120px;
    display: block;
    text-transform: uppercase;
    font-family: 'BananaGrotesk Semibold';
    font-size: 11px;
    letter-spacing: 0.6px;
}

.slide-in-button div span:nth-child(1),
.cust-form .sign-in-button div span:nth-child(1) {
    opacity: 0;
}

.slide-in-button div span:nth-child(2),
.cust-form .sign-in-button div span:nth-child(2) {
    opacity: 1;
}

.slide-in-button div,
.cust-form .sign-in-button div {
    position: absolute;
    left: -120px;
    transition: all 0.3s;
    display: flex;
}

.slide-in-button[disabled],
.cust-form .sign-in-button[disabled] {
    opacity: 0.3 !important;
    pointer-events: none !important;
}

.slide-in-button img,
.cust-form .sign-in-button img {
    height: 11px;
}

.slide {
    position: relative !important;    
    padding: 0px !important;  
}

.slide span {
    transform: translate3d(-25%, 0px, 0px);
    width: 100%;
    display: block;
    padding: 0px 3em;
    transition: all 0.3s; 
    font-family: 'BananaGrotesk Semibold';
    font-size: 11px;
    opacity: 0; 
    white-space: nowrap;
    letter-spacing: 0.6px;
}

.slide img {
    transition: all 0.3s;  
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1; 
}

.sign-in-button:hover > img,
.slide:hover > img {
    transform: translate3d(200%, 0px, 0px) translate(-50%, -50%);
    opacity: 0; 
}

.sign-in-button:hover > span,
.slide:hover > span {
    transform: translate3d(0, 0px, 0px);
    opacity: 1;
}

.cust-form .slide-up .slide {
    width: 100%;
    transition: all 0.2s;
}

.cust-form .slide-up {
    overflow: hidden;
}

.cust-form .slide-up .slide:first-child {
    transition: opacity 1s, transform 0.2s;
}

.cust-form .slide-up .slide:not(:first-child) {        
    opacity: 0;
}

.cust-form.sign-up .sign-up-slide-up { 
    height: 85px !important;
}

.cust-form.sign-up .slide-up .slide {
    transform: translate3d(0px, -39px, 0px);    
}

.cust-form.sign-up .slide-up .slide:first-child {   
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s, transform 0.2s;
}

.cust-form.sign-up .slide-up .slide:not(:first-child) {
    opacity: 1;
    pointer-events: all;
}

/* Checkbox */

.input-checkbox {
    display: flex;
    align-items: center;
    font-family: 'ABCWhyteSemi';
    line-height: 2;   
}

.input-checkbox,
.forgot {
    font-size: 8px;
    font-size: clamp(10px, 1vw, 12.5px);
    margin-top: 5px;
}

.input-checkbox .check {
    position: relative;
    height: 15px;
    display: flex;
}

.input-checkbox input {
    cursor: pointer; 
}

.input-checkbox label {
    margin-left: 0.5em;
    cursor: pointer;
}

.input-checkbox input {
    align-self: center;
}

.input-checkbox input ~ .checkmark::after {
    content: '';
    background-image: url(//goodaddition.store/cdn/shop/t/24/assets/small-bracket.svg?v=145684036455668314991764683634);
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
    height: 9px;
    width: 5px;
    background-repeat: no-repeat;
    background-size: auto 9px;
    background-position: center;
    transition: all 0.3s;
}

.input-checkbox input ~ .checkmark::before {
    content: '';
    background-image: url(//goodaddition.store/cdn/shop/t/24/assets/small-bracket.svg?v=145684036455668314991764683634);
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%);
    height: 9px;
    width: 5px;
    background-repeat: no-repeat;
    background-size: auto 9px;
    background-position: center; 
    transition: all 0.3s;
}

.input-checkbox:hover input ~ .checkmark::after {
    transform: translateY(-50%) translate3d(1px, 0px, 0px);
}

.input-checkbox:hover input ~ .checkmark::before {
    transform: translateY(-50%) translate3d(-1px, 0px, 0px);
}

.input-checkbox .check input {
    opacity: 0;
    height: 10px;
    width: 10px;
}

.input-checkbox .checkmark img {
    opacity: 0;
    transition: all 0.3s;
}

.input-checkbox input:checked img {
    opacity: 1;
}

.input-checkbox input:checked ~ .checkmark img {
    opacity: 1;
}

.input-checkbox:hover img {
    opacity: 1;
}

.input-checkbox input ~ .checkmark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    pointer-events: none;
}

.input-checkbox input ~ .checkmark img {
    width: 7px;
    height: auto;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cust-form .errors {
    display: none;
    padding-bottom: 1em;
    max-width: calc(40vw + 1em + 100px);
}

@media screen and (min-width: 1600px) {
    .mega-menu__list {
        gap: 5em !important;
    }
}

@media screen and (min-width: 1300px) {
    .mega-menu__list {
        gap: 4em !important;
    }
}

@media screen and (max-width: 1299px) {
    .mega-menu__list {
        grid-template-columns: 2fr repeat(4, auto) !important;
    }

    .mega-menu__list > li:not(:first-child) ul.list-unstyled {
        columns: unset;
    }
}

@media screen and (max-width: 1023px) {
    .customer_name {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .header__search .header__menu-item,
    .header__account .header__menu-item, .header__localization {
        display: none !important;
    }

    .header__icons header-menu {
        width: unset;
    }
 
    .header__cart .header__menu-item {
        padding-left: 0 !important;
    }

    .header__icon--cart {
        justify-content: flex-end !important;
    }    

    .cart-icon-wrapper .cart-count-bubble {
        opacity: 1;
    }

    .cart-icon-wrapper .cart-count-bubble,
    .cart-icon-wrapper:hover .cart-count-bubble {
        transform: translateX(-50%) translate3d(-15px, 0px, 0px);
    }

    .mega-menu.open .cart-icon-wrapper img, .cart-icon-wrapper:hover img {
        transform: none;
    }

}

/* Header Cart */


cart-drawer .drawer__header {
    display: none;
}

cart-drawer .drawer__inner {
    flex-direction: column-reverse;
}

cart-drawer .cart-drawer {
    width: 100%;
}

cart-drawer .cart-drawer__overlay:empty {
    display: none;
}

cart-drawer.drawer {
    position: absolute;
    background: none;
}

cart-drawer.drawer .drawer__inner {
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: unset;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

cart-drawer .drawer__cart-items-wrapper {
    display: flex;
}

cart-drawer .drawer__contents,
cart-drawer .swiper {
    width: 100%;
}

cart-drawer .swiper-slide {
    width: 190px;
    transform: none !important;
}

cart-drawer-items {
    overflow: unset !important;
    width: 100%;
}

.cart-item__media {
    position: relative;
    width: 100%;
    text-align: center !important;
}

.cart-item__media .item-details {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-cart-container .cart-items td,
cart-drawer .cart-drawer .cart-items td {
    text-align: left;
    width: 100%;
    padding-top: 0px;
}

.main-cart-container .cart-items td.last,
cart-drawer .cart-drawer .cart-items td.last {
    width: 1px;
    white-space: nowrap;
    text-align: right;
    vertical-align: top;
}

.quantity {
    min-height: 20px;
    width: 75px;
}

.quantity__button {
    font-family: 'ABCWhyteSemi';
    width: unset;
    background-color: #ADA5904D;
    padding: 5px;
    font-size: 11px;
    width: 27px;
}

.quantity__button svg {
    width: 0.75rem
}

.quantity__button:hover {
    background-color: #ADA590;
}

.quantity__button:hover svg path {
    fill: white;
}

.quantity__input {
    font-family: 'ABCWhyteSemi';
    font-size: 11px;
}

.quantity:after {
    display: none;
}

cart-drawer .cart-item__image {
    height: auto;
    width: calc(100% - 16px);
    transition: all 0.2s ease-in-out;
    padding-top: 8px;
}

cart-drawer .cart-item__media {
    position: relative;
}

cart-drawer .cart-item__name {
    font-family: 'ABCWhyteSemi';
    font-size: 12.5px;
    text-decoration: none;
    opacity: 0;
}

cart-drawer .cart-item__media:hover .item-details .cart-item__name {
    opacity: 1;
}

cart-drawer .cart-item__media:hover .cart-item__image {
    opacity: 0.5;
    transition: 0.3s all 0.2s ease-in-out;
}

.main-cart-container cart-remove-button .button,
cart-drawer cart-remove-button .button {
    min-height: unset;
    min-width: unset;
    height: unset;
}

cart-drawer .product-option { 
    font-size: 12px;
}

cart-drawer .drawer__footer {
    display: flex;
    border: none;
    padding-top: 0;
    align-items: center;
    left: 0;
}

@media screen and (max-width: 767px) {
    cart-drawer-items {
        overflow: auto !important;
    }

    cart-drawer .drawer__footer {
        background-color: white;
        z-index: 99;
        padding-bottom: 2em;
    }
}

cart-drawer .cart-drawer .tax-note {
    display: none;
}

cart-drawer .cart-title {
    font-family: 'ABCWhyteSemi';
    font-size: 30px;
}

cart-drawer .cart-drawer__footer div:empty {
    display: none;
}

cart-drawer .totals__subtotal {
    font-size: 12.5px;
    text-align: right;
    font-family: 'ABCWhyteSemi';
    position: relative;
    bottom: -7px;
}

cart-drawer .cart-title~span {
    font-size: 12.5px;
    text-align: right;
    font-family: 'ABCWhyteSemi';
}

cart-drawer .totals__subtotal-value {
    font-size: 30px;
    padding-right: 0.5em;
    font-family: 'ABCWhyteSemi';
}

/* Footer */

footer {
    width: 100%;
    border-top: 0px;
    z-index: -3;
    bottom: 0px;
    opacity: 0;
}

.footer__content-top {
    display: grid !important;
    width: 100%;
    grid-template-areas: 
        'newsletter social'
        'logo links';
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

footer .social {
    grid-area: social;
}

.footer-block--newsletter {
    grid-area: newsletter;
}

.footer-logo {
    grid-area: logo;
    align-items: flex-end;
}

.footer-block--menu {
    grid-area: links
}

.footer-block--menu .link {
    text-transform: uppercase;
    letter-spacing: 0.66px;
    white-space: nowrap;
    line-height: 2;
}

.footer-block--menu > div > div  {
    padding-left: 5em;
}

.footer__list-social .list-social__item:last-child a {
    padding-right: 0px;
}

.footer-block--newsletter{
    margin-bottom: 5em;;
}

.footer-block__heading {
    font-family: 'ABCWhyteSemi';
    font-size: 15px;
    font-size: clamp(15px, 1.5vw, 20px);
    line-height: 1.4;
}

footer .list-menu__item--link {
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
}

footer .footer__content-bottom {
    display: none;
}

.footer-block__heading {
    max-width: 400px;;
}

@media screen and (max-width: 969px) {
    .footer__content-top {
        grid-template-columns: 1fr 1.5fr;
    }

    .footer-block--menu > div > div {
        padding-left: 2em;
    }
}

@media screen and (max-width: 767px) {
    footer .list-menu__item--link {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        font-size: 10px;
    }

    .footer-block--menu .desktop {
        display: none;
    }

    .footer-block--menu .mobile {
        display: block !important;
    }

    .footer__list-social.list-social:only-child {
        justify-content: flex-start !important;
    }

    .footer-block--newsletter {
        margin-bottom: 1em;
    }

    footer .social {
        margin-bottom: 5em;
    }

    .footer-logo {
        margin-bottom: 1em;
    }

    .footer-logo img {
        width: 102px;
    }

    .footer__content-top {
        grid-template-areas: 
            'newsletter'
            'social'
            'logo'
            'links';
        grid-template-columns: 1fr;
    }

    .footer-block--menu > div:first-child {
        flex-wrap: wrap;
    }

    .footer-block--menu > div:first-child > div{
        min-width: 250px;
    }
}

/* Newsletter */
.newsletter-form__field-wrapper button {
    text-transform: uppercase;
    font-family: 'BananaGrotesk Extrabold';
    font-size: 11px;
    color: #C7C7C7;
    letter-spacing: 0.66px;    
    width: 60px;
    display: block;
    opacity: 1;
    padding-right: 10px;
}

@media screen and (max-width: 1400px) {
    .newsletter-form__field-wrapper button {
        color: #ADA590 !important;
    }
}

.newsletter-form__field-wrapper button:disabled {
    opacity: 0 !important;
}

.newsletter-form__field-wrapper button::before {
    transition: all 0.2s;
    content: url(//goodaddition.store/cdn/shop/t/24/assets/enter-arrow.svg?v=44420762640648140611764683638);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) translate3d(0px, 0px, 0px);
    left: 50%;
    opacity: 0;
    transition: all 0.4s;
}

.newsletter-form__field-wrapper button:hover:before {
    transform: translate(-50%, -50%) translate3d(-26px, 0px, 0px);
    opacity: 1;
}

/* Mobile Menu */
.menu-drawer__navigation {
    padding: 20px !important;
}

.js .menu-drawer__submenu {
    position: relative !important;
    top: unset !important;
    bottom: unset !important;
    left: unset !important;
    transform: unset !important;
    visibility: visible !important;
    border-left: 0px !important;
}

.menu-drawer .menu-drawer__navigation > ul > li > .menu-drawer__menu-item,
.header .menu-drawer summary.list-menu__item, .menu-drawer ul.has-submenu a.no-submenu  {
    font-family: 'ABCWhyteSemi';
    font-size: 20px !important;
    line-height: 24px;
    text-transform: none;
    background-color: white;
}

.menu-drawer__submenu.child .list-menu {
    columns: 2;
}

a.menu-drawer__menu-item {
    padding: 1rem;
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}

.menu-drawer .menu-drawer__navigation > ul > li > .menu-drawer__menu-item,
summary.menu-drawer__menu-item, .menu-drawer ul.has-submenu a.no-submenu {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.menu-drawer .menu-drawer__navigation > ul > li > .menu-drawer__menu-item,
.menu-drawer details > summary, .menu-drawer ul.has-submenu a.no-submenu {
    border-bottom: 1px solid #C7C7C7;
}

.menu-drawer details[open] > summary {
    border-bottom: 0px;
}

.menu-drawer .menu-drawer__navigation > ul > li > div > .menu-drawer__menu-item {
    display: none !important;
}

summary.collapse {
    display: none;
}

.li-left a {
    justify-content: flex-start;
    padding-left: 0px;
}

.li-right a {
    justify-content: flex-end;
    padding-right: 0px;
}

.first-menu {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #C7C7C7;
}

.mobile .close-wrapper {
    position: absolute;
    top: -62px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0px;
    z-index: 2;
    pointer-events: none;
    height: 62px;
    width: 62px;
    background-color: white;
}

.menu-drawer-container .close-wrapper {
    display: none;
}

.menu-drawer-container.menu-opening .hamburger {
    display: none;
}

.menu-drawer-container.menu-opening .close-wrapper {
    display: flex;
}

#Details-HeaderMenu-Search .close-wrapper {
    display: none;
}

.mobile .close-wrapper {
    display: flex !important;
    opacity: 0;
    pointer-events: none;
    top: 0px;
    left: -100vw;
    transition: 0.2s all 0.3s ease-in-out;
}

.mobile.open .close-wrapper {
    z-index: 9;
    pointer-events: all;
    transform: translate3d(100vw, 0, 0);
    opacity: 1;
}

.mobile .close-wrapper .icon-close,
#menu-drawer .close-wrapper .icon-close {
    height: 2rem;
    width: 2rem;    
    background: white;    
    transform: scale(1.07);    
}
 
.menu-drawer__account span,
.menu-drawer__search span {
    font-family: 'BananaGrotesk ExtraBold';
    font-size: 10px !important;
    text-transform: uppercase;
    padding: 0px 0px 0px 10px;
}

.predictive-search {
    display: none;
    border: 0px !important;
}

.predictive-search.mobile {
    max-height: unset;
    flex: 1;
    height: 100%;
    position: relative;
    top: 0;
    display: block;
}

#Details-HeaderMenu-Search.mobile .mega-menu__content {
    height: calc(100vh - 56px);
    top: 56px;
    z-index: 4;
    border-bottom: 0px;
    transition: 0.2s all 0.3s ease-in-out;
    transform: translate3d(-100%, 0px, 0px);
}

#Details-HeaderMenu-Search.mobile.open .mega-menu__content {
    transform: translate3d(0px, 0px, 0px);
}

#Details-HeaderMenu-Search.mobile .search-modal__form {
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
}

#Details-HeaderMenu-Search.mobile .predictive-search__heading {
    display: none;
}

.predictive-search__list-item:nth-last-child(2) {
    border-bottom: 0px !important;
}

#Details-HeaderMenu-Search.mobile .input-wrapper {
    margin-top: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid black;
}

.predictive-search__item-heading {
    letter-spacing: 0;
    text-transform: none;
}

#Details-HeaderMenu-Search.mobile .search-modal__form[results=true] .predictive-search-status {
    display: flex !important;
}

#Details-HeaderMenu-Search.mobile .predictive-search-status {
    padding: 2em 0px;
    display: flex;
    text-align: center;
    font-family: 'ABCWhyteSemi';
    font-size: 12.5px;
    justify-content: center;
}

#Details-HeaderMenu-Cart.mobile .mega-menu__content {
    left: 100%;
    visibility: visible;
    transition: all 0.3s;
    height: calc(100vh - 60px);
    border-bottom: 0px;
}

@media screen and (max-width: 767px) {
    .search__input.field__input::placeholder,
    .search__input.field__input {
        font-size: 11px !important;
    }

    #Details-HeaderMenu-Cart.mobile .mega-menu__content {
        height: calc(100vh - 56px);
        top: 56px;
    }

    cart-drawer.drawer {
        margin: 0px;
    }

    .li-left a,
    .li-right a {
        font-size: 10px;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

#Details-HeaderMenu-Cart.mobile.open .mega-menu__content {
    left: 0;        
    padding-top: 0.5em;
}

#Details-HeaderMenu-Cart.mobile.open cart-drawer .drawer__inner {
    flex-direction: column;
}

#Details-HeaderMenu-Cart.mobile.open cart-drawer .drawer__footer {
    flex-direction: column;
}

#Details-HeaderMenu-Cart.mobile.open cart-drawer .drawer__footer > div:first-child {
    display: none;
}

#Details-HeaderMenu-Cart.mobile.open cart-drawer .drawer__footer .cart-drawer__footer {
    width: 100%;
}

#Details-HeaderMenu-Cart.mobile.open cart-drawer .drawer__footer .totals > div {
    flex: 1;
}

#Details-HeaderMenu-Cart.mobile.open cart-drawer .drawer__footer .totals__subtotal {
    text-align: left;
    font-family: 'ABCWhyteSemi';
    font-size: 20px;
    position: static;
}

#Details-HeaderMenu-Cart.mobile.open cart-drawer .drawer__footer .totals__subtotal-value {
    text-align: right;
    font-family: 'ABCWhyteSemi';
    font-size: 20px;
}

#Details-HeaderMenu-Cart.mobile.open cart-drawer .drawer__footer .cart__ctas {
    width: 100%;
    margin-top: 1em;
}

#Details-HeaderMenu-Cart.mobile .swiper-wrapper {
    flex-direction: column;
}

#Details-HeaderMenu-Cart.mobile .swiper {
    height: 100%;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

#Details-HeaderMenu-Cart.mobile .swiper .swiper-slide {
    width: 100%;
    height: auto;
    margin-bottom: 2em;
    margin-bottom: 2em;
    padding: 20px 20px;
}

#Details-HeaderMenu-Cart.mobile cart-drawer-items {
    display: flex;
}

#Details-HeaderMenu-Cart.mobile  .cart-item-wrapper {
    position: relative;
}

#Details-HeaderMenu-Cart.mobile  .cart-item-wrapper tbody {
    display: grid;
    grid-template-areas: 
        'image details details remove'
        'image price qty qty';
    grid-template-rows: auto;
    grid-template-columns: auto 1fr 1fr 1fr;
}

#Details-HeaderMenu-Cart.mobile  .cart-item-wrapper tbody > tr:nth-child(1) {
    display: flex;
    grid-area: image;
}

#Details-HeaderMenu-Cart.mobile  .cart-item-wrapper tbody > tr:nth-child(2) {
    display: none;
}

#Details-HeaderMenu-Cart.mobile  .cart-item-wrapper tbody > tr:nth-child(3) {
    display: flex;
    grid-area: details;
}

#Details-HeaderMenu-Cart.mobile  .cart-item-wrapper tbody > tr:nth-child(4) {
    display: flex;
    justify-content: flex-end;
    grid-area: remove;
}

#Details-HeaderMenu-Cart.mobile .cart-drawer .cart-item__image {
    height: 135px;
    width: auto;
}

#Details-HeaderMenu-Cart.mobile .cart-drawer .cart-item__quantity.last {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    z-index: 5;
}

#Details-HeaderMenu-Cart.mobile .cart-drawer .cart-item__details {
    padding-left: 10px;
}

#Details-HeaderMenu-Cart.mobile .cart-drawer .cart-remove.last {
    width: auto;
}

#Details-HeaderMenu-Cart.mobile .cart-drawer .cart-mobile-details {
    display: block !important;
    font-family: 'ABCWhyteSemi';
    font-size: 12px;
}

#Details-HeaderMenu-Cart.mobile .cart-drawer .cart-item__details > * + * {
    margin-top: 1em;
}

#Details-HeaderMenu-Cart.mobile .cart-drawer .price {
    position: absolute;
    bottom: 0px;
    left: 105px;
}

#Details-HeaderMenu-Cart.mobile .cart-mobile-title {
    display: block !important;
    font-family: 'ABCWhyteSemi';
    font-size: 20px;
    padding-bottom: 1em;
    background-color: white;
    position: sticky;
    top: 0;
    z-index: 99;
}

#Details-HeaderMenu-Cart.mobile .swiper-slide.brackets > .right,
#Details-HeaderMenu-Cart.mobile .swiper-slide.brackets > .left {
    display: block !important;
}

.drawer__inner-empty .drawer__close {
    display: none;
}

#Details-HeaderMenu-Cart.mobile .drawer__inner-empty ~ .cart-mobile-title {
    display: none !important;
}

.cart__empty-text {
    font-size: 20px;
    letter-spacing: 0;
}

// #Details-HeaderMenu-Cart.mobile .header__menu-item.zero .cart-count-bubble {
//     display: none;
// }

// .header__menu-item.zero {
//     pointer-events: none;
// }

.swatch {
    height: 16px;
    width: 16px;    
    margin-right: 12px;
    margin-bottom: 12px;
    cursor: pointer;
    display: block;
    position: relative;
    line-height: 0;
}

.swatch .border {
    border-radius: 4px;
    overflow: hidden;
}

.swatch .border.with-border {
    outline: 1px solid black;
}

.product-form__input input[type=radio]:hover + label .swatch .border {
    outline: 2px solid black;
}

.swatch img {
    width: 100%;
}

.thread-color .swatch {
    margin-right: 1em;
    margin-bottom: 0px;
}

.product-form__input input[type=radio]:checked + label .swatch .border,
.swatch.active .border {
    outline: 2px solid #ADA590;
}

@supports (-webkit-touch-callout: none) {
    .swatch .border {
        outline: none !important;
        border: 1px solid black;
    }

    .facet-checkbox input[type=checkbox]:checked ~ .swatch .border,
    .product-form__input input[type=radio]:checked + label .swatch .border,    
    .swatch.active .border {
        outline: none !important;
        border: 2px solid #ADA590;
    }

    .colors .swatch.active {
        outline: none !important;
    }
}

.colors .swatch.active::after, .product-form__input input[type=radio]:checked + label .swatch::after {
    outline: 0;
    border: 0;
}

.colors .swatch {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    display: flex;
}

.colors .swatch.active, .product-form__input input[type=radio]:checked + label .swatch::after {
    outline: 2px solid #ADA590;
}

.colors .swatch .border { 
    border-radius: 2px; 
}

.disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

.color-size-variant {
    display: none;
}

.color-size-variant.active {
    display: block;
}

.variants-wrapper {
    height: 28px;
    padding: 2em 5%;
}

.cart-item__error:not([hidden]),
.product-form__error-message-wrapper:not([hidden]) {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 400px;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: white;
    padding: 2em;
    font-family: 'ABCWhyteSemi';
    font-size: 12.5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0px;
    box-shadow: 0px 5px 5px 2px rgb(0 0 0 / 10%);
    border: 1px solid black; 
}

.cart-item__error:not([hidden])::before,
.product-form__error-message-wrapper:not([hidden])::before {
    content: "Oops!"; 
    font-family: 'ABCWhyteSemi';
    letter-spacing: 0px;
    font-size: 20px;
    line-height: 1;
    text-align: left;
    margin-bottom: 1em;   
}

.cart-item__error:not([hidden]) .close,
.product-form__error-message-wrapper:not([hidden]) .close {
    content: '';
    position:absolute;    
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: black;;
}

.cart-item__error:not([hidden]) svg,
.product-form__error-message-wrapper:not([hidden]) svg {
    display: none;
}

@media screen and (max-width: 767px) {
    .menu-drawer {
        width: 100vw !important;
    }
}

/* Product Banner */
.product-banner {
    position: relative;
}

.product-banner .img-product-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}

.product-banner .content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    padding-left: 1em;
    padding-right: 1em;
    flex-direction: column;
}

.product-banner .content p {
    padding-left: 2em;
    padding-right: 2em;
}

.product-banner a {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.product-banner .content-wrapper {
    width: 100%;
}

.product-banner .link-wrapper {
    padding-top: 2em;
    padding-bottom: 2em;
    font-family: 'ABCWhyteSemi';
    font-size: 20px;
    font-size: clamp(12.5px, 1vw, 20px);
    text-align: center;
    flex-wrap: wrap;
    padding-left: 1em;
    padding-right: 1em;
}

.product-banner .link-wrapper img {
    transition: all 300ms ease;
}

.product-banner .link-wrapper:hover img {
    transform: translateX(10px);
}

.product-banner .card__inner.brackets > .left,
.product-banner .card__inner.brackets > .right,
.product-banner.brackets > .left,
.product-banner.brackets > .right {
    opacity: 1 !important;
}

.product-banner-section {
    display: none;
}

@media screen and (max-width: 767px) {
    .product-banner .content {
        width: 100% !important;
    }
}

/* Product Page */
.product.grid {
    flex-direction: row-reverse;
}

.product__media-toggle,
.product__media-icon {
    display: none !important;
}

// .product-form__input.color input[type=radio] {
//     top: 0;
//     left: 0;
//     height: 100%;
//     width: 100%;
// }

// .product-form__input.color .input-wrapper {
//     width: 16px;
//     height: 16px;
//     margin-right: 1em;
//     position: relative;
// }

@media screen and (max-width: 767px) {
    body.product .product__info-container > * + * {
        margin: 0;
    }    

    variant-radios {
        margin-bottom: 1.5em !important;
    }
}


.product__text.caption-with-letter-spacing {
    font-size: 11.5px;
    font-family: 'ABCWhyteSemi';
    letter-spacing: 0px;
    line-height: 16px;;
    color: #C7C7C7;
}

body.product .product__description {
    margin: 2em 0em;
    font-size: 13px;
    font-family: 'BananaGrotesk Semibold';
    line-height: 18px;
    letter-spacing: 0;
}

body.product .product-form__input.color input[type=radio]+label {
    background-color: transparent;
    border: none;
    padding: 0px;
}

body.product .product-form__input.size input[type=radio]+label {
    background-color: transparent;
    border: 1px solid #C7C7C7;
    padding: 0px;
    font-family: 'BananaGrotesk Extrabold';
    letter-spacing: 0.66px;
    text-transform: uppercase;
    font-size: 9px;
    width: fit-content;
    padding: 0 10px;
    height: 27px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    color: black;
    margin-right: 16px;
    margin-bottom: 12px;
    transition: all .3s ease-out;
}

body.product .product-form__input.size input[type=radio]:checked+label:not(.disabled) { 
    border: 2px solid #ADA590;
    color: #ADA590;
}

body.product .product-form__input.size input[type=radio]:hover+label:not(.disabled) {
    border: 1px solid black;
}

body.product .product-form__input.size label.disabled {
    pointer-events: all !important;
    position: relative;
}

body.product .product-form__input.size label.disabled::after {
    content: '';
    position: absolute;
    height: calc(100% + 10px);
    width: 1px;
    background-color: #c7c7c7;
    transform: rotate(45deg) translate(-50%, -50%);
    top: calc(50% - 5px);
    left: calc(50% - 13px);
}

variant-radios {
    display: flex !important;
    flex-direction: column-reverse;
}

body.product .product-form__input .quantity {
    color: black;
    position: relative;
    width: 100px;
    display: flex;
    border-radius: 0;
    min-height: 27px;
}

body.product .quantity .quantity__input {
    font-size: 12px;
}

body.product .quantity:after {
    display: none;
}

body.product .product-recommendations-wrapper,
body.product .main-product.container {
    max-width: 1600px;
}

.button.product-form__submit {
    font-size: 9px;
    letter-spacing: 0.6px;
}

.product__media-list li {
    display: none;
}

.product__media-list li.active {
    display: list-item;
}

.size-section img {
    width: 100%;
}

.size-guide-label {
    font-family: 'BananaGrotesk Extrabold';
    font-size: 9px;
    letter-spacing: 0.66px;
    text-transform: uppercase;
    cursor: pointer;
}

.product-form__buttons,
body.product .product-form__input {
    max-width: unset !important;
}

.size-guide {
    max-width: 90%;
    width: 540px;
    border: 1px solid black;
    box-shadow: 0px 5px 5px 2px rgb(0 0 0 / 10%);
    padding: 20px 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;        
}

.size-guide-section {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9;
    display: none;
}

.cart-item__error .close,
.newsletter-popup-section .close,
.product-form__error-message-wrapper .close {
    transition: all 0.3s;
}

.size-guide-section .close {
    position: absolute;
    top: 15px;
    right: 15px;
    transition: all 0.3s;
}

.cart-item__error .close:hover,
.product-form__error-message-wrapper .close:hover,
.size-guide-section .close:hover, .newsletter-popup-section .close:hover {
    transform: rotate(45deg);
    cursor: pointer;
}

.size-guide-section .size-selector span {
    opacity: 0.5;
    cursor: pointer;
}

.size-guide-section .size-selector span.active {
    opacity: 1;
}

.size-guide-section .size-image picture {
    display: none;
    width: 100%;
    height: auto;
}

.size-guide-section .size-image picture.active {
    display: block;
}

.size-guide h1 {
    text-align: center;
    font-size: 30px;
    font-size: clamp(18px, 1.5vw, 30px);
    margin-bottom: 0px;
}

.size-guide .line {
    width: 100%;
    border-top: 1px solid #ADA590;
    text-align: center;
    font-size: 11px;
    font-size: clamp(11px, 1.5vw, 13px);
    padding-top: 20px;
    position: relative;
}

.size-guide .line.active::after {
    content: '';
    border-left: 3px solid #ADA590;
    height: 19px;
    left: 50%;
    top: 0;
    position: absolute;
    transform: translate(-50%, -50%);
}

.size-guide p {
    font-size: 13px;
}

.size-guide span {
    font-size: 11px;
}

.size-guide .size-selector {
    text-align: center;
    font-size: 11px; 
    font-family: 'BananaGrotesk ExtraBold';
    margin: 1em 0;
    letter-spacing: 0.6px;
}

.size-guide .size-selector span:hover {
    text-decoration: underline;
}

.size-guide .size-section {
    margin-top: 2em;
    margin-bottom: 3em;
}

.overall.size-section {
    margin-bottom: 1em;
}

.size-guide .label {
    font-family: 'ABCWhyteSemi';
    font-size: 12.5px;
    margin-right: 2em;;
}

.size-section.last {
    margin-top: 4em;
    margin-bottom: 1em;    
}

.size-section.last a {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-family: 'BananaGrotesk Extrabold';
}

body.product .product__accordion .accordion__content {
    padding: 0px;
}

.accordion summary {
    transition: all 0.3s;
}

.accordion summary[aria-expanded=true] {
    // transform: translate3d(0px, 260px, 0px);
    width: 100%;
    top: 100%;
    transition: 0.3s all 0.2s;
}

body.product .accordion__title {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: unset;
    margin-top: -0.5em;
    font-family: 'BananaGrotesk ExtraBold';
    font-size: 9px;
    text-transform: uppercase;
}

body.product .accordion .summary__title+.icon-caret {
    left: 50%;
    top: 2em;
    transform: translateX(-50%);
}

body.product .accordion details[open]>summary .icon-caret {
    transform: translateX(-50%) rotate(180deg);
}

body.product .accordion {
    border: 0px;
    padding-bottom: 1em;
}

.accordion__content {
    opacity: 0;
    transition: 0.3s all 0.2s;
}

body.product .accordion summary[aria-expanded=true] ~ .accordion__content {
    opacity: 1;
    margin-top: -3em;
    margin-bottom: 5em;
}

.customize {
    transition: all 0.3s;
    position: relative;
    display: inline-block;
    overflow: hidden;    
}

.customize.initial {
    width: 100%;
}

.customize .bg {
    background-color: rgba(173, 165, 144, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
    pointer-events: none;
}

.customize.active .bg {    
    transition: 0.4s all 0.2s;    
}

.customize .inner-content {
    transition: all 0.7s;
    opacity: 0;
    padding: 20px;
}

.customize.active .inner-content {    
    display: flex ;
    flex-direction: column;
    opacity: 1;
}

.customize .customize-title {
    display: inline-block;
    padding: 5px 20px;   
    white-space: nowrap;
    font-size: 9px;
    font-family: 'BananaGrotesk Extrabold';
    text-transform: uppercase;
    transition: all 0.3s;
    letter-spacing: 0.66px;
    cursor: pointer;
}

.customize .customize-title span {
    transition: all 0.3s;
    top: 0px;
    position: relative;
}

.customize.active .customize-title span {
    top: 10px;
    position: relative;
    transition: 0.4s all 0.2s;
}

#initials {
    border: 0px;
    border-bottom: 1px solid black;
    background-color: transparent;
    padding-left: 0px;
    padding-bottom: 4px !important;
}

.thread-color {
    margin-top: 2em;
    font-family: "ABCWhyteSemi";
    font-size: 10px;
}

#initials::placeholder {
    color: black;
    font-family: "ABCWhyteSemi";
    font-size: 10px;
}

.product-recommendations {
    padding: 4em 0px 0px;
    margin-bottom: 3em;
}

.product-recommendations__heading {
    text-align: center;
    font-size: 20px;
}

.product-recommendations .card-information,
.product-recommendations .product-grid .card-wrapper .card__content .colors,
.product-recommendations .product-grid .card-wrapper .brackets .right,
.product-recommendations .product-grid .card-wrapper .brackets .left,
.product-recommendations .product-grid .card-wrapper .card-overlay,
.product-recommendations .product-grid .card-wrapper .plus-sign,
.product-recommendations .product-grid .card-wrapper a.card__content .card__information {
    display: none;
}

.product-recommendations .card__inner:hover .media.media--hover-effect > img.active {
    transform: none;
}

.product-recommendations.brackets > .left {
    left: -8px;
}

.product-recommendations.brackets > .right {
    right: -8px;
}

.product-recommendations-wrapper {
    padding: 6vw;
}

.product-recommendations .card__content {
    margin-bottom: 0px;
    position: absolute;
    bottom: 0;
}

.product-recommendations .card__heading {
    text-align: center;
    z-index: 2
}

.product-recommendations .card__inner ~ .card__content .card__information::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    left:0;
    transition: 0.2s all 0.3s;
    background-color: white;
    z-index: 1;
}


.product-recommendations .card__inner:hover ~ .card__content .card__information::before {
    top: 0;
}

.product-recommendations .card__inner ~ .card__content .card__information {
    opacity: 0;
    transition: 0.2s all 0.3s;
    position: relative;
}

.product-recommendations .card__inner:hover ~ .card__content .card__information {
    opacity: 1;
}

.product-recommendations .plus {
    margin: 2em 0em;
    width: 100%;;
}

.price {
    font-family: 'ABCWhyteSemi';
    display: flex;
    flex-direction: column;
}

.product .price .badge {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    margin: 0px;
    white-space: nowrap;
}

body.product .price__sale {
    opacity: 0.5;
    margin-left: 10px;
}

body.product .price__regular *,
body.product .price__sale *,
body.product .product__title h1,
.product__text.caption-with-letter-spacing+.product__title,
.price--large {
    font-size: 18px;
    font-size: clamp(18px, 2.5vw, 33px);
}

.product-form__buttons .loading-overlay__spinner {
    opacity: 0;
}

@media screen and (max-width: 767px) {
    body.product .price__regular *,
    body.product .price__sale *,
    body.product .product__title h1,
    .product__text.caption-with-letter-spacing+.product__title,
    .price--large {
        font-size: 20px !important;
    }

    body.product .product__description {
        margin-top: 0px;
        font-size: 11px;
    }

    .price__container {
        text-align: right;
    }
    .product__info-container {
        display: grid;
        grid-template-areas:
            'caption caption'
            'title price'
            'subittle subtitle'
            'description description'
            'radios radios'
            'quantity quantity'
            'accordion accordion'
            'customize customize'
            'cart cart';
        grid-template-columns: 2fr 1fr;
        grid-template-rows: auto;
        margin-bottom: 4em;

    }

    .product__info-container .caption-with-letter-spacing {
        grid-area: caption;
    }

    .product__info-container .product__title {
        grid-area: title;
    }

    .product__info-container .price-wrapper {
        grid-area: price;
    }

    .product__info-container .product__text.subtitle {
        grid-area: subittle;
    }

    .product__info-container .product-form__quantity { 
        grid-area: quantity;
        margin-bottom: 2em !important;
    }

    .product__info-container .product-form-wrapper {
        grid-area: cart;
    }

    .product__info-container .product__accordion {
        grid-area: accordion;
    }

    .product__info-container .product__description {
        grid-area: description;
    }

    .product__info-container .variant-radios-wrapper {
        grid-area: radios;
    }

    .product__info-container .customize {
        grid-area: customize;
        margin-top: 1.5em !important;
    }

    body.product .customize {
        width: 100% !important;        
        height: auto !important;
        margin-top: 2em;
    }

    body.product .customize .bg {
        width: 100% !important; 
        height: 100% !important;
    }

    body.product .customize .inner-content {
        opacity: 1;
    }

    body.product ul.product__media-list {
        column-gap: 0px;
    }

    body.product .customize .customize-title span {
        top: 10px;
        position: relative;
    }

    .slider-buttons {
        position: absolute;
        bottom: 0;
        left: 22px;
        padding: 20px 9px;
    }

    .slider-counter {
        justify-content: flex-end !important;
    }

    .slider-buttons .slider-counter span {
        font-size: 12.5px;
        font-family: 'ABCWhyteSemi';
        color: #707070;
    }

    .slider-buttons .slider-counter span:nth-child(2) {
        margin: 0 5px;
    }

    .slider-buttons button {
        display: none;
    }

    .product-recommendations-wrapper {
        margin-top: 4em;
    }

    body.product .accordion summary[aria-expanded=true] ~ .accordion__content {
        margin-bottom: 1em;;
    }

    .cart__checkout-button.slide img {
        transform: translate3d(200%, 0px, 0px) translate(-50%, -50%);
        opacity: 0; 
    }
    
    .cart__checkout-button.slide span {
        transform: translate3d(0, 0px, 0px);
        opacity: 1;
    }
}

@media screen and (max-width: 1399px) {
    .product-recommendations-wrapper {
        padding: var(--gap);
    }
}

/* Newsletter popup */
.newsletter-popup-section {
    position: fixed;
    width: 540px;
    max-width: 90%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: white;
    z-index: 99;
    box-shadow: 0px 5px 5px 2px rgb(0 0 0 / 10%);
    border: 1px solid black;
    display: none;
}

.newsletter-popup-section .close {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    transition: all 0.3s;
}

.newsletter-popup-section .img-newsletter {
    width: 100%;
    height: auto;
}

.newsletter-popup-section .img-newsletter img {
    width: 100%;
}

.newsletter-popup-section .newsletter-content {
  margin-bottom:15px;
}

.newsletter-popup-section .form-wrapper {
    padding: 24px;
}

.newsletter-popup-section .newsletter-content {
    font-size: 20px;
    font-size: clamp(20px, 1.5vw, 28px); 
    font-family: 'ABCWhyteSemi';
    line-height: 1.3;
    letter-spacing: -.05rem;
}

.newsletter-popup-section .newsletter-form__message--success {
    margin: 0px;
    font-size: 20px;
    font-size: clamp(20px, 1.5vw, 28px);
    font-family: 'ABCWhyteSemi';
    line-height: 1.3;
    letter-spacing: -.05rem;
}

.newsletter-popup-section .newsletter-form__field-wrapper,
.newsletter-popup-section .newsletter-form {
    max-width: unset;
}

.newsletter-popup-section .newsletter-form__field-wrapper .slide-in-button {
    opacity: 1;
    width: unset;
    color: white;
}

.newsletter-form__message svg {
    display: none;
}

#PopupNewsletterForm--newsletter-popup:focus {
    background-color: white;
    border: 2px solid #ADA590;
}

#PopupNewsletterForm--newsletter-popup {   
    font-family: 'BananaGrotesk SemiBold'
}

#PopupNewsletterForm--newsletter-popup:focus ~ button { 
    color: #ADA590;
}

@media screen and (max-width: 767px) {
    .newsletter-popup-section .newsletter-content {
        font-size: 16px;
    }

    #PopupNewsletterForm--newsletter-popup {   
        font-size: 11px;
    }

    .newsletter-popup-section .newsletter-form__field-wrapper .slide-up {
        display: none;
    }

    .newsletter-popup-section .newsletter-form__button.field__button {
        display: flex;
    }

    .newsletter-popup-section .form-wrapper {
        padding: 0px 30px 30px 30px;
    }
}

/* Other Common */

.collection-hero__text-wrapper {
    flex-basis: 100%;
}

.collection-hero__text-wrapper + h3 {
    margin-top: 5em;
}

.collection-hero__text-wrapper {
    align-items: flex-end;
}
  
.filter-text {
    line-height: 1.2;
}

.facets__summary span[data-label='size'] {
    margin-right: 1em;
}
  
@media screen and (max-width: 767px) {
    .collection-hero__text-wrapper {
      flex-direction: column-reverse;
      align-items: center;
    }  
  
    .filter-text {
      padding-top: 2em;
    }
}

.collection-hero__title {
    margin: 0;
    line-height: 1;
    font-family: 'ABCWhyteSemi';
    font-size: 35px;
    letter-spacing: 0;
}

body.search .collection-hero__title { 
    font-size: 25px;
}

.quick-add-button span {
    line-height: 1;
    font-family: BananaGrotesk Extrabold;
    font-size: 11px;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}

.cart-item__details {
    height: 55px;
}

.selected-colour {
    font-family: 'BananaGrotesk Semibold';
    font-size: 13px;
    color: #ADA590;
    margin-left: 1.5em
}

.form__label {
    font-family: 'ABCWhyteSemi';
    font-size: 13px;
}

.top-part {
    position: sticky;
    top: 76px;
    background-color: white;
    z-index: 99999;
}

.account-summary,
.order-history {
    max-height: 100%;
    padding-bottom: 10em;
}

.customer .page-title,
.account .greeting,
.customer.addresses .page-title  {
    font-size: 47px;
    font-size: clamp(18px, 1.5vw, 47px);
}

.customer form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reset-password .field {
    max-width: 300px;
}

@media screen and (max-width: 767px) {
    .size-guide-label,
    .slide span,
    body.product .product-form__input.size input[type=radio]+label {
        font-size: 10px;
    }

    .form__label {
        font-size: 12.5px;
    }

    .top-part {
        top: 52px;
    }        

    .account .greeting,
    .customer .page-title,
    .customer.addresses .page-title {
        padding: 1em 0px 1em !important;
        background-color: white;
        z-index: 10;
        position: relative;
    }
}

/* Account navi */ 
.customer a:hover {
    text-decoration-thickness: 0;
}

.account .greeting {
    padding: 30px 20px;
}

.account-navi {
    width: 100%;
    justify-content: space-between;
}

.account-navi .nav-item {
    text-decoration: none !important;
    line-height: 12.5px;
    letter-spacing: 0.6px;
    font-size: 11px;
    font-family: 'BananaGrotesk Extrabold';
    cursor: pointer;
}

.account-navi .nav-item > span {
    position: relative;
    display: block;
}

.account-navi .nav-item > span::after {
    content: '+';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all 0.2s;
    opacity: 0;
}

.account-navi .nav-item.log-out > span::after {
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.781' height='8.574' viewBox='0 0 7.781 8.574'%3E%3Cg id='Group_511' data-name='Group 511' transform='translate(-1096.665 -289.713)'%3E%3Crect id='Rectangle_236' data-name='Rectangle 236' width='1.418' height='5.28' transform='translate(1099.847 289.713)'/%3E%3Cpath id='Path_172' data-name='Path 172' d='M5.971 1.407 5.385 2.421l-.12.209a2.472 2.472 0 1 1-2.748 0L2.4 2.421 1.811 1.407a3.89 3.89 0 1 0 4.16 0' transform='translate(1096.665 289.713)'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 8px;
    position: absolute;
    width: 10px;
    height: 10px;
}

.account-navi .nav-item:hover > span::after {
    opacity: 1;
    transition: 0.3s all 0.2s;
}

.account-navi .nav-item .inside {
    transition: all 0.2s;
    display: block;
}

.account-navi .nav-item:hover .inside {
    transform: translate3d(11px, 0, 0);
    transition: 0.3s all 0.2s;   
}

.account .greeting {
    background-color: white;
    position: relative;    
}

.image-bracket-section picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom: 1px solid white;
}

.responsive-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    position: absolute !important;
}

picture.img-bracket {
    top: 0;
    left: 0;
    position: absolute !important;
}

.cancel-forgot {
    font-size: 11px;
    font-family: 'BananaGrotesk ExtraBold';
    text-decoration-thickness: 0 !important;
    text-align: center;
    justify-self: center;
    align-self: center;
    text-transform: uppercase;
}

.grecaptcha-badge,
.rc-anchor {
    display: none !important;
}

#Cart-note {
    background: transparent;
    border-bottom: 1px solid black;
    font-family: 'BananaGrotesk SemiBold';
    font-size: 13px;
    line-height: normal;
    padding: 0px;
    min-height: unset;
}

#Cart-note::placeholder {
    color: black;
    font-family: "ABCWhyteSemi";
    font-size: 10px;
}

#shopify-section-careers {
    border-top: 1px solid #C7C7C7;
}

@media screen and (max-width: 767px) {
    .account-navi {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: row;
        overflow: hidden;
        padding: 20px;
        transition: 0.3s all 0.2s linear;
        grid-row-gap: 5px;
        margin: 0px;
        z-index: 1;
        position: fixed;
        top: 110px;
        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 10px;
        opacity: 1;
    }

    .account-navi.nav-up {
        top: -76px;
        transition: 0.3s all 0.6s linear;
        opacity: 0;
    }

    .top-part {
        margin-bottom: 76px;
    }

    .top-part.nav-up {
        height: -100px;
    }
    
    .customer .top-part {
        box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 10px;
        top: 56px;
    }

    .nav-item.odd {
        text-align: left;
    }

    .nav-item.even {
        text-align: right;
    }
}

/* Dsiable hover tablet/mobile */
@media screen and (max-width: 1400px) {
    .card__inner .plus-sign,
    .card__media.brackets .right,
    .card__media.brackets .left,
    .card-overlay {
      display: none;
    }  

    .account-navi .nav-item > span::after {
        display: none;
    }

    .account-navi .nav-item:hover .inside {
        transform: none;
    }

    .newsletter-form__field-wrapper button::before {
        display: none;
    }

    .input-checkbox:hover .checkmark img {
        opacity: 0;
    }

    .newsletter-form__field-wrapper button:disabled {
        opacity: 1 !important;
    }
}