/** Shopify CDN: Minification failed

Line 163:20 Unexpected "{"
Line 185:308 Unexpected "/"

**/

@font-face{font-family:Grange-Light-Extended;src:url(/cdn/shop/files/Grange_Light_Extended.otf?v=1744534745);}

.header {max-width: 85%;width: 100%;}
.container.enabled {max-width: 85%;margin: auto;width: 100%;}
.container.disabled {max-width: 100%;width: 100%;}
body .page-width.drawer-menu {max-width: 85%;padding-left: 0;padding-right: 0;width: 100%;}
body header-drawer {margin-left: 0;}
body .menu-drawer__navigation-container {background: #f2e8de;}
.menu-drawer__navigation-container ul li {border-bottom: 1px solid #cccccc85;}
.field-row { text-align: start; }
body .customer:not(.account):not(.order) { max-width: 72.9%; }
.customer form input { padding: 12px; max-width: 100%; width: 100%; border: 1px solid #ddd; }
.account { font-size: 21.615px; font-weight: 600; color: #000; text-transform: uppercase; }
body .customer h3 { font-size: 16.8px; font-weight: 500; text-transform: uppercase; margin-top: 15px; margin-bottom: 15px; text-align: start; outline: none; padding-left: 5px; }
.customer label { font-size: 14.4px; letter-spacing: normal; color: #000; font-weight: 500; }
#customer_login, #create_customer { border: 1px solid #000; padding: 20px 25px; margin: 0; border-radius: 10px; }
.customer form input:focus-visible { box-shadow: none; outline: none; }
body .customer button { display: flex; margin: 0; padding: 15px 40px; color: #fff; background: #000; margin-top: 2rem; text-transform: uppercase; }
body .customer a { margin: 0; margin-top: 10px; font-size: 14.4px; letter-spacing: normal; text-decoration: none; font-weight: 500; color: #000; text-decoration: none !important; line-height: normal; }
.field-row label sapn { color: red; font-weight: bold; vertical-align: sub; padding-left: 2px; }
body .customer h2.form__message { font-size: 16px; font-weight: 500; color: #000; box-shadow: none; border: 0; }
body .customer .errors ul { padding: 0; list-style: none; margin-top: 0px; margin-bottom: 20px; }
body .customer .errors ul li { font-size: 16px; color: #000; padding-left: 20px; }
body .customer h2.form__message:focus-visible { outline: none; }
.form__message { font-size: 14px; color: #000; }
body .customer p { text-align: start; font-size: 14px; color: #000; margin-bottom: 0; margin-top: 5px; }
body .customer h3:focus-visible { box-shadow: none; }
.modern-gentleman-row h2 { font-size: 35px; color: #000; font-weight: 500; }
body .rich-text__blocks { max-width: 100%; }
.modern-gentleman-row p  { font-size: 17px; line-height: 1.6; letter-spacing: normal; color: #000;font-family: "Lora", serif;}
.darzi-right h4 {font-size: 30px;color: #000;text-align: center;margin-bottom: 30px;margin-top: 15px;letter-spacing: normal;}
.darzi-right h3 {font-size: 11rem;text-transform: uppercase;text-align: center;margin-bottom: 0;margin-top: 0;font-family: Grange-Light-Extended;}
.darzi-left img {width: 85%;margin: auto;}
.price__regular {font-family: "Lora", serif;}
.related-products__heading.inline-richtext.h2 {font-size: 23px;font-family: Grange-Light-Extended;font-weight: 600;}

/* .rich-text__wrapper.page-width, .main-blog.page-width { max-width: 69%; }
body .main-blog .card.article-card { display: flex; flex-direction: row; align-items: center; text-align: start !important; } */
.main-blog .card.article-card { display: flex; flex-direction: row; align-items: center; text-align: start; gap: 3.125rem; }
.main-blog .card.article-card h3 a { font-size: 29px; font-weight: 500; color: #000; line-height: normal; }
.main-blog .card.article-card p { font-size: 16px; letter-spacing: normal; margin-top: 10px; margin-bottom: 10px; }
.main-blog .card.article-card .circle-divider , .feature-block p { font-size: 16px; color: #000; padding-bottom: 20px; display: inline-block;  margin-top: 0;}
.read-more-btn { font-size: 16px; color: #000; text-decoration: none !important; border-bottom: 1px solid #000; }
.underline-links-hover:hover a.read-more-btn:hover, .underline-links-hover:hover a.read-more { text-decoration: none; text-underline-offset: 0; }
.blog-articles .blog-articles__article:nth-child(2n) .card.article-card { flex-direction: row-reverse; }
body .blog-articles { grid-row-gap: 100px; }
.article-template__hero-container { max-width: 100%; }
body .article-template__content.page-width, .article-template__content.page-width, .article-template__social-sharing, .article-template .page-width--narrow { max-width: 130rem; }
.article-template__content.page-width h3, .article-template__content.page-width h5 { font-size: 23px; margin-bottom: 15px; margin-top: 15px; }
.article-template__content.page-width p, .article-template__content.page-width .circle-divider, body .article-template time { font-size: 16px; color: #000; letter-spacing: normal; }
.article-template__content.page-width h4 { font-size: 25px; }
.article-template__social-sharing { margin-top: 0; }
body .article-template .article-template__hero-container, body .article-template .article-template__hero-adapt.media { height: 400px; background: transparent; padding: 0 !important; }
.rich-text__blocks .button.button--primary { font-size: 15px; letter-spacing: normal; padding: 15px 49px; border-radius: 20px; }
.rich-text__blocks .button.button--primary::after { content: ""; display: none; }
.faq-block h2 { font-size: 30px; font-weight: 600; margin-bottom: 10px; }
.faq-question { font-size: 20px; color: #000; cursor: pointer; border-bottom: 1px solid #bbbbbbeb;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.faq-answer { font-size: 16px; color: #000; letter-spacing: normal; line-height: 1.6;font-family: "Lora", serif;}
.image-faq-container { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; }
.faq-item { padding: 10px 0; }
.faq-answer { display: none; padding-top: 10px; }
.faq-item.active .faq-answer { display: block; }
.faq-block, .image-block { width: 100%; }
.faq-question::after { content: "+"; float: right; font-size: 20px; }
.faq-item.active .faq-question::after { content: "-"; }
.bespoke-experience-row p, .short-description { font-size: 14px; letter-spacing: normal; color: #2d2e2c; }
.bespoke-experience-row h2 { font-size: 30px; letter-spacing: normal; font-weight: 600; }
.bespoke-experience-row .rich-text__text { margin-top: 5px; }
.blog-articles .card__information { text-align: start; }
.article-template__link { font-size: 17px; color: #000; letter-spacing: normal; font-weight: bold; display: flex; align-items: center; }
.page-product h1 { font-size: 20px; letter-spacing: normal; font-weight: 600; color: #2d2e2c;font-family: "Lora", serif;}
.price-item.price-item--regular { font-size: 16px; letter-spacing: normal; color: #2d2e2c; }
/* .product-name-price { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; }
.product-name-price + div, body .product__title{ margin: 0; } */
.product-name-price .product__title {width: 50%;float: left;margin: 0;}
body .short-description {margin-top: 0px;margin-bottom: 5px;}
.customize_size a {background: #fff;color: #000;border: 1px solid #fff; border-radius: 4px; color: #2d2e2c; font-size: 14px; font-weight: 300; line-height: 20px; padding: 12px 35px; text-decoration: none; letter-spacing: normal; text-transform: capitalize; display: flex; gap: 7px; cursor: pointer; font-family: "Lora", serif;}
.customize_size .popup_triger { border: transparent; border-radius: 4px; font-size: 14px; font-weight: 300; line-height: 20px; padding: 12px 45px; background: #2d2e2c; color: #fff; cursor: pointer;font-family: "Lora", serif;}
body .customize_size { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 25px;width: 100%;margin-top: 10px;display: inline-flex;}
.product__description ul li { font-size: 14px; letter-spacing: normal; color: #2d2e2c; list-style: none; display: flex; align-items: center; gap: 10px; cursor: pointer; }
.product__description p { font-size: 15px; letter-spacing: normal; color: #2d2e2c;font-family: "Lora", serif;}
.customize_size a::before { content: ""; background: url(https://cdn.suitsupply.com/image/upload/svg/icon-custom-made.svg) 50% no-repeat; width: 20px; height: 20px; display: inline-block; }
.product__description h3 { font-size:15px; font-weight: 600; margin-bottom: 10px; color: #2d2e2c; }
.pdp-accordion__btn { font-size: 16px; background: transparent; box-shadow: none; border: 0; color: #2d2e2c; width: 100%; text-align: start; cursor: pointer; transition: all 0.4s linear; padding: 0;font-family: "Lora", serif;display: flex;align-items: center;justify-content: space-between;line-height: 1;}
.product__description ul li::before { background-color: #2d2e2c; border-radius: 50%; content: ""; height: 4px; width: 4px; display: inline-block; }
.pdp-accordion__content { display: none; }
.pdp-accordion__btn::after { content: "+"; font-size: 14px; float: right; }
.pdp-accordion__item.active .pdp-accordion__btn::after { content: "-"; }
.pdp-accordion.js-pdp-accordion { margin-top: 30px; }
.pdp-accordion__btn:hover { color: #c6c6c6; }
.content-asset a:hover { opacity: 0.5; text-decoration: none; }
body .pdp-accordion__content td { font-size: 14px; color: #2d2e2c; padding: 8px 10px 0px 0; font-weight: 300; border: 0;  vertical-align: top;font-family: "Lora", serif;}
.pdp-accordion__content table { box-shadow: none; width: 100%; }
.variant_selects_row h3 { text-align: center; font-size: 24px; color: #000; font-weight: 500; padding: 40px 40px 0 40px;font-family: Grange-Light-Extended;}
.variant_selects_row th { font-size: 12px; font-weight: 300; color: #000; padding: 5px 0 20px 0; }
.variant_selects_row th span { color: #898989; }
.variant_selects_row .table { width: 100%; }
.variant_selects_row .table td { color: #898989; font-size: 10px;font-family: "Lora", serif;}
body .variant_selects_row .product-form__input--pill input + label { background-color: #fff; border:1px solid transparent; border-radius: 5px; font-size: 14px; padding: 14px 37px;   transition: .4s linear;}
.product-form__input--pill input[type="radio"] + label:hover{border: 1px solid #898989;}
.product-form__input--pill input[type="radio"]:checked + label {  border-color: rgb(var(--color-foreground));}
#add-to-cart-button { background: #000; box-shadow: none; border: 0; color: #fff; font-size: 15px; width: 100%; padding: 15px 15px; border: 1px solid #fff; border-radius: 10px; margin-top: 0; cursor: pointer; font-family: "Lora", serif;}
.page-product .product__info-wrapper.grid__item { z-index: 1; }
.popup_close.mobile{display: none;}

.category-grid .category-item a , .media-item.media-row a {overflow: hidden;display: flex;justify-content: center;}
.category-grid .category-item a img , .media-item.media-row a  img {transition: all 0.4s linear;}
.category-grid .category-item a:hover img , .media-item.media-row a:hover img  {transform: scale(1.1);}

.header .span-row span { width: 26px; height: 3px; background:rgba(18, 18, 18, 0.55); display: block; margin: 4px 0; transition: all .4s cubic-bezier(.65, .05, .36, 1); }
.header .menu-opening .span-row span:first-of-type { transform: rotate(135deg); position: relative; top: 8px; }
.header .menu-opening .span-row span:nth-child(3) { transform:; transition:; transform: rotate(-135deg); position: relative; top: -6px; }
.header .menu-opening .span-row span:nth-child(2) { opacity: 0; }
.footer-block__newsletter .field input::placeholder { opacity: 1; visibility: visible; }
.footer-block__newsletter .field input {padding: 10px 20px !important;font-family: "Lora", serif;}
.collection-nav ul { display: flex; justify-content: center; margin: auto; padding: 0px 0px 10px 0px; }
.collection-nav ul li { list-style: none; width: auto; padding: 0 15px; }
.collection-nav ul li a { color: #000; font-size: 13px; text-transform: uppercase; transition: all 0.4s linear;font-family: "Lora", serif;}
.collection-nav ul li a:hover { color: #808080; }
.collection-nav ul li a.active { text-decoration: underline !important;color: #000;font-weight: 600;}
.about-banner-row { margin-top: 10px; }
.custom-consultation-content { display: flex; justify-content: space-between; }
.reques-row h2 { font-weight: 700; font-size: 43px; color: hsla(30, 43.5%, 91%, 0.97); margin-bottom: 30px; margin-top: 0;font-family: Grange-Light-Extended;}
.reques-row p { font-size: 23px; color: #000; margin: 0; max-width: 68%;font-family: "Lora", serif;}

.btn { border-radius: 100px; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 16px;background: #d27d46; color: white; padding:5px 19px; display: inline-block; margin-top: 20px;}

.get-in-touch-wrapper , .process-section-row-item {position: relative;}
.get-in-touch-wrapper {display: grid;grid-template-columns: repeat(2 , 1fr);}
.get-touch-row {margin: auto;position: absolute;top: 50%;left: 0;transform: translate(0% , -50%);padding-left:5rem;position: relative;}
.get-touch-row h2 {font-size:3.75rem;color: hsla(30, 43.5%, 91%, 0.96);margin-top: 30px;margin-bottom:3.75rem;margin-top: 0;font-family:Grange-Light-Extended;}
.get-touch-row h4 {font-size:1.688rem;color: hsla(30, 43.5%, 91%, 0.96);margin: 0;font-family:Grange-Light-Extended;margin-bottom:1.875rem;}
.get-touch-row p {font-size: 14.6px;color: hsla(30, 43.5%, 91%, 0.96);letter-spacing: normal;font-family: "Lora", serif;font-weight: 400;}
.block-content {display: flex;align-items: start;margin-top: 40px;}
.content-row {width: 50%;padding-right:4.375rem;}
.block-content .map-embed iframe {width: 72%;height: 220px;object-fit: cover;}
.map-embed {width: 100%;}
.get-in-touch-wrapper img  , .get-in-touch-content  {height: 780px;width: 100%;object-fit: cover;}
body.contact-page .custom-width .page-title , .darzi-garment {font-size: 40px;letter-spacing: normal;opacity: 0.7;font-family: Grange-Light-Extended;margin-bottom: 0;text-align: center;}
.content-row h4:last-of-type {border-bottom: 1px solid #fff;padding-bottom: 30px;margin-bottom: 25px;}
.content-row h4:last-of-type {border-bottom: 1px solid #fff;padding-bottom: 25px;margin-bottom: 25px;}
.content-row p span:last-of-type {font-size: 12.8px;font-style: italic;padding-top: 13px;display: inline-block;}
.get-touch-row p strong {padding-bottom: 15px;display: inline-block;font-size: 17px;}

.darzi-flex {display: grid;grid-template-columns: 1fr 1fr;align-items: center;position: relative;}
.darzi-left  {display: grid;position: relative;}
.blocks{display:block;}
.darzi-left h2 {font-size: 25px;max-width: 100%;text-align: center;letter-spacing: normal;position: absolute;top: -10px;left: 50%;transform: translate(-50% , 0);z-index: -3;}
.darzi-left .btn {position: absolute;bottom: 25%;left: 37%;}
.darzi-right p{font-size:16px;line-height: 1.9;letter-spacing: normal;color: #000;font-family: Lora,serif;text-align:center;}
.darzi-flex::after {content: "";border-bottom: 1px solid #000;width: 50%;text-align: center;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);}
.info-section {display: flex;justify-content: space-between;align-items: center;}
.feature {display: flex;align-items: center;}
.feature img {width: 33%;}
.feature-block h3  {font-size: 22.4px;font-weight: 500;font-family: "Lora", serif;margin-bottom: 15px;}
.feature-block p ,  {margin-top: 0;font-family: "Lora", serif;}
.group-block {display: grid;grid-template-columns: 1fr 1fr;width: 100%;align-items: center;grid-column-gap: 40px;}
.appointment-online-row h2 , .overlay-content h2 {font-size:28px;letter-spacing: normal;font-family: Grange-Light-Extended;}
.appointment-online-row ul li , .overlay-content .subtext , .appointment-online-row p {font-size:16px;color: #000;font-family: "Lora", serif;}
.appointment-online-row ul {padding: 0 20px;}
.group-block img {width: 75%;float: right;padding-right: 37px;height: 40rem;object-fit: contain;}
.sticky-row img {position: absolute;top: 0;bottom: auto;left: 0;right: auto;}
.sticky-row {position: sticky;left: 0;top: 20px;width: 13%;float: left;}
.overlay-content {float: right;margin-top: 59px;}
.faq-question h5 {font-size:20px;letter-spacing: normal;font-family: "Lora", serif;margin:0;}
body .banner_custom_row::after {content: "";background:#f2e8de !important;width: 100%;height: 100%;display: inline-block;position: absolute;top: 0;left: 0;opacity: 1 !important;clip-path:ellipse(52% 10% at 49% 101%);}
.the-fabric-mills-row .shopify-block {display: flex;}
.the-fabric-mills-row .shopify-block img {padding: 0;width:40%;height: 100%;}
.process-section-row-item .sticky-row {right: 0;left: auto;float: right;}
.extra-row  {grid-template-columns: auto;}
.the-fabric-mills-row .appointment-online-row {position: absolute;top: 75px;left: 0;}
.faq-block {width: 100%;float: left;}
.custom-width ul {padding-left: 0;}
.header.header--middle-left {display: flex;justify-content: end;}
.header-wrapper {width: 100%;}
.header--middle-left .header__inline-menu {width: 100%;text-align: end;}
.header--middle-left #cart-icon-bubble , .header--middle-left .header__inline-menu ul li a {color: #000;}
.header--middle-left .header__inline-menu ul li a span::before , .header--middle-left ul li header-menu a::before {content: "";width: 0;height: auto;border-bottom: 1px solid #000;transition: all 0.4s cubic-bezier(.45,.05,.55,.95);position: absolute;bottom: 0;left: 0;right: 0;margin: auto;max-width: 100%;} */
.header--middle-left .header__inline-menu ul li a span{position: relative;}
.header--middle-left .header__inline-menu ul li a:hover span::before , .header--middle-left ul li header-menu a:hover::before {width: 100%;}
.header__submenu {background: #d27d46;}
.header__submenu li a::before {display: none;}
.header--middle-left .header__inline-menu ul li details a {position: relative;}
.header__active-menu-item {color: #000;font-weight: bold;}
.header__submenu li a {color: #fff !important;}
.header__inline-menu ul li a span {position: relative;}
.home_banner::after {content: "";background: #f2e8de !important;width: 100%;height: 100%;display: inline-block;position: absolute;top: 0;left: 0;opacity: 1 !important;clip-path: ellipse(67% 30% at 49% 101%);display: block !important;}
body details[open]:hover > .header__menu-item {text-decoration-thickness: 0;}
.custom-consultation-section {margin-top: -50px;}
.cart-count-bubble {background: transparent;color: #000;top: 0;font-size: 15px;}
body .header__icon:hover .icon,  body .modal__close-button:hover .icon {transform: scale(1);}
.header__icons {display: flex;align-items: center;padding: 0;position: absolute;top: 30px;}
.cart-count-bubble {top: -5px;position: absolute;right: 0px;}

.custom-tailored-suits-for-men-darzi-studio-premium-bespoke-menswea-index .header-wrapper , .bespoke-page .header-wrapper {position: absolute;background: transparent;}
.custom-tailored-suits-for-men-darzi-studio-premium-bespoke-menswea-index .header-wrapper .header__inline-menu ul li a , .custom-tailored-suits-for-men-darzi-studio-premium-bespoke-menswea-index .header-wrapper .icon.icon-caret , .bespoke-page .header-wrapper .header__inline-menu ul li a , .bespoke-page  .header-wrapper .icon.icon-caret {color: #fff;}
.custom-tailored-suits-for-men-darzi-studio-premium-bespoke-menswea-index .header-wrapper .header__heading img  , .custom-tailored-suits-for-men-darzi-studio-premium-bespoke-menswea-index .header-wrapper .header__icons #cart-icon-bubble ,  .custom-tailored-suits-for-men-darzi-studio-premium-bespoke-menswea-index .header-wrapper .instagram-link a , .bespoke-page .header-wrapper  img  , .bespoke-page .header-wrapper .header__icons #cart-icon-bubble ,  .bespoke-page .header-wrapper .instagram-link a , .header-wrapper.fixed  img , .header-wrapper.fixed .header__icon .icon , .header-wrapper.fixed #cart-icon-bubble  {filter: brightness(0) invert(1);}
.custom-tailored-suits-for-men-darzi-studio-premium-bespoke-menswea-index .header-wrapper .header__icons svg path , .bespoke-page .header-wrapper .header__icons svg path {fill: #fff;}
.custom-tailored-suits-for-men-darzi-studio-premium-bespoke-menswea-index .header--middle-left .header__inline-menu ul li a span::before  , .bespoke-page .header--middle-left .header__inline-menu ul li a span::before {border-bottom: 1px solid #fff;}
.custom-tailored-suits-for-men-darzi-studio-premium-bespoke-menswea-index .header__active-menu-item , .bespoke-page  .header__active-menu-item  , .header-wrapper.fixed ul li a{color:#fff;}
.book-link {width: 166px;}
.header__heading-link {width: 225px;}
.header-wrapper.fixed {position: fixed;top: 0;padding-top: 0;padding-bottom: 0;background: #cc7e4f;animation: scrolltop 0.7s;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
@keyframes scrolltop{0% {top: -6.25rem;opacity:0.5;}100% {top: 0;opacity: 1;transition: .33s linear}}
.custom-tailored-suits-for-men-darzi-studio-premium-bespoke-menswea-index .header--middle-left ul li header-menu a::before , .bespoke-page .header--middle-left ul li header-menu a::before {border-color: #fff;}
body .header-wrapper{padding-top: 60px;}
.header-wrapper.fixed .header__icons {position: relative;top: auto;}
.header__icon--cart .icon {width: 37px;height: 36px;}
.custom-tailored-suits-for-men-darzi-studio-premium-bespoke-menswea-index .header .span-row span , .bespoke-page  .header .span-row span{background:#fff;}
body .header__icon--cart{margin:0;}
.active-popup .page-product .product__info-wrapper.grid__item {z-index: 4;}
body .header__icon .svg-wrapper {width: 38px;height: 38px;}
.header-wrapper.fixed .icon.icon-caret {color: #ffff;}
body .pdp-accordion__item {border-bottom: 1px solid #ccc;padding-bottom: 9px;margin-bottom: 9px;margin-top: 9px;}

@media screen and (max-width: 1190px) {
.darzi-right h3 {font-size: 35px;}
.darzi-right h4 {font-size: 20px;margin-bottom: 20px;margin-top: 10px;}
.darzi-right p {font-size: 14px;}  
.feature-block h3 {font-size: 17.4px;margin-bottom: 0;}
.sticky-row {display:none;}
.process-section-row {position: relative;}
.group-block img {padding-right: 0;}
.the-fabric-mills-row .appointment-online-row {position: relative;top: auto;}
.get-in-touch-wrapper {grid-template-columns: repeat(1 , 1fr);max-width: 83%;margin:auto;}
.get-in-touch-wrapper img, .get-in-touch-content {height: auto;}
.get-touch-row {padding-left: 15px;padding-top: 40px;padding-bottom: 40px;}
.get-in-touch-content {margin-top: -8px;}
.header-wrapper {padding-top: 20px;}
.menu-drawer__inner-submenu {background: #f2e8de;}
.header:not(.drawer-menu).page-width {padding-left: 0;padding-right: 0;max-width: 100%;padding-left: 17px;padding-right: 17px;}  
  
}
@media screen and (max-width: 989px) {
.header__icon span {padding-left: 0;}
.header__heading {width: 100%;order: -1;}
.header--mobile-left .header__heading-link {padding: 0;width: 100%;}
.menu-drawer__close-button.link.link--text.focus-inset {font-size: 1.8rem;font-family: Lora,serif;font-weight: 400;}  
.custom-category-section{top:0;padding-bottom: 40px;}  
.custom-consultation-section {margin-top: 0px;}
.header__heading img , .header__heading-logo-wrapper img {width: 110px;}
.header__heading-link{order:-1;}
body .header__heading-link{text-align: start;}
  
.header-wrapper.fixed {position: fixed;padding-top: 7px;padding-bottom: 7px;}
body .header-wrapper {padding-top: 50px;}
.header-wrapper.fixed  img , .header-wrapper.fixed .header__icon .icon , .header-wrapper.fixed #cart-icon-bubble {filter: brightness(0) invert(1) !important;}
.header-wrapper.fixed .span-row span {background: #fff;}
.header-wrapper.fixed ul li a {color: #000;}
.header__icons{top: 15px;right: 10px;}
.header__icon .svg-wrapper {width: 35px;height: 35px;}
.header-wrapper.fixed .header__icons {display: none;}
#menu-drawer {position: fixed;top: 0;width: 100%;max-width: 350px;z-index: 999999999;height: 100vh;}
body .header__icon--menu[aria-expanded="true"]::before {z-index:999999999;top: 0;top: 0;height: 100vh;} 
}

@media screen and (max-width: 749px) {
.grid--peek.slider .grid__item:first-of-type {margin-left: 0;}
.page-product .slider-buttons{display: none;}
.page-product .grid--peek.slider::after {display: none;}
body .customize_size {  margin-bottom: 5px;}
.page-product .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {margin: 0 0;}
#customer_login, #create_customer {  padding: 10px 15px;}
body .customer:not(.account):not(.order){max-width: 100%;}
body .section-template--19320387109079__product-grid-padding {padding-top: 0;}
.category-text {margin-top: 10px;}
body .page-width.drawer-menu , body .page-width.drawer-menu , .custom-width {max-width: 100%;padding-left: 15px;padding-right: 15px;}  
.darzi-flex {grid-template-columns: 1fr;grid-row-gap:20px;}
.darzi-left {order: -1;}
body .group-block {grid-template-columns: auto;padding-bottom: 60px;}  
.group-block img {width: 100%;float: left;height: auto;}
body .group-block.text_first .appointment-online-row {float: left;}
body .overlay-content {float: none;margin-top: 0;text-align: center;}
body .group-block.text_first .process-image-wrapper {order: -1;}
.the-fabric-mills-row .shopify-block img {width: 100%;}
.group-block {padding-bottom: 10px;}
.info-section {display: block;}
.feature {text-align: center;}
.feature-block h3 {margin-top: -20px;}
.darzi-left h2 {top: -50px;width: 100%;}
.section-template--19343834579159__process_steps_MpGcKD-padding {padding-bottom: 20px !important;}
.darzi-flex::after {width: 100%;}
.appointment-online-row h2, .overlay-content h2 {font-size: 24px;margin-bottom: 10px;}
.content-row {width: 95%;padding: 0;}
.block-content{display: block;}
body.contact-page .custom-width .page-title, .darzi-garment {font-size: 27px;}
.block-content .map-embed iframe {width: 95%;}
.get-in-touch-wrapper{max-width: 100%;}
body .text-left {text-align: center;}
body .group-block.text_first .appointment-online-row {float: none;}
.appointment-online-row ul {list-style: none;margin: 0;}
.feature {display: block;}
.process-section-row-item .group-block.image_first.extra-row {padding: 0;} 
.banner_height_row img {height: 446px !important;object-fit: cover;position: relative !important;}
.banner_height_row .banner__media.media::before {content: "";display: none !important;}

}
@media (max-width: 480px) {
.popup_close.desktop{display: none;}
.popup_close.mobile{display:block;background: none;position: absolute;top: 30px;right: 30px;box-shadow: none;font-size: 14px;z-index: 9999;width: auto;height: auto;opacity: 1;left: auto;}
.popup_close.mobile .svg-wrapper{width: 15px;height: 15px;color: #000;}
.variant_selects_row {  height: 100%;}
.variant_selects_row h3{margin-top: 0;padding-top: 20px;}
.variant_selects_row variant-selects fieldset {  padding: 0 10px;}
.variant_selects_row tr:not(:first-of-type) > td:first-of-type {padding-right: 10px;}
body .variant_selects_row .product-form__input--pill input + label {font-size: 13px;padding: 10px 30px;}
#add-to-cart-button {  font-size: 14px;  padding: 13px;}
.variant_selects_row th {position: relative;left: -8px;}
.collection-nav ul {display: grid;grid-auto-flow: column;overflow: auto;scrollbar-width: none;grid-auto-columns: max-content;justify-content: start;}
.collection-nav {margin-top: 20px;}  
#menu-drawer {max-width: 300px;}
}