/* ============================================================
   Maisura polish pass — 2026-10-30
   Light theme only. No layout/section changes; fixes + refinements.
   Load LAST in <head><meta charset="utf-8">.
   ============================================================ */

:root{
  --mp-wine:#7a2a39;
  --mp-wine-dark:#5e1f2c;
  --mp-cream:#f6efe8;
  --mp-sand:#eee6dd;
  --mp-ink:#2b2325;
  --mp-muted:#7b6e70;
  --mp-wa:#25d366;
  --mp-wa-dark:#1fb858;
  --mp-font-ui:kurd,"Noto Sans Arabic",Manrope,system-ui,sans-serif;
  --mp-font-display:"Maisura Cormorant","Cormorant Garamond",Georgia,serif;
}

/* ---------- 1. Typography: one scale, no Arial fallbacks ---------- */
html[lang="ku"] body #app,
html[lang="ku"] body #app button,
html[lang="ku"] body #app input,
html[lang="ku"] body #app textarea,
html[lang="ku"] body #app select{
  font-family:var(--mp-font-ui);
}
body #app [style*="Arial"]{font-family:var(--mp-font-ui) !important;}

/* Section titles (home + inner pages) */
body #app section h2,
body #app h2.me-collection-title{
  font-size:clamp(1.45rem,1.1rem + 1.2vw,1.85rem) !important;
  line-height:1.3 !important;
  letter-spacing:0;
}
/* Product detail: all sub-headings the same size */
body #app .ms-product-detail h2{font-size:clamp(1.35rem,1.05rem + 1vw,1.6rem) !important;line-height:1.3 !important;}
body #app .ms-product-detail h3{font-size:1.2rem !important;line-height:1.35 !important;}
/* Latin product/brand names keep the display serif */
body #app .ms-product-detail h1{font-family:var(--mp-font-display) !important;line-height:1.1 !important;}
/* Prices and numbers: tabular, same family */
body #app [class*="price"],
body #app .mp-card strong,
body #app .ms-product-detail .fixed.bottom-0 span{
  font-variant-numeric:tabular-nums;
}

/* ---------- 2. Motion: faster reveal, never leave blank sections ---------- */
html[data-mx-motion] [data-mx-reveal]:not(.mx-in){
  transform:translateY(22px) scale(.985) !important;
}
html[data-mx-motion] [data-mx-reveal]{
  transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1) !important;
}
/* Safety net: after first paint, anything still hidden fades in */
html.mp-reveal-all [data-mx-reveal]{opacity:1 !important;transform:none !important;}

/* Product gallery: sticky only when there really are two columns */
@media (max-width:1023.98px){
  body #app .mf-detail-shell{position:static !important;top:auto !important;}
}

/* ---------- 3. Spacing: tighten the gap between home sections ---------- */
body #app .ms-static-discovery.ms-houses-gallery{padding-bottom:28px !important;}
body #app .mdr.mdr-category-section{padding-top:32px !important;}
body #app .ms-static-discovery p,
body #app .mseason-home p{overflow:visible;white-space:normal;text-overflow:clip;}

/* ---------- 4. Images: placeholders + sizing ---------- */
body #app .mp-card .mp-photo{
  background:linear-gradient(180deg,#fbf7f3 0%,var(--mp-sand) 100%);
  min-height:180px;
}
body #app .mp-card .mp-photo img{
  object-fit:contain;
  opacity:0;transition:opacity .4s ease;
}
body #app .mp-card .mp-photo img.mp-loaded,
body #app .mp-card .mp-photo img[loading="eager"]{opacity:1;}
body #app .ms-house-tile img,
body #app .ms-note-tile img{object-fit:contain;}

/* ---------- 5. Mobile UX: size picker + cart drawer ---------- */
@media (max-width:480px){
  /* Size picker modal */
  body #app .ms-panel .p-6{padding:16px !important;}
  body #app .ms-panel .space-y-4 > .flex.items-center.justify-between{
    flex-wrap:wrap;gap:10px;padding:12px !important;
  }
  body #app .ms-panel .space-y-4 > .flex.items-center.justify-between > div:first-child{flex:1 1 100%;}
  body #app .ms-panel .space-y-4 > .flex.items-center.justify-between > .flex.items-center.gap-3{
    flex:1 1 100%;justify-content:center;gap:8px !important;
  }
  body #app .ms-panel .w-16{width:3.5rem !important;}

  /* Cart drawer */
  body #app .fixed.bottom-0.h-5\/6{overflow-x:hidden !important;}
  body #app .fixed.bottom-0.h-5\/6 ul.space-y-4 > li{
    flex-wrap:wrap;gap:10px;
  }
  body #app .fixed.bottom-0.h-5\/6 ul.space-y-4 > li > .flex.items-center{
    flex:1 1 100%;max-width:100%;
  }
  body #app .fixed.bottom-0.h-5\/6 .flex.space-x-4{
    flex-wrap:wrap;gap:10px;
  }
  body #app .fixed.bottom-0.h-5\/6 .flex.space-x-4 > *{
    margin:0 !important;
  }
  body #app .fixed.bottom-0.h-5\/6 .flex.space-x-4 > .w-3\/4{flex:1 1 100%;width:100% !important;}
  body #app .fixed.bottom-0.h-5\/6 .flex.space-x-4 > .flex-1{flex:1 1 100%;}
}
/* Cart WhatsApp button: brand-consistent green, larger tap target */
body #app .fixed.bottom-0.h-5\/6 button.bg-green-500{
  background:var(--mp-wa) !important;
  min-height:48px;border-radius:12px !important;
  font-weight:600;
}
body #app .fixed.bottom-0.h-5\/6 button.bg-green-500:hover{background:var(--mp-wa-dark) !important;}
body #app .fixed.bottom-0.h-5\/6 input,
body #app .fixed.bottom-0.h-5\/6 textarea{
  border-radius:12px !important;min-height:46px;font-size:16px; /* no iOS zoom */
}

