/* Arter - layihələr, media/məqalə, haqqımızda və əlaqə səhifələri (redesign 2026-10, P5). Yalnız bu görünüşlərdə yüklənir:
   theme/layout.php ($t_view projects | project | media | article | about | contact) -> /assets/css/pages.v<filemtime>.css
   (.htaccess R6 qaydası, 1 il immutable). Tokenlər, düymələr, kartlar, .prose, demo forması site.css-dədir; burada yalnız
   bu qrupda yarana bilən komponentlər: layihə kartları və statistika, məqalə (seçilmiş yazı, şəkil, paylaşma), komanda,
   dəyərlər, partnyor loqoları divarı, əlaqə kartları və xəritə. Qayda: yalnız adi "-". */

/* ─── site.css-dən köçürülüb (P5, 2026-10-08): yalnız bu səhifə qrupunda işlənən qaydalar, orijinal sıra ilə. Burada, faylın
   öz qaydalarından ƏVVƏL durur - site.css -> bu blok -> faylın öz qaydaları ardıcıllığı köhnə kaskadla eynidir. ─── */
/* ─── Düymələr və linklər ─── */
.chip-btn{font:600 13.5px var(--font);padding:8px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.chip-btn:hover{border-color:var(--ink)}
/* ─── Daxili səhifə başlığı, səhifə yolu ─── */
.meta-row{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--muted);align-items:center}
.meta-row .dot{width:4px;height:4px;background:var(--gold)}
/* ─── Ümumi bloklar ─── */
.stack{display:grid;gap:16px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw / var(--zoom),56px);align-items:start}
/* Layihə kartları, nəticələr */
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pcard{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;background:var(--bg);transition:border-color .15s,box-shadow .15s}
.pcard:hover{border-color:var(--gold-light);box-shadow:var(--shadow)}
.pcard .ph,.tcard .ph,.afeat .ph{border:0;border-radius:0}
.pcard-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.pcard .meta{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dark)}
.pcard .client{font-family:var(--font-display);font-size:1.35rem;font-weight:700;line-height:1.15}
.pcard p{color:var(--muted);font-size:15px;flex:1}
.pcard .nums b{font-size:2rem}
.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line)}
.stats-row > div{padding:22px 20px 22px 0;display:grid;gap:4px}
.stats-row > div + div{padding-left:20px;border-left:1px solid var(--line)}
.stats-row b{font-family:var(--font-display);font-variation-settings:"SHRP" 60;font-size:clamp(1.9rem,3.2vw / var(--zoom),2.6rem);font-weight:700;line-height:1;color:var(--red);font-variant-numeric:tabular-nums}
.stats-row span{font-size:14px;color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:clamp(36px,5vw / var(--zoom),56px)}
.pn a{border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;text-decoration:none;display:grid;gap:4px}
.pn a:hover{border-color:var(--ink)}
.pn small{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pn b{font-size:1.05rem}
.pn .next{text-align:right}
/* Məqalə kartları */
.afeat{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;margin-bottom:16px;background:var(--bg)}
.afeat .ph{--ar:16/10;height:100%}
.afeat .ph img{object-position:0 50%}   /* blog örtüyü 1200x660: mətn soldadır */
/* blog örtüyü 1200x660: mətn soldadır */
.afeat-body{padding:clamp(22px,3vw / var(--zoom),36px);display:grid;gap:14px;align-content:center}
.afeat h3{font-size:clamp(1.4rem,2.4vw / var(--zoom),1.9rem);font-weight:700;line-height:1.2}   /* h3 (SEO 2026-10-09: digər kartlarla eyni səviyyə), görünüş əvvəlki h2-dir */
.afeat p{color:var(--muted)}
.share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-block:20px;border-block:1px solid var(--line);margin-top:36px}
.share > span{font-size:14px;color:var(--muted);margin-right:4px}
/* Haqqımızda */
.values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line)}
.values div{padding:22px 18px 0 0;display:grid;gap:8px;align-content:start}
.values div + div{padding-left:18px;border-left:1px solid var(--line)}
.values b{font-family:var(--font-display);font-size:12.5px;font-weight:700;color:var(--gold-dark)}
.values h3{font-size:1.08rem;font-weight:650}
.values p{color:var(--muted);font-size:14.5px;line-height:1.5}
.tcard{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg)}
.tcard .ph{--ar:4/3.4}
.tcard-body{padding:16px 18px 20px;display:grid;gap:2px}
.tcard b{font-size:1.08rem}
.tcard span{font-size:14px;color:var(--muted)}
.logo-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.logo-wall .ph{--ar:3/2;border-radius:10px}
/* ru "сертифицированных", de "Kundenbindungsrate" 150 px xanaya sığmırdı */
.facts-table{width:100%;border-collapse:collapse}
.facts-table th,.facts-table td{text-align:left;padding:14px 0;border-bottom:1px solid var(--dark-line);vertical-align:top;font-size:15px}
.facts-table th{color:var(--on-dark-muted);font-weight:500;width:44%;padding-right:16px}
.facts-table td{font-weight:600}
/* Əlaqə */
.ccards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ccard{border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:grid;gap:6px;align-content:start}
.ccard h3{font:700 12px/1.4 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark)}
.ccard p{font-size:15.5px;font-weight:500}
.map-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px;border-radius:var(--radius);background:var(--stone);border:1px solid var(--stone-2)}
.map-card b{display:block;font-size:1.05rem}
.map-card span{color:var(--muted);font-size:14.5px}
/* ─── Formalar (dizaynın .lead / .form-grid; sahə sərhədi 3:1, fokus görünür) ─── */
.privacy{font-size:12.5px;color:var(--muted)}
.privacy a{color:inherit}
/* ─── P3: layihələr, media/məqalə, haqqımızda, əlaqə ─── */
.ph.contain.is-logo img{padding:14% 18%}
.gallery{list-style:none;margin:0;padding:0}
.gallery a.ph:hover img{transform:scale(1.02)}
.gallery img{transition:transform .2s}
.vid-badge{position:absolute;left:12px;top:12px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:6px;background:var(--ink);color:var(--on-dark);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.vid-badge .ic{width:14px;height:14px;fill:currentColor;stroke:none}
/* Məqalə */
.art-main{min-width:0}
.art-img{margin:0 0 clamp(24px,3vw / var(--zoom),32px)}
.art-img img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);background:var(--stone)}
.prose .prose-lede{font-size:1.12em;font-weight:500;color:var(--ink-2);line-height:1.6}
.art-main > .prose > p:first-child:not(.prose-lede){font-size:1.12em;color:var(--ink-2)}
.share .chip-btn .ic{width:16px;height:16px}
.share .chip-btn .ic-fill{fill:currentColor;stroke:none}
.toc .toc-sub a{padding-left:14px;font-size:13.5px;color:var(--muted)}
/* Partnyor loqoları divarı (haqqımızda, layihələr) - boş kənarlar kəsilmiş loqo (arter_home_logos), ağ kart */
.logo-wall{list-style:none;margin:0;padding:0}
.lw{display:grid;place-items:center;aspect-ratio:3/2;border:1px solid var(--line);border-radius:10px;background:#FFFFFF;padding:10px;min-width:0}
.lw-dark{background:var(--ink);border-color:var(--ink)}
.lw{container-type:inline-size}
.lw-logo{display:block;width:min(86%,calc(var(--h,40px) * var(--r,2)));aspect-ratio:var(--r,2);overflow:hidden}
/* cqw = kafelin məzmun eni; hündürlük həddi: 3/2 kafelin məzmun hündürlüyünün 86%-i (padding 10px) */
.lw-logo{width:min(86cqw,calc((57.3cqw - 5.7px) * var(--r,2)),calc(var(--h,40px) * var(--r,2) * 1.9))}
.lw-logo img{display:block;width:100%;max-width:none;height:auto}
/* Haqqımızda */
.about-p{color:var(--muted);font-size:1.06rem}
.about-nums{list-style:none;margin:6px 0 0;padding:18px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px 36px}
.about-nums b{display:block;font-family:var(--font-display);font-variation-settings:"SHRP" 60;font-size:clamp(1.8rem,3vw / var(--zoom),2.3rem);font-weight:700;line-height:1;color:var(--red);font-variant-numeric:tabular-nums}
.about-nums span{font-size:14px;color:var(--muted)}
.tcard-n{font:650 1.08rem/1.3 var(--font-display);font-variation-settings:"SHRP" 45}
.tcard-li{justify-self:start;margin-top:10px;display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;color:var(--ink)}
.tcard-li:hover{border-color:var(--ink)}
.tcard-li .ic{width:18px;height:18px}
.values b + h3{margin-top:2px}
/* Əlaqə */
.ccard-h{font:700 12px/1.4 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark)}
.ccard a{text-decoration:none;font-weight:600}
.ccard a:hover{text-decoration:underline;text-underline-offset:3px}
.wa-card{background:var(--wa-dark)}   /* ağ 16px mətn: 5.4:1, #E8FFF1 13.5px: 5.1:1 */
/* ağ 16px mətn: 5.4:1, #E8FFF1 13.5px: 5.1:1 */
.wa-card .play{background:rgba(0,0,0,.18)}
.wa-card .play::before{display:none}
.wa-card .play .ic{width:26px;height:26px;color:#FFFFFF}
.wa-card > span{color:#FFFFFF}
.wa-card b{color:#FFFFFF}
.wa-card span span{color:#E8FFF1}
.wa-card:hover{background:#0B6633}
.wa-card:hover .play{background:rgba(0,0,0,.25)}
.ct-form{padding:clamp(22px,3vw / var(--zoom),36px);gap:12px}
.ct-form .h2{font-size:clamp(1.5rem,2.6vw / var(--zoom),2rem)}
.ct-form .lead{margin-top:10px}
.map-card[data-map-src],.sticky .map-card{grid-template-columns:minmax(0,1fr)}
.map-btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.map-btns .btn .ic{width:16px;height:16px}
@media (max-width:930px),(max-width:1100px) and (hover:none),(max-width:1100px) and (pointer:coarse),print and (max-width:1100px){
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .values{grid-template-columns:repeat(2,minmax(0,1fr))}
  .values div:nth-child(odd){padding-left:0;border-left:0}
  .ccards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:900px){
  .two,.afeat{grid-template-columns:minmax(0,1fr)}
  .stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats-row > div:nth-child(3){padding-left:0;border-left:0}
  .stats-row > div:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:640px){
  .pgrid,.ccards,.values,.gallery,.pn{grid-template-columns:minmax(0,1fr)}
  .values div{padding-left:0!important;border-left:0!important;border-bottom:1px solid var(--line);padding-bottom:18px}
  .logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .map-card{grid-template-columns:minmax(0,1fr)}
  .pn .next{text-align:left}
  .lw{padding:6px}
  .lw-logo{width:min(88%,calc(var(--h,40px) * var(--r,2) * .8))}
  .lw-logo{width:min(88cqw,calc((57.3cqw - 3.4px) * var(--r,2)),calc(var(--h,40px) * var(--r,2) * 1.5))}
  .about-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}
}

/* ─── Blueprint dili (21st.dev seçimi, Batch A) - site.css-dəki eyni adlı blokun bu fayla aid hissəsi (qaydalar orada) ───
   Partnyor loqoları divarı: 42 ayrı qutu əvəzinə bir sakit istinad cədvəli - xanalar arasında tük xətlər, kəsişmələrdə kiçik "+".
   Hər xana öz sağ və alt xəttini çəkir (inset kölgə, --hair qalınlığı - zonada 1 cihaz px); divarın kənarındakı xətlər və "+"-lar
   clip-path ilə kəsilir (5 px - "+"-ın yarısından çox), ona görə sütun sayı (6/4/3) və natamam son sıra üçün ayrıca qayda lazım deyil.
   Xananın fonu şəffafdır - qonşu xananın "+"-ını örtmür. Boz -> rəngli hover köhnə saytdakı kimi, yalnız siçanlı cihazda
   (toxunmada və çapda loqolar rəngli qalır - çap da (hover:hover) uyğun gəlir, ona görə "screen and") */
@media screen{
  .logo-wall{gap:0;clip-path:inset(0 5px 5px 5px)}
  .lw{position:relative;border:0;border-radius:0;background:transparent;box-shadow:inset calc(-1 * var(--hair)) calc(-1 * var(--hair)) 0 var(--line)}
  .lw-dark{background:var(--ink)}
  .lw::after{content:"";position:absolute;right:-4px;bottom:-4px;width:9px;height:9px;z-index:1;pointer-events:none;
    background:linear-gradient(var(--gold),var(--gold)) 50% 0/var(--hair) 100% no-repeat,linear-gradient(var(--gold),var(--gold)) 0 50%/100% var(--hair) no-repeat}
}
@media screen and (hover:hover) and (pointer:fine){
  .lw-logo{filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
  .lw:hover .lw-logo{filter:none;opacity:1}
}

/* ─── 21st.dev seçimi, Batch B - site.css-dəki eyni adlı blokun bu fayla aid hissəsi ───
   Layihələr siyahısı (seçim 6): müştəri loqosu daş paneldə (ağ fonlu loqo multiply ilə panelə qarışır - ağ düzbucaqlı görünmür);
   seçilmiş layihə (.is-feat, AzərTexnoloji Park) tam enli kartdır: solda mətn və iki tonlu başlıq (müştərinin adı + layihənin
   mövcud mətni solğun, 6,3:1), sağda şəkil. Filtr seçiləndə (core.js .is-feat-i götürür) adi kart olur - başlığın solğun hissəsi
   onda kartın adi mətni kimi görünür. Məqalə səhifəsi: meta sətrində oxuma müddəti nişanı */
.pcard .ph--logo{background:var(--stone)}
.pcard .ph.ph--logo > img{inset:0;margin:auto;width:min(64%,280px);height:min(46%,96px);padding:0;object-fit:contain;background:transparent;mix-blend-mode:multiply}
.pcard .pj-logo{position:relative;display:block;width:min(44%,calc(140px * var(--r,1)));aspect-ratio:var(--r,1);overflow:hidden;mix-blend-mode:multiply}
/* Seçilmiş kart varsa qalan kartlar 2 sütunda (3 layihə: seçilmiş + 2 - boş xana qalmır); filtr seçiləndə yenə 3 sütun.
   2 sütunda kart enlidir - şəkil/loqo paneli alçaq zolaqdır (21:9), loqo ölçüsü həddlə eyni qalır */
.pgrid:has(> .is-feat){grid-template-columns:repeat(2,minmax(0,1fr))}
.pgrid:has(> .is-feat) > .pcard:not(.is-feat) .ph{aspect-ratio:21/9}
.pcard .ph .pj-logo img{position:static;display:block;width:100%;max-width:none;height:auto;object-fit:fill}
.pcard .client .feat-sub{display:block;margin-top:10px;font:400 15px/1.5 var(--font);letter-spacing:0;color:var(--muted)}
.pcard.is-feat{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.pcard.is-feat .ph{order:2;aspect-ratio:auto;min-height:clamp(260px,26vw / var(--zoom),440px);height:100%}
.pcard.is-feat .pcard-body{padding:clamp(24px,3.6vw / var(--zoom),52px);justify-content:center;gap:14px}
.pcard.is-feat .client{font-size:clamp(1.6rem,2.6vw / var(--zoom),2.3rem);font-weight:700;line-height:1.14;letter-spacing:-.015em;max-width:26ch}
.pcard.is-feat .client .feat-sub{margin-top:4px;font:inherit;letter-spacing:inherit;color:var(--muted)}
.pcard.is-feat .nums{gap:34px;padding-top:12px}
.pcard.is-feat .nums b{font-size:2.6rem}
@media (max-width:640px){
  .pgrid:has(> .is-feat){grid-template-columns:minmax(0,1fr)}
  .pgrid:has(> .is-feat) > .pcard:not(.is-feat) .ph{aspect-ratio:16/10}
  .pcard.is-feat{display:flex;flex-direction:column}
  .pcard.is-feat .ph{order:0;aspect-ratio:16/10;min-height:0;height:auto}
  .pcard.is-feat .pcard-body{padding:20px 22px 22px}
}
.rt-pill--meta{padding:3px 10px 3px 8px;border-radius:999px;background:var(--stone);border:1px solid var(--stone-2);color:var(--ink-2);font-size:13px}

/* ─── Xırda mətnlər masaüstü miqyasında (sahibkar 2026-10-08) - site.css-in sonundakı blokun bu fayla aid hissəsi: zonada (zoom .75)
   14,5 CSS px-dən kiçik mətnlər 14,5 px-ə (ekranda ~10,9 px). Şərt site.css-dəki zona ilə eynidir; toxunma, ≤930 px və çap dəyişmir.
   Faylın sonundadır - selektorlar orijinalın eynisidir, sonra gəldiyi üçün üstündür (spesifiklik dəyişmir). ─── */
@supports (zoom:1){
  @media screen and (hover:hover) and (pointer:fine){
    @media not all and (max-width:930px){
      /* Düymə-çip (paylaşma), məqalə meta sətri, TOC alt bəndi */
      .chip-btn{font-size:14.5px}
      .meta-row{font-size:14.5px}
      .share > span{font-size:14.5px}
      .toc .toc-sub a{font-size:14.5px}
      /* Layihələr: kartın sektoru, statistika, əvvəlki/növbəti, video nişanı */
      .pcard .meta{font-size:14.5px}
      .stats-row span{font-size:14.5px}
      .pn small{font-size:14.5px}
      .vid-badge{font-size:14.5px}
      /* Haqqımızda: dəyərlərin nömrəsi, komanda vəzifəsi, rəqəm izahları */
      .values b{font-size:14.5px}
      .tcard span{font-size:14.5px}
      .about-nums span{font-size:14.5px}
      /* Əlaqə: kartların başlığı, forma qeydi */
      .ccard h3,.ccard-h{font-size:14.5px}
      .privacy{font-size:14.5px}
      /* Batch B: məqalənin oxuma müddəti nişanı */
      .rt-pill--meta{font-size:14.5px}
    }
  }
}