/** Shopify CDN: Minification failed

Line 1109:11 Unexpected "("

**/

    @media only screen and (min-width: 750px) {
        :root {
            --gap: 3px;
            --btn-border: #000;
            --item-width: 18% !important;
            /*--BTN-FONT-SIZE:12px;*/
            --BTN-FONT-SIZE:17px;
        }

        .grid--slider {
            /* Four columns filling 100% of container width with 5px gaps between items */
            --gap: 5px;
            --item-width: calc((100% - 15px) / 4);
        }
        .grid--slider .product-information, .collection-products .grid-item .product-information {
            /* removed opacity for direct visibility*/
            /** opacity: 0; **/
            transition: all 0.2s;
        }
        .grid--slider .grid-item.product-item:hover .product-information ,
        .collection-products  .grid-item.product-item:hover .product-information
        {
            opacity: 1;
        }
    }
    :root {
        --color-grey : rgba(0,0,0, 20%);
        --color-dark-grey : rgba(33, 33, 33, 50% );
        
        --hairline: white;
        --FONT-SIZE-BASE: 15px;
        --DRAWER-WIDTH: 500px;
        --FREE-SHIPPING-GRADIENT: linear-gradient(to right, #b2b1f6 0%, #b2b1f6 100%);
        --btn-top:10px;
        --btn-left: 10px;
        --PT: 20px;
        --PB: 20px;
        --btn-top: 10px;
        --btn-left: 10px;
    }

    @media only screen and (min-width: 750px) {
        :root {
            --swatch-size-product: 27px !important;
        }

        .navlink--toplevel .navtext, .navlink.navlink--grandchild {
            position: relative;
        }

        .navlink--toplevel .navtext::after, .navlink.navlink--grandchild .navtext::after{
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -2px;
            height: 1px;
            background-color: var(--link-hover);
            transform: scaleX(0);
            transition: transform 0.25s
            cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .navlink--toplevel:hover .navtext::after, .navlink.navlink--grandchild:hover .navtext::after {
            transform: scaleX(1);
        }
    }

   
    h1, h2, h3, h4, h5,  h1, h2, h3, h1 *{
        font-family: var(--FONT-STACK-HEADING);
    }

    h1{ font-size: 42px}
    h2{ font-size: 32px}
    h3{ font-size: 20px}
    h4{ font-size: 16px}

    .btn--border {
        --btn-border: var(--btn-border);
    }
    .btn.btn--primary.btn--solid
    {
        background-color: #000000;
    }
    .btn.btn--primary.btn--solid:not(:hover), .btn.btn--primary.btn--solid:not(:hover) span{
        color: white;
    }

    .header__menu .navtext{
        text-transform: initial;
        position: relative;
        font-family: var(--FONT-FAMILY-BODY);
        font-weight: lighter;
        font-size: calc(var(--FONT-SIZE-BASE) + 3px);
    }
    @media only screen and (min-width: 1100px) {
        .header__menu .navtext{
            margin-left: 50px;
            margin-right: 50px;
        }
    }

    /* top logo*/
    /*
    .header__desktop__upper--reverse .header__desktop__bar__l {
        justify-content: left;
        flex-grow: initial;
        margin-right: 40px;
    }

    .header__desktop__upper--reverse .header__desktop__bar__c{
        order: 0;
    }
*/

.header__desktop__upper--reverse {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.header__desktop__upper--reverse .header__desktop__bar__l {
    grid-column: 2;
    justify-content: center;
    flex-grow: initial;
    margin: 0;
}

.header__desktop__upper--reverse .header__desktop__bar__c {
    grid-column: 1;
    justify-content: flex-start;
    order: initial;
}

.header__desktop__upper--reverse .header__desktop__bar__r {
    grid-column: 3;
    justify-content: flex-end;
}
.header__desktop__upper--reverse .header__desktop__bar__l,
.header__desktop__upper--reverse .header__desktop__bar__c,
.header__desktop__upper--reverse .header__desktop__bar__r {
    grid-row: 1;
}

.header__desktop__upper--reverse .header__desktop__bar__c .navtext {
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-NAV));
}

.header__desktop__upper--reverse .header__desktop__bar__c .navlink {
    padding-left: 8px;
    padding-right: 8px;
}

.header__desktop__upper--reverse .header__desktop__bar__c .navtext {
    text-transform: uppercase;
}

.header__desktop__upper--reverse .header__desktop__bar__c .navtext {
    font-weight: 500;
}

.header__desktop__upper--reverse .header__desktop__bar__c .header__menu > .menu__item {
    margin-right: -70px;
}

cart-count.header__cart__status::before {
  content: attr(data-status-separator) "( " !important;
}

cart-count.header__cart__status::after {
  content: " )" !important;
  position: static !important;
  height: auto !important;
  background: none !important;
  transform: none !important;
  transition: none !important;
}

@media only screen and (max-width: 1100px) {
    .header__mobile {
        display: grid;
    }
    .header__desktop {
        position: relative;
        overflow: hidden;
        max-height: 0px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
@media only screen and (min-width: 1099px) {
    .header__desktop {
        position: static;
        max-height: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .header__mobile {
        display: none;
    }
}

    .js__header__stuck .logo__img, .meganav--visible  .logo__img{
        filter: invert(0%);
    }
    .js__header__stuck .navlink--cart--icon .header__cart__status{
        color: white!important;
    }
    .announcement__wrapper--borders { border: none;}
    .navlink .icon{
        --icon-size: 20px;
    }


    /*home*/
    .shopify-section.section-overlay-header{
        /*overflow: hidden;*/
    }


    /* tabs-collections */
    .tabs-collections{
        --button-position:0;
    }
    .slider__arrows .slider__button{
        display: none;
        box-shadow: none;
        border: 1px solid black;
        background-color: black;
    }
    .slider__arrows .slider__button::before{
        background-color: white;
    }
    .slider__arrows .slider__button:hover::after{
        display: none;
    }
    .wrapper--tabs{
        margin: 20px 0;
        display: flex;
        align-items: center; /* vertical alignment */
        justify-content: space-between; /* push left and right to edges */
        gap: 0;
        width: 100%;
    }
    .wrapper--tabs .left{
        text-align: left;
        display: flex;
        align-items: center;
    }
    .wrapper--tabs .right{
        margin-left: auto;
        text-align: right;
        display: flex;
        align-items: center;
    }

    .grid__heading-holder {
        margin: 0;
    }
    .wrapper--tabs .btn{
        margin-top: 0;
    }
    .left .grid__heading-text{
        width: auto;
    }
    @media only screen and (max-width: 750px) {
        .index-tab-collections .wrapper--tabs{
        }
        .index-tab-collections .wrapper--tabs *{
            margin-top: 0;
            padding: 0!important;
            margin-bottom: 0!important;
        }
        .index-tab-collections .wrapper--tabs .right{
            justify-content: right;
            text-align: right;
        }
        .index-tab-collections .wrapper--tabs .right .btn{
            text-decoration: underline;
        }
    }



    /* home shop the look*/
    @media only screen and (min-width: 750px) {
        .index-look .look__aside {
            align-self: flex-start;
            display: flex;
            padding: 0!important;
        }
        .look__aside .look__slider{
            padding: 0!important;
            max-width: 60%;
            margin-left: var(--outer);
            margin-top: 0;
        }
    }
    .look__actions.mobile .btn{
        background-color: white;
        display: none;
    }
    .look__content .product-item--centered .product-information{
        text-align: left;
    }

    /* products */
    body.has-line-design .grid-item {
        border-color: transparent;
    }
    .collection-products .grid {
        gap: var(--gap);
    }
    .collection__products .grid-outer{
        padding-top: 0;
    }
    .collection-products .collection__nav *{
        font-size: var(--FONT-SIZE-BASE) ;
    }
    .has-line-design .product-item__image {
        border-color: transparent;
    }
    .has-line-design .product-item__image {
        border-color: transparent;
    }

    .grid-item.product-item .product-information {
        padding-bottom: 0!important;
    }
    .grid-item.product-item .product-item__info {
        padding-top: 15px;
        padding-bottom: 10px;
        background-color: white;
    }
    @media only screen and (max-width: 750px) {
        .grid-item.product-item .product-information{
            padding-left: 0;
            padding-right: 0;
        }
        .grid-item.product-item .product-item__info {
            padding-top: 10px;
            background-color: rgba(255, 255, 255, 0.70);
        }
    }


    .grid-item.product-item .product-item__siblings {
        display: none;
    }

    .grid-item.product-item.product-item--featured-image {
        aspect-ratio: 4.4;
    }
    .product-information .product-item__title {
        font-family: var(--FONT-STACK-HEADING);
        font-size: calc(var(--FONT-SIZE-BASE) + 1px);
        /*text-transform: uppercase;*/
    }
    .popout--group .popout__toggle, .popout--sort .popout__toggle{
        font-size: 16px;
    }
    .collection-products .popout__toggle.popout__toggle--filters svg{
        display: none;
    }
    .collection-products .popout--sort svg{
        display: none;
    }
    .product-item .product-item__swatches__count{
        display: none;
    }

    .product-information .price{
        font-family: var(--FONT-STACK-HEADING));
        font-size: var(--FONT-SIZE-BASE);
        color: var(--color-dark-grey) !important;
        /*text-transform: uppercase;*/
    }
    nav.collection__nav.collection__nav--sort.collection__nav--filter{
        position: initial;
    }
    @media only screen and (max-width: 750px) {
        .supports-touch hover-images::after {
            display: none;
        }
    }
    @media only screen and (max-width: 1400px) {
        .radio__fieldset--variant-option-image .radio__buttons{
            gap: 3px!important;
        }
    }


    /* filter sidebar */
    .collection__products .collection__sidebar__slider  radio-swatch label:after{
        display: none;
    }
    .collection__sidebar .filter-group__heading{
        font-weight: normal;
    }
    .collection__sidebar *{
        font-size: var(--FONT-SIZE-BASE)!important;
        /*text-transform: uppercase;*/
    }
    .collection__products .collection__sidebar__slider .shopify-swatch .swatch__button{ border-radius: 100%}
    .collection__products .collection__sidebar__slider label{ padding-left: 0}
    .collection__products .collection__sidebar__slider .sidebar__item--active label{
        text-decoration: underline;
    }


    /* single product */
    .template-product .product__title{
        font-size: 24px
    }

    .template-product .product-description-short {
        margin-top: 10px;
        font-size: var(--FONT-SIZE-BASE);
    }
    .template-product .product__price * {
        margin-top: 10px;
        font-size: var(--FONT-SIZE-BASE) !important;
    }
    .template-product .breadcrumbs{
        display: none;
    }
    .template-product .product__wrapper__inner{
        max-width: 100%;
    }

    .product__submit__item--inline{
        gap: 0;
    }
    .product__submit__item--inline .select-popout__toggle{
        border: 1px solid black;
        text-align: center;
    }
    .template-product .product__submit__item .btn--primary.btn--solid{
        background-color: black;
        border:  1px solid black;
        color: white;
        text-transform: none;
    }
    .template-product .product__submit__item .btn--primary.btn--solid:hover{
        color: black;
        border:  1px solid black;
    }
    .template-product .product-single__photos .product__slide{
        --gap: 0;
    }
    .template-product .product-tabs .tab-link:not(.current){
        color: var(--color-grey);
    }
    .template-product .product__price{
        font-weight: bold;
         /*color: var(--color-dark-grey);*/
    }
    .template-product .radio__legend__label.radio__legend__label--text{
        justify-content: initial;
        display: none;
    }
    .radio__fieldset--swatches .radio__legend__option-name,.radio__fieldset--swatches  .radio__legend__value, .radio__legend__label, .radio__fieldset__label{
        font-weight: lighter;
    }
    .template-product .selector-wrapper:not(.selector-wrapper--size) .radio__legend__option-name:after,
    .template-product .radio__fieldset--swatches .radio__legend__label .radio__legend__option-name:after{
        content: ':';
    }
    .template-product  .radio__legend__value{
        padding-top: 0;
        padding-left: 0px;
    }
    .template-product .radio__fieldset--swatches .radio__legend__option-name {
    display: none;
    }
    .template-product  .radio__fieldset .radio__button label{
        border-top: none;
        border-left: none;
        border-right: none;
        border-color: transparent;
        padding-right: 0;
        padding-left: 0;
        font-size: 12px;
        font-weight: lighter;
    }
    .radio__fieldset .radio__button input:checked ~ label {
        border-bottom: 1px solid black;
    }
    .swatch__button--square .sibling__link--sold-out::before, .swatch__button--square input.sold-out ~ label::before, .swatch__button--square input.unavailable ~ label::before, .swatch__button--square input:disabled + label::before{
        display: none;
    }
    .template-product .radio__legend__option-name, .template-product  .radio__legend__value{
        display: inline;
        float: left;
        flex-basis: initial;
        font-size: 13px;
        /* font-size: var(--FONT-SIZE-BASE);*/
        /*text-transform: uppercase;*/
    }
    .template-product .product__block--lines{
        border-top: none;
        border-bottom: none;
    }
    .template-product  .product__block--lines .selector-wrapper .select__fieldset, .template-product  .product__block--lines .selector-wrapper .radio__fieldset{
        border: none;
    }
    .template-product .selector-wrapper--size .radio__button{
        margin: 0;
        padding: 0;
    }

    .template-product .selector-wrapper--size .option-image,
    .product-quick-add__content .selector-wrapper--size .option-image,
    .template-product .selector-wrapper--size .radio__legend__value{
        display: none;
    }
    .template-product .selector-wrapper .radio__fieldset .radio__buttons {
        margin: 0;
        width: 75%;

    }

    @media only screen and (min-width: 750px) {
    .template-product .selector-wrapper .radio__fieldset .radio__buttons {
        width: 100%;
    }
    }


    @media only screen and (min-width: 750px) {
        .template-product .tabs__recently-viewed .grid--slider,
        .template-product .tabs__recommendation .grid--slider{
            --item-width: calc((100vw - var(--scrollbar-width) - var(--outer)* 2)* 0.34) !important;
        }
    }
    .template-product .tabs__recently-viewed .recent__content .product-item__bg__under{
        display: none!important;
    }


    .radio__fieldset .swatch__button, .radio__buttons {
        padding-left: 0;
        margin-right: 5px;
    }
    .radio__fieldset .swatch__button, .radio__buttons .radio__button {
        padding: 0;
    }
    .radio__fieldset .radio__button input:disabled + label, .radio__fieldset .radio__button input.sold-out + label, .radio__fieldset .radio__button input.unavailable + label{
        background-color: transparent;
    }
    .swatch__button input:checked ~ label, .swatch__button .sibling__link{
        border: 1px solid white;
        padding: 2px;
    }
    .swatch__button input:checked ~ label, .swatch__button .sibling__link--current{
        /* Keep shape consistent across themes
        border-color: #000; */
        /* Create visible gap between border and swatch fill
        background-clip: content-box;*/
        padding: 2px;
    }
    .swatch__button .sibling__link{
        margin-left: 3px;
    }
    .swatch__button .sibling__link--current::after, .swatch__button input:checked ~ label::after{
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: calc(100% + 6px);
        width: 100%;
        height: 2px;
        background-color: #000;                                    
    }
    .template-product .tooltip-default {
        display: none;
    }
    .template-product .product-tabs__head{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .template-product .tab-link{
        font-size: 13px;
    }
    .template-product .tab-content {
        padding-top: var(--gap);
    }

    .radio__legend__label.radio__legend__label--text
    {
       position: relative;
    }
    .template-product .radio__legend__label product-modal {
        right: 0;
        position: absolute;
        /*text-transform: uppercase;*/
        font-size: var(--FONT-SIZE-BASE);
    }
    .product-tabs .tabs > li{
        margin-right: 10px;
    }
    .related__products .tab-link{
        margin-right: 15px;
    }

    .template-search .search__caption{
        margin-top: 30px;
        border-top: none;
        border-bottom: none;
        /*text-transform: uppercase;*/
    }
    .template-search .search__caption,  .search-form input[type=search],  .template-search .search-reset {
        font-family: IBMPlexMono-Regular;
        font-size: var(--FONT-SIZE-BASE) !important;
    }
    .template-search .search-outer {
        font-family: IBMPlexMono-Regular;
        font-size: var(--FONT-SIZE-BASE) !important;
    }
    .template-search .search-form button:not(:hover)  .icon{
        stroke: white;
    }

    .product__submit__item{
        position: relative;
        width: 100%;
        }
        .product__submit__item .add_to_card button,  .product__submit__item .product-soldout-notification button {
        height: 60px;
        vertical-align: middle;
        display: flex;
        }
    .product__submit__item .add_to_card button .btn__text,
    .product__submit__item .product-soldout-notification button .btn__text{
        height: auto;
        font-size: 13px;
        /*text-transform: uppercase;*/
        display: block;
        width: 100%;
        text-align: left;
        margin-left: 70px;
    }
    .product__submit__item .product-soldout-notification button .btn__text{
        text-align: center;
    }
    .product__submit__item .add_to_card button .cart__icon{
        margin-right: 20px;
    }
.product__submit__item .add_to_card button .btn__text{
        justify-content: left;
        }
    .product-modal button { height: initial!important;}


    .index-collections-list .grid-item.collection-item,
    .index-collections-list .collection-item__image{
        border-color: white !important;
    }

    /*blog*/
     .blog-listing .grid-item {
        border-color: transparent!important;
    }
     .blog-listing .article__image {
         border: none !important;
     }
     .blog-listing .grid-item {
        border: 1px solid black;
        padding: 0px;
        margin: 9px;
    }
    .blog-section .inline-nav li a{
        /*text-transform: uppercase;*/
    }


    /*.blog-listing .grid-item:first-child{*/
    /*    margin-left: 0;*/
    /*}*/
    /*.blog-listing .grid-item:last-child{*/
    /*    margin-right: 0;*/
    /*}*/
    .blog-listing .grid-item{
        margin: 0;
        background-color: #efefef;
    }
    .blog-listing.grid{
        gap: 20px;
    }
    .blog-editorial h2 a{
        font-family: var(--FONT-STACK-HEADING);
    }
    .article__title *, .blog__title *{
        font-family: var(--FONT-STACK-HEADING);
    }
    .article-single .article__hero *{
        text-align: left;
    }

    @media only screen and (min-width: 750px) {
        .article--single {
            margin-right: 50px;
        }
    }
    .article-single .article__content * {

    }
    .article-single .sidebar  .article__text-wrapper{
        padding: 0;
        border-bottom: none!important;
        margin-bottom: 50px;
    }

    /*wishlist*/

    body#wishlist .container, body#wishlist .wrapper{
        max-width: initial!important;
        margin-bottom: 50px;
    }
    #ZoomyWishlistPage .ZoomyWishlistPageGrid .zoptionbox,
    #ZoomyWishlistPage .ZoomyWishlistPageGrid .zqty,
    #ZoomyWishlistPage .ZoomyWishlistPageGrid .zbodyaction{
        display: none;
    }
    body#wishlist div#ZoomyWishlistPage{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap:35px;
    }
    #ZoomyWishlistPage .ZoomyWishlistPageGrid{
        float: initial;
        width: auto;
       border: none;
        padding: 0;
        margin: var(--gap)!important;
       text-align: left!important;
    }
    .template-product .wishlist .emptymsg{
        display: none;
    }
    #ZooomyList input{
        display: none;
        cursor: none;
    }
    .template-product .wishlist #ZlistWishlist {
            position: absolute;
                z-index: 9;
                    float: initial;
                        left: 0;
                            margin: 0!important;
                                height: 60px !important;
                                    width: 60px !important;
                                    }
    .template-product .wishlist label{
        caret-color: transparent;
    }
    .template-product .wishlist label p{
        cursor: pointer;
        background-color: white!important;
        display: block;
        height: 60px !important;
        width: 60px !important;
        border: 1px solid black!important;

    }
    .template-product .wishlist label p i {
        cursor: pointer;
        color: black;
        height: 100%;
        width: 100%;
        font-size: 24px;
        margin-left: 3px;
        justify-content: center;
        text-align: center;
        display: flex;
        align-items: center;
    }
    #ZoomyWishlistPage .zwishmsgs{
        text-align: center;
        width: 100%;
        position: absolute;
        top: 0;
    }





    @media only screen and (max-width: 750px) {
        .template-search .section-padding{
            padding-bottom: 0px;
            margin-bottom: 0;
        }
        .template-product .product__block.product__block--divider.divider-holder{
            --block-padding-bottom: 20px!important;
        }
        .template-product .product-description-short,
        .selector-wrapper--size .radio__fieldset *,
        .product-tabs *{
           font-size: 12px;
        }
    }
    @media only screen and (min-width: 990px) {
        .grid--slider-disabled {
            justify-content: left;
        }
    }
    @media only screen and (min-width: 750px) {
        .template-product .product__wrapper.product__wrapper--stacked {
            margin-left: 0;
            margin-right: 0;
        }
        .form__width {
            max-width: 650px;
            padding-right: var(--outer);
        }
    }


    /* cart*/

    .cart__form  .cart__total span{
        font-size: 1em;
    }
    .cart__form .btn--full.cart__checkout svg{
        display: none;
    }
    .cart__form .cart__item__image{

    }
    .cart__form .btn--full.cart__checkout{

    }
    .cart__form .btn--full.cart__checkout:not(:hover){
        background-color: black;
        border:  1px solid black;
        color: white;
    }
    .cart__form .btn--full.cart__checkout:hover{
        border:  1px solid black;
    }
    .cart-block .free-shipping__progress-bar{
        height: 15px;
        border-radius: 30px;
    }
    .drawer--cart *{
        font-family: var(--FONT-FAMILY-BODY);
        font-size: var(--FONT-SIZE-BASE);
    }
    .drawer--cart .cart__title{
        font-weight: normal;
    }
    .drawer--cart .cart__item .cart__item__title{ font-weight: bold}
        .drawer--cart .cart__item{
        align-items: flex-start;
    }
    .drawer--cart  .cart__item__selected-options strong, .drawer--cart .cart__price{
        font-weight: 300!important;
    }
    .drawer--cart .cart__quantity .cart__quantity-field{

    }
    .drawer--cart  .cart__widget__title{
        /*text-transform: uppercase;*/
        font-weight: initial;
    }
    .drawer--cart .cart__item__image img{
        object-position: left;
    }
    .drawer--cart.is-open  .cart__message {
        background-color: #b2b1f6!important;
    }
    .drawer--cart.is-open .drawer__items-title{
        /*text-transform: uppercase;*/
        font-weight: initial;
    }
    .drawer--cart .cart__quantity{
        /*display: none;*/
    }
    .drawer--cart .cart__foot__inner .cart__note{
        display: none;
    }
    .drawer--cart .cart__item__content *{
        font-weight: normal;
    }


    /* about */

    .page__title, .shopify-policy__title h1{
        text-align: left;
    }
    .shopify-policy__container{
        max-width: 874px;
    }



    /* stocklist*/
    #stockists .wrapper{
        max-width: initial;
    }
    .mapstore__sidebar input,  .mapstore__sidebar button{
        border-radius: 0!important;
    }
    #stockists .mapstore .mapstore__map{
        width: 90%;
        margin-left: 5%;
        filter: grayscale(100%);
    }


    /* footer */
    .footer-sections {
        width: 100%;
        clear: both;
    }
    .footer__block.footer__block--menu{
        margin-top: 10px;
    }

        footer *{
            font-size: var(--FONT-SIZE-BASE);
        }
        footer .footer__block--newsletter{

        }
        footer .footer__block--newsletter h2{
            font-family: IBMPlexMono-Regular;
            margin-top: 12px;
            margin-bottom: 20px;
            font-size: var(--FONT-SIZE-BASE);
            font-weight: 400;
            /*text-transform: uppercase;*/
        }
        footer .footer__block--newsletter .input-group *{
            /*text-transform: uppercase;*/
            font-size: var(--FONT-SIZE-BASE);
        }

        .footer__block.footer__block--menu {
            align-self: self-start;
        }
        .footer__block.footer__block--menu li{
            margin-bottom: 10px;
        }
        .footer__block.footer__block--menu a{
            font-size: var(--FONT-SIZE-BASE);
        }

    .footer__block.footer__block--menu {
        /*text-transform: uppercase;*/
    }



    footer .supporting-menu__copyright {
        text-align: left;
        /*text-transform: uppercase;*/
    }



    @media only screen and (max-width: 750px) {
        .body-size-1{ font-size: var(--FONT-SIZE-BASE)}
        .heading-size-4 {font-size: 20px}
        .footer__block.footer__block--menu{
            width: 100%;
        }
        .footer__block--menu .footer__quicklinks {
            width: 100%;
        }
        .footer__block--menu .footer__quicklinks{
            width: 100%;
            display: block;
        }
        .footer__block--menu .footer__quicklinks li{
            width: 100%;
        }
        footer .anchor-logo .wrapper--full-padded{
            margin-top: 10px;
            margin-bottom: 10px;
        }
        footer .anchor-logo .image-wrapper{
            height: auto;
        }
        footer .anchor-logo .wrapper--full-padded:after,
        footer .anchor-logo .wrapper--full-padded:before {
            height: 0px;
        }
    }
    @media only screen and (min-width: 750px) and (max-width: 989px) {
        .footer__block {
            flex-basis: initial;
        }
    }

    footer .shopify-section.shopify-section-group-group-footer[id*='shopify-section-sections'][id$='supporting-menu'] {
        display: inline-flex; width: auto;
    }
    footer #md-footer-selector-block{
        display: inline-flex; width: auto;
        align-items: flex-start;
        max-width: initial;
    }
    footer #md-footer-selector-block .md-footer-selector__content{
        max-width: initial;
    }
    @media only screen and (max-width: 750px) {
        footer #md-footer-selector-block {
            margin: 0px 20px;
        }
    }


    .btn.btn--scroll-top{
        display: none!important;
    }


    .has-line-design .header__dropdown{
        border-top: none;
        border-bottom: none;
    }
    @media only screen and (min-width: 1100px) {
        .has-line-design .header__dropdown .header__grandparent__links {
            margin-left: 160px;
        }
        .has-line-design .header__dropdown .header__grandparent__links .dropdown__family:first-child {
            padding-right: 0;
            margin-right: 0;
            min-width: 400px;
        }
    }

    .has-line-design .grandparent .header__grandparent__links .dropdown__family:before{
        border: none;
    }




