
/* v71 — Restored Keşfet / Ülke Seçim layout: left selection, right map. */
.explore-page.guide-page { background:#fff !important; }
.content.explore-page.guide-page { padding-top:18px !important; }
.guide-entry.refined-guide-entry{ display:grid; gap:18px; width:100%; max-width:1240px; margin:0 auto; padding:0 0 24px; }
.guide-top-row{ display:grid; grid-template-columns:minmax(350px,.88fr) minmax(420px,1.12fr); align-items:center; gap:28px; min-height:278px; margin:0; }
.guide-start-card,.guide-panel,.custom-quick-section{ border:1px solid #e5e7eb; border-radius:16px; background:#fff; box-shadow:0 10px 28px rgba(16,24,40,.045); }
.guide-start-card{ padding:22px; }
.guide-start-head h1{ margin:0 0 17px; color:#101828; font-size:24px; line-height:1.15; font-weight:650; letter-spacing:-.01em; }
.guide-start-form{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:12px; align-items:end; }
.guide-start-form label{ display:grid; gap:7px; color:#667085; font-size:12px; font-weight:600; }
.guide-start-form select{ width:100%; min-height:42px; padding:0 12px; border:1px solid #d9e0e8; border-radius:10px; background:#fff; color:#101828; font:inherit; outline:none; }
.guide-start-form select:focus{ border-color:#006847; box-shadow:0 0 0 4px rgba(0,104,71,.08); }
.guide-start-form .discover-submit{ min-height:42px; padding:0 17px; white-space:nowrap; }
.form-message{ min-height:18px; margin:10px 0 0; color:#c1121f; font-size:12px; }
.guide-map-side{ min-height:270px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.guide-map-side img{ width:100%; max-width:620px; height:270px; object-fit:contain; display:block; }
.guide-dashboard-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(250px,.78fr); gap:16px; align-items:stretch; }
.guide-panel{ min-width:0; padding:15px; }
.section-headline.refined-section-headline{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:13px; }
.refined-section-headline h2,.custom-quick-head h2{ margin:0; color:#101828; font-size:16px; line-height:1.25; font-weight:650; }
.refined-section-headline a{ color:#c1121f; font-size:12px; font-weight:650; text-decoration:none; }
.refined-section-headline a:hover{ text-decoration:underline; }
.carousel-shell{ position:relative; overflow:hidden; }
.refined-card-grid.slider-track{ display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 20px)/3); gap:10px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:25px; }
.refined-card-grid.slider-track::-webkit-scrollbar{ display:none; }
.refined-destination-card{ display:grid; grid-template-rows:1fr auto; min-height:218px; overflow:hidden; border:1px solid #e7ecf0; border-radius:13px; background:#fff; padding:0; text-align:left; cursor:pointer; scroll-snap-align:start; transition:transform .16s ease, box-shadow .16s ease; }
.refined-destination-card:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(16,24,40,.12); }
.destination-image-wrap{ position:relative; min-height:171px; overflow:hidden; background:#f4f6f8; }
.destination-image-wrap img{ width:100%; height:100%; display:block; object-fit:cover; }
.refined-destination-card > span:not(.image-pager){ display:block; padding:11px 12px 12px; background:#fff; color:#101828; text-align:center; }
.refined-destination-card strong{ display:block; color:#101828; font-size:13px; font-weight:650; }
.flag-chip{ position:absolute; top:10px; right:10px; min-width:34px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:rgba(255,255,255,.94); box-shadow:0 7px 18px rgba(16,24,40,.16); font-style:normal; }
.carousel-dots{ position:absolute; left:50%; bottom:3px; display:inline-flex; gap:5px; transform:translateX(-50%); }
.carousel-dots span{ width:6px; height:6px; border-radius:99px; background:#d0d5dd; }
.carousel-dots span.active{ width:18px; background:#c1121f; }
.carousel-next{ position:absolute; z-index:2; right:7px; top:73px; width:29px; height:29px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(193,18,31,.18); border-radius:50%; background:rgba(255,255,255,.96); color:#c1121f; font-size:21px; font-weight:700; line-height:1; box-shadow:0 8px 18px rgba(16,24,40,.14); cursor:pointer; }
.recent-guide-panel{ display:grid; align-content:start; gap:8px; }
.recent-guide-row{ display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:9px; align-items:center; min-height:55px; padding:7px; border:1px solid transparent; border-radius:10px; color:#344054; text-decoration:none; }
.recent-guide-row:hover{ border-color:#e7ecf0; background:#fafafa; }
.recent-icon{ width:34px; height:34px; display:grid; place-items:center; border-radius:9px; background:#fdf0f1; color:#c1121f; font-size:11px; font-weight:700; }
.recent-guide-row span:not(.recent-icon){ min-width:0; display:grid; gap:2px; }
.recent-guide-row strong{ color:#101828; font-size:12.5px; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.recent-guide-row small{ color:#667085; font-size:11px; }
.recent-guide-row b{ color:#c1121f; font-size:19px; font-weight:500; }
.custom-quick-section{ padding:16px; }
.custom-quick-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; }
.quick-add-button{ min-height:36px; border:1px solid rgba(193,18,31,.28); border-radius:9px; background:#fff; color:#c1121f; padding:0 12px; font-size:12px; font-weight:650; cursor:pointer; }
.quick-card-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.agent-quick-card{ position:relative; min-height:126px; border:1px solid #e7ecf0; border-radius:12px; background:#fff; padding:15px; }
.quick-symbol{ width:28px; height:28px; display:grid; place-items:center; border:1px solid rgba(193,18,31,.2); border-radius:50%; color:#c1121f; font-size:12px; }
.agent-quick-card > strong{ display:block; margin-top:10px; color:#101828; font-size:13px; font-weight:650; }
.agent-quick-card > small{ display:block; margin-top:5px; color:#667085; font-size:11px; line-height:1.42; }
.quick-card-menu{ position:absolute; top:10px; right:10px; }
.quick-menu-button{ width:25px; height:25px; border:0; border-radius:7px; background:transparent; color:#667085; font-size:17px; cursor:pointer; }
.quick-menu{ position:absolute; z-index:8; right:0; top:29px; width:136px; display:none; padding:5px; border:1px solid #e5e7eb; border-radius:9px; background:#fff; box-shadow:0 12px 26px rgba(16,24,40,.14); }
.quick-card-menu.is-open .quick-menu{ display:grid; }
.quick-menu button{ border:0; border-radius:6px; background:#fff; color:#344054; padding:7px; text-align:left; font-size:11px; cursor:pointer; }
.quick-menu button:hover{ background:#f8fafc; color:#c1121f; }
.quick-modal-backdrop[hidden]{ display:none; }
.quick-modal-backdrop{ position:fixed; z-index:1000; inset:0; display:grid; place-items:center; padding:18px; background:rgba(16,24,40,.36); backdrop-filter:blur(4px); }
.quick-modal{ width:min(700px,100%); max-height:min(720px,88vh); overflow:auto; border-radius:16px; background:#fff; padding:18px; box-shadow:0 24px 60px rgba(16,24,40,.28); }
.quick-modal-head{ display:flex; justify-content:space-between; gap:16px; align-items:start; }
.guide-kicker{ color:#006847; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.quick-modal h2{ margin:4px 0 0; color:#101828; font-size:20px; font-weight:650; }
.quick-modal-close{ width:32px; height:32px; border:1px solid #e5e7eb; border-radius:9px; background:#fff; color:#344054; font-size:22px; cursor:pointer; }
.quick-modal-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:16px; }
.quick-option-card{ min-height:100px; display:grid; align-content:start; gap:6px; border:1px solid #e5e7eb; border-radius:11px; background:#fff; padding:12px; color:#344054; text-align:left; cursor:pointer; }
.quick-option-card:hover{ border-color:rgba(193,18,31,.35); }
.quick-option-card span{ color:#c1121f; }
.quick-option-card strong{ color:#101828; font-size:12px; font-weight:650; }
.quick-option-card small{ color:#667085; font-size:10.5px; line-height:1.35; }
.quick-custom-area{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; margin-top:14px; padding:12px; border:1px dashed rgba(0,104,71,.24); border-radius:12px; background:#fbfdfc; }
.quick-custom-area label{ display:grid; gap:7px; color:#667085; font-size:11px; font-weight:650; }
.quick-custom-area input{ min-height:38px; border:1px solid #d9e0e8; border-radius:9px; padding:0 10px; font:inherit; outline:0; }
.quick-define-button{ min-height:38px; border:1px solid rgba(0,104,71,.3); border-radius:9px; background:#fff; color:#006847; padding:0 12px; font-size:12px; font-weight:650; cursor:pointer; }
@media (max-width:1180px){ .guide-dashboard-grid{ grid-template-columns:1fr; } .quick-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:860px){ .guide-top-row{grid-template-columns:1fr;gap:8px;} .guide-map-side{order:-1; min-height:185px;} .guide-map-side img{height:205px;} .guide-start-form{grid-template-columns:1fr;} .quick-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:560px){ .guide-entry.refined-guide-entry{padding-bottom:14px;} .guide-map-side{min-height:140px;} .guide-map-side img{height:155px;} .quick-card-grid,.quick-modal-grid,.quick-custom-area{grid-template-columns:1fr;} .refined-card-grid.slider-track{grid-auto-columns:78%;} }
