:root {
    --bg: #f6f8f6;
    --card: #ffffff;
    --text: #102033;
    --muted: #64748b;
    --line: #e3e8e4;
    --green: #2f9d55;
    --green-dark: #247a42;
    --green-soft: #edf8f0;
    --gold: #f3b61f;
    --orange: #ff7a1a;
    --orange-dark: #e8670d;
    --purple: #7b61c9;
    --shadow: 0 14px 34px rgba(16, 32, 51, .08);
    --radius: 18px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: var(--bg); color: var(--text); line-height: 1.45; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.container { width: min(1280px, calc(100% - 32px)); margin: 0 auto; }

.topbar { background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 50; backdrop-filter: blur(12px); }
.nav { min-height: 72px; display: grid; grid-template-columns: 260px 1fr auto; align-items: center; gap: 22px; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 950; font-size: 22px; letter-spacing: -0.7px; }
.brand-mark { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; color: #fff; background: var(--green); box-shadow: 0 8px 20px rgba(47,157,85,.24); font-size: 21px; }
.brand small { display: block; font-size: 10px; color: var(--muted); font-weight: 800; margin-top: -3px; }
.nav-links { display: flex; justify-content: center; gap: 24px; color: #25364c; font-size: 14px; font-weight: 850; flex-wrap: wrap; }
.nav-links a:hover, .footer-links a:hover { color: var(--green); }
.nav-actions { display: flex; align-items: center; gap: 16px; }
.secure { display: flex; align-items: center; gap: 7px; color: var(--green-dark); font-size: 13px; font-weight: 900; white-space: nowrap; }

.btn { border: 0; min-height: 42px; padding: 11px 17px; border-radius: 10px; font-weight: 900; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: .16s ease; white-space: nowrap; }
.btn-green { background: var(--green); color: #fff; box-shadow: 0 10px 22px rgba(47,157,85,.20); }
.btn-green:hover { background: var(--green-dark); transform: translateY(-1px); }
.btn-orange { background: var(--orange); color: #fff; box-shadow: 0 10px 22px rgba(255,122,26,.22); }
.btn-orange:hover { background: var(--orange-dark); transform: translateY(-1px); }
.btn-light { background: #fff; color: var(--green); border: 1px solid #b9dfc4; }
.btn-danger { background: #dc2626; color: #fff; }
.btn-small { min-height: 32px; padding: 7px 10px; font-size: 12px; }

.hero { position: relative; overflow: hidden; min-height: 410px; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, rgba(246,248,246,.98) 0%, rgba(246,248,246,.88) 39%, rgba(246,248,246,.18) 72%, rgba(246,248,246,.52) 100%), url('../img/hero-hotel.jpg') center right / cover no-repeat; }
.hero-inner { min-height: 410px; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 42px; align-items: center; padding: 34px 0; }
.hero h1 { margin: 0; max-width: 660px; font-size: clamp(36px, 4.6vw, 58px); line-height: 1.05; letter-spacing: -2.2px; }
.hero h1 span { color: var(--green-dark); }
.lead { max-width: 620px; margin: 18px 0 24px; color: #405168; font-size: 17px; }
.search-card { width: min(620px, 100%); background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 8px; display: grid; grid-template-columns: 1fr auto; gap: 8px; box-shadow: var(--shadow); }
.search-input { position: relative; }
.search-input span { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 18px; }
.search-input input { width: 100%; min-height: 48px; border: 0; outline: 0; padding: 0 13px 0 42px; color: var(--text); }
.trust-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; margin-top: 28px; max-width: 710px; }
.trust-item { display: flex; align-items: center; gap: 10px; color: #203249; font-size: 13px; font-weight: 900; }
.trust-icon { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: rgba(47,157,85,.10); color: var(--green); flex: 0 0 auto; }
.trust-item small { display: block; color: var(--muted); font-size: 11px; font-weight: 750; margin-top: 2px; }
.hero-score { align-self: center; justify-self: end; width: 300px; background: rgba(255,255,255,.92); border: 1px solid rgba(255,255,255,.8); border-radius: 16px; padding: 26px; box-shadow: var(--shadow); text-align: center; }
.hero-score h3 { margin: 0 0 12px; font-size: 16px; }
.hero-score strong { display: block; color: var(--green); font-size: 68px; line-height: 1; letter-spacing: -3px; }
.stars { display: flex; justify-content: center; gap: 3px; color: var(--green); font-size: 28px; margin: 12px 0 8px; letter-spacing: 1px; }
.hero-score p { margin: 0; color: #25364c; font-weight: 850; }

.shortcut-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 28px 0 18px; }
.shortcut { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 16px; align-items: center; box-shadow: 0 8px 20px rgba(16,32,51,.04); cursor: pointer; transition: .16s ease; min-height: 150px; }
.shortcut:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.shortcut-icon { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-size: 24px; background: var(--green); }
.shortcut:nth-child(2) .shortcut-icon { background: #e7ac18; }
.shortcut:nth-child(3) .shortcut-icon { background: var(--purple); }
.shortcut h3 { margin: 0 0 6px; font-size: 18px; line-height: 1.25; }
.shortcut p { margin: 0 0 8px; color: var(--muted); font-size: 13px; }
.shortcut a { color: var(--green-dark); font-size: 13px; font-weight: 950; }

.main-grid { display: grid; grid-template-columns: 500px minmax(0, 1fr); gap: 18px; align-items: start; margin-top: 18px; }
.panel { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 8px 20px rgba(16,32,51,.04); }
.panel-head { padding: 18px 18px 10px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.panel-head h2 { margin: 0; font-size: 19px; }
.sort-select { border: 1px solid var(--line); border-radius: 10px; padding: 9px 11px; color: #334155; background: #fff; outline: 0; font-size: 13px; font-weight: 800; }
.hotel-list { padding: 0 16px 16px; display: grid; gap: 12px; }
.hotel-row { display: grid; grid-template-columns: 132px 1fr 82px; gap: 13px; align-items: center; border: 1px solid var(--line); border-radius: 14px; padding: 10px; background: #fff; transition: .16s ease; }
.hotel-row:hover { border-color: #a9d7b7; box-shadow: 0 10px 24px rgba(16,32,51,.06); }
.hotel-photo { height: 88px; border-radius: 11px; background: var(--green-soft) center / cover no-repeat; border: 1px solid var(--line); }
.hotel-row h3 { margin: 0 0 4px; font-size: 16px; }
.hotel-meta { color: var(--muted); font-size: 12px; font-weight: 800; margin-bottom: 9px; }
.hotel-stats { display: flex; gap: 11px; flex-wrap: wrap; color: var(--muted); font-size: 11px; font-weight: 800; }
.hotel-score { justify-self: end; width: 74px; border-radius: 12px; background: var(--green-soft); color: var(--green-dark); text-align: center; padding: 9px 5px; font-weight: 950; }
.hotel-score b { display: block; font-size: 25px; line-height: 1; }
.hotel-score span { display: block; color: var(--muted); font-size: 10px; margin-top: 4px; }
.empty-box { padding: 24px; color: var(--muted); text-align: center; font-weight: 800; }

.detail-card { overflow: hidden; }
.detail-top { display: grid; grid-template-columns: 170px 1fr auto; gap: 16px; align-items: center; padding: 16px; border-bottom: 1px solid var(--line); }
.detail-photo { height: 110px; border-radius: 12px; background: var(--green-soft) center / cover no-repeat; border: 1px solid var(--line); }
.detail-top h2 { margin: 0 0 6px; font-size: 24px; }
.detail-meta { color: var(--muted); font-size: 13px; font-weight: 800; }
.detail-body { padding: 18px 16px 16px; display: grid; grid-template-columns: 190px 1fr; gap: 18px; border-bottom: 1px solid var(--line); }
.circle-score { width: 155px; height: 155px; border-radius: 50%; border: 9px solid var(--green); display: grid; place-items: center; margin: 0 auto 10px; text-align: center; color: var(--green-dark); }
.circle-score b { display: block; font-size: 42px; line-height: 1; }
.circle-score span { display: block; color: var(--muted); font-size: 11px; font-weight: 850; margin-top: 5px; }
.rating-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 22px; }
.rating-row { display: grid; grid-template-columns: 150px 1fr 34px; align-items: center; gap: 9px; color: #344256; font-size: 12px; font-weight: 850; }
.bar { height: 5px; background: #e8eee9; border-radius: 999px; overflow: hidden; }
.bar span { display: block; height: 100%; background: var(--green); border-radius: inherit; }

.review-section { padding: 18px 16px; }
.section-title { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 12px; }
.section-title h3 { margin: 0; font-size: 18px; }
.review-list { display: grid; gap: 10px; }
.review-card { border: 1px solid var(--line); border-radius: 12px; background: #fff; padding: 13px 14px; }
.review-head { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 8px; }
.review-tags { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; color: #334155; font-size: 12px; font-weight: 850; }
.badge { background: var(--green-soft); color: var(--green-dark); border-radius: 999px; padding: 4px 9px; font-size: 11px; font-weight: 950; }
.review-rate { color: var(--green); font-size: 17px; font-weight: 950; white-space: nowrap; }
.review-card p { margin: 0; color: #2e3a4e; font-size: 13px; }
.review-date { color: var(--muted); font-size: 12px; white-space: nowrap; }
.privacy-note { margin-top: 12px; background: linear-gradient(90deg, var(--green-soft), #f8fff9); border: 1px solid #cfead6; border-radius: 12px; padding: 13px 14px; color: #31533c; font-size: 13px; font-weight: 800; }

.form-panel { margin: 22px 0 24px; overflow: hidden; border: 2px solid #cfead6; box-shadow: 0 18px 38px rgba(47,157,85,.10); }
.form-highlight { background: linear-gradient(90deg, var(--green), #54b873); color: #fff; padding: 18px 22px; display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; }
.form-highlight h2 { margin: 0 0 5px; font-size: 24px; }
.form-highlight p { margin: 0; opacity: .95; }
.badge-strong { background: rgba(255,255,255,.16); padding: 10px 14px; border-radius: 12px; font-size: 13px; font-weight: 900; text-align: center; }
.form-content { padding: 22px; }
.form-head { display: flex; justify-content: space-between; gap: 16px; align-items: start; border-bottom: 1px solid var(--line); padding-bottom: 14px; margin-bottom: 16px; }
.form-head h3 { margin: 0 0 5px; font-size: 21px; }
.form-head p { margin: 0; color: var(--muted); font-size: 13px; }
.form-head small { color: #7a3e00; font-weight: 900; }
.form-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.form-col { border: 1px solid var(--line); border-radius: 14px; background: #fbfdfb; padding: 16px; }
.section-green { margin: 0 0 14px; padding: 11px 14px; background: var(--green-soft); color: var(--green-dark); border: 1px solid #cfead6; border-radius: 12px; font-size: 16px; font-weight: 950; }
.field { margin-bottom: 11px; }
.field label { display: block; margin-bottom: 5px; color: #344256; font-size: 12px; font-weight: 900; }
.field input, .field select, .field textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: var(--text); outline: 0; padding: 10px 11px; font-size: 13px; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(47,157,85,.10); }
textarea { min-height: 94px; resize: vertical; }

.star-rating-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.star-row { border: 1px solid var(--line); border-radius: 11px; background: #fff; padding: 10px; }
.star-row-top { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 8px; font-size: 12px; font-weight: 850; color: #344256; }
.star-value { color: var(--green-dark); font-weight: 950; font-size: 12px; white-space: nowrap; }
.stars-select { display: flex; gap: 6px; flex-wrap: wrap; }
.star-btn { width: 28px; height: 28px; border: 0; background: transparent; cursor: pointer; font-size: 24px; line-height: 1; color: #d1d5db; padding: 0; }
.star-btn.active { color: var(--gold); }
.star-help { color: var(--muted); font-size: 11px; margin-top: 4px; }
.form-bottom { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-top: 16px; border-top: 1px solid var(--line); padding-top: 14px; }
.check { color: var(--muted); font-size: 12px; display: flex; align-items: flex-start; gap: 8px; }
.alert-page { margin: 18px 0; padding: 14px; border-radius: 12px; background: #edf8f0; color: #247a42; border: 1px solid #bfe4ca; font-weight: 900; }

.footer { border-top: 1px solid var(--line); padding: 22px 0 26px; color: var(--muted); font-size: 13px; background: #fff; }
.footer-inner { display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.footer-links { display: flex; gap: 16px; flex-wrap: wrap; font-weight: 800; }
.content-page { padding: 28px 0 40px; }
.content-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 8px 20px rgba(16,32,51,.04); padding: 28px; }
.content-card h1 { margin: 0 0 10px; font-size: 34px; }
.content-card h2 { margin: 28px 0 10px; font-size: 20px; color: var(--green-dark); }
.content-card p, .content-card li { color: #334155; font-size: 15px; }
.contact-grid { display: grid; grid-template-columns: 320px 1fr; gap: 18px; margin-top: 20px; }
.contact-box { border: 1px solid var(--line); border-radius: 14px; background: #fbfdfb; padding: 18px; }

.admin-layout { display: grid; grid-template-columns: 240px 1fr; min-height: 100vh; }
.admin-side { background:#102033;color:#fff;padding:20px; }
.admin-side a { display:block;padding:10px 12px;border-radius:9px;margin:4px 0;color:#e5edf5;font-weight:800; }
.admin-side a:hover { background:rgba(255,255,255,.08); }
.admin-main { padding:24px; }
.table { width:100%; border-collapse: collapse; background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.table th,.table td { padding:10px; border-bottom:1px solid var(--line); text-align:left; font-size:13px; vertical-align:top; }
.table th { background:#f8fafc; font-weight:950; }

@media (max-width: 1120px) {
    .nav { grid-template-columns: 1fr auto; }
    .hero-inner { grid-template-columns: 1fr; }
    .hero-score { justify-self: start; }
    .shortcut-grid, .main-grid, .contact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .container { width: min(100% - 20px, 1280px); }
    .topbar { position: static; }
    .nav { grid-template-columns: 1fr; gap: 10px; padding: 12px 0; }
    .nav-links { justify-content:flex-start; gap:14px; }
    .nav-actions { justify-content: space-between; }
    .hero { background: linear-gradient(180deg, #f6f8f6, #edf8f0); }
    .hero-inner { min-height: auto; padding: 28px 0; }
    .trust-row { grid-template-columns: 1fr; gap: 12px; }
    .search-card { grid-template-columns: 1fr; }
    .hero-score { width: 100%; }
    .hotel-row { grid-template-columns: 92px 1fr; }
    .hotel-score { grid-column: 1 / -1; justify-self: stretch; display: flex; justify-content: space-between; align-items: center; width: auto; text-align: left; }
    .detail-top, .detail-body, .rating-grid, .star-rating-list { grid-template-columns: 1fr; }
    .form-highlight, .form-head, .form-bottom { display: grid; }
    .form-highlight { grid-template-columns: 1fr; }
    .btn { width: 100%; }
    .admin-layout { grid-template-columns: 1fr; }
}


/* V4 düzenlemeleri */
.nav {
    grid-template-columns: 260px 1fr !important;
}
.nav-links {
    display: none !important;
}
.nav-actions {
    justify-content: flex-end;
}
.hotel-row {
    cursor: pointer;
}
.hotel-row.active {
    border-color: var(--green);
    background: #fcfffd;
    box-shadow: 0 0 0 1px rgba(47,157,85,.10), 0 10px 24px rgba(16,32,51,.06);
}
.sort-flash {
    animation: sortFlash .55s ease;
}
@keyframes sortFlash {
    from { box-shadow: 0 0 0 4px rgba(47,157,85,.18); }
    to { box-shadow: none; }
}


/* V5 düzenlemeleri */
.form-panel {
    border: 3px solid #2f9d55 !important;
    box-shadow: 0 22px 55px rgba(47,157,85,.22) !important;
    position: relative;
}
.form-panel::before {
    content: "YORUM ALANI";
    position: absolute;
    right: 22px;
    top: -15px;
    background: #ff7a1a;
    color: #fff;
    padding: 7px 13px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .4px;
    box-shadow: 0 8px 18px rgba(255,122,26,.25);
}
.form-highlight {
    background: linear-gradient(90deg, #247a42, #2f9d55, #54b873) !important;
}
.form-highlight h2 { font-size: 30px !important; }
.review-success-box {
    background: #edf8f0;
    border: 2px solid #2f9d55;
    color: #247a42;
    padding: 15px 16px;
    border-radius: 14px;
    margin: 0 0 18px;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(47,157,85,.12);
}
.hotel-row { user-select: none; }
.hotel-row.active {
    border-color: #2f9d55 !important;
    background: #f5fff7 !important;
}
.status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}
.status-pending { background: #fff7ed; color: #c2410c; border: 1px solid #fed7aa; animation: pulseStatus 1.4s infinite; }
.status-approved { background: #edf8f0; color: #247a42; border: 1px solid #bfe4ca; }
.status-rejected { background: #f8fafc; color: #475569; border: 1px solid #cbd5e1; }
.status-hidden { background: #fff1f2; color: #be123c; border: 1px solid #fecdd3; }
.new-row { background: #fffaf0 !important; }
.message-new { background: #fffaf0 !important; }
.new-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ef4444;
    color: #fff;
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 11px;
    font-weight: 950;
    margin-left: 6px;
    animation: pulseStatus 1.4s infinite;
}
@keyframes pulseStatus {
    0% { box-shadow: 0 0 0 0 rgba(239,68,68,.28); }
    70% { box-shadow: 0 0 0 8px rgba(239,68,68,0); }
    100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); }
}
@media (max-width: 760px) {
    .form-panel::before { right: 12px; top: -12px; }
    .form-highlight h2 { font-size: 24px !important; }
}


/* V6 düzenlemeleri */
.form-panel {
    overflow: visible !important;
}
.form-panel::before {
    top: 8px !important;
    right: 20px !important;
    z-index: 5 !important;
    padding: 8px 15px !important;
}
.form-highlight {
    padding: 26px 28px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 24px !important;
}
.form-highlight > div:first-child {
    padding-right: 24px !important;
}
.badge-strong {
    margin-right: 115px !important;
    margin-top: 10px !important;
}
.admin-hidden-row {
    opacity: .72;
    background: #f8fafc !important;
}
.status-passive {
    background: #fff1f2;
    color: #be123c;
    border: 1px solid #fecdd3;
}
.status-active {
    background: #edf8f0;
    color: #247a42;
    border: 1px solid #bfe4ca;
}
@media (max-width: 900px) {
    .badge-strong {
        margin-right: 0 !important;
        margin-top: 0 !important;
    }
    .form-panel::before {
        top: -10px !important;
        right: 12px !important;
    }
}


/* V7 düzenlemeleri */
.review-success-modal {
    position: fixed;
    inset: 0;
    background: rgba(16,32,51,.48);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.review-success-modal.active { display: flex; }
.review-success-card {
    width: min(460px, 100%);
    background: #fff;
    border-radius: 20px;
    padding: 28px;
    text-align: center;
    box-shadow: 0 26px 70px rgba(16,32,51,.28);
    border: 1px solid #e3e8e4;
}
.review-success-icon {
    width: 66px;
    height: 66px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #edf8f0;
    color: #247a42;
    font-size: 34px;
    font-weight: 950;
}
.review-success-card h2 { margin: 0 0 8px; font-size: 24px; }
.review-success-card p { margin: 0 0 18px; color: #475569; font-weight: 700; }
.admin-thumb {
    width: 72px;
    height: 52px;
    object-fit: cover;
    border-radius: 9px;
    border: 1px solid #e3e8e4;
    background: #f8fafc;
}
.admin-image-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
}
.hidden-row { opacity: .58; background: #f8fafc !important; }
.status-hidden {
    background: #fff1f2;
    color: #be123c;
    border: 1px solid #fecdd3;
}
.mail-note {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px 14px;
    color: #475569;
    font-size: 13px;
    margin: 10px 0 16px;
}


/* V8 yorum detayları ve admin önizleme */
.review-card {
    cursor: pointer;
}
.review-card:hover {
    border-color: #9bd6ad;
    box-shadow: 0 10px 24px rgba(16,32,51,.06);
}
.review-detail-mini {
    display: grid;
    gap: 6px;
    margin-top: 8px;
    color: #475569;
    font-size: 12px;
}
.review-detail-mini strong {
    color: #102033;
}
.review-detail-grid,
.admin-preview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 14px;
}
.review-detail-box,
.admin-preview-box {
    border: 1px solid #e3e8e4;
    border-radius: 12px;
    padding: 12px;
    background: #fbfdfb;
}
.review-detail-box h4,
.admin-preview-box h4 {
    margin: 0 0 8px;
    color: #247a42;
    font-size: 14px;
}
.review-detail-box p,
.admin-preview-box p {
    margin: 0;
    color: #334155;
    font-size: 13px;
}
.rating-detail-list {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}
.rating-detail-row {
    display: grid;
    grid-template-columns: 170px 1fr 42px;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    font-weight: 800;
    color: #334155;
}
.rating-stars-text {
    color: #f3b61f;
    letter-spacing: 1px;
    white-space: nowrap;
}
.detail-modal {
    position: fixed;
    inset: 0;
    background: rgba(16,32,51,.55);
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.detail-modal.active {
    display: flex;
}
.detail-modal-card {
    width: min(860px, 100%);
    max-height: min(88vh, 860px);
    overflow: auto;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #e3e8e4;
    box-shadow: 0 26px 70px rgba(16,32,51,.28);
}
.detail-modal-head {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
    padding: 18px 22px;
    border-bottom: 1px solid #e3e8e4;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: start;
}
.detail-modal-head h2 {
    margin: 0 0 4px;
    font-size: 22px;
}
.detail-modal-head p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 800;
}
.detail-modal-close {
    border: 0;
    background: #f1f5f9;
    color: #102033;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 22px;
    font-weight: 900;
}
.detail-modal-body {
    padding: 20px 22px;
}
.admin-preview-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 16px;
    border-top: 1px solid #e3e8e4;
    padding-top: 14px;
}
.admin-action-disabled,
.btn[aria-disabled="true"] {
    opacity: .45;
    pointer-events: none;
    filter: grayscale(.2);
}
.action-processing {
    opacity: .55 !important;
    pointer-events: none !important;
}
.admin-review-summary {
    display: grid;
    gap: 6px;
}
.admin-review-summary .line {
    font-size: 12px;
    color: #475569;
}
.admin-review-summary .line strong {
    color: #102033;
}
@media (max-width: 760px) {
    .review-detail-grid,
    .admin-preview-grid {
        grid-template-columns: 1fr;
    }
    .rating-detail-row {
        grid-template-columns: 1fr;
        gap: 3px;
    }
}


/* V9 düzenlemeleri */
.form-highlight .badge-strong {
    transform: translateX(-28px);
}
.more-reviews-wrap {
    margin-top: 12px;
    display: flex;
    justify-content: center;
}
.more-reviews-btn {
    min-width: 180px;
}
@media (max-width: 760px) {
    .form-highlight .badge-strong {
        transform: none;
    }
}


/* V12 düzenlemeleri */
.hotel-review-hero {
    display: grid;
    grid-template-columns: 260px 1fr 170px;
    gap: 20px;
    align-items: center;
    border: 1px solid #e3e8e4;
    border-radius: 18px;
    padding: 16px;
    background: #fbfdfb;
    margin-bottom: 20px;
}
.hotel-review-hero-photo {
    height: 170px;
    border-radius: 14px;
    background: #edf8f0 center / cover no-repeat;
    border: 1px solid #e3e8e4;
}
.hotel-review-hero h1 {
    margin: 0 0 8px;
}
.hotel-review-hero-meta {
    color: #64748b;
    font-weight: 850;
    margin-bottom: 12px;
}
.hotel-review-score {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 9px solid #2f9d55;
    display: grid;
    place-items: center;
    text-align: center;
    color: #247a42;
    margin: auto;
}
.hotel-review-score b {
    font-size: 40px;
    line-height: 1;
}
.hotel-review-score span {
    display: block;
    font-size: 11px;
    color: #64748b;
    font-weight: 900;
    margin-top: 4px;
}
.contact-success-modal {
    position: fixed;
    inset: 0;
    background: rgba(16,32,51,.48);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.contact-success-modal.active {
    display: flex;
}
@media (max-width: 900px) {
    .hotel-review-hero {
        grid-template-columns: 1fr;
    }
    .hotel-review-hero-photo {
        height: 220px;
    }
}


/* V13 düzenlemeleri */
.hotel-review-score span + span {
    color: #102033;
    font-size: 13px;
    margin-top: 7px;
}
#adminReviewEditModal textarea {
    min-height: 110px;
}
#adminReviewEditModal select {
    width: 100%;
}


/* V14 log ekranı */
.log-extra {
    margin-top: 8px;
    display: grid;
    gap: 4px;
    color: #475569;
    font-size: 12px;
}
.log-extra ul li {
    margin-bottom: 4px;
}


/* V16 logo düzenlemesi */
.brand-logo {
    display: flex;
    align-items: center;
    min-width: 320px;
    text-decoration: none;
}
.brand-logo img {
    height: 62px;
    width: auto;
    max-width: 360px;
    display: block;
    object-fit: contain;
}
@media (max-width: 900px) {
    .brand-logo {
        min-width: 220px;
    }
    .brand-logo img {
        height: 48px;
        max-width: 245px;
    }
}
@media (max-width: 600px) {
    .nav {
        grid-template-columns: 1fr !important;
        justify-items: center;
        gap: 10px;
        padding: 10px 0;
    }
    .brand-logo {
        min-width: 0;
        justify-content: center;
    }
    .brand-logo img {
        height: 44px;
        max-width: 260px;
    }
    .nav-actions {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.topbar .nav {
    grid-template-columns: minmax(320px, 420px) 1fr !important;
}


/* V17 yeni özellikler */
.review-vote-box {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
}
.review-filter-bar,
.compare-picker,
.mini-tools-panel {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    padding: 14px 16px;
    margin: 18px 0;
}
.review-filter-bar {
    background: #fbfdfb;
    border: 1px solid #e3e8e4;
    border-radius: 14px;
}
.review-filter-bar label {
    font-weight: 950;
    color: #247a42;
}
.review-filter-bar select,
.compare-picker select {
    border: 1px solid #e3e8e4;
    border-radius: 9px;
    padding: 10px;
    background: #fff;
}
.compare-picker {
    display: grid;
    grid-template-columns: repeat(3, 1fr) auto;
    align-items: end;
}
.compare-table-wrap {
    overflow-x: auto;
    margin-top: 18px;
}
.search-chip {
    display: inline-flex;
    align-items: center;
    background: #edf8f0;
    color: #247a42;
    border: 1px solid #cfead6;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 900;
    margin: 3px;
}
.popular-searches {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}
.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 18px 0;
}
.puan-dagilimi {
    margin-top: 14px;
    border: 1px solid #e3e8e4;
    border-radius: 12px;
    padding: 12px;
    background: #fff;
    display: grid;
    gap: 5px;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
}
.puan-dagilimi strong {
    color: #247a42;
}
@media (max-width: 900px) {
    .compare-picker,
    .dashboard-grid {
        grid-template-columns: 1fr;
    }
}


/* V18 karşılaştırma sayfası iyileştirme */
.compare-page .content-card {
    overflow: hidden;
}
.compare-title {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 18px;
}
.compare-title h1 {
    margin-bottom: 6px;
}
.compare-title p {
    color: #64748b;
    font-weight: 800;
    margin: 0;
}
.compare-picker-modern {
    background: linear-gradient(135deg, #f4fbf6, #ffffff);
    border: 1px solid #dceee3;
    border-radius: 18px;
    padding: 18px;
    margin-bottom: 22px;
}
.compare-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 18px 0 26px;
}
.compare-hotel-card {
    border: 1px solid #e3e8e4;
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(16,32,51,.07);
}
.compare-hotel-photo {
    height: 145px;
    background: #edf8f0 center / cover no-repeat;
}
.compare-hotel-body {
    padding: 16px;
}
.compare-hotel-body h2 {
    font-size: 18px;
    margin: 0 0 5px;
}
.compare-hotel-body p {
    margin: 0 0 12px;
    color: #64748b;
    font-weight: 800;
}
.compare-hotel-body small {
    display: block;
    color: #64748b;
    font-weight: 900;
    margin-top: 10px;
}
.compare-score-circle {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    border: 8px solid #2f9d55;
    display: grid;
    place-items: center;
    text-align: center;
    margin: 10px auto;
    color: #247a42;
    background: #f7fff9;
}
.compare-score-circle b {
    font-size: 32px;
    line-height: 1;
}
.compare-score-circle span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 950;
    margin-top: 4px;
}
.compare-bars {
    margin-top: 10px;
}
.compare-bars h2 {
    margin-bottom: 16px;
}
.compare-category {
    border: 1px solid #e3e8e4;
    border-radius: 16px;
    padding: 14px;
    background: #fbfdfb;
    margin-bottom: 12px;
}
.compare-category h3 {
    margin: 0 0 12px;
    color: #247a42;
    font-size: 16px;
}
.compare-category-rows {
    display: grid;
    gap: 9px;
}
.compare-bar-row {
    display: grid;
    grid-template-columns: 210px 1fr 52px;
    gap: 12px;
    align-items: center;
}
.compare-bar-name {
    font-weight: 900;
    color: #102033;
    font-size: 13px;
}
.compare-big-bar {
    height: 18px;
    background: #e8f2eb;
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid #d9eadf;
}
.compare-big-bar span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #2f9d55, #8fd19e);
    border-radius: 999px;
}
.compare-bar-row strong {
    color: #102033;
    font-weight: 950;
    text-align: right;
}
@media (max-width: 1000px) {
    .compare-summary-grid {
        grid-template-columns: 1fr;
    }
    .compare-bar-row {
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .compare-bar-row strong {
        text-align: left;
    }
    .compare-title {
        flex-direction: column;
    }
}


/* V19 düzenlemeleri */
.compare-result-summary {
    margin-top: 22px;
    border: 1px solid #d8eadf;
    background: linear-gradient(135deg, #f3fbf6, #ffffff);
    border-radius: 20px;
    padding: 20px;
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 16px;
    align-items: center;
    box-shadow: 0 12px 30px rgba(16,32,51,.06);
}
.compare-result-icon {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #2f9d55;
    color: #fff;
    font-size: 32px;
}
.compare-result-summary h2 {
    margin: 0 0 6px;
    color: #247a42;
}
.compare-result-summary p {
    margin: 0 0 5px;
    color: #102033;
    font-weight: 850;
}
.compare-result-summary small {
    color: #64748b;
    font-weight: 800;
}
.compare-under-hotels {
    margin-top: 14px;
    display: grid;
}
.compare-under-hotels .btn {
    justify-content: center;
}
.highlight-row {
    outline: 3px solid rgba(47,157,85,.55);
    box-shadow: 0 0 0 6px rgba(47,157,85,.14);
}
.badge-warning,
.approved-report-mini {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}
.approved-report-mini {
    display: inline-flex;
    width: fit-content;
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 11px;
    font-weight: 950;
}
@media (max-width: 700px) {
    .compare-result-summary {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .compare-result-icon {
        margin: 0 auto;
    }
}


/* V20 düzenlemeleri */
.compare-under-hotels {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
}
.compare-under-hotels .btn {
    min-width: 210px;
    text-align: center;
    justify-content: center;
}
.report-success-modal {
    position: fixed;
    inset: 0;
    background: rgba(16,32,51,.48);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.report-success-modal.active {
    display: flex;
}


/* V21 karşılaştırma butonu genişletme */
.compare-under-hotels {
    display: block !important;
    width: 100%;
    margin-top: 18px;
    margin-bottom: 26px;
}
.compare-under-hotels .btn {
    width: 100%;
    min-height: 48px;
    justify-content: center;
    text-align: center;
    border-radius: 14px;
    font-weight: 950;
}


/* V23 spam koruma ve karşılaştırma butonu boşluğu */
.hp-field {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.spam-warning-modal {
    position: fixed;
    inset: 0;
    background: rgba(16,32,51,.48);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.spam-warning-modal.active {
    display: flex;
}
.compare-under-hotels {
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
}
.compare-under-hotels .btn {
    width: 100%;
}


/* V24 form koruma, silinenler ve admin rozetleri */
.spam-reason-box {
    border: 1px solid #fecaca;
    background: #fff1f2;
    color: #9f1239;
    border-radius: 14px;
    padding: 14px 16px;
    margin: 0 0 16px;
    font-weight: 800;
}
.spam-reason-box ul,
.spam-modal-list {
    margin: 8px 0 0 18px;
    padding: 0;
}
.spam-modal-list {
    text-align: left;
    color: #9f1239;
    font-weight: 800;
}
.admin-side a {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}
.admin-badge {
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
}


/* V25 mobil header ve yorum alanı düzeltmeleri */
@media (max-width: 760px) {
    html, body {
        overflow-x: hidden;
        max-width: 100%;
    }

    .topbar {
        overflow: hidden;
    }

    .topbar .nav,
    .nav {
        grid-template-columns: 1fr !important;
        width: 100%;
        max-width: 100%;
        justify-items: center;
        gap: 10px;
        padding: 10px 0 12px;
    }

    .brand-logo {
        width: 100%;
        min-width: 0 !important;
        justify-content: center;
    }

    .brand-logo img {
        height: 46px;
        max-width: min(310px, 84vw);
    }

    .nav-actions {
        width: 100%;
        max-width: 100%;
        display: grid !important;
        grid-template-columns: 1fr;
        justify-items: center;
        justify-content: center;
        gap: 8px;
        overflow: hidden;
    }

    .nav-actions .secure {
        white-space: normal;
        text-align: center;
        font-size: 12px;
        line-height: 1.2;
    }

    .nav-actions .btn {
        width: min(100%, 310px);
        max-width: 100%;
        min-height: 40px;
        padding: 10px 14px;
        border-radius: 12px;
        box-sizing: border-box;
    }

    .form-highlight {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 24px 18px !important;
        text-align: left;
        align-items: start !important;
    }

    .form-highlight > div:first-child {
        padding-right: 0 !important;
        width: 100%;
    }

    .form-highlight h2 {
        font-size: 28px !important;
        line-height: 1.18 !important;
        max-width: 100%;
        word-break: normal;
        overflow-wrap: normal;
        margin-bottom: 10px !important;
    }

    .form-highlight p {
        font-size: 17px;
        line-height: 1.45;
        max-width: 100%;
        word-break: normal;
        overflow-wrap: normal;
    }

    .form-highlight .badge-strong,
    .badge-strong {
        width: 100%;
        max-width: 100%;
        margin: 0 !important;
        transform: none !important;
        box-sizing: border-box;
        text-align: center;
        font-size: 14px;
        line-height: 1.45;
    }
}

@media (max-width: 430px) {
    .brand-logo img {
        height: 42px;
        max-width: min(280px, 82vw);
    }

    .nav-actions .secure {
        display: none;
    }

    .nav-actions .btn {
        width: min(100%, 280px);
    }

    .form-highlight {
        padding: 22px 16px !important;
    }

    .form-highlight h2 {
        font-size: 25px !important;
    }

    .form-highlight p {
        font-size: 16px;
    }
}


/* V26 yorum iş akışı / doğrulama */
.field-help {
    display: block;
    margin-top: 5px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}
.field-error {
    display: block;
    min-height: 16px;
    margin-top: 4px;
    color: #be123c;
    font-size: 11px;
    font-weight: 900;
}
.field-invalid {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239,68,68,.10);
}
.status-info_requested {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
}
.info-request-page {
    max-width: 980px;
    margin: 0 auto;
}
.info-request-banner {
    border: 1px solid #fed7aa;
    background: #fff7ed;
    color: #9a3412;
    border-radius: 14px;
    padding: 15px 17px;
    margin-bottom: 18px;
}
.info-request-banner h3 {
    margin: 0 0 6px;
}
.info-request-banner p {
    margin: 0;
}


.workflow-note {
    margin-top: 7px;
    padding: 7px 8px;
    border-radius: 8px;
    background: #f8fafc;
    color: #475569;
    font-size: 11px;
    line-height: 1.35;
}

/* V28 - dönüşüm, güven ve etkileşim modülleri */
.eyebrow { display:block; color:var(--green-dark); font-size:11px; font-weight:950; letter-spacing:.9px; margin-bottom:4px; }
.trust-explainer { margin:18px 0; padding:22px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 8px 20px rgba(16,32,51,.04); }
.trust-explainer-head { display:flex; justify-content:space-between; gap:18px; align-items:end; margin-bottom:16px; }
.trust-explainer-head h2 { margin:0; font-size:24px; }
.trust-explainer-head a { color:var(--green-dark); font-size:13px; font-weight:900; }
.trust-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.trust-card { padding:15px; border:1px solid #dce9df; border-radius:14px; background:linear-gradient(180deg,#fbfffc,#f6fbf7); }
.trust-card b { display:block; font-size:13px; color:#213c2a; margin-bottom:5px; }
.trust-card p { margin:0; font-size:12px; color:var(--muted); line-height:1.5; }
.trust-technical-note { margin:13px 0 0; color:#64748b; font-size:11px; }

.engagement-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:18px; margin:18px 0; }
.activity-panel,.poll-panel { padding:20px; }
.activity-panel .section-title h2,.poll-panel h2 { margin:0; font-size:21px; }
.activity-count { background:var(--green-soft); color:var(--green-dark); border-radius:999px; padding:6px 10px; font-size:11px; font-weight:900; }
.activity-list { display:grid; gap:9px; margin-top:12px; }
.activity-item { display:grid; grid-template-columns:12px 1fr; gap:10px; align-items:start; padding:10px 0; border-bottom:1px solid #eef2ef; font-size:13px; }
.activity-item:last-child { border-bottom:0; }
.activity-item small { display:block; color:var(--muted); margin-top:3px; }
.activity-dot { width:9px; height:9px; border-radius:50%; background:var(--green); margin-top:5px; box-shadow:0 0 0 5px rgba(47,157,85,.10); }
.poll-intro { color:var(--muted); margin:6px 0 14px; font-size:13px; }
.poll-options { display:grid; gap:8px; }
.poll-option { width:100%; border:1px solid var(--line); background:#fff; border-radius:12px; padding:12px 13px; display:flex; justify-content:space-between; gap:12px; text-align:left; cursor:pointer; font-weight:850; color:var(--text); }
.poll-option:hover,.poll-option.selected { border-color:#9dd4ac; background:var(--green-soft); }
.poll-option b { color:var(--green-dark); }
.poll-option:disabled { cursor:default; opacity:1; }
.poll-panel > small { display:block; margin-top:10px; color:var(--muted); font-weight:800; }

.hotel-no-result { margin:0 16px 16px; padding:22px 18px; text-align:center; border:1px dashed #f3b27e; background:#fff8f2; border-radius:14px; }
.hotel-no-result[hidden] { display:none !important; }
.hotel-no-result-icon { font-size:35px; }
.hotel-no-result h3 { margin:7px 0 5px; }
.hotel-no-result p { margin:0 0 13px; color:#6b4d39; }
.hotel-no-result small { display:block; margin-top:9px; color:var(--muted); }

.hotel-insight-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:14px 16px; border-bottom:1px solid var(--line); background:#fbfdfb; }
.hotel-insight-strip > div { border:1px solid #dce8df; background:#fff; border-radius:12px; padding:12px; }
.hotel-insight-strip span { display:block; color:var(--muted); font-size:11px; font-weight:850; }
.hotel-insight-strip strong { display:block; color:var(--green-dark); font-size:24px; line-height:1.1; margin:5px 0; }
.hotel-insight-strip strong.salary-stat { font-size:15px; line-height:1.3; }
.hotel-insight-strip small { display:block; color:#718096; font-size:10px; }
.hotel-page-insights { margin:18px 0; padding:0; border:0; background:transparent; }
.department-stats { display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:12px 16px; border-bottom:1px solid var(--line); }
.department-stats > strong { font-size:12px; margin-right:3px; }
.department-stats span { background:#f5f8f6; border:1px solid #e0e7e1; border-radius:999px; padding:6px 9px; font-size:11px; font-weight:800; }
.department-stats span b { color:var(--green-dark); }
.department-stat-card,.salary-distribution-card { margin:18px 0; border:1px solid var(--line); border-radius:15px; padding:18px; background:#fff; }
.department-stat-card .department-stats { padding:0; border:0; }
.salary-distribution-list { display:grid; gap:9px; margin:12px 0; }
.salary-distribution-row { display:grid; grid-template-columns:minmax(150px,220px) 1fr 45px; gap:10px; align-items:center; font-size:12px; font-weight:800; }
.salary-distribution-card > small { color:var(--muted); }

.hotel-follow-box { margin:14px 0 0; border:1px solid #cfead6; border-radius:14px; background:linear-gradient(100deg,#f2fbf5,#fff); padding:15px; display:grid; grid-template-columns:1fr minmax(280px,380px); gap:15px; align-items:center; }
.hotel-follow-box h4,.hotel-follow-box h2 { margin:0 0 4px; }
.hotel-follow-box p { margin:0; color:var(--muted); font-size:12px; }
.hotel-follow-form { display:grid; grid-template-columns:1fr auto; gap:8px; }
.hotel-follow-form input { min-width:0; width:100%; border:1px solid var(--line); border-radius:10px; padding:11px 12px; outline:0; }
.follow-result-card { max-width:680px; margin:30px auto; text-align:center; }

.review-stepper { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:18px; }
.review-stepper span { padding:10px 12px; border-radius:10px; background:#f1f5f2; color:#718096; font-size:12px; font-weight:900; text-align:center; }
.review-stepper span.active { background:var(--green); color:#fff; }
.review-stepper span.done { background:#dff3e5; color:var(--green-dark); }
.review-step { display:none; }
.review-step.active { display:block; }
.quick-review-intro { display:flex; justify-content:space-between; gap:12px; align-items:center; background:#f7fbf8; border:1px solid #deebe1; border-radius:12px; padding:11px 13px; margin-bottom:14px; font-size:12px; color:var(--muted); }
.quick-review-intro b { color:var(--green-dark); font-size:13px; }
.form-grid-two { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
.choice-pills { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.choice-pills label { cursor:pointer; }
.choice-pills input { position:absolute; opacity:0; pointer-events:none; }
.choice-pills span { display:block; text-align:center; border:1px solid var(--line); border-radius:10px; padding:10px; font-weight:900; color:#526174; background:#fff; }
.choice-pills input:checked + span { color:var(--green-dark); border-color:#8bc79d; background:var(--green-soft); box-shadow:0 0 0 2px rgba(47,157,85,.08); }
.review-step-actions { display:flex; justify-content:space-between; align-items:center; margin-top:16px; }
.review-final-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.optional-review-details { border:1px solid var(--line); border-radius:12px; background:#fafcfb; margin:12px 0; overflow:hidden; }
.optional-review-details summary { cursor:pointer; padding:12px 14px; font-weight:900; color:var(--green-dark); }
.optional-review-inner { padding:0 14px 14px; }
.identity-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; }

.compare-mini-metrics { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:12px; }
.compare-mini-metrics span { border:1px solid var(--line); border-radius:9px; padding:7px; font-size:10px; color:var(--muted); }
.compare-mini-metrics b { display:block; color:var(--green-dark); font-size:14px; margin-top:2px; }
.compare-quick-table { margin:24px 0; }
.compare-quick-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.compare-quick-grid article { border:1px solid var(--line); border-radius:14px; padding:14px; background:#fbfdfb; }
.compare-quick-grid h3 { margin:0 0 10px; font-size:15px; }
.compare-quick-grid article > div { display:flex; justify-content:space-between; gap:10px; border-top:1px solid #e8eee9; padding:8px 0; font-size:11px; }
.compare-quick-grid article > div span { color:var(--muted); }
.compare-quick-grid article > div b { text-align:right; }
.compare-quick-table > small { display:block; margin-top:10px; color:var(--muted); }

@media (max-width: 980px) {
    .trust-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .engagement-grid { grid-template-columns:1fr; }
    .hotel-insight-strip { grid-template-columns:1fr; }
    .hotel-follow-box { grid-template-columns:1fr; }
    .compare-quick-grid { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
    .trust-explainer { padding:16px; }
    .trust-explainer-head { align-items:flex-start; flex-direction:column; }
    .trust-card-grid { grid-template-columns:1fr; }
    .form-grid-two { grid-template-columns:1fr !important; }
    .identity-fields { grid-template-columns:1fr; }
    .hotel-follow-form { grid-template-columns:1fr; }
    .salary-distribution-row { grid-template-columns:1fr 90px 40px; }
    .review-stepper span { font-size:10px; padding:9px 6px; }
    .quick-review-intro { align-items:flex-start; flex-direction:column; }
}
.admin-funnel-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.admin-funnel-grid > div { border:1px solid var(--line); border-radius:12px; background:#fbfdfb; padding:13px; text-align:center; }
.admin-funnel-grid b { display:block; color:var(--green-dark); font-size:25px; }
.admin-funnel-grid span { color:var(--muted); font-size:11px; font-weight:800; }
@media(max-width:900px){.admin-funnel-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* V29 - Mobil arayüz sadeleştirmesi */
.mobile-hotel-switch,
.mobile-bottom-nav,
.mobile-detail-back {
    display: none;
}

@media (max-width: 760px) {
    html {
        scroll-padding-top: 74px;
    }

    body.home-page {
        padding-bottom: 76px;
    }

    .container {
        width: min(100% - 16px, 1280px);
    }

    /* Mobil üst bar: iki satır yerine tek, kompakt satır */
    .topbar {
        position: sticky !important;
        top: 0;
        z-index: 1000;
        overflow: visible;
        box-shadow: 0 5px 18px rgba(16,32,51,.06);
    }

    .topbar .nav,
    .nav {
        min-height: 58px;
        grid-template-columns: minmax(0, 1fr) auto !important;
        justify-items: stretch;
        align-items: center;
        gap: 8px;
        padding: 6px 0;
    }

    .brand-logo {
        width: auto;
        min-width: 0 !important;
        justify-content: flex-start;
        overflow: hidden;
    }

    .brand-logo img {
        height: 38px;
        width: auto;
        max-width: min(190px, 55vw);
        object-fit: contain;
    }

    .nav-actions {
        width: auto;
        max-width: none;
        display: flex !important;
        grid-template-columns: none;
        justify-items: initial;
        justify-content: flex-end;
        gap: 0;
        overflow: visible;
    }

    .nav-actions .secure {
        display: none;
    }

    .nav-actions .btn {
        width: auto;
        max-width: none;
        min-height: 38px;
        padding: 9px 12px;
        border-radius: 10px;
        font-size: 12px;
    }

    /* Hero: daha kısa, arama odaklı */
    .hero {
        min-height: 0;
        background: linear-gradient(180deg, #f7faf7, #edf8f0);
    }

    .hero-inner {
        min-height: 0;
        padding: 18px 0 14px;
        gap: 0;
    }

    .hero h1 {
        font-size: clamp(27px, 8vw, 34px);
        line-height: 1.08;
        letter-spacing: -1.3px;
    }

    .lead {
        margin: 10px 0 14px;
        font-size: 13px;
        line-height: 1.45;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .search-card {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 6px;
        padding: 6px;
        border-radius: 12px;
    }

    .search-input input {
        min-height: 44px;
        font-size: 14px;
    }

    .search-card .btn {
        width: auto;
        min-width: 66px;
        min-height: 44px;
        padding: 9px 13px;
    }

    .hero-score {
        display: none;
    }

    .trust-row {
        display: flex;
        gap: 8px;
        margin-top: 12px;
        max-width: none;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        padding: 2px 0 5px;
    }

    .trust-row::-webkit-scrollbar,
    .shortcut-grid::-webkit-scrollbar,
    .trust-card-grid::-webkit-scrollbar,
    .engagement-grid::-webkit-scrollbar,
    .hotel-insight-strip::-webkit-scrollbar,
    .department-stats::-webkit-scrollbar {
        display: none;
    }

    .trust-item {
        flex: 0 0 auto;
        min-width: 205px;
        scroll-snap-align: start;
        border: 1px solid #dce9df;
        background: rgba(255,255,255,.82);
        border-radius: 12px;
        padding: 8px 10px;
        font-size: 11px;
        gap: 7px;
    }

    .trust-icon {
        width: 31px;
        height: 31px;
        font-size: 14px;
    }

    .trust-item small {
        font-size: 9px;
        margin-top: 1px;
    }

    /* Üç kısa yol artık alt alta değil, yatay kaydırmalı */
    .shortcut-grid {
        display: flex;
        overflow-x: auto;
        gap: 9px;
        margin: 12px 0;
        padding: 1px 1px 6px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .shortcut {
        flex: 0 0 78vw;
        max-width: 300px;
        min-height: 96px;
        grid-template-columns: 43px minmax(0,1fr);
        gap: 10px;
        padding: 13px;
        border-radius: 14px;
        scroll-snap-align: start;
    }

    .shortcut-icon {
        width: 43px;
        height: 43px;
        font-size: 18px;
    }

    .shortcut h3 {
        font-size: 14px;
        margin-bottom: 2px;
    }

    .shortcut p,
    .shortcut a {
        font-size: 10px;
    }

    .shortcut p {
        margin-bottom: 3px;
    }

    /* Güven bölümü yatay kartlar: dikey alanı çok küçültür */
    .trust-explainer {
        margin: 12px 0;
        padding: 13px;
    }

    .trust-explainer-head {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 10px;
    }

    .trust-explainer-head h2 {
        font-size: 17px;
        line-height: 1.15;
    }

    .trust-explainer-head .eyebrow {
        font-size: 9px;
    }

    .trust-explainer-head a {
        flex: 0 0 auto;
        font-size: 10px;
    }

    .trust-card-grid {
        display: flex;
        overflow-x: auto;
        gap: 8px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .trust-card {
        flex: 0 0 72vw;
        max-width: 280px;
        min-height: 92px;
        padding: 11px;
        scroll-snap-align: start;
    }

    .trust-card b {
        font-size: 11px;
        margin-bottom: 3px;
    }

    .trust-card p {
        font-size: 10px;
        line-height: 1.4;
    }

    .trust-technical-note {
        margin-top: 8px;
        font-size: 9px;
        line-height: 1.35;
    }

    /* Canlı akış + anket yan yana yatay kaydırılır */
    .engagement-grid {
        display: flex;
        overflow-x: auto;
        gap: 10px;
        margin: 12px 0;
        padding-bottom: 5px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .engagement-grid > .panel {
        flex: 0 0 88vw;
        max-width: 355px;
        scroll-snap-align: start;
    }

    .activity-panel,
    .poll-panel {
        padding: 14px;
    }

    .activity-panel .section-title h2,
    .poll-panel h2 {
        font-size: 17px;
    }

    .activity-count {
        padding: 4px 7px;
        font-size: 9px;
    }

    .activity-item {
        padding: 7px 0;
        font-size: 11px;
    }

    .activity-item:nth-child(n+4) {
        display: none;
    }

    .poll-intro {
        margin: 4px 0 9px;
        font-size: 11px;
    }

    .poll-option {
        padding: 9px 10px;
        font-size: 11px;
    }

    /* Otel / seçili otel sekmesi */
    .mobile-hotel-switch {
        position: sticky;
        top: 58px;
        z-index: 40;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5px;
        margin: 10px 0 8px;
        padding: 5px;
        border: 1px solid var(--line);
        border-radius: 13px;
        background: rgba(255,255,255,.96);
        box-shadow: 0 7px 18px rgba(16,32,51,.07);
        backdrop-filter: blur(10px);
    }

    .mobile-hotel-switch button {
        min-height: 38px;
        border: 0;
        border-radius: 9px;
        background: transparent;
        color: #64748b;
        font-size: 11px;
        font-weight: 950;
    }

    .mobile-hotel-switch button.active {
        color: #fff;
        background: var(--green);
    }

    .main-grid {
        display: block !important;
        margin-top: 0;
    }

    .mobile-hotel-panel {
        display: none !important;
    }

    .mobile-hotel-panel.mobile-panel-active {
        display: block !important;
    }

    .panel-head {
        padding: 11px 11px 8px;
        gap: 8px;
    }

    .panel-head h2 {
        font-size: 16px;
    }

    .sort-select {
        max-width: 145px;
        padding: 7px 8px;
        font-size: 10px;
    }

    .hotel-list {
        max-height: 56vh;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 0 9px 9px;
        gap: 7px;
        scrollbar-width: thin;
    }

    .hotel-row {
        grid-template-columns: 66px minmax(0, 1fr) 56px !important;
        gap: 8px;
        padding: 7px;
        border-radius: 11px;
    }

    .hotel-photo {
        height: 56px;
        border-radius: 9px;
    }

    .hotel-row h3 {
        margin-bottom: 2px;
        font-size: 13px;
        line-height: 1.2;
    }

    .hotel-meta {
        margin-bottom: 3px;
        font-size: 9px;
    }

    .hotel-stats {
        font-size: 9px;
    }

    .hotel-score {
        grid-column: auto !important;
        justify-self: end !important;
        width: 54px !important;
        padding: 7px 3px;
        display: block !important;
        text-align: center !important;
    }

    .hotel-score b {
        font-size: 19px;
    }

    .hotel-score span {
        font-size: 8px;
    }

    .compare-under-hotels {
        padding: 8px 9px 10px;
    }

    .compare-under-hotels .btn {
        min-height: 38px;
        font-size: 11px;
    }

    .hotel-no-result {
        margin: 0 9px 9px;
        padding: 15px 12px;
    }

    .hotel-no-result-icon {
        font-size: 26px;
    }

    .hotel-no-result h3 {
        font-size: 15px;
    }

    .hotel-no-result p,
    .hotel-no-result small {
        font-size: 10px;
    }

    /* Seçili otel detayı kompakt */
    .mobile-detail-back {
        display: inline-flex;
        width: auto;
        margin: 10px 10px 0;
        min-height: 34px;
        align-items: center;
        border: 1px solid #cfe2d4;
        border-radius: 9px;
        background: #f7fbf8;
        color: var(--green-dark);
        padding: 7px 10px;
        font-size: 10px;
        font-weight: 950;
    }

    .detail-top {
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 10px;
        padding: 10px;
    }

    .detail-photo {
        height: 66px;
    }

    .detail-top h2 {
        margin-bottom: 2px;
        font-size: 17px;
        line-height: 1.15;
    }

    .detail-meta {
        font-size: 10px;
    }

    .detail-top > div:last-child {
        grid-column: 1 / -1;
    }

    .detail-top .btn {
        min-height: 36px;
        font-size: 11px;
    }

    .detail-body {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        gap: 9px;
        padding: 11px 10px;
    }

    .circle-score {
        width: 82px;
        height: 82px;
        border-width: 6px;
        margin-bottom: 4px;
    }

    .circle-score b {
        font-size: 26px;
    }

    .circle-score span {
        font-size: 8px;
    }

    .detail-body .stars {
        font-size: 13px !important;
    }

    .rating-grid {
        grid-template-columns: 1fr !important;
        gap: 4px;
    }

    .rating-row {
        grid-template-columns: minmax(92px, 1fr) 1fr 28px;
        gap: 5px;
        font-size: 9px;
    }

    .hotel-insight-strip {
        display: flex;
        overflow-x: auto;
        gap: 7px;
        padding: 9px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .hotel-insight-strip > div {
        flex: 0 0 72%;
        max-width: 230px;
        padding: 9px;
        scroll-snap-align: start;
    }

    .hotel-insight-strip strong {
        font-size: 20px;
    }

    .department-stats {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 8px 10px;
        scrollbar-width: none;
    }

    .department-stats > strong,
    .department-stats span {
        flex: 0 0 auto;
        font-size: 9px;
    }

    .review-section {
        padding: 12px 10px;
    }

    .review-card {
        padding: 10px;
    }

    .review-head {
        align-items: flex-start;
    }

    .review-tags,
    .review-card p {
        font-size: 10px;
    }

    .review-rate {
        font-size: 13px;
    }

    .hotel-follow-box {
        padding: 11px;
        gap: 9px;
    }

    .hotel-follow-box p {
        font-size: 10px;
    }

    /* Yorum formu mobilde daha kısa */
    .form-panel {
        margin: 12px 0 16px;
    }

    .form-highlight {
        padding: 13px 12px !important;
        gap: 5px !important;
    }

    .form-highlight h2 {
        margin-bottom: 3px !important;
        font-size: 20px !important;
    }

    .form-highlight p {
        font-size: 11px !important;
    }

    .form-highlight .badge-strong,
    .badge-strong {
        display: none;
    }

    .form-content {
        padding: 12px;
    }

    .form-head {
        padding-bottom: 9px;
        margin-bottom: 10px;
    }

    .form-head h3 {
        font-size: 16px;
    }

    .form-head p {
        display: none;
    }

    .form-head small {
        font-size: 9px;
    }

    .review-stepper {
        margin-bottom: 10px;
    }

    .review-stepper span {
        padding: 8px 5px;
        font-size: 9px;
    }

    .quick-review-intro {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        padding: 8px 9px;
        margin-bottom: 9px;
        font-size: 9px;
    }

    .quick-review-intro b {
        font-size: 10px;
    }

    .form-grid,
    .form-grid-two {
        gap: 9px;
    }

    .form-col {
        padding: 10px;
        border-radius: 11px;
    }

    .section-green {
        margin-bottom: 9px;
        padding: 8px 9px;
        border-radius: 9px;
        font-size: 13px;
    }

    .field {
        margin-bottom: 8px;
    }

    .field label {
        margin-bottom: 3px;
        font-size: 10px;
    }

    .field input,
    .field select,
    .field textarea {
        padding: 9px 10px;
        font-size: 12px;
    }

    textarea {
        min-height: 78px;
    }

    .field-help,
    .field-error {
        font-size: 9px;
    }

    .choice-pills span {
        padding: 8px;
        font-size: 11px;
    }

    .star-rating-list {
        grid-template-columns: 1fr !important;
        gap: 6px;
    }

    .star-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 7px;
        padding: 7px 8px;
    }

    .star-row-top {
        display: block;
        margin: 0;
        font-size: 10px;
        line-height: 1.2;
    }

    .star-value {
        display: block;
        margin-top: 2px;
        font-size: 9px;
    }

    .stars-select {
        flex-wrap: nowrap;
        gap: 1px;
    }

    .star-btn {
        width: 24px;
        height: 25px;
        font-size: 21px;
    }

    .optional-review-details summary {
        padding: 9px 10px;
        font-size: 11px;
    }

    .optional-review-inner {
        padding: 0 10px 10px;
    }

    .review-step-actions,
    .form-bottom,
    .review-final-actions {
        gap: 7px;
    }

    .review-final-actions {
        display: grid;
        grid-template-columns: 1fr 1.35fr;
        width: 100%;
    }

    .review-step-actions .btn,
    .review-final-actions .btn {
        min-height: 40px;
        font-size: 11px;
    }

    .check {
        font-size: 9px;
        line-height: 1.4;
    }

    /* Mobil ana sayfa alt hızlı menü */
    .mobile-bottom-nav {
        position: fixed;
        left: 8px;
        right: 8px;
        bottom: calc(7px + env(safe-area-inset-bottom));
        z-index: 1100;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 3px;
        padding: 5px;
        border: 1px solid rgba(209,220,212,.95);
        border-radius: 16px;
        background: rgba(255,255,255,.96);
        box-shadow: 0 12px 32px rgba(16,32,51,.18);
        backdrop-filter: blur(14px);
    }

    .mobile-bottom-nav button {
        min-height: 48px;
        border: 0;
        border-radius: 11px;
        background: transparent;
        color: #64748b;
        display: grid;
        place-items: center;
        align-content: center;
        gap: 1px;
        padding: 4px;
        font-size: 16px;
    }

    .mobile-bottom-nav button b {
        font-size: 8px;
        font-weight: 950;
    }

    .mobile-bottom-nav button.primary {
        color: #fff;
        background: var(--green);
    }

    /* Genel içerik sayfalarında da gereksiz boşlukları azalt */
    .content-page {
        padding: 16px 0 24px;
    }

    .content-card {
        padding: 17px;
        border-radius: 14px;
    }

    .content-card h1 {
        font-size: 25px;
    }

    .content-card h2 {
        margin-top: 20px;
        font-size: 17px;
    }

    .content-card p,
    .content-card li {
        font-size: 13px;
    }

    .footer {
        padding: 16px 0 20px;
        font-size: 11px;
    }

    .footer-inner {
        gap: 10px;
    }

    .footer-links {
        gap: 10px;
        font-size: 10px;
    }
}

@media (max-width: 390px) {
    .brand-logo img {
        height: 35px;
        max-width: 168px;
    }

    .nav-actions .btn {
        padding: 8px 9px;
        font-size: 10px;
    }

    .hero h1 {
        font-size: 26px;
    }

    .shortcut {
        flex-basis: 82vw;
    }

    .trust-card {
        flex-basis: 78vw;
    }

    .engagement-grid > .panel {
        flex-basis: 91vw;
    }

    .hotel-row {
        grid-template-columns: 58px minmax(0, 1fr) 50px !important;
    }

    .hotel-photo {
        height: 52px;
    }

    .rating-row {
        grid-template-columns: minmax(82px,1fr) 1fr 26px;
    }

    .star-btn {
        width: 22px;
        font-size: 20px;
    }
}

/* V30 - keşif, paylaşım ve hızlı değerlendirme */
@media (min-width: 761px) {
    .shortcut-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
}

.quick-eval-shortcut {
    border-color: #ffd7b8;
    background: linear-gradient(135deg, #fffaf5, #fff);
}
.quick-eval-shortcut .shortcut-icon {
    background: #fff1e6;
    color: #d95d00;
}

.weekly-popular-section {
    margin: 18px 0;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: linear-gradient(135deg, #fbfffc, #fff);
    box-shadow: 0 8px 20px rgba(16,32,51,.04);
}
.popular-title { margin-bottom: 14px; }
.popular-title h2 { margin: 0; font-size: 23px; }
.popular-title small { color: var(--muted); }
.popular-hotel-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    gap: 10px;
}
.popular-hotel-card {
    position: relative;
    min-width: 0;
    border: 1px solid #dce8df;
    border-radius: 14px;
    background: #fff;
    padding: 14px;
    text-align: left;
    cursor: pointer;
    color: var(--text);
    transition: .18s ease;
}
.popular-hotel-card:hover {
    transform: translateY(-2px);
    border-color: #9fd2ad;
    box-shadow: 0 10px 22px rgba(16,32,51,.08);
}
.popular-hotel-card .popular-rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 999px;
    background: var(--green-soft);
    color: var(--green-dark);
    font-size: 11px;
    font-weight: 950;
    margin-bottom: 9px;
}
.popular-hotel-card > strong { display:block; font-size:13px; line-height:1.3; min-height:34px; }
.popular-hotel-card > small { display:block; color:var(--muted); font-size:10px; margin:4px 0 10px; }
.popular-hotel-card > div { display:flex; gap:9px; align-items:center; font-size:11px; }
.popular-hotel-card > div b { color:#e39a00; }
.popular-hotel-card > div span { color:var(--muted); }
.popular-hotel-card > em { display:block; margin-top:8px; color:var(--green-dark); font-size:9px; font-style:normal; font-weight:900; }

.new-review-badge {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    padding: 4px 7px;
    border-radius: 999px;
    background: #ecfdf3;
    color: #16813c !important;
    border: 1px solid #bbf7d0;
    font-size: 9px !important;
    font-weight: 950;
    white-space: nowrap;
}

.similar-hotel-suggestions {
    display: grid;
    gap: 7px;
    margin: 13px 0;
}
.similar-hotel-suggestions[hidden] { display:none !important; }
.similar-hotel-suggestions button {
    width: 100%;
    display: grid;
    grid-template-columns: 30px minmax(0,1fr) auto;
    gap: 8px;
    align-items: center;
    border: 1px solid #dfe8e1;
    background: #fff;
    border-radius: 11px;
    padding: 9px 10px;
    text-align: left;
    cursor: pointer;
    color: var(--text);
}
.similar-hotel-suggestions button:hover { border-color:#93c7a2; background:#f6fcf8; }
.similar-hotel-suggestions button strong { font-size:12px; }
.similar-hotel-suggestions button small { margin:0; font-size:9px; color:var(--green-dark); }

.worker-summary-card {
    margin: 0;
    padding: 15px 16px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(135deg, #f7fcf8, #fffdf8);
}
.hotel-page-worker-summary {
    margin: 18px 0;
    border: 1px solid var(--line);
    border-radius: 15px;
}
.worker-summary-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:10px;
}
.worker-summary-head .eyebrow { margin:0; }
.worker-summary-head small { color:var(--muted); font-size:10px; font-weight:800; }
.worker-summary-card > p { margin:0; color:var(--muted); font-size:12px; }
.worker-summary-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}
.worker-summary-item {
    min-width:0;
    border:1px solid #dde8e0;
    border-radius:12px;
    background:#fff;
    padding:11px 12px;
}
.worker-summary-item span { display:block; color:var(--muted); font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.3px; }
.worker-summary-item strong { display:block; margin:5px 0 3px; color:var(--text); font-size:13px; line-height:1.25; }
.worker-summary-item b { font-size:12px; color:var(--green-dark); }
.worker-summary-item.improve b { color:#c56a19; }
.worker-summary-item.recommend strong { font-size:22px; color:var(--green-dark); }

.detail-action-stack {
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:170px;
}
.detail-action-stack .btn { width:100%; }
.btn-whatsapp {
    background:#eefbf2;
    color:#17783c;
    border:1px solid #bde8ca;
}
.btn-whatsapp:hover { background:#dcf7e5; }
.hotel-page-actions,
.hotel-page-bottom-actions {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:16px 0;
}
.hotel-page-actions .btn,
.hotel-page-bottom-actions .btn { width:auto; }

.quick-review-card { max-width: 860px; }
.quick-review-modal .detail-modal-body { max-height: calc(100vh - 150px); overflow:auto; }
.quick-review-grid {
    display:grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap:10px;
}
.quick-review-grid-bottom { grid-template-columns: 1.25fr 1.2fr 1fr; }
.quick-yes-no-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:4px;
}
.quick-rating-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:4px 0 12px;
}
.quick-star-row {
    padding:10px 11px;
    background:#fbfdfb;
}
.compact-choice span { padding:9px 8px; }
.quick-review-footer {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    margin-top:10px;
    padding-top:12px;
    border-top:1px solid var(--line);
}
.quick-review-footer small { color:var(--muted); max-width:520px; line-height:1.45; }
.quick-review-footer .btn { min-width:220px; }
.modal-open { overflow:hidden; }

@media (max-width: 980px) {
    .popular-hotel-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .worker-summary-grid { grid-template-columns:1fr; }
    .quick-review-grid,
    .quick-review-grid-bottom { grid-template-columns:1fr 1fr; }
    .quick-review-hotel-field { grid-column:1 / -1; }
}

@media (max-width: 760px) {
    .weekly-popular-section {
        margin:12px 0;
        padding:13px;
        border-radius:14px;
    }
    .popular-title { align-items:flex-start; gap:6px; }
    .popular-title h2 { font-size:16px; }
    .popular-title small { font-size:9px; }
    .popular-hotel-strip {
        display:flex;
        overflow-x:auto;
        gap:8px;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
        padding-bottom:4px;
    }
    .popular-hotel-strip::-webkit-scrollbar { display:none; }
    .popular-hotel-card {
        flex:0 0 68vw;
        max-width:235px;
        scroll-snap-align:start;
        padding:11px;
    }
    .popular-hotel-card > strong { min-height:0; font-size:12px; }

    .similar-hotel-suggestions button { grid-template-columns:25px minmax(0,1fr); }
    .similar-hotel-suggestions button small { grid-column:2; }

    .worker-summary-card { padding:10px; }
    .worker-summary-head { align-items:flex-start; }
    .worker-summary-head small { font-size:8px; text-align:right; }
    .worker-summary-grid {
        display:flex;
        overflow-x:auto;
        gap:7px;
        scrollbar-width:none;
    }
    .worker-summary-grid::-webkit-scrollbar { display:none; }
    .worker-summary-item {
        flex:0 0 72%;
        max-width:220px;
        padding:9px;
    }
    .worker-summary-item strong { font-size:12px; }
    .worker-summary-item.recommend strong { font-size:19px; }

    .detail-action-stack {
        grid-column:1 / -1;
        display:grid;
        grid-template-columns:1fr 1fr;
        min-width:0;
        width:100%;
    }
    .detail-action-stack .btn-whatsapp { grid-column:1 / -1; }

    .hotel-page-actions,
    .hotel-page-bottom-actions {
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .hotel-page-actions .btn,
    .hotel-page-bottom-actions .btn { width:100%; min-width:0; }
    .hotel-page-actions .btn-whatsapp,
    .hotel-page-bottom-actions .btn-whatsapp { grid-column:1 / -1; }

    .quick-review-modal { padding:8px; align-items:flex-end; }
    .quick-review-card {
        max-width:none;
        width:100%;
        max-height:92vh;
        border-radius:18px 18px 10px 10px;
    }
    .quick-review-modal .detail-modal-head { padding:13px 14px; }
    .quick-review-modal .detail-modal-head h2 { font-size:18px; }
    .quick-review-modal .detail-modal-head p { font-size:10px; }
    .quick-review-modal .detail-modal-body { padding:12px; max-height:calc(92vh - 82px); }
    .quick-review-grid,
    .quick-review-grid-bottom,
    .quick-yes-no-grid,
    .quick-rating-grid { grid-template-columns:1fr; gap:7px; }
    .quick-review-hotel-field { grid-column:auto; }
    .quick-star-row {
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:7px;
        padding:8px 9px;
    }
    .quick-review-footer {
        position:sticky;
        bottom:0;
        background:#fff;
        display:grid;
        grid-template-columns:1fr;
        gap:7px;
        padding:10px 0 2px;
    }
    .quick-review-footer small { font-size:9px; }
    .quick-review-footer .btn { width:100%; min-width:0; }
}

/* V31: keşif, soru-cevap, ilgi, paylaşım kartı ve güvenli yorum */
.explore-dimensions {
    margin:20px 0;
    padding:18px;
    background:linear-gradient(135deg,#f7fbf8,#ffffff);
    border:1px solid var(--line);
    border-radius:18px;
}
.explore-dimensions-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.explore-dimension-card { background:#fff; border:1px solid var(--line); border-radius:16px; padding:16px; box-shadow:0 8px 24px rgba(16,32,51,.04); }
.explore-dimension-head { display:flex; align-items:flex-start; gap:11px; margin-bottom:12px; }
.explore-dimension-head > span { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; background:#edf8f0; font-size:20px; flex:0 0 auto; }
.explore-dimension-head h3 { margin:0 0 4px; font-size:17px; }
.explore-dimension-head p { margin:0; color:var(--muted); font-size:12px; line-height:1.45; }
.explore-chip-list { display:flex; flex-wrap:wrap; gap:7px; }
.explore-chip-list a,
.discovery-chips a,
.department-stats a { text-decoration:none; }
.explore-chip-list a { display:flex; align-items:center; gap:7px; padding:8px 10px; border-radius:999px; border:1px solid #dfe9e2; background:#f9fcfa; color:#173248; font-size:12px; font-weight:800; }
.explore-chip-list a small { color:var(--muted); font-size:9px; font-weight:700; }
.explore-chip-list a:hover { border-color:#9fd1ae; background:#eef8f1; }

.trust-head-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.text-link-button,
.inline-guide-button { appearance:none; border:0; background:transparent; padding:0; color:#247a42; font:inherit; font-weight:900; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.inline-guide-button { font-size:inherit; }

.hotel-interest-box { margin:16px 0; padding:16px 18px; border-radius:16px; border:1px solid #cfe6d6; background:linear-gradient(135deg,#f1faf4,#fff); display:flex; align-items:center; justify-content:space-between; gap:18px; }
.hotel-interest-box h2,
.hotel-interest-box h3 { margin:3px 0 6px; }
.hotel-interest-box p { margin:0; color:var(--muted); line-height:1.45; }
.hotel-interest-box strong[data-interest-count] { color:#247a42; }

.hotel-region-link { color:inherit; font-weight:800; text-decoration:none; border-bottom:1px dashed #9fb3bf; }
.hotel-region-link:hover { color:#247a42; }
.mini-section-link { color:#247a42; text-decoration:none; font-size:11px; font-weight:900; }
.department-stats a { display:inline-flex; align-items:center; gap:5px; padding:6px 9px; background:#f6faf7; border:1px solid #deebe2; color:#344256; border-radius:999px; font-size:11px; font-weight:800; }
.department-stats a:hover { background:#edf8f0; color:#247a42; }

.hotel-qa-section { margin:22px 0; padding:20px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.qa-title { align-items:flex-start; }
.qa-title h2 { margin:3px 0 5px; }
.qa-title p { margin:0; color:var(--muted); font-size:12px; }
.qa-ask-box,
.qa-answer-box { border:1px solid #dfe9e2; border-radius:13px; background:#fbfdfb; overflow:hidden; }
.qa-ask-box { margin:14px 0 18px; }
.qa-answer-box { margin-top:10px; }
.qa-ask-box > summary,
.qa-answer-box > summary { cursor:pointer; list-style:none; padding:12px 14px; font-weight:900; color:#247a42; }
.qa-ask-box > summary::-webkit-details-marker,
.qa-answer-box > summary::-webkit-details-marker { display:none; }
.qa-ask-box[open] > summary,
.qa-answer-box[open] > summary { border-bottom:1px solid #e5eee8; background:#f3faf5; }
.qa-form { padding:14px; }
.qa-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.qa-list { display:grid; gap:12px; }
.qa-question-card { border:1px solid #e2e8e4; border-radius:15px; padding:15px; background:#fff; }
.qa-question-head { display:flex; gap:11px; align-items:flex-start; }
.qa-icon { width:34px; height:34px; flex:0 0 auto; border-radius:11px; display:grid; place-items:center; background:#173248; color:#fff; font-weight:900; font-size:18px; }
.qa-question-head h3 { margin:0 0 5px; font-size:15px; line-height:1.45; }
.qa-question-head small { color:var(--muted); }
.qa-answer { display:flex; gap:10px; margin:12px 0 0 45px; padding:12px; border-radius:12px; background:#f3faf5; border-left:3px solid #54b873; }
.qa-answer-icon { width:25px; height:25px; flex:0 0 auto; border-radius:50%; display:grid; place-items:center; background:#2f9d55; color:#fff; font-size:11px; font-weight:900; }
.qa-answer p { margin:0 0 5px; line-height:1.55; }
.qa-answer small { color:var(--muted); font-weight:700; }

.privacy-field-warning,
.privacy-live-warning { margin-top:6px; padding:8px 10px; border-radius:9px; background:#fff7ed; border:1px solid #fed7aa; color:#9a3412; font-size:11px; font-weight:800; line-height:1.4; }
.safe-review-guide-card { max-width:760px; }
.safe-guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px; }
.safe-guide-grid > div { padding:14px; border:1px solid #dfe9e2; border-radius:13px; background:#f7fbf8; }
.safe-guide-grid > div.warn { background:#fffaf2; border-color:#f5dfbb; }
.safe-guide-grid span { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#2f9d55; color:#fff; font-weight:900; margin-bottom:8px; }
.safe-guide-grid .warn span { background:#d97706; }
.safe-guide-grid b { display:block; margin-bottom:5px; }
.safe-guide-grid p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.safe-guide-example { padding:13px 14px; border-radius:12px; background:#eef7ff; border:1px solid #d5e8f8; margin-bottom:15px; }
.safe-guide-example p { margin:6px 0 0; color:#344256; font-style:italic; }

.success-next-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:16px; }
.success-next-actions .btn { width:100%; min-width:0; }

.discovery-page { padding-top:24px; padding-bottom:40px; }
.discovery-hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr); gap:22px; align-items:center; padding:26px; border-radius:20px; background:linear-gradient(135deg,#0e2a3d,#173f54); color:#fff; box-shadow:0 18px 40px rgba(16,32,51,.12); }
.discovery-hero h1 { margin:4px 0 8px; font-size:34px; }
.discovery-hero p { color:#dce7ed; margin:0; line-height:1.6; }
.discovery-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.discovery-stats > div { padding:15px 8px; text-align:center; border-radius:14px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); }
.discovery-stats strong { display:block; font-size:25px; color:#8ee6ae; }
.discovery-stats span { font-size:10px; color:#e6eef2; font-weight:800; text-transform:uppercase; letter-spacing:.5px; }
.discovery-chips-card,
.discovery-section { margin-top:18px; padding:18px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.discovery-chips { display:flex; flex-wrap:wrap; gap:8px; }
.discovery-chips a { padding:9px 11px; border-radius:999px; border:1px solid #dce8df; background:#f7fbf8; color:#173248; font-size:12px; font-weight:800; }
.discovery-chips a b { color:#2f9d55; margin-left:4px; }
.discovery-hotel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.discovery-hotel-card { overflow:hidden; border:1px solid #e1e9e4; border-radius:15px; background:#fff; text-decoration:none; color:inherit; transition:.18s ease; }
.discovery-hotel-card:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(16,32,51,.08); border-color:#b9dbc3; }
.discovery-hotel-photo { height:145px; background-size:cover; background-position:center; }
.discovery-hotel-body { padding:13px; }
.discovery-hotel-body h3 { margin:0 0 4px; font-size:15px; }
.discovery-hotel-body > small { color:var(--muted); }
.discovery-hotel-meta { display:flex; flex-wrap:wrap; gap:6px; margin:9px 0; }
.discovery-hotel-meta span { font-size:10px; font-weight:900; padding:5px 7px; border-radius:999px; background:#f3f7f4; color:#415263; }
.discovery-open { color:#247a42; font-size:11px; font-weight:900; }
.discovery-review-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.discovery-review-card { text-decoration:none; color:inherit; padding:14px; border:1px solid #e4ebe6; border-radius:14px; background:#fbfdfb; }
.discovery-review-card h3 { margin:8px 0 5px; font-size:14px; }
.discovery-review-card strong { display:block; font-size:12px; margin-bottom:6px; }
.discovery-review-card p { color:#526170; font-size:12px; line-height:1.5; margin:0 0 8px; }
.discovery-review-card small { color:var(--muted); }
.discovery-bottom-actions { display:flex; gap:9px; margin-top:18px; justify-content:center; }

.share-card-page .content-card { max-width:1100px; margin:0 auto; }
.share-card-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr); gap:24px; align-items:center; }
.share-card-preview { border-radius:18px; padding:12px; background:#eef3f0; border:1px solid #dfe8e1; }
.share-card-preview img { display:block; width:100%; height:auto; border-radius:12px; }
.share-card-controls { display:grid; gap:10px; }
.share-card-controls h2 { margin:0; }
.share-card-controls p { margin:0 0 6px; color:var(--muted); line-height:1.55; }
.share-card-controls .btn { width:100%; }

.qa-admin-card { padding:16px; border:1px solid #dde7e0; border-radius:14px; margin:12px 0; background:#fff; }
.qa-admin-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.qa-admin-head small { display:block; color:var(--muted); margin-top:4px; }
.qa-admin-question { padding:12px; background:#f7faf8; border-radius:10px; line-height:1.55; }
.qa-admin-meta { color:var(--muted); font-size:11px; margin-bottom:10px; }
.qa-admin-actions { display:flex; flex-wrap:wrap; gap:6px; }
.qa-admin-actions form { display:inline-flex; margin:0; }
.qa-admin-answer { margin:12px 0 0 26px; padding:12px; border-left:3px solid #54b873; background:#f4faf6; border-radius:10px; }
.qa-admin-answer p { margin:7px 0; }

@media (max-width:980px) {
    .explore-dimensions-grid,
    .discovery-hero,
    .share-card-layout { grid-template-columns:1fr; }
    .discovery-hotel-grid,
    .discovery-review-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:760px) {
    .explore-dimensions { padding:12px; margin:12px 0; }
    .explore-dimensions .section-title { align-items:flex-start; }
    .explore-dimensions-grid { display:flex; overflow-x:auto; gap:9px; scrollbar-width:none; scroll-snap-type:x proximity; }
    .explore-dimensions-grid::-webkit-scrollbar { display:none; }
    .explore-dimension-card { flex:0 0 86vw; max-width:315px; scroll-snap-align:start; padding:12px; }
    .explore-chip-list { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
    .explore-chip-list::-webkit-scrollbar { display:none; }
    .explore-chip-list a { flex:0 0 auto; }

    .hotel-interest-box { display:grid; grid-template-columns:1fr; padding:12px; gap:10px; }
    .hotel-interest-box h2,
    .hotel-interest-box h3 { font-size:15px; }
    .hotel-interest-box p { font-size:11px; }
    .hotel-interest-box .btn { width:100%; }

    .hotel-qa-section { padding:12px; margin:14px 0; }
    .qa-title { display:block; }
    .qa-title h2 { font-size:18px; }
    .qa-form-grid { grid-template-columns:1fr; gap:4px; }
    .qa-question-card { padding:11px; }
    .qa-question-head h3 { font-size:13px; }
    .qa-answer { margin-left:0; padding:10px; }
    .qa-form { padding:10px; }

    .safe-guide-grid { grid-template-columns:1fr; }
    .safe-review-guide-card { max-height:90vh; }
    .success-next-actions { grid-template-columns:1fr; }

    .discovery-page { padding-top:10px; }
    .discovery-hero { padding:17px; border-radius:16px; gap:15px; }
    .discovery-hero h1 { font-size:25px; }
    .discovery-hero p { font-size:12px; }
    .discovery-stats { gap:5px; }
    .discovery-stats > div { padding:10px 4px; }
    .discovery-stats strong { font-size:20px; }
    .discovery-stats span { font-size:8px; }
    .discovery-chips-card,
    .discovery-section { padding:12px; margin-top:10px; }
    .discovery-hotel-grid,
    .discovery-review-grid { display:flex; overflow-x:auto; gap:9px; scrollbar-width:none; scroll-snap-type:x proximity; }
    .discovery-hotel-grid::-webkit-scrollbar,
    .discovery-review-grid::-webkit-scrollbar { display:none; }
    .discovery-hotel-card,
    .discovery-review-card { flex:0 0 78vw; max-width:280px; scroll-snap-align:start; }
    .discovery-hotel-photo { height:125px; }
    .discovery-bottom-actions { display:grid; grid-template-columns:1fr; }

    .share-card-page .content-card { padding:12px; }
    .share-card-layout { gap:14px; }
    .share-card-preview { padding:7px; }

    .qa-admin-card { padding:11px; }
    .qa-admin-head { display:block; }
    .qa-admin-head .status-badge { display:inline-block; margin-top:7px; }
    .qa-admin-answer { margin-left:0; }
}

/* V32 - sonuçsuz aramayı değerlendirmeye dönüştürme */
.search-support-line {
    width: min(620px, 100%);
    margin-top: 9px;
    color: #4f6257;
    font-size: 12px;
    line-height: 1.45;
}
.search-support-line strong { color: var(--green-dark); }

.recent-searches {
    width: min(620px, 100%);
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.recent-searches[hidden] { display: none !important; }
.recent-searches > span { color: var(--muted); font-size: 10px; font-weight: 900; }
.recent-searches > div { display: flex; gap: 6px; flex-wrap: wrap; }
.recent-searches button {
    border: 1px solid #d9e5dc;
    background: rgba(255,255,255,.92);
    color: #344256;
    border-radius: 999px;
    padding: 6px 9px;
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
}
.recent-searches button:hover { border-color: #97caa5; background: #f5fbf7; color: var(--green-dark); }

.hotel-no-result {
    text-align: left;
    border-style: solid;
    border-color: #f0c49e;
    background: linear-gradient(145deg,#fffaf5,#fff 58%,#f6fcf8);
}
.missing-hotel-profile {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 13px;
    align-items: center;
}
.missing-hotel-profile .hotel-no-result-icon {
    width: 52px;
    height: 52px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: #fff;
    border: 1px solid #f3dcc8;
    font-size: 28px;
}
.missing-hotel-profile h3 { margin: 3px 0 5px; font-size: 18px; }
.missing-hotel-profile p { margin: 0; }
.missing-search-proof {
    margin-top: 13px;
    border: 1px solid #d8eadf;
    background: #f4fbf6;
    border-radius: 12px;
    padding: 10px 12px;
    display: grid;
    grid-template-columns: 25px 1fr;
    gap: 3px 8px;
    align-items: center;
}
.missing-search-proof[hidden] { display:none !important; }
.missing-search-proof > span { grid-row: 1 / 3; font-size: 19px; }
.missing-search-proof strong { color: #245c36; font-size: 12px; }
.missing-search-proof small { margin: 0; color: #63806d; font-size: 10px; }
.missing-hotel-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-top: 13px;
}
.missing-hotel-actions .btn { width:100%; }
.missing-follow-box {
    margin-top: 15px;
    padding: 13px;
    border: 1px solid #e1e7e3;
    background: rgba(255,255,255,.82);
    border-radius: 12px;
}
.missing-follow-box > div:first-child strong { display:block; font-size:12px; color:#253b2d; }
.missing-follow-box > div:first-child span { display:block; margin-top:3px; color:var(--muted); font-size:10px; }
.missing-follow-box form {
    display:grid;
    grid-template-columns: 1fr auto;
    gap:7px;
    margin-top:9px;
}
.missing-follow-box input {
    min-width:0;
    border:1px solid var(--line);
    border-radius:10px;
    padding:10px 11px;
    outline:0;
}
.missing-follow-result { margin-top:7px; min-height:0; font-size:10px; font-weight:800; color:var(--muted); }
.missing-follow-result.ok { color:#23723e; }
.missing-follow-result.error { color:#b42318; }

.missing-hotel-sticky { display:none; }

@media (max-width: 760px) {
    .search-support-line { font-size: 10px; margin-top: 7px; }
    .recent-searches {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        margin-top: 7px;
        padding-bottom: 2px;
    }
    .recent-searches::-webkit-scrollbar { display:none; }
    .recent-searches > span { flex: 0 0 auto; }
    .recent-searches > div { flex-wrap: nowrap; }
    .recent-searches button { white-space: nowrap; }

    .hotel-no-result { margin: 0 10px 12px; padding: 15px 13px; }
    .missing-hotel-profile { grid-template-columns: 42px 1fr; gap:10px; }
    .missing-hotel-profile .hotel-no-result-icon { width:42px; height:42px; border-radius:12px; font-size:22px; }
    .missing-hotel-profile h3 { font-size:15px; margin:2px 0 3px; }
    .missing-hotel-profile p { font-size:10px; line-height:1.4; }
    .missing-hotel-profile .eyebrow { font-size:8px; }
    .similar-hotel-suggestions { margin-top:10px; }
    .missing-hotel-actions { grid-template-columns:1fr; gap:7px; margin-top:10px; }
    .missing-hotel-actions .btn { min-height:40px; font-size:10px; }
    .missing-follow-box { padding:10px; margin-top:11px; }
    .missing-follow-box form { grid-template-columns:1fr; }
    .missing-follow-box form .btn { min-height:38px; }

    .missing-hotel-sticky:not([hidden]) {
        position: fixed;
        left: 9px;
        right: 9px;
        bottom: calc(70px + env(safe-area-inset-bottom));
        z-index: 1095;
        display: grid;
        grid-template-columns: minmax(0,1fr) auto auto;
        align-items:center;
        gap:5px;
        padding:6px;
        border:1px solid #d6e5da;
        border-radius:14px;
        background:rgba(255,255,255,.97);
        box-shadow:0 10px 28px rgba(16,32,51,.17);
        backdrop-filter: blur(12px);
    }
    .missing-hotel-sticky > div { min-width:0; padding-left:5px; }
    .missing-hotel-sticky small { display:block; color:#b45f1d; font-size:7px; font-weight:950; text-transform:uppercase; }
    .missing-hotel-sticky strong { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:10px; }
    .missing-hotel-sticky button {
        border:0;
        border-radius:9px;
        background:#eef6f0;
        color:var(--green-dark);
        min-height:38px;
        padding:0 8px;
        font-size:9px;
        font-weight:950;
    }
    .missing-hotel-sticky button.primary { background:var(--green); color:#fff; }
}


/* =========================================================
   V33 - Mobil tam genişlik / ana sayfa sıralama iyileştirmeleri
   ========================================================= */

/* Sonuçsuz otel kartındaki iki buton masaüstünde kart dışına taşmasın */
.missing-hotel-profile,
.missing-hotel-profile > *,
.missing-hotel-actions,
.missing-follow-box,
.main-grid > * {
    min-width: 0;
}

.missing-hotel-actions {
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.missing-hotel-actions .btn {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    text-align: center;
    line-height: 1.2;
    padding-left: 9px;
    padding-right: 9px;
}

/* Yorum formu artık üst tarafta olduğundan bölümler arasında dengeli boşluk */
#yorum-yaz {
    scroll-margin-top: 86px;
}
#yorum-yaz + .weekly-popular-section {
    margin-top: 18px;
}

/* Güven & Gizlilik artık en altta; görsel ağırlığı biraz azalt */
main.container > .trust-explainer:last-of-type {
    margin-top: 20px;
    margin-bottom: 24px;
    box-shadow: none;
}

@media (max-width: 760px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    body,
    body.home-page,
    .topbar,
    .hero,
    main,
    .footer {
        max-width: 100%;
    }

    /* Ekranın iki yanında düzenli 10px boşluk */
    .container {
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    img,
    video,
    iframe,
    canvas,
    svg {
        max-width: 100%;
    }

    .hero-inner,
    .search-card,
    .search-support-line,
    .recent-searches,
    .shortcut-grid,
    .form-panel,
    .weekly-popular-section,
    .explore-dimensions,
    .mobile-hotel-switch,
    .main-grid,
    .panel,
    .engagement-grid,
    .trust-explainer,
    .hotel-no-result,
    .missing-hotel-profile,
    .missing-follow-box,
    .detail-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .panel-head,
    .section-title,
    .form-head,
    .trust-explainer-head,
    .detail-top,
    .detail-body,
    .form-grid,
    .form-grid-two,
    .form-col,
    .field,
    .review-step,
    .review-stepper,
    .hotel-row,
    .hotel-row > *,
    .missing-hotel-profile > *,
    .missing-follow-box > *,
    .missing-hotel-actions > * {
        min-width: 0;
        max-width: 100%;
    }

    h1, h2, h3, h4,
    p, small, strong, span, label, a, button {
        overflow-wrap: anywhere;
    }

    input,
    select,
    textarea,
    button,
    .btn {
        max-width: 100%;
    }

    /* V29'daki yatay kart kaydırmalarını kaldır:
       Mobil sayfanın tamamı sağa-sola hareket etmesin. */
    .trust-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        overflow: visible !important;
        gap: 6px !important;
        padding: 0 !important;
    }

    .trust-item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 7px 9px !important;
    }

    .shortcut-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        overflow: visible !important;
        gap: 8px !important;
        padding: 0 !important;
    }

    .shortcut {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 104px !important;
        padding: 10px !important;
        grid-template-columns: 36px minmax(0, 1fr) !important;
        gap: 7px !important;
    }

    .shortcut-icon {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
    }

    .shortcut h3 {
        font-size: 12px !important;
    }

    .shortcut p,
    .shortcut a {
        font-size: 9px !important;
    }

    .popular-hotel-strip {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        overflow: visible !important;
        gap: 7px !important;
        padding-bottom: 0 !important;
    }

    .popular-hotel-card {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 9px !important;
    }

    .popular-hotel-card > strong {
        font-size: 11px !important;
        min-height: 0 !important;
    }

    .popular-hotel-card > div {
        gap: 5px !important;
        flex-wrap: wrap;
    }

    .explore-dimensions-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        overflow: visible !important;
        gap: 8px !important;
    }

    .explore-dimension-card {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .explore-chip-list {
        overflow: visible !important;
        flex-wrap: wrap !important;
    }

    .explore-chip-list a {
        flex: 0 1 auto !important;
        max-width: 100%;
    }

    /* Otellerden sonra gelen canlı akış/anket artık dikey ve ekran içinde */
    .engagement-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        overflow: visible !important;
        gap: 9px !important;
        padding-bottom: 0 !important;
    }

    .engagement-grid > .panel {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .worker-summary-grid,
    .hotel-insight-strip {
        display: grid !important;
        grid-template-columns: 1fr !important;
        overflow: visible !important;
    }

    .worker-summary-item,
    .hotel-insight-strip > div {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .department-stats {
        overflow: visible !important;
        flex-wrap: wrap !important;
    }

    /* Güven & Gizlilik en altta; yatay kaydırma yok */
    .trust-explainer {
        padding: 12px !important;
    }

    .trust-explainer-head {
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: start !important;
    }

    .trust-head-actions {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .trust-card-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        overflow: visible !important;
        gap: 7px !important;
    }

    .trust-card {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
    }

    /* Sonuçsuz arama kartı ve butonları mobilde tamamen ekrana sığsın */
    .hotel-no-result {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 12px 10px !important;
    }

    .missing-hotel-profile {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        width: 100% !important;
    }

    .missing-hotel-actions {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        gap: 6px !important;
    }

    .missing-hotel-actions .btn {
        width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        font-size: 10px !important;
        padding: 9px 8px !important;
    }

    .missing-follow-box form {
        width: 100%;
        grid-template-columns: 1fr !important;
    }

    .missing-follow-box input,
    .missing-follow-box .btn {
        width: 100%;
        min-width: 0;
    }

    /* Form üstte olduğu için mobilde ilk bakışta daha kompakt */
    #yorum-yaz {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    #yorum-yaz + .weekly-popular-section {
        margin-top: 10px;
    }

    /* Sonuçsuz otel sabit CTA da ekrandan taşmasın */
    .missing-hotel-sticky {
        max-width: calc(100% - 16px) !important;
        left: 8px !important;
        right: 8px !important;
    }

    .missing-hotel-sticky button {
        min-width: 0 !important;
        white-space: normal !important;
    }
}

@media (max-width: 390px) {
    .shortcut-grid,
    .popular-hotel-strip {
        grid-template-columns: 1fr !important;
    }

    .shortcut {
        min-height: 86px !important;
    }
}


/* =========================================================
   V34 - Hızlı puan düzeltmesi sonrası son yorum vurgusu
   ========================================================= */
.hotel-row.latest-review-hotel {
    position: relative;
    border-color: #55b874;
    background: linear-gradient(135deg, #f2fff6 0%, #ffffff 74%);
    box-shadow: 0 10px 26px rgba(35, 153, 80, .12);
}
.hotel-row.latest-review-hotel::before {
    content: '';
    position: absolute;
    left: -1px;
    top: 12px;
    bottom: 12px;
    width: 4px;
    border-radius: 0 5px 5px 0;
    background: var(--green);
}
.latest-review-badge,
.latest-review-card-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    background: #198f45;
    color: #fff !important;
    border: 1px solid #198f45;
    font-size: 9px !important;
    font-weight: 950;
    letter-spacing: .03em;
    white-space: nowrap;
}
.latest-review-time {
    margin-top: 5px;
    color: #16813c;
    font-size: 10px;
    font-weight: 850;
}
.review-card.latest-review-card {
    position: relative;
    border-color: #79c68f;
    background: linear-gradient(135deg, #f4fff7 0%, #ffffff 68%);
    box-shadow: 0 10px 24px rgba(35, 153, 80, .10);
}
.review-card.latest-review-card::before {
    content: '';
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 0;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: var(--green);
}
#adminReviewEditModal .detail-modal-card {
    max-width: 980px;
}

@media (max-width: 760px) {
    .hotel-row.latest-review-hotel::before,
    .review-card.latest-review-card::before {
        top: 8px;
        bottom: 8px;
    }
    .latest-review-badge,
    .latest-review-card-badge {
        font-size: 8px !important;
        padding: 3px 6px;
    }
}


/* V35 - Hızlı değerlendirme: tüm puan başlıkları */
.quick-rating-title {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:10px;
    margin:10px 0 7px;
    padding:10px 12px;
    border:1px solid #cfe6d6;
    border-radius:12px;
    background:#eef8f1;
}
.quick-rating-title strong {
    color:var(--green-dark);
    font-size:14px;
}
.quick-rating-title small {
    color:var(--muted);
    font-size:10px;
}
.quick-review-card {
    max-width:920px;
}
.quick-star-row .star-row-top > span:first-child {
    min-width:0;
}
@media (max-width:760px) {
    .quick-rating-title {
        align-items:flex-start;
        flex-direction:column;
        gap:2px;
        padding:8px 9px;
    }
    .quick-rating-title strong {
        font-size:12px;
    }
    .quick-rating-title small {
        font-size:9px;
    }
    .quick-star-row .star-row-top > span:first-child {
        font-size:10px;
    }
}

/* ===== V36 — Arayüz iyileştirmeleri ve güvenlik sayfaları ===== */
.home-page {
    background: linear-gradient(180deg, #f4f7f4 0%, #fbfcfb 22%, #f5f7f8 100%);
}

.topbar {
    box-shadow: 0 8px 24px rgba(16,32,51,.05);
}

.topbar .nav {
    min-height: 86px;
    gap: 18px;
}

.nav-actions .secure {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #edf8f0;
    border: 1px solid #cfead6;
    border-radius: 999px;
    color: #247a42;
    font-weight: 800;
}

.hero {
    min-height: 355px;
    background: linear-gradient(92deg, rgba(247,249,247,.98) 0%, rgba(247,249,247,.94) 34%, rgba(247,249,247,.58) 58%, rgba(247,249,247,.36) 100%), url('../img/hero-hotel.jpg') center right / cover no-repeat;
}

.hero-inner {
    min-height: 355px;
    gap: 28px;
    padding: 26px 0 24px;
}

.hero h1 {
    max-width: 760px;
    font-size: clamp(34px, 4vw, 54px);
    letter-spacing: -1.7px;
}

.hero .lead {
    max-width: 720px;
    font-size: 17px;
}

.search-card {
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(255,255,255,.9);
    box-shadow: 0 14px 38px rgba(16,32,51,.08);
}

.hero-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}

.hero-cta-row .btn {
    min-height: 48px;
    padding: 0 22px;
}

.trust-row {
    gap: 16px;
    margin-top: 22px;
}

.trust-item {
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(255,255,255,.82);
    box-shadow: 0 8px 26px rgba(16,32,51,.05);
    border-radius: 16px;
    padding: 16px 18px;
}

.hero-score {
    width: 310px;
    background: rgba(255,255,255,.92);
    border-radius: 22px;
    box-shadow: 0 20px 40px rgba(16,32,51,.08);
}

.shortcut-grid {
    margin: 20px 0 16px;
    gap: 16px;
}

.shortcut {
    border-radius: 20px;
    border: 1px solid #e3ece5;
    background: #fff;
    box-shadow: 0 14px 30px rgba(16,32,51,.05);
    padding: 18px;
}

.shortcut h3 {
    font-size: 18px;
}

.shortcut p {
    color: #64748b;
}

.form-panel {
    margin: 18px 0 28px;
    border-radius: 24px;
    border: 1px solid #d4e8d8;
    box-shadow: 0 20px 46px rgba(47,157,85,.10);
    background: #fff;
}

.form-panel::before {
    display: none;
}

.form-highlight {
    background: linear-gradient(135deg, #289a50 0%, #3daf63 100%);
    padding: 26px 28px;
}

.form-highlight h2,
.form-highlight p,
.form-highlight .badge-strong {
    color: #fff;
}

.form-highlight .badge-strong {
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.22);
}

.form-content {
    padding: 26px 28px 30px;
}

.review-stepper {
    gap: 10px;
    margin-bottom: 20px;
}

.review-stepper span {
    padding: 13px 16px;
    border-radius: 12px;
    font-size: 13px;
}

.quick-review-intro,
.form-col,
.panel,
.explore-dimension-card,
.popular-hotel-card,
.activity-item,
.review-card,
.hotel-follow-box,
.trust-card {
    box-shadow: 0 12px 28px rgba(16,32,51,.04);
}

.main-grid,
.featured-layout,
.engagement-grid,
.explore-dimensions-grid,
.review-list,
.popular-hotel-strip {
    gap: 18px;
}

.panel,
.explore-dimension-card,
.activity-panel,
.poll-panel,
.trust-card,
.popular-hotel-card,
.hotel-card,
.featured-summary,
.review-card,
.hotel-follow-box {
    border-radius: 20px;
    border: 1px solid #e4ebe6;
    background: #fff;
}

.weekly-popular-section,
.explore-dimensions,
.engagement-grid,
.trust-explainer {
    margin-top: 28px;
}

.section-title h2 {
    letter-spacing: -.3px;
}

.trust-explainer {
    padding: 22px;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbf9 100%);
    border: 1px solid #e1e8e3;
    box-shadow: 0 18px 36px rgba(16,32,51,.05);
}

.content-card,
.admin-card {
    border-radius: 22px;
    box-shadow: 0 20px 40px rgba(16,32,51,.06);
}

.table-wrap {
    overflow-x: auto;
}

@media (max-width: 992px) {
    .hero {
        min-height: auto;
        background: linear-gradient(180deg, rgba(247,249,247,.98) 0%, rgba(247,249,247,.92) 52%, rgba(247,249,247,.94) 100%), url('../img/hero-hotel.jpg') center / cover no-repeat;
    }

    .hero-inner {
        min-height: auto;
        grid-template-columns: 1fr;
        padding: 20px 0 22px;
    }

    .hero-score {
        width: 100%;
        justify-self: stretch;
    }

    .trust-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .topbar .nav {
        min-height: auto;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .nav-actions {
        gap: 10px;
        width: 100%;
        justify-content: space-between;
    }

    .nav-actions .secure {
        font-size: 12px;
        padding: 9px 12px;
    }

    .hero h1 {
        font-size: 35px;
        letter-spacing: -1.2px;
    }

    .hero .lead {
        font-size: 15px;
    }

    .hero-cta-row {
        flex-direction: column;
    }

    .hero-cta-row .btn,
    .hero-cta-row button {
        width: 100%;
    }

    .shortcut-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .form-highlight {
        padding: 20px 18px;
        gap: 12px;
    }

    .form-content {
        padding: 18px 16px 22px;
    }

    .review-stepper span {
        font-size: 11px;
        padding: 11px 8px;
    }
}

@media (max-width: 560px) {
    .container {
        width: min(100%, calc(100% - 20px));
    }

    .nav-actions {
        flex-wrap: wrap;
        align-items: stretch;
    }

    .nav-actions .secure,
    .nav-actions .btn {
        width: 100%;
        justify-content: center;
    }

    .hero-inner {
        gap: 18px;
    }

    .search-card {
        padding: 10px;
    }

    .search-input input {
        min-width: 0;
    }

    .form-panel,
    .trust-explainer,
    .panel,
    .explore-dimension-card,
    .content-card,
    .admin-card {
        border-radius: 18px;
    }
}

/* =========================================================
   V37 — Onaylanan sade / luxury arayüz
   ========================================================= */
:root {
    --lux-green: #0d9b55;
    --lux-green-dark: #08763f;
    --lux-navy: #102a43;
    --lux-soft: #f5f8f6;
    --lux-card: #ffffff;
    --lux-border: #e4ebe6;
    --lux-gold: #d7a93a;
}

body.home-page {
    color: var(--lux-navy);
    background: #f5f7f6;
}

.lux-topbar {
    background: rgba(255,255,255,.97);
    border-bottom: 1px solid #edf1ee;
    box-shadow: 0 8px 28px rgba(16,42,67,.06);
}

.lux-nav-shell {
    min-height: 82px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
}

.brand-logo img {
    height: 54px;
    width: auto;
    max-width: 300px;
    object-fit: contain;
}

.lux-main-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.lux-main-nav a {
    color: #4d5d70;
    font-size: 14px;
    font-weight: 850;
    text-decoration: none;
    transition: .2s ease;
}

.lux-main-nav a:hover {
    color: var(--lux-green-dark);
}

.mobile-menu-toggle {
    display: none;
    border: 0;
    background: transparent;
    color: var(--lux-navy);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    padding: 6px 8px;
}

.home-page .hero {
    min-height: 380px;
    border-bottom: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.96) 34%, rgba(255,255,255,.66) 57%, rgba(255,255,255,.20) 100%),
        url('../img/hero-hotel.jpg') center right / cover no-repeat;
}

.home-page .hero-inner {
    min-height: 380px;
    grid-template-columns: 1fr;
    align-items: center;
    padding: 32px 0 34px;
}

.home-page .hero-inner > div:first-child {
    max-width: 860px;
}

.home-page .hero h1 {
    max-width: 770px;
    margin: 0 0 14px;
    color: var(--lux-navy);
    font-size: clamp(38px, 4.2vw, 58px);
    line-height: 1.05;
    letter-spacing: -2px;
}

.home-page .hero h1 span {
    color: var(--lux-navy);
}

.home-page .hero .lead {
    max-width: 720px;
    margin-bottom: 20px;
    color: #5d6d7f;
    font-size: 17px;
    line-height: 1.55;
}

.home-page .hero-score {
    display: none;
}

.home-page .search-card {
    width: min(960px, 100%);
    display: grid;
    grid-template-columns: minmax(0,1fr) 160px;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(221,229,223,.95);
    border-radius: 18px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 16px 38px rgba(16,42,67,.10);
}

.home-page .search-input {
    min-height: 54px;
    border: 1px solid #e1e8e3;
    border-radius: 13px;
    background: #fff;
}

.home-page .search-input input {
    font-size: 16px;
}

.home-page .search-card > .btn {
    min-height: 54px;
    border-radius: 13px;
    font-size: 15px;
}

.home-page .search-support-line {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 12px;
}

.home-page .hero-cta-row {
    margin-top: 14px;
}

.home-page .hero-cta-row .btn {
    border-radius: 13px;
    box-shadow: none;
}

.home-page .trust-row {
    max-width: 850px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 18px;
}

.home-page .trust-item {
    display: inline-flex;
    width: auto;
    min-width: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #526275;
}

.home-page .trust-item small {
    display: none;
}

.home-page main.container {
    padding-top: 24px;
}

.home-page .form-panel {
    margin: 0 0 22px;
    border: 1px solid #dbe8df;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(16,42,67,.07);
}

.home-page .form-highlight {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    padding: 23px 26px;
    background: linear-gradient(135deg, #0d914e 0%, #31ad65 100%);
}

.home-page .form-highlight h2 {
    margin: 0 0 5px;
    font-size: 29px;
}

.home-page .form-highlight p {
    margin: 0;
    opacity: .94;
}

.home-page .form-highlight .badge-strong {
    flex: 0 0 auto;
    min-width: 260px;
    padding: 12px 15px;
    border-radius: 14px;
    text-align: center;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.20);
}

.home-page .form-content {
    padding: 24px 26px 28px;
}

.home-page .form-head {
    margin-bottom: 16px;
}

.home-page .review-stepper span {
    min-height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
}

.home-page .form-col {
    padding: 16px;
    background: #fbfcfb;
    border: 1px solid #e4ebe6;
    border-radius: 16px;
    box-shadow: none;
}

.home-page .section-green {
    margin: 0 0 14px;
    padding: 11px 13px;
    border-radius: 11px;
    background: #edf8f0;
    color: #08763f;
}

.lux-metric-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    margin: 0 0 18px;
    padding: 12px;
    border: 1px solid var(--lux-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(16,42,67,.05);
}

.lux-metric {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f7faf8;
}

.lux-metric > span {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #e8f7ee;
    font-size: 19px;
}

.lux-metric b {
    display: block;
    font-size: 22px;
    line-height: 1.1;
    color: var(--lux-navy);
}

.lux-metric small {
    display: block;
    margin-top: 3px;
    color: #718096;
    font-size: 11px;
}

.home-page .shortcut-grid {
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    margin: 0 0 22px;
}

.home-page .shortcut {
    min-width: 0;
    padding: 15px 16px;
    border-radius: 17px;
    border: 1px solid #e4ebe6;
    box-shadow: 0 12px 28px rgba(16,42,67,.045);
}

.home-page .shortcut-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.home-page .shortcut h3 {
    font-size: 15px;
    line-height: 1.2;
}

.home-page .shortcut p {
    font-size: 11px;
}

.home-page .main-grid {
    gap: 16px;
    align-items: start;
}

.home-page .main-grid > .panel,
.home-page .weekly-popular-section,
.home-page .explore-dimensions,
.home-page .engagement-grid > .panel,
.home-page .trust-explainer {
    background: #fff;
    border: 1px solid #e4ebe6;
    border-radius: 20px;
    box-shadow: 0 14px 30px rgba(16,42,67,.045);
}

.home-page .hotel-row {
    border-radius: 16px;
    border: 1px solid #e7ece8;
    background: #fff;
    transition: .2s ease;
}

.home-page .hotel-row:hover,
.home-page .hotel-row.active {
    transform: translateY(-1px);
    border-color: #9ddab2;
    box-shadow: 0 10px 24px rgba(13,155,85,.08);
}

.home-page .hotel-row.latest-review-hotel {
    background: linear-gradient(90deg,#f8fffa 0%,#f0faf4 100%);
}

.home-page .weekly-popular-section,
.home-page .explore-dimensions,
.home-page .trust-explainer {
    padding: 20px;
}

.home-page .popular-hotel-card,
.home-page .explore-dimension-card,
.home-page .review-card,
.home-page .activity-item,
.home-page .trust-card {
    box-shadow: none;
}

.lux-mobile-bottom-nav {
    grid-template-columns: repeat(5, 1fr) !important;
}

.lux-mobile-bottom-nav .center-action {
    position: relative;
    margin-top: -18px;
    min-height: 62px !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 24px rgba(13,155,85,.28);
}

.lux-mobile-bottom-nav .center-action span {
    font-size: 28px;
    line-height: 1;
}

@media (max-width: 1050px) {
    .lux-nav-shell {
        grid-template-columns: auto 1fr auto;
        gap: 16px;
    }
    .lux-main-nav {
        gap: 18px;
    }
    .lux-main-nav a {
        font-size: 12px;
    }
    .nav-actions .secure {
        display: none;
    }
}

@media (max-width: 820px) {
    .lux-nav-shell {
        position: relative;
        grid-template-columns: minmax(0,1fr) auto;
    }

    .brand-logo img {
        height: 46px;
        max-width: 250px;
    }

    .lux-main-nav {
        display: none;
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        z-index: 100;
        padding: 10px;
        background: #fff;
        border: 1px solid #e4ebe6;
        border-radius: 14px;
        box-shadow: 0 18px 36px rgba(16,42,67,.12);
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .lux-main-nav.open {
        display: flex;
    }

    .lux-main-nav a {
        padding: 12px 13px;
        border-radius: 10px;
        font-size: 13px;
    }

    .lux-main-nav a:hover {
        background: #f1f8f3;
    }

    .nav-actions {
        width: auto;
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
    }

    .nav-actions .btn {
        width: auto;
        min-width: 112px;
    }

    .mobile-menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .home-page .hero {
        background:
            linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.82) 48%, rgba(255,255,255,.68) 100%),
            url('../img/hero-hotel.jpg') center / cover no-repeat;
    }

    .home-page .hero h1 {
        font-size: 38px;
    }

    .home-page .search-card {
        grid-template-columns: 1fr 118px;
    }

    .home-page .form-highlight {
        align-items: flex-start;
    }

    .home-page .form-highlight .badge-strong {
        min-width: 220px;
    }

    .lux-metric-strip {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .home-page .shortcut-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 560px) {
    body.home-page {
        padding-bottom: 88px;
    }

    .lux-topbar {
        position: sticky;
        top: 0;
        z-index: 1200;
    }

    .lux-nav-shell {
        min-height: 66px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .brand-logo img {
        height: 42px;
        max-width: 215px;
    }

    .nav-actions .btn {
        min-width: 100px;
        min-height: 40px;
        padding: 8px 12px;
        font-size: 11px;
    }

    .mobile-menu-toggle {
        font-size: 24px;
        padding: 5px;
    }

    .home-page .hero {
        min-height: auto;
        border-radius: 0 0 22px 22px;
        overflow: hidden;
    }

    .home-page .hero-inner {
        padding: 18px 0 20px;
    }

    .home-page .hero h1 {
        font-size: 31px;
        line-height: 1.08;
        letter-spacing: -1px;
        max-width: 100%;
    }

    .home-page .hero .lead {
        font-size: 13px;
        line-height: 1.55;
    }

    .home-page .search-card {
        grid-template-columns: minmax(0,1fr) 96px;
        gap: 7px;
        padding: 8px;
    }

    .home-page .search-input {
        min-height: 48px;
    }

    .home-page .search-card > .btn {
        min-height: 48px;
        padding: 7px 8px;
        font-size: 12px;
    }

    .home-page .search-support-line {
        font-size: 10px;
        line-height: 1.45;
    }

    .home-page .hero-cta-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .home-page .hero-cta-row .btn {
        width: 100%;
        min-height: 44px;
        padding: 8px 10px;
        font-size: 10px;
    }

    .home-page .trust-row {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 6px !important;
    }

    .home-page .trust-item {
        width: 100% !important;
        padding: 8px 5px !important;
        border: 1px solid rgba(221,231,224,.8) !important;
        border-radius: 11px !important;
        background: rgba(255,255,255,.72) !important;
        font-size: 8px;
        line-height: 1.25;
        text-align: center;
        justify-content: center;
    }

    .home-page .trust-icon {
        display: none;
    }

    .home-page main.container {
        padding-top: 12px;
    }

    .home-page .form-panel {
        margin-bottom: 12px;
        border-radius: 18px;
    }

    .home-page .form-highlight {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
        padding: 16px 14px;
    }

    .home-page .form-highlight h2 {
        font-size: 24px;
    }

    .home-page .form-highlight p {
        font-size: 11px;
    }

    .home-page .form-highlight .badge-strong {
        width: 100%;
        min-width: 0;
        padding: 9px 10px;
        font-size: 9px;
    }

    .home-page .form-content {
        padding: 14px 12px 16px;
    }

    .home-page .form-head h3 {
        font-size: 18px;
    }

    .home-page .form-head p {
        font-size: 10px;
    }

    .home-page .form-col {
        padding: 12px;
        border-radius: 13px;
    }

    .lux-metric-strip {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 7px;
        padding: 8px;
        margin-bottom: 10px;
        border-radius: 15px;
    }

    .lux-metric {
        gap: 8px;
        padding: 9px;
    }

    .lux-metric > span {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 15px;
    }

    .lux-metric b {
        font-size: 17px;
    }

    .lux-metric small {
        font-size: 8px;
    }

    .home-page .shortcut-grid {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 7px !important;
        margin-bottom: 12px;
    }

    .home-page .shortcut {
        min-height: 92px !important;
        padding: 10px !important;
    }

    .home-page .shortcut h3 {
        font-size: 11px !important;
    }

    .home-page .shortcut p,
    .home-page .shortcut a {
        font-size: 8px !important;
    }

    .home-page .main-grid > .panel,
    .home-page .weekly-popular-section,
    .home-page .explore-dimensions,
    .home-page .engagement-grid > .panel,
    .home-page .trust-explainer {
        border-radius: 16px;
        box-shadow: 0 10px 22px rgba(16,42,67,.04);
    }

    .lux-mobile-bottom-nav {
        left: 8px !important;
        right: 8px !important;
        grid-template-columns: repeat(5, minmax(0,1fr)) !important;
        border-radius: 20px !important;
        padding: 6px !important;
    }

    .lux-mobile-bottom-nav button {
        min-width: 0;
        padding: 4px 2px !important;
    }

    .lux-mobile-bottom-nav button b {
        font-size: 7px !important;
    }
}

/* V37 discovery / weekly summary / helpful */
.weekly-summary-card,
.hotel-topic-card,
.similar-hotels-card {
    margin: 0 0 18px;
    padding: 18px;
    border: 1px solid #e4ebe6;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(16,42,67,.045);
}

.weekly-summary-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.weekly-summary-head h2,
.hotel-topic-card h3,
.similar-hotels-card h3 {
    margin: 3px 0 0;
    color: var(--lux-navy);
}

.weekly-summary-head small {
    color: #718096;
}

.weekly-summary-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
}

.weekly-summary-grid > div {
    min-width: 0;
    padding: 14px;
    border-radius: 15px;
    background: #f7faf8;
    border: 1px solid #edf1ee;
}

.weekly-summary-grid span {
    display: block;
    margin-bottom: 6px;
    font-size: 18px;
}

.weekly-summary-grid b {
    display: block;
    color: var(--lux-navy);
    font-size: 16px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.weekly-summary-grid small {
    display: block;
    margin-top: 4px;
    color: #718096;
    font-size: 10px;
}

.hotel-topic-card {
    display: grid;
    grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);
    gap: 18px;
    align-items: center;
    background: linear-gradient(135deg,#fffaf0 0%,#fff 100%);
    border-color: #f1e4c1;
}

.hotel-topic-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.hotel-topic-list span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 11px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #eadcb9;
    color: #7b5a11;
    font-size: 11px;
    font-weight: 850;
}

.hotel-topic-list b {
    display: grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #f8e7b5;
    color: #7b5a11;
}

.similar-hotels-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
}

.similar-hotels-grid button {
    width: 100%;
    display: grid;
    grid-template-columns: 58px minmax(0,1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 9px;
    border: 1px solid #e4ebe6;
    border-radius: 14px;
    background: #fff;
    color: var(--lux-navy);
    text-align: left;
    cursor: pointer;
}

.similar-hotels-grid button:hover {
    border-color: #a9dcb8;
    background: #f7fcf8;
}

.similar-hotel-photo {
    width: 58px;
    height: 48px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}

.similar-hotels-grid strong,
.similar-hotels-grid small {
    display: block;
}

.similar-hotels-grid strong {
    font-size: 11px;
    line-height: 1.25;
}

.similar-hotels-grid small {
    margin-top: 3px;
    color: #718096;
    font-size: 9px;
}

.similar-hotels-grid button > b {
    color: #08763f;
    font-size: 17px;
}

.review-inline-helpful {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid #edf1ee;
    color: #64748b;
    font-size: 10px;
}

.review-inline-helpful button {
    border: 1px solid #dce6de;
    border-radius: 999px;
    background: #fff;
    color: #526275;
    padding: 5px 8px;
    cursor: pointer;
    font-size: 10px;
}

.admin-table {
    width: 100%;
    border-collapse: collapse;
}

.admin-table th,
.admin-table td {
    padding: 11px 10px;
    border-bottom: 1px solid #e7ece8;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
}

.admin-table th {
    background: #f7faf8;
    color: #344256;
    font-weight: 900;
}

@media (max-width: 820px) {
    .weekly-summary-grid,
    .similar-hotels-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .hotel-topic-card {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .weekly-summary-card,
    .hotel-topic-card,
    .similar-hotels-card {
        padding: 12px;
        border-radius: 16px;
    }

    .weekly-summary-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 7px;
    }

    .weekly-summary-grid > div {
        padding: 10px;
    }

    .weekly-summary-grid b {
        font-size: 12px;
    }

    .similar-hotels-grid {
        grid-template-columns: 1fr;
    }

    .review-inline-helpful {
        flex-wrap: wrap;
    }
}

/* =========================================================
   V38 - Arama önerileri + sonuçsuz arama popup + bölüm taşıma
   ========================================================= */
.hero-search-wrap {
    position: relative;
    overflow: visible !important;
    z-index: 45;
}

.hero-search-wrap .search-input {
    position: relative;
    overflow: visible !important;
}

.hero-search-suggestions {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    z-index: 120;
    overflow: hidden;
    border: 1px solid #dfe8e2;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 22px 48px rgba(16,32,51,.16);
}

.hero-search-suggestions[hidden] {
    display: none !important;
}

.hero-search-suggestion,
.hero-search-empty {
    width: 100%;
    display: grid;
    grid-template-columns: 40px minmax(0,1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px 14px;
    border: 0;
    border-bottom: 1px solid #edf1ee;
    background: #fff;
    color: #102033;
    text-align: left;
    cursor: pointer;
}

.hero-search-suggestion:hover,
.hero-search-suggestion:focus,
.hero-search-empty:hover,
.hero-search-empty:focus {
    background: #f4fbf6;
    outline: none;
}

.hero-search-suggestion-icon,
.hero-search-empty > span {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: #edf8f0;
    color: #247a42;
    font-size: 18px;
}

.hero-search-suggestion strong,
.hero-search-suggestion small,
.hero-search-empty strong,
.hero-search-empty small {
    display: block;
}

.hero-search-suggestion strong,
.hero-search-empty strong {
    font-size: 13px;
    line-height: 1.3;
}

.hero-search-suggestion small,
.hero-search-empty small {
    margin-top: 3px;
    color: #718096;
    font-size: 10px;
}

.hero-search-suggestion-arrow {
    color: #2f9d55;
    font-size: 24px;
    font-weight: 800;
}

.hero-search-new-hotel {
    width: 100%;
    padding: 11px 14px;
    border: 0;
    background: #fbfdfb;
    color: #247a42;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    cursor: pointer;
}

.hero-search-new-hotel:hover {
    background: #edf8f0;
}

.missing-hotel-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(10,26,38,.58);
    backdrop-filter: blur(5px);
}

.missing-hotel-modal[hidden] {
    display: none !important;
}

.missing-hotel-modal-shell {
    width: min(680px, 100%);
    max-height: calc(100vh - 44px);
    overflow: auto;
    border-radius: 22px;
}

.missing-hotel-popup-card {
    position: relative;
    width: 100%;
    margin: 0 !important;
    padding: 28px 24px 24px !important;
    border: 1px solid #f0d2b8 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 30px 70px rgba(9,24,36,.22) !important;
    text-align: left !important;
}

.missing-hotel-popup-close {
    position: absolute;
    right: 14px;
    top: 12px;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid #e4e9e5;
    border-radius: 50%;
    background: #fff;
    color: #526275;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.missing-hotel-popup-close:hover {
    background: #f5f8f6;
    color: #102033;
}

.missing-hotel-popup-card .missing-hotel-profile {
    padding-right: 38px;
}

body.missing-hotel-modal-open {
    overflow: hidden;
}

/* V38: en alta taşınan bilgi blokları */
.home-page main.container > .lux-metric-strip,
.home-page main.container > .weekly-summary-card {
    margin-top: 24px;
}

.home-page main.container > .weekly-summary-card {
    margin-bottom: 28px;
}

@media (max-width: 760px) {
    .hero-search-suggestions {
        top: calc(100% + 6px);
        border-radius: 14px;
    }

    .hero-search-suggestion,
    .hero-search-empty {
        grid-template-columns: 34px minmax(0,1fr) auto;
        padding: 10px 11px;
        gap: 8px;
    }

    .hero-search-suggestion-icon,
    .hero-search-empty > span {
        width: 32px;
        height: 32px;
        font-size: 15px;
    }

    .missing-hotel-modal {
        padding: 12px;
        align-items: end;
    }

    .missing-hotel-modal-shell {
        width: 100%;
        max-height: calc(100vh - 24px);
        border-radius: 20px 20px 0 0;
    }

    .missing-hotel-popup-card {
        padding: 24px 15px 18px !important;
        border-radius: 20px 20px 0 0 !important;
    }

    .missing-hotel-popup-card .missing-hotel-actions {
        grid-template-columns: 1fr !important;
    }

    .missing-hotel-popup-card .missing-follow-box form {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   V39 - Arama önerisi satır düzeni düzeltmesi
   ========================================================= */
.hero-search-suggestions .hero-search-suggestion,
.hero-search-suggestions .hero-search-empty {
    grid-template-columns: 38px minmax(0, 1fr) 22px !important;
    column-gap: 12px !important;
    min-width: 0;
}

/* Genel .search-input span kuralının dropdown içindeki span'leri bozmasını engelle */
.hero-search-suggestions span,
.hero-search-suggestions .hero-search-suggestion-icon,
.hero-search-suggestions .hero-search-suggestion-arrow,
.hero-search-suggestions .hero-search-empty > span {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
}

.hero-search-suggestion > div,
.hero-search-empty > div {
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.hero-search-suggestion strong,
.hero-search-empty strong {
    display: block;
    width: 100%;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: 14px;
    line-height: 1.35;
}

.hero-search-suggestion small,
.hero-search-empty small {
    display: block;
    width: 100%;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    margin-top: 3px;
}

.hero-search-suggestion-icon {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px;
}

.hero-search-suggestion-arrow {
    display: block !important;
    width: 22px !important;
    text-align: center;
    justify-self: end;
}

.hero-search-new-hotel {
    white-space: normal;
    line-height: 1.35;
}

@media (max-width: 760px) {
    .hero-search-suggestions .hero-search-suggestion,
    .hero-search-suggestions .hero-search-empty {
        grid-template-columns: 34px minmax(0,1fr) 18px !important;
        gap: 9px !important;
        padding: 11px 10px !important;
    }

    .hero-search-suggestion strong,
    .hero-search-empty strong {
        font-size: 13px !important;
        overflow-wrap: normal !important;
    }

    .hero-search-suggestion small,
    .hero-search-empty small {
        font-size: 10px !important;
        overflow-wrap: normal !important;
    }
}

/* ===== V40: dönüşüm, form arama ve içerik sadeleştirme ===== */
.return-search-prompt {
    margin-top: 12px;
    padding: 13px 14px;
    border: 1px solid #dce9df;
    border-radius: 15px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 10px 28px rgba(16,32,51,.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.return-search-prompt > div:first-child { display:flex; align-items:center; gap:10px; min-width:0; }
.return-search-prompt > div:first-child > span { width:34px; height:34px; border-radius:50%; background:#edf8f0; display:grid; place-items:center; color:var(--green-dark); font-weight:900; flex:0 0 auto; }
.return-search-prompt p { margin:0; min-width:0; }
.return-search-prompt p small { display:block; color:var(--muted); font-size:10px; font-weight:800; margin-bottom:2px; }
.return-search-prompt p strong { display:block; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.return-search-actions { display:flex; gap:7px; flex:0 0 auto; }
.return-search-actions .btn { min-height:36px; padding:8px 12px; font-size:11px; }

.form-hotel-search-wrap { position:relative; }
.form-hotel-suggestions {
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 6px);
    z-index:80;
    background:#fff;
    border:1px solid #dfe8e2;
    border-radius:14px;
    box-shadow:0 18px 38px rgba(16,32,51,.12);
    padding:6px;
    max-height:320px;
    overflow-y:auto;
}
.form-hotel-suggestion {
    width:100%;
    border:0;
    background:#fff;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 20px;
    gap:9px;
    align-items:center;
    text-align:left;
    padding:9px 10px;
    border-radius:10px;
    cursor:pointer;
    color:var(--text);
}
.form-hotel-suggestion:hover { background:#f3faf5; }
.form-hotel-icon { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:#edf8f0; font-size:14px; }
.form-hotel-copy { min-width:0; }
.form-hotel-copy strong { display:block; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.form-hotel-copy small { display:block; margin-top:2px; color:var(--muted); font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.form-hotel-arrow { text-align:center; color:var(--green-dark); font-size:20px; font-weight:900; }
.form-hotel-new { display:flex; gap:8px; align-items:flex-start; padding:10px; border-top:1px solid #eef2ef; color:#526170; }
.form-hotel-new > span { color:var(--green-dark); font-size:16px; font-weight:900; }
.form-hotel-new strong { display:block; font-size:11px; color:var(--text); }
.form-hotel-new small { display:block; font-size:9px; margin-top:2px; }
.form-hotel-new.compact { padding-top:8px; }

.form-panel .section-green {
    font-size:17px;
    line-height:1.25;
    font-weight:950;
    letter-spacing:-.2px;
    padding:12px 14px;
}
.form-panel .field > label,
.form-panel .field > .field-label {
    font-size:13px;
    font-weight:900;
    color:#17324a;
    margin-bottom:7px;
}
.optional-review-details > summary {
    font-size:14px;
    font-weight:900;
}

.review-card-comment {
    font-size:15px !important;
    line-height:1.62;
    color:#1f2f43 !important;
    margin:7px 0 8px !important;
}
.review-card-title {
    font-size:14px !important;
    margin:7px 0 4px !important;
}
.review-detail-mini { margin-top:8px; }
.review-detail-mini span { line-height:1.5; }

.missing-conversion-benefits {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin:12px 0;
}
.missing-conversion-benefits span {
    padding:9px 10px;
    border-radius:11px;
    border:1px solid #e0ebe3;
    background:#f7fbf8;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
}
.missing-hotel-actions-conversion { margin-top:10px; }
.missing-hotel-actions-conversion .missing-primary-action {
    min-height:50px;
    font-size:14px;
    box-shadow:0 13px 26px rgba(47,157,85,.18);
}
.missing-profile-link {
    display:inline-flex;
    margin:10px 0 4px;
    color:var(--green-dark);
    text-decoration:none;
    font-size:11px;
    font-weight:900;
}

.missing-profile-section { margin-top:26px; }
.missing-profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.missing-profile-card {
    text-decoration:none;
    color:inherit;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    background:#fff;
    border:1px solid #e3eae5;
    border-radius:16px;
    padding:13px;
    box-shadow:0 12px 28px rgba(16,32,51,.04);
}
.missing-profile-card:hover { border-color:#bfe4ca; transform:translateY(-1px); }
.missing-profile-icon { width:38px; height:38px; border-radius:11px; background:#edf8f0; display:grid; place-items:center; }
.missing-profile-card > div:nth-child(2) { min-width:0; }
.missing-profile-card > div:nth-child(2) strong { display:block; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.missing-profile-card > div:nth-child(2) small { display:block; color:var(--muted); margin-top:3px; font-size:9px; }
.missing-profile-proof { text-align:right; min-width:70px; }
.missing-profile-proof b { display:block; color:var(--green-dark); font-size:18px; }
.missing-profile-proof small { display:block; color:var(--muted); font-size:8px; max-width:85px; }
.missing-profile-action { grid-column:2 / -1; color:var(--green-dark); font-size:10px; font-weight:900; }

.missing-public-page { padding-top:28px; padding-bottom:36px; }
.missing-public-hero,
.missing-public-action-card,
.missing-public-follow,
.missing-public-proof {
    background:#fff;
    border:1px solid #e2ebe4;
    border-radius:22px;
    box-shadow:0 16px 38px rgba(16,32,51,.05);
}
.missing-public-hero { display:grid; grid-template-columns:70px minmax(0,1fr) 150px; gap:18px; align-items:center; padding:26px; }
.missing-public-icon { width:64px; height:64px; border-radius:18px; background:#edf8f0; display:grid; place-items:center; font-size:29px; }
.missing-public-copy h1 { margin:5px 0 8px; font-size:30px; }
.missing-public-copy p { margin:0; color:#526170; line-height:1.65; }
.missing-public-score { text-align:center; border-left:1px solid #edf1ee; padding-left:18px; }
.missing-public-score b { display:block; font-size:42px; color:var(--green-dark); }
.missing-public-score span { color:var(--muted); font-size:10px; font-weight:800; }
.missing-public-proof { margin-top:14px; padding:15px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.missing-public-proof > div { padding:12px; border-radius:14px; background:#f7faf8; display:grid; grid-template-columns:30px auto; column-gap:8px; align-items:center; }
.missing-public-proof span { grid-row:1 / 3; font-size:18px; }
.missing-public-proof b { font-size:20px; color:var(--green-dark); }
.missing-public-proof small { color:var(--muted); font-size:9px; }
.missing-public-action-card { margin-top:16px; padding:24px; display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; align-items:center; }
.missing-public-action-card h2 { margin:5px 0 8px; }
.missing-public-action-card p { color:#526170; line-height:1.6; }
.missing-public-action-card ul { margin:12px 0 0 18px; color:#344256; line-height:1.8; }
.missing-public-actions { display:grid; gap:10px; }
.missing-public-actions .btn { width:100%; min-height:48px; }
.missing-public-follow { margin-top:16px; padding:22px 24px; display:grid; grid-template-columns:minmax(0,1fr) 420px; gap:20px; align-items:center; }
.missing-public-follow h2 { margin:5px 0 6px; font-size:20px; }
.missing-public-follow p { margin:0; color:var(--muted); }
.missing-public-follow form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.missing-public-follow input { min-width:0; }
.missing-public-follow .missing-follow-result { grid-column:1 / -1; }

@media (max-width:760px) {
    .return-search-prompt { align-items:stretch; flex-direction:column; }
    .return-search-actions { display:grid; grid-template-columns:1fr; width:100%; }
    .return-search-actions .btn { width:100%; }
    .missing-conversion-benefits { grid-template-columns:1fr; }
    .missing-profile-grid { grid-template-columns:1fr; }
    .missing-public-hero { grid-template-columns:50px minmax(0,1fr); padding:18px; }
    .missing-public-icon { width:48px; height:48px; border-radius:14px; font-size:21px; }
    .missing-public-copy h1 { font-size:23px; }
    .missing-public-score { grid-column:1 / -1; border-left:0; border-top:1px solid #edf1ee; padding:13px 0 0; }
    .missing-public-score b { font-size:32px; }
    .missing-public-proof { grid-template-columns:1fr; }
    .missing-public-action-card { grid-template-columns:1fr; padding:18px; }
    .missing-public-follow { grid-template-columns:1fr; padding:18px; }
    .missing-public-follow form { grid-template-columns:1fr; }
    .form-panel .section-green { font-size:16px; }
    .form-panel .field > label { font-size:12px; }
    .review-card-comment { font-size:14px !important; }
}
.missing-hotel-actions-conversion { grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); }
@media (max-width:760px) { .missing-hotel-actions-conversion { grid-template-columns:1fr !important; } }


/* =========================================================
   V41 - Mobil sonuçsuz arama popup ve boş istatistik kartları
   ========================================================= */
.missing-hotel-modal {
    z-index: 3000 !important;
}

body.missing-hotel-modal-open .mobile-bottom-nav {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 760px) {
    .missing-hotel-modal {
        align-items: center !important;
        padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) !important;
        overflow: hidden !important;
    }

    .missing-hotel-modal-shell {
        width: 100% !important;
        max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        border-radius: 20px !important;
        margin: 0 !important;
    }

    .missing-hotel-popup-card {
        min-height: 0 !important;
        padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important;
        border-radius: 20px !important;
    }

    .missing-hotel-popup-card .missing-follow-box {
        margin-bottom: 0 !important;
    }
}

/* =========================================================
   V43 - Yorum sonrası popup / opsiyonel alan görünümü
   ========================================================= */
.review-success-card {
    width: min(620px, calc(100vw - 36px));
    max-width: 620px;
    padding: 30px;
}

.success-next-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

.success-next-actions .btn {
    width: 100%;
    min-width: 0;
    min-height: 52px;
    padding: 11px 14px;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.25;
    text-align: center;
    font-size: 14px;
}

.form-panel .field > label small {
    font-weight: 700;
    color: #7a8797;
    font-size: 11px;
}

@media (max-width: 640px) {
    .review-success-card {
        width: min(100%, calc(100vw - 24px));
        padding: 24px 18px;
    }

    .success-next-actions {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   V44 - Daha anlaşılır istatistikler, yorum görünürlüğü,
         admin otel formu ve iş akışı iyileştirmeleri
   ========================================================= */
.answer-count-pair {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin: 7px 0 6px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}
.answer-count-pair em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 10px;
    border-radius: 999px;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}
.answer-count-pair em:first-child {
    color: #176b3a;
    background: #edf9f1;
    border: 1px solid #c8e9d2;
}
.answer-count-pair em:last-child {
    color: #9f3a3a;
    background: #fff4f4;
    border: 1px solid #f1d1d1;
}
.worker-summary-item .answer-count-pair {
    margin-top: 6px !important;
}

.review-section-prominent,
.hotel-page-reviews {
    margin: 18px 0;
    padding: 18px;
    border: 1px solid #dfe9e2;
    border-radius: 18px;
    background: linear-gradient(180deg,#ffffff 0%,#fbfdfb 100%);
    box-shadow: 0 14px 32px rgba(16,32,51,.05);
}
.review-section-prominent .section-title,
.hotel-page-reviews .section-title {
    margin-bottom: 12px;
}
.review-card-clickable {
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.review-card-clickable:hover {
    transform: translateY(-1px);
    border-color: #b9ddc4;
    box-shadow: 0 14px 28px rgba(16,32,51,.07);
}
.review-card-comment {
    font-size: 17px !important;
    line-height: 1.66 !important;
    color: #14283d !important;
    font-weight: 600;
}
.review-card-title {
    font-size: 15px !important;
}
.review-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #e9efeb;
}
.review-open-detail {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #187744;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .05px;
}
.review-open-detail b {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #eaf7ee;
    color: #187744;
    font-size: 15px;
}
.review-card:hover .review-open-detail {
    color: #0c6436;
}

.similar-hotels-grid .similar-hotel-link {
    width: 100%;
    display: grid;
    grid-template-columns: 58px minmax(0,1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 9px;
    border: 1px solid #e4ebe6;
    border-radius: 14px;
    background: #fff;
    color: var(--lux-navy);
    text-align: left;
    text-decoration: none;
}
.similar-hotels-grid .similar-hotel-link:hover {
    border-color: #a9dcb8;
    background: #f7fcf8;
}
.similar-hotels-grid .similar-hotel-link > b {
    color: #08763f;
    font-size: 17px;
}

.admin-hotel-form {
    display: grid;
    gap: 16px;
}
.admin-hotel-grid {
    display: grid;
    gap: 14px;
    align-items: start;
}
.admin-hotel-grid-top {
    grid-template-columns: minmax(0,1.7fr) minmax(180px,1fr) minmax(120px,.55fr);
}
.admin-hotel-grid-media {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
.admin-hotel-form .field {
    margin: 0;
}
.admin-hotel-current-image {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid #e4ebe6;
    border-radius: 14px;
    background: #f8fbf9;
}
.admin-hotel-description textarea {
    min-height: 110px;
}
.admin-hotel-form-footer {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 4px;
}
.admin-hotel-form-footer .btn {
    margin-left: auto;
}

@media (max-width: 760px) {
    .answer-count-pair {
        gap: 5px;
    }
    .answer-count-pair em {
        min-height: 28px;
        padding: 5px 8px;
        font-size: 11px;
    }
    .review-section-prominent,
    .hotel-page-reviews {
        padding: 12px;
        border-radius: 15px;
    }
    .review-card-comment {
        font-size: 15px !important;
    }
    .review-card-footer {
        align-items: flex-start;
        flex-direction: column;
    }
    .admin-hotel-grid-top,
    .admin-hotel-grid-media {
        grid-template-columns: 1fr;
    }
    .admin-hotel-form-footer .btn {
        width: 100%;
        margin-left: 0;
    }
}
.review-card-footer .review-inline-helpful {
    margin: 0;
    padding: 0;
    border-top: 0;
}

/* ===== V45 ===== */
.hotel-insight-strip-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    margin-top: 0;
}

.public-review-detail-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.public-review-detail-head h1 {
    margin: 3px 0 6px;
}

.public-review-detail-head p {
    margin: 0;
    color: var(--muted);
}

.review-detail-main-comment p {
    font-size: 17px;
    line-height: 1.75;
}

.public-review-fact-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.public-review-fact-list > div {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px;
    background: #fbfdfb;
}

.public-review-fact-list span,
.public-review-fact-list strong {
    display: block;
}

.public-review-fact-list span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 5px;
}

.review-detail-interest-box {
    margin-top: 14px;
}

.review-detail-interest-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.public-review-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.admin-preview-actions {
    flex-wrap: wrap;
}

@media (max-width: 760px) {
    .hotel-insight-strip-primary,
    .public-review-fact-list {
        grid-template-columns: 1fr;
    }

    .public-review-detail-head {
        align-items: stretch;
        flex-direction: column;
    }

    .public-review-detail-head .btn,
    .review-detail-interest-actions,
    .review-detail-interest-actions .btn,
    .public-review-detail-actions,
    .public-review-detail-actions .btn {
        width: 100%;
    }
}

/* ===== V46 Ziyaretçi Analizi & okunabilir log arayüzü ===== */
.admin-page-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.admin-page-heading h1{margin:4px 0 6px}.admin-page-heading p{margin:0;color:#64748b;max-width:820px}.admin-heading-actions{display:flex;gap:8px;flex-wrap:wrap}.analytics-back{display:inline-block;margin-bottom:6px;color:#247a42;font-weight:900;text-decoration:none}
.analytics-filter-card{display:grid;grid-template-columns:180px 180px minmax(240px,1fr) auto;gap:12px;align-items:end;background:#fff;border:1px solid #e3e8e4;border-radius:18px;padding:16px 18px;margin-bottom:16px;box-shadow:0 12px 28px rgba(16,32,51,.04)}.analytics-filter-card .field{margin:0}.analytics-filter-search{min-width:0}
.analytics-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0 20px}.analytics-kpi-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-kpi{background:#fff;border:1px solid #e3e8e4;border-radius:16px;padding:16px;box-shadow:0 10px 22px rgba(16,32,51,.04);min-width:0}.analytics-kpi>span{display:block;font-size:18px;margin-bottom:8px}.analytics-kpi>strong{display:block;font-size:25px;color:#102033;line-height:1}.analytics-kpi>small{display:block;margin-top:7px;color:#64748b;font-weight:800}.analytics-kpi-live>span,.analytics-kpi-live>strong{color:#17924a}
.analytics-two-col{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin:16px 0}.analytics-card{margin-bottom:16px}.analytics-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.analytics-card-head h2{margin:3px 0 0}.analytics-card-head>small{color:#64748b;font-weight:800}
.analytics-funnel{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 0}.analytics-funnel-step{min-width:105px;flex:1;background:#f7faf8;border:1px solid #e0ebe3;border-radius:14px;padding:13px 10px;text-align:center}.analytics-funnel-step strong{display:block;font-size:22px;color:#138445}.analytics-funnel-step span{display:block;font-size:11px;font-weight:900;color:#516174;margin-top:5px}.analytics-funnel-arrow{color:#9db5a5;font-size:22px}
.analytics-mini-list{display:grid;gap:8px}.analytics-mini-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#f8faf9;border:1px solid #e7ede9}.analytics-mini-list span{font-weight:850;min-width:0}.analytics-mini-list span small{display:block;margin-top:3px;color:#718096;font-weight:700}.analytics-mini-list strong{color:#178845}.analytics-pages span{overflow:hidden;text-overflow:ellipsis}
.analytics-table-wrap{overflow-x:auto}.analytics-table td{vertical-align:middle}.analytics-table td strong,.analytics-table td small{display:block}.analytics-table td small{color:#718096;margin-top:3px}.analytics-badge{display:inline-block!important;margin:5px 0 0;padding:3px 7px;border-radius:999px;background:#e8f7ed;color:#247a42;font-size:9px;font-weight:900}.analytics-live-row{background:#f2fbf5!important}
.analytics-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.analytics-profile-grid .content-card{margin:0}.analytics-profile-grid h2{font-size:19px;margin:5px 0}.analytics-profile-grid p{margin:4px 0;color:#526174}.analytics-profile-grid small{color:#718096}
.visitor-page-list{display:grid;gap:8px;max-height:660px;overflow:auto}.visitor-page-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:11px 12px;border:1px solid #e4ebe6;border-radius:12px;background:#fbfcfb}.visitor-page-row strong,.visitor-page-row small{display:block}.visitor-page-row small{color:#718096;margin-top:3px}.visitor-page-row>div:last-child{text-align:right}.visitor-page-row>div:last-child b{color:#188b49}
.visitor-timeline{display:grid;gap:8px;max-height:660px;overflow:auto}.visitor-timeline-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:10px 0;border-bottom:1px solid #edf1ee}.visitor-timeline-row>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf8f0;color:#188b49;font-weight:900}.visitor-timeline-row strong{display:block}.visitor-timeline-row p{margin:3px 0;color:#526174}.visitor-timeline-row small{color:#7b8794}
.system-log-list{display:grid;gap:9px}.system-log-row{display:grid;grid-template-columns:42px minmax(0,1fr) 150px;gap:12px;align-items:start;border:1px solid #e4ebe6;border-radius:14px;padding:13px 14px;background:#fff}.system-log-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#edf8f0;font-size:18px}.system-log-head{display:flex;justify-content:space-between;gap:10px}.system-log-head span{font-size:11px;color:#718096;white-space:nowrap}.system-log-main p{margin:5px 0;color:#445568}.system-log-main>small{color:#8994a1}.system-log-chips{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.system-log-chips span{font-size:10px;padding:4px 7px;border-radius:8px;background:#f5f7f6;border:1px solid #e5ebe7}.system-log-meta{text-align:right}.system-log-meta strong,.system-log-meta small{display:block}.system-log-meta small{margin-top:4px;color:#718096}.analytics-dashboard-strip{margin:0 0 18px}.analytics-dashboard-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.analytics-dashboard-title h2{margin:3px 0 0}
@media(max-width:1100px){.analytics-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-kpi-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-two-col{grid-template-columns:1fr}.analytics-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-filter-card{grid-template-columns:1fr 1fr}.analytics-filter-search{grid-column:1/-1}.analytics-filter-card>.btn{grid-column:1/-1}.system-log-row{grid-template-columns:38px minmax(0,1fr)}.system-log-meta{grid-column:2;text-align:left;display:flex;gap:10px}}
@media(max-width:700px){.admin-page-heading,.analytics-dashboard-title{display:grid}.analytics-kpi-grid,.analytics-kpi-grid-4,.analytics-profile-grid{grid-template-columns:1fr 1fr}.analytics-filter-card{grid-template-columns:1fr}.analytics-filter-search,.analytics-filter-card>.btn{grid-column:auto}.analytics-funnel{align-items:stretch}.analytics-funnel-arrow{display:none}.analytics-funnel-step{min-width:120px}.system-log-head{display:grid}.analytics-table{min-width:950px}}
@media(max-width:430px){.analytics-kpi-grid,.analytics-kpi-grid-4,.analytics-profile-grid{grid-template-columns:1fr}.visitor-page-row{grid-template-columns:1fr}.visitor-page-row>div:last-child{text-align:left}}

/* ===== V47 Meta Pixel ===== */
.meta-event-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.meta-event-setting{display:flex;gap:11px;align-items:flex-start;border:1px solid #e3e8e4;background:#fbfdfb;border-radius:14px;padding:14px;cursor:pointer}.meta-event-setting input{margin-top:3px}.meta-event-setting span{display:block;min-width:0}.meta-event-setting b{display:block;color:#102033;margin-bottom:5px}.meta-event-setting small{display:block;color:#64748b;line-height:1.45}.meta-event-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.meta-event-summary-card{border:1px solid #e3e8e4;background:#fbfdfb;border-radius:14px;padding:15px}.meta-event-summary-card strong,.meta-event-summary-card b,.meta-event-summary-card small{display:block}.meta-event-summary-card strong{font-size:26px;color:#178845;line-height:1}.meta-event-summary-card b{margin-top:7px}.meta-event-summary-card small{margin-top:5px;color:#718096}.meta-pixel-code-note code{background:#f2f5f3;border:1px solid #e2e8e4;border-radius:7px;padding:2px 5px}.meta-pixel-status-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.meta-pixel-status-row span{font-size:11px;font-weight:900;padding:5px 9px;border-radius:999px;background:#edf8f0;color:#247a42}.meta-pixel-status-row span.off{background:#f1f5f9;color:#64748b}
@media(max-width:900px){.meta-event-settings-grid,.meta-event-summary-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.meta-event-settings-grid,.meta-event-summary-grid{grid-template-columns:1fr}}


/* =========================================================
   V48 - Pagination, cookie consent, accessibility, FAQ
   ========================================================= */
.oy-pagination {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:7px;
    padding:16px 8px 4px;
}
.oy-pagination[hidden] { display:none !important; }
.oy-page-btn {
    min-width:36px;
    height:36px;
    border:1px solid #d9e6dd;
    border-radius:10px;
    background:#fff;
    color:#254056;
    font-weight:900;
    cursor:pointer;
    transition:.18s ease;
}
.oy-page-btn:hover:not(:disabled) { border-color:#2f9d55; color:#247a42; transform:translateY(-1px); }
.oy-page-btn.active { background:#2f9d55; color:#fff; border-color:#2f9d55; }
.oy-page-btn:disabled { opacity:.35; cursor:not-allowed; }
.oy-page-dots { padding:0 2px; color:#718096; font-weight:900; }
.review-pagination { margin-top:8px; }

.cookie-consent {
    position:fixed;
    inset:auto 18px 18px 18px;
    z-index:10000;
    display:flex;
    justify-content:center;
    pointer-events:none;
}
.cookie-consent[hidden] { display:none !important; }
.cookie-consent-inner {
    width:min(960px,100%);
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    padding:18px 20px;
    border:1px solid #dce7df;
    border-radius:18px;
    background:rgba(255,255,255,.97);
    box-shadow:0 24px 70px rgba(16,32,51,.20);
    backdrop-filter:blur(14px);
    pointer-events:auto;
}
.cookie-consent strong { display:block; font-size:16px; color:#102033; margin-bottom:4px; }
.cookie-consent p { margin:0; font-size:13px; line-height:1.55; color:#526174; }
.cookie-consent-actions { display:flex; gap:8px; white-space:nowrap; }
.footer-cookie-link {
    appearance:none;
    border:0;
    background:transparent;
    color:inherit;
    padding:0;
    font:inherit;
    cursor:pointer;
    text-decoration:underline;
    text-underline-offset:3px;
}

.skip-link {
    position:fixed;
    left:12px;
    top:12px;
    z-index:20000;
    transform:translateY(-160%);
    padding:10px 14px;
    border-radius:10px;
    background:#102033;
    color:#fff;
    font-weight:900;
    text-decoration:none;
}
.skip-link:focus { transform:translateY(0); }

:where(a,button,input,select,textarea,summary):focus-visible {
    outline:3px solid rgba(47,157,85,.38);
    outline-offset:2px;
}
[role="button"], button, summary { touch-action:manipulation; }

.faq-page { max-width:900px; margin-inline:auto; }
.faq-list { display:grid; gap:10px; margin-top:22px; }
.faq-item {
    border:1px solid #e1e9e3;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
}
.faq-item summary {
    cursor:pointer;
    padding:15px 17px;
    font-weight:900;
    color:#102033;
    list-style:none;
}
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:'+'; float:right; color:#2f9d55; font-size:20px; }
.faq-item[open] summary::after { content:'−'; }
.faq-item p { margin:0; padding:0 17px 17px; line-height:1.65; color:#526174; }
.faq-cta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:20px;
    padding:16px;
    border-radius:14px;
    background:#f2faf4;
}
.error-404-card {
    max-width:760px;
    margin:8vh auto;
    text-align:center;
    padding:42px 28px;
}
.error-404-code { font-size:84px; line-height:1; font-weight:950; color:#2f9d55; letter-spacing:-5px; }
.error-404-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:9px; margin-top:22px; }

.quick-worked-here { margin:4px 0 16px; }
.quick-optional-details { margin-top:16px; }
.optional-review-details[open] > summary { color:#247a42; }

@media (max-width:700px) {
    .cookie-consent { inset:auto 10px calc(10px + env(safe-area-inset-bottom)) 10px; }
    .cookie-consent-inner { grid-template-columns:1fr; padding:15px; border-radius:16px; }
    .cookie-consent-actions { display:grid; grid-template-columns:1fr 1fr; width:100%; }
    .cookie-consent-actions .btn { width:100%; min-width:0; white-space:normal; }
    .oy-pagination { gap:5px; padding-top:12px; }
    .oy-page-btn { min-width:34px; height:34px; }
    .faq-cta { align-items:stretch; flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior:auto !important; }
    *, *::before, *::after {
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }
}

/* =========================================================
   V49 - Hızlı otel autocomplete, gerçek sayfalama ve mobil form
   ========================================================= */
.hotel-row[hidden],
.review-card[hidden] {
    display: none !important;
}

.quick-hotel-search-wrap {
    position: relative;
    z-index: 60;
}

.quick-hotel-search-wrap .form-hotel-suggestions {
    z-index: 5000;
}

@media (max-width: 760px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden !important;
    }

    /* iOS Safari input focus zoom'unu engeller */
    #reviewForm input,
    #reviewForm select,
    #reviewForm textarea,
    #quickReviewForm input,
    #quickReviewForm select,
    #quickReviewForm textarea,
    #infoEditForm input,
    #infoEditForm select,
    #infoEditForm textarea {
        font-size: 16px !important;
        line-height: 1.35;
    }

    /* Klavye açıkken sabit alt menü yanlış dokunmaları engellemek için gizlenir */
    body.oy-form-focus .mobile-bottom-nav,
    body.oy-form-focus .lux-mobile-bottom-nav {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(120%) !important;
    }

    .form-panel {
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 18px !important;
    }

    .form-highlight {
        padding: 18px 15px !important;
    }

    .form-highlight h2 {
        font-size: 23px !important;
        line-height: 1.15 !important;
    }

    .form-highlight p {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    .form-content {
        padding: 15px 12px 20px !important;
    }

    .form-grid,
    .form-grid-two,
    .quick-review-grid,
    .quick-yes-no-grid,
    .quick-rating-grid,
    .quick-review-grid-bottom {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .form-col {
        padding: 12px !important;
        border-radius: 14px !important;
    }

    .form-panel .section-green {
        font-size: 16px !important;
        padding: 10px 11px !important;
        margin-bottom: 10px !important;
    }

    .form-panel .field,
    .quick-review-modal .field {
        margin-bottom: 11px !important;
    }

    .form-panel .field > label,
    .quick-review-modal .field > label {
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }

    .form-panel input,
    .form-panel select,
    .form-panel textarea,
    .quick-review-modal input,
    .quick-review-modal select,
    .quick-review-modal textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .form-panel textarea,
    .quick-review-modal textarea {
        min-height: 110px;
        resize: vertical;
    }

    .review-stepper {
        position: sticky;
        top: 0;
        z-index: 12;
        background: #fff;
        padding: 4px 0 8px;
        margin-bottom: 12px !important;
    }

    .review-stepper span {
        font-size: 10px !important;
        padding: 9px 5px !important;
    }

    .review-step-actions {
        position: sticky;
        bottom: 8px;
        z-index: 10;
        padding-top: 10px;
        background: linear-gradient(180deg, rgba(255,255,255,0), #fff 32%);
    }

    .review-step-actions .btn {
        width: 100%;
        min-height: 46px;
    }

    .optional-review-details,
    .quick-optional-details {
        border-radius: 14px !important;
    }

    .optional-review-details > summary,
    .quick-optional-details > summary {
        font-size: 15px !important;
        padding: 13px !important;
    }

    .star-row,
    .quick-star-row {
        padding: 10px !important;
        border-radius: 12px !important;
    }

    .stars-select {
        display: flex;
        justify-content: space-between;
        gap: 4px;
    }

    .star-btn {
        flex: 1 1 0;
        width: auto !important;
        min-width: 0;
        font-size: 24px !important;
    }

    .hotel-list {
        max-height: none !important;
        overflow-y: visible !important;
    }

    .quick-review-modal {
        align-items: center !important;
        padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom)) !important;
    }

    .quick-review-card {
        max-height: calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
        border-radius: 18px !important;
    }

    .quick-review-modal .detail-modal-body {
        max-height: calc(100dvh - 105px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important;
    }

    .quick-hotel-search-wrap .form-hotel-suggestions,
    .form-hotel-search-wrap .form-hotel-suggestions {
        max-height: 240px !important;
        font-size: 14px;
    }
}

/* Admin V49: Sonuçsuz aramalarda tıklanabilir sıralama başlıkları */
.sortable-admin-head th a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: inherit;
    text-decoration: none;
    font-weight: 900;
    white-space: nowrap;
}
.sortable-admin-head th a:hover,
.sortable-admin-head th a:focus-visible {
    color: var(--green-dark);
    text-decoration: underline;
}
.sortable-admin-head th a span {
    color: var(--green);
    font-size: 12px;
}

/* =========================================================
   V50 - Mobil checkbox / radio hizalama düzeltmesi
   ========================================================= */
.check {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    box-sizing: border-box;
}

.check > input[type="checkbox"],
.check > input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    flex: 0 0 18px !important;
    margin: 1px 0 0 0 !important;
    padding: 0 !important;
    accent-color: var(--green);
}

.check > span {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    max-width: 100%;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.45;
}

.quick-worked-here,
.quick-consent {
    clear: both;
    overflow: visible;
}

@media (max-width: 760px) {
    /* V49'da metin alanları için verilen %100 genişlik checkbox/radio'ya uygulanmasın */
    #reviewForm input[type="checkbox"],
    #reviewForm input[type="radio"],
    #quickReviewForm input[type="checkbox"],
    #quickReviewForm input[type="radio"],
    #infoEditForm input[type="checkbox"],
    #infoEditForm input[type="radio"],
    .quick-review-modal input[type="checkbox"],
    .quick-review-modal input[type="radio"],
    .form-panel input[type="checkbox"],
    .form-panel input[type="radio"] {
        width: auto !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    .quick-review-modal .check,
    .form-panel .check {
        width: 100% !important;
        display: flex !important;
        grid-template-columns: none !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 7px 0 !important;
        margin: 2px 0 10px !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    .quick-review-modal .check > input[type="checkbox"],
    .form-panel .check > input[type="checkbox"] {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        flex: 0 0 20px !important;
        margin-top: 1px !important;
    }

    .quick-review-modal .check > span,
    .form-panel .check > span {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: calc(100% - 30px) !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        writing-mode: horizontal-tb !important;
    }

    .quick-consent {
        border-top: 1px solid var(--line);
        padding-top: 12px !important;
        margin-top: 12px !important;
    }
}


/* ===== V51 değerlendirme kartları / soru popup / sosyal menü ===== */
.review-rating-only-note {
    display:inline-flex;
    align-items:center;
    gap:7px;
    width:fit-content;
    margin:8px 0 4px;
    padding:7px 10px;
    border-radius:999px;
    background:#f7faf8;
    border:1px solid #dfe9e2;
    color:#526477;
    font-size:12px;
    font-weight:850;
}
.review-rating-only-note::before { content:'★'; color:#2f9d55; }
.review-rating-only-detail { background:#f7faf8; border-color:#dbe9df; }

.hotel-question-modal-card { max-width:700px; }
.question-hotel-search-wrap { position:relative; }
.question-hotel-suggestions {
    position:absolute;
    z-index:120;
    top:calc(100% + 6px);
    left:0;
    right:0;
    max-height:280px;
    overflow:auto;
    padding:6px;
    background:#fff;
    border:1px solid #dfe8e1;
    border-radius:14px;
    box-shadow:0 18px 42px rgba(16,32,51,.14);
}
.question-hotel-suggestions button {
    width:100%;
    border:0;
    background:#fff;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 22px;
    gap:10px;
    align-items:center;
    text-align:left;
    padding:10px;
    border-radius:10px;
    cursor:pointer;
}
.question-hotel-suggestions button:hover { background:#f1f8f3; }
.question-hotel-suggestions button div { min-width:0; }
.question-hotel-suggestions button strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#102033; }
.question-hotel-suggestions button small { display:block; color:#718096; margin-top:2px; }
.question-hotel-no-result { padding:13px; color:#64748b; font-size:13px; }
body.question-modal-open { overflow:hidden; }
body.question-modal-open .mobile-bottom-nav { display:none !important; }
.question-popup-submit { width:100%; margin-top:8px; }

.social-top-links { display:flex; align-items:center; justify-content:center; gap:10px; }
.social-top-links a {
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:40px;
    padding:8px 12px;
    border:1px solid #e2e9e4;
    border-radius:999px;
    background:#fff;
    color:#334155;
    font-size:12px;
    font-weight:850;
    text-decoration:none;
    box-shadow:0 6px 18px rgba(16,32,51,.04);
}
.social-top-links a:hover { border-color:#b8dcc3; color:#168342; background:#f6fbf7; }
.social-top-links svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; }
.social-top-links .social-facebook svg { fill:currentColor; stroke:none; }

.lux-mobile-bottom-nav { grid-template-columns:repeat(3,minmax(0,1fr)) !important; max-width:520px; margin:0 auto; }
.mobile-nav-lux-icon {
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border-radius:11px;
    background:linear-gradient(145deg,#f4fbf6,#e5f3e9);
    border:1px solid #d9e9de;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 12px rgba(23,108,59,.08);
}
.mobile-nav-lux-icon svg { width:18px; height:18px; fill:none; stroke:#1f7d47; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.mobile-nav-plus { font-size:30px !important; line-height:1; }

@media (max-width:820px) {
    .lux-nav-shell { grid-template-columns:minmax(0,1fr) auto auto; gap:8px; }
    .social-top-links { gap:5px; }
    .social-top-links a { width:40px; height:40px; padding:0; justify-content:center; }
    .social-top-links a span { display:none; }
    .nav-actions .btn { min-width:104px; }
}
@media (max-width:560px) {
    .social-top-links a { width:36px; height:36px; }
    .social-top-links svg { width:16px; height:16px; }
    .hotel-question-modal-card { max-height:calc(100dvh - 28px); overflow:auto; }
}

@media (max-width:560px) {
    .lux-nav-shell { grid-template-columns:minmax(0,1fr) auto !important; }
    .nav-actions { display:none !important; }
    .brand-logo img { max-width:210px; height:42px; }
    .social-top-links { justify-self:end; }
}


/* =========================================================
   V52 - desktop yatay taşma düzeltmesi
   ========================================================= */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body > header,
body > section,
body > main,
body > footer {
    max-width: 100%;
}

img,
video,
iframe,
canvas,
svg {
    max-width: 100%;
}

.container {
    width: min(1280px, calc(100% - 32px));
    max-width: 1280px;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
}

.home-page main.container,
.home-page .hero-inner,
.lux-nav-shell,
.main-grid,
.main-grid > *,
.panel,
.detail-card,
.detail-top,
.detail-top > *,
.detail-body,
.detail-body > *,
.rating-grid,
.rating-grid > *,
.review-section,
.review-list,
.form-panel,
.form-content,
.form-grid,
.form-grid > *,
.weekly-popular-section,
.popular-hotel-strip,
.explore-dimensions,
.explore-dimensions-grid,
.engagement-grid,
.engagement-grid > *,
.footer-inner {
    min-width: 0;
    max-width: 100%;
}

@media (min-width: 1121px) {
    .lux-nav-shell {
        grid-template-columns: minmax(220px, 1fr) auto auto !important;
        gap: 18px;
    }

    .lux-nav-shell > * {
        min-width: 0;
    }

    .social-top-links {
        justify-self: center;
        min-width: 0;
    }

    .nav-actions {
        justify-self: end;
        min-width: 0;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .home-page .main-grid {
        width: 100%;
        grid-template-columns: minmax(360px, 500px) minmax(0, 1fr);
    }

    .home-page .detail-top {
        grid-template-columns: minmax(130px, 170px) minmax(0, 1fr) minmax(155px, 190px);
    }

    .home-page .detail-action-stack {
        width: 100%;
        max-width: 190px;
        min-width: 0;
    }

    .home-page .detail-action-stack .btn {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding-left: 10px;
        padding-right: 10px;
        white-space: normal;
        line-height: 1.18;
        text-align: center;
    }

    .home-page .rating-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-page .rating-row {
        grid-template-columns: minmax(118px, 150px) minmax(45px, 1fr) 34px;
        min-width: 0;
    }

    .home-page .hotel-list,
    .home-page .hotel-row,
    .home-page .review-card {
        min-width: 0;
        max-width: 100%;
    }

    .home-page .hotel-row {
        grid-template-columns: minmax(92px, 132px) minmax(0, 1fr) minmax(64px, 82px);
    }

    .home-page .hotel-row h3,
    .home-page .hotel-meta,
    .home-page .review-card p,
    .home-page .review-tags {
        overflow-wrap: anywhere;
    }
}

/* 1280px altındaki masaüstü/tablet geçişinde gridin viewport dışına çıkmasını önle */
@media (min-width: 761px) and (max-width: 1280px) {
    .container {
        width: calc(100% - 24px);
    }

    .home-page .main-grid {
        grid-template-columns: minmax(330px, 42%) minmax(0, 1fr);
    }

    .home-page .detail-top {
        grid-template-columns: minmax(115px, 150px) minmax(0, 1fr) minmax(145px, 175px);
        gap: 12px;
    }

    .home-page .detail-top h2 {
        font-size: 21px;
    }

    .home-page .detail-action-stack {
        min-width: 0;
        max-width: 175px;
    }

    .home-page .rating-row {
        grid-template-columns: minmax(105px, 135px) minmax(36px, 1fr) 32px;
        gap: 7px;
        font-size: 11px;
    }

    .home-page .form-highlight .badge-strong {
        min-width: 220px;
    }
}

/* Yatay kaydırma yalnızca gerçekten tablo/funnel gibi gerekli iç alanlarda kalsın */
.analytics-table-wrap,
.analytics-funnel,
.table-wrap {
    max-width: 100%;
}

/* V55 - tüm masaüstü ekranlarında tutarlı ve sınırlandırılmış ana sayfa */
@media (min-width: 761px) {
    .home-page {
        --home-edge-gap: clamp(28px, 4vw, 56px);
    }

    body.home-page .container {
        width: calc(100% - var(--home-edge-gap) - var(--home-edge-gap));
        max-width: 1600px;
    }

    .home-page .topbar .lux-nav-shell {
        min-height: 76px;
        padding-top: 10px;
        padding-bottom: 10px;
        grid-template-columns: minmax(180px, 1fr) auto auto !important;
        gap: 16px;
    }

    .home-page .brand-logo img { height: 46px; max-width: 230px; }
    .home-page .social-top-links { justify-self: center; gap: 8px; }
    .home-page .social-top-links a { font-size: 12px; }
    .home-page .nav-actions { width: auto; justify-self: end; flex-wrap: nowrap; gap: 10px; }
    .home-page .nav-actions .secure { font-size: 12px; padding: 8px 12px; }
    .home-page .nav-actions .btn { min-width: 110px; min-height: 40px; font-size: 13px; padding: 9px 14px; }

    .home-page .hero {
        min-height: 0;
        background:
            linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 38%, rgba(255,255,255,.50) 65%, rgba(255,255,255,.12) 100%),
            url('../img/hero-hotel.jpg') center right / cover no-repeat;
    }
    .home-page .hero-inner { min-height: 0; padding: 24px 0 26px; }
    .home-page .hero-inner > div:first-child { max-width: min(720px, 100%); }
    .home-page .hero h1 { max-width: 680px; font-size: clamp(34px, 3.25vw, 44px); line-height: 1.1; letter-spacing: -1px; }
    .home-page .hero .lead { max-width: 670px; font-size: 15px; line-height: 1.5; margin: 14px 0 18px; }
    .home-page .search-card { grid-template-columns: minmax(0, 1fr) 120px; padding: 8px; gap: 8px; border-radius: 14px; }
    .home-page .search-input, .home-page .search-input input { min-height: 46px; }
    .home-page .search-card > .btn { min-height: 46px; }
    .home-page .hero-cta-row { flex-direction: row; flex-wrap: wrap; gap: 10px; }
    .home-page .hero-cta-row .btn { width: auto; min-height: 42px; font-size: 13px; padding: 10px 16px; }
    .home-page .trust-row { gap: 14px; margin-top: 16px; }
    .home-page .trust-item { font-size: 12px; }
    .home-page .trust-icon { width: 34px; height: 34px; }

    .home-page main.container { padding-top: 20px; }
    .home-page .form-panel { border-radius: 18px; }
    .home-page .form-highlight { padding: 18px 20px !important; gap: 16px; align-items: center; }
    .home-page .form-highlight > div:first-child { padding-right: 0 !important; }
    .home-page .form-highlight h2 { font-size: 25px !important; line-height: 1.2; }
    .home-page .form-highlight p { font-size: 13px; }
    .home-page .form-highlight .badge-strong { min-width: 210px; margin-right: 0 !important; margin-top: 0 !important; font-size: 12px; padding: 10px 12px; }
    .home-page .form-content { padding: 18px 20px 22px; }
    .home-page .form-head h3 { font-size: 19px; }
    .home-page .form-col { padding: 14px; }
    .home-page .review-stepper span { min-height: 38px; font-size: 12px; }

    .home-page .shortcut-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
    .home-page .shortcut { grid-template-columns: 38px minmax(0, 1fr); padding: 14px; gap: 12px; }
    .home-page .shortcut-icon { width: 38px; height: 38px; font-size: 21px; }
    .home-page .shortcut h3 { font-size: 14px; }

    .home-page .main-grid { grid-template-columns: minmax(320px, 34%) minmax(0, 1fr); gap: 18px; }
    .home-page #oteller .panel-head { flex-wrap: wrap; padding: 14px 14px 10px; gap: 10px; }
    .home-page #oteller .panel-head h2 { font-size: 17px; }
    .home-page #oteller .sort-select { width: 100%; min-width: 0; max-width: 100%; font-size: 12px; }
    .home-page .hotel-list { padding: 0 14px 14px; gap: 10px; }
    .home-page .hotel-row { grid-template-columns: 88px minmax(0, 1fr) 62px; padding: 9px; gap: 10px; }
    .home-page .hotel-photo { height: 66px; }
    .home-page .hotel-row h3 { font-size: 14px; line-height: 1.3; }
    .home-page .hotel-meta { margin-bottom: 6px; font-size: 11px; }
    .home-page .hotel-score { width: 62px; }
    .home-page .hotel-score b { font-size: 22px; }

    .home-page .detail-top { grid-template-columns: 110px minmax(0, 1fr); padding: 14px; gap: 12px; }
    .home-page .detail-photo { height: 88px; }
    .home-page .detail-top h2 { font-size: 22px; line-height: 1.25; overflow-wrap: anywhere; }
    .home-page .detail-action-stack { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: 100%; max-width: none; min-width: 0; }
    .home-page .detail-action-stack .btn { width: 100%; max-width: 100%; min-width: 0; min-height: 38px; padding: 8px 10px; font-size: 12px; white-space: normal; line-height: 1.25; text-align: center; }
    .home-page .detail-body { grid-template-columns: 140px minmax(0, 1fr); padding: 16px 14px; gap: 16px; }
    .home-page .circle-score { width: 132px; height: 132px; border-width: 8px; }
    .home-page .circle-score b { font-size: 36px; }
    .home-page .rating-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
    .home-page .rating-row { grid-template-columns: minmax(0, 1fr) minmax(32px, .55fr) 30px; gap: 7px; font-size: 11px; line-height: 1.3; }
    .home-page .review-section { padding: 16px 14px; }
}

@media (min-width: 761px) and (max-width: 1120px) {
    .home-page .nav-actions .secure { display: none; }
    .home-page .main-grid { grid-template-columns: minmax(0, 1fr); }
    .home-page .hotel-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-page .shortcut-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-page .footer-inner { flex-wrap: wrap; gap: 16px; }
}

@media (min-width: 761px) and (max-width: 880px) {
    .home-page .hotel-list, .home-page .form-grid-two { grid-template-columns: minmax(0, 1fr); }
    .home-page .form-highlight .badge-strong { display: none; }
    .home-page .detail-body { grid-template-columns: 120px minmax(0, 1fr); gap: 12px; }
    .home-page .circle-score { width: 110px; height: 110px; }
    .home-page .circle-score b { font-size: 30px; }
}

/* V55 - çerez bağlantısını diğer alt menü bağlantılarıyla aynı hizaya getir */
.footer .footer-links {
    min-width: 0;
    max-width: 100%;
    align-items: center;
    row-gap: 8px;
}

.footer .footer-links > a,
.footer .footer-links > .footer-cookie-link {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin: 0;
    line-height: 1.5;
}

/* V55 - yönetim menüsündeki bölüm ayırıcıları */
.admin-side .admin-menu-divider {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .18);
    margin: 14px 12px;
}

.admin-side .admin-menu-heading {
    margin: 0 12px 8px;
    color: #a7b8cc;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .08em;
}

/* V56 - ortak üst menü: aynı hizalama bütün site sayfalarında */
.topbar .container.lux-nav-shell {
    display: grid;
    align-items: center;
    justify-items: stretch;
    min-width: 0;
    max-width: 1600px;
}
.topbar .lux-nav-shell > * { min-width: 0; }
.topbar .lux-nav-shell .brand-logo { min-width: 0 !important; justify-content: flex-start; }
.topbar .lux-nav-shell .nav-actions { display: flex !important; width: auto; justify-self: end; flex-wrap: nowrap; justify-content: flex-end; }
@media (min-width: 761px) {
    .topbar .container.lux-nav-shell {
        width: calc(100% - clamp(28px, 4vw, 56px) - clamp(28px, 4vw, 56px));
        min-height: 76px;
        padding-top: 10px;
        padding-bottom: 10px;
        grid-template-columns: minmax(180px, 1fr) auto auto !important;
        gap: 16px;
    }
    .topbar .lux-nav-shell .brand-logo img { height: 46px; max-width: 230px; }
    .topbar .lux-nav-shell .social-top-links { justify-self: center; gap: 8px; }
    .topbar .lux-nav-shell .social-top-links a { font-size: 12px; }
    .topbar .lux-nav-shell .nav-actions { gap: 10px; }
    .topbar .lux-nav-shell .nav-actions .secure { font-size: 12px; padding: 8px 12px; }
    .topbar .lux-nav-shell .nav-actions .btn { min-width: 110px; min-height: 40px; font-size: 13px; padding: 9px 14px; }
}
@media (max-width: 1120px) {
    .topbar .lux-nav-shell .nav-actions .secure { display: none; }
}
@media (max-width: 760px) {
    .topbar .container.lux-nav-shell {
        width: calc(100% - 24px);
        min-height: 66px;
        padding: 10px 0;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        gap: 10px;
    }
    .topbar .lux-nav-shell .brand-logo { width: auto; justify-self: start; }
    .topbar .lux-nav-shell .brand-logo img { height: 42px; max-width: min(210px, 100%); }
    .topbar .lux-nav-shell .social-top-links { justify-self: center; gap: 5px; }
    .topbar .lux-nav-shell .social-top-links a { width: 36px; height: 36px; padding: 0; justify-content: center; }
    .topbar .lux-nav-shell .social-top-links a span { display: none; }
    .topbar .lux-nav-shell .nav-actions { gap: 0; overflow: visible; }
    .topbar .lux-nav-shell .nav-actions .btn { width: auto; min-width: 96px; min-height: 38px; padding: 8px 12px; font-size: 12px; white-space: nowrap; }
}
@media (max-width: 560px) {
    .topbar .container.lux-nav-shell { grid-template-columns: minmax(0, 1fr) auto !important; }
    .topbar .lux-nav-shell .social-top-links { justify-self: end; }
    .topbar .lux-nav-shell .nav-actions { display: none !important; }
}

/* V56 - detaylı yorumda beş yıldız her genişlikte tek satır */
.star-rating-list .star-row { min-width: 0; }
.star-rating-list .stars-select {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
    max-width: 240px;
    min-width: 0;
    gap: 6px;
}
.star-rating-list .stars-select .star-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-width: 0;
    height: 40px;
    padding: 0;
    font-size: 26px !important;
    line-height: 1;
}
@media (max-width: 1100px) {
    .form-col .star-rating-list { grid-template-columns: minmax(0, 1fr) !important; }
}

/* V56 - otelin gerçek sayfasını gösteren erişilebilir popup */
.hotel-page-modal[hidden], .hotel-page-modal-loading[hidden] { display: none !important; }
.hotel-page-modal {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(12, 27, 39, .65);
}
.hotel-page-modal-card {
    display: flex;
    flex-direction: column;
    width: min(1100px, 100%);
    height: calc(100vh - 40px);
    height: calc(100dvh - 40px);
    max-height: 1000px;
    min-width: 0;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .25);
}
.hotel-page-modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid #e4ebe6;
}
.hotel-page-modal-head > div { min-width: 0; }
.hotel-page-modal-head h2 { margin: 0 0 4px; font-size: 19px; line-height: 1.25; overflow-wrap: anywhere; }
.hotel-page-modal-head a { font-size: 12px; color: #168342; }
.hotel-page-modal-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border: 1px solid #dbe6de;
    border-radius: 12px;
    background: #f6faf7;
    color: #102a43;
    font-size: 28px;
    cursor: pointer;
}
.hotel-page-modal-loading { margin: 0; padding: 10px 18px; font-size: 13px; color: #5c6b63; }
.hotel-page-modal-card iframe { display: block; flex: 1 1 0; min-height: 0; width: 100%; border: 0; background: #fff; }
body.hotel-page-modal-open { overflow: hidden; }
body.hotel-page-modal-open .mobile-bottom-nav { display: none !important; }
body.hotel-page-embedded { padding-bottom: 0 !important; background: #fff; }
.hotel-page-embedded .topbar,
.hotel-page-embedded .footer,
.hotel-page-embedded .cookie-consent,
.hotel-page-embedded .skip-link,
.hotel-page-embedded .mobile-bottom-nav { display: none !important; }
.hotel-page-embedded .content-page { padding: 0; }
.hotel-page-embedded .content-page > .container { width: 100%; max-width: none; }
.hotel-page-embedded .content-card { padding: 20px; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.approval-note-field { margin-top: 16px; }
.approval-note-field textarea { min-height: 90px; }
@media (max-width: 760px) {
    .hotel-page-modal { padding: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom)); }
    .hotel-page-modal-card {
        height: calc(100vh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        height: calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        max-height: none;
        border-radius: 14px;
    }
    .hotel-page-modal-head { padding: 10px 12px; }
    .hotel-page-modal-head h2 { font-size: 16px; }
    .hotel-page-embedded .content-card { padding: 14px; }
}

/* V57 - yorum soruları, bildirim tercihleri ve okunabilir tıklama detayları */
.review-question-section { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e4ebe6; }
.review-question-context { padding: 10px 12px; border-radius: 10px; color: #166534; background: #ecf8ef; font-size: 13px; line-height: 1.5; }
.review-question-context[hidden] { display: none !important; }
.notification-preferences { max-width: 700px; margin: 0 auto; }
.notification-preferences .check { margin: 16px 0; align-items: flex-start; }
.notification-preferences form > .btn { margin-top: 12px; }
.visitor-event-detail { margin: 8px 0; font-size: 12px; min-width: 0; }
.visitor-event-detail > summary { color: #168342; font-weight: 800; cursor: pointer; }
.visitor-event-detail dl { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 7px 12px; padding: 12px; border: 1px solid #e4ebe6; border-radius: 10px; background: #f8fbf9; }
.visitor-event-detail dt { font-weight: 800; }
.visitor-event-detail dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.visitor-timeline-row > div, .visitor-timeline-row p, .visitor-timeline-row small, .system-log-main p { min-width: 0; overflow-wrap: anywhere; }

/* V57 - Sen de Paylaş, mevcut luxury görsel dili */
.share-page .content-page > .container { max-width: 1240px; }
.share-page-hero { padding: 34px; border: 1px solid #dce9e0; border-radius: 22px; background: linear-gradient(135deg, #f7fcf9, #eaf5ee); box-shadow: 0 16px 40px rgba(16,42,67,.05); }
.share-page-hero h1 { font-size: clamp(30px, 4vw, 46px); line-height: 1.1; margin: 12px 0 14px; letter-spacing: -1px; }
.share-page-hero > p { max-width: 780px; font-size: 16px; line-height: 1.7; color: #4b6355; }
.share-page-hero > small { display: block; margin-top: 18px; color: #5e7264; font-size: 12px; line-height: 1.6; }
.share-steps { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 24px; }
.share-steps span { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; }
.share-steps b { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 10px; color: #168342; background: #fff; border: 1px solid #cde3d5; }
.share-page-filter { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 24px 0 18px; }
.share-page-filter .field { width: min(320px, 100%); margin: 0; }
.share-page-filter > p { color: #65806d; font-size: 13px; white-space: nowrap; }
.share-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.share-post-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: #fff; border: 1px solid #e1e9e4; border-radius: 20px; box-shadow: 0 12px 32px rgba(16,42,67,.05); }
.share-post-card[hidden], #shareNoResults[hidden] { display: none !important; }
.share-post-image { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 5; background: #f0f4f1; border-bottom: 1px solid #e1e9e4; }
.share-post-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-height: 100%; object-fit: contain; }
.share-post-content { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 18px; }
.share-post-content h2 { font-size: 18px; line-height: 1.35; margin: 10px 0 16px; overflow-wrap: anywhere; }
.share-category-badge { align-self: flex-start; color: #168342; background: #edf8f1; border: 1px solid #d9ebdf; border-radius: 8px; font-weight: 800; font-size: 11px; padding: 5px 8px; }
.share-caption { margin-bottom: 18px; font-size: 12px; }
.share-caption > summary { font-weight: 800; cursor: pointer; color: #536c5c; }
.share-caption p { padding: 10px; line-height: 1.6; background: #f7faf8; border-radius: 10px; max-height: 240px; overflow: auto; overflow-wrap: anywhere; }
.share-post-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: auto; }
.share-post-actions .btn { width: 100%; min-width: 0; min-height: 44px; padding: 10px; font-size: 13px; text-align: center; }
.share-copy-button { display: block; width: 100%; min-height: 40px; padding: 10px; border: 0; background: transparent; color: #168342; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.share-post-status { margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: #597363; overflow-wrap: anywhere; }
.share-post-status:empty { display: none; }
.share-post-actions .btn:disabled { opacity: .65; cursor: wait; }
.share-bottom-cta { margin-top: 32px; padding: 28px; text-align: center; border-radius: 18px; border: 1px solid #e0ebe4; background: #fff; }
.share-bottom-cta h2 { margin: 0 0 10px; font-size: 24px; }
.share-bottom-cta p { color: #597363; margin: 0 0 18px; }
.share-empty { margin-top: 24px; text-align: center; padding: 32px; }
.home-share-invite { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px; margin: 28px 0; background: #edf8f1; border: 1px solid #d5e9dd; border-radius: 20px; }
.home-share-invite > div { min-width: 0; }
.home-share-invite h2 { margin: 8px 0; font-size: 22px; line-height: 1.3; }
.home-share-invite p { margin: 0; color: #55705e; font-size: 13px; line-height: 1.6; }
.home-share-invite > .btn { flex: 0 0 auto; }
.share-admin-form { max-width: 820px; }
.share-admin-preview { max-width: 260px; max-height: 320px; object-fit: contain; border-radius: 12px; margin: 12px 0; background: #f4f8f5; }
.share-admin-list { display: grid; gap: 12px; }
.share-admin-row { display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; gap: 16px; align-items: center; border: 1px solid #e1e9e4; border-radius: 14px; padding: 12px; }
.share-admin-row > img { width: 80px; height: 96px; object-fit: contain; border-radius: 8px; background: #f0f5f1; }
.share-admin-row > div { min-width: 0; overflow-wrap: anywhere; }
.share-admin-row p { margin: 8px 0; font-size: 12px; }
.share-admin-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.share-admin-row .share-admin-actions { margin: 0; }
@media (max-width: 1000px) {
    .share-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
}
@media (max-width: 600px) {
    .share-page-hero { padding: 22px 18px; border-radius: 18px; }
    .share-page-hero > p { font-size: 14px; }
    .share-steps { gap: 12px; margin-top: 18px; }
    .share-steps span { font-size: 12px; }
    .share-post-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .share-post-content { padding: 16px; }
    .home-share-invite { align-items: stretch; flex-direction: column; gap: 16px; padding: 20px; }
    .share-admin-row { grid-template-columns: 65px minmax(0, 1fr); gap: 12px; }
    .share-admin-row > img { width: 65px; height: 80px; }
    .share-admin-row .share-admin-actions { grid-column: 1 / -1; }
    .visitor-event-detail dl { grid-template-columns: minmax(0, 1fr); }
}

/* V58: Paylaşım sırası ve açık metinler */
.share-post-heading { padding: 18px; }
.share-post-heading h2 { margin: 12px 0 0; font-size: 20px; line-height: 1.35; overflow-wrap: anywhere; }
.share-caption-open { margin-bottom: 18px; font-size: 12px; }
.share-caption-open > label { display: block; font-weight: 800; margin-bottom: 8px; color: #536c5c; }
.share-caption-open select { max-width: 100%; width: 100%; padding: 10px; border: 1px solid #dbe7df; border-radius: 10px; background: white; font: inherit; }
.share-caption-open p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; padding: 14px; background: #f7faf8; border-radius: 10px; max-height: none; overflow: visible; }
.review-share-card-page { max-width: 900px; margin: 0 auto; text-align: center; }
.review-share-preview { display: block; width: min(100%,440px); height: auto; margin: 24px auto; border-radius: 18px; border: 1px solid #dde9e0; }
.review-card-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.review-status-card { max-width: 760px; margin: 0 auto; }
.review-status-card h2 { padding: 16px; border-radius: 12px; color: #187b43; background: #edf8f1; }
.private-review-receipt { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 18px; margin: 24px 0; border-radius: 14px; border: 1px solid #cde5d5; background: #eef8f2; }
.private-review-receipt small { flex-basis: 100%; line-height: 1.5; color: #587261; }
.review-draft-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 12px; margin-bottom: 16px; border: 1px solid #dceade; border-radius: 12px; background: #f6faf7; }
.review-draft-tools .check { margin: 0; }
.review-draft-tools small { width: 100%; color: #587161; line-height: 1.5; }
.review-draft-tools button { padding: 6px 8px; }
.review-writing-prompts { border: 1px solid #dceade; border-radius: 12px; padding: 12px; margin: 10px 0 18px; font-size: 12px; }
.review-writing-prompts summary { cursor: pointer; font-weight: 800; color: #198045; }
.review-writing-prompts p { line-height: 1.6; color: #56715f; }
.writing-prompt-buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.writing-prompt-buttons button { font: inherit; border: 1px solid #d4e7d9; border-radius: 9px; color: #237f44; background: #f3faf5; padding: 8px 10px; cursor: pointer; }
.writing-prompt-buttons button.active { color: white; background: #238d4a; }
/* V58: AI, mevcut başlık ve ana sayfa kolonlarından bağımsızdır. */
.ai-launcher { position: fixed; right: max(20px,env(safe-area-inset-right)); bottom: max(22px,env(safe-area-inset-bottom)); width: 58px; height: 58px; border: 0; border-radius: 20px; display: flex; align-items: center; justify-content: center; gap: 3px; color: white; background: #168346; box-shadow: 0 8px 26px rgba(12,75,42,.26); cursor: pointer; z-index: 9900; }
.ai-launcher svg { width: 29px; height: 29px; }
.ai-launcher span { font-size: 11px; font-weight: 900; }
.ai-chat-panel { position: fixed; right: max(20px,env(safe-area-inset-right)); bottom: calc(92px + env(safe-area-inset-bottom)); width: 380px; max-width: calc(100vw - 32px); max-height: min(660px, calc(100dvh - 124px)); background: white; border: 1px solid #dbe8df; border-radius: 20px; box-shadow: 0 16px 55px rgba(18,47,31,.24); z-index: 9901; overflow: auto; display: flex; flex-direction: column; }
.ai-chat-panel[hidden],.ai-chat-intro[hidden],.ai-chat-conversation[hidden] { display: none !important; }
.ai-chat-head { display: flex; gap: 12px; justify-content: space-between; align-items: center; background: #168346; color: white; padding: 16px; position: sticky; top: 0; z-index: 1; }
.ai-chat-head small { display: block; margin-top: 4px; opacity: .85; font-size: 11px; }
.ai-chat-head button { border: 0; background: transparent; color: white; font-size: 28px; width: 35px; cursor: pointer; }
.ai-chat-intro { padding: 16px; font-size: 12px; line-height: 1.6; }
.ai-chat-intro .field { margin: 12px 0; }
.ai-chat-intro .field label { font-size: 12px; }
.ai-chat-intro input { width: 100%; max-width: 100%; padding: 10px; }
.ai-chat-intro small { display: block; margin-bottom: 14px; color: #567365; line-height: 1.6; }
.ai-chat-intro .btn { width: 100%; }
.ai-chat-conversation { display: flex; flex-direction: column; min-height: 0; }
.ai-chat-messages { height: 330px; min-height: 150px; max-height: calc(100dvh - 310px); overflow-y: auto; display: flex; flex-direction: column; gap: 12px; padding: 16px; }
.ai-chat-bubble { padding: 12px; border-radius: 12px; background: #f1f7f3; font-size: 13px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; max-width: 92%; }
.ai-chat-bubble.user { align-self: flex-end; color: white; background: #238d4a; }
.ai-chat-bubble.system { color: #725a27; background: #fff5df; font-size: 11px; }
.ai-send-form { display: flex; gap: 8px; padding: 12px; border-top: 1px solid #e0e9e3; }
.ai-send-form textarea { flex: 1; width: 0; min-width: 0; border: 1px solid #d7e6dc; border-radius: 10px; padding: 10px; font: inherit; font-size: 13px; resize: none; }
.ai-send-form .btn { flex: 0 0 auto; font-size: 12px; }
.ai-end-chat { border: 0; background: transparent; color: #597364; font: inherit; font-size: 11px; padding: 8px; cursor: pointer; }
.ai-chat-status { font-size: 12px; line-height: 1.5; padding: 0 16px 12px; margin: 0; color: #597365; }
.ai-chat-status:empty { display: none; }
.ai-admin-tabs { display: flex; gap: 12px; flex-wrap: wrap; margin: 20px 0; }
.ai-admin-tabs a { padding: 10px 16px; border-radius: 10px; border: 1px solid #dbe7df; color: #247d46; background: white; text-decoration: none; }
.ai-admin-tabs a.active { color: white; background: #238d4a; }
.ai-admin-status { border-radius: 10px; padding: 10px 14px; color: #617364; background: #eef3f0; font-size: 12px; }
.ai-admin-status.active { color: #168346; background: #e8f8ec; }
.ai-settings-form { max-width: 1100px; }
.ai-settings-form .field { margin-top: 18px; }
.ai-log-filter { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.ai-log-filter input { width: min(100%,320px); }
.ai-log-turns { display: grid; gap: 16px; }
.ai-log-turns article { border: 1px solid #dde8e0; border-radius: 14px; padding: 18px; overflow-wrap: anywhere; }
.ai-log-turns p { white-space: pre-wrap; line-height: 1.7; }
.ai-log-turns small { display: block; color: #687c6f; }
@media(max-width:600px) { .share-post-heading { padding: 16px; } .ai-launcher { right: 16px; bottom: calc(18px + env(safe-area-inset-bottom)); } .ai-chat-panel { right: 16px; bottom: calc(88px + env(safe-area-inset-bottom)); } .review-card-actions .btn { flex: 1 1 140px; } }
@supports not (height:100dvh) { .ai-chat-panel { max-height: calc(100vh - 124px); } .ai-chat-messages { max-height: calc(100vh - 310px); } }

.ai-send-form .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* V59 - Mobil AI: alt menüden uzak, klavyeye uyumlu ve popup'ları örtmeyen görünüm. */
.ai-launcher { z-index: 90; }
.ai-launcher[hidden], body.oy-ai-obstructed .ai-launcher,
body.oy-ai-obstructed .ai-chat-panel,
body.hotel-page-modal-open .ai-launcher, body.hotel-page-modal-open .ai-chat-panel,
body.question-modal-open .ai-launcher, body.question-modal-open .ai-chat-panel,
body.missing-hotel-modal-open .ai-launcher, body.missing-hotel-modal-open .ai-chat-panel,
body.modal-open .ai-launcher, body.modal-open .ai-chat-panel { display: none !important; }
.ai-chat-panel { z-index: 1250; overflow: hidden; }
.ai-chat-head { position: static; flex: 0 0 auto; }
.ai-chat-intro { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.ai-optional-label { font-style: italic; font-weight: 400; }
.ai-chat-conversation { flex: 1 1 auto; overflow: hidden; }
.ai-chat-messages { flex: 1 1 auto; min-height: 0; overscroll-behavior: contain; }
.ai-send-form { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; flex: 0 0 auto; }
.ai-send-form textarea { width: 100%; min-width: 0; min-height: 74px; max-height: 120px; font-size: 16px; line-height: 1.4; }
.ai-send-form .btn { width: auto; min-width: 74px; min-height: 42px; max-height: 44px; padding: 10px 16px; font-size: 13px; }
.ai-end-chat, .ai-chat-status { flex: 0 0 auto; }
.ai-chat-status { max-height: 72px; overflow-y: auto; }
@media (max-width: 760px) {
    .ai-launcher { right: max(14px,env(safe-area-inset-right)); bottom: calc(98px + env(safe-area-inset-bottom)); width: 52px; height: 52px; border-radius: 17px; }
    .ai-chat-panel { left: max(12px,env(safe-area-inset-left)); right: max(12px,env(safe-area-inset-right)); bottom: calc(12px + var(--ai-keyboard-inset,0px) + env(safe-area-inset-bottom)); width: auto; max-width: none; height: min(620px,calc(var(--ai-visible-height,100dvh) - 24px - env(safe-area-inset-bottom))); max-height: calc(var(--ai-visible-height,100dvh) - 24px - env(safe-area-inset-bottom)); border-radius: 16px; }
    .ai-chat-head { padding: 12px 14px; }
    .ai-chat-head strong { font-size: 16px; }
    .ai-chat-intro input { font-size: 16px; min-height: 42px; }
    .ai-chat-messages { height: auto; max-height: none; padding: 12px; gap: 10px; }
    .ai-chat-bubble { font-size: 14px; padding: 10px 12px; }
    .ai-send-form { grid-template-columns: minmax(0,1fr); gap: 8px; padding: 10px 12px; }
    .ai-send-form textarea { min-height: 76px; height: 76px; max-height: 110px; }
    .ai-send-form .btn { width: 100%; min-width: 0; height: 42px; min-height: 42px; padding: 8px 14px; }
    .ai-end-chat { min-height: 34px; padding: 6px 10px; }
    body.ai-chat-open .mobile-bottom-nav, body.ai-chat-open .missing-hotel-sticky { display: none !important; }
}
@supports not (height: 100dvh) {
    @media (max-width: 760px) { .ai-chat-panel { height: min(620px,calc(var(--ai-visible-height,100vh) - 24px)); max-height: calc(var(--ai-visible-height,100vh) - 24px); } }
}

/* V60 - AI sohbeti: kontrastlı ikon, sayfa kilidi, bağlantılar ve görünür işlem durumu. */
.ai-launcher { width: 72px; height: 58px; padding: 0 10px; gap: 5px; flex-direction: row; flex-wrap: nowrap; background: #c45113; box-shadow: 0 6px 24px rgba(154,57,9,.34); border: 2px solid #fff; }
.ai-launcher:hover { background: #a83d0c; }
.ai-launcher svg { width: 27px; height: 27px; flex: 0 0 27px; }
.ai-launcher span { display: block; flex: 0 0 auto; width: auto; white-space: nowrap; word-break: normal; overflow-wrap: normal; font-size: 13px; line-height: 1; letter-spacing: .2px; }
.ai-launcher:focus-visible, .ai-chat-panel button:focus-visible, .ai-chat-bubble a:focus-visible { outline: 3px solid #c45113; outline-offset: 3px; }
.ai-chat-backdrop { position: fixed; inset: 0; background: rgba(16,31,25,.32); z-index: 1249; touch-action: none; overscroll-behavior: none; }
.ai-chat-backdrop[hidden], body.oy-ai-obstructed .ai-chat-backdrop { display: none !important; }
body.ai-chat-open { overscroll-behavior: none; }
.ai-chat-panel { overscroll-behavior: contain; }
.ai-chat-intro, .ai-chat-messages, .ai-chat-status { -webkit-overflow-scrolling: touch; }
.ai-chat-bubble { flex-shrink: 0; }
.ai-chat-bubble a { color: #1749a0; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.ai-send-form { gap: 12px; }
.ai-send-form textarea { overscroll-behavior: contain; }
.ai-end-chat { align-self: stretch; margin: 0 12px 12px; padding: 9px 14px; min-height: 40px; border: 1px solid #b94235; border-radius: 10px; background: #fff2ef; color: #a42f24; font-size: 13px; font-weight: 700; line-height: 1.4; }
.ai-end-chat:hover { background: #ffe4df; }
.ai-end-chat:disabled { cursor: wait; opacity: .65; }
.ai-chat-status { margin: 0 12px 12px; padding: 10px 12px; border: 1px solid #d9e3de; border-radius: 10px; background: #f4f7f5; color: #32483c; font-size: 13px; font-weight: 600; max-height: 76px; overscroll-behavior: contain; }
.ai-chat-status.is-busy { display: flex; align-items: center; gap: 9px; background: #fff0dd; border-color: #d98c34; color: #743705; font-size: 14px; font-weight: 800; }
.ai-chat-status.is-busy::before { content: ''; flex: 0 0 16px; width: 16px; height: 16px; border: 2px solid #efc899; border-top-color: #ad4c06; border-radius: 50%; animation: oy-ai-spinner .8s linear infinite; }
@keyframes oy-ai-spinner { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ai-chat-status.is-busy::before { animation: none; border-color: #ad4c06; } }
@media (max-width: 760px) {
    .ai-launcher { width: 68px; height: 52px; padding: 0 8px; }
    .ai-send-form { gap: 12px; }
    .ai-end-chat { min-height: 40px; padding: 9px 12px; }
    .ai-chat-panel.ai-chat-compact .ai-chat-head { padding: 10px 12px; }
    .ai-chat-panel.ai-chat-compact .ai-send-form { padding: 8px 12px; gap: 8px; }
    .ai-chat-panel.ai-chat-compact .ai-send-form textarea { height: 56px; min-height: 56px; }
    .ai-chat-panel.ai-chat-compact .ai-end-chat { min-height: 36px; padding: 6px 12px; margin-bottom: 8px; }
    .ai-chat-panel.ai-chat-compact .ai-chat-status { padding: 8px 10px; margin-bottom: 8px; font-size: 13px; }
}

/* Scoped community surfaces preserve the existing responsive page layout. */
.oy-luxury-404 { min-height: 100vh; margin: 0; background: #f4f1e9; color: #17392a; }
.oy-404-shell { max-width: 1160px; margin: 0 auto; padding: 34px 28px 22px; }
.oy-404-brand { display: inline-flex; margin-bottom: 28px; }
.oy-404-brand img { width: 240px; max-width: 65vw; height: auto; }
.oy-404-card { display: grid; grid-template-columns: 1fr 1.1fr; min-height: 510px; overflow: hidden; border: 1px solid #dcd8cb; border-radius: 26px; box-shadow: 0 22px 70px #21372815; background: #fffdf8; }
.oy-404-scene { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 36px; color: #e8d4a5; background: linear-gradient(135deg,#123428df,#17372bae), url('/assets/img/hero-hotel.jpg') center/cover; }
.oy-404-key { width: 150px; height: 245px; padding: 14px; border: 1px solid #e8d4a54a; border-radius: 90px 90px 20px 20px; background: #0c241c60; }
.oy-404-key svg { width: 100%; height: 100%; }
.oy-404-scene>span, .oy-404-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 2px; line-height: 1.7; }
.oy-404-copy { padding: 60px 48px; align-self: center; }
.oy-404-eyebrow { color: #9a743e; }
.oy-404-copy h1 { font-family: Georgia,'Times New Roman',serif; font-size: clamp(34px,4.5vw,58px); font-weight: 400; line-height: 1.1; letter-spacing: -1px; margin: 22px 0; }
.oy-404-copy p { line-height: 1.8; color: #68756b; max-width: 390px; }
.oy-404-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 20px; }
.oy-404-review { color: #32734f; font-size: 12px; text-underline-offset: 4px; }
.oy-404-foot { text-align: center; color: #7d897f; font-size: 12px; padding: 20px; }
.oy-hotel-tools, .oy-action-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.oy-hotel-tools { margin: 14px 0; padding: 12px; border: 1px solid #e0e8df; border-radius: 12px; font-size: 12px; }
.oy-hotel-tools .btn { width: auto; padding: 8px 12px; font-size: 12px; }
.oy-local-notice[hidden] { display: none; }
.oy-guide { max-width: 1120px; margin: 0 auto; }
.oy-hotel-insights { margin: 28px 0; padding-top: 18px; border-top: 1px solid #deeadf; min-width: 0; }
.oy-insight-block { border: 1px solid #dce7de; border-radius: 14px; padding: 16px 18px; margin: 12px 0; min-width: 0; }
.oy-insight-block summary { cursor: pointer; font-size: 15px; font-weight: 800; color: #235f3d; }
.oy-insight-block>p { font-size: 13px; color: #5f7768; line-height: 1.75; }
.oy-trend-chart { max-width: 820px; margin: 18px auto; }
.oy-trend-chart svg { display: block; width: 100%; height: auto; }
.oy-insight-block .table-wrap { width: 100%; max-width: 100%; overflow-x: auto; }
.oy-insight-table { width: 100%; border-collapse: collapse; font-size: 12px; line-height: 1.6; }
.oy-insight-table caption { text-align: left; padding: 12px 0; color: #6a7c6f; }
.oy-insight-table th, .oy-insight-table td { padding: 12px; text-align: left; border-bottom: 1px solid #e2ebe4; white-space: nowrap; }
.oy-insight-table thead th { background: #eff6f0; color: #28593b; }
.oy-theme-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.oy-theme-grid article { padding: 16px; background: #f5f9f5; border-radius: 12px; min-width: 0; }
.oy-theme-grid h3 { font-size: 13px; line-height: 1.5; margin-top: 0; }
.oy-theme-grid p { font-size: 12px; line-height: 1.7; color: #6f8075; }
.oy-theme-grid ul { list-style: none; margin: 0; padding: 0; }
.oy-theme-grid li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: 12px 0; font-size: 12px; }
.oy-theme-grid strong { color: #3d7150; }
.oy-gap-card { margin-bottom: 18px; }
.oy-gap-card .field { margin: 16px 0; }
.oy-gap-card textarea { width: 100%; }
.oy-gap-label { display: block; margin-top: 20px; }
.oy-gap-question { white-space: pre-wrap; overflow-wrap: anywhere; background: #f1f6f2; padding: 14px; border-radius: 12px; }
.oy-gap-card details { margin: 12px 0; font-size: 13px; }
.oy-business-steps { line-height: 1.9; padding-left: 22px; }
.oy-business-steps li { margin-bottom: 12px; }
.oy-business-review { border: 1px solid #dce7de; border-radius: 16px; padding: 20px; margin: 22px 0; overflow-wrap: anywhere; }
.oy-business-review p { font-size: 14px; line-height: 1.75; }
.oy-business-review textarea { width: 100%; }
.oy-business-reply { border: 1px solid #d4bb84; border-left: 4px solid #b59044; border-radius: 12px; padding: 14px; margin: 16px 0; background: #fffaf0; overflow-wrap: anywhere; }
.oy-business-reply>strong { display: block; font-size: 13px; color: #745c26; }
.oy-business-reply>small { display: block; margin-top: 6px; color: #837651; font-size: 11px; }
.oy-business-reply>p { margin: 10px 0 0; line-height: 1.7; font-size: 13px; color: #394d3e; }
.oy-ai-suggestions { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 12px; flex: 0 0 auto; }
.oy-ai-suggestions button { border: 1px solid #d8e4da; border-radius: 20px; padding: 7px 9px; font: inherit; font-size: 11px; color: #295c3d; background: #f3f8f4; cursor: pointer; }
.oy-ai-feedback { display: block; border: 0; border-top: 1px solid #d5e3d9; padding: 7px 0 0; margin-top: 10px; background: transparent; color: #687668; text-decoration: underline; font: inherit; font-size: 10px; cursor: pointer; }
.oy-ai-feedback:disabled { text-decoration: none; cursor: default; }
.ai-chat-panel.ai-chat-compact .oy-ai-suggestions { display: none; }
@media (max-width: 760px) {
    .oy-404-shell { padding: 24px 16px 14px; }
    .oy-404-card { grid-template-columns: minmax(0,1fr); min-height: 0; }
    .oy-404-scene { padding: 26px; gap: 10px; }
    .oy-404-key { width: 88px; height: 138px; padding: 7px; }
    .oy-404-scene>span { font-size: 9px; }
    .oy-404-copy { padding: 30px 24px; }
    .oy-404-actions { flex-direction: column; }
    .oy-insight-block { padding: 14px 12px; }
    .oy-action-row .btn { width: auto; flex: 1 1 150px; }
    .oy-hotel-tools { gap: 10px; }
    .oy-theme-grid { grid-template-columns: minmax(0,1fr); }
}
/* V62: never leave a failed hotel load as an empty popup. */
.hotel-page-modal-error { margin: 0; padding: 18px 22px; background: #fff7ea; color: #735024; border-bottom: 1px solid #ead7b8; font-size: 14px; line-height: 1.65; }
.hotel-page-modal-error[hidden] { display: none !important; }
.hotel-page-modal-error p { margin: 0 0 12px; }

/* V63: additions are scoped to AI controls and its admin views. */
.oy63-ai-sources { margin-top: 12px; border-top: 1px solid #dce5df; padding-top: 9px; font-size: 11px; }
.oy63-ai-sources summary { cursor: pointer; font-weight: 800; color: #385a49; }
.oy63-ai-sources ul { padding-left: 17px; margin: 8px 0 0; }
.oy63-ai-sources li { margin: 8px 0; overflow-wrap: anywhere; }
.oy63-ai-sources small { display: block; color: #65786b; font-size: 10px; }
.oy63-ai-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.oy63-ai-action { display: inline-block; max-width: 100%; box-sizing: border-box; border: 1px solid #bbcfc0; background: #f1f7f2; color: #24563a; border-radius: 9px; padding: 8px 10px; font: inherit; font-size: 11px; text-decoration: none; cursor: pointer; white-space: normal; overflow-wrap: anywhere; }
.oy63-ai-draft-apply { margin-top: 12px; background: #274f3b; color: white; }
.oy63-ai-draft-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; flex: 0 0 auto; padding: 8px 12px; border-bottom: 1px solid #d5e3d8; background: #edf5ef; font-size: 11px; }
.oy63-ai-draft-bar[hidden],.oy63-ai-refresh[hidden],#aiDraftChoice[hidden] { display: none !important; }
.oy63-ai-draft-bar button { margin-left: auto; border: 0; padding: 5px; background: transparent; color: #315940; font: inherit; text-decoration: underline; cursor: pointer; }
.oy63-ai-draft-bar select { flex-basis: 100%; width: 100%; min-width: 0; padding: 7px; border: 1px solid #bfcebf; border-radius: 8px; background: white; font-size: 13px; }
.oy63-ai-refresh { margin: 0 12px 8px; min-height: 34px; border: 1px solid #d1ae68; border-radius: 8px; background: #fff5df; color: #6d5425; font: inherit; font-size: 12px; cursor: pointer; }
.oy63-ai-pending { border-left: 3px solid #b98b39; }
.oy63-draft-import-note { margin: 12px 0; padding: 12px 14px; border: 1px solid #bed2c3; border-radius: 10px; background: #eff7f0; color: #254c35; font-size: 13px; line-height: 1.65; }
.oy63-quality-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 20px 0; }
.oy63-quality-grid article { min-width: 0; padding: 18px; border: 1px solid #d8e6dc; border-radius: 14px; background: #fff; }
.oy63-quality-grid strong { display: block; margin: 8px 0; font-size: 26px; color: #245d3d; overflow-wrap: anywhere; }
.oy63-quality-grid small { color: #6b7b70; }
.oy63-gap-choice { align-items: flex-start; margin: 16px 0; overflow-wrap: anywhere; }
.oy63-gap-choice small { display: block; margin-top: 5px; }
.oy63-eval-controls { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.oy63-eval-controls .field { min-width: 180px; flex: 1 1 220px; }
.oy63-eval-result { border-top: 1px solid #dfe7e1; padding: 20px 0; overflow-wrap: anywhere; }
.oy63-eval-result p { white-space: pre-wrap; }
.oy63-eval-result .check { display: block; font-size: 12px; }
@media(max-width: 900px) { .oy63-quality-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 420px) { .oy63-quality-grid { grid-template-columns: minmax(0,1fr); } .oy63-ai-actions { flex-direction: column; } }
@media(max-width:760px) {
    .ai-chat-panel.ai-chat-compact .oy63-ai-draft-bar { flex-wrap: nowrap; padding: 4px 10px; }
    .ai-chat-panel.ai-chat-compact .oy63-ai-draft-bar>span { display: none; }
    .ai-chat-panel.ai-chat-compact .oy63-ai-draft-bar select { flex: 1 1 130px; width: auto; }
    .ai-chat-panel.ai-chat-compact .oy63-ai-draft-bar button { order: 2; white-space: nowrap; }
    .ai-chat-panel.ai-chat-compact .ai-chat-head { padding: 6px 12px; }
    .ai-chat-panel.ai-chat-compact .ai-chat-head small { display: none; }
    .ai-chat-panel.ai-chat-compact .ai-chat-status { max-height: 40px; padding: 5px 10px; margin-bottom: 4px; font-size: 12px; line-height: 1.3; }
}

/* V64: additive topic, update, cookie and moderation controls. */
.oy64-topic-picker{min-width:0;border:1px solid #dce7df;border-radius:14px;padding:16px;margin:16px 0;background:#f8fbf9}
.oy64-topic-picker legend{font-weight:700;padding:0 6px;max-width:100%}
.oy64-topic-options{display:flex;flex-wrap:wrap;gap:8px}
.oy64-topic-options label{display:flex;align-items:center;gap:7px;padding:8px 12px;background:white;border:1px solid #dce7df;border-radius:20px;font-size:13px;cursor:pointer}
.oy64-topic-options input{width:16px;height:16px;margin:0;flex:0 0 16px;accent-color:#238347}
.oy64-topic-badges{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.oy64-topic-badges span{display:inline-block;font-size:12px;line-height:1.5;border-radius:20px;padding:4px 9px;background:#eef6f1;color:#235d3d;border:1px solid #d9e8de}
.oy64-inferred{font-size:11px;color:#64748b}
.oy64-experience{font-size:13px;color:#334155;margin:8px 0;line-height:1.6}
.oy64-experience a{color:#216b48;text-decoration:underline;text-underline-offset:3px}
.oy64-topic-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}
.oy64-topic-filter select{width:auto;max-width:100%;min-height:40px;border:1px solid #dce7df;border-radius:10px;padding:8px 12px;background:white}
.oy64-topic-filter small{flex-basis:100%;color:#64748b}
.oy64-update-page{max-width:950px;margin:0 auto}
.oy64-update-ratings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oy64-moderation{padding:16px;border:1px solid #d9e4f3;background:#f6f9ff;border-radius:12px;margin:14px 0;font-size:14px;line-height:1.65}
.oy64-moderation ul{padding-left:22px}
.oy64-moderation a{color:#2448a4;text-decoration:underline}
.oy64-business-help ol{padding-left:22px;line-height:1.75}
#cookieConsent .cookie-consent-inner{position:relative;grid-template-columns:minmax(0,1fr);padding:20px 48px 20px 20px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto}
#cookieConsent .cookie-consent-actions{display:flex;flex-wrap:wrap;white-space:normal}
#cookieConsent .cookie-consent-actions .btn{white-space:normal;text-align:center;line-height:1.4;min-height:42px}
#cookieCurrentChoice{display:block;margin-top:8px;color:#334155}
.oy64-cookie-close{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #dce7df;border-radius:50%;background:white;color:#334155;font-size:24px;cursor:pointer}
@media(max-width:600px){.oy64-update-ratings{grid-template-columns:minmax(0,1fr)}.oy64-topic-picker{padding:12px}.oy64-topic-options label{padding:7px 9px}#cookieConsent .cookie-consent-inner{padding:16px 44px 16px 16px}#cookieConsent .cookie-consent-actions{flex-direction:column}#cookieConsent .cookie-consent-actions .btn{width:100%}}

/* V65: compact language control; existing responsive grid and modal stacking remain. */
.oy65-language{display:inline-flex;align-items:center;margin:0;flex:0 0 auto}
.oy65-language select{width:62px;min-height:36px;padding:5px 6px;border:1px solid #d6e2db;border-radius:9px;background:#fff;color:#244934;font-size:12px;font-weight:700}
.oy65-link-result{max-width:430px;overflow-wrap:anywhere;margin:8px 0}.oy65-link-result input{width:100%;min-width:0;margin-bottom:6px}
.oy65-correction-link{font-size:12px;color:#356c50;text-decoration:underline;display:block;margin:6px 0}
.oy65-lite-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-block:12px;font-size:13px}
.oy-lite .hero,.oy-lite .hero:before,.oy-lite .hero:after{background-image:none!important}
.oy-lite .hero{background:linear-gradient(120deg,#f4f8f4,#e4eee5)}
.oy-lite .hotel-photo,.oy-lite .detail-photo,.oy-lite .similar-hotel-photo,.oy-lite .hotel-review-hero-photo{background-color:#e7ede8}
@media(max-width:480px){.lux-topbar .social-top-links{gap:5px}.oy65-language select{width:51px;font-size:11px;padding-inline:3px}.lux-topbar .brand-logo img{max-width:100%}.oy65-lite-note .btn{max-width:100%;white-space:normal}}

.oy-lite .oy-404-scene{background-image:none!important;background-color:#17372b}

.oy65-language .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* V66: scoped admin backup controls. */
.oy66-backup-scroll{overflow-x:auto;max-width:100%}.oy66-backup-table{width:100%;border-collapse:collapse;text-align:left}.oy66-backup-table th,.oy66-backup-table td{padding:12px 10px;border-bottom:1px solid #e3e8e4;vertical-align:top}.oy66-backup-table th{background:#f6f8f6}.oy66-backup-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.oy66-backup-actions label{margin:0}.oy66-backup-actions select{min-width:170px;max-width:100%;padding:10px;border:1px solid #d4ddd5;border-radius:10px;background:#fff}.oy66-backup-item{border-top:1px solid #e3e8e4;padding:18px 0}.oy66-backup-item h3{overflow-wrap:anywhere}.oy66-backup-hash{overflow-wrap:anywhere;font-size:12px}.oy66-backup-count{display:inline-block;margin:3px 10px 3px 0;font-size:13px}.oy66-preview{padding:18px;border:1px solid #bfe4ca;border-radius:14px;background:#f6fcf8;margin-top:18px}#backupBusy{padding:16px;border:1px solid #bfe4ca;border-radius:12px;background:#edf8f0;font-weight:700}#backupBusy[hidden]{display:none}@media(max-width:600px){.oy66-backup-table{font-size:13px}.oy66-backup-table th,.oy66-backup-table td{padding:9px 7px}.oy66-backup-actions{align-items:stretch;flex-direction:column}.oy66-backup-actions form{width:100%}.oy66-backup-actions .btn{width:100%}.oy66-preview{padding:12px}}

/* V67: independent correction dialog and real review cards. */
.oy67-correction-modal[hidden], .oy67-correction-success[hidden], #oy67CorrectionForm[hidden], #oy67CorrectionLoading[hidden], #oy67CorrectionError[hidden] { display:none !important; }
.oy67-correction-modal { position:fixed; inset:0; z-index:13000; padding:24px; background:rgba(8,26,39,.65); display:flex; align-items:center; justify-content:center; overscroll-behavior:contain; }
.oy67-correction-card { display:flex; flex-direction:column; width:min(680px,100%); height:min(800px,calc(100vh - 48px)); height:min(800px,calc(100dvh - 48px)); background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 24px 80px rgba(0,0,0,.24); }
.oy67-correction-head { display:flex; align-items:center; gap:16px; padding:14px 18px; border-bottom:1px solid #e4ebe6; }
.oy67-correction-head h2 { flex:1; min-width:0; margin:0; font-size:19px; }
.oy67-correction-head button { flex:0 0 44px; width:44px; height:44px; border:1px solid #dbe6de; border-radius:12px; background:#f6faf7; font-size:28px; cursor:pointer; }
.oy67-correction-card > p { margin:0; padding:10px 18px; }
.oy67-correction-card iframe { display:block; flex:1 1 0; min-height:0; width:100%; border:0; }
body.oy67-correction-open { overflow:hidden; }
body.oy67-correction-open .ai-launcher, body.oy67-correction-open .ai-chat-panel, body.oy67-correction-open .ai-chat-backdrop, body.oy67-correction-open .mobile-bottom-nav { display:none !important; }
body.oy67-correction-embedded { margin:0; padding:0 !important; background:#fff; overscroll-behavior:contain; }
.oy67-correction-embedded .content-page { padding:0; width:100%; max-width:none; }
.oy67-correction-embedded .content-card { margin:0; padding:20px; border:0; box-shadow:none; }
.oy67-correction-success { padding:22px; color:#166534; background:#eef8f1; font-weight:700; }
.oy67-card-formats, .oy67-card-pagination { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:center; margin:20px 0; }
.oy67-review-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0; }
.oy67-review-card { min-width:0; padding:20px; background:#fff; border:1px solid #dce9e0; border-radius:18px; }
.oy67-review-card h2 { font-size:20px; overflow-wrap:anywhere; }
.oy67-review-card img { display:block; width:100%; height:auto; margin:14px 0; border-radius:12px; background:#f2f8f4; }
.oy67-review-card p { overflow-wrap:anywhere; }
.oy67-review-card .review-card-actions { justify-content:flex-start; }
.oy67-real-cards-cta { margin:24px 0; }
@media(max-width:1024px) { .oy67-review-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
 .oy67-review-card-grid { grid-template-columns:minmax(0,1fr); }
 .oy67-correction-modal { padding:8px; padding-top:max(8px,env(safe-area-inset-top)); padding-bottom:max(8px,env(safe-area-inset-bottom)); }
 .oy67-correction-card { height:calc(100vh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); border-radius:14px; }
 .oy67-correction-head { padding:10px 12px; } .oy67-correction-head h2 { font-size:16px; }
 .oy67-correction-embedded .content-card { padding:16px; }
}

/* V68: local SVG flags and explicit social icon styles independent of child order. */
.topbar .social-top-links .social-instagram svg { display:block; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.9; overflow:visible; }
.topbar .social-top-links .social-instagram svg .dot { fill:currentColor; stroke:none; }
.topbar .social-top-links .social-facebook svg { display:block; flex:0 0 auto; fill:currentColor; stroke:none; }
.oy68-language { position:relative; flex:0 0 auto; margin:0; color:#244934; }
.oy68-language > summary { list-style:none; display:flex; align-items:center; justify-content:center; gap:4px; width:52px; height:38px; padding:5px; border:1px solid #d6e2db; border-radius:9px; background:#fff; cursor:pointer; }
.oy68-language > summary::-webkit-details-marker { display:none; }
.oy68-language > summary:focus-visible { outline:2px solid #238d4a; outline-offset:3px; }
.oy68-language-flag { display:block; width:24px; height:16px; flex:0 0 24px; object-fit:cover; border-radius:2px; box-shadow:0 0 0 1px rgba(0,0,0,.08); }
.topbar .social-top-links .oy68-language-chevron { display:block; width:12px; height:12px; flex:0 0 12px; fill:none; stroke:currentColor; stroke-width:1.5; }
.oy68-language:not([open]) .oy68-language-options { display:none; }
.oy68-language-options { position:absolute; top:calc(100% + 8px); right:0; z-index:1200; width:180px; max-height:min(320px,60vh); padding:6px; overflow:auto; overscroll-behavior:contain; background:#fff; border:1px solid #d6e2db; border-radius:12px; box-shadow:0 12px 32px rgba(16,42,67,.15); }
.topbar .lux-nav-shell .social-top-links .oy68-language-option { display:flex; align-items:center; justify-content:flex-start; width:100%; height:auto; min-height:40px; padding:8px; gap:10px; border:0; border-radius:7px; box-shadow:none; font-size:13px; white-space:normal; }
.topbar .lux-nav-shell .social-top-links .oy68-language-option span { display:block; overflow-wrap:anywhere; }
.topbar .social-top-links .oy68-language-option[aria-current] { background:#eef8f1; color:#176534; }
.oy68-hotel-card-status { min-height:22px; font-weight:700; color:#176534; overflow-wrap:anywhere; }
.share-card-controls .btn { white-space:normal; }
@media(max-width:760px) { .oy68-language > summary { width:46px; height:36px; padding:2px; } }

/* V69 - paylaşım davetinde metni sıkıştırmayan, yalnızca bu alana ait düzen */
.home-share-invite > div { flex: 1 1 auto; }
.home-share-invite > .btn { width: auto; max-width: 100%; white-space: normal; }
@media (max-width: 760px) {
    .home-share-invite { flex-direction: column; align-items: stretch; }
    .home-share-invite > div { flex: 0 1 auto; width: 100%; }
    .home-share-invite > .btn { width: 100%; }
}

/* V69 - otel detayının masaüstü sütunları; mobil kurallar korunur */
@media (min-width: 761px) {
    .hotel-review-hero {
        grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) 150px;
        gap: 18px;
        align-items: start;
    }
    .hotel-review-hero > .oy65-correction-link { grid-column: 1 / -1; margin: 0; }
    .hotel-review-hero > div { min-width: 0; }
    .hotel-review-hero h1 { font-size: clamp(24px, 2.2vw, 30px); line-height: 1.3; overflow-wrap: anywhere; }
    .hotel-review-hero .rating-grid { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .hotel-review-hero .rating-row { grid-template-columns: minmax(130px, 170px) minmax(40px, 1fr) 34px; gap: 8px; min-width: 0; }
    .hotel-review-hero .rating-row > span { min-width: 0; overflow-wrap: anywhere; }
    .hotel-review-hero .hotel-review-score { margin: 0 auto; }
}
@media (min-width: 761px) and (max-width: 1000px) {
    .hotel-review-hero { grid-template-columns: 180px minmax(0, 1fr); }
    .hotel-review-hero > .hotel-review-hero-photo { grid-column: 1; grid-row: 2; }
    .hotel-review-hero > div:not(.hotel-review-hero-photo):not(.hotel-review-score):not(.oy71-hotel-links) { grid-column: 2; grid-row: 2 / span 2; }
    .hotel-review-hero > .hotel-review-score { grid-column: 1; grid-row: 3; }
}

/* V70 - görünür soru giriş alanı ve yayınlanmış soru/cevap göstergeleri */
#soru-cevap { scroll-margin-top: 20px; }
.hotel-qa-section .qa-ask-box > summary,
.hotel-qa-section .qa-ask-box[open] > summary {
    min-height: 48px;
    padding: 14px 16px;
    background: #8f1d29;
    color: #fff;
    font-size: 15px;
    line-height: 1.45;
}
.hotel-qa-section .qa-ask-box > summary:hover { background: #711824; }
.hotel-qa-section .qa-ask-box > summary:focus-visible { outline: 3px solid #efb6bf; outline-offset: -3px; }
.oy70-question-badge { display: inline-flex; align-items: center; gap: 5px; width: auto; max-width: 100%; padding: 5px 8px; border: 1px solid #d8cce8; border-radius: 9px; background: #f7f2fc; color: #613782; font-size: 11px; font-weight: 800; line-height: 1.35; text-decoration: none; white-space: normal; }
.oy70-question-badge.is-answered { border-color: #b9dcc7; background: #edf8f1; color: #226342; }
.oy70-question-badge:hover { border-color: currentColor; }
.oy70-question-badge:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.oy70-question-icon { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.oy70-detail-title { display: contents; }
.oy70-correction-desktop { display: none; }

/* Masaüstündeki ad/bağlantı satırı ve altındaki 3x2 butonlar; mobil yerleşim aynı. */
@media (min-width: 761px) {
    .home-page .detail-top { grid-template-columns: minmax(100px, 130px) minmax(0, 1fr); }
    .home-page .detail-top .oy70-detail-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; min-width: 0; }
    .home-page .detail-top .oy70-detail-title h2 { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
    .home-page .detail-top .oy70-correction-desktop { display: block; flex: 0 1 180px; max-width: 180px; margin: 4px 0 0 auto; text-align: right; font-size: 12px; line-height: 1.4; }
    .home-page .detail-top > .detail-action-stack { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; max-width: none; min-width: 0; gap: 8px; }
    .home-page .detail-action-stack > .oy65-correction-link { display: none; }
    .home-page .detail-action-stack > .btn { width: 100%; max-width: 100%; min-width: 0; white-space: normal; line-height: 1.3; text-align: center; }
}

/* V71 - otel yönetimleri için üstte görünen işletme yanıtı bağlantısı */
.oy71-business-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 0 1 auto; width: auto; max-width: 100%; min-height: 36px; padding: 8px 10px; border: 1px solid #d9b86f; border-radius: 9px; background: #fff7e8; color: #6e511f; font-size: 12px; font-weight: 800; line-height: 1.35; text-decoration: none; white-space: normal; }
.oy71-business-button:hover { background: #f6e9ca; border-color: #ad883c; }
.oy71-business-button:focus-visible { outline: 2px solid #6e511f; outline-offset: 3px; }
.oy71-business-button > svg { width: 16px; height: 16px; flex: 0 0 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hotel-review-hero > .oy71-hotel-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; grid-column: 1 / -1; gap: 10px 12px; min-width: 0; }
.oy71-hotel-links > .oy65-correction-link { flex: 1 1 110px; margin: 0; }
.oy71-hotel-links > .oy71-business-button { margin-left: auto; }
.oy71-owner-actions { display: none; }
@media (min-width: 761px) {
    .home-page .detail-top .oy71-owner-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex: 0 1 180px; min-width: 0; max-width: 180px; }
    .home-page .detail-top .oy71-owner-actions > .oy70-correction-desktop { flex: 0 0 auto; max-width: 100%; margin: 0; }
}

/* V72/V73 - speech controls and public unanswered-question cards. */
.oy72-voice { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 10px; margin: 7px 0; min-width: 0; }
.oy72-voice-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: auto; max-width: 100%; min-height: 34px; padding: 7px 10px; border: 1px solid #cbd8e7; border-radius: 8px; background: #f2f6fc; color: #29496e; font: inherit; font-size: 12px; font-weight: 800; line-height: 1.3; cursor: pointer; }
.oy72-voice-button > svg { flex: 0 0 16px; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.oy72-voice-button:disabled { cursor: default; opacity: .65; }
.oy72-voice-button:focus-visible { outline: 2px solid #29496e; outline-offset: 3px; }
.oy72-voice-status { flex: 1 1 180px; min-width: 0; color: #52647a; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.oy72-voice-interim { flex: 0 1 100%; width: 100%; max-height: 80px; overflow: auto; padding: 7px 9px; border-left: 3px solid #95abc8; background: #f5f8fc; color: #43536a; font-size: 12px; overflow-wrap: anywhere; }
.oy72-voice-interim[hidden] { display: none !important; }
.oy72-listening .oy72-voice-button { background: #fff1f3; border-color: #bd6879; color: #8f1d29; }
.oy72-listening .oy72-voice-status { color: #8f1d29; font-weight: 800; }
.oy72-voice-note { margin: 5px 0 12px; color: #52647a; font-size: 11px; line-height: 1.6; }
.oy72-home-waiting { margin: 18px 0; padding: 20px; }
.oy72-home-waiting .section-title, .oy72-waiting-page .section-title { flex-wrap: wrap; gap: 12px; }
.oy72-home-waiting .section-title > div, .oy72-waiting-page .section-title > div { flex: 1 1 250px; min-width: 0; }
.oy72-home-waiting .section-title > .btn, .oy72-waiting-page .section-title > .btn { width: auto; max-width: 100%; min-width: 0; white-space: normal; }
.oy72-waiting-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.oy72-waiting-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid #dce5df; border-radius: 13px; background: #fff; overflow-wrap: anywhere; }
.oy72-waiting-meta { display: flex; align-items: flex-start; gap: 8px; width: 100%; min-width: 0; }
.oy72-waiting-meta > div { flex: 1 1 auto; min-width: 0; }
.oy72-waiting-meta h3 { margin: 1px 0 4px; font-size: 16px; line-height: 1.4; }
.oy72-waiting-meta small { color: #52647a; font-size: 12px; }
.oy72-waiting-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 9px; background: #fff1d9; color: #795421; font-weight: 900; }
.oy72-waiting-badge { flex: 0 1 auto; max-width: 110px; padding: 4px 7px; border-radius: 7px; background: #f6effc; color: #613782; font-size: 11px; font-weight: 800; line-height: 1.4; }
.oy72-waiting-card > p { margin: 12px 0; font-size: 14px; line-height: 1.6; }
.oy72-waiting-card > .btn { width: auto; min-width: 0; max-width: 100%; margin-top: auto; white-space: normal; }
.oy72-waiting-filters { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) auto auto; align-items: end; gap: 10px; margin: 18px 0; }
.oy72-waiting-filters .field { min-width: 0; margin: 0; }
.oy72-waiting-filters .btn { min-width: 0; white-space: normal; }
.oy72-waiting-pagination, .oy72-qa-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0; }
.oy72-qa-filters .btn { width: auto; max-width: 100%; min-width: 0; white-space: normal; }
.oy72-qa-filters [aria-current] { background: #eaf5ed; border-color: #9fcbb0; color: #176534; }
.qa-question-card[id] { scroll-margin-top: 20px; }
@media (max-width: 760px) {
    .oy72-waiting-grid { grid-template-columns: minmax(0, 1fr); }
    .oy72-waiting-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .oy72-waiting-filters .field { grid-column: 1 / -1; }
    .oy72-home-waiting { padding: 14px; }
}