/* news.css — adapted to match lajme.css as closely as possible */

:root{
  color-scheme: light;

  /* Typography */
  --font-ui:"Segoe UI", SegoeUI, "Helvetica Neue", Arial, sans-serif;

  /* Base */
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f5f7fb;
  --card:#ffffff;
  --text:#111111;
  --muted:#5f6368;

  /* Borders / shadows */
  --border:#e3e7ee;
  --border-soft:#edf1f5;
  --border-strong:#d4dae3;
  --shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08);
  --shadow-soft:0 1px 2px rgba(0,0,0,.05), 0 4px 14px rgba(0,0,0,.06);

  /* Accent */
  --accent:#377eff;
  --accent-2:#4c9cff;
  --blue:#377eff;
  --blue-dark:#245fe0;

  /* Radius */
  --radius:12px;
  --radius-sm:8px;
  --radius-xs:6px;
  --radius-pill:999px;

  /* Layout */
  --wrap-max:1360px;
  --gap:12px;
  --pad:16px;

  /* Type scale */
  --hero-title:32px;
  --card-title:20px;
  --side-title:13px;
  --meta-size:12px;
  --small-size:12px;

  /* Top hero */
  --topMediaH:336px;
  --hero-overlay:
    linear-gradient(
      to top,
      rgba(0,0,0,.82) 0%,
      rgba(0,0,0,.56) 34%,
      rgba(0,0,0,.26) 60%,
      rgba(0,0,0,.08) 80%,
      rgba(0,0,0,0) 100%
    );

  /* Motion */
  --ease:cubic-bezier(.2,.8,.2,1);
  --t-fast:.18s;
  --t-med:.28s;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,
body{
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-ui);
  font-size:14px;
  line-height:1.4;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  overflow-anchor:none;
}

body{
  margin:0;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  display:block;
  max-width:100%;
}

button,
input,
select,
textarea{
  font:inherit;
}

.wrap{
  max-width:var(--wrap-max);
  margin:0 auto;
  padding:var(--pad);
  position:relative;
  overflow-anchor:none;
}

/* perf */
.bottom-wrap,
.rss-tabs-wrap,
#video-block,
.radio-wrap,
.moti-wrap{
  content-visibility:auto;
  contain-intrinsic-size:1px 700px;
}

/* =========================
   Header
========================= */
.header{
  display:flex;
  align-items:left;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.header h1{
  margin:0;
  font-family:var(--font-ui);
  font-size:21px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:0;
  color:var(--text);
}

.small{
  font-size:12px;
  line-height:1.35;
  font-weight:500;
  color:var(--muted);
}

.refresh{
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--text);
  border-radius:8px;
  padding:8px 12px;
  cursor:pointer;
  font:600 14px/1 var(--font-ui);
  letter-spacing:0;
  box-shadow:none;
  transition:
    background-color var(--t-fast) var(--ease),
    border-color var(--t-fast) var(--ease),
    color var(--t-fast) var(--ease);
}

.refresh:hover{
  background:var(--surface-2);
  border-color:var(--border-strong);
}

.refresh:active{
  background:#eef2f7;
}

/* =========================
   TOP + RIGHT layout
========================= */
.grid-top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--gap);
  align-items:stretch;
  overflow-anchor:none;
}

@media (max-width:920px){
  .grid-top{
    grid-template-columns:1fr;
  }
}

/* =========================
   Card base
========================= */
.card{
  position:relative;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:12px;
  overflow:hidden;
  box-shadow:none;
  transition:
    border-color var(--t-med) var(--ease),
    background-color var(--t-med) var(--ease);
}

.card:hover{
  border-color:#cfd6e0;
  box-shadow:none;
}

.media{
  display:block;
  text-decoration:none;
  background:#eef1f5;
  position:relative;
  overflow:hidden;
}

.media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:none;
  transition:filter .25s ease;
}

.card:hover .media img{
  filter:brightness(.98);
}

.content{
  padding:12px 12px 14px;
  padding-right:46px;
}

.kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  min-width:0;
  flex-wrap:wrap;
}

.source{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.2;
  font-weight:600;
  white-space:nowrap;
}

