#blogview{}






#blogview .sect20{
    position:relative;z-index:1;aspect-ratio:3 / 1;/*192 / 95*/
    margin:0 0 50px 0;
    transition: transform 0.2s ease-out;
    transform-origin: top;
}
#blogview .sect20 img.back1{position:absolute;z-index:-2;top:0;left:0;width:100%;height:100%;object-fit:cover;}
#blogview .sect20:before{
  content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;
  background:rgb(55 68 93 / 50%);
}
#blogview .sect20 .content{position:absolute;z-index:1;left:50%;bottom:10%;width:100%;
  box-sizing:border-box;padding:0 16%;text-align:center;
  transform:translate(-50%,0);
}
#blogview .sect20 .content .text1{margin:20px 0 0 0;font-size:3vw;color:#fff;font-family:'poppins_bold',Arial,sans-serif;}
#blogview .sect20 .content .text2{font-size:2vw;color:#fff;}
#blogview .sect20 .content .buton{margin:25px 0 0 0;}
#blogview .sect20 .content .buton a{
  position:relative;z-index:1;display:inline-block;padding:12px 30px;
  color:#000;border-radius:30px;overflow:hidden;border:2px solid #fff;
}
#blogview .sect20 .content .buton a:before{
  content:"";position:absolute;z-index:-2;left:0;top:0;width:100%;height:100%;
  background:#B1A084;color:#000;
}
#blogview .sect20 .content .buton a:after{
  content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;
  background:#fff;border-radius:30px;
  transform:translate(-100%, 0);transition:transform 1s ease;
}
#blogview .sect20 .content .buton a:hover:after{transform:translate(100%, 0);}
#blogview .sect20 .content .buton a .grid{display:grid;grid-template-columns:auto auto;align-items:center;gap:10px;}
#blogview .sect20 .content .buton a .grid .s{}
#blogview .sect20 .content .buton a .grid .s.s1{}
#blogview .sect20 .content .buton a .grid .s.s2{display:flex;align-items:center;}
#blogview .sect20 .content .buton a .grid .s.s2 svg{width:15px;height:15px;fill:#000;object-fit:contain;}
@media only screen and (max-width:1100px){
  #blogview .sect20{aspect-ratio:5 / 3;}
  #blogview .sect20 .content .text1{font-size:4.1vw;}
  #blogview .sect20 .content .text2{margin:8px 0 0 0;font-size:3.9vw;}
  #blogview .sect20 .content .buton{margin:10px 0 0 0;}
}
@media only screen and (max-width:900px){
  #blogview .sect20 .content .buton a{padding:5px 20px;}
}
@media only screen and (max-width:400px){
  #blogview .sect20{/*aspect-ratio:4 / 5;*/aspect-ratio:5 / 5;}
}







#blogview .pagegrid{display:grid;grid-template-columns:1fr 300px;gap:40px;padding:0 0 70px 0;font-size: 1.3rem;letter-spacing: 0.1px;}
#blogview .pagegrids{}
#blogview .pagegrids .sticky{position:sticky;top:150px;}
#blogview .pagegrids.s1{}
#blogview .pagegrids.s1 .pageimg{}
#blogview .pagegrids.s1 .pageimg img{width:100%;height:auto;}
#blogview .pagegrids.s1 .pageimg iframe{width:100%;}
#blogview .pagegrids.s1 .content{margin:25px 0 0 0;}
#blogview .pagegrids.s1 .content a{color:#0f57db;}
#blogview .pagegrids.s1 .content hr{border: 1px solid #ddd;}
#blogview .pagegrids.s1 .content b,
#blogview .pagegrids.s1 .content strong{font-weight:normal;font-family:'poppins_semibold';}
#blogview .pagegrids.s1 .content img{max-width:100%!important;height:auto!important;
  max-width:96%!important;
  margin:0 auto;border-radius:10px;
  border:1px solid #fff;box-shadow:0 0 10px rgba(0,0,0,0.8);
}
#blogview .pagegrids.s1 .content iframe{display:block;max-width:96%!important;
  margin:0 auto;border-radius:10px;
  border:1px solid #fff;box-shadow:0 0 10px rgba(0,0,0,0.8);
}
#blogview .pagegrids.s1 .content p{padding:8px 0;}
#blogview .pagegrids.s1 .content p:nth-of-type(1){padding-top:0;}
#blogview .pagegrids.s1 .content table{border:none;}
#blogview .pagegrids.s1 .content table tr{}
#blogview .pagegrids.s1 .content table tr td{padding:4px 6px;border:1px solid #ddd;}
#blogview .pagegrids.s1 .content h1{font-size:2.8rem;font-family:'poppins_semibold';color:#222;}
#blogview .pagegrids.s1 .content h2{font-size:2.5rem;font-family:'poppins_semibold';color:#222;}
#blogview .pagegrids.s1 .content h3{font-size:2.1rem;font-family:'poppins_semibold';color:#222;}
#blogview .pagegrids.s1 .content h4{font-size:1.8rem;font-family:'poppins_semibold';color:#222;}
#blogview .pagegrids.s1 .content h5{font-size:1.5rem;font-family:'poppins_semibold';color:#222;}
#blogview .pagegrids.s1 .content h6{font-size:1.2rem;font-family:'poppins_semibold';color:#222;}
#blogview .pagegrids.s1 .content h1 strong,
#blogview .pagegrids.s1 .content h1 b,
#blogview .pagegrids.s1 .content h2 strong,
#blogview .pagegrids.s1 .content h2 b,
#blogview .pagegrids.s1 .content h3 strong,
#blogview .pagegrids.s1 .content h3 b,
#blogview .pagegrids.s1 .content h4 strong,
#blogview .pagegrids.s1 .content h4 b,
#blogview .pagegrids.s1 .content h5 strong,
#blogview .pagegrids.s1 .content h5 b,
#blogview .pagegrids.s1 .content h6 strong,
#blogview .pagegrids.s1 .content h6 b{
    font-weight:normal;font-family:'poppins_semibold';
}
#blogview .pagegrids.s1 .content:after{content:"";display:block;clear:both;}

