/* === RESET & BASE === */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
    --bg-primary: #1a1710;
    --bg-secondary: #1f1c15;
    --bg-card: #1e1b14;
    --bg-card-hover: #262317;
    --bg-dark: #141210;
    --accent-gold: #d4a530;
    --accent-gold-light: #e8be4a;
    --accent-gold-dark: #b8922a;
    --accent-orange: #e07b3c;
    --text-white: #f0ece4;
    --text-gray: #9a9488;
    --text-muted: #6b665e;
    --border: rgba(255,255,255,0.07);
    --border-card: rgba(255,255,255,0.09);
    --radius: 14px;
    --radius-sm: 10px;
    --shadow-card: 0 4px 24px rgba(0,0,0,0.25);
    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
html { scroll-behavior: smooth; }
body {
    font-family: 'Inter', sans-serif;
    background: var(--bg-primary);
    color: var(--text-white);
    overflow-x: hidden;
    line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; color: inherit; }

/* === KEYFRAMES === */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}
@keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 20px rgba(212,165,48,0.15); }
    50% { box-shadow: 0 0 40px rgba(212,165,48,0.3); }
}
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* === HEADER === */
.header {
    position: sticky; top: 0; z-index: 99;
    background: rgba(20, 18, 14, 0.92);
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
    padding: 0 32px;
}
.header__container {
    max-width: 1280px; margin: 0 auto;
    display: flex; align-items: center; justify-content: space-between;
    height: 68px;
}
.header__logo {
    display: flex; align-items: center; gap: 10px;
}
.header__logo-icon {
    width: 36px; height: 36px;
}
.header__logo-icon svg {
    width: 100%; height: 100%;
}
.header__logo-text {
    font-size: 1.2rem; font-weight: 700; letter-spacing: 1.5px;
    text-transform: uppercase;
}
.header__logo-accent { color: var(--accent-gold); }
.header__nav { display: flex; gap: 4px; }
.header__nav-link {
    padding: 8px 18px; font-size: 0.88rem; font-weight: 500;
    color: var(--text-gray); border-radius: 8px; transition: var(--transition);
    position: relative;
}
.header__nav-link:hover,
.header__nav-link--active {
    color: var(--text-white);
    background: rgba(255,255,255,0.05);
}
.header__nav-link--active::after {
    content: '';
    position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);
    width: 20px; height: 2px;
    background: var(--accent-gold);
    border-radius: 2px;
}
.header__actions { display: flex; align-items: center; gap: 12px; }
.header__discord-btn {
    display: flex; align-items: center; gap: 8px;
    padding: 9px 20px; border-radius: 8px; font-size: 0.85rem; font-weight: 600;
    background: #5865f2; color: white; transition: var(--transition);
}
.header__discord-btn:hover { background: #4752c4; transform: translateY(-1px); }
.header__menu-btn { display: none; flex-direction: column; gap: 5px; padding: 8px; }
.header__menu-btn span {
    width: 22px; height: 2px; background: var(--text-white);
    border-radius: 2px; transition: 0.3s;
}

/* === MOBILE MENU === */
.mobile-menu {
    position: fixed; inset: 0; z-index: 200;
    opacity: 0; visibility: hidden; transition: 0.3s;
}
.mobile-menu--open { opacity: 1; visibility: visible; }
.mobile-menu__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.7); }
.mobile-menu__content {
    position: absolute; right: 0; top: 0; bottom: 0; width: 300px;
    background: var(--bg-card); padding: 80px 24px 24px;
    transform: translateX(100%); transition: 0.3s;
    display: flex; flex-direction: column; gap: 4px;
    border-left: 1px solid var(--border);
}
.mobile-menu--open .mobile-menu__content { transform: translateX(0); }
.mobile-menu__link {
    padding: 14px 18px; border-radius: 10px; font-weight: 500;
    transition: var(--transition); font-size: 0.95rem;
}
.mobile-menu__link:hover { background: rgba(255,255,255,0.05); }

/* === HERO SECTION === */
.hero {
    position: relative;
    min-height: 600px;
    display: flex; align-items: center;
    padding: 60px 32px 40px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a1710 0%, #2a2518 40%, #3a3020 70%, #2d2518 100%);
}
.hero::before {
    content: '';
    position: absolute; inset: 0;
    background: radial-gradient(ellipse at 70% 50%, rgba(212,165,48,0.06) 0%, transparent 60%);
    pointer-events: none;
}
.hero__container {
    max-width: 1280px; margin: 0 auto; width: 100%;
    display: grid; grid-template-columns: 1fr 1fr;
    align-items: center; gap: 40px;
    position: relative; z-index: 2;
}
.hero__content {
    animation: fadeInUp 0.8s ease forwards;
}
.hero__logo-mark {
    width: 80px; height: 80px; margin-bottom: 32px;
    filter: drop-shadow(0 0 20px rgba(212,165,48,0.3));
}
.hero__logo-mark svg {
    width: 100%; height: 100%;
}

.hero__logo-mark--mainicon {
    perspective: 900px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero__mainicon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    animation: rotateRightToLeft 4s linear infinite;
    filter: drop-shadow(0 0 20px rgba(212,165,48,0.35));
    transform-style: preserve-3d;
}
@keyframes rotateRightToLeft {
    from { transform: rotateY(0deg); }
    to { transform: rotateY(-360deg); }
}
.hero__title {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.18;
    padding-bottom: 8px;
    overflow: visible;
}
.hero__title-accent {
    color: #d4a530;
    display: inline-block;
    line-height: 1.18;
    padding-right: 6px;
    padding-bottom: 4px;
}
.hero__text {
    color: var(--text-gray); font-size: 1rem; line-height: 1.8;
    margin-bottom: 36px; max-width: 460px;
}
.hero__buttons {
    display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.hero__btn-primary {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 14px 32px; border-radius: 50px;
    font-size: 0.95rem; font-weight: 600;
    background: var(--accent-gold); color: #1a1710;
    transition: var(--transition);
    box-shadow: 0 4px 20px rgba(212,165,48,0.25);
}
.hero__btn-primary:hover {
    background: var(--accent-gold-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(212,165,48,0.35);
}
.hero__btn-secondary {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 13px 28px; border-radius: 50px;
    font-size: 0.95rem; font-weight: 600;
    background: transparent; color: var(--text-white);
    border: 1.5px solid var(--border-card);
    transition: var(--transition);
}
.hero__btn-secondary:hover {
    border-color: var(--accent-gold);
    color: var(--accent-gold);
    background: rgba(212,165,48,0.05);
}
.hero__image {
    display: flex; justify-content: center; align-items: center;
    position: relative;
    animation: fadeIn 1s ease 0.3s forwards;
    opacity: 0;
}
.hero__image::before {
    content: '';
    position: absolute;
    width: min(520px, 70vw);
    height: min(520px, 70vw);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212,165,48,0.18) 0%, rgba(212,165,48,0.08) 36%, transparent 70%);
    filter: blur(34px);
    animation: heroCharacterGlow 4.5s ease-in-out infinite;
    pointer-events: none;
}
.hero__image img {
    max-height: 520px; width: auto;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5));
    animation: float 6s ease-in-out infinite;
}
.hero__character {
    max-height: 660px;
    width: auto;
    object-fit: contain;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 34px 70px rgba(0,0,0,0.75));
    --hero-x: 0px;
    --hero-y: 0px;
    animation: characterFloat 6s ease-in-out infinite;
    will-change: transform;
}
@keyframes characterFloat {
    0%, 100% { transform: translate3d(var(--hero-x), var(--hero-y), 0) scale(1); }
    50% { transform: translate3d(var(--hero-x), calc(var(--hero-y) - 16px), 0) scale(1.015); }
}
@keyframes heroCharacterGlow {
    0%, 100% { opacity: .75; transform: scale(.92); }
    50% { opacity: 1; transform: scale(1.08); }
}

/* === FEATURES SECTION === */
.features {
    padding: 80px 32px;
    background: var(--bg-dark);
}
.features__container {
    max-width: 1280px; margin: 0 auto;
}
.features__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
}
.features__card {
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: var(--radius);
    padding: 32px;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}
.features__card::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212,165,48,0.2), transparent);
    opacity: 0; transition: var(--transition);
}
.features__card:hover {
    border-color: rgba(212,165,48,0.15);
    transform: translateY(-3px);
    box-shadow: var(--shadow-card);
}
.features__card:hover::before { opacity: 1; }
.features__card--wide {
    grid-column: span 2;
}
.features__icon {
    width: 48px; height: 48px;
    display: flex; align-items: center; justify-content: center;
    border-radius: var(--radius-sm);
    margin-bottom: 20px;
    font-size: 1.3rem;
}
.features__icon--gold {
    background: rgba(212,165,48,0.12);
    color: var(--accent-gold);
    border: 1px solid rgba(212,165,48,0.2);
}
.features__icon--gray {
    background: rgba(255,255,255,0.05);
    color: var(--text-gray);
    border: 1px solid var(--border);
}
.features__card-title {
    font-size: 1.15rem; font-weight: 700; margin-bottom: 10px;
}
.features__card-text {
    color: var(--text-gray); font-size: 0.9rem; line-height: 1.7;
}

/* === FEATURED ARSENAL / PRODUCT GRID === */
.arsenal {
    padding: 80px 32px;
}
.arsenal__container {
    max-width: 1280px; margin: 0 auto;
}
.arsenal__header {
    display: flex; align-items: flex-start; justify-content: space-between;
    margin-bottom: 40px;
}
.arsenal__title {
    font-size: 2.2rem; font-weight: 800; margin-bottom: 8px;
}
.arsenal__subtitle {
    color: var(--text-gray); font-size: 0.95rem;
}
.arsenal__view-all {
    padding: 10px 22px; border-radius: 8px; font-size: 0.85rem; font-weight: 600;
    border: 1px solid var(--border-card); color: var(--text-gray);
    transition: var(--transition); white-space: nowrap;
}
.arsenal__view-all:hover {
    border-color: var(--accent-gold); color: var(--accent-gold);
}
.arsenal__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* === PRODUCT CARD === */
.product-card {
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: var(--radius);
    overflow: hidden;
    transition: var(--transition);
    cursor: pointer;
    display: block;
}
.product-card:hover {
    border-color: rgba(212,165,48,0.2);
    transform: translateY(-5px);
    box-shadow: 0 16px 48px rgba(0,0,0,0.3);
}
.product-card__image {
    aspect-ratio: 1;
    overflow: hidden;
    display: flex; align-items: center; justify-content: center;
    padding: 16px;
}
.product-card__image img {
    width: 100%; height: 100%;
    object-fit: cover;
    border-radius: var(--radius-sm);
    transition: var(--transition);
}
.product-card:hover .product-card__image img {
    transform: scale(1.05);
}
.product-card__body {
    padding: 16px 20px 20px;
}
.product-card__name {
    font-weight: 600; font-size: 0.95rem;
    color: var(--accent-gold);
    text-align: center;
}

/* === CTA SECTION === */
.cta-section {
    padding: 60px 32px 80px;
    background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-dark) 100%);
}
.cta-section__container {
    max-width: 700px; margin: 0 auto;
}
.cta-section__card {
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 20px;
    padding: 60px 48px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.cta-section__card::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212,165,48,0.3), transparent);
}
.cta-section__title {
    font-size: 2rem; font-weight: 800; margin-bottom: 16px;
}
.cta-section__text {
    color: var(--text-gray); font-size: 0.95rem; line-height: 1.7;
    margin-bottom: 32px; max-width: 480px; margin-left: auto; margin-right: auto;
}
.cta-section__btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 14px 36px; border-radius: 50px;
    font-size: 0.95rem; font-weight: 700;
    background: var(--accent-gold); color: #1a1710;
    transition: var(--transition);
    box-shadow: 0 4px 20px rgba(212,165,48,0.25);
}
.cta-section__btn:hover {
    background: var(--accent-gold-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(212,165,48,0.35);
}

/* === FOOTER === */
.footer {
    padding: 60px 32px 0;
    background: var(--bg-dark);
    border-top: 1px solid var(--border);
}
.footer__container { max-width: 1280px; margin: 0 auto; }
.footer__grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 48px;
    margin-bottom: 40px;
}
.footer__brand {}
.footer__logo {
    display: flex; align-items: center; gap: 10px;
    margin-bottom: 14px;
}
.footer__logo-icon { width: 32px; height: 32px; }
.footer__logo-icon svg { width: 100%; height: 100%; }
.footer__logo-text {
    font-size: 1.1rem; font-weight: 700;
    letter-spacing: 1.5px; text-transform: uppercase;
}
.footer__brand-desc {
    color: var(--accent-gold); font-size: 0.85rem; font-style: italic;
}
.footer__col-title {
    font-weight: 700; font-size: 0.95rem; margin-bottom: 18px;
}
.footer__link {
    display: block; color: var(--text-gray); font-size: 0.88rem;
    padding: 4px 0; transition: var(--transition);
}
.footer__link:hover { color: var(--accent-gold); }
.footer__contact-item {
    display: flex; align-items: center; gap: 8px;
    color: var(--text-gray); font-size: 0.88rem; padding: 4px 0;
}
.footer__contact-item svg { flex-shrink: 0; }
.footer__socials {
    display: flex; gap: 12px; margin-top: 4px;
}
.footer__social-link {
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; background: rgba(255,255,255,0.06);
    border: 1px solid var(--border);
    color: var(--text-gray); transition: var(--transition);
}
.footer__social-link:hover {
    background: rgba(212,165,48,0.1);
    border-color: rgba(212,165,48,0.3);
    color: var(--accent-gold);
}
.footer__bottom {
    padding: 20px 0;
    border-top: 1px solid var(--border);
    display: flex; align-items: center; justify-content: space-between;
    font-size: 0.8rem; color: var(--text-muted);
}

/* === SERVER PAGE HERO === */
.page-hero {
    padding: 80px 32px 60px;
    text-align: center;
    background: linear-gradient(180deg, rgba(212,165,48,0.04) 0%, transparent 100%);
    position: relative;
}
.page-hero::after {
    content: '';
    position: absolute; bottom: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border), transparent);
}
.page-hero__container { max-width: 800px; margin: 0 auto; }
.page-hero__title {
    font-size: 2.8rem; font-weight: 800; margin-bottom: 16px;
    line-height: 1.2;
}
.page-hero__title-accent {
    color: var(--accent-orange);
}
.page-hero__text {
    color: var(--text-gray); font-size: 1rem; line-height: 1.8;
    max-width: 640px; margin: 0 auto;
}

/* === SERVER LISTING === */
.server-listing {
    padding: 60px 32px 80px;
}
.server-listing__container {
    max-width: 1280px; margin: 0 auto;
}
.server-listing__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* === SERVER INFO (for server pages) === */
.server-info {
    display: none; /* Hidden in new design, content moved to page hero */
}

/* === CHAT WIDGET === */
.chat-widget {
    position: fixed; bottom: 24px; right: 24px; z-index: 100;
    display: flex; align-items: center; gap: 8px;
    padding: 12px 22px; border-radius: 50px;
    background: var(--accent-gold); color: #1a1710;
    font-size: 0.88rem; font-weight: 600;
    box-shadow: 0 4px 24px rgba(212,165,48,0.3);
    transition: var(--transition);
}
.chat-widget:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 30px rgba(212,165,48,0.4);
}

/* === MODAL === */
.modal {
    position: fixed; inset: 0; z-index: 300;
    opacity: 0; visibility: hidden; transition: 0.3s;
    display: flex; align-items: center; justify-content: center;
}
.modal--open { opacity: 1; visibility: visible; }
.modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.75); }
.modal__content {
    position: relative; width: 420px; max-width: 90vw;
    background: var(--bg-card); border: 1px solid var(--border-card);
    border-radius: 18px; padding: 40px;
}
.modal__close {
    position: absolute; top: 14px; right: 18px;
    font-size: 1.5rem; color: var(--text-muted);
    transition: var(--transition);
}
.modal__close:hover { color: var(--text-white); }
.modal__title {
    font-size: 1.3rem; font-weight: 700; margin-bottom: 24px; text-align: center;
}
.modal__form { display: flex; flex-direction: column; gap: 14px; }
.modal__input {
    padding: 13px 18px; border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--bg-primary); color: var(--text-white);
    font-size: 0.9rem; font-family: inherit; outline: none;
    transition: var(--transition);
}
.modal__input:focus { border-color: var(--accent-gold); }
.modal__submit {
    padding: 13px; border-radius: 10px; font-weight: 600; font-size: 0.95rem;
    background: var(--accent-gold); color: #1a1710;
    transition: var(--transition); cursor: pointer; border: none;
    margin-top: 4px;
}
.modal__submit:hover { background: var(--accent-gold-light); }

/* === PRODUCT DETAIL === */
.product-detail { padding: 40px 32px 60px; }
.product-detail__container { max-width: 1280px; margin: 0 auto; }
.product-detail__breadcrumb {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 32px; font-size: 0.85rem; color: var(--text-muted);
}
.product-detail__breadcrumb a { color: var(--text-gray); transition: var(--transition); }
.product-detail__breadcrumb a:hover { color: var(--accent-gold); }
.product-detail__layout {
    display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; align-items: start;
}
.product-detail__image-wrap {
    background: var(--bg-card); border: 1px solid var(--border-card);
    border-radius: var(--radius); padding: 32px; display: flex;
    align-items: center; justify-content: center;
}
.product-detail__image-wrap img {
    max-width: 100%; max-height: 400px; border-radius: var(--radius-sm);
}
.product-detail__badge {
    display: inline-block; padding: 6px 16px; border-radius: 50px;
    font-size: 0.78rem; font-weight: 700; text-transform: uppercase;
    background: rgba(212,165,48,0.12); color: var(--accent-gold);
    border: 1px solid rgba(212,165,48,0.25); margin-bottom: 16px;
}
.product-detail__title { font-size: 2.2rem; font-weight: 800; margin-bottom: 14px; }
.product-detail__desc { color: var(--text-gray); font-size: 0.95rem; line-height: 1.7; margin-bottom: 28px; }
.product-detail__features {
    display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 32px;
}
.product-detail__feature {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 16px; border-radius: var(--radius-sm);
    background: rgba(255,255,255,0.03); border: 1px solid var(--border);
    font-size: 0.88rem; font-weight: 500;
}
.product-detail__actions { display: flex; gap: 14px; margin-bottom: 24px; flex-wrap: wrap; }
.product-detail__buy-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 14px 32px; border-radius: 50px; font-weight: 700; font-size: 0.95rem;
    background: #5865f2; color: white; transition: var(--transition);
}
.product-detail__buy-btn:hover { background: #4752c4; transform: translateY(-2px); }
.product-detail__email-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 13px 28px; border-radius: 50px; font-weight: 600; font-size: 0.95rem;
    border: 1.5px solid var(--border-card); color: var(--text-white); transition: var(--transition);
}
.product-detail__email-btn:hover { border-color: var(--accent-gold); color: var(--accent-gold); }
.product-detail__note {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 16px 20px; border-radius: var(--radius-sm);
    background: rgba(212,165,48,0.06); border: 1px solid rgba(212,165,48,0.12);
    font-size: 0.85rem; color: var(--text-gray); line-height: 1.6;
}
.product-detail__info-section { padding: 60px 32px; background: var(--bg-dark); }
.product-detail__info-container { max-width: 1280px; margin: 0 auto; }
.product-detail__info-container h2 { font-size: 1.8rem; font-weight: 800; margin-bottom: 32px; text-align: center; }
.product-detail__info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.product-detail__info-card {
    background: var(--bg-card); border: 1px solid var(--border-card);
    border-radius: var(--radius); padding: 28px; transition: var(--transition);
}
.product-detail__info-card:hover { border-color: rgba(212,165,48,0.15); transform: translateY(-3px); }
.product-detail__info-card h3 { font-size: 1.05rem; margin-bottom: 10px; }
.product-detail__info-card p { color: var(--text-gray); font-size: 0.88rem; line-height: 1.7; }

/* === BLOG LISTING === */
.blog-listing { padding: 60px 32px 80px; }
.blog-listing__container { max-width: 1280px; margin: 0 auto; }
.blog-listing__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }

/* === BLOG CARD === */
.blog-card {
    display: flex; flex-direction: column;
    background: var(--bg-card); border: 1px solid var(--border-card);
    border-radius: var(--radius); padding: 32px; transition: var(--transition);
}
.blog-card:hover {
    border-color: rgba(212,165,48,0.2); transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
}
.blog-card__meta {
    display: flex; align-items: center; gap: 12px;
    margin-bottom: 14px; font-size: 0.8rem;
}
.blog-card__date { color: var(--text-muted); }
.blog-card__author { color: var(--accent-gold); font-weight: 600; }
.blog-card__title {
    font-size: 1.15rem; font-weight: 700; line-height: 1.5;
    margin-bottom: 12px; color: var(--text-white);
}
.blog-card__excerpt {
    color: var(--text-gray); font-size: 0.88rem; line-height: 1.7;
    margin-bottom: 20px; flex-grow: 1;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.blog-card__read-more {
    color: var(--accent-gold); font-size: 0.88rem; font-weight: 600;
    transition: var(--transition);
}
.blog-card:hover .blog-card__read-more { color: var(--accent-gold-light); }

/* === BLOG POST === */
.blog-post { padding: 40px 32px 80px; }
.blog-post__container { max-width: 800px; margin: 0 auto; }
.blog-post__breadcrumb {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    margin-bottom: 32px; font-size: 0.85rem; color: var(--text-muted);
}
.blog-post__breadcrumb a { color: var(--text-gray); transition: var(--transition); }
.blog-post__breadcrumb a:hover { color: var(--accent-gold); }
.blog-post__title { font-size: 2.2rem; font-weight: 800; line-height: 1.3; margin-bottom: 16px; }
.blog-post__meta {
    display: flex; align-items: center; gap: 10px;
    font-size: 0.88rem; color: var(--text-muted); margin-bottom: 40px;
    padding-bottom: 24px; border-bottom: 1px solid var(--border);
}
.blog-post__content { line-height: 1.85; color: var(--text-gray); }
.blog-post__content h2 {
    font-size: 1.4rem; font-weight: 700; color: var(--text-white);
    margin: 36px 0 14px; padding-top: 8px;
}
.blog-post__content p { margin-bottom: 18px; font-size: 0.95rem; }
.blog-post__content ul {
    margin: 0 0 18px 20px; list-style: disc;
}
.blog-post__content li {
    margin-bottom: 8px; font-size: 0.95rem; color: var(--text-gray);
}
.blog-post__content strong { color: var(--text-white); }
.blog-post__share {
    margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--border);
    display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
    font-size: 0.9rem; color: var(--text-muted);
}
.blog-post__share-btns { display: flex; gap: 10px; }
.blog-post__share-btns button,
.blog-post__share-btns a {
    padding: 8px 16px; border-radius: 8px; font-size: 0.82rem; font-weight: 600;
    background: rgba(255,255,255,0.05); border: 1px solid var(--border);
    color: var(--text-gray); cursor: pointer; transition: var(--transition);
    font-family: inherit; text-decoration: none;
}
.blog-post__share-btns button:hover,
.blog-post__share-btns a:hover { border-color: var(--accent-gold); color: var(--accent-gold); }
.blog-post__back {
    display: inline-block; margin-top: 32px;
    color: var(--accent-gold); font-weight: 600; font-size: 0.9rem;
    transition: var(--transition);
}
.blog-post__back:hover { color: var(--accent-gold-light); }

