/* Extracted from index.php. Loaded at the original cascade position. */

        /* =====================================================
           KUMAUNMART - CHOWPATTY SPECIAL
        ===================================================== */
    
        #chowpatti-special {
            margin-top: 54px;
            margin-bottom: 48px;
        }
    
        .km-cps-wrap {
            position: relative;
        }
    
        .km-cps {
            position: relative;
            overflow: hidden;
    
            min-height: 390px;
    
            border: 1px solid rgba(17,24,39,.08);
            border-radius: 30px;
    
            background: #090909;
    
            box-shadow:
                0 24px 60px rgba(15,23,42,.14),
                0 4px 14px rgba(15,23,42,.06);
        }
    
        .km-cps > img {
            position: absolute;
            inset: 0;
    
            width: 100%;
            height: 100%;
    
            object-fit: cover;
            object-position: center;
    
            transform: scale(1.01);
    
            transition: transform 8s ease;
        }
    
        .km-cps:hover > img {
            transform: scale(1.045);
        }
    
        /* dark red-black cinematic overlay */
    
        .km-cps::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 1;
    
            background:
                linear-gradient(
                    90deg,
                    rgba(5,5,5,.96) 0%,
                    rgba(5,5,5,.88) 30%,
                    rgba(5,5,5,.63) 53%,
                    rgba(5,5,5,.22) 77%,
                    rgba(5,5,5,.08) 100%
                );
        }
    
        /* subtle red glow */
    
        .km-cps::after {
            content: "";
            position: absolute;
            z-index: 1;
    
            left: -80px;
            bottom: -120px;
    
            width: 360px;
            height: 360px;
    
            border-radius: 50%;
    
            background: rgba(239,35,60,.16);
    
            filter: blur(55px);
    
            pointer-events: none;
        }
    
    
        /* =====================================================
           CONTENT
        ===================================================== */
    
        .km-cps-content {
            position: relative;
            z-index: 3;
    
            max-width: 660px;
    
            padding: 45px 48px 54px;
    
            color: #ffffff;
        }
    
        .km-cps-topline {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
    
            margin-bottom: 17px;
        }
    
        .km-cps-kicker {
            display: inline-flex;
            align-items: center;
            gap: 8px;
    
            padding: 8px 13px;
    
            border: 1px solid rgba(255,255,255,.14);
            border-radius: 999px;
    
            color: #ffffff;
    
            background: rgba(255,255,255,.08);
    
            backdrop-filter: blur(8px);
    
            font-size: 10px;
            font-weight: 900;
    
            letter-spacing: .11em;
            text-transform: uppercase;
        }
    
        .km-cps-kicker i {
            color: #ff304c;
        }
    
        .km-cps-live {
            display: inline-flex;
            align-items: center;
            gap: 7px;
    
            padding: 8px 12px;
    
            border-radius: 999px;
    
            color: #ffffff;
    
            background: #ef233c;
    
            box-shadow: 0 9px 22px rgba(239,35,60,.3);
    
            font-size: 10px;
            font-weight: 900;
        }
    
        .km-cps-live-dot {
            width: 7px;
            height: 7px;
    
            border-radius: 50%;
    
            background: #ffffff;
    
            box-shadow: 0 0 0 4px rgba(255,255,255,.18);
        }
    
    
        /* heading */
    
        .km-cps h2 {
            margin: 0 0 14px;
    
            color: #ffffff;
    
            font-size: clamp(36px, 4.8vw, 60px);
            font-weight: 950;
            line-height: .98;
    
            letter-spacing: -2px;
        }
    
        .km-cps h2 span {
            color: #ef233c;
        }
    
        .km-cps-desc {
            max-width: 590px;
    
            margin: 0;
    
            color: #d7dbe1;
    
            font-size: 15px;
            font-weight: 500;
            line-height: 1.7;
        }
    
    
        /* =====================================================
           META PILLS
        ===================================================== */
    
        .km-cps-pills {
            display: flex;
            align-items: center;
            gap: 9px;
            flex-wrap: wrap;
    
            margin: 22px 0 0;
        }
    
        .km-cps-pill {
            display: inline-flex;
            align-items: center;
            gap: 7px;
    
            padding: 9px 12px;
    
            border: 1px solid rgba(255,255,255,.12);
            border-radius: 12px;
    
            color: #f8fafc;
    
            background: rgba(255,255,255,.07);
    
            backdrop-filter: blur(7px);
    
            font-size: 10.5px;
            font-weight: 800;
        }
    
        .km-cps-pill i {
            color: #ff304c;
            font-size: 11px;
        }
    
    
        /* =====================================================
           ACTIONS
        ===================================================== */
    
        .km-cps-actions {
            display: flex;
            align-items: center;
            gap: 11px;
            flex-wrap: wrap;
    
            margin-top: 27px;
        }
    
        .km-cps-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
    
            min-height: 46px;
    
            padding: 12px 17px;
    
            border-radius: 12px;
    
            text-decoration: none;
    
            font-size: 11.5px;
            font-weight: 900;
    
            transition:
                transform .22s ease,
                box-shadow .22s ease,
                background .22s ease;
        }
    
        .km-cps-btn.primary {
            color: #ffffff;
    
            background:
                linear-gradient(
                    135deg,
                    #ef233c,
                    #d90429
                );
    
            box-shadow:
                0 12px 26px rgba(239,35,60,.28);
        }
    
        .km-cps-btn.primary:hover {
            color: #ffffff;
    
            transform: translateY(-2px);
    
            box-shadow:
                0 15px 32px rgba(239,35,60,.34);
        }
    
        .km-cps-btn.secondary {
            color: #111827;
    
            background: #ffffff;
    
            box-shadow:
                0 8px 22px rgba(0,0,0,.1);
        }
    
        .km-cps-btn.secondary:hover {
            color: #111827;
    
            transform: translateY(-2px);
    
            background: #f7f7f7;
        }
    
    
        /* =====================================================
           RIGHT SIDE BADGE
        ===================================================== */
    
        .km-cps-floating {
            position: absolute;
            z-index: 4;
    
            right: 27px;
            bottom: 27px;
    
            width: 190px;
    
            padding: 14px;
    
            border: 1px solid rgba(255,255,255,.15);
            border-radius: 18px;
    
            color: #ffffff;
    
            background: rgba(10,10,10,.68);
    
            backdrop-filter: blur(13px);
    
            box-shadow:
                0 14px 34px rgba(0,0,0,.25);
        }
    
        .km-cps-floating-head {
            display: flex;
            align-items: center;
            gap: 9px;
    
            margin-bottom: 6px;
        }
    
        .km-cps-floating-icon {
            width: 32px;
            height: 32px;
    
            display: grid;
            place-items: center;
    
            border-radius: 10px;
    
            color: #ffffff;
    
            background: #ef233c;
    
            font-size: 12px;
        }
    
        .km-cps-floating strong {
            display: block;
    
            font-size: 11.5px;
            font-weight: 900;
        }
    
        .km-cps-floating small {
            display: block;
    
            color: #cbd5e1;
    
            font-size: 9.5px;
            line-height: 1.45;
        }
    
    
        /* =====================================================
           LOCATION PANEL
        ===================================================== */
    
        .km-cps-locations-box {
            position: relative;
            z-index: 5;
    
            width: calc(100% - 46px);
    
            margin: -25px auto 0;
    
            padding: 15px;
    
            border: 1px solid #eceff3;
            border-radius: 20px;
    
            background: rgba(255,255,255,.98);
    
            box-shadow:
                0 16px 40px rgba(15,23,42,.12);
        }
    
        .km-cps-locations-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
    
            margin-bottom: 11px;
            padding: 0 3px;
        }
    
        .km-cps-locations-title {
            display: flex;
            align-items: center;
            gap: 8px;
    
            color: #111827;
    
            font-size: 11.5px;
            font-weight: 900;
        }
    
        .km-cps-locations-title i {
            color: #ef233c;
        }
    
        .km-cps-locations-head small {
            color: #8b95a3;
    
            font-size: 9.5px;
            font-weight: 700;
        }
    
        .km-cps-location-strip {
            display: grid;
    
            grid-template-columns:
                repeat(4, minmax(0,1fr));
    
            gap: 8px;
        }
    
        .km-cps-location {
            position: relative;
    
            min-width: 0;
    
            display: flex;
            align-items: center;
            gap: 8px;
    
            padding: 11px 12px;
    
            border: 1px solid #edf0f4;
            border-radius: 12px;
    
            color: #1f2937;
    
            background: #fafafa;
    
            text-decoration: none;
    
            font-size: 10.5px;
            font-weight: 850;
    
            transition:
                transform .2s ease,
                border-color .2s ease,
                background .2s ease,
                color .2s ease,
                box-shadow .2s ease;
        }
    
        .km-cps-location i {
            flex: 0 0 auto;
    
            color: #ef233c;
        }
    
        .km-cps-location span {
            min-width: 0;
    
            overflow: hidden;
    
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    
        .km-cps-location::after {
            content: "\f105";
    
            margin-left: auto;
    
            color: #a8b0bb;
    
            font-family: "Font Awesome 6 Free";
            font-size: 9px;
            font-weight: 900;
        }
    
        .km-cps-location:hover {
            color: #d90429;
    
            border-color: rgba(239,35,60,.18);
    
            background: #fff5f6;
    
            box-shadow:
                0 8px 20px rgba(15,23,42,.06);
    
            transform: translateY(-2px);
        }
    
        .km-cps-location:hover::after {
            color: #ef233c;
        }
    
    
        /* =====================================================
           TABLET
        ===================================================== */
    
        @media (max-width: 900px) {
    
            .km-cps {
                min-height: 410px;
            }
    
            .km-cps-content {
                max-width: 620px;
    
                padding: 38px 34px 50px;
            }
    
            .km-cps::before {
                background:
                    linear-gradient(
                        90deg,
                        rgba(5,5,5,.96) 0%,
                        rgba(5,5,5,.82) 55%,
                        rgba(5,5,5,.35) 100%
                    );
            }
    
            .km-cps-floating {
                display: none;
            }
    
            .km-cps-location-strip {
                grid-template-columns:
                    repeat(2, minmax(0,1fr));
            }
    
        }
    
    
        /* =====================================================
           MOBILE
        ===================================================== */
    
        @media (max-width: 600px) {
    
            #chowpatti-special {
                margin-top: 35px;
                margin-bottom: 35px;
            }
    
            .km-cps {
                min-height: 470px;
    
                border-radius: 22px;
            }
    
            .km-cps > img {
                object-position: 67% center;
            }
    
            .km-cps::before {
                background:
                    linear-gradient(
                        180deg,
                        rgba(5,5,5,.88) 0%,
                        rgba(5,5,5,.79) 62%,
                        rgba(5,5,5,.55) 100%
                    );
            }
    
            .km-cps-content {
                max-width: 100%;
    
                padding: 27px 20px 48px;
            }
    
            .km-cps h2 {
                font-size: 39px;
                letter-spacing: -1.3px;
            }
    
            .km-cps-desc {
                font-size: 13px;
                line-height: 1.62;
            }
    
            .km-cps-pills {
                margin-top: 17px;
            }
    
            .km-cps-pill {
                padding: 8px 10px;
    
                font-size: 9.5px;
            }
    
            .km-cps-actions {
                margin-top: 20px;
            }
    
            .km-cps-btn {
                flex: 1 1 auto;
    
                min-height: 43px;
    
                padding: 11px 13px;
    
                font-size: 10px;
            }
    
            .km-cps-locations-box {
                width: calc(100% - 18px);
    
                margin-top: -19px;
    
                padding: 10px;
    
                border-radius: 16px;
            }
    
            .km-cps-locations-head {
                align-items: flex-start;
                flex-direction: column;
                gap: 3px;
    
                margin-bottom: 9px;
            }
    
            .km-cps-location-strip {
                gap: 6px;
            }
    
            .km-cps-location {
                padding: 10px 9px;
    
                border-radius: 10px;
    
                font-size: 9.4px;
            }
    
        }
    
    
        /* =====================================================
           VERY SMALL MOBILE
        ===================================================== */
    
        @media (max-width: 370px) {
    
            .km-cps-location-strip {
                grid-template-columns: 1fr;
            }
    
            .km-cps-actions {
                flex-direction: column;
            }
    
            .km-cps-btn {
                width: 100%;
            }
    
        }