.mr-info{--info-blue: #243fe5;--info-ink: #131d4c;--info-line: #ccd4ff;--info-tint: #edf0ff;background:#fff;color:var(--info-ink);font-family:var(--font-body--family)}.mr-info__wrap{width:min(100% - 64px,1240px);margin-inline:auto}.mr-info__hero{background:var(--info-blue);color:#fff}.mr-info--forest{--info-tint: #e8f1e9}.mr-info--tradein,.mr-info--club{--info-tint: #fff0f6}.mr-info__hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,64px);padding-block:clamp(32px,5vw,64px)}.mr-info--utility .mr-info__hero-grid{padding-block:28px}.mr-info :is(h1,h2,h3){font-family:Outfit,Mulroom Sans Thai,sans-serif;font-weight:800;margin:0;color:var(--info-blue);text-wrap:balance}.mr-info h1{color:#fff;font-size:clamp(40px,5vw,76px);line-height:1.08;letter-spacing:-.04em}html[lang^=th] .mr-info h1{font-size:clamp(34px,4.6vw,70px);line-height:1.23;letter-spacing:normal}.mr-info h2{font-size:clamp(27px,3vw,44px);line-height:1.2}.mr-info h3{font-size:clamp(22px,2.2vw,33px);line-height:1.25}.mr-info p{line-height:1.7}.mr-info__eyebrow{margin:0 0 13px;text-transform:uppercase;font-size:12px;letter-spacing:.08em;font-weight:750}.mr-info__intro{max-width:54ch;margin:17px 0 22px;font-size:clamp(15px,1.4vw,19px)}.mr-info__actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.mr-info__pill{display:inline-flex;gap:12px;justify-content:space-between;align-items:center;min-height:44px;padding:7px 16px;border-radius:100px;border:1px solid var(--info-blue);background:#fff;color:var(--info-blue);text-decoration:none;font-weight:750}.mr-info__pill:hover{background:var(--info-tint);color:var(--info-blue)}.mr-info__hero .mr-info__pill--ghost{border-color:#fff;color:#fff;background:transparent}.mr-info__hero .mr-info__pill--ghost:hover{color:var(--info-blue);background:#fff}.mr-info__hero a:focus-visible{outline-color:#fff}.mr-info__figure{display:grid;align-content:center;position:relative;margin:0;overflow:hidden;border-radius:18px;background:#fff;color:var(--info-blue)}.mr-info__figure img{display:block;width:100%;height:clamp(230px,30vw,385px);object-fit:cover}.mr-info__figure--doodle img{object-fit:contain;padding:20px}.mr-info__figure--workshop img{object-position:50% 47%}.mr-info__figure figcaption{padding:8px 15px;font-size:12px;font-weight:650}.mr-info--utility .mr-info__figure img{height:clamp(130px,18vw,235px)}.mr-info__body{padding-block:clamp(28px,5vw,60px)}.mr-info__explore,#MulroomPageService{scroll-margin-top:calc(var(--header-height, 64px) + 24px)}.mr-info__explore{border-top:1px solid var(--info-blue);padding-top:14px}.mr-info__picker{min-width:0;position:relative;margin:17px 0 0;padding:0;border:0}.mr-info__radio{position:absolute;width:1px;height:1px;margin:0;opacity:0}.mr-info__choices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mr-info__choice{display:flex;flex:1 1 auto;align-items:center;gap:7px;min-height:46px;padding:7px 13px;border:1px solid var(--info-line);border-radius:100px;background:#fff;color:var(--info-blue);font-weight:750;cursor:pointer}.mr-info__choice span{font-size:11px}.mr-info__choice:hover{border-color:var(--info-blue)}.mr-info__radio--1:checked~.mr-info__choices .mr-info__choice--1,.mr-info__radio--2:checked~.mr-info__choices .mr-info__choice--2,.mr-info__radio--3:checked~.mr-info__choices .mr-info__choice--3,.mr-info__radio--4:checked~.mr-info__choices .mr-info__choice--4{background:var(--info-blue);border-color:var(--info-blue);color:#fff}.mr-info__radio--1:focus-visible~.mr-info__choices .mr-info__choice--1,.mr-info__radio--2:focus-visible~.mr-info__choices .mr-info__choice--2,.mr-info__radio--3:focus-visible~.mr-info__choices .mr-info__choice--3,.mr-info__radio--4:focus-visible~.mr-info__choices .mr-info__choice--4{outline:2px solid var(--info-blue);outline-offset:3px}.mr-info__panel{display:none;grid-template-columns:1fr .68fr;gap:24px;align-items:center;min-height:210px;padding:20px 24px;border:1px solid var(--info-line);border-radius:16px;background:#fff}.mr-info__radio--1:checked~.mr-info__panel--1,.mr-info__radio--2:checked~.mr-info__panel--2,.mr-info__radio--3:checked~.mr-info__panel--3,.mr-info__radio--4:checked~.mr-info__panel--4{display:grid}.mr-info__panel p,.mr-info__feature p{margin:8px 0 0}.mr-info__panel img{display:block;width:100%;height:160px;object-fit:contain}.mr-info__feature{display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch;margin-top:28px;overflow:hidden;border-radius:16px;background:var(--info-tint)}.mr-info__feature .mr-info__figure{border-radius:0}.mr-info__feature .mr-info__figure img{height:clamp(220px,27vw,320px)}.mr-info__feature-copy{align-self:center;padding:clamp(20px,3vw,38px)}.mr-info__feature-copy .mr-info__pill{margin-top:14px}.mr-info__checklist{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0;padding:0;border:0}.mr-info__checklist legend{padding:0 0 5px;font-weight:750}.mr-info__checklist label{display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--info-line);border-radius:100px;background:#fff;cursor:pointer}.mr-info__checklist input{accent-color:var(--info-blue)}.mr-info__questions,.mr-info__related,.mr-info__extra{margin-top:28px}.mr-info__related .mr-info__actions,.mr-info__details{margin-top:12px}.mr-info__details details,.mr-info__extra{border-block-end:1px solid var(--info-line);padding:10px 0}.mr-info :is(details>summary){display:list-item;cursor:pointer;color:var(--info-blue);font-weight:750}.mr-info :is(details>p,details>.rte){margin:9px 0 2px;max-width:72ch}.mr-info-legacy .mr-masthead{display:none}.mr-info-legacy .mm-guide{--mm-blue: #243fe5}.mr-info-legacy .mm-hero{width:min(100% - 36px,1240px);margin-inline:auto;padding:0 0 12px;color:#243fe5;background:#fff}.mr-info-legacy .mm-hero>:is(h1,p,svg){display:none}.mr-info-legacy .mm-hero nav{margin-top:0}.mr-info-legacy .mm-grid article{border-radius:16px;border-color:#ccd4ff}.mr-info-legacy :is(.button,.button-secondary,.mr-care-inquiry button[type=submit]){border-radius:100px}.mr-info-legacy :is(form button.button[type=submit],.mr-care-inquiry button[type=submit]){background:#243fe5;color:#fff}.mr-info-legacy .mm-guide a[href^="#"]{border-radius:100px}@media(max-width:749px){.mr-info__wrap{width:calc(100% - 36px)}.mr-info__hero-grid,.mr-info__panel,.mr-info__feature{grid-template-columns:1fr;gap:15px}.mr-info__hero-grid{padding-block:26px}.mr-info__figure img{height:225px}.mr-info__feature .mr-info__figure img{height:185px}.mr-info__panel{padding:16px}.mr-info__panel img{height:135px}}#MulroomAboutStory,#MulroomAboutContact{scroll-margin-top:calc(var(--header-height, 64px) + 24px)}.mr-about__story,.mr-about__values-grid{display:grid;gap:14px}.mr-about__story{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-about__story-card,.mr-about__value{border:1px solid var(--info-line);border-radius:16px;padding:clamp(20px,3vw,36px)}.mr-about__story-card--tint{background:var(--info-tint)}.mr-about__story-card p,.mr-about__value p,.mr-about__contact p{margin:12px 0 0}.mr-about__values{margin-block:clamp(30px,5vw,58px)}.mr-about__values-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.mr-about__value{display:flex;flex-direction:column}.mr-about__value p{flex-grow:1}.mr-about__value a{align-self:flex-start;color:var(--info-blue);font-weight:750;margin-top:16px;text-underline-offset:3px}.mr-about__contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 28px;margin-top:clamp(28px,5vw,54px);padding:clamp(22px,4vw,42px);border-radius:16px;background:var(--info-tint)}.mr-about__contact p{max-width:60ch}.mr-about__contact .mr-about__contact-primary{background:var(--mulroom-yellow, #f3f34a);border-color:var(--mulroom-yellow, #f3f34a)}.mr-about__contact .mr-about__contact-primary:hover{border-color:var(--info-blue)}@media(max-width:749px){.mr-about__story,.mr-about__values-grid{grid-template-columns:1fr}}.mr-about__story-card .mr-about__kicker{margin:0 0 10px;color:var(--info-blue);font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/132/assets/mulroom-info-pages.css.map */
