#footer, #footer .footer-copyright, nav.bg-white {
    background-color: transparent !important;
    padding-top: 0;
}
.dt-buttons, .dataTables_filter, .dataTables_length {
    display: none !important;
}
.download-card {
    text-align: center;
    margin-bottom: 25px;
}
.container > .row.justify-content-center > .col-md-12 > h1 {
    display: none;
}
.download-card .card-img-top {
    -o-object-fit: contain;
    object-fit: contain;
}

.u-vmenu>ul>li>a {
    color: #fff !important;
    background-color: #000 !important;
}
.u-vmenu ul li a:hover {
    color: #fff !important;
    background-color: #000 !important;
}

.row:has(>#v-pills-tab) {
    justify-content: center;
    flex-direction: column-reverse;
}
#v-pills-tab.flex-column {
    flex-direction: row !important;
    justify-content: center;
    position: initial;
}
.bg-equipment, .bg-equipment-avatar {
    margin: auto;
}
#v-pills-tabContent {
    width: fit-content;
    margin: auto;
}

#pill-inventory table tbody, #pill-avatar table tbody {
    border: 1px solid rgb(255 255 255 / 13%);
    background: rgba(0, 0, 0, .30) !important;
}

#m1x_content > .col-xl-9.col-lg-9 {
    max-width: 100% !important;
}
@media (min-width: 1200px) {
    #m1x_content > .col-xl-9.col-lg-9{
        width: 100% !important;
    }
}
@media (min-width: 992px) {
    #m1x_content > .col-xl-9.col-lg-9 {
        width: 100% !important;
    }
}
#m1x_sidebar > .col-xl-3.col-lg-3 {
    max-width: 100% !important;
}

.dataTable tfoot {
    display: none !important;
}
.list-group-item {
    color: #fff;
    background-color: #000000;
    border: #000;
}
img {
    max-width: 100%;
}
.scrolltop {
    background-color: #50cd89;
}
.scrolltop:hover {
    background-color: #50cd89;
}
.scrolltop .svg-icon {
    color: #071437;
}
.scrolltop:hover .svg-icon, .scrolltop:hover i {
    color: #071437;
}


.ranking .ranking-main-button.trader {
    background-color: rgb(126 171 0/10%)
}

.ranking .ranking-main-button.hunter {
    background-color: rgb(8 161 232/10%)
}

.ranking .ranking-main-button.thief {
    background-color: rgb(109 9 237/10%)
}

.table-striped tbody tr {
    background-color: #020f0f !important;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #020f0f !important;
}
table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: none !important;
}
#content-replace .table tbody tr td:nth-child(2) > img,
#content-replace .table tbody tr td > a > i {
    display: none !important;
}
.card .card-header {
    border-bottom: 1px solid #08302d;
}
.form-control {
    width: 100%;
    height: auto;
    color: #b2aea7;
    background-color: #010909;
    border: 1px solid #08302d;
    border-radius: 0.475rem;
}


.inventory-bg {
    padding: 20px;
}

.bg-equipment, .bg-equipment-avatar {
    background-size: 100% 100% !important;
    width: 181px;
    height: auto;
}

.player-info-tabs {
    height: 100%;
}

.player-info-tabs .nav-link {
    height: 100%;
}

#charProfileTabContent {
    min-height: 437px;
}

#charProfileTabContent li {
    border-bottom: 1px solid #08302d;
}

.player-info {
    padding: 10px;
    border-bottom: 1px solid #08302d;
}

.player-info-title {
    color: #ffc345;
    font-weight: bold;
    font-size: 14px;
    font-family: Semplicita Pro, Open Sans, Arial, Helvetica, sans-serif;
}

.player-info-text {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    font-family: Semplicita Pro, Open Sans, Arial, Helvetica, sans-serif;
}

.hp-mp-bar {
    width: 140px;
    height: 24px;
    float: left;
    margin-left: 15px;
    clear: right;
    font-size: 12px;
    font-weight: bold;
}

.hp-bar {
    background: url(../media/divaous/info/hp_bar.png) 0 0 no-repeat;
    text-align: center;
    width: 91px;
    height: 12px;
    margin-top: 5px;
    line-height: 0.9rem;
    font-size: 0.6rem;
    font-weight: bold;
}

.mp-bar {
    background: url(../media/divaous/info/mp_bar.png) 0 0 no-repeat;
    text-align: center;
    width: 91px;
    height: 12px;
    margin-top: 5px;
    line-height: 0.9rem;
    font-size: 0.6rem;
    font-weight: bold;
}

.player-config {
    font-size: 0.9rem;
}

.inventory-bg {
    background-image: url(../media/divaous/inventory-bg.png);
    background-size: cover;
}

#idInventorySet {
    background-image: url(../media/divaous/info/inventory_bg.png);
    height: 315px;
    width: 178px;
}

.shield .itemslot, .weapon .itemslot {
    background: none !important;
}

.itemslot .image, .weapon .itemslot .image {
    width: 32px;
    height: 32px;
}

.itemslot .image {
    margin: 5px 3px;
}

.slots.weapon {
    width: 23% !important;
    margin-bottom: 32px !important;
    margin-left: 7px;
    margin-top: 8px;
}

.slots.shield {
    width: 23% !important;
    margin-bottom: 32px !important;
    margin-right: 7px;
    margin-top: 8px;
}

.information-header {
    border: 1px solid #08302d;
    border: none;
    border-bottom: none;
    height: 100%;
    width: 100%;
}

/*
.left-header {
    border-right: 1px solid #08302d;
}

.right-header {
    border-left: 1px solid #08302d;
}
*/

.right-header .information-header {
    border-left: 0;
    margin-right: 8px;
}

.left-header .information-header {
    border-right: 0;
    margin-left: 8px;
}

.events .event_data * {
    font-weight: bold !important;
}

.badge-success {
    background: rgba(68, 211, 99, 0.25);
    border: 1px #44D363 solid;
    color: #44D363;
    font-size: 14px;
}

.badge-primary {
    background: rgba(195, 154, 49, 0.25);
    border: 1px #c39931 solid;
    color: #f2bf3d;
    font-size: 14px;
}

.text-primary {
    color: #f2bf3d !important;
}

.information-body {
    border: 1px solid #08302d;
    border-top: none;
}

/*
#idInventoryAvatar .slots.left {
    float: none;
    clear: both;
    margin-left: 0;
    margin-right: 0;
}
#idInventoryAvatar .slots.right {
    float: none;
    clear: both;
    margin-right: 0;
    margin-left: 0;
}
*/

#idInventoryAvatar.gap-10 {
    gap: 1rem !important;
}
.slots.left {
    margin-right: 0;
}
.slots.right {
    margin-left: 0;
}
.inventory-bg .card .card-header {
    min-height: auto;
}
.inventory-bg .table {
    margin-top: 0;
    margin-bottom: 0;
}
.inventory-bg .table th, .inventory-bg .table td {
    padding: 0;
}
.inventory-bg .table:not(.table-bordered) td:first-child {
    padding-left: 0;
}

.card.event-times .event-box {
    min-height: 167px;
}
.card.home-banner {
    overflow: hidden;
}
.card.home-banner .carousel {
    max-height: 377px;
}
.card.home-banner .carousel-inner {
    border-radius: .625rem !important;
}
.card.home-banner .carousel-item {
    background-size: cover !important;
}
.card[data-method].selected, .card[data-price].selected {
    border: 1px solid #ffc345 !important;
    box-shadow: 0 0 10px rgba(121, 97, 61, 0.4) !important;
}

.card[data-method]:hover, #content-donate .card:hover {
    border: 1px solid #ffc345 !important;
    box-shadow: 0 0 8px rgba(121, 97, 61, 0.3) !important;
    cursor: pointer;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 1rem;
}

.btn-check:active+.btn.btn-primary, .btn-check:checked+.btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show>.btn.btn-primary {
    color: #000;
    border-color: #b78b36;
    background-color: #ffc563 !important;
}
.ranking .btn:hover,
.ranking .btn.active {
    border: 1px solid rgba(204, 163, 84, 0.95) !important;
}
[data-bs-theme=dark] .table.table-inventory:not(.table-inventory-avatar) tr:not(:first-child) td {
    border-top: 0 !important;
}
.table.table-inventory:not(.table-inventory-avatar) td:first-child,
.table.table-inventory:not(.table-inventory-avatar) th:first-child,
.table.table-inventory:not(.table-inventory-avatar) tr:first-child {
    padding: 6px;
}
.table.table-inventory:not(.table-inventory-avatar) td:last-child,
.table.table-inventory:not(.table-inventory-avatar) th:last-child,
.table.table-inventory:not(.table-inventory-avatar) tr:last-child {
    padding: 6px;
}
.table.table-inventory:not(.table-inventory-avatar) tr:first-child td {
    padding: 12px 12px 35px !important;
}
.table.table-inventory-avatar td:first-child,
.table.table-inventory-avatar th:first-child,
.table.table-inventory-avatar tr:first-child {
    padding-left: 4px;
}
.table.table-inventory-avatar td:last-child,
.table.table-inventory-avatar th:last-child,
.table.table-inventory-avatar tr:last-child {
    padding-right: 4px;
}
.app-header-secondary .logo > a {
    padding: 120px 20px 60px 20px;
}



/* =====================================================
   ASHUNT HOMEPAGE V1
===================================================== */

body.home {
    --ashunt-bg: #060605;
    --ashunt-panel: rgba(12, 11, 9, 0.94);
    --ashunt-panel-soft: rgba(18, 15, 10, 0.88);
    --ashunt-gold: #d9a441;
    --ashunt-gold-light: #f5c76d;
    --ashunt-border: rgba(217, 164, 65, 0.24);
    --ashunt-text: #f4efe5;
    --ashunt-muted: #9f9688;

    background-color: var(--ashunt-bg);
}

body.home #kt_content_container,
body.home #kt_content,
body.home #kt_content > .row {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

body.home #kt_content > .row > * {
    padding: 0;
}

body.home .ashunt-home {
    width: 100%;
    position: relative;
    z-index: 2;
    background:
        radial-gradient(circle at 50% 0%, rgba(168, 107, 20, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(5, 5, 4, 0.96), #060605);
}

/* HERO */

body.home .ashunt-hero {
    min-height: 620px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;

    background-image:
        linear-gradient(90deg, rgba(3, 3, 3, 0.96) 0%, rgba(4, 4, 4, 0.62) 46%, rgba(3, 3, 3, 0.2) 72%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(5, 5, 4, 0.92)),
        url("../media/divaous/home-bg-dark.png");

    background-size: cover;
    background-position: center;
}

body.home .ashunt-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 78% 44%, rgba(213, 137, 32, 0.13), transparent 28%),
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,0.012) 0,
            rgba(255,255,255,0.012) 1px,
            transparent 1px,
            transparent 110px
        );
    pointer-events: none;
}

body.home .ashunt-hero-glow {
    position: absolute;
    width: 620px;
    height: 620px;
    left: 4%;
    top: 21%;
    border-radius: 50%;
    background: rgba(210, 139, 36, 0.08);
    filter: blur(120px);
    pointer-events: none;
}

body.home .ashunt-hero-content {
    width: 100%;
    position: relative;
    z-index: 2;
    padding-top: 90px;
    padding-bottom: 100px;
}

body.home .ashunt-hero-copy {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding-top: 150px;
}

body.home .ashunt-eyebrow,
body.home .ashunt-section-kicker,
body.home .ashunt-panel-label {
    color: var(--ashunt-gold);
    font-size: 0.72rem;
    line-height: 1;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    font-weight: 700;
}

body.home .ashunt-hero-title {
    margin: 18px 0 0;
    color: #fff;
    font-family: "El Messiri", serif;
    font-weight: 700;
    font-size: clamp(5rem, 10vw, 9.5rem);
    line-height: 0.78;
    letter-spacing: -0.055em;
    text-shadow: 0 10px 50px rgba(0, 0, 0, 0.75);
}

body.home .ashunt-hero-title span {
    display: block;
    margin-left: 4px;
    margin-top: 22px;
    color: transparent;
    font-size: 0.29em;
    letter-spacing: 0.48em;
    -webkit-text-stroke: 1px rgba(241, 192, 97, 0.88);
    text-shadow: 0 0 30px rgba(218, 158, 51, 0.18);
}

body.home .ashunt-hero-slogan {
    margin: 42px 0 12px;
    color: var(--ashunt-gold-light);
    font-family: "Josefin Sans", sans-serif;
    font-size: 1.05rem;
    letter-spacing: 0.38em;
    font-weight: 600;
}

body.home .ashunt-hero-description {
    max-width: 720px;
    color: rgba(244, 239, 229, 0.72);
    font-size: 1.08rem;
    line-height: 1.9;
}

body.home .ashunt-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 34px;
}

body.home .ashunt-btn {
    min-height: 50px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    border: 1px solid transparent;
    border-radius: 4px;

    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;

    transition:
        transform 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

body.home .ashunt-btn:hover {
    transform: translateY(-2px);
}

body.home .ashunt-btn-primary {
    color: #120d05;
    background: linear-gradient(135deg, #f0c162, #b87820);
    box-shadow: 0 14px 35px rgba(188, 117, 25, 0.22);
}

body.home .ashunt-btn-primary:hover {
    color: #070502;
    box-shadow: 0 18px 44px rgba(211, 146, 44, 0.34);
}

body.home .ashunt-btn-secondary,
body.home .ashunt-btn-ghost {
    color: var(--ashunt-text);
    background: rgba(12, 10, 7, 0.62);
    border-color: var(--ashunt-border);
    backdrop-filter: blur(10px);
}

body.home .ashunt-btn-secondary:hover,
body.home .ashunt-btn-ghost:hover {
    color: var(--ashunt-gold-light);
    border-color: rgba(217, 164, 65, 0.6);
    background: rgba(33, 24, 12, 0.78);
}

body.home .ashunt-hero-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 130px;
    background: linear-gradient(180deg, transparent, #060605);
}

/* SECTIONS */

body.home .ashunt-section {
    padding: 34px 0;
}

body.home .ashunt-status-section {
    margin-top: -38px;
    position: relative;
    z-index: 3;
}

body.home .ashunt-section-heading {
    margin-bottom: 22px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

body.home .ashunt-section-heading h2 {
    margin: 8px 0 0;
    color: var(--ashunt-text);
    font-family: "El Messiri", serif;
    font-size: 2rem;
}

body.home .ashunt-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #85dca1;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.home .ashunt-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #55dc83;
    box-shadow: 0 0 0 5px rgba(85, 220, 131, 0.1), 0 0 20px #55dc83;
}

/* PANELS */

body.home .ashunt-panel {
    position: relative;
    padding: 24px;
    background:
        linear-gradient(180deg, rgba(24, 19, 12, 0.86), rgba(8, 8, 7, 0.97));
    border: 1px solid var(--ashunt-border);
    border-radius: 8px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 18px 50px rgba(0, 0, 0, 0.32);
    overflow: hidden;
}

body.home .ashunt-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    width: 95px;
    height: 1px;
    background: linear-gradient(90deg, var(--ashunt-gold), transparent);
}

body.home .ashunt-widget-panel {
    min-height: 270px;
}

body.home .ashunt-panel-header {
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

body.home .ashunt-panel-header h3 {
    margin: 7px 0 0;
    color: var(--ashunt-text);
    font-family: "El Messiri", serif;
    font-size: 1.35rem;
}

body.home .ashunt-panel-header > i {
    color: var(--ashunt-gold);
    font-size: 1.45rem;
    opacity: 0.8;
}

/* FORTRESS */

body.home .ashunt-fortress-panel {
    min-height: 230px;
}

body.home .ashunt-fortress-content > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

body.home .ashunt-fortress-content span {
    color: var(--ashunt-muted);
}

body.home .ashunt-fortress-content strong {
    color: var(--ashunt-text);
}

body.home .ashunt-text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ashunt-gold);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

/* NEWS */

body.home .ashunt-news-slider {
    min-height: 440px;
    border: 1px solid var(--ashunt-border);
    border-radius: 8px;
    overflow: hidden;
    background: #0a0907;
}

body.home .ashunt-news-slide {
    min-height: 440px;
    position: relative;
    display: flex;
    align-items: flex-end;
    background:
        radial-gradient(circle at 70% 35%, rgba(208, 135, 35, 0.17), transparent 30%),
        url("../media/divaous/header-bg.jpg") center/cover no-repeat;
}

body.home .ashunt-news-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(5, 5, 4, 0.98), rgba(5, 5, 4, 0.6) 64%, rgba(5, 5, 4, 0.15)),
        linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.86));
}

body.home .ashunt-news-content {
    max-width: 620px;
    position: relative;
    z-index: 2;
    padding: 45px;
}

body.home .ashunt-news-content h2 {
    margin: 12px 0;
    color: var(--ashunt-text);
    font-family: "El Messiri", serif;
    font-size: clamp(2rem, 4vw, 3.2rem);
}

body.home .ashunt-news-content p {
    max-width: 540px;
    margin-bottom: 24px;
    color: rgba(244, 239, 229, 0.68);
    line-height: 1.75;
}

/* QUICK ACCESS */

body.home .ashunt-quick-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.home .ashunt-quick-links > a {
    min-height: 76px;
    padding: 13px 14px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;

    color: var(--ashunt-text);
    background: rgba(0, 0, 0, 0.26);
    border: 1px solid rgba(217, 164, 65, 0.1);

    transition:
        transform 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease;
}

body.home .ashunt-quick-links > a:hover {
    transform: translateX(4px);
    color: var(--ashunt-gold-light);
    background: rgba(62, 42, 16, 0.28);
    border-color: rgba(217, 164, 65, 0.38);
}

body.home .ashunt-quick-links > a > i:first-child {
    color: var(--ashunt-gold);
    font-size: 1.15rem;
}

body.home .ashunt-quick-links strong,
body.home .ashunt-quick-links span {
    display: block;
}

body.home .ashunt-quick-links strong {
    color: inherit;
    font-size: 0.86rem;
}

body.home .ashunt-quick-links span {
    margin-top: 4px;
    color: var(--ashunt-muted);
    font-size: 0.7rem;
}

/* PLACEHOLDER GRID */

body.home .ashunt-coming-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

