/*
Theme Name: PH080 Ultimate
Theme URI: https://ph080.com/
Author: PH080
Description: PH080 Philippines game access, JILI Games, slots, lottery, live casino, fishing games, sports, download, payment and security guide.
Version: 8.1.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: ph080
*/

:root {
    --ph-bg: #050505;
    --ph-bg-2: #090909;
    --ph-bg-3: #111111;

    --ph-card: #121212;
    --ph-card-2: #181818;

    --ph-gold: #f7be39;
    --ph-gold-2: #ffe79b;
    --ph-gold-3: #d28a10;

    --ph-red: #df1d18;
    --ph-red-2: #8d0e0a;

    --ph-text: #ffffff;
    --ph-text-soft: #d8d8d8;
    --ph-text-muted: #9b9b9b;

    --ph-border: rgba(247, 190, 57, 0.24);
    --ph-border-strong: rgba(247, 190, 57, 0.58);

    --ph-shadow: 0 22px 58px rgba(0, 0, 0, 0.56);
    --ph-shadow-soft: 0 14px 34px rgba(0, 0, 0, 0.36);
    --ph-shadow-gold: 0 0 28px rgba(247, 190, 57, 0.18);

    --ph-container: 1420px;
    --ph-topbar-height: 50px;
    --ph-header-height: 96px;

    --ph-radius: 16px;
    --ph-radius-lg: 24px;
    --ph-pill: 999px;
}

/* BASE */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    min-width: 320px;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    background: var(--ph-bg);
}

body {
    min-width: 320px;
    margin: 0;
    overflow-x: hidden;
    color: var(--ph-text);
    background:
        radial-gradient(circle at 15% 0%, rgba(247, 190, 57, 0.14), transparent 30%),
        radial-gradient(circle at 86% 10%, rgba(223, 29, 24, 0.18), transparent 32%),
        linear-gradient(180deg, #050505 0%, #090909 45%, #030303 100%);
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

body.ph080-menu-open,
body.ph080-mobile-menu-open {
    overflow: hidden;
}

img,
svg,
video,
iframe {
    display: block;
    max-width: 100%;
}

img {
    height: auto;
}

a {
    color: var(--ph-gold);
    text-decoration: none;
    transition: 0.22s ease;
}

a:hover {
    color: var(--ph-gold-2);
}

button {
    font: inherit;
    cursor: pointer;
}

h1,
h2,
h3,
h4 {
    margin: 0 0 16px;
    color: #ffffff;
    line-height: 1.22;
}

p {
    margin: 0 0 18px;
}

ul,
ol {
    margin-top: 0;
}

::selection {
    color: #241300;
    background: var(--ph-gold);
}

.ph080-container {
    width: min(calc(100% - 40px), var(--ph-container));
    margin-inline: auto;
}

.ph080-site {
    min-height: 100vh;
}

.ph080-main {
    min-height: 64vh;
}

/* TOPBAR */

.ph080-topbar {
    position: sticky;
    top: 0;
    z-index: 10050;
    min-height: var(--ph-topbar-height);
    border-bottom: 1px solid rgba(247, 190, 57, 0.24);
    background:
        linear-gradient(90deg, rgba(131, 12, 8, 0.97), rgba(13, 13, 13, 0.99) 42%, rgba(137, 82, 5, 0.96));
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.42);
}

.admin-bar .ph080-topbar {
    top: 32px;
}

.ph080-topbar__inner {
    display: flex;
    min-height: var(--ph-topbar-height);
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.ph080-topbar__notice {
    min-width: 0;
    overflow: hidden;
    color: #fff7dd;
    font-size: 14px;
    font-weight: 900;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ph080-topbar__actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.ph080-topbar__button {
    display: inline-flex;
    min-width: 108px;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 7px 18px;
    border-radius: var(--ph-pill);
    font-size: 13px;
    font-weight: 1000;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ph080-topbar__button--login {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: linear-gradient(180deg, #4a4a4a, #171717);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 10px 20px rgba(0, 0, 0, 0.28);
}

.ph080-topbar__button--register {
    color: #251300;
    border: 1px solid rgba(255, 238, 169, 0.86);
    background: linear-gradient(180deg, #fff6bd 0%, #ffc63f 48%, #dc8509 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.65),
        0 0 22px rgba(247, 190, 57, 0.35);
}

.ph080-topbar__button:hover {
    transform: translateY(-1px);
}

/* HEADER */

.ph080-header {
    position: sticky;
    top: var(--ph-topbar-height);
    z-index: 10040;
    border-bottom: 1px solid rgba(247, 190, 57, 0.18);
    background: rgba(5, 5, 5, 0.96);
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.48);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.admin-bar .ph080-header {
    top: calc(var(--ph-topbar-height) + 32px);
}

.ph080-header__inner {
    display: flex;
    min-height: var(--ph-header-height);
    align-items: center;
    gap: 18px;
}

.ph080-brand {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    width: 230px;
    min-width: 180px;
    overflow: hidden;
}

.ph080-brand__image,
.ph080-brand img {
    width: auto;
    max-width: 220px;
    max-height: 76px;
    object-fit: contain;
}

.ph080-brand__text {
    display: inline-flex;
    align-items: center;
    min-height: 52px;
    color: var(--ph-gold-2);
    font-size: 34px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(247, 190, 57, 0.32);
}

/* DESKTOP NAV */

.ph080-nav,
.ph080-desktop-navigation {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.ph080-nav__list,
.ph080-nav-menu {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 4px;
    padding: 0;
    margin: 0;
    overflow-x: auto;
    list-style: none;
    scrollbar-width: none;
}

.ph080-nav__list::-webkit-scrollbar,
.ph080-nav-menu::-webkit-scrollbar {
    display: none;
}

.ph080-nav__list li,
.ph080-nav-menu li {
    display: flex;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ph080-nav__list a,
.ph080-nav-menu a {
    position: relative;
    display: flex;
    min-width: 86px;
    min-height: var(--ph-header-height);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 8px;
    color: #eeeeee;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
}

.ph080-nav__list a::after,
.ph080-nav-menu a::after {
    position: absolute;
    right: 12px;
    bottom: 10px;
    left: 12px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--ph-gold), transparent);
    opacity: 0;
    transform: scaleX(0.35);
    transition: 0.22s ease;
    content: "";
}

.ph080-nav__list a:hover,
.ph080-nav__list .current-menu-item > a,
.ph080-nav-menu a:hover,
.ph080-nav-menu .current-menu-item > a {
    color: var(--ph-gold-2);
    background:
        radial-gradient(circle at 50% 16%, rgba(247, 190, 57, 0.18), transparent 42%),
        linear-gradient(180deg, rgba(247, 190, 57, 0.08), transparent);
}

.ph080-nav__list a:hover::after,
.ph080-nav__list .current-menu-item > a::after,
.ph080-nav-menu a:hover::after,
.ph080-nav-menu .current-menu-item > a::after {
    opacity: 1;
    transform: scaleX(1);
}

.ph080-nav__icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
}

.ph080-nav__icon-img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    filter: drop-shadow(0 0 9px rgba(247, 190, 57, 0.42));
    transition: 0.22s ease;
}

.ph080-nav__list a:hover .ph080-nav__icon-img,
.ph080-nav-menu a:hover .ph080-nav__icon-img,
.current-menu-item .ph080-nav__icon-img {
    transform: translateY(-2px) scale(1.06);
}

.ph080-nav__label {
    display: block;
    max-width: 82px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* HEADER ACTIONS */

.ph080-header__actions {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.ph080-language-switcher {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ph080-language-link {
    display: inline-flex;
    min-width: 54px;
    height: 46px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 5px 9px;
    border: 1px solid transparent;
    border-radius: var(--ph-pill);
    color: #e9e9e9;
    background: rgba(255, 255, 255, 0.035);
    font-size: 11px;
    font-weight: 1000;
    text-transform: uppercase;
}

.ph080-language-link:hover,
.ph080-language-link.is-active {
    color: var(--ph-gold-2);
    border-color: rgba(247, 190, 57, 0.48);
    background: rgba(247, 190, 57, 0.1);
    box-shadow: 0 0 18px rgba(247, 190, 57, 0.13);
}

.ph080-language-link__flag {
    display: block;
    width: 31px;
    height: 31px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.ph080-language-flag-img {
    width: 31px;
    height: 31px;
    object-fit: cover;
}

.ph080-language-link__text {
    display: inline-block;
}

/* HAMBURGER — PC + H5 都显示 */

.ph080-menu-toggle {
    display: inline-flex !important;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(247, 190, 57, 0.45);
    border-radius: 14px;
    color: #ffe79b;
    background:
        radial-gradient(circle at 30% 20%, rgba(247, 190, 57, 0.18), transparent 40%),
        linear-gradient(180deg, #2a2a2a, #101010);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 8px 22px rgba(0, 0, 0, 0.35);
    z-index: 10060;
}

.ph080-menu-toggle:hover {
    border-color: rgba(255, 231, 155, 0.9);
    color: #ffffff;
    background:
        radial-gradient(circle at 30% 20%, rgba(247, 190, 57, 0.26), transparent 42%),
        linear-gradient(180deg, #3a2a12, #111111);
}

.ph080-menu-toggle__bars {
    display: grid;
    width: 22px;
    gap: 5px;
}

.ph080-menu-toggle__bars span {
    display: block;
    height: 2px;
    border-radius: 10px;
    background: currentColor;
    transition: 0.22s ease;
}

.ph080-menu-toggle.is-active .ph080-menu-toggle__bars span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.ph080-menu-toggle.is-active .ph080-menu-toggle__bars span:nth-child(2) {
    opacity: 0;
}

.ph080-menu-toggle.is-active .ph080-menu-toggle__bars span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* MOBILE PANEL */

.ph080-mobile-navigation[hidden] {
    display: none !important;
}

.ph080-mobile-navigation {
    position: fixed;
    z-index: 100000;
    inset: 0;
}

.ph080-mobile-navigation__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.78);
    opacity: 0;
    transition: opacity 0.26s ease;
}

.ph080-mobile-navigation__panel {
    position: absolute;
    top: 0;
    right: 0;
    width: min(90vw, 410px);
    height: 100%;
    overflow-y: auto;
    padding: 20px;
    border-left: 1px solid rgba(247, 190, 57, 0.25);
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.14), transparent 35%),
        linear-gradient(180deg, #121212, #060606);
    box-shadow: -24px 0 60px rgba(0, 0, 0, 0.58);
    transform: translateX(100%);
    transition: transform 0.26s ease;
}

.ph080-mobile-navigation.is-open .ph080-mobile-navigation__backdrop {
    opacity: 1;
}

.ph080-mobile-navigation.is-open .ph080-mobile-navigation__panel {
    transform: translateX(0);
}

.ph080-mobile-navigation__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(247, 190, 57, 0.16);
}

.ph080-mobile-navigation__header strong {
    color: var(--ph-gold-2);
    font-size: 18px;
    font-weight: 1000;
    text-transform: uppercase;
}

.ph080-mobile-menu-close {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(247, 190, 57, 0.28);
    border-radius: 12px;
    color: #ffffff;
    background: #171717;
    font-size: 25px;
    line-height: 1;
}

.ph080-mobile-menu {
    display: grid;
    gap: 8px;
    padding: 0;
    margin: 0 0 22px;
    list-style: none;
}

.ph080-mobile-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ph080-mobile-menu a {
    display: flex;
    min-height: 56px;
    align-items: center;
    gap: 12px;
    padding: 10px 13px;
    border: 1px solid rgba(247, 190, 57, 0.16);
    border-radius: 14px;
    color: #eeeeee;
    background: linear-gradient(180deg, #1b1b1b, #101010);
    font-size: 14px;
    font-weight: 900;
}

.ph080-mobile-menu a:hover {
    color: var(--ph-gold-2);
    border-color: rgba(247, 190, 57, 0.45);
    background: rgba(247, 190, 57, 0.08);
}

.ph080-mobile-menu__icon {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(247, 190, 57, 0.34));
}

.ph080-mobile-menu__label {
    min-width: 0;
    flex: 1 1 auto;
}

.ph080-mobile-menu__arrow {
    color: var(--ph-gold);
    font-weight: 1000;
}

.ph080-mobile-language-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding-top: 18px;
    border-top: 1px solid rgba(247, 190, 57, 0.16);
}

.ph080-mobile-language-grid a {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid rgba(247, 190, 57, 0.16);
    border-radius: 13px;
    color: #eeeeee;
    background: #171717;
    font-size: 13px;
    font-weight: 1000;
}

.ph080-mobile-language-grid a.is-active,
.ph080-mobile-language-grid a:hover {
    color: #241300;
    border-color: rgba(255, 231, 149, 0.9);
    background: linear-gradient(180deg, #fff5b7, #f7be39 55%, #ce810b);
}

.ph080-mobile-language__flag {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
}

.ph080-mobile-menu-cta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding-top: 18px;
}

.ph080-mobile-menu-cta a {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 1000;
    text-transform: uppercase;
}

.ph080-mobile-menu-cta__login {
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.18);
    background: linear-gradient(180deg, #4a4a4a, #171717);
}

.ph080-mobile-menu-cta__register {
    color: #251300;
    border: 1px solid rgba(255, 238, 169, 0.86);
    background: linear-gradient(180deg, #fff6bd 0%, #ffc63f 48%, #dc8509 100%);
}

/* HERO */

.ph080-hero {
    position: relative;
    isolation: isolate;
    min-height: calc(100vh - var(--ph-topbar-height) - var(--ph-header-height));
    overflow: hidden;
    border-bottom: 1px solid rgba(247, 190, 57, 0.2);
    background:
        radial-gradient(circle at 74% 20%, rgba(223, 29, 24, 0.25), transparent 36%),
        radial-gradient(circle at 12% 10%, rgba(247, 190, 57, 0.16), transparent 30%),
        linear-gradient(135deg, #050505 0%, #1b0705 42%, #050505 100%);
}

.ph080-hero__background {
    position: absolute;
    inset: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.38;
}

.ph080-hero__shade {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.94) 0%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.3) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.04), #050505 100%);
}

.ph080-hero__inner {
    display: flex;
    min-height: calc(100vh - var(--ph-topbar-height) - var(--ph-header-height));
    flex-direction: column;
    justify-content: center;
    gap: 26px;
    padding: 44px 0 38px;
}

.ph080-hero__content {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.ph080-hero__eyebrow {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 7px 18px;
    margin-bottom: 14px;
    border: 1px solid rgba(247, 190, 57, 0.45);
    border-radius: var(--ph-pill);
    color: var(--ph-gold-2);
    background: rgba(5, 5, 5, 0.62);
    box-shadow: 0 0 25px rgba(247, 190, 57, 0.12);
    font-size: 13px;
    font-weight: 1000;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.ph080-hero__title {
    margin-bottom: 16px;
    color: #ffffff;
    font-size: clamp(38px, 5.2vw, 78px);
    font-weight: 1000;
    letter-spacing: -0.045em;
    text-transform: uppercase;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.58);
}

.ph080-hero__title span {
    display: block;
    color: var(--ph-gold-2);
    text-shadow:
        0 0 24px rgba(247, 190, 57, 0.25),
        0 10px 30px rgba(0, 0, 0, 0.58);
}

.ph080-hero__description {
    max-width: 850px;
    margin: 0 auto;
    color: #e3e3e3;
    font-size: 17px;
    line-height: 1.75;
}

/* ROUTES */

.ph080-routes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.ph080-route-card {
    position: relative;
    overflow: hidden;
    padding: 26px;
    border: 1px solid var(--ph-border-strong);
    border-radius: 25px;
    background:
        linear-gradient(145deg, rgba(146, 14, 9, 0.96), rgba(34, 18, 8, 0.98) 46%, rgba(8, 8, 8, 0.99) 100%);
    box-shadow: var(--ph-shadow), var(--ph-shadow-gold);
    text-align: center;
}

.ph080-route-card::before {
    position: absolute;
    top: -40%;
    left: -40%;
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(255, 241, 179, 0.18), transparent 55%);
    opacity: 0.75;
    content: "";
}

.ph080-route-card > * {
    position: relative;
    z-index: 2;
}

.ph080-route-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 229, 154, 0.82);
    box-shadow:
        0 28px 68px rgba(0, 0, 0, 0.66),
        0 0 38px rgba(247, 190, 57, 0.24);
}

.ph080-route-card__icon {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    margin: 0 auto 13px;
    border: 1px solid rgba(255, 230, 145, 0.42);
    border-radius: 22px;
    background: rgba(0, 0, 0, 0.28);
}

.ph080-route-card__icon-img {
    width: 54px;
    height: 54px;
    object-fit: contain;
    filter: drop-shadow(0 0 10px rgba(247, 190, 57, 0.4));
}

.ph080-route-card__title {
    margin-bottom: 8px;
    color: var(--ph-gold-2);
    font-size: 24px;
    font-weight: 1000;
    text-transform: uppercase;
}

.ph080-route-card__subtitle {
    min-height: 56px;
    margin-bottom: 14px;
    color: #e2e2e2;
    font-size: 14px;
    line-height: 1.55;
}

.ph080-route-card__url {
    display: flex;
    height: 46px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 9px 13px;
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 12px;
    color: #f3f3f3;
    background: rgba(0, 0, 0, 0.34);
    font-size: 13px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ph080-route-card__button {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 241, 184, 0.65);
    border-radius: 14px;
    color: #261300;
    background: linear-gradient(180deg, #fff5b8 0%, #ffc83d 46%, #dc8407 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 12px 24px rgba(223, 132, 7, 0.22);
    font-size: 14px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ph080-route-card__button:hover {
    color: #1e0d00;
    transform: translateY(-2px);
}

.ph080-hero-trust {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.ph080-hero-trust span {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    padding: 8px 14px;
    border: 1px solid rgba(247, 190, 57, 0.2);
    border-radius: var(--ph-pill);
    color: #eeeeee;
    background: rgba(255, 255, 255, 0.04);
    font-size: 13px;
    font-weight: 850;
}

/* SECTIONS */

.ph080-section {
    padding: 38px 0;
}

.ph080-section--tight {
    padding: 24px 0;
}

.ph080-section--large {
    padding: 66px 0 80px;
}

.ph080-announcement {
    display: flex;
    min-height: 58px;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(247, 190, 57, 0.28);
    border-radius: var(--ph-pill);
    background:
        linear-gradient(90deg, rgba(145, 18, 12, 0.9), #151515 38%, rgba(80, 46, 5, 0.82));
    box-shadow: var(--ph-shadow-soft);
}

.ph080-announcement__label {
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 0 22px;
    color: #2b1600;
    background: linear-gradient(180deg, #fff2ad, #f7be39 58%, #d8890c);
    font-size: 13px;
    font-weight: 1000;
    white-space: nowrap;
    text-transform: uppercase;
}

.ph080-announcement__text {
    min-width: 0;
    overflow: hidden;
    padding: 10px 22px;
    color: #f3f3f3;
    font-size: 14px;
    font-weight: 750;
    white-space: nowrap;
}

.ph080-announcement__track {
    display: inline-block;
    animation: ph080Marquee 28s linear infinite;
}

@keyframes ph080Marquee {
    0% {
        transform: translateX(28%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.ph080-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 15px 20px;
    margin-bottom: 22px;
    border: 1px solid rgba(247, 190, 57, 0.18);
    border-left: 5px solid var(--ph-gold);
    border-radius: 18px;
    background:
        linear-gradient(90deg, rgba(247, 190, 57, 0.12), rgba(23, 23, 23, 0.96));
    box-shadow: var(--ph-shadow-soft);
}

.ph080-section-heading__title {
    margin: 0;
    color: var(--ph-gold-2);
    font-size: 28px;
    font-weight: 1000;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.ph080-section-heading__link {
    display: inline-flex;
    align-items: center;
    color: var(--ph-gold);
    font-size: 14px;
    font-weight: 900;
    white-space: nowrap;
}

/* GAME GRID */

.ph080-game-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px;
}

.ph080-game-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(247, 190, 57, 0.2);
    border-radius: 18px;
    color: #ffffff;
    background: var(--ph-card);
    box-shadow: var(--ph-shadow-soft);
}

.ph080-game-card:hover {
    transform: translateY(-4px);
    border-color: rgba(247, 190, 57, 0.55);
    box-shadow:
        0 22px 45px rgba(0, 0, 0, 0.45),
        0 0 26px rgba(247, 190, 57, 0.13);
}

.ph080-game-card__image {
    position: relative;
    aspect-ratio: 1 / 0.82;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 30%, rgba(247, 190, 57, 0.16), transparent 44%),
        #191919;
}

.ph080-game-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.28s ease;
}

.ph080-game-card:hover .ph080-game-card__image img {
    transform: scale(1.05);
}

.ph080-game-card__badge {
    position: absolute;
    top: 9px;
    left: 9px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border-radius: var(--ph-pill);
    color: #ffffff;
    background: linear-gradient(180deg, #ff493c, #b90d08);
    box-shadow: 0 8px 16px rgba(184, 12, 8, 0.34);
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: 0.06em;
}

.ph080-game-placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    padding: 16px;
    color: var(--ph-gold-2);
    background:
        radial-gradient(circle at 50% 40%, rgba(247, 190, 57, 0.24), transparent 42%),
        linear-gradient(145deg, #27160b, #0c0c0c);
    font-size: 16px;
    font-weight: 1000;
    text-align: center;
}

.ph080-game-card__body {
    padding: 13px 12px 14px;
    text-align: center;
}

.ph080-game-card__body h3 {
    margin: 0 0 4px;
    overflow: hidden;
    color: #ffffff;
    font-size: 14px;
    font-weight: 950;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ph080-game-card__body p {
    margin: 0;
    color: var(--ph-gold);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* CATEGORY */

.ph080-category-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid rgba(247, 190, 57, 0.34);
    border-radius: 22px;
    background: rgba(247, 190, 57, 0.22);
    box-shadow: var(--ph-shadow);
}

.ph080-category-card {
    position: relative;
    display: flex;
    min-height: 164px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 18px 10px;
    color: #ffffff;
    background: linear-gradient(180deg, #1a1a1a, #0e0e0e);
    text-align: center;
}

.ph080-category-card:hover {
    color: var(--ph-gold-2);
    background: linear-gradient(180deg, #23170a, #111111);
}

.ph080-category-card__icon {
    position: relative;
    z-index: 2;
    display: grid;
    width: 64px;
    height: 64px;
    place-items: center;
    border: 1px solid rgba(247, 190, 57, 0.24);
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.24);
}

.ph080-category-card__icon-img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter: drop-shadow(0 0 9px rgba(247, 190, 57, 0.35));
}

.ph080-category-card strong {
    position: relative;
    z-index: 2;
    color: inherit;
    font-size: 14px;
    font-weight: 1000;
}

.ph080-category-card small {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    max-width: 150px;
    overflow: hidden;
    color: #bbbbbb;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.35;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* FEATURES */

.ph080-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.ph080-feature-card {
    min-width: 0;
    padding: 26px;
    border: 1px solid rgba(247, 190, 57, 0.2);
    border-radius: 23px;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.13), transparent 36%),
        linear-gradient(180deg, #171717, #0d0d0d);
    box-shadow: var(--ph-shadow);
}

.ph080-feature-card:hover {
    transform: translateY(-3px);
    border-color: rgba(247, 190, 57, 0.45);
}

.ph080-feature-card h2 {
    color: var(--ph-gold-2);
    font-size: 22px;
    font-weight: 1000;
}

.ph080-feature-card p {
    color: #d0d0d0;
    font-size: 14px;
    line-height: 1.75;
}

.ph080-feature-card a {
    display: inline-flex;
    margin-top: 4px;
    color: var(--ph-gold);
    font-size: 14px;
    font-weight: 950;
}

.ph080-payment-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 4px 0 16px;
}

.ph080-payment-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid rgba(247, 190, 57, 0.22);
    border-radius: var(--ph-pill);
    color: #eeeeee;
    background: rgba(255, 255, 255, 0.04);
    font-size: 12px;
    font-weight: 850;
}

/* ARTICLE */

.ph080-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 370px;
    gap: 28px;
    align-items: start;
}

.ph080-article {
    min-width: 0;
    padding: 38px;
    border: 1px solid rgba(247, 190, 57, 0.19);
    border-radius: 25px;
    background:
        radial-gradient(circle at 10% 0%, rgba(247, 190, 57, 0.08), transparent 36%),
        #101010;
    box-shadow: var(--ph-shadow);
}

.ph080-article h2 {
    margin-top: 38px;
    margin-bottom: 14px;
    color: var(--ph-gold-2);
    font-size: 28px;
    font-weight: 1000;
    letter-spacing: -0.02em;
}

.ph080-article h2:first-child {
    margin-top: 0;
}

.ph080-article p,
.ph080-article li {
    color: #d4d4d4;
    font-size: 16px;
    line-height: 1.86;
}

.ph080-home-article {
    position: relative;
}

.ph080-home-article::before {
    position: absolute;
    top: 0;
    right: 34px;
    left: 34px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, transparent, var(--ph-gold), transparent);
    content: "";
}

/* FAQ */

.ph080-faq-box {
    position: sticky;
    top: calc(var(--ph-topbar-height) + var(--ph-header-height) + 24px);
    padding: 26px;
    border: 1px solid rgba(247, 190, 57, 0.22);
    border-radius: 24px;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.13), transparent 38%),
        linear-gradient(180deg, #171717, #0b0b0b);
    box-shadow: var(--ph-shadow);
}

.admin-bar .ph080-faq-box {
    top: calc(var(--ph-topbar-height) + var(--ph-header-height) + 56px);
}

.ph080-faq-box h2 {
    color: var(--ph-gold-2);
    font-size: 23px;
    font-weight: 1000;
}

.ph080-faq-box details {
    padding: 14px 0;
    border-bottom: 1px solid rgba(247, 190, 57, 0.15);
}

.ph080-faq-box details:last-of-type {
    border-bottom: 0;
}

.ph080-faq-box summary {
    color: #ffffff;
    font-size: 14px;
    font-weight: 950;
    cursor: pointer;
}

.ph080-faq-box p {
    margin: 9px 0 0;
    color: #c8c8c8;
    font-size: 14px;
}

.ph080-faq-box__button {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    border: 1px solid rgba(255, 231, 149, 0.7);
    border-radius: 14px;
    color: #261300;
    background: linear-gradient(180deg, #fff5b7, #f7be39 55%, #cf800d);
    font-size: 14px;
    font-weight: 1000;
}

/* PAGE */

.ph080-page-hero {
    position: relative;
    overflow: hidden;
    padding: 88px 0 74px;
    border-bottom: 1px solid rgba(247, 190, 57, 0.2);
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.16), transparent 34%),
        radial-gradient(circle at 88% 0%, rgba(223, 29, 24, 0.24), transparent 34%),
        linear-gradient(135deg, #080808, #1b0907 50%, #060606);
}

.ph080-page-hero::after {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.06), #050505 100%);
    content: "";
}

.ph080-page-hero__content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.ph080-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 20px;
    color: var(--ph-text-muted);
    font-size: 13px;
    font-weight: 850;
}

.ph080-breadcrumbs a {
    color: var(--ph-gold);
}

.ph080-page-hero__title {
    max-width: 980px;
    margin-bottom: 16px;
    color: #ffffff;
    font-size: clamp(34px, 4.6vw, 64px);
    font-weight: 1000;
    letter-spacing: -0.04em;
    text-transform: uppercase;
}

.ph080-page-hero__description {
    max-width: 820px;
    margin: 0;
    color: #e0e0e0;
    font-size: 18px;
    line-height: 1.78;
}

.ph080-page-layout {
    padding: 52px 0 78px;
}

.ph080-content-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 28px;
    align-items: start;
}

