/* Maisura: muted red, charcoal and warm stone. Existing layout and effects retained. */
:root {
  --ms-ivory:#eee7e1; --ms-paper:#fffaf5; --ms-surface:#e5d8ce;
  --ms-soft:#e2d5ce; --ms-blush:#d8b9ae; --ms-line:#cbbeb5;
  --ms-accent:#8c3029; --ms-accent-deep:#252223;
  --ms-burgundy:#8c3029; --ms-burgundy-deep:#252223;
  --ms-ink:#302c2a; --ms-muted:#675d58;
}
html,body { background:#eee7e1; }
#app .bg-gray-100,#app .ds,#app .mx,#app .ma-awards {
  background:radial-gradient(ellipse at 98% 4%,#d6d3d0 0,transparent 34%),radial-gradient(ellipse at 0% 36%,#dfcbbf 0,transparent 38%),linear-gradient(180deg,#eee7e1,#eee6db 76%,#dbd4cf);
}
::selection { background:#ba9c97; color:#fff; }

/* Warm stone navigation with red-to-charcoal accents. */
#app .mn-header {
  background:linear-gradient(110deg,#e4d8d1f7,#ede4daf7 54%,#d6d3d1f7);
  border-color:#cbc2c175; box-shadow:0 5px 28px #6549440b;
}
#app .mn-home-header .mn-search { background:#faf7f7b8; color:#594744; border:1px solid #cdc5c480; }
#app .mn-home-header .mn-search:hover { background:#fbf8f7; box-shadow:0 4px 18px #8c302912; }
#app .hm-nav { background:linear-gradient(110deg,#ddd0c9,#e6dace 54%,#cecbc9); border-bottom:1px solid #cbc2c180; }
#app .hm-link { color:#55423f; transition:background .25s,box-shadow .25s,transform .25s; }
#app .hm-link>.hm-icon { color:#7c5e59; }
#app .hm-link:hover { background:#f9f5f5c9; box-shadow:0 5px 16px #8c302910; }
#app .hm-link.router-link-exact-active,#app .hm-link.hm-finder {
  background:linear-gradient(120deg,#963b31,#302728); color:#fcf9f9; box-shadow:0 5px 15px #8c302926;
}
#app .hm-link:is(.router-link-exact-active,.hm-finder)>.hm-icon { color:#f3eae9; }
#app .hm-link.hm-finder:hover { background:linear-gradient(120deg,#ab4639,#4b2927); }
#app :is(.mn-bag,button.mp-add,.mx-primary) { background:linear-gradient(120deg,#9b382e,#302526); border-color:#8c3029; box-shadow:0 5px 16px #8c302923; }
#app .mn-mobile-panel,#app .mn-discover-panel { background:linear-gradient(155deg,#f8f3f2,#ece8e8); }
#app :is(.mn-feature,.mn-mobile-feature) { background:linear-gradient(130deg,#cec3c1,#ddd1ce); color:#252223; }
#app :is(.mn-feature-kicker,.mn-mobile-feature small) { color:#5e4845; }

/* A warm red glow frames the photography without altering the image colors. */
#app .ms-slideshow { position:relative; isolation:isolate; }
#app .ms-slideshow::before {
  content:""; position:absolute; z-index:-1; pointer-events:none;
  inset:9% 4% 7%; border-radius:50%;
  background:radial-gradient(ellipse,#bca29d66,transparent 70%);
  filter:blur(24px); animation:maisura-color-bloom 4.8s ease-out both;
}
#app .ms-slide-stage { box-shadow:0 22px 48px -26px #653f3875,0 0 0 1px #c6bcbb5c; }
#app .ms-slide-heading { color:#795c57; }
#app .ms-slide-heading-line { background:linear-gradient(90deg,#bfb6b4,#ac9490,#cebdba); height:1px; }
#app .ms-slide-controls { background:#e1d0c5!important; border-color:#c9bfbd; box-shadow:0 6px 20px #30272810; }
#app .ms-slide-controls>button { color:#694a45!important; }
#app .ms-slide-controls>button:hover { background:#d3b5a7!important; }
#app .ms-slide-dots button::after { background:#b7a6a3; }

/* A distinct charcoal-and-red discovery section. */
#app .ds-home {
  position:relative; isolation:isolate; overflow:hidden;
  width:calc(100% - 72px); margin:18px auto 48px; padding:38px 32px 34px;
  background:linear-gradient(115deg,#e1dbda,#e6dfde 52%,#e0d4d2);
  border:1px solid #d1cac9; border-radius:32px;
  box-shadow:0 15px 38px -27px #65433d59;
}
#app .ds-home::before {
  content:""; position:absolute; z-index:-1; pointer-events:none;
  width:380px; height:380px; top:-185px; right:20%; border-radius:50%;
  background:radial-gradient(circle,#faf6f58f,transparent 70%);
  animation:maisura-color-bloom 4.8s ease-out both;
}
#app .ds-home h2 { color:#4a3430; }
#app .ds-home .ds-eyebrow { color:#6e534e; }
#app .ds-home .ds-help { color:#625452; }
#app .ds-home-head>a { background:#f9f4f3b8; border-color:#bfb4b2; color:#593c37; box-shadow:0 4px 12px #6148440a; }
#app .ds-home .ds-note { background:#dcb7a7; border:1px solid #fbf8f773; box-shadow:0 7px 19px -13px #6447424d; transition:transform .35s,box-shadow .35s,background .35s; }
#app .ds-home .ds-note:nth-child(6n+2) { background:#d8c8ae; }
#app .ds-home .ds-note:nth-child(6n+3) { background:#c6cdc1; }
#app .ds-home .ds-note:nth-child(6n+4) { background:#d9b699; }
#app .ds-home .ds-note:nth-child(6n+5) { background:#c9beb5; }
#app .ds-home .ds-note:nth-child(6n) { background:#bcc8c3; }
#app .ds-home .ds-note strong { color:#4d403e; }
#app .ds-home .ds-note>img { transition:transform .45s cubic-bezier(.2,.75,.25,1); }
#app .ds-home .ds-note-grid { padding:9px 3px 12px; }

/* Warm card surfaces and a brighter response to touch and hover. */
#app :is(.mp-card.ms-product-card,.ds-product,.ma-card) {
  border-color:#d0c7c5!important; background:#fcfaf9!important;
  box-shadow:0 6px 20px -14px #593d384d!important;
  transition:transform .35s,box-shadow .35s,border-color .35s;
}
#app .mp-card-body { background:linear-gradient(160deg,#fff9f1,#ece3dc); }
#app .mp-price { color:#862c24; }
#app .mp-brand { color:#8d4936; }
#app :is(.mp-category,.mp-from,.mp-sizes,.mp-currency) { color:#6e5e5b; }
#app .mp-card-purchase,#app .mp-card-meta { border-color:#ded7d5; }
#app button.mp-add { position:relative; overflow:hidden; isolation:isolate; }
#app button.mp-add::after {
  content:""; position:absolute; inset:-80% auto -80% -65%; width:35%;
  background:linear-gradient(90deg,transparent,#ffffff4a,transparent);
  transform:skewX(-24deg); pointer-events:none;
}
#app :is(.mx-hero,.ma-hero,.ds-awards-hero,.mx-finder-panel) {
  background:linear-gradient(125deg,#d9d3ce,#e5cfbd); border-color:#cbc3c2;
}
#app .mx-answer { background:#fbf8f7; border-color:#cac2c1; }
#app .mx-answer[aria-pressed=true] { background:#ded5d4; border-color:#8d6e69; }
#app :is(.mx-secondary,.ds-filter-button,.ds-more) { background:#ece5e4; border-color:#bbb1af; color:#563d38; }
#app .ma-card-award { background:#e2d0c4; }

/* A charcoal footer gives the page a clear visual finish. */
#app footer:not(.ma-attribution) { background:linear-gradient(120deg,#252223,#352929 70%,#66352e); color:#f1e5db; border-top:1px solid #a88c87; }
#app footer:not(.ma-attribution) :is(.text-white,.text-gray-400,p,li,a) { color:#e8d8cc; }
#app footer:not(.ma-attribution) :is(h3,i) { color:#deb98b; }
#app footer:not(.ma-attribution) img[alt='Shop Logo'] { filter:brightness(0) invert(1); opacity:.94; }
#app footer:not(.ma-attribution) a:hover { color:#fff; }

/* The discovery panel is the dark focal point of the palette. */
#app .ds-home { background:linear-gradient(115deg,#292627,#49312e 56%,#854034); border-color:#71463c; box-shadow:0 15px 38px -27px #251d1b80; }
#app .ds-home::before { background:radial-gradient(circle,#dfa07422,transparent 70%); }
#app .ds-home h2 { color:#fff4e9; }
#app .ds-home .ds-eyebrow { color:#e6b49c; }
#app .ds-home .ds-help { color:#e7d5ca; }
#app .ds-home-head>a { background:#efe1d4; color:#492b25; border-color:#dbc0ab; }
#app .ds-home .ds-note strong { color:#382d28; }
#app :is(.ds-note-grid,.custom-scrollbar) { scrollbar-color:#a8816e transparent; }
#app :is(.ds-note-grid,.custom-scrollbar)::-webkit-scrollbar-thumb { background:#a8816e; }
#app :is(a,button,input,select,textarea):focus-visible { outline-color:#ad5a3f; }

@keyframes maisura-color-bloom { from { opacity:.15; transform:scale(.84) translateY(12px); } to { opacity:1; transform:scale(1) translateY(0); } }
@keyframes maisura-button-sheen { to { left:135%; } }
@media(hover:hover) and (pointer:fine) {
  #app .hm-link:hover { transform:translateY(-2px); }
  #app .ds-home .ds-note:hover { transform:translateY(-6px); box-shadow:0 14px 20px -14px #58423f73; }
  #app .ds-home .ds-note:hover>img { transform:scale(1.1) rotate(-4deg); }
  #app :is(.mp-card.ms-product-card,.ds-product,.ma-card):hover { transform:translateY(-7px)!important; border-color:#a98781!important; box-shadow:0 18px 34px -15px #69464040!important; }
  #app button.mp-add:hover { background:linear-gradient(120deg,#ad4435,#422826); box-shadow:0 8px 22px #8c302938; }
  #app button.mp-add:hover::after { animation:maisura-button-sheen .8s ease-out; }
}
#app :is(button.mp-add,.hm-link,.ds-note):active { scale:.98; }
@media(max-width:900px) {
  #app .hm-link { background:#f9f4f387; border:1px solid #cfc7c56b; }
  #app .ds-home { width:calc(100% - 44px); padding:28px 24px 24px; border-radius:26px; }
}
@media(max-width:650px) {
  #app .ds-home { width:calc(100% - 28px); padding:26px 16px 20px; margin:26px auto 34px; border-radius:24px; }
  #app .ds-home-head { flex-wrap:wrap; gap:14px; }
  #app .ds-home-head>a { max-width:none; min-height:40px; padding-inline:14px; }
  #app .ds-home .ds-help { margin-top:16px; }
  #app .ds-home .ds-note { flex-basis:106px; }
  #app .ds-home .ds-note-grid { margin-inline:-3px; }
}
@media(prefers-reduced-motion:reduce) {
  #app .ms-slideshow::before,#app .ds-home::before,#app button.mp-add::after { animation:none!important; }
  #app :is(.hm-link,.ds-note,.mp-card,.ds-product,.ma-card):hover,#app .ds-home .ds-note:hover>img { transform:none!important; }
  #app :is(button.mp-add,.hm-link,.ds-note):active { scale:1; }
}