/* === HIDE OLD SECTIONS === */
.topbar { display: none; }
.contact-banner { display: none; }
.popular-servers { display: none; }
.blog-section { display: none; }
.invite-bonus { display: none; }
.page-hero__breadcrumb { display: none; }

/* === RESPONSIVE === */
@media (max-width: 1024px) {
    .header__nav { display: none; }
    .header__menu-btn { display: flex; }
    .hero__container { grid-template-columns: 1fr; text-align: center; }
    .hero__text { margin: 0 auto 36px; }
    .hero__buttons { justify-content: center; }
    .hero__image { order: -1; }
    .hero__image img { max-height: 360px; }
    .hero__character { max-height: 430px; }
    .hero { min-height: auto; padding: 40px 24px; }
    .features__grid { grid-template-columns: 1fr 1fr; }
    .features__card--wide { grid-column: span 1; }
    .arsenal__grid { grid-template-columns: repeat(3, 1fr); }
    .server-listing__grid { grid-template-columns: repeat(3, 1fr); }
    .footer__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
    .product-detail__layout { grid-template-columns: 1fr; gap: 32px; }
    .product-detail__info-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .hero__title { font-size: 2.4rem; }
    .hero__logo-mark { width: 60px; height: 60px; margin-bottom: 24px; }
    .features__grid { grid-template-columns: 1fr; }
    .arsenal__grid { grid-template-columns: repeat(2, 1fr); }
    .server-listing__grid { grid-template-columns: repeat(2, 1fr); }
    .footer__grid { grid-template-columns: 1fr; gap: 28px; }
    .footer__bottom { flex-direction: column; gap: 8px; text-align: center; }
    .page-hero__title { font-size: 2rem; }
    .cta-section__card { padding: 40px 28px; }
    .cta-section__title { font-size: 1.6rem; }
    .blog-listing__grid { grid-template-columns: 1fr; }
    .blog-post__title { font-size: 1.7rem; }
    .product-detail__title { font-size: 1.7rem; }
    .product-detail__features { grid-template-columns: 1fr; }
    .product-detail__info-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .hero__title { font-size: 1.9rem; }
    .arsenal__grid { grid-template-columns: 1fr; }
    .server-listing__grid { grid-template-columns: 1fr; }
    .arsenal__header { flex-direction: column; gap: 16px; }
    .product-detail__actions { flex-direction: column; }
}

/* === ADMIN PANEL === */
.admin-panel { padding: 50px 32px 90px; }
.admin-panel__container { max-width: 1120px; margin: 0 auto; }
.admin-form { background: var(--bg-card); border: 1px solid var(--border-card); border-radius: var(--radius); padding: 24px; margin-bottom: 28px; }
.admin-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 18px; }
.admin-form label { color: var(--text-gray); font-size: .9rem; display: flex; flex-direction: column; gap: 8px; }
.admin-form input, .admin-form select { background: var(--bg-dark); border: 1px solid var(--border-card); color: var(--text-white); padding: 12px 14px; border-radius: 10px; font: inherit; }
.admin-preview { min-height: 170px; border: 1px dashed rgba(212,165,48,.35); border-radius: 14px; display:flex; align-items:center; justify-content:center; color: var(--text-muted); margin-bottom: 18px; overflow: hidden; background: rgba(255,255,255,.025); }
.admin-preview img { width: 100%; max-height: 260px; object-fit: cover; }
.admin-actions, .admin-tabs { display: flex; gap: 12px; flex-wrap: wrap; }
.admin-tabs { margin-bottom: 18px; }
.admin-tab { padding: 10px 22px; border-radius: 999px; background: var(--bg-card); border: 1px solid var(--border-card); color: var(--text-gray); font-weight: 700; }
.admin-tab--active { color: #1a1710; background: var(--accent-gold); border-color: var(--accent-gold); }
.admin-list { display: grid; gap: 12px; }
.admin-item { display: grid; grid-template-columns: 92px 1fr auto auto; gap: 14px; align-items:center; background: var(--bg-card); border:1px solid var(--border-card); border-radius: 14px; padding: 12px; }
.admin-item img { width: 92px; height: 64px; object-fit: cover; border-radius: 10px; }
.admin-item small { display:block; color: var(--text-muted); margin-top: 4px; }
.admin-item button { padding: 9px 14px; border-radius: 9px; background: rgba(255,255,255,.06); border: 1px solid var(--border-card); font-weight: 700; }
.product-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 700px) { .admin-form__row, .admin-item { grid-template-columns: 1fr; } .admin-item img { width:100%; height:160px; } }

/* === FLOATING MODERN ADMIN DRAWER === */
.admin-launcher {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 9px 16px; border-radius: 10px;
    font-size: .85rem; font-weight: 800;
    background: linear-gradient(135deg, rgba(212,165,48,.95), rgba(232,190,74,.95));
    color: #17130d; box-shadow: 0 10px 28px rgba(212,165,48,.18);
    transition: var(--transition); border: 1px solid rgba(255,255,255,.12);
}
.admin-launcher:hover { transform: translateY(-1px); filter: brightness(1.06); }
.admin-launcher--float {
    position: fixed; right: 24px; top: 86px; z-index: 180;
    display: none;
}
.admin-drawer { position: fixed; inset: 0; z-index: 400; opacity: 0; visibility: hidden; transition: .25s ease; }
.admin-drawer--open { opacity: 1; visibility: visible; }
.admin-drawer__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.68); backdrop-filter: blur(5px); }
.admin-drawer__panel {
    position: absolute; top: 18px; right: 18px; bottom: 18px; width: min(560px, calc(100vw - 36px));
    background: linear-gradient(180deg, rgba(31,28,21,.98), rgba(20,18,14,.98));
    border: 1px solid rgba(212,165,48,.22); border-radius: 24px;
    box-shadow: 0 30px 90px rgba(0,0,0,.6); transform: translateX(110%); transition: .32s ease;
    overflow: hidden; display: flex; flex-direction: column;
}
.admin-drawer--open .admin-drawer__panel { transform: translateX(0); }
.admin-drawer__head { padding: 22px 22px 16px; display:flex; justify-content:space-between; align-items:flex-start; gap: 18px; border-bottom: 1px solid var(--border); }
.admin-drawer__eyebrow { color: var(--accent-gold); font-weight: 800; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 6px; }
.admin-drawer__title { font-size: 1.45rem; font-weight: 900; margin: 0; }
.admin-drawer__sub { color: var(--text-gray); font-size: .88rem; margin-top: 4px; }
.admin-drawer__close { width: 40px; height: 40px; border-radius: 12px; background: rgba(255,255,255,.06); border: 1px solid var(--border-card); font-size: 1.3rem; }
.admin-drawer__body { padding: 18px 22px 22px; overflow: auto; }
.inline-admin__tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; }
.inline-admin__tab { padding: 12px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid var(--border-card); color: var(--text-gray); font-weight: 800; }
.inline-admin__tab.is-active { background: rgba(212,165,48,.15); color: var(--accent-gold); border-color: rgba(212,165,48,.35); }
.inline-admin__form { display: grid; gap: 12px; padding: 16px; border-radius: 18px; border: 1px solid var(--border-card); background: rgba(255,255,255,.035); margin-bottom: 16px; }
.inline-admin__form label { display: grid; gap: 7px; color: var(--text-gray); font-size: .86rem; font-weight: 700; }
.inline-admin__form input, .inline-admin__form select { width: 100%; background: var(--bg-dark); border: 1px solid var(--border-card); color: var(--text-white); padding: 12px 13px; border-radius: 12px; font: inherit; }
.inline-admin__preview { min-height: 150px; display: flex; align-items: center; justify-content: center; overflow:hidden; border: 1px dashed rgba(212,165,48,.3); border-radius: 16px; color: var(--text-muted); background: rgba(0,0,0,.16); }
.inline-admin__preview img { width: 100%; height: 190px; object-fit: cover; display:block; }
.inline-admin__actions { display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.inline-admin__btn { padding: 12px 14px; border-radius: 13px; font-weight: 900; background: rgba(255,255,255,.06); border: 1px solid var(--border-card); color: var(--text-white); }
.inline-admin__btn--gold { background: var(--accent-gold); color: #17130d; border-color: var(--accent-gold); }
.inline-admin__btn--danger { color: #ffb4a8; }
.inline-admin__list { display: grid; gap: 10px; }
.inline-admin__item { display:grid; grid-template-columns: 78px 1fr auto; align-items:center; gap: 12px; padding: 10px; border-radius: 16px; background: rgba(255,255,255,.035); border: 1px solid var(--border-card); }
.inline-admin__item img { width: 78px; height: 54px; border-radius: 12px; object-fit: cover; background: var(--bg-dark); }
.inline-admin__item strong { display:block; font-size: .92rem; }
.inline-admin__item small { color: var(--text-muted); }
.inline-admin__item-actions { display:flex; gap: 6px; }
.inline-admin__iconbtn { width: 36px; height: 36px; border-radius: 11px; background: rgba(255,255,255,.06); border: 1px solid var(--border-card); }
@media (max-width: 900px){ .admin-launcher { display:none; } .admin-launcher--float { display:inline-flex; } }
@media (max-width: 560px){ .admin-drawer__panel{ top:0; right:0; bottom:0; width:100%; border-radius:0; } .inline-admin__actions{ grid-template-columns: 1fr; } }
.inline-admin__btn--wide { grid-column: 1 / -1; }


/* === CUSTOM LOGO / HEADER OVERRIDE === */
.header {
    background: linear-gradient(180deg, #2f2f2f 0%, #242424 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}
.header__logo {
    display: inline-flex;
    align-items: center;
    gap: 0;
}
.header__logo-img {
    height: 46px;
    width: auto;
    object-fit: contain;
    display: block;
    transition: transform .25s ease, filter .25s ease;
}
.header__logo-img:hover {
    transform: scale(1.03);
    filter: drop-shadow(0 0 10px rgba(255,255,255,0.18));
}
@media (max-width: 768px) {
    .header__logo-img { height: 40px; }
}

/* === ADMIN PANEL V2 MODERN FIX === */
.admin-launcher {
    background: linear-gradient(135deg, #f0c94b, #b98517) !important;
    color: #16120b !important;
    box-shadow: 0 10px 28px rgba(212,165,48,.25), inset 0 1px 0 rgba(255,255,255,.35) !important;
    border: 1px solid rgba(255,224,130,.35) !important;
}
.admin-drawer__panel {
    width: min(540px, calc(100vw - 22px)) !important;
    background:
        radial-gradient(circle at 20% 0%, rgba(212,165,48,.14), transparent 34%),
        linear-gradient(180deg, rgba(35,32,26,.98), rgba(18,16,13,.98)) !important;
    border-left: 1px solid rgba(212,165,48,.20) !important;
    box-shadow: -30px 0 90px rgba(0,0,0,.65) !important;
}
.admin-drawer__head {
    padding: 26px 26px 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)) !important;
}
.admin-drawer__close:hover,
.inline-admin__iconbtn:hover,
.inline-admin__btn:hover,
.inline-admin__tab:hover {
    transform: translateY(-1px);
    border-color: rgba(212,165,48,.35) !important;
}
.inline-admin__form {
    padding: 18px !important;
    background: rgba(255,255,255,.045) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.inline-admin__form input:focus,
.inline-admin__form select:focus {
    outline: none;
    border-color: rgba(212,165,48,.65) !important;
    box-shadow: 0 0 0 4px rgba(212,165,48,.10) !important;
}
.inline-admin__upload {
    position: relative;
    display: grid;
    place-items: center;
    gap: 4px;
    min-height: 82px;
    border-radius: 16px;
    border: 1px dashed rgba(212,165,48,.35);
    background: rgba(0,0,0,.18);
    color: var(--text-white);
    overflow: hidden;
    cursor: pointer;
}
.inline-admin__upload input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
.inline-admin__upload strong { color: var(--accent-gold); font-size: .95rem; }
.inline-admin__upload small { color: var(--text-muted); font-size: .78rem; }
.inline-admin__preview {
    background:
        linear-gradient(135deg, rgba(212,165,48,.08), rgba(0,0,0,.18)),
        repeating-linear-gradient(45deg, rgba(255,255,255,.025) 0 10px, transparent 10px 20px) !important;
}
.inline-admin__preview span { color: var(--text-muted); }
.inline-admin__btn--gold {
    background: linear-gradient(135deg, #f0c94b, #d4a530) !important;
    box-shadow: 0 10px 24px rgba(212,165,48,.20) !important;
}
.inline-admin__item {
    background: rgba(255,255,255,.045) !important;
    transition: .22s ease;
}
.inline-admin__item:hover {
    transform: translateY(-1px);
    border-color: rgba(212,165,48,.22) !important;
    background: rgba(255,255,255,.065) !important;
}
.inline-admin__item img {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

/* === ADMIN PANEL SERVER ADD AREA === */
.inline-admin__toolbar {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
    margin: 0 0 12px;
}
.inline-admin__add {
    min-height: 46px;
    border-radius: 15px;
    border: 1px solid rgba(212,165,48,.35);
    background: linear-gradient(135deg, rgba(212,165,48,.22), rgba(212,165,48,.08));
    color: var(--accent-gold);
    font-weight: 900;
    letter-spacing: .01em;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    transition: .22s ease;
}
.inline-admin__add:hover { transform: translateY(-1px); border-color: rgba(212,165,48,.6); }
.inline-admin__counter {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 15px;
    color: var(--text-gray);
    background: rgba(255,255,255,.045);
    border: 1px solid var(--border-card);
    font-weight: 800;
    white-space: nowrap;
}
.inline-admin__mode {
    margin: 0 0 10px;
    padding: 10px 12px;
    border-radius: 14px;
    color: #f0d170;
    background: rgba(212,165,48,.08);
    border: 1px solid rgba(212,165,48,.16);
    font-size: .84rem;
    font-weight: 800;
}
.inline-admin__empty {
    padding: 18px;
    border-radius: 16px;
    text-align: center;
    color: var(--text-muted);
    background: rgba(255,255,255,.035);
    border: 1px dashed rgba(212,165,48,.24);
    font-weight: 700;
}
@media (max-width: 560px){
    .inline-admin__toolbar { grid-template-columns: 1fr; }
}

/* === BLOG IMAGE CARDS + BLOG ADMIN === */
.blog-card--with-image { overflow: hidden; padding: 0 !important; }
.blog-card__image { width: 100%; height: 210px; overflow: hidden; background: rgba(0,0,0,.18); border-bottom: 1px solid var(--border-card); }
.blog-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease, filter .35s ease; }
.blog-card--with-image:hover .blog-card__image img { transform: scale(1.05); filter: brightness(1.08); }
.blog-card__body { padding: 28px; }
.blog-post__cover { margin: 26px 0 34px; border-radius: 20px; overflow: hidden; border: 1px solid rgba(212,165,48,.18); box-shadow: 0 20px 60px rgba(0,0,0,.35); }
.blog-post__cover img { width: 100%; max-height: 460px; object-fit: cover; display: block; }
.inline-admin__form textarea {
    width: 100%; border: 1px solid rgba(255,255,255,.08); background: rgba(10,9,7,.78); color: var(--text-white); border-radius: 13px; padding: 13px 14px; resize: vertical; outline: none; font-family: inherit; font-weight: 600; line-height: 1.45;
}
.inline-admin__form textarea:focus { border-color: rgba(212,165,48,.45); box-shadow: 0 0 0 3px rgba(212,165,48,.10); }
.inline-admin__two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.inline-blog-admin[hidden] { display: none !important; }
@media (max-width: 640px) { .inline-admin__two-col { grid-template-columns: 1fr; } .blog-card__image { height: 170px; } }

/* === PREMIUM HERO / LOGO UPDATE === */
.header {
    background: linear-gradient(180deg, rgba(48,48,48,.96) 0%, rgba(31,31,30,.94) 100%) !important;
    border-bottom: 1px solid rgba(212,165,48,.18) !important;
    box-shadow: 0 10px 45px rgba(0,0,0,.38), inset 0 -1px 0 rgba(255,255,255,.04);
}
.header::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 0%, rgba(212,165,48,.16), transparent 28%),
        linear-gradient(90deg, rgba(255,255,255,.045), transparent 30%, rgba(255,255,255,.025));
    opacity: .75;
}
.header__container { position: relative; z-index: 2; }
.header__logo {
    padding: 6px 12px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.015));
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 0 28px rgba(212,165,48,.09);
    overflow: hidden;
    position: relative;
}
.header__logo::after {
    content: '';
    position: absolute;
    top: -80%; left: -35%;
    width: 40%; height: 260%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
    transform: rotate(22deg) translateX(-160%);
    animation: logoSweep 5.5s ease-in-out infinite;
}
.header__logo-img {
    height: 38px !important;
    width: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 0 10px rgba(255,255,255,.18));
    position: relative;
    z-index: 1;
}
.header__logo:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 34px rgba(212,165,48,.18);
}
@keyframes logoSweep {
    0%, 55% { transform: rotate(22deg) translateX(-180%); opacity: 0; }
    62% { opacity: .9; }
    78%, 100% { transform: rotate(22deg) translateX(520%); opacity: 0; }
}