.ph080-sidebar {
    min-width: 0;
}

.ph080-sidebar-card {
    position: sticky;
    top: calc(var(--ph-topbar-height) + var(--ph-header-height) + 24px);
    padding: 24px;
    border: 1px solid rgba(247, 190, 57, 0.22);
    border-radius: 23px;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.13), transparent 38%),
        #111111;
    box-shadow: var(--ph-shadow);
}

.admin-bar .ph080-sidebar-card {
    top: calc(var(--ph-topbar-height) + var(--ph-header-height) + 56px);
}

.ph080-sidebar-card__title {
    color: var(--ph-gold-2);
    font-size: 21px;
    font-weight: 1000;
}

.ph080-sidebar-menu {
    display: grid;
    gap: 8px;
}

.ph080-sidebar-menu a {
    display: flex;
    min-height: 42px;
    align-items: center;
    padding: 9px 12px;
    border: 1px solid rgba(247, 190, 57, 0.12);
    border-radius: 12px;
    color: #eeeeee;
    background: #171717;
    font-size: 14px;
    font-weight: 850;
}

.ph080-sidebar-menu a:hover,
.ph080-sidebar-menu a.is-active {
    color: #241300;
    border-color: rgba(255, 231, 149, 0.8);
    background: linear-gradient(180deg, #fff5b7, #f7be39 55%, #cf800d);
}

.ph080-sidebar-security {
    padding-top: 18px;
    margin-top: 20px;
    border-top: 1px solid rgba(247, 190, 57, 0.16);
}

.ph080-sidebar-security h2 {
    color: var(--ph-gold-2);
    font-size: 18px;
}

.ph080-sidebar-security p {
    color: #cfcfcf;
    font-size: 14px;
}

.ph080-sidebar-security a {
    font-size: 14px;
    font-weight: 950;
}

/* FOOTER */

.ph080-footer {
    border-top: 1px solid rgba(247, 190, 57, 0.2);
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.08), transparent 32%),
        #050505;
}

.ph080-footer__top {
    display: grid;
    grid-template-columns: 1.35fr repeat(3, minmax(0, 1fr));
    gap: 34px;
    padding: 56px 0 40px;
}

.ph080-footer__brand p {
    max-width: 470px;
    color: #bcbcbc;
    font-size: 14px;
    line-height: 1.82;
}

.ph080-footer__title {
    margin-bottom: 16px;
    color: var(--ph-gold-2);
    font-size: 17px;
    font-weight: 1000;
    text-transform: uppercase;
}

.ph080-footer__menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ph080-footer__menu li {
    margin: 0 0 8px;
}

.ph080-footer__menu a {
    color: #cfcfcf;
    font-size: 14px;
    font-weight: 750;
}

.ph080-footer__menu a:hover {
    color: var(--ph-gold-2);
}

.ph080-footer-notice {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 18px;
    border: 1px solid rgba(247, 190, 57, 0.18);
    border-radius: 18px;
    background: #101010;
}

.ph080-footer-notice__item {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid rgba(247, 190, 57, 0.13);
    border-radius: 12px;
    color: #eeeeee;
    background: #171717;
    font-size: 13px;
    font-weight: 850;
    text-align: center;
}

.ph080-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 24px 0;
    color: var(--ph-text-muted);
    font-size: 12px;
}

.ph080-footer__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
}

.ph080-footer__badges span {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid rgba(247, 190, 57, 0.18);
    border-radius: var(--ph-pill);
    color: #cfcfcf;
    background: rgba(255, 255, 255, 0.035);
    font-size: 11px;
    font-weight: 850;
}

/* RIGHT FLOATING SOCIAL */

.ph080-floating-social {
    position: fixed;
    right: 18px;
    bottom: 86px;
    z-index: 10020;
    display: grid;
    gap: 10px;
}

.ph080-floating-social__item {
    position: relative;
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 231, 149, 0.42);
    border-radius: 19px;
    color: #ffffff;
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.17), transparent 36%),
        linear-gradient(180deg, #2a2a2a, #111111);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

.ph080-floating-social__item:hover {
    color: #ffffff;
    transform: translateY(-3px);
    border-color: rgba(255, 231, 149, 0.82);
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.52),
        0 0 24px rgba(247, 190, 57, 0.2);
}

.ph080-floating-social__img {
    width: 54px;
    height: 54px;
    object-fit: contain;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.45));
    transition: 0.22s ease;
}

.ph080-floating-social__item:hover .ph080-floating-social__img {
    transform: scale(1.08);
}

.ph080-floating-social__label {
    position: absolute;
    top: 50%;
    right: calc(100% + 10px);
    min-width: 118px;
    padding: 7px 10px;
    border: 1px solid rgba(247, 190, 57, 0.22);
    border-radius: 10px;
    color: #eeeeee;
    background: rgba(8, 8, 8, 0.96);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    font-size: 12px;
    font-weight: 850;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translate(8px, -50%);
    transition: 0.22s ease;
}

.ph080-floating-social__item:hover .ph080-floating-social__label {
    opacity: 1;
    transform: translate(0, -50%);
}

/* RESPONSIVE */

@media (max-width: 1380px) {
    .ph080-brand {
        width: 205px;
        min-width: 160px;
    }

    .ph080-brand__image,
    .ph080-brand img {
        max-width: 200px;
        max-height: 68px;
    }

    .ph080-nav__list a,
    .ph080-nav-menu a {
        min-width: 78px;
        font-size: 11px;
    }

    .ph080-nav__icon {
        width: 34px;
        height: 34px;
    }

    .ph080-nav__icon-img {
        width: 34px;
        height: 34px;
    }

    .ph080-game-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .ph080-category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .ph080-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    :root {
        --ph-header-height: 76px;
    }

    .ph080-desktop-navigation {
        display: none;
    }

    .ph080-header__inner {
        gap: 12px;
    }

    .ph080-brand {
        width: 176px;
        min-width: 138px;
    }

    .ph080-brand__image,
    .ph080-brand img {
        max-width: 170px;
        max-height: 58px;
    }

    .ph080-language-link__text {
        display: none;
    }

    .ph080-routes {
        grid-template-columns: 1fr;
    }

    .ph080-route-card__subtitle {
        min-height: auto;
    }

    .ph080-content-grid,
    .ph080-content-wrap {
        grid-template-columns: 1fr;
    }

    .ph080-faq-box,
    .ph080-sidebar-card {
        position: static;
    }

    .ph080-footer__top {
        grid-template-columns: 1fr 1fr;
    }

    .ph080-footer-notice {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1024px) {
    :root {
        --ph-topbar-height: 52px;
    }

    .admin-bar .ph080-topbar {
        top: 46px;
    }

    .admin-bar .ph080-header {
        top: calc(var(--ph-topbar-height) + 46px);
    }

    .ph080-container {
        width: min(calc(100% - 30px), var(--ph-container));
    }

    .ph080-topbar__notice {
        font-size: 12px;
    }

    .ph080-topbar__button {
        min-width: 84px;
        padding-inline: 13px;
        font-size: 12px;
    }

    .ph080-hero {
        min-height: auto;
    }

    .ph080-hero__inner {
        min-height: auto;
        padding: 42px 0 34px;
    }
}

@media (max-width: 720px) {
    :root {
        --ph-topbar-height: 54px;
        --ph-header-height: 68px;
    }

    .ph080-container {
        width: min(calc(100% - 24px), var(--ph-container));
    }

    .ph080-topbar__inner {
        min-height: 54px;
        gap: 10px;
    }

    .ph080-topbar__notice {
        flex: 1 1 auto;
        font-size: 11px;
    }

    .ph080-topbar__actions {
        gap: 6px;
    }

    .ph080-topbar__button {
        min-width: auto;
        min-height: 32px;
        padding: 6px 10px;
        font-size: 11px;
    }

    .ph080-header {
        top: var(--ph-topbar-height);
    }

    .admin-bar .ph080-header {
        top: 100px;
    }

    .ph080-header__inner {
        min-height: var(--ph-header-height);
    }

    .ph080-brand {
        width: 140px;
        min-width: 118px;
    }

    .ph080-brand__image,
    .ph080-brand img {
        max-width: 138px;
        max-height: 48px;
    }

    .ph080-language-switcher {
        gap: 4px;
    }

    .ph080-language-link {
        min-width: 38px;
        width: 38px;
        height: 38px;
        padding: 4px;
    }

    .ph080-language-link__flag,
    .ph080-language-flag-img {
        width: 27px;
        height: 27px;
    }

    .ph080-menu-toggle {
        width: 42px;
        height: 42px;
        border-radius: 13px;
    }

    .ph080-menu-toggle__bars {
        width: 21px;
    }

    .ph080-hero__inner {
        padding: 34px 0 28px;
        gap: 20px;
    }

    .ph080-hero__eyebrow {
        font-size: 11px;
    }

    .ph080-hero__title {
        font-size: clamp(34px, 10vw, 46px);
    }

    .ph080-hero__description {
        font-size: 14px;
        line-height: 1.65;
    }

    .ph080-route-card {
        padding: 21px;
        border-radius: 20px;
    }

    .ph080-route-card__title {
        font-size: 21px;
    }

    .ph080-route-card__icon {
        width: 64px;
        height: 64px;
    }

    .ph080-route-card__icon-img {
        width: 48px;
        height: 48px;
    }

    .ph080-announcement {
        align-items: stretch;
        border-radius: 16px;
    }

    .ph080-announcement__label {
        padding-inline: 12px;
        font-size: 11px;
    }

    .ph080-announcement__text {
        padding-inline: 14px;
        font-size: 12px;
    }

    .ph080-section {
        padding: 28px 0;
    }

    .ph080-section--large {
        padding: 42px 0 56px;
    }

    .ph080-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        padding: 15px;
    }

    .ph080-section-heading__title {
        font-size: 22px;
    }

    .ph080-game-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .ph080-game-card {
        border-radius: 15px;
    }

    .ph080-game-card__body {
        padding: 10px 8px 11px;
    }

    .ph080-game-card__body h3 {
        font-size: 12px;
    }

    .ph080-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: 18px;
    }

    .ph080-category-card {
        min-height: 142px;
    }

    .ph080-category-card__icon {
        width: 58px;
        height: 58px;
    }

    .ph080-category-card__icon-img {
        width: 43px;
        height: 43px;
    }

    .ph080-feature-grid {
        grid-template-columns: 1fr;
    }

    .ph080-feature-card,
    .ph080-article,
    .ph080-faq-box,
    .ph080-sidebar-card {
        padding: 22px;
        border-radius: 18px;
    }

    .ph080-article h2 {
        font-size: 23px;
    }

    .ph080-article p,
    .ph080-article li {
        font-size: 15px;
        line-height: 1.78;
    }

    .ph080-content-grid,
    .ph080-content-wrap {
        gap: 22px;
    }

    .ph080-page-hero {
        padding: 54px 0 46px;
    }

    .ph080-page-hero__title {
        font-size: clamp(31px, 9vw, 42px);
    }

    .ph080-page-hero__description {
        font-size: 15px;
    }

    .ph080-page-layout {
        padding: 34px 0 56px;
    }

    .ph080-footer__top {
        grid-template-columns: 1fr;
        gap: 26px;
        padding: 42px 0 30px;
    }

    .ph080-footer-notice {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .ph080-footer__bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .ph080-footer__badges {
        justify-content: flex-start;
    }

    .ph080-floating-social {
        right: 10px;
        bottom: 74px;
        gap: 8px;
    }

    .ph080-floating-social__item {
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }

    .ph080-floating-social__img {
        width: 46px;
        height: 46px;
    }

    .ph080-floating-social__label {
        display: none;
    }
}

@media (max-width: 390px) {
    .ph080-topbar__notice {
        display: none;
    }

    .ph080-topbar__inner {
        justify-content: center;
    }

    .ph080-brand {
        width: 120px;
        min-width: 108px;
    }

    .ph080-language-link {
        width: 34px;
        height: 34px;
    }

    .ph080-language-link__flag,
    .ph080-language-flag-img {
        width: 25px;
        height: 25px;
    }

    .ph080-menu-toggle {
        width: 39px;
        height: 39px;
    }

    .ph080-game-grid {
        grid-template-columns: 1fr 1fr;
    }

    .ph080-route-card__url {
        font-size: 12px;
    }
}
/* =========================================================
   FINAL FIX: HAMBURGER ALWAYS VISIBLE, NOT COVERED
========================================================= */

/* 顶部整体不能裁切右侧按钮 */
.ph080-header,
.ph080-header__inner,
.ph080-header__actions {
    overflow: visible !important;
}

/* 右侧按钮区域永远压在导航上面 */
.ph080-header__actions {
    position: relative !important;
    z-index: 999999 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: auto !important;
}

/* 导航不能盖住右侧按钮 */
.ph080-desktop-navigation,
.ph080-nav {
    position: relative !important;
    z-index: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 340px) !important;
    overflow: hidden !important;
}

/* PC + H5 汉堡强制显示 */
.ph080-menu-toggle {
    position: relative !important;
    z-index: 1000000 !important;
    display: inline-flex !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    border: 1px solid rgba(255, 231, 155, 0.95) !important;
    border-radius: 14px !important;
    color: #ffe79b !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(247, 190, 57, 0.28), transparent 42%),
        linear-gradient(180deg, #3a2a12, #101010) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 0 18px rgba(247, 190, 57, 0.35),
        0 8px 22px rgba(0, 0, 0, 0.45) !important;
}

/* 三条线强制显示 */
.ph080-menu-toggle__bars {
    display: grid !important;
    width: 23px !important;
    gap: 5px !important;
}

.ph080-menu-toggle__bars span {
    display: block !important;
    width: 23px !important;
    height: 2px !important;
    border-radius: 10px !important;
    background: #ffe79b !important;
    opacity: 1 !important;
}

/* 国旗不要把汉堡挤没 */
.ph080-language-switcher {
    position: relative !important;
    z-index: 999998 !important;
    flex: 0 0 auto !important;
}

/* H5：隐藏桌面导航，只保留 Logo + 国旗 + 汉堡 */
@media (max-width: 1180px) {
    .ph080-desktop-navigation,
    .ph080-nav {
        display: none !important;
    }

    .ph080-header__inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }

    .ph080-brand {
        flex: 0 0 auto !important;
        width: 170px !important;
        min-width: 130px !important;
        max-width: 170px !important;
    }

    .ph080-header__actions {
        flex: 0 0 auto !important;
        margin-left: auto !important;
    }

    .ph080-menu-toggle {
        display: inline-flex !important;
    }
}

/* 小屏：再压缩 Logo 和国旗，保证汉堡一定露出来 */
@media (max-width: 720px) {
    .ph080-header__inner {
        gap: 6px !important;
    }

    .ph080-brand {
        width: 126px !important;
        min-width: 105px !important;
        max-width: 126px !important;
    }

    .ph080-brand__image,
    .ph080-brand img {
        max-width: 124px !important;
        max-height: 46px !important;
    }

    .ph080-language-switcher {
        gap: 3px !important;
    }

    .ph080-language-link {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        padding: 3px !important;
    }

    .ph080-language-link__flag,
    .ph080-language-flag-img {
        width: 25px !important;
        height: 25px !important;
    }

    .ph080-menu-toggle {
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        border-radius: 12px !important;
    }

    .ph080-menu-toggle__bars,
    .ph080-menu-toggle__bars span {
        width: 21px !important;
    }
}

/* 超小屏：只保留国旗图标，不显示文字 */
@media (max-width: 480px) {
    .ph080-language-link__text {
        display: none !important;
    }

    .ph080-topbar__notice {
        display: none !important;
    }

    .ph080-topbar__inner {
        justify-content: center !important;
    }
}
/* =========================================================
   FINAL FIX: MOBILE MENU PANEL FULL COVER + HERO NOT COVERED
========================================================= */

/* 打开菜单时，整个菜单层必须盖满屏幕 */
.ph080-mobile-navigation {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 2147483000 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.ph080-mobile-navigation.is-open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* 黑色遮罩盖满，不让首页内容透出来 */
.ph080-mobile-navigation__backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: rgba(0, 0, 0, 0.82) !important;
    opacity: 1 !important;
    z-index: 1 !important;
}

/* 菜单面板必须是完整高度，不是只显示顶部 */
.ph080-mobile-navigation__panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(88vw, 420px) !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    overflow-y: auto !important;
    padding: 18px !important;
    z-index: 2 !important;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.18), transparent 36%),
        linear-gradient(180deg, #151515 0%, #0b0b0b 48%, #050505 100%) !important;
    border-left: 1px solid rgba(247, 190, 57, 0.35) !important;
    box-shadow: -24px 0 70px rgba(0, 0, 0, 0.78) !important;
    transform: translateX(100%) !important;
}

.ph080-mobile-navigation.is-open .ph080-mobile-navigation__panel {
    transform: translateX(0) !important;
}

/* 菜单头部固定在面板内，不透明 */
.ph080-mobile-navigation__header {
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
    display: flex !important;
    min-height: 60px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 0 0 14px !important;
    margin: 0 0 14px !important;
    border-bottom: 1px solid rgba(247, 190, 57, 0.22) !important;
    background:
        linear-gradient(180deg, #151515 0%, #101010 100%) !important;
}

.ph080-mobile-navigation__header strong {
    color: #ffe79b !important;
    font-size: 20px !important;
    font-weight: 1000 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}

/* 关闭按钮 */
.ph080-mobile-menu-close {
    display: grid !important;
    width: 48px !important;
    height: 48px !important;
    place-items: center !important;
    border: 1px solid rgba(255, 231, 155, 0.65) !important;
    border-radius: 15px !important;
    color: #ffe79b !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(247, 190, 57, 0.22), transparent 42%),
        linear-gradient(180deg, #30230f, #111111) !important;
    box-shadow: 0 0 18px rgba(247, 190, 57, 0.22) !important;
    font-size: 30px !important;
    line-height: 1 !important;
}

/* 菜单列表必须显示出来 */
.ph080-mobile-navigation__nav,
.ph080-mobile-menu {
    display: block !important;
    width: 100% !important;
}

.ph080-mobile-menu {
    display: grid !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 0 18px !important;
    list-style: none !important;
}

.ph080-mobile-menu li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ph080-mobile-menu a {
    display: flex !important;
    min-height: 58px !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 13px !important;
    border: 1px solid rgba(247, 190, 57, 0.18) !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(247, 190, 57, 0.08), transparent 36%),
        linear-gradient(180deg, #1d1d1d, #101010) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.ph080-mobile-menu__icon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    object-fit: contain !important;
}

.ph080-mobile-menu__label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.ph080-mobile-menu__arrow {
    color: #f7be39 !important;
    font-weight: 1000 !important;
}

/* 语言切换和底部按钮显示 */
.ph080-mobile-language-grid,
.ph080-mobile-menu-cta {
    display: grid !important;
}

.ph080-mobile-language-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding-top: 16px !important;
    margin-top: 14px !important;
    border-top: 1px solid rgba(247, 190, 57, 0.18) !important;
}

.ph080-mobile-menu-cta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding-top: 16px !important;
}

/* 汉堡按钮本身保持最上层 */
.ph080-menu-toggle {
    position: relative !important;
    z-index: 999999 !important;
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* H5 顶部只保留 Logo + 国旗 + 汉堡，避免再次挤压 */
@media (max-width: 1180px) {
    .ph080-desktop-navigation,
    .ph080-nav {
        display: none !important;
    }

    .ph080-header__inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        overflow: visible !important;
    }

    .ph080-header__actions {
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        margin-left: auto !important;
        overflow: visible !important;
        z-index: 999999 !important;
    }
}

/* 修复 H5 首页标题被顶部盖住、文字太大 */
@media (max-width: 720px) {
    .ph080-hero {
        min-height: auto !important;
        padding-top: 0 !important;
    }

    .ph080-hero__inner {
        min-height: auto !important;
        justify-content: flex-start !important;
        padding: 28px 0 34px !important;
    }

    .ph080-hero__content {
        max-width: 100% !important;
        text-align: center !important;
    }

    .ph080-hero__eyebrow {
        margin-bottom: 10px !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
    }

    .ph080-hero__title {
        margin-bottom: 12px !important;
        font-size: clamp(30px, 9.6vw, 42px) !important;
        line-height: 1.14 !important;
        letter-spacing: -0.03em !important;
    }

    .ph080-hero__description {
        max-width: 100% !important;
        padding: 0 4px !important;
        font-size: 14px !important;
        line-height: 1.72 !important;
    }

    .ph080-routes {
        margin-top: 6px !important;
    }
}
/* =========================================================
   H5 FIRST SCREEN: SHOW ACCESS ROUTES IMMEDIATELY
========================================================= */

