.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}}.variants-view{display:flex;flex-direction:column;gap:16px;height:100%;min-height:0;padding:0 18px 12px;box-sizing:border-box;overflow:hidden}.variants-search{align-self:flex-end;display:flex;align-items:center;width:min(280px,100%);border:2px solid #0b5d8b;border-radius:7px;padding-right:11px;color:#00a6df;background:white}.variants-search input{flex:1 1;min-width:0;padding:8px 10px;border:0;outline:0;background:transparent;font:inherit}.variants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));grid-gap:14px;gap:14px;align-content:start;flex:1 1 auto;min-height:0;padding:2px 8px 16px 2px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.variants-grid::-webkit-scrollbar{width:8px}.variants-grid::-webkit-scrollbar-track{background:#eef3f7;border-radius:999px}.variants-grid::-webkit-scrollbar-thumb{background:#8ca1b5;border-radius:999px}.variants-grid::-webkit-scrollbar-thumb:hover{background:#617b93}.variants-card{min-height:215px;padding:8px;border:2px solid #dbe3ea;border-radius:8px;background:#fff;color:#17324a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:7px;font:inherit;font-size:.78rem;font-weight:700;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}.variants-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,49,93,.12)}.variants-card.selected{border-color:#078bea;box-shadow:0 0 0 2px rgba(7,139,234,.16)}.variants-card:disabled{cursor:wait;transform:none}.variants-card:disabled:not(.loading){opacity:.58}.variants-card.loading{position:relative;border-color:#078bea}.variants-card.loading:after{content:"";position:absolute;top:12px;right:12px;width:18px;height:18px;border:3px solid rgba(7,139,234,.22);border-top-color:#078bea;border-radius:50%;animation:variants-spin .75s linear infinite}.variants-loading-label{color:#078bea;font-size:.72rem;font-weight:600}.variants-card img{display:block;width:100%;height:175px;object-fit:contain}.variants-free{align-items:center;justify-content:center;text-align:center;font-size:.86rem}.variants-free svg{font-size:3.2rem;color:#075984}.variants-message{grid-column:span 2;color:#64748b}.variants-message.error{color:#b42318}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes variants-spin{to{transform:rotate(1turn)}}@media (max-width:600px){.variants-view{padding-right:12px;padding-left:12px}.variants-search{align-self:stretch;width:auto}.variants-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.variants-card{min-height:185px}.variants-card img{height:145px}}