
/* Gardensel il ve ilce sayfalari — harici CSP uyumlu editorial layout. */
body.atlas-page #main-content{max-width:1180px!important;padding:12px clamp(12px,2vw,24px) 28px!important}
.atlas-page #main-content>.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.4;padding:8px 4px 10px!important;margin:0 auto 4px!important;color:#6a796e}
.atlas-page #main-content>.breadcrumbs a{color:#41624d;text-decoration:none}
.atlas-page #main-content>.breadcrumbs a:hover{text-decoration:underline}
body.atlas-page #main-content>.entity-hero.place-hero{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 22px;
 background:linear-gradient(112deg,#fffefa 5%,#f1f7ed 100%);
 border:1px solid #d8e3d7;border-left:4px solid #2d7250;border-radius:13px;
 box-shadow:0 5px 20px rgba(20,58,40,.04);margin:0 auto 14px!important;padding:16px 22px!important}
.atlas-page #main-content>.place-hero>.eyebrow{grid-column:1;grid-row:1;letter-spacing:.09em;color:#2b6e4b;font-size:11px}
body.atlas-page #main-content>.entity-hero.place-hero h1{
 grid-column:1;grid-row:2;font:700 clamp(32px,3.25vw,46px)/1.07 Georgia,serif!important;
 letter-spacing:-.025em;max-width:none!important;margin:0!important;color:#173f2e}
.atlas-page #main-content>.place-hero>.lede{
 grid-column:1;grid-row:3;max-width:88ch!important;line-height:1.45;
 font-size:13.5px!important;margin:2px 0 0!important;color:#53695c}
.atlas-page #main-content>.place-hero>.action-row{
 grid-column:2;grid-row:1/4;align-self:center;justify-self:end;
 margin:0!important;padding:0!important;width:auto!important}
.atlas-page #main-content>.place-hero>.action-row .button{
 min-height:39px;padding:8px 14px;font-size:12px;border-radius:7px;
 background:#1f6543;border:1px solid #1f6543;color:#fff;white-space:nowrap}
.atlas-page #main-content>.place-hero>.action-row .button:hover{background:#174a32;color:#fff}
.atlas-page #main-content>.place-jump{
 display:flex!important;align-items:center;flex-wrap:wrap;gap:6px;
 padding:0 2px 14px!important;margin:0 0 8px!important;border-bottom:1px solid #dbe4d9}
.atlas-page #main-content>.place-jump a{
 display:inline-flex;align-items:center;border:1px solid #d7e2d6;border-radius:7px;
 background:#fffdf8;color:#27563e;text-decoration:none;font-size:12px;font-weight:650;
 line-height:1.2;padding:8px 11px;white-space:nowrap}
.atlas-page #main-content>.place-jump a:hover,.atlas-page #main-content>.place-jump a:focus-visible{
 background:#e7f0e5;border-color:#2f7751;color:#17442f}
.atlas-page #main-content>#pulse.gs-news-section{padding:7px 0 20px!important;margin:0 auto 18px!important}
.atlas-page #pulse .gs-news-heading{margin:0 0 12px;align-items:end}
.atlas-page #pulse .gs-news-heading h2{font-size:clamp(23px,2.6vw,31px);margin:3px 0 0;line-height:1.17;letter-spacing:-.02em}
.atlas-page #pulse .gs-news-heading .eyebrow{font-size:10px;letter-spacing:.11em}
.atlas-page #pulse .gs-news-actions>a{display:inline-flex;align-items:center;padding:6px 0;color:#245e42;font-size:12px}
.atlas-page #pulse .news-carousel{
 border:1px solid #d4dfd1;border-top:3px solid #276944;border-radius:12px;overflow:hidden;
 box-shadow:0 8px 24px rgba(25,60,43,.06)}
