/* ================================================================
   КАСТОМНЫЕ СТИЛИ ДЛЯ МАГАЗИНА TILDA
   ================================================================ */


/* ----------------------------------------------------------------
   1. КАТАЛОГ — карточки товаров на мобильных
   ---------------------------------------------------------------- */
@media screen and (max-width: 960px) {
    .t-store__grid-cont .t-col,
    .t-store__grid-cont .t-store__stretch-col {
        margin-bottom: 28px;
    }
}

.t-store__card__imgwrapper {
    position: relative;
    width: 100%;
    padding-bottom: 145%;
}

@media screen and (max-width: 960px) {
    .t-store__grid-cont .t-store__card-list {
        row-gap: 15px !important;
    }
}


/* ----------------------------------------------------------------
   2. БЛОК «СМОТРИТЕ ТАКЖЕ»
   ---------------------------------------------------------------- */
@media screen and (max-width: 960px) {
    .t-store__relevants-grid-cont.t-store__grid-cont_mobile-one-row .t-col,
    .t-store__relevants-grid-cont.t-store__grid-cont_mobile-one-row .t-store__stretch-col {
        margin-bottom: 0 !important;
        min-width: 68%;
    }
}

@media screen and (max-width: 960px) {
    .t-store__relevants__container .t-store__scroll-icon-wrapper {
        padding: 0 0 10px 0;
        display: none;
    }
}

@media screen and (max-width: 960px) {
    .t-store__relevants__title { margin: 40px 0 30px; }
    #delivery-hint              { font-size: 13px; }
}


/* ----------------------------------------------------------------
   3. ПОИСК TILDA
   ---------------------------------------------------------------- */
.t985__searchvariants { display: none !important; }


/* ----------------------------------------------------------------
   4. ПАДДИНГИ
   ---------------------------------------------------------------- */
@media screen and (max-width: 960px) {
    .t585 .t-col_12 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .t-search-widget__popup-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.t585__accordion {
    padding-left: 0px;
    padding-right: 0px;
}


/* ----------------------------------------------------------------
   5. ТЕКСТОВАЯ ОБЁРТКА КАРТОЧКИ
   ---------------------------------------------------------------- */
.t-store__card__textwrapper { padding-top: 10px; }
.t-store__card__price-wrapper { margin-top: 2px; }


/* ----------------------------------------------------------------
   6. КНОПКА «ДОБАВИТЬ В КОРЗИНУ» T1002
   ---------------------------------------------------------------- */
.t1002__addBtn {
    width: 45px;
    height: 45px;
    padding-top: 2px;
    border: 0px solid #e4e4e4;
}

@media screen and (max-width: 561px) {
    .t-popup .t-popup__container .t-store__prod-popup__btn-wrapper-fixed,
    .t-store__product-snippet .t-store__prod-popup__btn-wrapper-fixed {
        background: #f9f9f9;
    }
}


/* ================================================================
   7. ЦВЕТОВЫЕ СВОТЧИ
   ================================================================ */

.block-color {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 6px;
    margin-bottom: 10px;
}

.element-color {
    display: inline-flex;
    border: 1px solid #8e8e8e;
    border-radius: 50%;
}

.t-store__prod-popup__info .block-color {
    justify-content: left;
    margin-top: 10px;
    margin-bottom: 40px;
    gap: 10px;
}

.t-store__prod-popup__info .t-product__option-variants_color { display: none !important; }
.t-store__prod-popup__info [data-edition-option-id="Color"] .t-product__option-variants { display: none !important; }
.t-store__prod-popup__info .t-store__prod-popup__sku         { display: none; }

.element-color {
    width: 8px;
    height: 8px;
}

[data-name-color] {
    position: relative;
    font-size: 0;
}
[data-name-color]::after {
    position: absolute;
    content: attr(data-name-color);
    top: calc(35px + 1vw);
    left: 0;
    text-transform: initial;
    font-size: 12px;
}

.js-product-edition-option[data-edition-option-id="Размер"],
.js-product-edition-option[data-edition-option-id="Size"],
[data-edition-option-id="Цвет"],
[data-edition-option-id="Color"] {
    text-transform: initial;
}
.t-store__prod-popup__info .js-product-edition-option[data-edition-option-id="Размер"] *,
.t-store__prod-popup__info .js-product-edition-option[data-edition-option-id="Size"] * {
    font-size: 14px;
}

[data-activ-color] { position: relative; }
.t-store__prod-popup__info [data-activ-color]::before {
    content: '';
    width: 30px;
    height: 30px;
    border: 1px solid #8e8e8e;
    border-radius: 50%;
    position: absolute;
    left: -4px;
    top: -4px;
}

@media (min-width: 500px) {
    .t-store__prod-popup__info [data-activ-color]::before {
        content: '';
        width: calc(16px + 1vw);
        height: calc(16px + 1vw);
    }
    .t-store__prod-popup__info .js-store-tabs.t-store__tabs.t-store__tabs_accordion {
        margin-top: 0px;
    }
}

.t-store__prod-popup__info .element-color {
    width: 24px;
    height: 24px;
}
@media (min-width: 500px) {
    .t-store__prod-popup__info .element-color {
        width: calc(10px + 1vw);
        height: calc(10px + 1vw);
    }
    .wbtn.t-store__card__btn { flex: 1; }
}


/* ----------------------------------------------------------------
   8. ОПЦИЯ «РАЗМЕР»
   ---------------------------------------------------------------- */
.js-product .t-product__option-variants_buttons .t-product__option-item_simple {
    border: initial;
}
.js-product .t-product__option-variants_buttons .t-product__option-item_simple.t-product__option-item_active {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
}
.js-product .t-product__option-variants_buttons .t-product__option-item_simple:hover {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
}


/* ----------------------------------------------------------------
   10. ТАБЫ ВНУТРИ ПОПАПА
   ---------------------------------------------------------------- */
@media screen and (max-width: 980px) {
    .t-store__prod-popup__info .js-store-tabs.t-store__tabs.t-store__tabs_accordion {
        padding: initial;
    }
}
@media screen and (min-width: 981px) {
    .t-container_fluid .t-col_12 {
        max-width: calc(100% - 40px);
        margin-left: 0;
    }
}

#allrecords .t-store__prod-popup__info .t-store .t-store__tabs_accordion .t-store__tabs__item-button:not(.t-store__tabs__item-button_active),
#allrecords div.t-store .t-store__tabs.t-store__tabs_accordion .t-store__tabs__item-button {
    border-top: 1px solid #D8D7D7 !important;
}
#allrecords .t-store .t-store__tabs_accordion .t-store__tabs__item-button:not(.t-store__tabs__item-button_active) {
    border-bottom: 1px solid #D8D7D7 !important;
}
#allrecords .t-store .t-store__tabs_accordion .t-store__tabs__item-button {
    padding: 10px;
    padding-left: 0px;
}


/* ----------------------------------------------------------------
   11. «ВАМ ПОНРАВИТСЯ» — как в русской версии
   ---------------------------------------------------------------- */
.t-store__relevants__container .t-container {
    max-width: calc(100% - 40px);
}
.t-store__relevants__container .t-container > .t-col { margin: 0; }
.t-store__relevants__container .t-clear.t-store__grid-separator { display: none; }

.t-store__relevants-grid-cont {
    gap: 10px;
}

@media screen and (min-width: 500px) {
    .t-store__card-list {
        grid-template-columns: repeat(4, 1fr);
        row-gap: 30px;
    }
    .t-store__relevants-grid-cont .t-store__card-list { gap: 10px; }
}

.t-store__relevants__container .t-store__card {
    margin: 0;
    flex: 1 20%;
    max-width: initial !important;
}


/* ----------------------------------------------------------------
   12. ЗАЛИВКА КНОПОК-РАЗМЕРОВ
   ---------------------------------------------------------------- */
.js-product .t-product__option-variants_buttons .t-product__option-item_simple {
    background-color: initial;
}


/* ----------------------------------------------------------------
   15. ФИКСИРОВАННАЯ ПАНЕЛЬ «КУПИТЬ»
   ---------------------------------------------------------------- */
@media screen and (min-width: 680px) {
    .t-store__prod-popup__btn-wrapper.t-store__prod-popup__btn-wrapper-fixed {
        display: flex;
        align-items: center;
    }
    .t-store__prod-popup__btn-wrapper.t-store__prod-popup__btn-wrapper-fixed .t-btn {
        flex: 1;
    }
}


/* ----------------------------------------------------------------
   16. МОБИЛКА ≤960px
   ---------------------------------------------------------------- */
@media screen and (max-width: 960px) {
    .t-store__relevants-grid-cont.t-store__grid-cont_mobile-one-row .t-col {
        margin-right: initial;
        margin-left: initial;
    }
    .t-store__filter { margin-bottom: 0 !important; }
    .t-store__prod-popup__info .t-store__tabs__content { font-size: 12px; }
    .t-store__tabs__item h2 { font-size: 14px; }
    .t-store__prod-popup__title-wrapper { margin-bottom: 5px; }
}


/* ----------------------------------------------------------------
   17. БЛОК «ПОКУПАТЕЛЯМ»
   ---------------------------------------------------------------- */
@media screen and (max-width: 1200px) {
    #rec784926862 .t-container { max-width: 100%; }
    #rec784926862 .t-width_6   { max-width: 100%; }
}


/* ----------------------------------------------------------------
   18. ВЫПАДАЮЩИЙ СПИСОК T397
   ---------------------------------------------------------------- */
.t397__wrapper_mobile::after {
    border-color: #9d9d9d transparent transparent transparent !important;
}
.t397__select {
    border: 1px solid #9d9d9d !important;
    color: #666 !important;
    font-weight: normal;
}


/* ----------------------------------------------------------------
   19. МЕНЮ T794
   ---------------------------------------------------------------- */
.t794__list_item { margin-bottom: 5px; }


