/*
 * S.T.A.L.K.E.R. 2 Wiki — Mod detail page stylesheet
 * Доповнює mods.css (який теж підключений). rem-as-px трюк.
 */

.mod-page{width:100%;min-height:100vh;background:#0c0905;}
.mod-back-wrap{max-width:1400rem;margin:0 auto;padding:24rem 40rem 0;}

/* ---- HERO BANNER ---- */
.mod-hero{max-width:1400rem;margin:20rem auto 0;padding:0 40rem;}
.mod-hero-banner{position:relative;height:420rem;border-radius:10rem;overflow:hidden;border:1rem solid rgba(232,160,48,.18);}
.mod-hero-banner img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) brightness(.7);}
.mod-hero-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 35%,rgba(8,6,3,.6) 70%,rgba(8,6,3,.95) 100%),linear-gradient(90deg,rgba(8,6,3,.7) 0%,transparent 40%);pointer-events:none;}
.mod-hero-corner{position:absolute;width:18rem;height:18rem;z-index:3;pointer-events:none;}
.mod-hero-corner.tl{top:10rem;left:10rem;border-top:2rem solid #ffa20c;border-left:2rem solid #ffa20c;}
.mod-hero-corner.tr{top:10rem;right:10rem;border-top:2rem solid #ffa20c;border-right:2rem solid #ffa20c;}
.mod-hero-corner.bl{bottom:10rem;left:10rem;border-bottom:2rem solid #ffa20c;border-left:2rem solid #ffa20c;}
.mod-hero-corner.br{bottom:10rem;right:10rem;border-bottom:2rem solid #ffa20c;border-right:2rem solid #ffa20c;}

.mod-hero-info{position:absolute;left:40rem;right:40rem;bottom:36rem;display:flex;align-items:flex-end;justify-content:space-between;gap:24rem;z-index:2;}
.mod-hero-meta{flex:1;min-width:0;}
.mod-hero-tags{position:absolute;top:36rem;left:40rem;display:flex;gap:8rem;flex-wrap:wrap;z-index:2;}
.mod-hero-tag{display:inline-flex;align-items:center;gap:5rem;padding:5rem 12rem;border-radius:3rem;font-family:'Oswald',sans-serif;font-size:10rem;font-weight:600;letter-spacing:1.5rem;text-transform:uppercase;backdrop-filter:blur(6rem);text-decoration:none;}
.mod-hero-tag.cat{background:rgba(255,162,12,.15);color:#ffa20c;border:1rem solid rgba(255,162,12,.4);}
.mod-hero-tag.verified{background:rgba(22,165,207,.95);color:#042c3d;}
.mod-hero-tag.hot{background:rgba(241,97,69,.95);color:#2a0d05;}
.mod-hero-tag.gsc{background:linear-gradient(135deg,#ffb54e,#e0aa3c);color:#1a0e05;}
.mod-hero-tag svg{width:11rem;height:11rem;}
.mod-title{font-family:'Oswald',sans-serif;font-size:54rem;font-weight:600;line-height:.95;letter-spacing:2rem;text-transform:uppercase;color:#fff;text-shadow:0 4rem 20rem rgba(0,0,0,.9);margin-bottom:16rem;max-width:740rem;}
.mod-author{display:flex;align-items:center;gap:10rem;font-size:13rem;color:rgba(255,255,255,.85);flex-wrap:wrap;}
.mod-author-avatar{width:32rem;height:32rem;border-radius:50%;background:linear-gradient(135deg,#3a3328,#1c1917);background-size:cover;background-position:center;border:1rem solid rgba(232,160,48,.4);}
.mod-author b{color:#ffa20c;font-weight:500;}
.mod-author-sep{color:#5a564d;}

.mod-hero-cta{display:flex;flex-direction:column;align-items:flex-end;gap:10rem;}
.mod-stats-strip{position:absolute;top:36rem;right:40rem;display:flex;gap:14rem;flex-wrap:wrap;justify-content:flex-end;z-index:2;}
.mod-stat-pill{display:flex;align-items:center;gap:6rem;padding:6rem 12rem;background:rgba(0,0,0,.6);backdrop-filter:blur(8rem);border:1rem solid rgba(232,160,48,.2);border-radius:30rem;font-family:'Oswald',sans-serif;font-size:12rem;color:#fff;letter-spacing:.5rem;}
.mod-stat-pill svg{width:13rem;height:13rem;color:#ffa20c;}
.mod-cta-row{display:flex;gap:10rem;align-items:center;}
.mod-action{width:46rem;height:46rem;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(8rem);border:1rem solid rgba(232,160,48,.25);border-radius:8rem;color:#e8dcc8;cursor:pointer;transition:all .2s;}
.mod-action:hover{border-color:#ffa20c;color:#ffa20c;background:rgba(255,162,12,.1);}
.mod-action.active{color:#F16145;border-color:#F16145;background:rgba(241,97,69,.1);}
.mod-action.copied{color:#8BC34A;border-color:#8BC34A;background:rgba(139,195,74,.15);}
.mod-action svg{width:18rem;height:18rem;}
.mod-download{display:inline-flex;align-items:center;gap:10rem;padding:14rem 28rem;background:linear-gradient(180deg,#ffb54e,#e8920b);color:#1a0e05;border:none;border-radius:8rem;font-family:'Oswald',sans-serif;font-size:14rem;font-weight:700;letter-spacing:2rem;text-transform:uppercase;cursor:pointer;box-shadow:0 6rem 30rem rgba(255,162,12,.5),inset 0 1rem 0 rgba(255,255,255,.3);transition:all .2s;text-decoration:none;}
.mod-download:hover{transform:translateY(-2rem);box-shadow:0 10rem 40rem rgba(255,162,12,.7),inset 0 1rem 0 rgba(255,255,255,.3);}
.mod-download svg{width:16rem;height:16rem;}
.mod-download small{display:block;font-size:9rem;letter-spacing:1rem;opacity:.7;margin-top:1rem;font-weight:500;}

/* ---- BODY ---- */
.mod-body{max-width:1400rem;margin:36rem auto 0;padding:0 40rem 80rem;display:grid;grid-template-columns:1fr 320rem;gap:32rem;align-items:start;}
.mod-main{display:flex;flex-direction:column;gap:24rem;min-width:0;}

/* Рейтинг-бар */
.mod-rating-bar{display:flex;align-items:center;justify-content:space-between;gap:24rem;padding:18rem 24rem;background:linear-gradient(180deg,#15120e 0%,#0e0c09 100%);border:1rem solid rgba(232,160,48,.15);border-radius:10rem;flex-wrap:wrap;position:relative;}
.mod-rating-bar::before{content:'';position:absolute;top:0;left:24rem;right:24rem;height:1rem;background:linear-gradient(90deg,transparent,rgba(255,162,12,.4),transparent);}
.mod-rating-current{display:flex;align-items:center;gap:16rem;}
.mod-rating-big{font-family:'Oswald',sans-serif;font-size:48rem;font-weight:700;color:#ffa20c;line-height:1;letter-spacing:1rem;text-shadow:0 0 24rem rgba(255,162,12,.4);}
.mod-rating-info{display:flex;flex-direction:column;gap:5rem;}
.mod-rating-stars-display{display:flex;gap:3rem;}
.mod-rstar{width:16rem;height:16rem;color:rgba(255,162,12,.22);}
.mod-rstar.on{color:#ffa20c;filter:drop-shadow(0 0 3rem rgba(255,162,12,.5));}
.mod-rating-count{font-family:'Oswald',sans-serif;font-size:11rem;letter-spacing:1rem;text-transform:uppercase;color:#b4af9a;}

.mod-rating-action{display:flex;align-items:center;gap:12rem;}
.mod-rating-action-label{font-family:'Oswald',sans-serif;font-size:12rem;letter-spacing:1.5rem;text-transform:uppercase;color:#b4af9a;}
.mod-rating-stars-input{display:flex;gap:4rem;}
.mod-rstar-in{width:28rem;height:28rem;color:rgba(255,162,12,.22);cursor:pointer;transition:all .15s;}
.mod-rstar-in:hover{transform:scale(1.15);}
.mod-rating-stars-input.hovering .mod-rstar-in.lit,
.mod-rstar-in.selected{color:#ffa20c;filter:drop-shadow(0 0 4rem rgba(255,162,12,.6));}
.mod-rstar-in.just-rated{animation:modRatePulse .5s ease;}
@keyframes modRatePulse{0%{transform:scale(1);}40%{transform:scale(1.4);}100%{transform:scale(1);}}

/* Галерея */
.mod-gallery{position:relative;border-radius:10rem;overflow:hidden;border:1rem solid rgba(232,160,48,.15);background:#0a0805;}
.mod-gallery-main{position:relative;aspect-ratio:16/9;background:#0a0805;overflow:hidden;}
.mod-gallery-main img{width:100%;height:100%;object-fit:cover;}
.mod-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:44rem;height:44rem;background:rgba(0,0,0,.6);backdrop-filter:blur(6rem);border:1rem solid rgba(232,160,48,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s;z-index:2;}
.mod-gallery-nav:hover{background:#ffa20c;color:#1a0e05;border-color:#ffa20c;}
.mod-gallery-nav.prev{left:16rem;}
.mod-gallery-nav.next{right:16rem;}
.mod-gallery-nav svg{width:18rem;height:18rem;}
.mod-gallery-counter{position:absolute;bottom:16rem;right:16rem;padding:5rem 11rem;background:rgba(0,0,0,.7);backdrop-filter:blur(6rem);border-radius:4rem;font-family:'Oswald',sans-serif;font-size:11rem;color:#fff;letter-spacing:1rem;z-index:2;}
.mod-gallery-thumbs{display:flex;gap:6rem;padding:8rem;background:#080605;overflow-x:auto;}
.mod-gallery-thumb{flex-shrink:0;width:90rem;height:54rem;border-radius:4rem;overflow:hidden;cursor:pointer;border:2rem solid transparent;transition:all .2s;opacity:.55;}
.mod-gallery-thumb img{width:100%;height:100%;object-fit:cover;}
.mod-gallery-thumb:hover{opacity:.85;}
.mod-gallery-thumb.active{border-color:#ffa20c;opacity:1;box-shadow:0 0 12rem rgba(255,162,12,.4);}

/* Таби */
.mod-tabs{display:flex;gap:2rem;border-bottom:1rem solid rgba(232,160,48,.15);}
.mod-tab{padding:14rem 22rem;background:transparent;border:none;border-bottom:2rem solid transparent;color:#b4af9a;font-family:'Oswald',sans-serif;font-size:13rem;letter-spacing:1.5rem;text-transform:uppercase;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8rem;}
.mod-tab:hover{color:#e8dcc8;}
.mod-tab.active{color:#ffa20c;border-bottom-color:#ffa20c;}
.mod-tab-count{font-size:10rem;background:rgba(0,0,0,.4);padding:2rem 7rem;border-radius:10rem;letter-spacing:.5rem;}
.mod-tab.active .mod-tab-count{background:rgba(255,162,12,.2);color:#ffa20c;}

.mod-tab-panel{display:none;}
.mod-tab-panel.active{display:block;}

.mod-section{background:linear-gradient(180deg,#15120e 0%,#0e0c09 100%);border:1rem solid rgba(232,160,48,.12);border-radius:10rem;padding:24rem 28rem;position:relative;}
.mod-section::before{content:'';position:absolute;top:0;left:24rem;right:24rem;height:1rem;background:linear-gradient(90deg,transparent,rgba(255,162,12,.4),transparent);}
.mod-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18rem;}
.mod-section-title{font-family:'Oswald',sans-serif;font-size:18rem;font-weight:600;letter-spacing:2rem;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:10rem;}
.mod-section-title::before{content:'';width:3rem;height:18rem;background:#ffa20c;box-shadow:0 0 8rem #ffa20c;}

.mod-desc{color:rgba(232,220,200,.85);line-height:1.75;font-size:14rem;}

/* Markdown-render всередині .mod-desc */
.mod-desc p{margin:0 0 12rem;}
.mod-desc p:last-child{margin-bottom:0;}
.mod-desc .md-h2{font-family:'Oswald',sans-serif;font-size:22rem;font-weight:700;text-transform:uppercase;letter-spacing:1rem;color:#ffa20c;margin:20rem 0 10rem;padding-bottom:6rem;border-bottom:1rem solid rgba(255,162,12,.15);}
.mod-desc .md-h3{font-family:'Oswald',sans-serif;font-size:17rem;font-weight:600;color:#E0AF4C;margin:16rem 0 8rem;}
.mod-desc .md-h2:first-child,.mod-desc .md-h3:first-child{margin-top:0;}
.mod-desc strong{color:#fff;font-weight:600;}
.mod-desc em{font-style:italic;}
.mod-desc u{text-decoration:underline;text-decoration-color:rgba(255,162,12,.5);}
.mod-desc del{opacity:.55;}
.mod-desc a{color:#ffa20c;text-decoration:underline;text-decoration-color:rgba(255,162,12,.35);}
.mod-desc a:hover{text-decoration-color:#ffa20c;}
.mod-desc .md-ul{margin:8rem 0 12rem;padding-left:22rem;}
.mod-desc .md-ul li{margin:4rem 0;}
.mod-desc .md-ul li::marker{color:#ffa20c;}
.mod-desc .md-code{background:rgba(255,162,12,.1);color:#E0AF4C;padding:1rem 6rem;border-radius:3rem;font-family:Menlo,Consolas,monospace;font-size:13rem;}
.mod-desc .md-img{display:block;max-width:100%;height:auto;margin:14rem 0;border-radius:6rem;border:1rem solid #37342d;}

/* Спойлер: закритий — чорна плашка з курсором; відкритий — звичайний текст */
.mod-desc .md-spoiler{background:#1a1612;color:transparent;border-radius:3rem;padding:1rem 5rem;cursor:pointer;user-select:none;transition:background .15s;}
.mod-desc .md-spoiler:hover{background:#252018;}
.mod-desc .md-spoiler.is-revealed{background:rgba(255,162,12,.08);color:rgba(232,220,200,.85);cursor:default;user-select:text;}

/* Changelog */
.mod-changelog{display:flex;flex-direction:column;gap:14rem;}
.mod-change{padding:14rem 18rem;background:rgba(0,0,0,.3);border:1rem solid #37342d;border-radius:6rem;border-left:3rem solid #ffa20c;}
.mod-change-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8rem;}
.mod-change-ver{font-family:'Oswald',sans-serif;font-size:14rem;font-weight:600;color:#ffa20c;letter-spacing:1rem;}
.mod-change-date{font-family:'Oswald',sans-serif;font-size:11rem;color:#5a564d;letter-spacing:1rem;}
.mod-change-text{font-size:13rem;color:rgba(232,220,200,.78);line-height:1.6;}

/* Файли */
.mod-files{display:flex;flex-direction:column;gap:8rem;}
.mod-file{display:flex;align-items:center;gap:14rem;padding:12rem 16rem;background:rgba(0,0,0,.3);border:1rem solid #37342d;border-radius:6rem;transition:all .2s;}
.mod-file:hover{border-color:rgba(232,160,48,.4);background:rgba(255,162,12,.04);}
.mod-file.primary{background:rgba(255,162,12,.06);border-color:rgba(232,160,48,.4);}
.mod-file-icon{flex-shrink:0;width:38rem;height:38rem;border-radius:6rem;background:rgba(255,162,12,.1);border:1rem solid rgba(232,160,48,.3);display:flex;align-items:center;justify-content:center;color:#ffa20c;}
.mod-file-icon svg{width:18rem;height:18rem;}
.mod-file-icon-img{width:22rem;height:22rem;object-fit:contain;display:block;}
.mod-file-info{flex:1;min-width:0;}
.mod-file-name{font-family:'Oswald',sans-serif;font-size:13rem;font-weight:500;color:#fff;letter-spacing:.5rem;margin-bottom:3rem;}
.mod-file.primary .mod-file-name{color:#ffa20c;}
.mod-file-meta{display:flex;gap:12rem;font-size:11rem;color:#b4af9a;font-family:'Oswald',sans-serif;letter-spacing:.5rem;flex-wrap:wrap;}
.mod-file-safe{color:#8BC34A;}
.mod-file-dl{flex-shrink:0;width:40rem;height:40rem;display:flex;align-items:center;justify-content:center;background:rgba(255,162,12,.1);border:1rem solid #ffa20c;border-radius:5rem;color:#ffa20c;cursor:pointer;transition:all .2s;text-decoration:none;}
.mod-file-dl:hover{background:#ffa20c;color:#1a0e05;}
.mod-file-dl svg{width:16rem;height:16rem;}

/* Коментарі */
.mod-comment-form{display:flex;flex-direction:column;gap:10rem;margin-bottom:20rem;}
.mod-comment-input{width:100%;min-height:80rem;padding:12rem 14rem;background:rgba(0,0,0,.4);border:1rem solid #37342d;border-radius:6rem;color:#e8dcc8;font-family:'Rubik',sans-serif;font-size:13rem;resize:vertical;outline:none;transition:border-color .2s;}
.mod-comment-input:focus{border-color:#ffa20c;}
.mod-comment-submit{align-self:flex-end;padding:10rem 24rem;background:linear-gradient(180deg,#ffb54e,#e8920b);color:#1a0e05;border:none;border-radius:6rem;font-family:'Oswald',sans-serif;font-size:12rem;font-weight:600;letter-spacing:1.5rem;text-transform:uppercase;cursor:pointer;transition:all .2s;}
.mod-comment-submit:hover{transform:translateY(-1rem);}
.mod-comment-login{padding:16rem;background:rgba(0,0,0,.3);border:1rem solid #37342d;border-radius:6rem;text-align:center;color:#b4af9a;font-size:13rem;margin-bottom:20rem;}
.mod-comment-login a{color:#ffa20c;}
.mod-comments{display:flex;flex-direction:column;gap:16rem;}
.mod-comments-empty{color:#5a564d;font-size:13rem;text-align:center;padding:20rem;}
.mod-comment{display:flex;gap:12rem;padding:14rem;background:rgba(0,0,0,.25);border:1rem solid #37342d;border-radius:6rem;}
.mod-comment-avatar{width:36rem;height:36rem;border-radius:50%;background:linear-gradient(135deg,#3a3328,#1c1917);border:1rem solid rgba(232,160,48,.3);flex-shrink:0;}
.mod-comment-body{flex:1;min-width:0;}
.mod-comment-head{display:flex;align-items:center;gap:10rem;margin-bottom:6rem;}
.mod-comment-author{font-family:'Oswald',sans-serif;font-size:13rem;font-weight:600;color:#ffa20c;letter-spacing:.5rem;text-decoration:none;}
a.mod-comment-author:hover{color:#E0AF4C;text-decoration:underline;text-decoration-color:rgba(255,162,12,.4);}
a.mod-comment-avatar{cursor:pointer;transition:transform .15s ease;}
a.mod-comment-avatar:hover{transform:scale(1.05);}
.mod-author-link{color:#ffa20c;font-weight:600;text-decoration:none;}
.mod-author-link:hover{text-decoration:underline;text-decoration-color:rgba(255,162,12,.4);}
a.mod-author-card-avatar{cursor:pointer;transition:transform .15s ease;display:block;}
a.mod-author-card-avatar:hover{transform:scale(1.05);}
.mod-comment-time{font-size:11rem;color:#5a564d;font-family:'Oswald',sans-serif;letter-spacing:.5rem;}
.mod-comment-text{font-size:13rem;color:rgba(232,220,200,.85);line-height:1.55;}

/* ---- SIDEBAR ---- */
.mod-side{display:flex;flex-direction:column;gap:18rem;position:sticky;top:24rem;}
.mod-side-card{background:linear-gradient(180deg,#15120e 0%,#0e0c09 100%);border:1rem solid rgba(232,160,48,.12);border-radius:10rem;padding:20rem;position:relative;}
.mod-side-card::before{content:'';position:absolute;top:0;left:20rem;right:20rem;height:1rem;background:linear-gradient(90deg,transparent,rgba(255,162,12,.4),transparent);}
.mod-side-title{font-family:'Oswald',sans-serif;font-size:12rem;font-weight:600;letter-spacing:2.5rem;text-transform:uppercase;color:#b4af9a;margin-bottom:14rem;}

.mod-info-list{display:flex;flex-direction:column;gap:11rem;}
.mod-info-row{display:flex;align-items:center;justify-content:space-between;font-size:13rem;}
.mod-info-label{color:#b4af9a;font-family:'Oswald',sans-serif;font-size:11rem;letter-spacing:1.2rem;text-transform:uppercase;}
.mod-info-val{color:#fff;font-family:'Oswald',sans-serif;font-size:13rem;letter-spacing:.5rem;font-weight:500;}
.mod-info-val.accent{color:#ffa20c;}
.mod-info-val.verified{color:#16A5CF;}

.mod-plats-row{display:flex;gap:8rem;flex-wrap:wrap;}
.mod-plat-chip{display:inline-flex;align-items:center;gap:6rem;padding:6rem 11rem;background:rgba(0,0,0,.4);border:1rem solid rgba(232,160,48,.2);border-radius:5rem;font-family:'Oswald',sans-serif;font-size:11rem;color:#e8dcc8;letter-spacing:.5rem;}
.mod-plat-chip img{width:13rem;height:13rem;filter:brightness(0) invert(.95);opacity:.8;}

.mod-tags-list{display:flex;gap:6rem;flex-wrap:wrap;}
.mod-tag-chip{display:inline-block;padding:5rem 11rem;background:rgba(0,0,0,.4);border:1rem solid #37342d;border-radius:30rem;font-size:11rem;color:#b4af9a;}

.mod-author-card{display:flex;align-items:center;gap:12rem;padding:14rem;background:rgba(0,0,0,.3);border:1rem solid #37342d;border-radius:8rem;}
.mod-author-card-avatar{width:46rem;height:46rem;border-radius:50%;background:linear-gradient(135deg,#3a3328,#1c1917);background-size:cover;background-position:center;border:1rem solid rgba(232,160,48,.4);flex-shrink:0;}
.mod-author-card-name{font-family:'Oswald',sans-serif;font-size:14rem;font-weight:600;color:#fff;letter-spacing:.5rem;line-height:1.2;}
.mod-author-card-link{display:inline-block;margin-top:2rem;font-family:'Rubik',sans-serif;font-size:12rem;color:#ffa20c;text-decoration:none;font-weight:500;}
.mod-author-card-link:hover{text-decoration:underline;text-decoration-color:rgba(255,162,12,.4);}

.mod-other{display:flex;flex-direction:column;gap:8rem;}
.mod-other-item{display:flex;align-items:center;gap:10rem;padding:8rem;background:rgba(0,0,0,.3);border:1rem solid #37342d;border-radius:6rem;transition:all .2s;text-decoration:none;}
.mod-other-item:hover{border-color:rgba(232,160,48,.4);background:rgba(255,162,12,.04);}
.mod-other-thumb{width:48rem;height:30rem;border-radius:3rem;overflow:hidden;flex-shrink:0;background:#2d2a28;}
.mod-other-thumb img{width:100%;height:100%;object-fit:cover;}
.mod-other-info{flex:1;min-width:0;}
.mod-other-name{font-family:'Oswald',sans-serif;font-size:12rem;color:#fff;letter-spacing:.5rem;line-height:1.2;margin-bottom:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mod-other-stats{font-size:10rem;color:#b4af9a;font-family:'Oswald',sans-serif;letter-spacing:.5rem;display:flex;gap:8rem;}
.mod-other-stats span{display:inline-flex;align-items:center;gap:3rem;}
.mod-other-stats svg{width:9rem;height:9rem;color:#ffa20c;}

/* ---- RESPONSIVE ---- */
@media (max-width: 1150px){
  .mod-hero{padding:0 20rem;}
  .mod-hero-banner{height:300rem;}
  .mod-hero-info{left:20rem;right:20rem;bottom:20rem;flex-direction:column;align-items:flex-start;gap:16rem;}
  .mod-hero-tags{top:20rem;left:20rem;}
  .mod-stats-strip{top:20rem;right:20rem;gap:8rem;}
  .mod-hero-cta{align-items:flex-start;width:100%;}
  .mod-stats-strip{justify-content:flex-start;}
  .mod-title{font-size:36rem;}
  .mod-body{grid-template-columns:1fr;padding:0 20rem 60rem;gap:24rem;}
  .mod-side{position:static;}
  .mod-back-wrap{padding:20rem 20rem 0;}
}
@media (max-width: 650px){
  .mod-title{font-size:28rem;}
  .mod-cta-row{flex-wrap:wrap;}
  .mod-download{flex:1 1 100%;justify-content:center;}
  /* На вузьких pills і tags можуть пересікатись справа-ліворуч */
  .mod-stats-strip{top:auto;bottom:auto;right:20rem;position:absolute;top:60rem;}
}

.mod-action--manage{color:#8BC34A;border-color:rgba(139,195,74,.4);}
.mod-action--manage:hover{background:rgba(139,195,74,.1);border-color:#8BC34A;color:#8BC34A;}

/* ============ КНОПКА Поскаржитись ============ */
.mod-action--report{color:#b4af9a;border-color:#37342d;}
.mod-action--report:hover{color:#F16145;border-color:rgba(241,97,69,.5);background:rgba(241,97,69,.06);}

/* ============ REPORT MODAL ============ */
.mod-report-overlay{position:fixed;inset:0;z-index:9999;background:rgba(6,4,2,.85);backdrop-filter:blur(8rem);display:flex;align-items:flex-start;justify-content:center;padding:40rem 20rem;overflow-y:auto;animation:modConfirmFade .15s ease;}
.mod-report-overlay[hidden]{display:none;}

.mod-report-modal{position:relative;width:100%;max-width:600rem;background:linear-gradient(180deg,#15120e 0%,#0c0a07 100%);border:1rem solid rgba(241,97,69,.3);border-radius:12rem;padding:32rem 28rem 24rem;box-shadow:0 30rem 80rem rgba(0,0,0,.75);animation:modConfirmPop .25s cubic-bezier(0.22,1,0.36,1);}
.mod-report-modal::before{content:'';position:absolute;top:0;left:32rem;right:32rem;height:1rem;background:linear-gradient(90deg,transparent,rgba(241,97,69,.6),transparent);}

.mod-report-close{position:absolute;top:18rem;right:18rem;width:34rem;height:34rem;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border:1rem solid #37342d;border-radius:6rem;color:#b4af9a;cursor:pointer;transition:all .2s;}
.mod-report-close:hover{border-color:#F16145;color:#F16145;}
.mod-report-close svg{width:16rem;height:16rem;}

.mod-report-head{text-align:center;margin-bottom:22rem;}
.mod-report-icon{width:56rem;height:56rem;margin:0 auto 12rem;border-radius:50%;background:rgba(241,97,69,.1);border:1rem solid rgba(241,97,69,.4);display:flex;align-items:center;justify-content:center;color:#F16145;}
.mod-report-icon svg{width:24rem;height:24rem;}
.mod-report-title{font-family:'Oswald',sans-serif;font-size:24rem;font-weight:600;letter-spacing:1.5rem;text-transform:uppercase;color:#fff;margin:0 0 6rem;}
.mod-report-sub{font-size:13rem;color:#b4af9a;margin:0;}

.mod-report-label{display:block;font-family:'Oswald',sans-serif;font-size:11rem;letter-spacing:1.5rem;text-transform:uppercase;color:#b4af9a;margin:14rem 0 8rem;}
.mod-report-label small{font-family:'Rubik',sans-serif;font-size:10rem;letter-spacing:0;text-transform:none;color:#5a564d;font-weight:400;margin-left:4rem;}

.mod-report-reasons{display:flex;flex-direction:column;gap:6rem;}
.mod-report-reason{display:block;cursor:pointer;}
.mod-report-reason input{display:none;}
.mod-report-reason-box{display:block;padding:11rem 14rem;background:rgba(0,0,0,.3);border:1rem solid #37342d;border-radius:6rem;transition:all .2s;position:relative;}
.mod-report-reason:hover .mod-report-reason-box{border-color:rgba(241,97,69,.5);background:rgba(241,97,69,.04);}
.mod-report-reason input:checked + .mod-report-reason-box{border-color:#F16145;background:rgba(241,97,69,.08);}
.mod-report-reason input:checked + .mod-report-reason-box::before{content:'';position:absolute;top:14rem;right:14rem;width:14rem;height:14rem;background:#F16145;border-radius:50%;box-shadow:inset 0 0 0 3rem #15120e;}
.mod-report-reason-title{display:block;font-size:13rem;font-weight:500;color:#e8dcc8;margin-bottom:2rem;}
.mod-report-reason-desc{display:block;font-size:11rem;color:#5a564d;line-height:1.4;}

.mod-report-textarea{width:100%;min-height:80rem;padding:11rem 14rem;background:rgba(0,0,0,.4);border:1rem solid #37342d;border-radius:6rem;color:#e8dcc8;font-family:'Rubik',sans-serif;font-size:13rem;resize:vertical;outline:none;transition:border-color .2s;}
.mod-report-textarea:focus{border-color:#F16145;}
.mod-report-textarea::placeholder{color:#5a564d;}

.mod-report-actions{display:flex;gap:10rem;justify-content:flex-end;margin-top:22rem;}
.mod-report-cancel{padding:12rem 24rem;background:transparent;border:1rem solid #37342d;border-radius:6rem;color:#b4af9a;font-family:'Oswald',sans-serif;font-size:12rem;letter-spacing:1.5rem;text-transform:uppercase;cursor:pointer;transition:all .2s;}
.mod-report-cancel:hover{border-color:#b4af9a;color:#e8dcc8;}
.mod-report-submit{padding:12rem 28rem;background:linear-gradient(180deg,#ff7a5c,#d84a2e);border:none;border-radius:6rem;color:#fff;font-family:'Oswald',sans-serif;font-size:12rem;font-weight:700;letter-spacing:1.5rem;text-transform:uppercase;cursor:pointer;transition:all .2s;box-shadow:0 6rem 18rem rgba(241,97,69,.4);}
.mod-report-submit:hover{transform:translateY(-2rem);box-shadow:0 10rem 24rem rgba(241,97,69,.55);}
.mod-report-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;}

.mod-report-msg{margin-top:14rem;padding:11rem 14rem;border-radius:6rem;font-size:13rem;}
.mod-report-msg[hidden]{display:none;}
.mod-report-msg.error{background:rgba(241,97,69,.12);border:1rem solid rgba(241,97,69,.4);color:#F16145;}
.mod-report-msg.success{background:rgba(139,195,74,.12);border:1rem solid rgba(139,195,74,.4);color:#8BC34A;}

@media (max-width: 640px){
  .mod-report-modal{padding:24rem 18rem;}
}

/* ============ COMMENT THREADS + DELETION ============ */
.mod-comment-avatar{background-size:cover !important;background-position:center !important;}

.mod-comment--reply{margin-top:10rem;padding-top:10rem;}
.mod-comment-replies{margin-top:14rem;margin-left:38rem;padding-left:14rem;border-left:2rem solid rgba(232,160,48,.15);display:flex;flex-direction:column;gap:14rem;}

.mod-comment-edited{font-size:11rem;color:#5a564d;font-style:italic;margin-left:4rem;}

.mod-comment--deleted{opacity:.6;}
.mod-comment-text--deleted{color:#5a564d !important;font-style:italic;}

.mod-comment-actions{display:flex;gap:14rem;margin-top:6rem;}
.mod-comment-act{display:inline-flex;align-items:center;gap:4rem;background:none;border:none;padding:4rem 0;color:#5a564d;font-family:'Rubik',sans-serif;font-size:11rem;cursor:pointer;transition:color .2s;}
.mod-comment-act:hover{color:#ffa20c;}
.mod-comment-act svg{width:12rem;height:12rem;}
.mod-comment-act--danger:hover{color:#F16145;}

.mod-comment-reply-form{margin-top:10rem;display:flex;flex-direction:column;gap:8rem;}
.mod-comment-reply-form[hidden]{display:none;}
.mod-comment-reply-form .mod-comment-input{width:100%;min-height:60rem;padding:10rem 12rem;background:rgba(0,0,0,.4);border:1rem solid rgba(232,160,48,.3);border-radius:6rem;color:#e8dcc8;font-family:'Rubik',sans-serif;font-size:13rem;resize:vertical;outline:none;}
.mod-comment-reply-form .mod-comment-input:focus{border-color:#ffa20c;}
.mod-comment-reply-actions{display:flex;gap:8rem;justify-content:flex-end;}
.mod-comment-reply-cancel,.mod-comment-reply-submit{padding:7rem 16rem;border-radius:5rem;font-family:'Oswald',sans-serif;font-size:11rem;letter-spacing:1rem;text-transform:uppercase;cursor:pointer;border:1rem solid #37342d;transition:all .2s;}
.mod-comment-reply-cancel{background:transparent;color:#b4af9a;}
.mod-comment-reply-cancel:hover{border-color:#b4af9a;color:#e8dcc8;}
.mod-comment-reply-submit{background:linear-gradient(180deg,#ffb54e,#e8920b);border:none;color:#1a0e05;font-weight:600;}
.mod-comment-reply-submit:hover{transform:translateY(-1rem);box-shadow:0 4rem 12rem rgba(255,162,12,.4);}
.mod-comment-reply-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;}

@media (max-width: 640px){
  .mod-comment-replies{margin-left:20rem;padding-left:10rem;}
}