/* Swatch selection animation */
.swatch__button label,
.swatch__button .sibling__link {
    border-color: #000;
  display: inline-block;
  transition: transform 200ms ease, border-color 200ms ease, padding 200ms ease;
}


/* Two image banner (edge-to-edge duo) */
.two-image-banner {
  display: flex;
  width: 100%;
  padding-top: var(--PT, 0px);
  padding-bottom: var(--PB, 0px);
}
.two-image-banner__item {
  position: relative;
  display: block;
  flex: 1 1 50%;
  aspect-ratio: var(--image-ratio, 3 / 4);
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}
a.two-image-banner__item {
  cursor: pointer;
}
.two-image-banner__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
a.two-image-banner__item:hover .two-image-banner__img,
a.two-image-banner__item:focus-visible .two-image-banner__img {
  transform: scale(1.03);
}
.two-image-banner__placeholder {
  background: #eee;
}
.two-image-banner__caption {
  position: absolute;
  left: 32px;
  bottom: 32px;
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
  z-index: 2;
  pointer-events: none;
}
a.two-image-banner__item:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

/* Section height (desktop only) — the theme's screen-height-*/px-height utility
   classes (reused here) only take effect at min-width: 750px, so fixed-height
   modes are desktop-only by design; mobile always keeps the configured image
   ratio for a readable, uncropped-feeling banner. */
