/* =========================================================
   ALQATIFA V43 MOBILE LAYER
   Desktop styles are untouched. Everything below activates
   only on phone/tablet widths.
   ========================================================= */

@media (max-width: 900px){

  :root{
    --m-bg:#f4f0e7;
    --m-paper:#fbf7ef;
    --m-ink:#23221d;
    --m-muted:#746c5d;
    --m-gold:#a27838;
    --m-olive:#4b4c32;
    --m-dark:#171714;
    --m-line:rgba(70,62,45,.18);
    --m-shadow:0 18px 45px rgba(24,22,16,.14);
    --m-radius:24px;
  }

  html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
  }

  body{
    background:var(--m-bg) !important;
    color:var(--m-ink);
    overflow-x:hidden;
  }

  /* Header: phone-app style top bar */
  .site-header,
  header,
  .header{
    position:sticky !important;
    top:0;
    z-index:1000;
    min-height:74px !important;
    padding:10px 16px !important;
    background:rgba(251,247,239,.94) !important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--m-line);
    box-shadow:0 8px 24px rgba(24,22,16,.06);
  }

  .site-header .container,
  header .container,
  .header .container{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }

  .logo,
  .brand,
  .site-logo{
    display:flex !important;
    align-items:center !important;
    min-width:0;
  }

  .logo img,
  .brand img,
  .site-logo img{
    max-height:48px !important;
    width:auto !important;
    object-fit:contain !important;
  }

  /* Compact hamburger block, but desktop nav remains desktop-only */
  .nav,
  .main-nav,
  nav{
    max-width:calc(100vw - 150px);
  }

  .nav a,
  .main-nav a,
  nav a{
    font-size:11px !important;
    letter-spacing:.12em !important;
  }

  .lang,
  .language,
  .lang-switch,
  .quote-btn,
  .btn-quote{
    transform:scale(.88);
    transform-origin:right center;
  }

  /* Hero block: image-first, same ALQATIFA colors */
  .hero,
  .intro,
  .home-hero{
    min-height:auto !important;
    padding:0 !important;
    border-radius:0 !important;
    overflow:hidden;
    background:var(--m-paper);
  }

  .hero img,
  .hero-bg,
  .hero-media img{
    width:100% !important;
    height:56vh !important;
    min-height:430px !important;
    object-fit:cover !important;
    object-position:center !important;
    filter:contrast(1.03) saturate(.96);
  }

  html[lang="ar"] .hero img,
  html[lang="ar"] .hero-bg,
  html[lang="ar"] .hero-media img{
    transform:scaleX(-1);
  }

  .hero-content,
  .hero-copy,
  .intro-copy{
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin:-180px 16px 28px !important;
    position:relative !important;
    z-index:5;
    padding:22px 20px !important;
    border-radius:22px;
    background:linear-gradient(180deg, rgba(23,23,20,.78), rgba(23,23,20,.58));
    color:#fff !important;
    box-shadow:var(--m-shadow);
  }

  .hero-content h1,
  .hero-copy h1,
  .intro-copy h1{
    font-size:clamp(32px, 8.2vw, 48px) !important;
    line-height:1.02 !important;
    letter-spacing:.02em !important;
    margin:0 0 14px !important;
    color:#fff !important;
  }

  .hero-content p,
  .hero-copy p,
  .intro-copy p{
    color:rgba(255,255,255,.86) !important;
    font-size:15px !important;
    line-height:1.55 !important;
  }

  .hero .btn,
  .hero-content .btn,
  .hero-copy .btn,
  .intro-copy .btn{
    min-height:52px;
    border-radius:14px !important;
    padding:0 18px !important;
    background:linear-gradient(135deg, #b88b46, #c9a969) !important;
    color:#171714 !important;
    border:0 !important;
    box-shadow:0 14px 32px rgba(88,62,24,.28);
  }

  /* Main sections: card rhythm */
  section{
    scroll-margin-top:92px;
  }

  .section,
  .projects-section,
  .materials-section,
  .contact-section,
  #projects,
  #materials,
  #contact{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .section-title,
  h2{
    font-size:clamp(28px, 7vw, 42px) !important;
    line-height:1.08 !important;
    letter-spacing:.02em !important;
  }

  /* Featured / main project: fit on phone as vertical premium card */
  .featured-project,
  .flagship,
  .main-project,
  #featuredSlides{
    margin:18px 16px 26px !important;
    border-radius:var(--m-radius) !important;
    overflow:hidden !important;
    background:var(--m-paper) !important;
    box-shadow:var(--m-shadow);
  }

  .featured-grid,
  .flagship-grid,
  .main-project-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  .featured-copy,
  .flagship-copy,
  .main-project-copy{
    padding:20px 18px !important;
  }

  .featured-copy img,
  .flagship-cover img,
  .main-project-cover img{
    width:100% !important;
    height:310px !important;
    object-fit:cover !important;
    object-position:center !important;
    border-radius:18px !important;
  }

  .featured-copy .pill,
  .scroll-pill{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    min-height:46px;
    padding:0 16px !important;
    border-radius:999px !important;
    background:var(--m-dark) !important;
    color:#f8f1e6 !important;
    font-size:12px !important;
    letter-spacing:.14em !important;
    text-transform:uppercase;
  }

  .scroll-pill::after{
    content:"→";
    font-size:18px;
    line-height:1;
    transform:translateY(-1px);
  }

  /* Slide viewers: horizontal, wheel/touch friendly */
  .flagship-slides,
  .slides-track,
  .v27-track,
  .project-slides,
  .tiny-track{
    display:flex !important;
    flex-direction:row !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth !important;
    overscroll-behavior-x:contain !important;
    -webkit-overflow-scrolling:touch !important;
    padding:12px 16px 18px !important;
  }

  .flagship-slides::-webkit-scrollbar,
  .slides-track::-webkit-scrollbar,
  .v27-track::-webkit-scrollbar,
  .project-slides::-webkit-scrollbar,
  .tiny-track::-webkit-scrollbar{
    height:8px;
  }

  .flagship-slides::-webkit-scrollbar-thumb,
  .slides-track::-webkit-scrollbar-thumb,
  .v27-track::-webkit-scrollbar-thumb,
  .project-slides::-webkit-scrollbar-thumb,
  .tiny-track::-webkit-scrollbar-thumb{
    background:rgba(162,120,56,.55);
    border-radius:20px;
  }

  .flagship-slides img,
  .slide-card img,
  .v27-slide img,
  .project-slide img{
    scroll-snap-align:center !important;
    width:min(82vw, 390px) !important;
    max-width:none !important;
    height:auto !important;
    border-radius:18px !important;
    box-shadow:0 14px 34px rgba(23,23,20,.16);
  }

  /* Tiny House project selector: top tabs, bigger cards */
  #v27TinyViewer{
    padding:24px 0 36px !important;
  }

  #v27TinyViewer .v27-tabs,
  .project-tabs,
  .tiny-project-tabs{
    display:flex !important;
    flex-direction:row !important;
    gap:12px !important;
    overflow-x:auto !important;
    padding:4px 16px 14px !important;
    scroll-snap-type:x proximity;
  }

  #v27TinyViewer .v27-tab,
  .project-tab,
  .tiny-project-card{
    flex:0 0 78vw !important;
    max-width:360px !important;
    min-height:210px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background:var(--m-dark) !important;
    color:#fff !important;
    box-shadow:0 16px 38px rgba(24,22,16,.18);
    scroll-snap-align:start;
    border:1px solid rgba(162,120,56,.28) !important;
  }

  #v27TinyViewer .v27-tab img,
  .project-tab img,
  .tiny-project-card img{
    width:100% !important;
    height:100% !important;
    min-height:210px !important;
    object-fit:cover !important;
    filter:brightness(.86) contrast(1.04);
  }

  #v27TinyViewer .v27-tab .v36-open-label,
  .project-tab .open-label,
  .tiny-project-card .open-label{
    position:absolute !important;
    top:12px !important;
    left:12px !important;
    right:auto !important;
    bottom:auto !important;
    display:inline-flex !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    background:rgba(23,23,20,.78) !important;
    color:#f5eadb !important;
    font-size:11px !important;
    letter-spacing:.12em !important;
    text-transform:uppercase;
    backdrop-filter:blur(8px);
  }

  #v27TinyViewer .v27-project-panel,
  .project-viewer,
  .slides-viewer{
    margin:4px 16px 0 !important;
    border-radius:var(--m-radius) !important;
    background:var(--m-paper) !important;
    box-shadow:var(--m-shadow);
    overflow:hidden !important;
  }

  #v27TinyViewer .v27-project-head,
  .project-viewer-head{
    padding:16px 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }

  #v27TinyViewer .v27-project-head h3,
  .project-viewer-head h3{
    margin:0 !important;
    font-size:22px !important;
    letter-spacing:.08em !important;
  }

  /* Dark strip like the reference, using ALQATIFA palette */
  .featured-project-strip,
  .premium-strip{
    margin:20px 16px !important;
    padding:22px 18px !important;
    border-radius:22px !important;
    background:linear-gradient(135deg, #171714, #2d2b23) !important;
    color:#f4efe6 !important;
    box-shadow:var(--m-shadow);
  }

  /* Materials/contact readability */
  .materials-grid,
  .contact-grid,
  .cards-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .card,
  .material-card,
  .contact-card{
    border-radius:20px !important;
    background:var(--m-paper) !important;
    box-shadow:0 10px 28px rgba(24,22,16,.10);
  }

  /* Bottom mobile nav: app-like but not intrusive */
  .mobile-bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1100;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:0;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    background:rgba(23,23,20,.96);
    border-top:1px solid rgba(191,157,96,.25);
    box-shadow:0 -10px 32px rgba(0,0,0,.25);
  }

  .mobile-bottom-nav a,
  .mobile-bottom-nav button{
    appearance:none;
    border:0;
    background:transparent;
    color:#f3ead8;
    font-size:10px;
    line-height:1;
    letter-spacing:.12em;
    text-transform:uppercase;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    text-decoration:none;
    min-height:52px;
  }

  .mobile-bottom-nav svg{
    width:22px;
    height:22px;
    stroke:#c19a56;
    stroke-width:1.7;
    fill:none;
  }

  body{
    padding-bottom:78px;
  }

  /* RTL mobile polish */
  html[lang="ar"] body{
    direction:rtl;
  }

  html[lang="ar"] .flagship-slides,
  html[lang="ar"] .slides-track,
  html[lang="ar"] .v27-track,
  html[lang="ar"] .project-slides{
    direction:rtl;
  }

  html[lang="ar"] #v27TinyViewer .v27-tab .v36-open-label,
  html[lang="ar"] .project-tab .open-label,
  html[lang="ar"] .tiny-project-card .open-label{
    left:auto !important;
    right:12px !important;
  }

}

@media (max-width: 520px){
  .hero img,
  .hero-bg,
  .hero-media img{
    height:54vh !important;
    min-height:390px !important;
  }

  .hero-content,
  .hero-copy,
  .intro-copy{
    margin-top:-160px !important;
  }

  .featured-copy img,
  .flagship-cover img,
  .main-project-cover img{
    height:260px !important;
  }

  #v27TinyViewer .v27-tab,
  .project-tab,
  .tiny-project-card{
    flex-basis:82vw !important;
    min-height:190px !important;
  }

  #v27TinyViewer .v27-tab img,
  .project-tab img,
  .tiny-project-card img{
    min-height:190px !important;
  }
}

/* =========================================================
   ALQATIFA V46 MOBILE-ONLY PATCH
   Scope: <=900px. Desktop layout and slide files untouched.
   Fixes: compact hero, horizontal concepts, real swipe tracks,
   compact service strip, larger vertical DUNE/CEDAR slides.
   ========================================================= */
@media (max-width: 900px){
  body{ padding-bottom:calc(76px + env(safe-area-inset-bottom)) !important; }

  /* top header: smaller block, larger logo */
  .site-header{
    min-height:58px !important;
    height:58px !important;
    padding:6px 14px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
  }
  .brand{ height:48px !important; }
  .brand img{
    width:168px !important;
    max-height:48px !important;
    object-fit:contain !important;
  }
  .menu-btn{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
    font-size:26px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* hero: no white gutters, image fills width, smaller dark card inside image */
  main{ overflow:hidden !important; }
  .hero.section,
  section.hero{
    position:relative !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0 !important;
    min-height:520px !important;
    height:520px !important;
    display:block !important;
    overflow:hidden !important;
    background:#171714 !important;
    border-radius:0 !important;
  }
  .hero-visual{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }
  .hero-visual:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.18) 36%, rgba(0,0,0,.30) 100%) !important;
  }
  .hero-visual img,
  .hero img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    filter:saturate(1.03) contrast(1.03) brightness(.92) !important;
  }
  .hero-copy{
    position:absolute !important;
    z-index:4 !important;
    left:14px !important;
    right:14px !important;
    bottom:16px !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:16px 16px 18px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg, rgba(18,18,16,.72), rgba(18,18,16,.50)) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.24) !important;
    backdrop-filter:blur(6px) !important;
    -webkit-backdrop-filter:blur(6px) !important;
  }
  .hero-copy .eyebrow,
  .hero-copy [data-i18n="heroKicker"]{
    display:inline-block !important;
    padding:7px 9px !important;
    margin-bottom:12px !important;
    border-radius:999px !important;
    background:rgba(23,23,20,.42) !important;
    color:#e5bd73 !important;
    font-size:11px !important;
    line-height:1.35 !important;
    letter-spacing:.16em !important;
  }
  .hero-copy h1{
    font-size:clamp(32px, 9.3vw, 42px) !important;
    line-height:1.02 !important;
    margin:0 0 10px !important;
    max-width:100% !important;
  }
  .hero-copy p{
    font-size:14px !important;
    line-height:1.42 !important;
    margin:0 0 14px !important;
    max-width:100% !important;
  }
  .hero-copy .pill{
    min-height:48px !important;
    padding:0 20px !important;
    border-radius:16px !important;
    font-size:13px !important;
    letter-spacing:.06em !important;
  }

  /* service/material blocks: one compact colored horizontal strip */
  .services.section,
  section.services{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:12px 12px 14px !important;
    display:flex !important;
    flex-direction:row !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
    background:linear-gradient(180deg,#f8f2e8,#eee4d5) !important;
    border-top:1px solid rgba(93,80,55,.12) !important;
    border-bottom:1px solid rgba(93,80,55,.12) !important;
  }
  .services .service{
    position:relative !important;
    flex:0 0 218px !important;
    min-height:132px !important;
    padding:14px 13px 13px !important;
    border:1px solid rgba(104,92,61,.18) !important;
    border-radius:18px !important;
    background:linear-gradient(135deg, #fffaf1 0%, #f3eadb 58%, rgba(118,112,69,.18) 100%) !important;
    box-shadow:0 10px 24px rgba(36,31,22,.09) !important;
    scroll-snap-align:start !important;
    overflow:hidden !important;
  }
  .services .service:nth-child(2){ background:linear-gradient(135deg,#fffaf1 0%,#edf0e6 55%,rgba(104,116,93,.22) 100%) !important; }
  .services .service:nth-child(3){ background:linear-gradient(135deg,#fff7ec 0%,#ead8bf 58%,rgba(135,87,42,.16) 100%) !important; }
  .services .service:nth-child(4){ background:linear-gradient(135deg,#f9f1e5 0%,#eee2cf 55%,rgba(40,39,32,.13) 100%) !important; }
  .services .service:after{
    content:"";
    position:absolute;
    right:-26px;
    bottom:-34px;
    width:92px;
    height:92px;
    border-radius:50%;
    background:rgba(162,120,56,.10);
  }
  html[dir="rtl"] .services .service:after{ right:auto; left:-26px; }
  .services .service .ico{
    width:38px !important;
    height:38px !important;
    margin:0 0 10px !important;
    color:#9b7134 !important;
    opacity:.95 !important;
  }
  .services .service h3{
    font-size:15px !important;
    line-height:1.08 !important;
    letter-spacing:.05em !important;
    margin:0 0 7px !important;
    color:#25231d !important;
  }
  .services .service p{
    font-size:11px !important;
    line-height:1.35 !important;
    color:#675e50 !important;
    margin:0 !important;
  }

  /* project concept cards: force one horizontal row, no vertical list */
  .other-projects-block{ padding-top:18px !important; margin-top:14px !important; }
  .section-subhead{ margin-bottom:10px !important; }
  .section-subhead h3{ font-size:24px !important; line-height:1.08 !important; }
  .project-browser{
    display:block !important;
    height:auto !important;
    overflow:visible !important;
  }
  .project-list{
    position:relative !important;
    top:auto !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:2px 0 12px !important;
    margin:0 0 10px !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .project-select{
    position:relative !important;
    display:block !important;
    flex:0 0 calc((100vw - 50px) / 3) !important;
    min-width:112px !important;
    max-width:150px !important;
    height:128px !important;
    padding:0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background:#171714 !important;
    border:1px solid rgba(191,157,96,.28) !important;
    box-shadow:0 12px 28px rgba(32,28,20,.14) !important;
    scroll-snap-align:start !important;
  }
  .project-select.active{
    outline:2px solid rgba(190,145,75,.65) !important;
    border-color:#c49a56 !important;
  }
  .project-select img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:0 !important;
    filter:brightness(.72) saturate(1.02) !important;
  }
  .project-select span{
    position:absolute !important;
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    color:#fff !important;
    text-align:left !important;
    z-index:2 !important;
  }
  html[dir="rtl"] .project-select span{ text-align:right !important; }
  .project-select b{
    font-size:18px !important;
    line-height:.95 !important;
    color:#fff !important;
    text-shadow:0 2px 8px rgba(0,0,0,.35) !important;
  }
  .project-select em{ display:none !important; }
  .project-select small{
    display:block !important;
    margin-top:3px !important;
    font-size:8px !important;
    letter-spacing:.08em !important;
    color:#e2b96f !important;
  }

  /* project panel must not become a flex row; only its internal track scrolls */
  .project-slides,
  #slidePanel{
    display:block !important;
    margin:0 !important;
    border-radius:22px !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#fffaf3 !important;
  }
  .regular-head{
    display:block !important;
    padding:15px 15px 10px !important;
  }
  .regular-head h3{ font-size:32px !important; line-height:1 !important; }
  .regular-head p{ font-size:13px !important; line-height:1.45 !important; margin:6px 0 0 !important; }
  .regular-head .small-contact{ display:none !important; }
  .regular-meta{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    overflow-x:auto !important;
    padding:8px 14px 10px !important;
  }
  .regular-meta span{
    flex:0 0 auto !important;
    font-size:11px !important;
    padding:6px 9px !important;
  }
  .aq-track-wrap{
    width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x mandatory !important;
    overscroll-behavior-x:contain !important;
    padding:12px 14px 16px !important;
    touch-action:pan-x pan-y !important;
    cursor:grab;
  }
  .aq-track-wrap:active{ cursor:grabbing; }
  .aq-track{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    gap:14px !important;
    width:max-content !important;
    min-width:100% !important;
  }
  .aq-slide-card{
    flex:0 0 86vw !important;
    max-width:86vw !important;
    margin:0 !important;
    scroll-snap-align:center !important;
    position:relative !important;
  }
  .aq-slide-card.is-vertical{
    flex-basis:78vw !important;
    max-width:78vw !important;
  }
  .aq-slide-card.is-horizontal{
    flex-basis:92vw !important;
    max-width:92vw !important;
  }
  .aq-slide-card .slide-zoom,
  .aq-slide-card button{
    width:100% !important;
    display:block !important;
    border:0 !important;
    background:transparent !important;
    padding:0 !important;
  }
  .aq-slide-card img{
    width:100% !important;
    height:auto !important;
    max-height:72vh !important;
    object-fit:contain !important;
    border-radius:16px !important;
    display:block !important;
    background:#f8f4ec !important;
    box-shadow:0 16px 34px rgba(24,22,16,.18) !important;
  }
  .aq-slide-card.is-vertical img{ max-height:76vh !important; }
  .aq-slide-card figcaption{
    position:absolute !important;
    right:10px !important;
    bottom:10px !important;
    padding:6px 9px !important;
    border-radius:999px !important;
    background:rgba(23,23,20,.78) !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:800 !important;
  }
  html[dir="rtl"] .aq-slide-card figcaption{ right:auto !important; left:10px !important; }
  .deck-note{ padding:8px 14px 14px !important; font-size:11px !important; }

  /* flagship slides: horizontal on phone too */
  .featured-slide-column{ min-height:0 !important; }
  .flagship-slides{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:14px !important;
    padding:12px 14px 16px !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .flagship-slides .v-slide{
    flex:0 0 78vw !important;
    max-width:78vw !important;
    scroll-snap-align:center !important;
  }
  .flagship-slides .v-slide img{
    width:100% !important;
    max-height:76vh !important;
    object-fit:contain !important;
  }
}

@media (max-width: 420px){
  .hero.section,
  section.hero{ height:500px !important; min-height:500px !important; }
  .hero-copy{ left:12px !important; right:12px !important; bottom:14px !important; padding:14px !important; }
  .hero-copy h1{ font-size:34px !important; }
  .hero-copy p{ font-size:13px !important; }
  .services .service{ flex-basis:198px !important; min-height:124px !important; }
  .project-select{ min-width:108px !important; height:118px !important; }
  .project-select b{ font-size:16px !important; }
  .aq-slide-card.is-vertical{ flex-basis:82vw !important; max-width:82vw !important; }
  .aq-slide-card.is-horizontal{ flex-basis:94vw !important; max-width:94vw !important; }
}

@media (max-width: 900px){
  .mobile-lang-panel{
    position:fixed;
    right:12px;
    bottom:calc(86px + env(safe-area-inset-bottom));
    z-index:1300;
    display:none;
    grid-template-columns:repeat(5, auto);
    gap:6px;
    padding:9px;
    border-radius:18px;
    background:rgba(23,23,20,.96);
    border:1px solid rgba(191,157,96,.28);
    box-shadow:0 18px 45px rgba(0,0,0,.28);
  }
  html[dir="rtl"] .mobile-lang-panel{ right:auto; left:12px; }
  .mobile-lang-panel.open{ display:grid; }
  .mobile-lang-panel button{
    appearance:none;
    border:1px solid rgba(191,157,96,.30);
    background:#f4ead8;
    color:#171714;
    border-radius:12px;
    min-width:42px;
    min-height:36px;
    font-weight:900;
    font-size:12px;
  }
}

/* =========================================================
   ALQATIFA V47 MOBILE HOTFIX
   Scope: <=900px only. Fixes concept cards row + touch swipe
   for DUNE / CEDAR / MEADOW slide decks.
   ========================================================= */
@media (max-width: 900px){
  /* Real concept row used by the generated Tiny House viewer */
  #v27TinyViewer .v27-project-tabs{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:4px 12px 12px !important;
    margin:0 !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
    touch-action:pan-x pan-y !important;
  }

  #v27TinyViewer .v27-project-tabs::-webkit-scrollbar{ height:6px !important; }
  #v27TinyViewer .v27-project-tabs::-webkit-scrollbar-thumb{
    background:rgba(162,120,56,.45) !important;
    border-radius:999px !important;
  }

  #v27TinyViewer .v27-project-tabs > .v27-tab{
    position:relative !important;
    display:block !important;
    flex:0 0 calc((100vw - 48px) / 3) !important;
    width:calc((100vw - 48px) / 3) !important;
    min-width:106px !important;
    max-width:142px !important;
    height:118px !important;
    min-height:118px !important;
    max-height:118px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background:#171714 !important;
    border:1px solid rgba(191,157,96,.30) !important;
    box-shadow:0 10px 22px rgba(32,28,20,.15) !important;
    scroll-snap-align:start !important;
  }

  #v27TinyViewer .v27-project-tabs > .v27-tab.active{
    outline:2px solid rgba(191,157,96,.72) !important;
    outline-offset:0 !important;
    border-color:#c49a56 !important;
  }

  #v27TinyViewer .v27-project-tabs > .v27-tab img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
    display:block !important;
    border-radius:0 !important;
    filter:brightness(.72) saturate(1.03) contrast(1.03) !important;
  }

  #v27TinyViewer .v27-project-tabs > .v27-tab .v36-open-label{
    position:absolute !important;
    left:7px !important;
    right:7px !important;
    bottom:7px !important;
    top:auto !important;
    display:block !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-size:0 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    text-shadow:0 2px 9px rgba(0,0,0,.48) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  #v27TinyViewer .v27-project-tabs > .v27-tab .v36-open-label small{
    display:block !important;
    font-size:10px !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    letter-spacing:.08em !important;
    color:#f2d59a !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* The last-three-project slider is transform-driven, so the swipe target is the viewport. */
  #v27TinyViewer .v27-viewport{
    overflow:hidden !important;
    touch-action:pan-y !important;
    cursor:grab !important;
  }
  #v27TinyViewer .v27-viewport:active{ cursor:grabbing !important; }
  #v27TinyViewer .v27-track{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    will-change:transform !important;
    touch-action:pan-y !important;
  }
  #v27TinyViewer .v27-slide{
    flex:0 0 auto !important;
    scroll-snap-align:center !important;
  }
}