body.home .ashunt-coming-grid .ashunt-panel {
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.home .ashunt-coming-grid span {
    color: var(--ashunt-gold-light);
    font-family: "El Messiri", serif;
    font-size: 1.15rem;
}

/* RESPONSIVE */

@media (max-width: 1199.98px) {
    body.home .ashunt-hero {
        min-height: 650px;
    }

    body.home .ashunt-coming-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767.98px) {
    body.home .ashunt-hero {
        min-height: 610px;
        background-position: 62% center;
    }

    body.home .ashunt-hero-content {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    body.home .ashunt-hero-title {
        font-size: clamp(4rem, 23vw, 6.5rem);
    }

    body.home .ashunt-hero-title span {
        letter-spacing: 0.28em;
    }

    body.home .ashunt-hero-actions {
        flex-direction: column;
    }

    body.home .ashunt-btn {
        width: 100%;
    }

    body.home .ashunt-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    body.home .ashunt-news-content {
        padding: 30px 24px;
    }

    body.home .ashunt-coming-grid {
        grid-template-columns: 1fr;
    }
}
    body.home .container-xxl {
    width: min(100%, 1380px);
    margin-inline: auto;
    padding-inline: clamp(18px, 3vw, 32px);
}

body.home .ashunt-next-stage {
    padding-top: 20px;
    padding-bottom: 50px;
}

@media (max-width: 1199.98px) {
    body.home .ashunt-section {
        padding: 30px 0;
    }

    body.home .ashunt-status-section {
        margin-top: -24px;
    }

    body.home .ashunt-fortress-panel,
    body.home .ashunt-widget-panel {
        min-height: auto;
    }

    body.home .ashunt-news-slider,
    body.home .ashunt-news-slide {
        min-height: 390px;
    }
}

@media (max-width: 767.98px) {
    body.home .container-xxl {
        padding-inline: 16px;
    }

    body.home .ashunt-section {
        padding: 24px 0;
    }

    body.home .ashunt-status-section {
        margin-top: -12px;
    }

    body.home .ashunt-panel {
        padding: 20px;
        border-radius: 6px;
    }

    body.home .ashunt-countdown {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.home .ashunt-countdown > div {
        min-width: 0;
    }

    body.home .ashunt-news-slider,
    body.home .ashunt-news-slide {
        min-height: 350px;
    }

    body.home .ashunt-news-content h2 {
        font-size: 2rem;
    }

    body.home .ashunt-quick-links > a {
        min-height: 68px;
    }
}

/* =====================================================
   ASHUNT SERVER STATUS
===================================================== */

body.home .ashunt-server-status {
    width: 100%;
}

body.home .ashunt-server-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

body.home .ashunt-server-metric {
    min-width: 0;
    min-height: 112px;
    padding: 18px;

    display: flex;
    align-items: center;
    gap: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(29, 22, 13, 0.78),
            rgba(7, 7, 6, 0.9)
        );

    border: 1px solid rgba(217, 164, 65, 0.14);
    border-radius: 6px;

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background-color 180ms ease,
        box-shadow 180ms ease;
}

body.home .ashunt-server-metric:hover {
    transform: translateY(-2px);
    border-color: rgba(217, 164, 65, 0.42);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}

body.home .ashunt-server-time {
    background:
        linear-gradient(
            145deg,
            rgba(128, 76, 14, 0.52),
            rgba(20, 13, 7, 0.92)
        );
}

body.home .ashunt-server-time {
    grid-column: span 1;
    min-width: 185px;
}

body.home .ashunt-server-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;

    display: grid;
    place-items: center;

    color: var(--ashunt-gold-light);
    background: rgba(217, 164, 65, 0.08);
    border: 1px solid rgba(217, 164, 65, 0.2);
    border-radius: 50%;

    box-shadow: inset 0 0 20px rgba(217, 164, 65, 0.05);
}

body.home .ashunt-server-icon i {
    font-size: 1rem;
}

body.home .ashunt-server-info {
    min-width: 0;
    flex: 1;
}

body.home .ashunt-server-info span,
body.home .ashunt-server-info strong,
body.home .ashunt-server-info small {
    display: block;
}

body.home .ashunt-server-label {
    color: var(--ashunt-muted);
    font-size: 0.68rem;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.home .ashunt-server-info strong {
    margin-top: 8px;
    color: var(--ashunt-text);
    font-size: clamp(1.35rem, 2vw, 2rem);
    line-height: 1;
}

body.home .ashunt-server-info small {
    margin-top: 7px;
    color: rgba(159, 150, 136, 0.74);
    font-size: 0.66rem;
}

body.home .ashunt-server-time strong {
    color: var(--ashunt-gold-light);
    font-size: clamp(1.45rem, 2vw, 2.05rem);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

body.home .ashunt-server-progress-area {
    margin-top: 18px;
    padding: 18px 20px;

    background: rgba(0, 0, 0, 0.22);
    border: 1px solid rgba(217, 164, 65, 0.09);
    border-radius: 6px;
}

body.home .ashunt-server-progress-head,
body.home .ashunt-server-progress-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

body.home .ashunt-server-progress-head > div {
    min-width: 0;
}

body.home .ashunt-server-progress-head span,
body.home .ashunt-server-progress-head strong,
body.home .ashunt-server-progress-foot span,
body.home .ashunt-server-progress-foot strong {
    display: block;
}

body.home .ashunt-server-progress-head > div > span,
body.home .ashunt-server-progress-foot span {
    color: var(--ashunt-muted);
    font-size: 0.7rem;
}

body.home .ashunt-server-progress-head > div > strong {
    margin-top: 4px;
    color: var(--ashunt-text);
    font-size: 0.82rem;
}

body.home .ashunt-server-state {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;

    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.home .ashunt-server-state > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

body.home .ashunt-server-state.is-online {
    color: #7ce39b;
}

body.home .ashunt-server-state.is-online > span {
    background: #54de82;
    box-shadow:
        0 0 0 4px rgba(84, 222, 130, 0.1),
        0 0 16px rgba(84, 222, 130, 0.74);
}

body.home .ashunt-server-state.is-offline {
    color: #e77777;
}

body.home .ashunt-server-state.is-offline > span {
    background: #e35b5b;
    box-shadow:
        0 0 0 4px rgba(227, 91, 91, 0.1),
        0 0 16px rgba(227, 91, 91, 0.7);
}

body.home .ashunt-server-progress {
    height: 9px;
    margin: 15px 0 10px;

    overflow: hidden;

    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(217, 164, 65, 0.14);
    border-radius: 999px;
}

body.home .ashunt-server-progress > div {
    height: 100%;
    min-width: 2px;

    background:
        linear-gradient(
            90deg,
            #9f651a 0%,
            #dfaa42 52%,
            #f6cc76 100%
        );

    border-radius: inherit;

    box-shadow:
        0 0 16px rgba(217, 164, 65, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);

    transition: width 700ms ease;
}

body.home .ashunt-server-progress-foot strong {
    color: var(--ashunt-gold-light);
    font-size: 0.72rem;
}

/* TABLET */

@media (max-width: 1199.98px) {
    body.home .ashunt-server-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MOBILE */

@media (max-width: 575.98px) {
    body.home .ashunt-server-grid {
        grid-template-columns: 1fr;
    }

    body.home .ashunt-server-metric {
        min-height: 94px;
        padding: 15px;
    }

    body.home .ashunt-server-progress-area {
        padding: 16px;
    }

    body.home .ashunt-server-progress-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}

/* =====================================================
   ASHUNT SERVER STATUS — 3 + 3 + 1 LAYOUT
===================================================== */

body.home .ashunt-server-grid-six {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

body.home .ashunt-server-grid-six .ashunt-server-metric {
    min-height: 108px;
}

body.home .ashunt-server-grid-six .ashunt-server-time {
    min-width: 0;
}

body.home .ashunt-server-grid-six .ashunt-server-time strong {
    font-size: clamp(1.55rem, 2vw, 2.1rem);
    white-space: nowrap;
    letter-spacing: -0.035em;
}

body.home .ashunt-status-value {
    color: #e6ad47 !important;
    font-size: clamp(1.05rem, 1.35vw, 1.45rem) !important;
}

body.home .ashunt-status-value.ashunt-server-state {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.home .ashunt-status-value.ashunt-server-state.is-online {
    color: #7ce39b !important;
}

body.home .ashunt-status-value.ashunt-server-state > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

body.home .ashunt-status-value.ashunt-server-state.is-online > span {
    background: #54de82;
    box-shadow:
        0 0 0 4px rgba(84, 222, 130, 0.12),
        0 0 14px rgba(84, 222, 130, 0.8);
    animation: ashunt-online-pulse 1.8s ease-in-out infinite;
}

@keyframes ashunt-online-pulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(84, 222, 130, 0.12), 0 0 14px rgba(84, 222, 130, 0.8); }
    50% { box-shadow: 0 0 0 6px rgba(84, 222, 130, 0.18), 0 0 18px rgba(84, 222, 130, 0.95); }
}

body.home .ashunt-pending-value {
    color: rgba(244, 239, 229, 0.72) !important;
    font-size: clamp(1.05rem, 1.35vw, 1.45rem) !important;
}

body.home .ashunt-discord-icon {
    color: #8798ff;
    border-color: rgba(99, 118, 255, 0.24);
    background: rgba(80, 91, 190, 0.1);
}

body.home .ashunt-unique-icon {
    color: #bb83e8;
    border-color: rgba(169, 104, 220, 0.24);
    background: rgba(122, 68, 168, 0.1);
}

/* WORLD BAR: ÜSTTEKİ ÜÇ KARTIN TAM GENİŞLİĞİ */

body.home .ashunt-server-progress-area {
    width: 100%;
    margin-top: 14px;
}

/* TABLET */

@media (max-width: 991.98px) {
    body.home .ashunt-server-grid-six {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MOBILE */

@media (max-width: 575.98px) {
    body.home .ashunt-server-grid-six {
        grid-template-columns: 1fr;
    }

    body.home .ashunt-server-grid-six .ashunt-server-metric {
        min-height: 92px;
    }

    body.home .ashunt-server-grid-six .ashunt-server-time strong {
        font-size: 1.75rem;
    }
}

/* =====================================================
   JANGAN FORTRESS CONTROL CENTER
===================================================== */

body.home .ashunt-fortress-panel {
    min-height: 100%;
    display: flex;
    flex-direction: column;

    background:
        linear-gradient(
            180deg,
            rgba(20, 16, 11, 0.92),
            rgba(7, 7, 6, 0.98)
        ),
        radial-gradient(
            circle at 82% 18%,
            rgba(217, 164, 65, 0.12),
            transparent 34%
        );
}

body.home .ashunt-fortress-panel::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -25px;

    width: 210px;
    height: 210px;

    background:
        radial-gradient(
            circle,
            rgba(217, 164, 65, 0.08),
            transparent 68%
        );

    pointer-events: none;
}

body.home .ashunt-fortress-content {
    flex: 1;
}

body.home .ashunt-fortress-location {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

body.home .ashunt-fortress-location {
    margin: 18px 0 10px;
}

body.home .ashunt-fortress-location strong {
    display: block;
    color: var(--ashunt-gold-light);
    font-size: 1.18rem;
    font-weight: 800;
    letter-spacing: .02em;
}

body.home .ashunt-fortress-divider {
    height: 1px;
    margin: 22px 0;

    background:
        linear-gradient(
            90deg,
            rgba(217, 164, 65, 0.36),
            rgba(217, 164, 65, 0.04)
        );
}

body.home .ashunt-fortress-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.home .ashunt-fortress-stats > div {
    min-height: 76px;
    padding: 13px;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 8px;
}

body.home .ashunt-fortress-stats span {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: var(--ashunt-muted);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

body.home .ashunt-fortress-stats span i {
    width: 16px;
    color: var(--ashunt-gold);
    text-align: center;
}

body.home .ashunt-fortress-stats strong {
    color: var(--ashunt-text);
    font-size: 0.82rem;
    text-align: left;
}

body.home .ashunt-fortress-panel .ashunt-text-link {
    margin-top: 22px;
}

/* TABLET */

@media (max-width: 1199.98px) {
    body.home .ashunt-fortress-panel {
        min-height: auto;
    }
}

/* MOBILE */

@media (max-width: 575.98px) {
    body.home .ashunt-fortress-stats {
        grid-template-columns: 1fr;
    }
}

body.home .ashunt-discord-card {
    position: relative;
    color: inherit;
    text-decoration: none;
}

body.home .ashunt-discord-card:hover {
    color: inherit;
}

body.home .ashunt-discord-arrow {
    position: absolute;
    top: 14px;
    right: 14px;

    color: rgba(135, 152, 255, 0.72);
    font-size: 0.72rem;

    transition:
        transform 180ms ease,
        color 180ms ease;
}

body.home .ashunt-discord-card:hover .ashunt-discord-arrow {
    color: #aab5ff;
    transform: translate(2px, -2px);
}

body.home .ashunt-discord-card .ashunt-server-info strong {
    color: #aab5ff;
}

/* =====================================================
   ASHUNT HERO V2 — CINEMATIC CENTERED LAYOUT
===================================================== */

body.home .ashunt-hero-v2 {
    min-height: 650px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image:
        linear-gradient(
            180deg,
            rgba(1, 1, 1, 0.08) 0%,
            rgba(2, 2, 2, 0.17) 36%,
            rgba(3, 3, 3, 0.8) 100%
        ),
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.36) 0%,
            rgba(0, 0, 0, 0.08) 50%,
            rgba(0, 0, 0, 0.36) 100%
        ),
        url("../media/divaous/home-bg-dark.png");

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

body.home .ashunt-hero-v2 .ashunt-hero-overlay {
    background:
        radial-gradient(
            ellipse at center 40%,
            rgba(0, 0, 0, 0.02) 0%,
            rgba(0, 0, 0, 0.18) 52%,
            rgba(0, 0, 0, 0.72) 100%
        );
}

body.home .ashunt-hero-vignette {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.18) 0%,
            transparent 23%,
            transparent 70%,
            rgba(0, 0, 0, 0.82) 100%
        );

    pointer-events: none;
}

body.home .ashunt-hero-embers {
    position: absolute;
    inset: 0;

    opacity: 0.38;
    pointer-events: none;

    background-image:
        radial-gradient(circle, rgba(244, 178, 70, 0.8) 0 1px, transparent 1.8px),
        radial-gradient(circle, rgba(224, 100, 30, 0.66) 0 1px, transparent 1.8px);

    background-size:
        92px 92px,
        137px 137px;

    background-position:
        14px 24px,
        58px 73px;

    mask-image:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(0, 0, 0, 0.34) 34%,
            rgba(0, 0, 0, 0.86) 100%
        );

    animation: ashuntHeroEmbers 18s linear infinite;
}

@keyframes ashuntHeroEmbers {
    from {
        background-position:
            14px 80px,
            58px 130px;
    }

    to {
        background-position:
            14px -120px,
            58px -70px;
    }
}

body.home .ashunt-hero-v2 .ashunt-hero-content {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 105px;
}

body.home .ashunt-hero-copy-centered {
    width: min(100%, 980px);
    max-width: 980px;
    margin-inline: auto;

    display: flex;
    align-items: center;
    flex-direction: column;

    text-align: center;
}

body.home .ashunt-hero-brand {
    display: block;

    color: #f0e6d2;
    font-family: "El Messiri", serif;
    font-size: clamp(1.2rem, 1.8vw, 1.85rem);
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.34em;
    text-transform: uppercase;

    text-shadow:
        0 3px 20px rgba(0, 0, 0, 0.85),
        0 0 28px rgba(211, 158, 62, 0.14);
}

body.home .ashunt-hero-main-title {
    margin: 18px 0 16px;

    color: #d6a450;
    font-family: "El Messiri", serif;
    font-size: clamp(3.8rem, 7vw, 7.2rem);
    font-weight: 700;
    line-height: 0.94;
    letter-spacing: -0.035em;
    text-transform: uppercase;

    background:
        linear-gradient(
            180deg,
            #fff1c4 0%,
            #e4b661 30%,
            #b66d20 68%,
            #f2c66d 100%
        );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    filter:
        drop-shadow(0 5px 0 rgba(42, 21, 5, 0.86))
        drop-shadow(0 14px 24px rgba(0, 0, 0, 0.7));

    text-shadow:
        0 0 22px rgba(227, 164, 62, 0.11);
}

body.home .ashunt-hero-divider {
    width: min(100%, 650px);

    display: grid;
    grid-template-columns: minmax(30px, 1fr) auto minmax(30px, 1fr);
    align-items: center;
    gap: 22px;

    margin-top: 3px;
}

body.home .ashunt-hero-divider span {
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(224, 174, 88, 0.72)
        );
}

body.home .ashunt-hero-divider span:last-child {
    background:
        linear-gradient(
            90deg,
            rgba(224, 174, 88, 0.72),
            transparent
        );
}

body.home .ashunt-hero-divider strong {
    color: rgba(244, 227, 194, 0.92);

    font-family: "Josefin Sans", sans-serif;
    font-size: clamp(0.75rem, 1.1vw, 1rem);
    line-height: 1;
    letter-spacing: 0.58em;
    text-indent: 0.58em;
    text-transform: uppercase;

    text-shadow:
        0 3px 12px rgba(0, 0, 0, 0.92);
}

body.home .ashunt-hero-v2 .ashunt-hero-description {
    max-width: 620px;
    margin: 25px auto 0;

    color: rgba(238, 232, 220, 0.82);
    font-size: clamp(0.95rem, 1.2vw, 1.08rem);
    line-height: 1.75;

    text-shadow:
        0 2px 8px rgba(0, 0, 0, 0.92);
}

body.home .ashunt-hero-actions-centered {
    justify-content: center;
    margin-top: 34px;
}

body.home .ashunt-hero-action {
    min-width: 190px;
    min-height: 64px;

    padding: 0 26px;

    border-radius: 3px;

    position: relative;
    overflow: hidden;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 14px 34px rgba(0, 0, 0, 0.38);
}

body.home .ashunt-hero-action::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            110deg,
            transparent 20%,
            rgba(255, 255, 255, 0.18) 46%,
            transparent 70%
        );

    transform: translateX(-130%);
    transition: transform 550ms ease;
}

body.home .ashunt-hero-action:hover::before {
    transform: translateX(130%);
}

body.home .ashunt-hero-action > i,
body.home .ashunt-hero-action > span {
    position: relative;
    z-index: 2;
}

body.home .ashunt-hero-action > span {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;

    text-align: left;
}

body.home .ashunt-hero-action strong,
body.home .ashunt-hero-action small {
    display: block;
}

body.home .ashunt-hero-action strong {
    font-size: 0.88rem;
    letter-spacing: 0.08em;
}

body.home .ashunt-hero-action small {
    font-size: 0.61rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    opacity: 0.72;
}

body.home .ashunt-btn-register {
    color: #fff1e5;

    background:
        linear-gradient(
            135deg,
            #851e18,
            #3d0908
        );

    border-color: rgba(255, 91, 60, 0.36);

    box-shadow:
        inset 0 1px 0 rgba(255, 194, 166, 0.15),
        0 14px 34px rgba(81, 6, 5, 0.3),
        0 0 24px rgba(178, 45, 26, 0.1);
}

body.home .ashunt-btn-register:hover {
    color: #fff;

    border-color: rgba(255, 110, 74, 0.72);

    background:
        linear-gradient(
            135deg,
            #a52a21,
            #520d0a
        );
}

body.home .ashunt-btn-download {
    color: #e5f0f3;

    background:
        linear-gradient(
            135deg,
            #12333f,
            #07161b
        );

    border-color: rgba(91, 166, 193, 0.38);

    box-shadow:
        inset 0 1px 0 rgba(180, 230, 246, 0.1),
        0 14px 34px rgba(4, 22, 29, 0.34),
        0 0 24px rgba(39, 105, 132, 0.1);
}

body.home .ashunt-btn-download:hover {
    color: #fff;

    border-color: rgba(100, 197, 231, 0.7);

    background:
        linear-gradient(
            135deg,
            #184656,
            #0a222b
        );
}

/* HERO TABLET */

@media (max-width: 991.98px) {
    body.home .ashunt-hero-v2 {
        min-height: 610px;
        background-position: center center;
    }

    body.home .ashunt-hero-v2 .ashunt-hero-content {
        padding-top: 60px;
        padding-bottom: 90px;
    }

    body.home .ashunt-hero-main-title {
        font-size: clamp(3.7rem, 9vw, 5.7rem);
    }

    body.home .ashunt-hero-action {
        min-width: 175px;
    }
}

/* HERO MOBILE */

@media (max-width: 767.98px) {
    body.home .ashunt-hero-v2 {
        min-height: 640px;
        background-position: 57% center;
    }

    body.home .ashunt-hero-copy-centered {
        padding-inline: 10px;
    }

    body.home .ashunt-hero-brand {
        font-size: 1rem;
        letter-spacing: 0.24em;
    }

    body.home .ashunt-hero-main-title {
        margin-top: 15px;
        font-size: clamp(3rem, 15vw, 4.4rem);
        line-height: 0.98;
    }

    body.home .ashunt-hero-divider {
        gap: 12px;
    }

    body.home .ashunt-hero-divider strong {
        font-size: 0.68rem;
        letter-spacing: 0.32em;
        text-indent: 0.32em;
    }

    body.home .ashunt-hero-v2 .ashunt-hero-description br {
        display: none;
    }

    body.home .ashunt-hero-actions-centered {
        width: 100%;
        max-width: 390px;

        display: grid;
        grid-template-columns: 1fr;
        gap: 11px;
    }

    body.home .ashunt-hero-action {
        width: 100%;
        min-width: 0;
        min-height: 58px;
    }
}

/* =====================================================
   HERO OVERLAY GAP FIX
===================================================== */

body.home .ashunt-hero {
    margin: 0 !important;
    padding: 0 !important;
}

body.home .ashunt-hero-v2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.home .ashunt-hero-overlay,
body.home .ashunt-hero-vignette {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

body.home .ashunt-hero-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.42) 0%,
            rgba(0, 0, 0, 0.28) 18%,
            rgba(0, 0, 0, 0.22) 55%,
            rgba(0, 0, 0, 0.72) 100%
        ) !important;
}

body.home .ashunt-hero-vignette {
    background:
        radial-gradient(
            ellipse at center,
            transparent 28%,
            rgba(0, 0, 0, 0.16) 58%,
            rgba(0, 0, 0, 0.58) 100%
        ) !important;
}

body.home .ashunt-hero-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 90px;
    margin: 0;
    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(6, 6, 5, 0.72) 58%,
            #060605 100%
        );
    pointer-events: none;
}

body.home .ashunt-home {
    margin-top: 0 !important;
}

body.home .ashunt-status-section {
    margin-top: 0 !important;
    padding-top: 28px;
}

/* =====================================================
   HOME HERO — HEADER GAP FINAL FIX
===================================================== */

body.home #kt_wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.home #kt_wrapper > .ashunt-hero,
body.home .ashunt-hero-v2 {
    margin-top: -27px !important;
    padding-top: 27px !important;
}

/* Koyu katmanı yukarı doğru da uzat */
body.home .ashunt-hero-v2 .ashunt-hero-overlay {
    top: -27px !important;
    bottom: 0 !important;
    height: calc(100% + 27px) !important;
}

/* Parçacık katmanı da aynı alanı kaplasın */
body.home .ashunt-hero-v2 .ashunt-hero-embers {
    top: -27px !important;
    bottom: 0 !important;
    height: calc(100% + 27px) !important;
}

/* =====================================================
   ASHUNT ANALOG EVENT CLOCK
===================================================== */

:is(body.home, body.events-page) .ashunt-events-panel {
    min-height: 520px;
}

:is(body.home, body.events-page) .ashunt-clock-events {
    width: 100%;
    height: 382px;

    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 12px;

    position: relative;
}

/* SOL ZAMAN YAYI */

:is(body.home, body.events-page) .ashunt-clock-rail {
    height: 100%;
    position: relative;
}

:is(body.home, body.events-page) .ashunt-clock-arc {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 34px;

    width: 62px;

    border-left: 2px solid rgba(217, 164, 65, 0.42);
    border-radius: 50% 0 0 50%;

    transform: translateX(7px);
}

:is(body.home, body.events-page) .ashunt-clock-arc::before,
:is(body.home, body.events-page) .ashunt-clock-arc::after {
    content: "";
    position: absolute;
    left: -5px;

    width: 10px;
    height: 2px;

    background: var(--ashunt-gold);
    box-shadow: 0 0 12px rgba(217, 164, 65, 0.55);
}

:is(body.home, body.events-page) .ashunt-clock-arc::before {
    top: 25%;
}

:is(body.home, body.events-page) .ashunt-clock-arc::after {
    bottom: 25%;
}

:is(body.home, body.events-page) .ashunt-clock-ticks {
    position: absolute;
    inset: -2px 0 -2px -9px;

    opacity: 0.6;

    background:
        repeating-linear-gradient(
            to bottom,
            rgba(217, 164, 65, 0.45) 0,
            rgba(217, 164, 65, 0.45) 1px,
            transparent 1px,
            transparent 11px
        );

    width: 9px;
}

:is(body.home, body.events-page) .ashunt-clock-progress {
    position: absolute;
    top: 50%;
    left: -3px;

    width: 4px;
    height: 50%;

    background:
        linear-gradient(
            180deg,
            #e5b549 0%,
            #d87b24 45%,
            #d74334 100%
        );

    box-shadow: 0 0 12px rgba(217, 164, 65, 0.42);
}

:is(body.home, body.events-page) .ashunt-clock-mark {
    position: absolute;
    left: -3px;

    display: flex;
    align-items: center;
}

:is(body.home, body.events-page) .ashunt-clock-mark::before {
    content: "";
    width: 10px;
    height: 2px;
    margin-right: 5px;
    background: currentColor;
}

:is(body.home, body.events-page) .ashunt-clock-mark strong {
    font-size: 0.62rem;
    font-weight: 700;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

:is(body.home, body.events-page) .ashunt-clock-mark-top {
    top: 8%;
    color: #62dc83;
}

:is(body.home, body.events-page) .ashunt-clock-mark-center {
    top: 50%;
    color: var(--ashunt-gold-light);
    transform: translateY(-50%);
}

:is(body.home, body.events-page) .ashunt-clock-mark-bottom {
    bottom: 8%;
    color: #e35b4f;
}

/* ANALOG SAAT */

:is(body.home, body.events-page) .ashunt-clock-face {
    position: absolute;
    z-index: 6;
    left: -2px;
    top: 50%;

    width: 78px;
    height: 78px;

    transform: translateY(-50%);
}

:is(body.home, body.events-page) .ashunt-clock-face::before {
    content: "";

    position: absolute;
    inset: 0;

    border: 2px solid rgba(217, 164, 65, 0.75);
    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(81, 54, 14, 0.86) 0%,
            rgba(14, 12, 8, 0.98) 65%
        );

    box-shadow:
        0 0 0 4px rgba(217, 164, 65, 0.08),
        0 0 24px rgba(217, 164, 65, 0.26),
        inset 0 0 18px rgba(217, 164, 65, 0.12);
}

:is(body.home, body.events-page) .ashunt-clock-face-label,
:is(body.home, body.events-page) .ashunt-clock-face-time {
    position: absolute;
    left: 50%;
    z-index: 7;
    transform: translateX(-50%);
    white-space: nowrap;
}

