/*
Theme Name: Iktivaa Agriculture Cooperative by Nashir
Theme URI: https://www.iktivaa.sa/
Author: Nashir Business Services Company L.L.C.
Author URI: https://www.nashir.sa/
Description: قالب ووردبريس مخصص لجمعية اكتفاء الزراعية التعاونية بالقطيف، بتصميم احترافي متجاوب وخط Almarai.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: iktivaa
*/


    :root{
      --iktivaa-green:#0b5d3b;
      --iktivaa-green-2:#127a4d;
      --iktivaa-green-3:#1f9d62;
      --iktivaa-mint:#e8f5ee;
      --iktivaa-mint-2:#f5fbf7;
      --iktivaa-lime:#b9d77a;
      --iktivaa-gold:#d8a84f;
      --iktivaa-date:#7a4a2a;
      --iktivaa-ink:#14231b;
      --iktivaa-text:#405049;
      --iktivaa-muted:#6f7d76;
      --iktivaa-border:#dbe8e1;
      --iktivaa-white:#ffffff;
      --iktivaa-soft:#f7faf8;
      --iktivaa-danger:#b44b39;
      --shadow-soft:0 18px 45px rgba(20,35,27,.10);
      --shadow-card:0 12px 35px rgba(20,35,27,.08);
      --radius-xl:30px;
      --radius-lg:22px;
      --radius-md:16px;
      --radius-sm:12px;
      --container:1180px;
      --ease:cubic-bezier(.2,.8,.2,1);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"Almarai","IBM Plex Sans Arabic","Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
      color:var(--iktivaa-text);
      background:
        radial-gradient(circle at 0 0, rgba(185,215,122,.22), transparent 26rem),
        radial-gradient(circle at 100% 12%, rgba(31,157,98,.12), transparent 25rem),
        var(--iktivaa-soft);
      line-height:1.85;
      overflow-x:hidden;
    }

    body.no-scroll{overflow:hidden}

    a{color:inherit;text-decoration:none}
    img,svg{max-width:100%;display:block}
    button,input,select,textarea{font:inherit}
    ::selection{background:rgba(11,93,59,.20);color:var(--iktivaa-ink)}

    .container{
      width:min(var(--container), calc(100% - 32px));
      margin-inline:auto;
    }

    .skip-link{
      position:absolute;
      top:-60px;
      right:20px;
      z-index:9999;
      background:var(--iktivaa-green);
      color:#fff;
      padding:10px 16px;
      border-radius:999px;
      transition:.25s var(--ease);
    }
    .skip-link:focus{top:12px}

    .preloader{
      position:fixed;
      inset:0;
      background:var(--iktivaa-green);
      z-index:99999;
      display:grid;
      place-items:center;
      color:#fff;
      transition:opacity .45s var(--ease), visibility .45s var(--ease);
    }
    .preloader.is-hidden{opacity:0;visibility:hidden}
    .preloader__mark{
      width:94px;height:94px;border-radius:30px;
      background:linear-gradient(145deg, rgba(255,255,255,.22), rgba(255,255,255,.06));
      display:grid;place-items:center;
      border:1px solid rgba(255,255,255,.28);
      box-shadow:0 20px 55px rgba(0,0,0,.20);
      position:relative;
      overflow:hidden;
    }
    .preloader__mark:before{
      content:"";
      position:absolute;
      inset:auto -30% -35% -30%;
      height:55%;
      background:rgba(255,255,255,.16);
      transform:rotate(-8deg);
    }
    .preloader__leaf{
      width:42px;height:42px;
      border-radius:70% 0 70% 0;
      background:#dff1c0;
      transform:rotate(45deg);
      animation:pulseLeaf 1.2s infinite alternate var(--ease);
    }
    @keyframes pulseLeaf{to{transform:rotate(45deg) scale(1.1);background:#fff}}

    .top-ribbon{
      background:#083c28;
      color:#eef8f1;
      font-size:13px;
      border-bottom:1px solid rgba(255,255,255,.12);
    }
    .top-ribbon__inner{
      min-height:42px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
    }
    .top-ribbon__meta,.top-ribbon__tools{
      display:flex;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
    }
    .top-pill{
      display:inline-flex;
      align-items:center;
      gap:7px;
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.16);
      border-radius:999px;
      padding:5px 10px;
      line-height:1.2;
    }
    .access-btn{
      border:1px solid rgba(255,255,255,.18);
      background:rgba(255,255,255,.08);
      color:#fff;
      border-radius:999px;
      padding:5px 10px;
      cursor:pointer;
      transition:.25s var(--ease);
    }
    .access-btn:hover{background:rgba(255,255,255,.18)}

    .site-header{
      position:sticky;
      top:0;
      z-index:9000;
      background:rgba(255,255,255,.88);
      backdrop-filter:saturate(150%) blur(16px);
      border-bottom:1px solid rgba(219,232,225,.88);
      transition:.25s var(--ease);
    }
    .site-header.is-scrolled{box-shadow:0 14px 35px rgba(20,35,27,.08)}
    .nav-wrap{
      height:82px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:22px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:270px;
    }
    .brand__logo{
      width:58px;height:58px;border-radius:18px;
      background:
        radial-gradient(circle at 28% 22%, #fff 0 10%, transparent 11%),
        linear-gradient(145deg, #0b5d3b, #1e9b61);
      display:grid;
      place-items:center;
      box-shadow:0 12px 30px rgba(11,93,59,.20);
      border:1px solid rgba(255,255,255,.70);
      overflow:hidden;
      position:relative;
    }
    .brand__logo:before{
      content:"";
      width:30px;height:30px;
      border-radius:70% 0 70% 0;
      background:linear-gradient(145deg,#ffffff,#dfeec1);
      transform:rotate(45deg);
      position:absolute;
      top:13px;
      right:14px;
    }
    .brand__logo:after{
      content:"";
      width:26px;height:3px;
      background:#fff;
      border-radius:99px;
      position:absolute;
      bottom:14px;
      opacity:.8;
    }
    .brand__text strong{
      display:block;
      color:var(--iktivaa-ink);
      font-size:17px;
      line-height:1.35;
      letter-spacing:-.2px;
    }
    .brand__text span{
      color:var(--iktivaa-muted);
      font-size:12.5px;
      display:block;
      margin-top:2px;
    }
    .main-nav{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      flex:1;
    }
    .main-nav a{
      padding:10px 12px;
      color:#26382f;
      font-size:14px;
      font-weight:700;
      border-radius:999px;
      transition:.25s var(--ease);
      white-space:nowrap;
    }
    .main-nav a:hover,
    .main-nav a.is-active{
      color:var(--iktivaa-green);
      background:var(--iktivaa-mint);
    }
    .header-actions{
      display:flex;
      align-items:center;
      gap:10px;
    }
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      min-height:46px;
      padding:11px 18px;
      border-radius:999px;
      border:1px solid transparent;
      font-weight:800;
      cursor:pointer;
      transition:.25s var(--ease);
      white-space:nowrap;
      line-height:1.3;
    }
    .btn-primary{
      color:#fff;
      background:linear-gradient(135deg, var(--iktivaa-green), var(--iktivaa-green-3));
      box-shadow:0 12px 28px rgba(11,93,59,.22);
    }
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(11,93,59,.30)}
    .btn-secondary{
      background:#fff;
      border-color:var(--iktivaa-border);
      color:var(--iktivaa-green);
    }
    .btn-secondary:hover{background:var(--iktivaa-mint);transform:translateY(-2px)}
    .btn-ghost{
      background:rgba(255,255,255,.12);
      border-color:rgba(255,255,255,.25);
      color:#fff;
    }
    .btn-ghost:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}

    .menu-toggle{
      display:none;
      width:46px;height:46px;
      border-radius:15px;
      border:1px solid var(--iktivaa-border);
      background:#fff;
      cursor:pointer;
      position:relative;
    }
    .menu-toggle span{
      display:block;
      width:20px;height:2px;
      background:var(--iktivaa-green);
      margin:5px auto;
      border-radius:99px;
      transition:.25s var(--ease);
    }
    .menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .menu-toggle.is-open span:nth-child(2){opacity:0}
    .menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

    .mobile-panel{
      display:none;
      position:fixed;
      inset:124px 0 auto 0;
      z-index:8900;
      background:rgba(255,255,255,.98);
      border-bottom:1px solid var(--iktivaa-border);
      box-shadow:0 18px 35px rgba(20,35,27,.10);
      padding:12px 16px 20px;
    }
    .mobile-panel a{
      display:block;
      padding:13px 14px;
      border-bottom:1px solid #eef4f0;
      color:var(--iktivaa-ink);
      font-weight:800;
    }
    .mobile-panel .btn{margin-top:12px;width:100%}

    .hero{
      position:relative;
      min-height:690px;
      padding:72px 0 54px;
      overflow:hidden;
      background:
        linear-gradient(180deg, rgba(247,250,248,.86), rgba(255,255,255,.96)),
        radial-gradient(circle at 80% 15%, rgba(185,215,122,.24), transparent 22rem);
    }
    .hero:before{
      content:"";
      position:absolute;
      inset:auto -10% -1px -10%;
      height:160px;
      background:
        linear-gradient(135deg, rgba(11,93,59,.06) 25%, transparent 25%) 0 0/36px 36px,
        linear-gradient(225deg, rgba(11,93,59,.05) 25%, transparent 25%) 0 0/36px 36px;
      opacity:.6;
      pointer-events:none;
    }
    .hero__grid{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:1.02fr .98fr;
      gap:42px;
      align-items:center;
    }
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--iktivaa-green);
      background:#fff;
      border:1px solid var(--iktivaa-border);
      padding:8px 12px;
      border-radius:999px;
      box-shadow:0 8px 22px rgba(20,35,27,.05);
      font-weight:800;
      font-size:13px;
      margin-bottom:20px;
    }
    .eyebrow i{
      width:10px;height:10px;
      background:var(--iktivaa-gold);
      border-radius:50%;
      box-shadow:0 0 0 7px rgba(216,168,79,.14);
    }
    .hero h1{
      margin:0;
      font-size:clamp(34px, 5vw, 64px);
      line-height:1.14;
      color:var(--iktivaa-ink);
      letter-spacing:-1.4px;
    }
    .hero h1 span{
      color:var(--iktivaa-green);
      position:relative;
      display:inline-block;
    }
    .hero h1 span:after{
      content:"";
      position:absolute;
      right:0;left:0;bottom:2px;
      height:13px;
      background:rgba(185,215,122,.42);
      z-index:-1;
      border-radius:20px;
    }
    .hero__lead{
      margin:22px 0 0;
      color:#4c5a53;
      font-size:18px;
      max-width:680px;
    }
    .hero__actions{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-top:30px;
    }
    .hero__trust{
      margin-top:30px;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:12px;
      max-width:640px;
    }
    .trust-card{
      background:#fff;
      border:1px solid var(--iktivaa-border);
      border-radius:18px;
      padding:14px;
      box-shadow:0 8px 22px rgba(20,35,27,.05);
    }
    .trust-card strong{
      display:block;
      color:var(--iktivaa-green);
      font-size:20px;
      line-height:1.2;
    }
    .trust-card span{
      color:var(--iktivaa-muted);
      font-size:12.5px;
    }

    .hero-visual{
      position:relative;
      min-height:570px;
      display:grid;
      place-items:center;
    }
    .hero-visual__panel{
      width:min(100%, 530px);
      min-height:530px;
      border-radius:42px;
      padding:24px;
      background:
        linear-gradient(155deg, rgba(11,93,59,.96), rgba(18,122,77,.92)),
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.15), transparent 18rem);
      box-shadow:0 30px 75px rgba(11,93,59,.24);
      border:1px solid rgba(255,255,255,.28);
      color:#fff;
      position:relative;
      overflow:hidden;
    }
    .hero-visual__panel:before{
      content:"";
      position:absolute;
      width:330px;height:330px;
      border-radius:50%;
      background:rgba(255,255,255,.08);
      left:-120px;top:-110px;
    }
    .hero-visual__panel:after{
      content:"";
      position:absolute;
      width:260px;height:260px;
      border-radius:50%;
      background:rgba(185,215,122,.12);
      right:-80px;bottom:-90px;
    }
    .field-card{
      position:relative;
      z-index:2;
      height:100%;
      display:grid;
      grid-template-rows:auto 1fr auto;
      gap:16px;
    }
    .field-card__head{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:flex-start;
    }
    .badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      background:rgba(255,255,255,.13);
      border:1px solid rgba(255,255,255,.18);
      border-radius:999px;
      padding:8px 12px;
      font-size:13px;
      font-weight:800;
    }
    .season-tag{
      background:var(--iktivaa-gold);
      color:#1f2d22;
      border-radius:999px;
      padding:7px 11px;
      font-size:12px;
      font-weight:900;
    }
    .farm-illustration{
      align-self:center;
      width:100%;
      min-height:270px;
      border-radius:30px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.07)),
        linear-gradient(145deg, rgba(255,255,255,.06), transparent);
      border:1px solid rgba(255,255,255,.18);
      overflow:hidden;
      position:relative;
    }
    .farm-illustration svg{
      width:100%;
      height:100%;
      min-height:270px;
    }
    .field-card__bottom{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
    }
    .mini-metric{
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.18);
      border-radius:20px;
      padding:14px;
    }
    .mini-metric strong{
      display:block;
      font-size:25px;
      line-height:1.2;
      color:#fff;
    }
    .mini-metric span{
      font-size:12.5px;
      color:rgba(255,255,255,.78);
    }
    .floating-note{
      position:absolute;
      z-index:3;
      width:210px;
      background:#fff;
      color:var(--iktivaa-ink);
      border:1px solid var(--iktivaa-border);
      border-radius:22px;
      padding:14px;
      box-shadow:var(--shadow-soft);
    }
    .floating-note strong{
      display:block;
      color:var(--iktivaa-green);
      font-size:16px;
    }
    .floating-note p{
      margin:5px 0 0;
      font-size:12px;
      color:var(--iktivaa-muted);
      line-height:1.6;
    }
    .floating-note--one{right:0;top:38px}
    .floating-note--two{left:0;bottom:54px}

    section{position:relative}
    .section{
      padding:86px 0;
    }
    .section--white{background:#fff}
    .section--mint{background:linear-gradient(180deg,#fff,var(--iktivaa-mint-2))}
    .section-header{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:20px;
      margin-bottom:34px;
    }
    .section-title{
      margin:0;
      color:var(--iktivaa-ink);
      font-size:clamp(26px,3vw,40px);
      line-height:1.25;
      letter-spacing:-.7px;
    }
    .section-subtitle{
      margin:10px 0 0;
      color:var(--iktivaa-muted);
      max-width:710px;
      font-size:16px;
    }

    .about-grid{
      display:grid;
      grid-template-columns:.92fr 1.08fr;
      gap:30px;
      align-items:stretch;
    }
    .about-card{
      background:var(--iktivaa-green);
      color:#fff;
      border-radius:var(--radius-xl);
      padding:32px;
      box-shadow:var(--shadow-soft);
      overflow:hidden;
      position:relative;
      min-height:420px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .about-card:after{
      content:"";
      position:absolute;
      width:280px;height:280px;
      border-radius:50%;
      left:-80px;top:-80px;
      background:rgba(255,255,255,.08);
    }
    .about-card h2{
      margin:0;
      position:relative;
      z-index:2;
      font-size:34px;
      line-height:1.25;
      color:#fff;
    }
    .about-card p{
      position:relative;
      z-index:2;
      color:rgba(255,255,255,.82);
      margin:18px 0 0;
    }
    .about-card__number{
      position:relative;
      z-index:2;
      display:flex;
      align-items:end;
      gap:12px;
      margin-top:40px;
    }
    .about-card__number strong{
      font-size:56px;
      line-height:1;
      color:#dff1c0;
    }
    .about-card__number span{
      color:rgba(255,255,255,.86);
      font-weight:800;
    }
    .about-content{
      display:grid;
      gap:16px;
    }
    .feature-row{
      background:#fff;
      border:1px solid var(--iktivaa-border);
      border-radius:24px;
      padding:22px;
      display:grid;
      grid-template-columns:auto 1fr;
      gap:16px;
      box-shadow:0 10px 28px rgba(20,35,27,.04);
      transition:.25s var(--ease);
    }
    .feature-row:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
    .feature-icon{
      width:54px;height:54px;border-radius:18px;
      display:grid;place-items:center;
      color:var(--iktivaa-green);
      background:var(--iktivaa-mint);
      font-size:25px;
    }
    .feature-row h3{
      margin:0 0 5px;
      color:var(--iktivaa-ink);
      font-size:18px;
    }
    .feature-row p{margin:0;color:var(--iktivaa-muted);font-size:14.5px}

    .services-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
    }
    .service-card{
      background:#fff;
      border:1px solid var(--iktivaa-border);
      border-radius:26px;
      padding:24px;
      min-height:245px;
      box-shadow:0 10px 28px rgba(20,35,27,.04);
      transition:.25s var(--ease);
      position:relative;
      overflow:hidden;
    }
    .service-card:before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(11,93,59,.06), transparent 45%);
      opacity:0;
      transition:.25s var(--ease);
    }
    .service-card:hover{
      transform:translateY(-6px);
      box-shadow:var(--shadow-card);
      border-color:rgba(11,93,59,.18);
    }
    .service-card:hover:before{opacity:1}
    .service-card__icon{
      width:58px;height:58px;border-radius:20px;
      background:linear-gradient(135deg,var(--iktivaa-mint),#fff);
      border:1px solid var(--iktivaa-border);
      display:grid;place-items:center;
      color:var(--iktivaa-green);
      font-size:27px;
      margin-bottom:22px;
      position:relative;
      z-index:2;
    }
    .service-card h3{
      margin:0 0 10px;
      color:var(--iktivaa-ink);
      font-size:18px;
      position:relative;
      z-index:2;
    }
    .service-card p{
      margin:0;
      color:var(--iktivaa-muted);
      font-size:14.5px;
      line-height:1.75;
      position:relative;
      z-index:2;
    }
    .service-card a{
      position:relative;
      z-index:2;
      margin-top:18px;
      display:inline-flex;
      color:var(--iktivaa-green);
      font-weight:900;
      font-size:13px;
    }

    .crops-wrapper{
      display:grid;
      grid-template-columns:1fr .85fr;
      gap:24px;
      align-items:start;
    }
    .crop-showcase{
      background:
        linear-gradient(145deg, rgba(11,93,59,.94), rgba(18,122,77,.88)),
        radial-gradient(circle at 0 0, rgba(255,255,255,.22), transparent 20rem);
      color:#fff;
      border-radius:var(--radius-xl);
      padding:30px;
      box-shadow:var(--shadow-soft);
      min-height:460px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      overflow:hidden;
      position:relative;
    }
    .crop-showcase:before{
      content:"";
      position:absolute;
      inset:auto 0 0 0;
      height:42%;
      background:
        linear-gradient(135deg, rgba(255,255,255,.09) 25%, transparent 25%) 0 0/42px 42px,
        linear-gradient(225deg, rgba(255,255,255,.06) 25%, transparent 25%) 0 0/42px 42px;
      opacity:.65;
    }
    .crop-showcase h3{
      margin:0;
      font-size:34px;
      line-height:1.25;
      position:relative;
      z-index:2;
    }
    .crop-showcase p{
      color:rgba(255,255,255,.80);
      position:relative;
      z-index:2;
      max-width:620px;
    }
    .crop-tags{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      position:relative;
      z-index:2;
    }
    .crop-tags span{
      background:rgba(255,255,255,.14);
      border:1px solid rgba(255,255,255,.18);
      border-radius:999px;
      padding:8px 12px;
      font-size:13px;
      font-weight:800;
    }
    .crops-list{
      display:grid;
      gap:14px;
    }
    .crop-item{
      background:#fff;
      border:1px solid var(--iktivaa-border);
      border-radius:22px;
      padding:18px;
      display:grid;
      grid-template-columns:auto 1fr auto;
      gap:14px;
      align-items:center;
      box-shadow:0 10px 24px rgba(20,35,27,.04);
    }
    .crop-item__icon{
      width:52px;height:52px;border-radius:18px;
      display:grid;place-items:center;
      background:var(--iktivaa-mint);
      font-size:25px;
    }
    .crop-item h4{margin:0;color:var(--iktivaa-ink);font-size:16px}
    .crop-item p{margin:2px 0 0;color:var(--iktivaa-muted);font-size:13px}
    .crop-item small{
      color:var(--iktivaa-green);
      background:var(--iktivaa-mint);
      border-radius:999px;
      padding:6px 10px;
      font-weight:900;
      white-space:nowrap;
    }

    .governance-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
    }
    .governance-card{
      border-radius:26px;
      padding:24px;
      background:#fff;
      border:1px solid var(--iktivaa-border);
      box-shadow:0 10px 28px rgba(20,35,27,.04);
    }
    .governance-card strong{
      width:44px;height:44px;border-radius:16px;
      display:grid;place-items:center;
      background:var(--iktivaa-green);
      color:#fff;
      margin-bottom:16px;
    }
    .governance-card h3{margin:0 0 9px;color:var(--iktivaa-ink);font-size:18px}
    .governance-card p{margin:0;color:var(--iktivaa-muted);font-size:14.5px}

    .impact-band{
      background:
        linear-gradient(135deg, rgba(11,93,59,.98), rgba(9,59,40,.97)),
        radial-gradient(circle at 15% 20%, rgba(185,215,122,.20), transparent 20rem);
      color:#fff;
      padding:58px 0;
      overflow:hidden;
    }
    .impact-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
    }
    .impact-item{
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.16);
      border-radius:24px;
      padding:23px;
      min-height:150px;
    }
    .impact-item strong{
      display:block;
      color:#dff1c0;
      font-size:38px;
      line-height:1.15;
      letter-spacing:-.8px;
    }
    .impact-item span{
      color:rgba(255,255,255,.78);
      font-weight:700;
      font-size:14px;
    }

    .news-grid{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:22px;
    }
    .news-feature{
      background:#fff;
      border:1px solid var(--iktivaa-border);
      border-radius:var(--radius-xl);
      box-shadow:var(--shadow-card);
      overflow:hidden;
    }
    .news-image{
      height:260px;
      background:
        linear-gradient(135deg, rgba(11,93,59,.65), rgba(185,215,122,.20)),
        repeating-linear-gradient(45deg, rgba(255,255,255,.14) 0 2px, transparent 2px 18px),
        var(--iktivaa-green);
      position:relative;
    }
    .news-image:after{
      content:"الأخبار والفعاليات";
      position:absolute;
      right:24px;
      bottom:22px;
      color:#fff;
      font-size:30px;
      font-weight:900;
      letter-spacing:-.6px;
    }
    .news-body{padding:26px}
    .news-body h3{margin:0 0 9px;color:var(--iktivaa-ink);font-size:24px}
    .news-body p{margin:0;color:var(--iktivaa-muted)}
    .news-list{display:grid;gap:14px}
    .news-small{
      background:#fff;
      border:1px solid var(--iktivaa-border);
      border-radius:24px;
      padding:20px;
      box-shadow:0 10px 28px rgba(20,35,27,.04);
      display:grid;
      grid-template-columns:auto 1fr;
      gap:14px;
      align-items:start;
    }
    .news-date{
      width:58px;
      border-radius:18px;
      background:var(--iktivaa-mint);
      color:var(--iktivaa-green);
      text-align:center;
      padding:8px 6px;
      font-weight:900;
      line-height:1.2;
    }
    .news-date small{display:block;color:var(--iktivaa-muted);font-size:11px}
    .news-small h4{margin:0 0 6px;color:var(--iktivaa-ink);font-size:16px}
    .news-small p{margin:0;color:var(--iktivaa-muted);font-size:13.5px;line-height:1.65}

    .partners-strip{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:14px;
    }
    .partner-box{
      min-height:98px;
      background:#fff;
      border:1px solid var(--iktivaa-border);
      border-radius:22px;
      display:grid;
      place-items:center;
      text-align:center;
      padding:14px;
      color:var(--iktivaa-muted);
      font-weight:900;
      box-shadow:0 10px 24px rgba(20,35,27,.04);
    }

    .contact-grid{
      display:grid;
      grid-template-columns:.85fr 1.15fr;
      gap:24px;
      align-items:start;
    }
    .contact-card{
      background:var(--iktivaa-green);
      color:#fff;
      border-radius:var(--radius-xl);
      padding:30px;
      box-shadow:var(--shadow-soft);
      position:sticky;
      top:120px;
      overflow:hidden;
    }
    .contact-card:before{
      content:"";
      position:absolute;
      width:230px;height:230px;border-radius:50%;
      left:-90px;bottom:-90px;
      background:rgba(255,255,255,.08);
    }
    .contact-card h3{margin:0 0 14px;font-size:28px;color:#fff;position:relative}
    .contact-card p{color:rgba(255,255,255,.80);position:relative}
    .contact-info{
      display:grid;
      gap:12px;
      margin-top:22px;
      position:relative;
    }
    .contact-info div{
      background:rgba(255,255,255,.11);
      border:1px solid rgba(255,255,255,.16);
      border-radius:18px;
      padding:13px;
    }
    .contact-info strong{display:block;color:#dff1c0}
    .form-card{
      background:#fff;
      border:1px solid var(--iktivaa-border);
      border-radius:var(--radius-xl);
      padding:30px;
      box-shadow:var(--shadow-card);
    }
    .form-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }
    .form-field{display:grid;gap:7px}
    .form-field.full{grid-column:1/-1}
    .form-field label{
      color:var(--iktivaa-ink);
      font-weight:900;
      font-size:14px;
    }
    .form-field input,
    .form-field select,
    .form-field textarea{
      width:100%;
      border:1px solid var(--iktivaa-border);
      border-radius:16px;
      padding:12px 14px;
      background:#fbfdfb;
      color:var(--iktivaa-ink);
      outline:none;
      transition:.2s var(--ease);
    }
    .form-field textarea{min-height:140px;resize:vertical}
    .form-field input:focus,
    .form-field select:focus,
    .form-field textarea:focus{
      border-color:rgba(11,93,59,.42);
      box-shadow:0 0 0 4px rgba(11,93,59,.08);
      background:#fff;
    }
    .form-note{
      margin:15px 0 0;
      color:var(--iktivaa-muted);
      font-size:13px;
    }

    .site-footer{
      background:#071f16;
      color:rgba(255,255,255,.78);
      padding:58px 0 0;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.3fr .8fr .8fr 1fr;
      gap:28px;
      padding-bottom:38px;
    }
    .footer-brand{
      display:flex;
      gap:12px;
      align-items:center;
      margin-bottom:16px;
    }
    .footer-brand .brand__logo{width:52px;height:52px;box-shadow:none}
    .footer-brand strong{color:#fff;display:block;font-size:17px;line-height:1.35}
    .footer-brand span{display:block;color:rgba(255,255,255,.58);font-size:12px}
    .footer-col h4{
      color:#fff;
      margin:0 0 12px;
      font-size:16px;
    }
    .footer-col p{margin:0;color:rgba(255,255,255,.68);font-size:14px}
    .footer-links{display:grid;gap:8px}
    .footer-links a{
      color:rgba(255,255,255,.70);
      font-size:14px;
      transition:.2s var(--ease);
    }
    .footer-links a:hover{color:#dff1c0;transform:translateX(-3px)}
    .footer-bottom{
      border-top:1px solid rgba(255,255,255,.10);
      padding:16px 0;
      display:flex;
      justify-content:space-between;
      gap:14px;
      flex-wrap:wrap;
      font-size:13px;
      color:rgba(255,255,255,.62);
    }
    .footer-bottom a{
      color:#dff1c0;
      font-weight:900;
    }

    .back-to-top{
      position:fixed;
      left:18px;
      bottom:18px;
      width:48px;height:48px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.45);
      background:var(--iktivaa-green);
      color:#fff;
      display:grid;
      place-items:center;
      box-shadow:0 12px 28px rgba(11,93,59,.28);
      cursor:pointer;
      opacity:0;
      transform:translateY(14px);
      pointer-events:none;
      transition:.25s var(--ease);
      z-index:8500;
    }
    .back-to-top.is-visible{
      opacity:1;
      transform:translateY(0);
      pointer-events:auto;
    }

    .wp-integration-note{
      margin-top:18px;
      border:1px dashed rgba(11,93,59,.28);
      background:rgba(232,245,238,.70);
      color:#355145;
      border-radius:18px;
      padding:14px;
      font-size:13px;
    }


    /* الشعار الرسمي لجمعية اكتفاء */
    .brand--official{
      min-width:330px;
      align-items:center;
    }
    .brand__image-wrap{
      width:318px;
      height:66px;
      border-radius:22px;
      padding:8px 13px;
      background:
        linear-gradient(145deg, rgba(7,31,22,.98), rgba(11,93,59,.94)),
        radial-gradient(circle at 82% 15%, rgba(185,215,122,.20), transparent 12rem);
      border:1px solid rgba(255,255,255,.24);
      box-shadow:0 14px 34px rgba(11,93,59,.18);
      display:flex;
      align-items:center;
      justify-content:center;
      overflow:hidden;
    }
    .brand__image{
      width:100%;
      height:100%;
      object-fit:contain;
      object-position:center;
      filter:drop-shadow(0 4px 12px rgba(0,0,0,.18));
    }
    .footer-brand--official{
      display:block;
      margin-bottom:18px;
    }
    .footer-brand__image{
      width:320px;
      max-width:100%;
      height:auto;
      filter:drop-shadow(0 8px 20px rgba(0,0,0,.18));
    }

    @media (max-width:1100px){
      .main-nav{display:none}
      .menu-toggle{display:block}
      .header-actions .btn-primary{display:none}

      .brand--official{min-width:260px}
      .brand__image-wrap{width:250px;height:58px;border-radius:18px;padding:7px 10px}
      .mobile-panel.is-open{display:block}
      .hero__grid,
      .about-grid,
      .crops-wrapper,
      .news-grid,
      .contact-grid{
        grid-template-columns:1fr;
      }
      .hero-visual{min-height:auto}
      .floating-note{display:none}
      .services-grid{grid-template-columns:repeat(2,1fr)}
      .impact-grid{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1fr 1fr}
      .contact-card{position:relative;top:auto}
    }
    @media (max-width:780px){
      .top-ribbon__inner{justify-content:center;padding:8px 0}
      .top-ribbon__tools{justify-content:center}
      .nav-wrap{height:74px}
      .brand{min-width:auto}

      .brand--official{min-width:198px}
      .brand__image-wrap{width:196px;height:50px;border-radius:16px;padding:6px 8px}
      .hero{padding:42px 0 36px;min-height:auto}
      .hero__trust{grid-template-columns:1fr}
      .hero-visual__panel{min-height:auto;border-radius:30px}
      .field-card__bottom{grid-template-columns:1fr}
      .section{padding:58px 0}
      .section-header{display:block}
      .services-grid,
      .governance-grid,
      .impact-grid,
      .partners-strip,
      .form-grid,
      .footer-grid{
        grid-template-columns:1fr;
      }
      .crop-item{grid-template-columns:auto 1fr}
      .crop-item small{grid-column:1/-1;width:max-content}
      .footer-bottom{justify-content:center;text-align:center}
      .mobile-panel{inset:116px 0 auto 0}
    }
    @media print{
      .top-ribbon,.site-header,.hero__actions,.contact-grid,.back-to-top,.preloader{display:none!important}
      body{background:#fff;color:#111}
      .section,.hero{padding:22px 0}
      .hero__grid,.about-grid,.crops-wrapper,.news-grid{grid-template-columns:1fr}
      .service-card,.feature-row,.governance-card,.news-feature,.news-small{break-inside:avoid;box-shadow:none}
      .site-footer{background:#fff;color:#111;border-top:1px solid #ddd}
      .footer-brand strong,.footer-col h4{color:#111}
      .footer-bottom a{color:#0b5d3b}
    }