@media (max-width: 720px) {

    .ph080-hero {
        min-height: auto !important;
    }

    .ph080-hero__inner {
        display: flex !important;
        min-height: auto !important;
        gap: 14px !important;
        padding: 24px 0 26px !important;
        justify-content: flex-start !important;
    }

    .ph080-hero__eyebrow {
        min-height: 30px !important;
        padding: 6px 12px !important;
        margin-bottom: 10px !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.04em !important;
    }

    .ph080-hero__title {
        margin-bottom: 10px !important;
        font-size: 34px !important;
        line-height: 1.1 !important;
        letter-spacing: -0.025em !important;
    }

    .ph080-hero__title span {
        display: block !important;
    }

    .ph080-hero__description {
        max-width: 100% !important;
        margin-bottom: 0 !important;
        padding: 0 4px !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    /* 线路卡提前展示，卡片压缩 */
    .ph080-routes {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 4px !important;
    }

    .ph080-route-card {
        display: grid !important;
        grid-template-columns: 54px minmax(0, 1fr) 92px !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 76px !important;
        padding: 12px !important;
        border-radius: 18px !important;
        text-align: left !important;
    }

    .ph080-route-card__icon {
        width: 54px !important;
        height: 54px !important;
        margin: 0 !important;
        border-radius: 15px !important;
    }

    .ph080-route-card__icon-img {
        width: 38px !important;
        height: 38px !important;
    }

    .ph080-route-card__title {
        margin: 0 0 3px !important;
        font-size: 15px !important;
        line-height: 1.15 !important;
        text-align: left !important;
    }

    .ph080-route-card__subtitle {
        min-height: 0 !important;
        margin: 0 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        color: #d8d8d8 !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    .ph080-route-card__url {
        display: none !important;
    }

    .ph080-route-card__button {
        min-height: 42px !important;
        padding: 8px 9px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    .ph080-hero-trust {
        display: none !important;
    }
}

@media (max-width: 390px) {
    .ph080-hero__title {
        font-size: 31px !important;
    }

    .ph080-route-card {
        grid-template-columns: 48px minmax(0, 1fr) 82px !important;
        gap: 8px !important;
        padding: 10px !important;
    }

    .ph080-route-card__icon {
        width: 48px !important;
        height: 48px !important;
    }

    .ph080-route-card__icon-img {
        width: 34px !important;
        height: 34px !important;
    }

    .ph080-route-card__title {
        font-size: 14px !important;
    }

    .ph080-route-card__subtitle {
        font-size: 10px !important;
    }

    .ph080-route-card__button {
        font-size: 10px !important;
    }
}
/* =========================================================
   PH080 INNER PAGE PRO STYLE
   For template-parts/pages/*.php
========================================================= */

/* ---------- Page Showcase Hero ---------- */

.ph080-page-showcase {
    position: relative;
    overflow: hidden;
    padding: 72px 0 58px;
    background:
        radial-gradient(circle at 12% 10%, rgba(247, 190, 57, 0.22), transparent 32%),
        radial-gradient(circle at 88% 12%, rgba(228, 28, 36, 0.18), transparent 30%),
        linear-gradient(135deg, #070707 0%, #15110a 45%, #050505 100%);
    border-bottom: 1px solid rgba(247, 190, 57, 0.18);
}

.ph080-page-showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity: 0.45;
    pointer-events: none;
}

.ph080-page-showcase::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -220px;
    width: 760px;
    height: 360px;
    transform: translateX(-50%);
    background: radial-gradient(circle, rgba(247, 190, 57, 0.18), transparent 68%);
    pointer-events: none;
}

.ph080-page-showcase__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
    align-items: center;
    gap: 42px;
}

.ph080-page-showcase__content {
    min-width: 0;
}

.ph080-page-showcase__kicker {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 14px;
    margin-bottom: 18px;
    border: 1px solid rgba(247, 190, 57, 0.42);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.46);
    color: #f7be39;
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    box-shadow: 0 0 24px rgba(247, 190, 57, 0.12);
}

.ph080-page-showcase__title {
    max-width: 760px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 0.98;
    font-weight: 1000;
    letter-spacing: -0.055em;
    text-shadow: 0 12px 34px rgba(0, 0, 0, 0.58);
}

.ph080-page-showcase__title span {
    display: block;
    margin-top: 8px;
    background: linear-gradient(135deg, #fff3bd, #f7be39 45%, #ff5a45 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ph080-page-showcase__desc {
    max-width: 760px;
    margin: 0 0 24px;
    color: #e9e0c4;
    font-size: 17px;
    line-height: 1.78;
    font-weight: 650;
}

.ph080-page-showcase__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.ph080-page-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 1000;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.ph080-page-button:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

.ph080-page-button--gold {
    color: #221300;
    background:
        linear-gradient(180deg, #fff0a8 0%, #f7be39 48%, #c9820b 100%);
    border: 1px solid rgba(255, 245, 185, 0.72);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 14px 26px rgba(247, 190, 57, 0.28);
}

.ph080-page-button--dark {
    color: #fff5c6;
    background:
        linear-gradient(180deg, #2a2112 0%, #0d0d0d 100%);
    border: 1px solid rgba(247, 190, 57, 0.42);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.32);
}

.ph080-page-button--red {
    color: #ffffff;
    background:
        linear-gradient(180deg, #ff594c 0%, #d71920 54%, #8f0c12 100%);
    border: 1px solid rgba(255, 160, 150, 0.5);
    box-shadow: 0 14px 26px rgba(228, 28, 36, 0.28);
}

.ph080-page-showcase__visual {
    min-width: 0;
}

/* ---------- JILI Phone Visual ---------- */

.ph080-jili-phone-card {
    position: relative;
    max-width: 430px;
    margin-left: auto;
    padding: 18px;
    border: 1px solid rgba(247, 190, 57, 0.32);
    border-radius: 34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.18), transparent 36%),
        linear-gradient(180deg, rgba(33, 28, 18, 0.96), rgba(4, 4, 4, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 30px 80px rgba(0, 0, 0, 0.66),
        0 0 0 8px rgba(247, 190, 57, 0.035);
}

.ph080-jili-phone-card::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 8px;
    width: 92px;
    height: 7px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
}

.ph080-jili-phone-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding: 14px 12px 10px;
    color: #ffffff;
}

.ph080-jili-phone-card__top span {
    color: #ffe79b;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-jili-phone-card__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    min-height: 30px;
    padding: 6px 12px;
    border-radius: 999px;
    color: #1a0e00;
    background: linear-gradient(180deg, #fff0a8, #f7be39);
    font-size: 13px;
    font-weight: 1000;
}

.ph080-jili-phone-card__games {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ph080-jili-mini-game {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.12 / 1;
    border-radius: 20px;
    background:
        radial-gradient(circle at 25% 10%, rgba(247, 190, 57, 0.16), transparent 42%),
        linear-gradient(180deg, #252014, #080808);
    border: 1px solid rgba(247, 190, 57, 0.22);
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.34);
}

.ph080-jili-mini-game img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ph080-jili-mini-game span {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    padding: 14px;
    color: #ffe79b;
    font-size: 13px;
    font-weight: 1000;
    text-align: center;
}

/* ---------- Section Panels ---------- */

.ph080-page-two-col {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
    gap: 24px;
    align-items: stretch;
}

.ph080-page-two-col--wide {
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
}

.ph080-page-panel {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 12% 0%, rgba(247, 190, 57, 0.1), transparent 34%),
        linear-gradient(180deg, #191919, #0c0c0c);
    border: 1px solid rgba(247, 190, 57, 0.18);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.3);
}

.ph080-page-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.055), transparent 42%);
    pointer-events: none;
}

.ph080-page-panel > * {
    position: relative;
    z-index: 1;
}

.ph080-page-panel h2 {
    margin: 0 0 16px;
    color: #fff0a8;
    font-size: clamp(24px, 2.5vw, 34px);
    line-height: 1.18;
    font-weight: 1000;
    letter-spacing: -0.025em;
}

.ph080-page-panel h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 1000;
}

.ph080-page-panel p {
    margin: 0 0 14px;
    color: #d9d9d9;
    font-size: 15.5px;
    line-height: 1.86;
    font-weight: 560;
}

.ph080-page-panel p:last-child {
    margin-bottom: 0;
}

.ph080-page-panel--highlight {
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.24), transparent 40%),
        linear-gradient(180deg, #2a1c09, #0d0d0d);
    border-color: rgba(247, 190, 57, 0.36);
}

.ph080-page-panel--warning {
    background:
        radial-gradient(circle at 20% 0%, rgba(228, 28, 36, 0.22), transparent 40%),
        linear-gradient(180deg, #251011, #0b0b0b);
    border-color: rgba(255, 92, 80, 0.32);
}

.ph080-page-panel--article p {
    font-size: 16px;
    line-height: 1.92;
}

/* ---------- Quick List ---------- */

.ph080-page-quick-list {
    display: grid;
    gap: 12px;
}

.ph080-page-quick-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding: 13px 15px;
    border-radius: 16px;
    color: #ffffff;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(255, 231, 155, 0.22);
    text-decoration: none;
    font-size: 14px;
    font-weight: 950;
}

.ph080-page-quick-list a::after {
    content: "›";
    color: #f7be39;
    font-size: 22px;
    line-height: 1;
    font-weight: 1000;
}

/* ---------- Info Card Grid ---------- */

.ph080-page-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.ph080-page-info-card {
    position: relative;
    overflow: hidden;
    min-height: 190px;
    padding: 24px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.16), transparent 40%),
        linear-gradient(180deg, #1d1d1d, #0b0b0b);
    border: 1px solid rgba(247, 190, 57, 0.18);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
}

.ph080-page-info-card::after {
    content: "";
    position: absolute;
    right: -34px;
    bottom: -34px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(247, 190, 57, 0.12);
}

.ph080-page-info-card h2 {
    position: relative;
    z-index: 1;
    margin: 0 0 12px;
    color: #ffe79b;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 1000;
}

.ph080-page-info-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #d9d9d9;
    font-size: 14.5px;
    line-height: 1.72;
    font-weight: 560;
}

/* ---------- Spotlight Grid ---------- */

.ph080-spotlight-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.ph080-spotlight-card {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    padding: 24px;
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(247, 190, 57, 0.12), rgba(255, 255, 255, 0.035)),
        linear-gradient(180deg, #171717, #080808);
    border: 1px solid rgba(247, 190, 57, 0.2);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.32);
}

.ph080-spotlight-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 10% 0%, rgba(247, 190, 57, 0.18), transparent 36%),
        radial-gradient(circle at 90% 100%, rgba(228, 28, 36, 0.12), transparent 34%);
    pointer-events: none;
}

.ph080-spotlight-card h2,
.ph080-spotlight-card p {
    position: relative;
    z-index: 1;
}

.ph080-spotlight-card h2 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.16;
    font-weight: 1000;
}

.ph080-spotlight-card p {
    margin: 0;
    color: #d8d8d8;
    font-size: 14.5px;
    line-height: 1.76;
    font-weight: 560;
}

/* ---------- Rich Steps ---------- */

.ph080-rich-steps {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: ph080Step;
}

.ph080-rich-steps li {
    counter-increment: ph080Step;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(247, 190, 57, 0.16);
}

.ph080-rich-steps li::before {
    content: counter(ph080Step);
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 14px;
    color: #1b1000;
    background: linear-gradient(180deg, #fff0a8, #f7be39);
    font-size: 15px;
    font-weight: 1000;
    box-shadow: 0 8px 18px rgba(247, 190, 57, 0.18);
}

.ph080-rich-steps span {
    color: #ededed;
    font-size: 14.5px;
    line-height: 1.58;
    font-weight: 700;
}

/* ---------- Tables ---------- */

.ph080-table-wrap {
    overflow-x: auto;
    border-radius: 20px;
    border: 1px solid rgba(247, 190, 57, 0.16);
    background: rgba(0, 0, 0, 0.22);
}

.ph080-info-table {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
}

.ph080-info-table tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.ph080-info-table tr:last-child {
    border-bottom: 0;
}

.ph080-info-table tr.is-heading {
    background: linear-gradient(180deg, rgba(247, 190, 57, 0.2), rgba(247, 190, 57, 0.08));
}

.ph080-info-table th,
.ph080-info-table td {
    padding: 15px 16px;
    color: #eeeeee;
    font-size: 14px;
    line-height: 1.55;
    text-align: left;
    vertical-align: top;
}

.ph080-info-table th {
    width: 36%;
    color: #ffe79b;
    font-weight: 1000;
}

.ph080-info-table td {
    color: #d7d7d7;
    font-weight: 560;
}

/* ---------- Notice ---------- */

.ph080-page-notice {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 91, 73, 0.2), transparent 38%),
        linear-gradient(180deg, #241010, #0b0b0b);
    border: 1px solid rgba(255, 90, 70, 0.28);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.32);
}

.ph080-page-notice::before {
    content: "!";
    position: absolute;
    right: 24px;
    top: 10px;
    color: rgba(255, 255, 255, 0.055);
    font-size: 110px;
    line-height: 1;
    font-weight: 1000;
}

.ph080-page-notice h2,
.ph080-page-notice p {
    position: relative;
    z-index: 1;
}

.ph080-page-notice h2 {
    margin: 0 0 10px;
    color: #ffe79b;
    font-size: 28px;
    line-height: 1.18;
    font-weight: 1000;
}

.ph080-page-notice p {
    max-width: 980px;
    margin: 0;
    color: #f0d7d4;
    font-size: 15.5px;
    line-height: 1.8;
    font-weight: 650;
}

/* ---------- FAQ ---------- */

.ph080-rich-faq {
    display: grid;
    gap: 12px;
}

.ph080-rich-faq details {
    overflow: hidden;
    border-radius: 20px;
    background:
        linear-gradient(180deg, #191919, #0c0c0c);
    border: 1px solid rgba(247, 190, 57, 0.16);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

.ph080-rich-faq summary {
    cursor: pointer;
    padding: 18px 20px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 1000;
    list-style: none;
}

.ph080-rich-faq summary::-webkit-details-marker {
    display: none;
}

.ph080-rich-faq summary::after {
    content: "+";
    float: right;
    color: #f7be39;
    font-size: 22px;
    line-height: 1;
    font-weight: 1000;
}

.ph080-rich-faq details[open] summary {
    color: #ffe79b;
    border-bottom: 1px solid rgba(247, 190, 57, 0.14);
    background: rgba(247, 190, 57, 0.055);
}

.ph080-rich-faq details[open] summary::after {
    content: "−";
}

.ph080-rich-faq p {
    margin: 0;
    padding: 16px 20px 20px;
    color: #d8d8d8;
    font-size: 15px;
    line-height: 1.78;
    font-weight: 560;
}

/* ---------- CTA ---------- */

.ph080-page-cta {
    position: relative;
    overflow: hidden;
    padding: 42px;
    border-radius: 34px;
    text-align: center;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.28), transparent 38%),
        radial-gradient(circle at 82% 30%, rgba(228, 28, 36, 0.22), transparent 35%),
        linear-gradient(135deg, #2d1c06, #090909 58%, #190607);
    border: 1px solid rgba(247, 190, 57, 0.36);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        0 22px 62px rgba(0, 0, 0, 0.42);
}

.ph080-page-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 38px 38px;
    opacity: 0.4;
    pointer-events: none;
}

.ph080-page-cta h2,
.ph080-page-cta p,
.ph080-page-cta a {
    position: relative;
    z-index: 1;
}

.ph080-page-cta h2 {
    max-width: 860px;
    margin: 0 auto 12px;
    color: #ffffff;
    font-size: clamp(28px, 4vw, 48px);
    line-height: 1.08;
    font-weight: 1000;
    letter-spacing: -0.035em;
}

.ph080-page-cta p {
    max-width: 760px;
    margin: 0 auto 22px;
    color: #eadfbd;
    font-size: 16px;
    line-height: 1.78;
    font-weight: 650;
}

/* ---------- Better Game Grid For Inner Pages ---------- */

.ph080-page-showcase + .ph080-section .ph080-game-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ph080-page-showcase + .ph080-section .ph080-game-card {
    border-color: rgba(247, 190, 57, 0.22);
}

.ph080-page-showcase + .ph080-section .ph080-game-card__image {
    aspect-ratio: 1.18 / 1;
}

/* ---------- Responsive ---------- */

@media (max-width: 1180px) {
    .ph080-page-showcase {
        padding: 54px 0 46px;
    }

    .ph080-page-showcase__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .ph080-jili-phone-card {
        margin: 0 auto;
    }

    .ph080-page-card-grid,
    .ph080-spotlight-grid,
    .ph080-page-showcase + .ph080-section .ph080-game-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ph080-page-two-col,
    .ph080-page-two-col--wide {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .ph080-page-showcase {
        padding: 34px 0 28px;
    }

    .ph080-page-showcase__kicker {
        min-height: 30px;
        padding: 7px 12px;
        margin-bottom: 12px;
        font-size: 10px;
        letter-spacing: 0.08em;
    }

    .ph080-page-showcase__title {
        margin-bottom: 12px;
        font-size: clamp(34px, 10vw, 46px);
        line-height: 1.08;
        letter-spacing: -0.045em;
    }

    .ph080-page-showcase__title span {
        margin-top: 5px;
    }

    .ph080-page-showcase__desc {
        margin-bottom: 18px;
        font-size: 14.5px;
        line-height: 1.68;
    }

    .ph080-page-showcase__actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .ph080-page-button {
        min-height: 44px;
        padding: 10px 9px;
        border-radius: 13px;
        font-size: 11px;
        letter-spacing: 0.01em;
    }

    .ph080-jili-phone-card {
        max-width: 100%;
        padding: 14px;
        border-radius: 26px;
    }

    .ph080-jili-phone-card__games {
        gap: 9px;
    }

    .ph080-jili-mini-game {
        border-radius: 16px;
    }

    .ph080-page-card-grid,
    .ph080-spotlight-grid,
    .ph080-page-showcase + .ph080-section .ph080-game-grid {
        grid-template-columns: 1fr;
    }

    .ph080-page-panel {
        padding: 20px;
        border-radius: 22px;
    }

    .ph080-page-panel h2 {
        font-size: 24px;
    }

    .ph080-page-panel p {
        font-size: 14.5px;
        line-height: 1.78;
    }

    .ph080-page-info-card,
    .ph080-spotlight-card {
        min-height: auto;
        padding: 20px;
        border-radius: 22px;
    }

    .ph080-rich-steps li {
        grid-template-columns: 38px minmax(0, 1fr);
        min-height: 54px;
        padding: 10px;
        border-radius: 16px;
    }

    .ph080-rich-steps li::before {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 13px;
    }

    .ph080-rich-steps span {
        font-size: 13.5px;
    }

    .ph080-info-table {
        min-width: 500px;
    }

    .ph080-info-table th,
    .ph080-info-table td {
        padding: 13px 14px;
        font-size: 13px;
    }

    .ph080-page-notice {
        padding: 22px;
        border-radius: 22px;
    }

    .ph080-page-notice h2 {
        font-size: 24px;
    }

    .ph080-page-notice p {
        font-size: 14px;
        line-height: 1.7;
    }

    .ph080-rich-faq summary {
        padding: 16px;
        font-size: 14.5px;
    }

    .ph080-rich-faq p {
        padding: 14px 16px 17px;
        font-size: 14px;
    }

    .ph080-page-cta {
        padding: 28px 20px;
        border-radius: 26px;
    }

    .ph080-page-cta h2 {
        font-size: 30px;
    }

    .ph080-page-cta p {
        font-size: 14.5px;
        line-height: 1.68;
    }
}

@media (max-width: 420px) {
    .ph080-page-showcase__actions {
        grid-template-columns: 1fr;
    }

    .ph080-page-button {
        width: 100%;
    }

    .ph080-jili-phone-card__top {
        min-height: 48px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .ph080-jili-phone-card__top strong {
        min-width: 60px;
        font-size: 12px;
    }
}
/* =========================================================
   PH080 SLOTS PAGE VISUAL
========================================================= */

.ph080-page-showcase--slots {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.24), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(142, 84, 255, 0.18), transparent 30%),
        radial-gradient(circle at 68% 90%, rgba(228, 28, 36, 0.14), transparent 36%),
        linear-gradient(135deg, #080808 0%, #201408 46%, #070707 100%);
}

.ph080-slots-machine-card {
    position: relative;
    max-width: 460px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 238, 150, 0.18), transparent 34%),
        linear-gradient(180deg, #2b1d0b 0%, #111111 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.35);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(247, 190, 57, 0.04);
}

.ph080-slots-machine-card::before {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 26px;
    border: 1px solid rgba(255, 240, 168, 0.12);
    pointer-events: none;
}

.ph080-slots-machine-card__top {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px;
}

.ph080-slots-machine-card__top span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-slots-machine-card__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #190f00;
    background: linear-gradient(180deg, #fff3bd, #f7be39 56%, #bd7507);
    font-size: 13px;
    font-weight: 1000;
    box-shadow: 0 10px 20px rgba(247, 190, 57, 0.22);
}

.ph080-slots-reel {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 14px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.22)),
        #080808;
    border: 1px solid rgba(247, 190, 57, 0.2);
}

.ph080-slots-reel__item {
    overflow: hidden;
    aspect-ratio: 0.82 / 1;
    border-radius: 18px;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.16), transparent 38%),
        linear-gradient(180deg, #252525, #090909);
    border: 1px solid rgba(247, 190, 57, 0.2);
    box-shadow: inset 0 0 22px rgba(0, 0, 0, 0.42);
}

.ph080-slots-reel__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ph080-slots-reel__item span {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    padding: 10px;
    color: #ffe79b;
    font-size: 12px;
    font-weight: 1000;
    line-height: 1.2;
    text-align: center;
}

.ph080-slots-machine-card__bottom {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

.ph080-slots-machine-card__bottom span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 7px 8px;
    border-radius: 999px;
    color: #ffe79b;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(247, 190, 57, 0.18);
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-align: center;
}

@media (max-width: 1180px) {
    .ph080-slots-machine-card {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-slots-machine-card {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-slots-reel {
        gap: 8px;
        padding: 10px;
        border-radius: 20px;
    }

    .ph080-slots-reel__item {
        border-radius: 14px;
    }

    .ph080-slots-machine-card__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-slots-machine-card__bottom span {
        min-height: 30px;
        font-size: 10px;
    }
}
/* =========================================================
   PH080 LIVE CASINO PAGE VISUAL
========================================================= */

.ph080-page-showcase--live {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.22), transparent 32%),
        radial-gradient(circle at 78% 16%, rgba(26, 170, 120, 0.2), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(228, 28, 36, 0.14), transparent 36%),
        linear-gradient(135deg, #050706 0%, #102018 48%, #050505 100%);
}

.ph080-live-table-card {
    position: relative;
    max-width: 470px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.18), transparent 34%),
        linear-gradient(180deg, #14261d 0%, #111111 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(26, 170, 120, 0.04);
}

.ph080-live-table-card__screen {
    position: relative;
    overflow: hidden;
    min-height: 320px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 18%, rgba(255, 240, 168, 0.18), transparent 30%),
        linear-gradient(180deg, #1b2c25 0%, #090909 58%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.22);
}

.ph080-live-table-card__screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.42;
}

.ph080-live-table-card__dealer {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    min-height: 118px;
    margin: 18px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.2), transparent 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.16));
    border: 1px solid rgba(247, 190, 57, 0.18);
}

.ph080-live-table-card__dealer span {
    color: #e8e8e8;
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: 0.14em;
}

.ph080-live-table-card__dealer strong {
    margin-top: 8px;
    color: #fff0a8;
    font-size: 38px;
    line-height: 1;
    font-weight: 1000;
    letter-spacing: -0.04em;
}