.source img{
  width:16px;
  height:16px;
  border-radius:4px;
  object-fit:contain;
  background:#fff;
}

.time{
  color:var(--muted);
  font-size:12px;
  line-height:1.2;
  font-weight:600;
}

.dot{
  color:#99a1ab;
  opacity:.8;
}

.title{
  margin:0;
  color:var(--text);
  font-family:var(--font-ui);
  font-size:var(--card-title);
  line-height:1.24;
  font-weight:600;
  letter-spacing:0;
}

.title a{
  color:inherit;
  text-decoration:none;
}

.title a:hover{
  text-decoration:none;
}

.desc{
  margin:8px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
  font-weight:400;
}

.line2{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* =========================
   Share button
========================= */
.share{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:3;
  width:30px;
  height:30px;
  border-radius:8px;
  border:1px solid var(--border);
  background:#fff;
  color:#5f6368;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:none;
  transition:
    background-color var(--t-fast) var(--ease),
    border-color var(--t-fast) var(--ease),
    color var(--t-fast) var(--ease);
}

.share svg{
  width:15px;
  height:15px;
}

.share:hover{
  background:#f3f6fa;
  color:#111;
  border-color:#d0d7e2;
}

.share:active{
  background:#eef2f7;
}

/* =========================
   HERO / TOP carousel
========================= */
.top-card{
  width:100%;
  max-width:100%;
  overflow:hidden;
  position:relative;
  border-radius:12px;
  background:var(--card);
}

.top-card .media{
  height:var(--topMediaH);
  background:#e9edf3;
}

.top-card .media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.carousel-track[data-carousel="top"]{
  display:flex;
  width:100%;
  gap:0;
  padding:0;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.carousel-track[data-carousel="top"]::-webkit-scrollbar{
  display:none;
}

.carousel-track[data-carousel="top"] .carousel-slide{
  flex:0 0 100%;
  width:100%;
  scroll-snap-align:start;
  display:block;
  position:relative;
}

.top-card .content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:16px 16px 48px;
  padding-right:48px;
  background:var(--hero-overlay);
  color:#fff;
}

.top-card .kicker{
  margin:0 0 8px;
}

.top-card .source,
.top-card .time{
  color:rgba(255,255,255,.92);
  font-size:12px;
  font-weight:600;
}

.top-card .title{
  font-size:var(--hero-title);
  line-height:1.16;
  font-weight:600;
  letter-spacing:0;
  color:#fff;
}

.top-card .title a{
  color:#fff;
}

.top-card .desc{
  display:none;
}

.top-card .share{
  right:10px;
  bottom:10px;
  background:rgba(255,255,255,.95);
  border-color:rgba(255,255,255,.7);
  color:#222;
}

.top-card .share:hover{
  background:#f7f9fc;
  color:#111;
}

.top-card .car-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:8;
  width:28px;
  height:54px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(0,0,0,.28);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  transition:background-color var(--t-fast) var(--ease);
}

.top-card .car-nav.prev{left:12px}
.top-card .car-nav.next{right:12px}

.top-card .car-nav:hover{
  background:rgba(0,0,0,.42);
}

.top-card .car-nav:active{
  background:rgba(0,0,0,.55);
}

.top-card .carousel-dots{
  position:absolute;
  left:0;
  right:0;
  bottom:10px;
  margin:0;
  padding:0;
  justify-content:center;
  z-index:7;
}

.top-card .carousel-dot{
  border-color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.22);
}

.top-card .carousel-dot.is-active{
  background:rgba(255,255,255,.94);
  border-color:rgba(255,255,255,.94);
}

.top-card .carousel-dot:hover{
  background:rgba(255,255,255,.55);
  border-color:rgba(255,255,255,.55);
}

/* =========================
   RIGHT cards
========================= */
.right-col{
  height:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--gap);
  align-content:stretch;
}

.right-col .right-mini{
  display:flex;
  flex-direction:column;
  height:100%;
}

.right-col .right-mini .media{
  height:168px;
}

.right-col .right-mini .content{
  flex:1;
  padding:10px 10px 12px;
  padding-right:42px;
}

