/** Shopify CDN: Minification failed

Line 399:1 Expected ":"

**/
:root {
    /* color */
        --color-primary-one: #FAF7ED;
        --color-primary-two: #F8F3E4;
        --color-secondary: #434329;
        --color-sale: #C11818;
        
        --color-gray-100: #FFFFFF;
        --color-gray-300: #CECECE;
        --color-gray-500: #787878;
        --color-gray-700: #373737;
        --color-gray-900: #000000;

    /* layout */
        /* mobile */
        --layout-mobile-width: 334px;
        --layout-mobile-margin: 20px;
        --layout-mobile-gutter: 12px;

        /* pc */
        --layout-pc-xl-width: 1680px;
        --layout-pc-xl-margin: 120px;
        --layout-pc-xl-gutter: 12px;

        --layout-pc-lg-width: 1398px;
        --layout-pc-lg-margin: 261px;
        --layout-pc-lg-gutter: 12px;

        --layout-pc-md-width: 1116px;
        --layout-pc-md-margin: 402px;
        --layout-pc-md-gutter: 12px;

        --layout-pc-sm-width: 834px;
        --layout-pc-sm-margin: 543px;
        --layout-pc-sm-gutter: 12px;

        /* plp pc */
        --layout-pdp-pc-lg-width: 1640px;
        --layout-pdp-pc-lg-margin: 140px;
        --layout-pdp-pc-lg-gutter: 12px;

        --layout-pdp-pc-md-width: 1226px;
        --layout-pdp-pc-md-margin: 347px;
        --layout-pdp-pc-md-gutter: 12px;

    /* spacing */
        --space-base: 4px;

        --space-1: calc(var(--space-base) * 1);     /* 4px */
        --space-2: calc(var(--space-base) * 2);     /* 8px */
        --space-3: calc(var(--space-base) * 3);     /* 12px */
        --space-4: calc(var(--space-base) * 4);     /* 16px */
        --space-5: calc(var(--space-base) * 5);     /* 20px */
        --space-6: calc(var(--space-base) * 6);     /* 24px */
        --space-7: calc(var(--space-base) * 7);     /* 28px */
        --space-8: calc(var(--space-base) * 8);     /* 32px */
        --space-10: calc(var(--space-base) * 10);   /* 40px */
        --space-15: calc(var(--space-base) * 15);   /* 60px */
        --space-20: calc(var(--space-base) * 20);   /* 80px */
        --space-25: calc(var(--space-base) * 25);   /* 100px */
        --space-30: calc(var(--space-base) * 30);   /* 120px */
        --space-35: calc(var(--space-base) * 35);   /* 140px */
        --space-60: calc(var(--space-base) * 60);   /* 240px */
        --space-95: calc(var(--space-base) * 95);   /* 380px */
}

/* reset */
    * {
        /* margin: 0; */
        padding: 0;
        box-sizing: border-box;
        letter-spacing: 0;
    }
    ol,ul,li {
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
        letter-spacing: var(--ls-lg);
    }

    .visually-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }


/* layout */
    .b7-layout,
    .b7-pdp-layout {
        --b7-layout-gap: 6.25vw; /* 좌우 최소 여백 */
        margin: 0 auto;
    }

    .b7-pdp-layout {
        --b7-layout-gap: 7.29vw;
    }

    /* @media (max-width:999px){
        .b7-layout,
        .b7-pdp-layout,
        body.template-product .b7-layout { 
            --b7-layout-gap: 20px;
        }
    } */

    .b7-layout--pc-xl {
        width: min(100% - (var(--b7-layout-gap) * 2) , var(--layout-pc-xl-width)); /* 1680px */
    }
    .b7-layout--pc-lg {
        width: min(100% - (var(--b7-layout-gap) * 2) , var(--layout-pc-lg-width)); /* 1398px */
    }
    .b7-layout--pc-md {
        width: min(100% - (var(--b7-layout-gap) * 2) , var(--layout-pc-md-width)); /* 1116px */
    }
    .b7-layout--pc-sm {
        width: min(100% - (var(--b7-layout-gap) * 2) , var(--layout-pc-sm-width)); /* 834 px */
    }
    .b7-layout--mobile {
        width: min(100% - (var(--b7-layout-gap) * 2) , var(--layout-mobile-width)); /* 350px */
    }


    /* PDP 전용 섹션용 (항상 pdp 그리드) */
    .b7-pdp-layout--pc-lg {
        width: min(100% - (var(--b7-layout-gap) * 2), var(--layout-pdp-pc-lg-width)); /* 1640px */
    }
    .b7-pdp-layout--pc-md {
        width: min(100% - (var(--b7-layout-gap) * 2), var(--layout-pdp-pc-md-width)); /* 1226px */
    }

    /* 공용 섹션이 PLP 페이지에 오면 pdp 그리드로 전환 */
    body.template-product .b7-layout {
        --b7-layout-gap: 7.29vw;
    }
    body.template-product .b7-layout--pc-lg {
        width: min(100% - (var(--b7-layout-gap) * 2), var(--layout-pdp-pc-lg-width)); /* 1640px */
    }
    body.template-product .b7-layout--pc-md {
        width: min(100% - (var(--b7-layout-gap) * 2), var(--layout-pdp-pc-md-width)); /* 1226px */
    }

    .b7-bleed-right {
        margin-right: calc((100% - 100vw) / 2); /* b7-layout 안에서 오른쪽만 뷰포트 끝까지 빠져나가기 */
        overflow-x: auto; /* 안쪽에서 가로 스크롤되도록 */
        scrollbar-width: none; /* 스크롤바 숨김 (선택) */
    }
    .b7-bleed-right::-webkit-scrollbar {
        display: none;
    }

    @media (max-width:999px){
        .b7-layout,
        .b7-pdp-layout,
        body.template-product .b7-layout { /* 오버라이드보다 우선되도록 명시 */
            --b7-layout-gap: 20px;
        }
    }

