/* JAWAR V4.6.9 — visual scale & typography
   Purpose: make the production site feel like a real full-size institutional website
   on modern desktop screens, while preserving the V4.5.5/V4.6 visual identity. */

@media (min-width: 1200px) {
  :root{
    --j4-shell: 1360px;
  }

  .jawar-signature-v4{
    font-size:17px;
    line-height:1.82;
  }

  .jawar-shell,
  .jawar-signature-v4 .jb-container{
    width:min(calc(100% - 72px),var(--jb-container,var(--j4-shell)));
    max-width:var(--j4-shell);
  }

  /* Header */
  .jawar-topline{
    height:32px;
    font-size:12px;
  }
  .jawar-header-row{
    min-height:88px;
    gap:30px;
  }
  .jawar-logo{
    min-width:142px;
  }
  .jawar-logo img{
    max-width:154px;
    max-height:64px;
  }
  .jawar-logo strong{font-size:18px}
  .jawar-logo small{font-size:11px}
  .jawar-main-nav{
    min-height:88px;
    gap:5px;
  }
  .jawar-main-nav a{
    padding-inline:14px;
    font-size:14px;
  }
  .jawar-account{
    font-size:13px;
  }
  .jawar-icon-action,
  .jawar-menu-toggle{
    width:44px;
    height:44px;
    font-size:15px;
  }
  .jawar-donate-top{
    min-width:116px;
    height:50px;
    font-size:14px;
    border-radius:12px;
  }

  /* Shared headings & buttons */
  .jawar-signature-v4 .jb-section{
    padding-top:max(var(--jb-pt,82px),82px);
    padding-bottom:max(var(--jb-pb,82px),82px);
  }
  .jawar-signature-v4 .jb-heading{
    margin-bottom:42px;
    gap:36px;
  }
  .jawar-signature-v4 .jb-heading>div{
    max-width:780px;
  }
  .jawar-signature-v4 .jb-heading h1,
  .jawar-signature-v4 .jb-heading h2{
    font-size:clamp(31px,2.6vw,43px);
    line-height:1.35;
    margin-bottom:8px;
  }
  .jawar-signature-v4 .jb-heading p{
    font-size:16px;
    line-height:1.9;
  }
  .jawar-signature-v4 .jb-eyebrow{
    font-size:12px;
  }
  .jawar-signature-v4 .jb-heading-link,
  .jawar-signature-v4 .jb-heading>a{
    font-size:14px;
  }
  .jawar-signature-v4 .jb-button{
    min-height:50px;
    padding-inline:28px;
    border-radius:11px;
    font-size:14px;
  }

  /* Hero */
  .jawar-signature-v4 .jb-hero{
    padding-top:max(72px,var(--jb-pt,82px));
    padding-bottom:max(104px,var(--jb-pb,110px));
  }
  .jawar-signature-v4 .jb-hero-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);
    gap:88px;
  }
  .jawar-signature-v4 .jb-hero-copy{
    max-width:760px;
  }
  .jawar-signature-v4 .jb-hero-copy .jb-eyebrow{
    padding:7px 14px;
    font-size:11px;
  }
  .jawar-signature-v4 .jb-hero-copy h1{
    max-width:720px;
    font-size:clamp(43px,3.5vw,60px);
    line-height:1.34;
    margin:18px 0 16px;
  }
  .jawar-signature-v4 .jb-hero-copy>p{
    max-width:720px;
    font-size:17px;
    line-height:2.05;
  }
  .jawar-signature-v4 .jb-hero-actions{
    margin-top:34px;
    gap:14px;
  }
  .jawar-signature-v4 .jb-hero-actions .jb-button.primary{
    min-width:160px;
  }
  .jawar-signature-v4 .jb-hero-trust{
    margin-top:30px;
    padding-top:20px;
    gap:34px;
    font-size:11px;
  }
  .jawar-signature-v4 .jb-hero-media{
    width:min(100%,570px);
    min-height:590px;
  }
  .jawar-signature-v4 .jb-hero-media>img{
    height:590px;
    border-radius:30px;
  }
  .jawar-signature-v4 .jb-hero-project{
    left:-28px;
    bottom:30px;
    width:265px;
    min-height:130px;
    padding:17px 18px 15px;
    grid-template-columns:1fr 48px;
    border-radius:15px;
  }
  .jawar-signature-v4 .jb-hero-project-icon{
    width:44px;
    height:44px;
  }
  .jawar-signature-v4 .jb-hero-project small{font-size:10px}
  .jawar-signature-v4 .jb-hero-project strong{font-size:13px}
  .jawar-signature-v4 .jb-hero-project em{font-size:10px}

  /* Quick donation */
  .jawar-signature-v4 .jb-quick-donate{
    margin-top:-52px;
    padding-bottom:34px;
  }
  .jawar-signature-v4 .jb-quick-donate .jb-container{
    padding:18px 22px;
    border-radius:16px;
  }
  .jawar-signature-v4 .jb-quick-donate-form{
    gap:18px;
  }
  .jawar-signature-v4 .jb-quick-field>span,
  .jawar-signature-v4 .jb-quick-amounts legend{
    font-size:11px;
  }
  .jawar-signature-v4 .jb-quick-field select{
    height:42px;
    font-size:13px;
  }
  .jawar-signature-v4 .jb-quick-amounts label span,
  .jawar-signature-v4 .jb-quick-amounts .custom input{
    min-width:62px;
    height:42px;
    font-size:12px;
    border-radius:9px;
  }
  .jawar-signature-v4 .jb-quick-amounts .custom input{
    width:90px;
  }
  .jawar-signature-v4 .jb-quick-donate .jb-button{
    height:50px;
    min-width:158px;
  }

  /* Impact stats */
  .jawar-signature-v4 .jb-stats{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
  .jawar-signature-v4 .jb-stats .jb-container{
    max-width:min(var(--jb-container,1360px),calc(100% - 72px));
  }
  .jawar-signature-v4 .jb-stats-heading{
    margin-bottom:34px;
  }
  .jawar-signature-v4 .jb-stats-heading h2{
    font-size:40px;
  }
  .jawar-signature-v4 .jb-stats-heading p{
    font-size:15px;
  }
  .jawar-signature-v4 .jb-stats-grid .jb-stat-card{
    min-height:160px;
    padding:26px 16px;
  }
  .jawar-signature-v4 .jb-stats-grid .jb-stat-icon{
    width:58px;
    height:58px;
    border-radius:17px;
    margin-bottom:13px;
    font-size:20px;
  }
  .jawar-signature-v4 .jb-stats-grid .jb-stat-value{
    font-size:27px;
  }
  .jawar-signature-v4 .jb-stats-grid .jb-stat-label{
    margin-top:6px;
    font-size:12px;
  }

  /* Projects */
  .jawar-signature-v4 .jb-projects{
    padding-top:max(84px,var(--jb-pt,90px));
    padding-bottom:max(90px,var(--jb-pb,96px));
  }
  .jawar-signature-v4 .jb-project-heading{
    margin-bottom:36px;
  }
  .jawar-signature-v4 .jb-project-heading h2{
    font-size:36px;
  }
  .jawar-signature-v4 .jb-project-heading p{
    font-size:15px;
  }
  .jawar-signature-v4 .jb-project-tabs{
    gap:7px;
  }
  .jawar-signature-v4 .jb-project-tabs a{
    min-width:72px;
    height:38px;
    padding-inline:15px;
    font-size:11px;
  }
  .jawar-signature-v4 .jb-project-grid{
    gap:24px;
  }
  .jawar-signature-v4 .jb-project-card{
    border-radius:16px;
  }
  .jawar-signature-v4 .jb-project-card .media,
  .jawar-signature-v4 .jb-project-carousel .jb-project-card .media{
    height:260px;
  }
  .jawar-signature-v4 .jb-project-card>div,
  .jawar-signature-v4 .jb-project-carousel .jb-project-card>div{
    padding:20px 21px 21px;
  }
  .jawar-signature-v4 .jb-project-card>div>small{
    font-size:11px;
  }
  .jawar-signature-v4 .jb-project-card h3,
  .jawar-signature-v4 .jb-project-carousel .jb-project-card h3{
    font-size:19px;
    line-height:1.55;
  }
  .jawar-signature-v4 .jb-project-card p,
  .jawar-signature-v4 .jb-project-carousel .jb-project-card p{
    height:58px;
    font-size:13px;
    line-height:1.8;
  }
  .jawar-signature-v4 .jb-project-card .funding{
    font-size:10px;
    margin-bottom:8px;
  }
  .jawar-signature-v4 .jb-project-carousel .jb-project-card .project-donate{
    min-height:46px;
    font-size:13px;
    border-radius:10px;
  }
  .jawar-signature-v4 .jb-project-carousel-controls{
    margin-top:22px;
  }
  .jawar-signature-v4 .jb-project-carousel-arrows button{
    width:42px;
    height:42px;
    font-size:14px;
  }

  /* Story / impact */
  .jawar-signature-v4 .jb-image-text>.jb-container{
    grid-template-columns:minmax(0,1fr) minmax(470px,.92fr);
    gap:100px;
  }
  .jawar-signature-v4 .jb-image-text .copy h2{
    font-size:38px;
  }
  .jawar-signature-v4 .jb-image-text .copy .jb-prose{
    font-size:16px;
  }
  .jawar-signature-v4 .jb-impact-points{
    gap:18px;
  }
  .jawar-signature-v4 .jb-impact-points>div{
    grid-template-columns:42px 1fr;
    gap:14px;
  }
  .jawar-signature-v4 .jb-impact-points>div>span{
    width:38px;
    height:38px;
  }
  .jawar-signature-v4 .jb-impact-points strong{
    font-size:14px;
  }
  .jawar-signature-v4 .jb-impact-points p{
    font-size:12px;
  }
  .jawar-signature-v4 .jb-text-action{
    font-size:12px;
  }
  .jawar-signature-v4 .jb-impact-collage{
    width:min(100%,560px);
    min-height:540px;
  }
  .jawar-signature-v4 .jb-impact-collage .main{
    height:370px;
  }
  .jawar-signature-v4 .jb-impact-collage .secondary{
    height:285px;
  }

  /* Categories / process */
  .jawar-signature-v4 .jb-category-grid,
  .jawar-signature-v4 .jb-info-grid,
  .jawar-signature-v4 .jb-process-grid{
    gap:20px;
  }
  .jawar-signature-v4 .jb-category-grid>a,
  .jawar-signature-v4 .jb-category-grid>article,
  .jawar-signature-v4 .jb-info-grid>article,
  .jawar-signature-v4 .jb-process-grid>article{
    padding:27px;
    border-radius:17px;
  }
  .jawar-signature-v4 .jb-category-grid span,
  .jawar-signature-v4 .jb-info-grid article>i,
  .jawar-signature-v4 .jb-process-grid article>span{
    width:46px;
    height:46px;
    margin-bottom:15px;
  }
  .jawar-signature-v4 .jb-category-grid strong,
  .jawar-signature-v4 .jb-info-grid h3,
  .jawar-signature-v4 .jb-process-grid h3{
    font-size:16px;
  }
  .jawar-signature-v4 .jb-category-grid small,
  .jawar-signature-v4 .jb-info-grid p,
  .jawar-signature-v4 .jb-process-grid p{
    font-size:12px;
  }

  /* News */
  .jawar-signature-v4 .jb-news-grid{
    gap:24px;
  }
  .jawar-signature-v4 .jb-news-grid article{
    border-radius:16px;
  }
  .jawar-signature-v4 .jb-news-grid .media{
    height:235px;
  }
  .jawar-signature-v4 .jb-news-grid article>div{
    padding:20px;
  }
  .jawar-signature-v4 .jb-news-grid time{
    font-size:10px;
  }
  .jawar-signature-v4 .jb-news-grid h3{
    font-size:17px;
  }
  .jawar-signature-v4 .jb-news-grid p{
    font-size:13px;
  }
  .jawar-signature-v4 .jb-news-grid article>div>a{
    font-size:11px;
  }

  /* FAQ */
  .jawar-signature-v4 .jb-faq-list{
    max-width:1040px;
    gap:14px;
  }
  .jawar-signature-v4 .jb-faq-list details{
    border-radius:14px;
    padding-inline:20px;
  }
  .jawar-signature-v4 .jb-faq-list summary{
    padding:20px 0;
    font-size:15px;
  }
  .jawar-signature-v4 .jb-faq-list p{
    padding-bottom:20px;
    font-size:14px;
    line-height:1.9;
  }

  /* CTA */
  .jawar-signature-v4 .jb-cta>.jb-container{
    padding:44px 48px;
    border-radius:22px;
  }
  .jawar-signature-v4 .jb-cta h2{
    font-size:34px;
  }
  .jawar-signature-v4 .jb-cta p{
    font-size:15px;
  }

  /* Footer */
  .jawar-footer{
    padding:60px 0 24px;
  }
  .jawar-footer-grid{
    gap:42px;
    padding-bottom:50px;
  }
  .jawar-footer h4{
    font-size:14px;
    margin-bottom:17px;
  }
  .jawar-footer a,
  .jawar-footer span{
    font-size:11.5px;
  }
  .jawar-footer-brand{
    max-width:390px;
  }
  .jawar-footer-logo img{
    max-width:150px;
    max-height:64px;
  }
  .jawar-footer-brand>p{
    font-size:12px;
  }
  .jawar-socials a{
    width:34px;
    height:34px;
  }
  .jawar-footer-bottom{
    padding-top:20px;
    font-size:11px;
  }
}

/* Medium screens: increase readability, but do not make layout oversized. */
@media (min-width: 768px) and (max-width: 1199px) {
  .jawar-signature-v4{font-size:16px}
  .jawar-main-nav a{font-size:13px}
  .jawar-signature-v4 .jb-heading p{font-size:15px}
  .jawar-signature-v4 .jb-project-card h3,
  .jawar-signature-v4 .jb-project-carousel .jb-project-card h3{font-size:17px}
  .jawar-signature-v4 .jb-project-card p,
  .jawar-signature-v4 .jb-project-carousel .jb-project-card p{font-size:12px}
}

/* Mobile remains deliberately compact, but text must never feel miniature. */
@media (max-width: 767px) {
  .jawar-signature-v4{font-size:16px}
  .jawar-signature-v4 .jb-heading p,
  .jawar-signature-v4 .jb-hero-copy>p{font-size:15px}
  .jawar-footer a,
  .jawar-footer span,
  .jawar-footer-brand>p{font-size:11px}
}