/* ---------- 6. Footer: light owner strip, hide admin links from public ---------- */
body #app footer{background:var(--mp-sand) !important;color:var(--mp-ink) !important;}
body #app footer > div:last-child[style*="rgb(25, 41, 42)"]{
  background:transparent !important;border-top:1px solid rgba(122,42,57,.12) !important;
  padding:10px 20px 18px !important;margin-top:8px !important;
  font-family:var(--mp-font-ui) !important;font-size:12px !important;
}
body #app footer > div:last-child[style*="rgb(25, 41, 42)"] a{
  color:var(--mp-muted) !important;border-color:rgba(122,42,57,.18) !important;
  padding:6px 12px !important;border-radius:999px !important;
}
body #app footer a[href="/admin/order-list"],
body #app footer a[href="/admin/orders"]{display:none !important;}
body #app footer .text-center.mt-5.text-xs:empty{display:none;}

/* ---------- 7. WhatsApp: floating button + footer + product CTA ---------- */
.mp-wa-float{
  position:fixed;inset-inline-start:18px;bottom:22px;z-index:2147482000;
  display:flex;align-items:center;gap:10px;
  padding:12px 16px 12px 12px;border-radius:999px;
  background:var(--mp-wa);color:#fff;text-decoration:none;
  font:600 14px/1 var(--mp-font-ui);
  box-shadow:0 10px 28px rgba(37,211,102,.32),0 2px 6px rgba(0,0,0,.08);
  transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;
}
.mp-wa-float:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(37,211,102,.4);}
.mp-wa-float svg{width:24px;height:24px;flex:none;}
.mp-wa-float span{white-space:nowrap;}
@media (max-width:640px){
  .mp-wa-float{padding:12px;bottom:18px;}
  .mp-wa-float span{display:none;}
}
/* On product pages, sit above the sticky price bar at every width */
html.mp-has-sticky .mp-wa-float{bottom:118px;}
@media (max-width:640px){ html.mp-has-sticky .mp-wa-float{bottom:112px;} }
/* Hide the floating button while the size picker or cart drawer is open */
body:has(.ms-overlay) .mp-wa-float,
body:has(.fixed.bottom-0.h-5\/6) .mp-wa-float{display:none;}
/* Site's own floating cart button: keep it truly round */
body #app button.fixed.bottom-28.rounded-full{border-radius:999px !important;}
/* Product page CTA (sits beside "add to cart" in the sticky bar) */
.mp-wa-product{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:10px 16px;border-radius:12px;
  background:var(--mp-wa);color:#fff !important;text-decoration:none;
  font:600 14px/1 var(--mp-font-ui);white-space:nowrap;
  transition:background .2s;
}
.mp-wa-product:hover{background:var(--mp-wa-dark);}
.mp-wa-product svg{width:20px;height:20px;}
@media (max-width:480px){
  .mp-wa-product span{display:none;}
  .mp-wa-product{padding:10px 12px;}
}
/* Footer WhatsApp line */
.mp-wa-footer{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--mp-wine) !important;text-decoration:none;font-weight:600;
}
.mp-wa-footer svg{width:18px;height:18px;}
.mp-wa-footer:hover{text-decoration:underline;}

/* ---------- 8. Small consistency fixes ---------- */
/* Buttons: unified radius + focus ring */
body #app button:focus-visible,
body #app a:focus-visible{outline:2px solid var(--mp-wine);outline-offset:2px;border-radius:10px;}
/* Keep page from horizontal scroll on small screens */
@media (max-width:640px){html,body{overflow-x:hidden;}}
/* Reduced motion respected */
@media (prefers-reduced-motion:reduce){
  .mp-wa-float,.mp-wa-product{transition:none;}
}

/* ---------- 9. Brand tiles ("براندێک هەڵبژێرە"): white cards so logo backgrounds blend in ---------- */
body #app[data-me-home] .ms-house-tile,
body #app .ms-static-discovery .ms-house-tile{
  background:#fff !important;border:1px solid rgba(122,42,57,.10) !important;border-radius:14px !important;
  box-shadow:0 1px 2px rgba(43,35,37,.04) !important;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s !important;
}
body #app[data-me-home] .ms-house-tile:hover,
body #app .ms-static-discovery .ms-house-tile:hover{
  transform:translateY(-3px);background:#fff !important;
  box-shadow:0 12px 28px rgba(122,42,57,.12) !important;border-color:rgba(122,42,57,.28) !important;
}
body #app .ms-house-tile .ms-house-art svg,
body #app .ms-house-tile .ms-house-art img{mix-blend-mode:multiply;}
body #app .ms-house-tile .ms-house-name{color:#5a4d50;font-weight:600;}

