/* Modalle Site 3D Viewer V4 — Product Technical Experience */

/* HERO: mantém o desenho original e apenas garante que os nomes dos blocos não sumam. */
.modalle-sp-wrap .sp-tech-btn{font-size:10px!important;letter-spacing:1.7px!important;gap:7px!important;white-space:nowrap}.modalle-sp-wrap .sp-tech-btn .mdl3d-tech-label{display:inline!important;font-size:inherit!important;letter-spacing:inherit!important;color:inherit!important}.modalle-sp-wrap .sp-tech-actions{flex-wrap:wrap}.modalle-sp-wrap .sp-gallery-side{min-width:0}.modalle-sp-wrap .sp-info-side{min-width:0}

/* EXPERIÊNCIA TÉCNICA */
.mdl3d-technical-experience{width:100%;min-width:0;background:#fff}.mdl3d-technical-tabs{display:flex;align-items:center;gap:28px;width:100%;margin:0 0 22px;border-bottom:1px solid #e7e8e5}.mdl3d-technical-tabs button{position:relative;padding:0 0 13px!important;border:0!important;background:transparent!important;color:#98a0a2!important;font-family:'Questrial',sans-serif!important;font-size:10px!important;font-weight:600!important;letter-spacing:2.1px!important;text-transform:uppercase!important;cursor:pointer!important;box-shadow:none!important}.mdl3d-technical-tabs button:after{content:'';position:absolute;left:0;right:100%;bottom:-1px;height:1px;background:#18313c;transition:right .22s ease}.mdl3d-technical-tabs button.is-active{color:#18313c!important}.mdl3d-technical-tabs button.is-active:after{right:0}.mdl3d-tech-measures-panel,.mdl3d-tech-viewer-panel{width:100%;min-width:0}.mdl3d-tech-measures-panel[hidden],.mdl3d-tech-viewer-panel[hidden]{display:none!important}.mdl3d-tech-measures-panel .blueprint-wrapper{max-width:none!important;width:100%!important}

/* Dá hierarquia à área técnica sem quebrar o shortcode original. */
.modalle-sp-wrap .sp-specs-container{align-items:flex-start!important;gap:clamp(30px,3.5vw,58px)!important;padding:clamp(54px,6vw,84px) 0!important}.modalle-sp-wrap .sp-var-image-col{flex:1.14 1 0!important;max-width:58%!important;min-width:0!important}.modalle-sp-wrap .sp-var-info-col{flex:.86 1 0!important;max-width:42%!important;min-width:0!important}.modalle-sp-wrap .sp-var-info-col .modalle-var-box{margin-bottom:34px}.modalle-sp-wrap .sp-short-desc{line-height:1.65}.modalle-sp-wrap .sp-short-desc h1,.modalle-sp-wrap .sp-short-desc h2,.modalle-sp-wrap .sp-short-desc h3,.modalle-sp-wrap .sp-short-desc h4,.modalle-sp-wrap .sp-short-desc strong{letter-spacing:1.4px}.modalle-sp-wrap .blueprint-wrapper{border-color:#e5e7e5!important}.modalle-sp-wrap .blueprint-data{padding:26px!important;gap:18px!important}.modalle-sp-wrap .bp-data-item span{font-size:8px!important;letter-spacing:2px!important}.modalle-sp-wrap .bp-data-item strong{font-size:13px!important;font-weight:500!important;letter-spacing:.7px!important}

/* VIEWER */
.mdl3d-viewer-shell{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden;background:#f3f4f0;border:1px solid #e5e7e5}.mdl3d-tech-stage{position:relative;width:100%;height:auto;min-height:0;max-height:620px;aspect-ratio:1/1;overflow:hidden;background:#f3f4f0}.mdl3d-canvas-host,.mdl3d-loading,.mdl3d-error{position:absolute;inset:0}.mdl3d-canvas-host{z-index:1}.mdl3d-canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.mdl3d-loading,.mdl3d-error{z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;background:#f3f4f0;color:#16313c;text-align:center;font-family:'Questrial',sans-serif;letter-spacing:2px}.mdl3d-loading[hidden],.mdl3d-error[hidden]{display:none!important}.mdl3d-loading strong,.mdl3d-error strong{font-size:9px;font-weight:600}.mdl3d-loading small{min-height:12px;font-size:8px;color:#879295}.mdl3d-spinner{width:28px;height:28px;border:1px solid rgba(12,37,48,.14);border-top-color:#0c2530;border-radius:50%!important;animation:mdl3d-spin .8s linear infinite}@keyframes mdl3d-spin{to{transform:rotate(360deg)}}.mdl3d-error{background:#fbf8f5;color:#713d35}.mdl3d-error button{padding:10px 14px!important;border:1px solid currentColor!important;background:transparent!important;color:inherit!important;font-size:8px!important;letter-spacing:1.5px!important;cursor:pointer}
.mdl3d-top-actions{position:absolute;z-index:20;top:18px;right:18px;display:flex;gap:8px}.mdl3d-icon-action{display:grid!important;place-items:center!important;width:40px;height:40px;padding:0!important;border:1px solid rgba(12,37,48,.11)!important;border-radius:0!important;background:rgba(255,255,255,.88)!important;color:#17313c!important;box-shadow:none!important;backdrop-filter:blur(14px);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.mdl3d-icon-action:hover{background:#fff!important;border-color:rgba(12,37,48,.28)!important;transform:translateY(-1px)}.mdl3d-icon-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.mdl3d-hint{position:absolute;z-index:15;left:22px;bottom:18px;color:#7f8d92;font-family:'Questrial',sans-serif;font-size:8px;letter-spacing:1.45px;pointer-events:none}

/* MATERIAL RAIL: fica abaixo do canvas e não tampa o móvel. */
.mdl3d-finish-rail{position:relative;z-index:10;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;padding:17px 20px 18px;background:#fff;border-top:1px solid #e3e5e3}.mdl3d-finish-rail[hidden]{display:none!important}.mdl3d-material-rail-head{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:30px;margin-bottom:10px}.mdl3d-material-rail-title{flex:0 0 auto;font-family:'Questrial',sans-serif;font-size:8px;font-weight:600;letter-spacing:2.2px;color:#17313c}.mdl3d-variant-row{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0;overflow-x:auto;scrollbar-width:none}.mdl3d-variant-row::-webkit-scrollbar,.mdl3d-finish-tabs::-webkit-scrollbar{display:none}.mdl3d-variant-row[hidden]{display:none!important}.mdl3d-variant-heading{flex:0 0 100%;width:100%;font-family:'Questrial',sans-serif;font-size:7px;font-weight:600;letter-spacing:1.6px;color:#17313c;text-transform:uppercase}.mdl3d-variant-row label{display:flex;align-items:center;gap:8px;min-width:max-content}.mdl3d-variant-row label>span{font-family:'Questrial',sans-serif;font-size:7px;font-weight:600;letter-spacing:1.25px;color:#849095}.mdl3d-variant-row select{min-width:132px;height:30px;padding:0 24px 0 8px;border:0;border-bottom:1px solid rgba(12,37,48,.22);border-radius:0!important;background:transparent;color:#17313c;font-family:'Questrial',sans-serif;font-size:8px;outline:0}.mdl3d-finish-tabs{display:flex;align-items:center;gap:22px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none}.mdl3d-finish-tabs:empty{display:none}.mdl3d-finish-tabs button{position:relative;flex:0 0 auto;padding:0 0 6px!important;border:0!important;background:transparent!important;color:#8b969a!important;font-family:'Questrial',sans-serif!important;font-size:8px!important;font-weight:600!important;letter-spacing:1.25px!important;cursor:pointer}.mdl3d-finish-tabs button:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:#17313c;transition:right .2s ease}.mdl3d-finish-tabs button.active{color:#17313c!important}.mdl3d-finish-tabs button.active:after{right:0}.mdl3d-finish-options{display:flex;align-items:flex-start;width:100%;min-width:0;max-width:100%;box-sizing:border-box;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 3px 10px;scrollbar-width:thin;scrollbar-color:#667d86 #edf0ee;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.mdl3d-finish-options::-webkit-scrollbar{display:block;height:6px}.mdl3d-finish-options::-webkit-scrollbar-track{background:#edf0ee;border-radius:999px}.mdl3d-finish-options::-webkit-scrollbar-thumb{background:#667d86;border-radius:999px}.mdl3d-finish-options::-webkit-scrollbar-thumb:hover{background:#17313c}.mdl3d-finish-options:empty{display:none}.mdl3d-finish-option{position:relative;flex:0 0 50px;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px;padding:0!important;border:0!important;background:transparent!important;color:#415860!important;box-shadow:none!important;cursor:pointer;opacity:.86;scroll-snap-align:start;transition:opacity .18s ease,transform .18s ease}.mdl3d-finish-option:hover{opacity:1;transform:translateY(-1px)}.mdl3d-finish-option.active{opacity:1}.mdl3d-swatch-sample{position:relative;display:block;width:50px;height:50px;overflow:hidden;border:1px solid rgba(12,37,48,.10);border-radius:1px!important;background:var(--mdl3d-color,#dedbd2)}.mdl3d-swatch-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.mdl3d-finish-option.active .mdl3d-swatch-sample:after{content:'';position:absolute;inset:2px;border:1px solid rgba(255,255,255,.94);box-shadow:0 0 0 2px #17313c;pointer-events:none}.mdl3d-swatch-name{display:block;width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Questrial',sans-serif;font-size:6.5px;line-height:1.2;text-transform:none;text-align:center;color:#66777d}

/* FULLSCREEN: usa o mesmo DOM/cena. */
body.mdl3d-modal-open{overflow:hidden!important}.mdl3d-viewer-shell.is-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:999999!important;background:#f3f4f0!important;border:0!important;display:flex!important;flex-direction:column!important}.mdl3d-viewer-shell.is-expanded .mdl3d-tech-stage{flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}.mdl3d-viewer-shell.is-expanded .mdl3d-finish-rail{flex:0 0 auto;padding:18px 42px 22px}.mdl3d-viewer-shell.is-expanded .mdl3d-top-actions{top:28px;right:32px}.mdl3d-viewer-shell.is-expanded .mdl3d-hint{left:42px;bottom:24px}

/* NOTEBOOK */
@media(max-width:1180px){.modalle-sp-wrap .sp-specs-container{gap:34px!important;padding:52px 0!important}.modalle-sp-wrap .sp-var-image-col{flex:1.02 1 0!important;max-width:54%!important}.modalle-sp-wrap .sp-var-info-col{flex:.98 1 0!important;max-width:46%!important}.mdl3d-tech-stage{height:auto;min-height:0;max-height:540px;aspect-ratio:1/1}.mdl3d-technical-tabs{gap:22px;margin-bottom:18px}.mdl3d-technical-tabs button{font-size:9px!important;letter-spacing:1.65px!important}.mdl3d-finish-rail{padding:14px 16px 16px}.mdl3d-material-rail-head{align-items:flex-start;flex-direction:column;gap:9px}.mdl3d-variant-row{width:100%;justify-content:flex-start}.mdl3d-finish-tabs{gap:18px}.mdl3d-finish-options{gap:8px}.mdl3d-finish-option,.mdl3d-swatch-sample{width:46px}.mdl3d-finish-option{flex-basis:46px}.mdl3d-swatch-sample{height:46px}.mdl3d-swatch-name{width:50px}}

/* A partir daqui a seção técnica empilha. A hero continua sob responsabilidade do shortcode original. */
@media(max-width:1080px){.modalle-sp-wrap .sp-specs-container{flex-direction:column!important;align-items:stretch!important;gap:42px!important}.modalle-sp-wrap .sp-var-image-col,.modalle-sp-wrap .sp-var-info-col{width:100%!important;max-width:100%!important;flex:none!important}.mdl3d-tech-stage{height:auto;min-height:0;max-height:620px;aspect-ratio:1/1}.modalle-sp-wrap .blueprint-wrapper{max-width:760px!important;margin:0 auto}.mdl3d-technical-experience{max-width:860px;margin:0 auto}.modalle-sp-wrap .sp-var-info-col{max-width:860px!important;margin:0 auto}}

@media(max-width:760px){.modalle-sp-wrap .sp-tech-actions{gap:10px!important}.modalle-sp-wrap .sp-tech-btn{font-size:8px!important;letter-spacing:1.1px!important}.mdl3d-technical-tabs{gap:18px;overflow-x:auto;scrollbar-width:none}.mdl3d-technical-tabs::-webkit-scrollbar{display:none}.mdl3d-technical-tabs button{font-size:8px!important;letter-spacing:1.25px!important;white-space:nowrap}.mdl3d-tech-stage{height:auto;min-height:0;max-height:none;aspect-ratio:1/1}.mdl3d-top-actions{top:12px;right:12px}.mdl3d-icon-action{width:38px;height:38px}.mdl3d-hint{display:none}.mdl3d-finish-rail{padding:12px 12px 14px}.mdl3d-finish-tabs{gap:16px;padding-bottom:8px}.mdl3d-finish-options{padding-bottom:9px}.mdl3d-finish-option,.mdl3d-swatch-sample{width:44px}.mdl3d-finish-option{flex-basis:44px}.mdl3d-swatch-sample{height:44px}.mdl3d-swatch-name{width:48px}.mdl3d-viewer-shell.is-expanded .mdl3d-finish-rail{padding:12px 14px 14px}.mdl3d-viewer-shell.is-expanded .mdl3d-top-actions{top:14px;right:14px}}

/* V5.1 — drawer compacto de acabamentos + Composê por zona. */
.mdl3d-finish-rail{padding:0!important;background:#fff;border-top:1px solid #e3e5e3}
.mdl3d-finish-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:44px!important;margin:0!important;padding:0 20px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#17313c!important;box-shadow:none!important;cursor:pointer}
.mdl3d-finish-toggle:hover{background:#fafbf9!important}
.mdl3d-finish-chevron{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.mdl3d-finish-rail:not(.is-collapsed) .mdl3d-finish-chevron{transform:rotate(180deg)}
.mdl3d-finish-body{padding:0 20px 18px;box-sizing:border-box;max-height:286px;overflow-y:auto;overflow-x:hidden}
.mdl3d-finish-rail.is-collapsed .mdl3d-finish-body{display:none}
.mdl3d-finish-rail.is-collapsed .mdl3d-finish-toggle{min-height:42px!important}
.mdl3d-finish-body .mdl3d-material-rail-head{min-height:0;margin:0 0 10px}
.mdl3d-compose-zones{display:flex;align-items:center;gap:8px;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:1px 0 12px;margin:0 0 9px;border-bottom:1px solid #edf0ee;scrollbar-width:thin;scrollbar-color:#9aa7ab #edf0ee;overscroll-behavior-inline:contain}
.mdl3d-compose-zones[hidden]{display:none!important}
.mdl3d-compose-zones::-webkit-scrollbar{height:4px}.mdl3d-compose-zones::-webkit-scrollbar-track{background:#edf0ee}.mdl3d-compose-zones::-webkit-scrollbar-thumb{background:#9aa7ab;border-radius:999px}
.mdl3d-compose-label{flex:0 0 auto;margin-right:4px;font-family:'Questrial',sans-serif;font-size:6.5px;font-weight:600;letter-spacing:1.35px;color:#8a969a;white-space:nowrap}
.mdl3d-compose-zone-button{flex:0 0 auto!important;height:28px!important;padding:0 10px!important;border:1px solid #d9dfdf!important;border-radius:999px!important;background:#fff!important;color:#66777d!important;box-shadow:none!important;font-family:'Questrial',sans-serif!important;font-size:7px!important;font-weight:600!important;letter-spacing:.8px!important;white-space:nowrap;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}
.mdl3d-compose-zone-button:hover{border-color:#84969d!important;color:#17313c!important}.mdl3d-compose-zone-button.active{border-color:#17313c!important;background:#17313c!important;color:#fff!important}

@media(max-width:1366px){
  .mdl3d-finish-toggle{min-height:42px!important;padding:0 16px!important}
  .mdl3d-finish-body{padding:0 16px 14px;max-height:238px}
  .mdl3d-material-rail-head{margin-bottom:8px!important}
  .mdl3d-compose-zones{padding-bottom:9px;margin-bottom:8px}
  .mdl3d-finish-tabs{gap:16px;padding-bottom:8px}
  .mdl3d-finish-options{gap:7px;padding-bottom:8px}
  .mdl3d-finish-option,.mdl3d-swatch-sample{width:44px}.mdl3d-finish-option{flex-basis:44px}.mdl3d-swatch-sample{height:44px}.mdl3d-swatch-name{width:48px}
}
@media(max-width:760px){
  .mdl3d-finish-toggle{padding:0 12px!important}
  .mdl3d-finish-body{padding:0 12px 12px;max-height:226px}
  .mdl3d-compose-label{font-size:6px}.mdl3d-compose-zone-button{height:27px!important;padding:0 9px!important;font-size:6.5px!important}
}

/* V5.2 — configurador flutuante: o 3D permanece limpo e os controles abrem sob demanda. */
.mdl3d-finish-rail{position:absolute!important;z-index:32;left:20px;right:20px;bottom:18px;width:auto!important;max-width:none!important;min-width:0;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;pointer-events:none}
.mdl3d-config-toolbar{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:4px;width:max-content;max-width:calc(100% - 24px);min-height:46px;margin:0 auto;padding:5px;border:1px solid rgba(12,37,48,.10);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 14px 40px rgba(26,43,49,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.mdl3d-config-tool{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:36px!important;margin:0!important;padding:0 15px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#53666d!important;box-shadow:none!important;font-family:'Questrial',sans-serif!important;font-size:7.5px!important;font-weight:600!important;letter-spacing:1.05px!important;white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}
.mdl3d-config-tool:hover{background:#f2f5f3!important;color:#17313c!important}.mdl3d-config-tool.active{background:#17313c!important;color:#fff!important}.mdl3d-config-tool[hidden]{display:none!important}
.mdl3d-config-tool-dot{width:7px;height:7px;border-radius:50%;background:#c5963d;box-shadow:0 0 0 3px rgba(197,150,61,.12)}.mdl3d-config-tool-diamond,.mdl3d-config-tool-grid{font-size:13px;line-height:1;font-weight:400;letter-spacing:0}
.mdl3d-config-panel{position:absolute;pointer-events:none;left:50%;bottom:58px;width:min(780px,calc(100% - 32px));max-width:780px;max-height:min(390px,calc(100dvh - 150px));overflow:hidden;border:1px solid rgba(12,37,48,.10);border-radius:14px;background:rgba(255,255,255,.975);box-shadow:0 24px 70px rgba(20,38,45,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translate(-50%,12px) scale(.985);transform-origin:bottom center;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.mdl3d-finish-rail.is-open .mdl3d-config-panel{pointer-events:auto;opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
.mdl3d-config-panel-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px 16px 28px;border-bottom:1px solid #edf0ee}.mdl3d-config-panel-head>div{display:flex;flex-direction:column;gap:4px;min-width:0}.mdl3d-config-panel-head small{font-family:'Questrial',sans-serif;font-size:6.5px;font-weight:600;letter-spacing:1.55px;color:#9aa5a8}.mdl3d-config-panel-head strong{font-family:'Questrial',sans-serif;font-size:11px;font-weight:500;letter-spacing:1.5px;color:#17313c}
.mdl3d-config-close{display:grid!important;place-items:center!important;flex:0 0 34px;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:1px solid #e2e7e5!important;border-radius:50%!important;background:#fff!important;color:#53666d!important;box-shadow:none!important;cursor:pointer}.mdl3d-config-close:hover{border-color:#aebabc!important;color:#17313c!important}.mdl3d-config-close svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.mdl3d-config-panel-inner{box-sizing:border-box;padding:26px 28px 24px;max-height:310px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#9ba7aa #edf0ee}.mdl3d-config-panel-inner::-webkit-scrollbar{width:5px}.mdl3d-config-panel-inner::-webkit-scrollbar-track{background:#edf0ee}.mdl3d-config-panel-inner::-webkit-scrollbar-thumb{background:#9ba7aa;border-radius:999px}
.mdl3d-finish-rail.is-collapsed .mdl3d-finish-body{display:block!important}.mdl3d-finish-toggle{display:none!important}
.mdl3d-config-panel-inner .mdl3d-material-rail-head{margin:0 0 18px!important}.mdl3d-variant-row{justify-content:flex-start!important;gap:18px}.mdl3d-variant-row label{gap:10px}.mdl3d-variant-row select{min-width:180px;height:38px;padding:0 30px 0 10px;background:#fafbf9}
.mdl3d-compose-zones{gap:10px;padding:0 0 18px;margin:0 0 18px}.mdl3d-compose-label{font-size:7px;margin-right:6px}.mdl3d-compose-zone-button{height:34px!important;padding:0 14px!important;font-size:7.5px!important}
.mdl3d-finish-tabs{gap:26px;padding:0 0 16px}.mdl3d-finish-tabs button{font-size:8px!important;padding-bottom:8px!important}
.mdl3d-finish-options{gap:13px;padding:4px 3px 13px}.mdl3d-finish-option{flex-basis:58px;gap:8px}.mdl3d-swatch-sample{width:58px;height:58px;border-radius:3px!important}.mdl3d-swatch-name{width:62px;font-size:7px}
.mdl3d-finish-rail[data-config-mode="variants"] .mdl3d-compose-zones,.mdl3d-finish-rail[data-config-mode="variants"] .mdl3d-finish-tabs,.mdl3d-finish-rail[data-config-mode="variants"] .mdl3d-finish-options{display:none!important}
.mdl3d-viewer-shell.is-expanded .mdl3d-finish-rail{left:40px;right:40px;bottom:28px;padding:0!important}.mdl3d-viewer-shell.is-expanded .mdl3d-config-panel{max-width:860px;width:min(860px,calc(100% - 80px));bottom:64px}.mdl3d-viewer-shell.is-expanded .mdl3d-config-panel-inner{max-height:360px;padding:28px 32px 26px}.mdl3d-viewer-shell.is-expanded .mdl3d-hint{left:42px;bottom:30px}

@media(max-width:1366px){
  .mdl3d-finish-rail{left:20px;right:20px;bottom:16px}
  .mdl3d-config-panel{max-width:720px;width:min(720px,calc(100% - 24px));bottom:56px;max-height:min(350px,calc(100dvh - 138px))}
  .mdl3d-config-panel-head{padding:17px 18px 14px 24px}.mdl3d-config-panel-inner{padding:22px 24px 20px;max-height:270px}
  .mdl3d-config-tool{min-height:34px!important;padding:0 13px!important;font-size:7px!important}.mdl3d-config-toolbar{min-height:44px}
  .mdl3d-compose-zone-button{height:32px!important;padding:0 12px!important}.mdl3d-finish-options{gap:11px}.mdl3d-finish-option{flex-basis:54px}.mdl3d-swatch-sample{width:54px;height:54px}.mdl3d-swatch-name{width:58px}
}
@media(max-width:760px){
  .mdl3d-finish-rail{left:0;right:0;bottom:10px}
  .mdl3d-config-toolbar{max-width:calc(100% - 24px);overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.mdl3d-config-toolbar::-webkit-scrollbar{display:none}.mdl3d-config-tool{padding:0 12px!important}
  .mdl3d-config-panel{left:12px;right:12px;bottom:58px;width:auto;max-width:none;max-height:min(62dvh,520px);transform:translateY(12px) scale(.985);transform-origin:bottom center;border-radius:14px}
  .mdl3d-finish-rail.is-open .mdl3d-config-panel{transform:translateY(0) scale(1)}
  .mdl3d-config-panel-head{padding:18px 14px 14px 16px}.mdl3d-config-panel-inner{padding:20px 16px 18px;max-height:calc(62dvh - 72px)}
  .mdl3d-compose-zones{padding-bottom:14px;margin-bottom:15px}.mdl3d-finish-tabs{gap:20px}.mdl3d-finish-options{gap:10px}.mdl3d-finish-option{flex-basis:52px}.mdl3d-swatch-sample{width:52px;height:52px}.mdl3d-swatch-name{width:56px}
  .mdl3d-viewer-shell.is-expanded .mdl3d-finish-rail{left:0;right:0;bottom:10px}.mdl3d-viewer-shell.is-expanded .mdl3d-config-panel{left:12px;right:12px;width:auto;bottom:58px}.mdl3d-viewer-shell.is-expanded .mdl3d-config-panel-inner{padding:20px 16px 18px;max-height:calc(62dvh - 72px)}
}


/* V5.5 — modo configurador dedicado. O painel deixa de cobrir o móvel e ganha sua própria coluna. */
body.mdl3d-configurator-open{overflow:hidden!important}
.mdl3d-viewer-shell{--mdl3d-config-panel-width:clamp(360px,34vw,480px)}
.mdl3d-viewer-shell.is-configurator-open{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:1000001!important;border:0!important;background:#f3f4f0!important;overflow:hidden!important;display:block!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-tech-stage{position:absolute!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:hidden!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-canvas-host,
.mdl3d-viewer-shell.is-configurator-open .mdl3d-loading,
.mdl3d-viewer-shell.is-configurator-open .mdl3d-error{right:var(--mdl3d-config-panel-width)!important;transition:right .22s ease}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-finish-rail{position:static!important;inset:auto!important;width:auto!important;height:auto!important;pointer-events:none!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-config-toolbar{display:none!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel{position:absolute!important;z-index:70!important;left:auto!important;right:0!important;top:0!important;bottom:0!important;width:var(--mdl3d-config-panel-width)!important;max-width:none!important;height:100dvh!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:0!important;border-left:1px solid #e0e5e3!important;border-radius:0!important;background:#fff!important;box-shadow:-18px 0 48px rgba(24,43,50,.10)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel-head{flex:0 0 auto;padding:30px 28px 24px 32px!important;border-bottom:1px solid #e9eeec!important;background:#fff!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel-head small{font-size:7px!important;letter-spacing:1.7px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel-head strong{font-size:14px!important;letter-spacing:1.35px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-config-close{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:2px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel-inner{flex:1 1 auto!important;min-height:0!important;max-height:none!important;padding:30px 30px 36px!important;overflow-y:auto!important;overflow-x:hidden!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-material-rail-head{margin:0 0 26px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-variant-row{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;overflow:visible!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-variant-row label{width:100%!important;display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;align-items:center!important;gap:14px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-variant-row select{width:100%!important;min-width:0!important;height:42px!important;background:#f8faf8!important;border:1px solid #e2e7e5!important;padding:0 34px 0 12px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zones{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:10px!important;padding:0 0 24px!important;margin:0 0 24px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zones[hidden]{display:none!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-label{flex-basis:100%!important;margin:0 0 2px!important;font-size:7px!important;letter-spacing:1.4px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-button{height:38px!important;padding:0 15px!important;border-radius:2px!important;font-size:7.5px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-finish-tabs{display:flex!important;flex-wrap:wrap!important;gap:12px 22px!important;overflow:visible!important;padding:0 0 24px!important;margin:0 0 4px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-finish-tabs button{font-size:8px!important;letter-spacing:1.25px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-finish-options{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(76px,1fr))!important;align-items:start!important;width:100%!important;gap:18px 14px!important;overflow:visible!important;padding:4px 0 14px!important;scroll-snap-type:none!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-finish-option{width:100%!important;min-width:0!important;flex:none!important;gap:8px!important;align-items:stretch!important;opacity:.92!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-swatch-sample{width:100%!important;height:auto!important;aspect-ratio:1/1!important;border-radius:3px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-swatch-name{width:100%!important;font-size:7px!important;text-align:left!important;padding-left:1px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-top-actions{top:26px!important;right:calc(var(--mdl3d-config-panel-width) + 26px)!important}
.mdl3d-viewer-shell.is-configurator-open [data-mdl3d-expand]{display:none!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-hint{left:32px!important;bottom:28px!important}

@media(max-width:900px){
  .mdl3d-viewer-shell{--mdl3d-config-panel-width:clamp(330px,40vw,390px)}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel-head{padding:24px 22px 20px 24px!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel-inner{padding:24px 22px 28px!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-finish-options{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))!important;gap:16px 12px!important}
}

@media(max-width:760px){
  .mdl3d-viewer-shell.is-configurator-open{--mdl3d-config-panel-width:100vw}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-canvas-host,
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-loading,
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-error{right:0!important;bottom:48dvh!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:48dvh!important;max-height:48dvh!important;border:0!important;border-top:1px solid #e0e5e3!important;border-radius:16px 16px 0 0!important;box-shadow:0 -18px 46px rgba(24,43,50,.12)!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel-head{padding:16px 14px 13px 18px!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel-head strong{font-size:11px!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-config-close{width:34px!important;height:34px!important;flex-basis:34px!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel-inner{padding:16px 16px 22px!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-variant-row label{grid-template-columns:88px minmax(0,1fr)!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zones{gap:8px!important;padding-bottom:16px!important;margin-bottom:16px!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-button{height:34px!important;padding:0 11px!important;font-size:7px!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-finish-tabs{gap:10px 18px!important;padding-bottom:16px!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-finish-options{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px 10px!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-top-actions{top:12px!important;right:12px!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-hint{display:none!important}
}

/* V5.12 — cotas blueprint ancoradas ao próprio produto projetado na tela. */
.mdl3d-dimension-overlay.is-blueprint{position:absolute;z-index:16;inset:0;pointer-events:none;color:#17313c;font-family:'Questrial',sans-serif;overflow:hidden;--mdl3d-dim-line:rgba(23,49,60,.68);--mdl3d-dim-extension:rgba(23,49,60,.32)}
.mdl3d-dimension-overlay[hidden]{display:none!important}
.mdl3d-dimension-axis{position:absolute;inset:0;pointer-events:none}
.mdl3d-dimension-width,.mdl3d-dimension-height,.mdl3d-dimension-depth{position:absolute;inset:0}
.mdl3d-dimension-axis[hidden]{display:none!important}
.mdl3d-dimension-line,.mdl3d-dimension-extension{position:absolute;height:1px;transform-origin:0 50%;will-change:left,top,width,transform}
.mdl3d-dimension-line{background:var(--mdl3d-dim-line);box-shadow:0 0 0 .25px rgba(255,255,255,.24)}
.mdl3d-dimension-extension{background:repeating-linear-gradient(90deg,var(--mdl3d-dim-extension) 0 5px,transparent 5px 8px)}
.mdl3d-dimension-arrow{position:absolute;width:10px;height:1px;background:var(--mdl3d-dim-line);transform-origin:center center;will-change:left,top,transform}
.mdl3d-dimension-label{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 8px;border:1px solid rgba(23,49,60,.10);border-radius:2px;background:rgba(247,248,244,.94);box-shadow:0 5px 18px rgba(23,49,60,.06);font-size:7.5px;font-weight:600;line-height:1;letter-spacing:.85px;text-transform:uppercase;white-space:nowrap;color:#17313c;will-change:left,top}
.mdl3d-dimension-height .mdl3d-dimension-label{letter-spacing:.75px}
.mdl3d-icon-action.is-active{background:#17313c!important;color:#fff!important;border-color:#17313c!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-dimension-overlay{right:var(--mdl3d-config-panel-width)}
@media(max-width:760px){.mdl3d-dimension-label{min-height:19px;padding:3px 6px;font-size:6.5px;letter-spacing:.65px}.mdl3d-dimension-arrow{width:8px}.mdl3d-viewer-shell.is-configurator-open .mdl3d-dimension-overlay{right:0;bottom:48dvh}}

/* V5.18 — Composê numerado: áreas ficam explícitas e legíveis no configurador. */
.mdl3d-compose-zone-button{display:inline-flex!important;align-items:center!important;gap:9px!important;height:auto!important;min-height:38px!important;padding:5px 12px 5px 6px!important;border-radius:3px!important;text-align:left!important}
.mdl3d-compose-zone-number{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #d8dfdd;border-radius:2px;background:#f5f7f5;color:#17313c;font-family:'Questrial',sans-serif;font-size:8px;font-weight:600;letter-spacing:.9px;line-height:1}
.mdl3d-compose-zone-name{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Questrial',sans-serif;font-size:7.5px;font-weight:600;letter-spacing:.8px;line-height:1.2;color:inherit}
.mdl3d-compose-zone-button.active .mdl3d-compose-zone-number{border-color:rgba(255,255,255,.45);background:#fff;color:#17313c}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-button{min-height:44px!important;padding:7px 14px 7px 7px!important;gap:11px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-number{flex-basis:30px;width:30px;height:30px;font-size:8.5px}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-name{font-size:8px;max-width:180px}
@media(max-width:760px){.mdl3d-compose-zone-button{min-height:40px!important;padding:5px 10px 5px 5px!important;gap:8px!important}.mdl3d-compose-zone-number{flex-basis:27px;width:27px;height:27px;font-size:7.5px}.mdl3d-compose-zone-name{max-width:118px;font-size:7px}}


/* V5.21 — Composê em dois passos: área primeiro, acabamento depois. */
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zones{display:block!important;padding:0!important;margin:0 0 22px!important;border:0!important}
.mdl3d-compose-step{display:block;width:100%;min-width:0}
.mdl3d-compose-step-head{display:flex;align-items:center;gap:11px;margin:0 0 14px;color:#17313c}
.mdl3d-compose-step-index{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #cfd8d5;border-radius:50%;background:#fff;font-family:'Questrial',sans-serif;font-size:9px;font-weight:600;color:#17313c}
.mdl3d-compose-step-head>div{display:flex;min-width:0;flex-direction:column;gap:3px}
.mdl3d-compose-step-head small{font-family:'Questrial',sans-serif;font-size:7px!important;font-weight:600;line-height:1;letter-spacing:1.45px;color:#899598}
.mdl3d-compose-step-head strong{font-family:'Questrial',sans-serif;font-size:12px;font-weight:500;line-height:1.15;letter-spacing:.15px;color:#17313c}
.mdl3d-compose-zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-button{width:100%!important;min-width:0!important;min-height:54px!important;padding:8px 10px!important;gap:10px!important;border:1px solid #dde4e1!important;border-radius:6px!important;background:#fafbf9!important;color:#52666c!important;box-shadow:none!important;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-button:hover{border-color:#aebdb8!important;background:#fff!important;color:#17313c!important;transform:translateY(-1px)}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-button.active{border-color:#17313c!important;background:#f1f5f2!important;color:#17313c!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-number{flex-basis:32px;width:32px;height:32px;border-radius:4px;background:#fff;font-size:9px}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-button.active .mdl3d-compose-zone-number{border-color:#17313c;background:#17313c;color:#fff}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-name{max-width:none;font-size:9px;font-weight:600;letter-spacing:.55px}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-finish-options.is-compose-flow{display:block!important;grid-template-columns:none!important;align-items:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important;gap:0!important;overflow:visible!important;padding:0!important;margin:0!important}
.mdl3d-compose-finish-step{display:block;width:100%;padding-top:20px;border-top:1px solid #edf0ee}
.mdl3d-compose-active-summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 0 18px;padding:10px 12px;border:1px solid #e1e7e4;border-radius:6px;background:#f8faf8}
.mdl3d-compose-active-number{display:grid;place-items:center;width:36px;height:36px;border-radius:4px;background:#17313c;color:#fff;font-family:'Questrial',sans-serif;font-size:9px;font-weight:600;letter-spacing:.7px}
.mdl3d-compose-active-summary>div{display:flex;min-width:0;flex-direction:column;gap:3px}
.mdl3d-compose-active-summary small{font-family:'Questrial',sans-serif;font-size:6.5px;font-weight:600;letter-spacing:1.25px;color:#93a0a3}
.mdl3d-compose-active-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Questrial',sans-serif;font-size:10px;font-weight:600;letter-spacing:.45px;color:#17313c}
.mdl3d-compose-active-summary em{padding:5px 7px;border-radius:999px;background:#fff;border:1px solid #dfe6e3;font-family:'Questrial',sans-serif;font-size:6.5px;font-style:normal;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#6d7e83}
.mdl3d-compose-finish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;width:100%}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-finish-option{width:100%!important;min-width:0!important;padding:5px!important;border:1px solid transparent!important;border-radius:6px!important;gap:8px!important;align-items:stretch!important;opacity:1!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-finish-option:hover{background:#fafbf9!important;border-color:#e3e8e6!important;transform:none}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-finish-option.active{background:#f5f8f6!important;border-color:#17313c!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-swatch-sample{width:100%!important;aspect-ratio:1/1!important;border-radius:5px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-swatch-name{width:100%!important;padding:0 1px 2px!important;font-size:8px!important;line-height:1.25!important;text-align:left!important;color:#51646a}
@media(max-width:760px){
  .mdl3d-compose-zone-grid{gap:8px}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-button{min-height:48px!important;padding:7px 8px!important}
  .mdl3d-compose-finish-step{padding-top:14px}
  .mdl3d-compose-active-summary{margin-bottom:14px;padding:8px 9px}
  .mdl3d-compose-finish-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 8px}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-finish-option{padding:3px!important}
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-swatch-name{font-size:6.8px!important}
}

/* V5.22 — Premium Configurator UX: Composê embutido + hotspots + swatches limpos. */
.mdl3d-compose-hotspots{position:absolute;z-index:19;inset:0;pointer-events:none;overflow:hidden}
.mdl3d-compose-hotspots[hidden]{display:none!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-hotspots{right:var(--mdl3d-config-panel-width)!important}
.mdl3d-compose-hotspot{position:absolute!important;transform:translate(-50%,-50%);display:inline-flex!important;align-items:center!important;gap:0!important;min-width:34px!important;height:34px!important;padding:0!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:999px!important;background:rgba(23,49,60,.92)!important;color:#fff!important;box-shadow:0 7px 20px rgba(12,37,48,.18),0 0 0 1px rgba(23,49,60,.16)!important;backdrop-filter:blur(10px);pointer-events:auto!important;cursor:pointer!important;overflow:hidden;transition:min-width .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease!important}
.mdl3d-compose-hotspot:hover{transform:translate(-50%,-50%) scale(1.04);background:#17313c!important}
.mdl3d-compose-hotspot>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;font-family:'Questrial',sans-serif;font-size:8px;font-weight:600;letter-spacing:.8px}
.mdl3d-compose-hotspot>em{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-family:'Questrial',sans-serif;font-size:7px;font-style:normal;font-weight:600;letter-spacing:.7px;text-transform:uppercase;transition:max-width .18s ease,opacity .18s ease,padding .18s ease}
.mdl3d-compose-hotspot.active{min-width:96px!important;background:#fff!important;color:#17313c!important;border-color:rgba(23,49,60,.28)!important;box-shadow:0 8px 28px rgba(12,37,48,.14)!important}
.mdl3d-compose-hotspot.active>em{max-width:130px;opacity:1;padding:0 12px 0 0}
.mdl3d-compose-hotspot.active>span{background:#17313c;color:#fff}

.mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel-head{padding:26px 28px 20px 30px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-config-panel-inner{padding:24px 28px 32px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zones{display:block!important;margin:0 0 18px!important;padding:0!important;border:0!important}
.mdl3d-finish-mode-switch{display:inline-flex;align-items:center;padding:3px;margin:0 0 18px;border:1px solid #dfe5e2;border-radius:999px;background:#f6f8f6}
.mdl3d-finish-mode-switch button{min-height:30px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#819095!important;box-shadow:none!important;font-family:'Questrial',sans-serif!important;font-size:7px!important;font-weight:600!important;letter-spacing:1px!important;cursor:pointer}
.mdl3d-finish-mode-switch button.active{background:#17313c!important;color:#fff!important}
.mdl3d-compose-inline-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 10px}
.mdl3d-compose-inline-head small{font-family:'Questrial',sans-serif;font-size:6.5px;font-weight:600;letter-spacing:1.4px;color:#98a3a6}
.mdl3d-compose-inline-head strong{font-family:'Questrial',sans-serif;font-size:8px;font-weight:500;letter-spacing:.35px;color:#6a7b80}
.mdl3d-compose-zone-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-button{width:auto!important;min-width:94px!important;min-height:38px!important;padding:4px 10px 4px 5px!important;gap:8px!important;border:1px solid #dfe5e2!important;border-radius:999px!important;background:#fff!important;color:#66777d!important;transform:none!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-button:hover{border-color:#9caba8!important;background:#f8faf8!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-button.active{border-color:#17313c!important;background:#17313c!important;color:#fff!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-number{flex-basis:28px!important;width:28px!important;height:28px!important;border-radius:999px!important;background:#f3f6f4!important;font-size:8px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-button.active .mdl3d-compose-zone-number{border-color:#fff!important;background:#fff!important;color:#17313c!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-zone-name{font-size:7.5px!important;font-weight:600!important;letter-spacing:.55px!important}
.mdl3d-compose-finish-step{padding-top:4px!important;border-top:0!important}
.mdl3d-compose-active-summary{grid-template-columns:30px minmax(0,1fr) auto!important;gap:10px!important;margin:0 0 16px!important;padding:0 0 12px!important;border:0!important;border-bottom:1px solid #edf0ee!important;border-radius:0!important;background:transparent!important}
.mdl3d-compose-active-number{width:30px!important;height:30px!important;border-radius:999px!important;font-size:8px!important}
.mdl3d-compose-active-summary strong{font-size:9px!important}.mdl3d-compose-active-summary em{padding:4px 7px!important;background:#f7f9f7!important}
.mdl3d-compose-finish-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 12px!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-finish-option{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-finish-option:hover{background:transparent!important;border-color:transparent!important;transform:translateY(-1px)!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-finish-option.active{background:transparent!important;border-color:transparent!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-swatch-sample{aspect-ratio:1.22/1!important;border-radius:7px!important;border:1px solid #dde3e0!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-finish-option.active .mdl3d-swatch-sample{box-shadow:0 0 0 2px #fff,0 0 0 3px #17313c!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-finish-option.active .mdl3d-swatch-sample:after{display:none!important}
.mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-finish-grid .mdl3d-swatch-name{padding:6px 1px 0!important;font-size:7.5px!important;text-align:left!important;color:#53666c!important}
.mdl3d-swatch-sample.is-textile{background:#eceeea!important}
.mdl3d-swatch-sample.is-textile .mdl3d-swatch-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important}

@media(max-width:760px){
  .mdl3d-viewer-shell.is-configurator-open .mdl3d-compose-hotspots{right:0!important;bottom:48dvh!important}
  .mdl3d-compose-hotspot{min-width:30px!important;height:30px!important}.mdl3d-compose-hotspot>span{flex-basis:30px;width:30px;height:30px;font-size:7px}
  .mdl3d-compose-hotspot.active{min-width:82px!important}.mdl3d-compose-hotspot.active>em{font-size:6px;max-width:94px;padding-right:9px}
  .mdl3d-compose-inline-head strong{display:none}
  .mdl3d-compose-finish-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px 8px!important}
}