.sp-tpg{--sp-tpg-red:#c62828;--sp-tpg-blue:#1769aa;--sp-tpg-green:#148a55;--sp-tpg-text:#182230;--sp-tpg-muted:#687385;display:grid;gap:18px;width:100%;min-width:0}.sp-tpg-page-inner{padding-top:0!important;padding-bottom:28px!important}.sp-tpg-hero{position:relative;overflow:hidden;padding:30px;border:1px solid #e3eaf1;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f7fafc 56%,#eef5fb 100%);box-shadow:0 8px 26px rgba(23,49,75,.06)}.sp-tpg-hero:after{content:"";position:absolute;right:-45px;bottom:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#dcecff 0%,rgba(220,236,255,0) 70%);pointer-events:none}.sp-tpg-eyebrow,.sp-tpg-map-head small,.sp-tpg-section-head small{display:block;margin-bottom:5px;color:var(--sp-tpg-red);font-size:11px;font-weight:900;letter-spacing:.1em}.sp-tpg-hero h1{position:relative;z-index:1;margin:0;color:var(--sp-tpg-text);font-size:clamp(28px,4vw,48px);line-height:1.08}.sp-tpg-hero>p{position:relative;z-index:1;max-width:850px;margin:12px 0 0;color:var(--sp-tpg-muted);font-size:15px;line-height:1.65}.sp-tpg-hero-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sp-tpg-hero-meta span{padding:7px 10px;border:1px solid #dfe7ef;border-radius:999px;background:#fff;color:#445166;font-size:12px;font-weight:750}.sp-tpg-map-wrap{overflow:hidden;border:1px solid #dfe7ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(23,49,75,.05);scroll-margin-top:90px}.sp-tpg-map-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #edf1f5}.sp-tpg-map-head h2,.sp-tpg-section-head h2{margin:0;color:var(--sp-tpg-text);font-size:22px;line-height:1.2}.sp-tpg-map-legend{display:flex;flex-wrap:wrap;gap:9px;color:#596579;font-size:11px;font-weight:750}.sp-tpg-map-legend span{display:flex;align-items:center;gap:5px}.sp-tpg-map-legend i{width:9px;height:9px;border-radius:50%;background:#c62828}.sp-tpg-map-legend i.is-nature{background:#1f9d62}.sp-tpg-map-legend i.is-city{background:#2563eb}.sp-tpg-map{width:100%;height:510px;background:#edf2f6}.sp-tpg-map-note{margin:0;padding:10px 15px;background:#f8fafc;color:#778195;font-size:10px;line-height:1.45}.sp-tpg-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:4px}.sp-tpg-section-head>a{color:var(--sp-tpg-blue);font-size:12px;font-weight:800;text-decoration:none}

/* Tarihî Yapılar / Doğal Güzellikler kart diliyle uyumlu gezi kartları */
.sp-tpg-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}.sp-tpg-card{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;border:1px solid #e2e8ef;border-radius:14px;background:#fff;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.sp-tpg-card:hover{transform:translateY(-2px);border-color:#cbd9e6;box-shadow:0 8px 20px rgba(15,23,42,.055)}.sp-tpg-card-media{position:relative;display:block;width:100%;aspect-ratio:4/3;min-height:0;background:linear-gradient(135deg,#f6ddd9,#dbe8f2);background-size:cover;background-position:center;overflow:hidden}.sp-tpg-card-media.is-nature{background:linear-gradient(135deg,#dff4e6,#d7edf6)}.sp-tpg-card-media.is-city{background:linear-gradient(135deg,#dcecff,#ecf3fb)}.sp-tpg-card-media.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,20,35,.35),rgba(6,20,35,0) 58%)}.sp-tpg-number{position:absolute;z-index:3;right:10px;top:10px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.94);color:#263649;font-size:10px;font-weight:900;box-shadow:0 2px 8px rgba(0,0,0,.11)}.sp-tpg-icon{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);font-size:52px;filter:grayscale(.15);opacity:.88}.sp-tpg-card-media.has-image .sp-tpg-icon{display:none}.sp-tpg-category{position:absolute;z-index:3;left:10px;top:10px;bottom:auto;display:inline-flex;align-items:center;max-width:calc(100% - 54px);min-height:24px;padding:4px 9px;border-radius:999px;background:var(--sp-brand-red-bright,#d71920);color:#fff;font-size:10px;line-height:1;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-tpg-card-media.is-nature .sp-tpg-category{background:#148a55}.sp-tpg-card-media.is-city .sp-tpg-category{background:#1769aa}.sp-tpg-card-body{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;padding:13px 12px 11px}.sp-tpg-card h3{margin:0;min-height:42px;color:var(--sp-tpg-text);font-size:17px;line-height:1.24;font-weight:850;letter-spacing:-.015em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.sp-tpg-title-gap{height:8px;flex:0 0 8px}.sp-tpg-summary{margin:0;min-height:57px;color:#556274;font-size:12px;line-height:1.58;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.sp-tpg-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;padding-top:11px;border-top:1px solid #e5e9ee}.sp-tpg-actions a,.sp-tpg-actions span{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:34px;margin:0;padding:7px 8px;border-radius:8px;font-size:10.5px;line-height:1.2;font-weight:850;text-decoration:none;white-space:nowrap}.sp-tpg-detail-btn{border:1px solid #dbe4ec;background:#fff;color:#1e65a1!important}.sp-tpg-detail-btn.is-disabled{opacity:.45;cursor:default}.sp-tpg-map-btn{border:1px solid #dbe4ec;background:#f7fafc;color:#172f49!important}.sp-tpg-actions a:hover{border-color:#b9cad8;background:#f2f7fb}

.sp-tpg-marker-shell{background:transparent!important;border:0!important}.sp-tpg-marker{position:relative;display:grid;place-items:center;width:30px;height:30px;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--pin,#c62828);color:#fff;font-size:11px;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.28);line-height:1}.sp-tpg-marker b{display:block;transform:rotate(45deg);color:#fff;font-size:11px;line-height:1}.sp-tpg-popup{font-family:inherit;min-width:220px}.sp-tpg-popup b{display:block;margin-bottom:3px;color:#182230;font-size:14px}.sp-tpg-popup>span{display:inline-block;margin-bottom:6px;color:#c62828;font-size:9px;font-weight:850}.sp-tpg-popup p{margin:0 0 7px;color:#566273;font-size:11px;line-height:1.45}.sp-tpg-popup small{display:block;margin-bottom:8px;color:#748095;font-size:9px}.sp-tpg-popup a{display:inline-block;margin-right:5px;padding:5px 8px;border-radius:7px;background:#172f49;color:#fff!important;font-size:9px;font-weight:800;text-decoration:none}

.sp-tpg--compact{gap:12px}.sp-tpg--compact .sp-tpg-map{height:350px}.sp-tpg--compact .sp-tpg-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sp-tpg--compact .sp-tpg-card{border-radius:12px}.sp-tpg--compact .sp-tpg-card-body{padding:9px}.sp-tpg--compact .sp-tpg-card h3{min-height:32px;font-size:12px}.sp-tpg--compact .sp-tpg-title-gap{height:6px;flex-basis:6px}.sp-tpg--compact .sp-tpg-summary{min-height:38px;font-size:9px;line-height:1.4}.sp-tpg--compact .sp-tpg-actions{padding-top:8px;gap:4px}.sp-tpg--compact .sp-tpg-actions a,.sp-tpg--compact .sp-tpg-actions span{min-height:29px;padding:5px 5px;font-size:8px}.sp-tpg--compact .sp-tpg-number{width:24px;height:24px;font-size:9px}.sp-tpg--compact .sp-tpg-category{font-size:8px;padding:4px 6px}

@media(max-width:1100px){.sp-tpg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-tpg--compact .sp-tpg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.sp-tpg-grid,.sp-tpg--compact .sp-tpg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.sp-tpg-page-inner{padding-left:6px!important;padding-right:6px!important}.sp-tpg{gap:12px}.sp-tpg-hero{padding:20px 15px;border-radius:15px}.sp-tpg-hero h1{font-size:28px}.sp-tpg-hero>p{font-size:12px;line-height:1.55}.sp-tpg-hero-meta{gap:5px}.sp-tpg-hero-meta span{padding:6px 8px;font-size:9px}.sp-tpg-map-head{align-items:flex-start;padding:12px;flex-direction:column}.sp-tpg-map-head h2,.sp-tpg-section-head h2{font-size:17px}.sp-tpg-map{height:420px}.sp-tpg-map-legend{font-size:9px}.sp-tpg-grid{gap:8px}.sp-tpg-card{border-radius:12px}.sp-tpg-card-body{padding:9px 8px 8px}.sp-tpg-card h3{min-height:34px;font-size:13px;line-height:1.28}.sp-tpg-title-gap{height:6px;flex-basis:6px}.sp-tpg-summary{min-height:46px;font-size:10px;line-height:1.5}.sp-tpg-category{left:7px;top:7px;min-height:20px;padding:3px 7px;font-size:8.5px}.sp-tpg-number{right:7px;top:7px;width:23px;height:23px;font-size:8px}.sp-tpg-actions{gap:4px;padding-top:7px}.sp-tpg-actions a,.sp-tpg-actions span{min-height:30px;padding:5px 4px;font-size:8.5px}.sp-tpg--compact .sp-tpg-map{height:300px}.sp-tpg--compact .sp-tpg-summary{display:-webkit-box}.sp-tpg-section-head{align-items:center}.sp-tpg-section-head>a{font-size:9px}}

/* Aynı köy/bölgedeki noktalar rota kartında birleşir; harita pinleri ayrı kalır. */
.sp-tpg-route-card .sp-tpg-card-media{position:relative}
.sp-tpg-stop-count{position:absolute;z-index:4;right:10px;bottom:10px;display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;font-size:10px;line-height:1;font-weight:850;backdrop-filter:blur(5px)}
.sp-tpg-route-card .sp-tpg-summary{min-height:57px}
.sp-tpg-route-detail{margin-top:4px}
.sp-tpg-route-detail .sp-tpg-route-hero{margin-bottom:0}
.sp-tpg-route-detail .sp-tpg-section-head{margin-top:6px}
.sp-tpg-route-detail .sp-tpg-map{height:470px}
.sp-tpg-stop-grid .sp-tpg-card h3{min-height:42px}
@media(max-width:767px){.sp-tpg-stop-count{right:7px;bottom:7px;min-height:20px;padding:3px 7px;font-size:8.5px}.sp-tpg-route-detail .sp-tpg-map{height:390px}}