/* Blog detayı — kaynak Line Art haber sayfasının dinamik CMS uyarlaması. */
.lineart-post-detail{margin:0;padding:0;background:#fff;color:#222;font-family:Jost,sans-serif}
.lineart-post-detail__inner{width:min(1600px,88%);margin:0 auto;padding:54px 0 100px}
.lineart-post-detail__header{margin:0;padding:0 0 44px}
.lineart-post-detail__header h1{margin:0;color:#222;font:500 clamp(30px,3vw,44px)/1.2 Jost,sans-serif;letter-spacing:0;text-transform:none!important}
.lineart-post-detail__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:30px}
.lineart-post-detail__layout--text-only{grid-template-columns:1fr}
.lineart-post-detail__cover{margin:16px 0 0}
.lineart-post-detail__cover img{position:static!important;display:block;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain}
.lineart-post-detail__content{min-width:0;margin:0;padding:16px;color:#222;font-size:19px;font-weight:300;line-height:1.8;letter-spacing:.04em}
.lineart-post-detail__content>*:first-child{margin-top:0}
.lineart-post-detail__content>*:last-child{margin-bottom:0}
.lineart-post-detail__content p{margin:0 0 28px;text-align:justify}
.lineart-post-detail__content strong{font-weight:600}
.lineart-post-detail__content a{color:inherit;text-decoration:underline}
.lineart-post-detail__content img{position:static!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:30px 0 0;object-fit:contain}
.lineart-post-detail__content figure{width:100%!important;max-width:100%!important;margin:30px 0 0}
.lineart-post-detail__content figure img{margin:0}
.lineart-post-carousel{position:relative;width:100%;margin-top:36px}
.lineart-post-carousel__viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.lineart-post-carousel__viewport::-webkit-scrollbar{display:none}
.lineart-post-carousel__track{display:flex;align-items:stretch;gap:12px;width:100%}
.lineart-post-detail__content figure.lineart-post-carousel__slide{flex:0 0 calc((100% - 36px)/4);width:auto!important;max-width:none!important;min-width:0;margin:0!important;scroll-snap-align:start;overflow:hidden;background:#f3f3f3}
.lineart-post-carousel__lightbox{display:block;width:100%;cursor:zoom-in;text-decoration:none}
.lineart-post-detail__content .lineart-post-carousel__slide img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1304/1500;margin:0!important;object-fit:cover!important}
.lineart-post-carousel__button{position:absolute;top:50%;z-index:2;display:grid;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 4px 18px rgba(0,0,0,.18);color:#222;cursor:pointer;place-items:center;transform:translateY(-50%);transition:opacity .2s ease,background .2s ease}
.lineart-post-carousel__button--prev{left:-14px}
.lineart-post-carousel__button--next{right:-14px}
.lineart-post-carousel__button:hover{background:#fff}
.lineart-post-carousel__button:disabled{opacity:0;pointer-events:none}
.mfp-wrap .mfp-figure{opacity:1!important;visibility:visible!important}
.mfp-wrap .mfp-figure .mfp-img{opacity:1!important;visibility:visible!important}

@media(max-width:1024px){
 .lineart-post-detail__inner{width:92%;padding:42px 0 80px}
 .lineart-post-detail__header{padding-bottom:30px}
 .lineart-post-detail__content{padding:10px;font-size:17px}
}
@media(max-width:767px){
 .lineart-post-detail__inner{width:auto;margin:0;padding:34px 20px 65px}
 .lineart-post-detail__header{padding-bottom:24px}
 .lineart-post-detail__header h1{font-size:30px}
 .lineart-post-detail__layout{grid-template-columns:1fr;gap:26px}
 .lineart-post-detail__cover{margin:0}
 .lineart-post-detail__content{padding:0;font-size:16px;line-height:1.75;letter-spacing:.02em}
 .lineart-post-detail__content p{margin-bottom:22px}
 .lineart-post-carousel{margin-top:25px}
 .lineart-post-carousel__track{gap:10px}
 .lineart-post-detail__content figure.lineart-post-carousel__slide{flex-basis:calc((100% - 10px)/2)}
 .lineart-post-carousel__button--prev{left:-8px}
 .lineart-post-carousel__button--next{right:-8px}
}