.ph080-live-table-card__table {
    position: absolute;
    left: 50%;
    bottom: -58px;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 18px;
    width: 330px;
    height: 170px;
    padding-top: 34px;
    transform: translateX(-50%);
    border-radius: 50% 50% 18px 18px;
    background:
        radial-gradient(circle at 50% 22%, rgba(247, 190, 57, 0.18), transparent 42%),
        linear-gradient(180deg, #0c6d4c, #053c2b);
    border: 1px solid rgba(247, 190, 57, 0.32);
    box-shadow: 0 -10px 34px rgba(0, 0, 0, 0.34);
}

.ph080-live-table-card__chip {
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    border-radius: 50%;
    color: #251400;
    background:
        radial-gradient(circle at 34% 28%, #ffffff, #fff0a8 28%, #f7be39 60%, #b87409 100%);
    border: 3px dashed rgba(70, 38, 0, 0.35);
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.32);
    font-size: 18px;
    font-weight: 1000;
}

.ph080-live-table-card__bottom {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

.ph080-live-table-card__bottom span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 7px 8px;
    border-radius: 999px;
    color: #d9fff1;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(26, 170, 120, 0.24);
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-align: center;
}

@media (max-width: 1180px) {
    .ph080-live-table-card {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-live-table-card {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-live-table-card__screen {
        min-height: 260px;
        border-radius: 22px;
    }

    .ph080-live-table-card__dealer {
        min-height: 96px;
        margin: 14px;
        border-radius: 18px;
    }

    .ph080-live-table-card__dealer strong {
        font-size: 31px;
    }

    .ph080-live-table-card__table {
        bottom: -66px;
        width: 270px;
        height: 150px;
        gap: 12px;
    }

    .ph080-live-table-card__chip {
        width: 48px;
        height: 48px;
        font-size: 16px;
    }

    .ph080-live-table-card__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-live-table-card__bottom span {
        min-height: 30px;
        font-size: 10px;
    }
}
/* =========================================================
   PH080 FISHING GAMES PAGE VISUAL
========================================================= */

.ph080-page-showcase--fishing {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.18), transparent 32%),
        radial-gradient(circle at 80% 16%, rgba(0, 186, 255, 0.22), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(0, 116, 180, 0.18), transparent 36%),
        linear-gradient(135deg, #04080b 0%, #092235 48%, #050505 100%);
}

.ph080-fishing-visual-card {
    position: relative;
    max-width: 470px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(0, 186, 255, 0.2), transparent 34%),
        linear-gradient(180deg, #102638 0%, #0d1116 52%, #050505 100%);
    border: 1px solid rgba(0, 186, 255, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(0, 186, 255, 0.035);
}

.ph080-fishing-visual-card__screen {
    position: relative;
    overflow: hidden;
    min-height: 330px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 16%, rgba(145, 231, 255, 0.2), transparent 34%),
        linear-gradient(180deg, #0a5a7b 0%, #06314a 52%, #04131d 100%);
    border: 1px solid rgba(145, 231, 255, 0.24);
}

.ph080-fishing-water {
    position: absolute;
    inset: 0;
    opacity: 0.7;
}

.ph080-fishing-water span {
    position: absolute;
    left: -10%;
    width: 120%;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    filter: blur(1px);
}

.ph080-fishing-water span:nth-child(1) {
    top: 52px;
    transform: rotate(-4deg);
}

.ph080-fishing-water span:nth-child(2) {
    top: 142px;
    transform: rotate(3deg);
}

.ph080-fishing-water span:nth-child(3) {
    top: 238px;
    transform: rotate(-2deg);
}

.ph080-fishing-target {
    position: absolute;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 72px;
    height: 48px;
    border-radius: 50% 55% 45% 50%;
    color: #052536;
    background:
        radial-gradient(circle at 32% 26%, #ffffff, #fff0a8 28%, #f7be39 58%, #e58a09 100%);
    border: 2px solid rgba(255, 255, 255, 0.34);
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.26);
    font-size: 15px;
    font-weight: 1000;
}

.ph080-fishing-target::after {
    content: "";
    position: absolute;
    right: -14px;
    top: 50%;
    width: 22px;
    height: 24px;
    transform: translateY(-50%);
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    background: #e58a09;
}

.ph080-fishing-target--one {
    left: 48px;
    top: 86px;
}

.ph080-fishing-target--two {
    right: 52px;
    top: 142px;
    transform: scale(1.18);
}

.ph080-fishing-target--three {
    left: 112px;
    bottom: 82px;
    transform: scale(0.92);
}

.ph080-fishing-cannon {
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 132px;
    height: 74px;
    transform: translateX(-50%);
    border-radius: 46px 46px 22px 22px;
    background:
        radial-gradient(circle at 50% 20%, #fff0a8, #f7be39 44%, #af6805 100%);
    border: 1px solid rgba(255, 242, 168, 0.56);
    box-shadow: 0 18px 28px rgba(0, 0, 0, 0.36);
}

.ph080-fishing-cannon::before {
    content: "";
    position: absolute;
    top: -42px;
    left: 50%;
    width: 34px;
    height: 70px;
    transform: translateX(-50%) rotate(-8deg);
    border-radius: 18px 18px 8px 8px;
    background: linear-gradient(180deg, #fff4bd, #c97808);
    border: 1px solid rgba(255, 242, 168, 0.5);
}

.ph080-fishing-cannon span {
    position: relative;
    z-index: 1;
    color: #1d1000;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.06em;
}

.ph080-fishing-visual-card__bottom {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

.ph080-fishing-visual-card__bottom span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 7px 8px;
    border-radius: 999px;
    color: #d9f7ff;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(0, 186, 255, 0.24);
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-align: center;
}

@media (max-width: 1180px) {
    .ph080-fishing-visual-card {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-fishing-visual-card {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-fishing-visual-card__screen {
        min-height: 260px;
        border-radius: 22px;
    }

    .ph080-fishing-target {
        width: 60px;
        height: 42px;
        font-size: 13px;
    }

    .ph080-fishing-target--one {
        left: 32px;
        top: 72px;
    }

    .ph080-fishing-target--two {
        right: 32px;
        top: 120px;
    }

    .ph080-fishing-target--three {
        left: 82px;
        bottom: 74px;
    }

    .ph080-fishing-cannon {
        width: 112px;
        height: 64px;
        bottom: 16px;
    }

    .ph080-fishing-cannon::before {
        top: -36px;
        height: 60px;
    }

    .ph080-fishing-visual-card__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-fishing-visual-card__bottom span {
        min-height: 30px;
        font-size: 10px;
    }
}
/* =========================================================
   PH080 LOTTERY PAGE VISUAL
========================================================= */

.ph080-page-showcase--lottery {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.22), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(255, 70, 70, 0.18), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(255, 255, 255, 0.08), transparent 36%),
        linear-gradient(135deg, #090909 0%, #26100e 46%, #050505 100%);
}

.ph080-lottery-board {
    position: relative;
    max-width: 470px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.2), transparent 34%),
        linear-gradient(180deg, #2a100f 0%, #111111 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(247, 190, 57, 0.035);
}

.ph080-lottery-board::before {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 26px;
    border: 1px solid rgba(255, 240, 168, 0.12);
    pointer-events: none;
}

.ph080-lottery-board__top {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px;
}

.ph080-lottery-board__top span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-lottery-board__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #190f00;
    background: linear-gradient(180deg, #fff3bd, #f7be39 56%, #bd7507);
    font-size: 13px;
    font-weight: 1000;
    box-shadow: 0 10px 20px rgba(247, 190, 57, 0.22);
}

.ph080-lottery-balls {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 22px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.24)),
        #080808;
    border: 1px solid rgba(247, 190, 57, 0.2);
}

.ph080-lottery-balls span {
    display: grid;
    aspect-ratio: 1 / 1;
    place-items: center;
    border-radius: 50%;
    color: #271500;
    background:
        radial-gradient(circle at 30% 24%, #ffffff, #fff2b5 24%, #f7be39 56%, #a96607 100%);
    border: 3px solid rgba(255, 255, 255, 0.26);
    box-shadow:
        inset -8px -10px 18px rgba(80, 35, 0, 0.22),
        0 14px 24px rgba(0, 0, 0, 0.34);
    font-size: 22px;
    font-weight: 1000;
}

.ph080-lottery-board__status {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

.ph080-lottery-board__status span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 7px 8px;
    border-radius: 999px;
    color: #ffe79b;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(247, 190, 57, 0.2);
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-align: center;
}

@media (max-width: 1180px) {
    .ph080-lottery-board {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-lottery-board {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-lottery-balls {
        gap: 10px;
        padding: 16px;
        border-radius: 22px;
    }

    .ph080-lottery-balls span {
        font-size: 18px;
    }

    .ph080-lottery-board__status {
        grid-template-columns: 1fr;
    }

    .ph080-lottery-board__status span {
        min-height: 30px;
        font-size: 10px;
    }
}
/* =========================================================
   PH080 SPORTS PAGE VISUAL
========================================================= */

.ph080-page-showcase--sports {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.22), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(35, 130, 255, 0.2), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(26, 170, 120, 0.14), transparent 36%),
        linear-gradient(135deg, #05070a 0%, #0d1d30 46%, #050505 100%);
}

.ph080-sports-board {
    position: relative;
    max-width: 470px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(35, 130, 255, 0.2), transparent 34%),
        linear-gradient(180deg, #0d1f36 0%, #111111 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.3);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(35, 130, 255, 0.035);
}

.ph080-sports-board::before {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 26px;
    border: 1px solid rgba(255, 240, 168, 0.1);
    pointer-events: none;
}

.ph080-sports-board__top {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px;
}

.ph080-sports-board__top span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-sports-board__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #061323;
    background: linear-gradient(180deg, #d9edff, #62b5ff 54%, #2377d8);
    font-size: 13px;
    font-weight: 1000;
    box-shadow: 0 10px 20px rgba(35, 130, 255, 0.24);
}

.ph080-sports-score-card {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 24px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 8%, rgba(255, 255, 255, 0.1), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.28)),
        #06111f;
    border: 1px solid rgba(98, 181, 255, 0.24);
}

.ph080-sports-score-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 32px 32px;
    opacity: 0.5;
    pointer-events: none;
}

.ph080-sports-score-card__league {
    position: relative;
    z-index: 1;
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    color: #061323;
    background: linear-gradient(180deg, #fff0a8, #f7be39);
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-sports-score-card__teams {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 14px;
    padding: 34px 0;
}

.ph080-sports-score-card__teams span {
    display: grid;
    min-height: 72px;
    place-items: center;
    border-radius: 20px;
    color: #d9edff;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(98, 181, 255, 0.2);
    font-size: 14px;
    font-weight: 1000;
}

.ph080-sports-score-card__teams strong {
    color: #ffffff;
    font-size: 42px;
    line-height: 1;
    font-weight: 1000;
    letter-spacing: -0.04em;
    text-shadow: 0 10px 24px rgba(35, 130, 255, 0.24);
}

.ph080-sports-score-card__markets,
.ph080-sports-board__bottom {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.ph080-sports-score-card__markets span,
.ph080-sports-board__bottom span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 7px 8px;
    border-radius: 999px;
    color: #d9edff;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(98, 181, 255, 0.2);
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-align: center;
}

.ph080-sports-board__bottom {
    padding-top: 14px;
}

@media (max-width: 1180px) {
    .ph080-sports-board {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-sports-board {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-sports-score-card {
        padding: 18px;
        border-radius: 22px;
    }

    .ph080-sports-score-card__teams {
        gap: 8px;
        padding: 26px 0;
    }

    .ph080-sports-score-card__teams span {
        min-height: 56px;
        font-size: 11px;
    }

    .ph080-sports-score-card__teams strong {
        font-size: 30px;
    }

    .ph080-sports-score-card__markets,
    .ph080-sports-board__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-sports-score-card__markets span,
    .ph080-sports-board__bottom span {
        min-height: 30px;
        font-size: 10px;
    }
}
/* =========================================================
   PH080 PROMOTIONS PAGE VISUAL
========================================================= */

.ph080-page-showcase--promotions {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.26), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(255, 79, 128, 0.2), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(228, 28, 36, 0.16), transparent 36%),
        linear-gradient(135deg, #090707 0%, #2a1018 46%, #050505 100%);
}

.ph080-promo-ticket {
    position: relative;
    max-width: 470px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.22), transparent 34%),
        linear-gradient(180deg, #35121b 0%, #121212 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.36);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(255, 79, 128, 0.035);
}

.ph080-promo-ticket::before,
.ph080-promo-ticket::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 34px;
    height: 58px;
    transform: translateY(-50%);
    border-radius: 999px;
    background: #050505;
    border: 1px solid rgba(247, 190, 57, 0.18);
}

.ph080-promo-ticket::before {
    left: -18px;
}

.ph080-promo-ticket::after {
    right: -18px;
}

.ph080-promo-ticket__top {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px;
}

.ph080-promo-ticket__top span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-promo-ticket__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #271000;
    background: linear-gradient(180deg, #fff3bd, #f7be39 56%, #bd7507);
    font-size: 13px;
    font-weight: 1000;
    box-shadow: 0 10px 20px rgba(247, 190, 57, 0.24);
}

.ph080-promo-ticket__main {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 28px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 8%, rgba(255, 255, 255, 0.13), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.28)),
        #17080d;
    border: 1px dashed rgba(247, 190, 57, 0.38);
}

.ph080-promo-ticket__main::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 32px 32px;
    opacity: 0.46;
    pointer-events: none;
}

.ph080-promo-ticket__amount {
    position: relative;
    z-index: 1;
    text-align: center;
}

.ph080-promo-ticket__amount span {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 6px 12px;
    margin-bottom: 12px;
    border-radius: 999px;
    color: #2a1300;
    background: linear-gradient(180deg, #fff0a8, #f7be39);
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: 0.1em;
}

.ph080-promo-ticket__amount strong {
    display: block;
    color: #ffffff;
    font-size: clamp(34px, 5vw, 54px);
    line-height: 1;
    font-weight: 1000;
    letter-spacing: -0.05em;
    text-shadow: 0 14px 32px rgba(255, 79, 128, 0.22);
}

.ph080-promo-ticket__amount small {
    display: block;
    margin-top: 12px;
    color: #f3d7df;
    font-size: 13px;
    font-weight: 850;
}

.ph080-promo-ticket__chips {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 20px;
}

.ph080-promo-ticket__chips span,
.ph080-promo-ticket__bottom span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 7px 8px;
    border-radius: 999px;
    color: #ffeaf0;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(255, 79, 128, 0.22);
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-align: center;
}

.ph080-promo-ticket__bottom {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

@media (max-width: 1180px) {
    .ph080-promo-ticket {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-promo-ticket {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-promo-ticket::before,
    .ph080-promo-ticket::after {
        display: none;
    }

    .ph080-promo-ticket__main {
        padding: 22px 16px;
        border-radius: 22px;
    }

    .ph080-promo-ticket__amount strong {
        font-size: 36px;
    }

    .ph080-promo-ticket__chips,
    .ph080-promo-ticket__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-promo-ticket__chips span,
    .ph080-promo-ticket__bottom span {
        min-height: 30px;
        font-size: 10px;
    }
}
/* =========================================================
   PH080 VIP PAGE VISUAL
========================================================= */

.ph080-page-showcase--vip {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.28), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(255, 210, 90, 0.2), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(228, 28, 36, 0.12), transparent 36%),
        linear-gradient(135deg, #0a0702 0%, #2a1b05 46%, #050505 100%);
}

.ph080-vip-card-visual {
    position: relative;
    max-width: 470px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 232, 128, 0.26), transparent 34%),
        linear-gradient(180deg, #362604 0%, #121212 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.42);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(247, 190, 57, 0.05);
}

.ph080-vip-card-visual::before {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 26px;
    border: 1px solid rgba(255, 240, 168, 0.16);
    pointer-events: none;
}

.ph080-vip-card-visual__top {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px;
}

.ph080-vip-card-visual__top span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-vip-card-visual__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #271500;
    background: linear-gradient(180deg, #fff6c8, #f7be39 54%, #bd7507);
    font-size: 13px;
    font-weight: 1000;
    box-shadow: 0 10px 20px rgba(247, 190, 57, 0.26);
}

.ph080-vip-card-visual__main {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 260px;
    padding: 28px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 240, 168, 0.2), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.26)),
        #160f03;
    border: 1px solid rgba(247, 190, 57, 0.28);
}

.ph080-vip-card-visual__main::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.42;
    pointer-events: none;
}

.ph080-vip-crown {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    gap: 8px;
    height: 72px;
    margin-bottom: 22px;
}

.ph080-vip-crown span {
    display: block;
    width: 58px;
    height: 66px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background:
        linear-gradient(180deg, #ffffff 0%, #fff0a8 20%, #f7be39 58%, #bd7507 100%);
    filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.3));
}

.ph080-vip-crown span:nth-child(2) {
    width: 72px;
    height: 82px;
    margin-top: -10px;
}

.ph080-vip-card-visual__level {
    position: relative;
    z-index: 1;
    text-align: center;
}

.ph080-vip-card-visual__level span {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 6px 12px;
    margin-bottom: 12px;
    border-radius: 999px;
    color: #2a1300;
    background: linear-gradient(180deg, #fff0a8, #f7be39);
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: 0.1em;
}

.ph080-vip-card-visual__level strong {
    display: block;
    color: #ffffff;
    font-size: clamp(42px, 5vw, 62px);
    line-height: 1;
    font-weight: 1000;
    letter-spacing: -0.05em;
    text-shadow: 0 14px 32px rgba(247, 190, 57, 0.28);
}

.ph080-vip-card-visual__level small {
    display: block;
    margin-top: 12px;
    color: #fff0c4;
    font-size: 13px;
    font-weight: 850;
}

.ph080-vip-card-visual__bottom {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

.ph080-vip-card-visual__bottom span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 7px 8px;
    border-radius: 999px;
    color: #fff0c4;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(247, 190, 57, 0.22);
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-align: center;
}

@media (max-width: 1180px) {
    .ph080-vip-card-visual {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-vip-card-visual {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-vip-card-visual__main {
        min-height: 230px;
        padding: 22px 16px;
        border-radius: 22px;
    }

    .ph080-vip-crown {
        height: 60px;
        margin-bottom: 18px;
    }

    .ph080-vip-crown span {
        width: 46px;
        height: 54px;
    }

    .ph080-vip-crown span:nth-child(2) {
        width: 58px;
        height: 68px;
    }

    .ph080-vip-card-visual__level strong {
        font-size: 42px;
    }

    .ph080-vip-card-visual__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-vip-card-visual__bottom span {
        min-height: 30px;
        font-size: 10px;
    }
}
/* =========================================================
   PH080 APP / DOWNLOAD PAGE VISUAL
========================================================= */

.ph080-page-showcase--app {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.22), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(75, 210, 120, 0.18), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(38, 120, 255, 0.12), transparent 36%),
        linear-gradient(135deg, #050805 0%, #0d2517 46%, #050505 100%);
}

.ph080-app-phone {
    position: relative;
    max-width: 430px;
    margin-left: auto;
    padding: 20px;
    border-radius: 38px;
    background:
        radial-gradient(circle at 18% 0%, rgba(75, 210, 120, 0.22), transparent 34%),
        linear-gradient(180deg, #122718 0%, #111111 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(75, 210, 120, 0.035);
}

.ph080-app-phone::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 10px;
    width: 94px;
    height: 7px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
}

.ph080-app-phone__bar {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    padding: 18px 8px 14px;
}

.ph080-app-phone__bar span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-app-phone__bar strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #071608;
    background: linear-gradient(180deg, #e7ffe9, #6ee487 54%, #23a84a);
    font-size: 13px;
    font-weight: 1000;
    box-shadow: 0 10px 20px rgba(75, 210, 120, 0.22);
}

.ph080-app-phone__screen {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 330px;
    padding: 28px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.16), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.26)),
        #07110b;
    border: 1px solid rgba(75, 210, 120, 0.24);
}

.ph080-app-phone__screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 32px 32px;
    opacity: 0.42;
    pointer-events: none;
}

.ph080-app-icon {
    position: relative;
    z-index: 1;
    display: grid;
    width: 96px;
    height: 96px;
    place-items: center;
    margin: 0 auto 24px;
    border-radius: 28px;
    color: #1b1000;
    background:
        radial-gradient(circle at 30% 20%, #ffffff, #fff0a8 26%, #f7be39 58%, #b87409 100%);
    border: 1px solid rgba(255, 240, 168, 0.56);
    box-shadow: 0 18px 28px rgba(0, 0, 0, 0.36);
    font-size: 28px;
    font-weight: 1000;
    letter-spacing: -0.04em;
}

.ph080-app-lines {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
    margin-bottom: 24px;
}

.ph080-app-lines span {
    display: block;
    height: 14px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(247, 190, 57, 0.72), rgba(75, 210, 120, 0.36), rgba(255, 255, 255, 0.08));
}

.ph080-app-lines span:nth-child(2) {
    width: 82%;
}

.ph080-app-lines span:nth-child(3) {
    width: 64%;
}

.ph080-app-phone__buttons {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 9px;
}

.ph080-app-phone__buttons span,
.ph080-app-phone__bottom span {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 999px;
    color: #eaffee;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(75, 210, 120, 0.24);
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-align: center;
}

.ph080-app-phone__bottom {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

@media (max-width: 1180px) {
    .ph080-app-phone {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-app-phone {
        max-width: 100%;
        padding: 15px;
        border-radius: 30px;
    }

    .ph080-app-phone__screen {
        min-height: 270px;
        padding: 22px 16px;
        border-radius: 24px;
    }

    .ph080-app-icon {
        width: 82px;
        height: 82px;
        border-radius: 24px;
        font-size: 24px;
    }

    .ph080-app-phone__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-app-phone__bottom span {
        min-height: 30px;
        font-size: 10px;
    }
}
/* =========================================================
   PH080 PAYMENT METHODS PAGE VISUAL
========================================================= */

.ph080-page-showcase--payment {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.22), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(54, 210, 150, 0.2), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(38, 120, 255, 0.12), transparent 36%),
        linear-gradient(135deg, #050806 0%, #10251c 46%, #050505 100%);
}

.ph080-payment-wallet {
    position: relative;
    max-width: 470px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(54, 210, 150, 0.22), transparent 34%),
        linear-gradient(180deg, #10291f 0%, #111111 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(54, 210, 150, 0.035);
}

.ph080-payment-wallet::before {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 26px;
    border: 1px solid rgba(255, 240, 168, 0.12);
    pointer-events: none;
}

.ph080-payment-wallet__top {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px;
}

.ph080-payment-wallet__top span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-payment-wallet__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #061711;
    background: linear-gradient(180deg, #e7fff5, #62e7b6 54%, #18a772);
    font-size: 13px;
    font-weight: 1000;
    box-shadow: 0 10px 20px rgba(54, 210, 150, 0.24);
}

.ph080-payment-wallet__screen {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 292px;
    padding: 28px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.16), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.28)),
        #07130e;
    border: 1px solid rgba(54, 210, 150, 0.24);
}

.ph080-payment-wallet__screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.44;
    pointer-events: none;
}

.ph080-payment-wallet__amount {
    position: relative;
    z-index: 1;
    text-align: center;
}

.ph080-payment-wallet__amount span {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 6px 12px;
    margin-bottom: 14px;
    border-radius: 999px;
    color: #061711;
    background: linear-gradient(180deg, #e7fff5, #62e7b6);
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: 0.1em;
}

.ph080-payment-wallet__amount strong {
    display: block;
    color: #ffffff;
    font-size: clamp(38px, 5vw, 58px);
    line-height: 1;
    font-weight: 1000;
    letter-spacing: -0.05em;
    text-shadow: 0 14px 32px rgba(54, 210, 150, 0.22);
}

.ph080-payment-wallet__amount small {
    display: block;
    margin-top: 12px;
    color: #d9fff1;
    font-size: 13px;
    font-weight: 850;
}

.ph080-payment-wallet__methods {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 24px;
}

.ph080-payment-wallet__methods span,
.ph080-payment-wallet__bottom span {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 999px;
    color: #eafff5;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(54, 210, 150, 0.24);
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-align: center;
}

.ph080-payment-wallet__bottom {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

@media (max-width: 1180px) {
    .ph080-payment-wallet {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-payment-wallet {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-payment-wallet__screen {
        min-height: 250px;
        padding: 22px 16px;
        border-radius: 22px;
    }

    .ph080-payment-wallet__amount strong {
        font-size: 38px;
    }

    .ph080-payment-wallet__methods,
    .ph080-payment-wallet__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-payment-wallet__methods span,
    .ph080-payment-wallet__bottom span {
        min-height: 30px;
        font-size: 10px;
    }
}
/* =========================================================
   PH080 SECURITY PAGE VISUAL
========================================================= */

.ph080-page-showcase--security {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.22), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(60, 160, 255, 0.22), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(40, 220, 140, 0.14), transparent 36%),
        linear-gradient(135deg, #050709 0%, #0b1d2d 46%, #050505 100%);
}

.ph080-security-lock {
    position: relative;
    max-width: 470px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(60, 160, 255, 0.22), transparent 34%),
        linear-gradient(180deg, #0b1d2d 0%, #111111 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(60, 160, 255, 0.035);
}

.ph080-security-lock::before {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 26px;
    border: 1px solid rgba(255, 240, 168, 0.12);
    pointer-events: none;
}

.ph080-security-lock__top {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px;
}

.ph080-security-lock__top span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-security-lock__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 86px;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #061321;
    background: linear-gradient(180deg, #e5f4ff, #75c8ff 54%, #2f87df);
    font-size: 13px;
    font-weight: 1000;
    box-shadow: 0 10px 20px rgba(60, 160, 255, 0.24);
}

.ph080-security-lock__screen {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 320px;
    padding: 28px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.16), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.28)),
        #07111a;
    border: 1px solid rgba(60, 160, 255, 0.24);
}