:is(body.home, body.events-page) .ashunt-clock-face-label {
    top: -34px;
    color: var(--ashunt-muted);
    font-size: 0.48rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

:is(body.home, body.events-page) .ashunt-clock-face-time {
    top: -22px;
    color: var(--ashunt-gold-light);
    font-size: 0.72rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

:is(body.home, body.events-page) .ashunt-clock-dial {
    position: absolute;
    inset: 9px;
    z-index: 8;

    border: 1px solid rgba(217, 164, 65, 0.28);
    border-radius: 50%;

    background:
        repeating-conic-gradient(
            from 0deg,
            rgba(217, 164, 65, 0.58) 0deg 1deg,
            transparent 1deg 15deg
        );
}

:is(body.home, body.events-page) .ashunt-clock-dial-center {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;

    width: 8px;
    height: 8px;

    transform: translate(-50%, -50%);

    background: var(--ashunt-gold-light);
    border-radius: 50%;

    box-shadow: 0 0 12px rgba(217, 164, 65, 0.8);
}

:is(body.home, body.events-page) .ashunt-clock-hour-hand,
:is(body.home, body.events-page) .ashunt-clock-minute-hand,
:is(body.home, body.events-page) .ashunt-clock-second-hand {
    position: absolute;
    z-index: 9;
    left: 50%;
    bottom: 50%;

    transform-origin: 50% 100%;
    border-radius: 999px;
}

:is(body.home, body.events-page) .ashunt-clock-hour-hand {
    width: 3px;
    height: 15px;
    background: #e7c06c;
}

:is(body.home, body.events-page) .ashunt-clock-minute-hand {
    width: 2px;
    height: 21px;
    background: #f4dd9b;
}

:is(body.home, body.events-page) .ashunt-clock-second-hand {
    width: 1px;
    height: 24px;
    background: #dd7935;
}

:is(body.home, body.events-page) .ashunt-clock-window-label {
    position: absolute;
    left: 14px;

    color: var(--ashunt-muted);
    font-size: 0.53rem;
    white-space: nowrap;
}

:is(body.home, body.events-page) .ashunt-clock-window-top {
    top: 0;
    color: #62dc83;
}

:is(body.home, body.events-page) .ashunt-clock-window-bottom {
    bottom: 0;
    color: #e35b4f;
}

/* ETKİNLİK ALANI */

:is(body.home, body.events-page) .ashunt-clock-event-viewport {
    height: 382px;
    position: relative;
    overflow: hidden;
}

:is(body.home, body.events-page) .ashunt-clock-event-track {
    position: absolute;
    inset-inline: 0;
    top: 0;

    display: flex;
    flex-direction: column;
    gap: 12px;

    transition: transform 900ms cubic-bezier(.22, .61, .36, 1);
    will-change: transform;
}

:is(body.home, body.events-page) .ashunt-clock-event {
    height: 76px;
    flex: 0 0 76px;

    padding: 10px 12px;

    display: grid;
    grid-template-columns: 42px 10px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 8px;

    position: relative;

    background: rgba(0, 0, 0, 0.22);
    border: 1px solid rgba(217, 164, 65, 0.09);
    border-radius: 5px;

    opacity: 0.36;
    transform: scale(0.965);

    transition:
        opacity 300ms ease,
        transform 300ms ease,
        background-color 300ms ease,
        border-color 300ms ease,
        box-shadow 300ms ease;
}

:is(body.home, body.events-page) .ashunt-clock-event time {
    color: inherit;
    font-size: 0.7rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

:is(body.home, body.events-page) .ashunt-clock-event-dot {
    width: 7px;
    height: 7px;

    background: currentColor;
    border-radius: 50%;

    box-shadow:
        0 0 0 5px color-mix(in srgb, currentColor 10%, transparent),
        0 0 13px color-mix(in srgb, currentColor 48%, transparent);
}

:is(body.home, body.events-page) .ashunt-clock-event-copy {
    min-width: 0;
}

:is(body.home, body.events-page) .ashunt-clock-event-copy strong,
:is(body.home, body.events-page) .ashunt-clock-event-copy small {
    display: block;
}

:is(body.home, body.events-page) .ashunt-clock-event-copy strong {
    overflow: hidden;

    color: var(--ashunt-text);
    font-size: 0.73rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:is(body.home, body.events-page) .ashunt-clock-event-copy small {
    margin-top: 4px;
    color: inherit;
    font-size: 0.57rem;
}

:is(body.home, body.events-page) .ashunt-clock-event > i {
    color: inherit;
    font-size: 0.88rem;
    opacity: 0.9;
}

/* YAKLAŞAN — YEŞİL */

:is(body.home, body.events-page) .ashunt-clock-event.is-upcoming {
    color: #55d879;

    border-color: rgba(85, 216, 121, 0.22);

    background:
        linear-gradient(
            90deg,
            rgba(27, 96, 49, 0.12),
            rgba(0, 0, 0, 0.22)
        );
}

/* AKTİF — SARI */

:is(body.home, body.events-page) .ashunt-clock-event.is-active {
    color: #f0bd43;

    opacity: 1;
    transform: scale(1);

    border-color: rgba(240, 189, 67, 0.72);

    background:
        linear-gradient(
            90deg,
            rgba(115, 76, 10, 0.28),
            rgba(14, 11, 5, 0.88)
        );

    box-shadow:
        0 0 0 1px rgba(240, 189, 67, 0.08),
        0 12px 30px rgba(0, 0, 0, 0.34),
        0 0 22px rgba(240, 189, 67, 0.1);
}

:is(body.home, body.events-page) .ashunt-clock-event.is-active .ashunt-clock-event-dot {
    animation: ashuntClockEventPulse 1.5s ease-in-out infinite;
}

/* BİTMİŞ — KIRMIZI */

:is(body.home, body.events-page) .ashunt-clock-event.is-finished {
    color: #e14d40;

    border-color: rgba(225, 77, 64, 0.18);

    background:
        linear-gradient(
            90deg,
            rgba(107, 31, 24, 0.1),
            rgba(0, 0, 0, 0.18)
        );
}

/* ORTADAKİ ODAK KARTI */

:is(body.home, body.events-page) .ashunt-clock-event.is-focus {
    opacity: 1;
}

:is(body.home, body.events-page) .ashunt-clock-now-guide {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    top: 50%;

    height: 1px;

    transform: translateY(-50%);

    background:
        linear-gradient(
            90deg,
            rgba(217, 164, 65, 0.68),
            rgba(217, 164, 65, 0.08)
        );

    pointer-events: none;
}

:is(body.home, body.events-page) .ashunt-clock-now-guide span {
    position: absolute;
    left: -4px;
    top: 50%;

    width: 8px;
    height: 8px;

    transform: translateY(-50%) rotate(45deg);

    background: var(--ashunt-gold-light);
    box-shadow: 0 0 14px rgba(217, 164, 65, 0.62);
}

:is(body.home, body.events-page) .ashunt-clock-event-fade {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;

    height: 48px;

    pointer-events: none;
}

:is(body.home, body.events-page) .ashunt-clock-event-fade-top {
    top: 0;

    background:
        linear-gradient(
            180deg,
            #0c0b09,
            rgba(12, 11, 9, 0.74),
            transparent
        );
}

:is(body.home, body.events-page) .ashunt-clock-event-fade-bottom {
    bottom: 0;

    background:
        linear-gradient(
            0deg,
            #0c0b09,
            rgba(12, 11, 9, 0.74),
            transparent
        );
}

/* AÇIKLAMA */

:is(body.home, body.events-page) .ashunt-clock-legend {
    margin-top: 14px;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

:is(body.home, body.events-page) .ashunt-clock-legend span {
    display: flex;
    align-items: center;
    gap: 6px;

    color: var(--ashunt-muted);
    font-size: 0.5rem;
    font-weight: 700;
    text-transform: uppercase;
}

:is(body.home, body.events-page) .ashunt-clock-legend i {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

:is(body.home, body.events-page) .ashunt-clock-legend .is-upcoming i {
    background: #55d879;
    box-shadow: 0 0 9px rgba(85, 216, 121, 0.55);
}

:is(body.home, body.events-page) .ashunt-clock-legend .is-active i {
    background: #f0bd43;
    box-shadow: 0 0 9px rgba(240, 189, 67, 0.55);
}

:is(body.home, body.events-page) .ashunt-clock-legend .is-finished i {
    background: #e14d40;
    box-shadow: 0 0 9px rgba(225, 77, 64, 0.55);
}

@keyframes ashuntClockEventPulse {
    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.32);
        opacity: 0.7;
    }
}

/* TABLET VE MOBİL */

@media (max-width: 1199.98px) {
    :is(body.home, body.events-page) .ashunt-events-panel {
        min-height: 500px;
    }
}

@media (max-width: 575.98px) {
    :is(body.home, body.events-page) .ashunt-clock-events {
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 7px;
    }

    :is(body.home, body.events-page) .ashunt-clock-face {
        width: 64px;
        height: 64px;
    }

    :is(body.home, body.events-page) .ashunt-clock-arc {
        left: 29px;
        width: 51px;
    }

    :is(body.home, body.events-page) .ashunt-clock-event {
        grid-template-columns: 36px 8px minmax(0, 1fr) 16px;
        padding-inline: 8px;
    }

    :is(body.home, body.events-page) .ashunt-clock-event-copy strong {
        font-size: 0.67rem;
    }
}

/* =====================================================
   EVENT CALENDAR BUTTON + 24H MODAL
===================================================== */

body.home .ashunt-event-widget {
    position: relative;
}

/* TAKVİM BUTONU */

body.home .ashunt-calendar-trigger {
    position: absolute;
    z-index: 12;
    top: -58px;
    right: 0;

    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    color: #f1bd46;
    background:
        radial-gradient(
            circle,
            rgba(151, 98, 16, 0.34),
            rgba(31, 21, 8, 0.94) 66%
        );

    border: 1px solid rgba(241, 189, 70, 0.5);
    border-radius: 9px;

    box-shadow:
        0 0 0 5px rgba(241, 189, 70, 0.05),
        0 0 22px rgba(241, 189, 70, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);

    cursor: pointer;

    animation: ashuntCalendarBreath 2.2s ease-in-out infinite;

    transition:
        transform 180ms ease,
        color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

body.home .ashunt-calendar-trigger i {
    font-size: 1.15rem;
}

body.home .ashunt-calendar-trigger:hover {
    color: #ffe19a;
    transform: translateY(-2px) scale(1.05);
    border-color: rgba(255, 220, 128, 0.82);

    box-shadow:
        0 0 0 7px rgba(241, 189, 70, 0.08),
        0 0 30px rgba(241, 189, 70, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

@keyframes ashuntCalendarBreath {
    0%,
    100% {
        box-shadow:
            0 0 0 4px rgba(241, 189, 70, 0.04),
            0 0 14px rgba(241, 189, 70, 0.2),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    50% {
        box-shadow:
            0 0 0 8px rgba(241, 189, 70, 0.08),
            0 0 30px rgba(241, 189, 70, 0.5),
            inset 0 1px 0 rgba(255, 255, 255, 0.14);
    }
}

/* RENKLERİN KESİNLEŞTİRİLMESİ */

body.home .ashunt-clock-event.is-upcoming {
    color: #54d879 !important;
    border-color: rgba(84, 216, 121, 0.28) !important;

    background:
        linear-gradient(
            90deg,
            rgba(21, 86, 43, 0.18),
            rgba(0, 0, 0, 0.22)
        ) !important;
}

body.home .ashunt-clock-event.is-active {
    color: #f2bd42 !important;
    border-color: rgba(242, 189, 66, 0.76) !important;

    background:
        linear-gradient(
            90deg,
            rgba(126, 82, 11, 0.34),
            rgba(16, 12, 5, 0.92)
        ) !important;
}

body.home .ashunt-clock-event.is-finished {
    color: #e24e43 !important;
    border-color: rgba(226, 78, 67, 0.28) !important;

    background:
        linear-gradient(
            90deg,
            rgba(104, 27, 22, 0.2),
            rgba(0, 0, 0, 0.2)
        ) !important;
}

/* MODAL */

.ashunt-calendar-modal {
    position: fixed;
    z-index: 10000;
    inset: 0;

    display: grid;
    place-items: center;

    padding: 28px;

    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    transition:
        opacity 220ms ease,
        visibility 220ms ease;
}

.ashunt-calendar-modal.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.ashunt-calendar-backdrop {
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.ashunt-calendar-dialog {
    position: relative;
    z-index: 2;

    width: min(100%, 880px);
    max-height: min(86vh, 820px);

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 25% 0%,
            rgba(112, 73, 15, 0.15),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            rgba(18, 15, 10, 0.98),
            rgba(5, 5, 4, 0.99)
        );

    border: 1px solid rgba(224, 170, 67, 0.58);
    border-radius: 12px;

    box-shadow:
        0 30px 100px rgba(0, 0, 0, 0.76),
        0 0 42px rgba(224, 170, 67, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);

    transform: translateY(18px) scale(0.985);

    transition: transform 220ms ease;
}

.ashunt-calendar-modal.is-open .ashunt-calendar-dialog {
    transform: translateY(0) scale(1);
}

.ashunt-calendar-header {
    min-height: 98px;
    padding: 22px 24px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;

    border-bottom: 1px solid rgba(224, 170, 67, 0.12);
}

.ashunt-calendar-title-wrap {
    min-width: 0;

    display: flex;
    align-items: center;
    gap: 16px;
}

.ashunt-calendar-title-icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;

    display: grid;
    place-items: center;

    color: #f2bd42;
    background: rgba(242, 189, 66, 0.09);
    border: 1px solid rgba(242, 189, 66, 0.22);
    border-radius: 10px;

    box-shadow: 0 0 20px rgba(242, 189, 66, 0.08);
}

.ashunt-calendar-title-icon i {
    font-size: 1.4rem;
}

.ashunt-calendar-kicker {
    color: #dba63d;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.ashunt-calendar-header h3 {
    margin: 5px 0 0;

    color: #f4efe6;
    font-family: "El Messiri", serif;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.ashunt-calendar-header p {
    margin: 5px 0 0;

    color: rgba(209, 202, 189, 0.62);
    font-size: 0.76rem;
}

.ashunt-calendar-close {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;

    display: grid;
    place-items: center;

    color: rgba(233, 194, 113, 0.72);
    background: transparent;
    border: 1px solid rgba(224, 170, 67, 0.12);
    border-radius: 7px;

    cursor: pointer;

    transition:
        color 180ms ease,
        border-color 180ms ease,
        background-color 180ms ease,
        transform 180ms ease;
}

.ashunt-calendar-close:hover {
    color: #ffd980;
    background: rgba(224, 170, 67, 0.08);
    border-color: rgba(224, 170, 67, 0.34);
    transform: rotate(4deg);
}

/* LİSTE */

.ashunt-calendar-list {
    min-height: 0;
    padding: 14px 18px;

    overflow-y: auto;
    overscroll-behavior: contain;

    scrollbar-width: thin;
    scrollbar-color: rgba(218, 162, 52, 0.62) rgba(255, 255, 255, 0.03);
}

.ashunt-calendar-list::-webkit-scrollbar {
    width: 7px;
}

.ashunt-calendar-list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.03);
}

.ashunt-calendar-list::-webkit-scrollbar-thumb {
    background: rgba(218, 162, 52, 0.58);
    border-radius: 999px;
}

.ashunt-calendar-row {
    min-height: 50px;
    padding: 9px 13px;

    display: grid;
    grid-template-columns: 62px 10px 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;

    position: relative;

    color: #55d879;

    background: rgba(255, 255, 255, 0.015);
    border: 1px solid rgba(255, 255, 255, 0.045);
    border-radius: 5px;

    transition:
        border-color 180ms ease,
        background-color 180ms ease,
        box-shadow 180ms ease;
}

.ashunt-calendar-row + .ashunt-calendar-row {
    margin-top: 7px;
}

.ashunt-calendar-row time {
    color: inherit;
    font-size: 0.76rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.ashunt-calendar-row-dot {
    width: 7px;
    height: 7px;

    background: currentColor;
    border-radius: 50%;

    box-shadow:
        0 0 0 5px color-mix(in srgb, currentColor 10%, transparent),
        0 0 13px color-mix(in srgb, currentColor 46%, transparent);
}

.ashunt-calendar-row > i {
    color: inherit;
    font-size: 0.9rem;
    text-align: center;
}

.ashunt-calendar-row strong {
    overflow: hidden;

    color: #ede8df;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ashunt-calendar-row-status {
    color: inherit;
    font-size: 0.69rem;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

/* MODAL DURUM RENKLERİ */

.ashunt-calendar-row.is-upcoming {
    color: #55d879;

    border-color: rgba(85, 216, 121, 0.1);
}

.ashunt-calendar-row.is-active {
    color: #f2bd42;

    background:
        linear-gradient(
            90deg,
            rgba(119, 76, 8, 0.3),
            rgba(22, 15, 5, 0.64)
        );

    border-color: rgba(242, 189, 66, 0.72);

    box-shadow:
        0 0 0 1px rgba(242, 189, 66, 0.06),
        0 0 22px rgba(242, 189, 66, 0.08);
}

.ashunt-calendar-row.is-finished {
    color: #e24e43;

    background:
        linear-gradient(
            90deg,
            rgba(92, 24, 20, 0.13),
            rgba(255, 255, 255, 0.01)
        );

    border-color: rgba(226, 78, 67, 0.1);
}

.ashunt-calendar-footer {
    min-height: 54px;
    padding: 12px 24px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    color: rgba(218, 162, 52, 0.82);

    border-top: 1px solid rgba(224, 170, 67, 0.12);
}

.ashunt-calendar-footer span {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    font-size: 0.7rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ashunt-calendar-footer strong {
    font-size: 0.76rem;
    font-variant-numeric: tabular-nums;
}

body.ashunt-modal-open {
    overflow: hidden;
}

/* TABLET */

@media (max-width: 767.98px) {
    .ashunt-calendar-modal {
        padding: 16px;
    }

    .ashunt-calendar-dialog {
        width: 100%;
        max-height: 92vh;
    }

    .ashunt-calendar-header {
        padding: 18px;
    }

    .ashunt-calendar-title-icon {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    .ashunt-calendar-row {
        grid-template-columns: 50px 8px 18px minmax(0, 1fr);
        gap: 9px;
    }

    .ashunt-calendar-row-status {
        grid-column: 4;
        margin-top: -3px;
        text-align: left;
        white-space: normal;
    }
}

/* MOBILE */

@media (max-width: 575.98px) {
    body.home .ashunt-calendar-trigger {
        top: -54px;
        width: 38px;
        height: 38px;
    }

    .ashunt-calendar-modal {
        padding: 0;
    }

    .ashunt-calendar-dialog {
        height: 100dvh;
        max-height: none;

        border-radius: 0;
        border-inline: 0;
    }

    .ashunt-calendar-header {
        min-height: 92px;
        padding: 16px;
    }

    .ashunt-calendar-header p {
        display: none;
    }

    .ashunt-calendar-list {
        padding: 10px;
    }

    .ashunt-calendar-row {
        min-height: 58px;
        padding: 9px 10px;
    }
}

/* =====================================================
   EVENT TIMELINE — CENTER FOCUS GOLD
===================================================== */

body.home .ashunt-clock-event.is-focus {
    color: #f3bf43 !important;

    opacity: 1 !important;
    transform: scale(1) !important;

    background:
        radial-gradient(
            circle at 20% 50%,
            rgba(226, 157, 32, 0.18),
            transparent 42%
        ),
        linear-gradient(
            90deg,
            rgba(126, 80, 10, 0.4),
            rgba(20, 14, 5, 0.96)
        ) !important;

    border-color: rgba(243, 191, 67, 0.9) !important;

    box-shadow:
        0 0 0 1px rgba(243, 191, 67, 0.12),
        0 0 18px rgba(243, 191, 67, 0.2),
        0 0 34px rgba(243, 191, 67, 0.12),
        inset 0 1px 0 rgba(255, 231, 166, 0.08) !important;

    animation: ashuntFocusEventGlow 2s ease-in-out infinite;
}

body.home .ashunt-clock-event.is-focus time,
body.home .ashunt-clock-event.is-focus .ashunt-clock-event-copy strong,
body.home .ashunt-clock-event.is-focus .ashunt-clock-event-copy small,
body.home .ashunt-clock-event.is-focus > i {
    color: #f3bf43 !important;
}

body.home .ashunt-clock-event.is-focus .ashunt-clock-event-copy strong {
    color: #fff0c2 !important;
}

body.home .ashunt-clock-event.is-focus .ashunt-clock-event-dot {
    background: #f3bf43 !important;

    box-shadow:
        0 0 0 6px rgba(243, 191, 67, 0.12),
        0 0 18px rgba(243, 191, 67, 0.82) !important;

    animation: ashuntClockEventPulse 1.4s ease-in-out infinite;
}

@keyframes ashuntFocusEventGlow {
    0%,
    100% {
        box-shadow:
            0 0 0 1px rgba(243, 191, 67, 0.1),
            0 0 14px rgba(243, 191, 67, 0.16),
            0 0 26px rgba(243, 191, 67, 0.08),
            inset 0 1px 0 rgba(255, 231, 166, 0.06);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(243, 191, 67, 0.18),
            0 0 24px rgba(243, 191, 67, 0.34),
            0 0 44px rgba(243, 191, 67, 0.18),
            inset 0 1px 0 rgba(255, 231, 166, 0.12);
    }
}

.ashunt-calendar-row.is-active {
    color: #f3bf43 !important;

    background:
        radial-gradient(
            circle at 18% 50%,
            rgba(226, 157, 32, 0.16),
            transparent 36%
        ),
        linear-gradient(
            90deg,
            rgba(126, 80, 10, 0.38),
            rgba(20, 14, 5, 0.92)
        ) !important;

    border-color: rgba(243, 191, 67, 0.92) !important;

    box-shadow:
        0 0 0 1px rgba(243, 191, 67, 0.12),
        0 0 24px rgba(243, 191, 67, 0.18) !important;
}

.ashunt-calendar-row.is-active strong {
    color: #fff0c2 !important;
}

.ashunt-calendar-row.is-active .ashunt-calendar-row-dot {
    box-shadow:
        0 0 0 6px rgba(243, 191, 67, 0.12),
        0 0 18px rgba(243, 191, 67, 0.8) !important;
}

/* =====================================================
   EVENT TIMELINE — FINAL VISIBILITY & ALIGNMENT FIX
===================================================== */

/* Takvim butonunu sağ üst köşeye yaklaştır */
body.home .ashunt-calendar-trigger {
    top: -65px !important;
    right: -2px !important;

    width: 40px;
    height: 40px;
}

/* Etkinlik kartlarına sağ tarafta güvenli alan bırak */
body.home .ashunt-clock-event-track {
    left: 0;
    right: 8px;
    width: auto;
}

/* Bütün kartların kutu hesabını garanti altına al */
body.home .ashunt-clock-event {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* =====================================================
   YAKLAŞAN ETKİNLİKLER — DAHA OKUNAKLI YEŞİL
===================================================== */

body.home .ashunt-clock-event.is-upcoming {
    opacity: 0.76 !important;
    filter: none !important;

    color: #55dc7c !important;

    background:
        linear-gradient(
            90deg,
            rgba(22, 92, 46, 0.24),
            rgba(4, 12, 7, 0.74)
        ) !important;

    border-color: rgba(85, 220, 124, 0.34) !important;
}

body.home .ashunt-clock-event.is-upcoming time,
body.home .ashunt-clock-event.is-upcoming
.ashunt-clock-event-copy small,
body.home .ashunt-clock-event.is-upcoming > i {
    color: #55dc7c !important;
    opacity: 0.9;
}

body.home .ashunt-clock-event.is-upcoming
.ashunt-clock-event-copy strong {
    color: rgba(235, 247, 238, 0.86) !important;
}

/* =====================================================
   GEÇMİŞ ETKİNLİKLER — DAHA OKUNAKLI KIRMIZI
===================================================== */

body.home .ashunt-clock-event.is-finished {
    opacity: 0.63 !important;
    filter: none !important;

    color: #ef584d !important;

    background:
        linear-gradient(
            90deg,
            rgba(104, 28, 23, 0.25),
            rgba(13, 5, 5, 0.72)
        ) !important;

    border-color: rgba(239, 88, 77, 0.31) !important;
}

body.home .ashunt-clock-event.is-finished time,
body.home .ashunt-clock-event.is-finished
.ashunt-clock-event-copy small,
body.home .ashunt-clock-event.is-finished > i {
    color: #ef584d !important;
    opacity: 0.9;
}

body.home .ashunt-clock-event.is-finished
.ashunt-clock-event-copy strong {
    color: rgba(239, 222, 219, 0.8) !important;
}

/* =====================================================
   ORTADAKİ ODAK KARTI — TAŞMASIZ ALTIN GLOW
===================================================== */

body.home .ashunt-clock-event.is-focus {
    width: 100% !important;

    /* Scale kaldırıldı; sağ kenarın kesilmesini önler */
    transform: none !important;

    opacity: 1 !important;

    color: #f5c44f !important;

    background:
        radial-gradient(
            circle at 16% 50%,
            rgba(245, 183, 55, 0.22),
            transparent 40%
        ),
        linear-gradient(
            90deg,
            rgba(132, 85, 12, 0.5),
            rgba(28, 18, 5, 0.95)
        ) !important;

    border-color: rgba(245, 196, 79, 0.94) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 229, 157, 0.08),
        inset 0 0 25px rgba(245, 196, 79, 0.05),
        0 0 16px rgba(245, 196, 79, 0.21) !important;

    animation: ashuntFocusEventGlowSafe 2s ease-in-out infinite;
}

/* Sol taraftaki altın yön işareti */
body.home .ashunt-clock-event.is-focus::before {
    content: "";

    position: absolute;
    left: -1px;
    top: 50%;

    width: 8px;
    height: 8px;

    background: #f5c44f;

    transform:
        translate(-50%, -50%)
        rotate(45deg);

    box-shadow:
        0 0 12px rgba(245, 196, 79, 0.8);
}

body.home .ashunt-clock-event.is-focus time,
body.home .ashunt-clock-event.is-focus
.ashunt-clock-event-copy small,
body.home .ashunt-clock-event.is-focus > i {
    color: #f5c44f !important;
    opacity: 1;
}

body.home .ashunt-clock-event.is-focus
.ashunt-clock-event-copy strong {
    color: #fff2c8 !important;
}

body.home .ashunt-clock-event.is-focus
.ashunt-clock-event-dot {
    background: #f5c44f !important;

    box-shadow:
        0 0 0 5px rgba(245, 196, 79, 0.13),
        0 0 17px rgba(245, 196, 79, 0.86) !important;
}

@keyframes ashuntFocusEventGlowSafe {
    0%,
    100% {
        box-shadow:
            inset 0 0 0 1px rgba(255, 229, 157, 0.06),
            inset 0 0 20px rgba(245, 196, 79, 0.04),
            0 0 12px rgba(245, 196, 79, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 1px rgba(255, 229, 157, 0.13),
            inset 0 0 27px rgba(245, 196, 79, 0.08),
            0 0 23px rgba(245, 196, 79, 0.34);
    }
}

body.home .ashunt-clock-event-fade-top {
    background:
        linear-gradient(
            180deg,
            #0c0b09 0%,
            rgba(12, 11, 9, 0.54) 42%,
            transparent 100%
        ) !important;
}

body.home .ashunt-clock-event-fade-bottom {
    background:
        linear-gradient(
            0deg,
            #0c0b09 0%,
            rgba(12, 11, 9, 0.54) 42%,
            transparent 100%
        ) !important;
}

body.home .ashunt-clock-event.is-focus {
    box-shadow:
        inset 0 0 0 1px rgba(255, 229, 157, 0.08),
        inset 0 0 25px rgba(245, 196, 79, 0.06),
        0 0 20px rgba(245, 196, 79, 0.28) !important;
}

/* =====================================================
   ASHUNT QUICK ACCESS — PREMIUM V2
===================================================== */

/* =====================================================
   PANEL
===================================================== */

body.home .ashunt-quick-panel-horizontal {
    min-height: auto;
    padding: 26px 24px 24px;
}

body.home .ashunt-quick-panel-horizontal .ashunt-panel-header {
    margin-bottom: 20px;
}

/* =====================================================
   GRID
===================================================== */

body.home .ashunt-quick-links-horizontal {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

/* =====================================================
   KART
===================================================== */

body.home .ashunt-quick-link {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    min-width: 0;
    min-height: 112px;
    padding: 14px 20px;

    display: grid;
    grid-template-columns: 104px minmax(0, 1fr) 22px;
    grid-template-areas: "icon copy arrow";
    align-items: center;
    column-gap: 22px;

    color: inherit;
    text-decoration: none;

    background:
        linear-gradient(
            110deg,
            transparent 0%,
            transparent 36%,
            rgba(255, 218, 126, 0.055) 48%,
            transparent 60%,
            transparent 100%
        )
        -350px 0 / 220px 100% no-repeat,

        radial-gradient(
            circle at 13% 50%,
            rgba(211, 153, 40, 0.045),
            transparent 34%
        ),

        linear-gradient(
            180deg,
            rgba(19, 15, 9, 0.98) 0%,
            rgba(7, 7, 6, 0.99) 100%
        );

    border: 1px solid rgba(217, 164, 65, 0.18);
    border-radius: 6px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.018),
        0 8px 20px rgba(0, 0, 0, 0.14);

    transition:
        transform 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        background-position 750ms cubic-bezier(.2, .7, .2, 1);
}

/* Üst kenardaki altın ışık */

body.home .ashunt-quick-link::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -1px;
    left: 50%;

    width: 116px;
    height: 2px;

    transform: translateX(-50%);

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(224, 166, 52, 0.12) 20%,
            rgba(255, 225, 143, 0.92) 50%,
            rgba(224, 166, 52, 0.12) 80%,
            transparent 100%
        );

    opacity: 0.62;

    filter:
        drop-shadow(0 0 5px rgba(239, 182, 66, 0.35))
        drop-shadow(0 0 11px rgba(239, 182, 66, 0.14));

    animation: ashuntQuickTopLine 3.4s ease-in-out infinite;

    pointer-events: none;
}

/* Alt kenardaki daha sakin altın ışık */

body.home .ashunt-quick-link::after {
    content: "";

    position: absolute;
    z-index: 1;

    bottom: -1px;
    left: 50%;

    width: 82px;
    height: 1px;

    transform: translateX(-50%);

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(235, 178, 62, 0.75),
            transparent
        );

    opacity: 0.34;

    filter:
        drop-shadow(0 0 6px rgba(229, 169, 48, 0.25));

    animation: ashuntQuickBottomLine 4.2s ease-in-out infinite;

    pointer-events: none;
}

/* İçerikleri ışıkların üzerinde tut */

body.home .ashunt-quick-link > * {
    position: relative;
    z-index: 3;
}

/* Kart hover */

body.home .ashunt-quick-link:hover {
    color: inherit;
    text-decoration: none;

    transform: translateY(-3px);

    background-position:
        650px 0,
        center,
        center;

    border-color: rgba(239, 187, 71, 0.62);

    box-shadow:
        inset 0 1px 0 rgba(255, 238, 192, 0.055),
        inset 0 0 24px rgba(218, 161, 47, 0.025),
        0 15px 34px rgba(0, 0, 0, 0.38),
        0 0 21px rgba(217, 164, 65, 0.13);
}

body.home .ashunt-quick-link:hover::before {
    width: 160px;
    opacity: 1;

    filter:
        drop-shadow(0 0 7px rgba(255, 202, 85, 0.58))
        drop-shadow(0 0 16px rgba(239, 182, 66, 0.26));
}

body.home .ashunt-quick-link:hover::after {
    width: 114px;
    opacity: 0.72;
}

/* =====================================================
   PNG İKON ALANI
===================================================== */

body.home .ashunt-quick-icon {
    grid-area: icon;

    position: relative;

    width: 96px;
    height: 96px;

    display: grid;
    place-items: center;

    justify-self: center;
    align-self: center;

    padding: 0;
    margin: 0;

    overflow: visible;

    background: transparent;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
}

/* İkonun altındaki derinlik gölgesi */

body.home .ashunt-quick-icon::after {
    content: "";

    position: absolute;
    z-index: -1;

    left: 50%;
    bottom: 5px;

    width: 67px;
    height: 13px;

    transform: translateX(-50%);

    background:
        radial-gradient(
            ellipse at center,
            rgba(0, 0, 0, 0.62) 0%,
            rgba(0, 0, 0, 0.28) 50%,
            transparent 76%
        );

    filter: blur(4px);
    opacity: 0.68;

    transition:
        width 220ms ease,
        opacity 220ms ease;
}

/* PNG */

body.home .ashunt-quick-icon img {
    width: 88px;
    height: 88px;
    max-width: none;

    display: block;
    object-fit: contain;

    transform-origin: center;

    opacity: 1;
    visibility: visible;

    filter:
        drop-shadow(0 4px 4px rgba(0, 0, 0, 0.34))
        drop-shadow(0 0 7px rgba(222, 169, 57, 0.18));

    animation: ashuntQuickIconBreath 3.8s ease-in-out infinite;

    transition:
        transform 260ms ease,
        filter 260ms ease;
}

/* Hover ikon */

body.home .ashunt-quick-link:hover .ashunt-quick-icon img {
    animation-play-state: paused;

    transform:
        translateY(-3px)
        scale(1.09)
        rotate(-2deg);

    filter:
        drop-shadow(0 6px 5px rgba(0, 0, 0, 0.42))
        drop-shadow(0 0 11px rgba(241, 190, 73, 0.55))
        drop-shadow(0 0 24px rgba(241, 190, 73, 0.22));
}

body.home .ashunt-quick-link:hover .ashunt-quick-icon::after {
    width: 76px;
    opacity: 0.82;
}

/* =====================================================
   METİN
===================================================== */

body.home .ashunt-quick-copy {
    min-width: 0;
    overflow: hidden;
    padding-left: 4px;
}

body.home .ashunt-quick-copy strong,
body.home .ashunt-quick-copy small {
    display: block;
}

body.home .ashunt-quick-copy strong {
    overflow: hidden;

    color: #f2eee7;

    font-size: 1.04rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.15px;

    text-overflow: ellipsis;
    white-space: nowrap;

    transition:
        color 180ms ease,
        text-shadow 180ms ease;
}

body.home .ashunt-quick-copy small {
    overflow: hidden;

    margin-top: 7px;

    color: rgba(205, 198, 187, 0.66);

    font-size: 0.74rem;
    line-height: 1.3;

    text-overflow: ellipsis;
    white-space: nowrap;

    transition:
        color 180ms ease;
}

body.home .ashunt-quick-link:hover .ashunt-quick-copy strong {
    color: #fff1c1;

    text-shadow:
        0 0 11px rgba(232, 180, 65, 0.19);
}

body.home .ashunt-quick-link:hover .ashunt-quick-copy small {
    color: rgba(225, 217, 201, 0.78);
}

/* =====================================================
   SAĞ OK
===================================================== */

body.home .ashunt-quick-arrow {
    grid-area: arrow;

    justify-self: end;
    align-self: center;

    color: var(--ashunt-gold);
    font-size: 0.82rem;

    transition:
        color 180ms ease,
        transform 180ms ease,
        filter 180ms ease;
}

body.home .ashunt-quick-link:hover .ashunt-quick-arrow {
    color: #ffd56e;

    transform:
        translateX(7px)
        scale(1.08);

    filter:
        drop-shadow(0 0 7px rgba(240, 183, 52, 0.5));
}

/* =====================================================
   DISCORD ÖZEL EFEKT
   Yeşil nokta özellikle eklenmemiştir.
===================================================== */

body.home .ashunt-quick-link-discord {
    border-color: rgba(118, 130, 255, 0.18);
}

body.home .ashunt-quick-link-discord .ashunt-quick-icon img {
    filter:
        drop-shadow(0 4px 4px rgba(0, 0, 0, 0.34))
        drop-shadow(0 0 9px rgba(131, 102, 255, 0.35));
}

body.home .ashunt-quick-link-discord:hover {
    border-color: rgba(145, 120, 255, 0.62);

    box-shadow:
        inset 0 1px 0 rgba(211, 200, 255, 0.05),
        0 15px 34px rgba(0, 0, 0, 0.39),
        0 0 23px rgba(103, 83, 242, 0.2);
}

body.home .ashunt-quick-link-discord:hover::before {
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(184, 160, 255, 0.92),
            transparent
        );

    filter:
        drop-shadow(0 0 7px rgba(156, 126, 255, 0.56))
        drop-shadow(0 0 16px rgba(103, 83, 242, 0.24));
}

body.home .ashunt-quick-link-discord:hover .ashunt-quick-icon img {
    animation-play-state: paused;

    transform:
        translateY(-3px)
        scale(1.09)
        rotate(2deg);

    filter:
        drop-shadow(0 6px 5px rgba(0, 0, 0, 0.42))
        drop-shadow(0 0 13px rgba(159, 126, 255, 0.66))
        drop-shadow(0 0 28px rgba(88, 101, 242, 0.27));
}

/* =====================================================
   ANİMASYONLAR
===================================================== */

@keyframes ashuntQuickIconBreath {
    0%,
    100% {
        transform:
            translateY(0)
            scale(1);
    }

    50% {
        transform:
            translateY(-2px)
            scale(1.025);
    }
}

@keyframes ashuntQuickTopLine {
    0%,
    100% {
        opacity: 0.48;
        transform:
            translateX(-50%)
            scaleX(0.82);
    }

    50% {
        opacity: 0.88;
        transform:
            translateX(-50%)
            scaleX(1.08);
    }
}

@keyframes ashuntQuickBottomLine {
    0%,
    100% {
        opacity: 0.25;
        transform:
            translateX(-50%)
            scaleX(0.82);
    }

    50% {
        opacity: 0.55;
        transform:
            translateX(-50%)
            scaleX(1.1);
    }
}

/* =====================================================
   LAPTOP / TABLET
===================================================== */

@media (max-width: 1199.98px) {
    body.home .ashunt-quick-links-horizontal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.home .ashunt-quick-link {
        grid-template-columns: 90px minmax(0, 1fr) 20px;
        column-gap: 18px;
    }

    body.home .ashunt-quick-icon {
        width: 84px;
        height: 84px;
    }

    body.home .ashunt-quick-icon img {
        width: 78px;
        height: 78px;
    }
}

/* =====================================================
   TELEFON
===================================================== */

@media (max-width: 575.98px) {
    body.home .ashunt-quick-panel-horizontal {
        padding: 18px;
    }

    body.home .ashunt-quick-links-horizontal {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    body.home .ashunt-quick-link {
        min-height: 94px;
        padding: 12px 14px;

        grid-template-columns: 72px minmax(0, 1fr) 16px;
        column-gap: 14px;
    }

    body.home .ashunt-quick-icon {
        width: 68px;
        height: 68px;
    }

    body.home .ashunt-quick-icon img {
        width: 64px;
        height: 64px;
    }

    body.home .ashunt-quick-copy strong {
        font-size: 0.92rem;
    }

    body.home .ashunt-quick-copy small {
        margin-top: 5px;
        font-size: 0.68rem;
    }
}

/* =====================================================
   HAREKET AZALTMA TERCİHİ
===================================================== */

@media (prefers-reduced-motion: reduce) {
    body.home .ashunt-quick-icon img,
    body.home .ashunt-quick-link::before,
    body.home .ashunt-quick-link::after {
        animation: none;
    }

    body.home .ashunt-quick-link {
        transition:
            border-color 180ms ease,
            box-shadow 180ms ease;
    }
}

/* =====================================================
   QUICK ACCESS — ICON / TEXT SEPARATION FIX
===================================================== */

body.home .ashunt-quick-link {
    grid-template-columns:
        112px
        minmax(0, 1fr)
        22px !important;

    column-gap: 20px !important;
}

/* İkon kendi sütununda sabit kalsın */
body.home .ashunt-quick-icon {
    grid-area: icon;

    width: 100px !important;
    height: 100px !important;

    justify-self: start !important;
}

/* Metni ikonun parıltısından kesin olarak uzaklaştır */
body.home .ashunt-quick-copy {
    grid-area: copy;

    min-width: 0 !important;

    padding-left: 0 !important;
    margin-left: 0 !important;

    transform: none !important;
}

/* Başlık ve açıklama kendi alanından taşmasın */
body.home .ashunt-quick-copy strong,
body.home .ashunt-quick-copy small {
    max-width: 100% !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Ok sağ tarafta sabit */
body.home .ashunt-quick-arrow {
    grid-area: arrow;

    justify-self: end !important;
    margin-left: 0 !important;
}

/* =====================================================
   ASHUNT FEATURED NEWS SLIDER
===================================================== */

body.home .ashunt-featured-news {
    min-height: 530px;
}

body.home .ashunt-news-slider {
    position: relative;
    min-height: 530px;

    overflow: hidden;

    background: #090806;
    border: 1px solid rgba(217, 164, 65, 0.2);
    border-radius: 8px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 18px 42px rgba(0, 0, 0, 0.28);
}

body.home .ashunt-news-slider .carousel-inner,
body.home .ashunt-news-slider .carousel-item {
    min-height: 530px;
}

body.home .ashunt-news-slide {
    position: relative;

    min-height: 530px;
    height: 100%;

    overflow: hidden;

    background-color: #0a0907;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    transform: scale(1);

    transition:
        transform 7s ease;
}

body.home .carousel-item.active .ashunt-news-slide {
    transform: scale(1.025);
}

body.home .ashunt-news-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(4, 4, 3, 0.96) 0%,
            rgba(5, 5, 4, 0.82) 34%,
            rgba(5, 5, 4, 0.28) 67%,
            rgba(5, 5, 4, 0.18) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.18) 0%,
            transparent 45%,
            rgba(0, 0, 0, 0.72) 100%
        );

    pointer-events: none;
}

body.home .ashunt-news-vignette {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 72% 42%,
            transparent 0%,
            transparent 27%,
            rgba(0, 0, 0, 0.34) 70%,
            rgba(0, 0, 0, 0.7) 100%
        );

    pointer-events: none;
}

body.home .ashunt-news-topbar {
    position: absolute;
    z-index: 4;

    top: 28px;
    left: 32px;
    right: 32px;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

body.home .ashunt-news-topbar > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

body.home .ashunt-news-kicker {
    color: var(--ashunt-gold);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.home .ashunt-news-category {
    color: rgba(233, 226, 213, 0.62);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.home .ashunt-news-counter {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: rgba(245, 233, 207, 0.8);
    font-size: 0.68rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

body.home .ashunt-news-counter i {
    width: 22px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(217, 164, 65, 0.28),
            rgba(217, 164, 65, 0.86)
        );
}

body.home .ashunt-news-content {
    position: absolute;
    z-index: 4;

    left: 34px;
    bottom: 64px;

    width: min(70%, 670px);
}

body.home .ashunt-news-label {
    display: inline-flex;
    align-items: center;

    min-height: 27px;
    padding: 0 11px;

    color: #f0bd45;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;

    background: rgba(126, 79, 8, 0.24);
    border: 1px solid rgba(240, 189, 69, 0.28);
    border-radius: 3px;
}

body.home .ashunt-news-content h2 {
    max-width: 660px;
    margin: 18px 0 0;

    color: #f4efe7;
    font-family: "El Messiri", serif;
    font-size: clamp(2.2rem, 4.2vw, 4.5rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.035em;

    text-shadow:
        0 4px 18px rgba(0, 0, 0, 0.86);
}

body.home .ashunt-news-content p {
    max-width: 600px;
    margin: 19px 0 0;

    color: rgba(224, 217, 204, 0.77);
    font-size: 0.89rem;
    line-height: 1.7;

    text-shadow:
        0 2px 8px rgba(0, 0, 0, 0.82);
}

body.home .ashunt-news-actions {
    margin-top: 25px;
}

body.home .ashunt-news-button {
    min-width: 148px;
    min-height: 44px;
    padding: 0 17px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    position: relative;
    overflow: hidden;

    color: #231704;
    text-decoration: none;

    background:
        linear-gradient(
            135deg,
            #f0c569,
            #bd7623
        );

    border: 1px solid rgba(255, 228, 162, 0.36);
    border-radius: 4px;

    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        0 12px 25px rgba(0, 0, 0, 0.3);

    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        filter 180ms ease;
}

body.home .ashunt-news-button::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            110deg,
            transparent 25%,
            rgba(255, 255, 255, 0.42) 50%,
            transparent 75%
        );

    transform: translateX(-140%);

    transition:
        transform 550ms ease;
}

body.home .ashunt-news-button > * {
    position: relative;
    z-index: 2;
}

body.home .ashunt-news-button:hover {
    color: #1c1102;
    text-decoration: none;

    transform: translateY(-2px);

    filter: brightness(1.08);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        0 15px 29px rgba(0, 0, 0, 0.36),
        0 0 18px rgba(217, 164, 65, 0.16);
}

body.home .ashunt-news-button:hover::before {
    transform: translateX(140%);
}

body.home .ashunt-news-bottom-line {
    position: absolute;
    z-index: 3;

    left: 0;
    right: 0;
    bottom: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(217, 164, 65, 0.28) 25%,
            rgba(255, 213, 111, 0.92) 50%,
            rgba(217, 164, 65, 0.28) 75%,
            transparent 100%
        );

    opacity: 0.76;

    box-shadow:
        0 0 11px rgba(217, 164, 65, 0.25);
}

body.home .ashunt-news-navigation {
    position: absolute;
    z-index: 8;

    right: 26px;
    bottom: 24px;

    display: flex;
    align-items: center;
    gap: 12px;
}

body.home .ashunt-news-nav {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    color: rgba(244, 218, 158, 0.78);
    background: rgba(7, 7, 6, 0.68);

    border: 1px solid rgba(217, 164, 65, 0.22);
    border-radius: 4px;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    transition:
        color 180ms ease,
        border-color 180ms ease,
        background-color 180ms ease,
        transform 180ms ease;
}

body.home .ashunt-news-nav:hover {
    color: #ffd77a;
    background: rgba(46, 31, 10, 0.82);
    border-color: rgba(217, 164, 65, 0.6);

    transform: translateY(-2px);
}

body.home .ashunt-news-indicators {
    display: flex;
    align-items: center;
    gap: 6px;
}

body.home .ashunt-news-indicators button {
    width: 20px;
    height: 3px;
    padding: 0;

    background: rgba(225, 211, 184, 0.2);
    border: 0;
    border-radius: 999px;

    transition:
        width 180ms ease,
        background-color 180ms ease,
        box-shadow 180ms ease;
}

body.home .ashunt-news-indicators button.active {
    width: 34px;

    background: #efbb45;

    box-shadow:
        0 0 10px rgba(239, 187, 69, 0.46);
}

body.home .ashunt-news-empty {
    background:
        radial-gradient(
            circle at 72% 38%,
            rgba(165, 102, 16, 0.16),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            rgba(24, 18, 10, 0.96),
            rgba(7, 7, 6, 0.99)
        );
}

/* TABLET */

@media (max-width: 1199.98px) {
    body.home .ashunt-featured-news,
    body.home .ashunt-news-slider,
    body.home .ashunt-news-slider .carousel-inner,
    body.home .ashunt-news-slider .carousel-item,
    body.home .ashunt-news-slide {
        min-height: 500px;
    }

    body.home .ashunt-news-content {
        width: min(78%, 630px);
    }
}

/* MOBILE */

@media (max-width: 767.98px) {
    body.home .ashunt-featured-news,
    body.home .ashunt-news-slider,
    body.home .ashunt-news-slider .carousel-inner,
    body.home .ashunt-news-slider .carousel-item,
    body.home .ashunt-news-slide {
        min-height: 520px;
    }

    body.home .ashunt-news-slide {
        background-position: 65% center;
    }

    body.home .ashunt-news-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(4, 4, 3, 0.28) 0%,
                rgba(4, 4, 3, 0.52) 34%,
                rgba(4, 4, 3, 0.96) 100%
            );
    }

    body.home .ashunt-news-topbar {
        top: 20px;
        left: 20px;
        right: 20px;
    }

    body.home .ashunt-news-content {
        left: 20px;
        right: 20px;
        bottom: 82px;

        width: auto;
    }

    body.home .ashunt-news-content h2 {
        font-size: clamp(2.1rem, 10vw, 3.3rem);
    }

    body.home .ashunt-news-content p {
        font-size: 0.8rem;
    }

    body.home .ashunt-news-navigation {
        left: 20px;
        right: 20px;
        bottom: 22px;

        justify-content: center;
    }
}

/* =====================================================
   ASHUNT HALL OF FAME — TOP PLAYERS
===================================================== */

body.home .ashunt-hof-card {
    position: relative;
    overflow: hidden;

    min-height: 100%;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(214, 158, 47, 0.055),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            rgba(20, 16, 10, 0.98),
            rgba(7, 7, 6, 0.99)
        );

    border: 1px solid rgba(217, 164, 65, 0.24);
    border-radius: 7px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 16px 34px rgba(0, 0, 0, 0.22);
}

/* Kartın üstündeki altın ışık */

body.home .ashunt-hof-card::before {
    content: "";

    position: absolute;
    top: -1px;
    left: 50%;

    width: 116px;
    height: 2px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 221, 129, 0.92),
            transparent
        );

    filter:
        drop-shadow(0 0 8px rgba(231, 173, 54, 0.42));

    opacity: 0.72;
    pointer-events: none;
}

/* =====================================================
   HEADER
===================================================== */

body.home .ashunt-hof-card-header {
    width: 100%;
    height: 88px;
    min-height: 88px;
    padding: 18px 19px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    flex: 0 0 88px;

    border-bottom: 1px solid rgba(217, 164, 65, 0.12);

    background:
        linear-gradient(
            180deg,
            rgba(35, 25, 12, 0.28),
            transparent
        );

    box-sizing: border-box;
}

body.home .ashunt-hof-card-heading {
    min-width: 0;

    display: flex;
    align-items: center;
    gap: 12px;
}

body.home .ashunt-hof-card-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;

    display: grid;
    place-items: center;

    color: #e6aa31;

    background: rgba(217, 164, 65, 0.08);
    border: 1px solid rgba(217, 164, 65, 0.18);
    border-radius: 50%;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 14px rgba(217, 164, 65, 0.07);
}

