/*
Theme Name: Avaye Khis
Theme URI: https://yourwebsite.com
Author: Your Name
Description: قالب اختصاصی و شیشه‌ای رمانکده آوای خیس
Version: 1.0
Text Domain: avks
*/

/* ═══════════════════════════════════════════════ */
/* تمام کدهای CSS قالبی که قبلا نوشتیم (متغیرها، بک‌گراند، کارت‌ها و ...) رو دقیقاً از اینجا به بعد پیست کن */
/* ═══════════════════════════════════════════════ */

/* Font Face - Rohiykn */
@font-face {
    font-family: 'Rohiykn';
    src: url('asset/fonts/Rohiykn-r.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rohiykn';
    src: url('asset/fonts/Rohiykn-b.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Root Variables */
:root {
    --avks-pr: #ec4899;
    --avks-pr-l: #f9a8d4;
    --avks-pr-d: #be185d;
    --avks-pr-g: rgba(236, 72, 153, 0.4);
    --avks-ac: #f472b6;
    --avks-or: #fb923c;
    --avks-or-d: #ea580c;
    --avks-or-g: rgba(251, 146, 60, 0.4);
    --avks-bg: #fff5f9;
    --avks-bg2: #fce7f3;
    --avks-gl: rgba(255, 255, 255, 0.6);
    --avks-gl-b: rgba(255, 255, 255, 0.3);
    --avks-hd: rgba(255, 255, 255, 0.15);
    --avks-tx: #500724;
    --avks-tx2: #831843;
    --avks-tx3: #be185d;
    --avks-bd: rgba(236, 72, 153, 0.15);
    --avks-sh: 0 8px 32px rgba(236, 72, 153, 0.12);
    --avks-sh-l: 0 20px 60px rgba(236, 72, 153, 0.18);
    --avks-ov: rgba(236, 72, 153, 0.06);
    --avks-in: rgba(255, 255, 255, 0.8);
    --avks-ft: #500724;
    --avks-tr: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --avks-font: 'Rohiykn', 'Tahoma', sans-serif;
}
/* 📐 فیکس کردن حالت کشیدگی و پر کردن کادر تصاویر رمان */

[data-avks-th="dark"] {
    --avks-bg: #1a0714;
    --avks-bg2: #2a0f1f;
    --avks-gl: rgba(50, 15, 35, 0.6);
    --avks-gl-b: rgba(236, 72, 153, 0.2);
    --avks-hd: rgba(26, 7, 20, 0.6);
    --avks-tx: #fce7f3;
    --avks-tx2: #f9a8d4;
    --avks-tx3: #f472b6;
    --avks-bd: rgba(236, 72, 153, 0.3);
    --avks-sh: 0 8px 32px rgba(0, 0, 0, 0.4);
    --avks-sh-l: 0 20px 60px rgba(0, 0, 0, 0.5);
    --avks-ov: rgba(236, 72, 153, 0.12);
    --avks-in: rgba(50, 15, 35, 0.8);
    --avks-ft: #0d0308;
}

* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
    font-weight: 400;
}
a{
   text-decoration: none;
}

html { scroll-behavior: smooth; }

body {
    font-family: var(--avks-font);
    background: var(--avks-bg);
    color: var(--avks-tx);
    transition: var(--avks-tr);
    overflow-x: hidden;
    line-height: 1.8;
    font-weight: 400;
}

body.avks-lock { overflow: hidden; }

/* ═══════════════════════════════════════════════ */
/* Typography - Font Weight Rules */
/* ═══════════════════════════════════════════════ */

/* Regular Weight (400) - Default */
p, span, a, div, li, td, th, input, textarea, button, label, small {
    font-weight: 400;
}

/* Black Weight (900) - Bold Elements */
h1, h2, h3, h4, h5, h6,
b, strong,
.avks-lg__tt,
.avks-hr__tt,
.avks-sc__tt,
.avks-nc__tt,
.avks-au__nm,
.avks-au__s b,
.avks-st__n,
.avks-fb__tt,
.avks-nl__tt,
.avks-ft__lgtt,
.avks-ft__h,
.avks-ms__ll,
.avks-ms__ll,
.avks-lv-b,
.avks-cp-b,
.avks-pp-b,
.avks-up-b,
.avks-vp-b,
.avks-pl-d,
.avks-dd__ht {
    font-weight: 900;
}

/* Background Orbs */
.avks-orbs {
    position: fixed; top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: -1; overflow: hidden;
    pointer-events: none;
}

.avks-orb {
    position: absolute; border-radius: 50%;
    filter: blur(80px); opacity: 0.35;
    animation: avksFl 20s infinite ease-in-out;
}

[data-avks-th="dark"] .avks-orb { opacity: 0.18; }

.avks-orb.avks-o1 { width: 500px; height: 500px; background: radial-gradient(circle, #f9a8d4, transparent); top: -100px; right: -100px; }
.avks-orb.avks-o2 { width: 400px; height: 400px; background: radial-gradient(circle, #fb7185, transparent); bottom: -100px; left: -100px; animation-delay: -7s; }
.avks-orb.avks-o3 { width: 300px; height: 300px; background: radial-gradient(circle, #f472b6, transparent); top: 50%; left: 50%; animation-delay: -14s; }

@keyframes avksFl {
    0%, 100% { transform: translate(0, 0) scale(1); }
    25% { transform: translate(50px, -80px) scale(1.1); }
    50% { transform: translate(-30px, 60px) scale(0.9); }
    75% { transform: translate(70px, 40px) scale(1.05); }
}

.avks-sp { display: none; }

/* ═══════════════════════════════════════════════ */
/* Header - FIXED */
/* ═══════════════════════════════════════════════ */
.avks-hd {
    position: fixed; top: 0; left: 0; right: 0;
    z-index: 1000; padding: 0 2rem;
    transition: var(--avks-tr);
}

.avks-hd__in {
    max-width: 1400px;
    margin: 0.8rem auto;
    background: var(--avks-hd);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid var(--avks-gl-b);
    border-radius: 20px;
    padding: 0.8rem 2rem;
    display: flex; align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    box-shadow: var(--avks-sh);
    position: relative;
}

.avks-hd__in::before {
    content: ''; position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    z-index: 1;
    pointer-events: none;
}

.avks-hd__hl {
    position: absolute; top: -50%; left: -20%;
    width: 60%; height: 200%;
    background: radial-gradient(ellipse, rgba(236, 72, 153, 0.08), transparent 70%);
    pointer-events: none;
    z-index: 0;
    border-radius: 20px;
}

.avks-hd.avks-act .avks-hd__in {
    background: var(--avks-gl);
    border-color: var(--avks-bd);
    box-shadow: var(--avks-sh-l);
    margin-top: 0.4rem;
}

/* Logo */
.avks-lg { display: flex; align-items: center; gap: 0.75rem; text-decoration: none; flex-shrink: 0; }

.avks-lg__ic {
    width: 48px; height: 48px;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-ac));
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    position: relative; flex-shrink: 0;
    box-shadow: 0 4px 15px var(--avks-pr-g);
}

.avks-lg__ic svg { width: 26px; height: 26px; fill: white; }

.avks-lg__tx { display: flex; flex-direction: column; }

.avks-lg__tt {
    font-size: 1.3rem;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-ac));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; line-height: 1.3;
}

.avks-lg__st { font-size: 0.7rem; color: var(--avks-tx3); }

/* Navigation */
.avks-nv { 
    display: flex; 
    align-items: center; 
    gap: 0.25rem;
    position: relative;
    z-index: 10;
}

.avks-nv__l {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.6rem 1rem;
    color: var(--avks-tx2); text-decoration: none;
    font-size: 0.9rem;
    border-radius: 12px;
    transition: var(--avks-tr);
    position: relative; white-space: nowrap;
}

.avks-nv__l svg { width: 18px; height: 18px; fill: currentColor; transition: var(--avks-tr); }

.avks-nv__l:hover, .avks-nv__l.avks-act { color: var(--avks-pr); background: var(--avks-ov); }

.avks-nv__l.avks-act::after {
    content: ''; position: absolute; bottom: 2px;
    left: 50%; transform: translateX(-50%);
    width: 20px; height: 3px;
    background: var(--avks-pr); border-radius: 3px;
}

/* ═══════════════════════════════════════════════ */
/* Categories Dropdown - Desktop */
/* ═══════════════════════════════════════════════ */
.avks-dd {
    position: relative;
    display: inline-block;
    z-index: 100;
}

.avks-dd__tg {
    cursor: pointer;
    user-select: none;
}

.avks-dd__ar {
    width: 14px !important;
    height: 14px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.5 !important;
    stroke-linecap: round !important;
    transform: rotate(180deg);
    transition: transform 0.3s ease;
    margin-right: 0.15rem;
}

.avks-dd.avks-op .avks-dd__ar {
    transform: rotate(0deg);
}

.avks-dd.avks-op .avks-dd__tg {
    color: var(--avks-pr) !important;
    background: var(--avks-ov) !important;
}

.avks-dd__mn {
    position: absolute;
    top: calc(100% + 25px);
    right: 50%;
    transform: translateX(50%) translateY(-10px);
    width: 260px;
    background: var(--avks-bg);
    border: 1px solid var(--avks-bd);
    border-radius: 14px;
    box-shadow: 
        0 20px 60px rgba(236, 72, 153, 0.2),
        0 5px 20px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(255,255,255,0.1) inset;
    padding: 0.5rem;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10000;
}

[data-avks-th="dark"] .avks-dd__mn {
    background: #2a0f1f;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.6),
        0 5px 20px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(236, 72, 153, 0.15) inset;
}

.avks-dd.avks-op .avks-dd__mn {
    opacity: 1;
    visibility: visible;
    transform: translateX(50%) translateY(0);
}

.avks-dd__mn::before {
    content: '';
    position: absolute;
    top: -6px;
    right: 50%;
    transform: translateX(50%) rotate(45deg);
    width: 12px;
    height: 12px;
    background: var(--avks-bg);
    border-top: 1px solid var(--avks-bd);
    border-left: 1px solid var(--avks-bd);
    z-index: 1;
}

[data-avks-th="dark"] .avks-dd__mn::before {
    background: #2a0f1f;
}

.avks-dd__mn::after {
    content: '';
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    height: 25px;
    background: transparent;
}

.avks-dd__it {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0.85rem;
    background: transparent;
    border-radius: 10px;
    text-decoration: none;
    color: var(--avks-tx);
    transition: all 0.2s ease;
    position: relative;
    z-index: 2;
}

.avks-dd__it:hover {
    background: var(--avks-ov);
    padding-right: 1rem;
}

.avks-dd__it:hover .avks-dd__nm {
    color: var(--avks-pr);
}

.avks-dd__nm {
    font-size: 0.9rem;
    color: var(--avks-tx);
    transition: color 0.2s ease;
}

.avks-dd__cc {
    font-size: 0.75rem;
    color: var(--avks-tx3);
    padding: 0.15rem 0.55rem;
    background: var(--avks-ov);
    border-radius: 6px;
    transition: all 0.2s ease;
}

.avks-dd__it:hover .avks-dd__cc {
    background: var(--avks-pr);
    color: white;
}

/* Desktop Only - Show on Hover */
@media (min-width: 1025px) {
    .avks-dd:hover .avks-dd__mn {
        opacity: 1;
        visibility: visible;
        transform: translateX(50%) translateY(0);
    }
    
    .avks-dd:hover .avks-dd__ar {
        transform: rotate(0deg);
    }
    
    .avks-dd:hover .avks-dd__tg {
        color: var(--avks-pr);
        background: var(--avks-ov);
    }
}

/* Search */
.avks-sr {
    display: flex; align-items: center;
    background: var(--avks-in);
    backdrop-filter: blur(10px);
    border: 1px solid var(--avks-bd);
    border-radius: 14px;
    padding: 0.4rem 0.4rem 0.4rem 1rem;
    gap: 0.5rem;
    min-width: 260px;
    transition: var(--avks-tr);
}

.avks-sr:focus-within {
    border-color: var(--avks-pr-l);
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.1);
}

.avks-sr > svg {
    width: 18px; height: 18px;
    fill: var(--avks-tx3);
    flex-shrink: 0;
}

.avks-sr__ip {
    border: none; background: transparent; outline: none;
    font-family: var(--avks-font);
    font-size: 0.9rem; color: var(--avks-tx); width: 100%;
    padding: 0.35rem 0;
}

.avks-sr__ip::placeholder { color: var(--avks-tx3); }

.avks-sr__bt {
    width: 34px;
    height: 34px;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--avks-tr);
    flex-shrink: 0;
    box-shadow: 0 2px 8px var(--avks-pr-g);
}

.avks-sr__bt svg {
    width: 16px;
    height: 16px;
    stroke: white;
}

.avks-sr__bt:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px var(--avks-pr-g);
}

.avks-hd__ac { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; }

/* Theme Toggle */
.avks-th {
    width: 42px; height: 42px;
    border-radius: 12px;
    border: 1px solid var(--avks-bd);
    background: var(--avks-gl);
    backdrop-filter: blur(10px);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: var(--avks-tr);
    position: relative; overflow: hidden;
}

.avks-th:hover {
    background: var(--avks-ov);
    border-color: var(--avks-pr-l);
    transform: translateY(-1px);
}

.avks-th svg {
    width: 20px; height: 20px;
    fill: var(--avks-tx2);
    transition: var(--avks-tr);
    position: absolute;
}

.avks-th__sn { opacity: 0; transform: rotate(180deg) scale(0); }
.avks-th__mn { opacity: 1; transform: rotate(0) scale(1); }

[data-avks-th="dark"] .avks-th__sn { opacity: 1; transform: rotate(0) scale(1); fill: #fbbf24; }
[data-avks-th="dark"] .avks-th__mn { opacity: 0; transform: rotate(-180deg) scale(0); }

/* Author Button */
.avks-bt {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.6rem 1.5rem;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    color: white; border: none;
    border-radius: 12px;
    font-family: var(--avks-font);
    font-size: 0.9rem;
    font-weight: 900;
    cursor: pointer;
    transition: var(--avks-tr);
    text-decoration: none;
    white-space: nowrap;
}

.avks-bt:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px var(--avks-pr-g);
}

.avks-bt svg { width: 18px; height: 18px; fill: white; }

/* Mobile Menu Button */
.avks-mb {
    display: none; 
    width: 42px; height: 42px;
    border-radius: 12px;
    border: 1px solid var(--avks-bd);
    background: var(--avks-gl);
    align-items: center; justify-content: center;
    cursor: pointer; 
    transition: var(--avks-tr);
    color: var(--avks-pr);
}

.avks-mb:hover {
    background: var(--avks-pr);
    border-color: var(--avks-pr);
    color: white;
}

.avks-mb svg { 
    width: 22px; 
    height: 22px; 
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
}

/* Mobile Search Toggle Button (کنار دکمه همبرگری) */
.avks-mb-sr {
    display: none;
    width: 42px; height: 42px;
    border-radius: 12px;
    border: 1px solid var(--avks-bd);
    background: var(--avks-gl);
    align-items: center; justify-content: center;
    cursor: pointer;
    transition: var(--avks-tr);
    color: var(--avks-pr);
    flex-shrink: 0;
}

.avks-mb-sr:hover {
    background: var(--avks-pr);
    border-color: var(--avks-pr);
    color: #fff;
}

.avks-mb-sr svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* کادر جستجوی موبایل - وقتی باز می‌شود دقیقاً هم‌ارتفاع نوار هدر می‌شود */
.avks-mb-srbx {
    display: none;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    height: 100%;
}

.avks-mb-srbx__bk {
    flex-shrink: 0;
    width: 36px; height: 36px;
    border-radius: 10px;
    border: 1px solid var(--avks-bd);
    background: var(--avks-in);
    color: var(--avks-tx2);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: var(--avks-tr);
}

.avks-mb-srbx__bk:hover {
    color: var(--avks-pr);
    border-color: var(--avks-pr-l);
}

.avks-mb-srbx__bk svg {
    width: 18px; height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.avks-mb-srbx__fm {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    background: var(--avks-in);
    backdrop-filter: blur(10px);
    border: 1px solid var(--avks-bd);
    border-radius: 14px;
    padding: 0.3rem 0.3rem 0.3rem 0.9rem;
    gap: 0.5rem;
    transition: var(--avks-tr);
}

.avks-mb-srbx__fm:focus-within {
    border-color: var(--avks-pr-l);
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.1);
}

.avks-mb-srbx__ip {
    flex: 1;
    min-width: 0;
    border: none; background: transparent; outline: none;
    font-family: var(--avks-font);
    font-size: 0.9rem; color: var(--avks-tx);
}

.avks-mb-srbx__ip::placeholder { color: var(--avks-tx3); }

.avks-mb-srbx__bt {
    width: 32px; height: 32px;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    border: none;
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: var(--avks-tr);
    flex-shrink: 0;
    box-shadow: 0 2px 8px var(--avks-pr-g);
}

.avks-mb-srbx__bt svg {
    width: 15px; height: 15px;
    stroke: white;
}

.avks-mb-srbx__bt:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px var(--avks-pr-g);
}

/* Hero */
.avks-hr { padding: 8rem 2rem 4rem; position: relative; overflow: hidden; }

.avks-hr__bg {
    position: absolute; inset: 0;
    background: linear-gradient(135deg, rgba(236, 72, 153, 0.08) 0%, transparent 40%, rgba(249, 168, 212, 0.05) 70%, transparent 100%);
    z-index: -1;
}

.avks-hr__ct { max-width: 1400px; margin: 0 auto; display: flex; align-items: center; gap: 4rem; }
.avks-hr__tx { flex: 1; }

.avks-hr__bd {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.4rem 1rem;
    background: var(--avks-ov); border: 1px solid var(--avks-bd);
    border-radius: 50px;
    font-size: 0.85rem; color: var(--avks-pr);
    margin-bottom: 1.5rem;
}

.avks-hr__bd .avks-dt { width: 8px; height: 8px; background: #10b981; border-radius: 50%; animation: avksPs 2s infinite; }

@keyframes avksPs { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

.avks-hr__tt { font-size: 3.5rem; line-height: 1.3; margin-bottom: 1.5rem; }

.avks-gr {
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-ac), #fb7185);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.avks-hr__ds { font-size: 1.15rem; color: var(--avks-tx2); margin-bottom: 2.5rem; line-height: 2; max-width: 550px; }
.avks-hr__ac { display: flex; align-items: center; gap: 1rem; margin-bottom: 3rem; }

.avks-bp {
    display: inline-flex; align-items: center; gap: 0.6rem;
    padding: 0.9rem 2rem;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    color: white; border: none;
    border-radius: 16px;
    font-family: var(--avks-font);
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer; transition: var(--avks-tr); text-decoration: none;
    box-shadow: 0 4px 20px var(--avks-pr-g);
}

.avks-bp:hover { transform: translateY(-3px); box-shadow: 0 8px 35px var(--avks-pr-g); }
.avks-bp svg { width: 20px; height: 20px; fill: white; }

.avks-bo {
    display: inline-flex; align-items: center; gap: 0.6rem;
    padding: 0.9rem 2rem;
    background: var(--avks-gl); backdrop-filter: blur(10px);
    color: var(--avks-pr); border: 1px solid var(--avks-bd);
    border-radius: 16px;
    font-family: var(--avks-font);
    font-size: 1rem;
    cursor: pointer; transition: var(--avks-tr); text-decoration: none;
}

.avks-bo svg { width: 20px; height: 20px; fill: var(--avks-pr); }
.avks-bo:hover { background: var(--avks-ov); border-color: var(--avks-pr-l); transform: translateY(-2px); }

.avks-hr__st { display: flex; gap: 2.5rem; }
.avks-st { display: flex; flex-direction: column; }
.avks-st__n { font-size: 1.9rem; color: var(--avks-pr); }
.avks-st__l { font-size: 0.85rem; color: var(--avks-tx3); }

.avks-hr__vs { flex: 1; display: flex; justify-content: center; position: relative; min-width: 0; }
.avks-fc { position: relative; width: 100%; max-width: 400px; aspect-ratio: 400 / 450; margin: 0 auto; }

.avks-fc__c {
    position: absolute; border-radius: 20px; overflow: hidden;
    box-shadow: var(--avks-sh-l); border: 1px solid var(--avks-gl-b);
    transition: var(--avks-tr);
}

.avks-fc__c img { width: 100%; height: 100%; object-fit: cover; }

/* درصدی شده تا با تغییر اندازه‌ی .avks-fc در حالت موبایل، بدون بهم‌ریختگی تغییر مقیاس بدهند */
.avks-fc__c.avks-c1 { width: 50%; height: 62.22%; top: 0; right: 0; transform: rotate(5deg); z-index: 3; animation: avksFc1 6s ease-in-out infinite; }
.avks-fc__c.avks-c2 { width: 45%; height: 57.78%; top: 8.9%; right: 40%; transform: rotate(-5deg); z-index: 2; animation: avksFc2 6s ease-in-out infinite; }
.avks-fc__c.avks-c3 { width: 40%; height: 51.1%; bottom: 4.4%; right: 20%; transform: rotate(3deg); z-index: 1; animation: avksFc3 6s ease-in-out infinite; }

@keyframes avksFc1 { 0%,100% { transform: rotate(5deg) translateY(0); } 50% { transform: rotate(5deg) translateY(-15px); } }
@keyframes avksFc2 { 0%,100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-5deg) translateY(-10px); } }
@keyframes avksFc3 { 0%,100% { transform: rotate(3deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-12px); } }

.avks-fc__gl {
    position: absolute;
    width: 250px; height: 250px;
    background: radial-gradient(circle, var(--avks-pr-g), transparent);
    border-radius: 50%;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0; filter: blur(40px);
}

/* Section */
.avks-sc { padding: 4rem 2rem; max-width: 1400px; margin: 0 auto; }

.avks-sc__hd {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 2.5rem; gap: 1rem;
}

.avks-sc__ttg { display: flex; align-items: center; gap: 1rem; }

.avks-sc__ic {
    width: 50px; height: 50px;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-ac));
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 15px var(--avks-pr-g);
    flex-shrink: 0;
}

.avks-sc__ic svg { width: 26px; height: 26px; fill: white; }

.avks-sc__tt { font-size: 1.7rem; color: var(--avks-tx); }
.avks-sc__st { font-size: 0.9rem; color: var(--avks-tx3); margin-top: 0.2rem; }

.avks-ba {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.6rem 1.3rem;
    background: var(--avks-gl); backdrop-filter: blur(10px);
    border: 1px solid var(--avks-bd);
    border-radius: 12px;
    color: var(--avks-pr);
    font-family: var(--avks-font);
    font-size: 0.9rem;
    cursor: pointer; transition: var(--avks-tr);
    text-decoration: none;
    white-space: nowrap; flex-shrink: 0;
}