.ph080-security-lock__screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.44;
    pointer-events: none;
}

.ph080-security-shield {
    position: relative;
    z-index: 1;
    display: grid;
    width: 118px;
    height: 138px;
    place-items: center;
    margin: 0 auto 22px;
    color: #101000;
    background:
        radial-gradient(circle at 30% 20%, #ffffff, #fff0a8 24%, #f7be39 58%, #b87409 100%);
    clip-path: polygon(50% 0, 92% 16%, 82% 78%, 50% 100%, 18% 78%, 8% 16%);
    filter: drop-shadow(0 18px 24px rgba(0, 0, 0, 0.34));
    font-size: 28px;
    font-weight: 1000;
}

.ph080-security-lock__lines {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
    margin-bottom: 22px;
}

.ph080-security-lock__lines span {
    display: block;
    height: 13px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(247, 190, 57, 0.72), rgba(60, 160, 255, 0.38), rgba(255, 255, 255, 0.08));
}

.ph080-security-lock__lines span:nth-child(2) {
    width: 82%;
}

.ph080-security-lock__lines span:nth-child(3) {
    width: 64%;
}

.ph080-security-lock__checks {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 9px;
}

.ph080-security-lock__checks span,
.ph080-security-lock__bottom span {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 999px;
    color: #e6f4ff;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(60, 160, 255, 0.24);
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-align: center;
}

.ph080-security-lock__bottom {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

@media (max-width: 1180px) {
    .ph080-security-lock {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-security-lock {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-security-lock__screen {
        min-height: 270px;
        padding: 22px 16px;
        border-radius: 22px;
    }

    .ph080-security-shield {
        width: 94px;
        height: 112px;
        font-size: 23px;
    }

    .ph080-security-lock__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-security-lock__checks span,
    .ph080-security-lock__bottom span {
        min-height: 30px;
        font-size: 10px;
    }
}
/* =========================================================
   PH080 FAQ PAGE VISUAL
========================================================= */

.ph080-page-showcase--faq {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.24), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(160, 90, 255, 0.2), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(60, 160, 255, 0.14), transparent 36%),
        linear-gradient(135deg, #07050a 0%, #1d1230 46%, #050505 100%);
}

.ph080-faq-box {
    position: relative;
    max-width: 470px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(160, 90, 255, 0.22), transparent 34%),
        linear-gradient(180deg, #1d1230 0%, #111111 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(160, 90, 255, 0.035);
}

.ph080-faq-box::before {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 26px;
    border: 1px solid rgba(255, 240, 168, 0.12);
    pointer-events: none;
}

.ph080-faq-box__top {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px;
}

.ph080-faq-box__top span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-faq-box__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #16071e;
    background: linear-gradient(180deg, #f3e8ff, #c99cff 54%, #8d4ce5);
    font-size: 13px;
    font-weight: 1000;
    box-shadow: 0 10px 20px rgba(160, 90, 255, 0.24);
}

.ph080-faq-box__screen {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 320px;
    padding: 28px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.16), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.28)),
        #10071a;
    border: 1px solid rgba(160, 90, 255, 0.24);
}

.ph080-faq-box__screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.44;
    pointer-events: none;
}

.ph080-faq-mark {
    position: relative;
    z-index: 1;
    display: grid;
    width: 112px;
    height: 112px;
    place-items: center;
    margin: 0 auto 24px;
    border-radius: 50%;
    color: #201000;
    background:
        radial-gradient(circle at 30% 20%, #ffffff, #fff0a8 26%, #f7be39 58%, #b87409 100%);
    border: 1px solid rgba(255, 240, 168, 0.56);
    box-shadow: 0 18px 28px rgba(0, 0, 0, 0.36);
    font-size: 58px;
    line-height: 1;
    font-weight: 1000;
}

.ph080-faq-box__rows {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
}

.ph080-faq-box__rows span,
.ph080-faq-box__bottom span {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 999px;
    color: #f4eaff;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(160, 90, 255, 0.24);
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: 0.03em;
    text-align: center;
}

.ph080-faq-box__bottom {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

.ph080-rich-faq--large details {
    border-color: rgba(247, 190, 57, 0.2);
}

.ph080-rich-faq--large summary {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ph080-rich-faq--large summary::after {
    float: none;
    margin-left: 18px;
}

@media (max-width: 1180px) {
    .ph080-faq-box {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-faq-box {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-faq-box__screen {
        min-height: 270px;
        padding: 22px 16px;
        border-radius: 22px;
    }

    .ph080-faq-mark {
        width: 88px;
        height: 88px;
        font-size: 46px;
    }

    .ph080-faq-box__rows span {
        min-height: 36px;
        font-size: 11px;
    }

    .ph080-faq-box__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-faq-box__bottom span {
        min-height: 30px;
        font-size: 10px;
    }

    .ph080-rich-faq--large summary {
        min-height: 54px;
    }
}
/* =========================================================
   PH080 ABOUT PAGE VISUAL
========================================================= */

.ph080-page-showcase--about {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.24), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(228, 28, 36, 0.17), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(255, 255, 255, 0.08), transparent 36%),
        linear-gradient(135deg, #090909 0%, #241707 46%, #050505 100%);
}

.ph080-about-brand-card {
    position: relative;
    max-width: 470px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.24), transparent 34%),
        linear-gradient(180deg, #2b1b07 0%, #111111 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.36);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(247, 190, 57, 0.035);
}

.ph080-about-brand-card::before {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 26px;
    border: 1px solid rgba(255, 240, 168, 0.12);
    pointer-events: none;
}

.ph080-about-brand-card__top {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px;
}

.ph080-about-brand-card__top span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-about-brand-card__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #271500;
    background: linear-gradient(180deg, #fff6c8, #f7be39 54%, #bd7507);
    font-size: 13px;
    font-weight: 1000;
    box-shadow: 0 10px 20px rgba(247, 190, 57, 0.26);
}

.ph080-about-brand-card__screen {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 320px;
    padding: 28px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.18), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.28)),
        #120d04;
    border: 1px solid rgba(247, 190, 57, 0.26);
}

.ph080-about-brand-card__screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.44;
    pointer-events: none;
}

.ph080-about-logo-mark {
    position: relative;
    z-index: 1;
    display: grid;
    width: 168px;
    height: 100px;
    place-items: center;
    margin: 0 auto 26px;
    border-radius: 28px;
    color: #1c1000;
    background:
        radial-gradient(circle at 30% 20%, #ffffff, #fff0a8 24%, #f7be39 58%, #b87409 100%);
    border: 1px solid rgba(255, 240, 168, 0.56);
    box-shadow: 0 18px 28px rgba(0, 0, 0, 0.36);
    font-size: 30px;
    font-weight: 1000;
    letter-spacing: -0.05em;
}

.ph080-about-brand-card__rows {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
}

.ph080-about-brand-card__rows span,
.ph080-about-brand-card__bottom span {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 999px;
    color: #fff0c4;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(247, 190, 57, 0.22);
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: 0.03em;
    text-align: center;
}

.ph080-about-brand-card__bottom {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

@media (max-width: 1180px) {
    .ph080-about-brand-card {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-about-brand-card {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-about-brand-card__screen {
        min-height: 270px;
        padding: 22px 16px;
        border-radius: 22px;
    }

    .ph080-about-logo-mark {
        width: 138px;
        height: 82px;
        border-radius: 24px;
        font-size: 25px;
    }

    .ph080-about-brand-card__rows span {
        min-height: 36px;
        font-size: 11px;
    }

    .ph080-about-brand-card__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-about-brand-card__bottom span {
        min-height: 30px;
        font-size: 10px;
    }
}
/* =========================================================
   PH080 CONTACT PAGE VISUAL
========================================================= */

.ph080-page-showcase--contact {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.22), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(60, 200, 255, 0.2), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(228, 28, 36, 0.13), transparent 36%),
        linear-gradient(135deg, #050708 0%, #0b2130 46%, #050505 100%);
}

.ph080-contact-card {
    position: relative;
    max-width: 470px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(60, 200, 255, 0.2), transparent 34%),
        linear-gradient(180deg, #0b2534 0%, #111111 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(60, 200, 255, 0.035);
}

.ph080-contact-card::before {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 26px;
    border: 1px solid rgba(255, 240, 168, 0.12);
    pointer-events: none;
}

.ph080-contact-card__top {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px;
}

.ph080-contact-card__top span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-contact-card__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 104px;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #051621;
    background: linear-gradient(180deg, #e2f8ff, #7be1ff 54%, #2fa8df);
    font-size: 13px;
    font-weight: 1000;
    box-shadow: 0 10px 20px rgba(60, 200, 255, 0.24);
}

.ph080-contact-card__screen {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 340px;
    padding: 28px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.15), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.28)),
        #07141c;
    border: 1px solid rgba(60, 200, 255, 0.24);
}

.ph080-contact-card__screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.44;
    pointer-events: none;
}

.ph080-contact-headset {
    position: relative;
    z-index: 1;
    display: grid;
    width: 120px;
    height: 120px;
    place-items: center;
    margin: 0 auto 24px;
    border-radius: 50%;
    color: #1b1000;
    background:
        radial-gradient(circle at 30% 20%, #ffffff, #fff0a8 26%, #f7be39 58%, #b87409 100%);
    border: 1px solid rgba(255, 240, 168, 0.56);
    box-shadow: 0 18px 28px rgba(0, 0, 0, 0.36);
}

.ph080-contact-headset::before {
    content: "";
    position: absolute;
    inset: 18px 18px 34px;
    border: 8px solid rgba(27, 16, 0, 0.72);
    border-bottom: 0;
    border-radius: 58px 58px 0 0;
}

.ph080-contact-headset::after {
    content: "";
    position: absolute;
    right: 25px;
    bottom: 28px;
    width: 34px;
    height: 11px;
    border-radius: 999px;
    background: rgba(27, 16, 0, 0.72);
}

.ph080-contact-headset span {
    position: relative;
    z-index: 2;
    margin-top: 38px;
    font-size: 21px;
    font-weight: 1000;
    letter-spacing: -0.03em;
}

.ph080-contact-card__rows {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
}

.ph080-contact-card__rows a,
.ph080-contact-card__bottom span {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 999px;
    color: #e9f9ff;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(60, 200, 255, 0.24);
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: 0.03em;
    text-align: center;
    text-decoration: none;
    transition: transform 0.18s ease, filter 0.18s ease, border-color 0.18s ease;
}

.ph080-contact-card__rows a:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    border-color: rgba(247, 190, 57, 0.45);
}

.ph080-contact-card__bottom {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

@media (max-width: 1180px) {
    .ph080-contact-card {
        margin: 0 auto;
    }
}

@media (max-width: 720px) {
    .ph080-contact-card {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-contact-card__screen {
        min-height: 300px;
        padding: 22px 16px;
        border-radius: 22px;
    }

    .ph080-contact-headset {
        width: 96px;
        height: 96px;
        margin-bottom: 20px;
    }

    .ph080-contact-headset::before {
        inset: 15px 15px 28px;
        border-width: 7px;
        border-bottom: 0;
    }

    .ph080-contact-headset::after {
        right: 20px;
        bottom: 23px;
        width: 28px;
        height: 9px;
    }

    .ph080-contact-headset span {
        margin-top: 30px;
        font-size: 18px;
    }

    .ph080-contact-card__rows a {
        min-height: 38px;
        font-size: 11px;
    }

    .ph080-contact-card__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-contact-card__bottom span {
        min-height: 30px;
        font-size: 10px;
    }
}
/* =========================================================
   PH080 HEADER CLEAN VERSION
   Remove top floating bar + compact PC menu
========================================================= */

body.ph080-body {
    padding-top: 0 !important;
}

.ph080-top-floating,
.ph080-floating-top,
.ph080-top-login-register,
.ph080-fixed-top-bar,
.ph080-header-floating,
.ph080-topbar-floating,
.ph080-login-register-floating {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.ph080-site-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 1000;
    width: 100%;
    background:
        radial-gradient(circle at 12% 0%, rgba(247, 190, 57, 0.14), transparent 30%),
        linear-gradient(180deg, #111111 0%, #070707 100%);
    border-bottom: 1px solid rgba(247, 190, 57, 0.18);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.42);
}

.ph080-header-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    min-height: 78px;
}

.ph080-logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 150px;
    text-decoration: none;
}

.ph080-logo img {
    display: block;
    width: auto;
    max-width: 160px;
    height: auto;
    max-height: 58px;
}

.ph080-logo-text {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 16px;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
    font-size: 24px;
    font-weight: 1000;
    letter-spacing: -0.04em;
}

.ph080-desktop-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
}

.ph080-desktop-nav > a,
.ph080-nav-more__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 12px;
    border-radius: 999px;
    color: #f4f4f4;
    background: transparent;
    border: 1px solid transparent;
    font-size: 13px;
    line-height: 1;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color 0.18s ease,
        background 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}

.ph080-desktop-nav > a:hover,
.ph080-nav-more:hover .ph080-nav-more__button {
    color: #fff0a8;
    background: rgba(247, 190, 57, 0.08);
    border-color: rgba(247, 190, 57, 0.24);
    transform: translateY(-1px);
}

.ph080-nav-more {
    position: relative;
    display: inline-flex;
}

.ph080-nav-more__button {
    cursor: pointer;
    font-family: inherit;
}

.ph080-nav-more__button span {
    width: 0;
    height: 0;
    margin-left: 7px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
}

.ph080-nav-more__panel {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(2, minmax(128px, 1fr));
    gap: 8px;
    width: 320px;
    padding: 14px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 16% 0%, rgba(247, 190, 57, 0.18), transparent 34%),
        linear-gradient(180deg, #171717 0%, #080808 100%);
    border: 1px solid rgba(247, 190, 57, 0.22);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.62);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    pointer-events: none;
    transition:
        opacity 0.18s ease,
        visibility 0.18s ease,
        transform 0.18s ease;
}

.ph080-nav-more:hover .ph080-nav-more__panel,
.ph080-nav-more:focus-within .ph080-nav-more__panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.ph080-nav-more__panel a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    padding: 0 12px;
    border-radius: 14px;
    color: #f1f1f1;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.07);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition:
        color 0.18s ease,
        background 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}

.ph080-nav-more__panel a:hover {
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
    border-color: rgba(255, 240, 168, 0.5);
    transform: translateY(-1px);
}

.ph080-header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.ph080-language-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.ph080-language-switch a {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    opacity: 0.72;
    border: 1px solid transparent;
    transition:
        opacity 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}

.ph080-language-switch a.is-active,
.ph080-language-switch a:hover {
    opacity: 1;
    border-color: rgba(247, 190, 57, 0.52);
    transform: translateY(-1px);
}

.ph080-language-switch img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 50%;
}

.ph080-language-switch span {
    font-size: 11px;
    font-weight: 1000;
}

.ph080-header-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ph080-header-btn {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 1000;
    text-decoration: none;
    white-space: nowrap;
    transition:
        transform 0.18s ease,
        filter 0.18s ease,
        box-shadow 0.18s ease;
}

.ph080-header-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

.ph080-header-btn--login {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.075);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.ph080-header-btn--register {
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5 0%, #f7be39 52%, #b87508 100%);
    border: 1px solid rgba(255, 240, 168, 0.5);
    box-shadow: 0 10px 22px rgba(247, 190, 57, 0.22);
}

.ph080-menu-toggle {
    display: none;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    border: 1px solid rgba(247, 190, 57, 0.24);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    cursor: pointer;
}

.ph080-menu-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background: #fff0a8;
}

/* Mobile Menu */
.ph080-mobile-navigation[hidden] {
    display: none !important;
}

.ph080-mobile-navigation {
    position: fixed;
    inset: 0;
    z-index: 99999;
}

.ph080-mobile-navigation__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.68);
    backdrop-filter: blur(8px);
}

.ph080-mobile-navigation__panel {
    position: absolute;
    top: 0;
    right: 0;
    width: min(88vw, 380px);
    height: 100%;
    padding: 18px;
    overflow-y: auto;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.16), transparent 36%),
        linear-gradient(180deg, #151515 0%, #060606 100%);
    border-left: 1px solid rgba(247, 190, 57, 0.18);
    box-shadow: -22px 0 70px rgba(0, 0, 0, 0.62);
}

.ph080-mobile-navigation__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.ph080-mobile-navigation__top strong {
    color: #fff0a8;
    font-size: 22px;
    font-weight: 1000;
    letter-spacing: -0.04em;
}

.ph080-mobile-navigation__top button {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 14px;
    color: #fff0a8;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(247, 190, 57, 0.2);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.ph080-mobile-navigation__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.ph080-mobile-navigation__actions a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5 0%, #f7be39 52%, #b87508 100%);
    font-size: 14px;
    font-weight: 1000;
    text-decoration: none;
}

.ph080-mobile-navigation__actions a:first-child {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.075);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.ph080-mobile-navigation__links {
    display: grid;
    gap: 8px;
}

.ph080-mobile-navigation__links a {
    display: flex;
    min-height: 44px;
    align-items: center;
    padding: 0 14px;
    border-radius: 14px;
    color: #f4f4f4;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.075);
    font-size: 14px;
    font-weight: 850;
    text-decoration: none;
}

.ph080-mobile-navigation__links a:hover {
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
}

.ph080-mobile-navigation__language {
    display: flex;
    gap: 10px;
    padding-top: 16px;
}

.ph080-mobile-navigation__language a {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    text-decoration: none;
    overflow: hidden;
}

.ph080-mobile-navigation__language a.is-active {
    border-color: rgba(247, 190, 57, 0.55);
}

.ph080-mobile-navigation__language img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

@media (max-width: 1180px) {
    .ph080-header-inner {
        gap: 14px;
    }

    .ph080-desktop-nav > a,
    .ph080-nav-more__button {
        padding: 0 9px;
        font-size: 12px;
    }

    .ph080-header-btn {
        padding: 0 12px;
    }
}

@media (max-width: 1024px) {
    .ph080-desktop-nav {
        display: none;
    }

    .ph080-header-inner {
        grid-template-columns: auto 1fr;
    }

    .ph080-header-right {
        grid-column: 2;
    }

    .ph080-header-actions {
        display: none;
    }

    .ph080-menu-toggle {
        display: inline-flex;
    }
}

@media (max-width: 720px) {
    .ph080-header-inner {
        min-height: 68px;
        gap: 10px;
    }

    .ph080-logo {
        min-width: 116px;
    }

    .ph080-logo img {
        max-width: 128px;
        max-height: 48px;
    }

    .ph080-language-switch {
        gap: 3px;
        padding: 3px;
    }

    .ph080-language-switch a {
        width: 30px;
        height: 30px;
    }

    .ph080-language-switch img {
        width: 24px;
        height: 24px;
    }

    .ph080-menu-toggle {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }
}
/* =========================================================
   PH080 CUSTOM 404 PAGE
========================================================= */

.ph080-404-page {
    background: #050505;
}

.ph080-404-hero {
    position: relative;
    overflow: hidden;
    padding: 86px 0 64px;
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.24), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(228, 28, 36, 0.18), transparent 30%),
        radial-gradient(circle at 68% 92%, rgba(60, 160, 255, 0.12), transparent 36%),
        linear-gradient(135deg, #090909 0%, #241006 46%, #050505 100%);
}

.ph080-404-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.38;
    pointer-events: none;
}

.ph080-404-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: 42px;
    align-items: center;
}

.ph080-404-kicker {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 0 13px;
    margin-bottom: 18px;
    border-radius: 999px;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: 0.08em;
    box-shadow: 0 12px 26px rgba(247, 190, 57, 0.22);
}

.ph080-404-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(44px, 7vw, 92px);
    line-height: 0.95;
    font-weight: 1000;
    letter-spacing: -0.06em;
}

.ph080-404-title span {
    display: block;
    margin-top: 12px;
    color: #fff0a8;
    font-size: clamp(22px, 3.2vw, 42px);
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.ph080-404-desc {
    max-width: 720px;
    margin: 22px 0 0;
    color: #d7d7d7;
    font-size: 17px;
    line-height: 1.78;
    font-weight: 650;
}

.ph080-404-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.ph080-404-card {
    position: relative;
    max-width: 470px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.24), transparent 34%),
        linear-gradient(180deg, #2b1707 0%, #111111 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.36);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68),
        0 0 0 8px rgba(247, 190, 57, 0.035);
}

.ph080-404-card::before {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 26px;
    border: 1px solid rgba(255, 240, 168, 0.12);
    pointer-events: none;
}

.ph080-404-card__top {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px;
}

.ph080-404-card__top span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-404-card__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #271500;
    background: linear-gradient(180deg, #fff6c8, #f7be39 54%, #bd7507);
    font-size: 13px;
    font-weight: 1000;
    box-shadow: 0 10px 20px rgba(247, 190, 57, 0.26);
}

.ph080-404-card__screen {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 320px;
    padding: 28px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.18), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.28)),
        #120804;
    border: 1px solid rgba(247, 190, 57, 0.26);
}

.ph080-404-card__screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.44;
    pointer-events: none;
}

.ph080-404-number {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 120px;
    place-items: center;
    margin-bottom: 22px;
    border-radius: 28px;
    color: #1c1000;
    background:
        radial-gradient(circle at 30% 20%, #ffffff, #fff0a8 24%, #f7be39 58%, #b87409 100%);
    border: 1px solid rgba(255, 240, 168, 0.56);
    box-shadow: 0 18px 28px rgba(0, 0, 0, 0.36);
    font-size: clamp(54px, 8vw, 86px);
    line-height: 1;
    font-weight: 1000;
    letter-spacing: -0.08em;
}

.ph080-404-lines {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
    margin-bottom: 20px;
}

.ph080-404-lines span {
    display: block;
    height: 13px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(247, 190, 57, 0.72), rgba(228, 28, 36, 0.38), rgba(255, 255, 255, 0.08));
}

.ph080-404-lines span:nth-child(2) {
    width: 82%;
}

.ph080-404-lines span:nth-child(3) {
    width: 64%;
}

.ph080-404-status {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 9px;
}

.ph080-404-status span,
.ph080-404-card__bottom span {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 999px;
    color: #fff0c4;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(247, 190, 57, 0.22);
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-align: center;
}

.ph080-404-card__bottom {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 14px;
}

.ph080-404-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.ph080-404-links a {
    position: relative;
    overflow: hidden;
    display: flex;
    min-height: 88px;
    align-items: center;
    justify-content: center;
    padding: 18px;
    border-radius: 22px;
    color: #ffffff;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.16), transparent 36%),
        linear-gradient(180deg, #171717 0%, #0a0a0a 100%);
    border: 1px solid rgba(247, 190, 57, 0.18);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
    text-decoration: none;
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        filter 0.18s ease;
}

.ph080-404-links a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(247, 190, 57, 0.16), transparent 55%);
    opacity: 0;
    transition: opacity 0.18s ease;
}

.ph080-404-links a:hover {
    transform: translateY(-3px);
    border-color: rgba(247, 190, 57, 0.44);
    filter: brightness(1.08);
}

.ph080-404-links a:hover::before {
    opacity: 1;
}