.hero {
    min-height: 600px !important;
    background:
        radial-gradient(circle at 73% 49%, rgba(212,165,48,.26) 0%, rgba(212,165,48,.11) 22%, transparent 48%),
        radial-gradient(circle at 18% 35%, rgba(255,255,255,.07) 0%, transparent 24%),
        linear-gradient(115deg, #13110b 0%, #221d11 42%, #3b2e17 74%, #17140d 100%) !important;
}
.hero::before {
    background:
        linear-gradient(90deg, rgba(255,255,255,.055) 0 1px, transparent 1px 100%),
        radial-gradient(ellipse at 74% 48%, rgba(238,190,73,.24), transparent 50%),
        radial-gradient(ellipse at 30% 20%, rgba(255,255,255,.05), transparent 35%) !important;
    background-size: 82px 100%, auto, auto;
    opacity: .55;
}
.hero::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 78% 44%, rgba(212,165,48,.16) 0 2px, transparent 3px),
        radial-gradient(circle at 67% 57%, rgba(232,190,74,.11) 0 1px, transparent 2px),
        radial-gradient(circle at 86% 62%, rgba(255,255,255,.09) 0 1px, transparent 2px);
    background-size: 76px 76px, 54px 54px, 98px 98px;
    mask-image: radial-gradient(circle at 73% 50%, black 0%, transparent 48%);
    animation: heroParticles 12s linear infinite;
}
@keyframes heroParticles {
    from { background-position: 0 0, 0 0, 0 0; }
    to { background-position: 0 -152px, 54px -108px, -98px -196px; }
}
.hero__container { z-index: 3; }
.hero__content { text-shadow: 0 12px 34px rgba(0,0,0,.48); }
.hero__logo-mark {
    width: 70px !important;
    height: 70px !important;
    filter: drop-shadow(0 0 22px rgba(255,255,255,.35)) drop-shadow(0 0 36px rgba(212,165,48,.32)) !important;
}
.hero__mainicon {
    filter: brightness(1.15) drop-shadow(0 0 18px rgba(255,255,255,.35)) drop-shadow(0 0 34px rgba(212,165,48,.32)) !important;
    animation: rotateRightToLeft 5.5s linear infinite, mainIconPulse 2.6s ease-in-out infinite !important;
}
@keyframes mainIconPulse {
    0%, 100% { opacity: .9; }
    50% { opacity: 1; filter: brightness(1.4) drop-shadow(0 0 22px rgba(255,255,255,.5)) drop-shadow(0 0 46px rgba(212,165,48,.45)); }
}
.hero__title {
    font-size: clamp(2.8rem, 4.4vw, 4.25rem) !important;
    line-height: .98 !important;
    letter-spacing: -2px !important;
}
.hero__title-accent {
    background: linear-gradient(90deg, #f0c64b, #d4a530 48%, #ffdc72);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    filter: drop-shadow(0 0 14px rgba(212,165,48,.24));
}
.hero__text { font-size: 1.05rem !important; color: rgba(240,236,228,.68) !important; }
.hero__btn-primary {
    background: linear-gradient(135deg, #f2c744, #d4a530 58%, #a87614) !important;
    box-shadow: 0 10px 34px rgba(212,165,48,.32), inset 0 1px 0 rgba(255,255,255,.26) !important;
}
.hero__btn-secondary {
    background: rgba(255,255,255,.035) !important;
    backdrop-filter: blur(10px);
}
.hero__image::before {
    width: min(500px, 60vw) !important;
    height: min(500px, 60vw) !important;
    background: radial-gradient(circle, rgba(239,190,55,.34), rgba(212,165,48,.13) 38%, transparent 70%) !important;
    filter: blur(42px) !important;
}
.hero__image::after {
    content: '';
    position: absolute;
    width: min(460px, 58vw);
    height: min(460px, 58vw);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212,165,48,.18), transparent 62%);
    filter: blur(8px);
    animation: heroAura 5.8s ease-in-out infinite;
    z-index: 1;
}
@keyframes heroAura {
    0%, 100% { transform: scale(.96); opacity: .5; }
    50% { transform: scale(1.08); opacity: .85; }
}
.hero__character {
    max-height: 520px !important;
    filter: drop-shadow(0 42px 80px rgba(0,0,0,.78)) drop-shadow(0 0 24px rgba(212,165,48,.14)) !important;
}
.features { background: linear-gradient(180deg, #11100e 0%, #14110c 100%) !important; }
.features__card, .product-card, .blog-card, .cta-section__card {
    background: linear-gradient(145deg, rgba(36,32,22,.88), rgba(20,18,14,.92)) !important;
    border-color: rgba(212,165,48,.12) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.28);
}
@media (max-width: 900px) {
    .hero__title { font-size: 2.8rem !important; }
    .hero__logo-mark { 
        margin-left: auto !important; 
        margin-right: auto !important; 
    }
    .hero__character { max-height: 430px !important; }
}
@media (max-width: 560px) {
    .header__logo-img { height: 34px !important; }
    .header__logo { padding: 5px 8px; }
}

/* === HEADER LOGO PREMIUM INTEGRATION FIX === */
.header__logo {
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    min-width: 0;
    transform: none !important;
}
.header__logo::after { display: none !important; }
.header__logo-img {
    height: 34px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
    filter:
        drop-shadow(0 0 8px rgba(255,255,255,.12))
        drop-shadow(0 0 16px rgba(212,165,48,.18)) !important;
    opacity: .96;
    transition: transform .25s ease, filter .25s ease, opacity .25s ease;
}
.header__logo:hover .header__logo-img {
    transform: translateY(-1px) scale(1.025);
    opacity: 1;
    filter:
        drop-shadow(0 0 10px rgba(255,255,255,.18))
        drop-shadow(0 0 22px rgba(212,165,48,.30)) !important;
}
@media (max-width: 560px) {
    .header__logo-img { height: 29px !important; }
}

/* === YANGBAZAAR FINAL INTEGRATION OVERRIDES === */
.header {
    background: linear-gradient(180deg, rgba(36,36,34,0.96) 0%, rgba(22,21,19,0.94) 100%) !important;
    border-bottom: 1px solid rgba(212,165,48,0.12) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}
.header__container { height: 68px; }
.header__logo {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: 0 !important;
}
.header__logo::before,
.header__logo::after { display: none !important; }
.header__logo-img {
    height: 38px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 8px rgba(212,165,48,0.35));
    transition: transform .25s ease, filter .25s ease, opacity .25s ease;
}
.header__logo:hover .header__logo-img {
    transform: translateY(-1px) scale(1.025);
    filter: drop-shadow(0 0 14px rgba(212,165,48,0.58));
}
.hero {
    min-height: 620px !important;
    background:
        radial-gradient(circle at 72% 44%, rgba(212,165,48,.26) 0%, rgba(212,165,48,.10) 27%, transparent 55%),
        radial-gradient(circle at 20% 36%, rgba(240,236,228,.08) 0%, transparent 24%),
        linear-gradient(110deg, #070706 0%, #15130d 42%, #443512 100%) !important;
}
.hero::before {
    background-image:
        radial-gradient(rgba(212,165,48,.22) 1px, transparent 1px),
        radial-gradient(ellipse at 68% 50%, rgba(212,165,48,0.08), transparent 60%) !important;
    background-size: 46px 46px, auto !important;
    opacity: .45;
}
.hero__container {
    gap: 28px !important;
}
.hero__logo-mark {
    width: 70px !important;
    height: 70px !important;
    margin-bottom: 26px !important;
}
.hero__mainicon {
    filter: drop-shadow(0 0 18px rgba(212,165,48,0.55)) !important;
}
.hero__title {
    font-size: clamp(2.7rem, 4.6vw, 4.2rem) !important;
    text-shadow: 0 8px 28px rgba(0,0,0,.45);
}
.hero__image { justify-content: center !important; }
.hero__image::before {
    width: min(450px, 52vw) !important;
    height: min(450px, 52vw) !important;
    background: radial-gradient(circle, rgba(212,165,48,0.26) 0%, rgba(212,165,48,0.12) 42%, transparent 72%) !important;
    filter: blur(36px) !important;
}
.hero__character {
    max-height: 520px !important;
    width: auto !important;
    filter: drop-shadow(0 30px 62px rgba(0,0,0,.78)) !important;
}
.features {
    background: #080807 !important;
}
.arsenal__grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.product-card__image img { object-fit: cover !important; }
@media (max-width: 900px) {
    .header__logo-img { height: 30px !important; }
    .hero { min-height: auto !important; padding-top: 44px !important; }
    .hero__container { grid-template-columns: 1fr !important; text-align: left; }
    .hero__character { max-height: 390px !important; }
    .arsenal__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
    .hero__title { font-size: 2.4rem !important; }
    .hero__character { max-height: 320px !important; }
    .arsenal__grid { grid-template-columns: 1fr !important; }
}


/* === FINAL USER LOGO REPLACEMENT === */
.header__logo {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: 0 !important;
}
.header__logo::before,
.header__logo::after {
    display: none !important;
}
.header__logo-img {
    height: 38px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}
.header__logo:hover .header__logo-img {
    transform: none !important;
    filter: none !important;
}
@media (max-width: 560px) {
    .header__logo-img { height: 31px !important; }
}


/* === FEATURE CARDS PREMIUM GLOW UPDATE === */
.features__card {
    isolation: isolate;
}
.features__card::after {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    background: radial-gradient(circle at var(--mx, 50%) var(--my, 0%), rgba(212,165,48,0.22), transparent 42%);
    opacity: 0;
    transition: opacity .35s ease;
    pointer-events: none;
    z-index: -1;
}
.features__card:hover {
    border-color: rgba(212,165,48,0.34);
    transform: translateY(-6px);
    box-shadow: 0 18px 54px rgba(0,0,0,0.38), 0 0 28px rgba(212,165,48,0.08);
}
.features__card:hover::after {
    opacity: 1;
}
.features__card:hover .features__icon {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 0 24px rgba(212,165,48,0.18);
}
.features__icon {
    transition: transform .3s ease, box-shadow .3s ease;
}
.features__card-title {
    transition: color .3s ease;
}
.features__card:hover .features__card-title {
    color: var(--accent-gold-light);
}








/* === HERO FINAL ALIGNMENT === */

/* Title centered relative to icon */
.hero__content {
    max-width: 640px;
}

.hero__logo-mark {
    display: flex;
    justify-content: center;
    margin-bottom: 18px;
}

.hero__title {
    text-align: center;
    max-width: 640px;
    margin: 0 auto 18px;
    line-height: 1.1 !important;
}

.hero__title-accent {
    display: inline-block;
    padding-bottom: 6px;
}

/* Paragraph nicer horizontal distribution */
.hero__text {
    max-width: 560px !important;
    margin: 0 auto 34px !important;
    text-align: justify;
    text-align-last: center;
    line-height: 1.85 !important;
    letter-spacing: 0.01em;
    color: rgba(240,236,228,.78);
}

/* Buttons centered under text */
.hero__buttons {
    justify-content: center !important;
}

@media (max-width: 1024px) {
    .hero__text {
        text-align: center;
        text-align-last: center;
    }
}

/* === TRUSTPILOT 5 STAR TEXT BADGE === */
.header__trustpilot-text {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 34px;
    padding: 0 4px;
    color: rgba(240,236,228,.86);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    opacity: .9;
    transition: .25s ease;
}

.header__trustpilot-text:hover {
    opacity: 1;
    transform: translateY(-1px);
}

.tp-stars {
    color: #00b67a;
    letter-spacing: -1px;
    font-size: 14px;
    text-shadow: 0 0 8px rgba(0,182,122,.22);
}

@media (max-width: 900px) {
    .header__trustpilot-text { display: none; }
}

/* === HORIZONTAL PREMIUM FEATURES BAR === */
.features--bar-section {
    padding: 0 !important;
    background: #070707 !important;
}


.features-bar {
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    padding: 26px 60px;

    background:
        radial-gradient(circle at 70% 50%, rgba(212,165,48,0.25), transparent 60%),
        linear-gradient(90deg, #0a0a0a, #1a140a);

    border-top: 1px solid rgba(212,165,48,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}


.feature-bar-item {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
    padding: 10px 4px;
    transition: .25s ease;
}

.feature-bar-item:hover {
    transform: translateY(-2px);
}

.feature-bar-item__icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    color: #f0ece4;
    font-size: 25px;
    filter: drop-shadow(0 0 10px rgba(212,165,48,.22));
}

.feature-bar-item h3 {
    margin: 0 0 5px;
    color: #f0ece4;
    font-size: .98rem;
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: -.01em;
}

.feature-bar-item p {
    margin: 0;
    color: rgba(240,236,228,.62);
    font-size: .78rem;
    line-height: 1.45;
    font-weight: 600;
}

@media (max-width: 1024px) {
    
.features-bar {
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    padding: 26px 60px;

    background:
        radial-gradient(circle at 70% 50%, rgba(212,165,48,0.25), transparent 60%),
        linear-gradient(90deg, #0a0a0a, #1a140a);

    border-top: 1px solid rgba(212,165,48,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

}

@media (max-width: 560px) {
    
.features-bar {
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    padding: 26px 60px;

    background:
        radial-gradient(circle at 70% 50%, rgba(212,165,48,0.25), transparent 60%),
        linear-gradient(90deg, #0a0a0a, #1a140a);

    border-top: 1px solid rgba(212,165,48,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

}

.features--bar-section {
    padding: 0 !important;
    background: transparent !important;
}

/* === INLINE ADMIN DRAWER ALWAYS VISIBLE PREVIEW === */
.header__actions .admin-launcher,
#openInlineAdmin {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.yb-share-admin-btn {
    display: none !important;
}

/* === PRODUCT DETAIL LIVE CHAT BUTTON === */
.product-detail__email-btn::before {
    content: "💬";
    font-size: 16px;
}
.product-detail__email-btn svg {
    display: none !important;
}

/* === PRODUCT DETAIL PRICE / AMOUNT BOX === */
.product-detail__pricing {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 14px;
    margin: 0 0 24px;
}

.product-detail__pricing-row {
    min-height: 74px;
    padding: 14px 18px;
    border-radius: 14px;
    background:
        radial-gradient(circle at 20% 0%, rgba(212,165,48,.11), transparent 40%),
        rgba(255,255,255,.035);
    border: 1px solid rgba(212,165,48,.14);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
}

.product-detail__pricing-row label,
.product-detail__pricing-row span {
    color: var(--text-gray);
    font-size: .82rem;
    font-weight: 700;
}

.product-detail__pricing-row strong {
    color: var(--accent-gold);
    font-size: 1.45rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.product-detail__select {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--text-white);
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
}

.product-detail__select option {
    background: #15120d;
    color: #f0ece4;
}

.product-detail__actions {
    margin-top: 2px;
}

@media (max-width: 650px) {
    .product-detail__pricing {
        grid-template-columns: 1fr;
    }
}

/* === ADMIN PRICE FIELDS + PRODUCT PRICE BOX === */
.inline-admin__two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.product-detail__pricing {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 14px;
    margin: 0 0 24px;
}

.product-detail__pricing-row {
    min-height: 74px;
    padding: 14px 18px;
    border-radius: 14px;
    background:
        radial-gradient(circle at 20% 0%, rgba(212,165,48,.11), transparent 40%),
        rgba(255,255,255,.035);
    border: 1px solid rgba(212,165,48,.14);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
}

.product-detail__pricing-row label,
.product-detail__pricing-row span {
    color: var(--text-gray);
    font-size: .82rem;
    font-weight: 700;
}

.product-detail__pricing-row strong {
    color: var(--accent-gold);
    font-size: 1.45rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.product-detail__select {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--text-white);
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
}

.product-detail__select option {
    background: #15120d;
    color: #f0ece4;
}

@media (max-width: 650px) {
    .product-detail__pricing,
    .inline-admin__two-col {
        grid-template-columns: 1fr;
    }
}

/* === POPULAR SERVERS TITLE CENTER === */
.arsenal__header {
    justify-content: center !important;
    text-align: center !important;
    position: relative;
}

.arsenal__header > div {
    width: 100%;
}

.arsenal__title,
.arsenal__subtitle {
    text-align: center !important;
}

.arsenal__view-all {
    position: absolute;
    right: 0;
    top: 4px;
}
@media (max-width: 768px) {
    .arsenal__header {
        flex-direction: column;
        align-items: center;
    }

    .arsenal__view-all {
        position: static;
        margin-top: 14px;
    }
}

/* === ADMIN POPULAR SERVERS SETTINGS === */
.inline-admin__popular-form {
    margin-bottom: 16px;
}

/* === POPULAR TAB CLICK FIX === */
.inline-admin__tab {
    cursor: pointer !important;
    pointer-events: auto !important;
}

.inline-admin__popular-form[style*="grid"] {
    display: grid !important;
}

/* === POPULAR SERVER SELECTOR IN ADMIN === */
.popular-selected-list {
    display: grid;
    gap: 8px;
    max-height: 230px;
    overflow: auto;
    padding: 8px;
    border-radius: 14px;
    background: rgba(0,0,0,.16);
    border: 1px solid var(--border-card);
}

.popular-server-option {
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px !important;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255,255,255,.035);
    border: 1px solid transparent;
    cursor: pointer;
}

.popular-server-option:hover {
    border-color: rgba(212,165,48,.25);
}

.popular-server-option input {
    width: 16px !important;
    height: 16px !important;
    accent-color: #d4a530;
}

.popular-server-option span {
    color: var(--text-white);
    font-weight: 800;
    font-size: .88rem;
}

.popular-server-option small,
.popular-help {
    color: var(--text-muted);
    font-size: .76rem;
}

/* === POPULAR MANUAL ADMIN EDITOR === */
.popular-manual-list {
    display: grid;
    gap: 8px;
    max-height: 170px;
    overflow: auto;
    padding: 8px;
    border-radius: 14px;
    background: rgba(0,0,0,.16);
    border: 1px solid var(--border-card);
}

.popular-manual-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 10px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(212,165,48,.12);
}

.popular-manual-item strong {
    color: var(--text-white);
    font-size: .9rem;
}

.popular-manual-item small {
    color: var(--text-muted);
    grid-column: 1;
}

.popular-manual-item button {
    grid-row: 1 / 3;
    grid-column: 2;
    padding: 8px 12px;
    border-radius: 10px;
    background: rgba(255,80,80,.12);
    border: 1px solid rgba(255,80,80,.22);
    color: #ffb4a8;
    font-weight: 800;
}

.popular-manual-add {
    display: grid;
    grid-template-columns: 1fr .8fr .8fr auto;
    gap: 8px;
}

.popular-manual-add input {
    min-width: 0;
}

.popular-empty {
    color: var(--text-muted);
    font-size: .84rem;
    padding: 8px;
}

@media (max-width: 560px) {
    .popular-manual-add {
        grid-template-columns: 1fr;
    }
}

/* === POPULAR ADMIN VISIBLE LIST STYLE === */
.popular-admin-list-head {
    display: grid;
    gap: 4px;
    margin-top: 6px;
}

.popular-admin-list-head strong {
    color: var(--accent-gold);
    font-size: .94rem;
}

.popular-admin-list-head small {
    color: var(--text-muted);
    font-size: .78rem;
}

.popular-admin-visible-list {
    display: grid;
    gap: 10px;
    max-height: 270px;
    overflow: auto;
    padding: 10px;
    border-radius: 16px;
    background: rgba(0,0,0,.16);
    border: 1px solid var(--border-card);
}

.popular-admin-item {
    display: grid;
    grid-template-columns: 76px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 16px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.07);
}

.popular-admin-item img {
    width: 76px;
    height: 54px;
    border-radius: 12px;
    object-fit: cover;
    background: var(--bg-dark);
}

.popular-admin-item strong {
    display: block;
    color: var(--text-white);
    font-size: .95rem;
}

.popular-admin-item small {
    display: block;
    color: var(--text-muted);
    margin-top: 4px;
    font-size: .8rem;
}

.popular-admin-actions {
    display: flex;
    gap: 7px;
}

.popular-admin-actions button {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--border-card);
}

.popular-admin-add-box {
    display: grid;
    grid-template-columns: 1fr .75fr .75fr auto;
    gap: 8px;
}

.popular-admin-add-box input {
    min-width: 0;
}

@media (max-width: 560px) {
    .popular-admin-item {
        grid-template-columns: 64px 1fr;
    }

    .popular-admin-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .popular-admin-add-box {
        grid-template-columns: 1fr;
    }
}

/* === POPULAR ADMIN IMAGE UPLOAD === */
.popular-admin-add-box {
    grid-template-columns: 1fr .65fr .65fr auto auto !important;
}

.popular-image-picker {
    min-height: 48px;
    border-radius: 14px;
    background: rgba(0,0,0,.25);
    border: 1px dashed rgba(212,165,48,.35);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    cursor: pointer;
    color: var(--accent-gold);
    font-weight: 900;
    white-space: nowrap;
}

.popular-image-picker input {
    display: none !important;
}

.popular-image-preview {
    grid-column: 1 / -1;
    min-height: 76px;
    border-radius: 14px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.07);
    color: var(--text-muted);
    display: grid;
    place-items: center;
    overflow: hidden;
}

.popular-image-preview img {
    width: 100%;
    max-height: 160px;
    object-fit: cover;
    display: block;
}

@media (max-width: 760px) {
    .popular-admin-add-box {
        grid-template-columns: 1fr !important;
    }
}

/* === SEO TAGS STYLE === */
.seo-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.seo-tag {
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 8px;
    background: rgba(212,165,48,.12);
    border: 1px solid rgba(212,165,48,.25);
    color: #d4a530;
    font-weight: 600;
}

/* === PRODUCT DETAIL SEO TAGS === */
.inline-admin__hint {
    display: block;
    margin-top: 6px;
    color: var(--text-muted);
    font-size: .74rem;
    font-weight: 600;
}

.product-detail__seo-tags {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 100%;
}

.product-detail__seo-tags span {
    display: inline-flex;
    align-items: center;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(212,165,48,.09);
    border: 1px solid rgba(212,165,48,.18);
    color: rgba(240,236,228,.72);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .01em;
}

.product-detail__seo-tags span::before {
    content: "#";
    color: var(--accent-gold);
    margin-right: 2px;
}

/* === PERFECT IMAGE FIT (NO BLACK BARS + PREMIUM LOOK) === */
.product-card__image {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 8px;
    border-radius: 16px;
    background: radial-gradient(circle, rgba(255,255,255,0.05), transparent);
}

.product-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    border-radius: 12px;
}

/* Product detail image fix */
.product-detail__image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product-detail__image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* === SMART CROP (TEXT SAFE AREA) === */
.product-card__image {
    position: relative;
}

.product-card__image img {
    object-position: center 25% !important; /* yukarı kaydır - yazılar görünür */
}

/* Ultra premium: arka plan blur trick */
.product-card__image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;
    z-index: 0;
    opacity: .2;
}

.product-card__image img {
    position: relative;
    z-index: 1;
}

/* === AUTO CROPPED IMAGE QUALITY === */
.product-card__image img {
    image-rendering: auto;
}

.popular-image-preview img {
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,.35);
}

/* === PRO IMAGE CARD PRESENTATION === */
.product-card__image {
    padding: 10px !important;
    background:
        radial-gradient(circle at 50% 20%, rgba(212,165,48,.10), transparent 45%),
        rgba(10,9,7,.48) !important;
}

.product-card__image img {
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 14px !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

.product-card:hover .product-card__image img {
    transform: scale(1.035);
}

.product-card__image img {
    transition: transform .35s ease, filter .35s ease;
}

/* image preview becomes premium */
.popular-image-preview {
    background:
        radial-gradient(circle at 50% 20%, rgba(212,165,48,.12), transparent 45%),
        rgba(0,0,0,.22) !important;
}

.popular-image-preview img {
    object-fit: cover !important;
    width: 100%;
    height: 150px;
}

/* === CLEAN OTHERS PAGE === */
#othersGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
}

@media (max-width: 1024px) {
    #othersGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    #othersGrid {
        grid-template-columns: 1fr;
    }
}

/* === OTHERS ACCOUNT SALES COPY POLISH === */
.others-services-note {
    max-width: 860px;
    margin: 0 auto 32px;
    padding: 18px 22px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 20% 0%, rgba(212,165,48,.12), transparent 45%),
        rgba(255,255,255,.035);
    border: 1px solid rgba(212,165,48,.16);
    text-align: center;
}

.others-services-note strong {
    display: block;
    color: var(--text-white);
    font-size: 1.05rem;
    margin-bottom: 6px;
}

.others-services-note span {
    color: var(--text-gray);
    font-size: .92rem;
    line-height: 1.6;
}

/* === FINAL OTHERS PAGE CORRECTED === */
.others-services-note {
    max-width: 860px;
    margin: 0 auto 32px;
    padding: 18px 22px;
    border-radius: 18px;
    background: radial-gradient(circle at 20% 0%, rgba(212,165,48,.12), transparent 45%), rgba(255,255,255,.035);
    border: 1px solid rgba(212,165,48,.16);
    text-align: center;
}
.others-services-note strong {
    display: block;
    color: var(--text-white);
    font-size: 1.05rem;
    margin-bottom: 6px;
}
.others-services-note span {
    color: var(--text-gray);
    font-size: .92rem;
    line-height: 1.6;
}
#othersGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
}
@media (max-width: 1024px) { #othersGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { #othersGrid { grid-template-columns: 1fr; } }

/* === OTHERS PAGE REALLY FIXED === */
.others-services-note {
    max-width: 860px;
    margin: 0 auto 32px;
    padding: 18px 22px;
    border-radius: 18px;
    background: radial-gradient(circle at 20% 0%, rgba(212,165,48,.12), transparent 45%), rgba(255,255,255,.035);
    border: 1px solid rgba(212,165,48,.16);
    text-align: center;
}
.others-services-note strong {
    display: block;
    color: var(--text-white);
    font-size: 1.05rem;
    margin-bottom: 6px;
}
.others-services-note span {
    color: var(--text-gray);
    font-size: .92rem;
    line-height: 1.6;
}
#othersGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
}
@media (max-width: 1024px) { #othersGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { #othersGrid { grid-template-columns: 1fr; } }

/* === YANGBAZAAR PREMIUM VISUAL PACK === */

/* Hero character soft float */
.hero__character,
.hero-character,
.hero__image img {
    animation: ybFloat 6s ease-in-out infinite;
    will-change: transform;
}

@keyframes ybFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-14px); }
}

/* Premium card hover */
.product-card,
.features-bar,
.product-detail__feature,
.cta-section__card {
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, filter .28s ease;
}

.product-card:hover {
    transform: translateY(-8px) scale(1.015);
    border-color: rgba(212,165,48,.38) !important;
    box-shadow:
        0 22px 55px rgba(0,0,0,.42),
        0 0 34px rgba(212,165,48,.12);
}

.product-card:hover .product-card__image img {
    filter: brightness(1.08) contrast(1.04);
}

/* Button shine effect */
.header__discord-btn,
.hero__btn,
.product-detail__buy-btn,
.cta-section__btn,
.admin-launcher,
.inline-admin__btn--gold {
    position: relative;
    overflow: hidden;
}

.header__discord-btn::after,
.hero__btn::after,
.product-detail__buy-btn::after,
.cta-section__btn::after,
.admin-launcher::after,
.inline-admin__btn--gold::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 180%;
    transform: translateX(-120%) skewX(-18deg);
    background: linear-gradient(110deg, transparent, rgba(255,255,255,.32), transparent);
    pointer-events: none;
}

