/* ME-LIPS V10.2 — The Shade Edit | 2026-10-17
   High-resolution packshots, square corners, equal visual sizes, accessible text.
   Scoped only to the V10.2 shade section. */
body.ml-v10.v3 #shades.v3-collection {
  background:#fcf9f7;
  padding-block:clamp(68px,7vw,112px) clamp(64px,6vw,96px);
}
body.ml-v10.v3 #shades .v3-section-intro {max-width:735px;margin:0 auto clamp(30px,4vw,48px);text-align:center;}
body.ml-v10.v3 #shades .v3-section-intro h2 {font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:1.1;letter-spacing:-.035em;}
body.ml-v10.v3 #shades .v3-section-intro p {max-width:640px;margin-inline:auto;font-size:clamp(15px,1.22vw,17px);line-height:1.8;color:#5f5556;}
body.ml-v10.v3 #shades .v3-products {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(16px,2.4vw,34px);}
body.ml-v10.v3 #shades .v3-product {
  display:flex;flex-direction:column;min-width:0;
  border:1px solid #e7ddda;background:#fff;border-radius:0!important;
  box-shadow:none;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease;
}
body.ml-v10.v3 #shades .v3-product:hover {transform:none;border-color:#cbb5ad;box-shadow:0 14px 42px rgba(92,54,55,.065);}
body.ml-v10.v3 #shades .v3-product:before {content:none!important;display:none!important;}
body.ml-v10.v3 #shades .v3-product-image {
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#fff!important;width:100%!important;max-width:none!important;
  aspect-ratio: 1.45 / 1!important;min-height:0!important;
  overflow:hidden!important;padding:0!important;border:0!important;border-radius:0!important;
}
body.ml-v10.v3 #shades .v3-product-image img,
body.ml-v10.v3 #shades .v3-product-image>img {
  display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;
  aspect-ratio:1.45/1!important;object-fit:contain!important;
  object-position:center!important;border-radius:0!important;
  filter:none!important;transform:none!important;
  image-rendering:auto;
}
body.ml-v10.v3 #shades .v3-product-text {
  display:flex;flex-direction:column;align-items:flex-start;flex:1;
  padding:clamp(21px,2.7vw,34px) clamp(22px,2.8vw,40px) clamp(25px,2.7vw,36px)!important;
  border-top:1px solid #f0e8e4;
}
body.ml-v10.v3 #shades .v3-product-text .v3-eyebrow {font-size:10px;letter-spacing:.19em;color:#986d66;}
body.ml-v10.v3 #shades .v3-product-text h3 {margin:11px 0 10px;font-size:clamp(2rem,3vw,3.1rem);line-height:1.08;letter-spacing:-.024em;color:#372a2e;}
body.ml-v10.v3 #shades .v3-product-text p {font-size:clamp(14px,1.12vw,16px);line-height:1.7;color:#675d60;margin:0 0 24px;min-height:0;}
body.ml-v10.v3 #shades .v3-product-text a {margin-top:auto;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;color:#8e3f62;font-weight:600;}
body.ml-v10.v3 #shades .v3-product-text a:focus-visible {outline:2px solid #883e63;outline-offset:5px;}
@media(max-width:760px) {
 body.ml-v10.v3 #shades.v3-collection {padding-block:55px 65px;}
 body.ml-v10.v3 #shades .v3-section-intro {margin-bottom:27px;}
 body.ml-v10.v3 #shades .v3-products {grid-template-columns:1fr!important;gap:22px;}
 body.ml-v10.v3 #shades .v3-product-image {aspect-ratio:1.45/1!important;}
 body.ml-v10.v3 #shades .v3-product-text {padding:22px 25px 28px!important;}
 body.ml-v10.v3 #shades .v3-product-text h3 {font-size:clamp(2rem,9vw,2.8rem);}
}
@media(prefers-reduced-motion:reduce){body.ml-v10.v3 #shades .v3-product{transition:none!important;}}