.section-most-booked {
            padding: 40px 0;
            overflow: hidden;
        }

        .most-booked-header {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            margin-bottom: 24px;
        }

        .most-booked-title {
            font-size: 28px;
            font-weight: 600;
            color: rgb(15, 15, 15);
            line-height: 1.3;
            margin: 0;
        }

        .most-booked-btns {
            display: flex;
            flex-direction: row;
            gap: 8px;
        }

        .most-booked-nav {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1.5px solid rgb(227, 227, 227);
            background: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: border-color 0.2s ease;
            flex-shrink: 0;
            z-index: 5;
        }

        .most-booked-nav:hover {
            border-color: rgb(15, 15, 15);
        }

        .most-booked-nav svg {
            width: 16px;
            height: 16px;
            fill: rgb(15, 15, 15);
        }

        .most-booked-nav:disabled {
            opacity: 0.3;
            cursor: not-allowed;
        }

        .most-booked-slider-wrap {
            width: 100%;
            overflow: hidden;
            position: relative;
            padding: 10px 0;
        }

        .most-booked-slider {
            display: flex;
            flex-direction: row;
            transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
            will-change: transform;
        }

        .booked-col {
            flex: 0 0 100%;
            max-width: 100%;
            padding: 0 10px;
            box-sizing: border-box;
        }

        @media screen and (min-width: 1024px) {
        .booked-col {
                flex: 0 0 33.333%;
                max-width: 33.333%;
            }
        }

        .booked-card {
            display: flex;
            flex-direction: column;
            gap: 10px;
            text-decoration: none;
            cursor: pointer;
            width: 100%;
            background: #fff;
            border-radius: 12px;
            transition: transform 0.3s ease;
        }

        .booked-card:hover {
            transform: translateY(-5px);
        }

        .booked-card-img {
            position: relative;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 8px;
            overflow: hidden;
            background: #f5f5f5;
        }

        .booked-card-img picture,
        .booked-card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.2s ease;
        }

        .booked-card:hover .booked-card-img img {
            transform: scale(1.04);
        }

        .booked-card-btn {
            position: absolute;
            right: 12px;
            bottom: 12px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 10px 14px;
            border-radius: 12px;
            font-size: 13px;
            font-weight: 700;
            color: #ffffff;
            background-image: linear-gradient(to bottom left, #1e84b5 0%, #2596be 50%, #1e84b5 100%);
            background-size: 200% 200%;
            background-position: right top;
            transition: background-position 0.5s ease;
            text-decoration: none;
            border: none;
            cursor: pointer;
        }

        .booked-card-btn:hover {
            background-position: left bottom;
            color: #ffffff;
        }

        .booked-card-badge {
            position: absolute;
            top: 12px;
            left: 0;
            background: #7c1f5e;
            color: #ffffff;
            font-size: 12px;
            font-weight: 600;
            padding: 6px 12px;
            border-radius: 0 20px 20px 0;
            display: flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }

        .booked-card-badge svg {
            width: 14px;
            height: 14px;
            fill: #ffffff;
        }

        .booked-card-info {
            display: flex;
            flex-direction: column;
            gap: 6px;
            padding: 0 2px;
        }

        .booked-card-name {
            font-size: 16px;
            font-weight: 600;
            color: rgb(15, 15, 15);
            line-height: 1.4;
            margin: 0;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .booked-card-meta {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 8px;
        }

        .booked-card-rating {
            display: flex;
            align-items: center;
            gap: 4px;
            font-size: 13px;
            color: rgb(84, 84, 84);
        }

        .booked-card-rating svg {
            width: 14px;
            height: 14px;
            fill: #545454;
        }

        .booked-card-instant {
            display: flex;
            align-items: center;
            gap: 4px;
            font-size: 12px;
            color: rgb(84, 84, 84);
        }

        .booked-card-instant svg {
            width: 12px;
            height: 12px;
            fill: #07794c;
        }

        @media screen and (min-width: 768px) {
            .booked-col {
                flex: 0 0 50%;
                max-width: 50%;
            } 
        }
        @media screen and (min-width: 992px) {
            .section-most-booked .row-1 {
                max-width: 95%;
            }

            .section-most-booked .row-2 {
                max-width: 95%;
            }
        }
        @media screen and (min-width: 1024px) {
            .section-most-booked {
                padding: 48px 0;
            }

            .most-booked-title {
                font-size: 36px;
            }

            .most-booked-header {
                margin-bottom: 28px;
            }
        }