/* ----------------------------------------------------------------
   20. КОНТЕЙНЕРЫ
   ---------------------------------------------------------------- */
@media screen and (min-width: 981px) {
    .t-container_fluid .t-col_12 { max-width: initial; }
}

@media (min-width: 500px) and (max-width: 960px) {
    .t-container { max-width: calc(100% - 26px); }
}


/* ----------------------------------------------------------------
   21. АККОРДЕОНЫ
   ---------------------------------------------------------------- */
.t585 .t-col .t585__icon { display: none; }
.t-store__tabs__item { position: relative; }
.t-store__tabs__close svg { display: none; }

.t585 .t585__header::after {
    content: '\23F7';
    position: absolute;
    transform: translateY(50%);
    font-size: 15px;
    right: 0;
    color: #9d9d9d;
}

.t-store__tabs__item::after {
    content: '\23F7';
    position: absolute;
    transform: translateY(50%);
    font-size: 15px;
    right: 0;
    color: #9d9d9d;
    top: 0;
}


/* ----------------------------------------------------------------
   22. «ВАМ ПОНРАВИТСЯ» — обнуляем падинги
   ---------------------------------------------------------------- */
.t-store__relevants__container .t-col { padding: 0; }


/* ----------------------------------------------------------------
   23. КОРЗИНА T706 — типографика
   ---------------------------------------------------------------- */
.t706__cartpage-content .t-name,
.t706__cartpage-content [data-input-lid="1496239431201"] span,
.t706__cartpage-content .t-input-group_pm .t-input-title,
#field-title_1681815262492 {
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-size: 16px;
}

@media screen and (max-width: 561px) {
    .t-popup .t-popup__container .t-store__prod-popup__btn-wrapper-fixed,
    .t-store__product-snippet .t-store__prod-popup__btn-wrapper-fixed {
        z-index: 999;
    }
    .t706__cartpage-content label { font-size: 12px; }
}

@media (min-width: 640px) and (max-width: 980px) {
    .t-store__prod-popup__info.t-align_left.t-store__prod-popup__col-right.t-col.t-col_5 {
        padding-right: 40px;
    }
}

.t706__cartpage-content .t-text { font-family: 'Inter', Arial, sans-serif; }


/* ----------------------------------------------------------------
   24. КОЛОНКИ ПОПАПА ТОВАРА
   ---------------------------------------------------------------- */
@media screen and (min-width: 981px) {
    .t-container_fluid .t-col_5 {
        max-width: calc(5 / 12 * 100% - 50px);
    }
    .t-store .js-store-tabs .t-store__tabs__item {
        max-width: calc(100% - 44px);
    }
}


/* ----------------------------------------------------------------
   25. АДРЕСА И ТАБЫ
   ---------------------------------------------------------------- */
#addresses-wrapper p { font-size: 14px !important; }

.t-store .t-store__tabs_accordion .t-store__tabs__item-button:hover .t-store__tabs__close::after {
    display: none !important;
}


/* ----------------------------------------------------------------
   27. ПОСЛЕДНЯЯ ПРАВКА
   ---------------------------------------------------------------- */
@media screen and (max-width: 960px) {
    .t-store__grid-cont_mobile-one-row .t-store__card-list {
        column-gap: 10px;
    }
}


/* ================================================================
   MYSTEZ REDESIGN (keep this part last)
   ================================================================ */