body.home .ashunt-hof-card-kicker {
    display: block;

    margin-bottom: 4px;

    color: #d79e2c;
    font-size: 0.54rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.home .ashunt-hof-card-header h3 {
    margin: 0;

    color: #f1ece3;
    font-family: "El Messiri", serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.1;
}

body.home .ashunt-hof-header-crown {
    color: rgba(218, 164, 53, 0.66);
    font-size: 0.95rem;

    filter:
        drop-shadow(0 0 7px rgba(217, 164, 65, 0.18));
}

/* =====================================================
   ASHUNT TOP PLAYERS — CHAMPION EDITION
===================================================== */

/* Kartın iç yapısı */

body.home .ashunt-champion-card {
    width: 100%;
    min-height: 100%;

    display: flex;
    flex-direction: column;
}


/* =====================================================
   OYUNCU LİSTESİ
===================================================== */

body.home .ashunt-champion-list {
    padding: 14px 12px 10px;

    display: grid;
    gap: 9px;

    flex: 1;
}

/* =====================================================
   OYUNCU SATIRI
===================================================== */

body.home .ashunt-champion-row {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    min-width: 0;
    min-height: 82px;
    padding: 8px 10px;

    display: grid;
    grid-template-columns: 54px 56px minmax(0, 1fr) 62px;
    align-items: center;
    column-gap: 9px;

    color: inherit;
    text-decoration: none;

    background:
        radial-gradient(
            circle at 18% 50%,
            rgba(217, 164, 65, 0.05),
            transparent 38%
        ),
        linear-gradient(
            90deg,
            rgba(28, 21, 12, 0.9),
            rgba(7, 7, 6, 0.98)
        );

    border: 1px solid rgba(217, 164, 65, 0.14);
    border-radius: 7px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 7px 17px rgba(0, 0, 0, 0.18);

    transition:
        transform 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease;
}

body.home .ashunt-champion-row:hover {
    color: inherit;
    text-decoration: none;

    transform:
        translateX(3px)
        translateY(-2px);

    z-index: 6;
}

body.home .ashunt-champion-row > *:not(.ashunt-champion-energy):not(.ashunt-champion-spark) {
    position: relative;
    z-index: 4;
}

/* =====================================================
   KART ÜZERİNDEN GEÇEN ENERJİ
===================================================== */

body.home .ashunt-champion-energy {
    position: absolute;
    z-index: 2;

    top: -50%;
    bottom: -50%;
    left: 0;

    width: 34%;

    opacity: 0;
    transform: skewX(-18deg) translate3d(-130%, 0, 0);
    will-change: transform, opacity;

    pointer-events: none;
}

body.home .ashunt-champion-row.is-gold .ashunt-champion-energy {
    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(255, 203, 66, 0.03) 25%,
            rgba(255, 242, 194, 0.72) 49%,
            rgba(255, 185, 30, 0.1) 68%,
            transparent 100%
        );

    animation: ashuntChampionEnergy 4.8s ease-in-out infinite;
}

body.home .ashunt-champion-row.is-silver .ashunt-champion-energy {
    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(194, 222, 248, 0.03) 25%,
            rgba(244, 251, 255, 0.68) 49%,
            rgba(151, 202, 241, 0.1) 68%,
            transparent 100%
        );

    animation: ashuntChampionEnergy 5.3s ease-in-out infinite;
    animation-delay: 0.75s;
}

body.home .ashunt-champion-row.is-bronze .ashunt-champion-energy {
    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(218, 113, 51, 0.03) 25%,
            rgba(255, 183, 125, 0.6) 49%,
            rgba(185, 73, 26, 0.1) 68%,
            transparent 100%
        );

    animation: ashuntChampionEnergy 5.8s ease-in-out infinite;
    animation-delay: 1.45s;
}

/* =====================================================
   ELEKTRİK PARLAMALARI
===================================================== */

body.home .ashunt-champion-spark {
    position: absolute;
    z-index: 3;

    width: 36px;
    height: 2px;

    opacity: 0;
    transform-origin: center;

    pointer-events: none;
}

body.home .ashunt-champion-spark-one {
    top: 7px;
    left: 29%;
}

body.home .ashunt-champion-spark-two {
    right: 13%;
    bottom: 7px;
}

body.home .is-gold .ashunt-champion-spark {
    background: #ffe69b;

    box-shadow:
        0 0 5px #ffd252,
        0 0 12px rgba(255, 186, 30, 0.86);

    animation: ashuntChampionSpark 2.1s steps(2) infinite;
}

body.home .is-silver .ashunt-champion-spark {
    background: #f1f9ff;

    box-shadow:
        0 0 5px #d8efff,
        0 0 12px rgba(163, 213, 255, 0.7);

    animation: ashuntChampionSpark 2.5s steps(2) infinite;
    animation-delay: 0.5s;
}

body.home .is-bronze .ashunt-champion-spark {
    background: #ffc18b;

    box-shadow:
        0 0 5px #ed8d47,
        0 0 12px rgba(211, 88, 33, 0.72);

    animation: ashuntChampionSpark 2.8s steps(2) infinite;
    animation-delay: 0.9s;
}

/* =====================================================
   1. SIRA — ALTIN
===================================================== */

body.home .ashunt-champion-row.is-gold {
    border-color: rgba(255, 206, 83, 0.72);

    background:
        radial-gradient(
            circle at 17% 50%,
            rgba(255, 183, 38, 0.16),
            transparent 40%
        ),
        linear-gradient(
            105deg,
            rgba(75, 45, 6, 0.68),
            rgba(29, 19, 6, 0.74) 45%,
            rgba(8, 8, 7, 0.97)
        );

    animation: ashuntChampionGoldBorder 2.6s ease-in-out infinite;
}

body.home .ashunt-champion-row.is-gold:hover {
    border-color: rgba(255, 229, 144, 0.98);

    box-shadow:
        inset 0 1px 0 rgba(255, 250, 225, 0.18),
        inset 0 0 30px rgba(255, 183, 38, 0.08),
        0 13px 29px rgba(0, 0, 0, 0.36),
        0 0 25px rgba(242, 177, 40, 0.3);
}

/* =====================================================
   2. SIRA — GÜMÜŞ
===================================================== */

body.home .ashunt-champion-row.is-silver {
    border-color: rgba(202, 221, 239, 0.6);

    background:
        radial-gradient(
            circle at 17% 50%,
            rgba(191, 220, 246, 0.12),
            transparent 40%
        ),
        linear-gradient(
            105deg,
            rgba(42, 53, 65, 0.6),
            rgba(19, 24, 30, 0.7) 45%,
            rgba(8, 8, 8, 0.97)
        );

    animation: ashuntChampionSilverBorder 3s ease-in-out infinite;
}

body.home .ashunt-champion-row.is-silver:hover {
    border-color: rgba(235, 247, 255, 0.94);

    box-shadow:
        inset 0 1px 0 rgba(251, 254, 255, 0.16),
        0 13px 29px rgba(0, 0, 0, 0.35),
        0 0 23px rgba(182, 221, 252, 0.22);
}

/* =====================================================
   3. SIRA — BRONZ
===================================================== */

body.home .ashunt-champion-row.is-bronze {
    border-color: rgba(214, 123, 66, 0.58);

    background:
        radial-gradient(
            circle at 17% 50%,
            rgba(207, 94, 39, 0.13),
            transparent 40%
        ),
        linear-gradient(
            105deg,
            rgba(69, 32, 14, 0.62),
            rgba(34, 17, 9, 0.7) 45%,
            rgba(8, 8, 7, 0.97)
        );

    animation: ashuntChampionBronzeBorder 3.4s ease-in-out infinite;
}

body.home .ashunt-champion-row.is-bronze:hover {
    border-color: rgba(239, 157, 100, 0.88);

    box-shadow:
        inset 0 1px 0 rgba(255, 212, 179, 0.14),
        0 13px 29px rgba(0, 0, 0, 0.35),
        0 0 22px rgba(204, 88, 39, 0.2);
}

/* =====================================================
   SIRA MADALYASI
===================================================== */

body.home .ashunt-champion-medal {
    position: relative;

    width: 50px;
    height: 50px;

    display: grid;
    place-items: center;

    justify-self: center;

    border-radius: 50%;

    font-variant-numeric: tabular-nums;
}

/* Dönen dış enerji halkası */

body.home .ashunt-champion-medal::before {
    content: "";

    position: absolute;
    inset: -5px;

    border-radius: 50%;

    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            currentColor 28deg,
            transparent 58deg,
            transparent 144deg,
            currentColor 177deg,
            transparent 214deg,
            transparent 360deg
        );

    opacity: 0.8;

    animation: ashuntChampionMedalSpin 2.9s linear infinite;

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 58%,
            #000 61%
        );

    mask:
        radial-gradient(
            circle,
            transparent 58%,
            #000 61%
        );
}

/* İç parlayan halka */

body.home .ashunt-champion-medal::after {
    content: "";

    position: absolute;
    inset: 6px;

    border: 1px solid currentColor;
    border-radius: 50%;

    opacity: 0.58;

    box-shadow:
        inset 0 0 9px currentColor,
        0 0 8px currentColor;
}

body.home .ashunt-champion-medal > i {
    position: absolute;
    z-index: 4;

    top: -7px;

    font-size: 0.72rem;

    filter:
        drop-shadow(0 0 6px currentColor);
}

body.home .ashunt-champion-medal > strong {
    position: relative;
    z-index: 5;

    font-size: 0.9rem;
    font-weight: 900;
}

/* Altın madalya */

body.home .is-gold .ashunt-champion-medal {
    color: #ffdb6c;

    background:
        radial-gradient(
            circle,
            #ffda69 0%,
            #bd7415 58%,
            #4c2903 100%
        );

    border: 2px solid #ffe7a4;

    box-shadow:
        inset 0 0 12px rgba(255, 247, 213, 0.3),
        0 0 12px rgba(255, 192, 42, 0.6),
        0 0 23px rgba(255, 157, 10, 0.24);
}

body.home .is-gold .ashunt-champion-medal strong {
    color: #352000;

    text-shadow:
        0 1px 0 rgba(255, 244, 200, 0.75);
}

/* Gümüş madalya */

body.home .is-silver .ashunt-champion-medal {
    color: #eaf6ff;

    background:
        radial-gradient(
            circle,
            #f0f6fb 0%,
            #8996a5 58%,
            #333c46 100%
        );

    border: 2px solid #f5fbff;

    box-shadow:
        inset 0 0 12px rgba(255, 255, 255, 0.27),
        0 0 12px rgba(191, 225, 251, 0.46),
        0 0 22px rgba(127, 190, 239, 0.19);
}

body.home .is-silver .ashunt-champion-medal strong {
    color: #202a34;
}

/* Bronz madalya */

body.home .is-bronze .ashunt-champion-medal {
    color: #f0a266;

    background:
        radial-gradient(
            circle,
            #dd9359 0%,
            #93471f 58%,
            #3b1909 100%
        );

    border: 2px solid #f3b581;

    box-shadow:
        inset 0 0 12px rgba(255, 216, 182, 0.2),
        0 0 12px rgba(211, 96, 40, 0.42),
        0 0 22px rgba(164, 64, 21, 0.18);
}

/* 4. ve 5. sıralar */

body.home .ashunt-champion-row.is-standard {
    opacity: 0.84;
}

body.home .is-standard .ashunt-champion-medal {
    width: 38px;
    height: 38px;

    color: rgba(221, 213, 199, 0.72);

    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(217, 164, 65, 0.18);

    box-shadow:
        inset 0 0 10px rgba(0, 0, 0, 0.48);
}

body.home .is-standard .ashunt-champion-medal::before,
body.home .is-standard .ashunt-champion-medal::after {
    display: none;
}

body.home .is-standard .ashunt-champion-medal strong {
    font-size: 0.75rem;
}

/* =====================================================
   KARAKTER PORTRESİ
===================================================== */

body.home .ashunt-champion-portrait {
    width: 54px;
    height: 54px;
    margin-left: 8px;

    display: grid;
    place-items: center;

    overflow: hidden;

    background: #050505;
    border: 1px solid rgba(217, 164, 65, 0.24);
    border-radius: 6px;

    box-shadow:
        inset 0 0 13px rgba(0, 0, 0, 0.6);

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        border-color 220ms ease;
}

body.home .ashunt-champion-portrait img {
    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;

    transition:
        transform 260ms ease,
        filter 260ms ease;
}

body.home .ashunt-champion-row:hover .ashunt-champion-portrait {
    transform:
        translateY(-2px)
        scale(1.035);
}

body.home .ashunt-champion-row:hover .ashunt-champion-portrait img {
    transform: scale(1.08);
}

body.home .is-gold .ashunt-champion-portrait {
    border-color: #ffda75;

    box-shadow:
        inset 0 0 12px rgba(0, 0, 0, 0.55),
        0 0 12px rgba(255, 190, 42, 0.45);
}

body.home .is-silver .ashunt-champion-portrait {
    border-color: #dbeeff;

    box-shadow:
        inset 0 0 12px rgba(0, 0, 0, 0.55),
        0 0 12px rgba(190, 224, 251, 0.37);
}

body.home .is-bronze .ashunt-champion-portrait {
    border-color: #e99b64;

    box-shadow:
        inset 0 0 12px rgba(0, 0, 0, 0.55),
        0 0 12px rgba(211, 93, 39, 0.33);
}

/* =====================================================
   KARAKTER BİLGİLERİ
===================================================== */

