.qrm.qrm-home-kutu{background:var(--bg);color:var(--text);min-height:100svh;padding-bottom:var(--footer-h,64px);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.home-hero{position:relative;height:320px;background:#333 center/cover no-repeat}
.home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.06),rgba(0,0,0,.65) 55%,rgba(0,0,0,.9) 88%)}
.home-top{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;z-index:2}
.home-top .spacer{flex:1}
.top-btn{width:36px;height:36px;border-radius:999px;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.home-panel{margin-top:-34px;background:#111315;border-radius:28px 28px 0 0;border:1px solid #1f2937;padding:16px 16px 20px;box-shadow:0 -6px 28px rgba(0,0,0,.25)}
.home-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:8px;margin-bottom:12px}
.home-brand .ring{width:92px;height:92px;border-radius:999px;background:#0d0d0d;border:1px solid #262626;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:10px;box-shadow:0 6px 22px rgba(0,0,0,.3)}
.home-brand .ring::after{content:"";position:absolute;inset:10px;border-radius:999px;border:6px solid var(--home-accent,var(--accent))}
.home-brand .inner{width:58px;height:58px;border-radius:999px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;overflow:hidden}
.home-brand .inner img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.home-brand .title{font-size:1.6rem;font-weight:900}
.home-brand .subtitle{color:var(--muted)}
.home-actions{display:flex;gap:10px;margin-top:10px}
.home-actions .btn-red,.home-actions .btn-dark{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;font-weight:800;letter-spacing:.2px;border:1px solid #262626;transition:transform .15s ease,background .2s ease,color .2s ease}
.home-actions .btn-red{background:var(--home-accent,var(--accent));color:#000;border-color:var(--home-accent,var(--accent))}
.home-actions .btn-red:hover{transform:translateY(-1px)}
.home-actions .btn-dark{background:#1a1a1a;color:#e5e5e5}
.home-actions .btn-dark:hover{background:#222}
.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:640px){.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.home-tile{display:flex;flex-direction:column;gap:8px;background:#141416;border:1px solid #262626;border-radius:18px;padding:10px;transition:transform .15s ease, box-shadow .15s ease}
.home-tile .img{aspect-ratio:1/1;background:#111;border-radius:12px;overflow:hidden}
.home-tile .img img{width:100%;height:100%;object-fit:cover;display:block}
.home-tile .label{font-weight:800}
.home-tile:focus-visible{outline:2px solid var(--accent); outline-offset:4px}
.home-tile:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.25)}
.kutu-spacer{height:var(--footer-h,64px)}

/* Language popover */
.lang-wrap{position:relative}
.lang-wrap .lang-pop{position:absolute;top:42px;right:0;background:#141416;border:1px solid #262626;border-radius:12px;padding:8px;min-width:140px;display:none;box-shadow:0 10px 24px rgba(0,0,0,.35);}
.lang-wrap .lang-pop[data-open="1"]{display:block}
.lang-wrap .lang-pop a{display:block;padding:8px 10px;border-radius:8px;color:#e5e5e5}
.lang-wrap .lang-pop a:hover{background:#1a1a1a}

/* Featured row */
.home-featured{margin:8px 0 14px}
.home-featured .h-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}
.home-featured .ftile{display:flex;flex-direction:column;gap:6px;background:#141416;border:1px solid #262626;border-radius:14px;padding:8px;min-width:140px}
.home-featured .ftile .img{position:relative;height:96px;border-radius:10px;overflow:hidden;background:#111}
.home-featured .ftile .img .badge{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:800;font-size:.72rem}
.home-featured .ftile .img img{width:100%;height:100%;object-fit:cover;display:block}
.home-featured .ftile .label{font-weight:800;font-size:.95rem}

/* Section header */
.section-head{display:flex;align-items:center;justify-content:space-between;margin:6px 2px 8px}
.section-head .title{font-weight:900;letter-spacing:.2px}

/* Responsive small height tweaks */
@media (max-height: 700px){
  .home-hero{height:280px}
  .home-panel{margin-top:-28px}
}
@media (max-height: 620px){
  .home-hero{height:240px}
  .home-panel{margin-top:-24px}
}