@media (max-width: 420px){
  #v27TinyViewer .v27-project-tabs > .v27-tab{
    flex-basis:calc((100vw - 42px) / 3) !important;
    width:calc((100vw - 42px) / 3) !important;
    min-width:102px !important;
    height:112px !important;
    min-height:112px !important;
    max-height:112px !important;
  }
}

/* =========================================================
   ALQATIFA V48 MOBILE HOTFIX
   Scope: mobile only. Header/logo, hero height, service-row fit,
   lower app nav, and safer mouse use in responsive desktop testing.
   ========================================================= */
@media (max-width: 900px){
  /* Mobile header: centered logo, no upper hamburger menu */
  .site-header,
  header.site-header,
  .header{
    min-height:62px !important;
    height:62px !important;
    padding:6px 12px !important;
    background:#f4efe6 !important;
    box-shadow:0 6px 16px rgba(24,22,16,.04) !important;
  }

  .site-header .container,
  header .container,
  .header .container{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
  }

  .menu-btn,
  .hamburger,
  .nav-toggle,
  .mobile-menu-toggle,
  button[aria-label*="menu"],
  button[aria-label*="Menu"],
  button[aria-label*="меню"],
  button[aria-label*="Меню"]{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .brand,
  .logo,
  .site-logo{
    margin:0 auto !important;
    height:54px !important;
    justify-content:center !important;
    align-items:center !important;
    background:transparent !important;
  }

  .brand img,
  .logo img,
  .site-logo img{
    width:190px !important;
    max-width:min(54vw, 190px) !important;
    height:54px !important;
    max-height:54px !important;
    object-fit:contain !important;
    object-position:center !important;
    background:transparent !important;
    mix-blend-mode:multiply;
    filter:contrast(1.08) saturate(.96);
  }

  /* First screen: make hero shorter so services fit into the first view */
  .hero.section,
  section.hero{
    height:430px !important;
    min-height:430px !important;
    max-height:430px !important;
    margin-top:0 !important;
  }

  .hero-visual img,
  .hero img{
    width:100vw !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .hero-copy{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    padding:14px 14px 15px !important;
    border-radius:20px !important;
    background:linear-gradient(180deg, rgba(18,18,16,.70), rgba(18,18,16,.48)) !important;
  }

  .hero-copy .eyebrow,
  .hero-copy [data-i18n="heroKicker"]{
    padding:6px 8px !important;
    margin-bottom:9px !important;
    font-size:10px !important;
    line-height:1.25 !important;
  }

  .hero-copy h1{
    font-size:clamp(29px, 8.2vw, 38px) !important;
    line-height:1.01 !important;
    margin-bottom:8px !important;
  }

  .hero-copy p{
    font-size:13px !important;
    line-height:1.34 !important;
    margin-bottom:12px !important;
  }

  .hero-copy .pill,
  .hero-copy .btn,
  .hero-copy a[class*="btn"]{
    min-height:44px !important;
    padding:0 17px !important;
    border-radius:15px !important;
    font-size:12px !important;
  }

  /* Compact service cards: closer, more detailed color, still horizontal */
  .services.section,
  section.services{
    padding:9px 10px 10px !important;
    gap:7px !important;
    background:linear-gradient(180deg,#f7efe3,#eadfcd) !important;
  }

  .services .service{
    flex:0 0 178px !important;
    min-height:112px !important;
    padding:12px 11px 11px !important;
    border-radius:16px !important;
  }

  .services .service .ico{
    width:31px !important;
    height:31px !important;
    margin-bottom:7px !important;
  }

  .services .service h3{
    font-size:13px !important;
    line-height:1.04 !important;
    margin-bottom:6px !important;
  }

  .services .service p{
    font-size:10.5px !important;
    line-height:1.28 !important;
  }

  /* More compact section start after first screen */
  .other-projects-block{
    margin-top:8px !important;
    padding-top:12px !important;
  }

  /* Bottom nav: less intrusive and visually lower */
  .mobile-bottom-nav{
    bottom:-6px !important;
    padding:6px 10px calc(2px + env(safe-area-inset-bottom)) !important;
    min-height:62px !important;
  }

  .mobile-bottom-nav a,
  .mobile-bottom-nav button{
    min-height:48px !important;
    gap:4px !important;
    font-size:9.5px !important;
  }

  .mobile-bottom-nav svg{
    width:21px !important;
    height:21px !important;
  }

  body{
    padding-bottom:64px !important;
  }
}

@media (max-width: 420px){
  .hero.section,
  section.hero{
    height:415px !important;
    min-height:415px !important;
    max-height:415px !important;
  }

  .brand img,
  .logo img,
  .site-logo img{
    width:180px !important;
    max-width:58vw !important;
  }

  .hero-copy h1{ font-size:31px !important; }
  .hero-copy p{ font-size:12.5px !important; }
  .services .service{ flex-basis:172px !important; min-height:108px !important; }
}


/* v52 mobile hero refresh */
@media (max-width: 900px){
  .hero.section,
  section.hero{
    height:440px !important;
    min-height:440px !important;
    max-height:440px !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .hero-visual:after{
    background:
      linear-gradient(180deg,rgba(6,6,6,.18) 0%,rgba(6,6,6,.40) 100%),
      linear-gradient(90deg,rgba(10,10,9,.40) 0%,rgba(10,10,9,.18) 42%,rgba(10,10,9,.08) 100%) !important;
  }

  .hero-copy{
    left:18px !important;
    right:18px !important;
    bottom:20px !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    max-width:78% !important;
  }

  .hero-copy .hero-line{
    width:42px !important;
    height:2px !important;
    margin:0 0 16px !important;
  }

  .hero-copy h1{
    font-size:clamp(31px,9vw,45px) !important;
    line-height:.98 !important;
    margin:0 0 14px !important;
    max-width:280px !important;
  }

  .hero-copy .hero-tagline{
    font-size:11px !important;
    line-height:1.35 !important;
    letter-spacing:.14em !important;
    margin:0 0 18px !important;
    max-width:240px !important;
  }

  .hero-copy .pill,
  .hero-copy .btn,
  .hero-copy a[class*="btn"]{
    min-height:48px !important;
    padding:0 18px !important;
    border-radius:14px !important;
    font-size:11.5px !important;
  }
}

@media (max-width: 420px){
  .hero.section,
  section.hero{
    height:424px !important;
    min-height:424px !important;
    max-height:424px !important;
  }
  .hero-copy{
    max-width:82% !important;
    left:16px !important;
    right:16px !important;
    bottom:18px !important;
  }
  .hero-copy h1{
    font-size:31px !important;
    max-width:268px !important;
  }
}

/* =========================================================
   ALQATIFA V54 MOBILE HERO REFERENCE FIX
   Scope: mobile only. Makes the first block closer to the
   supplied reference: wide rectangular image, no blur/glass
   text panel, compact text on the left, full-width image.
   Desktop remains untouched.
   ========================================================= */
@media (max-width: 900px){
  .hero.section,
  section.hero,
  .hero{
    position:relative !important;
    display:block !important;
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    height:342px !important;
    min-height:342px !important;
    max-height:342px !important;
    padding:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:#151511 !important;
  }

  .hero-visual{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }

  .hero-visual img,
  .hero img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    filter:saturate(.98) contrast(1.02) brightness(1.02) !important;
    transform:none !important;
  }

  .hero-visual:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
      linear-gradient(90deg, rgba(7,7,6,.68) 0%, rgba(7,7,6,.46) 25%, rgba(7,7,6,.18) 48%, rgba(7,7,6,.04) 72%, rgba(7,7,6,0) 100%),
      linear-gradient(180deg, rgba(7,7,6,.10) 0%, rgba(7,7,6,.14) 100%) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    pointer-events:none !important;
  }

  html[lang="ar"] .hero-visual img,
  html[lang="ar"] .hero img,
  html[dir="rtl"] .hero-visual img,
  .rtl .hero-visual img{
    transform:none !important;
  }

  .hero-copy{
    position:absolute !important;
    z-index:3 !important;
    left:22px !important;
    right:auto !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-48%) !important;
    width:auto !important;
    max-width:min(49vw, 310px) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    color:#fff8ee !important;
  }

  .hero-copy .hero-line{
    width:46px !important;
    height:2px !important;
    margin:0 0 12px !important;
    background:#c89b55 !important;
    border-radius:999px !important;
    box-shadow:none !important;
    display:block !important;
  }

  .hero-copy h1{
    margin:0 0 10px !important;
    max-width:100% !important;
    font-size:clamp(27px, 7vw, 38px) !important;
    line-height:1.02 !important;
    letter-spacing:.01em !important;
    color:#fff8ef !important;
    text-shadow:0 3px 16px rgba(0,0,0,.52) !important;
  }

  .hero-copy .hero-tagline,
  .hero-copy [data-i18n="heroKicker"]{
    margin:0 0 14px !important;
    padding:0 !important;
    max-width:100% !important;
    background:transparent !important;
    border:0 !important;
    font-size:10.5px !important;
    line-height:1.28 !important;
    font-weight:800 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:#d5aa64 !important;
    text-shadow:0 2px 12px rgba(0,0,0,.48) !important;
  }

  .hero-copy .pill,
  .hero-copy .btn,
  .hero-copy a[class*="btn"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;
    min-height:42px !important;
    width:auto !important;
    padding:0 18px !important;
    border-radius:8px !important;
    background:#d1aa68 !important;
    border:0 !important;
    color:#17130e !important;
    box-shadow:0 8px 18px rgba(0,0,0,.20) !important;
    font-size:10.5px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  .hero-copy .pill span,
  .hero-copy .pill b{
    color:#17130e !important;
  }

  /* keep the next cards visible right after the hero */
  .services.section,
  section.services{
    margin-top:0 !important;
  }
}

@media (max-width: 560px){
  .hero.section,
  section.hero,
  .hero{
    height:302px !important;
    min-height:302px !important;
    max-height:302px !important;
  }

  .hero-visual img,
  .hero img{
    object-position:center center !important;
  }

  .hero-copy{
    left:18px !important;
    max-width:52vw !important;
    transform:translateY(-46%) !important;
  }

  .hero-copy .hero-line{
    width:36px !important;
    margin-bottom:10px !important;
  }

  .hero-copy h1{
    font-size:clamp(24px, 6.8vw, 30px) !important;
    line-height:1.02 !important;
    margin-bottom:8px !important;
  }

  .hero-copy .hero-tagline,
  .hero-copy [data-i18n="heroKicker"]{
    font-size:9px !important;
    letter-spacing:.12em !important;
    margin-bottom:12px !important;
  }

  .hero-copy .pill,
  .hero-copy .btn,
  .hero-copy a[class*="btn"]{
    min-height:38px !important;
    padding:0 14px !important;
    border-radius:8px !important;
    gap:12px !important;
    font-size:9px !important;
  }
}

@media (max-width: 380px){
  .hero.section,
  section.hero,
  .hero{
    height:286px !important;
    min-height:286px !important;
    max-height:286px !important;
  }
  .hero-copy{
    left:15px !important;
    max-width:55vw !important;
  }
  .hero-copy h1{ font-size:23px !important; }
  .hero-copy .pill{ min-height:36px !important; padding:0 12px !important; }
}

/* =========================================================
   ALQATIFA V55 MOBILE FINAL: reference hero + auto service carousel
   Desktop is untouched. Scope: <=900px only.
   ========================================================= */
@media (max-width: 900px){
  .site-header,
  header.site-header{
    min-height:68px !important;
    height:68px !important;
    padding:7px 14px !important;
    background:#f4efe6 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:0 1px 0 rgba(72,63,45,.14) !important;
  }

  .menu-btn{ display:none !important; }

  .brand{
    margin:0 auto !important;
    width:auto !important;
    height:54px !important;
    background:transparent !important;
  }

  .brand img{
    width:202px !important;
    max-width:61vw !important;
    height:54px !important;
    object-fit:contain !important;
    object-position:center !important;
    mix-blend-mode:multiply !important;
  }

  .hero.section,
  section.hero,
  .hero{
    display:block !important;
    position:relative !important;
    width:100vw !important;
    height:310px !important;
    min-height:310px !important;
    max-height:310px !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:0 !important;
    background:#111 !important;
  }

  .hero-visual,
  .hero-visual picture{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }

  .hero-visual img,
  .hero img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    filter:none !important;
    transform:none !important;
  }

  .hero-visual:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg, rgba(9,9,8,.66) 0%, rgba(9,9,8,.43) 28%, rgba(9,9,8,.13) 56%, rgba(9,9,8,0) 82%) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .hero-copy{
    position:absolute !important;
    z-index:4 !important;
    left:22px !important;
    right:auto !important;
    top:46% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    width:auto !important;
    max-width:min(47vw, 300px) !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .hero-copy .hero-line{
    display:block !important;
    width:43px !important;
    height:2px !important;
    margin:0 0 11px !important;
    background:#d1aa68 !important;
    border-radius:999px !important;
  }

  .hero-copy h1{
    margin:0 0 10px !important;
    max-width:100% !important;
    font-size:clamp(25px, 6.9vw, 36px) !important;
    line-height:1.01 !important;
    letter-spacing:.01em !important;
    color:#fff8ef !important;
    text-shadow:0 3px 16px rgba(0,0,0,.55) !important;
  }

  .hero-copy .hero-tagline,
  .hero-copy [data-i18n="heroKicker"]{
    order:3 !important;
    margin:0 0 13px !important;
    padding:0 !important;
    max-width:100% !important;
    background:transparent !important;
    border:0 !important;
    font-size:10px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:#d4ab68 !important;
    text-shadow:0 2px 10px rgba(0,0,0,.5) !important;
  }

  .hero-copy .pill,
  .hero-copy .btn,
  .hero-copy a[class*="btn"]{
    order:4 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:16px !important;
    min-height:40px !important;
    width:auto !important;
    padding:0 17px !important;
    border-radius:7px !important;
    background:#d4ae6c !important;
    color:#18140f !important;
    border:0 !important;
    box-shadow:0 8px 18px rgba(0,0,0,.18) !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.07em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  .hero-copy .pill span,
  .hero-copy .pill b{ color:#18140f !important; }

  html[dir="rtl"] .hero-copy,
  html[lang="ar"] .hero-copy,
  .rtl .hero-copy{
    left:auto !important;
    right:22px !important;
    align-items:flex-start !important;
    text-align:right !important;
  }

  html[dir="rtl"] .hero-visual img,
  html[lang="ar"] .hero-visual img,
  .rtl .hero-visual img{ transform:none !important; }

  html[dir="rtl"] .hero-visual:after,
  html[lang="ar"] .hero-visual:after,
  .rtl .hero-visual:after{
    background:linear-gradient(270deg, rgba(9,9,8,.66) 0%, rgba(9,9,8,.43) 28%, rgba(9,9,8,.13) 56%, rgba(9,9,8,0) 82%) !important;
  }

  .services.section,
  section.services{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:10px 10px 12px !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:none !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
    overscroll-behavior-x:contain !important;
    background:linear-gradient(180deg,#f7efe3,#eadfcd) !important;
    scrollbar-width:none !important;
  }
  .services.section::-webkit-scrollbar,
  section.services::-webkit-scrollbar{ display:none !important; }

  .services .service{
    flex:0 0 174px !important;
    width:174px !important;
    min-width:174px !important;
    min-height:108px !important;
    padding:11px 10px !important;
    border-radius:16px !important;
    box-sizing:border-box !important;
    scroll-snap-align:none !important;
  }

  .services .service h3{
    font-size:13px !important;
    line-height:1.05 !important;
    margin:0 0 6px !important;
  }
  .services .service p{
    font-size:10.4px !important;
    line-height:1.27 !important;
  }
  .services .service .ico{
    width:30px !important;
    height:30px !important;
    margin-bottom:6px !important;
  }

  .services[data-auto-marquee="paused"]{ scroll-behavior:smooth !important; }
  .services .service[data-clone="1"]{ pointer-events:none !important; }

  #v27TinyViewer .v27-project-tabs{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:8px !important;
    padding:4px 12px 12px !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab{
    flex:0 0 calc((100vw - 48px) / 3) !important;
    min-width:106px !important;
    max-width:142px !important;
    height:118px !important;
  }
  #v27TinyViewer .v27-viewport{
    touch-action:pan-y !important;
    overflow:hidden !important;
  }
}

@media (max-width: 420px){
  .hero.section,
  section.hero,
  .hero{
    height:296px !important;
    min-height:296px !important;
    max-height:296px !important;
  }
  .hero-copy{
    left:18px !important;
    max-width:53vw !important;
  }
  html[dir="rtl"] .hero-copy,
  html[lang="ar"] .hero-copy,
  .rtl .hero-copy{
    left:auto !important;
    right:18px !important;
  }
  .hero-copy h1{ font-size:clamp(23px, 6.6vw, 29px) !important; }
  .hero-copy .hero-tagline,
  .hero-copy [data-i18n="heroKicker"]{ font-size:8.8px !important; }
  .hero-copy .pill,
  .hero-copy .btn,
  .hero-copy a[class*="btn"]{ min-height:37px !important; font-size:8.8px !important; padding:0 13px !important; }
  .services .service{ flex-basis:170px !important; width:170px !important; min-width:170px !important; }
}

/* =========================================================
   ALQATIFA V56 MOBILE FIX
   - clean PNG service cards as backgrounds, text via HTML/i18n
   - no blurred hero overlay; compact reference-like hero
   - stronger native swipe zones for Tiny House slide decks
   - service cards prepared for JS infinite auto-marquee
   Desktop remains untouched via max-width media query.
   ========================================================= */
@media (max-width: 900px){
  body{ padding-bottom: max(76px, env(safe-area-inset-bottom) + 62px) !important; }

  .site-header,
  header.site-header{
    min-height: 68px !important;
    height: 68px !important;
    padding: 6px 14px !important;
    justify-content: center !important;
    background:#f4efe4 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .site-header .brand,
  header.site-header .brand{
    margin:0 auto !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }
  .site-header .brand img,
  header.site-header .brand img{
    max-height:58px !important;
    width:auto !important;
    transform:scale(1.08) !important;
    transform-origin:center center !important;
  }
  .site-header .menu-btn,
  header.site-header .menu-btn{ display:none !important; }

  .hero.section,
  section.hero,
  .hero{
    width:100vw !important;
    margin:0 calc(50% - 50vw) 0 !important;
    height:430px !important;
    min-height:430px !important;
    max-height:430px !important;
    padding:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    box-shadow:none !important;
    background:#111 !important;
  }
  .hero-visual,
  .hero-visual picture{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }
  .hero-visual img,
  .hero img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    filter:none !important;
    transform:none !important;
  }
  .hero-visual:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(90deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.32) 42%, rgba(0,0,0,.08) 82%) !important;
    pointer-events:none !important;
  }
  .hero-copy{
    position:absolute !important;
    left:18px !important;
    right:auto !important;
    bottom:34px !important;
    top:auto !important;
    width:min(72vw, 430px) !important;
    max-width:430px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    color:#fff !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    text-shadow:0 2px 14px rgba(0,0,0,.45) !important;
  }
  .hero-copy .hero-line{
    display:block !important;
    width:52px !important;
    height:2px !important;
    background:#d6ac62 !important;
    margin:0 0 14px !important;
  }
  .hero-copy h1{
    color:#fff !important;
    font-size:clamp(27px, 7.1vw, 43px) !important;
    line-height:1.04 !important;
    letter-spacing:.01em !important;
    margin:0 0 12px !important;
  }
  .hero-copy .hero-tagline,
  .hero-copy [data-i18n="heroKicker"]{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    color:#d9b76f !important;
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    margin:0 0 16px !important;
    padding:0 !important;
    background:transparent !important;
    text-shadow:0 1px 10px rgba(0,0,0,.45) !important;
  }
  .hero-copy .pill,
  .hero-copy .btn,
  .hero-copy a[class*="btn"]{
    display:inline-flex !important;
    width:auto !important;
    min-width:0 !important;
    min-height:44px !important;
    height:44px !important;
    padding:0 18px !important;
    border-radius:8px !important;
    background:linear-gradient(135deg,#d3aa62,#c08a31) !important;
    color:#17130e !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    box-shadow:0 10px 24px rgba(0,0,0,.28) !important;
    text-shadow:none !important;
  }

  .services.section,
  section.services{
    width:100vw !important;
    margin:0 calc(50% - 50vw) !important;
    padding:12px 14px 14px !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:none !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
    background:#eee7db !important;
    border-top:1px solid rgba(70,62,45,.14) !important;
    border-bottom:1px solid rgba(70,62,45,.14) !important;
    scrollbar-width:none !important;
  }
  .services.section::-webkit-scrollbar,
  section.services::-webkit-scrollbar{ display:none !important; }
  .services .service{
    position:relative !important;
    flex:0 0 216px !important;
    width:216px !important;
    min-width:216px !important;
    height:150px !important;
    min-height:150px !important;
    padding:74px 16px 14px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    scroll-snap-align:none !important;
    border:1px solid rgba(148,116,67,.28) !important;
    box-shadow:0 12px 28px rgba(38,35,27,.13) !important;
    background-color:#f5efe4 !important;
    background-size:cover !important;
    background-position:center !important;
  }
  .services .service:nth-child(1), .services .service[data-service="stone"]{ background-image:url('../images/cards/stone-marble.png') !important; }
  .services .service:nth-child(2), .services .service[data-service="glass"]{ background-image:url('../images/cards/glass-light.png') !important; }
  .services .service:nth-child(3), .services .service[data-service="wood"]{ background-image:url('../images/cards/wood-products.png') !important; }
  .services .service:nth-child(4), .services .service[data-service="project"]{ background-image:url('../images/cards/project-realization.png') !important; }
  .services .service:before{
    content:"" !important;
    position:absolute !important;
    left:0; right:0; bottom:0; height:58%;
    background:linear-gradient(180deg, rgba(250,247,239,0), rgba(250,247,239,.78) 28%, rgba(250,247,239,.96) 100%) !important;
    z-index:0 !important;
    pointer-events:none !important;
  }
  .services .service:after{ display:none !important; }
  .services .service .ico{ display:none !important; }
  .services .service h3,
  .services .service p{ position:relative !important; z-index:1 !important; }
  .services .service h3{
    margin:0 0 7px !important;
    color:#25241d !important;
    font-size:18px !important;
    line-height:1.05 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    font-weight:900 !important;
  }
  .services .service p{
    margin:0 !important;
    color:#5f5748 !important;
    font-size:12.5px !important;
    line-height:1.24 !important;
    font-weight:600 !important;
  }
  .services .service.service-clone{ pointer-events:auto !important; }

  .project-list,
  #projectGrid,
  #v27TinyViewer .v27-project-tabs{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:12px !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
    scrollbar-width:thin !important;
  }
  .project-list .project-select,
  #projectGrid .project-select,
  #v27TinyViewer .v27-project-tabs > .v27-tab{
    flex:0 0 232px !important;
    width:232px !important;
    min-width:232px !important;
  }

  .aq-track-wrap,
  #v27TinyViewer .v27-viewport,
  .flagship-slides{
    touch-action:pan-y pinch-zoom !important;
    -webkit-overflow-scrolling:touch !important;
    cursor:grab !important;
  }
  .aq-track-wrap.is-swiping,
  #v27TinyViewer .v27-viewport.is-swiping{ cursor:grabbing !important; }
  .aq-track,
  #v27TinyViewer .v27-track{
    will-change:transform, scroll-position !important;
  }
  .aq-track-wrap img,
  #v27TinyViewer .v27-viewport img{ -webkit-user-drag:none !important; user-select:none !important; }

  .featured-facts strong{ color:inherit !important; }
}

