.shik-as {
  width: 100%;
  direction: rtl;
  box-sizing: border-box;
}
.shik-as * { box-sizing: border-box; }

.shik-as-header { margin-bottom: 16px; }


.shik-as-buildings {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.shik-as-buildings-img {
  width: 100%;
  height: auto;
  display: block;
}

/* SVG container */
.shik-as-svg-wrap{
	z-index:5;
}
.shik-as-svg-wrap,.shik-as-kituv-wrap{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Make the inline svg stretch to container */
.shik-as-svg-wrap svg,.shik-as-kituv-wrap svg{
  width: 100%;
  height: 100%;
  /*display: block;*/
}

.shik-as-svg-wrap svg polygon{
	fill:#ffffff;
	opacity:0;
	transition: opacity 0.5s ease;
}

/* Important: enable clicking polygons */
.shik-as-svg-wrap [data-building-id] {
  cursor: pointer;
}

/* Optional hover highlight (works if polygon has fill/opacity styles) */
.shik-as-svg-wrap [data-building-id]:hover {
  opacity: 0.5;
}

/* selector layout */
.shik-as-selector {
  display: flex;
  gap: 5em;
  align-items: stretch;
}

.shik-as-panel {
  flex: 0 0 43%;

  padding-top: 16px;
}

.shik-as-preview {
  flex: 1;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
 
  padding-right: 16px;
}
.shik-as-preview .shik-as-actions{width:100%;justify-content: center;margin-bottom:10px;}

.shik-as-preview-title { font-size: 20px; margin-bottom: 12px; }
.shik-as-preview-img { width: 100%; height: auto; display: block; }

.shik-as-row { margin-bottom: 18px; }
.shik-as-step-title { font-size: 16px; margin-bottom: 10px; opacity: 0.85; }

.shik-as-rooms, .shik-as-models {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.shik-as-chip, .shik-as-model {
  border: 1px solid rgba(0,0,0,0.25);
  background: transparent;
  padding: 10px 12px;
  cursor: pointer;
  font-size: 14px;
}

.shik-as-chip.is-active, .shik-as-model.is-active {
  background: #000;
  color: #fff;
  border-color: #000;
}

.shik-as-model {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  text-align: center;
}



.shik-as-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.shik-as-btn {
  background: #fff;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


@media (max-width: 767px) {
  .shik-as-selector { flex-direction: column; gap: 5vw; }
  .shik-as-preview {
    border-right: none;
    padding-right: 0;
    border-top: 1px solid rgba(0,0,0,0.15);
    padding-top: 16px;
  }
}

/* shik adds */
.shik-as-header{
	position:absolute;
	right: 7%;
    top: 6%;
    z-index: 44;
}

.shik-as-title{
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    color: var(--e-global-color-bf3040b);
}
.shik-as-subtitle{
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: calc( var(--e-global-typography-secondary-font-size) * 0.4 ) ;
    font-weight: var(--e-global-typography-secondary-font-weight);
    color: var(--e-global-color-bf3040b);
}

/* responsive */

@media (min-width: 1925px) {
	.shik-as-selector{
		padding:50px 140px;
	}
	.shik-as-models button,.shik-as-rooms button{
		height:50px;
		min-width:130px;
	}
	.shik-as-btn {
		padding: 10px 12px;
	}
	.shik-as-panel .shik-as-actions a{display:none !important;}
	.shik-as-img-north{width: 60px;}
}

@media (min-width: 767px) and (max-width: 1925px){
	.shik-as-selector{
		padding:2.5vw 7vw;
	}
	.shik-as-models button,.shik-as-rooms button{
		height:2.5vw;
		min-width:6.5vw;
	}
	.shik-as-btn {
		padding: 0.5vw 1vw;
	}
	.shik-as-panel .shik-as-actions a{display:none !important;}
	.shik-as-img-north{width: 3vw;}
}

@media (max-width: 767px) {
	.shik-as-selector{
		padding:10vw 6vw;
	}
	.shik-as-models button,.shik-as-rooms button{
		height:11vw;	
	}
	.shik-as-btn {
		padding: 2vw 3.5vw;
	}
	.shik-as-rooms button,.shik-as-models button .shik-as-model-code{
		font-size: calc( var(--e-global-typography-text-font-size) * 0.8 ) !important;
	}
	.shik-as-preview .shik-as-actions a{display:none !important;}
	.shik-as-img-north{width: 16vw;}
}


/* NEW: selector stage title */

.shik-as-selector-title{
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: var(--e-global-typography-secondary-font-size);
  font-weight: var(--e-global-typography-secondary-font-weight);
  color: #000000;
}

.shik-as-selector-header:after{
  content:"";
  display:block;
  width:100%;

}

/*.shik-as-selector-title span{font-weight:200 !important;}*/

.shik-as-selector-header,.shik-as-row{
	border-bottom: 1px solid #000000;
	padding-bottom:2em;
	margin-bottom:2em;
}

.shik-as-step-title,.northdir{
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: calc( var(--e-global-typography-text-font-size) * 0.7 ) ;
  font-weight: var(--e-global-typography-text-font-weight);
  color: #000000;
}

.shik-as-rooms button{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: calc( var(--e-global-typography-text-font-size) * 0.7 ) ;
	font-weight: var(--e-global-typography-text-font-weight);
	background:#ffffff;
	color: #000000;
	border:1px solid #000000;
}
.shik-as-models button{
	background:#ffffff;
	border:1px solid #000000;
}
.shik-as-models button .shik-as-model-code{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: calc( var(--e-global-typography-text-font-size) * 0.7 ) ;
	font-weight: var(--e-global-typography-text-font-weight);
}
.shik-as-models button .shik-as-model-floor{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: calc( var(--e-global-typography-text-font-size) * 0.55 ) ; 
	font-weight: var(--e-global-typography-text-font-weight);
}
.shik-as-model:not(.is-active) button .shik-as-model-code,.shik-as-model:not(.is-active) button .shik-as-model-floor{color: #000000;}
.shik-as-model.is-active button .shik-as-model-code,.shik-as-model.is-active button .shik-as-model-floor{color: #ffffff;}

.shik-as-actions a,.shik-as-actions button{
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
	font-size: calc( var(--e-global-typography-text-font-size) * 0.7 ) ; 
	font-weight: var(--e-global-typography-text-font-weight);
	border:1px solid #000000 !Important;
}

.shik-as-model-content-area{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: calc( var(--e-global-typography-text-font-size) * 0.75 ) ;
}
.shik-as-model-content-area {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.shik-as-preview-title{display:none;}

/* mobile adj */
@media (max-width: 767px) {
	.shik-as-buildings-img{
		height: 102vw !important;
		object-fit: cover!important;
	}
	.shik-as-svg-wrap svg{transform: scale(1.8);}
	.shik-as-kituv-wrap{display:none;}
	.shik-as-header{
		background: #000000;
		margin: 0;
		text-align: center;
		padding: 3vw;
		position:relative!important;
		right:auto !important;
		top:auto!important;
	}
	.shik-as-panel{text-align:center;}
	.shik-as-rooms, .shik-as-models,.shik-as-actions{
		justify-content: center;
	}
	.shik-as-mobilebtitles .shik-as-b1,
	.shik-as-mobilebtitles .shik-as-b2{
		background: #000000;
		padding: 2vw;
	}
	.shik-as-mobilebtitles .shik-as-b1{top: 44%;left: 70%;}
	.shik-as-mobilebtitles .shik-as-b2{top:4%;left:17%;}
}

	.shik-as-mobilebtitles{
		z-index: 2;
		position: absolute;
		width:100%;
		height:100%;
	}
	.shik-as-mobilebtitles .shik-as-b1,
	.shik-as-mobilebtitles .shik-as-b2{
		font-family: var(--e-global-typography-text-font-family), Sans-serif;
		font-size: calc( var(--e-global-typography-text-font-size) * 0.9 ) ;
		font-weight: var(--e-global-typography-text-font-weight);
		color: #ffffff;
		position: absolute;
	}

	
@media (min-width: 767px) {	
	.shik-as-mobilebtitles .shik-as-b1{top: 36%;right: 8%;}
	.shik-as-mobilebtitles .shik-as-b2{top:22%;right:8%;}
	.northdir{margin: 1rem 0;}
}


.northdir{
	width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

/* LAN */

.translatepress-en_US .shik-as-stage--buildings,
.translatepress-en_US .shik-as-row--content,
.translatepress-en_US .shik-as-selector-title{text-transform: uppercase;direction:ltr;}
.translatepress-en_US .shik-as-selector{direction:ltr;}


.shik-as-selector-title span:before{
	content:' - ';
}

.translatepress-en_US .shik-as-model-floor{direction:rtl;}