.header__discord-btn:hover::after,
.hero__btn:hover::after,
.product-detail__buy-btn:hover::after,
.cta-section__btn:hover::after,
.admin-launcher:hover::after,
.inline-admin__btn--gold:hover::after {
    transform: translateX(80%) skewX(-18deg);
    transition: transform .75s ease;
}

/* Trust mini bar under hero */
.yb-trust-strip {
    max-width: 720px;
    margin: 28px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    padding: 12px 20px;
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(212,165,48,.18);
    color: rgba(240,236,228,.82);
    font-weight: 800;
    font-size: .86rem;
    box-shadow: 0 12px 35px rgba(0,0,0,.18);
}

.yb-trust-strip span {
    color: var(--accent-gold);
}

/* Section fade in */
.product-card,
.features-bar,
.cta-section__card,
.blog-card {
    animation: ybFadeUp .55s ease both;
}

@keyframes ybFadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Price box premium glow */
.product-detail__pricing-row:hover {
    border-color: rgba(212,165,48,.36) !important;
    box-shadow: 0 0 26px rgba(212,165,48,.10);
}

/* Live chat premium */
.chat-widget__button,
#chatWidget button,
.live-chat-btn {
    box-shadow: 0 14px 35px rgba(212,165,48,.22), 0 8px 25px rgba(0,0,0,.28) !important;
}

.chat-widget__button:hover,
#chatWidget button:hover,
.live-chat-btn:hover {
    transform: translateY(-3px) scale(1.03);
}

/* Header subtle glass */
.header {
    backdrop-filter: blur(16px);
    background: rgba(18,17,15,.82) !important;
}

/* Popular / server title polish */
.page-hero__title,
.hero__title,
.arsenal__title {
    letter-spacing: -0.035em;
}

@media (max-width: 768px) {
    .yb-trust-strip {
        border-radius: 18px;
        gap: 10px;
        font-size: .78rem;
    }

    .product-card:hover {
        transform: translateY(-4px);
    }
}

/* === TRUST ITEMS WIDTH FIX === */
.yb-trust-strip div {
    min-width: 150px;
    justify-content: center;
    text-align: center;
}

/* === TRUST ORDERS COUNTER === */
.yb-counter {
    display: inline-block;
    min-width: 32px;
    text-align: right;
    color: var(--accent-gold);
}

/* === TRUST STRIP FIX (SINGLE LINE) === */
.yb-trust-strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap !important; /* 🔥 no wrap */

    max-width: 900px;
    margin: 40px auto 0;
    padding: 30px 40px;
}

.yb-trust-strip div {
    flex: 1;
    text-align: center;
}

/* === FINAL TRUST POLISH === */
.yb-trust-strip {
    display: flex;
    justify-content: center; /* 🔥 ortala */
    align-items: center;
    gap: 24px; /* 🔥 daha sıkı */

    flex-wrap: nowrap;
    max-width: 700px; /* 🔥 daralt */
    margin: 30px auto 0;
    padding: 18px 25px;

    border-radius: 999px;

    /* 🔥 siteyle uyumlu arkaplan */
    background: rgba(18,17,15,.65);
    backdrop-filter: blur(12px);

    border: 1px solid rgba(212,165,48,.18);
}

.yb-trust-strip div {
    flex: unset; /* 🔥 eşit zorlamayı kaldır */
    font-size: 0.9rem;
    white-space: nowrap;
}

/* Orders highlight */
.yb-trust-strip div:nth-child(2) {
    font-size: 1.05rem;
    color: var(--accent-gold);
    font-weight: 900;
}

/* === ULTRA CLEAN TRUST STRIP === */
.yb-trust-strip {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px; /* 🔥 daha yakın */

    max-width: 600px; /* 🔥 daha kompakt */
    margin: 25px auto 0;
    padding: 12px 20px;

    border-radius: 999px;

    /* 🔥 arka planı kaldır, siteyle uyumlu */
    background: transparent;

    border: 1px solid rgba(212,165,48,.15);
}

.yb-trust-strip div {
    font-size: 0.85rem;
    white-space: nowrap;
    opacity: 0.9;
}

/* orders highlight */
.yb-trust-strip div:nth-child(2) {
    font-size: 0.95rem;
    font-weight: 900;
    color: var(--accent-gold);
}

/* === PERFECT COMPACT TRUST STRIP === */
.yb-trust-strip {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 10px; /* 🔥 çok daha yakın */

    max-width: 520px; /* 🔥 daha da dar */
    margin: 20px auto 0;
    padding: 10px 18px;

    border-radius: 999px;
    background: transparent;
    border: 1px solid rgba(212,165,48,.12);
}

.yb-trust-strip div {
    font-size: 0.82rem;
    white-space: nowrap;
    opacity: 0.9;

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

/* remove any forced spacing */
.yb-trust-strip div span {
    margin: 0 !important;
}

/* orders highlight */
.yb-trust-strip div:nth-child(2) {
    font-size: 0.9rem;
    font-weight: 900;
    color: var(--accent-gold);
}

/* === BALANCED HERO TRUST (OLD POSITION + NO BG) === */
.yb-trust-strip {
    position: absolute;
    right: 80px;
    top: 60%;
    transform: translateY(-50%);

    display: flex;
    gap: 16px;

    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* keep compact */
.yb-trust-strip div {
    font-size: 0.85rem;
    white-space: nowrap;
    opacity: 0.9;
}

/* highlight orders */
.yb-trust-strip div:nth-child(2) {
    font-weight: 900;
    color: var(--accent-gold);
}

/* === TRUST STRIP FINAL POSITION: LEFT CONTENT, NO CHARACTER COLLISION === */
.yb-trust-strip {
    position: static !important;
    transform: none !important;
    right: auto !important;
    top: auto !important;

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

    margin: 18px auto 0 !important;
    padding: 0 !important;
    max-width: none !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.yb-trust-strip div {
    flex: unset !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;

    font-size: 0.82rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    opacity: .9 !important;
}

.yb-trust-strip div:nth-child(2) {
    color: var(--accent-gold) !important;
    font-weight: 900 !important;
}

.yb-trust-strip span {
    margin: 0 !important;
}

@media (max-width: 900px) {
    .yb-trust-strip {
        flex-wrap: wrap !important;
        gap: 10px 14px !important;
    }
}

/* === TRUST / ORDERS STRIP REMOVED === */
.yb-trust-strip {
    display: none !important;
}

/* === OTHERS ADMIN MANAGEMENT === */
.inline-admin__others-form textarea {
    width: 100%;
    resize: vertical;
    min-height: 82px;
    border: 1px solid var(--border-card);
    border-radius: 14px;
    background: rgba(0,0,0,.28);
    color: var(--text-white);
    padding: 14px 16px;
    font: inherit;
    font-weight: 700;
    outline: none;
}

.others-admin-head {
    display: grid;
    gap: 5px;
    margin-top: 4px;
}

.others-admin-head strong {
    color: var(--accent-gold);
    font-size: .95rem;
}

.others-admin-head small {
    color: var(--text-muted);
    font-size: .78rem;
}

.others-admin-list {
    display: grid;
    gap: 10px;
    max-height: 260px;
    overflow: auto;
    padding: 10px;
    border-radius: 16px;
    background: rgba(0,0,0,.16);
    border: 1px solid var(--border-card);
}

.others-admin-item {
    display: grid;
    grid-template-columns: 76px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 16px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.07);
}

.others-admin-item img {
    width: 76px;
    height: 54px;
    object-fit: cover;
    border-radius: 12px;
    background: #111;
}

.others-admin-item strong {
    display: block;
    color: var(--text-white);
    font-size: .95rem;
}

.others-admin-item small {
    display: block;
    margin-top: 4px;
    color: var(--text-muted);
    font-size: .78rem;
}

.others-admin-actions {
    display: flex;
    gap: 7px;
}

.others-admin-actions button {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--border-card);
}

.others-admin-add {
    display: grid;
    grid-template-columns: 1fr .75fr auto auto;
    gap: 8px;
}

.others-admin-add input {
    min-width: 0;
}

.others-image-picker {
    min-height: 48px;
    border-radius: 14px;
    background: rgba(0,0,0,.25);
    border: 1px dashed rgba(212,165,48,.35);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    cursor: pointer;
    color: var(--accent-gold);
    font-weight: 900;
    white-space: nowrap;
}

.others-image-picker input {
    display: none !important;
}

.others-image-preview {
    grid-column: 1 / -1;
    min-height: 84px;
    border-radius: 14px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.07);
    color: var(--text-muted);
    display: grid;
    place-items: center;
    overflow: hidden;
}

.others-image-preview img {
    width: 100%;
    max-height: 170px;
    object-fit: cover;
}

.others-services-note {
    max-width: 860px;
    margin: 0 auto 32px;
    padding: 18px 22px;
    border-radius: 18px;
    background: radial-gradient(circle at 20% 0%, rgba(212,165,48,.12), transparent 45%), rgba(255,255,255,.035);
    border: 1px solid rgba(212,165,48,.16);
    text-align: center;
}

.others-services-note strong {
    display: block;
    color: var(--text-white);
    font-size: 1.05rem;
    margin-bottom: 6px;
}

.others-services-note span {
    color: var(--text-gray);
    font-size: .92rem;
    line-height: 1.6;
}

@media (max-width: 680px) {
    .others-admin-add,
    .others-admin-item {
        grid-template-columns: 1fr;
    }
    .others-admin-actions {
        justify-content: flex-end;
    }
}

/* === OTHERS PRICE / CONTENT FIELDS === */
.others-admin-add {
    grid-template-columns: 1fr .7fr .7fr 1.2fr auto auto !important;
}

.others-admin-add textarea {
    min-height: 48px;
    resize: vertical;
    border: 1px solid var(--border-card);
    border-radius: 14px;
    background: rgba(0,0,0,.28);
    color: var(--text-white);
    padding: 12px 14px;
    font: inherit;
    font-weight: 700;
    outline: none;
}

.others-admin-item em {
    display: block;
    margin-top: 5px;
    color: var(--text-muted);
    font-style: normal;
    font-size: .74rem;
    line-height: 1.35;
}

.product-card__price {
    margin-top: 8px;
    color: var(--accent-gold);
    font-weight: 900;
    font-size: .95rem;
}

.product-card__mini {
    margin: 7px auto 0;
    max-width: 90%;
    color: var(--text-muted);
    font-size: .78rem;
    line-height: 1.35;
}

@media (max-width: 900px) {
    .others-admin-add {
        grid-template-columns: 1fr !important;
    }
}

/* === MODERN OTHERS ADMIN MODAL === */
.others-modern-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 20% 0%, rgba(212,165,48,.13), transparent 45%),
        rgba(255,255,255,.045);
    border: 1px solid rgba(212,165,48,.16);
    margin-bottom: 12px;
}

.others-modern-toolbar strong {
    display: block;
    color: var(--accent-gold);
    font-size: 1rem;
}

.others-modern-toolbar small {
    display: block;
    color: var(--text-muted);
    margin-top: 3px;
}

.others-modern-toolbar button {
    border: none;
    border-radius: 14px;
    padding: 13px 18px;
    background: linear-gradient(135deg, #f0c94a, #d49b25);
    color: #10100d;
    font-weight: 900;
    cursor: pointer;
}

.others-admin-list {
    max-height: 360px !important;
    padding: 12px !important;
}

.others-modern-item {
    display: grid;
    grid-template-columns: 92px 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.07);
    margin-bottom: 10px;
}

.others-modern-item img {
    width: 92px;
    height: 68px;
    object-fit: cover;
    border-radius: 14px;
    background: #0d0c0a;
}

.others-modern-item__text strong {
    display: block;
    color: var(--text-white);
    font-size: 1rem;
}

.others-modern-item__text small {
    display: block;
    color: var(--text-muted);
    margin-top: 4px;
    font-size: .8rem;
}

.others-modern-item__text p {
    color: rgba(240,236,228,.62);
    margin: 6px 0 0;
    font-size: .78rem;
    line-height: 1.35;
}

.others-modern-item__actions {
    display: flex;
    gap: 8px;
}

.others-modern-item__actions button {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.10);
    cursor: pointer;
}

/* Modal */
.others-modern-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.others-modern-modal.is-open {
    display: flex;
}

.others-modern-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.72);
    backdrop-filter: blur(10px);
}

.others-modern-modal__panel {
    position: relative;
    width: min(960px, 96vw);
    max-height: 92vh;
    overflow: auto;
    border-radius: 28px;
    background:
        radial-gradient(circle at 18% 0%, rgba(212,165,48,.14), transparent 42%),
        linear-gradient(180deg, rgba(35,31,24,.98), rgba(17,16,13,.98));
    border: 1px solid rgba(212,165,48,.18);
    box-shadow: 0 34px 90px rgba(0,0,0,.58);
    padding: 26px;
}

.others-modern-modal__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.others-modern-modal__head span {
    color: var(--accent-gold);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.others-modern-modal__head h2 {
    margin: 6px 0 0;
    color: var(--text-white);
    font-size: 1.65rem;
}

.others-modern-modal__head button {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.07);
    color: var(--text-white);
    font-size: 1.7rem;
    cursor: pointer;
}

.others-modern-modal__grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 22px;
    padding: 22px 0;
}

.others-modern-modal__preview {
    min-height: 330px;
    border-radius: 22px;
    overflow: hidden;
    background: rgba(0,0,0,.24);
    border: 1px solid rgba(255,255,255,.08);
    display: grid;
    place-items: center;
}

.others-modern-modal__preview img {
    width: 100%;
    height: 100%;
    min-height: 330px;
    object-fit: cover;
}

.others-modern-upload {
    margin-top: 14px;
    min-height: 70px;
    border-radius: 18px;
    border: 1px dashed rgba(212,165,48,.35);
    background: rgba(0,0,0,.20);
    display: grid !important;
    place-items: center;
    cursor: pointer;
    color: var(--accent-gold);
    text-align: center;
}

.others-modern-upload input {
    display: none !important;
}

.others-modern-upload strong {
    font-size: .98rem;
}

.others-modern-upload small {
    color: var(--text-muted);
    font-size: .78rem;
}

.others-modern-modal__fields {
    display: grid;
    gap: 14px;
}

.others-modern-modal__fields label {
    color: var(--text-muted);
    font-weight: 900;
    font-size: .84rem;
}

.others-modern-modal__fields input,
.others-modern-modal__fields textarea {
    width: 100%;
    margin-top: 7px;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(0,0,0,.30);
    color: var(--text-white);
    border-radius: 16px;
    padding: 15px 16px;
    font: inherit;
    font-weight: 800;
    outline: none;
}

.others-modern-modal__fields textarea {
    min-height: 160px;
    resize: vertical;
    line-height: 1.5;
}

.others-modern-modal__fields input:focus,
.others-modern-modal__fields textarea:focus {
    border-color: rgba(212,165,48,.42);
    box-shadow: 0 0 0 4px rgba(212,165,48,.08);
}

.others-modern-modal__actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.others-modern-btn {
    border: none;
    border-radius: 16px;
    padding: 14px 22px;
    font-weight: 900;
    cursor: pointer;
}

.others-modern-btn--gold {
    background: linear-gradient(135deg, #f0c94a, #d49b25);
    color: #11100c;
}

.others-modern-btn--ghost {
    background: rgba(255,255,255,.07);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.12);
}

@media (max-width: 760px) {
    .others-modern-modal__grid {
        grid-template-columns: 1fr;
    }

    .others-modern-item {
        grid-template-columns: 72px 1fr;
    }

    .others-modern-item__actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .others-modern-toolbar {
        flex-direction: column;
        align-items: stretch;
    }
}

/* =========================================================
   ADMIN PANEL V2 — MODERN GLASS DASHBOARD
   ========================================================= */

/* bigger premium drawer */
.admin-drawer__panel {
    width: min(1120px, 96vw) !important;
    max-width: 1120px !important;
    right: 18px !important;
    top: 18px !important;
    bottom: 18px !important;
    height: auto !important;
    border-radius: 32px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(212,165,48,.16), transparent 36%),
        radial-gradient(circle at 88% 18%, rgba(95,83,255,.08), transparent 34%),
        linear-gradient(180deg, rgba(35,31,24,.98), rgba(15,14,12,.98)) !important;
    border: 1px solid rgba(212,165,48,.18) !important;
    box-shadow:
        0 40px 120px rgba(0,0,0,.65),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.admin-drawer__overlay {
    background: rgba(0,0,0,.70) !important;
    backdrop-filter: blur(10px) !important;
}

.admin-drawer__head {
    padding: 28px 32px 22px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.035), transparent) !important;
}

.admin-drawer__eyebrow {
    color: var(--accent-gold) !important;
    letter-spacing: .18em !important;
    font-size: .78rem !important;
}

.admin-drawer__title {
    font-size: 2rem !important;
    letter-spacing: -.035em !important;
    margin-top: 8px !important;
}

.admin-drawer__sub {
    color: rgba(240,236,228,.62) !important;
    font-size: .95rem !important;
}

.admin-drawer__close {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: var(--text-white) !important;
    font-size: 1.8rem !important;
    transition: .25s ease !important;
}

.admin-drawer__close:hover {
    transform: rotate(90deg) scale(1.03);
    background: rgba(212,165,48,.12) !important;
    border-color: rgba(212,165,48,.28) !important;
}

.admin-drawer__body {
    padding: 24px 28px 30px !important;
    display: grid !important;
    grid-template-columns: 250px 1fr !important;
    gap: 22px !important;
    align-items: start !important;
}

/* tabs become left sidebar */
.inline-admin__tabs {
    position: sticky !important;
    top: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 14px !important;
    border-radius: 24px !important;
    background: rgba(0,0,0,.18) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
}

.inline-admin__tab {
    min-height: 54px !important;
    border-radius: 18px !important;
    justify-content: flex-start !important;
    padding: 0 18px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    color: rgba(240,236,228,.65) !important;
    font-size: .94rem !important;
    font-weight: 900 !important;
    position: relative !important;
    overflow: hidden !important;
}

.inline-admin__tab::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 99px;
    background: rgba(212,165,48,.32);
    margin-right: 10px;
    box-shadow: 0 0 0 rgba(212,165,48,0);
    transition: .25s ease;
}

.inline-admin__tab.is-active {
    color: var(--text-white) !important;
    background:
        linear-gradient(135deg, rgba(212,165,48,.22), rgba(212,165,48,.08)) !important;
    border-color: rgba(212,165,48,.34) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.inline-admin__tab.is-active::before {
    background: var(--accent-gold);
    box-shadow: 0 0 18px rgba(212,165,48,.55);
}

/* make content use right column */
.inline-admin__toolbar,
.inline-admin__mode,
.inline-admin__form,
.inline-admin__popular-form,
.inline-admin__others-form,
.inline-admin__list {
    grid-column: 2 !important;
}

.inline-admin__toolbar {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 14px !important;
    padding: 14px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
}

.inline-admin__add {
    min-height: 58px !important;
    border-radius: 18px !important;
    font-weight: 950 !important;
    background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.18), transparent 38%),
        linear-gradient(135deg, #f2cc54, #c99624) !important;
    color: #15120d !important;
    box-shadow: 0 18px 40px rgba(212,165,48,.18) !important;
}

.inline-admin__counter {
    min-width: 130px !important;
    min-height: 58px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: rgba(240,236,228,.72) !important;
}

.inline-admin__mode {
    border-radius: 18px !important;
    padding: 14px 18px !important;
    background: rgba(212,165,48,.10) !important;
    border: 1px solid rgba(212,165,48,.20) !important;
    color: var(--accent-gold) !important;
    font-weight: 950 !important;
}

/* forms become neat cards */
.inline-admin__form {
    border-radius: 26px !important;
    padding: 22px !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(212,165,48,.08), transparent 38%),
        rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.inline-admin__form label {
    color: rgba(240,236,228,.62) !important;
    font-size: .83rem !important;
    font-weight: 950 !important;
    letter-spacing: .01em !important;
}

.inline-admin__form input,
.inline-admin__form select,
.inline-admin__form textarea,
.inline-admin__others-form textarea {
    min-height: 54px !important;
    border-radius: 16px !important;
    background: rgba(0,0,0,.32) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    color: var(--text-white) !important;
    font-weight: 850 !important;
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

.inline-admin__form input:focus,
.inline-admin__form select:focus,
.inline-admin__form textarea:focus,
.inline-admin__others-form textarea:focus {
    border-color: rgba(212,165,48,.42) !important;
    box-shadow: 0 0 0 4px rgba(212,165,48,.08) !important;
}

/* image upload & preview */
.inline-admin__upload {
    min-height: 86px !important;
    border-radius: 20px !important;
    border: 1px dashed rgba(212,165,48,.36) !important;
    background:
        radial-gradient(circle at 30% 0%, rgba(212,165,48,.10), transparent 48%),
        rgba(0,0,0,.16) !important;
}

.inline-admin__preview {
    min-height: 190px !important;
    border-radius: 22px !important;
    background: rgba(0,0,0,.18) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    overflow: hidden !important;
}

.inline-admin__preview img {
    width: 100% !important;
    max-height: 240px !important;
    object-fit: cover !important;
}

/* buttons */
.inline-admin__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.inline-admin__btn {
    min-height: 52px !important;
    border-radius: 16px !important;
    font-weight: 950 !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: var(--text-white) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.inline-admin__btn:hover {
    transform: translateY(-2px);
    border-color: rgba(212,165,48,.26) !important;
}

.inline-admin__btn--gold {
    background: linear-gradient(135deg, #f2cc54, #c99624) !important;
    color: #12100b !important;
    box-shadow: 0 16px 36px rgba(212,165,48,.16) !important;
}

.inline-admin__btn--danger {
    color: #ffb4a8 !important;
    background: rgba(255,82,82,.08) !important;
    border-color: rgba(255,82,82,.18) !important;
}

/* lists */
.inline-admin__list {
    display: grid !important;
    gap: 12px !important;
    max-height: 420px !important;
    overflow: auto !important;
    padding: 14px !important;
    border-radius: 26px !important;
    background: rgba(0,0,0,.16) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
}

.inline-admin__row,
.others-modern-item,
.popular-admin-item,
.popular-manual-item {
    border-radius: 20px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    transition: transform .22s ease, border-color .22s ease, background .22s ease !important;
}

.inline-admin__row:hover,
.others-modern-item:hover,
.popular-admin-item:hover,
.popular-manual-item:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,.065) !important;
    border-color: rgba(212,165,48,.20) !important;
}

/* popular/others toolbar match */
.others-modern-toolbar,
.popular-admin-list-head,
.others-admin-head {
    border-radius: 22px !important;
    padding: 16px !important;
    background:
        radial-gradient(circle at 20% 0%, rgba(212,165,48,.11), transparent 45%),
        rgba(255,255,255,.04) !important;
    border: 1px solid rgba(212,165,48,.14) !important;
}

/* custom scrollbar */
.admin-drawer__panel *::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.admin-drawer__panel *::-webkit-scrollbar-track {
    background: rgba(255,255,255,.04);
    border-radius: 99px;
}

.admin-drawer__panel *::-webkit-scrollbar-thumb {
    background: rgba(212,165,48,.30);
    border-radius: 99px;
}

/* mobile */
@media (max-width: 880px) {
    .admin-drawer__panel {
        inset: 8px !important;
        width: auto !important;
        border-radius: 24px !important;
    }

    .admin-drawer__body {
        grid-template-columns: 1fr !important;
        padding: 18px !important;
    }

    .inline-admin__tabs,
    .inline-admin__toolbar,
    .inline-admin__mode,
    .inline-admin__form,
    .inline-admin__popular-form,
    .inline-admin__others-form,
    .inline-admin__list {
        grid-column: 1 !important;
    }

    .inline-admin__tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        position: static !important;
    }

    .inline-admin__tab {
        justify-content: center !important;
        padding: 0 10px !important;
    }

    .inline-admin__actions {
        grid-template-columns: 1fr !important;
    }
}

