/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./styles/configurator.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/* Scoped port of the standalone configurator prototype CSS.
   Every rule prefixed .cfgroot; @media wrappers preserved. Regenerated. */
.cfgroot{--teal:#123A3E;--deep:#0E3133;--deeper:#0B2A2C;--cream:#F4F4F0;--bone:#FAF9F5;--green:#39B54A;--green-d:#2E9E3E;--sage:#A9BDBA;
--accent:#FFC0A5;--accent-d:#F5A886;--accent-tint:#FEE3CD;--accent-ink:#9A4A28;--misty:#3F6162;
--text:#1B2A29;--mut:#5F6D6C;--ln:rgba(18,58,62,.14);--ln-s:rgba(18,58,62,.08);
--sans:'Hauora',system-ui,sans-serif;--serif:'Libre Caslon Text',Georgia,serif;--eo:cubic-bezier(0.32,0.72,0,1)}
.cfgroot *{margin:0;padding:0;box-sizing:border-box}
.cfgroot{font-family:var(--sans);background:var(--bone);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}
.cfgroot h1,.cfgroot h2,.cfgroot h3,.cfgroot h4{color:var(--teal);font-weight:500;letter-spacing:-.02em;line-height:1.1}
.cfgroot em{font-family:var(--serif);font-style:italic}
.cfgroot button{font-family:inherit;cursor:pointer}
.cfgroot .nav{position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;gap:14px;padding:0 clamp(18px,4vw,44px);background:var(--teal)}
.cfgroot .nav svg{height:20px;width:auto;max-width:200px}
.cfgroot .nav .brand{max-width:60vw;overflow:hidden}
.cfgroot .nav .brand{display:flex;align-items:center}
.cfgroot .nav .tag{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.cfgroot .nav .right{margin-left:auto;display:flex;gap:10px;align-items:center}
.cfgroot .pillbtn{display:inline-flex;align-items:center;gap:9px;border-radius:100px;padding:11px 22px;font-size:14px;font-weight:500;border:1.5px solid transparent;transition:transform .5s var(--eo),background .3s,color .3s,border-color .3s}
.cfgroot .pillbtn:hover{transform:translateY(-2px)}
.cfgroot .pillbtn svg{width:15px;height:15px}
.cfgroot .b-green{background:var(--green);color:#fff}
.cfgroot .b-green:hover{background:var(--green-d)}
.cfgroot .b-cream{background:var(--cream);color:var(--teal)}
.cfgroot .b-teal{background:var(--teal);color:var(--cream)}
.cfgroot .b-line{background:transparent;color:var(--teal);border-color:var(--ln)}
.cfgroot .b-line:hover{border-color:var(--teal)}
.cfgroot .b-linew{background:transparent;color:var(--cream);border-color:rgba(244,244,240,.4)}
.cfgroot .b-accent{background:var(--accent);color:var(--accent-ink)}
.cfgroot .b-accent:hover{background:var(--accent-d)}
.cfgroot .cfg-hero{background:var(--teal);color:var(--cream);padding:38px clamp(18px,4vw,44px)}
.cfgroot .cfg-hero .cfg-k{color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.cfgroot .cfg-hero h1{color:#fff;font-size:clamp(26px,4vw,40px);margin:8px 0 6px}
.cfgroot .cfg-hero p{color:rgba(244,244,240,.8);max-width:60ch;font-size:15px}
.cfgroot .cfg-wrap{max-width:1300px;margin:0 auto;padding:clamp(20px,3vw,36px) clamp(18px,4vw,44px)}
.cfgroot .cfgtop{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.cfgroot .modeltabs{display:flex;gap:8px}
.cfgroot .mtab{padding:11px 20px;border-radius:100px;border:1.5px solid var(--ln);background:#fff;font-size:14px;font-weight:500;color:var(--teal);transition:all .3s}
.cfgroot .mtab.cfg-on{background:var(--teal);border-color:var(--teal);color:var(--cream)}
.cfgroot .layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,3vw,40px);align-items:start}
@media(max-width:940px){.cfgroot .layout{grid-template-columns:1fr}}
.cfgroot .preview{position:sticky;top:84px}
.cfgroot .stage{border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--ln-s);box-shadow:0 30px 60px -40px rgba(18,58,62,.4)}
.cfgroot .stageimg{aspect-ratio:16/11;position:relative;overflow:hidden;background:#e8e6e1}
.cfgroot .layerstack{position:absolute;inset:0}
.cfgroot .lyr{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .4s,background .4s}
.cfgroot .lyr.tint{mix-blend-mode:multiply;opacity:.55;transition:background .45s var(--eo),opacity .3s}
.cfgroot .lyr.tint.floor{top:66%;opacity:.62}
.cfgroot .lyr.tint.wall{bottom:42%;top:0;opacity:.34}
.cfgroot .lyr.tint.cabinet{top:40%;bottom:20%;left:0;right:52%;opacity:.5;border-radius:0 8px 8px 0}
.cfgroot .layerbadge{position:absolute;right:12px;bottom:12px;z-index:200;background:rgba(11,42,44,.7);color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 11px;border-radius:100px;backdrop-filter:blur(6px)}
.cfgroot .stagetag{position:absolute;left:14px;top:14px;z-index:200;background:rgba(11,42,44,.72);color:#fff;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:7px 13px;border-radius:100px;backdrop-filter:blur(6px)}
.cfgroot .viewtabs{display:flex;gap:6px;padding:12px}
.cfgroot .vtab{flex:1;padding:10px;border-radius:11px;border:1.5px solid var(--ln-s);background:var(--bone);font-size:12.5px;font-weight:600;color:var(--mut);transition:all .3s}
.cfgroot .vtab.cfg-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.cfgroot .livehint{font-size:11.5px;color:var(--mut);text-align:center;padding:0 12px 12px;font-style:italic}
.cfgroot .opts{display:flex;flex-direction:column;gap:22px}
.cfgroot .ogroup{background:#fff;border:1px solid var(--ln-s);border-radius:18px;padding:18px 20px}
.cfgroot .ogroup h4{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:14px;display:flex;justify-content:space-between}
.cfgroot .ogroup h4 .hint{color:var(--mut);font-weight:500;letter-spacing:0;text-transform:none;font-size:12px}
.cfgroot .swatches{display:flex;gap:10px;flex-wrap:wrap}
.cfgroot .sw{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;width:78px}
.cfgroot .sw .cfg-chip{width:52px;height:52px;border-radius:14px;border:2.5px solid transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .3s var(--eo),border-color .3s}
.cfgroot .sw.cfg-on .cfg-chip{border-color:var(--accent);transform:scale(1.06)}
.cfgroot .sw:hover .cfg-chip{transform:scale(1.06)}
.cfgroot .sw .lb{font-size:11px;text-align:center;color:var(--text);line-height:1.25}
.cfgroot .sw .pr{font-size:10.5px;color:var(--mut)}
.cfgroot .picks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cfgroot .pick{display:flex;align-items:center;gap:12px;border:1.5px solid var(--ln);border-radius:13px;padding:10px;cursor:pointer;transition:border-color .3s,background .3s}
.cfgroot .pick.cfg-on{border-color:var(--accent);background:rgba(255,192,165,.16)}
.cfgroot .pick .pim{width:54px;height:44px;border-radius:9px;background-size:cover;background-position:center;flex:0 0 auto}
.cfgroot .pick .pt{font-size:13.5px;font-weight:600;color:var(--teal)}
.cfgroot .pick .pp{font-size:11.5px;color:var(--mut)}
.cfgroot .toggles{display:flex;flex-direction:column;gap:9px}
.cfgroot .tg{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1.5px solid var(--ln);border-radius:13px;cursor:pointer;transition:border-color .3s,background .3s}
.cfgroot .tg.cfg-on{border-color:var(--accent);background:rgba(255,192,165,.14)}
.cfgroot .tg .tl{font-size:14px;font-weight:500;color:var(--text)}
.cfgroot .tg .tr{display:flex;align-items:center;gap:12px}
.cfgroot .tg .tp{font-size:13px;font-weight:600;color:var(--accent-ink)}
.cfgroot .tg .box{width:24px;height:24px;border-radius:7px;border:2px solid var(--ln);display:grid;place-items:center;transition:all .3s}
.cfgroot .tg.cfg-on .box{background:var(--accent);border-color:var(--accent)}
.cfgroot .tg .box svg{width:14px;height:14px;stroke:var(--accent-ink);stroke-width:3;fill:none;opacity:0;transition:opacity .2s}
.cfgroot .tg.cfg-on .box svg{opacity:1}
.cfgroot .summary{position:sticky;bottom:0;z-index:40;background:var(--deep);color:var(--cream);border-radius:20px 20px 0 0;margin-top:30px;box-shadow:0 -20px 50px -30px rgba(0,0,0,.5)}
.cfgroot .sumin{max-width:1300px;margin:0 auto;padding:18px clamp(18px,4vw,44px);display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.cfgroot .sumline{flex:1;min-width:200px}
.cfgroot .sumline .sl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.cfgroot .sumtotal{font-size:clamp(26px,3.4vw,38px);font-weight:700;color:#fff;font-family:var(--serif);font-style:italic;line-height:1}
.cfgroot .sumsub{font-size:12px;color:rgba(244,244,240,.6);margin-top:3px}
.cfgroot .sumbtns{display:flex;gap:10px;flex-wrap:wrap}
.cfgroot .modal{position:fixed;inset:0;z-index:100;background:rgba(11,42,44,.6);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px}
.cfgroot .modal.cfg-on{display:flex}
.cfgroot .cfg-mcard{background:#fff;border-radius:22px;max-width:460px;width:100%;padding:clamp(24px,3vw,36px);max-height:90vh;overflow:auto}
.cfgroot .cfg-mcard h3{font-size:22px;margin-bottom:6px}
.cfgroot .cfg-mcard p.sub{font-size:14px;color:var(--mut);margin-bottom:20px}
.cfgroot .cfg-fld{margin-bottom:13px}
.cfgroot .cfg-fld label{display:block;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:6px}
.cfgroot .cfg-fld input{width:100%;font-family:inherit;font-size:14.5px;padding:12px 14px;border:1px solid var(--ln);border-radius:11px;outline:none;background:var(--bone)}
.cfgroot .cfg-fld input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,192,165,.4)}
.cfgroot .modal .row{display:flex;gap:10px;margin-top:8px}
.cfgroot .mclose{float:right;font-size:22px;color:var(--mut);background:none;border:0;line-height:1}
.cfgroot .editorbtn{position:fixed;right:18px;bottom:96px;z-index:45;background:var(--teal);color:var(--cream);border:0;border-radius:100px;padding:12px 20px;font-size:13px;font-weight:600;box-shadow:0 16px 34px -16px rgba(11,42,44,.6);display:flex;align-items:center;gap:8px}
.cfgroot .drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,92vw);background:#fff;z-index:110;box-shadow:-30px 0 60px -30px rgba(0,0,0,.4);transform:translateX(100%);transition:transform .5s var(--eo);overflow:auto}
.cfgroot .drawer.cfg-on{transform:none}
.cfgroot .drawer .dh{position:sticky;top:0;background:var(--teal);color:var(--cream);padding:18px 22px;display:flex;justify-content:space-between;align-items:center}
.cfgroot .drawer .dh h3{color:#fff;font-size:16px}
.cfgroot .drawer .db{padding:22px}
.cfgroot .drawer .ei{border:1px solid var(--ln-s);border-radius:13px;padding:14px;margin-bottom:12px}
.cfgroot .drawer .ei .er{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:5px 0;align-items:center}
.cfgroot .drawer .ei input{width:110px;font-family:inherit;font-size:13px;padding:6px 9px;border:1px solid var(--ln);border-radius:8px;text-align:right}
.cfgroot .drawer .note{background:var(--bone);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:12px 15px;font-size:12.5px;color:var(--mut);line-height:1.6;margin-top:8px}
.cfgroot .badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:100px;background:var(--accent);color:var(--accent-ink)}
.cfgroot footer{background:var(--deep);color:rgba(244,244,240,.6);padding:34px clamp(18px,4vw,44px);text-align:center;font-size:12.5px;margin-top:10px}
.cfgroot footer svg{width:150px;max-width:70vw;height:auto;margin-bottom:12px}
.cfgroot footer svg path{fill:#fff}
@media(max-width:640px){.cfgroot .picks{grid-template-columns:1fr}
.cfgroot .sumin{flex-direction:column;align-items:stretch;gap:12px}
.cfgroot .sumbtns{justify-content:stretch}
.cfgroot .sumbtns .pillbtn{flex:1;justify-content:center}
.cfgroot .preview{position:static}
.cfgroot .swatches{gap:8px}
.cfgroot .sw{width:64px}
.cfgroot .modeltabs{width:100%}
.cfgroot .mtab{flex:1;text-align:center;padding:11px 10px}
.cfgroot .editorbtn{right:10px;bottom:auto;top:74px;padding:9px 14px;font-size:12px}}
@media(max-width:400px){.cfgroot .sw{width:56px}
.cfgroot .sw .cfg-chip{width:44px;height:44px}}
.cfgroot .hidden{display:none!important}