<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/eyJfcmFpbHMiOnsiZGF0YSI6NjE2MzAsInB1ciI6ImJsb2JfaWQifX0=--840d8b8ddb065c4fb4484c25284a218e3bcebfcd/watermarked_1.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5ODcsInB1ciI6ImJsb2JfaWQifX0=--4145be407ccb21a2a81d7adaf6ffc7a78156a1da/watermarked_Karinshouseedit2-45.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5ODgsInB1ciI6ImJsb2JfaWQifX0=--e34a4ba6a80ac18fd6dac85763ab9c6b4b5cdafa/watermarked_Karinshouseedit2-33.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5ODksInB1ciI6ImJsb2JfaWQifX0=--f495492c8a730907d6835995de790cfe8d192cf7/watermarked_Karinshouseedit2-35.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5OTAsInB1ciI6ImJsb2JfaWQifX0=--94abc8e8eacb4b767ead20c86d5987493d479ab4/watermarked_Karinshouseedit2-27.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5OTEsInB1ciI6ImJsb2JfaWQifX0=--000a3d512b0e267c1022b91fef01b0c4baa4d73b/watermarked_Karinshouseedit2-24.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5OTIsInB1ciI6ImJsb2JfaWQifX0=--2deebf40887f98745abc865b2610175f41b15474/watermarked_Karinshouseedit2-21.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5OTMsInB1ciI6ImJsb2JfaWQifX0=--0e4db18374147abb96777333f958f4fb41056f9e/watermarked_Karinshouseedit2-18.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5OTQsInB1ciI6ImJsb2JfaWQifX0=--44a746792a4733ca7bf0028596b408861b5ad71a/watermarked_Karinshouseedit2-13.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5OTUsInB1ciI6ImJsb2JfaWQifX0=--534249969ece17dc598cb211bcbd2a999fa3b375/watermarked_Karinshouseedit2-3.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5OTYsInB1ciI6ImJsb2JfaWQifX0=--50b2c6d54e363fd469c639257d662367aab7a7d9/watermarked_Karinshouseedit2-1-copia.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5OTcsInB1ciI6ImJsb2JfaWQifX0=--6f6d960f9f23a0e1abbe60c8363e0cc59d814e3b/watermarked_Karinshouseedit2-43.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5OTgsInB1ciI6ImJsb2JfaWQifX0=--374ab7ec2d1c9244403e478da06b51060efb951e/watermarked_4.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjE5OTksInB1ciI6ImJsb2JfaWQifX0=--53acea22925f99038f0bf5cdf010b2e95e4ab450/watermarked_3.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwMDAsInB1ciI6ImJsb2JfaWQifX0=--a81f7e5cf2c6f4d426633b4ed98fc05fa24b2cfc/watermarked_2.jpeg?locale=es" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjExOTUsInB1ciI6ImJsb2JfaWQifX0=--111f4b83e7e7408c4eae9e5db8cf8e288b3e9c05/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/1.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjExOTYsInB1ciI6ImJsb2JfaWQifX0=--d2b5c219d49ad76720e1234282f87dbd72975f55/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Karinshouseedit2-45.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjExOTcsInB1ciI6ImJsb2JfaWQifX0=--099d9bf82f3bed7011e803af378de841ca792430/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Karinshouseedit2-33.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjExOTgsInB1ciI6ImJsb2JfaWQifX0=--59a6b29711011aa9e8c2a25bb95e4592a6b25336/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Karinshouseedit2-35.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjExOTksInB1ciI6ImJsb2JfaWQifX0=--2565001eb934e37c0b2212ea2a33dfca5a7a47d9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Karinshouseedit2-27.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyMDAsInB1ciI6ImJsb2JfaWQifX0=--8cda92800e5b597fd51c9fbf5618732b9405b1e5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Karinshouseedit2-24.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyMDEsInB1ciI6ImJsb2JfaWQifX0=--f86b70dcb4afc15ab99758d2d7f7ed43eac216f7/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Karinshouseedit2-21.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyMDIsInB1ciI6ImJsb2JfaWQifX0=--246adc70f8dab16147d7702f57fa4bf0b4357a36/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Karinshouseedit2-18.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyMDMsInB1ciI6ImJsb2JfaWQifX0=--99dac27abd953fdbf3ac1bbc8208741a6a57d696/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Karinshouseedit2-13.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyMDQsInB1ciI6ImJsb2JfaWQifX0=--814fdd9bf347d210c56e7c511f791ef04b349936/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Karinshouseedit2-3.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyMDUsInB1ciI6ImJsb2JfaWQifX0=--7d07f8c5c2cbc480cb2075db45c75a87e783a2b2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Karinshouseedit2-1-copia.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyMDYsInB1ciI6ImJsb2JfaWQifX0=--d3f7ac8622ca198cd02ef4eeff612c98ba2476b8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Karinshouseedit2-43.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyMDcsInB1ciI6ImJsb2JfaWQifX0=--26aeb7ec2331e1658211d1a17ad325a2b219b0db/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/4.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyMDgsInB1ciI6ImJsb2JfaWQifX0=--578d0e25f0e62aad54ad9ab90c5c176dddddc834/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/3.jpeg?locale=es" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyMDksInB1ciI6ImJsb2JfaWQifX0=--4a4efa944fb15de5f77e6dcc3215baf867571b9c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/2.jpeg?locale=es" />
         </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>