/* Final portrait homepage slideshow. */
.concept { margin-left: -14px; margin-right: 6px; height: 500px; display: flex; align-items: center; background: #f4f2ee; overflow: hidden; }
.concept-copy { box-sizing: border-box; width: 50%; padding: 45px 70px; }
.eyebrow { display: block; font-size: 10px; letter-spacing: 3px; margin-bottom: 26px; color: #777; }
.concept-copy h3 { font-family: Arial, sans-serif; font-size: clamp(28px, 3.1vw, 48px); line-height: 1.12; font-weight: 400; max-width: 430px; margin: 0 0 22px; color: #292824; }
.concept-copy p { max-width: 310px; font-size: 14px; line-height: 1.7; color: #777; margin: 0 0 25px; }
.concept-link { font-size: 12px; color: #292824; border-bottom: 1px solid #a8a39b; padding-bottom: 5px; }
.concept-link span { margin-left: 18px; }
.concept-controls { display: flex; align-items: center; gap: 12px; margin-top: 40px; }
.concept-controls button { width: 36px; height: 36px; border: 1px solid #c7c2ba; background: transparent; color: inherit; font-size: 19px; cursor: pointer; padding: 0; }
.concept-controls button:hover { background: #ded9d1; }
.slide-count { color: #888; font-size: 10px; letter-spacing: 2px; margin-left: 10px; }
.concept-media { width: 50%; display: flex; align-items: center; justify-content: center; gap: 22px; height: 100%; min-width: 0; }
.preview-slider-wrap { width: 336px; height: 420px; flex: 0 0 auto; overflow: hidden !important; }
.preview-slider { height: 100% !important; }
.preview-slider-wrap .tp-bannertimer { display: none; }
.concept-edge { background: #ede8e0; }
.concept-edge .concept-media { justify-content: flex-end; }
.concept-edge .preview-slider-wrap { width: 400px; height: 500px; }
@media (min-width: 1101px) {
  .concept { height: 550px; }
  .concept-edge .preview-slider-wrap { width: 440px; height: 550px; }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .concept-copy { padding: 30px; }
  .concept-media { gap: 14px; }
  .preview-slider-wrap { width: 264px; height: 330px; }
  .concept-edge .preview-slider-wrap { width: 320px; height: 400px; }
}
@media (max-width: 767px) {
  .concept { margin-left: -1px; margin-right: 1px; height: auto; min-height: 100svh; flex-direction: column-reverse; align-items: stretch; }
  .concept-copy { width: 100%; padding: 32px 24px 28px; }
  .concept-copy h3 { font-size: 32px; }
  .eyebrow { margin-bottom: 18px; }
  .concept-controls { margin-top: 24px; }
  .concept-media { width: 100%; height: auto; padding: 24px 0 32px; }
  .preview-slider-wrap { width: min(76%, 280px); height: auto; aspect-ratio: 4 / 5; }
  .concept-edge .concept-media { padding: 0; }
  .concept-edge .preview-slider-wrap { width: 100%; height: auto; }
}
/* Canvas's homepage rules assume a full-width slider; contain each portrait stage. */
.preview-slider-wrap { position: relative !important; }
.preview-slider { position: relative !important; width: 100% !important; overflow: hidden !important; }
.preview-slider .tp-revslider-slidesli, .preview-slider .slotholder, .preview-slider .tp-bgimg { width: 100% !important; height: 100% !important; }
/* Mirror Arabic desktop content while keeping mobile images above the text. */
.home-hero .concept { direction: ltr; }
[lang="ar"] .home-hero .concept-copy { direction: rtl; text-align: right; }
[lang="ar"] .home-hero .concept-copy h3 { font-family: "Beiruti", Tahoma, Arial, sans-serif; }
[lang="ar"] .home-hero .concept-controls [data-step="next"] { order: 1; }
[lang="ar"] .home-hero .concept-controls [data-step="prev"] { order: 2; }
[lang="ar"] .home-hero .slide-count { order: 3; }
.home-hero .preview-slider { direction: ltr; }
@media (min-width: 768px) {
  [lang="ar"] .home-hero .concept { flex-direction: row-reverse; }
  [lang="ar"] .home-hero .concept-media { justify-content: flex-start; }
}