/* Mitsoli v2.1.3 — P0 final visual polish */
:root{--m213:#2F1727;--m213-2:#402837;--m213-line:#e4dbe1;--m213-soft:#f8f5f7;--m213-text:#241b21}

/* ---------------- Homepage artwork ---------------- */
.common-home .m20-visual-shell{
  width:min(1320px,calc(100% - 48px))!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.common-home .m20-visual-hero{padding:22px 0 10px!important;background:#fff!important}
.common-home .m20-visual-hero-link,
.common-home .m20-visual-hero picture,
.common-home .m206-category-card,
.common-home .m206-category-card picture{display:block!important;width:100%!important}
.common-home .m20-visual-hero-link,.common-home .m206-category-card{overflow:hidden!important;background:#f2eeec!important}
.common-home .m20-visual-hero img,
.common-home .m206-category-card img{
  display:block!important;width:100%!important;height:auto!important;max-width:100%!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;
}
.common-home .m206-category-section{padding:10px 0 18px!important;background:#fff!important}
.common-home .m206-category-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}

/* ---------------- Product detail: stop oversized mobile image ---------------- */
@media(max-width:767px){
  #product-product .mitsoli-v15-product-hero{margin-bottom:12px!important}
  #product-product .mitsoli-v15-main-media{
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    padding:10px 0!important;display:flex!important;align-items:center!important;justify-content:center!important;
    background:#f8f7f7!important;overflow:hidden!important;
  }
  #product-product .mitsoli-v15-main-link{
    width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  }
  #product-product .mitsoli-v15-main-media #tmzoom{
    display:block!important;width:min(88%,390px)!important;height:auto!important;max-height:58dvh!important;
    object-fit:contain!important;object-position:center!important;margin:0 auto!important;
  }
  #product-product .mitsoli-v15-thumbs-wrap{margin:7px 0 0!important}
  #product-product .mitsoli-v15-product-panel{padding-top:12px!important}
  #product-product .m21-zoom-toggle{left:8px!important;top:8px!important}
  #product-product .mitsoli-v15-detail-wishlist{right:8px!important;top:8px!important}
}
@media(max-width:390px){
  #product-product .mitsoli-v15-main-media #tmzoom{width:86%!important;max-height:55dvh!important}
}

/* ---------------- Category tools ---------------- */
#product-category .m213-category-filter{
  display:grid!important;grid-template-columns:minmax(0,1fr) 126px!important;gap:10px!important;
  width:100%!important;margin:12px 0 18px!important;padding:0!important;float:none!important;clear:both!important;
}
#product-category .m213-list-control{display:block!important;margin:0!important;font-weight:400!important}
#product-category .m213-list-control>span{
  display:block;margin:0 0 5px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#80747b;
}
#product-category .m213-list-control select{
  width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 34px 0 12px!important;
  border:1px solid #dcd3d9!important;border-radius:0!important;background-color:#fff!important;box-shadow:none!important;
  color:#2b2328!important;font-size:12px!important;
}
#product-category .mitsoli-wholesale-note{
  margin:10px 0 4px!important;padding:11px 13px!important;min-height:0!important;
  display:flex!important;align-items:center!important;gap:11px!important;background:#faf8f9!important;border:1px solid #e5dde2!important;
}
#product-category .mitsoli-wholesale-note-icon{
  flex:0 0 34px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:var(--m213)!important;color:#fff!important;overflow:hidden!important;
}
#product-category .mitsoli-wholesale-note-icon i{font-size:13px!important;line-height:1!important;margin:0!important}
#product-category .mitsoli-wholesale-note>div{min-width:0!important}
#product-category .mitsoli-wholesale-note strong{display:block!important;margin:0 0 2px!important;font-size:11.5px!important;color:#2b2328!important}
#product-category .mitsoli-wholesale-note>div>span{display:block!important;font-size:9.5px!important;line-height:1.45!important;color:#81757c!important}

