/* =========================================================
   CZORS HOME — SHARED SECTION UTILITY
   ========================================================= */

.czors-section {
    width: 100%;
    margin-bottom: 36px;
}

.czors-section:last-child {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .czors-section {
        margin-bottom: 30px;
    }
}

@media (max-width: 600px) {
    .czors-section {
        margin-bottom: 24px;
    }
}


.czors-home-premium-hero,
        .czors-home-premium-hero * {
            box-sizing: border-box;
        }

        .czors-home-premium-hero {
            width: 100%;
            position: relative;
            isolation: isolate;
            overflow: hidden;
            margin: 0;
            padding: 28px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 24px;
            background:
                linear-gradient(
                    110deg,
                    #111111 0%,
                    #0d0d0d 47%,
                    #211204 100%
                );
            color: #ffffff;
            font-family: Arial, sans-serif;
        }

        .czors-home-hero-layout {
            position: relative;
            z-index: 3;
            display: grid;
            grid-template-columns:
                minmax(0, 1fr)
                minmax(270px, 360px);
            gap: 32px;
            align-items: center;
        }

        .czors-home-hero-content {
            min-width: 0;
        }

        .czors-home-hero-location {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            margin-bottom: 17px;
            color: #bdbdbd;
            font-size: 13px;
            font-weight: 700;
        }

        .czors-home-hero-location svg {
            width: 16px;
            height: 16px;
            color: #ff8a18;
            stroke-width: 2.4;
        }

        .czors-home-hero-content h1 {
            margin: 0;
            color: #ffffff;
            font-size: clamp(27px, 3vw, 42px);
            font-weight: 900;
            line-height: 1.12;
            letter-spacing: -0.04em;
        }

        .czors-home-hero-content h1 > span:first-of-type {
            color: #ff8a18;
        }

        .czors-home-wave {
            display: inline-block;
            margin-left: 3px;
            font-size: 0.72em;
            transform-origin: 70% 70%;
            animation: czorsHomeWave 2.8s ease-in-out infinite;
        }

        .czors-home-hero-description {
            margin: 11px 0 0;
            color: #c8c8c8;
            font-size: 15px;
            line-height: 1.55;
        }

        .czors-home-hero-description strong {
            color: #ffffff;
        }

        .czors-home-next-preview {
            display: flex;
            align-items: center;
            gap: 12px;
            width: min(100%, 580px);
            margin-top: 19px;
            padding: 12px 14px;
            border: 1px solid rgba(255, 138, 24, 0.24);
            border-radius: 15px;
            background: rgba(255, 255, 255, 0.035);
            color: #ffffff !important;
            text-decoration: none !important;
            transition:
                border-color 0.2s ease,
                background 0.2s ease,
                transform 0.2s ease;
        }

        .czors-home-next-preview:hover {
            border-color: rgba(255, 138, 24, 0.7);
            background: rgba(255, 138, 24, 0.07);
            transform: translateY(-2px);
        }

        .czors-home-next-icon {
            display: grid;
            width: 42px;
            height: 42px;
            flex: 0 0 42px;
            place-items: center;
            border-radius: 12px;
            background: rgba(255, 138, 24, 0.14);
            color: #ff8a18;
        }

        .czors-home-next-icon svg {
            width: 20px;
            height: 20px;
        }

        .czors-home-next-copy {
            display: flex;
            min-width: 0;
            flex: 1;
            flex-direction: column;
            gap: 2px;
        }

        .czors-home-next-copy small {
            color: #9a9a9a;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .czors-home-next-copy strong {
            overflow: hidden;
            color: #ffffff;
            font-size: 14px;
            font-weight: 900;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .czors-home-next-copy span {
            overflow: hidden;
            color: #b7b7b7;
            font-size: 12px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .czors-home-next-arrow {
            width: 18px;
            height: 18px;
            flex: 0 0 18px;
            color: #ff8a18;
        }

        .czors-home-hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 20px;
        }

        .czors-home-primary-button,
        .czors-home-secondary-button {
            display: inline-flex;
            min-height: 46px;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 12px 17px;
            border-radius: 13px;
            font-size: 13px;
            font-weight: 900;
            text-decoration: none !important;
            transition:
                transform 0.2s ease,
                background 0.2s ease,
                border-color 0.2s ease;
        }

        .czors-home-primary-button {
            border: 1px solid #ff8a18;
            background: #ff8a18;
            color: #090909 !important;
        }

        .czors-home-primary-button:hover {
            background: #ff9c38;
            border-color: #ff9c38;
            transform: translateY(-2px);
        }

        .czors-home-secondary-button {
            border: 1px solid rgba(255, 255, 255, 0.16);
            background: rgba(255, 255, 255, 0.045);
            color: #ffffff !important;
        }

        .czors-home-secondary-button:hover {
            border-color: rgba(255, 138, 24, 0.55);
            background: rgba(255, 138, 24, 0.08);
            transform: translateY(-2px);
        }

        .czors-home-primary-button svg,
        .czors-home-secondary-button svg {
            width: 17px;
            height: 17px;
        }

        .czors-home-hero-stats {
            display: grid;
            gap: 10px;
        }

        .czors-home-hero-stat {
            display: flex;
            align-items: center;
            gap: 12px;
            min-height: 72px;
            padding: 13px 15px;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 16px;
            background: rgba(8, 8, 8, 0.64);
            color: #ffffff !important;
            text-decoration: none !important;
            backdrop-filter: blur(12px);
            transition:
                transform 0.2s ease,
                border-color 0.2s ease,
                background 0.2s ease;
        }

        .czors-home-hero-stat:hover {
            border-color: rgba(255, 138, 24, 0.52);
            background: rgba(255, 138, 24, 0.07);
            transform: translateX(-4px);
        }

        .czors-home-stat-icon {
            display: grid;
            width: 42px;
            height: 42px;
            flex: 0 0 42px;
            place-items: center;
            border-radius: 12px;
            background: rgba(255, 138, 24, 0.12);
            color: #ff8a18;
        }

        .czors-home-stat-icon svg {
            width: 19px;
            height: 19px;
        }

        .czors-home-stat-copy {
            display: flex;
            flex: 1;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
        }

        .czors-home-stat-copy small {
            color: #b4b4b4;
            font-size: 12px;
            font-weight: 800;
        }

        .czors-home-stat-copy strong {
            color: #ffffff;
            font-size: 25px;
            font-weight: 900;
            letter-spacing: -0.04em;
        }

        .czors-home-hero-glow {
            position: absolute;
            z-index: 1;
            border-radius: 50%;
            pointer-events: none;
            filter: blur(4px);
        }

        .czors-home-hero-glow.glow-one {
            top: -110px;
            right: 110px;
            width: 330px;
            height: 330px;
            background:
                radial-gradient(
                    circle,
                    rgba(255, 138, 24, 0.25) 0%,
                    rgba(255, 138, 24, 0.06) 43%,
                    transparent 72%
                );
            animation: czorsHeroFloat 7s ease-in-out infinite;
        }

        .czors-home-hero-glow.glow-two {
            right: -70px;
            bottom: -120px;
            width: 300px;
            height: 300px;
            border: 1px solid rgba(255, 138, 24, 0.22);
            box-shadow:
                inset 0 0 70px rgba(255, 138, 24, 0.08),
                0 0 70px rgba(255, 138, 24, 0.08);
            animation: czorsHeroPulse 5s ease-in-out infinite;
        }

        @keyframes czorsHomeWave {
            0%,
            60%,
            100% {
                transform: rotate(0deg);
            }

            10% {
                transform: rotate(16deg);
            }

            20% {
                transform: rotate(-9deg);
            }

            30% {
                transform: rotate(15deg);
            }

            40% {
                transform: rotate(-5deg);
            }

            50% {
                transform: rotate(10deg);
            }
        }

        @keyframes czorsHeroFloat {
            0%,
            100% {
                transform: translate3d(0, 0, 0);
            }

            50% {
                transform: translate3d(-20px, 15px, 0);
            }
        }

        @keyframes czorsHeroPulse {
            0%,
            100% {
                opacity: 0.45;
                transform: scale(0.92);
            }

            50% {
                opacity: 0.85;
                transform: scale(1.05);
            }
        }


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

        @media (max-width: 900px) {

            .czors-home-premium-hero {
                margin: 0;
                padding: 22px;
            }

            .czors-home-hero-layout {
                grid-template-columns: 1fr;
                gap: 22px;
            }

            .czors-home-hero-stats {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .czors-home-hero-stat {
                min-height: 74px;
                padding: 12px;
            }

            .czors-home-stat-copy {
                align-items: flex-start;
                flex-direction: column;
                gap: 2px;
            }

            .czors-home-stat-copy strong {
                font-size: 21px;
            }
        }


        /* =================================================
           MOBILE
        ================================================= */

        @media (max-width: 600px) {

            .czors-home-premium-hero {
                margin: 0;
                padding: 18px;
                border-radius: 20px;
            }

            .czors-home-hero-layout {
                gap: 17px;
            }

            .czors-home-hero-location {
                margin-bottom: 12px;
                font-size: 12px;
            }

            .czors-home-hero-content h1 {
                font-size: 26px;
                line-height: 1.15;
            }

            .czors-home-hero-description {
                margin-top: 8px;
                font-size: 13px;
            }

            .czors-home-next-preview {
                margin-top: 15px;
                padding: 11px;
            }

            .czors-home-next-icon {
                width: 38px;
                height: 38px;
                flex-basis: 38px;
            }

            .czors-home-next-copy strong {
                font-size: 13px;
            }

            .czors-home-next-copy span {
                font-size: 11px;
            }

            .czors-home-hero-actions {
                display: grid;
                grid-template-columns: 1fr 1fr;
                margin-top: 15px;
            }

            .czors-home-primary-button,
            .czors-home-secondary-button {
                min-height: 44px;
                padding: 11px 10px;
                font-size: 12px;
            }

            .czors-home-hero-stats {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 7px;
            }

            .czors-home-hero-stat {
                min-height: auto;
                align-items: flex-start;
                flex-direction: column;
                gap: 8px;
                padding: 11px;
                border-radius: 14px;
            }

            .czors-home-stat-icon {
                width: 34px;
                height: 34px;
                flex-basis: 34px;
                border-radius: 10px;
            }

            .czors-home-stat-icon svg {
                width: 16px;
                height: 16px;
            }

            .czors-home-stat-copy {
                width: 100%;
                align-items: flex-start;
                flex-direction: column;
                gap: 1px;
            }

            .czors-home-stat-copy small {
                font-size: 10px;
            }

            .czors-home-stat-copy strong {
                font-size: 19px;
            }

            .czors-home-hero-glow.glow-one {
                top: -150px;
                right: -80px;
            }

            .czors-home-hero-glow.glow-two {
                display: none;
            }
        }