/* Colour roles: warm campaign areas invite discovery; neutral comparison areas
   give photographs room; deep green identifies primary shopping actions.
   Keep product imagery, form states and the existing purchase flows intact. */
body.mm-customer.lk-global-header.lk-market-ui {
  --lk-paper: #f8f7f3;
  --lk-bg: var(--lk-paper);
  --mm-page-bg: var(--lk-paper);
  --lk-cream: #f6efe5;
  --lk-line: #e5e2da;
  --lk-muted: #5e685b;
  --lk-action-bg: #214936;
  --lk-action-hover: #183b2b;
  --lk-on-action: #fffdf8;
  --lk-action-sheen: linear-gradient(155deg, #ffffff24, #ffffff08 48%, #fff0 78%);
  --lk-action-shadow: inset 0 1px 0 #ffffff38, 0 2px 3px #173b2b12, 0 7px 16px -10px #173b2b45;
  --lk-page-light: linear-gradient(180deg, #fff 0, #f8f7f3 720px, #faf9f6 100%);
}

body.mm-customer.lk-global-header.lk-market-ui #lk-page-content {
  --lk-card-edge: #e3e2d9;
  --lk-card-shadow: inset 0 1px 0 #fff, 0 2px 4px #42372506, 0 14px 30px -20px #42372530;
  background: var(--lk-page-light);
}

/* Let the neutral canvas continue through shops, products and checkout.
   Opaque photo containers, dialogs, forms and fixed bars keep their surfaces. */
body.mm-customer.lk-global-header.lk-market-ui #lk-page-content :is(
  .lk-main, .lk-sr, .lk-sr__head, .lk-sr__main, .lk-mv2-body,
  .lk-shop-hero, .lk-fav-page__main, .mm-shop.mm-metzg,
  .mm-cart.mm-cart--apple, .mm-cart-page, .mm-partner
) {
  background: transparent !important;
}

body.mm-customer.lk-global-header.lk-market-ui.lk-home-v3 #lk-page-content #lk-market-hero,
body.mm-customer.lk-global-header.lk-market-ui.lk-home-v3 #lk-page-content :is(
  .lk-st-cats, .lk-st-shop, .lk-st-block, .lk-st-world-group,
  .lk-community, .lk-h3-app, .lk-h3-biz, .lk-h3-faq
) {
  background: transparent;
}

/* Campaign light belongs to the entrance, rather than washing the whole shop
   green. Existing orange shipping and forest-green regional routes stay distinct. */
body.mm-customer.lk-global-header.lk-market-ui.lk-home-v3 #lk-page-content #lk-market-hero {
  background: radial-gradient(ellipse at 12% 0, #f8e3c7, transparent 62%), #fcf8f1;
}

body.mm-customer.lk-global-header.lk-market-ui.lk-home-v3 #lk-page-content #lk-market-hero .lk-market-feature {
  background: radial-gradient(ellipse at 92% 18%, #f7dfbd, transparent 66%), #fffdf8;
  border-color: #e8ddca;
  box-shadow: inset 0 1px 0 #fff, 0 16px 38px -24px #5d3c272b;
}

body.mm-customer.lk-global-header.lk-market-ui.lk-home-v3 #lk-page-content #lk-market-hero .lk-market-route--shipping {
  background: radial-gradient(ellipse at 85% 0, #fff5e6, #f4c99c);
  color: #563920;
  border-color: #ebcba8;
}

body.mm-customer.lk-global-header.lk-market-ui.lk-home-v3 #lk-page-content #lk-market-hero .lk-market-route--regional {
  background: linear-gradient(135deg, #326c50, #1f4b38);
  color: #fffaf0;
  border-color: #35664e;
}

/* Category photographs introduce the colour. White separates discovery from
   the quiet stone canvas used to compare products below it. */
body.mm-customer.lk-global-header.lk-market-ui.lk-home-v3 #lk-page-content .lk-st-cats {
  background: #fff;
  border-bottom: 1px solid #eeeae2;
}

