/* Mitsoli v2.1.0 P0 — Baymard-inspired mobile UX */
:root{--m21:#2F1727;--m21-2:#402837;--m21-line:#e6dde3;--m21-soft:#f7f3f6}
button,a,input,select{touch-action:manipulation}

/* Header search drawer */
.m20-icon.m21-search-toggle{border:0;background:transparent;padding:0}
.m21-header-search{display:none;border-top:1px solid var(--m21-line);background:#fff;padding:11px 0 13px}
.m21-header-search.is-open{display:block}
.m21-header-search-form{width:min(1320px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 82px 44px;gap:8px;align-items:center}
.m21-header-search-field{height:46px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #dcd3d9;background:#fff}
.m21-header-search-field i{color:#675b63}
.m21-header-search-field input{width:100%;height:42px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;font-size:13px}
.m21-header-search-submit{height:46px;border:1px solid var(--m21);background:var(--m21);color:#fff;font-weight:600}
.m21-header-search-close{width:44px;height:46px;border:1px solid #ded5db;background:#fff;color:var(--m21);font-size:16px}

/* Mobile nav is category-first */
.m21-mobile-nav-title{display:none}

/* Category page quick path */
.m21-category-quick{display:none}

/* Search page */
#product-search .m21-search-primary{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px;max-width:760px;margin:0 0 16px}
#product-search .m21-search-primary-field{height:48px;display:flex;align-items:center;gap:10px;border:1px solid #d9d0d6;background:#fff;padding:0 13px}
#product-search .m21-search-primary-field i{color:#6e626a}
#product-search .m21-search-primary-field .form-control{height:44px;border:0!important;box-shadow:none!important;padding:0!important;background:transparent}
#product-search .m21-search-submit{height:48px;border-radius:0;background:var(--m21);border-color:var(--m21);font-weight:600}
#product-search .m21-search-submit i{display:none;margin-left:7px}

/* Product zoom */
#product-product .mitsoli-v15-main-media{overflow:hidden!important;position:relative!important}
#product-product #tmzoom{transform-origin:center center;will-change:transform;transition:transform .18s ease;user-select:none;-webkit-user-drag:none}
#product-product .m21-zoom-toggle{position:absolute;left:10px;top:10px;z-index:8;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:var(--m21);box-shadow:0 3px 12px rgba(30,15,25,.10);font-size:16px}
#product-product .mitsoli-v15-main-media.m21-is-zoomed #tmzoom{transition:none}

@media(max-width:991px){
  .m21-header-search-form{width:min(900px,calc(100% - 28px))}
  .m20-mobile-nav.in.m21-mobile-nav{display:block!important;padding:12px 0 17px}
  .m21-mobile-nav-title{display:block;padding:5px 8px 10px;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#80737b}
  .m21-mobile-category-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .m21-mobile-category-links a{min-height:48px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid #e2d9df!important;background:#faf8f9;font-size:13px!important;font-weight:600!important}
  .m21-mobile-category-links a:after{content:'→';font-size:14px;color:var(--m21)}
  .m21-mobile-secondary-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
  .m21-mobile-secondary-links a{min-height:44px;display:flex;align-items:center}
  .m21-mobile-whatsapp{display:flex!important;align-items:center;justify-content:center;min-height:48px;margin-top:10px!important}

  .m21-category-quick{display:flex;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:4px 0 13px;padding:1px 0 5px}
  .m21-category-quick::-webkit-scrollbar{display:none}
  .m21-category-quick a{flex:0 0 auto;min-width:76px;min-height:44px;padding:0 14px;display:flex;align-items:center;justify-content:center;border:1px solid #e1d8de;background:#fff;color:#40343b!important;text-decoration:none!important;font-size:12px;font-weight:600}
  .m21-category-quick a.is-current{background:var(--m21);border-color:var(--m21);color:#fff!important}
}

@media(max-width:767px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .m21-header-search{padding:8px 0 10px}
  .m21-header-search-form{width:calc(100% - 24px);grid-template-columns:minmax(0,1fr) 70px 44px;gap:6px}
  .m21-header-search-field{height:44px;padding:0 10px}
  .m21-header-search-submit,.m21-header-search-close{height:44px}

  /* Hero: mobile crop makes embedded artwork readable without filling the whole viewport. */
  .common-home .m20-visual-hero{padding:10px 0 5px!important}
  .common-home .m20-visual-hero img{width:100%!important;height:auto!important;object-fit:contain!important;transform:none!important}
  .common-home .m206-category-card img{width:100%!important;height:auto!important;object-fit:contain!important;transform:none!important}

  /* Search controls */
  #product-search .m21-search-primary{grid-template-columns:minmax(0,1fr) 76px;gap:6px;margin-bottom:12px}
  #product-search .m21-search-primary-field,#product-search .m21-search-submit{height:46px}
  #product-search .m21-search-submit{padding:0 10px}
  #product-search .m21-search-submit i{display:none}
  #product-search .m21-search-options{margin-left:0;margin-right:0}
  #product-search .m21-search-spacer{display:none}

  /* Product image zoom */
  #product-product .mitsoli-v15-main-media{touch-action:pan-y;overscroll-behavior:contain}
  #product-product .mitsoli-v15-main-media.m21-is-zoomed{touch-action:none}
  #product-product .m21-zoom-toggle{display:grid}

  /* General P0 touch & overflow safety */
  .m20-mobile-menu,.m20-icon,.m21-header-search-close,.m21-header-search-submit,
  #product-category .mitsoli-filter-toggle,#product-category .mitsoli-filter-close,
  #product-product .mitsoli-v15-detail-contact{min-width:44px;min-height:44px}
  #product-category .mitsoli-catalog-tools{z-index:45}
  #product-product .mitsoli-v15-actions{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
}

@media(min-width:768px){
  #product-product .m21-zoom-toggle{display:none}
}