@media only screen and (min-width: 750px) {
  .two-image-banner:not(.image-height) .two-image-banner__item {
    aspect-ratio: unset;
  }
  .two-image-banner:not(.image-height) .two-image-banner__img {
    position: absolute;
    inset: 0;
    height: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .two-image-banner__img {
    transition: none;
  }
}

@media only screen and (max-width: 749px) {
  .two-image-banner {
    flex-direction: column;
  }
}

/* Two image banner - caption behaves as a text link when a Link/Collection is set */
.two-image-banner__caption--link {
  text-decoration: none;
  background: linear-gradient(to right, currentColor, currentColor);
  background-size: 100% 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 4px;
  transition: background-size 0.25s ease-in;
}
@media (hover: hover) {
  a.two-image-banner__item:hover .two-image-banner__caption--link,
  a.two-image-banner__item:focus-visible .two-image-banner__caption--link {
    background-size: 0% 1px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .two-image-banner__caption--link {
    transition: none;
  }
}

/* Collection row (full-bleed product grid, matching the Two image banner style) */
.collection-row {
  width: 100%;
  padding-top: var(--PT, 0px);
  padding-bottom: var(--PB, 0px);
}
.collection-row__header {
  margin-bottom: 24px;
  padding-left: var(--outer, 16px);
  padding-right: var(--outer, 16px);
}
.collection-row__heading {
  margin: 0;
}
.collection-row .collection-row__grid {
  position: relative;
}
.collection-row__view-all {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 5;
  color: #000;
  background-color: transparent;
  font-size: 13px;
  letter-spacing: 0.02em;
  text-decoration: none;
  padding-bottom: 2px;
  white-space: nowrap;
  background-image: linear-gradient(to right, currentColor, currentColor);
  background-size: 100% 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
@media (hover: hover) {
  .collection-row__view-all:hover {
    background-size: 0% 1px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .collection-row__view-all {
    transition: none;
  }
}



/* ==========================================================================
   Product grids
   Remove the grid gap for a seamless, edge-to-edge layout on any .grid
   whose direct children are product cards (collection pages, the homepage
   Collection row, search results, etc.) - site-wide, not scoped to one page.
   ========================================================================== */
.grid:has(> .grid-item.product-item) {
  --gap: 0px !important;
  gap: 0 !important;
}


/* ==========================================================================
   Global product card redesign
   At rest: image only. On hover/focus: the theme's built-in alternate
   image swaps in, and a white bar reveals the product name, price, and
   color swatches at the bottom of the card.

   A note on !important: the base theme already applies !important to
   several of these same properties on these same elements (product
   visibility, opacity, swatch display, etc.), so plain specificity can't
   win against it - !important below is there to reliably beat a specific
   competing theme rule, not used as a shortcut. Each one is commented with
   what it's overriding.
   ========================================================================== */

/* --- Base (at rest): image only --- */

.product-item {
  position: relative;
}

quick-add-product {
  /* The theme's own "Quick add" hover bar renders on top of this overlay - hide it */
  display: none !important;
}

.product-item .product-information {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  padding: 16px;
  background: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* Theme sets "padding-bottom: 0 !important" on this element - re-assert it
   so the swatch row keeps breathing room instead of sitting flush on the
   card edge. */
.product-item .product-information {
  padding-bottom: 16px !important;
}

.product-item .product-item__info {
  /* Theme's default is a fixed max-height/opacity transition used for its
     own "reveal on hover" pattern elsewhere; override outright since this
     redesign controls reveal via the parent .product-information instead */
  display: flex !important;
  flex-direction: column;
  gap: 8px;
  padding: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  opacity: 1 !important;
  background: transparent !important;
}

.product-item .product-link {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  height: auto !important;
}

.product-item .product-item__title {
  color: #000 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px !important;
  margin: 0 !important;
}

.product-item .product-item__price,
.product-item .product-item__price .price,
.product-item .product-item__price .new-price,
.product-item .product-item__price span {
  color: #000 !important;
  font-size: 12px !important;
}

.product-item .product-item__swatches__holder {
  margin: 0 !important;
  min-height: auto !important;
}

/* --- Hover / focus: reveal the overlay --- */

.product-item:hover .product-information,
.product-item:focus-within .product-information {
  opacity: 1;
  pointer-events: auto;
}

.product-item:hover .product-item__siblings,
.product-item:focus-within .product-item__siblings {
  /* Ties in specificity with the theme's "display: none" default for this
     element, so source order alone (this rule comes later) is enough to
     win - no !important needed */
  display: flex;
}

.product-item:hover .radio__fieldset--pgi,
.product-item:focus-within .radio__fieldset--pgi {
  /* Theme normally reveals this via its own JS component on real mouse
     events, not via CSS :hover - override its visibility/opacity directly */
  visibility: visible !important;
  opacity: 1 !important;
}

/* --- Swatches: small, perfectly circular, sized to match exactly so the
       color fills the circle with no clipping --- */

.product-item .swatches,
.product-item .swatch__button {
  display: inline-block;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

.product-item .sibling__link {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  margin: 0 !important; /* theme's default 3px left margin is too large at this size */
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

/* --- Mobile: no hover on touch, so keep swatches hidden entirely --- */

@media screen and (max-width: 749px) {
  /* Extra specificity (repeated class) is needed to beat the hover/focus
     reveal rule above, which touch devices can trigger via a "sticky
     hover"/focus tap. */
  .product-item .product-item__siblings.product-item__siblings,
  .product-item:hover .product-item__siblings.product-item__siblings,
  .product-item:focus-within .product-item__siblings.product-item__siblings {
    display: none !important;
  }
}

/* --- Reduced motion / touch fallback for the overlay reveal --- */

@media (prefers-reduced-motion: reduce) {
  .product-item .product-information {
    transition: none;
  }
}

@media (hover: none) {
  /* Touch devices have no hover state - keep name/price visible for usability */
  .product-item .product-information {
    opacity: 1;
    pointer-events: auto;
  }
}


/* ==========================================================================
   Product page accordion (Product Details, Made In Italy, Traceability,
   Size Guide, Complimentary Shipping & Returns, Care)
   Match the uppercase, letter-spaced heading style used elsewhere on the
   product page (e.g. product card titles) - the theme default is plain
   sentence case with no letter-spacing.
   ========================================================================== */
.product__block--accordion .accordion__title {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.06em;
}


/* ==========================================================================
   Tabby / Tamara "pay monthly" boxes
   Two matching bordered boxes (see /snippets/bnpl-boxes.liquid) using each
   provider's black wordmark logo instead of their default colored badge.
   ========================================================================== */
.bnpl-boxes {
  display: flex;
  gap: 8px;
  margin: 16px 0;
}

.bnpl-box {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  /*padding: 14px 8px;*/
  border: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center;
}

.bnpl-box__logo {
  height: 14px;
  width: auto;
  object-fit: contain;
}

.bnpl-box__logo--tamara {
  height: 26px;
}

.bnpl-box__text {
  margin: 0;
  font-size: 12px;
  color: #000;
}

.bnpl-box__info {
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  margin-left: 1px;
}


/* Tabby & Tamara boxes: real widgets stay mounted (so their native "view
   payment schedule" popup keeps working when our styled box is clicked -
   see snippets/bnpl-boxes.liquid) but are moved off-screen and hidden here. */
.bnpl-boxes__hidden-widget {
  position: fixed !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 300px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
.bnpl-box {
  cursor: pointer;
}
.bnpl-box:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}


/* ============================================================
   Mega menu: full-page "Shop" dropdown with a vertical category
   list that opens like a drawer, plus two clickable promo images
   with a caption/link underneath (configured as "Image" blocks
   on the Header section, position "Item 1" = the Shop menu item).
   The dropdown itself is left at the theme's own full-width
   behavior (see "#Large Meganav" in assets/theme.css: the
   .header__dropdown / .header__dropdown__wrapper /
   .header__dropdown__inner rules there already make it span the
   page and lay the links column + the image blocks side by side).
   The links column below reuses the theme's own native
   accordion/disclosure system (<collapsible-elements>,
   data-collapsible / data-collapsible-trigger /
   data-collapsible-body - the same one the FAQ-style Accordion
   group section uses) instead of a hover-flyout: clicking a
   category (e.g. "Shoes") expands its sub-items in place,
   directly underneath it, pushing the categories below it down -
   a real drawer, so nothing overlaps the images and every link
   stays reachable by mouse or keyboard. A category with no
   sub-items (e.g. "Bags") is left as a plain link since there's
   nothing to expand.
   Only margin-left is pinned with !important: the base theme has its
   own auto-margin rule for this exact element that would otherwise win
   and reintroduce the dead space this section was built to fix (see
   flex / grid-template-columns below, also pinned for the same reason).
   Everything else here already wins on selector specificity and source
   order alone.
   ============================================================ */
.grandparent .header__dropdown__inner {
  align-items: flex-start;
}
.grandparent .header__grandparent__links {
  display: flex;
  flex-direction: column;
  grid-template-columns: none !important;
  width: 220px;
  min-width: 0;
  max-width: none;
  flex: none !important;
  margin: 0;
  margin-left: 0 !important;
  padding: 28px 0;
  box-sizing: border-box;
}
.grandparent .dropdown__family {
  width: 220px;
  margin: 0;
  box-sizing: border-box;
}
.grandparent .dropdown__family > summary.navlink,
.grandparent .dropdown__family--leaf > a.navlink {
  display: block;
  padding: 8px 40px 8px 28px;
  box-sizing: border-box;
}
.grandparent .dropdown__family__children {
  padding: 4px 28px 12px 40px;
}
.grandparent .dropdown__family__children [data-collapsible-content] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}


/* ============================================================
   Shop menu: click to open/close (not hover), full page.
   nav-item.liquid gives the Shop item's toggle/panel
   data-click-disclosure-toggle / data-click-disclosure instead of
   the theme's usual data-hover-disclosure-toggle / data-hover-disclosure,
   so the theme's own hover-driven JS never attaches to it; a small
   script (snippets/shop-menu-toggle.liquid) opens/closes it on click
   instead (toggling aria-expanded + an .is-visible class the theme
   already knows how to show/hide). Below turns the panel itself into
   a fixed, full-page takeover instead of a content-sized dropdown.
   ============================================================ */
.grandparent .header__dropdown[data-click-disclosure] {
  position: fixed;
  /* top and height are NOT !important on purpose: the theme's own header
     JS repositions the header itself as the page scrolls (it moves from
     under the announcement bar to flush against the top of the screen),
     and that movement isn't reflected in --header-height/--announcement-height.
     A static calc() here left a gap once the announcement bar had scrolled
     away. shop-menu-toggle.liquid measures the header's real position with
     JS and sets top/height inline whenever the panel opens or the page
     scrolls while it's open, so the panel always sits flush against the
     header exactly as it currently is. These two act only as a same-tick
     fallback before that JS runs. */
  top: calc(var(--header-height, 0px) + var(--announcement-height, 0px));
  left: 0;
  right: 0;
  width: 100vw;
  max-width: none;
  height: calc(100vh - var(--header-height, 0px) - var(--announcement-height, 0px));
  max-height: none;
  margin: 0;
  background-color: var(--bg, #fff);
  z-index: 998;
  overflow-y: auto;
}
.grandparent .header__dropdown[data-click-disclosure] .header__dropdown__wrapper {
  height: 100%;
  max-height: none;
  overflow: visible;
}

/* Tighten the vertical rhythm between top-level categories (Shoes,
   Bags...) - the theme's own base ".dropdown__family { padding: 30px 0 }"
   was still winning for top/bottom padding (only left/right were
   overridden above), adding ~60px of dead space around every category,
   which became very noticeable once a category's drawer was open. */
.grandparent .dropdown__family {
  padding: 0;
}


/* Shop mega menu -- header uses an entrance animation library that leaves a
   settled (identity) CSS transform on the header element. Any transform,
   even an identity one, creates a new containing block for descendant
   position -> fixed elements, which was pushing the full-page panel's fixed
   positioning down by the header's own offset instead of the real viewport
   top -> visible as a gap between the header and the panel. The animation is
   already finished by the time .aos-animate is applied, so removing the
   transform only in that settled state has no visual effect on the header
   itself, and fixes the fixed-position math for the panel. */
.theme__header.aos-animate {
  transform: none !important;
}

.grandparent .header__dropdown__close {
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.grandparent .header__dropdown__close:hover {
  opacity: 0.5;
  transform: rotate(90deg);
}
.grandparent .header__dropdown__close .icon-close {
  width: 16px;
  height: 16px;
}


/* Cleaner, more contained Shop-menu images -- inset from the panel edges with a visible gap between them
   instead of sitting flush edge-to-edge and against each other. The images
   themselves use object-fit: cover, so shrinking their box just reframes
   the crop -- nothing stretches or distorts. */
.grandparent .menu__blocks {
  gap: 12px;
  padding: 32px 48px 32px 0;
  box-sizing: border-box;
}


/* Footer column headings ("Info", "Customer Care") were rendering at the
   theme's default h5 heading size (23px), much larger than every other
   footer element -- links, the newsletter heading, and the copyright line
   all already sit at 15px, matching the nav. Sizing these down to match
   removes the odd jump in scale; the slightly heavier font-weight the
   theme already gives these headings (400 vs. 300 for the links) is
   enough on its own to keep them reading as headings. */
footer .footer__block__title {
  font-size: 15px;
  line-height: 1.3;
}