.avks-ba svg { width: 16px; height: 16px; stroke: var(--avks-pr); transition: var(--avks-tr); }
.avks-ba:hover { background: var(--avks-pr); color: white; border-color: var(--avks-pr); }
.avks-ba:hover svg { fill: white; transform: translateX(-4px); }

/* Categories */
.avks-cg { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1rem; }

.avks-cg__c {
    background: var(--avks-gl);
    backdrop-filter: blur(10px);
    border: 1px solid var(--avks-gl-b);
    border-radius: 18px;
    padding: 1.75rem 1rem;
    text-align: center; cursor: pointer;
    transition: var(--avks-tr); text-decoration: none;
    color: var(--avks-tx); position: relative;
}

.avks-cg__c:hover {
    transform: translateY(-8px) scale(1.02);
    border-color: var(--avks-cg-c1, var(--avks-pr-l));
    box-shadow: 0 12px 35px var(--avks-cg-c1, var(--avks-pr-g));
}

.avks-cg__iw {
    width: 60px; height: 60px;
    margin: 0 auto 1rem;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--avks-cg-c1, var(--avks-pr)), var(--avks-cg-c2, var(--avks-ac)));
    display: flex; align-items: center; justify-content: center;
    transition: var(--avks-tr);
    box-shadow: 0 6px 18px var(--avks-cg-c1, var(--avks-pr-g));
}

.avks-cg__c:hover .avks-cg__iw {
    transform: rotate(-8deg) scale(1.1);
}

.avks-cg__iw svg { width: 30px; height: 30px; fill: white; }

.avks-cg__n { font-size: 1rem; font-weight: 900; }
.avks-cg__ct { font-size: 0.78rem; color: var(--avks-tx3); margin-top: 0.25rem; }