.atlas-page #pulse .carousel-slide{min-height:280px}
.atlas-page #pulse .carousel-photo img,.atlas-page #pulse .gs-news-manset-placeholder{min-height:280px;max-height:360px}
.atlas-page #pulse .carousel-text{padding:20px 26px}
.atlas-page #pulse .carousel-text h3{font-size:clamp(20px,2.25vw,30px);line-height:1.18;margin:9px 0}
.atlas-page #pulse .carousel-text p{font-size:13.5px;line-height:1.48}
.atlas-page #pulse .carousel-text-foot{margin-top:14px;padding-top:10px}
/* Gecersiz kilinan eski inline style= ozellikleri de harici kurallara tasindi. */
.atlas-page #kahvehane{margin:16px auto;padding:0;border:1px solid #c8d9ce;border-radius:15px;overflow:hidden;background:#f5f8f5}
.atlas-page #kahvehane>div:first-child{background:#174c37;color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.atlas-page #kahvehane>div:first-child h2{margin:0;color:#fff;font-size:21px}
.atlas-page #kahvehane>div:first-child a{color:#fff;border:1px solid #b7d8c4;border-radius:20px;padding:7px 13px;text-decoration:none}
.atlas-page #kahvehane>div:nth-child(2){padding:12px 18px;background:#eaf1eb}
.atlas-page #kahvehane>div:nth-child(2)>p{margin:0}
.atlas-page #kahvehane .kh-chat-column{padding:12px;background:#fff}
.atlas-page #kahvehane .kh-weather-shortcut{margin:0 0 10px;font-size:.86rem}
.atlas-page #kahvehane .kh-weather-shortcut a{color:#256844;font-weight:700}
.atlas-page #ilceler .link-list.compact{columns:3;column-gap:20px}
.atlas-page #yagis-radari{margin:.55rem 0 1rem;padding:0}
.atlas-page #yagis-radari>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 .45rem}
.atlas-page #yagis-radari h2{margin:0;font-size:1.2rem}
.atlas-page #yagis-radari small{color:#66766c}
.atlas-page #yagis-radari iframe{display:block;width:100%;height:330px;border:0;border-radius:12px}
.atlas-page #main-content>section.wide[style*="background:#194735"]{margin-top:12px;padding:24px;background:#194735;color:#fff;border-radius:14px}
.atlas-page #main-content>section.wide[style*="background:#194735"] h2{color:#fff;margin:8px 0}
@media(max-width:780px){
 body.atlas-page #main-content{padding:10px 12px 24px!important}
 body.atlas-page #main-content>.entity-hero.place-hero{grid-template-columns:1fr;gap:5px;padding:15px 16px!important;margin-bottom:12px!important}
 body.atlas-page #main-content>.entity-hero.place-hero h1{font-size:clamp(31px,7vw,42px)!important}
 .atlas-page #main-content>.place-hero>.action-row{grid-column:1;grid-row:4;justify-self:start;margin-top:7px!important}
 .atlas-page #main-content>.place-jump{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:0 0 10px!important}
 .atlas-page #main-content>.place-jump a{flex:none}
 .atlas-page #pulse .carousel-text{padding:16px 18px}
 .atlas-page #pulse .carousel-slide{min-height:0}
 .atlas-page #pulse .carousel-photo img{min-height:190px;height:210px!important;max-height:210px}
 .atlas-page #pulse .gs-news-manset-placeholder{min-height:190px}
 .atlas-page #ilceler .link-list.compact{columns:2}
}
@media(max-width:480px){
 .atlas-page #main-content>.place-hero>.lede{font-size:12.8px!important}
 .atlas-page #pulse .gs-news-heading h2{font-size:23px}
 .atlas-page #pulse .gs-news-actions>a{font-size:11px}
 .atlas-page #kahvehane>div:first-child{padding:12px}
 .atlas-page #ilceler .link-list.compact{columns:1}
}


/* Weather panel's original inline dimensions were blocked by style-src 'self'. */
.atlas-page #hava-grafik{margin:12px auto 22px;padding:0;min-width:0}
.atlas-page #hava-grafik iframe{
 display:block;width:100%;max-width:100%;height:780px;min-width:0;
 border:0;border-radius:13px;background:#fff;
}
.atlas-page #hava-grafik>p{font-size:.77rem;color:#66786d;margin:5px 0}
@media(max-width:680px){
 .atlas-page #hava-grafik iframe{height:690px}
 .atlas-page #tuik-uretim .tuik-production__scroll{max-width:100%;overflow-x:auto}
 body.atlas-page{overflow-x:clip}
}

/* Prevent sticky navigation from covering targeted section headings. */
.atlas-page #pulse,.atlas-page #ilanlar,.atlas-page #hava,.atlas-page #hava-grafik,.atlas-page #kahvehane,.atlas-page #tuik-uretim,.atlas-page #ilceler,.atlas-page #havza{scroll-margin-top:82px}