body.home .ashunt-champion-name {
    display: block;
    overflow: hidden;

    color: #f2ede5;

    font-size: 0.92rem;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: 0.12px;

    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home .ashunt-champion-level,
body.home .ashunt-champion-class {
    display: block;
    margin-top: 3px;
    overflow: hidden;

    color: rgba(218, 208, 190, 0.72);

    font-size: 0.67rem;
    font-weight: 600;
    line-height: 1.2;

    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home .ashunt-champion-level {
    margin-top: 6px;
    color: rgba(245, 233, 209, 0.92);
    font-size: 0.69rem;
    font-weight: 800;
}

/* Level ve guild */

body.home .ashunt-champion-meta {
    margin-top: 8px;

    display: flex;
    align-items: center;
    gap: 7px;

    overflow: hidden;

    color: rgba(218, 208, 190, 0.72);

    font-size: 0.67rem;
    font-weight: 600;
    line-height: 1.2;

    white-space: nowrap;
}

body.home .ashunt-champion-meta--stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    overflow: visible !important;
    white-space: normal !important;
}

body.home .ashunt-champion-meta--stack > b,
body.home .ashunt-champion-meta--stack > span {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

body.home .ashunt-champion-meta b {
    color: rgba(245, 233, 209, 0.92);
    font-size: 0.69rem;
    font-weight: 800;
}

body.home .ashunt-champion-meta > i {
    width: 4px;
    height: 4px;
    flex: 0 0 4px;

    border-radius: 50%;

    background: var(--ashunt-gold);

    box-shadow:
        0 0 7px rgba(217, 164, 65, 0.48);
}

body.home .ashunt-champion-meta > span {
    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}

/* İlk üç isim */

body.home .is-gold .ashunt-champion-name {
    color: #ffe39b;

    animation: ashuntChampionNameGold 2.3s ease-in-out infinite;
}

body.home .is-silver .ashunt-champion-name {
    color: #edf7ff;

    animation: ashuntChampionNameSilver 2.8s ease-in-out infinite;
}

body.home .is-bronze .ashunt-champion-name {
    color: #efb181;

    animation: ashuntChampionNameBronze 3.1s ease-in-out infinite;
}

/* =====================================================
   ITEM POINT
===================================================== */

body.home .ashunt-champion-score {
    min-width: 58px;

    text-align: right;
}

body.home .ashunt-champion-score strong,
body.home .ashunt-champion-score small {
    display: block;
}

body.home .ashunt-champion-score strong {
    color: #dda939;

    font-size: 0.85rem;
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: tabular-nums;

    text-shadow:
        0 0 8px rgba(217, 164, 65, 0.2);
}

body.home .ashunt-champion-score small {
    margin-top: 8px;

    color: rgba(190, 181, 165, 0.47);

    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}

/* =====================================================
   BOŞ SIRALAR
===================================================== */

body.home .ashunt-champion-empty-row {
    opacity: 0.48;
}

body.home .ashunt-champion-empty-row:hover {
    transform: none;
}

body.home .ashunt-champion-empty-portrait {
    color: rgba(217, 164, 65, 0.25);

    font-size: 1.35rem;

    background:
        radial-gradient(
            circle,
            rgba(217, 164, 65, 0.06),
            rgba(5, 5, 5, 0.96)
        );
}

/* =====================================================
   ALT BUTON
===================================================== */

body.home .ashunt-champion-footer {
    padding: 0 12px 14px;
}

body.home .ashunt-champion-view-all {
    min-height: 43px;
    padding: 0 14px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    color: #d9a43f;
    text-decoration: none;

    background:
        linear-gradient(
            180deg,
            rgba(45, 31, 13, 0.44),
            rgba(12, 10, 7, 0.76)
        );

    border: 1px solid rgba(217, 164, 65, 0.22);
    border-radius: 4px;

    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    transition:
        color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}

body.home .ashunt-champion-view-all:hover {
    color: #ffda7f;
    text-decoration: none;

    transform: translateY(-2px);

    border-color: rgba(217, 164, 65, 0.52);

    box-shadow:
        0 9px 20px rgba(0, 0, 0, 0.25),
        0 0 14px rgba(217, 164, 65, 0.11);
}

body.home .ashunt-champion-view-all i {
    transition: transform 180ms ease;
}

body.home .ashunt-champion-view-all:hover i {
    transform: translateX(5px);
}

/* =====================================================
   PLACEHOLDER KARTLAR
===================================================== */

body.home .ashunt-hall-of-fame-section .row > div {
    display: flex;
}

body.home .ashunt-hall-of-fame-section .ashunt-hof-card {
    width: 100%;
}

body.home .ashunt-hof-placeholder-card {
    display: flex;
    flex-direction: column;
}

body.home .ashunt-hof-placeholder {
    min-height: 440px;
    padding: 28px 22px;

    flex: 1;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;

    text-align: center;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(217, 164, 65, 0.055),
            transparent 34%
        );
}

body.home .ashunt-hof-placeholder > i {
    color: rgba(217, 164, 65, 0.48);
    font-size: 2.1rem;

    filter:
        drop-shadow(0 0 12px rgba(217, 164, 65, 0.14));
}

body.home .ashunt-hof-placeholder strong {
    color: #e9e2d6;
    font-size: 0.86rem;
    font-weight: 800;
}

body.home .ashunt-hof-placeholder span {
    max-width: 210px;

    color: rgba(193, 184, 169, 0.5);
    font-size: 0.65rem;
    line-height: 1.55;
}

/* =====================================================
   ANİMASYONLAR
===================================================== */

@keyframes ashuntChampionEnergy {
    0%,
    62% {
        transform: skewX(-18deg) translate3d(-130%, 0, 0);
        opacity: 0;
    }

    69% {
        opacity: 0.92;
    }

    86% {
        transform: skewX(-18deg) translate3d(380%, 0, 0);
        opacity: 0.72;
    }

    100% {
        transform: skewX(-18deg) translate3d(380%, 0, 0);
        opacity: 0;
    }
}

@keyframes ashuntChampionMedalSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes ashuntChampionSpark {
    0%,
    68%,
    100% {
        opacity: 0;
        transform:
            translateX(-16px)
            scaleX(0.25);
    }

    73% {
        opacity: 1;
    }

    78% {
        opacity: 0.12;
        transform:
            translateX(13px)
            scaleX(1);
    }

    83% {
        opacity: 0.85;
        transform:
            translateX(25px)
            scaleX(0.58);
    }

    88% {
        opacity: 0;
    }
}

@keyframes ashuntChampionGoldBorder {
    0%,
    100% {
        box-shadow:
            inset 0 1px 0 rgba(255, 244, 203, 0.09),
            inset 0 0 21px rgba(255, 175, 31, 0.03),
            0 0 11px rgba(230, 161, 32, 0.07);
    }

    50% {
        box-shadow:
            inset 0 1px 0 rgba(255, 250, 224, 0.17),
            inset 0 0 29px rgba(255, 178, 34, 0.075),
            0 0 22px rgba(241, 176, 39, 0.23);
    }
}

@keyframes ashuntChampionSilverBorder {
    0%,
    100% {
        box-shadow:
            inset 0 1px 0 rgba(242, 249, 255, 0.07),
            0 0 10px rgba(175, 210, 242, 0.05);
    }

    50% {
        box-shadow:
            inset 0 1px 0 rgba(250, 253, 255, 0.14),
            0 0 20px rgba(186, 221, 250, 0.17);
    }
}

@keyframes ashuntChampionBronzeBorder {
    0%,
    100% {
        box-shadow:
            inset 0 1px 0 rgba(255, 201, 161, 0.055),
            0 0 10px rgba(197, 83, 35, 0.05);
    }

    50% {
        box-shadow:
            inset 0 1px 0 rgba(255, 214, 181, 0.12),
            0 0 19px rgba(207, 92, 41, 0.16);
    }
}

@keyframes ashuntChampionNameGold {
    0%,
    100% {
        text-shadow:
            0 0 5px rgba(255, 200, 70, 0.2);
    }

    50% {
        text-shadow:
            0 0 9px rgba(255, 220, 123, 0.65),
            0 0 19px rgba(234, 158, 24, 0.28);
    }
}

@keyframes ashuntChampionNameSilver {
    0%,
    100% {
        text-shadow:
            0 0 5px rgba(198, 226, 250, 0.17);
    }

    50% {
        text-shadow:
            0 0 9px rgba(228, 244, 255, 0.56),
            0 0 18px rgba(153, 203, 242, 0.23);
    }
}

@keyframes ashuntChampionNameBronze {
    0%,
    100% {
        text-shadow:
            0 0 5px rgba(217, 112, 56, 0.16);
    }

    50% {
        text-shadow:
            0 0 9px rgba(241, 164, 109, 0.5),
            0 0 18px rgba(180, 67, 24, 0.21);
    }
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1399.98px) {
    body.home .ashunt-champion-row {
        grid-template-columns: 48px 50px minmax(0, 1fr) 54px;
        column-gap: 7px;

        padding-left: 7px;
        padding-right: 8px;
    }

    body.home .ashunt-champion-medal {
        width: 44px;
        height: 44px;
    }

    body.home .ashunt-champion-portrait {
        width: 48px;
        height: 48px;
    }

    body.home .ashunt-champion-name {
        font-size: 0.82rem;
    }

    body.home .ashunt-champion-meta {
        margin-top: 6px;
        gap: 5px;

        font-size: 0.6rem;
    }

    body.home .ashunt-champion-meta b {
        font-size: 0.62rem;
    }

    body.home .ashunt-champion-score strong {
        font-size: 0.76rem;
    }
}

@media (max-width: 1199.98px) {
    body.home .ashunt-champion-row {
        grid-template-columns: 52px 54px minmax(0, 1fr) 62px;
        column-gap: 10px;
    }

    body.home .ashunt-champion-medal {
        width: 48px;
        height: 48px;
    }

    body.home .ashunt-champion-portrait {
        width: 52px;
        height: 52px;
    }

    body.home .ashunt-champion-name {
        font-size: 0.9rem;
    }
}

@media (max-width: 575.98px) {
    body.home .ashunt-champion-list {
        padding: 11px 9px 8px;
    }

    body.home .ashunt-champion-row {
        min-height: 76px;
        padding: 7px;

        grid-template-columns: 43px 48px minmax(0, 1fr) 48px;
        column-gap: 7px;
    }

    body.home .ashunt-champion-medal {
        width: 40px;
        height: 40px;
    }

    body.home .ashunt-champion-medal > i {
        top: -5px;
        font-size: 0.62rem;
    }

    body.home .ashunt-champion-portrait {
        width: 46px;
        height: 46px;
    }

    body.home .ashunt-champion-name {
        font-size: 0.78rem;
    }

    body.home .ashunt-champion-meta {
        margin-top: 5px;
        font-size: 0.55rem;
    }

    body.home .ashunt-champion-score strong {
        font-size: 0.7rem;
    }

    body.home .ashunt-champion-score small {
        display: none;
    }
}

/* Pause heavy HOF FX while the section is off-screen (class toggled by JS) */
body.home .ashunt-hall-of-fame-section {
    content-visibility: auto;
    contain-intrinsic-size: 1100px;
}

body.home .ashunt-hof-card {
    contain: layout paint style;
}

body.home .ashunt-champion-row {
    contain: layout paint;
}

body.home .ashunt-champion-medal::before {
    will-change: transform;
    transform: translateZ(0);
}

body.home .ashunt-hall-of-fame-section.is-hof-paused .ashunt-champion-row.is-gold,
body.home .ashunt-hall-of-fame-section.is-hof-paused .ashunt-champion-row.is-silver,
body.home .ashunt-hall-of-fame-section.is-hof-paused .ashunt-champion-row.is-bronze,
body.home .ashunt-hall-of-fame-section.is-hof-paused .ashunt-champion-energy,
body.home .ashunt-hall-of-fame-section.is-hof-paused .ashunt-champion-spark,
body.home .ashunt-hall-of-fame-section.is-hof-paused .ashunt-champion-medal::before,
body.home .ashunt-hall-of-fame-section.is-hof-paused .ashunt-champion-name {
    animation-play-state: paused !important;
}

/* Hareket azaltma tercihi */

@media (prefers-reduced-motion: reduce) {
    body.home .ashunt-champion-row,
    body.home .ashunt-champion-energy,
    body.home .ashunt-champion-spark,
    body.home .ashunt-champion-medal::before,
    body.home .ashunt-champion-name {
        animation: none !important;
    }
}

.ashunt-champion-guild-portrait {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ashunt-champion-guild-portrait i {
    font-size: 22px;
    color: #c88b16;
    filter: drop-shadow(0 0 8px rgba(200, 139, 22, 0.35));
}

.ashunt-champion-row.is-gold .ashunt-champion-guild-portrait i {
    color: #ffd66b;
    filter:
        drop-shadow(0 0 6px rgba(255, 205, 76, 0.7))
        drop-shadow(0 0 14px rgba(255, 170, 0, 0.35));
}

.ashunt-champion-row.is-silver .ashunt-champion-guild-portrait i {
    color: #dce7ef;
    filter: drop-shadow(0 0 8px rgba(196, 221, 238, 0.55));
}

.ashunt-champion-row.is-bronze .ashunt-champion-guild-portrait i {
    color: #b9783e;
    filter: drop-shadow(0 0 8px rgba(185, 120, 62, 0.45));
}

/* =====================================================
   ASHUNT GUILD CARD
===================================================== */

.ashunt-guild-details {
    margin-top: 6px;

    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ashunt-guild-details div {
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-size: 10px;
    line-height: 1.15;
}

.ashunt-guild-label {
    color: rgba(226, 215, 194, 0.58);
    font-weight: 600;
}

.ashunt-guild-details strong {
    max-width: 90px;

    overflow: hidden;

    color: #f2e8cf;

    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Guild kartında puanı sağ kenara sabitle */

.ashunt-guild-card .ashunt-champion-score {
    width: 68px;
    min-width: 68px;
    padding-right: 4px;
    margin-left: auto;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;

    text-align: right;
}

.ashunt-guild-card .ashunt-champion-score strong,
.ashunt-guild-card .ashunt-champion-score small {
    width: 100%;
    text-align: right;
}

/* =====================================================
   ASHUNT PVP KILL HISTORY
===================================================== */

body.home .ashunt-pvp-card {
    display: flex;
    flex-direction: column;
}

/* =====================================================
   LİSTE
===================================================== */

body.home .ashunt-pvp-list {
    padding: 14px 12px 10px;

    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
}

/* =====================================================
   PVP KAYIT SATIRI
===================================================== */

body.home .ashunt-pvp-row {
    position: relative;

    min-height: 74px;
    padding: 9px 10px 20px;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        52px
        minmax(0, 1fr);

    align-items: center;
    column-gap: 7px;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(170, 41, 20, 0.075) 0%,
            rgba(47, 22, 13, 0.03) 27%,
            rgba(7, 7, 7, 0.93) 47%,
            rgba(7, 7, 7, 0.93) 53%,
            rgba(66, 84, 108, 0.035) 73%,
            rgba(78, 99, 128, 0.065) 100%
        ),
        radial-gradient(
            circle at 50% 42%,
            rgba(224, 94, 32, 0.075),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(29, 20, 11, 0.6),
            rgba(4, 4, 4, 0.96)
        );

    border: 1px solid rgba(217, 164, 65, 0.22);
    border-radius: 7px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.022),
        inset 0 0 18px rgba(217, 164, 65, 0.018);

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

/* Satırın üzerinden geçen ışık */

body.home .ashunt-pvp-row::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            108deg,
            transparent 0%,
            transparent 32%,
            rgba(255, 189, 81, 0.065) 48%,
            transparent 64%,
            transparent 100%
        );

    opacity: 0;
    transform: translateX(-65%);

    transition:
        opacity 180ms ease,
        transform 480ms ease;
}

body.home .ashunt-pvp-row:hover {
    transform: translateY(-2px);

    border-color: rgba(226, 166, 59, 0.5);

    box-shadow:
        0 9px 20px rgba(0, 0, 0, 0.3),
        0 0 16px rgba(217, 164, 65, 0.1),
        inset 0 0 22px rgba(218, 121, 35, 0.025);
}

body.home .ashunt-pvp-row:hover::before {
    opacity: 1;
    transform: translateX(65%);
}

/* =====================================================
   OYUNCU ALANLARI
===================================================== */

body.home .ashunt-pvp-player {
    position: relative;
    z-index: 2;

    min-width: 0;

    display: flex;
    align-items: center;
    gap: 8px;

    color: #eee7dc;
    text-decoration: none;
}

body.home .ashunt-pvp-killer {
    justify-content: flex-start;
}

body.home .ashunt-pvp-victim {
    justify-content: flex-end;
    text-align: right;
}

body.home .ashunt-pvp-player strong {
    min-width: 0;
    overflow: hidden;

    font-size: 0.76rem;
    font-weight: 850;
    line-height: 1.15;

    text-overflow: ellipsis;
    white-space: nowrap;

    transition:
        color 180ms ease,
        text-shadow 180ms ease;
}

body.home .ashunt-pvp-killer strong {
    color: #ffd17a;

    text-shadow:
        0 0 7px rgba(229, 82, 37, 0.14);
}

body.home .ashunt-pvp-victim strong {
    color: rgba(226, 233, 240, 0.83);

    text-shadow:
        0 0 6px rgba(153, 181, 211, 0.08);
}

body.home .ashunt-pvp-row:hover .ashunt-pvp-killer strong {
    color: #ffe0a0;

    text-shadow:
        0 0 8px rgba(255, 131, 66, 0.36);
}

body.home .ashunt-pvp-row:hover .ashunt-pvp-victim strong {
    color: #eef7ff;

    text-shadow:
        0 0 8px rgba(159, 188, 219, 0.2);
}

/* =====================================================
   PORTRELER
===================================================== */

body.home .ashunt-pvp-portrait {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(217, 164, 65, 0.1),
            rgba(4, 4, 4, 0.98) 72%
        );

    border-radius: 50%;

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        filter 180ms ease;
}

body.home .ashunt-pvp-killer .ashunt-pvp-portrait {
    border: 1px solid rgba(242, 73, 34, 0.9);

    box-shadow:
        0 0 10px rgba(229, 60, 28, 0.27),
        inset 0 0 9px rgba(225, 63, 29, 0.08);
}

body.home .ashunt-pvp-victim .ashunt-pvp-portrait {
    border: 1px solid rgba(159, 179, 216, 0.72);

    box-shadow:
        0 0 9px rgba(142, 169, 205, 0.17),
        inset 0 0 9px rgba(159, 179, 216, 0.055);
}

body.home .ashunt-pvp-portrait img {
    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;
}

body.home .ashunt-pvp-row:hover .ashunt-pvp-killer .ashunt-pvp-portrait {
    transform: scale(1.09);

    border-color: rgba(255, 111, 63, 1);

    box-shadow:
        0 0 14px rgba(243, 73, 33, 0.43),
        0 0 25px rgba(185, 40, 16, 0.18);
}

body.home .ashunt-pvp-row:hover .ashunt-pvp-victim .ashunt-pvp-portrait {
    transform: scale(1.055);

    border-color: rgba(187, 208, 238, 0.9);

    box-shadow:
        0 0 12px rgba(161, 190, 226, 0.28);
}

/* =====================================================
   ORTA SAVAŞ ALANI
===================================================== */

body.home .ashunt-pvp-action {
    position: relative;
    z-index: 3;

    min-width: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;

    text-align: center;
}

/* Kılıç ikonunun arkasındaki sıcak aura */

body.home .ashunt-pvp-action::before {
    content: "";

    position: absolute;
    top: 44%;
    left: 50%;

    width: 38px;
    height: 38px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(232, 73, 28, 0.21),
            rgba(226, 115, 30, 0.07) 42%,
            transparent 72%
        );

    transform: translate(-50%, -50%);
    pointer-events: none;

    transition:
        opacity 180ms ease,
        transform 180ms ease;
}

/* Kılıcın iki yanındaki savaş çizgileri */

body.home .ashunt-pvp-action::after {
    content: "";

    position: absolute;
    top: 14px;
    left: 50%;

    width: 92px;
    height: 1px;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(226, 95, 37, 0.3) 15%,
            rgba(234, 157, 47, 0.16) 40%,
            transparent 48%,
            transparent 52%,
            rgba(164, 186, 217, 0.15) 60%,
            rgba(151, 176, 209, 0.26) 85%,
            transparent 100%
        );

    transform: translateX(-50%);
}

body.home .ashunt-pvp-action i {
    position: relative;
    z-index: 2;

    color: #f0a631;

    font-size: 1.22rem;

    filter:
        drop-shadow(0 0 6px rgba(239, 119, 38, 0.45))
        drop-shadow(0 0 12px rgba(219, 60, 24, 0.13));

    transition:
        color 180ms ease,
        filter 180ms ease,
        transform 180ms ease;
}

body.home .ashunt-pvp-action b {
    position: relative;
    z-index: 2;

    color: #ee713a;

    font-size: 0.52rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.065em;

    text-shadow:
        0 0 7px rgba(225, 67, 29, 0.25);
}

body.home .ashunt-pvp-row:hover .ashunt-pvp-action::before {
    transform:
        translate(-50%, -50%)
        scale(1.14);
}

body.home .ashunt-pvp-row:hover .ashunt-pvp-action i {
    color: #ffc75f;

    transform:
        scale(1.14)
        rotate(-4deg);

    filter:
        drop-shadow(0 0 8px rgba(255, 187, 73, 0.72))
        drop-shadow(0 0 16px rgba(232, 68, 25, 0.3));
}

/* =====================================================
   ZAMAN
===================================================== */

body.home .ashunt-pvp-time {
    position: absolute;
    right: 0;
    bottom: 5px;
    left: 0;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;

    color: rgba(197, 189, 177, 0.42);

    font-size: 0.48rem;
    font-weight: 600;
    line-height: 1;
}

body.home .ashunt-pvp-time i {
    color: rgba(217, 164, 65, 0.49);

    font-size: 0.53rem;
}

/* =====================================================
   BOŞ KAYITLAR
===================================================== */

body.home .ashunt-pvp-empty-row {
    opacity: 0.46;
}

body.home .ashunt-pvp-empty-row:hover {
    transform: none;

    border-color: rgba(217, 164, 65, 0.22);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.022),
        inset 0 0 18px rgba(217, 164, 65, 0.018);
}

body.home .ashunt-pvp-empty-row:hover::before {
    opacity: 0;
    transform: translateX(-65%);
}

body.home .ashunt-pvp-empty-row:hover .ashunt-pvp-portrait,
body.home .ashunt-pvp-empty-row:hover .ashunt-pvp-action i,
body.home .ashunt-pvp-empty-row:hover .ashunt-pvp-action::before {
    transform: none;
}

body.home .ashunt-pvp-empty-portrait {
    color: rgba(217, 164, 65, 0.46);

    font-size: 0.92rem;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1399.98px) {
    body.home .ashunt-pvp-row {
        min-height: 70px;
        padding-right: 8px;
        padding-left: 8px;

        grid-template-columns:
            minmax(0, 1fr)
            46px
            minmax(0, 1fr);

        column-gap: 5px;
    }

    body.home .ashunt-pvp-portrait {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    body.home .ashunt-pvp-player {
        gap: 6px;
    }

    body.home .ashunt-pvp-player strong {
        font-size: 0.67rem;
    }

    body.home .ashunt-pvp-action::after {
        width: 72px;
    }

    body.home .ashunt-pvp-action i {
        font-size: 1.05rem;
    }

    body.home .ashunt-pvp-action b {
        font-size: 0.46rem;
    }
}

@media (max-width: 1199.98px) {
    body.home .ashunt-pvp-row {
        grid-template-columns:
            minmax(0, 1fr)
            50px
            minmax(0, 1fr);

        column-gap: 7px;
    }

    body.home .ashunt-pvp-portrait {
        width: 47px;
        height: 47px;
        flex-basis: 47px;
    }

    body.home .ashunt-pvp-player strong {
        font-size: 0.73rem;
    }

    body.home .ashunt-pvp-action::after {
        width: 86px;
    }
}

@media (max-width: 575.98px) {
    body.home .ashunt-pvp-list {
        padding-right: 9px;
        padding-left: 9px;
    }

    body.home .ashunt-pvp-row {
        min-height: 66px;
        padding: 7px 7px 18px;

        grid-template-columns:
            minmax(0, 1fr)
            40px
            minmax(0, 1fr);

        column-gap: 4px;
    }

    body.home .ashunt-pvp-portrait {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
    }

    body.home .ashunt-pvp-player {
        gap: 5px;
    }

    body.home .ashunt-pvp-player strong {
        font-size: 0.58rem;
    }

    body.home .ashunt-pvp-action::after {
        width: 58px;
    }

    body.home .ashunt-pvp-action i {
        font-size: 0.9rem;
    }

    body.home .ashunt-pvp-action b {
        font-size: 0.4rem;
    }

    body.home .ashunt-pvp-time {
        font-size: 0.44rem;
    }
}

/* Hareket azaltma tercihi */

@media (prefers-reduced-motion: reduce) {
    body.home .ashunt-pvp-row,
    body.home .ashunt-pvp-row::before,
    body.home .ashunt-pvp-portrait,
    body.home .ashunt-pvp-action::before,
    body.home .ashunt-pvp-action i,
    body.home .ashunt-pvp-player strong {
        transition: none !important;
    }
}

/* =====================================================
   ASHUNT UNIQUE HISTORY
===================================================== */

body.home .ashunt-unique-card {
    display: flex;
    flex-direction: column;
}

body.home .ashunt-unique-list {
    padding: 14px 12px 10px;

    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
}

/* =====================================================
   KAYIT SATIRI
===================================================== */

body.home .ashunt-unique-row {
    position: relative;

    min-height: 88px;
    padding: 9px 10px 20px;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        62px
        minmax(0, 1fr);

    align-items: center;
    column-gap: 7px;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(156, 101, 25, 0.07),
            rgba(15, 11, 7, 0.72) 38%,
            rgba(7, 7, 7, 0.94) 50%,
            rgba(87, 29, 14, 0.07) 100%
        ),
        radial-gradient(
            circle at 50% 40%,
            rgba(216, 138, 34, 0.07),
            transparent 38%
        );

    border: 1px solid rgba(217, 164, 65, 0.22);
    border-radius: 7px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.022);

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

body.home .ashunt-unique-row::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            108deg,
            transparent 0%,
            transparent 31%,
            rgba(255, 191, 77, 0.065) 48%,
            transparent 65%,
            transparent 100%
        );

    opacity: 0;
    transform: translateX(-65%);

    transition:
        opacity 180ms ease,
        transform 480ms ease;
}

body.home .ashunt-unique-row:hover {
    transform: translateY(-2px);

    border-color: rgba(226, 166, 59, 0.5);

    box-shadow:
        0 9px 20px rgba(0, 0, 0, 0.3),
        0 0 17px rgba(217, 164, 65, 0.1);
}

body.home .ashunt-unique-row:hover::before {
    opacity: 1;
    transform: translateX(65%);
}

/* =====================================================
   SOL / SAĞ BLOKLAR
===================================================== */

body.home .ashunt-unique-side {
    position: relative;
    z-index: 2;

    min-width: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;

    text-align: center;
    text-decoration: none;
}

body.home .ashunt-unique-name {
    width: 100%;
    min-width: 0;
    overflow: hidden;

    font-size: 0.64rem;
    font-weight: 850;
    line-height: 1.15;

    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home .ashunt-unique-player .ashunt-unique-name {
    color: #ffd177;

    text-shadow:
        0 0 7px rgba(229, 132, 37, 0.14);
}

body.home .ashunt-unique-target .ashunt-unique-name {
    color: #ef7840;

    text-shadow:
        0 0 8px rgba(228, 79, 35, 0.16);
}

/* =====================================================
   PORTRELER
===================================================== */

body.home .ashunt-unique-portrait {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(217, 164, 65, 0.1),
            rgba(4, 4, 4, 0.98) 72%
        );

    border-radius: 50%;

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

body.home .ashunt-unique-player-portrait {
    border: 1px solid rgba(225, 156, 42, 0.86);

    box-shadow:
        0 0 10px rgba(215, 139, 30, 0.22);
}

body.home .ashunt-unique-monster-portrait {
    color: rgba(237, 105, 49, 0.8);

    border: 1px solid rgba(238, 82, 40, 0.86);

    box-shadow:
        0 0 10px rgba(229, 66, 31, 0.24);
}

body.home .ashunt-unique-portrait img {
    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;
}

body.home .ashunt-unique-row:hover .ashunt-unique-player-portrait {
    transform: scale(1.07);

    border-color: rgba(255, 195, 82, 1);

    box-shadow:
        0 0 14px rgba(232, 158, 46, 0.36);
}

body.home .ashunt-unique-row:hover .ashunt-unique-monster-portrait {
    transform: scale(1.09);

    border-color: rgba(255, 105, 57, 1);

    box-shadow:
        0 0 15px rgba(240, 71, 31, 0.42),
        0 0 25px rgba(187, 42, 16, 0.16);
}

/* =====================================================
   HAS KILLED
===================================================== */

body.home .ashunt-unique-action {
    position: relative;
    z-index: 3;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;

    text-align: center;
}

body.home .ashunt-unique-action::before {
    content: "";

    position: absolute;
    top: 44%;
    left: 50%;

    width: 38px;
    height: 38px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(232, 94, 28, 0.18),
            rgba(224, 145, 33, 0.06) 45%,
            transparent 72%
        );

    transform: translate(-50%, -50%);
}

body.home .ashunt-unique-action i {
    position: relative;
    z-index: 2;

    color: #e9a02d;

    font-size: 1.12rem;

    filter:
        drop-shadow(0 0 7px rgba(239, 119, 38, 0.45));

    transition:
        color 180ms ease,
        filter 180ms ease,
        transform 180ms ease;
}

body.home .ashunt-unique-action b {
    position: relative;
    z-index: 2;

    color: #d99b3d;

    font-size: 0.44rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.045em;
    white-space: nowrap;
}

body.home .ashunt-unique-row:hover .ashunt-unique-action i {
    color: #ffc75f;

    transform:
        scale(1.14)
        rotate(-4deg);

    filter:
        drop-shadow(0 0 8px rgba(255, 187, 73, 0.7))
        drop-shadow(0 0 16px rgba(232, 68, 25, 0.28));
}

/* =====================================================
   ZAMAN
===================================================== */

body.home .ashunt-unique-time {
    position: absolute;
    right: 0;
    bottom: 5px;
    left: 0;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;

    color: rgba(197, 189, 177, 0.42);

    font-size: 0.48rem;
    font-weight: 600;
    line-height: 1;
}