/* ---------- 10. Note tiles ("لە نۆتەکانەوە دەست پێ بکە"): full-bleed photos in ringed circles ---------- */
body #app .ms-note-tile .ms-note-art{
  width:78px !important;height:78px !important;border-radius:50% !important;overflow:hidden !important;
  position:relative;background:#f0e9df !important;
  box-shadow:0 0 0 1px rgba(122,42,57,.10),0 8px 18px rgba(122,42,57,.10),inset 0 0 0 3px #fff !important;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;
}
body #app .ms-note-tile .ms-note-art img{
  width:100% !important;height:100% !important;object-fit:cover !important;border-radius:50% !important;
  filter:saturate(1.08) contrast(1.04);transform:scale(1.02);
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
body #app .ms-note-tile .ms-note-art::after{
  content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.22),transparent 55%),
             radial-gradient(circle at 50% 50%,transparent 62%,rgba(90,60,65,.18) 100%);
}
body #app .ms-note-tile:hover .ms-note-art{
  transform:translateY(-3px);
  box-shadow:0 0 0 1px rgba(122,42,57,.18),0 14px 28px rgba(122,42,57,.16),inset 0 0 0 3px #fff !important;
}
body #app .ms-note-tile:hover .ms-note-art img{transform:scale(1.1);}
body #app .ms-note-tile .ms-note-label{font-weight:600;color:#4a3530;}
/* "See all" buttons in discovery sections: one line, natural width */
body #app .ms-static-discovery .ms-discovery-button{white-space:nowrap;width:auto !important;min-width:0;}

/* ---------- 10b. Note tiles as line icons (replaces the photo styling above) ---------- */
body #app .ms-note-tile .ms-note-art[data-mp-icon]{
  width:72px !important;height:72px !important;border-radius:50% !important;overflow:visible !important;
  display:flex !important;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#fbf7f3 0%,#f0e6dc 100%) !important;
  box-shadow:0 0 0 1px rgba(122,42,57,.12),0 6px 16px rgba(122,42,57,.08) !important;
  color:var(--mp-wine);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .35s;
}
body #app .ms-note-tile .ms-note-art[data-mp-icon]::after{display:none;}
body #app .ms-note-tile .ms-note-art[data-mp-icon] svg{
  width:34px;height:34px;display:block;
  transition:transform .4s cubic-bezier(.22,1,.36,1);
}
body #app .ms-note-tile:hover .ms-note-art[data-mp-icon]{
  transform:translateY(-3px);
  background:linear-gradient(160deg,#fff 0%,#f6ece4 100%) !important;
  box-shadow:0 0 0 1px rgba(122,42,57,.28),0 12px 26px rgba(122,42,57,.14) !important;
}
body #app .ms-note-tile:hover .ms-note-art[data-mp-icon] svg{transform:scale(1.08);}

/* ---------- 11. One visual system: flat canvas, one card style, calmer motion ---------- */
body{background:#efe8e1 !important;}
body #app > .dir-rtl.bg-gray-100,
body #app .dir-rtl.bg-gray-100{background:#efe8e1 !important;background-image:none !important;}
body #app .ms-product-detail.bg-gradient-to-br{background:#efe8e1 !important;background-image:none !important;}

/* One card language */
body #app .mseason-card,
body #app .mdr-card,
body #app .mp-card,
body #app .me-guide article,
body #app .me-guide .me-guide-card,
body #app .ms-static-discovery .ms-house-tile,
body #app .mx-sizes .mx-size{
  background:#fff !important;background-image:none !important;
  border:1px solid rgba(122,42,57,.10) !important;border-radius:16px !important;
  box-shadow:0 1px 2px rgba(43,35,37,.04) !important;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s !important;
}
body #app .mseason-card:hover,
body #app .mdr-card:hover,
body #app .mp-card:hover,
body #app .me-guide article:hover,
body #app .ms-static-discovery .ms-house-tile:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(122,42,57,.10) !important;border-color:rgba(122,42,57,.26) !important;
}
body #app .mp-card-body{background:#fff !important;background-image:none !important;}
body #app .mp-card .mp-photo{background:#faf6f2 !important;border-radius:12px;}
body #app .mdr-card.is-active,
body #app .mdr-card[aria-pressed="true"],
body #app .mdr-card.ms-active{border-color:var(--mp-wine) !important;box-shadow:0 0 0 1px var(--mp-wine) inset !important;}
body #app .mseason-card .mseason-icon,
body #app .mseason-card svg{color:var(--mp-wine);}

/* Buttons & pills: one radius */
body #app .ms-discovery-button,
body #app .mx-mood,
body #app .mdr-card,
body #app .mp-card button,
body #app .me-guide a,
body #app .ms-product-detail button{border-radius:12px !important;}

/* Section rhythm */
body #app .mseason-home,
body #app .ms-static-discovery,
body #app .mdr-category-section,
body #app .me-guide,
body #app .me-social{padding-top:56px !important;padding-bottom:40px !important;}
body #app .mx-finder,.mx-sizes{padding-top:56px !important;padding-bottom:56px !important;}

/* Calmer motion */
html[data-mx-motion] [data-mx-reveal]:not(.mx-in){transform:translateY(14px) !important;}
html[data-mx-motion] [data-mx-reveal]{transition-duration:.4s,.45s !important;}
body #app .mx-cinema-box{backdrop-filter:none !important;background:rgba(255,255,255,.72) !important;}
html[data-mx-motion] body #app .mp-card:hover .mp-photo :is(img,svg){transform:scale(1.03) !important;}

