.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-3b960b4f-c542-167b-002c-212769b8fae9 {
display: none !important;
}
.lfr-layout-structure-item-3f4b22b4-29e2-e958-3597-8b19253dd9fe {
display: none !important;
}
/* =====================================================================
   PAGE EDITOR (EDIT MODE) FIXES - Odisha Tourism
   Every rule is scoped to the Liferay page editor (.page-editor /
   .page-editor__layout-viewport__resizer), so the live site is NOT affected.
   ===================================================================== */

/* 1. Canvas width
   The editor wraps the page in a flex box that cannot shrink below its
   widest content. Long Swiper rows (7,000-31,000px) pushed the canvas to
   ~14,500px, so the hero video, banners and backgrounds were stretched
   and looked blurred / pixelated. */
.page-editor__layout-viewport__resizer {
    min-width: 0 !important;
    max-width: 100% !important;
}
.page-editor .swiper {
    min-width: 0;
    max-width: 100%;
}

/* 2. Sliders in edit mode
   Liferay does not run the slider scripts in the editor, so the Swipers
   never start (no .swiper-initialized class). Their slides then show
   full width and giant (e.g. Instagram "Postcards from Odisha" photos at
   ~770 x 1200px). Show them as a tidy row of cards instead. */
.page-editor .swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    gap: 16px;
    overflow: hidden;
}
.page-editor .swiper:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 240px;
    width: 240px;
    max-width: 240px;
    height: auto;
}
.page-editor .swiper:not(.swiper-initialized) .swiper-slide img {
    width: 100%;
    height: auto;
    max-height: 360px;
    object-fit: cover;
}