:root { --brand-orange: #f45d22; --brand-violet: #4b1d3f; --brand-red: #ef4444; }

    .column-wrapper { display: flex; gap: 1.5rem; }
    .flex-col-column { flex: 1; display: flex; flex-direction: column; gap: 2.5rem; }
    
    /* ORIGINALUS TINKLELIS */
    .events-responsive-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
    @media (min-width: 640px) {
        .events-responsive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 1.5rem; }
    }
    
    .news-container { display: flex; flex-direction: column; gap: 2.5rem; }
    
    .news-responsive-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
    @media (min-width: 640px) and (max-width: 1024px) {
        .news-responsive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 1.5rem; }
    }
    @media (min-width: 1025px) {
        .news-responsive-grid { grid-template-columns: 1fr; }
    }
    
    /* ORIGINALIOS SMART-CARD SAVYBĖS */
    .smart-card { 
        display: flex; 
        flex-direction: column; 
        height: 100%; 
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.4s ease; 
        border-width: 4px; 
        background: white; 
        position: relative; 
        text-decoration: none !important; 
    }
    .event-card { border-color: #f45d22; }
    .news-card { border-color: #f9b200; }
    .smart-card:hover { transform: translateY(-8px); }
    .event-card:hover { box-shadow: 0 20px 40px rgba(244, 93, 34, 0.3); }
    .news-card:hover { box-shadow: 0 20px 40px rgba(249, 178, 0, 0.3); }
    .stretched-link::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; }
    
    .corner-icon { 
        font-size: 1.5rem; 
        opacity: 0.35; 
        transition: transform 0.4s ease, opacity 0.4s ease; 
        display: inline-block;
        position: relative;
        z-index: 30;
    }    
    .smart-card:hover .corner-icon { 
        opacity: 0.85 !important; 
        transform: scale(1.15) rotate(-5deg); 
    }
    
    .vip-tag { display: inline-flex; align-items: center; gap: 8px; background: #4b1d3f; color: #ffd700; padding: 7px 16px; border-radius: 12px; font-size: 13px; font-weight: 950; text-transform: uppercase; box-shadow: 0 6px 15px rgba(75, 29, 63, 0.4); border: 2px solid #ffd700; position: relative; overflow: hidden; animation: vip-glow 2s infinite; z-index: 10; }
    @keyframes vip-glow { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
    
    .pinned-icon { position: absolute; top: -18px; right: -10px; background: #4b1d3f; color: #ffd700; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.3); border: 2px solid #ffd700; z-index: 30; transform: rotate(15deg); transition: all 0.3s ease; font-weight: 900; text-transform: uppercase; font-style: italic; width: 40px; height: 40px; font-size: 18px; }
    .smart-card:hover .pinned-icon { transform: rotate(0deg) scale(1.15); background: #f45d22; }
    
    .time-countdown-badge {
        position: absolute; top: -15px; left: 25px; 
        background: #b83204; color: white; padding: 0.5rem 1.2rem; 
        border-radius: 12px; font-weight: 900; font-style: italic; font-size: 0.75rem; 
        text-transform: uppercase; z-index: 20; box-shadow: 0 8px 15px rgba(184, 50, 4, 0.4);
        border: 2px solid white; display: flex; align-items: center; gap: 0.5rem;
    }
    .badge-live { background: #b91c1c !important; box-shadow: 0 8px 15px rgba(185, 28, 28, 0.4) !important; animation: pulse-red 2s infinite; }
    @keyframes pulse-red { 0% { opacity: 1; } 50% { opacity: 0.8; } 100% { opacity: 1; } }

    .badge-date-style {
        position: relative;
        z-index: 30;
        display: inline-flex; align-items: center; gap: 6px; background: var(--brand-violet); color: white;
        padding: 4px 10px; border-radius: 8px; font-size: 11px; font-weight: 950;
        text-transform: uppercase; border: 1.5px solid white; box-shadow: 0 4px 8px rgba(75, 29, 63, 0.15);
        transition: all 0.3s ease;
        cursor: pointer;
        white-space: nowrap !important;
        text-align: left;
    }
    .badge-date-style:hover { background-color: var(--brand-orange); }

    .badge-time-style-no-hover {
        display: inline-flex; align-items: center; gap: 6px; background: var(--brand-violet); color: white;
        padding: 4px 10px; border-radius: 8px; font-size: 11px; font-weight: 950;
        text-transform: uppercase; border: 1.5px solid white; box-shadow: 0 4px 8px rgba(75, 29, 63, 0.15);
        cursor: default;
        white-space: nowrap !important;
    }

    .badge-city-style-custom {
        position: relative;
        z-index: 30;
        display: inline-flex; align-items: center; gap: 6px; background: #b83204; color: white;
        padding: 4px 10px; border-radius: 8px; font-size: 11px; font-weight: 950;
        text-transform: uppercase; border: 1.5px solid white; box-shadow: 0 4px 8px rgba(184, 50, 4, 0.15);
        transition: all 0.3s ease;
        cursor: pointer;
        white-space: nowrap !important;
        text-align: right;
    }
    .badge-city-style-custom:hover { background-color: var(--brand-violet); }

    .card-vip-pulsing {
        position: relative;
        z-index: 30;
        display: inline-flex; align-items: center; gap: 6px; background: var(--brand-violet); color: #ffd700;
        padding: 4px 10px; border-radius: 8px; font-size: 11px; font-weight: 950;
        text-transform: uppercase; border: 1.5px solid #ffd700; box-shadow: 0 4px 12px rgba(75, 29, 63, 0.3);
        animation: card-vip-glow 2s infinite;
        white-space: nowrap !important;
    }
    @keyframes card-vip-glow { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }

    .badge-news-style {
        position: relative;
        z-index: 30;
        display: inline-flex; align-items: center; gap: 6px; background: #f9b200; color: black;
        padding: 4px 10px; border-radius: 8px; font-size: 11px; font-weight: 950;
        text-transform: uppercase; border: 1.5px solid white; box-shadow: 0 4px 8px rgba(249, 178, 0, 0.15);
        transition: all 0.3s ease;
        cursor: pointer;
        white-space: nowrap !important;
        text-align: left;
    }
    .badge-news-style:hover { background-color: var(--brand-violet); color: white; }
    
    .badge-news-time-style-no-hover {
        display: inline-flex; align-items: center; gap: 6px; background: #f9b200; color: black;
        padding: 4px 10px; border-radius: 8px; font-size: 11px; font-weight: 950;
        text-transform: uppercase; border: 1.5px solid white; box-shadow: 0 4px 8px rgba(249, 178, 0, 0.15);
        cursor: default;
        white-space: nowrap !important;
    }

    .badge-footer-events {
        position: relative;
        z-index: 30;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background-color: #b83204;
        color: white !important;
        padding: 4px 10px;
        border-radius: 8px;
        font-size: 11px;
        font-weight: 950;
        text-transform: uppercase;
        border: 1.5px solid white;
        box-shadow: 0 4px 8px rgba(184, 50, 4, 0.15);
        transition: all 0.3s ease;
        cursor: pointer;
        white-space: nowrap !important;
        text-decoration: none !important;
    }
    .badge-footer-events:hover {
        background-color: var(--brand-violet) !important;
        color: white !important;
        box-shadow: 0 4px 12px rgba(75, 29, 63, 0.3);
    }

    .badge-footer-news {
        position: relative;
        z-index: 30;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background-color: #f9b200;
        color: black !important;
        padding: 4px 10px;
        border-radius: 8px;
        font-size: 11px;
        font-weight: 950;
        text-transform: uppercase;
        border: 1.5px solid white;
        box-shadow: 0 4px 8px rgba(249, 178, 0, 0.15);
        transition: all 0.3s ease;
        cursor: pointer;
        white-space: nowrap !important;
        text-decoration: none !important;
    }
    .badge-footer-news:hover {
        background-color: var(--brand-violet) !important;
        color: white !important;
        box-shadow: 0 4px 12px rgba(75, 29, 63, 0.3);
    }

    .smart-card:hover img.main-img {
        transform: none !important;
    }

    .brand-violet { color: #4b1d3f; }
    .read-more-link { font-size: 11px; font-weight: 900; text-transform: uppercase; font-style: italic; display: inline-flex; align-items: center; gap: 5px; }
    
    .btn-main { 
        display: inline-flex; 
        align-items: center; 
        justify-content: center; 
        gap: 0.6rem; 
        min-width: 240px; 
        padding: 1.1rem 2.2rem; 
        border-radius: 1.5rem; 
        font-weight: 900; 
        text-transform: uppercase; 
        font-style: italic; 
        transition: all 0.3s ease; 
        background-color: #4b1d3f !important;
        color: #ffffff !important;
        font-size: 17px !important;
        box-shadow: none !important;
    }
    .btn-event {
        border: 3px solid #f45d22 !important;
    }
    .btn-event:hover {
        background-color: #f45d22 !important;
        color: #ffffff !important;
        transform: translateY(-2px);
    }
    .btn-news {
        border: 3px solid #f9b200 !important;
    }
    .btn-news:hover {
        background-color: #f9b200 !important;
        color: #ffffff !important;
        transform: translateY(-2px);
    }
    
    .social-seo-bar { margin-top: 1.5rem; padding: 1.5rem 1rem 1rem 1rem; border-top: 2px solid #eee; text-align: center; }
    .social-seo-title { font-weight: 950; text-transform: uppercase; font-style: italic; color: #4b1d3f; margin-bottom: 0.5rem !important; display: block; }
    .social-seo-grid { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
    .social-seo-item { text-decoration: none !important; color: white !important; padding: 0.8rem 1.5rem; border-radius: 1rem; font-weight: 800; font-size: 13px; display: flex; align-items: center; gap: 8px; transition: 0.3s; }
    .social-seo-item:hover { transform: translateY(-3px); opacity: 0.9; }
    .bg-social-violet { background: #4b1d3f; border: 2px solid transparent; }
    .bg-social-violet:hover { background: #f45d22; border-color: #4b1d3f; }

    .btn-subscribe {
        background-color: #c2410c;
        border: 2.5px solid #f45d22;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .btn-subscribe:hover {
        background-color: #f45d22;
        border-color: #ffd700;
        transform: scale(1.04) translateY(-2px);
        box-shadow: 0 10px 22px rgba(244, 93, 34, 0.45);
    }

    .admin-fast-edit {
        position: absolute; top: 15px; right: 15px; z-index: 30;
        background: #ef4444; color: white !important; border: 2px solid white;
        padding: 0.4rem 0.9rem; border-radius: 99px; font-weight: 900;
        font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px;
        box-shadow: 0 10px 20px rgba(239, 68, 68, 0.4); transition: 0.3s;
    }
    .admin-fast-edit:hover { background: #b91c1c; transform: scale(1.05); }

    @keyframes pulse-indicator-slide {
        0%, 100% { transform: translateX(0); }
        50% { transform: translateX(12px); }
    }
    .swipe-indicator-badge {
        display: none;
        align-items: center;
        gap: 10px;
        background: #4b1d3f !important;
        color: #ffffff !important;
        padding: 10px 24px !important;
        border-radius: 99px !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        text-transform: uppercase !important;
        border: 1.5px solid #ffffff !important;
        z-index: 10 !important;
        box-shadow: 0 6px 15px rgba(75, 29, 63, 0.4) !important;
        animation: pulse-indicator-slide 2s infinite ease-in-out !important;
    }

    @keyframes pulse-event-btn {
        0% { transform: scale(1); box-shadow: 0 4px 15px rgba(244, 93, 34, 0.3); }
        50% { transform: scale(1.03); box-shadow: 0 10px 25px rgba(244, 93, 34, 0.6); }
        100% { transform: scale(1); box-shadow: 0 4px 15px rgba(244, 93, 34, 0.3); }
    }
    @keyframes pulse-news-btn {
        0% { transform: scale(1); box-shadow: 0 4px 15px rgba(249, 178, 0, 0.3); }
        50% { transform: scale(1.03); box-shadow: 0 10px 25px rgba(249, 178, 0, 0.6); }
        100% { transform: scale(1); box-shadow: 0 4px 15px rgba(249, 178, 0, 0.3); }
    }
    .btn-pulse-event {
        animation: pulse-event-btn 2s infinite ease-in-out;
    }
    .btn-pulse-news {
        animation: pulse-news-btn 2s infinite ease-in-out;
    }

    .desktop-only-promo {
        display: block !important;
    }

    @media (max-width: 1024px) {
        .desktop-only-promo {
            display: none !important;
        }
    }

    .desktop-header-vip {
        display: none !important;
    }
    .mobile-header-vip {
        display: flex !important;
    }
    #seoExpandBtn, #bottomSeoExpandBtn {
        display: flex !important;
    }
    #seoExpandContent.mobile-collapsed, 
    #bottomSeoExpandContent.bottom-mobile-collapsed {
        display: none !important;
    }

    @media (min-width: 768px) {
        .desktop-header-vip {
            display: flex !important;
        }
        .mobile-header-vip {
            display: none !important;
        }
        #seoExpandBtn, #bottomSeoExpandBtn {
            display: none !important;
        }
        #seoExpandContent.mobile-collapsed, 
        #bottomSeoExpandContent.bottom-mobile-collapsed {
            display: block !important;
        }
    }

    @media (max-width: 767px) {
        #seoExpandContent.mobile-collapsed {
            display: none !important;
        }
        #seoExpandContent.mobile-expanded {
            display: block !important;
            animation: fadeIn 0.3s ease-out;
        }
    }
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(-5px); }
        to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 767px) {
        #bottomSeoExpandContent.bottom-mobile-collapsed {
            display: none !important;
        }
        #bottomSeoExpandContent.bottom-mobile-expanded {
            display: block !important;
            animation: fadeIn 0.3s ease-out;
        }
    }

    @media (min-width: 1025px) {
        .social-share-wrapper {
            display: flex !important;
            flex-direction: row !important;
            justify-content: center !important;
            align-items: center !important;
            gap: 1.5rem !important;
        }
        .social-seo-grid {
            display: flex !important;
            flex-direction: row !important;
            justify-content: center !important;
            gap: 0.75rem !important;
            width: auto !important;
        }
        .social-seo-item {
            display: inline-flex !important;
            width: auto !important;
            flex: 0 0 auto !important;
            padding: 0.8rem 1.5rem !important;
        }
    }

    @media (max-width: 1024px) {
        .smart-card {
            user-select: none !important;
            -webkit-user-select: none !important;
            -moz-user-select: none !important;
            -ms-user-select: none !important;
        }
    }

    @media (max-width: 640px) {
        .social-seo-grid {
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            gap: 0.35rem !important;
        }
        .social-seo-item {
            padding: 0.5rem 0.5rem !important;
            font-size: 10px !important;
            flex: 1 1 0% !important;
            justify-content: center !important;
            gap: 4px !important;
            border-radius: 1rem !important;
        }
    }

    @media (max-width: 480px) {
        .smart-card .p-6 {
            padding: 1.25rem !important;
        }
        .badge-date-style, 
        .badge-time-style-no-hover, 
        .badge-city-style-custom, 
        .card-vip-pulsing, 
        .badge-news-style, 
        .badge-news-time-style-no-hover {
            font-size: 9.5px !important;
            padding: 3px 8px !important;
            gap: 4px !important;
        }
    }

    @media (max-width: 1024px) {
        .swipe-indicator-badge {
            display: inline-flex !important;
        }
        .controls-wrapper {
            margin-bottom: 0.75rem !important;
        }
        .button-spacer-mobile {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }
        
        .events-responsive-grid, .news-responsive-grid { 
            display: flex !important; 
            overflow-x: auto !important; 
            scroll-snap-type: x mandatory !important; 
            gap: 2rem !important; 
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            padding-top: 25px !important;
            padding-bottom: 5px !important;
            margin-bottom: 0.5rem !important;
            min-height: 480px !important;
            margin-left: -1rem !important;
            margin-right: -1rem !important;
            padding-left: 1.25rem !important;
            padding-right: 1.25rem !important;
        } 
        .events-responsive-grid::-webkit-scrollbar, .news-responsive-grid::-webkit-scrollbar { 
            display: none; 
        }
        
        .events-responsive-grid .smart-card, .news-responsive-grid .smart-card {
            flex: 0 0 calc(50% - 1rem) !important;
            scroll-snap-align: start !important;
            scroll-snap-stop: always !important;
            margin-top: 0 !important;
        }
        
        .events-responsive-grid .smart-card .stretched-link, 
        .news-responsive-grid .smart-card .stretched-link {
            display: -webkit-box !important;
            -webkit-line-clamp: 4 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
            height: 5.6rem !important;
            line-height: 1.4rem !important;
            margin-bottom: 1rem !important;
        }

        .smart-card > a:first-of-type {
            height: 260px !important;
            width: 100% !important;
            overflow: hidden !important;
            border-radius: 2.1rem 2.1rem 0 0 !important;
        }
        .smart-card > a:first-of-type img.main-img {
            width: 100% !important;
            height: 100% !important;
            object-fit: contain !important;
        }

        @media (min-width: 601px) and (max-width: 1024px) {
            .smart-card > a:first-of-type {
                height: 200px !important;
            }
        }

        .smart-card .p-6 > div:first-of-type {
            position: relative !important;
            z-index: 30 !important;
        }

        .news-responsive-grid {
            min-height: 440px !important;
        }

        .btn-main {
            width: 100% !important;
            display: inline-flex !important;
            min-width: unset !important;
            padding-left: 1rem !important;
            padding-right: 1rem !important;
        }

        .mobile-full-width-badge {
            margin-left: -1rem !important;
            margin-right: -1rem !important;
            width: calc(100% + 2rem) !important;
            border-radius: 0px !important;
            box-shadow: none !important;
        }

        .mobile-promo-wrapper {
            margin-left: -1rem !important;
            margin-right: -1rem !important;
            width: calc(100% + 2rem) !important;
            max-width: calc(100% + 2rem) !important;
        }
        .mobile-promo-wrapper > * {
            width: 100% !important;
            max-width: 100% !important;
        }

        .main-layout-news {
            margin-top: -2rem !important;
        }
    }

    @media (max-width: 600px) {
        .events-responsive-grid .smart-card, .news-responsive-grid .smart-card {
            flex: 0 0 calc(100% - 1.5rem) !important;
            scroll-snap-align: center !important;
            scroll-snap-stop: always !important;
        }
    }

    .desktop-only-news { display: none !important; }
    .mobile-only-news { display: flex !important; }

    @media (min-width: 1025px) {
        .desktop-only-news { display: grid !important; }
        .mobile-only-news { display: none !important; }
    }
    
    @media (max-width: 1024px) {
        .desktop-only-news { display: none !important; }
        .mobile-only-news { display: flex !important; }
    }

    .main-layout-wrapper {
        display: flex;
        flex-direction: column;
    }
    .main-layout-events, .main-layout-news {
        width: 100%;
    }
    
    @media (min-width: 1025px) {
        .main-layout-wrapper {
            flex-direction: row;
        }
        .main-layout-events {
            width: 66.666667%;
            order: 2;
        }
        .main-layout-news {
            width: 33.333333%;
            order: 1;
        }
    }

    .swipe-badge-container {
        display: none;
    }
    @media (max-width: 1024px) {
        .swipe-badge-container {
            display: flex !important;
        }
    }

    @media (max-width: 1024px) {
        .newsletter-subscribe-container {
            flex-direction: column !important;
            text-align: center !important;
        }
        .newsletter-subscribe-text {
            text-align: center !important;
            max-width: 100% !important;
        }
        .newsletter-subscribe-form {
            max-width: 100% !important;
        }
        #newsletterMessage {
            text-align: center !important;
        }
    }

    @media (max-width: 767px) {
        .mobile-header-vip.menu-link-renginiai i,
        .mobile-header-vip.menu-link-renginiai span {
            color: #c2410c !important;
            transition: color 0.2s ease;
        }

        .mobile-header-vip.menu-link-naujienos i,
        .mobile-header-vip.menu-link-naujienos span {
            color: #a16207 !important;
            transition: color 0.2s ease;
        }
    }

    .mobile-promo-wrapper {
        display: block !important;
    }

    @media (min-width: 1025px) {
        .mobile-promo-wrapper {
            display: none !important;
        }
    }

    @media (max-width: 1024px) {
        .mobile-promo-wrapper {
            margin-left: -1rem !important;
            margin-right: -1rem !important;
            width: calc(100% + 2rem) !important;
            max-width: calc(100% + 2rem) !important;
        }
        .mobile-promo-wrapper > * {
            width: 100% !important;
            max-width: 100% !important;
        }
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
    }