/* === ADMIN V2 CLEAN SECTION VISIBILITY === */
#inlinePopularForm,
#inlineOthersForm,
#inlineBlogPanel {
    grid-column: 2 !important;
}

#inlineBlogPanel {
    border-radius: 26px !important;
    padding: 22px !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(212,165,48,.08), transparent 38%),
        rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.inline-admin__section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(212,165,48,.10);
    border: 1px solid rgba(212,165,48,.18);
}

.inline-admin__section-title span {
    color: var(--accent-gold);
    font-weight: 950;
}

.inline-admin__section-title small {
    color: rgba(240,236,228,.64);
    font-weight: 850;
}

.inline-admin__new-btn {
    width: 100%;
    min-height: 58px;
    border: none;
    border-radius: 18px;
    background: linear-gradient(135deg, #f2cc54, #c99624);
    color: #15120d;
    font-weight: 950;
    margin-bottom: 14px;
    cursor: pointer;
}

/* === OTHERS SINGLE PRICE DETAIL STYLE === */
.product-detail__pricing.others-single-price {
    grid-template-columns: 1fr !important;
}

.others-price-only-box {
    width: 100% !important;
}

body:has(.others-single-price) .product-detail__pricing {
    max-width: 440px;
}

/* === OTHERS EMPTY STATE === */
.others-empty-public {
    grid-column: 1 / -1;
    min-height: 120px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(212,165,48,.14);
    color: var(--text-muted);
    font-weight: 800;
}

/* === PREMIUM OTHERS EMPTY STATE === */
.others-empty-public {
    position: relative;
    min-height: 160px;
    display: grid;
    place-items: center;
    text-align: center;
    font-size: .95rem;
    color: rgba(240,236,228,.68);
    letter-spacing: .01em;
}

.others-empty-public::before {
    content: "✦";
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
    border-radius: 14px;
    background: rgba(212,165,48,.10);
    border: 1px solid rgba(212,165,48,.20);
    color: var(--accent-gold);
    font-size: 1.25rem;
    box-shadow: 0 0 22px rgba(212,165,48,.10);
    animation: ybEmptyPulse 2.4s ease-in-out infinite;
}

@keyframes ybEmptyPulse {
    0%, 100% { transform: scale(1); opacity: .8; }
    50% { transform: scale(1.06); opacity: 1; }
}

/* === OTHERS ADMIN + SEO DETAIL FIX === */
.others-admin-add textarea#othersCardDesc,
.others-admin-add textarea#othersCardSeoDesc {
    min-height: 76px;
    resize: vertical;
}
.others-admin-add #othersCardSeoTitle,
.others-admin-add #othersCardTags,
.others-admin-add #othersCardSeoDesc {
    min-width: 0;
}
.other-seo-content {
    margin-bottom: 34px;
    padding: 26px;
    border: 1px solid rgba(212,165,48,.18);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(212,165,48,.09), rgba(255,255,255,.025));
}
.other-seo-content__eyebrow {
    display: inline-flex;
    margin-bottom: 10px;
    color: var(--accent-gold);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.other-seo-content h2 {
    margin: 0 0 14px;
    color: var(--text-light);
    font-size: clamp(1.4rem, 3vw, 2rem);
}
.other-seo-content__text p {
    margin: 0 0 12px;
    color: var(--text-muted);
    line-height: 1.8;
}

/* === FIX: OTHERS ADMIN FORM RESPONSIVE / READABLE === */
.inline-admin__others-form .others-admin-add {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
    overflow: visible !important;
}

.inline-admin__others-form .others-admin-add input,
.inline-admin__others-form .others-admin-add textarea,
.inline-admin__others-form .others-image-picker,
.inline-admin__others-form #othersAddBtn {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.inline-admin__others-form #othersCardDesc,
.inline-admin__others-form #othersCardSeoDesc,
.inline-admin__others-form #othersCardTags,
.inline-admin__others-form .others-image-preview {
    grid-column: 1 / -1 !important;
}

.inline-admin__others-form #othersCardDesc,
.inline-admin__others-form #othersCardSeoDesc {
    min-height: 110px !important;
    line-height: 1.45 !important;
    white-space: pre-wrap !important;
}

.inline-admin__others-form .others-image-picker,
.inline-admin__others-form #othersAddBtn {
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.inline-admin__others-form .others-image-preview {
    min-height: 120px !important;
}

@media (max-width: 760px) {
    .inline-admin__others-form .others-admin-add {
        grid-template-columns: 1fr !important;
    }
}

/* Others category/product manager fix */
.others-admin-help{padding:12px 14px;border:1px solid rgba(212,165,48,.25);border-radius:14px;background:rgba(212,165,48,.08);color:#cfc7b8;font-size:13px;line-height:1.5;}
.others-product-manager{display:grid;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);}
.others-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;}
.others-product-grid label{display:grid;gap:6px;color:#aaa;font-weight:700;}
.others-product-grid input,.others-product-grid textarea,.others-product-grid select{width:100%;min-width:0;border:1px solid rgba(255,255,255,.08);background:#12110f;color:#fff;border-radius:14px;padding:14px;font:inherit;}
.others-product-grid textarea{grid-column:1/-1;min-height:110px;resize:vertical;}
.others-product-grid #othersProductSeoDesc,.others-product-grid #othersProductTags,.others-product-grid #othersProductSeoTitle{grid-column:1/-1;}
.others-product-grid .others-image-preview{grid-column:1/-1;}
@media (max-width: 760px){.others-product-grid{grid-template-columns:1fr;}}

/* === OTHERS MODERN ADMIN + PUBLIC FIX === */
.others-modern-grid,.server-listing__grid{align-items:stretch}.others-modern-card{position:relative;overflow:hidden;border:1px solid rgba(212,165,48,.22);background:linear-gradient(145deg,rgba(31,28,22,.96),rgba(18,16,13,.98));border-radius:24px;padding:18px;min-height:230px;box-shadow:0 18px 45px rgba(0,0,0,.28);transition:.25s ease;display:flex;flex-direction:column;gap:14px}.others-modern-card:hover{transform:translateY(-6px);border-color:rgba(212,165,48,.55);box-shadow:0 24px 70px rgba(212,165,48,.12)}.others-modern-card__image{height:120px;border-radius:18px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;overflow:hidden}.others-modern-card__image img{width:100%;height:100%;object-fit:contain;padding:18px}.others-modern-card__kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#d4a530;font-weight:800}.others-modern-card__title{font-size:22px;font-weight:900;color:#fff;margin:0}.others-modern-card__desc{color:rgba(255,255,255,.65);font-size:14px;line-height:1.55;margin:0}.others-modern-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#d4a530;font-weight:800}.others-modern-card__pill{border:1px solid rgba(212,165,48,.28);background:rgba(212,165,48,.1);border-radius:999px;padding:8px 12px;font-size:12px}.yb-others-admin{display:grid;gap:18px}.yb-admin-box{border:1px solid rgba(212,165,48,.18);background:linear-gradient(145deg,rgba(28,25,21,.96),rgba(15,14,12,.98));border-radius:22px;padding:18px;box-shadow:0 18px 40px rgba(0,0,0,.22)}.yb-admin-box h3{margin:0 0 6px;color:#fff;font-size:18px}.yb-admin-box p{margin:0 0 16px;color:rgba(255,255,255,.55);font-size:13px}.yb-admin-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.yb-admin-grid input,.yb-admin-grid textarea,.yb-admin-grid select{width:100%;min-width:0;border:1px solid rgba(255,255,255,.09);background:#11100e;color:#fff;border-radius:15px;padding:14px 15px;font-weight:700;outline:none}.yb-admin-grid textarea{resize:vertical;min-height:96px}.yb-span-3{grid-column:span 3}.yb-span-4{grid-column:span 4}.yb-span-6{grid-column:span 6}.yb-span-8{grid-column:span 8}.yb-span-12{grid-column:1/-1}.yb-file{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(212,165,48,.45);border-radius:15px;color:#d4a530;font-weight:900;cursor:pointer;min-height:50px}.yb-file input{display:none}.yb-btn{border:0;border-radius:15px;padding:14px 18px;font-weight:900;cursor:pointer;background:linear-gradient(135deg,#f5d85d,#d4a530);color:#111}.yb-btn--dark{background:#24211d;color:#fff;border:1px solid rgba(255,255,255,.09)}.yb-admin-list{display:grid;gap:10px;margin-top:14px}.yb-admin-row{display:grid;grid-template-columns:64px 1fr auto;gap:13px;align-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:18px;padding:10px}.yb-admin-row img{width:64px;height:54px;border-radius:14px;object-fit:contain;background:#111}.yb-admin-row strong{color:#fff;display:block}.yb-admin-row small,.yb-admin-row em{color:rgba(255,255,255,.55);font-style:normal;display:block;margin-top:3px}.yb-row-actions{display:flex;gap:8px}.yb-row-actions button{width:40px;height:40px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:#28241f;color:#fff;cursor:pointer}.yb-preview{min-height:70px;border-radius:16px;background:rgba(255,255,255,.035);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);font-weight:800}.yb-preview img{max-width:100%;max-height:90px;object-fit:contain}.inline-admin__drawer .yb-others-admin{padding-bottom:20px}@media(max-width:900px){.yb-span-3,.yb-span-4,.yb-span-6,.yb-span-8{grid-column:1/-1}.yb-admin-row{grid-template-columns:54px 1fr}.yb-row-actions{grid-column:1/-1}.others-modern-card{min-height:auto}}


/* NEW OTHERS SHOP DESIGN - table style */
.yb-shop-panel{margin:0 0 34px;background:rgba(24,24,22,.95);border:1px solid rgba(212,165,48,.25);border-radius:22px;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.28)}
.yb-shop-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;background:linear-gradient(135deg,rgba(212,165,48,.18),rgba(255,255,255,.03))}.yb-shop-head h2{margin:0;color:#fff;font-size:26px}.yb-shop-head p{margin:6px 0 0;color:#aaa}.yb-shop-head span{color:#f0c84b;border:1px solid rgba(240,200,75,.35);padding:8px 12px;border-radius:999px;font-weight:800}.yb-shop-table{width:100%}.yb-shop-table-head,.yb-shop-row{display:grid;grid-template-columns:2.2fr 1fr 1.2fr .9fr 1.25fr;align-items:center;gap:14px}.yb-shop-table-head{padding:14px 22px;background:#262626;color:#fff;font-weight:800}.yb-shop-row{padding:16px 22px;border-top:4px solid rgba(255,255,255,.035);background:#242525}.yb-shop-product{display:flex;align-items:center;gap:16px;color:#fff}.yb-shop-img{width:70px;height:70px;border-radius:4px;overflow:hidden;position:relative;background:#9b7808;display:grid;place-items:center}.yb-shop-img img{width:100%;height:100%;object-fit:cover;opacity:.92}.yb-shop-img span{position:absolute;left:4px;top:7px;color:#fff;font-weight:900;text-shadow:0 1px 3px #000}.yb-shop-product b{display:block;color:#fff}.yb-shop-product em{display:inline-block;margin-top:6px;background:#24b957;color:#fff;border-radius:4px;padding:3px 7px;font-style:normal;font-size:12px;font-weight:900}.yb-shop-duration{color:#fff;font-weight:800}.yb-shop-stock{color:#35c75a;font-weight:800}.yb-shop-stock span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#35b75a;color:#fff;margin-right:6px}.yb-shop-price small{display:block;color:#777;text-decoration:line-through;font-weight:700}.yb-shop-price strong{color:#28c95b;font-size:18px}.yb-shop-actions>div{display:flex}.yb-shop-actions input{width:90px;border:0;border-radius:5px 0 0 5px;padding:10px;font-weight:900}.yb-shop-actions button{border:0;background:#2878ff;color:#fff;font-weight:900;border-radius:0 5px 5px 0;padding:8px 14px;line-height:1.05}.yb-more{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px;background:#ffc21f;color:#fff;text-decoration:none;border-radius:5px;padding:10px 14px;font-weight:900}.yb-more span{display:inline-grid;place-items:center;background:#e4ad0d;border-radius:7px;width:22px;height:22px}.yb-shop-empty{padding:30px;text-align:center;color:#aaa;border:1px dashed rgba(212,165,48,.3);border-radius:16px;margin:16px}.yb-admin-modern{background:#111;border:1px solid rgba(212,165,48,.28);border-radius:24px;padding:26px;margin-bottom:40px}.yb-admin-modern h2{margin:0 0 8px;color:#fff}.yb-admin-modern p{color:#aaa}.yb-shop-admin-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.yb-shop-admin-form input,.yb-shop-admin-form select,.yb-shop-admin-form textarea{background:#0b0b0b;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;padding:15px;font-weight:800}.yb-shop-admin-form textarea{grid-column:span 2;min-height:90px}.yb-file{display:grid;place-items:center;border:1px dashed rgba(240,200,75,.6);border-radius:14px;color:#fff;font-weight:900}.yb-file input{display:none}.yb-shop-admin-form button{border:0;border-radius:14px;padding:16px;font-weight:900;background:#f0c84b;color:#111}.yb-shop-admin-form button#ybShopClear{background:#2b2924;color:#fff}.yb-shop-admin-list{display:grid;gap:12px;margin-top:20px}.yb-admin-product{display:grid;grid-template-columns:76px 1fr auto auto;gap:14px;align-items:center;background:#1e1e1c;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px}.yb-admin-product img{width:70px;height:70px;object-fit:cover;border-radius:10px}.yb-admin-product b{display:block;color:#fff}.yb-admin-product small{display:block;color:#d6aa35;margin-top:3px}.yb-admin-product p{margin:5px 0 0;color:#aaa}.yb-admin-product button{border:0;border-radius:10px;padding:11px 14px;font-weight:900;background:#332f28;color:#fff}.yb-admin-product button[data-del]{background:#3a2222;color:#ffd0d0}@media(max-width:900px){.yb-shop-table-head{display:none}.yb-shop-row{grid-template-columns:1fr}.yb-shop-admin-form{grid-template-columns:1fr}.yb-shop-admin-form textarea{grid-column:auto}.yb-admin-product{grid-template-columns:60px 1fr}.yb-admin-product button{grid-column:span 2}}
/* Others market v2 */
.yb-cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:30px 0 70px}.yb-cat-card{display:flex;justify-content:space-between;align-items:flex-end;min-height:210px;padding:34px;border:1px solid rgba(212,165,48,.35);border-radius:24px;background:linear-gradient(135deg,rgba(52,43,17,.92),rgba(22,20,17,.96));box-shadow:0 18px 60px rgba(0,0,0,.35);text-decoration:none;color:#fff;transition:.2s}.yb-cat-card:hover{transform:translateY(-4px);border-color:#f2c84b}.yb-cat-card span,.yb-page-head a{color:#f2c84b;font-weight:800}.yb-cat-card h2{font-size:34px;margin:18px 0 10px}.yb-cat-card p,.yb-page-head p{color:#bdb6aa;font-size:17px}.yb-cat-card b{background:#f2c84b;color:#15120b;border-radius:999px;padding:12px 18px}.yb-page-head{margin:40px 0 28px}.yb-page-head h1{font-size:46px;margin:14px 0 8px}.yb-page-head a{text-decoration:none}.yb-server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;margin-bottom:70px}.yb-server-card{display:flex;gap:18px;align-items:center;padding:22px;border:1px solid rgba(212,165,48,.28);border-radius:22px;background:#181612;text-decoration:none;color:#fff}.yb-server-card:hover{border-color:#f2c84b}.yb-server-card img{width:92px;height:92px;object-fit:cover;border-radius:16px;background:#0d0c0a}.yb-server-card span,.yb-server-card small{color:#f2c84b;font-weight:800}.yb-server-card h2{margin:6px 0}.yb-server-card p{color:#aaa;margin:0 0 8px}.yb-empty{padding:28px;border:1px dashed rgba(212,165,48,.35);border-radius:18px;color:#aaa;text-align:center}.yb-admin-tabs{display:flex;gap:12px;margin:20px 0}.yb-admin-tabs button{border:1px solid rgba(212,165,48,.35);background:#15130f;color:#fff;padding:14px 20px;border-radius:14px;font-weight:800;cursor:pointer}.yb-admin-tabs button.on{background:#f2c84b;color:#15120b}.yb-shop-admin-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.yb-shop-admin-form input,.yb-shop-admin-form select,.yb-shop-admin-form textarea{width:100%;background:#0f0e0c;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:14px;padding:16px;font-weight:700}.yb-shop-admin-form textarea{grid-column:span 2;min-height:90px}.yb-shop-admin-form button,.yb-file{background:#f2c84b;color:#15120b;border:0;border-radius:14px;padding:16px;font-weight:900;text-align:center;cursor:pointer}.yb-file input{display:none}.yb-shop-admin-list{display:grid;gap:12px;margin-top:22px}.yb-admin-product{display:flex;align-items:center;gap:14px;background:#171511;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px}.yb-admin-product img{width:62px;height:62px;object-fit:cover;border-radius:10px}.yb-admin-product div{flex:1}.yb-admin-product small{display:block;color:#f2c84b;margin-top:4px}.yb-admin-product p{margin:6px 0 0;color:#aaa}.yb-admin-product button{background:#2b2822;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer}.yb-shop-row small{display:block;color:#36e06a;margin-top:6px;font-weight:800}@media(max-width:800px){.yb-cat-grid,.yb-shop-admin-form{grid-template-columns:1fr}.yb-shop-admin-form textarea{grid-column:auto}.yb-cat-card{min-height:170px}.yb-cat-card h2{font-size:28px}}
.admin-modal{min-height:100vh;background:linear-gradient(110deg,#17130a,#12100d 45%,#1d1720);color:#fff}.admin-modal__header{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-kicker{color:#f2c84b;letter-spacing:4px;font-weight:900}.admin-modal__header h1{font-size:36px;margin:12px 0 6px}.admin-close{font-size:46px;color:#fff;text-decoration:none;background:rgba(255,255,255,.08);width:64px;height:64px;border-radius:18px;text-align:center}.admin-modal__body{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:26px}.admin-sidebar{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:18px;height:max-content}.admin-sidebar a{display:block;margin:12px 0;padding:18px;border-radius:16px;background:rgba(255,255,255,.05);text-align:center;font-weight:900}.admin-sidebar a.active{background:rgba(242,200,75,.18);border:1px solid rgba(242,200,75,.5)}.admin-panel__container{max-width:980px}.yb-admin-modern{background:#11100e;border:1px solid rgba(212,165,48,.28);border-radius:24px;padding:24px}.yb-admin-modern h2{font-size:28px;margin:0 0 8px}.yb-admin-modern p{color:#aaa}@media(max-width:900px){.admin-modal__body{grid-template-columns:1fr}.admin-sidebar{display:none}}
.yb-clean-admin .yb-shop-admin-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.yb-clean-admin textarea{grid-column:span 2;min-height:90px}.yb-clean-admin .yb-file,.yb-clean-admin button{min-height:58px}.yb-admin-help{margin:16px 0;padding:16px 18px;border:1px solid rgba(245,201,70,.25);border-radius:16px;background:rgba(245,201,70,.08);color:#d8d0bd}.yb-clean-admin .yb-admin-tabs{display:flex;gap:10px;flex-wrap:wrap}.yb-clean-admin .yb-admin-tabs button{border:1px solid rgba(245,201,70,.25);background:#171511;color:#fff;border-radius:14px;padding:12px 18px;font-weight:900}.yb-clean-admin .yb-admin-tabs button.on{background:#f5cf45;color:#15110a}@media(max-width:900px){.yb-clean-admin .yb-shop-admin-form{grid-template-columns:1fr}.yb-clean-admin textarea{grid-column:span 1}}
.yb-inline-clean-admin{margin-top:18px}.yb-inline-clean-admin .yb-admin-modern{border:1px solid rgba(229,190,65,.25);border-radius:22px;background:#11100d;padding:22px}.yb-inline-clean-admin h2{margin:0 0 8px;color:#fff}.yb-inline-clean-admin p{color:#aaa}.yb-clean-admin .yb-shop-admin-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.yb-clean-admin input,.yb-clean-admin select,.yb-clean-admin textarea{background:#0b0a08;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;color:#fff;font-weight:700}.yb-clean-admin textarea{grid-column:span 2;min-height:90px}.yb-clean-admin button,.yb-file{border:0;border-radius:14px;padding:16px 18px;font-weight:900;background:#f3c83e;color:#0b0a08;text-align:center;cursor:pointer}.yb-file input{display:none}.yb-admin-product{display:grid;grid-template-columns:70px 1fr auto auto;gap:14px;align-items:center;margin-top:12px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#1c1a16}.yb-admin-product img{width:64px;height:64px;object-fit:cover;border-radius:10px}.yb-admin-product small,.yb-admin-product p{display:block;color:#aaa;margin:4px 0}.yb-admin-tabs{display:flex;gap:10px;margin:18px 0}.yb-admin-tabs button{background:#242019;color:#fff;border:1px solid rgba(255,255,255,.12)}.yb-admin-tabs button.on{background:#f3c83e;color:#0b0a08}
@media(max-width:900px){.yb-clean-admin .yb-shop-admin-form{grid-template-columns:1fr}.yb-clean-admin textarea{grid-column:auto}.yb-admin-product{grid-template-columns:54px 1fr}.yb-admin-product button{grid-column:span 1}}
/* === Others V3 clean system === */
.yb-section-cards{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:28px;margin:40px auto;max-width:1200px}.yb-section-card{position:relative;display:block;padding:46px 42px;border:1px solid rgba(229,184,55,.42);border-radius:24px;background:linear-gradient(135deg,rgba(229,184,55,.13),rgba(20,18,12,.96));color:#fff;text-decoration:none;min-height:190px}.yb-section-card span{color:#f5d44d;font-weight:900}.yb-section-card h2{font-size:34px;margin:28px 0 10px}.yb-section-card p{color:#c9c0ae;font-size:17px}.yb-section-card b{position:absolute;right:34px;top:50%;transform:translateY(-50%);background:#f2cf4a;color:#111;padding:17px 26px;border-radius:999px}.yb-product-page{max-width:1400px;margin:0 auto;padding:70px 24px}.yb-back{color:#ffd72e;font-weight:800;text-decoration:none}.yb-product-page h1{font-size:54px;color:#fff}.yb-product-page>p{color:#ddd;font-size:18px}.yb-table-card{margin-top:34px;border:1px solid rgba(229,184,55,.35);border-radius:22px;overflow:hidden;background:#222}.yb-table-head{display:flex;justify-content:space-between;align-items:center;background:#302b16;padding:28px}.yb-table-head h2{margin:0;color:#fff}.yb-table-head p{color:#c9c0ae}.yb-table-head span{border:1px solid rgba(245,215,46,.55);border-radius:999px;padding:12px 18px;color:#ffd72e;font-weight:900}.yb-shop-cols,.yb-shop-row{display:grid;grid-template-columns:2.1fr 1fr 1.1fr .9fr 1.2fr;gap:18px;align-items:center;padding:18px 24px;border-top:1px solid rgba(255,255,255,.05);color:#fff}.yb-shop-cols{font-size:18px}.yb-shop-product{display:flex;gap:16px;align-items:center}.yb-shop-thumb{width:72px;height:72px;border-radius:6px;overflow:hidden;position:relative;background:#8a6b06}.yb-shop-thumb img{width:100%;height:100%;object-fit:cover}.yb-shop-thumb b{position:absolute;left:3px;top:9px;color:white;text-shadow:0 2px 2px #000}.yb-stock,.yb-price{color:#35e969;font-weight:900}.yb-oldprice{display:block;color:#777;text-decoration:line-through}.yb-buy{display:grid;grid-template-columns:1fr 1fr;gap:8px}.yb-buy input{padding:13px;border:0;border-radius:4px}.yb-buy button{border:0;border-radius:5px;background:#3676ff;color:#fff;font-weight:900}.yb-buy .more{grid-column:1/3;background:#ffc327;color:#fff;padding:13px}.yb-discount{display:inline-block;background:#26c760;color:#fff;padding:4px 8px;border-radius:4px;margin-left:0;margin-top:6px;font-size:12px;font-weight:900}.yb-empty{padding:30px;color:#aaa}.yb-new-admin .yb-admin-box{margin-bottom:22px}.yb-new-admin input,.yb-new-admin select{width:100%;min-height:58px;background:#0e0d0b;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;padding:0 16px;font-weight:800}.yb-preview img{max-height:90px;border-radius:10px}@media(max-width:900px){.yb-section-cards{grid-template-columns:1fr}.yb-shop-cols{display:none}.yb-shop-row{grid-template-columns:1fr}.yb-buy{max-width:260px}.yb-section-card b{position:static;display:inline-block;transform:none;margin-top:20px}}
/* Others area/category/product system */
.oa-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:40px auto;max-width:1200px}.oa-big-card{display:block;text-decoration:none;color:#fff;background:linear-gradient(135deg,rgba(55,46,22,.95),rgba(15,14,10,.95));border:1px solid rgba(234,190,42,.38);border-radius:22px;padding:42px;min-height:190px;position:relative;transition:.2s}.oa-big-card:hover{transform:translateY(-3px);border-color:#f2ce4a}.oa-big-card h2{font-size:34px;margin:28px 0 12px}.oa-big-card p{color:#c6c0b3;font-size:17px}.oa-big-card b{position:absolute;right:36px;top:50%;transform:translateY(-50%);background:#f4d34e;color:#111;padding:16px 28px;border-radius:999px}.oa-pill{display:inline-flex;border:1px solid rgba(234,190,42,.55);border-radius:999px;padding:10px 18px;color:#ffe14f;font-weight:800}.oa-page{max-width:1320px;margin:90px auto;padding:0 24px;color:#fff}.oa-page h1{font-size:56px;margin:18px 0}.oa-page>p{font-size:19px;color:#ddd}.oa-back{color:#ffe14f;text-decoration:none;font-weight:800}.oa-table{margin-top:40px;border:1px solid rgba(234,190,42,.35);border-radius:22px;overflow:hidden;background:#202020}.oa-table-head{display:flex;justify-content:space-between;align-items:center;padding:30px;background:#302b15}.oa-table-head h2{margin:0;font-size:30px}.oa-table-head p{margin:8px 0 0;color:#ddd}.oa-cols,.oa-product-row{display:grid;grid-template-columns:2.2fr 1.1fr 1.2fr .9fr 1.4fr;gap:20px;align-items:center;padding:22px 28px;border-top:1px solid rgba(255,255,255,.06)}.oa-product{display:flex;align-items:center;gap:18px}.oa-product img{width:70px;height:70px;object-fit:cover;border-radius:8px;background:#5c470a}.oa-product strong{display:block}.oa-product small,.oa-product-row small{display:block;color:#aaa}.oa-stock,.oa-price{color:#32e66b}.oa-old{text-decoration:line-through}.oa-discount{display:inline-block;background:#21c65b;color:#fff;border-radius:4px;padding:4px 6px;font-size:12px;font-weight:800}.oa-buy{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oa-buy input{height:46px;border:0;padding:0 14px;font-weight:800}.oa-buy button{border:0;border-radius:6px;background:#3773ff;color:#fff;font-weight:800}.oa-buy .more{grid-column:1/3;background:#ffc325;color:#fff;height:46px}.oa-empty{padding:28px;border:1px dashed rgba(234,190,42,.35);border-radius:14px;color:#999;text-align:center}.oa-admin{display:grid;gap:24px}.oa-admin-box{background:#12110e;border:1px solid rgba(234,190,42,.35);border-radius:24px;padding:28px}.oa-admin-box h2{margin:0 0 8px;color:#fff}.oa-admin-box p{color:#aaa}.oa-form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.oa-form-grid input,.oa-form-grid textarea,.oa-form-grid select{grid-column:span 3;background:#090908;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;padding:18px;font-weight:700;min-width:0}.oa-form-grid textarea{grid-column:span 9;min-height:86px}.oa-form-grid button,.oa-file{grid-column:span 3;background:linear-gradient(135deg,#ffdf62,#d3a722);color:#111;border:0;border-radius:14px;font-weight:900;padding:18px;text-align:center;cursor:pointer}.oa-file input{display:none}.oa-preview{grid-column:1/-1;background:#1d1b17;border-radius:14px;min-height:74px;display:flex;align-items:center;justify-content:center;color:#999;font-weight:800}.oa-preview img{max-height:120px;max-width:180px;border-radius:10px}.oa-admin-row{display:grid;grid-template-columns:70px 1fr 52px 52px;gap:14px;align-items:center;margin-top:14px;padding:14px;background:#1e1c18;border:1px solid rgba(255,255,255,.08);border-radius:16px}.oa-admin-row img{width:64px;height:64px;object-fit:cover;border-radius:10px}.oa-admin-row strong,.oa-admin-row small,.oa-admin-row p{display:block;margin:3px 0}.oa-admin-row button{height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#2b2925;color:#fff;cursor:pointer}@media(max-width:900px){.oa-card-grid{grid-template-columns:1fr}.oa-cols{display:none}.oa-product-row{grid-template-columns:1fr}.oa-form-grid input,.oa-form-grid textarea,.oa-form-grid select,.oa-form-grid button,.oa-file{grid-column:1/-1}}


/* Others area-system final card UI */
.oa-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;margin:34px 0 54px;max-width:1180px}
.oa-category-card{display:flex;flex-direction:column;min-height:270px;text-decoration:none;color:#fff;background:linear-gradient(180deg,rgba(35,31,22,.98),rgba(18,16,12,.98));border:1px solid rgba(234,190,42,.34);border-radius:18px;padding:14px;transition:.2s;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.oa-category-card:hover{transform:translateY(-4px);border-color:#f2ce4a;box-shadow:0 22px 60px rgba(234,190,42,.12)}
.oa-category-img{height:96px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px}
.oa-category-img img{max-width:100%;max-height:100%;object-fit:contain}
.oa-category-card span{font-size:10px;letter-spacing:.08em;color:#e2b52d;font-weight:900;margin-bottom:10px}
.oa-category-card h2{font-size:17px;margin:0 0 10px;color:#fff}
.oa-category-card p{font-size:13px;line-height:1.45;color:#c7c0b3;margin:0 0 14px;min-height:38px}
.oa-category-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f3c73a;font-weight:900}
.oa-category-bottom em{font-style:normal;border:1px solid rgba(234,190,42,.45);border-radius:999px;padding:6px 10px;font-size:12px}
.oa-category-bottom b{font-size:13px;color:#f3c73a}
.oa-area-grid .oa-category-img{height:110px}
@media(max-width:900px){.oa-category-grid{grid-template-columns:1fr 1fr}.oa-category-card{min-height:250px}}
@media(max-width:560px){.oa-category-grid{grid-template-columns:1fr}}

/* Modern Others product list redesign */
body:has(#ybOthersProducts) {
  background:
    radial-gradient(circle at 18% 8%, rgba(233, 188, 50, .10), transparent 30%),
    radial-gradient(circle at 88% 28%, rgba(255, 215, 75, .08), transparent 34%),
    #11100b;
}
#ybOthersProducts .oa-page{
  max-width:1280px;
  margin:96px auto 80px;
  padding:0 28px;
}
#ybOthersProducts .oa-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border:1px solid rgba(244, 211, 78, .22);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#ffe45c;
  backdrop-filter:blur(10px);
}
#ybOthersProducts .oa-page h1{
  margin:26px 0 10px;
  font-size:clamp(42px, 6vw, 72px);
  line-height:.95;
  letter-spacing:-2px;
  text-shadow:0 12px 32px rgba(0,0,0,.5);
}
#ybOthersProducts .oa-page > p{
  max-width:720px;
  color:#cfc7b5;
  font-size:20px;
  line-height:1.6;
}
#ybOthersProducts .oa-table{
  margin-top:42px;
  overflow:hidden;
  border:1px solid rgba(244, 211, 78, .30);
  border-radius:30px;
  background:linear-gradient(180deg, rgba(31,29,21,.92), rgba(18,18,16,.96));
  box-shadow:0 28px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
}
#ybOthersProducts .oa-table-head{
  padding:30px 34px;
  background:
    linear-gradient(135deg, rgba(244,211,78,.15), transparent 55%),
    rgba(42,38,21,.88);
  border-bottom:1px solid rgba(255,255,255,.06);
}
#ybOthersProducts .oa-table-head h2{
  font-size:30px;
  letter-spacing:-.6px;
}
#ybOthersProducts .oa-table-head p{
  color:#cfc7b5;
}
#ybOthersProducts .oa-pill{
  background:rgba(255,224,86,.10);
  box-shadow:inset 0 0 0 1px rgba(244,211,78,.40);
  border:0;
  color:#ffe45c;
}
#ybOthersProducts .oa-cols{
  grid-template-columns:2fr .85fr .9fr .85fr 1.35fr;
  padding:18px 34px;
  background:rgba(255,255,255,.035);
  color:#f7f1df;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.8px;
}
#ybOthersProducts .oa-product-row{
  grid-template-columns:2fr .85fr .9fr .85fr 1.35fr;
  gap:22px;
  padding:26px 34px;
  background:rgba(255,255,255,.025);
  transition:background .18s ease, transform .18s ease;
}
#ybOthersProducts .oa-product-row:hover{
  background:rgba(244,211,78,.055);
}
#ybOthersProducts .oa-product img{
  width:82px;
  height:82px;
  border-radius:16px;
  padding:4px;
  background:linear-gradient(145deg, rgba(255,220,72,.28), rgba(255,255,255,.04));
  box-shadow:0 12px 26px rgba(0,0,0,.35);
}
#ybOthersProducts .oa-product strong{
  font-size:18px;
  margin-bottom:5px;
  color:#fff;
}
#ybOthersProducts .oa-product small,
#ybOthersProducts .oa-product-row small{
  color:#b9b19f;
}
#ybOthersProducts .oa-stock{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:7px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(48, 230, 107, .11);
  color:#45f47d;
  font-weight:900;
}
#ybOthersProducts .oa-price{
  display:block;
  color:#45f47d;
  font-size:18px;
  font-weight:950;
}
#ybOthersProducts .oa-old{
  color:#8d897f;
  font-weight:800;
  text-decoration:line-through;
  margin-bottom:2px;
}
#ybOthersProducts .oa-discount{
  margin-bottom:6px;
  background:linear-gradient(135deg,#2ee96f,#159a43);
  border-radius:999px;
  padding:5px 9px;
}
#ybOthersProducts .oa-buy{
  grid-template-columns:88px 1fr;
  gap:10px;
  align-items:stretch;
}
#ybOthersProducts .oa-buy input{
  height:48px;
  border-radius:12px;
  background:#fff;
  color:#111;
  outline:0;
}
#ybOthersProducts .oa-buy button{
  min-height:48px;
  border-radius:12px;
  background:linear-gradient(135deg,#5c7cff,#3767ff);
  box-shadow:0 10px 22px rgba(55,103,255,.22);
}
#ybOthersProducts .oa-buy .more{
  grid-column:1/3;
  background:linear-gradient(135deg,#ffd85e,#e5ac18);
  color:#1a1405;
  box-shadow:0 12px 26px rgba(229,172,24,.18);
}
@media(max-width:900px){
  #ybOthersProducts .oa-cols{display:none}
  #ybOthersProducts .oa-product-row{
    grid-template-columns:1fr;
    margin:18px;
    padding:22px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
  }
  #ybOthersProducts .oa-buy{grid-template-columns:1fr 1fr}
}

