html,
      body.page-lists {
         margin: 0 !important;
         padding: 0 !important;
         --lists-header-top-gap: 16px;
      }

      @media (max-width: 1199.98px) {
         body.page-lists {
            --lists-header-top-gap: 12px;
         }
      }

      body.page-lists header {
         margin-top: 0 !important;
      }

      body.page-lists .togo-header-7-sec {
         padding-top: var(--lists-header-top-gap) !important;
         box-sizing: border-box;
      }

      .page-lists #lists-hero,
      .page-lists .togo-ct-details-slider-wrapper {
         position: relative;
         z-index: 1;
      }

      .page-lists .togo-ct-details-faq-heading .togo-tour-btn {
         color: var(--golden, #002147) !important;
      }

      .page-lists .togo-ct-details-faq-heading .togo-tour-btn:hover {
         color: var(--golden-dark, #001a38) !important;
      }

      .page-lists .togo-ct-details-heading .togo-btn-primary.bdr-style.golden-bdr {
         color: var(--golden);
         border-color: var(--golden);
      }

      .page-lists .togo-ct-details-heading .togo-btn-primary.bdr-style.golden-bdr:hover {
         color: var(--togo-common-white);
         background-color: var(--golden);
         border-color: var(--golden);
      }

      .page-lists .togo-ct-details-heading .togo-btn-primary.bdr-style-black:hover {
         background-color: var(--golden);
         border-color: var(--golden);
      }

      .page-lists #lists-hero.togo-ct-details-sec {
         margin-top: 0 !important;
         overflow-x: clip;
      }

      /* Match homepage: clearance below absolute navbar */
      .page-lists #lists-hero.togo-hero-7-sec.pt-200 {
         transition: padding-top 0.35s ease;
      }
      @media (max-width: 767px) {
         .page-lists #lists-hero.togo-hero-7-sec.pt-200 {
            padding-top: 20px !important;
         }
         body.geo-banner-visible.page-lists #lists-hero.togo-hero-7-sec.pt-200 {
            padding-top: 20px !important;
         }
      }
      @media (min-width: 768px) and (max-width: 1199.98px) {
         .page-lists #lists-hero.togo-hero-7-sec.pt-200 {
            padding-top: 24px !important;
         }
         body.geo-banner-visible.page-lists #lists-hero.togo-hero-7-sec.pt-200 {
            padding-top: 24px !important;
         }
      }
      @media (min-width: 1200px) {
         .page-lists #lists-hero.togo-hero-7-sec.pt-200 {
            padding-top: calc(167px + var(--lists-header-top-gap, 16px)) !important;
         }
         body.geo-banner-visible.page-lists #lists-hero.togo-hero-7-sec.pt-200 {
            padding-top: calc(167px + 28px + var(--lists-header-top-gap, 16px)) !important;
         }

         body.page-lists .dest-alpha-index {
            top: calc(var(--fz-sticky-header-stack-h, 0px) + 12px);
         }
      }

      /* Hero carousel shell — gap managed per breakpoint via modifier classes */
      .page-lists #lists-hero .togo-ct-details-slider-wrapper {
         margin-top: 0;
         margin-bottom: 0;
         overflow: visible;
      }

      .page-lists .lists-hero-carousel--desktop,
      .page-lists .lists-hero-carousel--mobile {
         padding-top: 0;
      }

      @media (min-width: 1200px) {
         .page-lists .lists-hero-carousel--desktop {
            width: 100vw;
            max-width: 100vw;
            margin-left: calc(50% - 50vw);
            margin-right: calc(50% - 50vw);
            padding-left: 40px;
            padding-right: 40px;
         }
      }

      @media (max-width: 1199.98px) {
         .page-lists .lists-hero-carousel--desktop {
            width: auto;
            max-width: none;
            margin-left: 0;
            margin-right: 0;
            padding-left: 0;
            padding-right: 0;
         }

         .page-lists .lists-hero-carousel--mobile {
            padding-left: 16px;
            padding-right: 16px;
         }
      }

      .page-lists .lists-hero-swiper {
         overflow: visible;
         padding: 0 0 8px;
      }

      @media (max-width: 1199.98px) {
         .page-lists .lists-hero-swiper {
            padding-bottom: 4px;
         }
      }

      .page-lists .lists-breadcrumb-below-hero.fz-about-breadcrumb-wrap {
         padding: 0.65rem 0 1.35rem;
         margin-top: 0;
      }

      @media (max-width: 1199.98px) {
         .page-lists .lists-breadcrumb-below-hero--mobile.fz-about-breadcrumb-wrap {
            padding: 0.5rem 16px 1rem;
         }
      }

      .page-lists .lists-hero-swiper .swiper-slide {
         height: auto;
         transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.35s ease;
         opacity: 0.65;
         transform: scale(0.92);
      }

      .page-lists .lists-hero-swiper .swiper-slide-active {
         opacity: 1;
         transform: scale(1);
         z-index: 2;
      }

      @media (max-width: 1199.98px) {
         .page-lists .lists-hero-swiper .swiper-slide,
         .page-lists .lists-hero-swiper .swiper-slide-active {
            opacity: 1;
            transform: none;
         }
      }

      .page-lists .togo-tour-details-slide-link {
         display: block;
         color: inherit;
         text-decoration: none;
      }

      .page-lists .togo-tour-details-slide {
         position: relative;
         display: block;
         border-radius: 18px;
         overflow: hidden;
         aspect-ratio: 3 / 2;
         box-shadow: 0 10px 32px rgba(0, 33, 71, 0.14);
         transition: box-shadow 0.35s ease;
      }

      .page-lists .lists-hero-swiper .swiper-slide-active .togo-tour-details-slide {
         box-shadow: 0 18px 48px rgba(0, 33, 71, 0.24);
      }

      @media (max-width: 1199.98px) {
         .page-lists .lists-hero-carousel--mobile .togo-tour-details-slide {
            border-radius: 16px;
            aspect-ratio: 16 / 10;
            box-shadow: 0 8px 24px rgba(0, 33, 71, 0.14);
         }

         .page-lists .lists-hero-carousel--mobile .lists-hero-swiper .swiper-slide-active .togo-tour-details-slide {
            box-shadow: 0 12px 32px rgba(0, 33, 71, 0.2);
         }

         .page-lists .lists-hero-carousel--mobile .togo-ct-details-slider-title {
            padding: 28px 18px 16px;
            font-size: 1.35rem !important;
         }
      }

      .page-lists .togo-tour-details-slide picture,
      .page-lists .togo-tour-details-slide img {
         display: block;
         width: 100%;
         height: 100%;
         object-fit: cover;
         border-radius: 0;
         transition: transform 0.65s cubic-bezier(0.25, 1, 0.5, 1);
      }

      .page-lists .lists-hero-swiper .swiper-slide-active .togo-tour-details-slide:hover img {
         transform: scale(1.05);
      }

      .page-lists .togo-ct-details-slider-title {
         position: absolute;
         left: 0;
         right: 0;
         bottom: 0;
         top: auto;
         margin: 0;
         padding: 36px 28px 24px;
         font-size: clamp(1.5rem, 2.4vw, 2.25rem) !important;
         font-weight: 400 !important;
         line-height: 1.15;
         letter-spacing: 0.01em;
         color: #fff !important;
         text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
         background: linear-gradient(to top, rgba(0, 33, 71, 0.92) 0%, rgba(0, 33, 71, 0.45) 48%, transparent 100%);
         z-index: 2;
         opacity: 1 !important;
         visibility: visible !important;
         transform: none;
      }

      .page-lists .togo-ct-details-slider-wrapper .lists-hero-swiper .swiper-slide-active .togo-ct-details-slider-title {
         opacity: 1 !important;
         visibility: visible !important;
      }

      .page-lists .togo-ct-details-slider-wrapper .togo-tour-details-arrows button {
         width: 44px;
         height: 44px;
         border: none;
         border-radius: 50%;
         color: #002147;
         background: #fff;
         box-shadow: 0 4px 18px rgba(0, 33, 71, 0.16);
         transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
      }

      .page-lists .togo-ct-details-slider-wrapper .togo-tour-details-arrows button:hover {
         background: #002147;
         color: #fff;
         transform: scale(1.06);
         box-shadow: 0 8px 24px rgba(0, 33, 71, 0.22);
      }

      .page-lists .togo-ct-details-slider-wrapper .togo-tour-details-arrows .togo-tour-prev {
         left: 8px;
      }

      .page-lists .togo-ct-details-slider-wrapper .togo-tour-details-arrows .togo-tour-next {
         right: 8px;
      }

      @media (min-width: 1200px) {
         .page-lists .togo-ct-details-slider-wrapper .togo-tour-details-arrows .togo-tour-prev {
            left: 16px;
         }

         .page-lists .togo-ct-details-slider-wrapper .togo-tour-details-arrows .togo-tour-next {
            right: 16px;
         }
      }

      .page-lists .fz-dest-card-link { display: block; text-decoration: none !important; color: inherit; height: 100%; }
      .page-lists .fz-dest-card { position: relative; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); background: #fff; }
      .page-lists .fz-dest-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,33,71,0.15); }
      .page-lists .fz-dest-card-thumb {
         position: relative;
         height: 400px;
         width: 100%;
         overflow: hidden;
         background: #0a2540;
      }
      .page-lists .fz-dest-card-thumb .togo-img-skeleton-wrap {
         position: absolute !important;
         inset: 0 !important;
         width: 100% !important;
         height: 100% !important;
         max-width: none !important;
         min-height: 0 !important;
      }
      .page-lists .fz-dest-card-thumb img {
         position: absolute;
         inset: 0;
         width: 100% !important;
         height: 100% !important;
         max-width: none !important;
         object-fit: cover;
         object-position: center center;
         transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
      }
      .page-lists .fz-dest-card:hover .fz-dest-card-thumb img { transform: scale(1.08); }
      .page-lists .togo-megamenu-destination-thumb .togo-img-skeleton-wrap {
         position: absolute !important;
         inset: 0 !important;
         width: 100% !important;
         height: 100% !important;
         max-width: none !important;
         min-height: 0 !important;
      }
      .page-lists .togo-megamenu-destination-thumb {
         position: relative;
      }
      .page-lists .fz-dest-card-overlay { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(to top, rgba(0,33,71,0.85) 0%, rgba(0,33,71,0.25) 50%, transparent 100%); padding: 24px; color: #fff; pointer-events: none; }
      .page-lists .fz-dest-card-link { pointer-events: auto; }
      .page-lists .fz-dest-card-content { position: relative; z-index: 3; pointer-events: none; }
      .page-lists .fz-dest-card-thumb { z-index: 1; }
      .page-lists .fz-dest-card-badge { display: inline-block; background: rgba(255,255,255,0.2); backdrop-filter: blur(8px); padding: 4px 12px; border-radius: 50px; font-size: 12px; font-weight: 500; margin-bottom: 10px; border: 1px solid rgba(255,255,255,0.3); color: #fff; }
      .page-lists .fz-dest-card-title { font-size: 28px; margin: 0 0 6px; color: #fff !important; font-weight: 400; line-height: 1.2; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }
      .page-lists .fz-dest-card-subtitle { display: block; font-size: 14px; line-height: 1.4; margin-bottom: 12px; color: rgba(255,255,255,0.88); }
      .page-lists .fz-dest-card-footer { margin-top: 4px; }
      .page-lists .fz-dest-card-btn { display: inline-flex; align-items: center; gap: 8px; color: #c8a84b; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }

      .page-lists .lists-group-multi-sec {
         background: #f7f3f0;
         border-radius: 16px;
         padding: 36px 28px;
         margin-bottom: 10px;
      }

      .page-lists .lists-group-multi-actions {
         gap: 12px;
      }

      .page-lists .lists-services-row {
         display: grid;
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 24px;
      }

      .page-lists .lists-service-card {
         border-radius: 16px;
         overflow: hidden;
         min-height: 280px;
         position: relative;
         background: #002147;
         color: #fff;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
      }

      .page-lists .lists-service-card-bg {
         position: absolute;
         inset: 0;
         z-index: 0;
      }

      .page-lists .lists-service-card-bg img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: center;
         display: block;
      }

      .page-lists .lists-service-card-bg::after {
         content: '';
         position: absolute;
         inset: 0;
         background: linear-gradient(to top, rgba(0, 33, 71, 0.92) 0%, rgba(0, 33, 71, 0.55) 45%, rgba(0, 33, 71, 0.35) 100%);
         z-index: 1;
      }

      .page-lists .lists-service-card--visa .lists-service-card-bg::after {
         background: linear-gradient(to top, rgba(13, 61, 46, 0.92) 0%, rgba(26, 95, 74, 0.55) 45%, rgba(26, 95, 74, 0.35) 100%);
      }

      .page-lists .lists-service-card-inner {
         position: relative;
         z-index: 2;
         padding: 32px 28px;
         display: flex;
         flex-direction: column;
         flex: 1;
         min-height: 280px;
      }

      .page-lists .lists-service-card-wa {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         width: 44px;
         height: 44px;
         border-radius: 50%;
         background: rgba(255, 255, 255, 0.15);
         color: #fff;
         font-size: 24px;
         line-height: 1;
         text-decoration: none;
         margin-bottom: 14px;
         transition: background 0.2s ease, transform 0.2s ease;
      }

      .page-lists .lists-service-card-wa:hover {
         background: rgba(255, 255, 255, 0.28);
         color: #fff;
         transform: scale(1.05);
      }

      .page-lists .lists-service-card .togo-btn-primary {
         margin-top: auto;
         align-self: flex-start;
         font-size: 17px;
         font-weight: 600;
         padding: 14px 32px;
         background-color: #002147 !important;
         color: #fff !important;
         border: none !important;
         box-shadow: none;
      }

      .page-lists .lists-service-card .togo-btn-primary::before {
         display: none;
      }

      .page-lists .lists-service-card .togo-btn-primary:hover {
         background-color: #001a38 !important;
         color: #fff !important;
         transform: translateY(-2px);
         box-shadow: 0 6px 16px rgba(0, 33, 71, 0.35);
      }

      .page-lists .lists-service-card h4 {
         color: #fff;
         margin-bottom: 10px;
      }

      .page-lists .lists-service-card p {
         color: rgba(255,255,255,0.9);
         margin-bottom: 18px;
      }

      .page-lists .lists-dest-support-card {
         background: #fff;
         border: 1px solid rgba(17, 17, 17, 0.08);
         border-radius: 16px;
         padding: 32px 28px;
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: space-between;
         gap: 20px;
      }

      .page-lists .lists-dest-support-actions {
         display: flex;
         flex-wrap: wrap;
         gap: 12px;
      }

      .page-lists .togo-contact-whatsapp {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         padding: 10px 20px;
         border-radius: 999px;
         background: #002147;
         color: #fff !important;
         text-decoration: none;
         font-weight: 600;
      }

      .page-lists .togo-contact-whatsapp:hover {
         background: #001a38;
         color: #fff !important;
      }

      .page-lists .togo-faq-contact-actions {
         display: inline-flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: center;
         gap: 12px;
      }

      .page-lists .dest-country-link {
         scroll-margin-top: 160px;
      }

      .page-lists .dest-countries-flat {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         align-items: flex-start;
      }

      .page-lists .dest-countries-flat .dest-child-link {
         scroll-margin-top: 160px;
      }

      .page-lists .lists-country-search-wrap {
         margin-bottom: 24px;
      }

      .page-lists .lists-country-search {
         display: flex;
         align-items: center;
         gap: 12px;
         padding: 12px 16px;
         border: 1px solid #d8dee8;
         border-radius: 12px;
         background: #fff;
      }

      .page-lists .lists-country-search .bi-search {
         color: #7a8190;
         font-size: 18px;
         flex-shrink: 0;
      }

      .page-lists .lists-country-search input[type="search"] {
         flex: 1;
         border: 0;
         outline: 0;
         font-size: 16px;
         min-width: 0;
         background: transparent;
      }

      .page-lists .lists-country-search-clear {
         display: none;
         border: 0;
         background: transparent;
         color: #7a8190;
         font-size: 22px;
         line-height: 1;
         padding: 0 4px;
         cursor: pointer;
      }

      .page-lists .lists-country-search-clear.is-shown {
         display: block;
      }

      .page-lists .lists-country-search-empty {
         display: none;
         margin: 16px 0 0;
         color: #7a8190;
      }

      .page-lists .lists-country-search-empty.is-shown {
         display: block;
      }

      .page-lists .dest-country-link.lists-country-search-hide {
         display: none !important;
      }

      .page-lists .togo-testimonial-6-item-user {
         display: flex;
         align-items: center;
         gap: 12px;
      }

      .page-lists .togo-testimonial-6-item-user--no-photo {
         gap: 0;
      }

      .page-lists .togo-testimonial-avatar-fallback {
         width: 45px;
         height: 45px;
         border-radius: 50%;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         background: #e6eef7;
         color: #002147;
         font-weight: 700;
         font-size: 16px;
         flex-shrink: 0;
      }

      @media (max-width: 991px) {
         .page-lists .fz-dest-card-thumb { height: 320px; }
         .page-lists .fz-dest-card-title { font-size: 24px; }
         .page-lists .lists-services-row { grid-template-columns: 1fr; }
      }

      .page-lists .togo-ct-details-slider-wrapper .togo-tour-active-3 {
         margin-top: 0;
      }

      .page-lists .lists-hero-slider-placeholder {
         min-height: 0;
         display: flex;
         align-items: stretch;
         justify-content: center;
         padding: 0;
      }

      .page-lists .lists-hero-slider-skeleton {
         width: 100%;
         aspect-ratio: 3 / 2;
         max-height: 360px;
         border-radius: 18px;
         background: linear-gradient(110deg, #e8edf3 8%, #f4f6f9 18%, #e8edf3 33%);
         background-size: 200% 100%;
         animation: lists-hero-shimmer 1.4s ease-in-out infinite;
      }

      @media (max-width: 1199.98px) {
         .page-lists .lists-hero-carousel--mobile .lists-hero-slider-skeleton {
            aspect-ratio: 16 / 10;
            max-height: none;
            border-radius: 16px;
         }
      }

      @keyframes lists-hero-shimmer {
         to { background-position: -200% 0; }
      }

      .page-lists .dest-parent-card {
         background: #fff;
         border: 1px solid rgba(17, 17, 17, 0.08);
         border-radius: 12px;
         padding: 22px 20px;
         height: 100%;
         scroll-margin-top: 160px;
      }

      .page-lists .dest-parent-title {
         font-size: 22px;
         line-height: 1.35;
         margin-bottom: 8px;
      }

      .page-lists .dest-parent-subtitle {
         font-size: 14px;
         color: #666;
         margin: 0 0 14px;
      }

      .page-lists .dest-parent-title .dest-parent-link {
         color: inherit;
         text-decoration: none;
      }

      .page-lists .dest-parent-title .dest-parent-link:hover {
         color: var(--golden, #002147);
      }

      .page-lists .dest-child-links {
         display: flex;
         flex-wrap: wrap;
         gap: 8px;
      }

      .page-lists .dest-child-link {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         border: 1px solid rgba(17, 17, 17, 0.15);
         border-radius: 999px;
         padding: 5px 12px 5px 6px;
         font-size: 14px;
         line-height: 1.2;
         color: #111;
         background: #fff;
         transition: all 0.2s ease;
      }

      .page-lists .dest-child-link .dest-child-thumb {
         width: 28px;
         height: 28px;
         border-radius: 999px;
         object-fit: cover;
         flex: 0 0 28px;
         display: block;
      }

      .page-lists .dest-child-link .dest-child-avatar {
         width: 28px;
         height: 28px;
         border-radius: 999px;
         flex: 0 0 28px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         font-size: 12px;
         font-weight: 700;
         line-height: 1;
         color: #14385C;
         background: #e6eef7;
         border: 1px solid rgba(20, 56, 92, 0.2);
      }

      .page-lists .dest-child-link:hover {
         color: #fff;
         border-color: var(--golden, #002147);
         background: var(--golden, #002147);
      }

      .page-lists .dest-alpha-index {
         position: sticky;
         top: 130px;
         display: flex;
         flex-direction: column;
         gap: 6px;
         align-items: center;
      }

      .page-lists .dest-alpha-index.mobile {
         position: sticky;
         top: calc(var(--header-offset, 64px) + 8px);
         z-index: 22;
         flex-direction: row;
         flex-wrap: nowrap;
         justify-content: flex-start;
         gap: 8px;
         margin-bottom: 20px;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         padding: 8px;
         border: 1px solid rgba(17, 17, 17, 0.08);
         border-radius: 10px;
         background: rgba(251, 251, 251, 0.96);
         backdrop-filter: blur(6px);
      }

      .page-lists .dest-alpha-index.mobile .dest-alpha-link {
         flex: 0 0 auto;
      }

      .page-lists .dest-alpha-index.mobile::-webkit-scrollbar {
         height: 4px;
      }

      .page-lists .dest-alpha-index.mobile::-webkit-scrollbar-thumb {
         background: rgba(17, 17, 17, 0.2);
         border-radius: 999px;
      }

      .page-lists .dest-alpha-link {
         width: 28px;
         height: 28px;
         border-radius: 999px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         font-size: 12px;
         line-height: 1;
         font-weight: 600;
         border: 1px solid rgba(17, 17, 17, 0.16);
         color: #111;
         background: #fff;
         text-decoration: none;
      }

      .page-lists .dest-alpha-link:hover {
         color: #fff;
         border-color: var(--golden, #002147);
         background: var(--golden, #002147);
      }

      .page-lists .dest-alpha-link.is-active {
         color: #fff;
         border-color: var(--golden, #002147);
         background: var(--golden, #002147);
      }

      .page-lists .dest-alpha-link.is-disabled {
         opacity: 0.32;
         pointer-events: none;
      }

      @media (prefers-reduced-motion: reduce) {
         html {
            scroll-behavior: auto;
         }
      }

