/* ═══════════════════════════════════════════════════════════════
   ADANADAYIZ — TASARIM SİSTEMİ "TURUNÇ & ÇAM" (2026-09-02)
   Adanadayiz kimliği: Çam Yeşili + Turunç (flame).
   (Değişken adları miras alınmıştır; değerler Adana kimliğidir.)
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Renk paleti ── */
  --md-navy-900: #081A2F;
  --md-navy-800: #0C1F3B;
  --md-navy-700: #113052;
  --md-navy-600: #1A4270;
  --md-amber-600: #B91C1C;
  --md-amber-500: #DC2626;
  --md-amber-400: #EF4444;
  --md-amber-300: #FECACA;
  --md-bg: #EEF2F8;
  --md-surface: #FFFFFF;
  --md-red-600: #C63B3B;
  --md-red-500: #D64545;
  --md-green-600: #1F7A4D;
  --md-text: #1E293B;
  --md-muted: #64748B;
  --md-line: #E2E8F0;

  /* ── Tema üzerinden yönetilebilen renkler (ayarlar tablosu) ── */
  --t-topbar: var(--md-navy-900);
  --t-navbar: var(--md-navy-800);
  --t-primary: var(--md-amber-500);
  --t-ticker-bg: var(--md-navy-800);
  --t-ticker-text: var(--md-amber-400);

  --md-radius: 14px;
  --md-radius-sm: 9px;
  --md-shadow: 0 1px 2px rgba(12,31,59, .05), 0 8px 24px -12px rgba(12,31,59, .18);
  --md-shadow-hover: 0 2px 4px rgba(12,31,59, .06), 0 16px 36px -14px rgba(12,31,59, .26);
  --md-font-head: 'Sora', 'Segoe UI', Arial, sans-serif;
  --md-font-body: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

/* ── Base ── */
html { scroll-behavior: smooth; }
body {
  font-family: var(--md-font-body);
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--md-text);
  background: var(--md-bg);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, .font-head { font-family: var(--md-font-head); }
a { color: inherit; }
img { max-width: 100%; height: auto; }
::selection { background: var(--md-amber-300); color: var(--md-navy-800); }

/* ── Üst bilgi şeridi (topbar) ── */
.md-topbar {
  background: var(--t-topbar);
  color: #C6D2E6;
  font-size: 12px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.md-topbar a { color: inherit; text-decoration: none; }
.md-topbar .md-topbar-ikon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 7px;
  color: #fff; font-size: 12px;
  transition: transform .18s ease, box-shadow .18s ease;
}
.md-topbar .md-topbar-ikon:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,.35);
}
.md-topbar .md-hava-mini {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;
  padding: 2px 10px;
  display: inline-flex; align-items: center; gap: 6px;
}

/* ── Marka çubuğu (logo + arama + canlı kur) ── */
.md-brandbar {
  background: var(--md-surface);
  border-bottom: 1px solid var(--md-line);
  padding: 12px 0;
}
.md-logo { display: inline-flex; align-items: center; text-decoration: none; }
.md-logo img { height: 54px; width: auto; display: block; }
.md-arama {
  position: relative;
  max-width: 520px;
  margin: 0 auto;
}
.md-arama input {
  width: 100%;
  border: 2px solid var(--md-line);
  border-radius: 999px;
  padding: 10px 52px 10px 20px;
  font-size: 14px;
  background: #FBFCFE;
  transition: border-color .2s, box-shadow .2s;
  outline: none;
}
.md-arama input:focus {
  border-color: var(--md-amber-500);
  box-shadow: 0 0 0 4px rgba(220,38,38,.14);
  background: #fff;
}
.md-arama button {
  position: absolute; right: 6px; top: 50%;
  transform: translateY(-50%);
  border: none; border-radius: 999px;
  background: var(--md-amber-500); color: #fff;
  width: 38px; height: 38px;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: background .2s;
}
.md-arama button:hover { background: var(--md-amber-600); }
.md-canli-kur {
  display: flex; align-items: center; gap: 14px;
  font-size: 12px;
}
.md-canli-kur .kur-blok { line-height: 1.25; }
.md-canli-kur .kur-blok .kur-ad { color: var(--md-muted); font-size: 10.5px; text-transform: uppercase; letter-spacing: .6px; }
.md-canli-kur .kur-blok .kur-deger { font-weight: 700; font-size: 13.5px; color: var(--md-navy-800); font-family: var(--md-font-head); }
.md-canli-kur .kur-blok .kur-deger .yukari { color: var(--md-green-600); }
.md-canli-kur .kur-blok .kur-deger .asagi { color: var(--md-red-600); }
.md-canli-rozet {
  background: var(--md-red-500);
  color: #fff; font-size: 10.5px; font-weight: 700;
  padding: 3px 9px; border-radius: 999px;
  letter-spacing: .8px;
  animation: mdPulse 1.8s ease-in-out infinite;
  display: inline-flex; align-items: center; gap: 5px;
}
@keyframes mdPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(214,69,69,.5); }
  50% { box-shadow: 0 0 0 6px rgba(214,69,69,0); }
}