.ph080-404-links span {
    position: relative;
    z-index: 1;
    color: #fff0a8;
    font-size: 16px;
    font-weight: 1000;
    text-align: center;
}

@media (max-width: 1180px) {
    .ph080-404-grid {
        grid-template-columns: 1fr;
    }

    .ph080-404-card {
        margin: 0 auto;
    }
}

@media (max-width: 820px) {
    .ph080-404-hero {
        padding: 58px 0 42px;
    }

    .ph080-404-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .ph080-404-title {
        font-size: 46px;
    }

    .ph080-404-title span {
        font-size: 24px;
    }

    .ph080-404-desc {
        font-size: 15px;
    }

    .ph080-404-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ph080-404-card {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-404-card__screen {
        min-height: 270px;
        padding: 22px 16px;
        border-radius: 22px;
    }

    .ph080-404-number {
        min-height: 96px;
        font-size: 58px;
    }

    .ph080-404-card__bottom {
        grid-template-columns: 1fr;
    }

    .ph080-404-status span,
    .ph080-404-card__bottom span {
        min-height: 30px;
        font-size: 10px;
    }

    .ph080-404-links {
        grid-template-columns: 1fr;
    }

    .ph080-404-links a {
        min-height: 68px;
    }
}
/* =========================================================
   PH080 FOOTER FINAL
========================================================= */

.ph080-site-footer--final {
    position: relative;
    overflow: hidden;
    padding: 72px 0 24px;
    background:
        radial-gradient(circle at 12% 0%, rgba(247, 190, 57, 0.14), transparent 32%),
        radial-gradient(circle at 88% 10%, rgba(228, 28, 36, 0.12), transparent 30%),
        linear-gradient(180deg, #0b0b0b 0%, #050505 100%);
    border-top: 1px solid rgba(247, 190, 57, 0.18);
}

.ph080-footer-glow {
    position: absolute;
    inset: auto 0 0;
    height: 220px;
    background:
        radial-gradient(circle at 50% 100%, rgba(247, 190, 57, 0.16), transparent 60%);
    pointer-events: none;
}

.ph080-footer-main {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(260px, 1.25fr) minmax(130px, 0.65fr) minmax(150px, 0.75fr) minmax(130px, 0.65fr) minmax(240px, 1fr);
    gap: 28px;
    align-items: start;
}

.ph080-footer-brand {
    min-width: 0;
}

.ph080-footer-logo {
    display: inline-flex;
    align-items: center;
    margin-bottom: 18px;
    text-decoration: none;
}

.ph080-footer-logo img {
    display: block;
    width: auto;
    max-width: 172px;
    max-height: 62px;
}

.ph080-footer-logo span {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    padding: 0 18px;
    border-radius: 18px;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
    font-size: 28px;
    font-weight: 1000;
    letter-spacing: -0.05em;
}

.ph080-footer-brand p,
.ph080-footer-access p,
.ph080-footer-notice p,
.ph080-footer-bottom p {
    margin: 0;
    color: #cfcfcf;
    font-size: 14px;
    line-height: 1.72;
    font-weight: 600;
}

.ph080-footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.ph080-footer-social a {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 16px;
    color: #fff0a8;
    background:
        radial-gradient(circle at 30% 20%, rgba(247, 190, 57, 0.16), transparent 48%),
        rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(247, 190, 57, 0.2);
    text-decoration: none;
    font-size: 11px;
    font-weight: 1000;
    transition:
        transform 0.18s ease,
        filter 0.18s ease,
        border-color 0.18s ease;
}

.ph080-footer-social a:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    border-color: rgba(247, 190, 57, 0.48);
}

.ph080-footer-social img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.ph080-footer-col h2,
.ph080-footer-access h2 {
    position: relative;
    margin: 0 0 15px;
    color: #fff0a8;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 1000;
    letter-spacing: 0.03em;
}

.ph080-footer-col h2::after,
.ph080-footer-access h2::after {
    content: "";
    display: block;
    width: 36px;
    height: 3px;
    margin-top: 9px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f7be39, rgba(247, 190, 57, 0));
}

.ph080-footer-col nav {
    display: grid;
    gap: 10px;
}

.ph080-footer-col nav a,
.ph080-footer-bottom__links a {
    color: #d8d8d8;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    text-decoration: none;
    transition:
        color 0.18s ease,
        transform 0.18s ease;
}

.ph080-footer-col nav a:hover,
.ph080-footer-bottom__links a:hover {
    color: #fff0a8;
    transform: translateX(2px);
}

.ph080-footer-access {
    padding: 18px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.16), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(247, 190, 57, 0.18);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26);
}

.ph080-footer-access__buttons {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.ph080-footer-btn {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 1000;
    text-align: center;
    text-decoration: none;
    transition:
        transform 0.18s ease,
        filter 0.18s ease,
        box-shadow 0.18s ease;
}

.ph080-footer-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

.ph080-footer-btn--dark {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.075);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.ph080-footer-btn--gold {
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5 0%, #f7be39 52%, #b87508 100%);
    border: 1px solid rgba(255, 240, 168, 0.48);
    box-shadow: 0 10px 22px rgba(247, 190, 57, 0.22);
}

.ph080-footer-btn--red {
    color: #ffffff;
    background: linear-gradient(180deg, #ff5a5a 0%, #d82020 52%, #8b0808 100%);
    border: 1px solid rgba(255, 120, 120, 0.36);
    box-shadow: 0 10px 22px rgba(228, 28, 36, 0.22);
}

.ph080-footer-notice {
    position: relative;
    z-index: 1;
    margin-top: 34px;
    padding: 18px 20px;
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(247, 190, 57, 0.085), rgba(255, 255, 255, 0.035));
    border: 1px solid rgba(247, 190, 57, 0.18);
}

.ph080-footer-notice p {
    color: #d6d6d6;
    font-size: 13px;
}

.ph080-footer-bottom {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.075);
}

.ph080-footer-bottom p {
    color: #9e9e9e;
    font-size: 13px;
}

.ph080-footer-bottom__links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ph080-footer-bottom__links a {
    color: #bdbdbd;
    font-size: 13px;
}

/* Floating Contact */
.ph080-floating-contact {
    position: fixed;
    right: 18px;
    bottom: 22px;
    z-index: 9998;
    display: grid;
    gap: 10px;
}

.ph080-floating-contact a,
.ph080-floating-contact button {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 18px;
    color: #fff0a8;
    background:
        radial-gradient(circle at 30% 20%, rgba(247, 190, 57, 0.22), transparent 48%),
        linear-gradient(180deg, #181818, #070707);
    border: 1px solid rgba(247, 190, 57, 0.28);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.38);
    text-decoration: none;
    font-size: 10px;
    font-weight: 1000;
    cursor: pointer;
    transition:
        transform 0.18s ease,
        filter 0.18s ease,
        border-color 0.18s ease;
}

.ph080-floating-contact a:hover,
.ph080-floating-contact button:hover {
    transform: translateY(-3px);
    filter: brightness(1.1);
    border-color: rgba(247, 190, 57, 0.55);
}

.ph080-floating-contact img {
    display: block;
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.ph080-floating-top-btn {
    font-family: inherit;
}

@media (max-width: 1180px) {
    .ph080-footer-main {
        grid-template-columns: 1.2fr 1fr 1fr;
    }

    .ph080-footer-access {
        grid-column: span 3;
    }
}

@media (max-width: 820px) {
    .ph080-site-footer--final {
        padding: 48px 0 22px;
    }

    .ph080-footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 22px;
    }

    .ph080-footer-brand,
    .ph080-footer-access {
        grid-column: span 2;
    }

    .ph080-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .ph080-floating-contact {
        right: 12px;
        bottom: 14px;
        gap: 8px;
    }

    .ph080-floating-contact a,
    .ph080-floating-contact button {
        width: 46px;
        height: 46px;
        border-radius: 16px;
    }

    .ph080-floating-contact img {
        width: 31px;
        height: 31px;
    }
}

@media (max-width: 560px) {
    .ph080-footer-main {
        grid-template-columns: 1fr;
    }

    .ph080-footer-brand,
    .ph080-footer-access {
        grid-column: auto;
    }

    .ph080-footer-brand p,
    .ph080-footer-access p {
        font-size: 13px;
    }

    .ph080-footer-col {
        padding: 16px;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.035);
        border: 1px solid rgba(255, 255, 255, 0.065);
    }

    .ph080-footer-col nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px 12px;
    }

    .ph080-footer-col nav a {
        font-size: 13px;
    }

    .ph080-footer-social a {
        width: 42px;
        height: 42px;
    }

    .ph080-footer-bottom__links {
        gap: 11px;
    }

    .ph080-floating-contact {
        right: 10px;
        bottom: 10px;
    }

    .ph080-floating-contact a,
    .ph080-floating-contact button {
        width: 42px;
        height: 42px;
        border-radius: 14px;
    }

    .ph080-floating-contact img {
        width: 28px;
        height: 28px;
    }
}
/* =========================================================
   PH080 ARCHIVE / SEARCH / SINGLE FINAL
========================================================= */

.ph080-archive-page,
.ph080-search-page,
.ph080-single-page {
    background: #050505;
}

.ph080-list-hero,
.ph080-single-hero {
    position: relative;
    overflow: hidden;
    padding: 76px 0 58px;
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.22), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(228, 28, 36, 0.15), transparent 30%),
        linear-gradient(135deg, #090909 0%, #241006 46%, #050505 100%);
}

.ph080-list-hero--search {
    background:
        radial-gradient(circle at 14% 12%, rgba(247, 190, 57, 0.2), transparent 32%),
        radial-gradient(circle at 82% 16%, rgba(60, 160, 255, 0.17), transparent 30%),
        linear-gradient(135deg, #050709 0%, #0b1d2d 46%, #050505 100%);
}

.ph080-list-hero::before,
.ph080-single-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.36;
    pointer-events: none;
}

.ph080-list-hero__inner,
.ph080-single-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
    gap: 40px;
    align-items: center;
}

.ph080-list-hero__kicker,
.ph080-single-hero__kicker {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 0 13px;
    margin-bottom: 18px;
    border-radius: 999px;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: 0.08em;
    box-shadow: 0 12px 26px rgba(247, 190, 57, 0.22);
}

.ph080-list-hero__title,
.ph080-single-hero__title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(38px, 5.6vw, 72px);
    line-height: 1;
    font-weight: 1000;
    letter-spacing: -0.06em;
}

.ph080-list-hero__desc,
.ph080-single-hero__desc {
    max-width: 720px;
    margin: 20px 0 0;
    color: #d7d7d7;
    font-size: 16px;
    line-height: 1.78;
    font-weight: 650;
}

.ph080-list-hero__actions,
.ph080-single-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.ph080-list-card-visual {
    position: relative;
    max-width: 440px;
    margin-left: auto;
    padding: 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.22), transparent 34%),
        linear-gradient(180deg, #2b1707 0%, #111111 52%, #050505 100%);
    border: 1px solid rgba(247, 190, 57, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 30px 82px rgba(0, 0, 0, 0.68);
}

.ph080-list-card-visual__top {
    display: flex;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 14px;
}

.ph080-list-card-visual__top span {
    color: #fff0a8;
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 0.08em;
}

.ph080-list-card-visual__top strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 6px 13px;
    border-radius: 999px;
    color: #271500;
    background: linear-gradient(180deg, #fff6c8, #f7be39 54%, #bd7507);
    font-size: 12px;
    font-weight: 1000;
}

.ph080-list-card-visual__body {
    min-height: 250px;
    padding: 24px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.16), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.28)),
        #120804;
    border: 1px solid rgba(247, 190, 57, 0.24);
}

.ph080-list-card-visual__mark {
    display: grid;
    min-height: 94px;
    place-items: center;
    margin-bottom: 22px;
    border-radius: 24px;
    color: #1c1000;
    background:
        radial-gradient(circle at 30% 20%, #ffffff, #fff0a8 24%, #f7be39 58%, #b87409 100%);
    font-size: 34px;
    font-weight: 1000;
    letter-spacing: -0.05em;
}

.ph080-list-card-visual__rows {
    display: grid;
    gap: 10px;
}

.ph080-list-card-visual__rows span {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fff0c4;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(247, 190, 57, 0.2);
    font-size: 12px;
    font-weight: 900;
}

/* Search Form */
.ph080-search-form {
    display: flex;
    gap: 10px;
    max-width: 620px;
    margin-top: 28px;
    padding: 8px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid rgba(247, 190, 57, 0.22);
}

.ph080-search-form input {
    flex: 1;
    min-width: 0;
    min-height: 46px;
    padding: 0 18px;
    border: 0;
    outline: 0;
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.07);
    font-size: 15px;
    font-weight: 700;
}

.ph080-search-form input::placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.ph080-search-form button {
    min-height: 46px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
    font-size: 14px;
    font-weight: 1000;
    cursor: pointer;
}

/* Post Grid */
.ph080-post-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ph080-post-card {
    overflow: hidden;
    border-radius: 26px;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.12), transparent 34%),
        linear-gradient(180deg, #171717, #080808);
    border: 1px solid rgba(247, 190, 57, 0.16);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32);
}

.ph080-post-card__image {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #111111;
}

.ph080-post-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.28s ease, filter 0.28s ease;
}

.ph080-post-card:hover .ph080-post-card__image img {
    transform: scale(1.04);
    filter: brightness(1.08);
}

.ph080-post-card__placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: #1d1000;
    background: linear-gradient(135deg, #fff2b5, #f7be39 54%, #b87508);
    font-size: 36px;
    font-weight: 1000;
}

.ph080-post-card__body {
    padding: 20px;
}

.ph080-post-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.ph080-post-card__meta span {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    color: #fff0a8;
    background: rgba(247, 190, 57, 0.09);
    border: 1px solid rgba(247, 190, 57, 0.16);
    font-size: 11px;
    font-weight: 850;
}

.ph080-post-card h2 {
    margin: 0;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 1000;
}

.ph080-post-card h2 a {
    color: #ffffff;
    text-decoration: none;
}

.ph080-post-card h2 a:hover {
    color: #fff0a8;
}

.ph080-post-card p {
    margin: 12px 0 0;
    color: #cfcfcf;
    font-size: 14px;
    line-height: 1.68;
    font-weight: 600;
}

.ph080-post-card__read {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    margin-top: 16px;
    padding: 0 14px;
    border-radius: 999px;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
    font-size: 13px;
    font-weight: 1000;
    text-decoration: none;
}

.ph080-pagination {
    margin-top: 34px;
}

.ph080-pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.ph080-pagination .page-numbers {
    display: inline-flex;
    min-width: 42px;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 14px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.ph080-pagination .page-numbers.current,
.ph080-pagination .page-numbers:hover {
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
    border-color: rgba(255, 240, 168, 0.48);
}

.ph080-empty-state {
    max-width: 760px;
    margin: 0 auto;
    padding: 36px;
    border-radius: 28px;
    text-align: center;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.14), transparent 36%),
        linear-gradient(180deg, #171717, #080808);
    border: 1px solid rgba(247, 190, 57, 0.18);
}

.ph080-empty-state h1,
.ph080-empty-state h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 1000;
    letter-spacing: -0.04em;
}

.ph080-empty-state p {
    margin: 14px 0 22px;
    color: #cfcfcf;
    font-size: 15px;
    line-height: 1.7;
}

.ph080-archive-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.ph080-archive-links a {
    display: flex;
    min-height: 76px;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 22px;
    color: #fff0a8;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.16), transparent 36%),
        linear-gradient(180deg, #171717, #080808);
    border: 1px solid rgba(247, 190, 57, 0.18);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26);
    font-size: 15px;
    font-weight: 1000;
    text-align: center;
    text-decoration: none;
}

.ph080-archive-links a:hover {
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
}

/* Single */
.ph080-single-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.ph080-single-hero__meta span {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    color: #fff0a8;
    background: rgba(247, 190, 57, 0.09);
    border: 1px solid rgba(247, 190, 57, 0.18);
    font-size: 12px;
    font-weight: 850;
}

.ph080-single-hero__image {
    overflow: hidden;
    border-radius: 30px;
    background: #111111;
    border: 1px solid rgba(247, 190, 57, 0.22);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.46);
}

.ph080-single-hero__image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.ph080-single-hero__placeholder {
    display: grid;
    min-height: 330px;
    place-items: center;
    color: #1d1000;
    background: linear-gradient(135deg, #fff2b5, #f7be39 54%, #b87508);
    font-size: 58px;
    font-weight: 1000;
    letter-spacing: -0.06em;
}

.ph080-single-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 28px;
    align-items: start;
}

.ph080-single-content,
.ph080-single-panel {
    min-width: 0;
}

.ph080-single-body {
    padding: 30px;
    border-radius: 28px;
    color: #dddddd;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.1), transparent 34%),
        linear-gradient(180deg, #171717, #080808);
    border: 1px solid rgba(247, 190, 57, 0.16);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}

.ph080-single-body h2,
.ph080-single-body h3,
.ph080-single-body h4 {
    color: #ffffff;
    font-weight: 1000;
    letter-spacing: -0.03em;
}

.ph080-single-body h2 {
    margin: 32px 0 14px;
    font-size: clamp(26px, 3vw, 36px);
}

.ph080-single-body h3 {
    margin: 26px 0 12px;
    font-size: 24px;
}

.ph080-single-body p,
.ph080-single-body li {
    color: #d4d4d4;
    font-size: 16px;
    line-height: 1.82;
    font-weight: 600;
}

.ph080-single-body a {
    color: #fff0a8;
    font-weight: 900;
}

.ph080-single-body img {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
}

.ph080-single-body blockquote {
    margin: 24px 0;
    padding: 20px;
    border-radius: 20px;
    color: #fff0c4;
    background: rgba(247, 190, 57, 0.08);
    border: 1px solid rgba(247, 190, 57, 0.18);
}

.ph080-single-body table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 18px;
}

.ph080-single-body th,
.ph080-single-body td {
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.ph080-single-sidebar {
    display: grid;
    gap: 18px;
    position: sticky;
    top: 18px;
}

.ph080-single-panel {
    padding: 20px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.12), transparent 34%),
        linear-gradient(180deg, #171717, #080808);
    border: 1px solid rgba(247, 190, 57, 0.16);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

.ph080-single-panel h2 {
    margin: 0 0 12px;
    color: #fff0a8;
    font-size: 18px;
    font-weight: 1000;
}

.ph080-single-panel p {
    margin: 0 0 14px;
    color: #cfcfcf;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 600;
}

.ph080-single-panel--access {
    display: grid;
    gap: 10px;
}

.ph080-single-panel--access p {
    margin-bottom: 4px;
}

.ph080-single-link-list {
    display: grid;
    gap: 9px;
}

.ph080-single-link-list a {
    display: flex;
    min-height: 40px;
    align-items: center;
    padding: 0 12px;
    border-radius: 14px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.075);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

.ph080-single-link-list a:hover {
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
}

.ph080-single-panel--notice {
    border-color: rgba(228, 28, 36, 0.24);
    background:
        radial-gradient(circle at 18% 0%, rgba(228, 28, 36, 0.13), transparent 34%),
        linear-gradient(180deg, #171717, #080808);
}

.ph080-single-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.ph080-single-nav__item a {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    border-radius: 18px;
    color: #fff0a8;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(247, 190, 57, 0.16);
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
}

.ph080-single-nav__item a:hover {
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
}

.ph080-post-pages {
    margin-top: 24px;
}

/* Responsive */
@media (max-width: 1180px) {
    .ph080-list-hero__inner,
    .ph080-single-hero__inner {
        grid-template-columns: 1fr;
    }

    .ph080-list-card-visual {
        margin: 0 auto;
    }

    .ph080-single-layout {
        grid-template-columns: 1fr;
    }

    .ph080-single-sidebar {
        position: static;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 920px) {
    .ph080-post-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ph080-single-sidebar {
        grid-template-columns: 1fr;
    }

    .ph080-archive-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .ph080-list-hero,
    .ph080-single-hero {
        padding: 50px 0 38px;
    }

    .ph080-list-hero__title,
    .ph080-single-hero__title {
        font-size: 38px;
    }

    .ph080-search-form {
        display: grid;
        border-radius: 22px;
    }

    .ph080-search-form input,
    .ph080-search-form button {
        width: 100%;
    }

    .ph080-post-grid {
        grid-template-columns: 1fr;
    }

    .ph080-post-card__body {
        padding: 18px;
    }

    .ph080-archive-links {
        grid-template-columns: 1fr;
    }

    .ph080-list-card-visual {
        max-width: 100%;
        padding: 15px;
        border-radius: 26px;
    }

    .ph080-list-card-visual__body {
        min-height: 220px;
        padding: 20px 16px;
        border-radius: 22px;
    }

    .ph080-single-body {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .ph080-single-body p,
    .ph080-single-body li {
        font-size: 15px;
    }

    .ph080-single-nav {
        grid-template-columns: 1fr;
    }

    .ph080-single-hero__placeholder {
        min-height: 220px;
        font-size: 42px;
    }
}
/* =========================================================
   PH080 FOOTER CLEAN FINAL
========================================================= */

.ph080-footer-clean {
    position: relative;
    overflow: hidden;
    padding: 70px 0 24px;
    background:
        radial-gradient(circle at 12% 0%, rgba(247, 190, 57, 0.14), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(228, 28, 36, 0.12), transparent 32%),
        linear-gradient(180deg, #0b0b0b 0%, #050505 100%);
    border-top: 1px solid rgba(247, 190, 57, 0.18);
}

.ph080-footer-clean__glow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -120px;
    height: 260px;
    background: radial-gradient(circle at 50% 100%, rgba(247, 190, 57, 0.18), transparent 62%);
    pointer-events: none;
}

.ph080-footer-clean__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(260px, 1.2fr) minmax(130px, 0.7fr) minmax(150px, 0.75fr) minmax(130px, 0.65fr) minmax(230px, 0.95fr);
    gap: 28px;
    align-items: start;
}

.ph080-footer-clean__logo {
    display: inline-flex;
    align-items: center;
    margin-bottom: 18px;
    text-decoration: none;
}

.ph080-footer-clean__logo img {
    display: block;
    width: auto;
    max-width: 172px;
    max-height: 62px;
}

.ph080-footer-clean__logo span {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    padding: 0 18px;
    border-radius: 18px;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
    font-size: 28px;
    font-weight: 1000;
    letter-spacing: -0.05em;
}

.ph080-footer-clean__brand p,
.ph080-footer-clean__access p,
.ph080-footer-clean__notice p,
.ph080-footer-clean__bottom p {
    margin: 0;
    color: #cfcfcf;
    font-size: 14px;
    line-height: 1.72;
    font-weight: 600;
}

.ph080-footer-clean__social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.ph080-footer-clean__social a {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 16px;
    background:
        radial-gradient(circle at 30% 20%, rgba(247, 190, 57, 0.16), transparent 48%),
        rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(247, 190, 57, 0.2);
    text-decoration: none;
    transition:
        transform 0.18s ease,
        filter 0.18s ease,
        border-color 0.18s ease;
}

.ph080-footer-clean__social a:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    border-color: rgba(247, 190, 57, 0.48);
}

.ph080-footer-clean__social img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.ph080-footer-clean__col h2,
.ph080-footer-clean__access h2 {
    margin: 0 0 15px;
    color: #fff0a8;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 1000;
    letter-spacing: 0.03em;
}

.ph080-footer-clean__col h2::after,
.ph080-footer-clean__access h2::after {
    content: "";
    display: block;
    width: 36px;
    height: 3px;
    margin-top: 9px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f7be39, rgba(247, 190, 57, 0));
}

.ph080-footer-clean__col nav {
    display: grid;
    gap: 10px;
}

.ph080-footer-clean__col nav a,
.ph080-footer-clean__bottom a {
    color: #d8d8d8;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    text-decoration: none;
    transition:
        color 0.18s ease,
        transform 0.18s ease;
}

.ph080-footer-clean__col nav a:hover,
.ph080-footer-clean__bottom a:hover {
    color: #fff0a8;
    transform: translateX(2px);
}

.ph080-footer-clean__access {
    padding: 18px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.16), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(247, 190, 57, 0.18);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26);
}