.right-col .right-mini .title{
  font-size:20px;
  line-height:1.22;
  font-weight:600;
  letter-spacing:0;
}

.right-col .right-mini .desc{
  display:none;
}

.right-col .right-mini .kicker{
  margin-bottom:6px;
}

.right-col .right-mini .share{
  right:10px;
  bottom:10px;
}

@media (max-width:920px){
  .right-col{
    height:auto;
    display:none !important;
  }
}

/* =========================
   Bottom
========================= */
.bottom-wrap{
  margin-top:12px;
  overflow-anchor:none;
}

.bottom-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.bottom-title{
  margin:0;
  font-size:14px;
  line-height:1.2;
  color:var(--text);
  font-weight:600;
}

.mini .media{
  height:150px;
}

.mini .content{
  padding:10px 10px 12px;
  padding-right:46px;
}

.mini .title{
  font-size:14px;
  line-height:1.24;
  font-weight:600;
}

.mini .kicker{
  margin-bottom:6px;
}

.bottom-layout{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:12px;
  align-items:start;
}

/* =========================
   Left side list
========================= */
.bottom-side-news{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:none;
  overflow:hidden;
}

.side-head{
  padding:10px 12px;
  font-size:14px;
  line-height:1.2;
  font-weight:600;
  border-bottom:1px solid var(--border);
  color:var(--text);
  background:#fff;
}

.side-row{
  display:flex;
  gap:10px;
  padding:10px 12px;
  text-decoration:none;
  color:inherit;
  border-bottom:1px solid var(--border-soft);
  transition:background-color var(--t-fast) var(--ease);
  align-items:flex-start;
}

.side-row:hover{
  background:#f7f9fc;
}

.side-row:last-child{
  border-bottom:0;
}

.side-text{
  flex:1;
  min-width:0;
}