@media (max-width: 420px){
  .hero.section, section.hero, .hero{
    height:400px !important;
    min-height:400px !important;
    max-height:400px !important;
  }
  .hero-copy{
    left:16px !important;
    bottom:28px !important;
    width:min(76vw, 360px) !important;
  }
  .hero-copy h1{ font-size:29px !important; }
  .hero-copy .hero-tagline,
  .hero-copy [data-i18n="heroKicker"]{ font-size:10.5px !important; margin-bottom:13px !important; }
  .hero-copy .pill{ height:40px !important; min-height:40px !important; padding:0 15px !important; font-size:11px !important; }
  .services .service{ flex-basis:202px !important; width:202px !important; min-width:202px !important; height:142px !important; min-height:142px !important; padding-top:70px !important; }
  .services .service h3{ font-size:16.5px !important; }
  .services .service p{ font-size:12px !important; }
}

/* ALQATIFA V57 final mobile polish: compact hero, real card backgrounds, horizontal rows, clean one-swipe behavior */
@media (max-width:900px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px)) !important;}
  .site-header{height:66px !important;min-height:66px !important;padding:0 12px !important;grid-template-columns:1fr !important;display:flex !important;justify-content:center !important;background:#f6f2e9 !important;}
  .site-header .menu-btn{display:none !important;}
  .site-header .brand{height:64px !important;width:auto !important;margin:0 auto !important;background:#f6f2e9 !important;box-shadow:none !important;}
  .site-header .brand img{width:192px !important;max-height:68px !important;object-fit:contain !important;transform:none !important;background:#f6f2e9 !important;filter:drop-shadow(0 6px 10px rgba(40,32,21,.08)) !important;}
  .site-header .nav,.site-header .header-actions{display:none !important;}

  .hero.section,section.hero,.hero{height:430px !important;min-height:430px !important;max-height:430px !important;margin:0 !important;border-radius:0 !important;overflow:hidden !important;background:#efe7db !important;}
  .hero-visual{position:absolute !important;inset:0 !important;}
  .hero-visual:after{background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.04) 42%,rgba(0,0,0,.42) 100%) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
  .hero-visual img,.hero img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center 45% !important;filter:none !important;}
  .hero-copy{position:absolute !important;left:16px !important;right:16px !important;bottom:20px !important;top:auto !important;width:auto !important;max-width:450px !important;padding:15px 16px 16px !important;border-radius:22px !important;background:linear-gradient(180deg,rgba(31,29,23,.55),rgba(31,29,23,.34)) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:0 14px 40px rgba(0,0,0,.16) !important;color:#fff !important;}
  .hero-copy .hero-line{display:none !important;}
  .hero-copy .hero-label,.hero-copy [data-i18n="heroKicker"]{display:block !important;margin:0 0 8px !important;font-size:10.5px !important;line-height:1.35 !important;letter-spacing:.12em !important;color:#f1d79c !important;font-weight:900 !important;text-transform:uppercase !important;}
  .hero-copy h1{font-size:31px !important;line-height:.98 !important;margin:0 0 8px !important;color:#fff !important;max-width:360px !important;text-shadow:0 2px 16px rgba(0,0,0,.18) !important;}
  .hero-copy .hero-lead{display:block !important;margin:0 0 12px !important;font-size:12.5px !important;line-height:1.45 !important;color:rgba(255,255,255,.88) !important;max-width:390px !important;font-weight:600 !important;}
  .hero-copy .pill{height:38px !important;min-height:38px !important;padding:0 15px !important;font-size:10.5px !important;letter-spacing:.08em !important;background:#d69525 !important;color:#19160f !important;box-shadow:none !important;}

  .services.section,section.services{display:flex !important;flex-wrap:nowrap !important;gap:14px !important;margin:0 !important;padding:22px 16px 22px !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory !important;scroll-behavior:smooth !important;-webkit-overflow-scrolling:touch !important;touch-action:pan-x pan-y !important;border:0 !important;background:#f6f2e9 !important;}
  .services.section::-webkit-scrollbar,section.services::-webkit-scrollbar{display:none !important;}
  .services .service{position:relative !important;flex:0 0 226px !important;width:226px !important;min-width:226px !important;height:286px !important;min-height:286px !important;padding:0 18px 19px !important;border-radius:26px !important;border:1px solid rgba(139,119,77,.16) !important;overflow:hidden !important;background-size:cover !important;background-position:center !important;box-shadow:0 14px 34px rgba(68,51,28,.12) !important;scroll-snap-align:start !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;isolation:isolate !important;}
  .services .service:before{content:'' !important;position:absolute !important;inset:0 !important;z-index:-1 !important;background:linear-gradient(180deg,rgba(255,252,247,.04) 0%,rgba(255,252,247,.12) 47%,rgba(255,252,247,.88) 78%,rgba(255,252,247,.96) 100%) !important;}
  .services .service:after{display:none !important;}
  .services .service .ico{display:none !important;}
  .services .service h3{margin:0 0 7px !important;font-size:17px !important;line-height:1.12 !important;color:#3f3624 !important;letter-spacing:.035em !important;text-transform:uppercase !important;text-wrap:balance !important;max-width:100% !important;}
  .services .service p{margin:0 !important;font-size:12px !important;line-height:1.36 !important;color:#6a5e47 !important;font-weight:650 !important;display:block !important;max-width:100% !important;}
  .services .service[data-service="stone"],.services .service:nth-child(1){background-image:url('../images/cards/service-stone-mobile.webp') !important;}
  .services .service[data-service="glass"],.services .service:nth-child(2){background-image:url('../images/cards/service-glass-mobile.webp') !important;}
  .services .service[data-service="wood"],.services .service:nth-child(3){background-image:url('../images/cards/service-wood-mobile.webp') !important;}
  .services .service[data-service="project"],.services .service:nth-child(4){background-image:url('../images/cards/service-project-mobile.webp') !important;}
  .services .service.service-clone[data-service="stone"]{background-image:url('../images/cards/service-stone-mobile.webp') !important;}
  .services .service.service-clone[data-service="glass"]{background-image:url('../images/cards/service-glass-mobile.webp') !important;}
  .services .service.service-clone[data-service="wood"]{background-image:url('../images/cards/service-wood-mobile.webp') !important;}
  .services .service.service-clone[data-service="project"]{background-image:url('../images/cards/service-project-mobile.webp') !important;}

  .project-browser{display:block !important;overflow:visible !important;}
  .project-list,#projectGrid{display:flex !important;flex-direction:row !important;gap:14px !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory !important;-webkit-overflow-scrolling:touch !important;padding:4px 16px 14px !important;margin:0 -16px 12px !important;}
  .project-list::-webkit-scrollbar,#projectGrid::-webkit-scrollbar{display:none !important;}
  .project-select{flex:0 0 236px !important;width:236px !important;min-width:236px !important;min-height:164px !important;scroll-snap-align:start !important;border-radius:24px !important;overflow:hidden !important;}
  .project-select img{height:118px !important;object-fit:cover !important;}
  .project-select span{padding:10px 12px 12px !important;}
  .project-select span b{font-size:20px !important;}
  .project-select span em{font-size:11px !important;line-height:1.25 !important;}

  .aq-track-wrap,#v27TinyViewer .v27-viewport{overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory !important;scroll-behavior:smooth !important;-webkit-overflow-scrolling:touch !important;touch-action:pan-y pan-x !important;overscroll-behavior-x:contain !important;}
  .aq-track{display:flex !important;gap:14px !important;align-items:stretch !important;}
  .aq-slide-card{flex:0 0 88vw !important;min-width:88vw !important;scroll-snap-align:center !important;scroll-snap-stop:always !important;}
  .aq-slide-card.is-vertical,.aq-slide-card:has(img[alt*="DUNE"]),.aq-slide-card:has(img[alt*="CEDAR"]){flex-basis:82vw !important;min-width:82vw !important;}
  .aq-slide-card img{width:100% !important;max-height:78vh !important;object-fit:contain !important;}
  #v27TinyViewer .v27-slide{scroll-snap-align:center !important;scroll-snap-stop:always !important;}

  .mobile-bottom-nav{bottom:calc(8px + env(safe-area-inset-bottom,0px)) !important;left:10px !important;right:10px !important;transform:none !important;width:auto !important;max-width:none !important;border-radius:24px !important;z-index:95 !important;}
  .mobile-lang-panel{bottom:calc(82px + env(safe-area-inset-bottom,0px)) !important;}
  html[dir="rtl"] .hero-copy{left:16px !important;right:16px !important;text-align:right !important;align-items:flex-start !important;}
  html[dir="rtl"] .services.section,html[dir="rtl"] section.services{direction:rtl !important;}
}
@media (max-width:420px){
  .hero.section,section.hero,.hero{height:405px !important;min-height:405px !important;max-height:405px !important;}
  .hero-copy{left:12px !important;right:12px !important;bottom:16px !important;padding:13px 14px 14px !important;}
  .hero-copy h1{font-size:27px !important;}
  .hero-copy .hero-lead{font-size:11.8px !important;}
  .services .service{flex-basis:208px !important;width:208px !important;min-width:208px !important;height:266px !important;min-height:266px !important;padding:0 16px 17px !important;}
  .services .service h3{font-size:15.6px !important;}
  .services .service p{font-size:11.4px !important;}
  .project-select{flex-basis:218px !important;width:218px !important;min-width:218px !important;}
}

/* ALQATIFA V58 FIX: do not redesign cards; original art, smaller service carousel, restored project cards */
@media (max-width:900px){
  .hero-copy{
    bottom:10px !important;
    top:auto !important;
    padding:12px 13px 13px !important;
    border-radius:18px !important;
  }
  html[dir="rtl"] .hero-visual img,
  html[lang="ar"] .hero-visual img,
  .rtl .hero-visual img{
    transform:scaleX(-1) !important;
  }

  .services.section,
  section.services{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    width:100vw !important;
    margin:0 calc(50% - 50vw) !important;
    padding:12px 12px 14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:none !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    background:#f6f2e9 !important;
    border:0 !important;
    touch-action:pan-x pan-y !important;
  }
  .services.section::-webkit-scrollbar,
  section.services::-webkit-scrollbar{display:none !important;}
  .services .service{
    position:relative !important;
    flex:0 0 142px !important;
    width:142px !important;
    min-width:142px !important;
    height:176px !important;
    min-height:176px !important;
    padding:0 10px 12px !important;
    border-radius:0 !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    background-size:100% 100% !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    scroll-snap-align:none !important;
    isolation:auto !important;
  }
  .services .service:before,
  .services .service:after{display:none !important;content:none !important;}
  .services .service .ico{display:none !important;}
  .services .service h3{
    position:relative !important;
    z-index:1 !important;
    margin:0 0 4px !important;
    max-width:120px !important;
    font-size:11px !important;
    line-height:1.1 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:#242018 !important;
    text-shadow:none !important;
  }
  .services .service p{
    position:relative !important;
    z-index:1 !important;
    margin:0 !important;
    max-width:122px !important;
    font-size:8.8px !important;
    line-height:1.22 !important;
    color:#5b5347 !important;
    font-weight:600 !important;
    text-shadow:none !important;
  }
  .services .service[data-service="stone"],.services .service:nth-child(1){background-image:url('../images/cards/service-stone-mobile.webp') !important;}
  .services .service[data-service="glass"],.services .service:nth-child(2){background-image:url('../images/cards/service-glass-mobile.webp') !important;}
  .services .service[data-service="wood"],.services .service:nth-child(3){background-image:url('../images/cards/service-wood-mobile.webp') !important;}
  .services .service[data-service="project"],.services .service:nth-child(4){background-image:url('../images/cards/service-project-mobile.webp') !important;}
  .services .service.service-clone[data-service="stone"]{background-image:url('../images/cards/service-stone-mobile.webp') !important;}
  .services .service.service-clone[data-service="glass"]{background-image:url('../images/cards/service-glass-mobile.webp') !important;}
  .services .service.service-clone[data-service="wood"]{background-image:url('../images/cards/service-wood-mobile.webp') !important;}
  .services .service.service-clone[data-service="project"]{background-image:url('../images/cards/service-project-mobile.webp') !important;}

  .project-browser{display:block !important;overflow:visible !important;}
  .project-list,
  #projectGrid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 0 14px !important;
    width:100% !important;
    max-width:100% !important;
    scrollbar-width:none !important;
  }
  .project-list::-webkit-scrollbar,
  #projectGrid::-webkit-scrollbar{display:none !important;}
  .project-select{
    position:relative !important;
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:118px !important;
    min-height:118px !important;
    max-height:118px !important;
    padding:0 !important;
    border-radius:14px !important;
    overflow:hidden !important;
    background:transparent !important;
    border:1px solid rgba(191,157,96,.30) !important;
    box-shadow:0 10px 22px rgba(32,28,20,.12) !important;
    scroll-snap-align:none !important;
  }
  .project-select.active{outline:2px solid rgba(191,157,96,.72) !important;outline-offset:0 !important;border-color:#c49a56 !important;}
  .project-select img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    border-radius:0 !important;
    filter:none !important;
  }
  .project-select span{
    position:absolute !important;
    top:7px !important;
    right:7px !important;
    left:auto !important;
    bottom:auto !important;
    padding:4px 6px !important;
    border-radius:999px !important;
    background:rgba(255,250,243,.82) !important;
    color:#5d451f !important;
    text-align:right !important;
    z-index:2 !important;
  }
  html[dir="rtl"] .project-select span{left:7px !important;right:auto !important;text-align:left !important;}
  .project-select b,
  .project-select em{display:none !important;}
  .project-select small{
    display:block !important;
    margin:0 !important;
    font-size:8px !important;
    line-height:1 !important;
    letter-spacing:.07em !important;
    color:#6b4d1f !important;
    text-transform:uppercase !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }

  .img-modal .modal-nav{width:42px !important;height:42px !important;font-size:30px !important;line-height:38px !important;}
  .img-modal .modal-prev{left:10px !important;}
  .img-modal .modal-next{right:10px !important;}
}
@media (max-width:420px){
  .hero-copy{bottom:8px !important;}
  .services .service{flex-basis:132px !important;width:132px !important;min-width:132px !important;height:164px !important;min-height:164px !important;padding:0 9px 11px !important;}
  .services .service h3{font-size:10.2px !important;}
  .services .service p{font-size:8.2px !important;}
  .project-select{height:108px !important;min-height:108px !important;max-height:108px !important;}
}

/* ALQATIFA V59: unified vertical card previews and old mobile hero style */
@media (max-width:900px){
  .hero.section,section.hero,.hero{
    height:405px !important;
    min-height:405px !important;
    max-height:405px !important;
    background:#10100f !important;
  }
  .hero-visual img,.hero img{object-position:center center !important;filter:saturate(.96) contrast(1.04) brightness(.96) !important;}
  .hero-visual:after{background:linear-gradient(90deg,rgba(10,10,9,.74) 0%,rgba(10,10,9,.48) 36%,rgba(10,10,9,.16) 70%,rgba(10,10,9,.04) 100%) !important;}
  html[dir="rtl"] .hero-visual:after,html[lang="ar"] .hero-visual:after,.rtl .hero-visual:after{background:linear-gradient(270deg,rgba(10,10,9,.74) 0%,rgba(10,10,9,.48) 36%,rgba(10,10,9,.16) 70%,rgba(10,10,9,.04) 100%) !important;}
  html[dir="rtl"] .hero-visual img,html[lang="ar"] .hero-visual img,.rtl .hero-visual img{transform:scaleX(-1) !important;}
  .hero-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    left:18px !important;
    right:auto !important;
    bottom:28px !important;
    top:auto !important;
    width:min(72vw,360px) !important;
    max-width:360px !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    color:#fff !important;
    text-shadow:0 3px 16px rgba(0,0,0,.45) !important;
  }
  .hero-copy .hero-line{order:1 !important;display:block !important;width:46px !important;height:3px !important;margin:0 0 16px !important;background:#cfa055 !important;border-radius:999px !important;}
  .hero-copy h1{order:2 !important;margin:0 0 14px !important;max-width:285px !important;font-size:clamp(31px,9.8vw,48px) !important;line-height:.96 !important;color:#fff9f1 !important;letter-spacing:.01em !important;text-shadow:0 6px 20px rgba(0,0,0,.42) !important;}
  .hero-copy .hero-label,.hero-copy [data-i18n="heroKicker"]{order:3 !important;display:block !important;margin:0 0 20px !important;padding:0 !important;background:transparent !important;color:#d3aa62 !important;font-size:11px !important;line-height:1.35 !important;font-weight:900 !important;letter-spacing:.16em !important;text-transform:uppercase !important;max-width:300px !important;text-shadow:0 2px 12px rgba(0,0,0,.55) !important;}
  .hero-copy .hero-lead{display:none !important;}
  .hero-copy .pill,.hero-copy .btn,.hero-copy a[class*="btn"]{order:4 !important;display:inline-flex !important;width:auto !important;min-width:0 !important;height:48px !important;min-height:48px !important;padding:0 21px !important;border-radius:12px !important;background:#cfaa68 !important;color:#18140f !important;box-shadow:0 12px 26px rgba(0,0,0,.22) !important;text-shadow:none !important;font-size:11px !important;font-weight:900 !important;letter-spacing:.09em !important;text-transform:uppercase !important;}
  .hero-copy .pill span,.hero-copy .pill b{color:#18140f !important;}
  html[dir="rtl"] .hero-copy,html[lang="ar"] .hero-copy,.rtl .hero-copy{left:auto !important;right:18px !important;text-align:right !important;align-items:flex-end !important;}

  .services.section,section.services{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:100vw !important;
    margin:0 calc(50% - 50vw) !important;
    padding:15px 14px 17px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:none !important;
    scroll-behavior:auto !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    background:#f6f2e9 !important;
    border:0 !important;
    touch-action:pan-x pan-y !important;
  }
  .services.section::-webkit-scrollbar,section.services::-webkit-scrollbar{display:none !important;}
  .services .service{
    position:relative !important;
    flex:0 0 156px !important;
    width:156px !important;
    min-width:156px !important;
    height:208px !important;
    min-height:208px !important;
    padding:0 11px 13px !important;
    border-radius:18px !important;
    border:1px solid rgba(139,119,77,.14) !important;
    box-shadow:0 12px 30px rgba(68,51,28,.12) !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    scroll-snap-align:none !important;
    isolation:isolate !important;
  }
  .services .service:before{content:"" !important;display:block !important;position:absolute !important;inset:auto 0 0 0 !important;height:50% !important;z-index:-1 !important;background:linear-gradient(180deg,rgba(255,252,246,0) 0%,rgba(255,252,246,.78) 42%,rgba(255,252,246,.96) 100%) !important;pointer-events:none !important;}
  .services .service:after{display:none !important;content:none !important;}
  .services .service .ico{display:none !important;}
  .services .service h3{position:relative !important;z-index:1 !important;margin:0 0 5px !important;max-width:132px !important;font-size:11.8px !important;line-height:1.08 !important;letter-spacing:.055em !important;text-transform:uppercase !important;color:#342d20 !important;text-shadow:none !important;text-wrap:balance !important;}
  .services .service p{position:relative !important;z-index:1 !important;margin:0 !important;max-width:134px !important;font-size:8.8px !important;line-height:1.25 !important;color:#655a46 !important;font-weight:650 !important;text-shadow:none !important;}
  .services .service[data-service="stone"]{background-image:url('../images/cards/service-stone.webp') !important;}
  .services .service[data-service="glass"]{background-image:url('../images/cards/service-glass.webp') !important;}
  .services .service[data-service="wood"]{background-image:url('../images/cards/service-wood.webp') !important;}
  .services .service[data-service="project"]{background-image:url('../images/cards/service-project.webp') !important;}
  .services .service[data-service="space"]{background-image:url('../images/cards/service-space.webp') !important;}
  .services .service[data-service="sustainable"]{background-image:url('../images/cards/service-sustainable.webp') !important;}
  .services .service.service-clone{display:flex !important;pointer-events:auto !important;}
}
@media (max-width:420px){
  .hero.section,section.hero,.hero{height:390px !important;min-height:390px !important;max-height:390px !important;}
  .hero-copy{left:15px !important;bottom:24px !important;width:min(76vw,330px) !important;}
  html[dir="rtl"] .hero-copy,html[lang="ar"] .hero-copy,.rtl .hero-copy{left:auto !important;right:15px !important;}
  .hero-copy h1{font-size:clamp(29px,9.5vw,40px) !important;max-width:270px !important;}
  .hero-copy .hero-label,.hero-copy [data-i18n="heroKicker"]{font-size:9.8px !important;max-width:270px !important;margin-bottom:17px !important;}
  .hero-copy .pill,.hero-copy .btn,.hero-copy a[class*="btn"]{height:44px !important;min-height:44px !important;padding:0 17px !important;font-size:10px !important;}
  .services .service{flex-basis:148px !important;width:148px !important;min-width:148px !important;height:198px !important;min-height:198px !important;padding:0 10px 12px !important;}
  .services .service h3{font-size:11px !important;}
  .services .service p{font-size:8.2px !important;}
}

/* =========================================================
   ALQATIFA V60 MOBILE FIX
   - unified 6 vertical service cards only
   - shorter hero with copy fixed near lower edge
   - clean DUNE / CEDAR / MEADOW project image cards
   ========================================================= */
@media (max-width:900px){
  .hero.section,
  section.hero,
  .hero{
    height:365px !important;
    min-height:365px !important;
    max-height:365px !important;
    margin-top:0 !important;
    overflow:hidden !important;
  }
  .hero-visual,
  .hero-visual img,
  .hero img{
    height:100% !important;
    min-height:0 !important;
  }
  .hero-visual img,
  .hero img{
    object-fit:cover !important;
    object-position:center center !important;
  }
  .hero-copy{
    top:auto !important;
    bottom:12px !important;
    transform:none !important;
    width:min(78vw,350px) !important;
  }
  .hero-copy h1{
    margin-bottom:12px !important;
    font-size:clamp(29px,9.2vw,44px) !important;
  }
  .hero-copy .hero-label,
  .hero-copy [data-i18n="heroKicker"]{
    margin-bottom:16px !important;
  }
  .hero-copy .pill,
  .hero-copy .btn,
  .hero-copy a[class*="btn"]{
    height:44px !important;
    min-height:44px !important;
  }
  html[dir="rtl"] .hero-visual img,
  html[lang="ar"] .hero-visual img,
  .rtl .hero-visual img{
    transform:scaleX(-1) !important;
  }

  .services.section,
  section.services{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:11px !important;
    width:100vw !important;
    margin:0 calc(50% - 50vw) !important;
    padding:14px 14px 16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:auto !important;
    scroll-snap-type:none !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    background:#f6f2e9 !important;
    touch-action:pan-x pan-y !important;
  }
  .services.section::-webkit-scrollbar,
  section.services::-webkit-scrollbar{display:none !important;}
  .services .service{
    position:relative !important;
    flex:0 0 156px !important;
    width:156px !important;
    min-width:156px !important;
    height:208px !important;
    min-height:208px !important;
    max-height:208px !important;
    padding:0 11px 13px !important;
    border-radius:18px !important;
    border:1px solid rgba(139,119,77,.14) !important;
    box-shadow:0 12px 30px rgba(68,51,28,.12) !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    isolation:isolate !important;
    scroll-snap-align:none !important;
  }
  .services .service:before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:auto 0 0 0 !important;
    height:48% !important;
    z-index:-1 !important;
    background:linear-gradient(180deg,rgba(255,252,246,0) 0%,rgba(255,252,246,.76) 42%,rgba(255,252,246,.96) 100%) !important;
    pointer-events:none !important;
  }
  .services .service:after{display:none !important;content:none !important;}
  .services .service .ico{display:none !important;}
  .services .service h3{font-size:11.6px !important;line-height:1.08 !important;margin:0 0 5px !important;max-width:132px !important;color:#342d20 !important;letter-spacing:.052em !important;text-transform:uppercase !important;text-shadow:none !important;}
  .services .service p{font-size:8.7px !important;line-height:1.25 !important;margin:0 !important;max-width:134px !important;color:#655a46 !important;font-weight:650 !important;text-shadow:none !important;}
  .services .service[data-service="stone"]{background-image:url('../images/cards/service-stone.webp') !important;}
  .services .service[data-service="glass"]{background-image:url('../images/cards/service-glass.webp') !important;}
  .services .service[data-service="wood"]{background-image:url('../images/cards/service-wood.webp') !important;}
  .services .service[data-service="project"]{background-image:url('../images/cards/service-project.webp') !important;}
  .services .service[data-service="space"]{background-image:url('../images/cards/service-space.webp') !important;}
  .services .service[data-service="sustainable"]{background-image:url('../images/cards/service-sustainable.webp') !important;}
  .services .service.service-clone{display:flex !important;}

  .other-projects-block .section-subhead h3,
  .section-subhead h3[data-i18n="otherProjectsTitle"]{
    max-width:100% !important;
    font-size:20px !important;
    line-height:1.25 !important;
    text-align:left !important;
  }
  html[dir="rtl"] .other-projects-block .section-subhead h3,
  html[lang="ar"] .other-projects-block .section-subhead h3{text-align:right !important;}

  #v27TinyViewer .v27-project-tabs,
  .project-list,
  #projectGrid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 0 14px !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab,
  .project-select{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:112px !important;
    min-height:112px !important;
    max-height:112px !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:15px !important;
    border:1px solid rgba(191,157,96,.26) !important;
    background:transparent !important;
    box-shadow:0 10px 22px rgba(32,28,20,.10) !important;
    scroll-snap-align:none !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab.active,
  .project-select.active{
    outline:2px solid rgba(196,154,86,.72) !important;
    outline-offset:0 !important;
    border-color:#c49a56 !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab::before,
  #v27TinyViewer .v27-project-tabs > .v27-tab::after,
  .project-select::before,
  .project-select::after{
    display:none !important;
    content:none !important;
    background:none !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab img,
  .project-select img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center !important;
    border-radius:0 !important;
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab .v36-open-label,
  #v27TinyViewer .v27-project-tabs > .v27-tab span,
  .project-select span{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}
@media (max-width:420px){
  .hero.section,
  section.hero,
  .hero{
    height:350px !important;
    min-height:350px !important;
    max-height:350px !important;
  }
  .hero-copy{
    left:14px !important;
    right:auto !important;
    bottom:10px !important;
    width:min(80vw,330px) !important;
  }
  html[dir="rtl"] .hero-copy,
  html[lang="ar"] .hero-copy,
  .rtl .hero-copy{left:auto !important;right:14px !important;}
  .hero-copy h1{font-size:clamp(27px,8.9vw,39px) !important;max-width:275px !important;}
  .hero-copy .hero-label,
  .hero-copy [data-i18n="heroKicker"]{font-size:9.4px !important;line-height:1.28 !important;margin-bottom:14px !important;max-width:270px !important;}
  .hero-copy .pill,
  .hero-copy .btn,
  .hero-copy a[class*="btn"]{height:42px !important;min-height:42px !important;padding:0 16px !important;font-size:10px !important;}
  .services .service{flex-basis:146px !important;width:146px !important;min-width:146px !important;height:195px !important;min-height:195px !important;max-height:195px !important;}
  #v27TinyViewer .v27-project-tabs > .v27-tab,
  .project-select{height:104px !important;min-height:104px !important;max-height:104px !important;}
}

/* =========================================================
   ALQATIFA V61 MOBILE FINAL PATCH
   - same six vertical cards as desktop
   - clean, wider/lower DUNE/CEDAR/MEADOW selectors
   - flagship cover is no longer cropped on mobile
   ========================================================= */
@media (max-width:900px){
  .services.section,
  section.services{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:100vw !important;
    max-width:100vw !important;
    margin:0 calc(50% - 50vw) !important;
    padding:14px 14px 16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:auto !important;
    scroll-snap-type:none !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    background:#f6f2e9 !important;
    border:0 !important;
    touch-action:pan-x pan-y !important;
    direction:ltr !important;
  }
  .services.section::-webkit-scrollbar,
  section.services::-webkit-scrollbar{display:none !important;}

  .services.section > .service,
  section.services > .service{
    position:relative !important;
    flex:0 0 156px !important;
    width:156px !important;
    min-width:156px !important;
    height:208px !important;
    min-height:208px !important;
    max-height:208px !important;
    padding:0 11px 13px !important;
    border-radius:18px !important;
    border:1px solid rgba(139,119,77,.14) !important;
    box-shadow:0 12px 30px rgba(68,51,28,.12) !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    isolation:isolate !important;
    scroll-snap-align:none !important;
    text-align:left !important;
  }
  html[dir="rtl"] .services.section > .service,
  html[lang="ar"] .services.section > .service,
  .rtl .services.section > .service{
    direction:rtl !important;
    text-align:right !important;
  }
  .services.section > .service:before,
  section.services > .service:before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:auto 0 0 0 !important;
    height:48% !important;
    z-index:-1 !important;
    background:linear-gradient(180deg,rgba(255,252,246,0) 0%,rgba(255,252,246,.76) 42%,rgba(255,252,246,.96) 100%) !important;
    pointer-events:none !important;
  }
  .services.section > .service:after,
  section.services > .service:after{display:none !important;content:none !important;}
  .services.section > .service .ico,
  section.services > .service .ico{display:none !important;}
  .services.section > .service h3,
  section.services > .service h3{
    position:relative !important;
    z-index:1 !important;
    margin:0 0 5px !important;
    max-width:132px !important;
    font-size:11.6px !important;
    line-height:1.08 !important;
    letter-spacing:.052em !important;
    text-transform:uppercase !important;
    color:#342d20 !important;
    text-shadow:none !important;
  }
  .services.section > .service p,
  section.services > .service p{
    position:relative !important;
    z-index:1 !important;
    margin:0 !important;
    max-width:134px !important;
    font-size:8.7px !important;
    line-height:1.25 !important;
    color:#655a46 !important;
    font-weight:650 !important;
    text-shadow:none !important;
  }
  .services.section > .service[data-service="stone"],section.services > .service[data-service="stone"]{background-image:url('../images/cards/service-stone.webp') !important;}
  .services.section > .service[data-service="glass"],section.services > .service[data-service="glass"]{background-image:url('../images/cards/service-glass.webp') !important;}
  .services.section > .service[data-service="wood"],section.services > .service[data-service="wood"]{background-image:url('../images/cards/service-wood.webp') !important;}
  .services.section > .service[data-service="project"],section.services > .service[data-service="project"]{background-image:url('../images/cards/service-project.webp') !important;}
  .services.section > .service[data-service="space"],section.services > .service[data-service="space"]{background-image:url('../images/cards/service-space.webp') !important;}
  .services.section > .service[data-service="sustainable"],section.services > .service[data-service="sustainable"]{background-image:url('../images/cards/service-sustainable.webp') !important;}

  .project-list,
  #projectGrid,
  #v27TinyViewer .v27-project-tabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    justify-content:center !important;
    align-items:stretch !important;
    gap:6px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 0 14px !important;
  }
  .project-select,
  #v27TinyViewer .v27-project-tabs > .v27-tab{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:82px !important;
    min-height:82px !important;
    max-height:82px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:12px !important;
    border:1px solid rgba(191,157,96,.24) !important;
    background:transparent !important;
    box-shadow:0 8px 18px rgba(32,28,20,.10) !important;
  }
  .project-select.active,
  #v27TinyViewer .v27-project-tabs > .v27-tab.active{
    outline:2px solid rgba(196,154,86,.68) !important;
    outline-offset:0 !important;
    border-color:#c49a56 !important;
  }
  .project-select:before,.project-select:after,
  #v27TinyViewer .v27-project-tabs > .v27-tab:before,
  #v27TinyViewer .v27-project-tabs > .v27-tab:after{
    display:none !important;
    content:none !important;
    background:none !important;
  }
  .project-select img,
  #v27TinyViewer .v27-project-tabs > .v27-tab img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:0 !important;
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
  }
  .project-select span,
  #v27TinyViewer .v27-project-tabs > .v27-tab span,
  #v27TinyViewer .v27-project-tabs > .v27-tab .v36-open-label{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .featured-cover{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1 / 1.32 !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#f8f4ec !important;
    border-bottom:1px solid var(--line) !important;
  }
  .featured-info{overflow:hidden !important;}
}

@media (max-width:420px){
  .services.section > .service,
  section.services > .service{
    flex-basis:146px !important;
    width:146px !important;
    min-width:146px !important;
    height:195px !important;
    min-height:195px !important;
    max-height:195px !important;
  }
  .project-select,
  #v27TinyViewer .v27-project-tabs > .v27-tab{
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }
}

/* =========================================================
   ALQATIFA V62 MOBILE HEADER + PROJECT SELECTOR FIX
   - text-only mobile logo, smaller header
   - clean wider Tiny House project selectors with full cover visible
   - service cards use same six vertical backgrounds as desktop
   ========================================================= */
@media (max-width:900px){
  .site-header,
  header.site-header,
  .header{
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
    padding:0 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    grid-template-columns:1fr !important;
    background:#f6f2e9 !important;
    border-bottom:1px solid rgba(46,42,35,.07) !important;
    overflow:hidden !important;
  }
  .site-header .brand,
  header.site-header .brand,
  .brand{
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    text-decoration:none !important;
  }
  .site-header .brand img,
  header.site-header .brand img,
  .brand img{
    display:none !important;
    width:0 !important;
    height:0 !important;
    opacity:0 !important;
    visibility:hidden !important;
  }
  .site-header .brand::before,
  header.site-header .brand::before,
  .brand::before{
    content:"ALQATIFA" !important;
    display:block !important;
    font-family:'Cormorant Garamond',serif !important;
    font-size:31px !important;
    line-height:.88 !important;
    letter-spacing:.075em !important;
    font-weight:700 !important;
    color:#342f25 !important;
    transform:translateY(1px) !important;
    white-space:nowrap !important;
  }
  .site-header .brand::after,
  header.site-header .brand::after,
  .brand::after{
    content:"TRADING L.L.C." !important;
    display:block !important;
    margin-top:3px !important;
    font-size:7.6px !important;
    line-height:1 !important;
    letter-spacing:.32em !important;
    font-weight:800 !important;
    color:#9a783c !important;
    white-space:nowrap !important;
    padding-left:.32em !important;
  }
  .site-header .menu-btn,
  header.site-header .menu-btn,
  .menu-btn{display:none !important;}
  .site-header .nav,
  .site-header .header-actions{display:none !important;}

  /* The moving services carousel must not snap or smooth-scroll internally. */
  .services.section,
  section.services{
    scroll-behavior:auto !important;
    scroll-snap-type:none !important;
    overscroll-behavior-x:contain !important;
    -webkit-overflow-scrolling:auto !important;
  }
  .services.section > .service,
  section.services > .service{
    scroll-snap-align:none !important;
    background-size:cover !important;
    background-position:center center !important;
  }
  .services.section > .service[data-service="stone"],section.services > .service[data-service="stone"]{background-image:url('../images/cards/service-stone.webp') !important;}
  .services.section > .service[data-service="glass"],section.services > .service[data-service="glass"]{background-image:url('../images/cards/service-glass.webp') !important;}
  .services.section > .service[data-service="wood"],section.services > .service[data-service="wood"]{background-image:url('../images/cards/service-wood.webp') !important;}
  .services.section > .service[data-service="project"],section.services > .service[data-service="project"]{background-image:url('../images/cards/service-project.webp') !important;}
  .services.section > .service[data-service="space"],section.services > .service[data-service="space"]{background-image:url('../images/cards/service-space.webp') !important;}
  .services.section > .service[data-service="sustainable"],section.services > .service[data-service="sustainable"]{background-image:url('../images/cards/service-sustainable.webp') !important;}

  /* Tiny House selector cards: full image visible, no dark overlay, no giant button. */
  .project-list,
  #projectGrid,
  #v27TinyViewer .v27-project-tabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 14px !important;
    padding:0 !important;
    overflow:visible !important;
    align-items:stretch !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }
  .project-select,
  #v27TinyViewer .v27-project-tabs > .v27-tab{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:86px !important;
    min-height:86px !important;
    max-height:86px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:12px !important;
    border:1px solid rgba(191,157,96,.25) !important;
    background:#f8f4ec !important;
    box-shadow:0 6px 14px rgba(32,28,20,.08) !important;
  }
  .project-select.active,
  #v27TinyViewer .v27-project-tabs > .v27-tab.active{
    outline:2px solid rgba(196,154,86,.72) !important;
    outline-offset:0 !important;
    border-color:#c49a56 !important;
  }
  .project-select::before,.project-select::after,
  #v27TinyViewer .v27-project-tabs > .v27-tab::before,
  #v27TinyViewer .v27-project-tabs > .v27-tab::after{
    display:none !important;
    content:none !important;
    background:none !important;
    opacity:0 !important;
  }
  .project-select img,
  #v27TinyViewer .v27-project-tabs > .v27-tab img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    display:block !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:0 !important;
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
    background:#f8f4ec !important;
  }
  .project-select span,
  #v27TinyViewer .v27-project-tabs > .v27-tab span,
  #v27TinyViewer .v27-project-tabs > .v27-tab .v36-open-label{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .hero.section,
  section.hero,
  .hero{
    min-height:calc(560px * .90) !important;
  }
  .hero-copy{
    bottom:clamp(18px,5vh,42px) !important;
    top:auto !important;
  }
}

@media (max-width:420px){
  .site-header,
  header.site-header,
  .header{height:54px !important;min-height:54px !important;max-height:54px !important;}
  .site-header .brand,
  header.site-header .brand,
  .brand{height:54px !important;min-height:54px !important;max-height:54px !important;}
  .site-header .brand::before,
  header.site-header .brand::before,
  .brand::before{font-size:30px !important;}
  .site-header .brand::after,
  header.site-header .brand::after,
  .brand::after{font-size:7.2px !important;}
  .project-select,
  #v27TinyViewer .v27-project-tabs > .v27-tab{
    height:82px !important;
    min-height:82px !important;
    max-height:82px !important;
  }
}

/* =========================================================
   ALQATIFA V63 MOBILE FINAL: header + Tiny selector frame fix
   ========================================================= */
@media (max-width:900px){
  .site-header,
  header.site-header,
  .header{
    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;
    padding:0 8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#f6f2e9 !important;
    overflow:hidden !important;
  }
  .site-header .brand,
  header.site-header .brand,
  .brand{
    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }
  .site-header .brand img,
  header.site-header .brand img,
  .brand img{
    display:none !important;
  }
  .site-header .brand::before,
  header.site-header .brand::before,
  .brand::before{
    content:"ALQATIFA" !important;
    display:block !important;
    position:static !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
    font-family:'Cormorant Garamond',serif !important;
    font-size:33px !important;
    line-height:50px !important;
    letter-spacing:.075em !important;
    font-weight:700 !important;
    color:#655b4d !important;
    white-space:nowrap !important;
    text-align:center !important;
  }
  .site-header .brand::after,
  header.site-header .brand::after,
  .brand::after{
    content:none !important;
    display:none !important;
  }

  /* Stable service carousel: no browser snap/smooth conflict on mobile. */
  .services.section,
  section.services{
    scroll-behavior:auto !important;
    scroll-snap-type:none !important;
    -webkit-overflow-scrolling:auto !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    touch-action:pan-x pan-y !important;
  }
  .services.section > .service,
  section.services > .service{
    scroll-snap-align:none !important;
    background-size:cover !important;
    background-position:center center !important;
  }

  /* Tiny House selector: frame exactly by image, moderate gaps and side margins. */
  .project-list,
  #projectGrid,
  #v27TinyViewer .v27-project-tabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 14px !important;
    padding:0 14px !important;
    overflow:visible !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }
  .project-select,
  #v27TinyViewer .v27-project-tabs > .v27-tab{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1.75 / 1 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:10px !important;
    border:1px solid rgba(191,157,96,.32) !important;
    background:transparent !important;
    box-shadow:0 5px 13px rgba(32,28,20,.08) !important;
    box-sizing:border-box !important;
  }
  .project-select.active,
  #v27TinyViewer .v27-project-tabs > .v27-tab.active{
    outline:1px solid rgba(196,154,86,.68) !important;
    outline-offset:0 !important;
    border-color:#c49a56 !important;
  }
  .project-select::before,
  .project-select::after,
  #v27TinyViewer .v27-project-tabs > .v27-tab::before,
  #v27TinyViewer .v27-project-tabs > .v27-tab::after{
    display:none !important;
    content:none !important;
  }
  .project-select img,
  #v27TinyViewer .v27-project-tabs > .v27-tab img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:0 !important;
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
    background:transparent !important;
  }
  .project-select span,
  #v27TinyViewer .v27-project-tabs > .v27-tab span,
  #v27TinyViewer .v27-project-tabs > .v27-tab .v36-open-label{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