.ph080-footer-clean__main {
    display: inline-flex;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    padding: 0 16px;
    border-radius: 999px;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5 0%, #f7be39 52%, #b87508 100%);
    border: 1px solid rgba(255, 240, 168, 0.48);
    box-shadow: 0 10px 22px rgba(247, 190, 57, 0.22);
    font-size: 14px;
    font-weight: 1000;
    text-decoration: none;
    transition:
        transform 0.18s ease,
        filter 0.18s ease;
}

.ph080-footer-clean__main:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

.ph080-footer-clean__notice {
    position: relative;
    z-index: 1;
    margin-top: 34px;
    padding: 18px 20px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(247, 190, 57, 0.085), rgba(255, 255, 255, 0.035));
    border: 1px solid rgba(247, 190, 57, 0.18);
}

.ph080-footer-clean__notice p {
    color: #d6d6d6;
    font-size: 13px;
}

.ph080-footer-clean__bottom {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.075);
}

.ph080-footer-clean__bottom p {
    color: #9e9e9e;
    font-size: 13px;
}

.ph080-footer-clean__bottom div {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ph080-footer-clean__bottom a {
    color: #bdbdbd;
    font-size: 13px;
}

/* Hide old floating groups if old CSS exists */
.ph080-floating-contact {
    display: none !important;
}

/* New Floating Buttons */
.ph080-floating-clean {
    position: fixed;
    right: 14px;
    bottom: 18px;
    z-index: 999999;
    display: grid;
    gap: 8px;
    pointer-events: auto;
}

.ph080-floating-clean a,
.ph080-floating-clean button {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    padding: 0;
    border-radius: 16px;
    color: #fff0a8;
    background:
        radial-gradient(circle at 30% 20%, rgba(247, 190, 57, 0.22), transparent 48%),
        linear-gradient(180deg, #181818, #070707);
    border: 1px solid rgba(247, 190, 57, 0.28);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.38);
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    pointer-events: auto;
    transition:
        transform 0.18s ease,
        filter 0.18s ease,
        border-color 0.18s ease;
}

.ph080-floating-clean a:hover,
.ph080-floating-clean button:hover {
    transform: translateY(-3px);
    filter: brightness(1.1);
    border-color: rgba(247, 190, 57, 0.55);
}

.ph080-floating-clean img {
    display: block;
    width: 34px;
    height: 34px;
    object-fit: contain;
    pointer-events: none;
}

.ph080-floating-clean__top span {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5 0%, #f7be39 52%, #b87508 100%);
    font-size: 26px;
    line-height: 1;
    font-weight: 1000;
    pointer-events: none;
}

@media (max-width: 1180px) {
    .ph080-footer-clean__grid {
        grid-template-columns: 1.2fr 1fr 1fr;
    }

    .ph080-footer-clean__access {
        grid-column: span 3;
    }
}

@media (max-width: 820px) {
    .ph080-footer-clean {
        padding: 48px 0 22px;
    }

    .ph080-footer-clean__grid {
        grid-template-columns: 1fr 1fr;
        gap: 22px;
    }

    .ph080-footer-clean__brand,
    .ph080-footer-clean__access {
        grid-column: span 2;
    }

    .ph080-footer-clean__bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .ph080-floating-clean {
        right: 10px;
        bottom: 12px;
    }

    .ph080-floating-clean a,
    .ph080-floating-clean button {
        width: 44px;
        height: 44px;
        border-radius: 15px;
    }

    .ph080-floating-clean img {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 560px) {
    .ph080-footer-clean__grid {
        grid-template-columns: 1fr;
    }

    .ph080-footer-clean__brand,
    .ph080-footer-clean__access {
        grid-column: auto;
    }

    .ph080-footer-clean__brand p,
    .ph080-footer-clean__access p {
        font-size: 13px;
    }

    .ph080-footer-clean__col {
        padding: 16px;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.035);
        border: 1px solid rgba(255, 255, 255, 0.065);
    }

    .ph080-footer-clean__col nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px 12px;
    }

    .ph080-footer-clean__col nav a {
        font-size: 13px;
    }

    .ph080-floating-clean {
        right: 8px;
        bottom: 8px;
        gap: 7px;
    }

    .ph080-floating-clean a,
    .ph080-floating-clean button {
        width: 42px;
        height: 42px;
        border-radius: 14px;
    }

    .ph080-floating-clean img {
        width: 28px;
        height: 28px;
    }
}
/* =========================================================
   PH080 FLOATING SOCIAL TEXT FALLBACK
========================================================= */

.ph080-floating-clean span {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5 0%, #f7be39 52%, #b87508 100%);
    font-size: 13px;
    line-height: 1;
    font-weight: 1000;
    pointer-events: none;
}

.ph080-floating-clean__top span {
    font-size: 26px;
}
/* =========================================================
   PH080 HEADER CLEAN NO LOGIN / REGISTER
========================================================= */

.ph080-top-floating,
.ph080-floating-top,
.ph080-top-login-register,
.ph080-fixed-top-bar,
.ph080-header-floating,
.ph080-topbar-floating,
.ph080-login-register-floating,
.ph080-header-actions,
.ph080-header-buttons,
.ph080-mobile-navigation__actions {
    display: none !important;
}

body.ph080-body {
    padding-top: 0 !important;
}

.ph080-header-clean {
    position: relative;
    z-index: 1000;
    width: 100%;
    background:
        radial-gradient(circle at 12% 0%, rgba(247, 190, 57, 0.14), transparent 30%),
        linear-gradient(180deg, #111111 0%, #070707 100%);
    border-bottom: 1px solid rgba(247, 190, 57, 0.18);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.42);
}

.ph080-header-clean__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    min-height: 78px;
}

.ph080-header-clean__logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 150px;
    text-decoration: none;
}

.ph080-header-clean__logo img {
    display: block;
    width: auto;
    max-width: 160px;
    height: auto;
    max-height: 58px;
}

.ph080-header-clean__logo span {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    padding: 0 16px;
    border-radius: 16px;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
    font-size: 24px;
    font-weight: 1000;
    letter-spacing: -0.04em;
}

.ph080-header-clean__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
}

.ph080-header-clean__nav > a,
.ph080-header-clean__more-btn {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border-radius: 999px;
    color: #f4f4f4;
    background: transparent;
    border: 1px solid transparent;
    font-size: 13px;
    line-height: 1;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color 0.18s ease,
        background 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}

.ph080-header-clean__nav > a:hover,
.ph080-header-clean__more.is-open .ph080-header-clean__more-btn,
.ph080-header-clean__more:hover .ph080-header-clean__more-btn {
    color: #fff0a8;
    background: rgba(247, 190, 57, 0.08);
    border-color: rgba(247, 190, 57, 0.24);
    transform: translateY(-1px);
}

.ph080-header-clean__more {
    position: relative;
    display: inline-flex;
}

.ph080-header-clean__more-btn {
    cursor: pointer;
    font-family: inherit;
}

.ph080-header-clean__more-btn span {
    width: 0;
    height: 0;
    margin-left: 7px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
}

.ph080-header-clean__more-panel {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    z-index: 9999;
    display: grid;
    grid-template-columns: repeat(2, minmax(128px, 1fr));
    gap: 8px;
    width: 320px;
    padding: 14px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 16% 0%, rgba(247, 190, 57, 0.18), transparent 34%),
        linear-gradient(180deg, #171717 0%, #080808 100%);
    border: 1px solid rgba(247, 190, 57, 0.22);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.62);
}

.ph080-header-clean__more-panel[hidden] {
    display: none !important;
}

.ph080-header-clean__more-panel a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    padding: 0 12px;
    border-radius: 14px;
    color: #f1f1f1;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.07);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

.ph080-header-clean__more-panel a:hover {
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
}

.ph080-header-clean__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.ph080-header-clean__lang {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.ph080-header-clean__lang a {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    opacity: 0.72;
    border: 1px solid transparent;
}

.ph080-header-clean__lang a.is-active,
.ph080-header-clean__lang a:hover {
    opacity: 1;
    border-color: rgba(247, 190, 57, 0.52);
}

.ph080-header-clean__lang img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 50%;
}

.ph080-header-clean__lang span {
    font-size: 11px;
    font-weight: 1000;
}

/* PC 端强制不显示汉堡按钮 */
.ph080-mobile-menu-btn,
.ph080-menu-toggle {
    display: none !important;
}

/* H5 才显示汉堡按钮 */
@media (max-width: 1024px) {
    .ph080-header-clean__nav {
        display: none;
    }

    .ph080-header-clean__inner {
        grid-template-columns: auto 1fr;
        gap: 12px;
    }

    .ph080-header-clean__right {
        grid-column: 2;
    }

    .ph080-mobile-menu-btn {
        display: inline-flex !important;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        border: 1px solid rgba(247, 190, 57, 0.24);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.06);
        cursor: pointer;
    }

    .ph080-mobile-menu-btn span {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 999px;
        background: #fff0a8;
    }
}

/* Mobile Menu */
.ph080-mobile-navigation[hidden] {
    display: none !important;
}

.ph080-mobile-navigation {
    position: fixed;
    inset: 0;
    z-index: 99999;
}

.ph080-mobile-navigation__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.68);
    backdrop-filter: blur(8px);
}

.ph080-mobile-navigation__panel {
    position: absolute;
    top: 0;
    right: 0;
    width: min(88vw, 380px);
    height: 100%;
    padding: 18px;
    overflow-y: auto;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.16), transparent 36%),
        linear-gradient(180deg, #151515 0%, #060606 100%);
    border-left: 1px solid rgba(247, 190, 57, 0.18);
    box-shadow: -22px 0 70px rgba(0, 0, 0, 0.62);
}

.ph080-mobile-navigation__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.ph080-mobile-navigation__top strong {
    color: #fff0a8;
    font-size: 22px;
    font-weight: 1000;
    letter-spacing: -0.04em;
}

.ph080-mobile-navigation__top button {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 14px;
    color: #fff0a8;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(247, 190, 57, 0.2);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.ph080-mobile-navigation__links {
    display: grid;
    gap: 8px;
}

.ph080-mobile-navigation__links a {
    display: flex;
    min-height: 44px;
    align-items: center;
    padding: 0 14px;
    border-radius: 14px;
    color: #f4f4f4;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.075);
    font-size: 14px;
    font-weight: 850;
    text-decoration: none;
}

.ph080-mobile-navigation__links a:hover {
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
}

.ph080-mobile-navigation__language {
    display: flex;
    gap: 10px;
    padding-top: 16px;
}

.ph080-mobile-navigation__language a {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    text-decoration: none;
    overflow: hidden;
}

.ph080-mobile-navigation__language a.is-active {
    border-color: rgba(247, 190, 57, 0.55);
}

.ph080-mobile-navigation__language img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

@media (max-width: 1180px) {
    .ph080-header-clean__inner {
        gap: 14px;
    }

    .ph080-header-clean__nav > a,
    .ph080-header-clean__more-btn {
        padding: 0 8px;
        font-size: 12px;
    }
}

@media (max-width: 720px) {
    .ph080-header-clean__inner {
        min-height: 68px;
        gap: 10px;
    }

    .ph080-header-clean__logo {
        min-width: 116px;
    }

    .ph080-header-clean__logo img {
        max-width: 128px;
        max-height: 48px;
    }

    .ph080-header-clean__lang {
        gap: 3px;
        padding: 3px;
    }

    .ph080-header-clean__lang a {
        width: 30px;
        height: 30px;
    }

    .ph080-header-clean__lang img {
        width: 24px;
        height: 24px;
    }

    .ph080-mobile-menu-btn {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }
}
/* =========================================================
   PH080 MOBILE MENU CLICK FIX
========================================================= */

html.ph080-menu-open,
body.ph080-menu-open {
    overflow: hidden !important;
}

.ph080-mobile-navigation {
    pointer-events: auto !important;
}

.ph080-mobile-navigation__backdrop {
    cursor: pointer;
    pointer-events: auto !important;
}

.ph080-mobile-navigation__panel {
    pointer-events: auto !important;
    z-index: 2;
}

.ph080-mobile-navigation__top button {
    position: relative;
    z-index: 5;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.ph080-mobile-navigation__links a {
    pointer-events: auto !important;
}

.ph080-mobile-navigation__language a {
    pointer-events: auto !important;
}
/* =========================================================
   PH080 HEADER FINAL WITH ICONS
========================================================= */

.ph080-top-floating,
.ph080-floating-top,
.ph080-top-login-register,
.ph080-fixed-top-bar,
.ph080-header-floating,
.ph080-topbar-floating,
.ph080-login-register-floating,
.ph080-header-actions,
.ph080-header-buttons,
.ph080-mobile-navigation__actions {
    display: none !important;
}

body.ph080-body {
    padding-top: 0 !important;
}

.ph080-header-clean {
    position: relative;
    z-index: 1000;
    width: 100%;
    background:
        radial-gradient(circle at 12% 0%, rgba(247, 190, 57, 0.14), transparent 30%),
        linear-gradient(180deg, #111111 0%, #070707 100%);
    border-bottom: 1px solid rgba(247, 190, 57, 0.18);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.42);
}

.ph080-header-clean__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    min-height: 78px;
}

.ph080-header-clean__logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 145px;
    text-decoration: none;
}

.ph080-header-clean__logo img {
    display: block;
    width: auto;
    max-width: 156px;
    height: auto;
    max-height: 58px;
}

.ph080-header-clean__logo span {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    padding: 0 16px;
    border-radius: 16px;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
    font-size: 24px;
    font-weight: 1000;
    letter-spacing: -0.04em;
}

.ph080-header-clean__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0;
}

.ph080-header-clean__nav > a,
.ph080-header-clean__more-btn {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 9px;
    border-radius: 999px;
    color: #f4f4f4;
    background: transparent;
    border: 1px solid transparent;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color 0.18s ease,
        background 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}

.ph080-header-clean__nav > a:hover,
.ph080-header-clean__more.is-open .ph080-header-clean__more-btn,
.ph080-header-clean__more:hover .ph080-header-clean__more-btn {
    color: #fff0a8;
    background: rgba(247, 190, 57, 0.08);
    border-color: rgba(247, 190, 57, 0.24);
    transform: translateY(-1px);
}

.ph080-header-clean__nav > a img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    flex: 0 0 auto;
}

.ph080-header-clean__nav > a span {
    display: inline-flex;
    align-items: center;
}

.ph080-header-clean__more {
    position: relative;
    display: inline-flex;
}

.ph080-header-clean__more-btn {
    cursor: pointer;
    font-family: inherit;
}

.ph080-header-clean__more-arrow {
    width: 0;
    height: 0;
    margin-left: 3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
}

.ph080-header-clean__more-panel {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    z-index: 9999;
    display: grid;
    grid-template-columns: repeat(2, minmax(132px, 1fr));
    gap: 8px;
    width: 326px;
    padding: 14px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 16% 0%, rgba(247, 190, 57, 0.18), transparent 34%),
        linear-gradient(180deg, #171717 0%, #080808 100%);
    border: 1px solid rgba(247, 190, 57, 0.22);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.62);
}

.ph080-header-clean__more-panel[hidden] {
    display: none !important;
}

.ph080-header-clean__more-panel a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border-radius: 14px;
    color: #f1f1f1;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.07);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

.ph080-header-clean__more-panel a:hover {
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508);
}

.ph080-header-clean__more-panel a img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    flex: 0 0 auto;
}

.ph080-header-clean__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.ph080-header-clean__lang {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.ph080-header-clean__lang a {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    opacity: 0.72;
    border: 1px solid transparent;
}

.ph080-header-clean__lang a.is-active,
.ph080-header-clean__lang a:hover {
    opacity: 1;
    border-color: rgba(247, 190, 57, 0.52);
}

.ph080-header-clean__lang img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 50%;
}

.ph080-header-clean__lang span {
    font-size: 11px;
    font-weight: 1000;
}

.ph080-mobile-menu-btn,
.ph080-menu-toggle {
    display: none !important;
}

/* H5 */
@media (max-width: 1024px) {
    .ph080-header-clean__nav {
        display: none;
    }

    .ph080-header-clean__inner {
        grid-template-columns: auto 1fr;
        gap: 12px;
    }

    .ph080-header-clean__right {
        grid-column: 2;
    }

    .ph080-mobile-menu-btn {
        display: inline-flex !important;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        border: 1px solid rgba(247, 190, 57, 0.24);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.06);
        cursor: pointer;
    }

    .ph080-mobile-menu-btn span {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 999px;
        background: #fff0a8;
    }
}

/* Mobile Menu */
html.ph080-menu-open,
body.ph080-menu-open {
    overflow: hidden !important;
}

.ph080-mobile-navigation {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999999 !important;
    width: 100vw !important;
    height: 100vh !important;
    pointer-events: none !important;
}

.ph080-mobile-navigation[hidden] {
    display: none !important;
}

.ph080-mobile-navigation.is-open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.ph080-mobile-navigation__backdrop {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    background: rgba(0, 0, 0, 0.72) !important;
    backdrop-filter: blur(8px);
    cursor: pointer !important;
    pointer-events: auto !important;
}

.ph080-mobile-navigation__panel {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 2 !important;
    display: block !important;
    width: min(88vw, 380px) !important;
    height: 100vh !important;
    padding: 18px !important;
    overflow-y: auto !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.16), transparent 36%),
        linear-gradient(180deg, #151515 0%, #060606 100%) !important;
    border-left: 1px solid rgba(247, 190, 57, 0.18) !important;
    box-shadow: -22px 0 70px rgba(0, 0, 0, 0.62) !important;
    pointer-events: auto !important;
}

.ph080-mobile-navigation__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 16px !important;
}

.ph080-mobile-navigation__top strong {
    color: #fff0a8 !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
}

.ph080-mobile-navigation__top button {
    display: grid !important;
    width: 42px !important;
    height: 42px !important;
    place-items: center !important;
    border-radius: 14px !important;
    color: #fff0a8 !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(247, 190, 57, 0.2) !important;
    font-size: 28px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.ph080-mobile-navigation__links {
    display: grid !important;
    gap: 8px !important;
}

.ph080-mobile-navigation__links a {
    display: flex !important;
    min-height: 46px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    color: #f4f4f4 !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    pointer-events: auto !important;
}

.ph080-mobile-navigation__links a img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    flex: 0 0 auto !important;
}

.ph080-mobile-navigation__links a:hover {
    color: #1d1000 !important;
    background: linear-gradient(180deg, #fff2b5, #f7be39 54%, #b87508) !important;
}

.ph080-mobile-navigation__language {
    display: flex !important;
    gap: 10px !important;
    padding-top: 16px !important;
}

.ph080-mobile-navigation__language a {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    place-items: center !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    text-decoration: none !important;
    overflow: hidden !important;
    pointer-events: auto !important;
}

.ph080-mobile-navigation__language a.is-active {
    border-color: rgba(247, 190, 57, 0.55) !important;
}

.ph080-mobile-navigation__language img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

@media (max-width: 1180px) {
    .ph080-header-clean__inner {
        gap: 12px;
    }

    .ph080-header-clean__nav > a,
    .ph080-header-clean__more-btn {
        padding: 0 7px;
        font-size: 11px;
    }

    .ph080-header-clean__nav > a img {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 720px) {
    .ph080-header-clean__inner {
        min-height: 68px;
        gap: 10px;
    }

    .ph080-header-clean__logo {
        min-width: 116px;
    }

    .ph080-header-clean__logo img {
        max-width: 128px;
        max-height: 48px;
    }

    .ph080-header-clean__lang {
        gap: 3px;
        padding: 3px;
    }

    .ph080-header-clean__lang a {
        width: 30px;
        height: 30px;
    }

    .ph080-header-clean__lang img {
        width: 24px;
        height: 24px;
    }

    .ph080-mobile-menu-btn {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }
}

@media (min-width: 1025px) {
    .ph080-mobile-navigation,
    .ph080-mobile-navigation.is-open {
        display: none !important;
    }
}
/* =========================================================
   PH080 HOME IMAGE FULL DISPLAY PATCH
   让首页图片完整显示，不裁切
========================================================= */

.ph080-home-image-card__image {
    aspect-ratio: 16 / 9;
    background:
        radial-gradient(circle at 50% 50%, rgba(247, 190, 57, 0.12), transparent 46%),
        linear-gradient(180deg, #111111 0%, #050505 100%) !important;
}

.ph080-home-image-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 0 !important;
    background: #050505 !important;
}

.ph080-home-image-card:hover .ph080-home-image-card__image img {
    transform: none !important;
    filter: brightness(1.05) saturate(1.04);
}

/* 首页 Hero 图也完整显示 */
.ph080-hero__background {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background:
        radial-gradient(circle at 50% 40%, rgba(247, 190, 57, 0.16), transparent 48%),
        linear-gradient(135deg, #090909 0%, #241006 46%, #050505 100%) !important;
}

/* Hero 区域避免 contain 后上下太空 */
.ph080-hero {
    background:
        radial-gradient(circle at 16% 10%, rgba(247, 190, 57, 0.22), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(228, 28, 36, 0.14), transparent 32%),
        linear-gradient(135deg, #090909 0%, #241006 46%, #050505 100%) !important;
}

/* H5 首页图片完整显示 */
@media (max-width: 620px) {
    .ph080-home-image-card__image {
        aspect-ratio: 16 / 9;
    }

    .ph080-home-image-card__image img {
        object-fit: contain !important;
    }

    .ph080-hero__background {
        object-fit: cover !important;
    }
}
/* =========================================================
   PH080 HOME IMAGE MODULE
   games-lobby.webp / rewards.webp / mobile-play.webp / security.webp
========================================================= */

.ph080-home-image-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 0%, rgba(247, 190, 57, 0.12), transparent 34%),
        radial-gradient(circle at 86% 12%, rgba(228, 28, 36, 0.10), transparent 32%),
        linear-gradient(180deg, #070707 0%, #050505 100%);
}

.ph080-home-image-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.34;
    pointer-events: none;
}

.ph080-home-image-section .ph080-container {
    position: relative;
    z-index: 1;
}

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

.ph080-home-image-card {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.15), transparent 34%),
        linear-gradient(180deg, #171717 0%, #080808 100%);
    border: 1px solid rgba(247, 190, 57, 0.20);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 18px 42px rgba(0, 0, 0, 0.34);
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        filter 0.22s ease;
}

.ph080-home-image-card:hover {
    transform: translateY(-4px);
    border-color: rgba(247, 190, 57, 0.46);
    filter: brightness(1.06);
}

.ph080-home-image-card__image {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #111111;
}

.ph080-home-image-card__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.58) 100%),
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.16), transparent 40%);
    pointer-events: none;
}

.ph080-home-image-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}

.ph080-home-image-card:hover .ph080-home-image-card__image img {
    transform: scale(1.055);
    filter: brightness(1.08) saturate(1.06);
}

.ph080-home-image-card__placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: #1d1000;
    background:
        radial-gradient(circle at 30% 20%, #ffffff, #fff0a8 24%, #f7be39 58%, #b87508 100%);
    font-size: 34px;
    font-weight: 1000;
    letter-spacing: -0.06em;
}

.ph080-home-image-card__body {
    padding: 18px;
}

.ph080-home-image-card__body h3 {
    margin: 0;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 1000;
    letter-spacing: -0.03em;
}

.ph080-home-image-card__body h3 a {
    color: #ffffff;
    text-decoration: none;
}

.ph080-home-image-card__body h3 a:hover {
    color: #fff0a8;
}

.ph080-home-image-card__body p {
    margin: 10px 0 0;
    color: #cfcfcf;
    font-size: 14px;
    line-height: 1.68;
    font-weight: 600;
}