/* ---------- 12. Trust strip under the hero (injected by JS) ---------- */
.mp-trust{max-width:1200px;margin:-6px auto 8px;padding:0 20px;}
.mp-trust ul{
  list-style:none;margin:0;padding:14px 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
  background:#fff;border:1px solid rgba(122,42,57,.10);border-radius:16px;
  box-shadow:0 1px 2px rgba(43,35,37,.04);
}
.mp-trust li{
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:8px 10px;color:#4a3530;font:500 14px/1.35 var(--mp-font-ui);text-align:center;
}
.mp-trust li + li{border-inline-start:1px solid rgba(122,42,57,.10);}
.mp-trust svg{width:22px;height:22px;flex:none;color:var(--mp-wine);}
.mp-trust b{display:block;font-weight:700;color:#2b2325;}
.mp-trust small{display:block;color:#7b6e70;font-size:12px;}
@media (max-width:640px){
  .mp-trust ul{grid-template-columns:1fr;gap:0;padding:6px 8px;}
  .mp-trust li{justify-content:flex-start;text-align:start;padding:10px 8px;}
  .mp-trust li + li{border-inline-start:0;border-top:1px solid rgba(122,42,57,.10);}
}
body #app .mp-trust{order:1 !important;width:100%;box-sizing:border-box;}

/* ---------- 13. Editorial imagery (AI-generated set, /media/ai/) ---------- */
/* Season cards: photographic header */
body #app .mseason-card{padding-top:0 !important;align-items:stretch !important;text-align:center;}
body #app .mseason-card::before{
  content:'';display:block;height:128px;margin:0 -16px 14px;
  background:var(--mp-season,#f3ece5) center/cover no-repeat;
  border-bottom:1px solid rgba(122,42,57,.08);
  transition:transform .6s cubic-bezier(.22,1,.36,1);
}
body #app .mseason-card:hover::before{transform:scale(1.03);}
body #app .mseason-card.mseason-spring{--mp-season:url('/media/ai/season-spring.webp');}
body #app .mseason-card.mseason-summer{--mp-season:url('/media/ai/season-summer.webp');}
body #app .mseason-card.mseason-autumn{--mp-season:url('/media/ai/season-autumn.webp');}
body #app .mseason-card.mseason-winter{--mp-season:url('/media/ai/season-winter.webp');}
body #app .mseason-card .mseason-icon{
  width:44px;height:44px;margin:-36px auto 6px;border-radius:50%;
  background:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(43,35,37,.10);position:relative;color:var(--mp-wine);border:1px solid rgba(122,42,57,.10);
}
body #app .mseason-card .mseason-icon svg{width:24px;height:24px;}
body #app .mseason-card > strong,
body #app .mseason-card .mseason-description,
body #app .mseason-card .mseason-cta{padding-inline:14px;}
body #app .mseason-card .mseason-cta{margin-bottom:14px;}

/* Category cards: photographic header (data-mp-cat set by JS) */
body #app .mdr-card[data-mp-cat]{padding:0 0 12px !important;overflow:hidden;}
body #app .mdr-card[data-mp-cat]::before{
  content:'';display:block;width:100%;align-self:stretch;height:92px;margin-bottom:10px;
  background:var(--mp-cat) center/cover no-repeat;
  transition:transform .6s cubic-bezier(.22,1,.36,1);
}
body #app .mdr-card[data-mp-cat]:hover::before{transform:scale(1.04);}
body #app .mdr-card[data-mp-cat="men"]{--mp-cat:url('/media/ai/cat-men.webp');}
body #app .mdr-card[data-mp-cat="women"]{--mp-cat:url('/media/ai/cat-women.webp');}
body #app .mdr-card[data-mp-cat="unisex"]{--mp-cat:url('/media/ai/cat-unisex.webp');}
body #app .mdr-card[data-mp-cat="all"]{--mp-cat:url('/media/ai/hero.webp');}
body #app .mdr-card[data-mp-cat] .ds-icon,
body #app .mdr-card[data-mp-cat] > img{display:none;}
body #app .mdr-card[data-mp-cat] strong{padding-inline:10px;}

/* "Maisura up close": three-image editorial gallery (injected by JS) */
.mp-gallery{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  max-width:980px;margin:22px auto 26px;padding:0;list-style:none;
}
.mp-gallery li{
  aspect-ratio:3/4;border-radius:16px;overflow:hidden;
  border:1px solid rgba(122,42,57,.10);box-shadow:0 1px 2px rgba(43,35,37,.04);
  background:#f3ece5;
}
.mp-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1);}
.mp-gallery li:hover img{transform:scale(1.04);}
.mp-gallery li:nth-child(2){transform:translateY(18px);}
@media (max-width:640px){
  .mp-gallery{grid-template-columns:1fr 1fr;gap:10px;}
  .mp-gallery li:nth-child(2){transform:none;}
  .mp-gallery li:nth-child(3){grid-column:1 / -1;aspect-ratio:16/10;}
}