@media (max-width:420px){
  .site-header,
  header.site-header,
  .header{
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
  }
  .site-header .brand,
  header.site-header .brand,
  .brand{
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
  }
  .site-header .brand::before,
  header.site-header .brand::before,
  .brand::before{
    font-size:31px !important;
    line-height:48px !important;
  }
  .project-list,
  #projectGrid,
  #v27TinyViewer .v27-project-tabs{
    gap:7px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

/* =========================================================
   ALQATIFA V65: final mobile service carousel layout safety
   ========================================================= */
@media (max-width:900px){
  .services.section, section.services{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:none !important;
    scroll-behavior:auto !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    direction:ltr !important;
    touch-action:pan-x pan-y !important;
    will-change:scroll-position !important;
  }
  .services.section::-webkit-scrollbar, section.services::-webkit-scrollbar{display:none !important;}
  .services.section > .service, section.services > .service{
    flex:0 0 156px !important;
    width:156px !important;
    min-width:156px !important;
    height:208px !important;
    min-height:208px !important;
    scroll-snap-align:none !important;
  }
}
@media (max-width:420px){
  .services.section > .service, section.services > .service{
    flex-basis:146px !important;
    width:146px !important;
    min-width:146px !important;
    height:195px !important;
    min-height:195px !important;
  }
}

/* =========================================================
   ALQATIFA V66: final mobile layer for transform-based endless service showcase
   ========================================================= */
@media (max-width:900px){
  .services.section,
  section.services{
    display:block !important;
    overflow:hidden !important;
    scroll-behavior:auto !important;
    scroll-snap-type:none !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    direction:ltr !important;
    touch-action:pan-y !important;
    position:relative !important;
  }
  .services.section > .aq-services-track,
  section.services > .aq-services-track{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:max-content !important;
    min-width:max-content !important;
    will-change:transform !important;
    transform:translate3d(0,0,0);
    backface-visibility:hidden !important;
  }
  .services.section > .aq-services-track > .service,
  section.services > .aq-services-track > .service{
    flex:0 0 156px !important;
    width:156px !important;
    min-width:156px !important;
    height:208px !important;
    min-height:208px !important;
    scroll-snap-align:none !important;
  }
}
@media (max-width:420px){
  .services.section > .aq-services-track > .service,
  section.services > .aq-services-track > .service{
    flex-basis:146px !important;
    width:146px !important;
    min-width:146px !important;
    height:195px !important;
    min-height:195px !important;
  }
}

/* =========================================================
   ALQATIFA V67 MOBILE: same endless showcase as desktop, slower and stable
   ========================================================= */
@media (max-width:900px){
  .services.section,
  section.services{
    display:block !important;
    overflow:hidden !important;
    scroll-behavior:auto !important;
    scroll-snap-type:none !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    direction:ltr !important;
    touch-action:pan-y !important;
    position:relative !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:14px 0 16px !important;
  }
  .services.section::-webkit-scrollbar,
  section.services::-webkit-scrollbar{display:none !important;}
  .services.section > .aq-services-track,
  section.services > .aq-services-track{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:max-content !important;
    min-width:max-content !important;
    will-change:transform !important;
    transform:translate3d(-50%,0,0);
    animation:aqServicesV67Right 82s linear infinite !important;
    animation-delay:0s !important;
    animation-play-state:running !important;
    backface-visibility:hidden !important;
    contain:layout paint !important;
  }
  .services.section.aq-showcase-paused > .aq-services-track,
  section.services.aq-showcase-paused > .aq-services-track{animation-play-state:paused !important;}
  .services.section > .aq-services-track > .service,
  section.services > .aq-services-track > .service{
    flex:0 0 156px !important;
    width:156px !important;
    min-width:156px !important;
    height:208px !important;
    min-height:208px !important;
    max-height:208px !important;
    scroll-snap-align:none !important;
  }
}
@media (max-width:420px){
  .services.section > .aq-services-track > .service,
  section.services > .aq-services-track > .service{
    flex-basis:146px !important;
    width:146px !important;
    min-width:146px !important;
    height:195px !important;
    min-height:195px !important;
    max-height:195px !important;
  }
}


/* ALQATIFA V68 mobile final override */
@media(max-width:900px){
  .project-list,#projectGrid,#v27TinyViewer .v27-project-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:0 8px !important;
    margin:0 auto 16px !important;
  }
  .project-select,#v27TinyViewer .v27-project-tabs > .v27-tab{
    aspect-ratio:1.22/1 !important;
    border-radius:12px !important;
    overflow:hidden !important;
    background:#fffaf3 !important;
  }
  .project-select img,#v27TinyViewer .v27-project-tabs > .v27-tab img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#fffaf3 !important;
  }
  .flagship-slides,.aq-track-wrap,#v27TinyViewer .v27-viewport{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:none !important;
    scroll-behavior:auto !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
  }
  #v27TinyViewer .v27-track{transform:none !important;transition:none !important;}
  .img-modal{z-index:2147483600 !important;}
  .site-header,header.site-header{z-index:9000 !important;}
}

/* =========================================================
   ALQATIFA V69 MOBILE FINAL FIX
   ========================================================= */
