/* ============================================================
   DISCORD TURGELIS — THEME V2 "CLEAN"
   Minimalus, švarus atnaujinimas: ramus tamsus fonas,
   plonos linijos, tvarkinga tipografija, jokių gradientų.
   Užkraunamas PO style.css.
   ============================================================ */

:root {
    --bg-dark: #0a0a0c;
    --accent: #6d7cff;
    --accent-glow: rgba(109, 124, 255, 0.12);
    --card-bg: #101013;
    --card-border: rgba(255, 255, 255, 0.07);
    --card-border-hover: rgba(255, 255, 255, 0.16);
    --text-main: #ededf0;
    --text-muted: #9a9aa3;
}

/* ---------- FONAS: švarus, be triukšmo ---------- */
body {
    background: var(--bg-dark);
}

.bg-grid {
    display: none;
}

/* ---------- INTRO EKRANAS ---------- */
.pre-intro {
    background: var(--bg-dark);
}

.intro-bg-shapes,
.intro-floating-elements {
    display: none;
}

.intro-badge {
    background: transparent;
    border: 1px solid var(--card-border);
    color: var(--text-muted);
    box-shadow: none;
}

.main-logo {
    box-shadow: none;
    border-radius: 20px;
    border: 1px solid var(--card-border);
}

.main-title {
    color: #fff;
    letter-spacing: -1px;
}

.main-subtitle {
    color: var(--text-muted);
}

.intro-stats {
    background: transparent;
    border: none;
    box-shadow: none;
}

.stat-number {
    color: #fff;
    font-weight: 700;
}

.stat-label {
    color: var(--text-muted);
}

.stat-divider {
    background: var(--card-border);
}

.intro-feature {
    color: var(--text-muted);
}

.intro-feature svg {
    color: var(--text-main);
}

.enter-btn {
    background: #fff;
    color: #0a0a0c;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.enter-btn:hover {
    opacity: 0.88;
    transform: none;
    box-shadow: none;
    filter: none;
}

.intro-footer {
    color: var(--text-muted);
}

.intro-footer svg {
    fill: var(--text-muted);
}

/* ---------- NAVBAR ---------- */
.navbar {
    background: rgba(10, 10, 12, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--card-border);
    box-shadow: none;
}

.logo-img {
    box-shadow: none;
    border-radius: 8px;
}

.nav-title {
    color: #fff;
}

.nav-link {
    color: var(--text-muted);
    transition: color 0.15s ease;
}

.nav-link:hover,
.nav-link.active {
    color: #fff;
}

.cart-badge {
    background: #fff;
    color: #0a0a0c;
    box-shadow: none;
    font-weight: 700;
}

.search-input {
    background: transparent;
    border: 1px solid var(--card-border);
    border-radius: 10px;
    transition: border-color 0.15s ease;
}

.search-input:focus {
    border-color: rgba(255, 255, 255, 0.25);
    box-shadow: none;
    background: transparent;
}

/* ---------- SEKCIJŲ ANTRAŠTĖS ---------- */
.store-header h2,
.section-title,
.ads-hero h2,
.duk-hero h2 {
    color: #fff;
    letter-spacing: -0.5px;
}

.store-header p,
.section-subtitle,
.ads-subtitle,
.duk-subtitle {
    color: var(--text-muted);
}

.store-divider {
    background: var(--card-border) !important;
    height: 1px !important;
    box-shadow: none;
    border-radius: 0;
}

/* ---------- PRODUKTŲ KORTELĖS ---------- */
.product-card {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 14px;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.product-card::before {
    display: none;
}

.product-card:hover {
    border-color: var(--card-border-hover);
    background: var(--card-bg);
    transform: translateY(-2px);
    box-shadow: none;
}

.product-card img {
    transition: none;
}

.product-card:hover img {
    transform: none;
}

.product-tag {
    background: transparent;
    border: 1px solid var(--card-border);
    color: var(--text-muted);
}

.product-price {
    color: #fff;
    font-size: 1rem;
}

.product-description {
    color: var(--text-muted);
}

.buy-btn {
    background: #fff;
    color: #0a0a0c;
    border-radius: 9px;
    font-weight: 600;
    box-shadow: none;
    transition: opacity 0.15s ease;
}

.buy-btn:hover {
    transform: none;
    opacity: 0.85;
    box-shadow: none;
    filter: none;
}

.buy-btn:active {
    transform: scale(0.98);
}

/* ---------- MYGTUKAI ---------- */
.btn-primary {
    background: #fff;
    color: #0a0a0c;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: none;
    border: none;
    transition: opacity 0.15s ease;
}

.btn-primary:hover {
    transform: none;
    opacity: 0.88;
    filter: none;
    box-shadow: none;
}

/* ---------- DUK KORTELĖS ---------- */
.duk-card {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 14px;
    box-shadow: none;
    transition: border-color 0.2s ease;
}

.duk-card:hover {
    border-color: var(--card-border-hover);
    transform: none;
    box-shadow: none;
}

.duk-card-icon {
    background: transparent;
    border: 1px solid var(--card-border);
    border-radius: 12px;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-main);
    margin-bottom: 1rem;
    box-shadow: none;
}

.duk-card h3 {
    color: #fff;
}

.duk-card p,
.duk-card ul li {
    color: var(--text-muted);
}

.duk-accent {
    color: var(--text-main) !important;
}

.duk-card ul li::before {
    color: var(--text-muted);
}

/* ---------- REKLAMOS ---------- */
.ads-item {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 14px;
    transition: border-color 0.2s ease;
}

.ads-item:hover {
    border-color: var(--card-border-hover);
    transform: none;
    box-shadow: none;
}

.ads-item-name {
    color: #fff;
}

.ads-item-members,
.ads-item-desc {
    color: var(--text-muted);
}

.ads-online-dot {
    background: #3fb950;
    box-shadow: none;
}

.ads-item-btn {
    background: transparent;
    border: 1px solid var(--card-border);
    color: var(--text-main);
    border-radius: 9px;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.ads-item-btn:hover {
    background: #fff;
    border-color: #fff;
    color: #0a0a0c;
    box-shadow: none;
}

/* ---------- MODALAI ---------- */
.modal-backdrop {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.modal-content {
    background: #111114;
    border: 1px solid var(--card-border);
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
}

.modal-close {
    background: transparent;
    border: 1px solid var(--card-border);
    border-radius: 8px;
    transition: border-color 0.15s ease;
}

.modal-close:hover {
    background: transparent;
    border-color: var(--card-border-hover);
    color: #fff;
}

.input-field {
    background: transparent;
    border: 1px solid var(--card-border);
    border-radius: 10px;
    transition: border-color 0.15s ease;
}

.input-field:focus {
    border-color: rgba(255, 255, 255, 0.25);
    box-shadow: none;
    outline: none;
}

/* ---------- FOOTER ---------- */
.site-footer {
    background: transparent;
    border-top: 1px solid var(--card-border);
}

.site-footer h3 {
    color: #fff;
}

.site-footer p {
    color: var(--text-muted);
}

.pay-badge {
    background: transparent;
    border: 1px solid var(--card-border);
    border-radius: 7px;
    color: var(--text-muted);
    transition: border-color 0.15s ease;
}

.pay-badge:hover {
    border-color: var(--card-border-hover);
    background: transparent;
    transform: none;
}

/* ---------- SCROLL TO TOP ---------- */
.scroll-to-top {
    background: #fff;
    color: #0a0a0c;
    border: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.scroll-to-top:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
}

/* ---------- SCROLLBAR ---------- */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-dark);
}

::-webkit-scrollbar-thumb {
    background: #2a2a30;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #3a3a42;
}

/* ---------- SELECTION ---------- */
::selection {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

/* ---------- SKELETON ---------- */
.skeleton-card {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 14px;
}

/* ---------- MOBILE NAV ---------- */
@media (max-width: 768px) {
    .mobile-bottom-nav {
        background: rgba(10, 10, 12, 0.95);
        border-top: 1px solid var(--card-border);
    }

    .mobile-bottom-nav .nav-link.active {
        color: #fff;
    }
}

/* ---------- REDUCED MOTION ---------- */

/* ============================================================
   V2.1 — GYVAS FONAS + SKLANDŽIOS ANIMACIJOS
   ============================================================ */

/* ---------- PLAUKIOJANČIOS PREKIŲ IKONOS FONE ---------- */
.bg-float {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.float-item {
    position: absolute;
    width: 34px;
    height: 34px;
    color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    animation: floatDrift linear infinite, floatFade linear infinite;
    will-change: transform;
}

@keyframes floatDrift {
    0%   { transform: translate3d(0, 105vh, 0) rotate(0deg); }
    100% { transform: translate3d(0, -12vh, 0) rotate(24deg); }
}

@keyframes floatFade {
    0%   { opacity: 0; }
    8%   { opacity: 0.09; }
    88%  { opacity: 0.09; }
    100% { opacity: 0; }
}

.fi-1  { left: 6%;  width: 30px; height: 30px; animation-duration: 34s, 34s; animation-delay: 0s, 0s; }
.fi-2  { left: 14%; width: 40px; height: 40px; animation-duration: 44s, 44s; animation-delay: 6s, 6s; }
.fi-3  { left: 23%; width: 28px; height: 28px; animation-duration: 38s, 38s; animation-delay: 14s, 14s; }
.fi-4  { left: 32%; width: 34px; height: 34px; animation-duration: 48s, 48s; animation-delay: 3s, 3s; }
.fi-5  { left: 41%; width: 26px; height: 26px; animation-duration: 36s, 36s; animation-delay: 19s, 19s; }
.fi-6  { left: 51%; width: 38px; height: 38px; animation-duration: 46s, 46s; animation-delay: 9s, 9s; }
.fi-7  { left: 60%; width: 24px; height: 24px; animation-duration: 32s, 32s; animation-delay: 23s, 23s; }
.fi-8  { left: 69%; width: 36px; height: 36px; animation-duration: 50s, 50s; animation-delay: 1s, 1s; }
.fi-9  { left: 78%; width: 30px; height: 30px; animation-duration: 40s, 40s; animation-delay: 16s, 16s; }
.fi-10 { left: 86%; width: 42px; height: 42px; animation-duration: 52s, 52s; animation-delay: 11s, 11s; }
.fi-11 { left: 93%; width: 28px; height: 28px; animation-duration: 37s, 37s; animation-delay: 26s, 26s; }
.fi-12 { left: 47%; width: 32px; height: 32px; animation-duration: 42s, 42s; animation-delay: 30s, 30s; }

/* Fonas: šiltas rudens gylio efektas */
body {
    background:
        radial-gradient(ellipse 120% 80% at 50% -20%, #111116 0%, #0a0a0c 55%);
    background-attachment: fixed;
}

.pre-intro {
    background:
        radial-gradient(ellipse 120% 80% at 50% -20%, #121218 0%, #0a0a0c 60%);
}

/* Turinys virš plaukiojančio fono (pre-intro NELIEČIAM — jis fixed fullscreen) */
.section, .site-footer {
    position: relative;
    z-index: 1;
}

/* ---------- PRODUKTŲ KORTELIŲ ĮĖJIMAS IŠ ŠONŲ ---------- */
.product-card {
    opacity: 0;
    animation: none;
}

.products-grid .product-card:nth-child(odd) {
    transform: translateX(-46px);
    animation: cardInLeft 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.products-grid .product-card:nth-child(even) {
    transform: translateX(46px);
    animation: cardInRight 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes cardInLeft {
    0% {
        opacity: 0;
        transform: translateX(-46px) scale(0.97);
        filter: blur(4px);
    }
    100% {
        opacity: 1;
        transform: translateX(0) scale(1);
        filter: blur(0);
    }
}

@keyframes cardInRight {
    0% {
        opacity: 0;
        transform: translateX(46px) scale(0.97);
        filter: blur(4px);
    }
    100% {
        opacity: 1;
        transform: translateX(0) scale(1);
        filter: blur(0);
    }
}

.products-grid .product-card:nth-child(1)  { animation-delay: 0.04s; }
.products-grid .product-card:nth-child(2)  { animation-delay: 0.09s; }
.products-grid .product-card:nth-child(3)  { animation-delay: 0.14s; }
.products-grid .product-card:nth-child(4)  { animation-delay: 0.19s; }
.products-grid .product-card:nth-child(5)  { animation-delay: 0.24s; }
.products-grid .product-card:nth-child(6)  { animation-delay: 0.29s; }
.products-grid .product-card:nth-child(7)  { animation-delay: 0.34s; }
.products-grid .product-card:nth-child(8)  { animation-delay: 0.39s; }
.products-grid .product-card:nth-child(9)  { animation-delay: 0.44s; }
.products-grid .product-card:nth-child(10) { animation-delay: 0.49s; }
.products-grid .product-card:nth-child(11) { animation-delay: 0.54s; }
.products-grid .product-card:nth-child(12) { animation-delay: 0.59s; }
.products-grid .product-card:nth-child(13) { animation-delay: 0.64s; }
.products-grid .product-card:nth-child(14) { animation-delay: 0.69s; }
.products-grid .product-card:nth-child(15) { animation-delay: 0.74s; }

/* Gift card blokas irgi sklandžiai */
#store .product-card {
    animation-fill-mode: forwards;
}

/* ---------- SKLANDESNI HOVER / PEREJIMAI ---------- */
.product-card,
.duk-card,
.ads-item {
    transition:
        border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.6);
}

.duk-card:hover,
.ads-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px -16px rgba(0, 0, 0, 0.55);
}

.buy-btn,
.btn-primary,
.enter-btn,
.ads-item-btn {
    transition:
        opacity 0.25s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.25s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}

.buy-btn:hover,
.btn-primary:hover {
    transform: translateY(-1px);
}

.enter-btn:hover {
    transform: translateY(-2px);
    opacity: 1;
    box-shadow: 0 12px 30px -10px rgba(255, 255, 255, 0.25);
}

/* Sekcijų perėjimai švelnesni */
.fade-section {
    animation: sectionIn 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

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

/* Intro turinys sklandžiai pakyla */
.main-screen-content > * {
    opacity: 0;
    animation: introRise 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.main-screen-content > *:nth-child(1) { animation-delay: 0.05s; }
.main-screen-content > *:nth-child(2) { animation-delay: 0.15s; }
.main-screen-content > *:nth-child(3) { animation-delay: 0.25s; }
.main-screen-content > *:nth-child(4) { animation-delay: 0.35s; }
.main-screen-content > *:nth-child(5) { animation-delay: 0.45s; }
.main-screen-content > *:nth-child(6) { animation-delay: 0.55s; }
.main-screen-content > *:nth-child(7) { animation-delay: 0.65s; }
.main-screen-content > *:nth-child(8) { animation-delay: 0.75s; }

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

/* ---------- MOBILE: mažiau ikonų, mažesni poslinkiai ---------- */
@media (max-width: 768px) {
    .fi-3, .fi-5, .fi-7, .fi-9, .fi-11, .fi-12 {
        display: none;
    }

    .float-item {
        width: 26px !important;
        height: 26px !important;
    }

    .products-grid .product-card:nth-child(odd),
    .products-grid .product-card:nth-child(even) {
        transform: translateX(0) translateY(24px);
        animation-name: cardInUp;
    }

    @keyframes cardInUp {
        0% {
            opacity: 0;
            transform: translateY(24px) scale(0.98);
            filter: blur(3px);
        }
        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
            filter: blur(0);
        }
    }
}

/* ---------- REDUCED MOTION: viskas ramu ---------- */

/* ============================================================
   V2.2 — INTRO EKRANO GYVAS FONAS (plaukiojančios prekių plytelės)
   ============================================================ */

.pre-intro {
    background:
        radial-gradient(ellipse 100% 70% at 50% 0%, #14141b 0%, #0c0c10 45%, #09090b 100%);
    overflow: hidden;
}

.intro-float {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 0;
}

.main-screen {
    position: relative;
    z-index: 2;
}

/* Švelnūs šviesos rutuliai gyliui */
.intro-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.5;
}

.intro-orb-1 {
    width: 480px;
    height: 480px;
    top: -180px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.05);
    animation: orbPulse 9s ease-in-out infinite alternate;
}

.intro-orb-2 {
    width: 380px;
    height: 380px;
    bottom: -160px;
    right: -120px;
    background: rgba(94, 200, 255, 0.05);
    animation: orbPulse 12s ease-in-out infinite alternate-reverse;
}

@keyframes orbPulse {
    from { opacity: 0.35; transform: translateX(-50%) scale(1); }
    to   { opacity: 0.6;  transform: translateX(-50%) scale(1.12); }
}

.intro-orb-2 {
    animation-name: orbPulse2;
}

@keyframes orbPulse2 {
    from { opacity: 0.3; transform: scale(1); }
    to   { opacity: 0.55; transform: scale(1.15); }
}

/* Prekių plytelės */
.intro-tile {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 18px;
    color: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 14px 34px -14px rgba(0, 0, 0, 0.7);
    animation: tileFloat ease-in-out infinite alternate;
    will-change: transform;
}

.intro-tile svg {
    width: 46%;
    height: 46%;
}

@keyframes tileFloat {
    from { transform: translateY(-10px) rotate(var(--tr, -3deg)); }
    to   { transform: translateY(12px)  rotate(calc(var(--tr, -3deg) * -1)); }
}

/* Išsidėstymas aplink centrą — kairė pusė */
.it-1  { width: 72px; height: 72px; top: 16%; left: 7%;  --tr: -4deg; animation-duration: 7s;   animation-delay: 0s; }
.it-2  { width: 56px; height: 56px; top: 44%; left: 4%;  --tr: 3deg;  animation-duration: 8.5s; animation-delay: 1.2s; }
.it-3  { width: 84px; height: 84px; top: 68%; left: 11%; --tr: -2deg; animation-duration: 9.5s; animation-delay: 0.6s; }
.it-4  { width: 48px; height: 48px; top: 8%;  left: 24%; --tr: 5deg;  animation-duration: 7.8s; animation-delay: 2s;   opacity: 0.75; }
.it-5  { width: 60px; height: 60px; top: 84%; left: 27%; --tr: -3deg; animation-duration: 8.2s; animation-delay: 0.9s; }

/* Dešinė pusė */
.it-6  { width: 78px; height: 78px; top: 14%; right: 7%;  left: auto; --tr: 3deg;  animation-duration: 8.8s; animation-delay: 0.4s; }
.it-7  { width: 52px; height: 52px; top: 42%; right: 4%;  left: auto; --tr: -4deg; animation-duration: 7.4s; animation-delay: 1.6s; }
.it-8  { width: 66px; height: 66px; top: 70%; right: 10%; left: auto; --tr: 2deg;  animation-duration: 9s;   animation-delay: 0.2s; }
.it-9  { width: 46px; height: 46px; top: 6%;  right: 24%; left: auto; --tr: -5deg; animation-duration: 8s;   animation-delay: 2.4s; opacity: 0.75; }
.it-10 { width: 58px; height: 58px; top: 85%; right: 26%; left: auto; --tr: 4deg;  animation-duration: 8.6s; animation-delay: 1s; }

/* Tolimesnės plytelės — mažesnės, blankesnės, su blur (gylio efektas) */
.it-4, .it-9 {
    filter: blur(1.5px);
    color: rgba(255, 255, 255, 0.35);
}

/* Intro plytelės švelniai pasirodo */
.intro-tile {
    opacity: 0;
    animation-name: tileIn, tileFloat;
    animation-fill-mode: forwards, none;
    animation-iteration-count: 1, infinite;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), ease-in-out;
    animation-direction: normal, alternate;
}

.it-1  { animation-duration: 0.9s, 7s; }
.it-2  { animation-duration: 0.9s, 8.5s; }
.it-3  { animation-duration: 0.9s, 9.5s; }
.it-4  { animation-duration: 0.9s, 7.8s; }
.it-5  { animation-duration: 0.9s, 8.2s; }
.it-6  { animation-duration: 0.9s, 8.8s; }
.it-7  { animation-duration: 0.9s, 7.4s; }
.it-8  { animation-duration: 0.9s, 9s; }
.it-9  { animation-duration: 0.9s, 8s; }
.it-10 { animation-duration: 0.9s, 8.6s; }

@keyframes tileIn {
    from { opacity: 0; transform: translateY(26px) scale(0.9); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.it-4, .it-9 {
    animation-name: tileInDim, tileFloat;
}

@keyframes tileInDim {
    from { opacity: 0; transform: translateY(26px) scale(0.9); }
    to   { opacity: 0.75; transform: translateY(0) scale(1); }
}

/* ---------- MOBILE: mažiau plytelių, kompaktiškesnės ---------- */
@media (max-width: 768px) {
    .it-2, .it-4, .it-5, .it-7, .it-9, .it-10 {
        display: none;
    }

    .it-1  { width: 52px; height: 52px; top: 9%;  left: 6%; }
    .it-3  { width: 58px; height: 58px; top: 82%; left: 8%; }
    .it-6  { width: 56px; height: 56px; top: 8%;  right: 6%; }
    .it-8  { width: 50px; height: 50px; top: 83%; right: 8%; }

    .intro-orb-1 { width: 300px; height: 300px; }
    .intro-orb-2 { width: 240px; height: 240px; }
}

/* ---------- REDUCED MOTION ---------- */

/* ============================================================
   V2.3 — SKLANDŪS PERĖJIMAI TARP EKRANŲ
   ============================================================ */

/* Intro uždengia VISĄ ekraną kol nepaspaustas mygtukas */
.pre-intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

/* Kol intro rodomas — puslapis neslenka */
body:has(.pre-intro:not(.pre-exit)) {
    overflow: hidden;
}

/* Intro išėjimas: švelnus fade + priartėjimas + blur */
.pre-intro {
    transition:
        opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.65s cubic-bezier(0.4, 0, 0.2, 1),
        filter 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}

.pre-intro.pre-exit {
    opacity: 0;
    transform: scale(1.045);
    filter: blur(6px);
    pointer-events: none;
}

/* Parduotuvė įeina sklandžiai po intro */
.section.fade-in {
    animation: storeEnter 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes storeEnter {
    from {
        opacity: 0;
        transform: translateY(22px);
        filter: blur(3px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

/* Navbar nusileidžia švelniau */
.navbar.hidden-nav {
    transform: translateY(-100%);
    opacity: 0;
    transition:
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.visible {
    transform: translateY(0);
    opacity: 1;
}

/* Footer irgi sklandžiai */
.site-footer {
    animation: footerIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s backwards;
}

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

/* Sekcijų perjungimas (Pagrindinis ↔ DUK ↔ Atsiliepimai) */
.fade-section {
    animation: sectionSwitch 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes sectionSwitch {
    from {
        opacity: 0;
        transform: translateY(16px);
        filter: blur(2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

/* Modalai atsidaro sklandžiai */
.modal:not(.hidden) .modal-content {
    animation: modalPop 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

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

.modal:not(.hidden) .modal-backdrop {
    animation: backdropIn 0.35s ease;
}

@keyframes backdropIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* DUK / reklamų kortelės pasirodo pakopiškai */
.duk-grid .duk-card,
.ads-grid .ads-item {
    opacity: 0;
    animation: cardInUp2 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.duk-grid .duk-card:nth-child(1), .ads-grid .ads-item:nth-child(1) { animation-delay: 0.05s; }
.duk-grid .duk-card:nth-child(2), .ads-grid .ads-item:nth-child(2) { animation-delay: 0.11s; }
.duk-grid .duk-card:nth-child(3), .ads-grid .ads-item:nth-child(3) { animation-delay: 0.17s; }
.duk-grid .duk-card:nth-child(4), .ads-grid .ads-item:nth-child(4) { animation-delay: 0.23s; }
.duk-grid .duk-card:nth-child(5), .ads-grid .ads-item:nth-child(5) { animation-delay: 0.29s; }
.duk-grid .duk-card:nth-child(6), .ads-grid .ads-item:nth-child(6) { animation-delay: 0.35s; }
.duk-grid .duk-card:nth-child(7), .ads-grid .ads-item:nth-child(7) { animation-delay: 0.41s; }

@keyframes cardInUp2 {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* ---------- REDUCED MOTION ---------- */

/* ============================================================
   V3 — FROBIX STILIAUS LANDING (pill navbar, hero, bento, footer)
   ============================================================ */

/* Intro užsklanda išjungta — svetainė atsidaro iškart */
#pre-intro { display: none !important; }
body:has(.pre-intro:not(.pre-exit)) { overflow: auto; }

/* ---------- ŽVAIGŽDŽIŲ FONAS ---------- */
.bg-grid { display: block; background-image: none; mask-image: none; }

.bg-grid::before,
.bg-grid::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: transparent;
}

.bg-grid::before {
    box-shadow: 1602px 408px rgba(255,255,255,0.5), 1820px 365px rgba(255,255,255,0.5), 1616px 680px rgba(255,255,255,0.18), 1640px 810px rgba(255,255,255,0.5), 822px 173px rgba(255,255,255,0.25), 348px 260px rgba(255,255,255,0.18), 309px 953px rgba(255,255,255,0.25), 1252px 971px rgba(255,255,255,0.35), 319px 1123px rgba(255,255,255,0.25), 43px 29px rgba(255,255,255,0.18), 1078px 285px rgba(255,255,255,0.5), 1785px 398px rgba(255,255,255,0.25), 57px 515px rgba(255,255,255,0.25), 599px 1026px rgba(255,255,255,0.25), 1564px 667px rgba(255,255,255,0.35), 1114px 858px rgba(255,255,255,0.25), 124px 724px rgba(255,255,255,0.5), 1356px 1194px rgba(255,255,255,0.5), 1693px 1027px rgba(255,255,255,0.25), 1089px 310px rgba(255,255,255,0.18), 1787px 901px rgba(255,255,255,0.25), 1246px 8px rgba(255,255,255,0.25), 352px 289px rgba(255,255,255,0.5), 1267px 246px rgba(255,255,255,0.18), 667px 1061px rgba(255,255,255,0.5), 1606px 217px rgba(255,255,255,0.18), 508px 391px rgba(255,255,255,0.35), 86px 200px rgba(255,255,255,0.5), 1150px 57px rgba(255,255,255,0.18), 907px 666px rgba(255,255,255,0.25), 1418px 567px rgba(255,255,255,0.5), 1040px 1092px rgba(255,255,255,0.5), 1039px 507px rgba(255,255,255,0.35), 1889px 1145px rgba(255,255,255,0.25), 1720px 916px rgba(255,255,255,0.25), 853px 249px rgba(255,255,255,0.5), 905px 647px rgba(255,255,255,0.18), 1374px 492px rgba(255,255,255,0.5), 149px 435px rgba(255,255,255,0.35), 1605px 250px rgba(255,255,255,0.25), 1466px 749px rgba(255,255,255,0.25), 518px 281px rgba(255,255,255,0.5), 449px 192px rgba(255,255,255,0.5), 1812px 997px rgba(255,255,255,0.25), 1367px 458px rgba(255,255,255,0.25), 1446px 883px rgba(255,255,255,0.5), 694px 862px rgba(255,255,255,0.25), 730px 652px rgba(255,255,255,0.18), 1478px 749px rgba(255,255,255,0.18), 692px 1134px rgba(255,255,255,0.5), 902px 37px rgba(255,255,255,0.5), 678px 1059px rgba(255,255,255,0.35), 1049px 131px rgba(255,255,255,0.18), 1881px 468px rgba(255,255,255,0.18), 172px 543px rgba(255,255,255,0.35), 81px 371px rgba(255,255,255,0.35), 1547px 265px rgba(255,255,255,0.5), 1739px 529px rgba(255,255,255,0.5), 305px 1098px rgba(255,255,255,0.5), 1434px 669px rgba(255,255,255,0.18), 571px 117px rgba(255,255,255,0.25), 871px 148px rgba(255,255,255,0.35), 34px 181px rgba(255,255,255,0.35), 171px 455px rgba(255,255,255,0.18), 541px 249px rgba(255,255,255,0.5), 23px 694px rgba(255,255,255,0.5), 1897px 548px rgba(255,255,255,0.25), 88px 1079px rgba(255,255,255,0.25), 224px 330px rgba(255,255,255,0.35), 103px 370px rgba(255,255,255,0.25), 1909px 638px rgba(255,255,255,0.35), 1087px 421px rgba(255,255,255,0.35), 912px 1024px rgba(255,255,255,0.25), 554px 710px rgba(255,255,255,0.18), 512px 75px rgba(255,255,255,0.18), 37px 1035px rgba(255,255,255,0.25), 1053px 972px rgba(255,255,255,0.25), 1914px 915px rgba(255,255,255,0.18), 1348px 885px rgba(255,255,255,0.5), 1118px 805px rgba(255,255,255,0.35), 1408px 440px rgba(255,255,255,0.25), 701px 406px rgba(255,255,255,0.25), 828px 711px rgba(255,255,255,0.18), 1714px 265px rgba(255,255,255,0.18), 144px 523px rgba(255,255,255,0.5), 334px 113px rgba(255,255,255,0.18), 1362px 780px rgba(255,255,255,0.35), 1226px 496px rgba(255,255,255,0.35), 92px 940px rgba(255,255,255,0.25), 322px 550px rgba(255,255,255,0.5);
    animation: starDrift 120s linear infinite;
}

.bg-grid::after {
    width: 3px;
    height: 3px;
    box-shadow: 7px 539px rgba(255,255,255,0.35), 673px 1120px rgba(255,255,255,0.35), 500px 70px rgba(255,255,255,0.35), 446px 730px rgba(255,255,255,0.25), 2px 686px rgba(255,255,255,0.5), 171px 972px rgba(255,255,255,0.35), 1029px 411px rgba(255,255,255,0.25), 1033px 10px rgba(255,255,255,0.18), 541px 183px rgba(255,255,255,0.25), 818px 85px rgba(255,255,255,0.5), 46px 613px rgba(255,255,255,0.35), 1289px 476px rgba(255,255,255,0.18), 1199px 1083px rgba(255,255,255,0.25), 1346px 797px rgba(255,255,255,0.35), 1475px 1012px rgba(255,255,255,0.25), 581px 296px rgba(255,255,255,0.18), 1689px 1050px rgba(255,255,255,0.5), 1502px 1035px rgba(255,255,255,0.25), 1863px 1072px rgba(255,255,255,0.18), 1692px 1196px rgba(255,255,255,0.25), 174px 63px rgba(255,255,255,0.18), 272px 738px rgba(255,255,255,0.18), 771px 924px rgba(255,255,255,0.18), 1285px 38px rgba(255,255,255,0.25), 1002px 540px rgba(255,255,255,0.18), 935px 143px rgba(255,255,255,0.18), 1350px 1077px rgba(255,255,255,0.18), 1527px 970px rgba(255,255,255,0.35), 1657px 152px rgba(255,255,255,0.35), 480px 420px rgba(255,255,255,0.25), 1515px 942px rgba(255,255,255,0.5), 1731px 783px rgba(255,255,255,0.18), 981px 588px rgba(255,255,255,0.18), 1263px 406px rgba(255,255,255,0.18), 1228px 301px rgba(255,255,255,0.35), 520px 623px rgba(255,255,255,0.25), 25px 987px rgba(255,255,255,0.18), 994px 550px rgba(255,255,255,0.18), 1417px 445px rgba(255,255,255,0.5), 595px 1057px rgba(255,255,255,0.35), 951px 954px rgba(255,255,255,0.5), 1571px 242px rgba(255,255,255,0.25), 638px 175px rgba(255,255,255,0.5), 35px 593px rgba(255,255,255,0.5), 156px 1037px rgba(255,255,255,0.5);
    animation: starDrift 180s linear infinite reverse;
}

@keyframes starDrift {
    from { transform: translateY(0); }
    to   { transform: translateY(-1200px); }
}

/* Plaukiojančios ikonos — dar subtilesnės šalia žvaigždžių */
.float-item { color: rgba(255,255,255,0.35); }

@keyframes floatFade {
    0%   { opacity: 0; }
    8%   { opacity: 0.06; }
    88%  { opacity: 0.06; }
    100% { opacity: 0; }
}

/* ---------- PILL NAVBAR ---------- */
.navbar {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: none;
    box-shadow: none;
    height: auto;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.nav-logo {
    flex: 0 0 auto;
    background: rgba(16, 16, 20, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    padding: 7px 16px 7px 8px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.logo-img {
    height: 30px;
    border-radius: 50%;
}

.nav-title {
    font-size: 1rem;
}

.nav-links {
    background: rgba(16, 16, 20, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    padding: 6px;
    gap: 4px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.navbar .nav-link {
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 0.87rem;
    gap: 7px;
    color: rgba(255, 255, 255, 0.6);
    transition: background 0.2s ease, color 0.2s ease;
}

.navbar .nav-link::after { display: none; }

.navbar .nav-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
}

.navbar .nav-link.active {
    background: #fff;
    color: #0a0a0c;
    font-weight: 600;
}

.nav-actions {
    flex: 0 0 auto;
    margin-left: auto;
}

.btn-cart {
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    background: rgba(16, 16, 20, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-search {
    flex: 0 0 auto;
    order: 5;
}

.nav-search .search-input {
    background: rgba(16, 16, 20, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 999px;
    width: 180px;
    transition: width 0.3s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.2s ease;
}

.nav-search .search-input:focus {
    width: 240px;
}

@media (max-width: 1100px) {
    .nav-title { display: none; }
    .nav-search .search-input { width: 130px; }
    .nav-search .search-input:focus { width: 170px; }
}

/* ---------- HERO ---------- */
.section.store-section {
    padding-top: 0;
}

.hero-landing {
    min-height: 92vh;
    display: flex;
    align-items: center;
    padding-top: 90px;
}

.hero-inner {
    max-width: 760px;
}

.hero-title {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(2.6rem, 6vw, 4.6rem);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -2.5px;
    color: #fff;
    margin-bottom: 1.4rem;
    opacity: 0;
    animation: heroRise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;
}

.hero-sub {
    font-size: 1.05rem;
    color: var(--text-muted);
    line-height: 1.7;
    max-width: 560px;
    margin-bottom: 2.2rem;
    opacity: 0;
    animation: heroRise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;
}

.hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    opacity: 0;
    animation: heroRise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards;
}

.hero-cta {
    padding: 0.9rem 1.8rem;
    font-size: 1rem;
}

.hero-btn-ghost {
    padding: 0.9rem 1.8rem;
    font-size: 1rem;
    background: transparent;
    border: 1px solid var(--card-border);
    color: var(--text-main);
    border-radius: 10px;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.hero-btn-ghost:hover {
    border-color: var(--card-border-hover);
    background: rgba(255, 255, 255, 0.03);
}

.hero-stats {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 3rem;
    flex-wrap: wrap;
    opacity: 0;
    animation: heroRise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.55s forwards;
}

.hero-stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.hs-num {
    font-family: 'Outfit', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
}

.hs-label {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.hero-stat-div {
    width: 1px;
    height: 34px;
    background: var(--card-border);
}

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

#produktai-anchor {
    scroll-margin-top: 90px;
}

/* ---------- SEKCIJŲ ANTRAŠTĖS (frobix stilius) ---------- */
.store-header {
    text-align: center;
}

.store-header h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 2rem;
}

.store-sub-accent {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.8rem;
    color: #5ec8ff !important;
    margin-top: 6px;
}

/* ---------- WHY US BENTO ---------- */
.whyus {
    margin-top: 6rem;
    padding-bottom: 4rem;
}

.whyus-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    margin-top: 2.5rem;
}

.wu-card {
    grid-column: span 2;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 16px;
    padding: 1.6rem;
    position: relative;
    overflow: hidden;
    transition: border-color 0.3s ease, transform 0.3s ease;
}

.wu-card:hover {
    border-color: var(--card-border-hover);
    transform: translateY(-3px);
}

.wu-wide { grid-column: span 3; }
.wu-full { grid-column: span 6; }

.wu-card h3 {
    font-size: 1.15rem;
    color: #fff;
    margin-bottom: 0.5rem;
}

.wu-card p {
    font-size: 0.9rem;
    color: var(--text-muted);
    line-height: 1.6;
}

.wu-rows {
    margin-top: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wu-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1px solid var(--card-border);
    border-radius: 10px;
    font-size: 0.88rem;
    color: var(--text-muted);
}

.wu-row svg { color: var(--text-muted); }

.wu-row-active {
    border-color: rgba(94, 200, 255, 0.4);
    background: rgba(94, 200, 255, 0.06);
    color: #fff;
}

.wu-row-active svg { color: #5ec8ff; }

.wu-center {
    display: flex;
    flex-direction: column;
}

.wu-bolt {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7fd4ff;
    margin-top: 1rem;
    position: relative;
}

.wu-bolt::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(150, 120, 255, 0.14);
    filter: blur(40px);
    animation: boltPulse 3s ease-in-out infinite alternate;
}

@keyframes boltPulse {
    from { opacity: 0.5; transform: scale(0.9); }
    to   { opacity: 1; transform: scale(1.15); }
}

.wu-bolt svg { position: relative; }

.wu-icon {
    margin-top: 1.4rem;
    display: flex;
    justify-content: center;
    color: rgba(255, 255, 255, 0.3);
}

/* Mokėjimų marquee */
.pay-marquee {
    margin-top: 1.2rem;
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
}

.pay-track {
    display: flex;
    gap: 12px;
    width: max-content;
    animation: marquee 28s linear infinite;
}

.pay-marquee:hover .pay-track {
    animation-play-state: paused;
}

@keyframes marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

.pm-badge {
    flex: 0 0 auto;
    padding: 12px 26px;
    border: 1px solid var(--card-border);
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.015);
    white-space: nowrap;
}

/* ---------- FOOTER 4 STULPELIAI ---------- */
.site-footer {
    margin-top: 2rem;
    padding: 3.5rem 0 2.5rem;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 40px;
}

.fcol h3 {
    font-size: 1.2rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}

.fcol h4 {
    font-size: 0.85rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 1.1rem;
}

.fcol-brand p {
    font-size: 0.88rem;
    color: var(--text-muted);
    line-height: 1.7;
}

.fcol-brand .copyright {
    margin-top: 1.2rem;
    font-size: 0.78rem;
    color: #6a6a72;
}

.f-link {
    display: block;
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 0.85rem;
    font-size: 0.9rem;
    font-family: inherit;
    color: var(--text-muted);
    cursor: pointer;
    text-decoration: none;
    text-align: left;
    transition: color 0.15s ease;
}

.f-link:hover { color: #fff; }

.f-contact-title { margin-top: 1.6rem; }

.f-contact {
    font-size: 0.85rem;
    color: var(--text-muted);
    line-height: 1.6;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1024px) {
    .whyus-grid { grid-template-columns: repeat(2, 1fr); }
    .wu-card, .wu-wide { grid-column: span 1; }
    .wu-full { grid-column: span 2; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 768px) {
    .navbar { padding: 12px 14px; }
    .nav-links { display: none; }
    .hero-landing { min-height: 80vh; padding-top: 80px; }
    .hero-title { letter-spacing: -1.5px; }
    .hero-stats { gap: 16px; }
    .whyus-grid { grid-template-columns: 1fr; }
    .wu-card, .wu-wide, .wu-full { grid-column: span 1; }
    .footer-grid { grid-template-columns: 1fr; gap: 28px; }
}

/* ---------- REDUCED MOTION ---------- */

/* ============================================================
   V3.1 — PRISTATYMO ANIMACIJA + GRAŽESNIS WHY-US
   ============================================================ */

/* ---------- MOMENTINIS PRISTATYMAS: sunkvežimio scena ---------- */
.wu-delivery {
    flex: 1;
    position: relative;
    min-height: 190px;
    margin-top: 1rem;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

.del-glow {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 220px;
    height: 160px;
    border-radius: 50%;
    background: rgba(150, 130, 255, 0.1);
    filter: blur(50px);
    animation: boltPulse 4s ease-in-out infinite alternate;
}

/* Kelias */
.del-road {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 34px;
    height: 2px;
    background: repeating-linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.22) 0 18px,
        transparent 18px 34px
    );
    animation: roadMove 0.7s linear infinite;
    mask-image: linear-gradient(90deg, transparent, black 12%, black 88%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, black 12%, black 88%, transparent);
}

@keyframes roadMove {
    from { background-position: 0 0; }
    to   { background-position: -34px 0; }
}

/* Sunkvežimis važiuoja: įvažiuoja → sustoja → išvažiuoja */
.del-truck {
    position: absolute;
    bottom: 42px;
    left: 0;
    width: 96px;
    height: 60px;
    color: rgba(255, 255, 255, 0.85);
    animation: truckDrive 7s cubic-bezier(0.45, 0, 0.25, 1) infinite;
    will-change: transform;
}

.del-truck svg {
    width: 100%;
    height: 100%;
}

@keyframes truckDrive {
    0%    { transform: translateX(-140px); }
    26%   { transform: translateX(calc(50cqw - 48px)); }
    30%   { transform: translateX(calc(50cqw - 48px)) translateY(0); }
    32%   { transform: translateX(calc(50cqw - 48px)) translateY(-2px); }
    34%   { transform: translateX(calc(50cqw - 48px)) translateY(0); }
    62%   { transform: translateX(calc(50cqw - 48px)); }
    88%   { transform: translateX(calc(100cqw + 60px)); }
    100%  { transform: translateX(calc(100cqw + 60px)); }
}

@supports not (width: 1cqw) {
    @keyframes truckDrive {
        0%    { transform: translateX(-140px); }
        26%   { transform: translateX(160px); }
        30%   { transform: translateX(160px) translateY(0); }
        32%   { transform: translateX(160px) translateY(-2px); }
        34%   { transform: translateX(160px) translateY(0); }
        62%   { transform: translateX(160px); }
        88%   { transform: translateX(480px); }
        100%  { transform: translateX(480px); }
    }
}

.wu-delivery { container-type: inline-size; }

/* Ratai sukasi */
.del-wheel {
    transform-box: fill-box;
    transform-origin: center;
    animation: wheelSpin 0.8s linear infinite;
}

@keyframes wheelSpin {
    to { transform: rotate(360deg); }
}

/* Greičio linijos už sunkvežimio */
.del-line {
    position: absolute;
    left: -26px;
    height: 2px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.35);
    animation: speedLine 0.5s ease-out infinite;
}

.dl-1 { top: 18px; width: 18px; animation-delay: 0s; }
.dl-2 { top: 28px; width: 24px; animation-delay: 0.15s; }
.dl-3 { top: 38px; width: 14px; animation-delay: 0.3s; }

@keyframes speedLine {
    from { opacity: 0.6; transform: translateX(0); }
    to   { opacity: 0; transform: translateX(-16px); }
}

/* Dovana iššoka kai sunkvežimis sustoja centre */
.del-gift {
    position: absolute;
    left: 50%;
    bottom: 108px;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    color: #7fd4ff;
    opacity: 0;
    animation: giftPop 7s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}

.del-gift svg {
    width: 100%;
    height: 100%;
}

@keyframes giftPop {
    0%, 30%  { opacity: 0; transform: translateY(16px) scale(0.4); }
    36%      { opacity: 1; transform: translateY(-6px) scale(1.1); }
    40%      { transform: translateY(0) scale(1); }
    58%      { opacity: 1; transform: translateY(0) scale(1); }
    64%, 100%{ opacity: 0; transform: translateY(-18px) scale(0.85); }
}

/* Kibirkštys aplink dovaną */
.del-spark {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #a5e0ff;
    opacity: 0;
    animation: sparkPop 7s ease-out infinite;
}

.ds-1 { top: -8px;  left: 50%; }
.ds-2 { top: 4px;   left: -10px; }
.ds-3 { top: 2px;   right: -10px; }

.ds-2 { animation-delay: 0.08s; }
.ds-3 { animation-delay: 0.16s; }

@keyframes sparkPop {
    0%, 34%  { opacity: 0; transform: scale(0); }
    38%      { opacity: 1; transform: scale(1.3); }
    46%, 100%{ opacity: 0; transform: scale(0) translateY(-10px); }
}

/* ---------- MARQUEE: dvi juostos, sklandžiai ---------- */
.pay-track {
    animation-duration: 45s;
}

.pm-badge {
    transition: border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.pm-badge:hover {
    border-color: rgba(255, 255, 255, 0.25);
    color: #fff;
    transform: translateY(-2px);
}

/* ---------- WHY-US KORTELIŲ POLIRAVIMAS ---------- */
.wu-card {
    background:
        radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, 0.025) 0%, transparent 55%),
        var(--card-bg);
}

.wu-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16), transparent);
    opacity: 0;
    transition: opacity 0.35s ease;
}

.wu-card:hover::before {
    opacity: 1;
}

.wu-card h3 {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Ikonos švelniai plūduriuoja */
.wu-icon {
    color: rgba(255, 255, 255, 0.4);
    animation: iconFloat 4s ease-in-out infinite alternate;
}

.wu-card:nth-child(3) .wu-icon { animation-delay: 0.5s; }
.wu-card:nth-child(4) .wu-icon { animation-delay: 1s; }
.wu-card:nth-child(5) .wu-icon { animation-delay: 1.5s; }

@keyframes iconFloat {
    from { transform: translateY(0); }
    to   { transform: translateY(-6px); }
}

.wu-card:hover .wu-icon {
    color: rgba(255, 255, 255, 0.7);
}

/* Palaikymo eilutės — gyvesnės */
.wu-row {
    transition: border-color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}

.wu-row:hover {
    border-color: rgba(255, 255, 255, 0.18);
    transform: translateX(3px);
}

.wu-row-active {
    box-shadow: 0 0 22px -6px rgba(94, 200, 255, 0.35);
    animation: rowGlow 3s ease-in-out infinite alternate;
}

@keyframes rowGlow {
    from { box-shadow: 0 0 16px -6px rgba(94, 200, 255, 0.25); }
    to   { box-shadow: 0 0 26px -4px rgba(94, 200, 255, 0.5); }
}

/* ---------- REDUCED MOTION ---------- */

/* ============================================================
   V3.2 — CENTRUOTAS HERO + TURTINGESNIS FONAS
   ============================================================ */

/* ---------- HERO PER VIDURĮ ---------- */
.hero-landing {
    justify-content: center;
    text-align: center;
    position: relative;
}

.hero-inner {
    max-width: 860px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-sub {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

.hero-actions {
    justify-content: center;
}

.hero-stats {
    justify-content: center;
}

/* Hero badge virš antraštės */
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 18px;
    border: 1px solid var(--card-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.025);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 0.82rem;
    color: var(--text-muted);
    margin-bottom: 1.6rem;
    opacity: 0;
    animation: heroRise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.02s forwards;
}

.hb-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #3fb950;
    box-shadow: 0 0 8px rgba(63, 185, 80, 0.8);
    animation: dotPulse 2s ease-in-out infinite;
}

@keyframes dotPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.55; transform: scale(0.8); }
}

/* Slinkimo rodyklė hero apačioje */
.hero-scroll {
    position: absolute;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid var(--card-border);
    background: rgba(255, 255, 255, 0.02);
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: scrollBob 2.2s ease-in-out infinite;
    transition: border-color 0.2s ease, color 0.2s ease;
    opacity: 0;
    animation: heroRise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.75s forwards, scrollBob 2.2s ease-in-out 1.7s infinite;
}

.hero-scroll:hover {
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
}

@keyframes scrollBob {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50%      { transform: translateX(-50%) translateY(7px); }
}

/* ---------- FONO EFEKTAI: ūkai + meteorai ---------- */
.bg-fx {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.nebula {
    position: absolute;
    border-radius: 50%;
    filter: blur(110px);
    will-change: transform, opacity;
}

.nb-1 {
    width: 560px;
    height: 560px;
    top: -220px;
    left: 50%;
    margin-left: -280px;
    background: rgba(94, 200, 255, 0.07);
    animation: nebulaDrift1 18s ease-in-out infinite alternate;
}

.nb-2 {
    width: 440px;
    height: 440px;
    top: 30%;
    left: -180px;
    background: rgba(150, 120, 255, 0.05);
    animation: nebulaDrift2 24s ease-in-out infinite alternate;
}

.nb-3 {
    width: 480px;
    height: 480px;
    bottom: -160px;
    right: -160px;
    background: rgba(94, 200, 255, 0.05);
    animation: nebulaDrift3 21s ease-in-out infinite alternate;
}

@keyframes nebulaDrift1 {
    from { transform: translate(0, 0) scale(1); opacity: 0.7; }
    to   { transform: translate(40px, 30px) scale(1.12); opacity: 1; }
}

@keyframes nebulaDrift2 {
    from { transform: translate(0, 0) scale(1); opacity: 0.6; }
    to   { transform: translate(60px, -40px) scale(1.15); opacity: 1; }
}

@keyframes nebulaDrift3 {
    from { transform: translate(0, 0) scale(1); opacity: 0.6; }
    to   { transform: translate(-50px, -30px) scale(1.1); opacity: 1; }
}

/* Krentančios žvaigždės */
.meteor {
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #fff;
    opacity: 0;
    animation: meteorFall linear infinite;
}

.meteor::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), transparent);
    transform: translateY(-50%) rotate(0deg);
    transform-origin: left center;
}

.mt-1 { top: 8%;  left: 68%; animation-duration: 6s;  animation-delay: 2s; }
.mt-2 { top: 2%;  left: 28%; animation-duration: 7s;  animation-delay: 7s; }
.mt-3 { top: 14%; left: 88%; animation-duration: 5.5s; animation-delay: 13s; }
.mt-4 { top: 4%;  left: 48%; animation-duration: 6.5s; animation-delay: 18s; }

@keyframes meteorFall {
    0%   { opacity: 0; transform: translate(0, 0) rotate(215deg); }
    3%   { opacity: 1; }
    12%  { opacity: 0; transform: translate(-340px, 240px) rotate(215deg); }
    100% { opacity: 0; transform: translate(-340px, 240px) rotate(215deg); }
}

/* ---------- PRODUKTŲ KORTELIŲ SHINE ---------- */
.product-card::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.05), transparent);
    transition: left 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
    z-index: 1;
}

.product-card:hover::before {
    left: 160%;
}

/* Mygtukų shine */
.buy-btn,
.btn-primary,
.hero-cta {
    position: relative;
    overflow: hidden;
}

.buy-btn::after,
.hero-cta::after {
    content: '';
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(105deg, transparent, rgba(0, 0, 0, 0.08), transparent);
    transition: left 0.5s ease;
    pointer-events: none;
}

.buy-btn:hover::after,
.hero-cta:hover::after {
    left: 130%;
}

/* ---------- SEKCIJŲ SKIRTUKAI ---------- */
.whyus .store-header {
    position: relative;
    padding-top: 3rem;
}

.whyus .store-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 320px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.14), transparent);
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
    .hero-badge { font-size: 0.74rem; padding: 7px 14px; }
    .hero-scroll { bottom: 20px; width: 42px; height: 42px; }
    .nb-1 { width: 340px; height: 340px; margin-left: -170px; }
    .nb-2, .nb-3 { width: 280px; height: 280px; }
    .mt-3, .mt-4 { display: none; }
}

/* ---------- REDUCED MOTION ---------- */

/* ============================================================
   V3.3 — SCROLL REVEAL + GYVESNĖS ANIMACIJOS
   ============================================================ */

/* ---------- SCROLL REVEAL ---------- */

/* ---------- MARQUEE: GREITESNIS, MATOMAS JUDĖJIMAS ---------- */
.pay-track {
    animation: marquee 20s linear infinite;
}

/* ---------- SUNKVEŽIMIS: patikimas judėjimas (be cqw) ---------- */
.del-truck {
    left: auto;
    animation: truckGo 5.5s cubic-bezier(0.45, 0, 0.25, 1) infinite;
}

@keyframes truckGo {
    0%    { left: -25%; }
    30%   { left: 42%; }
    34%   { left: 42%; transform: translateY(-2px); }
    38%   { left: 42%; transform: translateY(0); }
    62%   { left: 42%; }
    92%   { left: 115%; }
    100%  { left: 115%; }
}

.del-gift {
    animation: giftPop2 5.5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}

@keyframes giftPop2 {
    0%, 34%   { opacity: 0; transform: translateY(16px) scale(0.4); }
    40%       { opacity: 1; transform: translateY(-6px) scale(1.12); }
    44%       { transform: translateY(0) scale(1); }
    60%       { opacity: 1; transform: translateY(0) scale(1); }
    68%, 100% { opacity: 0; transform: translateY(-20px) scale(0.85); }
}

.del-spark {
    animation: sparkPop2 5.5s ease-out infinite;
}

@keyframes sparkPop2 {
    0%, 38%   { opacity: 0; transform: scale(0); }
    43%       { opacity: 1; transform: scale(1.3); }
    52%, 100% { opacity: 0; transform: scale(0) translateY(-10px); }
}

.del-road {
    animation: roadMove 0.55s linear infinite;
}

.del-wheel {
    animation: wheelSpin 0.6s linear infinite;
}

/* ---------- FONO BURBULIUKAI: RYŠKESNI IR GYVESNI ---------- */
.nb-1 {
    background: rgba(94, 200, 255, 0.13);
    animation: nebulaDrift1 13s ease-in-out infinite alternate;
}

.nb-2 {
    background: rgba(150, 120, 255, 0.11);
    animation: nebulaDrift2 16s ease-in-out infinite alternate;
}

.nb-3 {
    background: rgba(94, 200, 255, 0.11);
    animation: nebulaDrift3 14s ease-in-out infinite alternate;
}

@keyframes nebulaDrift1 {
    from { transform: translate(0, 0) scale(1); opacity: 0.6; }
    to   { transform: translate(90px, 60px) scale(1.22); opacity: 1; }
}

@keyframes nebulaDrift2 {
    from { transform: translate(0, 0) scale(1); opacity: 0.5; }
    to   { transform: translate(120px, -80px) scale(1.28); opacity: 1; }
}

@keyframes nebulaDrift3 {
    from { transform: translate(0, 0) scale(1); opacity: 0.5; }
    to   { transform: translate(-100px, -70px) scale(1.2); opacity: 1; }
}

/* Papildomi maži burbuliukai kylantys aukštyn */
.bg-fx::before,
.bg-fx::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
}

.bg-fx::before {
    width: 260px;
    height: 260px;
    left: 22%;
    background: rgba(150, 130, 255, 0.09);
    animation: bubbleRise 22s ease-in-out infinite;
}

.bg-fx::after {
    width: 200px;
    height: 200px;
    left: 70%;
    background: rgba(150, 120, 255, 0.08);
    animation: bubbleRise 28s ease-in-out 9s infinite;
}

@keyframes bubbleRise {
    0%   { top: 105%; opacity: 0; transform: scale(0.8); }
    12%  { opacity: 1; }
    85%  { opacity: 1; }
    100% { top: -25%; opacity: 0; transform: scale(1.25); }
}

/* ---------- REDUCED MOTION ---------- */

/* ============================================================
   V4 — PROFESIONALUS POLIRAVIMAS
   ============================================================ */

/* ---------- CANVAS DALELĖS ---------- */
#bg-canvas {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
    height: 100%;
}

/* Senosios CSS žvaigždės nebereikalingos — canvas geresnis */
.bg-grid { display: none !important; }
.bg-float { display: none; }

/* Ūkai lieka po canvas — gylis */
.nebula { filter: blur(120px); }

/* ---------- NAVBAR SU SCROLL BŪSENA ---------- */
.navbar {
    transition: padding 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.navbar.nav-scrolled {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar.nav-scrolled .nav-logo,
.navbar.nav-scrolled .nav-links,
.navbar.nav-scrolled .btn-cart,
.navbar.nav-scrolled .nav-search .search-input {
    background: rgba(12, 12, 15, 0.92);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
}

/* ---------- HERO: elegantiškesnė tipografija ---------- */
.hero-title {
    background: linear-gradient(180deg, #ffffff 55%, #b8bcc8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-landing::before {
    content: '';
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
    width: min(720px, 90vw);
    height: 360px;
    background: radial-gradient(ellipse, rgba(150, 130, 255, 0.09), transparent 65%);
    filter: blur(30px);
    pointer-events: none;
    animation: heroGlow 7s ease-in-out infinite alternate;
}

@keyframes heroGlow {
    from { opacity: 0.6; transform: translateX(-50%) scale(1); }
    to   { opacity: 1;   transform: translateX(-50%) scale(1.08); }
}

/* ---------- WU-CARD TILT ---------- */
.wu-card {
    transform-style: preserve-3d;
}

.wu-card.tilting {
    transition: border-color 0.3s ease;
    border-color: var(--card-border-hover);
}

.wu-card.tilting > * {
    transform: translateZ(14px);
}

/* ---------- KORTELIŲ VIRŠAUS ŠVIESELĖ (visada, ne tik hover) ---------- */
.product-card::after,
.wu-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 18%;
    right: 18%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    pointer-events: none;
}

/* ---------- PRODUKTŲ SEKCIJOS ORAS ---------- */
#produktai-anchor + .store-header {
    padding-top: 1rem;
}

.products-grid {
    gap: 22px;
}

/* ---------- SMOOTH SCROLL VISUR ---------- */
html {
    scroll-behavior: smooth;
}

/* ---------- FOOTER SU VIRŠUTINE ŠVIESA ---------- */
.site-footer {
    position: relative;
}

.site-footer::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 20%;
    right: 20%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
}

/* ---------- SELECTION / FOCUS ---------- */
:focus-visible {
    outline: 2px solid rgba(94, 200, 255, 0.6);
    outline-offset: 2px;
    border-radius: 6px;
}

/* ---------- REDUCED MOTION ---------- */

/* ============================================================
   V4.1 — ANIMACIJOS VISADA VEIKIA (galutinis užtikrinimas)
   ============================================================ */

/* Furgonas VISADA važiuoja */
.del-truck {
    left: -25%;
    animation: truckGo 5.5s cubic-bezier(0.45, 0, 0.25, 1) infinite !important;
}

.del-wheel {
    animation: wheelSpin 0.6s linear infinite !important;
}

.del-road {
    animation: roadMove 0.55s linear infinite !important;
}

.del-gift {
    animation: giftPop2 5.5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite !important;
}

.del-spark {
    animation: sparkPop2 5.5s ease-out infinite !important;
}

.del-line {
    animation: speedLine 0.5s ease-out infinite !important;
}

/* Mokėjimo būdai VISADA slenka į kairę ratu */
.pay-track {
    animation: marquee 20s linear infinite !important;
}

/* Ūkai ir burbulai VISADA juda */
.nb-1 { animation: nebulaDrift1 13s ease-in-out infinite alternate !important; }
.nb-2 { animation: nebulaDrift2 16s ease-in-out infinite alternate !important; }
.nb-3 { animation: nebulaDrift3 14s ease-in-out infinite alternate !important; }

.bg-fx::before { animation: bubbleRise 22s ease-in-out infinite !important; }
.bg-fx::after  { animation: bubbleRise 28s ease-in-out 9s infinite !important; }

/* ============================================================
   V4.2 — GIFT CARD FIX + REVEAL v2 STILIAI
   ============================================================ */

/* KLAIDOS PATAISYMAS: gift card kortelės buvo nematomos, nes
   bazinė .product-card taisyklė turėjo opacity:0 be animacijos
   kortelėms už .products-grid ribų. Dabar matomumą valdo reveal. */
.product-card {
    opacity: 1;
    transform: none;
    animation: none !important;
}

.products-grid .product-card:nth-child(odd),
.products-grid .product-card:nth-child(even) {
    transform: none;
    animation: none !important;
}


/* Tilt netrukdo reveal: tilt tik po in-view */
.wu-card.reveal:not(.in-view) {
    pointer-events: none;
}

/* ---------- FONO POLIRAVIMAS ---------- */
/* Gilesnis, gyvesnis fonas po krentančiais lapais */
body {
    background:
        radial-gradient(ellipse 140% 90% at 50% -30%, #12121c 0%, #0b0b10 45%, #08080b 100%);
    background-attachment: fixed;
}

.nebula { filter: blur(130px); }

.nb-1 { background: rgba(94, 200, 255, 0.14); }
.nb-2 { background: rgba(150, 120, 255, 0.12); }
.nb-3 { background: rgba(150, 130, 255, 0.12); }

/* Vinjetė kraštuose — fokusas į turinį */
.bg-fx {
    background: radial-gradient(ellipse 120% 100% at 50% 50%, transparent 60%, rgba(0, 0, 0, 0.35) 100%);
}

/* ============================================================
   V4.3 — AKCENTINĖ SPALVA: ŠVIESIAI MĖLYNA (vietoj violetinės)
   ============================================================ */

/* Sekcijų subtitle */
.store-sub-accent {
    color: #5ec8ff !important;
}

/* 24/7 palaikymo aktyvi eilutė */
.wu-row-active {
    border-color: rgba(94, 200, 255, 0.45);
    background: rgba(94, 200, 255, 0.07);
}

.wu-row-active svg {
    color: #5ec8ff;
}

@keyframes rowGlow {
    from { box-shadow: 0 0 16px -6px rgba(94, 200, 255, 0.25); }
    to   { box-shadow: 0 0 26px -4px rgba(94, 200, 255, 0.5); }
}

.wu-row-active {
    animation: rowGlow 3s ease-in-out infinite alternate;
    box-shadow: 0 0 22px -6px rgba(94, 200, 255, 0.35);
}

/* Dovana ir kibirkštys */
.del-gift {
    color: #7fd4ff;
}

.del-spark {
    background: #a5e0ff;
}

/* Pristatymo švytėjimas */
.del-glow {
    background: rgba(94, 200, 255, 0.11);
}

.wu-bolt {
    color: #7fd4ff;
}

.wu-bolt::before {
    background: rgba(94, 200, 255, 0.15);
}

/* Hero švytėjimas */
.hero-landing::before {
    background: radial-gradient(ellipse, rgba(94, 200, 255, 0.1), transparent 65%);
}

/* Fono ūkai — rudens tonų paletė */
.nb-1 { background: rgba(94, 200, 255, 0.14) !important; }
.nb-2 { background: rgba(150, 120, 255, 0.11) !important; }
.nb-3 { background: rgba(150, 130, 255, 0.12) !important; }

.bg-fx::before {
    background: rgba(150, 130, 255, 0.1);
}

.bg-fx::after {
    background: rgba(94, 200, 255, 0.09);
}

/* Focus žiedas */
:focus-visible {
    outline-color: rgba(94, 200, 255, 0.65);
}

/* ============================================================
   V4.4 — MOKĖJIMŲ IKONOS + PERKAMIAUSI
   ============================================================ */

/* ---------- MOKĖJIMŲ BADGE SU IKONOM ---------- */
.pm-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 22px;
}

.pm-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
}

.pm-icon svg {
    width: 100%;
    height: 100%;
}

/* VISA plotesnis logotipas */
.pm-badge:nth-child(9n+2) .pm-icon {
    width: 38px;
}

/* ---------- PERKAMIAUSI ---------- */
.best-section {
    margin: 3.5rem 0;
}

.best-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1.5rem;
}

.best-title svg {
    color: #5ec8ff;
}

.best-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
    max-width: 1200px;
}

.best-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 14px;
    padding: 1.3rem;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition:
        border-color 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.best-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 18%;
    right: 18%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
}

.best-card:hover {
    border-color: var(--card-border-hover);
    transform: translateY(-4px);
    box-shadow: 0 16px 36px -16px rgba(0, 0, 0, 0.6);
}

.best-icon {
    width: 52px;
    height: 52px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.best-card:hover .best-icon {
    transform: scale(1.08);
}

.best-icon svg {
    width: 55%;
    height: 55%;
}

.best-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.best-tag {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--text-muted);
}

.best-name {
    font-size: 1.05rem;
    font-weight: 600;
    color: #fff;
}

.best-card .buy-btn {
    margin-top: auto;
    align-self: stretch;
    justify-content: center;
}

/* ---------- VISI PRODUKTAI mygtukas (mėlynas) ---------- */
.best-more {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.btn-visi {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0.95rem 2.2rem;
    background: #2f7ce8;
    color: #fff;
    border: none;
    border-radius: 999px;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    cursor: pointer;
    box-shadow: 0 8px 26px -8px rgba(47, 124, 232, 0.65);
    transition:
        background 0.25s ease,
        transform 0.25s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.25s ease;
}

.btn-visi:hover {
    background: #3f8bf5;
    transform: translateY(-2px);
    box-shadow: 0 12px 34px -8px rgba(47, 124, 232, 0.8);
}

.btn-visi:active {
    transform: scale(0.98);
}

/* ---------- KATEGORIJOS PASLĖPTOS KOL NEPASPAUSTA ---------- */
#skeleton-loader {
    display: none !important;
}

#products-container {
    display: none;
}

#products-container.show-all {
    display: block;
    animation: sectionSwitch 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
    .best-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .best-card {
        padding: 1rem;
    }
}

/* ============================================================
   V4.5 — GLOW SEKANTIS PELĘ (kortelių kraštų švytėjimas)
   ============================================================ */

.card-glow {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2;
}

.product-card:hover .card-glow,
.best-card:hover .card-glow,
.wu-card:hover .card-glow,
.duk-card:hover .card-glow,
.ads-item:hover .card-glow,
.category-card:hover .card-glow {
    opacity: 1;
}

/* Švytintis kraštas, kuris seka pelės poziciją */
.card-glow::before {
    content: '';
    position: absolute;
    top: -1px; left: -1px; right: -1px; bottom: -1px;
    border-radius: inherit;
    padding: 1.5px;
    background: radial-gradient(
        240px circle at var(--gx, 50%) var(--gy, 50%),
        rgba(94, 200, 255, 0.75),
        rgba(94, 200, 255, 0.15) 45%,
        transparent 70%
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
}

/* Švelnus vidinis prožektorius */
.card-glow::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: inherit;
    background: radial-gradient(
        320px circle at var(--gx, 50%) var(--gy, 50%),
        rgba(94, 200, 255, 0.07),
        transparent 65%
    );
}

/* Gift card kortelėms glow turi būti virš paveiksliuko */

/* Perkamiausi grid — 4 kortelės gražiai telpa */
.best-grid {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

@media (max-width: 768px) {
    .best-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ============================================================
   V4.6 — PERKAMIAUSI SU PRODUKTŲ NUOTRAUKOMIS
   ============================================================ */

.best-grid {
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
    gap: 18px;
}

.best-card {
    display: block;
    padding: 0;
    overflow: hidden;
}

/* Nuotraukos blokas */
.best-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 5 / 7;
    overflow: hidden;
    background: #0d0d11;
}

.best-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.best-card:hover .best-thumb img {
    transform: scale(1.05);
}

/* Švelnus perėjimas nuo nuotraukos į kortelę */
.best-thumb::after {
    content: '';
    position: absolute;
    top: auto; left: 0; right: 0; bottom: 0;
    height: 45%;
    background: linear-gradient(180deg, transparent, rgba(16, 16, 19, 0.85) 70%, var(--card-bg));
    pointer-events: none;
}

/* Turinys po nuotrauka */
.best-body {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 1rem 1.1rem 1.2rem;
    position: relative;
    z-index: 1;
}

.best-tag {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    color: var(--text-muted);
}

.best-name {
    font-size: 1.08rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}

.best-price {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-bottom: 0.7rem;
}

.best-price strong {
    color: #5ec8ff;
    font-size: 1.05rem;
    font-weight: 700;
    margin-left: 3px;
}

.best-card .buy-btn {
    width: 100%;
    justify-content: center;
    padding: 0.6rem 1rem;
}

/* Senasis ikonų stilius nebereikalingas */
.best-icon,
.best-info {
    display: none;
}

@media (max-width: 768px) {
    .best-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .best-body {
        padding: 0.85rem 0.9rem 1rem;
    }

    .best-name {
        font-size: 0.95rem;
    }
}

/* ============================================================
   V5 — NAŠUMO OPTIMIZACIJA + NAUJIENA ŽENKLIUKAS
   ============================================================ */

/* ---------- NAUJIENA BURBULIUKAS ---------- */
.new-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 999px;
    background: #2f7ce8;
    color: #fff;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    box-shadow: 0 4px 16px -4px rgba(47, 124, 232, 0.8);
    pointer-events: none;
}

.new-badge::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #7fd4ff;
    animation: newDot 2s ease-in-out infinite;
}

@keyframes newDot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.5; transform: scale(0.75); }
}

/* ---------- NAŠUMAS: sunkūs efektai lengvesni ---------- */

/* Mažesnis blur = daug pigiau GPU */
.nebula { filter: blur(80px); }
.bg-fx::before, .bg-fx::after { filter: blur(55px); }
.del-glow { filter: blur(38px); }
.hero-landing::before { filter: blur(20px); }

/* Kompozicijos užuominos naršyklei */
.nebula,
.bg-fx::before,
.bg-fx::after,
.pay-track,
.del-truck,
#bg-canvas {
    will-change: transform;
    transform: translateZ(0);
}

/* Nereikalingi backdrop-filter (labai brangūs) — pašalinam kur nebūtina */
.hero-badge,
.intro-tile {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.hero-badge {
    background: rgba(255, 255, 255, 0.04);
}

/* Kortelių shine sweep — tik ant hover, nefiltruojam viso puslapio */
.product-card::before {
    will-change: left;
}

/* Reveal — po suveikimo nebereikia will-change */

/* Tik footeris — jame animacijų nėra */
.site-footer {
    content-visibility: auto;
    contain-intrinsic-size: 600px;
}

/* ---------- MOBILE: išjungiam brangiausius efektus ---------- */
@media (max-width: 768px) {
    .bg-fx::before,
    .bg-fx::after {
        display: none;
    }

    .nb-2, .nb-3 { display: none; }

    .nebula { filter: blur(60px); }

    .card-glow { display: none; }

    .product-card::before { display: none; }
}

/* ============================================================
   V5.1 — DUK AKORDEONAS (dažnai užduodami klausimai)
   ============================================================ */

.faq-section {
    margin-top: 4rem;
    padding-top: 3rem;
    position: relative;
}

.faq-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 320px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.14), transparent);
}

.faq-head {
    text-align: center;
    margin-bottom: 2.5rem;
}

.faq-head h2 {
    font-size: 2rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 6px;
}

.faq-list {
    max-width: 860px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ---------- KLAUSIMO KORTELĖ ---------- */
.faq-item {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 14px;
    overflow: hidden;
    transition:
        border-color 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.faq-item:hover {
    border-color: rgba(94, 200, 255, 0.3);
    box-shadow: 0 8px 26px -14px rgba(0, 0, 0, 0.7);
}

.faq-item.open {
    border-color: rgba(94, 200, 255, 0.45);
    background: linear-gradient(180deg, rgba(94, 200, 255, 0.05), var(--card-bg) 60%);
    box-shadow: 0 0 24px -10px rgba(94, 200, 255, 0.4);
}

/* ---------- KLAUSIMO MYGTUKAS ---------- */
.faq-q {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 1.15rem 1.3rem;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-main);
    text-align: left;
    cursor: pointer;
    transition: color 0.2s ease;
}

.faq-q:hover {
    color: #fff;
}

.faq-q-text {
    flex: 1;
    line-height: 1.4;
}

/* Ikona kairėje */
.faq-icon {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    border: 1px solid var(--card-border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    transition:
        color 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease,
        transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.faq-icon svg {
    width: 20px;
    height: 20px;
    display: block;
    shape-rendering: geometricPrecision;
}

.faq-item:hover .faq-icon {
    color: #5ec8ff;
    border-color: rgba(94, 200, 255, 0.35);
}

.faq-item.open .faq-icon {
    color: #5ec8ff;
    border-color: rgba(94, 200, 255, 0.5);
    background: rgba(94, 200, 255, 0.1);
    transform: scale(1.05);
}

/* Rodyklė dešinėje */
.faq-arrow {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        color 0.3s ease;
}

.faq-arrow svg {
    width: 17px;
    height: 17px;
}

.faq-item.open .faq-arrow {
    transform: rotate(180deg);
    color: #5ec8ff;
}

/* ---------- ATSAKYMAS: sklandus išslinkimas ---------- */
.faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.faq-a-inner {
    padding: 0 1.3rem 1.3rem 4.3rem;
    opacity: 0;
    transform: translateY(-8px);
    transition:
        opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.08s,
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.08s;
}

.faq-item.open .faq-a-inner {
    opacity: 1;
    transform: translateY(0);
}

.faq-a-inner p {
    font-size: 0.94rem;
    line-height: 1.75;
    color: var(--text-muted);
    margin: 0;
}

.faq-a-inner strong {
    color: #fff;
    font-weight: 600;
}

.faq-a-inner a {
    color: #5ec8ff;
    text-decoration: none;
    border-bottom: 1px solid rgba(94, 200, 255, 0.35);
    transition: border-color 0.2s ease;
}

.faq-a-inner a:hover {
    border-color: #5ec8ff;
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
    .faq-head h2 {
        font-size: 1.5rem;
        letter-spacing: 1px;
    }

    .faq-q {
        padding: 1rem;
        gap: 11px;
        font-size: 0.92rem;
    }

    .faq-icon {
        width: 34px;
        height: 34px;
    }

    .faq-a-inner {
        padding: 0 1rem 1.1rem 1rem;
    }
}

/* ============================================================
   V6 — TOP BAR + KREPŠELIS IŠ ŠONO + CENTRUOTOS ANTRAŠTĖS
   ============================================================ */

/* ---------- VIRŠUTINĖ JUOSTA (Discord) ---------- */
.top-bar {
    position: relative;
    z-index: 200;
    background: #0c0c11;
    border-bottom: 1px solid var(--card-border);
}

.top-bar-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 20px;
    font-size: 0.85rem;
    text-align: center;
}

.tb-icon {
    flex: 0 0 auto;
    color: var(--text-muted);
    opacity: 0.85;
}

.tb-text {
    color: var(--text-muted);
    letter-spacing: 0.1px;
}

/* Mygtukas "Spausti čia" */
.tb-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 8px;
    background: #fff;
    color: #0a0a0c;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition:
        opacity 0.2s ease,
        transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.tb-btn svg {
    transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.tb-btn:hover {
    opacity: 0.88;
    transform: translateY(-1px);
}

.tb-btn:hover svg {
    transform: translate(2px, -2px);
}

.tb-btn:active {
    transform: scale(0.97);
}

/* Navbar nebe fixed viršuje — kad juosta matytųsi */
.navbar {
    position: sticky;
    top: 0;
}

/* ---------- ŽAIDIMŲ / PRENUMERATŲ ANTRAŠTĖS PER VIDURĮ ---------- */
#zaidimai .store-header,
#prenumeratos .store-header {
    text-align: center;
}

#zaidimai .store-header h2,
#prenumeratos .store-header h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
}

#zaidimai .store-divider,
#prenumeratos .store-divider {
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    max-width: 70%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent) !important;
}

/* ---------- KREPŠELIS IŠSLENKA IŠ ŠONO ---------- */
#cart-modal {
    display: block;
}

#cart-modal .modal-backdrop {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(4, 5, 9, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    animation: cartBackIn 0.35s ease forwards;
}

@keyframes cartBackIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#cart-modal .modal-content.modal-cart {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    bottom: 0;
    transform: none;
    width: min(440px, 100%);
    max-width: 100%;
    max-height: 100vh;
    height: 100vh;
    border-radius: 0;
    border: none;
    border-left: 1px solid rgba(94, 200, 255, 0.2);
    background: linear-gradient(180deg, #101017 0%, #0b0b0f 100%);
    box-shadow: -24px 0 70px rgba(0, 0, 0, 0.7);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 1.8rem 1.5rem 1.5rem;
    animation: cartSlideIn 0.42s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes cartSlideIn {
    from { transform: translateX(100%); }
    to   { transform: translateX(0); }
}

/* Uždarymo animacija */
#cart-modal.closing .modal-content.modal-cart {
    animation: cartSlideOut 0.38s cubic-bezier(0.4, 0, 1, 1) forwards;
}

#cart-modal.closing .modal-backdrop {
    animation: cartBackOut 0.38s ease forwards;
}

@keyframes cartSlideOut {
    to { transform: translateX(100%); }
}

@keyframes cartBackOut {
    to { opacity: 0; }
}

/* Puslapis neslenka kai krepšelis atidarytas */
body.cart-open {
    overflow: hidden;
}

/* Šoninio krepšelio vidus */
#cart-modal .cart-step h2 {
    font-size: 1.35rem;
    margin-bottom: 1.3rem;
    padding-right: 2.5rem;
}

#cart-modal .cart-items {
    flex: 1;
    max-height: none;
}

#cart-modal .modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
    .top-bar-inner {
        font-size: 0.75rem;
        gap: 7px;
        padding: 8px 12px;
    }

    #cart-modal .modal-content.modal-cart {
        width: 100%;
        border-left: none;
    }
}

/* ---------- DUK: klausimai atslysta iš šonų ---------- */
.faq-list .faq-item.reveal:nth-child(odd),
.faq-list .faq-item.reveal:nth-child(even) {
    transform: translateY(30px);
}

.faq-head.reveal {
    transform: translateY(24px);
}

/* DUK kortelės viršuje — irgi pakaitomis */
.duk-grid .duk-card.reveal:nth-child(odd),
.duk-grid .duk-card.reveal:nth-child(even) {
    transform: translateY(30px);
}

.faq-list .faq-item.reveal,
.duk-grid .duk-card.reveal {
    transition:
        opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Suveikus — visada į vietą */
.reveal.in-view {
    opacity: 1;
    transform: none !important;
}

@media (max-width: 768px) {
    .faq-list .faq-item.reveal:nth-child(odd),
    .faq-list .faq-item.reveal:nth-child(even),
    .duk-grid .duk-card.reveal:nth-child(odd),
    .duk-grid .duk-card.reveal:nth-child(even) {
        transform: translateY(22px) scale(0.99);
    }
}

/* ---------- TOP BAR: mobile ---------- */
@media (max-width: 768px) {
    .top-bar-inner {
        font-size: 0.76rem;
        gap: 9px;
        padding: 9px 12px;
    }

    .tb-icon {
        display: none;
    }

    .tb-btn {
        font-size: 0.74rem;
        padding: 4px 11px;
    }
}

@media (max-width: 420px) {
    .tb-text {
        font-size: 0.72rem;
    }
}

/* ============================================================
   V7 — PRODUKTO LANGO PERDARYMAS + MOBILE TAISYMAI
   ============================================================ */

body.modal-open {
    overflow: hidden;
}

/* ============================================================
   MOBILE TAISYMAI
   ============================================================ */
@media (max-width: 768px) {

    /* Nieko neišlenda už ekrano ribų */
    html, body {
        overflow-x: hidden;
        max-width: 100%;
    }

    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* --- TOP BAR slenka kartu su puslapiu --- */
    .top-bar {
        position: static;
    }

    .navbar {
        position: sticky;
        top: 0;
    }

    /* --- HERO --- */
    .hero-landing {
        min-height: auto;
        padding-top: 3rem;
        padding-bottom: 3.5rem;
    }

    .hero-title {
        font-size: clamp(1.9rem, 8.5vw, 2.6rem);
        letter-spacing: -1px;
    }

    .hero-sub {
        font-size: 0.92rem;
    }

    .hero-actions {
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .hero-cta,
    .hero-btn-ghost {
        width: 100%;
        justify-content: center;
        padding: 0.85rem 1.2rem;
    }

    .hero-stats {
        gap: 14px;
        margin-top: 2rem;
    }

    .hs-num { font-size: 1.2rem; }
    .hs-label { font-size: 0.7rem; }
    .hero-stat-div { height: 26px; }

    .hero-scroll { display: none; }

    /* --- ANTRAŠTĖS --- */
    .store-header h2,
    .faq-head h2 {
        font-size: 1.45rem;
        letter-spacing: 1px;
    }

    /* --- PRODUKTŲ TINKLELIS --- */
    .products-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    /* --- GIFT CARD --- */
    .gift-grid {
        gap: 12px !important;
    }

    .gift-grid .product-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* --- PERKAMIAUSI --- */
    .best-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    /* --- WHY US --- */
    .whyus { margin-top: 3.5rem; }

    .wu-card { padding: 1.2rem; }

    .wu-delivery { min-height: 150px; }

    .pay-marquee { margin-top: 1rem; }

    .pm-badge {
        padding: 9px 16px;
        font-size: 0.8rem;
    }

    /* --- PRODUKTO LANGAS --- */
    #variants-modal {
        padding: 0;
    }

    #variants-modal .modal-content.modal-variants {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        transform: none;
        width: 100%;
        max-height: 92vh;
        border-radius: 20px 20px 0 0;
        border-left: none;
        border-right: none;
        border-bottom: none;
        animation: sheetUp 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    }

    @keyframes sheetUp {
        from { transform: translateY(100%); }
        to   { transform: translateY(0); }
    }

    #variants-modal .variant-product-image,
    #variants-modal .variant-product-image img {
        max-height: 150px;
    }

    #variants-modal .variants-header {
        padding: 1.1rem 1.15rem 0.7rem;
    }

    #variants-modal #variants-title { font-size: 1.2rem; }

    #variants-modal .variants-list {
        padding: 0.3rem 1.15rem 1rem;
    }

    #variants-modal .variant-btn {
        padding: 0.85rem 0.9rem;
        gap: 10px;
    }

    #variants-modal .variant-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }

    #variants-modal .variant-name { font-size: 0.87rem; }

    #variants-modal .variants-footer {
        padding: 1rem 1.15rem 1.2rem;
    }

    #variants-modal .variant-price-current { font-size: 1.45rem; }

    /* --- DUK --- */
    .faq-section { margin-top: 3rem; }

    /* --- NAUJIENŲ LANGAS --- */
    .news-box { max-height: 86vh; }

    /* --- FOOTER --- */
    .site-footer { padding: 2.5rem 0 6rem; }
}

/* Labai maži ekranai */
@media (max-width: 400px) {
    .best-grid { grid-template-columns: 1fr; }
    .hero-stats { gap: 10px; }
    .hs-num { font-size: 1.05rem; }
}

/* ============================================================
   V8 — PRODUKTO LANGAS (švarus, minimalus)
   ============================================================ */

#variants-modal .modal-content.modal-variants {
    width: min(440px, 100%);
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: #101014;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.85);
}

/* ---------- ANTRAŠTĖ ---------- */
.vm-head {
    padding: 1.6rem 1.5rem 1.3rem;
    flex: 0 0 auto;
}

.vm-tag {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 10px;
}

#variants-modal #variants-title {
    font-family: 'Outfit', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1.15;
    color: #fff;
    margin: 0 0 8px;
    padding-right: 2.2rem;
}

#variants-modal .variants-description {
    font-size: 0.88rem;
    line-height: 1.6;
    color: #9a9aa3;
    margin: 0;
}

/* Nuotrauka (jei kada bus) */
#variants-modal .variant-product-image {
    display: none;
    width: 100%;
    margin: 1rem 0 0;
    border-radius: 12px;
    overflow: hidden;
}

#variants-modal .variant-product-image img {
    width: 100%;
    height: auto;
    max-height: 180px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
}

/* ---------- VARIANTAI ---------- */
.vm-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0 1.5rem 1.4rem;
}

#variants-modal .variants-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    max-height: none;
    padding: 0;
}

#variants-modal .variant-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 0.85rem 1rem;
    border-radius: 11px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    transition: border-color 0.2s ease, background 0.2s ease;
}

#variants-modal .variant-btn:hover {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.025);
    transform: none;
}

#variants-modal .variant-btn.active {
    border-color: #5ec8ff;
    background: rgba(94, 200, 255, 0.06);
}

/* Vienintelis variantas — statiškas */
#variants-modal .variants-list.single .variant-btn {
    cursor: default;
}

/* Varnelė */
.variant-radio {
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.variant-radio svg {
    width: 10px;
    height: 10px;
    opacity: 0;
    transition: opacity 0.18s ease;
}

.variant-btn.active .variant-radio {
    border-color: #5ec8ff;
    background: #5ec8ff;
    color: #06131e;
}

.variant-btn.active .variant-radio svg {
    opacity: 1;
    transform: none;
}

#variants-modal .variant-info {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

#variants-modal .variant-name {
    font-size: 0.88rem;
    font-weight: 500;
    color: #c8c8d0;
    line-height: 1.35;
}

#variants-modal .variant-btn.active .variant-name {
    color: #fff;
}

#variants-modal .variant-price {
    flex: 0 0 auto;
    font-size: 0.95rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
}

#variants-modal .variant-price em {
    font-style: normal;
    font-size: 0.7rem;
    font-weight: 400;
    color: #6e7280;
    margin-left: 3px;
}

/* ---------- APAČIA ---------- */
#variants-modal .variants-footer {
    flex: 0 0 auto;
    padding: 1.1rem 1.5rem 1.3rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

#variants-modal .variant-price-display {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

#variants-modal .variant-price-label {
    font-size: 0.8rem;
    color: #6e7280;
}

#variants-modal .variant-price-current {
    font-family: 'Outfit', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
}

#variants-modal .btn-full {
    width: 100%;
    justify-content: center;
    padding: 0.9rem 1rem;
    font-size: 0.92rem;
}

/* X mygtukas */
#variants-modal .modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #6e7280;
    transition: color 0.2s ease, border-color 0.2s ease;
}

#variants-modal .modal-close:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.28);
    background: transparent;
}

/* Kortelių aprašymai — 2 eilutės max */
.product-card .product-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

/* ---------- MOBILE: bottom sheet ---------- */
@media (max-width: 768px) {
    #variants-modal .modal-content.modal-variants {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        transform: none;
        width: 100%;
        max-height: 88vh;
        border-radius: 18px 18px 0 0;
        border-left: none;
        border-right: none;
        border-bottom: none;
        animation: sheetUp 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    }

    @keyframes sheetUp {
        from { transform: translateY(100%); }
        to   { transform: translateY(0); }
    }

    .vm-head {
        padding: 1.4rem 1.15rem 1.1rem;
    }

    #variants-modal #variants-title { font-size: 1.25rem; }

    .vm-body { padding: 0 1.15rem 1.2rem; }

    #variants-modal .variant-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    #variants-modal .variants-footer {
        padding: 1rem 1.15rem 1.2rem;
    }

    #variants-modal .variant-price-current { font-size: 1.4rem; }
}

/* ============================================================
   V9 — LIVE SUPPORT (pagalbos burbuliukas)
   ============================================================ */

/* ---------- BURBULIUKAS ---------- */
.chat-fab {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 99990;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 1px solid rgba(94, 200, 255, 0.3);
    background: #14141a;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
    transition:
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.25s ease,
        background 0.25s ease;
}

.chat-fab:hover {
    transform: translateY(-3px);
    border-color: rgba(94, 200, 255, 0.6);
    background: #17171f;
}

.chat-fab svg {
    width: 23px;
    height: 23px;
    position: absolute;
    transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.chat-fab .cf-close {
    opacity: 0;
    transform: rotate(-90deg) scale(0.6);
}

.chat-fab.active .cf-open {
    opacity: 0;
    transform: rotate(90deg) scale(0.6);
}

.chat-fab.active .cf-close {
    opacity: 1;
    transform: rotate(0) scale(1);
}

/* Žalias taškas */
.cf-dot {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #3fb950;
    border: 2px solid #14141a;
}

.chat-fab.active .cf-dot { opacity: 0; }

/* ---------- LANGAS ---------- */
.chat-panel {
    position: fixed;
    right: 22px;
    bottom: 88px;
    z-index: 99991;
    width: 360px;
    max-width: calc(100vw - 32px);
    height: 520px;
    max-height: calc(100vh - 130px);
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: #101014;
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.75);
    overflow: hidden;
    opacity: 0;
    transform: translateY(16px) scale(0.97);
    pointer-events: none;
    transition:
        opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.chat-panel.open {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* Antraštė */
.chat-head {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.chat-head-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chat-avatar {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.25);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-avatar svg { width: 18px; height: 18px; }

.chat-head-text {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.chat-head-text strong {
    font-size: 0.88rem;
    color: #fff;
    font-weight: 600;
}

.chat-status {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.72rem;
    color: #6e7280;
}

.chat-status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3fb950;
}

.chat-min {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.chat-min:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.25);
}

/* Žinutės */
.chat-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ch-msg {
    display: flex;
    animation: chIn 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

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

.ch-bot { justify-content: flex-start; }
.ch-user { justify-content: flex-end; }

.ch-bubble {
    max-width: 85%;
    padding: 0.7rem 0.9rem;
    border-radius: 14px;
    font-size: 0.85rem;
    line-height: 1.55;
}

.ch-bot .ch-bubble {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.07);
    color: #c8c8d0;
    border-bottom-left-radius: 5px;
}

.ch-user .ch-bubble {
    background: #2f7ce8;
    color: #fff;
    border-bottom-right-radius: 5px;
}

.ch-bubble b { color: #fff; font-weight: 600; }

/* Kainų sąrašas žinutėje */
.ch-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 9px 0 4px;
}

.ch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    font-size: 0.8rem;
}

.ch-row b { color: #5ec8ff; white-space: nowrap; }

.ch-row em {
    font-style: normal;
    font-size: 0.68rem;
    color: #6e7280;
    margin-left: 2px;
}

/* Mygtukas žinutėje */
.ch-btn {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 0.55rem 0.9rem;
    border-radius: 9px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.79rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.ch-btn:hover { opacity: 0.86; }

/* Rašo... */
.ch-dots {
    display: inline-flex;
    gap: 4px;
    padding: 2px 0;
}

.ch-dots i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #6e7280;
    animation: chDot 1.2s ease-in-out infinite;
}

.ch-dots i:nth-child(2) { animation-delay: 0.15s; }
.ch-dots i:nth-child(3) { animation-delay: 0.3s; }

@keyframes chDot {
    0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
    30%           { opacity: 1;   transform: translateY(-3px); }
}

/* Greiti klausimai */
.chat-chips {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 1rem 0.6rem;
}

.ch-chip {
    padding: 6px 11px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.74rem;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.ch-chip:hover {
    color: #fff;
    border-color: rgba(94, 200, 255, 0.45);
}

/* Įvestis */
.chat-input {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0.75rem 1rem 0.9rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.chat-input input {
    flex: 1;
    min-width: 0;
    padding: 0.65rem 0.9rem;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.03);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.84rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.chat-input input::placeholder { color: #5c5c66; }

.chat-input input:focus {
    border-color: rgba(94, 200, 255, 0.5);
}

.chat-input button {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease;
}

.chat-input button:hover { opacity: 0.85; }

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
    .chat-fab {
        right: 16px;
        bottom: 78px;
        width: 48px;
        height: 48px;
    }

    .chat-fab svg { width: 20px; height: 20px; }

    .chat-panel {
        right: 12px;
        left: 12px;
        bottom: 136px;
        width: auto;
        height: min(460px, calc(100vh - 200px));
    }

    .ch-bubble { max-width: 88%; font-size: 0.82rem; }
}

/* ============================================================
   V10 — TELEFONO VERSIJOS PERTVARKYMAS
   ============================================================ */

@media (max-width: 768px) {

    /* ---------- NAVBAR ---------- */
    .navbar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        padding: 10px 14px;
        background: rgba(10, 10, 13, 0.92);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-bottom: 1px solid var(--card-border);
    }

    .nav-logo {
        flex: 1 1 auto;
        min-width: 0;
        padding: 0;
        background: transparent;
        border: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        display: flex;
        align-items: center;
        gap: 9px;
    }

    .logo-img {
        height: 30px;
        width: 30px;
        border-radius: 9px;
        flex: 0 0 auto;
    }

    .nav-title {
        display: block;
        font-size: 0.92rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nav-links { display: none; }

    .nav-actions {
        flex: 0 0 auto;
        margin-left: 0;
        display: flex;
        gap: 8px;
    }

    .btn-cart {
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.04);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .btn-cart svg { width: 18px; height: 18px; }

    /* Paieška — atskira pilno pločio eilutė, nieko neišlenda */
    .nav-search {
        order: 9;
        flex: 1 1 100%;
        width: 100%;
        position: relative;
    }

    .nav-search .search-input {
        width: 100% !important;
        max-width: 100%;
        padding-left: 38px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.04);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .nav-search .search-input:focus { width: 100% !important; }

    .nav-search .search-icon {
        position: absolute;
        left: 13px;
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        color: #6e7280;
        pointer-events: none;
    }

    /* ---------- APATINĖ NAVIGACIJA ---------- */
    .mobile-bottom-nav {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        justify-content: space-around;
        align-items: stretch;
        gap: 0;
        padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
        background: rgba(10, 10, 13, 0.96);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-top: 1px solid var(--card-border);
    }

    .mobile-bottom-nav .nav-link {
        flex: 1 1 0;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 7px 2px;
        border-radius: 10px;
        background: none;
        border: none;
        font-family: inherit;
        font-size: 0.63rem;
        font-weight: 500;
        color: #6e7280;
        cursor: pointer;
        transition: color 0.2s ease, background 0.2s ease;
    }

    .mobile-bottom-nav .nav-link svg {
        width: 19px;
        height: 19px;
    }

    .mobile-bottom-nav .nav-link span {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-bottom-nav .nav-link.active {
        color: #fff;
        background: rgba(255, 255, 255, 0.05);
    }

    .mobile-bottom-nav .nav-link::after { display: none; }

    /* ---------- HERO ---------- */
    .hero-inner { width: 100%; }

    .hero-actions {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
    }

    .hero-badge {
        font-size: 0.72rem;
        padding: 6px 13px;
    }

    /* ---------- CHAT nesikerta su apatine navigacija ---------- */
    .chat-fab {
        bottom: 84px;
        right: 14px;
    }

    .chat-panel {
        bottom: 142px;
    }

    /* ---------- Turinio atsarga po apačia ---------- */
    .site-footer { padding-bottom: 84px; }

    .scroll-to-top { bottom: 148px; }
}

/* Labai siauri ekranai */
@media (max-width: 380px) {
    .nav-title { font-size: 0.82rem; }
    .mobile-bottom-nav .nav-link { font-size: 0.58rem; }
    .mobile-bottom-nav .nav-link svg { width: 17px; height: 17px; }
}

/* ============================================================
   V10.1 — NAUJIENŲ LANGAS (švarus)
   ============================================================ */

.news-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.news-popup.hidden { display: none; }

body.news-open { overflow: hidden; }

.news-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(4, 5, 9, 0.75);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    animation: newsBackIn 0.4s ease forwards;
}

@keyframes newsBackIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ---------- LANGAS ---------- */
.news-box {
    position: relative;
    z-index: 1;
    width: min(560px, 100%);
    max-height: 90vh;
    overflow-y: auto;
    padding: 2.2rem 1.8rem 1.6rem;
    border-radius: 20px;
    background: #101014;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.85);
    animation: newsIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes newsIn {
    from { opacity: 0; transform: translateY(24px) scale(0.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.news-popup.closing .news-box {
    animation: newsOut 0.32s cubic-bezier(0.4, 0, 1, 1) forwards;
}

.news-popup.closing .news-backdrop {
    animation: newsBackOut 0.32s ease forwards;
}

@keyframes newsOut {
    to { opacity: 0; transform: translateY(16px) scale(0.97); }
}

@keyframes newsBackOut {
    to { opacity: 0; }
}

/* X */
.news-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.news-close:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3);
}

/* ---------- ANTRAŠTĖ ---------- */
.news-header {
    text-align: center;
    margin-bottom: 1.6rem;
}

.news-pill {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.3);
    color: #5ec8ff;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 0.9rem;
}

.news-title {
    font-family: 'Outfit', sans-serif;
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: -0.6px;
    line-height: 1.15;
    color: #fff;
    margin: 0 0 5px;
}

.news-sub {
    font-size: 0.88rem;
    color: #9a9aa3;
    margin: 0;
}

/* ---------- MYGTUKAI ---------- */
.news-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin-top: 1.5rem;
}

.news-cta {
    width: 100%;
    padding: 0.9rem 1.4rem;
    border-radius: 11px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.news-cta:hover { opacity: 0.87; }

.news-skip {
    background: none;
    border: none;
    font-family: inherit;
    font-size: 0.83rem;
    color: #6e7280;
    cursor: pointer;
    padding: 8px 12px;
    transition: color 0.2s ease;
}

.news-skip:hover { color: #fff; }

/* ---------- MOBILE ---------- */
@media (max-width: 620px) {
    .news-popup { padding: 14px; }

    .news-box {
        padding: 1.9rem 1.1rem 1.2rem;
        border-radius: 18px;
    }

    .news-title { font-size: 1.35rem; }

    .news-sub { font-size: 0.82rem; }

}

/* ============================================================
   V11 — DOKUMENTŲ PUSLAPIAI (TOS, Pinigų keitimas)
   ============================================================ */

.doc-page {
    max-width: 780px;
    margin: 0 auto;
    padding: 2.5rem 0 4rem;
}

/* ---------- ANTRAŠTĖ ---------- */
.doc-head {
    text-align: center;
    margin-bottom: 2.5rem;
}

.doc-head h2 {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.7rem, 4.5vw, 2.3rem);
    font-weight: 800;
    letter-spacing: -0.8px;
    color: #fff;
    margin-bottom: 0.9rem;
}

.doc-head p {
    font-size: 0.94rem;
    line-height: 1.7;
    color: var(--text-muted);
    max-width: 620px;
    margin: 0 auto;
}

.doc-head b { color: #c8c8d0; font-weight: 600; }

/* ---------- BLOKAI ---------- */
.doc-block {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 16px;
    padding: 1.6rem 1.7rem;
    margin-bottom: 14px;
    transition: border-color 0.25s ease;
}

.doc-block:hover {
    border-color: rgba(255, 255, 255, 0.14);
}

.doc-block h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.12rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1.1rem;
}

.doc-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.95rem;
    flex: 0 0 auto;
}

.doc-block > p {
    font-size: 0.9rem;
    line-height: 1.7;
    color: var(--text-muted);
    margin: 0 0 0.9rem;
}

.doc-block b { color: #fff; font-weight: 600; }

/* ---------- NUMERUOTAS SĄRAŠAS ---------- */
.doc-list {
    list-style: none;
    counter-reset: doc;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.doc-list li {
    counter-increment: doc;
    position: relative;
    padding-left: 38px;
    font-size: 0.9rem;
    line-height: 1.7;
    color: var(--text-muted);
}

.doc-list li::before {
    content: counter(doc);
    position: absolute;
    left: 0;
    top: 1px;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.25);
    color: #5ec8ff;
    font-size: 0.72rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ---------- VARNELIŲ SĄRAŠAS ---------- */
.doc-check {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.doc-check li {
    position: relative;
    padding-left: 27px;
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--text-muted);
}

.doc-check li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 15px;
    height: 9px;
    border-left: 2px solid #5ec8ff;
    border-bottom: 2px solid #5ec8ff;
    transform: rotate(-45deg);
    border-radius: 1px;
}

/* ---------- DVI SKILTYS ---------- */
.doc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.doc-grid .doc-block { margin-bottom: 14px; }

/* ---------- MOKESČIŲ KORTELĖS ---------- */
.fee-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 1rem;
}

.fee-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 1.2rem 1rem;
    border-radius: 13px;
    background: rgba(94, 200, 255, 0.05);
    border: 1px solid rgba(94, 200, 255, 0.2);
}

.fee-label {
    font-size: 0.82rem;
    color: var(--text-muted);
}

.fee-value {
    font-family: 'Outfit', sans-serif;
    font-size: 1.9rem;
    font-weight: 800;
    color: #5ec8ff;
    line-height: 1;
}

.doc-note {
    font-size: 0.86rem;
    line-height: 1.65;
    color: var(--text-muted);
    margin: 0.9rem 0 0;
}

/* ---------- CTA ---------- */
.doc-cta-block { margin-bottom: 0; }

.doc-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 1.2rem;
    padding: 0.8rem 1.6rem;
    border-radius: 10px;
    background: #fff;
    color: #0a0a0c;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.doc-cta:hover {
    opacity: 0.88;
    transform: translateY(-1px);
}

/* ---------- POraštė ---------- */
.doc-foot {
    text-align: center;
    font-size: 0.8rem;
    color: #5c5c66;
    margin-top: 2rem;
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
    .doc-page { padding: 1.5rem 0 3rem; }

    .doc-block {
        padding: 1.2rem 1.1rem;
        border-radius: 14px;
    }

    .doc-block h3 { font-size: 1rem; }

    .doc-ico { width: 30px; height: 30px; font-size: 0.85rem; }

    .doc-grid { grid-template-columns: 1fr; }

    .doc-list li,
    .doc-check li { font-size: 0.86rem; }

    .fee-value { font-size: 1.6rem; }

    .doc-cta { width: 100%; justify-content: center; }
}

/* ============================================================
   V12 — PASKYRŲ SISTEMA
   ============================================================ */

body.auth-open { overflow: hidden; }

/* ---------- MYGTUKAS / ČIPAS NAVBAR'E ---------- */
.acc-btn { flex: 0 0 auto; }

.acc-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 11px 5px 5px;
    border-radius: 999px;
    background: rgba(16, 16, 20, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.09);
    cursor: pointer;
    user-select: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.acc-chip.hidden { display: none; }

.acc-chip:hover {
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(22, 22, 28, 0.9);
}

.acc-av {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(94, 200, 255, 0.14);
    border: 1px solid rgba(94, 200, 255, 0.3);
    color: #5ec8ff;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.acc-nm {
    font-size: 0.82rem;
    font-weight: 600;
    color: #ededf0;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.acc-ar { color: #6e7280; flex: 0 0 auto; }

/* ---------- IŠKRENTANTIS MENIU ---------- */
.acc-menu {
    position: fixed;
    top: 66px;
    right: 20px;
    z-index: 100000;
    width: 268px;
    padding: 6px;
    border-radius: 15px;
    background: #101014;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8);
    animation: accIn 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.acc-menu.hidden { display: none; }

@keyframes accIn {
    from { opacity: 0; transform: translateY(-8px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.am-wallet {
    padding: 12px 12px 11px;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.03);
    margin-bottom: 4px;
}

.am-wallet-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.am-label {
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #6e7280;
}

.am-add {
    padding: 3px 10px;
    border-radius: 7px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.am-add:hover { opacity: 0.85; }

.am-bal {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Outfit', sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    color: #fff;
}

.am-bal svg { color: #5ec8ff; }

.am-coins {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    margin-bottom: 4px;
    border-radius: 10px;
    background: rgba(94, 200, 255, 0.06);
    border: 1px solid rgba(94, 200, 255, 0.18);
    font-size: 0.82rem;
    color: #9a9aa3;
}

.am-coins svg { color: #5ec8ff; }
.am-coins b { color: #fff; }

.am-as {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 9px 12px 11px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    margin-bottom: 4px;
}

.am-email {
    font-size: 0.8rem;
    color: #c8c8d0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.am-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 12px;
    border-radius: 9px;
    border: none;
    background: none;
    font-family: inherit;
    font-size: 0.85rem;
    color: #c8c8d0;
    text-align: left;
    cursor: pointer;
    transition: background 0.16s ease, color 0.16s ease;
}

.am-item svg { width: 16px; height: 16px; flex: 0 0 auto; }

.am-item:hover { background: rgba(255, 255, 255, 0.05); color: #fff; }

.am-out { color: #f87171; }
.am-out:hover { background: rgba(248, 113, 113, 0.1); color: #fca5a5; }

/* ============================================================
   V12.1 — PROFILIO SKYDELIS
   ============================================================ */

.panel-wrap {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 26px;
    padding: 2.5rem 0 4rem;
    align-items: start;
}

/* ---------- ŠONINĖ JUOSTA ---------- */
.panel-side {
    position: sticky;
    top: 90px;
}

.ps-user {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0 8px 1.4rem;
}

.ps-av {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(94, 200, 255, 0.13);
    border: 1px solid rgba(94, 200, 255, 0.3);
    color: #5ec8ff;
    font-size: 1.05rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.ps-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ps-info b {
    font-size: 0.92rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ps-info span {
    font-size: 0.75rem;
    color: #6e7280;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ps-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ps-link {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0.75rem 0.9rem;
    border-radius: 11px;
    border: 1px solid transparent;
    background: none;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 500;
    color: #9a9aa3;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.ps-link svg { width: 17px; height: 17px; flex: 0 0 auto; }

.ps-link:hover { background: rgba(255, 255, 255, 0.04); color: #fff; }

.ps-link.active {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-weight: 600;
}

.ps-foot {
    margin-top: 1.6rem;
    padding-top: 1.3rem;
    border-top: 1px solid var(--card-border);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ps-since {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 0 0.9rem;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #5c5c66;
}

.ps-since b {
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: #9a9aa3;
}

.ps-out {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.7rem 0.9rem;
    border-radius: 10px;
    border: none;
    background: none;
    font-family: inherit;
    font-size: 0.85rem;
    color: #f87171;
    cursor: pointer;
    transition: background 0.2s ease;
}

.ps-out svg { width: 16px; height: 16px; }
.ps-out:hover { background: rgba(248, 113, 113, 0.1); }

/* ---------- TURINYS ---------- */
.ptab.hidden { display: none; }

.pt-kicker {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 8px;
}

.pt-title {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.5rem, 3.4vw, 2rem);
    font-weight: 800;
    letter-spacing: -0.7px;
    color: #fff;
    margin: 0 0 1.8rem;
    word-break: break-word;
}

.pt-sub {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin: 2rem 0 1rem;
}

/* Balanso kortelė */
.bal-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 1.6rem 1.7rem;
    border-radius: 16px;
    background:
        radial-gradient(120% 100% at 0% 0%, rgba(94, 200, 255, 0.07), transparent 60%),
        var(--card-bg);
    border: 1px solid var(--card-border);
}

.bal-label {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 7px;
}

.bal-num {
    font-family: 'Outfit', sans-serif;
    font-size: 2.4rem;
    font-weight: 800;
    letter-spacing: -1.2px;
    color: #fff;
    line-height: 1;
}

.bal-btn {
    padding: 0.8rem 1.6rem;
    border-radius: 11px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.bal-btn:hover { opacity: 0.87; }

/* Statistikos */
.stat-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 12px;
}

.stat-box {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 1.1rem 1.2rem;
    border-radius: 14px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.sb-label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #6e7280;
}

.sb-val {
    font-family: 'Outfit', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
}

/* Veiklos eilutės */
.act-row {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0.95rem 1.1rem;
    margin-bottom: 9px;
    border-radius: 13px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    transition: border-color 0.2s ease;
}

.act-row:hover { border-color: rgba(255, 255, 255, 0.16); }

.act-ico {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.act-ico svg { width: 17px; height: 17px; }

.act-mid {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.act-mid b {
    font-size: 0.88rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.act-mid span { font-size: 0.74rem; color: #6e7280; }

.act-tag {
    flex: 0 0 auto;
    padding: 4px 10px;
    border-radius: 7px;
    font-size: 0.72rem;
    font-weight: 700;
}

/* Retumo spalvos */
.r-common    { color: #9aa4b2; background: rgba(154, 164, 178, 0.12); }
.r-uncommon  { color: #4ade80; background: rgba(74, 222, 128, 0.12); }
.r-rare      { color: #5ec8ff; background: rgba(94, 200, 255, 0.12); }
.r-epic      { color: #c084fc; background: rgba(192, 132, 252, 0.13); }
.r-legendary { color: #fbbf24; background: rgba(251, 191, 36, 0.14); }

/* Tuščia būsena */
.empty-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3rem 1.5rem;
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px dashed rgba(255, 255, 255, 0.12);
}

.empty-ico {
    width: 54px;
    height: 54px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #5c5c66;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.1rem;
}

.empty-ico svg { width: 25px; height: 25px; }

.empty-box b {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 6px;
}

.empty-box p {
    font-size: 0.86rem;
    line-height: 1.6;
    color: #6e7280;
    max-width: 340px;
    margin: 0;
}

/* ============================================================
   V12.2 — EVENT: DĖŽUTĖS IR CASE OPENING
   ============================================================ */

.ev-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.ev-head .pt-title { margin-bottom: 0; }

.ev-coins {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 999px;
    background: rgba(94, 200, 255, 0.08);
    border: 1px solid rgba(94, 200, 255, 0.25);
    font-size: 0.85rem;
    color: #9a9aa3;
}

.ev-coins svg { color: #5ec8ff; }
.ev-coins b { color: #fff; font-size: 0.95rem; }

.ev-sub {
    font-size: 0.9rem;
    color: #9a9aa3;
    margin: 0.8rem 0 1.8rem;
}

.ev-section {
    font-size: 1.05rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    color: #fff;
    margin: 2.2rem 0 1.1rem;
}

/* ============================================================
   CASE OPENING
   ============================================================ */

.case-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.case-modal.hidden { display: none; }

.case-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(3, 4, 8, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.case-box {
    position: relative;
    z-index: 1;
    width: min(880px, 100%);
    padding: 2rem 1.6rem 1.8rem;
    border-radius: 20px;
    background: #0d0d12;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.9);
    animation: newsIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.case-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.case-close.hidden { display: none; }
.case-close:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); }

.case-name {
    display: block;
    text-align: center;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 1.3rem;
}

/* Juostelė */
.reel-wrap {
    position: relative;
    height: 156px;
    overflow: hidden;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.reel {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    height: 100%;
    will-change: transform;
}

.reel.as-list {
    display: block;
    overflow-y: auto;
    padding: 14px;
    transform: none !important;
    transition: none !important;
}

.reel-item {
    flex: 0 0 120px;
    width: 120px;
    height: 132px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px;
    background: #16161d;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-bottom-width: 3px;
}

.reel-item.r-common    { border-bottom-color: #9aa4b2; }
.reel-item.r-uncommon  { border-bottom-color: #4ade80; }
.reel-item.r-rare      { border-bottom-color: #5ec8ff; }
.reel-item.r-epic      { border-bottom-color: #c084fc; }
.reel-item.r-legendary { border-bottom-color: #fbbf24; }

.ri-ico { width: 36px; height: 36px; opacity: 0.85; }
.ri-ico svg { width: 100%; height: 100%; }

.ri-name {
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.3;
    color: #c8c8d0;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Vidurio žymeklis */
.reel-mark {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -1px;
    background: linear-gradient(180deg, transparent, #fff 15%, #fff 85%, transparent);
    z-index: 4;
    box-shadow: 0 0 16px rgba(255, 255, 255, 0.7);
}

.reel-fade {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 90px;
    z-index: 3;
    pointer-events: none;
}

.reel-fade-l { left: 0;  background: linear-gradient(90deg, #0d0d12, transparent); }
.reel-fade-r { right: 0; background: linear-gradient(270deg, #0d0d12, transparent); }

/* Rezultatas */
.case-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 1.6rem;
    animation: newsIn 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.case-result.hidden { display: none; }

.cr-label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 7px;
}

.cr-name {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.4rem, 4vw, 2rem);
    font-weight: 800;
    letter-spacing: -0.6px;
    background: none !important;
    margin-bottom: 5px;
}

.cr-chance {
    font-size: 0.82rem;
    color: #6e7280;
    margin-bottom: 1.3rem;
}

.cr-btn {
    padding: 0.8rem 2.4rem;
    border-radius: 11px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.cr-btn:hover { opacity: 0.87; }

/* Prizų sąrašas */
.pz-list { display: flex; flex-direction: column; gap: 6px; }

.pz-row {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 12px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.03);
}

.pz-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.pz-dot.r-common    { background: #9aa4b2; }
.pz-dot.r-uncommon  { background: #4ade80; }
.pz-dot.r-rare      { background: #5ec8ff; }
.pz-dot.r-epic      { background: #c084fc; }
.pz-dot.r-legendary { background: #fbbf24; }

.pz-name { flex: 1; font-size: 0.84rem; color: #c8c8d0; }
.pz-ch   { font-size: 0.8rem; font-weight: 700; color: #fff; }

/* ---------- MOBILE ---------- */
@media (max-width: 900px) {
    .panel-wrap { grid-template-columns: 1fr; gap: 18px; }
    .panel-side { position: static; min-width: 0; }
    .panel-main { min-width: 0; }

    .ps-nav {
        flex-direction: row;
        overflow-x: auto;
        min-width: 0;
        gap: 7px;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
    }

    .ps-link { flex: 0 0 auto; padding: 0.6rem 0.9rem; font-size: 0.82rem; }
    .ps-foot { display: none; }
    .box-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .panel-wrap { padding: 1.5rem 0 3rem; }
    .stat-row { grid-template-columns: 1fr; gap: 9px; }
    .bal-card { padding: 1.3rem; }
    .bal-num { font-size: 2rem; }
    .bal-btn { width: 100%; }

    .acc-menu { right: 12px; left: 12px; width: auto; top: 60px; }
    .acc-nm { max-width: 72px; }

    .free-box { padding: 1.2rem; }
    .fb-right { width: 100%; justify-content: space-between; }
    .fb-btn { flex: 1; }

    .ref-row { flex-direction: column; }
    .ref-row button { width: 100%; justify-content: center; }

    .case-box { padding: 1.5rem 1rem 1.4rem; }
    .reel-wrap { height: 138px; }
    .reel-item { flex: 0 0 104px; width: 104px; height: 114px; }
    .ri-ico { width: 30px; height: 30px; }
    .ri-name { font-size: 0.62rem; }
    .reel-fade { width: 50px; }

    
    
    .dtauth-box { padding: 1.9rem 1.2rem 1.4rem; }
}

/* ---------- DEMO režimo ženklas ---------- */
.demo-badge {
    position: fixed;
    left: 50%;
    bottom: 14px;
    transform: translateX(-50%);
    z-index: 1000002;
    padding: 7px 16px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.12);
    border: 1px solid rgba(251, 191, 36, 0.35);
    color: #fbbf24;
    font-size: 0.74rem;
    font-weight: 600;
    white-space: nowrap;
    pointer-events: none;
    animation: newsIn 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.dtauth-err.demo-code {
    background: rgba(94, 200, 255, 0.1);
    border-color: rgba(94, 200, 255, 0.35);
    color: #7fd4ff;
    font-weight: 600;
    letter-spacing: 0.5px;
}

@media (max-width: 620px) {
    .demo-badge {
        font-size: 0.66rem;
        padding: 6px 12px;
        max-width: 92vw;
        white-space: normal;
        text-align: center;
    }
}

/* ============================================================
   V13 — PINIGINĖ, DĖŽUTĖS, PRISIJUNGIMAS (perdaryta)
   ============================================================ */

/* ---------- PINIGINĖ ---------- */
.wal-top {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: stretch;
    margin-bottom: 14px;
}

.wal-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.7rem 1.8rem;
    border-radius: 17px;
    background:
        radial-gradient(110% 130% at 0% 0%, rgba(94, 200, 255, 0.08), transparent 62%),
        var(--card-bg);
    border: 1px solid var(--card-border);
}

.wal-label {
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 9px;
}

.wal-num {
    font-family: 'Outfit', sans-serif;
    font-size: 2.7rem;
    font-weight: 800;
    letter-spacing: -1.4px;
    color: #fff;
    line-height: 1;
    margin-bottom: 9px;
}

.wal-hint { font-size: 0.8rem; color: #6e7280; }

.wal-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 140px;
    padding: 1.5rem 1.6rem;
    border-radius: 17px;
    background: rgba(94, 200, 255, 0.05);
    border: 1px solid rgba(94, 200, 255, 0.2);
}

.wal-coin-ico {
    width: 34px;
    height: 34px;
    color: #5ec8ff;
    margin-bottom: 4px;
}

.wal-coin-ico svg { width: 100%; height: 100%; }

.wal-coin-num {
    font-family: 'Outfit', sans-serif;
    font-size: 1.8rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

.wal-coin-lbl {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #6e7280;
}

/* "Greitai" blokas */
.wal-soon {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3.2rem 1.6rem 2.6rem;
    border-radius: 18px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.wal-soon::before {
    content: '';
    position: absolute;
    top: -140px;
    left: 50%;
    width: 420px;
    height: 300px;
    margin-left: -210px;
    border-radius: 50%;
    background: rgba(94, 200, 255, 0.08);
    filter: blur(70px);
    animation: walGlow 6s ease-in-out infinite alternate;
    pointer-events: none;
}

@keyframes walGlow {
    from { opacity: 0.45; transform: scale(1); }
    to   { opacity: 1;    transform: scale(1.18); }
}

.wal-badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.3);
    color: #fbbf24;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    margin-bottom: 1.3rem;
}

.wal-badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fbbf24;
    animation: newDot 1.8s ease-in-out infinite;
}

.wal-soon-title {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.32em;
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.5rem, 4.5vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -1px;
    color: #fff;
    margin: 0 0 0.9rem;
}

.wal-w {
    display: inline-block;
    opacity: 0;
    animation: walWordIn 0.65s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.wal-w:nth-child(1) { animation-delay: 0.05s; }
.wal-w:nth-child(2) { animation-delay: 0.15s; }
.wal-w:nth-child(3) { animation-delay: 0.25s; }
.wal-w:nth-child(4) { animation-delay: 0.35s; }

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

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

.wal-soon-sub {
    position: relative;
    font-size: 0.9rem;
    line-height: 1.7;
    color: #9a9aa3;
    max-width: 420px;
    margin: 0 0 2.2rem;
}

/* Žingsniai */
.wal-steps {
    position: relative;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.wal-step {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.7rem 1.1rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.ws-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #3a3a44;
    flex: 0 0 auto;
}

.wal-step.done .ws-dot { background: #4ade80; }

.wal-step.now .ws-dot {
    background: #5ec8ff;
    box-shadow: 0 0 0 4px rgba(94, 200, 255, 0.15);
    animation: newDot 1.8s ease-in-out infinite;
}

.wal-step.now { border-color: rgba(94, 200, 255, 0.28); }

.ws-txt { display: flex; flex-direction: column; gap: 1px; text-align: left; }

.ws-txt b { font-size: 0.82rem; font-weight: 600; color: #ededf0; }

.ws-txt i {
    font-style: normal;
    font-size: 0.7rem;
    color: #6e7280;
}

.wal-step.done .ws-txt i { color: #4ade80; }
.wal-step.now .ws-txt i  { color: #5ec8ff; }

/* ---------- DĖŽUTĖS: antraštė ---------- */
.ev-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 1.8rem;
}

.ev-head .pt-title { margin-bottom: 0.5rem; }

.ev-sub {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #9a9aa3;
    margin: 0;
    max-width: 520px;
}

.ev-sub b { color: #5ec8ff; font-weight: 600; }

.ev-coins {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 17px;
    border-radius: 999px;
    background: rgba(94, 200, 255, 0.07);
    border: 1px solid rgba(94, 200, 255, 0.24);
    font-size: 0.82rem;
    color: #9a9aa3;
    white-space: nowrap;
    flex: 0 0 auto;
}

.ev-coins svg { color: #5ec8ff; }

.ev-coins b {
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem;
    font-weight: 800;
    color: #fff;
}

.ev-section {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    color: #6e7280;
    margin: 2.4rem 0 1rem;
}

/* ---------- DIENOS DĖŽUTĖ ---------- */
.free-box {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 1.4rem 1.6rem;
    border-radius: 17px;
    background:
        radial-gradient(80% 130% at 0% 50%, rgba(94, 200, 255, 0.08), transparent 60%),
        var(--card-bg);
    border: 1px solid var(--card-border);
}

.fb-img {
    flex: 0 0 auto;
    width: 66px;
    height: 66px;
    border-radius: 16px;
    background: rgba(94, 200, 255, 0.09);
    border: 1px solid rgba(94, 200, 255, 0.25);
    color: #7fd4ff;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: walFloat 3.6s ease-in-out infinite;
}

.fb-img svg { width: 33px; height: 33px; }

.fb-left { flex: 1; min-width: 0; }

.fb-left h3 {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    font-size: 1.08rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 5px;
}

.fb-tag {
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(74, 222, 128, 0.12);
    border: 1px solid rgba(74, 222, 128, 0.3);
    color: #4ade80;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.fb-left p {
    font-size: 0.85rem;
    line-height: 1.55;
    color: #9a9aa3;
    margin: 0;
}

.fb-timer {
    display: inline-block;
    margin-top: 9px;
    padding: 4px 11px;
    border-radius: 7px;
    background: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.25);
    color: #fbbf24;
    font-size: 0.75rem;
    font-weight: 600;
}

.fb-timer.hidden { display: none; }

.fb-btn {
    flex: 0 0 auto;
    padding: 0.85rem 1.7rem;
    border-radius: 11px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.87rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.fb-btn:hover:not(:disabled) { opacity: 0.88; transform: translateY(-1px); }
.fb-btn:disabled { opacity: 0.3; cursor: not-allowed; }

/* ---------- DĖŽUČIŲ TINKLELIS ---------- */
.box-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.box-card {
    position: relative;
    overflow: hidden;
    padding: 1.3rem;
    border-radius: 17px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    transition: border-color 0.28s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.box-card:hover { transform: translateY(-4px); }
.box-card.bx-iron:hover    { border-color: rgba(148, 163, 184, 0.5); }
.box-card.bx-emerald:hover { border-color: rgba(52, 211, 153, 0.5); }
.box-card.bx-diamond:hover { border-color: rgba(94, 200, 255, 0.55); }

.bc-img {
    position: relative;
    aspect-ratio: 4 / 3;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.1rem;
    overflow: hidden;
}

.bc-img::after {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    filter: blur(45px);
    opacity: 0.55;
}

.bc-img svg {
    position: relative;
    width: 50%;
    height: 50%;
    z-index: 1;
    animation: walFloat 4s ease-in-out infinite;
}

.bx-iron .bc-img {
    background:
        linear-gradient(155deg, #2b2f36 0%, #14171b 100%);
}
.bx-iron .bc-img::after { background: rgba(203, 213, 225, 0.28); }

.bx-emerald .bc-img {
    background:
        linear-gradient(155deg, #13372c 0%, #0b1a15 100%);
}
.bx-emerald .bc-img::after { background: rgba(34, 197, 94, 0.32); }

.bx-diamond .bc-img {
    background:
        linear-gradient(155deg, #10333f 0%, #0a1b21 100%);
}
.bx-diamond .bc-img::after { background: rgba(34, 211, 238, 0.35); }

/* Pikselinis menas — be išlyginimo, kad liktų aštrus */
.px-art {
    width: 62% !important;
    height: 62% !important;
    image-rendering: pixelated;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.5));
    animation: walFloat 4s ease-in-out infinite;
}

.box-card:hover .px-art {
    animation-play-state: paused;
    transform: scale(1.06);
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.bc-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    padding: 4px 11px;
    border-radius: 7px;
    background: rgba(6, 6, 10, 0.7);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.bx-iron .bc-tag    { color: #cbd5e1; }
.bx-emerald .bc-tag { color: #6ee7b7; }
.bx-diamond .bc-tag { color: #7dd3fc; }

.bc-cost {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 6px;
    margin-bottom: 1rem;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #6e7280;
}

.bc-cost b {
    font-family: 'Outfit', sans-serif;
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #fff;
}

.bc-actions { display: flex; gap: 8px; }

.bc-open {
    flex: 1;
    padding: 0.75rem 1rem;
    border-radius: 11px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.83rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.bc-open:hover:not(:disabled) { opacity: 0.87; }

.bc-open:disabled {
    background: rgba(255, 255, 255, 0.05);
    color: #5c5c66;
    cursor: not-allowed;
}

.bc-info {
    flex: 0 0 auto;
    width: 42px;
    border-radius: 11px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.bc-info svg { width: 17px; height: 17px; }
.bc-info:hover { color: #fff; border-color: rgba(255, 255, 255, 0.28); }

/* ---------- PAKVIETIMO NUORODA ---------- */
/* ============================================================
   V13.1 — PRISIJUNGIMO LANGAS
   ============================================================ */

.dtauth-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.dtauth-modal.hidden { display: none; }

.dtauth-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(4, 5, 9, 0.8);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    animation: newsBackIn 0.35s ease forwards;
}

.dtauth-box {
    position: relative;
    z-index: 1;
    width: min(420px, 100%);
    max-height: 92vh;
    overflow-y: auto;
    padding: 2rem 1.9rem 1.7rem;
    border-radius: 20px;
    background: #101014;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.85);
    animation: newsIn 0.42s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.dtauth-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.dtauth-close:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); }

/* Ženklas viršuje */
.dtauth-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1.5rem;
}

.dtauth-logo {
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.26);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.dtauth-logo svg { width: 18px; height: 18px; }

.dtauth-brand-name {
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.2px;
    color: #9a9aa3;
}

.dtauth-step.hidden { display: none; }

.dtauth-box h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.42rem;
    font-weight: 800;
    letter-spacing: -0.6px;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 8px;
    padding-right: 2rem;
}

.dtauth-sub {
    font-size: 0.86rem;
    line-height: 1.6;
    color: #9a9aa3;
    margin: 0 0 1.5rem;
}

.dtauth-sub b { color: #5ec8ff; font-weight: 600; }

.dtauth-lbl {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 8px;
}

.dtauth-field {
    position: relative;
    margin-bottom: 14px;
}

.dtauth-field svg {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    color: #5c5c66;
    pointer-events: none;
    transition: color 0.2s ease;
}

.dtauth-field input {
    width: 100%;
    padding: 0.9rem 1rem 0.9rem 42px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.92rem;
    outline: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.dtauth-field input::placeholder { color: #5c5c66; }

.dtauth-field input:focus {
    border-color: rgba(94, 200, 255, 0.55);
    background: rgba(94, 200, 255, 0.04);
}

.dtauth-field input:focus + svg,
.dtauth-field:focus-within svg { color: #5ec8ff; }

.dtauth-err {
    padding: 10px 13px;
    margin-bottom: 13px;
    border-radius: 10px;
    background: rgba(248, 113, 113, 0.1);
    border: 1px solid rgba(248, 113, 113, 0.3);
    color: #fca5a5;
    font-size: 0.82rem;
    line-height: 1.5;
}

.dtauth-err.hidden { display: none; }

.dtauth-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 0.92rem 1rem;
    border-radius: 12px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.dtauth-btn:hover:not(:disabled) { opacity: 0.88; transform: translateY(-1px); }
.dtauth-btn:disabled { opacity: 0.45; cursor: not-allowed; }

.dtauth-note {
    font-size: 0.75rem;
    line-height: 1.5;
    color: #5c5c66;
    text-align: center;
    margin: 1.1rem 0 0;
}

.dtauth-note b { color: #9a9aa3; font-weight: 600; }

.dtauth-back {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin-top: 10px;
    padding: 9px;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 0.82rem;
    color: #6e7280;
    cursor: pointer;
    transition: color 0.2s ease;
}

.dtauth-back:hover { color: #fff; }

/* Kodo laukeliai */
.dtauth-coderow {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    margin-bottom: 14px;
}

.dtauth-codein {
    width: 100%;
    aspect-ratio: 1;
    text-align: center;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
    color: #fff;
    font-family: 'Outfit', sans-serif;
    font-size: 1.45rem;
    font-weight: 700;
    outline: none;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

@media (max-width: 480px) {
    .dtauth-box { padding: 1.8rem 1.2rem 1.4rem; }
    .dtauth-box h2 { font-size: 1.25rem; }
    .dtauth-coderow { gap: 6px; }
    .dtauth-codein { font-size: 1.2rem; border-radius: 10px; }
}

/* ============================================================
   V14 — APMOKĖJIMAS BALANSU IR UŽSAKYMO EIGA
   ============================================================ */

/* ---------- MYGTUKAS KREPŠELYJE ---------- */
.pay-bal-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin-top: 9px;
    padding: 0.85rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(94, 200, 255, 0.35);
    background: rgba(94, 200, 255, 0.07);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.pay-bal-btn.hidden { display: none; }

.pay-bal-btn:hover:not(:disabled) {
    background: rgba(94, 200, 255, 0.13);
    border-color: rgba(94, 200, 255, 0.55);
}

.pb-left {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.pb-left svg { color: #5ec8ff; flex: 0 0 auto; }

.pb-right {
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: #5ec8ff;
}

.pay-bal-btn.not-enough {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: #6e7280;
    cursor: not-allowed;
}

.pay-bal-btn.not-enough .pb-left svg,
.pay-bal-btn.not-enough .pb-right { color: #6e7280; }

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
    .ord-step { gap: 11px; padding-bottom: 1.2rem; }
    .os-ico { width: 36px; height: 36px; }
    .ord-step:not(:last-child)::before { left: 17px; top: 36px; }
}

/* ---------- MENIU STATISTIKOS ---------- */
.am-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-bottom: 5px;
}

.am-stat {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 12px;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.03);
}

.am-stat-ico {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.05);
    color: #9a9aa3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.am-stat-ico svg { width: 15px; height: 15px; }

.am-stat-coin {
    background: rgba(94, 200, 255, 0.1);
    color: #5ec8ff;
}

.am-stat-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; }

.am-stat-txt b {
    font-family: 'Outfit', sans-serif;
    font-size: 1.02rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

.am-stat-txt i {
    font-style: normal;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: #6e7280;
}

/* ---------- MOBILE ---------- */
@media (max-width: 900px) {
    .ord-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .ord-page { padding: 1.5rem 0 3rem; }
    .ord-card { padding: 1.2rem 1.1rem; }
    .ord-step { gap: 11px; padding-bottom: 1.3rem; }
    .os-ico { width: 36px; height: 36px; }
    .ord-step:not(:last-child)::before { left: 17px; top: 38px; }
    .bf-page { padding: 1.5rem 0 3rem; }
    .bf-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   V17 — UŽSAKYMO PUSLAPIS (naujas dizainas)
   ============================================================ */

.ord-page {
    max-width: 980px;
    margin: 0 auto;
    padding: 3rem 0 4.5rem;
}

/* ---------- ANTRAŠTĖ SU ANIMUOTU ŽENKLU ---------- */
.ord-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 2.8rem;
}

.ord-orb {
    position: relative;
    width: 108px;
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.6rem;
}

.oo-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(94, 200, 255, 0.3);
    animation: ooPulse 3s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.oo-r1 { width: 78px;  height: 78px;  animation-delay: 0s; }
.oo-r2 { width: 78px;  height: 78px;  animation-delay: 1.5s; }

@keyframes ooPulse {
    0%   { transform: scale(1);    opacity: 0.8; }
    100% { transform: scale(1.42); opacity: 0; }
}

.oo-core {
    position: relative;
    z-index: 1;
    width: 74px;
    height: 74px;
    border-radius: 22px;
    background: linear-gradient(155deg, rgba(94, 200, 255, 0.16), rgba(47, 124, 232, 0.05));
    border: 1px solid rgba(94, 200, 255, 0.32);
    color: #7fd4ff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 40px -12px rgba(94, 200, 255, 0.6);
    animation: walFloat 3.6s ease-in-out infinite;
    transition: background 0.5s ease, border-color 0.5s ease, color 0.5s ease, box-shadow 0.5s ease;
}

.oo-core svg { width: 34px; height: 34px; }

.oo-core.is-error {
    background: linear-gradient(155deg, rgba(251, 191, 36, 0.16), rgba(251, 191, 36, 0.04));
    border-color: rgba(251, 191, 36, 0.35);
    color: #fbbf24;
    box-shadow: 0 0 40px -12px rgba(251, 191, 36, 0.55);
}

.ord-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 15px;
    border-radius: 999px;
    background: rgba(94, 200, 255, 0.09);
    border: 1px solid rgba(94, 200, 255, 0.3);
    color: #5ec8ff;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    transition: background 0.4s ease, border-color 0.4s ease, color 0.4s ease;
}

.ost-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    animation: newDot 1.6s ease-in-out infinite;
}

.ord-status.is-error {
    background: rgba(251, 191, 36, 0.1);
    border-color: rgba(251, 191, 36, 0.32);
    color: #fbbf24;
}

.ord-kicker {
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 6px;
}

.ord-hero h2 {
    font-family: 'Outfit', monospace;
    font-size: clamp(1.8rem, 5vw, 2.6rem);
    font-weight: 800;
    letter-spacing: 2px;
    color: #fff;
    margin: 0 0 1rem;
}

.ord-copy {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 15px;
    border-radius: 9px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.ord-copy:hover { color: #fff; border-color: rgba(255, 255, 255, 0.28); }
.ord-copy.copied { color: #4ade80; border-color: rgba(74, 222, 128, 0.4); }

/* ---------- TINKLELIS ---------- */
.ord-grid {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 16px;
    align-items: start;
}

.ord-card {
    padding: 1.6rem 1.7rem;
    border-radius: 18px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.ord-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 1.2rem;
}

.ord-card-head h3 {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #6e7280;
    margin: 0;
}

.ord-pct {
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem;
    font-weight: 800;
    color: #5ec8ff;
}

.ord-count-pill {
    padding: 3px 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    font-size: 0.72rem;
    color: #9a9aa3;
}

.ord-count-pill b { color: #fff; }

/* Progreso juosta */
.ord-bar {
    height: 5px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
    margin-bottom: 1.8rem;
}

.ord-bar span {
    display: block;
    height: 100%;
    width: 0;
    border-radius: 3px;
    background: linear-gradient(90deg, #2f7ce8, #5ec8ff);
    box-shadow: 0 0 14px rgba(94, 200, 255, 0.5);
    transition: width 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ---------- ŽINGSNIAI ---------- */
.ord-steps { display: flex; flex-direction: column; }

.ord-step {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0.75rem 0;
}

.ord-step:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 17px;
    top: 44px;
    height: calc(100% - 20px);
    width: 2px;
    background: rgba(255, 255, 255, 0.06);
    transition: background 0.5s ease;
}

.ord-step.done:not(:last-child)::before { background: rgba(74, 222, 128, 0.4); }

.os-num {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    color: #3f3f48;
    font-family: 'Outfit', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: background 0.4s ease, border-color 0.4s ease, color 0.4s ease;
}

.os-txt { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }

.os-txt b {
    font-size: 0.9rem;
    font-weight: 600;
    color: #47474f;
    transition: color 0.4s ease;
}

.os-txt i {
    font-style: normal;
    font-size: 0.76rem;
    line-height: 1.45;
    color: #33333b;
    transition: color 0.4s ease;
}

.os-check {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    color: #4ade80;
    opacity: 0;
    transform: scale(0.4);
    transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.os-check svg { width: 100%; height: 100%; }

/* Įvykdytas */
.ord-step.done .os-num {
    background: rgba(74, 222, 128, 0.1);
    border-color: rgba(74, 222, 128, 0.35);
    color: #4ade80;
}

.ord-step.done .os-txt b { color: #ededf0; }
.ord-step.done .os-txt i { color: #6e7280; }
.ord-step.done .os-check { opacity: 1; transform: scale(1); }

/* Vykdomas */
.ord-step.active .os-num {
    background: rgba(94, 200, 255, 0.1);
    border-color: rgba(94, 200, 255, 0.45);
    color: #5ec8ff;
    animation: ordPulse 1.9s ease-in-out infinite;
}

.ord-step.active .os-txt b { color: #5ec8ff; }
.ord-step.active .os-txt i { color: #9a9aa3; }

@keyframes ordPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(94, 200, 255, 0.3); }
    50%      { box-shadow: 0 0 0 8px rgba(94, 200, 255, 0); }
}

/* ---------- SANTRAUKA ---------- */
.ord-side { display: flex; flex-direction: column; gap: 14px; }

.ord-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 1.1rem;
}

.ord-item {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0.8rem 0.9rem;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: border-color 0.25s ease;
}

.ord-item:hover { border-color: rgba(255, 255, 255, 0.12); }


.oit-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }

.oit-main b {
    font-size: 0.86rem;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oit-main i {
    font-style: normal;
    font-size: 0.73rem;
    color: #6e7280;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oit-right {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1px;
}

.oit-price {
    font-family: 'Outfit', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
}

.oit-qty { font-size: 0.68rem; color: #6e7280; }

.ord-sum {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding-top: 0.4rem;
}

.oi-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    font-size: 0.83rem;
    color: #6e7280;
}

.oi-row b { color: #ededf0; font-size: 0.83rem; font-weight: 600; }

.oi-method {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.oi-method svg { color: #5ec8ff; }

/* Bendra suma */
.ord-total-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 0.9rem;
    padding: 1rem 1.1rem;
    border-radius: 13px;
    background: rgba(94, 200, 255, 0.06);
    border: 1px solid rgba(94, 200, 255, 0.2);
}

.ord-total-box span {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #9a9aa3;
}

.ord-total-box b {
    font-family: 'Outfit', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #5ec8ff;
}

/* ---------- KLAIDA ---------- */
.ord-error {
    padding: 1.4rem 1.5rem;
    border-radius: 17px;
    background: rgba(251, 191, 36, 0.06);
    border: 1px solid rgba(251, 191, 36, 0.26);
    animation: newsIn 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.ord-error.hidden { display: none; }

.oe-head {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 0.9rem;
}

.oe-ico {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
}

.oe-ico svg { width: 18px; height: 18px; }

.oe-head b {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #fbbf24;
}

.ord-error p {
    font-size: 0.85rem;
    line-height: 1.65;
    color: #c8c8d0;
    margin: 0 0 1.2rem;
}

.oe-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.75rem 1.5rem;
    border-radius: 11px;
    background: #fff;
    color: #0a0a0c;
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.oe-btn:hover { opacity: 0.88; transform: translateY(-1px); }

.ord-back {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.ord-back.hidden { display: none; }
.ord-back:hover { color: #fff; border-color: rgba(255, 255, 255, 0.28); }

/* ---------- MOBILE ---------- */
@media (max-width: 900px) {
    .ord-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .ord-page { padding: 2rem 0 3rem; }
    .ord-hero { margin-bottom: 2rem; }
    .ord-orb { width: 92px; height: 92px; }
    .oo-core { width: 64px; height: 64px; border-radius: 19px; }
    .oo-core svg { width: 29px; height: 29px; }
    .oo-r1, .oo-r2 { width: 68px; height: 68px; }
    .ord-card { padding: 1.2rem 1.1rem; }
    .ord-step { gap: 11px; padding: 0.65rem 0; }
    .os-num { width: 32px; height: 32px; font-size: 0.78rem; }
    .ord-step:not(:last-child)::before { left: 15px; top: 40px; }
    .ord-total-box b { font-size: 1.3rem; }
}

/* ============================================================
   V18 — "NIEKO" PRIZAS IR TICKETO PRANEŠIMAS
   ============================================================ */

/* Tuščias rezultatas */
.r-none { color: #6e7280 !important; }

.reel-item.r-none {
    border-bottom-color: #3a3a44;
    opacity: 0.75;
}

.reel-item.r-none .ri-ico { opacity: 0.4; }
.reel-item.r-none .ri-name { color: #6e7280; }

.cr-name.r-none {
    color: #9a9aa3;
    font-size: clamp(1.2rem, 3.4vw, 1.7rem);
}

.cr-chance.hidden { display: none; }

/* Pranešimas po prizu */
.cr-note {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 460px;
    margin: 0 auto 1.3rem;
    padding: 0.9rem 1.1rem;
    border-radius: 13px;
    background: rgba(94, 200, 255, 0.06);
    border: 1px solid rgba(94, 200, 255, 0.22);
    animation: newsIn 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.cr-note.hidden { display: none; }

.crn-ico {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: rgba(94, 200, 255, 0.12);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crn-ico svg { width: 16px; height: 16px; }

.crn-txt {
    flex: 1;
    min-width: 160px;
    font-size: 0.84rem;
    line-height: 1.5;
    color: #c8c8d0;
    text-align: left;
}

.crn-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.55rem 1.1rem;
    border-radius: 9px;
    background: #fff;
    color: #0a0a0c;
    font-size: 0.79rem;
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.crn-btn:hover { opacity: 0.87; }

/* Informacinis variantas (balansas) — be mygtuko akcento */
.cr-note.is-info {
    background: rgba(74, 222, 128, 0.06);
    border-color: rgba(74, 222, 128, 0.22);
}

.cr-note.is-info .crn-ico {
    background: rgba(74, 222, 128, 0.13);
    color: #4ade80;
}

.cr-note.is-info .crn-btn { display: none; }

@media (max-width: 620px) {
    .cr-note {
        flex-direction: column;
        text-align: center;
        gap: 9px;
    }
    .crn-txt { text-align: center; min-width: 0; }
    .crn-btn { width: 100%; justify-content: center; }
}

/* ============================================================
   V20 — "ATNAUJINTAS" ŽENKLAS (geltonas)
   ============================================================ */

/* Ženkliukas ant produkto kortelės */
.new-badge.upd-badge {
    background: #fbbf24;
    color: #1a1300;
    box-shadow: 0 4px 16px -4px rgba(251, 191, 36, 0.75);
}

.new-badge.upd-badge::before { background: #fff5d6; }

/* Pranešimo lango ženklas */
.news-pill.news-pill-upd {
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.38);
    color: #fbbf24;
}

/* Populiariausios eilutės akcentas — geltonas */
.np-best {
    border-color: rgba(251, 191, 36, 0.35);
    background: rgba(251, 191, 36, 0.05);
}

.np-best:hover {
    border-color: rgba(251, 191, 36, 0.6);
    background: rgba(251, 191, 36, 0.09);
}

.np-best .np-price { color: #fbbf24; }

.np-tag {
    background: rgba(251, 191, 36, 0.14);
    border-color: rgba(251, 191, 36, 0.35);
    color: #fbbf24;
}

/* ============================================================
   V21 — PREKĖS PAGAL UŽSAKYMĄ (GTA 6 ir pan.)
   ============================================================ */

/* Informacinis blokas produkto lange */
.vm-request {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 0.95rem 1.05rem;
    margin-bottom: 1rem;
    border-radius: 13px;
    background: rgba(251, 191, 36, 0.06);
    border: 1px solid rgba(251, 191, 36, 0.28);
}

.vm-request.hidden { display: none; }

.vmr-ico {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vmr-ico svg { width: 17px; height: 17px; }

.vm-request p {
    font-size: 0.82rem;
    line-height: 1.6;
    color: #c8c8d0;
    margin: 0;
}

/* Discord mygtukas vietoj krepšelio */
.vm-discord {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    padding: 0.9rem 1rem;
    border-radius: 12px;
    background: #5865F2;
    color: #fff;
    font-family: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}

.vm-discord.hidden { display: none; }

.vm-discord:hover {
    background: #4752c4;
    transform: translateY(-1px);
}

#vm-cart-btn.hidden { display: none; }

/* ============================================================
   V22 — PRISIJUNGIMAS / REGISTRACIJA
   ============================================================ */

/* Skirtukai */
.dtauth-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding: 4px;
    margin-bottom: 1.4rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.dtauth-tab {
    padding: 0.6rem 0.8rem;
    border-radius: 9px;
    border: none;
    background: transparent;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.22s ease, color 0.22s ease;
}

.dtauth-tab:hover { color: #fff; }

.dtauth-tab.active {
    background: #fff;
    color: #0a0a0c;
    font-weight: 700;
}

/* Įspėjimas prisijungimo skiltyje */
.dtauth-warn {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 0.85rem 1rem;
    margin-bottom: 1.3rem;
    border-radius: 12px;
    background: rgba(251, 191, 36, 0.06);
    border: 1px solid rgba(251, 191, 36, 0.26);
}

.dw-ico {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dw-ico svg { width: 16px; height: 16px; }

.dtauth-warn p {
    font-size: 0.78rem;
    line-height: 1.55;
    color: #c8c8d0;
    margin: 0;
}

.dtauth-warn b { color: #fbbf24; font-weight: 700; }

/* Slaptažodžio akutė */
.dtauth-eye {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: #5c5c66;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

.dtauth-eye svg { width: 17px; height: 17px; }
.dtauth-eye:hover { color: #9a9aa3; }
.dtauth-eye.on { color: #5ec8ff; }

.dtauth-field input[type="password"],
.dtauth-field input#login-pass,
.dtauth-field input#reg-pass {
    padding-right: 46px;
}

/* Slaptažodžio stiprumas */
.pass-meter {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: -4px 0 14px;
}

.pm-bar {
    flex: 1;
    height: 4px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.07);
    overflow: hidden;
}

.pm-bar i {
    display: block;
    height: 100%;
    width: 0;
    border-radius: 3px;
    background: #4a4a52;
    transition: width 0.35s cubic-bezier(0.22, 1, 0.36, 1), background 0.35s ease;
}

.pm-txt {
    flex: 0 0 auto;
    font-size: 0.72rem;
    color: #6e7280;
    min-width: 92px;
    text-align: right;
}

.pass-meter.weak .pm-bar i { background: #f87171; }
.pass-meter.weak .pm-txt   { color: #f87171; }
.pass-meter.mid .pm-bar i  { background: #fbbf24; }
.pass-meter.mid .pm-txt    { color: #fbbf24; }
.pass-meter.good .pm-bar i { background: #4ade80; }
.pass-meter.good .pm-txt   { color: #4ade80; }

/* Sėkmės pranešimas */
.dtauth-err.is-ok {
    background: rgba(74, 222, 128, 0.1);
    border-color: rgba(74, 222, 128, 0.32);
    color: #4ade80;
}

/* Nuoroda tekste */
.dtauth-link {
    background: none;
    border: none;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    color: #5ec8ff;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.dtauth-link:hover { color: #7fd4ff; }

@media (max-width: 480px) {
    .dtauth-tab { font-size: 0.8rem; padding: 0.55rem 0.6rem; }
    .pm-txt { min-width: 78px; font-size: 0.68rem; }
}

/* ============================================================
   V23 — ATSISKAITYMO PUSLAPIS
   ============================================================ */

#checkout .container { max-width: 1080px; }

/* ---------- ŽINGSNIŲ JUOSTA ---------- */
.co-crumbs {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 1.8rem 0 1.4rem;
    flex-wrap: wrap;
}

.co-crumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #4a4a52;
    transition: color 0.3s ease;
}

.co-crumb i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #33333b;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.co-crumb.active { color: #fff; }
.co-crumb.active i {
    background: #5ec8ff;
    box-shadow: 0 0 0 4px rgba(94, 200, 255, 0.15);
}

.co-crumb.done { color: #4ade80; }
.co-crumb.done i { background: #4ade80; }

.co-line {
    flex: 0 1 60px;
    height: 1px;
    background: rgba(255, 255, 255, 0.09);
}

/* ---------- IŠDĖSTYMAS ---------- */
.co-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
    align-items: start;
    padding-bottom: 3.5rem;
}

.co-step.hidden { display: none; }

.co-h {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.25rem, 2.4vw, 1.55rem);
    font-weight: 800;
    letter-spacing: -0.6px;
    color: #fff;
    margin: 0 0 5px;
}

.co-h2 { margin-top: 1.8rem; }

.co-sub {
    font-size: 0.84rem;
    color: #9a9aa3;
    margin: 0 0 1.2rem;
}

.co-sub b { color: #5ec8ff; font-weight: 600; }

.co-back {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 1.3rem;
    padding: 7px 13px;
    border-radius: 9px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.co-back:hover { color: #fff; border-color: rgba(255, 255, 255, 0.28); }

/* ---------- PREKĖS ---------- */
.co-items { display: flex; flex-direction: column; gap: 10px; }

.co-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    transition: border-color 0.25s ease;
}

.co-item:hover { border-color: rgba(255, 255, 255, 0.15); }


.coi-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.coi-main b {
    font-size: 0.94rem;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.coi-main i {
    font-style: normal;
    font-size: 0.78rem;
    color: #9a9aa3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.coi-each { font-size: 0.72rem; color: #6e7280; }

.coi-qty {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.coi-qty button {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    border: none;
    background: transparent;
    color: #9a9aa3;
    font-size: 1rem;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}

.coi-qty button:hover { background: rgba(255, 255, 255, 0.08); color: #fff; }

.coi-qty span {
    min-width: 26px;
    text-align: center;
    font-size: 0.86rem;
    font-weight: 700;
    color: #fff;
}

.coi-price {
    flex: 0 0 auto;
    min-width: 66px;
    text-align: right;
    font-family: 'Outfit', sans-serif;
    font-size: 1.02rem;
    font-weight: 800;
    color: #fff;
}

.coi-del {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    border: none;
    background: transparent;
    color: #5c5c66;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, background 0.2s ease;
}

.coi-del svg { width: 16px; height: 16px; }

.coi-del:hover { color: #f87171; background: rgba(248, 113, 113, 0.1); }

.co-empty {
    padding: 3rem 1rem;
    text-align: center;
    color: #6e7280;
    border-radius: 15px;
    border: 1px dashed rgba(255, 255, 255, 0.12);
}

/* ---------- LAUKAI ---------- */
.co-lbl {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 8px;
}

.co-field {
    position: relative;
    max-width: 460px;
}

.co-field svg {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    color: #5c5c66;
    pointer-events: none;
}

.co-field input {
    width: 100%;
    padding: 0.9rem 1rem 0.9rem 42px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.92rem;
    outline: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.co-field input::placeholder { color: #5c5c66; }

.co-field input:focus {
    border-color: rgba(94, 200, 255, 0.5);
    background: rgba(94, 200, 255, 0.04);
}

.co-err {
    max-width: 460px;
    margin-top: 9px;
    padding: 9px 12px;
    border-radius: 10px;
    background: rgba(248, 113, 113, 0.1);
    border: 1px solid rgba(248, 113, 113, 0.3);
    color: #fca5a5;
    font-size: 0.82rem;
}

.co-err.hidden { display: none; }

/* ---------- MOKĖJIMO BŪDAI ---------- */
.co-tabs {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    margin-bottom: 1.2rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.co-tab {
    padding: 0.55rem 1.4rem;
    border-radius: 9px;
    border: none;
    background: transparent;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.22s ease, color 0.22s ease;
}

.co-tab:hover { color: #fff; }

.co-tab.active {
    background: #fff;
    color: #0a0a0c;
    font-weight: 700;
}

.co-methods {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 10px;
}

.co-method {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.02);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.22s ease, background 0.22s ease, transform 0.22s ease;
}

.co-method:hover {
    border-color: rgba(255, 255, 255, 0.22);
    transform: translateY(-2px);
}

.co-method.active {
    border-color: #5ec8ff;
    background: rgba(94, 200, 255, 0.07);
}

.com-ico {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.com-ico svg { width: 20px; height: 20px; }

.com-txt { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.com-txt b { font-size: 0.9rem; font-weight: 600; color: #fff; }
.com-txt i { font-style: normal; font-size: 0.74rem; color: #6e7280; }

.com-check {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    color: #5ec8ff;
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.com-check svg { width: 100%; height: 100%; }

.co-method.active .com-check { opacity: 1; transform: scale(1); }

/* ---------- ŠONINĖ KORTELĖ ---------- */
.co-side {
    position: sticky;
    top: 90px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.co-side.hidden { display: none; }

.co-card {
    padding: 1.2rem 1.25rem;
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.co-code-head {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 1rem;
}

.co-code-head svg { width: 17px; height: 17px; color: #9a9aa3; }

.co-code-row { display: flex; gap: 8px; }

.co-code-row input {
    flex: 1;
    min-width: 0;
    padding: 0.75rem 1rem;
    border-radius: 11px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.25);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.84rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    outline: none;
    transition: border-color 0.2s ease;
}

.co-code-row input::placeholder { color: #4a4a52; letter-spacing: 1px; }
.co-code-row input:focus { border-color: rgba(94, 200, 255, 0.45); }
.co-code-row input:disabled { opacity: 0.55; }

.co-code-row button {
    flex: 0 0 auto;
    padding: 0.75rem 1.2rem;
    border-radius: 11px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.83rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.co-code-row button:hover:not(:disabled) { background: #fff; color: #0a0a0c; }
.co-code-row button:disabled { opacity: 0.5; cursor: default; }

.co-code-msg {
    margin-top: 9px;
    font-size: 0.78rem;
    min-height: 1em;
}

.co-code-msg.ok  { color: #4ade80; }
.co-code-msg.bad { color: #f87171; }

/* Suvestinė */
.co-sum-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    font-size: 0.85rem;
    color: #9a9aa3;
}

.co-sum-row.hidden { display: none; }
.co-sum-row b { color: #ededf0; font-weight: 600; }
.co-green { color: #4ade80 !important; }

.co-sum-total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.co-sum-total span { font-size: 1rem; font-weight: 600; color: #fff; }

.co-sum-total b {
    font-family: 'Outfit', sans-serif;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -0.6px;
    color: #fff;
}

.co-note {
    margin-top: 1.1rem;
    padding: 0.85rem 1rem;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.03);
    font-size: 0.76rem;
    line-height: 1.6;
    color: #6e7280;
    text-align: center;
}

.co-note b { color: #9a9aa3; }

.co-continue {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    padding: 1rem;
    border-radius: 13px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.co-continue.hidden { display: none; }
.co-continue:hover:not(:disabled) { opacity: 0.88; transform: translateY(-1px); }
.co-continue:disabled { opacity: 0.35; cursor: not-allowed; }

/* ---------- APMOKĖJIMO KORTELĖ ---------- */
.co-pay {
    padding: 1.5rem 1.6rem;
    border-radius: 17px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.cop-head {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.cop-ico {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cop-ico svg { width: 23px; height: 23px; }

.cop-txt { display: flex; flex-direction: column; gap: 2px; }
.cop-txt b { font-size: 1.05rem; color: #fff; }
.cop-txt i { font-style: normal; font-size: 0.8rem; color: #6e7280; }

/* Reikšmių eilutės */
.cop-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0.85rem 1rem;
    margin-bottom: 8px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.cop-label {
    flex: 0 0 auto;
    min-width: 100px;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #6e7280;
}

.cop-val {
    flex: 1;
    min-width: 0;
    font-family: monospace;
    font-size: 0.92rem;
    font-weight: 600;
    color: #fff;
    word-break: break-all;
}

.cop-val a { color: #5ec8ff; text-decoration: none; }
.cop-val a:hover { text-decoration: underline; }

.cop-long .cop-val { font-size: 0.82rem; }

.cop-copy {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.cop-copy svg { width: 15px; height: 15px; }
.cop-copy:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); }

.cop-copy.ok {
    color: #4ade80;
    border-color: rgba(74, 222, 128, 0.4);
    background: rgba(74, 222, 128, 0.1);
}

/* Įspėjimas */
.cop-warn {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 1rem;
    padding: 0.9rem 1.1rem;
    border-radius: 12px;
    background: rgba(251, 191, 36, 0.06);
    border: 1px solid rgba(251, 191, 36, 0.26);
}

.cop-warn svg { flex: 0 0 auto; width: 18px; height: 18px; color: #fbbf24; margin-top: 1px; }

.cop-warn p {
    font-size: 0.83rem;
    line-height: 1.6;
    color: #c8c8d0;
    margin: 0;
}

.cop-warn b { color: #fbbf24; font-weight: 700; }

/* Instrukcijos */
.cop-steps {
    margin-top: 1.1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.cop-steps-t {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 0.8rem;
}

.cop-steps ol {
    margin: 0;
    padding-left: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.cop-steps li {
    font-size: 0.85rem;
    line-height: 1.6;
    color: #c8c8d0;
}

.cop-steps b { color: #5ec8ff; }

/* Mygtukas "Pinigai išsiųsti" */
.co-sent {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    margin-top: 1.2rem;
    padding: 1rem;
    border-radius: 13px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.co-sent.hidden { display: none; }
.co-sent:hover { opacity: 0.88; transform: translateY(-1px); }

/* ---------- EIGA ---------- */
.co-progress {
    margin-top: 1.2rem;
    padding: 1.4rem 1.5rem;
    border-radius: 17px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    animation: newsIn 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.co-progress.hidden { display: none; }

.cop-step {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0.75rem 0;
}

.cps-ico {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cps-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3a3a44;
}

.cps-spin {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid rgba(94, 200, 255, 0.25);
    border-top-color: #5ec8ff;
    animation: cpsSpin 0.9s linear infinite;
}

@keyframes cpsSpin { to { transform: rotate(360deg); } }

.cop-step.active .cps-ico {
    border-color: rgba(94, 200, 255, 0.45);
    background: rgba(94, 200, 255, 0.08);
}

.cps-txt { display: flex; flex-direction: column; gap: 2px; }

.cps-txt b {
    font-size: 0.9rem;
    font-weight: 600;
    color: #47474f;
}

.cps-txt i {
    font-style: normal;
    font-size: 0.77rem;
    color: #35353d;
}

.cop-step.active .cps-txt b { color: #5ec8ff; }
.cop-step.active .cps-txt i { color: #9a9aa3; }

/* ---------- LAIKAS BAIGĖSI ---------- */
.co-expired {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000003;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.co-expired.hidden { display: none; }

.coe-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(4, 5, 9, 0.85);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.coe-box {
    position: relative;
    z-index: 1;
    width: min(440px, 100%);
    padding: 2.4rem 1.9rem 1.7rem;
    border-radius: 20px;
    background: #101014;
    border: 1px solid rgba(248, 113, 113, 0.25);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.85);
    text-align: center;
    animation: newsIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.coe-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 1.3rem;
    border-radius: 19px;
    background: rgba(248, 113, 113, 0.1);
    border: 1px solid rgba(248, 113, 113, 0.3);
    color: #f87171;
}

.coe-ico svg { width: 30px; height: 30px; }

.coe-box h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #fff;
    margin: 0 0 0.7rem;
}

.coe-box p {
    font-size: 0.88rem;
    line-height: 1.7;
    color: #9a9aa3;
    margin: 0 0 1.6rem;
}

.coe-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    padding: 0.9rem 1rem;
    border-radius: 12px;
    background: #5865F2;
    color: #fff;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}

.coe-btn:hover { background: #4752c4; transform: translateY(-1px); }

.coe-close {
    width: 100%;
    margin-top: 9px;
    padding: 0.8rem;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 0.85rem;
    color: #6e7280;
    cursor: pointer;
    transition: color 0.2s ease;
}

.coe-close:hover { color: #fff; }

/* ---------- MOBILE ---------- */
@media (max-width: 780px) {
    .co-wrap { grid-template-columns: 1fr; }
    .co-side { position: static; }
}

@media (max-width: 768px) {
    .co-crumbs { padding: 1.4rem 0 1.2rem; gap: 7px; }
    .co-crumb { font-size: 0.74rem; }
    .co-line { flex-basis: 22px; }

    .co-item { flex-wrap: wrap; padding: 0.9rem; gap: 10px; }
    .coi-av { width: 40px; height: 40px; }
    .coi-main { flex: 1 1 100%; order: 1; }
    .coi-av { order: 0; }
    .coi-del { order: 2; margin-left: auto; }
    .coi-qty { order: 3; }
    .coi-price { order: 4; margin-left: auto; }

    .co-methods { grid-template-columns: 1fr; }
    .co-field, .co-err { max-width: 100%; }
    .co-pay { padding: 1.2rem 1.1rem; }

    .cop-row { flex-wrap: wrap; }
    .cop-label { flex: 1 1 100%; min-width: 0; }
    .cop-val { flex: 1 1 auto; font-size: 0.84rem; }
}

/* ============================================================
   V24 — UŽSAKYMO JUOSTA, LAIKMATIS IR PERĖJIMAI
   ============================================================ */

/* ---------- ŽINGSNIŲ PERĖJIMAI ---------- */
.co-step.co-in {
    animation: coStepIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

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

/* Vidiniai elementai atsiranda pakopomis */
.co-step.co-in .co-h        { animation: coFade 0.45s cubic-bezier(0.22,1,0.36,1) 0.04s both; }
.co-step.co-in .co-sub      { animation: coFade 0.45s cubic-bezier(0.22,1,0.36,1) 0.09s both; }
.co-step.co-in .co-back     { animation: coFade 0.45s cubic-bezier(0.22,1,0.36,1) 0.02s both; }
.co-step.co-in .co-order-bar{ animation: coFade 0.5s cubic-bezier(0.22,1,0.36,1) 0.12s both; }
.co-step.co-in .co-tabs     { animation: coFade 0.45s cubic-bezier(0.22,1,0.36,1) 0.14s both; }
.co-step.co-in .co-field,
.co-step.co-in .co-lbl      { animation: coFade 0.45s cubic-bezier(0.22,1,0.36,1) 0.12s both; }
.co-step.co-in .co-pay      { animation: coFade 0.5s cubic-bezier(0.22,1,0.36,1) 0.18s both; }
.co-step.co-in .co-sent     { animation: coFade 0.5s cubic-bezier(0.22,1,0.36,1) 0.24s both; }

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

/* Prekės ir būdai — pakopomis */
.co-item {
    animation: coFade 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.co-item:nth-child(1) { animation-delay: 0.10s; }
.co-item:nth-child(2) { animation-delay: 0.16s; }
.co-item:nth-child(3) { animation-delay: 0.22s; }
.co-item:nth-child(4) { animation-delay: 0.28s; }
.co-item:nth-child(5) { animation-delay: 0.34s; }
.co-item:nth-child(n+6) { animation-delay: 0.40s; }

.co-method {
    animation: coFade 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.co-method:nth-child(1) { animation-delay: 0.04s; }
.co-method:nth-child(2) { animation-delay: 0.11s; }

/* Apmokėjimo eilutės */
.cop-row {
    animation: coFade 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.cop-row:nth-child(2) { animation-delay: 0.20s; }
.cop-row:nth-child(3) { animation-delay: 0.26s; }
.cop-row:nth-child(4) { animation-delay: 0.32s; }
.cop-row:nth-child(5) { animation-delay: 0.38s; }

.cop-warn, .cop-steps {
    animation: coFade 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.42s both;
}

/* Šoninė kortelė */
.co-side .co-card:nth-of-type(1) { animation: coFade 0.5s cubic-bezier(0.22,1,0.36,1) 0.08s both; }
.co-side .co-card:nth-of-type(2) { animation: coFade 0.5s cubic-bezier(0.22,1,0.36,1) 0.15s both; }
.co-continue { animation: coFade 0.5s cubic-bezier(0.22,1,0.36,1) 0.22s both; }

/* Suma keičiasi — švelnus blyksnis */
@keyframes coPulse {
    0%   { transform: scale(1); }
    45%  { transform: scale(1.07); color: #5ec8ff; }
    100% { transform: scale(1); }
}

.co-sum-total b.upd { animation: coPulse 0.5s cubic-bezier(0.22, 1, 0.36, 1); }

/* ---------- UŽSAKYMO JUOSTA ---------- */
.co-order-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    padding: 1.1rem 1.4rem;
    margin-bottom: 1.3rem;
    border-radius: 16px;
    background:
        radial-gradient(120% 160% at 0% 50%, rgba(94, 200, 255, 0.08), transparent 60%),
        var(--card-bg);
    border: 1px solid var(--card-border);
}

.cob-left {
    display: flex;
    align-items: center;
    gap: 11px;
    flex-wrap: wrap;
}

.cob-label {
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: #6e7280;
    width: 100%;
    margin-bottom: 2px;
}

.cob-id {
    font-family: 'Outfit', monospace;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #fff;
}

.cob-copy {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.cob-copy svg { width: 15px; height: 15px; }
.cob-copy:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); }

.cob-copy.ok {
    color: #4ade80;
    border-color: rgba(74, 222, 128, 0.4);
    background: rgba(74, 222, 128, 0.1);
}

/* Apskritas laikmatis */
.cob-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}

.cob-clock {
    width: 46px;
    height: 46px;
    transform: rotate(-90deg);
    flex: 0 0 auto;
}

.cobc-bg {
    fill: none;
    stroke: rgba(255, 255, 255, 0.07);
    stroke-width: 3;
}

.cobc-fg {
    fill: none;
    stroke: #5ec8ff;
    stroke-width: 3;
    stroke-linecap: round;
    transition: stroke-dashoffset 1s linear, stroke 0.4s ease;
}

.cob-time {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.cob-time b {
    font-family: 'Outfit', monospace;
    font-size: 1.25rem;
    font-weight: 800;
    color: #5ec8ff;
    line-height: 1;
    transition: color 0.4s ease;
}

.cob-time i {
    font-style: normal;
    font-size: 0.68rem;
    color: #6e7280;
}

/* Likus mažai laiko */
.cob-right.low .cobc-fg { stroke: #f87171; }
.cob-right.low .cob-time b {
    color: #f87171;
    animation: coBlink 1s ease-in-out infinite;
}

@keyframes coBlink {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.45; }
}

@media (max-width: 620px) {
    .co-order-bar { padding: 1rem 1.1rem; gap: 12px; }
    .cob-id { font-size: 1.25rem; }
    .cob-clock { width: 40px; height: 40px; }
    .cob-time b { font-size: 1.1rem; }
}

/* ============================================================
   V25 — UI POLISH
   ============================================================ */

/* ---------- PROFILIO SKYDELIS ---------- */
.ptab:not(.hidden) {
    animation: coStepIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.ptab:not(.hidden) .pt-title  { animation: coFade 0.45s cubic-bezier(0.22,1,0.36,1) 0.05s both; }
.ptab:not(.hidden) .bal-card,
.ptab:not(.hidden) .wal-top   { animation: coFade 0.5s cubic-bezier(0.22,1,0.36,1) 0.10s both; }
.ptab:not(.hidden) .stat-row  { animation: coFade 0.5s cubic-bezier(0.22,1,0.36,1) 0.16s both; }
.ptab:not(.hidden) .free-box  { animation: coFade 0.5s cubic-bezier(0.22,1,0.36,1) 0.10s both; }
.ptab:not(.hidden) .box-grid  { animation: coFade 0.5s cubic-bezier(0.22,1,0.36,1) 0.16s both; }
.ptab:not(.hidden) .ref-card  { animation: coFade 0.5s cubic-bezier(0.22,1,0.36,1) 0.22s both; }

.stat-box {
    transition: border-color 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.stat-box:hover {
    border-color: rgba(94, 200, 255, 0.3);
    transform: translateY(-2px);
}

.act-row {
    animation: coFade 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.act-row:nth-child(1) { animation-delay: 0.20s; }
.act-row:nth-child(2) { animation-delay: 0.25s; }
.act-row:nth-child(3) { animation-delay: 0.30s; }
.act-row:nth-child(4) { animation-delay: 0.35s; }
.act-row:nth-child(n+5) { animation-delay: 0.40s; }

/* Šoninės juostos aktyvi žymė */
.ps-link {
    position: relative;
    overflow: hidden;
}

.ps-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: #5ec8ff;
    transform: translateY(-50%);
    transition: height 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ps-link.active::before { height: 55%; }

/* ---------- DĖŽUČIŲ KORTELĖS ---------- */
.box-card {
    position: relative;
    overflow: hidden;
}

.box-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -60%;
    width: 45%;
    height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.05), transparent);
    transition: left 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
}

.box-card:hover::before { left: 115%; }

.bc-open {
    position: relative;
    overflow: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
}

.bc-open:hover:not(:disabled) { transform: translateY(-1px); }
.bc-open:active:not(:disabled) { transform: translateY(0) scale(0.98); }

/* ---------- PRISIJUNGIMO LANGAS ---------- */
.dtauth-step:not(.hidden) {
    animation: coFade 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.dtauth-tab {
    position: relative;
}

.dtauth-btn {
    position: relative;
    overflow: hidden;
}

.dtauth-btn:active:not(:disabled) { transform: translateY(0) scale(0.985); }

/* Laukų fokuso žiedas */
.dtauth-field input:focus,
.co-field input:focus,
.co-code-row input:focus {
    box-shadow: 0 0 0 3px rgba(94, 200, 255, 0.1);
}

/* ---------- MYGTUKŲ PAJAUTIMAS ---------- */
.co-continue:active:not(:disabled),
.co-sent:active,
.fb-btn:active:not(:disabled),
.bal-btn:active,
.cr-btn:active {
    transform: translateY(0) scale(0.985);
}

/* ---------- KREPŠELIO PREKĖS ---------- */
.co-item { position: relative; }

.co-item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    border-radius: 0 2px 2px 0;
    background: #5ec8ff;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.co-item:hover::after { opacity: 0.6; }

/* ---------- SKLANDUS SLINKIMAS ---------- */
html { scroll-behavior: smooth; }

/* ---------- ĮKROVIMO BŪSENA MYGTUKUOSE ---------- */
.dtauth-btn.loading,
.co-continue.loading {
    position: relative;
    color: transparent !important;
}

.dtauth-btn.loading::after,
.co-continue.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 17px;
    height: 17px;
    margin: -8.5px 0 0 -8.5px;
    border-radius: 50%;
    border: 2px solid rgba(10, 10, 12, 0.25);
    border-top-color: rgba(10, 10, 12, 0.8);
    animation: cpsSpin 0.7s linear infinite;
}

/* ============================================================
   V27 — CTA JUOSTA IR DISCORD LANGELIS
   ============================================================ */

/* ---------- CTA BLOKAS (atskirtas nuo kortelių) ---------- */
.cta-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 5rem;
    padding-top: 3.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.cta-h {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.5rem, 3.4vw, 2.1rem);
    font-weight: 800;
    letter-spacing: -0.9px;
    color: #fff;
    margin: 0 0 0.75rem;
}

.cta-p {
    font-size: 0.92rem;
    line-height: 1.7;
    color: var(--text-muted);
    max-width: 440px;
    margin: 0 0 2rem;
}

.cta-btns {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.cta-main,
.cta-alt {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.85rem 1.6rem;
    border-radius: 11px;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition:
        opacity 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.cta-main {
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-weight: 700;
}

.cta-main svg { transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1); }
.cta-main:hover { opacity: 0.88; transform: translateY(-2px); }
.cta-main:hover svg { transform: translateX(3px); }
.cta-main:active { transform: translateY(0) scale(0.985); }

.cta-alt {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #9a9aa3;
}

.cta-alt:hover {
    border-color: rgba(255, 255, 255, 0.26);
    color: #fff;
    transform: translateY(-2px);
}

.cta-alt:active { transform: translateY(0) scale(0.985); }

@media (max-width: 768px) {
    .cta-block { margin-top: 3.2rem; padding-top: 2.4rem; }
    .cta-p { margin-bottom: 1.6rem; }
    .cta-btns { width: 100%; flex-direction: column; }
    .cta-main, .cta-alt { width: 100%; justify-content: center; }
}

/* ---------- BANKO MOKESČIO ĮSPĖJIMAS ---------- */
.co-fee-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 14px;
    padding: 1.1rem 1.2rem;
    border-radius: 14px;
    background: rgba(251, 191, 36, 0.06);
    border: 1px solid rgba(251, 191, 36, 0.26);
    animation: coFade 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.co-fee-note.hidden { display: none; }

.cfn-ico {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cfn-ico svg { width: 18px; height: 18px; }

.cfn-txt b {
    display: block;
    font-size: 0.88rem;
    font-weight: 700;
    color: #fbbf24;
    margin-bottom: 6px;
}

.cfn-txt p {
    font-size: 0.83rem;
    line-height: 1.65;
    color: #c8c8d0;
    margin: 0;
}

/* Mokesčio eilutė suvestinėje */
#co-fee { color: #fbbf24 !important; }

/* Pastaba apmokėjimo lange */
.cop-fee {
    margin-top: 4px;
    padding: 0.7rem 1rem;
    border-radius: 10px;
    background: rgba(251, 191, 36, 0.06);
    border: 1px solid rgba(251, 191, 36, 0.2);
    font-size: 0.79rem;
    line-height: 1.55;
    color: #fbbf24;
}

@media (max-width: 768px) {
    .co-fee-note { padding: 0.95rem 1rem; gap: 10px; }
    .cfn-txt p { font-size: 0.78rem; }
}

/* ============================================================
   V28 — APMOKĖJIMO PUSLAPIS (du stulpeliai)
   ============================================================ */

.co-wrap.co-full { grid-template-columns: 1fr; }

/* ---------- VIRŠUTINĖ JUOSTA ---------- */
.cp-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 1.3rem;
}

.cp-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 13px 7px 9px;
    border-radius: 9px;
    border: none;
    background: none;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease;
}

.cp-back:hover { color: #fff; background: rgba(255, 255, 255, 0.05); }

.cp-badges { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }

.cp-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 999px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    font-size: 0.78rem;
    color: #9a9aa3;
}

.cp-badge svg { width: 15px; height: 15px; color: #4ade80; }
.cp-badge b { color: #fff; font-family: monospace; font-size: 0.8rem; }

.cp-timer svg { color: #5ec8ff; }
.cp-timer b { color: #5ec8ff; font-family: 'Outfit', monospace; font-size: 0.88rem; }

.cp-timer.low { border-color: rgba(248, 113, 113, 0.35); }
.cp-timer.low svg, .cp-timer.low b { color: #f87171; }

/* ---------- TINKLELIS ---------- */
.cp-wrap {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 16px;
    align-items: start;
}

.cp-card {
    padding: 1.7rem 1.8rem;
    border-radius: 20px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

/* ---------- KAIRĖ ---------- */
.cp-store {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 1.3rem;
    margin-bottom: 1.4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.cp-store-ico {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.25);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cp-store-ico svg { width: 20px; height: 20px; }
.cp-store b { font-size: 1.02rem; color: #fff; }

.cp-sec-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 1rem;
}

.cp-sec-head h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #fff;
    margin: 0;
}

.cp-sec-head span { font-size: 0.78rem; color: #6e7280; }

.cp-items { display: flex; flex-direction: column; gap: 8px; }

.cp-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0.85rem 0.95rem;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.05);
}



.cpi-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }

.cpi-main b {
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cpi-main i {
    font-style: normal;
    font-size: 0.76rem;
    color: #6e7280;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cpi-price {
    flex: 0 0 auto;
    font-family: 'Outfit', sans-serif;
    font-size: 0.98rem;
    font-weight: 700;
    color: #fff;
}

.cp-sums {
    margin-top: 1.3rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.cp-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
    font-size: 0.85rem;
    color: #9a9aa3;
}

.cp-row.hidden { display: none; }
.cp-row b { color: #ededf0; font-weight: 600; }
.cp-amber { color: #fbbf24 !important; }

.cp-total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-top: 0.6rem;
    padding-top: 1.1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.cp-total span { font-size: 0.95rem; font-weight: 600; color: #ededf0; }

.cp-total b {
    font-family: 'Outfit', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -1px;
    color: #fff;
}

/* Pasitikėjimo punktai */
.cp-trust {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 1.6rem;
    padding-top: 1.4rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.cp-t { display: flex; align-items: flex-start; gap: 11px; }

.cp-t svg { flex: 0 0 auto; width: 17px; height: 17px; color: #4ade80; margin-top: 2px; }

.cp-t span { display: flex; flex-direction: column; gap: 2px; }
.cp-t b { font-size: 0.85rem; font-weight: 600; color: #ededf0; }
.cp-t i { font-style: normal; font-size: 0.78rem; line-height: 1.5; color: #6e7280; }

/* ---------- DEŠINĖ: APMOKĖJIMAS ---------- */
.cp-right {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(110% 70% at 50% 0%, rgba(94, 200, 255, 0.05), transparent 60%),
        var(--card-bg);
}

/* Žingsnių juostelė */
.cp-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    padding: 5px;
    margin-bottom: 1.8rem;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.cp-st {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0.6rem 0.5rem;
    border-radius: 9px;
    font-size: 0.79rem;
    font-weight: 600;
    color: #4a4a52;
}

.cp-st i {
    font-style: normal;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: #6e7280;
    font-size: 0.68rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cp-st.done { color: #9a9aa3; }
.cp-st.done i { background: rgba(74, 222, 128, 0.15); color: #4ade80; }

.cp-st.active {
    background: rgba(94, 200, 255, 0.09);
    color: #fff;
}

.cp-st.active i { background: #5ec8ff; color: #0a0a0c; }

/* Antraštė */
.cp-hero { text-align: center; margin-bottom: 1.6rem; }

.cp-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin: 0 auto 1.1rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.cp-logo svg { width: 30px; height: 30px; }

.cp-kicker {
    display: block;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #5ec8ff;
    margin-bottom: 0.7rem;
}

.cp-title {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.4rem, 3vw, 1.85rem);
    font-weight: 800;
    letter-spacing: -0.8px;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 0.7rem;
}

.cp-desc {
    font-size: 0.85rem;
    line-height: 1.65;
    color: #9a9aa3;
    max-width: 380px;
    margin: 0 auto;
}

/* Užsakymo numeris */
.cp-ref {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0.85rem 1.1rem;
    margin-bottom: 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.82rem;
    color: #6e7280;
}

.cp-ref b {
    font-family: 'Outfit', monospace;
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #fff;
}

/* Būsena */
.cp-status {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0.95rem 1.1rem;
    margin-bottom: 14px;
    border-radius: 13px;
    background: rgba(94, 200, 255, 0.05);
    border: 1px solid rgba(94, 200, 255, 0.2);
}

.cp-spin {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid rgba(94, 200, 255, 0.2);
    border-top-color: #5ec8ff;
    animation: cpsSpin 1s linear infinite;
}

.cp-status-txt { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cp-status-txt b { font-size: 0.88rem; font-weight: 600; color: #fff; }
.cp-status-txt i { font-style: normal; font-size: 0.76rem; color: #6e7280; }

.cp-live {
    flex: 0 0 auto;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(74, 222, 128, 0.12);
    border: 1px solid rgba(74, 222, 128, 0.3);
    color: #4ade80;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.6px;
}

/* Laukai */
.cp-fields { display: flex; flex-direction: column; gap: 9px; }

.cp-fields .cop-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0.85rem 1.1rem;
    margin: 0;
    border-radius: 13px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    animation: none;
}

.cp-fields .cop-label {
    flex: 0 0 auto;
    min-width: 0;
    font-size: 0.66rem;
    letter-spacing: 1px;
}

.cp-fields .cop-row {
    flex-wrap: wrap;
}

.cp-fields .cop-label { flex: 1 1 100%; margin-bottom: 2px; }
.cp-fields .cop-val { flex: 1 1 auto; font-size: 0.92rem; }
.cp-fields .cop-long .cop-val { font-size: 0.78rem; }

/* Mygtukas */
.cp-sent {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    margin-top: 14px;
    padding: 1rem;
    border-radius: 13px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.93rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.cp-sent.hidden { display: none; }
.cp-sent:hover { opacity: 0.88; transform: translateY(-1px); }
.cp-sent:active { transform: translateY(0) scale(0.985); }

.cp-change {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    margin-top: 12px;
    padding: 0.7rem;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 0.82rem;
    color: #6e7280;
    cursor: pointer;
    transition: color 0.2s ease;
}

.cp-change:hover { color: #fff; }

/* ---------- MOBILE ---------- */
@media (max-width: 980px) {
    .cp-wrap { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .cp-card { padding: 1.3rem 1.2rem; }
    .cp-total b { font-size: 1.65rem; }
    .cp-steps { gap: 3px; }
    .cp-st { font-size: 0.7rem; gap: 5px; padding: 0.55rem 0.3rem; }
    .cp-st i { width: 17px; height: 17px; font-size: 0.62rem; }
    .cp-logo { width: 54px; height: 54px; }
    .cp-logo svg { width: 26px; height: 26px; }
}

/* ============================================================
   V30 — PRODUKTO LANGAS
   ============================================================ */

.pm {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.pm.hidden { display: none; }

.pm-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(4, 5, 9, 0.74);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    opacity: 0;
    animation: pmBack 0.4s ease forwards;
}

@keyframes pmBack { to { opacity: 1; } }

.pm-box {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: min(520px, 100%);
    max-height: min(620px, 90vh);
    border-radius: 22px;
    overflow: hidden;
    background: #101014;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.8);
    opacity: 0;
    transform: translateY(18px) scale(0.98);
    animation: pmIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}

@keyframes pmIn {
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.pm-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, border-color 0.2s ease, transform 0.25s ease;
}

.pm-close:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); transform: rotate(90deg); }

/* ---------- TURINYS ---------- */
.pm-scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 2rem 1.9rem 1.4rem;
}

.pm-scroll::-webkit-scrollbar { width: 5px; }
.pm-scroll::-webkit-scrollbar-track { background: transparent; }
.pm-scroll::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 3px; }

.pm-tag {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0.9rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: #9a9aa3;
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.pm-title {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.5rem, 3vw, 1.9rem);
    font-weight: 800;
    letter-spacing: -0.9px;
    color: #fff;
    margin: 0 0 0.6rem;
    padding-right: 2.4rem;
}

.pm-desc {
    font-size: 0.88rem;
    line-height: 1.7;
    color: #9a9aa3;
    margin: 0 0 1.6rem;
}

.pm-label {
    display: block;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 0.8rem;
}

/* ---------- APAČIA ---------- */
.pm-foot {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1.1rem 1.9rem 1.3rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.018);
}

.pm-price { display: flex; flex-direction: column; gap: 2px; flex: 0 0 auto; }

.pm-price span {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #6e7280;
}

.pm-price b {
    font-family: 'Outfit', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.7px;
    color: #fff;
    line-height: 1;
}

.pm-cart {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0.9rem 1.3rem;
    border-radius: 12px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.pm-cart.hidden { display: none; }
.pm-cart:hover { opacity: 0.88; transform: translateY(-1px); }
.pm-cart:active { transform: translateY(0) scale(0.985); }

.pm-foot .vm-discord { flex: 1; margin: 0; padding: 0.9rem 1.2rem; font-size: 0.86rem; }

@media (max-width: 560px) {
    .pm { padding: 0; align-items: flex-end; }
    .pm-box {
        width: 100%;
        max-height: 88vh;
        border-radius: 20px 20px 0 0;
    }
    .pm-scroll { padding: 1.6rem 1.2rem 1rem; }
    .pm-foot { padding: 1rem 1.2rem 1.2rem; }
    .pm-price b { font-size: 1.35rem; }
}

/* ============================================================
   V29 — NAUJIENŲ LANGAS
   ============================================================ */

.news-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 1.3rem;
}

.ni {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0.8rem 0.9rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.07);
    cursor: pointer;
    opacity: 0;
    transform: translateY(10px);
    animation: newsCardIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    transition: border-color 0.25s ease, background 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.ni:nth-child(1) { animation-delay: 0.14s; }
.ni:nth-child(2) { animation-delay: 0.21s; }

@keyframes newsCardIn { to { opacity: 1; transform: translateY(0); } }

.ni:hover {
    border-color: rgba(94, 200, 255, 0.4);
    background: rgba(94, 200, 255, 0.05);
    transform: translateY(-2px);
}

/* Miniatiūra */
.ni-thumb {
    flex: 0 0 auto;
    width: 76px;
    height: 52px;
    border-radius: 10px;
    overflow: hidden;
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.07);
    display: block;
}

.ni-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.ni:hover .ni-thumb img { transform: scale(1.07); }

/* Tekstas */
.ni-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ni-top {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ni-top b {
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.3px;
    color: #fff;
}

.ni-tag {
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    white-space: nowrap;
}

.ni-new {
    background: rgba(94, 200, 255, 0.14);
    border: 1px solid rgba(94, 200, 255, 0.35);
    color: #5ec8ff;
}

.ni-upd {
    background: rgba(251, 191, 36, 0.13);
    border: 1px solid rgba(251, 191, 36, 0.35);
    color: #fbbf24;
}

.ni-txt {
    font-size: 0.79rem;
    line-height: 1.45;
    color: #9a9aa3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Kaina */
.ni-price {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1px;
    font-size: 0.66rem;
    color: #6e7280;
    white-space: nowrap;
}

.ni-price b {
    font-family: 'Outfit', sans-serif;
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: -0.4px;
    color: #5ec8ff;
    line-height: 1;
}

@media (max-width: 520px) {
    .ni { gap: 10px; padding: 0.7rem 0.75rem; }
    .ni-thumb { width: 60px; height: 42px; }
    .ni-top b { font-size: 0.9rem; }
    .ni-txt { font-size: 0.72rem; }
    .ni-price b { font-size: 0.98rem; }
}

/* ---------- PALAIKYMO EILUČIŲ ANIMACIJA ---------- */
.wu-rows .wu-row {
    position: relative;
    overflow: hidden;
    transition:
        border-color 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        color 0.45s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Kairysis akcento brūkšnys, kuris išauga iš viršaus */
.wu-rows .wu-row::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 0;
    background: #5ec8ff;
    border-radius: 0 2px 2px 0;
    transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.wu-rows .wu-row-active::before { height: 100%; }

/* Aktyvi eilutė lengvai pastumiama ir pašviesėja */
.wu-rows .wu-row-active {
    color: #ededf0;
    transform: translateX(3px);
}

/* Varnelė aktyvioje eilutėje */
.wu-rows .wu-row svg {
    transition: color 0.45s ease, transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wu-rows .wu-row-active svg {
    color: #5ec8ff;
    transform: scale(1.15);
}

/* Švelnus šviesos perbėgimas per aktyvią eilutę */
.wu-rows .wu-row::after {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 40%;
    height: 100%;
    background: linear-gradient(100deg, transparent, rgba(94, 200, 255, 0.07), transparent);
    opacity: 0;
    pointer-events: none;
}

.wu-rows .wu-row-active::after {
    animation: wuSweep 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes wuSweep {
    0%   { left: -50%; opacity: 1; }
    100% { left: 120%; opacity: 0; }
}

/* ============================================================
   V31 — ATSISKAITYMO ŠLIFAVIMAS
   ============================================================ */

/* Šoninė kortelė — aiškesnė antraštė */
.co-side .co-card:nth-of-type(2) {
    padding-top: 1.1rem;
}

.co-sum-row:first-child { padding-top: 0; }

/* Bendra suma išskirta į savo bloką */
.co-sum-total {
    align-items: center;
    margin-top: 10px;
    padding: 0.9rem 1rem;
    border-top: none;
    border-radius: 12px;
    background: rgba(94, 200, 255, 0.06);
    border: 1px solid rgba(94, 200, 255, 0.2);
}

.co-sum-total span {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #9a9aa3;
}

.co-sum-total b { color: #5ec8ff; }

/* Pastaba mažesnė */
.co-note {
    margin-top: 0.9rem;
    padding: 0.7rem 0.85rem;
    font-size: 0.72rem;
    line-height: 1.55;
}

/* Nuolaidos kodo blokas */
.co-code-head {
    font-size: 0.82rem;
    margin-bottom: 0.8rem;
}

.co-code-row input { padding: 0.68rem 0.9rem; font-size: 0.8rem; }
.co-code-row button { padding: 0.68rem 1rem; font-size: 0.8rem; }

/* Mokėjimo būdo kortelė */
.co-method { padding: 0.85rem 0.95rem; gap: 11px; }
.com-ico { width: 34px; height: 34px; border-radius: 10px; }
.com-ico svg { width: 18px; height: 18px; }
.com-txt b { font-size: 0.86rem; }
.com-txt i { font-size: 0.71rem; }

/* Skirtukai */
.co-tab { padding: 0.5rem 1.2rem; font-size: 0.82rem; }

/* El. pašto laukas */
.co-field { max-width: none; }
.co-field input { padding: 0.8rem 1rem 0.8rem 40px; font-size: 0.88rem; }
.co-lbl { margin-bottom: 7px; }

/* Tęsti mygtukas */
.co-continue { padding: 0.9rem; font-size: 0.9rem; border-radius: 12px; }

/* Prekių eilutės */
.coi-main b { font-size: 0.89rem; }
.coi-main i { font-size: 0.75rem; }
.coi-each { font-size: 0.69rem; }
.coi-price { font-size: 0.96rem; min-width: 60px; }

.coi-qty button { width: 26px; height: 26px; }
.coi-qty span { min-width: 22px; font-size: 0.82rem; }

/* Grįžimo mygtukas */
.co-back { margin-bottom: 1.1rem; padding: 6px 12px; font-size: 0.78rem; }

/* Tarpiniai plotiai — kad nesubyrėtų anksčiau laiko */
@media (max-width: 980px) {
    .co-wrap { grid-template-columns: minmax(0, 1fr) 290px; gap: 14px; }
    .co-card { padding: 1.1rem; }
    .co-item { padding: 0.8rem 0.9rem; gap: 10px; }
    .coi-av { width: 38px; height: 38px; }
    .co-methods { grid-template-columns: 1fr; }
}

@media (max-width: 780px) {
    .co-crumbs { padding: 1.4rem 0 1.1rem; }
    .co-side { margin-top: 4px; }

    /* Aukščiau (980px) esanti taisyklė vėl nustato dviejų stulpelių
       tinklelį — čia jį grąžiname į vieną stulpelį siauresniems
       ekranams, nes CSS eiliškumas kitaip laimėtų prieš platesnio
       lango taisyklę. */
    .co-wrap { grid-template-columns: 1fr !important; }
    .co-side { position: static !important; }
}

/* ============================================================
   V32 — ATSISKAITYMO 1-2 ŽINGSNIAI (vieningas stilius)
   ============================================================ */

.co-mt { margin-top: 14px; }

/* Antraštė su skirtukais dešinėje */
.co-step .cp-sec-head {
    align-items: center;
    margin-bottom: 1.1rem;
}

.co-step .cp-sec-head h3 { font-size: 1.1rem; }

.co-step .cp-sec-head span {
    padding: 3px 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    font-size: 0.72rem;
    color: #9a9aa3;
}

/* Skirtukai antraštėje */
.cp-sec-head .co-tabs {
    margin-bottom: 0;
    padding: 3px;
    border-radius: 10px;
}

.cp-sec-head .co-tab {
    padding: 0.4rem 0.9rem;
    font-size: 0.78rem;
    border-radius: 8px;
}

/* Paaiškinimas kortelėje */
.co-step .cp-card .co-sub {
    margin: -0.5rem 0 1.2rem;
    font-size: 0.82rem;
}

/* Grįžimo mygtukas */
.cp-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 7px 13px 7px 9px;
    border-radius: 9px;
    border: none;
    background: none;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease;
}

.cp-back:hover { color: #fff; background: rgba(255, 255, 255, 0.05); }

/* Prekių eilutės kortelėje */
.co-items { gap: 8px; }

.co-item {
    background: rgba(255, 255, 255, 0.028);
    border-color: rgba(255, 255, 255, 0.05);
}

/* Šoninė kortelė */
.co-side .cp-card { padding: 1.2rem 1.3rem; }

.co-side .cp-sec-head { margin-bottom: 0.9rem; }
.co-side .cp-sec-head h3 { font-size: 0.72rem; letter-spacing: 1.4px; color: #6e7280; }

.co-side .cp-row {
    padding: 7px 0;
    font-size: 0.83rem;
}

.co-side .cp-total {
    margin-top: 0.7rem;
    padding: 0.85rem 1rem;
    border-top: none;
    border-radius: 12px;
    background: rgba(94, 200, 255, 0.06);
    border: 1px solid rgba(94, 200, 255, 0.2);
    align-items: center;
}

.co-side .cp-total span {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #9a9aa3;
}

.co-side .cp-total b {
    font-size: 1.45rem;
    color: #5ec8ff;
}

/* Nuolaidos kodas */
.co-code-head {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 0.85rem;
}

.co-code-head svg { width: 15px; height: 15px; }

/* Mokėjimo būdai */
.co-methods { gap: 9px; }

@media (max-width: 780px) {
    .cp-sec-head { flex-wrap: wrap; gap: 10px; }
    .cp-sec-head .co-tabs { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
    .cp-sec-head .co-tab { text-align: center; }
}

/* ============================================================
   V33 — BACK TO SCHOOL AKCIJA
   ============================================================ */

/* ---------- VIRŠUTINĖ JUOSTA ---------- */
.top-bar-sale {
    background:
        linear-gradient(90deg,
            rgba(20, 40, 70, 0.6),
            rgba(12, 14, 20, 0.6) 55%,
            rgba(12, 14, 20, 0.6));
}

.top-bar-sale .tb-icon { color: #5ec8ff; }
.top-bar-sale .tb-text b { color: #5ec8ff; font-weight: 800; letter-spacing: 0.4px; }

.top-bar-sale .tb-btn {
    border: none;
    font-family: inherit;
    cursor: pointer;
}

/* ============================================================
   V34 — AKCIJOS KORTELĖS
   ============================================================ */

.sale-head { text-align: center; }
.sale-head h2 { margin-left: auto; margin-right: auto; }

/* Filtrai — suvienodinti su svetainės stiliumi */
.sale-tabs { justify-content: center; }

.sale-tabs .filter-tab.active {
    background: #fff !important;
    border-color: #fff !important;
    color: #0a0a0c !important;
    box-shadow: none !important;
}

/* Vienodo aukščio kortelės eilutėje */
#akcija-grid { align-items: stretch; }

/* ---------- KORTELĖ ---------- */
.sale-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.4rem 1.5rem 1.5rem;
    border-radius: 18px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    cursor: pointer;
    transition:
        border-color 0.25s ease,
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.sale-card:hover {
    border-color: rgba(94, 200, 255, 0.32);
    transform: translateY(-3px);
}

/* Nuolaidos ženklas */
.sale-off {
    position: absolute;
    top: 14px;
    right: 14px;
    padding: 4px 10px;
    border-radius: 8px;
    background: rgba(239, 68, 68, 0.14);
    border: 1px solid rgba(239, 68, 68, 0.4);
    color: #f87171;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.3px;
}

/* Antraštė */
.sc-head {
    margin-bottom: 1.1rem;
    padding-right: 4rem;
}

.sc-head .product-tag {
    display: inline-block;
    margin-bottom: 0.6rem;
}

.sc-head .product-name {
    font-family: 'Outfit', sans-serif;
    font-size: 1.12rem;
    font-weight: 800;
    letter-spacing: -0.4px;
    color: #fff;
    margin: 0;
}

/* ---------- VARIANTAI: plonos eilutės, be dėžučių ---------- */
.sv-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.sv-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    padding: 0.62rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.sv-row:last-child { border-bottom: none; }

.sv-name {
    flex: 1;
    min-width: 0;
    font-size: 0.82rem;
    color: #9a9aa3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sv-prices {
    flex: 0 0 auto;
    display: flex;
    align-items: baseline;
    gap: 9px;
}

.sv-old {
    font-size: 0.76rem;
    color: #55555f;
    text-decoration: line-through;
}

.sv-new {
    font-family: 'Outfit', sans-serif;
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: -0.3px;
    color: #fff;
    min-width: 54px;
    text-align: right;
}

/* ---------- MYGTUKAS ---------- */
.sc-btn {
    width: 100%;
    justify-content: center;
    margin-top: auto;
}

@media (max-width: 620px) {
    .sale-card { padding: 1.2rem 1.1rem 1.2rem; }
    .sc-head { padding-right: 3.4rem; }
    .sc-head .product-name { font-size: 1.02rem; }
    .sv-name { font-size: 0.77rem; }
    .sv-new { font-size: 0.94rem; min-width: 46px; }
}

/* Kortelių pasirodymas pakopomis */
.sale-card {
    opacity: 0;
    animation: coFade 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.sale-card:nth-child(1)  { animation-delay: 0.04s; }
.sale-card:nth-child(2)  { animation-delay: 0.09s; }
.sale-card:nth-child(3)  { animation-delay: 0.14s; }
.sale-card:nth-child(4)  { animation-delay: 0.19s; }
.sale-card:nth-child(5)  { animation-delay: 0.24s; }
.sale-card:nth-child(6)  { animation-delay: 0.29s; }
.sale-card:nth-child(n+7) { animation-delay: 0.34s; }

/* ============================================================
   V36 — AKCIJOS PRANEŠIMO LANGAS
   ============================================================ */

.news-box-sale {
    width: min(600px, 100%);
    padding: 0;
    overflow: hidden;
}

/* Uždarymo mygtukas — matomas ant nuotraukos */
.sale-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(6, 8, 15, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #e6e6ea;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.25s ease, border-color 0.2s ease;
}

.sale-close:hover {
    background: rgba(6, 8, 15, 0.92);
    border-color: rgba(255, 255, 255, 0.4);
    transform: rotate(90deg);
}

/* Baneris — visas paspaudžiamas */
.sale-banner {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: #06080f;
    line-height: 0;
    cursor: pointer;
    overflow: hidden;
}

.sale-banner img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.sale-banner:hover img { transform: scale(1.02); }

.sale-live {
    position: absolute;
    top: 14px;
    left: 14px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(6, 8, 15, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(74, 222, 128, 0.35);
    color: #4ade80;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    line-height: 1.5;
}

.sale-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.18);
    animation: newDot 1.8s ease-in-out infinite;
}

/* Apatinė juosta */
.sale-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 1rem 1.2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.sale-stats {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap;
}

.ss {
    font-size: 0.82rem;
    color: #9a9aa3;
    white-space: nowrap;
}

.ss b {
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: #5ec8ff;
    margin-right: 3px;
}

.ss-div {
    width: 1px;
    height: 15px;
    background: rgba(255, 255, 255, 0.14);
}

.sale-cta {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.75rem 1.5rem;
    border-radius: 11px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.87rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.sale-cta svg { transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1); }
.sale-cta:hover { opacity: 0.88; transform: translateY(-1px); }
.sale-cta:hover svg { transform: translateX(3px); }
.sale-cta:active { transform: translateY(0) scale(0.985); }

@media (max-width: 560px) {
    .news-box-sale { width: 100%; }

    .sale-bar {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 0.95rem 1rem 1.1rem;
    }

    .sale-stats { justify-content: center; }
    .sale-cta { width: 100%; justify-content: center; }
}

/* ============================================================
   V37 — IŠPARDUOTA, DISCORD MOKĖJIMAI, SĖKMĖS BŪSENA
   ============================================================ */

/* ---------- IŠPARDUOTA ---------- */
.new-badge.out-badge {
    background: #6b7280;
    color: #fff;
    box-shadow: 0 4px 16px -4px rgba(107, 114, 128, 0.7);
}

.new-badge.out-badge::before { background: #e5e7eb; }

/* Perbrauktos kainos produkto lange */
.variant-price.vp-out {
    color: #6e7280;
    text-decoration: line-through;
    text-decoration-color: rgba(255, 255, 255, 0.35);
}

.variant-price.vp-out em { text-decoration: none; }

/* Informacinis blokas, kai išparduota */
.vm-request.is-out {
    background: rgba(148, 163, 184, 0.06);
    border-color: rgba(148, 163, 184, 0.28);
}

.vm-request.is-out .vmr-ico {
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5e1;
}

.vm-request.is-out p b { color: #cbd5e1; }

/* ---------- DISCORD MOKĖJIMAI ---------- */
.cp-discord {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    margin-top: 4px;
    padding: 0.85rem 1.2rem;
    border-radius: 12px;
    background: #5865F2;
    color: #fff;
    font-size: 0.87rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}

.cp-discord:hover { background: #4752c4; transform: translateY(-1px); }
.cp-discord:active { transform: translateY(0) scale(0.985); }

/* ---------- SĖKMĖS BŪSENA ---------- */
.cp-logo.is-ok {
    background: rgba(74, 222, 128, 0.1);
    border-color: rgba(74, 222, 128, 0.35);
    color: #4ade80;
}

.cp-status.is-ok {
    background: rgba(74, 222, 128, 0.06);
    border-color: rgba(74, 222, 128, 0.28);
}

.cp-ok {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(74, 222, 128, 0.14);
    border: 1px solid rgba(74, 222, 128, 0.4);
    color: #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: csPop 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cp-ok svg { width: 16px; height: 16px; }

@keyframes csPop {
    from { transform: scale(0.4); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}

.cp-status.is-ok .cp-live {
    background: rgba(74, 222, 128, 0.14);
    border-color: rgba(74, 222, 128, 0.4);
    color: #4ade80;
}

/* Sėkmės kortelė */
.co-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 14px;
    padding: 1.6rem 1.4rem 1.5rem;
    border-radius: 17px;
    background: rgba(74, 222, 128, 0.06);
    border: 1px solid rgba(74, 222, 128, 0.3);
    animation: newsIn 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.co-success.hidden { display: none; }

.cs-ico {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(74, 222, 128, 0.14);
    border: 1px solid rgba(74, 222, 128, 0.4);
    color: #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    animation: csPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cs-ico svg { width: 26px; height: 26px; }

.co-success b {
    font-family: 'Outfit', sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #4ade80;
    margin-bottom: 0.5rem;
}

.co-success p {
    font-size: 0.86rem;
    line-height: 1.65;
    color: #c8c8d0;
    max-width: 340px;
    margin: 0 0 1.2rem;
}

/* Užsakymo numeris */
.cs-nr-box {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 0.85rem 1rem;
    margin-bottom: 1rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.cs-nr-box > span {
    flex: 1;
    text-align: left;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #6e7280;
}

.cs-nr-box > b {
    font-family: 'Outfit', monospace;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 1px;
    color: #fff;
    margin: 0;
}

.cs-copy {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.cs-copy svg { width: 15px; height: 15px; }
.cs-copy:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); }

.cs-copy.ok {
    color: #4ade80;
    border-color: rgba(74, 222, 128, 0.4);
    background: rgba(74, 222, 128, 0.1);
}

.cs-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    padding: 0.9rem 1.2rem;
    border-radius: 12px;
    background: #5865F2;
    color: #fff;
    font-size: 0.89rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}

.cs-btn:hover { background: #4752c4; transform: translateY(-1px); }

@media (max-width: 620px) {
    .co-success { padding: 1.3rem 1.1rem 1.2rem; }
    .cs-nr-box { flex-wrap: wrap; gap: 8px; }
    .cs-nr-box > span { flex: 1 1 100%; }
}

/* ---------- DISCORD MOKĖJIMO PRANEŠIMAS ---------- */
.co-dc-note {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    flex-wrap: wrap;
    margin-top: 12px;
    padding: 1.1rem 1.2rem;
    border-radius: 14px;
    background: rgba(88, 101, 242, 0.07);
    border: 1px solid rgba(88, 101, 242, 0.3);
    animation: coFade 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.co-dc-note.hidden { display: none; }

.cdn-ico {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: rgba(88, 101, 242, 0.15);
    color: #7d8bff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cdn-ico svg { width: 20px; height: 20px; }

.cdn-txt { flex: 1; min-width: 180px; }

.cdn-txt b {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    color: #7fd4ff;
    margin-bottom: 5px;
}

.cdn-txt p {
    font-size: 0.83rem;
    line-height: 1.6;
    color: #c8c8d0;
    margin: 0;
}

.cdn-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0.7rem 1.3rem;
    border-radius: 11px;
    background: #5865F2;
    color: #fff;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, transform 0.2s ease;
}

.cdn-btn:hover { background: #4752c4; transform: translateY(-1px); }

/* Užrakintas „Tęsti" mygtukas */
.co-continue.co-locked {
    background: rgba(88, 101, 242, 0.12) !important;
    color: #7d8bff !important;
    border: 1px solid rgba(88, 101, 242, 0.3);
    opacity: 1 !important;
    cursor: not-allowed;
}

.co-continue.co-locked::after { display: none !important; }

@media (max-width: 620px) {
    .co-dc-note { padding: 1rem; gap: 11px; }
    .cdn-btn { width: 100%; justify-content: center; }
}

/* ============================================================
   V38 — PROFILIO SISTEMA IR DĖŽUTĖS TELEFONE
   ============================================================ */

@media (max-width: 768px) {

    /* ---------- SKYDELIS ---------- */
    .panel-wrap { padding: 1.2rem 0 2.5rem; gap: 14px; }

    .ps-user {
        padding: 0 0 1rem;
        gap: 10px;
    }

    .ps-av { width: 38px; height: 38px; font-size: 0.95rem; }
    .ps-info b { font-size: 0.88rem; }
    .ps-info span { font-size: 0.72rem; }

    /* Skiltys — horizontali slenkanti juosta */
    .ps-nav {
        margin: 0 -16px;
        padding: 0 16px 6px;
        scrollbar-width: none;
    }

    .ps-nav::-webkit-scrollbar { display: none; }

    .ps-link {
        padding: 0.55rem 0.85rem;
        font-size: 0.78rem;
        border: 1px solid rgba(255, 255, 255, 0.07);
        background: rgba(255, 255, 255, 0.03);
        white-space: nowrap;
    }

    .ps-link svg { width: 15px; height: 15px; }
    .ps-link::before { display: none; }

    .ps-link.active {
        background: #fff;
        border-color: #fff;
        color: #0a0a0c;
    }

    .ps-link.active svg { color: #0a0a0c; }

    /* Antraštės */
    .pt-title { font-size: 1.35rem; margin-bottom: 1.1rem; }
    .pt-kicker { font-size: 0.62rem; }
    .pt-sub { font-size: 1rem; margin: 1.5rem 0 0.8rem; }

    /* Balanso kortelė */
    .bal-card { padding: 1.2rem; border-radius: 14px; }
    .bal-num { font-size: 1.8rem; }
    .bal-label { font-size: 0.62rem; }

    /* Statistikos — dvi per eilutę */
    .stat-row { grid-template-columns: 1fr 1fr; gap: 8px; }
    .stat-box { padding: 0.85rem 0.9rem; border-radius: 12px; }
    .stat-box:last-child { grid-column: span 2; }
    .sb-label { font-size: 0.6rem; letter-spacing: 0.9px; }
    .sb-val { font-size: 1.25rem; }

    /* Veiklos eilutės */
    .act-row { padding: 0.75rem 0.85rem; gap: 10px; border-radius: 11px; }
    .act-ico { width: 30px; height: 30px; border-radius: 8px; }
    .act-ico svg { width: 14px; height: 14px; }
    .act-mid b { font-size: 0.82rem; }
    .act-mid span { font-size: 0.68rem; }
    .act-tag { font-size: 0.66rem; padding: 3px 8px; }

    /* Tuščia būsena */
    .empty-box { padding: 2rem 1rem; }
    .empty-ico { width: 44px; height: 44px; margin-bottom: 0.8rem; }
    .empty-ico svg { width: 20px; height: 20px; }
    .empty-box b { font-size: 0.92rem; }
    .empty-box p { font-size: 0.79rem; }

    /* ---------- PINIGINĖ ---------- */
    .wal-top { grid-template-columns: 1fr; gap: 10px; }
    .wal-main { padding: 1.2rem; }
    .wal-num { font-size: 2rem; }

    .wal-side {
        flex-direction: row;
        justify-content: center;
        gap: 10px;
        padding: 0.9rem;
        min-width: 0;
    }

    .wal-coin-ico { width: 24px; height: 24px; margin-bottom: 0; }
    .wal-coin-num { font-size: 1.3rem; }

    .wal-soon { padding: 2rem 1rem 1.8rem; }
    .wal-soon-title { font-size: 1.3rem; gap: 0.28em; }
    .wal-soon-sub { font-size: 0.82rem; margin-bottom: 1.5rem; }
    .wal-steps { flex-direction: column; width: 100%; gap: 8px; }
    .wal-step { width: 100%; padding: 0.65rem 0.9rem; }

    /* ---------- DĖŽUTĖS ---------- */
    .ev-head { gap: 10px; margin-bottom: 1.2rem; }
    .ev-sub { font-size: 0.82rem; }
    .ev-coins { padding: 7px 13px; font-size: 0.76rem; }
    .ev-coins b { font-size: 0.95rem; }
    .ev-section { margin: 1.6rem 0 0.8rem; font-size: 0.66rem; }

    /* Dienos dėžutė */
    .free-box {
        flex-wrap: wrap;
        padding: 1.1rem;
        gap: 12px;
    }

    .fb-img { width: 50px; height: 50px; border-radius: 13px; }
    .fb-img svg { width: 26px; height: 26px; }
    .fb-left { flex: 1 1 calc(100% - 62px); }
    .fb-left h3 { font-size: 0.98rem; }
    .fb-left p { font-size: 0.78rem; }
    .fb-tag { font-size: 0.56rem; padding: 2px 8px; }
    .fb-btn { flex: 1 1 100%; padding: 0.8rem; font-size: 0.85rem; }

    /* Dėžučių tinklelis */
    .box-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .box-card { padding: 0.9rem; border-radius: 14px; }
    .bc-img { border-radius: 11px; margin-bottom: 0.75rem; }
    .px-art { width: 56% !important; height: 56% !important; }
    .bc-tag { font-size: 0.55rem; padding: 3px 8px; top: 8px; left: 8px; }
    .bc-cost { font-size: 0.68rem; margin-bottom: 0.7rem; }
    .bc-cost b { font-size: 1.15rem; }
    .bc-actions { gap: 6px; }
    .bc-open { padding: 0.6rem 0.5rem; font-size: 0.74rem; letter-spacing: 0.4px; }
    .bc-info { width: 34px; }
    .bc-info svg { width: 15px; height: 15px; }

    /* Pakvietimo nuoroda */
    .ref-card { padding: 1.2rem 1.1rem; margin-top: 1.4rem; }
    .ref-head { gap: 11px; margin-bottom: 1rem; }
    .ref-ico { width: 36px; height: 36px; border-radius: 10px; }
    .ref-ico svg { width: 17px; height: 17px; }
    .ref-head-txt b { font-size: 0.9rem; }
    .ref-head-txt i { font-size: 0.76rem; }
    .ref-row input { font-size: 0.75rem; padding: 0.7rem 0.85rem; }

    /* ---------- CASE OPENING ---------- */
    .case-box { padding: 1.3rem 0.9rem 1.2rem; border-radius: 18px; }
    .case-name { font-size: 0.64rem; margin-bottom: 1rem; letter-spacing: 1.6px; }

    .reel-wrap { height: 124px; border-radius: 12px; }
    .reel { gap: 8px; padding: 10px 0; }
    .reel-item { flex: 0 0 92px; width: 92px; height: 104px; gap: 7px; padding: 8px; border-radius: 10px; }
    .ri-ico { width: 26px; height: 26px; }
    .ri-name { font-size: 0.58rem; -webkit-line-clamp: 2; }
    .reel-fade { width: 38px; }

    .case-result { margin-top: 1.2rem; }
    .cr-label { font-size: 0.62rem; }
    .cr-name { font-size: 1.25rem; }
    .cr-chance { font-size: 0.76rem; margin-bottom: 1rem; }
    .cr-btn { width: 100%; padding: 0.8rem; }

    .cr-note { padding: 0.85rem 0.9rem; margin-bottom: 1rem; }
    .crn-ico { width: 28px; height: 28px; border-radius: 8px; }
    .crn-ico svg { width: 14px; height: 14px; }
    .crn-txt { font-size: 0.78rem; }

    /* Prizų sąrašas */
    .pz-row { padding: 7px 10px; }
    .pz-name { font-size: 0.76rem; }
    .pz-ch { font-size: 0.74rem; }

    /* ---------- UŽSAKYMAI ---------- */
    .ord-page { padding: 1.2rem 0 2.5rem; }
    .cp-top { gap: 10px; margin-bottom: 1rem; }
    .cp-badges { width: 100%; justify-content: space-between; }
    .cp-badge { font-size: 0.72rem; padding: 6px 11px; }
}

/* Labai siauri ekranai */
@media (max-width: 380px) {
    .box-grid { grid-template-columns: 1fr; }
    .stat-row { grid-template-columns: 1fr; }
    .stat-box:last-child { grid-column: span 1; }
    .reel-item { flex: 0 0 84px; width: 84px; height: 96px; }
    .wal-soon-title { font-size: 1.1rem; }
}

/* ============================================================
   V39 — PAGALBA, TICKETAI, ADMIN
   ============================================================ */

/* Skaitiklis navigacijoje */
.ps-count {
    margin-left: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    background: #5ec8ff;
    color: #0a0a0c;
    font-size: 0.68rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ps-count.hidden { display: none; }

.ps-link.ps-admin { color: #fbbf24; }
.ps-link.ps-admin svg { color: #fbbf24; }
.ps-link.ps-admin.active { background: rgba(251, 191, 36, 0.12); }

/* ---------- PAGALBA ---------- */
.help-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 16px;
    align-items: start;
}

.help-form {
    padding: 1.5rem;
    border-radius: 17px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.help-area {
    width: 100%;
    min-height: 150px;
    padding: 0.9rem 1rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.88rem;
    line-height: 1.6;
    resize: vertical;
    outline: none;
    transition: border-color 0.2s ease;
}

.help-area:focus { border-color: rgba(94, 200, 255, 0.5); }
.help-area::placeholder { color: #55555f; }

.help-count {
    text-align: right;
    font-size: 0.72rem;
    color: #55555f;
    margin-top: 6px;
}

.help-ok {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 1rem 1.1rem;
    margin-top: 12px;
    border-radius: 12px;
    background: rgba(74, 222, 128, 0.07);
    border: 1px solid rgba(74, 222, 128, 0.3);
    font-size: 0.83rem;
    line-height: 1.6;
    color: #c8c8d0;
    animation: coFade 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.help-ok.hidden { display: none; }
.help-ok > b { font-size: 0.95rem; color: #4ade80; }
.help-ok b { color: #fff; }

.help-send {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    margin-top: 14px;
    padding: 0.95rem;
    border-radius: 12px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.help-send:hover:not(:disabled) { opacity: 0.88; transform: translateY(-1px); }
.help-send:disabled { opacity: 0.5; cursor: not-allowed; }

/* Šoninė informacija */
.help-info { display: flex; flex-direction: column; gap: 10px; }

.hi-card {
    padding: 1.1rem 1.2rem;
    border-radius: 15px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.hi-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.24);
    color: #5ec8ff;
    margin-bottom: 0.8rem;
}

.hi-ico svg { width: 17px; height: 17px; }

.hi-card b { display: block; font-size: 0.9rem; color: #fff; margin-bottom: 0.45rem; }
.hi-card p { font-size: 0.81rem; line-height: 1.6; color: #9a9aa3; margin: 0; }
.hi-card p b { display: inline; font-size: inherit; }

.hi-dc .hi-ico { background: rgba(88, 101, 242, 0.13); border-color: rgba(88, 101, 242, 0.3); color: #7d8bff; }

.hi-dc a {
    display: inline-flex;
    margin-top: 0.8rem;
    padding: 0.6rem 1.1rem;
    border-radius: 9px;
    background: #5865F2;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease;
}

.hi-dc a:hover { background: #4752c4; }

/* ---------- TICKETAI ---------- */
.tk-list { display: flex; flex-direction: column; gap: 10px; }

.tk-card {
    border-radius: 15px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    overflow: hidden;
    transition: border-color 0.25s ease;
}

.tk-card.open { border-color: rgba(94, 200, 255, 0.3); }

.tk-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    padding: 1rem 1.2rem;
    border: none;
    background: none;
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s ease;
}

.tk-head:hover { background: rgba(255, 255, 255, 0.025); }

.tk-h-left { display: flex; align-items: center; gap: 11px; min-width: 0; flex-wrap: wrap; }

.tk-nr {
    font-family: 'Outfit', monospace;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.6px;
    color: #5ec8ff;
    padding: 3px 9px;
    border-radius: 7px;
    background: rgba(94, 200, 255, 0.1);
}

.tk-h-left b {
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tk-user { font-style: normal; font-size: 0.76rem; color: #6e7280; }

.tk-h-right { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }

.tk-arrow {
    width: 16px;
    height: 16px;
    color: #6e7280;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.tk-card.open .tk-arrow { transform: rotate(180deg); }

.tk-badge {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.tk-new    { background: rgba(94, 200, 255, 0.13); border: 1px solid rgba(94, 200, 255, 0.32); color: #5ec8ff; }
.tk-wait   { background: rgba(251, 191, 36, 0.13); border: 1px solid rgba(251, 191, 36, 0.32); color: #fbbf24; }
.tk-ans    { background: rgba(74, 222, 128, 0.13); border: 1px solid rgba(74, 222, 128, 0.32); color: #4ade80; }
.tk-closed { background: rgba(148, 163, 184, 0.12); border: 1px solid rgba(148, 163, 184, 0.28); color: #94a3b8; }

/* Turinys */
.tk-body {
    display: none;
    padding: 0 1.2rem 1.2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.tk-card.open .tk-body { display: block; animation: coFade 0.35s ease both; }

.adm-meta {
    padding: 0.8rem 0 0;
    font-size: 0.75rem;
    color: #6e7280;
}

.tkm {
    padding: 0.9rem 1rem;
    margin-top: 12px;
    border-radius: 12px;
}

.tkm-usr { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); }
.tkm-adm { background: rgba(94, 200, 255, 0.06); border: 1px solid rgba(94, 200, 255, 0.22); }

.tkm-who {
    display: flex;
    align-items: baseline;
    gap: 9px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #ededf0;
    margin-bottom: 6px;
}

.tkm-adm .tkm-who { color: #5ec8ff; }
.tkm-who i { font-style: normal; font-size: 0.7rem; font-weight: 400; color: #55555f; }

.tkm p {
    font-size: 0.85rem;
    line-height: 1.65;
    color: #c8c8d0;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Atsakymo laukas */
.tk-reply { display: flex; gap: 9px; margin-top: 14px; }

.tk-reply textarea {
    flex: 1;
    min-height: 44px;
    max-height: 140px;
    padding: 0.7rem 0.9rem;
    border-radius: 11px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.84rem;
    line-height: 1.5;
    resize: vertical;
    outline: none;
}

.tk-reply textarea:focus { border-color: rgba(94, 200, 255, 0.45); }

.tk-reply button {
    flex: 0 0 auto;
    padding: 0 1.3rem;
    border-radius: 11px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.tk-reply button:hover { opacity: 0.88; }
.tk-reply button:disabled { opacity: 0.5; }

.tk-closed-note {
    margin-top: 14px;
    padding: 0.8rem 1rem;
    border-radius: 11px;
    background: rgba(148, 163, 184, 0.07);
    border: 1px solid rgba(148, 163, 184, 0.22);
    font-size: 0.8rem;
    color: #94a3b8;
}

.empty-btn {
    margin-top: 1rem;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
}

/* ---------- ADMIN ---------- */
.adm-login {
    max-width: 420px;
    margin: 2rem auto;
    padding: 2rem 1.8rem;
    border-radius: 18px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    text-align: center;
}

.adm-lock {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 0 auto 1.2rem;
    border-radius: 16px;
    background: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.28);
    color: #fbbf24;
}

.adm-lock svg { width: 26px; height: 26px; }

.adm-login > b {
    display: block;
    font-family: 'Outfit', sans-serif;
    font-size: 1.15rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0.5rem;
}

.adm-login > p { font-size: 0.85rem; color: #9a9aa3; margin: 0 0 1.5rem; }
.adm-field { margin-bottom: 12px; }

/* Skydelis */
.adm-panel.hidden, .adm-login.hidden { display: none; }

.adm-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 1.4rem;
}

.adm-top .pt-title { margin-bottom: 0; }

.adm-top-btns { display: flex; align-items: center; gap: 10px; }

.adm-live {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.3);
    color: #4ade80;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.adm-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4ade80;
    animation: newDot 1.8s ease-in-out infinite;
}

.adm-out {
    padding: 0.5rem 1.1rem;
    border-radius: 9px;
    border: 1px solid rgba(248, 113, 113, 0.3);
    background: rgba(248, 113, 113, 0.08);
    color: #f87171;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.adm-out:hover { background: rgba(248, 113, 113, 0.16); }

/* Statistikos */
.adm-stats {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-bottom: 1.4rem;
}

.adm-stat {
    padding: 1rem 1.1rem;
    border-radius: 14px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.adm-stat b {
    display: block;
    font-family: 'Outfit', sans-serif;
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -0.6px;
    color: #fff;
    line-height: 1;
    margin-bottom: 5px;
}

.adm-stat span {
    font-size: 0.72rem;
    color: #6e7280;
}

.adm-stat.is-warn b { color: #fbbf24; }

/* Skirtukai */
.adm-tabs {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    margin-bottom: 1.2rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.adm-tab {
    padding: 0.5rem 1.2rem;
    border-radius: 9px;
    border: none;
    background: none;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.adm-tab.active { background: #fff; color: #0a0a0c; font-weight: 700; }

.adm-pane.hidden { display: none; }
.adm-pane { display: flex; flex-direction: column; gap: 10px; }

.adm-busenos {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.adm-busenos > span { font-size: 0.75rem; color: #6e7280; margin-right: 4px; }

.adm-bb {
    padding: 0.4rem 0.9rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.adm-bb:hover { color: #fff; border-color: rgba(255, 255, 255, 0.28); }
.adm-bb.active { background: rgba(94, 200, 255, 0.14); border-color: rgba(94, 200, 255, 0.4); color: #5ec8ff; }

/* Užsakymų lentelė */
.adm-table {
    border-radius: 15px;
    overflow: hidden;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.adm-tr {
    display: grid;
    grid-template-columns: 110px 1.2fr 1.6fr 90px 110px;
    gap: 12px;
    align-items: center;
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 0.82rem;
    color: #c8c8d0;
}

.adm-tr:last-child { border-bottom: none; }

.adm-th {
    background: rgba(255, 255, 255, 0.028);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #6e7280;
}

.adm-tr > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

.adm-tr i {
    display: block;
    font-style: normal;
    font-size: 0.72rem;
    color: #55555f;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ao-nr { font-family: 'Outfit', monospace; font-weight: 700; color: #5ec8ff; }
.ao-items { font-size: 0.78rem; color: #9a9aa3; }
.ao-sum { font-family: 'Outfit', sans-serif; font-weight: 800; color: #fff; }

/* ---------- REIKIA PRISIJUNGTI ---------- */
.co-need-login {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 14px;
    padding: 1.3rem 1.4rem;
    border-radius: 16px;
    background: rgba(94, 200, 255, 0.06);
    border: 1px solid rgba(94, 200, 255, 0.28);
    animation: coFade 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.co-need-login.hidden { display: none; }

.cnl-ico {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(94, 200, 255, 0.13);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cnl-ico svg { width: 21px; height: 21px; }

.cnl-txt { flex: 1; min-width: 200px; }
.cnl-txt b { display: block; font-size: 0.98rem; color: #fff; margin-bottom: 5px; }
.cnl-txt p { font-size: 0.84rem; line-height: 1.6; color: #9a9aa3; margin: 0; }

.cnl-btns { display: flex; gap: 9px; flex-wrap: wrap; }

.cnl-main, .cnl-alt {
    padding: 0.75rem 1.4rem;
    border-radius: 11px;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.cnl-main { border: none; background: #fff; color: #0a0a0c; }
.cnl-main:hover { opacity: 0.88; }

.cnl-alt {
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: transparent;
    color: #ededf0;
}

.cnl-alt:hover { border-color: rgba(255, 255, 255, 0.32); }

/* ---------- MOBILE ---------- */
@media (max-width: 900px) {
    .help-wrap { grid-template-columns: 1fr; }
    .adm-stats { grid-template-columns: 1fr 1fr; }
    .adm-tr { grid-template-columns: 1fr; gap: 6px; padding: 0.9rem 1rem; }
    .adm-th { display: none; }
    .adm-tr > span:first-child { font-size: 0.9rem; }
}

@media (max-width: 768px) {
    .help-form { padding: 1.2rem 1.1rem; }
    .help-area { min-height: 120px; font-size: 0.84rem; }
    .tk-head { padding: 0.9rem 1rem; gap: 10px; }
    .tk-h-left b { font-size: 0.84rem; }
    .tk-body { padding: 0 1rem 1rem; }
    .tk-reply { flex-direction: column; }
    .tk-reply button { width: 100%; padding: 0.75rem; }
    .adm-login { padding: 1.6rem 1.2rem; margin: 1rem auto; }
    .adm-top { flex-direction: column; }
    .adm-top-btns { width: 100%; justify-content: space-between; }
    .adm-tabs { width: 100%; }
    .adm-tab { flex: 1; text-align: center; }
    .cnl-btns { width: 100%; }
    .cnl-main, .cnl-alt { flex: 1; }
}

/* ============================================================
   V40 — PAGALBOS SKILTIS IR PRISIJUNGIMO LANGAS
   ============================================================ */

/* ---------- PAGALBA ---------- */
.hp-card {
    border-radius: 18px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    overflow: hidden;
}

.hp-head {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 1.3rem 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.015);
}

.hp-ico {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.25);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp-ico svg { width: 20px; height: 20px; }

.hp-head-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.hp-head-txt b { font-size: 0.95rem; color: #fff; }
.hp-head-txt span { font-size: 0.79rem; color: #6e7280; }

.hp-body { padding: 1.4rem 1.5rem 1.2rem; }

.hp-field { margin-bottom: 1.1rem; }

.hp-field label {
    display: block;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 8px;
}

.hp-field input,
.hp-field textarea {
    width: 100%;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.88rem;
    line-height: 1.6;
    outline: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.hp-field textarea { min-height: 140px; resize: vertical; }

.hp-field input:focus,
.hp-field textarea:focus {
    border-color: rgba(94, 200, 255, 0.45);
    background: rgba(0, 0, 0, 0.4);
}

.hp-field input::placeholder,
.hp-field textarea::placeholder { color: #4f4f58; }

.hp-count {
    text-align: right;
    font-size: 0.7rem;
    color: #4f4f58;
    margin-top: 6px;
}

/* Greitos temos */
.hp-quick {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    margin: -0.5rem 0 1.2rem;
}

.hp-quick > span {
    font-size: 0.74rem;
    color: #55555f;
    margin-right: 2px;
}

.hp-quick button {
    padding: 0.35rem 0.8rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.03);
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.hp-quick button:hover {
    color: #5ec8ff;
    border-color: rgba(94, 200, 255, 0.35);
    background: rgba(94, 200, 255, 0.07);
}

/* Pranešimai */
.hp-err, .hp-ok {
    padding: 0.85rem 1rem;
    border-radius: 11px;
    font-size: 0.83rem;
    line-height: 1.6;
    animation: coFade 0.35s ease both;
}

.hp-err {
    background: rgba(248, 113, 113, 0.08);
    border: 1px solid rgba(248, 113, 113, 0.3);
    color: #fca5a5;
}

.hp-ok {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: rgba(74, 222, 128, 0.07);
    border: 1px solid rgba(74, 222, 128, 0.3);
    color: #c8c8d0;
}

.hp-err.hidden, .hp-ok.hidden { display: none; }
.hp-ok > b { font-size: 0.92rem; color: #4ade80; }
.hp-ok b { color: #fff; }

/* Apačia */
.hp-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding: 1.1rem 1.5rem 1.3rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.hp-note {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    color: #6e7280;
}

.hp-note svg { width: 15px; height: 15px; flex: 0 0 auto; }

.hp-send {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0.8rem 1.8rem;
    border-radius: 11px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.87rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.hp-send:hover:not(:disabled) { opacity: 0.88; transform: translateY(-1px); }
.hp-send:disabled { opacity: 0.5; cursor: not-allowed; }

/* Papildomos kortelės */
.hp-alt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
}

.hpa {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem 1.2rem;
    border-radius: 15px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.hpa-ico {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.24);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hpa-ico svg { width: 17px; height: 17px; }

.hpa > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.hpa b { font-size: 0.86rem; color: #fff; }
.hpa span { font-size: 0.77rem; color: #6e7280; }

.hpa-dc .hpa-ico { background: rgba(88, 101, 242, 0.13); border-color: rgba(88, 101, 242, 0.3); color: #7d8bff; }

.hpa-dc a {
    flex: 0 0 auto;
    padding: 0.55rem 1.1rem;
    border-radius: 9px;
    background: #5865F2;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease;
}

.hpa-dc a:hover { background: #4752c4; }

/* ---------- PRISIJUNGIMO LANGAS ---------- */
.nl-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 100001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.nl-modal.hidden { display: none; }

.nl-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(4, 5, 9, 0.75);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    opacity: 0;
    animation: pmBack 0.4s ease forwards;
}

.nl-box {
    position: relative;
    z-index: 1;
    width: min(440px, 100%);
    padding: 2.2rem 1.9rem 1.9rem;
    border-radius: 20px;
    background: #101014;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.8);
    text-align: center;
    opacity: 0;
    transform: translateY(16px) scale(0.98);
    animation: pmIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}

.nl-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, transform 0.25s ease;
}

.nl-close:hover { color: #fff; transform: rotate(90deg); }

.nl-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 1.2rem;
    border-radius: 17px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.28);
    color: #5ec8ff;
}

.nl-ico svg { width: 27px; height: 27px; }

.nl-box h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.6px;
    color: #fff;
    margin: 0 0 0.6rem;
}

.nl-box > p {
    font-size: 0.87rem;
    line-height: 1.65;
    color: #9a9aa3;
    margin: 0 0 1.4rem;
}

.nl-list {
    list-style: none;
    margin: 0 0 1.6rem;
    padding: 1.1rem 1.2rem;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    flex-direction: column;
    gap: 11px;
    text-align: left;
}

.nl-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.83rem;
    line-height: 1.5;
    color: #c8c8d0;
}

.nl-list svg { flex: 0 0 auto; width: 15px; height: 15px; color: #4ade80; margin-top: 2px; }

.nl-btns { display: flex; flex-direction: column; gap: 9px; }

.nl-main, .nl-alt {
    width: 100%;
    padding: 0.9rem 1.3rem;
    border-radius: 12px;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.nl-main { border: none; background: #fff; color: #0a0a0c; }
.nl-main:hover { opacity: 0.88; transform: translateY(-1px); }

.nl-alt {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: transparent;
    color: #ededf0;
}

.nl-alt:hover { border-color: rgba(255, 255, 255, 0.3); }

@media (max-width: 768px) {
    .hp-head { padding: 1.1rem 1.2rem; }
    .hp-body { padding: 1.2rem 1.2rem 1rem; }
    .hp-foot { padding: 1rem 1.2rem 1.2rem; }
    .hp-send { width: 100%; justify-content: center; }
    .hp-note { width: 100%; }
    .hp-alt { grid-template-columns: 1fr; }
    .hpa { flex-wrap: wrap; }
    .hpa-dc a { width: 100%; text-align: center; }
    .nl-modal { padding: 0; align-items: flex-end; }
    .nl-box { width: 100%; border-radius: 20px 20px 0 0; padding: 1.8rem 1.3rem 1.5rem; }
}

/* ---------- GARSO MYGTUKAS IR UŽSAKYMŲ BŪSENOS ---------- */
.adm-snd {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    border: 1px solid rgba(94, 200, 255, 0.28);
    background: rgba(94, 200, 255, 0.08);
    color: #5ec8ff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.adm-snd svg { width: 16px; height: 16px; }
.adm-snd:hover { background: rgba(94, 200, 255, 0.16); }

.adm-snd.off {
    border-color: rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #55555f;
}

/* Užsakymo būsenos mygtukai */
.ao-st { display: flex; flex-direction: column; gap: 7px; align-items: flex-start; }

.ao-set { display: flex; gap: 4px; flex-wrap: wrap; }

.ao-b {
    padding: 0.25rem 0.6rem;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: transparent;
    color: #6e7280;
    font-family: inherit;
    font-size: 0.68rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ao-b:hover { color: #fff; border-color: rgba(255, 255, 255, 0.26); }
.ao-b.active { background: rgba(94, 200, 255, 0.13); border-color: rgba(94, 200, 255, 0.35); color: #5ec8ff; }

@media (max-width: 900px) {
    .ao-st { flex-direction: row; align-items: center; flex-wrap: wrap; }
}


/* Pinigų statistika išskirta */
.adm-stat.is-money {
    background:
        radial-gradient(120% 100% at 50% 0%, rgba(74, 222, 128, 0.08), transparent 60%),
        var(--card-bg);
    border-color: rgba(74, 222, 128, 0.3);
}

.adm-stat.is-money b { color: #4ade80; font-size: 1.45rem; }

@media (max-width: 900px) {
    .adm-stats { grid-template-columns: 1fr 1fr; }
    .adm-stat.is-money { grid-column: span 2; }
}

/* ============================================================
   V41 — GREIČIO OPTIMIZAVIMAS
   ============================================================ */

/* Nuotraukos nešokinėja kraunantis (animacijų neliečia) */
.product-card-image {
    content-visibility: auto;
    contain-intrinsic-size: auto 200px;
}

/* Sunkūs blur efektai — tik ten, kur tikrai reikia.
   Telefonuose backdrop-filter labai brangus, todėl silpninam. */
@media (max-width: 768px) {
    .pm-backdrop,
    .nl-backdrop,
    .news-backdrop {
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .sale-live,
    .pm-tag,
    .sale-close {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(6, 8, 15, 0.9);
    }
}

/* Animacijos naudoja tik transform/opacity — nesukelia perpiešimo */
.product-card:hover,
.sale-card:hover {
    will-change: transform;
}

/* Fono efektai nepiešiami, kai puslapis nematomas */
.stars-canvas {
    contain: layout paint;
}

/* Vartotojams, kurie išjungė animacijas sistemoje */
/* Sistemos „mažinti animacijas" nustatymas išjungia tik fono efektus.
   Turinio pasirodymo animacijos lieka — be jų svetainė atrodo sulaužyta. */
@media (prefers-reduced-motion: reduce) {
    .meteor,
    .float-item,
    .nebula {
        animation: none !important;
    }
}

/* Fono animacijos stabdomos, kai kortelė nematoma */
body.dt-paused .meteor,
body.dt-paused .float-item,
body.dt-paused .nebula {
    animation-play-state: paused !important;
}

/* Telefonuose mažiau plaukiojančių elementų — mažiau perpiešimo */
@media (max-width: 768px) {
    .float-item:nth-child(n+5) { display: none; }
    .meteor:nth-child(n+3) { display: none; }
    .nebula { filter: blur(40px); }
}

/* ============================================================
   V42 — UŽSAKYMŲ SĄRAŠAS PROFILYJE
   ============================================================ */

#orders-list { display: flex; flex-direction: column; gap: 12px; }

.my-ord {
    padding: 1.2rem 1.3rem 1.3rem;
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    transition: border-color 0.25s ease;
}

.my-ord:hover { border-color: rgba(255, 255, 255, 0.14); }

/* Viršus */
.oc-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.oc-nr {
    font-family: 'Outfit', monospace;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 1px;
    color: #fff;
}

.oc-badge {
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.os-wait   { background: rgba(251, 191, 36, 0.13); border: 1px solid rgba(251, 191, 36, 0.32); color: #fbbf24; }
.os-paid   { background: rgba(94, 200, 255, 0.13); border: 1px solid rgba(94, 200, 255, 0.32); color: #5ec8ff; }
.os-done   { background: rgba(74, 222, 128, 0.13); border: 1px solid rgba(74, 222, 128, 0.32); color: #4ade80; }
.os-cancel { background: rgba(248, 113, 113, 0.12); border: 1px solid rgba(248, 113, 113, 0.3); color: #f87171; }

/* Prekės */
.oc-list { display: flex; flex-direction: column; gap: 8px; }

.oc-item {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0.7rem 0.85rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.oci-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }

.oci-main b {
    font-size: 0.87rem;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oci-main i {
    font-style: normal;
    font-size: 0.75rem;
    color: #6e7280;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oci-right {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.oci-price {
    font-family: 'Outfit', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
}

.oci-qty { font-size: 0.7rem; color: #55555f; }

/* Informacija */
.oc-info {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.oc-info span {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.83rem;
    color: #ededf0;
    min-width: 0;
}

.oc-info i {
    font-style: normal;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #55555f;
}

.oc-tot {
    align-items: flex-end;
    text-align: right;
}

.oc-tot:not(i) {
    font-family: 'Outfit', sans-serif;
}

.oc-info .oc-tot {
    font-family: 'Outfit', sans-serif;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.4px;
    color: #5ec8ff;
}

/* Pastaba pagal būseną */
.oc-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 1rem;
    padding: 0.75rem 0.9rem;
    border-radius: 11px;
    background: rgba(251, 191, 36, 0.06);
    border: 1px solid rgba(251, 191, 36, 0.24);
    font-size: 0.8rem;
    line-height: 1.55;
    color: #d4d4d8;
}

.oc-note svg { flex: 0 0 auto; width: 15px; height: 15px; color: #fbbf24; margin-top: 2px; }

.oc-note-ok {
    background: rgba(74, 222, 128, 0.06);
    border-color: rgba(74, 222, 128, 0.26);
}

.oc-note-ok svg { color: #4ade80; }

.oc-note-bad {
    background: rgba(248, 113, 113, 0.06);
    border-color: rgba(248, 113, 113, 0.26);
}

.oc-note-bad svg { color: #f87171; }

@media (max-width: 700px) {
    .my-ord { padding: 1rem 1.1rem 1.1rem; }
    .oc-info { grid-template-columns: 1fr 1fr; gap: 10px; }
    .oc-tot, .oc-info .oc-tot { align-items: flex-start; text-align: left; }
    .oci-main b { font-size: 0.82rem; }
    .oc-note { font-size: 0.76rem; }
}

/* ============================================================
   V43 — MENIU IŠSLINKIMAS IŠ ŠONO
   ============================================================ */

.acc-menu,
.set-menu {
    position: fixed;
    top: 108px;
    right: 24px;
    z-index: 100000;
    border-radius: 16px;
    background: #101014;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 26px 64px rgba(0, 0, 0, 0.82);
    transform-origin: top right;
    animation: menuSlide 0.26s cubic-bezier(0.16, 1, 0.3, 1);
}

.acc-menu { width: 282px; padding: 6px; }
.set-menu { width: 252px; padding: 0.9rem 1rem 1rem; }

.set-menu.hidden, .acc-menu.hidden { display: none; }

/* Greitas išslinkimas iš dešinės */
@keyframes menuSlide {
    from { opacity: 0; transform: translateX(30px) scale(0.96); }
    to   { opacity: 1; transform: translateX(0) scale(1); }
}

/* Smaigalys į mygtuką */
.acc-menu::before,
.set-menu::before {
    content: '';
    position: absolute;
    top: -6px;
    right: 26px;
    width: 11px;
    height: 11px;
    background: #101014;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    transform: rotate(45deg);
}

/* Punktai atsiranda greitai, vienas po kito */
.acc-menu > *,
.set-menu > * {
    opacity: 0;
    animation: menuItem 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.acc-menu > *:nth-child(1), .set-menu > *:nth-child(1) { animation-delay: 0.04s; }
.acc-menu > *:nth-child(2), .set-menu > *:nth-child(2) { animation-delay: 0.07s; }
.acc-menu > *:nth-child(3), .set-menu > *:nth-child(3) { animation-delay: 0.10s; }
.acc-menu > *:nth-child(4) { animation-delay: 0.13s; }
.acc-menu > *:nth-child(5) { animation-delay: 0.16s; }
.acc-menu > *:nth-child(6) { animation-delay: 0.19s; }
.acc-menu > *:nth-child(n+7) { animation-delay: 0.22s; }

@keyframes menuItem {
    from { opacity: 0; transform: translateX(12px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* Ticketų skaitiklis meniu */
.am-count {
    margin-left: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    background: #5ec8ff;
    color: #0a0a0c;
    font-size: 0.68rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.am-count.hidden { display: none; }

/* Admin punktas meniu */
.am-item.am-adm { color: #fbbf24; }
.am-item.am-adm svg { color: #fbbf24; }
.am-item.am-adm:hover { background: rgba(251, 191, 36, 0.1); }

/* ---------- NUSTATYMŲ TURINYS ---------- */
.set-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 0.8rem;
    margin-bottom: 0.9rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    font-size: 0.8rem;
    font-weight: 700;
    color: #fff;
}

.set-head svg { width: 15px; height: 15px; color: #5ec8ff; }

.set-group { margin-bottom: 0.9rem; }
.set-group:last-child { margin-bottom: 0; }

.set-label {
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #55555f;
    margin-bottom: 7px;
}

.set-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }

.set-opts button {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0.55rem 0.7rem;
    border-radius: 9px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.79rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.18s ease;
}

.set-opts button:hover { color: #fff; border-color: rgba(255, 255, 255, 0.2); }

.set-opts button.active {
    background: rgba(94, 200, 255, 0.1);
    border-color: rgba(94, 200, 255, 0.4);
    color: #5ec8ff;
}

.set-flag {
    flex: 0 0 auto;
    width: 26px;
    height: 19px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.14);
}


.set-opts button.active .set-flag { background: rgba(94, 200, 255, 0.18); color: #5ec8ff; }

@media (max-width: 640px) {
    .acc-menu, .set-menu {
        top: auto;
        bottom: 14px;
        left: 12px;
        right: 12px;
        width: auto;
        transform-origin: bottom center;
        animation: menuUp 0.26s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .acc-menu::before, .set-menu::before { display: none; }

    @keyframes menuUp {
        from { opacity: 0; transform: translateY(22px) scale(0.97); }
        to   { opacity: 1; transform: translateY(0) scale(1); }
    }
}

/* ============================================================
   V44 — TICKETŲ DIZAINAS
   ============================================================ */

.tk-card {
    position: relative;
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    overflow: hidden;
    transition:
        border-color 0.3s ease,
        transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.3s ease;
}

/* Kairysis spalvotas brūkšnys pagal būseną */
.tk-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: rgba(255, 255, 255, 0.12);
    transition: background 0.3s ease;
}

.tk-card:hover {
    border-color: rgba(94, 200, 255, 0.32);
    transform: translateY(-2px);
    box-shadow: 0 14px 34px -18px rgba(0, 0, 0, 0.9);
}

.tk-card:hover::before { background: #5ec8ff; }
.tk-card.open { border-color: rgba(94, 200, 255, 0.35); }
.tk-card.open::before { background: #5ec8ff; }

.tk-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    padding: 1.1rem 1.3rem;
    border: none;
    background: none;
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.25s ease;
}

.tk-head:hover { background: rgba(255, 255, 255, 0.022); }

.tk-h-left { display: flex; align-items: center; gap: 11px; min-width: 0; flex-wrap: wrap; }

.tk-nr {
    font-family: 'Outfit', monospace;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.7px;
    color: #5ec8ff;
    padding: 3px 9px;
    border-radius: 7px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.2);
    transition: background 0.25s ease;
}

.tk-card:hover .tk-nr { background: rgba(94, 200, 255, 0.18); }

.tk-h-left b {
    font-size: 0.92rem;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tk-user { font-style: normal; font-size: 0.76rem; color: #6e7280; }

.tk-h-right { display: flex; align-items: center; gap: 11px; flex: 0 0 auto; }

.tk-arrow {
    width: 17px;
    height: 17px;
    color: #55555f;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), color 0.25s ease;
}

.tk-card:hover .tk-arrow { color: #5ec8ff; }
.tk-card.open .tk-arrow { transform: rotate(180deg); color: #5ec8ff; }

.tk-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.tk-badge::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
}

.tk-new    { background: rgba(94, 200, 255, 0.12); border: 1px solid rgba(94, 200, 255, 0.3); color: #5ec8ff; }
.tk-wait   { background: rgba(251, 191, 36, 0.12); border: 1px solid rgba(251, 191, 36, 0.3); color: #fbbf24; }
.tk-ans    { background: rgba(74, 222, 128, 0.12); border: 1px solid rgba(74, 222, 128, 0.3); color: #4ade80; }
.tk-closed { background: rgba(148, 163, 184, 0.1); border: 1px solid rgba(148, 163, 184, 0.26); color: #94a3b8; }

.tk-new::before { animation: newDot 2s ease-in-out infinite; }

/* Turinys */
.tk-body {
    display: none;
    padding: 0 1.3rem 1.3rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.tk-card.open .tk-body { display: block; animation: tkOpen 0.4s cubic-bezier(0.22, 1, 0.36, 1) both; }

@keyframes tkOpen {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.adm-meta { padding: 0.9rem 0 0; font-size: 0.75rem; color: #6e7280; }

/* Žinutės */
.tkm {
    position: relative;
    padding: 0.95rem 1.1rem;
    margin-top: 12px;
    border-radius: 13px;
    transition: border-color 0.25s ease;
}

.tkm-usr {
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.06);
    margin-right: 2rem;
}

.tkm-adm {
    background: rgba(94, 200, 255, 0.055);
    border: 1px solid rgba(94, 200, 255, 0.2);
    margin-left: 2rem;
}

.tkm:hover { border-color: rgba(255, 255, 255, 0.16); }
.tkm-adm:hover { border-color: rgba(94, 200, 255, 0.38); }

.tkm-who {
    display: flex;
    align-items: baseline;
    gap: 9px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #ededf0;
    margin-bottom: 6px;
}

.tkm-adm .tkm-who { color: #5ec8ff; }
.tkm-who i { font-style: normal; font-size: 0.7rem; font-weight: 400; color: #55555f; }

.tkm p {
    font-size: 0.86rem;
    line-height: 1.65;
    color: #c8c8d0;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Atsakymo laukas */
.tk-reply { display: flex; gap: 9px; margin-top: 16px; }

.tk-reply textarea {
    flex: 1;
    min-height: 46px;
    max-height: 150px;
    padding: 0.75rem 0.95rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.85rem;
    line-height: 1.5;
    resize: vertical;
    outline: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.tk-reply textarea:focus {
    border-color: rgba(94, 200, 255, 0.45);
    background: rgba(0, 0, 0, 0.4);
}

.tk-reply button {
    flex: 0 0 auto;
    padding: 0 1.4rem;
    border-radius: 12px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.tk-reply button:hover { opacity: 0.88; transform: translateY(-1px); }
.tk-reply button:disabled { opacity: 0.5; transform: none; }

.tk-closed-note {
    margin-top: 16px;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(148, 163, 184, 0.06);
    border: 1px solid rgba(148, 163, 184, 0.2);
    font-size: 0.81rem;
    color: #94a3b8;
}

@media (max-width: 768px) {
    .tk-head { padding: 0.95rem 1rem; gap: 10px; }
    .tk-h-left b { font-size: 0.85rem; }
    .tk-body { padding: 0 1rem 1.1rem; }
    .tkm-usr { margin-right: 0.8rem; }
    .tkm-adm { margin-left: 0.8rem; }
    .tk-reply { flex-direction: column; }
    .tk-reply button { width: 100%; padding: 0.8rem; }
}

/* ============================================================
   V45 — PROFILIO SKILČIŲ PERĖJIMAI
   ============================================================ */

/* Skiltis įslenka kaip vienas blokas.
   Viduje esančius elementus tvarko bendra reveal sistema — 
   dvi animacijos vienam elementui viena kitą laužo. */
.ptab {
    animation: ptabIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.ptab.hidden { display: none; animation: none; }

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

/* Skilčių mygtukai */
.ps-link {
    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.ps-link:hover { transform: translateX(3px); }

/* ============================================================
   V46 — PAYPAL PRANEŠIMAS
   ============================================================ */

.co-pp-note {
    margin-top: 12px;
    padding: 1.2rem 1.3rem;
    border-radius: 15px;
    background: rgba(251, 191, 36, 0.05);
    border: 1px solid rgba(251, 191, 36, 0.28);
    animation: coFade 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.co-pp-note.hidden { display: none; }

.ppn-head {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 0.8rem;
}

.ppn-ico {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(251, 191, 36, 0.14);
    color: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ppn-ico svg { width: 18px; height: 18px; }

.ppn-head b {
    font-size: 0.95rem;
    font-weight: 700;
    color: #fbbf24;
}

.ppn-txt {
    font-size: 0.85rem;
    line-height: 1.65;
    color: #d4d4d8;
    margin: 0 0 1rem;
}

.ppn-txt b { color: #fff; font-weight: 700; }
.ppn-txt i { color: #9a9aa3; font-style: italic; }

.ppn-why {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 0.9rem 1rem;
    margin-bottom: 0.9rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.ppn-w {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.82rem;
    line-height: 1.55;
    color: #c8c8d0;
}

.ppn-w svg { flex: 0 0 auto; width: 14px; height: 14px; color: #4ade80; margin-top: 3px; }
.ppn-w b { color: #fff; font-weight: 600; }

.ppn-bad svg { color: #f87171; }
.ppn-bad { color: #a1a1aa; }

.ppn-tip {
    padding: 0.7rem 0.9rem;
    border-radius: 10px;
    background: rgba(94, 200, 255, 0.06);
    border: 1px solid rgba(94, 200, 255, 0.22);
    font-size: 0.8rem;
    line-height: 1.55;
    color: #c8c8d0;
}

.ppn-tip b { color: #5ec8ff; }

@media (max-width: 620px) {
    .co-pp-note { padding: 1rem; }
    .ppn-txt, .ppn-w { font-size: 0.79rem; }
}

/* ============================================================
   V47 — VIENINGAS PASIRODYMAS IŠ ŠONŲ
   ============================================================ */

.reveal {
    opacity: 0;
    transition:
        opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Kryptys */
.reveal.rv-l,
.reveal.rv-r,
.reveal.rv-u { transform: translateY(34px); }

.reveal.in-view {
    opacity: 1;
    transform: none;
}

/* Perrašom senas taisykles, kad kryptys nesikirstų */
.products-grid .product-card.reveal:nth-child(odd),
.products-grid .product-card.reveal:nth-child(even) {
    transform: none;
}

.products-grid .product-card.reveal.rv-l,
.products-grid .product-card.reveal.rv-r,
.products-grid .product-card.reveal.rv-u { transform: translateY(34px); }



/* ============================================================
   V48 — PAYPAL LANGAS
   ============================================================ */

.pp-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 100002;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.pp-modal.hidden { display: none; }

.pp-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(4, 5, 9, 0.78);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    opacity: 0;
    animation: pmBack 0.4s ease forwards;
}

.pp-box {
    position: relative;
    z-index: 1;
    width: min(500px, 100%);
    max-height: 92vh;
    overflow-y: auto;
    padding: 2.2rem 2rem 1.9rem;
    border-radius: 22px;
    background: #101014;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.85);
    text-align: center;
    opacity: 0;
    transform: translateY(22px) scale(0.97);
    animation: ppIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.06s forwards;
}

@keyframes ppIn {
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.pp-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, transform 0.25s ease;
}

.pp-close:hover { color: #fff; transform: rotate(90deg); }

.pp-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 0 auto 1.1rem;
    border-radius: 18px;
    background: rgba(0, 156, 222, 0.12);
    border: 1px solid rgba(0, 156, 222, 0.32);
    color: #009cde;
    animation: csPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s both;
}

.pp-ico svg { width: 30px; height: 30px; }

.pp-kicker {
    display: block;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #fbbf24;
    margin-bottom: 0.7rem;
}

.pp-title {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.3rem, 3vw, 1.6rem);
    font-weight: 800;
    letter-spacing: -0.6px;
    color: #fff;
    margin: 0 0 0.9rem;
    line-height: 1.25;
}

.pp-title span { color: #fbbf24; }

.pp-lead {
    font-size: 0.87rem;
    line-height: 1.7;
    color: #9a9aa3;
    margin: 0 0 1.4rem;
}

.pp-lead b { color: #fff; }
.pp-lead i { color: #c8c8d0; font-style: italic; }

/* Punktai */
.pp-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-bottom: 1.2rem;
    text-align: left;
}

.pp-row {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.06);
    opacity: 0;
    animation: ptabItem 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}

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

.pp-row:nth-child(1) { animation-delay: 0.2s; }
.pp-row:nth-child(2) { animation-delay: 0.26s; }
.pp-row:nth-child(3) { animation-delay: 0.32s; }
.pp-row:nth-child(4) { animation-delay: 0.38s; }

/* F&F ir Notes — svarbiausios dvi taisyklės, todėl akcentuotos ryškiau */
.pp-ff {
    position: relative;
    background: rgba(94, 200, 255, 0.06);
    border-color: rgba(94, 200, 255, 0.28);
    align-items: center;
}

.pp-ff .pp-r-ico { background: rgba(94, 200, 255, 0.14); color: #5ec8ff; }
.pp-ff .pp-r-txt b i { font-style: italic; color: #5ec8ff; }

.pp-notes {
    position: relative;
    background: rgba(251, 191, 36, 0.055);
    border-color: rgba(251, 191, 36, 0.26);
    align-items: center;
}

.pp-notes .pp-r-ico { background: rgba(251, 191, 36, 0.14); color: #fbbf24; }

.pp-r-tag {
    flex: 0 0 auto;
    align-self: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(94, 200, 255, 0.16);
    border: 1px solid rgba(94, 200, 255, 0.4);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: #5ec8ff;
    white-space: nowrap;
}

.pp-r-tag-empty {
    background: rgba(251, 191, 36, 0.16);
    border-color: rgba(251, 191, 36, 0.4);
    color: #fbbf24;
}

.pp-r-ico {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pp-r-ico svg { width: 14px; height: 14px; }

.pp-ok .pp-r-ico { background: rgba(74, 222, 128, 0.13); color: #4ade80; }
.pp-bad .pp-r-ico { background: rgba(248, 113, 113, 0.13); color: #f87171; }

.pp-bad { background: rgba(248, 113, 113, 0.05); border-color: rgba(248, 113, 113, 0.22); }

.pp-r-txt { display: flex; flex-direction: column; gap: 3px; }
.pp-r-txt b { font-size: 0.85rem; font-weight: 600; color: #fff; }
.pp-r-txt i { font-style: normal; font-size: 0.78rem; line-height: 1.5; color: #8b8b96; }


.pp-btn {
    width: 100%;
    padding: 0.95rem;
    border-radius: 12px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.pp-btn:hover { opacity: 0.88; transform: translateY(-1px); }
.pp-btn:active { transform: translateY(0) scale(0.985); }

@media (max-width: 560px) {
    .pp-modal { padding: 0; align-items: flex-end; }
    .pp-box {
        width: 100%;
        max-height: 90vh;
        border-radius: 22px 22px 0 0;
        padding: 1.8rem 1.3rem 1.5rem;
    }
    .pp-lead { font-size: 0.81rem; }
}

/* ============================================================
   V49 — AKCIJOS LAIKMATIS
   ============================================================ */

.sale-timer {
    max-width: 620px;
    margin: 0 auto 2rem;
    padding: 1.4rem 1.6rem 1.5rem;
    border-radius: 20px;
    background:
        radial-gradient(120% 100% at 50% 0%, rgba(94, 200, 255, 0.07), transparent 60%),
        var(--card-bg);
    border: 1px solid rgba(94, 200, 255, 0.24);
    text-align: center;
}

.sale-timer.hidden { display: none; }

.st-head {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #5ec8ff;
    margin-bottom: 1.1rem;
}

.st-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #5ec8ff;
    box-shadow: 0 0 0 3px rgba(94, 200, 255, 0.18);
    animation: newDot 1.8s ease-in-out infinite;
}

/* Laikrodis */
.st-clock {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    margin-bottom: 1.3rem;
}

.st-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    min-width: 68px;
    padding: 0.8rem 0.5rem 0.7rem;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.st-unit b {
    font-family: 'Outfit', sans-serif;
    font-size: 1.9rem;
    font-weight: 800;
    letter-spacing: -1px;
    color: #fff;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.st-unit span {
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #6e7280;
}

.st-sep {
    font-family: 'Outfit', sans-serif;
    font-size: 1.6rem;
    font-weight: 800;
    color: #35353d;
    line-height: 1;
    padding-top: 0.85rem;
}

/* Skaičiaus pasikeitimas */
.st-tick { animation: stTick 0.35s cubic-bezier(0.22, 1, 0.36, 1); }

@keyframes stTick {
    0%   { transform: translateY(-5px); opacity: 0.35; }
    100% { transform: translateY(0); opacity: 1; }
}

/* Paskutinė para */
.sale-timer.st-baigia { border-color: rgba(248, 113, 113, 0.35); }
.sale-timer.st-baigia .st-head { color: #f87171; }
.sale-timer.st-baigia .st-dot { background: #f87171; box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.2); }
.sale-timer.st-baigia .st-unit { border-color: rgba(248, 113, 113, 0.22); }
.sale-timer.st-baigia .st-unit b { color: #fca5a5; }

/* Nuolaidos kodas */
.st-code {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    padding-top: 1.2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.st-code-l {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 0.85rem;
    color: #9a9aa3;
}

.st-code-l svg { width: 16px; height: 16px; color: #5ec8ff; flex: 0 0 auto; }
.st-code-l b { color: #fff; }

.st-code-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0.6rem 1.1rem;
    border-radius: 10px;
    border: 1px dashed rgba(94, 200, 255, 0.45);
    background: rgba(94, 200, 255, 0.08);
    color: #5ec8ff;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.22s ease;
}

.st-code-btn b {
    font-family: 'Outfit', monospace;
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.st-code-btn svg { width: 15px; height: 15px; }

.st-code-btn:hover {
    background: rgba(94, 200, 255, 0.16);
    border-color: rgba(94, 200, 255, 0.7);
    transform: translateY(-1px);
}

.st-code-btn.ok {
    background: rgba(74, 222, 128, 0.14);
    border-color: rgba(74, 222, 128, 0.5);
    border-style: solid;
    color: #4ade80;
}

/* Pasibaigus */
.sale-over {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 520px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
    border-radius: 20px;
    background: var(--card-bg);
    border: 1px dashed rgba(255, 255, 255, 0.14);
}

.sale-over.hidden { display: none; }

.so-ico {
    width: 58px;
    height: 58px;
    border-radius: 17px;
    background: rgba(148, 163, 184, 0.1);
    border: 1px solid rgba(148, 163, 184, 0.26);
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.2rem;
}

.so-ico svg { width: 27px; height: 27px; }

.sale-over b {
    font-family: 'Outfit', sans-serif;
    font-size: 1.2rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0.6rem;
}

.sale-over p {
    font-size: 0.88rem;
    line-height: 1.65;
    color: #9a9aa3;
    margin: 0;
}

@media (max-width: 620px) {
    .sale-timer { padding: 1.2rem 1rem 1.3rem; }
    .st-clock { gap: 4px; }
    .st-unit { min-width: 0; flex: 1; padding: 0.7rem 0.3rem 0.6rem; }
    .st-unit b { font-size: 1.45rem; }
    .st-unit span { font-size: 0.56rem; }
    .st-sep { font-size: 1.2rem; padding-top: 0.75rem; }
    .st-code { flex-direction: column; gap: 10px; }
    .st-code-btn { width: 100%; justify-content: center; }
}

/* ============================================================
   V50 — ANKETŲ SISTEMA
   ============================================================ */

/* Galimos anketos */
.ank-avail { display: flex; flex-direction: column; gap: 10px; margin-bottom: 0.5rem; }

.ank-card {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 1.1rem 1.2rem;
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    transition: border-color 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.ank-card:hover { border-color: rgba(94, 200, 255, 0.32); transform: translateY(-2px); }

.ank-c-ico {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.25);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ank-c-ico svg { width: 20px; height: 20px; }

.ank-c-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.ank-c-txt b { font-size: 0.94rem; color: #fff; }
.ank-c-txt span { font-size: 0.78rem; color: #6e7280; }

.ank-c-btn {
    flex: 0 0 auto;
    padding: 0.7rem 1.5rem;
    border-radius: 11px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.ank-c-btn:hover { opacity: 0.88; transform: translateY(-1px); }

.ank-c-wait {
    flex: 0 0 auto;
    padding: 0.55rem 1.1rem;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.12);
    border: 1px solid rgba(251, 191, 36, 0.3);
    color: #fbbf24;
    font-size: 0.76rem;
    font-weight: 700;
}

/* Sąrašas */
.ank-list { display: flex; flex-direction: column; gap: 10px; }

.ank-item {
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    overflow: hidden;
    transition: border-color 0.25s ease;
}

.ank-item.open { border-color: rgba(94, 200, 255, 0.32); }

.ank-i-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    padding: 1.05rem 1.25rem;
    border: none;
    background: none;
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.25s ease;
}

.ank-i-head:hover { background: rgba(255, 255, 255, 0.022); }

.ank-item .tk-body { display: none; padding: 0 1.25rem 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.06); }
.ank-item.open .tk-body { display: block; animation: tkOpen 0.4s cubic-bezier(0.22, 1, 0.36, 1) both; }

.ank-meta { padding: 0.9rem 0 0.3rem; font-size: 0.75rem; color: #6e7280; }

/* Būsenos */
.ab-wait { background: rgba(251, 191, 36, 0.12); border: 1px solid rgba(251, 191, 36, 0.3); color: #fbbf24; }
.ab-ok   { background: rgba(74, 222, 128, 0.12); border: 1px solid rgba(74, 222, 128, 0.3); color: #4ade80; }
.ab-no   { background: rgba(248, 113, 113, 0.12); border: 1px solid rgba(248, 113, 113, 0.3); color: #f87171; }

/* Klausimas ir atsakymas */
.anq {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0.85rem 1rem;
    margin-top: 9px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.anq-q {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #6e7280;
}

.anq-a {
    font-size: 0.86rem;
    line-height: 1.6;
    color: #ededf0;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Administracijos atsakymas */
.ank-kom {
    margin-top: 14px;
    padding: 0.95rem 1.1rem;
    border-radius: 12px;
}

.ank-kom.is-ok { background: rgba(74, 222, 128, 0.06); border: 1px solid rgba(74, 222, 128, 0.26); }
.ank-kom.is-no { background: rgba(248, 113, 113, 0.06); border: 1px solid rgba(248, 113, 113, 0.26); }

.ank-kom b { display: block; font-size: 0.8rem; margin-bottom: 5px; }
.ank-kom.is-ok b { color: #4ade80; }
.ank-kom.is-no b { color: #f87171; }
.ank-kom p { font-size: 0.85rem; line-height: 1.6; color: #c8c8d0; margin: 0; white-space: pre-wrap; }

/* ---------- PILDYMO LANGAS ---------- */
.ank-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 100002;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.ank-modal.hidden { display: none; }

.ank-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(4, 5, 9, 0.78);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    opacity: 0;
    animation: pmBack 0.4s ease forwards;
}

.ank-box {
    position: relative;
    z-index: 1;
    width: min(540px, 100%);
    max-height: 92vh;
    overflow-y: auto;
    padding: 2rem 1.9rem 1.8rem;
    border-radius: 22px;
    background: #101014;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.85);
    opacity: 0;
    transform: translateY(22px) scale(0.97);
    animation: ppIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}

.ank-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, transform 0.25s ease;
}

.ank-close:hover { color: #fff; transform: rotate(90deg); }

.ank-head { display: flex; align-items: center; gap: 13px; margin-bottom: 1rem; padding-right: 2.5rem; }

.ank-ico {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.28);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ank-ico svg { width: 22px; height: 22px; }

.ank-kicker {
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #5ec8ff;
    margin-bottom: 3px;
}

.ank-head h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #fff;
    margin: 0;
}

.ank-lead { font-size: 0.85rem; line-height: 1.65; color: #9a9aa3; margin: 0 0 1.4rem; }

.ank-fields { display: flex; flex-direction: column; gap: 1rem; }

.ank-f label {
    display: block;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 7px;
}

.ank-f input,
.ank-f textarea {
    width: 100%;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.88rem;
    line-height: 1.6;
    outline: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.ank-f textarea { min-height: 110px; resize: vertical; }

.ank-f input:focus,
.ank-f textarea:focus { border-color: rgba(94, 200, 255, 0.45); background: rgba(0, 0, 0, 0.4); }

.ank-f input::placeholder, .ank-f textarea::placeholder { color: #4f4f58; }

.ank-send {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    margin-top: 1.3rem;
    padding: 0.95rem;
    border-radius: 12px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.ank-send:hover:not(:disabled) { opacity: 0.88; transform: translateY(-1px); }
.ank-send:disabled { opacity: 0.5; }

/* ---------- ADMIN ---------- */
.adm-tab-c {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    margin-left: 7px;
    border-radius: 9px;
    background: #fbbf24;
    color: #0a0a0c;
    font-size: 0.64rem;
    font-weight: 800;
}

.adm-tab-c.hidden { display: none; }
.adm-tab.active .adm-tab-c { background: #0a0a0c; color: #fff; }

.ank-adm-form { margin-top: 16px; }

.ank-adm-form textarea {
    width: 100%;
    min-height: 70px;
    padding: 0.75rem 0.95rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.85rem;
    line-height: 1.5;
    resize: vertical;
    outline: none;
    margin-bottom: 10px;
}

.ank-adm-form textarea:focus { border-color: rgba(94, 200, 255, 0.45); }

.ank-adm-btns { display: flex; gap: 9px; }

.ank-b {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0.75rem 1rem;
    border-radius: 11px;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ank-b svg { width: 15px; height: 15px; }
.ank-b:disabled { opacity: 0.5; cursor: not-allowed; }

.ank-ok {
    border: 1px solid rgba(74, 222, 128, 0.4);
    background: rgba(74, 222, 128, 0.12);
    color: #4ade80;
}

.ank-ok:hover:not(:disabled) { background: rgba(74, 222, 128, 0.2); transform: translateY(-1px); }

.ank-no {
    border: 1px solid rgba(248, 113, 113, 0.4);
    background: rgba(248, 113, 113, 0.1);
    color: #f87171;
}

.ank-no:hover:not(:disabled) { background: rgba(248, 113, 113, 0.18); transform: translateY(-1px); }

@media (max-width: 640px) {
    .ank-card { flex-wrap: wrap; }
    .ank-c-btn, .ank-c-wait { width: 100%; text-align: center; }
    .ank-modal { padding: 0; align-items: flex-end; }
    .ank-box { width: 100%; max-height: 90vh; border-radius: 22px 22px 0 0; padding: 1.7rem 1.2rem 1.4rem; }
    .ank-adm-btns { flex-direction: column; }
}

/* ============================================================
   V51 — ATSILIEPIMAI IR PREKIŲ VALDYMAS
   ============================================================ */

/* Mygtukas užsakymo kortelėje */
.rev-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 1rem;
    padding: 0.75rem 1.4rem;
    border-radius: 12px;
    border: 1px solid rgba(94, 200, 255, 0.45);
    background: rgba(94, 200, 255, 0.1);
    color: #5ec8ff;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(94, 200, 255, 0);
    transition: all 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.rev-btn svg { width: 16px; height: 16px; }

.rev-btn:hover:not(:disabled) {
    background: rgba(94, 200, 255, 0.18);
    border-color: rgba(94, 200, 255, 0.7);
    transform: translateY(-2px);
    box-shadow: 0 8px 26px -8px rgba(94, 200, 255, 0.75);
}

.rev-btn.done {
    border-color: rgba(74, 222, 128, 0.35);
    background: rgba(74, 222, 128, 0.08);
    color: #4ade80;
    cursor: default;
}

/* ---------- ATSILIEPIMO LANGAS ---------- */
.rev-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 100002;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.rev-modal.hidden { display: none; }

.rev-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(4, 5, 9, 0.78);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    opacity: 0;
    animation: pmBack 0.4s ease forwards;
}

.rev-box {
    position: relative;
    z-index: 1;
    width: min(500px, 100%);
    max-height: 92vh;
    overflow-y: auto;
    padding: 2.1rem 1.9rem 1.8rem;
    border-radius: 22px;
    background: #101014;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.85);
    text-align: center;
    opacity: 0;
    transform: translateY(22px) scale(0.97);
    animation: ppIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}

.rev-close {
    position: absolute;
    top: 15px; right: 15px;
    width: 30px; height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: color 0.2s ease, transform 0.25s ease;
}

.rev-close:hover { color: #fff; transform: rotate(90deg); }

.rev-ico {
    display: flex; align-items: center; justify-content: center;
    width: 56px; height: 56px;
    margin: 0 auto 1rem;
    border-radius: 17px;
    background: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.3);
    color: #fbbf24;
    animation: csPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s both;
}

.rev-ico svg { width: 26px; height: 26px; }

.rev-kicker {
    display: block;
    font-size: 0.62rem; font-weight: 700; letter-spacing: 1.7px;
    text-transform: uppercase; color: #fbbf24; margin-bottom: 0.6rem;
}

.rev-title {
    font-family: 'Outfit', sans-serif;
    font-size: 1.45rem; font-weight: 800; letter-spacing: -0.7px;
    color: #fff; margin: 0 0 0.6rem;
}

.rev-lead { font-size: 0.86rem; line-height: 1.6; color: #9a9aa3; margin: 0 0 1.5rem; }
.rev-lead b { color: #5ec8ff; font-family: 'Outfit', monospace; }

/* Žvaigždutės */
.rev-stars { display: flex; justify-content: center; gap: 7px; margin-bottom: 0.6rem; }

.rev-stars button {
    width: 44px; height: 44px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.rev-stars svg { width: 32px; height: 32px; fill: #2a2a32; transition: fill 0.2s ease; }
.rev-stars button:hover { transform: scale(1.15); }
.rev-stars button.on svg { fill: #fbbf24; }

.rev-zv-txt {
    display: block;
    font-size: 0.82rem; color: #55555f; margin-bottom: 1.4rem;
    transition: color 0.25s ease;
}

.rev-zv-txt.on { color: #fbbf24; font-weight: 600; }

.rev-field { text-align: left; }

.rev-field label {
    display: block;
    font-size: 0.66rem; font-weight: 700; letter-spacing: 1.2px;
    text-transform: uppercase; color: #6e7280; margin-bottom: 7px;
}

.rev-field textarea {
    width: 100%; min-height: 110px;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ededf0; font-family: inherit; font-size: 0.88rem; line-height: 1.6;
    resize: vertical; outline: none;
    transition: border-color 0.2s ease;
}

.rev-field textarea:focus { border-color: rgba(94, 200, 255, 0.45); }
.rev-count { text-align: right; font-size: 0.7rem; color: #4f4f58; margin-top: 6px; }

.rev-send {
    display: flex; align-items: center; justify-content: center; gap: 9px;
    width: 100%; margin-top: 1.2rem; padding: 0.95rem;
    border-radius: 12px; border: none;
    background: #fff; color: #0a0a0c;
    font-family: inherit; font-size: 0.9rem; font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.rev-send:hover:not(:disabled) { opacity: 0.88; transform: translateY(-1px); }
.rev-send:disabled { opacity: 0.5; }

/* ---------- PUSLAPIO ATSILIEPIMAI ---------- */
.psr-stats { display: flex; justify-content: center; margin-bottom: 1.6rem; }

.psr-avg {
    display: inline-flex; align-items: center; gap: 12px;
    padding: 0.8rem 1.3rem;
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.psr-avg > b {
    font-family: 'Outfit', sans-serif;
    font-size: 1.8rem; font-weight: 800; letter-spacing: -0.8px;
    color: #fbbf24; line-height: 1;
}

.psr-avg-s { display: flex; gap: 3px; }
.psr-avg i { font-style: normal; font-size: 0.82rem; color: #6e7280; }

.psr-s { width: 16px; height: 16px; fill: #2a2a32; }
.psr-s.on { fill: #fbbf24; }

.psr-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
}

.psr-card {
    position: relative;
    overflow: hidden;
    padding: 1.05rem 1.15rem;
    border-radius: 14px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    transform-style: preserve-3d;
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.3s ease,
        box-shadow 0.4s ease;
}

.psr-card:hover {
    border-color: rgba(94, 200, 255, 0.38);
    box-shadow: 0 18px 42px -20px rgba(0, 0, 0, 0.9), 0 0 30px -16px rgba(94, 200, 255, 0.65);
}

.psr-glow {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.psr-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 0.6rem;
}

.psr-who { min-width: 0; display: flex; flex-direction: column; gap: 2px; }

.psr-who b {
    font-size: 0.85rem;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.psr-who i { font-style: normal; font-size: 0.7rem; color: #55555f; }

.psr-stars { display: flex; gap: 1px; flex: 0 0 auto; }
.psr-stars .psr-s { width: 12px; height: 12px; }

.psr-preke {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0.7rem;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(94, 200, 255, 0.09);
    border: 1px solid rgba(94, 200, 255, 0.22);
    color: #5ec8ff;
    font-size: 0.69rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.psr-txt {
    font-size: 0.81rem;
    line-height: 1.6;
    color: #b8b8c2;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

.psr-empty { grid-column: 1 / -1; }

/* ---------- ADMIN: ATSILIEPIMAI ---------- */
.adm-rev {
    padding: 1.2rem 1.3rem;
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    transition: border-color 0.25s ease, opacity 0.25s ease;
}

.adm-rev.is-hid { opacity: 0.55; border-style: dashed; }

.ar-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 0.9rem; flex-wrap: wrap; }
.ar-who { display: flex; flex-direction: column; gap: 2px; }
.ar-who b { font-size: 0.92rem; color: #fff; }
.ar-who i { font-style: normal; font-size: 0.75rem; color: #55555f; }

.ar-stars { display: flex; gap: 2px; }
.ar-s { width: 15px; height: 15px; fill: #2a2a32; }
.ar-s.on { fill: #fbbf24; }

.ar-txt {
    width: 100%; min-height: 70px;
    padding: 0.75rem 0.95rem;
    border-radius: 11px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ededf0; font-family: inherit; font-size: 0.85rem; line-height: 1.55;
    resize: vertical; outline: none;
}

.ar-txt:focus { border-color: rgba(94, 200, 255, 0.45); }

.ar-zv { display: flex; align-items: center; gap: 6px; margin: 0.8rem 0; flex-wrap: wrap; }
.ar-zv > span { font-size: 0.75rem; color: #6e7280; margin-right: 3px; }

.ar-zb {
    width: 30px; height: 30px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #9a9aa3;
    font-family: inherit; font-size: 0.8rem; font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ar-zb:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); }
.ar-zb.on { background: rgba(251, 191, 36, 0.14); border-color: rgba(251, 191, 36, 0.4); color: #fbbf24; }

.ar-meta { font-size: 0.74rem; color: #55555f; margin-bottom: 0.9rem; }

.ar-btns { display: flex; gap: 8px; flex-wrap: wrap; }

.ar-b {
    flex: 1;
    min-width: 100px;
    padding: 0.6rem 0.9rem;
    border-radius: 10px;
    font-family: inherit; font-size: 0.8rem; font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ar-save { border: none; background: #fff; color: #0a0a0c; font-weight: 700; }
.ar-save:hover { opacity: 0.88; }

.ar-hide {
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: transparent; color: #9a9aa3;
}
.ar-hide:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); }

.ar-del {
    border: 1px solid rgba(248, 113, 113, 0.35);
    background: rgba(248, 113, 113, 0.08); color: #f87171;
}
.ar-del:hover { background: rgba(248, 113, 113, 0.18); }

/* ---------- ADMIN: PREKĖS ---------- */
.admp-search {
    position: relative;
    margin-bottom: 1rem;
}

.admp-search svg {
    position: absolute;
    left: 14px; top: 50%;
    transform: translateY(-50%);
    width: 17px; height: 17px;
    color: #55555f;
    pointer-events: none;
}

.admp-search input {
    width: 100%;
    padding: 0.8rem 1rem 0.8rem 42px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ededf0; font-family: inherit; font-size: 0.88rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.admp-search input:focus { border-color: rgba(94, 200, 255, 0.45); }

.admp-list { display: flex; flex-direction: column; gap: 10px; }

.admp-item {
    padding: 1.1rem 1.2rem;
    border-radius: 15px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    transition: border-color 0.25s ease;
}

.admp-item.is-out { border-color: rgba(148, 163, 184, 0.3); opacity: 0.75; }

.admp-head {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; flex-wrap: wrap;
    padding-bottom: 0.9rem; margin-bottom: 0.9rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.admp-head b { font-size: 0.98rem; color: #fff; }

.admp-sw {
    display: inline-flex; align-items: center; gap: 9px;
    font-size: 0.8rem; color: #9a9aa3; cursor: pointer;
}

.admp-sw input { display: none; }

.admp-sw span {
    width: 38px; height: 21px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.12);
    position: relative;
    transition: background 0.25s ease, border-color 0.25s ease;
}

.admp-sw span::after {
    content: '';
    position: absolute;
    top: 2px; left: 2px;
    width: 15px; height: 15px;
    border-radius: 50%;
    background: #6e7280;
    transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), background 0.25s ease;
}

.admp-sw input:checked + span { background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.45); }
.admp-sw input:checked + span::after { transform: translateX(17px); background: #f87171; }

.admp-vs { display: flex; flex-direction: column; gap: 8px; }

.admp-v {
    display: flex; align-items: center; gap: 11px;
    padding: 0.6rem 0.75rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.028);
}

.admp-v-n { flex: 1; min-width: 0; font-size: 0.83rem; color: #c8c8d0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admp-v-o { flex: 0 0 auto; font-size: 0.76rem; color: #55555f; text-decoration: line-through; }

.admp-v-i {
    flex: 0 0 auto;
    width: 92px;
    padding: 0.45rem 0.6rem;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: #fff;
    font-family: 'Outfit', sans-serif; font-size: 0.85rem; font-weight: 700;
    text-align: center;
    outline: none;
    transition: border-color 0.2s ease;
}

.admp-v-i:focus { border-color: rgba(94, 200, 255, 0.5); }

.admp-save {
    width: 100%;
    margin-top: 0.9rem;
    padding: 0.7rem;
    border-radius: 11px;
    border: none;
    background: #fff; color: #0a0a0c;
    font-family: inherit; font-size: 0.84rem; font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.admp-save:hover { opacity: 0.88; }
.admp-save.ok { background: #4ade80; color: #04220f; }

@media (max-width: 520px) {
    .psr-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
    .psr-card { padding: 0.85rem 0.9rem; }
    .psr-who b { font-size: 0.78rem; }
    .psr-txt { font-size: 0.75rem; }
    .psr-preke { font-size: 0.64rem; }
}

@media (max-width: 640px) {
    .rev-modal { padding: 0; align-items: flex-end; }
    .rev-box { width: 100%; max-height: 90vh; border-radius: 22px 22px 0 0; padding: 1.7rem 1.2rem 1.4rem; }
    .rev-stars button { width: 38px; height: 38px; }
    .rev-stars svg { width: 27px; height: 27px; }
    .ar-btns { flex-direction: column; }
    .admp-v { flex-wrap: wrap; }
    .admp-v-n { flex: 1 1 100%; }
}

/* Puslapio atsiliepimai po Discord langu */
.psr-wrap {
    margin-top: 3.5rem;
    padding-top: 3rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.psr-wrap .section-title { margin-bottom: 0.5rem; }
.psr-wrap .section-subtitle { margin-bottom: 2rem; }

/* Du jungikliai prekės kortelėje */
.admp-sws { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }

.admp-item.is-req { border-color: rgba(251, 191, 36, 0.3); }

.admp-sw-req input:checked + span {
    background: rgba(251, 191, 36, 0.2);
    border-color: rgba(251, 191, 36, 0.45);
}

.admp-sw-req input:checked + span::after { background: #fbbf24; }

@media (max-width: 640px) {
    .admp-sws { width: 100%; justify-content: space-between; gap: 10px; }
}

/* Naujienų langas su žaidimais */
.ni-game { cursor: pointer; }

.ni-game:hover .ni-emo { transform: scale(1.12) rotate(-4deg); }

.ni-price b { font-size: 1.05rem; }


/* Emoji vietoj monogramos */
.ni-emo {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 1.45rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.25s ease;
}

.ni-game:hover .ni-emo { background: rgba(255, 255, 255, 0.08); }

/* ============================================================
   V52 — KALBOS JUNGIKLIS IR PAGALBOS PUSLAPIS
   ============================================================ */

.lang-btn { padding: 0; }

.lang-flag {
    font-family: 'Outfit', sans-serif;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.6px;
    color: currentColor;
}


/* ---------- PAGALBOS PUSLAPIS ---------- */
.pg-wrap {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 16px;
    align-items: start;
    max-width: 940px;
    margin: 0 auto;
}

.pg-card {
    padding: 2rem 1.9rem;
    border-radius: 20px;
    background:
        radial-gradient(120% 100% at 50% 0%, rgba(94, 200, 255, 0.06), transparent 60%),
        var(--card-bg);
    border: 1px solid var(--card-border);
}

.pg-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 1.2rem;
    border-radius: 16px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.28);
    color: #5ec8ff;
}

.pg-ico svg { width: 25px; height: 25px; }

.pg-card h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #fff;
    margin: 0 0 0.9rem;
}

.pg-txt {
    font-size: 0.9rem;
    line-height: 1.75;
    color: #9a9aa3;
    margin: 0 0 0.9rem;
}

.pg-txt-2 { margin-bottom: 1.6rem; }

.pg-btns { display: flex; gap: 10px; flex-wrap: wrap; }

.pg-b {
    flex: 1;
    min-width: 190px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0.9rem 1.4rem;
    border-radius: 12px;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.pg-b svg { width: 17px; height: 17px; flex: 0 0 auto; }

.pg-dc {
    border: none;
    background: #5865F2;
    color: #fff;
}

.pg-dc:hover {
    background: #4752c4;
    transform: translateY(-2px);
    box-shadow: 0 10px 28px -10px rgba(88, 101, 242, 0.8);
}

.pg-here {
    border: 1px solid rgba(94, 200, 255, 0.45);
    background: rgba(94, 200, 255, 0.1);
    color: #5ec8ff;
}

.pg-here:hover {
    background: rgba(94, 200, 255, 0.18);
    border-color: rgba(94, 200, 255, 0.75);
    transform: translateY(-2px);
    box-shadow: 0 10px 28px -12px rgba(94, 200, 255, 0.8);
}

/* Šoninės kortelės */
.pg-side { display: flex; flex-direction: column; gap: 10px; }

.pg-s {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1.1rem 1.2rem;
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    transition: border-color 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.pg-s:hover { border-color: rgba(94, 200, 255, 0.3); transform: translateY(-2px); }

.pg-s-ico {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: rgba(94, 200, 255, 0.09);
    border: 1px solid rgba(94, 200, 255, 0.22);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pg-s-ico svg { width: 18px; height: 18px; }

.pg-s > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pg-s b { font-size: 0.87rem; color: #fff; }
.pg-s span { font-size: 0.77rem; color: #6e7280; }

@media (max-width: 860px) {
    .pg-wrap { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .pg-card { padding: 1.5rem 1.3rem; }
    .pg-b { min-width: 0; width: 100%; }
}

/* ============================================================
   V53 — KALBOS PASIRINKIMAS
   ============================================================ */

/* Toks pat apskritimas kaip kiti navigacijos mygtukai */
.lang-btn { padding: 0; }
.lang-code { display: none; }

.lang-btn .lm-flag {
    width: 21px;
    height: 15px;
    border-radius: 3px;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lang-btn:hover .lm-flag { transform: scale(1.12); }

/* Vėliavos */
.lm-flag {
    flex: 0 0 auto;
    width: 22px;
    height: 15px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.lm-flag-lt {
    background: linear-gradient(
        to bottom,
        #FDB913 0 33.34%,
        #006A44 33.34% 66.67%,
        #C1272D 66.67% 100%
    );
}

.lm-flag-en {
    background:
        linear-gradient(to bottom, transparent 42%, #C8102E 42% 58%, transparent 58%),
        linear-gradient(to right, transparent 42%, #C8102E 42% 58%, transparent 58%),
        linear-gradient(to bottom, transparent 30%, #fff 30% 70%, transparent 70%),
        linear-gradient(to right, transparent 30%, #fff 30% 70%, transparent 70%),
        #012169;
}

/* Meniu antraštė */
.lm-head {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 0.9rem;
    margin-bottom: 0.9rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.lm-h-ico {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.25);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-h-ico svg { width: 17px; height: 17px; }

.lm-h-txt { display: flex; flex-direction: column; gap: 2px; }
.lm-h-txt b { font-size: 0.85rem; color: #fff; }
.lm-h-txt i { font-style: normal; font-size: 0.72rem; color: #6e7280; }

/* Pasirinkimai */
.lm-opts { display: flex; flex-direction: column; gap: 7px; }

.lm-opt {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.025);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: all 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.lm-opt:hover {
    background: rgba(255, 255, 255, 0.055);
    border-color: rgba(255, 255, 255, 0.16);
    transform: translateX(2px);
}

.lm-opt .lm-flag {
    width: 30px;
    height: 21px;
    border-radius: 4px;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lm-opt:hover .lm-flag { transform: scale(1.07); }

.lm-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.lm-txt b { font-size: 0.86rem; font-weight: 600; color: #ededf0; }
.lm-txt i { font-style: normal; font-size: 0.72rem; color: #55555f; }

.lm-check {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lm-check svg { width: 11px; height: 11px; }

/* Pasirinkta */
.lm-opt.active {
    background: rgba(94, 200, 255, 0.09);
    border-color: rgba(94, 200, 255, 0.4);
}

.lm-opt.active .lm-txt b { color: #fff; }
.lm-opt.active .lm-txt i { color: rgba(94, 200, 255, 0.7); }

.lm-opt.active .lm-check {
    background: #5ec8ff;
    border-color: #5ec8ff;
    color: #0a0a0c;
}

/* Pastaba */
.lm-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 0.9rem;
    padding-top: 0.8rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.72rem;
    color: #55555f;
}

.lm-note svg { width: 13px; height: 13px; flex: 0 0 auto; }




/* Prekių eilutės be logotipų — daugiau vietos pavadinimui */
.co-item, .cp-item, .ord-item, .oc-item {
    align-items: center;
}

.coi-main b, .cpi-main b, .oit-main b {
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: -0.1px;
    color: #fff;
}

.cpi-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }

.cpi-x {
    display: inline-block;
    margin-left: 4px;
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(94, 200, 255, 0.13);
    border: 1px solid rgba(94, 200, 255, 0.26);
    color: #5ec8ff;
    font-size: 0.7rem;
    font-weight: 700;
    vertical-align: middle;
}


/* ============================================================
   V54 — REKOMENDACIJOS KREPŠELYJE
   ============================================================ */

.co-rec {
    position: relative;
    overflow: hidden;
    margin-top: 12px;
    padding: 1.3rem 1.4rem 1.4rem;
    border-radius: 18px;
    background:
        radial-gradient(140% 100% at 50% 0%, rgba(94, 200, 255, 0.055), transparent 62%),
        var(--card-bg);
    border: 1px solid var(--card-border);
    animation: coFade 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.co-rec.hidden { display: none; }

.cr-glow {
    position: absolute;
    top: -40%;
    left: 50%;
    width: 70%;
    height: 100%;
    transform: translateX(-50%);
    background: radial-gradient(closest-side, rgba(94, 200, 255, 0.09), transparent);
    pointer-events: none;
}

/* Antraštė */
.cr-head {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.cr-ico {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(251, 191, 36, 0.2), rgba(251, 191, 36, 0.06));
    border: 1px solid rgba(251, 191, 36, 0.32);
    color: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px -8px rgba(251, 191, 36, 0.7);
}

.cr-ico svg { width: 18px; height: 18px; }

.cr-head > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cr-head b { font-size: 0.95rem; font-weight: 700; color: #fff; letter-spacing: -0.2px; }
.cr-head span { font-size: 0.76rem; color: #6e7280; }

/* Tinklelis */
.cr-list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    gap: 10px;
}

/* Kortelė */
.cr-item {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 0.95rem 1rem 0.9rem;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012));
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transform-style: preserve-3d;
    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.3s ease,
        box-shadow 0.35s ease;
}

.cr-item:hover {
    border-color: rgba(94, 200, 255, 0.4);
    box-shadow:
        0 18px 36px -20px rgba(0, 0, 0, 0.95),
        0 0 26px -14px rgba(94, 200, 255, 0.7);
}

.cri-glow {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

/* Viršus */
.cri-top { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }

.cri-tag {
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #8b8b96;
}

.cri-new {
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(74, 222, 128, 0.14);
    border: 1px solid rgba(74, 222, 128, 0.32);
    font-size: 0.64rem;
    font-weight: 700;
    color: #4ade80;
}

.cri-name {
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.35;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.4em;
}

/* Apačia */
.cri-bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-top: 0.7rem;
    margin-top: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.055);
}

.cri-price {
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.3px;
    color: #fff;
    white-space: nowrap;
}

.cri-price i {
    font-style: normal;
    font-size: 0.66rem;
    font-weight: 500;
    color: #6e7280;
    margin-right: 5px;
}

.cri-price i::after { content: ' '; }

.cri-add {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #9a9aa3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cri-add svg { width: 14px; height: 14px; }

.cr-item:hover .cri-add {
    background: #5ec8ff;
    border-color: #5ec8ff;
    color: #0a0a0c;
    transform: rotate(90deg) scale(1.08);
    box-shadow: 0 6px 16px -6px rgba(94, 200, 255, 0.9);
}

@media (max-width: 700px) {
    .co-rec { padding: 1.1rem 1rem 1.2rem; }
    .cr-list { grid-template-columns: 1fr 1fr; gap: 8px; }
    .cri-name { font-size: 0.82rem; }
    .cri-price { font-size: 0.92rem; }
}

/* ============================================================
   V55 — BALANSO PAPILDYMAS
   ============================================================ */

/* Mygtukas piniginėje */
.wal-add {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    margin-bottom: 2rem;
    padding: 1.2rem 1.4rem;
    border-radius: 18px;
    border: 1px solid rgba(94, 200, 255, 0.3);
    background:
        radial-gradient(140% 100% at 0% 50%, rgba(94, 200, 255, 0.1), transparent 60%),
        var(--card-bg);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.wal-add:hover {
    border-color: rgba(94, 200, 255, 0.6);
    transform: translateY(-2px);
    box-shadow: 0 14px 34px -16px rgba(94, 200, 255, 0.75);
}

.wa-ico {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    background: #5ec8ff;
    color: #0a0a0c;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wa-ico svg { width: 21px; height: 21px; }
.wal-add:hover .wa-ico { transform: rotate(90deg) scale(1.06); }

.wa-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.wa-txt b { font-size: 0.98rem; color: #fff; }
.wa-txt i { font-style: normal; font-size: 0.8rem; color: #6e7280; }

.wa-arrow { width: 18px; height: 18px; color: #55555f; transition: transform 0.3s ease, color 0.3s ease; }
.wal-add:hover .wa-arrow { color: #5ec8ff; transform: translateX(4px); }

/* Istorija */
.wal-list { display: flex; flex-direction: column; gap: 9px; }

.wal-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 1rem 1.2rem;
    border-radius: 14px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    transition: border-color 0.25s ease;
}

.wal-item:hover { border-color: rgba(255, 255, 255, 0.14); }

.wi-main { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.wi-main b { font-family: 'Outfit', monospace; font-size: 0.88rem; letter-spacing: 0.6px; color: #fff; }
.wi-main i { font-style: normal; font-size: 0.75rem; color: #6e7280; }

.wi-right { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; }

.wi-sum {
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem;
    font-weight: 800;
    color: #4ade80;
}

.pb-wait { background: rgba(251, 191, 36, 0.12); border: 1px solid rgba(251, 191, 36, 0.3); color: #fbbf24; }
.pb-ok   { background: rgba(74, 222, 128, 0.12); border: 1px solid rgba(74, 222, 128, 0.3); color: #4ade80; }
.pb-no   { background: rgba(248, 113, 113, 0.12); border: 1px solid rgba(248, 113, 113, 0.3); color: #f87171; }

/* ---------- PAPILDYMO PUSLAPIS ---------- */
.tp-wrap { max-width: 560px; margin: 0 auto; }

/* Žingsnių juostelė */
.tp-crumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 1.6rem;
}

.tp-crumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #55555f;
    white-space: nowrap;
    transition: color 0.3s ease;
}

.tp-crumb i {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-style: normal;
    font-size: 0.72rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.tp-crumb.active { color: #fff; }
.tp-crumb.active i { background: #5ec8ff; border-color: #5ec8ff; color: #0a0a0c; }

.tp-crumb.done { color: #4ade80; }
.tp-crumb.done i { background: rgba(74, 222, 128, 0.16); border-color: rgba(74, 222, 128, 0.42); color: #4ade80; }

.tp-line {
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.09);
}

.tp-box {
    padding: 2rem 1.9rem 1.8rem;
    border-radius: 20px;
    background:
        radial-gradient(140% 100% at 50% 0%, rgba(94, 200, 255, 0.05), transparent 62%),
        var(--card-bg);
    border: 1px solid var(--card-border);
}

.tp-step.hidden { display: none; }
.tp-in { animation: coFade 0.4s cubic-bezier(0.22, 1, 0.36, 1) both; }

.tp-head { display: flex; align-items: center; gap: 13px; margin-bottom: 1rem; padding-right: 2.5rem; }

.tp-ico, .tp-back {
    flex: 0 0 auto;
    width: 44px; height: 44px;
    border-radius: 13px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.28);
    color: #5ec8ff;
    display: flex; align-items: center; justify-content: center;
    cursor: default;
}

.tp-back { cursor: pointer; transition: all 0.2s ease; }
.tp-back:hover { background: rgba(94, 200, 255, 0.2); transform: translateX(-2px); }
.tp-ico svg, .tp-back svg { width: 21px; height: 21px; }

.tp-kicker {
    display: block;
    font-size: 0.62rem; font-weight: 700; letter-spacing: 1.6px;
    text-transform: uppercase; color: #5ec8ff; margin-bottom: 3px;
}

.tp-head h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.22rem; font-weight: 800; letter-spacing: -0.5px;
    color: #fff; margin: 0;
}

.tp-lead { font-size: 0.86rem; line-height: 1.6; color: #9a9aa3; margin: 0 0 1.3rem; }
.tp-lead b { color: #fff; }

/* Sumos */
.tp-sums { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-bottom: 1.2rem; }

.tp-sum {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
    padding: 1rem 0.4rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    font-family: 'Outfit', sans-serif;
    color: #ededf0;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.tp-sum b { font-size: 1.3rem; font-weight: 800; letter-spacing: -0.6px; }
.tp-sum i { font-style: normal; font-size: 0.8rem; opacity: 0.6; }

.tp-sum:hover { border-color: rgba(255, 255, 255, 0.25); transform: translateY(-2px); }

.tp-sum.on {
    background: rgba(94, 200, 255, 0.12);
    border-color: rgba(94, 200, 255, 0.5);
    color: #5ec8ff;
    box-shadow: 0 8px 22px -12px rgba(94, 200, 255, 0.9);
}

/* Sava suma */
.tp-own { margin-bottom: 1.1rem; }

.tp-own label {
    display: block;
    font-size: 0.66rem; font-weight: 700; letter-spacing: 1.2px;
    text-transform: uppercase; color: #6e7280; margin-bottom: 7px;
}

.tp-inp-wrap { position: relative; }

.tp-inp-wrap input {
    width: 100%;
    padding: 0.9rem 2.6rem 0.9rem 1rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff;
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem; font-weight: 700;
    outline: none;
    transition: border-color 0.2s ease;
}

.tp-inp-wrap input:focus { border-color: rgba(94, 200, 255, 0.5); }

.tp-cur {
    position: absolute;
    right: 14px; top: 50%;
    transform: translateY(-50%);
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem; font-weight: 700;
    color: #55555f;
    pointer-events: none;
}

.tp-next {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    margin-top: 1.2rem;
    padding: 0.95rem;
    border-radius: 12px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.9rem; font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.tp-next:hover:not(:disabled) { opacity: 0.88; transform: translateY(-1px); }
.tp-next:disabled { opacity: 0.35; cursor: not-allowed; }

/* Mokėjimo būdai */
.tp-methods { display: flex; flex-direction: column; gap: 8px; margin-bottom: 1rem; }

.tp-m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0.85rem 1rem;
    border-radius: 13px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.028);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: all 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

.tp-m:hover { border-color: rgba(255, 255, 255, 0.22); transform: translateX(2px); }

.tp-m.on {
    background: rgba(94, 200, 255, 0.1);
    border-color: rgba(94, 200, 255, 0.45);
}

.tp-m-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tp-m-main b { font-size: 0.9rem; color: #fff; }
.tp-m-main i { font-style: normal; font-size: 0.74rem; color: #6e7280; }
.tp-m-fast { flex: 0 0 auto; font-size: 0.73rem; color: #55555f; }
.tp-m.on .tp-m-fast { color: #5ec8ff; }

.tp-dc-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 0.8rem 0.95rem;
    margin-bottom: 1rem;
    border-radius: 11px;
    background: rgba(94, 200, 255, 0.06);
    border: 1px solid rgba(94, 200, 255, 0.22);
    font-size: 0.79rem; line-height: 1.55; color: #c8c8d0;
}

.tp-dc-note.hidden { display: none; }
.tp-dc-note svg { flex: 0 0 auto; width: 15px; height: 15px; color: #5ec8ff; margin-top: 2px; }

/* Suvestinė */
.tp-sum-box {
    padding: 1rem 1.1rem;
    border-radius: 13px;
    background: rgba(0, 0, 0, 0.24);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.tp-s-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 0.85rem;
    color: #9a9aa3;
    padding: 0.3rem 0;
}

.tp-s-row.hidden { display: none; }
.tp-s-row b { color: #ededf0; font-weight: 600; }

.tp-s-total {
    margin-top: 0.5rem;
    padding-top: 0.7rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.tp-s-total span { color: #fff; font-weight: 600; }
.tp-s-total b { font-family: 'Outfit', sans-serif; font-size: 1.3rem; font-weight: 800; color: #5ec8ff; }

/* Apmokėjimas */
.tp-nr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0.85rem 1rem;
    margin-bottom: 1rem;
    border-radius: 12px;
    background: rgba(94, 200, 255, 0.07);
    border: 1px solid rgba(94, 200, 255, 0.24);
}

.tp-nr span { font-size: 0.8rem; color: #9a9aa3; }
.tp-nr b { font-family: 'Outfit', monospace; font-size: 0.95rem; font-weight: 800; letter-spacing: 1px; color: #5ec8ff; }

.tp-fields { display: flex; flex-direction: column; gap: 8px; margin-bottom: 1rem; }

.tp-f {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.75rem 0.9rem;
    border-radius: 11px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.tp-f-l { flex: 0 0 auto; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: #55555f; }
.tp-f-v { flex: 1; min-width: 0; font-size: 0.86rem; color: #fff; overflow: hidden; text-overflow: ellipsis; text-align: right; }
.tp-f-v.mono { font-family: 'Outfit', monospace; font-size: 0.76rem; }

.tp-f-c {
    flex: 0 0 auto;
    width: 28px; height: 28px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s ease;
}

.tp-f-c svg { width: 14px; height: 14px; }
.tp-f-c:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); }
.tp-f-c.ok { background: rgba(74, 222, 128, 0.16); border-color: rgba(74, 222, 128, 0.4); color: #4ade80; }

.tp-note {
    padding: 0.8rem 0.95rem;
    border-radius: 11px;
    background: rgba(251, 191, 36, 0.06);
    border: 1px solid rgba(251, 191, 36, 0.24);
    font-size: 0.8rem; line-height: 1.55; color: #d4d4d8;
}

.tp-note b { color: #fbbf24; }

.tp-after { font-size: 0.76rem; color: #55555f; text-align: center; margin: 0.8rem 0 0; }

/* Sėkmė */
.tp-done { text-align: center; padding: 1rem 0 0; }

.tp-ok-ico {
    display: flex; align-items: center; justify-content: center;
    width: 62px; height: 62px;
    margin: 0 auto 1.2rem;
    border-radius: 50%;
    background: rgba(74, 222, 128, 0.13);
    border: 1px solid rgba(74, 222, 128, 0.35);
    color: #4ade80;
    animation: csPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.tp-ok-ico svg { width: 30px; height: 30px; }

.tp-done h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.3rem; font-weight: 800; color: #fff; margin: 0 0 0.6rem;
}

.tp-done p { font-size: 0.87rem; color: #9a9aa3; margin: 0 0 0.4rem; }
.tp-done p b { font-family: 'Outfit', monospace; color: #5ec8ff; }
.tp-done-sub { font-size: 0.8rem !important; line-height: 1.6; }

/* Admin lentelė */
#adm-papildymai .adm-tr { grid-template-columns: 1fr 1.3fr 0.8fr 1fr 1.3fr 0.6fr; }
.ap-nr { font-family: 'Outfit', monospace; font-weight: 700; color: #5ec8ff; }
.ap-usr { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ap-usr b { font-size: 0.85rem; color: #fff; }
.ap-usr i { font-style: normal; font-size: 0.73rem; color: #55555f; }
.ap-sum { display: flex; flex-direction: column; gap: 2px; }
.ap-sum b { font-family: 'Outfit', sans-serif; font-size: 1rem; font-weight: 800; color: #4ade80; }
.ap-sum i { font-style: normal; font-size: 0.7rem; color: #55555f; }

@media (max-width: 560px) {
    .tp-modal { padding: 0; align-items: flex-end; }
    .tp-box { width: 100%; max-height: 92vh; border-radius: 22px 22px 0 0; padding: 1.7rem 1.2rem 1.4rem; }
    .tp-sums { grid-template-columns: 1fr 1fr; }
    .wal-item { flex-wrap: wrap; }
    .adm-pap { grid-template-columns: 1fr; gap: 8px; }
}


/* Papildymo puslapio pataisos */
.tp-step.hidden { display: none; }

@media (max-width: 620px) {
    .tp-box { padding: 1.5rem 1.2rem 1.3rem; }
    .tp-crumb span { display: none; }
    .tp-crumbs { gap: 6px; }
    .tp-sums { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 460px) {
    .tp-crumb { font-size: 0; gap: 0; }
    .tp-crumb i { font-size: 0.72rem; }
}

/* ============================================================
   V57 — BLOKAVIMO SISTEMA
   ============================================================ */

/* Ekranas užblokuotam */
.ban-screen {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 2000000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.ban-screen.hidden { display: none; }

body.dt-banned { overflow: hidden; }

.bs-bg {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background:
        radial-gradient(120% 90% at 50% 0%, rgba(248, 113, 113, 0.13), transparent 62%),
        #07070a;
}

.bs-box {
    position: relative;
    width: min(480px, 100%);
    padding: 2.6rem 2rem 2.2rem;
    border-radius: 24px;
    background: #101014;
    border: 1px solid rgba(248, 113, 113, 0.28);
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.9);
    text-align: center;
    animation: ppIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.bs-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin: 0 auto 1.4rem;
    border-radius: 50%;
    background: rgba(248, 113, 113, 0.1);
    border: 1px solid rgba(248, 113, 113, 0.34);
    color: #f87171;
    animation: csPop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s both;
}

.bs-ico svg { width: 36px; height: 36px; }

.bs-kicker {
    display: block;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #f87171;
    margin-bottom: 0.7rem;
}

.bs-title {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.5rem, 4.5vw, 1.95rem);
    font-weight: 800;
    letter-spacing: -0.9px;
    color: #fff;
    margin: 0 0 0.8rem;
    line-height: 1.15;
}

.bs-lead {
    font-size: 0.9rem;
    line-height: 1.65;
    color: #9a9aa3;
    margin: 0 0 1.5rem;
}

.bs-info {
    padding: 1rem 1.2rem;
    margin-bottom: 1.4rem;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    text-align: left;
}

.bs-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0.4rem 0;
    font-size: 0.85rem;
}

.bs-row.hidden { display: none; }
.bs-row span { color: #6e7280; flex: 0 0 auto; }
.bs-row b { color: #fff; text-align: right; min-width: 0; }

.bs-sub {
    font-size: 0.82rem;
    line-height: 1.65;
    color: #6e7280;
    margin: 0 0 1.5rem;
}

.bs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 0.95rem 1.4rem;
    border-radius: 13px;
    background: #5865F2;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.bs-btn svg { width: 18px; height: 18px; }
.bs-btn:hover { background: #4752c4; transform: translateY(-2px); box-shadow: 0 12px 30px -12px rgba(88, 101, 242, 0.85); }

/* ---------- ADMIN ---------- */
.abn-new {
    padding: 1.3rem 1.4rem;
    margin-bottom: 1.6rem;
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px solid rgba(248, 113, 113, 0.24);
}

.abn-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 0.9rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.9rem;
    font-weight: 700;
    color: #f87171;
}

.abn-head svg { width: 17px; height: 17px; }

.abn-f { margin-bottom: 0.9rem; }

.abn-f label {
    display: block;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #6e7280;
    margin-bottom: 7px;
}

.abn-f input,
.abn-f select {
    width: 100%;
    padding: 0.75rem 0.95rem;
    border-radius: 11px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.86rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.abn-f select { cursor: pointer; }
.abn-f input:focus, .abn-f select:focus { border-color: rgba(248, 113, 113, 0.45); }

.abn-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 10px; }

.abn-btn {
    width: 100%;
    padding: 0.8rem;
    border-radius: 11px;
    border: 1px solid rgba(248, 113, 113, 0.4);
    background: rgba(248, 113, 113, 0.12);
    color: #f87171;
    font-family: inherit;
    font-size: 0.87rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.22s ease;
}

.abn-btn:hover { background: rgba(248, 113, 113, 0.22); transform: translateY(-1px); }

.abn-title {
    font-family: 'Outfit', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 0.9rem;
}

.abn-list { display: flex; flex-direction: column; gap: 9px; }

.abn-item {
    display: grid;
    grid-template-columns: 1.3fr 1.6fr 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 1rem 1.2rem;
    border-radius: 14px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    transition: border-color 0.25s ease;
}

.abn-item:hover { border-color: rgba(255, 255, 255, 0.14); }
.abn-item.is-old { opacity: 0.55; }

.abn-i-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.abn-i-main b { font-size: 0.88rem; color: #fff; }
.abn-i-main i { font-style: normal; font-size: 0.74rem; color: #55555f; }

.abn-i-why, .abn-i-time {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 0.82rem;
    color: #c8c8d0;
    min-width: 0;
}

.abn-l {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #55555f;
}

.abn-done { color: #4ade80; }

.abn-un {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.6rem 1.1rem;
    border-radius: 10px;
    border: 1px solid rgba(74, 222, 128, 0.35);
    background: rgba(74, 222, 128, 0.09);
    color: #4ade80;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.22s ease;
}

.abn-un svg { width: 14px; height: 14px; }
.abn-un:hover { background: rgba(74, 222, 128, 0.18); transform: translateY(-1px); }

@media (max-width: 760px) {
    .abn-grid { grid-template-columns: 1fr; }
    .abn-item { grid-template-columns: 1fr; gap: 10px; }
    .abn-un { width: 100%; justify-content: center; }
}

@media (max-width: 520px) {
    .bs-box { padding: 2rem 1.3rem 1.7rem; }
}

/* IP blokavimo jungiklis */
.abn-ip {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 0.85rem 1rem;
    margin-bottom: 0.9rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.06);
    cursor: pointer;
    transition: border-color 0.22s ease;
}

.abn-ip:hover { border-color: rgba(255, 255, 255, 0.16); }
.abn-ip input { display: none; }

.abn-ip > span:first-of-type {
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    margin-top: 1px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    position: relative;
    transition: all 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abn-ip > span:first-of-type::after {
    content: '';
    position: absolute;
    top: 3px; left: 6px;
    width: 4px; height: 8px;
    border: solid #0a0a0c;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.abn-ip input:checked + span {
    background: #f87171;
    border-color: #f87171;
}

.abn-ip input:checked + span::after { transform: rotate(45deg) scale(1); }

.abn-ip-t {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 0.84rem;
    color: #ededf0;
}

.abn-ip-t i {
    font-style: normal;
    font-size: 0.74rem;
    line-height: 1.5;
    color: #6e7280;
}

/* ============================================================
   V58 — IRL KONKURSO LANGAS
   Ta pati paletė kaip visoje svetainėje: tamsus fonas, mėlynas akcentas.
   ============================================================ */

.news-popup {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 100003;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.news-popup.hidden { display: none; }

body.news-open { overflow: hidden; }

.news-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(4, 5, 9, 0.78);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    opacity: 0;
    animation: irlBack 0.4s ease forwards;
}

.news-popup.closing .news-backdrop { animation: irlBackOut 0.36s ease forwards; }

@keyframes irlBack    { to { opacity: 1; } }
@keyframes irlBackOut { from { opacity: 1; } to { opacity: 0; } }

/* ---------- LANGAS ---------- */
.irl-box {
    position: relative;
    overflow: hidden;
    width: min(440px, 100%);
    padding: 2.4rem 2rem 1.9rem;
    border-radius: 22px;
    text-align: center;

    background:
        radial-gradient(130% 90% at 50% 0%, rgba(94, 200, 255, 0.08), transparent 62%),
        #101014;

    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.85);

    opacity: 0;
    transform: translateY(24px) scale(0.96);
    animation: irlIn 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}

.news-popup.closing .irl-box {
    animation: irlOut 0.34s cubic-bezier(0.4, 0, 1, 1) forwards;
}

@keyframes irlIn  { to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes irlOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(12px) scale(0.97); } }

/* Švelnus mėlynas švytėjimas viršuje */
.irl-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(50px);
}

.irl-glow-1 {
    top: -110px;
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
    height: 200px;
    background: rgba(94, 200, 255, 0.16);
}

.irl-glow-2 { display: none; }

/* Uždarymas */
.news-close {
    position: absolute;
    top: 15px; right: 15px;
    z-index: 3;
    width: 30px; height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, transform 0.25s ease;
}

.news-close:hover { color: #fff; transform: rotate(90deg); }

/* Logotipas — be rėmelių ir fono, tiesiog nuotrauka */
.irl-logo {
    position: relative;
    z-index: 2;
    display: block;
    width: 86px;
    height: 86px;
    margin: 0 auto 1.3rem;
    animation: csPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.18s both;
}

.irl-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* Ženklelis */
.irl-badge {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 13px;
    margin-bottom: 0.9rem;
    border-radius: 999px;
    background: rgba(74, 222, 128, 0.11);
    border: 1px solid rgba(74, 222, 128, 0.3);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #4ade80;
}

.irl-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.18);
    animation: newDot 1.9s ease-in-out infinite;
}

/* Antraštė */
.irl-title {
    position: relative;
    z-index: 2;
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.65rem, 5vw, 2.05rem);
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.1;
    color: #fff;
    margin: 0 0 1rem;
}

/* Tekstai */
.irl-lead, .irl-sub {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 340px;
}

.irl-lead {
    font-size: 0.9rem;
    line-height: 1.7;
    color: #c8c8d0;
    margin-bottom: 0.85rem;
}

.irl-sub {
    font-size: 0.84rem;
    line-height: 1.7;
    color: #6e7280;
    margin-bottom: 1.7rem;
}

/* Pagrindinis mygtukas — Discord mėlyna, kaip kitur svetainėje */
.irl-btn {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 100%;
    padding: 1rem 1.4rem;
    border-radius: 13px;
    border: none;

    background: #5865F2;
    color: #fff;
    font-family: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;

    transition: all 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}

.irl-btn svg { width: 19px; height: 19px; flex: 0 0 auto; }

.irl-btn:hover {
    background: #4752c4;
    transform: translateY(-2px);
    box-shadow: 0 14px 34px -14px rgba(88, 101, 242, 0.9);
}

.irl-btn:active { transform: translateY(0) scale(0.985); }

/* Antrinis CTA — trailerio mygtukas */
.irl-btn-outline {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: 8px;
    padding: 0.9rem 1.4rem;
    border-radius: 13px;
    border: 1px solid rgba(255, 255, 255, 0.14);

    background: rgba(255, 255, 255, 0.03);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;

    transition: all 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

.irl-btn-outline svg { width: 17px; height: 17px; flex: 0 0 auto; }

.irl-btn-outline:hover {
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.06);
    transform: translateY(-1px);
}

.irl-btn-outline:active { transform: translateY(0) scale(0.985); }

/* Antrinis mygtukas */
.irl-skip {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 0.8rem;
    padding: 0.7rem;
    border: none;
    background: transparent;
    color: #6e7280;
    font-family: inherit;
    font-size: 0.85rem;
    cursor: pointer;
    transition: color 0.2s ease;
}

.irl-skip:hover { color: #fff; }

/* ---------- TELEFONAS ---------- */
@media (max-width: 520px) {
    .news-popup { padding: 0; align-items: flex-end; }

    .irl-box {
        width: 100%;
        padding: 2rem 1.3rem 1.4rem;
        border-radius: 22px 22px 0 0;
    }

    .irl-logo { width: 74px; height: 74px; margin-bottom: 1.1rem; }

    .irl-lead { font-size: 0.85rem; }
    .irl-sub { font-size: 0.79rem; margin-bottom: 1.4rem; }
    .irl-btn { padding: 0.92rem 1.2rem; font-size: 0.88rem; }
}

@media (max-width: 380px) {
    .irl-title { font-size: 1.5rem; }
}

/* ============================================================
   V59 — UŽSAKYMO PERŽIŪRA ADMINISTRACIJAI
   ============================================================ */

.adm-tr-click { cursor: pointer; transition: background 0.2s ease, border-color 0.2s ease; }
.adm-tr-click:hover { background: rgba(94, 200, 255, 0.05); }

.ov-back {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 1.2rem;
    padding: 0.6rem 1.1rem;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.22s ease;
}

.ov-back svg { width: 15px; height: 15px; }
.ov-back:hover { color: #fff; border-color: rgba(255, 255, 255, 0.28); transform: translateX(-2px); }

.ov-krauna { padding: 3rem; text-align: center; color: #6e7280; font-size: 0.88rem; }
.ov-tuscia { padding: 1.2rem; text-align: center; color: #55555f; font-size: 0.82rem; }

/* Antraštė */
.ov-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.ov-nr { display: flex; align-items: center; gap: 10px; margin-bottom: 0.6rem; }

.ov-nr h2 {
    font-family: 'Outfit', monospace;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #fff;
    margin: 0;
}

.ov-h-badges { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ov-h-date { font-size: 0.76rem; color: #55555f; }

.ovb {
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
}

.ovb-wait { background: rgba(251, 191, 36, 0.12); border: 1px solid rgba(251, 191, 36, 0.32); color: #fbbf24; }
.ovb-paid { background: rgba(94, 200, 255, 0.12); border: 1px solid rgba(94, 200, 255, 0.32); color: #5ec8ff; }
.ovb-work { background: rgba(168, 130, 255, 0.12); border: 1px solid rgba(168, 130, 255, 0.32); color: #a882ff; }
.ovb-ok   { background: rgba(74, 222, 128, 0.12); border: 1px solid rgba(74, 222, 128, 0.32); color: #4ade80; }
.ovb-no   { background: rgba(248, 113, 113, 0.12); border: 1px solid rgba(248, 113, 113, 0.32); color: #f87171; }
.ovb-ref  { background: rgba(148, 163, 184, 0.12); border: 1px solid rgba(148, 163, 184, 0.3); color: #94a3b8; }

.ov-a {
    padding: 0.7rem 1.3rem;
    border-radius: 11px;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.22s ease;
}

.ov-a-ref {
    border: 1px solid rgba(248, 113, 113, 0.4);
    background: rgba(248, 113, 113, 0.1);
    color: #f87171;
}

.ov-a-ref:hover { background: rgba(248, 113, 113, 0.2); transform: translateY(-1px); }

/* Kopijavimas */
.ov-cp {
    flex: 0 0 auto;
    width: 26px; height: 26px;
    border-radius: 7px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #55555f;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s ease;
}

.ov-cp svg { width: 13px; height: 13px; }
.ov-cp:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); }
.ov-cp.ok { background: rgba(74, 222, 128, 0.16); border-color: rgba(74, 222, 128, 0.4); color: #4ade80; }

/* Tinklelis */
.ov-grid { display: grid; grid-template-columns: 1.55fr 1fr; gap: 14px; align-items: start; }
.ov-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }

.ov-card {
    padding: 1.2rem 1.3rem;
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.ov-card h3 {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: 'Outfit', sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 1rem;
}

.ov-card h3 span {
    padding: 1px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    font-size: 0.7rem;
    color: #9a9aa3;
}

/* Prekės */
.ov-items { display: flex; flex-direction: column; gap: 10px; }

.ov-item {
    padding: 1rem 1.1rem;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.ovi-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 0.9rem;
}

.ovi-main { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ovi-main b { font-size: 0.92rem; color: #fff; }
.ovi-main i { font-style: normal; font-size: 0.78rem; color: #6e7280; }

.ovi-tipas {
    flex: 0 0 auto;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.26);
    font-size: 0.68rem;
    font-weight: 700;
    color: #5ec8ff;
    white-space: nowrap;
}

.ovi-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 0.8rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    margin-bottom: 0.9rem;
}

.ovi-grid span {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 0.84rem;
    color: #ededf0;
    min-width: 0;
}

.ovi-grid i {
    font-style: normal;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #55555f;
}

.ovi-sum { text-align: right; }
.ovi-sum:not(i) { font-family: 'Outfit', sans-serif; font-weight: 800; color: #fff; }

/* Pristatymas */
.ovi-del { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }

.ovd-badge {
    flex: 0 0 auto;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
}

.ovd-wait { background: rgba(251, 191, 36, 0.12); border: 1px solid rgba(251, 191, 36, 0.3); color: #fbbf24; }
.ovd-work { background: rgba(168, 130, 255, 0.12); border: 1px solid rgba(168, 130, 255, 0.3); color: #a882ff; }
.ovd-ok   { background: rgba(74, 222, 128, 0.12); border: 1px solid rgba(74, 222, 128, 0.3); color: #4ade80; }
.ovd-no   { background: rgba(248, 113, 113, 0.12); border: 1px solid rgba(248, 113, 113, 0.3); color: #f87171; }

.ovi-kodas {
    flex: 1;
    min-width: 150px;
    padding: 0.5rem 0.75rem;
    border-radius: 9px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ededf0;
    font-family: 'Outfit', monospace;
    font-size: 0.8rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.ovi-kodas:focus { border-color: rgba(94, 200, 255, 0.45); }

.ovi-btns { display: flex; gap: 5px; flex: 0 0 auto; }

.ovi-b {
    padding: 0.45rem 0.8rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.73rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ovi-b:hover:not(:disabled) { color: #fff; border-color: rgba(255, 255, 255, 0.3); }
.ovi-b:disabled { opacity: 0.5; }
.ovi-ok:hover:not(:disabled) { background: rgba(74, 222, 128, 0.15); border-color: rgba(74, 222, 128, 0.4); color: #4ade80; }
.ovi-no:hover:not(:disabled) { background: rgba(248, 113, 113, 0.15); border-color: rgba(248, 113, 113, 0.4); color: #f87171; }

/* Laiko juosta */
.ov-timeline { display: flex; flex-direction: column; }

.ov-tl {
    position: relative;
    display: flex;
    gap: 13px;
    padding-bottom: 1.1rem;
}

.ov-tl:last-child { padding-bottom: 0; }

.ov-tl::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 14px;
    bottom: 0;
    width: 1px;
    background: rgba(255, 255, 255, 0.09);
}

.ov-tl:last-child::before { display: none; }

.ovt-dot {
    flex: 0 0 auto;
    width: 11px;
    height: 11px;
    margin-top: 3px;
    border-radius: 50%;
    background: #5ec8ff;
    box-shadow: 0 0 0 3px rgba(94, 200, 255, 0.14);
    z-index: 1;
}

.ov-tl:not(:first-child) .ovt-dot { background: #3a3a44; box-shadow: none; }

.ovt-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ovt-txt b { font-size: 0.85rem; font-weight: 600; color: #fff; }
.ovt-txt i { font-style: normal; font-size: 0.74rem; color: #55555f; }
.ovt-txt span { font-size: 0.78rem; color: #8b8b96; margin-top: 2px; }

/* Pastabos */
.ov-notes { display: flex; flex-direction: column; gap: 9px; margin-bottom: 1rem; }

.ov-note {
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(251, 191, 36, 0.05);
    border: 1px solid rgba(251, 191, 36, 0.2);
}

.ov-note p { font-size: 0.85rem; line-height: 1.6; color: #d4d4d8; margin: 0 0 5px; white-space: pre-wrap; }
.ov-note i { font-style: normal; font-size: 0.72rem; color: #6e7280; }

.ov-note-add { display: flex; flex-direction: column; gap: 9px; }

.ov-note-add textarea {
    width: 100%;
    min-height: 66px;
    padding: 0.7rem 0.9rem;
    border-radius: 11px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.84rem;
    line-height: 1.5;
    resize: vertical;
    outline: none;
}

.ov-note-add textarea:focus { border-color: rgba(94, 200, 255, 0.45); }

.ov-note-add button {
    align-self: flex-end;
    padding: 0.6rem 1.4rem;
    border-radius: 10px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.ov-note-add button:hover { opacity: 0.88; }

/* Būsenų mygtukai */
.ov-states { display: flex; flex-wrap: wrap; gap: 6px; }

.ov-st {
    padding: 0.5rem 0.85rem;
    border-radius: 9px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ov-st:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); }
.ov-st.on { background: rgba(94, 200, 255, 0.13); border-color: rgba(94, 200, 255, 0.4); color: #5ec8ff; }

/* Pirkėjas / mokėjimas */
.ov-cust { display: flex; flex-direction: column; gap: 2px; }

.ovc-vardas {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    padding-bottom: 0.7rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ov-r {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0.42rem 0;
    font-size: 0.82rem;
}

.ov-r > span { flex: 0 0 auto; color: #6e7280; min-width: 92px; }
.ov-r > b { flex: 1; min-width: 0; color: #ededf0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; text-align: right; }
.ov-r b.mono { font-family: 'Outfit', monospace; font-size: 0.78rem; }
.ov-red { color: #f87171 !important; }

/* Sumos */
.ov-sums { display: flex; flex-direction: column; gap: 2px; }

.ov-s-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0.42rem 0;
    font-size: 0.85rem;
    color: #9a9aa3;
}

.ov-s-row b { color: #ededf0; font-weight: 600; }

.ov-s-total {
    margin-top: 0.4rem;
    padding-top: 0.7rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.ov-s-total span { color: #fff; font-weight: 600; }
.ov-s-total b { font-family: 'Outfit', sans-serif; font-size: 1.2rem; font-weight: 800; color: #5ec8ff; }
.ov-s-ref b { color: #f87171; }

/* ---------- GRĄŽINIMO LANGAS ---------- */
.ref-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 100004;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.ref-modal.hidden { display: none; }

.ref-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(4, 5, 9, 0.78);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    opacity: 0;
    animation: pmBack 0.4s ease forwards;
}

.ref-box {
    position: relative;
    z-index: 1;
    width: min(420px, 100%);
    max-height: 92vh;
    overflow-y: auto;
    padding: 2rem 1.8rem 1.7rem;
    border-radius: 20px;
    background: #101014;
    border: 1px solid rgba(248, 113, 113, 0.26);
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.85);
    text-align: center;
    opacity: 0;
    transform: translateY(20px) scale(0.97);
    animation: ppIn 0.44s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}

.ref-close {
    position: absolute;
    top: 14px; right: 14px;
    width: 30px; height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #6e7280;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: color 0.2s ease, transform 0.25s ease;
}

.ref-close:hover { color: #fff; transform: rotate(90deg); }

.ref-ico {
    display: flex; align-items: center; justify-content: center;
    width: 54px; height: 54px;
    margin: 0 auto 1.1rem;
    border-radius: 16px;
    background: rgba(248, 113, 113, 0.1);
    border: 1px solid rgba(248, 113, 113, 0.3);
    color: #f87171;
}

.ref-ico svg { width: 25px; height: 25px; }

.ref-title {
    font-family: 'Outfit', sans-serif;
    font-size: 1.3rem; font-weight: 800; letter-spacing: -0.5px;
    color: #fff; margin: 0 0 0.5rem;
}

.ref-lead { font-size: 0.84rem; color: #9a9aa3; margin: 0 0 1.4rem; }
.ref-lead b { color: #5ec8ff; font-family: 'Outfit', monospace; }

.ref-f { text-align: left; margin-bottom: 1rem; }

.ref-f label {
    display: block;
    font-size: 0.66rem; font-weight: 700; letter-spacing: 1.2px;
    text-transform: uppercase; color: #6e7280; margin-bottom: 7px;
}

.ref-f input[type="text"] {
    width: 100%;
    padding: 0.8rem 0.95rem;
    border-radius: 11px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff;
    font-family: inherit;
    font-size: 0.88rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.ref-f input:focus { border-color: rgba(248, 113, 113, 0.45); }

.ref-inp { position: relative; }
.ref-inp input { padding-right: 2.4rem !important; font-family: 'Outfit', sans-serif; font-weight: 700; font-size: 1rem !important; }

.ref-inp span {
    position: absolute;
    right: 13px; top: 50%;
    transform: translateY(-50%);
    font-family: 'Outfit', sans-serif;
    font-size: 1rem; font-weight: 700;
    color: #55555f;
    pointer-events: none;
}

.ref-visa {
    margin-top: 7px;
    padding: 0;
    border: none;
    background: none;
    color: #5ec8ff;
    font-family: inherit;
    font-size: 0.78rem;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ref-visa:hover { color: #fff; }

.ref-bal {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 0.85rem 1rem;
    margin-bottom: 1rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.06);
    cursor: pointer;
    text-align: left;
}

.ref-bal input { display: none; }

.ref-bal > span:first-of-type {
    flex: 0 0 auto;
    width: 19px; height: 19px;
    margin-top: 1px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    position: relative;
    transition: all 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ref-bal > span:first-of-type::after {
    content: '';
    position: absolute;
    top: 3px; left: 6px;
    width: 4px; height: 8px;
    border: solid #0a0a0c;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ref-bal input:checked + span { background: #4ade80; border-color: #4ade80; }
.ref-bal input:checked + span::after { transform: rotate(45deg) scale(1); }

.ref-bal-t { display: flex; flex-direction: column; gap: 3px; font-size: 0.84rem; color: #ededf0; }
.ref-bal-t i { font-style: normal; font-size: 0.74rem; color: #6e7280; }

.ref-btns { display: flex; gap: 9px; margin-top: 1.2rem; }

.ref-no, .ref-yes {
    flex: 1;
    padding: 0.85rem;
    border-radius: 11px;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ref-no {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: transparent;
    color: #9a9aa3;
}

.ref-no:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); }

.ref-yes {
    border: none;
    background: #f87171;
    color: #2a0808;
}

.ref-yes:hover { opacity: 0.9; transform: translateY(-1px); }

@media (max-width: 1000px) {
    .ov-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .ov-head { flex-direction: column; }
    .ov-a { width: 100%; }
    .ovi-grid { grid-template-columns: 1fr 1fr; }
    .ovi-sum { text-align: left; }
    .ovi-del { flex-direction: column; align-items: stretch; }
    .ovi-btns { justify-content: space-between; }
    .ovi-b { flex: 1; }
    .ov-r { flex-wrap: wrap; }
    .ov-r > b { text-align: left; }
    .ref-modal { padding: 0; align-items: flex-end; }
    .ref-box { width: 100%; border-radius: 20px 20px 0 0; padding: 1.7rem 1.2rem 1.4rem; }
}

/* ============================================================
   V60 — GRĄŽINIMO INFORMACIJA
   ============================================================ */

/* Pirkėjo užsakymo kortelėje */
.oc-ref {
    margin-top: 1rem;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(248, 113, 113, 0.05);
    border: 1px solid rgba(248, 113, 113, 0.28);
}

.ocr-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.85rem 1rem;
    background: rgba(248, 113, 113, 0.08);
    border-bottom: 1px solid rgba(248, 113, 113, 0.2);
}

.ocr-head svg { width: 17px; height: 17px; color: #f87171; flex: 0 0 auto; }
.ocr-head b { flex: 1; min-width: 0; font-size: 0.87rem; color: #fca5a5; }

.ocr-suma {
    flex: 0 0 auto;
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem;
    font-weight: 800;
    color: #f87171;
}

.ocr-body { padding: 0.9rem 1rem 1rem; }

.ocr-r {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0.3rem 0;
    font-size: 0.82rem;
}

.ocr-r span { color: #6e7280; flex: 0 0 auto; }
.ocr-r b { color: #ededf0; font-weight: 600; text-align: right; min-width: 0; }
.ocr-r b.mono { font-family: 'Outfit', monospace; font-size: 0.78rem; }

.ocr-bal {
    margin-top: 0.7rem;
    padding-top: 0.7rem;
    border-top: 1px solid rgba(248, 113, 113, 0.16);
    font-size: 0.79rem;
    line-height: 1.55;
    color: #9a9aa3;
}

/* Būsenos ženklas */
.os-ref { background: rgba(248, 113, 113, 0.12); border: 1px solid rgba(248, 113, 113, 0.3); color: #f87171; }

/* Admin sąraše */
.ao-ref {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0.4rem 0.7rem;
    border-radius: 9px;
    background: rgba(248, 113, 113, 0.07);
    border: 1px solid rgba(248, 113, 113, 0.24);
    min-width: 0;
}

.ao-ref svg { width: 13px; height: 13px; color: #f87171; }
.ao-ref b { font-size: 0.78rem; color: #f87171; font-weight: 700; }

.ao-ref i {
    font-style: normal;
    font-size: 0.72rem;
    color: #9a9aa3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ao-wait   { background: rgba(251, 191, 36, 0.12); border: 1px solid rgba(251, 191, 36, 0.3); color: #fbbf24; }
.ao-paid   { background: rgba(94, 200, 255, 0.12); border: 1px solid rgba(94, 200, 255, 0.3); color: #5ec8ff; }
.ao-done   { background: rgba(74, 222, 128, 0.12); border: 1px solid rgba(74, 222, 128, 0.3); color: #4ade80; }
.ao-cancel { background: rgba(248, 113, 113, 0.12); border: 1px solid rgba(248, 113, 113, 0.3); color: #f87171; }
.ao-ref-b  { background: rgba(148, 163, 184, 0.12); border: 1px solid rgba(148, 163, 184, 0.3); color: #94a3b8; }

@media (max-width: 620px) {
    .ocr-r { flex-wrap: wrap; }
    .ocr-r b { text-align: left; }
}

/* ============================================================
   V61 — UŽSAKYMO EIGA (4–5 ŽINGSNIAI)
   ============================================================ */

.co-h4 {
    font-family: 'Outfit', sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 1rem;
}

.co-sub { font-size: 0.78rem; color: #6e7280; margin: -0.7rem 0 1rem; }

/* Antraštė */
.cmp-card { position: relative; overflow: hidden; }

.cmp-head { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 1.4rem; }

.cmp-ico {
    flex: 0 0 auto;
    width: 52px; height: 52px;
    border-radius: 16px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.28);
    display: flex; align-items: center; justify-content: center;
}

.cmp-kicker {
    display: block;
    font-size: 0.68rem; font-weight: 700; letter-spacing: 1.2px;
    text-transform: uppercase; color: #5ec8ff; margin-bottom: 4px;
}

.cmp-kicker b { font-family: 'Outfit', monospace; }

.cmp-head h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.25rem; font-weight: 800; letter-spacing: -0.5px;
    color: #fff; margin: 0 0 0.3rem;
}

.cmp-head p { font-size: 0.85rem; color: #9a9aa3; margin: 0; }

/* Sukimasis */
.cmp-spin {
    width: 22px; height: 22px;
    border-radius: 50%;
    border: 2px solid rgba(94, 200, 255, 0.22);
    border-top-color: #5ec8ff;
    animation: cmpSpin 0.85s linear infinite;
}

.cmp-spin.sm { width: 15px; height: 15px; border-width: 2px; }

@keyframes cmpSpin { to { transform: rotate(360deg); } }

.cmp-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #3a3a44;
}

/* Veiksmų sąrašas */
.cmp-steps { display: flex; flex-direction: column; gap: 9px; }

.cmp-step {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0.9rem 1.1rem;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.055);
    transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.cmp-step.is-active {
    background: rgba(94, 200, 255, 0.07);
    border-color: rgba(94, 200, 255, 0.3);
}

.cmp-step.is-done { background: rgba(74, 222, 128, 0.05); border-color: rgba(74, 222, 128, 0.2); }
.cmp-step.is-wait { opacity: 0.55; }

.cmps-ico {
    flex: 0 0 auto;
    width: 28px; height: 28px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.cmp-step.is-done .cmps-ico { background: rgba(74, 222, 128, 0.16); border-color: rgba(74, 222, 128, 0.4); color: #4ade80; }
.cmp-step.is-active .cmps-ico { border-color: rgba(94, 200, 255, 0.35); }
.cmps-ico svg { width: 14px; height: 14px; }

.cmps-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cmps-txt b { font-size: 0.88rem; font-weight: 600; color: #fff; }
.cmps-txt i { font-style: normal; font-size: 0.76rem; color: #6e7280; }
.cmp-step.is-done .cmps-txt i { color: #4ade80; }
.cmp-step.is-active .cmps-txt i { color: #5ec8ff; }

/* Prekės */
.cmp-prekes { display: flex; flex-direction: column; gap: 9px; }

.cmp-p {
    position: relative;
    padding: 0.9rem 1.05rem;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.055);
}

.cmpp-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cmpp-main b { font-size: 0.9rem; color: #fff; }
.cmpp-main i { font-style: normal; font-size: 0.77rem; color: #6e7280; }

.cmpp-right {
    position: absolute;
    top: 0.9rem; right: 1.05rem;
    display: flex; align-items: center; gap: 10px;
}

.cmpp-kaina { font-family: 'Outfit', sans-serif; font-size: 0.95rem; font-weight: 800; color: #fff; }

.cmd {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.67rem;
    font-weight: 700;
    white-space: nowrap;
}

.cmd-wait { background: rgba(251, 191, 36, 0.12); border: 1px solid rgba(251, 191, 36, 0.3); color: #fbbf24; }
.cmd-work { background: rgba(94, 200, 255, 0.12); border: 1px solid rgba(94, 200, 255, 0.3); color: #5ec8ff; }
.cmd-ok   { background: rgba(74, 222, 128, 0.12); border: 1px solid rgba(74, 222, 128, 0.3); color: #4ade80; }
.cmd-no   { background: rgba(248, 113, 113, 0.12); border: 1px solid rgba(248, 113, 113, 0.3); color: #f87171; }

.cmpp-tipas {
    display: inline-block;
    margin-top: 0.6rem;
    padding: 2px 9px;
    border-radius: 999px;
    background: rgba(94, 200, 255, 0.08);
    border: 1px solid rgba(94, 200, 255, 0.2);
    font-size: 0.68rem;
    color: #5ec8ff;
}

/* Pristatymas */
.cmp-del { display: flex; flex-direction: column; gap: 2px; }

.cmpd-r {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; padding: 0.42rem 0; font-size: 0.84rem;
}

.cmpd-r span { color: #6e7280; }
.cmpd-r b { color: #ededf0; font-weight: 600; text-align: right; min-width: 0; overflow: hidden; text-overflow: ellipsis; }

.cmpd-note {
    margin-top: 0.8rem;
    padding: 0.75rem 0.9rem;
    border-radius: 11px;
    background: rgba(94, 200, 255, 0.06);
    border: 1px solid rgba(94, 200, 255, 0.2);
    font-size: 0.79rem;
    line-height: 1.55;
    color: #c8c8d0;
}

/* Šoninė eiga */
.cmp-track { display: flex; flex-direction: column; }

.cmt {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0.45rem 0;
    font-size: 0.85rem;
    color: #55555f;
    transition: color 0.3s ease;
}

.cmt::before {
    content: '';
    position: absolute;
    left: 9px; top: 26px; bottom: -4px;
    width: 1px;
    background: rgba(255, 255, 255, 0.08);
}

.cmt:last-child::before { display: none; }

.cmt-dot {
    flex: 0 0 auto;
    width: 19px; height: 19px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.14);
    display: flex; align-items: center; justify-content: center;
    color: transparent;
    z-index: 1;
    background: #101014;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cmt-dot svg { width: 10px; height: 10px; }

.cmt.is-done { color: #4ade80; }
.cmt.is-done .cmt-dot { background: rgba(74, 222, 128, 0.18); border-color: rgba(74, 222, 128, 0.45); color: #4ade80; }

.cmt.is-active { color: #fff; font-weight: 600; }
.cmt.is-active .cmt-dot { background: #5ec8ff; border-color: #5ec8ff; box-shadow: 0 0 0 4px rgba(94, 200, 255, 0.16); }

/* Santrauka */
.cmp-sum { display: flex; flex-direction: column; gap: 2px; }

.cms-r {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; padding: 0.4rem 0; font-size: 0.84rem; color: #9a9aa3;
}

.cms-r b { color: #ededf0; font-weight: 600; text-align: right; }
.cms-r b.mono { font-family: 'Outfit', monospace; font-size: 0.79rem; }

.cms-total {
    margin-top: 0.4rem; padding-top: 0.7rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.cms-total span { color: #fff; font-weight: 600; }
.cms-total b { font-family: 'Outfit', sans-serif; font-size: 1.15rem; font-weight: 800; color: #5ec8ff; }

/* Klaida */
.cmp-err { text-align: center; padding: 1.5rem 1rem; }

.cmpe-ico {
    display: flex; align-items: center; justify-content: center;
    width: 52px; height: 52px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    background: rgba(248, 113, 113, 0.1);
    border: 1px solid rgba(248, 113, 113, 0.32);
    color: #f87171;
}

.cmpe-ico svg { width: 24px; height: 24px; }
.cmp-err b { display: block; font-size: 1.05rem; color: #fff; margin-bottom: 0.5rem; }
.cmp-err p { font-size: 0.85rem; line-height: 1.6; color: #9a9aa3; margin: 0 0 1.2rem; }

.cmp-err-b {
    padding: 0.75rem 1.5rem;
    border-radius: 11px;
    border: 1px solid rgba(94, 200, 255, 0.4);
    background: rgba(94, 200, 255, 0.1);
    color: #5ec8ff;
    font-family: inherit; font-size: 0.86rem; font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.cmp-err-b:hover { background: rgba(94, 200, 255, 0.2); }

/* ---------- 5 ŽINGSNIS: ĮVYKDYTA ---------- */
.cd-wrap { max-width: 860px; margin: 0 auto; }

.cd-hero {
    text-align: center;
    padding: 2.4rem 1.5rem 2rem;
    margin-bottom: 14px;
    border-radius: 20px;
    background:
        radial-gradient(130% 90% at 50% 0%, rgba(74, 222, 128, 0.09), transparent 62%),
        var(--card-bg);
    border: 1px solid rgba(74, 222, 128, 0.26);
}

.cd-ico {
    display: flex; align-items: center; justify-content: center;
    width: 68px; height: 68px;
    margin: 0 auto 1.2rem;
    border-radius: 50%;
    background: rgba(74, 222, 128, 0.13);
    border: 1px solid rgba(74, 222, 128, 0.38);
    color: #4ade80;
    animation: csPop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.cd-ico svg { width: 32px; height: 32px; }

.cd-hero h2 {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.5rem, 4.5vw, 1.95rem);
    font-weight: 800; letter-spacing: -0.9px;
    color: #fff; margin: 0 0 0.6rem;
}

.cd-hero > p { font-size: 0.9rem; color: #9a9aa3; margin: 0 0 1.5rem; }

.cd-nr {
    display: inline-flex; align-items: center; gap: 11px;
    padding: 0.7rem 1.2rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.cd-nr span { font-size: 0.78rem; color: #6e7280; }
.cd-nr b { font-family: 'Outfit', monospace; font-size: 0.95rem; font-weight: 800; letter-spacing: 1px; color: #4ade80; }

.cd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }

.cd-card {
    padding: 1.2rem 1.3rem;
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.cd-wide { grid-column: 1 / -1; }

.cd-card h4 {
    font-family: 'Outfit', sans-serif;
    font-size: 0.9rem; font-weight: 700; color: #fff; margin: 0 0 1rem;
}

.cd-prekes { display: flex; flex-direction: column; gap: 10px; }

.cdp {
    position: relative;
    padding: 1rem 1.1rem;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.055);
}

.cdp-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 0.7rem; }
.cdp-top b { font-size: 0.95rem; color: #fff; }

.cdp-tipas {
    padding: 2px 9px;
    border-radius: 999px;
    background: rgba(94, 200, 255, 0.09);
    border: 1px solid rgba(94, 200, 255, 0.22);
    font-size: 0.67rem; color: #5ec8ff;
}

.cdp-r {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; padding: 0.35rem 0; font-size: 0.83rem;
}

.cdp-r span { color: #6e7280; }
.cdp-r b { color: #ededf0; font-weight: 600; text-align: right; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.cdp-r b.mono { font-family: 'Outfit', monospace; font-size: 0.78rem; }

.cdp-kodas {
    display: flex; align-items: center; gap: 10px;
    margin-top: 0.8rem; padding: 0.75rem 0.9rem;
    border-radius: 11px;
    background: rgba(74, 222, 128, 0.07);
    border: 1px dashed rgba(74, 222, 128, 0.4);
}

.cdp-kodas > span { flex: 0 0 auto; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.9px; text-transform: uppercase; color: #4ade80; }
.cdp-kodas > b { flex: 1; min-width: 0; font-family: 'Outfit', monospace; font-size: 0.88rem; color: #fff; overflow: hidden; text-overflow: ellipsis; }

.cdp-kodas button {
    flex: 0 0 auto;
    width: 28px; height: 28px;
    border-radius: 8px;
    border: 1px solid rgba(74, 222, 128, 0.35);
    background: transparent;
    color: #4ade80;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s ease;
}

.cdp-kodas button svg { width: 14px; height: 14px; }
.cdp-kodas button:hover, .cdp-kodas button.ok { background: rgba(74, 222, 128, 0.2); }

.cdp-ok {
    position: absolute;
    top: 1rem; right: 1.1rem;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(74, 222, 128, 0.13);
    border: 1px solid rgba(74, 222, 128, 0.32);
    font-size: 0.67rem; font-weight: 700; color: #4ade80;
}

.cd-btns { display: flex; gap: 10px; }

/* Discord pristatymo kortelė */
.cd-discord {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 1.2rem 1.4rem;
    margin-bottom: 14px;
    border-radius: 16px;
    background: rgba(88, 101, 242, 0.08);
    border: 1px solid rgba(88, 101, 242, 0.3);
}

.cdd-ico {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    background: rgba(88, 101, 242, 0.16);
    color: #5865F2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cdd-ico svg { width: 22px; height: 22px; }

.cdd-txt { flex: 1; min-width: 220px; display: flex; flex-direction: column; gap: 3px; }
.cdd-txt b { font-size: 0.95rem; color: #fff; }
.cdd-txt p { font-size: 0.83rem; line-height: 1.55; color: #b8bcd4; margin: 0; }

.cdd-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0.75rem 1.2rem;
    border-radius: 11px;
    background: #5865F2;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

.cdd-btn svg { width: 16px; height: 16px; }
.cdd-btn:hover { background: #4752c4; transform: translateY(-2px); box-shadow: 0 12px 30px -12px rgba(88, 101, 242, 0.85); }

@media (max-width: 620px) {
    .cd-discord { flex-direction: column; align-items: flex-start; text-align: left; }
    .cdd-btn { width: 100%; justify-content: center; }
}


.cd-b {
    flex: 1;
    padding: 0.95rem;
    border-radius: 13px;
    font-family: inherit; font-size: 0.9rem; font-weight: 700;
    cursor: pointer;
    transition: all 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

.cd-b1 { border: none; background: #fff; color: #0a0a0c; }
.cd-b1:hover { opacity: 0.88; transform: translateY(-2px); }

.cd-b2 {
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: transparent; color: #ededf0;
}

.cd-b2:hover { border-color: rgba(255, 255, 255, 0.32); }

@media (max-width: 760px) {
    .cd-grid { grid-template-columns: 1fr; }
    .cd-btns { flex-direction: column; }
    .cmpp-right { position: static; margin-top: 0.6rem; justify-content: space-between; }
}

/* ============================================================
   V62 — KOMPAKTIŠKESNI 4–5 ŽINGSNIAI
   Viskas turi sutilpti į vieną ekraną be per didelių tarpų.
   ============================================================ */

#co-step-4 .cp-card,
#co-step-5 .cd-card {
    padding: 1.15rem 1.3rem;
    border-radius: 16px;
}

/* Dviejų stulpelių išdėstymas — anksčiau nebuvo apibrėžtas,
   todėl kortelės krito viena po kitos per visą plotį */
.co-two {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 14px;
    align-items: start;
}

.co-two .co-main,
.co-two .co-side {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

@media (max-width: 900px) {
    .co-two { grid-template-columns: 1fr; }
}

/* Ruošimo antraštė */
.cmp-head { gap: 12px; margin-bottom: 1rem; }
.cmp-ico { width: 42px; height: 42px; border-radius: 13px; }
.cmp-ico svg { width: 20px; height: 20px; }
.cmp-head h3 { font-size: 1.05rem; margin: 0 0 0.2rem; }
.cmp-head p { font-size: 0.78rem; }
.cmp-kicker { font-size: 0.62rem; margin-bottom: 2px; }

/* Veiksmų sąrašas */
.cmp-steps { gap: 6px; }
.cmp-step { padding: 0.6rem 0.85rem; gap: 10px; border-radius: 11px; }
.cmps-ico { width: 23px; height: 23px; }
.cmps-ico svg { width: 11px; height: 11px; }
.cmp-spin { width: 18px; height: 18px; border-width: 2px; }
.cmp-spin.sm { width: 13px; height: 13px; }
.cmps-txt b { font-size: 0.82rem; }
.cmps-txt i { font-size: 0.71rem; }

/* Prekės ruošimo etape */
.cmp-prekes { gap: 6px; }
.cmp-p { padding: 0.65rem 0.85rem; border-radius: 11px; }
.cmpp-main b { font-size: 0.84rem; }
.cmpp-main i { font-size: 0.72rem; }
.cmpp-kaina { font-size: 0.88rem; }
.cmpp-right { top: 0.65rem; right: 0.85rem; gap: 8px; }
.cmpp-tipas { margin-top: 0.4rem; font-size: 0.64rem; padding: 1px 8px; }
.cmd { padding: 2px 8px; font-size: 0.63rem; }

/* Pristatymas */
.cmpd-r { padding: 0.28rem 0; font-size: 0.79rem; }
.cmpd-note { margin-top: 0.55rem; padding: 0.55rem 0.75rem; font-size: 0.74rem; }

/* Šoninė eiga ir santrauka */
.co-h4 { font-size: 0.84rem; margin: 0 0 0.7rem; }
.co-sub { font-size: 0.73rem; margin: -0.5rem 0 0.7rem; }
.cmt { padding: 0.32rem 0; font-size: 0.79rem; gap: 9px; }
.cmt-dot { width: 16px; height: 16px; }
.cmt-dot svg { width: 8px; height: 8px; }
.cmt::before { left: 7.5px; top: 22px; }
.cms-r { padding: 0.28rem 0; font-size: 0.79rem; }
.cms-total b { font-size: 1.02rem; }

/* Bendras tarpas tarp kortelių 4 žingsnyje */
#co-step-4 .co-main > .cp-card,
#co-step-4 .co-side > .cp-card { margin-bottom: 0; }
#co-step-4 .co-main, #co-step-4 .co-side { gap: 10px; }

/* --- 5 ŽINGSNIS: ĮVYKDYTA --- */
.cd-hero { padding: 1.5rem 1.3rem 1.3rem; margin-bottom: 10px; border-radius: 17px; }
.cd-ico { width: 50px; height: 50px; margin-bottom: 0.8rem; }
.cd-ico svg { width: 24px; height: 24px; }
.cd-hero h2 { font-size: clamp(1.25rem, 3.6vw, 1.55rem); margin: 0 0 0.4rem; }
.cd-hero > p { font-size: 0.82rem; margin: 0 0 1.05rem; }
.cd-nr { padding: 0.5rem 0.9rem; gap: 8px; }
.cd-nr span { font-size: 0.73rem; }
.cd-nr b { font-size: 0.85rem; }

.cd-grid { gap: 9px; margin-bottom: 10px; }
.cd-card h4 { font-size: 0.82rem; margin: 0 0 0.7rem; }
.cd-prekes { gap: 7px; }
.cdp { padding: 0.7rem 0.85rem; border-radius: 11px; }
.cdp-top { gap: 8px; margin-bottom: 0.5rem; }
.cdp-top b { font-size: 0.86rem; }
.cdp-tipas { font-size: 0.63rem; padding: 1px 8px; }
.cdp-r { padding: 0.25rem 0; font-size: 0.78rem; }
.cdp-kodas { margin-top: 0.55rem; padding: 0.55rem 0.75rem; gap: 8px; }
.cdp-kodas > b { font-size: 0.82rem; }
.cdp-ok { top: 0.7rem; right: 0.85rem; font-size: 0.63rem; padding: 2px 8px; }

.cd-btns { gap: 8px; }
.cd-b { padding: 0.75rem; font-size: 0.85rem; border-radius: 11px; }

@media (min-width: 761px) {
    #co-step-4 .co-two { align-items: start; }
}


/* ============================================================
   V64 — UŽSIDIRBK (visiškai pertvarkyta versija)
   ============================================================ */

/* ---------- STATISTIKOS KORTELĖS ---------- */
.earn-stats {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin: 1.5rem 0 1.3rem;
}

.es-card {
    position: relative;
    overflow: hidden;
    padding: 1.15rem 1.2rem;
    border-radius: 16px;
    background:
        radial-gradient(120% 100% at 0% 0%, rgba(94, 200, 255, 0.06), transparent 60%),
        var(--card-bg);
    border: 1px solid var(--card-border);
    display: flex;
    flex-direction: column;
    gap: 7px;
    transition: border-color 0.25s ease, transform 0.25s ease;
}

.es-card:hover { border-color: rgba(94, 200, 255, 0.28); transform: translateY(-2px); }

.es-card span {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: #6e7280;
}

.es-card b {
    font-family: 'Outfit', sans-serif;
    font-size: 1.28rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.4px;
}

.es-card b.es-ok { color: #4ade80; }
.es-card b.es-off { color: #55555f; }

/* ---------- VIDINIAI SKIRTUKAI ---------- */
.earn-tabs {
    display: flex;
    width: 100%;
    gap: 4px;
    padding: 4px;
    margin-bottom: 1.3rem;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.earn-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 7px;
    padding: 0.6rem 1.3rem;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.22s ease, color 0.22s ease;
}

.earn-tab svg { width: 15px; height: 15px; flex: 0 0 auto; }

.earn-tab:hover { color: #fff; }

.earn-tab.active {
    background: #fff;
    color: #0a0a0c;
    font-weight: 700;
}

.earn-pane { display: flex; flex-direction: column; gap: 12px; animation: coFade 0.35s cubic-bezier(0.22, 1, 0.36, 1) both; }
.earn-pane.hidden { display: none; }

/* ---------- KODO KŪRIMAS ---------- */
.earn-create-head { display: flex; gap: 15px; margin-bottom: 1.3rem; }

.earn-create-ico {
    flex: 0 0 auto;
    width: 48px; height: 48px;
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(94, 200, 255, 0.18), rgba(94, 200, 255, 0.05));
    border: 1px solid rgba(94, 200, 255, 0.3);
    color: #5ec8ff;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 8px 22px -10px rgba(94, 200, 255, 0.5);
}

.earn-create-ico svg { width: 23px; height: 23px; }

.earn-create-head h3 { font-family: 'Outfit', sans-serif; font-size: 1.08rem; font-weight: 700; color: #fff; margin: 0 0 0.45rem; letter-spacing: -0.2px; }
.earn-create-head p { font-size: 0.86rem; line-height: 1.65; color: #9a9aa3; margin: 0; }
.earn-create-head p b { color: #5ec8ff; }

.earn-create-row { display: flex; gap: 10px; }

.earn-create-row input {
    flex: 1;
    padding: 0.9rem 1rem;
    border-radius: 13px;
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: #fff;
    font-family: 'Outfit', monospace;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
    outline: none;
    transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.earn-create-row input:focus { border-color: rgba(94, 200, 255, 0.5); box-shadow: 0 0 0 3px rgba(94, 200, 255, 0.12); }
.earn-create-row input::placeholder { color: #3a3a44; letter-spacing: 3px; }

.earn-create-row button {
    padding: 0.9rem 1.7rem;
    border-radius: 13px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.earn-create-row button:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 10px 24px -10px rgba(255, 255, 255, 0.35); }
.earn-create-row button:disabled { opacity: 0.5; cursor: not-allowed; }

/* ---------- AKTYVUS KODAS ---------- */
#earn-active-card {
    background:
        radial-gradient(130% 100% at 0% 0%, rgba(74, 222, 128, 0.07), transparent 60%),
        var(--card-bg);
    border-color: rgba(74, 222, 128, 0.22);
}

.earn-act-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.earn-act-left { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.earn-act-label { font-size: 0.78rem; color: #6e7280; }

.earn-act-code {
    font-family: 'Outfit', monospace;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: 4px;
    color: #5ec8ff;
    text-shadow: 0 0 24px rgba(94, 200, 255, 0.4);
}

.earn-act-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(74, 222, 128, 0.13);
    border: 1px solid rgba(74, 222, 128, 0.34);
    font-size: 0.74rem;
    font-weight: 700;
    color: #4ade80;
}

.earn-copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.75rem 1.3rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.04);
    color: #ededf0;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.22s ease;
}

.earn-copy-btn:hover { border-color: rgba(255, 255, 255, 0.3); transform: translateY(-1px); }
.earn-copy-btn.ok { background: rgba(74, 222, 128, 0.16); border-color: rgba(74, 222, 128, 0.42); color: #4ade80; }

/* ---------- PRIZAI ---------- */
.earn-prize-card {
    background:
        radial-gradient(140% 100% at 50% 0%, rgba(251, 191, 36, 0.06), transparent 60%),
        var(--card-bg);
}

.earn-h3 {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: 'Outfit', sans-serif;
    font-size: 1.02rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 1.2rem;
    letter-spacing: -0.2px;
}

.earn-prizes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; margin-bottom: 1.2rem; }

.ep-item {
    position: relative;
    overflow: hidden;
    padding: 1.15rem 1rem;
    border-radius: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 7px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    transform-style: preserve-3d;
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.3s ease,
        box-shadow 0.4s ease;
}

.ep-item:hover {
    box-shadow: 0 18px 42px -20px rgba(0, 0, 0, 0.9), 0 0 30px -16px rgba(94, 200, 255, 0.5);
}

.ep-glow {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.ep-item span { position: relative; font-size: 0.8rem; color: #9a9aa3; z-index: 1; }
.ep-item b { position: relative; font-family: 'Outfit', sans-serif; font-size: 1.08rem; font-weight: 800; color: #fff; z-index: 1; }

.ep-1 { background: linear-gradient(160deg, rgba(251, 191, 36, 0.1), rgba(251, 191, 36, 0.02)); border-color: rgba(251, 191, 36, 0.3); box-shadow: 0 10px 26px -14px rgba(251, 191, 36, 0.4); }
.ep-1:hover { border-color: rgba(251, 191, 36, 0.5); box-shadow: 0 18px 42px -20px rgba(0, 0, 0, 0.9), 0 0 30px -14px rgba(251, 191, 36, 0.55); }
.ep-1 b { color: #fbbf24; }
.ep-2 { background: linear-gradient(160deg, rgba(203, 213, 225, 0.08), rgba(203, 213, 225, 0.015)); border-color: rgba(203, 213, 225, 0.24); }
.ep-2:hover { border-color: rgba(203, 213, 225, 0.42); box-shadow: 0 18px 42px -20px rgba(0, 0, 0, 0.9), 0 0 30px -14px rgba(203, 213, 225, 0.4); }
.ep-2 b { color: #cbd5e1; }
.ep-3 { background: linear-gradient(160deg, rgba(217, 119, 6, 0.09), rgba(217, 119, 6, 0.015)); border-color: rgba(217, 119, 6, 0.28); }
.ep-3:hover { border-color: rgba(217, 119, 6, 0.48); box-shadow: 0 18px 42px -20px rgba(0, 0, 0, 0.9), 0 0 30px -14px rgba(217, 119, 6, 0.5); }
.ep-3 b { color: #e08a2e; }

.earn-countdown {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding: 0.85rem;
    border-radius: 13px;
    background: rgba(94, 200, 255, 0.06);
    border: 1px solid rgba(94, 200, 255, 0.22);
    font-size: 0.87rem;
    color: #c8c8d0;
}

.earn-countdown svg { width: 16px; height: 16px; color: #5ec8ff; }
.earn-countdown b { font-family: 'Outfit', monospace; color: #5ec8ff; font-weight: 800; letter-spacing: 0.3px; }

/* ---------- LEADERBOARD ---------- */
.lb-row {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 40px 1fr 130px 130px;
    align-items: center;
    gap: 16px;
    padding: 0.95rem 1.2rem;
    margin-bottom: 8px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transform-style: preserve-3d;
    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.3s ease,
        box-shadow 0.35s ease;
}

.lb-row:hover {
    border-color: rgba(94, 200, 255, 0.32);
    box-shadow: 0 16px 36px -20px rgba(0, 0, 0, 0.9), 0 0 24px -14px rgba(94, 200, 255, 0.5);
}

.lb-row:last-child { margin-bottom: 0; }

.lb-glow {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.lb-rank {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px; height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    font-size: 0.94rem;
    font-weight: 800;
    color: #6e7280;
}

.lb-name {
    position: relative;
    z-index: 1;
    font-size: 0.92rem;
    font-weight: 600;
    color: #fff;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lb-stat {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    text-align: right;
}

.lb-stat b { font-family: 'Outfit', sans-serif; font-size: 0.98rem; font-weight: 800; color: #fff; white-space: nowrap; }
.lb-stat i { font-style: normal; font-size: 0.68rem; color: #6e7280; white-space: nowrap; }
.lb-stat-suma b { color: #5ec8ff; }

.lb-top1 {
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.1), rgba(251, 191, 36, 0.02));
    border-color: rgba(251, 191, 36, 0.34);
}
.lb-top1:hover { border-color: rgba(251, 191, 36, 0.5); box-shadow: 0 16px 36px -20px rgba(0, 0, 0, 0.9), 0 0 26px -12px rgba(251, 191, 36, 0.55); }
.lb-top1 .lb-rank { width: 38px; height: 38px; font-size: 1.28rem; background: rgba(251, 191, 36, 0.16); color: #fbbf24; }
.lb-top1 .lb-stat-suma b { color: #fbbf24; }

.lb-top2 {
    background: linear-gradient(90deg, rgba(203, 213, 225, 0.07), rgba(203, 213, 225, 0.01));
    border-color: rgba(203, 213, 225, 0.26);
}
.lb-top2:hover { border-color: rgba(203, 213, 225, 0.42); box-shadow: 0 16px 36px -20px rgba(0, 0, 0, 0.9), 0 0 26px -12px rgba(203, 213, 225, 0.4); }
.lb-top2 .lb-rank { width: 36px; height: 36px; font-size: 1.18rem; background: rgba(203, 213, 225, 0.12); color: #cbd5e1; }
.lb-top2 .lb-stat-suma b { color: #cbd5e1; }

.lb-top3 {
    background: linear-gradient(90deg, rgba(217, 119, 6, 0.08), rgba(217, 119, 6, 0.01));
    border-color: rgba(217, 119, 6, 0.28);
}
.lb-top3:hover { border-color: rgba(217, 119, 6, 0.46); box-shadow: 0 16px 36px -20px rgba(0, 0, 0, 0.9), 0 0 26px -12px rgba(217, 119, 6, 0.45); }
.lb-top3 .lb-rank { width: 34px; height: 34px; font-size: 1.1rem; background: rgba(217, 119, 6, 0.13); color: #e08a2e; }
.lb-top3 .lb-stat-suma b { color: #e08a2e; }

.earn-hist-btn {
    width: 100%;
    margin-top: 0.9rem;
    padding: 0.75rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.83rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.22s ease;
}

.earn-hist-btn:hover { color: #fff; border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.03); }

/* ---------- LENTELĖS (bendra: mano naudotojai / admin top) ---------- */
.eu-tr {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1fr;
    gap: 10px;
    align-items: center;
    padding: 0.8rem 0.6rem;
    font-size: 0.86rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.eu-tr:last-child { border-bottom: none; }

.eu-th {
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #55555f;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 0.7rem;
}

.eu-name { color: #fff; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eu-tr span.mono { font-family: 'Outfit', monospace; font-size: 0.8rem; color: #5ec8ff; }

/* ---------- ISTORIJA ---------- */
.earn-hist-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.1rem; }
.earn-hist-head h3 { margin: 0; }

.earn-hist-close {
    padding: 0.55rem 1.1rem;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #9a9aa3;
    font-family: inherit;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.earn-hist-close:hover { color: #fff; border-color: rgba(255, 255, 255, 0.28); }

.eh-period {
    padding: 1.1rem 1.2rem;
    margin-bottom: 10px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.eh-period b { display: block; font-family: 'Outfit', sans-serif; font-size: 0.95rem; font-weight: 700; color: #fff; margin-bottom: 2px; }
.eh-period > i { font-style: normal; font-size: 0.76rem; color: #6e7280; display: block; margin-bottom: 0.8rem; }

.eh-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 0.5rem 0;
    font-size: 0.83rem;
    color: #c8c8d0;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.eh-row:first-of-type { border-top: none; }
.eh-row i { font-style: normal; color: #5ec8ff; }
.eh-prize { color: #fbbf24; font-weight: 700; }

/* ---------- ADMIN LEADERBOARD ---------- */
.adm-lb-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; align-items: start; }

.alb-f { margin-bottom: 1rem; }

.alb-f label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #9a9aa3;
    margin-bottom: 7px;
}

.alb-f input {
    width: 100%;
    padding: 0.75rem 0.95rem;
    border-radius: 11px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff;
    font-family: inherit;
    font-size: 0.87rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.alb-f input:focus { border-color: rgba(94, 200, 255, 0.45); }

.alb-save {
    width: 100%;
    padding: 0.8rem;
    border-radius: 12px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.alb-save:hover { opacity: 0.88; transform: translateY(-1px); }
.alb-save:disabled { opacity: 0.55; cursor: not-allowed; transform: none; }

.alb-wipe-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 0.7rem; flex-wrap: wrap; }
.alb-wipe-head h4 { margin: 0; }

.alb-wipe-btn {
    padding: 0.65rem 1.3rem;
    border-radius: 11px;
    border: 1px solid rgba(248, 113, 113, 0.4);
    background: rgba(248, 113, 113, 0.1);
    color: #f87171;
    font-family: inherit;
    font-size: 0.83rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.22s ease;
}

.alb-wipe-btn:hover { background: rgba(248, 113, 113, 0.2); transform: translateY(-1px); }
.alb-wipe-note { font-size: 0.81rem; color: #6e7280; margin: 0; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
    .earn-stats { grid-template-columns: repeat(2, 1fr); }
    .adm-lb-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .earn-stats { grid-template-columns: 1fr 1fr; gap: 8px; }
    .es-card { padding: 0.95rem 1rem; }
    .es-card b { font-size: 1.08rem; }
    .earn-tabs { width: 100%; }
    .earn-tab { flex: 1; padding: 0.55rem 0.6rem; font-size: 0.78rem; gap: 5px; }
    .earn-tab svg { width: 13px; height: 13px; }
    .earn-prizes { grid-template-columns: 1fr; }
    .earn-create-row { flex-direction: column; }
    .earn-act-row { flex-direction: column; align-items: flex-start; }
    .earn-copy-btn { width: 100%; justify-content: center; }

    .lb-row { grid-template-columns: 34px 1fr 1fr; grid-template-areas: "rank name name" "rank uses suma"; row-gap: 8px; padding: 0.85rem 0.95rem; }
    .lb-rank { grid-area: rank; align-self: start; }
    .lb-name { grid-area: name; }
    .lb-stat { grid-area: suma; align-items: flex-start; text-align: left; }
    .lb-stat:not(.lb-stat-suma) { grid-area: uses; }

    .eu-tr { grid-template-columns: 1fr 1fr; row-gap: 4px; padding: 0.85rem 0.5rem; }
    .eu-th { display: none; }
}

/* ============================================================
   V65 — SVG IKONOS VIETOJ EMOJI (atitikimas bendram dizainui)
   ============================================================ */

.earn-h3 svg { width: 17px; height: 17px; color: #5ec8ff; flex: 0 0 auto; }

.co-h4 { display: flex; align-items: center; gap: 8px; }
.co-h4 svg { width: 15px; height: 15px; color: #5ec8ff; flex: 0 0 auto; }

.earn-hist-btn { display: flex; align-items: center; justify-content: center; gap: 8px; }
.earn-hist-btn svg { width: 14px; height: 14px; }

.earn-hist-head h3 svg { color: #5ec8ff; }

/* Rango ženkliukai (pakeičia 🥇🥈🥉 emoji) */
.ep-rank, .eh-rank, .alb-rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px; height: 18px;
    margin-right: 5px;
    border-radius: 50%;
    font-style: normal;
    font-size: 0.66rem;
    font-weight: 800;
    background: rgba(255, 255, 255, 0.08);
    color: #9a9aa3;
    vertical-align: middle;
}

.ep-1 .ep-rank, .alb-rank-1 { background: rgba(251, 191, 36, 0.18); color: #fbbf24; }
.ep-2 .ep-rank, .alb-rank-2 { background: rgba(203, 213, 225, 0.16); color: #cbd5e1; }
.ep-3 .ep-rank, .alb-rank-3 { background: rgba(217, 119, 6, 0.18); color: #e08a2e; }

.eh-rank { width: 20px; height: 20px; font-size: 0.7rem; }
.eh-period .eh-row:first-child .eh-rank { background: rgba(251, 191, 36, 0.18); color: #fbbf24; }
.eh-period .eh-row:nth-child(2) .eh-rank { background: rgba(203, 213, 225, 0.16); color: #cbd5e1; }
.eh-period .eh-row:nth-child(3) .eh-rank { background: rgba(217, 119, 6, 0.18); color: #e08a2e; }

.alb-rank {
    width: 20px; height: 20px;
    font-size: 0.72rem;
    margin-right: 6px;
}

/* Admin TOP lentelės paryškinimas 1-3 vietoms */
.eu-top1 { background: rgba(251, 191, 36, 0.05); }
.eu-top2 { background: rgba(203, 213, 225, 0.04); }
.eu-top3 { background: rgba(217, 119, 6, 0.045); }

/* ============================================================
   ADMIN APP — visiškai atskira administracijos sąsaja
   ============================================================ */

body.admin-mode .navbar,
body.admin-mode .site-footer,
body.admin-mode .mobile-bottom-nav,
body.admin-mode #chat-bubble,
body.admin-mode .scroll-top-btn { display: none !important; }

.admin-app {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 900;
    background: #08080b;
    overflow-y: auto;
}

.admin-app.hidden { display: none; }

/* ---------- LOGIN GATE ---------- */
.adm-login-full {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.adm-login-box {
    width: 100%;
    max-width: 380px;
    text-align: center;
    padding: 2.4rem 2rem;
    border-radius: 20px;
    background: #101013;
    border: 1px solid var(--card-border);
}

.adm-login-box .adm-lock {
    display: inline-flex;
    width: 56px; height: 56px;
    align-items: center; justify-content: center;
    border-radius: 16px;
    background: rgba(94, 200, 255, 0.1);
    color: #5ec8ff;
    margin-bottom: 1rem;
}

.adm-login-box .adm-lock svg { width: 26px; height: 26px; }
.adm-login-box b { display: block; font-size: 1.2rem; margin-bottom: 0.3rem; }
.adm-login-box p { color: var(--text-muted); font-size: 0.88rem; margin-bottom: 1.5rem; }
.adm-field { margin-bottom: 1rem; }

.adm-back-link {
    display: block;
    margin: 1.2rem auto 0;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 0.85rem;
    cursor: pointer;
}
.adm-back-link:hover { color: #fff; }

/* ---------- SHELL ---------- */
.adm-shell {
    display: flex;
    min-height: 100vh;
}
.adm-shell.hidden { display: none; }

.adm-sidebar {
    width: 260px;
    flex: 0 0 auto;
    background: #0c0c10;
    border-right: 1px solid var(--card-border);
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}

.adm-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 1.3rem 1.2rem;
    border-bottom: 1px solid var(--card-border);
}
.adm-brand-logo { width: 34px; height: 34px; border-radius: 50%; flex: 0 0 auto; }
.adm-brand-txt { display: flex; flex-direction: column; line-height: 1.3; }
.adm-brand-txt b { font-size: 0.9rem; }
.adm-brand-txt span { font-size: 0.72rem; color: #5ec8ff; font-weight: 700; letter-spacing: 0.4px; }
.adm-sidebar-close { display: none; margin-left: auto; background: none; border: none; color: var(--text-muted); cursor: pointer; }

.adm-nav {
    flex: 1;
    padding: 0.9rem 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.adm-nav-label {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    color: #565660;
    padding: 0.9rem 0.6rem 0.35rem;
}

.adm-nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 10px;
    border-radius: 9px;
    border: none;
    background: transparent;
    color: #b0b0ba;
    font-family: inherit;
    font-size: 0.87rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}
.adm-nav-item svg { width: 17px; height: 17px; flex: 0 0 auto; }
.adm-nav-item:hover { background: rgba(255, 255, 255, 0.045); color: #fff; }
.adm-nav-item.active { background: rgba(94, 200, 255, 0.12); color: #5ec8ff; font-weight: 700; }
.adm-nav-item.active svg { color: #5ec8ff; }

.adm-nav-badge {
    margin-left: auto;
    background: #f87171;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 800;
    border-radius: 999px;
    padding: 1px 6px;
    min-width: 16px;
    text-align: center;
}

.adm-sidebar-foot {
    padding: 0.9rem;
    border-top: 1px solid var(--card-border);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.adm-back-full, .adm-out-full {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border-radius: 9px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-family: inherit;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}
.adm-back-full svg, .adm-out-full svg { width: 16px; height: 16px; }
.adm-back-full:hover { background: rgba(255, 255, 255, 0.05); color: #fff; }
.adm-out-full:hover { background: rgba(248, 113, 113, 0.1); color: #f87171; }

/* ---------- MAIN ---------- */
.adm-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.adm-topbar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1.3rem 1.8rem;
    border-bottom: 1px solid var(--card-border);
    position: sticky;
    top: 0;
    background: rgba(8, 8, 11, 0.9);
    backdrop-filter: blur(10px);
    z-index: 5;
}

.adm-burger {
    display: none;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}
.adm-burger svg { width: 22px; height: 22px; }

.adm-topbar-titles h1 { font-size: 1.3rem; margin: 0; }
.adm-topbar-titles p { font-size: 0.83rem; color: var(--text-muted); margin: 2px 0 0; }
.adm-topbar-right { margin-left: auto; display: flex; align-items: center; gap: 12px; }

.adm-content {
    flex: 1;
    padding: 1.6rem 1.8rem 3rem;
}

/* ---------- DASHBOARD ---------- */
.adm-dash-ord-list { display: flex; flex-direction: column; gap: 6px; }
.adm-dash-ord-row {
    display: grid;
    grid-template-columns: 100px 1fr 110px 90px;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.02);
    cursor: pointer;
    transition: background 0.15s ease;
}
.adm-dash-ord-row:hover { background: rgba(255, 255, 255, 0.05); }
.ado-id { font-family: 'Outfit', sans-serif; font-weight: 700; color: #5ec8ff; font-size: 0.83rem; }
.ado-name { font-size: 0.85rem; color: #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ado-badge { font-size: 0.72rem; font-weight: 700; padding: 3px 8px; border-radius: 999px; text-align: center; }
.ao-st-pending { background: rgba(251, 191, 36, 0.12); color: #fbbf24; }
.ao-st-paid { background: rgba(94, 200, 255, 0.12); color: #5ec8ff; }
.ao-st-completed { background: rgba(74, 222, 128, 0.12); color: #4ade80; }
.ao-st-cancelled { background: rgba(248, 113, 113, 0.12); color: #f87171; }
.ado-sum { font-weight: 700; text-align: right; }
.adm-empty-txt { color: var(--text-muted); font-size: 0.87rem; }

/* ---------- TOOLBAR (bendras Orders/Discounts) ---------- */
.ord-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 1rem;
}

.ord-search {
    flex: 1 1 260px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--card-border);
}
.ord-search svg { width: 16px; height: 16px; color: var(--text-muted); flex: 0 0 auto; }
.ord-search input { flex: 1; background: none; border: none; color: #fff; font-size: 0.87rem; }
.ord-search input:focus { outline: none; }

.ord-toolbar select {
    padding: 9px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--card-border);
    color: #ccc;
    font-family: inherit;
    font-size: 0.85rem;
    cursor: pointer;
}

.ord-refresh-btn, .disc-create-btn {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 10px;
    border: none;
    background: #5ec8ff;
    color: #06121c;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.ord-refresh-btn { background: rgba(255, 255, 255, 0.05); color: #ccc; padding: 9px; }
.ord-refresh-btn:hover { background: rgba(255, 255, 255, 0.1); }
.disc-create-btn:hover { filter: brightness(1.1); }
.ord-refresh-btn svg, .disc-create-btn svg { width: 16px; height: 16px; }

/* ---------- LENTELĖ (bendra Orders/Discounts/Audit) ---------- */
.adm-table { display: flex; flex-direction: column; gap: 4px; }
.adm-tr {
    display: grid;
    grid-template-columns: 1fr 1.4fr 1.6fr 0.9fr 1.2fr;
    gap: 10px;
    align-items: center;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.02);
    font-size: 0.85rem;
}
.adm-th { color: var(--text-muted); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700; background: none; padding: 4px 14px; }
.adm-tr-click { cursor: pointer; transition: background 0.15s ease; }
.adm-tr-click:hover { background: rgba(94, 200, 255, 0.06); }
.ao-nr { font-family: 'Outfit', sans-serif; font-weight: 700; color: #5ec8ff; }
.ao-sum { font-weight: 700; }
.ao-items { color: #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ao-st { display: flex; align-items: center; gap: 8px; position: relative; }
.ao-set { display: none; gap: 4px; position: absolute; right: 0; top: 100%; margin-top: 4px; z-index: 3; background: #16161a; border: 1px solid var(--card-border); border-radius: 8px; padding: 4px; }
.ao-st:hover .ao-set { display: flex; }
.ao-b { padding: 4px 8px; border-radius: 6px; border: none; background: transparent; color: #ccc; font-size: 0.72rem; cursor: pointer; white-space: nowrap; }
.ao-b:hover { background: rgba(255, 255, 255, 0.08); }
.ao-b.active { background: #5ec8ff; color: #06121c; }
.ao-ref { display: flex; flex-direction: column; gap: 2px; color: #fbbf24; font-size: 0.75rem; }
.ao-ref svg { width: 13px; height: 13px; }

/* ---------- PAGINACIJA ---------- */
.ord-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--card-border);
}
.ord-pg-info { font-size: 0.8rem; color: var(--text-muted); }
.ord-pg-btns { display: flex; gap: 4px; }
.ord-pg-b {
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border-radius: 8px;
    border: 1px solid var(--card-border);
    background: transparent;
    color: #ccc;
    font-family: inherit;
    font-size: 0.82rem;
    cursor: pointer;
}
.ord-pg-b:hover:not(:disabled) { border-color: #5ec8ff; color: #5ec8ff; }
.ord-pg-b.active { background: #5ec8ff; color: #06121c; border-color: #5ec8ff; font-weight: 700; }
.ord-pg-b:disabled { opacity: 0.35; cursor: not-allowed; }
.ord-pg-dots { color: var(--text-muted); padding: 0 4px; }

/* ---------- SKELETON / ERROR ---------- */
.adm-skel { display: flex; flex-direction: column; gap: 6px; }
.adm-skel-row {
    height: 52px;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.06) 50%, rgba(255,255,255,0.02) 100%);
    background-size: 200% 100%;
    animation: admSkelPulse 1.4s ease infinite;
}
@keyframes admSkelPulse { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
.adm-err-box { border-color: rgba(248, 113, 113, 0.3) !important; }
.adm-retry-btn {
    margin-top: 10px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid rgba(248, 113, 113, 0.4);
    background: transparent;
    color: #f87171;
    font-family: inherit;
    font-size: 0.82rem;
    cursor: pointer;
}
.adm-retry-btn:hover { background: rgba(248, 113, 113, 0.1); }

/* ---------- DISCOUNT CODES ---------- */
.disc-table .adm-tr { grid-template-columns: 1fr 0.8fr 1fr 0.9fr 1fr 1.1fr; }
.disc-code { color: #5ec8ff; font-weight: 700; font-family: 'Outfit', sans-serif; cursor: pointer; }
.disc-code:hover { text-decoration: underline; }
.disc-actions { display: flex; gap: 6px; }
.disc-act-b {
    width: 30px; height: 30px;
    border-radius: 8px;
    border: 1px solid var(--card-border);
    background: transparent;
    color: #ccc;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
}
.disc-act-b svg { width: 14px; height: 14px; }
.disc-act-b:hover { border-color: #5ec8ff; color: #5ec8ff; }
.disc-act-del:hover { border-color: #f87171; color: #f87171; }

.disc-modal { max-width: 480px; text-align: left; max-height: 88vh; overflow-y: auto; }
.disc-modal h2 { margin: 0 0 1.2rem; font-size: 1.2rem; }
.disc-code-row { display: flex; gap: 8px; }
.disc-code-row input { flex: 1; }
.disc-gen-btn {
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid var(--card-border);
    background: rgba(255, 255, 255, 0.03);
    color: #ccc;
    font-family: inherit;
    font-size: 0.8rem;
    cursor: pointer;
    white-space: nowrap;
}
.disc-gen-btn:hover { border-color: #5ec8ff; color: #5ec8ff; }
.disc-radio-row { display: flex; gap: 16px; }
.disc-radio { display: flex; align-items: center; gap: 6px; font-size: 0.85rem; cursor: pointer; }
.disc-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.disc-stat-head { display: flex; align-items: center; gap: 12px; margin-bottom: 1rem; }
.disc-stat-head h2 { margin: 0; font-family: 'Outfit', sans-serif; }

/* ---------- WALLET ---------- */
.wallet-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.2rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--card-border);
    margin-bottom: 8px;
}
.wallet-row-left { display: flex; align-items: center; gap: 12px; }
.pset-row { display: flex; gap: 20px; margin-bottom: 1.2rem; }
.wallet-switch-row { display: flex; align-items: center; gap: 10px; font-size: 0.87rem; cursor: default; }
.pset-price-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.pset-price-row span { font-size: 0.83rem; color: #ccc; flex: 0 0 auto; }
.pset-price-row input { max-width: 120px; text-align: right; }
.pset-budai { flex-wrap: wrap; }

.pset-btns { display: flex; gap: 10px; margin-top: 0.4rem; }
.pset-btns .btn { flex: 1; }
.pset-del-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid rgba(248, 113, 113, 0.35);
    background: rgba(248, 113, 113, 0.06);
    color: #f87171;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.pset-del-btn svg { width: 15px; height: 15px; }
.pset-del-btn:hover { background: rgba(248, 113, 113, 0.14); border-color: rgba(248, 113, 113, 0.55); }
.co-nometh { padding: 1rem; text-align: center; color: var(--text-muted); font-size: 0.85rem; }
.admlog-anon { color: var(--text-muted); font-style: italic; }
.admlog-ip { font-family: 'Outfit', sans-serif; font-size: 0.8rem; color: #5ec8ff; }
.admlog-ua { font-size: 0.8rem; color: #a3a3ad; }

/* ---------- NAUJOS PREKĖS VEDIKLIS ---------- */
.wiz-modal { max-width: 480px; }
.wiz-progress { display: flex; align-items: center; justify-content: center; gap: 6px; margin-bottom: 1.6rem; }
.wiz-step-dot {
    width: 26px; height: 26px; border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-muted);
    display: flex; align-items: center; justify-content: center;
    font-size: 0.78rem; font-weight: 700;
    flex: 0 0 auto;
    transition: background 0.2s ease, color 0.2s ease;
}
.wiz-step-dot.active { background: #5ec8ff; color: #06121c; }
.wiz-step-dot.done { background: rgba(94, 200, 255, 0.25); color: #5ec8ff; }
.wiz-step-line { width: 20px; height: 2px; background: rgba(255, 255, 255, 0.08); flex: 0 0 auto; }
.wiz-modal h2 { margin: 0 0 0.3rem; font-size: 1.2rem; }
.wiz-sub { color: var(--text-muted); font-size: 0.85rem; margin: 0 0 1.2rem; }
.wiz-textarea { min-height: 100px; resize: vertical; font-family: inherit; padding: 0.8rem; }
.wiz-cat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wiz-cat-card {
    display: flex; flex-direction: column; align-items: center; gap: 10px;
    padding: 1.4rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--card-border);
    background: rgba(255, 255, 255, 0.02);
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease;
}
.wiz-cat-card svg { width: 26px; height: 26px; color: var(--text-muted); }
.wiz-cat-card.active { border-color: #5ec8ff; background: rgba(94, 200, 255, 0.08); }
.wiz-cat-card.active svg { color: #5ec8ff; }
.wiz-preview-card {
    padding: 1.4rem;
    border-radius: 14px;
    border: 1px solid var(--card-border);
    background: rgba(255, 255, 255, 0.02);
}
.wiz-preview-tag { display: inline-block; font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #5ec8ff; background: rgba(94, 200, 255, 0.1); padding: 3px 8px; border-radius: 6px; margin-bottom: 8px; }
.wiz-preview-name { display: block; font-size: 1.1rem; margin-bottom: 6px; }
.wiz-preview-desc { color: var(--text-muted); font-size: 0.85rem; margin: 0 0 10px; }
.wiz-preview-price { font-size: 0.9rem; }
.wiz-btns { display: flex; gap: 10px; margin-top: 1.4rem; }
.wiz-btn-back {
    padding: 0 20px;
    border-radius: 10px;
    border: 1px solid var(--card-border);
    background: transparent;
    color: #ccc;
    font-family: inherit;
    font-size: 0.87rem;
    cursor: pointer;
}
.wiz-btn-back:hover { border-color: rgba(255,255,255,0.3); }
.wiz-btn-next { flex: 1; }

.wiz-var-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 0.8rem; max-height: 280px; overflow-y: auto; padding-right: 2px; }
.wiz-var-row { display: grid; grid-template-columns: 1.4fr 1fr 32px; gap: 8px; align-items: center; }
.wiz-var-row .input-field { margin: 0; }
.wiz-var-del {
    width: 32px; height: 32px;
    border-radius: 8px;
    border: 1px solid var(--card-border);
    background: transparent;
    color: #6e7280;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    flex: 0 0 auto;
    transition: border-color 0.2s ease, color 0.2s ease;
}
.wiz-var-del svg { width: 14px; height: 14px; }
.wiz-var-del:hover { border-color: rgba(248, 113, 113, 0.5); color: #f87171; }
.wiz-var-del-empty { width: 32px; height: 32px; flex: 0 0 auto; }

.wiz-var-add {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border-radius: 10px;
    border: 1px dashed rgba(94, 200, 255, 0.35);
    background: rgba(94, 200, 255, 0.05);
    color: #5ec8ff;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}
.wiz-var-add svg { width: 15px; height: 15px; }
.wiz-var-add:hover { background: rgba(94, 200, 255, 0.1); }

.wiz-preview-variantai { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 0.8rem; }
.wiz-preview-var-chip {
    font-size: 0.76rem;
    color: #c7c7cf;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--card-border);
    padding: 4px 10px;
    border-radius: 999px;
}

/* ---------- KVIESK DRAUGĄ (profilis) ---------- */
.refp-link-card { margin-bottom: 1rem; }
.refp-friends { display: flex; flex-direction: column; gap: 8px; }
.refp-friend-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0.8rem 1rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--card-border);
}
.refp-friend-av {
    width: 38px; height: 38px;
    border-radius: 50%;
    background: linear-gradient(145deg, #5ec8ff, #7a86ff);
    color: #06121c;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-family: 'Outfit', sans-serif;
    flex: 0 0 auto;
}
.refp-friend-info { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.refp-friend-info b { font-size: 0.9rem; }
.refp-friend-info span { font-size: 0.78rem; color: var(--text-muted); }
.refp-friend-coins { font-weight: 800; color: #4ade80; font-size: 0.9rem; white-space: nowrap; }
.refp-friend-coins i { font-style: normal; font-weight: 600; font-size: 0.72rem; opacity: 0.8; }
.refp-friend-coins.refp-friend-nocoins { color: #6e7280; font-weight: 600; font-size: 0.8rem; }

/* ---------- KVIESK DRAUGĄ: mini valdiklis (Apžvalga) ---------- */
.kd-mini-card {
    margin-top: 2rem;
    padding: 1.3rem 1.4rem;
    border-radius: 17px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.kd-mini-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 1.1rem;
}

.kd-mini-ico {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(94, 200, 255, 0.09);
    border: 1px solid rgba(94, 200, 255, 0.24);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kd-mini-ico svg { width: 19px; height: 19px; }

.kd-mini-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.kd-mini-txt b { font-size: 0.95rem; color: #fff; }
.kd-mini-txt i { font-style: normal; font-size: 0.8rem; color: #9a9aa3; line-height: 1.4; }
.kd-mini-txt i span { color: #5ec8ff; font-weight: 700; }

.kd-mini-row { display: flex; gap: 8px; }

.kd-mini-row input {
    flex: 1;
    min-width: 0;
    padding: 0.75rem 0.9rem;
    border-radius: 11px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(0, 0, 0, 0.32);
    color: #7fd4ff;
    font-family: monospace;
    font-size: 0.78rem;
    outline: none;
}

.kd-mini-row button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.75rem 1.1rem;
    border-radius: 11px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

.kd-mini-row button:hover { opacity: 0.87; }
.kd-mini-row button.copied { background: rgba(74, 222, 128, 0.18); color: #4ade80; }

@media (max-width: 560px) {
    .kd-mini-row { flex-direction: column; }
    .kd-mini-row button { justify-content: center; }
}

/* ---------- KVIESK DRAUGĄ: dedikuotas puslapis ---------- */
.kd-hero-card {
    padding: 1.6rem;
    border-radius: 18px;
    background: linear-gradient(160deg, rgba(94, 200, 255, 0.07), rgba(94, 200, 255, 0.015));
    border: 1px solid rgba(94, 200, 255, 0.22);
    margin-bottom: 1rem;
}

.kd-hero-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 1.3rem;
}

.kd-hero-ico {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 13px;
    background: rgba(94, 200, 255, 0.12);
    border: 1px solid rgba(94, 200, 255, 0.3);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kd-hero-ico svg { width: 22px; height: 22px; }

.kd-hero-txt { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding-top: 2px; }
.kd-hero-txt b { font-size: 1.05rem; color: #fff; }
.kd-hero-txt p { margin: 0; font-size: 0.85rem; color: #9a9aa3; line-height: 1.5; }
.kd-hero-txt p span { color: #5ec8ff; font-weight: 700; }

.kd-link-row {
    display: flex;
    gap: 10px;
}

.kd-link-row input {
    flex: 1;
    min-width: 0;
    padding: 0.9rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.32);
    color: #7fd4ff;
    font-family: monospace;
    font-size: 0.85rem;
    outline: none;
}

.kd-link-row button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0.9rem 1.4rem;
    border-radius: 12px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

.kd-link-row button:hover { opacity: 0.87; }
.kd-link-row button.copied { background: rgba(74, 222, 128, 0.18); color: #4ade80; }

@media (max-width: 640px) {
    .kd-hero-card { padding: 1.2rem; }
    .kd-link-row { flex-direction: column; }
    .kd-link-row input { font-size: 0.78rem; padding: 0.85rem 1rem; }
    .kd-link-row button { justify-content: center; }
}

/* ---------- ADMIN PRISIJUNGIMAI: blokavimo veiksmas ---------- */
.admlog-table .adm-tr { grid-template-columns: 1fr 1.3fr 1fr 1.2fr 0.8fr 1fr; }
.admlog-block-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid rgba(248, 113, 113, 0.35);
    background: rgba(248, 113, 113, 0.08);
    color: #f87171;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.admlog-block-btn svg { width: 13px; height: 13px; }
.admlog-block-btn:hover { background: rgba(248, 113, 113, 0.16); border-color: rgba(248, 113, 113, 0.55); }
.admlog-noblock { color: var(--text-muted); }
.wallet-row-right { display: flex; align-items: center; gap: 10px; }
.wallet-details { font-size: 0.74rem; color: #5ec8ff; margin-top: 2px; display: block; max-width: 420px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wallet-ico {
    width: 40px; height: 40px;
    border-radius: 10px;
    background: rgba(94, 200, 255, 0.1);
    color: #5ec8ff;
    display: flex; align-items: center; justify-content: center;
    flex: 0 0 auto;
}
.wallet-ico svg { width: 19px; height: 19px; }
.wallet-row-left div { display: flex; flex-direction: column; }
.wallet-row-left b { font-size: 0.92rem; }
.wallet-row-left span { font-size: 0.78rem; color: var(--text-muted); margin-top: 2px; }

.wallet-switch { position: relative; display: inline-block; width: 42px; height: 24px; flex: 0 0 auto; }
.wallet-switch input { opacity: 0; width: 0; height: 0; }
.wallet-switch span {
    position: absolute; inset: 0;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    transition: background 0.2s ease;
    cursor: pointer;
}
.wallet-switch span::before {
    content: '';
    position: absolute;
    width: 18px; height: 18px;
    left: 3px; top: 3px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s ease;
}
.wallet-switch input:checked + span { background: #4ade80; }
.wallet-switch input:checked + span::before { transform: translateX(18px); }

/* ---------- AUDIT LOG ---------- */
.audit-timeline { display: flex; flex-direction: column; }
.audit-row { display: flex; gap: 12px; padding: 12px 4px; border-bottom: 1px solid var(--card-border); }
.audit-row:last-child { border-bottom: none; }
.audit-dot { width: 8px; height: 8px; border-radius: 50%; background: #5ec8ff; margin-top: 6px; flex: 0 0 auto; }
.audit-body { display: flex; flex-direction: column; gap: 3px; }
.audit-body b { font-size: 0.87rem; font-weight: 600; }
.audit-detales { font-size: 0.8rem; color: var(--text-muted); }
.audit-when { font-size: 0.74rem; color: #5ec8ff; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 980px) {
    .adm-sidebar {
        position: fixed;
        left: -280px;
        z-index: 50;
        transition: left 0.25s ease;
        box-shadow: 20px 0 60px rgba(0,0,0,0.5);
    }
    .adm-sidebar.open { left: 0; }
    .adm-sidebar-close { display: block; }
    .adm-burger { display: block; }
    .adm-content { padding: 1.2rem; }
    .adm-tr, .adm-th { grid-template-columns: 1fr; gap: 4px; }
    .adm-th { display: none; }
    .adm-tr { align-items: flex-start; }
    .disc-table .adm-tr { grid-template-columns: 1fr; }
    .disc-form-grid { grid-template-columns: 1fr; }
    .adm-dash-ord-row { grid-template-columns: 1fr 1fr; }
}

/* ============================================================
   TAPTI RESELLERIU
   ============================================================ */

.rsl-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.rsl-reveal.in-view { opacity: 1; transform: translateY(0); }

.rsl-body .rsl-card:nth-of-type(1) { transition-delay: 0s; }
.rsl-body .rsl-card:nth-of-type(2) { transition-delay: 0.1s; }
.rsl-body .rsl-card:nth-of-type(3) { transition-delay: 0.1s; }

/* ---------- HERO ---------- */
.rsl-hero {
    position: relative;
    padding: 3.2rem 0 2.4rem;
    text-align: center;
}

.rsl-hero-inner { position: relative; z-index: 1; max-width: 640px; margin: 0 auto; }

.rsl-hero h1 {
    font-size: 2.1rem;
    font-weight: 800;
    letter-spacing: -0.7px;
    line-height: 1.25;
    margin: 0 0 0.8rem;
    color: #fff;
}

.rsl-h1-grad { color: #5ec8ff; }


.rsl-hero p {
    font-size: 0.98rem;
    color: #a3a3ad;
    line-height: 1.55;
    max-width: 480px;
    margin: 0 auto;
}

/* ---------- KORTELĖS ---------- */
.rsl-body {
    max-width: 660px;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding-bottom: 3rem;
}

.rsl-card {
    display: flex;
    gap: 1rem;
    padding: 1.3rem 1.4rem;
    border-radius: 16px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    transition: border-color 0.2s ease;
}

.rsl-card:hover { border-color: rgba(94, 200, 255, 0.24); }

.rsl-card-ico {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(94, 200, 255, 0.1);
    border: 1px solid rgba(94, 200, 255, 0.22);
    color: #5ec8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rsl-card-ico svg { width: 19px; height: 19px; }

.rsl-card-txt { flex: 1; min-width: 0; }
.rsl-card-txt h3 { font-size: 1.02rem; font-weight: 700; margin: 0 0 0.4rem; }
.rsl-card-txt p { font-size: 0.86rem; color: #a3a3ad; line-height: 1.55; margin: 0; }

/* ---------- KAINŲ PALYGINIMAS ---------- */
.rsl-price-demo {
    margin-top: 0.9rem;
    padding: 0.8rem 1rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rsl-price-demo-row { display: flex; align-items: center; gap: 10px; }
.rsl-price-demo-row span { flex: 0 0 108px; font-size: 0.75rem; color: #9a9aa3; }
.rsl-price-demo-row b { flex: 0 0 auto; font-size: 0.85rem; color: #d4d4d8; font-weight: 700; min-width: 48px; text-align: right; }
.rsl-green { color: #4ade80 !important; }

.rsl-bar-track { flex: 1; height: 6px; border-radius: 999px; background: rgba(255, 255, 255, 0.05); overflow: hidden; }
.rsl-bar {
    display: block;
    height: 100%;
    border-radius: 999px;
    width: 0;
    transition: width 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.rsl-bar-full { background: #6e7280; transition-delay: 0.15s; }
.rsl-bar-part { background: #4ade80; transition-delay: 0.45s; }
.rsl-card.in-view .rsl-bar-full { width: 100%; }
.rsl-card.in-view .rsl-bar-part { width: 27%; }

/* ---------- MOKYKLOS SĄRAŠAS ---------- */
.rsl-list {
    list-style: none;
    margin: 0.8rem 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem 0.8rem;
}

.rsl-list li {
    position: relative;
    font-size: 0.83rem;
    color: #b8b8c0;
    padding: 6px 6px 6px 16px;
    line-height: 1.4;
}

.rsl-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #5ec8ff;
}

/* ---------- PIRKIMO KORTELĖ ---------- */
.rsl-buy-card {
    text-align: center;
    padding: 1.8rem 1.6rem;
    border-radius: 18px;
    background: linear-gradient(160deg, rgba(94, 200, 255, 0.09), rgba(94, 200, 255, 0.015));
    border: 1px solid rgba(94, 200, 255, 0.26);
}

.rsl-buy-kicker {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #5ec8ff;
    margin-bottom: 0.5rem;
}

.rsl-buy-price { display: flex; align-items: flex-start; justify-content: center; gap: 3px; margin-bottom: 1.1rem; }
.rsl-buy-price-num { font-family: 'Outfit', sans-serif; font-size: 2.6rem; font-weight: 800; color: #fff; letter-spacing: -1px; line-height: 1; }
.rsl-buy-price-cur { font-size: 1.2rem; color: #5ec8ff; font-weight: 700; margin-top: 4px; }

.rsl-buy-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.85rem 1.8rem;
    border-radius: 12px;
    border: none;
    background: #fff;
    color: #0a0a0c;
    font-family: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.rsl-buy-btn:hover { opacity: 0.87; }

.rsl-buy-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 1.1rem auto 0;
    max-width: 400px;
    font-size: 0.76rem;
    color: #9a9aa3;
    line-height: 1.45;
}

.rsl-buy-note svg { flex: 0 0 auto; color: #fbbf24; }

/* ---------- PAPILDOMI EFEKTAI ---------- */

.rsl-card-ico {
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.25s ease;
}

.rsl-card:hover .rsl-card-ico {
    transform: rotate(-8deg) scale(1.08);
    background: rgba(94, 200, 255, 0.16);
}

.rsl-reveal.in-view .rsl-card-ico {
    animation: rslIcoPop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s backwards;
}

@keyframes rslIcoPop {
    0% { transform: scale(0.4) rotate(-20deg); opacity: 0; }
    100% { transform: scale(1) rotate(0); opacity: 1; }
}

.rsl-list li {
    opacity: 0;
    transform: translateX(-8px);
    transition: opacity 0.45s ease, transform 0.45s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.rsl-reveal.in-view .rsl-list li { opacity: 1; transform: translateX(0); }
.rsl-list li:nth-child(1) { transition-delay: 0.05s; }
.rsl-list li:nth-child(2) { transition-delay: 0.1s; }
.rsl-list li:nth-child(3) { transition-delay: 0.15s; }
.rsl-list li:nth-child(4) { transition-delay: 0.2s; }
.rsl-list li:nth-child(5) { transition-delay: 0.25s; }
.rsl-list li:nth-child(6) { transition-delay: 0.3s; }
.rsl-list li:nth-child(7) { transition-delay: 0.35s; }
.rsl-list li:nth-child(8) { transition-delay: 0.4s; }
.rsl-list li:nth-child(9) { transition-delay: 0.45s; }
.rsl-list li:nth-child(10) { transition-delay: 0.5s; }

.rsl-list li:hover {
    background: rgba(94, 200, 255, 0.06);
    border-color: rgba(94, 200, 255, 0.2);
    color: #e4e4e8;
}

.rsl-list li::before { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.rsl-list li:hover::before { transform: scale(1.5); box-shadow: 0 0 8px rgba(94, 200, 255, 0.7); }

.rsl-bar { position: relative; overflow: visible; }
.rsl-bar::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translate(40%, -50%);
    border-radius: 50%;
    background: inherit;
    filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease 0.9s;
}
.rsl-card.in-view .rsl-bar::after { opacity: 0.9; }

.rsl-buy-card {
    animation: rslBuyGlow 3.4s ease-in-out infinite;
}

@keyframes rslBuyGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(94, 200, 255, 0); }
    50% { box-shadow: 0 0 34px 2px rgba(94, 200, 255, 0.14); }
}

.rsl-buy-btn {
    position: relative;
    overflow: hidden;
}

.rsl-buy-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(94, 200, 255, 0.5), transparent);
    transform: skewX(-20deg);
    transition: left 0.6s ease;
}

.rsl-buy-btn:hover::before { left: 130%; }

.rsl-buy-price-num { display: inline-block; }
.rsl-reveal.in-view .rsl-buy-price-num { animation: rslNumPop 0.4s ease 0.3s backwards; }

@keyframes rslNumPop {
    0% { transform: scale(0.7); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

/* ---------- MOBILE ---------- */
@media (max-width: 640px) {
    .rsl-hero { padding: 2.2rem 0 1.8rem; }
    .rsl-hero h1 { font-size: 1.55rem; }
    .rsl-hero p { font-size: 0.88rem; }
    .rsl-card { flex-direction: column; padding: 1.1rem; }
    .rsl-price-demo-row span { flex-basis: 90px; font-size: 0.7rem; }
    .rsl-list { grid-template-columns: 1fr; }
    .rsl-buy-price-num { font-size: 2.2rem; }
    .rsl-buy-card { padding: 1.5rem 1.2rem; }
}

@media (prefers-reduced-motion: reduce) {
    .rsl-reveal { transition: opacity 0.3s ease; transform: none; }
    .rsl-buy-card, .rsl-card-ico, .rsl-buy-price-num, .rsl-bar::after {
        animation: none !important;
    }
    .rsl-list li { opacity: 1; transform: none; transition: none; }
}