/* ---------- 14. Site-wide fixes (2026-10-31) ---------- */
body > div[style*="rgb(25, 41, 42)"],
body > div[style*="#19292a"]{
  background:#efe8e1 !important;border-top:1px solid rgba(122,42,57,.12) !important;
  padding:10px 20px 18px !important;margin-top:8px !important;
  font-family:var(--mp-font-ui) !important;font-size:12px !important;
}
body > div[style*="rgb(25, 41, 42)"] a,
body > div[style*="#19292a"] a{
  color:#7b6e70 !important;border-color:rgba(122,42,57,.18) !important;
  padding:6px 12px !important;border-radius:999px !important;
}
body:has(.mn-mobile-screen) .mp-wa-float{display:none !important;}
html[dir="ltr"] .mp-trust li{text-align:left;}

/* ---------- 15. Calm motion (2026-10-31): fewer, slower, subtler ---------- */
.mx-progress{display:none !important;}
html[data-mx-motion][data-mx-home] body #app .mh-hero .mh-bottle,
html[data-mx-motion][data-mx-home] body #app .mh-hero .mh-copy,
html[data-mx-motion][data-mx-home] body #app .mh-hero .mh-slide{translate:none !important;scale:none !important;opacity:1 !important;}
html[data-mx-motion][data-mx-compact] body #app header.mn-header{backdrop-filter:none !important;box-shadow:0 1px 0 rgba(122,42,57,.08) !important;}
html[data-mx-motion][data-mx-compact] body #app header.mn-header .mn-brand img{transform:none !important;}

/* Reveal: a single soft fade, sections only. Cards are always visible. */
html[data-mx-motion] [data-mx-reveal]{transition:opacity .5s ease !important;transform:none !important;}
html[data-mx-motion] [data-mx-reveal]:not(.mx-in){opacity:0;transform:none !important;}
html[data-mx-motion] body #app :is(.mp-card,.mseason-card,.ms-note-tile,.ms-house-tile,.mdr-card,.mx-mood,.mx-size)[data-mx-reveal]{opacity:1 !important;transform:none !important;transition:border-color .25s,box-shadow .25s !important;}

/* Hover: no lift, no zoom */
body #app .mseason-card:hover,
body #app .mdr-card:hover,
body #app .mp-card:hover,
body #app .me-guide article:hover,
body #app .ms-static-discovery .ms-house-tile:hover,
html[data-mx-motion] body #app .mp-card[data-mx-reveal].mx-in:hover{
  transform:none !important;
  box-shadow:0 6px 18px rgba(122,42,57,.08) !important;border-color:rgba(122,42,57,.30) !important;
}
html[data-mx-motion] body #app .mp-card:hover .mp-photo :is(img,svg),
body #app .mp-card:hover .mp-photo :is(img,svg){transform:none !important;}
body #app .mseason-card:hover::before,
body #app .mdr-card[data-mp-cat]:hover::before{transform:none !important;}
body #app .ms-note-tile:hover .ms-note-art{transform:none !important;}
body #app .ms-note-tile:hover .ms-note-art img{transform:scale(1.02) !important;}
.mp-gallery li:hover img{transform:none !important;}
.mp-wa-float:hover{transform:none !important;}

/* Hero slides: pure crossfade */
body #app .mh-change-enter-active,
body #app .mh-change-leave-active{transition:opacity .9s ease !important;transform:none !important;}
body #app .mh-change-enter-from,
body #app .mh-change-leave-to{opacity:0 !important;transform:none !important;}
html[data-mx-home] body #app .mh-change-enter-active :is(.mh-name-group,.mh-accords,.mh-actions,.mh-bottle){animation:none !important;}
html{scroll-behavior:auto !important;}

/* ---------- 16. Studio product look (2026-10-31) ---------- */
:root{--mp-studio-top:#f5f3f6;--mp-studio-bot:#e8e5eb;}
body #app .mp-card .mp-photo{background:#eeebf0 !important;padding:0 !important;border-radius:12px !important;overflow:hidden !important;height:230px !important;}
body #app .mp-card .mp-photo .mf-photo,
body #app .ds-product .ds-photo .mf-photo,
body #app .ms-similar-card .mf-photo{
  background:linear-gradient(180deg,var(--mp-studio-top) 0%,var(--mp-studio-bot) 100%) !important;
  isolation:auto !important;overflow:hidden !important;
  display:flex !important;align-items:flex-end;justify-content:center;position:relative;
}
body #app .mp-card .mp-photo .mf-photo::after,
body #app .ds-product .ds-photo .mf-photo::after,
body #app .ms-similar-card .mf-photo::after{
  content:'';position:absolute;left:50%;bottom:4%;width:44%;height:7%;transform:translateX(-50%);
  border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at center,rgba(60,45,70,.32) 0%,rgba(60,45,70,.12) 45%,transparent 70%);
}
body #app .mp-card .mp-photo .mf-photo > img,
body #app .ds-product .ds-photo .mf-photo > img,
body #app .ms-similar-card .mf-photo > img{
  mix-blend-mode:multiply !important;object-fit:contain !important;object-position:center 78%;
  position:relative !important;z-index:1;
  width:130% !important;height:130% !important;max-width:none !important;
  margin:-10% 0 -18% !important;filter:contrast(1.03);
}
body #app .ds-product .ds-photo{background:#eeebf0 !important;padding:0 !important;border-radius:12px !important;overflow:hidden !important;}
body #app .mf-gallery .mf-gallery-stage{
  background:linear-gradient(180deg,var(--mp-studio-top) 0%,var(--mp-studio-bot) 100%) !important;
  border-radius:16px !important;overflow:hidden !important;
}
body #app .mf-gallery .mf-gallery-stage .mf-gallery-open{background:transparent !important;}
body #app .mf-gallery .mf-gallery-stage .mf-photo{background:transparent !important;isolation:auto !important;position:relative;}
body #app .mf-gallery .mf-gallery-stage .mf-photo::after{
  content:'';position:absolute;left:50%;bottom:6%;width:38%;height:6%;transform:translateX(-50%);
  border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at center,rgba(60,45,70,.30) 0%,rgba(60,45,70,.10) 45%,transparent 70%);
}
body #app .mf-gallery .mf-gallery-stage .mf-photo > img{
  mix-blend-mode:multiply !important;object-fit:contain !important;object-position:center 74%;
  position:relative !important;z-index:1;width:112% !important;height:112% !important;max-width:none !important;
  margin:-4% -6% -10% !important;filter:contrast(1.03);
}
body #app .mf-gallery [class*="thumb"] .mf-photo,
body #app .mf-lightbox .mf-photo{background:linear-gradient(180deg,var(--mp-studio-top),var(--mp-studio-bot)) !important;}
body #app .mf-gallery [class*="thumb"] .mf-photo > img,
body #app .mf-lightbox .mf-photo > img{mix-blend-mode:multiply !important;}
body #app .mh-hero .mh-bottle .mf-photo > img{mix-blend-mode:multiply !important;filter:drop-shadow(0 18px 22px rgba(60,45,70,.18));}

