@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
         url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
         url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: 600 700;
    font-style: normal;
    font-display: swap;
}
.attribute-box.lighttype-attribute {
    display: none;}

.attribute-box.scale-attribute {
    display: none;}

span.special-price {
    color: #4990e1;
    font-weight: 600;}

span.old-price {
    text-decoration: line-through;
    color: grey;
    padding-right: 10px;}

@media only screen and (min-width: 768px) {
    .product.data.items>.item.title {
        float: left;
        max-width: 150px;
    }
}

.catalog-category-view .old-price .price-final_price {padding-right:0px;}

.data.item.title.last {
    margin-bottom: 20px !important;
}

@media only screen and (min-width: 768px) {
.pre-topline {display:block;font-size:12px;text-align: left;}
}

@media only screen and (max-width: 767px) {
.pre-topline {text-align: left;}
}

body {font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}

.uk-flag {
  font-weight: bold;
  background: repeating-linear-gradient(
    90deg,
    #c8102e 0,
    #c8102e 12.5%,
    #012169 12.5%,
    #012169 25%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.visible-xs,
.visible-sm {
  display: none !important;
}

/* Extra small devices (phones, <768px) */
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}

/* Small devices (tablets, 768px-991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}

@media (min-width: 769px), print {
        .cart.table-wrapper .cart-products-toolbar+.cart thead tr th.col {            font-size: 18px;
            font-weight: 700;}
}

.minicart-items .item-qty {font-weight:900;}

.owl-carousel.products.owl-loaded {overflow:hidden;}

#mini-cart .details-qty.qty .decreasing-qty {font-size: 18px;    align-items: center;}

.attribute-box.dimension-attribute {
    display: none;}

.cart-summary {    border: 1px solid #eee;
    border-radius: 12px;}

.cart-summary>.title {text-align: center;font-weight:700;}

table th.qty {border-bottom:none!important;}

.menu-icon .minicart-wrapper .showcart h6 .price {font-size:11px; font-weight:600;}

.cart-container .form-cart .cart table .product-item-name>a {font-weight: 600;
    font-family: 'Poppins';}

th.col.qty {text-align: center !important;}

strong#block-shipping-heading {
    font-size: 15px;}

button.action.primary.checkout {font-weight: 600;}

.poppins {font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}

.reviews-actions a.action.view span:nth-child(2) {
    display: none !important;
}

.header .search-group .amsearch-products-section .product-item-link {font-family:'Poppins';font-weight:600;     min-height: 45px;}

@media screen and (max-width: 767px) {
    body #toolbar-amount {
        display: none;}
}

.amgdprjs-bar-template.-popup[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.opc-estimated-wrapper {background:#ffffff;}

.itemproduct-box .stock.unavailable {
    background: #e47f8e;
    text-align: center;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ed566d;}

.review-wrapper {padding-top:5px;}

.stock.unavailable span {background: #e47f8e; font-weight:600;}

.available-qty {display:none;}

.product.media .plable, .product.media span.productsale, productnew {font-family: 'Poppins'; font-size: 14px;border-radius: 5px; margin: 10px 5px 5px 5px! important; z-index:910!important; font-weight:600;}

.product.media span.productsale {background: linear-gradient(135deg, #6260fa, #0057ff);}

.minicart-items-wrapper .minicart-items {
  overflow-y: scroll;       /* always show scrollbar if overflow */
  
  /* Firefox */
  scrollbar-width: thin;    /* options: auto | thin | none */
  scrollbar-color: #000000 transparent; 
}

/* Chrome, Edge, Safari */
.minicart-items-wrapper .minicart-items::-webkit-scrollbar {
  width: 4px;               /* thickness */
}

.minicart-items-wrapper .minicart-items::-webkit-scrollbar-track {
  background: transparent;  /* track background */
}

.minicart-items-wrapper .minicart-items::-webkit-scrollbar-thumb {
  background-color: #ed566d; 
  border-radius: 2px;        /* round ends (optional) */
}

.minicart-items-wrapper .minicart-items::-webkit-scrollbar-thumb:hover {
  background-color: #d94a5e; /* hover effect */
}

@media only screen and (max-width: 767px) {
    .mainHeader.topbar .top-logo .logo {padding: 24px 0 0 0!important;}
}

@media only screen and (max-width: 767px) {
    .block-minicart {max-height: 75vh;min-height: 60vh;}

.block-content {padding-top:15px;}

.warning-bar {padding: 6px 10px;}
}

.minicart-items-wrapper .minicart-items {max-height: 30vh; padding-right: 15px;}

.cart-heading h6 {margin:0 10px 0;}

@media only screen and (max-width: 767px) {
    .minicart-wrapper .cart-heading h6>a {
        padding: 14px 17px;}

}

@media only screen and (max-width: 768px) {
    .nav-open .nav-sections {z-index:104;}
}

.paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline {
    display: none!important;}

.minicart-items .product-item-name a {text-align:left; font-weight:600;}

.minicart-items-wrapper .minicart-items {
    max-height: 300px;
    overflow-y: scroll;
    text-align: left;}

.block-minicart .block-content .minitop-subtotal .warning-bar {margin-top:10px;}

.minicart-wrapper .cart-heading h6>a, .block-minicart .block-content>.actions>.primary .action.primary {
    background: var(--mw-sale-bg) !important;
    text-transform: inherit;
    color: #0a0a0a !important;
    border: 1px solid rgba(37, 99, 235, .22);
    font-family: "Poppins";
    font-size:17px!important;
    border-radius:5px;
    transition: all 0.2s ease-in-out;
    font-weight:600;
}

