.kc-shaped-section{max-width:1360px;margin:0 auto;width:100%;float:unset !important}
.kc-shaped-container{display:flex;width:100%;gap:16px}
.kc-shaped-container.dsp-none{display:none}
.kc-left-preview{width:70%}
.kc-right-panel{width:29.4%;border-radius:20px;background-color:#fafafa;position:relative;display:flex;flex-direction:column}
.kc-shaped-img{width:100%;height:580px}
.kcs{padding:20px}
.kcTabWrap{display:flex;border-bottom:1px solid #e6e7eb;gap:12px}
.kcTabsContent{font-family:Archivo;font-weight:500;font-size:14px;line-height:140%;color:#9da1b0;padding:8px;cursor:pointer}
.kcTabsContent.kcsActive{font-family:Archivo;font-weight:500;font-size:14px;line-height:140%;color:#202129;border-bottom:1px solid #000}
.kcRoomItemsList{width:100%;display:flex;flex-wrap:wrap;gap:8px;height:403px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
.kcRoomItemsList::-webkit-scrollbar{display:none}
.kcRoomItem{width:46%;background-color:#f2f3f5;border-radius:20px;display:flex;flex-direction:column;padding:14px 12px;cursor:pointer;gap:27px;height:max-content}
.roomItemImgContent{width:109px;height:143px;margin:auto}
.roomItemImg{width:100%;height:100%}
.roomItemTitle{font-family:Archivo;font-weight:500;font-size:14px;line-height:140%;color:#202129}
.roomItemDesc{font-family:Archivo;font-weight:400;font-size:12px;line-height:140%;color:#74798a;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}
.roomItemPrice{font-family:Archivo;font-weight:500;font-size:14px;line-height:140%;color:#202129}
.kcs-sticky-content-bottom{position:sticky;bottom:0;background:#fff;padding:16px 20px;border:1px solid #e9e9e9;z-index:10;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:flex;align-items:center;justify-content:space-between}
.kcs-total-price{font-family:Archivo;font-weight:300;font-size:24px;line-height:130%;color:#202129}
.kcs-total-price span{font-family:Archivo;font-weight:700;font-size:24px;line-height:130%;color:#202129}
.kcs-cta-button{min-width:160px;padding:20px 26px;border-radius:50px;background:linear-gradient(270deg,#712ccb 0,#a77fdc 100%);font-family:Archivo;font-weight:500;font-size:16px;line-height:150%;text-align:center;color:#fff;border:1px solid #e2cbff;cursor:pointer}
.kcDetailsWrapper{width:100%;height:403px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
.kcDetailsWrapper::-webkit-scrollbar{display:none}
.kcDetailsTitle{font-family:Archivo;font-weight:500;font-size:30px;line-height:110.00000000000001%;text-align:center;background:linear-gradient(90.41deg,#7c35e9 -35.6%,#3a3a3a 78.16%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
.arrow-refresh-img{width:24px;height:24px;cursor:pointer}
.kcDetailsTitleContent{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.kcDetailsDesc{font-family:Archivo;font-weight:400;font-size:18px;line-height:132%;color:#696f75}
.kcCustomizeWrapper{width:100%;height:403px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
.kcCustomizeWrapper::-webkit-scrollbar{display:none}
.clickHotspotDesc{font-family:Archivo;font-weight:300;font-size:18px;line-height:140%;color:#53565a}
.customizeBaseUnitContent{display:flex;align-items:center;justify-content:space-between}
.customizeBaseUnitTitle{font-family:Archivo;font-weight:500;font-size:20px;line-height:126%;color:#000}
.customize-toggle-wrapper{display:flex;align-items:center;gap:4px}
.customize-toggle-wrapper.dsp-none{display:none}
.customize-toggle-label{font-family:Archivo;font-weight:400;font-size:12px;line-height:16.8px;color:#2e2f32}
.customize-info-icon-content{width:24px;height:24px;display:inline-block;overflow:visible;z-index:10}
.customize-tooltip{visibility:hidden;opacity:0;position:absolute;top:3%;left:63%;transform:translateX(-50%);background-color:#fdedd6;color:#232426;padding:8px 10px;border-radius:10px;white-space:nowrap;z-index:10;transition:opacity .3s ease;font-family:Archivo;font-weight:400;font-size:12px;line-height:21px}
.customize-tooltip::after{content:"";position:absolute;top:31px;left:46%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:#fdedd6 transparent transparent transparent}
.customize-info-icon:hover+.customize-tooltip{visibility:visible;opacity:1}
.customize-info-icon{width:100%;height:100%;cursor:pointer}
.customize-switch{position:relative;display:inline-block;width:32px;height:20px}
.customize-switch .cust-check{opacity:0;width:0;height:0}
.customize-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}
.customize-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:white;transition:.4s;border-radius:50%}
.customize-switch .cust-check:checked+.customize-slider{background-color:#7455a2}
.customize-switch .cust-check:checked+.customize-slider:before{transform:translateX(12px)}
.customRoomItemsList{margin-top:10px}
.kcRoomItem.selected{border:1px solid #7455a2;border-radius:12px}
@media screen and (max-width:768px){.kc-shaped-container{flex-direction:column;gap:0}
.kc-left-preview{width:100%}
.kc-shaped-img{width:100%;height:260px}
.kc-right-panel{width:100%;max-height:unset;border-radius:unset;background-color:#fff;padding-top:4px}
.kcTabWrap{margin:0 14px}
.kcs{padding:23px 8px 20px 8px}
.kcs-total-price{font-weight:100;font-size:20px}
.kcs-total-price span{font-weight:500;font-size:20px}
.kcs-cta-button{min-width:158px;padding:14px 25px}
.kcRoomItem{width:48.8%;gap:8px}
}
:root{--brand:#ff6a00;font-family:system-ui,Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
#stageWrapper{flex:1;max-width:69.4%;position:relative;height:100%}
#stageWrapper img.base{width:100%;border-radius:20px}
.overlay{position:absolute;top:0;left:0;width:100%;display:none;pointer-events:none}
.hotspot{position:absolute;width:33px;height:28px;cursor:pointer;transition:transform .18s ease}
.hotspot:hover{transform:scale(1.1)}
.tabPane{display:none}
.tabPane.active{display:block}
@media(max-width:768px){#stageWrapper{max-width:100%}
#sidebar{width:100%;position:relative}
#stageWrapper img.base{border-radius:unset}
.hotspot{width:28px;height:24px}
}