:root{
  --mi-orange:#ff6900;
  --mi-text:#191919;
  --mi-muted:#666;
  --mi-line:#eaeaea;
  --mi-panel:#fff;
  --mi-bg:#f5f5f5;
  --mi-dark:#111;
  --mi-max:1440px;
}
*{box-sizing:border-box}
body.mi-home{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--mi-bg);color:var(--mi-text)}
body.mi-home a{text-decoration:none;color:inherit}
.mi-container{width:min(var(--mi-max),calc(100% - 48px));margin:0 auto}
.mi-header{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid var(--mi-line)}
.mi-topbar{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:24px}
.mi-brand{display:flex;align-items:center;gap:14px;font-weight:800}
.mi-brand-mark{width:34px;height:34px;border-radius:8px;background:var(--mi-orange);display:grid;place-items:center;color:#fff;font-size:22px;font-weight:800}
.mi-brand-text strong{display:block;font-size:20px;line-height:1}
.mi-brand-text span{display:block;font-size:12px;color:#7a7a7a;margin-top:4px}
.mi-nav{display:flex;align-items:center;gap:34px;flex:1;justify-content:center}
.mi-nav-link{display:flex;align-items:center;height:78px;font-size:16px;color:#333;position:relative}
.mi-nav-link:hover,.mi-nav-link.is-open{color:var(--mi-orange)}
.mi-nav-link.is-open::after,.mi-nav-link:hover::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--mi-orange)}
.mi-actions{display:flex;align-items:center;gap:16px}
.mi-icon-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid transparent;cursor:pointer;color:#222;background:#fff;font-size:18px}
.mi-icon-btn:hover{border-color:#ddd;background:#fafafa}
.mi-lang{display:flex;gap:6px;border:1px solid var(--mi-line);border-radius:999px;padding:4px}
.mi-lang a{padding:8px 14px;border-radius:999px;font-size:13px;color:#555}
.mi-lang a.active{background:var(--mi-orange);color:#fff}
.mi-mega-wrap{position:absolute;left:0;right:0;top:79px;background:#fff;border-bottom:1px solid var(--mi-line);box-shadow:0 28px 40px rgba(0,0,0,.08);display:none}
.mi-mega-wrap.is-visible{display:block}
.mi-mega-panel{display:none;padding:30px 0 26px}
.mi-mega-panel.active{display:block}
.mi-mega-grid{display:grid;grid-template-columns:1.15fr 1.5fr;gap:38px;align-items:start}
.mi-mega-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.mi-group h4{margin:0 0 14px;font-size:15px;font-weight:800;color:#111}
.mi-group a{display:block;padding:7px 0;font-size:15px;color:#555}
.mi-group a:hover{color:var(--mi-orange)}
.mi-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mi-feature-card{background:#fafafa;border-radius:14px;padding:18px;text-align:center;min-height:228px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s ease;border:1px solid #f0f0f0}
.mi-feature-card:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(0,0,0,.06)}
.mi-feature-card img{width:120px;height:120px;object-fit:contain;display:block;margin:0 auto 12px}
.mi-feature-title{font-size:15px;font-weight:700;line-height:1.45;color:#2a2a2a}
.mi-feature-sub{font-size:12px;color:#888;margin-top:8px}
.mi-hero{background:#fff}
.mi-slider{position:relative;overflow:hidden;background:#f1eee7}
.mi-slide{display:none;position:relative}
.mi-slide.active{display:block}
.mi-slide a,.mi-slide > div{display:block;position:relative;min-height:clamp(520px,42vw,680px)}
.mi-slide img{width:100%;height:clamp(520px,42vw,680px);display:block;object-fit:cover;object-position:center center;background:#f5f5f5}
.mi-slide-copy{position:absolute;left:max(5vw,72px);top:14%;max-width:520px;color:#111;z-index:3}
.mi-slide-copy h1{margin:0 0 14px;font-size:62px;line-height:1.02;font-weight:800;letter-spacing:-.03em}
.mi-slide-copy p{margin:0 0 18px;font-size:19px;line-height:1.55;color:#333}
.mi-slide-btns{display:flex;gap:14px;margin-top:24px}
.mi-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;background:var(--mi-dark);color:#fff;font-weight:700;font-size:15px}
.mi-btn.light{background:#fff;color:#111;border:1px solid #ddd}
.mi-slider-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:10px}
.mi-slider-dots button{width:34px;height:4px;border:0;border-radius:999px;background:rgba(0,0,0,.16);cursor:pointer}
.mi-slider-dots button.active{background:var(--mi-orange)}
.mi-section{padding:30px 0}
.mi-section-title{font-size:38px;font-weight:800;letter-spacing:-.02em;margin:0 0 20px;color:#111}
.mi-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mi-tile{background:#fff;border-radius:16px;overflow:hidden;min-height:248px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.mi-tile.hero{grid-column:span 2;min-height:516px}
.mi-tile-body{padding:28px}
.mi-tile h3{margin:0 0 10px;font-size:32px;line-height:1.1;font-weight:800}
.mi-tile p{margin:0;color:#666;font-size:15px;line-height:1.7}
.mi-tile img{width:100%;height:250px;object-fit:contain;display:block;background:#f7f7f7}
.mi-tile.hero img{height:320px}
.mi-price{margin-top:16px;font-size:28px;font-weight:800;color:#111}
.mi-old-price{margin-top:2px;color:#999;font-size:14px;font-weight:600;text-decoration:line-through;white-space:nowrap}
.mi-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.mi-card{background:#fff;border-radius:16px;padding:26px 18px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.04);min-height:250px}
.mi-card img{width:120px;height:120px;object-fit:contain;display:block;margin:0 auto 16px}
.mi-card h4{margin:0;font-size:17px;font-weight:700;line-height:1.45;color:#222}
.mi-card p{margin:10px 0 0;color:#777;font-size:13px;line-height:1.55}
.mi-card .mi-price{margin-top:14px;font-size:24px}
.mi-support-band{background:#fff;padding:56px 0}
.mi-support-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mi-support-item{text-align:center;padding:16px 10px}
.mi-support-icon{width:58px;height:58px;border:2px solid #9c9c9c;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:24px;color:#888}
.mi-support-item h4{margin:0 0 10px;font-size:18px}
.mi-support-item p{margin:0;color:#666;line-height:1.6}
.mi-footer{background:#161616;color:#fff;padding:54px 0 28px}
.mi-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) minmax(390px,1.15fr);gap:34px 42px;align-items:start}
.mi-footer-group h5{margin:0 0 18px;font-size:20px}
.mi-footer-group a{display:block;color:#bfbfbf;padding:8px 0;font-size:15px}
.mi-footer-group a:hover{color:#fff}
.mi-footer-right h5{margin:0 0 14px;font-size:20px}
.mi-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}
.mi-social a,.mi-social .mi-social-icon{height:48px;border-radius:15px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 13px;border:1px solid rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.05);transition:.18s ease;font-weight:850;font-size:13px}
.mi-social a:hover,.mi-social .mi-social-icon:hover{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.1);transform:translateY(-1px)}
.mi-social-glyph{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;flex:0 0 32px;background:rgba(255,255,255,.12)}
.mi-social svg{width:21px;height:21px;display:block;fill:currentColor}
.mi-social-instagram .mi-social-glyph{background:radial-gradient(circle at 30% 110%,#feda75 0 18%,#fa7e1e 30%,#d62976 55%,#962fbf 78%,#4f5bd5 100%)}
.mi-social-tiktok .mi-social-glyph{background:#060606;box-shadow:inset 3px 0 0 #25f4ee,inset -3px 0 0 #fe2c55}
.mi-social-shopee .mi-social-glyph{background:#ee4d2d}
.mi-social-whatsapp .mi-social-glyph{background:#25d366}
.mi-social-email .mi-social-glyph{background:#394150}
.mi-contact-box,.mi-subscribe-box,.mi-app-box{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px 18px;margin-top:18px}
.mi-trust-box{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px 20px;margin-top:24px;background:rgba(255,255,255,.055);color:#fff;display:grid;grid-template-columns:1fr;gap:16px;box-shadow:none}
.mi-trust-section{min-width:0}
.mi-trust-section+.mi-trust-section{border-top:1px solid rgba(255,255,255,.1);padding-top:14px}
.mi-trust-title{display:block;color:#fff;font-size:14px;font-weight:950;margin:0 0 10px;letter-spacing:.01em}
.mi-trust-logos{display:flex;flex-wrap:wrap;gap:9px 10px;align-items:center}
.mi-trust-logo{height:34px;min-width:74px;display:flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:8px;background:#fff;transition:.18s ease}
.mi-trust-logo:hover{transform:translateY(-1px)}
.mi-trust-logo svg,.mi-trust-logo img{display:block;width:100%;height:100%;max-width:112px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.06))}
.mi-logo-mastercard{min-width:56px}
.mi-logo-bca{min-width:92px}
.mi-logo-bca img{max-width:82px;max-height:24px}
.mi-logo-bni,.mi-logo-gopay{min-width:82px}
.mi-logo-bri{min-width:108px}
.mi-logo-mandiri{min-width:88px}
.mi-logo-visa{min-width:76px}
.mi-logo-qris{min-width:82px}
.mi-logo-qris img{max-width:74px;max-height:22px}
.mi-trust-logistics{height:34px;min-width:96px}
.mi-trust-logistics img{max-width:112px}
.mi-logo-jne{min-width:82px}
.mi-logo-jnt,.mi-logo-sicepat,.mi-logo-anteraja{min-width:104px}
.mi-logo-ninja{min-width:108px;background:#111;padding:5px 9px}
.mi-logo-ninja img{filter:none}
.mi-trust-section:nth-child(2) .mi-trust-logos{justify-content:flex-start}
@media (min-width: 769px){.mi-trust-section:nth-child(2) .mi-trust-logos{flex-wrap:wrap}}
.mi-trust-fallback{font-weight:900;font-size:18px;color:#111}
.mi-subscribe-input{width:100%;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;border-radius:999px;padding:14px 18px;font-size:15px}
.mi-footer-bottom{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;color:#bcbcbc;font-size:14px}
.mi-admin-page{background:#f5f5f5;color:#111;font-family:Inter,Arial,sans-serif}
.mi-admin-wrap{padding:32px 0 54px}
.mi-admin-grid{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.mi-admin-sidebar{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.mi-admin-sidebar h3{margin:0 0 16px;font-size:28px}
.mi-admin-sidebar a{display:block;padding:14px 16px;border-radius:12px;color:#444;margin-bottom:8px;border:1px solid #eee}
.mi-admin-sidebar a.active{background:var(--mi-orange);color:#fff;border-color:var(--mi-orange)}
.mi-admin-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.mi-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.mi-table-wrap{overflow:auto}
.mi-table{width:100%;border-collapse:collapse}
.mi-table th,.mi-table td{padding:12px 10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top;font-size:14px}
.mi-table th{font-size:13px;text-transform:uppercase;color:#888;letter-spacing:.04em}
.mi-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f1f1f1;font-size:12px;color:#555}
.mi-badge.on{background:#eaf8eb;color:#17863d}
.mi-badge.off{background:#fff0ef;color:#d33e2a}
.mi-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mi-field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.mi-field label{font-size:13px;color:#555;font-weight:700}
.mi-field input,.mi-field textarea,.mi-field select{width:100%;border:1px solid #ddd;border-radius:12px;padding:13px 14px;font-size:14px;background:#fff;color:#111}
.mi-field textarea{min-height:120px;resize:vertical}
.mi-admin-actions{display:flex;flex-wrap:wrap;gap:8px}
.mi-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #ddd;border-radius:999px;background:#fff;font-size:13px;color:#444}
.mi-link-btn.primary{background:var(--mi-orange);color:#fff;border-color:var(--mi-orange)}
.mi-panel-title{margin:0 0 6px;font-size:34px;font-weight:800}
.mi-panel-copy{margin:0 0 20px;color:#666;line-height:1.7}
@media (max-width: 1100px){.mi-nav{gap:20px}.mi-mega-grid{grid-template-columns:1fr}.mi-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.mi-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-footer-right{grid-column:span 2}.mi-trust-box{grid-template-columns:1fr}.mi-admin-grid{grid-template-columns:1fr}.mi-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 768px){.mi-container{width:min(100%,calc(100% - 24px))}.mi-topbar{min-height:66px}.mi-brand-text strong{font-size:18px}.mi-brand-text span{font-size:11px}.mi-nav{display:none}.mi-actions .mi-icon-btn{display:none}.mi-slide,.mi-slide a,.mi-slide>div{min-height:auto}.mi-slide img{height:auto;max-height:none;object-fit:cover}.mi-slide-copy{position:absolute;left:18px;right:18px;top:auto;bottom:20px;max-width:none;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);padding:18px;border-radius:16px}.mi-slide-copy h1{font-size:32px}.mi-slide-copy p{font-size:14px}.mi-tiles{grid-template-columns:1fr}.mi-tile.hero{grid-column:auto;min-height:unset}.mi-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-footer-grid{grid-template-columns:1fr}.mi-footer-right{grid-column:auto}.mi-social{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-trust-box{padding:14px;margin-top:16px;border-radius:16px}.mi-trust-logos{gap:8px}.mi-trust-logo{height:30px;min-width:70px;flex:0 1 auto;padding:4px 7px}.mi-trust-logo svg,.mi-trust-logo img{max-width:92px}.mi-logo-qris img{max-width:66px;max-height:19px}.mi-logo-bca img{max-width:74px;max-height:21px}.mi-trust-logistics{height:30px;min-width:86px}.mi-logo-jnt,.mi-logo-sicepat,.mi-logo-anteraja,.mi-logo-ninja{min-width:92px}.mi-footer-bottom{flex-direction:column}.mi-form-grid{grid-template-columns:1fr}}

.mi-top-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:#111;color:#fff;font-weight:700;font-size:14px}
.mi-top-cta:hover{background:var(--mi-orange)}


/* V12 second-stage responsive upgrade */
.mi-slide-copy h1{text-shadow:0 2px 14px rgba(255,255,255,.28)}
.mi-slide-copy p{text-shadow:0 2px 12px rgba(255,255,255,.22)}
@media (max-width: 1200px){
  .mi-slide-copy h1{font-size:48px}
  .mi-slide-copy p{font-size:17px}
}
@media (max-width: 768px){
  .mi-topbar{min-height:64px}
  .mi-brand-text span{display:none}
  .mi-actions{gap:8px}
  .mi-slide a,.mi-slide > div{min-height:380px}
  .mi-slide img{height:420px;object-position:center center}
  .mi-slide-copy{left:16px;right:16px;bottom:24px;top:auto;max-width:none;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);padding:18px 18px 16px;border-radius:18px;box-shadow:0 12px 24px rgba(0,0,0,.12)}
  .mi-slide-copy h1{font-size:30px;margin-bottom:8px}
  .mi-slide-copy p{font-size:14px;line-height:1.5;margin-bottom:10px}
  .mi-slide-btns{margin-top:12px}
  .mi-btn{padding:11px 18px;font-size:14px}
  .mi-tiles{grid-template-columns:1fr}
  .mi-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mi-support-grid,.mi-footer-grid{grid-template-columns:1fr}
}
@media (max-width: 520px){
  .mi-cards{grid-template-columns:1fr}
  .mi-lang a{padding:8px 10px}
}


/* ==== V12 stage3 admin consistency ==== */
.mi-admin-page{background:#f5f5f5;color:#191919;min-height:100vh}
.mi-admin-page a{color:inherit}
.mi-admin-page .mi-container{width:min(1440px,calc(100% - 48px));margin:0 auto}
.mi-admin-wrap{padding:34px 0 60px}
.mi-admin-grid{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.mi-admin-sidebar,.mi-admin-card{background:#fff;border:1px solid #ececec;box-shadow:0 4px 14px rgba(0,0,0,.04);border-radius:28px}
.mi-admin-sidebar{padding:24px;position:sticky;top:28px;min-height:calc(100vh - 96px)}
.mi-admin-sidebar h3{color:#111;font-size:26px;margin:0 0 18px}
.mi-admin-sidebar a{display:block;background:#fafafa;border:1px solid #eee;color:#333;padding:14px 16px;border-radius:16px;margin-bottom:10px;font-weight:700}
.mi-admin-sidebar a.active,.mi-admin-sidebar a:hover{background:#fff1e6;color:#ff6900;border-color:#ffd9be}
.mi-admin-card{padding:30px}
.mi-admin-card .mi-panel-title,.mi-admin-card h1,.mi-admin-card h2{color:#111}
.mi-admin-card .mi-panel-copy{color:#666;line-height:1.75}
.mi-admin-card .notice-success{background:#f3fbf4;border:1px solid #cdebd1;color:#2d6a36;border-radius:16px;padding:14px 16px}
.mi-admin-card .mi-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}
.mi-link-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e5e5;background:#fff;color:#111;border-radius:999px;padding:10px 15px;font-weight:700;font-size:14px;box-shadow:none}
.mi-link-btn.primary{background:#111;color:#fff;border-color:#111}
.mi-link-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,0,0,.08)}
.mi-table-wrap{overflow:auto;border:1px solid #eee;border-radius:20px;background:#fff;margin-top:10px}
.mi-table{width:100%;border-collapse:collapse}
.mi-table th{background:#fafafa;color:#111;text-align:left;font-weight:800;font-size:14px;padding:14px 12px;border-bottom:1px solid #eee}
.mi-table td{color:#666;padding:14px 12px;border-bottom:1px solid #eee;vertical-align:middle}
.mi-table tr:last-child td{border-bottom:0}
.mi-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:12px;border:1px solid #ececec;background:#fafafa;color:#666}
.mi-badge.on{background:#f1fff4;color:#2c7a3f;border-color:#cdebd1}
.mi-badge.off{background:#fff8ef;color:#a56b00;border-color:#ffdfb6}
.mi-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.mi-field{display:flex;flex-direction:column;gap:8px;color:#444;font-size:14px}
.mi-field label{font-weight:700;color:#444}
.mi-field input,.mi-field textarea,.mi-field select{background:#fff;border:1px solid #e5e5e5;color:#111;border-radius:14px;padding:13px 14px;outline:none}
.mi-field textarea{min-height:108px;resize:vertical}
.mi-field input:focus,.mi-field textarea:focus,.mi-field select:focus{border-color:#ff6900;box-shadow:0 0 0 3px rgba(255,105,0,.12)}
.mi-admin-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}
@media (max-width:1100px){.mi-admin-grid{grid-template-columns:1fr}.mi-admin-sidebar{position:relative;top:auto;min-height:auto}.mi-admin-sidebar a{display:inline-flex;margin-right:8px}.mi-form-grid{grid-template-columns:1fr}}
@media (max-width:768px){.mi-admin-page .mi-container{width:min(100%,calc(100% - 24px))}.mi-admin-wrap{padding:18px 0 40px}.mi-admin-card,.mi-admin-sidebar{border-radius:22px;padding:20px}.mi-admin-sidebar a{display:block;margin-right:0}.mi-table th,.mi-table td{white-space:nowrap}}


/* mobile homepage alignment */
.mi-home-menu-btn,.mi-mobile-drawer,.mi-mobile-showcase{display:none}
.mi-mobile-drawer{position:fixed;left:0;right:0;top:64px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec;box-shadow:0 18px 30px rgba(0,0,0,.08);z-index:95;padding:14px 0 18px}
.mi-mobile-drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mi-mobile-drawer-grid a{display:flex;align-items:center;justify-content:center;min-height:44px;background:#fafafa;border:1px solid #ececec;border-radius:14px;font-size:14px;color:#333}
.mi-mobile-lang{display:flex;gap:8px;margin-top:12px}
.mi-mobile-lang a{flex:1;text-align:center;padding:10px 12px;border-radius:999px;background:#fafafa;border:1px solid #ececec;color:#444}
.mi-mobile-lang a.active{background:var(--mi-orange);border-color:var(--mi-orange);color:#fff}
.mi-mobile-showcase .mi-section-title{margin-bottom:18px;text-align:center}
.mi-mobile-tabs{display:flex;gap:28px;overflow:auto;padding:0 2px 8px;margin-bottom:18px;scrollbar-width:none}
.mi-mobile-tabs::-webkit-scrollbar{display:none}
.mi-mobile-tab{flex:none;border:0;background:none;font-size:20px;font-weight:800;color:#111;padding:0 0 10px;border-bottom:3px solid transparent}
.mi-mobile-tab.active{color:var(--mi-orange);border-color:var(--mi-orange)}
.mi-mobile-pane{display:none}
.mi-mobile-pane.active{display:block}
.mi-mobile-hero-card,.mi-mobile-small-card{display:block;background:#fff;border:1px solid #ececec;border-radius:22px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.mi-mobile-hero-card{margin-bottom:16px}
.mi-mobile-hero-card .visual{height:290px;display:flex;align-items:center;justify-content:center;background:#fff}
.mi-mobile-hero-card .visual img{max-width:88%;max-height:92%;object-fit:contain}
.mi-mobile-hero-body{padding:22px 20px 24px;text-align:center}
.mi-mobile-hero-body h3{margin:0 0 10px;font-size:28px;line-height:1.1;color:#111;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mi-mobile-hero-body p{margin:0 0 12px;color:#666;font-size:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mi-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mi-mobile-small-card{padding:18px 16px 20px;text-align:center}
.mi-mobile-small-card .visual{height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.mi-mobile-small-card .visual img{max-width:84%;max-height:100%;object-fit:contain}
.mi-mobile-small-card h4{margin:0 0 10px;font-size:20px;line-height:1.2;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mi-mobile-small-card .mi-price{font-size:18px}
@media (max-width: 768px){
  .mi-home .mi-nav,.mi-home .mi-lang-desktop,.mi-home .mi-admin-link{display:none}
  .mi-home .mi-home-menu-btn,.mi-home .mi-home-search,.mi-home .mi-home-cart{display:grid !important}
  .mi-home .mi-topbar{min-height:72px}
  .mi-home .mi-brand-text span{display:none}
  .mi-home .mi-brand-text strong{font-size:18px}
  .mi-home .mi-icon-btn{width:38px;height:38px;border:0;background:transparent;font-size:22px}
  .mi-home .mi-slide-copy{display:none}
  .mi-home .mi-slide img{height:auto;object-fit:contain;max-height:none;background:#f5f5f5}
  .mi-home .mi-slider{background:#f5f5f5}
  .mi-home .mi-slider-dots{bottom:12px}
  .mi-home .mi-mobile-showcase{display:block;padding:28px 0 0}
  .mi-home .mi-desktop-products{display:none}
  .mi-home .mi-section-title{font-size:28px}
}
@media (max-width: 520px){
  .mi-mobile-tabs{gap:18px}
  .mi-mobile-tab{font-size:18px}
  .mi-mobile-hero-card .visual{height:250px}
  .mi-mobile-grid{gap:12px}
  .mi-mobile-small-card{padding:16px 14px 18px}
  .mi-mobile-small-card h4{font-size:16px}
  .mi-mobile-small-card .visual{height:110px}
}



/* ==== V12 mobile polish v2 ==== */
.mi-lang-desktop{display:flex}
.mi-home-menu-btn{display:none}
.mi-mobile-drawer{display:none}
.mi-mobile-drawer.is-open{display:block}
.mi-mobile-drawer{
  position:fixed;left:0;right:0;top:64px;bottom:0;background:#fff;z-index:96;
  overflow:auto;border-top:1px solid #ececec;box-shadow:0 18px 30px rgba(0,0,0,.10);padding:16px 0 20px
}
.mi-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.mi-mobile-drawer-head strong{font-size:20px;color:#111}
.mi-mobile-close{width:38px;height:38px;border-radius:50%;border:1px solid #ececec;background:#fff;font-size:24px;color:#333}
.mi-mobile-accordion{display:grid;gap:10px}
.mi-mobile-nav-section{border:1px solid #ececec;border-radius:18px;background:#fafafa;overflow:hidden}
.mi-mobile-nav-section summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-size:16px;font-weight:800;color:#111;cursor:pointer}
.mi-mobile-nav-section summary::-webkit-details-marker{display:none}
.mi-mobile-nav-section[open] summary{background:#fff1e6;color:#ff6900}
.mi-mobile-summary-plus{font-size:20px;line-height:1;transition:transform .2s ease}
.mi-mobile-nav-section[open] .mi-mobile-summary-plus{transform:rotate(45deg)}
.mi-mobile-nav-body{padding:6px 14px 14px;background:#fff}
.mi-mobile-nav-group + .mi-mobile-nav-group{margin-top:12px}
.mi-mobile-nav-group h4{margin:8px 4px 10px;font-size:13px;color:#999;text-transform:uppercase;letter-spacing:.04em}
.mi-mobile-nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mi-mobile-nav-links a,
.mi-mobile-nav-featured a,
.mi-mobile-quick-links a{
  display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:14px;background:#fafafa;border:1px solid #ececec;color:#333;font-size:14px
}
.mi-mobile-nav-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.mi-mobile-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.mi-mobile-quick-links a{justify-content:center;font-weight:700}
.mi-drawer-open{overflow:hidden}

@media (max-width:768px){
  .mi-container{width:min(100%,calc(100% - 24px))}
  .mi-topbar{min-height:64px}
  .mi-nav{display:none}
  .mi-brand-text span{display:none}
  .mi-actions{gap:10px}
  .mi-lang-desktop{display:none!important}
  .mi-home-search,.mi-home-cart,.mi-home-menu-btn{display:grid!important}
  .mi-admin-link,.mi-top-cta{display:none!important}
  .mi-icon-btn{width:34px;height:34px;font-size:18px}
  .mi-slide a,.mi-slide > div{min-height:400px}
  .mi-slide img{height:400px;object-position:center center}
  .mi-slide-copy{
    left:16px;right:16px;bottom:18px;top:auto;max-width:none;
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.88));
    border-radius:20px;padding:16px 16px 14px;box-shadow:0 14px 28px rgba(0,0,0,.12)
  }
  .mi-slide-copy h1{font-size:28px;line-height:1.1;margin-bottom:8px}
  .mi-slide-copy p{font-size:13px;line-height:1.45;margin-bottom:10px}
  .mi-slide-btns{margin-top:10px}
  .mi-btn{padding:11px 18px;font-size:14px}
  .mi-section{padding:22px 0}
  .mi-mobile-showcase{display:block}
  .mi-desktop-featured,.mi-desktop-products{display:none}
  .mi-home .mi-section-title{font-size:30px;line-height:1.15;margin-bottom:18px;text-align:center}
  .mi-mobile-tabs{gap:18px;margin-bottom:16px}
  .mi-mobile-tab{font-size:16px;padding-bottom:8px}
  .mi-mobile-hero-card{border-radius:24px}
  .mi-mobile-hero-card .visual{height:228px;background:#f7f7f7}
  .mi-mobile-hero-card .visual img{max-width:82%;max-height:88%}
  .mi-mobile-hero-body{padding:18px 16px 20px}
  .mi-mobile-hero-body h3{font-size:22px;margin-bottom:8px}
  .mi-mobile-hero-body p{font-size:13px;line-height:1.55;margin-bottom:12px}
  .mi-mobile-grid{gap:12px}
  .mi-mobile-small-card{padding:14px 12px 16px;border-radius:20px}
  .mi-mobile-small-card .visual{height:108px}
  .mi-mobile-small-card h4{font-size:16px;line-height:1.25;margin:10px 0 8px}
  .mi-mobile-small-card .mi-price,
  .mi-mobile-hero-body .mi-price{font-size:18px}
  .mi-support-band .mi-section-title{margin-bottom:18px}
  .mi-support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mi-support-item{background:#fff;border:1px solid #ececec;border-radius:20px;padding:18px 10px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
  .mi-support-icon{width:52px;height:52px;margin-bottom:12px}
  .mi-support-item h4{font-size:16px;margin-bottom:8px}
  .mi-support-item p{font-size:12px;line-height:1.5}
  .mi-footer{padding:26px 0 18px}
  .mi-footer-grid{grid-template-columns:1fr}
  .mi-footer-group{display:none}
  .mi-footer-right h5{font-size:18px}
  .mi-contact-box,.mi-subscribe-box,.mi-app-box,.mi-trust-box{padding:14px 16px;margin-top:12px}
  .mi-subscribe-input{padding:12px 16px;font-size:14px}
  .mi-footer-bottom{flex-direction:column;font-size:12px;padding-top:14px;margin-top:16px}
}
@media (max-width:520px){
  .mi-mobile-tab{font-size:15px}
  .mi-slide a,.mi-slide > div{min-height:360px}
  .mi-slide img{height:360px}
  .mi-mobile-nav-links,.mi-mobile-nav-featured,.mi-mobile-quick-links{grid-template-columns:1fr}
}

/* ==== V13 navigation + responsive refinement ==== */
.mi-header{overflow:visible;isolation:isolate}
.mi-mega-wrap{z-index:120;top:100%;max-height:calc(100vh - 78px);overflow:auto}
.mi-mega-wrap.is-visible{display:block!important}
.mi-mega-panel.active{display:block!important}
.mi-slide picture{display:block;width:100%;height:100%}
.mi-slide img{object-fit:contain;background:#f5f5f5}
@media (min-width:769px){
  .mi-slide a,.mi-slide>div{min-height:clamp(560px,45vw,720px)}
  .mi-slide img{height:clamp(560px,45vw,720px)}
}
.mi-mobile-drawer{top:64px;max-height:calc(100vh - 64px);overscroll-behavior:contain}
.mi-mobile-drawer.is-open{display:block!important}
.mi-mobile-nav-section summary{user-select:none;-webkit-tap-highlight-color:transparent}
.mi-mobile-nav-links a,.mi-mobile-nav-featured a,.mi-mobile-quick-links a{position:relative;z-index:2;touch-action:manipulation}
@media (max-width:768px){
  .mi-home .mi-slide-copy{display:none!important}
  .mi-slide a,.mi-slide>div{min-height:auto!important}
  .mi-slide img{width:100%;height:auto!important;min-height:0!important;object-fit:contain!important;object-position:center center}
  .mi-slider{background:#f5f5f5;line-height:0}
  .mi-slider-dots{line-height:normal;bottom:10px}
  .mi-mobile-drawer .mi-container{width:min(100%,calc(100% - 24px))}
  .mi-mobile-nav-links,.mi-mobile-nav-featured{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mi-mobile-nav-links a,.mi-mobile-nav-featured a{min-height:48px;padding:10px 12px;line-height:1.35}
}
@media (max-width:520px){
  .mi-mobile-nav-links,.mi-mobile-nav-featured,.mi-mobile-quick-links{grid-template-columns:1fr}
}

/* ==== V15 nav visibility hard fix ==== */
.mi-mobile-drawer[hidden]{display:none!important}
.mi-mega-wrap[aria-hidden="true"]{display:none!important}
.mi-mega-panel{display:none}
.mi-mega-panel.active{display:block!important}
.mi-mobile-nav-section summary::marker{content:""}
@media (min-width:769px){
  .mi-mobile-drawer{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  .mi-home-menu-btn{display:none!important}
}

/* ==== V16 desktop mega menu content hard fix ==== */
@media (min-width:769px){
  .mi-mega-wrap{position:absolute!important;left:0!important;right:0!important;top:100%!important;background:#fff!important;border-top:1px solid #f0f0f0!important;border-bottom:1px solid #eaeaea!important;box-shadow:0 30px 45px rgba(0,0,0,.10)!important;z-index:9999!important;padding:26px 0 30px!important;color:#111!important}
  .mi-mega-wrap:not(.is-visible){display:none!important;visibility:hidden!important;opacity:0!important}
  .mi-mega-wrap.is-visible{display:block!important;visibility:visible!important;opacity:1!important}
  .mi-mega-panel{display:none!important}
  .mi-mega-panel.active{display:block!important}
  .mi-mega-grid{display:grid!important;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr)!important;gap:34px!important;align-items:start!important}
  .mi-mega-groups{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
  .mi-group h4{margin:0 0 12px!important;font-size:15px!important;color:#999!important;font-weight:700!important}
  .mi-group a{display:block!important;padding:8px 0!important;font-size:16px!important;color:#222!important;line-height:1.4!important}
  .mi-group a:hover{color:#ff6900!important}
  .mi-featured-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .mi-feature-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important;padding:16px 12px!important;border-radius:18px!important;background:#fafafa!important;border:1px solid #eee!important;color:#111!important;min-height:150px!important}
  .mi-feature-card img{width:90px!important;height:70px!important;object-fit:contain!important}
  .mi-feature-title{font-size:14px!important;font-weight:700!important;color:#111!important}
  .mi-feature-sub{font-size:12px!important;color:#777!important;line-height:1.35!important;margin-top:4px!important}
}


/* ==== V17 homepage language and hero restore ==== */
.mi-lang-mobile-inline{display:none}
.mi-admin-lang-switch{display:flex;gap:6px;border:1px solid #ececec;border-radius:999px;padding:4px;margin:0 0 14px;background:#fff}
.mi-admin-lang-switch a{flex:1;text-align:center;padding:8px 10px;border-radius:999px;color:#555;font-size:13px}
.mi-admin-lang-switch a.active{background:#ff6900;color:#fff}
@media (min-width:769px){
  body.mi-home .mi-hero{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
  body.mi-home .mi-slider{width:100vw;max-width:none;background:#f1eee7}
  body.mi-home .mi-slide a,body.mi-home .mi-slide>div{min-height:clamp(620px,52vw,820px)!important}
  body.mi-home .mi-slide picture{display:block;width:100%;height:100%}
  body.mi-home .mi-slide img{width:100%;height:clamp(620px,52vw,820px)!important;object-fit:cover!important;object-position:center center!important;background:#f1eee7}
  body.mi-home .mi-slide-copy{display:block!important}
}
@media (max-width:768px){
  body.mi-home .mi-lang-mobile-inline{display:flex!important;border:1px solid #ececec;background:#fff;padding:3px;border-radius:999px;gap:3px}
  body.mi-home .mi-lang-mobile-inline a{padding:7px 10px;min-width:36px;font-size:12px;border-radius:999px;text-align:center;color:#555}
  body.mi-home .mi-lang-mobile-inline a.active{background:#ff6900;color:#fff}
}

/* ==== V22 category-driven top navigation ==== */
.mi-nav{gap:28px;justify-content:center;min-width:0;overflow:visible;white-space:nowrap}
.mi-nav-link{font-weight:500}
.mi-featured-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:18px}
.mi-feature-card{min-height:210px;align-items:center;justify-content:center;text-align:center;background:#f7f7f7;border-radius:18px}
.mi-feature-card img{max-height:118px;object-fit:contain;margin-bottom:12px}
.mi-mega-groups{min-width:230px}
@media (max-width:1180px){.mi-nav{gap:18px}.mi-nav-link{font-size:14px}.mi-featured-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}}


/* ==== V33 mobile homepage category horizontal slider ==== */
@media (max-width:768px){
  .mi-mobile-showcase .mi-container{width:100%;padding-left:18px;padding-right:0;overflow:hidden}
  .mi-mobile-showcase .mi-section-title{padding-right:18px;text-align:left;line-height:1.08;margin-bottom:18px}
  .mi-mobile-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:24px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    padding:0 18px 10px 0!important;
    margin-bottom:18px!important;
    white-space:nowrap;
  }
  .mi-mobile-tabs::-webkit-scrollbar{display:none}
  .mi-mobile-tab{
    flex:0 0 auto!important;
    scroll-snap-align:start;
    border:0!important;
    background:transparent!important;
    color:#e8e8e8;
    font-size:18px!important;
    font-weight:800;
    line-height:1.2;
    padding:0 0 10px!important;
    border-bottom:4px solid transparent!important;
    border-radius:0!important;
    touch-action:manipulation;
  }
  .mi-mobile-tab.active{
    color:var(--mi-orange)!important;
    border-bottom-color:var(--mi-orange)!important;
  }
  .mi-mobile-pane{padding-right:18px}
}
@media (max-width:420px){
  .mi-mobile-tabs{gap:20px!important}
  .mi-mobile-tab{font-size:17px!important}
}


/* ==== V34 desktop homepage split hero layout ==== */
@media (min-width: 769px){
  body.mi-home .mi-slider{
    background:#f3f3f3!important;
  }
  body.mi-home .mi-slide,
  body.mi-home .mi-slide.active{
    background:#f3f3f3;
  }
  body.mi-home .mi-slide a,
  body.mi-home .mi-slide > div{
    display:grid!important;
    grid-template-columns:minmax(360px, 520px) minmax(0, 1fr)!important;
    align-items:center!important;
    gap:20px;
    min-height:clamp(520px, 42vw, 640px)!important;
    padding:0 clamp(28px, 4vw, 68px)!important;
    box-sizing:border-box;
    background:#f3f3f3;
  }
  body.mi-home .mi-slide picture{
    order:2;
    display:flex!important;
    align-items:center;
    justify-content:flex-end;
    width:100%;
    height:100%;
    min-width:0;
  }
  body.mi-home .mi-slide img{
    width:100%!important;
    height:100%!important;
    max-height:clamp(440px, 38vw, 600px);
    object-fit:contain!important;
    object-position:right center!important;
    background:transparent!important;
  }
  body.mi-home .mi-slide-copy{
    order:1;
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:block!important;
    max-width:460px!important;
    padding:0!important;
    margin:0!important;
    background:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    color:#111!important;
    z-index:auto!important;
  }
  body.mi-home .mi-slide-copy h1{
    font-size:clamp(42px, 4.2vw, 64px)!important;
    line-height:1.04!important;
    letter-spacing:-.03em;
    margin:0 0 12px!important;
    text-shadow:none!important;
  }
  body.mi-home .mi-slide-copy p{
    font-size:clamp(18px, 1.4vw, 28px)!important;
    line-height:1.35!important;
    color:#222!important;
    margin:0 0 24px!important;
    text-shadow:none!important;
  }
  body.mi-home .mi-slide-btns{
    margin-top:0!important;
    gap:16px!important;
  }
  body.mi-home .mi-btn{
    min-width:140px;
    height:52px;
    padding:0 28px!important;
    font-size:16px!important;
    border-radius:999px;
  }
  body.mi-home .mi-btn.light{
    background:transparent;
    border:0;
    color:#111;
    text-decoration:none;
  }
  body.mi-home .mi-slider-dots{
    bottom:14px!important;
  }
}


/* ==== V37 desktop featured first product layout polish ==== */
@media (min-width: 769px){
  .mi-desktop-products .mi-tile.hero{
    display:grid!important;
    grid-template-columns:minmax(320px,1.05fr) minmax(260px,.95fr)!important;
    align-items:center!important;
    min-height:420px!important;
    padding:0!important;
    overflow:hidden;
  }
  .mi-desktop-products .mi-tile.hero .mi-tile-body{
    padding:34px 30px 34px 34px!important;
    align-self:start;
  }
  .mi-desktop-products .mi-tile.hero h3{
    font-size:34px!important;
    line-height:1.08!important;
    margin:0 0 12px!important;
  }
  .mi-desktop-products .mi-tile.hero p{
    margin:0 0 16px!important;
    min-height:auto!important;
  }
  .mi-desktop-products .mi-tile.hero .mi-price{
    margin-top:12px!important;
    font-size:24px!important;
  }
  .mi-desktop-products .mi-tile.hero img{
    width:100%!important;
    height:100%!important;
    max-height:320px!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
    padding:10px 18px 12px 0!important;
    display:block;
    align-self:end;
  }
}


/* ==== V38 force homepage banner image-only fullscreen ==== */
body.mi-home .mi-slide-copy,
body.mi-home .mi-slide-copy h1,
body.mi-home .mi-slide-copy p,
body.mi-home .mi-slide-copy .mi-slide-btns,
body.mi-home .mi-slide-copy .mi-btn{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
@media (min-width:769px){
  body.mi-home .mi-hero{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.mi-home .mi-slider{
    width:100vw!important;
    max-width:none!important;
    overflow:hidden!important;
    background:#fff!important;
    line-height:0!important;
  }
  body.mi-home .mi-slide a,
  body.mi-home .mi-slide>div{
    display:block!important;
    min-height:auto!important;
    height:auto!important;
    padding:0!important;
    background:#fff!important;
  }
  body.mi-home .mi-slide picture{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }
  body.mi-home .mi-slide img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
  }
  body.mi-home .mi-slider-dots{
    bottom:12px!important;
    line-height:normal!important;
  }
}
@media (max-width:768px){
  body.mi-home .mi-slide-copy{display:none!important}
  body.mi-home .mi-slider{line-height:0!important;background:#fff!important;overflow:hidden!important}
  body.mi-home .mi-slide a,
  body.mi-home .mi-slide>div{display:block!important;min-height:auto!important;height:auto!important;background:#fff!important}
  body.mi-home .mi-slide img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;background:#fff!important}
  body.mi-home .mi-slider-dots{line-height:normal!important;bottom:10px!important}
}


/* ==== V40 homepage product sections unified cards ==== */
@media (min-width: 769px){
  body.mi-home .mi-desktop-products .mi-container{
    max-width:1280px;
  }
  body.mi-home .mi-featured-products .mi-tiles{
    display:grid!important;
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    gap:18px!important;
  }
  body.mi-home .mi-featured-products .mi-tile,
  body.mi-home .mi-featured-products .mi-tile.hero{
    grid-column:auto!important;
    min-height:440px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    background:#fff!important;
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 4px 14px rgba(0,0,0,.04)!important;
    padding:0!important;
  }
  body.mi-home .mi-featured-products .mi-tile img,
  body.mi-home .mi-featured-products .mi-tile.hero img{
    order:1!important;
    width:100%!important;
    height:230px!important;
    max-height:230px!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#f7f7f7!important;
    padding:18px!important;
    display:block!important;
  }
  body.mi-home .mi-featured-products .mi-tile .mi-tile-body,
  body.mi-home .mi-featured-products .mi-tile.hero .mi-tile-body{
    order:2!important;
    padding:24px 26px 28px!important;
    align-self:auto!important;
  }
  body.mi-home .mi-featured-products .mi-tile h3,
  body.mi-home .mi-featured-products .mi-tile.hero h3,
  body.mi-home .mi-featured-products .mi-tile h3[style]{
    font-size:26px!important;
    line-height:1.12!important;
    margin:0 0 10px!important;
    min-height:58px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  body.mi-home .mi-featured-products .mi-tile p,
  body.mi-home .mi-featured-products .mi-tile.hero p{
    font-size:14px!important;
    line-height:1.55!important;
    color:#666!important;
    margin:0!important;
    min-height:44px!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  body.mi-home .mi-featured-products .mi-tile .mi-price,
  body.mi-home .mi-featured-products .mi-tile.hero .mi-price{
    margin-top:18px!important;
    font-size:24px!important;
    line-height:1.1!important;
  }
  body.mi-home .mi-product-list .mi-cards{
    display:grid!important;
    grid-template-columns:repeat(5, minmax(0, 1fr))!important;
    gap:18px!important;
  }
  body.mi-home .mi-product-list .mi-card{
    min-height:330px!important;
    border-radius:18px!important;
    padding:22px 18px 24px!important;
  }
  body.mi-home .mi-product-list .mi-card img{
    width:100%!important;
    height:150px!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#f7f7f7!important;
    border-radius:14px!important;
    padding:12px!important;
    margin:0 auto 16px!important;
  }
  body.mi-home .mi-product-list .mi-card h4{
    min-height:44px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  body.mi-home .mi-product-list .mi-card p{
    min-height:40px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
}
@media (min-width: 769px) and (max-width: 1180px){
  body.mi-home .mi-featured-products .mi-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.mi-home .mi-product-list .mi-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* ==== V41 homepage banner responsive scaling ==== */
@media (min-width: 769px){
  body.mi-home .mi-hero{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    overflow:hidden!important;
    background:#f5f5f5!important;
  }
  body.mi-home .mi-slider{
    width:100vw!important;
    max-width:none!important;
    overflow:hidden!important;
    background:#f5f5f5!important;
    line-height:0!important;
  }
  body.mi-home .mi-slide,
  body.mi-home .mi-slide.active{
    background:#f5f5f5!important;
  }
  body.mi-home .mi-slide a,
  body.mi-home .mi-slide > div{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    background:#f5f5f5!important;
  }
  body.mi-home .mi-slide picture{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }
  body.mi-home .mi-slide img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100vh - 92px)!important;
    object-fit:contain!important;
    object-position:center top!important;
    background:#f5f5f5!important;
  }
  body.mi-home .mi-slide-copy,
  body.mi-home .mi-slide-copy h1,
  body.mi-home .mi-slide-copy p,
  body.mi-home .mi-slide-btns{
    display:none!important;
  }
  body.mi-home .mi-slider-dots{
    bottom:10px!important;
    line-height:normal!important;
  }
}
@media (max-width: 768px){
  body.mi-home .mi-slide a,
  body.mi-home .mi-slide > div{
    min-height:0!important;
    height:auto!important;
  }
  body.mi-home .mi-slide img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center top!important;
  }
  body.mi-home .mi-slide-copy,
  body.mi-home .mi-slide-copy h1,
  body.mi-home .mi-slide-copy p,
  body.mi-home .mi-slide-btns{
    display:none!important;
  }
}

/* ==== V42 home product sections white background for white product images ==== */
body.mi-home{
  background:#fff!important;
}
body.mi-home .mi-desktop-products{
  background:#fff!important;
}
body.mi-home .mi-desktop-products .mi-container{
  background:#fff!important;
}
body.mi-home .mi-tiles,
body.mi-home .mi-cards{
  background:#fff!important;
}
body.mi-home .mi-tile,
body.mi-home .mi-card,
body.mi-home .mi-mobile-hero-card,
body.mi-home .mi-mobile-small-card{
  background:#fff!important;
  box-shadow:0 6px 18px rgba(0,0,0,.035)!important;
}
body.mi-home .mi-tile img,
body.mi-home .mi-card img,
body.mi-home .mi-mobile-hero-card .visual,
body.mi-home .mi-mobile-small-card .visual,
body.mi-home .mi-mobile-hero-card .visual img,
body.mi-home .mi-mobile-small-card .visual img{
  background:#fff!important;
}
body.mi-home .mi-tile img,
body.mi-home .mi-card img{
  object-fit:contain!important;
}
@media (min-width:769px){
  body.mi-home .mi-section.mi-desktop-products{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
}
@media (max-width:768px){
  body.mi-home .mi-mobile-showcase{
    background:#fff!important;
  }
}

/* ==== V45 Mega Menu CSS-only refinement ==== */
@media (min-width:769px){
  .mi-header{overflow:visible!important;isolation:isolate!important}
  .mi-mega-wrap{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:100%!important;
    background:#fff!important;
    border-top:1px solid #f2f2f2!important;
    border-bottom:1px solid #e9e9e9!important;
    box-shadow:0 26px 42px rgba(0,0,0,.08)!important;
    padding:34px 0 42px!important;
    z-index:9999!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .mi-mega-wrap:not(.is-visible){display:none!important;visibility:hidden!important;opacity:0!important}
  .mi-mega-wrap.is-visible{display:block!important;visibility:visible!important;opacity:1!important}
  .mi-mega-panel{display:none!important;padding:0!important}
  .mi-mega-panel.active{display:block!important}
  .mi-mega-grid{
    display:grid!important;
    grid-template-columns:300px minmax(0,1fr)!important;
    gap:42px!important;
    align-items:start!important;
  }
  .mi-mega-groups{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    min-width:0!important;
    padding:6px 6px 0 0!important;
  }
  .mi-group{display:block!important}
  .mi-group h4{
    margin:0 0 12px!important;
    font-size:15px!important;
    line-height:1.4!important;
    font-weight:800!important;
    color:#ff6900!important;
  }
  .mi-group a{
    display:block!important;
    padding:8px 0!important;
    font-size:16px!important;
    line-height:1.45!important;
    color:#222!important;
  }
  .mi-group a:hover{color:#ff6900!important}
  .mi-featured-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(190px,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
  }
  .mi-feature-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:space-between!important;
    text-align:center!important;
    min-height:285px!important;
    padding:22px 18px 24px!important;
    border-radius:22px!important;
    border:1px solid #f0f0f0!important;
    background:#fff!important;
    box-shadow:none!important;
    color:#111!important;
    overflow:hidden!important;
  }
  .mi-feature-card:hover{
    border-color:#e8e8e8!important;
    box-shadow:0 12px 26px rgba(0,0,0,.055)!important;
    transform:translateY(-1px)!important;
  }
  .mi-feature-card img{
    width:170px!important;
    height:170px!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
    margin:0 auto 18px!important;
    display:block!important;
  }
  .mi-feature-card > div{width:100%!important}
  .mi-feature-title{
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:750!important;
    color:#222!important;
    min-height:44px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .mi-feature-sub{
    margin-top:6px!important;
    font-size:13px!important;
    line-height:1.38!important;
    color:#777!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
}
@media (min-width:1280px){
  .mi-featured-grid{grid-template-columns:repeat(5,minmax(170px,1fr))!important}
}

/* ==== V90 homepage topbar collision fix ==== */
body.mi-home .mi-brand,
body.mi-home .mi-brand-text,
body.mi-home .mi-nav,
body.mi-home .mi-actions{min-width:0}
body.mi-home .mi-brand-text strong,
body.mi-home .mi-brand-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mi-home .mi-nav{overflow-x:auto!important;overflow-y:hidden!important;-ms-overflow-style:none;scrollbar-width:none}
body.mi-home .mi-nav::-webkit-scrollbar{display:none}
body.mi-home .mi-nav-link{white-space:nowrap;flex:0 0 auto}
body.mi-home .mi-tile p,
body.mi-home .mi-card p,
body.mi-home .mi-mobile-hero-body p{white-space:pre-line}

/* ==== V43 desktop homepage banner calmer scale ==== */
@media (min-width: 769px){
  body.mi-home .mi-hero{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:18px 0 24px!important;
    background:#f5f5f5!important;
    overflow:hidden!important;
  }

  body.mi-home .mi-slider{
    width:min(1440px, calc(100% - 64px))!important;
    max-width:1440px!important;
    aspect-ratio:1920 / 620!important;
    margin:0 auto!important;
    overflow:hidden!important;
    background:#fff!important;
    line-height:0!important;
  }

  body.mi-home .mi-slide,
  body.mi-home .mi-slide.active,
  body.mi-home .mi-slide a,
  body.mi-home .mi-slide > div,
  body.mi-home .mi-slide picture{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:block!important;
    background:#fff!important;
  }

  body.mi-home .mi-slide img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
  }

  body.mi-home .mi-slider-dots{
    bottom:12px!important;
  }
}

@media (min-width:901px){
  body.mi-home .mi-topbar{
    display:grid!important;
    grid-template-columns:minmax(172px,220px) minmax(0,1fr) max-content!important;
    grid-template-areas:"brand nav actions"!important;
    align-items:center!important;
    gap:16px!important;
  }
  body.mi-home .mi-brand{
    grid-area:brand!important;
    max-width:220px!important;
    overflow:hidden!important;
  }
  body.mi-home .mi-nav{
    grid-area:nav!important;
    display:flex!important;
    justify-content:flex-start!important;
    gap:clamp(14px,1.65vw,28px)!important;
  }
  body.mi-home .mi-nav-link{font-size:14px!important}
  body.mi-home .mi-actions{
    grid-area:actions!important;
    justify-self:end!important;
    margin-left:0!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  body.mi-home .mi-topbar{grid-template-columns:minmax(160px,200px) minmax(0,1fr) max-content!important;gap:12px!important}
  body.mi-home .mi-brand{max-width:200px!important}
  body.mi-home .mi-nav{gap:16px!important}
  body.mi-home .mi-nav-link{font-size:13px!important}
  body.mi-home .mi-lang a{padding:7px 11px!important}
}

@media (max-width:900px){
  body.mi-home .mi-topbar{display:flex!important;align-items:center!important;min-height:64px!important;gap:8px!important}
  body.mi-home .mi-brand{
    flex:1 1 auto!important;
    max-width:min(52vw,190px)!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  body.mi-home .mi-brand-mark{width:32px!important;height:32px!important;flex:0 0 32px!important}
  body.mi-home .mi-brand-text strong{font-size:18px!important;line-height:1!important}
  body.mi-home .mi-brand-text span{display:none!important}
  body.mi-home .mi-actions{margin-left:auto!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important}
  body.mi-home .mi-nav,
  body.mi-home .mi-lang-desktop,
  body.mi-home .mi-admin-link{display:none!important}
  body.mi-home .mi-home-search,
  body.mi-home .mi-home-cart,
  body.mi-home .mi-home-menu-btn{display:grid!important}
}

@media (max-width:520px){
  body.mi-home .mi-brand{max-width:46vw!important}
  body.mi-home .mi-user-pill{width:36px!important;height:36px!important;padding:0!important;justify-content:center!important}
  body.mi-home .mi-user-label{display:none!important}
  body.mi-home .mi-icon-btn{width:34px!important;height:34px!important}
}

@media (max-width:380px){
  body.mi-home .mi-home-search{display:none!important}
  body.mi-home .mi-brand{max-width:50vw!important}
}

/* V91 homepage desktop uses the same safe two-row header as subpages */
@media (min-width:901px){
  body.mi-home .mi-topbar{
    display:grid!important;
    grid-template-columns:minmax(172px,240px) minmax(0,1fr) max-content!important;
    grid-template-areas:"brand spacer actions" "nav nav nav"!important;
    align-items:center!important;
    gap:8px 18px!important;
    min-height:0!important;
    padding:10px 0 0!important;
  }
  body.mi-home .mi-brand{
    grid-area:brand!important;
    max-width:240px!important;
  }
  body.mi-home .mi-nav{
    grid-area:nav!important;
    width:100%!important;
    justify-content:center!important;
    gap:clamp(16px,2vw,30px)!important;
    border-top:1px solid #f1f2f4!important;
    padding:0 2px!important;
  }
  body.mi-home .mi-nav-link{
    height:44px!important;
    font-size:14px!important;
    line-height:1!important;
  }
  body.mi-home .mi-actions{
    grid-area:actions!important;
    justify-self:end!important;
  }
  body.mi-home .mi-mega-wrap{top:100%!important}
}

@media (min-width:901px) and (max-width:1180px){
  body.mi-home .mi-topbar{grid-template-columns:minmax(160px,210px) minmax(0,1fr) max-content!important;gap:8px 14px!important}
  body.mi-home .mi-brand{max-width:210px!important}
  body.mi-home .mi-nav{justify-content:flex-start!important;gap:18px!important}
  body.mi-home .mi-nav-link{font-size:13px!important}
}