/* ---------- 17. Mobile menu: flat, editorial, no icons (2026-10-31) ---------- */
body #app .mn-mobile-panel{background:#f4efe9 !important;background-image:none !important;padding:0 !important;box-shadow:none !important;}
body #app .mn-mobile-top{padding:14px 20px !important;border-bottom:1px solid rgba(122,42,57,.10) !important;background:transparent !important;}
body #app .mn-mobile-top img{height:44px !important;width:auto !important;}
body #app .mn-mobile-top .mn-icon{background:transparent !important;border:0 !important;box-shadow:none !important;color:#2b2325 !important;width:40px;height:40px;}
body #app .mn-mobile-links{padding:4px 20px 24px !important;}
body #app .mn-mobile-primary{display:block !important;gap:0 !important;margin:0 !important;padding:0 !important;border:0 !important;}
body #app .mn-primary-link{display:flex !important;align-items:center;justify-content:space-between;padding:14px 0 !important;margin:0 !important;border:0 !important;border-bottom:1px solid rgba(122,42,57,.10) !important;background:transparent !important;font:600 20px/1.3 var(--mp-font-ui) !important;color:#2b2325 !important;border-radius:0 !important;}
body #app .mn-primary-link span{display:none !important;}
body #app .mn-mobile-feature{display:flex !important;align-items:center;justify-content:center;gap:10px;margin:16px 0 4px !important;padding:13px 18px !important;border-radius:12px !important;background:var(--mp-wine) !important;background-image:none !important;color:#fff !important;box-shadow:none !important;border:0 !important;text-decoration:none;}
body #app .mn-mobile-feature span{text-align:center;}
body #app .mn-mobile-feature small{display:none !important;}
body #app .mn-mobile-feature strong{display:block;font:600 15px/1.3 var(--mp-font-ui) !important;color:#fff !important;}
body #app .mn-mobile-feature svg{display:none !important;}
body #app .mn-eyebrow{margin:18px 0 2px !important;font:500 11px/1 var(--mp-font-ui) !important;letter-spacing:.14em;text-transform:uppercase;color:#9a8c8e !important;}
body #app .mn-mobile-link{display:flex !important;align-items:center;padding:11px 0 !important;margin:0 !important;border:0 !important;border-bottom:1px solid rgba(122,42,57,.08) !important;background:transparent !important;border-radius:0 !important;font:500 16px/1.3 var(--mp-font-ui) !important;color:#3a2f31 !important;}
body #app .mn-mobile-link:last-of-type{border-bottom:0 !important;}
body #app .mn-mobile-link .mn-mobile-symbol,body #app .mn-mobile-link .mn-arrow{display:none !important;}
body #app .mn-mobile-link span{flex:1;}
body #app .mn-mobile-language{display:flex !important;align-items:center;justify-content:space-between;margin:16px 0 0 !important;padding:14px 0 0 !important;border-top:1px solid rgba(122,42,57,.10) !important;font:500 13px/1 var(--mp-font-ui) !important;color:#7b6e70 !important;}
body #app .mn-mobile-language select{appearance:none;-webkit-appearance:none;background:#fff !important;border:1px solid rgba(122,42,57,.18) !important;border-radius:999px !important;padding:8px 14px !important;font:500 14px/1 var(--mp-font-ui) !important;color:#2b2325 !important;box-shadow:none !important;}
body #app .mn-shade{background:rgba(43,35,37,.35) !important;backdrop-filter:none !important;}
@media (max-width:767.98px){
  body #app header.mn-header{background:#f4efe9 !important;background-image:none !important;box-shadow:none !important;border-bottom:1px solid rgba(122,42,57,.10) !important;}
  body #app header.mn-header .mn-icon{background:transparent !important;border:0 !important;box-shadow:none !important;color:#2b2325 !important;}
  body #app .hm-nav{background:#f4efe9 !important;border-bottom:1px solid rgba(122,42,57,.10) !important;padding:0 !important;}
  body #app .hm-nav .hm-links{display:flex !important;gap:0 !important;padding:0 16px !important;overflow-x:auto;scrollbar-width:none;}
  body #app .hm-nav .hm-links::-webkit-scrollbar{display:none;}
  body #app .hm-nav .hm-link{flex:0 0 auto !important;flex-direction:row !important;align-items:center;gap:0 !important;padding:12px 12px !important;margin:0 !important;background:transparent !important;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;box-shadow:none !important;width:auto !important;min-width:0 !important;color:#6b5c5f !important;font:500 14px/1 var(--mp-font-ui) !important;white-space:nowrap;}
  body #app .hm-nav .hm-link .hm-icon{display:none !important;}
  body #app .hm-nav .hm-link .hm-short-label{display:block !important;font:inherit !important;color:inherit !important;margin:0 !important;}
  body #app .hm-nav .hm-link.router-link-active{color:var(--mp-wine) !important;border-bottom-color:var(--mp-wine) !important;font-weight:600 !important;}
}