body.home .ashunt-unique-time i {
    color: rgba(217, 164, 65, 0.49);

    font-size: 0.53rem;
}

/* =====================================================
   BOŞ KAYITLAR
===================================================== */

body.home .ashunt-unique-empty-row {
    opacity: 0.46;
}

body.home .ashunt-unique-empty-row:hover {
    transform: none;

    border-color: rgba(217, 164, 65, 0.22);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.022);
}

body.home .ashunt-unique-empty-row:hover::before {
    opacity: 0;
}

body.home .ashunt-unique-empty-row:hover .ashunt-unique-portrait,
body.home .ashunt-unique-empty-row:hover .ashunt-unique-action i {
    transform: none;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1399.98px) {
    body.home .ashunt-unique-row {
        min-height: 84px;
        padding-right: 8px;
        padding-left: 8px;

        grid-template-columns:
            minmax(0, 1fr)
            52px
            minmax(0, 1fr);

        column-gap: 5px;
    }

    body.home .ashunt-unique-portrait {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    body.home .ashunt-unique-name {
        font-size: 0.58rem;
    }

    body.home .ashunt-unique-action i {
        font-size: 1rem;
    }

    body.home .ashunt-unique-action b {
        font-size: 0.39rem;
    }
}

@media (max-width: 575.98px) {
    body.home .ashunt-unique-list {
        padding-right: 9px;
        padding-left: 9px;
    }

    body.home .ashunt-unique-row {
        min-height: 78px;
        padding: 7px 7px 18px;

        grid-template-columns:
            minmax(0, 1fr)
            43px
            minmax(0, 1fr);

        column-gap: 4px;
    }

    body.home .ashunt-unique-portrait {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
    }

    body.home .ashunt-unique-name {
        font-size: 0.52rem;
    }

    body.home .ashunt-unique-action i {
        font-size: 0.88rem;
    }

    body.home .ashunt-unique-action b {
        font-size: 0.34rem;
    }

    body.home .ashunt-unique-time {
        font-size: 0.44rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.home .ashunt-unique-row,
    body.home .ashunt-unique-row::before,
    body.home .ashunt-unique-portrait,
    body.home .ashunt-unique-action i {
        transition: none !important;
    }
}

/* =====================================================
   PVP KARTI YÜKSEKLİK EŞİTLEME
===================================================== */

body.home .ashunt-pvp-list {
    justify-content: flex-start;
}

body.home .ashunt-pvp-row {
    min-height: 94px;
    padding-top: 9px;
    padding-bottom: 20px;
}

@media (max-width: 1399.98px) {
    body.home .ashunt-pvp-row {
        min-height: 84px;
    }
}

@media (max-width: 575.98px) {
    body.home .ashunt-pvp-row {
        min-height: 78px;
    }
}

/* =====================================================
   ASHUNT MEDAL LIGHTNING V2
===================================================== */

body.home .ashunt-medal-lightning-host{
    position:relative;
    overflow:visible !important;
    isolation:isolate;
}

body.home .ashunt-medal-lightning{
    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%, -50%);

    pointer-events:none;
    overflow:visible;

    z-index:20;
}

body.home .ashunt-champion-medal > *:not(.ashunt-medal-lightning){
    position:relative;
    z-index:25;
}

/* =====================================================
   ASHUNT RANK IMAGE — FINAL
===================================================== */

body.home .ashunt-champion-medal{
    position:relative;
    flex:0 0 64px;
    width:64px;
    height:64px;

    overflow:visible !important;
}

/* İlk üç sırada eski CSS madalyasını görünmez yap */
body.home .ashunt-champion-row.is-gold .ashunt-champion-medal,
body.home .ashunt-champion-row.is-silver .ashunt-champion-medal,
body.home .ashunt-champion-row.is-bronze .ashunt-champion-medal{
    background:transparent;
    border:0;
    box-shadow:none;
}

/* PNG madalya */
body.home .ashunt-champion-rank-image{
    position:absolute !important;

    top:48% !important;
    left:50% !important;

    display:block !important;

    width:60px !important;
    height:60px !important;
    max-width:none !important;

    object-fit:contain;

    opacity:1 !important;
    visibility:visible !important;

    transform:translate(-50%, -50%);

    pointer-events:none;
    user-select:none;

    z-index:40 !important;

    transition:
    transform .28s ease,
    filter .28s ease;

    filter:
        drop-shadow(0 4px 8px rgba(0,0,0,.68));

    animation:ashuntRankFloat 3.5s ease-in-out infinite;

}

body.home .ashunt-champion-row:hover .ashunt-champion-rank-image{
    animation:none;

    transform:translate(-50%, -50%) scale(1.08);

    filter:
        brightness(1.18)
        drop-shadow(0 6px 12px rgba(0,0,0,.55));
}

/* Boş üçüncü sıra tamamen kaybolmasın */
body.home .ashunt-champion-empty-row{
    opacity:0.62;
}

/* Boş satırdaki madalya görseli yine tam görünür olsun */
body.home .ashunt-champion-empty-row .ashunt-champion-rank-image{
    opacity:1 !important;
    visibility:visible !important;
}

/* Bronz görsele özel güçlendirme */
body.home .ashunt-champion-empty-row.is-bronze
.ashunt-champion-rank-image{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;

    filter:
        brightness(1.12)
        drop-shadow(0 4px 8px rgba(0,0,0,.72))
        drop-shadow(0 0 8px rgba(205,92,38,.28));
}

@keyframes ashuntRankFloat{
    0%,
    100%{
        transform:translate(-50%, -50%) scale(1);
    }

    50%{
        transform:translate(-50%, -50%) scale(1.035);
    }
}

/* =====================================================
   ASHUNT PREMIUM FOOTER
===================================================== */

body.home .ashunt-footer,
.ashunt-footer{
    position:relative;

    margin-top:0;

    color:#ddd2bd;

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(178, 105, 17, .08),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 10%,
            rgba(174, 102, 13, .055),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #090806 0%,
            #050504 55%,
            #020202 100%
        );

    border-top:1px solid rgba(207, 150, 44, .26);

    box-shadow:
        inset 0 1px 0 rgba(255, 223, 154, .025),
        0 -18px 45px rgba(0, 0, 0, .45);

    overflow:hidden;
}

.ashunt-footer::before{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.13;

    background-image:
        linear-gradient(
            rgba(255,255,255,.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.014) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.ashunt-footer-glow{
    position:absolute;

    top:-130px;
    left:50%;

    width:760px;
    height:220px;

    transform:translateX(-50%);

    border-radius:50%;

    pointer-events:none;

    background:rgba(189, 119, 24, .1);
    filter:blur(85px);
}

.ashunt-footer .container-xxl{
    position:relative;
    z-index:2;
}

/* ANA GRID */

.ashunt-footer-main{
    display:grid;

    grid-template-columns:
        minmax(240px, 1.6fr)
        repeat(3, minmax(125px, .72fr))
        minmax(290px, 1.35fr)
        minmax(190px, .95fr);

    gap:38px;

    padding:58px 0 48px;
}

/* MARKA */

.ashunt-footer-brand{
    min-width:0;
}

.ashunt-footer-logo{
    display:inline-flex;

    max-width:260px;

    margin-bottom:20px;

    transition:
        transform 260ms ease,
        filter 260ms ease;
}

.ashunt-footer-logo:hover{
    transform:scale(1.035);

    filter:
        brightness(1.08)
        drop-shadow(0 0 15px rgba(216, 151, 45, .18));
}

.ashunt-footer-logo img,
.ashunt-footer-logo video{

    display:block;

    width:auto;
    max-width:100%;

    height:110px;

    object-fit:contain;
}



.ashunt-footer-description{
    max-width:270px;

    margin:0 0 20px;

    color:rgba(222, 213, 195, .7);

    font-size:13px;
    line-height:1.7;
}

.ashunt-footer-description span{
    display:block;

    color:#b9812d;

    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

/* SOSYAL MEDYA */

.ashunt-footer-socials{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.ashunt-footer-socials a{
    width:35px;
    height:35px;

    display:grid;
    place-items:center;

    color:rgba(226, 213, 190, .72);

    border:1px solid rgba(199, 143, 44, .22);
    border-radius:50%;

    background:
        radial-gradient(
            circle at 35% 25%,
            rgba(217, 160, 55, .09),
            rgba(8, 7, 5, .92)
        );

    text-decoration:none;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025);

    transition:
        color 220ms ease,
        border-color 220ms ease,
        background 220ms ease,
        transform 220ms ease,
        box-shadow 220ms ease;
}

.ashunt-footer-socials a:hover{
    color:#f2bc53;

    border-color:rgba(230, 174, 69, .62);

    transform:translateY(-3px);

    box-shadow:
        0 0 14px rgba(204, 134, 28, .22),
        inset 0 0 9px rgba(225, 167, 58, .08);
}

/* LİNK KOLONLARI */

.ashunt-footer-column{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    min-width:0;
}

.ashunt-footer-column a{
    position:relative;

    margin:0 0 11px;
    padding-left:0;

    color:rgba(222, 213, 194, .66);

    font-size:13px;
    line-height:1.3;

    text-decoration:none;

    transition:
        color 200ms ease,
        padding-left 200ms ease;
}

.ashunt-footer-column a::before{
    content:"";

    position:absolute;

    top:50%;
    left:0;

    width:0;
    height:1px;

    background:#dc9d36;

    transform:translateY(-50%);

    transition:width 200ms ease;
}

.ashunt-footer-column a:hover{
    color:#e8b858;
    padding-left:13px;
}

.ashunt-footer-column a:hover::before{
    width:7px;
}

/* SUNUCU SAATİ */

.ashunt-footer-server-time{
    position:relative;

    min-width:0;

    padding-left:30px;

    border-left:1px solid rgba(196, 137, 42, .13);
}

.ashunt-footer-clock{
    display:block;

    margin-bottom:8px;

    color:#f2d39b;

    font-family:
        "Cinzel",
        "Times New Roman",
        serif;

    font-size:30px;
    font-weight:700;
    line-height:1;

    letter-spacing:1.5px;

    text-shadow:
        0 0 14px rgba(219, 147, 42, .17);
}

.ashunt-footer-date{
    display:block;

    margin-bottom:17px;

    color:rgba(219, 207, 184, .58);

    font-size:10px;
    font-weight:700;
    letter-spacing:.8px;
}

.ashunt-footer-status{
    display:inline-flex;
    align-items:center;
    gap:8px;

    color:#9aa78c;

    font-size:10px;
    font-weight:800;
    letter-spacing:.8px;
}

.ashunt-footer-status i{
    width:7px;
    height:7px;

    display:block;

    border-radius:50%;

    background:#7da244;

    box-shadow:
        0 0 8px rgba(123, 175, 63, .65);

    animation:
        ashuntFooterStatusPulse 1.8s ease-in-out infinite;
}

@keyframes ashuntFooterStatusPulse{
    0%,
    100%{
        opacity:.55;
        transform:scale(.88);
    }

    50%{
        opacity:1;
        transform:scale(1.12);
    }
}

/* ALT ŞERİT */

.ashunt-footer-bottom{
    min-height:64px;

    display:grid;

    grid-template-columns:
        minmax(250px, 1fr)
        auto
        minmax(220px, 1fr);

    align-items:center;
    gap:24px;

    padding:17px 0;

    border-top:1px solid rgba(198, 139, 42, .13);
}

.ashunt-footer-bottom p{
    margin:0;

    color:rgba(206, 196, 178, .48);

    font-size:11px;
}

.ashunt-footer-bottom p a{
    color:rgba(224, 172, 80, .72);
    text-decoration:none;
}

.ashunt-footer-legal{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:23px;
}

.ashunt-footer-legal a{
    color:rgba(206, 196, 178, .48);

    font-size:11px;

    text-decoration:none;

    transition:color 180ms ease;
}

.ashunt-footer-legal a:hover{
    color:#d9a447;
}

.ashunt-footer-credit{
    text-align:right;
}

.ashunt-footer-credit strong{
    color:rgba(218, 164, 70, .77);
    font-weight:700;
}

/* YUKARI ÇIK */

.ashunt-scroll-top{
    position:fixed;

    right:26px;
    bottom:24px;

    width:43px;
    height:43px;

    display:grid;
    place-items:center;

    color:#e7b658;

    border:1px solid rgba(224, 164, 58, .62);
    border-radius:50%;

    background:
        radial-gradient(
            circle at 35% 25%,
            rgba(216, 151, 46, .18),
            rgba(7, 6, 4, .96) 70%
        );

    box-shadow:
        0 5px 20px rgba(0, 0, 0, .55),
        inset 0 0 10px rgba(222, 159, 47, .055);

    opacity:0;
    visibility:hidden;

    transform:
        translateY(14px)
        scale(.9);

    pointer-events:none;

    z-index:1000;

    transition:
        opacity 220ms ease,
        visibility 220ms ease,
        transform 220ms ease,
        color 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease;
}

.ashunt-scroll-top.is-visible{
    opacity:1;
    visibility:visible;

    transform:
        translateY(0)
        scale(1);

    pointer-events:auto;
}

.ashunt-scroll-top:hover{
    color:#ffe0a0;
    border-color:#edbd61;

    transform:
        translateY(-4px)
        scale(1.04);

    box-shadow:
        0 8px 24px rgba(0,0,0,.58),
        0 0 16px rgba(211, 144, 34, .22);
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width:1199.98px){

    .ashunt-footer-main{
        grid-template-columns:
            minmax(240px, 1.35fr)
            repeat(3, minmax(120px, .72fr));
    }

    .ashunt-footer-server-time{
        grid-column:1 / -1;

        display:grid;
        grid-template-columns:auto auto auto auto;
        align-items:center;
        gap:22px;

        padding:
            25px 0 0;

        border-left:0;
        border-top:1px solid rgba(196, 137, 42, .13);
    }

    .ashunt-footer-server-time h4{
        margin:0;
    }

    .ashunt-footer-clock,
    .ashunt-footer-date{
        margin:0;
    }
}

@media (max-width:767.98px){

    .ashunt-footer{
        margin-top:52px;
    }

    .ashunt-footer-main{
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            35px 28px;

        padding:
            44px 0 38px;
    }

    .ashunt-footer-brand{
        grid-column:1 / -1;
    }

    .ashunt-footer-column:last-of-type{
        grid-column:auto;
    }

    .ashunt-footer-server-time{
        grid-column:1 / -1;

        grid-template-columns:1fr;
        gap:11px;
    }

    .ashunt-footer-clock{
        font-size:26px;
    }

    .ashunt-footer-bottom{
        grid-template-columns:1fr;

        justify-items:center;
        gap:13px;

        padding:
            22px 0;
    }

    .ashunt-footer-bottom p,
    .ashunt-footer-credit{
        text-align:center;
    }

    .ashunt-footer-legal{
        flex-wrap:wrap;
        gap:12px 20px;
    }

    .ashunt-scroll-top{
        right:15px;
        bottom:15px;

        width:40px;
        height:40px;
    }
}

@media (max-width:479.98px){

    .ashunt-footer-main{
        grid-template-columns:1fr;
    }

    .ashunt-footer-brand,
    .ashunt-footer-server-time{
        grid-column:auto;
    }

    .ashunt-footer-column{
        padding-bottom:18px;

        border-bottom:
            1px solid rgba(196, 137, 42, .09);
    }

    .ashunt-footer-logo img{
        height:68px;
    }
}

/* =====================================================
   FOOTER PARTNERS
===================================================== */

.ashunt-footer-partners{
    min-width:260px;
}

.ashunt-footer-column h4,
.ashunt-footer-partners h4,
.ashunt-footer-server-time h4{
    position:relative;

    margin:0 0 19px;

    color:#dca747;

    font-size:12px;
    font-weight:900;

    letter-spacing:1.1px;
}

.ashunt-footer-column h4::after,
.ashunt-footer-partners h4::after,
.ashunt-footer-server-time h4::after{
    content:"";

    display:block;

    width:24px;
    height:1px;

    margin-top:8px;

    background:
        linear-gradient(
            90deg,
            #c88d30,
            transparent
        );
}

.ashunt-footer-partners-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
}

.ashunt-footer-partners-grid--two{
    max-width:280px;
}

.ashunt-footer-partners-grid a{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:58px;
    padding:8px;

    border:1px solid rgba(216, 165, 47, .22);
    border-radius:9px;

    background:rgba(255, 255, 255, .015);

    overflow:hidden;

    transition:
        border-color 220ms ease,
        background 220ms ease,
        transform 220ms ease;
}

.ashunt-footer-partners-grid a:hover{
    transform:translateY(-2px);

    border-color:rgba(216, 165, 47, .55);
    background:rgba(216, 165, 47, .055);
}

.ashunt-footer-partners-grid img{
    display:block;

    max-width:100%;
    max-height:40px;

    width:auto;
    height:auto;

    object-fit:contain;
}

.ashunt-footer-partner-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:58px;
    padding:8px;

    border:1px dashed rgba(216, 165, 47, .18);
    border-radius:9px;

    color:rgba(216, 165, 47, .38);

    font-size:9px;
    font-weight:700;
    letter-spacing:1.2px;

    background:rgba(255,255,255,.008);
}
/*Eski yukarı kaydırma butonu gizmele efekti*/
#kt_scrolltop,
.scrolltop,
[data-kt-scrolltop="true"]{
    display:none !important;
}

/* =====================================================
   ASHUNT HERO IMAGE BUTTONS — ANIMATED
===================================================== */

.ashunt-hero-actions,
.ashunt-hero-actions-centered{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;

    gap:28px;
    margin-top:30px;
}

/* BUTON TEMEL YAPISI */
.ashunt-hero-image-button{
    --ashunt-button-glow:255, 174, 35;

    display:block;
    flex:0 0 auto;

    width:270px;
    line-height:0;

    animation:
        ashuntHeroButtonFloat 3.4s ease-in-out infinite !important;

    will-change:transform;
    backface-visibility:hidden;
    transform:translate3d(0, 0, 0);
}

/* BUTONLARIN RENKLERİ VE HAREKET GECİKMELERİ */
.ashunt-hero-image-button-play{
    --ashunt-button-glow:255, 174, 35;
    animation-delay:0s !important;
}

.ashunt-hero-image-button-account{
    --ashunt-button-glow:220, 45, 30;
    animation-delay:.45s !important;
}

.ashunt-hero-image-button-download{
    --ashunt-button-glow:55, 170, 230;
    animation-delay:.9s !important;
}

/* GÖRSEL */
.ashunt-hero-image-button img{
    display:block;

    width:100%;
    height:auto;

    object-fit:contain;

    user-select:none;
    pointer-events:none;

    animation:
        ashuntHeroButtonGlow 2.6s ease-in-out infinite !important;

    will-change:filter;
    backface-visibility:hidden;
    transform:translateZ(0);
}

/* PARLAMA GECİKMELERİ */
.ashunt-hero-image-button-play img{
    animation-delay:0s !important;
}

.ashunt-hero-image-button-account img{
    animation-delay:.35s !important;
}

.ashunt-hero-image-button-download img{
    animation-delay:.7s !important;
}

/* HOVER */
.ashunt-hero-image-button:hover{
    animation-play-state:paused !important;

    transform:
        translate3d(0, -6px, 0)
        scale(1.045) !important;
}

.ashunt-hero-image-button:hover img{
    animation-play-state:paused !important;

    filter:
        brightness(1.16)
        saturate(1.18)
        drop-shadow(
            0 0 13px
            rgba(var(--ashunt-button-glow), .75)
        )
        drop-shadow(
            0 0 27px
            rgba(var(--ashunt-button-glow), .42)
        ) !important;
}

/* TIKLAMA */
.ashunt-hero-image-button:active{
    transform:
        translate3d(0, -1px, 0)
        scale(.97) !important;
}

/* SÜREKLİ YUKARI-AŞAĞI HAREKET */
@keyframes ashuntHeroButtonFloat{
    0%,
    100%{
        transform:translate3d(0, 2px, 0);
    }

    50%{
        transform:translate3d(0, -5px, 0);
    }
}

/* SÜREKLİ NEFES ALAN GLOW */
@keyframes ashuntHeroButtonGlow{
    0%,
    100%{
        filter:
            brightness(1)
            saturate(1.03)
            drop-shadow(
                0 0 5px
                rgba(var(--ashunt-button-glow), .26)
            );
    }

    50%{
        filter:
            brightness(1.11)
            saturate(1.13)
            drop-shadow(
                0 0 12px
                rgba(var(--ashunt-button-glow), .62)
            )
            drop-shadow(
                0 0 21px
                rgba(var(--ashunt-button-glow), .27)
            );
    }
}

/* TABLET */
@media (max-width:992px){
    .ashunt-hero-actions,
    .ashunt-hero-actions-centered{
        flex-wrap:wrap;
        gap:16px;
    }

    .ashunt-hero-image-button{
        width:230px;
    }
}

/* MOBİL */
@media (max-width:576px){
    .ashunt-hero-actions,
    .ashunt-hero-actions-centered{
        flex-direction:column;
        gap:10px;
        margin-top:26px;
    }

    .ashunt-hero-image-button{
        width:min(285px, 92vw);
    }
}

/* =====================================================
   ASHUNT FORTRESS SWITCH PANEL
   NEXT BATTLE / SERVER INFO
===================================================== */

.ashunt-fortress-panel{
    position:relative;
    overflow:hidden;
}

/* =====================================================
   TAB MENÜ
===================================================== */

.ashunt-fortress-tabs{
    position:relative;
    z-index:3;

    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));

    margin:0 20px;
    padding-top:18px;

    border-bottom:1px solid rgba(218, 164, 49, .16);
}

/* Hareket eden altın çizgi */
.ashunt-fortress-tabs::after{
    content:"";

    position:absolute;
    left:0;
    bottom:-1px;

    width:50%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(223, 166, 43, .70) 12%,
            #f0b83f 50%,
            rgba(223, 166, 43, .70) 88%,
            transparent 100%
        );

    box-shadow:
        0 0 8px rgba(225, 169, 46, .55),
        0 0 18px rgba(225, 169, 46, .22);

    transform:translate3d(0, 0, 0);

    transition:
        transform 360ms cubic-bezier(.22, .61, .36, 1);

    pointer-events:none;
}

/* SERVER INFO aktifken çizgiyi sağa taşı */
.ashunt-fortress-panel.is-server-active
.ashunt-fortress-tabs::after{
    transform:translate3d(100%, 0, 0);
}

.ashunt-fortress-tab{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    min-width:0;
    min-height:43px;

    padding:10px 8px 12px;

    border:0;
    outline:0;

    background:transparent;

    color:rgba(210, 205, 192, .52);

    font-size:11px;
    font-weight:800;
    line-height:1;
    letter-spacing:1.1px;

    cursor:pointer;

    transition:
        color 220ms ease,
        text-shadow 220ms ease,
        background-color 220ms ease;
}

.ashunt-fortress-tab i{
    color:rgba(210, 205, 192, .38);
    font-size:12px;

    transition:
        color 220ms ease,
        filter 220ms ease,
        transform 220ms ease;
}

.ashunt-fortress-tab:hover{
    color:rgba(242, 224, 177, .88);

    background:
        linear-gradient(
            180deg,
            rgba(220, 164, 43, .05),
            transparent
        );
}

.ashunt-fortress-tab:hover i{
    color:rgba(229, 173, 50, .85);
    transform:translateY(-1px);
}

.ashunt-fortress-tab.active{
    color:#e6ad32;

    text-shadow:
        0 0 10px rgba(225, 167, 42, .26);
}

.ashunt-fortress-tab.active i{
    color:#ebb33b;

    filter:
        drop-shadow(0 0 5px rgba(231, 172, 45, .38));
}

/* =====================================================
   TAB İÇERİKLERİ
===================================================== */

.ashunt-fortress-tab-content{
    display:none;
    position:relative;
}

.ashunt-fortress-tab-content.active{
    display:block;

    animation:
        ashuntFortressContentIn 360ms
        cubic-bezier(.22, .61, .36, 1)
        both;
}

@keyframes ashuntFortressContentIn{
    0%{
        opacity:0;
        transform:translate3d(0, 10px, 0);
    }

    100%{
        opacity:1;
        transform:translate3d(0, 0, 0);
    }
}

/* Mevcut başlığın sekmelere yaklaşmasını düzenler */
.ashunt-fortress-tab-content .ashunt-panel-header{
    padding-top:25px;
}

/* =====================================================
   SERVER INFO İÇERİĞİ
===================================================== */

.ashunt-server-info-content{
    position:relative;
    min-height:330px;
}

.ashunt-server-info-list{
    display:flex;
    flex-direction:column;

    margin:0 24px 24px;

    max-height:292px;
    overflow-y:auto;
    overflow-x:hidden;

    scrollbar-width:thin;
    scrollbar-color:
        rgba(218, 162, 43, .42)
        rgba(255, 255, 255, .025);
}

.ashunt-server-info-list::-webkit-scrollbar{
    width:4px;
}

.ashunt-server-info-list::-webkit-scrollbar-track{
    background:rgba(255, 255, 255, .025);
}

.ashunt-server-info-list::-webkit-scrollbar-thumb{
    border-radius:10px;
    background:rgba(218, 162, 43, .42);
}

.ashunt-server-info-row{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;

    min-height:51px;
    padding:11px 4px;

    border-bottom:
        1px solid rgba(219, 171, 69, .105);

    transition:
        background-color 200ms ease,
        padding 200ms ease;
}

.ashunt-server-info-row:last-child{
    border-bottom:0;
}

.ashunt-server-info-row:hover{
    padding-left:8px;
    padding-right:8px;

    background:
        linear-gradient(
            90deg,
            rgba(222, 165, 44, .055),
            transparent 75%
        );
}

.ashunt-server-info-name{
    display:flex;
    align-items:center;
    gap:12px;

    min-width:0;

    color:rgba(207, 202, 189, .65);

    font-size:11px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:.35px;
    text-transform:uppercase;
}

.ashunt-server-info-name > span:last-child{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ashunt-server-info-icon{
    flex:0 0 28px;

    display:flex;
    align-items:center;
    justify-content:center;

    width:28px;
    height:28px;

    border:
        1px solid rgba(222, 167, 48, .18);

    border-radius:7px;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(223, 165, 44, .12),
            rgba(223, 165, 44, .025) 70%
        );

    color:#dca42c;

    transition:
        color 200ms ease,
        border-color 200ms ease,
        box-shadow 200ms ease;
}

.ashunt-server-info-icon i{
    font-size:11px;
}

.ashunt-server-info-row:hover
.ashunt-server-info-icon{
    color:#efba45;
    border-color:rgba(229, 174, 53, .34);

    box-shadow:
        0 0 10px rgba(222, 165, 44, .10);
}

.ashunt-server-info-row > strong{
    flex:0 0 auto;

    color:#f0ede5;

    font-size:12px;
    font-weight:800;
    line-height:1.25;
    text-align:right;
}

/* Server Info boşsa */
.ashunt-server-info-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;

    min-height:245px;
    margin:0 24px 24px;

    color:rgba(210, 205, 194, .48);

    font-size:11px;
    font-weight:700;
    letter-spacing:.4px;
    text-align:center;
}

.ashunt-server-info-empty i{
    color:rgba(222, 168, 48, .65);
    font-size:25px;
}

/* =====================================================
   FORTRESS İÇERİĞİNE KÜÇÜK UYUM DOKUNUŞLARI
===================================================== */

.ashunt-fortress-tab-content[data-content="battle"]
.ashunt-fortress-content{
    animation:ashuntFortressInnerGlow 700ms ease both;
}

@keyframes ashuntFortressInnerGlow{
    from{
        opacity:.72;
    }

    to{
        opacity:1;
    }
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width:1200px){
    .ashunt-fortress-tabs{
        margin-left:16px;
        margin-right:16px;
    }

    .ashunt-server-info-list{
        margin-left:18px;
        margin-right:18px;
    }
}

