/* Archive-based combined public flow layout and honest content states. */

/* BEGIN yv-flow-layout.css */
/* Public legacy layout. Load after portal.css; pair with yv-flow-layout.js. */
.pageW .FirsatAlani {
    display: flow-root;
    margin-top: 0;
}
.pageW .FirsatAlani > .MaviTab {
    float: none !important;
}
.pageW .FirsatAlani .SlideThumb,
.pageW .FirsatAlani .SlideThumb > ul > li {
    height: auto !important;
    min-height: 195px;
}
.pageW .FirsatAlani .SlideThumb {
    overflow: hidden;
}
.pageW .FirsatAlani .SlideThumb > ul::after {
    content: "";
    display: block;
    clear: both;
}
.pageW .FirsatAlani + .GriOval,
.pageW .FirsatAlani + .MaviBaslik {
    clear: right;
}
.pageW .FirsatAlani .SlidePager {
    position: relative;
    margin-top: 10px;
}

/* A failed/empty legacy initialization gets readable content, never a retry loop. */
.pageW .yv-flow-carousel.yv-carousel-fallback {
    width: 100% !important;
    height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
}
.pageW .yv-flow-carousel.yv-carousel-fallback > ul {
    display: flex !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
}
.pageW .yv-flow-carousel.yv-carousel-fallback > ul > li {
    flex: 0 0 100%;
    width: 100% !important;
    height: auto !important;
    float: none !important;
    scroll-snap-align: start;
}
.pageW .yv-flow-carousel.yv-carousel-fallback > ul > .yv-carousel-clone {
    display: none !important;
}

