:root{--g:#06261c;--g2:#0b3526;--gold:#d2aa51;--gold2:#f0d486;--ivory:#f3eddf;--line:rgba(210,170,81,.45);--bh:72px;--hh:62px}
*{box-sizing:border-box}.mwt-terminal-page{margin:0!important;background:#031912;overflow:hidden}.mwt-app,.mwt-app button,.mwt-app input,.mwt-app select,.mwt-app textarea{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Arial,sans-serif;font-size:12px}.mwt-app{height:100dvh;color:#f7efd9;background:#041b14;overflow:hidden}
.mwt-header{height:var(--hh);display:grid;grid-template-columns:1.25fr .9fr 1fr;align-items:center;padding:5px 12px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(3,23,17,.96),rgba(4,32,23,.84)),var(--mwt-head-bg) center/cover no-repeat}.mwt-brand{display:flex;align-items:center;gap:9px}.mwt-mon{width:44px;height:44px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font:700 19px serif}.mwt-brand h1{margin:0;color:var(--gold2);font:700 20px/1.05 "Yu Mincho",serif}.mwt-brand p{margin:3px 0 0;color:#e3c879;font-size:12px}.mwt-head-points{display:flex;justify-content:center;gap:18px}.mwt-head-points span{color:#e7cd7c;font-size:12px;font-weight:700}.mwt-tokyo{display:flex;justify-content:flex-end;align-items:center;gap:10px}.mwt-tokyo>*{padding-left:10px;border-left:1px solid rgba(210,170,81,.25);font-size:13px}.mwt-tokyo b{color:#f0d281}
.mwt-main{height:calc(100dvh - var(--hh) - var(--bh));display:grid;grid-template-columns:42% 58%;gap:6px;padding:6px}.mwt-left,.mwt-right{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:auto}.mwt-left{background:#062b20;padding:6px}.mwt-right{background:var(--ivory);color:#26362c;padding:7px}
.mwt-panel-title,.mwt-result-head{display:flex;align-items:baseline;gap:12px;padding:2px 5px 6px;border-bottom:1px solid var(--line)}.mwt-panel-title h2,.mwt-result-head h2{margin:0;font:700 18px "Yu Mincho",serif}.mwt-panel-title h2{color:var(--gold2)}.mwt-panel-title span,.mwt-result-head span{font-size:12px;color:#b7a06c}
.mwt-group{border:1px solid rgba(210,170,81,.32);border-radius:6px;padding:5px;margin-top:4px;background:rgba(8,53,38,.56)}.mwt-label{color:#e2c978;font-weight:800;margin-bottom:4px;font-size:12px}.mwt-label small{font-size:12px;color:#a8b3aa;margin-left:6px}.mwt-options{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.mwt-options button{min-height:42px;border:1px solid rgba(210,170,81,.38);border-radius:5px;background:#0d3b2a;color:#f0e3c5;font-size:13px;font-weight:700;cursor:pointer;padding:5px;line-height:1.25}.mwt-options button.is-active{background:linear-gradient(#6e912e,#31551f);box-shadow:inset 0 0 0 1px #c6db67}.mwt-options button.is-active:after{content:"✓";float:right}.mwt-photo-group .mwt-options button{background-image:linear-gradient(rgba(4,32,22,.42),rgba(4,32,22,.8)),var(--opt-bg);background-size:cover;background-position:center}.mwt-qty{grid-template-columns:repeat(6,1fr)}.mwt-qty button{min-height:53px}.mwt-qty button small{display:block;font-size:12px;margin-top:2px}.mwt-qty .mwt-test{background:#4d3e16;color:#ffe29a}.mwt-moq-note{font-size:12px;color:#dbc277;margin-top:3px}.mwt-bottom-inputs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mwt-pack{grid-template-columns:repeat(4,1fr)}.mwt-left select{width:100%;height:43px;border:1px solid var(--line);border-radius:5px;background:#0d3b2a;color:#f0e4c8;padding:0 8px;font-size:13px}.mwt-calc-actions{display:grid;grid-template-columns:.36fr .64fr;gap:5px;margin-top:5px}.mwt-calc-actions button{height:44px;border:1px solid var(--line);border-radius:6px;background:#123f2d;color:#ead28d;font-size:14px;font-weight:800}.mwt-calc-actions .primary{background:linear-gradient(#73972e,#375c21);color:white}
.mwt-product{display:grid;grid-template-columns:34% 41% 25%;min-height:286px;margin-top:7px;background:#0a3728;color:#f7eed8;border:1px solid #9f8146;border-radius:6px;overflow:hidden}.mwt-product-photo{position:relative;background-size:cover;background-position:center}.mwt-product-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45))}.mwt-product-photo span{position:absolute;z-index:2;top:10px;left:10px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#e2c265;color:#513b10;font-size:12px;font-weight:900}.mwt-product-info{padding:18px 16px}.mwt-product-info small{font-size:12px;color:#d9ba62}.mwt-product-info h3{font:700 22px "Yu Mincho",serif;color:#f1d37e;margin:8px 0}.mwt-product-info p{font-size:12px;color:#ced6ce}.mwt-ratings{display:grid;gap:6px;margin-top:14px}.mwt-ratings label{display:grid;grid-template-columns:145px 1fr;font-size:12px}.mwt-ratings i{color:#a9c84d;font-style:normal;letter-spacing:3px}.mwt-price-box{margin:10px;padding:13px;border:1px solid rgba(210,170,81,.38);background:rgba(0,0,0,.12);display:flex;flex-direction:column;gap:5px}.mwt-price-box small{font-size:12px;color:#d0b975}.mwt-price-box strong{font:700 23px Georgia;color:#f0ce69}.mwt-price-box b{font-size:14px}.mwt-notices{display:grid;grid-template-columns:1fr 1fr;margin-top:6px;border:1px solid #c8b687;border-radius:6px;background:#f7f0dd}.mwt-notices article{padding:10px 13px}.mwt-notices article+article{border-left:1px solid #d7c8a3}.mwt-notices b{font:700 15px "Yu Mincho",serif}.mwt-notices p{font-size:12px;line-height:1.5}.mwt-no-price{font-size:12px;color:#9b462f;padding:4px 7px}.mwt-summary{min-height:44px;margin-top:6px;border:1px solid #cfc3a4;border-radius:5px;background:#ece3cf;padding:7px;font-size:12px;line-height:1.6}.mwt-formal{width:70%;height:48px;margin-top:6px;border:1px solid #4b6d22;border-radius:6px;background:linear-gradient(#568024,#315719);color:#fff;font-size:15px;font-weight:800;cursor:pointer}
.mwt-knowledge{margin-top:6px}.mwt-knowledge-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:5px}.mwt-knowledge-grid button{height:120px;padding:0;border:1px solid #c8b998;border-radius:5px;overflow:hidden;background:#fffaf0;color:#344238;cursor:pointer}.mwt-knowledge-grid img{width:100%;height:78px;object-fit:cover;display:block}.mwt-knowledge-grid b{display:block;padding:7px;font-size:12px}.mwt-right-view{display:none}.mwt-right-view.is-active{display:block}.mwt-form-hero{height:150px;margin:8px 0;background-size:cover;background-position:center;border-radius:6px}.mwt-inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mwt-inquiry-form .full{grid-column:1/-1}.mwt-inquiry-form>div{display:flex;flex-direction:column;gap:4px}.mwt-inquiry-form label{font-size:12px;font-weight:800}.mwt-inquiry-form input,.mwt-inquiry-form textarea{padding:10px;border:1px solid #c7b99a;border-radius:5px;background:#fffdf8;font-size:13px}.mwt-inquiry-form textarea{min-height:130px}.mwt-inquiry-form button,.mwt-back{min-height:44px;border:0;border-radius:5px;background:#1c5b38;color:#fff;font-size:14px;font-weight:800}.mwt-article{padding:16px}.mwt-article h2{font:700 28px "Yu Mincho",serif}.mwt-article p{font-size:13px;line-height:1.8}
.mwt-bottom{height:var(--bh);display:grid;grid-template-columns:1fr 1fr 1fr 104px 1fr 1fr;padding:0 6%;border-top:1px solid var(--line);background:#06271d;position:relative;z-index:100}.mwt-bottom>button{border:0;border-right:1px solid rgba(210,170,81,.28);background:#0b3828;color:#ead18a;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;cursor:pointer}.mwt-bottom>button b{font-size:15px}.mwt-bottom>button.is-active{background:linear-gradient(135deg,#efd183,#b89545);color:#21301e}.mwt-menu-button{width:94px!important;height:94px!important;border:2px solid var(--gold)!important;border-radius:50%!important;align-self:center!important;justify-self:center!important;flex-direction:column!important;margin-top:-24px;background:#073323!important;box-shadow:0 0 0 4px #173d2d;color:#f1cf6e!important}.mwt-menu-button b{font-size:15px!important}.mwt-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;z-index:200}.mwt-drawer{position:fixed;right:0;top:0;width:350px;height:100dvh;background:#082d21;border-left:2px solid var(--gold);z-index:201;transform:translateX(102%);transition:.25s;padding:14px;color:#eee1bc;overflow:auto}.mwt-drawer.is-open{transform:translateX(0)}.mwt-overlay.is-open{opacity:1;pointer-events:auto}.mwt-drawer-head{display:flex;justify-content:space-between}.mwt-drawer-head h2{font-size:22px}.mwt-drawer-head button{font-size:28px;background:none;border:0;color:#f0d080}.mwt-drawer h3{font-size:13px;color:#d9bd70;border-bottom:1px solid rgba(210,170,81,.3);padding-bottom:5px}.mwt-languages,.mwt-content-links{display:grid;gap:5px}.mwt-languages a,.mwt-content-links button{display:block;width:100%;text-align:left;padding:9px;border:1px solid rgba(210,170,81,.28);border-radius:4px;background:#0d3b2a;color:#efe1bd;text-decoration:none;font-size:13px}.mwt-languages a.is-current{background:#1b5a38;color:#ffe08a}
[dir="rtl"] .mwt-drawer{right:auto;left:0;transform:translateX(-102%)}[dir="rtl"] .mwt-drawer.is-open{transform:translateX(0)}
@media(max-width:900px){:root{--hh:58px;--bh:58px}.mwt-terminal-page{overflow:auto}.mwt-app{height:auto;min-height:100dvh;overflow:visible;padding-bottom:58px}.mwt-header{grid-template-columns:1fr auto}.mwt-head-points{display:none}.mwt-brand p{display:none}.mwt-brand h1{font-size:17px}.mwt-tokyo{gap:5px}.mwt-tokyo>*{font-size:12px;padding-left:5px}.mwt-tokyo #mwtTokyoDate{display:none}.mwt-main{height:auto;display:block;padding:4px}.mwt-left,.mwt-right{overflow:visible}.mwt-options{grid-template-columns:repeat(2,1fr)!important}.mwt-bottom-inputs{grid-template-columns:1fr}.mwt-product{grid-template-columns:1fr}.mwt-product-photo{min-height:220px}.mwt-product-info h3{font-size:20px}.mwt-knowledge-grid{grid-template-columns:repeat(2,1fr)}.mwt-notices{grid-template-columns:1fr}.mwt-notices article+article{border-left:0;border-top:1px solid #d7c8a3}.mwt-bottom{position:fixed;left:0;right:0;bottom:0;height:58px;grid-template-columns:repeat(5,1fr);padding:0}.mwt-bottom>button{flex-direction:column;gap:1px}.mwt-bottom>button b{font-size:12px}.mwt-bottom>button[data-tab="more"]{display:none}.mwt-menu-button{width:58px!important;height:58px!important;margin:0!important;border-radius:0!important;border-width:0 1px!important;box-shadow:none}.mwt-drawer{width:92vw}.mwt-inquiry-form{grid-template-columns:1fr}.mwt-inquiry-form .full{grid-column:auto}}


/* ===== v1.2 refinements ===== */
:root{--hh:60px;--bh:72px}

.mwt-header{
  height:var(--hh);
  grid-template-columns:1.05fr 1.25fr .95fr;
  padding:4px 10px;
}
.mwt-brand h1{font-size:18px}
.mwt-brand p{font-size:12px}
.mwt-mon{width:40px;height:40px;font-size:17px}

.mwt-seo-copy{
  align-self:stretch;
  display:flex;
  align-items:center;
  padding:0 16px;
  border-left:1px solid rgba(210,170,81,.2);
  border-right:1px solid rgba(210,170,81,.2);
  color:#ead18b;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}

.mwt-tokyo{gap:7px}
.mwt-tokyo>*{font-size:12px;padding-left:7px}
.mwt-jp-flag{
  width:34px;
  height:22px;
  background:#fff;
  border:1px solid rgba(255,255,255,.65);
  border-radius:2px;
  display:grid;
  place-items:center;
  padding:0!important;
}
.mwt-jp-flag i{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#bc002d;
  display:block;
}

.mwt-main{
  height:calc(100dvh - var(--hh) - var(--bh));
  grid-template-columns:42% 58%;
  gap:5px;
  padding:5px;
}
.mwt-left{
  overflow:hidden!important;
  display:flex;
  flex-direction:column;
  padding:4px;
}
.mwt-right{overflow:auto}

.mwt-panel-title{flex:0 0 auto;margin-bottom:2px}

.mwt-group{
  position:relative;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:5px;
  padding:4px 5px 4px 3px;
  margin-top:3px;
  min-height:0;
}
.mwt-group.tone-a{background:#062f23}
.mwt-group.tone-b{background:#0a3929}
.mwt-group-main{min-width:0}
.mwt-step-badge{
  display:flex;
  align-items:stretch;
  justify-content:center;
}
.mwt-step-badge span{
  width:34px;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  border:1px solid rgba(235,205,118,.55);
  background:
    linear-gradient(180deg,rgba(239,207,119,.18),rgba(239,207,119,.03)),
    #082b20;
  color:#f0d07a;
  font:700 17px/1 Georgia,serif;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
}
.mwt-step-badge span:after{
  content:"";
  position:absolute;
}

.mwt-label{margin-bottom:3px}
.mwt-options button{
  min-height:36px;
  padding:3px 4px;
  font-size:12px;
}
.mwt-qty button{min-height:44px}
.mwt-group .mwt-options{gap:3px}
.mwt-moq-note{font-size:12px;margin-top:2px}

.mwt-bottom-inputs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
}
.mwt-bottom-inputs .mwt-group{margin-top:3px}
.mwt-left select{height:38px}
.mwt-calc-actions{margin-top:3px}
.mwt-calc-actions button{height:38px}

.mwt-product-photo{
  background-position:center;
  background-size:cover;
}

.mwt-privacy-box{
  height:150px;
  overflow:auto;
  margin:8px 0 6px;
  padding:11px 13px;
  border:1px solid #c5b48f;
  border-radius:6px;
  background:
    linear-gradient(rgba(255,255,255,.9),rgba(248,243,230,.95)),
    repeating-linear-gradient(0deg,transparent 0 19px,rgba(120,92,36,.05) 20px);
}
.mwt-privacy-box h3{
  margin:0 0 6px;
  font:700 15px "Yu Mincho",serif;
  color:#32483a;
}
.mwt-privacy-box p{
  margin:0;
  color:#536158;
  font-size:12px;
  line-height:1.7;
}
.mwt-consent-btn{
  width:100%;
  min-height:42px;
  margin-bottom:8px;
  border:1px solid #b38e42;
  border-radius:5px;
  background:linear-gradient(#d8b75e,#a67c29);
  color:#fff;
  font-size:14px!important;
  font-weight:800;
  cursor:pointer;
}
.mwt-consent-btn.is-agreed{
  background:linear-gradient(#557c34,#315a27);
  border-color:#4f702d;
}

.mwt-inquiry-form.is-locked{
  opacity:.52;
  pointer-events:none;
}
.mwt-inquiry-form:not(.is-locked){opacity:1}

.mwt-doc-fieldset{
  margin:0;
  padding:9px;
  border:1px solid #c5b895;
  border-radius:6px;
  background:#fffaf0;
}
.mwt-doc-fieldset legend{
  padding:0 6px;
  font-size:12px;
  font-weight:800;
  color:#405147;
}
.mwt-doc-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
}
.mwt-doc-grid label{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start;
  gap:5px!important;
  padding:7px;
  border:1px solid #d7ccb2;
  border-radius:5px;
  background:#fff;
  font-size:12px!important;
  line-height:1.45;
}
.mwt-doc-grid input{margin-top:2px}

.mwt-article{
  padding:10px 12px 16px;
}
.mwt-article h2{
  margin:8px 0 10px;
  color:#233c2f;
  font-size:26px;
}
.mwt-article p{
  font-size:12px;
  line-height:1.72;
}
.mwt-k-hero{
  display:grid;
  grid-template-columns:44% 56%;
  min-height:190px;
  overflow:hidden;
  border:1px solid #c6b792;
  border-radius:7px;
  background:#0b3427;
}
.mwt-k-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.mwt-k-hero-copy{
  padding:15px;
  color:#f5ead1;
}
.mwt-k-hero-copy h3{
  margin:0 0 7px;
  color:#efd07c;
  font:700 22px "Yu Mincho",serif;
}
.mwt-k-hero-copy p{color:#d5dfd7}
.mwt-k-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin-top:7px;
}
.mwt-k-card{
  padding:10px;
  border:1px solid #cdbf9d;
  border-radius:6px;
  background:#fffaf0;
}
.mwt-k-card h4{
  margin:0 0 5px;
  color:#294637;
  font-size:14px;
}
.mwt-k-card p{
  margin:0;
  color:#5e685f;
}
.mwt-k-tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px;
}
.mwt-k-tags span{
  padding:5px 7px;
  border:1px solid #c7b990;
  border-radius:999px;
  background:#efe7d2;
  color:#405045;
  font-size:12px;
  font-weight:700;
}

@media(min-width:901px) and (max-height:800px){
  .mwt-options button{min-height:32px}
  .mwt-qty button{min-height:39px}
  .mwt-group{padding-top:3px;padding-bottom:3px}
  .mwt-label{font-size:12px}
  .mwt-panel-title h2{font-size:16px}
}

@media(max-width:900px){
  .mwt-seo-copy{display:none}
  .mwt-header{grid-template-columns:1fr auto}
  .mwt-jp-flag{width:30px;height:19px}
  .mwt-group{grid-template-columns:38px 1fr}
  .mwt-step-badge span{width:31px;font-size:15px}
  .mwt-left{overflow:visible!important}
  .mwt-doc-grid{grid-template-columns:1fr}
  .mwt-k-hero{grid-template-columns:1fr}
  .mwt-k-hero img{height:180px}
  .mwt-k-grid{grid-template-columns:1fr 1fr}
}

/* ===== v1.3 knowledge pages: compact-image, information-first UI ===== */
#mwtRightArticle{background:#f0eadc;min-height:100%}
#mwtRightArticle .mwt-back{position:sticky;top:0;z-index:5;margin:0 0 5px;background:#123f2c;border:1px solid #315f48;box-shadow:0 3px 9px rgba(0,0,0,.12)}
.mwt-article{padding:7px 9px 18px!important}
.mwt-article>h2{margin:3px 0 6px!important;padding:0 0 6px;border-bottom:1px solid #c7b891!important;font-size:20px!important;line-height:1.1!important;color:#19392a!important}
.mwt-k-top{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:stretch;padding:7px;border:1px solid #c8b991;border-radius:8px;background:linear-gradient(135deg,#fffaf0,#e9e0ca);box-shadow:0 4px 14px rgba(63,54,30,.07)}
.mwt-k-top img{width:180px;height:118px;object-fit:cover;border-radius:6px;display:block}
.mwt-k-top>div{padding:6px 8px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.mwt-k-eyebrow{font-size:11px;color:#9a792e;font-weight:900;letter-spacing:.13em}
.mwt-k-top h3{margin:3px 0 4px;font:700 22px/1.15 "Yu Mincho",serif;color:#18392a}
.mwt-k-top p{margin:0!important;font-size:12px!important;line-height:1.6!important;color:#57645b!important}
.mwt-meter{display:inline-flex;gap:2px;vertical-align:middle}.mwt-meter i{width:12px;height:5px;border-radius:999px;background:#d7d0bd;display:inline-block}.mwt-meter i.on{background:linear-gradient(90deg,#668d30,#abc654)}
.mwt-stat{border:1px solid #cbbd99;border-radius:7px;background:#fffaf0;padding:8px 10px;min-height:72px;display:flex;flex-direction:column;justify-content:center}.mwt-stat small{font-size:10px;color:#8a7954;font-weight:800}.mwt-stat b{font:700 22px/1.1 Georgia,serif;color:#244b35;margin:2px 0}.mwt-stat span{font-size:10px;color:#657168}

/* Origins */
.mwt-origin-dashboard{display:grid;grid-template-columns:1.25fr .75fr;gap:6px;margin-top:6px}
.mwt-origin-map{position:relative;min-height:105px;border-radius:7px;padding:10px 12px;overflow:hidden;background:linear-gradient(135deg,#0a392a,#154e37);color:#f3e9cf;border:1px solid #315c45}.mwt-origin-map:before{content:"日本";position:absolute;right:13px;bottom:-18px;color:rgba(238,210,132,.1);font:700 86px/1 "Yu Mincho",serif}.mwt-origin-map>span{font-size:10px;color:#e7ca77;font-weight:900;letter-spacing:.12em}.mwt-origin-map>b{display:block;font:700 32px/1 Georgia;color:#f0d381;margin:5px 0}.mwt-origin-map>small{font-size:11px;color:#c5d2c8}.mwt-map-dots{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.mwt-map-dots i{font-style:normal;font-size:10px;padding:4px 7px;border:1px solid rgba(237,207,122,.34);border-radius:999px;background:rgba(255,255,255,.06)}
.mwt-origin-points{display:grid;grid-template-columns:1fr;gap:4px}.mwt-origin-list{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:6px}.mwt-origin-list article{padding:8px;border:1px solid #cbbd9a;border-radius:7px;background:#fffaf0;min-width:0}.mwt-origin-name small{font-size:9px;color:#8c7a52;font-weight:800}.mwt-origin-name h4{margin:1px 0;font:700 16px "Yu Mincho",serif;color:#1d432f}.mwt-origin-name em{font-size:9px;color:#9c792b;font-style:normal;font-weight:900}.mwt-origin-list article>p{min-height:50px;font-size:10px!important;line-height:1.45!important;color:#5d695f!important}.mwt-origin-meters{display:grid;gap:3px;border-top:1px solid #e1d8c4;padding-top:5px}.mwt-origin-meters label{font-size:9px;display:flex;align-items:center;justify-content:space-between;gap:4px}

/* Cultivars */
.mwt-cv-key{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 0 4px}.mwt-cv-key span{padding:5px;text-align:center;border-radius:5px;background:#153f2d;color:#eed17d;font-size:10px;font-weight:900;letter-spacing:.08em}.mwt-cultivar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mwt-cultivar-grid article{border:1px solid #cabb97;border-radius:7px;padding:8px;background:linear-gradient(145deg,#fffaf0,#f0eadb)}.mwt-cultivar-grid header{display:flex;justify-content:space-between;align-items:flex-start;gap:5px;border-bottom:1px solid #ded4bc;padding-bottom:5px}.mwt-cultivar-grid header small{font-size:9px;color:#8b7a55}.mwt-cultivar-grid h4{margin:1px 0;font:700 16px "Yu Mincho",serif;color:#214532}.mwt-cultivar-grid header>b{font-size:9px;padding:4px 5px;border-radius:4px;background:#1b4a34;color:#efd07b}.mwt-cultivar-grid article>p{min-height:33px;margin:5px 0!important;font-size:10px!important;line-height:1.45!important}.mwt-cultivar-grid article>em{display:inline-block;font-size:9px;font-style:normal;font-weight:900;color:#8e712d;margin-bottom:5px}.mwt-cv-bars{display:grid;grid-template-columns:1fr 1fr;gap:3px 6px}.mwt-cv-bars label{font-size:9px;display:flex;justify-content:space-between;align-items:center;gap:4px}

/* Grade matrix */
.mwt-grade-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 0}.mwt-grade-tabs span{padding:7px;text-align:center;border:1px solid #3d634c;border-radius:5px;background:linear-gradient(#174a35,#0d3829);color:#efd37f;font-size:11px;font-weight:900}.mwt-grade-table{display:grid;grid-template-columns:1.08fr repeat(4,1fr);border:1px solid #c3b68f;border-radius:7px;overflow:hidden;background:#fff}.mwt-grade-table>div{padding:7px;border-right:1px solid #ddd2b8;border-bottom:1px solid #ddd2b8;font-size:10px;min-height:38px;display:flex;align-items:center}.mwt-grade-table>div:nth-child(5n){border-right:0}.mwt-grade-table .head{background:#143e2d;color:#efd27b;font-weight:900}.mwt-grade-table .label{background:#eee6d4;color:#34493d;font-weight:900}.mwt-grade-note{display:grid;grid-template-columns:100px 1fr;gap:7px;margin-top:6px;padding:8px;border:1px solid #d2b667;border-radius:7px;background:#fff6da}.mwt-grade-note b{display:grid;place-items:center;color:#956f13;font-size:11px}.mwt-grade-note p{margin:0!important;font-size:10px!important;line-height:1.5!important;color:#655a3f!important}

/* OEM */
.mwt-oem-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:6px}.mwt-oem-flow article{position:relative;padding:8px 7px;border:1px solid #c8b994;border-radius:6px;background:#fffaf0;min-height:83px}.mwt-oem-flow article:not(:last-child):after{content:"›";position:absolute;right:-7px;top:30px;z-index:2;width:14px;height:22px;display:grid;place-items:center;color:#a27d2d;font-size:18px;font-weight:900}.mwt-oem-flow span{font:700 15px Georgia;color:#c29b40}.mwt-oem-flow h4{margin:3px 0;font-size:11px;color:#254633}.mwt-oem-flow p{margin:0!important;font-size:9px!important;line-height:1.35!important}.mwt-oem-board{display:grid;grid-template-columns:1fr .8fr .9fr;gap:5px;margin-top:6px}.mwt-oem-board section{padding:9px;border:1px solid #c7b895;border-radius:7px;background:#fffaf0}.mwt-oem-board h4{margin:0 0 6px;font-size:11px;color:#866722;letter-spacing:.08em}.mwt-oem-options{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mwt-oem-options b{padding:6px;border-radius:4px;background:#16442f;color:#f2d486;font-size:9px;text-align:center}.mwt-oem-board ul{margin:0;padding-left:17px;display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.mwt-oem-board li{font-size:10px;color:#566258}.mwt-oem-board p{font-size:10px!important;line-height:1.5!important}.mwt-oem-board button{width:100%;min-height:34px;border:0;border-radius:5px;background:#244f33;color:#fff;font-size:11px;font-weight:800;cursor:pointer}

/* Documents */
.mwt-doc-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.mwt-doc-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:5px}.mwt-doc-categories section{border:1px solid #c5b790;border-radius:7px;background:#fffaf0;overflow:hidden}.mwt-doc-categories header{display:flex;align-items:center;gap:6px;padding:6px;background:#143e2d;color:#f0d27d}.mwt-doc-categories header span{font:700 16px Georgia}.mwt-doc-categories h4{margin:0;font-size:10px}.mwt-doc-categories section>div{padding:5px 7px;border-top:1px solid #e3dac5;font-size:9px;color:#556158}.mwt-doc-categories section>div i{font-style:normal;color:#5e893d;margin-right:4px}.mwt-export-flow{display:flex;align-items:center;gap:5px;margin-top:5px;padding:7px;border:1px solid #c4b48a;border-radius:6px;background:#eee5d2;overflow:auto}.mwt-export-flow b{font-size:9px;color:#8c6f2b;margin-right:5px}.mwt-export-flow span{white-space:nowrap;padding:5px 8px;border-radius:999px;background:#173f2e;color:#f0d587;font-size:9px}.mwt-export-flow i{font-style:normal;color:#9c7c31}.mwt-doc-alert{display:grid;grid-template-columns:220px 1fr;gap:7px;margin-top:5px;padding:8px;border-left:4px solid #bd9440;background:#fff6de}.mwt-doc-alert b{font-size:10px;color:#785d20}.mwt-doc-alert p{margin:0!important;font-size:10px!important;line-height:1.45!important;color:#625b49!important}

/* Generic information pages */
.mwt-generic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.mwt-generic-grid article{padding:10px;border:1px solid #c8b995;border-radius:7px;background:#fffaf0}.mwt-generic-grid h4{margin:0 0 4px;color:#224531;font-size:13px}.mwt-generic-grid p{margin:0!important;font-size:10px!important;color:#5e685f!important}

@media(max-width:1150px){.mwt-origin-list{grid-template-columns:repeat(3,1fr)}.mwt-oem-flow{grid-template-columns:repeat(3,1fr)}.mwt-doc-categories{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.mwt-k-top{grid-template-columns:120px 1fr}.mwt-k-top img{width:120px;height:110px}.mwt-origin-dashboard{grid-template-columns:1fr}.mwt-origin-points{grid-template-columns:repeat(3,1fr)}.mwt-origin-list{grid-template-columns:1fr 1fr}.mwt-cultivar-grid{grid-template-columns:1fr 1fr}.mwt-grade-table{grid-template-columns:100px repeat(4,120px);overflow-x:auto}.mwt-oem-flow{grid-template-columns:1fr 1fr}.mwt-oem-board{grid-template-columns:1fr}.mwt-doc-overview{grid-template-columns:1fr 1fr 1fr}.mwt-doc-categories{grid-template-columns:1fr 1fr}.mwt-generic-grid{grid-template-columns:1fr 1fr}}

/* v1.3 hard minimum typography: user requirement = 12px */
.mwt-app small,
.mwt-app .mwt-k-eyebrow,
.mwt-app .mwt-stat small,
.mwt-app .mwt-stat span,
.mwt-app .mwt-origin-map>span,
.mwt-app .mwt-origin-map>small,
.mwt-app .mwt-map-dots i,
.mwt-app .mwt-origin-name small,
.mwt-app .mwt-origin-name em,
.mwt-app .mwt-origin-list article>p,
.mwt-app .mwt-origin-meters label,
.mwt-app .mwt-cv-key span,
.mwt-app .mwt-cultivar-grid header small,
.mwt-app .mwt-cultivar-grid header>b,
.mwt-app .mwt-cultivar-grid article>p,
.mwt-app .mwt-cultivar-grid article>em,
.mwt-app .mwt-cv-bars label,
.mwt-app .mwt-grade-table>div,
.mwt-app .mwt-grade-note b,
.mwt-app .mwt-grade-note p,
.mwt-app .mwt-oem-flow p,
.mwt-app .mwt-oem-options b,
.mwt-app .mwt-oem-board h4,
.mwt-app .mwt-oem-board li,
.mwt-app .mwt-oem-board p,
.mwt-app .mwt-oem-board button,
.mwt-app .mwt-doc-categories h4,
.mwt-app .mwt-doc-categories section>div,
.mwt-app .mwt-export-flow b,
.mwt-app .mwt-export-flow span,
.mwt-app .mwt-doc-alert b,
.mwt-app .mwt-doc-alert p,
.mwt-app .mwt-generic-grid p{
  font-size:12px!important;
}


/* ===== v1.3.1 DESKTOP EQUAL-HEIGHT / NO-SCROLL PANELS ===== */
@media (min-width:901px){
  html,
  body.mwt-terminal-page,
  .mwt-app{
    width:100%;
    height:100dvh;
    max-height:100dvh;
    overflow:hidden!important;
  }

  .mwt-main{
    height:calc(100dvh - var(--hh) - var(--bh));
    min-height:0;
    align-items:stretch;
    overflow:hidden;
  }

  .mwt-left,
  .mwt-right{
    height:100%;
    min-height:0;
    max-height:100%;
    overflow:hidden!important;
  }

  .mwt-left{
    justify-content:flex-start;
  }

  .mwt-right{
    position:relative;
  }

  .mwt-right-view{
    height:100%;
    min-height:0;
    max-height:100%;
    overflow:hidden!important;
  }

  /* Estimate view uses the full right-panel height without scrolling. */
  #mwtRightEstimate.is-active{
    display:grid;
    grid-template-rows:
      auto
      minmax(180px, 35%)
      auto
      auto
      40px
      42px
      minmax(88px, 1fr);
    gap:4px;
    align-content:stretch;
  }

  #mwtRightEstimate > *{
    min-height:0;
    margin-top:0;
  }

  .mwt-product{
    height:100%;
    min-height:0;
    margin-top:0;
  }

  .mwt-product-info{
    padding:10px 12px;
  }

  .mwt-product-info h3{
    margin:4px 0;
    font-size:19px;
  }

  .mwt-product-info p{
    margin:3px 0;
  }

  .mwt-ratings{
    gap:3px;
    margin-top:7px;
  }

  .mwt-price-box{
    margin:6px;
    padding:8px;
    gap:3px;
  }

  .mwt-price-box strong{
    font-size:20px;
  }

  .mwt-notices{
    margin-top:0;
  }

  .mwt-notices article{
    padding:6px 10px;
  }

  .mwt-notices p{
    margin:3px 0 0;
    line-height:1.35;
  }

  .mwt-no-price{
    min-height:0;
    padding:0 6px;
  }

  .mwt-summary{
    min-height:0;
    height:40px;
    margin-top:0;
    padding:5px 7px;
    line-height:1.35;
    overflow:hidden;
  }

  .mwt-formal{
    width:70%;
    height:42px;
    margin-top:0;
  }

  .mwt-knowledge{
    min-height:0;
    height:100%;
    margin-top:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }

  .mwt-knowledge .mwt-result-head{
    flex:0 0 auto;
  }

  .mwt-knowledge-grid{
    flex:1 1 auto;
    min-height:0;
    height:100%;
    margin-top:3px;
  }

  .mwt-knowledge-grid button{
    height:100%;
    min-height:0;
    display:grid;
    grid-template-rows:minmax(48px,1fr) auto;
  }

  .mwt-knowledge-grid img{
    width:100%;
    height:100%;
    min-height:48px;
    object-fit:cover;
  }

  .mwt-knowledge-grid b{
    padding:5px 4px;
    line-height:1.2;
  }

  /* Knowledge detail view also remains inside the fixed panel height. */
  #mwtRightArticle.is-active{
    display:grid;
    grid-template-rows:34px minmax(0,1fr);
    height:100%;
    min-height:0;
    overflow:hidden!important;
  }

  #mwtRightArticle .mwt-back{
    position:static;
    width:max-content;
    min-height:30px;
    height:30px;
    margin:0 0 3px;
    padding:3px 10px;
  }

  #mwtRightArticle .mwt-article{
    height:100%;
    min-height:0;
    overflow:hidden!important;
    padding:4px 7px 6px!important;
  }

  .mwt-article>h2{
    margin:0 0 4px!important;
    padding:0 0 4px!important;
    font-size:18px!important;
  }

  .mwt-k-top{
    grid-template-columns:138px 1fr;
    gap:6px;
    height:96px;
    padding:5px;
  }

  .mwt-k-top img{
    width:138px;
    height:84px;
  }

  .mwt-k-top>div{
    padding:2px 5px;
  }

  .mwt-k-top h3{
    margin:1px 0 2px;
    font-size:18px;
  }

  .mwt-k-top p{
    line-height:1.35!important;
  }

  .mwt-origin-dashboard{
    margin-top:4px;
    gap:4px;
  }

  .mwt-origin-map{
    min-height:75px;
    padding:7px 9px;
  }

  .mwt-origin-map>b{
    font-size:24px;
    margin:2px 0;
  }

  .mwt-map-dots{
    margin-top:4px;
  }

  .mwt-origin-points{
    gap:3px;
  }

  .mwt-stat{
    min-height:0;
    padding:4px 7px;
  }

  .mwt-stat b{
    font-size:18px;
    margin:0;
  }

  .mwt-origin-list{
    margin-top:4px;
    gap:4px;
  }

  .mwt-origin-list article{
    padding:5px;
  }

  .mwt-origin-list article>p{
    min-height:0;
    margin:3px 0!important;
    line-height:1.3!important;
  }

  .mwt-origin-meters{
    gap:1px;
    padding-top:3px;
  }

  .mwt-cv-key{
    margin:4px 0 3px;
  }

  .mwt-cv-key span{
    padding:3px;
  }

  .mwt-cultivar-grid{
    gap:4px;
  }

  .mwt-cultivar-grid article{
    padding:5px 6px;
  }

  .mwt-cultivar-grid header{
    padding-bottom:3px;
  }

  .mwt-cultivar-grid article>p{
    min-height:0;
    margin:3px 0!important;
    line-height:1.25!important;
  }

  .mwt-cultivar-grid article>em{
    margin-bottom:2px;
  }

  .mwt-cv-bars{
    gap:1px 4px;
  }

  .mwt-grade-tabs{
    margin:4px 0;
    gap:3px;
  }

  .mwt-grade-tabs span{
    padding:4px;
  }

  .mwt-grade-table>div{
    padding:4px 5px;
    min-height:30px;
    line-height:1.25;
  }

  .mwt-grade-note{
    margin-top:4px;
    padding:5px 7px;
  }

  .mwt-oem-flow{
    margin-top:4px;
    gap:3px;
  }

  .mwt-oem-flow article{
    min-height:64px;
    padding:5px;
  }

  .mwt-oem-flow article:not(:last-child):after{
    top:21px;
  }

  .mwt-oem-flow h4{
    margin:1px 0;
  }

  .mwt-oem-flow p{
    line-height:1.25!important;
  }

  .mwt-oem-board{
    margin-top:4px;
    gap:4px;
  }

  .mwt-oem-board section{
    padding:5px 6px;
  }

  .mwt-oem-board h4{
    margin-bottom:3px;
  }

  .mwt-oem-options{
    gap:2px;
  }

  .mwt-oem-options b{
    padding:3px 4px;
  }

  .mwt-oem-board ul{
    gap:1px 9px;
  }

  .mwt-doc-overview{
    margin-top:4px;
    gap:4px;
  }

  .mwt-doc-categories{
    margin-top:4px;
    gap:4px;
  }

  .mwt-doc-categories header{
    padding:4px 5px;
  }

  .mwt-doc-categories section>div{
    padding:3px 5px;
    line-height:1.25;
  }

  .mwt-export-flow{
    margin-top:4px;
    padding:4px 5px;
    overflow:hidden!important;
  }

  .mwt-export-flow span{
    padding:3px 6px;
  }

  .mwt-doc-alert{
    margin-top:4px;
    padding:5px 7px;
  }

  .mwt-generic-grid{
    margin-top:4px;
    gap:4px;
  }

  .mwt-generic-grid article{
    padding:6px;
  }

  /* Quote / Order / Consultation / More all fit in the same fixed right pane. */
  .mwt-form-view.is-active{
    display:grid;
    grid-template-rows:auto 150px 42px minmax(0,1fr);
    gap:4px;
    height:100%;
    min-height:0;
    overflow:hidden!important;
  }

  .mwt-privacy-box{
    height:150px;
    margin:0;
    padding:8px 10px;
    overflow:hidden!important;
  }

  .mwt-privacy-box h3{
    margin-bottom:3px;
  }

  .mwt-privacy-box p{
    line-height:1.45;
  }

  .mwt-consent-btn{
    min-height:42px;
    height:42px;
    margin:0;
  }

  .mwt-inquiry-form{
    height:100%;
    min-height:0;
    overflow:hidden!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-rows:min-content;
    gap:4px;
    align-content:stretch;
  }

  .mwt-inquiry-form>div{
    gap:2px;
  }

  .mwt-inquiry-form input{
    min-height:34px;
    height:34px;
    padding:6px 8px;
  }

  .mwt-inquiry-form textarea{
    min-height:54px;
    height:100%;
    padding:6px 8px;
    resize:none;
  }

  .mwt-doc-fieldset.full{
    grid-column:1/3;
    grid-row:2/4;
    min-height:0;
    overflow:hidden;
    padding:5px;
  }

  .mwt-doc-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:2px;
  }

  .mwt-doc-grid label{
    padding:3px 4px;
    line-height:1.2;
  }

  .mwt-doc-notes{
    grid-column:3/5!important;
    grid-row:2!important;
    min-height:0;
  }

  .mwt-message-field{
    grid-column:3/5!important;
    grid-row:3!important;
    min-height:0;
  }

  .mwt-submit-row{
    grid-column:1/-1!important;
    grid-row:4!important;
  }

  .mwt-submit-row button{
    min-height:36px;
    height:36px;
  }

  /* Consultation and More have no document fieldset. */
  #mwtView-consult .mwt-message-field,
  #mwtView-more .mwt-message-field{
    grid-column:1/-1!important;
    grid-row:2!important;
  }

  #mwtView-consult .mwt-submit-row,
  #mwtView-more .mwt-submit-row{
    grid-row:3!important;
  }
}

/* Short desktop screens: retain 12px text, reduce only vertical spacing. */
@media (min-width:901px) and (max-height:720px){
  :root{--hh:56px;--bh:64px}

  .mwt-main{padding:3px;gap:3px}
  .mwt-group{margin-top:2px;padding-top:2px;padding-bottom:2px}
  .mwt-options button{min-height:30px}
  .mwt-qty button{min-height:35px}
  .mwt-left select{height:32px}
  .mwt-calc-actions button{height:32px}

  #mwtRightEstimate.is-active{
    grid-template-rows:auto 170px auto auto 34px 36px minmax(74px,1fr);
    gap:2px;
  }

  .mwt-product-info{padding:6px 8px}
  .mwt-ratings{margin-top:3px;gap:1px}
  .mwt-price-box{margin:4px;padding:5px}
  .mwt-notices article{padding:4px 7px}
  .mwt-summary{height:34px}
  .mwt-formal{height:36px}

  .mwt-k-top{height:82px}
  .mwt-k-top img{height:70px}
  .mwt-k-top h3{font-size:16px}
  .mwt-origin-map{min-height:62px}
  .mwt-origin-list article{padding:3px}
  .mwt-cultivar-grid article{padding:3px 4px}
  .mwt-grade-table>div{min-height:27px;padding:3px 4px}
  .mwt-oem-flow article{min-height:54px;padding:3px}
  .mwt-doc-categories section>div{padding:2px 4px}
}


/* ===== v1.3.2 KNOWLEDGE CROSS-NAV + OLD JAPANESE PAPER THEMES ===== */

/* Toolbar occupies the same first row as the old BACK-only bar. */
.mwt-article-toolbar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:5px;
  min-width:0;
  padding:3px 4px;
  border-bottom:1px solid rgba(103,79,39,.28);
  background:rgba(54,43,25,.08);
  backdrop-filter:blur(2px);
}
.mwt-article-toolbar .mwt-back{
  margin:0!important;
  white-space:nowrap;
}
.mwt-article-nav{
  display:grid;
  grid-template-columns:.9fr .9fr 1fr 1.25fr 1.15fr;
  gap:3px;
  min-width:0;
}
.mwt-article-nav button{
  min-width:0;
  min-height:30px;
  height:30px;
  padding:3px 5px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  border:1px solid rgba(104,77,31,.34);
  border-radius:4px;
  background:rgba(255,251,236,.62);
  color:#344339;
  font-size:12px!important;
  font-weight:600!important;
  cursor:pointer;
  transition:.15s ease;
}
.mwt-article-nav button:hover{
  background:rgba(239,222,174,.75);
  border-color:#9b7732;
}
.mwt-article-nav button.is-active{
  color:#fff7dc;
  background:linear-gradient(180deg,#745822,#4f3d1e);
  border-color:#ae8739;
  box-shadow:inset 0 0 0 1px rgba(255,223,139,.18);
}

/* Knowledge page typography: specified weight = 600. */
#mwtRightArticle,
#mwtRightArticle *,
#mwtRightArticle button,
#mwtRightArticle span,
#mwtRightArticle p,
#mwtRightArticle small,
#mwtRightArticle label,
#mwtRightArticle li,
#mwtRightArticle div,
#mwtRightArticle em,
#mwtRightArticle i{
  font-weight:600!important;
}
#mwtRightArticle h2,
#mwtRightArticle h3,
#mwtRightArticle h4,
#mwtRightArticle b,
#mwtRightArticle strong{
  font-weight:600!important;
}

/*
  Old-paper system:
  multiple translucent gradients mimic uneven handmade washi / aged paper.
  Each principal page changes only the paper tone, so the UI remains coherent.
*/
#mwtRightArticle{
  --paper-base:#e7dcc2;
  --paper-light:#f4ecd9;
  --paper-stain:rgba(112,78,34,.085);
  --paper-edge:rgba(79,57,30,.16);
  --paper-ink:#2d392f;
  color:var(--paper-ink);
  background:
    radial-gradient(circle at 12% 13%,var(--paper-stain) 0 1px,transparent 2px),
    radial-gradient(circle at 83% 28%,var(--paper-stain) 0 1.5px,transparent 2.5px),
    radial-gradient(ellipse at 7% 88%,rgba(104,70,30,.07),transparent 28%),
    radial-gradient(ellipse at 91% 8%,rgba(255,255,255,.3),transparent 31%),
    repeating-linear-gradient(8deg,rgba(88,65,35,.024) 0 1px,transparent 1px 6px),
    linear-gradient(105deg,var(--paper-light),var(--paper-base) 52%,var(--paper-light));
  box-shadow:
    inset 0 0 36px var(--paper-edge),
    inset 0 0 0 1px rgba(109,83,45,.14);
}

/* Origin: warm tea parchment / earthy brown-green. */
#mwtRightArticle.mwt-paper-origin{
  --paper-base:#dfd2b5;
  --paper-light:#f2ead6;
  --paper-stain:rgba(105,74,32,.09);
  --paper-edge:rgba(91,63,27,.16);
  --paper-ink:#2d3b31;
}

/* Cultivar: slightly greened washi, like aged tea ledger paper. */
#mwtRightArticle.mwt-paper-cultivar{
  --paper-base:#d9d6b9;
  --paper-light:#eef0d8;
  --paper-stain:rgba(72,91,42,.075);
  --paper-edge:rgba(57,76,35,.14);
  --paper-ink:#263a2d;
}

/* Grade: creamy old merchant ledger. */
#mwtRightArticle.mwt-paper-grade{
  --paper-base:#e5d5b5;
  --paper-light:#f7ead2;
  --paper-stain:rgba(137,92,35,.07);
  --paper-edge:rgba(113,76,31,.14);
  --paper-ink:#423829;
}

/* OEM: muted red-brown packaging proof / artisan paper. */
#mwtRightArticle.mwt-paper-oem{
  --paper-base:#ddcdb9;
  --paper-light:#f0e3d2;
  --paper-stain:rgba(117,62,48,.075);
  --paper-edge:rgba(105,55,43,.13);
  --paper-ink:#44372f;
}

/* Documents: cool archival parchment / export ledger. */
#mwtRightArticle.mwt-paper-docs{
  --paper-base:#d6d3c3;
  --paper-light:#ece9d9;
  --paper-stain:rgba(61,73,68,.07);
  --paper-edge:rgba(58,65,61,.14);
  --paper-ink:#303a36;
}

/* Remove flat white blocks; make cards feel printed onto layered old paper. */
#mwtRightArticle .mwt-k-top,
#mwtRightArticle .mwt-origin-map,
#mwtRightArticle .mwt-stat,
#mwtRightArticle .mwt-origin-list article,
#mwtRightArticle .mwt-cultivar-grid article,
#mwtRightArticle .mwt-grade-table,
#mwtRightArticle .mwt-grade-note,
#mwtRightArticle .mwt-oem-flow article,
#mwtRightArticle .mwt-oem-board section,
#mwtRightArticle .mwt-doc-categories section,
#mwtRightArticle .mwt-export-flow,
#mwtRightArticle .mwt-doc-alert,
#mwtRightArticle .mwt-generic-grid article{
  background:
    linear-gradient(rgba(255,252,239,.64),rgba(238,226,199,.56)),
    repeating-linear-gradient(3deg,rgba(74,53,27,.02) 0 1px,transparent 1px 5px)!important;
  border-color:rgba(105,80,41,.27)!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.45) inset,
    0 1px 2px rgba(72,51,25,.06);
}

#mwtRightArticle .mwt-k-top{
  background:
    linear-gradient(90deg,rgba(29,56,40,.93),rgba(47,69,50,.82)),
    repeating-linear-gradient(4deg,rgba(255,255,255,.02) 0 1px,transparent 1px 5px)!important;
}
#mwtRightArticle .mwt-k-top h3,
#mwtRightArticle .mwt-k-top p{
  color:#f2e8cf!important;
}
#mwtRightArticle .mwt-k-eyebrow{
  color:#e9c76d!important;
}

/* Maintain old-paper flavor in table headers without losing readability. */
#mwtRightArticle .mwt-grade-table .head,
#mwtRightArticle .mwt-doc-categories header,
#mwtRightArticle .mwt-cv-key span,
#mwtRightArticle .mwt-grade-tabs span{
  background:linear-gradient(180deg,#43523f,#263d31)!important;
  color:#f1d88d!important;
  border-color:rgba(87,65,31,.36)!important;
}

/* Desktop article view: toolbar + body = same no-scroll panel height. */
@media (min-width:901px){
  #mwtRightArticle.is-active{
    grid-template-rows:38px minmax(0,1fr)!important;
  }
  .mwt-article-toolbar{
    height:38px;
    min-height:38px;
    padding:3px 4px;
  }
  #mwtRightArticle .mwt-back,
  .mwt-article-nav button{
    min-height:30px!important;
    height:30px!important;
  }
}

/* Mobile: keep all five cross-links available, but allow horizontal swipe in toolbar only. */
@media(max-width:900px){
  .mwt-article-toolbar{
    grid-template-columns:auto minmax(0,1fr);
  }
  .mwt-article-nav{
    display:flex;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }
  .mwt-article-nav::-webkit-scrollbar{display:none}
  .mwt-article-nav button{
    flex:0 0 auto;
    min-width:120px;
  }
}


/* ===== v1.4.0 estimate panel redesign ===== */
@media (min-width:901px){
  .mwt-left{justify-content:space-between!important}
  .mwt-left > *{margin-top:0!important}

  #mwtRightEstimate.is-active{
    display:grid;
    grid-template-rows:auto minmax(0, 1fr) minmax(92px, auto);
    gap:4px;
    align-content:stretch;
  }

  .mwt-estimate-layout{
    display:grid!important;
    grid-template-columns:minmax(0, 1.45fr) minmax(240px, .72fr)!important;
    min-height:0!important;
    height:100%;
    gap:0;
    margin-top:0!important;
    background:#0a3728;
    color:#f7eed8;
    border:1px solid #9f8146;
    border-radius:6px;
    overflow:hidden;
  }
  .mwt-estimate-main{
    min-width:0;
    display:grid;
    grid-template-rows:auto auto auto auto 42px;
    gap:6px;
    padding:10px 12px;
    border-right:1px solid rgba(210,170,81,.28);
    background:linear-gradient(180deg, rgba(10,55,40,.96), rgba(8,42,31,.96));
  }
  .mwt-estimate-board-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:8px;
    padding-bottom:4px;
    border-bottom:1px solid rgba(210,170,81,.24);
  }
  .mwt-estimate-board-head small{
    color:#d8bb6c;
    font-size:12px;
    letter-spacing:.08em;
    font-weight:800;
  }
  .mwt-estimate-board-head b{
    color:#f2ddb0;
    font-size:16px;
    font-weight:900;
  }
  .mwt-summary-large{
    min-height:78px!important;
    height:auto!important;
    margin-top:0!important;
    padding:11px 12px!important;
    background:linear-gradient(180deg,#efe2bf,#e7d6ae)!important;
    border-color:#b89d63!important;
    color:#324033!important;
    font-size:14px!important;
    line-height:1.75!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
  }
  .mwt-summary-large b{
    display:block;
    margin-bottom:3px;
    color:#6d4e1f;
    font-size:15px;
    letter-spacing:.04em;
  }
  .mwt-summary-large span{
    font-weight:700;
  }
  .mwt-no-price{padding:0 2px 0 4px!important}

  .mwt-price-box-large{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  .mwt-price-tile{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:96px;
    padding:12px 12px 10px;
    border:1px solid rgba(210,170,81,.34);
    border-radius:6px;
    background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.11));
  }
  .mwt-price-tile.total{
    background:linear-gradient(180deg, rgba(112,145,46,.3), rgba(35,74,25,.35));
    border-color:#a9c85a;
  }
  .mwt-price-tile small{
    color:#d0b975;
    font-size:12px;
    margin-bottom:5px;
  }
  .mwt-price-tile strong{
    font:700 28px Georgia,serif!important;
    color:#f0ce69!important;
    line-height:1.05;
  }
  .mwt-price-tile.total strong{color:#fff0a9!important}
  .mwt-price-tile b{
    font-size:24px!important;
    color:#f7eed8;
    line-height:1.1;
  }

  .mwt-notices-inline{
    margin-top:0!important;
    grid-template-columns:1fr!important;
    background:rgba(255,248,233,.95)!important;
  }
  .mwt-notices-inline article{padding:8px 10px!important}
  .mwt-notices-inline article+article{border-top:1px solid #d7c8a3;border-left:0!important}
  .mwt-formal{
    width:100%!important;
    margin-top:0!important;
  }

  .mwt-estimate-side{
    min-width:0;
    display:grid;
    grid-template-rows:170px 1fr;
    background:linear-gradient(180deg, rgba(6,30,21,.88), rgba(5,27,19,.98));
  }
  .mwt-estimate-side .mwt-product-photo{
    min-height:0!important;
    height:100%;
  }
  .mwt-estimate-side .mwt-product-photo span{
    top:8px;left:8px;width:68px;height:68px;font-size:11px;
  }
  .mwt-estimate-side .mwt-product-info{
    padding:10px 11px!important;
  }
  .mwt-estimate-side .mwt-product-info small{font-size:12px!important}
  .mwt-estimate-side .mwt-product-info h3{
    margin:4px 0 6px!important;
    font-size:18px!important;
    line-height:1.22;
  }
  .mwt-estimate-side .mwt-product-info p{
    margin:0 0 6px!important;
    line-height:1.4!important;
  }
  .mwt-estimate-side .mwt-ratings{
    gap:4px!important;
    margin-top:6px!important;
  }
  .mwt-estimate-side .mwt-ratings label{
    grid-template-columns:120px 1fr!important;
    font-size:12px!important;
  }

  .mwt-knowledge{margin-top:0!important}
  .mwt-knowledge-grid{margin-top:4px!important}

  /* Slightly increase the simulator groups vertically to use the leftover space. */
  .mwt-group{padding-top:5px!important;padding-bottom:5px!important}
  .mwt-step-badge span{min-height:100%!important}
  .mwt-options button{min-height:38px!important}
  .mwt-qty button{min-height:46px!important}
  .mwt-left select{height:40px!important}
  .mwt-calc-actions button{height:40px!important}
}

@media (min-width:901px) and (max-height:720px){
  .mwt-estimate-side{grid-template-rows:148px 1fr}
  .mwt-price-tile{min-height:80px;padding:8px 10px}
  .mwt-price-tile strong{font-size:24px!important}
  .mwt-price-tile b{font-size:20px!important}
  .mwt-summary-large{min-height:68px!important;padding:8px 10px!important;line-height:1.6!important}
  .mwt-estimate-main{gap:4px;padding:8px 9px}
  .mwt-estimate-side .mwt-product-info h3{font-size:16px!important}
}

@media (max-width:900px){
  .mwt-estimate-layout{grid-template-columns:1fr!important}
  .mwt-estimate-main{padding:10px 10px 8px}
  .mwt-price-box-large{grid-template-columns:1fr!important;gap:6px}
  .mwt-estimate-side{display:grid;grid-template-columns:120px 1fr;grid-template-rows:none}
  .mwt-estimate-side .mwt-product-photo{min-height:150px}
  .mwt-summary-large{font-size:13px!important}
}


/* ===== v1.4.1 RIGHT CONTROL PANEL / VISIBILITY FIX ===== */
.mwt-seo-copy{
  white-space:nowrap!important;
  overflow:hidden;
  text-overflow:clip;
  font-size:12px!important;
  letter-spacing:-.025em;
  line-height:1!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
@media(min-width:1100px){
  .mwt-header{grid-template-columns:.95fr 1.65fr .9fr!important}
}

/* Explicit dark text on cream estimate notices — fixes invisible text. */
.mwt-notices-inline,
.mwt-notices-inline article,
.mwt-notices-inline b,
.mwt-notices-inline p{
  color:#334036!important;
}
.mwt-notices-inline b{color:#5d471f!important}
.mwt-notices-inline p{color:#5a625b!important}

@media (min-width:901px){
  #mwtRightEstimate.is-active{
    grid-template-rows:minmax(0,1fr) minmax(96px,auto)!important;
    padding-top:0!important;
  }

  .mwt-estimate-layout{
    border-radius:8px!important;
    border-color:rgba(211,173,89,.62)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.035),
      0 5px 18px rgba(32,24,6,.14)!important;
  }
  .mwt-estimate-main{
    grid-template-rows:auto auto auto minmax(0,1fr) 44px!important;
    gap:7px!important;
    padding:11px 13px!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(115,157,55,.12),transparent 35%),
      linear-gradient(180deg,#0b3c2b 0%,#082c21 58%,#06271d 100%)!important;
  }
  .mwt-estimate-board-head{
    align-items:center!important;
    min-height:47px;
    padding:0 0 8px!important;
    border-bottom:1px solid rgba(215,180,94,.34)!important;
  }
  .mwt-estimate-board-head>div{
    display:flex;
    flex-direction:column;
    gap:2px;
  }
  .mwt-estimate-board-head small{font-size:12px!important;color:#c8ab65!important}
  .mwt-estimate-board-head b{font-size:18px!important;color:#f3dfad!important}
  .mwt-live-indicator{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 8px;
    border:1px solid rgba(151,194,72,.45);
    border-radius:999px;
    background:rgba(64,102,34,.24);
    color:#d8ed9b;
    font-size:12px;
    font-weight:800;
  }
  .mwt-live-indicator i{
    width:8px;height:8px;border-radius:50%;background:#a7d250;box-shadow:0 0 8px rgba(167,210,80,.75)
  }

  .mwt-summary-large{
    min-height:90px!important;
    background:
      linear-gradient(180deg,rgba(246,233,199,.98),rgba(224,207,166,.98))!important;
    color:#29382f!important;
    border:1px solid #b99a5b!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 1px 7px rgba(20,14,4,.12)!important;
  }
  .mwt-summary-large b{color:#60471a!important}
  .mwt-summary-large span{color:#334238!important}

  .mwt-price-box-large{
    gap:8px!important;
  }
  .mwt-price-tile{
    min-height:104px!important;
    border-color:rgba(215,180,94,.42)!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.14)),
      #0b3829!important;
    box-shadow:inset 0 0 16px rgba(0,0,0,.08);
  }
  .mwt-price-tile.total{
    background:
      linear-gradient(180deg,rgba(110,150,53,.25),rgba(31,75,31,.25)),
      #0c3b2a!important;
  }

  .mwt-notices-inline{
    align-self:stretch;
    overflow:hidden;
  }
  .mwt-notices-inline article{
    background:linear-gradient(180deg,#f6edd8,#eadcba)!important;
  }

  .mwt-estimate-side{
    grid-template-rows:38px 190px minmax(0,1fr)!important;
    background:
      radial-gradient(circle at 80% 5%,rgba(111,154,53,.12),transparent 28%),
      linear-gradient(180deg,#07281d,#041d16)!important;
  }
  .mwt-side-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:5px 9px;
    border-bottom:1px solid rgba(211,173,89,.28);
    background:rgba(255,255,255,.025);
  }
  .mwt-side-title small{
    color:#a9baad;
    font-size:12px;
    letter-spacing:.08em;
  }
  .mwt-side-title b{
    color:#edcf78;
    font-size:14px;
  }
  .mwt-estimate-side .mwt-product-photo{
    background-size:cover!important;
    background-position:center 55%!important;
  }
  .mwt-estimate-side .mwt-product-photo:after{
    background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(2,21,14,.36))!important;
  }
  .mwt-estimate-side .mwt-product-info{
    border-top:1px solid rgba(211,173,89,.2);
    background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.08));
  }

  /* use available vertical space on the simulator while keeping ~20px bottom breathing room */
  .mwt-left{
    padding-bottom:18px!important;
  }
  .mwt-group{
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
}

@media (min-width:901px) and (max-height:720px){
  .mwt-estimate-side{grid-template-rows:34px 156px minmax(0,1fr)!important}
  .mwt-price-tile{min-height:82px!important}
  .mwt-summary-large{min-height:70px!important}
  .mwt-group{padding-top:4px!important;padding-bottom:4px!important}
  .mwt-left{padding-bottom:12px!important}
}

@media(max-width:900px){
  .mwt-seo-copy{display:none!important}
  .mwt-estimate-side{grid-template-columns:1fr!important;grid-template-rows:auto 180px auto!important}
  .mwt-side-title{grid-column:1/-1}
}


/* ===== v1.4.2 FOB / 1t / custom quantity / recurring purchase ===== */
.mwt-incoterms{
  min-height:28px;
  display:flex;
  align-items:center;
  gap:7px;
  margin:2px 0 3px;
  padding:3px 8px;
  border:1px solid rgba(220,183,87,.55);
  border-radius:5px;
  background:linear-gradient(90deg,rgba(166,124,32,.18),rgba(14,61,42,.20)),#0a3728;
  color:#f0d486;
}
.mwt-incoterms b{font-size:12px;letter-spacing:.10em}
.mwt-incoterms strong{
  padding:2px 9px;border-radius:999px;background:#d5ad51;color:#12291c;
  font-size:14px;letter-spacing:.05em;
}
.mwt-incoterms span{font-size:12px;color:#cbd5cb}

.mwt-qty{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.mwt-qty .mwt-custom-qty{
  min-height:44px;
  padding:4px 6px;
  border:1px solid rgba(210,170,81,.38);
  border-radius:5px;
  background:#0a3225;
  color:#f0dfb7;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:6px;
}
.mwt-custom-qty>label{white-space:nowrap;color:#e5c86f;font-size:12px;font-weight:800}
.mwt-custom-qty>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px}
.mwt-custom-qty input{
  width:100%;min-width:0;height:32px;padding:3px 7px;
  border:1px solid rgba(230,201,121,.52);border-radius:4px;
  background:#f1e8ce;color:#213a2b;font-size:13px;font-weight:800;outline:none;
}
.mwt-custom-qty input:focus{border-color:#acd85b;box-shadow:0 0 0 2px rgba(164,208,79,.16)}
.mwt-custom-qty span{color:#e7cf8d;font-weight:800}

.mwt-recurring-group{min-height:0;margin-top:3px!important;padding-top:3px!important;padding-bottom:3px!important}
.mwt-recurring{grid-template-columns:repeat(3,1fr)!important}
.mwt-recurring button{min-height:31px!important}

/* Compact the price band so notices + CTA fit cleanly. */
@media(min-width:901px){
  .mwt-estimate-main{
    grid-template-rows:auto auto auto auto 36px!important;
    gap:3px!important;
    padding:7px 9px!important;
  }
  .mwt-price-box-large{gap:5px!important}
  .mwt-price-tile{
    min-height:68px!important;
    padding:6px 9px!important;
  }
  .mwt-price-tile small{margin-bottom:2px!important}
  .mwt-price-tile strong{font-size:22px!important}
  .mwt-price-tile b{font-size:20px!important}
  .mwt-notices-inline article{padding:4px 7px!important}
  .mwt-notices-inline b{font-size:13px!important}
  .mwt-notices-inline p{margin:1px 0 0!important;font-size:12px!important;line-height:1.25!important}
  .mwt-formal{height:36px!important;min-height:36px!important}

  /* No BEST MATCH title row and no yellow RECOMMENDED badge. */
  .mwt-estimate-side{
    grid-template-rows:190px minmax(0,1fr)!important;
  }
  .mwt-estimate-side .mwt-product-photo span{display:none!important}

  /* Keep 01–09 inside the left panel without scroll. */
  .mwt-group{padding-top:3px!important;padding-bottom:3px!important}
  .mwt-options button{min-height:32px!important}
  .mwt-qty button{min-height:42px!important}
  .mwt-left select{height:34px!important}
  .mwt-calc-actions{margin-top:2px!important}
  .mwt-calc-actions button{height:34px!important}
  .mwt-left{padding-bottom:7px!important}
}
@media(min-width:901px) and (max-height:720px){
  .mwt-incoterms{min-height:24px;padding-top:1px;padding-bottom:1px}
  .mwt-qty .mwt-custom-qty{min-height:38px}
  .mwt-custom-qty input{height:28px}
  .mwt-recurring button{min-height:27px!important}
  .mwt-price-tile{min-height:60px!important}
  .mwt-estimate-side{grid-template-rows:150px minmax(0,1fr)!important}
}
@media(max-width:900px){
  .mwt-incoterms{flex-wrap:wrap}
  .mwt-qty{grid-template-columns:1fr 1fr!important}
  .mwt-qty .mwt-custom-qty{grid-column:1/-1}
  .mwt-recurring{grid-template-columns:1fr 1fr 1fr!important}
  .mwt-estimate-side{grid-template-rows:180px auto!important}
}


/* ===== v1.4.3 estimate height / knowledge tiles / alternating simulator tones ===== */

/*
 * Make the 200g TEST / MOQ notes fully visible.
 * The knowledge heading row was removed, so that vertical space is returned
 * to the estimate control panel above.
 */
@media (min-width:901px){
  #mwtRightEstimate.is-active{
    grid-template-rows:minmax(0,1fr) minmax(108px,116px)!important;
    gap:5px!important;
  }

  .mwt-estimate-layout{
    min-height:0!important;
    height:100%!important;
  }

  .mwt-estimate-main{
    grid-template-rows:auto minmax(82px,auto) auto minmax(92px,auto) 40px!important;
    gap:5px!important;
    padding:9px 10px 8px!important;
  }

  .mwt-summary-large{
    min-height:82px!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .mwt-price-box-large{
    min-height:0!important;
  }

  .mwt-price-tile{
    min-height:66px!important;
  }

  .mwt-notices-inline{
    min-height:92px!important;
    max-height:none!important;
    overflow:visible!important;
    align-self:stretch!important;
  }

  .mwt-notices-inline article{
    min-height:43px!important;
    overflow:visible!important;
    padding:5px 8px!important;
  }

  .mwt-notices-inline b,
  .mwt-notices-inline p{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .mwt-formal{
    align-self:end!important;
  }

  /* No heading above knowledge tiles; tiles consume the full lower band. */
  .mwt-knowledge{
    height:100%!important;
    min-height:0!important;
    display:block!important;
    margin:0!important;
  }

  .mwt-knowledge-grid{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    gap:6px!important;
  }
}

/* Knowledge tiles: photo only, no black box/background under the image.
 * Title is centered directly over each photo on a deep green strip.
 */
.mwt-knowledge-grid button{
  position:relative!important;
  height:100%!important;
  min-height:100px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #b99a54!important;
  border-radius:6px!important;
  background:transparent!important;
  box-shadow:none!important;
}

.mwt-knowledge-grid img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  background:transparent!important;
}

.mwt-knowledge-grid button:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,30,20,.18) 100%);
  pointer-events:none;
}

.mwt-knowledge-grid b{
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:calc(100% - 20px)!important;
  padding:8px 7px!important;
  border-radius:5px!important;
  background:rgba(5,58,40,.90)!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:700!important;
  text-align:center!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
  white-space:normal!important;
}

/* Free quantity: blank field only — no example value/placeholder visually shown. */
#mwtCustomQty::placeholder{
  color:transparent!important;
  opacity:0!important;
}

/*
 * 01–09 alternating simulator tones.
 * Odd = just a little lighter; even = deeper green.
 * Explicit step selectors ensure the difference is visible even if inherited
 * tone-a / tone-b rules from previous versions remain.
 */
.mwt-group[data-step="01"],
.mwt-group[data-step="03"],
.mwt-group[data-step="05"],
.mwt-group[data-step="07"],
.mwt-group[data-step="09"]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008)),
    #0b3c2c!important;
  border-color:rgba(216,178,81,.42)!important;
}

.mwt-group[data-step="02"],
.mwt-group[data-step="04"],
.mwt-group[data-step="06"],
.mwt-group[data-step="08"]{
  background:
    linear-gradient(180deg,rgba(0,0,0,.025),rgba(0,0,0,.06)),
    #062e22!important;
  border-color:rgba(190,151,61,.34)!important;
}

/* Maintain the visual distinction inside the numbered left rail too. */
.mwt-group[data-step="01"] .mwt-step-badge span,
.mwt-group[data-step="03"] .mwt-step-badge span,
.mwt-group[data-step="05"] .mwt-step-badge span,
.mwt-group[data-step="07"] .mwt-step-badge span,
.mwt-group[data-step="09"] .mwt-step-badge span{
  background:linear-gradient(180deg,#315e42,#173f2d)!important;
}

.mwt-group[data-step="02"] .mwt-step-badge span,
.mwt-group[data-step="04"] .mwt-step-badge span,
.mwt-group[data-step="06"] .mwt-step-badge span,
.mwt-group[data-step="08"] .mwt-step-badge span{
  background:linear-gradient(180deg,#203f30,#0a2b20)!important;
}

@media (min-width:901px) and (max-height:720px){
  #mwtRightEstimate.is-active{
    grid-template-rows:minmax(0,1fr) 94px!important;
  }

  .mwt-estimate-main{
    grid-template-rows:auto minmax(64px,auto) auto minmax(78px,auto) 36px!important;
    gap:3px!important;
    padding:6px 8px!important;
  }

  .mwt-summary-large{min-height:64px!important}
  .mwt-notices-inline{min-height:78px!important}
  .mwt-notices-inline article{min-height:36px!important}
  .mwt-knowledge-grid button{min-height:84px!important}
  .mwt-knowledge-grid b{font-size:14px!important;padding:6px!important}
}

@media(max-width:900px){
  #mwtRightEstimate.is-active{
    display:block!important;
  }

  .mwt-knowledge-grid{
    height:auto!important;
  }

  .mwt-knowledge-grid button{
    min-height:150px!important;
  }

  .mwt-knowledge-grid b{
    font-size:15px!important;
  }
}


/* ===== v1.4.4 COMPACT ESTIMATE STACK + LARGE QUANTITY ===== */
@media (min-width:901px){

  /*
   * The previous grid used auto/minmax rows which stretched the no-price
   * row and created a large empty area. All rows now size to their content.
   */
  .mwt-estimate-main{
    grid-template-rows:
      min-content
      min-content
      18px
      min-content
      min-content!important;
    align-content:start!important;
    justify-content:stretch!important;
    gap:5px!important;
    padding:8px 10px 7px!important;
  }

  .mwt-estimate-board-head{
    min-height:48px!important;
  }

  .mwt-summary-large{
    min-height:92px!important;
    height:auto!important;
    max-height:105px!important;
    overflow:hidden!important;
    margin:0!important;
    padding:10px 12px!important;
  }

  /* The warning line is a fixed compact row instead of a stretchable grid track. */
  .mwt-no-price{
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    padding:1px 4px!important;
    margin:0!important;
    line-height:16px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }

  .mwt-price-box-large{
    margin:0!important;
    padding:0!important;
    gap:6px!important;
    align-items:stretch!important;
  }

  .mwt-price-tile{
    min-height:82px!important;
    height:82px!important;
    padding:8px 10px!important;
    justify-content:center!important;
  }

  .mwt-price-tile small{
    margin-bottom:2px!important;
    line-height:1.2!important;
  }

  .mwt-price-tile strong{
    font-size:26px!important;
    line-height:1!important;
  }

  /* User-requested emphasis: quantity number approx. 2.5x the former 20px size. */
  #mwtQuantity{
    display:block!important;
    font-size:50px!important;
    line-height:.92!important;
    letter-spacing:-.04em!important;
    font-weight:800!important;
    color:#fff7d5!important;
    white-space:nowrap!important;
  }

  .mwt-price-tile:nth-child(2){
    padding-top:6px!important;
    padding-bottom:5px!important;
  }

  .mwt-notices-inline{
    min-height:86px!important;
    max-height:86px!important;
    height:86px!important;
    overflow:hidden!important;
    margin:0!important;
  }

  .mwt-notices-inline article{
    min-height:40px!important;
    max-height:43px!important;
    padding:4px 8px!important;
    overflow:hidden!important;
  }

  .mwt-notices-inline b{
    line-height:1.2!important;
  }

  .mwt-notices-inline p{
    margin:2px 0 0!important;
    line-height:1.25!important;
  }

  .mwt-formal{
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
  }

  /* Give the full estimate panel a little more room and keep the lower photos visible. */
  #mwtRightEstimate.is-active{
    grid-template-rows:minmax(0,1fr) 106px!important;
    gap:5px!important;
  }

  .mwt-knowledge-grid{
    height:106px!important;
  }
}

@media (min-width:901px) and (max-height:720px){
  .mwt-estimate-main{
    grid-template-rows:min-content min-content 16px min-content min-content!important;
    gap:3px!important;
    padding:5px 8px!important;
  }

  .mwt-estimate-board-head{
    min-height:42px!important;
  }

  .mwt-summary-large{
    min-height:72px!important;
    max-height:78px!important;
    padding:7px 9px!important;
  }

  .mwt-no-price{
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    line-height:14px!important;
  }

  .mwt-price-tile{
    min-height:70px!important;
    height:70px!important;
  }

  #mwtQuantity{
    font-size:44px!important;
  }

  .mwt-notices-inline{
    min-height:72px!important;
    max-height:72px!important;
    height:72px!important;
  }

  .mwt-notices-inline article{
    min-height:34px!important;
    max-height:36px!important;
  }

  .mwt-formal{
    height:34px!important;
    min-height:34px!important;
  }

  #mwtRightEstimate.is-active{
    grid-template-rows:minmax(0,1fr) 92px!important;
  }

  .mwt-knowledge-grid{
    height:92px!important;
  }
}

@media (max-width:900px){
  #mwtQuantity{
    font-size:42px!important;
    line-height:1!important;
  }

  .mwt-no-price{
    min-height:18px!important;
  }
}


/* ===== v1.4.5 SELECTED CONDITIONS HEIGHT ===== */
@media (min-width:901px){
  .mwt-summary-large{
    min-height:184px!important;
    height:184px!important;
    max-height:184px!important;
    padding:13px 14px!important;
    overflow:hidden!important;
    display:block!important;
  }

  .mwt-summary-large b{
    margin-bottom:22px!important;
    font-size:16px!important;
    line-height:1.2!important;
  }

  .mwt-summary-large span{
    line-height:1.8!important;
  }
}

@media (min-width:901px) and (max-height:720px){
  .mwt-summary-large{
    min-height:150px!important;
    height:150px!important;
    max-height:150px!important;
  }

  .mwt-summary-large b{
    margin-bottom:14px!important;
  }
}

@media (max-width:900px){
  .mwt-summary-large{
    min-height:160px!important;
    height:auto!important;
    max-height:none!important;
  }
}


/* ===== v1.4.6 RECOMMENDED MATCHA PHOTO LABEL ===== */
.mwt-product-photo .mwt-recommended-overlay{
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:78%!important;
  min-height:58px!important;
  padding:9px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  border:1px solid rgba(224,194,111,.62)!important;
  border-radius:5px!important;
  background:rgba(4,56,39,.92)!important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:#fff!important;
  text-align:center!important;
  pointer-events:none!important;
  backdrop-filter:blur(2px);
}

.mwt-product-photo .mwt-recommended-overlay b{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
}

.mwt-product-photo .mwt-recommended-overlay span{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.10em!important;
  white-space:nowrap!important;
}

/* Override older rule that hid all spans in the estimate product photo. */
.mwt-estimate-side .mwt-product-photo .mwt-recommended-overlay span{
  display:block!important;
}

@media(max-width:900px){
  .mwt-product-photo .mwt-recommended-overlay{
    width:82%!important;
    min-height:54px!important;
  }
  .mwt-product-photo .mwt-recommended-overlay b{
    font-size:15px!important;
  }
}


/* ===== v1.4.7 PRODUCT CHARACTERISTICS ===== */
.mwt-product-characteristics{
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid rgba(210,170,81,.22);
}

.mwt-product-characteristics h4{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:7px;
  margin:0 0 7px;
  color:#efd17a;
  font-size:13px;
  font-weight:800;
}

.mwt-product-characteristics h4 small{
  color:#86a28f;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
}

#mwtProductCharacteristics{
  display:grid;
  gap:4px;
}

#mwtProductCharacteristics p{
  position:relative;
  margin:0!important;
  padding:3px 0 3px 28px;
  color:#d7e0d8!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:600!important;
}

#mwtProductCharacteristics p span{
  position:absolute;
  left:0;
  top:3px;
  width:22px;
  color:#a9c952!important;
  font-size:12px!important;
  font-weight:800!important;
  font-family:Georgia,serif;
}

@media(min-width:901px){
  .mwt-estimate-side .mwt-product-info{
    overflow:hidden;
  }

  .mwt-product-characteristics{
    margin-top:8px;
    padding-top:7px;
  }

  #mwtProductCharacteristics{
    gap:2px;
  }

  #mwtProductCharacteristics p{
    padding-top:2px;
    padding-bottom:2px;
    line-height:1.35!important;
  }

  #mwtProductCharacteristics p span{
    top:2px;
  }
}

@media(min-width:901px) and (max-height:720px){
  .mwt-product-characteristics h4{
    margin-bottom:4px;
  }

  #mwtProductCharacteristics p{
    line-height:1.25!important;
  }
}


/* ===== v1.4.8 PRODUCT CHARACTERISTICS: 5 LINES ===== */
.mwt-product-characteristics{
  margin-top:7px!important;
  padding-top:6px!important;
}

.mwt-product-characteristics h4{
  margin-bottom:5px!important;
}

#mwtProductCharacteristics{
  gap:1px!important;
}

#mwtProductCharacteristics p{
  padding-top:1px!important;
  padding-bottom:1px!important;
  line-height:1.28!important;
}

#mwtProductCharacteristics p span{
  top:1px!important;
}

@media(min-width:901px) and (max-height:720px){
  .mwt-product-characteristics{
    margin-top:5px!important;
    padding-top:4px!important;
  }

  #mwtProductCharacteristics p{
    line-height:1.18!important;
  }
}


/* ===== v1.4.9 RESET / RECALCULATE CLICK FIX ===== */
.mwt-calc-actions{
  position:relative!important;
  z-index:50!important;
  pointer-events:auto!important;
  isolation:isolate;
}

.mwt-calc-actions button{
  position:relative!important;
  z-index:51!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  user-select:none!important;
  touch-action:manipulation!important;
}

.mwt-calc-actions button::before,
.mwt-calc-actions button::after{
  pointer-events:none!important;
}

.mwt-calc-actions button:active{
  transform:translateY(1px);
  filter:brightness(1.12);
}

@keyframes mwtResetFlash{
  0%{box-shadow:inset 0 0 0 2px rgba(226,198,111,0)}
  35%{box-shadow:inset 0 0 0 2px rgba(226,198,111,.75)}
  100%{box-shadow:inset 0 0 0 2px rgba(226,198,111,0)}
}

@keyframes mwtRecalcFlash{
  0%{box-shadow:inset 0 0 0 2px rgba(176,220,83,0)}
  35%{box-shadow:inset 0 0 0 2px rgba(176,220,83,.9),0 0 18px rgba(119,169,49,.18)}
  100%{box-shadow:inset 0 0 0 2px rgba(176,220,83,0)}
}

.mwt-left.mwt-reset-flash{
  animation:mwtResetFlash .55s ease-out;
}

.mwt-estimate-main.mwt-recalc-flash{
  animation:mwtRecalcFlash .55s ease-out;
}

/* Ensure nothing from the bottom navigation overlaps these controls on desktop. */
@media(min-width:901px){
  .mwt-left{
    position:relative!important;
    z-index:10!important;
  }

  .mwt-calc-actions{
    flex:0 0 auto!important;
    min-height:34px!important;
  }

  .mwt-bottom{
    z-index:30!important;
  }
}


/* ===== v1.5.0 STANDARD REALISTIC STEAM ===== */
.mwt-steam-layer{
  position:fixed;
  z-index:92; /* bottom menu is above it */
  left:0;
  right:0;
  bottom:0;
  height:72vh;
  overflow:hidden;
  pointer-events:none!important;
  user-select:none!important;
  mix-blend-mode:screen;
}

.mwt-steam-slot{
  --steam-left:50vw;
  --steam-scale:1;
  --steam-duration:11s;
  --steam-delay:0s;
  --steam-drift:35px;
  --steam-opacity:.24;
  position:absolute;
  left:var(--steam-left);
  bottom:-370px;
  width:260px;
  height:560px;
  opacity:0;
  transform:translate3d(-50%,0,0) scale(var(--steam-scale));
  transform-origin:50% 100%;
  filter:blur(.4px);
  will-change:transform,opacity,filter;
  pointer-events:none!important;
}

.mwt-steam-slot img{
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:1;
  display:block;
  pointer-events:none!important;
}

@keyframes mwtSteamRise{
  0%{
    opacity:0;
    transform:translate3d(-50%,40px,0) scale(calc(var(--steam-scale) * .76));
    filter:blur(3.5px);
  }
  12%{
    opacity:var(--steam-opacity);
  }
  42%{
    opacity:calc(var(--steam-opacity) * .92);
    transform:translate3d(calc(-50% + var(--steam-drift) * .30),-230px,0) scale(var(--steam-scale));
    filter:blur(2.2px);
  }
  72%{
    opacity:calc(var(--steam-opacity) * .56);
    transform:translate3d(calc(-50% - var(--steam-drift) * .42),-455px,0) scale(calc(var(--steam-scale) * 1.16));
    filter:blur(4.5px);
  }
  100%{
    opacity:0;
    transform:translate3d(calc(-50% + var(--steam-drift)),-690px,0) scale(calc(var(--steam-scale) * 1.30));
    filter:blur(8px);
  }
}

.mwt-steam-slot.is-rising{
  animation:mwtSteamRise var(--steam-duration) cubic-bezier(.18,.45,.25,1) var(--steam-delay) 1 both;
}

/* Bottom menu stays crisp and fully clickable in front of steam. */
.mwt-bottom{
  z-index:100!important;
}
.mwt-drawer,
.mwt-overlay{
  z-index:201!important;
}

/* ===== v1.5.0 CUSTOM QUANTITY MOSS GREEN ===== */
.mwt-custom-qty input{
  background:#d7e1bd!important;
  color:#203a2b!important;
  border-color:#93a96d!important;
  box-shadow:inset 0 1px 2px rgba(41,67,36,.09)!important;
}
.mwt-custom-qty input:focus{
  background:#e0e9cb!important;
  border-color:#b1c87b!important;
  box-shadow:0 0 0 2px rgba(166,197,98,.18),inset 0 1px 2px rgba(41,67,36,.08)!important;
}

/* ===== v1.5.0 CONSULT / OTHER MESSAGE FIELD 2X HEIGHT ===== */
@media(min-width:901px){
  #mwtView-consult .mwt-message-field textarea,
  #mwtView-more .mwt-message-field textarea{
    min-height:108px!important;
    height:108px!important;
    max-height:108px!important;
  }

  #mwtView-consult .mwt-message-field,
  #mwtView-more .mwt-message-field{
    min-height:108px!important;
  }
}

@media(max-width:900px){
  #mwtView-consult .mwt-message-field textarea,
  #mwtView-more .mwt-message-field textarea{
    min-height:250px!important;
    height:250px!important;
  }

  .mwt-steam-layer{
    height:62vh;
    opacity:.72;
  }

  .mwt-steam-slot{
    width:210px;
    height:470px;
    bottom:-310px;
  }
}

@media(prefers-reduced-motion:reduce){
  .mwt-steam-layer{display:none!important}
}


/* ===== v1.5.1 WORLDWIDE DESTINATION LIST ===== */
#mwtMarket{cursor:pointer}
#mwtMarket option{
  background:#f4eedc;
  color:#20382b;
  font-size:13px;
}


/* ===== v1.5.2 RECOMMENDED BAR BELOW PHOTO ===== */
.mwt-estimate-side{
  display:grid!important;
  grid-template-rows:190px 62px minmax(0,1fr)!important;
  gap:0!important;
}

.mwt-estimate-side .mwt-product-photo{
  position:relative!important;
  min-height:190px!important;
  background-size:cover!important;
  background-position:center!important;
  overflow:hidden!important;
}

.mwt-estimate-side .mwt-product-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.18) 100%)!important;
}

.mwt-estimate-side > .mwt-recommended-overlay{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  width:100%!important;
  min-height:62px!important;
  height:62px!important;
  margin:0!important;
  padding:8px 14px!important;
  border:0!important;
  border-top:1px solid rgba(170,141,62,.65)!important;
  border-bottom:1px solid rgba(170,141,62,.42)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(7,69,49,.98),rgba(4,49,36,.98))!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:center!important;
  backdrop-filter:none!important;
}

.mwt-estimate-side > .mwt-recommended-overlay b,
.mwt-estimate-side > .mwt-recommended-overlay span{
  display:block!important;
  color:#fff!important;
}

.mwt-estimate-side > .mwt-recommended-overlay b{
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
}

.mwt-estimate-side > .mwt-recommended-overlay span{
  position:static!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font-size:12px!important;
  line-height:1.12!important;
  font-weight:700!important;
  letter-spacing:.09em!important;
  white-space:nowrap!important;
}

.mwt-estimate-side .mwt-product-info{
  padding-top:12px!important;
}

@media (min-width:901px) and (max-height:720px){
  .mwt-estimate-side{
    grid-template-rows:150px 54px minmax(0,1fr)!important;
  }
  .mwt-estimate-side .mwt-product-photo{min-height:150px!important}
  .mwt-estimate-side > .mwt-recommended-overlay{height:54px!important;min-height:54px!important;padding:6px 10px!important}
}

@media (max-width:900px){
  .mwt-estimate-side{
    grid-template-rows:180px 58px auto!important;
  }
  .mwt-estimate-side > .mwt-recommended-overlay{
    height:58px!important;
    min-height:58px!important;
  }
}


/* ===== v1.5.3 PHOTO / TITLE BAR / ARTICLE TITLE LINE ===== */

/* Shift the photo 7px left */
.mwt-estimate-side .mwt-product-photo{
  background-position:calc(50% - 7px) center!important;
}

/* Move the title bar 15px upward while keeping same width and square corners */
.mwt-estimate-side > .mwt-recommended-overlay{
  margin-top:-15px!important;
  z-index:8!important;
}

/* Remove the line above article H2 */
.mwt-article-toolbar{
  border-bottom:0!important;
  box-shadow:none!important;
}
#mwtRightArticle .mwt-article,
#mwtRightArticle .mwt-article > h2{
  border-top:0!important;
  box-shadow:none!important;
  background-image:none!important;
}

@media (min-width:901px){
  .mwt-estimate-side{
    grid-template-rows:190px 47px minmax(0,1fr)!important;
  }
  .mwt-estimate-side > .mwt-recommended-overlay{
    min-height:62px!important;
    height:62px!important;
  }
}

@media (min-width:901px) and (max-height:720px){
  .mwt-estimate-side{
    grid-template-rows:150px 39px minmax(0,1fr)!important;
  }
  .mwt-estimate-side > .mwt-recommended-overlay{
    min-height:54px!important;
    height:54px!important;
  }
}

@media (max-width:900px){
  .mwt-estimate-side{
    grid-template-rows:180px 43px auto!important;
  }
  .mwt-estimate-side > .mwt-recommended-overlay{
    margin-top:-15px!important;
    min-height:58px!important;
    height:58px!important;
  }
}


/* ===== v1.5.4 RECOMMENDATION PANEL FIT FIX ===== */
@media (min-width:901px){
  /* Make the right-side card slightly more compact so the bottom lines do not clip. */
  .mwt-estimate-side{
    grid-template-rows:172px 39px minmax(0,1fr)!important;
    gap:0!important;
  }

  .mwt-estimate-side .mwt-product-photo{
    min-height:172px!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay{
    margin-top:-12px!important;
    min-height:52px!important;
    height:52px!important;
    padding:5px 10px!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay b{
    font-size:14px!important;
    line-height:1.08!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay span{
    font-size:11px!important;
    line-height:1.04!important;
    letter-spacing:.08em!important;
  }

  .mwt-estimate-side .mwt-product-info{
    padding:9px 11px 8px!important;
    overflow:hidden!important;
  }

  .mwt-estimate-side .mwt-product-info small{
    font-size:10px!important;
    line-height:1.05!important;
  }

  .mwt-estimate-side .mwt-product-info h3{
    margin:4px 0 5px!important;
    font-size:17px!important;
    line-height:1.14!important;
  }

  .mwt-estimate-side .mwt-product-info p{
    margin:0 0 4px!important;
    font-size:11px!important;
    line-height:1.2!important;
  }

  .mwt-estimate-side .mwt-ratings{
    margin-top:4px!important;
    gap:2px!important;
  }

  .mwt-estimate-side .mwt-ratings label{
    grid-template-columns:112px 1fr!important;
    font-size:11px!important;
    line-height:1.12!important;
  }

  .mwt-estimate-side .mwt-ratings i{
    letter-spacing:2px!important;
  }

  .mwt-product-characteristics{
    margin-top:5px!important;
    padding-top:4px!important;
  }

  .mwt-product-characteristics h4{
    margin:0 0 3px!important;
    font-size:12px!important;
    line-height:1.08!important;
  }

  .mwt-product-characteristics h4 small{
    font-size:11px!important;
    line-height:1.04!important;
  }

  #mwtProductCharacteristics{
    gap:0!important;
  }

  #mwtProductCharacteristics p{
    padding:0 0 0 24px!important;
    font-size:11px!important;
    line-height:1.16!important;
  }

  #mwtProductCharacteristics p span{
    top:0!important;
    width:20px!important;
    font-size:11px!important;
  }
}

/* Extra-tight on shorter desktop heights */
@media (min-width:901px) and (max-height:760px){
  .mwt-estimate-side{
    grid-template-rows:160px 35px minmax(0,1fr)!important;
  }

  .mwt-estimate-side .mwt-product-photo{
    min-height:160px!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay{
    min-height:48px!important;
    height:48px!important;
    padding:4px 8px!important;
  }

  .mwt-estimate-side .mwt-product-info{
    padding:8px 10px 6px!important;
  }

  .mwt-estimate-side .mwt-product-info h3{
    font-size:16px!important;
    margin:3px 0 4px!important;
  }

  .mwt-estimate-side .mwt-ratings label{
    font-size:10px!important;
    grid-template-columns:104px 1fr!important;
  }

  #mwtProductCharacteristics p{
    font-size:10px!important;
    line-height:1.12!important;
  }

  #mwtProductCharacteristics p span{
    font-size:10px!important;
  }
}


/* ===== v1.5.5 RECOMMENDATION PANEL BALANCE TUNING ===== */
@media (min-width:901px){
  /* Give a small but visible breathing room at the bottom without going back to clipping. */
  .mwt-estimate-side{
    grid-template-rows:164px 37px minmax(0,1fr)!important;
  }

  .mwt-estimate-side .mwt-product-photo{
    min-height:164px!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay{
    margin-top:-10px!important;
    min-height:48px!important;
    height:48px!important;
    padding:4px 10px!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay b{
    font-size:14px!important;
    line-height:1.06!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay span{
    font-size:11px!important;
    line-height:1.02!important;
  }

  .mwt-estimate-side .mwt-product-info{
    padding:10px 11px 12px!important;
  }

  .mwt-estimate-side .mwt-product-info small{
    font-size:10px!important;
  }

  .mwt-estimate-side .mwt-product-info h3{
    margin:5px 0 6px!important;
    font-size:17px!important;
    line-height:1.16!important;
  }

  .mwt-estimate-side .mwt-product-info p{
    margin:0 0 5px!important;
    font-size:11px!important;
    line-height:1.22!important;
  }

  .mwt-estimate-side .mwt-ratings{
    margin-top:5px!important;
    gap:2px!important;
  }

  .mwt-estimate-side .mwt-ratings label{
    grid-template-columns:112px 1fr!important;
    font-size:11px!important;
    line-height:1.14!important;
  }

  .mwt-product-characteristics{
    margin-top:6px!important;
    padding-top:5px!important;
  }

  .mwt-product-characteristics h4{
    margin:0 0 4px!important;
    font-size:12px!important;
    line-height:1.1!important;
  }

  .mwt-product-characteristics h4 small{
    font-size:11px!important;
    line-height:1.06!important;
  }

  #mwtProductCharacteristics p{
    padding:1px 0 1px 24px!important;
    font-size:11px!important;
    line-height:1.18!important;
  }

  #mwtProductCharacteristics p span{
    top:1px!important;
  }

  /* Put a little safety space under the final line. */
  #mwtProductCharacteristics p:last-child{
    margin-bottom:8px!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  .mwt-estimate-side{
    grid-template-rows:156px 34px minmax(0,1fr)!important;
  }

  .mwt-estimate-side .mwt-product-photo{
    min-height:156px!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay{
    min-height:45px!important;
    height:45px!important;
    padding:4px 8px!important;
  }

  .mwt-estimate-side .mwt-product-info{
    padding:9px 10px 10px!important;
  }

  .mwt-estimate-side .mwt-product-info h3{
    margin:4px 0 5px!important;
    font-size:16px!important;
  }

  .mwt-estimate-side .mwt-ratings label{
    font-size:10px!important;
    grid-template-columns:104px 1fr!important;
  }

  #mwtProductCharacteristics p{
    font-size:10px!important;
    line-height:1.15!important;
  }

  #mwtProductCharacteristics p:last-child{
    margin-bottom:6px!important;
  }
}


/* ===== v1.5.6 RECOMMENDATION PANEL LINE-HEIGHT OPENING ===== */
@media (min-width:901px){
  .mwt-estimate-side .mwt-product-info p{
    line-height:1.28!important;
    margin:0 0 6px!important;
  }

  .mwt-estimate-side .mwt-ratings{
    margin-top:6px!important;
    gap:4px!important;
  }

  .mwt-estimate-side .mwt-ratings label{
    line-height:1.22!important;
    margin:0!important;
  }

  .mwt-product-characteristics{
    margin-top:7px!important;
    padding-top:6px!important;
  }

  .mwt-product-characteristics h4{
    margin:0 0 6px!important;
    line-height:1.16!important;
  }

  #mwtProductCharacteristics{
    gap:2px!important;
  }

  #mwtProductCharacteristics p{
    line-height:1.26!important;
    padding:1px 0 1px 24px!important;
  }

  #mwtProductCharacteristics p:last-child{
    margin-bottom:6px!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  .mwt-estimate-side .mwt-product-info p{
    line-height:1.22!important;
    margin:0 0 5px!important;
  }

  .mwt-estimate-side .mwt-ratings{
    gap:3px!important;
  }

  .mwt-estimate-side .mwt-ratings label{
    line-height:1.18!important;
  }

  #mwtProductCharacteristics p{
    line-height:1.2!important;
  }
}


/* ===== v1.5.7 SELECTED CONDITIONS TEXT COLOR ===== */
/* White/ivory summary panel must always use deep-green text on PC and mobile. */
#mwtSummary,
.mwt-summary-large{
  color:#173c2c!important;
}

#mwtSummary b,
#mwtSummary span,
.mwt-summary-large b,
.mwt-summary-large span{
  color:#173c2c!important;
  -webkit-text-fill-color:#173c2c!important;
  opacity:1!important;
}

#mwtSummary b,
.mwt-summary-large b{
  font-weight:800!important;
}


/* ===== v1.6.0 NEW STEP 05 PRICE / 06 SAMPLE / 11-STEP LAYOUT ===== */

/* Price preference: four compact choices, long labels remain readable at >=12px. */
.mwt-budget{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.mwt-budget button{
  min-height:42px!important;
  padding:4px 5px!important;
  font-size:12px!important;
  line-height:1.12!important;
}
.mwt-budget button small{
  display:block;
  margin-top:2px;
  font-size:12px!important;
  line-height:1.1!important;
  color:#d5dfc8;
}

/* Sample request + count selector. */
.mwt-sample-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 72px;
  align-items:center;
  gap:5px;
}
.mwt-sample-choice{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.mwt-sample-choice button{
  min-height:31px!important;
  font-size:12px!important;
}
.mwt-sample-qty-label{
  color:#e4ca7a;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
#mwtSampleQty{
  height:32px!important;
  min-width:64px;
  background:#d7e1bd!important;
  color:#173c2c!important;
  border-color:#92a76d!important;
  font-weight:800!important;
}

/* 01–11 alternating green backgrounds. */
.mwt-group[data-step="01"],
.mwt-group[data-step="03"],
.mwt-group[data-step="05"],
.mwt-group[data-step="07"],
.mwt-group[data-step="09"],
.mwt-group[data-step="11"]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008)),
    #0b3c2c!important;
  border-color:rgba(216,178,81,.42)!important;
}

.mwt-group[data-step="02"],
.mwt-group[data-step="04"],
.mwt-group[data-step="06"],
.mwt-group[data-step="08"],
.mwt-group[data-step="10"]{
  background:
    linear-gradient(180deg,rgba(0,0,0,.025),rgba(0,0,0,.06)),
    #062e22!important;
  border-color:rgba(190,151,61,.34)!important;
}

.mwt-group[data-step="01"] .mwt-step-badge span,
.mwt-group[data-step="03"] .mwt-step-badge span,
.mwt-group[data-step="05"] .mwt-step-badge span,
.mwt-group[data-step="07"] .mwt-step-badge span,
.mwt-group[data-step="09"] .mwt-step-badge span,
.mwt-group[data-step="11"] .mwt-step-badge span{
  background:linear-gradient(180deg,#315e42,#173f2d)!important;
}

.mwt-group[data-step="02"] .mwt-step-badge span,
.mwt-group[data-step="04"] .mwt-step-badge span,
.mwt-group[data-step="06"] .mwt-step-badge span,
.mwt-group[data-step="08"] .mwt-step-badge span,
.mwt-group[data-step="10"] .mwt-step-badge span{
  background:linear-gradient(180deg,#203f30,#0a2b20)!important;
}

/* Keep 11 steps inside the desktop panel without introducing a scrollbar. */
@media(min-width:901px){
  .mwt-left{
    overflow:hidden!important;
    padding-top:4px!important;
    padding-bottom:5px!important;
  }

  .mwt-panel-title{
    padding-top:1px!important;
    padding-bottom:3px!important;
  }

  .mwt-incoterms{
    min-height:23px!important;
    margin:1px 0 2px!important;
    padding-top:1px!important;
    padding-bottom:1px!important;
  }

  .mwt-group{
    margin-top:2px!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
  }

  .mwt-label{
    margin-bottom:2px!important;
    line-height:1.05!important;
  }

  .mwt-options{
    gap:2px!important;
  }

  .mwt-options button{
    min-height:29px!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
  }

  .mwt-budget button{
    min-height:39px!important;
  }

  .mwt-qty button{
    min-height:36px!important;
  }

  .mwt-qty .mwt-custom-qty{
    min-height:36px!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
  }

  .mwt-custom-qty input{
    height:27px!important;
  }

  .mwt-bottom-inputs{
    gap:2px!important;
  }

  .mwt-left select{
    height:31px!important;
  }

  .mwt-recurring-group{
    margin-top:2px!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
  }

  .mwt-recurring button{
    min-height:29px!important;
  }

  .mwt-calc-actions{
    margin-top:2px!important;
  }

  .mwt-calc-actions button{
    height:31px!important;
  }
}

@media(max-width:900px){
  .mwt-budget{
    grid-template-columns:1fr 1fr!important;
  }

  .mwt-budget button{
    min-height:56px!important;
  }

  .mwt-sample-controls{
    grid-template-columns:1fr 90px!important;
  }

  .mwt-sample-choice{
    grid-column:1/-1;
  }

  .mwt-sample-qty-label{
    text-align:right;
  }

  #mwtSampleQty{
    width:90px!important;
  }
}


/* ===== v1.6.1 20g PAID SAMPLE ===== */
.mwt-sample-group .mwt-label small{
  font-size:12px!important;
  letter-spacing:.02em!important;
}

.mwt-sample-qty-label{
  line-height:1.1!important;
}

@media(min-width:901px){
  /* Step 08 now contains formal order quantities only. */
  .mwt-group[data-step="08"] .mwt-qty{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
  }
}

@media(max-width:900px){
  .mwt-sample-qty-label{
    white-space:normal!important;
  }
}


/* ===== v1.6.2 STEP 08 CUSTOM QUANTITY WIDTH ===== */
@media(min-width:901px){
  .mwt-group[data-step="08"] .mwt-qty{
    grid-template-columns:repeat(17,minmax(0,1fr))!important;
  }

  .mwt-group[data-step="08"] .mwt-qty > button{
    grid-column:span 2!important;
  }

  .mwt-group[data-step="08"] .mwt-qty > .mwt-custom-qty{
    grid-column:span 5!important;
    min-width:0!important;
  }

  .mwt-group[data-step="08"] .mwt-custom-qty > div{
    min-width:0!important;
  }

  .mwt-group[data-step="08"] #mwtCustomQty{
    width:100%!important;
  }
}


/* ===== v1.6.3 PACKAGING + REQUESTED DELIVERY DATE ===== */

/* Step 09 now has only 1kg / 10kg aluminum bag. */
.mwt-pack{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

/* Keep 11 and 12 side-by-side on desktop so the left panel does not grow vertically. */
.mwt-final-inputs{
  margin-top:2px!important;
}

.mwt-final-inputs .mwt-group{
  min-width:0;
}

#mwtDeliveryDate{
  width:100%;
  height:31px;
  padding:0 9px;
  border:1px solid rgba(210,170,81,.42);
  border-radius:5px;
  background:#d7e1bd;
  color:#173c2c;
  font-size:13px;
  font-weight:800;
  font-family:inherit;
  cursor:pointer;
  color-scheme:light;
}

#mwtDeliveryDate:focus{
  outline:none;
  border-color:#b7cd78;
  box-shadow:0 0 0 2px rgba(174,199,108,.18);
}

/* Step 12 follows the even-step deeper green tone. */
.mwt-group[data-step="12"]{
  background:
    linear-gradient(180deg,rgba(0,0,0,.025),rgba(0,0,0,.06)),
    #062e22!important;
  border-color:rgba(190,151,61,.34)!important;
}

.mwt-group[data-step="12"] .mwt-step-badge span{
  background:linear-gradient(180deg,#203f30,#0a2b20)!important;
}

@media(min-width:901px){
  .mwt-final-inputs{
    grid-template-columns:1.15fr .85fr!important;
  }

  .mwt-final-inputs .mwt-group{
    margin-top:0!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
  }

  .mwt-final-inputs .mwt-recurring button{
    min-height:29px!important;
  }

  #mwtDeliveryDate{
    height:29px!important;
  }
}

@media(max-width:900px){
  .mwt-final-inputs{
    grid-template-columns:1fr!important;
  }

  #mwtDeliveryDate{
    height:44px!important;
    font-size:14px!important;
  }
}

/* ===== v1.6.5 LARGE SHIMMER CTA ===== */

/* Main CTA family:/* Main CTA family:
   centered at 80% width, about twice the former height,
   with a restrained moving-light effect. */
.mwt-formal,
.mwt-submit-row button{
  position:relative!important;
  display:block!important;
  width:80%!important;
  max-width:80%!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
  isolation:isolate!important;

  border:1px solid #7fa13f!important;
  border-radius:8px!important;
  background:
    linear-gradient(180deg,#78973d 0%,#58772e 52%,#3c5d25 100%)!important;
  color:#fff!important;
  box-shadow:
    0 7px 16px rgba(18,53,33,.19),
    inset 0 1px 0 rgba(255,255,255,.19),
    inset 0 -1px 0 rgba(26,55,26,.44)!important;
  text-shadow:0 1px 2px rgba(22,48,25,.55)!important;
  cursor:pointer!important;
}

/* Formal quote: previous desktop effective height was ~38px. */
.mwt-formal{
  height:76px!important;
  min-height:76px!important;
  margin-top:5px!important;
  margin-bottom:4px!important;
  font-size:17px!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
}

/* Form submit: previous desktop effective height was ~36px. */
.mwt-submit-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

.mwt-submit-row button{
  height:72px!important;
  min-height:72px!important;
  font-size:16px!important;
  font-weight:800!important;
}

/* Moving soft highlight. */
.mwt-formal::after,
.mwt-submit-row button::after{
  content:"";
  position:absolute;
  z-index:2;
  top:-55%;
  left:-42%;
  width:30%;
  height:210%;
  pointer-events:none;
  opacity:0;
  transform:skewX(-20deg);
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.12) 28%,
      rgba(255,255,255,.52) 50%,
      rgba(255,255,255,.12) 72%,
      rgba(255,255,255,0) 100%
    );
  filter:blur(.4px);
  animation:mwtCtaLightSweep 4.8s ease-in-out infinite;
}

@keyframes mwtCtaLightSweep{
  0%,58%{
    left:-42%;
    opacity:0;
  }
  62%{
    opacity:.72;
  }
  80%{
    left:116%;
    opacity:.42;
  }
  84%,100%{
    left:116%;
    opacity:0;
  }
}

/* A faint living glow without changing layout. */
.mwt-formal,
.mwt-submit-row button:not(:disabled){
  animation:mwtCtaBreath 3.8s ease-in-out infinite;
}

@keyframes mwtCtaBreath{
  0%,100%{
    box-shadow:
      0 7px 16px rgba(18,53,33,.19),
      0 0 0 rgba(145,181,74,0),
      inset 0 1px 0 rgba(255,255,255,.19),
      inset 0 -1px 0 rgba(26,55,26,.44);
  }
  50%{
    box-shadow:
      0 8px 18px rgba(18,53,33,.24),
      0 0 18px rgba(145,181,74,.25),
      inset 0 1px 0 rgba(255,255,255,.22),
      inset 0 -1px 0 rgba(26,55,26,.44);
  }
}

.mwt-formal:hover,
.mwt-submit-row button:not(:disabled):hover{
  filter:brightness(1.08)!important;
  transform:translateY(-1px)!important;
}

.mwt-formal:active,
.mwt-submit-row button:not(:disabled):active{
  transform:translateY(1px)!important;
  filter:brightness(.98)!important;
}

/* Disabled submit remains clearly disabled and does not shimmer. */
.mwt-submit-row button:disabled{
  opacity:.50!important;
  cursor:not-allowed!important;
  animation:none!important;
  filter:saturate(.55)!important;
}

.mwt-submit-row button:disabled::after{
  display:none!important;
}

/* Short desktop: retain exact "roughly 2x" relation to the older 34px CTA. */
@media (min-width:901px) and (max-height:720px){
  .mwt-formal{
    height:68px!important;
    min-height:68px!important;
    font-size:16px!important;
  }

  .mwt-submit-row button{
    height:68px!important;
    min-height:68px!important;
  }
}

/* Mobile: still 80% centered and intentionally large, but avoids over-filling the screen. */
@media(max-width:900px){
  .mwt-formal,
  .mwt-submit-row button{
    width:80%!important;
    max-width:80%!important;
    height:70px!important;
    min-height:70px!important;
  }

  .mwt-formal{
    font-size:16px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .mwt-formal,
  .mwt-submit-row button{
    animation:none!important;
  }

  .mwt-formal::after,
  .mwt-submit-row button::after{
    animation:none!important;
    display:none!important;
  }
}


/* ===== v1.6.6 LEGAL LINKS + FADE MODAL ===== */

.mwt-legal-links{
  position:fixed;
  right:14px;
  bottom:calc(var(--bh) + 5px);
  z-index:118;
  display:flex;
  align-items:center;
  gap:4px;
  padding:2px 7px;
  border:1px solid rgba(210,170,81,.22);
  border-radius:3px;
  background:rgba(5,37,27,.76);
  backdrop-filter:blur(5px);
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  color:#cbbd91;
  line-height:1;
}

.mwt-legal-links button{
  padding:2px 0;
  border:0;
  background:transparent;
  color:#d8c899;
  font-size:11px;
  font-weight:600;
  line-height:1.1;
  cursor:pointer;
  text-decoration:none;
}

.mwt-legal-links button:hover{
  color:#fff1bd;
  text-decoration:underline;
  text-underline-offset:2px;
}

.mwt-legal-links span{
  color:rgba(216,200,153,.42);
  font-size:10px;
}

.mwt-legal-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity .28s ease,
    visibility 0s linear .28s;
}

.mwt-legal-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:
    opacity .28s ease,
    visibility 0s linear 0s;
}

.mwt-legal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(1,18,13,.78);
  backdrop-filter:blur(7px);
  opacity:0;
  transition:opacity .32s ease;
}

.mwt-legal-modal.is-open .mwt-legal-backdrop{
  opacity:1;
}

.mwt-legal-dialog{
  position:relative;
  z-index:2;
  width:min(820px,94vw);
  max-height:min(78vh,780px);
  overflow:auto;
  padding:26px 28px 28px;
  border:1px solid #ae914b;
  border-radius:8px;
  background:
    radial-gradient(circle at 16% 12%,rgba(110,83,41,.08) 0 1px,transparent 2px),
    radial-gradient(circle at 84% 28%,rgba(110,83,41,.07) 0 1px,transparent 2px),
    linear-gradient(180deg,#f0e7d1,#e4d8be);
  color:#253a2e;
  box-shadow:
    0 24px 70px rgba(0,0,0,.42),
    inset 0 0 0 1px rgba(255,255,255,.44);
  transform:translateY(16px) scale(.985);
  opacity:0;
  transition:
    transform .32s cubic-bezier(.2,.72,.3,1),
    opacity .26s ease;
}

.mwt-legal-modal.is-open .mwt-legal-dialog{
  transform:translateY(0) scale(1);
  opacity:1;
}

.mwt-legal-close{
  position:sticky;
  z-index:5;
  top:0;
  float:right;
  width:38px;
  height:38px;
  margin:-8px -8px 0 12px;
  border:1px solid #b1924b;
  border-radius:50%;
  background:#164b36;
  color:#fff5d4;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.16);
}

.mwt-legal-close:hover{
  background:#245e45;
}

.mwt-legal-panel{
  display:none;
}

.mwt-legal-panel.is-active{
  display:block;
}

.mwt-legal-kicker{
  margin-bottom:4px;
  color:#98772e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}

.mwt-legal-panel h2{
  margin:0 0 18px;
  padding:0 0 10px;
  border-bottom:1px solid rgba(122,94,40,.30);
  color:#183c2c;
  font:700 25px/1.25 "Yu Mincho",serif;
}

.mwt-legal-table{
  border-top:1px solid rgba(126,101,52,.26);
}

.mwt-legal-table dl{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:12px;
  margin:0;
  padding:10px 4px;
  border-bottom:1px solid rgba(126,101,52,.20);
}

.mwt-legal-table dt{
  color:#415545;
  font-size:12px;
  font-weight:800;
}

.mwt-legal-table dd{
  margin:0;
  color:#26392e;
  font-size:13px;
  line-height:1.65;
}

.mwt-legal-panel a{
  color:#1e5a3e;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}

.mwt-legal-note{
  margin:16px 0 0;
  padding:10px 12px;
  border-left:3px solid #8ea652;
  background:rgba(255,255,255,.38);
  color:#4a564b;
  font-size:12px;
  line-height:1.65;
}

.mwt-privacy-copy h3{
  margin:15px 0 5px;
  color:#254a36;
  font-size:14px;
  font-weight:800;
}

.mwt-privacy-copy p{
  margin:0;
  color:#34453a;
  font-size:13px;
  line-height:1.8;
}

html.mwt-legal-open,
html.mwt-legal-open body{
  overflow:hidden!important;
}

@media(max-width:900px){
  .mwt-legal-links{
    right:6px;
    bottom:calc(var(--bh) + 4px);
    gap:2px;
    padding:2px 5px;
  }

  .mwt-legal-links button{
    font-size:10px;
  }

  .mwt-legal-modal{
    align-items:flex-end;
    padding:12px 8px calc(var(--bh) + 8px);
  }

  .mwt-legal-dialog{
    width:100%;
    max-height:76vh;
    padding:20px 16px 22px;
    border-radius:10px 10px 0 0;
    transform:translateY(28px);
  }

  .mwt-legal-panel h2{
    font-size:20px;
  }

  .mwt-legal-table dl{
    grid-template-columns:1fr;
    gap:3px;
    padding:9px 2px;
  }

  .mwt-legal-table dt{
    color:#7c6127;
  }
}

@media(prefers-reduced-motion:reduce){
  .mwt-legal-modal,
  .mwt-legal-backdrop,
  .mwt-legal-dialog{
    transition:none!important;
  }
}


/* ===== v1.6.7 LEGAL LINKS MOVED TO HEADER ===== */
.mwt-tokyo .mwt-legal-links{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:142px!important;
  padding:0 0 0 9px!important;
  margin:0!important;
  border:0!important;
  border-left:1px solid rgba(210,170,81,.25)!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  line-height:1!important;
}

.mwt-tokyo .mwt-legal-links button{
  width:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#bcae82!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1.15!important;
  text-align:left!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  letter-spacing:0!important;
}

.mwt-tokyo .mwt-legal-links button:hover{
  color:#f0d98c!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}

/* The legal block is itself one header item; don't add another inherited left border/padding. */
.mwt-tokyo > .mwt-legal-links{
  padding-left:9px!important;
}

/* Slightly tighten the Tokyo cluster to make room for the two small legal lines. */
@media(min-width:901px){
  .mwt-tokyo{
    gap:6px!important;
  }

  .mwt-tokyo > *:not(.mwt-legal-links){
    padding-left:6px!important;
  }
}

/* Mobile keeps the links to the immediate right of temperature, stacked vertically. */
@media(max-width:900px){
  .mwt-tokyo{
    gap:3px!important;
  }

  .mwt-tokyo > *:not(.mwt-legal-links){
    padding-left:3px!important;
  }

  .mwt-tokyo .mwt-legal-links{
    min-width:112px!important;
    padding-left:5px!important;
    gap:1px!important;
  }

  .mwt-tokyo .mwt-legal-links button{
    font-size:8px!important;
    line-height:1.08!important;
  }
}


/* ===== v1.6.8 MORE NOTICEABLE REALISTIC STEAM ===== */
.mwt-steam-layer{
  height:82vh!important;
}

.mwt-steam-slot{
  bottom:-315px!important;
  width:305px!important;
  height:650px!important;
  filter:blur(.2px)!important;
}

.mwt-steam-slot img{
  filter:contrast(1.08) brightness(1.08)!important;
}

@keyframes mwtSteamRiseVisible{
  0%{
    opacity:0;
    transform:translate3d(-50%,35px,0) scale(calc(var(--steam-scale) * .78));
    filter:blur(3px);
  }
  9%{
    opacity:calc(var(--steam-opacity) * .76);
  }
  18%{
    opacity:var(--steam-opacity);
  }
  45%{
    opacity:calc(var(--steam-opacity) * .94);
    transform:translate3d(calc(-50% + var(--steam-drift) * .30),-250px,0) scale(var(--steam-scale));
    filter:blur(2px);
  }
  72%{
    opacity:calc(var(--steam-opacity) * .62);
    transform:translate3d(calc(-50% - var(--steam-drift) * .38),-490px,0) scale(calc(var(--steam-scale) * 1.16));
    filter:blur(4px);
  }
  100%{
    opacity:0;
    transform:translate3d(calc(-50% + var(--steam-drift)),-760px,0) scale(calc(var(--steam-scale) * 1.33));
    filter:blur(8px);
  }
}

.mwt-steam-slot.is-rising{
  animation:mwtSteamRiseVisible var(--steam-duration) cubic-bezier(.18,.45,.25,1) var(--steam-delay) 1 both!important;
}

@media(max-width:900px){
  .mwt-steam-layer{
    height:70vh!important;
    opacity:.88!important;
  }

  .mwt-steam-slot{
    width:235px!important;
    height:520px!important;
    bottom:-250px!important;
  }
}


/* ===== v1.6.9 STRONGER STEAM + LONG SOFT FADE OUT ===== */
.mwt-steam-slot{
  width:325px!important;
  height:690px!important;
  bottom:-300px!important;
}

.mwt-steam-slot img{
  filter:contrast(1.10) brightness(1.12)!important;
}

/*
  The last ~42% of the motion is now dedicated to fading out.
  Opacity falls in several small steps instead of dropping near the end.
*/
@keyframes mwtSteamRiseSoftFade{
  0%{
    opacity:0;
    transform:translate3d(-50%,40px,0)
              scale(calc(var(--steam-scale) * .76));
    filter:blur(3.2px);
  }

  8%{
    opacity:calc(var(--steam-opacity) * .62);
  }

  17%{
    opacity:var(--steam-opacity);
    filter:blur(2.2px);
  }

  38%{
    opacity:calc(var(--steam-opacity) * .98);
    transform:translate3d(
      calc(-50% + var(--steam-drift) * .24),
      -245px,
      0
    ) scale(var(--steam-scale));
    filter:blur(2.4px);
  }

  56%{
    opacity:calc(var(--steam-opacity) * .84);
    transform:translate3d(
      calc(-50% - var(--steam-drift) * .22),
      -405px,
      0
    ) scale(calc(var(--steam-scale) * 1.10));
    filter:blur(3.6px);
  }

  68%{
    opacity:calc(var(--steam-opacity) * .62);
    transform:translate3d(
      calc(-50% - var(--steam-drift) * .38),
      -515px,
      0
    ) scale(calc(var(--steam-scale) * 1.18));
    filter:blur(4.8px);
  }

  80%{
    opacity:calc(var(--steam-opacity) * .38);
    transform:translate3d(
      calc(-50% + var(--steam-drift) * .34),
      -620px,
      0
    ) scale(calc(var(--steam-scale) * 1.26));
    filter:blur(6.2px);
  }

  90%{
    opacity:calc(var(--steam-opacity) * .16);
    transform:translate3d(
      calc(-50% + var(--steam-drift) * .70),
      -710px,
      0
    ) scale(calc(var(--steam-scale) * 1.33));
    filter:blur(8px);
  }

  97%{
    opacity:calc(var(--steam-opacity) * .045);
  }

  100%{
    opacity:0;
    transform:translate3d(
      calc(-50% + var(--steam-drift)),
      -790px,
      0
    ) scale(calc(var(--steam-scale) * 1.40));
    filter:blur(10px);
  }
}

.mwt-steam-slot.is-rising{
  animation:
    mwtSteamRiseSoftFade
    var(--steam-duration)
    cubic-bezier(.16,.42,.28,1)
    var(--steam-delay)
    1
    both!important;
}

@media(max-width:900px){
  .mwt-steam-slot{
    width:250px!important;
    height:545px!important;
    bottom:-245px!important;
  }
}


/* ===== v1.7.0 JAPAN FLAG OPENS LANGUAGE / MENU DRAWER ===== */
button.mwt-jp-flag{
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  position:relative!important;
  outline:none!important;
  transition:
    transform .16s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    filter .18s ease!important;
}

button.mwt-jp-flag:hover{
  transform:translateY(-1px) scale(1.04)!important;
  border-color:#d9bd68!important;
  box-shadow:
    0 0 0 1px rgba(217,189,104,.22),
    0 4px 10px rgba(0,0,0,.18)!important;
  filter:brightness(1.03)!important;
}

button.mwt-jp-flag:focus-visible{
  box-shadow:
    0 0 0 2px rgba(235,207,116,.60),
    0 4px 10px rgba(0,0,0,.18)!important;
}

button.mwt-jp-flag:active{
  transform:translateY(0) scale(.98)!important;
}

/* Tiny visual cue: the flag is also the language/menu entry point. */
button.mwt-jp-flag::after{
  content:"";
  position:absolute;
  right:-4px;
  bottom:-4px;
  width:9px;
  height:9px;
  border:1px solid rgba(228,201,119,.72);
  border-radius:50%;
  background:#315f3a;
  box-shadow:0 1px 3px rgba(0,0,0,.24);
}

@media(max-width:900px){
  button.mwt-jp-flag::after{
    width:8px;
    height:8px;
    right:-3px;
    bottom:-3px;
  }
}


/* ===== v1.8.0 13-LANGUAGE LAYOUT SUPPORT ===== */
.mwt-options button,.mwt-bottom>button b,.mwt-content-links button,.mwt-inquiry-form label,.mwt-label{
  overflow-wrap:anywhere;
}
.mwt-budget button small{white-space:normal!important}
html[lang="de"] .mwt-options button,html[lang="fr"] .mwt-options button,html[lang="es"] .mwt-options button,html[lang="pt"] .mwt-options button{font-size:12px!important;line-height:1.08!important}
html[dir="rtl"] .mwt-label,html[dir="rtl"] .mwt-product-info,html[dir="rtl"] .mwt-inquiry-form,html[dir="rtl"] .mwt-legal-dialog,html[dir="rtl"] .mwt-drawer{text-align:right}
html[dir="rtl"] .mwt-legal-table dl{direction:rtl}
html[dir="rtl"] .mwt-product-characteristics p{padding-left:0!important;padding-right:24px!important}
html[dir="rtl"] #mwtProductCharacteristics p span{left:auto!important;right:0!important}
html[dir="rtl"] .mwt-drawer .mwt-languages a,html[dir="rtl"] .mwt-drawer .mwt-content-links button{text-align:right}
@media(max-width:900px){
 html[lang="de"] .mwt-bottom>button b,html[lang="fr"] .mwt-bottom>button b,html[lang="es"] .mwt-bottom>button b,html[lang="pt"] .mwt-bottom>button b{font-size:10px!important}
}


/* ===== v1.8.1 STRONGER ALTERNATING STEP CONTRAST ===== */

/* Odd steps keep the existing moss-green tone. */
.mwt-group[data-step="01"],
.mwt-group[data-step="03"],
.mwt-group[data-step="05"],
.mwt-group[data-step="07"],
.mwt-group[data-step="09"],
.mwt-group[data-step="11"]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008)),
    #0b3c2c!important;
  border-color:rgba(216,178,81,.46)!important;
}

/* Even steps are now much deeper, almost black-green, for clearer separation. */
.mwt-group[data-step="02"],
.mwt-group[data-step="04"],
.mwt-group[data-step="06"],
.mwt-group[data-step="08"],
.mwt-group[data-step="10"],
.mwt-group[data-step="12"]{
  background:
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.22)),
    #021a13!important;
  border-color:rgba(164,129,54,.40)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    inset 0 -1px 0 rgba(0,0,0,.34)!important;
}

/* Number rails also follow the stronger contrast. */
.mwt-group[data-step="01"] .mwt-step-badge span,
.mwt-group[data-step="03"] .mwt-step-badge span,
.mwt-group[data-step="05"] .mwt-step-badge span,
.mwt-group[data-step="07"] .mwt-step-badge span,
.mwt-group[data-step="09"] .mwt-step-badge span,
.mwt-group[data-step="11"] .mwt-step-badge span{
  background:linear-gradient(180deg,#315e42,#173f2d)!important;
}

.mwt-group[data-step="02"] .mwt-step-badge span,
.mwt-group[data-step="04"] .mwt-step-badge span,
.mwt-group[data-step="06"] .mwt-step-badge span,
.mwt-group[data-step="08"] .mwt-step-badge span,
.mwt-group[data-step="10"] .mwt-step-badge span,
.mwt-group[data-step="12"] .mwt-step-badge span{
  background:linear-gradient(180deg,#173126,#051610)!important;
  border-color:rgba(185,151,67,.34)!important;
}

/* Keep labels bright enough on the deeper rows. */
.mwt-group[data-step="02"] .mwt-label,
.mwt-group[data-step="04"] .mwt-label,
.mwt-group[data-step="06"] .mwt-label,
.mwt-group[data-step="08"] .mwt-label,
.mwt-group[data-step="10"] .mwt-label,
.mwt-group[data-step="12"] .mwt-label{
  color:#f1d57f!important;
}


/* ===== v1.8.3 CATALOG-DRIVEN REFERENCE PRICE ===== */
.mwt-no-price{
  color:#c8a64c!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}


/* ===== v1.8.4 RESPONSIVE SELECTED CONDITIONS TABLE ===== */

.mwt-summary-large{
  display:block!important;
  padding:9px 11px!important;
  color:#173c2c!important;
  background:
    linear-gradient(180deg,#f4e8c8 0%,#e9d9ae 100%)!important;
}

.mwt-summary-title{
  margin:0 0 7px!important;
  padding:0 0 6px!important;
  border-bottom:1px solid rgba(64,88,65,.30);
  color:#173c2c!important;
  -webkit-text-fill-color:#173c2c!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
}

.mwt-summary-grid{
  display:grid!important;

  /*
   * Language-safe responsive table.
   * Short languages naturally fit more cells per row.
   * Long languages wrap and automatically need fewer effective columns.
   */
  grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))!important;
  gap:0!important;
  border-top:1px solid rgba(61,83,61,.25);
  border-left:1px solid rgba(61,83,61,.25);
}

.mwt-summary-cell{
  min-width:0!important;
  min-height:35px!important;
  padding:4px 6px!important;
  display:grid!important;
  grid-template-columns:minmax(54px,.72fr) minmax(0,1.28fr)!important;
  align-items:center!important;
  gap:5px!important;
  border-right:1px solid rgba(61,83,61,.25);
  border-bottom:1px solid rgba(61,83,61,.25);
  background:rgba(255,255,255,.15);
}

.mwt-summary-cell:nth-child(even){
  background:rgba(255,255,255,.055);
}

.mwt-summary-key{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#7c6e3c!important;
  -webkit-text-fill-color:#7c6e3c!important;
  font-size:10px!important;
  line-height:1.12!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}

.mwt-summary-value{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#173c2c!important;
  -webkit-text-fill-color:#173c2c!important;
  font-size:11px!important;
  line-height:1.16!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* Long Latin-script languages get a slightly wider minimum cell. */
html[lang^="de"] .mwt-summary-grid,
html[lang^="fr"] .mwt-summary-grid,
html[lang^="es"] .mwt-summary-grid,
html[lang^="pt"] .mwt-summary-grid,
html[lang^="vi"] .mwt-summary-grid,
html[lang^="id"] .mwt-summary-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))!important;
}

/* Arabic reads naturally right-to-left inside each cell. */
html[dir="rtl"] .mwt-summary-cell{
  direction:rtl!important;
  text-align:right!important;
}

@media(min-width:901px){
  .mwt-summary-large{
    min-height:184px!important;
    height:184px!important;
    max-height:184px!important;
    overflow:hidden!important;
  }

  /* Keep 13 cells inside the existing desktop height. */
  .mwt-summary-cell{
    min-height:32px!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
  }

  .mwt-summary-title{
    margin-bottom:5px!important;
    padding-bottom:5px!important;
  }
}

@media(min-width:901px) and (max-width:1250px){
  .mwt-summary-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr))!important;
  }

  .mwt-summary-cell{
    min-height:29px!important;
    padding:2px 5px!important;
  }

  .mwt-summary-key{
    font-size:9px!important;
  }

  .mwt-summary-value{
    font-size:10px!important;
  }
}

@media(max-width:900px){
  .mwt-summary-large{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:8px!important;
  }

  .mwt-summary-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr))!important;
  }

  .mwt-summary-cell{
    min-height:44px!important;
    grid-template-columns:1fr!important;
    align-content:center!important;
    gap:2px!important;
    padding:5px 6px!important;
  }

  .mwt-summary-key{
    font-size:10px!important;
  }

  .mwt-summary-value{
    font-size:12px!important;
  }
}

/* Very narrow phones: one full-width table cell per item. */
@media(max-width:420px){
  .mwt-summary-grid{
    grid-template-columns:1fr!important;
  }

  .mwt-summary-cell{
    grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr)!important;
  }
}


/* ===== v1.8.5 SUMMARY LABEL + NUMERIC TYPOGRAPHY ===== */

/* SELECTED CONDITIONS item labels: black / weight 800 */
.mwt-summary-key{
  color:#000!important;
  -webkit-text-fill-color:#000!important;
  font-weight:800!important;
}

/* Main estimate numbers: Gothic / weight 700 */
#mwtUnitPrice,
#mwtQuantity,
#mwtTotal,
.mwt-price-tile strong,
.mwt-price-tile b,
.mwt-price-box strong,
.mwt-price-box b{
  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Meiryo",
    Arial,
    sans-serif!important;
  font-weight:700!important;
  font-style:normal!important;
}

/* Keep the oversized quantity typography, but use Gothic weight 700. */
#mwtQuantity{
  font-weight:700!important;
}

/* Numeric content inside the conditions table also uses Gothic styling. */
.mwt-summary-value{
  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Meiryo",
    Arial,
    sans-serif!important;
  font-weight:700!important;
}


/* ===== v1.8.6 QUANTITY TYPOGRAPHY NORMALIZED ===== */
#mwtQuantity{
  font-size:26px!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-weight:700!important;
}

/* ===== v1.9.0 MATCHA NOW MARKET TERMINAL ===== */

/* The former recommended-matcha side becomes a compact live-market terminal. */
.mwt-estimate-side.mwt-now-side{
  display:grid!important;
  grid-template-rows:118px minmax(0,1fr)!important;
  gap:0!important;
  min-width:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 0,rgba(55,105,75,.16),transparent 38%),
    linear-gradient(180deg,#061d16 0%,#03120e 100%)!important;
  border-left:1px solid rgba(193,157,68,.25);
}

.mwt-now-side .mwt-product-photo{
  min-height:118px!important;
  height:118px!important;
  background-size:cover!important;
  background-position:calc(50% - 7px) center!important;
  border-bottom:1px solid rgba(209,174,83,.45);
}

.mwt-now-side .mwt-product-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(2,24,17,.12) 55%,rgba(2,20,15,.60) 100%)!important;
}

.mwt-now-panel{
  min-height:0;
  overflow:hidden;
  padding:6px;
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#e9ddbc;
  background:
    linear-gradient(90deg,rgba(206,168,72,.04) 1px,transparent 1px),
    linear-gradient(180deg,rgba(206,168,72,.03) 1px,transparent 1px);
  background-size:22px 22px;
}

.mwt-now-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:7px;
  min-width:0;
  padding:1px 2px 5px;
  border-bottom:1px solid rgba(203,166,76,.28);
}

.mwt-now-head>div{
  min-width:0;
}

.mwt-now-head strong{
  display:block;
  color:#f0cc69;
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size:17px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}

.mwt-now-head span{
  display:block;
  margin-top:3px;
  color:#88a28f;
  font-size:9px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:.07em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#mwtNowUpdated{
  flex:0 0 auto;
  color:#80988a;
  font-family:"Yu Gothic",Meiryo,sans-serif;
  font-size:8px;
  line-height:1.15;
  font-weight:700;
  text-align:right;
  max-width:45%;
}

.mwt-now-score{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  min-height:52px;
  border:1px solid rgba(203,166,76,.42);
  background:
    linear-gradient(135deg,rgba(24,74,52,.88),rgba(5,31,23,.95));
  box-shadow:
    inset 0 1px 0 rgba(255,226,151,.07),
    0 3px 10px rgba(0,0,0,.18);
}

.mwt-now-score>div{
  min-width:0;
  padding:5px 7px;
  display:flex;
  flex-wrap:wrap;
  align-content:center;
  align-items:baseline;
}

.mwt-now-score-value{
  border-right:1px solid rgba(203,166,76,.25);
}

.mwt-now-score small,
.mwt-now-status small{
  width:100%;
  color:#9fb0a4;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.05em;
}

#mwtNowScore{
  margin-top:3px;
  color:#f1d16f;
  font-family:"Yu Gothic",Meiryo,sans-serif;
  font-size:29px;
  line-height:.9;
  font-weight:900;
}

.mwt-now-score-value>span{
  margin-left:2px;
  color:#9dad9f;
  font-size:10px;
  font-weight:800;
}

#mwtNowStatus{
  display:block;
  width:100%;
  margin-top:4px;
  color:#b8c4ba;
  font-family:"Yu Gothic",Meiryo,sans-serif;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;
}

#mwtNowStatus[data-status="very-hot"]{color:#f1b45f}
#mwtNowStatus[data-status="hot"]{color:#e6ca6d}
#mwtNowStatus[data-status="active"]{color:#a9cf77}
#mwtNowStatus[data-status="calm"]{color:#87b696}
#mwtNowStatus[data-status="cool"]{color:#7fa9a3}

.mwt-now-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
}

.mwt-now-card{
  position:relative;
  min-width:0;
  min-height:43px;
  padding:5px 6px 4px;
  border:1px solid rgba(159,129,59,.26);
  background:
    linear-gradient(180deg,rgba(11,57,41,.92),rgba(5,36,26,.96));
  overflow:hidden;
}

.mwt-now-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:2px;
  height:100%;
  background:#9abd58;
  opacity:.7;
}

.mwt-now-card small{
  display:block;
  min-width:0;
  color:#94a89a;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.04em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mwt-now-card strong{
  display:inline-block;
  margin-top:4px;
  color:#f1e4bd;
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size:15px;
  line-height:1;
  font-weight:800;
}

.mwt-now-card em{
  float:right;
  margin-top:5px;
  color:#83968a;
  font-family:"Yu Gothic",Meiryo,sans-serif;
  font-size:8px;
  line-height:1;
  font-style:normal;
  font-weight:800;
}

.mwt-now-card em.up{color:#9fd067}
.mwt-now-card em.down{color:#cf8068}
.mwt-now-card em.flat{color:#a9a17f}

.mwt-now-card i{
  position:absolute;
  right:5px;
  bottom:3px;
  max-width:65%;
  color:#60786b;
  font-size:7px;
  line-height:1;
  font-style:normal;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mwt-now-card.is-no-data{
  opacity:.78;
}

.mwt-now-chart{
  min-height:70px;
  padding:4px 5px 3px;
  border:1px solid rgba(159,129,59,.24);
  background:
    linear-gradient(180deg,rgba(4,30,22,.92),rgba(2,20,15,.96));
}

.mwt-now-chart-head{
  height:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}

.mwt-now-chart-head b{
  min-width:0;
  color:#b9c5b9;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.04em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mwt-now-chart-head span{
  flex:0 0 auto;
  color:#a88e4b;
  font-family:"Yu Gothic",Meiryo,sans-serif;
  font-size:7px;
  line-height:1;
  font-weight:800;
}

.mwt-now-chart svg{
  display:block;
  width:100%;
  height:48px;
  overflow:visible;
}

.mwt-now-price-chart{
  border-color:rgba(121,151,85,.28);
}

/* Short desktop height: keep both charts inside the existing fixed side panel. */
@media(min-width:901px) and (max-height:760px){
  .mwt-estimate-side.mwt-now-side{
    grid-template-rows:100px minmax(0,1fr)!important;
  }

  .mwt-now-side .mwt-product-photo{
    min-height:100px!important;
    height:100px!important;
  }

  .mwt-now-panel{gap:3px!important;padding:4px!important}
  .mwt-now-head{padding-bottom:3px!important}
  .mwt-now-score{min-height:46px!important}
  .mwt-now-card{min-height:37px!important;padding:4px 5px 3px!important}
  .mwt-now-card strong{font-size:13px!important}
  .mwt-now-chart{min-height:59px!important;padding-top:3px!important}
  .mwt-now-chart svg{height:39px!important}
}

/* Mobile becomes a natural stacked market dashboard. */
@media(max-width:900px){
  .mwt-estimate-side.mwt-now-side{
    grid-template-columns:1fr!important;
    grid-template-rows:180px auto!important;
    overflow:visible!important;
  }

  .mwt-now-side .mwt-product-photo{
    min-height:180px!important;
    height:180px!important;
  }

  .mwt-now-panel{
    overflow:visible!important;
    padding:8px!important;
    gap:7px!important;
  }

  .mwt-now-head strong{font-size:19px!important}
  .mwt-now-head span{font-size:10px!important}
  #mwtNowUpdated{font-size:9px!important}

  .mwt-now-score{min-height:66px!important}
  #mwtNowScore{font-size:34px!important}
  #mwtNowStatus{font-size:14px!important}

  .mwt-now-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }

  .mwt-now-card{
    min-height:60px!important;
    padding:7px!important;
  }

  .mwt-now-card small{font-size:9px!important}
  .mwt-now-card strong{font-size:18px!important}
  .mwt-now-card em{font-size:9px!important}
  .mwt-now-card i{font-size:8px!important}

  .mwt-now-chart{
    min-height:100px!important;
    padding:7px!important;
  }

  .mwt-now-chart-head{
    height:20px!important;
  }

  .mwt-now-chart-head b{font-size:9px!important}
  .mwt-now-chart-head span{font-size:8px!important}
  .mwt-now-chart svg{height:70px!important}
}

@media(max-width:430px){
  .mwt-now-grid{
    grid-template-columns:1fr 1fr!important;
  }
}


/* ===== v1.9.1 KNOWLEDGE DETAIL BACKGROUND IMAGES ===== */

/*
 * Use the two supplied Japanese dark-green / gold textured artworks
 * as the full background of the knowledge detail section.
 * The content layout itself is unchanged in this release.
 */
#mwtRightArticle{
  position:relative!important;
  isolation:isolate!important;
  background-color:#071710!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  box-shadow:
    inset 0 0 80px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(189,148,55,.22)!important;
}

/* Background A: mountains / waves / deep green / restrained dark red. */
#mwtRightArticle.mwt-paper-origin,
#mwtRightArticle.mwt-paper-grade,
#mwtRightArticle.mwt-paper-docs{
  background-image:
    linear-gradient(rgba(3,17,12,.13),rgba(3,17,12,.22)),
    url("../images/knowledge-bg-dark-a.webp")!important;
}

/* Background B: large gold brush circle / seigaiha / geometric gold pattern. */
#mwtRightArticle.mwt-paper-cultivar,
#mwtRightArticle.mwt-paper-oem{
  background-image:
    linear-gradient(rgba(3,17,12,.14),rgba(3,17,12,.22)),
    url("../images/knowledge-bg-dark-b.webp")!important;
}

/*
 * Keep existing pale information cards readable while letting the new
 * background remain visible around and between them.
 */
#mwtRightArticle .mwt-article-toolbar{
  background:rgba(5,23,17,.88)!important;
  border-bottom:1px solid rgba(198,158,69,.45)!important;
  backdrop-filter:blur(3px)!important;
}

#mwtRightArticle .mwt-article-nav button{
  background:rgba(238,225,194,.92)!important;
  border-color:rgba(184,146,65,.60)!important;
  color:#23382c!important;
}

#mwtRightArticle .mwt-article-nav button.is-active{
  background:
    linear-gradient(180deg,rgba(121,89,35,.98),rgba(73,50,21,.98))!important;
  color:#fff0c1!important;
  border-color:#c6a04f!important;
}

#mwtRightArticle .mwt-article{
  background:transparent!important;
}

/* Main paper/card blocks become slightly translucent. */
#mwtRightArticle .mwt-origin-map,
#mwtRightArticle .mwt-stat,
#mwtRightArticle .mwt-origin-list article,
#mwtRightArticle .mwt-cultivar-grid article,
#mwtRightArticle .mwt-grade-table,
#mwtRightArticle .mwt-grade-note,
#mwtRightArticle .mwt-oem-flow article,
#mwtRightArticle .mwt-oem-board section,
#mwtRightArticle .mwt-doc-categories section,
#mwtRightArticle .mwt-export-flow,
#mwtRightArticle .mwt-doc-alert,
#mwtRightArticle .mwt-generic-grid article{
  background:
    linear-gradient(rgba(248,239,215,.92),rgba(226,210,176,.90)),
    repeating-linear-gradient(3deg,rgba(74,53,27,.02) 0 1px,transparent 1px 5px)!important;
  border-color:rgba(172,133,56,.55)!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.55) inset,
    0 3px 10px rgba(0,0,0,.12)!important;
}

/* The top intelligence banner remains dark, now harmonized with the artwork. */
#mwtRightArticle .mwt-k-top{
  background:
    linear-gradient(90deg,rgba(9,48,34,.93),rgba(28,57,41,.84)),
    repeating-linear-gradient(4deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px)!important;
  border-color:rgba(190,151,64,.46)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,239,190,.07),
    0 3px 10px rgba(0,0,0,.20)!important;
}

/* Large old-paper empty areas become transparent so the artwork actually shows. */
#mwtRightArticle .mwt-origin-shell,
#mwtRightArticle .mwt-cultivar-shell,
#mwtRightArticle .mwt-grade-shell,
#mwtRightArticle .mwt-oem-shell,
#mwtRightArticle .mwt-doc-shell{
  background:transparent!important;
}

@media(max-width:900px){
  #mwtRightArticle{
    background-attachment:scroll!important;
    background-position:center top!important;
    background-size:auto 100%!important;
  }
}


/* ===== v1.9.2 KNOWLEDGE PAGES: LARGER HERO IMAGES + BETTER READABILITY ===== */
@media (min-width:901px){
  #mwtRightArticle .mwt-article{
    padding:12px 14px 24px!important;
    overflow:auto!important;
  }

  #mwtRightArticle .mwt-k-top{
    grid-template-columns:280px 1fr!important;
    gap:14px!important;
    min-height:176px!important;
    height:auto!important;
    padding:10px 12px!important;
    align-items:center!important;
  }

  #mwtRightArticle .mwt-k-top img{
    width:280px!important;
    height:156px!important;
    border-radius:8px!important;
    object-fit:cover!important;
    display:block!important;
  }

  #mwtRightArticle .mwt-k-top > div{
    padding:4px 6px!important;
  }

  #mwtRightArticle .mwt-k-eyebrow{
    font-size:18px!important;
    line-height:1.2!important;
    letter-spacing:.12em!important;
  }

  #mwtRightArticle .mwt-k-top h3{
    margin:6px 0 8px!important;
    font-size:38px!important;
    line-height:1.14!important;
  }

  #mwtRightArticle .mwt-k-top p{
    font-size:16px!important;
    line-height:1.82!important;
  }

  #mwtRightArticle .mwt-origin-dashboard,
  #mwtRightArticle .mwt-cv-key,
  #mwtRightArticle .mwt-grade-tabs,
  #mwtRightArticle .mwt-oem-flow,
  #mwtRightArticle .mwt-doc-overview,
  #mwtRightArticle .mwt-doc-categories,
  #mwtRightArticle .mwt-oem-board,
  #mwtRightArticle .mwt-generic-grid,
  #mwtRightArticle .mwt-origin-list{
    margin-top:10px!important;
    gap:10px!important;
  }

  #mwtRightArticle .mwt-origin-map{
    min-height:152px!important;
    padding:16px 18px!important;
  }
  #mwtRightArticle .mwt-origin-map > span,
  #mwtRightArticle .mwt-origin-map > small,
  #mwtRightArticle .mwt-map-dots i{
    font-size:13px!important;
  }
  #mwtRightArticle .mwt-origin-map > b{
    font-size:44px!important;
    margin:8px 0!important;
  }

  #mwtRightArticle .mwt-stat{
    min-height:92px!important;
    padding:12px 14px!important;
  }
  #mwtRightArticle .mwt-stat small,
  #mwtRightArticle .mwt-stat span{
    font-size:13px!important;
    line-height:1.55!important;
  }
  #mwtRightArticle .mwt-stat b{
    font-size:28px!important;
    line-height:1.1!important;
  }

  #mwtRightArticle .mwt-origin-list article,
  #mwtRightArticle .mwt-cultivar-grid article,
  #mwtRightArticle .mwt-oem-board section,
  #mwtRightArticle .mwt-generic-grid article{
    padding:12px!important;
  }
  #mwtRightArticle .mwt-origin-name small,
  #mwtRightArticle .mwt-origin-name em,
  #mwtRightArticle .mwt-cultivar-grid header small,
  #mwtRightArticle .mwt-cultivar-grid header b,
  #mwtRightArticle .mwt-oem-board h4,
  #mwtRightArticle .mwt-doc-categories h4,
  #mwtRightArticle .mwt-doc-categories header span,
  #mwtRightArticle .mwt-export-flow b,
  #mwtRightArticle .mwt-grade-note b{
    font-size:13px!important;
    line-height:1.4!important;
  }
  #mwtRightArticle .mwt-origin-name h4,
  #mwtRightArticle .mwt-cultivar-grid h4,
  #mwtRightArticle .mwt-generic-grid h4{
    font-size:24px!important;
    line-height:1.2!important;
    margin:4px 0 6px!important;
  }
  #mwtRightArticle .mwt-origin-list article > p,
  #mwtRightArticle .mwt-cultivar-grid article > p,
  #mwtRightArticle .mwt-grade-note p,
  #mwtRightArticle .mwt-oem-flow p,
  #mwtRightArticle .mwt-oem-board p,
  #mwtRightArticle .mwt-oem-board li,
  #mwtRightArticle .mwt-doc-categories section > div,
  #mwtRightArticle .mwt-doc-alert p,
  #mwtRightArticle .mwt-generic-grid p{
    font-size:14px!important;
    line-height:1.78!important;
  }
  #mwtRightArticle .mwt-origin-meters label,
  #mwtRightArticle .mwt-cv-bars label,
  #mwtRightArticle .mwt-grade-table > div,
  #mwtRightArticle .mwt-oem-options b,
  #mwtRightArticle .mwt-export-flow span,
  #mwtRightArticle .mwt-doc-alert b{
    font-size:13px!important;
    line-height:1.5!important;
  }
  #mwtRightArticle .mwt-grade-table > div{
    min-height:54px!important;
    padding:10px 10px!important;
  }
  #mwtRightArticle .mwt-grade-note{
    grid-template-columns:140px 1fr!important;
    padding:12px!important;
  }
  #mwtRightArticle .mwt-oem-flow article{
    min-height:112px!important;
    padding:12px 10px!important;
  }
  #mwtRightArticle .mwt-oem-flow span{
    font-size:22px!important;
  }
  #mwtRightArticle .mwt-oem-flow h4{
    margin:6px 0!important;
    font-size:16px!important;
    line-height:1.35!important;
  }
  #mwtRightArticle .mwt-oem-options b{
    padding:10px 8px!important;
  }
  #mwtRightArticle .mwt-oem-board button{
    min-height:44px!important;
    font-size:15px!important;
  }
  #mwtRightArticle .mwt-doc-categories header,
  #mwtRightArticle .mwt-doc-categories section > div,
  #mwtRightArticle .mwt-export-flow,
  #mwtRightArticle .mwt-doc-alert{
    padding:10px 12px!important;
  }
}

@media (max-width:900px){
  #mwtRightArticle .mwt-article{
    padding:10px 10px 20px!important;
  }
  #mwtRightArticle .mwt-k-top{
    grid-template-columns:180px 1fr!important;
    gap:10px!important;
    min-height:148px!important;
    height:auto!important;
    padding:8px!important;
  }
  #mwtRightArticle .mwt-k-top img{
    width:180px!important;
    height:132px!important;
  }
  #mwtRightArticle .mwt-k-eyebrow{
    font-size:14px!important;
  }
  #mwtRightArticle .mwt-k-top h3{
    font-size:28px!important;
    line-height:1.2!important;
    margin:4px 0 6px!important;
  }
  #mwtRightArticle .mwt-k-top p{
    font-size:14px!important;
    line-height:1.72!important;
  }
  #mwtRightArticle .mwt-origin-list article,
  #mwtRightArticle .mwt-cultivar-grid article,
  #mwtRightArticle .mwt-oem-flow article,
  #mwtRightArticle .mwt-oem-board section,
  #mwtRightArticle .mwt-doc-categories section,
  #mwtRightArticle .mwt-generic-grid article{
    padding:10px!important;
  }
  #mwtRightArticle .mwt-origin-name h4,
  #mwtRightArticle .mwt-cultivar-grid h4,
  #mwtRightArticle .mwt-generic-grid h4{
    font-size:20px!important;
  }
  #mwtRightArticle .mwt-origin-list article > p,
  #mwtRightArticle .mwt-cultivar-grid article > p,
  #mwtRightArticle .mwt-grade-note p,
  #mwtRightArticle .mwt-oem-flow p,
  #mwtRightArticle .mwt-oem-board p,
  #mwtRightArticle .mwt-oem-board li,
  #mwtRightArticle .mwt-doc-categories section > div,
  #mwtRightArticle .mwt-doc-alert p,
  #mwtRightArticle .mwt-generic-grid p{
    font-size:13px!important;
    line-height:1.72!important;
  }
}


/* ===== v1.9.3 ORIGIN PAGE FIT / NO SCROLL ===== */
@media (min-width:901px){

  /* Only the Matcha Origins page returns to a fixed no-scroll composition. */
  #mwtRightArticle.mwt-paper-origin .mwt-article{
    overflow:hidden!important;
    padding:9px 12px 8px!important;
  }

  /* Keep the large hero, but shave a little height from Origins only. */
  #mwtRightArticle.mwt-paper-origin .mwt-k-top{
    grid-template-columns:250px 1fr!important;
    min-height:150px!important;
    height:150px!important;
    gap:12px!important;
    padding:8px 10px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-k-top img{
    width:250px!important;
    height:132px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-k-eyebrow{
    font-size:16px!important;
    line-height:1.15!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-k-top h3{
    margin:4px 0 6px!important;
    font-size:34px!important;
    line-height:1.08!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-k-top p{
    font-size:14px!important;
    line-height:1.55!important;
  }

  /* Main fix: compress the middle dashboard.
     The three right cards were forcing the whole row to almost 300px. */
  #mwtRightArticle.mwt-paper-origin .mwt-origin-dashboard{
    grid-template-columns:1.58fr .92fr!important;
    margin-top:7px!important;
    gap:7px!important;
    height:166px!important;
    min-height:166px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-map{
    min-height:166px!important;
    height:166px!important;
    padding:10px 14px!important;
    overflow:hidden!important;
    background:
      linear-gradient(rgba(240,228,196,.90),rgba(226,208,168,.88)),
      repeating-linear-gradient(3deg,rgba(74,53,27,.02) 0 1px,transparent 1px 5px)!important;
    color:#18392a!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-map:before{
    bottom:-20px!important;
    color:rgba(94,73,30,.08)!important;
    font-size:74px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-map > span{
    color:#b38a30!important;
    font-size:12px!important;
    line-height:1.1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-map > b{
    margin:5px 0 2px!important;
    color:#18392a!important;
    font-size:34px!important;
    line-height:1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-map > small{
    display:block!important;
    color:#405548!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-map-dots{
    margin-top:7px!important;
    gap:4px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-map-dots i{
    padding:4px 8px!important;
    color:#415448!important;
    background:rgba(255,250,231,.30)!important;
    border-color:rgba(162,126,46,.40)!important;
    font-size:11px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-points{
    height:166px!important;
    grid-template-rows:repeat(3,1fr)!important;
    gap:5px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-stat{
    min-height:0!important;
    height:auto!important;
    padding:5px 10px!important;
    justify-content:center!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-stat small{
    color:#806b3c!important;
    font-size:11px!important;
    line-height:1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-stat b{
    margin:2px 0 0!important;
    color:#174531!important;
    font-size:21px!important;
    line-height:1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-stat span{
    color:#536459!important;
    font-size:10px!important;
    line-height:1.1!important;
  }

  /* Bottom five origin cards: readable but short enough to fit completely. */
  #mwtRightArticle.mwt-paper-origin .mwt-origin-list{
    margin-top:7px!important;
    gap:7px!important;
    height:196px!important;
    min-height:196px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article{
    height:196px!important;
    min-height:196px!important;
    padding:8px 9px!important;
    overflow:hidden!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-name small{
    color:#775f33!important;
    font-size:11px!important;
    line-height:1.1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-name h4{
    margin:3px 0 4px!important;
    color:#174531!important;
    font-size:20px!important;
    line-height:1.1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-name em{
    color:#9a6f20!important;
    font-size:11px!important;
    line-height:1.1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article > p{
    min-height:42px!important;
    margin:5px 0!important;
    color:#344b3d!important;
    font-size:12px!important;
    line-height:1.46!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-meters{
    gap:2px!important;
    padding-top:4px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-meters label{
    color:#273d31!important;
    font-size:11px!important;
    line-height:1.15!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-meter i{
    width:10px!important;
    height:5px!important;
  }
}

/* Shorter desktop displays get one additional compact step, still no scrollbar. */
@media (min-width:901px) and (max-height:760px){
  #mwtRightArticle.mwt-paper-origin .mwt-k-top{
    min-height:136px!important;
    height:136px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-k-top img{
    height:118px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-k-top h3{
    font-size:30px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-dashboard{
    height:150px!important;
    min-height:150px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-map,
  #mwtRightArticle.mwt-paper-origin .mwt-origin-points{
    height:150px!important;
    min-height:150px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list,
  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article{
    height:180px!important;
    min-height:180px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article > p{
    min-height:36px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-meters label{
    font-size:10px!important;
  }
}


/* ===== v1.9.4 ORIGIN FIVE CARDS HEIGHT / BOTTOM PADDING ===== */
@media (min-width:901px){
  #mwtRightArticle.mwt-paper-origin .mwt-origin-list{
    height:255px!important;
    min-height:255px!important;
    align-items:stretch!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article{
    height:255px!important;
    min-height:255px!important;
    padding:8px 9px 15px!important;
    display:flex!important;
    flex-direction:column!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article > p{
    flex:0 0 auto!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-meters{
    margin-top:auto!important;
    padding-bottom:0!important;
  }
}

/* Short desktop: same 1.3x concept, slightly compressed to avoid excessive overflow. */
@media (min-width:901px) and (max-height:760px){
  #mwtRightArticle.mwt-paper-origin .mwt-origin-list,
  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article{
    height:234px!important;
    min-height:234px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article{
    padding-bottom:15px!important;
  }
}


/* ===== v1.9.5 DOCUMENTS PAGE HEIGHT COMPRESSION ===== */
@media (min-width:901px){

  /* Documents page only: remove the vertical scrollbar. */
  #mwtRightArticle.mwt-paper-docs .mwt-article{
    overflow:hidden!important;
    padding-top:8px!important;
    padding-bottom:7px!important;
  }

  /* Slightly reduce hero height without changing typography. */
  #mwtRightArticle.mwt-paper-docs .mwt-k-top{
    min-height:152px!important;
    height:152px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-k-top img{
    height:134px!important;
  }

  /* Compact the three overview cards by a few pixels. */
  #mwtRightArticle.mwt-paper-docs .mwt-doc-overview{
    margin-top:7px!important;
    gap:7px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-stat{
    min-height:78px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  /*
   * Main requested change:
   * QUALITY TEST / PRODUCT SPEC / EXPORT / CERTIFICATION
   * each data row is reduced by ~3px vertically.
   */
  #mwtRightArticle.mwt-paper-docs .mwt-doc-categories{
    margin-top:7px!important;
    gap:9px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-doc-categories header{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-doc-categories section>div{
    padding-top:7px!important;
    padding-bottom:7px!important;
    line-height:1.42!important;
  }

  /* Keep the column cards slightly shorter overall. */
  #mwtRightArticle.mwt-paper-docs .mwt-doc-categories section{
    min-height:0!important;
  }

  /* Compress flow and final alert by the remaining ~10px. */
  #mwtRightArticle.mwt-paper-docs .mwt-export-flow{
    margin-top:6px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    min-height:42px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-export-flow span{
    padding-top:5px!important;
    padding-bottom:5px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-doc-alert{
    margin-top:6px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
    gap:10px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-doc-alert p{
    line-height:1.55!important;
  }
}

/* Short desktop displays get an additional compact pass. */
@media (min-width:901px) and (max-height:760px){
  #mwtRightArticle.mwt-paper-docs .mwt-k-top{
    min-height:140px!important;
    height:140px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-k-top img{
    height:122px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-stat{
    min-height:70px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-doc-categories section>div{
    padding-top:5px!important;
    padding-bottom:5px!important;
    line-height:1.35!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-export-flow{
    padding-top:5px!important;
    padding-bottom:5px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-doc-alert{
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
}


/* ===== v1.9.8 FORMAL QUOTE CTA TOP GAP ===== */
.mwt-formal{
  margin-top:20px!important;
}


/* ===== v1.9.9 EXTRA COST NOTICE BELOW ESTIMATE NUMBERS ===== */
.mwt-extra-cost-notice{
  width:100%!important;
  min-height:38px!important;
  margin:6px 0 0!important;
  padding:7px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid #c39a3d!important;
  border-left:5px solid #8c5d12!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,#f5e5ad 0%,#e4c875 100%)!important;
  color:#173c2c!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    0 2px 6px rgba(31,44,24,.12)!important;
  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    Arial,
    sans-serif!important;
}

.mwt-extra-cost-plus{
  flex:0 0 auto!important;
  color:#8b4c10!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:900!important;
}

.mwt-extra-cost-notice strong{
  color:#173c2c!important;
  -webkit-text-fill-color:#173c2c!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-align:center!important;
}

@media(max-width:900px){
  .mwt-extra-cost-notice{
    min-height:44px!important;
    padding:8px 9px!important;
    justify-content:flex-start!important;
  }

  .mwt-extra-cost-plus{
    font-size:20px!important;
  }

  .mwt-extra-cost-notice strong{
    font-size:12px!important;
    text-align:left!important;
  }
}

/* ==========================================================
   v1.10.6 — PRIVACY CONSENT BUTTON
   Applies to Quote / Order / Consult / More.
   ========================================================== */

.mwt-consent-btn{
  width:50%!important;
  max-width:50%!important;
  min-height:46px!important;
  height:auto!important;
  margin:0 auto 8px!important;
  padding:8px 16px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;

  font-size:14px!important;
  line-height:1.35!important;
  text-align:center!important;
}

/* Checkbox-like square before "I agree..." */
.mwt-consent-box{
  position:relative!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  display:inline-block!important;

  border:2px solid rgba(255,255,255,.92)!important;
  border-radius:3px!important;
  background:rgba(255,255,255,.10)!important;

  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.18),
    0 1px 2px rgba(0,0,0,.12)!important;
}

.mwt-consent-box::after{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:1px!important;
  width:6px!important;
  height:11px!important;

  border-right:3px solid #fff!important;
  border-bottom:3px solid #fff!important;
  transform:rotate(45deg) scale(.55)!important;
  transform-origin:center!important;

  opacity:0!important;
  transition:opacity .18s ease, transform .18s ease!important;
}

.mwt-consent-text{
  min-width:0!important;
  color:inherit!important;
  font-weight:800!important;
}

/* After consent, checkbox visibly checks itself. */
.mwt-consent-btn.is-agreed .mwt-consent-box{
  background:#2d5f2c!important;
  border-color:#e7f3d9!important;
}

.mwt-consent-btn.is-agreed .mwt-consent-box::after{
  opacity:1!important;
  transform:rotate(45deg) scale(1)!important;
}

/* Keep 50% on mobile too, as requested. */
@media(max-width:900px){
  .mwt-consent-btn{
    width:50%!important;
    max-width:50%!important;
    min-height:48px!important;
    padding:8px 10px!important;
    gap:8px!important;
    font-size:12px!important;
  }

  .mwt-consent-box{
    flex-basis:18px!important;
    width:18px!important;
    height:18px!important;
  }

  .mwt-consent-box::after{
    left:4px!important;
    top:0!important;
  }
}

/* ==========================================================
   v1.10.9 — TABLET ESTIMATOR LAYOUT
   Applies only to 901px–1180px.
   Desktop and smartphone layouts are intentionally untouched.
   ========================================================== */
@media (min-width:901px) and (max-width:1180px){

  /* Give the estimator more room on tablet while keeping result visible. */
  .mwt-main{
    grid-template-columns:54% 46%!important;
    gap:6px!important;
    padding:5px!important;
  }

  /* Tablet may scroll inside the estimator; clarity takes priority over compression. */
  .mwt-left{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:block!important;
    padding:7px!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(200,170,90,.45) rgba(3,24,17,.35);
  }

  .mwt-left::-webkit-scrollbar{
    width:5px;
  }
  .mwt-left::-webkit-scrollbar-track{
    background:rgba(3,24,17,.35);
  }
  .mwt-left::-webkit-scrollbar-thumb{
    background:rgba(200,170,90,.45);
    border-radius:8px;
  }

  .mwt-panel-title{
    margin-bottom:5px!important;
  }

  .mwt-panel-title h2{
    font-size:18px!important;
  }

  .mwt-panel-title span{
    font-size:11px!important;
  }

  .mwt-incoterms{
    min-height:38px!important;
    margin:0 0 6px!important;
    padding:5px 8px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  /* Remove the dedicated number rail completely. */
  .mwt-group{
    position:relative!important;
    display:block!important;
    grid-template-columns:none!important;
    margin-top:6px!important;
    padding:8px!important;
    border-radius:7px!important;
  }

  .mwt-step-badge{
    display:none!important;
  }

  /* Reinsert number as a small inline badge in the card heading. */
  .mwt-group::before{
    content:attr(data-step);
    position:absolute;
    left:8px;
    top:8px;
    width:27px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(216,190,107,.48);
    border-radius:4px;
    background:#102f23;
    color:#efd67e;
    font:800 11px/1 Arial,sans-serif;
    letter-spacing:.03em;
  }

  .mwt-group-main{
    min-width:0!important;
  }

  .mwt-label{
    min-height:22px!important;
    margin:0 0 7px!important;
    padding-left:35px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:3px 7px!important;
    color:#efd47e!important;
    font-size:13px!important;
    line-height:1.2!important;
  }

  .mwt-label small{
    margin-left:0!important;
    color:#91a699!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:700!important;
  }

  /*
   * Standard choices: 3 columns.
   * Five-option rows become 3+2 rather than five squeezed buttons.
   */
  .mwt-group .mwt-options{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }

  .mwt-options button{
    min-width:0!important;
    min-height:46px!important;
    height:auto!important;
    padding:7px 6px!important;
    font-size:12px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* Price choices: 2 x 2, readable descriptions. */
  .mwt-budget{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .mwt-budget button{
    min-height:65px!important;
    padding:8px 6px!important;
  }

  .mwt-budget button small{
    display:block!important;
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.25!important;
  }

  /* Sample request: buttons on one row, QTY on a clean second row. */
  .mwt-sample-controls{
    display:grid!important;
    grid-template-columns:1fr 90px!important;
    gap:6px!important;
    align-items:center!important;
  }

  .mwt-sample-choice{
    grid-column:1/-1!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .mwt-sample-qty-label{
    margin:0!important;
    text-align:right!important;
    white-space:normal!important;
    font-size:11px!important;
    line-height:1.25!important;
  }

  #mwtSampleQty{
    width:90px!important;
    height:42px!important;
  }

  /* Quantity: 3 columns x 2 rows; free entry uses full width below. */
  .mwt-group[data-step="08"] .mwt-qty{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .mwt-group[data-step="08"] .mwt-qty > button{
    grid-column:auto!important;
    min-height:54px!important;
  }

  .mwt-group[data-step="08"] .mwt-qty > .mwt-custom-qty{
    grid-column:1/-1!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    padding:6px 8px!important;
  }

  .mwt-custom-qty > label{
    font-size:12px!important;
    line-height:1.2!important;
  }

  .mwt-custom-qty > div{
    min-width:0!important;
  }

  #mwtCustomQty{
    width:100%!important;
    height:36px!important;
  }

  .mwt-moq-note{
    margin-top:5px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  /* 09–12 become a tidy 2-column lower information block. */
  .mwt-bottom-inputs,
  .mwt-final-inputs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:6px!important;
  }

  .mwt-bottom-inputs .mwt-group,
  .mwt-final-inputs .mwt-group{
    margin-top:0!important;
    min-width:0!important;
  }

  .mwt-pack{
    grid-template-columns:1fr!important;
  }

  .mwt-recurring{
    grid-template-columns:1fr!important;
  }

  .mwt-left select,
  #mwtDeliveryDate{
    height:44px!important;
    font-size:13px!important;
  }

  /* Action area stays obvious and easy to tap. */
  .mwt-calc-actions{
    position:sticky!important;
    z-index:20!important;
    bottom:0!important;
    margin-top:8px!important;
    padding:7px 0 2px!important;
    grid-template-columns:.38fr .62fr!important;
    gap:6px!important;
    background:
      linear-gradient(180deg,rgba(5,41,30,0),rgba(5,41,30,.94) 25%,rgba(5,41,30,.99) 100%)!important;
  }

  .mwt-calc-actions button{
    height:48px!important;
    font-size:13px!important;
  }

  /* Result pane: preserve usability at narrower tablet width. */
  .mwt-right{
    min-width:0!important;
  }

  .mwt-estimate-board-head small{
    font-size:9px!important;
  }

  .mwt-estimate-board-head b{
    font-size:15px!important;
  }

  /* Avoid overly dense text on long-language tablet pages. */
  html[lang^="de"] .mwt-options button,
  html[lang^="fr"] .mwt-options button,
  html[lang^="es"] .mwt-options button,
  html[lang^="pt"] .mwt-options button,
  html[lang^="vi"] .mwt-options button,
  html[lang^="id"] .mwt-options button{
    font-size:11px!important;
  }
}

/* Slightly narrower tablet: use two columns for most choices. */
@media (min-width:901px) and (max-width:1020px){
  .mwt-main{
    grid-template-columns:58% 42%!important;
  }

  .mwt-group .mwt-options{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .mwt-sample-choice{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .mwt-group[data-step="08"] .mwt-qty{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}


/* ==========================================================
   v1.10.10 — DESKTOP STEP NUMBER RAIL REMOVAL
   Desktop keeps its horizontal layout, but the dedicated
   vertical number column is removed just like tablet.
   ========================================================== */
@media (min-width:1181px){

  .mwt-group{
    position:relative!important;
    display:block!important;
    grid-template-columns:none!important;
    padding-left:8px!important;
  }

  .mwt-step-badge{
    display:none!important;
  }

  /* Small number badge inside each section heading. */
  .mwt-group::before{
    content:attr(data-step);
    position:absolute;
    left:8px;
    top:7px;
    width:28px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(216,190,107,.52);
    border-radius:4px;

    background:
      linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.08)),
      #102f23;

    color:#efd67e;
    font:800 11px/1 Arial,sans-serif;
    letter-spacing:.03em;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 1px 2px rgba(0,0,0,.18);
  }

  .mwt-group-main{
    min-width:0!important;
  }

  .mwt-label{
    padding-left:36px!important;
  }

  /* Keep the desktop option widths/layout otherwise unchanged. */
  .mwt-options,
  .mwt-qty,
  .mwt-sample-controls{
    margin-left:0!important;
  }

  /* 09–12 blocks also lose the separate number column. */
  .mwt-bottom-inputs .mwt-group,
  .mwt-final-inputs .mwt-group{
    display:block!important;
  }
}


/* ===== v1.10.12 clean selector layout refresh ===== */
.mwt-left,
.mwt-left *{
  opacity:1;
}

.mwt-left{
  overflow:auto!important;
}

.mwt-group{
  display:block!important;
  margin-top:8px!important;
  padding:8px 10px 10px!important;
  border-radius:10px!important;
  border:1px solid rgba(210,170,81,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 1px 0 rgba(0,0,0,.18)!important;
}

.mwt-group.tone-a{
  background:linear-gradient(135deg,rgba(8,55,40,.96),rgba(6,44,32,.98))!important;
}

.mwt-group.tone-b{
  background:linear-gradient(135deg,rgba(12,66,49,.95),rgba(8,52,39,.98))!important;
}

.mwt-step-badge{
  display:none!important;
}

.mwt-group-main{
  min-width:0!important;
}

.mwt-label{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  margin:0 0 9px!important;
  padding:4px 6px 7px 0!important;
  background:none!important;
  border-bottom:1px solid rgba(210,170,81,.26)!important;
  color:#f0d384!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

.mwt-label small{
  color:#c7d3c9!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.03em!important;
}

.mwt-label::before{
  width:24px;
  height:24px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 24px;
  background:radial-gradient(circle at 35% 35%,#f7e3a1 0%,#d4ad55 58%,#9b7425 100%);
  border:1px solid rgba(255,232,168,.5);
  box-shadow:0 0 0 1px rgba(0,0,0,.12), inset 0 1px 1px rgba(255,255,255,.45);
  color:#113528;
  font-size:11px;
  font-weight:900;
  line-height:1;
  text-align:center;
}
.mwt-group[data-step="01"] .mwt-label::before{content:"01";}
.mwt-group[data-step="02"] .mwt-label::before{content:"02";}
.mwt-group[data-step="03"] .mwt-label::before{content:"03";}
.mwt-group[data-step="04"] .mwt-label::before{content:"04";}
.mwt-group[data-step="05"] .mwt-label::before{content:"05";}
.mwt-group[data-step="06"] .mwt-label::before{content:"06";}
.mwt-group[data-step="07"] .mwt-label::before{content:"07";}
.mwt-group[data-step="08"] .mwt-label::before{content:"08";}
.mwt-group[data-step="09"] .mwt-label::before{content:"09";}
.mwt-group[data-step="10"] .mwt-label::before{content:"10";}
.mwt-group[data-step="11"] .mwt-label::before{content:"11";}
.mwt-group[data-step="12"] .mwt-label::before{content:"12";}

.mwt-options{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
}

.mwt-options button,
.mwt-left select,
.mwt-custom-qty,
#mwtSampleQty,
#mwtCustomQty,
#mwtDeliveryDate{
  border-radius:8px!important;
}

.mwt-options button{
  min-width:0!important;
  min-height:50px!important;
  padding:8px 8px!important;
  border:1px solid rgba(214,176,82,.42)!important;
  background:linear-gradient(180deg,rgba(17,77,56,.98),rgba(11,55,40,.99))!important;
  color:#f3ead3!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-align:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  overflow:visible!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.mwt-options button small{
  display:block!important;
  margin-top:3px!important;
  font-size:11px!important;
  line-height:1.25!important;
  color:#d7e2d8!important;
}

.mwt-photo-group .mwt-options button{
  background-image:linear-gradient(rgba(8,43,31,.45),rgba(8,43,31,.78)),var(--opt-bg)!important;
  background-size:cover!important;
  background-position:center!important;
}

.mwt-options button.is-active{
  background:linear-gradient(180deg,#7d9f35,#41692a)!important;
  color:#fffdf3!important;
  border-color:#dceb8c!important;
  box-shadow:inset 0 0 0 1px rgba(245,247,205,.28), 0 0 0 1px rgba(69,92,28,.22)!important;
}

.mwt-options button.is-active:after{
  content:"✓";
  position:absolute;
  margin-left:0;
  right:10px;
  top:8px;
  color:#fff8cf;
  font-size:12px;
}

.mwt-budget{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.mwt-budget button{
  min-height:66px!important;
}

.mwt-sample-controls{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 86px!important;
  gap:7px!important;
  align-items:end!important;
}

.mwt-sample-choice{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.mwt-sample-qty-label{
  margin:0 0 9px 0!important;
  color:#e3ca7b!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

#mwtSampleQty,
.mwt-left select,
#mwtDeliveryDate{
  height:46px!important;
  border:1px solid rgba(210,170,81,.4)!important;
  background:#f0ecd6!important;
  color:#123729!important;
  font-size:13px!important;
  font-weight:700!important;
}

.mwt-left select option,
#mwtSampleQty option{
  color:#123729!important;
}

.mwt-qty{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.mwt-qty > button{
  min-height:56px!important;
}

.mwt-custom-qty{
  grid-column:span 2!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-height:56px!important;
  padding:8px 10px!important;
  border:1px solid rgba(214,176,82,.42)!important;
  background:linear-gradient(180deg,rgba(17,77,56,.98),rgba(11,55,40,.99))!important;
}

.mwt-custom-qty > label{
  margin:0!important;
  color:#f1d98f!important;
  font-size:12px!important;
  font-weight:800!important;
}

.mwt-custom-qty > div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px!important;
  align-items:center!important;
}

#mwtCustomQty{
  width:100%!important;
  height:38px!important;
  border:1px solid rgba(210,170,81,.35)!important;
  background:#dfe8cb!important;
  color:#123729!important;
  padding:0 10px!important;
  font-size:14px!important;
  font-weight:700!important;
}

.mwt-custom-qty span,
.mwt-moq-note{
  color:#e8cf8a!important;
}

.mwt-bottom-inputs,
.mwt-final-inputs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:8px!important;
}

.mwt-pack{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.mwt-recurring{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.mwt-calc-actions{
  display:grid!important;
  grid-template-columns:.36fr .64fr!important;
  gap:8px!important;
  margin-top:10px!important;
}

@media (max-width: 1200px){
  .mwt-options{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .mwt-budget{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mwt-qty{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .mwt-custom-qty{
    grid-column:1/-1!important;
  }
}

@media (max-width: 900px){
  .mwt-group{
    padding:8px 8px 9px!important;
    margin-top:7px!important;
  }
  .mwt-label{
    font-size:13px!important;
    margin-bottom:8px!important;
    gap:7px!important;
  }
  .mwt-label::before{
    width:22px;
    height:22px;
    flex-basis:22px;
    font-size:10px;
  }
  .mwt-options{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .mwt-options button{
    min-height:46px!important;
    font-size:12px!important;
    padding:7px 6px!important;
  }
  .mwt-budget{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mwt-sample-controls{
    grid-template-columns:1fr 78px!important;
    gap:6px!important;
  }
  .mwt-sample-choice{
    grid-column:1/-1!important;
  }
  .mwt-sample-qty-label{
    margin:0!important;
    white-space:normal!important;
    align-self:center!important;
    text-align:right!important;
  }
  .mwt-qty{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .mwt-custom-qty{
    grid-column:1/-1!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    min-height:50px!important;
  }
  .mwt-bottom-inputs,
  .mwt-final-inputs{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .mwt-pack,
  .mwt-recurring{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mwt-recurring button:last-child,
  .mwt-pack button:last-child{
    grid-column:1/-1!important;
  }
}

@media (max-width: 640px){
  .mwt-label{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }
  .mwt-label small{
    display:block!important;
    width:100%!important;
    margin-left:31px!important;
  }
  .mwt-options button{
    min-height:44px!important;
  }
  .mwt-qty{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* ==========================================================
   v1.10.14 — selector overlap / duplicate number badge fix
   ========================================================== */

/*
 * v1.10.10 used .mwt-group::before for a rectangular step badge.
 * v1.10.12 introduced the new circular badge on .mwt-label::before.
 * Disable the obsolete badge completely so only the circular 01–12
 * indicator remains.
 */
.mwt-group::before{
  content:none!important;
  display:none!important;
}

/* The old dedicated number rail is no longer used. */
.mwt-step-badge{
  display:none!important;
}

/*
 * The estimator inherited display:flex from an older desktop layout.
 * That caused each section to shrink inside the fixed-height column,
 * while its buttons kept their own height and visually slid underneath
 * the following section background. Restore normal document flow.
 */
.mwt-left{
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

.mwt-group,
.mwt-bottom-inputs,
.mwt-final-inputs{
  flex:none!important;
}

.mwt-group{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  isolation:isolate;
}

/* Keep interactive controls above their own section paint layer. */
.mwt-group-main,
.mwt-options,
.mwt-options button,
.mwt-left select,
#mwtDeliveryDate,
.mwt-custom-qty{
  position:relative!important;
  z-index:2!important;
}

/* Requested selector text size. */
.mwt-options button,
.mwt-options button small{
  font-size:11px!important;
}

/* Preserve the active-state check without allowing it to affect layout. */
.mwt-options button.is-active::after{
  position:absolute!important;
  top:5px!important;
  right:7px!important;
  float:none!important;
  z-index:3!important;
}

/* Prevent old desktop/tablet heading offsets from leaving a phantom slot. */
.mwt-label{
  padding-left:0!important;
}

/* ==========================================================
   v1.10.15 — compact selector buttons / remove checkmarks
   ========================================================== */

/* 選択済みボタン右上のチェックマークは表示しない */
.mwt-options button.is-active::after,
.mwt-options button.is-active:after{
  content:none!important;
  display:none!important;
}

/*
 * 選択ボタンを約半分の高さへ。
 * v1.10.14 の標準 50px 前後 → 約 25px。
 */
.mwt-options button{
  min-height:25px!important;
  height:auto!important;
  padding:2px 5px!important;
  font-size:11px!important;
  line-height:1.08!important;
  border-radius:6px!important;
}

/* 補足文字がある選択肢もコンパクトに */
.mwt-options button small{
  margin-top:1px!important;
  font-size:9px!important;
  line-height:1.05!important;
}

/* 価格帯は2行表示があるため、潰れない範囲で約半分に */
.mwt-budget button{
  min-height:33px!important;
  padding:2px 5px!important;
}

/* サンプル・数量・包装・定期購入も同じテンポに揃える */
.mwt-sample-choice button,
.mwt-qty > button,
.mwt-pack button,
.mwt-recurring button{
  min-height:25px!important;
  padding-top:2px!important;
  padding-bottom:2px!important;
}

/* 選択肢が低くなった分、各ブロックの縦間隔も少し詰める */
.mwt-options{
  gap:4px!important;
}

.mwt-group{
  padding-top:4px!important;
  padding-bottom:4px!important;
}

.mwt-label{
  margin-bottom:4px!important;
}

/* モバイル側に残っている高いボタン指定も上書き */
@media(max-width:900px){
  .mwt-options button,
  .mwt-sample-choice button,
  .mwt-qty > button,
  .mwt-pack button,
  .mwt-recurring button{
    min-height:25px!important;
    padding:2px 5px!important;
    font-size:11px!important;
    line-height:1.08!important;
  }

  .mwt-budget button{
    min-height:33px!important;
  }

  .mwt-options{
    gap:4px!important;
  }
}

/* ==========================================================
   v1.10.16 — one-line section layout
   ========================================================== */

/*
 * 各項目を「タイトル段 + 内容段」の2段ではなく、
 * 左：タイトル / 右：内容 の1段レイアウトに整理。
 */
.mwt-group-main{
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr)!important;
  column-gap:10px!important;
  row-gap:4px!important;
  align-items:center!important;
}

/* ラベルは左列に固定、下線は不要に */
.mwt-group-main > .mwt-label{
  grid-column:1!important;
  margin:0!important;
  min-height:0!important;
  padding:0!important;
  border-bottom:0!important;
  align-self:center!important;
}

/* ラベル内の英字サブタイトルも同じ行の中で扱う */
.mwt-label small{
  display:inline!important;
  width:auto!important;
  margin:0 0 0 6px!important;
  align-self:center!important;
}

/* 内容側は右列に統一 */
.mwt-group-main > .mwt-options,
.mwt-group-main > .mwt-sample-controls,
.mwt-group-main > .mwt-moq-note,
.mwt-group-main > select,
.mwt-group-main > #mwtMarket,
.mwt-group-main > #mwtDeliveryDate{
  grid-column:2!important;
  min-width:0!important;
}

.mwt-group-main > .mwt-moq-note{
  margin-top:0!important;
  align-self:center!important;
}

/* サンプル数量の見出しが下に落ちないよう中央寄せ */
.mwt-sample-controls{
  align-items:center!important;
}
.mwt-sample-qty-label{
  margin:0!important;
}

/* 下段の2カラムエリアでも詰まりすぎないよう少しだけラベル幅を絞る */
.mwt-bottom-inputs .mwt-group-main,
.mwt-final-inputs .mwt-group-main{
  grid-template-columns:145px minmax(0,1fr)!important;
}

/* 画面が狭くなったら従来の縦積みに戻して無理をしない */
@media(max-width:760px){
  .mwt-group-main,
  .mwt-bottom-inputs .mwt-group-main,
  .mwt-final-inputs .mwt-group-main{
    grid-template-columns:1fr!important;
    row-gap:4px!important;
  }

  .mwt-group-main > .mwt-label,
  .mwt-group-main > .mwt-options,
  .mwt-group-main > .mwt-sample-controls,
  .mwt-group-main > .mwt-moq-note,
  .mwt-group-main > select,
  .mwt-group-main > #mwtMarket,
  .mwt-group-main > #mwtDeliveryDate{
    grid-column:auto!important;
  }

  .mwt-group-main > .mwt-label{
    margin-bottom:4px!important;
  }

  .mwt-label small{
    margin-left:6px!important;
  }
}

/* ==========================================================
   v1.11.0 CLEAN — SINGLE SOURCE OF TRUTH
   Form gutters + fixed bottom navigation
   ========================================================== */

/* ---------- FORM: exact 3px rhythm ---------- */

/* 01→02→03… の外枠間を正確に3pxにする */
.mwt-left > .mwt-group{
  margin-top:0!important;
  margin-bottom:3px!important;
}

/* 09–10 / 11–12 の2カラム間も3px */
.mwt-bottom-inputs,
.mwt-final-inputs{
  gap:3px!important;
  column-gap:3px!important;
  row-gap:3px!important;
  margin-top:0!important;
  margin-bottom:3px!important;
}

.mwt-bottom-inputs .mwt-group,
.mwt-final-inputs .mwt-group{
  margin:0!important;
}

/* 各選択肢ボタン間も3px */
.mwt-options{
  gap:3px!important;
  column-gap:3px!important;
  row-gap:3px!important;
}

/* RESET / RECALCULATE も同じ3px */
.mwt-calc-actions{
  gap:3px!important;
  margin-top:0!important;
}


/* ---------- PAGE HEIGHT: no inner left scroll ---------- */

:root{
  --bh:76px!important;
}

.mwt-terminal-page{
  overflow:auto!important;
}

.mwt-app{
  height:auto!important;
  min-height:100dvh!important;
  overflow:visible!important;
  padding-bottom:calc(var(--bh) + 6px)!important;
}

.mwt-main{
  height:auto!important;
  min-height:calc(100dvh - var(--hh) - var(--bh))!important;
  align-items:stretch!important;
}

.mwt-left,
.mwt-right{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}


/* ---------- FIXED BOTTOM NAV: exactly one implementation ---------- */

.mwt-bottom{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:500!important;

  width:100%!important;
  height:76px!important;
  min-height:76px!important;

  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:3px!important;
  padding:3px!important;

  border-top:2px solid #473322!important;
  background:
    linear-gradient(180deg,rgba(73,54,35,.22) 0 2px,transparent 2px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 1px,rgba(0,0,0,.18) 1px 14px),
    linear-gradient(180deg,#171310 0%,#090807 46%,#050504 100%)!important;

  box-shadow:
    inset 0 2px 0 rgba(208,168,78,.10),
    0 -5px 16px rgba(0,0,0,.30)!important;
  overflow:hidden!important;
}

/* old horizontal-rail decoration is not used */
.mwt-bottom::before{
  content:none!important;
  display:none!important;
}

.mwt-bottom > button,
.mwt-menu-button{
  position:relative!important;
  z-index:2!important;

  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;

  margin:0!important;
  padding:9px 8px 6px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;

  border:1px solid #4b3a2e!important;
  border-radius:3px!important;
  overflow:hidden!important;
  transform:none!important;

  background:
    linear-gradient(180deg,#38312b 0 2px,#17110d 2px 4px,transparent 4px),
    radial-gradient(circle at 18% 30%,rgba(255,255,255,.04) 0 1px,transparent 2px),
    radial-gradient(circle at 73% 70%,rgba(0,0,0,.18) 0 2px,transparent 3px),
    repeating-linear-gradient(3deg,rgba(255,255,255,.018) 0 1px,rgba(0,0,0,.055) 1px 4px),
    linear-gradient(180deg,#7e1f1b 0%,#661714 44%,#4b0f0d 100%)!important;

  color:#fff1cf!important;
  box-shadow:
    inset 0 1px 0 rgba(255,225,195,.06),
    inset 0 -7px 10px rgba(32,5,5,.28)!important;
}

/* side armor hardware now scales to the actual button height */
.mwt-bottom > button:not(.mwt-menu-button)::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:0!important;

  background:
    repeating-linear-gradient(
      135deg,
      transparent 0 5px,
      #4d0909 5px 7px,
      #b44734 7px 9px,
      transparent 9px 13px
    ) left 7px top 7px / 7px calc(100% - 14px) no-repeat,
    repeating-linear-gradient(
      45deg,
      transparent 0 5px,
      #4d0909 5px 7px,
      #b44734 7px 9px,
      transparent 9px 13px
    ) right 7px top 7px / 7px calc(100% - 14px) no-repeat,
    linear-gradient(180deg,#323232,#111211 45%,#3c332b 100%)
      left 0 top 0 / 7px 100% no-repeat,
    linear-gradient(180deg,#323232,#111211 45%,#3c332b 100%)
      right 0 top 0 / 7px 100% no-repeat!important;
}

/* static iron/rivet inner frame */
.mwt-bottom > button:not(.mwt-menu-button)::after{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  right:6px!important;
  top:5px!important;
  bottom:5px!important;
  z-index:1!important;

  width:auto!important;
  height:auto!important;
  box-sizing:border-box!important;
  pointer-events:none!important;

  border:1px solid rgba(65,55,46,.86)!important;
  border-radius:2px!important;
  background:
    radial-gradient(circle at 1% 1%,#505050 0 2px,#23201b 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 99% 1%,#505050 0 2px,#23201b 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 1% 99%,#505050 0 2px,#23201b 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 99% 99%,#505050 0 2px,#23201b 2.5px 4px,transparent 4.5px)!important;
  box-shadow:inset 0 0 0 1px rgba(12,10,9,.52)!important;
}

.mwt-bottom > button span,
.mwt-bottom > button b{
  position:relative!important;
  z-index:4!important;
}

.mwt-bottom > button span{
  color:#d3d0ca!important;
  font-size:14px!important;
  line-height:1!important;
}

.mwt-bottom > button b{
  color:#fff1cf!important;
  font-size:13px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  white-space:normal!important;
}


/* active tab stays green */
.mwt-bottom > button.is-active:not(.mwt-menu-button){
  border-color:#73946b!important;
  background:
    linear-gradient(180deg,#455044 0 2px,#17241b 2px 4px,transparent 4px),
    radial-gradient(circle at 50% 0,rgba(225,255,205,.11),transparent 42%),
    repeating-linear-gradient(3deg,rgba(255,255,255,.024) 0 1px,rgba(0,0,0,.045) 1px 4px),
    linear-gradient(180deg,#0d5b46 0%,#0a4738 46%,#062f25 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(232,255,215,.14),
    inset 0 -7px 10px rgba(5,36,25,.24)!important;
}

/*
 * This is the ONLY glow frame.
 * It is a real child element and uses inset, so its height always follows
 * the current button height automatically.
 */
.mwt-bottom > button .mwt-active-frame{
  display:none!important;
  position:absolute!important;
  inset:4px!important;
  z-index:12!important;

  width:auto!important;
  height:auto!important;
  box-sizing:border-box!important;
  pointer-events:none!important;

  border:1px solid rgba(219,255,205,.95)!important;
  border-radius:2px!important;
  background:none!important;
  opacity:0!important;
  box-shadow:none!important;
}

.mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame{
  display:block!important;
  opacity:.82!important;
  box-shadow:
    inset 0 0 6px rgba(229,255,219,.18),
    0 0 6px rgba(170,239,151,.32)!important;
  animation:mwt-clean-active-frame 2.4s ease-in-out infinite!important;
}

@keyframes mwt-clean-active-frame{
  0%,100%{
    opacity:.50;
    box-shadow:
      inset 0 0 3px rgba(229,255,219,.10),
      0 0 3px rgba(170,239,151,.16);
  }
  50%{
    opacity:1;
    box-shadow:
      inset 0 0 7px rgba(236,255,226,.24),
      0 0 8px rgba(180,248,160,.45),
      0 0 14px rgba(116,220,107,.18);
  }
}


/* MENU keeps the red identity; same exact geometry as all other buttons */
.mwt-menu-button{
  order:99!important;
  border-color:#5b4638!important;
  background:
    linear-gradient(180deg,#40372f 0 3px,#17110d 3px 5px,transparent 5px),
    radial-gradient(circle at 50% 14%,rgba(255,255,255,.08),transparent 28%),
    repeating-linear-gradient(3deg,rgba(255,255,255,.02) 0 1px,rgba(0,0,0,.06) 1px 4px),
    linear-gradient(180deg,#ab2b24 0%,#8d1f1b 46%,#651210 100%)!important;
}

.mwt-menu-button::before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:7px!important;

  width:20px!important;
  height:20px!important;
  transform:translateX(-50%)!important;

  border:1px solid #55504a!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,#5d5d5d 0 22%,#24211d 23% 34%,#0f0f0e 35% 58%,#4d4842 59% 68%,#1d1814 69% 100%)!important;
  box-shadow:0 2px 4px rgba(0,0,0,.38)!important;
}

.mwt-menu-button::after{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  right:6px!important;
  top:5px!important;
  bottom:5px!important;
  z-index:1!important;
  pointer-events:none!important;

  border:1px solid rgba(75,66,58,.95)!important;
  border-radius:2px!important;
  background:
    radial-gradient(circle at 1% 1%,#595959 0 2px,#26211b 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 99% 1%,#595959 0 2px,#26211b 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 1% 99%,#595959 0 2px,#26211b 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 99% 99%,#595959 0 2px,#26211b 2.5px 4px,transparent 4.5px)!important;
}

.mwt-menu-button span{
  margin-top:16px!important;
}


/* ---------- RESPONSIVE ---------- */

@media(max-width:900px){
  :root{
    --bh:76px!important;
  }

  .mwt-app{
    padding-bottom:calc(var(--bh) + 4px)!important;
  }

  .mwt-bottom{
    height:76px!important;
    min-height:76px!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:3px!important;
    padding:3px!important;
  }

  .mwt-bottom > button[data-tab="more"]{
    display:flex!important;
  }

  .mwt-bottom > button b,
  .mwt-menu-button b{
    font-size:10px!important;
    letter-spacing:0!important;
  }

  .mwt-bottom > button span{
    font-size:12px!important;
  }

  .mwt-menu-button span{
    margin-top:14px!important;
  }

  .mwt-options{
    gap:3px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame{
    animation:none!important;
    opacity:.80!important;
  }
}

/* ==========================================================
   v1.11.1 — active bottom button: soft background breathing
   ========================================================== */

/*
 * 有効中ボタンの「枠の光」は廃止。
 * 実在する .mwt-active-frame を、枠ではなく
 * 背景全体がぼんやり明るくなったり暗くなったりする
 * オーバーレイとして使う。
 */

/* active-frame をフレームではなく全面の柔らかな光に変更 */
.mwt-bottom > button .mwt-active-frame{
  display:none!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:auto!important;
  height:auto!important;
  box-sizing:border-box!important;
  pointer-events:none!important;

  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 50% 45%,
      rgba(232,255,225,.16) 0%,
      rgba(190,245,175,.11) 28%,
      rgba(111,192,115,.06) 58%,
      rgba(34,93,62,0) 82%)!important;
  opacity:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* 緑の有効中ボタンだけ、背景の明滅演出を出す */
.mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame{
  display:block!important;
  opacity:.42!important;
  animation:mwt-active-bg-breath 3.2s ease-in-out infinite!important;
}

/* MENU が有効になるケースにも同じ呼吸感を適用 */
.mwt-menu-button.is-active .mwt-active-frame{
  display:block!important;
  opacity:.34!important;
  background:
    radial-gradient(circle at 50% 45%,
      rgba(255,235,210,.12) 0%,
      rgba(255,184,155,.10) 28%,
      rgba(186,74,62,.06) 58%,
      rgba(92,18,18,0) 82%)!important;
  animation:mwt-active-bg-breath 3.2s ease-in-out infinite!important;
}

/* 旧い枠発光は完全停止 */
.mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame,
.mwt-menu-button.is-active .mwt-active-frame{
  border:0!important;
  box-shadow:none!important;
}

/* 背景全体がやわらかく呼吸する感じ */
@keyframes mwt-active-bg-breath{
  0%,100%{
    opacity:.20;
  }
  50%{
    opacity:.52;
  }
}

/* ボタン本体にもほんの少しだけ明暗差を付ける */
.mwt-bottom > button.is-active:not(.mwt-menu-button){
  animation:mwt-active-button-tone 3.2s ease-in-out infinite!important;
}

.mwt-menu-button.is-active{
  animation:mwt-active-button-tone 3.2s ease-in-out infinite!important;
}

@keyframes mwt-active-button-tone{
  0%,100%{
    filter:brightness(1) saturate(1);
  }
  50%{
    filter:brightness(1.08) saturate(1.06);
  }
}

/* 文字は常に最前面 */
.mwt-bottom > button span,
.mwt-bottom > button b,
.mwt-menu-button span,
.mwt-menu-button b{
  z-index:4!important;
}

/* 動きが不要な環境では静かな明るさで固定 */
@media(prefers-reduced-motion:reduce){
  .mwt-bottom > button.is-active:not(.mwt-menu-button),
  .mwt-menu-button.is-active{
    animation:none!important;
    filter:brightness(1.05) saturate(1.03)!important;
  }

  .mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame,
  .mwt-menu-button.is-active .mwt-active-frame{
    animation:none!important;
    opacity:.34!important;
  }
}

/* ==========================================================
   v1.11.2 — stronger active background breathing
   ========================================================== */

/*
 * v1.11.1 はかなり控えめだったため、
 * 枠を光らせず、背景面そのものの明暗差をはっきりさせる。
 */
.mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame{
  display:block!important;
  inset:0!important;
  border:0!important;
  box-shadow:none!important;
  background:
    radial-gradient(circle at 50% 45%,
      rgba(238,255,226,.28) 0%,
      rgba(191,244,167,.22) 30%,
      rgba(113,198,105,.13) 60%,
      rgba(35,93,62,0) 86%)!important;
  animation:mwt-active-bg-breath-strong 2.8s ease-in-out infinite!important;
}

.mwt-bottom > button.is-active:not(.mwt-menu-button){
  animation:mwt-active-button-tone-strong 2.8s ease-in-out infinite!important;
}

@keyframes mwt-active-bg-breath-strong{
  0%,100%{
    opacity:.12;
  }
  50%{
    opacity:.82;
  }
}

@keyframes mwt-active-button-tone-strong{
  0%,100%{
    filter:brightness(.96) saturate(.98);
  }
  50%{
    filter:brightness(1.18) saturate(1.10);
  }
}

/* MENU が active の場合も少し強める */
.mwt-menu-button.is-active .mwt-active-frame{
  animation:mwt-active-bg-breath-strong 2.8s ease-in-out infinite!important;
}

.mwt-menu-button.is-active{
  animation:mwt-active-button-tone-strong 2.8s ease-in-out infinite!important;
}

@media(prefers-reduced-motion:reduce){
  .mwt-bottom > button.is-active:not(.mwt-menu-button),
  .mwt-menu-button.is-active{
    animation:none!important;
    filter:brightness(1.10) saturate(1.06)!important;
  }

  .mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame,
  .mwt-menu-button.is-active .mwt-active-frame{
    animation:none!important;
    opacity:.58!important;
  }
}




/* v1.12.1 unified contact two-column layout */
.mwt-bottom{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.mwt-bottom>button{min-width:0!important;padding-left:6px!important;padding-right:6px!important}
.mwt-bottom>button b{font-size:11px!important;line-height:1.15!important;white-space:normal!important}
.mwt-bottom .mwt-language-button{width:auto!important}

@media(min-width:901px){
 body.mwt-terminal-page .mwt-main{
  height:calc(100dvh - var(--hh) - var(--bh))!important;
  min-height:0!important;
  max-height:calc(100dvh - var(--hh) - var(--bh))!important;
  align-items:stretch!important;
  overflow:hidden!important
 }
 body.admin-bar.mwt-terminal-page .mwt-main{
  height:calc(100dvh - var(--hh) - var(--bh) - 32px)!important;
  max-height:calc(100dvh - var(--hh) - var(--bh) - 32px)!important
 }
 body.mwt-terminal-page .mwt-left,
 body.mwt-terminal-page .mwt-right{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important
 }
 body.mwt-terminal-page .mwt-right{overflow:hidden!important}
}

#mwtView-contact.mwt-form-view.is-active{
 display:flex!important;
 flex-direction:column!important;
 height:100%!important;
 min-height:0!important;
 max-height:100%!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 gap:5px!important;
 padding:0 1px 3px!important;
 scrollbar-width:thin;
 scrollbar-color:#9b792f rgba(255,255,255,.08)
}
#mwtView-contact .mwt-result-head{
 flex:0 0 auto!important;
 min-height:38px!important;
 padding:4px 6px 6px!important
}
#mwtView-contact .mwt-result-head h2{font-size:18px!important;line-height:1.2!important}
#mwtView-contact .mwt-privacy-box{
 order:1;
 flex:0 0 auto!important;
 min-height:68px!important;
 max-height:86px!important;
 overflow:auto!important;
 margin:0!important;
 padding:7px 10px!important;
 border-radius:5px!important
}
#mwtView-contact .mwt-privacy-box h3{margin:0 0 3px!important;font-size:12px!important}
#mwtView-contact .mwt-privacy-box p{margin:0!important;font-size:11px!important;line-height:1.48!important}
#mwtView-contact .mwt-consent-btn{
 order:2;
 flex:0 0 38px!important;
 min-height:38px!important;
 width:min(100%,460px)!important;
 margin:0 auto!important;
 padding:7px 12px!important
}
#mwtView-contact .mwt-inquiry-form{
 order:3;
 flex:1 1 auto!important;
 display:flex!important;
 flex-direction:column!important;
 grid-template-columns:none!important;
 height:auto!important;
 min-height:0!important;
 overflow:visible!important;
 gap:5px!important;
 margin:0!important
}
#mwtView-contact .mwt-inquiry-form>div,
#mwtView-contact .mwt-inquiry-form>fieldset{
 grid-column:auto!important;
 grid-row:auto!important;
 min-width:0!important
}
#mwtView-contact .mwt-contact-upper{
 flex:1 1 auto!important;
 min-height:335px!important;
 display:grid!important;
 grid-template-columns:minmax(250px,36%) minmax(0,64%)!important;
 gap:7px!important
}
#mwtView-contact .mwt-contact-estimate{
 min-width:0;
 height:100%;
 overflow:hidden;
 border:1px solid #c9b885;
 background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(245,239,221,.97));
 padding:6px 7px;
 box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)
}
#mwtView-contact .mwt-contact-estimate h3{
 margin:0 0 4px!important;
 color:#273e2b;
 font-size:13px!important;
 line-height:1.3!important;
 letter-spacing:.06em
}
#mwtView-contact .mwt-contact-summary{
 display:block!important;
 margin:0!important;
 border:1px solid rgba(92,112,76,.24)!important;
 background:rgba(255,255,255,.72)!important
}
#mwtView-contact .mwt-contact-summary .mwt-summary-title{
 display:block!important;
 padding:4px 7px!important;
 min-height:22px!important;
 border:0!important;
 border-bottom:1px solid rgba(92,112,76,.25)!important;
 background:#f6f1e4!important;
 font-size:11px!important;
 line-height:1.25!important
}
#mwtView-contact .mwt-contact-summary .mwt-summary-grid{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:0!important;
 margin:0!important
}
#mwtView-contact .mwt-contact-summary .mwt-summary-cell{
 display:grid!important;
 grid-template-columns:78px minmax(0,1fr)!important;
 align-items:center!important;
 min-height:19px!important;
 padding:2px 6px!important;
 border:0!important;
 border-bottom:1px solid rgba(92,112,76,.16)!important;
 background:transparent!important;
 font-size:11px!important;
 line-height:1.15!important
}
#mwtView-contact .mwt-contact-summary .mwt-summary-cell:last-child{border-bottom:0!important}
#mwtView-contact .mwt-contact-summary .mwt-summary-key{
 font-size:11px!important;
 color:#72664b!important;
 white-space:nowrap
}
#mwtView-contact .mwt-contact-summary .mwt-summary-value{
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis;
 font-size:11px!important;
 color:#173b2e!important;
 white-space:nowrap
}
#mwtView-contact .mwt-contact-totals{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:3px!important;
 margin-top:4px!important
}
#mwtView-contact .mwt-contact-totals>div{
 min-height:25px!important;
 border:1px solid rgba(141,110,39,.32)!important;
 background:#173b2e!important;
 color:#fff!important;
 padding:4px 7px!important;
 display:flex!important;
 justify-content:space-between!important;
 align-items:center!important;
 gap:6px!important
}
#mwtView-contact .mwt-contact-totals small{font-size:11px!important;color:#e7d49f!important}
#mwtView-contact .mwt-contact-totals strong{font-size:12px!important;color:#fff!important}

#mwtView-contact .mwt-contact-request-panel{
 min-width:0;
 height:100%;
 display:flex;
 flex-direction:column;
 gap:5px
}
#mwtView-contact .mwt-request-fieldset,
#mwtView-contact .mwt-doc-fieldset,
#mwtView-contact .mwt-existing-fieldset{
 margin:0!important;
 padding:6px!important;
 border:1px solid #d7ccb2!important;
 background:rgba(255,255,255,.58)!important
}
#mwtView-contact fieldset legend{
 padding:0 5px!important;
 color:#263d2a!important;
 font-size:11px!important;
 font-weight:700!important;
 line-height:1.2!important
}
#mwtView-contact .mwt-request-types{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:4px!important
}
#mwtView-contact .mwt-request-types label,
#mwtView-contact .mwt-existing-options label{
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 gap:5px!important;
 min-height:32px!important;
 margin:0!important;
 padding:5px 6px!important;
 border:1px solid #d7ccb2!important;
 border-radius:4px!important;
 background:#fff!important;
 color:#28382b!important;
 font-size:11px!important;
 line-height:1.2!important
}
#mwtView-contact .mwt-request-types input,
#mwtView-contact .mwt-existing-options input{flex:0 0 auto!important;margin:0!important}
#mwtView-contact .mwt-doc-fieldset{
 flex:1 1 auto!important;
 height:auto!important;
 min-height:0!important;
 max-height:none!important;
 overflow:visible!important
}
#mwtView-contact .mwt-doc-grid{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:3px!important
}
#mwtView-contact .mwt-doc-grid label{
 min-height:29px!important;
 padding:4px 5px!important;
 margin:0!important;
 font-size:11px!important;
 line-height:1.12!important
}
#mwtView-contact .mwt-contact-notes-grid{
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 gap:5px!important
}
#mwtView-contact .mwt-contact-notes-grid>div{min-width:0!important}
#mwtView-contact .mwt-contact-notes-grid label{font-size:11px!important}
#mwtView-contact .mwt-contact-notes-grid textarea{
 min-height:48px!important;
 height:48px!important;
 padding:5px 7px!important;
 font-size:11px!important;
 line-height:1.3!important;
 resize:vertical
}

#mwtView-contact .mwt-customer-grid{
 flex:0 0 auto!important;
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:5px 7px!important;
 width:100%!important;
 padding:7px!important;
 border:1px solid #d7ccb2!important;
 background:rgba(255,255,255,.58)!important
}
#mwtView-contact .mwt-customer-grid>div{min-width:0!important}
#mwtView-contact .mwt-customer-grid label,
#mwtView-contact .mwt-whatsapp-field small{
 display:block!important;
 margin:0 0 2px!important;
 color:#5d5036!important;
 font-size:11px!important;
 line-height:1.25!important
}
#mwtView-contact .mwt-customer-grid input{
 width:100%!important;
 height:30px!important;
 min-height:30px!important;
 padding:4px 7px!important;
 font-size:11px!important
}
#mwtView-contact .mwt-whatsapp-field small{margin:2px 0 0!important;color:#74684f!important}
#mwtView-contact .mwt-existing-fieldset{flex:0 0 auto!important}
#mwtView-contact .mwt-existing-options{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:4px!important
}
#mwtView-contact .mw[Truncated]
/* ===== v1.12.11 LEGAL RIGHT SLIDE PANELS ===== */
.mwt-legal-modal{align-items:stretch!important;justify-content:flex-end!important;padding:0!important;}
.mwt-legal-backdrop{border:0!important;padding:0!important;cursor:pointer!important;}
.mwt-legal-dialog{
 width:min(660px,92vw)!important;
 height:100%!important;
 max-height:none!important;
 margin:0!important;
 padding:0 32px 36px!important;
 border:0!important;
 border-left:1px solid #ae914b!important;
 border-radius:0!important;
 background:linear-gradient(180deg,#f3ead7 0%,#e3d6bc 100%)!important;
 box-shadow:-28px 0 70px rgba(0,0,0,.46),inset 1px 0 rgba(255,255,255,.45)!important;
 transform:translateX(105%)!important;
 opacity:1!important;
 overflow-y:auto!important;
 transition:transform .46s cubic-bezier(.22,.78,.26,1)!important;
}
.mwt-legal-modal.is-open .mwt-legal-dialog{transform:translateX(0)!important;opacity:1!important;}
.mwt-legal-toolbar{
 position:sticky;top:0;z-index:6;
 display:flex;align-items:center;justify-content:space-between;
 margin:0 -32px 24px;padding:15px 20px 14px 32px;
 border-bottom:1px solid rgba(137,104,42,.32);
 background:rgba(239,229,207,.96);backdrop-filter:blur(10px);
 color:#8b6a28;font-size:11px;font-weight:800;letter-spacing:.18em;
}
.mwt-legal-close{position:static!important;float:none!important;flex:0 0 auto!important;margin:0!important;}
.mwt-legal-panel h2{font-size:27px!important;margin-bottom:20px!important;}
@media(max-width:700px){
 .mwt-legal-dialog{width:94vw!important;padding:0 18px calc(var(--bh) + 24px)!important;}
 .mwt-legal-toolbar{margin:0 -18px 20px;padding:12px 12px 12px 18px;}
 .mwt-legal-panel h2{font-size:21px!important;}
}
@media(prefers-reduced-motion:reduce){.mwt-legal-dialog{transition:none!important;}}
:root{--g:#06261c;--g2:#0b3526;--gold:#d2aa51;--gold2:#f0d486;--ivory:#f3eddf;--line:rgba(210,170,81,.45);--bh:72px;--hh:62px}
*{box-sizing:border-box}.mwt-terminal-page{margin:0!important;background:#031912;overflow:hidden}.mwt-app,.mwt-app button,.mwt-app input,.mwt-app select,.mwt-app textarea{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Arial,sans-serif;font-size:12px}.mwt-app{height:100dvh;color:#f7efd9;background:#041b14;overflow:hidden}
.mwt-header{height:var(--hh);display:grid;grid-template-columns:1.25fr .9fr 1fr;align-items:center;padding:5px 12px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(3,23,17,.96),rgba(4,32,23,.84)),var(--mwt-head-bg) center/cover no-repeat}.mwt-brand{display:flex;align-items:center;gap:9px}.mwt-mon{width:44px;height:44px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font:700 19px serif}.mwt-brand h1{margin:0;color:var(--gold2);font:700 20px/1.05 "Yu Mincho",serif}.mwt-brand p{margin:3px 0 0;color:#e3c879;font-size:12px}.mwt-head-points{display:flex;justify-content:center;gap:18px}.mwt-head-points span{color:#e7cd7c;font-size:12px;font-weight:700}.mwt-tokyo{display:flex;justify-content:flex-end;align-items:center;gap:10px}.mwt-tokyo>*{padding-left:10px;border-left:1px solid rgba(210,170,81,.25);font-size:13px}.mwt-tokyo b{color:#f0d281}
.mwt-main{height:calc(100dvh - var(--hh) - var(--bh));display:grid;grid-template-columns:42% 58%;gap:6px;padding:6px}.mwt-left,.mwt-right{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:auto}.mwt-left{background:#062b20;padding:6px}.mwt-right{background:var(--ivory);color:#26362c;padding:7px}
.mwt-panel-title,.mwt-result-head{display:flex;align-items:baseline;gap:12px;padding:2px 5px 6px;border-bottom:1px solid var(--line)}.mwt-panel-title h2,.mwt-result-head h2{margin:0;font:700 18p
/* ===== v1.12.11 LEGAL RIGHT SLIDE PANELS ===== */
.mwt-legal-modal{align-items:stretch!important;justify-content:flex-end!important;padding:0!important;}
.mwt-legal-backdrop{border:0!important;padding:0!important;cursor:pointer!important;}
.mwt-legal-dialog{
 width:min(660px,92vw)!important;
 height:100%!important;
 max-height:none!important;
 margin:0!important;
 padding:0 32px 36px!important;
 border:0!important;
 border-left:1px solid #ae914b!important;
 border-radius:0!important;
 background:linear-gradient(180deg,#f3ead7 0%,#e3d6bc 100%)!important;
 box-shadow:-28px 0 70px rgba(0,0,0,.46),inset 1px 0 rgba(255,255,255,.45)!important;
 transform:translateX(105%)!important;
 opacity:1!important;
 overflow-y:auto!important;
 transition:transform .46s cubic-bezier(.22,.78,.26,1)!important;
}
.mwt-legal-modal.is-open .mwt-legal-dialog{transform:translateX(0)!important;opacity:1!important;}
.mwt-legal-toolbar{
 position:sticky;top:0;z-index:6;
 display:flex;align-items:center;justify-content:space-between;
 margin:0 -32px 24px;padding:15px 20px 14px 32px;
 border-bottom:1px solid rgba(137,104,42,.32);
 background:rgba(239,229,207,.96);backdrop-filter:blur(10px);
 color:#8b6a28;font-size:11px;font-weight:800;letter-spacing:.18em;
}
.mwt-legal-close{position:static!important;float:none!important;flex:0 0 auto!important;margin:0!important;}
.mwt-legal-panel h2{font-size:27px!important;margin-bottom:20px!important;}
@media(max-width:700px){
 .mwt-legal-dialog{width:94vw!important;padding:0 18px calc(var(--bh) + 24px)!important;}
 .mwt-legal-toolbar{margin:0 -18px 20px;padding:12px 12px 12px 18px;}
 .mwt-legal-panel h2{font-size:21px!important;}
}
@media(prefers-reduced-motion:reduce){.mwt-legal-dialog{transition:none!important;}}
x "Yu Mincho",serif}.mwt-panel-title h2{color:var(--gold2)}.mwt-panel-title span,.mwt-result-head span{font-size:12px;color:#b7a06c}
.mwt-group{border:1px solid rgba(210,170,81,.32);border-radius:6px;padding:5px;margin-top:4px;background:rgba(8,53,38,.56)}.mwt-label{color:#e2c978;font-weight:800;margin-bottom:4px;font-size:12px}.mwt-label small{font-size:12px;color:#a8b3aa;margin-left:6px}.mwt-options{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.mwt-options button{min-height:42px;border:1px solid rgba(210,170,81,.38);border-radius:5px;background:#0d3b2a;color:#f0e3c5;font-size:13px;font-weight:700;cursor:pointer;padding:5px;line-height:1.25}.mwt-options button.is-active{background:linear-gradient(#6e912e,#31551f);box-shadow:inset 0 0 0 1px #c6db67}.mwt-options button.is-active:after{content:"✓";float:right}.mwt-photo-group .mwt-options button{background-image:linear-gradient(rgba(4,32,22,.42),rgba(4,32,22,.8)),var(--opt-bg);background-size:cover;background-position:center}.mwt-qty{grid-template-columns:repeat(6,1fr)}.mwt-qty button{min-height:53px}.mwt-qty button small{display:block;font-size:12px;margin-top:2px}.mwt-qty .mwt-test{background:#4d3e16;color:#ffe29a}.mwt-moq-note{font-size:12px;color:#dbc277;margin-top:3px}.mwt-bottom-inputs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mwt-pack{grid-template-columns:repeat(4,1fr)}.mwt-left select{width:100%;height:43px;border:1px solid var(--line);border-radius:5px;background:#0d3b2a;color:#f0e4c8;padding:0 8px;font-size:13px}.mwt-calc-actions{display:grid;grid-template-columns:.36fr .64fr;gap:5px;margin-top:5px}.mwt-calc-actions button{height:44px;border:1px solid var(--line);border-radius:6px;background:#123f2d;color:#ead28d;font-size:14px;font-weight:800}.mwt-calc-actions .primary{background:linear-gradient(#73972e,#375c21);color:white}
.mwt-product{display:grid;grid-template-columns:34% 41% 25%;min-height:286px;margin-top:7px;background:#0a3728;color:#f7eed8;border:1px solid #9f8146;border-radius:6px;overflow:hidden}.mwt-product-photo{position:relative;background-size:cover;background-position:center}.mwt-product-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45))}.mwt-product-photo span{position:absolute;z-index:2;top:10px;left:10px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#e2c265;color:#513b10;font-size:12px;font-weight:900}.mwt-product-info{padding:18px 16px}.mwt-product-info small{font-size:12px;color:#d9ba62}.mwt-product-info h3{font:700 22px "Yu Mincho",serif;color:#f1d37e;margin:8px 0}.mwt-product-info p{font-size:12px;color:#ced6ce}.mwt-ratings{display:grid;gap:6px;margin-top:14px}.mwt-ratings label{display:grid;grid-template-columns:145px 1fr;font-size:12px}.mwt-ratings i{color:#a9c84d;font-style:normal;letter-spacing:3px}.mwt-price-box{margin:10px;padding:13px;border:1px solid rgba(210,170,81,.38);background:rgba(0,0,0,.12);display:flex;flex-direction:column;gap:5px}.mwt-price-box small{font-size:12px;color:#d0b975}.mwt-price-box strong{font:700 23px Georgia;color:#f0ce69}.mwt-price-box b{font-size:14px}.mwt-notices{display:grid;grid-template-columns:1fr 1fr;margin-top:6px;border:1px solid #c8b687;border-radius:6px;background:#f7f0dd}.mwt-notices article{padding:10px 13px}.mwt-notices article+article{border-left:1px solid #d7c8a3}.mwt-notices b{font:700 15px "Yu Mincho",serif}.mwt-notices p{font-size:12px;line-height:1.5}.mwt-no-price{font-size:12px;color:#9b462f;padding:4px 7px}.mwt-summary{min-height:44px;margin-top:6px;border:1px solid #cfc3a4;border-radius:5px;background:#ece3cf;padding:7px;font-size:12px;line-height:1.6}.mwt-formal{width:70%;height:48px;margin-top:6px;border:1px solid #4b6d22;border-radius:6px;background:linear-gradient(#568024,#315719);color:#fff;font-size:15px;font-weight:800;cursor:pointer}
.mwt-knowledge{margin-top:6px}.mwt-knowledge-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:5px}.mwt-knowledge-grid button{height:120px;padding:0;border:1px solid #c8b998;border-radius:5px;overflow:hidden;background:#fffaf0;color:#344238;cursor:pointer}.mwt-knowledge-grid img{width:100%;height:78px;object-fit:cover;display:block}.mwt-knowledge-grid b{display:block;padding:7px;font-size:12px}.mwt-right-view{display:none}.mwt-right-view.is-active{display:block}.mwt-form-hero{height:150px;margin:8px 0;background-size:cover;background-position:center;border-radius:6px}.mwt-inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mwt-inquiry-form .full{grid-column:1/-1}.mwt-inquiry-form>div{display:flex;flex-direction:column;gap:4px}.mwt-inquiry-form label{font-size:12px;font-weight:800}.mwt-inquiry-form input,.mwt-inquiry-form textarea{padding:10px;border:1px solid #c7b99a;border-radius:5px;background:#fffdf8;font-size:13px}.mwt-inquiry-form textarea{min-height:130px}.mwt-inquiry-form button,.mwt-back{min-height:44px;border:0;border-radius:5px;background:#1c5b38;color:#fff;font-size:14px;font-weight:800}.mwt-article{padding:16px}.mwt-article h2{font:700 28px "Yu Mincho",serif}.mwt-article p{font-size:13px;line-height:1.8}
.mwt-bottom{height:var(--bh);display:grid;grid-template-columns:1fr 1fr 1fr 104px 1fr 1fr;padding:0 6%;border-top:1px solid var(--line);background:#06271d;position:relative;z-index:100}.mwt-bottom>button{border:0;border-right:1px solid rgba(210,170,81,.28);background:#0b3828;color:#ead18a;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;cursor:pointer}.mwt-bottom>button b{font-size:15px}.mwt-bottom>button.is-active{background:linear-gradient(135deg,#efd183,#b89545);color:#21301e}.mwt-menu-button{width:94px!important;height:94px!important;border:2px solid var(--gold)!important;border-radius:50%!important;align-self:center!important;justify-self:center!important;flex-direction:column!important;margin-top:-24px;background:#073323!important;box-shadow:0 0 0 4px #173d2d;color:#f1cf6e!important}.mwt-menu-button b{font-size:15px!important}.mwt-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;z-index:200}.mwt-drawer{position:fixed;right:0;top:0;width:350px;height:100dvh;background:#082d21;border-left:2px solid var(--gold);z-index:201;transform:translateX(102%);transition:.25s;padding:14px;color:#eee1bc;overflow:auto}.mwt-drawer.is-open{transform:translateX(0)}.mwt-overlay.is-open{opacity:1;pointer-events:auto}.mwt-drawer-head{display:flex;justify-content:space-between}.mwt-drawer-head h2{font-size:22px}.mwt-drawer-head button{font-size:28px;background:none;border:0;color:#f0d080}.mwt-drawer h3{font-size:13px;color:#d9bd70;border-bottom:1px solid rgba(210,170,81,.3);padding-bottom:5px}.mwt-languages,.mwt-content-links{display:grid;gap:5px}.mwt-languages a,.mwt-content-links button{display:block;width:100%;text-align:left;padding:9px;border:1px solid rgba(210,170,81,.28);border-radius:4px;background:#0d3b2a;color:#efe1bd;text-decoration:none;font-size:13px}.mwt-languages a.is-current{background:#1b5a38;color:#ffe08a}
[dir="rtl"] .mwt-drawer{right:auto;left:0;transform:translateX(-102%)}[dir="rtl"] .mwt-drawer.is-open{transform:translateX(0)}
@media(max-width:900px){:root{--hh:58px;--bh:58px}.mwt-terminal-page{overflow:auto}.mwt-app{height:auto;min-height:100dvh;overflow:visible;padding-bottom:58px}.mwt-header{grid-template-columns:1fr auto}.mwt-head-points{display:none}.mwt-brand p{display:none}.mwt-brand h1{font-size:17px}.mwt-tokyo{gap:5px}.mwt-tokyo>*{font-size:12px;padding-left:5px}.mwt-tokyo #mwtTokyoDate{display:none}.mwt-main{height:auto;display:block;padding:4px}.mwt-left,.mwt-right{overflow:visible}.mwt-options{grid-template-columns:repeat(2,1fr)!important}.mwt-bottom-inputs{grid-template-columns:1fr}.mwt-product{grid-template-columns:1fr}.mwt-product-photo{min-height:220px}.mwt-product-info h3{font-size:20px}.mwt-knowledge-grid{grid-template-columns:repeat(2,1fr)}.mwt-notices{grid-template-columns:1fr}.mwt-notices article+article{border-left:0;border-top:1px solid #d7c8a3}.mwt-bottom{position:fixed;left:0;right:0;bottom:0;height:58px;grid-template-columns:repeat(5,1fr);padding:0}.mwt-bottom>button{flex-direction:column;gap:1px}.mwt-bottom>button b{font-size:12px}.mwt-bottom>button[data-tab="more"]{display:none}.mwt-menu-button{width:58px!important;height:58px!important;margin:0!important;border-radius:0!important;border-width:0 1px!important;box-shadow:none}.mwt-drawer{width:92vw}.mwt-inquiry-form{grid-template-columns:1fr}.mwt-inquiry-form .full{grid-column:auto}}


/* ===== v1.2 refinements ===== */
:root{--hh:60px;--bh:72px}

.mwt-header{
  height:var(--hh);
  grid-template-columns:1.05fr 1.25fr .95fr;
  padding:4px 10px;
}
.mwt-brand h1{font-size:18px}
.mwt-brand p{font-size:12px}
.mwt-mon{width:40px;height:40px;font-size:17px}

.mwt-seo-copy{
  align-self:stretch;
  display:flex;
  align-items:center;
  padding:0 16px;
  border-left:1px solid rgba(210,170,81,.2);
  border-right:1px solid rgba(210,170,81,.2);
  color:#ead18b;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}

.mwt-tokyo{gap:7px}
.mwt-tokyo>*{font-size:12px;padding-left:7px}
.mwt-jp-flag{
  width:34px;
  height:22px;
  background:#fff;
  border:1px solid rgba(255,255,255,.65);
  border-radius:2px;
  display:grid;
  place-items:center;
  padding:0!important;
}
.mwt-jp-flag i{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#bc002d;
  display:block;
}

.mwt-main{
  height:calc(100dvh - var(--hh) - var(--bh));
  grid-template-columns:42% 58%;
  gap:5px;
  padding:5px;
}
.mwt-left{
  overflow:hidden!important;
  display:flex;
  flex-direction:column;
  padding:4px;
}
.mwt-right{overflow:auto}

.mwt-panel-title{flex:0 0 auto;margin-bottom:2px}

.mwt-group{
  position:relative;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:5px;
  padding:4px 5px 4px 3px;
  margin-top:3px;
  min-height:0;
}
.mwt-group.tone-a{background:#062f23}
.mwt-group.tone-b{background:#0a3929}
.mwt-group-main{min-width:0}
.mwt-step-badge{
  display:flex;
  align-items:stretch;
  justify-content:center;
}
.mwt-step-badge span{
  width:34px;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  border:1px solid rgba(235,205,118,.55);
  background:
    linear-gradient(180deg,rgba(239,207,119,.18),rgba(239,207,119,.03)),
    #082b20;
  color:#f0d07a;
  font:700 17px/1 Georgia,serif;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
}
.mwt-step-badge span:after{
  content:"";
  position:absolute;
}

.mwt-label{margin-bottom:3px}
.mwt-options button{
  min-height:36px;
  padding:3px 4px;
  font-size:12px;
}
.mwt-qty button{min-height:44px}
.mwt-group .mwt-options{gap:3px}
.mwt-moq-note{font-size:12px;margin-top:2px}

.mwt-bottom-inputs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
}
.mwt-bottom-inputs .mwt-group{margin-top:3px}
.mwt-left select{height:38px}
.mwt-calc-actions{margin-top:3px}
.mwt-calc-actions button{height:38px}

.mwt-product-photo{
  background-position:center;
  background-size:cover;
}

.mwt-privacy-box{
  height:150px;
  overflow:auto;
  margin:8px 0 6px;
  padding:11px 13px;
  border:1px solid #c5b48f;
  border-radius:6px;
  background:
    linear-gradient(rgba(255,255,255,.9),rgba(248,243,230,.95)),
    repeating-linear-gradient(0deg,transparent 0 19px,rgba(120,92,36,.05) 20px);
}
.mwt-privacy-box h3{
  margin:0 0 6px;
  font:700 15px "Yu Mincho",serif;
  color:#32483a;
}
.mwt-privacy-box p{
  margin:0;
  color:#536158;
  font-size:12px;
  line-height:1.7;
}
.mwt-consent-btn{
  width:100%;
  min-height:42px;
  margin-bottom:8px;
  border:1px solid #b38e42;
  border-radius:5px;
  background:linear-gradient(#d8b75e,#a67c29);
  color:#fff;
  font-size:14px!important;
  font-weight:800;
  cursor:pointer;
}
.mwt-consent-btn.is-agreed{
  background:linear-gradient(#557c34,#315a27);
  border-color:#4f702d;
}

.mwt-inquiry-form.is-locked{
  opacity:.52;
  pointer-events:none;
}
.mwt-inquiry-form:not(.is-locked){opacity:1}

.mwt-doc-fieldset{
  margin:0;
  padding:9px;
  border:1px solid #c5b895;
  border-radius:6px;
  background:#fffaf0;
}
.mwt-doc-fieldset legend{
  padding:0 6px;
  font-size:12px;
  font-weight:800;
  color:#405147;
}
.mwt-doc-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
}
.mwt-doc-grid label{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start;
  gap:5px!important;
  padding:7px;
  border:1px solid #d7ccb2;
  border-radius:5px;
  background:#fff;
  font-size:12px!important;
  line-height:1.45;
}
.mwt-doc-grid input{margin-top:2px}

.mwt-article{
  padding:10px 12px 16px;
}
.mwt-article h2{
  margin:8px 0 10px;
  color:#233c2f;
  font-size:26px;
}
.mwt-article p{
  font-size:12px;
  line-height:1.72;
}
.mwt-k-hero{
  display:grid;
  grid-template-columns:44% 56%;
  min-height:190px;
  overflow:hidden;
  border:1px solid #c6b792;
  border-radius:7px;
  background:#0b3427;
}
.mwt-k-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.mwt-k-hero-copy{
  padding:15px;
  color:#f5ead1;
}
.mwt-k-hero-copy h3{
  margin:0 0 7px;
  color:#efd07c;
  font:700 22px "Yu Mincho",serif;
}
.mwt-k-hero-copy p{color:#d5dfd7}
.mwt-k-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin-top:7px;
}
.mwt-k-card{
  padding:10px;
  border:1px solid #cdbf9d;
  border-radius:6px;
  background:#fffaf0;
}
.mwt-k-card h4{
  margin:0 0 5px;
  color:#294637;
  font-size:14px;
}
.mwt-k-card p{
  margin:0;
  color:#5e685f;
}
.mwt-k-tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px;
}
.mwt-k-tags span{
  padding:5px 7px;
  border:1px solid #c7b990;
  border-radius:999px;
  background:#efe7d2;
  color:#405045;
  font-size:12px;
  font-weight:700;
}

@media(min-width:901px) and (max-height:800px){
  .mwt-options button{min-height:32px}
  .mwt-qty button{min-height:39px}
  .mwt-group{padding-top:3px;padding-bottom:3px}
  .mwt-label{font-size:12px}
  .mwt-panel-title h2{font-size:16px}
}

@media(max-width:900px){
  .mwt-seo-copy{display:none}
  .mwt-header{grid-template-columns:1fr auto}
  .mwt-jp-flag{width:30px;height:19px}
  .mwt-group{grid-template-columns:38px 1fr}
  .mwt-step-badge span{width:31px;font-size:15px}
  .mwt-left{overflow:visible!important}
  .mwt-doc-grid{grid-template-columns:1fr}
  .mwt-k-hero{grid-template-columns:1fr}
  .mwt-k-hero img{height:180px}
  .mwt-k-grid{grid-template-columns:1fr 1fr}
}

/* ===== v1.3 knowledge pages: compact-image, information-first UI ===== */
#mwtRightArticle{background:#f0eadc;min-height:100%}
#mwtRightArticle .mwt-back{position:sticky;top:0;z-index:5;margin:0 0 5px;background:#123f2c;border:1px solid #315f48;box-shadow:0 3px 9px rgba(0,0,0,.12)}
.mwt-article{padding:7px 9px 18px!important}
.mwt-article>h2{margin:3px 0 6px!important;padding:0 0 6px;border-bottom:1px solid #c7b891!important;font-size:20px!important;line-height:1.1!important;color:#19392a!important}
.mwt-k-top{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:stretch;padding:7px;border:1px solid #c8b991;border-radius:8px;background:linear-gradient(135deg,#fffaf0,#e9e0ca);box-shadow:0 4px 14px rgba(63,54,30,.07)}
.mwt-k-top img{width:180px;height:118px;object-fit:cover;border-radius:6px;display:block}
.mwt-k-top>div{padding:6px 8px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.mwt-k-eyebrow{font-size:11px;color:#9a792e;font-weight:900;letter-spacing:.13em}
.mwt-k-top h3{margin:3px 0 4px;font:700 22px/1.15 "Yu Mincho",serif;color:#18392a}
.mwt-k-top p{margin:0!important;font-size:12px!important;line-height:1.6!important;color:#57645b!important}
.mwt-meter{display:inline-flex;gap:2px;vertical-align:middle}.mwt-meter i{width:12px;height:5px;border-radius:999px;background:#d7d0bd;display:inline-block}.mwt-meter i.on{background:linear-gradient(90deg,#668d30,#abc654)}
.mwt-stat{border:1px solid #cbbd99;border-radius:7px;background:#fffaf0;padding:8px 10px;min-height:72px;display:flex;flex-direction:column;justify-content:center}.mwt-stat small{font-size:10px;color:#8a7954;font-weight:800}.mwt-stat b{font:700 22px/1.1 Georgia,serif;color:#244b35;margin:2px 0}.mwt-stat span{font-size:10px;color:#657168}

/* Origins */
.mwt-origin-dashboard{display:grid;grid-template-columns:1.25fr .75fr;gap:6px;margin-top:6px}
.mwt-origin-map{position:relative;min-height:105px;border-radius:7px;padding:10px 12px;overflow:hidden;background:linear-gradient(135deg,#0a392a,#154e37);color:#f3e9cf;border:1px solid #315c45}.mwt-origin-map:before{content:"日本";position:absolute;right:13px;bottom:-18px;color:rgba(238,210,132,.1);font:700 86px/1 "Yu Mincho",serif}.mwt-origin-map>span{font-size:10px;color:#e7ca77;font-weight:900;letter-spacing:.12em}.mwt-origin-map>b{display:block;font:700 32px/1 Georgia;color:#f0d381;margin:5px 0}.mwt-origin-map>small{font-size:11px;color:#c5d2c8}.mwt-map-dots{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.mwt-map-dots i{font-style:normal;font-size:10px;padding:4px 7px;border:1px solid rgba(237,207,122,.34);border-radius:999px;background:rgba(255,255,255,.06)}
.mwt-origin-points{display:grid;grid-template-columns:1fr;gap:4px}.mwt-origin-list{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:6px}.mwt-origin-list article{padding:8px;border:1px solid #cbbd9a;border-radius:7px;background:#fffaf0;min-width:0}.mwt-origin-name small{font-size:9px;color:#8c7a52;font-weight:800}.mwt-origin-name h4{margin:1px 0;font:700 16px "Yu Mincho",serif;color:#1d432f}.mwt-origin-name em{font-size:9px;color:#9c792b;font-style:normal;font-weight:900}.mwt-origin-list article>p{min-height:50px;font-size:10px!important;line-height:1.45!important;color:#5d695f!important}.mwt-origin-meters{display:grid;gap:3px;border-top:1px solid #e1d8c4;padding-top:5px}.mwt-origin-meters label{font-size:9px;display:flex;align-items:center;justify-content:space-between;gap:4px}

/* Cultivars */
.mwt-cv-key{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 0 4px}.mwt-cv-key span{padding:5px;text-align:center;border-radius:5px;background:#153f2d;color:#eed17d;font-size:10px;font-weight:900;letter-spacing:.08em}.mwt-cultivar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mwt-cultivar-grid article{border:1px solid #cabb97;border-radius:7px;padding:8px;background:linear-gradient(145deg,#fffaf0,#f0eadb)}.mwt-cultivar-grid header{display:flex;justify-content:space-between;align-items:flex-start;gap:5px;border-bottom:1px solid #ded4bc;padding-bottom:5px}.mwt-cultivar-grid header small{font-size:9px;color:#8b7a55}.mwt-cultivar-grid h4{margin:1px 0;font:700 16px "Yu Mincho",serif;color:#214532}.mwt-cultivar-grid header>b{font-size:9px;padding:4px 5px;border-radius:4px;background:#1b4a34;color:#efd07b}.mwt-cultivar-grid article>p{min-height:33px;margin:5px 0!important;font-size:10px!important;line-height:1.45!important}.mwt-cultivar-grid article>em{display:inline-block;font-size:9px;font-style:normal;font-weight:900;color:#8e712d;margin-bottom:5px}.mwt-cv-bars{display:grid;grid-template-columns:1fr 1fr;gap:3px 6px}.mwt-cv-bars label{font-size:9px;display:flex;justify-content:space-between;align-items:center;gap:4px}

/* Grade matrix */
.mwt-grade-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 0}.mwt-grade-tabs span{padding:7px;text-align:center;border:1px solid #3d634c;border-radius:5px;background:linear-gradient(#174a35,#0d3829);color:#efd37f;font-size:11px;font-weight:900}.mwt-grade-table{display:grid;grid-template-columns:1.08fr repeat(4,1fr);border:1px solid #c3b68f;border-radius:7px;overflow:hidden;background:#fff}.mwt-grade-table>div{padding:7px;border-right:1px solid #ddd2b8;border-bottom:1px solid #ddd2b8;font-size:10px;min-height:38px;display:flex;align-items:center}.mwt-grade-table>div:nth-child(5n){border-right:0}.mwt-grade-table .head{background:#143e2d;color:#efd27b;font-weight:900}.mwt-grade-table .label{background:#eee6d4;color:#34493d;font-weight:900}.mwt-grade-note{display:grid;grid-template-columns:100px 1fr;gap:7px;margin-top:6px;padding:8px;border:1px solid #d2b667;border-radius:7px;background:#fff6da}.mwt-grade-note b{display:grid;place-items:center;color:#956f13;font-size:11px}.mwt-grade-note p{margin:0!important;font-size:10px!important;line-height:1.5!important;color:#655a3f!important}

/* OEM */
.mwt-oem-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:6px}.mwt-oem-flow article{position:relative;padding:8px 7px;border:1px solid #c8b994;border-radius:6px;background:#fffaf0;min-height:83px}.mwt-oem-flow article:not(:last-child):after{content:"›";position:absolute;right:-7px;top:30px;z-index:2;width:14px;height:22px;display:grid;place-items:center;color:#a27d2d;font-size:18px;font-weight:900}.mwt-oem-flow span{font:700 15px Georgia;color:#c29b40}.mwt-oem-flow h4{margin:3px 0;font-size:11px;color:#254633}.mwt-oem-flow p{margin:0!important;font-size:9px!important;line-height:1.35!important}.mwt-oem-board{display:grid;grid-template-columns:1fr .8fr .9fr;gap:5px;margin-top:6px}.mwt-oem-board section{padding:9px;border:1px solid #c7b895;border-radius:7px;background:#fffaf0}.mwt-oem-board h4{margin:0 0 6px;font-size:11px;color:#866722;letter-spacing:.08em}.mwt-oem-options{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mwt-oem-options b{padding:6px;border-radius:4px;background:#16442f;color:#f2d486;font-size:9px;text-align:center}.mwt-oem-board ul{margin:0;padding-left:17px;display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.mwt-oem-board li{font-size:10px;color:#566258}.mwt-oem-board p{font-size:10px!important;line-height:1.5!important}.mwt-oem-board button{width:100%;min-height:34px;border:0;border-radius:5px;background:#244f33;color:#fff;font-size:11px;font-weight:800;cursor:pointer}

/* Documents */
.mwt-doc-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.mwt-doc-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:5px}.mwt-doc-categories section{border:1px solid #c5b790;border-radius:7px;background:#fffaf0;overflow:hidden}.mwt-doc-categories header{display:flex;align-items:center;gap:6px;padding:6px;background:#143e2d;color:#f0d27d}.mwt-doc-categories header span{font:700 16px Georgia}.mwt-doc-categories h4{margin:0;font-size:10px}.mwt-doc-categories section>div{padding:5px 7px;border-top:1px solid #e3dac5;font-size:9px;color:#556158}.mwt-doc-categories section>div i{font-style:normal;color:#5e893d;margin-right:4px}.mwt-export-flow{display:flex;align-items:center;gap:5px;margin-top:5px;padding:7px;border:1px solid #c4b48a;border-radius:6px;background:#eee5d2;overflow:auto}.mwt-export-flow b{font-size:9px;color:#8c6f2b;margin-right:5px}.mwt-export-flow span{white-space:nowrap;padding:5px 8px;border-radius:999px;background:#173f2e;color:#f0d587;font-size:9px}.mwt-export-flow i{font-style:normal;color:#9c7c31}.mwt-doc-alert{display:grid;grid-template-columns:220px 1fr;gap:7px;margin-top:5px;padding:8px;border-left:4px solid #bd9440;background:#fff6de}.mwt-doc-alert b{font-size:10px;color:#785d20}.mwt-doc-alert p{margin:0!important;font-size:10px!important;line-height:1.45!important;color:#625b49!important}

/* Generic information pages */
.mwt-generic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.mwt-generic-grid article{padding:10px;border:1px solid #c8b995;border-radius:7px;background:#fffaf0}.mwt-generic-grid h4{margin:0 0 4px;color:#224531;font-size:13px}.mwt-generic-grid p{margin:0!important;font-size:10px!important;color:#5e685f!important}

@media(max-width:1150px){.mwt-origin-list{grid-template-columns:repeat(3,1fr)}.mwt-oem-flow{grid-template-columns:repeat(3,1fr)}.mwt-doc-categories{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.mwt-k-top{grid-template-columns:120px 1fr}.mwt-k-top img{width:120px;height:110px}.mwt-origin-dashboard{grid-template-columns:1fr}.mwt-origin-points{grid-template-columns:repeat(3,1fr)}.mwt-origin-list{grid-template-columns:1fr 1fr}.mwt-cultivar-grid{grid-template-columns:1fr 1fr}.mwt-grade-table{grid-template-columns:100px repeat(4,120px);overflow-x:auto}.mwt-oem-flow{grid-template-columns:1fr 1fr}.mwt-oem-board{grid-template-columns:1fr}.mwt-doc-overview{grid-template-columns:1fr 1fr 1fr}.mwt-doc-categories{grid-template-columns:1fr 1fr}.mwt-generic-grid{grid-template-columns:1fr 1fr}}

/* v1.3 hard minimum typography: user requirement = 12px */
.mwt-app small,
.mwt-app .mwt-k-eyebrow,
.mwt-app .mwt-stat small,
.mwt-app .mwt-stat span,
.mwt-app .mwt-origin-map>span,
.mwt-app .mwt-origin-map>small,
.mwt-app .mwt-map-dots i,
.mwt-app .mwt-origin-name small,
.mwt-app .mwt-origin-name em,
.mwt-app .mwt-origin-list article>p,
.mwt-app .mwt-origin-meters label,
.mwt-app .mwt-cv-key span,
.mwt-app .mwt-cultivar-grid header small,
.mwt-app .mwt-cultivar-grid header>b,
.mwt-app .mwt-cultivar-grid article>p,
.mwt-app .mwt-cultivar-grid article>em,
.mwt-app .mwt-cv-bars label,
.mwt-app .mwt-grade-table>div,
.mwt-app .mwt-grade-note b,
.mwt-app .mwt-grade-note p,
.mwt-app .mwt-oem-flow p,
.mwt-app .mwt-oem-options b,
.mwt-app .mwt-oem-board h4,
.mwt-app .mwt-oem-board li,
.mwt-app .mwt-oem-board p,
.mwt-app .mwt-oem-board button,
.mwt-app .mwt-doc-categories h4,
.mwt-app .mwt-doc-categories section>div,
.mwt-app .mwt-export-flow b,
.mwt-app .mwt-export-flow span,
.mwt-app .mwt-doc-alert b,
.mwt-app .mwt-doc-alert p,
.mwt-app .mwt-generic-grid p{
  font-size:12px!important;
}


/* ===== v1.3.1 DESKTOP EQUAL-HEIGHT / NO-SCROLL PANELS ===== */
@media (min-width:901px){
  html,
  body.mwt-terminal-page,
  .mwt-app{
    width:100%;
    height:100dvh;
    max-height:100dvh;
    overflow:hidden!important;
  }

  .mwt-main{
    height:calc(100dvh - var(--hh) - var(--bh));
    min-height:0;
    align-items:stretch;
    overflow:hidden;
  }

  .mwt-left,
  .mwt-right{
    height:100%;
    min-height:0;
    max-height:100%;
    overflow:hidden!important;
  }

  .mwt-left{
    justify-content:flex-start;
  }

  .mwt-right{
    position:relative;
  }

  .mwt-right-view{
    height:100%;
    min-height:0;
    max-height:100%;
    overflow:hidden!important;
  }

  /* Estimate view uses the full right-panel height without scrolling. */
  #mwtRightEstimate.is-active{
    display:grid;
    grid-template-rows:
      auto
      minmax(180px, 35%)
      auto
      auto
      40px
      42px
      minmax(88px, 1fr);
    gap:4px;
    align-content:stretch;
  }

  #mwtRightEstimate > *{
    min-height:0;
    margin-top:0;
  }

  .mwt-product{
    height:100%;
    min-height:0;
    margin-top:0;
  }

  .mwt-product-info{
    padding:10px 12px;
  }

  .mwt-product-info h3{
    margin:4px 0;
    font-size:19px;
  }

  .mwt-product-info p{
    margin:3px 0;
  }

  .mwt-ratings{
    gap:3px;
    margin-top:7px;
  }

  .mwt-price-box{
    margin:6px;
    padding:8px;
    gap:3px;
  }

  .mwt-price-box strong{
    font-size:20px;
  }

  .mwt-notices{
    margin-top:0;
  }

  .mwt-notices article{
    padding:6px 10px;
  }

  .mwt-notices p{
    margin:3px 0 0;
    line-height:1.35;
  }

  .mwt-no-price{
    min-height:0;
    padding:0 6px;
  }

  .mwt-summary{
    min-height:0;
    height:40px;
    margin-top:0;
    padding:5px 7px;
    line-height:1.35;
    overflow:hidden;
  }

  .mwt-formal{
    width:70%;
    height:42px;
    margin-top:0;
  }

  .mwt-knowledge{
    min-height:0;
    height:100%;
    margin-top:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }

  .mwt-knowledge .mwt-result-head{
    flex:0 0 auto;
  }

  .mwt-knowledge-grid{
    flex:1 1 auto;
    min-height:0;
    height:100%;
    margin-top:3px;
  }

  .mwt-knowledge-grid button{
    height:100%;
    min-height:0;
    display:grid;
    grid-template-rows:minmax(48px,1fr) auto;
  }

  .mwt-knowledge-grid img{
    width:100%;
    height:100%;
    min-height:48px;
    object-fit:cover;
  }

  .mwt-knowledge-grid b{
    padding:5px 4px;
    line-height:1.2;
  }

  /* Knowledge detail view also remains inside the fixed panel height. */
  #mwtRightArticle.is-active{
    display:grid;
    grid-template-rows:34px minmax(0,1fr);
    height:100%;
    min-height:0;
    overflow:hidden!important;
  }

  #mwtRightArticle .mwt-back{
    position:static;
    width:max-content;
    min-height:30px;
    height:30px;
    margin:0 0 3px;
    padding:3px 10px;
  }

  #mwtRightArticle .mwt-article{
    height:100%;
    min-height:0;
    overflow:hidden!important;
    padding:4px 7px 6px!important;
  }

  .mwt-article>h2{
    margin:0 0 4px!important;
    padding:0 0 4px!important;
    font-size:18px!important;
  }

  .mwt-k-top{
    grid-template-columns:138px 1fr;
    gap:6px;
    height:96px;
    padding:5px;
  }

  .mwt-k-top img{
    width:138px;
    height:84px;
  }

  .mwt-k-top>div{
    padding:2px 5px;
  }

  .mwt-k-top h3{
    margin:1px 0 2px;
    font-size:18px;
  }

  .mwt-k-top p{
    line-height:1.35!important;
  }

  .mwt-origin-dashboard{
    margin-top:4px;
    gap:4px;
  }

  .mwt-origin-map{
    min-height:75px;
    padding:7px 9px;
  }

  .mwt-origin-map>b{
    font-size:24px;
    margin:2px 0;
  }

  .mwt-map-dots{
    margin-top:4px;
  }

  .mwt-origin-points{
    gap:3px;
  }

  .mwt-stat{
    min-height:0;
    padding:4px 7px;
  }

  .mwt-stat b{
    font-size:18px;
    margin:0;
  }

  .mwt-origin-list{
    margin-top:4px;
    gap:4px;
  }

  .mwt-origin-list article{
    padding:5px;
  }

  .mwt-origin-list article>p{
    min-height:0;
    margin:3px 0!important;
    line-height:1.3!important;
  }

  .mwt-origin-meters{
    gap:1px;
    padding-top:3px;
  }

  .mwt-cv-key{
    margin:4px 0 3px;
  }

  .mwt-cv-key span{
    padding:3px;
  }

  .mwt-cultivar-grid{
    gap:4px;
  }

  .mwt-cultivar-grid article{
    padding:5px 6px;
  }

  .mwt-cultivar-grid header{
    padding-bottom:3px;
  }

  .mwt-cultivar-grid article>p{
    min-height:0;
    margin:3px 0!important;
    line-height:1.25!important;
  }

  .mwt-cultivar-grid article>em{
    margin-bottom:2px;
  }

  .mwt-cv-bars{
    gap:1px 4px;
  }

  .mwt-grade-tabs{
    margin:4px 0;
    gap:3px;
  }

  .mwt-grade-tabs span{
    padding:4px;
  }

  .mwt-grade-table>div{
    padding:4px 5px;
    min-height:30px;
    line-height:1.25;
  }

  .mwt-grade-note{
    margin-top:4px;
    padding:5px 7px;
  }

  .mwt-oem-flow{
    margin-top:4px;
    gap:3px;
  }

  .mwt-oem-flow article{
    min-height:64px;
    padding:5px;
  }

  .mwt-oem-flow article:not(:last-child):after{
    top:21px;
  }

  .mwt-oem-flow h4{
    margin:1px 0;
  }

  .mwt-oem-flow p{
    line-height:1.25!important;
  }

  .mwt-oem-board{
    margin-top:4px;
    gap:4px;
  }

  .mwt-oem-board section{
    padding:5px 6px;
  }

  .mwt-oem-board h4{
    margin-bottom:3px;
  }

  .mwt-oem-options{
    gap:2px;
  }

  .mwt-oem-options b{
    padding:3px 4px;
  }

  .mwt-oem-board ul{
    gap:1px 9px;
  }

  .mwt-doc-overview{
    margin-top:4px;
    gap:4px;
  }

  .mwt-doc-categories{
    margin-top:4px;
    gap:4px;
  }

  .mwt-doc-categories header{
    padding:4px 5px;
  }

  .mwt-doc-categories section>div{
    padding:3px 5px;
    line-height:1.25;
  }

  .mwt-export-flow{
    margin-top:4px;
    padding:4px 5px;
    overflow:hidden!important;
  }

  .mwt-export-flow span{
    padding:3px 6px;
  }

  .mwt-doc-alert{
    margin-top:4px;
    padding:5px 7px;
  }

  .mwt-generic-grid{
    margin-top:4px;
    gap:4px;
  }

  .mwt-generic-grid article{
    padding:6px;
  }

  /* Quote / Order / Consultation / More all fit in the same fixed right pane. */
  .mwt-form-view.is-active{
    display:grid;
    grid-template-rows:auto 150px 42px minmax(0,1fr);
    gap:4px;
    height:100%;
    min-height:0;
    overflow:hidden!important;
  }

  .mwt-privacy-box{
    height:150px;
    margin:0;
    padding:8px 10px;
    overflow:hidden!important;
  }

  .mwt-privacy-box h3{
    margin-bottom:3px;
  }

  .mwt-privacy-box p{
    line-height:1.45;
  }

  .mwt-consent-btn{
    min-height:42px;
    height:42px;
    margin:0;
  }

  .mwt-inquiry-form{
    height:100%;
    min-height:0;
    overflow:hidden!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-rows:min-content;
    gap:4px;
    align-content:stretch;
  }

  .mwt-inquiry-form>div{
    gap:2px;
  }

  .mwt-inquiry-form input{
    min-height:34px;
    height:34px;
    padding:6px 8px;
  }

  .mwt-inquiry-form textarea{
    min-height:54px;
    height:100%;
    padding:6px 8px;
    resize:none;
  }

  .mwt-doc-fieldset.full{
    grid-column:1/3;
    grid-row:2/4;
    min-height:0;
    overflow:hidden;
    padding:5px;
  }

  .mwt-doc-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:2px;
  }

  .mwt-doc-grid label{
    padding:3px 4px;
    line-height:1.2;
  }

  .mwt-doc-notes{
    grid-column:3/5!important;
    grid-row:2!important;
    min-height:0;
  }

  .mwt-message-field{
    grid-column:3/5!important;
    grid-row:3!important;
    min-height:0;
  }

  .mwt-submit-row{
    grid-column:1/-1!important;
    grid-row:4!important;
  }

  .mwt-submit-row button{
    min-height:36px;
    height:36px;
  }

  /* Consultation and More have no document fieldset. */
  #mwtView-consult .mwt-message-field,
  #mwtView-more .mwt-message-field{
    grid-column:1/-1!important;
    grid-row:2!important;
  }

  #mwtView-consult .mwt-submit-row,
  #mwtView-more .mwt-submit-row{
    grid-row:3!important;
  }
}

/* Short desktop screens: retain 12px text, reduce only vertical spacing. */
@media (min-width:901px) and (max-height:720px){
  :root{--hh:56px;--bh:64px}

  .mwt-main{padding:3px;gap:3px}
  .mwt-group{margin-top:2px;padding-top:2px;padding-bottom:2px}
  .mwt-options button{min-height:30px}
  .mwt-qty button{min-height:35px}
  .mwt-left select{height:32px}
  .mwt-calc-actions button{height:32px}

  #mwtRightEstimate.is-active{
    grid-template-rows:auto 170px auto auto 34px 36px minmax(74px,1fr);
    gap:2px;
  }

  .mwt-product-info{padding:6px 8px}
  .mwt-ratings{margin-top:3px;gap:1px}
  .mwt-price-box{margin:4px;padding:5px}
  .mwt-notices article{padding:4px 7px}
  .mwt-summary{height:34px}
  .mwt-formal{height:36px}

  .mwt-k-top{height:82px}
  .mwt-k-top img{height:70px}
  .mwt-k-top h3{font-size:16px}
  .mwt-origin-map{min-height:62px}
  .mwt-origin-list article{padding:3px}
  .mwt-cultivar-grid article{padding:3px 4px}
  .mwt-grade-table>div{min-height:27px;padding:3px 4px}
  .mwt-oem-flow article{min-height:54px;padding:3px}
  .mwt-doc-categories section>div{padding:2px 4px}
}


/* ===== v1.3.2 KNOWLEDGE CROSS-NAV + OLD JAPANESE PAPER THEMES ===== */

/* Toolbar occupies the same first row as the old BACK-only bar. */
.mwt-article-toolbar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:5px;
  min-width:0;
  padding:3px 4px;
  border-bottom:1px solid rgba(103,79,39,.28);
  background:rgba(54,43,25,.08);
  backdrop-filter:blur(2px);
}
.mwt-article-toolbar .mwt-back{
  margin:0!important;
  white-space:nowrap;
}
.mwt-article-nav{
  display:grid;
  grid-template-columns:.9fr .9fr 1fr 1.25fr 1.15fr;
  gap:3px;
  min-width:0;
}
.mwt-article-nav button{
  min-width:0;
  min-height:30px;
  height:30px;
  padding:3px 5px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  border:1px solid rgba(104,77,31,.34);
  border-radius:4px;
  background:rgba(255,251,236,.62);
  color:#344339;
  font-size:12px!important;
  font-weight:600!important;
  cursor:pointer;
  transition:.15s ease;
}
.mwt-article-nav button:hover{
  background:rgba(239,222,174,.75);
  border-color:#9b7732;
}
.mwt-article-nav button.is-active{
  color:#fff7dc;
  background:linear-gradient(180deg,#745822,#4f3d1e);
  border-color:#ae8739;
  box-shadow:inset 0 0 0 1px rgba(255,223,139,.18);
}

/* Knowledge page typography: specified weight = 600. */
#mwtRightArticle,
#mwtRightArticle *,
#mwtRightArticle button,
#mwtRightArticle span,
#mwtRightArticle p,
#mwtRightArticle small,
#mwtRightArticle label,
#mwtRightArticle li,
#mwtRightArticle div,
#mwtRightArticle em,
#mwtRightArticle i{
  font-weight:600!important;
}
#mwtRightArticle h2,
#mwtRightArticle h3,
#mwtRightArticle h4,
#mwtRightArticle b,
#mwtRightArticle strong{
  font-weight:600!important;
}

/*
  Old-paper system:
  multiple translucent gradients mimic uneven handmade washi / aged paper.
  Each principal page changes only the paper tone, so the UI remains coherent.
*/
#mwtRightArticle{
  --paper-base:#e7dcc2;
  --paper-light:#f4ecd9;
  --paper-stain:rgba(112,78,34,.085);
  --paper-edge:rgba(79,57,30,.16);
  --paper-ink:#2d392f;
  color:var(--paper-ink);
  background:
    radial-gradient(circle at 12% 13%,var(--paper-stain) 0 1px,transparent 2px),
    radial-gradient(circle at 83% 28%,var(--paper-stain) 0 1.5px,transparent 2.5px),
    radial-gradient(ellipse at 7% 88%,rgba(104,70,30,.07),transparent 28%),
    radial-gradient(ellipse at 91% 8%,rgba(255,255,255,.3),transparent 31%),
    repeating-linear-gradient(8deg,rgba(88,65,35,.024) 0 1px,transparent 1px 6px),
    linear-gradient(105deg,var(--paper-light),var(--paper-base) 52%,var(--paper-light));
  box-shadow:
    inset 0 0 36px var(--paper-edge),
    inset 0 0 0 1px rgba(109,83,45,.14);
}

/* Origin: warm tea parchment / earthy brown-green. */
#mwtRightArticle.mwt-paper-origin{
  --paper-base:#dfd2b5;
  --paper-light:#f2ead6;
  --paper-stain:rgba(105,74,32,.09);
  --paper-edge:rgba(91,63,27,.16);
  --paper-ink:#2d3b31;
}

/* Cultivar: slightly greened washi, like aged tea ledger paper. */
#mwtRightArticle.mwt-paper-cultivar{
  --paper-base:#d9d6b9;
  --paper-light:#eef0d8;
  --paper-stain:rgba(72,91,42,.075);
  --paper-edge:rgba(57,76,35,.14);
  --paper-ink:#263a2d;
}

/* Grade: creamy old merchant ledger. */
#mwtRightArticle.mwt-paper-grade{
  --paper-base:#e5d5b5;
  --paper-light:#f7ead2;
  --paper-stain:rgba(137,92,35,.07);
  --paper-edge:rgba(113,76,31,.14);
  --paper-ink:#423829;
}

/* OEM: muted red-brown packaging proof / artisan paper. */
#mwtRightArticle.mwt-paper-oem{
  --paper-base:#ddcdb9;
  --paper-light:#f0e3d2;
  --paper-stain:rgba(117,62,48,.075);
  --paper-edge:rgba(105,55,43,.13);
  --paper-ink:#44372f;
}

/* Documents: cool archival parchment / export ledger. */
#mwtRightArticle.mwt-paper-docs{
  --paper-base:#d6d3c3;
  --paper-light:#ece9d9;
  --paper-stain:rgba(61,73,68,.07);
  --paper-edge:rgba(58,65,61,.14);
  --paper-ink:#303a36;
}

/* Remove flat white blocks; make cards feel printed onto layered old paper. */
#mwtRightArticle .mwt-k-top,
#mwtRightArticle .mwt-origin-map,
#mwtRightArticle .mwt-stat,
#mwtRightArticle .mwt-origin-list article,
#mwtRightArticle .mwt-cultivar-grid article,
#mwtRightArticle .mwt-grade-table,
#mwtRightArticle .mwt-grade-note,
#mwtRightArticle .mwt-oem-flow article,
#mwtRightArticle .mwt-oem-board section,
#mwtRightArticle .mwt-doc-categories section,
#mwtRightArticle .mwt-export-flow,
#mwtRightArticle .mwt-doc-alert,
#mwtRightArticle .mwt-generic-grid article{
  background:
    linear-gradient(rgba(255,252,239,.64),rgba(238,226,199,.56)),
    repeating-linear-gradient(3deg,rgba(74,53,27,.02) 0 1px,transparent 1px 5px)!important;
  border-color:rgba(105,80,41,.27)!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.45) inset,
    0 1px 2px rgba(72,51,25,.06);
}

#mwtRightArticle .mwt-k-top{
  background:
    linear-gradient(90deg,rgba(29,56,40,.93),rgba(47,69,50,.82)),
    repeating-linear-gradient(4deg,rgba(255,255,255,.02) 0 1px,transparent 1px 5px)!important;
}
#mwtRightArticle .mwt-k-top h3,
#mwtRightArticle .mwt-k-top p{
  color:#f2e8cf!important;
}
#mwtRightArticle .mwt-k-eyebrow{
  color:#e9c76d!important;
}

/* Maintain old-paper flavor in table headers without losing readability. */
#mwtRightArticle .mwt-grade-table .head,
#mwtRightArticle .mwt-doc-categories header,
#mwtRightArticle .mwt-cv-key span,
#mwtRightArticle .mwt-grade-tabs span{
  background:linear-gradient(180deg,#43523f,#263d31)!important;
  color:#f1d88d!important;
  border-color:rgba(87,65,31,.36)!important;
}

/* Desktop article view: toolbar + body = same no-scroll panel height. */
@media (min-width:901px){
  #mwtRightArticle.is-active{
    grid-template-rows:38px minmax(0,1fr)!important;
  }
  .mwt-article-toolbar{
    height:38px;
    min-height:38px;
    padding:3px 4px;
  }
  #mwtRightArticle .mwt-back,
  .mwt-article-nav button{
    min-height:30px!important;
    height:30px!important;
  }
}

/* Mobile: keep all five cross-links available, but allow horizontal swipe in toolbar only. */
@media(max-width:900px){
  .mwt-article-toolbar{
    grid-template-columns:auto minmax(0,1fr);
  }
  .mwt-article-nav{
    display:flex;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }
  .mwt-article-nav::-webkit-scrollbar{display:none}
  .mwt-article-nav button{
    flex:0 0 auto;
    min-width:120px;
  }
}


/* ===== v1.4.0 estimate panel redesign ===== */
@media (min-width:901px){
  .mwt-left{justify-content:space-between!important}
  .mwt-left > *{margin-top:0!important}

  #mwtRightEstimate.is-active{
    display:grid;
    grid-template-rows:auto minmax(0, 1fr) minmax(92px, auto);
    gap:4px;
    align-content:stretch;
  }

  .mwt-estimate-layout{
    display:grid!important;
    grid-template-columns:minmax(0, 1.45fr) minmax(240px, .72fr)!important;
    min-height:0!important;
    height:100%;
    gap:0;
    margin-top:0!important;
    background:#0a3728;
    color:#f7eed8;
    border:1px solid #9f8146;
    border-radius:6px;
    overflow:hidden;
  }
  .mwt-estimate-main{
    min-width:0;
    display:grid;
    grid-template-rows:auto auto auto auto 42px;
    gap:6px;
    padding:10px 12px;
    border-right:1px solid rgba(210,170,81,.28);
    background:linear-gradient(180deg, rgba(10,55,40,.96), rgba(8,42,31,.96));
  }
  .mwt-estimate-board-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:8px;
    padding-bottom:4px;
    border-bottom:1px solid rgba(210,170,81,.24);
  }
  .mwt-estimate-board-head small{
    color:#d8bb6c;
    font-size:12px;
    letter-spacing:.08em;
    font-weight:800;
  }
  .mwt-estimate-board-head b{
    color:#f2ddb0;
    font-size:16px;
    font-weight:900;
  }
  .mwt-summary-large{
    min-height:78px!important;
    height:auto!important;
    margin-top:0!important;
    padding:11px 12px!important;
    background:linear-gradient(180deg,#efe2bf,#e7d6ae)!important;
    border-color:#b89d63!important;
    color:#324033!important;
    font-size:14px!important;
    line-height:1.75!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
  }
  .mwt-summary-large b{
    display:block;
    margin-bottom:3px;
    color:#6d4e1f;
    font-size:15px;
    letter-spacing:.04em;
  }
  .mwt-summary-large span{
    font-weight:700;
  }
  .mwt-no-price{padding:0 2px 0 4px!important}

  .mwt-price-box-large{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  .mwt-price-tile{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:96px;
    padding:12px 12px 10px;
    border:1px solid rgba(210,170,81,.34);
    border-radius:6px;
    background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.11));
  }
  .mwt-price-tile.total{
    background:linear-gradient(180deg, rgba(112,145,46,.3), rgba(35,74,25,.35));
    border-color:#a9c85a;
  }
  .mwt-price-tile small{
    color:#d0b975;
    font-size:12px;
    margin-bottom:5px;
  }
  .mwt-price-tile strong{
    font:700 28px Georgia,serif!important;
    color:#f0ce69!important;
    line-height:1.05;
  }
  .mwt-price-tile.total strong{color:#fff0a9!important}
  .mwt-price-tile b{
    font-size:24px!important;
    color:#f7eed8;
    line-height:1.1;
  }

  .mwt-notices-inline{
    margin-top:0!important;
    grid-template-columns:1fr!important;
    background:rgba(255,248,233,.95)!important;
  }
  .mwt-notices-inline article{padding:8px 10px!important}
  .mwt-notices-inline article+article{border-top:1px solid #d7c8a3;border-left:0!important}
  .mwt-formal{
    width:100%!important;
    margin-top:0!important;
  }

  .mwt-estimate-side{
    min-width:0;
    display:grid;
    grid-template-rows:170px 1fr;
    background:linear-gradient(180deg, rgba(6,30,21,.88), rgba(5,27,19,.98));
  }
  .mwt-estimate-side .mwt-product-photo{
    min-height:0!important;
    height:100%;
  }
  .mwt-estimate-side .mwt-product-photo span{
    top:8px;left:8px;width:68px;height:68px;font-size:11px;
  }
  .mwt-estimate-side .mwt-product-info{
    padding:10px 11px!important;
  }
  .mwt-estimate-side .mwt-product-info small{font-size:12px!important}
  .mwt-estimate-side .mwt-product-info h3{
    margin:4px 0 6px!important;
    font-size:18px!important;
    line-height:1.22;
  }
  .mwt-estimate-side .mwt-product-info p{
    margin:0 0 6px!important;
    line-height:1.4!important;
  }
  .mwt-estimate-side .mwt-ratings{
    gap:4px!important;
    margin-top:6px!important;
  }
  .mwt-estimate-side .mwt-ratings label{
    grid-template-columns:120px 1fr!important;
    font-size:12px!important;
  }

  .mwt-knowledge{margin-top:0!important}
  .mwt-knowledge-grid{margin-top:4px!important}

  /* Slightly increase the simulator groups vertically to use the leftover space. */
  .mwt-group{padding-top:5px!important;padding-bottom:5px!important}
  .mwt-step-badge span{min-height:100%!important}
  .mwt-options button{min-height:38px!important}
  .mwt-qty button{min-height:46px!important}
  .mwt-left select{height:40px!important}
  .mwt-calc-actions button{height:40px!important}
}

@media (min-width:901px) and (max-height:720px){
  .mwt-estimate-side{grid-template-rows:148px 1fr}
  .mwt-price-tile{min-height:80px;padding:8px 10px}
  .mwt-price-tile strong{font-size:24px!important}
  .mwt-price-tile b{font-size:20px!important}
  .mwt-summary-large{min-height:68px!important;padding:8px 10px!important;line-height:1.6!important}
  .mwt-estimate-main{gap:4px;padding:8px 9px}
  .mwt-estimate-side .mwt-product-info h3{font-size:16px!important}
}

@media (max-width:900px){
  .mwt-estimate-layout{grid-template-columns:1fr!important}
  .mwt-estimate-main{padding:10px 10px 8px}
  .mwt-price-box-large{grid-template-columns:1fr!important;gap:6px}
  .mwt-estimate-side{display:grid;grid-template-columns:120px 1fr;grid-template-rows:none}
  .mwt-estimate-side .mwt-product-photo{min-height:150px}
  .mwt-summary-large{font-size:13px!important}
}


/* ===== v1.4.1 RIGHT CONTROL PANEL / VISIBILITY FIX ===== */
.mwt-seo-copy{
  white-space:nowrap!important;
  overflow:hidden;
  text-overflow:clip;
  font-size:12px!important;
  letter-spacing:-.025em;
  line-height:1!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
@media(min-width:1100px){
  .mwt-header{grid-template-columns:.95fr 1.65fr .9fr!important}
}

/* Explicit dark text on cream estimate notices — fixes invisible text. */
.mwt-notices-inline,
.mwt-notices-inline article,
.mwt-notices-inline b,
.mwt-notices-inline p{
  color:#334036!important;
}
.mwt-notices-inline b{color:#5d471f!important}
.mwt-notices-inline p{color:#5a625b!important}

@media (min-width:901px){
  #mwtRightEstimate.is-active{
    grid-template-rows:minmax(0,1fr) minmax(96px,auto)!important;
    padding-top:0!important;
  }

  .mwt-estimate-layout{
    border-radius:8px!important;
    border-color:rgba(211,173,89,.62)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.035),
      0 5px 18px rgba(32,24,6,.14)!important;
  }
  .mwt-estimate-main{
    grid-template-rows:auto auto auto minmax(0,1fr) 44px!important;
    gap:7px!important;
    padding:11px 13px!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(115,157,55,.12),transparent 35%),
      linear-gradient(180deg,#0b3c2b 0%,#082c21 58%,#06271d 100%)!important;
  }
  .mwt-estimate-board-head{
    align-items:center!important;
    min-height:47px;
    padding:0 0 8px!important;
    border-bottom:1px solid rgba(215,180,94,.34)!important;
  }
  .mwt-estimate-board-head>div{
    display:flex;
    flex-direction:column;
    gap:2px;
  }
  .mwt-estimate-board-head small{font-size:12px!important;color:#c8ab65!important}
  .mwt-estimate-board-head b{font-size:18px!important;color:#f3dfad!important}
  .mwt-live-indicator{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 8px;
    border:1px solid rgba(151,194,72,.45);
    border-radius:999px;
    background:rgba(64,102,34,.24);
    color:#d8ed9b;
    font-size:12px;
    font-weight:800;
  }
  .mwt-live-indicator i{
    width:8px;height:8px;border-radius:50%;background:#a7d250;box-shadow:0 0 8px rgba(167,210,80,.75)
  }

  .mwt-summary-large{
    min-height:90px!important;
    background:
      linear-gradient(180deg,rgba(246,233,199,.98),rgba(224,207,166,.98))!important;
    color:#29382f!important;
    border:1px solid #b99a5b!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 1px 7px rgba(20,14,4,.12)!important;
  }
  .mwt-summary-large b{color:#60471a!important}
  .mwt-summary-large span{color:#334238!important}

  .mwt-price-box-large{
    gap:8px!important;
  }
  .mwt-price-tile{
    min-height:104px!important;
    border-color:rgba(215,180,94,.42)!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.14)),
      #0b3829!important;
    box-shadow:inset 0 0 16px rgba(0,0,0,.08);
  }
  .mwt-price-tile.total{
    background:
      linear-gradient(180deg,rgba(110,150,53,.25),rgba(31,75,31,.25)),
      #0c3b2a!important;
  }

  .mwt-notices-inline{
    align-self:stretch;
    overflow:hidden;
  }
  .mwt-notices-inline article{
    background:linear-gradient(180deg,#f6edd8,#eadcba)!important;
  }

  .mwt-estimate-side{
    grid-template-rows:38px 190px minmax(0,1fr)!important;
    background:
      radial-gradient(circle at 80% 5%,rgba(111,154,53,.12),transparent 28%),
      linear-gradient(180deg,#07281d,#041d16)!important;
  }
  .mwt-side-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:5px 9px;
    border-bottom:1px solid rgba(211,173,89,.28);
    background:rgba(255,255,255,.025);
  }
  .mwt-side-title small{
    color:#a9baad;
    font-size:12px;
    letter-spacing:.08em;
  }
  .mwt-side-title b{
    color:#edcf78;
    font-size:14px;
  }
  .mwt-estimate-side .mwt-product-photo{
    background-size:cover!important;
    background-position:center 55%!important;
  }
  .mwt-estimate-side .mwt-product-photo:after{
    background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(2,21,14,.36))!important;
  }
  .mwt-estimate-side .mwt-product-info{
    border-top:1px solid rgba(211,173,89,.2);
    background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.08));
  }

  /* use available vertical space on the simulator while keeping ~20px bottom breathing room */
  .mwt-left{
    padding-bottom:18px!important;
  }
  .mwt-group{
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
}

@media (min-width:901px) and (max-height:720px){
  .mwt-estimate-side{grid-template-rows:34px 156px minmax(0,1fr)!important}
  .mwt-price-tile{min-height:82px!important}
  .mwt-summary-large{min-height:70px!important}
  .mwt-group{padding-top:4px!important;padding-bottom:4px!important}
  .mwt-left{padding-bottom:12px!important}
}

@media(max-width:900px){
  .mwt-seo-copy{display:none!important}
  .mwt-estimate-side{grid-template-columns:1fr!important;grid-template-rows:auto 180px auto!important}
  .mwt-side-title{grid-column:1/-1}
}


/* ===== v1.4.2 FOB / 1t / custom quantity / recurring purchase ===== */
.mwt-incoterms{
  min-height:28px;
  display:flex;
  align-items:center;
  gap:7px;
  margin:2px 0 3px;
  padding:3px 8px;
  border:1px solid rgba(220,183,87,.55);
  border-radius:5px;
  background:linear-gradient(90deg,rgba(166,124,32,.18),rgba(14,61,42,.20)),#0a3728;
  color:#f0d486;
}
.mwt-incoterms b{font-size:12px;letter-spacing:.10em}
.mwt-incoterms strong{
  padding:2px 9px;border-radius:999px;background:#d5ad51;color:#12291c;
  font-size:14px;letter-spacing:.05em;
}
.mwt-incoterms span{font-size:12px;color:#cbd5cb}

.mwt-qty{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.mwt-qty .mwt-custom-qty{
  min-height:44px;
  padding:4px 6px;
  border:1px solid rgba(210,170,81,.38);
  border-radius:5px;
  background:#0a3225;
  color:#f0dfb7;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:6px;
}
.mwt-custom-qty>label{white-space:nowrap;color:#e5c86f;font-size:12px;font-weight:800}
.mwt-custom-qty>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px}
.mwt-custom-qty input{
  width:100%;min-width:0;height:32px;padding:3px 7px;
  border:1px solid rgba(230,201,121,.52);border-radius:4px;
  background:#f1e8ce;color:#213a2b;font-size:13px;font-weight:800;outline:none;
}
.mwt-custom-qty input:focus{border-color:#acd85b;box-shadow:0 0 0 2px rgba(164,208,79,.16)}
.mwt-custom-qty span{color:#e7cf8d;font-weight:800}

.mwt-recurring-group{min-height:0;margin-top:3px!important;padding-top:3px!important;padding-bottom:3px!important}
.mwt-recurring{grid-template-columns:repeat(3,1fr)!important}
.mwt-recurring button{min-height:31px!important}

/* Compact the price band so notices + CTA fit cleanly. */
@media(min-width:901px){
  .mwt-estimate-main{
    grid-template-rows:auto auto auto auto 36px!important;
    gap:3px!important;
    padding:7px 9px!important;
  }
  .mwt-price-box-large{gap:5px!important}
  .mwt-price-tile{
    min-height:68px!important;
    padding:6px 9px!important;
  }
  .mwt-price-tile small{margin-bottom:2px!important}
  .mwt-price-tile strong{font-size:22px!important}
  .mwt-price-tile b{font-size:20px!important}
  .mwt-notices-inline article{padding:4px 7px!important}
  .mwt-notices-inline b{font-size:13px!important}
  .mwt-notices-inline p{margin:1px 0 0!important;font-size:12px!important;line-height:1.25!important}
  .mwt-formal{height:36px!important;min-height:36px!important}

  /* No BEST MATCH title row and no yellow RECOMMENDED badge. */
  .mwt-estimate-side{
    grid-template-rows:190px minmax(0,1fr)!important;
  }
  .mwt-estimate-side .mwt-product-photo span{display:none!important}

  /* Keep 01–09 inside the left panel without scroll. */
  .mwt-group{padding-top:3px!important;padding-bottom:3px!important}
  .mwt-options button{min-height:32px!important}
  .mwt-qty button{min-height:42px!important}
  .mwt-left select{height:34px!important}
  .mwt-calc-actions{margin-top:2px!important}
  .mwt-calc-actions button{height:34px!important}
  .mwt-left{padding-bottom:7px!important}
}
@media(min-width:901px) and (max-height:720px){
  .mwt-incoterms{min-height:24px;padding-top:1px;padding-bottom:1px}
  .mwt-qty .mwt-custom-qty{min-height:38px}
  .mwt-custom-qty input{height:28px}
  .mwt-recurring button{min-height:27px!important}
  .mwt-price-tile{min-height:60px!important}
  .mwt-estimate-side{grid-template-rows:150px minmax(0,1fr)!important}
}
@media(max-width:900px){
  .mwt-incoterms{flex-wrap:wrap}
  .mwt-qty{grid-template-columns:1fr 1fr!important}
  .mwt-qty .mwt-custom-qty{grid-column:1/-1}
  .mwt-recurring{grid-template-columns:1fr 1fr 1fr!important}
  .mwt-estimate-side{grid-template-rows:180px auto!important}
}


/* ===== v1.4.3 estimate height / knowledge tiles / alternating simulator tones ===== */

/*
 * Make the 200g TEST / MOQ notes fully visible.
 * The knowledge heading row was removed, so that vertical space is returned
 * to the estimate control panel above.
 */
@media (min-width:901px){
  #mwtRightEstimate.is-active{
    grid-template-rows:minmax(0,1fr) minmax(108px,116px)!important;
    gap:5px!important;
  }

  .mwt-estimate-layout{
    min-height:0!important;
    height:100%!important;
  }

  .mwt-estimate-main{
    grid-template-rows:auto minmax(82px,auto) auto minmax(92px,auto) 40px!important;
    gap:5px!important;
    padding:9px 10px 8px!important;
  }

  .mwt-summary-large{
    min-height:82px!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .mwt-price-box-large{
    min-height:0!important;
  }

  .mwt-price-tile{
    min-height:66px!important;
  }

  .mwt-notices-inline{
    min-height:92px!important;
    max-height:none!important;
    overflow:visible!important;
    align-self:stretch!important;
  }

  .mwt-notices-inline article{
    min-height:43px!important;
    overflow:visible!important;
    padding:5px 8px!important;
  }

  .mwt-notices-inline b,
  .mwt-notices-inline p{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .mwt-formal{
    align-self:end!important;
  }

  /* No heading above knowledge tiles; tiles consume the full lower band. */
  .mwt-knowledge{
    height:100%!important;
    min-height:0!important;
    display:block!important;
    margin:0!important;
  }

  .mwt-knowledge-grid{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    gap:6px!important;
  }
}

/* Knowledge tiles: photo only, no black box/background under the image.
 * Title is centered directly over each photo on a deep green strip.
 */
.mwt-knowledge-grid button{
  position:relative!important;
  height:100%!important;
  min-height:100px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #b99a54!important;
  border-radius:6px!important;
  background:transparent!important;
  box-shadow:none!important;
}

.mwt-knowledge-grid img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  background:transparent!important;
}

.mwt-knowledge-grid button:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,30,20,.18) 100%);
  pointer-events:none;
}

.mwt-knowledge-grid b{
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:calc(100% - 20px)!important;
  padding:8px 7px!important;
  border-radius:5px!important;
  background:rgba(5,58,40,.90)!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:700!important;
  text-align:center!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
  white-space:normal!important;
}

/* Free quantity: blank field only — no example value/placeholder visually shown. */
#mwtCustomQty::placeholder{
  color:transparent!important;
  opacity:0!important;
}

/*
 * 01–09 alternating simulator tones.
 * Odd = just a little lighter; even = deeper green.
 * Explicit step selectors ensure the difference is visible even if inherited
 * tone-a / tone-b rules from previous versions remain.
 */
.mwt-group[data-step="01"],
.mwt-group[data-step="03"],
.mwt-group[data-step="05"],
.mwt-group[data-step="07"],
.mwt-group[data-step="09"]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008)),
    #0b3c2c!important;
  border-color:rgba(216,178,81,.42)!important;
}

.mwt-group[data-step="02"],
.mwt-group[data-step="04"],
.mwt-group[data-step="06"],
.mwt-group[data-step="08"]{
  background:
    linear-gradient(180deg,rgba(0,0,0,.025),rgba(0,0,0,.06)),
    #062e22!important;
  border-color:rgba(190,151,61,.34)!important;
}

/* Maintain the visual distinction inside the numbered left rail too. */
.mwt-group[data-step="01"] .mwt-step-badge span,
.mwt-group[data-step="03"] .mwt-step-badge span,
.mwt-group[data-step="05"] .mwt-step-badge span,
.mwt-group[data-step="07"] .mwt-step-badge span,
.mwt-group[data-step="09"] .mwt-step-badge span{
  background:linear-gradient(180deg,#315e42,#173f2d)!important;
}

.mwt-group[data-step="02"] .mwt-step-badge span,
.mwt-group[data-step="04"] .mwt-step-badge span,
.mwt-group[data-step="06"] .mwt-step-badge span,
.mwt-group[data-step="08"] .mwt-step-badge span{
  background:linear-gradient(180deg,#203f30,#0a2b20)!important;
}

@media (min-width:901px) and (max-height:720px){
  #mwtRightEstimate.is-active{
    grid-template-rows:minmax(0,1fr) 94px!important;
  }

  .mwt-estimate-main{
    grid-template-rows:auto minmax(64px,auto) auto minmax(78px,auto) 36px!important;
    gap:3px!important;
    padding:6px 8px!important;
  }

  .mwt-summary-large{min-height:64px!important}
  .mwt-notices-inline{min-height:78px!important}
  .mwt-notices-inline article{min-height:36px!important}
  .mwt-knowledge-grid button{min-height:84px!important}
  .mwt-knowledge-grid b{font-size:14px!important;padding:6px!important}
}

@media(max-width:900px){
  #mwtRightEstimate.is-active{
    display:block!important;
  }

  .mwt-knowledge-grid{
    height:auto!important;
  }

  .mwt-knowledge-grid button{
    min-height:150px!important;
  }

  .mwt-knowledge-grid b{
    font-size:15px!important;
  }
}


/* ===== v1.4.4 COMPACT ESTIMATE STACK + LARGE QUANTITY ===== */
@media (min-width:901px){

  /*
   * The previous grid used auto/minmax rows which stretched the no-price
   * row and created a large empty area. All rows now size to their content.
   */
  .mwt-estimate-main{
    grid-template-rows:
      min-content
      min-content
      18px
      min-content
      min-content!important;
    align-content:start!important;
    justify-content:stretch!important;
    gap:5px!important;
    padding:8px 10px 7px!important;
  }

  .mwt-estimate-board-head{
    min-height:48px!important;
  }

  .mwt-summary-large{
    min-height:92px!important;
    height:auto!important;
    max-height:105px!important;
    overflow:hidden!important;
    margin:0!important;
    padding:10px 12px!important;
  }

  /* The warning line is a fixed compact row instead of a stretchable grid track. */
  .mwt-no-price{
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    padding:1px 4px!important;
    margin:0!important;
    line-height:16px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }

  .mwt-price-box-large{
    margin:0!important;
    padding:0!important;
    gap:6px!important;
    align-items:stretch!important;
  }

  .mwt-price-tile{
    min-height:82px!important;
    height:82px!important;
    padding:8px 10px!important;
    justify-content:center!important;
  }

  .mwt-price-tile small{
    margin-bottom:2px!important;
    line-height:1.2!important;
  }

  .mwt-price-tile strong{
    font-size:26px!important;
    line-height:1!important;
  }

  /* User-requested emphasis: quantity number approx. 2.5x the former 20px size. */
  #mwtQuantity{
    display:block!important;
    font-size:50px!important;
    line-height:.92!important;
    letter-spacing:-.04em!important;
    font-weight:800!important;
    color:#fff7d5!important;
    white-space:nowrap!important;
  }

  .mwt-price-tile:nth-child(2){
    padding-top:6px!important;
    padding-bottom:5px!important;
  }

  .mwt-notices-inline{
    min-height:86px!important;
    max-height:86px!important;
    height:86px!important;
    overflow:hidden!important;
    margin:0!important;
  }

  .mwt-notices-inline article{
    min-height:40px!important;
    max-height:43px!important;
    padding:4px 8px!important;
    overflow:hidden!important;
  }

  .mwt-notices-inline b{
    line-height:1.2!important;
  }

  .mwt-notices-inline p{
    margin:2px 0 0!important;
    line-height:1.25!important;
  }

  .mwt-formal{
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
  }

  /* Give the full estimate panel a little more room and keep the lower photos visible. */
  #mwtRightEstimate.is-active{
    grid-template-rows:minmax(0,1fr) 106px!important;
    gap:5px!important;
  }

  .mwt-knowledge-grid{
    height:106px!important;
  }
}

@media (min-width:901px) and (max-height:720px){
  .mwt-estimate-main{
    grid-template-rows:min-content min-content 16px min-content min-content!important;
    gap:3px!important;
    padding:5px 8px!important;
  }

  .mwt-estimate-board-head{
    min-height:42px!important;
  }

  .mwt-summary-large{
    min-height:72px!important;
    max-height:78px!important;
    padding:7px 9px!important;
  }

  .mwt-no-price{
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    line-height:14px!important;
  }

  .mwt-price-tile{
    min-height:70px!important;
    height:70px!important;
  }

  #mwtQuantity{
    font-size:44px!important;
  }

  .mwt-notices-inline{
    min-height:72px!important;
    max-height:72px!important;
    height:72px!important;
  }

  .mwt-notices-inline article{
    min-height:34px!important;
    max-height:36px!important;
  }

  .mwt-formal{
    height:34px!important;
    min-height:34px!important;
  }

  #mwtRightEstimate.is-active{
    grid-template-rows:minmax(0,1fr) 92px!important;
  }

  .mwt-knowledge-grid{
    height:92px!important;
  }
}

@media (max-width:900px){
  #mwtQuantity{
    font-size:42px!important;
    line-height:1!important;
  }

  .mwt-no-price{
    min-height:18px!important;
  }
}


/* ===== v1.4.5 SELECTED CONDITIONS HEIGHT ===== */
@media (min-width:901px){
  .mwt-summary-large{
    min-height:184px!important;
    height:184px!important;
    max-height:184px!important;
    padding:13px 14px!important;
    overflow:hidden!important;
    display:block!important;
  }

  .mwt-summary-large b{
    margin-bottom:22px!important;
    font-size:16px!important;
    line-height:1.2!important;
  }

  .mwt-summary-large span{
    line-height:1.8!important;
  }
}

@media (min-width:901px) and (max-height:720px){
  .mwt-summary-large{
    min-height:150px!important;
    height:150px!important;
    max-height:150px!important;
  }

  .mwt-summary-large b{
    margin-bottom:14px!important;
  }
}

@media (max-width:900px){
  .mwt-summary-large{
    min-height:160px!important;
    height:auto!important;
    max-height:none!important;
  }
}


/* ===== v1.4.6 RECOMMENDED MATCHA PHOTO LABEL ===== */
.mwt-product-photo .mwt-recommended-overlay{
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:78%!important;
  min-height:58px!important;
  padding:9px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  border:1px solid rgba(224,194,111,.62)!important;
  border-radius:5px!important;
  background:rgba(4,56,39,.92)!important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:#fff!important;
  text-align:center!important;
  pointer-events:none!important;
  backdrop-filter:blur(2px);
}

.mwt-product-photo .mwt-recommended-overlay b{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
}

.mwt-product-photo .mwt-recommended-overlay span{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.10em!important;
  white-space:nowrap!important;
}

/* Override older rule that hid all spans in the estimate product photo. */
.mwt-estimate-side .mwt-product-photo .mwt-recommended-overlay span{
  display:block!important;
}

@media(max-width:900px){
  .mwt-product-photo .mwt-recommended-overlay{
    width:82%!important;
    min-height:54px!important;
  }
  .mwt-product-photo .mwt-recommended-overlay b{
    font-size:15px!important;
  }
}


/* ===== v1.4.7 PRODUCT CHARACTERISTICS ===== */
.mwt-product-characteristics{
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid rgba(210,170,81,.22);
}

.mwt-product-characteristics h4{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:7px;
  margin:0 0 7px;
  color:#efd17a;
  font-size:13px;
  font-weight:800;
}

.mwt-product-characteristics h4 small{
  color:#86a28f;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
}

#mwtProductCharacteristics{
  display:grid;
  gap:4px;
}

#mwtProductCharacteristics p{
  position:relative;
  margin:0!important;
  padding:3px 0 3px 28px;
  color:#d7e0d8!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:600!important;
}

#mwtProductCharacteristics p span{
  position:absolute;
  left:0;
  top:3px;
  width:22px;
  color:#a9c952!important;
  font-size:12px!important;
  font-weight:800!important;
  font-family:Georgia,serif;
}

@media(min-width:901px){
  .mwt-estimate-side .mwt-product-info{
    overflow:hidden;
  }

  .mwt-product-characteristics{
    margin-top:8px;
    padding-top:7px;
  }

  #mwtProductCharacteristics{
    gap:2px;
  }

  #mwtProductCharacteristics p{
    padding-top:2px;
    padding-bottom:2px;
    line-height:1.35!important;
  }

  #mwtProductCharacteristics p span{
    top:2px;
  }
}

@media(min-width:901px) and (max-height:720px){
  .mwt-product-characteristics h4{
    margin-bottom:4px;
  }

  #mwtProductCharacteristics p{
    line-height:1.25!important;
  }
}


/* ===== v1.4.8 PRODUCT CHARACTERISTICS: 5 LINES ===== */
.mwt-product-characteristics{
  margin-top:7px!important;
  padding-top:6px!important;
}

.mwt-product-characteristics h4{
  margin-bottom:5px!important;
}

#mwtProductCharacteristics{
  gap:1px!important;
}

#mwtProductCharacteristics p{
  padding-top:1px!important;
  padding-bottom:1px!important;
  line-height:1.28!important;
}

#mwtProductCharacteristics p span{
  top:1px!important;
}

@media(min-width:901px) and (max-height:720px){
  .mwt-product-characteristics{
    margin-top:5px!important;
    padding-top:4px!important;
  }

  #mwtProductCharacteristics p{
    line-height:1.18!important;
  }
}


/* ===== v1.4.9 RESET / RECALCULATE CLICK FIX ===== */
.mwt-calc-actions{
  position:relative!important;
  z-index:50!important;
  pointer-events:auto!important;
  isolation:isolate;
}

.mwt-calc-actions button{
  position:relative!important;
  z-index:51!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  user-select:none!important;
  touch-action:manipulation!important;
}

.mwt-calc-actions button::before,
.mwt-calc-actions button::after{
  pointer-events:none!important;
}

.mwt-calc-actions button:active{
  transform:translateY(1px);
  filter:brightness(1.12);
}

@keyframes mwtResetFlash{
  0%{box-shadow:inset 0 0 0 2px rgba(226,198,111,0)}
  35%{box-shadow:inset 0 0 0 2px rgba(226,198,111,.75)}
  100%{box-shadow:inset 0 0 0 2px rgba(226,198,111,0)}
}

@keyframes mwtRecalcFlash{
  0%{box-shadow:inset 0 0 0 2px rgba(176,220,83,0)}
  35%{box-shadow:inset 0 0 0 2px rgba(176,220,83,.9),0 0 18px rgba(119,169,49,.18)}
  100%{box-shadow:inset 0 0 0 2px rgba(176,220,83,0)}
}

.mwt-left.mwt-reset-flash{
  animation:mwtResetFlash .55s ease-out;
}

.mwt-estimate-main.mwt-recalc-flash{
  animation:mwtRecalcFlash .55s ease-out;
}

/* Ensure nothing from the bottom navigation overlaps these controls on desktop. */
@media(min-width:901px){
  .mwt-left{
    position:relative!important;
    z-index:10!important;
  }

  .mwt-calc-actions{
    flex:0 0 auto!important;
    min-height:34px!important;
  }

  .mwt-bottom{
    z-index:30!important;
  }
}


/* ===== v1.5.0 STANDARD REALISTIC STEAM ===== */
.mwt-steam-layer{
  position:fixed;
  z-index:92; /* bottom menu is above it */
  left:0;
  right:0;
  bottom:0;
  height:72vh;
  overflow:hidden;
  pointer-events:none!important;
  user-select:none!important;
  mix-blend-mode:screen;
}

.mwt-steam-slot{
  --steam-left:50vw;
  --steam-scale:1;
  --steam-duration:11s;
  --steam-delay:0s;
  --steam-drift:35px;
  --steam-opacity:.24;
  position:absolute;
  left:var(--steam-left);
  bottom:-370px;
  width:260px;
  height:560px;
  opacity:0;
  transform:translate3d(-50%,0,0) scale(var(--steam-scale));
  transform-origin:50% 100%;
  filter:blur(.4px);
  will-change:transform,opacity,filter;
  pointer-events:none!important;
}

.mwt-steam-slot img{
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:1;
  display:block;
  pointer-events:none!important;
}

@keyframes mwtSteamRise{
  0%{
    opacity:0;
    transform:translate3d(-50%,40px,0) scale(calc(var(--steam-scale) * .76));
    filter:blur(3.5px);
  }
  12%{
    opacity:var(--steam-opacity);
  }
  42%{
    opacity:calc(var(--steam-opacity) * .92);
    transform:translate3d(calc(-50% + var(--steam-drift) * .30),-230px,0) scale(var(--steam-scale));
    filter:blur(2.2px);
  }
  72%{
    opacity:calc(var(--steam-opacity) * .56);
    transform:translate3d(calc(-50% - var(--steam-drift) * .42),-455px,0) scale(calc(var(--steam-scale) * 1.16));
    filter:blur(4.5px);
  }
  100%{
    opacity:0;
    transform:translate3d(calc(-50% + var(--steam-drift)),-690px,0) scale(calc(var(--steam-scale) * 1.30));
    filter:blur(8px);
  }
}

.mwt-steam-slot.is-rising{
  animation:mwtSteamRise var(--steam-duration) cubic-bezier(.18,.45,.25,1) var(--steam-delay) 1 both;
}

/* Bottom menu stays crisp and fully clickable in front of steam. */
.mwt-bottom{
  z-index:100!important;
}
.mwt-drawer,
.mwt-overlay{
  z-index:201!important;
}

/* ===== v1.5.0 CUSTOM QUANTITY MOSS GREEN ===== */
.mwt-custom-qty input{
  background:#d7e1bd!important;
  color:#203a2b!important;
  border-color:#93a96d!important;
  box-shadow:inset 0 1px 2px rgba(41,67,36,.09)!important;
}
.mwt-custom-qty input:focus{
  background:#e0e9cb!important;
  border-color:#b1c87b!important;
  box-shadow:0 0 0 2px rgba(166,197,98,.18),inset 0 1px 2px rgba(41,67,36,.08)!important;
}

/* ===== v1.5.0 CONSULT / OTHER MESSAGE FIELD 2X HEIGHT ===== */
@media(min-width:901px){
  #mwtView-consult .mwt-message-field textarea,
  #mwtView-more .mwt-message-field textarea{
    min-height:108px!important;
    height:108px!important;
    max-height:108px!important;
  }

  #mwtView-consult .mwt-message-field,
  #mwtView-more .mwt-message-field{
    min-height:108px!important;
  }
}

@media(max-width:900px){
  #mwtView-consult .mwt-message-field textarea,
  #mwtView-more .mwt-message-field textarea{
    min-height:250px!important;
    height:250px!important;
  }

  .mwt-steam-layer{
    height:62vh;
    opacity:.72;
  }

  .mwt-steam-slot{
    width:210px;
    height:470px;
    bottom:-310px;
  }
}

@media(prefers-reduced-motion:reduce){
  .mwt-steam-layer{display:none!important}
}


/* ===== v1.5.1 WORLDWIDE DESTINATION LIST ===== */
#mwtMarket{cursor:pointer}
#mwtMarket option{
  background:#f4eedc;
  color:#20382b;
  font-size:13px;
}


/* ===== v1.5.2 RECOMMENDED BAR BELOW PHOTO ===== */
.mwt-estimate-side{
  display:grid!important;
  grid-template-rows:190px 62px minmax(0,1fr)!important;
  gap:0!important;
}

.mwt-estimate-side .mwt-product-photo{
  position:relative!important;
  min-height:190px!important;
  background-size:cover!important;
  background-position:center!important;
  overflow:hidden!important;
}

.mwt-estimate-side .mwt-product-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.18) 100%)!important;
}

.mwt-estimate-side > .mwt-recommended-overlay{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  width:100%!important;
  min-height:62px!important;
  height:62px!important;
  margin:0!important;
  padding:8px 14px!important;
  border:0!important;
  border-top:1px solid rgba(170,141,62,.65)!important;
  border-bottom:1px solid rgba(170,141,62,.42)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(7,69,49,.98),rgba(4,49,36,.98))!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:center!important;
  backdrop-filter:none!important;
}

.mwt-estimate-side > .mwt-recommended-overlay b,
.mwt-estimate-side > .mwt-recommended-overlay span{
  display:block!important;
  color:#fff!important;
}

.mwt-estimate-side > .mwt-recommended-overlay b{
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
}

.mwt-estimate-side > .mwt-recommended-overlay span{
  position:static!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font-size:12px!important;
  line-height:1.12!important;
  font-weight:700!important;
  letter-spacing:.09em!important;
  white-space:nowrap!important;
}

.mwt-estimate-side .mwt-product-info{
  padding-top:12px!important;
}

@media (min-width:901px) and (max-height:720px){
  .mwt-estimate-side{
    grid-template-rows:150px 54px minmax(0,1fr)!important;
  }
  .mwt-estimate-side .mwt-product-photo{min-height:150px!important}
  .mwt-estimate-side > .mwt-recommended-overlay{height:54px!important;min-height:54px!important;padding:6px 10px!important}
}

@media (max-width:900px){
  .mwt-estimate-side{
    grid-template-rows:180px 58px auto!important;
  }
  .mwt-estimate-side > .mwt-recommended-overlay{
    height:58px!important;
    min-height:58px!important;
  }
}


/* ===== v1.5.3 PHOTO / TITLE BAR / ARTICLE TITLE LINE ===== */

/* Shift the photo 7px left */
.mwt-estimate-side .mwt-product-photo{
  background-position:calc(50% - 7px) center!important;
}

/* Move the title bar 15px upward while keeping same width and square corners */
.mwt-estimate-side > .mwt-recommended-overlay{
  margin-top:-15px!important;
  z-index:8!important;
}

/* Remove the line above article H2 */
.mwt-article-toolbar{
  border-bottom:0!important;
  box-shadow:none!important;
}
#mwtRightArticle .mwt-article,
#mwtRightArticle .mwt-article > h2{
  border-top:0!important;
  box-shadow:none!important;
  background-image:none!important;
}

@media (min-width:901px){
  .mwt-estimate-side{
    grid-template-rows:190px 47px minmax(0,1fr)!important;
  }
  .mwt-estimate-side > .mwt-recommended-overlay{
    min-height:62px!important;
    height:62px!important;
  }
}

@media (min-width:901px) and (max-height:720px){
  .mwt-estimate-side{
    grid-template-rows:150px 39px minmax(0,1fr)!important;
  }
  .mwt-estimate-side > .mwt-recommended-overlay{
    min-height:54px!important;
    height:54px!important;
  }
}

@media (max-width:900px){
  .mwt-estimate-side{
    grid-template-rows:180px 43px auto!important;
  }
  .mwt-estimate-side > .mwt-recommended-overlay{
    margin-top:-15px!important;
    min-height:58px!important;
    height:58px!important;
  }
}


/* ===== v1.5.4 RECOMMENDATION PANEL FIT FIX ===== */
@media (min-width:901px){
  /* Make the right-side card slightly more compact so the bottom lines do not clip. */
  .mwt-estimate-side{
    grid-template-rows:172px 39px minmax(0,1fr)!important;
    gap:0!important;
  }

  .mwt-estimate-side .mwt-product-photo{
    min-height:172px!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay{
    margin-top:-12px!important;
    min-height:52px!important;
    height:52px!important;
    padding:5px 10px!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay b{
    font-size:14px!important;
    line-height:1.08!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay span{
    font-size:11px!important;
    line-height:1.04!important;
    letter-spacing:.08em!important;
  }

  .mwt-estimate-side .mwt-product-info{
    padding:9px 11px 8px!important;
    overflow:hidden!important;
  }

  .mwt-estimate-side .mwt-product-info small{
    font-size:10px!important;
    line-height:1.05!important;
  }

  .mwt-estimate-side .mwt-product-info h3{
    margin:4px 0 5px!important;
    font-size:17px!important;
    line-height:1.14!important;
  }

  .mwt-estimate-side .mwt-product-info p{
    margin:0 0 4px!important;
    font-size:11px!important;
    line-height:1.2!important;
  }

  .mwt-estimate-side .mwt-ratings{
    margin-top:4px!important;
    gap:2px!important;
  }

  .mwt-estimate-side .mwt-ratings label{
    grid-template-columns:112px 1fr!important;
    font-size:11px!important;
    line-height:1.12!important;
  }

  .mwt-estimate-side .mwt-ratings i{
    letter-spacing:2px!important;
  }

  .mwt-product-characteristics{
    margin-top:5px!important;
    padding-top:4px!important;
  }

  .mwt-product-characteristics h4{
    margin:0 0 3px!important;
    font-size:12px!important;
    line-height:1.08!important;
  }

  .mwt-product-characteristics h4 small{
    font-size:11px!important;
    line-height:1.04!important;
  }

  #mwtProductCharacteristics{
    gap:0!important;
  }

  #mwtProductCharacteristics p{
    padding:0 0 0 24px!important;
    font-size:11px!important;
    line-height:1.16!important;
  }

  #mwtProductCharacteristics p span{
    top:0!important;
    width:20px!important;
    font-size:11px!important;
  }
}

/* Extra-tight on shorter desktop heights */
@media (min-width:901px) and (max-height:760px){
  .mwt-estimate-side{
    grid-template-rows:160px 35px minmax(0,1fr)!important;
  }

  .mwt-estimate-side .mwt-product-photo{
    min-height:160px!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay{
    min-height:48px!important;
    height:48px!important;
    padding:4px 8px!important;
  }

  .mwt-estimate-side .mwt-product-info{
    padding:8px 10px 6px!important;
  }

  .mwt-estimate-side .mwt-product-info h3{
    font-size:16px!important;
    margin:3px 0 4px!important;
  }

  .mwt-estimate-side .mwt-ratings label{
    font-size:10px!important;
    grid-template-columns:104px 1fr!important;
  }

  #mwtProductCharacteristics p{
    font-size:10px!important;
    line-height:1.12!important;
  }

  #mwtProductCharacteristics p span{
    font-size:10px!important;
  }
}


/* ===== v1.5.5 RECOMMENDATION PANEL BALANCE TUNING ===== */
@media (min-width:901px){
  /* Give a small but visible breathing room at the bottom without going back to clipping. */
  .mwt-estimate-side{
    grid-template-rows:164px 37px minmax(0,1fr)!important;
  }

  .mwt-estimate-side .mwt-product-photo{
    min-height:164px!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay{
    margin-top:-10px!important;
    min-height:48px!important;
    height:48px!important;
    padding:4px 10px!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay b{
    font-size:14px!important;
    line-height:1.06!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay span{
    font-size:11px!important;
    line-height:1.02!important;
  }

  .mwt-estimate-side .mwt-product-info{
    padding:10px 11px 12px!important;
  }

  .mwt-estimate-side .mwt-product-info small{
    font-size:10px!important;
  }

  .mwt-estimate-side .mwt-product-info h3{
    margin:5px 0 6px!important;
    font-size:17px!important;
    line-height:1.16!important;
  }

  .mwt-estimate-side .mwt-product-info p{
    margin:0 0 5px!important;
    font-size:11px!important;
    line-height:1.22!important;
  }

  .mwt-estimate-side .mwt-ratings{
    margin-top:5px!important;
    gap:2px!important;
  }

  .mwt-estimate-side .mwt-ratings label{
    grid-template-columns:112px 1fr!important;
    font-size:11px!important;
    line-height:1.14!important;
  }

  .mwt-product-characteristics{
    margin-top:6px!important;
    padding-top:5px!important;
  }

  .mwt-product-characteristics h4{
    margin:0 0 4px!important;
    font-size:12px!important;
    line-height:1.1!important;
  }

  .mwt-product-characteristics h4 small{
    font-size:11px!important;
    line-height:1.06!important;
  }

  #mwtProductCharacteristics p{
    padding:1px 0 1px 24px!important;
    font-size:11px!important;
    line-height:1.18!important;
  }

  #mwtProductCharacteristics p span{
    top:1px!important;
  }

  /* Put a little safety space under the final line. */
  #mwtProductCharacteristics p:last-child{
    margin-bottom:8px!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  .mwt-estimate-side{
    grid-template-rows:156px 34px minmax(0,1fr)!important;
  }

  .mwt-estimate-side .mwt-product-photo{
    min-height:156px!important;
  }

  .mwt-estimate-side > .mwt-recommended-overlay{
    min-height:45px!important;
    height:45px!important;
    padding:4px 8px!important;
  }

  .mwt-estimate-side .mwt-product-info{
    padding:9px 10px 10px!important;
  }

  .mwt-estimate-side .mwt-product-info h3{
    margin:4px 0 5px!important;
    font-size:16px!important;
  }

  .mwt-estimate-side .mwt-ratings label{
    font-size:10px!important;
    grid-template-columns:104px 1fr!important;
  }

  #mwtProductCharacteristics p{
    font-size:10px!important;
    line-height:1.15!important;
  }

  #mwtProductCharacteristics p:last-child{
    margin-bottom:6px!important;
  }
}


/* ===== v1.5.6 RECOMMENDATION PANEL LINE-HEIGHT OPENING ===== */
@media (min-width:901px){
  .mwt-estimate-side .mwt-product-info p{
    line-height:1.28!important;
    margin:0 0 6px!important;
  }

  .mwt-estimate-side .mwt-ratings{
    margin-top:6px!important;
    gap:4px!important;
  }

  .mwt-estimate-side .mwt-ratings label{
    line-height:1.22!important;
    margin:0!important;
  }

  .mwt-product-characteristics{
    margin-top:7px!important;
    padding-top:6px!important;
  }

  .mwt-product-characteristics h4{
    margin:0 0 6px!important;
    line-height:1.16!important;
  }

  #mwtProductCharacteristics{
    gap:2px!important;
  }

  #mwtProductCharacteristics p{
    line-height:1.26!important;
    padding:1px 0 1px 24px!important;
  }

  #mwtProductCharacteristics p:last-child{
    margin-bottom:6px!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  .mwt-estimate-side .mwt-product-info p{
    line-height:1.22!important;
    margin:0 0 5px!important;
  }

  .mwt-estimate-side .mwt-ratings{
    gap:3px!important;
  }

  .mwt-estimate-side .mwt-ratings label{
    line-height:1.18!important;
  }

  #mwtProductCharacteristics p{
    line-height:1.2!important;
  }
}


/* ===== v1.5.7 SELECTED CONDITIONS TEXT COLOR ===== */
/* White/ivory summary panel must always use deep-green text on PC and mobile. */
#mwtSummary,
.mwt-summary-large{
  color:#173c2c!important;
}

#mwtSummary b,
#mwtSummary span,
.mwt-summary-large b,
.mwt-summary-large span{
  color:#173c2c!important;
  -webkit-text-fill-color:#173c2c!important;
  opacity:1!important;
}

#mwtSummary b,
.mwt-summary-large b{
  font-weight:800!important;
}


/* ===== v1.6.0 NEW STEP 05 PRICE / 06 SAMPLE / 11-STEP LAYOUT ===== */

/* Price preference: four compact choices, long labels remain readable at >=12px. */
.mwt-budget{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.mwt-budget button{
  min-height:42px!important;
  padding:4px 5px!important;
  font-size:12px!important;
  line-height:1.12!important;
}
.mwt-budget button small{
  display:block;
  margin-top:2px;
  font-size:12px!important;
  line-height:1.1!important;
  color:#d5dfc8;
}

/* Sample request + count selector. */
.mwt-sample-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 72px;
  align-items:center;
  gap:5px;
}
.mwt-sample-choice{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.mwt-sample-choice button{
  min-height:31px!important;
  font-size:12px!important;
}
.mwt-sample-qty-label{
  color:#e4ca7a;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
#mwtSampleQty{
  height:32px!important;
  min-width:64px;
  background:#d7e1bd!important;
  color:#173c2c!important;
  border-color:#92a76d!important;
  font-weight:800!important;
}

/* 01–11 alternating green backgrounds. */
.mwt-group[data-step="01"],
.mwt-group[data-step="03"],
.mwt-group[data-step="05"],
.mwt-group[data-step="07"],
.mwt-group[data-step="09"],
.mwt-group[data-step="11"]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008)),
    #0b3c2c!important;
  border-color:rgba(216,178,81,.42)!important;
}

.mwt-group[data-step="02"],
.mwt-group[data-step="04"],
.mwt-group[data-step="06"],
.mwt-group[data-step="08"],
.mwt-group[data-step="10"]{
  background:
    linear-gradient(180deg,rgba(0,0,0,.025),rgba(0,0,0,.06)),
    #062e22!important;
  border-color:rgba(190,151,61,.34)!important;
}

.mwt-group[data-step="01"] .mwt-step-badge span,
.mwt-group[data-step="03"] .mwt-step-badge span,
.mwt-group[data-step="05"] .mwt-step-badge span,
.mwt-group[data-step="07"] .mwt-step-badge span,
.mwt-group[data-step="09"] .mwt-step-badge span,
.mwt-group[data-step="11"] .mwt-step-badge span{
  background:linear-gradient(180deg,#315e42,#173f2d)!important;
}

.mwt-group[data-step="02"] .mwt-step-badge span,
.mwt-group[data-step="04"] .mwt-step-badge span,
.mwt-group[data-step="06"] .mwt-step-badge span,
.mwt-group[data-step="08"] .mwt-step-badge span,
.mwt-group[data-step="10"] .mwt-step-badge span{
  background:linear-gradient(180deg,#203f30,#0a2b20)!important;
}

/* Keep 11 steps inside the desktop panel without introducing a scrollbar. */
@media(min-width:901px){
  .mwt-left{
    overflow:hidden!important;
    padding-top:4px!important;
    padding-bottom:5px!important;
  }

  .mwt-panel-title{
    padding-top:1px!important;
    padding-bottom:3px!important;
  }

  .mwt-incoterms{
    min-height:23px!important;
    margin:1px 0 2px!important;
    padding-top:1px!important;
    padding-bottom:1px!important;
  }

  .mwt-group{
    margin-top:2px!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
  }

  .mwt-label{
    margin-bottom:2px!important;
    line-height:1.05!important;
  }

  .mwt-options{
    gap:2px!important;
  }

  .mwt-options button{
    min-height:29px!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
  }

  .mwt-budget button{
    min-height:39px!important;
  }

  .mwt-qty button{
    min-height:36px!important;
  }

  .mwt-qty .mwt-custom-qty{
    min-height:36px!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
  }

  .mwt-custom-qty input{
    height:27px!important;
  }

  .mwt-bottom-inputs{
    gap:2px!important;
  }

  .mwt-left select{
    height:31px!important;
  }

  .mwt-recurring-group{
    margin-top:2px!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
  }

  .mwt-recurring button{
    min-height:29px!important;
  }

  .mwt-calc-actions{
    margin-top:2px!important;
  }

  .mwt-calc-actions button{
    height:31px!important;
  }
}

@media(max-width:900px){
  .mwt-budget{
    grid-template-columns:1fr 1fr!important;
  }

  .mwt-budget button{
    min-height:56px!important;
  }

  .mwt-sample-controls{
    grid-template-columns:1fr 90px!important;
  }

  .mwt-sample-choice{
    grid-column:1/-1;
  }

  .mwt-sample-qty-label{
    text-align:right;
  }

  #mwtSampleQty{
    width:90px!important;
  }
}


/* ===== v1.6.1 20g PAID SAMPLE ===== */
.mwt-sample-group .mwt-label small{
  font-size:12px!important;
  letter-spacing:.02em!important;
}

.mwt-sample-qty-label{
  line-height:1.1!important;
}

@media(min-width:901px){
  /* Step 08 now contains formal order quantities only. */
  .mwt-group[data-step="08"] .mwt-qty{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
  }
}

@media(max-width:900px){
  .mwt-sample-qty-label{
    white-space:normal!important;
  }
}


/* ===== v1.6.2 STEP 08 CUSTOM QUANTITY WIDTH ===== */
@media(min-width:901px){
  .mwt-group[data-step="08"] .mwt-qty{
    grid-template-columns:repeat(17,minmax(0,1fr))!important;
  }

  .mwt-group[data-step="08"] .mwt-qty > button{
    grid-column:span 2!important;
  }

  .mwt-group[data-step="08"] .mwt-qty > .mwt-custom-qty{
    grid-column:span 5!important;
    min-width:0!important;
  }

  .mwt-group[data-step="08"] .mwt-custom-qty > div{
    min-width:0!important;
  }

  .mwt-group[data-step="08"] #mwtCustomQty{
    width:100%!important;
  }
}


/* ===== v1.6.3 PACKAGING + REQUESTED DELIVERY DATE ===== */

/* Step 09 now has only 1kg / 10kg aluminum bag. */
.mwt-pack{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

/* Keep 11 and 12 side-by-side on desktop so the left panel does not grow vertically. */
.mwt-final-inputs{
  margin-top:2px!important;
}

.mwt-final-inputs .mwt-group{
  min-width:0;
}

#mwtDeliveryDate{
  width:100%;
  height:31px;
  padding:0 9px;
  border:1px solid rgba(210,170,81,.42);
  border-radius:5px;
  background:#d7e1bd;
  color:#173c2c;
  font-size:13px;
  font-weight:800;
  font-family:inherit;
  cursor:pointer;
  color-scheme:light;
}

#mwtDeliveryDate:focus{
  outline:none;
  border-color:#b7cd78;
  box-shadow:0 0 0 2px rgba(174,199,108,.18);
}

/* Step 12 follows the even-step deeper green tone. */
.mwt-group[data-step="12"]{
  background:
    linear-gradient(180deg,rgba(0,0,0,.025),rgba(0,0,0,.06)),
    #062e22!important;
  border-color:rgba(190,151,61,.34)!important;
}

.mwt-group[data-step="12"] .mwt-step-badge span{
  background:linear-gradient(180deg,#203f30,#0a2b20)!important;
}

@media(min-width:901px){
  .mwt-final-inputs{
    grid-template-columns:1.15fr .85fr!important;
  }

  .mwt-final-inputs .mwt-group{
    margin-top:0!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
  }

  .mwt-final-inputs .mwt-recurring button{
    min-height:29px!important;
  }

  #mwtDeliveryDate{
    height:29px!important;
  }
}

@media(max-width:900px){
  .mwt-final-inputs{
    grid-template-columns:1fr!important;
  }

  #mwtDeliveryDate{
    height:44px!important;
    font-size:14px!important;
  }
}

/* ===== v1.6.5 LARGE SHIMMER CTA ===== */

/* Main CTA family:/* Main CTA family:
   centered at 80% width, about twice the former height,
   with a restrained moving-light effect. */
.mwt-formal,
.mwt-submit-row button{
  position:relative!important;
  display:block!important;
  width:80%!important;
  max-width:80%!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
  isolation:isolate!important;

  border:1px solid #7fa13f!important;
  border-radius:8px!important;
  background:
    linear-gradient(180deg,#78973d 0%,#58772e 52%,#3c5d25 100%)!important;
  color:#fff!important;
  box-shadow:
    0 7px 16px rgba(18,53,33,.19),
    inset 0 1px 0 rgba(255,255,255,.19),
    inset 0 -1px 0 rgba(26,55,26,.44)!important;
  text-shadow:0 1px 2px rgba(22,48,25,.55)!important;
  cursor:pointer!important;
}

/* Formal quote: previous desktop effective height was ~38px. */
.mwt-formal{
  height:76px!important;
  min-height:76px!important;
  margin-top:5px!important;
  margin-bottom:4px!important;
  font-size:17px!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
}

/* Form submit: previous desktop effective height was ~36px. */
.mwt-submit-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

.mwt-submit-row button{
  height:72px!important;
  min-height:72px!important;
  font-size:16px!important;
  font-weight:800!important;
}

/* Moving soft highlight. */
.mwt-formal::after,
.mwt-submit-row button::after{
  content:"";
  position:absolute;
  z-index:2;
  top:-55%;
  left:-42%;
  width:30%;
  height:210%;
  pointer-events:none;
  opacity:0;
  transform:skewX(-20deg);
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.12) 28%,
      rgba(255,255,255,.52) 50%,
      rgba(255,255,255,.12) 72%,
      rgba(255,255,255,0) 100%
    );
  filter:blur(.4px);
  animation:mwtCtaLightSweep 4.8s ease-in-out infinite;
}

@keyframes mwtCtaLightSweep{
  0%,58%{
    left:-42%;
    opacity:0;
  }
  62%{
    opacity:.72;
  }
  80%{
    left:116%;
    opacity:.42;
  }
  84%,100%{
    left:116%;
    opacity:0;
  }
}

/* A faint living glow without changing layout. */
.mwt-formal,
.mwt-submit-row button:not(:disabled){
  animation:mwtCtaBreath 3.8s ease-in-out infinite;
}

@keyframes mwtCtaBreath{
  0%,100%{
    box-shadow:
      0 7px 16px rgba(18,53,33,.19),
      0 0 0 rgba(145,181,74,0),
      inset 0 1px 0 rgba(255,255,255,.19),
      inset 0 -1px 0 rgba(26,55,26,.44);
  }
  50%{
    box-shadow:
      0 8px 18px rgba(18,53,33,.24),
      0 0 18px rgba(145,181,74,.25),
      inset 0 1px 0 rgba(255,255,255,.22),
      inset 0 -1px 0 rgba(26,55,26,.44);
  }
}

.mwt-formal:hover,
.mwt-submit-row button:not(:disabled):hover{
  filter:brightness(1.08)!important;
  transform:translateY(-1px)!important;
}

.mwt-formal:active,
.mwt-submit-row button:not(:disabled):active{
  transform:translateY(1px)!important;
  filter:brightness(.98)!important;
}

/* Disabled submit remains clearly disabled and does not shimmer. */
.mwt-submit-row button:disabled{
  opacity:.50!important;
  cursor:not-allowed!important;
  animation:none!important;
  filter:saturate(.55)!important;
}

.mwt-submit-row button:disabled::after{
  display:none!important;
}

/* Short desktop: retain exact "roughly 2x" relation to the older 34px CTA. */
@media (min-width:901px) and (max-height:720px){
  .mwt-formal{
    height:68px!important;
    min-height:68px!important;
    font-size:16px!important;
  }

  .mwt-submit-row button{
    height:68px!important;
    min-height:68px!important;
  }
}

/* Mobile: still 80% centered and intentionally large, but avoids over-filling the screen. */
@media(max-width:900px){
  .mwt-formal,
  .mwt-submit-row button{
    width:80%!important;
    max-width:80%!important;
    height:70px!important;
    min-height:70px!important;
  }

  .mwt-formal{
    font-size:16px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .mwt-formal,
  .mwt-submit-row button{
    animation:none!important;
  }

  .mwt-formal::after,
  .mwt-submit-row button::after{
    animation:none!important;
    display:none!important;
  }
}


/* ===== v1.6.6 LEGAL LINKS + FADE MODAL ===== */

.mwt-legal-links{
  position:fixed;
  right:14px;
  bottom:calc(var(--bh) + 5px);
  z-index:118;
  display:flex;
  align-items:center;
  gap:4px;
  padding:2px 7px;
  border:1px solid rgba(210,170,81,.22);
  border-radius:3px;
  background:rgba(5,37,27,.76);
  backdrop-filter:blur(5px);
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  color:#cbbd91;
  line-height:1;
}

.mwt-legal-links button{
  padding:2px 0;
  border:0;
  background:transparent;
  color:#d8c899;
  font-size:11px;
  font-weight:600;
  line-height:1.1;
  cursor:pointer;
  text-decoration:none;
}

.mwt-legal-links button:hover{
  color:#fff1bd;
  text-decoration:underline;
  text-underline-offset:2px;
}

.mwt-legal-links span{
  color:rgba(216,200,153,.42);
  font-size:10px;
}

.mwt-legal-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity .28s ease,
    visibility 0s linear .28s;
}

.mwt-legal-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:
    opacity .28s ease,
    visibility 0s linear 0s;
}

.mwt-legal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(1,18,13,.78);
  backdrop-filter:blur(7px);
  opacity:0;
  transition:opacity .32s ease;
}

.mwt-legal-modal.is-open .mwt-legal-backdrop{
  opacity:1;
}

.mwt-legal-dialog{
  position:relative;
  z-index:2;
  width:min(820px,94vw);
  max-height:min(78vh,780px);
  overflow:auto;
  padding:26px 28px 28px;
  border:1px solid #ae914b;
  border-radius:8px;
  background:
    radial-gradient(circle at 16% 12%,rgba(110,83,41,.08) 0 1px,transparent 2px),
    radial-gradient(circle at 84% 28%,rgba(110,83,41,.07) 0 1px,transparent 2px),
    linear-gradient(180deg,#f0e7d1,#e4d8be);
  color:#253a2e;
  box-shadow:
    0 24px 70px rgba(0,0,0,.42),
    inset 0 0 0 1px rgba(255,255,255,.44);
  transform:translateY(16px) scale(.985);
  opacity:0;
  transition:
    transform .32s cubic-bezier(.2,.72,.3,1),
    opacity .26s ease;
}

.mwt-legal-modal.is-open .mwt-legal-dialog{
  transform:translateY(0) scale(1);
  opacity:1;
}

.mwt-legal-close{
  position:sticky;
  z-index:5;
  top:0;
  float:right;
  width:38px;
  height:38px;
  margin:-8px -8px 0 12px;
  border:1px solid #b1924b;
  border-radius:50%;
  background:#164b36;
  color:#fff5d4;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.16);
}

.mwt-legal-close:hover{
  background:#245e45;
}

.mwt-legal-panel{
  display:none;
}

.mwt-legal-panel.is-active{
  display:block;
}

.mwt-legal-kicker{
  margin-bottom:4px;
  color:#98772e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}

.mwt-legal-panel h2{
  margin:0 0 18px;
  padding:0 0 10px;
  border-bottom:1px solid rgba(122,94,40,.30);
  color:#183c2c;
  font:700 25px/1.25 "Yu Mincho",serif;
}

.mwt-legal-table{
  border-top:1px solid rgba(126,101,52,.26);
}

.mwt-legal-table dl{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:12px;
  margin:0;
  padding:10px 4px;
  border-bottom:1px solid rgba(126,101,52,.20);
}

.mwt-legal-table dt{
  color:#415545;
  font-size:12px;
  font-weight:800;
}

.mwt-legal-table dd{
  margin:0;
  color:#26392e;
  font-size:13px;
  line-height:1.65;
}

.mwt-legal-panel a{
  color:#1e5a3e;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}

.mwt-legal-note{
  margin:16px 0 0;
  padding:10px 12px;
  border-left:3px solid #8ea652;
  background:rgba(255,255,255,.38);
  color:#4a564b;
  font-size:12px;
  line-height:1.65;
}

.mwt-privacy-copy h3{
  margin:15px 0 5px;
  color:#254a36;
  font-size:14px;
  font-weight:800;
}

.mwt-privacy-copy p{
  margin:0;
  color:#34453a;
  font-size:13px;
  line-height:1.8;
}

html.mwt-legal-open,
html.mwt-legal-open body{
  overflow:hidden!important;
}

@media(max-width:900px){
  .mwt-legal-links{
    right:6px;
    bottom:calc(var(--bh) + 4px);
    gap:2px;
    padding:2px 5px;
  }

  .mwt-legal-links button{
    font-size:10px;
  }

  .mwt-legal-modal{
    align-items:flex-end;
    padding:12px 8px calc(var(--bh) + 8px);
  }

  .mwt-legal-dialog{
    width:100%;
    max-height:76vh;
    padding:20px 16px 22px;
    border-radius:10px 10px 0 0;
    transform:translateY(28px);
  }

  .mwt-legal-panel h2{
    font-size:20px;
  }

  .mwt-legal-table dl{
    grid-template-columns:1fr;
    gap:3px;
    padding:9px 2px;
  }

  .mwt-legal-table dt{
    color:#7c6127;
  }
}

@media(prefers-reduced-motion:reduce){
  .mwt-legal-modal,
  .mwt-legal-backdrop,
  .mwt-legal-dialog{
    transition:none!important;
  }
}


/* ===== v1.6.7 LEGAL LINKS MOVED TO HEADER ===== */
.mwt-tokyo .mwt-legal-links{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:142px!important;
  padding:0 0 0 9px!important;
  margin:0!important;
  border:0!important;
  border-left:1px solid rgba(210,170,81,.25)!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  line-height:1!important;
}

.mwt-tokyo .mwt-legal-links button{
  width:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#bcae82!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1.15!important;
  text-align:left!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  letter-spacing:0!important;
}

.mwt-tokyo .mwt-legal-links button:hover{
  color:#f0d98c!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}

/* The legal block is itself one header item; don't add another inherited left border/padding. */
.mwt-tokyo > .mwt-legal-links{
  padding-left:9px!important;
}

/* Slightly tighten the Tokyo cluster to make room for the two small legal lines. */
@media(min-width:901px){
  .mwt-tokyo{
    gap:6px!important;
  }

  .mwt-tokyo > *:not(.mwt-legal-links){
    padding-left:6px!important;
  }
}

/* Mobile keeps the links to the immediate right of temperature, stacked vertically. */
@media(max-width:900px){
  .mwt-tokyo{
    gap:3px!important;
  }

  .mwt-tokyo > *:not(.mwt-legal-links){
    padding-left:3px!important;
  }

  .mwt-tokyo .mwt-legal-links{
    min-width:112px!important;
    padding-left:5px!important;
    gap:1px!important;
  }

  .mwt-tokyo .mwt-legal-links button{
    font-size:8px!important;
    line-height:1.08!important;
  }
}


/* ===== v1.6.8 MORE NOTICEABLE REALISTIC STEAM ===== */
.mwt-steam-layer{
  height:82vh!important;
}

.mwt-steam-slot{
  bottom:-315px!important;
  width:305px!important;
  height:650px!important;
  filter:blur(.2px)!important;
}

.mwt-steam-slot img{
  filter:contrast(1.08) brightness(1.08)!important;
}

@keyframes mwtSteamRiseVisible{
  0%{
    opacity:0;
    transform:translate3d(-50%,35px,0) scale(calc(var(--steam-scale) * .78));
    filter:blur(3px);
  }
  9%{
    opacity:calc(var(--steam-opacity) * .76);
  }
  18%{
    opacity:var(--steam-opacity);
  }
  45%{
    opacity:calc(var(--steam-opacity) * .94);
    transform:translate3d(calc(-50% + var(--steam-drift) * .30),-250px,0) scale(var(--steam-scale));
    filter:blur(2px);
  }
  72%{
    opacity:calc(var(--steam-opacity) * .62);
    transform:translate3d(calc(-50% - var(--steam-drift) * .38),-490px,0) scale(calc(var(--steam-scale) * 1.16));
    filter:blur(4px);
  }
  100%{
    opacity:0;
    transform:translate3d(calc(-50% + var(--steam-drift)),-760px,0) scale(calc(var(--steam-scale) * 1.33));
    filter:blur(8px);
  }
}

.mwt-steam-slot.is-rising{
  animation:mwtSteamRiseVisible var(--steam-duration) cubic-bezier(.18,.45,.25,1) var(--steam-delay) 1 both!important;
}

@media(max-width:900px){
  .mwt-steam-layer{
    height:70vh!important;
    opacity:.88!important;
  }

  .mwt-steam-slot{
    width:235px!important;
    height:520px!important;
    bottom:-250px!important;
  }
}


/* ===== v1.6.9 STRONGER STEAM + LONG SOFT FADE OUT ===== */
.mwt-steam-slot{
  width:325px!important;
  height:690px!important;
  bottom:-300px!important;
}

.mwt-steam-slot img{
  filter:contrast(1.10) brightness(1.12)!important;
}

/*
  The last ~42% of the motion is now dedicated to fading out.
  Opacity falls in several small steps instead of dropping near the end.
*/
@keyframes mwtSteamRiseSoftFade{
  0%{
    opacity:0;
    transform:translate3d(-50%,40px,0)
              scale(calc(var(--steam-scale) * .76));
    filter:blur(3.2px);
  }

  8%{
    opacity:calc(var(--steam-opacity) * .62);
  }

  17%{
    opacity:var(--steam-opacity);
    filter:blur(2.2px);
  }

  38%{
    opacity:calc(var(--steam-opacity) * .98);
    transform:translate3d(
      calc(-50% + var(--steam-drift) * .24),
      -245px,
      0
    ) scale(var(--steam-scale));
    filter:blur(2.4px);
  }

  56%{
    opacity:calc(var(--steam-opacity) * .84);
    transform:translate3d(
      calc(-50% - var(--steam-drift) * .22),
      -405px,
      0
    ) scale(calc(var(--steam-scale) * 1.10));
    filter:blur(3.6px);
  }

  68%{
    opacity:calc(var(--steam-opacity) * .62);
    transform:translate3d(
      calc(-50% - var(--steam-drift) * .38),
      -515px,
      0
    ) scale(calc(var(--steam-scale) * 1.18));
    filter:blur(4.8px);
  }

  80%{
    opacity:calc(var(--steam-opacity) * .38);
    transform:translate3d(
      calc(-50% + var(--steam-drift) * .34),
      -620px,
      0
    ) scale(calc(var(--steam-scale) * 1.26));
    filter:blur(6.2px);
  }

  90%{
    opacity:calc(var(--steam-opacity) * .16);
    transform:translate3d(
      calc(-50% + var(--steam-drift) * .70),
      -710px,
      0
    ) scale(calc(var(--steam-scale) * 1.33));
    filter:blur(8px);
  }

  97%{
    opacity:calc(var(--steam-opacity) * .045);
  }

  100%{
    opacity:0;
    transform:translate3d(
      calc(-50% + var(--steam-drift)),
      -790px,
      0
    ) scale(calc(var(--steam-scale) * 1.40));
    filter:blur(10px);
  }
}

.mwt-steam-slot.is-rising{
  animation:
    mwtSteamRiseSoftFade
    var(--steam-duration)
    cubic-bezier(.16,.42,.28,1)
    var(--steam-delay)
    1
    both!important;
}

@media(max-width:900px){
  .mwt-steam-slot{
    width:250px!important;
    height:545px!important;
    bottom:-245px!important;
  }
}


/* ===== v1.7.0 JAPAN FLAG OPENS LANGUAGE / MENU DRAWER ===== */
button.mwt-jp-flag{
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  position:relative!important;
  outline:none!important;
  transition:
    transform .16s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    filter .18s ease!important;
}

button.mwt-jp-flag:hover{
  transform:translateY(-1px) scale(1.04)!important;
  border-color:#d9bd68!important;
  box-shadow:
    0 0 0 1px rgba(217,189,104,.22),
    0 4px 10px rgba(0,0,0,.18)!important;
  filter:brightness(1.03)!important;
}

button.mwt-jp-flag:focus-visible{
  box-shadow:
    0 0 0 2px rgba(235,207,116,.60),
    0 4px 10px rgba(0,0,0,.18)!important;
}

button.mwt-jp-flag:active{
  transform:translateY(0) scale(.98)!important;
}

/* Tiny visual cue: the flag is also the language/menu entry point. */
button.mwt-jp-flag::after{
  content:"";
  position:absolute;
  right:-4px;
  bottom:-4px;
  width:9px;
  height:9px;
  border:1px solid rgba(228,201,119,.72);
  border-radius:50%;
  background:#315f3a;
  box-shadow:0 1px 3px rgba(0,0,0,.24);
}

@media(max-width:900px){
  button.mwt-jp-flag::after{
    width:8px;
    height:8px;
    right:-3px;
    bottom:-3px;
  }
}


/* ===== v1.8.0 13-LANGUAGE LAYOUT SUPPORT ===== */
.mwt-options button,.mwt-bottom>button b,.mwt-content-links button,.mwt-inquiry-form label,.mwt-label{
  overflow-wrap:anywhere;
}
.mwt-budget button small{white-space:normal!important}
html[lang="de"] .mwt-options button,html[lang="fr"] .mwt-options button,html[lang="es"] .mwt-options button,html[lang="pt"] .mwt-options button{font-size:12px!important;line-height:1.08!important}
html[dir="rtl"] .mwt-label,html[dir="rtl"] .mwt-product-info,html[dir="rtl"] .mwt-inquiry-form,html[dir="rtl"] .mwt-legal-dialog,html[dir="rtl"] .mwt-drawer{text-align:right}
html[dir="rtl"] .mwt-legal-table dl{direction:rtl}
html[dir="rtl"] .mwt-product-characteristics p{padding-left:0!important;padding-right:24px!important}
html[dir="rtl"] #mwtProductCharacteristics p span{left:auto!important;right:0!important}
html[dir="rtl"] .mwt-drawer .mwt-languages a,html[dir="rtl"] .mwt-drawer .mwt-content-links button{text-align:right}
@media(max-width:900px){
 html[lang="de"] .mwt-bottom>button b,html[lang="fr"] .mwt-bottom>button b,html[lang="es"] .mwt-bottom>button b,html[lang="pt"] .mwt-bottom>button b{font-size:10px!important}
}


/* ===== v1.8.1 STRONGER ALTERNATING STEP CONTRAST ===== */

/* Odd steps keep the existing moss-green tone. */
.mwt-group[data-step="01"],
.mwt-group[data-step="03"],
.mwt-group[data-step="05"],
.mwt-group[data-step="07"],
.mwt-group[data-step="09"],
.mwt-group[data-step="11"]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008)),
    #0b3c2c!important;
  border-color:rgba(216,178,81,.46)!important;
}

/* Even steps are now much deeper, almost black-green, for clearer separation. */
.mwt-group[data-step="02"],
.mwt-group[data-step="04"],
.mwt-group[data-step="06"],
.mwt-group[data-step="08"],
.mwt-group[data-step="10"],
.mwt-group[data-step="12"]{
  background:
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.22)),
    #021a13!important;
  border-color:rgba(164,129,54,.40)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    inset 0 -1px 0 rgba(0,0,0,.34)!important;
}

/* Number rails also follow the stronger contrast. */
.mwt-group[data-step="01"] .mwt-step-badge span,
.mwt-group[data-step="03"] .mwt-step-badge span,
.mwt-group[data-step="05"] .mwt-step-badge span,
.mwt-group[data-step="07"] .mwt-step-badge span,
.mwt-group[data-step="09"] .mwt-step-badge span,
.mwt-group[data-step="11"] .mwt-step-badge span{
  background:linear-gradient(180deg,#315e42,#173f2d)!important;
}

.mwt-group[data-step="02"] .mwt-step-badge span,
.mwt-group[data-step="04"] .mwt-step-badge span,
.mwt-group[data-step="06"] .mwt-step-badge span,
.mwt-group[data-step="08"] .mwt-step-badge span,
.mwt-group[data-step="10"] .mwt-step-badge span,
.mwt-group[data-step="12"] .mwt-step-badge span{
  background:linear-gradient(180deg,#173126,#051610)!important;
  border-color:rgba(185,151,67,.34)!important;
}

/* Keep labels bright enough on the deeper rows. */
.mwt-group[data-step="02"] .mwt-label,
.mwt-group[data-step="04"] .mwt-label,
.mwt-group[data-step="06"] .mwt-label,
.mwt-group[data-step="08"] .mwt-label,
.mwt-group[data-step="10"] .mwt-label,
.mwt-group[data-step="12"] .mwt-label{
  color:#f1d57f!important;
}


/* ===== v1.8.3 CATALOG-DRIVEN REFERENCE PRICE ===== */
.mwt-no-price{
  color:#c8a64c!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}


/* ===== v1.8.4 RESPONSIVE SELECTED CONDITIONS TABLE ===== */

.mwt-summary-large{
  display:block!important;
  padding:9px 11px!important;
  color:#173c2c!important;
  background:
    linear-gradient(180deg,#f4e8c8 0%,#e9d9ae 100%)!important;
}

.mwt-summary-title{
  margin:0 0 7px!important;
  padding:0 0 6px!important;
  border-bottom:1px solid rgba(64,88,65,.30);
  color:#173c2c!important;
  -webkit-text-fill-color:#173c2c!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
}

.mwt-summary-grid{
  display:grid!important;

  /*
   * Language-safe responsive table.
   * Short languages naturally fit more cells per row.
   * Long languages wrap and automatically need fewer effective columns.
   */
  grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))!important;
  gap:0!important;
  border-top:1px solid rgba(61,83,61,.25);
  border-left:1px solid rgba(61,83,61,.25);
}

.mwt-summary-cell{
  min-width:0!important;
  min-height:35px!important;
  padding:4px 6px!important;
  display:grid!important;
  grid-template-columns:minmax(54px,.72fr) minmax(0,1.28fr)!important;
  align-items:center!important;
  gap:5px!important;
  border-right:1px solid rgba(61,83,61,.25);
  border-bottom:1px solid rgba(61,83,61,.25);
  background:rgba(255,255,255,.15);
}

.mwt-summary-cell:nth-child(even){
  background:rgba(255,255,255,.055);
}

.mwt-summary-key{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#7c6e3c!important;
  -webkit-text-fill-color:#7c6e3c!important;
  font-size:10px!important;
  line-height:1.12!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}

.mwt-summary-value{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#173c2c!important;
  -webkit-text-fill-color:#173c2c!important;
  font-size:11px!important;
  line-height:1.16!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* Long Latin-script languages get a slightly wider minimum cell. */
html[lang^="de"] .mwt-summary-grid,
html[lang^="fr"] .mwt-summary-grid,
html[lang^="es"] .mwt-summary-grid,
html[lang^="pt"] .mwt-summary-grid,
html[lang^="vi"] .mwt-summary-grid,
html[lang^="id"] .mwt-summary-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))!important;
}

/* Arabic reads naturally right-to-left inside each cell. */
html[dir="rtl"] .mwt-summary-cell{
  direction:rtl!important;
  text-align:right!important;
}

@media(min-width:901px){
  .mwt-summary-large{
    min-height:184px!important;
    height:184px!important;
    max-height:184px!important;
    overflow:hidden!important;
  }

  /* Keep 13 cells inside the existing desktop height. */
  .mwt-summary-cell{
    min-height:32px!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
  }

  .mwt-summary-title{
    margin-bottom:5px!important;
    padding-bottom:5px!important;
  }
}

@media(min-width:901px) and (max-width:1250px){
  .mwt-summary-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr))!important;
  }

  .mwt-summary-cell{
    min-height:29px!important;
    padding:2px 5px!important;
  }

  .mwt-summary-key{
    font-size:9px!important;
  }

  .mwt-summary-value{
    font-size:10px!important;
  }
}

@media(max-width:900px){
  .mwt-summary-large{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:8px!important;
  }

  .mwt-summary-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr))!important;
  }

  .mwt-summary-cell{
    min-height:44px!important;
    grid-template-columns:1fr!important;
    align-content:center!important;
    gap:2px!important;
    padding:5px 6px!important;
  }

  .mwt-summary-key{
    font-size:10px!important;
  }

  .mwt-summary-value{
    font-size:12px!important;
  }
}

/* Very narrow phones: one full-width table cell per item. */
@media(max-width:420px){
  .mwt-summary-grid{
    grid-template-columns:1fr!important;
  }

  .mwt-summary-cell{
    grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr)!important;
  }
}


/* ===== v1.8.5 SUMMARY LABEL + NUMERIC TYPOGRAPHY ===== */

/* SELECTED CONDITIONS item labels: black / weight 800 */
.mwt-summary-key{
  color:#000!important;
  -webkit-text-fill-color:#000!important;
  font-weight:800!important;
}

/* Main estimate numbers: Gothic / weight 700 */
#mwtUnitPrice,
#mwtQuantity,
#mwtTotal,
.mwt-price-tile strong,
.mwt-price-tile b,
.mwt-price-box strong,
.mwt-price-box b{
  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Meiryo",
    Arial,
    sans-serif!important;
  font-weight:700!important;
  font-style:normal!important;
}

/* Keep the oversized quantity typography, but use Gothic weight 700. */
#mwtQuantity{
  font-weight:700!important;
}

/* Numeric content inside the conditions table also uses Gothic styling. */
.mwt-summary-value{
  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Meiryo",
    Arial,
    sans-serif!important;
  font-weight:700!important;
}


/* ===== v1.8.6 QUANTITY TYPOGRAPHY NORMALIZED ===== */
#mwtQuantity{
  font-size:26px!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-weight:700!important;
}

/* ===== v1.9.0 MATCHA NOW MARKET TERMINAL ===== */

/* The former recommended-matcha side becomes a compact live-market terminal. */
.mwt-estimate-side.mwt-now-side{
  display:grid!important;
  grid-template-rows:118px minmax(0,1fr)!important;
  gap:0!important;
  min-width:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 0,rgba(55,105,75,.16),transparent 38%),
    linear-gradient(180deg,#061d16 0%,#03120e 100%)!important;
  border-left:1px solid rgba(193,157,68,.25);
}

.mwt-now-side .mwt-product-photo{
  min-height:118px!important;
  height:118px!important;
  background-size:cover!important;
  background-position:calc(50% - 7px) center!important;
  border-bottom:1px solid rgba(209,174,83,.45);
}

.mwt-now-side .mwt-product-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(2,24,17,.12) 55%,rgba(2,20,15,.60) 100%)!important;
}

.mwt-now-panel{
  min-height:0;
  overflow:hidden;
  padding:6px;
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#e9ddbc;
  background:
    linear-gradient(90deg,rgba(206,168,72,.04) 1px,transparent 1px),
    linear-gradient(180deg,rgba(206,168,72,.03) 1px,transparent 1px);
  background-size:22px 22px;
}

.mwt-now-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:7px;
  min-width:0;
  padding:1px 2px 5px;
  border-bottom:1px solid rgba(203,166,76,.28);
}

.mwt-now-head>div{
  min-width:0;
}

.mwt-now-head strong{
  display:block;
  color:#f0cc69;
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size:17px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}

.mwt-now-head span{
  display:block;
  margin-top:3px;
  color:#88a28f;
  font-size:9px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:.07em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#mwtNowUpdated{
  flex:0 0 auto;
  color:#80988a;
  font-family:"Yu Gothic",Meiryo,sans-serif;
  font-size:8px;
  line-height:1.15;
  font-weight:700;
  text-align:right;
  max-width:45%;
}

.mwt-now-score{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  min-height:52px;
  border:1px solid rgba(203,166,76,.42);
  background:
    linear-gradient(135deg,rgba(24,74,52,.88),rgba(5,31,23,.95));
  box-shadow:
    inset 0 1px 0 rgba(255,226,151,.07),
    0 3px 10px rgba(0,0,0,.18);
}

.mwt-now-score>div{
  min-width:0;
  padding:5px 7px;
  display:flex;
  flex-wrap:wrap;
  align-content:center;
  align-items:baseline;
}

.mwt-now-score-value{
  border-right:1px solid rgba(203,166,76,.25);
}

.mwt-now-score small,
.mwt-now-status small{
  width:100%;
  color:#9fb0a4;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.05em;
}

#mwtNowScore{
  margin-top:3px;
  color:#f1d16f;
  font-family:"Yu Gothic",Meiryo,sans-serif;
  font-size:29px;
  line-height:.9;
  font-weight:900;
}

.mwt-now-score-value>span{
  margin-left:2px;
  color:#9dad9f;
  font-size:10px;
  font-weight:800;
}

#mwtNowStatus{
  display:block;
  width:100%;
  margin-top:4px;
  color:#b8c4ba;
  font-family:"Yu Gothic",Meiryo,sans-serif;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;
}

#mwtNowStatus[data-status="very-hot"]{color:#f1b45f}
#mwtNowStatus[data-status="hot"]{color:#e6ca6d}
#mwtNowStatus[data-status="active"]{color:#a9cf77}
#mwtNowStatus[data-status="calm"]{color:#87b696}
#mwtNowStatus[data-status="cool"]{color:#7fa9a3}

.mwt-now-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
}

.mwt-now-card{
  position:relative;
  min-width:0;
  min-height:43px;
  padding:5px 6px 4px;
  border:1px solid rgba(159,129,59,.26);
  background:
    linear-gradient(180deg,rgba(11,57,41,.92),rgba(5,36,26,.96));
  overflow:hidden;
}

.mwt-now-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:2px;
  height:100%;
  background:#9abd58;
  opacity:.7;
}

.mwt-now-card small{
  display:block;
  min-width:0;
  color:#94a89a;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.04em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mwt-now-card strong{
  display:inline-block;
  margin-top:4px;
  color:#f1e4bd;
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size:15px;
  line-height:1;
  font-weight:800;
}

.mwt-now-card em{
  float:right;
  margin-top:5px;
  color:#83968a;
  font-family:"Yu Gothic",Meiryo,sans-serif;
  font-size:8px;
  line-height:1;
  font-style:normal;
  font-weight:800;
}

.mwt-now-card em.up{color:#9fd067}
.mwt-now-card em.down{color:#cf8068}
.mwt-now-card em.flat{color:#a9a17f}

.mwt-now-card i{
  position:absolute;
  right:5px;
  bottom:3px;
  max-width:65%;
  color:#60786b;
  font-size:7px;
  line-height:1;
  font-style:normal;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mwt-now-card.is-no-data{
  opacity:.78;
}

.mwt-now-chart{
  min-height:70px;
  padding:4px 5px 3px;
  border:1px solid rgba(159,129,59,.24);
  background:
    linear-gradient(180deg,rgba(4,30,22,.92),rgba(2,20,15,.96));
}

.mwt-now-chart-head{
  height:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}

.mwt-now-chart-head b{
  min-width:0;
  color:#b9c5b9;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.04em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mwt-now-chart-head span{
  flex:0 0 auto;
  color:#a88e4b;
  font-family:"Yu Gothic",Meiryo,sans-serif;
  font-size:7px;
  line-height:1;
  font-weight:800;
}

.mwt-now-chart svg{
  display:block;
  width:100%;
  height:48px;
  overflow:visible;
}

.mwt-now-price-chart{
  border-color:rgba(121,151,85,.28);
}

/* Short desktop height: keep both charts inside the existing fixed side panel. */
@media(min-width:901px) and (max-height:760px){
  .mwt-estimate-side.mwt-now-side{
    grid-template-rows:100px minmax(0,1fr)!important;
  }

  .mwt-now-side .mwt-product-photo{
    min-height:100px!important;
    height:100px!important;
  }

  .mwt-now-panel{gap:3px!important;padding:4px!important}
  .mwt-now-head{padding-bottom:3px!important}
  .mwt-now-score{min-height:46px!important}
  .mwt-now-card{min-height:37px!important;padding:4px 5px 3px!important}
  .mwt-now-card strong{font-size:13px!important}
  .mwt-now-chart{min-height:59px!important;padding-top:3px!important}
  .mwt-now-chart svg{height:39px!important}
}

/* Mobile becomes a natural stacked market dashboard. */
@media(max-width:900px){
  .mwt-estimate-side.mwt-now-side{
    grid-template-columns:1fr!important;
    grid-template-rows:180px auto!important;
    overflow:visible!important;
  }

  .mwt-now-side .mwt-product-photo{
    min-height:180px!important;
    height:180px!important;
  }

  .mwt-now-panel{
    overflow:visible!important;
    padding:8px!important;
    gap:7px!important;
  }

  .mwt-now-head strong{font-size:19px!important}
  .mwt-now-head span{font-size:10px!important}
  #mwtNowUpdated{font-size:9px!important}

  .mwt-now-score{min-height:66px!important}
  #mwtNowScore{font-size:34px!important}
  #mwtNowStatus{font-size:14px!important}

  .mwt-now-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }

  .mwt-now-card{
    min-height:60px!important;
    padding:7px!important;
  }

  .mwt-now-card small{font-size:9px!important}
  .mwt-now-card strong{font-size:18px!important}
  .mwt-now-card em{font-size:9px!important}
  .mwt-now-card i{font-size:8px!important}

  .mwt-now-chart{
    min-height:100px!important;
    padding:7px!important;
  }

  .mwt-now-chart-head{
    height:20px!important;
  }

  .mwt-now-chart-head b{font-size:9px!important}
  .mwt-now-chart-head span{font-size:8px!important}
  .mwt-now-chart svg{height:70px!important}
}

@media(max-width:430px){
  .mwt-now-grid{
    grid-template-columns:1fr 1fr!important;
  }
}


/* ===== v1.9.1 KNOWLEDGE DETAIL BACKGROUND IMAGES ===== */

/*
 * Use the two supplied Japanese dark-green / gold textured artworks
 * as the full background of the knowledge detail section.
 * The content layout itself is unchanged in this release.
 */
#mwtRightArticle{
  position:relative!important;
  isolation:isolate!important;
  background-color:#071710!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  box-shadow:
    inset 0 0 80px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(189,148,55,.22)!important;
}

/* Background A: mountains / waves / deep green / restrained dark red. */
#mwtRightArticle.mwt-paper-origin,
#mwtRightArticle.mwt-paper-grade,
#mwtRightArticle.mwt-paper-docs{
  background-image:
    linear-gradient(rgba(3,17,12,.13),rgba(3,17,12,.22)),
    url("../images/knowledge-bg-dark-a.webp")!important;
}

/* Background B: large gold brush circle / seigaiha / geometric gold pattern. */
#mwtRightArticle.mwt-paper-cultivar,
#mwtRightArticle.mwt-paper-oem{
  background-image:
    linear-gradient(rgba(3,17,12,.14),rgba(3,17,12,.22)),
    url("../images/knowledge-bg-dark-b.webp")!important;
}

/*
 * Keep existing pale information cards readable while letting the new
 * background remain visible around and between them.
 */
#mwtRightArticle .mwt-article-toolbar{
  background:rgba(5,23,17,.88)!important;
  border-bottom:1px solid rgba(198,158,69,.45)!important;
  backdrop-filter:blur(3px)!important;
}

#mwtRightArticle .mwt-article-nav button{
  background:rgba(238,225,194,.92)!important;
  border-color:rgba(184,146,65,.60)!important;
  color:#23382c!important;
}

#mwtRightArticle .mwt-article-nav button.is-active{
  background:
    linear-gradient(180deg,rgba(121,89,35,.98),rgba(73,50,21,.98))!important;
  color:#fff0c1!important;
  border-color:#c6a04f!important;
}

#mwtRightArticle .mwt-article{
  background:transparent!important;
}

/* Main paper/card blocks become slightly translucent. */
#mwtRightArticle .mwt-origin-map,
#mwtRightArticle .mwt-stat,
#mwtRightArticle .mwt-origin-list article,
#mwtRightArticle .mwt-cultivar-grid article,
#mwtRightArticle .mwt-grade-table,
#mwtRightArticle .mwt-grade-note,
#mwtRightArticle .mwt-oem-flow article,
#mwtRightArticle .mwt-oem-board section,
#mwtRightArticle .mwt-doc-categories section,
#mwtRightArticle .mwt-export-flow,
#mwtRightArticle .mwt-doc-alert,
#mwtRightArticle .mwt-generic-grid article{
  background:
    linear-gradient(rgba(248,239,215,.92),rgba(226,210,176,.90)),
    repeating-linear-gradient(3deg,rgba(74,53,27,.02) 0 1px,transparent 1px 5px)!important;
  border-color:rgba(172,133,56,.55)!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.55) inset,
    0 3px 10px rgba(0,0,0,.12)!important;
}

/* The top intelligence banner remains dark, now harmonized with the artwork. */
#mwtRightArticle .mwt-k-top{
  background:
    linear-gradient(90deg,rgba(9,48,34,.93),rgba(28,57,41,.84)),
    repeating-linear-gradient(4deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px)!important;
  border-color:rgba(190,151,64,.46)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,239,190,.07),
    0 3px 10px rgba(0,0,0,.20)!important;
}

/* Large old-paper empty areas become transparent so the artwork actually shows. */
#mwtRightArticle .mwt-origin-shell,
#mwtRightArticle .mwt-cultivar-shell,
#mwtRightArticle .mwt-grade-shell,
#mwtRightArticle .mwt-oem-shell,
#mwtRightArticle .mwt-doc-shell{
  background:transparent!important;
}

@media(max-width:900px){
  #mwtRightArticle{
    background-attachment:scroll!important;
    background-position:center top!important;
    background-size:auto 100%!important;
  }
}


/* ===== v1.9.2 KNOWLEDGE PAGES: LARGER HERO IMAGES + BETTER READABILITY ===== */
@media (min-width:901px){
  #mwtRightArticle .mwt-article{
    padding:12px 14px 24px!important;
    overflow:auto!important;
  }

  #mwtRightArticle .mwt-k-top{
    grid-template-columns:280px 1fr!important;
    gap:14px!important;
    min-height:176px!important;
    height:auto!important;
    padding:10px 12px!important;
    align-items:center!important;
  }

  #mwtRightArticle .mwt-k-top img{
    width:280px!important;
    height:156px!important;
    border-radius:8px!important;
    object-fit:cover!important;
    display:block!important;
  }

  #mwtRightArticle .mwt-k-top > div{
    padding:4px 6px!important;
  }

  #mwtRightArticle .mwt-k-eyebrow{
    font-size:18px!important;
    line-height:1.2!important;
    letter-spacing:.12em!important;
  }

  #mwtRightArticle .mwt-k-top h3{
    margin:6px 0 8px!important;
    font-size:38px!important;
    line-height:1.14!important;
  }

  #mwtRightArticle .mwt-k-top p{
    font-size:16px!important;
    line-height:1.82!important;
  }

  #mwtRightArticle .mwt-origin-dashboard,
  #mwtRightArticle .mwt-cv-key,
  #mwtRightArticle .mwt-grade-tabs,
  #mwtRightArticle .mwt-oem-flow,
  #mwtRightArticle .mwt-doc-overview,
  #mwtRightArticle .mwt-doc-categories,
  #mwtRightArticle .mwt-oem-board,
  #mwtRightArticle .mwt-generic-grid,
  #mwtRightArticle .mwt-origin-list{
    margin-top:10px!important;
    gap:10px!important;
  }

  #mwtRightArticle .mwt-origin-map{
    min-height:152px!important;
    padding:16px 18px!important;
  }
  #mwtRightArticle .mwt-origin-map > span,
  #mwtRightArticle .mwt-origin-map > small,
  #mwtRightArticle .mwt-map-dots i{
    font-size:13px!important;
  }
  #mwtRightArticle .mwt-origin-map > b{
    font-size:44px!important;
    margin:8px 0!important;
  }

  #mwtRightArticle .mwt-stat{
    min-height:92px!important;
    padding:12px 14px!important;
  }
  #mwtRightArticle .mwt-stat small,
  #mwtRightArticle .mwt-stat span{
    font-size:13px!important;
    line-height:1.55!important;
  }
  #mwtRightArticle .mwt-stat b{
    font-size:28px!important;
    line-height:1.1!important;
  }

  #mwtRightArticle .mwt-origin-list article,
  #mwtRightArticle .mwt-cultivar-grid article,
  #mwtRightArticle .mwt-oem-board section,
  #mwtRightArticle .mwt-generic-grid article{
    padding:12px!important;
  }
  #mwtRightArticle .mwt-origin-name small,
  #mwtRightArticle .mwt-origin-name em,
  #mwtRightArticle .mwt-cultivar-grid header small,
  #mwtRightArticle .mwt-cultivar-grid header b,
  #mwtRightArticle .mwt-oem-board h4,
  #mwtRightArticle .mwt-doc-categories h4,
  #mwtRightArticle .mwt-doc-categories header span,
  #mwtRightArticle .mwt-export-flow b,
  #mwtRightArticle .mwt-grade-note b{
    font-size:13px!important;
    line-height:1.4!important;
  }
  #mwtRightArticle .mwt-origin-name h4,
  #mwtRightArticle .mwt-cultivar-grid h4,
  #mwtRightArticle .mwt-generic-grid h4{
    font-size:24px!important;
    line-height:1.2!important;
    margin:4px 0 6px!important;
  }
  #mwtRightArticle .mwt-origin-list article > p,
  #mwtRightArticle .mwt-cultivar-grid article > p,
  #mwtRightArticle .mwt-grade-note p,
  #mwtRightArticle .mwt-oem-flow p,
  #mwtRightArticle .mwt-oem-board p,
  #mwtRightArticle .mwt-oem-board li,
  #mwtRightArticle .mwt-doc-categories section > div,
  #mwtRightArticle .mwt-doc-alert p,
  #mwtRightArticle .mwt-generic-grid p{
    font-size:14px!important;
    line-height:1.78!important;
  }
  #mwtRightArticle .mwt-origin-meters label,
  #mwtRightArticle .mwt-cv-bars label,
  #mwtRightArticle .mwt-grade-table > div,
  #mwtRightArticle .mwt-oem-options b,
  #mwtRightArticle .mwt-export-flow span,
  #mwtRightArticle .mwt-doc-alert b{
    font-size:13px!important;
    line-height:1.5!important;
  }
  #mwtRightArticle .mwt-grade-table > div{
    min-height:54px!important;
    padding:10px 10px!important;
  }
  #mwtRightArticle .mwt-grade-note{
    grid-template-columns:140px 1fr!important;
    padding:12px!important;
  }
  #mwtRightArticle .mwt-oem-flow article{
    min-height:112px!important;
    padding:12px 10px!important;
  }
  #mwtRightArticle .mwt-oem-flow span{
    font-size:22px!important;
  }
  #mwtRightArticle .mwt-oem-flow h4{
    margin:6px 0!important;
    font-size:16px!important;
    line-height:1.35!important;
  }
  #mwtRightArticle .mwt-oem-options b{
    padding:10px 8px!important;
  }
  #mwtRightArticle .mwt-oem-board button{
    min-height:44px!important;
    font-size:15px!important;
  }
  #mwtRightArticle .mwt-doc-categories header,
  #mwtRightArticle .mwt-doc-categories section > div,
  #mwtRightArticle .mwt-export-flow,
  #mwtRightArticle .mwt-doc-alert{
    padding:10px 12px!important;
  }
}

@media (max-width:900px){
  #mwtRightArticle .mwt-article{
    padding:10px 10px 20px!important;
  }
  #mwtRightArticle .mwt-k-top{
    grid-template-columns:180px 1fr!important;
    gap:10px!important;
    min-height:148px!important;
    height:auto!important;
    padding:8px!important;
  }
  #mwtRightArticle .mwt-k-top img{
    width:180px!important;
    height:132px!important;
  }
  #mwtRightArticle .mwt-k-eyebrow{
    font-size:14px!important;
  }
  #mwtRightArticle .mwt-k-top h3{
    font-size:28px!important;
    line-height:1.2!important;
    margin:4px 0 6px!important;
  }
  #mwtRightArticle .mwt-k-top p{
    font-size:14px!important;
    line-height:1.72!important;
  }
  #mwtRightArticle .mwt-origin-list article,
  #mwtRightArticle .mwt-cultivar-grid article,
  #mwtRightArticle .mwt-oem-flow article,
  #mwtRightArticle .mwt-oem-board section,
  #mwtRightArticle .mwt-doc-categories section,
  #mwtRightArticle .mwt-generic-grid article{
    padding:10px!important;
  }
  #mwtRightArticle .mwt-origin-name h4,
  #mwtRightArticle .mwt-cultivar-grid h4,
  #mwtRightArticle .mwt-generic-grid h4{
    font-size:20px!important;
  }
  #mwtRightArticle .mwt-origin-list article > p,
  #mwtRightArticle .mwt-cultivar-grid article > p,
  #mwtRightArticle .mwt-grade-note p,
  #mwtRightArticle .mwt-oem-flow p,
  #mwtRightArticle .mwt-oem-board p,
  #mwtRightArticle .mwt-oem-board li,
  #mwtRightArticle .mwt-doc-categories section > div,
  #mwtRightArticle .mwt-doc-alert p,
  #mwtRightArticle .mwt-generic-grid p{
    font-size:13px!important;
    line-height:1.72!important;
  }
}


/* ===== v1.9.3 ORIGIN PAGE FIT / NO SCROLL ===== */
@media (min-width:901px){

  /* Only the Matcha Origins page returns to a fixed no-scroll composition. */
  #mwtRightArticle.mwt-paper-origin .mwt-article{
    overflow:hidden!important;
    padding:9px 12px 8px!important;
  }

  /* Keep the large hero, but shave a little height from Origins only. */
  #mwtRightArticle.mwt-paper-origin .mwt-k-top{
    grid-template-columns:250px 1fr!important;
    min-height:150px!important;
    height:150px!important;
    gap:12px!important;
    padding:8px 10px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-k-top img{
    width:250px!important;
    height:132px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-k-eyebrow{
    font-size:16px!important;
    line-height:1.15!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-k-top h3{
    margin:4px 0 6px!important;
    font-size:34px!important;
    line-height:1.08!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-k-top p{
    font-size:14px!important;
    line-height:1.55!important;
  }

  /* Main fix: compress the middle dashboard.
     The three right cards were forcing the whole row to almost 300px. */
  #mwtRightArticle.mwt-paper-origin .mwt-origin-dashboard{
    grid-template-columns:1.58fr .92fr!important;
    margin-top:7px!important;
    gap:7px!important;
    height:166px!important;
    min-height:166px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-map{
    min-height:166px!important;
    height:166px!important;
    padding:10px 14px!important;
    overflow:hidden!important;
    background:
      linear-gradient(rgba(240,228,196,.90),rgba(226,208,168,.88)),
      repeating-linear-gradient(3deg,rgba(74,53,27,.02) 0 1px,transparent 1px 5px)!important;
    color:#18392a!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-map:before{
    bottom:-20px!important;
    color:rgba(94,73,30,.08)!important;
    font-size:74px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-map > span{
    color:#b38a30!important;
    font-size:12px!important;
    line-height:1.1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-map > b{
    margin:5px 0 2px!important;
    color:#18392a!important;
    font-size:34px!important;
    line-height:1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-map > small{
    display:block!important;
    color:#405548!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-map-dots{
    margin-top:7px!important;
    gap:4px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-map-dots i{
    padding:4px 8px!important;
    color:#415448!important;
    background:rgba(255,250,231,.30)!important;
    border-color:rgba(162,126,46,.40)!important;
    font-size:11px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-points{
    height:166px!important;
    grid-template-rows:repeat(3,1fr)!important;
    gap:5px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-stat{
    min-height:0!important;
    height:auto!important;
    padding:5px 10px!important;
    justify-content:center!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-stat small{
    color:#806b3c!important;
    font-size:11px!important;
    line-height:1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-stat b{
    margin:2px 0 0!important;
    color:#174531!important;
    font-size:21px!important;
    line-height:1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-stat span{
    color:#536459!important;
    font-size:10px!important;
    line-height:1.1!important;
  }

  /* Bottom five origin cards: readable but short enough to fit completely. */
  #mwtRightArticle.mwt-paper-origin .mwt-origin-list{
    margin-top:7px!important;
    gap:7px!important;
    height:196px!important;
    min-height:196px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article{
    height:196px!important;
    min-height:196px!important;
    padding:8px 9px!important;
    overflow:hidden!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-name small{
    color:#775f33!important;
    font-size:11px!important;
    line-height:1.1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-name h4{
    margin:3px 0 4px!important;
    color:#174531!important;
    font-size:20px!important;
    line-height:1.1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-name em{
    color:#9a6f20!important;
    font-size:11px!important;
    line-height:1.1!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article > p{
    min-height:42px!important;
    margin:5px 0!important;
    color:#344b3d!important;
    font-size:12px!important;
    line-height:1.46!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-meters{
    gap:2px!important;
    padding-top:4px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-meters label{
    color:#273d31!important;
    font-size:11px!important;
    line-height:1.15!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-meter i{
    width:10px!important;
    height:5px!important;
  }
}

/* Shorter desktop displays get one additional compact step, still no scrollbar. */
@media (min-width:901px) and (max-height:760px){
  #mwtRightArticle.mwt-paper-origin .mwt-k-top{
    min-height:136px!important;
    height:136px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-k-top img{
    height:118px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-k-top h3{
    font-size:30px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-dashboard{
    height:150px!important;
    min-height:150px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-map,
  #mwtRightArticle.mwt-paper-origin .mwt-origin-points{
    height:150px!important;
    min-height:150px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list,
  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article{
    height:180px!important;
    min-height:180px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article > p{
    min-height:36px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-meters label{
    font-size:10px!important;
  }
}


/* ===== v1.9.4 ORIGIN FIVE CARDS HEIGHT / BOTTOM PADDING ===== */
@media (min-width:901px){
  #mwtRightArticle.mwt-paper-origin .mwt-origin-list{
    height:255px!important;
    min-height:255px!important;
    align-items:stretch!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article{
    height:255px!important;
    min-height:255px!important;
    padding:8px 9px 15px!important;
    display:flex!important;
    flex-direction:column!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article > p{
    flex:0 0 auto!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-meters{
    margin-top:auto!important;
    padding-bottom:0!important;
  }
}

/* Short desktop: same 1.3x concept, slightly compressed to avoid excessive overflow. */
@media (min-width:901px) and (max-height:760px){
  #mwtRightArticle.mwt-paper-origin .mwt-origin-list,
  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article{
    height:234px!important;
    min-height:234px!important;
  }

  #mwtRightArticle.mwt-paper-origin .mwt-origin-list article{
    padding-bottom:15px!important;
  }
}


/* ===== v1.9.5 DOCUMENTS PAGE HEIGHT COMPRESSION ===== */
@media (min-width:901px){

  /* Documents page only: remove the vertical scrollbar. */
  #mwtRightArticle.mwt-paper-docs .mwt-article{
    overflow:hidden!important;
    padding-top:8px!important;
    padding-bottom:7px!important;
  }

  /* Slightly reduce hero height without changing typography. */
  #mwtRightArticle.mwt-paper-docs .mwt-k-top{
    min-height:152px!important;
    height:152px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-k-top img{
    height:134px!important;
  }

  /* Compact the three overview cards by a few pixels. */
  #mwtRightArticle.mwt-paper-docs .mwt-doc-overview{
    margin-top:7px!important;
    gap:7px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-stat{
    min-height:78px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  /*
   * Main requested change:
   * QUALITY TEST / PRODUCT SPEC / EXPORT / CERTIFICATION
   * each data row is reduced by ~3px vertically.
   */
  #mwtRightArticle.mwt-paper-docs .mwt-doc-categories{
    margin-top:7px!important;
    gap:9px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-doc-categories header{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-doc-categories section>div{
    padding-top:7px!important;
    padding-bottom:7px!important;
    line-height:1.42!important;
  }

  /* Keep the column cards slightly shorter overall. */
  #mwtRightArticle.mwt-paper-docs .mwt-doc-categories section{
    min-height:0!important;
  }

  /* Compress flow and final alert by the remaining ~10px. */
  #mwtRightArticle.mwt-paper-docs .mwt-export-flow{
    margin-top:6px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    min-height:42px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-export-flow span{
    padding-top:5px!important;
    padding-bottom:5px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-doc-alert{
    margin-top:6px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
    gap:10px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-doc-alert p{
    line-height:1.55!important;
  }
}

/* Short desktop displays get an additional compact pass. */
@media (min-width:901px) and (max-height:760px){
  #mwtRightArticle.mwt-paper-docs .mwt-k-top{
    min-height:140px!important;
    height:140px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-k-top img{
    height:122px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-stat{
    min-height:70px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-doc-categories section>div{
    padding-top:5px!important;
    padding-bottom:5px!important;
    line-height:1.35!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-export-flow{
    padding-top:5px!important;
    padding-bottom:5px!important;
  }

  #mwtRightArticle.mwt-paper-docs .mwt-doc-alert{
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
}


/* ===== v1.9.8 FORMAL QUOTE CTA TOP GAP ===== */
.mwt-formal{
  margin-top:20px!important;
}


/* ===== v1.9.9 EXTRA COST NOTICE BELOW ESTIMATE NUMBERS ===== */
.mwt-extra-cost-notice{
  width:100%!important;
  min-height:38px!important;
  margin:6px 0 0!important;
  padding:7px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid #c39a3d!important;
  border-left:5px solid #8c5d12!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,#f5e5ad 0%,#e4c875 100%)!important;
  color:#173c2c!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    0 2px 6px rgba(31,44,24,.12)!important;
  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    Arial,
    sans-serif!important;
}

.mwt-extra-cost-plus{
  flex:0 0 auto!important;
  color:#8b4c10!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:900!important;
}

.mwt-extra-cost-notice strong{
  color:#173c2c!important;
  -webkit-text-fill-color:#173c2c!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-align:center!important;
}

@media(max-width:900px){
  .mwt-extra-cost-notice{
    min-height:44px!important;
    padding:8px 9px!important;
    justify-content:flex-start!important;
  }

  .mwt-extra-cost-plus{
    font-size:20px!important;
  }

  .mwt-extra-cost-notice strong{
    font-size:12px!important;
    text-align:left!important;
  }
}

/* ==========================================================
   v1.10.6 — PRIVACY CONSENT BUTTON
   Applies to Quote / Order / Consult / More.
   ========================================================== */

.mwt-consent-btn{
  width:50%!important;
  max-width:50%!important;
  min-height:46px!important;
  height:auto!important;
  margin:0 auto 8px!important;
  padding:8px 16px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;

  font-size:14px!important;
  line-height:1.35!important;
  text-align:center!important;
}

/* Checkbox-like square before "I agree..." */
.mwt-consent-box{
  position:relative!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  display:inline-block!important;

  border:2px solid rgba(255,255,255,.92)!important;
  border-radius:3px!important;
  background:rgba(255,255,255,.10)!important;

  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.18),
    0 1px 2px rgba(0,0,0,.12)!important;
}

.mwt-consent-box::after{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:1px!important;
  width:6px!important;
  height:11px!important;

  border-right:3px solid #fff!important;
  border-bottom:3px solid #fff!important;
  transform:rotate(45deg) scale(.55)!important;
  transform-origin:center!important;

  opacity:0!important;
  transition:opacity .18s ease, transform .18s ease!important;
}

.mwt-consent-text{
  min-width:0!important;
  color:inherit!important;
  font-weight:800!important;
}

/* After consent, checkbox visibly checks itself. */
.mwt-consent-btn.is-agreed .mwt-consent-box{
  background:#2d5f2c!important;
  border-color:#e7f3d9!important;
}

.mwt-consent-btn.is-agreed .mwt-consent-box::after{
  opacity:1!important;
  transform:rotate(45deg) scale(1)!important;
}

/* Keep 50% on mobile too, as requested. */
@media(max-width:900px){
  .mwt-consent-btn{
    width:50%!important;
    max-width:50%!important;
    min-height:48px!important;
    padding:8px 10px!important;
    gap:8px!important;
    font-size:12px!important;
  }

  .mwt-consent-box{
    flex-basis:18px!important;
    width:18px!important;
    height:18px!important;
  }

  .mwt-consent-box::after{
    left:4px!important;
    top:0!important;
  }
}

/* ==========================================================
   v1.10.9 — TABLET ESTIMATOR LAYOUT
   Applies only to 901px–1180px.
   Desktop and smartphone layouts are intentionally untouched.
   ========================================================== */
@media (min-width:901px) and (max-width:1180px){

  /* Give the estimator more room on tablet while keeping result visible. */
  .mwt-main{
    grid-template-columns:54% 46%!important;
    gap:6px!important;
    padding:5px!important;
  }

  /* Tablet may scroll inside the estimator; clarity takes priority over compression. */
  .mwt-left{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:block!important;
    padding:7px!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(200,170,90,.45) rgba(3,24,17,.35);
  }

  .mwt-left::-webkit-scrollbar{
    width:5px;
  }
  .mwt-left::-webkit-scrollbar-track{
    background:rgba(3,24,17,.35);
  }
  .mwt-left::-webkit-scrollbar-thumb{
    background:rgba(200,170,90,.45);
    border-radius:8px;
  }

  .mwt-panel-title{
    margin-bottom:5px!important;
  }

  .mwt-panel-title h2{
    font-size:18px!important;
  }

  .mwt-panel-title span{
    font-size:11px!important;
  }

  .mwt-incoterms{
    min-height:38px!important;
    margin:0 0 6px!important;
    padding:5px 8px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  /* Remove the dedicated number rail completely. */
  .mwt-group{
    position:relative!important;
    display:block!important;
    grid-template-columns:none!important;
    margin-top:6px!important;
    padding:8px!important;
    border-radius:7px!important;
  }

  .mwt-step-badge{
    display:none!important;
  }

  /* Reinsert number as a small inline badge in the card heading. */
  .mwt-group::before{
    content:attr(data-step);
    position:absolute;
    left:8px;
    top:8px;
    width:27px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(216,190,107,.48);
    border-radius:4px;
    background:#102f23;
    color:#efd67e;
    font:800 11px/1 Arial,sans-serif;
    letter-spacing:.03em;
  }

  .mwt-group-main{
    min-width:0!important;
  }

  .mwt-label{
    min-height:22px!important;
    margin:0 0 7px!important;
    padding-left:35px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:3px 7px!important;
    color:#efd47e!important;
    font-size:13px!important;
    line-height:1.2!important;
  }

  .mwt-label small{
    margin-left:0!important;
    color:#91a699!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:700!important;
  }

  /*
   * Standard choices: 3 columns.
   * Five-option rows become 3+2 rather than five squeezed buttons.
   */
  .mwt-group .mwt-options{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }

  .mwt-options button{
    min-width:0!important;
    min-height:46px!important;
    height:auto!important;
    padding:7px 6px!important;
    font-size:12px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* Price choices: 2 x 2, readable descriptions. */
  .mwt-budget{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .mwt-budget button{
    min-height:65px!important;
    padding:8px 6px!important;
  }

  .mwt-budget button small{
    display:block!important;
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.25!important;
  }

  /* Sample request: buttons on one row, QTY on a clean second row. */
  .mwt-sample-controls{
    display:grid!important;
    grid-template-columns:1fr 90px!important;
    gap:6px!important;
    align-items:center!important;
  }

  .mwt-sample-choice{
    grid-column:1/-1!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .mwt-sample-qty-label{
    margin:0!important;
    text-align:right!important;
    white-space:normal!important;
    font-size:11px!important;
    line-height:1.25!important;
  }

  #mwtSampleQty{
    width:90px!important;
    height:42px!important;
  }

  /* Quantity: 3 columns x 2 rows; free entry uses full width below. */
  .mwt-group[data-step="08"] .mwt-qty{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .mwt-group[data-step="08"] .mwt-qty > button{
    grid-column:auto!important;
    min-height:54px!important;
  }

  .mwt-group[data-step="08"] .mwt-qty > .mwt-custom-qty{
    grid-column:1/-1!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    padding:6px 8px!important;
  }

  .mwt-custom-qty > label{
    font-size:12px!important;
    line-height:1.2!important;
  }

  .mwt-custom-qty > div{
    min-width:0!important;
  }

  #mwtCustomQty{
    width:100%!important;
    height:36px!important;
  }

  .mwt-moq-note{
    margin-top:5px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  /* 09–12 become a tidy 2-column lower information block. */
  .mwt-bottom-inputs,
  .mwt-final-inputs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:6px!important;
  }

  .mwt-bottom-inputs .mwt-group,
  .mwt-final-inputs .mwt-group{
    margin-top:0!important;
    min-width:0!important;
  }

  .mwt-pack{
    grid-template-columns:1fr!important;
  }

  .mwt-recurring{
    grid-template-columns:1fr!important;
  }

  .mwt-left select,
  #mwtDeliveryDate{
    height:44px!important;
    font-size:13px!important;
  }

  /* Action area stays obvious and easy to tap. */
  .mwt-calc-actions{
    position:sticky!important;
    z-index:20!important;
    bottom:0!important;
    margin-top:8px!important;
    padding:7px 0 2px!important;
    grid-template-columns:.38fr .62fr!important;
    gap:6px!important;
    background:
      linear-gradient(180deg,rgba(5,41,30,0),rgba(5,41,30,.94) 25%,rgba(5,41,30,.99) 100%)!important;
  }

  .mwt-calc-actions button{
    height:48px!important;
    font-size:13px!important;
  }

  /* Result pane: preserve usability at narrower tablet width. */
  .mwt-right{
    min-width:0!important;
  }

  .mwt-estimate-board-head small{
    font-size:9px!important;
  }

  .mwt-estimate-board-head b{
    font-size:15px!important;
  }

  /* Avoid overly dense text on long-language tablet pages. */
  html[lang^="de"] .mwt-options button,
  html[lang^="fr"] .mwt-options button,
  html[lang^="es"] .mwt-options button,
  html[lang^="pt"] .mwt-options button,
  html[lang^="vi"] .mwt-options button,
  html[lang^="id"] .mwt-options button{
    font-size:11px!important;
  }
}

/* Slightly narrower tablet: use two columns for most choices. */
@media (min-width:901px) and (max-width:1020px){
  .mwt-main{
    grid-template-columns:58% 42%!important;
  }

  .mwt-group .mwt-options{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .mwt-sample-choice{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .mwt-group[data-step="08"] .mwt-qty{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}


/* ==========================================================
   v1.10.10 — DESKTOP STEP NUMBER RAIL REMOVAL
   Desktop keeps its horizontal layout, but the dedicated
   vertical number column is removed just like tablet.
   ========================================================== */
@media (min-width:1181px){

  .mwt-group{
    position:relative!important;
    display:block!important;
    grid-template-columns:none!important;
    padding-left:8px!important;
  }

  .mwt-step-badge{
    display:none!important;
  }

  /* Small number badge inside each section heading. */
  .mwt-group::before{
    content:attr(data-step);
    position:absolute;
    left:8px;
    top:7px;
    width:28px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(216,190,107,.52);
    border-radius:4px;

    background:
      linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.08)),
      #102f23;

    color:#efd67e;
    font:800 11px/1 Arial,sans-serif;
    letter-spacing:.03em;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 1px 2px rgba(0,0,0,.18);
  }

  .mwt-group-main{
    min-width:0!important;
  }

  .mwt-label{
    padding-left:36px!important;
  }

  /* Keep the desktop option widths/layout otherwise unchanged. */
  .mwt-options,
  .mwt-qty,
  .mwt-sample-controls{
    margin-left:0!important;
  }

  /* 09–12 blocks also lose the separate number column. */
  .mwt-bottom-inputs .mwt-group,
  .mwt-final-inputs .mwt-group{
    display:block!important;
  }
}


/* ===== v1.10.12 clean selector layout refresh ===== */
.mwt-left,
.mwt-left *{
  opacity:1;
}

.mwt-left{
  overflow:auto!important;
}

.mwt-group{
  display:block!important;
  margin-top:8px!important;
  padding:8px 10px 10px!important;
  border-radius:10px!important;
  border:1px solid rgba(210,170,81,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 1px 0 rgba(0,0,0,.18)!important;
}

.mwt-group.tone-a{
  background:linear-gradient(135deg,rgba(8,55,40,.96),rgba(6,44,32,.98))!important;
}

.mwt-group.tone-b{
  background:linear-gradient(135deg,rgba(12,66,49,.95),rgba(8,52,39,.98))!important;
}

.mwt-step-badge{
  display:none!important;
}

.mwt-group-main{
  min-width:0!important;
}

.mwt-label{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  margin:0 0 9px!important;
  padding:4px 6px 7px 0!important;
  background:none!important;
  border-bottom:1px solid rgba(210,170,81,.26)!important;
  color:#f0d384!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

.mwt-label small{
  color:#c7d3c9!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.03em!important;
}

.mwt-label::before{
  width:24px;
  height:24px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 24px;
  background:radial-gradient(circle at 35% 35%,#f7e3a1 0%,#d4ad55 58%,#9b7425 100%);
  border:1px solid rgba(255,232,168,.5);
  box-shadow:0 0 0 1px rgba(0,0,0,.12), inset 0 1px 1px rgba(255,255,255,.45);
  color:#113528;
  font-size:11px;
  font-weight:900;
  line-height:1;
  text-align:center;
}
.mwt-group[data-step="01"] .mwt-label::before{content:"01";}
.mwt-group[data-step="02"] .mwt-label::before{content:"02";}
.mwt-group[data-step="03"] .mwt-label::before{content:"03";}
.mwt-group[data-step="04"] .mwt-label::before{content:"04";}
.mwt-group[data-step="05"] .mwt-label::before{content:"05";}
.mwt-group[data-step="06"] .mwt-label::before{content:"06";}
.mwt-group[data-step="07"] .mwt-label::before{content:"07";}
.mwt-group[data-step="08"] .mwt-label::before{content:"08";}
.mwt-group[data-step="09"] .mwt-label::before{content:"09";}
.mwt-group[data-step="10"] .mwt-label::before{content:"10";}
.mwt-group[data-step="11"] .mwt-label::before{content:"11";}
.mwt-group[data-step="12"] .mwt-label::before{content:"12";}

.mwt-options{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
}

.mwt-options button,
.mwt-left select,
.mwt-custom-qty,
#mwtSampleQty,
#mwtCustomQty,
#mwtDeliveryDate{
  border-radius:8px!important;
}

.mwt-options button{
  min-width:0!important;
  min-height:50px!important;
  padding:8px 8px!important;
  border:1px solid rgba(214,176,82,.42)!important;
  background:linear-gradient(180deg,rgba(17,77,56,.98),rgba(11,55,40,.99))!important;
  color:#f3ead3!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-align:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  overflow:visible!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.mwt-options button small{
  display:block!important;
  margin-top:3px!important;
  font-size:11px!important;
  line-height:1.25!important;
  color:#d7e2d8!important;
}

.mwt-photo-group .mwt-options button{
  background-image:linear-gradient(rgba(8,43,31,.45),rgba(8,43,31,.78)),var(--opt-bg)!important;
  background-size:cover!important;
  background-position:center!important;
}

.mwt-options button.is-active{
  background:linear-gradient(180deg,#7d9f35,#41692a)!important;
  color:#fffdf3!important;
  border-color:#dceb8c!important;
  box-shadow:inset 0 0 0 1px rgba(245,247,205,.28), 0 0 0 1px rgba(69,92,28,.22)!important;
}

.mwt-options button.is-active:after{
  content:"✓";
  position:absolute;
  margin-left:0;
  right:10px;
  top:8px;
  color:#fff8cf;
  font-size:12px;
}

.mwt-budget{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.mwt-budget button{
  min-height:66px!important;
}

.mwt-sample-controls{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 86px!important;
  gap:7px!important;
  align-items:end!important;
}

.mwt-sample-choice{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.mwt-sample-qty-label{
  margin:0 0 9px 0!important;
  color:#e3ca7b!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

#mwtSampleQty,
.mwt-left select,
#mwtDeliveryDate{
  height:46px!important;
  border:1px solid rgba(210,170,81,.4)!important;
  background:#f0ecd6!important;
  color:#123729!important;
  font-size:13px!important;
  font-weight:700!important;
}

.mwt-left select option,
#mwtSampleQty option{
  color:#123729!important;
}

.mwt-qty{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.mwt-qty > button{
  min-height:56px!important;
}

.mwt-custom-qty{
  grid-column:span 2!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-height:56px!important;
  padding:8px 10px!important;
  border:1px solid rgba(214,176,82,.42)!important;
  background:linear-gradient(180deg,rgba(17,77,56,.98),rgba(11,55,40,.99))!important;
}

.mwt-custom-qty > label{
  margin:0!important;
  color:#f1d98f!important;
  font-size:12px!important;
  font-weight:800!important;
}

.mwt-custom-qty > div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px!important;
  align-items:center!important;
}

#mwtCustomQty{
  width:100%!important;
  height:38px!important;
  border:1px solid rgba(210,170,81,.35)!important;
  background:#dfe8cb!important;
  color:#123729!important;
  padding:0 10px!important;
  font-size:14px!important;
  font-weight:700!important;
}

.mwt-custom-qty span,
.mwt-moq-note{
  color:#e8cf8a!important;
}

.mwt-bottom-inputs,
.mwt-final-inputs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:8px!important;
}

.mwt-pack{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.mwt-recurring{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.mwt-calc-actions{
  display:grid!important;
  grid-template-columns:.36fr .64fr!important;
  gap:8px!important;
  margin-top:10px!important;
}

@media (max-width: 1200px){
  .mwt-options{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .mwt-budget{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mwt-qty{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .mwt-custom-qty{
    grid-column:1/-1!important;
  }
}

@media (max-width: 900px){
  .mwt-group{
    padding:8px 8px 9px!important;
    margin-top:7px!important;
  }
  .mwt-label{
    font-size:13px!important;
    margin-bottom:8px!important;
    gap:7px!important;
  }
  .mwt-label::before{
    width:22px;
    height:22px;
    flex-basis:22px;
    font-size:10px;
  }
  .mwt-options{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .mwt-options button{
    min-height:46px!important;
    font-size:12px!important;
    padding:7px 6px!important;
  }
  .mwt-budget{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mwt-sample-controls{
    grid-template-columns:1fr 78px!important;
    gap:6px!important;
  }
  .mwt-sample-choice{
    grid-column:1/-1!important;
  }
  .mwt-sample-qty-label{
    margin:0!important;
    white-space:normal!important;
    align-self:center!important;
    text-align:right!important;
  }
  .mwt-qty{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .mwt-custom-qty{
    grid-column:1/-1!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    min-height:50px!important;
  }
  .mwt-bottom-inputs,
  .mwt-final-inputs{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .mwt-pack,
  .mwt-recurring{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mwt-recurring button:last-child,
  .mwt-pack button:last-child{
    grid-column:1/-1!important;
  }
}

@media (max-width: 640px){
  .mwt-label{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }
  .mwt-label small{
    display:block!important;
    width:100%!important;
    margin-left:31px!important;
  }
  .mwt-options button{
    min-height:44px!important;
  }
  .mwt-qty{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* ==========================================================
   v1.10.14 — selector overlap / duplicate number badge fix
   ========================================================== */

/*
 * v1.10.10 used .mwt-group::before for a rectangular step badge.
 * v1.10.12 introduced the new circular badge on .mwt-label::before.
 * Disable the obsolete badge completely so only the circular 01–12
 * indicator remains.
 */
.mwt-group::before{
  content:none!important;
  display:none!important;
}

/* The old dedicated number rail is no longer used. */
.mwt-step-badge{
  display:none!important;
}

/*
 * The estimator inherited display:flex from an older desktop layout.
 * That caused each section to shrink inside the fixed-height column,
 * while its buttons kept their own height and visually slid underneath
 * the following section background. Restore normal document flow.
 */
.mwt-left{
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

.mwt-group,
.mwt-bottom-inputs,
.mwt-final-inputs{
  flex:none!important;
}

.mwt-group{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  isolation:isolate;
}

/* Keep interactive controls above their own section paint layer. */
.mwt-group-main,
.mwt-options,
.mwt-options button,
.mwt-left select,
#mwtDeliveryDate,
.mwt-custom-qty{
  position:relative!important;
  z-index:2!important;
}

/* Requested selector text size. */
.mwt-options button,
.mwt-options button small{
  font-size:11px!important;
}

/* Preserve the active-state check without allowing it to affect layout. */
.mwt-options button.is-active::after{
  position:absolute!important;
  top:5px!important;
  right:7px!important;
  float:none!important;
  z-index:3!important;
}

/* Prevent old desktop/tablet heading offsets from leaving a phantom slot. */
.mwt-label{
  padding-left:0!important;
}

/* ==========================================================
   v1.10.15 — compact selector buttons / remove checkmarks
   ========================================================== */

/* 選択済みボタン右上のチェックマークは表示しない */
.mwt-options button.is-active::after,
.mwt-options button.is-active:after{
  content:none!important;
  display:none!important;
}

/*
 * 選択ボタンを約半分の高さへ。
 * v1.10.14 の標準 50px 前後 → 約 25px。
 */
.mwt-options button{
  min-height:25px!important;
  height:auto!important;
  padding:2px 5px!important;
  font-size:11px!important;
  line-height:1.08!important;
  border-radius:6px!important;
}

/* 補足文字がある選択肢もコンパクトに */
.mwt-options button small{
  margin-top:1px!important;
  font-size:9px!important;
  line-height:1.05!important;
}

/* 価格帯は2行表示があるため、潰れない範囲で約半分に */
.mwt-budget button{
  min-height:33px!important;
  padding:2px 5px!important;
}

/* サンプル・数量・包装・定期購入も同じテンポに揃える */
.mwt-sample-choice button,
.mwt-qty > button,
.mwt-pack button,
.mwt-recurring button{
  min-height:25px!important;
  padding-top:2px!important;
  padding-bottom:2px!important;
}

/* 選択肢が低くなった分、各ブロックの縦間隔も少し詰める */
.mwt-options{
  gap:4px!important;
}

.mwt-group{
  padding-top:4px!important;
  padding-bottom:4px!important;
}

.mwt-label{
  margin-bottom:4px!important;
}

/* モバイル側に残っている高いボタン指定も上書き */
@media(max-width:900px){
  .mwt-options button,
  .mwt-sample-choice button,
  .mwt-qty > button,
  .mwt-pack button,
  .mwt-recurring button{
    min-height:25px!important;
    padding:2px 5px!important;
    font-size:11px!important;
    line-height:1.08!important;
  }

  .mwt-budget button{
    min-height:33px!important;
  }

  .mwt-options{
    gap:4px!important;
  }
}

/* ==========================================================
   v1.10.16 — one-line section layout
   ========================================================== */

/*
 * 各項目を「タイトル段 + 内容段」の2段ではなく、
 * 左：タイトル / 右：内容 の1段レイアウトに整理。
 */
.mwt-group-main{
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr)!important;
  column-gap:10px!important;
  row-gap:4px!important;
  align-items:center!important;
}

/* ラベルは左列に固定、下線は不要に */
.mwt-group-main > .mwt-label{
  grid-column:1!important;
  margin:0!important;
  min-height:0!important;
  padding:0!important;
  border-bottom:0!important;
  align-self:center!important;
}

/* ラベル内の英字サブタイトルも同じ行の中で扱う */
.mwt-label small{
  display:inline!important;
  width:auto!important;
  margin:0 0 0 6px!important;
  align-self:center!important;
}

/* 内容側は右列に統一 */
.mwt-group-main > .mwt-options,
.mwt-group-main > .mwt-sample-controls,
.mwt-group-main > .mwt-moq-note,
.mwt-group-main > select,
.mwt-group-main > #mwtMarket,
.mwt-group-main > #mwtDeliveryDate{
  grid-column:2!important;
  min-width:0!important;
}

.mwt-group-main > .mwt-moq-note{
  margin-top:0!important;
  align-self:center!important;
}

/* サンプル数量の見出しが下に落ちないよう中央寄せ */
.mwt-sample-controls{
  align-items:center!important;
}
.mwt-sample-qty-label{
  margin:0!important;
}

/* 下段の2カラムエリアでも詰まりすぎないよう少しだけラベル幅を絞る */
.mwt-bottom-inputs .mwt-group-main,
.mwt-final-inputs .mwt-group-main{
  grid-template-columns:145px minmax(0,1fr)!important;
}

/* 画面が狭くなったら従来の縦積みに戻して無理をしない */
@media(max-width:760px){
  .mwt-group-main,
  .mwt-bottom-inputs .mwt-group-main,
  .mwt-final-inputs .mwt-group-main{
    grid-template-columns:1fr!important;
    row-gap:4px!important;
  }

  .mwt-group-main > .mwt-label,
  .mwt-group-main > .mwt-options,
  .mwt-group-main > .mwt-sample-controls,
  .mwt-group-main > .mwt-moq-note,
  .mwt-group-main > select,
  .mwt-group-main > #mwtMarket,
  .mwt-group-main > #mwtDeliveryDate{
    grid-column:auto!important;
  }

  .mwt-group-main > .mwt-label{
    margin-bottom:4px!important;
  }

  .mwt-label small{
    margin-left:6px!important;
  }
}

/* ==========================================================
   v1.11.0 CLEAN — SINGLE SOURCE OF TRUTH
   Form gutters + fixed bottom navigation
   ========================================================== */

/* ---------- FORM: exact 3px rhythm ---------- */

/* 01→02→03… の外枠間を正確に3pxにする */
.mwt-left > .mwt-group{
  margin-top:0!important;
  margin-bottom:3px!important;
}

/* 09–10 / 11–12 の2カラム間も3px */
.mwt-bottom-inputs,
.mwt-final-inputs{
  gap:3px!important;
  column-gap:3px!important;
  row-gap:3px!important;
  margin-top:0!important;
  margin-bottom:3px!important;
}

.mwt-bottom-inputs .mwt-group,
.mwt-final-inputs .mwt-group{
  margin:0!important;
}

/* 各選択肢ボタン間も3px */
.mwt-options{
  gap:3px!important;
  column-gap:3px!important;
  row-gap:3px!important;
}

/* RESET / RECALCULATE も同じ3px */
.mwt-calc-actions{
  gap:3px!important;
  margin-top:0!important;
}


/* ---------- PAGE HEIGHT: no inner left scroll ---------- */

:root{
  --bh:76px!important;
}

.mwt-terminal-page{
  overflow:auto!important;
}

.mwt-app{
  height:auto!important;
  min-height:100dvh!important;
  overflow:visible!important;
  padding-bottom:calc(var(--bh) + 6px)!important;
}

.mwt-main{
  height:auto!important;
  min-height:calc(100dvh - var(--hh) - var(--bh))!important;
  align-items:stretch!important;
}

.mwt-left,
.mwt-right{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}


/* ---------- FIXED BOTTOM NAV: exactly one implementation ---------- */

.mwt-bottom{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:500!important;

  width:100%!important;
  height:76px!important;
  min-height:76px!important;

  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:3px!important;
  padding:3px!important;

  border-top:2px solid #473322!important;
  background:
    linear-gradient(180deg,rgba(73,54,35,.22) 0 2px,transparent 2px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 1px,rgba(0,0,0,.18) 1px 14px),
    linear-gradient(180deg,#171310 0%,#090807 46%,#050504 100%)!important;

  box-shadow:
    inset 0 2px 0 rgba(208,168,78,.10),
    0 -5px 16px rgba(0,0,0,.30)!important;
  overflow:hidden!important;
}

/* old horizontal-rail decoration is not used */
.mwt-bottom::before{
  content:none!important;
  display:none!important;
}

.mwt-bottom > button,
.mwt-menu-button{
  position:relative!important;
  z-index:2!important;

  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;

  margin:0!important;
  padding:9px 8px 6px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;

  border:1px solid #4b3a2e!important;
  border-radius:3px!important;
  overflow:hidden!important;
  transform:none!important;

  background:
    linear-gradient(180deg,#38312b 0 2px,#17110d 2px 4px,transparent 4px),
    radial-gradient(circle at 18% 30%,rgba(255,255,255,.04) 0 1px,transparent 2px),
    radial-gradient(circle at 73% 70%,rgba(0,0,0,.18) 0 2px,transparent 3px),
    repeating-linear-gradient(3deg,rgba(255,255,255,.018) 0 1px,rgba(0,0,0,.055) 1px 4px),
    linear-gradient(180deg,#7e1f1b 0%,#661714 44%,#4b0f0d 100%)!important;

  color:#fff1cf!important;
  box-shadow:
    inset 0 1px 0 rgba(255,225,195,.06),
    inset 0 -7px 10px rgba(32,5,5,.28)!important;
}

/* side armor hardware now scales to the actual button height */
.mwt-bottom > button:not(.mwt-menu-button)::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:0!important;

  background:
    repeating-linear-gradient(
      135deg,
      transparent 0 5px,
      #4d0909 5px 7px,
      #b44734 7px 9px,
      transparent 9px 13px
    ) left 7px top 7px / 7px calc(100% - 14px) no-repeat,
    repeating-linear-gradient(
      45deg,
      transparent 0 5px,
      #4d0909 5px 7px,
      #b44734 7px 9px,
      transparent 9px 13px
    ) right 7px top 7px / 7px calc(100% - 14px) no-repeat,
    linear-gradient(180deg,#323232,#111211 45%,#3c332b 100%)
      left 0 top 0 / 7px 100% no-repeat,
    linear-gradient(180deg,#323232,#111211 45%,#3c332b 100%)
      right 0 top 0 / 7px 100% no-repeat!important;
}

/* static iron/rivet inner frame */
.mwt-bottom > button:not(.mwt-menu-button)::after{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  right:6px!important;
  top:5px!important;
  bottom:5px!important;
  z-index:1!important;

  width:auto!important;
  height:auto!important;
  box-sizing:border-box!important;
  pointer-events:none!important;

  border:1px solid rgba(65,55,46,.86)!important;
  border-radius:2px!important;
  background:
    radial-gradient(circle at 1% 1%,#505050 0 2px,#23201b 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 99% 1%,#505050 0 2px,#23201b 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 1% 99%,#505050 0 2px,#23201b 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 99% 99%,#505050 0 2px,#23201b 2.5px 4px,transparent 4.5px)!important;
  box-shadow:inset 0 0 0 1px rgba(12,10,9,.52)!important;
}

.mwt-bottom > button span,
.mwt-bottom > button b{
  position:relative!important;
  z-index:4!important;
}

.mwt-bottom > button span{
  color:#d3d0ca!important;
  font-size:14px!important;
  line-height:1!important;
}

.mwt-bottom > button b{
  color:#fff1cf!important;
  font-size:13px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  white-space:normal!important;
}


/* active tab stays green */
.mwt-bottom > button.is-active:not(.mwt-menu-button){
  border-color:#73946b!important;
  background:
    linear-gradient(180deg,#455044 0 2px,#17241b 2px 4px,transparent 4px),
    radial-gradient(circle at 50% 0,rgba(225,255,205,.11),transparent 42%),
    repeating-linear-gradient(3deg,rgba(255,255,255,.024) 0 1px,rgba(0,0,0,.045) 1px 4px),
    linear-gradient(180deg,#0d5b46 0%,#0a4738 46%,#062f25 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(232,255,215,.14),
    inset 0 -7px 10px rgba(5,36,25,.24)!important;
}

/*
 * This is the ONLY glow frame.
 * It is a real child element and uses inset, so its height always follows
 * the current button height automatically.
 */
.mwt-bottom > button .mwt-active-frame{
  display:none!important;
  position:absolute!important;
  inset:4px!important;
  z-index:12!important;

  width:auto!important;
  height:auto!important;
  box-sizing:border-box!important;
  pointer-events:none!important;

  border:1px solid rgba(219,255,205,.95)!important;
  border-radius:2px!important;
  background:none!important;
  opacity:0!important;
  box-shadow:none!important;
}

.mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame{
  display:block!important;
  opacity:.82!important;
  box-shadow:
    inset 0 0 6px rgba(229,255,219,.18),
    0 0 6px rgba(170,239,151,.32)!important;
  animation:mwt-clean-active-frame 2.4s ease-in-out infinite!important;
}

@keyframes mwt-clean-active-frame{
  0%,100%{
    opacity:.50;
    box-shadow:
      inset 0 0 3px rgba(229,255,219,.10),
      0 0 3px rgba(170,239,151,.16);
  }
  50%{
    opacity:1;
    box-shadow:
      inset 0 0 7px rgba(236,255,226,.24),
      0 0 8px rgba(180,248,160,.45),
      0 0 14px rgba(116,220,107,.18);
  }
}


/* MENU keeps the red identity; same exact geometry as all other buttons */
.mwt-menu-button{
  order:99!important;
  border-color:#5b4638!important;
  background:
    linear-gradient(180deg,#40372f 0 3px,#17110d 3px 5px,transparent 5px),
    radial-gradient(circle at 50% 14%,rgba(255,255,255,.08),transparent 28%),
    repeating-linear-gradient(3deg,rgba(255,255,255,.02) 0 1px,rgba(0,0,0,.06) 1px 4px),
    linear-gradient(180deg,#ab2b24 0%,#8d1f1b 46%,#651210 100%)!important;
}

.mwt-menu-button::before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:7px!important;

  width:20px!important;
  height:20px!important;
  transform:translateX(-50%)!important;

  border:1px solid #55504a!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,#5d5d5d 0 22%,#24211d 23% 34%,#0f0f0e 35% 58%,#4d4842 59% 68%,#1d1814 69% 100%)!important;
  box-shadow:0 2px 4px rgba(0,0,0,.38)!important;
}

.mwt-menu-button::after{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  right:6px!important;
  top:5px!important;
  bottom:5px!important;
  z-index:1!important;
  pointer-events:none!important;

  border:1px solid rgba(75,66,58,.95)!important;
  border-radius:2px!important;
  background:
    radial-gradient(circle at 1% 1%,#595959 0 2px,#26211b 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 99% 1%,#595959 0 2px,#26211b 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 1% 99%,#595959 0 2px,#26211b 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 99% 99%,#595959 0 2px,#26211b 2.5px 4px,transparent 4.5px)!important;
}

.mwt-menu-button span{
  margin-top:16px!important;
}


/* ---------- RESPONSIVE ---------- */

@media(max-width:900px){
  :root{
    --bh:76px!important;
  }

  .mwt-app{
    padding-bottom:calc(var(--bh) + 4px)!important;
  }

  .mwt-bottom{
    height:76px!important;
    min-height:76px!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:3px!important;
    padding:3px!important;
  }

  .mwt-bottom > button[data-tab="more"]{
    display:flex!important;
  }

  .mwt-bottom > button b,
  .mwt-menu-button b{
    font-size:10px!important;
    letter-spacing:0!important;
  }

  .mwt-bottom > button span{
    font-size:12px!important;
  }

  .mwt-menu-button span{
    margin-top:14px!important;
  }

  .mwt-options{
    gap:3px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame{
    animation:none!important;
    opacity:.80!important;
  }
}

/* ==========================================================
   v1.11.1 — active bottom button: soft background breathing
   ========================================================== */

/*
 * 有効中ボタンの「枠の光」は廃止。
 * 実在する .mwt-active-frame を、枠ではなく
 * 背景全体がぼんやり明るくなったり暗くなったりする
 * オーバーレイとして使う。
 */

/* active-frame をフレームではなく全面の柔らかな光に変更 */
.mwt-bottom > button .mwt-active-frame{
  display:none!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:auto!important;
  height:auto!important;
  box-sizing:border-box!important;
  pointer-events:none!important;

  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 50% 45%,
      rgba(232,255,225,.16) 0%,
      rgba(190,245,175,.11) 28%,
      rgba(111,192,115,.06) 58%,
      rgba(34,93,62,0) 82%)!important;
  opacity:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* 緑の有効中ボタンだけ、背景の明滅演出を出す */
.mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame{
  display:block!important;
  opacity:.42!important;
  animation:mwt-active-bg-breath 3.2s ease-in-out infinite!important;
}

/* MENU が有効になるケースにも同じ呼吸感を適用 */
.mwt-menu-button.is-active .mwt-active-frame{
  display:block!important;
  opacity:.34!important;
  background:
    radial-gradient(circle at 50% 45%,
      rgba(255,235,210,.12) 0%,
      rgba(255,184,155,.10) 28%,
      rgba(186,74,62,.06) 58%,
      rgba(92,18,18,0) 82%)!important;
  animation:mwt-active-bg-breath 3.2s ease-in-out infinite!important;
}

/* 旧い枠発光は完全停止 */
.mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame,
.mwt-menu-button.is-active .mwt-active-frame{
  border:0!important;
  box-shadow:none!important;
}

/* 背景全体がやわらかく呼吸する感じ */
@keyframes mwt-active-bg-breath{
  0%,100%{
    opacity:.20;
  }
  50%{
    opacity:.52;
  }
}

/* ボタン本体にもほんの少しだけ明暗差を付ける */
.mwt-bottom > button.is-active:not(.mwt-menu-button){
  animation:mwt-active-button-tone 3.2s ease-in-out infinite!important;
}

.mwt-menu-button.is-active{
  animation:mwt-active-button-tone 3.2s ease-in-out infinite!important;
}

@keyframes mwt-active-button-tone{
  0%,100%{
    filter:brightness(1) saturate(1);
  }
  50%{
    filter:brightness(1.08) saturate(1.06);
  }
}

/* 文字は常に最前面 */
.mwt-bottom > button span,
.mwt-bottom > button b,
.mwt-menu-button span,
.mwt-menu-button b{
  z-index:4!important;
}

/* 動きが不要な環境では静かな明るさで固定 */
@media(prefers-reduced-motion:reduce){
  .mwt-bottom > button.is-active:not(.mwt-menu-button),
  .mwt-menu-button.is-active{
    animation:none!important;
    filter:brightness(1.05) saturate(1.03)!important;
  }

  .mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame,
  .mwt-menu-button.is-active .mwt-active-frame{
    animation:none!important;
    opacity:.34!important;
  }
}

/* ==========================================================
   v1.11.2 — stronger active background breathing
   ========================================================== */

/*
 * v1.11.1 はかなり控えめだったため、
 * 枠を光らせず、背景面そのものの明暗差をはっきりさせる。
 */
.mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame{
  display:block!important;
  inset:0!important;
  border:0!important;
  box-shadow:none!important;
  background:
    radial-gradient(circle at 50% 45%,
      rgba(238,255,226,.28) 0%,
      rgba(191,244,167,.22) 30%,
      rgba(113,198,105,.13) 60%,
      rgba(35,93,62,0) 86%)!important;
  animation:mwt-active-bg-breath-strong 2.8s ease-in-out infinite!important;
}

.mwt-bottom > button.is-active:not(.mwt-menu-button){
  animation:mwt-active-button-tone-strong 2.8s ease-in-out infinite!important;
}

@keyframes mwt-active-bg-breath-strong{
  0%,100%{
    opacity:.12;
  }
  50%{
    opacity:.82;
  }
}

@keyframes mwt-active-button-tone-strong{
  0%,100%{
    filter:brightness(.96) saturate(.98);
  }
  50%{
    filter:brightness(1.18) saturate(1.10);
  }
}

/* MENU が active の場合も少し強める */
.mwt-menu-button.is-active .mwt-active-frame{
  animation:mwt-active-bg-breath-strong 2.8s ease-in-out infinite!important;
}

.mwt-menu-button.is-active{
  animation:mwt-active-button-tone-strong 2.8s ease-in-out infinite!important;
}

@media(prefers-reduced-motion:reduce){
  .mwt-bottom > button.is-active:not(.mwt-menu-button),
  .mwt-menu-button.is-active{
    animation:none!important;
    filter:brightness(1.10) saturate(1.06)!important;
  }

  .mwt-bottom > button.is-active:not(.mwt-menu-button) .mwt-active-frame,
  .mwt-menu-button.is-active .mwt-active-frame{
    animation:none!important;
    opacity:.58!important;
  }
}




/* v1.12.1 unified contact two-column layout */
.mwt-bottom{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.mwt-bottom>button{min-width:0!important;padding-left:6px!important;padding-right:6px!important}
.mwt-bottom>button b{font-size:11px!important;line-height:1.15!important;white-space:normal!important}
.mwt-bottom .mwt-language-button{width:auto!important}

@media(min-width:901px){
 body.mwt-terminal-page .mwt-main{
  height:calc(100dvh - var(--hh) - var(--bh))!important;
  min-height:0!important;
  max-height:calc(100dvh - var(--hh) - var(--bh))!important;
  align-items:stretch!important;
  overflow:hidden!important
 }
 body.admin-bar.mwt-terminal-page .mwt-main{
  height:calc(100dvh - var(--hh) - var(--bh) - 32px)!important;
  max-height:calc(100dvh - var(--hh) - var(--bh) - 32px)!important
 }
 body.mwt-terminal-page .mwt-left,
 body.mwt-terminal-page .mwt-right{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important
 }
 body.mwt-terminal-page .mwt-right{overflow:hidden!important}
}

#mwtView-contact.mwt-form-view.is-active{
 display:flex!important;
 flex-direction:column!important;
 height:100%!important;
 min-height:0!important;
 max-height:100%!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 gap:5px!important;
 padding:0 1px 3px!important;
 scrollbar-width:thin;
 scrollbar-color:#9b792f rgba(255,255,255,.08)
}
#mwtView-contact .mwt-result-head{
 flex:0 0 auto!important;
 min-height:38px!important;
 padding:4px 6px 6px!important
}
#mwtView-contact .mwt-result-head h2{font-size:18px!important;line-height:1.2!important}
#mwtView-contact .mwt-privacy-box{
 order:1;
 flex:0 0 auto!important;
 min-height:68px!important;
 max-height:86px!important;
 overflow:auto!important;
 margin:0!important;
 padding:7px 10px!important;
 border-radius:5px!important
}
#mwtView-contact .mwt-privacy-box h3{margin:0 0 3px!important;font-size:12px!important}
#mwtView-contact .mwt-privacy-box p{margin:0!important;font-size:11px!important;line-height:1.48!important}
#mwtView-contact .mwt-consent-btn{
 order:2;
 flex:0 0 38px!important;
 min-height:38px!important;
 width:min(100%,460px)!important;
 margin:0 auto!important;
 padding:7px 12px!important
}
#mwtView-contact .mwt-inquiry-form{
 order:3;
 flex:1 1 auto!important;
 display:flex!important;
 flex-direction:column!important;
 grid-template-columns:none!important;
 height:auto!important;
 min-height:0!important;
 overflow:visible!important;
 gap:5px!important;
 margin:0!important
}
#mwtView-contact .mwt-inquiry-form>div,
#mwtView-contact .mwt-inquiry-form>fieldset{
 grid-column:auto!important;
 grid-row:auto!important;
 min-width:0!important
}
#mwtView-contact .mwt-contact-upper{
 flex:1 1 auto!important;
 min-height:335px!important;
 display:grid!important;
 grid-template-columns:minmax(250px,36%) minmax(0,64%)!important;
 gap:7px!important
}
#mwtView-contact .mwt-contact-estimate{
 min-width:0;
 height:100%;
 overflow:hidden;
 border:1px solid #c9b885;
 background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(245,239,221,.97));
 padding:6px 7px;
 box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)
}
#mwtView-contact .mwt-contact-estimate h3{
 margin:0 0 4px!important;
 color:#273e2b;
 font-size:13px!important;
 line-height:1.3!important;
 letter-spacing:.06em
}
#mwtView-contact .mwt-contact-summary{
 display:block!important;
 margin:0!important;
 border:1px solid rgba(92,112,76,.24)!important;
 background:rgba(255,255,255,.72)!important
}
#mwtView-contact .mwt-contact-summary .mwt-summary-title{
 display:block!important;
 padding:4px 7px!important;
 min-height:22px!important;
 border:0!important;
 border-bottom:1px solid rgba(92,112,76,.25)!important;
 background:#f6f1e4!important;
 font-size:11px!important;
 line-height:1.25!important
}
#mwtView-contact .mwt-contact-summary .mwt-summary-grid{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:0!important;
 margin:0!important
}
#mwtView-contact .mwt-contact-summary .mwt-summary-cell{
 display:grid!important;
 grid-template-columns:78px minmax(0,1fr)!important;
 align-items:center!important;
 min-height:19px!important;
 padding:2px 6px!important;
 border:0!important;
 border-bottom:1px solid rgba(92,112,76,.16)!important;
 background:transparent!important;
 font-size:11px!important;
 line-height:1.15!important
}
#mwtView-contact .mwt-contact-summary .mwt-summary-cell:last-child{border-bottom:0!important}
#mwtView-contact .mwt-contact-summary .mwt-summary-key{
 font-size:11px!important;
 color:#72664b!important;
 white-space:nowrap
}
#mwtView-contact .mwt-contact-summary .mwt-summary-value{
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis;
 font-size:11px!important;
 color:#173b2e!important;
 white-space:nowrap
}
#mwtView-contact .mwt-contact-totals{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:3px!important;
 margin-top:4px!important
}
#mwtView-contact .mwt-contact-totals>div{
 min-height:25px!important;
 border:1px solid rgba(141,110,39,.32)!important;
 background:#173b2e!important;
 color:#fff!important;
 padding:4px 7px!important;
 display:flex!important;
 justify-content:space-between!important;
 align-items:center!important;
 gap:6px!important
}
#mwtView-contact .mwt-contact-totals small{font-size:11px!important;color:#e7d49f!important}
#mwtView-contact .mwt-contact-totals strong{font-size:12px!important;color:#fff!important}

#mwtView-contact .mwt-contact-request-panel{
 min-width:0;
 height:100%;
 display:flex;
 flex-direction:column;
 gap:5px
}
#mwtView-contact .mwt-request-fieldset,
#mwtView-contact .mwt-doc-fieldset,
#mwtView-contact .mwt-existing-fieldset{
 margin:0!important;
 padding:6px!important;
 border:1px solid #d7ccb2!important;
 background:rgba(255,255,255,.58)!important
}
#mwtView-contact fieldset legend{
 padding:0 5px!important;
 color:#263d2a!important;
 font-size:11px!important;
 font-weight:700!important;
 line-height:1.2!important
}
#mwtView-contact .mwt-request-types{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:4px!important
}
#mwtView-contact .mwt-request-types label,
#mwtView-contact .mwt-existing-options label{
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 gap:5px!important;
 min-height:32px!important;
 margin:0!important;
 padding:5px 6px!important;
 border:1px solid #d7ccb2!important;
 border-radius:4px!important;
 background:#fff!important;
 color:#28382b!important;
 font-size:11px!important;
 line-height:1.2!important
}
#mwtView-contact .mwt-request-types input,
#mwtView-contact .mwt-existing-options input{flex:0 0 auto!important;margin:0!important}
#mwtView-contact .mwt-doc-fieldset{
 flex:1 1 auto!important;
 height:auto!important;
 min-height:0!important;
 max-height:none!important;
 overflow:visible!important
}
#mwtView-contact .mwt-doc-grid{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:3px!important
}
#mwtView-contact .mwt-doc-grid label{
 min-height:29px!important;
 padding:4px 5px!important;
 margin:0!important;
 font-size:11px!important;
 line-height:1.12!important
}
#mwtView-contact .mwt-contact-notes-grid{
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 gap:5px!important
}
#mwtView-contact .mwt-contact-notes-grid>div{min-width:0!important}
#mwtView-contact .mwt-contact-notes-grid label{font-size:11px!important}
#mwtView-contact .mwt-contact-notes-grid textarea{
 min-height:48px!important;
 height:48px!important;
 padding:5px 7px!important;
 font-size:11px!important;
 line-height:1.3!important;
 resize:vertical
}

#mwtView-contact .mwt-customer-grid{
 flex:0 0 auto!important;
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:5px 7px!important;
 width:100%!important;
 padding:7px!important;
 border:1px solid #d7ccb2!important;
 background:rgba(255,255,255,.58)!important
}
#mwtView-contact .mwt-customer-grid>div{min-width:0!important}
#mwtView-contact .mwt-customer-grid label,
#mwtView-contact .mwt-whatsapp-field small{
 display:block!important;
 margin:0 0 2px!important;
 color:#5d5036!important;
 font-size:11px!important;
 line-height:1.25!important
}
#mwtView-contact .mwt-customer-grid input{
 width:100%!important;
 height:30px!important;
 min-height:30px!important;
 padding:4px 7px!important;
 font-size:11px!important
}
#mwtView-contact .mwt-whatsapp-field small{margin:2px 0 0!important;color:#74684f!important}
#mwtView-contact .mwt-existing-fieldset{flex:0 0 auto!important}
#mwtView-contact .mwt-existing-options{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:4px!important
}
#mwtView-contact .mwt-existing-options label{min-height:29px!important}
#mwtView-contact .mwt-submit-row{
 flex:0 0 40px!important;
 width:100%!important;
 margin:0!important
}
#mwtView-contact .mwt-submit-row button{
 width:100%!important;
 min-height:40px!important;
 height:40px!important;
 font-size:13px!important
}

@media(max-width:900px){
 .mwt-bottom{
  display:flex!important;
  overflow-x:auto!important;
  justify-content:flex-start!important;
  scrollbar-width:thin
 }
 .mwt-bottom>button{flex:0 0 100px!important;min-width:100px!important}
 #mwtView-contact.mwt-form-view.is-active{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important
 }
 #mwtView-contact .mwt-inquiry-form{display:flex!important}
 #mwtView-contact .mwt-contact-upper{
  display:grid!important;
  grid-template-columns:1fr!important;
  min-height:0!important
 }
 #mwtView-contact .mwt-contact-estimate{height:auto!important;overflow:visible!important}
 #mwtView-contact .mwt-contact-summary .mwt-summary-value{white-space:normal!important}
 #mwtView-contact .mwt-doc-grid{grid-template-columns:1fr 1fr!important}
 #mwtView-contact .mwt-request-types,
 #mwtView-contact .mwt-existing-options{grid-template-columns:1fr 1fr!important}
 #mwtView-contact .mwt-contact-notes-grid{grid-template-columns:1fr!important}
 #mwtView-contact .mwt-customer-grid{grid-template-columns:1fr!important}
}
@media(max-width:520px){
 #mwtView-contact .mwt-doc-grid,
 #mwtView-contact .mwt-request-types,
 #mwtView-contact .mwt-existing-options{grid-template-columns:1fr!important}
}


/* v1.12.2 contact viewport fit */
@media(min-width:901px){
 #mwtView-contact .mwt-inquiry-form{
  overflow:hidden!important
 }
 #mwtView-contact .mwt-contact-upper{
  flex:1 1 0!important;
  min-height:260px!important;
  grid-template-rows:minmax(0,1fr)!important;
  overflow:hidden!important
 }
 #mwtView-contact .mwt-contact-estimate,
 #mwtView-contact .mwt-contact-request-panel{
  height:auto!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:#b4934e rgba(255,255,255,.2)
 }
 #mwtView-contact .mwt-contact-request-panel{padding-right:2px!important}
 #mwtView-contact .mwt-contact-notes-grid .mwt-doc-notes,
 #mwtView-contact .mwt-contact-notes-grid .mwt-message-field{
  grid-column:auto!important;
  grid-row:auto!important
 }
 #mwtView-contact .mwt-contact-notes-grid{
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:auto!important;
  height:auto!important
 }
 #mwtView-contact .mwt-doc-fieldset{
  flex:0 0 auto!important
 }
 #mwtView-contact .mwt-customer-grid{
  padding:4px 6px!important;
  gap:3px 7px!important;
  max-height:116px!important;
  overflow:visible!important
 }
 #mwtView-contact .mwt-customer-grid input{
  height:27px!important;
  min-height:27px!important
 }
 #mwtView-contact .mwt-existing-fieldset{
  flex:0 0 55px!important;
  height:55px!important;
  min-height:55px!important;
  max-height:55px!important;
  padding:4px 6px!important;
  overflow:hidden!important
 }
 #mwtView-contact .mwt-existing-options label{
  min-height:26px!important;
  padding:3px 6px!important
 }
 #mwtView-contact .mwt-submit-row{
  flex:0 0 40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  overflow:hidden!important
 }
 #mwtView-contact .mwt-submit-row button{
  flex:0 0 40px!important;
  height:40px!important;
  min-height:40px!important
 }
}


/* v1.12.3 visible conditions, inline WhatsApp note, equal language button */
#mwtView-contact #mwtContactSummary{
 display:block!important;
 min-height:0!important;
 height:auto!important;
 overflow:visible!important;
 padding:0!important
}
#mwtView-contact .mwt-contact-condition-list{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:0!important;
 width:100%!important;
 border:1px solid rgba(92,112,76,.24)!important;
 background:rgba(255,255,255,.78)!important
}
#mwtView-contact .mwt-contact-condition-row{
 display:grid!important;
 grid-template-columns:76px minmax(0,1fr)!important;
 align-items:center!important;
 min-height:18px!important;
 padding:1px 6px!important;
 border-bottom:1px solid rgba(92,112,76,.16)!important;
 background:transparent!important;
 color:#173b2e!important;
 font-size:11px!important;
 line-height:1.18!important
}
#mwtView-contact .mwt-contact-condition-row:last-child{border-bottom:0!important}
#mwtView-contact .mwt-contact-condition-key{
 color:#655a42!important;
 font-size:11px!important;
 font-weight:700!important;
 white-space:nowrap!important
}
#mwtView-contact .mwt-contact-condition-value{
 min-width:0!important;
 overflow:hidden!important;
 color:#173b2e!important;
 font-size:11px!important;
 font-weight:800!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
#mwtView-contact .mwt-whatsapp-field label{
 display:flex!important;
 flex-direction:row!important;
 align-items:baseline!important;
 flex-wrap:wrap!important;
 gap:5px!important;
 margin:0 0 2px!important
}
#mwtView-contact .mwt-whatsapp-field label small{
 display:inline!important;
 margin:0!important;
 color:#74684f!important;
 font-size:11px!important;
 font-weight:400!important;
 line-height:1.2!important
}
@media(min-width:901px){
 .mwt-bottom{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important
 }
 .mwt-bottom>button,
 .mwt-bottom .mwt-language-button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  justify-self:stretch!important;
  flex:none!important
 }
}


/* v1.12.5 selected estimate conditions: responsive two-column grid */
#mwtView-contact .mwt-contact-estimate{
 container-type:inline-size!important
}
#mwtView-contact .mwt-contact-condition-list{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 align-content:start!important
}
#mwtView-contact .mwt-contact-condition-row{
 grid-template-columns:60px minmax(0,1fr)!important;
 min-height:28px!important;
 padding:3px 6px!important
}
#mwtView-contact .mwt-contact-condition-row:nth-child(odd){
 border-right:1px solid rgba(92,112,76,.16)!important
}
#mwtView-contact .mwt-contact-condition-row:last-child{
 border-bottom:1px solid rgba(92,112,76,.16)!important
}
#mwtView-contact .mwt-contact-condition-value{
 overflow:visible!important;
 text-overflow:clip!important;
 white-space:normal!important;
 overflow-wrap:anywhere!important;
 line-height:1.2!important
}
@container (max-width:220px){
 #mwtView-contact .mwt-contact-condition-list{
  grid-template-columns:1fr!important
 }
 #mwtView-contact .mwt-contact-condition-row{
  grid-template-columns:76px minmax(0,1fr)!important;
  min-height:18px!important;
  padding:1px 6px!important
 }
 #mwtView-contact .mwt-contact-condition-row:nth-child(odd){
  border-right:0!important
 }
 #mwtView-contact .mwt-contact-condition-row:last-child{
  border-bottom:0!important
 }
 #mwtView-contact .mwt-contact-condition-value{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important
 }
}