@media (max-width:576px){
    .ashunt-fortress-tabs{
        margin-left:12px;
        margin-right:12px;
        padding-top:13px;
    }

    .ashunt-fortress-tab{
        min-height:40px;
        padding-left:5px;
        padding-right:5px;

        font-size:9px;
        letter-spacing:.65px;
    }

    .ashunt-fortress-tab i{
        font-size:10px;
    }

    .ashunt-server-info-list{
        margin-left:14px;
        margin-right:14px;
    }

    .ashunt-server-info-row{
        min-height:48px;
        gap:10px;
    }

    .ashunt-server-info-name{
        gap:8px;
        font-size:9px;
    }

    .ashunt-server-info-row > strong{
        font-size:10px;
    }
}

/*=====================================================
ASHUNT LIVE SEARCH
=====================================================*/

.ashunt-search-dropdown {
    position: fixed;

    width: 420px;
    max-width: calc(100vw - 24px);
    max-height: 520px;

    display: none;
    overflow-x: hidden;
    overflow-y: auto;

    background: #0b0c0f;
    border: 1px solid rgba(214, 166, 64, 0.55);
    border-radius: 14px;

    box-shadow:
        0 22px 65px rgba(0, 0, 0, 0.75),
        0 0 25px rgba(214, 166, 64, 0.08);

    z-index: 999999;
}

.ashunt-search-dropdown.active {
    display: block;
}

.ashunt-search-title{

    color:#d8a54b;

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:2px;

    padding:14px 18px;

    background:#17191d;

    border-bottom:1px solid rgba(255,255,255,.05);

}

.ashunt-search-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 18px;

    color:#fff;

    text-decoration:none;

    transition:.18s;

    border-bottom:1px solid rgba(255,255,255,.04);

}

.ashunt-search-item:hover{

    background:#1d2025;

    color:#d8a54b;

}

.ashunt-search-empty{

    padding:20px;

    text-align:center;

    color:#888;

}

.ashunt-search-dropdown {
    max-height: 520px;
    overflow-y: auto;
}

.ashunt-search-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 22px;
    color: #d6a640;
}

.ashunt-search-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ashunt-search-item {
    gap: 12px;
}

.ashunt-search-item-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #d6a640;
    background: rgba(214, 166, 64, 0.1);
    border: 1px solid rgba(214, 166, 64, 0.2);
}

.ashunt-search-item-content {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ashunt-search-item-content strong {
    color: #fff;
    font-size: 14px;
}

.ashunt-search-item-content small {
    margin-top: 2px;
    color: #777;
    font-size: 11px;
}

.ashunt-search-item-meta {
    color: #d6a640;
    font-size: 12px;
    white-space: nowrap;
}

.ashunt-search-empty {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ashunt-search-empty strong {
    color: #d6a640;
}

.ashunt-search-empty span {
    color: #777;
    font-size: 12px;
}

[data-kt-search="true"],
[data-kt-menu="true"],
.menu-sub,
.menu-sub-dropdown,
.kt-search-container {
    overflow: visible !important;
}

@media (max-width: 576px) {
    .ashunt-search-dropdown {
        width: calc(100vw - 24px);
        max-height: 420px;
    }
}

/* =====================================================
   ASHUNT EVENTS PAGE
===================================================== */

.ashunt-events-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
    padding: 8px 0;
}

.ashunt-event-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-height: 190px;
    padding: 26px;

    background:
        radial-gradient(
            circle at top left,
            rgba(209, 151, 36, 0.11),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(20, 18, 14, 0.98),
            rgba(7, 7, 7, 0.98)
        );

    border: 1px solid rgba(211, 154, 39, 0.22);
    border-radius: 14px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 16px 34px rgba(0, 0, 0, 0.3);

    overflow: hidden;
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.ashunt-event-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 26px;
    right: 26px;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(224, 167, 52, 0.68),
        transparent
    );

    opacity: 0.6;
}

.ashunt-event-card::after {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -70px;
    width: 150px;
    height: 150px;

    border: 1px solid rgba(204, 145, 29, 0.08);
    border-radius: 50%;

    box-shadow:
        0 0 0 22px rgba(204, 145, 29, 0.025),
        0 0 0 44px rgba(204, 145, 29, 0.018);
}

.ashunt-event-card:hover {
    transform: translateY(-5px);
    border-color: rgba(222, 165, 51, 0.48);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 22px 45px rgba(0, 0, 0, 0.42),
        0 0 25px rgba(199, 140, 27, 0.07);
}

.ashunt-event-icon {
    position: relative;
    z-index: 2;

    flex: 0 0 56px;
    width: 56px;
    height: 56px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #dca332;
    font-size: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(214, 157, 42, 0.13),
            rgba(214, 157, 42, 0.035)
        );

    border: 1px solid rgba(220, 163, 50, 0.25);
    border-radius: 12px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 8px 20px rgba(0, 0, 0, 0.3);
}

.ashunt-event-card > div {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.ashunt-event-type {
    display: inline-block;
    margin-bottom: 8px;

    color: #bd8723;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ashunt-event-card h3 {
    margin: 0 0 10px;

    color: #f1ddb3;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
}

.ashunt-event-card p {
    margin: 0;

    color: rgba(227, 220, 206, 0.62);
    font-size: 13px;
    line-height: 1.75;
}

/* Tablet */
@media (max-width: 1100px) {
    .ashunt-events-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */
@media (max-width: 700px) {
    .ashunt-events-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .ashunt-event-card {
        min-height: auto;
        padding: 22px;
    }

    .ashunt-event-icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .ashunt-event-card h3 {
        font-size: 17px;
    }
}

/* =====================================================
   EVENTS PAGE — SCHEDULE LEFT / CARDS RIGHT
===================================================== */

.ashunt-events-layout {
    display: grid;
    grid-template-columns: 370px minmax(0, 1fr);
    align-items: start;
    gap: 26px;

    width: 100%;
}

/* =====================================================
   LEFT SCHEDULE COLUMN
===================================================== */

.ashunt-events-schedule-column {
    min-width: 0;
}

.ashunt-events-schedule-column .ashunt-events-panel {
    position: sticky;
    top: 24px;

    width: 100%;
    min-height: 520px;
    padding: 26px 24px;

    background:
        radial-gradient(
            circle at 20% 10%,
            rgba(208, 149, 31, 0.08),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(17, 14, 9, 0.98),
            rgba(5, 5, 4, 0.99)
        );

    border: 1px solid rgba(209, 151, 35, 0.30);
    border-radius: 16px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 20px 45px rgba(0, 0, 0, 0.28);

    overflow: hidden;
}

.ashunt-events-schedule-column .ashunt-panel-header {
    margin-bottom: 18px;
}

.ashunt-events-schedule-column .ashunt-panel-header h3 {
    margin: 5px 0 8px;

    color: #efd6a4;
    font-size: 22px;
    font-weight: 700;
}

.ashunt-events-panel-description {
    margin: 0;

    color: rgba(231, 222, 205, 0.58);
    font-size: 12px;
    line-height: 1.65;
}

/*
 * Ana sayfa takviminin genişliğini bozmadan
 * sol sütuna tam oturmasını sağlar.
 */
.ashunt-events-schedule-column .ashunt-event-widget {
    width: 100%;
}

/* =====================================================
   RIGHT EVENT CARDS
===================================================== */

.ashunt-events-content-column {
    min-width: 0;
}

/*
 * Yönetim panelinden gelen ana grid.
 */
.ashunt-events-content-column .ashunt-events-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;

    width: 100%;
    padding: 0;
}

/*
 * Sağ bölgedeki kartları daha kompakt yapıyoruz.
 */
.ashunt-events-content-column .ashunt-event-card {
    min-height: 178px;
    padding: 22px;
}

/*
 * Yönetim paneli boş p etiketleri üretirse layout'u bozmasın.
 */
.ashunt-events-content-column > p:empty,
.ashunt-events-content-column .ashunt-events-grid > p:empty {
    display: none;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1350px) {
    .ashunt-events-layout {
        grid-template-columns: 350px minmax(0, 1fr);
    }

    .ashunt-events-content-column .ashunt-events-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .ashunt-events-layout {
        grid-template-columns: 1fr;
    }

    .ashunt-events-schedule-column .ashunt-events-panel {
        position: relative;
        top: auto;
        min-height: auto;
    }

    .ashunt-events-content-column .ashunt-events-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .ashunt-events-content-column .ashunt-events-grid {
        grid-template-columns: 1fr;
    }
}

/* =====================================================
   EVENTS PAGE — VIVID ANALOG EVENT SCHEDULE
   Ana sayfadaki canlılık ve kontrastın Events sürümü
===================================================== */

/* Sol panel */
body.events-page .ashunt-events-schedule-column .ashunt-events-panel {
    min-height: 700px;

    background:
        radial-gradient(
            circle at 22% 14%,
            rgba(217, 164, 65, 0.115),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(20, 16, 9, 0.995),
            rgba(7, 7, 5, 0.995)
        );

    border-color: rgba(217, 164, 65, 0.42);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        inset 0 0 34px rgba(217, 164, 65, 0.025),
        0 20px 46px rgba(0, 0, 0, 0.42),
        0 0 28px rgba(217, 164, 65, 0.055);
}

/* Widget alanı */
body.events-page .ashunt-event-widget {
    filter: saturate(1.16) contrast(1.06);
}

/* Daha uzun Events takvimi */
body.events-page .ashunt-clock-events,
body.events-page .ashunt-clock-event-viewport {
    height: 550px;
}

/* Başlıklar */
body.events-page .ashunt-events-panel .ashunt-panel-label {
    color: #e6ad39;
    text-shadow: 0 0 12px rgba(217, 164, 65, 0.20);
}

body.events-page .ashunt-events-panel .ashunt-panel-header h3 {
    color: #f4ddb0;
    text-shadow: 0 0 16px rgba(217, 164, 65, 0.12);
}

body.events-page .ashunt-events-panel-description {
    color: rgba(238, 227, 205, 0.66);
}

/* Dikey yay */
body.events-page .ashunt-clock-arc {
    border-left-color: rgba(229, 177, 74, 0.62);

    filter:
        saturate(1.20)
        brightness(1.10);

    box-shadow:
        -2px 0 16px rgba(217, 164, 65, 0.075);
}

body.events-page .ashunt-clock-ticks {
    opacity: 0.82;
}

body.events-page .ashunt-clock-progress {
    filter:
        saturate(1.25)
        brightness(1.12);

    box-shadow:
        0 0 15px rgba(217, 164, 65, 0.58);
}

/* Saat işaretleri */
body.events-page .ashunt-clock-mark-top {
    color: #65ec8a;
    text-shadow: 0 0 9px rgba(101, 236, 138, 0.38);
}

body.events-page .ashunt-clock-mark-center {
    color: #ffd671;
    text-shadow: 0 0 10px rgba(255, 214, 113, 0.42);
}

body.events-page .ashunt-clock-mark-bottom {
    color: #ff6257;
    text-shadow: 0 0 9px rgba(255, 98, 87, 0.38);
}

/* Analog saat dış halkası */
body.events-page .ashunt-clock-face::before {
    border-color: rgba(238, 185, 77, 0.92);

    background:
        radial-gradient(
            circle,
            rgba(107, 72, 18, 0.96) 0%,
            rgba(18, 14, 7, 0.99) 66%
        );

    box-shadow:
        0 0 0 4px rgba(217, 164, 65, 0.12),
        0 0 30px rgba(217, 164, 65, 0.40),
        inset 0 0 22px rgba(217, 164, 65, 0.20);
}

/* Analog kadran */
body.events-page .ashunt-clock-dial {
    border-color: rgba(235, 184, 79, 0.48);

    background:
        repeating-conic-gradient(
            from 0deg,
            rgba(240, 190, 83, 0.78) 0deg 1deg,
            transparent 1deg 15deg
        );

    filter:
        saturate(1.18)
        brightness(1.12);
}

body.events-page .ashunt-clock-dial-center {
    background: #ffda7a;

    box-shadow:
        0 0 15px rgba(255, 218, 122, 0.95);
}

body.events-page .ashunt-clock-face-label {
    color: rgba(235, 224, 201, 0.72);
}

body.events-page .ashunt-clock-face-time {
    color: #ffd36a;

    text-shadow:
        0 0 10px rgba(255, 211, 106, 0.42);
}

/* Saat ibreleri */
body.events-page .ashunt-clock-hour-hand {
    background: #f0c96f;
    box-shadow: 0 0 6px rgba(240, 201, 111, 0.34);
}

body.events-page .ashunt-clock-minute-hand {
    background: #ffe7a6;
    box-shadow: 0 0 6px rgba(255, 231, 166, 0.34);
}

body.events-page .ashunt-clock-second-hand {
    background: #f28a3e;
    box-shadow: 0 0 6px rgba(242, 138, 62, 0.42);
}

/* Genel etkinlik kartları */
body.events-page .ashunt-clock-event {
    opacity: 0.55;

    filter:
        saturate(1.12)
        brightness(1.04);

    border-color: rgba(217, 164, 65, 0.14);

    transition:
        opacity 300ms ease,
        transform 300ms ease,
        filter 300ms ease,
        background-color 300ms ease,
        border-color 300ms ease,
        box-shadow 300ms ease;
}

/* Kart metinleri */
body.events-page .ashunt-clock-event-copy strong {
    color: rgba(245, 235, 216, 0.94);

    text-shadow:
        0 0 8px rgba(255, 255, 255, 0.035);
}

body.events-page .ashunt-clock-event-copy small {
    opacity: 0.94;
}

/* Yaklaşan */
body.events-page .ashunt-clock-event.is-upcoming {
    color: #57e47d;
    opacity: 0.74;

    border-color: rgba(87, 228, 125, 0.34);

    background:
        linear-gradient(
            90deg,
            rgba(22, 118, 54, 0.22),
            rgba(3, 12, 6, 0.76)
        );

    box-shadow:
        inset 0 0 20px rgba(87, 228, 125, 0.025),
        0 0 16px rgba(87, 228, 125, 0.025);
}

/* Aktif */
body.events-page .ashunt-clock-event.is-active {
    color: #ffd057;

    opacity: 1;
    transform: scale(1);

    filter:
        saturate(1.22)
        brightness(1.12);

    border-color: rgba(255, 208, 87, 0.94);

    background:
        linear-gradient(
            90deg,
            rgba(150, 100, 13, 0.43),
            rgba(25, 18, 5, 0.96)
        );

    box-shadow:
        0 0 0 1px rgba(255, 208, 87, 0.14),
        0 14px 34px rgba(0, 0, 0, 0.42),
        0 0 31px rgba(255, 194, 52, 0.20),
        inset 0 0 22px rgba(255, 208, 87, 0.055);
}

body.events-page
.ashunt-clock-event.is-active
.ashunt-clock-event-dot {
    box-shadow:
        0 0 0 6px rgba(255, 208, 87, 0.13),
        0 0 17px rgba(255, 208, 87, 0.72);
}

/* Geçmiş */
body.events-page .ashunt-clock-event.is-finished {
    color: #f05b4e;
    opacity: 0.58;

    border-color: rgba(240, 91, 78, 0.30);

    background:
        linear-gradient(
            90deg,
            rgba(126, 34, 25, 0.20),
            rgba(12, 4, 3, 0.72)
        );
}

/* Odaklanan kart */
body.events-page .ashunt-clock-event.is-focus {
    opacity: 1;
}

/* Şu an çizgisi */
body.events-page .ashunt-clock-now-guide {
    background:
        linear-gradient(
            90deg,
            rgba(244, 187, 73, 0.90),
            rgba(244, 187, 73, 0.12)
        );

    box-shadow:
        0 0 12px rgba(244, 187, 73, 0.14);
}

body.events-page .ashunt-clock-now-guide span {
    background: #ffd26a;

    box-shadow:
        0 0 17px rgba(255, 210, 106, 0.88);
}

/* Üst-alt gölgeyi azalt */
body.events-page .ashunt-clock-event-fade {
    height: 38px;
}

body.events-page .ashunt-clock-event-fade-top {
    background:
        linear-gradient(
            180deg,
            rgba(12, 11, 9, 0.92),
            rgba(12, 11, 9, 0.44),
            transparent
        );
}

body.events-page .ashunt-clock-event-fade-bottom {
    background:
        linear-gradient(
            0deg,
            rgba(12, 11, 9, 0.92),
            rgba(12, 11, 9, 0.44),
            transparent
        );
}

/* Alt açıklama */
body.events-page .ashunt-clock-legend span {
    color: rgba(236, 226, 207, 0.72);
}

body.events-page
.ashunt-clock-legend
.is-upcoming i {
    background: #5bea82;

    box-shadow:
        0 0 11px rgba(91, 234, 130, 0.72);
}

body.events-page
.ashunt-clock-legend
.is-active i {
    background: #ffd15b;

    box-shadow:
        0 0 11px rgba(255, 209, 91, 0.72);
}

body.events-page
.ashunt-clock-legend
.is-finished i {
    background: #f45d50;

    box-shadow:
        0 0 11px rgba(244, 93, 80, 0.72);
}

/* Takvim modal butonu */
body.events-page .ashunt-calendar-trigger {
    color: #ffcb53;

    background:
        linear-gradient(
            145deg,
            rgba(217, 164, 65, 0.25),
            rgba(20, 15, 6, 0.99)
        );

    border-color: rgba(228, 173, 65, 0.62);

    box-shadow:
        inset 0 0 18px rgba(217, 164, 65, 0.14),
        0 0 24px rgba(217, 164, 65, 0.20);
}

/* =====================================================
   EVENTS PAGE — CLEAN HEADER BUTTON & MODAL
===================================================== */

/* Sol sütun ve panel hizası */
body.events-page .ashunt-events-schedule-column {
    align-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.events-page .ashunt-events-schedule-column .ashunt-events-panel {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
}

/* Başlık ve takvim butonu aynı satırda */
body.events-page .ashunt-events-panel-header {
    position: relative;
    z-index: 4;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;

    margin-top: 0 !important;
    padding-right: 0 !important;
}

body.events-page .ashunt-events-panel-header > div {
    min-width: 0;
}

/* Widget normal akışta kalır */
body.events-page .ashunt-event-widget {
    position: relative !important;
}

/* Sadece header içine taşıdığımız butonu hedefle */
body.events-page .ashunt-events-calendar-trigger {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 20;

    flex: 0 0 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;
    margin: 0 !important;
    padding: 0;

    color: #ffc84f;

    background:
        linear-gradient(
            145deg,
            rgba(217, 164, 65, 0.26),
            rgba(21, 15, 6, 0.98)
        );

    border: 1px solid rgba(232, 178, 65, 0.64);
    border-radius: 12px;

    box-shadow:
        inset 0 0 18px rgba(217, 164, 65, 0.14),
        0 0 22px rgba(217, 164, 65, 0.18);

    animation:
        ashuntEventsCalendarBreath 2.3s ease-in-out infinite;

    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

body.events-page .ashunt-events-calendar-trigger:hover {
    transform: translateY(-2px) scale(1.04) !important;

    border-color: rgba(255, 205, 92, 0.88);

    box-shadow:
        inset 0 0 20px rgba(217, 164, 65, 0.20),
        0 0 30px rgba(239, 182, 67, 0.34);
}

@keyframes ashuntEventsCalendarBreath {
    0%,
    100% {
        box-shadow:
            inset 0 0 16px rgba(217, 164, 65, 0.10),
            0 0 12px rgba(217, 164, 65, 0.12);

        filter:
            brightness(1)
            saturate(1);
    }

    50% {
        box-shadow:
            inset 0 0 22px rgba(217, 164, 65, 0.20),
            0 0 30px rgba(239, 182, 67, 0.36),
            0 0 48px rgba(217, 164, 65, 0.12);

        filter:
            brightness(1.18)
            saturate(1.18);
    }
}

/* Modal her şeyin üstünde */
body.events-page .ashunt-calendar-modal {
    position: fixed !important;
    inset: 0 !important;

    z-index: 2147483000 !important;

    isolation: isolate;
}

body.events-page .ashunt-calendar-backdrop {
    position: absolute !important;
    inset: 0 !important;

    z-index: 1 !important;

    background: rgba(0, 0, 0, 0.82) !important;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body.events-page .ashunt-calendar-dialog {
    position: relative !important;
    z-index: 2 !important;
}

/* Sağdaki kartlar modalın üstüne çıkmasın */
body.events-page .ashunt-events-content-column,
body.events-page .ashunt-events-grid,
body.events-page .ashunt-event-card {
    z-index: auto !important;
}

body.events-page.ashunt-modal-open {
    overflow: hidden !important;
}

@media (max-width: 575.98px) {
    body.events-page .ashunt-events-calendar-trigger {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }
}

/* =====================================================
   EVENTS PAGE — DYNAMIC EVENT CARDS FINAL DESIGN
   Full-width description layout
===================================================== */

body.events-page .ashunt-events-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}

/* =====================================================
   EVENT CARD
===================================================== */

body.events-page .ashunt-event-card {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: stretch;

    min-width: 0;
    min-height: 290px;

    padding:
        56px
        22px
        22px;

    overflow: hidden;

    border:
        1px solid
        rgba(228, 181, 78, 0.32);

    border-radius: 16px;

    background:
        radial-gradient(
            circle at 100% 100%,
            rgba(228, 181, 78, 0.055),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(20, 17, 11, 0.98),
            rgba(8, 8, 7, 0.99)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, 0.03),
        0 14px 30px
        rgba(0, 0, 0, 0.24);

    transition:
        transform 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease;
}

body.events-page .ashunt-event-card:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(228, 181, 78, 0.58);

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, 0.04),
        0 20px 40px
        rgba(0, 0, 0, 0.34),
        0 0 26px
        rgba(228, 181, 78, 0.08);
}

/* =====================================================
   HEADER: ICON + CATEGORY + TITLE
===================================================== */

body.events-page .ashunt-event-card-header {
    display: flex;
    align-items: flex-start;
    gap: 18px;

    width: 100%;
    min-width: 0;

    margin-bottom: 18px;
}

body.events-page .ashunt-event-card-heading {
    flex: 1 1 auto;

    min-width: 0;
}

/* =====================================================
   ICON
===================================================== */

body.events-page .ashunt-event-icon {
    flex: 0 0 56px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 56px;
    height: 56px;

    color: #e8ae31;

    border:
        1px solid
        rgba(228, 181, 78, 0.34);

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(228, 181, 78, 0.16),
            rgba(228, 181, 78, 0.04)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, 0.035);
}

body.events-page .ashunt-event-icon i {
    font-size: 20px;
}

/* =====================================================
   CATEGORY
===================================================== */

body.events-page .ashunt-event-type {
    display: block;

    margin:
        2px
        34px
        6px
        0;

    color: #d99e25;

    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.14em;

    text-transform: uppercase;
}

/* =====================================================
   TITLE
===================================================== */

body.events-page .ashunt-event-card h3 {
    display: -webkit-box;
    overflow: hidden;

    margin:
        0
        30px
        0
        0;

    color: #f0ddb6;

    font-size: 20px;
    font-weight: 800;
    line-height: 1.15;

    overflow-wrap: anywhere;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* =====================================================
   FULL-WIDTH DESCRIPTION
===================================================== */

body.events-page .ashunt-event-description {
    display: -webkit-box;
    overflow: hidden;

    width: 100%;

    margin:
        0
        0
        20px;

    color:
        rgba(230, 222, 207, 0.67);

    font-size: 14px;
    line-height: 1.65;

    overflow-wrap: anywhere;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

/*
 * Önceki genel paragraf kurallarının
 * yeni açıklamayı ezmesini engeller.
 */
body.events-page
.ashunt-event-card
p:not(.ashunt-event-description) {
    margin: 0;
}

/* =====================================================
   EVENT DETAILS BUTTON
===================================================== */

body.events-page .ashunt-event-details-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    width: 100%;
    min-height: 42px;

    margin-top: auto;
    padding:
        0
        14px;

    color: #e7b54b;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    border:
        1px solid
        rgba(228, 181, 78, 0.36);

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            rgba(228, 181, 78, 0.10),
            rgba(228, 181, 78, 0.025)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, 0.025);

    transition:
        color 200ms ease,
        border-color 200ms ease,
        background-color 200ms ease,
        box-shadow 200ms ease;
}

body.events-page
.ashunt-event-details-button:hover {
    color: #ffd36a;

    border-color:
        rgba(228, 181, 78, 0.70);

    background:
        linear-gradient(
            90deg,
            rgba(228, 181, 78, 0.18),
            rgba(228, 181, 78, 0.05)
        );

    box-shadow:
        0 0 20px
        rgba(228, 181, 78, 0.10);
}

body.events-page
.ashunt-event-details-button i {
    transition:
        transform 200ms ease;
}

body.events-page
.ashunt-event-details-button:hover i {
    transform:
        translateX(4px);
}

/* =====================================================
   TOP-RIGHT ARROW
===================================================== */

body.events-page .ashunt-event-card-action {
    position: absolute;

    top: 20px;
    right: 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #e8aa28;

    pointer-events: none;
}

/* =====================================================
   STATUS BADGE
===================================================== */

body.events-page .ashunt-event-status {
    position: absolute;

    top: 20px;
    left: 22px;

    z-index: 3;

    display: inline-flex;
    align-items: center;

    min-height: 22px;

    padding:
        0
        8px;

    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;

    border:
        1px solid
        transparent;

    border-radius: 999px;
}

body.events-page
.ashunt-event-status.is-active {
    color: #73e795;

    border-color:
        rgba(80, 215, 119, 0.35);

    background:
        rgba(28, 115, 54, 0.20);
}

body.events-page
.ashunt-event-status.is-inactive {
    color:
        rgba(220, 220, 220, 0.72);

    border-color:
        rgba(180, 180, 180, 0.24);

    background:
        rgba(110, 110, 110, 0.14);
}

body.events-page
.ashunt-event-status.is-coming-soon {
    color: #6db7ff;

    border-color:
        rgba(70, 155, 238, 0.34);

    background:
        rgba(35, 105, 175, 0.18);
}

body.events-page
.ashunt-event-status.is-maintenance {
    color: #ffd56f;

    border-color:
        rgba(230, 180, 50, 0.34);

    background:
        rgba(140, 92, 15, 0.18);
}

/* =====================================================
   DECORATION
===================================================== */

body.events-page .ashunt-event-card::after {
    opacity: 0.28;
}

/* =====================================================
   EMPTY STATE
===================================================== */

body.events-page .ashunt-events-empty {
    grid-column:
        1 / -1;

    padding:
        70px
        30px;

    text-align: center;

    border:
        1px solid
        rgba(228, 181, 78, 0.20);

    border-radius: 16px;

    background:
        rgba(10, 10, 8, 0.72);
}

body.events-page .ashunt-events-empty-icon {
    display: inline-flex;

    margin-bottom: 16px;

    color:
        rgba(228, 181, 78, 0.70);

    font-size: 34px;
}

body.events-page .ashunt-events-empty h3 {
    margin-bottom: 8px;

    color: #f0ddb6;
}

body.events-page .ashunt-events-empty p {
    margin: 0;

    color:
        rgba(230, 222, 207, 0.58);
}

/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1199.98px) {
    body.events-page .ashunt-events-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767.98px) {
    body.events-page .ashunt-events-grid {
        grid-template-columns:
            1fr;
    }

    body.events-page .ashunt-event-card {
        min-height: 270px;
    }
}

/* =====================================================
   ASHUNT PLAY NOW LOGOUT MODAL
===================================================== */

.ashunt-play-trigger {
    appearance: none;
    border: 0;
    outline: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

.ashunt-logout-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease;
}

.ashunt-logout-modal.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.ashunt-logout-modal-backdrop {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at center,
            rgba(35, 27, 12, 0.2),
            rgba(0, 0, 0, 0.88)
        );

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.ashunt-logout-modal-dialog {
    position: relative;
    z-index: 2;

    width: min(100%, 520px);
    padding: 42px 38px 34px;

    text-align: center;

    color: #e8e0cf;

    background:
        linear-gradient(
            145deg,
            rgba(24, 23, 22, 0.98),
            rgba(8, 9, 11, 0.99)
        );

    border: 1px solid rgba(220, 169, 65, 0.42);
    border-radius: 6px;

    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.75),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);

    transform: translateY(18px) scale(0.96);

    transition: transform 0.25s ease;
}

