.basicShapeContainer{flex-flow:wrap!important;justify-content:center;flex:1 1}.shapeItem{display:flex;flex-direction:column;align-items:center;padding:5px;width:35%;height:35%;margin:5px;box-shadow:5px 5px #f9f9f9;max-height:300px}.BasicShapeCard{width:30%!important}.BasicShapeCard.blocked{opacity:.4;filter:grayscale(80%);cursor:not-allowed;pointer-events:all;position:relative}.BasicShapeCard.blocked:before{content:"🚫";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;z-index:10;background:rgba(255,255,255,.9);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2)}.BasicShapeCard.blocked:hover{opacity:.4;background-color:transparent}.shapeItem:hover{background-color:#f8f8f8}.shapeItem:active{background-color:#d9d9d9}.shapeContainer{width:100%;height:90%;display:flex;justify-content:center;align-items:center}.doorShape{background-color:#d9d9d9}.doorShape,.doorShapeOnlyDoor{width:20%;height:85%;border-radius:2px}.doorShapeOnlyDoor{background-color:var(--main-bg-color)}.sidePanel{width:10%;height:85%;margin:0 5px}.sidePanel,.topPanel{background-color:var(--main-bg-color);border-radius:2px}.topPanel{width:20%;height:15%}@media (max-width:767px){.basicShapeContainer{flex-direction:inherit!important;padding:10px}.shapeItem{width:90%;height:auto;min-height:200px;margin:10px auto;padding:15px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.BasicShapeCard{width:90%!important;height:auto;min-height:180px}.shapeContainer{height:80%;margin:10px 0}.doorShape{width:30%;height:70%}.sidePanel{width:12%;height:70%;margin:0 3px}.topPanel{width:30%;height:20%;margin-bottom:5px}}@media (min-width:768px) and (max-width:1023px){.basicShapeContainer{flex-wrap:wrap!important;gap:15px;padding:15px}.shapeItem{width:45%;height:250px;margin:10px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.BasicShapeCard{width:45%!important;height:220px}.shapeContainer{height:85%}.doorShape{width:25%;height:80%}.sidePanel{width:12%;height:80%;margin:0 4px}.topPanel{width:25%;height:18%}}@media (min-width:1024px){.basicShapeContainer{flex-wrap:wrap!important;gap:20px;padding:20px}.shapeItem{width:30%;height:280px;margin:10px}.BasicShapeCard{width:30%!important;height:250px}.shapeContainer{height:90%}.doorShape{width:20%;height:85%}.sidePanel{width:10%;height:85%;margin:0 5px}.topPanel{width:20%;height:15%}}@media (min-width:1440px){.shapeItem{width:25%;height:320px;max-height:350px}.BasicShapeCard{width:25%!important;height:280px}}.dimensionsContainer{padding:20px;max-width:100%;display:flex;flex-direction:column;height:100%}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-overlay{animation:tooltipFadeIn .2s ease-out}.tooltip-content{background:linear-gradient(135deg,var(--main-bg-color) 0,#003d75 100%);color:white;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;line-height:1.3;white-space:normal;max-width:200px;word-wrap:break-word;box-shadow:0 4px 12px rgba(0,49,93,.3),0 2px 6px rgba(0,0,0,.1);border:1px solid var(--secundery-color);font-family:inherit;text-align:center}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.tooltip-content{font-size:11px;padding:6px 10px;max-width:150px}}