/* === Others product page: premium action controls refresh === */
.yb-shop-cols,
.yb-shop-row{
  grid-template-columns:2.05fr .9fr 1.05fr .9fr 280px !important;
}
.yb-buy,
.yb-shop-actions{
  width:100%;
  max-width:280px;
  margin-left:auto;
  display:grid !important;
  grid-template-columns:86px 1fr;
  gap:10px;
  align-items:stretch;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px rgba(0,0,0,.22);
}
.yb-buy>div,
.yb-shop-actions>div{
  display:contents !important;
}
.yb-buy input,
.yb-shop-actions input{
  width:100% !important;
  min-width:0;
  height:50px;
  padding:0 14px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:15px !important;
  background:linear-gradient(180deg,#ffffff,#e9e5db) !important;
  color:#111 !important;
  font-size:16px;
  font-weight:1000;
  outline:none;
  box-shadow:0 8px 20px rgba(0,0,0,.18), inset 0 -2px 0 rgba(0,0,0,.08);
}
.yb-buy button:not(.more),
.yb-shop-actions button{
  height:50px;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,#6c63ff 0%,#4f73ff 55%,#3d9bff 100%) !important;
  color:#fff !important;
  font-weight:1000 !important;
  letter-spacing:-.02em;
  line-height:1.05 !important;
  padding:0 16px !important;
  white-space:nowrap;
  box-shadow:0 14px 32px rgba(77,104,255,.28), inset 0 1px 0 rgba(255,255,255,.22);
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.yb-buy button:not(.more):hover,
.yb-shop-actions button:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
  box-shadow:0 18px 42px rgba(77,104,255,.38), inset 0 1px 0 rgba(255,255,255,.25);
}
.yb-buy .more,
.yb-more{
  grid-column:1 / -1 !important;
  height:50px;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:15px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:linear-gradient(135deg,#ffe46a 0%,#f1bf2a 55%,#d7a313 100%) !important;
  color:#130f07 !important;
  font-weight:1000 !important;
  text-decoration:none;
  box-shadow:0 14px 30px rgba(212,165,48,.25), inset 0 1px 0 rgba(255,255,255,.38);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.yb-buy .more:hover,
.yb-more:hover{
  transform:translateY(-2px);
  filter:saturate(1.06);
  box-shadow:0 18px 42px rgba(212,165,48,.35), inset 0 1px 0 rgba(255,255,255,.42);
}
.yb-more span{
  width:22px !important;
  height:22px !important;
  border-radius:50% !important;
  background:rgba(20,16,8,.13) !important;
  color:#130f07 !important;
  font-size:13px;
}
.yb-shop-row{
  transition:background .18s ease, transform .18s ease;
}
.yb-shop-row:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(242,200,75,.035)) !important;
}
.yb-shop-product strong,
.yb-shop-product b{
  letter-spacing:-.02em;
}
/* If the ultra template is active, keep the same cleaner action style there too */
.oa-ultra-buy{
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
}
.oa-ultra-controls{
  grid-template-columns:86px 1fr !important;
}
.oa-ultra-controls input,
.oa-ultra-controls button,
.oa-ultra-more{
  border-radius:15px !important;
}
.oa-ultra-more{
  background:linear-gradient(135deg,#ffe46a,#d7a313) !important;
}
@media(max-width:900px){
  .yb-shop-cols,.yb-shop-row{grid-template-columns:1fr !important;}
  .yb-buy,.yb-shop-actions{max-width:100%;margin-left:0;}
}

/* === Others product actions: Discord / Live Chat instead of basket === */
#ybOthersProducts .oa-cols{
  grid-template-columns:2fr .85fr .9fr .85fr 1.25fr;
}
#ybOthersProducts .oa-product-row{
  grid-template-columns:2fr .85fr .9fr .85fr 1.25fr;
}
#ybOthersProducts .oa-buy{
  display:grid !important;
  grid-template-columns:1fr;
  gap:10px;
  max-width:250px;
  margin-left:auto;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 45px rgba(0,0,0,.25);
}
#ybOthersProducts .oa-buy input{display:none !important;}
#ybOthersProducts .oa-buy a,
#ybOthersProducts .oa-buy button{
  width:100%;
  min-height:50px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-weight:950;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
#ybOthersProducts .oa-buy .oa-discord{
  background:linear-gradient(135deg,#746cff 0%,#5967ff 52%,#4aa0ff 100%);
  color:#fff;
  box-shadow:0 16px 34px rgba(86,104,255,.32), inset 0 1px 0 rgba(255,255,255,.22);
}
#ybOthersProducts .oa-buy .oa-live{
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
#ybOthersProducts .oa-buy .oa-live::first-letter{color:#fff;}
#ybOthersProducts .oa-buy a:hover,
#ybOthersProducts .oa-buy button:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
}
#ybOthersProducts .oa-buy .oa-discord:hover{
  box-shadow:0 22px 48px rgba(86,104,255,.42), inset 0 1px 0 rgba(255,255,255,.26);
}
#ybOthersProducts .oa-buy .oa-live:hover{
  border-color:rgba(244,211,78,.36);
  color:#ffe45c;
}
@media(max-width:900px){
  #ybOthersProducts .oa-buy{max-width:none;margin-left:0;grid-template-columns:1fr 1fr;}
}

/* === Hotfix: Others action buttons - site color, no outer box === */
#ybOthersProducts .oa-buy{
  display:grid !important;
  grid-template-columns:1fr;
  gap:10px;
  max-width:230px;
  margin-left:auto;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#ybOthersProducts .oa-buy a,
#ybOthersProducts .oa-buy button{
  width:100%;
  min-height:48px;
  border-radius:16px;
  border:1px solid rgba(244,211,78,.32);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:950;
  letter-spacing:.1px;
  text-decoration:none;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}
#ybOthersProducts .oa-buy a::before,
#ybOthersProducts .oa-buy button::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.20) 45%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .45s ease;
  pointer-events:none;
}
#ybOthersProducts .oa-buy a:hover::before,
#ybOthersProducts .oa-buy button:hover::before{transform:translateX(120%);}
#ybOthersProducts .oa-buy .oa-discord{
  background:linear-gradient(135deg,#ffe066 0%,#e3b72d 48%,#b88412 100%) !important;
  color:#120f08 !important;
  box-shadow:0 14px 32px rgba(226,181,42,.22), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
#ybOthersProducts .oa-buy .oa-live{
  background:linear-gradient(135deg,rgba(255,224,102,.10),rgba(255,224,102,.035)) !important;
  color:#f8e29a !important;
  border-color:rgba(244,211,78,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 26px rgba(0,0,0,.20) !important;
}
#ybOthersProducts .oa-buy a:hover,
#ybOthersProducts .oa-buy button:hover{
  transform:translateY(-2px);
  border-color:rgba(255,224,102,.65) !important;
  filter:saturate(1.08);
}
#ybOthersProducts .oa-buy .oa-discord:hover{box-shadow:0 18px 42px rgba(226,181,42,.34), inset 0 1px 0 rgba(255,255,255,.5) !important;}
#ybOthersProducts .oa-buy .oa-live:hover{background:linear-gradient(135deg,rgba(255,224,102,.16),rgba(255,224,102,.06)) !important;color:#fff1b5 !important;}
@media(max-width:900px){#ybOthersProducts .oa-buy{max-width:none;margin-left:0;grid-template-columns:1fr 1fr;}}


/* === FINAL HOTFIX: Others products only Live Chat CTA === */
#ybOthersProducts .oa-buy{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  max-width:none !important;
  margin-left:auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#ybOthersProducts .oa-buy .oa-discord{
  display:none !important;
}
#ybOthersProducts .oa-buy .oa-live{
  min-width:168px !important;
  min-height:54px !important;
  padding:0 28px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,224,102,.68) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.35), transparent 28%),
    linear-gradient(135deg,#ffe66d 0%,#e6b62e 48%,#a8730c 100%) !important;
  color:#120d04 !important;
  font-weight:1000 !important;
  letter-spacing:.15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  cursor:pointer !important;
  box-shadow:
    0 0 0 1px rgba(255,224,102,.18),
    0 15px 34px rgba(220,170,35,.25),
    inset 0 1px 0 rgba(255,255,255,.55) !important;
  position:relative !important;
  overflow:hidden !important;
  animation:ybLivePulse 2.2s infinite ease-in-out !important;
}
#ybOthersProducts .oa-buy .oa-live::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.36) 45%,transparent 70%);
  transform:translateX(-120%);
  animation:ybLiveShine 3.4s infinite ease-in-out;
  pointer-events:none;
}
#ybOthersProducts .oa-buy .oa-live::after{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:#27ff87;
  box-shadow:0 0 0 0 rgba(39,255,135,.7);
  animation:ybGreenPulse 1.35s infinite;
  order:-1;
}
#ybOthersProducts .oa-buy .oa-live:hover{
  transform:translateY(-2px) scale(1.02) !important;
  border-color:rgba(255,239,150,.95) !important;
  box-shadow:
    0 0 0 1px rgba(255,224,102,.28),
    0 22px 48px rgba(220,170,35,.36),
    inset 0 1px 0 rgba(255,255,255,.68) !important;
}
@keyframes ybLivePulse{
  0%,100%{filter:saturate(1); box-shadow:0 0 0 1px rgba(255,224,102,.18),0 15px 34px rgba(220,170,35,.25),inset 0 1px 0 rgba(255,255,255,.55);}
  50%{filter:saturate(1.08); box-shadow:0 0 0 1px rgba(255,224,102,.28),0 18px 42px rgba(220,170,35,.34),inset 0 1px 0 rgba(255,255,255,.62);}
}
@keyframes ybLiveShine{
  0%,62%{transform:translateX(-130%);}
  100%{transform:translateX(130%);}
}
@keyframes ybGreenPulse{
  0%{box-shadow:0 0 0 0 rgba(39,255,135,.72);}
  70%{box-shadow:0 0 0 10px rgba(39,255,135,0);}
  100%{box-shadow:0 0 0 0 rgba(39,255,135,0);}
}
@media(max-width:900px){
  #ybOthersProducts .oa-buy{justify-content:flex-start !important;margin-left:0 !important;}
  #ybOthersProducts .oa-buy .oa-live{width:100% !important;}
}