/* ── Navigasyon ── */
.md-navbar {
  background: var(--t-navbar);
  box-shadow: 0 6px 18px -8px rgba(8,26,47,.55);
  position: sticky; top: 0; z-index: 1030;
}
.md-navbar .nav-link {
  color: #DCE6F2 !important;
  font-family: var(--md-font-head);
  font-size: 13px; font-weight: 600;
  letter-spacing: .2px;
  padding: 13px 13px !important;
  display: flex; align-items: center; gap: 5px;
  border-radius: 8px;
  transition: background .18s, color .18s;
}
.md-navbar .nav-link:hover,
.md-navbar .nav-link:focus { color: #fff !important; background: rgba(255,255,255,.08); }
.md-navbar .nav-link.aktif { color: var(--md-amber-400) !important; }
.md-navbar .dropdown-menu {
  border: none;
  border-radius: 12px;
  box-shadow: 0 18px 44px -16px rgba(8,26,47,.35);
  padding: 8px;
  min-width: 230px;
  margin-top: 6px;
}
.md-navbar .dropdown-item {
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  padding: 9px 12px;
  color: var(--md-navy-700);
  display: flex; align-items: center; gap: 10px;
  transition: background .15s, color .15s, padding-left .15s;
}
.md-navbar .dropdown-item i { width: 18px; text-align: center; color: var(--md-amber-600); font-size: 14px; }
.md-navbar .dropdown-item:hover {
  background: #FEF2F2;
  color: var(--md-amber-600);
  padding-left: 16px;
}
.md-navbar .dropdown-item .alt-baslik { font-size: 10.5px; color: var(--md-muted); display: block; font-weight: 400; }
.md-navbar .navbar-toggler { color: #fff; border-color: rgba(255,255,255,.25); }
.md-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ── Son Dakika şeridi ── */
.md-ticker {
  background: var(--t-ticker-bg);
  border-top: 1px solid rgba(255,255,255,.06);
  display: flex; align-items: stretch;
  overflow: hidden;
}
.md-ticker-etiket {
  background: var(--md-red-500);
  color: #fff;
  font-family: var(--md-font-head);
  font-size: 11.5px; font-weight: 700;
  letter-spacing: 1px;
  padding: 8px 16px;
  display: flex; align-items: center; gap: 7px;
  flex-shrink: 0;
  position: relative;
}
.md-ticker-etiket::after {
  content: ''; position: absolute; right: -8px; top: 0; bottom: 0;
  width: 16px; background: var(--md-red-500);
  transform: skewX(-14deg);
  z-index: 0;
}
.md-ticker-etiket span { position: relative; z-index: 1; }
.md-ticker-piste {
  flex: 1; overflow: hidden;
  padding: 0 0 0 8px;
}
.md-ticker-piste-inner {
  white-space: nowrap;
  display: inline-block;
  color: var(--t-ticker-text);
  font-size: 13px; font-weight: 600;
  padding: 8px 0;
  animation: mdTicker 42s linear infinite;
}
.md-ticker-piste-inner a {
  color: inherit; text-decoration: none;
  transition: color .15s;
}
.md-ticker-piste-inner a:hover { color: #fff; }
.md-ticker-piste-inner .ayrac { margin: 0 16px; opacity: .4; }
@keyframes mdTicker {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ── Bölüm başlıkları ── */
.md-bolum-baslik {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 14px;
}
.md-bolum-baslik .cubuk {
  width: 5px; height: 24px;
  border-radius: 3px;
  background: linear-gradient(180deg, var(--md-amber-400), var(--md-amber-600));
}
.md-bolum-baslik h2, .md-bolum-baslik h3 {
  font-size: 17px; font-weight: 800;
  color: var(--md-navy-800);
  margin: 0; letter-spacing: -.2px;
}
.md-bolum-baslik .tumu {
  margin-left: auto;
  font-size: 12px; font-weight: 600;
  color: var(--md-amber-600);
  text-decoration: none;
  display: inline-flex; align-items: center; gap: 4px;
}
.md-bolum-baslik .tumu:hover { color: var(--md-amber-600); text-decoration: underline; }

/* ── Kartlar ── */
.md-kart {
  background: var(--md-surface);
  border: 1px solid var(--md-line);
  border-radius: var(--md-radius);
  box-shadow: var(--md-shadow);
}
.md-kart-baslik {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--md-line);
}
.md-kart-baslik h3, .md-kart-baslik h2 {
  font-size: 13.5px; font-weight: 800;
  color: var(--md-navy-800); margin: 0;
  text-transform: uppercase; letter-spacing: .4px;
  display: flex; align-items: center; gap: 8px;
}
.md-kart-baslik h3 i { color: var(--md-amber-500); }

/* ── Manşet Slider ── */
.md-hero { border-radius: var(--md-radius); overflow: hidden; box-shadow: var(--md-shadow); }
.md-hero .swiper-slide { position: relative; }
.md-hero .swiper-slide img { width: 100%; height: 400px; object-fit: cover; display: block; }
.md-hero .hero-metin {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 44px 22px 20px;
  background: linear-gradient(transparent, rgba(8,26,47,.92));
  color: #fff;
}
.md-hero .hero-etiket {
  display: inline-block;
  background: var(--md-amber-500); color: #fff;
  font-size: 10.5px; font-weight: 700; letter-spacing: 1px;
  padding: 3px 10px; border-radius: 999px;
  margin-bottom: 8px; text-transform: uppercase;
}
.md-hero .hero-baslik {
  font-family: var(--md-font-head);
  font-size: 22px; font-weight: 800; line-height: 1.3;
  margin: 0; color: #fff; text-decoration: none;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.md-hero .hero-baslik:hover { color: var(--md-amber-400); }
.md-hero .swiper-button-next, .md-hero .swiper-button-prev {
  color: #fff !important;
  background: rgba(8,26,47,.45);
  width: 38px !important; height: 38px !important;
  border-radius: 50%;
  backdrop-filter: blur(2px);
}
.md-hero .swiper-button-next::after, .md-hero .swiper-button-prev::after { font-size: 15px !important; }
.md-hero .swiper-pagination-bullet { background: #fff; opacity: .6; }
.md-hero .swiper-pagination-bullet-active { background: var(--md-amber-500); opacity: 1; width: 22px; border-radius: 4px; transition: width .2s; }

/* ── Yan haber kartı (hero yanı) ── */
.md-yan-haber {
  display: flex; gap: 10px;
  padding: 9px 0;
  border-bottom: 1px dashed var(--md-line);
  text-decoration: none;
}
.md-yan-haber:last-child { border-bottom: none; }
.md-yan-haber img {
  width: 96px; height: 62px; object-fit: cover;
  border-radius: 8px; flex-shrink: 0;
}
.md-yan-haber .baslik {
  font-size: 12.5px; font-weight: 700; line-height: 1.4;
  color: var(--md-navy-800);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  transition: color .15s;
}
.md-yan-haber:hover .baslik { color: var(--md-amber-600); }
.md-yan-haber .tarih { font-size: 10.5px; color: var(--md-muted); margin-top: 3px; }

/* ── Servis ızgarası (panelden yönetilir) ── */
.md-servis-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 10px; }
.md-servis-kutu {
  background: var(--md-surface);
  border: 1px solid var(--md-line);
  border-radius: var(--md-radius-sm);
  text-decoration: none;
  color: var(--md-text);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 7px;
  padding: 13px 6px 11px;
  min-height: 86px;
  text-align: center;
  transition: transform .18s, box-shadow .18s, border-color .18s;
}
.md-servis-kutu:hover {
  transform: translateY(-3px);
  box-shadow: var(--md-shadow-hover);
  border-color: var(--md-amber-400);
  text-decoration: none; color: inherit;
}
.md-servis-kutu .ikon-kapsul {
  width: 40px; height: 40px;
  border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 18px; color: #fff;
  background: linear-gradient(135deg, var(--md-amber-400), var(--md-amber-600));
  box-shadow: 0 4px 10px -3px rgba(220,38,38,.5);
}
.md-servis-kutu .etiket {
  font-size: 10.5px; font-weight: 700;
  color: var(--md-navy-700); line-height: 1.25;
}

/* ── Haber kartları ── */
.md-haber-buyuk {
  display: block; text-decoration: none; color: inherit;
  border-radius: var(--md-radius-sm); overflow: hidden;
  background: var(--md-surface); border: 1px solid var(--md-line);
  transition: transform .2s, box-shadow .2s;
  height: 100%;
}
.md-haber-buyuk:hover { transform: translateY(-3px); box-shadow: var(--md-shadow-hover); text-decoration: none; color: inherit; }
.md-haber-buyuk .gorsel { position: relative; overflow: hidden; }
.md-haber-buyuk .gorsel img { width: 100%; height: 170px; object-fit: cover; transition: transform .45s; }
.md-haber-buyuk:hover .gorsel img { transform: scale(1.05); }
.md-haber-buyuk .gorsel .tarih-rozet {
  position: absolute; left: 10px; bottom: 10px;
  background: rgba(8,26,47,.82); color: #fff;
  font-size: 10.5px; font-weight: 600;
  padding: 3px 9px; border-radius: 999px;
}
.md-haber-buyuk .govde { padding: 12px 14px 14px; }
.md-haber-buyuk .baslik {
  font-family: var(--md-font-head);
  font-size: 14px; font-weight: 700; line-height: 1.4;
  color: var(--md-navy-800);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  margin: 0 0 6px;
  transition: color .15s;
}
.md-haber-buyuk:hover .baslik { color: var(--md-amber-600); }
.md-haber-buyuk .ozet {
  font-size: 12px; color: var(--md-muted);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  margin: 0;
}

/* Liste haber kartı */
.md-haber-liste {
  display: flex; gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--md-line);
  text-decoration: none; color: inherit;
}
.md-haber-liste:last-child { border-bottom: none; }
.md-haber-liste img { width: 112px; height: 72px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
.md-haber-liste .baslik {
  font-size: 13px; font-weight: 700; line-height: 1.4;
  color: var(--md-navy-800);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  transition: color .15s;
}
.md-haber-liste:hover .baslik { color: var(--md-amber-600); }
.md-haber-liste .tarih { font-size: 11px; color: var(--md-muted); margin-top: 4px; }

/* ── Yan panel widget kartları ── */
.md-widget { margin-bottom: 16px; }
.md-widget .md-kart-baslik { border-radius: var(--md-radius) var(--md-radius) 0 0; }

/* ── Vefat ── */
.md-vefat-kutu {
  background: linear-gradient(160deg, #FDF5F5, #FBEAEA);
  border: 1px solid #F3D9D9;
  border-radius: var(--md-radius-sm);
  padding: 11px 13px;
  display: flex; gap: 10px; align-items: center;
  text-decoration: none;
  transition: transform .18s, box-shadow .18s;
}
.md-vefat-kutu:hover { transform: translateY(-2px); box-shadow: var(--md-shadow-hover); text-decoration: none; }
.md-vefat-kutu .isim { font-size: 13px; font-weight: 800; color: var(--md-navy-800); font-family: var(--md-font-head); }
.md-vefat-kutu .detay { font-size: 11px; color: var(--md-muted); margin-top: 2px; }

/* ── Tablolar (döviz vb.) ── */
.md-tablo { width: 100%; font-size: 13px; }
.md-tablo th {
  font-size: 10.5px; text-transform: uppercase; letter-spacing: .6px;
  color: var(--md-muted); font-weight: 700;
  padding: 8px 14px; border-bottom: 1px solid var(--md-line);
}
.md-tablo td { padding: 9px 14px; border-bottom: 1px solid #F0F2F7; }
.md-tablo tr:last-child td { border-bottom: none; }

/* ── Butonlar ── */
.md-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  border: none; border-radius: 999px;
  font-family: var(--md-font-head); font-size: 12.5px; font-weight: 700;
  padding: 9px 20px;
  text-decoration: none;
  transition: transform .15s, box-shadow .15s, background .15s;
  cursor: pointer;
}
.md-btn-amber { background: linear-gradient(135deg, var(--md-amber-400), var(--md-amber-600)); color: #fff; box-shadow: 0 6px 16px -6px rgba(220,38,38,.55); }
.md-btn-amber:hover { color: #fff; transform: translateY(-1px); box-shadow: 0 8px 20px -6px rgba(220,38,38,.65); }
.md-btn-navy { background: var(--md-navy-800); color: #fff; }
.md-btn-navy:hover { color: #fff; transform: translateY(-1px); background: var(--md-navy-700); }
.md-btn-cizgili { background: transparent; border: 1.5px solid var(--md-line); color: var(--md-navy-700); }
.md-btn-cizgili:hover { border-color: var(--md-amber-500); color: var(--md-amber-600); background: #F8FAFC; }

/* ── Breadcrumb ── */
.md-ekmek {
  font-size: 12px; color: var(--md-muted);
  padding: 10px 0;
}
.md-ekmek a { color: var(--md-muted); text-decoration: none; }
.md-ekmek a:hover { color: var(--md-amber-600); }
.md-ekmek .ayrac { margin: 0 8px; color: #C6CDD8; }

/* ── Sayfa içi içerik (detay sayfaları) ── */
.md-icerik {
  background: var(--md-surface);
  border: 1px solid var(--md-line);
  border-radius: var(--md-radius);
  padding: 22px 24px;
  box-shadow: var(--md-shadow);
}
.md-icerik h1 { font-size: 26px; font-weight: 800; color: var(--md-navy-800); letter-spacing: -.4px; }
.md-icerik h2 { font-size: 20px; font-weight: 700; color: var(--md-navy-800); margin-top: 22px; }
.md-icerik p { line-height: 1.75; color: #3A4454; }
.md-icerik table { font-size: 13px; }

/* ── Footer ── */
.md-footer {
  background: var(--md-navy-800);
  color: #A7B3C5;
  font-size: 13px;
  margin-top: 36px;
}
.md-footer .ust-cizgi {
  height: 4px;
  background: linear-gradient(90deg, var(--md-amber-500), var(--md-amber-400), var(--md-amber-500));
}
.md-footer h5 {
  color: #fff; font-size: 13px; font-weight: 800;
  text-transform: uppercase; letter-spacing: 1px;
  margin-bottom: 14px;
  display: flex; align-items: center; gap: 8px;
}
.md-footer h5::before {
  content: ''; width: 16px; height: 3px; border-radius: 2px;
  background: var(--md-amber-500);
}
.md-footer a { color: #A7B3C5; text-decoration: none; transition: color .15s, padding-left .15s; }
.md-footer a:hover { color: var(--md-amber-400); padding-left: 3px; }
.md-footer ul { list-style: none; padding: 0; margin: 0; }
.md-footer ul li { padding: 3.5px 0; }
.md-footer .alt-bar {
  border-top: 1px solid rgba(255,255,255,.08);
  font-size: 12px; color: #7E8CA0;
}
.md-footer .sosyal-ikon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 9px;
  color: #fff; font-size: 15px;
  transition: transform .18s;
}
.md-footer .sosyal-ikon:hover { transform: translateY(-3px); color: #fff; }

/* ── Çerez banner ── */
.md-cerez {
  position: fixed; left: 0; right: 0; bottom: 0;
  background: var(--md-navy-800);
  color: #DCE6F2;
  z-index: 9999;
  padding: 14px 20px;
  box-shadow: 0 -8px 30px rgba(8,26,47,.35);
  border-top: 3px solid var(--md-amber-500);
  display: none;
}

/* ── Sayfa arka plan kart geçişleri (eski tema kalıntısı) ── */
.card { border-radius: var(--md-radius); border-color: var(--md-line); box-shadow: var(--md-shadow); }
.card-header { border-bottom-color: var(--md-line); }

/* ── CLS korumaları ── */
@font-face {
  font-family: 'Sora Fallback';
  src: local('Arial');
  size-adjust: 98%;
  ascent-override: 94%;
  descent-override: 24%;
  line-gap-override: 0%;
}
.adsbygoogle:not([data-ad-format="anchor"]) { display: block; min-height: 120px; }

/* ── Responsive ── */
@media (max-width: 991.98px) {
  .md-hero .swiper-slide img { height: 260px; }
  .md-hero .hero-baslik { font-size: 18px; }
  .md-brandbar { padding: 8px 0; }
  .md-logo img { height: 44px; }
  .md-arama { margin: 8px 0 0; }
  .md-navbar .nav-link { padding: 11px 12px !important; }
  .md-navbar .dropdown-menu { box-shadow: none; background: rgba(255,255,255,.04); margin: 0; }
  .md-navbar .dropdown-item { color: #DCE6F2; }
  .md-navbar .dropdown-item:hover { background: rgba(255,255,255,.08); color: #fff; }
  .md-navbar .dropdown-item i { color: var(--md-amber-400); }
  .md-navbar .dropdown-item .alt-baslik { color: #8FA0B8; }
  .md-canli-kur { display: none; }
  .md-icerik { padding: 16px; }
  .md-icerik h1 { font-size: 21px; }
}

@media (max-width: 575.98px) {
  .md-topbar .topbar-tarih { display: none; }
  .md-haber-buyuk .gorsel img { height: 150px; }
}

/* ── Yazdırma ── */
@media print {
  .md-topbar, .md-navbar, .md-ticker, .md-footer, .md-cerez, .navbar, footer, .d-print-none { display: none !important; }
  body { background: #fff; }
}