body,.t-body{background-color:#FAF9F7!important}
::selection{background:#1C1B19;color:#FAF9F7}
/* MYSTEZ product cards, everywhere on the site */
.t-store__card .t-store__card__imgwrapper{position:relative;overflow:hidden;padding-bottom:133.33%;background:#EFEDE9}
.t-store__card .t-store__card__textwrapper{display:flex;flex-direction:column;padding:0}
/* colour squares under the card, as at KHAITE: the colour of this card is underlined, the others lead to that colour */
#allrecords .t-store__card .block-color{order:10;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
#allrecords .t-store__card .block-color:has(.element-color:only-child){display:none}
#allrecords .t-store__card .block-color .element-color{position:relative;width:18px;height:12px;margin:0;border:0;border-radius:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(28,27,25,.14)}
.t-store__card .block-color .element-color:before{content:"";position:absolute;inset:-8px -4px}
.t-store__card .block-color .element-color:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:transparent;transition:background-color .2s}
.t-store__card .block-color .element-color:hover:after{background:#B5B1AB}
.t-store__card .block-color .element-color[data-activ-color]:after{background:#1C1B19}
.t-store__card .t-store__card__title{margin-top:16px;font:400 13px/1.4 'Tenor Sans',Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#1C1B19!important}
.t-store__card:hover .t-store__card__title{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.t-store__card .t-store__card__price-wrapper{margin-top:4px;font:400 14px/1.4 'Hanken Grotesk',Arial,sans-serif!important;color:#86827C!important}
.t-store__card .t-store__card__price{font:inherit!important;color:inherit!important}
.mzc-cl{order:9;margin-top:2px;font:400 13px/1.4 'Hanken Grotesk',Arial,sans-serif;color:#8E8982}
.mzc-sz{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;align-items:center;gap:16px;padding:12px 16px;background:rgba(250,249,247,.95);font:500 12px/1 'Hanken Grotesk',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#1C1B19;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.mzc-sz em{margin-right:auto;font-style:normal;font-size:11px;color:#86827C}
.mzc-sz.ok em{color:#1C1B19}
.mzc-sz b{font-weight:500;padding:4px 0;cursor:pointer}
.mzc-sz.one{cursor:pointer}
.mzc-sz.one em{color:#1C1B19}
.mzc-sz.one:hover em,.mzc-sz.one:hover b{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.mzc-sz b:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.mzc-wl{position:absolute;z-index:3;right:8px;top:6px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;opacity:0;transition:opacity .25s}
.mzc-wl svg{width:20px;height:20px;fill:none;stroke:#1C1B19;stroke-width:1.2;transition:fill .2s}
.mzc-wl.on svg{fill:rgba(28,27,25,.4);stroke:none}
.t-store__card:hover .mzc-sz,.t-store__card:hover .mzc-wl,.mzc-wl.on{opacity:1;transform:none}
@media(hover:none){.mzc-sz{display:none}.mzc-wl{opacity:1}}
.mz-rv{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.mz-rv.mz-in{opacity:1;transform:none}
@media(min-width:900px){.t-store__card .t-store__card__title{font-size:14px!important}.t-store__card .t-store__card__price-wrapper{font-size:15px!important}}
/* phones: product names up to two lines, always two lines tall, so prices line up across a row */
@media(max-width:899px){.t-store__card .t-store__card__title{font-size:12px!important;letter-spacing:.1em!important;line-height:1.4!important;min-height:2.8em;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
@media(prefers-reduced-motion:reduce){.mz-rv{opacity:1;transform:none;transition:none}}
/* MYSTEZ product page */
.t-store__product-snippet .t-store__prod-popup__name{margin:0;font:400 26px/1.15 'Tenor Sans',Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#1C1B19!important}
.t-store__product-snippet .t-store__prod-popup__brand,.t-store__product-snippet .t-store__prod-popup__sku{display:none}
.t-store__product-snippet .t-store__prod-popup__price-wrapper{margin:10px 0 28px}
.t-store__product-snippet .t-store__prod-popup__price,.t-store__product-snippet .t-store__prod-popup__price *{font:400 19px/1.3 'Hanken Grotesk',Arial,sans-serif!important;color:#1C1B19!important}
.t-store__product-snippet .t-store__prod-popup__price_old,.t-store__product-snippet .t-store__prod-popup__price_old *{font-size:16px!important;color:#86827C!important}
.t-store__product-snippet .js-product-edition-option{margin-bottom:18px}
.t-store__product-snippet .js-product-edition-option-name{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;font:500 12px/1.4 'Hanken Grotesk',Arial,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;color:#6B6761!important}
.t-store__product-snippet .mzp-lb b{font-weight:500;letter-spacing:.12em;color:#1C1B19}
.t-store__product-snippet .js-product-edition-option-name .block-color{flex-basis:100%;margin:10px 0 0}
.t-store__product-snippet .mzp-sg{margin-left:auto;font:400 14px 'Hanken Grotesk',Arial,sans-serif;letter-spacing:0;text-transform:none;color:#1C1B19;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:#C9C5BF;cursor:pointer}
.t-store__product-snippet .mzp-sg:hover{text-decoration-color:#1C1B19}
.t-store__product-snippet [data-edition-option-id="Color"] .t-product__option-variants{display:none!important}
.t-store__product-snippet .element-color{position:relative;width:32px!important;height:20px!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:inset 0 0 0 1px rgba(28,27,25,.14)}
.t-store__product-snippet .element-color:before,.t-store__product-snippet [data-name-color]:after{display:none!important}
/* colours: the chosen one underlined, a light line on hover */
.t-store__product-snippet .element-color:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:transparent;transition:background-color .2s}
.t-store__product-snippet .element-color:hover:after{background:#B5B1AB}
.t-store__product-snippet .element-color[data-activ-color]:after{background:#1C1B19}
.t-store__product-snippet .js-product-edition-option-name .block-color{gap:10px!important;margin:12px 0 4px!important}
.t-store__product-snippet .t-product__option-item_active{border:0!important}
.t-store__product-snippet .t-product__option-variants_buttons{display:flex;flex-wrap:wrap;gap:4px 26px}
.t-store__product-snippet .t-product__option-item_buttons{margin:0!important}
.t-store__product-snippet .t-product__option-checkmark_buttons{display:none}
/* sizes: plain text, the chosen one underlined, sold out ones crossed out */
.t-store__product-snippet .t-product__option-item_buttons .t-product__option-title{display:flex;align-items:center;justify-content:center;min-width:22px;height:auto;padding:8px 0 7px;box-sizing:border-box;border:0;border-bottom:1px solid transparent;font:400 14px/1.2 'Hanken Grotesk',Arial,sans-serif!important;color:#1C1B19!important;cursor:pointer;transition:border-color .2s}
/* hover: one black line under the size; Tilda's own grey line under the whole button is switched off */
.t-store__product-snippet .t-product__option-item_buttons,.t-store__product-snippet .t-product__option-item_buttons:hover{border:0!important}
.t-store__product-snippet .t-product__option-item_buttons:hover .t-product__option-title{border-bottom-color:#1C1B19}
.t-store__product-snippet .t-product__option-item_active .t-product__option-title,.t-store__product-snippet .t-product__option-item_active:hover .t-product__option-title{border-bottom-color:#1C1B19}
.t-store__product-snippet .t-product__option-item_disabled .t-product__option-title{color:#B5B1AB!important;text-decoration:line-through}
.t-store__product-snippet .t-store__prod-popup__btn-wrapper{display:flex;gap:8px;align-items:stretch;margin-top:24px}
.t-store__product-snippet .t-store__prod-popup__btn{flex:1;height:54px!important;margin:0!important;border-radius:0!important;border:1px solid #1C1B19!important;background:#1C1B19!important;color:#FAF9F7!important;transition:background-color .25s,color .25s}
.t-store__product-snippet .t-store__prod-popup__btn td{font:500 12px/1 'Hanken Grotesk',Arial,sans-serif!important;letter-spacing:.22em;text-transform:uppercase}
/* Add to bag on hover: a white button with dark text. Tilda paints its own black hover with !important, so these rules are a step stronger */
.t-store__product-snippet .t-store__prod-popup__btn *{color:#FAF9F7!important}
#allrecords .t-store__product-snippet .t-store__prod-popup__btn.t-btn:hover{background:#FAF9F7!important;background-color:#FAF9F7!important;border-color:#1C1B19!important;color:#1C1B19!important}
#allrecords .t-store__product-snippet .t-store__prod-popup__btn.t-btn:hover *{color:#1C1B19!important}
#allrecords .t-store__product-snippet .t-store__prod-popup__btn:after{display:none!important}
.t-store__product-snippet a.t1002__addBtn{position:relative;flex:none;width:54px!important;height:54px!important;margin:0!important;border:1px solid #1C1B19;border-radius:0!important;background:transparent!important;display:flex;align-items:center;justify-content:center}
.t-store__product-snippet a.t1002__addBtn:before,.t-store__product-snippet a.t1002__addBtn:after{display:none!important}
.t-store__product-snippet a.t1002__addBtn svg{display:block!important;width:20px!important;height:18px!important}
.t-store__product-snippet a.t1002__addBtn svg path{stroke:#1C1B19;stroke-width:1.2}
.t-store__product-snippet a.t1002__addBtn.t1002__addBtn_active svg path{fill:rgba(28,27,25,.4);stroke:none}
.t-store__product-snippet a.t1002__addBtn:hover{background:#1C1B19!important}
.t-store__product-snippet a.t1002__addBtn:hover svg path{stroke:#FAF9F7}
.t-store__product-snippet .mzp-ship{margin:14px 0 28px;font:400 14px/1.5 'Hanken Grotesk',Arial,sans-serif;color:#6B6761}
.t-store__product-snippet .js-store-prod-text{display:none}
.mzp-acc details{padding:18px 0}
.mzp-acc summary{display:flex;justify-content:space-between;align-items:center;padding:2px 0;list-style:none;cursor:pointer;font:500 12px 'Hanken Grotesk',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#1C1B19}
.mzp-acc summary::-webkit-details-marker{display:none}
.mzp-acc summary:hover{opacity:.6}
.mzp-acc summary i{position:relative;width:10px;height:10px}
.mzp-acc summary i:before,.mzp-acc summary i:after{content:"";position:absolute;left:0;right:0;top:4.5px;height:1px;background:currentColor}
.mzp-acc summary i:after{transform:rotate(90deg)}
.mzp-acc details[open] summary i:after{transform:none}
.mzp-acc .mzp-tx{max-width:44ch;margin-top:12px;font:400 15px/1.75 'Hanken Grotesk',Arial,sans-serif;color:#3F3D39}
.mzp-acc .mzp-tx *{font:inherit!important;color:inherit!important;text-align:left!important}
.mzp-acc .mzp-tx p{margin:0 0 10px}
.mzp-acc .mzp-tx a{text-decoration:underline;text-underline-offset:4px}
.mzp-galw{position:relative}
.mzp-gal,.t-store__product-snippet .js-store-desktop-custom-gallery{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:0!important}
.mzp-gal::-webkit-scrollbar{display:none}
.mzp-gal>.t-store__prod-popup__wrapper,.t-store__product-snippet .js-store-desktop-custom-gallery>.t-store__prod-popup__wrapper{flex:0 0 100%!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;aspect-ratio:4/5;max-height:calc(100vh - 120px);scroll-snap-align:start;background:#EFEDE9}
.mzp-gal img,.t-store__product-snippet .js-store-desktop-custom-gallery img{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
.mzp-ga{all:unset;position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(250,249,247,.9);cursor:pointer;transition:opacity .2s}
.mzp-ga svg{width:15px;height:15px;fill:none;stroke:#1C1B19;stroke-width:1.3}
.mzp-ga:hover{background:#FAF9F7}
.mzp-ga[disabled]{opacity:0;pointer-events:none}
.mzp-gp{left:16px}.mzp-gn{right:16px}
.mzp-cnt{position:absolute;z-index:3;left:20px;top:18px;padding:4px 10px;border-radius:2px;background:rgba(250,249,247,.88);font:400 12px 'Hanken Grotesk',Arial,sans-serif;letter-spacing:.16em;color:#1C1B19}
.mzsg{position:fixed;inset:0;z-index:2147483001;display:none;background:rgba(28,27,25,.28);opacity:0;transition:opacity .3s}
.mzsg.on{display:block}.mzsg.vis{opacity:1}
.mzsg-p{position:absolute;top:0;right:0;width:480px;max-width:100%;height:100%;box-sizing:border-box;padding:26px 32px 40px;overflow:auto;background:#FAF9F7;transform:translateX(24px);transition:transform .4s cubic-bezier(.2,.7,.2,1);font-family:'Hanken Grotesk',Arial,sans-serif;color:#1C1B19}
.mzsg.vis .mzsg-p{transform:none}
.mzsg-t{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}
.mzsg-t h3{margin:0;font:400 15px/1 'Tenor Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.mzsg-x{all:unset;padding:6px;cursor:pointer}
.mzsg-x svg{display:block;width:16px;height:16px;fill:none;stroke:#1C1B19;stroke-width:1.3}
.mzsg table{width:100%;border-collapse:collapse;font-size:14px}
.mzsg thead th{padding:0 0 14px;text-align:left;font:500 11px/1 'Hanken Grotesk',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6B6761}
.mzsg tbody th,.mzsg td{padding:15px 0;border-top:1px solid #E2DFDA;text-align:left;font-weight:400}
.mzsg tbody th{width:22%;font-weight:500}
.mzsg img{display:block;width:100%;max-width:100%;height:auto}
.mzsg .mzp-nt,.mzsg-c span{display:block;margin-top:22px;font-size:13px;color:#6B6761!important}
@media(min-width:960px){
 .t-store__product-snippet>.t-container{max-width:none;padding:32px 48px 0;box-sizing:border-box}
 .t-store__product-snippet>.t-container>.t-container_fluid{display:grid;grid-template-columns:minmax(0,min(760px,calc((100vh - 84px)*.8))) minmax(340px,440px);column-gap:clamp(48px,6vw,120px);align-items:start;justify-content:center;max-width:none}
 .t-store__product-snippet .t-store__prod-popup__col-left,.t-store__product-snippet .t-store__prod-popup__info{float:none!important;width:auto!important;max-width:none!important;margin:0!important;min-width:0}
 .t-store__product-snippet .t-store__prod-popup__info{position:sticky;top:100px;max-width:440px!important;padding-top:24px}
 .t-store__product-snippet .t-store__prod-popup__name{font-size:30px!important}
 /* desktop: all photos one under another, info stays on the right */
 .mzp-gal,.t-store__product-snippet .js-store-desktop-custom-gallery{flex-direction:column!important;gap:8px!important;overflow:visible!important;scroll-snap-type:none!important}
 .mzp-gal>.t-store__prod-popup__wrapper,.t-store__product-snippet .js-store-desktop-custom-gallery>.t-store__prod-popup__wrapper{display:block!important;max-height:none!important;height:auto!important;overflow:hidden}
 .mzp-gal img,.t-store__product-snippet .js-store-desktop-custom-gallery img{height:auto!important;aspect-ratio:4/5}
 .mzp-ga,.mzp-cnt{display:none!important}
}
@media(max-width:959px){
 .t-store__product-snippet .t-store__prod-popup__btn-wrapper-fixed{background:#FAF9F7!important;padding:10px 20px calc(10px + env(safe-area-inset-bottom))!important;box-shadow:0 -1px 0 #E4E1DC}
 .t-store__product-snippet .t-store__prod-popup__btn{height:52px!important}
 .t-store__product-snippet a.t1002__addBtn{width:52px!important;height:52px!important}
 .mzsg-p{padding:22px 20px 32px}
 /* phone: swipe with a quiet 1 / N counter instead of Tilda bars and arrows */
 .t-store__product-snippet .t-slds__main{position:relative}
 .t-store__product-snippet .t-slds__arrow_container{display:none!important}
 .mzp-mc{position:absolute;z-index:5;left:16px;top:14px;padding:4px 10px;border-radius:2px;background:rgba(250,249,247,.88);font:400 12px 'Hanken Grotesk',Arial,sans-serif;letter-spacing:.16em;color:#1C1B19;pointer-events:none}
}
@media(min-width:1600px){.t-store__product-snippet .t-store__prod-popup__info{top:104px}}

.t-store__prod-snippet__container{padding-top:0!important}
/* calm first paint: Tilda tabs and text hidden at once, info fades in when ready */
@keyframes mzshow{to{opacity:1}}
.t-store__product-snippet .js-store-tabs,.t-store__product-snippet .js-store-prod-text{display:none!important}
.t-store__product-snippet .t-store__prod-popup__info{opacity:0;animation:mzshow .01s 2.5s forwards}
.mzp.t-store__product-snippet .t-store__prod-popup__info{opacity:1;animation:none;transition:opacity .35s ease}
.t-store__product-snippet .t-product__option-item_buttons .t-product__option-title{display:block!important;line-height:1.2!important;text-align:center}
.t-store__product-snippet .t-product__option-item_buttons .t-product__option-title::first-letter{text-transform:uppercase}
/* You may also like, as in the macket */
.t-store__relevants__container{display:block!important;padding:64px 20px 0!important;box-sizing:border-box}
.t-store__relevants__container .t-container,.t-store__relevants__container .t-container>.t-col{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important}
.t-store__relevants__container .t-store__relevants__title{margin:0 0 20px!important;padding:0!important;font:400 18px/1.2 'Tenor Sans',Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#1C1B19!important;text-align:left!important}
.t-store__relevants__container .t-store__relevants-grid-cont{display:block!important;margin:0!important;padding:0!important}
.t-store__relevants__container .t-store__card-list{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:46%;gap:8px;margin:0!important;padding:0!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.t-store__relevants__container .t-store__card-list::-webkit-scrollbar{display:none}
.t-store__relevants__container .t-store__card{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;scroll-snap-align:start}
@media(min-width:700px){
 .t-store__relevants__container{padding:88px 48px 0!important}
 .t-store__relevants__container .t-store__relevants__title{margin-bottom:24px!important;font-size:22px!important}
 .t-store__relevants__container .t-store__card-list{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px;overflow:visible}
}
/* MYSTEZ catalog: filter bar and grid on every catalog and collection page */
.t786:has(.js-store-filter) .t-store__filter{margin:0 0 8px!important;padding:0 48px!important;box-sizing:border-box;font-family:'Hanken Grotesk',Arial,sans-serif!important}
.t786:has(.js-store-filter) .t-store__filter__item{position:relative;margin:0!important;padding:0!important}
.t786:has(.js-store-filter) .t-store__filter__item-title{display:inline-flex!important;align-items:center;gap:8px;padding:14px 0!important;font:500 12px/1 'Hanken Grotesk',Arial,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#1C1B19!important;cursor:pointer}
.t786:has(.js-store-filter) .t-store__filter__item-title:after{position:static!important;display:inline-block!important;width:5px!important;height:5px!important;margin:-4px 0 0 4px!important;border:0!important;border-right:1px solid currentColor!important;border-bottom:1px solid currentColor!important;transform:rotate(45deg)!important;transition:transform .2s}
.t786:has(.js-store-filter) .t-store__filter__item.active .t-store__filter__item-title{opacity:1!important}
.t786:has(.js-store-filter) .t-store__filter__item.active .t-store__filter__item-title:after{transform:rotate(225deg)!important;margin-top:4px!important}
.t786:has(.js-store-filter) .t-store__filter__item.active .t-store__filter__item-controls-wrap{z-index:20!important}
.t786:has(.js-store-filter) .t-store__filter__title::first-letter{text-transform:uppercase}
.t786:has(.js-store-filter) .t-store__sort-select-wrapper{position:relative;display:inline-flex;align-items:center;width:auto!important}
.t786:has(.js-store-filter) .t-store__sort-select{-webkit-appearance:none;appearance:none;width:auto!important;height:auto!important;padding:14px 18px 14px 0!important;border:0!important;background:transparent!important;background-image:none!important;font:500 12px 'Hanken Grotesk',Arial,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;color:#1C1B19!important;text-align:right;cursor:pointer}
.t786:has(.js-store-filter) .t-store__sort-select-wrapper:after{content:""!important;position:absolute!important;right:3px!important;left:auto!important;top:50%!important;width:5px!important;height:5px!important;margin-top:-5px!important;border:0!important;border-right:1px solid #1C1B19!important;border-bottom:1px solid #1C1B19!important;transform:rotate(45deg)!important;background:none!important;pointer-events:none}
/* desktop: one row, dropdown panels */
@media(min-width:960px){
 .t786:has(.js-store-filter) .t-store__filter__controls-wrapper{display:flex!important;justify-content:space-between;align-items:center;width:100%!important}
 .t786:has(.js-store-filter) .t-store__filter__options{display:flex!important;align-items:center;gap:32px}
 /* the old custom CSS hides Sort on wide screens; show it on the right */
 .t786:has(.js-store-filter) .t-store__filter__search-and-sort{display:flex!important;align-items:center}
}
.t786:has(.js-store-filter) .t-store__filter__item-controls-wrap{top:42px!important;left:-24px!important;min-width:180px!important;width:max-content!important;padding:18px 24px 20px!important;background:#FAF9F7!important;border:0!important;border-radius:0!important;box-shadow:0 12px 32px rgba(28,27,25,.08)!important}
.t786:has(.js-store-filter) .t-store__filter__item-controls-container[data-type="checkbox"]{display:flex!important;flex-direction:column;gap:12px}
.t786:has(.js-store-filter) .t-store__filter__checkbox{display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important;cursor:pointer}
.t786:has(.js-store-filter) .t-store__filter__checkbox .t-checkbox__indicator{display:none!important}
.t786:has(.js-store-filter) .t-store__filter__checkbox .t-store__filter__title{padding:0!important;font:400 14px/1.3 'Hanken Grotesk',Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#86827C!important;transition:color .2s}
.t786:has(.js-store-filter) .t-store__filter__checkbox:hover .t-store__filter__title,.t786:has(.js-store-filter) .t-store__filter__checkbox:has(input:checked) .t-store__filter__title{color:#1C1B19!important}
.t786:has(.js-store-filter) .t-store__filter__checkbox:has(input:checked) .t-store__filter__title{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
/* price: two framed fields and an Apply button */
.t786:has(.js-store-filter) .t-store__filter__item-price-box{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px!important;width:260px!important;box-sizing:border-box}
.t786:has(.js-store-filter) .t-store__filter__input{width:100%!important;height:42px!important;padding:0 12px!important;box-sizing:border-box;border:1px solid #E4E1DC!important;border-radius:0!important;background:transparent!important;font:400 14px 'Hanken Grotesk',Arial,sans-serif!important;color:#1C1B19!important;text-align:left!important;transition:border-color .2s}
.t786:has(.js-store-filter) .t-store__filter__input:focus{border-color:#1C1B19!important;outline:0}
.t786:has(.js-store-filter) .t-store__filter__delimeter{font:400 13px 'Hanken Grotesk',Arial,sans-serif;color:#86827C}
.t786:has(.js-store-filter) .t-store__filter__btn{grid-column:1/-1;display:flex!important;align-items:center;justify-content:center;width:100%!important;height:42px!important;margin:4px 0 0!important;padding:0!important;border:1px solid #1C1B19!important;border-radius:0!important;background:transparent!important;color:#1C1B19!important;font:500 11px/1 'Hanken Grotesk',Arial,sans-serif!important;letter-spacing:.2em;text-transform:uppercase;text-decoration:none!important;cursor:pointer;transition:background-color .25s,color .25s}
.t786:has(.js-store-filter) .t-store__filter__btn:hover{background:#1C1B19!important;color:#FAF9F7!important}
@media(max-width:959px){.t786:has(.js-store-filter) .t-store__filter__item-price-box{width:100%!important}}
/* chosen filters, Clear all and the number of items */
.t786:has(.js-store-filter) .t-store__filter__chosen-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 4px!important}
.t786:has(.js-store-filter) .t-store__filter__chosen-bar *{border-radius:0!important}
.t786:has(.js-store-filter) .t-store__filter__chosen-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.t786:has(.js-store-filter) .t-store__filter__chosen-val{margin:0!important;padding:8px 12px 8px 28px!important;border:1px solid #E4E1DC!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 1l8 8M9 1 1 9' stroke='%231C1B19' stroke-width='1'/%3E%3C/svg%3E") no-repeat 11px center/9px 9px!important;font:400 13px/1 'Hanken Grotesk',Arial,sans-serif!important;color:#1C1B19!important;cursor:pointer}
.t786:has(.js-store-filter) .t-store__filter__chosen-val:before,.t786:has(.js-store-filter) .t-store__filter__chosen-val:after{display:none!important}
.t786:has(.js-store-filter) .t-store__filter__reset{margin:0 0 0 4px!important;padding:0!important;background:none!important;border:0!important;font:400 13px/1 'Hanken Grotesk',Arial,sans-serif!important;color:#1C1B19!important;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.t786:has(.js-store-filter) .t-store__filter__prods-number{flex:none;margin:0!important;font:400 13px/1 'Hanken Grotesk',Arial,sans-serif!important;color:#86827C!important}
/* sort list inside the phone panel */
.t786:has(.js-store-filter) .t-store__filter__custom-sel{margin:0 0 12px!important;padding:0!important;cursor:pointer}
.t786:has(.js-store-filter) .t-store__filter__custom-sel .t-store__filter__title{padding:0!important;font:400 14px/1.3 'Hanken Grotesk',Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#86827C!important}
.t786:has(.js-store-filter) .t-store__filter__custom-sel.active .t-store__filter__title{color:#1C1B19!important;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
/* phones: Filters button */
.t786:has(.js-store-filter) .js-store-filter-mob-btn{font:500 12px/1 'Hanken Grotesk',Arial,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#1C1B19!important;padding:14px 0!important}
.t786:has(.js-store-filter) .js-store-filter-mob-btn svg{display:none!important}
/* grid: photos almost edge to edge, text inset */
.t786:has(.js-store-filter) .t-store__grid-cont{max-width:none!important;padding-left:0!important;padding-right:0!important}
.t786:has(.js-store-filter) .t-store__card-list{margin:0!important;row-gap:56px!important}
.t786:has(.js-store-filter) .t-store__card{margin:0!important;padding:0 1px!important}
.t786:has(.js-store-filter) .t-store__card .t-store__card__textwrapper{padding:0 18px!important}
.t786:has(.js-store-filter) .t-store__card .t-store__card__wrap_txt-and-btns{padding:0!important}
/* desktop: calmer grid with margins and gaps, 3 to 5 columns by screen width */
@media(min-width:960px){
 .t786:has(.js-store-filter) .t-store__grid-cont{padding:0 48px!important;box-sizing:border-box}
 .t786:has(.js-store-filter) .t-store__grid-cont .t-store__filter{padding:0!important}
 .t786:has(.js-store-filter) .t-store__card-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:64px!important}
 .t786:has(.js-store-filter) .t-store__card{width:auto!important;max-width:none!important;padding:0!important}
 .t786:has(.js-store-filter) .t-store__card .t-store__card__textwrapper{padding:0!important}
}
@media(min-width:1280px){.t786:has(.js-store-filter) .t-store__card-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1680px){.t786:has(.js-store-filter) .t-store__card-list{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:959px){
 .t786:has(.js-store-filter) .t-store__filter{padding:0!important;margin:0 0 12px!important}
 .t786:has(.js-store-filter) .t-store__card-list{row-gap:36px!important}
 .t786:has(.js-store-filter) .t-store__card .t-store__card__textwrapper{padding:0 12px!important}
 .t786:has(.js-store-filter) .t-store__filter__chosen-bar{padding:0 20px}
 /* one row: Filters on the left, Sort by on the right */
 .t786:has(.js-store-filter) .t-store__filter__controls-wrapper{display:flex!important;flex-wrap:nowrap!important;align-items:stretch;width:auto!important;box-sizing:border-box;margin:0 20px;border-top:1px solid #E4E1DC;border-bottom:1px solid #E4E1DC}
 .t786:has(.js-store-filter) .js-store-filter-mob-btn{flex:1 1 0!important;width:auto!important;display:flex!important;align-items:center;justify-content:space-between;box-sizing:border-box;margin:0!important;padding:16px 16px 16px 0!important;border-right:1px solid #E4E1DC;line-height:1!important}
 .t786:has(.js-store-filter) .js-store-filter-mob-btn:after{content:"";width:11px;height:11px;background:linear-gradient(#1C1B19,#1C1B19) center/11px 1px no-repeat,linear-gradient(#1C1B19,#1C1B19) center/1px 11px no-repeat}
 .t786:has(.js-store-filter) .t-store__filter__search-and-sort{flex:1 1 0!important;width:auto!important;display:flex!important;align-items:center;min-width:0;margin:0!important;padding:0 0 0 16px!important}
 .t786:has(.js-store-filter) .t-store__filter__sort,.t786:has(.js-store-filter) .t-store__sort-select-wrapper{display:flex!important;width:100%!important;margin:0!important}
 .t786:has(.js-store-filter) .t-store__sort-select{width:100%!important;padding:16px 18px 16px 0!important;text-align:left;font-size:12px!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
 .t786:has(.js-store-filter) .t-store__filter__item_sort-mobile{display:none!important}
 /* the open panel slides in from the left, the page stays dimmed behind it */
 .t786:has(.js-store-filter) .t-store__filter__options[style*="block"]{position:fixed!important;z-index:2147483000;top:0;bottom:0;left:0;right:auto;width:min(86vw,400px)!important;max-width:none!important;box-sizing:border-box;display:flex!important;flex-direction:column;margin:0!important;padding:0 24px!important;background:#FAF9F7;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 0 0 100vmax rgba(28,27,25,.32);animation:mzside .38s cubic-bezier(.2,.7,.2,1)}
 body:has(.t786 .t-store__filter__options[style*="block"]){overflow:hidden}
 .mzfs-h{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 -24px 8px;padding:20px 24px;background:#FAF9F7;font:400 15px/1 'Tenor Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#1C1B19}
 .mzfs-x{all:unset;padding:6px;cursor:pointer}
 .mzfs-x svg{display:block;width:16px;height:16px;fill:none;stroke:#1C1B19;stroke-width:1.3}
 .t786:has(.js-store-filter) .t-store__filter__options .t-store__filter__item{width:auto!important;border:0!important}
 .t786:has(.js-store-filter) .t-store__filter__options .t-store__filter__item-title{display:flex!important;justify-content:space-between;width:100%;padding:20px 0!important}
 .t786:has(.js-store-filter) .t-store__filter__item-controls-wrap{position:static!important;box-shadow:none!important;padding:0 0 20px!important;min-width:0!important}
 .mzfs-f{position:sticky;bottom:0;margin:auto -24px 0;padding:14px 24px calc(14px + env(safe-area-inset-bottom));background:#FAF9F7}
 .mzfs-go{all:unset;display:flex;align-items:center;justify-content:center;width:100%;height:52px;box-sizing:border-box;background:#1C1B19;color:#FAF9F7;font:500 12px/1 'Hanken Grotesk',Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;cursor:pointer}
}
@media(min-width:960px){.mzfs-h,.mzfs-f{display:none!important}}
@keyframes mzsheet{from{transform:translateY(24px);opacity:0}}
@keyframes mzside{from{transform:translateX(-100%)}}
/* catalog filter: colour squares */
.t786:has(.js-store-filter) label.mzf-swl{display:flex!important;align-items:center;gap:10px}
.mzf-sw{flex:none;display:inline-block;width:12px;height:12px;box-shadow:inset 0 0 0 1px rgba(28,27,25,.14)}
/* bag: no lines between items and above the total */
#allrecords .t706 .t706__product+.t706__product,#allrecords .t706 .t706__cartwin-totalamount-wrap,#allrecords .t706__sidebar-bottom,#allrecords .t706__sidebar-top,#allrecords .t706__cartpage-top{border:0!important;box-shadow:none!important}
#allrecords .t706 .t706__product{padding:14px 0!important}
/* wishlist panel in the same style as the bag */
.t1002__wishlistwin{background:rgba(28,27,25,.28)!important}
.t1002__wishlistwin-content{width:440px!important;max-width:100%;padding:26px 32px 32px!important;box-sizing:border-box;background:#FAF9F7!important;box-shadow:none!important;font-family:'Hanken Grotesk',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.t1002__wishlistwin-top{padding:0 0 22px!important;border:0!important}
.t1002__wishlistwin-heading{font:400 15px/1 'Tenor Sans',Arial,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase;color:#1C1B19!important}
.t1002__wishlistwin-close{top:12px!important;right:26px!important;left:auto!important;width:auto!important}
.t1002__wishlistwin-close-icon{width:14px!important;height:14px!important}
.t1002__wishlistwin-close-icon g{fill:#1C1B19}
.t1002__wishlistwin-products{padding:0!important;border:0!important}
.t1002__product{display:grid!important;grid-template-columns:84px 1fr auto!important;grid-template-rows:auto 1fr!important;grid-template-areas:"img ttl ttl" "img amt del"!important;column-gap:18px;align-items:start!important;min-height:105px;margin:0!important;padding:14px 0!important;border:0!important}
.t1002__product>div{width:auto!important;padding:0!important;margin:0!important}
.t1002__product .t1002__product-thumb{grid-area:img;grid-row:1/3}
.t1002__product-imgdiv{width:84px!important;height:105px!important;border:0!important;border-radius:0!important;background-size:cover!important;background-position:50% 20%!important;background-color:#EFEDE9}
.t1002__product-title{grid-area:ttl;padding-top:2px!important;font:400 13px/1.4 'Tenor Sans',Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;color:#1C1B19!important}
.t1002__product .t1002__product-amount{grid-area:amt;display:flex;margin-top:6px!important;font:400 14px/1.4 'Hanken Grotesk',Arial,sans-serif!important;color:#6B6761!important}
.t1002__product-amount *{font:inherit!important;color:inherit!important}
.t1002__product .t1002__product-del{grid-area:del;align-self:end!important;position:static!important;width:auto!important;height:auto!important;text-align:right;cursor:pointer}
.t1002__product-del img{display:none!important}
.t1002__product-del:before{content:"Remove";font:400 12px 'Hanken Grotesk',Arial,sans-serif;color:#6B6761;text-decoration:underline;text-underline-offset:4px}
.t1002__product-del:hover:before{color:#1C1B19}
@media(max-width:640px){.t1002__wishlistwin-content{width:100%!important;padding:22px 20px 28px!important}.t1002__wishlistwin-close{top:8px!important;right:16px!important}}
/* phones: no lifting of photos and links on a long press */
@media(hover:none){a,img,.t-bgimg{-webkit-user-drag:none;-webkit-touch-callout:none}img{user-select:none;-webkit-user-select:none}}
/* phones: swipe rows move only sideways, a vertical drag scrolls the page */
.mzh-tri,#rec793430995 .t-store__card-list,.t-store__relevants__container .t-store__card-list{overflow-y:hidden!important}
/* You may also like: 5 smaller cards on wide screens, like the catalog */
@media(min-width:1280px){.t-store__relevants__container .t-store__card-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
/* home on phones: category tiles edge to edge like the photo above; product rows start on the 20px line of the titles */
@media(max-width:959px){
 .mzh-tri{padding:2px 0 0!important;gap:2px!important;grid-auto-columns:80%!important;scroll-padding-inline:0!important}
 #rec793430995 .t-store__card-list{padding:0 14px!important;scroll-padding-inline:14px}
 #rec793430995 .t-store__card .t-store__card__title{min-height:0!important}
 #rec793430998 .t-store__grid-cont{padding:0 14px!important}
}
/* You may also like on phones: cards no longer overlap, price right under the name */
.t-store__relevants__container .t-store__card{min-width:0!important;flex:none!important}
@media(max-width:699px){.t-store__relevants__container .t-store__card .t-store__card__title{min-height:0!important}}
/* product page on phones: Add to bag stays in place under the sizes, it does not stick to the screen */
@media(max-width:959px){
 .t-store__product-snippet .t-store__prod-popup__btn-wrapper-fixed{position:static!important;transform:none!important;width:auto!important;margin-top:24px!important;padding:0!important;background:none!important;box-shadow:none!important}
 .t-store__product-snippet .t-store__prod-popup__btn{height:52px!important}
 .t-store__product-snippet a.t1002__addBtn{width:52px!important;height:52px!important}
 /* photo a little lower than the screen, 4:5 like the catalog */
 .t-store__product-snippet .t-slds__items-wrapper{height:auto!important}
 .t-store__product-snippet .t-slds__bgimg{padding-bottom:125%!important;background-position:50% 25%!important}
 .t-store__product-snippet .t-store__prod-popup__info{padding-top:24px!important}
}
/* home, Bestsellers on wide screens: title on the left, four smaller cards in one row */
@media(min-width:1200px){
 #rec793430998 .t786{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 #rec793430998 .t786>.t-store{grid-column:2/6!important}
 #rec793430998 .t-store__card{width:25%!important;max-width:25%!important;flex:0 0 25%!important}
}
/* Sold out label in the brand style instead of Tilda's orange text */
.t-store__card .t-store__card__sold-out-msg{margin-top:4px!important;color:#86827C!important}
.t-store__card__sold-out-msg::after{content:"Sold out"!important;font:500 11px/1.4 'Hanken Grotesk',Arial,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:#86827C}
/* catalog filter dropdown: smaller panel, values start with a capital letter */
.t786:has(.js-store-filter) .t-store__filter__checkbox .t-store__filter__title{display:inline-block!important}
@media(min-width:960px){.t786:has(.js-store-filter) .t-store__filter__item-controls-wrap{left:-20px!important;min-width:160px!important;padding:16px 20px 18px!important}}
.t786:has(.js-store-filter) .t-store__filter__item-controls-container[data-type="checkbox"]{gap:10px!important}
.t786:has(.js-store-filter) .t-store__filter__checkbox .t-store__filter__title{font-size:13px!important}
/* MYSTEZ search inside the menu: type in the field, results replace the menu links */
#mzwrap .mzs-on>*:not(.mz-ms):not(.mz-sf):not(.mzs-r){display:none!important}
#mzwrap .mz-mega .mzs-r{grid-column:1/-1}
#mzwrap .mz-mega.mzs-on{max-height:100vh;overflow-y:auto;padding-bottom:64px}
#mzwrap .mzs-n{margin:8px 0 20px;font-size:13px;color:#86827C}
#mzwrap .mzs-no{margin:8px 0 0;font-size:15px;color:#3F3D39}
#mzwrap .mzs-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 16px}
#mzwrap .mzs-it{display:flex;flex-direction:column;color:#1C1B19}
#mzwrap .mzs-im{display:block;aspect-ratio:3/4;overflow:hidden;background:#EFEDE9}
#mzwrap .mzs-im img{height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
#mzwrap .mzs-it:hover .mzs-im img{transform:scale(1.03)}
#mzwrap .mzs-tt{margin-top:12px;font:400 13px/1.4 'Tenor Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
#mzwrap .mzs-it:hover .mzs-tt{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
#mzwrap .mzs-cl{margin-top:2px;font-size:13px;line-height:1.4;color:#86827C}
#mzwrap .mzs-pr{margin-top:4px;font-size:14px;line-height:1.4;color:#86827C}
#mzwrap .mzs-pr s{margin-right:6px}
@media(max-width:1279px){#mzwrap .mzs-g{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:959px){
 #mzwrap .mz-sf input{font-size:16px}
 #mzwrap .mz-mm .mzs-r{padding-top:20px}
 #mzwrap .mzs-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 8px}
 #mzwrap .mzs-tt{font-size:12px;letter-spacing:.1em}
}
/* product page: colour squares in one row */
.t-store__product-snippet .js-product-edition-option-name .block-color{flex-wrap:wrap;gap:10px!important;margin:14px 0 10px!important}
/* phone menu over the whole screen, as at KHAITE: no sliding, it softly fades in */
@keyframes mzmmfade{from{opacity:0}}
@media(max-width:959px){
 #mzwrap .mz-mm.on{animation:mzmmfade .2s ease}
 html:has(#mzmm.on),html:has(#mzmm.on) body{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){#mzwrap .mz-mm.on{animation:none}}
/* product page photos: counter at the top left, dots to swipe, model caption at the bottom left of every photo */
.mzp-cap{position:absolute;z-index:5;padding:7px 11px;background:rgba(250,249,247,.92);font:400 13px/1.4 'Hanken Grotesk',Arial,sans-serif;color:#1C1B19;pointer-events:none}
@media(min-width:960px){
 .t-store__product-snippet .js-store-desktop-custom-gallery>.t-store__prod-popup__wrapper{position:relative}
 .t-store__product-snippet .mzp-cap{left:16px;bottom:16px;max-width:calc(100% - 32px)}
}
@media(max-width:959px){
 .t-store__product-snippet .t-slds{position:relative}
 .t-store__product-snippet .t-slds__bullet_wrapper{position:absolute!important;z-index:5;left:0;right:0;bottom:14px;display:flex!important;justify-content:center;align-items:center;gap:6px;margin:0!important;padding:0!important;pointer-events:none}
 .t-store__product-snippet .t-slds__bullet{width:auto!important;height:auto!important;margin:0!important;padding:0!important}
 .t-store__product-snippet .t-slds__bullet_body{width:6px!important;height:6px!important;border:0!important;border-radius:3px!important;background:rgba(250,249,247,.6)!important;box-shadow:0 0 0 .5px rgba(28,27,25,.18);transition:width .3s ease,background-color .3s ease}
 .t-store__product-snippet .t-slds__bullet_active .t-slds__bullet_body{width:18px!important;background:#FAF9F7!important}
 .t-store__product-snippet .mzp-cap{left:12px;bottom:34px;max-width:calc(100% - 24px);font-size:12px}
}
/* header: wishlist heart back in the phone header; the language switch moves to the footer */
#mzwrap .mz-ru{display:none!important}
@media(max-width:1023px){#mzwrap #mzhd .mz-wl{display:flex!important}}
/* smooth pages: fade in on open, fade out before the next page */
@keyframes mzpage{from{opacity:0}}
#allrecords{animation:mzpage .3s ease backwards}
html.mz-leave #allrecords{opacity:0;transition:opacity .12s ease}
@media(prefers-reduced-motion:reduce){#allrecords{animation:none}html.mz-leave #allrecords{transition:none}}
/* home, Bestsellers on phones: no empty space under the name and under the last row */
@media(max-width:959px){
 #rec793430998 .t-store__card{margin-bottom:0!important}
 #rec793430998 .t-store__card .t-store__card__title{min-height:0!important}
 #rec793430998 .t-store__card-list{row-gap:32px!important}
 #rec793430998 .t786{padding-bottom:48px}
}
/* header: a calmer logo, in proportion with the menu items */
#mzwrap .mz-hd .mz-lg{height:14px!important}
@media(min-width:960px){#mzwrap .mz-hd .mz-lg{height:15px!important}}
@media(min-width:1600px){#mzwrap .mz-hd .mz-lg{height:17px!important}}
/* Tilda adds an empty helper item at the end of card lists; in a wrapping row it took a whole extra gap */
.t-store__card-list::before,.t-store__card-list::after{display:none!important}
/* home: the space under Bestsellers matches the space above it (95px on phones, 131px on desktop) */
#rec4915477903 .mzh-bn{margin-top:47px!important}
@media(min-width:960px){#rec4915477903 .mzh-bn{margin-top:130px!important}}
/* model caption: one line per model */
.mzp-cap span{display:block}
/* phones: Filters and Sort by as one quiet line, a hairline below, no box */
@media(max-width:959px){
 .t786:has(.js-store-filter) .t-store__filter__controls-wrapper{border-top:0!important;border-bottom:1px solid #E4E1DC!important}
 .t786:has(.js-store-filter) .js-store-filter-mob-btn{flex:0 0 auto!important;justify-content:flex-start!important;gap:10px;padding:16px 0!important;border-right:0!important}
 .t786:has(.js-store-filter) .js-store-filter-mob-btn:after{width:9px!important;height:9px!important;background:linear-gradient(#1C1B19,#1C1B19) center/9px 1px no-repeat,linear-gradient(#1C1B19,#1C1B19) center/1px 9px no-repeat!important}
 .t786:has(.js-store-filter) .t-store__filter__search-and-sort{flex:1 1 auto!important;justify-content:flex-end!important;padding:0!important}
 .t786:has(.js-store-filter) .t-store__filter__sort,.t786:has(.js-store-filter) .t-store__sort-select-wrapper{width:auto!important;margin-left:auto!important}
 .t786:has(.js-store-filter) .t-store__sort-select{width:auto!important;max-width:60vw;padding:16px 16px 16px 0!important;text-align:right!important}
 .t786:has(.js-store-filter) .t-store__sort-select-wrapper:after{right:2px!important}
}
/* wishlist and bag panel: one smooth slide instead of Tilda's "all .3s"; on phones the wishlist is a side panel with the page dimmed on the left */
.t1002 .t1002__wishlistwin,#allrecords .t706 .t706__sidebar{transition:opacity .25s ease!important}
.t1002 .t1002__wishlistwin-content,#allrecords .t706 .t706__sidebar-content{transition:transform .4s cubic-bezier(.2,.7,.2,1)!important;will-change:transform}
@media(max-width:960px){.t1002 .t1002__wishlistwin-content{width:min(88vw,440px)!important;padding:22px 20px 28px!important}}
.mzp-cap{transition:opacity .25s ease}
.t-store__product-snippet .t-slds.mz-not1 .mzp-cap{opacity:0}
/* pre-order: the label on cards, the button and the request panel */
.t-store__card .t-store__card__mark-wrapper{position:absolute;z-index:3;left:12px;top:12px;right:auto;bottom:auto}
.t-store__card .t-store__card__mark{width:auto!important;height:auto!important;min-width:0!important;padding:6px 9px!important;border-radius:0!important;background:rgba(250,249,247,.92)!important;color:#1C1B19!important;font:500 10px/1 'Hanken Grotesk',Arial,sans-serif!important;letter-spacing:.16em;text-transform:uppercase}
.mz-pre .t-store__card__sold-out-msg,.mz-pre .js-store-prod-sold-out{display:none!important}
.mz-pre .t-store__prod-popup__btn{pointer-events:auto!important;opacity:1!important;cursor:pointer}
.mz-pre .t-store__prod-popup__btn td.js-store-prod-popup-buy-btn-txt{font-size:12px!important}
.mz-pre .t-store__prod-popup__btn td.js-store-prod-popup-buy-btn-txt:after{content:none!important}
.mz-pre .t-product__option-item_buttons .t-product__option-title{color:#1C1B19!important;text-decoration:none!important}
.mzpo .mzpo-it{margin:0 0 18px;font:400 15px/1.6 'Hanken Grotesk',Arial,sans-serif;color:#1C1B19}
.mzpo .mzpo-it b{display:block;margin-bottom:4px;font:400 14px/1.4 'Tenor Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.mzpo .mzpo-it span{display:block;color:#6B6761}
.mzpo .mzpo-tx{margin:0 0 24px;font:400 15px/1.6 'Hanken Grotesk',Arial,sans-serif;color:#3F3D39}
.mzpo .mzpo-tx a,.mzpo-f small a{color:#1C1B19;text-decoration:underline;text-underline-offset:4px}
.mzpo-f input{all:unset;display:block;width:100%;box-sizing:border-box;margin:0 0 14px;padding:12px 0;border-bottom:1px solid #CFCBC5;font:400 16px 'Hanken Grotesk',Arial,sans-serif;color:#1C1B19;transition:border-color .2s}
.mzpo-f input:focus{border-bottom-color:#1C1B19}
.mzpo-f input::placeholder{color:#A19C95}
.mzpo-f .mzpo-er{min-height:18px;margin:0 0 10px;font-size:13px;color:#9B3B2E}
.mzpo-f button{all:unset;display:flex;align-items:center;justify-content:center;width:100%;height:52px;box-sizing:border-box;border:1px solid #1C1B19;background:#1C1B19;color:#FAF9F7;font:500 12px/1 'Hanken Grotesk',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background-color .25s,color .25s}
.mzpo-f button:hover{background:#FAF9F7;color:#1C1B19}
.mzpo-f small{display:block;margin-top:14px;font-size:12px;color:#86827C}
.mzpo-sending .t-form-success-popup,.mzpo-sending .t-popup[data-tooltip-hook="#popup:pre-order"]{display:none!important}
/* You may also like on wide screens: the same width as the photos and info above it, so the cards are smaller and line up with the page */
/* You may also like starts on the same line as the photo and Catalog in the header */
@media(min-width:960px){#allrecords .t-store__relevants__container{max-width:none;margin-left:0!important;margin-right:0!important}}
/* catalog page titles (New In, Dresses and the others) smaller and calmer on phones */
@media(max-width:899px){#allrecords .mzct{padding-top:28px}#allrecords .mzct h1{font-size:24px;letter-spacing:.16em}}

/* product page as at KHAITE.
   Computers: one photo at a time, each as tall as the screen under the header and always shown whole, never cropped; the info stays on the right; a thin line on the left shows where you are.
   Phones: the photos swipe as before, a thin line under them shows where you are */
.mzp-bar{display:none}
@media(max-width:959px){
 .mzp-ga,.mzp-cnt{display:none!important}
 .mzp-bar.on{display:block;position:absolute;z-index:3;left:20px;bottom:16px;width:96px;height:1px;background:rgba(28,27,25,.18)}
 .mzp-bar i{display:block;width:calc(100% / var(--n));height:100%;background:#1C1B19;transition:transform .2s ease}
}
@media(min-width:960px){
 /* photos two in a row, large and always whole, from the Catalog line; the info on the right, ending on the line of the icons */
 #allrecords .t-store__product-snippet>.t-container{padding:0 48px}
 #allrecords .t-store__product-snippet>.t-container>.t-container_fluid{grid-template-columns:minmax(0,1fr) minmax(360px,440px)!important;column-gap:clamp(48px,5vw,96px)!important;justify-content:stretch!important}
 #allrecords .t-store__product-snippet .t-store__prod-popup__info{top:68px;padding-top:56px!important}
 #allrecords .t-store__product-snippet .js-store-desktop-custom-gallery{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;align-items:start}
 #allrecords .t-store__product-snippet .js-store-desktop-custom-gallery>.t-store__prod-popup__wrapper{grid-column:auto!important;flex:none!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;overflow:hidden;background:transparent!important}
 /* each photo is shown whole in its own shape, never cropped, and never taller than the screen; the caption therefore always sits on the photo */
 #allrecords .t-store__product-snippet .js-store-desktop-custom-gallery img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100vh - 68px)!important;aspect-ratio:auto!important;object-fit:contain!important}
 /* the model caption at the bottom left of the first photo */
 #allrecords .t-store__product-snippet .js-store-desktop-custom-gallery .mzp-cap{left:16px!important;right:auto!important;transform:none;white-space:nowrap}
 /* no scroll line on computers: the photos simply go two in a row */
 .mzp-bar,.mzp-bar.on{display:none!important}
}
@media(min-width:1600px){
 #allrecords .t-store__product-snippet .t-store__prod-popup__info{top:72px}
 #allrecords .t-store__product-snippet .js-store-desktop-custom-gallery img{max-height:calc(100vh - 72px)!important}
}
/* phones, product photos: instead of dots and the "1 / 4" counter, a thin line at the bottom left, as at KHAITE; the dark part shows which photo you are on */
@media(max-width:959px){
 #allrecords .t-store__product-snippet .mzp-mc{display:none!important}
 #allrecords .t-store__product-snippet .t-slds__bullet_wrapper{left:12px;right:auto;bottom:16px;width:96px;gap:0;justify-content:flex-start}
 #allrecords .t-store__product-snippet .t-slds__bullet{flex:1 1 0}
 #allrecords .t-store__product-snippet .t-slds__bullet_body{width:100%!important;height:1px!important;border-radius:0!important;background:rgba(28,27,25,.2)!important;box-shadow:none!important}
 #allrecords .t-store__product-snippet .t-slds__bullet_active .t-slds__bullet_body{width:100%!important;background:#1C1B19!important}
}

/* You may also like is a sideways row on phones: its cards appear at once, without the soft reveal, so nothing slips out of the row while it scrolls */
#allrecords .t-store__relevants .t-store__card.mz-rv{opacity:1!important;transform:none!important;transition:none!important}

/* rows of cards that scroll sideways show a hand cursor on computers */
@media(hover:hover) and (max-width:699px){.t-store__relevants__container .t-store__card-list{cursor:grab}}
/* model caption on photos: frosted glass, a light veil with the photo softly blurred under it; light enough to read on dark photos too */
.mzp-cap{font-size:12px!important;padding:6px 10px!important}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 .mzp-cap{background:rgba(250,249,247,.62)!important;-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1)}
}
@media(max-width:959px){.t-store__product-snippet .mzp-cap{font-size:11px!important}}

/* audit fixes, October 2026 */
/* sizes start exactly at the text edge, without Tilda's 7px inner padding */
.t-store__product-snippet .t-product__option-item_buttons{padding:0!important}
@media(max-width:959px){
 /* phones: the model caption and the photo line sit on the same 20px edge as the text below */
 #allrecords .t-store__product-snippet .mzp-cap{left:20px;max-width:calc(100% - 40px)}
 #allrecords .t-store__product-snippet .t-slds__bullet_wrapper{left:20px}
}
@media(max-width:699px){
 /* phones: "You may also like" runs to the screen edge, like the rows on the home page */
 #allrecords .t-store__relevants__container .t-store__relevants-grid-cont{margin-right:-20px;overflow:visible}
 #allrecords .t-store__relevants__container .t-store__card-list{padding-right:20px}
}
/* catalog filters: the price box shows only while Price is open (before, its edge peeked out next to the first card on computers and it stayed open on phones) */
.t786:has(.js-store-filter) .t-store__filter__item:not(.active) .t-store__filter__item-price-box{display:none!important}
/* checkout: the "Contact" heading in the same style as "Delivery", not Tilda's bold default */
.t706 .t-input-group_tx .t-text,.t706 .t-input-group_tx .t-text *{font:400 14px/1.3 'Tenor Sans',Arial,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase;color:#1C1B19!important}
.t706 .t706__product-quantity,.t706 .delivery-checkbox-label{color:#1C1B19!important}
/* Tilda's round profile button for signed-in customers is hidden: it sat over the header icons at the top right, and the account icon in our header already opens the account */
.tlk-userbar{display:none!important}
/* product page on computers: a calm gap between the header and the photos, and the photos still fit the screen whole */
@media(min-width:960px){
 #allrecords .t-store__product-snippet .js-store-desktop-custom-gallery{padding-top:32px!important}
 #allrecords .t-store__product-snippet .js-store-desktop-custom-gallery img{max-height:calc(100vh - 132px)!important}
 /* the model caption wraps inside the photo instead of being cut off at its edge */
 #allrecords .t-store__product-snippet .js-store-desktop-custom-gallery .mzp-cap{white-space:normal!important;max-width:calc(100% - 32px)!important}
}
/* product page on computers: "You may also like" cards smaller than the main photos, so the product itself stays the hero of the page */
@media(min-width:960px){#allrecords .t-store__relevants__container .t-store__card-list{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px}}
@media(min-width:1440px){#allrecords .t-store__relevants__container .t-store__card-list{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
/* product page on computers: the photos get more room and the info on the right is narrower and tighter, so it reads as one calm block */
@media(min-width:960px){
 #allrecords .t-store__product-snippet>.t-container>.t-container_fluid{grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;column-gap:clamp(40px,4vw,72px)!important}
 #allrecords .t-store__product-snippet .t-store__prod-popup__info{max-width:360px!important}
 #allrecords .t-store__product-snippet .t-store__prod-popup__name{font-size:24px!important;line-height:1.2}
 #allrecords .t-store__product-snippet .js-product-edition-option{margin-bottom:12px}
 #allrecords .t-store__product-snippet .js-product-edition-option-name .block-color{margin:10px 0 6px!important}
 #allrecords .t-store__product-snippet .t-store__prod-popup__btn-wrapper{margin-top:16px}
 #allrecords .t-store__product-snippet .mzp-ship{margin:12px 0 24px}
 /* the three info rows sit between thin lines, as at KHAITE */
 #allrecords .t-store__product-snippet .mzp-acc{border-top:1px solid #E4E1DC}
 #allrecords .t-store__product-snippet .mzp-acc details{padding:15px 0;border-bottom:1px solid #E4E1DC}
}
@media(min-width:1600px){
 #allrecords .t-store__product-snippet>.t-container>.t-container_fluid{grid-template-columns:minmax(0,1fr) minmax(340px,400px)!important}
 #allrecords .t-store__product-snippet .t-store__prod-popup__info{max-width:400px!important}
 #allrecords .t-store__product-snippet .t-store__prod-popup__name{font-size:26px!important}
}
/* You may also like: the code in HEAD hides sold out pieces and the cards that do not fit in one row */
.t-store__relevants__container .t-store__card.mz-rh{display:none!important}
/* no hearts on the product cards: the catalog reads as clean photos; the heart stays on the product page and in the header */
.t-store__card .mzc-wl,.t-store__card .t1002__addBtn{display:none!important}
/* one gap under the header on every page: the first line of text or the first photo starts 32px below the header on phones and 72px on computers
   (catalog and collection titles, About, Shipping, Returns, Contact and the legal pages). Product pages keep the photos close to the header on purpose */
#allrecords .mzct{padding-top:31px!important}
#allrecords .mzd{padding-top:29px!important}
#allrecords .mza{padding-top:32px!important}
@media(min-width:900px){
 #allrecords .mzct{padding-top:69px!important}
 #allrecords .mza{padding-top:72px!important}
}
@media(min-width:960px){#allrecords .mzd{padding-top:69px!important}}
/* Shipping, Returns, Contact and the legal pages built like the catalog: the big title on the left edge first, the page links under it like the catalog filters, then the text in a readable column */
#allrecords .mzd{display:flex;flex-direction:column;align-items:flex-start;max-width:none;margin:0;padding-left:20px;padding-right:20px}
#allrecords .mzd>*{width:100%;max-width:680px}
#allrecords .mzd h1{order:-1;max-width:none;margin:0 0 24px;font-size:24px;line-height:1.1;letter-spacing:.16em}
#allrecords .mzd .mzd-nav{margin-bottom:36px;font:500 12px/1.5 'Hanken Grotesk',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
#allrecords .mzd .mzd-nav a{color:#86827C}
#allrecords .mzd .mzd-nav a[aria-current]{color:#1C1B19}
#allrecords .mzd h2{margin-top:36px}
#allrecords .mzd h1+h2{margin-top:0}
@media(min-width:960px){
 #allrecords .mzd{padding-left:48px;padding-right:48px}
 #allrecords .mzd h1{margin-bottom:56px;font-size:52px}
 #allrecords .mzd .mzd-nav{margin-bottom:48px}
}
/* text pages: title letter spacing and the gap under the header exactly as in the catalog */
#allrecords .mzd{padding-top:31px!important}
@media(min-width:960px){#allrecords .mzd{padding-top:69px!important}#allrecords .mzd h1{letter-spacing:.14em}}
/* one background everywhere: the catalog blocks and the search panel had Tilda's cold grey #F9F9F9 instead of the warm paper colour */
#allrecords .t-rec:has(.t-store),#allrecords .t985__widgetheader,#allrecords .t985__blockinput{background-color:#FAF9F7!important}
/* old price on sale items in the brand grey, crossed out, instead of Tilda's cold grey */
#allrecords .t-store__card__price_old,#allrecords .t-store__card__price_old *,#allrecords .js-store-prod-price-old-val{color:#86827C!important}
#allrecords .t-store__card .t-store__card__price_old{margin-left:8px!important;font-size:13px!important}
/* product name on phones a step smaller than on computers, as everywhere else */
@media(max-width:959px){#allrecords .t-store__product-snippet .t-store__prod-popup__name{font-size:22px!important}}
/* home on phones: Knitwear and Dresses side by side, Swimwear wide under them; New in shows two cards and a bit of the third */
@media(max-width:899px){
 #allrecords .mzh-tri{grid-auto-flow:row!important;grid-template-columns:1fr 1fr!important;grid-auto-columns:auto!important;gap:2px!important;overflow:visible!important;scroll-snap-type:none}
 #allrecords .mzh-tri a{aspect-ratio:3/4}
 #allrecords .mzh-tri a:nth-child(3){grid-column:1/-1;aspect-ratio:3/2}
 #allrecords .mzh-tri a:nth-child(3) img{object-position:60% 52%}
 #allrecords .mzh-tri span{left:16px;bottom:14px;font-size:15px;letter-spacing:.16em}
 #allrecords #rec793430995 .t-store__card{flex:0 0 46%!important;width:46%!important;max-width:46%!important}
}
/* home on phones, Shop the look: the photo runs edge to edge like the tiles above, in a wider frame so the whole pose and the face fit */
@media(max-width:899px){
 #allrecords .mzh-lk .ph{margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));aspect-ratio:5/4!important;height:auto!important}
 #allrecords .mzh-lk .ph img.mb{object-position:92% 50%!important}
}
/* home: one rhythm between sections, 64px on phones and 150px on computers, from the end of one section to the first line or photo of the next */
@media(max-width:899px){
 #allrecords .mzh-st{padding-top:54px!important}
 #allrecords .mzh-sh:not(#mzbsh){padding-top:59px!important}
 #allrecords .mzh-lk{padding-top:50px!important}
 #allrecords #mzbsh{padding-top:70px!important}
 #allrecords .mzh-bn{margin-top:34px!important}
}
@media(min-width:900px){
 #allrecords .mzh-st{padding-top:141px!important}
 #allrecords .mzh-sh:not(#mzbsh){padding-top:145px!important}
 #allrecords .mzh-lk{padding-top:164px!important}
 #allrecords .mzh-bn{margin-top:168px!important}
}
@media(min-width:900px) and (max-width:1279px){#allrecords #mzbsh{padding-top:154px!important}}
@media(min-width:1280px){#allrecords #rec793430998 .t786{padding-top:154px!important}}
/* the same space before the footer on every page: 96px on phones, 150px on computers */
#allrecords .t-rec:has(.t786):not(#rec793430995):not(#rec793430998){padding-bottom:86px!important}
#allrecords .t-store__prod-snippet__container{padding-bottom:78px!important}
#allrecords .mza{padding-bottom:78px!important}
#allrecords .mzd{padding-bottom:80px!important}
@media(min-width:900px){
 #allrecords .t-rec:has(.t786):not(#rec793430995):not(#rec793430998){padding-bottom:140px!important}
 #allrecords .t-store__prod-snippet__container{padding-bottom:140px!important}
 #allrecords .mza{padding-bottom:150px!important}
}
@media(min-width:960px){#allrecords .mzd{padding-bottom:134px!important}}
/* phones: every product grid like the home page, photos and names on the 20px edge of the titles with 12px between the cards */
@media(max-width:899px){
 #allrecords .t-rec:has(.t786):not(#rec793430995):not(#rec793430998) .js-store-grid-cont{padding:0 14px!important}
 #allrecords .t-rec:has(.t786):not(#rec793430995):not(#rec793430998) .t-store__card{padding:0 6px!important}
 #allrecords .t-rec:has(.t786):not(#rec793430995):not(#rec793430998) .t-store__card__textwrapper{padding-left:0!important;padding-right:0!important}
}
/* home statement: two lines wherever they fit (from 480px wide); on narrow phones three lines that keep "clean lines" together */
#allrecords .mzh-br{display:inline}
#allrecords .mzh-br2{display:none}
@media(max-width:479px){#allrecords .mzh-br2{display:inline}}
/* product page on phones: the three info rows between thin lines, as on computers */
@media(max-width:959px){
 #allrecords .t-store__product-snippet .mzp-acc{border-top:1px solid #E4E1DC}
 #allrecords .t-store__product-snippet .mzp-acc details{padding:16px 0;border-bottom:1px solid #E4E1DC}
}
/* product page: no size looks chosen until the customer taps one; the note appears under the sizes if she taps the button first */
.t-store__product-snippet .mz-nosz .t-product__option-item_active .t-product__option-title{border-bottom-color:transparent}
.t-store__product-snippet .mz-nosz .t-product__option-item_active:hover .t-product__option-title{border-bottom-color:#1C1B19}
.t-store__product-snippet .mzp-szn{display:none;margin:10px 0 0;font:400 13px/1.4 'Hanken Grotesk',Arial,sans-serif;color:#1C1B19}
.t-store__product-snippet .mz-szask .mzp-szn{display:block}

/* info and legal pages on computers: the heading, the links and the text column sit in the middle of the page; phones keep the left edge */
@media(min-width:960px){
 #allrecords .mzd{align-items:center}
 #allrecords .mzd h1{text-align:center}
 #allrecords .mzd .mzd-nav{justify-content:center}
}