/* Mobile menu icons: thin, wine, consistent */
body #app .mn-mobile-panel .mp-ico{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-inline-end:12px;color:var(--mp-wine);flex:none;}
body #app .mn-mobile-panel .mp-ico svg{width:20px;height:20px;}
body #app .mn-primary-link{justify-content:flex-start !important;}
body #app .mn-primary-link span.mp-ico{display:inline-flex !important;width:24px;height:24px;}
body #app .mn-primary-link .mp-ico svg{width:22px;height:22px;}

/* ---------- 18. Mobile top nav: 2 rows x 4, small icon + label (2026-10-31) ---------- */
@media (max-width:767.98px){
  html[data-mx-site] body #app .hm-nav,
  html body #app .hm-nav{background:#f4efe9 !important;background-image:none !important;border-bottom:1px solid rgba(122,42,57,.10) !important;padding:4px 10px 8px !important;}
  html[data-mx-site] body #app .hm-nav .hm-links,
  html body #app .hm-nav .hm-links{
    display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:2px 2px !important;padding:0 !important;margin:0 !important;max-width:none !important;
    overflow:visible !important;mask-image:none !important;-webkit-mask-image:none !important;
    justify-content:stretch !important;scroll-snap-type:none !important;cursor:default !important;
  }
  html[data-mx-site] body #app .hm-nav .hm-links a.hm-link,
  html[data-mx-site] body #app .hm-link,
  html[data-mx-site] body #app .hm-link.hm-finder,
  html body #app .hm-nav .hm-link{
    display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
    gap:5px !important;padding:8px 2px !important;margin:0 !important;min-height:0 !important;min-width:0 !important;width:auto !important;
    background:transparent !important;background-image:none !important;border:0 !important;border-radius:10px !important;box-shadow:none !important;
    color:#5a4d50 !important;font:500 11.5px/1.15 var(--mp-font-ui) !important;white-space:nowrap !important;scroll-snap-align:none !important;
  }
  html[data-mx-site] body #app .hm-nav .hm-links a.hm-link .hm-icon,
  html[data-mx-site] body #app .hm-link .hm-icon,
  html body #app .hm-nav .hm-link .hm-icon{
    display:block !important;box-sizing:content-box !important;width:22px !important;height:22px !important;
    margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;
    box-shadow:none !important;color:var(--mp-wine) !important;stroke-width:1.5 !important;
  }
  html[data-mx-site] body #app .hm-nav .hm-links a.hm-link[aria-current] .hm-icon,
  html body #app .hm-nav .hm-link.router-link-active .hm-icon{background:transparent !important;color:var(--mp-wine) !important;box-shadow:none !important;border:0 !important;}
  html[data-mx-site] body #app .hm-link .hm-short-label,
  html body #app .hm-nav .hm-link .hm-short-label{display:block !important;font:inherit !important;color:inherit !important;margin:0 !important;background:none !important;}
  html[data-mx-site] body #app .hm-link .hm-wide-label{display:none !important;}
  html[data-mx-site] body #app .hm-nav .hm-links a.hm-link:is([aria-current],.router-link-exact-active),
  html body #app .hm-nav .hm-link.router-link-active{color:var(--mp-wine) !important;background:rgba(122,42,57,.06) !important;font-weight:600 !important;}
  html[data-mx-site] body #app .hm-link::after,html[data-mx-site] body #app .hm-link::before{display:none !important;content:none !important;}
}