@media(max-width:900px){
  .services.section.aq-v69-showcase,
  section.services.aq-v69-showcase{
    display:block !important;
    overflow:hidden !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:14px 0 16px !important;
    direction:ltr !important;
    touch-action:pan-y !important;
  }
  .services.section.aq-v69-showcase > .aq-services-track,
  section.services.aq-v69-showcase > .aq-services-track{display:none !important;}
  .services.section.aq-v69-showcase > .aq-services-track-v69,
  section.services.aq-v69-showcase > .aq-services-track-v69{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:max-content !important;
    min-width:max-content !important;
    animation:none !important;
    transition:none !important;
    will-change:transform !important;
  }
  .services.section.aq-v69-showcase > .aq-services-track-v69 > .service,
  section.services.aq-v69-showcase > .aq-services-track-v69 > .service{
    flex:0 0 156px !important;
    width:156px !important;
    min-width:156px !important;
    height:208px !important;
    min-height:208px !important;
    max-height:208px !important;
    background-size:cover !important;
    background-position:center center !important;
    scroll-snap-align:none !important;
  }

  .project-list,
  #projectGrid,
  #v27TinyViewer .v27-project-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
    padding:0 10px !important;
    margin:0 auto 18px !important;
  }
  .project-select,
  #v27TinyViewer .v27-project-tabs > .v27-tab{
    aspect-ratio:1.22 / 1 !important;
    min-height:94px !important;
    height:auto !important;
    border-radius:12px !important;
    overflow:hidden !important;
    background:#fffaf3 !important;
  }
  .project-select img,
  #v27TinyViewer .v27-project-tabs > .v27-tab img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:scale(1.10) !important;
    transform-origin:center center !important;
    filter:none !important;
    opacity:1 !important;
    background:#fffaf3 !important;
  }
  .project-select::before,.project-select::after,
  #v27TinyViewer .v27-project-tabs > .v27-tab::before,
  #v27TinyViewer .v27-project-tabs > .v27-tab::after{display:none !important;content:none !important;}

  #imgModal > button:first-child,
  #imgModal .modal-close{
    top:max(12px, env(safe-area-inset-top)) !important;
    right:max(12px, env(safe-area-inset-right)) !important;
  }
}
@media(max-width:420px){
  .services.section.aq-v69-showcase > .aq-services-track-v69 > .service,
  section.services.aq-v69-showcase > .aq-services-track-v69 > .service{
    flex-basis:146px !important;
    width:146px !important;
    min-width:146px !important;
    height:195px !important;
    min-height:195px !important;
  }
  .project-select,
  #v27TinyViewer .v27-project-tabs > .v27-tab{
    min-height:92px !important;
  }
}

/* =========================================================
   ALQATIFA V70 slide interaction hard override
   ========================================================= */
#imgModal,
.img-modal{
  z-index:2147483647 !important;
}
#imgModal.open,
.img-modal.open{
  display:flex !important;
  pointer-events:auto !important;
}
#imgModal > button:first-child,
#imgModal .modal-close,
#imgModal .modal-nav,
.img-modal > button:first-child,
.img-modal .modal-close,
.img-modal .modal-nav{
  z-index:2147483647 !important;
  pointer-events:auto !important;
}
body.aq-modal-open .site-header,
body.aq-modal-open header.site-header{
  z-index:1 !important;
}
#v27TinyViewer .v27-range-row,
#v27TinyViewer .v27-range{
  display:none !important;
  pointer-events:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
#v27TinyViewer .v27-viewport,
#slidePanel .aq-track-wrap,
.flagship-slides,
.regular-vertical-slides{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-x pan-y !important;
  overscroll-behavior-x:contain !important;
}
#v27TinyViewer .v27-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  transform:none !important;
  transition:none !important;
}
#v27TinyViewer .v27-slide{
  flex-shrink:0 !important;
  scroll-snap-align:none !important;
}
.slide-zoom,
.v27-zoom,
.slide-zoom img,
.v27-zoom img,
img[data-full]{
  cursor:zoom-in !important;
  pointer-events:auto !important;
}
@media(max-width:900px){
  #v27TinyViewer .v27-project-tabs{
    gap:10px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab{
    min-height:112px !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab img{
    object-fit:cover !important;
    transform:scale(1.18) !important;
    transform-origin:center center !important;
  }
}


/* ALQATIFA V71: final mobile project selectors and slide scrolling */
@media(max-width: 760px){
  .services.section.aq-v71-showcase > .aq-services-track,
  section.services.aq-v71-showcase > .aq-services-track,
  .services.section.aq-v71-showcase > .aq-services-track-v69,
  section.services.aq-v71-showcase > .aq-services-track-v69{display:none !important;}
  .services.section.aq-v71-showcase > .aq-services-track-v71,
  section.services.aq-v71-showcase > .aq-services-track-v71{
    display:flex !important;
    gap:14px !important;
    width:max-content !important;
    will-change:transform !important;
  }
  .services.section.aq-v71-showcase > .aq-services-track-v71 > .service,
  section.services.aq-v71-showcase > .aq-services-track-v71 > .service{
    flex:0 0 168px !important;
    min-width:168px !important;
    width:168px !important;
    aspect-ratio:3/4 !important;
    height:auto !important;
  }
  #v27TinyViewer .v27-project-tabs{
    gap:12px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab,
  .project-select{
    flex:0 0 min(31vw, 142px) !important;
    width:min(31vw, 142px) !important;
    min-width:min(31vw, 142px) !important;
    height:146px !important;
    min-height:146px !important;
    max-height:146px !important;
    padding:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab img,
  .project-select img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center bottom !important;
    transform:none !important;
    border-radius:18px !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab .v36-open-label,
  #v27TinyViewer .v27-project-tabs > .v27-tab span,
  .project-select span{
    position:absolute !important;
    left:7px !important;
    right:7px !important;
    top:7px !important;
    bottom:auto !important;
    width:auto !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab .v36-open-label small,
  .project-select small{
    display:inline-flex !important;
    font-size:9px !important;
    line-height:1 !important;
    padding:5px 7px !important;
    border-radius:999px !important;
    background:rgba(255,250,243,.82) !important;
    color:#3d372f !important;
    letter-spacing:.03em !important;
    white-space:nowrap !important;
  }
  #v27TinyViewer .v27-range-row,#v27TinyViewer .v27-range{display:none !important;}
  #v27TinyViewer .v27-viewport,
  #slidePanel .aq-track-wrap,
  .flagship-slides,.regular-vertical-slides{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:none !important;
    touch-action:pan-x pan-y !important;
    -webkit-overflow-scrolling:touch !important;
  }
  #v27TinyViewer .v27-track{transform:none !important; transition:none !important; width:max-content !important; min-width:max-content !important;}
}

/* =========================================================
   ALQATIFA V72: final mobile Tiny House thumbnails + modal controls
   ========================================================= */
#imgModal,
.img-modal{z-index:2147483647 !important;}
#imgModal.open,
.img-modal.open{display:flex !important; pointer-events:auto !important;}
#imgModal .modal-close,
#imgModal .modal-nav,
.img-modal .modal-close,
.img-modal .modal-nav{z-index:2147483647 !important; pointer-events:auto !important;}
body.aq-modal-open .site-header,
body.aq-modal-open header.site-header{z-index:1 !important;}
#v27TinyViewer .v27-range-row,
#v27TinyViewer .v27-range{display:none !important; pointer-events:none !important; visibility:hidden !important; height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important;}
#v27TinyViewer .v27-viewport,
#slidePanel .aq-track-wrap,
.flagship-slides,
.regular-vertical-slides{overflow-x:auto !important; overflow-y:hidden !important; scroll-snap-type:none !important; scroll-behavior:auto !important; -webkit-overflow-scrolling:touch !important; touch-action:pan-x pan-y !important; overscroll-behavior-x:contain !important;}
#v27TinyViewer .v27-track,
#slidePanel .aq-track{display:flex !important; flex-wrap:nowrap !important; width:max-content !important; min-width:max-content !important; transform:none !important; transition:none !important;}
#v27TinyViewer .v27-slide,
#slidePanel .aq-slide-card,
.flagship-slides .v-slide{flex-shrink:0 !important; scroll-snap-align:none !important;}
.slide-zoom,.v27-zoom,.slide-zoom img,.v27-zoom img,img[data-full]{cursor:zoom-in !important; pointer-events:auto !important;}
.services.section.aq-v72-showcase > .aq-services-track,
section.services.aq-v72-showcase > .aq-services-track,
.services.section.aq-v72-showcase > .aq-services-track-v69,
section.services.aq-v72-showcase > .aq-services-track-v69,
.services.section.aq-v72-showcase > .aq-services-track-v71,
section.services.aq-v72-showcase > .aq-services-track-v71{display:none !important;}
.services.section.aq-v72-showcase > .aq-services-track-v72,
section.services.aq-v72-showcase > .aq-services-track-v72{display:flex !important; gap:14px !important; width:max-content !important; will-change:transform !important;}
.services.section.aq-v72-showcase > .aq-services-track-v72 > .service,
section.services.aq-v72-showcase > .aq-services-track-v72 > .service{flex:0 0 168px !important; min-width:168px !important; width:168px !important; aspect-ratio:3/4 !important; height:auto !important;}

@media(max-width:760px){
  #projectGrid.project-list,
  .project-list{
    display:flex !important;
    flex-direction:row !important;
    gap:12px !important;
    overflow-x:auto !important;
    padding:0 14px 13px !important;
    scroll-snap-type:none !important;
  }
  #v27TinyViewer .v27-project-tabs{
    display:flex !important;
    gap:12px !important;
    padding-left:14px !important;
    padding-right:14px !important;
    overflow-x:auto !important;
    scroll-snap-type:none !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab,
  #projectGrid .project-select,
  .project-select{
    flex:0 0 min(72vw, 310px) !important;
    width:min(72vw, 310px) !important;
    min-width:min(72vw, 310px) !important;
    height:172px !important;
    min-height:172px !important;
    max-height:172px !important;
    padding:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    border:1px solid rgba(162,120,56,.24) !important;
    background:transparent !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab img,
  #projectGrid .project-select img,
  .project-select img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center bottom !important;
    transform:scale(1.08) !important;
    transform-origin:center bottom !important;
    border-radius:18px !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab .v36-open-label,
  #v27TinyViewer .v27-project-tabs > .v27-tab span,
  #projectGrid .project-select span,
  .project-select span{
    position:absolute !important;
    left:8px !important;
    right:8px !important;
    top:8px !important;
    bottom:auto !important;
    width:auto !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    pointer-events:none !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab .v36-open-label small,
  #projectGrid .project-select small,
  .project-select small{
    display:inline-flex !important;
    font-size:9px !important;
    line-height:1 !important;
    padding:5px 7px !important;
    border-radius:999px !important;
    background:rgba(255,250,243,.82) !important;
    color:#3d372f !important;
    letter-spacing:.03em !important;
    white-space:nowrap !important;
  }
}

/* =========================================================
   ALQATIFA V73 FINAL: mobile Tiny thumbnails fit one row + wheel/modal polish
   ========================================================= */
@media(max-width:760px){
  #projectGrid.project-list,
  .project-list{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
    overflow:visible !important;
    padding:0 10px 12px !important;
    margin:0 auto 14px !important;
    width:100% !important;
    max-width:100% !important;
  }
  #v27TinyViewer .v27-project-tabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
    overflow:visible !important;
    padding:0 10px 12px !important;
    margin:0 auto 14px !important;
    width:100% !important;
    max-width:100% !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab,
  #projectGrid .project-select,
  .project-select{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
    aspect-ratio:1.48 / 1 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    border-radius:14px !important;
    overflow:hidden !important;
    border:1px solid rgba(162,120,56,.24) !important;
    background:transparent !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab img,
  #projectGrid .project-select img,
  .project-select img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center bottom !important;
    transform:scale(1.04) !important;
    transform-origin:center bottom !important;
    border-radius:14px !important;
    filter:none !important;
    opacity:1 !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab::before,
  #v27TinyViewer .v27-project-tabs > .v27-tab::after,
  #projectGrid .project-select::before,
  #projectGrid .project-select::after,
  .project-select::before,
  .project-select::after{display:none !important; content:none !important;}
}

#v27TinyViewer .v27-viewport,
#slidePanel .aq-track-wrap,
.flagship-slides,
.regular-vertical-slides{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-x pan-y !important;
  overscroll-behavior-x:contain !important;
}
#v27TinyViewer .v27-track,
#slidePanel .aq-track{
  transform:none !important;
  transition:none !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
}

/* ALQATIFA V74: mobile modal navigation size */
@media (max-width: 760px){
  .img-modal .aq-v74-modal-prev,
  .img-modal .aq-v74-modal-next{width:42px !important;height:42px !important;font-size:30px !important;line-height:38px !important;}
  .img-modal .aq-v74-modal-prev{left:10px !important;}
  .img-modal .aq-v74-modal-next{right:10px !important;}
}

/* =========================================================
   ALQATIFA V75: final mobile Tiny swipe, Arabic carousel, shorter hero
   ========================================================= */
.services.section.aq-v75-showcase,
section.services.aq-v75-showcase{
  display:block !important;
  overflow:hidden !important;
  direction:ltr !important;
  position:relative !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.services.section.aq-v75-showcase > .aq-services-track-v75,
section.services.aq-v75-showcase > .aq-services-track-v75{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:18px !important;
  width:max-content !important;
  min-width:max-content !important;
  will-change:transform !important;
  animation:alqV75ServiceMarquee 58s linear infinite !important;
  transform:translate3d(-50%,0,0);
}
.services.section.aq-v75-showcase.aq-showcase-paused > .aq-services-track-v75,
section.services.aq-v75-showcase.aq-showcase-paused > .aq-services-track-v75{
  animation-play-state:paused !important;
}
.services.section.aq-v75-showcase > :not(.aq-services-track-v75),
section.services.aq-v75-showcase > :not(.aq-services-track-v75){display:none !important;}
.services.section.aq-v75-showcase > .aq-services-track-v75 > .service,
section.services.aq-v75-showcase > .aq-services-track-v75 > .service{
  flex:0 0 218px !important;
  width:218px !important;
  min-width:218px !important;
  aspect-ratio:3/4 !important;
  height:auto !important;
  background-size:cover !important;
  background-position:center !important;
  direction:ltr;
}
html[dir="rtl"] .services.section.aq-v75-showcase > .aq-services-track-v75 > .service,
html[lang="ar"] .services.section.aq-v75-showcase > .aq-services-track-v75 > .service,
html[dir="rtl"] section.services.aq-v75-showcase > .aq-services-track-v75 > .service,
html[lang="ar"] section.services.aq-v75-showcase > .aq-services-track-v75 > .service{
  direction:rtl !important;
  text-align:right !important;
}
@keyframes alqV75ServiceMarquee{
  from{transform:translate3d(-50%,0,0);}
  to{transform:translate3d(0,0,0);}
}

#v27TinyViewer .v27-viewport{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-x pan-y !important;
  overscroll-behavior-x:contain !important;
}
#v27TinyViewer .v27-track{
  transform:none !important;
  transition:none !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
}
#v27TinyViewer .v27-slide,
#v27TinyViewer .v27-slide *{
  touch-action:pan-x pan-y !important;
}

@media(max-width:760px){
  .services.section.aq-v75-showcase > .aq-services-track-v75,
  section.services.aq-v75-showcase > .aq-services-track-v75{
    gap:14px !important;
    animation-duration:58s !important;
  }
  .services.section.aq-v75-showcase > .aq-services-track-v75 > .service,
  section.services.aq-v75-showcase > .aq-services-track-v75 > .service{
    flex-basis:168px !important;
    width:168px !important;
    min-width:168px !important;
  }

  /* Slightly shorter mobile hero, with copy kept near the lower edge. */
  .hero.section,
  section.hero,
  .hero{
    height:342px !important;
    min-height:342px !important;
    max-height:342px !important;
  }
  .hero-copy{
    bottom:12px !important;
    top:auto !important;
  }
  html[dir="rtl"] .hero-visual:after,
  html[lang="ar"] .hero-visual:after,
  .rtl .hero-visual:after{
    background:linear-gradient(270deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.58) 42%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.06) 100%) !important;
  }
  html[dir="rtl"] .hero-copy h1,
  html[lang="ar"] .hero-copy h1,
  html[dir="rtl"] .hero-copy .hero-label,
  html[lang="ar"] .hero-copy .hero-label,
  html[dir="rtl"] .hero-copy [data-i18n="heroKicker"],
  html[lang="ar"] .hero-copy [data-i18n="heroKicker"]{
    text-shadow:0 4px 18px rgba(0,0,0,.82), 0 1px 3px rgba(0,0,0,.95) !important;
  }
}


/* =========================================================
   ALQATIFA V76: final endless services marquee + Tiny tab alignment
   ========================================================= */
.services.section.aq-v76-showcase,
section.services.aq-v76-showcase{
  display:block !important;
  overflow:hidden !important;
  direction:ltr !important;
  position:relative !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4.5%,#000 95.5%,transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 4.5%,#000 95.5%,transparent 100%) !important;
}
.services.section.aq-v76-showcase > :not(.aq-services-track-v76),
section.services.aq-v76-showcase > :not(.aq-services-track-v76){
  display:none !important;
}
.services.section.aq-v76-showcase > .aq-services-track-v76,
section.services.aq-v76-showcase > .aq-services-track-v76{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:18px !important;
  width:max-content !important;
  min-width:max-content !important;
  will-change:transform !important;
  transform:translate3d(-50%,0,0) !important;
  animation:alqV76ServiceMarquee 84s linear infinite !important;
  direction:ltr !important;
}
.services.section.aq-v76-showcase.aq-showcase-paused > .aq-services-track-v76,
section.services.aq-v76-showcase.aq-showcase-paused > .aq-services-track-v76{
  animation-play-state:paused !important;
}
.services.section.aq-v76-showcase > .aq-services-track-v76 > .service,
section.services.aq-v76-showcase > .aq-services-track-v76 > .service{
  flex:0 0 218px !important;
  width:218px !important;
  min-width:218px !important;
  aspect-ratio:3/4 !important;
  height:auto !important;
  background-size:cover !important;
  background-position:center !important;
  direction:ltr !important;
}
html[dir="rtl"] .services.section.aq-v76-showcase > .aq-services-track-v76 > .service,
html[lang="ar"] .services.section.aq-v76-showcase > .aq-services-track-v76 > .service,
html[dir="rtl"] section.services.aq-v76-showcase > .aq-services-track-v76 > .service,
html[lang="ar"] section.services.aq-v76-showcase > .aq-services-track-v76 > .service{
  direction:rtl !important;
  text-align:right !important;
}
@keyframes alqV76ServiceMarquee{
  from{transform:translate3d(-50%,0,0);}
  to{transform:translate3d(-33.333333%,0,0);}
}
@media(max-width:760px){
  .services.section.aq-v76-showcase > .aq-services-track-v76,
  section.services.aq-v76-showcase > .aq-services-track-v76{
    gap:14px !important;
    animation-duration:84s !important;
  }
  .services.section.aq-v76-showcase > .aq-services-track-v76 > .service,
  section.services.aq-v76-showcase > .aq-services-track-v76 > .service{
    flex-basis:168px !important;
    width:168px !important;
    min-width:168px !important;
  }
  #v27TinyViewer .v27-project-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:0 9px 12px !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab,
  #projectGrid .project-select,
  .project-select{
    aspect-ratio:1.62 / 1 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  #v27TinyViewer .v27-project-tabs > .v27-tab img,
  #projectGrid .project-select img,
  .project-select img{
    object-fit:cover !important;
    object-position:center bottom !important;
    transform:scale(1.025) !important;
    transform-origin:center bottom !important;
  }
}


/* =========================================================
   ALQATIFA V77: rotated order + Arabic opposite-side endless marquee
   ========================================================= */
.services.section.aq-v77-showcase,
section.services.aq-v77-showcase{
  display:block !important;
  overflow:hidden !important;
  direction:ltr !important;
  position:relative !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4.5%,#000 95.5%,transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 4.5%,#000 95.5%,transparent 100%) !important;
}
.services.section.aq-v77-showcase > :not(.aq-services-track-v77),
section.services.aq-v77-showcase > :not(.aq-services-track-v77){
  display:none !important;
}
.services.section.aq-v77-showcase > .aq-services-track-v77,
section.services.aq-v77-showcase > .aq-services-track-v77{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:18px !important;
  width:max-content !important;
  min-width:max-content !important;
  will-change:transform !important;
  direction:ltr !important;
  animation-duration:96s !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  animation-fill-mode:both !important;
}
.services.section.aq-v77-showcase.aq-showcase-ltr > .aq-services-track-v77,
section.services.aq-v77-showcase.aq-showcase-ltr > .aq-services-track-v77{
  transform:translate3d(-50%,0,0) !important;
  animation-name:alqV77ServiceMarqueeLTR !important;
}
.services.section.aq-v77-showcase.aq-showcase-ar > .aq-services-track-v77,
section.services.aq-v77-showcase.aq-showcase-ar > .aq-services-track-v77{
  transform:translate3d(-37.5%,0,0) !important;
  animation-name:alqV77ServiceMarqueeAR !important;
}
.services.section.aq-v77-showcase.aq-showcase-paused > .aq-services-track-v77,
section.services.aq-v77-showcase.aq-showcase-paused > .aq-services-track-v77{
  animation-play-state:paused !important;
}
.services.section.aq-v77-showcase > .aq-services-track-v77 > .service,
section.services.aq-v77-showcase > .aq-services-track-v77 > .service{
  flex:0 0 218px !important;
  width:218px !important;
  min-width:218px !important;
  aspect-ratio:3/4 !important;
  height:auto !important;
  background-size:cover !important;
  background-position:center !important;
  direction:ltr !important;
}
html[dir="rtl"] .services.section.aq-v77-showcase > .aq-services-track-v77 > .service,
html[lang="ar"] .services.section.aq-v77-showcase > .aq-services-track-v77 > .service,
html[dir="rtl"] section.services.aq-v77-showcase > .aq-services-track-v77 > .service,
html[lang="ar"] section.services.aq-v77-showcase > .aq-services-track-v77 > .service{
  direction:rtl !important;
  text-align:right !important;
}
@keyframes alqV77ServiceMarqueeLTR{
  from{transform:translate3d(-50%,0,0);}
  to{transform:translate3d(-37.5%,0,0);}
}
@keyframes alqV77ServiceMarqueeAR{
  from{transform:translate3d(-37.5%,0,0);}
  to{transform:translate3d(-50%,0,0);}
}
@media(max-width:760px){
  .services.section.aq-v77-showcase > .aq-services-track-v77,
  section.services.aq-v77-showcase > .aq-services-track-v77{
    gap:14px !important;
    animation-duration:96s !important;
  }
  .services.section.aq-v77-showcase > .aq-services-track-v77 > .service,
  section.services.aq-v77-showcase > .aq-services-track-v77 > .service{
    flex-basis:168px !important;
    width:168px !important;
    min-width:168px !important;
  }
}


/* =========================================================
   ALQATIFA V78: final stable endless service showcase
   Prevents old clone-hiding CSS from making the carousel disappear.
   ========================================================= */
.services.section.aq-v78-showcase,
section.services.aq-v78-showcase{
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  direction:ltr !important;
  padding-top:28px !important;
  padding-bottom:28px !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4.5%,#000 95.5%,transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 4.5%,#000 95.5%,transparent 100%) !important;
}
.services.section.aq-v78-showcase > :not(.aq-services-track-v78),
section.services.aq-v78-showcase > :not(.aq-services-track-v78){
  display:none !important;
}
.services.section.aq-v78-showcase > .aq-services-track-v78,
section.services.aq-v78-showcase > .aq-services-track-v78{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:18px !important;
  width:max-content !important;
  min-width:max-content !important;
  direction:ltr !important;
  will-change:transform !important;
  animation-duration:96s !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  animation-fill-mode:both !important;
  animation-play-state:running !important;
}
.services.section.aq-v78-showcase.aq-v78-ltr > .aq-services-track-v78,
section.services.aq-v78-showcase.aq-v78-ltr > .aq-services-track-v78{
  animation-name:alqV78ServiceMarqueeRight !important;
}
.services.section.aq-v78-showcase.aq-v78-ar > .aq-services-track-v78,
section.services.aq-v78-showcase.aq-v78-ar > .aq-services-track-v78{
  animation-name:alqV78ServiceMarqueeLeft !important;
}
.services.section.aq-v78-showcase.aq-showcase-paused > .aq-services-track-v78,
section.services.aq-v78-showcase.aq-showcase-paused > .aq-services-track-v78{
  animation-play-state:paused !important;
}
.services.section.aq-v78-showcase > .aq-services-track-v78 > .service,
section.services.aq-v78-showcase > .aq-services-track-v78 > .service,
.services.section.aq-v78-showcase > .aq-services-track-v78 > .service.service-clone,
section.services.aq-v78-showcase > .aq-services-track-v78 > .service.service-clone{
  display:flex !important;
  flex:0 0 218px !important;
  width:218px !important;
  min-width:218px !important;
  aspect-ratio:3/4 !important;
  height:auto !important;
  padding:22px !important;
  border:0 !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center center !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  box-shadow:0 18px 44px rgba(68,51,28,.14) !important;
  direction:ltr !important;
}
html[dir="rtl"] .services.section.aq-v78-showcase > .aq-services-track-v78 > .service,
html[lang="ar"] .services.section.aq-v78-showcase > .aq-services-track-v78 > .service,
html[dir="rtl"] section.services.aq-v78-showcase > .aq-services-track-v78 > .service,
html[lang="ar"] section.services.aq-v78-showcase > .aq-services-track-v78 > .service{
  direction:rtl !important;
  text-align:right !important;
}
.services.section.aq-v78-showcase .service:after,
section.services.aq-v78-showcase .service:after,
.services.section.aq-v78-showcase .service .ico,
section.services.aq-v78-showcase .service .ico{display:none !important;content:none !important;}
@keyframes alqV78ServiceMarqueeRight{
  from{transform:translate3d(-50%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes alqV78ServiceMarqueeLeft{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}
@media(max-width:760px){
  .services.section.aq-v78-showcase,
  section.services.aq-v78-showcase{
    padding-top:20px !important;
    padding-bottom:20px !important;
  }
  .services.section.aq-v78-showcase > .aq-services-track-v78,
  section.services.aq-v78-showcase > .aq-services-track-v78{
    gap:14px !important;
    animation-duration:96s !important;
  }
  .services.section.aq-v78-showcase > .aq-services-track-v78 > .service,
  section.services.aq-v78-showcase > .aq-services-track-v78 > .service{
    flex-basis:168px !important;
    width:168px !important;
    min-width:168px !important;
    border-radius:22px !important;
    padding:17px !important;
  }
}

/* =========================================================
   ALQATIFA V79: stable services carousel + pointer safety
   ========================================================= */
.services.section.aq-v79-showcase,
section.services.aq-v79-showcase{
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  direction:ltr !important;
  padding-top:28px !important;
  padding-bottom:28px !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4.5%,#000 95.5%,transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 4.5%,#000 95.5%,transparent 100%) !important;
}
.services.section.aq-v79-showcase > :not(.aq-services-track-v79),
section.services.aq-v79-showcase > :not(.aq-services-track-v79){display:none !important;}
.services.section.aq-v79-showcase > .aq-services-track-v79,
section.services.aq-v79-showcase > .aq-services-track-v79{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:18px !important;
  width:max-content !important;
  min-width:max-content !important;
  direction:ltr !important;
  will-change:transform !important;
  animation-duration:96s !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  animation-fill-mode:both !important;
  animation-play-state:running !important;
}
.services.section.aq-v79-showcase.aq-v79-ltr > .aq-services-track-v79,
section.services.aq-v79-showcase.aq-v79-ltr > .aq-services-track-v79{animation-name:alqV79MarqueeRight !important;}
.services.section.aq-v79-showcase.aq-v79-ar > .aq-services-track-v79,
section.services.aq-v79-showcase.aq-v79-ar > .aq-services-track-v79{animation-name:alqV79MarqueeLeft !important;}
.services.section.aq-v79-showcase.aq-showcase-paused > .aq-services-track-v79,
section.services.aq-v79-showcase.aq-showcase-paused > .aq-services-track-v79{animation-play-state:paused !important;}
.services.section.aq-v79-showcase > .aq-services-track-v79 > .service,
section.services.aq-v79-showcase > .aq-services-track-v79 > .service{
  display:flex !important;
  flex:0 0 218px !important;
  width:218px !important;
  min-width:218px !important;
  aspect-ratio:3/4 !important;
  height:auto !important;
  padding:22px !important;
  border:0 !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center center !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  box-shadow:0 18px 44px rgba(68,51,28,.14) !important;
}
.services.section.aq-v79-showcase .service:after,
section.services.aq-v79-showcase .service:after,
.services.section.aq-v79-showcase .service .ico,
section.services.aq-v79-showcase .service .ico{display:none !important;content:none !important;}
@keyframes alqV79MarqueeRight{from{transform:translate3d(-50%,0,0);}to{transform:translate3d(0,0,0);}}
@keyframes alqV79MarqueeLeft{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
#v27TinyViewer .v27-viewport,
#slidePanel .aq-track-wrap,
.flagship-slides,
.regular-vertical-slides{
  cursor:auto !important;
  touch-action:pan-x pan-y !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
}
#v27TinyViewer .v27-track,
#slidePanel .aq-track,
.flagship-slides .v-track,
.regular-vertical-slides .v-track{cursor:auto !important;transform:none !important;transition:none !important;}
body.aq-modal-open .site-header,
body.aq-modal-open header{z-index:1 !important;}
body.aq-modal-open .img-modal,
.img-modal.open{z-index:2147483647 !important;}
@media(max-width:760px){
  .services.section.aq-v79-showcase,
  section.services.aq-v79-showcase{padding-top:20px !important;padding-bottom:20px !important;}
  .services.section.aq-v79-showcase > .aq-services-track-v79,
  section.services.aq-v79-showcase > .aq-services-track-v79{gap:14px !important;animation-duration:96s !important;}
  .services.section.aq-v79-showcase > .aq-services-track-v79 > .service,
  section.services.aq-v79-showcase > .aq-services-track-v79 > .service{
    flex-basis:168px !important;width:168px !important;min-width:168px !important;border-radius:22px !important;padding:17px !important;
  }
}


/* =========================================================
   ALQATIFA V80 final overrides
   ========================================================= */
@keyframes alqV80ServiceRight{
  from{transform:translate3d(-50%,0,0);}
  to{transform:translate3d(0,0,0);}
}
.services.section.aq-v79-showcase.aq-v80-showcase,
section.services.aq-v79-showcase.aq-v80-showcase{
  direction:ltr !important;
  overflow:hidden !important;
}
.services.section.aq-v79-showcase.aq-v80-showcase > .aq-services-track-v79,
section.services.aq-v79-showcase.aq-v80-showcase > .aq-services-track-v79,
.services.section.aq-v79-showcase.aq-v80-showcase.aq-v79-ar > .aq-services-track-v79,
section.services.aq-v79-showcase.aq-v80-showcase.aq-v79-ar > .aq-services-track-v79,
.services.section.aq-v79-showcase.aq-v80-showcase.aq-v79-ltr > .aq-services-track-v79,
section.services.aq-v79-showcase.aq-v80-showcase.aq-v79-ltr > .aq-services-track-v79{
  direction:ltr !important;
  animation-name:alqV80ServiceRight !important;
  animation-direction:normal !important;
  animation-duration:96s !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  animation-play-state:running !important;
}
.services.section.aq-v79-showcase.aq-v80-showcase.aq-showcase-paused > .aq-services-track-v79,
section.services.aq-v79-showcase.aq-v80-showcase.aq-showcase-paused > .aq-services-track-v79{
  animation-play-state:paused !important;
}
#v27TinyViewer .v27-range-row,
#v27TinyViewer .v27-range{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
#v27TinyViewer .v27-viewport.aq-v80-vp{
  position:relative !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-x pan-y !important;
  overscroll-behavior-x:contain !important;
  cursor:grab !important;
}
#v27TinyViewer .v27-viewport.aq-v80-vp::-webkit-scrollbar{height:0 !important;display:none !important;}
#v27TinyViewer .v27-viewport.aq-v80-vp{scrollbar-width:none !important;}
#v27TinyViewer .v27-track.aq-v80-track{
  transform:none !important;
  transition:none !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
}
#v27TinyViewer .v27-viewport.aq-v80-vp .v27-slide{
  flex-shrink:0 !important;
  scroll-snap-align:none !important;
  pointer-events:auto !important;
}
#v27TinyViewer .v27-viewport.aq-v80-vp .v27-slide img,
#v27TinyViewer .v27-viewport.aq-v80-vp .v27-zoom{
  pointer-events:none !important;
  -webkit-user-drag:none !important;
  user-select:none !important;
}
#v27TinyViewer .aq-v80-touch-layer{
  position:absolute !important;
  inset:0 !important;
  z-index:50 !important;
  background:transparent !important;
  pointer-events:auto !important;
  touch-action:none !important;
  cursor:grab !important;
}
#v27TinyViewer .aq-v80-touch-layer:active{cursor:grabbing !important;}
@media(max-width:760px){
  #v27TinyViewer .v27-viewport.aq-v80-vp{height:58vh !important; min-height:340px !important;}
}

/* ALQATIFA V81: Tiny House touch target is the visible viewport itself, not a scroll-content overlay. */
#v27TinyViewer .aq-v80-touch-layer,
#v27TinyViewer .v27-viewport > .aq-v80-touch-layer{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
  opacity:0 !important;
}
#v27TinyViewer .v27-viewport.aq-v81-tiny-vp{
  position:relative !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
  overscroll-behavior-x:contain !important;
  cursor:grab !important;
}
#v27TinyViewer .v27-viewport.aq-v81-tiny-vp:active{cursor:grabbing !important;}
#v27TinyViewer .v27-viewport.aq-v81-tiny-vp .v27-track{
  transform:none !important;
  transition:none !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
}
#v27TinyViewer .v27-viewport.aq-v81-tiny-vp .v27-slide{
  flex-shrink:0 !important;
  scroll-snap-align:none !important;
  pointer-events:auto !important;
  touch-action:pan-y !important;
}
#v27TinyViewer .v27-viewport.aq-v81-tiny-vp .v27-slide img,
#v27TinyViewer .v27-viewport.aq-v81-tiny-vp .v27-zoom{
  pointer-events:none !important;
  -webkit-user-drag:none !important;
  user-select:none !important;
}