.ph080-home-image-card__more {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    padding: 0 14px;
    border-radius: 999px;
    color: #1d1000;
    background: linear-gradient(180deg, #fff2b5 0%, #f7be39 52%, #b87508 100%);
    border: 1px solid rgba(255, 240, 168, 0.48);
    font-size: 13px;
    font-weight: 1000;
    text-decoration: none;
    box-shadow: 0 10px 22px rgba(247, 190, 57, 0.18);
}

.ph080-home-image-card__more:hover {
    filter: brightness(1.08);
}

/* Hero new image path compatibility */
.ph080-hero__background {
    object-fit: cover;
}

/* Responsive */
@media (max-width: 1180px) {
    .ph080-home-image-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
}

@media (max-width: 620px) {
    .ph080-home-image-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ph080-home-image-card {
        border-radius: 24px;
    }

    .ph080-home-image-card__body {
        padding: 16px;
    }

    .ph080-home-image-card__body h3 {
        font-size: 19px;
    }

    .ph080-home-image-card__body p {
        font-size: 13px;
    }
}
/* =========================================================
   PH080 GAME IMAGE FULL DISPLAY PATCH
   修复游戏图片显示不完整 / 被裁切
========================================================= */

.ph080-game-card__image {
    aspect-ratio: 4 / 3 !important;
    background:
        radial-gradient(circle at center, rgba(247, 190, 57, 0.12), transparent 52%),
        linear-gradient(180deg, #101010 0%, #050505 100%) !important;
}

.ph080-game-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #050505 !important;
    padding: 0 !important;
}

.ph080-game-card:hover .ph080-game-card__image img {
    transform: none !important;
    filter: brightness(1.06) saturate(1.06);
}

/* Slots 顶部机器里面的小图也完整显示 */
.ph080-slots-reel__item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 4px !important;
    background: transparent !important;
}

.ph080-slots-reel__item {
    overflow: hidden !important;
    background:
        radial-gradient(circle at center, rgba(247, 190, 57, 0.14), transparent 56%),
        linear-gradient(180deg, #111111 0%, #050505 100%) !important;
}

/* H5 也不裁切 */
@media (max-width: 620px) {
    .ph080-game-card__image {
        aspect-ratio: 4 / 3 !important;
    }

    .ph080-game-card__image img {
        object-fit: contain !important;
    }
}
body.ph080-vpn-modal-open {
    overflow: hidden;
}

.ph080-vpn-guide {
    padding: 34px 0 18px;
    background:
        radial-gradient(circle at 18% 0%, rgba(247, 190, 57, 0.14), transparent 32%),
        radial-gradient(circle at 86% 10%, rgba(223, 29, 24, 0.16), transparent 34%),
        linear-gradient(180deg, #050505 0%, #120605 100%);
}

.ph080-vpn-guide__panel {
    overflow: hidden;
    padding: 28px;
    border: 1px solid var(--ph-border-strong);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(20, 20, 20, 0.96), rgba(46, 16, 10, 0.96) 56%, rgba(8, 8, 8, 0.98));
    box-shadow: var(--ph-shadow), var(--ph-shadow-gold);
}

.ph080-vpn-guide__head {
    margin-bottom: 18px;
    text-align: center;
}

.ph080-vpn-guide__head span {
    color: var(--ph-gold-2);
    font-size: clamp(20px, 3vw, 34px);
    font-weight: 1000;
    line-height: 1.25;
}

.ph080-vpn-guide__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    max-width: 920px;
    margin: 0 auto 22px;
}

.ph080-vpn-guide__button {
    display: inline-flex;
    min-height: 64px;
    align-items: center;
    justify-content: center;
    padding: 14px 24px;
    border: 1px solid rgba(255, 239, 174, 0.78);
    border-radius: var(--ph-pill);
    color: #281500;
    background: linear-gradient(180deg, #fff7c2 0%, #ffc63d 48%, #d78308 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 15px 30px rgba(247, 190, 57, 0.22);
    font-size: clamp(16px, 2.1vw, 24px);
    font-weight: 1000;
    line-height: 1.15;
    text-align: center;
    text-transform: uppercase;
}

.ph080-vpn-guide__button--red {
    color: #fff4c2;
    background: linear-gradient(180deg, #df1d18 0%, #8d0e0a 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 15px 32px rgba(223, 29, 24, 0.24);
}

.ph080-vpn-guide__button:hover {
    color: #ffffff;
    transform: translateY(-2px);
}

.ph080-vpn-guide__text {
    max-width: 1120px;
    margin: 0 auto 24px;
    color: #fff0b6;
    font-size: clamp(18px, 2.25vw, 30px);
    font-weight: 800;
    line-height: 1.45;
    text-align: center;
}

.ph080-vpn-guide__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.ph080-vpn-guide-card {
    min-height: 210px;
    padding: 24px;
    border: 1px solid rgba(247, 190, 57, 0.38);
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(247, 190, 57, 0.18), transparent 42%),
        linear-gradient(145deg, rgba(5, 5, 5, 0.92), rgba(34, 16, 8, 0.94));
}

.ph080-vpn-guide-card h2 {
    margin-bottom: 8px;
    color: var(--ph-gold);
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 1000;
}

.ph080-vpn-guide-card p {
    max-width: 420px;
    margin-bottom: 6px;
    color: #ffffff;
    font-size: clamp(18px, 2.1vw, 26px);
    font-weight: 800;
    line-height: 1.25;
}

.ph080-vpn-guide-card span {
    color: var(--ph-text-muted);
    font-size: 16px;
    font-weight: 800;
}

.ph080-vpn-guide-card__button {
    display: inline-flex;
    min-width: 250px;
    min-height: 64px;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    margin-top: 22px;
    border: 1px solid rgba(255, 239, 174, 0.85);
    border-radius: 10px;
    color: #6a4311;
    background: linear-gradient(180deg, #fff3bf, #e4b95f);
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.28);
    font-size: 22px;
    font-weight: 850;
}

.ph080-vpn-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    padding: 22px;
}

.ph080-vpn-modal.is-open {
    display: block;
}

.ph080-vpn-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(8px);
}

.ph080-vpn-modal__dialog {
    position: relative;
    width: min(1100px, 100%);
    max-height: calc(100vh - 44px);
    margin: 0 auto;
    overflow: auto;
    border: 1px solid rgba(247, 190, 57, 0.54);
    border-radius: 22px;
    background: radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.16), transparent 34%), linear-gradient(180deg, #151515, #070707);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.72);
}

.ph080-vpn-modal__top {
    position: sticky;
    top: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px;
    border-bottom: 1px solid rgba(247, 190, 57, 0.22);
    background: rgba(12, 12, 12, 0.96);
}

.ph080-vpn-modal__top span {
    color: var(--ph-gold);
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ph080-vpn-modal__top h2 {
    margin: 4px 0 0;
    color: #ffffff;
    font-size: clamp(22px, 3vw, 34px);
}

.ph080-vpn-modal__close {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(180deg, #df1d18, #8d0e0a);
    font-size: 28px;
}

.ph080-vpn-modal__tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 18px 20px 0;
}

.ph080-vpn-modal__tabs button {
    min-height: 48px;
    border: 1px solid rgba(247, 190, 57, 0.32);
    border-radius: var(--ph-pill);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    font-weight: 1000;
}

.ph080-vpn-modal__tabs button.is-active {
    color: #261300;
    background: linear-gradient(180deg, #fff5bd, #ffc43d 52%, #d78308);
}

.ph080-vpn-modal__content {
    display: none;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    padding: 20px;
}

.ph080-vpn-modal__content.is-active {
    display: grid;
}

.ph080-vpn-step {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(247, 190, 57, 0.24);
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.32);
}

.ph080-vpn-step__image {
    width: 100%;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    background: #111111;
}

.ph080-vpn-step figcaption {
    padding: 10px;
    color: var(--ph-gold-2);
    font-size: 13px;
    font-weight: 1000;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 900px) {
    .ph080-vpn-guide__actions,
    .ph080-vpn-guide__cards {
        grid-template-columns: 1fr;
    }

    .ph080-vpn-modal__content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .ph080-vpn-guide__panel {
        padding: 18px;
        border-radius: 18px;
    }

    .ph080-vpn-guide__button {
        min-height: 54px;
        padding: 12px 16px;
        font-size: 16px;
    }

    .ph080-vpn-guide__text {
        font-size: 18px;
    }

    .ph080-vpn-guide-card {
        min-height: auto;
        padding: 18px;
    }

    .ph080-vpn-guide-card__button {
        width: 100%;
        min-width: 0;
        min-height: 54px;
        font-size: 18px;
    }

    .ph080-vpn-modal {
        padding: 10px;
    }

    .ph080-vpn-modal__dialog {
        max-height: calc(100vh - 20px);
        border-radius: 16px;
    }

    .ph080-vpn-modal__content {
        grid-template-columns: 1fr;
        padding: 14px;
    }
}
/* HOME VPN DOWNLOAD GUIDE - compact premium version */
body.ph080-vpn-modal-open {
    overflow: hidden;
}

.ph080-vpn-guide {
    padding: 24px 0 16px;
    background:
        radial-gradient(circle at 16% 0%, rgba(247, 190, 57, 0.12), transparent 30%),
        radial-gradient(circle at 88% 8%, rgba(223, 29, 24, 0.12), transparent 34%),
        linear-gradient(180deg, #050505 0%, #0b0303 100%);
}

.ph080-vpn-guide__panel {
    padding: 26px;
    border: 1px solid rgba(247, 190, 57, 0.34);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.08), transparent 35%),
        linear-gradient(135deg, rgba(10, 10, 10, 0.96), rgba(38, 9, 6, 0.94) 52%, rgba(7, 7, 7, 0.98));
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.48),
        inset 0 1px 0 rgba(255, 230, 160, 0.08);
}

.ph080-vpn-guide__head {
    margin-bottom: 14px;
    text-align: center;
}

.ph080-vpn-guide__head span {
    color: #ffe9a2;
    font-size: clamp(18px, 2vw, 26px);
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: 0;
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.55);
}

.ph080-vpn-guide__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 320px));
    justify-content: center;
    gap: 16px;
    margin: 0 auto 18px;
}

.ph080-vpn-guide__button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border: 1px solid rgba(255, 239, 174, 0.72);
    border-radius: 999px;
    color: #241200;
    background: linear-gradient(180deg, #fff0ad 0%, #ffc73f 48%, #d8890a 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.56),
        0 10px 22px rgba(247, 190, 57, 0.18);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.15;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.ph080-vpn-guide__button--red {
    color: #fff4c2;
    border-color: rgba(255, 217, 143, 0.52);
    background: linear-gradient(180deg, #e2261f 0%, #bd120d 48%, #810c08 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 10px 22px rgba(223, 29, 24, 0.2);
}

.ph080-vpn-guide__button:hover {
    color: #ffffff;
    transform: translateY(-1px);
}

.ph080-vpn-guide__text {
    max-width: 980px;
    margin: 0 auto 20px;
    color: #fff4bf;
    font-size: clamp(15px, 1.45vw, 20px);
    font-weight: 750;
    line-height: 1.55;
    text-align: center;
    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.55);
}

.ph080-vpn-guide__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ph080-vpn-guide-card {
    min-height: 160px;
    padding: 22px 24px;
    border: 1px solid rgba(247, 190, 57, 0.25);
    border-radius: 15px;
    background:
        radial-gradient(circle at 92% 0%, rgba(247, 190, 57, 0.13), transparent 38%),
        linear-gradient(145deg, rgba(5, 5, 5, 0.94), rgba(39, 20, 7, 0.9));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 12px 28px rgba(0, 0, 0, 0.28);
}

.ph080-vpn-guide-card h2 {
    margin: 0 0 8px;
    color: #ffc83d;
    font-size: clamp(20px, 1.9vw, 26px);
    font-weight: 950;
    line-height: 1.15;
}

.ph080-vpn-guide-card p {
    max-width: 430px;
    margin: 0 0 8px;
    color: #ffffff;
    font-size: clamp(15px, 1.45vw, 19px);
    font-weight: 800;
    line-height: 1.35;
}

.ph080-vpn-guide-card span {
    display: block;
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 750;
}

.ph080-vpn-guide-card__button {
    display: inline-flex;
    min-width: 190px;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 9px 20px;
    margin-top: 18px;
    border: 1px solid rgba(255, 239, 174, 0.78);
    border-radius: 9px;
    color: #6a3d07;
    background: linear-gradient(180deg, #fff1b6, #e4b85b);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 10px 20px rgba(0, 0, 0, 0.22);
    font-size: 16px;
    font-weight: 850;
}

.ph080-vpn-guide-card__button:hover {
    color: #261300;
    transform: translateY(-1px);
}

/* VPN modal */
.ph080-vpn-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    padding: 18px;
}

.ph080-vpn-modal.is-open {
    display: block;
}

.ph080-vpn-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(8px);
}

.ph080-vpn-modal__dialog {
    position: relative;
    width: min(1040px, 100%);
    max-height: calc(100vh - 36px);
    margin: 0 auto;
    overflow: auto;
    border: 1px solid rgba(247, 190, 57, 0.46);
    border-radius: 18px;
    background:
        radial-gradient(circle at 20% 0%, rgba(247, 190, 57, 0.14), transparent 34%),
        linear-gradient(180deg, #151515, #070707);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.72);
}

.ph080-vpn-modal__top {
    position: sticky;
    top: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(247, 190, 57, 0.2);
    background: rgba(12, 12, 12, 0.96);
}

.ph080-vpn-modal__top span {
    color: #ffc83d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ph080-vpn-modal__top h2 {
    margin: 3px 0 0;
    color: #ffffff;
    font-size: clamp(19px, 2vw, 26px);
}

.ph080-vpn-modal__close {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(180deg, #df1d18, #8d0e0a);
    font-size: 24px;
    line-height: 1;
}

.ph080-vpn-modal__tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 15px 18px 0;
}

.ph080-vpn-modal__tabs button {
    min-height: 42px;
    border: 1px solid rgba(247, 190, 57, 0.28);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    font-size: 13px;
    font-weight: 900;
}

.ph080-vpn-modal__tabs button.is-active {
    color: #261300;
    background: linear-gradient(180deg, #fff2b5, #ffc43d 52%, #d78308);
}

.ph080-vpn-modal__content {
    display: none;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
}

.ph080-vpn-modal__content.is-active {
    display: grid;
}

.ph080-vpn-step {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(247, 190, 57, 0.22);
    border-radius: 13px;
    background: rgba(0, 0, 0, 0.32);
}

.ph080-vpn-step__image {
    width: 100%;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    background: #111111;
}

.ph080-vpn-step figcaption {
    padding: 8px;
    color: #ffe9a2;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 900px) {
    .ph080-vpn-guide__actions,
    .ph080-vpn-guide__cards {
        grid-template-columns: 1fr;
    }

    .ph080-vpn-guide__actions {
        max-width: 420px;
    }

    .ph080-vpn-modal__content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .ph080-vpn-guide {
        padding: 18px 0 12px;
    }

    .ph080-vpn-guide__panel {
        padding: 16px;
        border-radius: 15px;
    }

    .ph080-vpn-guide__head span {
        font-size: 18px;
    }

    .ph080-vpn-guide__button {
        min-height: 44px;
        padding: 9px 15px;
        font-size: 13px;
    }

    .ph080-vpn-guide__text {
        margin-bottom: 16px;
        font-size: 14px;
    }

    .ph080-vpn-guide-card {
        min-height: auto;
        padding: 17px;
    }

    .ph080-vpn-guide-card h2 {
        font-size: 19px;
    }

    .ph080-vpn-guide-card p {
        font-size: 15px;
    }

    .ph080-vpn-guide-card__button {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        font-size: 15px;
    }

    .ph080-vpn-modal {
        padding: 10px;
    }

    .ph080-vpn-modal__dialog {
        max-height: calc(100vh - 20px);
        border-radius: 15px;
    }

    .ph080-vpn-modal__content {
        grid-template-columns: 1fr;
        padding: 14px;
    }
}
/* VPN tutorial popup - black gold red version */
body.ph080-vpn-modal-open {
    overflow: hidden;
}

.ph080-vpn-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    padding: 18px;
}

.ph080-vpn-modal.is-open {
    display: block;
}

.ph080-vpn-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.78);
    backdrop-filter: blur(8px);
}

.ph080-vpn-modal__dialog {
    position: relative;
    width: min(980px, 100%);
    max-height: calc(100vh - 36px);
    margin: 0 auto;
    overflow: auto;
    border: 1px solid rgba(247, 190, 57, 0.42);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.15), transparent 34%),
        radial-gradient(circle at 86% 12%, rgba(223, 29, 24, 0.16), transparent 34%),
        linear-gradient(180deg, #17110a 0%, #100605 52%, #050505 100%);
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.72),
        inset 0 1px 0 rgba(255, 236, 164, 0.08);
}

.ph080-vpn-modal__top {
    position: sticky;
    top: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(247, 190, 57, 0.24);
    background:
        linear-gradient(90deg, rgba(25, 9, 5, 0.98), rgba(9, 9, 9, 0.98), rgba(58, 30, 6, 0.98));
}

.ph080-vpn-modal__top span {
    color: #ffc83d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ph080-vpn-modal__top h2 {
    margin: 3px 0 0;
    color: #ffffff;
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.2;
}

.ph080-vpn-modal__close {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 226, 150, 0.28);
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(180deg, #df1d18, #8d0e0a);
    font-size: 24px;
    line-height: 1;
}

.ph080-vpn-tutorial-board {
    padding: 16px;
}

.ph080-vpn-device + .ph080-vpn-device {
    margin-top: 18px;
}

.ph080-vpn-device__title {
    display: flex;
    width: min(280px, 80%);
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 auto 14px;
    border: 1px solid rgba(255, 229, 154, 0.55);
    border-radius: 0 0 22px 22px;
    color: #261300;
    background:
        linear-gradient(180deg, #fff4b9 0%, #ffc43d 50%, #d78308 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 8px 22px rgba(247, 190, 57, 0.16);
}

.ph080-vpn-device__icon {
    font-size: 22px;
    line-height: 1;
}

.ph080-vpn-device__title strong {
    font-size: 26px;
    font-weight: 1000;
    line-height: 1;
}

.ph080-vpn-step-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(247, 190, 57, 0.18);
    border-radius: 16px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.08), transparent 42%),
        linear-gradient(145deg, rgba(5, 5, 5, 0.72), rgba(48, 16, 8, 0.52));
    box-shadow: inset 0 0 0 1px rgba(255, 230, 160, 0.06);
}

.ph080-vpn-step-card {
    margin: 0;
    text-align: center;
}

.ph080-vpn-step-card > span {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    border: 1px solid rgba(255, 241, 184, 0.72);
    border-radius: 999px;
    color: #261300;
    background:
        linear-gradient(180deg, #fff5bd 0%, #ffc43d 48%, #d78308 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        0 8px 16px rgba(247, 190, 57, 0.16);
    font-size: 18px;
    font-style: italic;
    font-weight: 1000;
    line-height: 1;
}

.ph080-vpn-step-card__image {
    width: 100%;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    overflow: hidden;
    border: 2px solid rgba(255, 224, 151, 0.82);
    border-radius: 18px;
    background: #111111;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.35);
}

.ph080-vpn-step-card figcaption {
    min-height: 48px;
    margin-top: 10px;
    color: #ffe9a2;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.25;
}

@media (max-width: 820px) {
    .ph080-vpn-step-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .ph080-vpn-modal {
        padding: 8px;
    }

    .ph080-vpn-modal__dialog {
        max-height: calc(100vh - 16px);
        border-radius: 14px;
    }

    .ph080-vpn-modal__top {
        padding: 12px 14px;
    }

    .ph080-vpn-tutorial-board {
        padding: 10px;
    }

    .ph080-vpn-device + .ph080-vpn-device {
        margin-top: 14px;
    }

    .ph080-vpn-device__title {
        min-height: 42px;
        margin-bottom: 10px;
    }

    .ph080-vpn-device__title strong {
        font-size: 22px;
    }

    .ph080-vpn-step-grid {
        gap: 10px;
        padding: 10px;
    }

    .ph080-vpn-step-card > span {
        min-height: 32px;
        margin-bottom: 8px;
        font-size: 15px;
    }

    .ph080-vpn-step-card__image {
        border-radius: 14px;
    }

    .ph080-vpn-step-card figcaption {
        min-height: auto;
        font-size: 12px;
    }
}
/* VPN tutorial popup - black gold red version */
body.ph080-vpn-modal-open {
    overflow: hidden;
}

.ph080-vpn-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    padding: 18px;
}

.ph080-vpn-modal.is-open {
    display: block;
}

.ph080-vpn-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.78);
    backdrop-filter: blur(8px);
}

.ph080-vpn-modal__dialog {
    position: relative;
    width: min(980px, 100%);
    max-height: calc(100vh - 36px);
    margin: 0 auto;
    overflow: auto;
    border: 1px solid rgba(247, 190, 57, 0.42);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.15), transparent 34%),
        radial-gradient(circle at 86% 12%, rgba(223, 29, 24, 0.16), transparent 34%),
        linear-gradient(180deg, #17110a 0%, #100605 52%, #050505 100%);
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.72),
        inset 0 1px 0 rgba(255, 236, 164, 0.08);
}

.ph080-vpn-modal__top {
    position: sticky;
    top: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(247, 190, 57, 0.24);
    background:
        linear-gradient(90deg, rgba(25, 9, 5, 0.98), rgba(9, 9, 9, 0.98), rgba(58, 30, 6, 0.98));
}

.ph080-vpn-modal__top span {
    color: #ffc83d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ph080-vpn-modal__top h2 {
    margin: 3px 0 0;
    color: #ffffff;
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.2;
}

.ph080-vpn-modal__close {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 226, 150, 0.28);
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(180deg, #df1d18, #8d0e0a);
    font-size: 24px;
    line-height: 1;
}

.ph080-vpn-tutorial-board {
    padding: 16px;
}

.ph080-vpn-device + .ph080-vpn-device {
    margin-top: 18px;
}

.ph080-vpn-device__title {
    display: flex;
    width: min(280px, 80%);
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 auto 14px;
    border: 1px solid rgba(255, 229, 154, 0.55);
    border-radius: 0 0 22px 22px;
    color: #261300;
    background:
        linear-gradient(180deg, #fff4b9 0%, #ffc43d 50%, #d78308 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 8px 22px rgba(247, 190, 57, 0.16);
}

.ph080-vpn-device__icon {
    font-size: 22px;
    line-height: 1;
}

.ph080-vpn-device__title strong {
    font-size: 26px;
    font-weight: 1000;
    line-height: 1;
}

.ph080-vpn-step-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(247, 190, 57, 0.18);
    border-radius: 16px;
    background:
        radial-gradient(circle at 50% 0%, rgba(247, 190, 57, 0.08), transparent 42%),
        linear-gradient(145deg, rgba(5, 5, 5, 0.72), rgba(48, 16, 8, 0.52));
    box-shadow: inset 0 0 0 1px rgba(255, 230, 160, 0.06);
}

.ph080-vpn-step-card {
    margin: 0;
    text-align: center;
}

.ph080-vpn-step-card > span {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    border: 1px solid rgba(255, 241, 184, 0.72);
    border-radius: 999px;
    color: #261300;
    background:
        linear-gradient(180deg, #fff5bd 0%, #ffc43d 48%, #d78308 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        0 8px 16px rgba(247, 190, 57, 0.16);
    font-size: 18px;
    font-style: italic;
    font-weight: 1000;
    line-height: 1;
}

.ph080-vpn-step-card__image {
    width: 100%;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    overflow: hidden;
    border: 2px solid rgba(255, 224, 151, 0.82);
    border-radius: 18px;
    background: #111111;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.35);
}

.ph080-vpn-step-card figcaption {
    min-height: 48px;
    margin-top: 10px;
    color: #ffe9a2;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.25;
}

@media (max-width: 820px) {
    .ph080-vpn-step-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .ph080-vpn-modal {
        padding: 8px;
    }

    .ph080-vpn-modal__dialog {
        max-height: calc(100vh - 16px);
        border-radius: 14px;
    }

    .ph080-vpn-modal__top {
        padding: 12px 14px;
    }

    .ph080-vpn-tutorial-board {
        padding: 10px;
    }

    .ph080-vpn-device + .ph080-vpn-device {
        margin-top: 14px;
    }

    .ph080-vpn-device__title {
        min-height: 42px;
        margin-bottom: 10px;
    }

    .ph080-vpn-device__title strong {
        font-size: 22px;
    }

    .ph080-vpn-step-grid {
        gap: 10px;
        padding: 10px;
    }

    .ph080-vpn-step-card > span {
        min-height: 32px;
        margin-bottom: 8px;
        font-size: 15px;
    }

    .ph080-vpn-step-card__image {
        border-radius: 14px;
    }

    .ph080-vpn-step-card figcaption {
        min-height: auto;
        font-size: 12px;
    }
}