body.mm-customer.lk-global-header.lk-market-ui.lk-home-v3 #lk-page-content .lk-st-cats .lk-st-more {
  color: #955221;
}

/* Short warm chapters give the long homepage a rhythm without competing with
   the photographs or making passive information resemble a primary button. */
body.mm-customer.lk-global-header.lk-market-ui.lk-home-v3 #lk-page-content .lk-st-vendors {
  background:
    radial-gradient(ellipse at 0 0, #f6dcc4a6, transparent 65%),
    linear-gradient(115deg, #f8f0e5, #f5f3ed 68%, #f1f4eb);
  border-block-color: #e9dfd0;
}

body.mm-customer.lk-global-header.lk-market-ui #lk-page-content .lk-st-trust.lk-market-story {
  background: #fff;
}

body.mm-customer.lk-global-header.lk-market-ui #lk-page-content .lk-h3-voices {
  background: linear-gradient(120deg, #f5e4d1, #fdf6eb);
  border-block-color: #ebdeca;
}

body.mm-customer.lk-global-header.lk-market-ui.lk-home-v3 #lk-page-content .lk-community__panel {
  background: linear-gradient(125deg, #fff7ee, #fffdf9 72%);
  border-color: #ebdecc;
}

/* Results are a working area: a restrained warm heading, then white cards on
   a neutral background. The shopping action has the strongest filled contrast. */
body.mm-customer.lk-global-header.lk-market-ui.lk-search-page #lk-page-content .lk-sr__head {
  background: linear-gradient(115deg, #fff 35%, #fcf1e2) !important;
  border-bottom: 1px solid #ece5d9;
}

body.mm-customer.lk-global-header.lk-market-ui #lk-page-content .mm-cart-hero.mm-cart-hero--apple {
  background: linear-gradient(110deg, #fff 30%, #f7eee1) !important;
  border-bottom-color: #e9e1d4 !important;
}

/* A crisp white edge separates interactive surfaces from the softer canvas.
   No cropping, sizing or filters are applied to category/product imagery. */
body.mm-customer.lk-global-header.lk-market-ui #lk-page-content .lk-category-card__photo {
  outline: 1px solid #fff;
  outline-offset: 0;
  box-shadow: 0 2px 4px #3b512a05, 0 8px 18px -10px #3b512a26;
}

body.mm-customer.lk-global-header.lk-market-ui #lk-page-content .lk-category-card.is-active .lk-category-card__photo {
  outline: 2px solid #527346;
  outline-offset: 4px;
}

body.mm-customer.lk-global-header.lk-market-ui #lk-page-content .lk-category-nav {
  scrollbar-color: #a9ac99 #f0eee7;
}

body.mm-customer.lk-global-header.lk-market-ui #lk-page-content :is(
  .lk-sr__head .lk-sr__sub, .lk-sr__back, .lk-st-kicker
) {
  color: #596a52;
}

/* The entrance still reaches both screen edges on phones. Its lighting fades
   into the category section, with no floating card or animated background. */
@media (max-width: 767px) {
  body.mm-customer.lk-global-header.lk-market-ui.lk-home-v3 #lk-page-content #lk-market-hero {
    background: linear-gradient(180deg, #fbf1e0, #fff 90%);
  }

  body.mm-customer.lk-global-header.lk-market-ui.lk-home-v3 #lk-page-content #lk-market-hero .lk-market-feature {
    border: 0;
    box-shadow: none;
    background: radial-gradient(ellipse at 90% 28%, #f7dfbd, #fff7ea 58%, #fff0 96%);
  }
}

@media (forced-colors: active) {
  body.mm-customer.lk-global-header.lk-market-ui #lk-page-content {
    background: Canvas;
  }
  body.mm-customer.lk-global-header.lk-market-ui #lk-page-content .lk-category-card__photo {
    outline: 1px solid CanvasText;
    box-shadow: none;
  }
}