/* ==========================================================================
   MAUVIEL SOUTH AFRICA — THEME HARMONISATION
   Loaded after Divi's stylesheet. Its job is to make Divi agree with the brand
   tokens rather than fight them: the type scale, the tracking, square corners,
   hairline rules, and enough vertical room for the new components to breathe.
   ========================================================================== */

/* ---- 1. Type ----------------------------------------------------------- */

body, .et_pb_module, #main-content, .woocommerce {
  font-family: var(--mv-font-body);
  font-weight: var(--mv-weight-light);
  color: var(--mv-ink);
  -webkit-font-smoothing: antialiased;
}
#main-content p { line-height: var(--mv-lead-body); }

h1, h2, h3, h4, h5, h6,
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3, .et_pb_module h4 {
  font-family: var(--mv-font-display);
  color: var(--mv-ink);
}
h1 { font-weight: var(--mv-weight-light);      letter-spacing: var(--mv-track-hero); line-height: 1.08; }
h2 { font-weight: var(--mv-weight-ultralight); letter-spacing: .02em; line-height: 1.18; }
h3 { font-weight: var(--mv-weight-light);      letter-spacing: .02em; line-height: 1.25; }
h4, h5, h6 { font-weight: var(--mv-weight-book); letter-spacing: var(--mv-track-caps-tight); }

a { color: var(--mv-ink); }
a:hover { color: var(--mv-brass); }

/* ---- 2. No rounded corners, no shadows --------------------------------- */

.et_pb_button, .et_pb_module, input, select, textarea,
.woocommerce input, .woocommerce select, .woocommerce textarea,
.woocommerce .button, .woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit, .woocommerce input.button,
.et_pb_contact_field .input, .wp-block-search__input {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ---- 3. Buttons -------------------------------------------------------- */

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button.alt,
.woocommerce button.button.alt, .et_pb_button {
  font-family: var(--mv-font-display);
  font-weight: var(--mv-weight-book);
  font-size: var(--mv-size-small);
  letter-spacing: var(--mv-track-caps-tight);
  text-transform: uppercase;
  background: transparent;
  color: var(--mv-ink);
  border: var(--mv-rule);
  padding: .9rem 2.25rem;
  line-height: 1.2;
  transition: background-color var(--mv-dur) var(--mv-ease), color var(--mv-dur) var(--mv-ease);
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce .button.alt:hover,
.woocommerce button.button.alt:hover, .et_pb_button:hover {
  background: var(--mv-ink);
  color: var(--mv-paper);
  border-color: var(--mv-ink);
}
/* the one button that should read as the primary action */
.woocommerce .single_add_to_cart_button,
.woocommerce button.single_add_to_cart_button {
  background: var(--mv-ink) !important;
  color: var(--mv-paper) !important;
  border-color: var(--mv-ink) !important;
  width: 100%;
  max-width: 360px;
}
.woocommerce .single_add_to_cart_button:hover {
  background: var(--mv-brass) !important;
  border-color: var(--mv-brass) !important;
}
.et_pb_button:after, .et_pb_button:before { display: none !important; }

/* ---- 4. Width and rhythm ---------------------------------------------- */

#main-content .container,
#main-content .et_pb_row,
.woocommerce-page #main-content .container {
  max-width: var(--mv-content-max);
}
#main-content .container { padding-top: var(--mv-space-6); }
.woocommerce-page #content.site-content { padding-top: var(--mv-space-4); }

/* the product archive and single pages were running edge to edge */
.woocommerce div.product { margin-bottom: var(--mv-space-8); }
.woocommerce div.product div.summary { margin-bottom: var(--mv-space-4); }
.woocommerce div.product .product_title {
  font-size: clamp(1.75rem, 3.4vw, 2.75rem);
  font-weight: var(--mv-weight-light);
  letter-spacing: .01em;
  line-height: 1.14;
  margin-bottom: var(--mv-space-2);
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
  font-family: var(--mv-font-data);
  font-size: 1.125rem;
  letter-spacing: var(--mv-track-data);
  color: var(--mv-ink);
  margin-bottom: var(--mv-space-3);
}
.woocommerce div.product p.price del { color: var(--mv-ink-45); }
.woocommerce div.product .woocommerce-product-details__short-description {
  font-size: var(--mv-size-lead);
  line-height: var(--mv-lead-body);
  max-width: 54ch;
  padding-bottom: var(--mv-space-3);
  border-bottom: var(--mv-rule-faint);
  margin-bottom: var(--mv-space-3);
}

/* ---- 5. Variation selector -------------------------------------------- */

.woocommerce div.product form.cart .variations { border-collapse: collapse; margin-bottom: var(--mv-space-3); }
.woocommerce div.product form.cart .variations td { padding: .5rem 0; border: 0; }
.woocommerce div.product form.cart .variations label {
  font-family: var(--mv-font-display);
  font-size: var(--mv-size-small);
  font-weight: var(--mv-weight-book);
  letter-spacing: var(--mv-track-caps-tight);
  text-transform: uppercase;
  color: var(--mv-ink);
}
.woocommerce div.product form.cart .variations select {
  border: var(--mv-rule);
  background: var(--mv-paper);
  padding: .7rem 2rem .7rem .8rem;
  font-family: var(--mv-font-body);
  font-size: var(--mv-size-body);
  min-width: 240px;
}
.woocommerce div.product .quantity input.qty {
  border: var(--mv-rule);
  height: 3.05rem;
  font-family: var(--mv-font-data);
}

/* ---- 6. Tabs ----------------------------------------------------------- */

.woocommerce div.product .woocommerce-tabs { margin-top: var(--mv-space-8); }
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0; margin: 0 0 var(--mv-space-4);
  border-bottom: var(--mv-rule);
  display: flex; flex-wrap: wrap; gap: var(--mv-space-4);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent; border: 0; border-radius: 0; margin: 0; padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: var(--mv-font-display);
  font-size: var(--mv-size-small);
  font-weight: var(--mv-weight-book);
  letter-spacing: var(--mv-track-caps-tight);
  text-transform: uppercase;
  color: var(--mv-ink-45);
  padding: 0 0 .9rem;
  display: block;
  border-bottom: 2px solid transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--mv-ink);
  border-bottom-color: var(--mv-brass);
}
.woocommerce div.product .woocommerce-tabs .panel {
  padding: 0; margin-bottom: var(--mv-space-6);
}
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child { display: none; }