.side-meta{
  font-size:12px;
  line-height:1.2;
  color:var(--muted);
  margin-bottom:6px;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.side-meta .source{
  display:inline-flex;
  align-items:center;
  gap:6px;
  vertical-align:middle;
}

.side-meta .source img{
  width:16px;
  height:16px;
  display:block;
  flex:0 0 16px;
  margin:0;
}

.side-title{
  font-size:var(--side-title);
  line-height:1.35;
  font-weight:600;
  color:var(--text);
  letter-spacing:0;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.side-thumb{
  flex:0 0 118px;
  width:118px;
  height:84px;
  border-radius:12px;
  overflow:hidden;
  background:#eef2f7;
  border:1px solid var(--border);
}

.side-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.bottom-carousel{
  min-width:0;
}

@media (min-width:921px){
  .bottom-carousel .card.mini{
    height:292px;
  }

  .bottom-side-news{
    height:290px;
    display:flex;
    flex-direction:column;
    overflow:auto;
  }

  .bottom-side-news .side-head{
    position:sticky;
    top:0;
    z-index:2;
  }
}

/* =========================
   Bottom carousel
========================= */
.bottom-carousel .carousel-track[data-carousel="bottom"]{
  display:flex;
  flex-wrap:nowrap;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding:0 0 12px 0;
  scrollbar-width:none;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action: pan-x pan-y pinch-zoom;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:auto;
  scroll-behavior:smooth;
}

.bottom-carousel .carousel-track[data-carousel="bottom"]::-webkit-scrollbar{
  display:none;
}

.bottom-carousel .carousel-track[data-carousel="bottom"].is-dragging{
  cursor:grabbing;
}

.bottom-carousel .carousel-track[data-carousel="bottom"] .carousel-slide{
  flex:0 0 100%;
  width:100%;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.bottom-carousel .card.mini{
  display:flex;
  flex-direction:column;
  height:100%;
}

.bottom-carousel .card.mini .media{
  height:168px;
}

.bottom-carousel .card.mini .content{
  flex:1;
  padding:10px 10px 12px;
  padding-right:42px;
}

.bottom-carousel .card.mini .title{
  font-size:20px;
  font-weight:600;
  line-height:1.22;
  letter-spacing:0;
}

.bottom-carousel .card.mini .desc{
  display:none;
}

.bottom-carousel .card.mini .kicker{
  margin-bottom:6px;
}

@media (max-width:1100px){
  .bottom-carousel .carousel-track[data-carousel="bottom"] .carousel-slide{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:920px){
  .bottom-layout{
    grid-template-columns:1fr;
  }

  .bottom-carousel .carousel-track[data-carousel="bottom"]{
    touch-action: pan-x pan-y pinch-zoom;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
  }

  .bottom-carousel .card.mini .media{
    height:190px;
  }
}

@media (max-width:560px){
  .bottom-carousel .carousel-track[data-carousel="bottom"] .carousel-slide{
    grid-template-columns:1fr;
  }

  .bottom-carousel .card.mini .media{
    height:190px;
  }
}

/* =========================
   Dots
========================= */
.carousel-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin:10px 0 0;
  padding:4px 0;
}

.carousel-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  border:1px solid #d5dbe5;
  background:#e4e9f0;
  padding:0;
  cursor:pointer;
  opacity:1;
  transition:
    width var(--t-fast) var(--ease),
    background-color var(--t-fast) var(--ease),
    border-color var(--t-fast) var(--ease);
}

.carousel-dot.is-active{
  width:18px;
  background:var(--accent);
  border-color:var(--accent);
}

.carousel-dot:hover{
  background:#d7dfe9;
  border-color:#d7dfe9;
}

.carousel-dot:focus-visible{
  outline:2px solid rgba(55,126,255,.28);
  outline-offset:3px;
}

.carousel-dots[data-dots-for="bottom"]{
  display:none !important;
}

/* =========================
   RSS tabs
========================= */
.rss-tabs-wrap{
  margin-top:12px;
  position:relative;
  overflow-anchor:none;
}

.rss-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 10px;
}

.rss-tab{
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  padding:7px 14px;
  border-radius:999px;
  font-family:var(--font-ui);
  font-size:13px;
  line-height:1;
  font-weight:600;
  cursor:pointer;
  transition:
    background-color var(--t-fast) var(--ease),
    border-color var(--t-fast) var(--ease),
    color var(--t-fast) var(--ease);
}

.rss-tab:hover{
  background:#f7f9fc;
}

.rss-tab.is-active{
  background:var(--accent);
  color:#fff;
  border-color:var(--accent);
}

.rss-panel{
  display:none;
}

.rss-panel.is-active{
  display:block;
}

.rss-panel .rss-card{
  height:100%;
}

.rss-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

@media (max-width:1100px){
  .rss-grid-3{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:720px){
  .rss-tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:2px 2px 10px;
    gap:10px;
  }

  .rss-tabs::-webkit-scrollbar{
    display:none;
  }

  .rss-tab{
    flex:0 0 auto;
    white-space:nowrap;
    scroll-snap-align:start;
  }

  .rss-grid-3{
    display:flex !important;
    flex-wrap:nowrap;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 !important;
    margin:0 !important;
  }

  .rss-grid-3::-webkit-scrollbar{
    display:none;
  }

  .rss-grid-3 > *{
    flex:0 0 100% !important;
    min-width:100% !important;
    scroll-snap-align:start;
  }

  .rss-grid-3 .rss-card,
  .rss-grid-3 .rss-slot{
    width:100% !important;
    max-width:100% !important;
  }
}

/* =========================
   Video reserve
========================= */
#video-block{
  min-height:520px;
}

@media (max-width:720px){
  #video-block{
    min-height:420px;
  }
}

/* =========================
   Loading overlay
========================= */
.news-loading{
  position:fixed;
  inset:auto;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  background:transparent;
  pointer-events:none;
}

.news-loading.is-on{
  display:flex;
}

.news-loading-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 24px;
  border:1px solid var(--border);
  background:var(--card);
  border-radius:12px;
  box-shadow:none;
  pointer-events:none;
}

.news-loading-text{
  font:600 13px/1.2 var(--font-ui);
  color:var(--text);
}

.news-spinner{
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid rgba(60,64,67,.20);
  border-top-color:var(--accent);
  animation:newsSpin .8s linear infinite;
}

@keyframes newsSpin{
  to{transform:rotate(360deg)}
}

