<turbo-stream action="replace" target="modal"><template>

<turbo-frame id="modal">
  <div
    data-controller="modal"
    data-modal-target="outer"
    
    data-action="keyup@document->modal#handleKeyup"
    class="fixed z-20 inset-0 overflow-y-auto"
    aria-labelledby="modal-title"
    role="dialog"
    aria-modal="true"
    style="margin-top: 30px"
  >
    <div class="flex items-start justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
      <div
        data-action="click->modal#close"
        data-modal-target="wrapper"
        data-transition-enter="ease-out duration-300"
        data-transition-enter-start="opacity-0"
        data-transition-enter-end="opacity-100"
        data-transition-leave="ease-in duration-200"
        data-transition-leave-start="opacity-100"
        data-transition-leave-end="opacity-0"
        class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
        aria-hidden="true"
      >
      </div>

      <!-- This element is to trick the browser into centering the modal contents. -->
      <span class="align-middle h-screen" aria-hidden="true">&#8203;</span>

      <div
        data-modal-target="body"
        data-transition-enter="ease-out duration-300"
        data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
        data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100"
        data-transition-leave="ease-in duration-200"
        data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100"
        data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
        class="inline-block bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:align-top  sm:p-6 sm:my-[10vh] md:my-0  sm:w-full sm:max-w-[70rem]"
      >
        <div>

          <turbo-frame id="modal-body">
            <div class="px-8 py-8 !p-0">
              
 <div data-controller="slider">
   <div class="swiper" data-slider-target="container" style="max-height: 73vh;">
     <div class="swiper-wrapper mb-4">
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI0MTAsInB1ciI6ImJsb2JfaWQifX0=--f4a97dd5b9be8bf4c4f9bb83d0b3e53d56f52ecf/watermarked_penthouse-ibiza-playa-den-bossa-ave17801.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NjMsInB1ciI6ImJsb2JfaWQifX0=--bac2756c37639923d139a1ebbe5c6e5caf8b8ee7/watermarked_penthouse-ibiza-playa-den-bossa-ave17803.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NjQsInB1ciI6ImJsb2JfaWQifX0=--45ea245e79ca0a3f9d1f57a9da09089384786aa5/watermarked_penthouse-ibiza-playa-den-bossa-ave17804.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NjUsInB1ciI6ImJsb2JfaWQifX0=--fe938cbc1941b411dd2811bd175eaeedbbea5eb4/watermarked_penthouse-ibiza-playa-den-bossa-ave17805.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NjYsInB1ciI6ImJsb2JfaWQifX0=--d222c1aa81ec9a3db8d12d840b7db88dc88042bf/watermarked_penthouse-ibiza-playa-den-bossa-ave17806.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NjcsInB1ciI6ImJsb2JfaWQifX0=--f097251a4e5b93f8ec0715e9e19529f42f266c1f/watermarked_penthouse-ibiza-playa-den-bossa-ave17809.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NjgsInB1ciI6ImJsb2JfaWQifX0=--40efc8cfbdc54ecb8ceba5bc055a46259f5c05d8/watermarked_penthouse-ibiza-playa-den-bossa-ave17810.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NjksInB1ciI6ImJsb2JfaWQifX0=--22e7bd88cafa04f308d9d1dbb9d6983e7f83c2a0/watermarked_penthouse-ibiza-playa-den-bossa-ave17813.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NzAsInB1ciI6ImJsb2JfaWQifX0=--3b876531a55d3d315974d2550d40723ce4dfd151/watermarked_penthouse-ibiza-playa-den-bossa-ave17815.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NzEsInB1ciI6ImJsb2JfaWQifX0=--b579ed21893e20f15c7b3ffdaa8297af724959b3/watermarked_penthouse-ibiza-playa-den-bossa-ave17817.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NzIsInB1ciI6ImJsb2JfaWQifX0=--6b83098510f5dd65a48b46da103e7b215c13d964/watermarked_penthouse-ibiza-playa-den-bossa-ave17819.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NzMsInB1ciI6ImJsb2JfaWQifX0=--9aaaf478fcb05265fa19d2b8f9a0db9d5923f76a/watermarked_penthouse-ibiza-playa-den-bossa-ave17820.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NzQsInB1ciI6ImJsb2JfaWQifX0=--d25931aa4c34944c2a823f83ad802e128ad3af19/watermarked_penthouse-ibiza-playa-den-bossa-ave17821.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NzUsInB1ciI6ImJsb2JfaWQifX0=--4cd71a2297e8368a632fd5fd8be94584fa28a963/watermarked_penthouse-ibiza-playa-den-bossa-ave17823.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1NzYsInB1ciI6ImJsb2JfaWQifX0=--8d56e307f96d5e33b724b37ce652890c446bf09f/watermarked_penthouse-ibiza-playa-den-bossa-ave17824.jpg?locale=de" />
           <div class="swiper-lazy-preloader"></div>
         </div>
     </div>
     <div class="swiper-button-prev" data-slider-target="prev"></div>
     <div class="swiper-button-next" data-slider-target="next"></div>
     <div class="swiper-pagination"></div>
   </div>

   <div thumbsSlider="" class="swiper" data-slider-target="containerr">
     <div class="swiper-wrapper">
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjIzOTUsInB1ciI6ImJsb2JfaWQifX0=--05e51487c1dd42d7e6e76120df5b1b2b03556e32/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17801.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjIzOTYsInB1ciI6ImJsb2JfaWQifX0=--0fcfac7c1c69e7b9880acb993e119c4586a1b02a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17803.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjIzOTcsInB1ciI6ImJsb2JfaWQifX0=--6c359c8b5c7dafe8ad58dff70a526d6fb9d88a0c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17804.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjIzOTgsInB1ciI6ImJsb2JfaWQifX0=--c2fcc201ef6cdeb5fbf5a5f701eecff996c48746/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17805.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjIzOTksInB1ciI6ImJsb2JfaWQifX0=--fd1982b16145aa9979ba5fcc39c996fcfffa170f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17806.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI0MDAsInB1ciI6ImJsb2JfaWQifX0=--e67425901439551b944ca9ea39ce7b9a88d4f916/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17809.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI0MDEsInB1ciI6ImJsb2JfaWQifX0=--a8f9ef0c34ceceb803005d3e52e3fb6cc5585b9e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17810.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI0MDIsInB1ciI6ImJsb2JfaWQifX0=--eee8a57b9e6e085d8f62b9e74c952d92bc13239f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17813.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI0MDMsInB1ciI6ImJsb2JfaWQifX0=--374167eb3bf454f5264b03082a5c5d04ae866b4c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17815.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI0MDQsInB1ciI6ImJsb2JfaWQifX0=--53c3629262c0079310b536cf7566c8f9efbf0475/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17817.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI0MDUsInB1ciI6ImJsb2JfaWQifX0=--4465017c3c381a9e2d9bf17b364fe7919d1ba4a4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17819.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI0MDYsInB1ciI6ImJsb2JfaWQifX0=--cf72afc5d0d6f743da51b0a66ef6ef9636638f56/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17820.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI0MDcsInB1ciI6ImJsb2JfaWQifX0=--b092f7af43dc6fe5d8920a90cfd4604af9d9f62f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17821.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI0MDgsInB1ciI6ImJsb2JfaWQifX0=--c4019d97d976ad4bb56b563484632cc3fecdc7c9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17823.jpg?locale=de" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI0MDksInB1ciI6ImJsb2JfaWQifX0=--67ff1f2ab4e09d4e601986a8a7f7b873ec66614d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/penthouse-ibiza-playa-den-bossa-ave17824.jpg?locale=de" />
         </div>
     </div>
   </div>
 </div>

            </div>