/* =========================================================
   ALQATIFA V82 PENDULUM SERVICE SHOWCASE
   Stable desktop + mobile showcase. JS controls transform; no CSS loop reset.
   ========================================================= */
.services.section.aq-v82-showcase,
section.services.aq-v82-showcase{
  display:block !important;
  overflow:hidden !important;
  direction:ltr !important;
  scroll-behavior:auto !important;
  scroll-snap-type:none !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  position:relative !important;
}
.services.section.aq-v82-showcase::-webkit-scrollbar,
section.services.aq-v82-showcase::-webkit-scrollbar{display:none !important;}
.services.section.aq-v82-showcase > :not(.aq-services-track-v82),
section.services.aq-v82-showcase > :not(.aq-services-track-v82){display:none !important;}
.services.section.aq-v82-showcase > .aq-services-track-v82,
section.services.aq-v82-showcase > .aq-services-track-v82{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:18px !important;
  width:max-content !important;
  min-width:max-content !important;
  will-change:transform !important;
  animation:none !important;
  transition:none !important;
  transform:translate3d(0,0,0);
  direction:ltr !important;
}
.services.section.aq-v82-showcase > .aq-services-track-v82 > .service,
section.services.aq-v82-showcase > .aq-services-track-v82 > .service{
  display:flex !important;
  flex:0 0 214px !important;
  width:214px !important;
  min-width:214px !important;
  height:285px !important;
  min-height:285px !important;
  max-height:285px !important;
  scroll-snap-align:none !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
.services.section.aq-v82-showcase .service:after,
section.services.aq-v82-showcase .service:after,
.services.section.aq-v82-showcase .service .ico,
section.services.aq-v82-showcase .service .ico{display:none !important;content:none !important;}
@media (max-width:900px){
  .services.section.aq-v82-showcase,
  section.services.aq-v82-showcase{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:14px 0 16px !important;
    touch-action:pan-y !important;
  }
  .services.section.aq-v82-showcase > .aq-services-track-v82,
  section.services.aq-v82-showcase > .aq-services-track-v82{gap:12px !important;}
  .services.section.aq-v82-showcase > .aq-services-track-v82 > .service,
  section.services.aq-v82-showcase > .aq-services-track-v82 > .service{
    flex-basis:146px !important;
    width:146px !important;
    min-width:146px !important;
    height:195px !important;
    min-height:195px !important;
    max-height:195px !important;
  }
}

/* =========================================================
   ALQATIFA V84 MOBILE CENTER-BOUNDED PENDULUM SHOWCASE
   ========================================================= */
@media (max-width:900px){
  .services.section.aq-v84-showcase,
  section.services.aq-v84-showcase{
    display:block !important;
    overflow:hidden !important;
    width:100vw !important;
    max-width:100vw !important;
    margin:0 calc(50% - 50vw) !important;
    padding:14px 0 16px !important;
    background:#f6f2e9 !important;
    border:0 !important;
    direction:ltr !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    touch-action:pan-y !important;
  }
  .services.section.aq-v84-showcase::-webkit-scrollbar,
  section.services.aq-v84-showcase::-webkit-scrollbar{display:none !important;}
  .services.section.aq-v84-showcase > :not(.aq-services-track-v84),
  section.services.aq-v84-showcase > :not(.aq-services-track-v84){display:none !important;}
  .services.section.aq-v84-showcase > .aq-services-track-v84,
  section.services.aq-v84-showcase > .aq-services-track-v84{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:12px !important;
    width:max-content !important;
    min-width:max-content !important;
    will-change:transform !important;
    direction:ltr !important;
    transform:translate3d(0,0,0);
  }
  .services.section.aq-v84-showcase > .aq-services-track-v84 > .service,
  section.services.aq-v84-showcase > .aq-services-track-v84 > .service{
    position:relative !important;
    flex:0 0 146px !important;
    width:146px !important;
    min-width:146px !important;
    height:195px !important;
    min-height:195px !important;
    max-height:195px !important;
    padding:0 10px 12px !important;
    border-radius:18px !important;
    border:1px solid rgba(139,119,77,.14) !important;
    box-shadow:0 12px 30px rgba(68,51,28,.12) !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    isolation:isolate !important;
    text-align:left !important;
  }
  .services.section.aq-v84-showcase > .aq-services-track-v84 > .service:before,
  section.services.aq-v84-showcase > .aq-services-track-v84 > .service:before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:auto 0 0 0 !important;
    height:48% !important;
    z-index:-1 !important;
    background:linear-gradient(180deg,rgba(255,252,246,0) 0%,rgba(255,252,246,.76) 42%,rgba(255,252,246,.96) 100%) !important;
    pointer-events:none !important;
  }
  .services.section.aq-v84-showcase .service:after,
  section.services.aq-v84-showcase .service:after,
  .services.section.aq-v84-showcase .service .ico,
  section.services.aq-v84-showcase .service .ico{display:none !important;content:none !important;}
  .services.section.aq-v84-showcase .service h3,
  section.services.aq-v84-showcase .service h3{
    position:relative !important;
    z-index:1 !important;
    margin:0 0 5px !important;
    max-width:132px !important;
    font-size:11.6px !important;
    line-height:1.08 !important;
    letter-spacing:.052em !important;
    text-transform:uppercase !important;
    color:#342d20 !important;
    text-shadow:none !important;
  }
  .services.section.aq-v84-showcase .service p,
  section.services.aq-v84-showcase .service p{
    position:relative !important;
    z-index:1 !important;
    margin:0 !important;
    max-width:134px !important;
    font-size:8.7px !important;
    line-height:1.25 !important;
    color:#655a46 !important;
    font-weight:650 !important;
    text-shadow:none !important;
  }
  html[lang="ar"] .services.section.aq-v84-showcase .service,
  html[dir="rtl"] .services.section.aq-v84-showcase .service,
  .rtl .services.section.aq-v84-showcase .service{
    direction:rtl !important;
    text-align:right !important;
  }

  /* Tiny House slides: visible slide centered after load / project switch */
  #v27TinyViewer .v27-viewport{
    scroll-padding-inline:calc((100vw - min(82vw, 360px))/2) !important;
  }
  #v27TinyViewer .v27-track{
    transform:none !important;
    transition:none !important;
  }
  #v27TinyViewer .v27-slide{
    scroll-snap-align:center !important;
  }
}


/* =========================================================
   ALQATIFA V85 HARD-BOUNDED PENDULUM SHOWCASE
   Last-rule override for desktop and mobile. Prevents any visible empty edge.
   ========================================================= */
.services.section.aq-v85-showcase,
section.services.aq-v85-showcase{
  display:block !important;
  overflow:hidden !important;
  position:relative !important;
  direction:ltr !important;
  scroll-behavior:auto !important;
  scroll-snap-type:none !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  background:#f6f2e9 !important;
}
.services.section.aq-v85-showcase::-webkit-scrollbar,
section.services.aq-v85-showcase::-webkit-scrollbar{display:none !important;}
.services.section.aq-v85-showcase > :not(.aq-services-track-v85),
section.services.aq-v85-showcase > :not(.aq-services-track-v85){display:none !important;}
.services.section.aq-v85-showcase > .aq-services-track-v85,
section.services.aq-v85-showcase > .aq-services-track-v85{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:18px !important;
  width:max-content !important;
  min-width:max-content !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
  transition:none !important;
  animation:none !important;
  direction:ltr !important;
}
.services.section.aq-v85-showcase > .aq-services-track-v85 > .service,
section.services.aq-v85-showcase > .aq-services-track-v85 > .service{
  position:relative !important;
  display:flex !important;
  flex:0 0 214px !important;
  width:214px !important;
  min-width:214px !important;
  height:285px !important;
  min-height:285px !important;
  max-height:285px !important;
  padding:0 18px 20px !important;
  border-radius:24px !important;
  border:1px solid rgba(139,119,77,.14) !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  box-shadow:0 14px 34px rgba(68,51,28,.12) !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  isolation:isolate !important;
  scroll-snap-align:none !important;
}
.services.section.aq-v85-showcase > .aq-services-track-v85 > .service:before,
section.services.aq-v85-showcase > .aq-services-track-v85 > .service:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:46% !important;
  z-index:-1 !important;
  background:linear-gradient(180deg,rgba(255,252,246,0) 0%,rgba(255,252,246,.72) 42%,rgba(255,252,246,.96) 100%) !important;
  pointer-events:none !important;
}
.services.section.aq-v85-showcase .service:after,
section.services.aq-v85-showcase .service:after,
.services.section.aq-v85-showcase .service .ico,
section.services.aq-v85-showcase .service .ico{display:none !important;content:none !important;}
.services.section.aq-v85-showcase .service h3,
section.services.aq-v85-showcase .service h3{
  position:relative !important;
  z-index:1 !important;
  margin:0 0 6px !important;
  font-size:17px !important;
  line-height:1.1 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  color:#342d20 !important;
  text-shadow:none !important;
}
.services.section.aq-v85-showcase .service p,
section.services.aq-v85-showcase .service p{
  position:relative !important;
  z-index:1 !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.32 !important;
  color:#655a46 !important;
  font-weight:650 !important;
}
@media (max-width:900px){
  .services.section.aq-v85-showcase,
  section.services.aq-v85-showcase{
    width:100vw !important;
    max-width:100vw !important;
    margin:0 calc(50% - 50vw) !important;
    padding:14px 0 16px !important;
    touch-action:pan-y !important;
  }
  .services.section.aq-v85-showcase > .aq-services-track-v85,
  section.services.aq-v85-showcase > .aq-services-track-v85{gap:12px !important;}
  .services.section.aq-v85-showcase > .aq-services-track-v85 > .service,
  section.services.aq-v85-showcase > .aq-services-track-v85 > .service{
    flex-basis:146px !important;
    width:146px !important;
    min-width:146px !important;
    height:195px !important;
    min-height:195px !important;
    max-height:195px !important;
    padding:0 10px 12px !important;
    border-radius:18px !important;
  }
  .services.section.aq-v85-showcase .service h3,
  section.services.aq-v85-showcase .service h3{font-size:11.6px !important;line-height:1.08 !important;max-width:132px !important;}
  .services.section.aq-v85-showcase .service p,
  section.services.aq-v85-showcase .service p{font-size:8.7px !important;line-height:1.25 !important;max-width:134px !important;}
  html[lang="ar"] .services.section.aq-v85-showcase .service,
  html[dir="rtl"] .services.section.aq-v85-showcase .service,
  .rtl .services.section.aq-v85-showcase .service{direction:rtl !important;text-align:right !important;}

  #v27TinyViewer .v27-viewport{
    overflow-x:auto !important;
    scroll-snap-type:none !important;
    scroll-padding-inline:calc((100vw - min(82vw, 360px))/2) !important;
  }
  #v27TinyViewer .v27-track{transform:none !important;transition:none !important;}
  #v27TinyViewer .v27-slide{scroll-snap-align:center !important;}
}


/* =========================================================
   ALQATIFA V86 FINAL BOUNDED PENDULUM SHOWCASE
   Stable desktop/mobile carousel, hard left/right limits, RTL-safe geometry.
   ========================================================= */