/* =========================
   Moti title
========================= */
.moti-title{
  margin:0;
  font:600 22px/1.18 var(--font-ui);
  color:var(--text);
}

/* =========================
   Hide right on mobile
========================= */
@media (max-width:920px){
  .right-col{
    display:none !important;
  }
}

/* =========================
   Cookie consent
========================= */
.cookie-consent{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:9999;
  display:none;
}

.cookie-consent.is-on{
  display:block;
}

.cookie-card{
  max-width:960px;
  margin:0 auto;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:none;
  padding:12px;
}

.cookie-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:space-between;
}

.cookie-text{
  font:500 13px/1.35 var(--font-ui);
  color:var(--text);
}

.cookie-text a{
  color:var(--accent);
  text-decoration:none;
}

.cookie-text a:hover{
  text-decoration:underline;
}

.cookie-actions{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}

.cookie-btn{
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  padding:8px 12px;
  border-radius:999px;
  font:600 13px/1 var(--font-ui);
  cursor:pointer;
  transition:
    background-color var(--t-fast) var(--ease),
    border-color var(--t-fast) var(--ease),
    color var(--t-fast) var(--ease);
}

.cookie-btn.primary{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}

@media (max-width:520px){
  .cookie-row{flex-direction:column}
  .cookie-actions{width:100%}
  .cookie-btn{flex:1}
}

/* =========================
   Footer
========================= */
.site-footer{
  margin-top:18px;
  padding:16px 0 10px;
  border-top:1px solid var(--border);
}

.footer-inner{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font:500 13px/1.2 var(--font-ui);
  color:var(--muted);
}

.footer-inner a{
  color:var(--muted);
  text-decoration:none;
}

.footer-inner a:hover{
  color:var(--text);
  text-decoration:underline;
}

.footer-dot{
  opacity:.5;
}

.radio-wrap{
  margin-top:16px;
}

/* =========================
   Moti + Namaz
========================= */
.moti-wrap{
  margin-top:12px;
  display:block !important;
  padding:0 !important;
}

.moti-namaz-row{
  width:100%;
  max-width:none;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:12px;
  align-items:start;
}

.moti-col > .wxks{
  width:100%;
  max-width:none !important;
  margin:0 !important;
}

.namaz-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:none;
  overflow:hidden;
  padding:0 !important;
}

#takvimi-namaz,
#takvimi-namaz iframe{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
  border:0 !important;
}

.namaz-col{
  width:100%;
}

.namaz-col .lazy-block,
.namaz-col .namaz-card,
.namaz-col #holiday-widget,
.namaz-col #takvimi-namaz{
  min-height:0 !important;
  height:auto !important;
}

.namaz-col .lazy-block{
  margin:0 !important;
  padding:0 !important;
}

.namaz-col .lazy-block.is-loaded{
  min-height:0 !important;
}

#takvimi-namaz iframe{
  min-height:0 !important;
  height:640px !important;
}

@media (max-width:920px){
  .moti-namaz-row{
    grid-template-columns:1fr;
    gap:12px;
  }

  .moti-col,
  .namaz-col{
    width:100%;
    max-width:none;
  }

  #takvimi-namaz,
  #takvimi-namaz iframe{
    width:100% !important;
    max-width:none !important;
  }

  .namaz-col{
    display:block;
  }

  .namaz-col > *{
    margin-bottom:12px;
  }

  .namaz-col > *:last-child{
    margin-bottom:0;
  }

  #takvimi-namaz iframe{
    height:620px !important;
  }
}

@media (max-width:920px){
  .moti-wrap{
    padding:0 10px !important;
  }

  .moti-namaz-row{
    gap:14px;
  }

  .moti-col,
  .namaz-col{
    padding:0;
  }

  .namaz-card{
    padding:0 !important;
  }
}

@media (max-width:560px){
  #takvimi-namaz iframe{
    height:590px !important;
  }
}

@media (max-width:420px){
  .moti-wrap{
    padding:0 8px !important;
  }

  .moti-namaz-row{
    gap:12px;
  }

  .namaz-card{
    padding:0 !important;
  }

  #takvimi-namaz iframe{
    height:570px !important;
  }
}

