/* RotaNur — Header "Blog" mega menü: dergi düzeni + krem/altın İslami doku */
@property --rnbm-a{syntax:"<angle>";inherits:false;initial-value:0deg}

.mega.mega-blog{isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#fffaf0 0%,#fffdf8 50%,#fff 100%);border-bottom-color:#efdfbd}
.mega.mega-blog::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.42;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23d9b56a' stroke-width='.9'%3E%3Crect x='14' y='14' width='20' height='20'/%3E%3Crect x='14' y='14' width='20' height='20' transform='rotate(45 24 24)'/%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3C/g%3E%3C/svg%3E") 0 0/48px 48px;-webkit-mask:radial-gradient(ellipse 620px 440px at calc(50% + 620px) 0,#000 0%,transparent 72%),radial-gradient(ellipse 460px 380px at calc(50% - 620px) 100%,#000 0%,transparent 72%);mask:radial-gradient(ellipse 620px 440px at calc(50% + 620px) 0,#000 0%,transparent 72%),radial-gradient(ellipse 460px 380px at calc(50% - 620px) 100%,#000 0%,transparent 72%)}
.mega.mega-blog::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;pointer-events:none;background:linear-gradient(90deg,transparent,#e0a52a 20%,#f3d27a 50%,#e0a52a 80%,transparent)}
.mega.mega-blog .mega-inner{padding-top:26px;padding-bottom:26px}

.rnbm{flex:1 1 auto;min-width:0;width:100%;display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:stretch}

/* Sol kart */
.rnbm-side{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;padding:16px 14px 14px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid #efdfbd;box-shadow:0 10px 26px rgba(160,110,20,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.rnbm-side::before{content:"";position:absolute;top:0;right:0;width:190px;height:150px;z-index:-1;opacity:.45;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23d9b56a' stroke-width='.9'%3E%3Crect x='14' y='14' width='20' height='20'/%3E%3Crect x='14' y='14' width='20' height='20' transform='rotate(45 24 24)'/%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3C/g%3E%3C/svg%3E") 0 0/40px 40px;-webkit-mask:radial-gradient(ellipse at 100% 0,#000 0%,transparent 70%);mask:radial-gradient(ellipse at 100% 0,#000 0%,transparent 70%)}
.rnbm-side::after{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#e0a52a 25%,#f3d27a 50%,#e0a52a 75%,transparent)}
.rnbm-kicker{display:inline-flex;align-items:center;gap:6px;padding:0 6px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#b98322}
.rnbm-kicker svg{width:12px;height:12px}
.rnbm-title{display:block;margin:3px 0 10px;padding:0 6px;font-size:17px;line-height:1.25;font-weight:700;color:#2b2110}
.rnbm-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.rnbm-cats a{display:flex;align-items:center;gap:10px;padding:5px 6px;border-radius:11px;font-size:13.5px;font-weight:600;line-height:1.25;color:#2b2110;transition:background .2s,color .2s}
.rnbm-cats a .ic{flex:none;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#b98322;background:linear-gradient(135deg,#fff6e0,#fbe9c2);border:1px solid #f0dcae;transition:background .2s,color .2s,border-color .2s}
.rnbm-cats a .ic svg{width:16px;height:16px}
.rnbm-cats a em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:#8a6a2c;background:#fff7e6;border:1px solid #f0dcae;border-radius:999px;padding:1px 8px}
.rnbm-cats a:hover{background:#fff4dc;color:#0f7a3e}
.rnbm-cats a:hover .ic{color:#fff;border-color:transparent;background:linear-gradient(135deg,#0f9d4f,#17bd5c)}
.rnbm-all{position:relative;overflow:hidden;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:12px;font-size:13.5px;font-weight:700;color:#fff!important;background:linear-gradient(135deg,#b98322,#e0a52a 55%,#f0c25a);box-shadow:0 8px 18px rgba(185,131,34,.28)}
.rnbm-all::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:rnbmShine 3.8s ease-in-out infinite}
.rnbm-all svg{width:15px;height:15px;transition:transform .2s}
.rnbm-all:hover svg{transform:translateX(3px)}
.rnbm-side .rnbm-cats{margin-bottom:12px}
@keyframes rnbmShine{0%,55%{left:-60%}100%{left:130%}}

/* Sağ: öne çıkan + liste */
.rnbm-feed{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:16px;min-width:0}

.rnbm-feat{position:relative;display:block;min-height:250px;border-radius:18px;overflow:hidden;isolation:isolate;color:#fff;background:#0d3c2c;box-shadow:0 14px 30px rgba(15,60,40,.18)}
.rnbm-feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s ease}
.rnbm-feat:hover img{transform:scale(1.05)}
.rnbm-feat::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,38,24,.10) 0%,rgba(6,38,24,.18) 35%,rgba(6,38,24,.70) 68%,rgba(6,38,24,.94) 100%)}
.rnbm-feat::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.8px;pointer-events:none;background:conic-gradient(from var(--rnbm-a),transparent 0 62%,rgba(255,226,150,.35) 74%,rgba(255,240,196,.95) 84%,#fff 86%,rgba(255,226,150,.35) 90%,transparent 96%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rnbmSpin 6s linear infinite}
@keyframes rnbmSpin{to{--rnbm-a:360deg}}
.rnbm-feat .ft-top{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.rnbm-chip{display:inline-block;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#7a5412;background:linear-gradient(135deg,#fff8e8,#fbe6b8);border:1px solid rgba(240,194,90,.7)}
.rnbm-new{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.rnbm-new svg{width:11px;height:11px;color:#f3d27a}
.rnbm-feat .ft-body{position:absolute;left:0;right:0;bottom:0;padding:16px 18px}
.rnbm-feat b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:18px;line-height:1.3;font-weight:700;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.rnbm-feat .ft-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.rnbm-feat .ft-time{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:rgba(255,255,255,.85)}
.rnbm-feat .ft-time svg{width:13px;height:13px}
.rnbm-feat .ft-go{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#b98322,#e0a52a 55%,#f0c25a);box-shadow:0 6px 14px rgba(0,0,0,.18)}
.rnbm-feat .ft-go svg{width:14px;height:14px;transition:transform .2s}
.rnbm-feat:hover .ft-go svg{transform:translateX(3px)}

.rnbm-list{display:flex;flex-direction:column;gap:10px;min-width:0}
.rnbm-item{flex:1 1 0;display:flex;align-items:center;gap:12px;min-width:0;padding:8px 10px 8px 8px;border-radius:14px;background:rgba(255,255,255,.9);border:1px solid #f1e6cc;box-shadow:0 4px 12px rgba(160,110,20,.05);transition:border-color .2s,box-shadow .2s,transform .2s}
.rnbm-item .th{flex:none;width:74px;height:62px;border-radius:10px;overflow:hidden;background:#f4ecdc}
.rnbm-item .th img{display:block;width:100%;height:100%;object-fit:cover}
.rnbm-item .tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.rnbm-item small{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b98322}
.rnbm-item b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.3;font-weight:700;color:#1d2433}
.rnbm-item em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11.5px;color:#6f5f45}
.rnbm-item em svg{width:12px;height:12px}
.rnbm-item .ar{flex:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#128c3e;background:#eef9f1;border:1px solid rgba(18,140,62,.18);transition:background .2s,color .2s}
.rnbm-item .ar svg{width:14px;height:14px}
.rnbm-item:hover{border-color:#e0c27a;transform:translateX(3px);box-shadow:0 10px 22px rgba(160,110,20,.12)}
.rnbm-item:hover b{color:#0f7a3e}
.rnbm-item:hover .ar{color:#fff;background:linear-gradient(135deg,#0f9d4f,#17bd5c);border-color:transparent}

@media (max-width:1260px){
  .rnbm{grid-template-columns:236px minmax(0,1fr);gap:18px}
  .rnbm-title{font-size:16px;white-space:nowrap}
  .rnbm-cats a{font-size:13px;gap:8px;white-space:nowrap}
  .rnbm-feed{gap:14px}
  .rnbm-feed{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .rnbm-item .th{width:58px;height:54px}
  .rnbm-item .ar{display:none}
}
@media (max-width:1024px){
  .mega.mega-blog{background:transparent;overflow:visible}
  .mega.mega-blog::before,.mega.mega-blog::after{display:none}
  .mega.mega-blog .mega-inner{padding:0}
  .rnbm{display:block}
  .rnbm-feed{display:none}
  .rnbm-side{background:linear-gradient(160deg,#fffaf0,#fff);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-reduced-motion:reduce){
  .rnbm-feat::after,.rnbm-all::after{animation:none}
  .rnbm-feat img,.rnbm-item{transition:none}
}