</turbo-frame>        </div>
      </div>
    </div>
  </div>
</turbo-frame>
<style>
 .swiper-slide-thumb-active img {
   opacity: 1 !important;
 }

 .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .swiper-thumbs {
   margin-top: 10px;
   width: 100%;
   height: 120px;
   box-sizing: border-box;
 }

.swiper-thumbs .swiper-slide img {
  border-radius: 10px; /* Rounded corners only for thumbnails */
}

 .swiper-slide img {
   display: block;
   width: 100%;
   object-fit: cover;
 }

 .swiper-container.fullscreen {
   position: fixed !important;
   top: 0;
   left: 0;
   width: 100vw !important;
   height: 100vh !important;
   background: rgba(0, 0, 0, 0.9);
   z-index: 9999;
 }

 .swiper-container.fullscreen .swiper-wrapper {
   height: 100vh;
 }

 .swiper-container.fullscreen .swiper-slide {
   display: flex;
   align-items: center;
   justify-content: center;
   background: transparent;
 }

 .swiper-container.fullscreen .swiper-slide img {
   max-width: 90%;
   max-height: 90vh;
   width: auto;
   height: auto;
   object-fit: contain;
 }

 .swiper-container.fullscreen .swiper-button-prev,
 .swiper-container.fullscreen .swiper-button-next {
   color: white;
 }

 .swiper-container.fullscreen + [thumbsSlider] {
   display: none;
 }

.fullscreen-close {
  position: fixed;
  top: 20px;
  right: 20px;
  color: #3dbab3 !important;
  cursor: pointer;
  z-index: 10000;
  font-size: 24px;
  background: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: none; /* Hidden by default */
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.fullscreen-close:hover {
  background: rgba(0, 0, 0, 0.7);
  transform: scale(1.1);
}

 /* Pagination styles */
 .swiper-pagination {
   position: absolute;
   bottom: 10px !important;
 }

 .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   background: rgba(255, 255, 255, 0.5);
   opacity: 0.5;
 }

 .swiper-pagination-bullet-active {
   background: #ffffff;
   opacity: 1;
 }

 .swiper-container.fullscreen .swiper-pagination {
   bottom: 20px !important;
 }

  .swiper-container.fullscreen .swiper-slide img {
    border-radius: 0 !important; /* Force no rounding for fullscreen images */
  }
</style></template></turbo-stream>