/* Düzen: A4 oranlı “kâğıt” sayfalar; bölüm geçişleri tam sayfa görsel; lamel (yatay şerit) motifi. Tek tema: kâğıt. */
:root{
  --desk:#E3E6E5; --paper:#FFFFFF; --ink:#1D2125; --muted:#5D666B; --line:#D3D8D7; --panel:#EFF2F1; --panel2:#E2E6E5;
  --antrasit:#383E42; --bejgri:#6D6552; --gunes:#D99A2B; --gok:#4E7590; --gece:#22282C;
  --c-panjur:#383E42; --c-zip:#4E7590; --c-cam:#7FA7A3; --c-dog:#A08F72; --c-pvc:#D2BF98; --c-garaj:#8A9196; --c-kep:#56626B; --c-perg:#5E7D4E; --c-gk:#D99A2B; --c-tente:#B8664A; --c-sin:#C5CBCC;
  --display:'Archivo','Arial Narrow',Arial,sans-serif; --body:'Source Serif 4',Georgia,'Times New Roman',serif; --label:'IBM Plex Sans Condensed','Arial Narrow',Arial,sans-serif;
  color-scheme:light;
}
html{background:var(--desk)}
body{background:var(--desk);color:var(--ink);font:17px/1.62 var(--body);padding-inline:16px;padding-block:28px 60px;margin:0}
*{box-sizing:border-box}
img{max-width:100%;display:block}
a{color:var(--gok)}
.page{position:relative;width:min(100%,840px);min-height:1188px;margin:0 auto 28px;background:var(--paper);padding:64px 60px 84px;box-shadow:0 1px 2px rgba(20,24,28,.08),0 12px 32px rgba(20,24,28,.10);display:flex;flex-direction:column;gap:22px;overflow:hidden}
.page>*{min-width:0}
.pfoot{position:absolute;left:60px;right:60px;bottom:30px;display:flex;justify-content:space-between;align-items:center;font:500 11px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.pfoot b{font:700 13px/1 var(--display);letter-spacing:0;color:var(--ink)}
.eyebrow{font:600 12px/1.2 var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--gunes);margin:0}
h1,h2,h3{font-family:var(--display);color:var(--ink);text-wrap:balance;margin:0}
h2{font-weight:650;font-stretch:82%;font-size:38px;line-height:1.06;letter-spacing:-.005em}
h3{font-weight:650;font-stretch:90%;font-size:21px;line-height:1.2}
p{margin:0;max-width:68ch}
.lead{font-size:20px;line-height:1.5;color:var(--ink)}
.small{font:400 13.5px/1.5 var(--label);color:var(--muted);max-width:none}
.cite{font:500 12px/1 var(--label);color:var(--gok);white-space:nowrap}
.cite a{text-decoration:none;color:inherit}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.g5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.g2>*,.g3>*,.g4>*,.g5>*{min-width:0}
.col{display:flex;flex-direction:column;gap:14px}
figure{margin:0;display:flex;flex-direction:column;gap:8px}
figcaption{font:500 13px/1.4 var(--label);color:var(--muted)}
.fig-t{font:600 13px/1.3 var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.ph{border-radius:2px;width:100%;object-fit:cover;background:var(--panel)}
.ph.tall{aspect-ratio:3/4}.ph.wide{aspect-ratio:16/9}.ph.sq{aspect-ratio:1/1}.ph.pano{aspect-ratio:21/9}
.ph.fit{object-fit:contain;background:#fff;border:1px solid var(--line)}
/* Rakam kutuları */
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--ink)}
.num{padding:18px 16px 18px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px;min-width:0}
.num .v{font:780 54px/0.95 var(--display);font-stretch:75%;color:var(--ink);font-variant-numeric:tabular-nums}
.num .v em{font-style:normal;color:var(--gunes)}
.num .l{font:500 14px/1.35 var(--label);color:var(--muted)}
/* Bağlam kutusu */
.ctx{background:var(--panel);padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.ctx .k{font:600 11px/1 var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--gok)}
.ctx p{font-size:15.5px;line-height:1.55}
.quote{font:500 25px/1.3 var(--display);font-stretch:85%;color:var(--antrasit);border-top:2px solid var(--gunes);padding-top:14px;max-width:30ch}
/* Tablolar */
.tw{overflow-x:auto}
table{border-collapse:collapse;width:100%;font:400 14px/1.45 var(--label)}
th{text-align:left;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink);padding:8px 10px 8px 0;vertical-align:bottom}
td{border-bottom:1px solid var(--line);padding:9px 10px 9px 0;vertical-align:top}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
/* Grafik metinleri */
.chart{width:100%;height:auto;overflow:visible}
.chart .grid{stroke:var(--line);stroke-width:1}
.chart .axis{stroke:var(--muted);stroke-width:1}
.chart .tick{fill:var(--muted);font:500 12px var(--label)}
.chart .lbl{fill:var(--ink);font:600 12.5px var(--label)}
.chart .lbl-s{fill:var(--ink);font:500 12.5px var(--label)}
.chart .area{stroke:var(--paper);stroke-width:.8}
.chart .sm-t{fill:var(--ink);font:600 13px var(--label)}
.chart .hm-v{fill:var(--ink);font:600 11px var(--label)}
.chart .dn-c{fill:var(--ink);font:780 34px var(--display)}
.chart .land{fill:var(--panel2);stroke:var(--muted);stroke-width:.8}
.chart .map-l{fill:var(--ink);font:600 11px var(--label);paint-order:stroke;stroke:var(--paper);stroke-width:3px}
.chart .axis-t{stroke:var(--ink);stroke-width:2}
.chart .tl-d{fill:var(--gunes)}
.chart .tl-y{fill:var(--ink);font:700 15px var(--display)}
.chart .tl-e{font:500 13px var(--label)}
.chart .tl-f{fill:var(--ink)} .chart .tl-s{fill:var(--gok)}
.chart .pc-r{fill:var(--panel);stroke:var(--line)} .chart .pc-r2{fill:var(--paper);stroke:var(--line)}
.chart .pc-n{fill:var(--antrasit)} .chart .pc-hot{fill:var(--gunes)}
.chart .pc-k{fill:#fff;font:700 15px var(--display)} .chart .pc-c{fill:var(--ink);font:700 16px var(--display)}
.chart .pc-sun{fill:none;stroke:var(--gunes);stroke-width:2;stroke-dasharray:5 5} .chart .pc-s{fill:var(--gunes)}
.chart .mx-h{fill:var(--ink);font:600 12px var(--label)} .chart .mx-z{fill:var(--panel)} .chart .mx-d{fill:var(--antrasit)}
.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font:500 12.5px var(--label);color:var(--muted)}
.legend i{display:inline-block;width:11px;height:11px;margin-right:6px;vertical-align:-1px}
/* Kapak */
.cover{padding:0;background:var(--gece);color:#fff}
.cover .cimg{position:absolute;inset:0 0 38% 0;background-size:cover;background-position:center}
.cover .slat{position:absolute;left:0;right:0;top:56%;height:7%;background:repeating-linear-gradient(180deg,rgba(255,255,255,.0) 0 9px,rgba(34,40,44,.85) 9px 14px)}
.cover .cbody{position:absolute;left:60px;right:60px;bottom:64px;display:flex;flex-direction:column;gap:16px}
.cover h1{color:#fff;font-weight:780;font-stretch:72%;font-size:78px;line-height:.92;letter-spacing:-.01em}
.cover .sub{font:400 20px/1.45 var(--body);color:#DDE2E4;max-width:34ch}
.cover .meta{display:flex;flex-wrap:wrap;gap:8px 26px;font:500 12px/1.3 var(--label);letter-spacing:.12em;text-transform:uppercase;color:#AEB6BA}
.cover .meta b{color:var(--gunes);font-weight:600}
/* Bölüm geçişi */
.divider{padding:0;background:var(--gece);color:#fff;justify-content:flex-end}
.divider .dimg{position:absolute;inset:0;background-size:cover;background-position:center}
.divider .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,22,25,0) 30%,rgba(18,22,25,.55) 58%,rgba(18,22,25,.92) 100%)}
.divider .dbody{position:relative;padding:0 60px 92px;display:flex;flex-direction:column;gap:14px}
.divider .no{font:800 140px/0.8 var(--display);font-stretch:62%;color:var(--gunes)}
.divider h2{color:#fff;font-size:60px;font-stretch:72%;font-weight:760;line-height:.98}
.divider p{color:#DDE2E4;font-size:19px;max-width:44ch}
.divider .pfoot{color:#AEB6BA;border-color:rgba(255,255,255,.22)} .divider .pfoot b{color:#fff}
.divider .slat{position:absolute;right:0;top:0;width:22%;height:100%;background:repeating-linear-gradient(180deg,rgba(34,40,44,0) 0 22px,rgba(34,40,44,.55) 22px 30px);mix-blend-mode:multiply}
/* İçindekiler */
.toc{columns:2;column-gap:30px}
.toc .ch,.toc .row{break-inside:avoid}
.toc .ch{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:baseline;border-top:2px solid var(--ink);padding:10px 0 4px;margin-top:6px;break-after:avoid}
.toc .ch .n{font:800 30px/1 var(--display);font-stretch:70%;color:var(--gunes)}
.toc .ch .t{font:700 20px/1.2 var(--display);font-stretch:88%}
.toc .row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;font:500 13.5px/1.4 var(--label);padding:2px 0;color:var(--ink)}
.toc .row .p,.toc .ch .p{font-variant-numeric:tabular-nums;color:var(--muted);font:600 14px var(--label)}
.toc a{color:inherit;text-decoration:none}
/* Ürün kartları */
.card{display:flex;flex-direction:column;gap:8px;min-width:0}
.card .ct{font:700 17px/1.2 var(--display);font-stretch:88%}
.card .cm{font:500 12.5px/1.35 var(--label);color:var(--muted)}
.tag{display:inline-block;font:600 11px/1 var(--label);letter-spacing:.1em;text-transform:uppercase;padding:5px 7px;background:var(--antrasit);color:#fff}
.tag.sun{background:var(--gunes);color:var(--gece)}
.prof{display:grid;grid-template-columns:1fr;gap:6px;border-top:2px solid var(--ink);padding-top:12px}
.prof .pn{font:700 22px/1.1 var(--display);font-stretch:85%}
.prof .pk{font:500 12.5px/1.4 var(--label);color:var(--muted)}
.prof p{font-size:15.5px;line-height:1.55}
.trend{background:var(--panel);padding:18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.trend .tv{font:780 40px/1 var(--display);font-stretch:75%;color:var(--antrasit)}
.trend .tt{font:700 16px/1.25 var(--display);font-stretch:90%}
.trend p{font-size:14.5px;line-height:1.5}
.swatch{display:flex;gap:10px;align-items:center}
.swatch i{width:34px;height:34px;flex:none;border:1px solid var(--line)}
.swatch b{font:600 14px/1.2 var(--label)} .swatch span{font:500 12.5px/1.2 var(--label);color:var(--muted);display:block}
.refs{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px;font:400 12.5px/1.45 var(--label)}
.refs b{color:var(--ink)} .refs a{word-break:break-all}
/* Genişletilmiş sayfalar */
.ph.cut{aspect-ratio:3/4;object-fit:contain;background:var(--panel);padding:10px}
.phead{display:grid;grid-template-columns:1fr 132px;gap:24px;align-items:center}
.phead p{font-size:16px}
.ilp{border-top:2px solid var(--ink);padding-top:12px;display:flex;flex-direction:column;gap:10px}
.ilh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ilh h3{margin-right:auto;font-size:26px}
.g3s{display:grid;grid-template-columns:1fr;gap:8px}
.lg{display:inline-flex;align-items:center;gap:5px;margin-right:12px;font:500 12.5px var(--label);color:var(--muted)}.lg i{width:11px;height:11px;display:inline-block}
.g4 figure figcaption{font-size:12.5px}
.trend .tv{font-size:34px}
.mlist{display:flex;flex-direction:column;border-top:2px solid var(--ink)}
.mrow{display:grid;grid-template-columns:150px 22px 1fr 48px;gap:4px 10px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line)}
.mrow .ma,.mrow .mb{font:700 15px/1.25 var(--display);font-stretch:90%}.mrow .mar{color:var(--gunes);font:800 18px var(--display)}
.mrow .my{font:700 15px var(--display);color:var(--gunes);text-align:right}.mrow .mt{grid-column:3/5;font:500 13px/1.4 var(--label);color:var(--muted)}
.ph.band{aspect-ratio:3/1}.ph.cut.kare{aspect-ratio:1/1}
.nums.k .num{padding:12px 12px 12px 0}.nums.k .num .v{font-size:38px}.nums.k .num .l{font-size:12.5px}
.nums.k .num .v{white-space:nowrap}.nums.k .num .v em{font-size:.7em;padding:0 2px}
.ana{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;border-top:1px solid var(--line);padding-top:8px}
.ana .an{width:26px;height:26px;border-radius:50%;background:var(--gunes);color:var(--gece);font:800 14px/26px var(--display);text-align:center}
.ana b{display:block;font:700 15px/1.2 var(--display);font-stretch:90%}.ana span{display:block;font:500 12.5px/1.35 var(--label);color:var(--ink)}
.ana em{display:block;font:500 11.5px/1.35 var(--label);color:var(--muted);font-style:normal;margin-top:2px}
.ctx.s{padding:12px 16px}.ctx.s p{font-size:14px;line-height:1.45}
ul.dots{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
/* Araştırma (dış kaynak) sayfaları: açık yeşil zemin, ince yeşil çerçeve ve köşe rozeti. Şirket verisi beyaz kalır. */
:root{--ars-bg:#EDF5EA;--ars-panel:#DCEBD6;--ars-ink:#3B6A35;--ars-line:#B9D3B1}
.page.ars{background:var(--ars-bg);outline:1px solid var(--ars-line);outline-offset:-10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.page.ars::before{content:'Araştırma · dış kaynak';position:absolute;top:24px;right:60px;font:600 10.5px/1 var(--label);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--ars-ink);padding:6px 9px}
.page.ars .pfoot{border-color:var(--ars-line)}
.page.ars .eyebrow{color:var(--ars-ink)}
.page.ars .ctx,.page.ars .trend{background:var(--ars-panel)}
.page.ars th{border-bottom-color:var(--ars-ink)}
.page.ars td{border-color:var(--ars-line)}
.ctx.ars{background:var(--ars-bg);outline:1px solid var(--ars-line);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ctx.ars .k{color:var(--ars-ink)}
.page.ars .ctx.ars{background:var(--ars-panel);outline:0}
.ctx.sirket,.page.ars .ctx.sirket{background:#fff;outline:1px solid var(--line)}
.ctx.sirket .k{color:var(--antrasit)}
.ctx.yorum,.page.ars .ctx.yorum{background:#FBF4E6;outline:1px solid #EAD3A6}
.ctx.yorum .k{color:#8A5A0B}
.toc .row.ars>span:first-child{display:flex;align-items:center}
.toc .row.ars>span:first-child::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--ars-ink)}
.lejant{display:flex;flex-wrap:wrap;gap:6px 18px;font:500 12.5px/1.3 var(--label);color:var(--muted)}
.lejant i{display:inline-block;width:12px;height:12px;vertical-align:-1px;margin-right:6px}
.vs{display:grid;grid-template-columns:1fr 34px 1fr;gap:8px;align-items:stretch}
.vs .ok{align-self:center;text-align:center;font:800 26px/1 var(--display);color:var(--gunes)}
.vs .yan{background:var(--panel);padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.vs .yan .k{font:600 11px/1 var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.vs .yan.son{background:#F7EBD3}
.vs .yan p{font-size:14px;line-height:1.45;margin:0}
.tez{display:grid;grid-template-columns:44px 1fr;gap:12px;border-top:1px solid var(--line);padding-top:10px}
.tez .tn{font:800 30px/1 var(--display);font-stretch:70%;color:var(--ars-ink)}
.tez b{display:block;font:700 16px/1.25 var(--display);font-stretch:90%;margin-bottom:4px}
.tez p{font-size:14px;line-height:1.5;margin:0}
.oneri{display:grid;grid-template-columns:44px 1fr;gap:12px;border-top:2px solid var(--ink);padding-top:10px}
.oneri .on{width:34px;height:34px;border-radius:50%;background:var(--gunes);color:var(--gece);font:800 16px/34px var(--display);text-align:center}
.oneri b{display:block;font:700 17px/1.25 var(--display);font-stretch:90%;margin-bottom:4px}
.oneri p{font-size:14.5px;line-height:1.5;margin:0 0 4px}
.oneri .ne{font:500 12.5px/1.4 var(--label);color:var(--muted)}
/* İki sütunlu rakam kartları ("nereden → nereye" değerleri sığsın diye) ve fuar etiketleri */
.nums.c2{grid-template-columns:repeat(2,1fr)}
.nums.c2 .num:last-child:nth-child(odd){grid-column:1/-1}
.nums.c2 .num .v{white-space:nowrap}
.nums.c2 .num .v em{font-size:.72em;padding:0 3px}
.tl-fu{fill:#8A5A0B;font-weight:600}
@media screen and (max-width:760px){
  .page.ars::before{right:18px;top:12px}
  .vs{grid-template-columns:1fr}.vs .ok{transform:rotate(90deg)}
  body{padding-inline:0;padding-block:0 20px;font-size:16px}
  .page{min-height:0;padding:34px 18px 70px;margin-bottom:10px;box-shadow:none}
  .pfoot{left:18px;right:18px;bottom:22px}
  .g2,.g3{grid-template-columns:1fr} .g4,.g5{grid-template-columns:1fr 1fr} .phead{grid-template-columns:1fr 96px}
  .nums{grid-template-columns:1fr 1fr}
  .num .v{font-size:42px}
  .ph.band{aspect-ratio:2/1}
  .mrow{grid-template-columns:1fr 40px}.mrow .mar{display:none}.mrow .mb{grid-column:1/2}.mrow .mt{grid-column:1/3}
  h2{font-size:30px}
  .cover,.divider{min-height:640px}
  .cover h1{font-size:52px} .cover .cbody,.divider .dbody{left:18px;right:18px;padding-inline:18px}
  .cover .cbody{left:18px;right:18px}
  .divider .no{font-size:96px} .divider h2{font-size:40px}
}
@media print{
  @page{size:A4;margin:0}
  .page.ars::before{right:15mm;top:7mm}
  .refs{font-size:11px;line-height:1.35;gap:4px}
  .nums.c2 .num .v{font-size:40px}
  .nums.k .num .v{font-size:31px}
  .tez p,.oneri p,.vs .yan p{font-size:12.5px}
  html,body{background:#fff;padding:0}
  body{font-size:10pt;line-height:1.5}
  h2{font-size:30px} .lead{font-size:15.5px} .num .v{font-size:44px} .ctx p{font-size:13.5px} .prof p,.trend p{font-size:13px}
  .divider h2{font-size:56px} .cover h1{font-size:72px} .ctx.s p{font-size:12.5px}
  .page{width:210mm;min-height:297mm;margin:0;box-shadow:none;break-after:page;padding:16mm 15mm 20mm}
  .pfoot{left:15mm;right:15mm;bottom:9mm}
  .cover,.divider{padding:0;height:297mm}
  .divider .dbody{padding:0 15mm 24mm} .cover .cbody{left:15mm;right:15mm;bottom:18mm}
  a{color:inherit;text-decoration:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Web düzeni: rapor bileşen stillerinin (raporun kendi CSS'i) üzerine eklenir. Site vurgu rengi --vurgu ile verilir. */
:root{--vurgu:#4E7590}
html,body{background:var(--desk)}
body{padding:0;margin:0;font:17px/1.62 var(--body)}
a{color:var(--vurgu)}
.ust{background:var(--gece);color:#fff;position:sticky;top:0;z-index:5;border-bottom:3px solid var(--vurgu)}
.ust-ic{max-width:1120px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.logo b{display:block;font:700 20px/1.1 var(--display);font-stretch:85%;letter-spacing:.005em}
.logo small{display:block;font:500 11px/1.2 var(--label);letter-spacing:.16em;text-transform:uppercase;color:#AEB6BA}
.logo-lamel{width:30px;height:30px;background:repeating-linear-gradient(180deg,var(--vurgu) 0 4px,transparent 4px 7px);border-radius:2px}
.menu{display:flex;gap:4px 18px;flex-wrap:wrap}
.menu a{color:#DDE2E4;text-decoration:none;font:500 14px/1.2 var(--label);letter-spacing:.04em;padding:6px 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a.etkin{color:#fff;border-bottom-color:var(--vurgu)}
.site-ana{max-width:1120px;margin:0 auto;padding:28px 20px 60px}
.kirinti{max-width:840px;margin:0 auto 12px;font:500 13px/1.4 var(--label);color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.kirinti a{color:var(--muted)}
.page.web{min-height:0;margin:0 auto 28px;padding:52px 60px 56px}
.page.web h1{font-weight:700;font-stretch:82%;font-size:42px;line-height:1.06;letter-spacing:-.005em}
.page.web>h2{font-size:30px;margin-top:14px}
.page.web .yazi-meta{font:500 13.5px/1.4 var(--label);color:var(--muted);margin-top:-8px}
.page.web .eyebrow{color:var(--vurgu)}
.page.ars.web .eyebrow{color:var(--ars-ink)}
.veri-notu{font:500 13px/1.45 var(--label);color:var(--muted);border-left:3px solid var(--vurgu);padding:4px 0 4px 12px;max-width:68ch}
.kaynaklar{border-top:1px solid var(--line);padding-top:16px}
.kaynaklar h2{font-size:22px;margin-bottom:8px}
.kaynaklar ol{margin:0;padding-left:22px;font:400 14px/1.5 var(--label);color:var(--muted)}
.kaynaklar li{margin:4px 0;word-break:break-word}
.derleme{background:var(--panel);padding:14px 18px;border-radius:2px}
.derleme .k{font:600 11px/1 var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.derleme p{font:400 14.5px/1.5 var(--label);margin-top:6px}
.page.ars .derleme{background:var(--ars-panel)}
.ilgili{max-width:840px;margin:0 auto}
.ilgili h2,.bolum-liste h2{font-size:24px;margin:0 0 14px}
.kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.kart{display:flex;flex-direction:column;gap:6px;background:var(--paper);text-decoration:none;color:var(--ink);padding:0 0 16px;box-shadow:0 1px 2px rgba(20,24,28,.08),0 6px 18px rgba(20,24,28,.06);overflow:hidden;transition:transform .15s}
.kart:hover{transform:translateY(-2px)}
.kart img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--panel)}
.kart .kart-bos{width:100%;aspect-ratio:16/9;background:repeating-linear-gradient(180deg,var(--panel) 0 9px,var(--panel2) 9px 12px)}
.kart.ars .kart-bos{background:repeating-linear-gradient(180deg,var(--ars-bg) 0 9px,var(--ars-panel) 9px 12px)}
.kart>span,.kart>b{padding:0 16px}
.kart-tur{font:600 11px/1 var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu);margin-top:10px}
.kart.ars .kart-tur{color:var(--ars-ink)}
.kart b{font:650 20px/1.15 var(--display);font-stretch:85%}
.kart-ozet{font:400 14.5px/1.45 var(--label);color:var(--muted)}
.kart-meta{font:500 12px/1 var(--label);color:var(--muted);margin-top:auto}
.vitrin{max-width:840px;margin:8px auto 30px}
.vitrin-metin{display:flex;flex-direction:column;gap:12px}
.vitrin.kapakli{max-width:1120px;display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center}
.vitrin-gorsel{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;box-shadow:0 6px 18px rgba(20,24,28,.12)}
.vitrin h1{font-weight:700;font-stretch:80%;font-size:52px;line-height:1.02}
.vitrin .eyebrow{color:var(--vurgu)}
.bolum-liste{margin:0 auto 40px}
.bolum-liste .tumu{font:500 14px/1 var(--label);margin-left:12px}
.alt{background:var(--gece);color:#C9D0D3;padding:36px 20px 24px}
.alt-ic{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:28px}
.alt b{color:#fff;font:600 15px/1.3 var(--label)}
.alt p{font:400 14px/1.55 var(--label);margin-top:6px;max-width:none}
.alt a{color:#E8C27A}
.telif{max-width:1120px;margin:24px auto 0;font:500 12px/1 var(--label);color:#8C969B}
@media screen and (max-width:760px){
  .page.web{padding:30px 20px 34px}
  .page.web h1{font-size:31px}
  .vitrin h1{font-size:36px}
  .vitrin.kapakli{grid-template-columns:1fr;gap:18px}
  .alt-ic{grid-template-columns:1fr}
  .ust{position:static}
  .page.web .nums,.page.web .nums.c2,.page.web .nums.k{grid-template-columns:1fr}
  .page.web .nums .num .v,.page.web .nums.c2 .num .v,.page.web .nums.k .num .v{font-size:30px;white-space:normal}
  .page.web .nums.c2 .num:last-child:nth-child(odd){grid-column:auto}
  .page.web table{font-size:13px}
  .page.web .tw{overflow-x:auto}
}

/* Genişletilmiş yazı bölümleri */
.ctx.kisaca{background:var(--panel);outline:0;border-left:4px solid var(--vurgu)}
.page.ars .ctx.kisaca{background:var(--ars-panel)}
.ctx.kisaca ul{margin:6px 0 0;padding-left:18px}
.ctx.kisaca li{margin:4px 0;font:400 15.5px/1.5 var(--body)}
.giris p+p{margin-top:12px}
.giris p{font-size:18px;line-height:1.6}
.ek-bolum{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:18px}
.ek-bolum h2,.sss h2{font-size:26px;font-weight:650;font-stretch:84%}
.sss{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:18px}
.sss h3{font-size:18px;margin-top:8px}

/* Sektör raporu: PDF indirme kutusu; Hakkında: site listesi */
.rapor-indir{background:var(--paper);padding:16px 18px;box-shadow:0 1px 2px rgba(20,24,28,.08);display:flex;flex-direction:column;gap:6px;max-width:68ch}
.rapor-indir p{font:400 14.5px/1.5 var(--label);color:var(--muted)}
.dugme{align-self:flex-start;background:var(--vurgu);color:#fff;text-decoration:none;font:600 14px/1 var(--label);letter-spacing:.04em;padding:10px 16px;border-radius:2px}
.dugme:hover{filter:brightness(1.08)}
.site-listesi{padding-left:20px}.site-listesi li{margin:6px 0;font:400 16px/1.5 var(--body)}

/* İngilizce uyarlamalardaki görseller */
.en-gorsel{margin:6px 0}.en-gorsel img{width:100%;height:auto;display:block;background:var(--panel)}
.en-gorsel figcaption{font:400 13px/1.45 var(--label);color:var(--muted);margin-top:6px}

/* Ferrini iletişim yönlendirmeleri */
.ust-tel{color:#fff;text-decoration:none;font:600 14px/1 var(--label);letter-spacing:.03em;padding:8px 12px;border:1px solid var(--vurgu);border-radius:2px;white-space:nowrap}
.ust-tel::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--vurgu);vertical-align:1px}
.ust-tel:hover{background:var(--vurgu)}
.menu a.menu-iletisim{color:#fff}
.cta-satir{background:var(--panel);border-left:4px solid var(--vurgu);padding:10px 14px;font:500 15.5px/1.5 var(--label);max-width:68ch}
.page.ars .cta-satir{background:var(--ars-panel)}
.cta-satir a{font-weight:600;white-space:nowrap}
.ferrini-cta{background:var(--gece);color:#E6EAEC;padding:22px 24px;border-radius:2px;display:flex;flex-direction:column;gap:10px}
.ferrini-cta h2{color:#fff;font-size:26px;font-weight:650;font-stretch:84%;margin:0}
.ferrini-cta p{font:400 16px/1.55 var(--label);max-width:68ch;margin:0}
.ferrini-cta a{color:#fff}
.ferrini-cta .cta-alt{font-size:14px;color:#AEB6BA}
.dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.ferrini-cta .dugme{color:#fff}
.dugme.ikincil{background:transparent;border:1px solid #AEB6BA;color:#fff}
.page.web .ferrini-cta .dugme.ikincil{color:#fff}
.iletisim-bandi{background:var(--vurgu);color:#fff;padding:18px 20px}
.bant-ic{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bant-ic b{display:block;font:650 20px/1.2 var(--display);font-stretch:88%}
.bant-ic span{font:500 15px/1.5 var(--label)}
.bant-ic a{color:#fff}
.iletisim-bandi .dugme{background:#fff;color:var(--gece)}
@media screen and (max-width:760px){
  .ust-sag{order:2}
  .ust-tel{padding:6px 10px;font-size:13px}
  .menu{order:3;width:100%}
  .ferrini-cta{padding:18px 16px}
  .ferrini-cta h2{font-size:22px}
}

/* width/height öznitelikleri yalnız yer ayırmak için: görünür boyutu CSS belirler (özgüllüğü sıfır, rapor kurallarını ezmez) */
:where(img){max-width:100%;height:auto}

/* Bayilik: ana sayfa duyurusu, yazı sonu satırı */
.bayi-duyuru{max-width:1120px;margin:0 auto 36px;background:var(--paper);border-left:4px solid var(--vurgu);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;box-shadow:0 1px 2px rgba(20,24,28,.08)}
.bayi-duyuru b{display:block;font:650 22px/1.2 var(--display);font-stretch:86%}
.bayi-duyuru p{font:400 15px/1.5 var(--label);color:var(--muted);max-width:70ch;margin-top:4px}
.bayi-duyuru .dugme.ikincil{color:var(--ink);border-color:var(--line)}
.ferrini-cta .cta-bayi{border-top:1px solid rgba(255,255,255,.18);padding-top:10px;font-size:14.5px}
.bayi-dugmeler{margin-top:8px}
.menu a.menu-bayi{color:#fff}

/* Dil seçici */
.dil-secici{position:relative;font:600 13px/1 var(--label)}
.dil-secici summary{list-style:none;cursor:pointer;color:#fff;padding:8px 10px;border:1px solid rgba(255,255,255,.35);border-radius:2px;letter-spacing:.06em}
.dil-secici summary::-webkit-details-marker{display:none}
.dil-secici summary::after{content:" ▾";font-size:11px}
.dil-secici ul{position:absolute;right:0;top:calc(100% + 6px);background:var(--paper);box-shadow:0 6px 24px rgba(20,24,28,.18);list-style:none;margin:0;padding:6px 0;min-width:180px;z-index:30;max-height:70vh;overflow:auto}
.dil-secici li a{display:block;padding:8px 16px;color:var(--ink);text-decoration:none;font:500 14.5px/1.3 var(--label)}
.dil-secici li a:hover,.dil-secici li a[aria-current]{background:var(--panel)}

/* Arapça: sağdan sola */
[dir=rtl] *{letter-spacing:0!important}
[dir=rtl] body,[dir=rtl] p,[dir=rtl] li,[dir=rtl] .lead,[dir=rtl] .kart-ozet,[dir=rtl] .yazi-meta,[dir=rtl] .eyebrow,[dir=rtl] .menu a,[dir=rtl] .dugme{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .kart b,[dir=rtl] .bant-ic b,[dir=rtl] .bayi-duyuru b{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;font-stretch:normal;font-weight:700}
[dir=rtl] .cta-satir,[dir=rtl] .ctx.kisaca,[dir=rtl] .bayi-duyuru,[dir=rtl] .veri-notu{border-left:0;border-right:4px solid var(--vurgu)}
[dir=rtl] .veri-notu{padding:4px 12px 4px 0}
[dir=rtl] .ctx.kisaca ul,[dir=rtl] .kaynaklar ol,[dir=rtl] .site-listesi{padding-left:0;padding-right:22px}
[dir=rtl] .ust-tel::before{margin-right:0;margin-left:8px}
[dir=rtl] .dil-secici ul{right:auto;left:0}
[dir=rtl] .bolum-liste .tumu{margin-left:0;margin-right:12px}
[dir=rtl] a[href^="tel:"],[dir=rtl] a[href^="mailto:"],[dir=rtl] .kaynaklar li{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .kaynaklar li{text-align:right}
.dil-secici:not([open]) ul{display:none}

/* Bayilik ayrıcalıkları */
.avantajlar{display:flex;flex-direction:column;gap:10px;margin:8px 0 6px}
.avantaj-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:6px}
.avantaj{background:var(--panel);padding:14px 16px;border-top:3px solid var(--vurgu);display:flex;flex-direction:column;gap:6px}
.avantaj .k{font:600 11px/1.2 var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu)}
.avantaj b{font:650 19px/1.2 var(--display);font-stretch:86%}
.avantaj p{font:400 15px/1.5 var(--label);margin:0}
.avantaj-onay{font:500 15px/1.5 var(--label);color:var(--muted)}

/* Dil seçicisi olan sitelerde başlık: logo | telefon + dil seçici (sağda); menü ikinci satırda */
.ust-sag{display:flex;align-items:center;gap:10px;margin-left:auto}
[dir=rtl] .ust-sag{margin-left:0;margin-right:auto}
.ust-ic:has(.dil-secici) .ust-sag{order:2}
.ust-ic:has(.dil-secici) .menu{order:3;width:100%}
.dil-secici summary{width:60px;box-sizing:border-box;text-align:center;white-space:nowrap}   /* sabit genişlik: telefon her dilde aynı yerde */

:root{--vurgu:#1F5E8C}