/* =========================
   Favicon fit
========================= */
.media img[src*="favicon"]{
  object-fit:contain !important;
  background:#fff;
  padding:26px;
}

.top-card .media img[src*="favicon"]{
  object-fit:contain !important;
  background:#fff;
  padding:34px;
}

/* =========================
   Currency
========================= */
.currency-card{
  background:var(--card);
}

.currency-head{
  padding:10px 12px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid var(--border);
  background:#fff;
}

.currency-title{
  font:600 14px/1.2 var(--font-ui);
  color:var(--text);
}

.currency-meta{
  font:600 12px/1.2 var(--font-ui);
  color:var(--muted);
  white-space:nowrap;
}

.currency-empty{
  padding:12px;
  font:600 13px/1.35 var(--font-ui);
  color:var(--muted);
}

.currency-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  padding:10px 12px 12px;
  max-width:980px;
  margin:0 auto;
  justify-content:center;
  justify-items:center;
}

.currency-tile{
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  padding:10px;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  box-shadow:none;
  transition:border-color var(--t-fast) var(--ease);
}

.currency-tile:hover{
  border-color:#cfd6e0;
}

.currency-tile-top{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
}

.currency-ico{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--text);
  opacity:.9;
  flex:0 0 auto;
}

.currency-ico svg{
  width:20px;
  height:20px;
  display:block;
}

.currency-name{
  font:600 13px/1.15 var(--font-ui);
  color:var(--text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
}

.currency-price{
  margin-top:8px;
  font:600 16px/1 var(--font-ui);
  color:var(--text);
  letter-spacing:0;
}

.currency-sub{
  margin-top:6px;
  font:600 12px/1.15 var(--font-ui);
  color:var(--muted);
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.currency-spot{
  font-weight:600;
  color:var(--accent);
}

@media (max-width:1100px){
  .currency-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:680px;
  }
}

@media (max-width:560px){
  .currency-grid{
    grid-template-columns:1fr;
    gap:8px;
    max-width:none;
    margin:0;
    justify-items:stretch;
  }

  .currency-tile{
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "top price"
      "sub sub";
    align-items:center;
    padding:10px 12px;
    gap:6px 10px;
    text-align:left;
    align-items:stretch;
  }

  .currency-tile-top{
    grid-area:top;
    justify-content:flex-start;
    min-width:0;
  }

  .currency-price{
    grid-area:price;
    margin-top:0;
    font-size:16px;
    white-space:nowrap;
    justify-self:end;
  }

  .currency-sub{
    grid-area:sub;
    margin-top:0;
    justify-content:flex-start;
  }
}

/* =========================
   Gazeta Zyrtare
========================= */
.gazetazyrtare-wrap{
  margin-top:10px;
  margin-bottom:12px;
  font-family:var(--font-ui);
  color:#0b1220;
}

.gazetazyrtare-wrap *{
  box-sizing:border-box;
}

.gazetazyrtare-wrap .gz-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  overflow:visible;
  box-shadow:none;
}

.gazetazyrtare-wrap .gz-card-body,
.gazetazyrtare-wrap .gz-card-body-tight{
  padding:10px;
  background:#fff;
}

.gazetazyrtare-wrap #dokumente-search-widget{
  width:100%;
  min-height:0 !important;
  height:auto !important;
  display:block;
}

.gazetazyrtare-wrap #dokumente-search-widget:empty{
  min-height:0 !important;
  height:auto !important;
}

.gazetazyrtare-wrap #dokumente-search-widget > div,
.gazetazyrtare-wrap #dokumente-search-widget > section,
.gazetazyrtare-wrap #dokumente-search-widget > article{
  min-height:0 !important;
  height:auto !important;
}