.ashunt-logout-modal.is-open .ashunt-logout-modal-dialog {
    transform: translateY(0) scale(1);
}

.ashunt-logout-modal-dialog::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;

    width: 72%;
    height: 1px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(242, 193, 86, 0.95),
            transparent
        );

    box-shadow: 0 0 18px rgba(228, 176, 62, 0.55);
}

.ashunt-logout-modal-close {
    position: absolute;
    top: 12px;
    right: 15px;

    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    border: 0;
    background: transparent;

    color: rgba(255, 255, 255, 0.55);
    font-size: 28px;
    line-height: 1;

    cursor: pointer;
    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.ashunt-logout-modal-close:hover {
    color: #f0c46a;
    transform: rotate(90deg);
}

.ashunt-logout-modal-icon {
    width: 74px;
    height: 74px;

    display: grid;
    place-items: center;

    margin: 0 auto 22px;

    color: #e6b754;
    font-size: 29px;

    border: 1px solid rgba(228, 177, 68, 0.52);
    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(216, 161, 46, 0.17),
            rgba(216, 161, 46, 0.02)
        );

    box-shadow:
        0 0 28px rgba(205, 151, 42, 0.16),
        inset 0 0 20px rgba(255, 202, 95, 0.05);
}

.ashunt-logout-modal-dialog h3 {
    margin: 0 0 14px;

    color: #f0d394;

    font-family: inherit;
    font-size: clamp(22px, 3vw, 28px);
    font-weight: 700;
    letter-spacing: 0.04em;
}

.ashunt-logout-modal-dialog p {
    max-width: 410px;

    margin: 0 auto 28px;

    color: rgba(232, 224, 207, 0.72);

    font-size: 15px;
    line-height: 1.75;
}

.ashunt-logout-modal-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.ashunt-logout-modal-actions button {
    min-width: 150px;
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 12px 22px;

    border-radius: 3px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}

.ashunt-logout-cancel {
    color: rgba(255, 255, 255, 0.7);

    border: 1px solid rgba(255, 255, 255, 0.14);

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.07),
            rgba(255, 255, 255, 0.025)
        );
}

.ashunt-logout-cancel:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
}

.ashunt-logout-confirm {
    color: #211704;

    border: 1px solid #f0c868;

    background:
        linear-gradient(
            180deg,
            #e9c268,
            #a8731d
        );

    box-shadow:
        0 8px 22px rgba(188, 128, 24, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.ashunt-logout-confirm:hover {
    transform: translateY(-2px);

    box-shadow:
        0 12px 30px rgba(188, 128, 24, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.ashunt-logout-countdown {
    min-height: 126px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    margin-top: 5px;
}

.ashunt-logout-countdown[hidden] {
    display: none;
}

.ashunt-logout-countdown span {
    color: rgba(255, 255, 255, 0.7);

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ashunt-logout-countdown strong {
    display: block;

    margin: 8px 0;

    color: #f2c65e;

    font-size: 52px;
    line-height: 1;

    text-shadow:
        0 0 12px rgba(244, 190, 62, 0.45),
        0 0 28px rgba(244, 190, 62, 0.18);

    animation: ashuntLogoutPulse 1s ease infinite;
}

.ashunt-logout-countdown small {
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px;
}

.ashunt-logout-modal.is-counting .ashunt-logout-modal-close {
    display: none;
}

@keyframes ashuntLogoutPulse {
    0% {
        transform: scale(0.86);
        opacity: 0.55;
    }

    50% {
        transform: scale(1.08);
        opacity: 1;
    }

    100% {
        transform: scale(0.86);
        opacity: 0.55;
    }
}

@media (max-width: 576px) {
    .ashunt-logout-modal {
        padding: 16px;
    }

    .ashunt-logout-modal-dialog {
        padding: 38px 20px 26px;
    }

    .ashunt-logout-modal-actions {
        flex-direction: column-reverse;
    }

    .ashunt-logout-modal-actions button {
        width: 100%;
    }
}

/* =====================================================
   ASHUNT RULES PAGE
===================================================== */

.ashunt-rules-hero {
    position: relative;
    min-height: 360px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        linear-gradient(rgba(0, 0, 0, .42), rgba(0, 0, 0, .78)),
        url("../media/backgrounds/header-bg.jpg") center/cover no-repeat;
}

.ashunt-rules-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at center, rgba(178, 116, 20, .16), transparent 56%),
        linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .72));
}

.ashunt-rules-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 90px 20px 70px;
}

.ashunt-rules-kicker {
    display: inline-block;
    margin-bottom: 14px;
    color: #d8a93e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .22em;
}

.ashunt-rules-hero h1 {
    margin: 0;
    color: #f1dfb0;
    font-size: clamp(42px, 7vw, 76px);
    font-weight: 800;
}

.ashunt-rules-hero p {
    max-width: 680px;
    margin: 18px auto 0;
    color: rgba(255, 255, 255, .66);
    font-size: 16px;
    line-height: 1.7;
}

.ashunt-rules-page {
    padding: 80px 0 100px;
    background:
        radial-gradient(circle at top, rgba(112, 74, 16, .12), transparent 35%),
        #070809;
}

.ashunt-rules-intro {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 40px;
    align-items: end;
    margin-bottom: 52px;
}

.ashunt-rules-intro span {
    color: #d8a93e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .2em;
}

.ashunt-rules-intro h2 {
    max-width: 620px;
    margin: 12px 0 0;
    color: #f3ead5;
    font-size: clamp(30px, 4vw, 46px);
}

.ashunt-rules-intro > p {
    margin: 0;
    color: rgba(255, 255, 255, .58);
    line-height: 1.8;
}

.ashunt-rules-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 34px;
    align-items: start;
}

.ashunt-rules-sidebar {
    position: sticky;
    top: 100px;
    padding: 22px;
    border: 1px solid rgba(213, 161, 51, .22);
    background: linear-gradient(180deg, rgba(24, 22, 19, .96), rgba(10, 11, 13, .98));
}

.ashunt-rules-sidebar-title {
    display: block;
    margin-bottom: 16px;
    color: rgba(255, 255, 255, .42);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
}

.ashunt-rules-sidebar nav {
    display: grid;
    gap: 6px;
}

.ashunt-rules-sidebar a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
    border: 1px solid transparent;
    transition: .2s ease;
}

.ashunt-rules-sidebar a:hover {
    color: #f1c864;
    border-color: rgba(216, 169, 62, .3);
    background: rgba(216, 169, 62, .06);
    transform: translateX(3px);
}

.ashunt-rules-sidebar i {
    width: 18px;
    color: #bd8d2e;
    text-align: center;
}

.ashunt-rules-categories {
    display: grid;
    gap: 28px;
}

.ashunt-rules-category {
    scroll-margin-top: 110px;
    border: 1px solid rgba(255, 255, 255, .08);
    background:
        linear-gradient(150deg, rgba(22, 22, 23, .98), rgba(8, 9, 11, .99));
    box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}

.ashunt-rules-category-header {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 28px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.ashunt-rules-category-icon {
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    color: #dcae47;
    font-size: 22px;
    border: 1px solid rgba(220, 174, 71, .38);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(216, 169, 62, .13), transparent 70%);
}

.ashunt-rules-category-header span {
    color: rgba(216, 169, 62, .55);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
}

.ashunt-rules-category-header h2 {
    margin: 3px 0 5px;
    color: #f0dfb8;
    font-size: 25px;
}

.ashunt-rules-category-header p {
    margin: 0;
    color: rgba(255, 255, 255, .5);
    line-height: 1.6;
}

.ashunt-rules-accordion {
    padding: 10px 18px 18px;
}

.ashunt-rule-item {
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.ashunt-rule-item:last-child {
    border-bottom: 0;
}

.ashunt-rule-trigger {
    width: 100%;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 16px;
    border: 0;
    color: rgba(255, 255, 255, .78);
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: .2s ease;
}

.ashunt-rule-trigger:hover,
.ashunt-rule-item.is-open .ashunt-rule-trigger {
    color: #f1c864;
    background: rgba(218, 169, 61, .045);
}

.ashunt-rule-trigger-text {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .02em;
}

.ashunt-rule-trigger-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(216, 169, 62, .25);
    border-radius: 50%;
    color: #d8a93e;
}

.ashunt-rule-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .32s ease;
}

.ashunt-rule-content-inner {
    padding: 0 68px 24px 16px;
}

.ashunt-rule-content p {
    margin: 0;
    color: rgba(255, 255, 255, .6);
    line-height: 1.85;
}

.ashunt-rules-empty {
    padding: 40px;
    text-align: center;
    color: rgba(255, 255, 255, .55);
    border: 1px solid rgba(255, 255, 255, .08);
}

@media (max-width: 991px) {
    .ashunt-rules-intro,
    .ashunt-rules-layout {
        grid-template-columns: 1fr;
    }

    .ashunt-rules-sidebar {
        position: static;
    }

    .ashunt-rules-sidebar nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .ashunt-rules-page {
        padding: 55px 0 75px;
    }

    .ashunt-rules-sidebar nav {
        grid-template-columns: 1fr;
    }

    .ashunt-rules-category-header {
        align-items: flex-start;
        padding: 22px 18px;
    }

    .ashunt-rules-category-icon {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
    }

    .ashunt-rules-accordion {
        padding: 6px 10px 12px;
    }

    .ashunt-rule-content-inner {
        padding: 0 16px 22px;
    }
}

/* =====================================================
   ASHUNT LEGAL PAGES
===================================================== */

.ashunt-legal-page {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    overflow: hidden;

    border: 1px solid rgba(214, 160, 40, 0.28);
    border-radius: 26px;

    background:
        linear-gradient(
            180deg,
            rgba(8, 8, 10, 0.98) 0%,
            rgba(3, 3, 5, 0.99) 100%
        );

    box-shadow:
        0 26px 70px rgba(0, 0, 0, 0.52),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.ashunt-legal-page-header {
    position: relative;

    padding: 30px 34px 26px;

    border-bottom: 1px solid rgba(214, 160, 40, 0.22);

    background:
        radial-gradient(
            circle at top left,
            rgba(188, 128, 20, 0.12),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            rgba(18, 18, 21, 0.96),
            rgba(8, 8, 10, 0.96)
        );
}

.ashunt-legal-page-header::after {
    content: "";

    position: absolute;
    left: 34px;
    bottom: -1px;

    width: 96px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            #d9a72d 0%,
            rgba(217, 167, 45, 0) 100%
        );
}

.ashunt-legal-page-header h1 {
    margin: 0;

    color: #f5f1e8;

    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -0.025em;

    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}

.ashunt-legal-page-header p {
    margin: 10px 0 0;

    color: #b99445;

    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.6;
    text-transform: uppercase;
}

.ashunt-legal-page-body {
    padding: 42px 46px 50px;
}

.ashunt-legal-content {
    color: #d8d8dc;

    font-size: 1rem;
    line-height: 1.9;

    word-break: normal;
    overflow-wrap: anywhere;
}

.ashunt-legal-content > *:first-child {
    margin-top: 0 !important;
}

.ashunt-legal-content > *:last-child {
    margin-bottom: 0 !important;
}

.ashunt-legal-content h1,
.ashunt-legal-content h2,
.ashunt-legal-content h3,
.ashunt-legal-content h4,
.ashunt-legal-content h5,
.ashunt-legal-content h6 {
    position: relative;

    margin: 2.2rem 0 1rem;
    padding-left: 18px;

    color: #f3e4b1;

    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -0.015em;
}

.ashunt-legal-content h1::before,
.ashunt-legal-content h2::before,
.ashunt-legal-content h3::before,
.ashunt-legal-content h4::before,
.ashunt-legal-content h5::before,
.ashunt-legal-content h6::before {
    content: "";

    position: absolute;
    left: 0;
    top: 0.18em;

    width: 4px;
    height: 1.08em;

    border-radius: 999px;

    background:
        linear-gradient(
            180deg,
            #e6b63b,
            #8a5d0e
        );

    box-shadow: 0 0 14px rgba(230, 182, 59, 0.22);
}

.ashunt-legal-content h1 {
    font-size: 2rem;
}

.ashunt-legal-content h2 {
    font-size: 1.5rem;
}

.ashunt-legal-content h3 {
    font-size: 1.22rem;
}

.ashunt-legal-content h4,
.ashunt-legal-content h5,
.ashunt-legal-content h6 {
    font-size: 1.06rem;
}

.ashunt-legal-content p {
    margin: 0 0 1.15rem;
}

.ashunt-legal-content strong,
.ashunt-legal-content b {
    color: #f1d58c;
    font-weight: 800;
}

.ashunt-legal-content a {
    color: #e1b54d;
    text-decoration: none;

    border-bottom: 1px solid rgba(225, 181, 77, 0.35);

    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}

.ashunt-legal-content a:hover {
    color: #ffe098;
    border-color: rgba(255, 224, 152, 0.75);
}

.ashunt-legal-content ul,
.ashunt-legal-content ol {
    margin: 1rem 0 1.5rem;
    padding-left: 1.6rem;
}

.ashunt-legal-content li {
    margin-bottom: 0.62rem;
    padding-left: 0.25rem;
}

.ashunt-legal-content li::marker {
    color: #d3a43a;
    font-weight: 800;
}

.ashunt-legal-content blockquote {
    margin: 1.6rem 0;
    padding: 18px 22px;

    color: #cfcfd4;

    border: 1px solid rgba(216, 167, 49, 0.2);
    border-left: 4px solid #c48f1c;
    border-radius: 0 14px 14px 0;

    background:
        linear-gradient(
            90deg,
            rgba(196, 143, 28, 0.1),
            rgba(255, 255, 255, 0.015)
        );
}

.ashunt-legal-content hr {
    margin: 2rem 0;

    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.ashunt-legal-content table {
    width: 100%;
    margin: 1.5rem 0;

    border-collapse: separate;
    border-spacing: 0;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
}

.ashunt-legal-content th,
.ashunt-legal-content td {
    padding: 14px 16px;

    border-right: 1px solid rgba(255, 255, 255, 0.07);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);

    text-align: left;
    vertical-align: top;
}

.ashunt-legal-content th {
    color: #f1d58c;

    background: rgba(205, 153, 35, 0.1);

    font-weight: 800;
}

.ashunt-legal-content tr:last-child td {
    border-bottom: 0;
}

.ashunt-legal-content th:last-child,
.ashunt-legal-content td:last-child {
    border-right: 0;
}

.ashunt-legal-content code {
    padding: 0.16rem 0.42rem;

    color: #f2cf78;

    border: 1px solid rgba(225, 181, 77, 0.18);
    border-radius: 6px;

    background: rgba(255, 255, 255, 0.04);
}

.ashunt-legal-maintenance {
    min-height: 320px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 42px 24px;

    text-align: center;
}

.ashunt-legal-maintenance i {
    margin-bottom: 22px;

    color: #d2a233;

    font-size: 3.2rem;

    filter: drop-shadow(0 0 18px rgba(210, 162, 51, 0.25));
}

.ashunt-legal-maintenance h2 {
    margin: 0 0 12px;

    color: #f4e6bd;

    font-size: clamp(1.35rem, 3vw, 2rem);
    font-weight: 800;
}

.ashunt-legal-maintenance p {
    margin: 0;

    color: #9f9fa8;

    font-size: 1rem;
    line-height: 1.7;
}

@media (max-width: 991.98px) {
    .ashunt-legal-page {
        border-radius: 20px;
    }

    .ashunt-legal-page-header {
        padding: 26px 26px 22px;
    }

    .ashunt-legal-page-header::after {
        left: 26px;
    }

    .ashunt-legal-page-body {
        padding: 34px 28px 40px;
    }
}

@media (max-width: 575.98px) {
    .ashunt-legal-page {
        border-radius: 16px;
    }

    .ashunt-legal-page-header {
        padding: 22px 20px 19px;
    }

    .ashunt-legal-page-header::after {
        left: 20px;
        width: 70px;
    }

    .ashunt-legal-page-header p {
        font-size: 0.72rem;
        letter-spacing: 0.08em;
    }

    .ashunt-legal-page-body {
        padding: 28px 20px 34px;
    }

    .ashunt-legal-content {
        font-size: 0.94rem;
        line-height: 1.8;
    }

    .ashunt-legal-content h1 {
        font-size: 1.5rem;
    }

    .ashunt-legal-content h2 {
        font-size: 1.28rem;
    }

    .ashunt-legal-content h3 {
        font-size: 1.12rem;
    }

    .ashunt-legal-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* =====================================================
   ASHUNT LEGAL CONTENT ENHANCEMENTS
===================================================== */

.ashunt-legal-content .ashunt-legal-updated {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin: 0 0 1.6rem;
    padding: 9px 14px;

    color: #d9bd73;

    border: 1px solid rgba(218, 169, 54, 0.22);
    border-radius: 10px;

    background: rgba(218, 169, 54, 0.07);

    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.025em;
}

.ashunt-legal-content .ashunt-legal-updated::before {
    content: "\f017";

    color: #d9a72d;

    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.ashunt-legal-content h2 {
    margin-top: 0;
    margin-bottom: 1.4rem;

    padding-bottom: 14px;
    padding-left: 0;

    border-bottom: 1px solid rgba(216, 167, 49, 0.16);

    font-size: clamp(1.35rem, 2.3vw, 1.8rem);
}

.ashunt-legal-content h2::before {
    display: none;
}

.ashunt-legal-content h3 {
    margin-top: 2.4rem;
    margin-bottom: 1rem;

    padding: 14px 18px;

    color: #f0d58d;

    border: 1px solid rgba(218, 169, 54, 0.17);
    border-left: 4px solid #c18a18;
    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            rgba(193, 138, 24, 0.1),
            rgba(255, 255, 255, 0.01)
        );

    font-size: 1.08rem;
    letter-spacing: 0;
}

.ashunt-legal-content h3::before {
    display: none;
}

.ashunt-legal-content ul,
.ashunt-legal-content ol {
    margin: 1rem 0 1.6rem;
    padding: 18px 22px 18px 42px;

    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.018);
}

.ashunt-legal-content li {
    margin-bottom: 0.72rem;
    padding-left: 5px;

    color: #d2d2d6;
}

.ashunt-legal-content li:last-child {
    margin-bottom: 0;
}

.ashunt-legal-content p {
    max-width: 1040px;
    margin-bottom: 1.15rem;

    color: #cfcfd3;

    line-height: 1.85;
}

.ashunt-legal-content p + h3 {
    margin-top: 2.2rem;
}

/* =====================================================
   ASHUNT SEO PACK 1
===================================================== */

body.home .ashunt-seo-intro-section {
    position: relative;
    padding: 42px 0 24px;
}

body.home .ashunt-seo-intro {
    max-width: 1080px;
    margin: 0 auto;
    padding: 32px 38px;

    text-align: center;

    border: 1px solid rgba(201, 142, 49, 0.16);
    border-radius: 16px;

    background:
        radial-gradient(
            circle at top center,
            rgba(202, 139, 38, 0.07),
            transparent 56%
        ),
        rgba(7, 8, 10, 0.44);
}

body.home .ashunt-seo-intro__kicker {
    display: block;
    margin-bottom: 10px;

    color: #c98d2e;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.24em;
}

body.home .ashunt-seo-intro h2 {
    margin: 0 0 17px;

    color: #f3eee5;
    font-size: clamp(1.5rem, 2.8vw, 2.25rem);
    font-weight: 800;
    letter-spacing: -0.02em;
}

body.home .ashunt-seo-intro p {
    max-width: 900px;
    margin: 0 auto 13px;

    color: rgba(225, 220, 211, 0.75);
    font-size: 0.96rem;
    line-height: 1.8;
}

body.home .ashunt-seo-intro strong {
    color: rgba(244, 237, 224, 0.96);
    font-weight: 700;
}

body.home .ashunt-seo-intro__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 22px;

    margin-top: 20px;
}

body.home .ashunt-seo-intro__links a {
    color: #d29a42;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
}

body.home .ashunt-seo-intro__links a:hover {
    color: #f0c779;
}

@media (max-width: 767.98px) {

    body.home .ashunt-seo-intro-section {
        padding: 28px 0 16px;
    }

    body.home .ashunt-seo-intro {
        padding: 26px 20px;
    }

    body.home .ashunt-seo-intro p {
        font-size: 0.9rem;
    }
}

/* ASHUNT SEO PACK 1 */


/* =====================================================
   ASHUNT SEO CINEMATIC V1
===================================================== */

body.home .ashunt-seo-intro-section {
    padding-top: 72px;
    padding-bottom: 42px;
}

body.home .ashunt-seo-intro {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100%;
    max-width: none;
    min-height: 350px;

    margin: 0;
    padding: 58px 64px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(205, 151, 56, 0.28);
    border-radius: 18px;

    background:
        linear-gradient(
            90deg,
            rgba(2, 2, 2, 0.88) 0%,
            rgba(3, 3, 3, 0.64) 28%,
            rgba(3, 3, 3, 0.52) 50%,
            rgba(3, 3, 3, 0.68) 72%,
            rgba(2, 2, 2, 0.90) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.46) 0%,
            rgba(0, 0, 0, 0.30) 40%,
            rgba(0, 0, 0, 0.82) 100%
        ),
        url('../../../../../images/register.png')
        center 46% / cover no-repeat;

    box-shadow:
        inset 0 0 90px rgba(0, 0, 0, 0.64),
        inset 0 -70px 90px rgba(0, 0, 0, 0.42),
        0 20px 55px rgba(0, 0, 0, 0.28);
}

body.home .ashunt-seo-intro::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at center,
            rgba(211, 151, 48, 0.06) 0%,
            transparent 53%
        ),
        linear-gradient(
            180deg,
            transparent 60%,
            rgba(0, 0, 0, 0.42) 100%
        );
}

body.home .ashunt-seo-intro__kicker {
    margin-bottom: 13px;

    color: #d79c35;

    text-shadow:
        0 2px 8px rgba(0, 0, 0, 0.9),
        0 0 18px rgba(206, 143, 42, 0.14);
}

body.home .ashunt-seo-intro h2 {
    max-width: 1000px;
    margin-bottom: 20px;

    font-size: clamp(1.8rem, 3vw, 2.7rem);

    text-shadow:
        0 3px 14px rgba(0, 0, 0, 0.96),
        0 0 28px rgba(0, 0, 0, 0.70);
}

body.home .ashunt-seo-intro p {
    max-width: 1040px;

    color: rgba(232, 227, 218, 0.82);

    text-shadow:
        0 2px 7px rgba(0, 0, 0, 1);
}

body.home .ashunt-seo-intro strong {
    color: #f4efe6;

    text-shadow:
        0 2px 6px rgba(0, 0, 0, 1);
}

body.home .ashunt-seo-intro__links {
    margin-top: 24px;
    gap: 10px 28px;
}

body.home .ashunt-seo-intro__links a {
    color: #dfa33b;

    text-shadow:
        0 2px 7px rgba(0, 0, 0, 0.95);
}

body.home .ashunt-seo-intro__links a:hover {
    color: #ffd275;
}

@media (max-width: 991.98px) {

    body.home .ashunt-seo-intro {
        min-height: 330px;
        padding: 48px 38px;

        background-position: center center;
    }
}

@media (max-width: 767.98px) {

    body.home .ashunt-seo-intro-section {
        padding-top: 42px;
        padding-bottom: 26px;
    }

    body.home .ashunt-seo-intro {
        min-height: 0;
        padding: 38px 22px;

        border-radius: 14px;

        background-position: 48% center;
    }

    body.home .ashunt-seo-intro h2 {
        font-size: clamp(1.55rem, 7vw, 2rem);
    }

    body.home .ashunt-seo-intro p {
        font-size: 0.88rem;
        line-height: 1.75;
    }

    body.home .ashunt-seo-intro__links {
        gap: 10px 18px;
    }
}

/* ASHUNT SEO CINEMATIC V1 */


/* =====================================================
   ASHUNT SEO PAGE CINEMATIC V1
===================================================== */

.ashunt-page-seo-banner-section {
    position: relative;
    width: 100%;
    padding: 72px 0 42px;
}

.ashunt-page-seo-banner {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100%;
    min-height: 350px;

    padding: 58px 72px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    border:
        1px solid
        rgba(205, 151, 56, 0.30);

    border-radius: 18px;

    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, .91) 0%,
            rgba(0, 0, 0, .66) 24%,
            rgba(0, 0, 0, .48) 50%,
            rgba(0, 0, 0, .68) 76%,
            rgba(0, 0, 0, .92) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 0, 0, .34) 0%,
            rgba(0, 0, 0, .24) 48%,
            rgba(0, 0, 0, .88) 100%
        ),
        url('../../../../../images/register.png')
        center 46% / cover no-repeat;

    box-shadow:
        inset 0 0 120px
            rgba(0, 0, 0, .65),
        inset 0 -80px 100px
            rgba(0, 0, 0, .46),
        0 22px 55px
            rgba(0, 0, 0, .30);
}

.ashunt-page-seo-banner::before {
    content: "";

    position: absolute;
    inset: 0;
    z-index: -1;

    pointer-events: none;

    background:
        radial-gradient(
            ellipse at center,
            rgba(212, 151, 45, .07) 0%,
            transparent 58%
        );
}

.ashunt-page-seo-banner__kicker {
    display: block;

    margin-bottom: 14px;

    color: #d89d35;

    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .24em;

    text-shadow:
        0 2px 9px #000,
        0 0 22px
            rgba(211, 148, 42, .18);
}

.ashunt-page-seo-banner h2 {
    max-width: 1100px;

    margin:
        0 0 22px;

    color: #f3eee5;

    font-size:
        clamp(
            1.9rem,
            3vw,
            2.75rem
        );

    font-weight: 800;
    letter-spacing: -.02em;

    text-shadow:
        0 3px 15px
            rgba(0, 0, 0, 1),
        0 0 30px
            rgba(0, 0, 0, .8);
}

.ashunt-page-seo-banner p {
    max-width: 1050px;

    margin:
        0 auto 14px;

    color:
        rgba(
            236,
            231,
            221,
            .84
        );

    font-size: .96rem;
    line-height: 1.8;

    text-shadow:
        0 2px 8px
            rgba(0, 0, 0, 1);
}

.ashunt-page-seo-banner strong {
    color: #f5efe5;
    font-weight: 700;
}

.ashunt-page-seo-banner__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    gap:
        12px
        30px;

    margin-top: 26px;
}

.ashunt-page-seo-banner__links a {
    color: #dfa43d;

    font-size: .84rem;
    font-weight: 700;

    text-decoration: none;

    text-shadow:
        0 2px 8px
            rgba(0, 0, 0, 1);
}

.ashunt-page-seo-banner__links a:hover {
    color: #ffd477;
}


/* Download:
   keep the main characters slightly visible */
.ashunt-page-seo-banner--download {
    background-position:
        center 46%;
}


/* Guide:
   slightly raise the cinematic frame */
.ashunt-page-seo-banner--guide {
    background-position:
        center 42%;
}


@media (max-width: 991.98px) {

    .ashunt-page-seo-banner {
        min-height: 330px;

        padding:
            48px
            38px;
    }
}


@media (max-width: 767.98px) {

    .ashunt-page-seo-banner-section {
        padding:
            42px 0
            26px;
    }

    .ashunt-page-seo-banner {
        min-height: 0;

        padding:
            38px
            22px;

        border-radius: 14px;

        background-position:
            48%
            center;
    }

    .ashunt-page-seo-banner h2 {
        font-size:
            clamp(
                1.55rem,
                7vw,
                2rem
            );
    }

    .ashunt-page-seo-banner p {
        font-size: .88rem;
        line-height: 1.75;
    }

    .ashunt-page-seo-banner__links {
        gap:
            10px
            18px;
    }
}

/* ASHUNT SEO PAGE CINEMATIC V1 */