/* Colour studio styles stay inside the Millboard guide. */
#tm-category .mb-guide .mb-studio{--studio-green:#3c9948;--studio-dark:#245a34;--studio-orange:#f58220;--studio-pale:#f4f6f3;margin:58px 0 66px;scroll-margin-top:165px;min-width:0}
#tm-category .mb-guide .mb-studio *{box-sizing:border-box}
#tm-category .mb-guide .mb-studio [hidden]{display:none!important}
#tm-category .mb-guide .mb-studio:not(.is-ready) .mb-studio-enhanced,#tm-category .mb-guide .mb-studio:not(.is-ready) .mb-studio-choice-card{display:none!important}
#tm-category .mb-guide .mb-studio:not(.is-ready) .mb-studio-layout{grid-template-columns:minmax(0,760px)}
#tm-category .mb-guide .mb-studio .mb-studio-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:28px}
#tm-category .mb-guide .mb-studio .mb-studio-heading h3{font:800 36px/1.15 Kanit,TMCategoryInter,Arial,sans-serif;letter-spacing:-.5px;max-width:530px;margin:0;color:var(--studio-dark)}
#tm-category .mb-guide .mb-studio .mb-studio-heading p{margin:0 0 2px;max-width:430px;color:#53634f;font-size:14px;line-height:1.7}
#tm-category .mb-guide .mb-studio .mb-studio-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:30px;align-items:stretch}
#tm-category .mb-guide .mb-studio .mb-studio-choice-card{position:relative;isolation:isolate;min-width:0;padding:32px;display:flex;flex-direction:column;justify-content:center}
#tm-category .mb-guide .mb-studio .mb-studio-choice-card::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--studio-pale);clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px))}
#tm-category .mb-guide .mb-studio .mb-studio-controls{padding:24px;background:#fff;border:1px solid #dfe6dc;border-radius:7px;min-width:0}
#tm-category .mb-guide .mb-studio button,#tm-category .mb-guide .mb-studio select{font-family:TMCategoryInter,Arial,sans-serif;font-size:13px;color:var(--studio-dark);line-height:1.4}
#tm-category .mb-guide .mb-studio button{cursor:pointer}
#tm-category .mb-guide .mb-studio button:disabled{cursor:default;opacity:.5}
#tm-category .mb-guide .mb-studio .mb-studio-applications{display:flex!important;gap:6px;padding:4px;background:var(--studio-pale);border-radius:5px;margin-bottom:24px}
#tm-category .mb-guide .mb-studio .mb-studio-applications button{flex:1;min-width:0;border:0;border-radius:3px;background:transparent;padding:11px 8px;font-size:12px;font-weight:500;text-align:center}
#tm-category .mb-guide .mb-studio .mb-studio-applications button[aria-pressed=true]{background:var(--studio-dark);color:#fff}
#tm-category .mb-guide .mb-studio .mb-studio-collection label{display:block;color:#53634f;font-size:12px;margin:0 0 8px}
#tm-category .mb-guide .mb-studio .mb-studio-collection select{display:block;width:100%;min-width:0;max-width:100%;height:47px;margin:0;border:1px solid #c7d2c1;border-radius:4px;background:#fff;padding:9px 30px 9px 11px;font-size:15px;cursor:pointer;appearance:auto}
#tm-category .mb-guide .mb-studio .mb-studio-color-label{display:flex;justify-content:space-between;gap:12px;margin:23px 0 13px;color:#53634f;font-size:12px;line-height:1.4}
#tm-category .mb-guide .mb-studio .mb-studio-color-label>span:last-child{font-size:11px;white-space:nowrap}
#tm-category .mb-guide .mb-studio .mb-studio-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 10px;align-items:start}
#tm-category .mb-guide .mb-studio .mb-studio-swatch{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;height:auto;border:0;background:transparent;padding:0;color:#53634f;text-align:center;font-size:10px;line-height:1.35}
#tm-category .mb-guide .mb-studio .mb-studio-swatch img{display:block;width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;border:3px solid #fff;outline:1px solid #d6dfd1;border-radius:4px;margin:0 0 8px}
#tm-category .mb-guide .mb-studio .mb-studio-swatch>span:not(.mb-studio-swatch-check){min-height:28px;padding:0 1px;overflow-wrap:anywhere}
#tm-category .mb-guide .mb-studio .mb-studio-swatch[aria-pressed=true]{color:var(--studio-dark);font-weight:700}
#tm-category .mb-guide .mb-studio .mb-studio-swatch[aria-pressed=true] img{outline:2px solid var(--studio-green)}
#tm-category .mb-guide .mb-studio .mb-studio-swatch-check{display:none;position:absolute;top:4px;right:4px;width:17px;height:17px;background:#fff;color:var(--studio-dark);border-radius:50%;font-size:11px;line-height:17px;font-weight:700}
#tm-category .mb-guide .mb-studio .mb-studio-swatch[aria-pressed=true] .mb-studio-swatch-check{display:block}
#tm-category .mb-guide .mb-studio .mb-studio-swatch.has-missing-swatch::before{content:"";display:block;aspect-ratio:1.18;margin-bottom:8px;border:1px solid #d6dfd1;border-radius:4px;background:var(--studio-pale)}
#tm-category .mb-guide .mb-studio .mb-studio-swatch.has-missing-swatch[aria-pressed=true]::before{outline:2px solid var(--studio-green)}
#tm-category .mb-guide .mb-studio .mb-studio-play-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e2e9de;padding-top:13px;margin-top:18px;min-height:43px}
#tm-category .mb-guide .mb-studio .mb-studio-play{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:6px 0;font-size:12px;font-weight:500;text-align:left}
#tm-category .mb-guide .mb-studio .mb-studio-play>span:first-child{font-size:18px;line-height:1;width:16px;text-align:center}
#tm-category .mb-guide .mb-studio .mb-studio-play-mark{width:26px;height:3px;background:var(--studio-orange);flex:none}
#tm-category .mb-guide .mb-studio.is-playing .mb-studio-play-mark{background:var(--studio-green)}
#tm-category .mb-guide .mb-studio .mb-studio-choice-copy{padding:26px 7px 0}
#tm-category .mb-guide .mb-studio .mb-studio-choice-copy h4{font:800 27px/1.15 Kanit,TMCategoryInter,Arial,sans-serif;letter-spacing:-.3px;margin:0 0 10px;color:var(--studio-dark)}
#tm-category .mb-guide .mb-studio .mb-studio-choice-copy p{margin:0;max-width:380px;font-size:13px;line-height:1.7;color:#53634f}
#tm-category .mb-guide .mb-studio .mb-studio-result{min-width:0;display:flex;flex-direction:column;border:1px solid #e0e7dd;background:#fff}
#tm-category .mb-guide .mb-studio .mb-studio-selection{padding:28px 31px 25px;min-width:0}
#tm-category .mb-guide .mb-studio .mb-studio-series{font-size:12px;line-height:1.4;color:#53634f;margin:0 0 5px}
#tm-category .mb-guide .mb-studio .mb-studio-selection h4{font:800 35px/1.12 Kanit,TMCategoryInter,Arial,sans-serif;letter-spacing:-.4px;color:var(--studio-dark);margin:0 0 10px;overflow-wrap:anywhere}
#tm-category .mb-guide .mb-studio .mb-studio-dimensions{font-size:12px;color:#53634f;line-height:1.55;margin:0}
#tm-category .mb-guide .mb-studio .mb-studio-product-link{display:inline-block;margin-top:14px;color:var(--studio-dark);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:4px}
#tm-category .mb-guide .mb-studio .mb-studio-availability{font-size:12px;color:#53634f;line-height:1.6;margin:10px 0 0;max-width:50ch}
#tm-category .mb-guide .mb-studio .mb-studio-availability:empty{display:none}
#tm-category .mb-guide .mb-studio .mb-studio-visual{position:relative;isolation:isolate;overflow:hidden;min-height:425px;aspect-ratio:1.23;flex:1;background:var(--studio-pale)}
#tm-category .mb-guide .mb-studio .mb-studio-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
#tm-category .mb-guide .mb-studio .mb-studio-sample{position:absolute;top:22%;left:15%;width:70%;margin:0;background:#fff;border:1px solid #fff;border-radius:6px;overflow:hidden;box-shadow:0 14px 25px -12px #25372266;transform:rotate(-7deg);pointer-events:none}
#tm-category .mb-guide .mb-studio .mb-studio-sample img{display:block;width:100%;height:auto;aspect-ratio:1.7;object-fit:contain;background:#fff}
#tm-category .mb-guide .mb-studio .mb-studio-sample>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 16px;font-size:13px;line-height:1.4;color:var(--studio-dark)}
#tm-category .mb-guide .mb-studio .mb-studio-sample>div>span:last-child{font-size:10px;color:#53634f;flex:none}
#tm-category .mb-guide .mb-studio .mb-studio-visual[data-view=product] .mb-studio-image{inset:20px 20px 78px;width:calc(100% - 40px);height:calc(100% - 98px);object-fit:contain;background:#fff}
#tm-category .mb-guide .mb-studio .mb-studio-visual[data-view=product] .mb-studio-sample{display:none}
#tm-category .mb-guide .mb-studio .mb-studio-view{position:absolute;z-index:2;bottom:22px;left:50%;transform:translateX(-50%);display:flex!important;gap:3px;padding:4px;background:#fff;border:1px solid #d9e2d4;border-radius:6px;max-width:calc(100% - 32px);box-shadow:0 3px 12px #2033250d}
#tm-category .mb-guide .mb-studio .mb-studio-view button{border:0;background:transparent;padding:9px 18px;font-size:12px;line-height:1.4;border-radius:3px}
#tm-category .mb-guide .mb-studio .mb-studio-view button[aria-pressed=true]{background:var(--studio-dark);color:#fff}
#tm-category .mb-guide .mb-studio .mb-studio-image-error{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:40px;margin:0;color:#53634f;font-size:14px}
#tm-category .mb-guide .mb-studio .mb-studio-loading{display:none;position:absolute;inset:0;place-items:center;margin:0;padding:35px;text-align:center;color:#53634f;font-size:13px}
#tm-category .mb-guide .mb-studio.is-loading .mb-studio-image,#tm-category .mb-guide .mb-studio.is-loading .mb-studio-sample,#tm-category .mb-guide .mb-studio.is-loading .mb-studio-image-error{visibility:hidden}
#tm-category .mb-guide .mb-studio.is-loading .mb-studio-loading{display:grid}
#tm-category .mb-guide .mb-studio .mb-studio-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:24px}
#tm-category .mb-guide .mb-studio .mb-studio-foot>p{max-width:500px;font-size:12px;color:#53634f;line-height:1.65;margin:0}
#tm-category .mb-guide .mb-studio .mb-studio-contact{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;padding:12px 25px;min-height:54px;max-width:100%;font:italic 800 22px/1.35 Kanit,TMCategoryInter,Arial,sans-serif;color:#fff;text-decoration:none;text-align:center;flex:none}
#tm-category .mb-guide .mb-studio .mb-studio-contact::before{content:"";position:absolute;inset:0;z-index:-1;background:#007fae;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
#tm-category .mb-guide .mb-studio .mb-studio-contact:hover::before{background:#00739e}
#tm-category .mb-guide .mb-studio .mb-studio-status{font-size:12px;color:#53634f;line-height:1.6;margin:13px 0 0;min-height:20px}
#tm-category .mb-guide .mb-studio :is(button,a,select):focus-visible{outline:3px solid #0087b9;outline-offset:5px}
@media(max-width:1100px){
  #tm-category .mb-guide .mb-studio .mb-studio-heading{gap:30px}
  #tm-category .mb-guide .mb-studio .mb-studio-layout{gap:22px}
  #tm-category .mb-guide .mb-studio .mb-studio-choice-card{padding:24px}
  #tm-category .mb-guide .mb-studio .mb-studio-controls{padding:18px}
  #tm-category .mb-guide .mb-studio .mb-studio-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 9px}
  #tm-category .mb-guide .mb-studio .mb-studio-selection{padding:25px}
  #tm-category .mb-guide .mb-studio .mb-studio-visual{min-height:420px}
  #tm-category .mb-guide .mb-studio .mb-studio-sample{left:12%;width:76%;top:24%}
  #tm-category .mb-guide .mb-studio .mb-studio-foot>p{max-width:400px}
}
@media(max-width:800px){
  #tm-category .mb-guide .mb-studio .mb-studio-layout{grid-template-columns:1fr;gap:18px}
  #tm-category .mb-guide .mb-studio .mb-studio-heading{display:block;margin-bottom:24px}
  #tm-category .mb-guide .mb-studio .mb-studio-heading h3{font-size:31px}
  #tm-category .mb-guide .mb-studio .mb-studio-heading p{margin-top:13px;max-width:580px}
  #tm-category .mb-guide .mb-studio .mb-studio-choice-card{padding:20px}
  #tm-category .mb-guide .mb-studio .mb-studio-controls{padding:20px}
  #tm-category .mb-guide .mb-studio .mb-studio-choice-copy{display:none}
  #tm-category .mb-guide .mb-studio .mb-studio-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 10px}
  #tm-category .mb-guide .mb-studio .mb-studio-swatch{font-size:11px}
  #tm-category .mb-guide .mb-studio .mb-studio-selection{padding:23px 25px 22px}
  #tm-category .mb-guide .mb-studio .mb-studio-selection h4{font-size:31px}
  #tm-category .mb-guide .mb-studio .mb-studio-visual{min-height:350px;aspect-ratio:1.3}
  #tm-category .mb-guide .mb-studio .mb-studio-sample{left:16%;width:68%;top:17%}
  #tm-category .mb-guide .mb-studio .mb-studio-foot{align-items:start}
  #tm-category .mb-guide .mb-studio .mb-studio-foot>p{max-width:320px}
  #tm-category .mb-guide .mb-studio .mb-studio-contact{font-size:20px;padding:11px 20px}
}
@media(max-width:550px){
  #tm-category .mb-guide .mb-studio{margin:40px 0 43px;scroll-margin-top:120px}
  #tm-category .mb-guide .mb-studio .mb-studio-heading h3{font-size:29px}
  #tm-category .mb-guide .mb-studio .mb-studio-heading p{font-size:13px}
  #tm-category .mb-guide .mb-studio .mb-studio-choice-card{padding:15px}
  #tm-category .mb-guide .mb-studio .mb-studio-controls{padding:16px}
  #tm-category .mb-guide .mb-studio .mb-studio-applications{margin-bottom:18px}
  #tm-category .mb-guide .mb-studio .mb-studio-applications button{padding:11px 6px;font-size:11px}
  #tm-category .mb-guide .mb-studio .mb-studio-color-label{margin-top:18px}
  #tm-category .mb-guide .mb-studio .mb-studio-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 9px}
  #tm-category .mb-guide .mb-studio .mb-studio-swatch{font-size:10px}
  #tm-category .mb-guide .mb-studio .mb-studio-play-row{margin-top:13px;padding-top:10px}
  #tm-category .mb-guide .mb-studio .mb-studio-selection{padding:23px 22px 21px}
  #tm-category .mb-guide .mb-studio .mb-studio-visual{min-height:325px;aspect-ratio:1.05}
  #tm-category .mb-guide .mb-studio .mb-studio-sample{left:13%;width:74%;top:22%}
  #tm-category .mb-guide .mb-studio .mb-studio-sample>div{padding:12px 13px 14px;font-size:12px}
  #tm-category .mb-guide .mb-studio .mb-studio-view{bottom:19px}
  #tm-category .mb-guide .mb-studio .mb-studio-view button{padding:9px 16px}
  #tm-category .mb-guide .mb-studio .mb-studio-foot{display:block;padding-top:20px}
  #tm-category .mb-guide .mb-studio .mb-studio-foot>p{max-width:none}
  #tm-category .mb-guide .mb-studio .mb-studio-contact{margin-top:17px;font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  #tm-category .mb-guide .mb-studio *,#tm-category .mb-guide .mb-studio *::before,#tm-category .mb-guide .mb-studio *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Reseller and warranty additions, scoped to the existing Millboard guide. */
#tm-category .mb-guide .mb-reseller{position:relative;isolation:isolate;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:32px;padding:28px;margin:38px 0 42px;min-width:0}
#tm-category .mb-guide .mb-reseller::before{content:"";position:absolute;inset:0;z-index:-1;background:#f4f6f3;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px))}
#tm-category .mb-guide .mb-reseller .mb-reseller-portrait{width:180px;height:250px;background:#fff;overflow:hidden;clip-path:polygon(0 0,calc(100% - 23px) 0,100% 23px,100% 100%,23px 100%,0 calc(100% - 23px))}
#tm-category .mb-guide .mb-reseller .mb-reseller-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 10%}
#tm-category .mb-guide .mb-reseller .mb-reseller-copy{min-width:0}
#tm-category .mb-guide .mb-reseller .mb-reseller-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:17px}
#tm-category .mb-guide .mb-reseller .mb-reseller-heading{min-width:0}
#tm-category .mb-guide .mb-reseller .mb-reseller-tag{margin:0 0 8px;color:#245a34;font-size:12px;font-weight:500;line-height:1.5}
#tm-category .mb-guide .mb-reseller h3{margin:0;color:#245a34;font:800 31px/1.16 Kanit,TMCategoryInter,Arial,sans-serif;letter-spacing:-.35px}
#tm-category .mb-guide .mb-reseller .mb-reseller-badge{display:block;flex:0 1 240px;min-width:170px;width:240px;max-width:310px;height:auto;object-fit:contain}
#tm-category .mb-guide .mb-reseller .mb-reseller-text{max-width:83ch;margin:0;color:#53634f;font:400 14px/1.8 TMCategoryInter,Arial,sans-serif}
#tm-category .mb-guide .mb-reseller .mb-reseller-links{display:flex!important;flex-wrap:wrap;column-gap:26px;row-gap:8px;margin-top:19px}
#tm-category .mb-guide .mb-reseller .mb-reseller-links a{display:inline-block;color:#245a34;font-size:13px;font-weight:500;line-height:1.7;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
#tm-category .mb-guide .mb-reseller .mb-reseller-links a:hover{text-decoration-thickness:2px}
#tm-category .mb-guide .mb-reseller .mb-reseller-links a:focus-visible{outline:3px solid #0087b9;outline-offset:5px}
#tm-category .mb-guide .mb-warranty{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr);gap:48px;border-top:1px solid #e0e7dd;padding-top:27px;margin:34px 0 46px;min-width:0}
#tm-category .mb-guide .mb-warranty h3{margin:0 0 15px;color:#245a34;font:800 28px/1.2 Kanit,TMCategoryInter,Arial,sans-serif;letter-spacing:-.3px}
#tm-category .mb-guide .mb-warranty p{max-width:90ch;margin:0 0 13px;color:#53634f;font:400 14px/1.8 TMCategoryInter,Arial,sans-serif}
#tm-category .mb-guide .mb-warranty p:last-child{margin-bottom:0}
#tm-category .mb-guide .mb-warranty a{color:#245a34;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
#tm-category .mb-guide .mb-warranty a:hover{text-decoration-thickness:2px}
#tm-category .mb-guide .mb-warranty a:focus-visible{outline:3px solid #0087b9;outline-offset:5px}
@media(max-width:1100px){
  #tm-category .mb-guide .mb-reseller .mb-reseller-head{display:block}
  #tm-category .mb-guide .mb-reseller .mb-reseller-badge{width:225px;min-width:0;max-width:100%;margin-top:15px}
  #tm-category .mb-guide .mb-reseller h3{font-size:29px}
}
@media(max-width:700px){
  #tm-category .mb-guide .mb-reseller{grid-template-columns:110px minmax(0,1fr);align-items:center;column-gap:20px;row-gap:19px;padding:23px 20px;margin:30px 0 34px}
  #tm-category .mb-guide .mb-reseller::before{clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px))}
  #tm-category .mb-guide .mb-reseller .mb-reseller-portrait{grid-column:1;grid-row:1;width:110px;height:160px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
  #tm-category .mb-guide .mb-reseller .mb-reseller-copy{display:contents}
  #tm-category .mb-guide .mb-reseller .mb-reseller-head{grid-column:2;grid-row:1;margin:0}
  #tm-category .mb-guide .mb-reseller .mb-reseller-tag{font-size:11px;margin-bottom:7px}
  #tm-category .mb-guide .mb-reseller h3{font-size:25px;line-height:1.14;overflow-wrap:normal}
  #tm-category .mb-guide .mb-reseller .mb-reseller-badge{width:190px;max-width:100%;margin-top:15px}
  #tm-category .mb-guide .mb-reseller .mb-reseller-text{grid-column:1/-1;grid-row:2;font-size:14px;line-height:1.75}
  #tm-category .mb-guide .mb-reseller .mb-reseller-links{grid-column:1/-1;grid-row:3;margin:0;column-gap:22px;row-gap:8px}
  #tm-category .mb-guide .mb-warranty{display:block;padding-top:23px;margin:29px 0 35px}
  #tm-category .mb-guide .mb-warranty h3{font-size:25px;margin-bottom:14px}
}
@media(max-width:370px){
  #tm-category .mb-guide .mb-reseller{grid-template-columns:98px minmax(0,1fr);gap:16px;padding:21px 17px}
  #tm-category .mb-guide .mb-reseller .mb-reseller-portrait{width:98px;height:150px}
  #tm-category .mb-guide .mb-reseller h3{font-size:22px}
  #tm-category .mb-guide .mb-reseller .mb-reseller-tag{font-size:10px}
  #tm-category .mb-guide .mb-reseller .mb-reseller-badge{margin-top:12px}
}