/* === FINAL HOTFIX: softer stock and price text === */
#ybOthersProducts .oa-stock{
  font-size:12px !important;
  font-weight:600 !important;
  padding:5px 11px !important;
  border-radius:999px !important;
  background:rgba(46,204,113,.13) !important;
  color:#48ef8b !important;
  line-height:1 !important;
}

#ybOthersProducts .oa-price{
  font-size:15px !important;
  font-weight:650 !important;
  letter-spacing:.1px !important;
  color:#52f790 !important;
}

#ybOthersProducts .oa-product-row > div:nth-child(4) strong,
#ybOthersProducts .oa-product-row .oa-price{
  font-size:15px !important;
  font-weight:650 !important;
}

#ybOthersProducts .oa-product-row > div:nth-child(4) small{
  font-size:11px !important;
  font-weight:500 !important;
  opacity:.65 !important;
}


/* === FINAL HOTFIX: put discount badge next to price === */
#ybOthersProducts .oa-price-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
}

#ybOthersProducts .oa-price-line{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  flex-wrap:wrap !important;
}

#ybOthersProducts .oa-discount{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:22px !important;
  padding:3px 8px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.2px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#ff4d4d,#ff9a3c) !important;
  box-shadow:0 0 12px rgba(255,92,55,.28) !important;
  white-space:nowrap !important;
}

#ybOthersProducts .oa-old{
  display:block !important;
  color:rgba(255,255,255,.45) !important;
  text-decoration:line-through !important;
  font-size:11px !important;
  font-weight:600 !important;
  margin-bottom:1px !important;
}

#ybOthersProducts .oa-yang{
  font-size:11px !important;
  font-weight:600 !important;
  color:rgba(255,230,140,.72) !important;
}


/* === FINAL POLISH: modern inline discount, no floating product-side badge === */
#ybOthersProducts .oa-product .oa-discount,
#ybOthersProducts .oa-product-info .oa-discount,
#ybOthersProducts .oa-product-cell .oa-discount,
#ybOthersProducts .oa-product-name .oa-discount,
#ybOthersProducts .oa-product-row > div:first-child .oa-discount{
  display:none !important;
}

#ybOthersProducts .oa-price-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
}

#ybOthersProducts .oa-price-line{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:7px !important;
  flex-wrap:nowrap !important;
}

#ybOthersProducts .oa-price{
  font-size:14px !important;
  font-weight:650 !important;
  letter-spacing:.08px !important;
  color:#55ef91 !important;
  line-height:1 !important;
}

#ybOthersProducts .oa-price-line .oa-discount{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:translateY(-1px) !important;
  min-height:18px !important;
  padding:2px 6px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,210,85,.22) !important;
  background:rgba(255,206,65,.10) !important;
  color:#ffd96a !important;
  box-shadow:none !important;
  font-size:10px !important;
  font-weight:750 !important;
  line-height:1 !important;
  letter-spacing:.15px !important;
  white-space:nowrap !important;
}

#ybOthersProducts .oa-old{
  display:block !important;
  margin:0 0 2px 0 !important;
  color:rgba(255,255,255,.34) !important;
  text-decoration:line-through !important;
  font-size:10.5px !important;
  font-weight:550 !important;
  line-height:1 !important;
}

#ybOthersProducts .oa-yang{
  margin-top:1px !important;
  font-size:10.5px !important;
  font-weight:550 !important;
  color:rgba(255,226,140,.62) !important;
}

#ybOthersProducts .oa-stock{
  font-size:11px !important;
  font-weight:600 !important;
  padding:5px 10px !important;
}


/* === FINAL POLISH REQUESTS === */

/* Better Trustpilot look */
.trustpilot,
.trustpilot-badge,
.nav-trustpilot,
.tp-badge,
[class*="trustpilot"],
[class*="Trustpilot"]{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:rgba(0,182,122,.08) !important;
  border:1px solid rgba(0,182,122,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  color:#e9fff6 !important;
  font-weight:800 !important;
}
.trustpilot::before,
.trustpilot-badge::before,
.nav-trustpilot::before,
.tp-badge::before{
  content:"★★★★★";
  color:#00b67a;
  letter-spacing:-1px;
  font-size:13px;
}

/* Floating live chat icon should be chat bubble, not Discord-style */
#chatWidget,
.chat-widget,
.live-chat-floating,
.floating-chat,
.chat-float,
[class*="chat-widget"],
[class*="live-chat"]{
  --yb-chat-icon:"💬";
}
#chatWidget::before,
.chat-widget::before,
.live-chat-floating::before,
.floating-chat::before,
.chat-float::before{
  content:"💬" !important;
}

/* Footer contact mail -> Discord/chat style */
.footer-contact .mail-icon,
.footer-contact [class*="mail"],
.contact-mail .icon,
[class*="footer"] [class*="mail"]{
  font-size:0 !important;
}
.footer-contact .mail-icon::before,
.footer-contact [class*="mail"]::before,
.contact-mail .icon::before,
[class*="footer"] [class*="mail"]::before{
  content:"💬" !important;
  font-size:18px !important;
}

/* English wording badges safety */
.oa-card-count,
.product-count,
.category-count,
.area-count{
  text-transform:none !important;
}


/* === FINAL LIVE CHAT BUTTON === */
.yb-livechat-btn{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#f5d06f,#d4a63a);
  color:#111;
  font-weight:600;
  font-size:14px;
  border:none;
  cursor:pointer;
  transition:all .25s ease;
  box-shadow:0 0 15px rgba(212,166,58,.25);
}

.yb-livechat-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 0 25px rgba(212,166,58,.45);
}

.yb-livechat-btn .dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#00ff88;
  box-shadow:0 0 10px #00ff88;
  position:relative;
}

.yb-livechat-btn .dot::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:#00ff88;
  opacity:.5;
  animation:chatPulse 1.5s infinite;
}

@keyframes chatPulse{
  0%{transform:scale(1); opacity:.6;}
  70%{transform:scale(2.2); opacity:0;}
  100%{opacity:0;}
}


/* === REAL FINAL: remove old chat/discord emojis and use clean premium live chat === */
#ybOthersProducts .oa-buy .oa-live,
.yb-livechat-btn,
#chatWidget,
.chat-widget,
.live-chat-btn,
.live-chat-floating,
.floating-chat,
.chat-float{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:48px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,224,102,.55) !important;
  background:
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.28),transparent 25%),
    linear-gradient(135deg,#f6d66b 0%,#d6a62d 52%,#aa7510 100%) !important;
  color:#111 !important;
  font-weight:900 !important;
  font-size:14px !important;
  letter-spacing:.1px !important;
  text-decoration:none !important;
  box-shadow:0 14px 32px rgba(214,166,45,.26), inset 0 1px 0 rgba(255,255,255,.45) !important;
  overflow:hidden !important;
  position:relative !important;
}

/* hide old emoji/icon spans inside the button */
#ybOthersProducts .oa-buy .oa-live > :not(.yb-chat-dot):not(span:last-child),
.yb-livechat-btn > :not(.yb-chat-dot):not(span:last-child){
  display:none !important;
}

/* remove pseudo discord/chat icons */
#ybOthersProducts .oa-buy .oa-live::before,
.yb-livechat-btn::before,
#chatWidget::before,
.chat-widget::before,
.live-chat-floating::before,
.floating-chat::before,
.chat-float::before{
  content:"" !important;
  display:none !important;
}

#ybOthersProducts .oa-buy .oa-live .yb-chat-dot,
.yb-livechat-btn .yb-chat-dot,
.yb-chat-dot{
  width:8px !important;
  height:8px !important;
  flex:0 0 8px !important;
  border-radius:999px !important;
  background:#1cff8d !important;
  box-shadow:0 0 12px rgba(28,255,141,.9) !important;
  position:relative !important;
  display:inline-block !important;
}

#ybOthersProducts .oa-buy .oa-live .yb-chat-dot::after,
.yb-livechat-btn .yb-chat-dot::after,
.yb-chat-dot::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:#1cff8d !important;
  animation:ybChatPulseClean 1.45s infinite ease-out !important;
}

#ybOthersProducts .oa-buy .oa-live:hover,
.yb-livechat-btn:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(255,236,143,.9) !important;
  box-shadow:0 20px 44px rgba(214,166,45,.38), inset 0 1px 0 rgba(255,255,255,.62) !important;
}

@keyframes ybChatPulseClean{
  0%{transform:scale(1);opacity:.58;}
  75%{transform:scale(2.7);opacity:0;}
  100%{opacity:0;}
}


/* === REAL FIX: Others title text and floating Live Chat === */
#ybOthersHeroTitle,
.others-hero-title{
  white-space:normal !important;
}

/* Floating Live Chat restored */
.yb-floating-livechat{
  position:fixed !important;
  right:26px !important;
  bottom:22px !important;
  z-index:99999 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:50px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,224,102,.56) !important;
  background:
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.28),transparent 25%),
    linear-gradient(135deg,#f6d66b 0%,#d6a62d 52%,#aa7510 100%) !important;
  color:#111 !important;
  font-weight:900 !important;
  font-size:14px !important;
  letter-spacing:.1px !important;
  cursor:pointer !important;
  text-decoration:none !important;
  box-shadow:0 16px 36px rgba(214,166,45,.30), inset 0 1px 0 rgba(255,255,255,.48) !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}
.yb-floating-livechat:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 22px 50px rgba(214,166,45,.42), inset 0 1px 0 rgba(255,255,255,.65) !important;
}
.yb-chat-dot{
  width:8px !important;
  height:8px !important;
  flex:0 0 8px !important;
  border-radius:999px !important;
  background:#1cff8d !important;
  box-shadow:0 0 12px rgba(28,255,141,.9) !important;
  position:relative !important;
  display:inline-block !important;
}
.yb-chat-dot::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:#1cff8d !important;
  animation:ybChatPulseClean 1.45s infinite ease-out !important;
}
@keyframes ybChatPulseClean{
  0%{transform:scale(1);opacity:.58;}
  75%{transform:scale(2.7);opacity:0;}
  100%{opacity:0;}
}

/* Others product row Live Chat button also clean */
#ybOthersProducts .oa-buy .oa-live{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
}
#ybOthersProducts .oa-buy .oa-live::before{display:none !important;content:"" !important;}


/* === FINAL LIVE CHAT POLISH: one dot + modern floating button === */

/* Only one green dot inside product live chat */
#ybOthersProducts .oa-buy .oa-live .yb-chat-dot + .yb-chat-dot,
.yb-floating-livechat .yb-chat-dot + .yb-chat-dot{
  display:none !important;
}

/* Remove old pseudo dots/icons from live buttons */
#ybOthersProducts .oa-buy .oa-live::before,
#ybOthersProducts .oa-buy .oa-live::after,
.yb-floating-livechat::before,
.yb-floating-livechat::after{
  content:none !important;
  display:none !important;
}

/* Product row live chat: clean single-dot CTA */
#ybOthersProducts .oa-buy .oa-live{
  gap:10px !important;
  min-width:160px !important;
  min-height:48px !important;
  border-radius:999px !important;
}

/* Main/floating live chat: more modern glass-gold */
.yb-floating-livechat{
  right:24px !important;
  bottom:24px !important;
  min-height:54px !important;
  padding:0 24px !important;
  gap:11px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,226,118,.62) !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.38), transparent 22%),
    linear-gradient(135deg, rgba(255,225,111,.98), rgba(215,164,40,.96) 54%, rgba(145,96,9,.98)) !important;
  color:#100c04 !important;
  font-weight:950 !important;
  letter-spacing:.12px !important;
  box-shadow:
    0 18px 45px rgba(214,166,45,.34),
    0 0 0 1px rgba(255,223,95,.12),
    inset 0 1px 0 rgba(255,255,255,.58) !important;
  backdrop-filter:blur(10px) !important;
  isolation:isolate !important;
}

.yb-floating-livechat:hover{
  transform:translateY(-3px) scale(1.015) !important;
  border-color:rgba(255,239,165,.95) !important;
  box-shadow:
    0 26px 62px rgba(214,166,45,.46),
    0 0 0 1px rgba(255,223,95,.22),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}

/* premium shine layer */
.yb-floating-livechat span:last-child,
#ybOthersProducts .oa-buy .oa-live span:last-child{
  position:relative !important;
  z-index:2 !important;
}

.yb-chat-dot{
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  border-radius:999px !important;
  background:#24ff91 !important;
  box-shadow:0 0 13px rgba(36,255,145,.9) !important;
  position:relative !important;
  z-index:2 !important;
}

.yb-chat-dot::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:#24ff91 !important;
  animation:ybChatPulseClean 1.55s infinite ease-out !important;
}

@keyframes ybChatPulseClean{
  0%{transform:scale(1); opacity:.55;}
  72%{transform:scale(2.35); opacity:0;}
  100%{opacity:0;}
}


/* === FINAL REQUEST POLISH === */

/* Remove old duplicate left-bottom chat widgets; keep only #ybFloatingLiveChat */
body > button:not(#ybFloatingLiveChat)[class*="chat"],
body > div[class*="chat"]:not(#ybFloatingLiveChat),
#chatWidget,
.chat-widget,
.live-chat-floating,
.floating-chat,
.chat-float{
  display:none !important;
}

/* Keep main floating livechat only on right */
#ybFloatingLiveChat.yb-floating-livechat{
  left:auto !important;
  right:24px !important;
  bottom:24px !important;
}

/* Product cards wording polish */
.oa-card a,
.oa-card .product-link,
.oa-card [class*="product"]{
  text-transform:none !important;
}

/* Better Trustpilot navbar badge */
.trustpilot,
.trustpilot-badge,
.nav-trustpilot,
.tp-badge,
[class*="trustpilot"],
[class*="Trustpilot"]{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:34px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,rgba(0,182,122,.13),rgba(0,182,122,.035)) !important;
  border:1px solid rgba(0,182,122,.25) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.18) !important;
  color:#ecfff8 !important;
  font-weight:850 !important;
  letter-spacing:.1px !important;
}
.trustpilot::before,
.trustpilot-badge::before,
.nav-trustpilot::before,
.tp-badge::before{
  content:"★★★★★" !important;
  color:#00b67a !important;
  font-size:13px !important;
  letter-spacing:-1.5px !important;
  text-shadow:0 0 12px rgba(0,182,122,.45) !important;
}
.trustpilot::after,
.trustpilot-badge::after,
.nav-trustpilot::after,
.tp-badge::after{
  content:"Trustpilot" !important;
  color:rgba(255,255,255,.86) !important;
  font-size:13px !important;
}

/* Footer contact: modern Discord/mail-like contact row */
.footer-contact,
.contact-card,
[class*="footer"] .contact,
.footer .contact{
  color:rgba(255,255,255,.72) !important;
}
.footer-contact .mail-icon,
.footer-contact [class*="mail"],
.contact-mail .icon,
[class*="footer"] [class*="mail"],
[class*="footer"] svg{
  opacity:.9 !important;
}
.footer-contact .mail-icon::before,
.footer-contact [class*="mail"]::before,
.contact-mail .icon::before,
[class*="footer"] [class*="mail"]::before{
  content:"✉" !important;
  width:28px !important;
  height:28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-right:9px !important;
  border-radius:10px !important;
  color:#f4d34e !important;
  background:rgba(244,211,78,.10) !important;
  border:1px solid rgba(244,211,78,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  font-size:15px !important;
}

/* If a literal small svg mail remains, make it gold and modern */
[class*="footer"] svg,
.contact svg{
  color:#f4d34e !important;
  stroke:#f4d34e !important;
  filter:drop-shadow(0 0 8px rgba(244,211,78,.18)) !important;
}

/* Buy via Discord alert text is now English; button stays unaffected */


/* === FINAL FIX: restore product-row Live Chat near price + English UI === */
#ybOthersProducts .oa-product-row{
  grid-template-columns:2fr .8fr .9fr .85fr 1.05fr !important;
}

#ybOthersProducts .oa-cols{
  grid-template-columns:2fr .8fr .9fr .85fr 1.05fr !important;
}

#ybOthersProducts .oa-buy{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  max-width:none !important;
}

#ybOthersProducts .oa-buy .oa-live{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-width:145px !important;
  min-height:46px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,224,102,.58) !important;
  background:
    radial-gradient(circle at 25% 18%,rgba(255,255,255,.30),transparent 24%),
    linear-gradient(135deg,#f6d66b 0%,#d6a62d 54%,#a8730c 100%) !important;
  color:#100c04 !important;
  font-weight:900 !important;
  letter-spacing:.1px !important;
  box-shadow:0 14px 32px rgba(214,166,45,.28), inset 0 1px 0 rgba(255,255,255,.50) !important;
  cursor:pointer !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

#ybOthersProducts .oa-buy .oa-live:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(255,239,165,.95) !important;
  box-shadow:0 20px 44px rgba(214,166,45,.40), inset 0 1px 0 rgba(255,255,255,.65) !important;
}

#ybOthersProducts .oa-buy .oa-live::before,
#ybOthersProducts .oa-buy .oa-live::after{
  content:none !important;
  display:none !important;
}

#ybOthersProducts .yb-chat-dot{
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  background:#24ff91 !important;
  box-shadow:0 0 12px rgba(36,255,145,.85) !important;
  position:relative !important;
  display:inline-block !important;
  flex:0 0 8px !important;
}

#ybOthersProducts .yb-chat-dot::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:#24ff91 !important;
  animation:ybChatPulseClean 1.55s infinite ease-out !important;
}

@media(max-width:900px){
  #ybOthersProducts .oa-product-row,
  #ybOthersProducts .oa-cols{
    grid-template-columns:1fr !important;
  }
  #ybOthersProducts .oa-buy{
    justify-content:flex-start !important;
  }
}


/* === Trustpilot old-style badge, polished with subtle premium effects === */
.trustpilot-badge,
.nav-trustpilot,
.tp-badge,
.yb-trustpilot-modern,
[class*="trustpilot"]:not(.trustpilot-image-link):not(.trustpilot-image-badge),
[class*="Trustpilot"]{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-height:34px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,182,122,.24) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.12), transparent 24%),
    linear-gradient(135deg, rgba(0,182,122,.13), rgba(0,182,122,.045) 60%, rgba(244,211,78,.035)) !important;
  color:rgba(255,255,255,.88) !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.075),
    0 0 18px rgba(0,182,122,.075) !important;
  overflow:hidden !important;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

/* prevent CSS from adding extra stars */
.trustpilot-badge::before,
.nav-trustpilot::before,
.tp-badge::before,
.yb-trustpilot-modern::before,
[class*="trustpilot"]::before,
[class*="Trustpilot"]::before{
  content:none !important;
  display:none !important;
}

/* soft shine */
.trustpilot-badge::after,
.nav-trustpilot::after,
.tp-badge::after,
.yb-trustpilot-modern::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.14) 45%, transparent 70%) !important;
  transform:translateX(-130%) !important;
  animation:ybTrustpilotShine 4.8s infinite ease-in-out !important;
  pointer-events:none !important;
}

.trustpilot-badge:hover,
.nav-trustpilot:hover,
.tp-badge:hover,
.yb-trustpilot-modern:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(0,182,122,.44) !important;
  box-shadow:
    0 15px 32px rgba(0,0,0,.28),
    0 0 22px rgba(0,182,122,.13),
    inset 0 1px 0 rgba(255,255,255,.11) !important;
}

.trust-stars,
.trustpilot-badge .stars,
.trustpilot-stars,
[class*="trustpilot"] .stars{
  color:#00d084 !important;
  letter-spacing:-1.6px !important;
  font-size:13px !important;
  text-shadow:0 0 12px rgba(0,208,132,.45) !important;
  position:relative !important;
  z-index:1 !important;
}

.trustpilot-badge span,
.nav-trustpilot span,
.tp-badge span{
  position:relative !important;
  z-index:1 !important;
}

@keyframes ybTrustpilotShine{
  0%,72%{transform:translateX(-130%);}
  100%{transform:translateX(130%);}
}


/* === SAFE FIX: hide Admin button only on public navbar === */
body:not(.admin-page) header a[href*="admin.html"],
body:not(.admin-page) nav a[href*="admin.html"],
body:not(.admin-page) .site-header a[href*="admin.html"],
body:not(.admin-page) .navbar a[href*="admin.html"],
body:not(.admin-page) .nav-actions a[href*="admin.html"],
body:not(.admin-page) header .admin-btn,
body:not(.admin-page) nav .admin-btn,
body:not(.admin-page) .site-header .admin-btn,
body:not(.admin-page) .navbar .admin-btn{
  display:none !important;
}

/* Trustpilot spacing after Admin is hidden */
body:not(.admin-page) .trustpilot-badge,
body:not(.admin-page) .nav-trustpilot,
body:not(.admin-page) .tp-badge,
body:not(.admin-page) .yb-trustpilot-modern,
body:not(.admin-page) [class*="trustpilot"]:not(.trustpilot-image-link):not(.trustpilot-image-badge),
body:not(.admin-page) [class*="Trustpilot"]{
  margin-left:28px !important;
  margin-right:10px !important;
}