/* ---- 7. Related products ---------------------------------------------- */

.woocommerce .related, .woocommerce .upsells {
  margin-top: var(--mv-space-8);
  padding-top: var(--mv-space-4);
  border-top: var(--mv-rule);
}
.woocommerce .related > h2, .woocommerce .upsells > h2 {
  font-family: var(--mv-font-display);
  font-size: var(--mv-size-subhead);
  font-weight: var(--mv-weight-ultralight);
  letter-spacing: var(--mv-track-caps);
  text-transform: uppercase;
  margin-bottom: var(--mv-space-4);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--mv-font-display);
  font-weight: var(--mv-weight-light);
  font-size: 1rem;
  line-height: 1.3;
}
.woocommerce ul.products li.product .price {
  font-family: var(--mv-font-data);
  font-size: var(--mv-size-data);
  color: var(--mv-ink);
}
.woocommerce span.onsale {
  background: var(--mv-signal-red);
  border-radius: 0;
  font-family: var(--mv-font-data);
  font-size: var(--mv-size-micro);
  letter-spacing: var(--mv-track-data);
  text-transform: uppercase;
  min-height: 0; min-width: 0; line-height: 1;
  padding: .4rem .7rem;
}

/* ---- 8. Breadcrumb, notices, headings on archives ---------------------- */

.woocommerce .woocommerce-breadcrumb {
  font-family: var(--mv-font-data);
  font-size: var(--mv-size-micro);
  letter-spacing: var(--mv-track-data);
  text-transform: uppercase;
  color: var(--mv-ink-45);
  margin-bottom: var(--mv-space-3);
}
.woocommerce .woocommerce-breadcrumb a { color: var(--mv-ink-45); }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--mv-brass); }
.woocommerce-products-header__title, .woocommerce .page-title, #main-content h1.entry-title {
  font-family: var(--mv-font-display);
  font-weight: var(--mv-weight-light);
  font-size: clamp(2rem, 4.5vw, 3.25rem);
  letter-spacing: -.01em;
  line-height: 1.06;
  margin-bottom: var(--mv-space-3);
}
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  border-top-color: var(--mv-brass);
  background: var(--mv-paper-warm);
  border-radius: 0;
  font-size: var(--mv-size-small);
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--mv-brass); }