/* ---------------- New corporate footer ---------------- */
.m213-footer{background:var(--m213)!important;color:#f7f1f5!important;border-top:1px solid rgba(255,255,255,.08)!important}
.m213-footer a{color:#e4d8e0!important;text-decoration:none!important}
.m213-footer a:hover{color:#fff!important}
.m213-footer-main{
  display:grid;grid-template-columns:1.18fr 1fr .82fr 1.15fr;gap:38px;
  padding-top:32px;padding-bottom:28px;
}
.m213-footer-kicker{font-size:8px;letter-spacing:.18em;color:#bcaab6}
.m213-footer-wordmark{margin-top:6px;font-family:"Playfair Display",Georgia,serif;font-size:34px;line-height:1;color:#fff}
.m213-footer-brand p{max-width:260px;margin:8px 0 12px;font-size:10px;line-height:1.5;color:#d3c4cd}
.m213-footer-contact{display:flex;flex-direction:column;gap:5px}
.m213-footer-contact a{display:flex;align-items:center;gap:7px;font-size:9.5px}
.m213-footer-contact i{width:13px;color:#fff}
.m213-footer-group{margin:0;padding:0;border:0}
.m213-footer-group summary{list-style:none;cursor:default;margin:0 0 11px;font-size:10.5px;font-weight:700;letter-spacing:.04em;color:#fff}
.m213-footer-group summary::-webkit-details-marker{display:none}
.m213-footer-group summary i{display:none}
.m213-footer-group:not([open])>.m213-footer-linkgrid{display:grid!important}
.m213-footer-linkgrid{display:grid;grid-template-columns:1fr;gap:6px}
.m213-footer-linkgrid a{font-size:9.5px;line-height:1.35}
.m213-footer-linkgrid .is-strong{font-weight:700;color:#fff!important}
.m213-footer-action h5{margin:0 0 8px;font-size:10.5px;color:#fff;font-weight:700}
.m213-footer-action p{max-width:290px;margin:0 0 11px;font-size:9.5px;line-height:1.5;color:#d0c0ca}
.m213-footer-whatsapp{height:44px;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.04);color:#fff!important;font-size:10px;font-weight:600}
.m213-footer-whatsapp i{font-size:20px}.m213-footer-whatsapp b{font-size:15px;font-weight:400}
.m213-footer-action small{display:block;margin-top:9px;font-size:8.5px;line-height:1.45;color:#ae9ba7}
.m213-footer-bottom{border-top:1px solid rgba(255,255,255,.13)}
.m213-footer-bottom .m20-shell{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8.5px;color:#bba8b4}
.m213-footer-bottom .m20-shell>span:last-child{display:flex;gap:14px}

@media(max-width:991px){
  .common-home .m20-visual-shell{width:min(900px,calc(100% - 36px))!important}
  .m213-footer-main{grid-template-columns:1.15fr 1fr 1fr;gap:26px}
  .m213-footer-action{grid-column:1/-1}
}

@media(max-width:767px){
  /* Artwork remains boxed, never flush to the viewport. */
  .common-home .m20-visual-shell{width:calc(100% - 32px)!important;max-width:none!important}
  .common-home .m20-visual-hero{padding:14px 0 7px!important}
  .common-home .m206-category-section{padding:7px 0 14px!important}
  .common-home .m206-category-grid{grid-template-columns:1fr!important;gap:10px!important}

  /* Category controls: visually one compact toolbar. */
  #product-category .m213-category-filter{grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important;margin:8px 0 14px!important}
  #product-category .m213-list-control>span{font-size:8px!important;margin-bottom:4px!important}
  #product-category .m213-list-control select{height:43px!important;min-height:43px!important;padding-left:10px!important;font-size:10.5px!important}
  #product-category .mitsoli-wholesale-note{margin:8px 0 5px!important;padding:9px 10px!important;gap:9px!important}
  #product-category .mitsoli-wholesale-note-icon{flex-basis:30px!important;width:30px!important;height:30px!important}
  #product-category .mitsoli-wholesale-note strong{font-size:10.5px!important}
  #product-category .mitsoli-wholesale-note>div>span{font-size:8.8px!important}

  /* Footer is compact by default; sections open only when requested. */
  .m213-footer-main{
    width:calc(100% - 32px)!important;display:block!important;padding-top:22px!important;padding-bottom:16px!important;
  }
  .m213-footer-brand{padding-bottom:15px!important}
  .m213-footer-kicker{font-size:7.5px!important}
  .m213-footer-wordmark{font-size:29px!important}
  .m213-footer-brand p{max-width:none!important;margin:6px 0 10px!important;font-size:9.5px!important}
  .m213-footer-contact{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .m213-footer-contact a{min-width:0!important;font-size:8.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .m213-footer-group{border-top:1px solid rgba(255,255,255,.13)!important}
  .m213-footer-group summary{
    min-height:46px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    cursor:pointer!important;font-size:10px!important;
  }
  .m213-footer-group summary i{display:block!important;font-size:15px!important;transition:transform .2s ease}
  .m213-footer-group[open] summary i{transform:rotate(180deg)}
  .m213-footer-group:not([open])>.m213-footer-linkgrid{display:none!important}
  .m213-footer-linkgrid{grid-template-columns:1fr 1fr!important;gap:0 14px!important;padding:0 0 13px!important}
  .m213-footer-linkgrid a{padding:5px 0!important;font-size:9px!important}
  .m213-footer-action{padding-top:14px!important;border-top:1px solid rgba(255,255,255,.13)!important}
  .m213-footer-action h5{margin-bottom:5px!important;font-size:10px!important}
  .m213-footer-action p{margin-bottom:9px!important;font-size:9px!important}
  .m213-footer-whatsapp{height:46px!important;font-size:10.5px!important}
  .m213-footer-action small{margin-top:7px!important;font-size:8px!important}
  .m213-footer-bottom .m20-shell{
    width:calc(100% - 32px)!important;min-height:0!important;padding:9px 0 calc(9px + env(safe-area-inset-bottom))!important;
    flex-direction:column!important;justify-content:center!important;gap:4px!important;text-align:center!important;font-size:8px!important;
  }
  .m213-footer-bottom .m20-shell>span:last-child{flex-wrap:wrap!important;justify-content:center!important;gap:4px 11px!important}
}