@media (max-width: 980px) {
    .pageW .FirsatAlani > .Baslik {
        max-width: calc(100% - 28px);
    }

    .pageW,
    .pageW.Beyaz {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    .pageW.Beyaz { padding: 12px; }
    .pageW.Golge .Powered { margin-right: 0; }
    .pageW .Header,
    .pageW .UstAlan,
    .pageW .OrtaAlan,
    .pageW .AltAlan { min-width: 0; max-width: 100%; }
    .pageW .SolAlan,
    .pageW .SagAlan {
        float: none;
        width: auto;
        max-width: 100%;
        margin: 0 0 12px;
    }
    .pageW .Logo,
    .pageW .SagUstAlan { float: none; max-width: 100%; }
    .pageW .Logo { margin: 8px 0; }
    .pageW .SagUstAlan img,
    .pageW .SolAlan > img,
    .pageW .SolAlan > a > img,
    .pageW .SagAlan > img,
    .pageW .NewsDetail img {
        max-width: 100%;
        height: auto;
    }
    .pageW .UstMenu .Inside { height: auto; min-height: 36px; }
    .pageW .UstMenu .Inside::after { content: ""; display: block; clear: both; }
    .pageW .RadMenu.RadMenu_Yat { height: auto; float: none; margin-bottom: 0; }
    .pageW .RadMenu.RadMenu_Yat > .rmRootGroup {
        display: flex;
        flex-wrap: wrap;
        width: auto !important;
        float: none;
    }
    .pageW .RadMenu.RadMenu_Yat > .rmRootGroup > .rmItem { float: none; }
    .pageW .UstAlan .LoginBox {
        float: none;
        margin-left: 0;
        padding-left: 10px;
        text-align: left;
    }
    .pageW .MaviTab > ul { height: auto; min-height: 38px; }
    .pageW .MaviTab > ul::after { content: ""; display: block; clear: both; }
    .pageW .MaviTab > ul > li a { padding-left: 8px; }
    .pageW .MaviTab > ul > li a span { padding-left: 6px; padding-right: 14px; }
    .pageW .OrtaAlan > .GriKolon,
    .pageW .OrtaAlan > .solaYasla,
    .pageW .OrtaAlan > .sagaYasla,
    .pageW .OrtaAlan .GriKolon + .MaviBaslik,
    .pageW .OrtaAlan .GriKolon + .solaYasla,
    .pageW .OrtaAlan .GriKolon + .solaYasla + .solaYasla,
    .pageW .OrtaAlan .Aramasonuc_wrap,
    .pageW .OrtaAlan .NewsDetail,
    .pageW .IlanDetay > .Kolon,
    .pageW .OrtaAlan .MarinaDetay {
        float: none !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
    }
    .pageW .OrtaAlan .Filtrele { min-height: 0; }
    .pageW .AramaSonuc,
    .pageW .RadGrid_Marinas,
    .pageW .MarinGrid {
        display: block;
        max-width: 100%;
        width: 100% !important;
        overflow-x: auto;
    }
    .pageW .AramaSonuc .rgMasterTable { min-width: 620px; }
    .pageW .MaviBaslik a.buton.sagaYasla {
        float: none;
        margin: 0 0 10px;
    }
    .pageW .FirsatAlani,
    .pageW .FirsatAlani > .MaviTab {
        float: none !important;
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    .pageW .FirsatAlani > .MaviTab { padding: 34px 8px 0; }
    .pageW .FirsatAlani .SlidePager { margin-left: 0; min-width: 0; }
    .pageW .yv-flow-carousel {
        width: 100% !important;
        height: auto !important;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }
    .pageW .yv-flow-carousel > ul {
        display: flex !important;
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
    }
    .pageW .yv-flow-carousel > ul > li {
        flex: 0 0 100%;
        width: 100% !important;
        height: auto !important;
        float: none !important;
        box-sizing: border-box;
        scroll-snap-align: start;
    }
    .pageW .yv-flow-carousel > ul > .yv-carousel-clone { display: none !important; }
    .pageW .yv-flow-carousel > ul > li > table {
        display: block;
        width: 100% !important;
        max-width: 100%;
    }
    .pageW .yv-flow-carousel > ul > li > table > tbody {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }
    .pageW .yv-flow-carousel > ul > li > table > tbody > tr { display: contents; }
    .pageW .yv-flow-carousel > ul > li > table > tbody > tr > td {
        display: block;
        width: auto !important;
        height: auto !important;
        min-width: 0;
        padding: 0 !important;
    }
    .pageW .yv-flow-carousel > ul > li > table > tbody > tr > td.not,
    .pageW .yv-flow-carousel > ul > li > table > tbody > tr > td.bg { display: none !important; }
    .pageW .yv-flow-carousel .ListThumb {
        width: auto !important;
        height: auto !important;
        min-width: 0;
        padding: 8px;
        margin: 0;
        box-sizing: border-box;
        overflow-wrap: anywhere;
    }
    .pageW .yv-flow-carousel .ListThumb .Img {
        width: auto;
        height: 100px;
        margin: 0 0 8px;
    }
    .pageW .yv-flow-carousel .ListThumb .Img img {
        position: static;
        max-width: 100%;
        width: auto;
        height: 100px;
        object-fit: contain;
    }
    .pageW .IlgiliIlan .SlidePager { max-width: 100%; }
    .pageW .OrtaAlan .MaviBaslik .YorumYaz { padding-right: 0; }
    .pageW .OrtaAlan .MaviBaslik .YorumYaz .heasd1 { margin-right: -10px; }
    .pageW .OrtaAlan .MaviBaslik .YorumYaz table + p { width: auto; }
    .pageW .MarinaDetay .rtsUL { width: 100%; }
    .pageW .AltAlan div.sagaYasla { float: none; width: auto; margin-left: 0; }
}

@media (max-width: 540px) {
    .pageW .yv-flow-carousel > ul > li > table > tbody {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .pageW .SagAlan > .MaviBaslik.solaYasla,
    .pageW .SagAlan > .MaviBaslik.sagaYasla {
        float: none;
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }
}
/* END yv-flow-layout.css */

/* BEGIN flow-content-repair.css */
/* Honest empty states. No fabricated media. */
.yv-flow-empty,
.yv-flow-media-note {
  box-sizing: border-box;
  padding: 12px 14px;
  margin: 10px 0;
  border: 1px solid #cbd5db;
  border-radius: 4px;
  background: #f5f7f8;
  color: #243c48;
  font: 14px/1.5 Arial, sans-serif;
}
#image-gallery .yv-flow-photo-failed { visibility: hidden; }
#image-gallery .yv-flow-photo-missing { background: #f5f7f8; }
#image-gallery .yv-flow-photo-missing::after {
  content: attr(data-yv-missing-label);
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  color: #243c48;
  background: #f5f7f8;
  font: 15px/1.5 Arial, sans-serif;
  text-align: center;
  pointer-events: none;
}
/* END flow-content-repair.css */