@media (max-width:720px){
  .gazetazyrtare-wrap{
    margin-top:8px;
    margin-bottom:10px;
  }

  .gazetazyrtare-wrap .gz-card{
    border-radius:12px;
    box-shadow:none;
  }

  .gazetazyrtare-wrap .gz-card-body,
  .gazetazyrtare-wrap .gz-card-body-tight{
    padding:8px;
  }

  .gazetazyrtare-wrap #dokumente-search-widget{
    width:100%;
  }

  .gazetazyrtare-wrap #dokumente-search-widget > div{
    width:100% !important;
    max-width:100% !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget form,
  .gazetazyrtare-wrap #dokumente-search-widget .search-row,
  .gazetazyrtare-wrap #dokumente-search-widget .dz-row,
  .gazetazyrtare-wrap #dokumente-search-widget .widget-row{
    display:flex !important;
    align-items:stretch !important;
    gap:10px !important;
    width:100% !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget input[type="text"],
  .gazetazyrtare-wrap #dokumente-search-widget input[type="search"]{
    width:100% !important;
    min-width:0 !important;
    height:54px !important;
    padding:0 16px !important;
    border-radius:18px !important;
    font-size:16px !important;
    line-height:1.2 !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget button,
  .gazetazyrtare-wrap #dokumente-search-widget .search-btn{
    width:94px !important;
    min-width:94px !important;
    height:54px !important;
    border-radius:18px !important;
    flex:0 0 94px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget h1,
  .gazetazyrtare-wrap #dokumente-search-widget h2,
  .gazetazyrtare-wrap #dokumente-search-widget h3{
    font-size:20px !important;
    line-height:1.15 !important;
    margin:0 0 10px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget p,
  .gazetazyrtare-wrap #dokumente-search-widget .subtitle,
  .gazetazyrtare-wrap #dokumente-search-widget .desc{
    font-size:14px !important;
    line-height:1.5 !important;
    margin:0 0 12px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget .head,
  .gazetazyrtare-wrap #dokumente-search-widget .widget-head,
  .gazetazyrtare-wrap #dokumente-search-widget .search-head{
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget img{
    max-width:32px !important;
    height:auto !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget .results,
  .gazetazyrtare-wrap #dokumente-search-widget .search-results{
    margin-top:10px !important;
  }
}

@media (max-width:480px){
  .gazetazyrtare-wrap .gz-card{
    border-radius:12px;
  }

  .gazetazyrtare-wrap .gz-card-body,
  .gazetazyrtare-wrap .gz-card-body-tight{
    padding:6px;
  }

  .gazetazyrtare-wrap #dokumente-search-widget h1,
  .gazetazyrtare-wrap #dokumente-search-widget h2,
  .gazetazyrtare-wrap #dokumente-search-widget h3{
    font-size:18px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget p,
  .gazetazyrtare-wrap #dokumente-search-widget .subtitle,
  .gazetazyrtare-wrap #dokumente-search-widget .desc{
    font-size:13px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget input[type="text"],
  .gazetazyrtare-wrap #dokumente-search-widget input[type="search"]{
    height:50px !important;
    border-radius:16px !important;
    font-size:16px !important;
    padding:0 14px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget button,
  .gazetazyrtare-wrap #dokumente-search-widget .search-btn{
    width:82px !important;
    min-width:82px !important;
    height:50px !important;
    border-radius:16px !important;
    flex:0 0 82px !important;
  }
}

/* =========================
   Fine tuning for mobile
========================= */
@media (max-width:920px){
  .top-card .media{
    height:300px;
  }
}

@media (max-width:560px){
  .wrap{
    padding:12px;
  }

  .top-card .media{
    height:260px;
  }

  .top-card .content{
    padding:14px 14px 46px;
    padding-right:46px;
  }

  .top-card .title{
    font-size:28px;
    line-height:1.18;
  }

  .title{
    font-size:19px;
  }

  .source,
  .time{
    font-size:12px;
  }

  .desc{
    font-size:13px;
    line-height:1.4;
  }

  .side-thumb{
    width:92px;
    height:68px;
    flex-basis:92px;
  }

  .rss-grid-3 .rss-card .title,
  .rss-grid-3 .card .title{
    font-size:19px;
    line-height:1.24;
  }
}

/* Hek titullin "Top Lajmet" */
.bottom-side-news .side-head{
  display:none;
}

/* =========================
   Lazy blocks
========================= */
.lazy-block{
  min-height:80px;
}

.lazy-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:80px;
  padding:18px 16px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  color:var(--muted);
  font:600 13px/1.35 var(--font-ui);
  box-shadow:none;
}