/* spacing */
    .space-1{
        gap: var(--space-1);
    }
    .space-2{
        gap: var(--space-2);
    }
    .space-3{
        gap: var(--space-3);
    }
    .space-4{
        gap: var(--space-4);
    }
    .space-5{
        gap: var(--space-5);
    }
    .space-6{
        gap: var(--space-6);
    }
    .space-7{
        gap: var(--space-7);
    }
    .space-8{
        gap: var(--space-8);
    }
    .space-10{
        gap: var(--space-10);
    }
    .space-15{
        gap: var(--space-15);
    }
    .space-20{
        gap: var(--space-20);
    }
    .space-25{
        gap: var(--space-25);
    }
    .space-30{
        gap: var(--space-30);
    }
    .space-35{
        gap: var(--space-35);
    }
    .space-60{
        gap: var(--space-60);
    }
    .space-95{
        gap: var(--space-95);
    }

    .section-stack{
        row-gap: var(--space-15);
    }

    @media (max-width: 999px){
        .section-stack {
            row-gap: var(--space-7);
        }
    }

/* announcement bar */
    @media screen and (min-width: 700px){
        .announcement-bar{
            padding-block: var(--space-3);
        }
    }

    @media (max-width: 699px){
        .announcement-bar{
            padding-block: var(--space-2);
        }
    }