.minicart-wrapper .cart-heading h6>a:hover, .block-minicart .block-content>.actions>.primary .action.primary:hover
{background: #2a2825e8 !important; color: #fff !important;}

.minicart-wrapper .cart-heading {
    text-align: center;
    padding: 0;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    max-width: 320px;
    align-items: center;
    justify-content: center;
    margin: auto;}

.cart.table-wrapper .product-item-name+.item-options, .secondary {display:none;}

.mb-ajaxsuite-blank {z-index:105;}

header .menu-icon .minicart-wrapper .action.showcart:before {margin-bottom:4px;}

.menu-icon .link.authorization-link a:before {margin-bottom:4px;}

 .menu-icon .link.wishlist a:before {margin-bottom:6px;}
.switcher-trigger span {margin-top:1px;}

@media (max-width: 767px) {
    body .switcher-trigger span {
        margin-top: 2px;
        display: block;
        width: 35px;
        text-indent: 0px;
        overflow: hidden;
        text-align: center;
    }
}

@media (max-width: 450px) {
    body .nav-toggle:before {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    body .nav-toggle:after {
        top: 37px;
        position: absolute;
        left: -4px;
    }
}

.panel.wrapper.menu-icon img {max-width:30px;}

.page-header .panel.wrapper .switcher .options {margin-top:0;}

.search-group input {border:1px solid #bababa !important; border-radius:3px;}

.nav-sections {border-top:none; border-bottom:none;}

.mm-top-disc {color:#000;}
.mm-top-sale {color:#000!important;}

@media only screen and (min-width: 768px) {
.mm-top-disc {color:#000;}
.mm-top-sale {color:#0057ff!important;}

}

.mm-top-line {color:#000;font-size:15px; font-family: 'Poppins-Regular'; font-weight: 600;display:block;text-align:left; transition: all 0.2s ease-in-out;}

.mm-top-line {color:#232323;font-size:15px; font-weight: 600;display:block;text-align:left; transition: all 0.2s ease-in-out;font-family: "Poppins";}

.mm-top-help {color:#fff;}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea {
  caret-color: #2563eb; /* brand blue */
  color: #222; /* visible text color */
}

.stock.unavailable span {text-align:center; font-weight:400; border-radius:5px;}

.load-more {
    font-size: 15px;
    border: none;
    background: #699af9;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    width: 300px;
    margin: 20px;}

.amgiftcard-price-multiple {display: flex;}

p.price-to {margin-left: 10px;}

.amcard-field-container {flex-basis:100%;}

.amcard-flex-container {display:block;}

.amcard-field-block.-double {flex-direction:column;}

label.amcard-input-arrow {
    width: 100%;}

.amcard-codes-list.-cart, .amcard-field-container.-cart {max-width:100%;}

.amcard-field-block .amgcard-datalist-container+.amcard-button {align-self: flex-end;}

span.amcard-title {color:#1979c3;}

span.amcard-title:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    line-height: 16px;
    color: #8f8f8f;
    content: '\e622';
    font-family: 'icons-blank-theme';
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    overflow: hidden;
    speak: none;
    text-align: center;}

.amcard-field-container .amcard-check {color:#b5b5b5;}

.opc-wrapper .shipping-address-item.selected-item {width:100%;}

@media only screen and (min-width: 767px) {
.nav-sections .ves-megamenu li.level0>a {padding:16px 37px;}
}

.code {text-align:left; padding:0; display:block!important;font-family:"Poppins";color:#afafaf; margin-left:3px;}

.free-shipping {
background:#f8a000;
color: #000000;
display: block;
padding: 3px 10px;
z-index: 111;
font-family: "Poppins"; 
font-weight: 600;
font-size:14px;
margin: 5px 5px 5px 5px;
border-radius:5px;
text-align: center;
width:fit-content;}

.product-attributes {width: 100%;}

.product-attributes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.attribute-box {
  width: fit-content;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom:5px;
background:#e6e6e6;
}

.attribute-box h6 {
  margin: 0;
  font-size: 13px;
}

.sale {
    color: #ffffff;
    font-weight: 500 !important; background:#4990e1;}

.new {    margin: 5px 5px 5px 5px! important;}

@media only screen and (max-width: 767px) {
.new {    margin: 5px 0px 5px 5px! important;}
}

.new, .discontinued, .starbuy, span.new.sale {font-family: "Poppins"; font-size:12px; font-weight:600;}

@media only screen and (min-width: 767px) {
.new, .discontinued, .starbuy, span.new.sale {font-family: "Poppins"; font-size:13px; font-weight:600;}
}

.starbuy, .discontinued {border-radius:5px; width:fit-content;margin: 5px 5px 5px 5px; align-items:center; display:flex;}

.absu {display: flex;flex-direction: row; z-index: 15000;  width: 100%;  border-radius: 10px;     flex-wrap: wrap; padding:3px 15px 0px 0px;}

.amsearch-input-wrapper .amsearch-input:focus, .amsearch-input-wrapper.-typed .amsearch-input {text-align:center;}

div[data-pp-message] {
background:none!important;}

div#product-options-wrapper {color: #ed566d;border:1px solid #ed566d;}

.info.detailed .data.item.title .data.switch {padding:15px 28px 15px 20px !important}

.info.detailed .data.item.title .data.switch, .info.detailed .product.data.items>.item.title:not(.disabled)>.switch:active, .info.detailed .product.data.items>.item.title.active>.switch, .info.detailed .product.data.items>.item.title.active>.switch:focus, .info.detailed .product.data.items>.item.title.active>.switch:hover 
{background:none;}

@media only screen and (min-width: 768px) {
 .product.data.items>.item.title:not(.disabled)>.switch:focus, .product.data.items>.item.title:not(.disabled)>.switch:hover                            
        {background: #fcfcfc;}
        }
    

th.col.label {color: #000;}

td.col.data {color: #494949;}

.product-info-main .product.attribute.sku .type {
    background-color: #699af9;
    color: #fff;}

.product-info-stock-sku .stock span:before, .product-info-stock-sku .stock span, .product-info-main .product.attribute.sku>.value {color: #000;}

.product-social-links .product-addto-links a.action.towishlist span {color:#afafaf;}

.itemproduct-box a.action.towishlist {z-index:10000000;}

.itemproduct-box a.action.towishlist span:before, .toolbar-sorter .sorter-options, .toolbar-products .toolbar-sorter.sorter label.sorter-label, .toolbar-amount, .filter-options-title:before {color:#000;}

.filter-options-title:before {background-color:#000;}
a.action.select-options.primary {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: inherit;
    border-radius: 5px;
    font-family: 'Poppins-Regular';
    font-weight: 400;
    color: #fff !important;
    padding: 5px 7px;
    text-decoration: none;
    height: 30px;
    background: #516994;
}

@media only screen and (max-width: 768px) {
    .custom-slide .modal-inner-wrap {
        background-color: #fff;}
}

@media only screen and (max-width: 768px) {
img.checkoutlogo {
    margin-right: auto;
    padding-left: 20px;}
}

.iass-spinner, .ias-noneleft {z-index:-1;}

@media only screen and (max-width: 768px) {
    .price-box.price-final_price {
        padding-left: 0px;}
}

@media only screen and (min-width: 768px) {
        .navigation {max-width:1600px!important;}
}

.amsearch-input::placeholder {text-align:center;}

@media only screen and (max-width: 768px) {
    #mb-ajaxcart-wrapper .mb-message-successs {
        font-size: 30px;}

    #mb-ajaxcart-wrapper .product-name {
        padding-left: 0px;
        color: #8ca5d3;
        padding-top: 10px;}
}

#mb-ajaxcart-wrapper .product-name {color:#8cad53;}

.msg_success, .success {background-color:#8ca5d3;}

.price {font-size:16px;}

@media only screen and (max-width: 767px) {
img.pagebuilder-mobile-only {
    padding: 40px;}
}

.product-sale-text {
   background: #f6f6f6;
    font-size: 14px;
    border-radius: 4px;
    color: #333;

}

.product-sale-text.placeholder {
    background: transparent;
    color: transparent;
    border: none;
}

a.action.view-details-link.full-button {
    display: block;
    width: 100%;
    text-align: center;
    background: #f8f8f8;
    text-transform: inherit;
    height: 30px;
    border-radius: 5px;
    font-family: "Poppins";
    font-weight: 500;
    color: #000!important;
    padding: 5px 7px;
    margin: 5px 0 10px 0;
    text-decoration: none;
    border: 1px solid #d7d7d7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-group .tocart {height:30px;}

a.action.view-details-link.full-button:hover {
  background: #eeeeee;
}

.qtyselector {display:none;}

.footer {background: #ffffff;}

.copyright {background:#ffffff;}

.stock.unavailable span {
    padding: 10px 0px;    font-family: "Poppins";
    width: 100% !important;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px !important;}

.amsearch-input-wrapper .amsearch-input {
    font-family: 'Poppins-Regular';}

section.amsearch-result-section {
    font-family: 'Poppins';}

.amsearch-products-section .product-item-details {    align-items: flex-start;}

header .search-group .amsearch-products-section .product-item-link {text-align:left;}

.col-xs-6.col-sm-6.col-lg-4.col-xl-4.pd-large {
    padding: 10px;}

@media only screen and (min-width: 767px) {
.tab-product-box h6  {font-size:11px!important;}
}

@media only screen and (max-width: 575px) {
    .page-products .products-list .product-item-inner 
{border-bottom: none;padding-bottom:none;}
}

.abs-product-link>a:visited, .product-item-name>a:visited, .product.name a>a:visited {
    color: #000000;}

.abs-product-link>a:hover, .product-item-name>a:hover, .product.name a>a:hover {
    color: #21508a;}

@media only screen and (max-width: 767px) {
    .filter-new, body .toolbar-sorter .sorter-options
{
        border: 1px solid #dedede;
        background:#fff; font-size:12px;font-weight:400!important; text-align:center;}

.filter-new strong {font-size:12px;         font-family: 'Poppins-Regular';
        font-weight: 400;padding-top:3px;}

}

@media only screen and (min-width: 768px) {
    .page-with-filter .columns .sidebar-main {margin-top:68px;}
}

body .absu .salenew, body .absu .new, discontinued {border-radius:5px;align-items: center; display: flex;}

.stock.unavailable span {border-radius:5px;}

.itemproduct-box a.action.towishlist span {margin:10px;}

.itemproduct-box .product-reviews-summary {padding-left:5px;}

.toolbar-amount {font-family: "Poppins";    font-size: 12px; padding:15px 0 0; font-weight:300;}

.toolbar-products {margin-bottom:15px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pd-large:nth-child(4n) .itemproduct-box:before {display: none;}
}

.itemproduct-box:before {display:none;}

.new {margin:10px; backgrouind:#317b8d;}

@media only screen and (min-width: 767px) {
.itemproduct-box 
{background: #fff;border-radius: 10px;border-bottom:none;padding:10px 10px 5px 10px;

border: 1px solid #dedede;
        box-shadow: 0 6px 18px rgb(23 35 79 / 10%);  margin:10px 10px 30px 10px;}
}

@media only screen and (max-width: 767px) {
.itemproduct-box 
{background: #fff;border-radius: 10px;border-bottom:none;padding:10px 10px 5px 10px;border:1px solid #dedede;box-shadow:0 6px 6px rgba(23,35,79,.06);}
}

.furniture-product-box img {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);}

.product-info-main .box-tocart .actions, .product-options-bottom .box-toca .product-add-form .box-tocart .fieldset .actions .tocart, .action.primary, .action-primary, .amshopby-button, .am-filter-go {

    border-radius: 5px;
    /* border: 1px solid rgba(37, 99, 235, .22); */
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins';}

.fotorama {touch-action: pan-y;  -webkit-overflow-scrolling: touch;}

.minimumbutton {background: #333333;border-radius: 3px;padding: 10px;margin: auto;transition: 0.3s;width: 100%;margin-bottom:0;font-family:'Now Bold';}

.minimumbutton:hover {opacity: 0.8;background:#888;}

.copytext {font-family: 'Poppins-Regular'}

.infobox {padding:10px;border-radius:5px; width:100%; margin:auto;max-width:700px;font-family:'Poppins-Regular';font-size:13px;margin-bottom:5px;border:1px solid #dedede;}

.toolbar-products .toolbar-sorter.sorter label.sorter-label {font-family: "Poppins";margin-bottom:0px; text-align:center; font-weight:600; font-size:16px; margin-right:5px;}

.toolbar-sorter .sorter-options {font-family: "Poppins"; font-weight: 300;font-size:12px;}

h1, h2, h3, h4, h5 {        font-family: 'Poppins'; font-weight: 600;}

@media only screen and (max-width: 768px) {
    .product.media span.productsale.salenew {top: -35px; right: 90px!important;}
     .product.media .plable {top:-35px;}
    .product.media span.productsale {top:-25px;}
.page-title {text-align:center;}
.product-info-main .price-box {text-align:center;}
.product-info-main .box-tocart .actions {margin:auto; border-radius:10px; background:none;}
.box-tocart .fieldset .field.qty {display: flex !important; justify-content: center; align-items:center;}

}

.foot-text ul li a:hover {color: #363636;}

@media only screen and (max-width: 767px) {
        .page-main>.page-title-wrapper .page-title {
            display: block; text-align:center;}
}

@media only screen and (min-width: 768px) {

.page-header {margin-bottom:20px; box-shadow:0 6px 10px rgb(23 35 79 / 4%);}
.parent-icon {padding:20px 0 0 30px;}
}

@media only screen and (max-width: 767px) {
.filter-new {border-radius: 5px;width: 45%;margin-left: auto;}

.toolbar-sorter .sorter-options {font-size: 12px;min-width: -webkit-fill-available;text-align: center;border-radius: 5px;}

body .toolbar-sorter.sorter {width:45%;}
}

@media only screen and (max-width: 767px) {

.ves-megamenu.nav-mobile .dropdown-menu .subgroup.level1>a  {font-weight:500!important;text-transform:uppercase!important;}

.mm-view-all {color:#ed566d!important;}

.mm-end-cat {color:#000!important;}

}

@media only screen and (min-width: 768px) {
.mm-white-text {text-align:center;}
}

@media only screen and (min-width: 768px) {
.bannershad {
text-shadow:2px 2px 4px rgb(0 0 0 / 100%), 0 4px 6px rgb(0 0 0 / 40%);}
}

@media only screen and (max-width: 767px) {
.bannershad {
text-shadow:2px 2px 4px rgb(0 0 0 / 30%), 0 4px 6px rgb(0 0 0 / 30%);}
}

.itemproduct-box .stock.unavailable {
    text-align: center;
    width:100%;}

@media only screen and (min-width: 768px) {
.page-products .columns {border-radius:10px;padding:10px;}
}

.header .search-group .amsearch-products-section .product-item-link {
    padding-bottom: 0px;}

.amsearch-form-block -opened {width:auto!important;}

@media only screen and (min-width: 768px) {

header .search-group .amsearch-items-section:not(:first-child:last-child) 
{background: #f8f8f8;}

.amsearch-result-section {max-height:80vh;}
}

.header .search-group .amsearch-highlight {
    color: #8ca5d3;background:none;}

@media only screen and (max-width: 768px) {
.amsearch-result-section {max-height:60vh;}

}

@media only screen and (max-width: 768px) {
.top-container {padding-left: 0px!important;padding-right: 0px!important;}
}

.secondsbox {background:#ed566d; padding:10px;border-radius:5px; width:100%; margin:auto;color:#fff;font-family:'Now Bold';font-size:13px;text-align:center;margin-bottom:5px;}

@media only screen and (max-width: 767px) {

div.col-md-4.col-lg-6.col-xl-6 {margin-top:5px;}

.topbar {padding:0}

.amsearch-wrapper-block {margin:0}
}

.delicate {
background: #D3CCE3;
background: -webkit-linear-gradient(to right, #E9E4F0, #D3CCE3); 
background: linear-gradient(to right, #E9E4F0, #D3CCE3);
}

.field-tooltip._active .field-tooltip-content  {background:#fff;}

@media only screen and (min-width: 992px) {
    .col-lg-3 {flex: none;}
}

@media only screen and (max-width: 767px) {
    .nav-toggle:before, .nav-toggle:hover:before {color:#000;}
}

@media only screen and (max-width: 450px) { 

body .nav-toggle:after { color: #000; font-family: 'Poppins-Regular'; color: #000; font-weight: 400; font-size: 11px !important;}
}

.menu-icon a, h6.price-label, .switcher-trigger span {          font-family: "Poppins";
        font-weight: 300;
    color: #000;
    font-size: 11px !important;}

@media only screen and (max-width: 450px) {
.menu-icon a, h6.price-label, .switcher-trigger span {font-size:12px;}
}

.page-header .panel.wrapper .switcher .options.active ul.dropdown  {background: #fff;}

.page-header .panel.wrapper .switcher .options ul.dropdown li:hover {background:#f1f1f1;}

span.price-label {display:none;}

span.savings-message {
    color: #fff;
    font-size: 12px;
    font-family: 'Poppins-Regular';
    background: #ed556d;
    width: fit-content;
    padding: 3px 6px;
    border-radius: 3px;}

.savings-message {
    display: inline-block;
}

.product-savings {
    margin-bottom: 5px;
}

.product-savings.placeholder {
    background-color: transparent;
    border: none; 
    padding: 24px 0 0 0;
    visibility: hidden; 
}

.fading-image-top {
    mask-image: 
        linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%),
        linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%);
    mask-composite: intersect;

    -webkit-mask-image: 
        linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%),
        linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%);
    -webkit-mask-composite: destination-in;
}

@media only screen and (min-width: 768px) {
.ves-menu .navigation .level0>.submenu {background:#fffffff7;}
}

.containertest {max-width:95%}

.fading-image {
    position: relative;
    display: block;
    width: 100%; /* Adjust as needed */
    height: auto; /* Maintain aspect ratio */
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
}

.bannerlink {margin-bottom:0!important;}

@media only screen and (max-width: 768px) {
.qtyselector {display:none;}
}

@media only screen and (max-width: 768px) {

.special-price .price-container {display: inline-block;}
}

.product-item-name .product-item-link {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;min-height:54px;}

@media only screen and (max-width: 768px) {
.qty_control.qty-group {flex-wrap:wrap;}
}

@media only screen and (max-width: 768px) {
.product-reviews-summary .reviews-actions {display:none;}
}

@media only screen and (min-width: 768px) {
.padleft {padding-left:30px;}
}

@media only screen and (max-width: 768px) {
.mobilecenter {text-align:center!important;}
}

.whiteback {background:#fff;border-radius:10px;padding:10px;}

.countdown-timer {
    font-family: 'Now Bold';
    color: #ed566d;
}
.product-item .price-box .price { color: #699af9; font-weight: 600;}

.amsearch-products-section .product-item [data-role=priceBox] {flex-wrap: nowrap;}

header .search-group .amsearch-products-section .product-item-link {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

header .search-group .amsearch-wrapper-inner .old-price {display:block;}

@media only screen and (max-width: 768px) {
brand-title, span.base, .main-heading h1#page-title-heading span, h3 
{font-family: "Poppins";
        font-weight: 200;
        color: #000;
        font-size: 40px; letter-spacing: -0.06em}
}

.catalog-category-view .main-heading .page-title-wrapper h1#page-title-heading span.base:after {display:none;}

.tab-product-box h6  {font-family: 'Poppins';font-size:11px; color:#000;}

.product-item-name .product-item-link {
        font-family: "Poppins";
    color: #000000;}

@media only screen and (min-width: 768px) {

.switcher-trigger span {color:#000;}

.menu-icon h6 {margin: 7px 0 0!important;}

h6.price-label {color:#000;}

}

@media only screen and (min-width: 768px) {
.nav-anchor subitems-group {font-size:17px!important;}
}

.rating-result {z-index:1;}

@media only screen and (min-width: 768px) {
.ves-megamenu .dropdown-menu .subgroup.level1>a {font-size:14px!important;text-transform:none!important;}
.mm-view-all {color:#000!important;font-weight:500;}

}

@media only screen and (max-width: 767px) {
.ves-megamenu .dropdown-menu .subgroup.level1>a {text-transform:none!important;}
}

@media only screen and (min-width: 768px) {
.filter-current {
    background: #699af9;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;}

.block-actions.filter-actions {
    background: #699af9;
    padding: 10px;
    border-radius: 0px 0px 10px 10px;}

.filter-current .filter-label {font-weight: 600;
    color: #fff !important;
    font-family: 'Poppins';
    FONT-SIZE: 18px;}

span.filter-value {
    color: #fff;
    font-family: 'Poppins';
    font-weight: 300;}

.block-actions.filter-actions a span {
color:#fff; font-family: 'Poppins'; font-weight:500; }

 #maincontent .block.filter .filter-current li a span:last-child {
color:#070431; font-family: 'Poppins'; font-weight:500; }

}

@media only screen and (min-width: 768px) {
    .nav-sections-item-content .ves-menu {
        display: flex!important;}
}

@media only screen and (max-width: 767px) {
.mm-top-disc {color:green!important;}
}

@media only screen and (max-width: 767px) {
.mm-top-sale {color:#e2649e!important;}
.mm-top-disc {color:#ed566d;}

}

.shadowbox {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}

@media only screen and (max-width: 767px) {
.amgdprjs-bar-template.-popup {width:350px;}
}

a.amsearch-link.-view-all {
    background: #699af9;
    padding: 5px 10px;
    color: #fff !important;
    border-radius: 3px;}

.action clear filter-clear {
color:#fff;}

.block-actions filter-actions {
    background: #000;
    color: #fff !important;
    padding: 10px;
    border-radius: 10px;
}

.product.media .plable {z-index:0;}

.block-static-block.widget, .block-cms-link.widget {margin-bottom:0!important;}

@media only screen and (min-width: 767px) {
.banner-widther {width:60%;}
}

@media only screen and (max-width: 767px) {
.banner-widther {width:90%;}
}

@media only screen and (min-width: 767px) {
.pro-btn {display:none;}
}

.toolbar-products .pages li.item.pages-item-previous .previous, 
.toolbar-products .pages li.item.pages-item-next .next
 {color: #222!important;}

.pages .items {
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;}

.toolbar-products .pages a.page {color: #7fa6ed!important;}

.toolbar-products .pages li.item.current span {
    color: #222!important;}

.toolbar-products .pages .item, .toolbar-products .pages li.item.current span {
    font-size: 20px !important;}

.pages .action.next>span, .pages .action.previous>span {font-size:12px}

span.warning-bar.freeexpress {border-radius:10px;}

.page-header .widget.block {margin:0px!important;}

.page-main {margin-top:10px;margin-bottom: 40px;border-radius:10px;}

@media only screen and (min-width: 768px) {
.page-main {padding:10px;}
}

.toolbar-products .pages {margin-top: 0px!important;margin: auto;}

/* -----------------------------------------------NEW MEGAMENU-------------------------------------- */

@media screen and (max-width: 768px) {
.search-group 
{margin: 0;margin-bottom:8px;}
.amsearch-wrapper-block 
{padding: 8px 0 0 0;}
}

.amsearch-products-section .actions-secondary .amsearch-button.-icon {display: none;}

@media (min-width: 768px) {
.mw-menu-sale-level {border-radius:10px;}
}

@media (min-width: 768px) {
  .mw-menu-top-level {
    background: transparent;
    color: #000;
  }
}

@media (max-width: 768px) {
  .mw-menu-top-level {
    background: #fff;
    color: #222;
  }
}

@media only screen and (min-width: 768px) {
    .ves-megamenu li.level0:hover > a {
        background: transparent;}
}

@media only screen and (min-width: 768px) {
.ves-megamenu li.active>a {background: transparent;}
}

@media only screen and (max-width: 768px) {
.ves-megamenu li.active>a {background: transparent;}
}

@media only screen and (min-width: 768px) {
    .menu-brand-text {text-align: center;}
    .menu-brand-logo { margin-left: auto; margin-right: auto;}
}

@media only screen and (max-width: 768px) {
.navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) 
{background:#fafafa!important;}
}

@media only screen and (max-width: 768px) {
.nav-before-open.nav-open .nav-toggle
{border-radius:50%!important;
top:5px!important;
height:51px!important;}
}

@media only screen and (min-width: 768px) {
.submenu.animated.dropdown-menu.ui-menu-item-wrapper.submenu-active
{background:#ffffff!important;}
}

@media only screen and (max-width: 768px) {
.submenu.animated.dropdown-menu.ui-menu-item-wrapper.submenu-active
{background:#ffffff!important;}
}

@media only screen and (max-width: 768px) {
.ves-megamenu.menu-hover .subhover:hover .dropdown-menu
{background:#ffffff!important;}
}

@media only screen and (max-width: 768px) {
.nav-sections .nav-sections-items .navigation ul li .submenu .megamenu-content .nav-item a {background:#ffffff!important; font-size:14px;}
}

@media only screen and (min-width: 768px) {
.nav-sections .nav-sections-items .navigation ul li .submenu .megamenu-content .nav-item a {font-family:'Poppins'; font-size:14px; color:#000;margin-bottom:5px;}
}

@media only screen and (max-width: 768px) {
.ves-megamenu.ves-vertical li.level0, .nav-mobile .nav-item 
{background:#ffffff!important;}
}

@media only screen and (max-width: 768px) {
.mm-highlight {color:#ffffff!important;}
}

@media only screen and (max-width: 768px) {
.submenu.animated.fadeIn.dropdown-menu.ui-menu-item-wrapper.submenu-active.ui-state-active {background:#ffffff!important;}
}

.nav-anchor subitems-group.span {color:#ffffff!important;}

@media only screen and (max-width: 768px) {
submenu animated fadeIn dropdown-menu ui-menu-item-wrapper submenu-active
{background:#ffffff!important;}
}

.nav-sections-item-content .ves-megamenu .opener
{color: #444444;}

@media only screen and (max-width: 768px) {
.section-item-title.nav-sections-item-title.active .nav-sections-item-switch
{color:#232f3e;}
}

@media only screen and (min-width: 768px) {
.ves-megamenu .dropdown-menu .subgroup.level1 > a {color:#000;font-size:16px!important;font-weight:600!important;}

}

@media screen and (min-width: 768px), 
       print and (min-width: 769px) {
    .navigation .level0 .submenu a {
    padding:0px!important;
    }
}

 .menu-icon.icon-left {transition: transform 0.3s ease;}

 .menu-icon.icon-left:hover {transform: scale(1.05);}

.nopad {transition: transform 0.3s ease;}

.nopad:hover {
    transform: scale(1.05); 
}

.nav-anchor.subitems-group {padding-left:0px!important;padding-top:0px!important;}

@media only screen and (min-width: 768px) {
.navigation .ves-megamenu .level0 .submenu .submenu {
    padding: 5px;
    border-top-style: solid;
    border-top-color: #000;
    border-top-width: 2px;
    background:transparent!important;
}
}

@media only screen and (max-width: 821px) {
.menu-icon.icon-left {
display:none;
  }
}

@media only screen and (max-width: 765px) {
.nav-mobile .nav-item.level1 {
    padding-top: 10px;
border-bottom: 1px solid #eeeeee;
  } 
}

@media only screen and (min-width: 765px) {
  .ves-menu .navigation .level0 > .submenu {
    border-bottom: 1px solid #ccc !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19) !important;
        border: 1px solid #ccc;
        border-top: none;
        border-radius: 0px 0px 12px 12px;

  }
}

.ves-megamenu li.level0 .nav-anchor > img {padding-bottom:5px; border-radius:5px; margin:auto}

.ves-megamenu img:hover {transform: none!important;}

#nav-anchor subitems-group {padding-left:0px!important;padding-top:0px!important;}

.product-image img {transition: transform 0.3s ease;}

.product-image img:hover {
    transform: scale(1.05);
}

.product-image-wrapper {display: flex
;
    align-items: center;
    justify-content: center;}

.nav-sections .ves-megamenu li.level0.shopbyroom > a,
.nav-sections .ves-megamenu li.level0.products > a {text-align:left!important;}

.submenu.animated.fadeIn.dropdown-menu.ui-menu-item-wrapper.submenu-active {
background:#ffffff!important}

.navigation .ves-megamenu .level0 .submenu .submenu {padding:5px}

@media only screen and (min-width: 768px) {
 .ves-column6 > .item-content1 > .mega-col {padding:10px;
border: 1px solid #dedede;
        box-shadow: 0 6px 18px rgb(23 35 79 / 10%);
        border-radius: 10px;
display:flex;
  flex: 1;               
  margin-right: 10px;  
} }

.active, .carousel-inner, .item {
    height: initial;}

.ves-megamenu {background:#fff;}

@media only screen and (min-width: 768px) { 
.nav-sections .ves-menu .ves-megamenu {background:transparent; padding:0px!important;display:flex; justify-content: center;}
}

@media only screen and (max-width: 768px) { 
.nav-sections .ves-menu .ves-megamenu {background:#fff; padding:0px!important;}
}

.menu-container {display: inline-flex; align-content: center; flex-wrap: nowrap; justify-content: center; align-items: center; background: #fff;}

@media only screen and (min-width: 768px) { 
.ves-megamenu {display: inline-flex; align-content: center; flex-wrap: nowrap; justify-content: center; align-items: center;} }

/* -----------------------------------------------THEME CSS EDITS-------------------------------------------- */

@media only screen and (max-width: 768px) {
.mm-top-line {font-size:16px;letter-spacing:0.5px;font-weight:600;}
}

@media only screen and (max-width: 768px) {
.mm-button-line {font-weight:600;font-size:16px;}
}

@media only screen and (min-width: 768px) 
{
.mm-button-line {font-weight:600; letter-spacing: 0.5px;color:#000!important;font-size:14px;}
}

.catalog-category-view .special-price .price-final_price {font-weight: 600; color:#4990e1;}

.price-container .price {font-size: 18px!important;}

.only-prise {font-size:16px!important; margin:0px!important;color:#000000; padding-left:3px; font-family: "Poppins"; font-weight:300;}

@media only screen and (max-width: 767px) 
{ .mm-top-text {font-size:12px}
}

@media only screen and (min-width: 767px) 
{ .mm-top-text {    margin-left: 10px;
    margin-right: 10px;}
}

.mm-top-text {font-size:11px;color:#767676!important;display:inline-block; transition: color 0.3s ease;}

.mm-top-text:hover {color: #d6e1f4!important;}

.right-space {margin-right:16px;text-align:right;}

.header-msg {
    border-bottom: none;}

@media screen and (min-width: 768px) {
.topline-border {border-bottom: 1px solid rgba(90, 90, 90, 0.2);}
}

@media screen and (max-width: 768px) {
.blue-back-mobile {background:#f3f6fc!important;}
}

.bonus-shadow {box-shadow:0 0 32px rgba(0,0,0,.1);}

.slick-dots li.slick-active button {background: #1c1918 !important;}

.foot-social ul li {justify-content:left!important;}
.foot-text {text-align:left!important;}
.foot-text h6 {        font-family: 'Poppins-Regular';
        font-weight: 400!important;color:#000;}
.foot-text ul li a, .foot-social ul li a.text {font-family: 'Poppins-Regular'; font-weight: 400;font-size:12px; color:#7c7c7c}
.foot-social ul li a.icon {background:#fffffff1; color:#000;}

.slick-dots li button {background: #d6e1f4!important;}

.testimonials-list figure.testimonial .author h5, .testimonials-slider figure.testimonial .author h5 {font-weight: 800!important;font-family: 'Lato' ! IMPORTANT;}

@media (max-width: 767px) {
header.page-header .wrapper {display: block}
}

.product.options.active {display: inline;}

@media (min-width: 768px) {
.itemproduct-box .product-image img {height: 300px!important;}
}

@media (max-width: 767px) {
.price-container .price {font-size:18px!important;}
}

div#product-options-wrapper {
    padding: 20px;
    border-radius: 5px;
    margin-bottom:20px;
}

@media screen and (min-width: 768px) {
.product-item-name .product-item-link {font-size:16px; padding-left:3px;font-weight:500!important;text-align:left;}
}

@media screen and (max-width: 767px) {
.product-item-name .product-item-link {font-size:18px; padding-left:3px; min-height:45px;font-weight:500!important; text-align:left;}
}

.smallheading {font-size: 15px;    font-weight: 900; text-transform: uppercase; letter-spacing: 1px; font-family: 'Lato', sans-serif;}

.product-image img {transition: transform 0.3s ease;}
.product-image img:hover {transform: scale(1.1);}
@media screen and (max-width: 767px) {body .block-title.filter-title {display:none;}}
@media only screen and (min-width: 768px) {
.tabs-navigation.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {width:100%;margin-left:5px;margin-right:5px;}
}

@media (min-width: 768px) {
.product.info.detailed {padding-top:0px!important;}
.product-info-main .price-box {padding-bottom:20px;}
 }

.product-info-main .product.attribute.overview {margin:0!important}
.amshopby-option-link {visibility:hidden;}

@media (min-width: 320px) and (max-width: 767px) {
.logo img {max-width:140px!important;}
}

@media only screen and (max-width: 768px) {.search {height: 48px;} .block-search .search .control {border-top: none;border-bottom: none;}}

.product-item-actions .actions-secondary > .action:before {visibility: hidden!important;}

.payment-method._active .payment-method-note, .sagepaysuite-payment-icon {display: none !important;}
.copytext .credit {float: right;}
#amslider_id6976 {background: #ffffff;}
span.base {color: #000;}
.amsearch-more-results {padding-bottom: 40px;}
.box {background: #f3f6fc;}
#minicart-content-wrapper {padding-top: 25px;}
.breadcrumbs a:visited {color:#757575;}
.breadcrumbs a {color:#757575;}
.breadcrumbs {text-align: center;color:#757575; margin:10px!important;        font-family: 'Poppins-Regular';
        font-weight: 400;text-transform:uppercase;}
@media only screen and (max-width: 768px) {.product.media span.productsale.salenew {top: -35px;right: 0px;}}
.breadcrumbs .items {font-size:10px;}

/* ------------------------------------- MENU FILTER CHANGES ---------------------------------- */

@media screen and (min-width: 768px)
 {
.filter-options .count {color: #b1ada0;} 

.page-with-filter .columns .sidebar-main {border-radius: 10px;padding: 15px;color: #fff;font-weight:600; border:none;} 

.filter-options .filter-options-title {font-weight: 800;color: #000!important;        font-family: "Poppins";
        font-weight: 600; font-size:16px;}

 .filter-options .filter-options-content .item a {color: #000!important;font-size:12px;font-family:"Poppins"; font-weight:300;} 

 .filter-options .filter-options-content .item {color: #000!important;font-size:12px;        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;font-family: 'Poppins-Regular';
        font-weight: 400;} 

.filter-options-content li .price {color: #000!important;font-size:12px} 

.filter-options .filter-options-content .item a:hover {color: #020202 !important;text-decoration: underline;} 

.filter-options .filter-options-content {border-radius:5px;padding:6px;}

.filter-options-title:before {color: #000;} .block.filter .filter-title strong {color: #000;}
}

.block.filter .filter-title {border-bottom: none;}

.block.filter .filter-title strong {display:none;}

li.tab-header.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {background: #fafafa;color: #fff !important;}
li.tab-header.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {background: #ffffff;}
.tabs-navigation.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {margin-left: 5px;margin-right: 5px;}

/* -------------------------------------------------------NEW CSS--------------------------------------------------- */

.homeshadow {box-shadow: 0px -11px 20px -20px rgba(152,152,152,1),0px 16px 20px -20px rgba(152,152,152,0.45);}
.textblock {color: #ffffff;font-size: 120%;}
.infoshadow {
    background: #d6e1f4;
    border-radius: 10px;
    padding: 10px;
    margin: auto;
    width: max-content;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #ed566d;
}
.how-to-guide-box {border-style: solid;border-color: #eeeeee;border-radius: 25px;margin-top: 10px;margin-bottom: 10px;padding: 5px;}
.bannerbutton {background: #000000d6;border-radius: 5px;padding: 10px;margin: auto;transition: 0.3s;width: 100%;margin-bottom:0;}
.bannerbutton:hover {opacity: 0.8;background:#777777;}
.mw-banner-button-white {background: #ffffff;border-radius: 5px;padding: 20px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1),0 3px 20px 0 rgba(0, 0, 0, 0.19);margin: auto;transition: 0.3s;width: 350px;}
.mw-banner-button-white:hover {opacity: 0.8;}
.mw-banner-button-text {font-size: 120%;padding: 0px;text-align: center;font-weight: bold;color: #000B3C;font-family: 'Lato', sans-serif;}
.mw-banner-new-box {background: #ed566d;padding: 3px;font-weight: bold;width: fit-content;font-size: 18px;color: #ffffff;}
.mw-banner-text {margin: auto;font-size: 25px;color: #fff;font-weight: 600;font-family: 'Lato', sans-serif;}
h1.titleline {position: relative;font-size: 30px;z-index: 1;overflow: hidden;text-align: center;}
h1.titleline:before, h1.titleline:after {position: absolute;top: 51%;overflow: hidden;width: 50%;height: 2px;content: '\a0';background-color: #000;}
h1.titleline:before {margin-left: -50%;text-align: right;}

p.titleline {position: relative;font-size: 30px;z-index: 1;overflow: hidden;text-align: center;}
p.titleline:before, p.titleline:after {position: absolute;top: 51%;overflow: hidden;width: 50%;height: 2px;content: '\a0';background-color: #000;}
p.titleline:before {margin-left: -50%;text-align: right;}
.mw-discount-box {padding: 10px;background: #f5f5f5;height: fit-content;width: 100%;padding-top: 20px;padding-bottom:20px;box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 11px;}
.mw-discount-header {        font-family: 'Poppins-Regular';
        font-weight: 600;color: #ed566d;text-size-adjust: auto;font-size: 18px;}
.mw-discount-name {        font-family: 'Poppins-Regular';
        font-weight: 400;color: #545454;font-size: 16px;}
.mw-discount-arrow {font-size: 50px;color: #000000;transition: all 0.3s ease;padding-top: 5px;}
.mw-discount-box:hover .mw-discount-arrow {transform:  scale(1.1);}
.mm-image-hover {transition: transform 0.3s ease;}
.mm-image-hover:hover {transform: scale(1.1);}

/* -------------------------------------------------------CHECKING--------------------------------------------------- */

.homeblock {background: rgba(0, 0, 0, 0.9); border-radius: 5px; padding: 20px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(0, 0, 0, 0.19); margin: auto; width: fit-content; transition: 0.3s; border-style: none;}

.homeblock:hover {background: #ff8b8b;}

.bannerbox {background: rgba(250, 250, 250, 1); padding: 20px; max-width: 800px;}

.gillsansh4 {font-family: 'Lato', sans-serif; font-weight:bold; padding: 0px; text-align: center; color:#000;}

.centerthis { display: block;  margin-left: auto;  margin-right: auto;  width: 50%;}
.white-button {background:#ffffff;color:#232f3e;}

.gillsans {font-family: 'Lato', sans-serif;}

.brand-title, span.base, .main-heading h1#page-title-heading span, h3 {
    font-family: "Poppins";
    font-weight: 500;
    color: #000;
    font-size: 40px;}

span.base {
    font-weight: 400!important;}

@media screen and (max-width: 768px) {
brand-title, span.base, .main-heading h1#page-title-heading span, h3 {
    font-family: "Poppins";
    font-weight: 500;
    color: #000;
    font-size: 40px;}
}

.product-attributes {border-top: 1px solid #eee;    padding-top: 10px; margin:5px;border-bottom: 1px solid #eee;
    padding-bottom: 5px;}
.only-prise {padding-left:3px;}

a.action.view-details-link.full-button, .product.actions.product-item-actions {WIDTH: 50%; margin: 5px 5px 10px 5px;}
.product-item-inner {display: flex}

.stock.unavailable span {
    font-family: 'Open Sans';
    padding: 10px 0px;
    font-family: "Poppins";
    width: 100% !important;}

.action.primary, .action-primary, .amshopby-button, .am-filter-go {
    background: #4990e1;}

/* Make the image the positioning context */
.tab-product-box .product-image {
  position: relative;
  overflow: hidden;
}

/* Overlay wrapper */
.tab-product-box .product-image .review-wrapper.overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 6px 8px 6px 3px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;

  /* legibility */
  color: #fff;

  /* let clicks pass through to image except links */
  pointer-events: none;
}
.tab-product-box .product-image .review-wrapper.overlay a {
  pointer-events: auto;
}

/* Tidy the summary when used as an overlay */
.tab-product-box .product-image .product-reviews-summary { margin: 0; }
.tab-product-box .product-image .product-reviews-summary .label { display: none; }
.tab-product-box .product-image .product-reviews-summary .reviews-actions {
  margin-left: auto;
  display: flex;
  gap: 10px;
}

@media (max-width: 767px) {
a.action.view {display:none;}
}

.product-info-main .price-box span.special-price .price-wrapper .price {
    font-weight: 600 !important;
    color: #699af9 !important;
    font-family: 'Poppins';}

.product-info-main .price-box span, .catalog-product-view .page-main .product-info-main .product-info-price .price-box .old-price .price-final_price .price-wrapper span.price {    font-family: 'Poppins';}

.product.info.detailed .additional-attributes>tbody>tr>th, .box-tocart .fieldset .field.qty .label span {font-weight:600!important;}

.product.info.detailed .additional-attributes>tbody>tr>td {
    color: #777777;}

@media (min-width: 768px) {
    .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus {color:#699af9!important;}
}

.item-content1.hidden-xs.hidden-sm {display:flex;margin-bottom: 20px;}

@media only screen and (min-width: 768px) {
.block-minicart {height:fit-content;}
.minicart-items-wrapper .minicart-items {max-height:50vh;}
}

.free-shipping {display:none;}

.ves-megamenu li.level0:hover>a {background:none;}

.ves-megamenu li.active>a {background:none;}

@media only screen and (min-width: 768px) {
    .ves-megamenu li.level0:hover>a {background:none;}
}

/* ═══════════════════════════════════════════════════════════════════════════
   SCANDI DESIGN SYSTEM — Minimum World 2026
   Auto-generated block — remove between these markers to reset
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Design Tokens ───────────────────────────────────────────────────────── */
:root {
    --mw-bg:           #f7f5f1;
    --mw-surface:      #ffffff;
    --mw-text:         #2a2825;
    --mw-text-muted:   #9a948d;
    --mw-border:       #e4dfd7;
    --mw-accent:       #8ca5d3;
    --mw-accent-hover: #7a93c1;
    --mw-sale-bg:      #ede8e1;
    --mw-sale-text:    #7a6f65;
    --mw-font-serif:   'Cormorant Garamond', Georgia, serif;
    --mw-font-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ── Web Fonts ───────────────────────────────────────────────────────────── */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-400-ext.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-400i.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-500-ext.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-600-ext.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-300-ext.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-400-ext.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-500-ext.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Global Base ─────────────────────────────────────────────────────────── */
body {
    font-family: var(--mw-font-sans) !important;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    color: var(--mw-text) !important;
    background-color: var(--mw-bg) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── Headings ────────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.page-title span,
.product-name,
.product.name a {
    font-family: var(--mw-font-serif) !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em;
    line-height: 1.2;
    color: var(--mw-text) !important;
}
h1, .page-title span { font-size: 2.4rem; }
h2 { font-size: 1.9rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.2rem; }

/* ── Links ───────────────────────────────────────────────────────────────── */
a { color: var(--mw-text); text-decoration: none; }
a:hover { color: var(--mw-accent); }

/* ── Page Background ─────────────────────────────────────────────────────── */
.page-wrapper,
.page-main,
.columns,
.column.main {
    background-color: var(--mw-bg) !important;
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.page-header,
.page-header .header.content {
    background-color: var(--mw-surface) !important;
    border-bottom: 1px solid var(--mw-border) !important;
    box-shadow: none !important;
}
@media (min-width: 768px) {
    .mainHeader.topbar .container .row {
        align-items: center !important;
    }
    .page-header .logo {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }
}
@media (max-width: 767px) {
    .page-header .logo {
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
        float: none !important;
    }
}

/* ── Navigation ──────────────────────────────────────────────────────────── */
.navigation,
.nav-sections,
.nav-sections-item-content,
.ves-megamenu,
.ves-megamenu .nav-sections-items {
    background-color: #ffffff !important;
    border: none !important;
}
.navigation ul > li > a,
.navigation ul > li > a:hover,
.nav-sections .nav-sections-item-title a,
.ves-megamenu li > a,
.ves-megamenu li.level0 > a,
.ves-megamenu .level0 > a.level-top,
.ves-megamenu ul li a {
    font-family: var(--mw-font-sans) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
}
/* Charcoal only on items without an inline colour — lets promo links keep their own */
.navigation ul > li > a:not([style*="color"]),
.nav-sections .nav-sections-item-title a:not([style*="color"]),
.ves-megamenu li > a:not([style*="color"]),
.ves-megamenu li.level0 > a:not([style*="color"]),
.ves-megamenu .level0 > a.level-top:not([style*="color"]),
.ves-megamenu ul li a:not([style*="color"]) {
    color: var(--mw-text) !important;
}
.navigation ul > li > a:hover,
.navigation ul > li.active > a,
.ves-megamenu li > a:hover,
.ves-megamenu li.active > a {
    color: var(--mw-accent) !important;
    border-bottom: none !important;
}
.navigation li.level0 > .level-top { padding: 0 14px; }
.navigation .submenu,
.navigation .level0 .submenu,
.ves-megamenu .dropdown-menu,
.ves-megamenu .sub-menu {
    border: none !important;
    border-top: 1px solid var(--mw-border) !important;
}
.navigation .submenu a,
.ves-megamenu .dropdown-menu a,
.ves-megamenu .sub-menu a {
    font-family: var(--mw-font-sans) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    color: var(--mw-text) !important;
}
.navigation .submenu a:hover,
.ves-megamenu .dropdown-menu a:hover { color: var(--mw-accent) !important; background: var(--mw-bg) !important; }

/* ── Search ──────────────────────────────────────────────────────────────── */
.block-search .field.search input,
.search-autocomplete,
#search {
    font-family: var(--mw-font-sans) !important;
    background: var(--mw-bg) !important;
    border: 1.5px solid var(--mw-border) !important;
    border-radius: 24px !important;
    color: var(--mw-text) !important;
    font-size: 13px !important;
    letter-spacing: 0.02em !important;
    padding: 10px 44px 10px 20px !important;
    box-shadow: none !important;
    transition: border-color 0.18s !important;
}
#search::placeholder { color: var(--mw-text-muted) !important; font-style: italic; }
.block-search .field.search input:focus,
#search:focus {
    border-color: var(--mw-accent) !important;
    outline: none !important;
    background: #fff !important;
}
.block-search .action.search {
    right: 14px !important;
    color: var(--mw-text-muted) !important;
}
.search-autocomplete {
    border-radius: 0 0 12px 12px !important;
    border-top: none !important;
}

/* ── Breadcrumbs ─────────────────────────────────────────────────────────── */
.breadcrumbs {
    background: transparent !important;
    padding: 10px 0 !important;
}
.breadcrumbs .item,
.breadcrumbs .item a,
.breadcrumbs .item strong {
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    color: var(--mw-text-muted) !important;
    font-weight: 400 !important;
    letter-spacing: 0.03em;
    text-transform: none !important;
}
.breadcrumbs .item a:hover { color: var(--mw-accent) !important; }

/* ── Category — Toolbar ──────────────────────────────────────────────────── */
.toolbar,
.toolbar-products {
    background: transparent !important;
    border-bottom: 1px solid var(--mw-border);
    padding: 10px 0 14px !important;
}
.toolbar-sorter label,
.toolbar-amount,
.toolbar select {
    font-family: var(--mw-font-sans) !important;
    font-size: 13px !important;
    color: var(--mw-text-muted) !important;
    font-weight: 400 !important;
}
.toolbar select {
    border: 1px solid var(--mw-border) !important;
    background: var(--mw-surface) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

/* ── Mobile filter panel — padding + close button (theme uses html.open_sidebar) */
@media (max-width: 767px) {
    html.open_sidebar .sidebar-main .block-content.filter-content {
        background-color: var(--mw-bg) !important;
        padding: 20px 20px 80px !important;
    }
    .filter-close-btn {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        background: none !important;
        border: none !important;
        padding: 0 0 20px !important;
        font-family: var(--mw-font-sans) !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        color: var(--mw-text) !important;
        cursor: pointer !important;
        width: 100% !important;
        justify-content: flex-end !important;
    }
    .filter-close-btn span {
        font-size: 16px !important;
        line-height: 1 !important;
    }
}

/* ── Category — Sidebar / Filters ───────────────────────────────────────── */
.sidebar-main,
.block.filter {
    background: transparent !important;
}
.filter-title strong,
.block-title.filter-title strong {
    font-family: var(--mw-font-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--mw-text-muted) !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.filter-options-title {
    font-family: var(--mw-font-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--mw-text) !important;
    border-bottom: 1px solid var(--mw-border) !important;
    padding: 12px 0 !important;
}
.filter-options-content { padding: 10px 0 !important; }
.filter-options-item { border-bottom: 1px solid var(--mw-border) !important; }
.filter-options-content .item a,
.filter-options-content .item label {
    font-family: var(--mw-font-sans) !important;
    font-size: 13px !important;
    color: var(--mw-text) !important;
    font-weight: 400 !important;
    padding: 4px 0 !important;
}
.filter-options-content .item a:hover { color: var(--mw-accent) !important; }
.filter-current .items,
.filter-current .item {
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
}
.filter-current .action.remove { color: var(--mw-text-muted) !important; }

/* ── Product Cards ───────────────────────────────────────────────────────── */
.products-grid .product-item,
.product-item {
    background: var(--mw-surface) !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease;
}
.products-grid .product-item:hover,
.product-item:hover {
}
.product-item-info {
    background: var(--mw-surface) !important;
    border-radius: 0 !important;
}
.product-item-details { padding: 12px 8px 16px !important; }
.product-item .product-item-name,
.product-item .product-item-name a {
    font-family: var(--mw-font-serif) !important;
    font-size: 1.05rem !important;
    font-weight: 400 !important;
    color: var(--mw-text) !important;
    line-height: 1.3 !important;
    letter-spacing: 0.01em;
}
.product-item .product-item-name a:hover { color: var(--mw-accent) !important; }

/* Prices */
.price-box,
.price-box .price,
.product-item-details .price-box .price,
.price-container .price {
    font-family: var(--mw-font-sans) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--mw-text) !important;
}
.price-box .old-price .price,
.price-box .special-price .price {
    font-weight: 500 !important;
}
.price-box .old-price .price {
    color: var(--mw-text-muted) !important;
    text-decoration: line-through;
    font-size: 13px !important;
}
.price-box .special-price .price,
.price-final_price .special-price .price,
.price-container.price-final_price .special-price .price,
.product-info-price .special-price .price,
.product-info-price .price,
span.special-price span.price { color: var(--mw-text) !important; }
/* Beat inline <style> injected with same selector — needs higher specificity */
.catalog-product-view .product-info-main .price-box span.special-price .price-wrapper .price,
.catalog-product-view .product-info-price .price-box .price,
.catalog-product-view .product-info-price .price { color: var(--mw-text) !important; }

/* Sale / discount badges */
.product-label,
.sale-label,
.new-label,
[class*="label-"],
.product-item .label,
.product-item span.label {
    font-family: var(--mw-font-sans) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background: var(--mw-sale-bg) !important;
    color: var(--mw-sale-text) !important;
    border-radius: 1px !important;
    padding: 2px 6px !important;
    border: none !important;
    box-shadow: none !important;
}

/* ── Pagination ──────────────────────────────────────────────────────────── */
.pages .page,
.pages strong.page,
.pages a.page {
    font-family: var(--mw-font-sans) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--mw-text-muted) !important;
    border: 1px solid var(--mw-border) !important;
    border-radius: 2px !important;
    background: transparent !important;
    min-width: 32px;
    line-height: 30px;
    text-align: center;
}
.pages strong.page,
.pages a.page:hover {
    background: var(--mw-accent) !important;
    border-color: var(--mw-accent) !important;
    color: #fff !important;
}

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.action.primary,
button.action.primary,
.btn-primary,
.action-primary {
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: var(--mw-text) !important;
    color: var(--mw-bg) !important;
    border: 1px solid var(--mw-text) !important;
    border-radius: 2px !important;
    padding: 12px 24px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.action.primary:hover,
button.action.primary:hover,
.action-primary:hover {
    background: #1a1715 !important;
    border-color: #1a1715 !important;
    color: var(--mw-bg) !important;
}
.action.secondary,
button.action.secondary {
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: transparent !important;
    color: var(--mw-text) !important;
    border: 1px solid var(--mw-border) !important;
    border-radius: 2px !important;
    padding: 10px 22px !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease;
}
.action.secondary:hover { border-color: var(--mw-text) !important; }
.action.tocart,
.action.tocart.primary {
    width: 100%;
    text-align: center;
    border-radius: 3px !important;
}

/* ── Product Page ────────────────────────────────────────────────────────── */
.catalog-product-view .page-title-wrapper .page-title span,
.product-info-main .page-title span {
    font-family: var(--mw-font-serif) !important;
    font-size: 2.2rem !important;
    font-weight: 500 !important;
    color: var(--mw-text) !important;
    line-height: 1.2;
    letter-spacing: 0.01em;
}
.product-info-main .product-info-price .price-box .price {
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: var(--mw-text) !important;
}
.product.attribute.description,
.product.attribute.description p,
.product-info-main .product.attribute.description {
    font-family: var(--mw-font-sans) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: var(--mw-text) !important;
    font-weight: 300 !important;
}
.product-info-main .product.attribute.sku .value,
.product-info-main .product.attribute.sku .type {
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    color: var(--mw-text-muted) !important;
}
.product-options-wrapper .field.choice .label,
.swatch-attribute-label,
.swatch-attribute-selected-option {
    font-family: var(--mw-font-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--mw-text) !important;
}
.swatch-option {
    border: 1px solid var(--mw-border) !important;
    border-radius: 1px !important;
    box-shadow: none !important;
}
.swatch-option.selected,
.swatch-option:hover {
    border-color: var(--mw-text) !important;
    outline: none !important;
}
.box-tocart .fieldset { gap: 12px; }
.box-tocart .qty .qty-input input,
.box-tocart .qty input {
    font-family: var(--mw-font-sans) !important;
    border: 1px solid var(--mw-border) !important;
    border-radius: 2px !important;
    background: var(--mw-surface) !important;
    box-shadow: none !important;
}

/* ── Product Tabs / Accordion ────────────────────────────────────────────── */
.product.info.detailed .data.item.title a,
.product.info.detailed .data.item.title strong,
.data.table > thead th,
.additional-attributes-wrapper th {
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mw-text) !important;
}
.product.info.detailed .data.item.title.active a { color: var(--mw-accent) !important; border-bottom: 2px solid var(--mw-accent) !important; }
.product.info.detailed .data.item.content,
.product.data.items > .item.content {
    font-family: var(--mw-font-sans) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: var(--mw-text) !important;
    border: 1px solid var(--mw-border) !important;
}

/* ── Minicart ────────────────────────────────────────────────────────────── */
.minicart-wrapper .action.showcart .counter.qty,
.minicart-wrapper .action.showcart .text {
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--mw-text) !important;
}
.block-minicart {
    background: var(--mw-surface) !important;
    border: 1px solid var(--mw-border) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.07) !important;
    border-radius: 0 !important;
}
.minicart-items .product-item-name a {
    font-family: var(--mw-font-serif) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: var(--mw-text) !important;
}
.minicart-items .price-wrapper .price { color: var(--mw-text) !important; font-size: 13px !important; }
.block-minicart .subtotal .price { font-weight: 500 !important; color: var(--mw-text) !important; }
.minicart-wrapper .action.viewcart span { font-family: var(--mw-font-sans) !important; }

/* ── Cart & Checkout ─────────────────────────────────────────────────────── */
.cart-container,
.checkout-container {
    background: var(--mw-bg) !important;
}
.cart.table-wrapper .item-info td { border-bottom: 1px solid var(--mw-border) !important; }
.cart.table-wrapper .col.item .product-item-name a {
    font-family: var(--mw-font-serif) !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    color: var(--mw-text) !important;
}
.cart.table-wrapper .price,
.cart-totals .price { font-family: var(--mw-font-sans) !important; color: var(--mw-text) !important; }
.cart-totals tbody tr:last-child td { font-weight: 500 !important; }
.checkout-index-index .step-title {
    font-family: var(--mw-font-serif) !important;
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    color: var(--mw-text) !important;
    border-bottom: 1px solid var(--mw-border) !important;
}

/* ── Form Inputs ─────────────────────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea,
select {
    font-family: var(--mw-font-sans) !important;
    font-size: 14px !important;
    color: var(--mw-text) !important;
    background: var(--mw-surface) !important;
    border: 1px solid var(--mw-border) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus { border-color: var(--mw-accent) !important; outline: none !important; box-shadow: 0 0 0 2px rgba(140,165,211,0.15) !important; }
label {
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--mw-text-muted) !important;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
.page-footer,
.footer.content,
.footer-links,
.copyright,
.page-footer .footer-links,
.page-footer .copyright {
    background-color: var(--mw-bg) !important;
    border-top: 1px solid var(--mw-border) !important;
}
.page-footer,
.page-footer *,
.footer.content,
.footer.content * {
    color: var(--mw-text) !important;
    font-family: var(--mw-font-sans) !important;
    font-size: 13px !important;
}
.page-footer a { color: var(--mw-text-muted) !important; }
.page-footer a:hover,
.footer.content a:hover { color: var(--mw-accent) !important; }
.footer.content .block.newsletter input {
    border-color: var(--mw-border) !important;
    background: var(--mw-surface) !important;
}
/* Footer column headings */
.footer.content .block.footer-links > ul > li > strong,
.footer.content .block.footer-links > ul > li > span,
.page-footer h3, .page-footer h4 {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--mw-text) !important;
    margin-bottom: 12px !important;
}

/* ── Messages / Alerts ───────────────────────────────────────────────────── */
.message.success,
.message.notice,
.message.error,
.message.warning {
    font-family: var(--mw-font-sans) !important;
    font-size: 14px !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}
.message.success { background: #f0f7f0 !important; border-left: 3px solid #6b9b6b !important; color: var(--mw-text) !important; }
.message.error { background: #fdf3f3 !important; border-left: 3px solid #c97070 !important; color: var(--mw-text) !important; }
.message.notice { background: #fdf8f0 !important; border-left: 3px solid #c9a96e !important; color: var(--mw-text) !important; }

/* ── Product Badges (theme classes: span.new, span.new.sale, .absu) ─────── */
span.new,
span.new.sale,
.absu span {
    background: var(--mw-sale-bg) !important;
    color: var(--mw-sale-text) !important;
    font-family: var(--mw-font-sans) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    border-radius: 3px !important;
    padding: 2px 7px !important;
    border: none !important;
    box-shadow: none !important;
}

/* ── Logo fix — maintain aspect ratio ───────────────────────────────────── */
.page-header .logo img,
.logo img {
    height: auto !important;
    width: auto !important;
    max-height: 56px !important;
    max-width: 200px !important;
    object-fit: contain !important;
}
@media only screen and (max-width: 767px) {
    .mainHeader.topbar .top-logo {
        pointer-events: none !important;
    }
    .mainHeader.topbar .top-logo .action.nav-toggle,
    .mainHeader.topbar .top-logo a.logo {
        pointer-events: auto !important;
    }
    /* Note: logo a + img positioning is handled by the 2-2-4-2-2 grid further down */
}

/* ── Add to Cart button — centred text ──────────────────────────────────── */
.action.tocart,
.action.tocart.primary,
button.action.tocart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* ── Nav / MM-top-line ───────────────────────────────────────────────────── */
.mm-top-line,
.mm-top-line a {
    font-family: var(--mw-font-sans) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}
.navigation ul > li > a,
.navigation ul > li > a.level-top {
    font-weight: 500 !important;
    font-size: 14px !important;
}

/* ── Minicart price label — hide empty KO element before it's populated ───── */
.minicart-wrapper .action.showcart h6.price-label:empty {
    display: none !important;
}

/* ── Switcher, menu-icon, price-label ───────────────────────────────────── */
.menu-icon a,
.switcher-trigger span,
.switcher-trigger strong,
.switcher-option span,
h6.price-label,
.price-label,
body .nav-toggle:after {
    font-family: var(--mw-font-sans) !important;
    font-weight: 400 !important;
}

/* ── Remaining Poppins → Inter overrides ───────────────────────────────── */
.code,
.copytext,
.infobox,
.tab-product-box h6,
.tab-product-box .price-label,
.toolbar-amount,
.toolbar-products .toolbar-sorter.sorter label,
.toolbar-sorter .sorter-options,
.toolbar-sorter label,
.filter-new strong,
.amsearch-products-section .product-item-link,
.product.media .plable,
.product.media span.productsale,
.poppins,
.new, .discontinued, .starbuy {
    font-family: var(--mw-font-sans) !important;
}
.tab-product-box h6 {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--mw-sale-text) !important;
}

/* ── Misc ────────────────────────────────────────────────────────────────── */
hr, .separator { border-color: var(--mw-border) !important; }
.loading-mask { background: rgba(247,245,241,0.85) !important; }
.action-skip-wrapper { display: none; }
/* Remove heavy box shadows site-wide */
*,
*::before,
*::after { box-shadow: none; }
/* Restore targeted shadows above — this resets the global cascade */
.block-minicart { box-shadow: 0 8px 32px rgba(0,0,0,0.07) !important; }

/* ── Copyright — smaller text (3-class specificity to beat .footer.content *) ── */
.page-footer .footer-bottom-section.copyright,
.page-footer .footer-bottom-section.copyright * {
    font-size: 11px !important;
    color: var(--mw-text-muted) !important;
    letter-spacing: 0.03em !important;
}

/* ── Social icons — restore FontAwesome (needs 3-class specificity to beat .footer.content *) ── */
.page-footer .foot-social .fa,
.page-footer .foot-social em.fa,
.page-footer .foot-text .fa,
.footer.content .foot-social .fa {
    font-family: FontAwesome !important;
    font-size: 18px !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
}

/* ── View product / action.view border radius ────────────────────────────── */
.action.view,
.product-item .action.view,
.products-grid .action.view,
.product-item-actions .action {
    border-radius: 0 !important;
}

/* ── Minicart polish ─────────────────────────────────────────────────────── */
@media (min-width: 768px) {
    .minicart-wrapper .action.showcart {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 2px !important;
    }
}
@media (max-width: 767px) {
    .minicart-wrapper .action.showcart {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0 !important;
        text-align: center !important;
    }
    .minicart-wrapper .action.showcart h6.price-label {
        font-size: 11px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        font-family: var(--mw-font-sans) !important;
        color: var(--mw-text) !important;
        font-weight: 400 !important;
    }
}
.minicart-wrapper .action.showcart .counter.qty {
    background: var(--mw-text) !important;
    color: var(--mw-bg) !important;
    border-radius: 50% !important;
    min-width: 18px !important;
    height: 18px !important;
    font-size: 11px !important;
    line-height: 18px !important;
    text-align: center !important;
}
.block-minicart .block-title strong {
    font-family: var(--mw-font-serif) !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
}
.block-minicart .actions .viewcart,
.block-minicart .actions .paypal-button {
    border-radius: 0 !important;
}
.minicart-items .product-image-container {
    border-radius: 0 !important;
}

/* ── /help page — FAQ widget font overrides ─────────────────────────────── */
.faq-box,
.faq-box *,
.faq-header,
.faq-item,
.faq-question,
.faq-answer,
.faq-link {
    font-family: var(--mw-font-sans) !important;
}
.faq-header {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--mw-text-muted) !important;
}
.faq-question {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--mw-text) !important;
}
.faq-answer {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--mw-text-muted) !important;
    line-height: 1.7 !important;
}
.faq-link {
    color: var(--mw-text) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

/* ── Minicart product names — Inter, standard size ──────────────────────── */
.minicart-items .product-item-name,
.minicart-items .product-item-name a {
    font-family: var(--mw-font-sans) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: var(--mw-text) !important;
}

/* ── Mobile header icons — standardise icon + label pairs ───────────────── */
@media (max-width: 767px) {
    /* ── Icon glyphs: all three font-icon :before elements to same size ── */
    .menu-icon .link.authorization-link a:before {
        font-size: 22px !important;
    }
    .menu-icon .link.wishlist a:before {
        font-size: 22px !important;
    }
    header .menu-icon .minicart-wrapper .action.showcart:before {
        font-size: 22px !important;
    }

    /* ── Currency switcher: center trigger, match flag size to icons ── */
    body header .panel.wrapper.menu-icon .switcher-trigger {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        cursor: pointer !important;
        padding: 0 !important;
        gap: 3px !important;
        line-height: 1 !important;
    }
    body header .panel.wrapper.menu-icon strong.view-default {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        line-height: 1 !important;
    }
    body header .panel.wrapper.menu-icon strong.view-default img {
        height: 22px !important;
        width: auto !important;
        display: block !important;
    }
    body header .panel.wrapper.menu-icon strong.view-default span {
        font-size: 10px !important;
        font-family: var(--mw-font-sans) !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        color: var(--mw-text) !important;
        white-space: nowrap !important;
    }

    /* ── Text labels under each icon ── */
    .mainHeader .authorization-link a.quick-menu {
        font-size: 10px !important;
        font-family: var(--mw-font-sans) !important;
        font-weight: 400 !important;
        color: var(--mw-text) !important;
        line-height: 1.2 !important;
    }
    .minicart-wrapper .action.showcart { gap: 3px !important; }
    .minicart-wrapper .action.showcart h6.price-label {
        font-size: 10px !important;
        line-height: 1 !important;
        margin: 0 !important;
    }
    body .mainHeader.topbar .nav-toggle span {
        font-size: 10px !important;
        font-family: var(--mw-font-sans) !important;
        font-weight: 400 !important;
        color: var(--mw-text) !important;
    }
}

/* ── Recently Viewed product titles — Inter, standard size ──────────────── */
div#recently_viewed .product-item-name .product-item-link,
div#recently_viewed .product-item-name,
.block-viewed-products-grid .product-item-name a,
.block-viewed-products-list .product-item-name a {
    font-family: var(--mw-font-sans) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--mw-text) !important;
    line-height: 1.4 !important;
}

/* ── Mobile nav currency icon — constrain flag image width ──────────────── */
.panel.wrapper.menu-icon img {
    max-width: 30px;
}

/* ── Homepage hero — keep button colours after visit ────────────────────── */
.sc-btn--primary:visited { color: #2a2825 !important; }
.sc-btn--outline:visited { color: #ffffff !important; }

/* ── Homepage sections — 10px horizontal padding on mobile ──────────────── */
@media (max-width: 767px) {
    .sc-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .sc-tagline-inner {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media only screen and (min-width: 768px) {
    .pre-topline { font-size: 10px !important; }
}

/* ── Load more button ────────────────────────────────────────────────────── */
.load-more {
    background: #2a2825 !important;
    font-weight: 500 !important;
    border-radius: 3px !important;
}

/* ── Button hover — white background ─────────────────────────────────────── */
.cart.table-wrapper .actions-toolbar > .action:hover,
.action-gift:hover {
    background: #ffffff !important;
}

/* ── Attribute box ───────────────────────────────────────────────────────── */
.attribute-box {
    border-radius: 3px !important;
    background: #efefef !important;
}

/* ── View details / quick-view link button ───────────────────────────────── */
a.action.view-details-link.full-button {
    border-radius: 3px !important;
}

/* ── Megamenu column inner background ────────────────────────────────────── */
@media only screen and (min-width: 768px) {
    .ves-column6 > .item-content1 > .mega-col {
        background: #ffffff;
    }
}

/* ── Promo tiles — white card, warm bg on hover ──────────────────────────── */
.mw-tile {
    background: #ffffff !important;
}
.mw-tile:hover {
    background: var(--mw-bg) !important;
}

/* ── Sitewide sale price formatting (deals-page style) ───────────────────── */

/* Old/was price — small, muted, strikethrough */
.price-box .old-price .price,
.price-box .old-price .price-wrapper .price {
    font-size: 13px !important;
    font-weight: 300 !important;
    color: var(--mw-sale-text) !important;
    text-decoration: line-through !important;
}

/* Flex row so "Was: " prefix and price sit on one line */
.price-box .old-price .price-container {
    display: inline-flex !important;
    align-items: baseline;
    gap: 4px;
}
.price-box .old-price .price-container::before {
    content: "Was: ";
    font-family: var(--mw-font-sans);
    font-size: 13px;
    font-weight: 300;
    color: var(--mw-sale-text);
    white-space: nowrap;
}

/* Sale price — bold, modest size */
.price-box .special-price .price,
.price-final_price .special-price .price,
.price-container.price-final_price .special-price .price {
    font-size: clamp(15px, 1.3vw, 18px) !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
}

/* Product detail page — slightly larger sale price */
.catalog-product-view .product-info-main .price-box .special-price .price {
    font-size: clamp(18px, 1.6vw, 22px) !important;
}
/* Centre the "Was:" row on product page */
.product-info-main .price-box .old-price .price-container {
    justify-content: center;
}

/* "You save" element — injected by JS */
.mw-you-save {
    display: block;
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    color: var(--mw-sale-text) !important;
    margin-top: 5px;
}
.mw-you-save strong {
    font-weight: 600 !important;
    color: #707070 !important;
}

@media screen and (max-width: 767px) {
    .filter-new strong { color: #9a948d !important; }
}

/* ── Mobile header redesign: search icon + bottom cart bar ───────────────── */
@media (max-width: 767px) {
    /* Remove minicart from top header */
    .mainHeader .minicart-wrapper {
        display: none !important;
    }
    /* Remove standard Magento search bar row */
    .block.block-search,
    .block-search {
        display: none !important;
    }

    /* ── Amasty Xsearch block — fixed dropdown, shown when search icon tapped ── */
    .amsearch-wrapper-block {
        position: fixed !important;
        top: 58px !important; /* JS corrects this to real header height */
        left: 0 !important; right: 0 !important;
        z-index: 100000 !important;
        background: var(--mw-surface) !important;
        border-bottom: 1px solid var(--mw-border) !important;
        box-shadow: 0 8px 28px rgba(0,0,0,0.12) !important;
        display: none !important;
    }
    .amsearch-wrapper-block.mw-open { display: block !important; }
    .amsearch-wrapper-block .amsearch-form-block { position: static !important; width: 100% !important; }
    .amsearch-wrapper-block .amsearch-input-wrapper { padding: 12px 14px !important; width: 100% !important; box-sizing: border-box !important; }
    .amsearch-wrapper-block .amsearch-input { font-size: 16px !important; width: 100% !important; box-sizing: border-box !important; }
    .amsearch-wrapper-block .amsearch-results,
    .amsearch-wrapper-block .amsearch-tab-items { max-height: 60vh !important; overflow-y: auto !important; }

    /* Search trigger button — matches icon+label style of existing header icons */
    #mw-search-btn {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        cursor: pointer;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 3px !important;
    }
    #mw-search-btn:hover,
    #mw-search-btn:focus { background: none !important; outline: none; }
    #mw-search-btn svg {
        width: 22px; height: 22px;
        stroke: var(--mw-text); fill: none;
        stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
    }
    #mw-search-btn span {
        font-size: 10px !important;
        font-family: var(--mw-font-sans) !important;
        font-weight: 400 !important;
        color: var(--mw-text) !important;
        line-height: 1 !important;
    }

    /* Search dropdown overlay */
    #mw-search-drop {
        position: fixed;
        top: 58px; left: 0; right: 0;
        background: var(--mw-surface);
        border-bottom: 1px solid var(--mw-border);
        padding: 12px 14px;
        z-index: 100000;
        display: none;
        align-items: center;
        gap: 10px;
        box-shadow: 0 6px 24px rgba(0,0,0,0.10);
    }
    #mw-search-drop.mw-open { display: flex; }
    #mw-search-drop form { flex: 1; margin: 0; }
    #mw-search-drop input[type="search"] {
        width: 100%;
        border: 1px solid var(--mw-border) !important;
        background: var(--mw-bg) !important;
        padding: 10px 14px !important;
        font-family: var(--mw-font-sans) !important;
        font-size: 16px !important;
        border-radius: 2px !important;
        color: var(--mw-text) !important;
        outline: none !important;
        box-sizing: border-box;
        -webkit-appearance: none;
    }
    #mw-search-btn-close {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 6px !important;
        cursor: pointer;
        flex-shrink: 0;
        display: flex;
        align-items: center;
    }
    #mw-search-btn-close:hover,
    #mw-search-btn-close:focus { background: none !important; outline: none; }
    #mw-search-btn-close svg {
        width: 20px; height: 20px;
        stroke: var(--mw-text-muted); fill: none;
        stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
    }

    /* Bottom cart bar */
    #mw-cart-bar {
        position: fixed;
        bottom: 0; left: 0; right: 0;
        height: 56px;
        background: #2a2825;
        display: flex;
        align-items: center;
        padding: 0 14px;
        z-index: 9998;
        gap: 10px;
    }
    #mw-cart-total {
        font-family: var(--mw-font-sans) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #f7f5f1 !important;
        flex: 1;
        white-space: nowrap;
    }
    .mw-cart-actions { display: flex; align-items: center; gap: 8px; }
    a.mw-cart-view,
    a.mw-cart-checkout {
        font-family: var(--mw-font-sans) !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        padding: 7px 13px !important;
        border-radius: 2px !important;
        white-space: nowrap;
        text-decoration: none !important;
        display: inline-block;
        line-height: 1.4;
    }
    a.mw-cart-view {
        color: #2a2825 !important;
        background: rgba(247,245,241,0.9) !important;
    }
    a.mw-cart-checkout {
        color: #fff !important;
        background: var(--mw-accent) !important;
        font-weight: 600 !important;
    }

    /* Push body content above the fixed cart bar on non-checkout pages */
    body:not(.checkout-index-index) {
        padding-bottom: 56px !important;
    }

    /* ══════════════════════════════════════════════════════════
       2 – 2 – 4 – 2 – 2  MOBILE HEADER GRID
       Menu | Currency | Logo | Search | Login
       Collapse Bootstrap columns; position each slot absolutely
       within the fixed-height .mainHeader.topbar context.
       KO/jQuery bindings stay untouched — elements aren't moved.
       ══════════════════════════════════════════════════════════ */

    .mainHeader.topbar {
        height: 64px !important;
        overflow: visible !important;
    }
    /* Collapse Bootstrap containers to zero height;
       absolutely-positioned children escape via overflow: visible */
    .mainHeader.topbar .container,
    .mainHeader.topbar .row {
        display: block !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .mainHeader.topbar [class*="col-"],
    .mainHeader.topbar .parent-icon,
    .mainHeader.topbar .top-logo,
    .mainHeader.topbar .search-group,
    .mainHeader.topbar .menu-icon {
        position: static !important;
        display: block !important;
        height: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
        width: auto !important;
    }

    /* Shared slot style: icon + label, vertically centred */
    .mainHeader .nav-toggle,
    .mainHeader .panel.wrapper.menu-icon,
    .mainHeader .logo,
    #mw-search-btn,
    .mainHeader .authorization-link {
        position: fixed !important;
        top: 8px !important;
        transform: none !important;
        bottom: auto !important;
        height: 48px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        z-index: 200 !important;
    }

    /* Slot 1 — Menu: ::before is hamburger icon, ::after is "Menu" label */
    .mainHeader .nav-toggle {
        left: 0;
        width: 16.67% !important;
    }
    body .mainHeader.topbar .nav-toggle:after {
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        color: var(--mw-text) !important;
        text-align: center !important;
        width: 100% !important;
    }
    /* Slot 2 — Currency */
    .mainHeader .panel.wrapper.menu-icon { left: 16.67% !important; width: 16.67% !important; }
    /* Slot 3 — Logo */
    .mainHeader .logo { left: 33.33% !important; width: 33.33% !important; }
    .mainHeader .logo img {
        display: block !important;
        height: 38px !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        margin-bottom: 19px !important;
        vertical-align: middle !important;
    }
    /* Slot 4 — Search */
    #mw-search-btn             { left: 66.67% !important; width: 16.67% !important; }
    /* Slot 5 — Login */
    .mainHeader .authorization-link { right: 0 !important; width: 16.67% !important; }
    .mainHeader .authorization-link a.quick-menu {
        display: flex !important; flex-direction: column !important;
        align-items: center !important; gap: 3px !important; text-decoration: none !important;
    }
    .mainHeader .authorization-link a.quick-menu:before {
        font-size: 22px !important; line-height: 1 !important; display: block !important;
    }

    /* Hide wishlist */
    .mainHeader .link.wishlist { display: none !important; }

    /* Nav panel above fixed header icons */
    .nav-open .nav-sections { z-index: 8000 !important; }
    .nav-before-open.nav-open .nav-toggle { z-index: 9000 !important; }
}

/* ── Hide "You save" badge inside Amasty search results ─────────────────── */
.amsearch-wrapper-block .mw-you-save,
.amsearch-results .mw-you-save,
.amsearch-result-section .mw-you-save { display: none !important; }

/* ── Mobile filter sidebar + filter-new pill ─────────────────────────────── */
@media screen and (max-width: 767px) {
    .sidebar-main .block-content.filter-content {
        z-index: 999999999999999;
        border-left: 3px solid #000;
    }
    .filter-new {
        border-radius: 2px;
        border: 1px solid var(--mw-border) !important;
    }
}

/* ── Mobile active filters summary (injected by JS below toolbar) ─────────── */
@media screen and (max-width: 767px) {
    #mw-active-filters {
        padding: 8px 14px 6px;
        font-family: var(--mw-font-sans);
        font-size: 13px;
        color: var(--mw-text);
        line-height: 1.6;
        border-bottom: 1px solid var(--mw-border);
    }
    #mw-active-filters strong {
        display: block;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--mw-text-muted);
        margin-bottom: 1px;
    }
}

/* ── Prevent iOS auto-zoom on search input focus ─────────────────────────── */
@media screen and (max-width: 767px) {
    #search,
    input[type="search"],
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea,
    select {
        font-size: 16px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   END SCANDI DESIGN SYSTEM
   ═══════════════════════════════════════════════════════════════════════════ */

/* === MW edits 2026-05-13 === */
/* .message.info — scandi theme alignment */
.message.info {
    font-family: var(--mw-font-sans) !important;
    font-size: 14px !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    background: #f6f4f1 !important;
    border-left: 3px solid var(--mw-border) !important;
    color: var(--mw-text) !important;
    padding: 12px 16px !important;
}
.message.info > *:before { color: var(--mw-text-muted) !important; }

/* PayPal button container background */
.paypal-button-container { background: #fff; }

/* Mobile sticky header — always pinned at top */
@media (max-width: 767px) {
    .page-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 99 !important;
        margin: 0 !important;
    }
    body { padding-top: 64px !important; }
}
/* === end MW edits 2026-05-13 === */

/* ════════════════════════════════════════════════════════════════════════════
   MW Cart Redesign 2026-05-13 — scoped to .checkout-cart-index
   Scandi: airy, monochrome with subtle borders, Cormorant serif for prices /
   page title, Inter for actions. Fully responsive (mobile / tablet / desktop).
   Reset is conservative — only the cart page is touched.
   ════════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════════════
   MW Cart Redesign 2026-05-13 — scoped to .checkout-cart-index
   Scandi: airy, monochrome with subtle borders, Cormorant serif for prices /
   page title, Inter for actions. Fully responsive (mobile / tablet / desktop).
   Reset is conservative — only the cart page is touched.
   ════════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════════════
   MW Cart Redesign 2026-05-13 — scoped to .checkout-cart-index
   Scandi: airy, monochrome with subtle borders, Cormorant serif for prices /
   page title, Inter for actions. Fully responsive (mobile / tablet / desktop).
   Reset is conservative — only the cart page is touched.
   ════════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════════════
   MW Cart Redesign 2026-05-13 — scoped to .checkout-cart-index
   Scandi: airy, monochrome with subtle borders, Cormorant serif for prices /
   page title, Inter for actions. Fully responsive (mobile / tablet / desktop).
   Reset is conservative — only the cart page is touched.
   ════════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════════════
   MW Cart Redesign 2026-05-13 — scoped to .checkout-cart-index
   MINIMAL: visual scandi styling ONLY. No layout / column-width / display
   overrides — the existing theme layout already works; previous attempts to
   force grid / flex / table-cell rules fought it. Touch nothing structural.
   ════════════════════════════════════════════════════════════════════════════ */

/* === MW Cart Redesign 2026-05-13 === */

/* ── Page chrome ─────────────────────────────────────────────────────────── */
.checkout-cart-index .page-title-wrapper { margin: 24px 0 18px; border: 0; padding: 0; }
.checkout-cart-index .page-title {
    font-family: var(--mw-font-serif) !important;
    font-size: clamp(28px, 4vw, 40px) !important;
    font-weight: 400 !important;
    color: var(--mw-text) !important;
    letter-spacing: -0.01em;
    margin: 0 !important;
}

/* ── Hide "The remaining quantity" notice (Tigren simple-product line) ───── */
.checkout-cart-index .cart.table-wrapper dl.item-options { display: none !important; }

/* ── Items wrapper as a card ─────────────────────────────────────────────── */
.checkout-cart-index .cart.table-wrapper {
    background: var(--mw-surface);
    border: 1px solid var(--mw-border);
    border-radius: 4px;
    padding: 8px 16px;
}

/* ── Table header — scandi muted uppercase microcopy ─────────────────────── */
.checkout-cart-index #shopping-cart-table thead th,
.checkout-cart-index .cart.table-wrapper thead th {
    font-family: var(--mw-font-sans) !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--mw-text-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--mw-border) !important;
    padding: 14px 4px !important;
}

/* ── Item row dividers ───────────────────────────────────────────────────── */
.checkout-cart-index .cart.table-wrapper tbody.cart.item {
    border-bottom: 1px solid var(--mw-border);
}
.checkout-cart-index .cart.table-wrapper tbody.cart.item:last-child { border-bottom: 0; }

/* ── Product name — serif scandi ─────────────────────────────────────────── */
.checkout-cart-index .cart.table-wrapper .product-item-name a,
.checkout-cart-index .cart.table-wrapper .col.item .product-item-name a {
    font-family: var(--mw-font-serif) !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    color: var(--mw-text) !important;
    line-height: 1.3 !important;
}
.checkout-cart-index .cart.table-wrapper .product-item-name a:hover { color: var(--mw-accent) !important; }

/* ── Prices — serif numbers, right-aligned (theme already aligns) ────────── */
.checkout-cart-index .cart.table-wrapper .cart-price .price,
.checkout-cart-index .cart.table-wrapper .col.price .price,
.checkout-cart-index .cart.table-wrapper .col.subtotal .price {
    font-family: var(--mw-font-serif) !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: var(--mw-text) !important;
}
.checkout-cart-index .cart.table-wrapper .col.subtotal .price { font-weight: 600 !important; }

/* ── Qty input — neutral border, no shadow ───────────────────────────────── */
.checkout-cart-index .cart.table-wrapper .input-text.qty {
    border: 1px solid var(--mw-border) !important;
    background: var(--mw-surface) !important;
    border-radius: 2px !important;
    height: 36px !important;
    font-family: var(--mw-font-sans) !important;
    font-size: 14px !important;
    color: var(--mw-text) !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease;
}
.checkout-cart-index .cart.table-wrapper .input-text.qty:focus { border-color: var(--mw-text) !important; outline: none; }

/* ── Edit / Remove — outline pills ───────────────────────────────────────── */
.checkout-cart-index .cart.table-wrapper tr.item-actions .actions-toolbar .action,
.checkout-cart-index .cart.table-wrapper .action-edit,
.checkout-cart-index .cart.table-wrapper .action-delete {
    background: transparent !important;
    border: 1px solid var(--mw-border) !important;
    color: var(--mw-text-muted) !important;
    font-family: var(--mw-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 8px 14px !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
    margin-right: 8px;
}
.checkout-cart-index .cart.table-wrapper .action-edit:hover {
    color: var(--mw-text) !important;
    border-color: var(--mw-text) !important;
}
.checkout-cart-index .cart.table-wrapper .action-delete:hover {
    color: #b03a3a !important;
    border-color: #b03a3a !important;
}

/* ── Main cart actions (Continue / Clear / Update) ───────────────────────── */
.checkout-cart-index .cart.main.actions .action {
    background: transparent !important;
    border: 1px solid var(--mw-border) !important;
    color: var(--mw-text) !important;
    font-family: var(--mw-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 12px 18px !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease;
}
.checkout-cart-index .cart.main.actions .action:hover {
    background: var(--mw-text) !important;
    color: var(--mw-surface) !important;
    border-color: var(--mw-text) !important;
}

/* ── Toolbar amount "3 Item(s)" ──────────────────────────────────────────── */
.checkout-cart-index .pager .toolbar-amount {
    font-family: var(--mw-font-sans) !important;
    font-size: 11px !important;
    color: var(--mw-text-muted) !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* ── Summary panel ───────────────────────────────────────────────────────── */
.checkout-cart-index .cart-summary {
    background: var(--mw-surface) !important;
    border: 1px solid var(--mw-border) !important;
    border-radius: 4px !important;
    padding: 24px !important;
    box-shadow: none !important;
}
.checkout-cart-index .cart-summary > .title,
.checkout-cart-index .cart-summary .summary.title {
    font-family: var(--mw-font-serif) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: var(--mw-text) !important;
    text-align: left !important;
    margin: 0 0 16px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid var(--mw-border) !important;
    letter-spacing: -0.005em;
}

/* "Estimated Delivery and VAT" collapsible */
.checkout-cart-index .cart-summary #block-shipping .title {
    font-family: var(--mw-font-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--mw-text) !important;
    background: transparent !important;
    padding: 10px 0 !important;
    border: 0 !important;
    cursor: pointer;
}
.checkout-cart-index .cart-summary #block-shipping .title::after { color: var(--mw-text-muted) !important; font-weight: 400; }

/* Totals table */
.checkout-cart-index .cart-summary table.totals th,
.checkout-cart-index .cart-summary table.totals td {
    background: transparent !important;
    border: 0 !important;
    padding: 8px 0 !important;
    font-family: var(--mw-font-sans) !important;
    font-size: 14px !important;
    color: var(--mw-text) !important;
}
.checkout-cart-index .cart-summary table.totals th { font-weight: 400 !important; text-align: left; }
.checkout-cart-index .cart-summary table.totals td { text-align: right; }
.checkout-cart-index .cart-summary table.totals tr.sub th,
.checkout-cart-index .cart-summary table.totals tr.sub td {
    border-bottom: 1px solid var(--mw-border) !important;
    padding-bottom: 14px !important;
}
.checkout-cart-index .cart-summary table.totals tr.grand th,
.checkout-cart-index .cart-summary table.totals tr.grand td {
    padding-top: 14px !important;
    font-family: var(--mw-font-serif) !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: var(--mw-text) !important;
}
.checkout-cart-index .cart-summary table.totals tr.grand strong { font-weight: 500 !important; }

/* Shipping threshold warning bar already styled by shippingaction.phtml — just spacing */
.checkout-cart-index .cart-summary .warning-bar,
.checkout-cart-index .cart-summary #maintotal.warning-bar {
    margin: 16px 0 !important;
}

/* Checkout button — scandi dark CTA */
.checkout-cart-index .cart-summary .checkout-methods-items { margin: 16px 0 12px !important; padding: 0 !important; list-style: none !important; }
.checkout-cart-index .cart-summary .checkout-methods-items .item { margin: 0 !important; padding: 0 !important; }
.checkout-cart-index .cart-summary .action.primary.checkout,
.checkout-cart-index .cart-summary button.action.primary.checkout {
    width: 100% !important;
    background: var(--mw-text) !important;
    color: var(--mw-surface) !important;
    border: 1px solid var(--mw-text) !important;
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    padding: 16px 18px !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease;
    cursor: pointer;
}
.checkout-cart-index .cart-summary .action.primary.checkout:hover,
.checkout-cart-index .cart-summary .action.primary.checkout:focus {
    background: transparent !important;
    color: var(--mw-text) !important;
}

/* PayPal block — neutralised container */
.checkout-cart-index .cart-summary .paypal-button-container { background: transparent !important; margin-top: 10px !important; }

/* === end MW Cart Redesign 2026-05-13 === */

/* ===== MW CART IMAGE POSITION FIX ===== */
.checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-photo,
.checkout-cart-index .cart-container .cart.table-wrapper td.col.item > a.product-item-photo,
.checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-image-container {
    position: static !important; /* mw-cart-img-fix */
    top: auto !important;
    left: auto !important;
    float: left !important;
    width: 84px !important;
    max-width: 84px !important;
    margin: 0 18px 0 0 !important;
    display: block !important;
    padding: 0 !important;
}
.checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item,
.checkout-cart-index .cart-container .cart.table-wrapper td.col.item {
    padding: 16px 12px !important;
    position: relative !important;
    vertical-align: top !important;
}
.checkout-cart-index .cart-container .cart.table-wrapper td.col.price,
.checkout-cart-index .cart-container .cart.table-wrapper td.col.qty,
.checkout-cart-index .cart-container .cart.table-wrapper td.col.subtotal {
    display: table-cell !important;
    float: none !important;
    width: auto !important;
    vertical-align: middle !important;
}
/* ===== END MW CART IMAGE POSITION FIX ===== */

/* ===== MW CART REMOVE COLUMN FIX ===== */
/* th.col.remove is an empty ghost column stealing 50% table width via Bootstrap .col rule */
.checkout-cart-index .cart-container .cart.table-wrapper th.col.remove,
.checkout-cart-index .cart-container .cart.table-wrapper td.col.remove {
    display: none !important; /* mw-cart-remove-col-fix */
}
/* ===== END MW CART REMOVE COLUMN FIX ===== */

/* ===== MW CART MOBILE STACK ORDER ===== */
/* On mobile, stack form-cart above summary at full width; product list first */
@media (max-width: 767px) {
    .checkout-cart-index .cart-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important; /* mw-cart-mobile-stack */
    }
    .checkout-cart-index .cart-container > form.form-cart {
        order: 1 !important;
        width: 100% !important;
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
    .checkout-cart-index .cart-container > .cart-summary {
        order: 2 !important;
        width: 100% !important;
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}
/* ===== END MW CART MOBILE STACK ORDER ===== */

/* ===== MW CART MOBILE LAYOUT (card stack) ===== */
@media (max-width: 767px) {
    /* mw-cart-mobile-layout */
    .checkout-cart-index .cart-container .cart.table-wrapper,
    .checkout-cart-index .cart-container #shopping-cart-table {
        display: block !important;
        width: 100% !important;
        table-layout: auto !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper thead {
        display: none !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tbody.cart.item {
        display: block !important;
        position: relative !important;
        padding: 16px 12px !important;
        border-bottom: 1px solid #e5e5e5 !important;
        margin: 0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions {
        display: block !important;
        width: 100% !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
        float: none !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        min-height: 0 !important;
        padding: 6px 0 !important;
    }
    /* Item row: image left, details right */
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item {
        position: relative !important;
        padding: 0 0 12px 96px !important;
        min-height: 84px !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item > a.product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-image-container {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 84px !important;
        max-width: 84px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        display: block !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-photo img,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-image-photo {
        max-width: 100% !important;
        height: auto !important;
        width: 100% !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-details {
        display: block !important;
        width: auto !important;
        max-width: none !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-name a {
        font-size: 15px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        word-break: normal !important;
    }
    /* Price/Qty/Subtotal with inline labels */
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.price,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.subtotal {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 8px 0 !important;
        text-align: left !important;
        white-space: normal !important;
        border-top: 1px solid #f0f0f0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.price::before {
        content: "Price";
        font-weight: 600;
        color: #666;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.qty::before {
        content: "Qty";
        font-weight: 600;
        color: #666;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.subtotal::before {
        content: "Subtotal";
        font-weight: 600;
        color: #666;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.qty .input-text.qty {
        width: 56px !important;
        text-align: center !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions td {
        display: block !important;
        padding: 12px 0 0 !important;
        text-align: left !important;
        width: 100% !important;
        border-top: 1px solid #f0f0f0 !important;
    }
    /* Hide ghost remove column on mobile too */
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.remove,
    .checkout-cart-index .cart-container .cart.table-wrapper th.col.remove {
        display: none !important;
    }
    /* Ensure no stale labels render */
    .checkout-cart-index .cart-container .cart.table-wrapper td[data-th]::before {
        content: none !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.price[data-th]::before { content: "Price" !important; }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.qty[data-th]::before { content: "Qty" !important; }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.subtotal[data-th]::before { content: "Subtotal" !important; }
}
/* ===== END MW CART MOBILE LAYOUT ===== */

/* ===== MW CART MOBILE WIDTH OVERRIDE ===== */
@media (max-width: 767px) {
    /* mw-cart-mobile-width-override */
    /* Override desktop td.col.price/qty/subtotal { width: auto !important } */
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.price,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.subtotal {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        float: none !important;
        box-sizing: border-box !important;
    }
    /* Now make price/qty/subtotal flex containers */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
    }
    /* Re-apply item-cell layout (image left, details right) */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item {
        display: block !important;
        position: relative !important;
        padding: 0 0 12px 96px !important;
        min-height: 84px !important;
        width: 100% !important;
    }
}
/* ===== END MW CART MOBILE WIDTH OVERRIDE ===== */

/* ===== MW CART MOBILE COMPACT ===== */
@media (max-width: 767px) {
    /* mw-cart-mobile-compact */
    /* Tighter card padding */
    .checkout-cart-index .cart-container .cart.table-wrapper tbody.cart.item {
        padding: 10px 8px !important;
    }
    /* Smaller product image */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item {
        padding: 0 0 6px 72px !important;
        min-height: 64px !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item > a.product-item-photo {
        width: 64px !important;
        max-width: 64px !important;
        height: 64px !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-name {
        margin: 0 !important;
        line-height: 1.25 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-name a {
        font-size: 14px !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .item-options {
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin: 2px 0 0 !important;
    }
    /* Compact price/qty/subtotal rows */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal {
        padding: 5px 0 !important;
        border-top: none !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
        min-height: 0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.price::before,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.qty::before,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.subtotal::before {
        font-size: 11px !important;
        letter-spacing: 0.3px !important;
    }
    /* Compact qty input */
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.qty .input-text.qty {
        width: 44px !important;
        height: 28px !important;
        padding: 2px 4px !important;
        font-size: 13px !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.qty .field.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.qty .control.qty {
        margin: 0 !important;
        padding: 0 !important;
    }
    /* Single separator above first price row only */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price {
        border-top: 1px solid #ececec !important;
        margin-top: 4px !important;
        padding-top: 8px !important;
    }
    /* Compact item-actions (Edit/Remove buttons) */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions td {
        padding: 8px 0 0 !important;
        border-top: 1px solid #ececec !important;
        margin-top: 6px !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions .action-edit,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions .action-delete,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions .action-towishlist,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions a.action {
        font-size: 11px !important;
        padding: 5px 10px !important;
        line-height: 1.2 !important;
        min-height: 0 !important;
        height: auto !important;
        letter-spacing: 0.3px !important;
    }
    /* Hide the "4 ITEM(S)" line that wastes space at top */
    .checkout-cart-index .cart-container .cart.table-wrapper .table-caption {
        display: none !important;
    }
    /* Reduce gap between items */
    .checkout-cart-index .cart-container .cart.table-wrapper tbody.cart.item + tbody.cart.item {
        border-top: 0 !important;
    }
}
/* ===== END MW CART MOBILE COMPACT ===== */

/* ===== MW AMASTY GDPR ACCEPT BUTTON VISIBILITY FIX ===== */
.amgdprcookie-button,
.amgdprcookie-button.-save,
.amgdprcookie-button.-allow,
.amgdprcookie-button.-settings,
.amgdprcookie-button[data-amgdprcookie-js=accept],
.amgdprcookie-button[data-amgdprcookie-js=settings] {
    opacity: 1 !important; /* mw-gdpr-button-opacity */
}
.amgdprcookie-button:hover {
    opacity: 0.92 !important;
}
.amgdprcookie-button.-allow,
.amgdprcookie-button[data-amgdprcookie-js=accept] {
    background-color: #68b631 !important;
    color: #fff !important;
    border: none !important;
}
.amgdprcookie-button.-allow:hover,
.amgdprcookie-button[data-amgdprcookie-js=accept]:hover {
    background-color: #5aa029 !important;
    color: #fff !important;
}
/* ===== END MW AMASTY GDPR FIX ===== */

/* ===== MW VIEW-DETAILS-LINK TYPOGRAPHY MATCH ===== */
/* Match the font styling of .action.primary, button.action.primary, .btn-primary, .action-primary */
a.action.view-details-link.full-button {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important; /* mw-view-details-typography */
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* ===== MW MOBILE NAV CONTENT OFFSET ===== */
@media (max-width: 767px) {
    .nav-sections-item-content {
        margin-top: 37px;
    }
}
/* ===== END ===== */

/* ===== MW MOBILE-ONLY ELEMENTS ? global hide (loads on every page) ===== */
/* These elements are created by JS regardless of viewport (to avoid FOUC),
   so CSS must hide them everywhere except mobile. Loaded globally via
   minimumworld2026.css instead of the cart-only shippingaction.phtml. */
#mw-search-btn {
    display: none !important; /* mw-mobile-elements-global-hide */
}
@media (max-width: 767px) {
    #mw-search-btn { display: inline-flex !important; }
}
/* ===== END ===== */

/* ===== MW CART ICON SIZE ? global override ===== */
/* SVG defaults to its viewBox size (24x24) unless explicit width/height set.
   This rule loads everywhere via minimumworld2026.css to win regardless of
   whether shippingaction.phtml's inline style block is on the page. mw-cart-icon-size-override */
svg#mw-cart-icon,
#mw-cart-bar #mw-cart-icon,
#mw-cart-bar .mw-cart-row svg#mw-cart-icon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    color: #2a2825 !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
}
/* ===== END ===== */

/* ===== MW CART MOBILE ? IMAGE SIZING FIX ===== */
/* On mobile, image was overflowing its 64x64 container (height: auto on the img)
   which pushed content under it and cut off product names + price labels. mw-cart-mobile-image-fix */
@media (max-width: 767px) {
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item > a.product-item-photo {
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-photo img,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-image-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-image-container img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important; /* mw-cart-mobile-image-fix */
        display: block !important;
    }
    /* Keep product details safely right of the image - ensure no negative margin */
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-details {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-name,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-name a {
        margin-left: 0 !important;
        padding-left: 0 !important;
        text-indent: 0 !important;
    }
}
/* ===== END ===== */

/* ===== MW CART MOBILE ? viewport width clamp ===== */
/* Force every cart-page layout container to fit the viewport on mobile.
   Some descendant (likely a wide button or table) was pushing column.main
   to ~1000px even at 331px viewport. mw-cart-mobile-viewport-clamp */
@media (max-width: 767px) {
    .checkout-cart-index .page-main,
    .checkout-cart-index .columns,
    .checkout-cart-index .column.main,
    .checkout-cart-index .cart-container,
    .checkout-cart-index .form.form-cart,
    .checkout-cart-index .cart.table-wrapper,
    .checkout-cart-index #shopping-cart-table,
    .checkout-cart-index .cart-summary,
    .checkout-cart-index .cart.main.actions {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    .checkout-cart-index .page-main {
        padding-left: 12px !important;
        padding-right: 12px !important;
        overflow-x: hidden !important;
    }
    /* Cart action buttons (Continue Shopping / Clear Cart) ? shouldn't span full width */
    .checkout-cart-index .cart.main.actions {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    .checkout-cart-index .cart.main.actions .action {
        flex: 0 1 auto !important;
        width: auto !important;
        max-width: 100% !important;
    }
    /* Cart products toolbar (pager + amount) ? single row, wraps gracefully */
    .checkout-cart-index .cart-products-toolbar,
    .checkout-cart-index .cart-products-toolbar .pager,
    .checkout-cart-index .cart-products-toolbar .toolbar-amount {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}
/* ===== END ===== */

/* ===== MW AJAX SUITE POPUP ? mobile max-height override ===== */
/* Override vendor tigrensolutions/module-ajax-suite default 96% mobile height. */
@media only screen and (max-width: 768px) {
    .mb-ajaxsuite-popup-wrapper {
        max-height: 75% !important; /* mw-ajaxsuite-popup-mobile-height */
    }
}
/* ===== END ===== */

/* ===== MW TIERED DELIVERY WARNING ? tick / mixed / all-met states ===== */
/* mw-tiered-delivery-warning */
.mw-cart-warning .mw-tick,
.mw-shopbar-warning .mw-tick {
    color: #7cc551 !important;
    margin-right: 4px !important;
}
.mw-cart-warning .mw-tier-done,
.mw-shopbar-warning .mw-tier-done {
    font-weight: 600 !important;
}
.mw-cart-warning .mw-tier-sep,
.mw-shopbar-warning .mw-tier-sep {
    opacity: 0.6;
    margin: 0 6px;
}
/* ===== END ===== */

/* ===== MW MOBILE CART WARNING ? stack tiers on two lines, center ===== */
@media (max-width: 767px) {
    /* mw-tiered-mobile-stack */
    #mw-cart-bar .mw-cart-warning {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        line-height: 1.4 !important;
    }
    #mw-cart-bar .mw-cart-warning .mw-tier-line {
        display: inline-block;
        white-space: normal;
    }
    /* Hide the inline separator dot on mobile ? line break replaces it */
    #mw-cart-bar .mw-cart-warning .mw-tier-sep {
        display: none !important;
    }
}
/* ===== END ===== */

/* ===== MW CART MOBILE ? TIGHT MODERN LAYOUT ===== */
/* Compact each cart item to ~110px tall instead of ~250px.
   Inline price ? qty ? subtotal on one row, text-link actions. mw-cart-mobile-tight */
@media (max-width: 767px) {
    /* Tighter card */
    .checkout-cart-index .cart-container .cart.table-wrapper tbody.cart.item {
        padding: 10px 12px !important;
        border: 1px solid #ececec !important;
        border-radius: 4px !important;
        margin: 0 0 8px 0 !important;
        background: #fff !important;
    }
    /* Smaller image, sit at top */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item {
        padding: 0 0 0 64px !important;
        min-height: 56px !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item > a.product-item-photo {
        width: 56px !important;
        max-width: 56px !important;
        height: 56px !important;
        border: 1px solid #f0f0f0 !important;
        border-radius: 3px !important;
    }
    /* Tighter product name */
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-name {
        margin: 0 0 2px !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .product-item-name a {
        font-size: 13px !important;
        line-height: 1.3 !important;
        font-weight: 500 !important;
        color: #2a2825 !important;
        display: block !important;
        max-height: 2.6em !important;
        overflow: hidden !important;
    }
    /* Hide noisy item-options on mobile to save vertical room */
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .item-options {
        font-size: 11px !important;
        line-height: 1.25 !important;
        color: #767470 !important;
        margin: 2px 0 0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .item-options dt,
    .checkout-cart-index .cart-container .cart.table-wrapper td.col.item .item-options dd {
        display: inline !important;
        margin: 0 !important;
    }
    /* Hide the standalone Price/Qty/Subtotal stacked rows */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal {
        display: none !important;
    }
    /* Use Qty row as combined price line */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty {
        display: block !important;
        padding: 6px 0 0 64px !important;
        border-top: none !important;
        margin-top: 4px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty::before {
        display: none !important; /* hide "QTY" label */
    }
    /* Render unit price + subtotal alongside qty via ::before/::after pseudos on td.qty - actually use a different approach: show the values inline using CSS counters / content. But simpler: re-show price and subtotal as inline blocks with no labels. */
    /* Re-enable price + subtotal but compact and inline */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal {
        display: inline-flex !important;
        padding: 0 !important;
        border: 0 !important;
        margin: 0 !important;
        align-items: center !important;
        font-size: 13px !important;
        color: #2a2825 !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
        width: auto !important;
        min-width: 0 !important;
    }
    /* Use a wrapper row via making the qty td a flex line that visually groups */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info {
        display: block !important;
        position: relative !important;
    }
    /* Stack: image+name (top), then a line: price ? qty ? subtotal */
    /* Trick: pull price and subtotal to flow next to qty using float */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .input-text.qty {
        width: 38px !important;
        height: 24px !important;
        padding: 0 4px !important;
        font-size: 12px !important;
        text-align: center !important;
        border: 1px solid #d4d0c9 !important;
        border-radius: 3px !important;
        margin: 0 6px !important;
        vertical-align: middle !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .field.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .control.qty {
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: middle !important;
    }
    /* Hide the "Qty" label text inside qty field if any */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty label,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .label {
        display: none !important;
    }
    /* Edit/Remove as small text links, no border */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions td {
        padding: 6px 0 0 64px !important;
        border-top: 1px solid #f5f5f5 !important;
        margin-top: 6px !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions .action-edit,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions .action-delete,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions a.action {
        font-size: 11px !important;
        font-weight: 500 !important;
        letter-spacing: 0.5px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #767470 !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
        line-height: 1.4 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 12px 0 0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions a.action.action-delete {
        color: #b05050 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions a.action:hover {
        text-decoration: underline !important;
    }
    /* 4 ITEM(S) header ? keep but smaller */
    .checkout-cart-index .cart-container .cart.table-wrapper .table-caption {
        display: block !important;
        font-size: 11px !important;
        color: #767470 !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        padding: 4px 0 10px !important;
        text-align: left !important;
    }
}
/* ===== END ===== */

/* ===== MW CART MOBILE ? 4/5/3 BOOTSTRAP GRID ===== */
/* Image (4) | Name (5) | Pricing (3); EDIT/REMOVE on row below. " + marker + " */
@media (max-width: 767px) {
    /* Card */
    .checkout-cart-index .cart-container .cart.table-wrapper tbody.cart.item {
        display: block !important;
        padding: 12px 12px !important;
        border: 1px solid #ececec !important;
        border-radius: 4px !important;
        margin: 0 0 10px 0 !important;
        background: #fff !important;
    }

    /* item-info row becomes the 4/5/3 grid with 3 rows for the pricing stack */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info {
        display: grid !important;
        grid-template-columns: 4fr 5fr 3fr !important;
        grid-template-rows: auto auto auto !important;
        gap: 4px 12px !important;
        align-items: center !important;
        width: 100% !important;
        position: static !important;
    }

    /* Flatten .col.item so its children join the grid directly */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item {
        display: contents !important;
        padding: 0 !important;
        min-height: 0 !important;
        position: static !important;
    }

    /* Column 1: Image, spans all 3 grid rows, centered */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item > a.product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-image-container {
        grid-column: 1 !important;
        grid-row: 1 / span 3 !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 110px !important;
        height: auto !important;
        aspect-ratio: 1 / 1;
        background: #f9f7f3;
        border: 1px solid #f0f0f0;
        border-radius: 4px;
        overflow: hidden;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-photo img,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-image-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-image-container img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Column 2: Product name + details, spans all 3 rows, vertically centered */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-details {
        grid-column: 2 !important;
        grid-row: 1 / span 3 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-name {
        margin: 0 !important;
        line-height: 1.3 !important;
        width: 100% !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-name a {
        font-family: var(--mw-font-serif), 'Cormorant Garamond', Georgia, serif !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;
        color: #2a2825 !important;
        display: block !important;
        text-decoration: none !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .item-options {
        font-size: 11px !important;
        line-height: 1.3 !important;
        color: #767470 !important;
        margin: 4px 0 0 !important;
    }

    /* Column 3: Pricing stack ? Price (row 1) / Qty (row 2) / Subtotal (row 3) */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        grid-column: 3 !important;
        padding: 4px 0 !important;
        border: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        font-size: 13px !important;
        color: #2a2825 !important;
        line-height: 1.2 !important;
        text-align: left !important;
        white-space: normal !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price    { grid-row: 1 !important; }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty      { grid-row: 2 !important; }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal { grid-row: 3 !important; }

    /* Labels (Price / Qty / Subtotal) ? left aligned, muted */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price::before,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty::before,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal::before {
        display: inline-block !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        letter-spacing: 0.6px !important;
        text-transform: uppercase !important;
        color: #767470 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price::before    { content: "Price"; }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty::before      { content: "Qty"; }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal::before { content: "Subtotal"; }

    /* Qty input ? right-aligned in its row */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .input-text.qty {
        width: 42px !important;
        height: 26px !important;
        padding: 0 4px !important;
        font-size: 12px !important;
        text-align: center !important;
        border: 1px solid #d4d0c9 !important;
        border-radius: 3px !important;
        margin: 0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .field.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .control.qty {
        margin: 0 !important;
        padding: 0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty label,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .label {
        display: none !important;
    }

    /* Strong/span inside price+subtotal for the actual numeric value */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price .price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .cart-price {
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #2a2825 !important;
    }

    /* Actions row ? text-link EDIT / REMOVE ITEM below the grid */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions {
        display: block !important;
        width: 100% !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions td {
        display: block !important;
        padding: 10px 0 0 !important;
        margin-top: 10px !important;
        border-top: 1px solid #f0f0f0 !important;
        text-align: left !important;
        width: 100% !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions .action-edit,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions .action-delete,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions a.action {
        font-size: 11px !important;
        font-weight: 500 !important;
        letter-spacing: 0.8px !important;
        text-transform: uppercase !important;
        color: #767470 !important;
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 18px 0 0 !important;
        text-decoration: none !important;
        line-height: 1.4 !important;
        height: auto !important;
        min-height: 0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions a.action.action-delete {
        color: #b05050 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions a.action:hover {
        text-decoration: underline !important;
    }

    /* Caption */
    .checkout-cart-index .cart-container .cart.table-wrapper .table-caption {
        display: block !important;
        font-size: 11px !important;
        color: #767470 !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        padding: 0 0 10px !important;
        text-align: left !important;
    }
}
/* ===== END ===== */

/* ===== MW CART MOBILE ? Price/Subtotal values use serif ===== */
/* Prices in Cormorant Garamond serif to match product name. " + marker + " */
@media (max-width: 767px) {
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price .price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .cart-price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .price-including-tax,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .price-excluding-tax {
        font-family: var(--mw-font-serif), 'Cormorant Garamond', Georgia, serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
    }
    /* Labels stay sans-serif for legibility */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price::before,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty::before,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal::before {
        font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    }
}
/* ===== END ===== */

/* ===== MW CART MOBILE ? sans-serif prices + wider pricing column ===== */
/* mw-cart-mobile-price-sans-fix */
@media (max-width: 767px) {
    /* Widen the grid: image stays at 3, name 5, pricing gets 4 (was 3) */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info {
        grid-template-columns: 3fr 5fr 4fr !important;
        gap: 4px 10px !important;
    }
    /* Prices in sans-serif Inter */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price .price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .cart-price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .price-including-tax,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .price-excluding-tax {
        font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }
    /* Tighten label letter-spacing so it doesn't take so much room */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price::before,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty::before,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal::before {
        font-size: 10px !important;
        letter-spacing: 0.3px !important;
        flex-shrink: 0;
    }
    /* Allow value to grow but truncate gracefully if needed */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price > *:not(.label),
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal > *:not(.label) {
        flex: 0 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* Image column slightly smaller (was 110px max) */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item > a.product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-image-container {
        max-width: 92px !important;
    }
    /* Tighten gap inside the card */
    .checkout-cart-index .cart-container .cart.table-wrapper tbody.cart.item {
        padding: 10px !important;
    }
}
/* ===== END ===== */

/* ===== MW CART MOBILE ? IMG+NAME / PRICING / ACTIONS layout ===== */
/* Row 1: image | name (name aligned to top of image area)
   Row 2: empty | pricing strip (3 equal cells: PRICE | QTY | SUBTOTAL)
   Row 3: EDIT / REMOVE full width (in tr.item-actions). " + marker + " */
@media (max-width: 767px) {
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info {
        display: grid !important;
        grid-template-columns: 100px 1fr 1fr 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 10px 12px !important;
        align-items: start !important;
        width: 100% !important;
    }

    /* Image: column 1, spans both rows, centered vertically inside */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item > a.product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-image-container {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        align-self: stretch !important;
        max-width: 100px !important;
        width: 100% !important;
    }

    /* Name: row 1, spans columns 2-4 */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-details {
        grid-column: 2 / -1 !important;
        grid-row: 1 !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-name a {
        font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        color: #2a2825 !important;
    }

    /* Row 2: pricing strip ? 3 equal columns, label on top + value below */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price    { grid-column: 2 !important; grid-row: 2 !important; }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty      { grid-column: 3 !important; grid-row: 2 !important; }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal { grid-column: 4 !important; grid-row: 2 !important; }

    /* Each pricing cell: stack label above value, centered */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 8px 4px !important;
        margin: 0 !important;
        border: 0 !important;
        background: #faf8f4 !important;
        border-radius: 3px !important;
        min-width: 0 !important;
        gap: 4px !important;
        white-space: nowrap !important;
    }

    /* Labels */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price::before,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty::before,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal::before {
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        letter-spacing: 0.5px !important;
        text-transform: uppercase !important;
        color: #767470 !important;
        order: 0;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price::before    { content: "Price"; }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty::before      { content: "Qty"; }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal::before { content: "Subtotal"; }

    /* Values */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price .price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .cart-price {
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #2a2825 !important;
    }
    /* Qty input centered in its cell */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .field.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .control.qty {
        margin: 0 !important;
        padding: 0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .input-text.qty {
        width: 42px !important;
        height: 26px !important;
        padding: 0 4px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-align: center !important;
        border: 1px solid #d4d0c9 !important;
        border-radius: 3px !important;
        margin: 0 !important;
    }
}
/* ===== END ===== */

/* ===== MW CART PAGE ? Hide Estimated Delivery/VAT block + duplicate warning ===== */
/* mw-cart-hide-shipping-and-dup-warning */
.checkout-cart-index .cart-summary #block-shipping,
.checkout-cart-index .cart-summary .block.shipping {
    display: none !important;
}
/* Hide the in-page warning bar duplicate - the shopbar already shows the same message at the top */
.checkout-cart-index .cart-summary .warning-bar,
.checkout-cart-index .cart-summary #maintotal {
    display: none !important;
}
/* ===== END ===== */

/* ===== MW CART DESKTOP ? wider form-cart, narrower summary ===== */
/* mw-cart-desktop-wider */
@media (min-width: 768px) {
    .checkout-cart-index .page-main {
        max-width: 1500px !important;
    }
    .checkout-cart-index .cart-container > .cart-summary {
        flex: 0 0 320px !important;
        width: 320px !important;
    }
    /* Image rendered slightly bigger now that source is hi-res */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item > a.product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-image-container {
        width: 200px !important;
        max-width: 200px !important;
        height: 200px !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info {
        grid-template-columns: 200px 1fr 1fr 1fr !important;
        gap: 16px 22px !important;
    }
}
/* ===== END ===== */

/* ===== MW CART DESKTOP ? horizontal row-card layout for scannable large carts ===== */
/* mw-cart-desktop-rowcard */
@media (min-width: 768px) {
    /* Strip the table chrome */
    .checkout-cart-index .cart-container .cart.table-wrapper #shopping-cart-table,
    .checkout-cart-index .cart-container .cart.table-wrapper table.cart {
        display: block !important;
        width: 100% !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        table-layout: auto !important;
        background: transparent !important;
    }
    /* Hide column headers ? each row has inline labels */
    .checkout-cart-index .cart-container .cart.table-wrapper thead { display: none !important; }
    .checkout-cart-index .cart-container .cart.table-wrapper .table-caption {
        display: block !important;
        font-size: 12px !important;
        letter-spacing: 1px !important;
        color: #767470 !important;
        text-transform: uppercase !important;
        padding: 0 0 14px !important;
        text-align: left !important;
        font-weight: 600 !important;
    }
    /* Each item is a card */
    .checkout-cart-index .cart-container .cart.table-wrapper tbody.cart.item {
        display: block !important;
        background: #fff !important;
        border: 1px solid #ececec !important;
        border-radius: 6px !important;
        margin: 0 0 12px 0 !important;
        padding: 0 !important;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tbody.cart.item:hover {
        border-color: #d4d0c9 !important;
        box-shadow: 0 1px 4px rgba(42,40,37,0.04) !important;
    }
    /* item-info row = horizontal flex with 3 sections */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 20px !important;
        padding: 16px 20px !important;
        width: 100% !important;
    }
    /* col.item flattens ? image and details become flex siblings */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item {
        display: contents !important;
        padding: 0 !important;
        position: static !important;
    }
    /* Image */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item > a.product-item-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-image-container {
        flex: 0 0 90px !important;
        width: 90px !important;
        height: 90px !important;
        max-width: 90px !important;
        position: static !important;
        left: auto !important; top: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #faf8f4 !important;
        border: 1px solid #f0ece4 !important;
        border-radius: 4px !important;
        overflow: hidden !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-photo img,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-image-photo,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-image-container img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    /* Name + details ? grow to fill */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-details {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-name {
        margin: 0 0 4px !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .product-item-name a {
        font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        color: #2a2825 !important;
        text-decoration: none !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.item .item-options {
        font-size: 12px !important;
        line-height: 1.35 !important;
        color: #767470 !important;
        margin: 0 0 6px !important;
    }
    /* Price, qty, subtotal ? sit in horizontal row to the right */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        flex: 0 0 auto !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price    { flex-basis: 90px !important; }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty      { flex-basis: 90px !important; }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal { flex-basis: 110px !important; align-items: flex-end !important; }
    /* Inline labels above values, muted */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price::before,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty::before,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal::before {
        display: block !important;
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        letter-spacing: 0.7px !important;
        text-transform: uppercase !important;
        color: #9a948d !important;
        margin: 0 0 4px !important;
        content: '';
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price::before    { content: "Price" !important; }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty::before      { content: "Qty" !important; }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal::before { content: "Subtotal" !important; }
    /* Value typography */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price .price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .cart-price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .price-including-tax,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .price-excluding-tax {
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #2a2825 !important;
        line-height: 1.1 !important;
    }
    /* Subtotal pops bolder */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal .price {
        font-size: 17px !important;
        font-weight: 700 !important;
    }
    /* Qty input */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .field.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .control.qty {
        margin: 0 !important;
        padding: 0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .input-text.qty {
        width: 56px !important;
        height: 32px !important;
        padding: 0 8px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-align: center !important;
        border: 1px solid #d4d0c9 !important;
        border-radius: 4px !important;
        margin: 0 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty label,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .label {
        display: none !important;
    }
    /* Actions row ? text links, indented to align with name column */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions {
        display: block !important;
        width: 100% !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions td {
        display: block !important;
        padding: 0 20px 14px 130px !important;
        margin: 0 !important;
        border: 0 !important;
        text-align: left !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions .action-edit,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions .action-delete,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions a.action {
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        letter-spacing: 0.6px !important;
        text-transform: uppercase !important;
        color: #767470 !important;
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 16px 0 0 !important;
        text-decoration: none !important;
        line-height: 1.2 !important;
        height: auto !important;
        min-height: 0 !important;
        display: inline-block !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions a.action.action-delete {
        color: #b05050 !important;
    }
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-actions a.action:hover {
        text-decoration: underline !important;
    }
    /* Header bar ? small "1 ITEM" / "5 ITEMS" caption at top of list */
    .checkout-cart-index .cart-container .cart.table-wrapper {
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
    }
}
/* ===== END ===== */

/* ===== MW PAGE TITLE ? center + larger site-wide ===== */
/* mw-page-title-bigger-centered */
.page-title-wrapper { text-align: center !important; }
.page-title-wrapper .page-title,
.page-title,
.page-title span,
.page-title > span.base,
h1.page-title,
h1.page-title span {
    text-align: center !important;
    font-family: var(--mw-font-serif), 'Cormorant Garamond', Georgia, serif !important;
    font-size: clamp(28px, 3.5vw, 42px) !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.01em !important;
    color: #2a2825 !important;
}
.page-title-wrapper .page-title,
.page-title {
    margin: 24px auto 16px !important;
}
@media (max-width: 767px) {
    .page-title-wrapper .page-title,
    .page-title,
    .page-title span,
    h1.page-title,
    h1.page-title span { font-size: clamp(26px, 6vw, 32px) !important; }
}
/* ===== END ===== */

/* ===== MW CART DESKTOP ? price/qty/subtotal share horizontal baselines ===== */
/* mw-cart-desktop-row-baseline */
@media (min-width: 768px) {
    /* Fixed-height cells: label at top, value at bottom ? both rows align across cells */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: center !important;
        height: 64px !important;
        padding: 4px 0 !important;
    }
    /* Subtotal stays right-aligned but with same heights */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal {
        align-items: flex-end !important;
    }
    /* Labels: fixed line-height so all sit at same Y across cells */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price::before,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty::before,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal::before {
        line-height: 14px !important;
        margin: 0 !important;
        flex-shrink: 0;
    }
    /* Values: same line-height + alignment so baselines match */
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.price > *:not(.label),
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.subtotal > *:not(.label),
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .field.qty,
    .checkout-cart-index .cart-container .cart.table-wrapper tr.item-info td.col.qty .control.qty {
        display: flex !important;
        align-items: center !important;
        line-height: 1 !important;
        margin: 0 !important;
    }
}
/* ===== END ===== */

/* ===== MW CART BAR ? visible on ALL devices ===== */
/* On desktop the bar shows just cart icon + total + View Basket / Checkout buttons.
   The "Spend X" warning row stays mobile-only. mw-cart-bar-all-devices */
#mw-cart-bar {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #fff !important;
    border-top: 1px solid #e4dfd7 !important;
    box-shadow: 0 -6px 18px rgba(42,40,37,0.06) !important;
    z-index: 9998 !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}
#mw-cart-bar > * { box-sizing: border-box; min-width: 0; max-width: 100%; }

/* Desktop styling for the bar */
@media (min-width: 768px) {
    /* Hide the Spend X warning row on desktop - mobile only */
    #mw-cart-bar .mw-cart-warning { display: none !important; }
    /* Bar contents centered, capped at the same max-width as page-main */
    #mw-cart-bar .mw-cart-row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: 1500px !important;
        margin: 0 auto !important;
        height: 64px !important;
        padding: 0 32px !important;
        box-sizing: border-box !important;
    }
    /* Icon + total group on the left */
    #mw-cart-bar .mw-cart-total-group {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }
    #mw-cart-bar #mw-cart-icon {
        width: 20px !important;
        height: 20px !important;
        color: #2a2825 !important;
        margin-right: 0 !important;
    }
    #mw-cart-bar #mw-cart-total {
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        color: #2a2825 !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        white-space: nowrap !important;
        line-height: 1 !important;
    }
    /* Action buttons on the right */
    #mw-cart-bar .mw-cart-actions {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        flex: 0 0 auto !important;
    }
    #mw-cart-bar a.mw-cart-view,
    #mw-cart-bar a.mw-cart-checkout {
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        padding: 12px 22px !important;
        border-radius: 2px !important;
        line-height: 1 !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
        white-space: nowrap !important;
    }
    #mw-cart-bar a.mw-cart-view {
        background: transparent !important;
        color: #2a2825 !important;
        border: 1px solid #2a2825 !important;
    }
    #mw-cart-bar a.mw-cart-view:hover,
    #mw-cart-bar a.mw-cart-view:active {
        background: #2a2825 !important;
        color: #fff !important;
    }
    #mw-cart-bar a.mw-cart-checkout {
        background: #2a2825 !important;
        color: #fff !important;
        border: 1px solid #2a2825 !important;
    }
    #mw-cart-bar a.mw-cart-checkout:hover,
    #mw-cart-bar a.mw-cart-checkout:active {
        background: transparent !important;
        color: #2a2825 !important;
    }
}

/* Body padding-bottom on ALL devices so the bar doesn't overlap the last content */
body:not(.checkout-index-index) {
    padding-bottom: 70px !important;
}
@media (max-width: 767px) {
    /* Mobile bar has the warning row when active ? extra space */
    body:not(.checkout-index-index) {
        padding-bottom: 70px !important;
    }
}

/* ===== END ===== */

/* ===== MW SHOPBAR WARNING ? match nav-link typography ===== */
/* mw-shopbar-warning-link-typography */
.mw-shopbar-warning,
.mw-shopbar-warning .warning-bar,
.mw-shopbar-warning .mw-warning-mirror,
.mw-shopbar-warning .mw-warning-mirror span,
.mw-shopbar-warning .mw-warning-mirror strong,
.mw-shopbar-warning .mw-warning-mirror .mw-tier-done,
.mw-shopbar-warning .mw-warning-mirror .mw-tier-sep {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}
/* Icons keep their original sizing - not text */
.mw-shopbar-warning .mw-warning-mirror i {
    text-transform: none !important;
    letter-spacing: 0 !important;
}
/* ===== END ===== */

/* ===== MW MOBILE CART WARNING ? match link/shopbar typography ===== */
/* mw-cart-warning-mobile-typo */
@media (max-width: 767px) {
    #mw-cart-bar .mw-cart-warning,
    #mw-cart-bar .mw-cart-warning span,
    #mw-cart-bar .mw-cart-warning strong,
    #mw-cart-bar .mw-cart-warning .mw-tier-done,
    #mw-cart-bar .mw-cart-warning .mw-tier-sep,
    #mw-cart-bar .mw-cart-warning .mw-tier-line {
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
    }
    #mw-cart-bar .mw-cart-warning .mw-tick {
        text-transform: none !important;
        letter-spacing: 0 !important;
    }
}
/* ===== END ===== */

/* ===== MW WARNING AMOUNT ? keep ? value bold ===== */
/* mw-amount-bold */
.mw-shopbar-warning .mw-amount,
#mw-cart-bar .mw-cart-warning .mw-amount,
.mw-cart-warning .mw-amount {
    font-weight: 700 !important;
}
/* ===== END ===== */

/* ===== MW MINICART ACTIONS ? match bottom bar styling ===== */
/* View Basket = outlined dark; Checkout = solid dark CTA. " + marker + " */
.block-minicart .block-content > .actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 14px 14px !important;
    padding: 0 !important;
}
.block-minicart .block-content > .actions > .primary,
.block-minicart .block-content > .actions > .secondary {
    flex: 1 1 0 !important;
    margin: 0 !important;
}

/* View Basket (secondary - outlined) */
.block-minicart .block-content > .actions a.viewcart,
.block-minicart .block-content > .actions .secondary a,
.block-minicart a[href*="/cart"]:not(.action) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 12px 22px !important;
    border-radius: 2px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    background: transparent !important;
    color: #2a2825 !important;
    border: 1px solid #2a2825 !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    white-space: nowrap !important;
}
.block-minicart .block-content > .actions a.viewcart:hover,
.block-minicart .block-content > .actions .secondary a:hover,
.block-minicart a[href*="/cart"]:not(.action):hover {
    background: #2a2825 !important;
    color: #fff !important;
}

/* Checkout (primary - solid) */
.block-minicart .block-content > .actions button.action.primary.checkout,
.block-minicart .action.primary.checkout {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 12px 22px !important;
    border-radius: 2px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    background: #2a2825 !important;
    color: #fff !important;
    border: 1px solid #2a2825 !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    white-space: nowrap !important;
    height: auto !important;
    min-height: 0 !important;
}
.block-minicart .block-content > .actions button.action.primary.checkout:hover,
.block-minicart .action.primary.checkout:hover {
    background: transparent !important;
    color: #2a2825 !important;
}
/* ===== END ===== */

/* ===== MW MINICART ? hide Spend X warning bar ===== */
/* Shopbar already shows the same message. " + marker + " */
.block-minicart > .warning-bar,
.block-minicart > #maintotal,
.block-minicart > #maintotal.warning-bar,
.block-minicart .warning-bar.freeexpress {
    display: none !important;
}
/* ===== END ===== */

/* ===== MW MINICART ? View Basket (in cart-heading h6) full width ===== */
/* mw-minicart-viewbasket-fullwidth */
.block-minicart .cart-heading {
    display: block !important;
    margin: 0 14px 10px !important;
}
.block-minicart .cart-heading h6 {
    margin: 0 !important;
    width: 100% !important;
}
.block-minicart .cart-heading h6 a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 12px 22px !important;
    border-radius: 2px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    background: transparent !important;
    color: #2a2825 !important;
    border: 1px solid #2a2825 !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    white-space: nowrap !important;
}
.block-minicart .cart-heading h6 a:hover {
    background: #2a2825 !important;
    color: #fff !important;
}
/* Hide the count + Item/Items heading next to it so View Basket has full width */
.block-minicart .cart-heading h6:first-child {
    display: none !important;
}
/* ===== END ===== */

/* === MW Nav Test 2026-05-14 === */
/* Scoped to body.mw-nav-test — only applies on /deals (loaded via cms_page_view_id_deals.xml). */

/* ============ 1. NUKE legacy positioning inside header ON MOBILE ============ */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar,
  html body.mw-nav-test .mainHeader.topbar > .container,
  html body.mw-nav-test .mainHeader.topbar > .container > .row,
  html body.mw-nav-test .mainHeader.topbar > .container > .row > [class*='col-'],
  html body.mw-nav-test .page-header .mainHeader,
  html body.mw-nav-test .page-header .mainHeader > .container,
  html body.mw-nav-test header.page-header .panel.wrapper.menu-icon,
  html body.mw-nav-test .mobile-position {
    position: static !important;
    top: auto !important; left: auto !important;
    right: auto !important; bottom: auto !important;
    transform: none !important;
    float: none !important;
  }
}

/* ============ 2. Hide legacy mobile triggers (we re-fire them) ============ */
body.mw-nav-test #mw-search-btn,
body.mw-nav-test .mainHeader .nav-toggle,
body.mw-nav-test .top-logo .action.nav-toggle {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important; height: 0 !important;
  padding: 0 !important; margin: 0 !important;
  position: absolute !important;
  left: -9999px !important;
  pointer-events: none !important;
}

/* ============ 3. Force wishlist visible on mobile (style.css:2102 hides it) ============ */
body.mw-nav-test .wishlist,
body.mw-nav-test .parent-icon .menu-icon .link.wishlist {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hide cart on mobile (bottom cart bar handles it) */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .parent-icon > .mw-nav-cart-orig {
    display: none !important;
  }
}

/* ============ 4. Header chrome ============ */
body.mw-nav-test .mainHeader.topbar { background: #fff; position: relative; z-index: 50; }

/* ============ 5. Row + cols (Bootstrap-style without modifying XML) ============ */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar > .container { max-width: 100% !important; padding: 0 8px !important; }
  html body.mw-nav-test .mainHeader.topbar > .container > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    position: relative !important;
  }
  /* Logo col → 25% */
  html body.mw-nav-test .mainHeader.topbar > .container > .row > div:nth-child(1) {
    flex: 0 0 25% !important; max-width: 25% !important; width: 25% !important;
    padding: 0 !important; margin: 0 !important;
    height: auto !important; overflow: visible !important;
  }
  /* Search col → hidden */
  html body.mw-nav-test .mainHeader.topbar > .container > .row > div:nth-child(2) {
    display: none !important;
    flex: 0 0 0 !important; max-width: 0 !important; width: 0 !important;
  }
  /* Icons col → 75% */
  html body.mw-nav-test .mainHeader.topbar > .container > .row > div:nth-child(3) {
    flex: 0 0 75% !important; max-width: 75% !important; width: 75% !important;
    padding: 0 !important; margin: 0 !important;
    height: auto !important; overflow: visible !important;
  }
  html body.mw-nav-test .mainHeader.topbar .top-logo,
  html body.mw-nav-test .mainHeader.topbar .top-logo a.logo {
    display: flex !important; align-items: center !important;
    width: auto !important; height: auto !important;
    margin: 0 !important; padding: 0 !important;
  }
  html body.mw-nav-test .mainHeader.topbar .top-logo img {
    height: 36px !important; width: auto !important; max-width: 100% !important;
    margin: 0 !important; display: block !important;
  }
}

@media (min-width: 1024px) {
  html body.mw-nav-test .mainHeader.topbar > .container > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  html body.mw-nav-test .mw-nav-row .mw-icon--touch { display: none !important; }
}

/* ============ 6. parent-icon — flex row right-aligned ============ */
body.mw-nav-test .parent-icon {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px;
  width: 100% !important;
  height: auto !important;
  position: static !important;
  overflow: visible !important;
}
@media (max-width: 480px) { html body.mw-nav-test .parent-icon { gap: 8px !important; } }
@media (max-width: 360px) { html body.mw-nav-test .parent-icon { gap: 4px !important; } }

/* ============ 7. Flex ORDER (visual L→R): Currency, Wishlist, Login, [Search+Menu touch], Cart ============ */
/* DOM order in parent-icon:
   :nth-child(1) = mw-nav-row     → order: 4
   :nth-child(2) = menu-icon (Login)        → order: 3
   :nth-child(3) = panel.wrapper.menu-icon (Currency)  → order: 1
   :nth-child(4) = menu-icon (Wishlist)     → order: 2
   :nth-child(5) = menu-icon.mw-nav-cart-orig (Cart)   → order: 5  */
html body.mw-nav-test .parent-icon > :nth-child(1) { order: 4 !important; }
html body.mw-nav-test .parent-icon > :nth-child(2) { order: 3 !important; }
html body.mw-nav-test .parent-icon > :nth-child(3) { order: 1 !important; }
html body.mw-nav-test .parent-icon > :nth-child(4) { order: 2 !important; }
html body.mw-nav-test .parent-icon > :nth-child(5) { order: 5 !important; }

/* ============ 8. Each child = Scandi tile (relative for dropdown anchors) ============ */
body.mw-nav-test .parent-icon > .menu-icon,
body.mw-nav-test .parent-icon > .panel.wrapper.menu-icon {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  position: relative !important;
  padding: 4px 2px !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Anchors inside menu-icons */
body.mw-nav-test .parent-icon > .menu-icon:not(.mw-icon-cart) a,
body.mw-nav-test .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper > .action.showcart > .text,
body.mw-nav-test .parent-icon > .menu-icon .switcher-trigger,
body.mw-nav-test .parent-icon > .menu-icon .action.showcart,
body.mw-nav-test .parent-icon > .panel.wrapper.menu-icon .switcher-trigger {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  background: transparent !important;
  color: #2a2825 !important;
  border: 0 !important;
}

/* ============ 9. REPLACE existing ::before icons with Scandi SVG masks ============ */
body.mw-nav-test .parent-icon .menu-icon .link.authorization-link a::before,
body.mw-nav-test .parent-icon .menu-icon .link.wishlist a::before,
body.mw-nav-test .parent-icon .menu-icon .minicart-wrapper .action.showcart::before,
body.mw-nav-test .parent-icon .menu-icon .minicart-wrapper .action.showcart.active::before {
  background-image: none !important;
  content: "" !important;
  width: 22px !important;
  height: 22px !important;
  background-color: #2a2825 !important;
  -webkit-mask-position: center !important; mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important; mask-size: contain !important;
  display: block !important;
  font: 0/0 a !important;
  color: transparent !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  position: static !important;
  opacity: 1 !important;
}

body.mw-nav-test .parent-icon .menu-icon .link.authorization-link a::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") !important;
}
body.mw-nav-test .parent-icon .menu-icon .link.wishlist a::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/></svg>") !important;
}
body.mw-nav-test .parent-icon .menu-icon .minicart-wrapper .action.showcart::before,
body.mw-nav-test .parent-icon .menu-icon .minicart-wrapper .action.showcart.active::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/><path d='M3 6h18'/><path d='M16 10a4 4 0 0 1-8 0'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/><path d='M3 6h18'/><path d='M16 10a4 4 0 0 1-8 0'/></svg>") !important;
}

/* Currency: hide legacy flag IMG + the "Language" label, add globe ::before to view-default strong */
body.mw-nav-test .parent-icon .panel.wrapper.menu-icon .switcher-language strong.view-default img {
  display: none !important;
}
body.mw-nav-test .parent-icon .panel.wrapper.menu-icon .switcher-label {
  display: none !important;
}
body.mw-nav-test .parent-icon .panel.wrapper.menu-icon .switcher-language strong.view-default {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
}
body.mw-nav-test .parent-icon .panel.wrapper.menu-icon .switcher-language strong.view-default::before {
  content: "";
  width: 22px;
  height: 22px;
  background-color: #2a2825;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/></svg>");
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: contain; mask-size: contain;
  display: block;
  margin: 0 auto;
}
/* Make sure the currency dropdown panel is anchored properly when opened */
body.mw-nav-test .parent-icon .panel.wrapper.menu-icon .actions.dropdown {
  position: relative !important;
}
body.mw-nav-test .parent-icon .panel.wrapper.menu-icon .switcher-dropdown {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  z-index: 100 !important;
  min-width: 120px !important;
}
/* When NOT active, dropdown stays hidden — Magento toggles _active class */
body.mw-nav-test .parent-icon .panel.wrapper.menu-icon .switcher-trigger:not(._active) + .switcher-dropdown,
body.mw-nav-test .parent-icon .panel.wrapper.menu-icon .actions.dropdown:not(.active) .switcher-dropdown {
  display: none !important;
}
body.mw-nav-test .parent-icon .panel.wrapper.menu-icon .actions.dropdown.active .switcher-dropdown,
body.mw-nav-test .parent-icon .panel.wrapper.menu-icon ._active .switcher-dropdown {
  display: block !important;
}

/* ============ 10. UNIFIED LABEL FONT — Inter 10/600/0.08em uppercase ============ */
body.mw-nav-test .parent-icon > .menu-icon:not(.mw-icon-cart) a,
body.mw-nav-test .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper > .action.showcart > .text,
body.mw-nav-test .parent-icon > .menu-icon:not(.mw-icon-cart) a span,
body.mw-nav-test .parent-icon > .panel.wrapper.menu-icon .switcher-trigger strong span,
body.mw-nav-test .parent-icon > .menu-icon .action.showcart .text,
body.mw-nav-test .parent-icon > .menu-icon .action.showcart h6 {
  font: 600 10px/1 "Inter", sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #2a2825 !important;
  text-decoration: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

/* But dropdown content keeps own typography */
body.mw-nav-test .parent-icon .field-tooltip-content,
body.mw-nav-test .parent-icon .switcher-dropdown,
body.mw-nav-test .parent-icon .block-minicart {
  font-size: revert !important;
  font-weight: revert !important;
  letter-spacing: revert !important;
  text-transform: revert !important;
  white-space: revert !important;
}

/* Hide price-label on desktop ("£0.00" next to bag — keep only icon + badge) */
@media (min-width: 1024px) {
  body.mw-nav-test .parent-icon .action.showcart h6.price-label,
  body.mw-nav-test .parent-icon .action.showcart .price-label { display: none !important; }
}

/* ============ 11. Cart badge — match Scandi look, adopt existing position ============ */
body.mw-nav-test .parent-icon .action.showcart .cart-item,
body.mw-nav-test .parent-icon .action.showcart .counter.qty {
  background: #2a2825 !important;
  color: #fff !important;
  font: 700 9px/1 "Inter", sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 4px !important;
  border-radius: 9px !important;
  text-align: center !important;
  min-width: 18px !important;
  border: 0 !important;
}

/* ============ 12. Hide the login tooltip dropdown — login goes direct to href ============ */
body.mw-nav-test .parent-icon .menu-icon .link.authorization-link .field-tooltip-content,
body.mw-nav-test .parent-icon .menu-icon .authorization-link .field-tooltip-content {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
}

/* ============ 13. mw-nav-row touch icons (Search + Menu) ============ */
body.mw-nav-test .mw-nav-row {
  display: inline-flex !important;
  align-items: center;
  flex-direction: row !important;
  gap: 14px;
}
@media (max-width: 480px) { body.mw-nav-test .mw-nav-row { gap: 8px !important; } }
@media (max-width: 360px) { body.mw-nav-test .mw-nav-row { gap: 4px !important; } }
body.mw-nav-test .mw-nav-row .mw-icon {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 4px 2px;
  margin: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: #2a2825;
  text-decoration: none;
  font: 600 10px/1 "Inter", sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  -webkit-appearance: none;
  appearance: none;
}
body.mw-nav-test .mw-nav-row .mw-icon-label {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  margin: 0;
  padding: 0;
}
body.mw-nav-test .mw-nav-row .mw-icon-glyph {
  width: 22px; height: 22px;
  background-color: #2a2825;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: contain; mask-size: contain;
  display: block;
}
body.mw-nav-test .mw-nav-row .mw-icon--search .mw-icon-glyph {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m21 21-4.3-4.3'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m21 21-4.3-4.3'/></svg>");
}
body.mw-nav-test .mw-nav-row .mw-icon--menu .mw-icon-glyph {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'><path d='M3 6h18M3 12h18M3 18h18'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'><path d='M3 6h18M3 12h18M3 18h18'/></svg>");
}

/* Smaller glyphs at narrow widths */
@media (max-width: 480px) {
  body.mw-nav-test .parent-icon .menu-icon .link.authorization-link a::before,
  body.mw-nav-test .parent-icon .menu-icon .link.wishlist a::before,
  body.mw-nav-test .parent-icon .menu-icon .minicart-wrapper .action.showcart::before,
  body.mw-nav-test .parent-icon .panel.wrapper.menu-icon .switcher-language strong.view-default::before,
  body.mw-nav-test .mw-nav-row .mw-icon-glyph { width: 20px !important; height: 20px !important; }
  body.mw-nav-test .parent-icon > .menu-icon:not(.mw-icon-cart) a,
body.mw-nav-test .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper > .action.showcart > .text,
  body.mw-nav-test .parent-icon > .menu-icon:not(.mw-icon-cart) a span,
  body.mw-nav-test .parent-icon > .panel.wrapper.menu-icon .switcher-trigger strong span,
  body.mw-nav-test .mw-nav-row .mw-icon { font-size: 9px !important; letter-spacing: 0.05em !important; }
}

/* === end MW Nav Test 2026-05-14 === */

/* === MW Nav Test PATCH A 2026-05-14 === */
/* Match label rule's specificity exactly so the <=480 size wins via order */
@media (max-width: 480px) {
  body.mw-nav-test .parent-icon > .menu-icon:not(.mw-icon-cart) a,
body.mw-nav-test .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper > .action.showcart > .text,
  body.mw-nav-test .parent-icon > .menu-icon:not(.mw-icon-cart) a span,
  body.mw-nav-test .parent-icon > .panel.wrapper.menu-icon .switcher-trigger strong span,
  body.mw-nav-test .parent-icon > .menu-icon .action.showcart .text,
  body.mw-nav-test .parent-icon > .menu-icon .action.showcart h6,
  body.mw-nav-test .mw-nav-row .mw-icon,
  body.mw-nav-test .mw-nav-row .mw-icon-label {
    font-size: 9px !important;
    letter-spacing: 0.05em !important;
  }
}
/* === end MW Nav Test PATCH A 2026-05-14 === */

/* === MW Nav Test PATCH B 2026-05-14 === */
/* Beat .mainHeader.topbar .parent-icon (spec 0,3,0) with extra class + html prefix (spec 0,5,1) */
html body.mw-nav-test .mainHeader.topbar .parent-icon {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 56px !important;
  position: static !important;
  overflow: visible !important;
}
@media (max-width: 480px) {
  html body.mw-nav-test .mainHeader.topbar .parent-icon { gap: 8px !important; min-height: 56px !important; }
}
@media (max-width: 360px) {
  html body.mw-nav-test .mainHeader.topbar .parent-icon { gap: 4px !important; }
}

/* Same for the icons col itself — beat [class*="col-"] { height:0 } on mobile */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar .mainHeader,
  html body.mw-nav-test .mainHeader.topbar > .container,
  html body.mw-nav-test .mainHeader.topbar > .container > .row,
  html body.mw-nav-test .mainHeader.topbar > .container > .row > [class*="col-"] {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  html body.mw-nav-test .mainHeader.topbar > .container > .row {
    min-height: 64px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  html body.mw-nav-test .mainHeader.topbar > .container > .row > div:nth-child(3) {
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
  }
  /* Logo: keep in flow, not above viewport */
  html body.mw-nav-test .mainHeader.topbar .top-logo,
  html body.mw-nav-test .mainHeader.topbar .top-logo a.logo,
  html body.mw-nav-test .mainHeader.topbar .top-logo img {
    position: static !important;
    top: auto !important; left: auto !important;
    transform: none !important;
    margin-top: 0 !important; margin-bottom: 0 !important;
  }
}
/* === end MW Nav Test PATCH B 2026-05-14 === */

/* === MW Nav Test PATCH C 2026-05-14 === */
html body.mw-nav-test .mainHeader.topbar .parent-icon > :nth-child(1) { order: 3 !important; }
html body.mw-nav-test .mainHeader.topbar .parent-icon > :nth-child(2) { order: 1 !important; }
html body.mw-nav-test .mainHeader.topbar .parent-icon > :nth-child(3) { order: 2 !important; }
html body.mw-nav-test .mainHeader.topbar .parent-icon > :nth-child(4) { order: 5 !important; }
html body.mw-nav-test .mainHeader.topbar .parent-icon > :nth-child(5) { order: 4 !important; }
/* === end MW Nav Test PATCH C 2026-05-14 === */

/* === MW Nav Test PATCH D 2026-05-14 === */

/* ---- (1) Mobile megamenu: slide from RIGHT ---- */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .nav-sections {
    left: auto !important;
    right: -100% !important;
    transform: none !important;
    transition: right .3s ease !important;
  }
  html body.mw-nav-test.nav-before-open .nav-sections,
  html body.mw-nav-test.nav-open .nav-sections {
    left: auto !important;
    right: 0 !important;
  }
  /* Magento adds overflow:hidden + transform on .page-wrapper for mobile menu —
     it normally pushes content right; we want it to push left. */
  html body.mw-nav-test.nav-open .page-wrapper {
    transform: translate3d(-80%, 0, 0) !important;
  }
}

/* ---- (2) Mobile megamenu: ensure a close button is visible ---- */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .nav-sections::before {
    content: "✕";
    position: absolute !important;
    top: 8px;
    right: 12px;
    z-index: 100;
    font-size: 24px;
    line-height: 1;
    color: #2a2825;
    cursor: pointer;
    padding: 6px 10px;
    background: #fff;
    border-radius: 4px;
    pointer-events: auto;
  }
}

/* ---- (3) Mobile search dropdown: amsearch wrapper goes fixed when opened ---- */
@media (max-width: 1023.98px) {
  /* Even though search column is hidden, when JS adds .mw-open we float the
     amsearch panel below the header. */
  html body.mw-nav-test .amsearch-wrapper-block {
    /* default: hidden */
    display: none !important;
  }
  html body.mw-nav-test .amsearch-wrapper-block.mw-open {
    display: block !important;
    position: fixed !important;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 200 !important;
    background: #fff !important;
    border-top: 1px solid #eee !important;
    padding: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }
  /* Also override our earlier display:none on the search column so amsearch
     can be rendered (it's NESTED inside the column). We hide the column's
     OTHER children differently. */
  html body.mw-nav-test .mainHeader.topbar > .container > .row > div:nth-child(2) {
    display: block !important;
    position: absolute !important;
    left: -9999px !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    height: 0 !important;
    overflow: visible !important;
  }
  /* But its amsearch child can break free with position:fixed when .mw-open */
  html body.mw-nav-test .mainHeader.topbar > .container > .row > div:nth-child(2) .amsearch-wrapper-block.mw-open {
    position: fixed !important;
    left: 0 !important;
    top: 60px !important;
  }
}

/* ---- (4) Mobile currency dropdown: stay inside viewport ---- */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .parent-icon .panel.wrapper.menu-icon {
    position: relative !important;
  }
  html body.mw-nav-test .parent-icon .panel.wrapper.menu-icon .actions.dropdown {
    position: static !important;
  }
  html body.mw-nav-test .parent-icon .panel.wrapper.menu-icon .switcher-dropdown {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    margin-top: 4px !important;
    z-index: 100 !important;
    min-width: 130px !important;
    max-width: 180px !important;
    background: #fff !important;
    border: 1px solid #eee !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    padding: 6px 0 !important;
    border-radius: 4px !important;
  }
  html body.mw-nav-test .parent-icon .switcher-dropdown li.switcher-option {
    display: block !important;
    padding: 6px 12px !important;
    white-space: nowrap !important;
  }
  html body.mw-nav-test .parent-icon .switcher-dropdown li.switcher-option a {
    display: block !important;
    padding: 0 !important;
    font-size: 12px !important;
    color: #2a2825 !important;
  }
}

/* ---- (5) Desktop minicart: ensure 'Basket' label visible ---- */
@media (min-width: 1024px) {
  html body.mw-nav-test .parent-icon .action.showcart {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 3px !important;
    min-width: 56px !important;
  }
  html body.mw-nav-test .parent-icon .action.showcart .text {
    display: block !important;
    font: 600 10px/1 "Inter", sans-serif !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #2a2825 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: nowrap !important;
  }
}
/* === end MW Nav Test PATCH D 2026-05-14 === */

/* === MW Nav Test PATCH F 2026-05-14 === */
/* Desktop cart even spacing: align minicart-wrapper to match sibling tiles */
html body.mw-nav-test .parent-icon > .menu-icon.mw-nav-cart-orig {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  padding: 4px 2px !important;
  margin: 0 !important;
  min-width: 56px !important;
  height: auto !important;
}
html body.mw-nav-test .parent-icon .menu-icon.mw-nav-cart-orig .minicart-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}
html body.mw-nav-test .parent-icon .menu-icon.mw-nav-cart-orig .action.showcart {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}
@media (min-width: 1024px) {
  html body.mw-nav-test .parent-icon .menu-icon.mw-nav-cart-orig .action.showcart .text {
    display: block !important;
    font: 600 10px/1 "Inter", sans-serif !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #2a2825 !important;
    position: static !important;
    width: auto !important; height: auto !important;
    overflow: visible !important;
    clip: auto !important; clip-path: none !important;
    margin: 0 !important; padding: 0 !important;
    white-space: nowrap !important;
  }
  html body.mw-nav-test .parent-icon .menu-icon.mw-nav-cart-orig .action.showcart h6.price-label,
  html body.mw-nav-test .parent-icon .menu-icon.mw-nav-cart-orig .action.showcart .price-label {
    display: none !important;
  }
}
/* === end MW Nav Test PATCH F 2026-05-14 === */

/* === MW Nav Test PATCH G 2026-05-14 === */
/* nav-toggle: visual-only hide (display:block overrides any earlier display:none;
   opacity/position keep it invisible; JS toggles body classes directly instead) */
html body.mw-nav-test .nav-toggle,
html body.mw-nav-test [data-action="toggle-nav"] {
  display: block !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* amsearch show rule: extra .mw-open class raises specificity to (0,3,2),
   beating the (0,2,2) hide rule among !important rules */
html body.mw-nav-test .amsearch-wrapper-block.mw-open {
  display: block !important;
  visibility: visible !important;
}
@media (max-width: 1023.98px) {
  html body.mw-nav-test .amsearch-wrapper-block.mw-open {
    position: fixed !important;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9998 !important;
    background: #fff !important;
    padding: 12px 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.18) !important;
  }
  /* Hide cart on mobile — high-specificity selector beats nuke rule (0,3,2)
     Targets .minicart-wrapper directly (no JS-added class dependency) */
  html body.mw-nav-test .mainHeader.topbar .parent-icon .minicart-wrapper,
  html body.mw-nav-test .mainHeader.topbar .parent-icon .minicart-wrapper * {
    display: none !important;
    visibility: hidden !important;
  }
}
/* === end MW Nav Test PATCH G 2026-05-14 === */

/* === MW Nav Test PATCH H 2026-05-14 === */
/* Clean uniform-tile layout. Six .menu-icon children, three viewport-conditional.
   Highest-specificity selectors (html body.mw-nav-test .mainHeader.topbar .parent-icon)
   so this block beats every legacy nuke without needing per-property !important fights.
   ---------------------------------------------------------------------------- */

/* 1. Parent container — single flex row, uniform spacing.
      `max-width: 100%` overrides the legacy `max-width: 75%` that was clipping
      parent-icon to 224px in a 299px column (causing icons to overflow LEFT
      with justify-content:flex-end, overlapping the logo). */
html body.mw-nav-test .mainHeader.topbar .parent-icon {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  min-height: 56px !important;
  height: auto !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

/* 1b. Visual order via CSS — DOM stays untouched.
      Canonical order: currency, wishlist, login, cart, search, menu */
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-currency { order: 1 !important; }
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-wishlist { order: 2 !important; }
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-login    { order: 3 !important; }
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-cart     { order: 4 !important; }
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-search   { order: 5 !important; }
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-menu     { order: 6 !important; }

/* 2. Uniform tile — every direct child gets identical dimensions.
      Resets every leftover legacy property (panel, wrapper, flex order, etc.) */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon {
  display: inline-flex !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  position: relative !important;
  box-sizing: border-box !important;
  min-width: 56px !important;
  max-width: 80px !important;
  height: 48px !important;
  padding: 4px 6px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  list-style: none !important;
  text-align: center !important;
  cursor: pointer !important;
  /* hide native bullets / weird legacy display */
  float: none !important;
  vertical-align: middle !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}

/* 3. Viewport visibility — single source of truth */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.desktop-only {
    display: none !important;
  }
  /* Mobile tiles slightly tighter — 5 icons in col-8 */
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon {
    min-width: 48px !important;
    max-width: 64px !important;
    padding: 4px 2px !important;
  }
}
@media (min-width: 1024px) {
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mobile-only {
    display: none !important;
  }
}

/* 4. UNIFIED label style — every tile's text label matches exactly.
      Covers: my injected .mw-icon-label, my injected .mw-cur-label, legacy <a> labels
      (wishlist/login nest <a> inside .link.* wrappers — descendant combinator), legacy
      .counter-label / .action.showcart .text on cart. */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-icon-label,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-cur-label,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon:not(.mw-icon-cart) a,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .counter-label,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .action.showcart .text {
  font: 600 10px/1 "Inter", Arial, sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #2a2825 !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

/* 5. Icon glyph — uniform 22px SVG-mask block above the label */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-icon-glyph,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon::before {
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  background-color: #2a2825 !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 6. Per-icon SVG mask — semantic class names */
/* CURRENCY: no globe icon — symbol + "Currency" label rendered via JS-injected spans.
   Match the global ::before rule's specificity (+ .mainHeader.topbar) so this override wins. */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-currency .switcher-language,
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-currency .switcher-options,
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-currency .switcher-trigger {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
/* Hide ONLY the legacy <img> flag — JS rewrites the trigger innerHTML so legacy span goes away.
   :not() exclusion ensures we never hide our injected .mw-cur-* spans. */
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-currency .switcher-trigger .view-default > img,
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-currency .switcher-label {
  display: none !important;
}
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-currency .switcher-trigger .view-default {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
}
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol {
  font: 700 18px/1 Georgia, "Times New Roman", serif !important;
  color: #2a2825 !important;
  display: block !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-currency .mw-cur-label {
  font: 600 10px/1 "Inter", Arial, sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #2a2825 !important;
  display: block !important;
}
/* No mobile font override on currency — labels stay uniform 10px across all tiles
   to match wishlist/login/search/menu. Mobile symbol stays at 16px (smaller tile). */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol { font-size: 16px !important; }
}
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-wishlist::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z'/></svg>") !important;
}
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-login::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") !important;
}
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-cart::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6'/></svg>") !important;
}
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-search::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='M21 21l-4.35-4.35'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='M21 21l-4.35-4.35'/></svg>") !important;
}
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-menu::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='3' y1='6' x2='21' y2='6'/><line x1='3' y1='12' x2='21' y2='12'/><line x1='3' y1='18' x2='21' y2='18'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='3' y1='6' x2='21' y2='6'/><line x1='3' y1='12' x2='21' y2='12'/><line x1='3' y1='18' x2='21' y2='18'/></svg>") !important;
}

/* 7. Hide any legacy ::before icons inside the tile (existing main block tries to put SVG on ::before of inner elements — kill those duplicates) */
html body.mw-nav-test .parent-icon > .menu-icon .link.authorization-link::before,
html body.mw-nav-test .parent-icon > .menu-icon .link.wishlist::before,
html body.mw-nav-test .parent-icon > .menu-icon .action.showcart::before,
html body.mw-nav-test .parent-icon > .menu-icon .switcher-trigger::before {
  content: none !important;
  display: none !important;
}

/* 8. Cart-specific resets — minicart wrapper/showcart links inside the cart tile.
      Collapse their wrappers so the tile renders as a single uniform glyph+label. */
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-cart .minicart-wrapper,
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-cart .action.showcart {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  position: static !important;
}
/* Hide native showcart icon — we render glyph via tile ::before */
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-cart .action.showcart > .text {
  /* Show "Basket" label */
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
}

/* 9. Counter badge (cart count) — small dot, top-right of tile */
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-cart .counter.qty {
  position: absolute !important;
  top: 0 !important;
  right: 4px !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
  background: #1a1a1a !important;
  color: #fff !important;
  border-radius: 8px !important;
  font: 600 10px/16px "Inter", Arial, sans-serif !important;
  text-align: center !important;
}
html body.mw-nav-test .parent-icon > .menu-icon.mw-icon-cart .counter.qty.empty {
  display: none !important;
}
/* === end MW Nav Test PATCH H 2026-05-14 === */

/* === MW Nav Test PATCH I 2026-05-14 === */
/* BASE — applied at all viewports. Uniform tile geometry. Only viewport-conditional
   piece is the font-size scale (8px mobile → 10px desktop). */

html body.mw-nav-test .mainHeader.topbar .parent-icon {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 56px !important;
  height: auto !important;
  padding: 0 8px !important;
  margin: 0 !important;
  gap: 0 !important;
}

html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon::before {
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 22px !important;
}

html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-cur-symbol {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  font: 700 18px/22px Georgia, "Times New Roman", serif !important;
  color: #2a2825 !important;
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Labels — base 8px (mobile size). Width:max-content + overflow:visible defeats
   the legacy overflow:hidden that was truncating "CURRENCY" to "CURRE". */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-icon-label,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-cur-label,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon:not(.mw-icon-cart) a,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper > .action.showcart > .text,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper > .action.showcart > span.text {
  display: block !important;
  font: 600 8px/1 "Inter", Arial, sans-serif !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #2a2825 !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  text-align: center !important;
  overflow: visible !important;
  width: max-content !important;
  max-width: none !important;
}

/* Kill duplicate legacy ::before/::after icons on inner <a> / .link wrappers
   (otherwise wishlist/login show two stacked icons). */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon > .link > a::before,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon > .link > a::after,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon > .link::before,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon > .link::after {
  content: none !important;
  display: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Cart needs higher specificity — the legacy main MW Nav Test block had a
   6-class rule (body.mw-nav-test .parent-icon .menu-icon .minicart-wrapper
   .action.showcart::before) that was beating the simpler hide above. This
   chain explicitly includes .minicart-wrapper + .action.showcart so it wins. */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .minicart-wrapper .action.showcart::before,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .minicart-wrapper .action.showcart::after {
  content: none !important;
  display: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Login tile carries TWO <a> tags ("Login" + "Sign In"). Keep only the first —
   second label inflated the tile content and pushed the icon upward. */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-login > .link.authorization-link > a ~ a,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-login > .authorization-link > a ~ a {
  display: none !important;
}

/* Inner wrappers (.authorization-link h:22px, others) carry legacy fixed heights
   from the old 5-slot mobile system. Reset to auto so they size to content —
   keeps tile content centered the same way for every icon. */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon > .authorization-link,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon > .link.authorization-link,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon > .link.wishlist,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon > .switcher-language,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon > .switcher-options,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon > .panel.wrapper.menu-icon > .switcher-trigger,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .panel.wrapper.menu-icon > .switcher-trigger {
  height: auto !important;
  min-height: 0 !important;
  line-height: 1 !important;
}

/* MOBILE — smaller icons (18×18) */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon::before {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-cur-symbol {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
}

/* DESKTOP — same layout, bigger font */
@media (min-width: 1024px) {
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-icon-label,
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-cur-label,
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon:not(.mw-icon-cart) a {
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-cur-symbol {
    font-size: 22px !important;
  }
}
/* === end MW Nav Test PATCH I 2026-05-14 === */

/* === MW Nav Test PATCH J 2026-05-14 === */

/* ── 1. Currency: SVG mask icons per store. JS sets data-cur on .mw-cur-symbol ─ */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol {
  /* Hide text content, render as masked icon block */
  font-size: 0 !important;
  color: transparent !important;
  background-color: #2a2825 !important;
  -webkit-mask-repeat: no-repeat !important;
          mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
          mask-position: center !important;
  -webkit-mask-size: contain !important;
          mask-size: contain !important;
}

/* GBP (default store) */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="default"],
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="gbp"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M18 7c0-5.333-8-5.333-8 0'/><path d='M10 7v10c0 .795-.422 1.512-1 2'/><path d='M6 11h7'/><path d='M5 21h13'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M18 7c0-5.333-8-5.333-8 0'/><path d='M10 7v10c0 .795-.422 1.512-1 2'/><path d='M6 11h7'/><path d='M5 21h13'/></svg>") !important;
}

/* USD */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="usd"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='2' x2='12' y2='22'/><path d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='2' x2='12' y2='22'/><path d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/></svg>") !important;
}

/* AUD — dollar with small "A" diacritic above */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="aud"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 8 L7.5 3 L10 8'/><path d='M5.8 6.5 L9.2 6.5'/><line x1='17' y1='5' x2='17' y2='22'/><path d='M21 8h-4a2.5 2.5 0 0 0 0 5h3a2.5 2.5 0 0 1 0 5h-4'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 8 L7.5 3 L10 8'/><path d='M5.8 6.5 L9.2 6.5'/><line x1='17' y1='5' x2='17' y2='22'/><path d='M21 8h-4a2.5 2.5 0 0 0 0 5h3a2.5 2.5 0 0 1 0 5h-4'/></svg>") !important;
}

/* EUR */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="eur"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 10h12'/><path d='M4 14h9'/><path d='M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 10h12'/><path d='M4 14h9'/><path d='M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2'/></svg>") !important;
}

/* Make whole cart tile show as pointer (entire tile is clickable now) */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart {
  cursor: pointer !important;
}

/* ── 2. Search box: mobile cleanup ─────────────────────────────────────────── */

/* Remove the magnifier (-loupe) button inside search input */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .amsearch-input-wrapper .amsearch-button.-loupe {
    display: none !important;
  }
}

/* Remove padding on input wrapper at <767px */
@media (max-width: 767px) {
  html body.mw-nav-test .amsearch-wrapper-block .amsearch-input-wrapper {
    padding: 0 !important;
  }
}

/* No padding on opened search block at <1024px */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .amsearch-wrapper-block.mw-open {
    padding: 0 !important;
  }
}
/* === end MW Nav Test PATCH J 2026-05-14 === */

/* === MW Nav Test PATCH K 2026-05-14 === */
/* Bootstrap col-3 (logo) / col-9 (icons) on mobile via JS-added classes.
   Legacy nth-child rule (25%/75%) in the main MW Nav Test block had spec
   (0,6,3); these selectors add `.col-3` / `.col-9` for spec (0,7,3) — wins. */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar > .container > .row > div.col-3:nth-child(1) {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  html body.mw-nav-test .mainHeader.topbar > .container > .row > div.col-9:nth-child(3) {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
}
/* === end MW Nav Test PATCH K 2026-05-14 === */

/* === MW Nav Test PATCH L 2026-05-14 === */

/* ── 1. Mobile menu container fix ──────────────────────────────────────────── */
/* .page-wrapper transform creates a containing block that traps .nav-sections.
   Kill transform on mw-nav-test scope so position:fixed becomes viewport-relative. */
html body.mw-nav-test .page-wrapper {
  transform: none !important;
}
/* Magento's responsive.js sets transform inline when nav opens — override that too */
html body.mw-nav-test.nav-open .page-wrapper,
html body.mw-nav-test.nav-before-open .page-wrapper {
  transform: none !important;
}

/* ── 2. CLS placeholder — reserve final dimensions from first paint ────────── */
/* Header row: tight height that hugs the 48px tile content + small breathing room.
   Mobile target ~58px total. */
html body.mw-nav-test .mainHeader.topbar {
  min-height: 58px !important;
  height: auto !important;
}
html body.mw-nav-test .mainHeader.topbar > .container > .row {
  min-height: 48px !important;
  height: auto !important;
}

/* Logo column: width reservation only — no min-height (let content size) */
html body.mw-nav-test .mainHeader.topbar > .container > .row > div:nth-child(1) {
  min-height: 0 !important;
}
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar > .container > .row > div:nth-child(1) {
    /* same as col-3 — reserve 25% upfront so the col-3 JS swap doesn't shift */
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
    /* Logo col: flex column, center-left so the logo sits vertically centered */
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 48px !important;
  }
  html body.mw-nav-test .mainHeader.topbar > .container > .row > div:nth-child(3) {
    /* same as col-9 — reserve 75% upfront */
    flex: 0 0 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  /* Logo anchor inside the col stretches to fill so the image can sit center-left */
  html body.mw-nav-test .mainHeader.topbar .logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
  }
}

/* Icons row: tight to 48px tile content */
html body.mw-nav-test .mainHeader.topbar .parent-icon {
  min-height: 48px !important;
  height: auto !important;
  contain: layout !important;
}

/* Each tile: reserve fixed-ish dimensions so JS-added classes don't shift sibling tiles */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon {
  min-height: 48px !important;
  min-width: 40px !important;
}

/* Icon glyph slot reserved 22×22 (desktop) / 18×18 (mobile) regardless of mask state */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon::before,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-cur-symbol {
  width: 22px !important;
  height: 22px !important;
  /* fallback bg color matches mask fill so the placeholder doesn't flash white */
  background-color: #2a2825 !important;
}
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon::before,
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-cur-symbol {
    width: 18px !important;
    height: 18px !important;
  }
}

/* Logo image: prevent intrinsic image dimensions causing CLS as image loads */
html body.mw-nav-test .mainHeader.topbar .logo img {
  width: 100% !important;
  max-width: 220px !important;
  height: auto !important;
  aspect-ratio: 242 / 76 !important;
}
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar .logo img {
    max-width: 140px !important;
  }
}

/* === end MW Nav Test PATCH L 2026-05-14 === */

/* === MW Nav Test PATCH M 2026-05-14 === */
/* Hide .parent-icon until JS DOM mutations are done. Layout space stays reserved
   (visibility:hidden, not display:none) so no CLS — the row's height/width are
   from PATCH L. JS adds `mw-icons-ready` to body before first paint. */
html body.mw-nav-test .parent-icon {
  visibility: hidden !important;
}
html body.mw-nav-test.mw-icons-ready .parent-icon {
  visibility: visible !important;
}
/* === end MW Nav Test PATCH M 2026-05-14 === */

/* === MW Nav Test PATCH N 2026-05-14 === */
/* Currency tile is a positioning anchor for the dropdown */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency {
  position: relative !important;
}

/* Dropdown — hidden by default, shown when .mw-cur-open is on .switcher-options */
html body.mw-nav-test .parent-icon .mw-icon-currency .switcher-options .switcher-dropdown {
  display: none !important;
}
html body.mw-nav-test .parent-icon .mw-icon-currency .switcher-options.mw-cur-open .switcher-dropdown {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  margin: 6px 0 0 0 !important;
  padding: 6px 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5e2dc !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.10) !important;
  min-width: 88px !important;
  z-index: 9999 !important;
  list-style: none !important;
  font-family: "Inter", Arial, sans-serif !important;
}
html body.mw-nav-test .parent-icon .mw-icon-currency .switcher-options.mw-cur-open .switcher-dropdown li {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  background: transparent !important;
}
html body.mw-nav-test .parent-icon .mw-icon-currency .switcher-options.mw-cur-open .switcher-dropdown li a {
  display: block !important;
  padding: 8px 14px !important;
  font: 600 11px/1.2 "Inter", Arial, sans-serif !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #2a2825 !important;
  text-decoration: none !important;
  text-align: left !important;
  white-space: nowrap !important;
  width: auto !important;
}
html body.mw-nav-test .parent-icon .mw-icon-currency .switcher-options.mw-cur-open .switcher-dropdown li a:hover {
  background: #f5f3ee !important;
}
/* On mobile drop opens flush-right of the tile, may overflow viewport — pin to right edge of viewport */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .parent-icon .mw-icon-currency .switcher-options.mw-cur-open .switcher-dropdown {
    right: -8px !important;
  }
}
/* === end MW Nav Test PATCH N 2026-05-14 === */

/* === MW Nav Test PATCH O 2026-05-14 === */
/* Lock the page underneath while the mobile menu is open. */
html body.mw-nav-test.nav-open,
html body.mw-nav-test.nav-before-open {
  overflow: hidden !important;
  /* `touch-action: none` blocks touch scroll on the body — only the menu scrolls */
  touch-action: none !important;
}
/* Belt-and-braces: also lock the html element */
html:has(body.mw-nav-test.nav-open) {
  overflow: hidden !important;
}

/* Menu interior scrolls naturally, but does NOT chain-scroll the body
   when the user hits the top/bottom. */
html body.mw-nav-test .nav-sections {
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  overflow-y: auto !important;
  max-height: 100vh !important;
}
/* === end MW Nav Test PATCH O 2026-05-14 === */

/* === MW Nav Test PATCH P 2026-05-14 === */
/* AUD: redesigned to clearly read "A$" — uppercase A on the left, $ on the right.
   Higher specificity than PATCH J's rule so this override wins. */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="aud"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 19 L7 4 L11 19'/><path d='M4.5 14 L9.5 14'/><line x1='17' y1='4' x2='17' y2='20'/><path d='M20 7H15.5a2 2 0 0 0 0 4h3a2 2 0 0 1 0 4H14'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 19 L7 4 L11 19'/><path d='M4.5 14 L9.5 14'/><line x1='17' y1='4' x2='17' y2='20'/><path d='M20 7H15.5a2 2 0 0 0 0 4h3a2 2 0 0 1 0 4H14'/></svg>") !important;
}
/* === end MW Nav Test PATCH P 2026-05-14 === */

/* === MW Nav Test PATCH Q 2026-05-14 === */
/* Uniform currency SVGs — same bounding box (~14×18) so mask-size:contain
   scales them all to the same visual weight in the 18px / 22px mask box.
   Higher-specificity selectors than PATCH J/P so these win the cascade. */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="default"],
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="gbp"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M17 7c0-4.5-7-4.5-7 0v10c0 1-.5 2-1 3'/><path d='M6 12h8'/><path d='M5 21h14'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M17 7c0-4.5-7-4.5-7 0v10c0 1-.5 2-1 3'/><path d='M6 12h8'/><path d='M5 21h14'/></svg>") !important;
}
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="usd"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='3' x2='12' y2='21'/><path d='M17 7H9.5a2.5 2.5 0 0 0 0 5h5a2.5 2.5 0 0 1 0 5H7'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='3' x2='12' y2='21'/><path d='M17 7H9.5a2.5 2.5 0 0 0 0 5h5a2.5 2.5 0 0 1 0 5H7'/></svg>") !important;
}
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="aud"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 21 L6 3 L10 21'/><path d='M3.5 14 L8.5 14'/><line x1='17' y1='3' x2='17' y2='21'/><path d='M21 7H14a2 2 0 0 0 0 4h3a2 2 0 0 1 0 4H13'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 21 L6 3 L10 21'/><path d='M3.5 14 L8.5 14'/><line x1='17' y1='3' x2='17' y2='21'/><path d='M21 7H14a2 2 0 0 0 0 4h3a2 2 0 0 1 0 4H13'/></svg>") !important;
}
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="eur"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M19 6a7 7 0 0 0-12 6 7 7 0 0 0 12 6'/><path d='M5 11h11'/><path d='M5 15h9'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M19 6a7 7 0 0 0-12 6 7 7 0 0 0 12 6'/><path d='M5 11h11'/><path d='M5 15h9'/></svg>") !important;
}
/* === end MW Nav Test PATCH Q 2026-05-14 === */

/* === MW Nav Test PATCH R 2026-05-14 === */
/* AUD: wider symbol container so the A and the $ each get GBP-equivalent
   character height. mask-size:contain then scales to fit the new aspect. */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="aud"] {
  width: 30px !important;
  flex: 0 0 30px !important;
}
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="aud"] {
    width: 24px !important;
    flex: 0 0 24px !important;
  }
}
/* === end MW Nav Test PATCH R 2026-05-14 === */

/* === MW NAV V2 === */
/* Clean self-contained nav redesign. Scope: body.mw-nav-v2 only.
   Active on /delivery via cms_page_view_id_delivery.xml. No bleed into
   .block-minicart popup, desktop .nav-sections megamenu, or .amsearch results. */

/* 1. Layout: bootstrap col-3 / col-9 on mobile (added via JS), search col hidden.
   Override legacy `.mainHeader.topbar [class*=col-]` height:0 rule
   that was collapsing cols on mobile. */
@media (max-width: 1023.98px) {
  /* Reset legacy height:0 on every col + force position:relative (not absolute) */
  body.mw-nav-v2 .mainHeader.topbar > .container > .row > div {
    height: auto !important;
    min-height: 48px !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
  }
  body.mw-nav-v2 .mainHeader.topbar > .container > .row > div.col-3:nth-child(1) {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  body.mw-nav-v2 .mainHeader.topbar > .container > .row > div:nth-child(2) {
    display: none !important;
    min-height: 0 !important;
  }
  body.mw-nav-v2 .mainHeader.topbar > .container > .row > div.col-9:nth-child(3) {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    width: 75% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
}

/* 2. Header tight height */
body.mw-nav-v2 .mainHeader.topbar {
  min-height: 58px !important;
  height: auto !important;
}
body.mw-nav-v2 .mainHeader.topbar > .container > .row {
  display: flex !important;          /* legacy CSS overrides Bootstrap's flex with display:block — force it back */
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-height: 48px !important;
  height: auto !important;
}

/* 3. Logo column — kill legacy `.mobile-position{position:absolute;top:20px}` rule */
body.mw-nav-v2 .mainHeader.topbar .logo,
body.mw-nav-v2 .mainHeader.topbar .top-logo,
body.mw-nav-v2 .mainHeader.topbar .logo.mobile-position {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}
/* Also kill .mobile-position absolute on ANY descendant of mw-nav-v2 header */
body.mw-nav-v2 .mainHeader.topbar .mobile-position {
  position: static !important;
  top: auto !important;
  left: auto !important;
}
body.mw-nav-v2 .mainHeader.topbar .logo img {
  max-width: 220px !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 242 / 76 !important;
}
@media (max-width: 1023.98px) {
  body.mw-nav-v2 .mainHeader.topbar .logo img { max-width: 140px !important; }
}

/* 4. Parent-icon flex row */
body.mw-nav-v2 .mainHeader.topbar .parent-icon {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 0 8px !important;
  margin: 0 !important;
  gap: 0 !important;
  visibility: hidden !important;
  contain: layout !important;
}
body.mw-nav-v2.mw-nav-v2-ready .mainHeader.topbar .parent-icon {
  visibility: visible !important;
}

/* 5. Uniform tile geometry */
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 40px !important;
  max-width: none !important;
  height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
  order: 0 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  cursor: pointer !important;
}

/* 6. Reset legacy inner-wrapper fixed heights so content centers identically */
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon .authorization-link,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon .link,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon .switcher-language,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon .switcher-options,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon .switcher-trigger {
  height: auto !important;
  min-height: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 7. Viewport visibility — selector must match base tile rule's specificity (.mainHeader.topbar) */
@media (max-width: 1023.98px) {
  body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.desktop-only { display: none !important; }
}
@media (min-width: 1024px) {
  body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mobile-only { display: none !important; }
}

/* 7b. Canonical visual order — DOM stays as Magento renders it; flex order
   shuffles to: currency → wishlist → login → cart → search → menu */
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency { order: 1 !important; }
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-wishlist { order: 2 !important; }
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-login    { order: 3 !important; }
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart     { order: 4 !important; }
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-search   { order: 5 !important; }
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-menu     { order: 6 !important; }

/* 8. Icon glyph via ::before (22x22 desktop / 18x18 mobile) */
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon::before {
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  background-color: #2a2825 !important;
  -webkit-mask-repeat: no-repeat !important;
          mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
          mask-position: center !important;
  -webkit-mask-size: contain !important;
          mask-size: contain !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 1023.98px) {
  body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon::before {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
}

/* 9. Per-icon SVG masks */
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-wishlist::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z'/></svg>") !important;
}
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-login::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") !important;
}
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-cart::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6'/></svg>") !important;
}
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-search::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='M21 21l-4.35-4.35'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='M21 21l-4.35-4.35'/></svg>") !important;
}
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-menu::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><line x1='3' y1='6' x2='21' y2='6'/><line x1='3' y1='12' x2='21' y2='12'/><line x1='3' y1='18' x2='21' y2='18'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><line x1='3' y1='6' x2='21' y2='6'/><line x1='3' y1='12' x2='21' y2='12'/><line x1='3' y1='18' x2='21' y2='18'/></svg>") !important;
}

/* 10. Currency tile — no ::before, use .mw-cur-symbol mask box */
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency::before {
  content: none !important;
  display: none !important;
}
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  font-size: 0 !important;
  color: transparent !important;
  background-color: #2a2825 !important;
  -webkit-mask-repeat: no-repeat !important;
          mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
          mask-position: center !important;
  -webkit-mask-size: contain !important;
          mask-size: contain !important;
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
@media (max-width: 1023.98px) {
  body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
}

body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="default"],
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="gbp"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M17 7c0-4.5-7-4.5-7 0v10c0 1-.5 2-1 3'/><path d='M6 12h8'/><path d='M5 21h14'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M17 7c0-4.5-7-4.5-7 0v10c0 1-.5 2-1 3'/><path d='M6 12h8'/><path d='M5 21h14'/></svg>") !important;
}
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="usd"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='3' x2='12' y2='21'/><path d='M17 7H9.5a2.5 2.5 0 0 0 0 5h5a2.5 2.5 0 0 1 0 5H7'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='3' x2='12' y2='21'/><path d='M17 7H9.5a2.5 2.5 0 0 0 0 5h5a2.5 2.5 0 0 1 0 5H7'/></svg>") !important;
}
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="eur"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M19 6a7 7 0 0 0-12 6 7 7 0 0 0 12 6'/><path d='M5 11h11'/><path d='M5 15h9'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M19 6a7 7 0 0 0-12 6 7 7 0 0 0 12 6'/><path d='M5 11h11'/><path d='M5 15h9'/></svg>") !important;
}
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="aud"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 21 L6 3 L10 21'/><path d='M3.5 14 L8.5 14'/><line x1='17' y1='3' x2='17' y2='21'/><path d='M21 7H14a2 2 0 0 0 0 4h3a2 2 0 0 1 0 4H13'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 21 L6 3 L10 21'/><path d='M3.5 14 L8.5 14'/><line x1='17' y1='3' x2='17' y2='21'/><path d='M21 7H14a2 2 0 0 0 0 4h3a2 2 0 0 1 0 4H13'/></svg>") !important;
  width: 30px !important;
  flex: 0 0 30px !important;
}
@media (max-width: 1023.98px) {
  body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol[data-cur="aud"] {
    width: 24px !important;
    flex: 0 0 24px !important;
  }
}

/* Hide legacy currency img + label strong */
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .switcher-trigger img,
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .switcher-label {
  display: none !important;
}

/* 11. Labels — TILE-SCOPED only, won't leak into .block-minicart */
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon .mw-icon-label,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon .mw-cur-label,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-login .authorization-link > a,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-login .link.authorization-link > a,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-wishlist > a,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-wishlist .link.wishlist > a,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper > .action.showcart > .text,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper > .action.showcart > span.text {
  display: block !important;
  font: 600 10px/1 "Inter", Arial, sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #2a2825 !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  text-align: center !important;
  overflow: visible !important;
  width: max-content !important;
  position: static !important;
  height: auto !important;
  clip: auto !important;
  clip-path: none !important;
}
@media (max-width: 1023.98px) {
  body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon .mw-icon-label,
  body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon .mw-cur-label,
  body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-login .authorization-link > a,
  body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-wishlist .link.wishlist > a,
  body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper > .action.showcart > .text {
    font-size: 8px !important;
    letter-spacing: 0.04em !important;
  }
}

/* Hide duplicate 2nd <a> in login tile ("Sign In" alongside "Login") */
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-login .authorization-link a ~ a {
  display: none !important;
}

/* Hide legacy ::before icons on inner <a> / .link / showcart wrappers */
body.mw-nav-v2 .parent-icon > .menu-icon .link::before,
body.mw-nav-v2 .parent-icon > .menu-icon .link::after,
body.mw-nav-v2 .parent-icon > .menu-icon .link a::before,
body.mw-nav-v2 .parent-icon > .menu-icon .link a::after,
body.mw-nav-v2 .parent-icon > .menu-icon .authorization-link a::before,
body.mw-nav-v2 .parent-icon > .menu-icon .authorization-link a::after,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .minicart-wrapper .action.showcart::before {
  content: none !important;
  display: none !important;
  mask-image: none !important;
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* 12. Cart-specific resets — chains down to .action.showcart only */
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper > .action.showcart {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  height: auto !important;
  width: auto !important;
  position: static !important;
}

/* Cart count badge — Magento Minimum theme uses .cart-item (not .counter.qty) */
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .cart-item,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .counter.qty {
  position: absolute !important;
  top: -2px !important;
  right: -2px !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
  background: #1a1a1a !important;
  color: #fff !important;
  border-radius: 8px !important;
  font: 600 10px/16px "Inter", Arial, sans-serif !important;
  text-align: center !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Hide inline price-label "£0.00" inside cart trigger */
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .action.showcart .price-label,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .action.showcart h6.price-label,
body.mw-nav-v2 .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .action.showcart .amount {
  display: none !important;
}

/* 13. Currency dropdown — own toggle (legacy mage-dropdown unreliable) */
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .switcher-options .switcher-dropdown {
  display: none !important;
}
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .switcher-options.mw-cur-open .switcher-dropdown {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  margin: 6px 0 0 0 !important;
  padding: 6px 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5e2dc !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.10) !important;
  min-width: 88px !important;
  z-index: 9999 !important;
  list-style: none !important;
}
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .switcher-options.mw-cur-open .switcher-dropdown li {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .switcher-options.mw-cur-open .switcher-dropdown li a {
  display: block !important;
  padding: 8px 14px !important;
  font: 600 11px/1.2 "Inter", Arial, sans-serif !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #2a2825 !important;
  text-decoration: none !important;
  text-align: left !important;
  white-space: nowrap !important;
}
body.mw-nav-v2 .parent-icon > .menu-icon.mw-icon-currency .switcher-options.mw-cur-open .switcher-dropdown li a:hover {
  background: #f5f3ee !important;
}

/* 14. Mobile menu container fix (kill page-wrapper transform) */
body.mw-nav-v2 .page-wrapper {
  transform: none !important;
}
body.mw-nav-v2.nav-open .page-wrapper,
body.mw-nav-v2.nav-before-open .page-wrapper {
  transform: none !important;
}

/* 15. Mobile menu scroll lock (mobile only — desktop megamenu untouched) */
@media (max-width: 1023.98px) {
  body.mw-nav-v2.nav-open,
  body.mw-nav-v2.nav-before-open {
    overflow: hidden !important;
    touch-action: none !important;
  }
  body.mw-nav-v2 .nav-sections {
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    overflow-y: auto !important;
    max-height: 100vh !important;
  }
}

/* 16. Search popup */
body.mw-nav-v2 .amsearch-wrapper-block.mw-open {
  display: block !important;
  visibility: visible !important;
}
@media (max-width: 1023.98px) {
  body.mw-nav-v2 .amsearch-input-wrapper .amsearch-button.-loupe { display: none !important; }
  body.mw-nav-v2 .amsearch-wrapper-block.mw-open {
    padding: 0 !important;
    position: fixed !important;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9998 !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.18) !important;
  }
}
@media (max-width: 767px) {
  body.mw-nav-v2 .amsearch-wrapper-block .amsearch-input-wrapper { padding: 0 !important; }
}

/* 17. Nav-toggle visually hidden but kept live for any event listeners */
body.mw-nav-v2 .nav-toggle,
body.mw-nav-v2 [data-action="toggle-nav"] {
  display: block !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* 18. Kill legacy floating elements (mwInitMobileSearch button, etc.) */
body.mw-nav-v2 #mw-search-btn,
body.mw-nav-v2 .mw-search-btn-mobile,
body.mw-nav-v2 .header.content > .action.showsearch {
  display: none !important;
}
/* === end MW NAV V2 === */

/* === MW Nav Test PATCH U 2026-05-14 === */
/* Desktop megamenu — keep PATCH O's nav-sections lock off on desktop */
@media (min-width: 1024px) {
  html body.mw-nav-test .nav-sections {
    max-height: none !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
    touch-action: auto !important;
  }
}

/* === end MW Nav Test PATCH U 2026-05-14 === */

/* === MW Nav Test PATCH W 2026-05-14 === */
/* 1+2. Make ALL tile labels visually identical — same font, size, line-height,
   letter-spacing — so currency doesn't appear 1px higher than wishlist/login. */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-icon-label,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-cur-label,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-login .authorization-link > a,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-login .link.authorization-link > a,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-wishlist .link.wishlist > a,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper > .action.showcart > .text {
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #2a2825 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  text-align: center !important;
}
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-icon-label,
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon .mw-cur-label,
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-login .authorization-link a,
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-login .link.authorization-link a,
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-login a.quick-menu,
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-wishlist .link.wishlist a,
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart > .minicart-wrapper > .action.showcart > .text {
    font-size: 8px !important;
    letter-spacing: 0.04em !important;
  }
}

/* 3. Mobile logo — vertically center inside the col-3 column */
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar > .container > .row > div:nth-child(1) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 48px !important;
  }
  html body.mw-nav-test .mainHeader.topbar .logo,
  html body.mw-nav-test .mainHeader.topbar .top-logo .logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
  }
  html body.mw-nav-test .mainHeader.topbar .logo img {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
  }
}
/* === end MW Nav Test PATCH W 2026-05-14 === */

/* === MW Nav Test PATCH X 2026-05-14 === */
/* 1. Currency icon centering on ALL storeviews (USD/AUD/EUR/GBP).
      Use attribute selector for the <strong> tag so it matches any view-* class. */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .switcher-trigger strong[class*="view-"],
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .switcher-trigger strong.view-default,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .switcher-trigger strong.view-usd,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .switcher-trigger strong.view-aud,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .switcher-trigger strong.view-eur {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 3px !important;
  width: auto !important;
  margin: 0 auto !important;
  font-weight: 400 !important;
  cursor: pointer !important;
}
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-symbol {
  align-self: center !important;
  margin: 0 auto !important;
}
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-currency .mw-cur-label {
  align-self: center !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* 2. Mobile menu — reserve bottom padding so content doesn't hide under
      the sticky cart/checkout bar. ~80px = bar height + breathing room. */
@media (max-width: 1023.98px) {
  html body.mw-nav-test.nav-open .nav-sections,
  html body.mw-nav-test.nav-before-open .nav-sections {
    padding-bottom: 90px !important;
    max-height: calc(100vh - 60px) !important;
    box-sizing: border-box !important;
  }
}
/* === end MW Nav Test PATCH X 2026-05-14 === */

/* === MW Nav Test PATCH Z 2026-05-14 === */
/* 1. BASKET label — force same size as other tiles (10px desktop / 8px mobile).
      Higher-specificity selector to win over legacy showcart .text rules. */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .minicart-wrapper .action.showcart .text,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .minicart-wrapper .action.showcart > span.text,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .minicart-wrapper a.action.showcart .text {
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #2a2825 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  text-align: center !important;
  /* override Magento's visually-hidden clip */
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
}
@media (max-width: 1023.98px) {
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .minicart-wrapper .action.showcart .text {
    font-size: 8px !important;
    letter-spacing: 0.04em !important;
  }
}

/* 2. Cart count badge — re-anchor to icon's top-right corner.
      Position relative to tile, then offset to land on the icon's right edge
      (icon is 22px wide, centered in tile, so its right edge is at center+11). */
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .cart-item,
html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .counter.qty {
  position: absolute !important;
  top: 2px !important;
  left: 50% !important;
  right: auto !important;
  margin-left: 6px !important;        /* shift right of tile center to align with icon's right edge */
  transform: translateX(0) !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
  background: #1a1a1a !important;
  color: #fff !important;
  border-radius: 8px !important;
  font: 600 10px/16px "Inter", Arial, sans-serif !important;
  text-align: center !important;
  display: block !important;
  box-sizing: border-box !important;
  z-index: 5 !important;
}
@media (max-width: 1023.98px) {
  /* Mobile icon is 18px wide → adjust offset accordingly (icon right at center+9) */
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .cart-item,
  html body.mw-nav-test .mainHeader.topbar .parent-icon > .menu-icon.mw-icon-cart .counter.qty {
    margin-left: 4px !important;
  }
}
/* === end MW Nav Test PATCH Z 2026-05-14 === */