/* ---- 9. Header ---------------------------------------------------------- */

#main-header, .et-fixed-header#main-header { box-shadow: none !important; }
.mv-shopnav { border-bottom: var(--mv-rule-faint); }

/* ---- 10. Footer --------------------------------------------------------- */

#main-footer { border-top: var(--mv-rule); }
#footer-info, #footer-bottom { font-family: var(--mv-font-data); font-size: var(--mv-size-micro);
  letter-spacing: var(--mv-track-data); }

/* ---- 11. Give everything room ------------------------------------------ */

.mv-shop { margin-top: var(--mv-space-4); }
.mv-cat + .mv-shop { margin-top: var(--mv-space-2); }
.mv-cat { padding-bottom: var(--mv-space-2); }
@media (max-width: 980px) {
  .mv-cat, .mv-page, .mv-shop { padding-left: 6%; padding-right: 6%; }
}

/* ---- LEGIBILITY: Divi and WooCommerce text ------------------------------- */
body,#main-content,.woocommerce,.et_pb_module{font-weight:400;color:var(--mv-ink)}
#main-content p,#main-content li,#main-content td{color:var(--mv-ink)}
.woocommerce .woocommerce-breadcrumb,.woocommerce .woocommerce-breadcrumb a{color:var(--mv-ink-55);font-size:.75rem}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--mv-ink);font-weight:600;font-size:1.25rem}
.woocommerce div.product p.price del{color:var(--mv-ink-55);font-weight:400}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--mv-ink);font-weight:400}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--mv-ink-55);font-weight:500;font-size:.875rem}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--mv-ink);font-weight:500}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--mv-ink);font-weight:400}
.woocommerce ul.products li.product .price{color:var(--mv-ink);font-weight:500}
.woocommerce div.product form.cart .variations label{color:var(--mv-ink);font-weight:600}
.woocommerce div.product form.cart .variations select{color:var(--mv-ink);font-weight:400}
.woocommerce .stock,.woocommerce .stock.in-stock{color:var(--mv-signal-green);font-weight:500}
.woocommerce .product_meta{color:var(--mv-ink-55);font-size:.75rem}
.woocommerce .product_meta a{color:var(--mv-ink-55)}
#footer-info,#footer-bottom,#main-footer .et_pb_widget{color:var(--mv-ink-55)}
.mv-shopnav .et_pb_menu__menu>nav>ul>li>a{color:var(--mv-ink)!important;font-weight:500!important}
.mv-shopnav ul.sub-menu li a{color:var(--mv-ink)!important;font-weight:400!important}
/* Divi likes 14px grey small print — no */
#main-content .et_pb_text small,#main-content small{color:var(--mv-ink-55)}

/* ==========================================================================
   FULL WIDTH - scoped. Divi page container is width:80%; max-width:1080px.
   We unbind the CONTENT container only. Divi ROWS (header, footer and every
   builder-built section) keep a gutter, because their modules assume one.
   Removing that gutter is what pushed the footer against the viewport edge.
   ========================================================================== */
/* THE MEASURE. One box for the whole site: a 1720px cap and a 2.5% gutter,
   4% below 1024. The header (.mvh__in) and the home page (.mvhome__w) already
   use it; these rules put every other page on the same rails.

   The gutter is declared ONCE per page, on whichever element is outermost:
     - a .container page (shop, category, blog, ordinary pages) -> the container
     - a Theme Builder page (product, cart, checkout)           -> the row
   Rule 3 stops a row inside a container adding a second gutter. */

#main-content .container,
.woocommerce-page #main-content .container{
  width:100%!important;max-width:var(--mv-m)!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:var(--mv-p)!important;padding-right:var(--mv-p)!important}

#main-content .et_pb_row{
  width:100%!important;max-width:var(--mv-m)!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:var(--mv-p)!important;padding-right:var(--mv-p)!important}

#main-content .container .et_pb_row{
  max-width:none!important;padding-left:0!important;padding-right:0!important}

/* Full-bleed escapes: a fullwidth section, and any row wrapping one of our
   own components, manage their own measure. Scoped to #main-content so they
   outrank the two rules above. */