/* header */
    .header{
        --header-padding-inline: 6.25vw;
        --header-padding-block: 20px;
    }
    .header__primary-nav {
        gap: 4.17vw;
    }
    .header__primary-nav .link-reversed{
        padding: 0;
        font-size: 16px;
    }
    .header__secondary-nav{
        gap: 0;
    }
    .header__secondary-nav .b7-wholesale__button {
        margin-right: 32px;
    }
    .header__secondary-nav .contents{
        display: flex;
        align-items: center;
        gap: 40px;
    }

    /* 메가 메뉴 */
    .mega-menu{
        padding-inline: 6.25vw;
        padding-top: var(--space-8);
    }
    .mega-menu__navigation{
        column-gap: var(--space-15);
        max-width: 1000px;
        flex-wrap: nowrap;
    }
    .mega-menu__navigation .link-faded{
        color: var(--color-gray-900);
    }
    .mega-menu__linklist{
        border-left: 1px solid var(--color-gray-300);
        padding-left: var(--space-5) !important;
        row-gap: var(--space-3);
        max-width: 150px;
    }
    .mega-menu .link-reversed{
        color: var(--color-gray-500);
    }

    .header__dropdown-menu a{
        font-family: var(--ff-neue-haas);
        font-size: var(--fs-b2);
        font-weight: var(--fw-light);
        line-height: var(--lh-lg);
        letter-spacing: var(--ls-lg);
    }
    .b7-mega-menu__wrap{
        display: grid;
        grid-template-columns: max-content 1fr;
        column-gap: clamp(3rem, 5vw, 5rem);
        align-items: start;
        width: 100%;
        display: contents;
    }

    .mega-menu .menu-promo:not(.menu-promo--without-spacing) .menu-promo__carousel{
        padding-inline-end: 6.25vw;
    }
    .menu-promo--with-spacing .menu-promo__item{
        /* aspect-ratio: 1/1; */
        width: 270px;
    }
    .menu-promo--with-spacing img{
        width: 100%;
        height: 100%;
    }
    .menu-promo--with-spacing .menu-promo__item p{
        font-size: var(--fs-b2);
    }

    /* 모바일 메뉴 */
    .menu-drawer__panel-body{
        padding: var(--space-7) var(--space-5) 55px;
        overflow-x: hidden;
    }
    .menu-drawer__panel-body .back-button{
        background: transparent;
        padding: 0;
        column-gap: var(--space-2);
    }
    .menu-drawer__panel-body a,
    .menu-drawer__panel-body button{
        color: var(--color-gray-900);
        font-family: var(--ff-neue-haas);
        font-size: var(--fs-b2);
        font-weight: var(--fw-light);
        line-height: var(--lh-lg);
        letter-spacing: var(--ls-lg);
    }
    .menu-drawer__panel-body .h4 .h-stack{
        font-family: var(--ff-neue-haas);
        font-size: var(--fs-b2);
        font-weight: var(--fw-light);
        line-height: var(--lh-lg);
        letter-spacing: var(--ls-lg);
    }
    .menu-drawer__panel-body .accordion-header svg{
        transition: 0.2s;
    }
    .menu-drawer__panel-body .accordion-header button[aria-expanded="true"] + svg {
        transform: rotate(180deg);
    }
    .menu-drawer__footer-item{
        padding: var(--space-5);
    }

    .header__hamburger{
        row-gap: 5px;
    }
    .header__hamburger>*{
        width: 18px;
    }
    [aria-expanded=true] .header__hamburger>:first-child{
        transform: translateY(calc(var(--icon-stroke-width, 1px) * 4)) rotate(45deg);
    }
    [aria-expanded=true] .header__hamburger>:nth-of-type(2){
        display: none;
    }

    @media (min-width: 1921px){
        .height-observer{
            background-color: var(--color-primary-one);
            background-image: var(--background-gradient);
            color: var(--color-gray-900);
            border-color: rgb(var(--border-color));
            position: relative;
        }
        .height-observer .header{
            max-width: 1680px;
            margin: 0 auto; 
            --header-padding-inline: 0;
            position: initial;
        }
        .mega-menu{
            padding-inline: 0;
            justify-content: center;
        }
        .b7-mega-menu__wrap{
            width: 1680px;
            margin-inline: auto;
            display: grid;
            grid-auto-flow: column;
            grid-template-columns: auto auto;
            align-items: start;
            column-gap: clamp(3rem, 5vw, 5rem);
            justify-content: space-between;
            max-width: 1680px;
s
        }
        .mega-menu .menu-promo:not(.menu-promo--without-spacing) .menu-promo__carousel{
            padding-inline-end: 0;
        }
    }

    @media screen and (pointer: fine) {
        .link-reversed:not([aria-current=true],[aria-selected=true]):hover {
            color: var(--color-gray-900);
        }
    }

    @media screen and (max-width: 999px){
        .header{
            --header-padding-inline: 20px;
        }
        .header__secondary-nav .contents{
            gap: var(--space-5);
        }
    }

    @media screen and (max-width: 1329px){
        .header{
            --header-padding-inline: 20px;
        }
    }

    @media screen and (min-width: 1200px) {
        .header__menu-link {
            display: none;
        }
        .header__primary-nav{
            display: flex !important;
        }
    }
    @media screen and (max-width: 1199px){
        .header__primary-nav{
            display: none !important;
        }
        .menu-promo--with-spacing .menu-promo__item{
            width: 229px;
            min-width: max-content;
            aspect-ratio: auto;
        }
        .menu-promo--with-spacing img{
            width: 229px;
        }
    }

    @media (max-width: 699px){
        .header{
            --header-padding-block: 8px;
            height: 48px;
            border-color: var(--color-gray-300);
        }
    }