#blogview .blog-kaynakca{
  margin:48px 0 0 0;padding:28px 24px 32px;
  background:linear-gradient(145deg, #f8f9fb 0%, #fff 45%, #f4f6f9 100%);
  border:1px solid #e2e6ed;border-radius:16px;
  box-shadow:0 4px 24px rgba(55,68,93,0.08);
}
#blogview .blog-kaynakca__title{
  margin:0 0 20px 0;padding-bottom:12px;font-size:1.35rem;font-family:'poppins_semibold',Arial,sans-serif;
  color:#37445d;border-bottom:2px solid #B1A084;letter-spacing:0.02em;
}
#blogview .blog-kaynakca__list{margin:0;padding:0 0 0 1.25rem;list-style:decimal;}
#blogview .blog-kaynakca__item{margin:0 0 18px 0;padding-left:6px;line-height:1.55;color:#333;}
#blogview .blog-kaynakca__item:last-child{margin-bottom:0;}
#blogview .blog-kaynakca__main{font-family:'poppins_semibold',Arial,sans-serif;color:#222;font-size:1.02rem;}
#blogview .blog-kaynakca__main a{color:#0f57db;text-decoration:none;border-bottom:1px solid rgba(15,87,219,0.35);transition:color .2s,border-color .2s;}
#blogview .blog-kaynakca__main a:hover{color:#0a45b0;border-bottom-color:#0a45b0;}
#blogview .blog-kaynakca__meta{margin:6px 0 0 0;font-size:0.92rem;color:#5a6578;}
#blogview .blog-kaynakca__meta-label{font-family:'poppins_semibold',Arial,sans-serif;color:#6b7689;font-size:0.88rem;}
#blogview .blog-kaynakca__sep{color:#c5cbd6;margin:0 4px;}

/* Blog SSS — iç .standard_center4 yok (dar sütunda taşmayı önler); Fancybox içeriği #blogview dışında olduğu için popup stilleri aşağıda global */
#blogview .sectsss.blog-sect-faq{
    margin:36px 0 0;
    padding:28px 0 12px;
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    border-top:1px solid #e5e8ee;
}
#blogview .blog-faq__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px 22px;
    min-width:0;
    width:100%;
}
#blogview .blog-faq__card{
    display:block;
    min-width:0;
    border-radius:14px;
    background:#fff;
    border:1px solid rgba(15,87,219,0.2);
    box-shadow:0 2px 12px rgba(15,87,219,0.06);
    text-decoration:none;
    color:#1a2744;
    transition:border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease, background 0.25s ease;
}
#blogview .blog-faq__card:hover{
    border-color:rgba(15,87,219,0.55);
    box-shadow:0 10px 28px rgba(15,87,219,0.1);
    transform:translateY(-2px);
    background:linear-gradient(180deg, #fff 0%, #f4f7ff 100%);
}
#blogview .blog-faq__card:focus-visible{
    outline:2px solid #0f57db;
    outline-offset:3px;
}
#blogview .blog-faq__link-inner{
    display:flex;
    align-items:center;
    gap:12px;
    padding:18px 20px;
    box-sizing:border-box;
    min-height:100%;
}
#blogview .blog-faq__q{
    flex:1;
    min-width:0;
    font-family:'poppins_semibold',Arial,sans-serif;
    font-size:1.02rem;
    line-height:1.4;
    color:#0f57db;
    transition:color 0.25s ease;
}
#blogview .blog-faq__card:hover .blog-faq__q{color:#0095ff;}
#blogview .blog-faq__icon{
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:2rem;
    height:2rem;
    border-radius:50%;
    background:rgba(15,87,219,0.08);
    color:#0f57db;
    font-size:0.75rem;
    transition:background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
#blogview .blog-faq__card:hover .blog-faq__icon{
    background:rgba(0,149,255,0.15);
    color:#0095ff;
    transform:translateX(3px);
}
@media only screen and (max-width:900px){
    #blogview .blog-faq__grid{grid-template-columns:1fr;}
}
@media only screen and (max-width:600px){
    #blogview .sectsss.blog-sect-faq{padding:22px 0 8px;}
    #blogview .blog-faq__link-inner{padding:14px 16px;}
}

/* Fancybox popup — DOM #blogview dışına taşır; global sınıf gerekli */
.sorucevappopup{
    box-sizing:border-box;
    max-width:min(560px, 92vw);
    padding:20px 22px 24px;
    text-align:left;
    font-size:1rem;
    line-height:1.55;
    color:#333;
}
.sorucevappopup .soru{
    padding:0 0 14px 0;
    margin:0 0 14px 0;
    color:#0f57db;
    font-family:'poppins_semibold',Arial,sans-serif;
    font-size:1.15rem;
    line-height:1.35;
    border-bottom:1px dashed #c5cbd6;
}
.sorucevappopup .cevap{
    font-size:0.98rem;
    line-height:1.65;
    color:#444;
}
.sorucevappopup .cevap p{margin:0 0 10px 0;}
.sorucevappopup .cevap p:last-child{margin-bottom:0;}

#blogview .pagegrids.s2{}


@media only screen and (max-width:850px){
    #blogview .pagegrid{grid-template-columns:1fr;gap:50px;}
}