#main-content .et_pb_row_fullwidth,
#main-content .et_pb_fullwidth_section .et_pb_row,
#main-content .et_pb_row:has(.mv-sec),
#main-content .et_pb_row:has(.mv-hero),
#main-content .et_pb_row:has(.mv-shop),
#main-content .et_pb_row:has(.mv-cat),
#main-content .et_pb_row:has(.mv-page),
#main-content .et_pb_row:has(.mv-rail),
#main-content .et_pb_row:has(.mv-grid),
#main-content .et_pb_row:has(.mvhome){
  width:100%!important;max-width:none!important;
  padding-left:0!important;padding-right:0!important}

@media (max-width:1024px){
  #main-content .container,
  .woocommerce-page #main-content .container,
  #main-content .et_pb_row{padding-left:4%!important;padding-right:4%!important}
  #main-content .container .et_pb_row{padding-left:0!important;padding-right:0!important}
}
#left-area{width:100%!important;padding-right:0!important;float:none!important}
#sidebar{display:none!important}
.et_right_sidebar #left-area,.et_left_sidebar #left-area{width:100%!important;padding:0!important}
#content-area,#main-content article,.entry-content{max-width:none!important}
.woocommerce-page #main-content .container:before,#main-content .container:before{display:none}
/* Divi rows: wider than stock, never edge to edge */
.et_pb_row{width:92%!important;max-width:var(--mv-m)!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:980px){.et_pb_row{width:90%!important}}
@media (max-width:640px){.et_pb_row{width:88%!important}}
.et_pb_row_fullwidth,.et_pb_fullwidth_section .et_pb_row{width:100%!important;max-width:none!important}
/* Footer, on the same rails as the header and the content. */
.et-l--footer .et_pb_row,#main-footer .container,#footer-bottom .container,#et-footer-nav .container{width:100%!important;max-width:var(--mv-m)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--mv-p)!important;padding-right:var(--mv-p)!important}
@media (max-width:1024px){.et-l--footer .et_pb_row,#main-footer .container,#footer-bottom .container,#et-footer-nav .container{padding-left:4%!important;padding-right:4%!important}}
.et-l--footer .et_pb_row_fullwidth,.et-l--footer .et_pb_fullwidth_section .et_pb_row{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
.et-l--header .et_pb_row,#main-header .container,#top-header .container{width:94%!important;max-width:1840px!important;margin-left:auto!important;margin-right:auto!important}
/* a row wrapping one of our own sections manages its own measure */
.et_pb_row:has(.mv-sec),.et_pb_row:has(.mv-hero),.et_pb_row:has(.mv-shop),.et_pb_row:has(.mv-cat),.et_pb_row:has(.mv-page),.et_pb_row:has(.mv-rail),.et_pb_row:has(.mv-grid){width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
/* nothing may be clipped horizontally by our own wrappers */
html,body{overflow-x:clip}
#page-container,#et-main-area,#main-content,#content-area,.et-l--footer,.et_pb_section{overflow-x:visible!important}
/* archives and single products get a sensible maximum, set by us */
.woocommerce div.product,.woocommerce-products-header,.woocommerce .woocommerce-breadcrumb,.woocommerce-notices-wrapper{max-width:var(--mv-m);margin-left:auto;margin-right:auto;padding-left:var(--mv-p);padding-right:var(--mv-p);box-sizing:border-box}
.woocommerce div.product{padding-top:var(--mv-space-3)}
.mv-page{max-width:var(--mv-m-text);padding-left:3.5%;padding-right:3.5%}
.mv-cat{max-width:var(--mv-m);padding-left:var(--mv-p);padding-right:var(--mv-p)}
.mv-sec>*{max-width:var(--mv-m);padding-left:var(--mv-p);padding-right:var(--mv-p)}
.mv-hero__inner,.mv-band__inner,.mv-rail__head{max-width:var(--mv-m);padding-left:var(--mv-p);padding-right:var(--mv-p)}
.mv-mat,.mv-home .mv-tiles{width:calc(100% - 5%);max-width:var(--mv-m)}
.mv-rail{padding-left:var(--mv-p);padding-right:var(--mv-p);scroll-padding-left:var(--mv-p)}

/* ==========================================================================
   WOOCOMMERCE CHROME - WooCommerce ships CSS custom properties with a
   lavender/grey palette and 4-8px radii, and Divi WooCommerce Extended adds
   an orange sale badge. Repoint the variables, then zero every radius.
   ========================================================================== */
:root,body{--wc-green:#0C693A;--wc-red:#D2232A;--wc-orange:#AB9974;--wc-blue:#7A553F;--wc-primary:#231F20;--wc-primary-text:#FFFFFF;--wc-secondary:#F4F2EE;--wc-secondary-text:#231F20;--wc-highlight:#AB9974;--wc-highligh-text:#FFFFFF;--wc-content-bg:#FFFFFF;--wc-subtext:#646668;--wc-form-border-color:#D9D6D0;--wc-form-border-radius:0;--wc-form-border-width:1px;--wc-destructive:#D2232A;--wc-card-border-radius:0;--wc-border-radius:0}
.woocommerce ul.products li.product,.woocommerce ul.products li.product a,.woocommerce ul.products li.product img,.woocommerce div.product div.images img,.woocommerce div.product div.images,.woocommerce table.shop_table,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce span.onsale,.woocommerce .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce select,.woocommerce input.input-text,.woocommerce textarea,.mv-card,.mv-card img,.mv-card__img,.mv-card__link,.mv-grid,.mv-grid>li,.dwe_single_woo_product,.dwe_single_woo_product img,.dwe-products-accordion-item .dwe-onsale,.el_dwe_popular_product .el_dwe_product_image img,.woosb-products .woosb-product .variations .variation{border-radius:0!important}
.woocommerce span.onsale,.woocommerce-page span.onsale,.dwe-products-accordion-item .dwe-onsale{background:var(--mv-ink)!important;color:#fff!important;box-shadow:none!important;font-family:var(--mv-font-data);font-size:.625rem;letter-spacing:var(--mv-track-data);text-transform:uppercase;font-weight:500;line-height:1;padding:.45em .7em;min-height:0;min-width:0;top:10px;left:10px}
.woocommerce div.product .woocommerce-tabs ul.tabs{border-bottom:1px solid var(--mv-ink-25);padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;margin:0 2rem 0 0!important;padding:0 0 .6rem 0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:var(--mv-font-display);text-transform:uppercase;letter-spacing:var(--mv-track-caps-tight);font-size:.8125rem;font-weight:500;color:var(--mv-ink-55)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:2px solid var(--mv-brass)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--mv-ink)!important}
.woocommerce table.shop_table{border:1px solid var(--mv-ink-25)!important;border-collapse:collapse!important;border-spacing:0!important}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{display:none!important}
/* lazy-load placeholders must not read as grey cards */
img[data-lazyloaded]{background:transparent!important}
.mv-card__img img[data-lazyloaded]:not([src^="http"]){opacity:0}

/* ==========================================================================
   PRODUCT DESCRIPTION - the theme was setting Karla at 14-16px grey.
   Body copy is the trust signal; it gets the brand face at a readable size.
   ========================================================================== */
.et_pb_wc_description,.et_pb_wc_description .et_pb_module_inner,.woocommerce-Tabs-panel,.woocommerce-product-details__short-description,#tab-description,.mv-prose{font-family:var(--mv-font-body)!important;font-weight:var(--mv-weight-body)!important;font-size:1.0625rem!important;line-height:1.65!important;color:var(--mv-ink)!important}
.et_pb_wc_description p,.woocommerce-Tabs-panel p,#tab-description p,.woocommerce-product-details__short-description p,.mv-prose p{font-family:var(--mv-font-body)!important;font-size:1.0625rem!important;line-height:1.65!important;color:var(--mv-ink)!important;margin-bottom:.9em;max-width:74ch}
.et_pb_wc_description li,.woocommerce-Tabs-panel li,#tab-description li{font-family:var(--mv-font-body)!important;font-size:1.0625rem!important;line-height:1.6!important;color:var(--mv-ink)!important;margin-bottom:.35em}
.et_pb_wc_description h2,.et_pb_wc_description h3,.et_pb_wc_description h4,.woocommerce-Tabs-panel h2,.woocommerce-Tabs-panel h3,.woocommerce-Tabs-panel h4,#tab-description h2,#tab-description h3{font-family:var(--mv-font-display)!important;font-weight:400!important;color:var(--mv-ink)!important;letter-spacing:.005em;line-height:1.25;margin:1.7em 0 .5em}
.et_pb_wc_description h2,.woocommerce-Tabs-panel h2,#tab-description h2{font-size:1.5rem}
.et_pb_wc_description h3,.woocommerce-Tabs-panel h3,#tab-description h3{font-size:1.1875rem}
.et_pb_wc_description strong,.woocommerce-Tabs-panel strong,#tab-description strong{font-weight:600!important;color:var(--mv-ink)!important}
.et_pb_wc_description a,.woocommerce-Tabs-panel a,#tab-description a{color:var(--mv-copper-text)!important;text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
.et_pb_wc_description em,.woocommerce-Tabs-panel em{color:var(--mv-ink)!important}
/* the theme-builder module wrapper also carried the font */
[class*="et_pb_wc_description"]{font-family:var(--mv-font-body)!important;color:var(--mv-ink)!important}
[class*="et_pb_wc_title"] h1,[class*="et_pb_wc_title"] h2{font-family:var(--mv-font-display)!important;color:var(--mv-ink)!important}



/* ==========================================================================
   ONE GUTTER, NOT TWO.
   The measure is now supplied by the outermost wrapper: .container on an
   ordinary page, the top-level .et_pb_row on a Theme Builder page. Our own
   components used to supply it themselves, which inside those wrappers gives
   two gutters and a content box 80px narrower than the header. Inside a
   wrapper that already has the measure, components run to its full width.
   The home page has neither a .container nor a row, so it is untouched.
   ========================================================================== */
#main-content .container .mv-shop,#main-content .et_pb_row .mv-shop,
#main-content .container .mv-cat,#main-content .et_pb_row .mv-cat,
#main-content .container .mv-results,#main-content .et_pb_row .mv-results,
#main-content .container .mv-hero__inner,#main-content .et_pb_row .mv-hero__inner,
#main-content .container .mv-band__inner,#main-content .et_pb_row .mv-band__inner,
#main-content .container .mv-rail__head,#main-content .et_pb_row .mv-rail__head,
#main-content .container .mv-rail,#main-content .et_pb_row .mv-rail,
#main-content .container div.product,#main-content .et_pb_row div.product,
#main-content .container .woocommerce-products-header,#main-content .et_pb_row .woocommerce-products-header,
#main-content .container .woocommerce-breadcrumb,#main-content .et_pb_row .woocommerce-breadcrumb,
#main-content .container .mv-pagehead,#main-content .et_pb_row .mv-pagehead,
#main-content .container .mv-backto,#main-content .et_pb_row .mv-backto,
#main-content .container .mv-seen,#main-content .et_pb_row .mv-seen,
#main-content .container .mv-legal,#main-content .et_pb_row .mv-legal,
#main-content .container .mv-faq,#main-content .et_pb_row .mv-faq,
#main-content .container .mv-sec>*,#main-content .et_pb_row .mv-sec>*{
  max-width:none!important;
  padding-left:0!important;padding-right:0!important;
  margin-left:0!important;margin-right:0!important}

/* .mv-page keeps its narrower editorial measure, centred, but no gutter. */
#main-content .container .mv-page,#main-content .et_pb_row .mv-page{
  max-width:var(--mv-m-text)!important;
  padding-left:0!important;padding-right:0!important;
  margin-left:auto!important;margin-right:auto!important}

#main-content .container .mv-rail,#main-content .et_pb_row .mv-rail{scroll-padding-left:0}


/* ==========================================================================
   NO GREY BANDS.
   A grid that draws its rules by letting a coloured background show through
   1px gaps also shows that colour through any empty track. That is what put a
   grey strip under the Where-to-start panel and under a short last row of
   products. The rules move onto the items; the grid keeps no background.
   ========================================================================== */
.mv-picks,.mv-grid,.mv-tiles,.mv-mat,.mv-care,.mv-timeline{
  background:none!important;
  border:0!important;
  border-top:1px solid #E3E1DD!important;
  border-left:1px solid #E3E1DD!important;
  gap:0!important}
.mv-picks>li,.mv-grid>li,.mv-tiles>li,.mv-mat>li,.mv-care>li,.mv-timeline>li{
  background:var(--mv-paper,#fff);
  border-right:1px solid #E3E1DD;
  border-bottom:1px solid #E3E1DD}