/* T79 — Mobile title and service cards refinement
   Scope: mobile homepage only. Desktop and inner pages remain unchanged. */

@keyframes t79LuxuryGoldSweep{
  0%,20%{background-position:115% 50%;}
  48%,100%{background-position:-20% 50%;}
}

@media (max-width:760px){
  /* Cleaner luxury Arabic title: brighter gold, softer shadow, no clipping. */
  #home .hero h1{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:1px auto 6px !important;
    padding:7px 8px 9px !important;
    overflow:visible !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(2.12rem,9.25vw,2.72rem) !important;
    font-weight:800 !important;
    line-height:1.16 !important;
    letter-spacing:-.012em !important;
    text-rendering:optimizeLegibility !important;
    -webkit-font-smoothing:antialiased !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    background-image:linear-gradient(108deg,
      #e5a936 0%,
      #f4c75d 21%,
      #ffe79b 39%,
      #fff6c7 49%,
      #f4cb69 59%,
      #d99527 78%,
      #f2c45a 100%) !important;
    background-size:220% 100% !important;
    animation:t79LuxuryGoldSweep 8.5s ease-in-out infinite !important;
    filter:
      drop-shadow(0 5px 10px rgba(0,0,0,.74))
      drop-shadow(0 0 4px rgba(244,196,83,.15)) !important;
  }

  /* Give the cards a little more breathing room while staying in the first screen. */
  #home .primary-actions{
    height:208px !important;
    right:12px !important;
    bottom:12px !important;
    left:12px !important;
    gap:8px !important;
  }

  #home .hero-content{
    bottom:242px !important;
  }

  #home .feature-card{
    min-height:0 !important;
    padding:13px 7px 47px !important;
    gap:4px !important;
    border-radius:21px !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(238,190,78,.10),transparent 8rem),
      linear-gradient(180deg,rgba(5,23,40,.965),rgba(2,13,25,.992)) !important;
  }

  #home .feature-card::before{
    inset:7px !important;
    border-radius:15px !important;
  }

  #home .feature-card .icon{
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    margin:0 auto 2px !important;
  }

  #home .feature-card .icon-hotel{width:50px !important;}
  #home .feature-card .icon-menu{width:38px !important;}

  #home .feature-card strong{
    width:100% !important;
    min-height:2.15em !important;
    margin:0 !important;
    padding:0 1px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#f3c75b !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(.96rem,4.15vw,1.10rem) !important;
    font-weight:800 !important;
    line-height:1.16 !important;
    text-shadow:0 3px 8px rgba(0,0,0,.58) !important;
  }

  #home .feature-card small{
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 2px !important;
    display:block !important;
    color:#fff8ee !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:0 !important;
    font-weight:500 !important;
    line-height:1.48 !important;
    text-shadow:0 3px 8px rgba(0,0,0,.60) !important;
    opacity:1 !important;
  }

  #home .feature-card small::after{
    display:block !important;
    content:attr(data-mobile-copy-ar) !important;
    font-size:clamp(.72rem,2.95vw,.80rem) !important;
    line-height:1.48 !important;
  }
  html[lang="en"] #home .feature-card small::after{content:attr(data-mobile-copy-en) !important;}
  html[lang="tr"] #home .feature-card small::after{content:attr(data-mobile-copy-tr) !important;}

  /* Dedicated arrow zone, clearly separated from the copy. */
  #home .feature-card::after{
    right:50% !important;
    bottom:10px !important;
    width:27px !important;
    height:27px !important;
    transform:translateX(50%) !important;
    border:1px solid rgba(244,198,89,.98) !important;
    background:rgba(3,16,29,.94) !important;
    color:#f6ca60 !important;
    font-size:1.35rem !important;
    line-height:1 !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 5px 12px rgba(0,0,0,.24) !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .primary-actions{
    height:180px !important;
    right:9px !important;
    bottom:9px !important;
    left:9px !important;
    gap:6px !important;
  }

  #home .hero-content{bottom:208px !important;}

  #home .hero h1{
    font-size:clamp(1.92rem,8.55vw,2.30rem) !important;
    line-height:1.18 !important;
    padding:5px 6px 7px !important;
  }

  #home .feature-card{
    padding:9px 5px 40px !important;
    gap:2px !important;
    border-radius:18px !important;
  }

  #home .feature-card .icon{
    width:35px !important;
    height:35px !important;
    flex-basis:35px !important;
  }
  #home .feature-card .icon-hotel{width:41px !important;}
  #home .feature-card .icon-menu{width:31px !important;}

  #home .feature-card strong{
    min-height:2em !important;
    font-size:.90rem !important;
  }

  #home .feature-card small::after{
    font-size:.66rem !important;
    line-height:1.42 !important;
  }

  #home .feature-card::after{
    width:23px !important;
    height:23px !important;
    bottom:7px !important;
    font-size:1.12rem !important;
  }
}

@media (max-width:380px){
  #home .hero h1{
    font-size:1.92rem !important;
    letter-spacing:0 !important;
  }

  #home .primary-actions{
    right:7px !important;
    left:7px !important;
    gap:5px !important;
  }

  #home .feature-card{
    padding-inline:4px !important;
  }

  #home .feature-card strong{font-size:.84rem !important;}
  #home .feature-card small::after{font-size:.62rem !important;}
}

@media (prefers-reduced-motion:reduce){
  #home .hero h1{
    animation:none !important;
    background-position:50% 50% !important;
  }
}