.avks-cg__c.avks-c-lv { --avks-cg-c1: #ec4899; --avks-cg-c2: #f472b6; }
.avks-cg__c.avks-c-sc { --avks-cg-c1: #10b981; --avks-cg-c2: #34d399; }
.avks-cg__c.avks-c-ad { --avks-cg-c1: #64748b; --avks-cg-c2: #94a3b8; }
.avks-cg__c.avks-c-rv { --avks-cg-c1: #b91c1c; --avks-cg-c2: #ef4444; }
.avks-cg__c.avks-c-my { --avks-cg-c1: #a855f7; --avks-cg-c2: #c084fc; }
.avks-cg__c.avks-c-pc { --avks-cg-c1: #1d4ed8; --avks-cg-c2: #3b82f6; }
.avks-cg__c.avks-c-fm { --avks-cg-c1: #db2777; --avks-cg-c2: #f472b6; }
.avks-cg__c.avks-c-cm { --avks-cg-c1: #eab308; --avks-cg-c2: #facc15; }
.avks-cg__c.avks-c-fa { --avks-cg-c1: #0d9488; --avks-cg-c2: #2dd4bf; }
.avks-cg__c.avks-c-ps { --avks-cg-c1: #8b5cf6; --avks-cg-c2: #a78bfa; }
.avks-cg__c.avks-c-md { --avks-cg-c1: #0891b2; --avks-cg-c2: #22d3ee; }
.avks-cg__c.avks-c-th { --avks-cg-c1: #f97316; --avks-cg-c2: #fb923c; }
.avks-cg__c.avks-c-sa { --avks-cg-c1: #475569; --avks-cg-c2: #94a3b8; }
.avks-cg__c.avks-c-mf { --avks-cg-c1: #1f2937; --avks-cg-c2: #4b5563; }
.avks-cg__c.avks-c-kh { --avks-cg-c1: #059669; --avks-cg-c2: #6ee7b7; }
.avks-cg__c.avks-c-jn { --avks-cg-c1: #7f1d1d; --avks-cg-c2: #dc2626; }
.avks-cg__c.avks-c-ab { --avks-cg-c1: #b45309; --avks-cg-c2: #f59e0b; }
.avks-cg__c.avks-c-dn { --avks-cg-c1: #2563eb; --avks-cg-c2: #60a5fa; }
.avks-cg__c.avks-c-rg { --avks-cg-c1: #0f766e; --avks-cg-c2: #14b8a6; }
.avks-cg__c.avks-c-im { --avks-cg-c1: #06b6d4; --avks-cg-c2: #67e8f9; }
.avks-cg__c.avks-c-lp { --avks-cg-c1: #ca8a04; --avks-cg-c2: #facc15; }
.avks-cg__c.avks-c-rm { --avks-cg-c1: #4f46e5; --avks-cg-c2: #818cf8; }
.avks-cg__c.avks-c-fn { --avks-cg-c1: #d946ef; --avks-cg-c2: #e879f9; }
.avks-cg__c.avks-c-dr { --avks-cg-c1: #e11d48; --avks-cg-c2: #fb7185; }

/* Novels Grid */
.avks-ng { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.5rem; }

.avks-nc {
    background: var(--avks-gl);
    backdrop-filter: blur(10px);
    border: 1px solid var(--avks-gl-b);
    border-radius: 20px;
    overflow: hidden;
    transition: var(--avks-tr);
    cursor: pointer; position: relative;
}

.avks-nc:hover { transform: translateY(-8px); box-shadow: var(--avks-sh-l); border-color: var(--avks-pr-l); }

.avks-nc__cv { position: relative; aspect-ratio: 2 / 3; height: auto; overflow: hidden; }
.avks-nc__cv img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: var(--avks-tr); }
.avks-nc:hover .avks-nc__cv img { transform: scale(1.08); }

/* لینک تمام‌صفحه روی تصویر کارت — کل کاور قابل کلیک */
.avks-nc__lk {
    position: absolute; inset: 0; z-index: 3;
    display: block; cursor: pointer;
    border-radius: inherit;
    -webkit-tap-highlight-color: transparent;
}

.avks-fb__lk {
    position: absolute; inset: 0; z-index: 3;
    display: block; cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.avks-nc__ov {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 50%);
    pointer-events: none;
}

.avks-nc__bg {
    position: absolute; top: 12px; right: 12px;
    padding: 0.3rem 0.8rem;
    background: var(--avks-pr); color: white;
    border-radius: 8px; font-size: 0.75rem;
    font-weight: 900;
    z-index: 2;
    display: flex; align-items: center; gap: 0.35rem;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.25);
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.avks-nc__bg svg { width: 12px; height: 12px; fill: currentColor; }

.avks-nc__bg.avks-nw-bg {
    background: linear-gradient(135deg, rgba(236, 72, 153, 0.85), rgba(190, 24, 93, 0.85));
    box-shadow: 0 4px 20px rgba(236, 72, 153, 0.4);
}

.avks-nc__rt {
    position: absolute; bottom: 12px; left: 12px;
    display: flex; align-items: center; gap: 0.3rem;
    padding: 0.25rem 0.6rem;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    color: #fbbf24;
    font-size: 0.78rem; z-index: 2;
}

.avks-nc__rt svg { width: 14px; height: 14px; fill: #fbbf24; }

.avks-nc__if { padding: 1.25rem; }

.avks-nc__tt {
    font-size: 1.05rem;
    margin-bottom: 0.4rem; color: var(--avks-tx);
    display: -webkit-box; -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow: hidden;
}
.avks-nc__tt a{
        font-size: 1.05rem;
    margin-bottom: 0.4rem; color: var(--avks-tx);
    display: -webkit-box; -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow: hidden;
}
.avks-nc__au { font-size: 0.85rem; color: var(--avks-pr); margin-bottom: 0.6rem; }

.avks-nc__ds {
    font-size: 0.82rem; color: var(--avks-tx3);
    line-height: 1.8;
    display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; overflow: hidden;
    margin-bottom: 1rem;
}

.avks-nc__mt {
    display: flex; align-items: center; justify-content: space-between;
    padding-top: 0.75rem; border-top: 1px solid var(--avks-bd);
}

.avks-nc__gn {
    padding: 0.2rem 0.6rem;
    background: var(--avks-ov); border-radius: 6px;
    font-size: 0.75rem; color: var(--avks-pr);
}

.avks-brm {
    display: flex; align-items: center; gap: 0.4rem;
    flex: 1;
    justify-content: center;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    color: white; border: none;
    border-radius: 10px;
    font-family: var(--avks-font);
    font-size: 0.82rem;
    font-weight: 900;
    cursor: pointer; transition: var(--avks-tr); text-decoration: none;
}

.avks-brm svg { width: 14px; height: 14px; stroke: white; }
.avks-brm:hover { box-shadow: 0 4px 15px var(--avks-pr-g); }

/* Slider */
.avks-sl { position: relative; overflow: hidden; }

.avks-sl__wr {
    display: flex; gap: 1.5rem;
    overflow-x: auto; scroll-behavior: smooth;
    scrollbar-width: none;
    padding: 1rem 0;
}

.avks-sl__wr::-webkit-scrollbar { display: none; }
.avks-sl__wr .avks-nc {
    flex: 0 0 260px;           /* عرض ثابت هر کارت */
    min-width: 260px;
    max-width: 260px;
}

.avks-sl__nv {
    position: absolute; top: 50%;
    transform: translateY(-50%);
    width: 44px; height: 44px;
    background: var(--avks-gl); backdrop-filter: blur(10px);
    border: 1px solid var(--avks-gl-b);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: var(--avks-tr);
    z-index: 5; box-shadow: var(--avks-sh);
}

.avks-sl__nv svg { width: 20px; height: 20px; fill: var(--avks-tx); }
.avks-sl__nv:hover { background: var(--avks-pr); border-color: var(--avks-pr); }
.avks-sl__nv:hover svg { fill: white; }
.avks-sl__nv.avks-pv { right: 0; }
.avks-sl__nv.avks-nx { left: 0; }

/* ═══════════════════════════════════════════════
   Carousel با اسکرول صفحه‌ای + نقاط (Dots)
   دسکتاپ: هر اسکرول ۵ کارت / موبایل: هر اسکرول ۲ کارت
   ═══════════════════════════════════════════════ */
.avks-crsl { position: relative; }

/* کارت‌ها و نقاط باید روی هاله‌های پس‌زمینه‌ی بخش‌ها قرار بگیرند */
.avks-crsl, .avks-crsl__dots { position: relative; z-index: 1; }

.avks-crsl__track {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0.25rem 0 0.5rem;
}

.avks-crsl__track::-webkit-scrollbar { display: none; }

.avks-crsl__track > * {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    flex: 0 0 calc((100% - 4 * 1.5rem) / 5);
    min-width: 0;
}

.avks-crsl__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1rem;
}

.avks-crsl__dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    border: none; padding: 0;
    background: var(--avks-bd);
    cursor: pointer;
    transition: var(--avks-tr);
}

.avks-crsl__dot.avks-act {
    width: 22px;
    border-radius: 4px;
    background: var(--avks-pr);
}

@media (max-width: 768px) {
    .avks-crsl__track { gap: 0.75rem; }
    .avks-crsl__track > * {
        flex: 0 0 calc((100% - 0.75rem) / 2);
    }
}

/* Featured Banner */
.avks-fb {
    margin: 2rem 0; padding: 3rem;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d), #9f1239);
    border-radius: 24px;
    position: relative; overflow: hidden;
    display: flex; align-items: center; gap: 3rem;
}

.avks-fb::before {
    content: ''; position: absolute;
    top: -50%; right: -20%;
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(255,255,255,0.1), transparent 60%);
    border-radius: 50%;
}

.avks-fb__im {
    width: 180px; height: 250px;
    border-radius: 16px; overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);
    flex-shrink: 0; position: relative; z-index: 1;
}

.avks-fb__im img { width: 100%; height: 100%; object-fit: cover; }
.avks-fb__ct { flex: 1; color: white; position: relative; z-index: 1; }

.avks-fb__lb {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.3rem 1rem;
    background: rgba(255,255,255,0.15);
    border-radius: 50px;
    font-size: 0.85rem;
    margin-bottom: 1rem; backdrop-filter: blur(10px);
}

.avks-fb__tt { font-size: 2.2rem; margin-bottom: 0.5rem; }
.avks-fb__ds { font-size: 1rem; opacity: 0.85; line-height: 2; margin-bottom: 1.5rem; }

.avks-bf {
    display: inline-flex; align-items: center; gap: 0.6rem;
    padding: 0.8rem 2rem;
    background: white; color: var(--avks-pr-d);
    border: none; border-radius: 14px;
    font-family: var(--avks-font);
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer; transition: var(--avks-tr); text-decoration: none;
}

.avks-bf svg { width: 18px; height: 18px; fill: var(--avks-pr-d); }
.avks-bf:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,0.2); }

/* Online Novels - ORANGE */
.avks-on {
    position: relative; padding: 5rem 2rem;
    border-radius: 32px; margin: 3rem auto;
    max-width: 1400px;
    background: linear-gradient(135deg, rgba(251, 146, 60, 0.05) 0%, rgba(234, 88, 12, 0.05) 100%);
    border: 1px solid rgba(251, 146, 60, 0.15);
    overflow: hidden;
}

[data-avks-th="dark"] .avks-on {
    background: linear-gradient(135deg, rgba(251, 146, 60, 0.08) 0%, rgba(234, 88, 12, 0.08) 100%);
    border-color: rgba(251, 146, 60, 0.2);
}

.avks-og-g { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; z-index: 0; }
.avks-og-g.avks-g1 { top: -100px; right: -50px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(251, 146, 60, 0.4), transparent 70%); animation: avksPg 4s ease-in-out infinite; }
.avks-og-g.avks-g2 { bottom: -100px; left: -50px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(249, 115, 22, 0.35), transparent 70%); animation: avksPg 5s ease-in-out infinite; animation-delay: -2s; }
.avks-og-g.avks-g3 { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; height: 200px; background: radial-gradient(ellipse, rgba(234, 88, 12, 0.2), transparent 70%); animation: avksPg 6s ease-in-out infinite; }

@keyframes avksPg { 0%,100% { opacity: 0.5; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.1); } }

.avks-on .avks-sc__hd, .avks-on .avks-ng { position: relative; z-index: 1; }

.avks-sc__ic.avks-or {
    background: linear-gradient(135deg, #fb923c, var(--avks-or-d)) !important;
    box-shadow: 0 4px 20px var(--avks-or-g) !important;
    position: relative;
}

.avks-lv-p {
    position: absolute; inset: -4px;
    border-radius: 18px;
    border: 2px solid var(--avks-or);
    animation: avksLvp 2s infinite;
}

@keyframes avksLvp { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.3); opacity: 0; } }

.avks-lv-b {
    display: inline-flex; align-items: center; gap: 0.35rem;
    padding: 0.2rem 0.7rem;
    background: linear-gradient(135deg, var(--avks-or), var(--avks-or-d));
    color: white; border-radius: 8px;
    font-size: 0.7rem;
    margin-right: 0.75rem;
    box-shadow: 0 4px 15px var(--avks-or-g);
    letter-spacing: 0.5px;
}

.avks-lv-d { width: 8px; height: 8px; background: white; border-radius: 50%; animation: avksPs 1.5s infinite; }

.avks-ba.avks-or { color: var(--avks-or-d) !important; border-color: rgba(251, 146, 60, 0.3) !important; }
.avks-ba.avks-or svg { stroke: var(--avks-or-d) !important; }
.avks-ba.avks-or:hover { background: linear-gradient(135deg, var(--avks-or), var(--avks-or-d)) !important; color: white !important; }
.avks-ba.avks-or:hover svg { fill: white !important; }

.avks-nc.avks-on-c { background: rgba(255, 255, 255, 0.6); border-color: rgba(251, 146, 60, 0.2); }
[data-avks-th="dark"] .avks-nc.avks-on-c { background: rgba(50, 15, 35, 0.7); border-color: rgba(251, 146, 60, 0.25); }

.avks-nc.avks-on-c:hover { border-color: rgba(251, 146, 60, 0.5); box-shadow: 0 20px 60px rgba(251, 146, 60, 0.2); }

.avks-nc__bg.avks-on-b {
    background: linear-gradient(135deg, var(--avks-or), var(--avks-or-d)) !important;
    box-shadow: 0 4px 15px var(--avks-or-g);
    right: 10px;

}

.avks-on-d { width: 6px; height: 6px; background: white; border-radius: 50%; animation: avksPs 1.5s infinite; }

.avks-nc__ep {
    position: absolute; top: 12px; left: 12px;
    padding: 0.3rem 0.7rem;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(10px);
    color: var(--avks-or); border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 900;
    z-index: 2; border: 1px solid rgba(251, 146, 60, 0.4);
}

.avks-nc__au.avks-or { color: var(--avks-or-d) !important; }

.avks-pg { margin: 0.75rem 0 1rem; }

.avks-pg__b {
    height: 6px;
    background: rgba(251, 146, 60, 0.15);
    border-radius: 6px; overflow: hidden;
    margin-bottom: 0.4rem; position: relative;
}

.avks-pg__f {
    height: 100%;
    background: linear-gradient(90deg, var(--avks-or), var(--avks-or-d));
    border-radius: 6px;
    box-shadow: 0 0 10px var(--avks-or-g);
    transition: width 1s ease;
}

.avks-pg__t { font-size: 0.75rem; color: var(--avks-tx3); }

.avks-nc__gn.avks-or { background: rgba(251, 146, 60, 0.15) !important; color: var(--avks-or-d) !important; }
.avks-brm.avks-or { background: linear-gradient(135deg, var(--avks-or), var(--avks-or-d)) !important; box-shadow: 0 4px 15px var(--avks-or-g); }

/* Updated Novels - BLUE */
.avks-up {
    position: relative; padding: 5rem 2rem;
    border-radius: 32px; margin: 3rem auto;
    max-width: 1400px;
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%);
    border: 1px solid rgba(6, 182, 212, 0.15);
    overflow: hidden;
}

[data-avks-th="dark"] .avks-up {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.08) 0%, rgba(59, 130, 246, 0.08) 100%);
    border-color: rgba(6, 182, 212, 0.2);
}

.avks-up-g { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; z-index: 0; }
.avks-up-g.avks-g1 { top: -100px; right: -50px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(6, 182, 212, 0.4), transparent 70%); animation: avksPg 4s ease-in-out infinite; }
.avks-up-g.avks-g2 { bottom: -100px; left: -50px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(59, 130, 246, 0.35), transparent 70%); animation: avksPg 5s ease-in-out infinite; animation-delay: -2s; }
.avks-up-g.avks-g3 { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; height: 200px; background: radial-gradient(ellipse, rgba(6, 182, 212, 0.2), transparent 70%); animation: avksPg 6s ease-in-out infinite; }

.avks-up .avks-sc__hd, .avks-up .avks-ng { position: relative; z-index: 1; }

.avks-sc__ic.avks-bl {
    background: linear-gradient(135deg, #06b6d4, #3b82f6) !important;
    box-shadow: 0 4px 20px rgba(6, 182, 212, 0.4) !important;
    position: relative;
}

.avks-bl-p {
    position: absolute; inset: -4px;
    border-radius: 18px;
    border: 2px solid #06b6d4;
    animation: avksLvp 2s infinite;
}

.avks-up-b {
    display: inline-flex; align-items: center; gap: 0.35rem;
    padding: 0.2rem 0.7rem;
    background: linear-gradient(135deg, #06b6d4, #3b82f6);
    color: white; border-radius: 8px;
    font-size: 0.7rem;
    margin-right: 0.75rem;
    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.4);
    letter-spacing: 0.5px;
}

.avks-up-d { width: 8px; height: 8px; background: white; border-radius: 50%; animation: avksPs 1.5s infinite; }

.avks-ba.avks-bl { color: #06b6d4 !important; border-color: rgba(6, 182, 212, 0.3) !important; }
.avks-ba.avks-bl svg { stroke: #06b6d4 !important; }
.avks-ba.avks-bl:hover { background: linear-gradient(135deg, #06b6d4, #3b82f6) !important; color: white !important; }
.avks-ba.avks-bl:hover svg { fill: white !important; }

.avks-nc.avks-up-c { background: rgba(255, 255, 255, 0.6); border-color: rgba(6, 182, 212, 0.2); }
[data-avks-th="dark"] .avks-nc.avks-up-c { background: rgba(15, 30, 50, 0.7); border-color: rgba(6, 182, 212, 0.25); }

.avks-nc.avks-up-c:hover { border-color: rgba(6, 182, 212, 0.5); box-shadow: 0 20px 60px rgba(6, 182, 212, 0.2); }

.avks-nc__bg.avks-up-bg {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.85), rgba(59, 130, 246, 0.85)) !important;
    box-shadow: 0 4px 20px rgba(6, 182, 212, 0.5);
}

.avks-nc__bg.avks-up-bg svg { fill: white; width: 12px; height: 12px; }

.avks-nc__dt {
    position: absolute; top: 12px; left: 12px;
    padding: 0.3rem 0.7rem;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(12px);
    color: #67e8f9;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 900;
    z-index: 2;
    border: 1px solid rgba(6, 182, 212, 0.4);
}

.avks-nc__au.avks-bl { color: #0891b2 !important; }
[data-avks-th="dark"] .avks-nc__au.avks-bl { color: #67e8f9 !important; }

.avks-nc__gn.avks-bl { background: rgba(6, 182, 212, 0.12) !important; color: #0891b2 !important; border: 1px solid rgba(6, 182, 212, 0.2); }
[data-avks-th="dark"] .avks-nc__gn.avks-bl { color: #67e8f9 !important; }

.avks-brm.avks-bl { background: linear-gradient(135deg, #06b6d4, #3b82f6) !important; box-shadow: 0 4px 15px rgba(6, 182, 212, 0.4); }

/* Completed Novels - RED */
.avks-cn {
    position: relative; padding: 5rem 2rem;
    border-radius: 32px; margin: 3rem auto;
    max-width: 1400px;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.05) 0%, rgba(185, 28, 28, 0.05) 100%);
    border: 1px solid rgba(239, 68, 68, 0.15);
    overflow: hidden;
}

[data-avks-th="dark"] .avks-cn {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, rgba(185, 28, 28, 0.08) 100%);
    border-color: rgba(239, 68, 68, 0.2);
}

.avks-cn-g { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; z-index: 0; }
.avks-cn-g.avks-g1 { top: -100px; right: -50px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(239, 68, 68, 0.4), transparent 70%); animation: avksPg 4s ease-in-out infinite; }
.avks-cn-g.avks-g2 { bottom: -100px; left: -50px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(220, 38, 38, 0.35), transparent 70%); animation: avksPg 5s ease-in-out infinite; animation-delay: -2s; }
.avks-cn-g.avks-g3 { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; height: 200px; background: radial-gradient(ellipse, rgba(185, 28, 28, 0.2), transparent 70%); animation: avksPg 6s ease-in-out infinite; }

.avks-cn .avks-sc__hd, .avks-cn .avks-ng { position: relative; z-index: 1; }

.avks-sc__ic.avks-rd {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    box-shadow: 0 4px 20px rgba(239, 68, 68, 0.4) !important;
    position: relative;
}

.avks-rd-p {
    position: absolute; inset: -4px;
    border-radius: 18px;
    border: 2px solid #ef4444;
    animation: avksLvp 2s infinite;
}

.avks-cp-b {
    display: inline-flex; align-items: center; gap: 0.35rem;
    padding: 0.2rem 0.7rem;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white; border-radius: 8px;
    font-size: 0.7rem;
    margin-right: 0.75rem;
    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);
}

.avks-cp-b svg { width: 12px; height: 12px; stroke: white; fill: none; stroke-width: 3; }

.avks-ba.avks-rd { color: #dc2626 !important; border-color: rgba(239, 68, 68, 0.3) !important; }
.avks-ba.avks-rd svg { stroke: #dc2626 !important; }
.avks-ba.avks-rd:hover { background: linear-gradient(135deg, #ef4444, #dc2626) !important; color: white !important; }
.avks-ba.avks-rd:hover svg { fill: white !important; }

.avks-nc.avks-cp-c { background: rgba(255, 255, 255, 0.6); border-color: rgba(239, 68, 68, 0.2); }
[data-avks-th="dark"] .avks-nc.avks-cp-c { background: rgba(50, 15, 35, 0.7); border-color: rgba(239, 68, 68, 0.25); }

.avks-nc.avks-cp-c:hover { border-color: rgba(239, 68, 68, 0.5); box-shadow: 0 20px 60px rgba(239, 68, 68, 0.2); }

.avks-nc__bg.avks-cp-bg {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.85), rgba(220, 38, 38, 0.85)) !important;
    box-shadow: 0 4px 20px rgba(239, 68, 68, 0.5);
}

.avks-nc__bg.avks-cp-bg svg { stroke: white; fill: none; stroke-width: 3; }

.avks-nc__ch {
    position: absolute; top: 12px; left: 12px;
    padding: 0.3rem 0.7rem;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(12px);
    color: #fca5a5;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 900;
    z-index: 2;
    border: 1px solid rgba(239, 68, 68, 0.4);
}

.avks-nc__au.avks-rd { color: #dc2626 !important; }
[data-avks-th="dark"] .avks-nc__au.avks-rd { color: #f87171 !important; }

.avks-nc__gn.avks-rd { background: rgba(239, 68, 68, 0.12) !important; color: #dc2626 !important; border: 1px solid rgba(239, 68, 68, 0.2); }
[data-avks-th="dark"] .avks-nc__gn.avks-rd { color: #f87171 !important; }

.avks-brm.avks-rd { background: linear-gradient(135deg, #ef4444, #dc2626) !important; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4); }

/* Popular Novels - PURPLE */
.avks-pp {
    position: relative; padding: 5rem 2rem;
    border-radius: 32px; margin: 3rem auto;
    max-width: 1400px;
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.05) 0%, rgba(124, 58, 237, 0.05) 100%);
    border: 1px solid rgba(168, 85, 247, 0.15);
    overflow: hidden;
}

[data-avks-th="dark"] .avks-pp {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.08) 0%, rgba(124, 58, 237, 0.08) 100%);
    border-color: rgba(168, 85, 247, 0.2);
}

.avks-pp-g { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; z-index: 0; }
.avks-pp-g.avks-g1 { top: -100px; right: -50px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(168, 85, 247, 0.4), transparent 70%); animation: avksPg 4s ease-in-out infinite; }
.avks-pp-g.avks-g2 { bottom: -100px; left: -50px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(139, 92, 246, 0.35), transparent 70%); animation: avksPg 5s ease-in-out infinite; animation-delay: -2s; }
.avks-pp-g.avks-g3 { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; height: 200px; background: radial-gradient(ellipse, rgba(124, 58, 237, 0.2), transparent 70%); animation: avksPg 6s ease-in-out infinite; }

.avks-pp .avks-sc__hd, .avks-pp .avks-ng { position: relative; z-index: 1; }

.avks-sc__ic.avks-pl {
    background: linear-gradient(135deg, #a855f7, #7c3aed) !important;
    box-shadow: 0 4px 20px rgba(168, 85, 247, 0.4) !important;
    position: relative;
}

.avks-pl-p {
    position: absolute; inset: -4px;
    border-radius: 18px;
    border: 2px solid #a855f7;
    animation: avksLvp 2s infinite;
}

.avks-pp-b {
    display: inline-flex; align-items: center; gap: 0.35rem;
    padding: 0.2rem 0.7rem;
    background: linear-gradient(135deg, #a855f7, #7c3aed);
    color: white; border-radius: 8px;
    font-size: 0.7rem;
    margin-right: 0.75rem;
    box-shadow: 0 4px 15px rgba(168, 85, 247, 0.4);
    animation: avksHtPl 2s infinite;
}

@keyframes avksHtPl {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.avks-pp-b svg { width: 12px; height: 12px; fill: #fef3c7; }

.avks-ba.avks-pl { color: #7c3aed !important; border-color: rgba(168, 85, 247, 0.3) !important; }
.avks-ba.avks-pl svg { fill: #7c3aed !important; }
.avks-ba.avks-pl:hover { background: linear-gradient(135deg, #a855f7, #7c3aed) !important; color: white !important; }
.avks-ba.avks-pl:hover svg { fill: white !important; }

.avks-nc.avks-pl-c { background: rgba(255, 255, 255, 0.6); border-color: rgba(168, 85, 247, 0.2); }
[data-avks-th="dark"] .avks-nc.avks-pl-c { background: rgba(50, 15, 35, 0.7); border-color: rgba(168, 85, 247, 0.25); }

.avks-nc.avks-pl-c:hover { border-color: rgba(168, 85, 247, 0.5); box-shadow: 0 20px 60px rgba(168, 85, 247, 0.2); }

.avks-nc__bg.avks-pl-bg {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.85), rgba(124, 58, 237, 0.85)) !important;
    padding: 0.3rem 0.8rem 0.3rem 0.4rem !important;
    box-shadow: 0 4px 20px rgba(168, 85, 247, 0.5);
}

.avks-pl-d {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    background: white;
    color: #7c3aed;
    border-radius: 50%;
    font-size: 0.78rem;
    padding: 0 0.35rem;
}

.avks-nc__vw {
    position: absolute; top: 12px; left: 12px;
    display: flex; align-items: center; gap: 0.3rem;
    padding: 0.3rem 0.7rem;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(12px);
    color: #d8b4fe;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 900;
    z-index: 2;
    border: 1px solid rgba(168, 85, 247, 0.4);
}

.avks-nc__vw svg { width: 13px; height: 13px; fill: #d8b4fe; }

.avks-nc__au.avks-pl { color: #7c3aed !important; }
[data-avks-th="dark"] .avks-nc__au.avks-pl { color: #c4b5fd !important; }

.avks-pp__st {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0.75rem 0;
    margin: 0.75rem 0;
    background: linear-gradient(90deg, transparent, rgba(168, 85, 247, 0.08), transparent);
    border-top: 1px solid rgba(168, 85, 247, 0.15);
    border-bottom: 1px solid rgba(168, 85, 247, 0.15);
    border-radius: 8px;
}

.avks-pp__si {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: var(--avks-tx2);
}

.avks-pp__si svg { width: 14px; height: 14px; fill: #a855f7; }
[data-avks-th="dark"] .avks-pp__si svg { fill: #c4b5fd; }
.avks-pp__si span { color: #7c3aed; }
[data-avks-th="dark"] .avks-pp__si span { color: #c4b5fd; }

.avks-nc__gn.avks-pl { background: rgba(168, 85, 247, 0.12) !important; color: #7c3aed !important; border: 1px solid rgba(168, 85, 247, 0.2); }
[data-avks-th="dark"] .avks-nc__gn.avks-pl { color: #c4b5fd !important; }

.avks-brm.avks-pl { background: linear-gradient(135deg, #a855f7, #7c3aed) !important; box-shadow: 0 4px 15px rgba(168, 85, 247, 0.4); }

/* VIP Novels - GOLD */
.avks-vp {
    position: relative; padding: 5rem 2rem;
    border-radius: 32px; margin: 3rem auto;
    max-width: 1400px;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.05) 0%, rgba(217, 119, 6, 0.05) 100%);
    border: 1px solid rgba(251, 191, 36, 0.2);
    overflow: hidden;
}

[data-avks-th="dark"] .avks-vp {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.08) 0%, rgba(217, 119, 6, 0.08) 100%);
    border-color: rgba(251, 191, 36, 0.25);
}

.avks-vp-g { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; z-index: 0; }
.avks-vp-g.avks-g1 { top: -100px; right: -50px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(251, 191, 36, 0.5), transparent 70%); animation: avksPg 4s ease-in-out infinite; }
.avks-vp-g.avks-g2 { bottom: -100px; left: -50px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(245, 158, 11, 0.4), transparent 70%); animation: avksPg 5s ease-in-out infinite; animation-delay: -2s; }
.avks-vp-g.avks-g3 { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; height: 200px; background: radial-gradient(ellipse, rgba(217, 119, 6, 0.3), transparent 70%); animation: avksPg 6s ease-in-out infinite; }

.avks-vp .avks-sc__hd, .avks-vp .avks-ng { position: relative; z-index: 1; }

.avks-sc__ic.avks-gl {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    box-shadow: 0 4px 25px rgba(251, 191, 36, 0.5) !important;
    position: relative;
}

.avks-sc__ic.avks-gl svg { stroke: #fef3c7; }

.avks-gl-p {
    position: absolute; inset: -4px;
    border-radius: 18px;
    border: 2px solid #fbbf24;
    animation: avksLvp 2s infinite;
}

.avks-vp-b {
    display: inline-flex; align-items: center; gap: 0.35rem;
    padding: 0.25rem 0.85rem;
    background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);
    color: #78350f; border-radius: 8px;
    font-size: 0.75rem;
    margin-right: 0.75rem;
    box-shadow: 
        0 4px 15px rgba(251, 191, 36, 0.5),
        0 0 0 1px rgba(255,255,255,0.3) inset;
    letter-spacing: 1.5px;
    animation: avksVipShine 2s infinite;
    position: relative;
    overflow: hidden;
}

.avks-vp-b::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
    animation: avksVipShimmer 2.5s infinite;
}

@keyframes avksVipShine {
    0%, 100% { box-shadow: 0 4px 15px rgba(251, 191, 36, 0.5), 0 0 0 1px rgba(255,255,255,0.3) inset; }
    50% { box-shadow: 0 4px 25px rgba(251, 191, 36, 0.8), 0 0 0 1px rgba(255,255,255,0.5) inset; }
}

@keyframes avksVipShimmer {
    0% { left: -100%; }
    100% { left: 100%; }
}

.avks-vp-b svg { width: 14px; height: 14px; fill: #78350f; }

.avks-ba.avks-gl { 
    color: #92400e !important; 
    border-color: rgba(251, 191, 36, 0.4) !important;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.15), rgba(245, 158, 11, 0.1)) !important;
}
.avks-ba.avks-gl svg { stroke: #92400e !important; }
.avks-ba.avks-gl:hover { 
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important; 
    color: #78350f !important;
    box-shadow: 0 8px 25px rgba(251, 191, 36, 0.5) !important;
}
.avks-ba.avks-gl:hover svg { fill: #78350f !important; }

.avks-nc.avks-vp-c { 
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(254, 243, 199, 0.4));
    border-color: rgba(251, 191, 36, 0.3);
    position: relative;
}

[data-avks-th="dark"] .avks-nc.avks-vp-c { 
    background: linear-gradient(135deg, rgba(50, 30, 10, 0.7), rgba(70, 40, 15, 0.5));
    border-color: rgba(251, 191, 36, 0.35);
}

.avks-nc.avks-vp-c::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 20px;
    background: linear-gradient(135deg, transparent, rgba(251, 191, 36, 0.4), transparent, rgba(245, 158, 11, 0.4), transparent);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease;
    background-size: 400% 400%;
    animation: avksVipBorder 3s ease infinite;
}

@keyframes avksVipBorder {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.avks-nc.avks-vp-c:hover::before {
    opacity: 1;
}

.avks-nc.avks-vp-c:hover { 
    border-color: rgba(251, 191, 36, 0.6); 
    box-shadow: 0 20px 60px rgba(251, 191, 36, 0.3);
    transform: translateY(-8px);
}

.avks-nc__bg.avks-vp-bg {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.95), rgba(217, 119, 6, 0.95)) !important;
    color: #78350f !important;
    box-shadow: 0 4px 20px rgba(251, 191, 36, 0.6);
    letter-spacing: 1px;
    left: 10px;
    right: unset;
}

.avks-nc__bg.avks-vp-bg svg { fill: #78350f; width: 12px; height: 12px; }

.avks-nc__vip {
    position: absolute; top: 12px; left: 12px;
    padding: 0.3rem 0.7rem;
    background: linear-gradient(135deg, rgba(120, 53, 15, 0.85), rgba(180, 83, 9, 0.85));
    backdrop-filter: blur(12px);
    color: #fef3c7;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 900;
    z-index: 2;
    border: 1px solid rgba(251, 191, 36, 0.6);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.avks-nc__au.avks-gl { color: #b45309 !important; }
[data-avks-th="dark"] .avks-nc__au.avks-gl { color: #fbbf24 !important; }

.avks-nc__gn.avks-gl { 
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(245, 158, 11, 0.15)) !important; 
    color: #92400e !important; 
    border: 1px solid rgba(251, 191, 36, 0.3);
}
[data-avks-th="dark"] .avks-nc__gn.avks-gl { color: #fbbf24 !important; }

.avks-brm.avks-gl { 
    background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706) !important; 
    color: #78350f !important;
    box-shadow: 0 4px 20px rgba(251, 191, 36, 0.5);
}

.avks-brm.avks-gl svg { stroke: #78350f !important; }

.avks-brm.avks-gl:hover {
    box-shadow: 0 6px 30px rgba(251, 191, 36, 0.7) !important;
    transform: translateY(-2px);
}

/* Authors */
.avks-as { position: relative; overflow: hidden; }

.avks-as__gl {
    position: absolute; border-radius: 50%;
    filter: blur(100px); pointer-events: none;
    z-index: 0; opacity: 0.35;
}

[data-avks-th="dark"] .avks-as__gl { opacity: 0.25; }

.avks-as__gl.avks-g1 { top: 10%; right: 5%; width: 350px; height: 350px; background: radial-gradient(circle, #fbbf24, transparent 70%); animation: avksAsFl 8s ease-in-out infinite; }
.avks-as__gl.avks-g2 { bottom: 10%; left: 5%; width: 400px; height: 400px; background: radial-gradient(circle, #f9a8d4, transparent 70%); animation: avksAsFl 10s ease-in-out infinite; animation-delay: -3s; }
.avks-as__gl.avks-g3 { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; height: 300px; background: radial-gradient(circle, #fb7185, transparent 70%); animation: avksAsFl 12s ease-in-out infinite; }

@keyframes avksAsFl { 0%,100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(30px, -30px) scale(1.1); } }

.avks-as .avks-sc__hd { position: relative; z-index: 2; }

.avks-au {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 2rem 1.5rem; padding: 2rem 0;
    position: relative; z-index: 1;
}

.avks-au__c {
    position: relative;
    display: flex; flex-direction: column; align-items: center;
    padding: 2rem 1rem 1.5rem;
    text-decoration: none; color: var(--avks-tx); text-align: center;
    transition: var(--avks-tr); border-radius: 20px;
}

.avks-au__c:hover { transform: translateY(-8px); }

.avks-au__gw {
    position: absolute; top: 20%; left: 50%;
    transform: translate(-50%, -50%);
    width: 180px; height: 180px;
    border-radius: 50%; filter: blur(45px);
    opacity: 0.5; z-index: 0;
    transition: var(--avks-tr);
    animation: avksGwPs 4s ease-in-out infinite;
}

.avks-au__c:hover .avks-au__gw { opacity: 0.9; width: 220px; height: 220px; }

@keyframes avksGwPs { 0%,100% { opacity: 0.4; } 50% { opacity: 0.7; } }

.avks-au__c.avks-gd .avks-au__gw { background: radial-gradient(circle, #fbbf24, transparent 70%); }
.avks-au__c.avks-sv .avks-au__gw { background: radial-gradient(circle, #94a3b8, transparent 70%); }
.avks-au__c.avks-bz .avks-au__gw { background: radial-gradient(circle, #d97706, transparent 70%); }
.avks-au__c.avks-dm .avks-au__gw { background: radial-gradient(circle, #ec4899, transparent 70%); }

.avks-au__im {
    position: relative;
    width: 130px; height: 130px;
    border-radius: 50%; padding: 5px;
    background: var(--avks-bg); z-index: 2;
    transition: var(--avks-tr);
}

.avks-au__c:hover .avks-au__im { transform: scale(1.05); }
.avks-au__im img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; position: relative; z-index: 2; }

.avks-au__rg {
    position: absolute; inset: -3px;
    border-radius: 50%; z-index: 1;
    animation: avksRgRt 6s linear infinite;
}

.avks-au__c.avks-gd .avks-au__rg { background: conic-gradient(from 0deg, #fbbf24, #f59e0b, #fef3c7, #fbbf24, #d97706, #fbbf24); box-shadow: 0 0 30px rgba(251, 191, 36, 0.6); }
.avks-au__c.avks-sv .avks-au__rg { background: conic-gradient(from 0deg, #94a3b8, #cbd5e1, #f1f5f9, #94a3b8, #64748b, #94a3b8); box-shadow: 0 0 30px rgba(148, 163, 184, 0.5); }
.avks-au__c.avks-bz .avks-au__rg { background: conic-gradient(from 0deg, #d97706, #b45309, #fbbf24, #d97706, #92400e, #d97706); box-shadow: 0 0 30px rgba(217, 119, 6, 0.5); }
.avks-au__c.avks-dm .avks-au__rg { background: conic-gradient(from 0deg, #ec4899, #f472b6, #fce7f3, #ec4899, #be185d, #ec4899); box-shadow: 0 0 35px rgba(236, 72, 153, 0.7); }

@keyframes avksRgRt { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.avks-au__c:hover .avks-au__rg { animation-duration: 2s; }

.avks-au__vf {
    position: absolute; bottom: 6px; left: 6px;
    width: 28px; height: 28px;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    border: 3px solid var(--avks-bg); z-index: 3;
    box-shadow: 0 4px 10px rgba(59, 130, 246, 0.5);
}

.avks-au__vf svg { width: 15px; height: 15px; }

.avks-au__bd {
    position: absolute; top: -5px; right: 50%;
    transform: translateX(50%);
    width: 32px; height: 32px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    z-index: 3; border: 3px solid var(--avks-bg);
}

.avks-au__c.avks-gd .avks-au__bd { background: linear-gradient(135deg, #fbbf24, #f59e0b); box-shadow: 0 4px 15px rgba(251, 191, 36, 0.6); }
.avks-au__c.avks-sv .avks-au__bd { background: linear-gradient(135deg, #cbd5e1, #94a3b8); box-shadow: 0 4px 15px rgba(148, 163, 184, 0.5); }
.avks-au__c.avks-bz .avks-au__bd { background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 4px 15px rgba(217, 119, 6, 0.5); }
.avks-au__c.avks-dm .avks-au__bd { background: linear-gradient(135deg, #f472b6, #ec4899); box-shadow: 0 4px 15px rgba(236, 72, 153, 0.6); }

.avks-au__bd svg { width: 16px; height: 16px; fill: white; }

.avks-au__nm { margin-top: 1.25rem; font-size: 1.05rem; color: var(--avks-tx); position: relative; z-index: 2; }

.avks-au__lv {
    display: inline-block; margin-top: 0.4rem;
    padding: 0.25rem 0.85rem;
    font-size: 0.75rem;
    border-radius: 20px; position: relative;
    z-index: 2;
}

.avks-au__lv.avks-gd-t { background: rgba(251, 191, 36, 0.2); color: #d97706; border: 1px solid rgba(251, 191, 36, 0.3); }
.avks-au__lv.avks-sv-t { background: rgba(148, 163, 184, 0.2); color: #64748b; border: 1px solid rgba(148, 163, 184, 0.3); }
.avks-au__lv.avks-bz-t { background: rgba(217, 119, 6, 0.2); color: #b45309; border: 1px solid rgba(217, 119, 6, 0.3); }
.avks-au__lv.avks-dm-t { background: rgba(236, 72, 153, 0.2); color: #be185d; border: 1px solid rgba(236, 72, 153, 0.3); }

[data-avks-th="dark"] .avks-au__lv.avks-gd-t { color: #fbbf24; }
[data-avks-th="dark"] .avks-au__lv.avks-sv-t { color: #cbd5e1; }
[data-avks-th="dark"] .avks-au__lv.avks-bz-t { color: #fbbf24; }
[data-avks-th="dark"] .avks-au__lv.avks-dm-t { color: #f9a8d4; }

.avks-au__ss {
    display: flex; align-items: center; justify-content: center;
    gap: 0.75rem; margin-top: 0.85rem;
    font-size: 0.78rem; color: var(--avks-tx3);
    position: relative; z-index: 2;
}

.avks-au__s { display: flex; flex-direction: column; align-items: center; gap: 0.15rem; }
.avks-au__s b { font-size: 1rem; color: var(--avks-pr); }

.avks-au__c.avks-gd .avks-au__s b { color: #d97706; }
.avks-au__c.avks-sv .avks-au__s b { color: #64748b; }
.avks-au__c.avks-bz .avks-au__s b { color: #b45309; }
.avks-au__c.avks-dm .avks-au__s b { color: #be185d; }

[data-avks-th="dark"] .avks-au__c.avks-gd .avks-au__s b { color: #fbbf24; }
[data-avks-th="dark"] .avks-au__c.avks-sv .avks-au__s b { color: #cbd5e1; }
[data-avks-th="dark"] .avks-au__c.avks-bz .avks-au__s b { color: #fbbf24; }
[data-avks-th="dark"] .avks-au__c.avks-dm .avks-au__s b { color: #f9a8d4; }

.avks-au__dv { width: 1px; height: 25px; background: var(--avks-bd); }

/* Newsletter */
.avks-nl { max-width: 1400px; margin: 3rem auto; padding: 0 2rem; }

.avks-nl__c {
    background: var(--avks-gl);
    backdrop-filter: blur(20px);
    border: 1px solid var(--avks-gl-b);
    border-radius: 24px;
    padding: 3rem; text-align: center;
}

.avks-nl__tt { font-size: 1.6rem; margin-bottom: 0.5rem; }
.avks-nl__ds { color: var(--avks-tx3); font-size: 0.95rem; margin-bottom: 2rem; }

.avks-nl__fm { display: flex; align-items: center; gap: 0.75rem; max-width: 500px; margin: 0 auto; }

.avks-nl__fm input {
    flex: 1; padding: 0.9rem 1.2rem;
    background: var(--avks-in); border: 1px solid var(--avks-bd);
    border-radius: 14px;
    font-family: var(--avks-font);
    font-size: 0.95rem; color: var(--avks-tx);
    outline: none;
}

.avks-nl__fm button {
    padding: 0.9rem 2rem;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    color: white; border: none;
    border-radius: 14px;
    font-family: var(--avks-font);
    font-size: 0.95rem;
    font-weight: 900;
    cursor: pointer; transition: var(--avks-tr);
}

.avks-nl__fm button:hover { box-shadow: 0 6px 20px var(--avks-pr-g); transform: translateY(-2px); }

/* Footer */
.avks-ft {
    background: var(--avks-ft);
    padding: 4rem 2rem 2rem;
    margin-top: 4rem;
    position: relative;
    overflow: hidden;
}

.avks-ft::before {
    content: ''; position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, var(--avks-pr-l), transparent);
}

.avks-ft__ct {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 4rem;
}

.avks-ft__br { display: flex; flex-direction: column; }

.avks-ft__lg {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    text-decoration: none;
    margin-bottom: 1.5rem;
}

.avks-ft__lgic {
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-ac));
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px var(--avks-pr-g);
    flex-shrink: 0;
}

.avks-ft__lgic svg { width: 28px; height: 28px; fill: white; }

.avks-ft__lgtt {
    font-size: 1.5rem;
    color: white;
}

.avks-ft__lgst {
    font-size: 0.78rem;
    color: rgba(255,255,255,0.5);
}

.avks-ft__ds {
    color: rgba(255,255,255,0.65);
    font-size: 0.95rem;
    line-height: 2;
}

.avks-ft__h { color: white; font-size: 1.2rem; margin-bottom: 0.5rem; }
.avks-ft__scds { color: rgba(255,255,255,0.55); font-size: 0.85rem; margin-bottom: 1.5rem; }

.avks-ft__sc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.avks-ft__sl {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 14px;
    text-decoration: none;
    color: rgba(255,255,255,0.75);
    font-family: var(--avks-font);
    font-size: 0.85rem;
    transition: var(--avks-tr);
}

.avks-ft__sl svg { width: 20px; height: 20px; fill: currentColor; flex-shrink: 0; }

.avks-ft__sl:hover {
    color: white;
    transform: translateY(-3px);
}

.avks-ft__sl.avks-ig:hover { background: linear-gradient(135deg, #833AB4, #FD1D1D); }
.avks-ft__sl.avks-tg:hover { background: linear-gradient(135deg, #0088cc, #005f8c); }
.avks-ft__sl.avks-tw:hover { background: linear-gradient(135deg, #1DA1F2, #0d8bd9); }
.avks-ft__sl.avks-yt:hover { background: linear-gradient(135deg, #FF0000, #cc0000); }

/* ═══ تماس با ما (فوتر) ═══ */
.avks-ft__cnt-wrap { margin-top: 2rem; padding-top: 1.75rem; border-top: 1px solid rgba(255,255,255,0.08); }

.avks-ft__cnt {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.avks-ft__cnt .avks-ft__sl {
    flex: 1 1 calc(50% - 0.375rem);
    min-width: 0;
    justify-content: center;
}

.avks-ft__sl.avks-wa:hover { background: linear-gradient(135deg, #25D366, #128C7E); }
.avks-ft__sl.avks-bale:hover { background: linear-gradient(135deg, #00B8A9, #00897B); }

.avks-ft__bt {
    max-width: 1200px;
    margin: 3rem auto 0;
    padding-top: 2rem;
    border-top: 1px solid rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(255,255,255,0.5);
    font-size: 0.85rem;
}

/* Scroll Top */
.avks-stp {
    position: fixed; bottom: 2rem; left: 2rem;
    width: 48px; height: 48px;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    border: none; border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    opacity: 0; transform: translateY(20px);
    transition: var(--avks-tr);
    z-index: 100;
    box-shadow: 0 4px 20px var(--avks-pr-g);
}

.avks-stp.avks-vs { opacity: 1; transform: translateY(0); }
.avks-stp svg { width: 22px; height: 22px; fill: white; }
.avks-stp:hover { transform: translateY(-3px); }

/* ═══ آیکن شناور واتساپ (فقط موبایل) ═══ */
.avks-fwa {
    display: none;
    position: fixed;
    bottom: 5.4rem; left: 1.5rem;
    width: 48px; height: 48px;
    border-radius: 50%;
    align-items: center; justify-content: center;
    background: linear-gradient(135deg, #25D366, #128C7E);
    box-shadow: 0 6px 20px rgba(18, 140, 126, 0.45);
    z-index: 99;
    -webkit-tap-highlight-color: transparent;
}

.avks-fwa svg { width: 26px; height: 26px; fill: #fff; }
.avks-fwa:active { transform: scale(0.94); }

/* Mobile Sidebar */
.avks-mo {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(6px);
    z-index: 2000;
    opacity: 0; visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.avks-mo.avks-act { opacity: 1; visibility: visible; }

.avks-ms {
    position: fixed; top: 0; right: -340px;
    width: 320px; max-width: 85vw;
    height: 100vh;
    background: var(--avks-bg);
    z-index: 2001;
    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex; flex-direction: column;
    box-shadow: -20px 0 60px rgba(0,0,0,0.15);
}

.avks-ms.avks-act { right: 0; }

.avks-ms__h {
    padding: 1.5rem;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    color: white;
    position: relative;
    overflow: hidden;
}

.avks-ms__hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; }
.avks-ms__lg { display: flex; align-items: center; gap: 0.75rem; text-decoration: none; }

.avks-ms__li {
    width: 42px; height: 42px;
    background: rgba(255,255,255,0.2);
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    border: 1px solid rgba(255,255,255,0.2);
}

.avks-ms__li svg { width: 22px; height: 22px; fill: white; }
.avks-ms__ll { font-size: 1.2rem; color: white; }
.avks-ms__ls { font-size: 0.7rem; color: rgba(255,255,255,0.8); display: block; }

.avks-ms__cl {
    width: 38px; height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.25);
    background: rgba(255,255,255,0.15);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: var(--avks-tr);
    color: white;
}

.avks-ms__cl:hover { background: white; color: var(--avks-pr-d); transform: rotate(90deg); }
.avks-ms__cl svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.5; }

.avks-ms__sr {
    display: flex; align-items: center;
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 14px;
    padding: 0.7rem 1rem; gap: 0.5rem;
}

.avks-ms__sr svg { width: 18px; height: 18px; stroke: rgba(255,255,255,0.9); flex-shrink: 0; }
.avks-ms__sr input { border: none; background: transparent; outline: none; font-family: var(--avks-font); font-size: 0.95rem; color: white; width: 100%; }
.avks-ms__sr input::placeholder { color: rgba(255,255,255,0.8); }

.avks-ms__uc {
    padding: 1.25rem;
    display: flex; align-items: center; gap: 0.85rem;
    border-bottom: 1px solid var(--avks-bd);
    background: var(--avks-gl);
}

.avks-ms__uc__av {
    width: 48px; height: 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-ac));
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 12px var(--avks-pr-g);
}

.avks-ms__uc__av svg { width: 22px; height: 22px; fill: white; }

.avks-ms__uc__if { flex: 1; }
.avks-ms__uc__ttl { font-size: 0.9rem; font-weight: 900; color: var(--avks-tx); }
.avks-ms__uc__sub { font-size: 0.78rem; color: var(--avks-tx3); }

.avks-ms__uc__gt {
    padding: 0.35rem 0.85rem;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    color: white; border: none;
    border-radius: 10px;
    font-family: var(--avks-font);
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
    transition: var(--avks-tr);
}

.avks-ms__uc__gt:hover { box-shadow: 0 4px 12px var(--avks-pr-g); }

.avks-ms__bd { flex: 1; overflow-y: auto; padding: 1rem 0; }
.avks-ms__bd::-webkit-scrollbar { width: 4px; }
.avks-ms__bd::-webkit-scrollbar-thumb { background: var(--avks-pr-l); border-radius: 4px; }

.avks-ms__sg { padding: 0.5rem 0; }

.avks-ms__sgt {
    padding: 0.5rem 1.5rem;
    font-size: 0.75rem;
    font-weight: 900;
    color: var(--avks-tx3);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.avks-ms__nl {
    display: flex; align-items: center; gap: 0.85rem;
    padding: 0.85rem 1.5rem;
    color: var(--avks-tx2); text-decoration: none;
    font-size: 0.95rem;
    transition: var(--avks-tr);
    border-right: 3px solid transparent;
}

.avks-ms__nl svg { width: 20px; height: 20px; fill: currentColor; }

.avks-ms__nl:hover { background: var(--avks-ov); color: var(--avks-pr); border-right-color: var(--avks-pr); }
.avks-ms__nl.avks-act { background: var(--avks-ov); color: var(--avks-pr); border-right-color: var(--avks-pr); font-weight: 900; }

.avks-ms__nl.avks-hlt {
    background: var(--avks-ov);
    color: var(--avks-pr);
    font-weight: 900;
}

.avks-ms__nl.avks-hlt::before {
    content: '✨';
    margin-left: auto;
}

.avks-ms__nl .avks-ms__bg {
    margin-right: auto;
    padding: 0.15rem 0.5rem;
    background: var(--avks-pr); color: white;
    border-radius: 8px;
    font-size: 0.68rem;
    font-weight: 900;
}

.avks-ms__nl .avks-ms__bg.avks-hot { background: linear-gradient(135deg, var(--avks-or), var(--avks-or-d)); }

.avks-ms__nl .avks-ms__bg.avks-vip { 
    background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706); 
    color: #78350f;
    letter-spacing: 1px;
}

.avks-ms__dv { height: 1px; background: var(--avks-bd); margin: 0.5rem 1.5rem; }

/* Mobile Dropdown - Accordion */
.avks-ms__ddwr {
    position: relative;
}

.avks-ms__ddtg {
    cursor: pointer;
    user-select: none;
    position: relative;
}

.avks-ms__ddar {
    width: 16px !important;
    height: 16px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.5 !important;
    stroke-linecap: round !important;
    transform: rotate(180deg);
    transition: transform 0.3s ease;
    margin-right: auto !important;
}

.avks-ms__ddwr.avks-op .avks-ms__ddar {
    transform: rotate(0deg);
}

.avks-ms__ddwr.avks-op .avks-ms__ddtg {
    background: var(--avks-ov);
    color: var(--avks-pr);
    border-right-color: var(--avks-pr);
}

.avks-ms__ddmn {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(236, 72, 153, 0.03);
}

[data-avks-th="dark"] .avks-ms__ddmn {
    background: rgba(236, 72, 153, 0.05);
}

.avks-ms__ddwr.avks-op .avks-ms__ddmn {
    max-height: 600px;
    border-bottom: 1px solid var(--avks-bd);
}

.avks-ms__ddit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.7rem 1.5rem 0.7rem 3rem;
    text-decoration: none;
    color: var(--avks-tx2);
    transition: all 0.2s ease;
    border-right: 3px solid transparent;
}

.avks-ms__ddit:hover {
    background: var(--avks-ov);
    color: var(--avks-pr);
    border-right-color: var(--avks-pr-l);
}

.avks-ms__ddnm {
    font-size: 0.9rem;
}

.avks-ms__ddcc {
    font-size: 0.75rem;
    color: var(--avks-tx3);
    padding: 0.15rem 0.5rem;
    background: var(--avks-ov);
    border-radius: 6px;
    transition: all 0.2s ease;
}

.avks-ms__ddit:hover .avks-ms__ddcc {
    background: var(--avks-pr);
    color: white;
}

.avks-ms__ft {
    padding: 1.25rem;
    border-top: 1px solid var(--avks-bd);
    background: var(--avks-gl);
}

.avks-ms__ac { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; margin-bottom: 1rem; }

.avks-ms__ab {
    display: flex; align-items: center; justify-content: center;
    gap: 0.4rem; padding: 0.7rem;
    background: var(--avks-gl); border: 1px solid var(--avks-bd);
    border-radius: 12px;
    color: var(--avks-tx); text-decoration: none;
    font-family: var(--avks-font);
    font-size: 0.85rem;
    cursor: pointer; transition: var(--avks-tr);
    position: relative;
}

.avks-ms__ab svg { width: 16px; height: 16px; fill: currentColor; position: relative; }
.avks-ms__ab .avks-th__mn, .avks-ms__ab .avks-th__sn { position: absolute; left: 0.75rem; }
.avks-ms__ab:hover { background: var(--avks-ov); color: var(--avks-pr); border-color: var(--avks-pr-l); }

.avks-ms__so { display: flex; justify-content: center; gap: 0.5rem; margin-top: 0.75rem; }

.avks-ms__so a {
    width: 36px; height: 36px;
    background: var(--avks-gl); border: 1px solid var(--avks-bd);
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    transition: var(--avks-tr);
}

.avks-ms__so a svg { width: 16px; height: 16px; fill: var(--avks-tx2); }
.avks-ms__so a:hover { background: var(--avks-pr); border-color: var(--avks-pr); }
.avks-ms__so a:hover svg { fill: white; }

/* Fade In */
.avks-fi { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.avks-fi.avks-vs { opacity: 1; transform: translateY(10px); 
margin-bottom: 1.5em;}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--avks-bg2); }
::-webkit-scrollbar-thumb { background: var(--avks-pr-l); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--avks-pr); }

/* ═══════════════════════════════════════════════ */
/* Responsive */
/* ═══════════════════════════════════════════════ */

@media (max-width: 1400px) {
    .avks-sr { min-width: 220px; }
}

@media (max-width: 1200px) {
    .avks-hr__ct { flex-direction: column; justify-content: center; gap: 2.5rem; }
    .avks-hr__tx { text-align: center; max-width: 700px; }
    .avks-hr__ds { margin-left: auto; margin-right: auto; }
    .avks-hr__ac { justify-content: center; }
    .avks-hr__st { justify-content: center; }
    .avks-hr__vs { width: 100%; flex: none; }
    .avks-fc { max-width: 320px; }
    .avks-ft__ct { grid-template-columns: 1fr; gap: 3rem; }
    .avks-nv__l { padding: 0.55rem 0.75rem; font-size: 0.85rem; }
    .avks-nv__l svg { width: 16px; height: 16px; }
}

@media (max-width: 1024px) {
    .avks-nv, .avks-sr { display: none; }
    .avks-hd__in { padding: 0.7rem 1.5rem; }
    .avks-hr__tt { font-size: 2.7rem; }
    .avks-fb { gap: 2rem; padding: 2.5rem; }
}

@media (max-width: 768px) {
    .avks-bt { display: none; }
    .avks-mb { display: flex; }
    .avks-mb-sr { display: flex; }
    .avks-hd { padding: 0 1rem; }
    .avks-hd__in { padding: 0.6rem 1rem; gap: 0.75rem; }
    .avks-lg__tt { font-size: 1.15rem; }
    .avks-lg__st { display: none; }
    .avks-lg__ic { width: 42px; height: 42px; }
    .avks-lg__ic svg { width: 22px; height: 22px; }
    .avks-hd__ac { gap: 0.35rem; }
    .avks-th { width: 38px; height: 38px; }
    .avks-th svg { width: 18px; height: 18px; }
    .avks-mb { width: 38px; height: 38px; }
    .avks-mb svg { width: 20px; height: 20px; }
    .avks-mb-sr { width: 38px; height: 38px; }
    .avks-mb-sr svg { width: 18px; height: 18px; }

    /* حالت باز بودن کادر جستجوی موبایل: بقیه‌ی محتوای هدر مخفی و کادر جستجو جای آن را با هم‌ارتفاع دقیق پر می‌کند */
    #avksHd.avks-src-act .avks-hd__in > *:not(.avks-mb-srbx) {
        display: none !important;
    }
    #avksHd.avks-src-act .avks-mb-srbx {
        display: flex;
    }

    .avks-hr { padding: 6.5rem 1rem 3rem; }
    .avks-hr__ct { gap: 2rem; }
    .avks-hr__tt { font-size: 2.2rem; }
    .avks-hr__ds { font-size: 1rem; }
    .avks-hr__ac { flex-direction: column; width: 100%; }
    .avks-hr__ac .avks-bp, .avks-hr__ac .avks-bo { width: 100%; justify-content: center; }
    .avks-hr__st { gap: 1.5rem; flex-wrap: wrap; }
    .avks-st__n { font-size: 1.6rem; }
    .avks-fc { max-width: 260px; }
    .avks-fc__gl { width: 160px; height: 160px; filter: blur(30px); }

    .avks-sc { padding: 3rem 1rem; }
    .avks-sc__hd { flex-direction: column; gap: 1rem; text-align: center; align-items: center; }
    .avks-sc__ttg { flex-direction: column; text-align: center; }
    .avks-sc__ic { width: 44px; height: 44px; }
    .avks-sc__ic svg { width: 22px; height: 22px; }
    .avks-sc__tt { font-size: 1.4rem; }
    .avks-sc__st { font-size: 0.82rem; }

    .avks-cg { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 0.75rem; }
    .avks-cg__c { padding: 1.25rem 0.75rem; }
    .avks-cg__iw { width: 50px; height: 50px; margin-bottom: 0.75rem; }
    .avks-cg__iw svg { width: 25px; height: 25px; }
    .avks-cg__n { font-size: 0.9rem; }
    .avks-cg__ct { font-size: 0.7rem; }

    .avks-ng { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 1rem; }
    .avks-nc__if { padding: 1rem; }
    .avks-nc__tt { font-size: 0.95rem; }
    .avks-nc__ds { -webkit-line-clamp: 2; font-size: 0.78rem; }

    .avks-fb { flex-direction: column; text-align: center; padding: 2rem 1.5rem; gap: 1.5rem; }
    .avks-fb__im { width: 140px; height: 200px; }
    .avks-fb__tt { font-size: 1.6rem; }
    .avks-fb__ds { font-size: 0.9rem; }

    .avks-au { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1.5rem 1rem; }
    .avks-au__im { width: 110px; height: 110px; }
    .avks-au__nm { font-size: 0.95rem; }
    .avks-au__gw { width: 140px; height: 140px; }

    .avks-on, .avks-cn, .avks-pp, .avks-up, .avks-vp { padding: 3rem 1rem; border-radius: 24px; margin: 2rem 1rem; }
    .avks-lv-b, .avks-cp-b, .avks-pp-b, .avks-up-b, .avks-vp-b { margin-right: 0; margin-top: 0.5rem; }

    .avks-nl { padding: 0 1rem; }
    .avks-nl__c { padding: 2rem 1.5rem; }
    .avks-nl__tt { font-size: 1.3rem; }
    .avks-nl__fm { flex-direction: column; }
    .avks-nl__fm input, .avks-nl__fm button { width: 100%; }

    .avks-ft { padding: 3rem 1rem 1.5rem; }
    .avks-ft__ct { grid-template-columns: 1fr; gap: 2.5rem; text-align: center; }
    .avks-ft__lg { justify-content: center; }
    .avks-ft__ds { margin: 0 auto; }
    .avks-ft__sc { max-width: 400px; margin: 0 auto; }
    .avks-ft__cnt { max-width: 400px; margin: 0 auto; }
    .avks-ft__bt { flex-direction: column; gap: 0.5rem; text-align: center; }

    .avks-stp { bottom: 1.5rem; left: 1.5rem; width: 44px; height: 44px; }
    .avks-fwa { display: flex; bottom: 4.8rem; left: 1.5rem; }
    .avks-sl__nv { width: 38px; height: 38px; }
    .avks-sl__nv svg { width: 18px; height: 18px; }
}

@media (max-width: 480px) {
    .avks-hd { padding: 0 0.5rem; }
    .avks-hd__in { padding: 0.5rem 0.75rem; }
    .avks-lg__ic { width: 38px; height: 38px; }
    .avks-lg__ic svg { width: 20px; height: 20px; }
    .avks-lg__tt { font-size: 1.05rem; }

    .avks-hr { padding: 6rem 1rem 2rem; }
    .avks-hr__tt { font-size: 1.8rem; }
    .avks-hr__bd { font-size: 0.75rem; padding: 0.3rem 0.75rem; }
    .avks-st__n { font-size: 1.4rem; }
    .avks-fc { max-width: 220px; }
    .avks-fc__gl { width: 130px; height: 130px; filter: blur(24px); }

    .avks-sc { padding: 2.5rem 0.75rem; }
    .avks-sc__tt { font-size: 1.2rem; }

    .avks-cg { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
    .avks-cg__c { padding: 1.25rem 0.5rem; }

    .avks-ng { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
    .avks-nc__if { padding: 0.75rem; }
    .avks-nc__tt { font-size: 0.88rem; }
    .avks-nc__au { font-size: 0.75rem; }
    .avks-nc__ds { display: -webkit-box; -webkit-line-clamp: 2; font-size: 0.72rem; margin-bottom: 0.6rem; }
    .avks-nc__mt { flex-direction: column; gap: 0.5rem; align-items: flex-start; }
    .avks-nc__gn { font-size: 0.7rem; }
    .avks-brm { padding: 0.4rem 0.75rem; font-size: 0.75rem; width: 100%; justify-content: center; }

    .avks-au { grid-template-columns: repeat(2, 1fr); gap: 1.5rem 0.5rem; }
    .avks-au__c { padding: 1.5rem 0.5rem 1rem; }
    .avks-au__im { width: 95px; height: 95px; }
    .avks-au__gw { width: 115px; height: 115px; }
    .avks-au__nm { font-size: 0.88rem; margin-top: 1rem; }
    .avks-au__lv { font-size: 0.65rem; }

    .avks-on, .avks-cn, .avks-pp, .avks-up, .avks-vp { padding: 2.5rem 0.75rem; margin: 1.5rem 0.5rem; border-radius: 20px; }
    
    .avks-nl__c { padding: 1.75rem 1rem; border-radius: 20px; }
    .avks-nl__tt { font-size: 1.15rem; }

    .avks-ft__sc { grid-template-columns: 1fr; }
    .avks-ft__cnt .avks-ft__sl { flex: 1 1 100%; }

    .avks-stp { bottom: 1rem; left: 1rem; width: 42px; height: 42px; }
    .avks-fwa { bottom: 4.1rem; left: 1rem; width: 44px; height: 44px; }
    .avks-fwa svg { width: 24px; height: 24px; }
    
    .avks-pp__st { flex-direction: column; gap: 0.4rem; align-items: flex-start; padding: 0.6rem 0.75rem; }
}

        /* ═══════════════════════════════════════════════ */
        /* SINGLE NOVEL PAGE - USER REQUESTED STYLES */
        /* ═══════════════════════════════════════════════ */

        .avks-spg { padding-top: 100px; max-width: 1400px; margin: 0 auto; padding-bottom: 4rem; }

/* ═══════════════════════════════════════════════ */
/* 🍞 BREADCRUMB STYLES (استایل مسیریاب) */
/* ═══════════════════════════════════════════════ */

/* باکس بیرونی مسیریاب */
.avks-bc {
    padding: 0 2rem;
    margin-bottom: 1.5rem;
}

/* باکس شیشه‌ای داخلی */
.avks-bc__in {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.6rem 1.2rem;
    background: var(--avks-gl);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid var(--avks-gl-b);
    border-radius: 50px;
    box-shadow: 0 4px 20px var(--avks-ov);
    font-size: 0.85rem;
    color: var(--avks-tx3);
    transition: var(--avks-tr);
}

/* افکت هاور روی کل باکس مسیریاب */
.avks-bc__in:hover {
    box-shadow: 0 8px 25px var(--avks-ov);
    transform: translateY(-2px);
}

/* لینک‌های داخل مسیریاب (خانه، رمان‌های آنلاین) */
.avks-bc__in a {
    color: var(--avks-tx2);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.7rem;
    border-radius: 20px;
    transition: var(--avks-tr);
    font-weight: 600;
}

/* آیکون آیکون خانه داخل لینک */
.avks-bc__in a svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

/* هاور روی لینک‌ها */
.avks-bc__in a:hover {
    background: rgba(251, 146, 60, 0.1);
    color: #ea580c;
}

/* جداکننده اسلش ( / ) */
.avks-bc__sp {
    opacity: 0.4;
    font-weight: 900;
    color: var(--avks-tx3);
    user-select: none;
}

/* آیتم صفحه فعلی (عنوان رمان) */
.avks-bc__cr {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.8rem;
    background: linear-gradient(135deg, #fb923c, #ea580c);
    color: white !important;
    border-radius: 20px;
    font-weight: 800;
    font-size: 0.8rem;
    box-shadow: 0 4px 15px rgba(251, 146, 60, 0.4);
}

/* ریسپانسوی برای موبایل */
@media (max-width: 768px) {
    .avks-bc {
        padding: 0 1rem;
    }
    .avks-bc__in {
        padding: 0.4rem 0.8rem;
        font-size: 0.75rem;
    }
}
/* ═══════════════════════════════════════════════ */
/* 🛒 BUY NOVEL BOX (باکس خرید رمان) */
/* ═══════════════════════════════════════════════ */
.avks-buy-box {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem;
    background: linear-gradient(135deg, rgba(236, 72, 153, 0.08), rgba(251, 146, 60, 0.05));
    border: 1px dashed var(--avks-pr);
    border-radius: 20px;
    margin-bottom: 2rem;
    box-shadow: 0 10px 30px var(--avks-ov);
    position: relative;
    overflow: hidden;
}

[data-avks-th="dark"] .avks-buy-box {
    background: linear-gradient(135deg, rgba(236, 72, 153, 0.1), rgba(251, 146, 60, 0.08));
    border-color: rgba(236, 72, 153, 0.4);
}

/* افکت درخشش ملایم متحرک روی باکس */
.avks-buy-box::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: avksBuyShine 3s infinite;
    pointer-events: none;
}
[data-avks-th="dark"] .avks-buy-box::before {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
}

@keyframes avksBuyShine {
    0% { left: -100%; }
    20%, 100% { left: 200%; }
}

.avks-buy-box__ic {
    width: 54px;
    height: 54px;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 6px 20px var(--avks-pr-g);
}

.avks-buy-box__ic svg {
    width: 26px;
    height: 26px;
    fill: white;
}

.avks-buy-box__if {
    flex: 1;
}

.avks-buy-box__tt {
    font-size: 1.1rem;
    font-weight: 900;
    color: var(--avks-tx);
    margin-bottom: 0.25rem;
}

.avks-buy-box__ds {
    font-size: 0.85rem;
    color: var(--avks-tx2);
    line-height: 1.6;
}

.avks-buy-box__ac {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
    flex-shrink: 0;
}

.avks-buy-box__pr {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--avks-tx);
}

.avks-buy-box__pr b {
    font-size: 1.3rem;
    font-weight: 900;
}

.avks-buy-box__pr span {
    font-size: 0.75rem;
    color: var(--avks-tx3);
    font-weight: 700;
}

/* دکمه اختصاصی خرید */
.avks-btn--buy {
    background: linear-gradient(135deg, #10b981, #059669); /* رنگ سبز اعتمادآور برای خرید */
    color: white;
    box-shadow: 0 4px 20px rgba(16, 185, 129, 0.4);
    border: none;
}

.avks-btn--buy:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.6);
    color: white;
}

/* ═══════════════════════════════════════════════ */
/* 🛍️ کارت خرید رمان کنار «شروع مطالعه» (قیمت + دکمه) */
/* ═══════════════════════════════════════════════ */
.avks-buy-card {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    width: 100%;
    max-width: 300px;
}

.avks-buy-card__price {
    display: flex;
    align-items: stretch;
    background: #ffffff;
    border: 1.5px solid rgba(16, 185, 129, 0.35);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 26px rgba(16, 185, 129, 0.16);
}

.avks-buy-card__price-amount {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.75rem 1rem;
    font-size: 1.1rem;
    font-weight: 900;
    color: #059669;
}

[data-avks-th="dark"] .avks-buy-card__price-amount {
    color: #059669;
}

.avks-buy-card__price-label {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #10b981;
    border-right: 1px solid rgba(16, 185, 129, 0.25);
    background: rgba(16, 185, 129, 0.06);
    white-space: nowrap;
}

.avks-buy-card__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.95rem 1.25rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #34d399, #059669);
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    text-decoration: none;
    border: none;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5);
    transition: var(--avks-tr);
    animation: avksBuyGlow 1.8s ease-in-out infinite, avksBuyBounce 2.4s ease-in-out infinite;
}

.avks-buy-card__btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 45%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.55), transparent);
    transform: skewX(-20deg);
    animation: avksBuyShine 2.4s ease-in-out infinite;
    pointer-events: none;
}

.avks-buy-card__btn:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 12px 32px rgba(16, 185, 129, 0.65);
    color: #fff;
    animation-play-state: paused, paused;
}

.avks-buy-card__btn svg {
    width: 18px;
    height: 18px;
    fill: #fff;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.avks-buy-card__btn span {
    position: relative;
    z-index: 1;
}

.avks-buy-card__chevron {
    fill: none;
    margin-inline-start: auto;
    transform: rotate(180deg);
}

@keyframes avksBuyGlow {
    0%, 100% { box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5); }
    50%      { box-shadow: 0 10px 32px rgba(16, 185, 129, 0.85); }
}

@keyframes avksBuyBounce {
    0%, 100% { transform: translateY(0) scale(1); }
    50%      { transform: translateY(-3px) scale(1.035); }
}

@keyframes avksBuyShine {
    0%   { left: -75%; }
    45%  { left: 125%; }
    100% { left: 125%; }
}

@media (max-width: 768px) {
    .avks-buy-card {
        max-width: 100%;
    }
}

/* دکمه خرید کنار «شروع مطالعه» - آیکن + انیمیشن ملایم (نسخه قدیمی، در صورت استفاده) */
.avks-edd-buy-btn svg { transform: none; } /* لغو چرخش ۱۸۰ درجه‌ای پیش‌فرض svg داخل .avks-btn */
.avks-edd-buy-btn {
    animation: avksEddPulse 2.6s ease-in-out infinite;
}
.avks-edd-buy-btn:hover {
    animation-play-state: paused;
}
@keyframes avksEddPulse {
    0%, 100% { box-shadow: 0 4px 20px rgba(16, 185, 129, 0.4); }
    50%      { box-shadow: 0 4px 26px rgba(16, 185, 129, 0.8); }
}

/* شورت‌کد [purchase_link] داخل متن دیگه نمایش داده نشه؛ فقط برای عملکرد دکمه بالا در DOM می‌مونه */
.avks-post-desc__body .edd_download_purchase_form,
.avks-post-desc__body .edd_purchase_submit_wrapper,
.avks-post-desc__body a.edd-submit,
.avks-post-desc__body .edd-add-to-cart-wrapper {
    display: none !important;
}

/* 📱 ریسپانسیو باکس خرید */
@media (max-width: 768px) {
    .avks-buy-box {
        flex-direction: column;
        text-align: center;
        padding: 1.5rem;
        gap: 1rem;
    }
    
    .avks-buy-box__ac {
        align-items: center;
        width: 100%;
        margin-top: 0.5rem;
        border-top: 1px solid var(--avks-bd);
        padding-top: 1rem;
    }
    
    .avks-btn--buy {
        width: 100%;
        justify-content: center;
    }
}

        /* Novel Details Hero */
        .avks-nd {
            margin: 1rem 2rem 3rem; position: relative; border-radius: 32px;
            background: linear-gradient(135deg, rgba(251, 146, 60, 0.05), rgba(234, 88, 12, 0.05));
            border: 1px solid rgba(251, 146, 60, 0.15); overflow: hidden;
        }
        [data-avks-th="dark"] .avks-nd { background: linear-gradient(135deg, rgba(251, 146, 60, 0.08), rgba(234, 88, 12, 0.08)); border-color: rgba(251, 146, 60, 0.2); }

        .avks-nd__g { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; z-index: 0; }
        .avks-nd__g1 { top: -100px; right: -50px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(251, 146, 60, 0.3), transparent 70%); }
        .avks-nd__g2 { bottom: -100px; left: 100px; width: 500px; height: 200px; background: radial-gradient(ellipse, rgba(234, 88, 12, 0.2), transparent 70%); }

        .avks-nd__wr { display: flex; gap: 3rem; padding: 3rem; position: relative; z-index: 1; }

        /* Cover */
        .avks-nd__cvw { flex-shrink: 0; width: 300px; }
        .avks-nd__cv { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 50px rgba(251, 146, 60, 0.25); border: 1px solid rgba(255,255,255,0.2); }
        .avks-nd__cv img { width: 100%; height: 420px; object-fit: cover; display: block; }
        .avks-nd__ov { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 60%); }

        .avks-nd__bdg {
            position: absolute; top: 15px; right: 15px; padding: 0.4rem 1rem; border-radius: 10px; font-size: 0.8rem; font-weight: 800;
            background: linear-gradient(135deg, #fb923c, #ea580c); color: white; display: flex; align-items: center; gap: 0.4rem; box-shadow: 0 4px 15px rgba(251, 146, 60, 0.5);
        }
        .avks-nd__dot { width: 8px; height: 8px; background: white; border-radius: 50%; animation: avksPs 1.5s infinite; }
        .avks-nd__ep { position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; color: #fbbf24; font-size: 0.95rem; font-weight: 900; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }

        /* Info */
        .avks-nd__if { flex: 1; display: flex; flex-direction: column; justify-content: center; }

        /* Tags (Hashtags - No Background) */
        .avks-nd__tgs { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 0.5rem; align-items: center; }
        .avks-nd__tg { font-size: 0.9rem; font-weight: 800; color: var(--avks-pr); text-decoration: none; transition: var(--avks-tr); }
        .avks-nd__tg:hover { color: var(--avks-pr-d); }
        .avks-nc__gn.avks-or { padding: 0.25rem 0.8rem; background: rgba(251, 146, 60, 0.15); border-radius: 8px; font-size: 0.75rem; color: #ea580c; border: 1px solid rgba(251, 146, 60, 0.3); font-weight: 800;}

        .avks-nd__tt { font-size: 2.8rem; font-weight: 900; color: var(--avks-tx); line-height: 1.3; margin-bottom: 1rem; }

        /* 👤 Author Box (Beautiful Design) */
        .avks-au-box {
            display: flex; align-items: center; gap: 1rem;
            padding: 0.75rem; padding-right: 0.5rem;
            background: var(--avks-gl); border: 1px solid var(--avks-bd);
            border-radius: 50px; width: fit-content; margin-bottom: 2rem;
            box-shadow: 0 10px 30px var(--avks-ov);
        }
        .avks-au-box__av { width: 45px; height: 45px; border-radius: 50%; overflow: hidden; border: 2px solid var(--avks-pr-l); }
        .avks-au-box__av img { width: 100%; height: 100%; object-fit: cover; }
        .avks-au-box__if { display: flex; flex-direction: column; margin-left: 1rem; }
        .avks-au-box__lb { font-size: 0.65rem; color: var(--avks-tx3); font-weight: 600; }
        .avks-au-box__nm { font-size: 0.95rem; font-weight: 800; color: var(--avks-tx); text-decoration: none; display: flex; align-items: center; gap: 0.2rem; }
        .avks-au-box__nm svg { width: 14px; height: 14px; color: #3b82f6; }
        .avks-au-box__flw { 
            background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d)); color: white;
            padding: 0.4rem 1.2rem; border-radius: 30px; font-size: 0.8rem; font-weight: 700;
            text-decoration: none; margin-right: 1rem; box-shadow: 0 4px 15px var(--avks-pr-g); transition: var(--avks-tr);
        }
        .avks-au-box__flw:hover { transform: translateY(-2px); box-shadow: 0 6px 20px var(--avks-pr-g); }

        /* 📋 Novel Specifications Grid */
        .avks-specs {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem; padding: 1.5rem; background: var(--avks-gl);
            border: 1px dashed var(--avks-bd); border-radius: 16px; margin-bottom: 2rem;
        }
        .avks-specs__it { display: flex; align-items: center; justify-content: flex-start; gap: 0.4rem; font-size: 0.85rem; border-bottom: 1px solid var(--avks-ov); padding-bottom: 0.5rem; }
        .avks-specs__it span { color: var(--avks-tx3); flex-shrink: 0; }
        .avks-specs__it b { color: var(--avks-tx); font-weight: 800; }

        /* 🎵 Custom JS Audio Player */
        .avks-ap {
            display: flex; align-items: center; gap: 1rem;
            padding: 1rem 1.5rem; margin-bottom: 1.5rem;
            background: var(--avks-gl); backdrop-filter: blur(10px);
            border: 1px solid var(--avks-pr-l); border-radius: 16px;
            box-shadow: 0 10px 25px rgba(236, 72, 153, 0.1);
        }
        .avks-ap__ic {
            width: 45px; height: 45px; border-radius: 12px; flex-shrink: 0;
            background: linear-gradient(135deg, #06b6d4, #3b82f6);
            display: flex; align-items: center; justify-content: center; color: white;
            box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
        }
        .avks-ap__ic svg { width: 24px; height: 24px; fill: white;}
        .avks-ap__ct { flex: 1; display: flex; flex-direction: column; gap: 0.5rem; }
        .avks-ap__st { font-size: 0.85rem; font-weight: 800; color: var(--avks-tx); }
        .avks-ap__wr { display: flex; align-items: center; gap: 1rem; }
        .avks-ap__btn {
            width: 36px; height: 36px; border-radius: 50%; border: none; cursor: pointer;
            background: var(--avks-pr); color: white; display: flex; align-items: center; justify-content: center;
            transition: var(--avks-tr); flex-shrink: 0; box-shadow: 0 4px 10px var(--avks-pr-g);
        }
        .avks-ap__btn:hover { transform: scale(1.1); box-shadow: 0 6px 15px var(--avks-pr-g); }
        .avks-ap__btn svg { width: 16px; height: 16px; fill: currentColor; margin-right: -2px; }
        .avks-ap__prog { flex: 1; display: flex; align-items: center; gap: 0.75rem; }
        .avks-ap__tm { font-size: 0.75rem; color: var(--avks-tx3); font-weight: 600; font-family: Rohiykn; }
        .avks-ap__bar { flex: 1; height: 6px; background: var(--avks-bd); border-radius: 3px; cursor: pointer; position: relative; overflow: hidden; transition: height 0.2s; }
        .avks-ap__bar:hover { height: 8px; }
        .avks-ap__fill { height: 100%; background: linear-gradient(90deg, #06b6d4, #3b82f6); width: 0%; border-radius: 3px; transition: width 0.1s linear;}
        audio { display: none; }

        /* Synopsis */
        .avks-nd__sy h3 { font-size: 1.1rem; color: var(--avks-tx); margin-bottom: 0.5rem; font-weight: 800; }
        .avks-nd__sy p { font-size: 0.95rem; color: var(--avks-tx2); line-height: 2; margin-bottom: 2rem; text-align: justify; }

        /* Buttons & Share */
        .avks-nd__btm { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; }
        .avks-nd__ac { display: flex; gap: 1rem; flex-wrap: wrap; }
        .avks-btn {
            display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
            padding: 0.8rem 2rem; border-radius: 12px;
            width: 100%;
            font-family: 'Rohiykn', sans-serif; font-size: 0.95rem; font-weight: 800;
            cursor: pointer; transition: var(--avks-tr); text-decoration: none; border: none;
        }
        
        .avks-btn svg { width: 18px; height: 18px; fill: currentColor; transform: rotate(180deg); }
        .avks-btn--rd { background: linear-gradient(135deg, #fb923c, #ea580c); color: white; box-shadow: 0 4px 20px rgba(251, 146, 60, 0.4); }
        .avks-btn--rd:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(251, 146, 60, 0.6); color: white;}

        /* 📱 Professional Glass Share Rectangles */
        .avks-shr { display: flex; align-items: center; gap: 0.5rem; }
        .avks-shr__tx { font-size: 0.85rem; font-weight: 700; color: var(--avks-tx3); margin-left: 0.5rem; }
        .avks-shr__bt {
            display: inline-flex; align-items: center; gap: 0.4rem;
            padding: 0.5rem 1rem; border-radius: 10px;
            background: rgba(255,255,255,0.1); backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.3);
            color: var(--avks-tx2); text-decoration: none;
            font-size: 0.8rem; font-weight: 700; transition: var(--avks-tr);
        }
        [data-avks-th="dark"] .avks-shr__bt { background: rgba(0,0,0,0.2); border-color: rgba(255,255,255,0.1); color: var(--avks-tx); }
        .avks-shr__bt svg { width: 16px; height: 16px; fill: currentColor; }
        
        .avks-shr__bt.avks-tg:hover { background: #0088cc; color: white; border-color: #0088cc; box-shadow: 0 4px 15px rgba(0,136,204,0.4); transform: translateY(-2px); }
        .avks-shr__bt.avks-wa:hover { background: #25D366; color: white; border-color: #25D366; box-shadow: 0 4px 15px rgba(37,211,102,0.4); transform: translateY(-2px); }

        /* Layout Grid */
        .avks-ly { display: grid; grid-template-columns: 1fr 340px; gap: 2rem; padding: 0 2rem; }

        /* Box Component */
        .avks-bx { background: var(--avks-gl); backdrop-filter: blur(20px); border: 1px solid var(--avks-gl-b); border-radius: 24px; padding: 2rem; margin-bottom: 2rem; }
        .avks-bx__hd { margin-bottom: 1.5rem; border-bottom: 1px solid var(--avks-bd); padding-bottom: 1rem; display: flex; justify-content: space-between; align-items: center; }
        .avks-bx__tt { font-size: 1.3rem; font-weight: 900; color: var(--avks-tx); }
        .avks-bx__ttw { display: flex; align-items: center; gap: 0.75rem; }
        .avks-bx__ic { width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; }
        .avks-ic-or { background: linear-gradient(135deg, #fb923c, #ea580c); box-shadow: 0 4px 15px rgba(251, 146, 60, 0.4); }
        .avks-ic-pr { background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d)); box-shadow: 0 4px 15px var(--avks-pr-g); }
        .avks-bx__ic svg { width: 20px; height: 20px; }
        .avks-bx__st { font-size: 0.85rem; color: var(--avks-tx3); font-weight: 600; }

        /* 📚 Beautiful Chapters List */
        .avks-chls { display: flex; flex-direction: column; gap: 0.75rem; }
        .avks-chp {
            display: flex; align-items: center; justify-content: space-between;
            padding: 1rem 1.5rem; background: var(--avks-bg);
            border: 1px solid var(--avks-bd); border-radius: 16px;
            text-decoration: none; transition: var(--avks-tr);
            position: relative; overflow: hidden;
        }

        .avks-chp:hover { border-color: var(--avks-pr-l); transform: translateX(-5px); box-shadow: 0 8px 25px var(--avks-ov); }

        /* New Chapter Highlight */
        .avks-chp--nw { border-right: 4px solid #ea580c; background: linear-gradient(90deg, rgba(251,146,60,0.05), transparent); }
        .avks-chp--nw:hover { border-color: rgba(251,146,60,0.4); }

        .avks-chp__ic { width: 40px; height: 40px; border-radius: 12px; background: var(--avks-ov); display: flex; align-items: center; justify-content: center; color: var(--avks-pr); margin-left: 1rem; flex-shrink: 0; transition: var(--avks-tr); }
        .avks-chp:hover .avks-chp__ic { background: var(--avks-pr); color: white; }
        .avks-chp__ic svg { width: 20px; height: 20px; fill: currentColor; }

        .avks-chp__if { flex: 1; display: flex; flex-direction: column; }
        .avks-chp__nm { font-size: 1.05rem; font-weight: 900; color: var(--avks-tx); display: flex; align-items: center;}
        .avks-ch__dt { font-size: 0.75rem; color: var(--avks-tx3); margin-top: 0.2rem; }

        .avks-chp__rd { padding: 0.4rem 1rem; border-radius: 10px; background: var(--avks-ov); color: var(--avks-pr); font-size: 0.8rem; font-weight: 800; transition: var(--avks-tr); }
        .avks-chp:hover .avks-chp__rd { background: var(--avks-pr); color: white; }
        .avks-chp--nw .avks-chp__rd { background: rgba(251,146,60,0.1); color: #ea580c; }
        .avks-chp--nw:hover .avks-chp__rd { background: #ea580c; color: white; }

        /* Read state */
        .avks-chp--rd { opacity: 0.7; }
        .avks-chp--rd .avks-chp__nm { color: var(--avks-tx3); }
        .avks-chp--rd .avks-chp__ic { background: transparent; border: 1px solid var(--avks-bd); color: var(--avks-tx3); }
        .avks-chp--rd .avks-chp__rd { background: transparent; color: var(--avks-tx3); border: 1px solid var(--avks-bd); }

        .avks-chls__mr {
            width: 100%; margin-top: 1.5rem; padding: 1rem;
            background: transparent; border: 1px dashed var(--avks-bd);
            border-radius: 14px; color: var(--avks-tx2);
            font-family: 'Rohiykn', sans-serif; font-size: 0.9rem; font-weight: 800;
            cursor: pointer; transition: var(--avks-tr);
        }
        .avks-chls__mr:hover { background: var(--avks-ov); color: var(--avks-pr); border-style: solid; border-color: var(--avks-pr-l); }

        /* 📝 Complete Comment Form */
        .avks-cm-form { background: var(--avks-bg); padding: 1.5rem; border-radius: 16px; border: 1px solid var(--avks-bd); margin-bottom: 2.5rem; transition: var(--avks-tr), border-color 0.3s; scroll-margin-top: 100px; }
        .avks-cm-form h3, .avks-cm-form__tt { font-size: 1.1rem; color: var(--avks-tx); margin-bottom: 1rem; font-weight: 800; display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
        .avks-cm-form.avks-cm-form--active { border-color: var(--avks-pr-l); box-shadow: 0 0 0 3px var(--avks-ov); }
        #cancel-comment-reply-link { font-size: 0.8rem; font-weight: 700; color: var(--avks-pr); background: var(--avks-ov); padding: 0.35rem 0.9rem; border-radius: 20px; transition: var(--avks-tr); }
        #cancel-comment-reply-link:hover { background: var(--avks-pr); color: #fff; }
        .avks-cm-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
        .avks-cm-form input, .avks-cm-form textarea { width: 100%; margin-bottom: 1rem; padding: 0.9rem 1.2rem; background: var(--avks-in); border: 1px solid var(--avks-bd); border-radius: 12px; font-family: 'Rohiykn', sans-serif; font-size: 0.9rem; color: var(--avks-tx); outline: none; transition: var(--avks-tr); }
        .avks-cm-form textarea { resize: vertical; }
        .avks-cm-form input:focus, .avks-cm-form textarea:focus { border-color: var(--avks-pr-l); box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.1); }

        /* Comments List */
        .avks-cml { display: flex; flex-direction: column; gap: 1.5rem; }
        .avks-cmc { display: flex; gap: 1rem; }
        .avks-cmc__av { width: 48px; height: 48px; border-radius: 16px; overflow: hidden; flex-shrink: 0; }
        .avks-cmc__av img { width: 100%; height: 100%; object-fit: cover; }
        .avks-cmc__bd { flex: 1; background: var(--avks-bg); padding: 1.25rem; border-radius: 0 16px 16px 16px; border: 1px solid var(--avks-bd); }
        .avks-cmc__hd { display: flex; justify-content: space-between; margin-bottom: 0.5rem; }
        .avks-cmc__hd b { font-size: 0.95rem; color: var(--avks-tx); font-weight: 800; }
        .avks-cmc__hd span { font-size: 0.75rem; color: var(--avks-tx3); }
        .avks-cmc__tx { font-size: 0.9rem; color: var(--avks-tx2); line-height: 1.8; }
        

        /* 🌟 Sidebar Author Box (Upgraded with Cover) */
        .avks-cw { background: var(--avks-gl); backdrop-filter: blur(20px); border: 1px solid var(--avks-gl-b); border-radius: 24px; padding: 1.5rem; margin-bottom: 1.5rem; }
        .avks-cw--au { padding: 0; overflow: hidden; text-align: center; }
        .avks-cw__cv { height: 100px; background-size: cover; background-position: center; position: relative; }
        .avks-cw__cv::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); }
        .avks-cw__aui { position: relative; margin-top: -45px; padding: 0 1.5rem; }
        .avks-cw__av { width: 90px; height: 90px; margin: 0 auto 0.5rem; border-radius: 50%; border: 4px solid var(--avks-bg); position: relative; z-index: 2; background: var(--avks-bg); }
        .avks-cw__av img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
        .avks-cw__vf { position: absolute; bottom: 0; left: 0; background: #3b82f6; color: white; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid var(--avks-bg); }
        .avks-cw__vf svg { width: 14px; height: 14px; }
        .avks-cw__aui h3 { font-size: 1.2rem; font-weight: 900; color: var(--avks-tx); margin-bottom: 0.2rem; }
        .avks-cw__bdg { font-size: 0.7rem; font-weight: 700; color: #d97706; background: rgba(245,158,11,0.1); padding: 0.2rem 0.8rem; border-radius: 20px; display: inline-block; margin-bottom: 1rem;}
        .avks-cw__ds { font-size: 0.85rem; color: var(--avks-tx3); line-height: 1.7; padding: 0 1.5rem; margin-bottom: 1rem; }
        .avks-cw__st { display: flex; justify-content: space-evenly; border-top: 1px solid var(--avks-bd); border-bottom: 1px solid var(--avks-bd); padding: 1rem 0; margin-bottom: 1rem; }
        .avks-cw__st div { display: flex; flex-direction: column; }
        .avks-cw__st b { font-size: 1.1rem; color: var(--avks-pr); font-weight: 900; }
        .avks-cw__st span { font-size: 0.7rem; color: var(--avks-tx3); }
        .avks-cw__bt { display: block; margin: 0 1.5rem 1.5rem; padding: 0.7rem; background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d)); color: white; text-decoration: none; border-radius: 12px; font-size: 0.9rem; font-weight: 800; transition: var(--avks-tr); box-shadow: 0 4px 15px var(--avks-pr-g); }
        .avks-cw__bt:hover { transform: translateY(-2px); box-shadow: 0 8px 20px var(--avks-pr-g); }

        /* Sidebar Specs */
        .avks-cw__tt { font-size: 1.1rem; font-weight: 900; color: var(--avks-tx); margin-bottom: 1rem; border-bottom: 1px solid var(--avks-bd); padding-bottom: 0.75rem; }
        .avks-cw__ls { list-style: none; display: flex; flex-direction: column; gap: 0.8rem; }
        .avks-cw__ls li { display: flex; justify-content: space-between; font-size: 0.85rem; border-bottom: 1px dashed var(--avks-bd); padding-bottom: 0.5rem; }
        .avks-cw__ls li:last-child { border-bottom: none; padding-bottom: 0; }
        .avks-cw__ls span { color: var(--avks-tx3); font-weight: 500;}
        .avks-cw__ls b { color: var(--avks-tx); font-weight: 800; }

        /* Stats Mini Box */
        .avks-sw-stats { display: flex; background: var(--avks-bg); border-radius: 16px; border: 1px solid var(--avks-bd); padding: 1rem; }
        .avks-sw-stats__it { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; }

        /* 🚨 DMCA Box */
        .avks-dmca { background: linear-gradient(135deg, rgba(239, 68, 68, 0.05), rgba(220, 38, 38, 0.02)); border: 1px dashed #ef4444; border-radius: 24px; padding: 1.5rem; text-align: center; }
        .avks-dmca__ic { width: 50px; height: 50px; background: rgba(239, 68, 68, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ef4444; margin: 0 auto 1rem; }
        .avks-dmca__ic svg { width: 24px; height: 24px; }
        .avks-dmca h3 { font-size: 1rem; color: #dc2626; font-weight: 800; margin-bottom: 0.5rem; }
        .avks-dmca p { font-size: 0.8rem; color: var(--avks-tx2); line-height: 1.8; margin-bottom: 1.25rem; }
        .avks-dmca__btn { display: inline-block; padding: 0.6rem 1.2rem; background: #ef4444; color: white; border-radius: 10px; font-size: 0.85rem; font-weight: 700; text-decoration: none; transition: var(--avks-tr); }
        .avks-dmca__btn:hover { background: #dc2626; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4); transform: translateY(-2px); }

        /* Footer */
        .avks-ft { background: var(--avks-ft); padding: 4rem 2rem 2rem; margin-top: 4rem; position: relative; overflow: hidden; }
        .avks-ft__bt { max-width: 1200px; margin: 3rem auto 0; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.5); font-size: 0.82rem; position: relative; z-index: 1; }

        /* Responsive */
        @media (max-width: 1024px) {
            .avks-ly { grid-template-columns: 1fr; }
            .avks-nd__wr { gap: 2rem; padding: 2rem; }
            .avks-nd__cvw { width: 240px; }
            .avks-nd__cv img { height: 350px; }
            .avks-nd__tt { font-size: 2.2rem; }
        }

        @media (max-width: 768px) {
            .avks-spg { padding-top: 80px; }
            .avks-bc { padding: 0.5rem 1rem; }
            .avks-nd { margin: 0 1rem 2rem; border-radius: 24px; }
            .avks-nd__wr { flex-direction: column; text-align: center; padding: 1.5rem; align-items: center; gap: 1.5rem; }
            .avks-nd__tgs { justify-content: center; }
            .avks-au-box { margin: 0 auto 2rem; }
            .avks-nd__st { flex-wrap: wrap; justify-content: center; gap: 1rem; padding: 1rem 0; margin: 1rem 0; }
            .avks-nd__sd { display: none; }
            .avks-nd__sy p { text-align: center; font-size: 0.85rem; }
            .avks-nd__btm { flex-direction: column; gap: 1.5rem; }
            .avks-nd__ac { justify-content: center; width: 100%; }
            .avks-btn { width: 100%; }
            .avks-share { width: 100%; justify-content: center; }
            .avks-ap { flex-direction: column; }
            
            .avks-ly { padding: 0 1rem; }
            .avks-bx { padding: 1.5rem 1rem; border-radius: 20px; }
            .avks-chp { padding: 1rem; flex-wrap: wrap; }
            .avks-cm-form__row { grid-template-columns: 1fr; }
            
            .avks-hd { padding: 0 1rem; }
            .avks-hd__in { padding: 0.6rem 1rem; }
            .avks-nv, .avks-sr, .avks-bt { display: none; }
            .avks-mb { display: flex; }
        }
        /* ═══════════════════════════════════════════════ */
/* CATEGORY / ARCHIVE PAGE STYLES */
/* ═══════════════════════════════════════════════ */

/* 🎨 Archive Header Banner */
.avks-ahd {
    margin: 0 2rem 2rem;
    position: relative;
    border-radius: 32px;
    background: var(--avks-gl);
    backdrop-filter: blur(20px);
    border: 1px solid var(--avks-gl-b);
    overflow: hidden;
    padding: 3rem;
}

[data-avks-th="dark"] .avks-ahd {
    background: rgba(26, 7, 20, 0.4);
}

/* Background Glows */
.avks-ahd__g { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; z-index: 0; }
.avks-ahd__g1 { top: -100px; right: -50px; width: 400px; height: 400px; background: radial-gradient(circle, var(--avks-pr-g), transparent 70%); }
.avks-ahd__g2 { bottom: -100px; left: 100px; width: 500px; height: 200px; background: radial-gradient(ellipse, rgba(244, 114, 182, 0.2), transparent 70%); }

.avks-ahd__wr {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    position: relative;
    z-index: 1;
}

/* Big Category Icon */
.avks-ahd__icw {
    flex-shrink: 0;
}

.avks-ahd__ic {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-ac));
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 20px 50px var(--avks-pr-g), inset 0 0 0 2px rgba(255,255,255,0.4);
    position: relative;
    animation: avksFloatIc 6s ease-in-out infinite;
}

.avks-ahd__ic::after {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 50%;
    background: linear-gradient(rgba(255,255,255,0.3), transparent);
    border-radius: 35px 35px 0 0;
}

.avks-ahd__ic svg {
    width: 60px;
    height: 60px;
    fill: white;
    position: relative;
    z-index: 2;
}

@keyframes avksFloatIc {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(5deg); }
}

/* Category Info */
.avks-ahd__if {
    flex: 1;
}

.avks-ahd__tt {
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--avks-tx);
    margin-bottom: 0.5rem;
}

.avks-ahd__ds {
    font-size: 1rem;
    color: var(--avks-tx2);
    line-height: 1.8;
    margin-bottom: 1.5rem;
    max-width: 800px;
}

/* Stats Badges */
.avks-ahd__st {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.avks-ahd__bdg {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 1rem;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    color: white;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 800;
    box-shadow: 0 4px 15px var(--avks-pr-g);
}

.avks-ahd__bdg svg { width: 16px; height: 16px; fill: white; }

.avks-ahd__bdg--w {
    background: var(--avks-in);
    color: var(--avks-tx);
    border: 1px solid var(--avks-bd);
    box-shadow: none;
}
.avks-ahd__bdg--w svg { fill: var(--avks-pr); }


/* 🎛️ Filter Bar */
.avks-flt {
    margin: 0 2rem 2rem;
    padding: 1rem 1.5rem;
    background: var(--avks-gl);
    backdrop-filter: blur(15px);
    border: 1px solid var(--avks-gl-b);
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.avks-flt__lb {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.95rem;
    font-weight: 900;
    color: var(--avks-tx);
    flex-shrink: 0;
}

.avks-flt__lb svg {
    width: 20px;
    height: 20px;
    color: var(--avks-pr);
}

.avks-flt__bts {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    overflow-x: auto;
    scrollbar-width: none;
}
.avks-flt__bts::-webkit-scrollbar { display: none; }

.avks-flt__bt {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.5rem 1.25rem;
    background: var(--avks-bg);
    border: 1px solid var(--avks-bd);
    border-radius: 12px;
    color: var(--avks-tx2);
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: var(--avks-tr);
}

.avks-flt__bt:hover {
    background: var(--avks-ov);
    color: var(--avks-pr);
    border-color: var(--avks-pr-l);
}

.avks-flt__bt.avks-act {
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    color: white;
    border-color: transparent;
    box-shadow: 0 4px 15px var(--avks-pr-g);
}

.avks-flt__ht {
    font-size: 0.9rem;
    animation: avksHtPl 2s infinite;
}

/* 🔢 Pagination */
.avks-pgn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 3rem;
    padding: 0 2rem;
}

.avks-pgn__it, .avks-pgn__arw {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--avks-gl);
    backdrop-filter: blur(10px);
    border: 1px solid var(--avks-gl-b);
    border-radius: 14px;
    color: var(--avks-tx2);
    font-size: 1rem;
    font-weight: 800;
    text-decoration: none;
    transition: var(--avks-tr);
}

.avks-pgn__arw svg {
    width: 20px;
    height: 20px;
}

.avks-pgn__it:hover, .avks-pgn__arw:hover {
    background: var(--avks-ov);
    color: var(--avks-pr);
    border-color: var(--avks-pr-l);
    transform: translateY(-2px);
}

.avks-pgn__it.avks-act {
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    color: white;
    border-color: transparent;
    box-shadow: 0 4px 15px var(--avks-pr-g);
}

.avks-pgn__dt {
    color: var(--avks-tx3);
    font-weight: 800;
    letter-spacing: 2px;
    margin: 0 0.2rem;
}

/* 📱 Responsive Archive */
@media (max-width: 1024px) {
    .avks-ahd__wr { gap: 1.5rem; }
    .avks-ahd__ic { width: 90px; height: 90px; border-radius: 24px; }
    .avks-ahd__ic svg { width: 45px; height: 45px; }
    .avks-ahd__tt { font-size: 2rem; }
}

@media (max-width: 768px) {
    .avks-ahd { margin: 0 1rem 1.5rem; padding: 2rem 1.5rem; border-radius: 24px; }
    .avks-ahd__wr { flex-direction: column; text-align: center; }
    .avks-ahd__ic { width: 80px; height: 80px; margin: 0 auto; }
    .avks-ahd__tt { font-size: 1.8rem; }
    .avks-ahd__ds { font-size: 0.9rem; }
    .avks-ahd__st { justify-content: center; }
    
    .avks-flt { margin: 0 1rem 1.5rem; flex-direction: column; align-items: flex-start; gap: 1rem; }
    .avks-flt__bts { width: 100%; padding-bottom: 0.5rem; } /* For swiping */
    
    .avks-pgn__it, .avks-pgn__arw { width: 38px; height: 38px; font-size: 0.9rem; }
}

@media (max-width: 480px) {
    .avks-ahd { padding: 1.5rem 1rem; }
    .avks-ahd__tt { font-size: 1.5rem; }
    .avks-ahd__bdg { font-size: 0.75rem; padding: 0.35rem 0.75rem; }
}
/* ═══════════════════════════════════════════════ */
/* MINIMAL NOVEL CARDS (طراحی ساده، یک‌دست و جذاب) */
/* ═══════════════════════════════════════════════ */

/* گرید کارت‌ها */
.avks-ng2 { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); 
    gap: 2rem; 
    padding: 0 2rem;
}

/* بدنه اصلی کارت */
.avks-nc2 {
    background: var(--avks-gl);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid var(--avks-gl-b);
    border-radius: 24px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    display: flex;
    flex-direction: column;
}

/* افکت هاور کارت (بالا رفتن + سایه صورتی درخشان + تغییر رنگ بوردر) */
.avks-nc2:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px var(--avks-pr-g);
    border-color: var(--avks-pr-l);
}

/* بخش عکس */
.avks-nc2__cv { 
    position: relative; 
    height: 250px; 
    overflow: hidden; 
}

.avks-nc2__cv img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    transition: transform 0.6s ease; 
}

/* زوم شدن عکس موقع هاور */
.avks-nc2:hover .avks-nc2__cv img { 
    transform: scale(1.08); 
}

/* هاله تاریک ملایم پایین عکس برای ترکیب بهتر با بخش سفید */
.avks-nc2__ov {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, var(--avks-bg) 0%, transparent 40%);
    pointer-events: none;
}

/* بخش اطلاعات و متن */
.avks-nc2__if { 
    padding: 1.5rem; 
    display: flex;
    flex-direction: column;
    flex: 1; /* باعث میشه دکمه همیشه بیفته پایین */
}

/* عنوان رمان */
.avks-nc2__tt {
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--avks-tx);
    margin-bottom: 0.5rem;
    line-height: 1.4;
    transition: color 0.3s ease;
}
.avks-nc2__tt a{
        font-size: 1.25rem;
    font-weight: 900;
    color: var(--avks-tx);
    margin-bottom: 0.5rem;
    line-height: 1.4;
    transition: color 0.3s ease;
}
.avks-nc2:hover .avks-nc2__tt {
    color: var(--avks-pr); /* عنوان موقع هاور صورتی میشه */
}

/* توضیحات رمان */
.avks-nc2__ds {
    font-size: 0.85rem;
    color: var(--avks-tx3);
    line-height: 1.8;
    margin-bottom: 1.5rem;
    /* محدود کردن متن به دقیقاً 3 خط */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1; 
}

/* دکمه ادامه مطلب */
.avks-nc2__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.85rem;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    color: white;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 800;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(236, 72, 153, 0.2);
    position: relative;
    overflow: hidden;
}

/* شاین (برق) روی دکمه */
.avks-nc2__btn::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 50%;
    background: linear-gradient(rgba(255,255,255,0.2), transparent);
    border-radius: 14px 14px 0 0;
}

.avks-nc2__btn svg { 
    width: 18px; 
    height: 18px; 
    stroke: white; 
    transition: transform 0.3s ease;
}

/* افکت هاور دکمه (حرکت فلش به سمت چپ) */
.avks-nc2:hover .avks-nc2__btn {
    box-shadow: 0 8px 25px var(--avks-pr-g);
}

.avks-nc2__btn:hover svg {
    transform: translateX(-5px);
}

/* 📱 ریسپانسیو */
@media (max-width: 768px) {
    .avks-ng2 { 
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); 
        gap: 1rem; 
        padding: 0 1rem;
    }
    
    .avks-nc2__cv { height: 180px; }
    .avks-nc2__if { padding: 1rem; }
    .avks-nc2__tt { font-size: 1rem; margin-bottom: 0.4rem; }
    
    .avks-nc2__ds {
        font-size: 0.75rem;
        -webkit-line-clamp: 2; /* تو موبایل 2 خط بشه */
        margin-bottom: 1rem;
    }
    
    .avks-nc2__btn {
        padding: 0.6rem;
        font-size: 0.8rem;
        border-radius: 10px;
    }
    .avks-nc2__btn svg { width: 14px; height: 14px; }
}

@media (max-width: 480px) {
    .avks-ng2 { grid-template-columns: 1fr; } /* تو گوشی خیلی کوچیک 1 ستونه میشه که جذاب بمونه */
    .avks-nc2__cv { height: 220px; }
}
/* ═══════════════════════════════════════════════ */
/* BECOME AUTHOR FORM STYLES */
/* ═══════════════════════════════════════════════ */

.avks-req {
    margin: 0 2rem 2rem;
    background: var(--avks-gl);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--avks-gl-b);
    border-radius: 24px;
    padding: 3rem;
    box-shadow: 0 10px 40px rgba(236, 72, 153, 0.05);
}

.avks-frm {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

/* بخش‌های فرم (۱. مشخصات فردی و ...) */
.avks-frm__sec {
    background: var(--avks-bg);
    border: 1px solid var(--avks-bd);
    border-radius: 20px;
    padding: 2rem;
    position: relative;
}

.avks-frm__stt {
    font-size: 1.2rem;
    font-weight: 900;
    color: var(--avks-tx);
    margin-bottom: 1.5rem;
    display: inline-block;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--avks-pr);
}

.avks-frm__snt {
    font-size: 0.85rem;
    color: var(--avks-tx3);
    margin-top: -1rem;
    margin-bottom: 1.5rem;
    line-height: 1.8;
}

/* گرید فیلدها */
.avks-frm__grd {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.avks-frm__grp {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* فیلدهایی که کل عرض رو میگیرن (مثل تکست اریا) */
.avks-frm__grp--fl {
    grid-column: 1 / -1;
}

.avks-frm__lb {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--avks-tx2);
}

.avks-frm__lb span {
    color: #ef4444; /* ستاره قرمز فیلدهای ضروری */
}

.avks-frm__hn {
    font-size: 0.78rem;
    color: var(--avks-tx3);
    opacity: 0.85;
    line-height: 1.6;
    margin-top: -0.25rem;
}

/* استایل Input و Textarea */
.avks-frm__ip {
    width: 100%;
    padding: 1rem 1.2rem;
    background: var(--avks-in);
    border: 1px solid var(--avks-bd);
    border-radius: 12px;
    font-family: var(--avks-font);
    font-size: 0.95rem;
    color: var(--avks-tx);
    outline: none;
    transition: var(--avks-tr);
}

.avks-frm__ip::placeholder {
    color: var(--avks-tx3);
    opacity: 0.7;
}

.avks-frm__ip:focus {
    border-color: var(--avks-pr);
    box-shadow: 0 0 0 4px rgba(236, 72, 153, 0.15);
    background: var(--avks-bg);
}

textarea.avks-frm__ip {
    resize: vertical;
    min-height: 100px;
}

/* استایل Select (دراپ داون ژانر) */
.avks-frm__sel-wr {
    position: relative;
}
.avks-frm__sel-wr::after {
    content: '▼';
    position: absolute;
    left: 1.2rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.7rem;
    color: var(--avks-pr);
    pointer-events: none;
}
.avks-frm__sel {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

/* 📁 باکس آپلود فایل اختصاصی */
.avks-file {
    position: relative;
    width: 100%;
}

.avks-file__ip {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.avks-file__lb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem;
    background: rgba(236, 72, 153, 0.03);
    border: 2px dashed var(--avks-pr-l);
    border-radius: 16px;
    cursor: pointer;
    transition: var(--avks-tr);
    text-align: center;
}

.avks-file__lb:hover {
    background: rgba(236, 72, 153, 0.08);
    border-color: var(--avks-pr);
}

.avks-file__ic {
    width: 48px;
    height: 48px;
    background: var(--avks-gl);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--avks-pr);
    box-shadow: 0 4px 15px rgba(236, 72, 153, 0.1);
    margin-bottom: 0.5rem;
}

.avks-file__ic svg { width: 24px; height: 24px; fill: currentColor; }

.avks-file__tx {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--avks-tx);
}

.avks-file__sm {
    font-size: 0.75rem;
    color: var(--avks-tx3);
}

/* دکمه ارسال نهایی */
.avks-frm__act {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.avks-frm__sb {
    padding: 1rem 3rem;
    font-size: 1.1rem;
    box-shadow: 0 8px 25px rgba(236, 72, 153, 0.3);
}
.avks-frm__sb:hover {
    box-shadow: 0 10px 30px rgba(236, 72, 153, 0.5);
    transform: translateY(-4px);
}

/* 📱 ریسپانسیو فرم */
@media (max-width: 768px) {
    .avks-req { margin: 0 1rem 2rem; padding: 1.5rem; border-radius: 20px; }
    .avks-frm__sec { padding: 1.25rem; }
    .avks-frm__grd { grid-template-columns: 1fr; gap: 1rem; }
    .avks-frm__stt { font-size: 1.1rem; }
    .avks-frm__sb { width: 100%; justify-content: center; }
}
.avks-post-desc {
    background: var(--avks-gl);
    border-radius: 20px;
    padding: 24px;
    margin: 24px 0;
}

.avks-post-desc__hd {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--avks-bd);
    padding-bottom: 14px;
    margin-bottom: 16px;
}

.avks-post-desc__hd h3 {
    font-size: 16px;
    font-weight: 800;
    color: var(--avks-tx);
    margin: 0;
}

.avks-post-desc__body {
    font-size: 14.5px;
    line-height: 1.85;
    text-align: justify;
}

.avks-post-desc__body p {
    margin-bottom: 16px;
}

.avks-post-desc__body p:last-child {
    margin-bottom: 0;
}

/* زیباسازی تگ‌های داخل متن توضیحات رمان */
.avks-post-desc__body strong {
    font-weight: 700;
}

.avks-post-desc__body blockquote {
    background: #f8fafc;
    border-right: 4px solid #6366f1;
    padding: 12px 18px;
    margin: 18px 0;
    border-radius: 4px 10px 10px 4px;
    font-style: italic;
    color: #475569;
}

.avks-dl-box {
    background:linear-gradient(135deg, rgba(239, 68, 68, 0.05), rgba(220, 38, 38, 0.02));
    border-radius: 24px;
    padding: 28px;
    margin: 28px 0;
}

/* عنوان باکس دانلود */
.avks-dl-box__tt {
    font-size: 17px;
    font-weight: 850;
    color: #0f172a;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.avks-dl-box__tt svg {
    color: #6366f1;
    flex-shrink: 0;
}

/* شبکه گرید دکمه‌ها */
.avks-dl-box__gr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

/* دکمه دانلود عمومی */
.avks-dl-btn {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 16px;
    text-decoration: none;
    color: #1e293b;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* هاور دکمه‌ها */
.avks-dl-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
    border-color: currentColor; /* تغییر رنگ مرز به رنگ اختصاصی دکمه */
}

/* آیکون دکمه */
.avks-dl-btn__ic {
    width: 46px;
    height: 46px;
    background: #f1f5f9;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.25s ease;
    color: inherit;
}

.avks-dl-btn__ic svg {
    width: 22px;
    height: 22px;
    stroke-width: 2;
    fill: none;
    transition: transform 0.25s ease;
}

/* چرخش جزئی آیکون در حالت هاور */
.avks-dl-btn:hover .avks-dl-btn__ic svg {
    transform: translateY(1px);
}

/* متون دکمه */
.avks-dl-btn__tx {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* نام فرمت */
.avks-dl-btn__nm {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    transition: color 0.2s;
}

/* توضیحات فرمت */
.avks-dl-btn__ds {
    font-size: 11.5px;
    color: #64748b;
}

/* ════════════ رنگ‌های اختصاصی هر فرمت ════════════ */

/* ۱. دانلود PDF (قرمز) */
.avks-dl-btn--pdf {
    --btn-color: #ef4444;
}
.avks-dl-btn--pdf .avks-dl-btn__ic {
    color: #ef4444;
    background: #fef2f2;
}
.avks-dl-btn--pdf:hover {
    border-color: #fecaca;
    background: #fef2f2;
}

/* ۲. دانلود اندروید (سبز) */
.avks-dl-btn--android {
    --btn-color: #10b981;
}
.avks-dl-btn--android .avks-dl-btn__ic {
    color: #10b981;
    background: #ecfdf5;
}
.avks-dl-btn--android:hover {
    border-color: #a7f3d0;
    background: #ecfdf5;
}

/* ۳. دانلود آیفون (نقره‌ای/تیره) */
.avks-dl-btn--apple {
    --btn-color: #475569;
}
.avks-dl-btn--apple .avks-dl-btn__ic {
    color: #475569;
    background: #f8fafc;
}
.avks-dl-btn--apple:hover {
    border-color: #cbd5e1;
    background: #f1f5f9;
}

/* ۴. دانلود جاوا (نارنجی) */
.avks-dl-btn--java {
    --btn-color: #f97316;
}
.avks-dl-btn--java .avks-dl-btn__ic {
    color: #f97316;
    background: #fff7ed;
}
.avks-dl-btn--java:hover {
    border-color: #ffedd5;
    background: #fff7ed;
}

/* ۵. دانلود صوتی (بنفش) */
.avks-dl-btn--audio {
    --btn-color: #8b5cf6;
}
.avks-dl-btn--audio .avks-dl-btn__ic {
    color: #8b5cf6;
    background: #f5f3ff;
}
.avks-dl-btn--audio:hover {
    border-color: #ddd6fe;
    background: #f5f3ff;
}

/* ════════════ ریسپانسیو موبایل ════════════ */
@media (max-width: 640px) {
    .avks-dl-box {
        padding: 20px;
        margin: 20px 0;
        border-radius: 20px;
    }
    
    .avks-dl-box__tt {
        font-size: 15.5px;
        margin-bottom: 16px;
    }
    
    .avks-dl-box__gr {
        grid-template-columns: 1fr; /* دکمه‌ها در موبایل زیر هم چیده می‌شوند تا لمس آن‌ها آسان‌تر شود */
        gap: 10px;
    }
    
    .avks-dl-btn {
        padding: 12px 14px;
        border-radius: 14px;
    }
    
    .avks-dl-btn__ic {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }
    
    .avks-dl-btn__ic svg {
        width: 18px;
        height: 18px;
    }
}
/* ═══ بدون نتیجه ═══ */
.avks-noresult {
    text-align: center;
    padding: 80px 20px;
    background: #fff;
    border-radius: 24px;
    margin: 40px auto;
    max-width: 500px;
}
.avks-noresult__ic {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}
.avks-noresult h2 {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 12px;
}
.avks-noresult p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.7;
    margin-bottom: 24px;
}
.avks-noresult .avks-nc2__btn {
    display: inline-flex;
}
/* ═══════════════════════════════════════════
   صفحه Page - آوای خیس
   ═══════════════════════════════════════════ */

.avks-page__wr {
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 24px;
    padding: 40px;
    margin: 30px auto;
    max-width: 900px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

/* ─── هدر برگه ─── */
.avks-page__hd {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f1f5f9;
}

.avks-page__cover {
    margin: -40px -40px 24px;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
    max-height: 360px;
}

.avks-page__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.avks-page__tt {
    font-size: 32px;
    font-weight: 900;
    color: #0f172a;
    margin: 0 0 16px;
    line-height: 1.4;
}

.avks-page__meta {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 13px;
    color: #64748b;
}

.avks-page__meta-it {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.avks-page__meta-it svg {
    color: var(--avks-ft);
}

/* ─── محتوای اصلی ─── */
.avks-page__content {
    font-size: 15.5px;
    line-height: 2;
    text-align: justify;
}

.avks-page__content > *:first-child {
    margin-top: 0;
}

.avks-page__content h2 {
    font-size: 24px;
    font-weight: 800;
    color: var(--avks-ft);
    margin: 32px 0 16px;
    padding-right: 14px;
    border-right: 4px solid #6366f1;
}

.avks-page__content h3 {
    font-size: 20px;
    font-weight: 800;
    color: #1e293b;
    margin: 28px 0 14px;
}

.avks-page__content h4 {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
    margin: 24px 0 12px;
}

.avks-page__content p {
    margin: 0 0 18px;
}

.avks-page__content strong,
.avks-page__content b {
    font-weight: 700;
}

.avks-page__content a {
    color: #6366f1;
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
    transition: .2s;
}

.avks-page__content a:hover {
    color: #4f46e5;
}

.avks-page__content ul,
.avks-page__content ol {
    padding-right: 24px;
    margin: 0 0 20px;
}

.avks-page__content ul li,
.avks-page__content ol li {
    margin-bottom: 8px;
}

.avks-page__content blockquote {
    background: #f8fafc;
    border-right: 4px solid #6366f1;
    padding: 16px 20px;
    margin: 24px 0;
    border-radius: 4px 12px 12px 4px;
    font-style: italic;
    color: #475569;
    font-size: 15px;
}

.avks-page__content img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    margin: 20px 0;
    display: block;
}

.avks-page__content code {
    background: #f1f5f9;
    color: #ef4444;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 13px;
    font-family: 'Fira Code', Consolas, monospace;
}

.avks-page__content pre {
    background: #1e293b;
    color: #f1f5f9;
    padding: 18px 20px;
    border-radius: 12px;
    overflow-x: auto;
    direction: ltr;
    margin: 20px 0;
    font-size: 13.5px;
    line-height: 1.7;
}

.avks-page__content pre code {
    background: transparent;
    color: inherit;
    padding: 0;
}

.avks-page__content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.avks-page__content table th,
.avks-page__content table td {
    padding: 12px 16px;
    text-align: right;
    border-bottom: 1px solid #e2e8f0;
}

.avks-page__content table th {
    background: #f8fafc;
    font-weight: 700;
    color: #0f172a;
}

.avks-page__content table tr:last-child td {
    border-bottom: 0;
}

/* صفحه‌بندی داخلی */
.avks-page__pgn {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 30px 0 0;
    padding: 16px;
    background: #f8fafc;
    border-radius: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.avks-page__pgn > span:first-child {
    font-weight: 700;
    color: #64748b;
    margin-left: 8px;
}

.avks-page__pgn a,
.avks-page__pgn > span:not(:first-child) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    color: #475569;
    font-weight: 700;
    text-decoration: none;
    transition: .2s;
}

.avks-page__pgn a:hover {
    border-color: #6366f1;
    color: #6366f1;
}

.avks-page__pgn > span:not(:first-child) {
    background: #6366f1;
    color: #fff;
    border-color: #6366f1;
}

/* ─── فوتر (اشتراک) ─── */
.avks-page__ft {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #f1f5f9;
}

/* ─── برگه‌های فرزند ─── */
.avks-page__children {
    margin-top: 40px;
    padding-top: 32px;
    border-top: 2px dashed #e2e8f0;
}

.avks-page__children-tt {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 20px;
}

.avks-page__children-gr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.avks-page__child {
    display: flex;
    gap: 14px;
    padding: 14px;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 14px;
    text-decoration: none;
    color: #1e293b;
    transition: .25s;
}

.avks-page__child:hover {
    background: #fff;
    border-color: #6366f1;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.1);
}

.avks-page__child-cv {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
}

.avks-page__child-cv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avks-page__child-if h4 {
    font-size: 14px;
    font-weight: 800;
    margin: 0 0 6px;
    color: #0f172a;
}

.avks-page__child-if p {
    font-size: 12px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ─── کامنت‌ها ─── */
.avks-page__comments {
    max-width: 900px;
    margin: 30px auto;
    padding: 30px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 24px;
}

/* ─── ریسپانسیو ─── */
@media (max-width: 768px) {
    .avks-page__wr {
        padding: 24px 20px;
        border-radius: 18px;
    }
    
    .avks-page__cover {
        margin: -24px -20px 20px;
        border-radius: 18px 18px 0 0;
    }
    
    .avks-page__tt {
        font-size: 24px;
    }
    
    .avks-page__content {
        font-size: 15px;
    }
    
    .avks-page__content h2 {
        font-size: 20px;
    }
    
    .avks-page__content h3 {
        font-size: 18px;
    }
    
    .avks-page__children-gr {
        grid-template-columns: 1fr;
    }
}
.mrulcont {
    margin: 2em 0 0;
    display: block;
    border-top: 1px solid var(--avks-bd);
    position: relative;
    padding: 2.4em 0 0;
    list-style: none;
}

.mrulcont:before {
    content: attr(data-answr);
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: -17px;
    background: linear-gradient(135deg, var(--avks-or), var(--avks-or-d));
    padding: .4em 1.2em;
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
    white-space: nowrap;
    border-radius: 8px;
    box-shadow: 0 4px 15px var(--avks-or-g);
}

.mrulcont ul.children {
    list-style: none;
    margin: 1em 0 0;
    padding-right: 1.6em;
    border-right: 2px dashed var(--avks-bd);
}

/* 💬 هر آیتم نظر */
.avks-cm { margin: 0 0 1.1em; }

.avks-cm__bx {
    display: flex;
    align-items: flex-start;
    gap: .9em;
    border: 1px solid var(--avks-bd);
    border-radius: 1em;
    background: var(--avks-in);
    padding: 1em;
    transition: var(--avks-tr), border-color .3s;
}

.avks-cm__bx:hover { border-color: var(--avks-pr-l); }

.avks-cm__av { flex-shrink: 0; }
.avks-cm__av img {
    width: 44px; height: 44px;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid var(--avks-bd);
    display: block;
}

.avks-cm__ct { flex: 1; min-width: 0; }

.avks-cm__hd {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5em;
    margin-bottom: .3em;
}

.avks-cm__nmw { display: flex; align-items: center; gap: .5em; flex-wrap: wrap; }
.avks-cm__nm { font-size: .95rem; color: var(--avks-tx); font-weight: 900; }

.avks-cm__badge {
    display: inline-flex;
    align-items: center;
    gap: .3em;
    font-style: normal;
    font-size: .7rem;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d));
    padding: .2em .7em;
    border-radius: 20px;
    box-shadow: 0 3px 10px var(--avks-pr-g);
}
.avks-cm__badge svg { width: 12px; height: 12px; fill: #fff; }

.avks-cm__tm {
    font-size: .75rem;
    color: var(--avks-tx3);
    white-space: nowrap;
}

.avks-cm__re {
    display: flex;
    align-items: center;
    gap: .3em;
    font-style: normal;
    font-size: .78rem;
    color: var(--avks-pr);
    background: var(--avks-ov);
    width: fit-content;
    padding: .2em .7em;
    border-radius: 20px;
    margin: 0 0 .5em;
}
.avks-cm__re svg { width: 12px; height: 12px; stroke: currentColor; fill: none; }

.avks-cm__tx {
    overflow-wrap: break-word;
    width: 100%;
    color: var(--avks-tx2);
    font-size: .9rem;
    line-height: 1.9;
    padding: 0;
    margin: 0 0 .4em;
}

.aruo_ememe {
    display: block;
    font-size: .75rem;
    color: var(--avks-or-d);
    font-style: normal;
    margin-bottom: .4em;
}

.avks-cm__ft { display: flex; justify-content: flex-end; }

.avks-cm__rp,
.avks-cm__rp a {
    display: inline-flex;
    align-items: center;
    gap: .35em;
    background: var(--avks-ov);
    color: var(--avks-pr);
    height: 32px;
    padding: 0 1em;
    border-radius: .7em;
    font-size: .8rem;
    font-weight: 800;
    transition: var(--avks-tr);
}
.avks-cm__rp a:hover { background: var(--avks-pr); color: #fff; }
.avks-cm__rp svg { width: 14px; height: 14px; stroke: currentColor; fill: none; }

/* 🛡️ باکس متفاوت برای نظرات مدیر */
.avks-cm--admin > .avks-cm__bx {
    background: linear-gradient(135deg, var(--avks-ov), transparent);
    border: 1px solid var(--avks-pr-l);
    box-shadow: 0 6px 20px var(--avks-ov);
}
.avks-cm--admin > .avks-cm__bx .avks-cm__av img { border-color: var(--avks-pr); }

@media (max-width: 600px) {
    .avks-cm__bx { gap: .6em; padding: .8em; }
    .avks-cm__av img { width: 36px; height: 36px; }
    .mrulcont ul.children { padding-right: 1em; }
}
/* ==========================================================================
   👥 صفحه پروفایل و آرشیو نویسنده (author.php)
   ========================================================================== */

.avks-ap-header {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 35px;
    box-shadow: 0 4px 20px -2px rgba(148, 163, 184, 0.05);
    position: relative;
}

/* تصویر پس‌زمینه بزرگ هدر */
.avks-ap-header__cover {
    height: 250px;
    background-size: cover;
    background-position: center;
    position: relative;
}

/* تیره کردن پس‌زمینه کاور برای کنتراست بیشتر */
.avks-ap-header__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
}

/* کانتینر مشخصات نویسنده با انحراف منفی روی کاور */
.avks-ap-header__container {
    padding: 0 32px 32px 32px;
    display: flex;
    align-items: flex-end;
    gap: 24px;
    margin-top: -80px; /* کشیدن باکس به سمت بالای کاور */
    position: relative;
    z-index: 5;
}

/* قاب عکس دایره‌ای آواتار */
.avks-ap-header__avatar-wrap {
    width: 150px;
    height: 150px;
    border-radius: 40px; /* گوشه‌های گرد و زیبا */
    border: 5px solid #ffffff;
    background: #ffffff;
    box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.15);
    position: relative;
    flex-shrink: 0;
    overflow: hidden;
}

.avks-ap-header__avatar-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* تیک آبی تایید هویت در هدر */
.avks-ap-header__verified {
    position: absolute;
    bottom: 8px;
    left: 8px;
    width: 28px;
    height: 28px;
    background: #3b82f6;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #ffffff;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);
}

.avks-ap-header__verified svg {
    width: 14px;
    height: 14px;
}

/* اطلاعات نویسنده */
.avks-ap-header__details {
    flex: 1;
    padding-top: 80px; /* فاصله برای هم‌ترازی با آواتار منفی */
}

/* ردیف نام و نشان */
.avks-ap-header__title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.avks-ap-header__name {
    font-size: 24px;
    font-weight: 900;
    color: #0f172a;
    margin: 0;
}

/* نشان کاربری نویسنده */
.avks-ap-header__badge {
    padding: 5px 12px;
    border-radius: 8px;
    font-size: 11.5px;
    font-weight: 800;
}

/* بیوگرافی نویسنده */
.avks-ap-header__bio {
    font-size: 14px;
    color: #475569;
    line-height: 1.8;
    margin: 0 0 16px 0;
    max-width: 750px;
    text-align: justify;
}

/* دکمه‌های آماری */
.avks-ap-header__stats {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.avks-ap-header__stat-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-size: 12.5px;
    font-weight: 700;
    color: #334155;
}

.avks-ap-header__stat-badge b {
    color: #6366f1;
}

/* عنوان بخش رمان‌های نویسنده */
.avks-ap-content__title {
    margin-bottom: 22px;
}

.avks-ap-content__title h2 {
    font-size: 17px;
    font-weight: 850;
    color: #0f172a;
    margin: 0;
}

/* ════════════ ریسپانسیو موبایل ════════════ */
@media (max-width: 768px) {
    .avks-ap-header__cover {
        height: 160px;
    }
    
    .avks-ap-header__container {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: -60px;
        padding: 0 20px 24px 20px;
        gap: 16px;
    }
    
    .avks-ap-header__avatar-wrap {
        width: 110px;
        height: 110px;
        border-radius: 30px;
    }
    
    .avks-ap-header__verified {
        width: 24px;
        height: 24px;
        border-width: 2px;
        bottom: 4px;
        left: 4px;
    }
    
    .avks-ap-header__verified svg {
        width: 12px;
        height: 12px;
    }
    
    .avks-ap-header__details {
        padding-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .avks-ap-header__title-row {
        flex-direction: column;
        gap: 8px;
        margin-bottom: 10px;
    }
    
    .avks-ap-header__name {
        font-size: 19px;
    }
    
    .avks-ap-header__bio {
        font-size: 13px;
        text-align: center;
        margin-bottom: 14px;
    }
}
/* ═══════════════════════════════════════════
   شبکه‌های اجتماعی نویسنده - ساده و متنی
   ═══════════════════════════════════════════ */

/* ردیف تراز آمار و شبکه‌ها */
.avks-ap-header__footer-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1.5px dashed #e2e8f0;
    width: 100%;
}

/* کادر کلی شبکه‌ها */
.avks-ap-header__socials {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.avks-ap-header__socials-lbl {
    font-size: 12.5px;
    color: #64748b;
    font-weight: 700;
}

.avks-ap-header__socials-list {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* دکمه متنی هر شبکه اجتماعی */
.avks-ap-header__soc-link {
    text-decoration: none;
    color: #475569;
    padding: 6px 14px;
    background: #f1f5f9;
    border-radius: 8px;
    border: 1.5px solid #e2e8f0;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.22s ease;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

.avks-ap-header__soc-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* رنگ اختصاصی هر شبکه در حالت hover */
.avks-ap-header__soc-link--telegram:hover {
    color: #fff;
    background: #229ED9;
    border-color: #229ED9;
}

.avks-ap-header__soc-link--whatsapp:hover {
    color: #fff;
    background: #25D366;
    border-color: #25D366;
}

.avks-ap-header__soc-link--rubika:hover {
    color: #fff;
    background: linear-gradient(135deg, #7024c4, #e81d77);
    border-color: #7024c4;
}

.avks-ap-header__soc-link--soroush:hover {
    color: #fff;
    background: #118dff;
    border-color: #118dff;
}

.avks-ap-header__soc-link--bale:hover {
    color: #fff;
    background: #10b981;
    border-color: #10b981;
}

/* ═══ ریسپانسیو موبایل ═══ */
@media (max-width: 768px) {
    .avks-ap-header__footer-row {
        flex-direction: column;
        align-items: center;
        gap: 14px;
    }

    .avks-ap-header__socials {
        justify-content: center;
        width: 100%;
    }

    .avks-ap-header__socials-list {
        justify-content: center;
    }
}

/* ═══════════════════════════════════════════
   صفحات ورود، ثبت‌نام و فراموشی رمز
   ═══════════════════════════════════════════ */

.avks-auth {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 70px 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
}

.avks-auth__box {
    width: 100%;
    max-width: 440px;
    background: var(--avks-gl);
    border-radius: 24px;
    padding: 36px 32px;

}

/* هدر */
.avks-auth__header {
    text-align: center;
    margin-bottom: 24px;
}

.avks-auth__logo {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-ac));
    color: #fff;
    border-radius: 18px;
    display: grid;
    place-items: center;
    font-size: 28px;
    margin: 0 auto 16px;
    box-shadow: 0 10px 25px rgba(99, 102, 241, 0.3);
}

.avks-auth__header h1 {
    font-size: 22px;
    font-weight: 900;
    color: #0f172a;
    margin: 0 0 6px;
}

.avks-auth__header p {
    font-size: 13px;
    color: #64748b;
    margin: 0;
}

/* پیام‌ها */
.avks-auth__msg {
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 18px;
    text-align: center;
}

.avks-auth__msg--err {
    background: #fee2e2;
    color: #991b1b;
    border: 1.5px solid #fca5a5;
}

.avks-auth__msg--ok {
    background: #d1fae5;
    color: #065f46;
    border: 1.5px solid #6ee7b7;
}

.avks-auth__msg--info {
    background: #fff7ed;
    color: #9a3412;
    border: 1.5px solid #fdba74;
    line-height: 1.9;
}

.avks-auth__msg--info a {
    color: #7c2d12;
    text-decoration: underline;
    font-weight: 800;
}

/* فرم */
.avks-auth__form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.avks-auth__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.avks-auth__field label {
    font-size: 12.5px;
    font-weight: 700;
    color: #1e293b;
}

.avks-auth__field input {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #cbd5e1;
    border-radius: 12px;
    font-size: 14px;
    color: #0f172a;
    outline: none;
    transition: 0.2s;
    background: #fff;
    font-family: inherit;
    box-sizing: border-box;
}

.avks-auth__field input:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 3.5px rgba(99, 102, 241, 0.15);
}

/* ردیف اضافه */
.avks-auth__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12.5px;
    margin: -4px 0 4px;
}

.avks-auth__check {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    color: #475569;
    font-weight: 600;
}

.avks-auth__check input {
    accent-color: #6366f1;
}

.avks-auth__link {
    color: #6366f1;
    text-decoration: none;
    font-weight: 700;
    transition: 0.2s;
}

.avks-auth__link:hover {
    color: #4f46e5;
}
/* استایل‌های کلی */
.avks-chp-hidden {
    display: none !important;
}
.avks-load-more-wrapper {
    text-align: center;
    margin: 25px 0;
}
.avks-load-more-btn {
    background: var(--avks-pr-d);
    color: #fff;
    border: 1px solid var(--avks-pr);
    padding: 13px 26px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Rohiykn';
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.avks-load-more-btn:hover {
  background: var(--avks-pr-d);
    transform: translateY(-2px);
}
.avks-load-more-btn .spinner {
    display: flex;
    align-items: center;
    gap: 8px;
}
.animate-spin {
    animation: spin 1s linear infinite;
    width: 18px;
    height: 18px;
    color: #ffd700; /* رنگ ستاره لودینگ طلایی */
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* کارت‌های VIP فعال و خوش‌رنگ */
.avks-chp--vip {
    border: 1px solid rgba(255, 215, 0, 0.15) !important;
    background: rgba(255, 215, 0, 0.02) !important;
}
.avks-chp--vip:hover {
    border-color: #ffd700 !important;
    background: rgba(255, 215, 0, 0.05) !important;
}

/* دکمه‌های تگ VIP به جای کلمه خرید */
button.avks-btn-as-card {
    width: 100%;
    background: transparent;
    border: none;
    padding: 1em !important;
    font: inherit;
    cursor: pointer;
    text-align: right;
    display: flex;
}
.avks-chp__rd--vip {
    background: linear-gradient(135deg, #ffd700, #bfa100) !important;
    color: #111 !important;
    font-weight: bold;
    border-radius: 8px;
    padding: 5px 14px;
    box-shadow: 0 4px 10px rgba(255, 215, 0, 0.2);
}
.avks-on-b--gold {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #ffd700 !important;
    border: 1px solid rgba(255, 215, 0, 0.3);
}
/* دکمه */
.avks-auth__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 24px;
      background: linear-gradient(135deg, var(--avks-pr), var(--avks-ac));
    color: #fff;
    border: 0;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    text-decoration: none;
    transition: 0.25s;
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.25);
    font-family: inherit;
}

.avks-auth__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(99, 102, 241, 0.35);
    color: #fff;
}

.avks-auth__btn--outline {
    background: #fff;
    color: #6366f1;
    border: 1.5px solid #c7d2fe;
    box-shadow: none;
}

.avks-auth__btn--outline:hover {
    background: #eef2ff;
    color: #4f46e5;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
}

/* جداکننده */
.avks-auth__divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 8px 0;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 700;
}

.avks-auth__divider::before,
.avks-auth__divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e2e8f0;
}

/* ریسپانسیو */
@media (max-width: 480px) {
    .avks-auth {
        padding: 20px 15px;
    }
    .avks-auth__box {
        padding: 28px 22px;
        border-radius: 20px;
    }
    .avks-auth__header h1 {
        font-size: 19px;
    }
}
/* ═══════════════════════════════════════════
   طراحی کارت‌های قفل‌شده و غیرفعال (مدرن)
   ═══════════════════════════════════════════ */

/* کارت غیرفعال و قفل‌شده */
.avks-chp.avks-chp--locked {
    opacity: 0.5;                /* محو و شیشه‌ای شدن کل کارت */
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    cursor: not-allowed;         /* تغییر آیکون ماوس به ممنوع */
    box-shadow: none !important;
    transition: all 0.25s ease;
}

/* هاور روی پارت قفل شده برای جلب توجه */
.avks-chp.avks-chp--locked:hover {
    opacity: 0.8;
    background: #fffdf5 !important;
    border-color: #fbbf24 !important; /* تبدیل حاشیه به زرد طلایی */
}

/* باکس آیکون قفل */
.avks-chp.avks-chp--locked .avks-chp__ic {
    background: #fef3c7 !important; /* پس‌زمینه لایت طلایی */
    color: #d97706 !important;       /* آیکون قفل طلایی */
}

/* دکمه متن قفل در سمت چپ */
.avks-chp.avks-chp--locked .avks-chp__rd {
    background: #f1f5f9 !important;
    color: #94a3b8 !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700;
}

/* هاور دکمه قفل */
.avks-chp.avks-chp--locked:hover .avks-chp__rd {
    background: #fef3c7 !important;
    color: #b45309 !important;
    border-color: #fde68a !important;
}

/* بج طلایی VIP */
.avks-on-b--gold {
    background: #fef3c7 !important;
    color: #b45309 !important;
    font-weight: 800;
}

/* اندازه آیکون‌های SVG داخل پارت‌ها */
.avks-chp__ic svg {
    width: 18px;
    height: 18px;
    stroke-width: 2.2; /* قطر خطوط آیکون */
    fill: none;
}
/* ═══════════════════════════════════════════
   سیستم قفل قسمت‌ها و باکس خرید
   ═══════════════════════════════════════════ */

/* ─── قسمت‌های قفل ─── */
.avks-chp--locked {
    opacity: 0.55;
    background: #f8fafc !important;
    cursor: not-allowed;
    pointer-events: none;
}

.avks-chp--locked .avks-chp__ic {
    background: #fef3c7 !important;
    color: #d97706 !important;
}

.avks-chp--locked .avks-chp__rd {
    background: #fef3c7 !important;
    color: #92400e !important;
    font-size: 11px;
}

.avks-on-b--gold {
    background: linear-gradient(135deg, #fcd34d, #f59e0b) !important;
    color: #78350f !important;
    font-weight: 800;
}

/* ─── باکس خرید (Paywall) ─── */
.avks-paywall {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4c1d95 100%);
    border-radius: 20px;
    padding: 28px 32px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    color: #fff;
    box-shadow: 0 15px 40px rgba(30, 27, 75, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.avks-paywall__left {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
    min-width: 250px;
}

.avks-paywall__icon {
    font-size: 38px;
    width: 68px;
    height: 68px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.avks-paywall__left h3 {
    font-size: 17px;
    font-weight: 850;
    color: #fcd34d;
    margin: 0 0 6px;
}

.avks-paywall__left p {
    font-size: 12.5px;
    color: #c4b5fd;
    margin: 0;
    line-height: 1.6;
}

.avks-paywall__right {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
}

.avks-paywall__price {
    font-size: 26px;
    font-weight: 900;
    color: #fff;
    text-align: center;
}

.avks-paywall__price small {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #a5b4fc;
    margin-top: 2px;
}

.avks-buy-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #fff !important;
    border: 0;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 8px 25px rgba(217, 119, 6, 0.35);
    font-family: inherit;
    white-space: nowrap;
}

.avks-buy-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(217, 119, 6, 0.5);
}

.avks-buy-btn--login {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.35);
}

.avks-buy-btn--login:hover {
    box-shadow: 0 12px 30px rgba(37, 99, 235, 0.5);
}

/* ریسپانسیو */
@media (max-width: 640px) {
    .avks-paywall {
        flex-direction: column;
        text-align: center;
        padding: 24px 20px;
    }

    .avks-paywall__left {
        flex-direction: column;
        min-width: auto;
    }

    .avks-paywall__right {
        flex-direction: column;
        width: 100%;
    }

    .avks-buy-btn {
        width: 100%;
        justify-content: center;
    }
}
/* ===================================================
   صفحه تسویه‌حساب EDD - هماهنگ با تم شیشه‌ای/صورتی قالب
   =================================================== */

#edd_checkout_wrap {
    max-width: 760px;
    margin: 2rem auto;
    padding: 0 1rem;
    font-family: var(--avks-font);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ── کارت سبد خرید ── */
#edd_checkout_cart_wrap {
    background: var(--avks-gl);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--avks-gl-b);
    border-radius: 20px;
    padding: 0.5rem;
    box-shadow: var(--avks-sh);
    overflow: hidden;
}

#edd_checkout_cart {
    width: 100%;
    border-collapse: collapse;
}

#edd_checkout_cart thead th {
    text-align: right;
    font-size: 0.82rem;
    font-weight: 900;
    color: var(--avks-tx3);
    padding: 1rem 1.1rem;
    border-bottom: 2px solid var(--avks-bd);
}

#edd_checkout_cart .edd_cart_actions { text-align: left; }

#edd_checkout_cart tbody tr.edd_cart_item {
    transition: var(--avks-tr);
}

#edd_checkout_cart tbody tr.edd_cart_item:hover {
    background: var(--avks-ov);
}

#edd_checkout_cart td {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--avks-bd);
    font-size: 0.9rem;
    color: var(--avks-tx);
    vertical-align: middle;
}

.edd_checkout_cart_item_title {
    font-weight: 800;
    color: var(--avks-tx);
}

.edd_cart_item_price {
    font-weight: 800;
    color: var(--avks-pr-d);
    white-space: nowrap;
    direction: ltr;
    text-align: right;
}

/* دکمه حذف از سبد */
.edd_cart_remove_item_btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0.4rem 0.9rem;
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 800;
    text-decoration: none;
    transition: var(--avks-tr);
    white-space: nowrap;
}

.edd_cart_remove_item_btn:hover {
    background: #ef4444;
    color: #fff;
    transform: translateY(-1px);
}

/* ردیف تخفیف و جمع کل */
.edd_cart_footer_row th {
    border: none;
    padding: 1rem 1.1rem;
}

.edd_cart_discount_row th {
    font-size: 0.85rem;
    color: var(--avks-tx3);
    text-align: right;
    padding-top: 0;
}

.edd_cart_total {
    text-align: left;
    font-size: 1rem;
    font-weight: 900;
    color: var(--avks-tx);
}

.edd_cart_amount {
    color: var(--avks-pr);
    font-size: 1.3rem;
    font-weight: 900;
    margin-right: 0.4rem;
    direction: ltr;
    display: inline-block;
}

/* ── کارت اطلاعات و پرداخت ── */
#edd_checkout_form_wrap {
    background: var(--avks-gl);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--avks-gl-b);
    border-radius: 20px;
    padding: 1.75rem;
    box-shadow: var(--avks-sh);
}

#edd_checkout_form_wrap fieldset {
    border: 1px solid var(--avks-bd);
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    background: var(--avks-ov);
}

#edd_checkout_form_wrap fieldset:last-of-type {
    margin-bottom: 0;
}

#edd_checkout_form_wrap legend {
    font-size: 1rem;
    font-weight: 900;
    color: var(--avks-tx);
    padding: 0 0.6rem;
}

#edd_checkout_form_wrap .edd-label {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--avks-tx);
    margin-bottom: 0.35rem;
    display: block;
}

#edd_checkout_form_wrap .edd-required-indicator {
    color: var(--avks-pr);
    margin-right: 3px;
}

/* متن کمکی زیر برچسب‌ها - فقط برای خواننده صفحه، ظاهر رو شلوغ نمی‌کنه */
#edd_checkout_form_wrap .screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; padding: 0; margin: -1px;
}

#edd_checkout_form_wrap .edd-description {
    font-size: 0.76rem;
    color: var(--avks-tx3);
    margin-bottom: 0.5rem;
    line-height: 1.7;
}

#edd_checkout_form_wrap div[id$="-wrap"] {
    margin-bottom: 1.1rem;
}

#edd_checkout_form_wrap div[id$="-wrap"]:last-child {
    margin-bottom: 0;
}

#edd_checkout_form_wrap input[type="text"],
#edd_checkout_form_wrap input[type="email"],
#edd_checkout_form_wrap input[type="password"],
#edd_checkout_form_wrap textarea,
#edd_checkout_form_wrap select {
    width: 100%;
    padding: 0.85rem 1.1rem;
    background: var(--avks-in);
    border: 1px solid var(--avks-bd);
    border-radius: 12px;
    font-family: var(--avks-font);
    font-size: 0.9rem;
    color: var(--avks-tx);
    outline: none;
    transition: var(--avks-tr);
    box-sizing: border-box;
}

#edd_checkout_form_wrap input[type="text"]:focus,
#edd_checkout_form_wrap input[type="email"]:focus,
#edd_checkout_form_wrap input[type="password"]:focus,
#edd_checkout_form_wrap textarea:focus,
#edd_checkout_form_wrap select:focus {
    border-color: var(--avks-pr-l);
    box-shadow: 0 0 0 3px var(--avks-pr-g);
}

/* پیام خطا (مثلاً درگاه پرداخت تنظیم نشده) */
#edd_checkout_form_wrap .edd-errors.edd-alert-error {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #dc2626;
    padding: 0.9rem 1.1rem;
    border-radius: 14px;
    font-size: 0.84rem;
    line-height: 1.8;
    margin-bottom: 1.1rem;
}

#edd_checkout_form_wrap .edd_error strong {
    font-weight: 900;
}

/* جمع کل نهایی بالای دکمه پرداخت */
#edd_final_total_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--avks-ov);
    padding: 1rem 1.25rem;
    border-radius: 14px;
    margin-bottom: 1.25rem;
    font-size: 0.92rem;
    color: var(--avks-tx);
    font-weight: 800;
}

#edd_final_total_wrap .edd_cart_amount {
    font-size: 1.35rem;
}

/* ── دکمه نهایی خرید ── */
.edd-submit,
.edd-add-to-cart,
a.edd-add-to-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #ffffff !important;
    font-family: var(--avks-font) !important;
    font-size: 0.95rem !important;
    font-weight: 900 !important;
    padding: 0.95rem 1.5rem !important;
    border-radius: 12px !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: 0 4px 20px rgba(16, 185, 129, 0.4) !important;
    transition: var(--avks-tr) !important;
    text-align: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.edd-submit:hover,
.edd-add-to-cart:hover,
a.edd-add-to-cart:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.6) !important;
    color: #ffffff !important;
}

.edd_purchase_submit_wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edd-has-js .edd-add-to-cart[data-edd-loading] {
    opacity: 0.7;
}

/* ── کد تخفیف ── */
#edd-discount-code-wrap {
    background: var(--avks-ov);
    padding: 1rem 1.1rem;
    border-radius: 14px;
    margin: 1rem 0;
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    align-items: center;
}

#edd-discount-code-wrap input {
    flex: 1;
    min-width: 150px;
    padding: 0.7rem 1rem;
    border-radius: 10px;
    border: 1px solid var(--avks-bd);
    background: var(--avks-in);
    color: var(--avks-tx);
    font-family: var(--avks-font);
    outline: none;
}

.edd-apply-discount {
    background: linear-gradient(135deg, var(--avks-pr), var(--avks-pr-d)) !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 0.7rem 1.3rem !important;
    border: none !important;
    font-weight: 800 !important;
    font-family: var(--avks-font) !important;
    font-size: 0.82rem !important;
    cursor: pointer;
    transition: var(--avks-tr);
}

.edd-apply-discount:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px var(--avks-pr-g);
}

/* ریسپانسیو موبایل */
@media (max-width: 640px) {
    #edd_checkout_wrap {
        width: 95%;
        max-width: 95%;
        margin: 1.25rem auto;
        padding: 0;
    }
    #edd_checkout_cart thead { display: none; }
    #edd_checkout_cart, #edd_checkout_cart tbody, #edd_checkout_cart tr, #edd_checkout_cart td {
        display: block;
        width: 100%;
    }
    #edd_checkout_cart tr.edd_cart_item {
        padding: 0.9rem 1rem;
        border-bottom: 1px solid var(--avks-bd);
    }
    #edd_checkout_cart td {
        border: none;
        padding: 0.25rem 0;
    }
    .edd_cart_item_price { text-align: right; }
    #edd_checkout_form_wrap { padding: 1.25rem; }
    #edd_checkout_form_wrap fieldset { padding: 1.1rem; }
    #edd_final_total_wrap { flex-direction: column; align-items: flex-start; gap: 0.4rem; }
}

/* ═══════════════════════════════════════════════
   استوری نویسندگان - نوار بالای سایت (سبک اینستاگرام)
   ═══════════════════════════════════════════════ */
@keyframes avksStoriesGradient {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}

.avks-stories {
    max-width: 1400px;
    margin: 1.5rem auto 0;
    padding: 0 2rem;
}

.avks-stories__card {
    background: var(--avks-gl);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid var(--avks-gl-b);
    border-radius: 24px;
    padding: 1.25rem 1.5rem 1.4rem;
    box-shadow: var(--avks-sh);
    position: relative;
    overflow: hidden;
}

.avks-stories__hd {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.1rem;
}

.avks-stories__hd svg {
    width: 20px;
    height: 20px;
    fill: var(--avks-pr);
    flex-shrink: 0;
}

.avks-stories__hd span {
    font-size: 0.95rem;
    font-weight: 900;
    color: var(--avks-tx);
}

/* نوار افقی آواتارها */
.avks-stories__wrap {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: 1fr;
    grid-auto-columns: calc((100% - 7 * 1.1rem) / 8);
    column-gap: 1.1rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.4rem;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: var(--avks-pr-l) transparent;
}

.avks-stories__wrap::-webkit-scrollbar { height: 5px; }
.avks-stories__wrap::-webkit-scrollbar-thumb { background: var(--avks-pr-l); border-radius: 10px; }
.avks-stories__wrap::-webkit-scrollbar-track { background: transparent; }

.avks-stories__item {
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
    cursor: pointer;
    text-align: center;
    min-width: 0;
}

.avks-stories__ring {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    padding: 3px;
    background: linear-gradient(45deg, #f97316, #ec4899, #8b5cf6, #f97316);
    background-size: 400% 400%;
    animation: avksStoriesGradient 3s ease infinite;
    flex-shrink: 0;
    transition: var(--avks-tr);
}

.avks-stories__item:hover .avks-stories__ring,
.avks-stories__item:focus-visible .avks-stories__ring {
    transform: scale(1.06);
}

.avks-stories__im {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--avks-bg);
    background: var(--avks-bg2);
}

.avks-stories__im img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.avks-stories__nm {
    font-size: 0.78rem;
    color: var(--avks-tx2);
    max-width: 88px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-avks-th="dark"] .avks-stories__im { border-color: var(--avks-bg); }

/* دسکتاپ کوچک/تبلت: کمی جمع‌وجورتر ولی همچنان یک سطر */
@media (max-width: 1024px) {
    .avks-stories__wrap {
        grid-auto-columns: calc((100% - 5 * 1rem) / 6);
        column-gap: 1rem;
    }
}

/* موبایل: نمایش ۶ آیتم در دو سطر (۳ ستون × ۲ ردیف) با اسکرول افقی برای بقیه */
@media (max-width: 768px) {
    .avks-stories { padding: 0 1rem; margin-top: 1rem; }

    .avks-stories__card {
        padding: 1rem 1rem 1.1rem;
        border-radius: 18px;
    }

    .avks-stories__hd { margin-bottom: 0.9rem; }
    .avks-stories__hd span { font-size: 0.85rem; }

    .avks-stories__wrap {
        grid-template-rows: repeat(2, auto);
        grid-auto-columns: calc((100% - 2 * 0.75rem) / 3);
        column-gap: 0.75rem;
        row-gap: 1rem;
    }

    .avks-stories__ring { width: 64px; height: 64px; }
    .avks-stories__nm { font-size: 0.72rem; max-width: 72px; }
}

@media (max-width: 380px) {
    .avks-stories__wrap {
        grid-auto-columns: calc((100% - 2 * 0.6rem) / 3);
        column-gap: 0.6rem;
    }
    .avks-stories__ring { width: 58px; height: 58px; }
}