.services.section.aq-v86-showcase,
section.services.aq-v86-showcase{
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  direction:ltr !important;
  scroll-behavior:auto !important;
  scroll-snap-type:none !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  background:#f6f2e9 !important;
  contain:layout paint !important;
}
.services.section.aq-v86-showcase::-webkit-scrollbar,
section.services.aq-v86-showcase::-webkit-scrollbar{display:none !important;}
.services.section.aq-v86-showcase > :not(.aq-services-track-v86),
section.services.aq-v86-showcase > :not(.aq-services-track-v86){display:none !important;}
.services.section.aq-v86-showcase > .aq-services-track-v86,
section.services.aq-v86-showcase > .aq-services-track-v86{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:18px !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
  transition:none !important;
  animation:none !important;
  direction:ltr !important;
  unicode-bidi:isolate !important;
  touch-action:pan-y !important;
}
.services.section.aq-v86-showcase > .aq-services-track-v86 > .service,
section.services.aq-v86-showcase > .aq-services-track-v86 > .service{
  position:relative !important;
  display:flex !important;
  flex:0 0 214px !important;
  width:214px !important;
  min-width:214px !important;
  height:285px !important;
  min-height:285px !important;
  max-height:285px !important;
  padding:0 18px 20px !important;
  border-radius:24px !important;
  border:1px solid rgba(139,119,77,.14) !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  box-shadow:0 14px 34px rgba(68,51,28,.12) !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  isolation:isolate !important;
  scroll-snap-align:none !important;
  box-sizing:border-box !important;
}
.services.section.aq-v86-showcase > .aq-services-track-v86 > .service:before,
section.services.aq-v86-showcase > .aq-services-track-v86 > .service:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:46% !important;
  z-index:-1 !important;
  background:linear-gradient(180deg,rgba(255,252,246,0) 0%,rgba(255,252,246,.72) 42%,rgba(255,252,246,.96) 100%) !important;
  pointer-events:none !important;
}
.services.section.aq-v86-showcase .service:after,
section.services.aq-v86-showcase .service:after,
.services.section.aq-v86-showcase .service .ico,
section.services.aq-v86-showcase .service .ico{display:none !important;content:none !important;}
.services.section.aq-v86-showcase .service h3,
section.services.aq-v86-showcase .service h3{
  position:relative !important;
  z-index:1 !important;
  margin:0 0 6px !important;
  font-size:17px !important;
  line-height:1.1 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  color:#342d20 !important;
  text-shadow:none !important;
}
.services.section.aq-v86-showcase .service p,
section.services.aq-v86-showcase .service p{
  position:relative !important;
  z-index:1 !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.32 !important;
  color:#655a46 !important;
  font-weight:650 !important;
}
html[lang="ar"] .services.section.aq-v86-showcase .service,
html[dir="rtl"] .services.section.aq-v86-showcase .service,
.rtl .services.section.aq-v86-showcase .service,
html[lang="ar"] section.services.aq-v86-showcase .service,
html[dir="rtl"] section.services.aq-v86-showcase .service,
.rtl section.services.aq-v86-showcase .service{direction:rtl !important;text-align:right !important;}
@media (max-width:900px){
  .services.section.aq-v86-showcase,
  section.services.aq-v86-showcase{
    width:100vw !important;
    max-width:100vw !important;
    margin:0 calc(50% - 50vw) !important;
    padding:14px 0 16px !important;
    touch-action:pan-y !important;
  }
  .services.section.aq-v86-showcase > .aq-services-track-v86,
  section.services.aq-v86-showcase > .aq-services-track-v86{gap:12px !important;}
  .services.section.aq-v86-showcase > .aq-services-track-v86 > .service,
  section.services.aq-v86-showcase > .aq-services-track-v86 > .service{
    flex-basis:146px !important;
    width:146px !important;
    min-width:146px !important;
    height:195px !important;
    min-height:195px !important;
    max-height:195px !important;
    padding:0 10px 12px !important;
    border-radius:18px !important;
  }
  .services.section.aq-v86-showcase .service h3,
  section.services.aq-v86-showcase .service h3{font-size:11.6px !important;line-height:1.08 !important;max-width:132px !important;}
  .services.section.aq-v86-showcase .service p,
  section.services.aq-v86-showcase .service p{font-size:8.7px !important;line-height:1.25 !important;max-width:134px !important;}
}


/* =========================================================
   ALQATIFA V87 final bounded service carousel override
   Same geometry on desktop/mobile. No native scroll, no empty right edge.
   ========================================================= */
.services.section.aq-v87-showcase,
section.services.aq-v87-showcase,
html[dir="rtl"] .services.section.aq-v87-showcase,
html[lang="ar"] .services.section.aq-v87-showcase,
html[dir="rtl"] section.services.aq-v87-showcase,
html[lang="ar"] section.services.aq-v87-showcase{
  display:block !important;
  overflow:hidden !important;
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  direction:ltr !important;
  position:relative !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  touch-action:pan-y pinch-zoom !important;
  padding-left:0 !important;
  padding-right:0 !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%) !important;
}
.services.section.aq-v87-showcase > :not(.aq-services-track-v87),
section.services.aq-v87-showcase > :not(.aq-services-track-v87){display:none !important;}
.services.section.aq-v87-showcase > .aq-services-track-v87,
section.services.aq-v87-showcase > .aq-services-track-v87,
html[dir="rtl"] .services.section.aq-v87-showcase > .aq-services-track-v87,
html[lang="ar"] .services.section.aq-v87-showcase > .aq-services-track-v87,
html[dir="rtl"] section.services.aq-v87-showcase > .aq-services-track-v87,
html[lang="ar"] section.services.aq-v87-showcase > .aq-services-track-v87{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:18px !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  direction:ltr !important;
  transform:translate3d(0,0,0);
  will-change:transform !important;
  animation:none !important;
  transition:none !important;
}
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service,
section.services.aq-v87-showcase > .aq-services-track-v87 > .service{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  flex:0 0 218px !important;
  width:218px !important;
  min-width:218px !important;
  height:auto !important;
  aspect-ratio:3 / 4 !important;
  padding:0 18px 20px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  border:1px solid rgba(139,119,77,.16) !important;
  box-shadow:0 14px 34px rgba(68,51,28,.12) !important;
  scroll-snap-align:none !important;
  white-space:normal !important;
  opacity:1 !important;
  visibility:visible !important;
}
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service:before,
section.services.aq-v87-showcase > .aq-services-track-v87 > .service:before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:linear-gradient(180deg,rgba(255,252,247,.00) 0%,rgba(255,252,247,.12) 46%,rgba(255,252,247,.86) 80%,rgba(255,252,247,.96) 100%) !important;
}
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service:after,
section.services.aq-v87-showcase > .aq-services-track-v87 > .service:after,
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service .ico,
section.services.aq-v87-showcase > .aq-services-track-v87 > .service .ico{display:none !important;content:none !important;}
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service h3,
section.services.aq-v87-showcase > .aq-services-track-v87 > .service h3,
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service p,
section.services.aq-v87-showcase > .aq-services-track-v87 > .service p{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  max-width:100% !important;
  text-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service h3,
section.services.aq-v87-showcase > .aq-services-track-v87 > .service h3{
  margin:0 0 7px !important;
  font-size:16px !important;
  line-height:1.12 !important;
  color:#3f3624 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
}
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service p,
section.services.aq-v87-showcase > .aq-services-track-v87 > .service p{
  margin:0 !important;
  font-size:11.5px !important;
  line-height:1.34 !important;
  color:#6a5e47 !important;
  font-weight:650 !important;
}
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service[data-service="stone"],section.services.aq-v87-showcase > .aq-services-track-v87 > .service[data-service="stone"]{background-image:url('../images/cards/service-stone.webp') !important;}
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service[data-service="glass"],section.services.aq-v87-showcase > .aq-services-track-v87 > .service[data-service="glass"]{background-image:url('../images/cards/service-glass.webp') !important;}
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service[data-service="wood"],section.services.aq-v87-showcase > .aq-services-track-v87 > .service[data-service="wood"]{background-image:url('../images/cards/service-wood.webp') !important;}
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service[data-service="project"],section.services.aq-v87-showcase > .aq-services-track-v87 > .service[data-service="project"]{background-image:url('../images/cards/service-project.webp') !important;}
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service[data-service="space"],section.services.aq-v87-showcase > .aq-services-track-v87 > .service[data-service="space"]{background-image:url('../images/cards/service-space.webp') !important;}
.services.section.aq-v87-showcase > .aq-services-track-v87 > .service[data-service="sustainable"],section.services.aq-v87-showcase > .aq-services-track-v87 > .service[data-service="sustainable"]{background-image:url('../images/cards/service-sustainable.webp') !important;}
html[dir="rtl"] .services.section.aq-v87-showcase > .aq-services-track-v87 > .service,
html[lang="ar"] .services.section.aq-v87-showcase > .aq-services-track-v87 > .service,
html[dir="rtl"] section.services.aq-v87-showcase > .aq-services-track-v87 > .service,
html[lang="ar"] section.services.aq-v87-showcase > .aq-services-track-v87 > .service{
  direction:rtl !important;
  text-align:right !important;
}
@media(max-width:760px){
  .services.section.aq-v87-showcase,
  section.services.aq-v87-showcase{padding-top:18px !important;padding-bottom:18px !important;}
  .services.section.aq-v87-showcase > .aq-services-track-v87,
  section.services.aq-v87-showcase > .aq-services-track-v87{gap:14px !important;}
  .services.section.aq-v87-showcase > .aq-services-track-v87 > .service,
  section.services.aq-v87-showcase > .aq-services-track-v87 > .service{
    flex-basis:168px !important;
    width:168px !important;
    min-width:168px !important;
    padding:0 13px 15px !important;
    border-radius:20px !important;
  }
  .services.section.aq-v87-showcase > .aq-services-track-v87 > .service h3,
  section.services.aq-v87-showcase > .aq-services-track-v87 > .service h3{font-size:11.6px !important;line-height:1.08 !important;margin-bottom:5px !important;}
  .services.section.aq-v87-showcase > .aq-services-track-v87 > .service p,
  section.services.aq-v87-showcase > .aq-services-track-v87 > .service p{font-size:8.7px !important;line-height:1.25 !important;}
}


/* =========================================================
   ALQATIFA V88 restored card design + hard bounded carousel
   ========================================================= */
.services.section.aq-v88-showcase,
section.services.aq-v88-showcase,
html[dir="rtl"] .services.section.aq-v88-showcase,
html[lang="ar"] .services.section.aq-v88-showcase,
html[dir="rtl"] section.services.aq-v88-showcase,
html[lang="ar"] section.services.aq-v88-showcase{
  display:block !important;
  overflow:hidden !important;
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  position:relative !important;
  direction:ltr !important;
  scroll-behavior:auto !important;
  scroll-snap-type:none !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  background:#f6f2e9 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  touch-action:pan-y pinch-zoom !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%) !important;
}
.services.section.aq-v88-showcase::-webkit-scrollbar,
section.services.aq-v88-showcase::-webkit-scrollbar{display:none !important;}
.services.section.aq-v88-showcase > :not(.aq-services-track-v88),
section.services.aq-v88-showcase > :not(.aq-services-track-v88){display:none !important;}
.services.section.aq-v88-showcase > .aq-services-track-v88,
section.services.aq-v88-showcase > .aq-services-track-v88,
html[dir="rtl"] .services.section.aq-v88-showcase > .aq-services-track-v88,
html[lang="ar"] .services.section.aq-v88-showcase > .aq-services-track-v88,
html[dir="rtl"] section.services.aq-v88-showcase > .aq-services-track-v88,
html[lang="ar"] section.services.aq-v88-showcase > .aq-services-track-v88{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:18px !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
  transition:none !important;
  animation:none !important;
  direction:ltr !important;
}
.services.section.aq-v88-showcase > .aq-services-track-v88 > .service,
section.services.aq-v88-showcase > .aq-services-track-v88 > .service{
  position:relative !important;
  display:flex !important;
  flex:0 0 214px !important;
  width:214px !important;
  min-width:214px !important;
  height:285px !important;
  min-height:285px !important;
  max-height:285px !important;
  padding:0 18px 20px !important;
  border-radius:24px !important;
  border:1px solid rgba(139,119,77,.14) !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  box-shadow:0 14px 34px rgba(68,51,28,.12) !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  isolation:isolate !important;
  scroll-snap-align:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
.services.section.aq-v88-showcase > .aq-services-track-v88 > .service:before,
section.services.aq-v88-showcase > .aq-services-track-v88 > .service:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:46% !important;
  z-index:-1 !important;
  background:linear-gradient(180deg,rgba(255,252,246,0) 0%,rgba(255,252,246,.72) 42%,rgba(255,252,246,.96) 100%) !important;
  pointer-events:none !important;
}
.services.section.aq-v88-showcase .service:after,
section.services.aq-v88-showcase .service:after,
.services.section.aq-v88-showcase .service .ico,
section.services.aq-v88-showcase .service .ico{display:none !important;content:none !important;}
.services.section.aq-v88-showcase .service h3,
section.services.aq-v88-showcase .service h3{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  margin:0 0 6px !important;
  font-size:17px !important;
  line-height:1.1 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  color:#342d20 !important;
  text-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  white-space:normal !important;
}
.services.section.aq-v88-showcase .service p,
section.services.aq-v88-showcase .service p{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.32 !important;
  color:#655a46 !important;
  font-weight:650 !important;
  opacity:1 !important;
  visibility:visible !important;
  white-space:normal !important;
}
.services.section.aq-v88-showcase .service[data-service="stone"],section.services.aq-v88-showcase .service[data-service="stone"]{background-image:url('../images/cards/service-stone.webp') !important;}
.services.section.aq-v88-showcase .service[data-service="glass"],section.services.aq-v88-showcase .service[data-service="glass"]{background-image:url('../images/cards/service-glass.webp') !important;}
.services.section.aq-v88-showcase .service[data-service="wood"],section.services.aq-v88-showcase .service[data-service="wood"]{background-image:url('../images/cards/service-wood.webp') !important;}
.services.section.aq-v88-showcase .service[data-service="project"],section.services.aq-v88-showcase .service[data-service="project"]{background-image:url('../images/cards/service-project.webp') !important;}
.services.section.aq-v88-showcase .service[data-service="space"],section.services.aq-v88-showcase .service[data-service="space"]{background-image:url('../images/cards/service-space.webp') !important;}
.services.section.aq-v88-showcase .service[data-service="sustainable"],section.services.aq-v88-showcase .service[data-service="sustainable"]{background-image:url('../images/cards/service-sustainable.webp') !important;}
html[dir="rtl"] .services.section.aq-v88-showcase .service,
html[lang="ar"] .services.section.aq-v88-showcase .service,
html[dir="rtl"] section.services.aq-v88-showcase .service,
html[lang="ar"] section.services.aq-v88-showcase .service{direction:rtl !important;text-align:right !important;}
@media(max-width:760px){
  .services.section.aq-v88-showcase,
  section.services.aq-v88-showcase{padding-top:18px !important;padding-bottom:18px !important;}
  .services.section.aq-v88-showcase > .aq-services-track-v88,
  section.services.aq-v88-showcase > .aq-services-track-v88{gap:14px !important;}
  .services.section.aq-v88-showcase > .aq-services-track-v88 > .service,
  section.services.aq-v88-showcase > .aq-services-track-v88 > .service{
    flex-basis:168px !important;
    width:168px !important;
    min-width:168px !important;
    height:224px !important;
    min-height:224px !important;
    max-height:224px !important;
    padding:0 13px 15px !important;
    border-radius:20px !important;
  }
  .services.section.aq-v88-showcase .service h3,
  section.services.aq-v88-showcase .service h3{font-size:11.6px !important;line-height:1.08 !important;margin-bottom:5px !important;}
  .services.section.aq-v88-showcase .service p,
  section.services.aq-v88-showcase .service p{font-size:8.7px !important;line-height:1.25 !important;}
}


/* =========================================================
   ALQATIFA V89 stable card design + center-bounded carousel
   ========================================================= */

.services.section.aq-v89-showcase.aq-v89-initializing > .aq-services-track-v89,
section.services.aq-v89-showcase.aq-v89-initializing > .aq-services-track-v89{visibility:hidden !important;}
.services.section.aq-v89-showcase,
section.services.aq-v89-showcase,
html[dir="rtl"] .services.section.aq-v89-showcase,
html[lang="ar"] .services.section.aq-v89-showcase,
html[dir="rtl"] section.services.aq-v89-showcase,
html[lang="ar"] section.services.aq-v89-showcase{
  display:block !important;
  overflow:hidden !important;
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  position:relative !important;
  direction:ltr !important;
  scroll-behavior:auto !important;
  scroll-snap-type:none !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  background:#f6f2e9 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  touch-action:pan-y pinch-zoom !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%) !important;
}
.services.section.aq-v89-showcase::-webkit-scrollbar,
section.services.aq-v89-showcase::-webkit-scrollbar{display:none !important;}
.services.section.aq-v89-showcase > :not(.aq-services-track-v89),
section.services.aq-v89-showcase > :not(.aq-services-track-v89){display:none !important;}
.services.section.aq-v89-showcase > .aq-services-track-v89,
section.services.aq-v89-showcase > .aq-services-track-v89,
html[dir="rtl"] .services.section.aq-v89-showcase > .aq-services-track-v89,
html[lang="ar"] .services.section.aq-v89-showcase > .aq-services-track-v89,
html[dir="rtl"] section.services.aq-v89-showcase > .aq-services-track-v89,
html[lang="ar"] section.services.aq-v89-showcase > .aq-services-track-v89{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:18px !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
  transition:none !important;
  animation:none !important;
  direction:ltr !important;
}
.services.section.aq-v89-showcase > .aq-services-track-v89 > .service,
section.services.aq-v89-showcase > .aq-services-track-v89 > .service{
  position:relative !important;
  display:flex !important;
  flex:0 0 214px !important;
  width:214px !important;
  min-width:214px !important;
  height:285px !important;
  min-height:285px !important;
  max-height:285px !important;
  padding:0 18px 20px !important;
  border-radius:24px !important;
  border:1px solid rgba(139,119,77,.14) !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  box-shadow:0 14px 34px rgba(68,51,28,.12) !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  isolation:isolate !important;
  scroll-snap-align:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
.services.section.aq-v89-showcase > .aq-services-track-v89 > .service:before,
section.services.aq-v89-showcase > .aq-services-track-v89 > .service:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:46% !important;
  z-index:-1 !important;
  background:linear-gradient(180deg,rgba(255,252,246,0) 0%,rgba(255,252,246,.72) 42%,rgba(255,252,246,.96) 100%) !important;
  pointer-events:none !important;
}
.services.section.aq-v89-showcase .service:after,
section.services.aq-v89-showcase .service:after,
.services.section.aq-v89-showcase .service .ico,
section.services.aq-v89-showcase .service .ico{display:none !important;content:none !important;}
.services.section.aq-v89-showcase .service h3,
section.services.aq-v89-showcase .service h3{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  margin:0 0 6px !important;
  font-size:17px !important;
  line-height:1.1 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  color:#342d20 !important;
  text-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  white-space:normal !important;
}
.services.section.aq-v89-showcase .service p,
section.services.aq-v89-showcase .service p{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.32 !important;
  color:#655a46 !important;
  font-weight:650 !important;
  opacity:1 !important;
  visibility:visible !important;
  white-space:normal !important;
}
.services.section.aq-v89-showcase .service[data-service="stone"],section.services.aq-v89-showcase .service[data-service="stone"]{background-image:url('../images/cards/service-stone.webp') !important;}
.services.section.aq-v89-showcase .service[data-service="glass"],section.services.aq-v89-showcase .service[data-service="glass"]{background-image:url('../images/cards/service-glass.webp') !important;}
.services.section.aq-v89-showcase .service[data-service="wood"],section.services.aq-v89-showcase .service[data-service="wood"]{background-image:url('../images/cards/service-wood.webp') !important;}
.services.section.aq-v89-showcase .service[data-service="project"],section.services.aq-v89-showcase .service[data-service="project"]{background-image:url('../images/cards/service-project.webp') !important;}
.services.section.aq-v89-showcase .service[data-service="space"],section.services.aq-v89-showcase .service[data-service="space"]{background-image:url('../images/cards/service-space.webp') !important;}
.services.section.aq-v89-showcase .service[data-service="sustainable"],section.services.aq-v89-showcase .service[data-service="sustainable"]{background-image:url('../images/cards/service-sustainable.webp') !important;}
html[dir="rtl"] .services.section.aq-v89-showcase .service,
html[lang="ar"] .services.section.aq-v89-showcase .service,
html[dir="rtl"] section.services.aq-v89-showcase .service,
html[lang="ar"] section.services.aq-v89-showcase .service{direction:rtl !important;text-align:right !important;}
@media(max-width:760px){
  .services.section.aq-v89-showcase,
  section.services.aq-v89-showcase{padding-top:18px !important;padding-bottom:18px !important;}
  .services.section.aq-v89-showcase > .aq-services-track-v89,
  section.services.aq-v89-showcase > .aq-services-track-v89{gap:14px !important;}
  .services.section.aq-v89-showcase > .aq-services-track-v89 > .service,
  section.services.aq-v89-showcase > .aq-services-track-v89 > .service{
    flex-basis:168px !important;
    width:168px !important;
    min-width:168px !important;
    height:224px !important;
    min-height:224px !important;
    max-height:224px !important;
    padding:0 13px 15px !important;
    border-radius:20px !important;
  }
  .services.section.aq-v89-showcase .service h3,
  section.services.aq-v89-showcase .service h3{font-size:11.6px !important;line-height:1.08 !important;margin-bottom:5px !important;}
  .services.section.aq-v89-showcase .service p,
  section.services.aq-v89-showcase .service p{font-size:8.7px !important;line-height:1.25 !important;}
}

/* =========================================================
   ALQATIFA V90 HARD-BOUNDED SERVICE CAROUSEL FINAL
   ========================================================= */
.services.section.aq-v90-showcase,
section.services.aq-v90-showcase,
html[dir="rtl"] .services.section.aq-v90-showcase,
html[lang="ar"] .services.section.aq-v90-showcase,
html[dir="rtl"] section.services.aq-v90-showcase,
html[lang="ar"] section.services.aq-v90-showcase{
  display:block !important;
  overflow:hidden !important;
  overflow-x:hidden !important;
  overflow-y:visible !important;
  direction:ltr !important;
  scroll-behavior:auto !important;
  scrollbar-width:none !important;
  overscroll-behavior-x:contain !important;
  touch-action:pan-y !important;
  position:relative !important;
  isolation:isolate !important;
}
.services.section.aq-v90-showcase::-webkit-scrollbar,
section.services.aq-v90-showcase::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;}
.services.section.aq-v90-showcase.aq-v90-initializing > .aq-services-track-v90,
section.services.aq-v90-showcase.aq-v90-initializing > .aq-services-track-v90{visibility:hidden !important;}
.services.section.aq-v90-showcase > :not(.aq-services-track-v90),
section.services.aq-v90-showcase > :not(.aq-services-track-v90){display:none !important;}
.services.section.aq-v90-showcase > .aq-services-track-v90,
section.services.aq-v90-showcase > .aq-services-track-v90,
html[dir="rtl"] .services.section.aq-v90-showcase > .aq-services-track-v90,
html[lang="ar"] .services.section.aq-v90-showcase > .aq-services-track-v90,
html[dir="rtl"] section.services.aq-v90-showcase > .aq-services-track-v90,
html[lang="ar"] section.services.aq-v90-showcase > .aq-services-track-v90{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:18px !important;
  width:max-content !important;
  max-width:none !important;
  min-width:max-content !important;
  overflow:visible !important;
  overflow-x:visible !important;
  direction:ltr !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
  transition:none !important;
  scroll-snap-type:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  touch-action:pan-y !important;
}
.services.section.aq-v90-showcase > .aq-services-track-v90 > .service,
section.services.aq-v90-showcase > .aq-services-track-v90 > .service{
  display:flex !important;
  flex:0 0 236px !important;
  width:236px !important;
  min-width:236px !important;
  max-width:236px !important;
  height:315px !important;
  min-height:315px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  position:relative !important;
  padding:0 18px 20px !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  box-shadow:0 18px 42px rgba(30,28,20,.14) !important;
  border:1px solid rgba(157,128,68,.16) !important;
  scroll-snap-align:none !important;
  box-sizing:border-box !important;
}
.services.section.aq-v90-showcase > .aq-services-track-v90 > .service:before,
section.services.aq-v90-showcase > .aq-services-track-v90 > .service:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:linear-gradient(180deg,rgba(18,18,14,0) 36%,rgba(18,18,14,.18) 62%,rgba(18,18,14,.54) 100%) !important;
  pointer-events:none !important;
}
.services.section.aq-v90-showcase .service:after,
section.services.aq-v90-showcase .service:after,
.services.section.aq-v90-showcase .service .ico,
section.services.aq-v90-showcase .service .ico{display:none !important;content:none !important;}
.services.section.aq-v90-showcase .service h3,
section.services.aq-v90-showcase .service h3{
  position:relative !important;
  z-index:1 !important;
  margin:0 0 7px !important;
  color:#fffaf0 !important;
  font-family:inherit !important;
  font-size:18px !important;
  line-height:1.04 !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
  text-shadow:0 2px 12px rgba(0,0,0,.42) !important;
  max-width:100% !important;
}
.services.section.aq-v90-showcase .service p,
section.services.aq-v90-showcase .service p{
  position:relative !important;
  z-index:1 !important;
  margin:0 !important;
  color:rgba(255,250,240,.92) !important;
  font-size:12px !important;
  line-height:1.26 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.42) !important;
  max-width:100% !important;
}
.services.section.aq-v90-showcase .service[data-service="stone"],section.services.aq-v90-showcase .service[data-service="stone"]{background-image:url('../images/cards/service-stone.webp') !important;}
.services.section.aq-v90-showcase .service[data-service="glass"],section.services.aq-v90-showcase .service[data-service="glass"]{background-image:url('../images/cards/service-glass.webp') !important;}
.services.section.aq-v90-showcase .service[data-service="wood"],section.services.aq-v90-showcase .service[data-service="wood"]{background-image:url('../images/cards/service-wood.webp') !important;}
.services.section.aq-v90-showcase .service[data-service="project"],section.services.aq-v90-showcase .service[data-service="project"]{background-image:url('../images/cards/service-project.webp') !important;}
.services.section.aq-v90-showcase .service[data-service="space"],section.services.aq-v90-showcase .service[data-service="space"]{background-image:url('../images/cards/service-space.webp') !important;}
.services.section.aq-v90-showcase .service[data-service="sustainable"],section.services.aq-v90-showcase .service[data-service="sustainable"]{background-image:url('../images/cards/service-sustainable.webp') !important;}
html[dir="rtl"] .services.section.aq-v90-showcase .service,
html[lang="ar"] .services.section.aq-v90-showcase .service,
html[dir="rtl"] section.services.aq-v90-showcase .service,
html[lang="ar"] section.services.aq-v90-showcase .service{direction:rtl !important;text-align:right !important;align-items:flex-end !important;}
@media (max-width: 760px){
  .services.section.aq-v90-showcase,
  section.services.aq-v90-showcase{padding-top:18px !important;padding-bottom:18px !important;}
  .services.section.aq-v90-showcase > .aq-services-track-v90,
  section.services.aq-v90-showcase > .aq-services-track-v90{gap:14px !important;}
  .services.section.aq-v90-showcase > .aq-services-track-v90 > .service,
  section.services.aq-v90-showcase > .aq-services-track-v90 > .service{
    flex-basis:158px !important;
    width:158px !important;
    min-width:158px !important;
    max-width:158px !important;
    height:211px !important;
    min-height:211px !important;
    border-radius:18px !important;
    padding:0 13px 14px !important;
  }
  .services.section.aq-v90-showcase .service h3,
  section.services.aq-v90-showcase .service h3{font-size:11.6px !important;line-height:1.08 !important;margin-bottom:5px !important;}
  .services.section.aq-v90-showcase .service p,
  section.services.aq-v90-showcase .service p{font-size:8.7px !important;line-height:1.25 !important;}
}


