/* Ghazi Clinical Lab — Responsive refinement v3.3.0
   Loaded after all previous public styles. */

html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%;font:inherit}

/* Header */
.gcl-header-inner{width:min(100%,1520px)}
.gcl-brand{flex:0 0 auto;display:flex;align-items:center}
.gcl-brand img{max-width:100%;height:auto}
.gcl-nav{min-width:0}

/* Hero: desktop and large tablets */
.gcl-hero{
  width:100%;
  min-height:clamp(500px,39vw,640px)!important;
  background-color:#eaf5fd!important;
  background-size:auto 100%!important;
  background-position:right center!important;
  background-repeat:no-repeat!important;
}
.gcl-hero-content{width:min(1480px,100%);padding-left:clamp(28px,5vw,72px);padding-right:clamp(28px,5vw,72px)}
.gcl-hero-content h1{font-size:clamp(3.2rem,5.6vw,6.3rem)!important;line-height:.96;max-width:720px}
.gcl-hero-content p{font-size:clamp(1rem,1.3vw,1.24rem)}

/* Prevent action cards and content from exceeding viewport */
.gcl-action-strip,.gcl-section,.gcl-content-section,.gcl-services-page,.gcl-contact-wrap,.gcl-track-page,.gcl-values{width:min(100%,var(--gcl-max,1540px))}
.gcl-track-card,.gcl-whatsapp-card,.gcl-contact-info,.gcl-contact-form,.gcl-track-form{min-width:0}
.gcl-track-card form{min-width:0}
.gcl-track-card input{min-width:0}

/* Tables */
.gcl-test-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.gcl-test-table{min-width:680px}

@media (max-width:1100px){
  .gcl-header-inner{gap:18px}
  .gcl-nav{gap:16px}
  .gcl-nav a{font-size:.95rem}
  .gcl-hero{background-position:80% center!important;background-size:auto 94%!important}
  .gcl-hero-content h1{max-width:600px}
  .gcl-action-strip{width:calc(100% - 32px)}
}

@media (max-width:820px){
  .gcl-header{position:sticky;top:0}
  .gcl-header-inner{min-height:84px;padding:8px 16px!important}
  .gcl-brand img{width:145px!important;height:auto!important;max-height:70px;object-fit:contain}
  .gcl-nav-toggle{display:block!important;padding:8px;margin-left:auto}
  .gcl-nav-toggle span{width:30px;height:3px;margin:5px 0}
  .gcl-nav{top:84px!important;max-height:calc(100vh - 84px);overflow-y:auto;padding:14px 20px 22px!important;gap:0!important}
  .gcl-nav a{padding:13px 4px!important;border-bottom:1px solid #edf2f7}
  .gcl-nav .gcl-staff-btn{margin-top:12px;text-align:center;border-bottom:0;padding:14px 18px!important}

  /* Mobile hero: show the full image at natural scale below the text. */
  .gcl-hero{
    min-height:0!important;
    display:block!important;
    background-size:100% auto!important;
    background-position:center bottom!important;
    background-repeat:no-repeat!important;
    padding-bottom:clamp(220px,58vw,360px)!important;
  }
  .gcl-hero:before{
    background:linear-gradient(180deg,#f4fbff 0%,rgba(244,251,255,.98) 52%,rgba(238,248,255,.76) 68%,rgba(238,248,255,.12) 100%)!important;
  }
  .gcl-hero-overlay{display:none}
  .gcl-hero-content{
    padding:34px 18px 20px!important;
    text-align:left!important;
    margin:0!important;
  }
  .gcl-kicker{font-size:1rem}
  .gcl-hero-content h1{
    font-size:clamp(2.65rem,13vw,4rem)!important;
    line-height:.98!important;
    margin:12px 0 16px!important;
    max-width:100%!important;
  }
  .gcl-hero-content p{font-size:1rem!important;line-height:1.55;max-width:34rem;margin:0}
  .gcl-trust-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:20px!important;
    justify-items:start!important;
  }
  .gcl-trust-row span{
    padding:10px 14px!important;
    font-size:.93rem!important;
    box-shadow:0 7px 18px rgba(10,55,111,.08)!important;
  }

  .gcl-action-strip{width:100%!important;margin:0!important;border-radius:0!important;padding:16px!important;gap:14px!important}
  .gcl-track-card,.gcl-whatsapp-card{padding:18px!important;gap:14px!important}
  .gcl-track-card>div{min-width:0!important}
  .gcl-track-card form{width:100%}

  .gcl-section,.gcl-content-section{padding:56px 16px!important}
  .gcl-section-head{margin-bottom:30px}
  .gcl-section-head h2,.gcl-about-grid h2,.gcl-contact-form h2,.gcl-why h2{font-size:clamp(2rem,9vw,3rem)!important;line-height:1.08}
  .gcl-service-card{min-height:220px;padding:24px!important}
  .gcl-why{padding:56px 16px!important;gap:30px!important}
  .gcl-page-hero{min-height:220px!important;padding:44px 18px!important}
  .gcl-page-hero h1{font-size:clamp(2.35rem,11vw,3.5rem)!important}
  .gcl-photo-card img{height:auto!important;min-height:0!important}
  .gcl-contact-wrap{margin:48px auto!important;padding:0 16px!important}
  .gcl-contact-info,.gcl-contact-form,.gcl-track-form{padding:24px 18px!important}
  .gcl-track-page{margin:48px auto!important;padding:0 16px!important}
  .gcl-results-list article{align-items:flex-start!important;gap:14px;flex-direction:column}
  .gcl-footer-grid{padding:46px 20px 34px!important;gap:26px!important}
  .gcl-footer-brand img{width:190px!important}
  .gcl-footer-bottom{padding:20px!important;font-size:.9rem}
  .gcl-whatsapp-float{right:16px!important;bottom:16px!important;width:54px!important;height:54px!important}
}

@media (max-width:520px){
  .gcl-header-inner{min-height:78px}
  .gcl-brand img{width:128px!important;max-height:62px}
  .gcl-nav{top:78px!important;max-height:calc(100vh - 78px)}
  .gcl-hero{padding-bottom:clamp(190px,61vw,300px)!important}
  .gcl-hero-content{padding:28px 15px 16px!important}
  .gcl-hero-content h1{font-size:clamp(2.35rem,13vw,3.35rem)!important}
  .gcl-hero-content p{font-size:.96rem!important}
  .gcl-trust-row span{width:100%;text-align:center;justify-content:center}
  .gcl-track-card button,.gcl-contact-form button,.gcl-track-form button{width:100%}
  .gcl-service-grid{grid-template-columns:1fr!important}
  .gcl-service-card{min-height:205px}
  .gcl-category-summary{grid-template-columns:1fr!important}
  .gcl-services-intro-card,.gcl-services-search-card{padding:24px 18px!important}
  .gcl-footer-grid{grid-template-columns:1fr!important}
  .gcl-trust-badge{padding:20px 14px}
  .stars{font-size:1.55rem;letter-spacing:2px}
}

/* Landscape phones and small-height devices */
@media (max-width:900px) and (orientation:landscape){
  .gcl-hero{background-size:auto 100%!important;background-position:right center!important;padding-bottom:0!important;min-height:430px!important;display:flex!important}
  .gcl-hero-content{padding:38px 24px!important;max-width:58%}
  .gcl-hero-content h1{font-size:3.2rem!important}
  .gcl-trust-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Safe-area support for notched phones */
@supports(padding:max(0px)){
  .gcl-header-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .gcl-whatsapp-float{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}
}