/* ---------- 19. About + hours section (real content) ---------- */
body #app .mp-about{width:100%;padding:56px 20px 40px;box-sizing:border-box;order:13 !important;}
.mp-about-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:stretch;}
.mp-about .mp-kicker{margin:0 0 10px;font:500 11px/1 var(--mp-font-ui);letter-spacing:.16em;text-transform:uppercase;color:#9a8c8e;}
.mp-about h2{margin:0 0 14px;font:600 clamp(1.5rem,1.2rem + 1.2vw,2rem)/1.25 var(--mp-font-ui) !important;color:#2b2325;}
.mp-about-text > p{margin:0;font:400 15.5px/1.85 var(--mp-font-ui);color:#4a3f41;max-width:560px;}
.mp-about .mp-since{margin-top:16px !important;font-size:13px !important;color:#9a8c8e !important;}
.mp-about-hours{background:#fff;border:1px solid rgba(122,42,57,.10);border-radius:16px;padding:22px 22px 18px;box-shadow:0 1px 2px rgba(43,35,37,.04);display:flex;flex-direction:column;}
.mp-about-hours h3{margin:0 0 12px;font:600 15px/1.3 var(--mp-font-ui);color:#2b2325;}
.mp-about-hours dl{margin:0;padding:0;}
.mp-about-hours dl > div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(122,42,57,.08);font:500 14px/1.4 var(--mp-font-ui);}
.mp-about-hours dt{color:#6b5c5f;margin:0;}
.mp-about-hours dd{margin:0;color:#2b2325;font-variant-numeric:tabular-nums;white-space:nowrap;}
.mp-about-hours .mp-maps{margin-top:auto;padding-top:14px;font:600 14px/1 var(--mp-font-ui);color:var(--mp-wine);text-decoration:none;}
.mp-about-hours .mp-maps:hover{text-decoration:underline;}
@media (max-width:767.98px){
  body #app .mp-about{padding:40px 16px 24px;}
  .mp-about-inner{grid-template-columns:1fr;gap:18px;}
}
body #app footer .mp-foot-hours{color:inherit;}
body #app footer .mp-foot-hours span{font-size:14px;line-height:1.6;}

/* ---------- 20. Sizes section: light cards; hide the dark "footer film" (2026-10-31) ---------- */
body #app #maisura-footer-film{display:none !important;}
body #app .mx-sizes{background:#efe8e1 !important;background-image:none !important;color:#2b2325 !important;padding:56px 20px !important;}
body #app .mx-sizes .mx-sizes-head h2{color:#2b2325 !important;}
body #app .mx-sizes .mx-sizes-head p{color:#6b5c5f !important;}
body #app .mx-sizes .mx-sizes-row{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:16px !important;align-items:stretch !important;max-width:980px;margin:0 auto;}
body #app .mx-sizes .mx-size{
  background:#fff !important;border:1px solid rgba(122,42,57,.10) !important;border-radius:16px !important;
  box-shadow:0 1px 2px rgba(43,35,37,.04) !important;padding:22px 16px 20px !important;
  display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-end !important;
  height:auto !important;min-height:0 !important;text-align:center;
}
body #app .mx-sizes .mx-size img{
  mix-blend-mode:multiply !important;object-fit:contain !important;display:block !important;
  width:auto !important;margin:0 auto 14px !important;filter:drop-shadow(0 14px 16px rgba(60,45,70,.16)) !important;
}
body #app .mx-sizes .mx-size-30 img{height:120px !important;}
body #app .mx-sizes .mx-size-50 img{height:160px !important;}
body #app .mx-sizes .mx-size-100 img{height:200px !important;}
body #app .mx-sizes .mx-size-num{color:#2b2325 !important;font:600 26px/1.1 var(--mp-font-ui) !important;margin:0 0 4px !important;}
body #app .mx-sizes .mx-size-num span{font-size:14px !important;color:#7b6e70 !important;font-weight:500 !important;}
body #app .mx-sizes .mx-size-use{color:#6b5c5f !important;font:400 13px/1.4 var(--mp-font-ui) !important;margin:0 !important;}
body #app .mx-sizes .mx-sizes-note{color:#9a8c8e !important;margin-top:18px !important;}
@media (max-width:640px){
  body #app .mx-sizes .mx-sizes-row{gap:8px !important;}
  body #app .mx-sizes .mx-size{padding:14px 6px 14px !important;border-radius:12px !important;}
  body #app .mx-sizes .mx-size-30 img{height:84px !important;}
  body #app .mx-sizes .mx-size-50 img{height:108px !important;}
  body #app .mx-sizes .mx-size-100 img{height:132px !important;}
  body #app .mx-sizes .mx-size-num{font-size:20px !important;}
  body #app .mx-sizes .mx-size-use{font-size:11.5px !important;}
}

/* ---------- 21. Cinema banner: calm studio photo + white card (2026-10-31) ---------- */
body #app .mx-cinema{position:relative;overflow:hidden;background:#efe8e1 !important;padding:0 !important;}
body #app .mx-cinema .mx-cinema-img{content:url('/media/ai/hero.webp');object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0;filter:none !important;opacity:1 !important;}
body #app .mx-cinema::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,232,225,0) 0%,rgba(239,232,225,0) 45%,rgba(239,232,225,.35) 100%);pointer-events:none;}
body #app .mx-cinema .mx-cinema-wrap{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:64px 20px;display:flex;justify-content:flex-start;}
body #app .mx-cinema .mx-cinema-box{background:#fff !important;border:1px solid rgba(122,42,57,.10) !important;border-radius:16px !important;box-shadow:0 10px 30px rgba(43,35,37,.08) !important;padding:28px 28px 24px !important;max-width:420px;backdrop-filter:none !important;}
body #app .mx-cinema .mx-kicker{color:#9a8c8e !important;font:500 11px/1 var(--mp-font-ui) !important;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;}
body #app .mx-cinema h2{color:#2b2325 !important;margin:0 0 10px !important;}
body #app .mx-cinema p{color:#4a3f41 !important;}
body #app .mx-cinema .mx-link{color:var(--mp-wine) !important;font-weight:600;}
@media (max-width:640px){body #app .mx-cinema .mx-cinema-wrap{padding:36px 16px;} body #app .mx-cinema .mx-cinema-box{padding:20px !important;}}