@media(max-width:900px){
  body:not(.admin-page) .trustpilot-badge,
  body:not(.admin-page) .nav-trustpilot,
  body:not(.admin-page) .tp-badge,
  body:not(.admin-page) .yb-trustpilot-modern,
  body:not(.admin-page) [class*="trustpilot"]:not(.trustpilot-image-link):not(.trustpilot-image-badge),
  body:not(.admin-page) [class*="Trustpilot"]{
    margin-left:8px !important;
    margin-right:6px !important;
  }
}


/* === FINAL: hide public inline Admin button/drawer === */
#openInlineAdmin,
.admin-launcher,
#inlineAdminDrawer{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}


/* === FINAL TRUSTPILOT IMAGE BADGE === */
.tp-image-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:36px !important;
  padding:0 !important;
  margin-left:28px !important;
  margin-right:10px !important;
  background:transparent !important;
  border:0 !important;
  text-decoration:none !important;
  flex:0 0 auto !important;
}

.tp-image{
  display:block !important;
  height:36px !important;
  width:auto !important;
  max-width:220px !important;
  object-fit:contain !important;
  border-radius:999px !important;
  filter:
    drop-shadow(0 8px 18px rgba(0,0,0,.36))
    drop-shadow(0 0 10px rgba(0,182,122,.10)) !important;
  transition:transform .22s ease, filter .22s ease !important;
}

.tp-image-link:hover .tp-image{
  transform:translateY(-1px) scale(1.015) !important;
  filter:
    drop-shadow(0 12px 26px rgba(0,0,0,.46))
    drop-shadow(0 0 16px rgba(0,182,122,.18)) !important;
}

/* Eski Trustpilot CSS efektleri tekrar yıldız eklemesin */
.tp-image-link::before,
.tp-image-link::after,
.tp-image::before,
.tp-image::after{
  content:none !important;
  display:none !important;
}

.trustpilot-badge,
.nav-trustpilot,
.tp-badge,
.yb-trustpilot-modern,
[class*="trustpilot"]:not(.tp-image-link):not(.tp-image),
[class*="Trustpilot"]{
  display:none !important;
}

@media(max-width:900px){
  .tp-image-link{
    margin-left:8px !important;
    margin-right:6px !important;
  }
  .tp-image{
    height:31px !important;
    max-width:185px !important;
  }
}


/* === FINAL CLEAN TRUSTPILOT === */
.tp-image-link{
  display:flex;
  align-items:center;
  margin:0 16px;
}

.tp-image{
  height:34px;
  width:auto;
  border-radius:999px;
  transition:all .25s ease;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.4));
}

.tp-image:hover{
  transform:scale(1.04);
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.6));
}

/* Kalan tüm eski trustpilot elemanlarını öldür */
[class*="trustpilot"]:not(.tp-image):not(.tp-image-link){
  display:none !important;
}


/* === FINAL REAL CLEAN TRUSTPILOT IMAGE - no old capsule overlap === */
.tp-image-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:34px !important;
  padding:0 !important;
  margin:0 18px 0 28px !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  text-decoration:none !important;
  flex:0 0 auto !important;
  position:relative !important;
}

.tp-image-link::before,
.tp-image-link::after{
  content:none !important;
  display:none !important;
}

.tp-image{
  display:block !important;
  height:34px !important;
  width:auto !important;
  max-width:210px !important;
  object-fit:contain !important;
  border-radius:999px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 7px 16px rgba(0,0,0,.36)) drop-shadow(0 0 8px rgba(0,182,122,.10)) !important;
  transition:transform .22s ease, filter .22s ease !important;
}

.tp-image-link:hover .tp-image{
  transform:translateY(-1px) scale(1.015) !important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.48)) drop-shadow(0 0 14px rgba(0,182,122,.16)) !important;
}

/* kill old Trustpilot text/badge elements only */
.trustpilot-badge,
.nav-trustpilot,
.tp-badge,
.yb-trustpilot-modern,
[class*="trustpilot"]:not(.tp-image-link):not(.tp-image),
[class*="Trustpilot"]{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
}

@media(max-width:900px){
  .tp-image-link{margin:0 8px !important;}
  .tp-image{height:30px !important;max-width:180px !important;}
}


/* === FINAL: site-native Trustpilot badge, no image black gaps === */
.tp-image-link,
.tp-image{
  display:none !important;
}

.tp-native-badge{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  height:36px !important;
  padding:0 14px !important;
  margin:0 18px 0 28px !important;
  border-radius:999px !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  border:1px solid rgba(244,211,78,.22) !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(244,211,78,.16), transparent 26%),
    linear-gradient(135deg, rgba(244,211,78,.10), rgba(255,255,255,.035) 55%, rgba(0,182,122,.055)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 24px rgba(0,0,0,.24),
    0 0 18px rgba(244,211,78,.055) !important;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
  flex:0 0 auto !important;
}

.tp-native-badge::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.13) 45%, transparent 70%) !important;
  transform:translateX(-135%) !important;
  animation:tpNativeShine 5.2s infinite ease-in-out !important;
  pointer-events:none !important;
}

.tp-native-badge:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(244,211,78,.40) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 15px 34px rgba(0,0,0,.30),
    0 0 22px rgba(244,211,78,.10) !important;
}

.tp-native-star{
  color:#00d084 !important;
  font-size:15px !important;
  line-height:1 !important;
  text-shadow:0 0 12px rgba(0,208,132,.55) !important;
  position:relative !important;
  z-index:1 !important;
}

.tp-native-text{
  color:rgba(255,255,255,.90) !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.05px !important;
  line-height:1 !important;
  position:relative !important;
  z-index:1 !important;
}

.tp-native-stars{
  color:#00d084 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:-1.4px !important;
  line-height:1 !important;
  text-shadow:0 0 11px rgba(0,208,132,.48) !important;
  position:relative !important;
  z-index:1 !important;
  transform:translateY(.5px) !important;
}

/* Kill any old Trustpilot badge style without touching this native badge */
.trustpilot-badge,
.nav-trustpilot,
.tp-badge,
.yb-trustpilot-modern,
[class*="trustpilot"]:not(.tp-native-badge):not(.tp-native-star):not(.tp-native-text):not(.tp-native-stars),
[class*="Trustpilot"]{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
}

@keyframes tpNativeShine{
  0%,74%{transform:translateX(-135%);}
  100%{transform:translateX(135%);}
}

@media(max-width:900px){
  .tp-native-badge{
    height:32px !important;
    padding:0 11px !important;
    margin:0 8px !important;
    gap:5px !important;
  }
  .tp-native-text{font-size:12px !important;}
  .tp-native-stars{font-size:11px !important;}
}


/* Tawk widget can coexist with custom Live Chat button */
#ybFloatingLiveChat{
  cursor:pointer !important;
}


/* === PREMIUM TAWK LIVE CHAT BUTTON === */
#ybFloatingLiveChat.yb-floating-livechat-premium{
  position:fixed !important;
  right:24px !important;
  bottom:24px !important;
  z-index:99998 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:58px !important;
  padding:10px 18px 10px 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,224,102,.58) !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.35), transparent 24%),
    linear-gradient(135deg, #f7d766 0%, #d7a52f 48%, #9f6b0c 100%) !important;
  color:#110d04 !important;
  cursor:pointer !important;
  box-shadow:
    0 18px 45px rgba(214,166,45,.34),
    0 0 0 1px rgba(255,224,102,.12),
    inset 0 1px 0 rgba(255,255,255,.55) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

#ybFloatingLiveChat.yb-floating-livechat-premium::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.28) 45%, transparent 70%) !important;
  transform:translateX(-130%) !important;
  animation:ybLiveChatShine 4.4s infinite ease-in-out !important;
  pointer-events:none !important;
}

#ybFloatingLiveChat.yb-floating-livechat-premium:hover{
  transform:translateY(-3px) scale(1.015) !important;
  border-color:rgba(255,239,165,.96) !important;
  filter:saturate(1.08) !important;
  box-shadow:
    0 26px 62px rgba(214,166,45,.46),
    0 0 0 1px rgba(255,224,102,.22),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.yb-live-orb{
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  border-radius:999px !important;
  background:#20ff8c !important;
  box-shadow:0 0 16px rgba(32,255,140,.95), 0 0 0 5px rgba(32,255,140,.10) !important;
  position:relative !important;
  z-index:2 !important;
}

.yb-live-orb::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:#20ff8c !important;
  animation:ybLiveOrbPulse 1.55s infinite ease-out !important;
}

.yb-chat-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  line-height:1.05 !important;
  position:relative !important;
  z-index:2 !important;
}

.yb-chat-copy strong{
  font-size:14px !important;
  font-weight:1000 !important;
  color:#100c04 !important;
  letter-spacing:.08px !important;
}

.yb-chat-copy small{
  margin-top:3px !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  color:rgba(17,13,4,.62) !important;
  letter-spacing:.15px !important;
}

#ybFloatingLiveChat.is-loading .yb-live-orb{
  background:#fff2a3 !important;
  box-shadow:0 0 16px rgba(255,242,163,.9), 0 0 0 5px rgba(255,242,163,.12) !important;
}

@keyframes ybLiveChatShine{
  0%,72%{transform:translateX(-130%);}
  100%{transform:translateX(130%);}
}

@keyframes ybLiveOrbPulse{
  0%{transform:scale(1); opacity:.58;}
  72%{transform:scale(2.45); opacity:0;}
  100%{opacity:0;}
}

/* Product row Live Chat buttons open Tawk and match site */
#ybOthersProducts .oa-buy .oa-live{
  cursor:pointer !important;
}

@media(max-width:900px){
  #ybFloatingLiveChat.yb-floating-livechat-premium{
    right:16px !important;
    bottom:16px !important;
    min-height:54px !important;
    padding:9px 15px 9px 12px !important;
  }
  .yb-chat-copy small{
    display:none !important;
  }
}


/* === FIX: Tawk'ın altta kalan turuncu varsayılan launcher ikonunu gizle === */
iframe[src*="tawk.to"]{
  z-index:2147482990 !important;
}

#ybFloatingLiveChat.yb-floating-livechat-premium[style*="display: none"]{
  pointer-events:none !important;
}


/* === FIX: remove yellow custom floating Live Chat button; keep Tawk.to's own widget === */
#ybFloatingLiveChat,
.yb-floating-livechat-premium {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

iframe[src*="tawk.to"],
iframe[title*="chat" i] {
  visibility: visible !important;
  pointer-events: auto !important;
}

/* === YANGBAZAAR FINAL GOLD LIVE CHAT BUTTONS === */
.product-detail__email-btn,
#ybOthersProducts .oa-buy .oa-live,
.oa-live,
.btn-livechat {
  position: relative !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 13px 30px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(245, 197, 66, 0.65) !important;
  background: linear-gradient(135deg, rgba(245,197,66,.22), rgba(17,16,11,.95) 52%, rgba(245,197,66,.14)) !important;
  color: #f7d35b !important;
  font-weight: 850 !important;
  letter-spacing: .2px !important;
  text-decoration: none !important;
  box-shadow: 0 0 0 1px rgba(245,197,66,.08) inset, 0 14px 34px rgba(0,0,0,.34), 0 0 24px rgba(245,197,66,.12) !important;
  text-shadow: 0 0 10px rgba(245,197,66,.25) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease !important;
}

.product-detail__email-btn::before,
#ybOthersProducts .oa-buy .oa-live::before,
.oa-live::before,
.btn-livechat::before {
  content: '' !important;
  width: 10px !important;
  height: 10px !important;
  flex: 0 0 10px !important;
  border-radius: 50% !important;
  background: #f5c542 !important;
  box-shadow: 0 0 9px #f5c542, 0 0 18px rgba(245,197,66,.85), 0 0 30px rgba(245,197,66,.35) !important;
  animation: ybGoldDotPulse 1.7s infinite ease-out !important;
}

.product-detail__email-btn::after,
#ybOthersProducts .oa-buy .oa-live::after,
.oa-live::after,
.btn-livechat::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  left: -125% !important;
  width: 70% !important;
  background: linear-gradient(120deg, transparent, rgba(255,236,150,.28), transparent) !important;
  transform: skewX(-18deg) !important;
  transition: left .55s ease !important;
  pointer-events: none !important;
}

.product-detail__email-btn:hover,
#ybOthersProducts .oa-buy .oa-live:hover,
.oa-live:hover,
.btn-livechat:hover {
  transform: translateY(-2px) !important;
  border-color: #f5c542 !important;
  color: #fff3b0 !important;
  filter: saturate(1.15) brightness(1.08) !important;
  box-shadow: 0 0 0 1px rgba(245,197,66,.18) inset, 0 18px 42px rgba(0,0,0,.42), 0 0 34px rgba(245,197,66,.28) !important;
}

.product-detail__email-btn:hover::after,
#ybOthersProducts .oa-buy .oa-live:hover::after,
.oa-live:hover::after,
.btn-livechat:hover::after {
  left: 135% !important;
}

.product-detail__email-btn svg,
#ybOthersProducts .oa-buy .oa-live svg,
.oa-live svg,
.btn-livechat svg {
  display: none !important;
}

.product-detail__email-btn .yb-chat-dot,
#ybOthersProducts .oa-buy .oa-live .yb-chat-dot,
.oa-live .yb-chat-dot,
.btn-livechat .yb-chat-dot {
  display: none !important;
}

@keyframes ybGoldDotPulse {
  0% { box-shadow: 0 0 8px #f5c542, 0 0 0 0 rgba(245,197,66,.38); }
  70% { box-shadow: 0 0 12px #f5c542, 0 0 0 8px rgba(245,197,66,0); }
  100% { box-shadow: 0 0 8px #f5c542, 0 0 0 0 rgba(245,197,66,0); }
}


/* === YangBazaar final: premium Discord + Trustpilot link polish === */
.header__actions { gap: 14px; }

.header__discord-btn,
.product-detail__buy-btn {
  background: linear-gradient(135deg, #6670ff 0%, #5865F2 45%, #404eed 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(135, 145, 255, 0.75) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset, 0 10px 28px rgba(88,101,242,.28) !important;
  border-radius: 14px !important;
  position: relative !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  text-decoration: none !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, filter .25s ease !important;
}

.header__discord-btn svg,
.product-detail__buy-btn svg {
  filter: drop-shadow(0 0 8px rgba(255,255,255,.45));
  flex: 0 0 auto;
}

.header__discord-btn::before,
.product-detail__buy-btn::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -120% !important;
  width: 70% !important;
  height: 100% !important;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.34), transparent) !important;
  transform: skewX(-20deg) !important;
  transition: left .65s ease !important;
  pointer-events: none !important;
}

.header__discord-btn:hover,
.product-detail__buy-btn:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.08) !important;
  border-color: rgba(190,196,255,.95) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset, 0 14px 34px rgba(88,101,242,.42), 0 0 22px rgba(88,101,242,.30) !important;
}

.header__discord-btn:hover::before,
.product-detail__buy-btn:hover::before { left: 135% !important; }

.tp-native-badge {
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}

.tp-native-badge:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.08) !important;
  box-shadow: 0 10px 28px rgba(0,182,122,.28) !important;
}

@media (max-width: 768px) {
  .header__actions { gap: 10px; }
  .header__discord-btn { padding: 9px 13px !important; border-radius: 12px !important; }
}

/* === FINAL FIX: Discord buttons as LiveChat-style purple outline === */
.header__discord-btn,
.product-detail__buy-btn {
  background: linear-gradient(135deg, rgba(88,101,242,.16), rgba(17,16,11,.96) 52%, rgba(88,101,242,.12)) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(88, 101, 242, 0.72) !important;
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 13px 28px !important;
  box-shadow: 0 0 0 1px rgba(88,101,242,.10) inset, 0 14px 34px rgba(0,0,0,.34), 0 0 24px rgba(88,101,242,.14) !important;
  text-shadow: 0 0 10px rgba(88,101,242,.25) !important;
}

.header__discord-btn .yb-discord-icon,
.product-detail__buy-btn .yb-discord-icon,
.header__discord-btn svg,
.product-detail__buy-btn svg {
  width: 19px !important;
  height: 19px !important;
  color: #7f8aff !important;
  filter: drop-shadow(0 0 7px rgba(88,101,242,.85)) drop-shadow(0 0 14px rgba(88,101,242,.35)) !important;
  flex: 0 0 auto !important;
}

.header__discord-btn::before,
.product-detail__buy-btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 -125% !important;
  width: 70% !important;
  height: 100% !important;
  background: linear-gradient(120deg, transparent, rgba(132,143,255,.32), transparent) !important;
  transform: skewX(-18deg) !important;
  transition: left .55s ease !important;
  pointer-events: none !important;
}

.header__discord-btn:hover,
.product-detail__buy-btn:hover {
  transform: translateY(-2px) !important;
  border-color: #7f8aff !important;
  color: #ffffff !important;
  filter: saturate(1.12) brightness(1.08) !important;
  background: linear-gradient(135deg, rgba(88,101,242,.24), rgba(17,16,11,.95) 50%, rgba(88,101,242,.18)) !important;
  box-shadow: 0 0 0 1px rgba(88,101,242,.20) inset, 0 18px 42px rgba(0,0,0,.42), 0 0 34px rgba(88,101,242,.34) !important;
}

.header__discord-btn:hover::before,
.product-detail__buy-btn:hover::before {
  left: 135% !important;
}

@media (max-width: 768px) {
  .header__discord-btn {
    min-height: 42px !important;
    padding: 10px 15px !important;
  }
}




/* === FINAL CUSTOM LIVE CHAT ONLY === */
.yb-floating-livechat {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  z-index: 2147483647 !important;
  min-width: 154px !important;
  height: 54px !important;
  justify-content: center !important;
  background: linear-gradient(135deg, rgba(26,21,8,.98), rgba(17,16,11,.98)) !important;
  border: 1px solid rgba(245,197,66,.78) !important;
  color: #f5c542 !important;
  padding: 13px 24px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 14px 40px rgba(245,197,66,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}
.yb-floating-livechat::before {
  content: '' !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #f5c542 !important;
  box-shadow: 0 0 12px #f5c542, 0 0 24px rgba(245,197,66,.8) !important;
  flex: 0 0 auto !important;
}
.yb-floating-livechat::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 auto 0 -100% !important;
  width: 80% !important;
  background: linear-gradient(120deg, transparent, rgba(255,215,0,.24), transparent) !important;
  transition: left .55s ease !important;
  pointer-events: none !important;
}
.yb-floating-livechat:hover {
  transform: translateY(-2px) !important;
  border-color: #f5c542 !important;
  box-shadow: 0 18px 48px rgba(245,197,66,.34) !important;
}
.yb-floating-livechat:hover::after { left: 120% !important; }
body.yb-chat-open .yb-floating-livechat { display: none !important; }
/* Tawk launcher/bubble is hidden by JS so the large opened chat panel can still stay visible. */
@media (max-width: 560px) {
  .yb-floating-livechat { right: 16px !important; bottom: 18px !important; min-width: 146px !important; height: 52px !important; }
}


/* === REAL FINAL: custom Live Chat button controls Tawk === */
#ybCustomLiveChat.yb-floating-livechat{
  position:fixed !important;
  right:24px !important;
  bottom:24px !important;
  z-index:2147483647 !important;
  min-width:154px !important;
  height:54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:13px 24px !important;
  border-radius:999px !important;
  border:1px solid rgba(245,197,66,.82) !important;
  background:linear-gradient(135deg, rgba(26,21,8,.98), rgba(17,16,11,.98)) !important;
  color:#f5c542 !important;
  font-weight:900 !important;
  font-size:15px !important;
  text-decoration:none !important;
  cursor:pointer !important;
  box-shadow:0 16px 44px rgba(245,197,66,.25), inset 0 1px 0 rgba(255,255,255,.10) !important;
  overflow:hidden !important;
  pointer-events:auto !important;
  opacity:1 !important;
  visibility:visible !important;
}
#ybCustomLiveChat.yb-floating-livechat::before{
  content:'' !important;
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:#f5c542 !important;
  box-shadow:0 0 12px #f5c542, 0 0 24px rgba(245,197,66,.85) !important;
  flex:0 0 auto !important;
  display:block !important;
}
#ybCustomLiveChat.yb-floating-livechat::after{
  content:'' !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:-100% !important;
  width:80% !important;
  background:linear-gradient(120deg, transparent, rgba(255,215,0,.25), transparent) !important;
  transition:left .55s ease !important;
  pointer-events:none !important;
  display:block !important;
}
#ybCustomLiveChat.yb-floating-livechat:hover{
  transform:translateY(-2px) !important;
  border-color:#f5c542 !important;
  box-shadow:0 20px 54px rgba(245,197,66,.38), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
#ybCustomLiveChat.yb-floating-livechat:hover::after{left:120% !important;}
body.yb-chat-open #ybCustomLiveChat.yb-floating-livechat{display:inline-flex !important; opacity:1 !important; visibility:visible !important;}
@media (max-width:560px){#ybCustomLiveChat.yb-floating-livechat{right:16px !important; bottom:18px !important; min-width:146px !important; height:52px !important;}}


/* === FINAL FIX: keep custom Live Chat visible and hide Tawk default small buttons/badges === */
#ybCustomLiveChat.yb-floating-livechat {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 2147483647 !important;
}
body.yb-chat-open #ybCustomLiveChat.yb-floating-livechat {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* Hide common Tawk launcher/badge containers without touching the large chat panel */
iframe[src*="tawk.to"][width="64"],
iframe[src*="tawk.to"][height="64"],
iframe[src*="tawk.to"][title*="button" i],
iframe[src*="tawk.to"][title*="launcher" i],
iframe[src*="tawk.to"][title*="badge" i],
div[id*="tawk" i][style*="64px"],
div[class*="tawk" i][style*="64px"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* === SERVER CARD SIZE TUNING (Official / Private server pages) ===
   Daha kompakt, premium kart görünümü. Ürün detay ve others kartlarına dokunmaz. */
.server-listing {
    padding-top: 46px;
}

.server-listing__container {
    max-width: 1120px;
}

.server-listing__grid {
    gap: 18px;
    justify-items: center;
}

.server-listing .product-card {
    width: 100%;
    max-width: 255px;
    border-radius: 16px;
}

.server-listing .product-card__image {
    aspect-ratio: 1 / 0.92;
    padding: 8px !important;
    border-radius: 14px;
}

.server-listing .product-card__image img {
    border-radius: 12px !important;
}

.server-listing .product-card__body {
    padding: 12px 16px 18px;
}

.server-listing .product-card__name {
    font-size: 0.9rem;
}

@media (max-width: 1024px) {
    .server-listing__container { max-width: 900px; }
    .server-listing .product-card { max-width: 245px; }
}

@media (max-width: 768px) {
    .server-listing__grid { gap: 16px; }
    .server-listing .product-card { max-width: 100%; }
    .server-listing .product-card__image { aspect-ratio: 1; }
}