/* button */
    .button{
        border-radius: 100px;
    }
    .button, .shopify-challenge__button, .shopify-payment-button__button--unbranded{
        background: var(--color-secondary);
    }
    .button--outline{
        background: none;
    }
    .circle-button:before{
        background: var(--color-gray-100);
    }
    :is(.circle-button:not([disabled]):hover,.circle-button .group\:circle-button:hover):before{
        transform: none;
        background: var(--color-secondary);
    }
    .product-card__quick-buy .button{
        background: #fff;
        border-radius: 100px; 
        height: 66px;
    }
    .button__content{
        padding: var(--space-4) var(--space-5);
    }
    .product-card__quick-buy .button__content{
        padding: var(--space-4) var(--space-5);
        color: var(--color-secondary);
    }
    .button--outline .button__content{
        color: var(--color-secondary);
    }

    @media screen and (pointer: fine) {
        .button:has(.button__content[up-text]) .button__content[up-text]:before{
            top: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

    @media screen and (min-width: 700px) {
        .button-group {
            gap: var(--space-3);
        }
    }

/* product card */
    .product-card--info-outside .product-card__info{
        padding-top: 12px;
        padding-left: 4px;
    }
    .price-list .text-subdued{
        color: var(--color-gray-900);
    }
    .sale-percent{
        color: var(--color-sale);
    }
    .text-on-sale{
        color: var(--color-gray-900);
    }
    .price-list .text-subdued.line-through{
        color: var(--color-gray-500);
    }
    
    .product-card__figure::before {
        content: "";
        position: absolute;
        inset: 0;
        background: #fff;
        opacity: 0;
        transition: opacity .3s ease;
        z-index: 1;
        pointer-events: none;
    }

    .product-card:hover .product-card__figure::before {
        opacity: 0.35;
    }

    @media (max-width: 999px){
        .product-card--info-outside .product-card__info{
            padding-top: var(--space-2);
        }
        .price-list{
            column-gap: var(--space-2);
        }
    }

/* badge */
    .product-card__figure .badge-list{
        flex-direction: row;
        gap: 12px;
        /* padding: var(--space-6); */
    }
    .badge{
        font-family: var(--ff-neue-haas);
        font-size: var(--fs-b2);
        font-weight: var(--fw-light);
        line-height: var(--lh-lg);
        letter-spacing: var(--ls-lg);
        padding: 4px 16px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: capitalize;
    }
    .badge.badge--sold-out{
        text-transform: uppercase;
        background: var(--color-gray-700);
    }
    .badge--on-sale{
        background: var(--color-gray-100);
        color: var(--color-gray-900);
    }

    @media (max-width: 999px){
        .badge{
            font-family: var(--ff-neue-haas);
            font-size: var(--fs-c2);
            font-weight: var(--fw-light);
            line-height: var(--lh-sm);
            letter-spacing: var(--ls-lg);
            padding: var(--space-1) var(--space-2);
            border-radius: 5px;
        }

        .product-card__figure .badge-list{
            gap: var(--space-2);
            padding: var(--space-3);
        }
    }


/* Footer */
    footer p, footer a{
        color: #fff;
    }
    .footer__content{
        padding-block: 0;
    }
    .b7-footer__content{
        display: flex;
        justify-content: space-between;
        padding-bottom: 60px;
        border-bottom: 1px solid #CECECE;
        gap: 50px;
    }
    .b7-footer__right-column{
        display: flex;
        justify-content: space-between;
        gap: 140px;
    }
    .b7-footer__right-column .footer__block-list{
        column-gap: 140px;
        flex-wrap: nowrap;
    }
    .footer__block--links{
        flex-shrink: inherit;
        max-width: none;
    }
    .footer__block--links > div{
        gap: var(--space-5);
    }
    .footer__block--links ul{
        gap: var(--space-2);
    }
    .footer__block.footer__block--links.footer__block--accordion-links:nth-of-type(3){
        display: none;
    }

    footer .footer__block--newsletter{
        flex-basis: auto;
        max-width: 400px;
        width: 400px;
    }
    footer .footer__block--newsletter form{
        position: relative;
    }
    footer .form-control input{
        border-color: #F8F3E4;
        border-radius: 0;
        background: transparent;
        color: #F8F3E4;
        padding: var(--space-2) var(--space-3);
    }
    footer .form-control .floating-label{
        color: #F8F3E4;
        font-family: var(--ff-neue-haas);
        font-size: var(--fs-c1);
        font-weight: var(--fw-light);
        line-height: var(--lh-lg);
        letter-spacing: var(--ls-lg);
    }
    footer .footer__block--newsletter button{
        position: absolute;
        right: 12px;
        height: 100%;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
    }
    footer .footer__block--newsletter button .button__content{
        padding: 0;
    }
    footer .footer__block--newsletter button:hover .icon{
        transform: translate(0) !important;
    }
    footer .footer__block--newsletter input:focus{
        padding: var(--space-2) var(--space-3) !important;
    }
    .b7-footer__block--image-text{
        margin: 32px 0 !important;
    }
    .b7-footer__block--image-text li:first-child{
        margin-bottom: 8px !important;
    }
    footer .separator{
        display: none;
    }
    .footer__aside{
        padding-top: 60px;
        padding-bottom: 0;
        align-items: flex-end;
    }
    .footer__aside .v-stack{
        text-align: left;
    }
    .b7-footer__aside--policy ul{
        display: flex;
        align-items: center;
        gap: 80px;
    }
    .b7-footer__aside--policy ul li{
        position: relative;
    }
    .b7-footer__aside--policy ul li:after{
        content: "";
        display: block;
        width: 1px;
        height: 10px;
        background: #fff;
        position: absolute;
        right: -50%;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0.3;
    }
    .b7-footer__aside--policy ul li:last-child::after{
        display: none;
    }

    @media screen and (pointer: fine) {
        footer .link-reversed:not([aria-current=true],[aria-selected=true]):hover {
            color: var(--color-gray-100);
        }
    }

    @media (max-width: 999px){
        .b7-footer__content{
            flex-direction: column;
        }
        .footer__aside{
            justify-content: space-between;
        }
    }

    @media (max-width: 699px){
        .b7-footer__content{
            border-bottom: none;
            padding-bottom: var(--space-8);
        }
        .b7-footer__logo-column{
            margin: 0 auto;
            text-align: center;
        }
        .footer__block--image img{
            width: 191px;
            margin: 0 auto;
        }
        .b7-footer__block--image-text{
            margin: var(--space-5) 0 !important;
            max-width: 226px;
        }
        .b7-footer__logo-column .social-media{
            justify-content: center;
        }
        .footer__block.footer__block--links.footer__block--accordion-links .accordion{
            box-shadow: none;
            border-bottom: 1px solid var(--color-gray-300);
        }
        .footer__block--accordion-links:first-child .accordion{
            border-top: 1px solid var(--color-gray-300);
        }
        .footer__block.footer__block--links.footer__block--accordion-links:nth-of-type(3){
            display: block;
        }
        .footer__block.footer__block--links.footer__block--accordion-links .accordion__content{
            padding-block-end: var(--space-4);
        }

        .b7-footer__right-column{
            display: block;
        }
        footer .footer__block--newsletter{
            max-width: none;
            width: 100%;
            grid-row: 1;
            margin-bottom: var(--space-8);
        }
        footer .footer__block--newsletter > .space-5{
            gap: var(--space-4);
        }
        .footer__block--accordion-links .accordion__summary{
            padding: var(--space-4) 0;
        }
        .footer__block--accordion-links .accordion__summary span{
            font-size: var(--fs-b2);
        }
        .footer__block--accordion-links .accordion__content ul {
            gap: var(--space-2);
        }
        .footer__aside{
            padding-top: 0;
            justify-content: center;
            max-width: 316px;
            margin: 0 auto;
        }
        .footer__aside .v-stack{
            text-align: center;
            gap: var(--space-10);
        }
        .b7-footer__aside--policy{
            display: none;
        }
    }

/* policy */
    .shopify-challenge__container, .shopify-policy__container, .shopify-email-marketing-confirmation__container{
        width: min(100% - (var(--b7-layout-gap) * 2) , var(--layout-pc-sm-width));
        --b7-layout-gap: 6.25vw;
        padding-left: 0;
        padding-right: 0;
        max-width: none;
        padding-block: 100px;
    }
    .shopify-policy__title h1{
        font-family: var(--ff-linux-libertine);
        font-size: var(--fs-h2);
        font-weight: var(--fw-regular);
        line-height: var(--lh-md);
        letter-spacing: var(--ls-md);
    }
    .shopify-policy__body h6{
        font-family: var(--ff-neue-haas);
        font-size: var(--fs-b2);
        font-weight: var(--fw-regular);
        line-height: var(--lh-lg);
        letter-spacing: var(--ls-lg);
        margin-bottom: var(--space-3);
    }
    .shopify-policy__body p{
        margin: 0;
        font-family: var(--ff-neue-haas);
        font-size: var(--fs-b2);
        font-weight: var(--fw-light);
        line-height: var(--lh-lg);
        letter-spacing: var(--ls-lg);
    }

    @media (max-width:999px){
        .shopify-challenge__container, .shopify-policy__container, .shopify-email-marketing-confirmation__container {
            --b7-layout-gap: 20px;
            padding-block: 60px;
        }
        .shopify-policy__title{
            margin-bottom: var(--space-7);
        }
        .shopify-policy__title h1{
            font-size: var(--fs-t2);
        }
    }

/* search */
    .shopify-section--main-search .prose form{
        max-width: 624px;
    }
    .search-form__input.heading{
        font-family: var(--ff-neue-haas);
        font-size: var(--fs-b1);
        font-weight: var(--fw-light);
        line-height: var(--lh-lg);
        letter-spacing: var(--ls-lg);
    }
    .drawer--search::part(body){
      padding: var(--space-7);
      overflow-x: hidden;
    }
    .predictive-search__suggestions{
        column-gap: var(--space-8);
    }
    .predictive-search__suggestions~.search-tabs{
        border-block-start-width: 0;
    }
    .search-form{
        padding: var(--space-5) var(--space-7);
        column-gap: var(--space-5);
    }
    .search-form svg circle,
    .search-form svg path{
        stroke: var(--color-gray-500);
    }
    .search-tabs{
        row-gap: 0;
    }
    .predictive-search__no-results .h5 {
        margin-top: var(--space-4);
    }

    .search-drawer__product-carousel{
        grid-auto-columns: 278px;
    }

    @media (max-width: 999px){
        .search-form{
            padding: var(--space-4) var(--space-5);
            column-gap: var(--space-4);
        }
        .search-drawer__input{
            font-size: var(--fs-b2);
        }
        .search-form__input.heading{
            font-size: var(--fs-b2);
        }
        #predictive-search-form{
            gap: var(--space-4);
        }
        .predictive-search__suggestions~.search-tabs{
            padding-top: var(--space-5);
        }
        .predictive-search__products{
            row-gap: var(--space-6);
        }
    }

    @media (max-width: 699px){
        .predictive-search__suggestions{
            column-gap: var(--space-5);
        }
        .search-drawer__product-carousel{
            gap: var(--space-3);
            grid-auto-columns: 139px;
        }
    }

/* search page */
    .template-search .empty-state:not(.empty-state--sm){
        padding-block: 0;
    }
    .template-search .prose form{
        margin-top: var(--space-10);
    }
    .shopify-section--main-search .collection{
        padding-top: var(--space-15);
    }

    @media (max-width: 999px){
        .shopify-section--main-search .prose > p{
            font-size: var(--fs-b2);
            margin-top: var(--space-4);
        }
        .template-search .prose form{
            margin-top: var(--space-6);
        }
        .shopify-section--main-search .collection{
            padding-top: var(--space-7);
        }
        .template-search .empty-state .button{
            margin-top: var(--space-4);
            max-width: 228px;
            height: 51px;
        }
    }

/* section - Products with image */
    .shopify-section--products-with-image .products-with-image__carousel-container{
        gap: 0;
        padding: 0;
        max-width: none;
    }
    .shopify-section--products-with-image .product-card .product-card__figure{
        max-width: 401px;
    }
    .shopify-section--products-with-image .products-with-image__carousel-container .product-text{
        margin: var(--space-5) 0 var(--space-10);
    }
    .shopify-section--products-with-image .products-with-image__carousel-container .product-infobox img{
        width: 100%;
    }
    .product-card--info-outside.product-card--blends :is(.product-list--spotlight .product-card__info){
        padding-left: 4px;
    }
    .shopify-section--products-with-image .product-card__quick-buy .button{
        height: 51px;
    }
    .shopify-section--products-with-image .product-card__quick-buy .button .button__content{
        padding: var(--spaec-3) var(--space-5);
        font-size: var(--fs-b2);
        height: 100%;
    }

    @media (max-width: 999px){
        .shopify-section--products-with-image .product-list{
            --product-list-default-column-count: 1;
            --product-list-card-width: 100%;
        }
        .shopify-section--products-with-image .product-list .product-card{
            margin: 0 auto;
        }
    }

/* draw */
    .drawer::part(header){
        padding: var(--space-5) var(--space-7);
        border-block-end: 1px solid var(--color-gray-300);
    }
    .drawer::part(body){
        padding: var(--space-7);
    }
    .drawer::part(content){
        max-width: 624px;
    }
    .drawer::part(footer){
        padding: var(--space-7);
    }
    
    :where(.drawer,.drawer-popover,.modal,.popover)::part(close-button):before{
        display: none;
    }
    .drawer .button-group{
        gap: var(--space-3);
    }
    .drawer .button{
        height: 66px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .drawer .button__content{
        padding: var(--space-4) var(--space-5);
    }
    .template-search .b7-search-page__text{
        margin-top: var(--space-5);
    }
    .template-search .empty-state .button{
        margin: var(--space-10) auto 0 !important;
        max-width: 270px;
        width: 100%;
        height: 66px;
    }
    .template-search .empty-state .button .button__content{
        padding: var(--space-4) var(--space-5);
    }
    
    @media (max-width: 999px){
        .drawer::part(header){
            padding: var(--space-4) var(--space-5);
        }
        .drawer [slot=header]{
            font-size: var(--fs-b2);
        }
        .drawer::part(body){
            padding: var(--space-5);
        }
        .drawer .button__content{
            padding: var(--space-3) var(--space-5);
        }
        .drawer .button{
            height: 51px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .template-search .empty-state .button{
            margin: var(--space-6) auto 0 !important;
            max-width: 228px;
            height: 51px;
        }
        .template-search .empty-state .button .button__content{
            padding: var(--space-3) var(--space-5);
        }
    }

    @media (max-width: 699px){        
        .drawer::part(footer){
            padding: var(--space-5);
        }
        .drawer--facets.drawer::part(content),
        .drawer--search.drawer::part(content){
            max-width: 330px;
        }
    }

/* filter */
    .facets .accordion .accordion__summary{
        min-height: auto;
    }
    .facets .accordion:first-of-type .accordion__summary{
        padding-top: 0;
    }
    .facets .accordion__content{
        padding-left: 0;
        padding-bottom: var(--space-5);
    }
    .facets .accordion__content > .v-stack{
        gap: var(--space-3);
    }
    .facets .radio{
        width: 12px;
        height: 12px;
        border-radius: 2px;
        border: 1px solid var(--color-gray-300);
        position: relative;
    }
    .facets .radio:checked{
        border: 1px solid #000;
    }
    .facets .radio:checked::after{
        content: "";
        position: absolute;
        inset: 0;
        background-image: url("/cdn/shop/files/Check.svg?v=1781755802");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 8px 8px;
    }
    .facets:has(.accordion.is-open) :where(.accordion:not(.is-open) .accordion__summary,.facets__availability-control .subheading){
        color: var(--color-gray-900);
    }

    .collection__inner .empty-state{
        padding: 68px 0 0;
    }
    .collection__inner .empty-state .prose p{
        font-family: var(--ff-linux-libertine);
        font-size: var(--fs-h2);
        font-weight: var(--fw-regular);
        line-height: var(--lh-md);
        letter-spacing: var(--ls-md);
    }

    @media (max-width: 999px){
        .facets .accordion .accordion__summary{
            padding: var(--space-4) 0;
            font-size: var(--fs-b2);
        }
        .facets__availability-control{
            padding: var(--space-4) 0;
        }
        .facets__availability-control label{
            font-size: var(--fs-b2);
        }
        .facets .checkbox-control label{
            font-size: var(--fs-b2);
        }

        .collection__inner .empty-state{
            padding-top: var(--space-10);
        }
        .collection__inner .empty-state .prose p{
            font-size: var(--fs-t2);
        }
    }

/* cart */
    .drawer--cart .free-shipping-bar{
        margin-block-start: 0;
    }
    .progress-bar{
        border-radius: 100px;
        height: 5px;
        background: var(--color-gray-300);
    }
    .progress-bar:before{
        background: var(--color-secondary);
    }
    .drawer--cart > .v-stack {
        gap: 28px;
    }
    .drawer--cart .line-item{
        column-gap: var(--space-5);
    }

    .cart-drawer__footer-inner{
        padding: var(--space-4) var(--space-7) var(--space-7);
    }
    .cart-drawer__footer-inner .button-group{
        gap: 12px;
    }
    .cart-drawer__footer-inner .button{
        border-radius: 100px;
    }
    .cart-drawer__footer-inner .button__content{
        padding: 18px 20px;
    }
    .drawer--cart.drawer::part(footer){
        padding: 0;
    }
    .line-item__remove-button{
        color: var(--color-gray-300);
    }
    .line-item:hover .line-item__remove-button{
        opacity: 1;
    }
    .line-item__remove-button:hover{
        color: var(--color-gray-900);
    }
    
    .drawer--cart .empty-state .button{
        margin-top: var(--space-5) !important; 
        max-width: 270px;
        height: 66px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    @media screen and (min-width: 700px) {
        .line-item__media {
            flex-basis: 133px;
        }
    }

    @media screen and (min-width: 1150px) {
        .empty-state:not(.empty-state--sm) {
            padding: var(--space-10) 0 0;
        }
    }

    @media (max-width: 999px){
        .drawer--cart h2{
            font-size: var(--fs-b2);
        }
        .drawer--cart>.v-stack{
            gap: var(--space-5);
        }
        .drawer--cart .line-item{
            column-gap: var(--space-4);
        }
        .drawer--cart .line-item .line-item__media{
            flex: 0 0 109px;
        }
        .b7-line-item__warp{
            gap: var(--space-5);
        }
        .line-item__info{
            max-width: 180px;
        }
        .b7-line-item__title a{
            font-family: var(--ff-neue-haas);
            font-size: var(--fs-b2);
            font-weight: var(--fw-regular);
            line-height: var(--lh-lg);
            letter-spacing: var(--ls-lg);
        }
        .cart .b7-quantity-box {
            gap: var(--space-3);
        }
        .cart-drawer__footer-inner{
            padding: var(--space-3) var(--space-5) var(--space-5);
        }
        .b7-cart-footer__total{
            gap: var(--space-3);
        }
        .cart-drawer__footer-inner .button__content{
            padding: var(--space-3) var(--space-5);
        }
        .line-item__quantity-selector .b7-quantity-box{
            gap: var(--space-3);
        }
        .line-item__remove-button{
            column-gap: var(--space-2);
        }

        .empty-state:not(.empty-state--sm){
            padding: var(--space-8) 0 0;
        }
        .drawer--cart .empty-state .button{
            width: 230px;
            height: 51px;
            margin-top: var(--space-4) !important;
        }
    }


/* cart page */
    .template-cart .section-spacing{
        padding: var(--space-25) 0;
    }
    .template-cart .cart-header{
        row-gap: var(--space-5);
    }
    .template-cart .cart-header .free-shipping-bar{
        max-width: 568px;
    }
    .template-cart .line-item{
        column-gap: var(--space-5);
    }
    .template-cart .order-summary__header th{
        padding: 0;
        padding-bottom: var(--space-4);
    }
    .template-cart .line-item__info a{
        font-family: var(--ff-neue-haas);
        font-size: var(--fs-b1);
        font-weight: var(--fw-light);
        line-height: var(--lh-lg);
        letter-spacing: var(--ls-lg);
    }
    .order-summary tr:first-child td{
        padding-block-start: var(--space-7);
    }
    .template-cart .order-summary td{
        padding: 0;
        padding-bottom: var(--space-7);
    }
    .template-cart .order-summary tr:last-child td{
        border-block-end-width: 0;
        padding-bottom: 0;
    }
    .template-cart .cart__right{
        padding: var(--space-7);
    }
    .cart__right .button{
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cart__right .button .button__content{
        padding: 18px 20px;
    }

    @media screen and (min-width: 700px) {
        .template-cart .line-item__media {
            flex-basis: 141px;
        }
    }

    @media (min-width: 1400px){
        .template-cart .cart__left{
            max-width: 834px;
        }
        .template-cart .cart__right{
            max-width: 411px;
        }
    }

    @media (max-width: 1399px){
        .cart__right .button{
            height: 51px;
        }
        .cart__right .button .button__content{
            padding: var(--space-3) var(--space-5);
        }
    }

    @media (max-width: 999px){
        .template-cart .section-spacing{
            padding: var(--space-15) 0;
        }
        .template-cart .cart-header{
            row-gap: var(--space-4);
        }
        .b7-cart__wrap{
            gap: var(--space-7);
        }
        .template-cart .order-summary__header th{
            padding-bottom: var(--space-3);
        }
        .template-cart .order-summary td{
            padding-bottom: var(--space-5);
        }
        .order-summary tr:first-child td{
            padding-block-start: var(--space-5);
        }
        .template-cart .line-item__info a{
            font-family: var(--ff-neue-haas);
            font-size: var(--fs-b2);
            font-weight: var(--fw-regular);
            line-height: var(--lh-lg);
            letter-spacing: var(--ls-lg);
        }
        .template-cart .cart__right{
            padding: var(--space-5); 
        }
        .cart__right .b7-body--02{
            font-size: var(--fs-b2);
        }
    }

/* pagination */
    .pagination {
        column-gap: var(--space-10);
    }
    .pagination__link{
        width: 24px;
        height: 24px;
        font-size: var(--fs-b2);
        font-weight: var(--fw-light);
        line-height: var(--lh-lg);
        letter-spacing: var(--ls-lg);
    }
    .pagination__link[aria-current=page]{
        background: var(--color-secondary);
        font-family: var(--ff-neue-haas);
    }
    .pagination .circle-button{
        width: 24px;
        height: 24px;
    }

/* scroll marker */
    .scroll-marker{
        width: 9px;
        height: 9px;
        border-radius: 100px;
        background-color: var(--color-primary-two) !important;
    }
    .scroll-marker-group--lines .scroll-marker[aria-current=true]{
        background-color: var(--color-secondary) !important;
    }