/* Consistent overhead geometry, fully inside the canvas on phones. */
.planner-canvas{background:#f1efe7}
.planner-canvas>svg{display:block;width:100%;height:auto;max-height:90%;max-width:560px;flex:0 1 auto;padding:0;margin:10px 0 0;overflow:hidden}
.planner-front{fill:none;stroke:var(--cabinet-fill,#d6d5c2);stroke-width:7;transition:stroke .45s ease}
.planner-top{fill:var(--worktop-fill,#eee9dc);stroke:#bcb5a4;stroke-width:1;transition:fill .45s ease}
.planner-island{transform:none;transition:opacity .4s ease}
.planner-room-size{top:10px;left:10px;font-size:8px;letter-spacing:.5px;padding:5px 7px}
.planner-view-note{bottom:9px;font-size:8px}
.seo-tiers .visual-package{display:flex;flex-direction:column;gap:10px}
.seo-tiers .visual-package h3{font-size:clamp(25px,3vw,36px)}
.seo-tiers .visual-package .text-link{margin-top:auto}
main>.elementor{width:100%;min-width:0}
.elementor-widget[class*="elementor-widget-sincere-section-"]{width:100%;margin:0!important}
.sincere-elementor-widget>.elementor-widget-container{margin:0;padding:0}
@media(max-width:620px){
 .planner-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
 .planner-canvas>svg{width:100%;height:100%;max-width:100%;max-height:100%;flex:0 1 auto;margin:0;padding:0}
 .planner-room-size{font-size:6px;left:6px;right:auto;top:6px;padding:5px}
 .planner-view-note{font-size:6px;left:8px;right:8px;bottom:4px;max-width:none;text-align:center}
 .planner-controls{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px 10px;padding:10px;border-left:0;border-top:1px solid #dbd9ce}
 .planner-controls>small{display:none}.planner-controls>label{margin:0;font-size:7px}
 .planner-controls>label:nth-of-type(1){grid-area:1/1}.planner-layout-options{grid-area:2/1}
 .planner-controls>label:nth-of-type(2){grid-area:1/2}.planner-swatches{grid-area:2/2}
 .planner-controls>label:nth-of-type(3){grid-area:1/3}.planner-worktops{grid-area:2/3}
 .planner-layout-options>span,.planner-worktops>span{padding:7px 2px;font-size:6px;align-self:start}
 .planner-swatch:before{width:17px;height:17px}.planner-swatch{font-size:5px;gap:3px}
 .planner-selection{grid-area:3/1/4/3;margin:0;padding:6px 0 0;gap:3px}.planner-selection>b{font-size:7px}.planner-selection>span{font-size:6px}
 .planner-send{grid-area:3/3;font-size:7px;padding:7px 5px;align-self:end}
}
@media(prefers-reduced-motion:reduce){.planner-front,.planner-top,.planner-island{transition:none}}