/* =========================================================
   ALQATIFA V91 DESIGN RESTORE ONLY
   Keeps V90 carousel mechanics, restores previous light card design.
   ========================================================= */
.services.section.aq-v90-showcase,
section.services.aq-v90-showcase,
html[dir="rtl"] .services.section.aq-v90-showcase,
html[lang="ar"] .services.section.aq-v90-showcase,
html[dir="rtl"] section.services.aq-v90-showcase,
html[lang="ar"] section.services.aq-v90-showcase{
  background:#f6f2e9 !important;
  overflow:hidden !important;
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  padding-left:0 !important;
  padding-right:0 !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%) !important;
}
.services.section.aq-v90-showcase > .aq-services-track-v90,
section.services.aq-v90-showcase > .aq-services-track-v90,
html[dir="rtl"] .services.section.aq-v90-showcase > .aq-services-track-v90,
html[lang="ar"] .services.section.aq-v90-showcase > .aq-services-track-v90,
html[dir="rtl"] section.services.aq-v90-showcase > .aq-services-track-v90,
html[lang="ar"] section.services.aq-v90-showcase > .aq-services-track-v90{
  gap:18px !important;
}
.services.section.aq-v90-showcase > .aq-services-track-v90 > .service,
section.services.aq-v90-showcase > .aq-services-track-v90 > .service{
  flex:0 0 214px !important;
  width:214px !important;
  min-width:214px !important;
  max-width:214px !important;
  height:285px !important;
  min-height:285px !important;
  max-height:285px !important;
  padding:0 18px 20px !important;
  border-radius:24px !important;
  border:1px solid rgba(139,119,77,.14) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  box-shadow:0 14px 34px rgba(68,51,28,.12) !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  isolation:isolate !important;
  box-sizing:border-box !important;
}
.services.section.aq-v90-showcase > .aq-services-track-v90 > .service:before,
section.services.aq-v90-showcase > .aq-services-track-v90 > .service:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:46% !important;
  z-index:-1 !important;
  background:linear-gradient(180deg,rgba(255,252,246,0) 0%,rgba(255,252,246,.72) 42%,rgba(255,252,246,.96) 100%) !important;
  pointer-events:none !important;
}
.services.section.aq-v90-showcase .service:after,
section.services.aq-v90-showcase .service:after,
.services.section.aq-v90-showcase .service .ico,
section.services.aq-v90-showcase .service .ico{
  display:none !important;
  content:none !important;
}
.services.section.aq-v90-showcase .service h3,
section.services.aq-v90-showcase .service h3{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  margin:0 0 6px !important;
  font-size:17px !important;
  line-height:1.1 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  color:#342d20 !important;
  text-shadow:none !important;
  font-weight:700 !important;
  opacity:1 !important;
  visibility:visible !important;
  white-space:normal !important;
  max-width:100% !important;
}
.services.section.aq-v90-showcase .service p,
section.services.aq-v90-showcase .service p{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.32 !important;
  color:#655a46 !important;
  font-weight:650 !important;
  text-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  white-space:normal !important;
  max-width:100% !important;
}
html[dir="rtl"] .services.section.aq-v90-showcase .service,
html[lang="ar"] .services.section.aq-v90-showcase .service,
html[dir="rtl"] section.services.aq-v90-showcase .service,
html[lang="ar"] section.services.aq-v90-showcase .service{
  direction:rtl !important;
  text-align:right !important;
  align-items:flex-end !important;
}
@media(max-width:760px){
  .services.section.aq-v90-showcase,
  section.services.aq-v90-showcase{
    padding-top:18px !important;
    padding-bottom:18px !important;
  }
  .services.section.aq-v90-showcase > .aq-services-track-v90,
  section.services.aq-v90-showcase > .aq-services-track-v90{
    gap:14px !important;
  }
  .services.section.aq-v90-showcase > .aq-services-track-v90 > .service,
  section.services.aq-v90-showcase > .aq-services-track-v90 > .service{
    flex-basis:168px !important;
    width:168px !important;
    min-width:168px !important;
    max-width:168px !important;
    height:224px !important;
    min-height:224px !important;
    max-height:224px !important;
    padding:0 13px 15px !important;
    border-radius:20px !important;
  }
  .services.section.aq-v90-showcase .service h3,
  section.services.aq-v90-showcase .service h3{
    font-size:11.6px !important;
    line-height:1.08 !important;
    margin-bottom:5px !important;
  }
  .services.section.aq-v90-showcase .service p,
  section.services.aq-v90-showcase .service p{
    font-size:8.7px !important;
    line-height:1.25 !important;
  }
}


/* ALQATIFA V92 Tiny House full-surface swipe: match main project feel */
#v27TinyViewer .v27-viewport.aq-v92-tiny-vp,
#v27TinyViewer .v27-viewport.aq-v81-tiny-vp,
#v27TinyViewer .v27-viewport.aq-v80-vp{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-x pan-y !important;
  overscroll-behavior-x:contain !important;
  cursor:grab !important;
}
#v27TinyViewer .v27-viewport.aq-v92-tiny-vp:active{cursor:grabbing !important;}
#v27TinyViewer .v27-viewport.aq-v92-tiny-vp .v27-track,
#v27TinyViewer .v27-viewport.aq-v81-tiny-vp .v27-track,
#v27TinyViewer .v27-viewport.aq-v80-vp .v27-track{
  transform:none !important;
  transition:none !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
}
#v27TinyViewer .v27-viewport.aq-v92-tiny-vp .v27-slide,
#v27TinyViewer .v27-viewport.aq-v81-tiny-vp .v27-slide,
#v27TinyViewer .v27-viewport.aq-v80-vp .v27-slide{
  flex-shrink:0 !important;
  scroll-snap-align:none !important;
  touch-action:pan-x pan-y !important;
  pointer-events:auto !important;
}
#v27TinyViewer .v27-viewport.aq-v92-tiny-vp .v27-slide img,
#v27TinyViewer .v27-viewport.aq-v92-tiny-vp .v27-zoom,
#v27TinyViewer .v27-viewport.aq-v81-tiny-vp .v27-slide img,
#v27TinyViewer .v27-viewport.aq-v81-tiny-vp .v27-zoom{
  pointer-events:none !important;
  -webkit-user-drag:none !important;
  user-select:none !important;
}
#v27TinyViewer .aq-v80-touch-layer{display:none !important; visibility:hidden !important; pointer-events:none !important;}


/* ALQATIFA V93 Tiny House native-scroll override: match main project swipe behavior */
#v27TinyViewer .aq-v80-touch-layer,
#v27TinyViewer .v27-viewport > .aq-v80-touch-layer,
#v27TinyViewer .v27-viewport > .aq-v81-touch-layer,
#v27TinyViewer .v27-viewport > .aq-v92-touch-layer{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
#v27TinyViewer .v27-viewport.aq-v93-native-vp{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-x pan-y !important;
  overscroll-behavior-x:contain !important;
  cursor:grab !important;
  scrollbar-width:none !important;
}
#v27TinyViewer .v27-viewport.aq-v93-native-vp::-webkit-scrollbar{height:0 !important;display:none !important;}
#v27TinyViewer .v27-viewport.aq-v93-native-vp:active{cursor:grabbing !important;}
#v27TinyViewer .v27-viewport.aq-v93-native-vp .v27-track{
  transform:none !important;
  transition:none !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
}
#v27TinyViewer .v27-viewport.aq-v93-native-vp .v27-slide{
  flex-shrink:0 !important;
  scroll-snap-align:none !important;
  touch-action:pan-x pan-y !important;
  cursor:inherit !important;
}
#v27TinyViewer .v27-viewport.aq-v93-native-vp .v27-zoom{
  pointer-events:auto !important;
  touch-action:pan-x pan-y !important;
  cursor:inherit !important;
}
#v27TinyViewer .v27-viewport.aq-v93-native-vp img{
  -webkit-user-drag:none !important;
  user-select:none !important;
  pointer-events:none !important;
}

/* ALQATIFA V95: Tiny House native swipe/sticky-cursor release */
#v27TinyViewer .v27-viewport.aq-v95-native-tiny{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-x pan-y !important;
  overscroll-behavior-x:contain !important;
}
#v27TinyViewer .v27-viewport.aq-v95-native-tiny .v27-track{
  transform:none !important;
  transition:none !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
}
#v27TinyViewer .v27-viewport.aq-v95-native-tiny .v27-slide,
#v27TinyViewer .v27-viewport.aq-v95-native-tiny .v27-slide button,
#v27TinyViewer .v27-viewport.aq-v95-native-tiny .v27-zoom{
  cursor:zoom-in !important;
  touch-action:pan-x pan-y !important;
}
body.aq-tiny-dragging,
body.aq-tiny-dragging *{
  cursor:grabbing !important;
  user-select:none !important;
}
#v27TinyViewer .v27-range-row,
#v27TinyViewer .v27-range{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* ALQATIFA V96: Tiny House mobile touch swipe, without mouse drag/pointer capture */
#v27TinyViewer .v27-viewport.aq-v96-touch-native{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
  overscroll-behavior-x:contain !important;
}
#v27TinyViewer .v27-viewport.aq-v96-touch-native .v27-track{
  transform:none !important;
  transition:none !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
}
#v27TinyViewer .v27-viewport.aq-v96-touch-native .v27-slide{
  touch-action:pan-y !important;
  scroll-snap-align:none !important;
  flex-shrink:0 !important;
}
@media (max-width:900px), (pointer:coarse){
  #v27TinyViewer .v27-viewport.aq-v96-touch-native .v27-slide button,
  #v27TinyViewer .v27-viewport.aq-v96-touch-native .v27-slide .v27-zoom{
    pointer-events:none !important;
    touch-action:pan-y !important;
  }
}


/* ALQATIFA V97: Tiny House touch inertia, no visual jitter */
#v27TinyViewer .v27-viewport.aq-v97-touch-inertia{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
  overscroll-behavior-x:contain !important;
  scrollbar-width:none !important;
}
#v27TinyViewer .v27-viewport.aq-v97-touch-inertia::-webkit-scrollbar{display:none !important;height:0 !important;}
#v27TinyViewer .v27-viewport.aq-v97-touch-inertia .v27-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
}
#v27TinyViewer .v27-viewport.aq-v97-touch-inertia .v27-slide{
  flex-shrink:0 !important;
  scroll-snap-align:none !important;
  touch-action:pan-y !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
}
#v27TinyViewer .v27-viewport.aq-v97-touch-inertia .v27-slide img,
#v27TinyViewer .v27-viewport.aq-v97-touch-inertia .v27-zoom{
  transform:none !important;
  transition:none !important;
  -webkit-user-drag:none !important;
  user-select:none !important;
}
@media (max-width:900px), (pointer:coarse){
  #v27TinyViewer .v27-viewport.aq-v97-touch-inertia .v27-slide button,
  #v27TinyViewer .v27-viewport.aq-v97-touch-inertia .v27-slide .v27-zoom{
    pointer-events:none !important;
    touch-action:pan-y !important;
  }
}

/* ALQATIFA V100: compositor carousel + native Tiny House touch stability */
.services.section.aq-v100-showcase,
section.services.aq-v100-showcase{
  overflow:hidden !important;
  direction:ltr !important;
  scroll-behavior:auto !important;
  touch-action:pan-y !important;
  overscroll-behavior-x:contain !important;
}
.services.section.aq-v100-initializing,
section.services.aq-v100-initializing{visibility:hidden !important;}
.aq-services-track-v100{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:18px !important;
  width:max-content !important;
  min-width:max-content !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
  direction:ltr !important;
  padding:10px 0 16px !important;
  backface-visibility:hidden !important;
  contain:layout paint style !important;
}
.aq-v100-service{
  flex:0 0 clamp(190px, 19vw, 250px) !important;
  width:clamp(190px, 19vw, 250px) !important;
  min-width:clamp(190px, 19vw, 250px) !important;
  height:clamp(255px, 26vw, 340px) !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:24px !important;
  background-size:cover !important;
  background-position:center !important;
  box-shadow:0 18px 42px rgba(45,43,32,.13) !important;
  border:1px solid rgba(161,134,77,.22) !important;
  color:#2d2a21 !important;
}
.aq-v100-service::before{display:none !important;content:none !important;}
.aq-v100-service::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:58% !important;
  background:linear-gradient(0deg, rgba(250,246,236,.96) 0%, rgba(250,246,236,.78) 48%, rgba(250,246,236,0) 100%) !important;
  pointer-events:none !important;
  z-index:0 !important;
}
.aq-v100-service h3,
.aq-v100-service p{
  position:relative !important;
  z-index:1 !important;
  max-width:88% !important;
  margin-left:18px !important;
  margin-right:18px !important;
  color:#2d2a21 !important;
  text-shadow:none !important;
}
.aq-v100-service h3{margin-top:0 !important;padding-top:0 !important;margin-bottom:8px !important;position:absolute !important;left:0;right:0;bottom:68px;font-size:1.08rem !important;line-height:1.12 !important;}
.aq-v100-service p{position:absolute !important;left:0;right:0;bottom:18px;font-size:.82rem !important;line-height:1.35 !important;opacity:.88 !important;}
html[lang="ar"] .aq-v100-service h3,
html[lang="ar"] .aq-v100-service p{margin-left:18px !important;margin-right:18px !important;text-align:right !important;}
@media (max-width:900px){
  .aq-services-track-v100{gap:14px !important;padding:8px 0 12px !important;}
  .aq-v100-service{
    flex-basis:152px !important;
    width:152px !important;
    min-width:152px !important;
    height:216px !important;
    border-radius:20px !important;
  }
  .aq-v100-service h3{bottom:58px !important;font-size:.92rem !important;margin-left:14px !important;margin-right:14px !important;}
  .aq-v100-service p{bottom:14px !important;font-size:.7rem !important;line-height:1.25 !important;margin-left:14px !important;margin-right:14px !important;}
}
#v27TinyViewer .v27-viewport.aq-v100-native-tiny{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-x pan-y !important;
  overscroll-behavior-x:contain !important;
  scrollbar-width:none !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
}
#v27TinyViewer .v27-viewport.aq-v100-native-tiny::-webkit-scrollbar{display:none !important;height:0 !important;}
#v27TinyViewer .v27-viewport.aq-v100-native-tiny .v27-track{
  transform:none !important;
  transition:none !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  will-change:auto !important;
}
#v27TinyViewer .v27-viewport.aq-v100-native-tiny .v27-slide{
  flex-shrink:0 !important;
  scroll-snap-align:none !important;
  touch-action:pan-x pan-y !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
  cursor:zoom-in !important;
}
#v27TinyViewer .v27-viewport.aq-v100-native-tiny .v27-slide img,
#v27TinyViewer .v27-viewport.aq-v100-native-tiny .v27-zoom{
  transform:none !important;
  transition:none !important;
  -webkit-user-drag:none !important;
  user-select:none !important;
}
@media (max-width:900px), (pointer:coarse){
  #v27TinyViewer .v27-viewport.aq-v100-native-tiny .v27-slide button,
  #v27TinyViewer .v27-viewport.aq-v100-native-tiny .v27-slide .v27-zoom{
    pointer-events:none !important;
    touch-action:pan-x pan-y !important;
  }
}


/* ALQATIFA V101 Tiny House native-scroll stabilization */
#v27TinyViewer .v27-viewport.aq-v101-native-tiny,
#v27TinyViewer .v27-viewport.aq-v100-native-tiny{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
  overscroll-behavior-x:contain !important;
  scrollbar-width:none !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
  contain:layout paint !important;
}
#v27TinyViewer .v27-viewport.aq-v101-native-tiny::-webkit-scrollbar{display:none !important;height:0 !important;}
#v27TinyViewer .v27-viewport.aq-v101-native-tiny .v27-track,
#v27TinyViewer .v27-viewport.aq-v100-native-tiny .v27-track{
  transform:none !important;
  transition:none !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  will-change:auto !important;
}
#v27TinyViewer .v27-viewport.aq-v101-native-tiny .v27-slide,
#v27TinyViewer .v27-viewport.aq-v100-native-tiny .v27-slide{
  flex-shrink:0 !important;
  scroll-snap-align:none !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
  cursor:zoom-in !important;
  touch-action:pan-y !important;
}
#v27TinyViewer .v27-viewport.aq-v101-native-tiny .v27-slide img,
#v27TinyViewer .v27-viewport.aq-v101-native-tiny .v27-zoom,
#v27TinyViewer .v27-viewport.aq-v100-native-tiny .v27-slide img,
#v27TinyViewer .v27-viewport.aq-v100-native-tiny .v27-zoom{
  transform:none !important;
  transition:none !important;
  -webkit-user-drag:none !important;
  user-select:none !important;
}
@media (max-width:900px), (pointer:coarse){
  #v27TinyViewer .v27-viewport.aq-v101-native-tiny .v27-slide button,
  #v27TinyViewer .v27-viewport.aq-v101-native-tiny .v27-slide .v27-zoom,
  #v27TinyViewer .v27-viewport.aq-v100-native-tiny .v27-slide button,
  #v27TinyViewer .v27-viewport.aq-v100-native-tiny .v27-slide .v27-zoom{
    pointer-events:none !important;
    touch-action:pan-y !important;
  }
}
#v27TinyViewer .v27-range-row,
#v27TinyViewer .v27-range{display:none !important;visibility:hidden !important;pointer-events:none !important;}

/* ALQATIFA V102 mobile override: force visible LTR carousel geometry in Arabic */
.services.section.aq-v102-showcase,
section.services.aq-v102-showcase{overflow:hidden !important;direction:ltr !important;scroll-behavior:auto !important;touch-action:pan-y !important;overscroll-behavior-x:contain !important;}
.services.section.aq-v102-prep,section.services.aq-v102-prep{visibility:hidden !important;}
.aq-services-track-v102{display:flex !important;flex-wrap:nowrap !important;align-items:stretch !important;gap:14px !important;width:max-content !important;min-width:max-content !important;will-change:transform !important;transform:translate3d(0,0,0);direction:ltr !important;padding:8px 0 12px !important;backface-visibility:hidden !important;contain:layout paint style !important;}
.aq-v102-service{position:relative !important;flex:0 0 152px !important;width:152px !important;min-width:152px !important;height:216px !important;border-radius:20px !important;overflow:hidden !important;background-size:cover !important;background-position:center !important;box-shadow:0 18px 42px rgba(40,34,22,.14) !important;border:1px solid rgba(178,151,83,.28) !important;isolation:isolate !important;user-select:none !important;}
.aq-v102-service::before{content:"" !important;position:absolute !important;inset:0 !important;background:linear-gradient(180deg,rgba(255,252,246,0) 30%,rgba(255,250,240,.78) 70%,rgba(255,249,238,.96) 100%) !important;z-index:0 !important;pointer-events:none !important;}
.aq-v102-service h3,.aq-v102-service p{position:absolute !important;z-index:1 !important;left:14px !important;right:14px !important;margin:0 !important;color:#302a20 !important;text-shadow:none !important;}
.aq-v102-service h3{bottom:58px !important;font-size:.92rem !important;line-height:1.12 !important;font-weight:700 !important;letter-spacing:.01em !important;}
.aq-v102-service p{bottom:14px !important;font-size:.7rem !important;line-height:1.25 !important;color:rgba(48,42,32,.78) !important;}
html[dir="rtl"] .services.section.aq-v102-showcase,html[dir="rtl"] section.services.aq-v102-showcase,html[dir="rtl"] .aq-services-track-v102{direction:ltr !important;}

/* ALQATIFA V103 mobile carousel geometry guard */
@media (max-width:900px){
  .services.section.aq-v103-showcase,section.services.aq-v103-showcase{direction:ltr !important;overflow:hidden !important;touch-action:pan-y !important;}
  .aq-services-track-v103{direction:ltr !important;gap:14px !important;}
  html[lang="ar"] .services.section.aq-v103-showcase,html[dir="rtl"] .services.section.aq-v103-showcase{direction:ltr !important;}
}


/* V107: Tiny House live touch scroll; keep desktop-safe and prevent old transform/range logic */
#v27TinyViewer .v27-viewport.aq-v107-live-tiny{
  overflow:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:auto !important;
  touch-action:pan-y !important;
  cursor:zoom-in !important;
  transform:none !important;
  transition:none !important;
}
#v27TinyViewer .v27-viewport.aq-v107-live-tiny .v27-track{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
  overscroll-behavior-x:contain !important;
  transform:none !important;
  transition:none !important;
  will-change:scroll-position !important;
}
#v27TinyViewer .v27-viewport.aq-v107-live-tiny .v27-slide{
  flex:0 0 auto !important;
  scroll-snap-align:none !important;
  touch-action:pan-y !important;
  transform:none !important;
  transition:none !important;
  cursor:zoom-in !important;
}
#v27TinyViewer .v27-viewport.aq-v107-live-tiny .v27-slide img,
#v27TinyViewer .v27-viewport.aq-v107-live-tiny .v27-zoom,
#v27TinyViewer .v27-viewport.aq-v107-live-tiny .v27-slide button{
  -webkit-user-drag:none !important;
  user-select:none !important;
  transform:none !important;
  transition:none !important;
}