/* Extracted from sayfa.php. Keep PHP-dependent values in inline CSS variables. */
:root{
    --bg:#eef6ff;
    --paper:rgba(255,255,255,.9);
    --ink:#10233d;
    --muted:#556b88;
    --line:rgba(16,35,61,.1);
    --primary:#0ea5a4;
    --primary-2:#2563eb;
    --accent:#ff7a59;
    --accent-soft:rgba(255,122,89,.14);
    --shadow:0 24px 58px rgba(20,66,124,.12);
    --radius-xl:30px;
    --radius-lg:22px;
    --radius-md:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
    font-family:"Manrope",sans-serif;
    color:var(--ink);
    background:
        radial-gradient(circle at 8% 0%, rgba(14,165,164,.2), transparent 28%),
        radial-gradient(circle at 100% 16%, rgba(37,99,235,.18), transparent 26%),
        radial-gradient(circle at 24% 98%, rgba(255,122,89,.16), transparent 24%),
        linear-gradient(180deg,#f8fcff 0%,var(--bg) 100%);
    background-attachment: fixed;
    padding-bottom:100px;
    overflow-x: clip;
}
body[data-theme="dark"]{
    --bg:#0b1527;
    --paper:rgba(14,24,39,.86);
    --ink:#e8f2ff;
    --muted:#a8bdd8;
    --line:rgba(168,189,216,.2);
    --shadow:0 24px 58px rgba(1,8,20,.45);
    background:
        radial-gradient(circle at 8% 0%, rgba(14,165,164,.28), transparent 28%),
        radial-gradient(circle at 100% 16%, rgba(37,99,235,.24), transparent 26%),
        radial-gradient(circle at 24% 98%, rgba(255,122,89,.14), transparent 24%),
        linear-gradient(180deg,#081425 0%,var(--bg) 100%);
}
body[data-theme="dark"] .topnav{
    background: rgba(10, 19, 34, 0.72);
    border-bottom-color: rgba(168,189,216,.14);
}
body[data-theme="dark"] .topnav-badge{
    background: rgba(255,122,89,.18);
    color: #ffd4c8;
}
body[data-theme="dark"] .theme-toggle,
body[data-theme="dark"] .meta-chip,
body[data-theme="dark"] .info-item,
body[data-theme="dark"] .related-card,
body[data-theme="dark"] .comment-form input,
body[data-theme="dark"] .comment-form textarea,
body[data-theme="dark"] .rating-actions button{
    background: rgba(20, 33, 53, 0.84);
    color: var(--ink);
    border-color: rgba(168,189,216,.18);
}
body[data-theme="dark"] .hero-btn.secondary,
body[data-theme="dark"] .map-actions .secondary{
    background: rgba(255,255,255,.08);
    color: var(--ink);
}
body[data-theme="dark"] .immersive-360{
    background:
        linear-gradient(180deg, rgba(17,31,52,.9), rgba(13,25,42,.86)),
        radial-gradient(circle at top right, rgba(37,99,235,.18), transparent 60%);
    border-color: rgba(168,189,216,.18);
}
body[data-theme="dark"] .immersive-360-copy p,
body[data-theme="dark"] .immersive-360-points li,
body[data-theme="dark"] .immersive-360-count{
    color: var(--muted);
}
body[data-theme="dark"] .immersive-360-badge{
    background: rgba(255,122,89,.16);
    color: #ffd9ce;
}
body[data-theme="dark"] .immersive-360-cta{
    background: linear-gradient(135deg, #ff7a59, #f59e0b);
    color: #fff6ef;
    box-shadow: 0 18px 36px rgba(0,0,0,.24);
}
body[data-theme="dark"] .hero-btn.primary{
    color: #fff5ee;
    background: linear-gradient(135deg, #ff7a59, #f59e0b);
}
body[data-theme="dark"] .rich-text,
body[data-theme="dark"] .comment-text,
body[data-theme="dark"] .section-sub,
body[data-theme="dark"] .rating-sub,
body[data-theme="dark"] .info-item small,
body[data-theme="dark"] .related-card small,
body[data-theme="dark"] .comment-date,
body[data-theme="dark"] .side-stat small{
    color: var(--muted);
}
body[data-theme="dark"] .side-card{
    background:
        linear-gradient(180deg, rgba(17,31,52,.88), rgba(13,25,42,.84)),
        radial-gradient(circle at top right, rgba(37,99,235,.18), transparent 60%);
}
body[data-theme="dark"] .share-link{ background:#0c8d8b; }
body[data-theme="dark"] .share-x{ background:#1f2937; }
body[data-theme="dark"] .share-ig{ background:linear-gradient(135deg, #fd5949, #d6249f, #285AEB); }
a{text-decoration:none;color:inherit}
.topnav{
    position:fixed;left:0;right:0;top:0;z-index:100;
    display:flex;justify-content:space-between;align-items:center;gap:12px;
    padding:14px 20px;
    background:rgba(255,249,242,.56);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(255,255,255,.82);
}
.topnav-brand{display:flex;align-items:center;gap:10px}
.topnav-logo-link{display:inline-flex;align-items:center;margin-right:10px;color:#14253d;text-decoration:none;font-weight:900;white-space:nowrap;min-width:210px}
.topnav-logo-mark{width:250px;height:56px;border-radius:0;background:transparent;display:flex;align-items:center;overflow:visible;box-shadow:none}
.topnav-logo-mark img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block;padding:0}
.topnav-logo-text{display:none}
.topnav-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.topnav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.topnav-links a,
.menu-toggle{
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(255,255,255,.24);
    color:#14253d;
    font-size:.76rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.logo{
    width:38px;height:38px;border-radius:12px;
    background:linear-gradient(135deg,var(--primary),var(--primary-2));
    display:grid;place-items:center;color:#fff;font-weight:800;
}
.topnav-copy small{display:block;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.topnav-copy strong{display:block;font-size:.9rem}
.topnav-badge{
    padding:8px 14px;border-radius:999px;background:var(--accent-soft);color:#0f3d77;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;
}
.theme-toggle{
    border:1px solid rgba(255,255,255,.24);
    background:rgba(255,255,255,.62);
    color:#14253d;
    border-radius:999px;
    padding:8px 14px;
    font-size:.76rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
    cursor:pointer;
}
.menu-toggle{display:none;cursor:pointer}
.mobile-nav{
    display:none;
    position:fixed;
    top:72px;
    left:16px;
    right:16px;
    z-index:101;
    padding:14px;
    border-radius:22px;
    background:rgba(255,249,242,.94);
    border:1px solid rgba(255,255,255,.82);
    box-shadow:0 18px 40px rgba(11, 27, 46, .18);
    backdrop-filter:blur(16px);
}
.mobile-nav.is-open{display:grid;gap:10px}
.mobile-nav a{
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(255,255,255,.78);
    font-weight:800;
}
body[data-theme="dark"] .mobile-nav{
    background:rgba(15,24,38,.94);
    border-color:rgba(168,189,216,.18);
}
body[data-theme="dark"] .topnav-links a,
body[data-theme="dark"] .menu-toggle,
body[data-theme="dark"] .mobile-nav a{
    background:rgba(20,33,53,.84);
    border-color:rgba(168,189,216,.18);
    color:var(--ink);
}

.hero{
    min-height:74vh;
    display:grid;
    align-items:end;
    position:relative;
    margin-bottom:24px;
}
.hero-bg{
    position:absolute;inset:0;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    background-color:#000;
    background-image:var(--detail-hero-image, linear-gradient(135deg,#0ea5a4,#2563eb));
transition:opacity .8s ease, transform 1.2s ease, background-image .8s ease;
}
.hero::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:90px;
    background:
        radial-gradient(120% 100% at 50% 100%, rgba(255,249,242,.95) 0%, rgba(255,249,242,.95) 40%, rgba(255,249,242,0) 72%);
    z-index:1;
}
.hero-overlay{
    position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(36,27,22,.20) 0%,rgba(36,27,22,.72) 100%);
}
.hero-content{
    position:relative;z-index:2;
    width:min(1160px,calc(100% - 28px));
    margin:0 auto;
    padding:120px 0 50px;
    color:#fff;
    animation:heroRise .8s ease;
}
@keyframes heroRise{
    from{opacity:0;transform:translateY(18px)}
    to{opacity:1;transform:translateY(0)}
}
.hero-eyebrow{
    display:inline-flex;align-items:center;gap:10px;
    font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;
    margin-bottom:14px;opacity:.95;
}
.hero-eyebrow::before{content:"";width:30px;height:1px;background:rgba(255,255,255,.7)}
.hero h1{
    font-family:"Cormorant Garamond",serif;
    font-size:clamp(2.6rem,7vw,5.1rem);
    line-height:.92;
    max-width:840px;
    margin-bottom:16px;
}
.hero-summary{
    max-width:760px;
    margin:0 0 16px;
    color:rgba(255,255,255,.88);
    line-height:1.75;
    font-size:1.02rem;
}
.hero-meta{display:flex;gap:12px;flex-wrap:wrap}
.meta-chip{
    display:inline-flex;align-items:center;
    padding:9px 12px;border-radius:999px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.22);
    font-size:.8rem;font-weight:700;
}
.hero-actions{
    margin-top:16px;
    display:flex;
    gap:10px;
    flex-wrap:nowrap;
    align-items:center;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:4px;
    scrollbar-width:none;
}
.hero-actions::-webkit-scrollbar{display:none}
.hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    padding:11px 16px;
    font-size:.85rem;
    font-weight:800;
    border:1px solid rgba(255,255,255,.24);
    transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
    white-space:nowrap;
    flex:0 0 auto;
}
.hero-btn:hover{
    transform:translateY(-1px);
}
.hero-btn.primary{
    background:linear-gradient(135deg,var(--accent),#e8b85d);
    color:#312012;
    border-color:transparent;
    box-shadow:0 14px 28px rgba(26,18,12,.2);
}
.hero-btn.secondary{
    background:rgba(255,255,255,.14);
    color:#fff;
}
.immersive-360{
    width:min(1160px,calc(100% - 28px));
    margin:-8px auto 18px;
    padding:18px 20px;
    border-radius:24px;
    border:1px solid rgba(16,35,61,.08);
    background:
        radial-gradient(circle at top left, rgba(14,165,164,.14), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,251,255,.96));
    box-shadow:var(--shadow);
    display:grid;
    grid-template-columns:minmax(0, 1.2fr) auto;
    gap:18px;
    align-items:center;
}
.immersive-360-copy{
    display:grid;
    gap:10px;
}
.immersive-360-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,122,89,.12);
    color:#c65d40;
    font-size:.74rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.immersive-360-copy h2{
    font-family:"Cormorant Garamond",serif;
    font-size:clamp(1.9rem, 3vw, 2.8rem);
    line-height:.96;
    letter-spacing:-.02em;
}
.immersive-360-copy p{
    color:var(--muted);
    font-size:.96rem;
    line-height:1.7;
    max-width:760px;
}
.immersive-360-points{
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    gap:10px 16px;
}
.immersive-360-points li{
    color:var(--ink-soft);
    font-size:.82rem;
    font-weight:700;
}
.immersive-360-side{
    display:grid;
    justify-items:end;
    gap:10px;
}
.immersive-360-count{
    font-size:.82rem;
    color:var(--muted);
    font-weight:700;
}
.immersive-360-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:54px;
    padding:0 22px;
    border:none;
    border-radius:999px;
    background:linear-gradient(135deg,var(--accent),#e8b85d);
    color:#2f1e11;
    font-size:.96rem;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 18px 36px rgba(255,122,89,.22);
}
.immersive-360-cta:hover{
    transform:translateY(-2px);
}
.immersive-360-cta small{
    display:block;
    font-size:.7rem;
    font-weight:700;
    opacity:.8;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.viewer360-modal{
    position:fixed;
    inset:0;
    z-index:250;
    display:none;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 20% 12%, rgba(124,58,237,.34), transparent 30%),
        radial-gradient(circle at 78% 82%, rgba(20,184,166,.26), transparent 26%),
        rgba(2,6,23,.9);
    backdrop-filter:blur(14px);
    padding:20px;
}
.viewer360-modal.is-open{display:flex}
.viewer360-dialog{
    width:min(1480px,98vw);
    height:min(900px,94vh);
    display:flex;
    flex-direction:column;
    background:rgba(8,14,24,.96);
    border:1px solid rgba(255,255,255,.12);
    border-radius:30px;
    box-shadow:0 34px 90px rgba(0,0,0,.55);
    overflow:hidden;
}
.viewer360-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:14px 16px;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#fff;
}
.viewer360-head strong{font-size:1.05rem;letter-spacing:.04em}
.viewer360-close{
    width:40px;
    height:40px;
    border:none;
    border-radius:999px;
    background:rgba(255,255,255,.1);
    color:#fff;
    font-size:1.1rem;
    cursor:pointer;
}
.viewer360-stage{
    width:100%;
    flex:1;
    min-height:0;
    background:#000;
}
.viewer360-thumbs{
    display:flex;
    gap:8px;
    overflow:auto;
    padding:12px 14px 16px;
    background:rgba(255,255,255,.03);
}
.viewer360-thumb{
    flex:0 0 auto;
    min-width:118px;
    min-height:72px;
    padding:8px 10px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.06);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    color:#fff;
    cursor:pointer;
    font-weight:700;
    text-shadow:0 2px 8px rgba(0,0,0,.45);
}
.viewer360-thumb.is-active{
    border-color:rgba(255,122,89,.75);
    background:rgba(255,122,89,.14);
}

.main-wrap{
    width:min(1160px,calc(100% - 28px));
    margin:0 auto 50px;
    display:grid;
    grid-template-columns:1fr 320px;
    gap:20px;
}
.panel{
    background:var(--paper);
    border:1px solid rgba(255,255,255,.82);
    box-shadow:var(--shadow);
    border-radius:var(--radius-xl);
    transition:transform .22s ease, box-shadow .22s ease;
    min-width:0;
}
.panel:hover{
    transform:translateY(-2px);
    box-shadow:0 28px 68px rgba(86,44,20,.14);
}
.section{padding:24px;margin-bottom:18px}
.section-title{
    font-family:"Cormorant Garamond",serif;
    font-size:2rem;
    margin-bottom:14px;
    position:relative;
    padding-bottom:8px;
}
.section-title::after{
    content:"";
    display:block;
    width:72px;
    height:3px;
    border-radius:2px;
    margin-top:8px;
    background:linear-gradient(90deg,var(--primary),var(--accent));
}
.section-sub{color:var(--muted);line-height:1.8}
.experience-strip{
    width:min(1160px,calc(100% - 28px));
    margin:0 auto 18px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.experience-card{
    border-radius:18px;
    padding:16px;
    color:#fff;
    box-shadow:0 12px 26px rgba(22,16,10,.16);
}
.experience-card small{
    display:block;
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    opacity:.9;
    margin-bottom:6px;
}
.experience-card strong{
    display:block;
    font-size:1rem;
    line-height:1.4;
}
.experience-card.one{background:linear-gradient(135deg,#0ea5a4,#14b8a6)}
.experience-card.two{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.experience-card.three{background:linear-gradient(135deg,#ff7a59,#f97316)}

.gallery-main{
    border-radius:var(--radius-lg);
    overflow:hidden;
    aspect-ratio:10/6;
    background:#e9dfd2;
    box-shadow:0 14px 30px rgba(0,0,0,.12);
}
.gallery-main img{width:100%;height:100%;object-fit:contain;display:block;background:#e9dfd2}
.gallery-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.gallery-thumbs button{
    border:none;background:none;padding:0;cursor:pointer;border-radius:12px;overflow:hidden;opacity:.55;outline:none
}
.gallery-thumbs button.active{opacity:1;box-shadow:0 0 0 2px rgba(14,165,164,.45)}
.gallery-thumbs img{width:90px;height:54px;object-fit:contain;display:block;background:#e9dfd2}

.decision-strip{
    width:min(1160px,calc(100% - 28px));
    margin:-22px auto 18px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    position:relative;
    z-index:3;
}
.decision-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:11px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(16,35,61,.08);
    box-shadow:var(--shadow);
    font-size:.84rem;
    font-weight:800;
}
.decision-chip::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--primary),var(--primary-2));
    flex:0 0 auto;
}

.rich-text{line-height:1.8;color:#2f3950}
.rich-text p,
.rich-text div{margin:0 0 14px}
.rich-text strong,.rich-text b{font-weight:700}
.rich-text em,.rich-text i{font-style:italic}
.rich-text u{text-decoration:underline}
.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4{
    margin:18px 0 12px;
    line-height:1.2;
}
.rich-text ul,.rich-text ol{margin:12px 0 16px;padding-left:24px}
.rich-text li{margin-bottom:6px}
.rich-text blockquote{
    margin:16px 0;
    padding:12px 16px;
    border-left:4px solid rgba(37,99,235,.35);
    background:rgba(255,255,255,.42);
    border-radius:12px;
}
.rich-text a{
    text-decoration:underline;
    text-underline-offset:3px;
}

.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.info-item{
    padding:14px;border-radius:14px;background:rgba(255,255,255,.62);border:1px solid var(--line)
}
.info-item,
.related-card,
.side-stat,
.comment,
.share-bar,
.map-actions{min-width:0}
.info-item small{display:block;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.info-item strong{font-size:.95rem;word-break:break-word}
.recommendation-grid{
    display:grid;
    grid-template-columns:1.3fr .9fr;
    gap:14px;
}
.recommendation-stack{
    display:grid;
    gap:12px;
}
.recommendation-card{
    padding:16px;
    border-radius:18px;
    background:rgba(255,255,255,.72);
    border:1px solid var(--line);
}
.recommendation-card h3{
    margin:0 0 12px;
    font-size:1rem;
}
.recommendation-card-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.recommendation-score{
    padding:14px;
    border-radius:16px;
    background:rgba(255,255,255,.72);
    border:1px solid var(--line);
}
.recommendation-score-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    font-size:.92rem;
    margin-bottom:8px;
}
.recommendation-score-bar{
    height:10px;
    border-radius:999px;
    background:rgba(16,35,61,.08);
    overflow:hidden;
}
.recommendation-score-bar span{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(135deg,var(--primary),var(--primary-2));
}
.tag-cloud{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.tag-cloud span{
    display:inline-flex;
    align-items:center;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(37,99,235,.08);
    border:1px solid rgba(37,99,235,.12);
    color:var(--ink);
    font-size:.84rem;
    font-weight:700;
}
.facility-list{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}
.facility-list span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(14,165,164,.09);
    border:1px solid rgba(14,165,164,.14);
    font-size:.84rem;
    font-weight:700;
}
.story-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}
.story-card{
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.72);
    border:1px solid var(--line);
}
.story-card h3{
    margin:0 0 10px;
    font-size:1rem;
}
.story-card p{
    color:var(--muted);
    line-height:1.7;
    font-size:.92rem;
}
.insight-list{
    display:grid;
    gap:10px;
}
.insight-item{
    padding:14px 16px;
    border-radius:16px;
    background:rgba(255,255,255,.72);
    border:1px solid var(--line);
    color:var(--ink);
    line-height:1.65;
}

.map-frame{
    margin-top:12px;
    width:100%;
    height:320px;
    border:none;
    border-radius:14px;
}
.map-actions{
    display:flex;gap:10px;flex-wrap:wrap;margin-top:10px
}
.map-actions a{
    padding:11px 14px;border-radius:999px;font-size:.85rem;font-weight:800
}
.map-actions .primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}
.map-actions .secondary{background:rgba(36,27,22,.08)}

.pratik-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.pratik-card{
    padding:14px;
    border-radius:14px;
    color:#fff;
    display:grid;
    gap:8px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
.pratik-card small{
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    opacity:.9;
}
.pratik-card strong{
    font-size:1.02rem;
    line-height:1.4;
}
.hava-card{background:linear-gradient(135deg,#2f4d77,#4468a1);grid-column:1/-1}
.eczane-card{background:linear-gradient(135deg,#1d6b3f,#2f9760)}
.hastane-card{background:linear-gradient(135deg,#7a2525,#b04141)}
.hastane-links{
    display:grid;
    gap:8px;
    margin-top:2px;
}
.hastane-links a{
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.22);
    border-radius:10px;
    padding:8px 10px;
    font-size:.82rem;
}
.hava-wrap{
    display:flex;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    align-items:center;
}
.hava-sicaklik{
    font-size:2.1rem;
    font-weight:800;
    line-height:1;
}
.hava-detay{
    font-size:.85rem;
    opacity:.95;
    line-height:1.6;
}

.rating-box{display:grid;gap:12px}
.rating-head{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.rating-score{font-family:"Cormorant Garamond",serif;font-size:3rem;line-height:1}
.rating-sub{font-size:.9rem;color:var(--muted)}
.rating-stars{font-size:1rem;letter-spacing:.1em;color:#0ea5a4}
.rating-actions{display:flex;gap:8px;flex-wrap:wrap}
.rating-actions button{
    width:44px;height:44px;border:none;border-radius:12px;cursor:pointer;
    background:rgba(255,255,255,.9);box-shadow:0 3px 12px rgba(0,0,0,.08);font-weight:800
}
.rating-actions button:hover{
    transform:translateY(-1px);
    background:#fff6e8;
}

.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.related-card{padding:14px;border-radius:14px;background:rgba(255,255,255,.64);border:1px solid var(--line)}
.related-card small{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}

.comment{
    padding:14px 0;
    border-bottom:1px solid rgba(36,27,22,.08);
}
.comment:last-child{border-bottom:none}
.comment-name{font-weight:800;margin-bottom:4px}
.comment-date{font-size:.78rem;color:var(--muted);margin-bottom:6px}
.comment-text{line-height:1.75;color:#4b3f36}

.comment-form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.comment-form label{display:block;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.comment-form input,.comment-form textarea{
    width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.9);font:inherit;color:var(--ink)
}
.comment-form textarea{min-height:120px;resize:vertical}
.submit-btn{
    margin-top:10px;
    border:none;border-radius:999px;padding:12px 20px;font-weight:800;cursor:pointer;
    color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2))
}
.ok-msg{
    display:none;
    margin-bottom:10px;
    background:#e7f7ea;color:#236138;border-radius:12px;padding:12px 14px;font-weight:700
}

.side-card{padding:20px;position:sticky;top:76px}
.side-card{
    background:
        linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.82)),
        radial-gradient(circle at top right, rgba(37,99,235,.14), transparent 60%);
}
.side-title{font-family:"Cormorant Garamond",serif;font-size:1.8rem;margin-bottom:10px}
.side-stat{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid rgba(36,27,22,.08)}
.side-stat:last-child{border-bottom:none}
.side-stat small{color:var(--muted)}

footer{
    text-align:center;
    padding:22px 16px 36px;
    color:var(--muted);
    font-size:.9rem;
}
footer a{color:var(--primary-2);font-weight:800}
.share-bar{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    min-width:0;
}
.share-btn{
    border:none;
    border-radius:999px;
    width:46px;
    height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#fff;
    transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
    box-shadow:0 10px 20px rgba(10, 34, 64, .14);
}
.share-btn:hover{transform:translateY(-2px)}
.share-btn svg{width:18px;height:18px;fill:currentColor}
.share-fb{background:#2f69d9}
.share-ig{background:linear-gradient(135deg, #fd5949, #d6249f, #285AEB)}
.share-x{background:#222}
.share-link{background:#0ea5a4}
.share-btn.is-copied{background:linear-gradient(135deg, #1bbf83, #11998e)}
.floating-route-btn{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:150;
    border-radius:999px;
    padding:14px 18px;
    font-size:.9rem;
    font-weight:800;
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--primary-2));
    box-shadow:0 16px 34px rgba(14,90,138,.35);
    border:1px solid rgba(255,255,255,.3);
}
@media (max-width: 860px){
    .topnav{padding:12px 16px;align-items:flex-start}
    .topnav-links{display:flex}
    .menu-toggle{display:inline-flex}
    .topnav-actions{width:auto}
}
@media (max-width: 640px){
    .topnav{flex-direction:column;align-items:stretch}
    .topnav-actions{justify-content:space-between}
    .mobile-nav{top:106px}
}
.floating-route-btn:hover{
    transform:translateY(-2px);
}

@media(max-width:980px){
    .main-wrap{grid-template-columns:1fr}
    .side-card{position:static}
    .experience-strip{grid-template-columns:1fr 1fr}
    .story-grid{grid-template-columns:1fr}
    .recommendation-grid,
    .recommendation-card-grid{grid-template-columns:1fr}
    .immersive-360{grid-template-columns:1fr}
    .immersive-360-side{justify-items:start}
}
@media(max-width:700px){
    .info-grid,.related-grid,.comment-form .row,.pratik-grid,.recommendation-card-grid,.story-grid{grid-template-columns:1fr}
    .hero{min-height:66vh}
    .hero-content{padding-top:106px;padding-bottom:30px}
    .section{padding:18px}
    .gallery-thumbs img{width:70px;height:42px}
    .share-bar{display:grid;grid-template-columns:repeat(4, 46px)}
    .experience-strip{grid-template-columns:1fr}
    .decision-strip{margin:-14px auto 16px}
    .immersive-360{
        padding:16px;
        margin:-2px auto 16px;
    }
    .immersive-360-copy h2{font-size:2rem}
    .immersive-360-points{display:grid;gap:8px}
    .floating-route-btn{
        left:14px;
        right:14px;
        bottom:14px;
        text-align:center;
    }
}
/* Detail UI refresh - kentkedisi inspired */
body{
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 179, 57, .18), transparent 28%),
        radial-gradient(circle at 96% 22%, rgba(255, 45, 123, .12), transparent 30%),
        linear-gradient(180deg,#fffaf4 0%, #f6fbff 48%, #fff 100%);
    padding-bottom:112px;
}
.topnav{
    position:sticky;
    top:0;
    left:auto;
    right:auto;
    width:min(1280px, calc(100% - 44px));
    margin:18px auto 10px;
    border-radius:28px;
    padding:12px 16px;
    background:rgba(255,255,255,.9);
    box-shadow:0 18px 42px rgba(18,38,63,.08);
    border:1px solid rgba(18,38,63,.08);
}
.topnav-links{margin-right:auto}
.topnav-links a{
    background:#fff7ed;
    color:#17233d;
    border-color:#ffe1b8;
}
.theme-toggle{background:#101828;color:#fff;border-color:#101828}
.detail-breadcrumb{
    width:min(1280px, calc(100% - 44px));
    margin:0 auto 10px;
    display:flex;
    align-items:center;
    gap:8px;
    color:#5c6d86;
    font-size:.84rem;
    font-weight:800;
}
.detail-breadcrumb a{color:#17233d}
.detail-breadcrumb span{opacity:.62}
.hero{
    width:min(1280px, calc(100% - 44px));
    min-height:560px;
    margin:0 auto;
    border-radius:34px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 28px 70px rgba(18,38,63,.13);
    display:block;
}
.hero-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center right;
    background-color:#fff4e6;
    transform:none !important;
}
.hero-img{display:none}
.hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        radial-gradient(circle at 76% 24%, rgba(255,255,255,0) 0 22%, rgba(255,255,255,.12) 44%, rgba(255,255,255,.82) 74%),
        linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 38%, rgba(255,255,255,.18) 68%, rgba(255,255,255,0) 100%);
}
.hero::after{display:none}
.hero-overlay{
    z-index:1;
    background:
        linear-gradient(90deg, rgba(255,255,255,.92), rgba(255,255,255,.2) 62%, rgba(20,24,38,.22)),
        radial-gradient(circle at 12% 86%, rgba(255,45,123,.13), transparent 28%);
}
.hero-content{
    min-height:560px;
    width:100%;
    padding:74px 54px 154px;
    color:#111a35;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.hero-eyebrow{
    width:max-content;
    max-width:100%;
    padding:10px 16px;
    border-radius:999px;
    color:#fff;
    background:linear-gradient(135deg,#ff2d7b,#ff7a59);
    box-shadow:0 12px 24px rgba(255,45,123,.18);
    letter-spacing:.08em;
}
.hero-eyebrow::before{display:none}
.hero h1{
    font-family:"Cormorant Garamond",serif;
    font-size:clamp(3.8rem,8vw,7.8rem);
    line-height:.82;
    letter-spacing:-.06em;
    max-width:650px;
    color:#101633;
    text-shadow:none;
}
.hero-summary{
    max-width:560px;
    color:#263a5a;
    font-size:1.04rem;
    font-weight:700;
}
.hero-meta{margin-top:4px}
.meta-chip{
    background:#fff;
    border:1px solid rgba(18,38,63,.08);
    color:#17233d;
    box-shadow:0 10px 22px rgba(18,38,63,.08);
}
.hero-rating-line{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin:6px 0 14px;
}
.hero-rating-score{
    font-size:1.7rem;
    font-weight:900;
}
.hero-rating-stars{
    color:#ffb703;
    letter-spacing:.05em;
    font-size:1.1rem;
}
.hero-rating-count{
    color:#52647e;
    font-weight:800;
}
.hero-polaroids{
    position:absolute;
    right:42px;
    bottom:88px;
    z-index:4;
    display:grid;
    gap:12px;
    justify-items:end;
}
.hero-polaroid{
    width:190px;
    height:122px;
    border:7px solid #fff;
    border-radius:18px;
    background:#f4f8ff center/cover no-repeat;
    box-shadow:0 18px 32px rgba(16,24,40,.22);
    transform:rotate(-5deg);
}
.hero-polaroid:nth-child(2){
    width:230px;
    height:142px;
    transform:rotate(5deg) translateX(-22px);
}
.hero-photo-count{
    position:absolute;
    right:34px;
    bottom:34px;
    z-index:5;
    padding:15px 20px;
    border-radius:20px;
    background:linear-gradient(135deg,#ff2d7b,#ff7a59);
    color:#fff;
    font-weight:900;
    box-shadow:0 18px 32px rgba(255,45,123,.25);
}
.hero-photo-count small{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.hero-custom-badges{position:absolute;z-index:4;top:28px;right:34px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:min(560px,calc(100% - 48px))}
.hero-custom-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.75);box-shadow:0 14px 34px rgba(15,23,42,.18);backdrop-filter:blur(12px);text-decoration:none;color:#101633;font-weight:900;font-size:.82rem}
.hero-custom-badge img{width:28px;height:28px;border-radius:999px;object-fit:cover}
body[data-theme="dark"] .hero-custom-badge{background:rgba(13,22,38,.78);border-color:rgba(255,255,255,.16);color:#fff}
.hero-inline-badges{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0;max-width:620px}
.hero-inline-badge{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.72));border:1px solid rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(15,23,42,.14);text-decoration:none;color:#101633;font-weight:900;font-size:.9rem;backdrop-filter:blur(10px)}
.hero-inline-badge img{width:30px;height:30px;border-radius:999px;object-fit:cover}
body[data-theme="dark"] .hero-inline-badge{background:rgba(255,255,255,.88);color:#101633}
.hero-actions{
    margin-top:18px;
    gap:12px;
}
.hero-btn{
    min-height:48px;
    padding:0 18px;
    background:#fff;
    color:#101633;
    border-color:rgba(18,38,63,.1);
    box-shadow:0 12px 24px rgba(18,38,63,.08);
}
.hero-btn.primary{background:linear-gradient(135deg,#12b76a,#079455);color:#fff}
.hero-btn.secondary{background:#fff;color:#101633}
.detail-info-strip{
    width:min(1180px, calc(100% - 64px));
    margin:-58px auto 22px;
    position:relative;
    z-index:8;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr)) auto;
    gap:10px;
    padding:12px;
    border-radius:24px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(18,38,63,.08);
    box-shadow:0 22px 48px rgba(18,38,63,.14);
}
.detail-info-card{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    padding:12px;
    border-radius:18px;
    background:#fffaf4;
    border:1px solid #ffe7c2;
}
.detail-info-icon{
    width:40px;
    height:40px;
    border-radius:14px;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(135deg,#ff9f1c,#ff2d7b);
    flex:0 0 auto;
}
.detail-info-card small{
    display:block;
    color:#66758c;
    font-size:.68rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
}
.detail-info-card strong{
    display:block;
    color:#101633;
    font-size:.88rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.detail-info-actions{
    display:flex;
    gap:8px;
    align-items:center;
}
.detail-action{
    min-height:52px;
    padding:0 18px;
    border-radius:16px;
    border:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:900;
    white-space:nowrap;
    box-shadow:0 12px 24px rgba(18,38,63,.12);
}
.detail-action.route{background:linear-gradient(135deg,#f59e0b,#f97316)}
.detail-action.whatsapp{background:linear-gradient(135deg,#22c55e,#079455)}
.detail-action.call{background:linear-gradient(135deg,#2f80ed,#1d4ed8)}
.detail-action.tour360{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
.detail-tabs{
    width:min(1180px, calc(100% - 64px));
    margin:0 auto 22px;
    display:flex;
    gap:10px;
    overflow-x:auto;
    padding:10px;
    border-radius:24px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(18,38,63,.08);
    box-shadow:0 16px 34px rgba(18,38,63,.08);
}
.detail-tab{
    flex:0 0 auto;
    padding:12px 18px;
    border-radius:18px;
    font-size:.78rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:#101633;
    background:#fff;
    border:1px solid rgba(18,38,63,.08);
}
.detail-tab.is-active{background:linear-gradient(135deg,#ffcf24,#ff9f1c)}
.experience-strip{display:none}
.visual-feature-grid,
.featured-menu-panel,
.detail-duo-grid,
.place-photo-strip,
.amenity-ribbon,
.activity-grid{
    width:min(1180px, calc(100% - 64px));
    margin:0 auto 22px;
}
.visual-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.visual-card{
    min-height:250px;
    position:relative;
    overflow:hidden;
    border-radius:26px;
    background:#fff;
    border:1px solid rgba(18,38,63,.08);
    box-shadow:0 18px 42px rgba(18,38,63,.1);
}
.visual-card-media{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,#e0f2fe,#fdf2f8) center/cover no-repeat;
}
.visual-card.map .visual-card-media{
    background:
        radial-gradient(circle at 64% 48%, rgba(124,58,237,.9) 0 10px, transparent 11px),
        radial-gradient(circle at 64% 48%, rgba(124,58,237,.22) 0 42px, transparent 43px),
        linear-gradient(135deg,#fdf4ff,#e0f2fe);
}
.visual-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(8,16,33,.05),rgba(8,16,33,.64));
}
.visual-card-body{
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;
    z-index:2;
    color:#fff;
}
.visual-card-kicker{
    display:inline-flex;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.2);
    border:1px solid rgba(255,255,255,.24);
    font-size:.72rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin-bottom:8px;
}
.visual-card h3{margin:0 0 6px;font-size:1.25rem}
.visual-card p{margin:0 0 12px;color:rgba(255,255,255,.88);line-height:1.5}
.visual-card-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 14px;
    border-radius:999px;
    background:#fff;
    color:#101633;
    font-weight:900;
}
.featured-menu-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.featured-menu-card{
    display:flex;
    flex-direction:column;
    min-height:100%;
    overflow:hidden;
    border-radius:22px;
    background:#fff;
    border:1px solid rgba(18,38,63,.08);
    box-shadow:0 16px 34px rgba(18,38,63,.08);
}
.featured-menu-img{
    height:150px;
    background:linear-gradient(135deg,#ffe4ec,#dbeafe);
    background-size:cover;
    background-position:center;
}
.featured-menu-body{
    padding:14px;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.featured-menu-body h3{margin:0;font-size:1rem;color:#101633}
.featured-menu-body p{margin:0;color:#5b6b84;font-size:.84rem;line-height:1.5}
.featured-menu-price{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:7px 10px;
    border-radius:999px;
    background:#fff3c4;
    color:#7c3e00;
    font-weight:900;
    font-size:.82rem;
}
.detail-duo-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.pink-panel{
    background:linear-gradient(135deg,#fff7ed,#fff1f8);
    border:1px solid rgba(255,45,123,.16);
}
.route-list{
    display:grid;
    gap:12px;
    margin-top:14px;
}
.route-step{
    display:grid;
    grid-template-columns:36px 1fr 96px;
    gap:12px;
    align-items:center;
}
.route-num{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:999px;
    color:#fff;
    font-weight:900;
    background:linear-gradient(135deg,#2f80ed,#7c3aed);
}
.route-thumb{
    width:96px;
    height:70px;
    border-radius:16px;
    background:linear-gradient(135deg,#ff9f1c,#2f80ed) center/cover no-repeat;
}
.nearby-mini-list{
    display:grid;
    gap:10px;
    margin-top:14px;
}
.nearby-mini{
    display:grid;
    grid-template-columns:56px 1fr auto;
    gap:10px;
    align-items:center;
    padding:8px;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(18,38,63,.08);
}
.nearby-mini-img{
    width:56px;
    height:52px;
    border-radius:14px;
    background:linear-gradient(135deg,#ff9f1c,#2f80ed) center/cover no-repeat;
}
.nearby-mini strong{display:block;font-size:.92rem}
.nearby-mini small{color:#66758c;font-weight:800}
.nearby-mini b{color:#101633;white-space:nowrap}
.place-photo-strip{
    display:grid;
    grid-template-columns:1.4fr .6fr;
    gap:16px;
}
.photo-strip-card{
    padding:18px;
}
.photo-strip-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-top:14px;
}
.photo-strip-img{
    min-height:130px;
    border-radius:20px;
    background:#eef4ff center/cover no-repeat;
    position:relative;
    overflow:hidden;
}
.share-panel{
    padding:22px;
    position:relative;
    overflow:hidden;
}
.share-panel::after{
    content:"";
    position:absolute;
    width:160px;
    height:160px;
    right:-40px;
    bottom:-52px;
    border-radius:50%;
    background:radial-gradient(circle,#ffcf24,transparent 64%);
    opacity:.5;
}
.share-panel h3{margin:0 0 8px}
.share-panel p{color:#66758c;line-height:1.6}
.activity-panel{
    width:min(1180px, calc(100% - 64px));
    margin:0 auto 112px;
    padding:22px;
    border-radius:28px;
    background:linear-gradient(135deg,#eff6ff,#fff7ed);
    border:1px solid rgba(18,38,63,.08);
    box-shadow:0 18px 42px rgba(18,38,63,.08);
}
.activity-grid{
    width:100%;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:12px;
    margin:16px 0 0;
}
.activity-tile{
    min-height:106px;
    border-radius:22px;
    color:#fff;
    display:grid;
    place-items:center;
    text-align:center;
    gap:8px;
    font-weight:900;
    box-shadow:0 14px 28px rgba(18,38,63,.12);
}
.activity-tile:nth-child(1){background:linear-gradient(135deg,#ff9f1c,#f97316)}
.activity-tile:nth-child(2){background:linear-gradient(135deg,#2f80ed,#06b6d4)}
.activity-tile:nth-child(3){background:linear-gradient(135deg,#22c55e,#84cc16)}
.activity-tile:nth-child(4){background:linear-gradient(135deg,#ef4444,#fb7185)}
.activity-tile:nth-child(5){background:linear-gradient(135deg,#a855f7,#7c3aed)}
.activity-tile:nth-child(6){background:linear-gradient(135deg,#6366f1,#8b5cf6)}
.activity-icon{font-size:1.7rem}
.main-wrap{
    width:min(1180px, calc(100% - 64px));
    grid-template-columns:minmax(0,1fr) 340px;
}
.panel{
    border-radius:24px;
    border:1px solid rgba(18,38,63,.08);
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 42px rgba(18,38,63,.08);
}
.panel:hover{transform:none}
.section-title{
    font-family:"Manrope",sans-serif;
    font-size:1.2rem;
    font-weight:900;
    color:#101633;
}
.section-title::after{background:linear-gradient(90deg,#ff2d7b,#ff9f1c)}
.gallery-main img{object-fit:cover}
.map-frame{border-radius:22px}
.side-card{
    position:sticky;
    top:104px;
    align-self:start;
}
.floating-route-btn{
    left:50%;
    right:auto;
    bottom:18px;
    transform:translateX(-50%);
    width:min(1180px, calc(100% - 36px));
    justify-content:center;
    border-radius:24px;
    background:linear-gradient(135deg,#ffcf24,#ff2d7b);
    color:#fff;
}
.bottom-action-bar{
    position:fixed;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
    z-index:180;
    width:min(1180px, calc(100% - 36px));
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    padding:10px;
    border-radius:24px;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(18,38,63,.08);
    box-shadow:0 18px 42px rgba(18,38,63,.18);
    backdrop-filter:blur(14px);
}
.bottom-action-bar a,
.bottom-action-bar button{
    min-height:54px;
    border:none;
    border-radius:18px;
    color:#fff;
    font:900 .92rem "Manrope",sans-serif;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.bottom-action-bar .route{background:linear-gradient(135deg,#ffcf24,#f59e0b);color:#2d1800}
.bottom-action-bar .whatsapp{background:linear-gradient(135deg,#22c55e,#079455)}
.bottom-action-bar .call{background:linear-gradient(135deg,#2f80ed,#1d4ed8)}
.bottom-action-bar .save{background:linear-gradient(135deg,#ff5da2,#ff2d7b)}

/* Kentkedisi inspired detail layout polish */
body{
    background:
        radial-gradient(circle at 0 20%, rgba(255,45,123,.08), transparent 26%),
        radial-gradient(circle at 100% 10%, rgba(255,207,36,.16), transparent 24%),
        linear-gradient(180deg,#fff 0%,#fff 52%,#f7fbff 100%);
}
.hero{
    width:min(1320px, calc(100% - 54px));
    min-height:610px;
    border-radius:0 0 34px 34px;
    box-shadow:0 30px 76px rgba(18,38,63,.12);
}
.hero::before{
    background:
        radial-gradient(circle at 58% 38%, rgba(255,255,255,0) 0 38%, rgba(255,255,255,.03) 58%, rgba(255,255,255,.16) 86%),
        linear-gradient(90deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.50) 28%, rgba(255,255,255,.02) 58%, rgba(255,255,255,0) 100%);
}
.hero-overlay{
    background:
        linear-gradient(90deg, rgba(255,255,255,.40), rgba(255,255,255,.02) 48%, rgba(20,24,38,.10)),
        radial-gradient(circle at 12% 86%, rgba(255,45,123,.05), transparent 28%);
}
.hero-content{padding-left:64px}
.hero-eyebrow{
    background:#ff2d7b;
    box-shadow:0 12px 26px rgba(255,45,123,.24);
}
.hero h1{
    max-width:620px;
    font-size:clamp(4.7rem,8.4vw,8.8rem);
    line-height:.78;
}
.hero h1::after{
    content:"";
    display:block;
    width:178px;
    height:10px;
    margin:10px 0 0 6px;
    border-radius:999px;
    background:linear-gradient(90deg,#ff2d7b,#ff9f1c);
    transform:rotate(-3deg);
}
.hero-summary{
    margin-top:16px;
    max-width:470px;
    color:#17233d;
    font-weight:800;
}
.hero-rating-line{
    padding:8px 0;
    font-size:1rem;
}
.hero-rating-score{color:#101633}
.hero-polaroids{right:72px;bottom:126px}
.hero-polaroid{
    width:210px;
    height:132px;
    border-width:8px;
    border-radius:22px;
}
.hero-polaroid:nth-child(2){
    width:255px;
    height:158px;
    transform:rotate(7deg) translateX(-12px);
}
.hero-photo-count{
    right:70px;
    bottom:78px;
    min-width:116px;
    text-align:center;
    background:#ff2d7b;
}
.hero-floating-actions{
    position:absolute;
    right:70px;
    bottom:78px;
    z-index:6;
    display:flex;
    align-items:flex-end;
    gap:12px;
}
.hero-floating-actions .hero-photo-count{
    position:static;
    right:auto;
    bottom:auto;
}
.hero-favorite-btn{
    width:58px;
    height:58px;
    border:none;
    border-radius:20px;
    display:grid;
    place-items:center;
    color:#ff2d7b;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 32px rgba(18,38,63,.18);
    font-size:2rem;
    font-weight:1000;
    cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease;
}
.hero-favorite-btn:hover{
    transform:translateY(-2px) scale(1.03);
    box-shadow:0 22px 38px rgba(18,38,63,.22);
}
.hero-favorite-btn.is-favorite{
    color:#fff;
    background:linear-gradient(135deg,#ff5da2,#ff2d7b);
    box-shadow:0 18px 34px rgba(255,45,123,.34);
}
.detail-info-strip{
    width:min(1180px, calc(100% - 64px));
    margin:-34px auto 24px;
    grid-template-columns:repeat(4,minmax(0,1fr)) repeat(3,auto);
    border-radius:18px;
    padding:10px;
    background:#fff;
    box-shadow:0 16px 34px rgba(18,38,63,.14);
}
.detail-info-card{
    min-height:62px;
    background:#fff;
    border:0;
    border-right:1px solid #edf2f7;
}
.detail-info-card:nth-child(1) .detail-info-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}
.detail-info-card:nth-child(2) .detail-info-icon{background:linear-gradient(135deg,#ff9f1c,#f97316)}
.detail-info-card:nth-child(3) .detail-info-icon{background:linear-gradient(135deg,#a855f7,#7c3aed)}
.detail-info-card:nth-child(4) .detail-info-icon{background:linear-gradient(135deg,#ff2d7b,#fb7185)}
.detail-info-icon{
    width:42px;
    height:42px;
    border-radius:13px;
    font-size:.88rem;
    font-weight:1000;
}
.detail-info-actions{
    display:contents;
}
.detail-action{
    min-width:112px;
    min-height:48px;
    border-radius:14px;
    box-shadow:none;
}
.detail-action.route{background:#12b76a}
.detail-action.whatsapp{background:#16a34a}
.detail-action.call{background:#2f80ed}
.detail-action.tour360{background:#7c3aed}
.detail-tabs{
    width:min(1180px, calc(100% - 64px));
    justify-content:space-between;
    gap:8px;
    padding:8px 0 12px;
    background:transparent;
    border:none;
    box-shadow:none;
}
.detail-tab{
    border:0;
    background:#fff;
    box-shadow:0 10px 26px rgba(18,38,63,.07);
    min-width:126px;
    min-height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}
.detail-tab::before{
    content:"";
    width:22px;
    height:22px;
    border-radius:8px;
    background:linear-gradient(135deg,#ffcf24,#ff9f1c);
}
.detail-tab:nth-child(2)::before{background:linear-gradient(135deg,#2f80ed,#06b6d4)}
.detail-tab:nth-child(3)::before{background:linear-gradient(135deg,#a855f7,#7c3aed)}
.detail-tab:nth-child(4)::before{background:linear-gradient(135deg,#ff2d7b,#fb7185)}
.detail-tab:nth-child(5)::before{background:linear-gradient(135deg,#22c55e,#84cc16)}
.detail-tab.is-active{
    background:linear-gradient(135deg,#ffcf24,#ff9f1c);
    color:#111827;
}
.decision-strip{
    width:min(1180px, calc(100% - 64px));
    margin:0 auto 18px;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.decision-chip{
    border:none;
    background:linear-gradient(135deg,#fff7ed,#fdf2f8);
    box-shadow:0 10px 22px rgba(18,38,63,.06);
}
.visual-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
}
.visual-card{
    min-height:330px;
    border-radius:22px;
    border:2px solid #d8f7ff;
    padding:14px;
    background:linear-gradient(135deg,#e8fbff,#fff);
    box-shadow:0 16px 32px rgba(18,38,63,.11);
    display:flex;
    flex-direction:column;
}
.visual-card:nth-child(n+3){
    display:none;
}
.visual-card.360{
    border-color:#f3c6ff;
    background:linear-gradient(135deg,#d946ef,#fff 46%,#fff7c2);
}
.visual-card.video::before,
.visual-card.360::before{
    content:"TANITIM VIDEOSU";
    color:#103a8a;
    font-weight:1000;
    letter-spacing:.02em;
    font-size:1.02rem;
    margin:2px 2px 12px;
    text-transform:uppercase;
}
.visual-card.360::before{
    content:"360° SANAL TUR";
    color:#fff;
}
.visual-card-media{
    position:relative;
    inset:auto;
    flex:1;
    min-height:248px;
    border-radius:18px;
    overflow:hidden;
    background:linear-gradient(135deg,#e0f2fe,#fdf2f8) center/cover no-repeat;
    cursor:pointer;
}
.visual-card-media::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(8,16,33,.02),rgba(8,16,33,.44));
}
.visual-card::after{display:none}
.visual-card-body{
    position:absolute;
    left:28px;
    right:28px;
    bottom:24px;
    z-index:3;
    color:#fff;
    pointer-events:none;
}
.visual-card-kicker{
    display:none;
}
.visual-card h3{
    margin:0 0 4px;
    font-size:1.14rem;
    color:#fff;
}
.visual-card p{
    margin:0;
    color:rgba(255,255,255,.9);
    line-height:1.45;
}
.visual-card-btn{
    position:absolute;
    right:26px;
    bottom:24px;
    z-index:4;
    width:52px;
    height:52px;
    min-height:52px;
    padding:0;
    border-radius:50%;
    background:#fff;
    color:#111827;
    box-shadow:0 12px 24px rgba(18,38,63,.2);
    overflow:hidden;
    text-indent:-999px;
    pointer-events:auto;
    border:none;
    cursor:pointer;
    font:900 .92rem "Manrope",sans-serif;
}
.visual-card-btn::after{
    content:"→";
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    text-indent:0;
    font-size:1.5rem;
    font-weight:1000;
}
.visual-card.video .visual-card-btn{
    left:50%;
    top:50%;
    right:auto;
    bottom:auto;
    transform:translate(-50%,-50%);
    width:92px;
    height:92px;
    border:3px solid rgba(255,255,255,.8);
    background:rgba(16,24,40,.38);
    backdrop-filter:blur(3px);
}
.visual-card.video .visual-card-btn::after{
    content:"▶";
    color:#fff;
    font-size:2.35rem;
    padding-left:6px;
}
.visual-card.360 .visual-card-btn::after{
    content:"→";
}
.visual-card.360 .visual-card-media::after{
    content:"360°";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:96px;
    height:96px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:3px solid rgba(255,255,255,.92);
    color:#fff;
    font-size:1.7rem;
    font-weight:1000;
    background:rgba(16,24,40,.25);
    backdrop-filter:blur(2px);
}
.visual-card.video .visual-card-media::after{
    content:"02:15";
    position:absolute;
    right:12px;
    bottom:12px;
    padding:6px 9px;
    border-radius:10px;
    background:rgba(15,23,42,.72);
    color:#fff;
    font-weight:900;
    font-size:.84rem;
}
.visual-feature-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.visual-feature-grid .visual-card:nth-child(n+3){
    display:flex;
}
.visual-card--video,
.visual-card--360,
.visual-card--map{
    min-height:310px;
}
.visual-card--video{
    border-color:#79d8f2;
    background:
        radial-gradient(circle at 20% 10%, rgba(14,165,233,.30), transparent 34%),
        linear-gradient(135deg,#bfefff 0%,#d9f7ff 48%,#f7fdff 100%);
}
.visual-card--360{
    border-color:#ffd86f;
    background:linear-gradient(135deg,#d946ef,#fff 46%,#fff7c2);
}
.visual-card--map{
    border-color:#f7b7e1;
    background:
        radial-gradient(circle at 12% 10%, rgba(236,72,153,.18), transparent 30%),
        linear-gradient(135deg,#fff7fe 0%,#fff 54%,#f6fbff 100%);
}
.visual-card--video::before,
.visual-card--360::before,
.visual-card--map::before{
    color:#103a8a;
    font-weight:1000;
    letter-spacing:.02em;
    font-size:1.02rem;
    margin:2px 2px 12px;
    text-transform:uppercase;
}
.visual-card--video::before{content:"TANITIM VIDEOSU"}
.visual-card--360::before{content:"360° SANAL TUR";color:#fff}
.visual-card--map::before{content:"HARITADA GÖRÜNTÜLE";color:#9d13bf}
.visual-card--map .visual-card-media{
    overflow:hidden;
    border:1px solid rgba(190,24,93,.12);
    background:
        radial-gradient(circle at 50% 50%, rgba(34,197,94,.16) 0 7px, transparent 8px),
        radial-gradient(circle at 50% 50%, rgba(124,58,237,.98) 0 11px, transparent 12px),
        radial-gradient(circle at 50% 50%, rgba(124,58,237,.22) 0 44px, transparent 45px),
        linear-gradient(28deg, transparent 0 38%, rgba(255,255,255,.42) 38.4% 41%, transparent 41.4%),
        linear-gradient(118deg, transparent 0 46%, rgba(255,255,255,.50) 46.4% 49%, transparent 49.4%),
        repeating-linear-gradient(24deg,rgba(100,116,139,.16) 0 1px,transparent 1px 25px),
        repeating-linear-gradient(114deg,rgba(148,163,184,.10) 0 1px,transparent 1px 32px),
        linear-gradient(135deg,#fdf2f8 0%,#dff6ff 54%,#eff6ff 100%);
}
.visual-map-preview{
    position:absolute;
    inset:-28px;
    width:calc(100% + 56px);
    height:calc(100% + 56px);
    border:0;
    z-index:0;
    opacity:.62;
    filter:saturate(.72) contrast(.96) brightness(1.06);
    pointer-events:none;
}
.visual-card--map .visual-card-media::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg, rgba(255,255,255,.18), rgba(15,23,42,.24)),
        radial-gradient(circle at 52% 82%, rgba(255,255,255,.28), transparent 38%);
    z-index:1;
}
.visual-card--map .visual-card-media::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:44px;
    height:44px;
    border-radius:50% 50% 50% 0;
    transform:translate(-50%,-72%) rotate(-45deg);
    background:linear-gradient(135deg,#a855f7,#6d28d9);
    border:5px solid rgba(255,255,255,.92);
    box-shadow:0 18px 36px rgba(88,28,135,.34);
    z-index:2;
}
.visual-card--map .visual-card-body{
    top:66px;
    bottom:20px;
    left:26px;
    right:26px;
    color:#101633;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    z-index:4;
}
.visual-card--map .visual-card-body h3{
    display:none;
}
.visual-card--map .visual-card-body p{
    align-self:flex-start;
    max-width:min(86%, 360px);
    margin:0;
    padding:10px 13px;
    color:#263247;
    font-size:.88rem;
    font-weight:900;
    line-height:1.35;
    border-radius:16px;
    background:rgba(255,255,255,.78);
    border:1px solid rgba(255,255,255,.72);
    box-shadow:0 12px 30px rgba(15,23,42,.10);
    backdrop-filter:blur(12px);
}
.visual-card--map .visual-card-btn{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:100%;
    border-radius:18px;
    opacity:0;
    text-indent:-9999px;
    background:transparent;
    box-shadow:none;
    cursor:pointer;
}
.visual-card--map .visual-card-btn::after{
    content:"";
}
.visual-card--video .visual-card-btn{
    display:none;
}
.visual-card--video .visual-card-body{
    pointer-events:none;
}
.visual-card--video .visual-card-media{
    display:grid;
    place-items:center;
}
.visual-play-btn{
    position:absolute;
    left:50%;
    top:50%;
    right:auto;
    bottom:auto;
    margin:0;
    transform:translate(-50%,-50%);
    z-index:8;
    width:92px;
    height:92px;
    border:3px solid rgba(255,255,255,.82);
    border-radius:50%;
    background:rgba(15,23,42,.52);
    box-shadow:0 16px 34px rgba(15,23,42,.26);
    backdrop-filter:blur(4px);
    cursor:pointer;
}
.visual-play-btn::after{
    content:"▶";
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:#fff;
    font-size:2.45rem;
    font-weight:1000;
    padding-left:7px;
}
.visual-card--video .visual-card-btn::after{
    content:"▶";
    color:#fff;
    font-size:2.35rem;
    padding-left:6px;
}
.visual-card--360 .visual-card-btn::after{
    content:"→";
}
.visual-card--360 .visual-card-media::after{
    content:"360°";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:96px;
    height:96px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:3px solid rgba(255,255,255,.92);
    color:#fff;
    font-size:1.7rem;
    font-weight:1000;
    background:rgba(16,24,40,.25);
    backdrop-filter:blur(2px);
}
.visual-card--video .visual-card-media::after{
    content:"02:15";
    position:absolute;
    right:12px;
    bottom:12px;
    padding:6px 9px;
    border-radius:10px;
    background:rgba(15,23,42,.72);
    color:#fff;
    font-weight:900;
    font-size:.84rem;
}
.visual-card-media.is-inline-open::before,
.visual-card-media.is-inline-open::after{
    display:none;
}
.visual-card-media iframe,
.visual-card-media .inline-panorama-viewer{
    width:100%;
    height:100%;
    min-height:248px;
    border:0;
    border-radius:18px;
    display:block;
    background:#101633;
}
.visual-card-media.is-inline-open{
    cursor:default;
}
.visual-card.is-open .visual-card-body{
    display:none;
}
.visual-card.is-open .visual-play-btn{
    display:none;
}
@media(max-width:980px){
    .visual-feature-grid{
        grid-template-columns:1fr;
    }
}
.featured-menu-panel,
.detail-duo-grid > .panel,
.main-wrap > div > .panel,
.place-photo-strip > .panel,
.activity-panel{
    border-radius:24px;
    background:#fff;
    box-shadow:0 15px 34px rgba(18,38,63,.08);
}
.featured-menu-panel{padding:20px}
.featured-menu-card{
    border-radius:18px;
    box-shadow:none;
}
.featured-menu-img{
    height:156px;
    border-radius:16px;
    margin:10px 10px 0;
}
.featured-menu-price{
    background:#fff7bf;
    color:#5c3700;
}
.detail-duo-grid{
    grid-template-columns:1fr 1fr;
}
.detail-duo-grid .panel{
    min-height:100%;
}
.pink-panel{
    background:linear-gradient(135deg,#eff6ff,#fff);
    border:1px solid #bfdbfe;
}
.route-step{
    padding:10px;
    border-radius:18px;
    background:#fff;
    border:1px solid #e5eefb;
}
.route-num{
    background:#2f80ed;
}
.nearby-mini{
    border-radius:16px;
}
.nearby-mini b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    padding:5px 8px;
    border-radius:999px;
    background:#f8fafc;
}
.amenity-ribbon{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    padding:14px;
    border-radius:22px;
    background:#fff;
    border:1px solid rgba(18,38,63,.08);
    box-shadow:0 15px 34px rgba(18,38,63,.08);
}
.amenity-card{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:10px;
    align-items:center;
    min-height:72px;
}
.amenity-icon{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:14px;
    color:#fff;
    font-weight:1000;
    font-size:.76rem;
    background:linear-gradient(135deg,#22c55e,#16a34a);
}
.amenity-card:nth-child(2) .amenity-icon{background:linear-gradient(135deg,#ff9f1c,#f97316)}
.amenity-card:nth-child(3) .amenity-icon{background:linear-gradient(135deg,#a855f7,#7c3aed)}
.amenity-card:nth-child(4) .amenity-icon{background:linear-gradient(135deg,#2f80ed,#06b6d4)}
.amenity-card:nth-child(5) .amenity-icon{background:linear-gradient(135deg,#ff2d7b,#fb7185)}
.amenity-card:nth-child(6) .amenity-icon{background:linear-gradient(135deg,#14b8a6,#0f766e)}
.amenity-card strong{
    display:block;
    color:#101633;
    font-size:.84rem;
}
.amenity-card small{
    display:block;
    color:#66758c;
    font-size:.74rem;
    font-weight:800;
    line-height:1.35;
}
.main-wrap{
    align-items:start;
}
.story-grid{
    display:grid;
    gap:12px;
}
.story-card{
    position:relative;
    padding-left:42px;
    border-radius:16px;
    border:0;
    background:#fff8f0;
}
.story-card::before{
    content:"";
    position:absolute;
    left:14px;
    top:18px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:linear-gradient(135deg,#ff9f1c,#ff2d7b);
    box-shadow:inset 0 0 0 4px #fff;
}
.recommendation-card,
.info-item,
.pratik-card,
.comment{
    border-radius:18px;
}
.facility-list span,
.tag-cloud span{
    border:0;
    box-shadow:0 8px 18px rgba(18,38,63,.06);
}
.place-photo-strip{
    grid-template-columns:1.35fr .65fr;
}
.photo-strip-img{
    min-height:150px;
    border-radius:18px;
}
.share-panel{
    background:linear-gradient(135deg,#fff,#fdf2f8);
    border-color:#fbcfe8;
}
.activity-panel{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 94% 18%, rgba(255,45,123,.12), transparent 24%),
        linear-gradient(135deg,#f0f9ff,#fff 48%,#fff7ed);
}
.activity-panel::before{
    content:"";
    position:absolute;
    inset:12px;
    border:1px dashed rgba(255,45,123,.18);
    border-radius:22px;
    pointer-events:none;
}
.activity-grid{
    position:relative;
    z-index:1;
}
.activity-tile{
    min-height:116px;
    border-radius:18px;
}
.bottom-action-bar{
    max-width:1180px;
    padding:8px;
    border-radius:18px;
}
.bottom-action-bar a,
.bottom-action-bar button{
    min-height:64px;
    border-radius:14px;
    font-size:1rem;
}
.topnav,
.detail-breadcrumb,
.hero,
.detail-info-strip,
.detail-tabs,
.decision-strip,
.main-wrap,
.visual-feature-grid,
.featured-menu-panel,
.detail-duo-grid,
.amenity-ribbon,
.place-photo-strip,
.activity-panel{
    width:min(1500px, calc(100% - 48px));
}
.hero{
    width:min(1540px, calc(100% - 48px));
}
.detail-info-strip{
    width:min(1440px, calc(100% - 56px));
    grid-template-columns:repeat(3,minmax(170px, max-content)) minmax(520px,1fr);
    align-items:center;
    gap:12px;
    padding:12px;
    border-radius:20px;
}
.detail-info-card{
    gap:13px;
    padding:10px 18px;
}
.detail-info-icon{
    width:52px;
    height:52px;
    border-radius:15px;
}
.detail-info-card small{
    color:#4b5870;
    font-size:.68rem;
}
.detail-info-card strong{
    font-size:1rem;
}
.detail-action{
    min-width:142px;
    min-height:58px;
    border-radius:14px;
    font-size:.95rem;
}
.detail-action.route::before{content:"";width:18px;height:18px;margin-right:8px;border-radius:7px;background:rgba(255,255,255,.55)}
.detail-action.whatsapp::before{content:"";width:18px;height:18px;margin-right:8px;border-radius:50%;background:rgba(255,255,255,.55)}
.detail-action.call::before{content:"";width:18px;height:18px;margin-right:8px;border-radius:6px;background:rgba(255,255,255,.55)}
.detail-action.tour360::before{content:"";width:18px;height:18px;margin-right:8px;border-radius:999px;background:rgba(255,255,255,.55)}
.detail-info-strip{
    grid-template-columns:repeat(3,minmax(168px,1fr)) minmax(520px,auto);
    gap:12px;
    padding:14px;
    border-radius:24px;
    justify-content:space-between;
}
.detail-info-card{
    justify-self:start;
}
.detail-info-actions{
    display:flex;
    flex-wrap:nowrap;
    gap:12px;
    align-items:center;
    padding-left:4px;
    justify-self:end;
}
.detail-action{
    min-width:0;
    min-height:54px;
    border-radius:18px;
    justify-content:center;
    letter-spacing:.01em;
    box-shadow:0 12px 26px rgba(18,38,63,.10);
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.detail-action:hover{
    transform:translateY(-1px);
    box-shadow:0 16px 32px rgba(18,38,63,.16);
    filter:saturate(1.04);
}
.detail-action.whatsapp{order:1}
.detail-action.call{order:2}
.detail-action.tour360{order:3}
.detail-action.route{order:4}
.detail-tabs{
    width:min(1180px, calc(100% - 64px));
    justify-content:center;
    gap:14px;
    padding:10px;
    margin:0 auto 24px;
    border-radius:26px;
    background:rgba(255,255,255,.46);
    box-shadow:inset 0 0 0 1px rgba(18,38,63,.06);
    backdrop-filter:blur(16px);
}
.detail-tab{
    min-width:0;
    min-height:54px;
    padding:0 22px;
    border-radius:18px;
    background:rgba(255,255,255,.92);
    box-shadow:0 10px 24px rgba(18,38,63,.07);
    gap:10px;
}
.detail-tab::before{
    width:18px;
    height:18px;
    border-radius:999px;
}
.detail-tab.is-active{
    box-shadow:0 14px 30px rgba(255,159,28,.18);
}
@media(max-width:980px){
    .topnav,.detail-breadcrumb,.hero,.detail-info-strip,.detail-tabs,.main-wrap,.visual-feature-grid,.featured-menu-panel,.detail-duo-grid,.amenity-ribbon,.place-photo-strip,.activity-panel{width:min(100% - 24px, 760px)}
    .hero{min-height:auto}
    .hero-bg{position:absolute;inset:0;opacity:.42}
    .hero::before{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.76))}
    .hero-content{min-height:520px;padding:50px 24px 152px}
    .hero h1{font-size:clamp(3rem,16vw,5.4rem)}
    .hero-polaroids{display:none}
    .detail-info-strip{grid-template-columns:1fr 1fr;margin-top:-48px}
    .detail-info-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));padding-left:0}
    .detail-tabs{justify-content:flex-start;overflow-x:auto}
    .main-wrap{grid-template-columns:1fr}
    .side-card{position:static}
    .visual-feature-grid,.detail-duo-grid,.place-photo-strip{grid-template-columns:1fr}
    .amenity-ribbon{grid-template-columns:1fr 1fr}
    .featured-menu-grid{grid-template-columns:1fr 1fr}
    .activity-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
    .topnav{width:calc(100% - 18px);margin-top:8px;border-radius:20px}
    .topnav-links a:not(:first-child){display:none}
    .detail-breadcrumb{width:calc(100% - 22px);font-size:.76rem;overflow:hidden}
    .hero{width:calc(100% - 18px);border-radius:24px}
    .hero-content{padding:38px 18px 142px;min-height:480px}
    .hero h1{font-size:3.05rem}
    .hero-summary{font-size:.94rem}
    .hero-photo-count{right:16px;bottom:18px}
    .detail-info-strip,.detail-tabs,.main-wrap,.visual-feature-grid,.featured-menu-panel,.detail-duo-grid,.amenity-ribbon,.place-photo-strip,.activity-panel{width:calc(100% - 18px)}
    .detail-info-strip{grid-template-columns:1fr;padding:10px}
    .detail-info-actions{grid-template-columns:1fr}
    .detail-tabs{padding:8px;gap:8px}
    .detail-tab{min-width:132px}
    .detail-tabs{border-radius:18px}
    .section{padding:18px}
    .bottom-action-bar{
        width:calc(100% - 18px);
        grid-template-columns:1fr 1fr;
        border-radius:20px;
    }
    .photo-strip-row{grid-template-columns:1fr 1fr}
    .amenity-ribbon{grid-template-columns:1fr}
    .featured-menu-grid{grid-template-columns:1fr}
    .activity-grid{grid-template-columns:1fr 1fr}
    .route-step{grid-template-columns:32px 1fr}
    .route-thumb{display:none}
}
@media(max-width:760px){
    body{
        padding-bottom:94px;
        overflow-x:hidden;
    }
    .topnav{
        position:sticky;
        top:6px;
        width:calc(100% - 12px);
        margin:6px auto 8px;
        padding:5px 6px;
        border-radius:16px;
        gap:5px;
        align-items:center;
        overflow:hidden;
        min-height:44px;
    }
    .topnav::before{
        width:30px;
        height:30px;
        min-width:30px;
        margin-right:0;
        border-radius:10px;
        font-size:.76rem;
    }
    .topnav-links{
        flex:1 1 auto;
        min-width:0;
        display:flex;
        gap:5px;
        flex-wrap:nowrap;
        overflow-x:auto;
        padding:0 1px 2px;
        margin-right:0;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .topnav-links::-webkit-scrollbar{display:none}
    .topnav-links a,
    .topnav-links a:not(:first-child){
        display:inline-flex;
        flex:0 0 auto;
        min-height:30px;
        align-items:center;
        padding:0 10px;
        border-radius:999px;
        font-size:.68rem;
        letter-spacing:0;
        text-transform:none;
        background:rgba(255,255,255,.88);
        border-color:rgba(18,38,63,.08);
        box-shadow:0 8px 16px rgba(18,38,63,.06);
    }
    .topnav-actions{
        flex:0 0 auto;
        width:auto;
    }
    .theme-toggle{
        width:30px;
        height:30px;
        padding:0;
        display:grid;
        place-items:center;
        font-size:.72rem;
    }
    .detail-breadcrumb{
        width:calc(100% - 18px);
        margin:0 auto 8px;
        white-space:nowrap;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .detail-breadcrumb::-webkit-scrollbar{display:none}
    .hero{
        width:calc(100% - 16px);
        min-height:620px;
        border-radius:24px;
        margin:0 auto 18px;
        overflow:hidden;
        background:#111827;
    }
    .hero-bg{
        opacity:1 !important;
        inset:0;
        background-size:cover;
        background-position:center top;
        filter:saturate(1.08) contrast(1.02);
    }
    .hero::before{
        background:
            linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 38%, rgba(8,16,33,.62) 100%),
            linear-gradient(90deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.05) 52%, rgba(255,255,255,0) 100%);
    }
    .hero-overlay{
        background:linear-gradient(180deg, rgba(3,7,18,.04) 0%, rgba(3,7,18,.08) 44%, rgba(3,7,18,.72) 100%);
    }
    .hero-content{
        min-height:620px;
        justify-content:flex-end;
        padding:220px 18px 96px;
        color:#fff;
        text-shadow:0 2px 16px rgba(0,0,0,.34);
    }
    .hero-eyebrow{
        width:max-content;
        max-width:100%;
        font-size:.68rem;
        letter-spacing:.08em;
        padding:8px 12px;
        border-radius:999px;
        background:rgba(255,45,123,.92);
        color:#fff;
    }
    .hero h1{
        max-width:100%;
        font-size:clamp(3.15rem,18vw,5.4rem);
        line-height:.82;
        color:#fff;
    }
    .hero h1::after{
        width:130px;
        height:7px;
    }
    .hero-summary{
        max-width:100%;
        color:rgba(255,255,255,.94);
        font-size:.95rem;
        line-height:1.65;
        font-weight:800;
    }
    .hero-meta{
        gap:7px;
    }
    .meta-chip{
        background:rgba(255,255,255,.90);
        color:#17233d;
        border-color:rgba(255,255,255,.55);
    }
    .hero-rating-line{
        color:#fff;
    }
    .hero-rating-score,
    .hero-rating-votes{
        color:#fff;
    }
    .hero-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
        width:100%;
    }
    .hero-btn{
        width:100%;
        justify-content:center;
        min-height:46px;
    }
    .hero-polaroids{
        display:none;
    }
    .hero-floating-actions{
        right:14px;
        bottom:16px;
        gap:8px;
    }
    .hero-photo-count{
        min-width:96px;
        padding:10px 12px;
        border-radius:18px;
    }
    .hero-favorite-btn{
        width:48px;
        height:48px;
        border-radius:16px;
        font-size:1.55rem;
    }
    .detail-info-strip{
        margin:-34px auto 18px;
        grid-template-columns:1fr;
        border-radius:20px;
        padding:10px;
        gap:8px;
    }
    .detail-info-card{
        min-height:58px;
        border-right:0;
        border-radius:16px;
        background:#fff;
        box-shadow:inset 0 0 0 1px rgba(18,38,63,.06);
    }
    .detail-info-actions{
        grid-template-columns:1fr;
        gap:8px;
    }
    .detail-action{
        min-height:48px;
        border-radius:15px;
    }
    .detail-tabs{
        width:calc(100% - 18px);
        border-radius:18px;
        padding:8px;
        gap:8px;
    }
    .detail-tab{
        min-width:118px;
        min-height:46px;
        padding:0 14px;
        font-size:.72rem;
    }
    .bottom-action-bar{
        grid-template-columns:1fr 1fr;
        gap:7px;
        padding:7px;
        width:calc(100% - 18px);
        bottom:10px;
        border-radius:18px;
        max-width:430px;
    }
    .bottom-action-bar .call,
    .bottom-action-bar .save{
        display:none;
    }
    .bottom-action-bar a,
    .bottom-action-bar button{
        min-height:44px;
        border-radius:13px;
        font-size:.82rem;
    }
}
.topnav::before,
.detail-tab::before{
    content:none !important;
    display:none !important;
}
.topnav{
    padding-left:16px;
}
.bottom-action-bar{
    left:auto;
    right:18px;
    bottom:18px;
    transform:none;
    width:auto;
    max-width:min(360px, calc(100% - 36px));
    grid-template-columns:repeat(2,minmax(132px,1fr));
    gap:8px;
    padding:8px;
    border-radius:18px;
}
.bottom-action-bar .call,
.bottom-action-bar .save{
    display:none;
}
.bottom-action-bar a,
.bottom-action-bar button{
    min-height:46px;
    border-radius:13px;
    font-size:.86rem;
    padding:0 16px;
}
.detail-info-strip{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:12px;
}
.detail-info-card{
    flex:0 0 auto;
    width:auto;
    min-width:218px;
}
.detail-info-actions{
    display:flex !important;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin-left:auto;
    flex:0 0 auto;
    width:auto;
    padding-left:0;
}
.detail-info-icon,
.amenity-icon,
.activity-icon{
    font-size:0 !important;
    color:transparent !important;
}
.detail-info-icon::before,
.amenity-icon::before,
.activity-icon::before{
    content:none !important;
    display:none !important;
}
.detail-info-icon{
    width:8px !important;
    min-width:8px;
    height:46px !important;
    border-radius:999px !important;
    align-self:stretch;
}
.detail-info-card{
    gap:14px;
}
.activity-tile{
    min-height:84px;
    padding:18px 16px;
    gap:0;
    align-content:center;
    justify-content:center;
}
.activity-icon{
    display:none !important;
}
.activity-tile span:last-child{
    position:relative;
    z-index:1;
    font-size:1rem;
    line-height:1.25;
    text-align:center;
}
@media(max-width:760px){
    .topnav{
        padding-left:6px;
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        flex-wrap:nowrap;
    }
    .topnav-links{
        flex:1 1 auto;
        min-width:0;
    }
    .topnav-actions{
        flex:0 0 auto;
        margin-left:6px;
        justify-content:flex-end;
    }
    .bottom-action-bar{
        right:10px;
        bottom:10px;
        max-width:min(310px, calc(100% - 20px));
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .detail-info-strip{
        display:grid;
        grid-template-columns:1fr;
    }
    .detail-info-card{
        width:100%;
        min-width:0;
    }
    .detail-info-actions{
        margin-left:0;
        width:100%;
        overflow-x:auto;
        justify-content:flex-start;
        padding-bottom:2px;
    }
}
.related-bottom-panel{
    width:min(1500px, calc(100% - 48px));
    margin:0 auto 110px;
}
@media(max-width:760px){
    .related-bottom-panel{
        width:calc(100% - 18px);
        margin-bottom:96px;
    }
}

body[data-theme="dark"]{
    --bg:#07111f;
    --paper:rgba(13,24,39,.94);
    --ink:#eef6ff;
    --muted:#9fb3cf;
    --line:rgba(148,163,184,.22);
    --shadow:0 22px 58px rgba(0,0,0,.42);
    background:
        radial-gradient(circle at 0 20%, rgba(255,45,123,.10), transparent 26%),
        radial-gradient(circle at 100% 10%, rgba(37,99,235,.18), transparent 24%),
        linear-gradient(180deg,#06101e 0%,#0b1527 54%,#08111f 100%) !important;
    color:var(--ink);
}
body[data-theme="dark"] .topnav,
body[data-theme="dark"] .mobile-nav{
    background:rgba(7,17,31,.82);
    border-color:rgba(148,163,184,.18);
    box-shadow:0 18px 42px rgba(0,0,0,.32);
}
body[data-theme="dark"] .topnav-links a,
body[data-theme="dark"] .theme-toggle,
body[data-theme="dark"] .mobile-nav a{
    background:rgba(15,28,46,.92);
    border-color:rgba(148,163,184,.20);
    color:#eaf4ff;
    box-shadow:none;
}
body[data-theme="dark"] .detail-breadcrumb{
    color:#c9d7ea;
}
body[data-theme="dark"] .detail-breadcrumb a{
    color:#ffffff;
}
body[data-theme="dark"] .hero{
    background:#050b14;
    box-shadow:0 30px 80px rgba(0,0,0,.44);
}
body[data-theme="dark"] .hero::before{
    background:
        radial-gradient(circle at 62% 36%, rgba(255,255,255,0) 0 36%, rgba(6,12,22,.10) 58%, rgba(6,12,22,.34) 88%),
        linear-gradient(90deg, rgba(4,9,18,.72) 0%, rgba(4,9,18,.42) 34%, rgba(4,9,18,.10) 66%, rgba(4,9,18,.28) 100%) !important;
}
body[data-theme="dark"] .hero::after{
    background:
        radial-gradient(120% 100% at 50% 100%, rgba(7,17,31,.95) 0%, rgba(7,17,31,.88) 42%, rgba(7,17,31,0) 72%);
}
body[data-theme="dark"] .hero-overlay{
    background:
        linear-gradient(90deg, rgba(4,9,18,.55), rgba(4,9,18,.14) 48%, rgba(4,9,18,.34)),
        linear-gradient(180deg, rgba(4,9,18,.18), rgba(4,9,18,.70));
}
body[data-theme="dark"] .hero h1,
body[data-theme="dark"] .hero-summary,
body[data-theme="dark"] .hero-rating-line,
body[data-theme="dark"] .hero-rating-score,
body[data-theme="dark"] .hero-rating-votes{
    color:#ffffff;
    text-shadow:0 3px 18px rgba(0,0,0,.45);
}
body[data-theme="dark"] .meta-chip{
    background:rgba(15,28,46,.78);
    border-color:rgba(226,232,240,.18);
    color:#f8fbff;
}
body[data-theme="dark"] .hero-favorite-btn{
    background:rgba(15,28,46,.94);
    color:#ff78ae;
    box-shadow:0 18px 34px rgba(0,0,0,.36);
}
body[data-theme="dark"] .hero-favorite-btn.is-favorite{
    color:#fff;
    background:linear-gradient(135deg,#ff5da2,#ff2d7b);
}
body[data-theme="dark"] .hero-photo-count{
    box-shadow:0 20px 34px rgba(0,0,0,.32);
}
body[data-theme="dark"] .detail-info-strip,
body[data-theme="dark"] .bottom-action-bar,
body[data-theme="dark"] .detail-tabs{
    background:rgba(10,20,34,.92);
    border:1px solid rgba(148,163,184,.18);
    box-shadow:0 18px 44px rgba(0,0,0,.34);
}
body[data-theme="dark"] .detail-info-card,
body[data-theme="dark"] .detail-tab,
body[data-theme="dark"] .panel,
body[data-theme="dark"] .featured-menu-panel,
body[data-theme="dark"] .detail-duo-grid > .panel,
body[data-theme="dark"] .main-wrap > div > .panel,
body[data-theme="dark"] .place-photo-strip > .panel,
body[data-theme="dark"] .activity-panel,
body[data-theme="dark"] .amenity-ribbon,
body[data-theme="dark"] .side-card,
body[data-theme="dark"] .related-bottom-panel,
body[data-theme="dark"] .related-card{
    background:linear-gradient(180deg, rgba(15,28,46,.96), rgba(10,21,36,.94));
    border-color:rgba(148,163,184,.18);
    color:var(--ink);
    box-shadow:0 18px 46px rgba(0,0,0,.30);
}
body[data-theme="dark"] .section-title,
body[data-theme="dark"] .side-title,
body[data-theme="dark"] .featured-menu-card strong,
body[data-theme="dark"] .route-step strong,
body[data-theme="dark"] .nearby-mini strong,
body[data-theme="dark"] .amenity-card strong,
body[data-theme="dark"] .recommendation-card strong,
body[data-theme="dark"] .info-item strong,
body[data-theme="dark"] .pratik-card strong,
body[data-theme="dark"] .related-card strong{
    color:#f8fbff;
}
body[data-theme="dark"] .section-sub,
body[data-theme="dark"] .rich-text,
body[data-theme="dark"] .rich-text p,
body[data-theme="dark"] .visual-card p,
body[data-theme="dark"] .featured-menu-card p,
body[data-theme="dark"] .nearby-mini small,
body[data-theme="dark"] .amenity-card small,
body[data-theme="dark"] .side-stat small,
body[data-theme="dark"] .related-card small,
body[data-theme="dark"] .comment-date,
body[data-theme="dark"] .rating-sub,
body[data-theme="dark"] .info-item small{
    color:var(--muted);
}
body[data-theme="dark"] .detail-info-card{
    border-right-color:rgba(148,163,184,.18);
}
body[data-theme="dark"] .detail-info-card small{
    color:#9fb3cf;
}
body[data-theme="dark"] .detail-info-card strong{
    color:#f8fbff;
}
body[data-theme="dark"] .visual-card,
body[data-theme="dark"] .visual-card--video,
body[data-theme="dark"] .visual-card--360,
body[data-theme="dark"] .visual-card--map{
    background:linear-gradient(135deg, rgba(15,28,46,.98), rgba(9,18,32,.96));
    border-color:rgba(96,165,250,.28);
    box-shadow:0 18px 42px rgba(0,0,0,.30);
}
body[data-theme="dark"] .visual-card--360{
    border-color:rgba(217,70,239,.34);
}
body[data-theme="dark"] .visual-card--map{
    border-color:rgba(244,114,182,.34);
}
body[data-theme="dark"] .visual-card::before,
body[data-theme="dark"] .visual-card--video::before,
body[data-theme="dark"] .visual-card--map::before{
    color:#dbeafe;
}
body[data-theme="dark"] .visual-card--360::before{
    color:#fdf4ff;
}
body[data-theme="dark"] .visual-card-media{
    background-color:#0b1220;
}
body[data-theme="dark"] .visual-card--map .visual-card-media{
    background:
        radial-gradient(circle at 62% 45%, rgba(167,139,250,.96) 0 11px, transparent 12px),
        radial-gradient(circle at 62% 45%, rgba(167,139,250,.18) 0 44px, transparent 45px),
        repeating-linear-gradient(24deg,rgba(148,163,184,.16) 0 1px,transparent 1px 24px),
        linear-gradient(135deg,#101a2c,#15243a);
}
body[data-theme="dark"] .visual-card--map .visual-card-body,
body[data-theme="dark"] .visual-card--map .visual-card-body p{
    color:#eaf4ff;
}
body[data-theme="dark"] .visual-card--map .visual-card-media{
    border-color:rgba(244,114,182,.24);
    background:
        radial-gradient(circle at 50% 50%, rgba(34,197,94,.18) 0 7px, transparent 8px),
        radial-gradient(circle at 50% 50%, rgba(167,139,250,.96) 0 11px, transparent 12px),
        radial-gradient(circle at 50% 50%, rgba(167,139,250,.18) 0 44px, transparent 45px),
        linear-gradient(28deg, transparent 0 38%, rgba(148,163,184,.16) 38.4% 41%, transparent 41.4%),
        linear-gradient(118deg, transparent 0 46%, rgba(148,163,184,.18) 46.4% 49%, transparent 49.4%),
        repeating-linear-gradient(24deg,rgba(148,163,184,.14) 0 1px,transparent 1px 25px),
        repeating-linear-gradient(114deg,rgba(148,163,184,.08) 0 1px,transparent 1px 32px),
        linear-gradient(135deg,#101a2c 0%,#15243a 58%,#0f172a 100%);
}
body[data-theme="dark"] .visual-card--map .visual-card-media::before{
    background:
        linear-gradient(180deg, rgba(15,23,42,.04), rgba(2,6,23,.34)),
        radial-gradient(circle at 52% 82%, rgba(255,255,255,.08), transparent 38%);
}
body[data-theme="dark"] .visual-map-preview{
    opacity:.46;
    filter:saturate(.62) contrast(1.08) brightness(.78);
}
body[data-theme="dark"] .visual-card--map .visual-card-body p{
    background:rgba(15,23,42,.68);
    border-color:rgba(226,232,240,.16);
    color:#f8fbff;
    box-shadow:0 12px 30px rgba(0,0,0,.22);
}
body[data-theme="dark"] .visual-card--map .visual-card-btn{
    background:transparent;
    color:transparent;
    box-shadow:none;
    opacity:0;
}
body[data-theme="dark"] .featured-menu-card,
body[data-theme="dark"] .route-step,
body[data-theme="dark"] .nearby-mini,
body[data-theme="dark"] .recommendation-card,
body[data-theme="dark"] .info-item,
body[data-theme="dark"] .pratik-card,
body[data-theme="dark"] .comment,
body[data-theme="dark"] .story-card,
body[data-theme="dark"] .side-stat,
body[data-theme="dark"] .facility-list span,
body[data-theme="dark"] .tag-cloud span{
    background:rgba(7,17,31,.58);
    border-color:rgba(148,163,184,.18);
    color:var(--ink);
}
body[data-theme="dark"] .pink-panel,
body[data-theme="dark"] .share-panel,
body[data-theme="dark"] .activity-panel{
    background:
        radial-gradient(circle at 94% 18%, rgba(255,45,123,.10), transparent 24%),
        linear-gradient(135deg, rgba(15,28,46,.96), rgba(10,21,36,.94));
}
body[data-theme="dark"] .nearby-mini b,
body[data-theme="dark"] .featured-menu-price{
    background:rgba(148,163,184,.12);
    color:#f8fbff;
}
body[data-theme="dark"] .gallery-main,
body[data-theme="dark"] .map-box,
body[data-theme="dark"] .map-frame,
body[data-theme="dark"] .rating-box,
body[data-theme="dark"] .comment-form input,
body[data-theme="dark"] .comment-form textarea,
body[data-theme="dark"] .rating-actions button{
    background:rgba(7,17,31,.72);
    border-color:rgba(148,163,184,.18);
    color:var(--ink);
}
body[data-theme="dark"] .comment-form input::placeholder,
body[data-theme="dark"] .comment-form textarea::placeholder{
    color:#8195b1;
}
body[data-theme="dark"] .rating-actions button:hover,
body[data-theme="dark"] .detail-tab.is-active{
    background:linear-gradient(135deg,#ffcf24,#ff9f1c);
    color:#111827;
}
body[data-theme="dark"] .bottom-action-bar{
    backdrop-filter:blur(16px);
}
body[data-theme="dark"] .viewer360-dialog{
    background:rgba(6,12,22,.98);
    border-color:rgba(148,163,184,.18);
}
body[data-theme="dark"] #detailLiveSuggestions,
body[data-theme="dark"] .detail-duo-grid{
    color:#eef6ff !important;
}
body[data-theme="dark"] #detailLiveSuggestions > .panel,
body[data-theme="dark"] #detailRoutePanel,
body[data-theme="dark"] #detailNearbyPanel{
    background:
        radial-gradient(circle at 8% 0%, rgba(47,128,237,.10), transparent 32%),
        linear-gradient(180deg, rgba(13,24,39,.98), rgba(8,17,31,.96)) !important;
    border-color:rgba(148,163,184,.22) !important;
    box-shadow:0 22px 54px rgba(0,0,0,.36) !important;
}
body[data-theme="dark"] #detailLiveSuggestions .section-title{
    color:#f8fbff !important;
}
body[data-theme="dark"] #detailLiveSuggestions .route-step,
body[data-theme="dark"] #detailLiveSuggestions .nearby-mini{
    background:rgba(3,10,22,.58) !important;
    border-color:rgba(148,163,184,.18) !important;
    color:#eef6ff !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
body[data-theme="dark"] #detailLiveSuggestions .route-step:hover,
body[data-theme="dark"] #detailLiveSuggestions .nearby-mini:hover{
    background:rgba(15,28,46,.88) !important;
    border-color:rgba(96,165,250,.34) !important;
}
body[data-theme="dark"] #detailLiveSuggestions .route-step strong,
body[data-theme="dark"] #detailLiveSuggestions .nearby-mini strong{
    color:#f8fbff !important;
}
body[data-theme="dark"] #detailLiveSuggestions .nearby-mini small{
    color:#9fb3cf !important;
}
body[data-theme="dark"] #detailLiveSuggestions .nearby-mini b{
    background:rgba(96,165,250,.12) !important;
    color:#dbeafe !important;
}
body[data-theme="dark"] #detailLiveSuggestions .route-num{
    background:linear-gradient(135deg,#3b82f6,#2563eb) !important;
    color:#fff !important;
}
body[data-theme="dark"] .recommendation-card{
    background:rgba(9,19,34,.78) !important;
    border-color:rgba(148,163,184,.20) !important;
}
body[data-theme="dark"] .recommendation-score{
    background:linear-gradient(180deg, rgba(16,31,51,.96), rgba(10,21,36,.94)) !important;
    border-color:rgba(148,163,184,.22) !important;
    color:#eef6ff !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
body[data-theme="dark"] .recommendation-score-head strong,
body[data-theme="dark"] .recommendation-score-head span{
    color:#f8fbff !important;
}
body[data-theme="dark"] .recommendation-score-bar{
    background:rgba(148,163,184,.20) !important;
}
body[data-theme="dark"] .recommendation-score-bar span{
    background:linear-gradient(135deg,#22d3ee,#3b82f6) !important;
}
body[data-theme="dark"] .insight-item{
    background:linear-gradient(180deg, rgba(16,31,51,.96), rgba(10,21,36,.94)) !important;
    border-color:rgba(148,163,184,.22) !important;
    color:#eef6ff !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
body[data-theme="dark"] .tag-cloud span,
body[data-theme="dark"] .facility-list span{
    background:rgba(96,165,250,.12) !important;
    border-color:rgba(96,165,250,.24) !important;
    color:#dbeafe !important;
}
body[data-theme="dark"] .decision-chip{
    background:linear-gradient(135deg,#f8fafc,#fff7ed) !important;
    border-color:rgba(226,232,240,.85) !important;
    color:#0f172a !important;
}
body[data-theme="dark"] .decision-chip strong,
body[data-theme="dark"] .decision-chip span{
    color:#0f172a !important;
}
body[data-theme="dark"] .recommendation-score,
body[data-theme="dark"] .insight-item{
    background:#d8dde4 !important;
    border-color:#c7cdd6 !important;
    color:#0f172a !important;
}
body[data-theme="dark"] .recommendation-score *,
body[data-theme="dark"] .insight-item *{
    color:#0f172a !important;
}
body[data-theme="dark"] .recommendation-score-head strong,
body[data-theme="dark"] .recommendation-score-head span{
    color:#0f172a !important;
    text-shadow:none !important;
}
body[data-theme="dark"] .recommendation-score-bar{
    background:rgba(15,23,42,.12) !important;
}

/* Hero rating polish: larger friendly stars and a thin secondary slogan under the score. */
.hero-rating-line{
    align-items:center !important;
    gap:12px !important;
    margin:10px 0 0 !important;
}
.hero-rating-score{
    font-family:"Manrope", sans-serif !important;
    font-size:clamp(2.25rem, 3.55vw, 3.15rem) !important;
    font-weight:1000 !important;
    line-height:1 !important;
    letter-spacing:-.04em !important;
    color:#101633 !important;
    text-shadow:0 10px 28px rgba(255,255,255,.48) !important;
}
.hero-rating-stars{
    display:inline-flex !important;
    align-items:center !important;
    gap:2px !important;
    font-size:clamp(1.75rem, 2.85vw, 2.5rem) !important;
    font-weight:1000 !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
    color:#ffb000 !important;
    text-shadow:
        0 2px 0 rgba(255,122,0,.22),
        0 10px 24px rgba(255,176,0,.34) !important;
    filter:drop-shadow(0 2px 2px rgba(255,255,255,.55));
    transform:translateY(-1px);
}
.hero-rating-count{
    font-size:clamp(1.04rem, 1.35vw, 1.22rem) !important;
    font-weight:1000 !important;
    color:#52647e !important;
}
.hero-rating-subtitle{
    max-width:560px;
    margin:7px 0 0;
    font-size:clamp(.92rem, 1.25vw, 1.08rem);
    font-weight:400;
    line-height:1.58;
    letter-spacing:.01em;
    color:rgba(16,22,51,.72);
    text-shadow:0 8px 20px rgba(255,255,255,.38);
}
body[data-theme="dark"] .hero-rating-score,
body[data-theme="dark"] .hero-rating-count{
    color:#f8fbff !important;
    text-shadow:0 10px 28px rgba(0,0,0,.55) !important;
}
body[data-theme="dark"] .hero-rating-subtitle{
    color:rgba(248,251,255,.82) !important;
    text-shadow:0 8px 20px rgba(0,0,0,.45) !important;
}
.hero-content .hero-meta{
    margin-top:22px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    flex-wrap:wrap !important;
}
.hero-content .meta-chip{
    min-height:42px !important;
    padding:0 17px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.54) !important;
    color:#fff !important;
    font-size:.92rem !important;
    font-weight:950 !important;
    letter-spacing:-.01em !important;
    box-shadow:0 16px 30px rgba(15,23,42,.14) !important;
    backdrop-filter:blur(12px) !important;
}
.hero-content .meta-chip-category{
    background:linear-gradient(135deg,#ff8a00,#ff2d7b) !important;
}
.hero-content .meta-chip-region{
    background:linear-gradient(135deg,#7c3aed,#2563eb) !important;
}
.hero-content .meta-chip-views{
    background:linear-gradient(135deg,#14b8a6,#22c55e) !important;
}
.hero-content .meta-chip-comments{
    background:linear-gradient(135deg,#f59e0b,#ef4444) !important;
}
body[data-theme="dark"] .hero-content .meta-chip{
    border-color:rgba(255,255,255,.22) !important;
    color:#fff !important;
    box-shadow:0 18px 34px rgba(0,0,0,.30) !important;
}
/* Detail page title typography: keep lower section headings in the same character as the hero title. */
.section-title,
.side-title,
.visual-card h3,
.featured-menu-body h3,
.route-step strong,
.nearby-mini strong,
.related-card strong,
.recommendation-card strong,
.info-item strong,
.amenity-card strong,
.activity-tile span:last-child,
.detail-duo-grid .panel h2,
.main-wrap .panel h2,
.featured-menu-panel h2,
.activity-panel h2{
    font-family:"Cormorant Garamond", serif !important;
    font-weight:1000 !important;
    letter-spacing:-.025em !important;
}
.section-title,
.side-title,
.detail-duo-grid .panel h2,
.main-wrap .panel h2,
.featured-menu-panel h2,
.activity-panel h2{
    font-size:clamp(2.35rem, 3.1vw, 3.25rem) !important;
    line-height:.98 !important;
}
.visual-card h3{
    font-size:clamp(1.55rem, 2vw, 2rem) !important;
}
.featured-menu-body h3,
.route-step strong,
.nearby-mini strong,
.related-card strong,
.recommendation-card strong,
.info-item strong,
.amenity-card strong{
    font-size:clamp(1.18rem, 1.45vw, 1.48rem) !important;
    font-weight:1000 !important;
}
.activity-tile span:last-child{
    font-size:clamp(1.16rem, 1.55vw, 1.5rem) !important;
    font-weight:1000 !important;
}
.visual-card h3,
.featured-menu-body h3,
.route-step strong,
.nearby-mini strong,
.related-card strong,
.recommendation-card strong,
.info-item strong,
.amenity-card strong{
    line-height:1.08 !important;
}
/* Route, nearby and why panels: compact three-column decision row with soft unique gradients. */
.detail-duo-grid{
    width:min(1500px, calc(100% - 48px)) !important;
    display:grid !important;
    grid-template-columns:minmax(0,.92fr) minmax(0,.92fr) minmax(0,.78fr) !important;
    gap:18px !important;
    align-items:stretch !important;
}
.detail-duo-grid > .panel{
    min-width:0 !important;
    margin:0 !important;
    padding:24px 22px !important;
    border-radius:26px !important;
    overflow:hidden !important;
}
#detailRoutePanel{
    background:linear-gradient(135deg,#eff6ff 0%,#ffffff 48%,#fff7ed 100%) !important;
    border-color:rgba(96,165,250,.34) !important;
}
#detailNearbyPanel{
    background:linear-gradient(135deg,#ecfeff 0%,#ffffff 48%,#f0fdf4 100%) !important;
    border-color:rgba(20,184,166,.28) !important;
}
#detailWhyPanel{
    background:linear-gradient(135deg,#fff7ed 0%,#ffffff 46%,#fdf4ff 100%) !important;
    border:1px solid rgba(251,146,60,.28) !important;
    box-shadow:0 18px 42px rgba(251,146,60,.10) !important;
}
.detail-duo-grid .section-title{
    font-size:clamp(2rem, 2.35vw, 2.7rem) !important;
}
#detailWhyPanel .story-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
}
#detailWhyPanel .story-card{
    display:grid !important;
    grid-template-columns:42px 1fr !important;
    column-gap:12px !important;
    align-items:start !important;
    padding:14px 15px !important;
    border-radius:17px !important;
}
#detailWhyPanel .story-num{
    width:34px !important;
    height:34px !important;
    border-radius:999px !important;
    display:grid !important;
    place-items:center !important;
    color:#fff !important;
    font-family:"Manrope", sans-serif !important;
    font-size:1rem !important;
    font-weight:1000 !important;
    line-height:1 !important;
    background:linear-gradient(135deg,#2f80ed,#7c3aed) !important;
    box-shadow:0 10px 20px rgba(47,128,237,.24) !important;
}
#detailWhyPanel .story-card h3,
#detailWhyPanel .story-card p{
    grid-column:2 !important;
}
.detail-duo-grid .route-step,
.detail-duo-grid .nearby-mini,
#detailWhyPanel .story-card{
    border-color:rgba(15,23,42,.07) !important;
    box-shadow:0 12px 24px rgba(15,23,42,.055) !important;
}
.detail-duo-grid .route-step:nth-child(1),
.detail-duo-grid .nearby-mini:nth-child(1),
#detailWhyPanel .story-card:nth-child(1){
    background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.98)) !important;
}
.detail-duo-grid .route-step:nth-child(2),
.detail-duo-grid .nearby-mini:nth-child(2),
#detailWhyPanel .story-card:nth-child(2){
    background:linear-gradient(135deg,rgba(240,253,244,.96),rgba(255,255,255,.98)) !important;
}
.detail-duo-grid .route-step:nth-child(3),
.detail-duo-grid .nearby-mini:nth-child(3),
#detailWhyPanel .story-card:nth-child(3){
    background:linear-gradient(135deg,rgba(255,247,237,.96),rgba(255,255,255,.98)) !important;
}
.detail-duo-grid .route-step:nth-child(4),
.detail-duo-grid .nearby-mini:nth-child(4){
    background:linear-gradient(135deg,rgba(253,244,255,.96),rgba(255,255,255,.98)) !important;
}
.detail-duo-grid .nearby-mini:nth-child(5){
    background:linear-gradient(135deg,rgba(236,254,255,.96),rgba(255,255,255,.98)) !important;
}
body[data-theme="dark"] #detailRoutePanel{
    background:linear-gradient(135deg,rgba(15,31,55,.96),rgba(8,18,34,.98) 48%,rgba(45,28,18,.92)) !important;
    border-color:rgba(96,165,250,.26) !important;
}
body[data-theme="dark"] #detailNearbyPanel{
    background:linear-gradient(135deg,rgba(10,36,42,.96),rgba(8,18,34,.98) 48%,rgba(12,42,28,.92)) !important;
    border-color:rgba(45,212,191,.22) !important;
}
body[data-theme="dark"] #detailWhyPanel{
    background:linear-gradient(135deg,rgba(49,29,12,.96),rgba(8,18,34,.98) 48%,rgba(45,20,52,.92)) !important;
    border-color:rgba(251,146,60,.20) !important;
}
body[data-theme="dark"] .detail-duo-grid .route-step,
body[data-theme="dark"] .detail-duo-grid .nearby-mini,

/* Remove decorative dot from why-visit numbered cards */
#detailWhyPanel .why-reason-item::before,
#detailWhyPanel .why-reason-item::after{
    content:none !important;
    display:none !important;
}

/* Admin-managed why visit list */
#detailWhyPanel .why-reasons-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
}
#detailWhyPanel .why-reason-item{
    display:grid !important;
    grid-template-columns:42px 1fr !important;
    align-items:center !important;
    min-height:76px !important;
    padding:18px 20px !important;
}
#detailWhyPanel .why-reason-item p{
    margin:0 !important;
    color:#233452 !important;
    font-family:'Outfit','Segoe UI',sans-serif !important;
    font-size:1.02rem !important;
    font-weight:700 !important;
    line-height:1.65 !important;
}
body[data-theme="dark"] #detailWhyPanel .why-reason-item p{
    color:#0e1a2f !important;
}

body[data-theme="dark"] #detailWhyPanel .story-card{
    background:linear-gradient(135deg,rgba(15,28,46,.92),rgba(10,20,34,.96)) !important;
    border-color:rgba(148,163,184,.18) !important;
}
@media(max-width:1180px){
    .detail-duo-grid{
        grid-template-columns:1fr !important;
    }
}
.hero-floating-actions .hero-photo-count{
    min-width:140px !important;
    padding:17px 24px !important;
    border-radius:24px !important;
    text-align:center !important;
}
.hero-photo-count strong{
    display:block !important;
    font-family:"Manrope", sans-serif !important;
    font-size:clamp(1.55rem, 2.3vw, 2.15rem) !important;
    font-weight:1000 !important;
    line-height:.92 !important;
    letter-spacing:-.04em !important;
    color:#fff !important;
    text-shadow:0 8px 18px rgba(126,34,80,.35) !important;
}
.hero-photo-count small{
    display:block !important;
    margin-top:5px !important;
    font-size:.76rem !important;
    font-weight:950 !important;
    line-height:1.05 !important;
    letter-spacing:.075em !important;
    text-transform:uppercase !important;
    color:rgba(255,255,255,.96) !important;
}
@media(max-width:760px){
    .hero-content .hero-meta{
        margin-top:16px !important;
        gap:8px !important;
    }
    .hero-content .meta-chip{
        min-height:36px !important;
        padding:0 13px !important;
        font-size:.8rem !important;
    }
    .hero-floating-actions .hero-photo-count{
        min-width:112px !important;
        padding:13px 16px !important;
        border-radius:20px !important;
    }
    .hero-photo-count strong{
        font-size:1.5rem !important;
    }
    .hero-photo-count small{
        font-size:.66rem !important;
    }
}

/* Final action strip polish: balanced green band, equal action buttons and real icons. */
.detail-info-strip{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    background:
        radial-gradient(circle at 10% 12%, rgba(34,197,94,.22), transparent 34%),
        radial-gradient(circle at 88% 82%, rgba(20,184,166,.20), transparent 32%),
        linear-gradient(135deg, rgba(240,253,244,.96), rgba(220,252,231,.94) 48%, rgba(236,253,245,.92)) !important;
    border-color:rgba(22,163,74,.16) !important;
}
.detail-info-card{
    flex:0 1 214px !important;
    min-width:0 !important;
    max-width:224px !important;
    min-height:64px !important;
    align-items:center !important;
    background:rgba(255,255,255,.78) !important;
    border:1px solid rgba(22,163,74,.12) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.58) !important;
}
.detail-info-actions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    width:auto !important;
    margin-left:22px !important;
    padding-left:0 !important;
    flex:0 0 auto !important;
}
.detail-info-actions .detail-action{
    width:138px !important;
    min-width:138px !important;
    max-width:138px !important;
    min-height:54px !important;
    padding:0 14px !important;
    gap:0 !important;
    border:0 !important;
    text-align:center !important;
}
.detail-action::before{
    content:"" !important;
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    margin-right:8px !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.95) !important;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
}
.detail-action.whatsapp::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12.04 2C6.52 2 2.05 6.42 2.05 11.88c0 1.96.58 3.78 1.58 5.31L2 22l4.97-1.55a10.06 10.06 0 0 0 5.07 1.35c5.52 0 9.99-4.42 9.99-9.88C22.03 6.46 17.56 2 12.04 2Zm0 18.05c-1.66 0-3.2-.49-4.48-1.32l-.32-.2-2.6.82.85-2.5-.21-.33a8.02 8.02 0 0 1-1.47-4.64c0-4.46 3.69-8.09 8.23-8.09 4.53 0 8.22 3.63 8.22 8.09 0 4.45-3.69 8.17-8.22 8.17Zm4.54-6.09c-.25-.12-1.47-.72-1.7-.8-.23-.09-.39-.12-.56.12-.16.25-.64.8-.78.97-.14.16-.29.18-.54.06-.25-.13-1.05-.38-2-1.22-.74-.65-1.24-1.45-1.39-1.7-.14-.25-.02-.38.11-.5.12-.11.25-.29.37-.43.13-.14.17-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.34-.77-1.84-.2-.48-.41-.42-.56-.43h-.48c-.16 0-.43.06-.66.31-.23.25-.87.84-.87 2.05s.89 2.38 1.01 2.54c.12.17 1.75 2.65 4.24 3.71.59.25 1.05.4 1.41.51.59.18 1.13.16 1.56.1.47-.07 1.47-.59 1.67-1.16.21-.58.21-1.07.15-1.17-.06-.1-.23-.16-.48-.28Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12.04 2C6.52 2 2.05 6.42 2.05 11.88c0 1.96.58 3.78 1.58 5.31L2 22l4.97-1.55a10.06 10.06 0 0 0 5.07 1.35c5.52 0 9.99-4.42 9.99-9.88C22.03 6.46 17.56 2 12.04 2Zm0 18.05c-1.66 0-3.2-.49-4.48-1.32l-.32-.2-2.6.82.85-2.5-.21-.33a8.02 8.02 0 0 1-1.47-4.64c0-4.46 3.69-8.09 8.23-8.09 4.53 0 8.22 3.63 8.22 8.09 0 4.45-3.69 8.17-8.22 8.17Zm4.54-6.09c-.25-.12-1.47-.72-1.7-.8-.23-.09-.39-.12-.56.12-.16.25-.64.8-.78.97-.14.16-.29.18-.54.06-.25-.13-1.05-.38-2-1.22-.74-.65-1.24-1.45-1.39-1.7-.14-.25-.02-.38.11-.5.12-.11.25-.29.37-.43.13-.14.17-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.34-.77-1.84-.2-.48-.41-.42-.56-.43h-.48c-.16 0-.43.06-.66.31-.23.25-.87.84-.87 2.05s.89 2.38 1.01 2.54c.12.17 1.75 2.65 4.24 3.71.59.25 1.05.4 1.41.51.59.18 1.13.16 1.56.1.47-.07 1.47-.59 1.67-1.16.21-.58.21-1.07.15-1.17-.06-.1-.23-.16-.48-.28Z'/%3E%3C/svg%3E");
}
.detail-action.call::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.24.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.24.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E");
}
.detail-action.tour360::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4c4.42 0 8 1.79 8 4 0 1.57-1.82 2.93-4.47 3.58l1.74 1.74c3.05-.93 4.98-2.86 4.98-5.32C22.25 4.69 17.66 2 12 2S1.75 4.69 1.75 8c0 2.46 1.93 4.39 4.98 5.32l1.74-1.74C5.82 10.93 4 9.57 4 8c0-2.21 3.58-4 8-4Zm-1 7h2v7.17l2.59-2.58L17 17l-5 5-5-5 1.41-1.41L11 18.17V11Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4c4.42 0 8 1.79 8 4 0 1.57-1.82 2.93-4.47 3.58l1.74 1.74c3.05-.93 4.98-2.86 4.98-5.32C22.25 4.69 17.66 2 12 2S1.75 4.69 1.75 8c0 2.46 1.93 4.39 4.98 5.32l1.74-1.74C5.82 10.93 4 9.57 4 8c0-2.21 3.58-4 8-4Zm-1 7h2v7.17l2.59-2.58L17 17l-5 5-5-5 1.41-1.41L11 18.17V11Z'/%3E%3C/svg%3E");
}
.detail-action.route::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 3 21l9-4 9 4-9-19Zm0 4.72 4.62 9.77L12 14.44l-4.62 2.05L12 6.72Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 3 21l9-4 9 4-9-19Zm0 4.72 4.62 9.77L12 14.44l-4.62 2.05L12 6.72Z'/%3E%3C/svg%3E");
}
@media(max-width:1180px){
    .detail-info-strip{
        justify-content:flex-start !important;
        overflow-x:auto !important;
        padding-bottom:16px !important;
    }
    .detail-info-card{
        flex:0 0 198px !important;
    }
    .detail-info-actions{
        margin-left:8px !important;
    }
    .detail-info-actions .detail-action{
        width:128px !important;
        min-width:128px !important;
        max-width:128px !important;
    }
}
@media(max-width:760px){
    body[data-theme="dark"] .hero::before{
        background:
            linear-gradient(180deg, rgba(3,7,18,.08) 0%, rgba(3,7,18,.16) 38%, rgba(3,7,18,.78) 100%),
            linear-gradient(90deg, rgba(3,7,18,.24) 0%, rgba(3,7,18,.08) 52%, rgba(3,7,18,0) 100%) !important;
    }
    body[data-theme="dark"] .detail-info-card{
        background:rgba(15,28,46,.96);
        box-shadow:inset 0 0 0 1px rgba(148,163,184,.16);
    }
}

/* Real logo in public detail navigation */
.topnav-logo-link{flex:0 0 auto}
body[data-theme="dark"] .topnav-logo-link{color:#f8fbff}
@media(max-width:760px){
    .topnav-logo-link{margin-right:4px;min-width:128px}
    .topnav-logo-mark{width:140px;height:38px}
}


/* Cleaner company information panel */
#konum.panel.section{
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 0%, rgba(20,184,166,.08), transparent 34%),
        radial-gradient(circle at 100% 16%, rgba(255,45,123,.08), transparent 30%),
        rgba(255,255,255,.94);
}
#konum .info-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:18px;
}
#konum .info-item{
    position:relative;
    min-height:104px;
    padding:18px 18px 16px;
    border-radius:22px;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,251,255,.9));
    border:1px solid rgba(16,35,61,.08);
    box-shadow:0 16px 34px rgba(16,35,61,.07);
    font-family:"Sora",sans-serif;
}
#konum .info-item::before{
    content:"";
    position:absolute;
    left:18px;
    top:18px;
    width:9px;
    height:9px;
    border-radius:999px;
    background:linear-gradient(135deg,#ff2d7b,#ff9f1c);
    box-shadow:0 0 0 6px rgba(255,45,123,.08);
}
#konum .info-item small{
    display:block;
    margin:0 0 12px 18px;
    color:#64748b;
    font-family:"Sora",sans-serif;
    font-size:.7rem;
    line-height:1.1;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
}
#konum .info-item strong,
#konum .info-item a{
    display:block;
    color:#10233d;
    font-family:"Sora",sans-serif !important;
    font-size:.98rem;
    line-height:1.48;
    font-weight:650;
    letter-spacing:-.015em;
    word-break:break-word;
}
#konum .info-item a:hover{color:#0ea5a4;text-decoration:underline;text-underline-offset:3px}
#konum .map-frame{
    height:360px;
    margin-top:16px;
    border-radius:24px;
    border:1px solid rgba(16,35,61,.1);
    box-shadow:0 18px 40px rgba(16,35,61,.1);
}
#konum .map-actions{
    justify-content:flex-start;
    gap:10px;
    margin-top:14px;
}
#konum .map-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 18px;
    border-radius:999px;
    font-family:"Sora",sans-serif;
    font-size:.82rem;
    font-weight:900;
    box-shadow:0 12px 26px rgba(16,35,61,.08);
}
#konum .map-actions .primary{background:linear-gradient(135deg,#0ea5a4,#2478ff);color:#fff}
#konum .map-actions .secondary{background:#fff;color:#10233d;border:1px solid rgba(16,35,61,.1)}
body[data-theme="dark"] #konum.panel.section{
    background:
        radial-gradient(circle at 8% 0%, rgba(20,184,166,.16), transparent 34%),
        radial-gradient(circle at 100% 16%, rgba(255,45,123,.14), transparent 30%),
        rgba(13,25,42,.94);
}
body[data-theme="dark"] #konum .info-item{
    background:linear-gradient(145deg,rgba(21,34,53,.98),rgba(13,25,42,.92));
    border-color:rgba(154,176,203,.18);
    box-shadow:none;
}
body[data-theme="dark"] #konum .info-item small{color:#a8bbd2}
body[data-theme="dark"] #konum .info-item strong,
body[data-theme="dark"] #konum .info-item a{color:#f8fbff}
body[data-theme="dark"] #konum .map-actions .secondary{background:#142235;color:#f8fbff;border-color:rgba(154,176,203,.18)}
@media(max-width:1180px){
    #konum .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
    #konum .info-grid{grid-template-columns:1fr;gap:10px}
    #konum .info-item{min-height:auto;padding:16px 16px 14px;border-radius:18px}
    #konum .info-item strong,
    #konum .info-item a{font-size:.92rem}
    #konum .map-frame{height:300px;border-radius:18px}
    #konum .map-actions{display:grid;grid-template-columns:1fr;gap:8px}
    #konum .map-actions a{width:100%}
}


/* Site-wide colorful detail panels */
.panel,
.visual-card,
.featured-menu-panel,
.activity-panel,
.detail-info-strip,
.amenity-ribbon,
.place-photo-strip,
.side-card,
.related-card,
.recommendation-card,
.story-card,
.insight-item,
.info-item,
.pratik-card{
    position:relative;
    overflow:hidden;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 18px 46px rgba(16,35,61,.08) !important;
}
.panel::before,
.visual-card::before,
.featured-menu-panel::before,
.activity-panel::before,
.side-card::before,
.related-card::before,
.recommendation-card::before,
.info-item::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 6% 0%, rgba(255,45,123,.08), transparent 34%),
        radial-gradient(circle at 96% 20%, rgba(20,184,166,.10), transparent 30%);
}
.panel > *,
.visual-card > *,
.featured-menu-panel > *,
.activity-panel > *,
.side-card > *,
.related-card > *,
.recommendation-card > *,
.info-item > *{
    position:relative;
    z-index:1;
}
.main-wrap > .panel:nth-of-type(6n+1),
.detail-duo-grid > .panel:nth-of-type(6n+1),
.visual-feature-grid > .visual-card:nth-child(6n+1){
    background:linear-gradient(135deg,#eff6ff 0%,#ffffff 48%,#fff7ed 100%) !important;
    border-color:rgba(96,165,250,.32) !important;
}
.main-wrap > .panel:nth-of-type(6n+2),
.detail-duo-grid > .panel:nth-of-type(6n+2),
.visual-feature-grid > .visual-card:nth-child(6n+2){
    background:linear-gradient(135deg,#ecfeff 0%,#ffffff 48%,#f0fdf4 100%) !important;
    border-color:rgba(20,184,166,.28) !important;
}
.main-wrap > .panel:nth-of-type(6n+3),
.detail-duo-grid > .panel:nth-of-type(6n+3),
.visual-feature-grid > .visual-card:nth-child(6n+3){
    background:linear-gradient(135deg,#fff7ed 0%,#ffffff 48%,#fdf4ff 100%) !important;
    border-color:rgba(251,146,60,.28) !important;
}
.main-wrap > .panel:nth-of-type(6n+4),
.detail-duo-grid > .panel:nth-of-type(6n+4),
.visual-feature-grid > .visual-card:nth-child(6n+4){
    background:linear-gradient(135deg,#fdf4ff 0%,#ffffff 48%,#eef2ff 100%) !important;
    border-color:rgba(168,85,247,.26) !important;
}
.main-wrap > .panel:nth-of-type(6n+5),
.detail-duo-grid > .panel:nth-of-type(6n+5),
.visual-feature-grid > .visual-card:nth-child(6n+5){
    background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 48%,#ecfeff 100%) !important;
    border-color:rgba(34,197,94,.24) !important;
}
.main-wrap > .panel:nth-of-type(6n),
.detail-duo-grid > .panel:nth-of-type(6n),
.visual-feature-grid > .visual-card:nth-child(6n){
    background:linear-gradient(135deg,#fff1f2 0%,#ffffff 48%,#fffbeb 100%) !important;
    border-color:rgba(244,63,94,.22) !important;
}
.route-step,
.nearby-mini,
.story-card,
.related-card,
.recommendation-score,
.info-item,
.amenity-card,
.insight-item{
    background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(247,252,255,.78)) !important;
    border-color:rgba(15,23,42,.08) !important;
}
.route-step:nth-child(4n+1),
.nearby-mini:nth-child(4n+1),
.story-card:nth-child(4n+1),
.related-card:nth-child(4n+1),
.info-item:nth-child(4n+1){background:linear-gradient(145deg,#eff6ff,#ffffff) !important;}
.route-step:nth-child(4n+2),
.nearby-mini:nth-child(4n+2),
.story-card:nth-child(4n+2),
.related-card:nth-child(4n+2),
.info-item:nth-child(4n+2){background:linear-gradient(145deg,#f0fdf4,#ffffff) !important;}
.route-step:nth-child(4n+3),
.nearby-mini:nth-child(4n+3),
.story-card:nth-child(4n+3),
.related-card:nth-child(4n+3),
.info-item:nth-child(4n+3){background:linear-gradient(145deg,#fff7ed,#ffffff) !important;}
.route-step:nth-child(4n),
.nearby-mini:nth-child(4n),
.story-card:nth-child(4n),
.related-card:nth-child(4n),
.info-item:nth-child(4n){background:linear-gradient(145deg,#fdf4ff,#ffffff) !important;}
body[data-theme="dark"] .panel,
body[data-theme="dark"] .visual-card,
body[data-theme="dark"] .featured-menu-panel,
body[data-theme="dark"] .activity-panel,
body[data-theme="dark"] .side-card,
body[data-theme="dark"] .related-card,
body[data-theme="dark"] .recommendation-card,
body[data-theme="dark"] .story-card,
body[data-theme="dark"] .insight-item,
body[data-theme="dark"] .info-item,
body[data-theme="dark"] .route-step,
body[data-theme="dark"] .nearby-mini{
    background:
        radial-gradient(circle at 8% 0%, rgba(37,99,235,.16), transparent 34%),
        radial-gradient(circle at 100% 20%, rgba(20,184,166,.13), transparent 32%),
        linear-gradient(135deg,rgba(15,28,46,.96),rgba(8,18,34,.98)) !important;
    border-color:rgba(148,163,184,.18) !important;
}


/* Stable video / 360 / map visual trio */
.visual-feature-grid{
    align-items:stretch !important;
    gap:18px !important;
}
.visual-feature-grid .visual-card,
.visual-feature-grid .visual-card--video,
.visual-feature-grid .visual-card--360,
.visual-feature-grid .visual-card--map{
    position:relative !important;
    min-height:0 !important;
    height:300px !important;
    display:grid !important;
    grid-template-rows:auto 1fr !important;
    padding:16px !important;
    overflow:hidden !important;
    isolation:isolate !important;
}
.visual-feature-grid .visual-card::before,
.visual-feature-grid .visual-card--video::before,
.visual-feature-grid .visual-card--360::before,
.visual-feature-grid .visual-card--map::before{
    position:relative !important;
    display:block !important;
    z-index:5 !important;
    margin:0 0 12px !important;
    font-family:'Sora','Outfit',sans-serif !important;
    font-size:1.02rem !important;
    font-weight:1000 !important;
    line-height:1.1 !important;
    letter-spacing:.02em !important;
    text-transform:uppercase !important;
    text-shadow:none !important;
}
.visual-feature-grid .visual-card--video::before{content:"TANITIM VIDEOSU" !important;color:#063f8f !important;}
.visual-feature-grid .visual-card--360::before{content:"360 SANAL TUR" !important;color:#9b1fd4 !important;}
.visual-feature-grid .visual-card--map::before{content:"HARITADA G\00d6 R\00dc NT\00dc LE" !important;color:#b217c5 !important;}
.visual-feature-grid .visual-card-media{
    position:relative !important;
    flex:none !important;
    min-height:0 !important;
    height:100% !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background-position:center !important;
    background-size:cover !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.45) !important;
}
.visual-feature-grid .visual-card-media::before{
    z-index:1 !important;
    pointer-events:none !important;
}
.visual-feature-grid .visual-card-body{
    position:absolute !important;
    left:30px !important;
    right:30px !important;
    bottom:24px !important;
    z-index:6 !important;
    color:#fff !important;
    pointer-events:none !important;
}
.visual-feature-grid .visual-card-body h3{
    display:block !important;
    margin:0 0 5px !important;
    color:#fff !important;
    font-family:'Fraunces','DM Serif Display',serif !important;
    font-size:1.25rem !important;
    font-weight:900 !important;
    line-height:1.1 !important;
    text-shadow:0 2px 12px rgba(0,0,0,.38) !important;
}
.visual-feature-grid .visual-card-body p{
    display:block !important;
    margin:0 !important;
    max-width:100% !important;
    padding:0 !important;
    color:rgba(255,255,255,.92) !important;
    font-family:'Outfit','Segoe UI',sans-serif !important;
    font-size:.92rem !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-shadow:0 2px 10px rgba(0,0,0,.36) !important;
}
.visual-feature-grid .visual-card-kicker{display:none !important;}
.visual-feature-grid .visual-card--map .visual-card-body{
    inset:72px 26px auto 26px !important;
    bottom:auto !important;
    display:block !important;
}
.visual-feature-grid .visual-card--map .visual-card-body h3{display:none !important;}
.visual-feature-grid .visual-card--map .visual-card-body p{
    display:inline-flex !important;
    max-width:min(92%, 360px) !important;
    padding:11px 15px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.86) !important;
    border:1px solid rgba(255,255,255,.78) !important;
    color:#263247 !important;
    box-shadow:0 12px 28px rgba(15,23,42,.12) !important;
    text-shadow:none !important;
    backdrop-filter:blur(10px) !important;
}
.visual-feature-grid .visual-map-preview{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    opacity:.78 !important;
    filter:saturate(.92) contrast(1.02) brightness(1.03) !important;
    transform:none !important;
}
.visual-feature-grid .visual-card--map .visual-card-media::before{
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(15,23,42,.18)) !important;
}
.visual-feature-grid .visual-card--map .visual-card-media::after{
    left:50% !important;
    top:50% !important;
    width:48px !important;
    height:48px !important;
    z-index:4 !important;
}
.visual-feature-grid .visual-card--map .visual-card-btn{
    position:absolute !important;
    inset:0 !important;
    opacity:0 !important;
    pointer-events:auto !important;
}
.visual-feature-grid .visual-card--360 .visual-card-btn{
    z-index:8 !important;
}
.visual-feature-grid .visual-card--video .visual-card-btn{display:none !important;}
.visual-feature-grid .visual-play-btn{
    top:calc(50% + 16px) !important;
    z-index:9 !important;
}
.visual-feature-grid .visual-card--video .visual-card-media::after,
.visual-feature-grid .visual-card.video .visual-card-media::after{
    z-index:7 !important;
}
body[data-theme="dark"] .visual-feature-grid .visual-card--map .visual-card-body p{
    background:rgba(255,255,255,.86) !important;
    color:#263247 !important;
}
@media(max-width:980px){
    .visual-feature-grid{grid-template-columns:1fr !important;}
    .visual-feature-grid .visual-card{height:300px !important;}
}


/* Fast video card repair */
.visual-feature-grid .visual-card--video{
    height:300px !important;
    padding:16px !important;
    border:2px solid #67d9f4 !important;
    border-radius:22px !important;
    background:linear-gradient(135deg,#bdf2ff 0%,#eafcff 58%,#fffaf5 100%) !important;
    overflow:hidden !important;
}
.visual-feature-grid .visual-card--video::before{
    content:"TANITIM VIDEOSU" !important;
    color:#063f8f !important;
    margin:0 0 12px !important;
    font-family:'Sora','Outfit',sans-serif !important;
    font-size:1.03rem !important;
    font-weight:1000 !important;
    line-height:1.1 !important;
    letter-spacing:.02em !important;
    text-transform:uppercase !important;
}
.visual-feature-grid .visual-card--video .visual-card-media{
    position:relative !important;
    height:calc(100% - 32px) !important;
    min-height:0 !important;
    border-radius:18px !important;
    background-size:cover !important;
    background-position:center !important;
    overflow:hidden !important;
}
.visual-feature-grid .visual-card--video .visual-card-media::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background:linear-gradient(180deg,rgba(5,12,24,.02) 0%,rgba(5,12,24,.12) 44%,rgba(5,12,24,.62) 100%) !important;
    pointer-events:none !important;
}
.visual-feature-grid .visual-card--video .visual-card-media::after{
    content:"02:15" !important;
    position:absolute !important;
    right:12px !important;
    bottom:12px !important;
    z-index:7 !important;
    padding:6px 9px !important;
    border-radius:10px !important;
    background:rgba(15,23,42,.78) !important;
    color:#fff !important;
    font-family:'Outfit','Segoe UI',sans-serif !important;
    font-size:.84rem !important;
    font-weight:1000 !important;
}
.visual-feature-grid .visual-card--video .visual-card-body{
    position:absolute !important;
    left:28px !important;
    right:28px !important;
    bottom:24px !important;
    z-index:6 !important;
    color:#fff !important;
    pointer-events:none !important;
}
.visual-feature-grid .visual-card--video .visual-card-body h3{
    display:block !important;
    margin:0 0 4px !important;
    color:#fff !important;
    font-family:'Fraunces','DM Serif Display',serif !important;
    font-size:1.24rem !important;
    font-weight:900 !important;
    line-height:1.05 !important;
    text-shadow:0 2px 12px rgba(0,0,0,.42) !important;
}
.visual-feature-grid .visual-card--video .visual-card-body p{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:rgba(255,255,255,.94) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    font-family:'Outfit','Segoe UI',sans-serif !important;
    font-size:.92rem !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    text-shadow:0 2px 10px rgba(0,0,0,.36) !important;
}
.visual-feature-grid .visual-card--video .visual-play-btn{
    position:absolute !important;
    left:50% !important;
    top:calc(50% + 16px) !important;
    transform:translate(-50%,-50%) !important;
    z-index:9 !important;
    width:86px !important;
    height:86px !important;
    border:3px solid rgba(255,255,255,.84) !important;
    border-radius:50% !important;
    background:rgba(15,23,42,.50) !important;
    box-shadow:0 16px 34px rgba(15,23,42,.28) !important;
    backdrop-filter:blur(4px) !important;
}
.visual-feature-grid .visual-card--video .visual-play-btn::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-38%,-50%) !important;
    width:0 !important;
    height:0 !important;
    border-top:18px solid transparent !important;
    border-bottom:18px solid transparent !important;
    border-left:27px solid #fff !important;
    padding:0 !important;
}
.visual-feature-grid .visual-card--map::before{content:"HARITADA G\00d6 R\00dc NT\00dc LE" !important;}
.visual-feature-grid .visual-card--360::before{content:"360\00b0  SANAL TUR" !important;}



/* Popup photo gallery */
#galeri .gallery-frame-card{
    cursor: zoom-in !important;
}
#galeri .gallery-frame-card.is-expanded{
    grid-column:auto !important;
    order:initial !important;
    min-height:0 !important;
}
.photo-lightbox{
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:28px;
    background:rgba(4,10,22,.78);
    backdrop-filter:blur(14px);
}
.photo-lightbox.is-open{
    display:flex;
}
.photo-lightbox-open{
    overflow:hidden;
}
.photo-lightbox-inner{
    position:relative;
    width:min(1120px, 94vw);
    max-height:88vh;
    display:grid;
    place-items:center;
}
.photo-lightbox-img{
    width:100%;
    max-height:88vh;
    object-fit:contain;
    border-radius:24px;
    background:#0f172a;
    box-shadow:0 36px 100px rgba(0,0,0,.45);
}
.photo-lightbox-close,
.photo-lightbox-nav{
    position:absolute;
    border:0;
    display:grid;
    place-items:center;
    color:#0b1730;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 44px rgba(0,0,0,.24);
    cursor:pointer;
    transition:transform .18s ease, background .18s ease;
}
.photo-lightbox-close:hover,
.photo-lightbox-nav:hover{
    transform:scale(1.05);
    background:#fff;
}
.photo-lightbox-close{
    top:-18px;
    right:-18px;
    width:46px;
    height:46px;
    border-radius:999px;
    font-size:2rem;
    line-height:1;
}
.photo-lightbox-nav{
    top:50%;
    width:52px;
    height:52px;
    border-radius:999px;
    font-size:2.2rem;
    transform:translateY(-50%);
}
.photo-lightbox-nav:hover{
    transform:translateY(-50%) scale(1.05);
}
.photo-lightbox-prev{left:-24px;}
.photo-lightbox-next{right:-24px;}
@media(max-width:760px){
    .photo-lightbox{padding:18px;}
    .photo-lightbox-inner{width:96vw;}
    .photo-lightbox-close{top:10px;right:10px;width:42px;height:42px;}
    .photo-lightbox-nav{width:44px;height:44px;font-size:1.8rem;}
    .photo-lightbox-prev{left:8px;}
    .photo-lightbox-next{right:8px;}
}

/* Four-card venue gallery */
#galeri .gallery-main,
#galeri .gallery-thumbs{
    display:none !important;
}
#galeri .gallery-frame-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    margin-top:18px !important;
}
#galeri .gallery-frame-card{
    position:relative !important;
    display:block !important;
    width:100% !important;
    aspect-ratio:4 / 3 !important;
    padding:0 !important;
    border:1px solid rgba(16,35,61,.10) !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:#eef4fb !important;
    cursor:pointer !important;
    box-shadow:0 16px 34px rgba(16,35,61,.08) !important;
}
#galeri .gallery-frame-card img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    transition:transform .24s ease, filter .24s ease !important;
}
#galeri .gallery-frame-card:hover img,
#galeri .gallery-frame-card.active img{
    transform:scale(1.04) !important;
    filter:saturate(1.08) contrast(1.02) !important;
}
#galeri .gallery-frame-card.active{
    box-shadow:0 0 0 3px rgba(255,159,28,.26),0 18px 38px rgba(16,35,61,.10) !important;
}
#galeri .gallery-frame-card.is-expanded.active{
    box-shadow:0 28px 70px rgba(15, 23, 42, .22) !important;
}
#galeri .gallery-frame-card.is-expanded.active img{
    transform:none !important;
}
body[data-theme="dark"] #galeri .gallery-frame-card{
    background:#0f1d31 !important;
    border-color:rgba(148,163,184,.20) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.28) !important;
}
@media(max-width:980px){
    #galeri .gallery-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:560px){
    #galeri .gallery-frame-grid{grid-template-columns:1fr !important;}
}
#galeri .gallery-frame-card{
    cursor:zoom-in !important;
}
#galeri .gallery-frame-card.is-expanded{
    grid-column:auto !important;
    order:initial !important;
    min-height:0 !important;
    aspect-ratio:4 / 3 !important;
}


/* Video card full-height alignment */
.visual-feature-grid .visual-card--video{
    height:300px !important;
    grid-template-rows:auto minmax(0,1fr) !important;
}
.visual-feature-grid .visual-card--video .visual-card-media{
    height:100% !important;
    min-height:0 !important;
    flex:1 1 auto !important;
    background-size:cover !important;
    background-position:center center !important;
}
.visual-feature-grid .visual-card--video .visual-card-body{
    bottom:28px !important;
}
.visual-feature-grid .visual-card--video .visual-play-btn{
    top:calc(50% + 18px) !important;
}


/* Temporarily hide right summary card and let content fill the space */
.main-wrap{
    width:min(1500px, calc(100% - 48px)) !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
}
.main-wrap > div{
    min-width:0 !important;
}
.main-wrap > .side-card,
.main-wrap aside.side-card{
    display:none !important;
}
#galeri .gallery-frame-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
}
@media(max-width:980px){
    .main-wrap{width:min(100% - 24px, 760px) !important;}
    #galeri .gallery-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:560px){
    .main-wrap{width:calc(100% - 18px) !important;}
    #galeri .gallery-frame-grid{grid-template-columns:1fr !important;}
}


/* Hard cap nearby places at four cards */
#detailNearbyList .nearby-mini:nth-child(n+5){
    display:none !important;
}


/* Cleaner contact cards */
#konum .info-grid{
    grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,.88fr)) !important;
    align-items:stretch !important;
}
#konum .info-item{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    min-height:118px !important;
    padding:20px 22px !important;
}
#konum .info-item::before{
    display:none !important;
    content:none !important;
}
#konum .info-item small{
    margin:0 0 10px 0 !important;
    color:#6b7c93 !important;
    font-family:'Sora','Outfit','Segoe UI',sans-serif !important;
    font-size:.76rem !important;
    font-weight:900 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}
#konum .info-item strong,
#konum .info-item a{
    color:#10233d !important;
    font-family:'Outfit','Segoe UI',sans-serif !important;
    font-size:clamp(.98rem, 1.05vw, 1.12rem) !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    letter-spacing:-.01em !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    hyphens:auto !important;
}
#konum .info-item:first-child strong{
    font-size:clamp(1.08rem, 1.35vw, 1.32rem) !important;
    line-height:1.18 !important;
}
#konum .info-item a{
    text-decoration:none !important;
}
#konum .info-item a:hover{
    color:#0f8f8d !important;
    text-decoration:underline !important;
    text-underline-offset:4px !important;
}
body[data-theme="dark"] #konum .info-item small{
    color:#a9bad2 !important;
}
body[data-theme="dark"] #konum .info-item strong,
body[data-theme="dark"] #konum .info-item a{
    color:#f8fbff !important;
}
@media(max-width:680px){
    #konum .info-item{
        min-height:auto !important;
        padding:17px 18px !important;
    }
    #konum .info-item strong,
    #konum .info-item a,
    #konum .info-item:first-child strong{
        font-size:1rem !important;
        line-height:1.35 !important;
    }
}


/* Colorful featured menu cards */
.featured-menu-card{
    position:relative !important;
    overflow:hidden !important;
    border:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 18px 42px rgba(16,35,61,.08) !important;
}
.featured-menu-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.78), transparent 35%),
        radial-gradient(circle at 100% 16%, rgba(255,255,255,.55), transparent 36%) !important;
    z-index:0 !important;
}
.featured-menu-card > *{
    position:relative !important;
    z-index:1 !important;
}
.featured-menu-card:nth-child(4n+1){
    background:linear-gradient(145deg,#fff7ed 0%,#ffffff 48%,#ffe4ec 100%) !important;
    border-color:rgba(251,146,60,.26) !important;
}
.featured-menu-card:nth-child(4n+2){
    background:linear-gradient(145deg,#ecfeff 0%,#ffffff 48%,#e0f2fe 100%) !important;
    border-color:rgba(14,165,233,.24) !important;
}
.featured-menu-card:nth-child(4n+3){
    background:linear-gradient(145deg,#f0fdf4 0%,#ffffff 48%,#fef9c3 100%) !important;
    border-color:rgba(34,197,94,.24) !important;
}
.featured-menu-card:nth-child(4n){
    background:linear-gradient(145deg,#fdf4ff 0%,#ffffff 48%,#eef2ff 100%) !important;
    border-color:rgba(168,85,247,.24) !important;
}
.featured-menu-img{
    box-shadow:0 12px 28px rgba(15,23,42,.13) !important;
}
.featured-menu-body h3{
    color:#101633 !important;
}
.featured-menu-body p{
    color:#5f718b !important;
}
body[data-theme="dark"] .featured-menu-card:nth-child(n){
    background:
        radial-gradient(circle at 8% 0%, rgba(37,99,235,.16), transparent 34%),
        linear-gradient(145deg,rgba(15,28,46,.96),rgba(10,21,36,.94)) !important;
    border-color:rgba(148,163,184,.18) !important;
}
body[data-theme="dark"] .featured-menu-body h3,
body[data-theme="dark"] .featured-menu-body p{
    color:#f8fbff !important;
}


/* About section action cards */
#hakkinda .about-share-layout{
    display:block !important;
}
#hakkinda .about-copy{min-width:0 !important;}
.about-action-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
    margin-top:30px !important;
    align-items:stretch !important;
}
.about-action-card{
    position:relative !important;
    overflow:hidden !important;
    border-radius:28px !important;
    padding:24px !important;
    min-height:210px !important;
    border:1px solid rgba(148,163,184,.24) !important;
    box-shadow:0 22px 56px rgba(16,35,61,.10) !important;
}
.about-action-card::after{
    content:"";
    position:absolute;
    right:-38px;
    bottom:-42px;
    width:142px;
    height:142px;
    border-radius:999px;
    opacity:.5;
    pointer-events:none;
}
.about-share-card{
    background:radial-gradient(circle at 100% 100%, rgba(255,207,36,.42), transparent 38%),radial-gradient(circle at 0% 0%, rgba(14,165,233,.13), transparent 30%),linear-gradient(145deg,#ffffff 0%,#fff7fb 52%,#eef8ff 100%) !important;
    border-color:rgba(244,114,182,.28) !important;
}
.about-share-card::after{background:radial-gradient(circle, rgba(255,207,36,.55), transparent 62%);}
.about-campaign-wrap{
    background:radial-gradient(circle at 100% 0%, rgba(255,255,255,.9), transparent 34%),linear-gradient(135deg,#fff3f8 0%,#fff7d1 52%,#ffffff 100%) !important;
    border-color:rgba(255,128,171,.26) !important;
}
.about-campaign-wrap::after{background:radial-gradient(circle, rgba(255,45,123,.35), transparent 64%);}
.about-badges-card{
    background:radial-gradient(circle at 100% 0%, rgba(255,255,255,.9), transparent 34%),linear-gradient(135deg,#eef8ff 0%,#f4fff7 50%,#fff8ed 100%) !important;
    border-color:rgba(45,212,191,.28) !important;
}
.about-badges-card::after{background:radial-gradient(circle, rgba(45,212,191,.35), transparent 64%);}
.about-action-card h3{
    position:relative !important;
    z-index:1 !important;
    margin:0 0 14px !important;
    color:#114071 !important;
    font-family:'Sora','Outfit','Segoe UI',sans-serif !important;
    font-size:1.02rem !important;
    line-height:1.2 !important;
    font-weight:1000 !important;
    letter-spacing:.02em !important;
    text-transform:uppercase !important;
}
.about-action-card p,
.about-empty-note{
    position:relative !important;
    z-index:1 !important;
    margin:0 0 18px !important;
    color:#596b84 !important;
    font-family:'Outfit','Segoe UI',sans-serif !important;
    font-size:.96rem !important;
    line-height:1.55 !important;
}
.about-share-actions{position:relative !important;z-index:1 !important;display:flex !important;flex-wrap:wrap !important;gap:12px !important;}
.share-wa{background:#19c36a !important;}
.about-share-actions .share-btn{width:52px !important;height:52px !important;box-shadow:0 14px 28px rgba(16,35,61,.13) !important;}
.about-share-actions .share-btn svg{width:22px !important;height:22px !important;}
.about-campaign-card{
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 96px !important;
    gap:14px !important;
    align-items:center !important;
    padding:18px !important;
    min-height:132px !important;
    border-radius:24px !important;
    text-decoration:none !important;
    color:#10233d !important;
    background:rgba(255,255,255,.68) !important;
    border:1px dashed rgba(255,62,128,.22) !important;
    box-shadow:0 18px 34px rgba(255,62,128,.12) !important;
    overflow:hidden !important;
}
.about-campaign-copy{position:relative !important;z-index:1 !important;display:grid !important;gap:8px !important;}
.about-campaign-copy strong{font-family:'Sora','Outfit','Segoe UI',sans-serif !important;font-size:1.18rem !important;font-weight:1000 !important;line-height:1.08 !important;color:#ff2f80 !important;}
.about-campaign-copy span{font-family:'Outfit','Segoe UI',sans-serif !important;font-size:.92rem !important;font-weight:800 !important;line-height:1.35 !important;color:#ff5f25 !important;}
.about-campaign-copy em{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:max-content !important;min-height:34px !important;padding:0 16px !important;border-radius:999px !important;background:linear-gradient(135deg,#ffd21f,#ff8a00) !important;color:#10233d !important;font-style:normal !important;font-weight:1000 !important;box-shadow:0 12px 24px rgba(255,138,0,.18) !important;}
.about-campaign-visual{position:relative !important;z-index:1 !important;width:96px !important;height:96px !important;border-radius:22px !important;background-size:cover !important;background-position:center !important;box-shadow:0 16px 24px rgba(16,35,61,.14) !important;}
.about-badge-list{position:relative !important;z-index:1 !important;display:flex !important;flex-wrap:wrap !important;gap:10px !important;}
.about-badge-pill{
    display:inline-flex !important;
    align-items:center !important;
    gap:9px !important;
    padding:10px 13px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(148,163,184,.22) !important;
    color:#10233d !important;
    font-family:'Outfit','Segoe UI',sans-serif !important;
    font-size:.9rem !important;
    font-weight:900 !important;
    box-shadow:0 12px 24px rgba(16,35,61,.08) !important;
}
.about-badge-pill img{width:28px !important;height:28px !important;border-radius:999px !important;object-fit:cover !important;background:#fff !important;}
body[data-theme="dark"] .about-action-card{background:linear-gradient(145deg,rgba(15,28,46,.96),rgba(10,21,36,.94)) !important;border-color:rgba(148,163,184,.18) !important;}
body[data-theme="dark"] .about-action-card h3{color:#dbeafe !important;}
body[data-theme="dark"] .about-action-card p,
body[data-theme="dark"] .about-empty-note{color:#c9d7ea !important;}
body[data-theme="dark"] .about-campaign-card{background:rgba(255,255,255,.08) !important;border-color:rgba(255,128,171,.22) !important;color:#fff !important;}
body[data-theme="dark"] .about-campaign-copy strong{color:#ff8ab8 !important;}
body[data-theme="dark"] .about-campaign-copy span{color:#ffe0b5 !important;}
body[data-theme="dark"] .about-badge-pill{background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.14) !important;color:#f8fbff !important;}
@media(max-width:1120px){.about-action-grid{grid-template-columns:1fr 1fr !important;}.about-badges-card{grid-column:1 / -1 !important;}}
@media(max-width:720px){.about-action-grid{grid-template-columns:1fr !important;}.about-badges-card{grid-column:auto !important;}}

/* Final hero tuning: compact cover, handwritten slogans, taped photos, softer action band. */
.hero{
    min-height:clamp(500px, 58vh, 640px) !important;
}
.hero.hero-fit-contain{
    min-height:var(--hero-dynamic-height, clamp(560px, 68vh, 820px)) !important;
    background-image:
        linear-gradient(90deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.42) 46%, rgba(255,255,255,.12) 100%),
        var(--detail-hero-blur-image);
    background-size:cover;
    background-position:center;
}
.hero.hero-fit-contain::after{
    content:"" !important;
    display:block !important;
    position:absolute;
    inset:-28px;
    z-index:0;
    background-image:var(--detail-hero-blur-image);
    background-size:cover;
    background-position:center;
    filter:blur(22px) saturate(1.08);
    opacity:.38;
    transform:scale(1.05);
}
.hero.hero-fit-contain .hero-bg{
    z-index:1;
    background-size:min(100%, var(--hero-contained-image-width, 72%)) auto !important;
    background-position:center right 4% !important;
    background-repeat:no-repeat !important;
    background-color:transparent !important;
}
.hero.hero-fit-contain .hero-content{
    min-height:var(--hero-dynamic-height, clamp(540px, 64vh, 780px)) !important;
}
.hero.hero-fit-tall .hero-bg{
    background-position:center center !important;
}
.hero.hero-fit-cover .hero-bg{
    background-size:cover !important;
    background-position:center center !important;
}
.detail-type-yer .hero{
    aspect-ratio:1660 / 948 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
    display:block !important;
    background-image:
        linear-gradient(90deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.42) 44%, rgba(255,255,255,.12) 100%),
        var(--detail-hero-blur-image);
    background-size:cover;
    background-position:center;
}
.detail-type-yer .hero::after{
    content:"" !important;
    display:block !important;
    position:absolute;
    inset:-28px;
    z-index:0;
    background-image:var(--detail-hero-blur-image);
    background-size:cover;
    background-position:center;
    filter:blur(20px) saturate(1.06);
    opacity:.28;
    transform:scale(1.04);
}
.detail-type-yer .hero-bg,
.detail-type-yer .hero.hero-fit-cover .hero-bg,
.detail-type-yer .hero.hero-fit-contain .hero-bg{
    position:absolute !important;
    inset:0 !important;
    z-index:1;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-color:transparent !important;
    display:block !important;
}
.detail-type-yer .hero-img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
}
.detail-type-yer .hero-content,
.detail-type-yer .hero.hero-fit-contain .hero-content{
    position:absolute !important;
    left:clamp(22px,3.2vw,48px) !important;
    top:clamp(22px,3vw,42px) !important;
    right:auto !important;
    bottom:auto !important;
    z-index:2 !important;
    width:min(46%, 620px) !important;
    height:auto !important;
    max-height:calc(100% - clamp(150px,15vw,210px)) !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:clamp(5px,.55vw,9px) !important;
    transform-origin:left top !important;
}
.detail-type-yer .hero h1{
    font-size:clamp(2.1rem, calc(4.45vw * var(--hero-title-scale,1)), 5rem) !important;
    line-height:.92 !important;
    max-width:100% !important;
    margin:0 !important;
    letter-spacing:-.035em !important;
}
.detail-type-yer .hero-summary{
    max-width:100% !important;
    font-size:clamp(1.08rem, 1.55vw, 1.68rem) !important;
    line-height:1.12 !important;
    margin:0 !important;
}
.detail-type-yer .hero-rating-line{margin:2px 0 4px !important}
.detail-type-yer .hero-rating-score{font-size:clamp(1.35rem,2vw,1.9rem) !important}
.detail-type-yer .hero-meta{gap:6px !important;margin-top:2px !important}
.detail-type-yer .hero-meta .meta-chip{font-size:.67rem !important;padding:7px 10px !important}
.hero-content{
    min-height:clamp(470px, 54vh, 600px) !important;
    padding:54px 50px 126px !important;
    justify-content:center !important;
}
.hero-eyebrow{display:none !important;}
.hero h1{
    margin-top:0 !important;
    margin-bottom:18px !important;
}
.hero-summary{
    font-family:"Caveat","Cormorant Garamond",cursive !important;
    font-size:clamp(1.65rem, 2.35vw, 2.45rem) !important;
    font-weight:700 !important;
    line-height:1.12 !important;
    letter-spacing:.005em !important;
    color:#101633 !important;
    max-width:660px !important;
    margin:2px 0 16px !important;
    text-shadow:0 10px 24px rgba(255,255,255,.72) !important;
}
.hero-rating-subtitle{
    font-family:"Caveat","Cormorant Garamond",cursive !important;
    font-size:clamp(1.32rem, 1.75vw, 1.82rem) !important;
    font-weight:600 !important;
    line-height:1.18 !important;
    color:#334155 !important;
    max-width:640px !important;
    margin:8px 0 0 !important;
    text-shadow:0 8px 22px rgba(255,255,255,.6) !important;
}
.hero-polaroids{
    right:54px !important;
    bottom:118px !important;
    gap:4px !important;
}
.hero-polaroid{
    position:relative !important;
    width:176px !important;
    height:112px !important;
    border:8px solid #fff !important;
    border-bottom-width:13px !important;
    border-radius:18px !important;
    overflow:visible !important;
    box-shadow:0 18px 34px rgba(15,23,42,.25), 0 2px 0 rgba(255,255,255,.9) inset !important;
}
.hero-polaroid::before,
.hero-polaroid::after{
    content:"" !important;
    position:absolute !important;
    z-index:3 !important;
    width:54px !important;
    height:18px !important;
    border-radius:4px !important;
    background:linear-gradient(135deg,rgba(255,244,202,.86),rgba(255,255,255,.58)) !important;
    box-shadow:0 4px 10px rgba(15,23,42,.12) !important;
    pointer-events:none !important;
}
.hero-polaroid::before{
    top:-18px !important;
    left:18px !important;
    transform:rotate(-11deg) !important;
}
.hero-polaroid::after{
    right:18px !important;
    bottom:-18px !important;
    transform:rotate(9deg) !important;
}
.hero-polaroid:nth-child(2){
    width:222px !important;
    height:136px !important;
    transform:rotate(5deg) translateX(-22px) translateY(-4px) !important;
}
.hero-floating-actions{
    right:66px !important;
    bottom:58px !important;
}
.detail-info-strip{
    background:
        radial-gradient(circle at 10% 12%, rgba(255,255,255,.72), transparent 34%),
        radial-gradient(circle at 92% 80%, rgba(255,213,128,.16), transparent 35%),
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(245,252,249,.9) 48%, rgba(255,249,236,.88)) !important;
    border:1px solid rgba(255,181,71,.18) !important;
    box-shadow:0 20px 46px rgba(18,38,63,.12) !important;
}
.detail-info-card{
    background:rgba(255,255,255,.76) !important;
    border-color:rgba(255,181,71,.12) !important;
}
.detail-action.route{
    background:linear-gradient(135deg,#ffb21f,#f97316) !important;
    box-shadow:0 16px 30px rgba(249,115,22,.20) !important;
}
body[data-theme="dark"] .hero-summary,
body[data-theme="dark"] .hero-rating-subtitle{
    color:#f8fbff !important;
    text-shadow:0 10px 24px rgba(0,0,0,.55) !important;
}
body[data-theme="dark"] .detail-info-strip{
    background:
        radial-gradient(circle at 10% 12%, rgba(255,255,255,.06), transparent 34%),
        radial-gradient(circle at 92% 80%, rgba(249,115,22,.12), transparent 35%),
        linear-gradient(135deg, rgba(15,28,46,.96), rgba(10,21,36,.94)) !important;
    border-color:rgba(249,115,22,.16) !important;
}

/* Quick readability polish for hero slogans and review count. */
.hero-summary{
    color:#07122f !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    text-shadow:
        0 2px 0 rgba(255,255,255,.45),
        0 12px 28px rgba(255,255,255,.62) !important;
}
.hero-rating-count{
    color:#10213f !important;
    font-weight:1000 !important;
    font-size:clamp(1.08rem, 1.45vw, 1.32rem) !important;
    text-shadow:0 2px 12px rgba(255,255,255,.72) !important;
}
.hero-rating-subtitle{
    color:#162642 !important;
    font-weight:800 !important;
    text-shadow:
        0 2px 0 rgba(255,255,255,.36),
        0 10px 22px rgba(255,255,255,.58) !important;
}
body[data-theme="dark"] .hero-rating-count{
    color:#ffffff !important;
}

/* Keep video, 360 and map center icons visually consistent. */
.visual-feature-grid .visual-play-btn,
.visual-feature-grid .visual-card--360 .visual-card-media::after,
.visual-feature-grid .visual-card--map .visual-card-media::after{
    left:50% !important;
    top:50% !important;
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    min-height:86px !important;
    border-radius:999px !important;
    transform:translate(-50%,-50%) !important;
    display:grid !important;
    place-items:center !important;
    background:rgba(17,24,39,.48) !important;
    border:3px solid rgba(255,255,255,.82) !important;
    box-shadow:0 18px 38px rgba(15,23,42,.28), inset 0 1px 0 rgba(255,255,255,.24) !important;
    backdrop-filter:blur(4px) !important;
    z-index:9 !important;
}
.visual-feature-grid .visual-card--map .visual-card-media::after{
    content:"📍" !important;
    color:#fff !important;
    font-size:2.35rem !important;
    line-height:1 !important;
    background:rgba(124,58,237,.58) !important;
    border:3px solid rgba(255,255,255,.86) !important;
    clip-path:none !important;
    box-shadow:0 18px 38px rgba(124,58,237,.34), inset 0 1px 0 rgba(255,255,255,.24) !important;
}
.visual-feature-grid .visual-card--360 .visual-card-media::after{
    color:#fff !important;
    font-size:1.62rem !important;
    font-weight:1000 !important;
    letter-spacing:.01em !important;
}
.visual-feature-grid .visual-play-btn::after{
    border-left-color:#fff !important;
}

/* Compact, consistent headings for small detail cards. */
.visual-feature-grid .visual-card::before,
.visual-feature-grid .visual-card--video::before,
.visual-feature-grid .visual-card--360::before,
.visual-feature-grid .visual-card--map::before,
.about-action-card h3,
#konum .info-item small,
.pratik-card small,
.pratik-card strong,
.related-card small{
    font-family:"Manrope","Sora","Outfit",sans-serif !important;
    font-weight:900 !important;
    letter-spacing:.045em !important;
    line-height:1.12 !important;
}
.visual-feature-grid .visual-card::before,
.visual-feature-grid .visual-card--video::before,
.visual-feature-grid .visual-card--360::before,
.visual-feature-grid .visual-card--map::before{
    font-size:clamp(.78rem, .82vw, .96rem) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    margin-bottom:16px !important;
}
.about-action-card h3{
    font-size:clamp(.78rem, .86vw, .98rem) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-transform:uppercase !important;
}
#konum .info-item small,
.pratik-card small,
.related-card small{
    font-size:clamp(.62rem, .68vw, .76rem) !important;
    text-transform:uppercase !important;
}
#konum .info-item small{
    font-family:"Cormorant Garamond","Fraunces",serif !important;
    font-size:clamp(1.48rem, 1.58vw, 1.86rem) !important;
    font-weight:1000 !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    color:#050b1f !important;
    text-transform:none !important;
    white-space:nowrap !important;
}
#konum .info-item strong,
#konum .info-item a{
    font-family:"Cormorant Garamond","Fraunces",serif !important;
    font-size:clamp(1.19rem, 1.28vw, 1.44rem) !important;
    font-weight:900 !important;
    line-height:1.18 !important;
    letter-spacing:-.01em !important;
    color:#050b1f !important;
    text-transform:none !important;
}
#konum .info-item:nth-child(3) strong,
#konum .info-item:nth-child(3) a,
#konum .info-item:nth-child(4) strong,
#konum .info-item:nth-child(4) a{
    font-size:clamp(1.06rem, 1.14vw, 1.31rem) !important;
}
.pratik-card strong{
    font-size:clamp(.9rem, .96vw, 1.06rem) !important;
    letter-spacing:0 !important;
}
.related-card strong{
    font-size:clamp(.92rem, 1vw, 1.08rem) !important;
    line-height:1.18 !important;
}

/* Align the middle nearby list with route and why cards. */
.detail-duo-grid .nearby-mini-list{
    display:grid !important;
    gap:12px !important;
}
.detail-duo-grid .nearby-mini{
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) 54px 96px !important;
    min-height:90px !important;
    height:90px !important;
    align-items:center !important;
    gap:12px !important;
    padding:10px !important;
    border-radius:18px !important;
}
.nearby-mini-num{
    display:grid !important;
    place-items:center !important;
    width:34px !important;
    height:34px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#38bdf8,#2563eb) !important;
    color:#fff !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:.92rem !important;
    font-weight:1000 !important;
    box-shadow:0 10px 18px rgba(37,99,235,.22) !important;
}
.detail-duo-grid .nearby-mini-img{
    grid-column:4 !important;
    width:96px !important;
    height:70px !important;
    border-radius:16px !important;
    justify-self:end !important;
}
.detail-duo-grid .nearby-mini b{
    grid-column:3 !important;
    min-width:52px !important;
    justify-self:end !important;
    font-size:.9rem !important;
}
.detail-duo-grid .nearby-mini strong{
    display:block !important;
    font-size:clamp(1.18rem, 1.45vw, 1.48rem) !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.detail-duo-grid .route-list,
#detailWhyPanel .story-grid{
    gap:12px !important;
}
.detail-duo-grid .route-step,
#detailWhyPanel .story-card{
    min-height:90px !important;
    height:90px !important;
    align-items:center !important;
}
.detail-duo-grid .nearby-mini > span:not(.nearby-mini-num):not(.nearby-mini-img){
    min-width:0 !important;
    align-self:center !important;
}
.detail-duo-grid .nearby-mini small{
    display:block !important;
    margin-top:4px !important;
    line-height:1.1 !important;
}
@media(max-width:980px){
    .hero-content{
        min-height:500px !important;
        padding:54px 28px 122px !important;
    }
    .hero-summary{font-size:clamp(1.45rem, 5vw, 2rem) !important;}
}
@media(max-width:760px){
    .hero{
        min-height:520px !important;
    }
    .hero.hero-fit-contain{
        min-height:var(--hero-dynamic-height, 620px) !important;
    }
    .hero-content{
        min-height:520px !important;
        padding:58px 22px 118px !important;
    }
    .hero.hero-fit-contain .hero-content{
        min-height:var(--hero-dynamic-height, 620px) !important;
    }
    .hero.hero-fit-contain .hero-bg{
        background-position:center top !important;
    }
    .detail-type-yer .hero,
    .detail-type-yer .hero-content,
    .detail-type-yer .hero.hero-fit-contain .hero-content{
        height:100% !important;
        min-height:0 !important;
        max-height:none !important;
    }
    .detail-type-yer .hero-content,
    .detail-type-yer .hero.hero-fit-contain .hero-content{
        left:18px !important;
        top:22px !important;
        width:calc(100% - 36px) !important;
        max-height:calc(100% - 130px) !important;
    }
    .detail-type-yer .hero-bg,
    .detail-type-yer .hero.hero-fit-cover .hero-bg,
    .detail-type-yer .hero.hero-fit-contain .hero-bg{
        background-size:cover !important;
        background-position:center center !important;
    }
    .detail-type-yer .hero-img{
        height:100% !important;
        object-fit:cover !important;
    }
    .detail-type-yer .hero h1{
        font-size:clamp(2.7rem, 11.5vw, 4.8rem) !important;
        max-width:100% !important;
    }
    .hero-summary,
    .hero-rating-subtitle{
        max-width:100% !important;
    }
    .detail-info-strip{
        background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,248,235,.9)) !important;
    }
}

/* Detail page requested order: route trio, gallery, why/about pair, action cards, contact. */
.detail-about-why-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
    margin-bottom:18px !important;
}
.detail-about-why-grid > .panel{
    min-width:0 !important;
    height:100% !important;
    margin:0 !important;
}
.detail-about-why-grid #hakkinda{
    grid-column:span 2 !important;
}
.detail-about-why-grid #detailWhyPanel{
    display:flex !important;
    flex-direction:column !important;
    padding-bottom:20px !important;
}
.detail-about-why-grid #detailWhyPanel .story-grid{
    display:grid !important;
    gap:11px !important;
    flex:1 1 auto !important;
    align-content:center !important;
}
.detail-about-why-grid #detailWhyPanel .story-card{
    display:flex !important;
    gap:8px !important;
    min-height:44px !important;
    height:auto !important;
    align-items:center !important;
    padding:10px 13px !important;
    border-radius:16px !important;
}
.detail-about-why-grid #detailWhyPanel .story-card p{
    margin:0 !important;
    color:#2f3950 !important;
    font-family:"Manrope",sans-serif !important;
    font-size:clamp(.82rem, .7vw, .92rem) !important;
    font-weight:500 !important;
    line-height:1.28 !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
}
.detail-about-why-grid #detailWhyPanel .story-num{
    flex:0 0 22px !important;
    width:22px !important;
    height:22px !important;
    font-family:"Manrope",sans-serif !important;
    font-size:.72rem !important;
    font-weight:900 !important;
    background:linear-gradient(135deg,#22c55e,#14b8a6) !important;
    box-shadow:0 8px 14px rgba(20,184,166,.14) !important;
}
.detail-about-why-grid #hakkinda .about-share-layout{
    display:block !important;
    height:100% !important;
}
.detail-about-why-grid #hakkinda .rich-text{
    max-width:100% !important;
    line-height:1.55 !important;
    font-size:clamp(.92rem, .86vw, 1rem) !important;
}
.detail-about-why-grid #hakkinda .rich-text p,
.detail-about-why-grid #hakkinda .rich-text div{
    margin-top:0 !important;
    margin-bottom:0 !important;
}
.detail-about-why-grid #hakkinda .rich-text p + p,
.detail-about-why-grid #hakkinda .rich-text div + div{
    margin-top:0 !important;
}
.detail-about-why-grid #hakkinda .rich-text br + br{
    display:none !important;
}
.detail-about-why-grid #hakkinda .rich-text > :last-child{
    margin-bottom:0 !important;
}
.about-action-grid{
    margin:0 0 18px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.about-action-card{
    min-height:162px !important;
}
.about-campaign-card{
    min-height:104px !important;
}
.about-campaign-visual{
    width:82px !important;
    height:82px !important;
}
#detailRegionalRoutePanel{
    background:
        radial-gradient(circle at 12% 4%, rgba(34,197,94,.16), transparent 32%),
        linear-gradient(135deg,#f0fdf4 0%,#ffffff 52%,#ecfeff 100%) !important;
    border-color:rgba(34,197,94,.26) !important;
}
#detailRegionalRoutePanel .regional-route-mini b:empty::before{
    content:"Rota" !important;
}
.detail-duo-grid .regional-route-list{
    display:grid !important;
    gap:12px !important;
}
@media(min-width:981px) and (max-width:1180px){
    .detail-duo-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}
@media(min-width:901px) and (max-width:1180px){
    .detail-about-why-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}
@media(max-width:900px){
    .detail-about-why-grid{
        grid-template-columns:1fr !important;
    }
    .detail-about-why-grid #hakkinda{
        grid-column:auto !important;
    }
    .about-action-grid{
        grid-template-columns:1fr !important;
    }
}
@media(max-width:680px){
    .detail-about-why-grid{
        gap:14px !important;
    }
    .detail-about-why-grid #detailWhyPanel .story-card{
        min-height:44px !important;
    }
    .detail-about-why-grid #detailWhyPanel .story-card p{
        white-space:normal !important;
    }
}

/* Final visual trio alignment: video, 360 and map share one clean rhythm. */
.visual-feature-grid{
    align-items:stretch !important;
}
.visual-feature-grid .visual-card,
.visual-feature-grid .visual-card--video,
.visual-feature-grid .visual-card--360,
.visual-feature-grid .visual-card--map{
    min-height:0 !important;
    height:318px !important;
    display:grid !important;
    grid-template-rows:30px minmax(0,1fr) !important;
    padding:14px !important;
    overflow:hidden !important;
}
.visual-feature-grid .visual-card::before,
.visual-feature-grid .visual-card--video::before,
.visual-feature-grid .visual-card--360::before,
.visual-feature-grid .visual-card--map::before{
    height:30px !important;
    margin:0 0 10px !important;
    padding:0 10px !important;
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    border-radius:10px 10px 0 0 !important;
    background:linear-gradient(90deg,rgba(255,255,255,.64),rgba(236,254,255,.72)) !important;
    font-family:"Cormorant Garamond","Fraunces",serif !important;
    font-size:clamp(1.02rem, 1vw, 1.18rem) !important;
    font-weight:1000 !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-transform:none !important;
    color:#050b1f !important;
}
.visual-feature-grid .visual-card--video::before{content:"Tanıtım Videosu" !important;}
.visual-feature-grid .visual-card--360::before{content:"360° Sanal Tur" !important;}
.visual-feature-grid .visual-card--map::before{content:"Haritada Görüntüle" !important;}

.featured-menu-sub{
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    margin-top:8px !important;
    padding:10px 16px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,rgba(255,128,26,.12),rgba(255,47,130,.10),rgba(20,184,166,.10)) !important;
    border:1px solid rgba(255,128,26,.22) !important;
    color:#050b1f !important;
    font-family:"Cormorant Garamond","Fraunces",serif !important;
    font-size:clamp(1.15rem, 1.22vw, 1.42rem) !important;
    font-weight:1000 !important;
    line-height:1.1 !important;
    letter-spacing:-.01em !important;
    box-shadow:0 12px 28px rgba(255,128,26,.08) !important;
}

/* Give visual trio titles breathing room without changing media proportions. */
.visual-feature-grid .visual-card,
.visual-feature-grid .visual-card--video,
.visual-feature-grid .visual-card--360,
.visual-feature-grid .visual-card--map{
    height:334px !important;
    grid-template-rows:46px minmax(0,1fr) !important;
}
.visual-feature-grid .visual-card--video::before,
.visual-feature-grid .visual-card--360::before,
.visual-feature-grid .visual-card--map::before{
    height:38px !important;
    margin-bottom:18px !important;
    align-items:flex-start !important;
}
@media(max-width:980px){
    .visual-feature-grid .visual-card,
    .visual-feature-grid .visual-card--video,
    .visual-feature-grid .visual-card--360,
    .visual-feature-grid .visual-card--map{
        height:356px !important;
    }
}
.visual-feature-grid .visual-card--video::before{color:#083f8d !important;}
.visual-feature-grid .visual-card--360::before{color:#9d13bf !important;}
.visual-feature-grid .visual-card--map::before{color:#b217c5 !important;}
.visual-feature-grid .visual-card-media{
    grid-row:2 !important;
    height:100% !important;
    min-height:0 !important;
    align-self:stretch !important;
    border-radius:16px !important;
}
.visual-feature-grid .visual-card-body{
    left:28px !important;
    right:28px !important;
    bottom:24px !important;
}
.visual-feature-grid .visual-card-body h3{
    max-width:calc(100% - 16px) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:clamp(1rem, 1.05vw, 1.18rem) !important;
}
.visual-feature-grid .visual-card-body p{
    max-width:calc(100% - 16px) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:clamp(.78rem, .82vw, .92rem) !important;
}
.visual-feature-grid .visual-card--map .visual-card-body{
    inset:54px 24px auto 24px !important;
}
.visual-feature-grid .visual-card--map .visual-card-body p{
    max-width:78% !important;
}
@media(max-width:980px){
    .visual-feature-grid .visual-card,
    .visual-feature-grid .visual-card--video,
    .visual-feature-grid .visual-card--360,
    .visual-feature-grid .visual-card--map{
        height:340px !important;
    }
}

/* Practical info: softer site-matched three-card layout. */
#pratik .pratik-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
    align-items:stretch !important;
}
#pratik .pratik-card{
    min-height:180px !important;
    padding:18px !important;
    border:1px solid rgba(15,23,42,.08) !important;
    border-radius:22px !important;
    color:#0f1a33 !important;
    box-shadow:0 18px 46px rgba(16,35,61,.075) !important;
}
#pratik .hava-card{
    grid-column:auto !important;
    background:
        radial-gradient(circle at 15% 10%, rgba(59,130,246,.18), transparent 32%),
        linear-gradient(135deg,#eff6ff 0%,#ffffff 52%,#ecfeff 100%) !important;
    border-color:rgba(96,165,250,.32) !important;
}
#pratik .eczane-card{
    background:
        radial-gradient(circle at 10% 10%, rgba(34,197,94,.16), transparent 34%),
        linear-gradient(135deg,#f0fdf4 0%,#ffffff 52%,#ecfeff 100%) !important;
    border-color:rgba(34,197,94,.28) !important;
}
#pratik .hastane-card{
    background:
        radial-gradient(circle at 12% 8%, rgba(244,63,94,.16), transparent 34%),
        linear-gradient(135deg,#fff1f2 0%,#ffffff 52%,#fff7ed 100%) !important;
    border-color:rgba(244,63,94,.28) !important;
}
#pratik .pratik-card small{
    color:#53627a !important;
}
#pratik .pratik-card strong{
    color:#101633 !important;
}
#pratik .hava-card strong{
    font-size:clamp(1.7rem, 2.1vw, 2.4rem) !important;
}
#pratik .hastane-links a{
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(15,23,42,.08) !important;
    color:#101633 !important;
    font-weight:800 !important;
}
body[data-theme="dark"] #pratik .pratik-card{
    color:#eef6ff !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(37,99,235,.16), transparent 34%),
        radial-gradient(circle at 100% 20%, rgba(20,184,166,.13), transparent 32%),
        linear-gradient(135deg,rgba(15,28,46,.96),rgba(8,18,34,.98)) !important;
    border-color:rgba(148,163,184,.18) !important;
}
body[data-theme="dark"] #pratik .pratik-card small{color:#b6c6dc !important;}
body[data-theme="dark"] #pratik .pratik-card strong{color:#f8fbff !important;}
body[data-theme="dark"] #pratik .hastane-links a{
    background:rgba(255,255,255,.08) !important;
    border-color:rgba(148,163,184,.18) !important;
    color:#eaf2ff !important;
}
@media(max-width:980px){
    #pratik .pratik-grid{
        grid-template-columns:1fr !important;
    }
}

/* Practical info actual page markup override. */
.panel.section > .pratik-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
    align-items:stretch !important;
}
.panel.section > .pratik-grid .pratik-card{
    grid-column:auto !important;
    min-height:178px !important;
    padding:18px !important;
    border:1px solid rgba(15,23,42,.08) !important;
    border-radius:22px !important;
    color:#0f1a33 !important;
    box-shadow:0 18px 46px rgba(16,35,61,.075) !important;
}
.panel.section > .pratik-grid .hava-card{
    background:
        radial-gradient(circle at 15% 10%, rgba(59,130,246,.18), transparent 32%),
        linear-gradient(135deg,#eff6ff 0%,#ffffff 52%,#ecfeff 100%) !important;
    border-color:rgba(96,165,250,.32) !important;
}
.panel.section > .pratik-grid .eczane-card{
    background:
        radial-gradient(circle at 10% 10%, rgba(34,197,94,.16), transparent 34%),
        linear-gradient(135deg,#f0fdf4 0%,#ffffff 52%,#ecfeff 100%) !important;
    border-color:rgba(34,197,94,.28) !important;
}
.panel.section > .pratik-grid .hastane-card{
    background:
        radial-gradient(circle at 12% 8%, rgba(244,63,94,.16), transparent 34%),
        linear-gradient(135deg,#fff1f2 0%,#ffffff 52%,#fff7ed 100%) !important;
    border-color:rgba(244,63,94,.28) !important;
}
.panel.section > .pratik-grid .pratik-card small,
.panel.section > .pratik-grid .hava-detay{
    color:#53627a !important;
}
.panel.section > .pratik-grid .pratik-card > small{
    font-family:"Cormorant Garamond","Fraunces",serif !important;
    font-size:clamp(1.48rem, 1.58vw, 1.86rem) !important;
    font-weight:1000 !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    text-transform:none !important;
    white-space:nowrap !important;
    color:#050b1f !important;
}
.panel.section > .pratik-grid .pratik-card strong,
.panel.section > .pratik-grid .hava-sicaklik{
    color:#101633 !important;
}
.panel.section > .pratik-grid .hastane-links a{
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(15,23,42,.08) !important;
    color:#101633 !important;
    font-weight:800 !important;
}
.panel.section > .pratik-grid .hava-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    min-height:112px !important;
}
.panel.section > .pratik-grid .hava-main{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
}
.panel.section > .pratik-grid .hava-icon{
    display:grid !important;
    place-items:center !important;
    width:64px !important;
    height:64px !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.72) !important;
    box-shadow:0 16px 34px rgba(37,99,235,.12) !important;
    font-size:2.35rem !important;
    line-height:1 !important;
}
.panel.section > .pratik-grid .hava-sicaklik{
    font-size:clamp(3.5rem, 4.4vw, 5.2rem) !important;
    font-weight:1000 !important;
    letter-spacing:-.06em !important;
    line-height:.88 !important;
}
.panel.section > .pratik-grid .eczane-card{
    position:relative !important;
    padding-right:100px !important;
}
.panel.section > .pratik-grid .eczane-icon{
    position:absolute !important;
    right:22px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:grid !important;
    place-items:center !important;
    width:68px !important;
    height:68px !important;
    border-radius:24px !important;
    background:linear-gradient(135deg,#16a34a,#22c55e) !important;
    color:#fff !important;
    font-size:2rem !important;
    font-weight:1000 !important;
    box-shadow:0 18px 34px rgba(22,163,74,.22) !important;
}
@media(max-width:980px){
    .panel.section > .pratik-grid{
        grid-template-columns:1fr !important;
    }
    .panel.section > .pratik-grid .eczane-card{
        padding-right:92px !important;
    }
}

/* Practical info final visual system: reference-style weather, pharmacy and emergency cards. */
#pratik{
    background:
        radial-gradient(circle at 6% 0%, rgba(255,255,255,.86), transparent 32%),
        radial-gradient(circle at 96% 10%, rgba(20,184,166,.12), transparent 30%),
        linear-gradient(135deg,#fff7fb 0%,#ffffff 46%,#eefdfa 100%) !important;
    border:1px solid rgba(15,23,42,.08) !important;
    border-radius:28px !important;
    box-shadow:0 20px 52px rgba(16,35,61,.10) !important;
}
#pratik .pratik-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
}
#pratik .pratik-card{
    position:relative !important;
    min-height:206px !important;
    padding:22px 24px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    gap:18px !important;
    overflow:hidden !important;
    border-radius:24px !important;
    color:#071127 !important;
    background:#fff !important;
    box-shadow:0 22px 46px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
#pratik .pratik-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    opacity:.92 !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.82), transparent 28%),
        radial-gradient(circle at 100% 100%, rgba(255,255,255,.66), transparent 38%) !important;
}
#pratik .pratik-card > *{
    position:relative !important;
    z-index:1 !important;
}
#pratik .pratik-card > small{
    margin:0 !important;
    color:#101633 !important;
    font-family:"Cormorant Garamond","Fraunces",serif !important;
    font-size:clamp(1.55rem,1.55vw,1.95rem) !important;
    font-weight:1000 !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}
#pratik .hava-card{
    border:1px solid rgba(59,130,246,.34) !important;
    background:
        radial-gradient(circle at 86% 16%, rgba(147,197,253,.22), transparent 30%),
        linear-gradient(135deg,#eff6ff 0%,#ffffff 48%,#ecfeff 100%) !important;
}
#pratik .hava-wrap{
    min-height:122px !important;
    display:grid !important;
    gap:16px !important;
}
#pratik .hava-main{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
}
#pratik .hava-icon{
    width:72px !important;
    height:72px !important;
    flex:0 0 72px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:22px !important;
    color:#6366f1 !important;
    background:
        radial-gradient(circle at 52% 58%, rgba(168,85,247,.20), transparent 36%),
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,251,255,.82)) !important;
    box-shadow:0 18px 34px rgba(59,130,246,.12) !important;
    font-size:2.15rem !important;
    line-height:1 !important;
}
#pratik .hava-sicaklik{
    margin:0 !important;
    color:#060d2d !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:clamp(3.35rem,4vw,4.9rem) !important;
    font-weight:1000 !important;
    line-height:.88 !important;
    letter-spacing:-.065em !important;
}
#pratik .hava-hadise,
#pratik .hava-detay{
    margin-top:10px !important;
    color:#526686 !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:clamp(.94rem,.92vw,1.08rem) !important;
    font-weight:700 !important;
    line-height:1.3 !important;
}
#pratik .weather-meta{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
}
#pratik .weather-meta span{
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    padding:9px 12px !important;
    border-radius:14px !important;
    color:#405577 !important;
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(59,130,246,.12) !important;
    font-size:.86rem !important;
    font-weight:800 !important;
}
#pratik .eczane-card{
    padding-right:128px !important;
    border:1px solid rgba(239,68,68,.34) !important;
    background:
        radial-gradient(circle at 94% 50%, rgba(239,68,68,.13), transparent 33%),
        radial-gradient(circle at 84% 4%, rgba(254,226,226,.78), transparent 28%),
        linear-gradient(135deg,#fff7f7 0%,#ffffff 52%,#fffafa 100%) !important;
}
#pratik .eczane-card::after{
    content:"" !important;
    position:absolute !important;
    right:25px !important;
    top:50% !important;
    width:92px !important;
    height:92px !important;
    transform:translateY(-50%) !important;
    border-radius:999px !important;
    border:2px solid rgba(239,68,68,.78) !important;
    background:rgba(255,255,255,.76) !important;
    box-shadow:0 18px 36px rgba(239,68,68,.10) !important;
    z-index:1 !important;
}
#pratik .eczane-icon{
    position:absolute !important;
    right:40px !important;
    top:50% !important;
    width:62px !important;
    height:62px !important;
    transform:translateY(-50%) !important;
    display:grid !important;
    place-items:center !important;
    z-index:2 !important;
    color:transparent !important;
    background:none !important;
    box-shadow:none !important;
    text-indent:-999px !important;
    overflow:hidden !important;
}
#pratik .eczane-icon::before{
    content:"E+" !important;
    text-indent:0 !important;
    color:#ef1f2d !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:2.6rem !important;
    font-weight:1000 !important;
    line-height:1 !important;
}
#pratik .eczane-card strong{
    max-width:260px !important;
    color:#071127 !important;
    font-size:clamp(1.06rem,1.05vw,1.28rem) !important;
    line-height:1.28 !important;
    font-weight:900 !important;
}
#pratik .eczane-card .hava-detay{
    margin:0 !important;
    color:#6b7280 !important;
    font-size:.92rem !important;
    font-weight:700 !important;
}
#pratik .hastane-card{
    border:1px solid rgba(248,113,113,.38) !important;
    background:
        radial-gradient(circle at 92% 8%, rgba(248,113,113,.12), transparent 32%),
        linear-gradient(135deg,#fff1f2 0%,#ffffff 52%,#fff8f5 100%) !important;
}
#pratik .hastane-card::after{
    content:"♡" !important;
    position:absolute !important;
    right:24px !important;
    top:24px !important;
    width:54px !important;
    height:54px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:18px !important;
    color:#ef4444 !important;
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(248,113,113,.22) !important;
    font-size:2rem !important;
    font-weight:1000 !important;
    box-shadow:0 16px 30px rgba(239,68,68,.08) !important;
}
#pratik .hastane-card strong{
    max-width:72% !important;
    color:#071127 !important;
    font-size:clamp(.98rem,.95vw,1.15rem) !important;
    line-height:1.25 !important;
    font-weight:900 !important;
}
#pratik .hastane-links{
    display:grid !important;
    gap:9px !important;
    margin-top:auto !important;
}
#pratik .hastane-links a{
    min-height:36px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:10px !important;
    padding:8px 12px !important;
    border-radius:12px !important;
    color:#071127 !important;
    background:rgba(255,255,255,.76) !important;
    border:1px solid rgba(248,113,113,.18) !important;
    font-size:.84rem !important;
    font-weight:900 !important;
    box-shadow:0 10px 18px rgba(239,68,68,.045) !important;
}
#pratik .hastane-links a::after{
    content:"→" !important;
    color:#ef4444 !important;
    font-size:1.05rem !important;
    font-weight:1000 !important;
}
body[data-theme="dark"] #pratik{
    background:linear-gradient(135deg,rgba(15,28,46,.96),rgba(8,18,34,.98)) !important;
    border-color:rgba(148,163,184,.18) !important;
}
body[data-theme="dark"] #pratik .pratik-card{
    color:#f8fbff !important;
    background:linear-gradient(145deg,rgba(15,28,46,.96),rgba(10,21,36,.94)) !important;
    border-color:rgba(148,163,184,.20) !important;
}
body[data-theme="dark"] #pratik .pratik-card > small,
body[data-theme="dark"] #pratik .pratik-card strong,
body[data-theme="dark"] #pratik .hava-sicaklik{
    color:#f8fbff !important;
}
body[data-theme="dark"] #pratik .hava-hadise,
body[data-theme="dark"] #pratik .hava-detay{
    color:#b6c6dc !important;
}
@media(max-width:980px){
    #pratik .pratik-grid{
        grid-template-columns:1fr !important;
    }
    #pratik .pratik-card{
        min-height:188px !important;
    }
}
@media(max-width:640px){
    #pratik{
        border-radius:22px !important;
    }
    #pratik .pratik-card{
        padding:18px !important;
        min-height:0 !important;
    }
    #pratik .eczane-card{
        padding-right:96px !important;
    }
    #pratik .eczane-card::after{
        width:68px !important;
        height:68px !important;
        right:18px !important;
    }
    #pratik .eczane-icon{
        right:29px !important;
        width:46px !important;
        height:46px !important;
    }
    #pratik .eczane-icon::before{
        font-size:1.9rem !important;
    }
    #pratik .weather-meta{
        grid-template-columns:1fr !important;
    }
    #pratik .hastane-card::after{
        display:none !important;
    }
    #pratik .hastane-card strong{
        max-width:100% !important;
    }
}

/* Compact same-size weather card, modeled after the reference panel. */
#pratik .hava-card{
    min-height:206px !important;
    justify-content:flex-start !important;
    align-items:stretch !important;
    gap:14px !important;
    padding:22px 22px 18px !important;
    border-color:rgba(96,165,250,.42) !important;
    background:
        radial-gradient(circle at 86% 16%, rgba(191,219,254,.34), transparent 32%),
        radial-gradient(circle at 15% 90%, rgba(255,255,255,.82), transparent 36%),
        linear-gradient(135deg,#eef6ff 0%,#ffffff 50%,#effafe 100%) !important;
}
#pratik .hava-card > small{
    margin-bottom:4px !important;
    font-size:clamp(1.45rem,1.38vw,1.74rem) !important;
}
#pratik .hava-card #havaDurum{
    width:100% !important;
    flex:1 1 auto !important;
    display:flex !important;
}
#pratik .hava-card .hava-wrap{
    width:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:minmax(0,1fr) auto !important;
    gap:14px !important;
}
#pratik .hava-card .hava-main{
    display:grid !important;
    grid-template-columns:86px minmax(0,max-content) !important;
    align-items:center !important;
    justify-content:center !important;
    gap:20px !important;
    min-height:104px !important;
}
#pratik .hava-card .hava-icon{
    width:86px !important;
    height:86px !important;
    flex:0 0 86px !important;
    border-radius:24px !important;
    font-size:3.05rem !important;
    background:
        radial-gradient(circle at 50% 62%, rgba(167,139,250,.20), transparent 38%),
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,251,255,.88)) !important;
    box-shadow:0 14px 24px rgba(96,165,250,.13) !important;
}
#pratik .hava-card .hava-sicaklik{
    font-size:clamp(3.55rem,3.7vw,4.65rem) !important;
    line-height:.86 !important;
    letter-spacing:-.07em !important;
}
#pratik .hava-card .hava-hadise{
    margin-top:7px !important;
    color:#526686 !important;
    font-size:.96rem !important;
    font-weight:800 !important;
}
#pratik .hava-card .weather-meta{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
}
#pratik .hava-card .weather-meta span{
    min-height:42px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    align-content:center !important;
    justify-items:start !important;
    gap:2px !important;
    padding:7px 10px !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.70) !important;
    border:1px solid rgba(96,165,250,.16) !important;
    box-shadow:0 8px 16px rgba(59,130,246,.045) !important;
}
#pratik .hava-card .weather-meta span:nth-child(n+4){
    display:none !important;
}
#pratik .hava-card .weather-meta small{
    color:#7184a3 !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:.65rem !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.02em !important;
    text-transform:none !important;
}
#pratik .hava-card .weather-meta strong{
    color:#18233f !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:.82rem !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
@media(max-width:1180px){
    #pratik .hava-card .hava-main{
        grid-template-columns:78px minmax(0,max-content) !important;
    }
    #pratik .hava-card .hava-icon{
        width:78px !important;
        height:78px !important;
        font-size:2.75rem !important;
    }
}
@media(max-width:420px){
    #pratik .hava-card .hava-main{
        grid-template-columns:48px minmax(0,1fr) !important;
        gap:10px !important;
    }
    #pratik .hava-card .hava-icon{
        width:48px !important;
        height:48px !important;
        font-size:1.5rem !important;
    }
    #pratik .hava-card .hava-sicaklik{
        font-size:3rem !important;
    }
    #pratik .hava-card .weather-meta{
        grid-template-columns:1fr !important;
    }
}

/* Exact heading typography for visual trio only. */
.visual-feature-grid .visual-card--video::before,
.visual-feature-grid .visual-card--360::before,
.visual-feature-grid .visual-card--map::before{
    font-family:"Cormorant Garamond","Fraunces",serif !important;
    font-size:clamp(1.5rem, 1.62vw, 1.88rem) !important;
    font-weight:1000 !important;
    color:#050b1f !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    text-transform:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.visual-feature-grid .visual-card--video::before{content:"Tanıtım Videosu" !important;}
.visual-feature-grid .visual-card--360::before{content:"360° Sanal Tur" !important;}
.visual-feature-grid .visual-card--map::before{content:"Haritada Görüntüle" !important;}

/* Video and map cards open in a clean enlarged popup. */
.visual-popup{
    position:fixed !important;
    inset:0 !important;
    z-index:10060 !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    padding:28px !important;
    background:rgba(6,10,24,.72) !important;
    backdrop-filter:blur(12px) !important;
}
.visual-popup.is-open{
    display:flex !important;
}
.visual-popup-dialog{
    position:relative !important;
    width:min(1120px, calc(100vw - 48px)) !important;
    max-height:calc(100vh - 48px) !important;
    padding:14px !important;
    border-radius:24px !important;
    background:#050b1f !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 34px 90px rgba(0,0,0,.42) !important;
}
.visual-popup-stage{
    width:100% !important;
    height:min(72vh, 680px) !important;
    min-height:420px !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:#000 !important;
}
.visual-popup[data-type="video"] .visual-popup-stage{
    aspect-ratio:16 / 9 !important;
    height:auto !important;
    min-height:0 !important;
}
.visual-popup-frame{
    display:block !important;
    width:100% !important;
    height:100% !important;
    border:0 !important;
    border-radius:18px !important;
    background:#000 !important;
}
.visual-popup-close{
    position:absolute !important;
    right:-12px !important;
    top:-12px !important;
    z-index:3 !important;
    width:44px !important;
    height:44px !important;
    border:0 !important;
    border-radius:999px !important;
    display:grid !important;
    place-items:center !important;
    background:#fff !important;
    color:#071127 !important;
    font:900 1.55rem/1 "Manrope", sans-serif !important;
    box-shadow:0 16px 34px rgba(0,0,0,.24) !important;
    cursor:pointer !important;
}
body.visual-popup-open{
    overflow:hidden !important;
}
@media(max-width:720px){
    .visual-popup{
        padding:14px !important;
    }
    .visual-popup-dialog{
        width:calc(100vw - 20px) !important;
        padding:10px !important;
        border-radius:20px !important;
    }
    .visual-popup-stage{
        min-height:360px !important;
        height:min(72vh, 560px) !important;
        border-radius:15px !important;
    }
    .visual-popup[data-type="video"] .visual-popup-stage{
        min-height:0 !important;
    }
    .visual-popup-frame{
        border-radius:15px !important;
    }
    .visual-popup-close{
        right:6px !important;
        top:6px !important;
        width:38px !important;
        height:38px !important;
    }
}

/* Final practical weather alignment: icon + temperature centered, metrics full-width. */
#pratik .hava-card{
    align-items:stretch !important;
}
#pratik .hava-card #havaDurum,
#pratik .hava-card .hava-wrap{
    width:100% !important;
    align-self:stretch !important;
}
#pratik .hava-card .hava-wrap{
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    gap:16px !important;
}
#pratik .hava-card .hava-main{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:24px !important;
    min-height:116px !important;
    padding:2px 8px 0 !important;
}
#pratik .hava-card .hava-icon{
    width:104px !important;
    height:104px !important;
    flex:0 0 104px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:5.45rem !important;
    line-height:1 !important;
    color:transparent !important;
    background:
        radial-gradient(circle at 45% 36%, rgba(255,255,255,.96), rgba(239,246,255,.72) 36%, transparent 58%),
        linear-gradient(180deg,#f8fbff 0%,#c9dcff 48%,#9aa8ff 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    filter:drop-shadow(0 13px 12px rgba(99,102,241,.18)) drop-shadow(0 2px 0 rgba(255,255,255,.75)) !important;
    border-radius:26px !important;
}
#pratik .hava-card .hava-sicaklik{
    font-size:clamp(3.85rem,4.05vw,5rem) !important;
    line-height:.86 !important;
}
#pratik .hava-card .hava-hadise{
    margin-top:8px !important;
    font-size:1.02rem !important;
}
#pratik .hava-card .weather-meta{
    width:100% !important;
    align-self:stretch !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
    margin-top:0 !important;
}
#pratik .hava-card .weather-meta span{
    width:100% !important;
    min-height:48px !important;
    padding:8px 12px !important;
    border-radius:12px !important;
    align-content:center !important;
    justify-items:center !important;
    text-align:center !important;
}
#pratik .hava-card .weather-meta small{
    font-size:.78rem !important;
}
#pratik .hava-card .weather-meta strong{
    font-size:1.02rem !important;
}

@media(max-width:1180px){
    #pratik .hava-card .hava-main{
        gap:20px !important;
        min-height:108px !important;
    }
    #pratik .hava-card .hava-icon{
        width:96px !important;
        height:96px !important;
        flex-basis:96px !important;
        font-size:5rem !important;
    }
    #pratik .hava-card .weather-meta{
        gap:9px !important;
    }
}

/* Compact reference-style pharmacy card. */
#pratik .eczane-card{
    min-height:206px !important;
    padding:24px 150px 24px 26px !important;
    justify-content:space-between !important;
    gap:12px !important;
    border:1.5px solid rgba(239,31,45,.62) !important;
    background:
        radial-gradient(circle at 86% 48%, rgba(239,31,45,.10), transparent 36%),
        radial-gradient(circle at 82% 8%, rgba(254,226,226,.72), transparent 31%),
        linear-gradient(135deg,#fffdfd 0%,#ffffff 44%,#fff3f4 100%) !important;
    box-shadow:0 22px 44px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
#pratik .eczane-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    opacity:.8 !important;
    background:
        radial-gradient(circle, rgba(239,31,45,.13) 0 2px, transparent 2.5px) calc(100% - 132px) 22px/18px 18px no-repeat,
        radial-gradient(circle at 91% 50%, rgba(239,31,45,.08), transparent 38%) !important;
    z-index:0 !important;
}
#pratik .eczane-card > small{
    position:relative !important;
    min-height:46px !important;
    padding-left:58px !important;
    display:flex !important;
    align-items:center !important;
    color:#071127 !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:clamp(1.36rem,1.32vw,1.68rem) !important;
    font-weight:1000 !important;
    line-height:1 !important;
}
#pratik .eczane-card > small::before{
    content:"E+" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:46px !important;
    height:46px !important;
    transform:translateY(-50%) !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    color:#ef1f2d !important;
    background:#fff !important;
    border:1px solid rgba(239,31,45,.12) !important;
    box-shadow:0 13px 24px rgba(15,23,42,.09) !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:1.35rem !important;
    font-weight:1000 !important;
    letter-spacing:-.06em !important;
}
#pratik .eczane-card > small::after{
    content:"" !important;
    position:absolute !important;
    left:58px !important;
    bottom:-13px !important;
    width:54px !important;
    height:4px !important;
    border-radius:999px !important;
    background:#ef1f2d !important;
}
#pratik .eczane-card strong{
    max-width:245px !important;
    margin-top:10px !important;
    color:#071127 !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:clamp(1.42rem,1.38vw,1.78rem) !important;
    line-height:1.16 !important;
    font-weight:500 !important;
    letter-spacing:-.03em !important;
}
#pratik .eczane-card .hava-detay{
    max-width:235px !important;
    color:#6b7280 !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:1.02rem !important;
    line-height:1.2 !important;
    font-weight:700 !important;
}
#pratik .eczane-card::after{
    right:24px !important;
    top:50% !important;
    width:112px !important;
    height:112px !important;
    border:2px solid #ef1f2d !important;
    background:rgba(255,255,255,.82) !important;
    box-shadow:0 18px 40px rgba(239,31,45,.12) !important;
    z-index:1 !important;
}
#pratik .eczane-icon{
    right:45px !important;
    top:50% !important;
    width:72px !important;
    height:72px !important;
    z-index:2 !important;
}
#pratik .eczane-icon::before{
    color:#ef1f2d !important;
    font-size:3.35rem !important;
    font-weight:1000 !important;
    letter-spacing:-.08em !important;
}

@media(max-width:1180px){
    #pratik .eczane-card{
        padding-right:132px !important;
    }
    #pratik .eczane-card::after{
        width:96px !important;
        height:96px !important;
        right:20px !important;
    }
    #pratik .eczane-icon{
        right:38px !important;
        width:60px !important;
        height:60px !important;
    }
    #pratik .eczane-icon::before{
        font-size:2.8rem !important;
    }
    #pratik .eczane-card strong{
        font-size:clamp(1.26rem,1.18vw,1.52rem) !important;
    }
}

/* Compact reference-style emergency card. */
#pratik .hastane-card{
    min-height:206px !important;
    padding:24px 26px !important;
    justify-content:flex-start !important;
    gap:12px !important;
    border:1.5px solid rgba(248,113,113,.58) !important;
    background:
        radial-gradient(circle at 86% 16%, rgba(254,202,202,.64), transparent 28%),
        linear-gradient(135deg,#fff7f7 0%,#ffffff 46%,#fff9f9 100%) !important;
    box-shadow:0 22px 44px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
#pratik .hastane-card > small{
    position:relative !important;
    min-height:50px !important;
    padding-left:62px !important;
    display:flex !important;
    align-items:center !important;
    color:#071127 !important;
    font-family:"Cormorant Garamond","Fraunces",serif !important;
    font-size:clamp(1.5rem,1.45vw,1.9rem) !important;
    font-weight:1000 !important;
    line-height:1 !important;
}
#pratik .hastane-card > small::before{
    content:"♥" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:48px !important;
    height:48px !important;
    transform:translateY(-50%) !important;
    display:grid !important;
    place-items:center !important;
    border-radius:16px !important;
    color:#ef4444 !important;
    background:rgba(255,255,255,.82) !important;
    border:1px solid rgba(248,113,113,.24) !important;
    box-shadow:0 13px 24px rgba(239,68,68,.10) !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:1.8rem !important;
    line-height:1 !important;
}
#pratik .hastane-card strong{
    color:#40516b !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:clamp(1rem,.98vw,1.18rem) !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    margin:0 0 4px 62px !important;
}
#pratik .hastane-links{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:auto !important;
}
#pratik .hastane-links a{
    min-height:76px !important;
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) 18px !important;
    align-items:center !important;
    gap:8px !important;
    padding:10px 10px !important;
    border-radius:16px !important;
    color:#071127 !important;
    background:rgba(255,255,255,.80) !important;
    border:1px solid rgba(248,113,113,.22) !important;
    box-shadow:0 12px 22px rgba(239,68,68,.06) !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:.82rem !important;
    font-weight:900 !important;
    line-height:1.12 !important;
}
#pratik .hastane-links a span:not(.hospital-link-icon){
    min-width:0 !important;
}
#pratik .hospital-link-icon{
    width:34px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    color:#ef4444 !important;
    background:#fff1f2 !important;
    border:1px solid rgba(248,113,113,.24) !important;
    font-size:1.05rem !important;
    font-weight:1000 !important;
    line-height:1 !important;
}
#pratik .hastane-links a[href^="tel"] .hospital-link-icon{
    font-size:.78rem !important;
}
#pratik .hastane-links em{
    color:#ef4444 !important;
    font-style:normal !important;
    font-size:1.15rem !important;
    justify-self:end !important;
}

@media(max-width:1180px){
    #pratik .hastane-card{
        padding:22px !important;
    }
    #pratik .hastane-links{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }
    #pratik .hastane-links a{
        min-height:42px !important;
    }
}

/* Two-card promo zone above practical info. */
.detail-promo-zone{
    width:100% !important;
    margin:0 0 20px !important;
}
.detail-promo-zone .about-action-grid{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px !important;
    align-items:stretch !important;
}
.detail-promo-zone .about-action-card{
    min-height:320px !important;
    border-radius:30px !important;
    padding:34px 38px !important;
    overflow:hidden !important;
    box-shadow:0 24px 54px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
.detail-promo-zone .about-share-card{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:24px !important;
    border:2px solid transparent !important;
    background:
        linear-gradient(#fff8ff,#fff8ff) padding-box,
        linear-gradient(135deg,#e22aa6,#6266f1,#12b981,#f59e0b) border-box !important;
}
.detail-promo-zone .about-share-card::after{
    inset:0 !important;
    opacity:1 !important;
    background:
        radial-gradient(circle at 12% 16%, rgba(226,42,166,.16), transparent 34%),
        radial-gradient(circle at 92% 88%, rgba(245,158,11,.22), transparent 36%),
        radial-gradient(circle at 22% 92%, rgba(96,165,250,.18), transparent 34%) !important;
}
.detail-promo-zone .about-share-card h3{
    margin:0 !important;
    color:transparent !important;
    background:linear-gradient(90deg,#4338ca 0%,#b415bd 48%,#e11d74 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:clamp(2.45rem,4vw,4.4rem) !important;
    font-weight:1000 !important;
    line-height:.98 !important;
    letter-spacing:0 !important;
}
.detail-promo-zone .about-share-card h3::after{
    display:none !important;
}
.detail-promo-zone .about-share-card p{
    margin:0 !important;
    color:#303b55 !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:clamp(1.25rem,1.65vw,1.95rem) !important;
    line-height:1.28 !important;
    font-weight:500 !important;
}
.detail-promo-zone .about-share-actions{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(74px,1fr)) !important;
    gap:18px !important;
    align-items:center !important;
    margin-top:12px !important;
}
.detail-promo-zone .about-share-actions .share-btn{
    width:92px !important;
    height:92px !important;
    margin:0 auto !important;
    border:12px solid rgba(255,255,255,.92) !important;
    box-shadow:0 20px 40px rgba(15,23,42,.12) !important;
}
.detail-promo-zone .about-share-actions .share-btn svg{
    width:34px !important;
    height:34px !important;
}
.detail-promo-zone .about-share-actions .share-btn::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:-32px !important;
    width:10px !important;
    height:10px !important;
    transform:translateX(-50%) !important;
    border-radius:999px !important;
    background:currentColor !important;
}
.detail-promo-zone .about-campaign-wrap{
    display:grid !important;
    grid-template-columns:minmax(0,1.12fr) minmax(170px,.72fr) !important;
    grid-template-rows:auto 1fr !important;
    column-gap:26px !important;
    row-gap:18px !important;
    border:2px solid transparent !important;
    background:
        linear-gradient(#fffaf8,#fffaf8) padding-box,
        linear-gradient(135deg,#7c3aed,#ec4899,#f59e0b) border-box !important;
}
.detail-promo-zone .about-campaign-wrap::after{
    inset:0 !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(124,58,237,.15), transparent 34%),
        radial-gradient(circle at 88% 88%, rgba(245,158,11,.22), transparent 34%),
        linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.58)) !important;
}
.detail-promo-zone .about-campaign-wrap h3{
    width:max-content !important;
    min-height:54px !important;
    margin:0 !important;
    grid-column:1 / 2 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:0 28px !important;
    border-radius:999px !important;
    color:transparent !important;
    background:
        linear-gradient(#ffffffcc,#ffffffcc) padding-box,
        linear-gradient(135deg,#ffffff,#dbeafe) border-box !important;
    border:2px solid transparent !important;
    -webkit-background-clip:padding-box,border-box !important;
    background-clip:padding-box,border-box !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:1.3rem !important;
    font-weight:1000 !important;
}
.detail-promo-zone .about-campaign-wrap h3::before{
    content:"◆" !important;
    color:#ec4899 !important;
    font-size:1.1rem !important;
}
.detail-promo-zone .about-campaign-wrap h3::after{
    content:"FIRSAT" !important;
    position:static !important;
    width:auto !important;
    height:auto !important;
    background:linear-gradient(90deg,#4338ca,#db2777) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
}
.detail-promo-zone .about-campaign-card{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.12fr) minmax(170px,.72fr) !important;
    gap:26px !important;
    align-items:center !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.detail-promo-zone .about-campaign-copy{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}
.detail-promo-zone .about-campaign-copy strong{
    color:transparent !important;
    background:linear-gradient(90deg,#4f46e5 0%,#db2777 58%,#f43f5e 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:clamp(2.25rem,3.2vw,3.85rem) !important;
    line-height:1.02 !important;
    font-weight:1000 !important;
    letter-spacing:0 !important;
}
.detail-promo-zone .about-campaign-copy span{
    color:#25344f !important;
    font-size:clamp(1.15rem,1.55vw,1.75rem) !important;
    line-height:1.25 !important;
    font-weight:600 !important;
}
.detail-promo-zone .about-campaign-copy em{
    width:max-content !important;
    min-height:58px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-top:10px !important;
    padding:0 28px !important;
    border-radius:18px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#5b4df7,#e11d74) !important;
    box-shadow:0 18px 34px rgba(219,39,119,.20) !important;
    font-size:1.15rem !important;
    font-weight:1000 !important;
}
.detail-promo-zone .about-campaign-visual{
    width:100% !important;
    min-height:190px !important;
    border-radius:28px !important;
    border:2px dashed rgba(236,72,153,.34) !important;
    box-shadow:0 24px 42px rgba(15,23,42,.10) !important;
}
.detail-bottom-badges{
    margin-top:20px !important;
}
.detail-bottom-badges .about-badges-card--bottom{
    width:100% !important;
    min-height:150px !important;
}

@media(max-width:1180px){
    .detail-promo-zone .about-action-grid{
        grid-template-columns:1fr !important;
    }
}
@media(max-width:720px){
    .detail-promo-zone .about-action-card{
        min-height:0 !important;
        padding:24px !important;
    }
    .detail-promo-zone .about-share-actions{
        grid-template-columns:repeat(4,minmax(54px,1fr)) !important;
        gap:10px !important;
    }
    .detail-promo-zone .about-share-actions .share-btn{
        width:66px !important;
        height:66px !important;
        border-width:8px !important;
    }
    .detail-promo-zone .about-campaign-card,
    .detail-promo-zone .about-campaign-wrap{
        grid-template-columns:1fr !important;
    }
}

/* Compact promo refinement: shorter cards and poster-like campaign panel. */
.detail-promo-zone .about-action-grid{
    gap:20px !important;
}
.detail-promo-zone .about-action-card{
    min-height:255px !important;
    padding:28px 34px !important;
    border-radius:26px !important;
}
.detail-promo-zone .about-share-card{
    gap:16px !important;
}
.detail-promo-zone .about-share-card h3{
    font-size:clamp(2rem,3vw,3.45rem) !important;
}
.detail-promo-zone .about-share-card p{
    font-size:clamp(1rem,1.25vw,1.42rem) !important;
}
.detail-promo-zone .about-share-actions{
    grid-template-columns:repeat(4,minmax(54px,1fr)) !important;
    gap:12px !important;
    margin-top:6px !important;
}
.detail-promo-zone .about-share-actions .share-btn{
    width:68px !important;
    height:68px !important;
    border-width:8px !important;
}
.detail-promo-zone .about-share-actions .share-btn svg{
    width:25px !important;
    height:25px !important;
}
.detail-promo-zone .about-share-actions .share-btn::after{
    bottom:-22px !important;
    width:7px !important;
    height:7px !important;
}
.detail-promo-zone .about-campaign-wrap{
    min-height:255px !important;
    grid-template-columns:minmax(0,1fr) minmax(180px,.66fr) !important;
    grid-template-rows:auto 1fr !important;
    column-gap:24px !important;
    row-gap:10px !important;
    padding:28px 34px !important;
}
.detail-promo-zone .about-campaign-wrap h3{
    min-height:40px !important;
    padding:0 24px !important;
    font-size:1rem !important;
    box-shadow:0 12px 26px rgba(99,102,241,.08) !important;
}
.detail-promo-zone .about-campaign-wrap h3::before{
    font-size:.75rem !important;
}
.detail-promo-zone .about-campaign-card{
    grid-template-columns:minmax(0,1fr) minmax(180px,.66fr) !important;
    gap:24px !important;
    align-items:center !important;
}
.detail-promo-zone .about-campaign-copy{
    gap:9px !important;
}
.detail-promo-zone .about-campaign-copy strong{
    font-size:clamp(2rem,2.65vw,3.25rem) !important;
    line-height:1.02 !important;
}
.detail-promo-zone .about-campaign-copy span{
    font-size:clamp(1rem,1.2vw,1.42rem) !important;
}
.detail-promo-zone .about-campaign-copy em{
    min-height:44px !important;
    margin-top:6px !important;
    padding:0 24px !important;
    border-radius:15px !important;
    font-size:1rem !important;
    font-style:normal !important;
    pointer-events:none !important;
    user-select:none !important;
}
.detail-promo-zone .about-campaign-copy em::before{
    content:"🎁" !important;
    margin-right:10px !important;
    width:28px !important;
    height:28px !important;
    display:inline-grid !important;
    place-items:center !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.18) !important;
}
.detail-promo-zone .about-campaign-visual{
    min-height:160px !important;
    border-radius:24px !important;
    border:2px dashed rgba(236,72,153,.38) !important;
    background-color:rgba(255,255,255,.55) !important;
    cursor:pointer !important;
    position:relative !important;
}
.detail-promo-zone button.about-campaign-visual{
    appearance:none !important;
    -webkit-appearance:none !important;
    padding:0 !important;
    outline:none !important;
}
.detail-promo-zone .about-campaign-visual::after{
    content:"🎁" !important;
    position:absolute !important;
    right:-14px !important;
    bottom:-14px !important;
    width:58px !important;
    height:58px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#fb923c,#db2777) !important;
    border:5px solid rgba(255,255,255,.88) !important;
    box-shadow:0 15px 28px rgba(219,39,119,.20) !important;
    font-size:1.55rem !important;
}
.detail-promo-zone .about-campaign-card--empty .about-campaign-copy strong{
    font-size:clamp(1.6rem,2vw,2.35rem) !important;
}
.detail-promo-zone .about-campaign-card--empty .about-campaign-visual{
    cursor:default !important;
}
.campaign-popup{
    position:fixed !important;
    inset:0 !important;
    z-index:250 !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    padding:28px !important;
    background:rgba(7,17,39,.68) !important;
    backdrop-filter:blur(10px) !important;
}
.campaign-popup.is-open{
    display:flex !important;
}
.campaign-popup-dialog{
    position:relative !important;
    width:min(920px,94vw) !important;
    max-height:88vh !important;
    padding:14px !important;
    border-radius:26px !important;
    background:#fff !important;
    box-shadow:0 30px 80px rgba(0,0,0,.28) !important;
}
.campaign-popup-dialog img{
    display:block !important;
    width:100% !important;
    max-height:78vh !important;
    object-fit:contain !important;
    border-radius:18px !important;
}
.campaign-popup-close{
    position:absolute !important;
    right:10px !important;
    top:10px !important;
    z-index:2 !important;
    width:42px !important;
    height:42px !important;
    border:0 !important;
    border-radius:999px !important;
    color:#071127 !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 12px 24px rgba(15,23,42,.18) !important;
    font-size:1.45rem !important;
    font-weight:900 !important;
    cursor:pointer !important;
}

@media(max-width:1180px){
    .detail-promo-zone .about-action-card,
    .detail-promo-zone .about-campaign-wrap{
        min-height:245px !important;
    }
}
@media(max-width:720px){
    .detail-promo-zone .about-action-card,
    .detail-promo-zone .about-campaign-wrap{
        min-height:0 !important;
        padding:22px !important;
    }
    .detail-promo-zone .about-campaign-card{
        grid-template-columns:1fr !important;
    }
    .detail-promo-zone .about-campaign-visual{
        min-height:180px !important;
    }
}

/* Final correction: compact promo cards and voucher-style campaign popup. */
.detail-promo-zone{
    margin:0 0 16px !important;
}
.detail-promo-zone .about-action-grid{
    gap:18px !important;
}
.detail-promo-zone .about-action-card{
    min-height:214px !important;
    padding:22px 28px !important;
    border-radius:24px !important;
}
.detail-promo-zone .about-share-card{
    gap:12px !important;
}
.detail-promo-zone .about-share-card h3{
    font-size:clamp(1.75rem,2.35vw,2.75rem) !important;
    line-height:1 !important;
}
.detail-promo-zone .about-share-card p{
    font-size:clamp(.92rem,1vw,1.12rem) !important;
    line-height:1.25 !important;
}
.detail-promo-zone .about-share-actions{
    grid-template-columns:repeat(4,minmax(44px,1fr)) !important;
    gap:10px !important;
    margin-top:2px !important;
}
.detail-promo-zone .about-share-actions .share-btn{
    width:54px !important;
    height:54px !important;
    border-width:7px !important;
}
.detail-promo-zone .about-share-actions .share-btn svg{
    width:20px !important;
    height:20px !important;
}
.detail-promo-zone .about-share-actions .share-btn::after{
    bottom:-18px !important;
    width:6px !important;
    height:6px !important;
}
.detail-promo-zone .about-campaign-wrap{
    min-height:214px !important;
    padding:20px 28px !important;
    grid-template-columns:minmax(0,1fr) minmax(190px,.62fr) !important;
    grid-template-rows:42px minmax(0,1fr) !important;
    column-gap:22px !important;
    row-gap:8px !important;
}
.detail-promo-zone .about-campaign-wrap h3{
    min-height:36px !important;
    padding:0 22px !important;
    border-radius:999px !important;
    font-size:.92rem !important;
    box-shadow:0 10px 20px rgba(99,102,241,.07) !important;
}
.detail-promo-zone .about-campaign-wrap h3::before{
    content:"" !important;
    width:10px !important;
    height:10px !important;
    border-radius:3px !important;
    transform:rotate(45deg) !important;
    background:linear-gradient(135deg,#ec4899,#f97316) !important;
}
.detail-promo-zone .about-campaign-wrap h3::after{
    content:"FIRSAT" !important;
    font-size:.95rem !important;
    letter-spacing:.03em !important;
}
.detail-promo-zone .about-campaign-card{
    grid-template-columns:minmax(0,1fr) minmax(190px,.62fr) !important;
    gap:22px !important;
    align-items:center !important;
}
.detail-promo-zone .about-campaign-copy{
    gap:7px !important;
}
.detail-promo-zone .about-campaign-copy strong{
    font-size:clamp(1.75rem,2.35vw,2.85rem) !important;
    line-height:1.02 !important;
}
.detail-promo-zone .about-campaign-copy span{
    font-size:clamp(.94rem,1.04vw,1.18rem) !important;
    line-height:1.24 !important;
    font-weight:800 !important;
}
.detail-promo-zone .about-campaign-copy em{
    display:none !important;
}
.detail-promo-zone .about-campaign-visual{
    min-height:132px !important;
    height:132px !important;
    border-radius:18px !important;
    border:1.5px dashed rgba(236,72,153,.42) !important;
    background-size:cover !important;
    background-position:center !important;
    overflow:visible !important;
    box-shadow:0 16px 30px rgba(15,23,42,.09) !important;
}
.detail-promo-zone .about-campaign-visual span{
    position:absolute !important;
    left:50% !important;
    bottom:12px !important;
    transform:translateX(-50%) !important;
    min-width:max-content !important;
    padding:9px 16px !important;
    border-radius:999px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#5b4df7,#db2777) !important;
    box-shadow:0 14px 24px rgba(219,39,119,.22) !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:.86rem !important;
    font-weight:1000 !important;
    line-height:1 !important;
}
.detail-promo-zone .about-campaign-visual::after{
    right:-12px !important;
    bottom:-12px !important;
    width:48px !important;
    height:48px !important;
    border-width:4px !important;
    font-size:0 !important;
}
.detail-promo-zone .about-campaign-visual::before{
    content:"" !important;
    position:absolute !important;
    right:4px !important;
    bottom:4px !important;
    z-index:2 !important;
    width:16px !important;
    height:16px !important;
    border:3px solid #fff !important;
    border-radius:4px !important;
    box-shadow:inset 6px 0 0 transparent, 0 -7px 0 -4px #fff !important;
}
.campaign-popup-dialog.campaign-voucher{
    width:min(980px,94vw) !important;
    display:grid !important;
    grid-template-columns:minmax(0,.58fr) minmax(420px,1fr) !important;
    gap:24px !important;
    align-items:center !important;
    padding:30px !important;
    border:2px solid transparent !important;
    background:
        linear-gradient(#fffaf8,#fffaf8) padding-box,
        linear-gradient(135deg,#7c3aed,#ec4899,#f59e0b) border-box !important;
}
.campaign-voucher-copy{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}
.campaign-voucher-copy span{
    width:max-content !important;
    padding:9px 16px !important;
    border-radius:999px !important;
    color:#7c3aed !important;
    background:rgba(255,255,255,.82) !important;
    font-weight:1000 !important;
}
.campaign-voucher-copy strong{
    color:transparent !important;
    background:linear-gradient(90deg,#4f46e5,#db2777,#f43f5e) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    font-size:clamp(2rem,4vw,3.8rem) !important;
    line-height:1 !important;
    font-weight:1000 !important;
}
.campaign-voucher-copy p{
    color:#25344f !important;
    font-size:1.22rem !important;
    line-height:1.35 !important;
    font-weight:800 !important;
}
.campaign-voucher-copy em{
    width:max-content !important;
    padding:14px 24px !important;
    border-radius:16px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#5b4df7,#db2777) !important;
    font-style:normal !important;
    font-weight:1000 !important;
}
.campaign-voucher-image{
    padding:12px !important;
    border-radius:24px !important;
    border:2px dashed rgba(236,72,153,.35) !important;
    background:rgba(255,255,255,.64) !important;
    aspect-ratio:3 / 2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.campaign-voucher-image img{
    width:100% !important;
    height:100% !important;
    max-height:min(68vh,520px) !important;
    object-fit:contain !important;
    border-radius:18px !important;
}
@media(max-width:720px){
    .detail-promo-zone .about-campaign-wrap,
    .detail-promo-zone .about-campaign-card,
    .campaign-popup-dialog.campaign-voucher{
        grid-template-columns:1fr !important;
    }
    .detail-promo-zone .about-campaign-visual{
        height:160px !important;
    }
}

/* Share card tuning: keep the card compact, but make the share actions prominent. */
.detail-promo-zone .about-share-card{
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:10px !important;
}
.detail-promo-zone .about-share-card h3{
    width:100% !important;
    font-size:clamp(1.35rem,1.85vw,2rem) !important;
    line-height:1.05 !important;
}
.detail-promo-zone .about-share-card p{
    width:100% !important;
    margin:0 auto 8px !important;
    font-size:clamp(.9rem,.96vw,1.05rem) !important;
    line-height:1.25 !important;
}
.detail-promo-zone .about-share-actions{
    width:100% !important;
    max-width:560px !important;
    margin:8px auto 0 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(72px,1fr)) !important;
    justify-items:center !important;
    align-items:center !important;
    gap:18px !important;
}
.detail-promo-zone .about-share-actions .share-btn{
    width:84px !important;
    height:84px !important;
    border-width:9px !important;
}
.detail-promo-zone .about-share-actions .share-btn svg{
    width:35px !important;
    height:35px !important;
}

/* Campaign card tuning: hide the uploaded visual on the card, show it only in popup. */
.detail-promo-zone .about-campaign-wrap{
    grid-template-rows:1fr !important;
    align-items:center !important;
}
.detail-promo-zone .about-campaign-wrap > h3{
    display:none !important;
}
.detail-promo-zone .about-campaign-card{
    grid-column:1 / -1 !important;
    width:100% !important;
    grid-template-columns:minmax(0,1fr) minmax(190px,.48fr) !important;
    align-items:center !important;
}
.detail-promo-zone .about-campaign-copy strong{
    font-size:clamp(1.45rem,1.9vw,2.25rem) !important;
    line-height:1.04 !important;
}
.detail-promo-zone .about-campaign-copy span{
    font-size:clamp(.86rem,.94vw,1.02rem) !important;
    line-height:1.22 !important;
}
.detail-promo-zone .about-campaign-visual--coupon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:116px !important;
    height:116px !important;
    background:
        radial-gradient(circle at 18% 20%, rgba(255,255,255,.96), transparent 38%),
        linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,247,252,.9)) !important;
    background-image:
        radial-gradient(circle at 18% 20%, rgba(255,255,255,.96), transparent 38%),
        linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,247,252,.9)) !important;
    cursor:pointer !important;
}
.detail-promo-zone .about-campaign-visual--coupon span{
    position:static !important;
    transform:none !important;
    min-width:0 !important;
    white-space:nowrap !important;
    padding:11px 18px !important;
    font-size:.9rem !important;
}

/* Compact horizontal promo layout. */
.detail-promo-zone .about-action-card,
.detail-promo-zone .about-campaign-wrap{
    min-height:136px !important;
    padding:18px 24px !important;
}
.detail-promo-zone .about-share-card{
    display:grid !important;
    grid-template-columns:minmax(210px,.52fr) minmax(300px,.95fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    align-content:center !important;
    column-gap:22px !important;
    row-gap:3px !important;
    text-align:left !important;
}
.detail-promo-zone .about-share-card h3{
    grid-column:1 !important;
    grid-row:1 !important;
    margin:0 !important;
    font-size:clamp(1.15rem,1.45vw,1.65rem) !important;
    line-height:1.05 !important;
    align-self:end !important;
}
.detail-promo-zone .about-share-card p{
    grid-column:1 !important;
    grid-row:2 !important;
    margin:0 !important;
    font-size:clamp(.78rem,.86vw,.95rem) !important;
    line-height:1.25 !important;
    align-self:start !important;
}
.detail-promo-zone .about-share-actions{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    max-width:none !important;
    margin:0 !important;
    grid-template-columns:repeat(4,84px) !important;
    justify-content:end !important;
    gap:8px !important;
}
.detail-promo-zone .about-campaign-wrap{
    display:flex !important;
    align-items:center !important;
}
.detail-promo-zone .about-campaign-card{
    display:grid !important;
    grid-template-columns:minmax(190px,.62fr) minmax(210px,.38fr) !important;
    gap:24px !important;
    align-items:center !important;
}
.detail-promo-zone .about-campaign-copy{
    justify-content:center !important;
}
.detail-promo-zone .about-campaign-copy strong{
    font-size:clamp(1.15rem,1.45vw,1.65rem) !important;
    line-height:1.05 !important;
}
.detail-promo-zone .about-campaign-copy span{
    display:block !important;
    margin:0 !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:clamp(.78rem,.86vw,.95rem) !important;
    line-height:1.25 !important;
    font-weight:500 !important;
    color:#42516a !important;
}
.detail-promo-zone .about-campaign-visual--coupon{
    min-height:82px !important;
    height:82px !important;
    border-radius:16px !important;
    overflow:hidden !important;
}
.detail-promo-zone .about-campaign-visual--coupon span{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 14px !important;
    border-radius:0 !important;
    white-space:normal !important;
    text-align:center !important;
    font-size:clamp(.92rem,1.05vw,1.08rem) !important;
    line-height:1.15 !important;
}
.detail-promo-zone .about-campaign-visual--coupon::before,
.detail-promo-zone .about-campaign-visual--coupon::after{
    display:none !important;
}
@media(max-width:900px){
    .detail-promo-zone .about-share-card,
    .detail-promo-zone .about-campaign-card{
        grid-template-columns:1fr !important;
        text-align:center !important;
    }
    .detail-promo-zone .about-share-card h3,
    .detail-promo-zone .about-share-card p,
    .detail-promo-zone .about-share-actions{
        grid-column:1 !important;
        grid-row:auto !important;
    }
    .detail-promo-zone .about-share-actions{
        justify-content:center !important;
    }
}

/* Practical info compact tuning. */
#pratik .pratik-grid{
    align-items:stretch !important;
}
#pratik .pratik-card{
    min-height:182px !important;
    padding:18px 22px !important;
}
#pratik .hava-card .hava-wrap{
    gap:8px !important;
}
#pratik .hava-card .hava-main{
    min-height:92px !important;
    gap:18px !important;
    padding-top:0 !important;
}
#pratik .hava-card .hava-icon{
    width:86px !important;
    height:86px !important;
    flex-basis:86px !important;
    font-size:4.55rem !important;
}
#pratik .hava-card .hava-sicaklik{
    font-size:clamp(3.1rem,3.25vw,4.1rem) !important;
    line-height:.88 !important;
}
#pratik .hava-card .hava-hadise,
#pratik .hava-card .hava-detay{
    font-size:1.12rem !important;
    line-height:1.1 !important;
    font-weight:800 !important;
}
#pratik .hava-card .weather-meta{
    gap:10px !important;
}
#pratik .hava-card .weather-meta span{
    min-height:36px !important;
    padding:6px 10px !important;
}
#pratik .hava-card .weather-meta small{
    font-size:.7rem !important;
}
#pratik .hava-card .weather-meta strong{
    font-size:.86rem !important;
}
#pratik .eczane-card{
    min-height:182px !important;
    padding:20px 132px 20px 22px !important;
}
#pratik .eczane-card > small{
    font-size:clamp(1.08rem,1.05vw,1.34rem) !important;
    min-height:38px !important;
    padding-left:48px !important;
}
#pratik .eczane-card > small::before{
    width:38px !important;
    height:38px !important;
    font-size:1.08rem !important;
}
#pratik .eczane-card > small::after{
    left:48px !important;
    bottom:-10px !important;
    height:3px !important;
    width:44px !important;
}
#pratik .eczane-card strong{
    max-width:190px !important;
    font-size:clamp(1.18rem,1.25vw,1.52rem) !important;
    line-height:1.12 !important;
}
#pratik .eczane-card .hava-detay{
    font-size:.82rem !important;
}
#pratik .eczane-card::after{
    right:22px !important;
    top:50% !important;
    width:78px !important;
    height:78px !important;
    font-size:2.45rem !important;
}
#pratik .hastane-card{
    min-height:182px !important;
    padding:20px 22px 16px !important;
}
#pratik .hastane-card > small{
    min-height:38px !important;
    padding-left:48px !important;
    font-size:clamp(1.05rem,1.05vw,1.34rem) !important;
}
#pratik .hastane-card > small::before{
    width:38px !important;
    height:38px !important;
}
#pratik .hastane-card strong{
    margin-top:0 !important;
    font-size:.82rem !important;
}
#pratik .hastane-links{
    gap:8px !important;
    margin-top:8px !important;
}
#pratik .hastane-links a{
    min-height:54px !important;
    padding:8px 8px !important;
    gap:6px !important;
}
#pratik .hastane-links a span:not(.hospital-link-icon){
    font-size:.7rem !important;
    line-height:1.06 !important;
}
#pratik .hastane-links .hospital-link-icon{
    width:24px !important;
    height:24px !important;
    flex-basis:24px !important;
    font-size:.78rem !important;
}

/* Practical title unification with compact icons. */
#pratik .pratik-card{
    min-height:168px !important;
    padding-top:16px !important;
    padding-bottom:14px !important;
}
#pratik .pratik-card > small{
    min-height:30px !important;
    padding-left:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    color:#1d2840 !important;
    font-family:"Playfair Display", Georgia, serif !important;
    font-size:clamp(1rem,1.02vw,1.18rem) !important;
    font-weight:800 !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
}
#pratik .pratik-title-icon{
    width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
    display:inline-grid !important;
    place-items:center !important;
    border-radius:999px !important;
    font-family:"Manrope","Sora",sans-serif !important;
    font-size:.82rem !important;
    font-weight:900 !important;
    line-height:1 !important;
    background:#fff !important;
    box-shadow:0 8px 18px rgba(15,23,42,.08) !important;
}
#pratik .pratik-title-icon--weather{
    color:#6aa4ff !important;
    border:1px solid rgba(106,164,255,.22) !important;
}
#pratik .pratik-title-icon--pharmacy{
    color:#ef1f2d !important;
    border:1px solid rgba(239,31,45,.18) !important;
    letter-spacing:-.06em !important;
}
#pratik .pratik-title-icon--hospital{
    color:#ef4444 !important;
    border:1px solid rgba(239,68,68,.18) !important;
}
#pratik .eczane-card > small::before,
#pratik .eczane-card > small::after,
#pratik .hastane-card > small::before{
    display:none !important;
}
#pratik .hava-card .hava-main{
    min-height:82px !important;
}
#pratik .weather-meta span{
    min-height:32px !important;
}
#pratik .hastane-links a{
    min-height:48px !important;
}

/* Pharmacy logo and hospital card refinement. */
#pratik .pratik-title-icon--pharmacy{
    border-radius:6px !important;
    color:transparent !important;
    background:#fff url("https://www.kentrehberim.tr/eczanelogo.png") center/74% auto no-repeat !important;
    border:1px solid rgba(239,31,45,.18) !important;
    font-size:0 !important;
}
#pratik .eczane-card::after{
    content:"" !important;
    border-radius:10px !important;
    border:1px solid rgba(239,31,45,.22) !important;
    background:#fff url("https://www.kentrehberim.tr/eczanelogo.png") center/78% auto no-repeat !important;
    box-shadow:0 14px 28px rgba(239,31,45,.13) !important;
}
#pratik .hastane-card{
    padding-top:16px !important;
}
#pratik .hastane-card > small{
    min-height:28px !important;
}
#pratik .hastane-card strong{
    display:block !important;
    margin:2px 0 0 36px !important;
    font-size:.84rem !important;
    line-height:1.15 !important;
}
#pratik .hastane-links{
    margin-top:14px !important;
}
#pratik .hastane-links a{
    min-height:50px !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}
#pratik .hastane-links a span:not(.hospital-link-icon){
    font-size:.78rem !important;
    line-height:1.08 !important;
    font-weight:900 !important;
}

/* Practical card final compact/overlap fix. */
#pratik .eczane-card > .eczane-icon{
    display:none !important;
}
#pratik .pratik-card{
    min-height:156px !important;
    padding-top:14px !important;
    padding-bottom:12px !important;
}
#pratik .hava-card .hava-main{
    min-height:74px !important;
}
#pratik .hava-card .weather-meta span{
    min-height:30px !important;
}
#pratik .eczane-card{
    min-height:156px !important;
    padding-top:16px !important;
    padding-bottom:14px !important;
}
#pratik .eczane-card::after{
    width:66px !important;
    height:66px !important;
}
#pratik .hastane-card{
    min-height:156px !important;
    padding-top:14px !important;
    padding-bottom:12px !important;
}
#pratik .hastane-links{
    margin-top:10px !important;
    gap:7px !important;
}
#pratik .hastane-links a{
    min-height:44px !important;
    padding:6px 8px !important;
    align-items:center !important;
    justify-content:center !important;
}
#pratik .hastane-links a span:not(.hospital-link-icon){
    font-size:.84rem !important;
    line-height:1.05 !important;
    text-align:center !important;
}

/* Move hospital quick links slightly lower. */
#pratik .hastane-links{
    margin-top:22px !important;
    transform:translateY(14px) !important;
}

/* Dynamic survey system */
.detail-survey-section{
    width:min(100% - 36px, 1480px);
    margin:20px auto 24px;
}
.survey-shell{
    display:grid;
    grid-template-columns:minmax(0,2.1fr) minmax(330px,.92fr);
    gap:18px;
    align-items:stretch;
}
.survey-hero-card,
.survey-side-card,
.survey-modal-dialog{
    border:1px solid rgba(148,163,184,.22);
    background:
        radial-gradient(circle at 8% 10%, rgba(236,72,153,.12), transparent 28%),
        radial-gradient(circle at 85% 82%, rgba(45,212,191,.18), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,252,255,.94));
    box-shadow:0 18px 46px rgba(15,23,42,.08);
    border-radius:20px;
}
.survey-hero-card{
    position:relative;
    overflow:hidden;
    padding:24px 34px 16px;
    min-height:370px;
}
.survey-hero-card::after{
    content:"";
    position:absolute;
    right:34px;
    top:24px;
    width:330px;
    height:260px;
    border-radius:44px;
    background:
        radial-gradient(circle at 75% 22%, rgba(245,158,11,.16), transparent 34%),
        radial-gradient(circle at 30% 75%, rgba(124,58,237,.12), transparent 44%);
    opacity:.68;
    pointer-events:none;
}
.survey-hero-copy,
.survey-benefits,
.survey-cta-row,
.survey-fast-preview{
    position:relative;
    z-index:1;
}
.survey-hero-illustration{
    position:absolute;
    right:54px;
    top:44px;
    width:278px;
    height:248px;
    border-radius:34px;
    border:12px solid rgba(124,58,237,.11);
    background:
        linear-gradient(145deg, rgba(255,255,255,.9), rgba(236,253,245,.7)),
        radial-gradient(circle at 82% 16%, rgba(236,72,153,.1), transparent 36%);
    box-shadow:
        0 26px 52px rgba(124,58,237,.1),
        inset 0 0 0 1px rgba(255,255,255,.9);
    transform:rotate(-7deg);
    pointer-events:none;
    z-index:0;
}
.survey-paper-clip{
    position:absolute;
    top:-28px;
    left:50%;
    width:82px;
    height:46px;
    border-radius:16px 16px 10px 10px;
    background:linear-gradient(135deg,#7c3aed,#a855f7);
    box-shadow:0 14px 28px rgba(124,58,237,.2);
    transform:translateX(-50%);
}
.survey-paper-clip::before{
    content:"";
    position:absolute;
    left:50%;
    top:8px;
    width:18px;
    height:18px;
    border-radius:50%;
    border:5px solid rgba(255,255,255,.58);
    transform:translateX(-50%);
}
.survey-paper-title,
.survey-paper-row,
.survey-paper-pencil{
    position:absolute;
    display:block;
}
.survey-paper-title{
    left:42px;
    top:48px;
    width:142px;
    height:12px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(124,58,237,.42), rgba(236,72,153,.26));
}
.survey-paper-row{
    left:42px;
    width:184px;
    height:30px;
}
.survey-paper-row:nth-of-type(3){top:86px}
.survey-paper-row:nth-of-type(4){top:124px}
.survey-paper-row:nth-of-type(5){top:162px}
.survey-paper-row:nth-of-type(6){top:200px}
.survey-paper-row i{
    position:absolute;
    left:0;
    top:1px;
    width:26px;
    height:26px;
    border-radius:9px;
    background:rgba(124,58,237,.13);
    box-shadow:inset 0 0 0 1px rgba(124,58,237,.12);
}
.survey-paper-row.is-done i{
    background:linear-gradient(135deg,#7c3aed,#ec4899);
    box-shadow:0 10px 18px rgba(124,58,237,.18);
}
.survey-paper-row.is-done i::after{
    content:"";
    position:absolute;
    left:8px;
    top:6px;
    width:8px;
    height:13px;
    border:solid #fff;
    border-width:0 3px 3px 0;
    transform:rotate(42deg);
}
.survey-paper-row b{
    position:absolute;
    left:42px;
    top:7px;
    width:132px;
    height:10px;
    border-radius:999px;
    background:rgba(99,102,241,.24);
}
.survey-paper-row:nth-of-type(4) b{width:112px}
.survey-paper-row:nth-of-type(5) b{width:148px}
.survey-paper-row:nth-of-type(6) b{width:92px}
.survey-paper-pencil{
    right:22px;
    bottom:26px;
    width:38px;
    height:108px;
    border-radius:20px;
    background:
        linear-gradient(180deg,#f59e0b 0 70%,#f97316 70% 82%,#334155 82% 100%);
    box-shadow:0 16px 24px rgba(245,158,11,.22);
    transform:rotate(28deg);
}
.survey-paper-pencil::before{
    content:"";
    position:absolute;
    left:8px;
    top:-20px;
    width:0;
    height:0;
    border-left:11px solid transparent;
    border-right:11px solid transparent;
    border-bottom:22px solid #fef3c7;
}
.survey-hero-copy{
    display:flex;
    gap:20px;
    align-items:flex-start;
    max-width:760px;
}
.survey-stopwatch{
    width:82px;
    height:82px;
    flex:0 0 auto;
    border-radius:28px;
    background:linear-gradient(145deg,#6d28d9,#ec4899);
    box-shadow:0 18px 28px rgba(124,58,237,.24);
    position:relative;
}
.survey-stopwatch::before{
    content:"";
    position:absolute;
    inset:18px;
    border:7px solid rgba(255,255,255,.94);
    border-radius:50%;
}
.survey-stopwatch::after{
    content:"";
    position:absolute;
    left:38px;
    top:28px;
    width:8px;
    height:24px;
    border-radius:999px;
    background:#fff;
    box-shadow:0 -26px 0 -1px #fb7185, 12px -28px 0 -4px #fb7185;
}
.survey-kicker{
    margin:0 0 4px;
    color:#7c3aed;
    font-size:.78rem;
    font-weight:1000;
    letter-spacing:.08em;
}
.survey-hero-copy h2{
    margin:0;
    color:#091234;
    font-family:"Manrope",sans-serif;
    font-size:clamp(1.65rem,2.35vw,2.55rem);
    line-height:1.12;
    font-weight:1000;
    letter-spacing:0;
}
.survey-hero-copy p:not(.survey-kicker){
    margin:10px 0 0;
    color:#50607b;
    font-size:clamp(1rem,1.16vw,1.18rem);
    line-height:1.5;
    font-weight:700;
}
.survey-benefits{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,180px));
    gap:16px;
    margin:22px 0 22px;
}
.survey-benefits span{
    display:grid;
    grid-template-columns:48px 1fr;
    grid-template-rows:1fr;
    column-gap:12px;
    align-items:center;
    min-height:62px;
    padding:10px 12px;
    border-radius:16px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(226,232,240,.84);
}
.survey-benefits b{
    grid-row:1;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:14px;
    color:#f59e0b;
    background:linear-gradient(135deg,#fff7ed,#fff);
    font-size:1.45rem;
}
.survey-benefits span:nth-child(2) b{color:#ec4899;background:linear-gradient(135deg,#fff1f2,#fff)}
.survey-benefits span:nth-child(3) b{color:#10b981;background:linear-gradient(135deg,#ecfdf5,#fff)}
.survey-benefits strong{
    color:#111936;
    font-size:.92rem;
    line-height:1.18;
}
.survey-benefits small{
    color:#60708c;
    font-weight:700;
}
.survey-cta-row{
    display:flex;
    gap:22px;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:24px;
}
.survey-cta-row{
    display:none !important;
}
.survey-start-btn{
    width:min(100%,350px);
    min-height:70px;
    border:0;
    border-radius:16px;
    background:linear-gradient(135deg,#5b3ff4 0%,#b936d6 48%,#ff2d7b 100%);
    color:#fff;
    box-shadow:0 18px 30px rgba(124,58,237,.24);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    font-size:1.15rem;
    font-weight:1000;
    cursor:pointer;
}
.survey-start-btn:disabled{
    cursor:not-allowed;
    filter:saturate(.72);
    opacity:.72;
}
.survey-start-btn span,
.survey-start-btn em{
    font-style:normal;
    font-size:1.5rem;
}
.survey-people{
    display:grid;
    grid-template-columns:repeat(3,32px) 1fr;
    align-items:center;
    gap:0;
    color:#15213d;
}
.survey-avatar{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(135deg,#dbeafe,#fdf2f8);
    border:2px solid #fff;
    margin-left:-8px;
    font-weight:1000;
    color:#6d28d9;
}
.survey-avatar:first-child{margin-left:0}
.survey-people strong{
    margin-left:12px;
    font-size:1rem;
    font-weight:1000;
}
.survey-people small{
    grid-column:4;
    margin-left:12px;
    color:#60708c;
    font-weight:700;
}
.survey-fast-preview{
    margin:0 -34px -18px;
    padding:16px 34px 16px;
    background:rgba(255,255,255,.62);
    border-top:1px solid rgba(148,163,184,.18);
}
.survey-fast-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}
.survey-fast-head strong{
    color:#111936;
    font-size:1.12rem;
    font-weight:1000;
}
.survey-fast-head span,
.survey-privacy{
    color:#60708c;
    font-weight:700;
}
.survey-preview-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
}
.survey-preview-grid span{
    min-height:96px;
    border-radius:16px;
    border:1px solid rgba(203,213,225,.72);
    background:rgba(255,255,255,.86);
    box-shadow:0 12px 26px rgba(15,23,42,.06);
    display:grid;
    align-content:start;
    justify-items:center;
    text-align:center;
    gap:8px;
    padding:18px 10px 12px;
    position:relative;
    cursor:pointer;
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.survey-preview-grid span:hover,
.survey-preview-grid span:focus-visible{
    transform:translateY(-3px);
    border-color:rgba(124,58,237,.34);
    box-shadow:0 18px 30px rgba(124,58,237,.12);
    outline:none;
}
.survey-preview-grid b{
    position:absolute;
    top:-15px;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(135deg,#6d5dfc,#7c3aed);
    box-shadow:0 10px 20px rgba(124,58,237,.22);
}
.survey-preview-grid strong{
    color:#15213d;
    font-size:.9rem;
    line-height:1.25;
}
.survey-preview-grid small{
    color:#53637e;
    font-weight:700;
    line-height:1.25;
}
.survey-privacy{
    margin:14px 0 0;
    font-size:.84rem;
}
.survey-side-card{
    padding:18px;
    display:flex;
    flex-direction:column;
    min-height:370px;
}
.survey-live-head{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:flex-start;
    padding-bottom:14px;
    border-bottom:1px solid rgba(148,163,184,.18);
}
.survey-live-head > div:first-child{
    display:grid;
    grid-template-columns:18px 1fr;
    gap:6px 10px;
    align-items:center;
}
.survey-live-dot{
    width:14px;
    height:14px;
    border-radius:50%;
    background:#10b981;
    box-shadow:0 0 0 8px rgba(16,185,129,.12);
}
.survey-live-head strong{
    color:#111936;
    font-size:1rem;
    font-weight:1000;
}
.survey-live-head small{
    grid-column:2;
    color:#60708c;
    font-weight:700;
}
.survey-score-pill{
    min-width:96px;
    padding:10px 12px;
    border-radius:16px;
    background:linear-gradient(135deg,#fff7ed,#fff);
    border:1px solid rgba(251,146,60,.16);
    text-align:center;
}
.survey-score-pill b{
    display:block;
    color:#f97316;
    font-size:1.02rem;
    font-weight:1000;
}
.survey-score-pill span{
    display:block;
    margin-top:4px;
    color:#334155;
    font-size:.78rem;
    font-weight:800;
}
.survey-result-list{
    display:grid;
    gap:12px;
    padding:14px 0 0;
}
.survey-result-row{
    display:grid;
    grid-template-columns:36px 1fr 52px;
    gap:10px;
    align-items:center;
}
.survey-result-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:color-mix(in srgb, var(--survey-color) 14%, white);
    color:var(--survey-color);
    font-weight:1000;
}
.survey-result-main{
    display:grid;
    gap:6px;
}
.survey-result-main strong{
    color:#16213c;
    font-size:.88rem;
}
.survey-result-main small{
    color:#60708c;
    font-size:.72rem;
    font-weight:800;
    line-height:1.2;
    margin-top:-4px;
}
.survey-result-main span{
    height:5px;
    border-radius:999px;
    background:#e7ecf3;
    overflow:hidden;
}
.survey-result-main i{
    display:block;
    height:100%;
    border-radius:999px;
}
.survey-result-row > b{
    text-align:right;
    font-size:.92rem;
}
.survey-empty-result{
    padding:20px;
    border-radius:16px;
    background:rgba(255,255,255,.7);
    border:1px dashed rgba(148,163,184,.34);
    color:#60708c;
    font-weight:800;
    line-height:1.45;
}
.survey-side-note{
    display:none !important;
}
.survey-side-note strong{color:#111936;font-size:1rem}
.survey-side-note span{color:#60708c;font-weight:700;line-height:1.45}
.survey-modal{
    position:fixed;
    inset:0;
    z-index:10000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:rgba(15,23,42,.58);
    backdrop-filter:blur(10px);
}
.survey-modal.is-open{display:flex}
.survey-modal-dialog{
    width:min(720px,100%);
    max-height:min(88vh,760px);
    overflow:auto;
    padding:24px;
    position:relative;
}
.survey-modal-close{
    position:absolute;
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    border:0;
    border-radius:13px;
    background:#fff;
    color:#111936;
    box-shadow:0 12px 26px rgba(15,23,42,.12);
    font-size:1.55rem;
    cursor:pointer;
}
.survey-modal-head{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding-right:44px;
}
.survey-modal-icon{
    width:48px;
    height:48px;
    border-radius:16px;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(135deg,#7c3aed,#ec4899);
    font-weight:1000;
}
.survey-modal-head h3{
    margin:0;
    color:#111936;
    font-size:1.45rem;
    line-height:1.15;
}
.survey-modal-head p,
.survey-modal-note{
    margin:6px 0 0;
    color:#60708c;
    font-weight:700;
    line-height:1.45;
}
.survey-progress{
    height:8px;
    border-radius:999px;
    overflow:hidden;
    margin:20px 0;
    background:#e8edf5;
}
.survey-progress span{
    display:block;
    width:0;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#5b3ff4,#ec4899,#f59e0b);
    transition:width .25s ease;
}
.survey-question-card{
    padding:22px;
    border-radius:18px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(203,213,225,.7);
}
.survey-step-pill{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 12px;
    border-radius:999px;
    color:#fff;
    background:#7c3aed;
    font-weight:1000;
    font-size:.82rem;
}
.survey-question-card h4{
    margin:14px 0 6px;
    color:#101633;
    font-size:1.35rem;
    line-height:1.25;
}
.survey-question-card p{
    margin:0 0 16px;
    color:#60708c;
    font-weight:800;
}
.survey-answer-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.survey-rating-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.survey-boolean-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.survey-answer-grid button{
    min-height:74px;
    border-radius:16px;
    border:1px solid rgba(203,213,225,.8);
    background:#fff;
    color:#111936;
    display:grid;
    place-items:center;
    gap:5px;
    padding:12px;
    cursor:pointer;
    box-shadow:0 10px 22px rgba(15,23,42,.06);
    font-weight:900;
}
.survey-answer-grid button strong{
    min-width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:999px;
    color:#7c3aed;
    background:#f3efff;
}
.survey-answer-grid button span{
    font-size:.94rem;
    line-height:1.25;
}
.survey-answer-grid button.is-selected{
    color:#fff;
    border-color:transparent;
    background:linear-gradient(135deg,#5b3ff4,#ec4899);
    transform:translateY(-1px);
}
.survey-answer-grid button.is-selected strong{
    color:#ec4899;
    background:#fff;
}
.survey-error{
    margin-top:14px;
    color:#be123c;
    font-weight:900;
}
.survey-loader,
.survey-thanks{
    min-height:190px;
    display:grid;
    place-items:center;
    text-align:center;
    color:#60708c;
    font-weight:900;
}
.survey-thanks strong{
    display:block;
    color:#111936;
    font-size:2rem;
}
.survey-thanks span{
    color:#60708c;
    font-weight:800;
}
.survey-modal-actions{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-top:18px;
}
.survey-secondary-btn,
.survey-next-btn{
    min-height:48px;
    border:0;
    border-radius:14px;
    padding:0 20px;
    font-weight:1000;
    cursor:pointer;
}
.survey-secondary-btn{
    background:#eef2f7;
    color:#334155;
}
.survey-next-btn{
    margin-left:auto;
    min-width:140px;
    color:#fff;
    background:linear-gradient(135deg,#5b3ff4,#ec4899);
}
body[data-theme="dark"] .survey-hero-card,
body[data-theme="dark"] .survey-side-card,
body[data-theme="dark"] .survey-modal-dialog{
    background:linear-gradient(135deg,#101827,#162235) !important;
    border-color:rgba(154,176,203,.18) !important;
    color:#f8fbff;
}
body[data-theme="dark"] .survey-hero-copy h2,
body[data-theme="dark"] .survey-live-head strong,
body[data-theme="dark"] .survey-side-note strong,
body[data-theme="dark"] .survey-modal-head h3,
body[data-theme="dark"] .survey-question-card h4,
body[data-theme="dark"] .survey-result-main strong{
    color:#f8fbff !important;
}
body[data-theme="dark"] .survey-benefits span,
body[data-theme="dark"] .survey-preview-grid span,
body[data-theme="dark"] .survey-question-card,
body[data-theme="dark"] .survey-answer-grid button{
    background:rgba(255,255,255,.08) !important;
    border-color:rgba(255,255,255,.12) !important;
}
@media(max-width:1180px){
    .survey-shell{grid-template-columns:1fr}
    .survey-side-card{min-height:auto}
}
@media(max-width:960px){
    .survey-hero-card::after,
    .survey-hero-illustration{
        display:none;
    }
    .survey-hero-copy{
        max-width:none;
    }
}
@media(max-width:820px){
    .detail-survey-section{width:calc(100% - 18px)}
    .survey-hero-card{padding:24px 20px 18px;min-height:auto}
    .survey-hero-copy{display:grid}
    .survey-benefits{grid-template-columns:1fr}
    .survey-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .survey-fast-preview{margin:0 -20px -18px;padding:18px 20px}
    .survey-rating-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:540px){
    .survey-preview-grid,
    .survey-answer-grid,
    .survey-rating-grid,
    .survey-boolean-grid{
        grid-template-columns:1fr;
    }
    .survey-live-head,
    .survey-cta-row{
        display:grid;
    }
    .survey-start-btn{width:100%}
}

/* Comments and visitor rating side-by-side layout. */
.comments-rating-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1.45fr) minmax(360px,.8fr) !important;
    gap:18px !important;
    align-items:stretch !important;
    margin:0 0 18px !important;
}
.comments-rating-grid > .panel{
    min-width:0 !important;
    height:100% !important;
    margin:0 !important;
}
.comments-rating-grid .comment-form textarea{
    min-height:104px !important;
}
.comments-rating-grid > .panel:nth-child(2){
    display:flex !important;
    flex-direction:column !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-box{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    gap:18px !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-head{
    align-items:flex-start !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-actions{
    justify-content:flex-start !important;
}
@media(max-width:980px){
    .comments-rating-grid{
        grid-template-columns:1fr !important;
    }
}

/* Balance comment/rating panel proportions. */
.comments-rating-grid{
    grid-template-columns:minmax(0,1.75fr) minmax(300px,.62fr) !important;
}
.comments-rating-grid > .panel:nth-child(2){
    padding-left:22px !important;
    padding-right:22px !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-box{
    justify-content:flex-start !important;
    gap:16px !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(42px,1fr)) !important;
    gap:10px !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-actions button{
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-box > .rating-sub:last-child{
    margin-top:auto !important;
}

/* Vertically balance the visitor rating controls. */
.comments-rating-grid > .panel:nth-child(2) .rating-box{
    min-height:300px !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-head{
    min-height:190px !important;
    align-content:center !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-actions{
    margin-top:92px !important;
}

/* Shorten comments and rating section height. */
.comments-rating-grid > .panel{
    padding-top:22px !important;
    padding-bottom:18px !important;
}
.comments-rating-grid .section-title{
    margin-bottom:16px !important;
}
.comments-rating-grid .comment{
    padding:8px 0 10px !important;
}
.comments-rating-grid .comment-form{
    margin-top:12px !important;
}
.comments-rating-grid .comment-form textarea{
    min-height:78px !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-box{
    min-height:240px !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-head{
    min-height:148px !important;
}
.comments-rating-grid > .panel:nth-child(2) .rating-actions{
    margin-top:60px !important;
}

/* Featured menu text guard: force clean Turkish labels visually. */
.featured-menu-panel .section-title{
    font-size:clamp(2rem, 2.35vw, 2.7rem) !important;
    line-height:1 !important;
}
.featured-menu-panel .section-title::before{
    content:none !important;
    display:none !important;
}
.featured-menu-panel .featured-menu-sub{
    display:none !important;
    font-size:0 !important;
}
.featured-menu-panel .featured-menu-sub::before{
    content:"" !important;
    display:inline !important;
    font-size:clamp(.92rem, .95vw, 1.05rem) !important;
    line-height:1.35 !important;
}

/* Featured menu: only the removed subtitle shortens the section. */
.featured-menu-panel > div:first-child{
    margin-bottom:14px !important;
}

/* Route trio: equal panels and unified item cards. */
.detail-duo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.route-location-note{
    grid-column:1 / -1 !important;
    margin:0 0 -4px !important;
    padding:10px 14px !important;
    border:1px solid rgba(59,130,246,.2) !important;
    border-radius:14px !important;
    background:rgba(239,246,255,.74) !important;
    color:#426085 !important;
    font-size:.9rem !important;
    font-weight:700 !important;
}
.route-location-note[hidden]{
    display:none !important;
}
.detail-duo-grid .route-list,
.detail-duo-grid .nearby-mini-list,
.detail-duo-grid .regional-route-list{
    display:grid !important;
    gap:12px !important;
}
.detail-duo-grid .route-step.nearby-mini,
.detail-duo-grid .nearby-mini,
.detail-duo-grid .regional-route-mini{
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) 54px 96px !important;
    min-height:90px !important;
    height:90px !important;
    align-items:center !important;
    gap:12px !important;
    padding:10px !important;
    border-radius:18px !important;
}
.detail-duo-grid .route-step.nearby-mini .route-thumb,
.detail-duo-grid .nearby-mini-img{
    grid-column:4 !important;
    width:96px !important;
    height:70px !important;
    border-radius:16px !important;
    justify-self:end !important;
}
.detail-duo-grid .route-step.nearby-mini b,
.detail-duo-grid .nearby-mini b{
    grid-column:3 !important;
    min-width:52px !important;
    justify-self:end !important;
    font-size:.86rem !important;
    color:#101633 !important;
}
.detail-duo-grid .route-step.nearby-mini b:empty::before{
    content:"Rota" !important;
}
.detail-duo-grid .route-step.nearby-mini > span:not(.nearby-mini-num):not(.nearby-mini-img),
.detail-duo-grid .nearby-mini > span:not(.nearby-mini-num):not(.nearby-mini-img){
    min-width:0 !important;
    align-self:center !important;
}
.detail-duo-grid .route-step.nearby-mini strong,
.detail-duo-grid .nearby-mini strong{
    display:block !important;
    font-size:clamp(1.02rem,1.18vw,1.32rem) !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.detail-duo-grid .route-step.nearby-mini small,
.detail-duo-grid .nearby-mini small{
    display:block !important;
    margin-top:4px !important;
    line-height:1.1 !important;
}
#detailRegionalRoutePanel .section-title{
    max-width:100% !important;
}

/* Practical cards final height reduction. */
#pratik .pratik-card{
    min-height:142px !important;
    padding-top:12px !important;
    padding-bottom:10px !important;
}
#pratik .hava-card .hava-main{
    min-height:60px !important;
    gap:14px !important;
}
#pratik .hava-card .hava-icon{
    width:68px !important;
    height:68px !important;
    flex-basis:68px !important;
    font-size:3.65rem !important;
    border-radius:20px !important;
}
#pratik .hava-card .hava-sicaklik{
    font-size:clamp(2.55rem,2.75vw,3.45rem) !important;
}
#pratik .hava-card .hava-hadise,
#pratik .hava-card .hava-detay{
    font-size:.92rem !important;
}
#pratik .hava-card .weather-meta{
    gap:8px !important;
}
#pratik .hava-card .weather-meta span{
    min-height:26px !important;
    padding:4px 8px !important;
}
#pratik .eczane-card,
#pratik .hastane-card{
    min-height:142px !important;
}
#pratik .eczane-card::after{
    width:58px !important;
    height:58px !important;
}
#pratik .hastane-links{
    margin-top:8px !important;
}
#pratik .hastane-links a{
    min-height:36px !important;
    padding:5px 8px !important;
}
#pratik .hastane-links em{
    display:none !important;
}

/* Preserve the lowered hospital quick-link position after later compact rules. */
#pratik .hastane-links{
    margin-top:22px !important;
    transform:translateY(14px) !important;
}

.detail-type-yer .detail-about-why-grid{
    display:none !important;
}

.place-detail-guide-panel{
    margin:0 0 18px !important;
    background:
        radial-gradient(circle at 8% 4%, rgba(255,45,123,.08), transparent 30%),
        radial-gradient(circle at 92% 8%, rgba(20,184,166,.12), transparent 34%),
        linear-gradient(135deg,#fff9fb 0%,#ffffff 50%,#f1fffc 100%) !important;
}
.place-detail-guide-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
}
.place-detail-guide-card{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    min-height:210px !important;
    height:100% !important;
    padding:22px 22px 20px !important;
    border:1px solid rgba(148,163,184,.22) !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.82) !important;
    box-shadow:0 16px 34px rgba(15,23,42,.06) !important;
}
.place-detail-guide-card h3{
    position:relative !important;
    margin:0 0 18px !important;
    padding-bottom:10px !important;
    color:#111936 !important;
    font-family:"Cormorant Garamond", serif !important;
    font-size:clamp(1.78rem,2.15vw,2.38rem) !important;
    font-weight:1000 !important;
    line-height:.98 !important;
    letter-spacing:-.025em !important;
}
.place-detail-guide-card h3::after{
    content:"" !important;
    display:block !important;
    width:70px !important;
    height:3px !important;
    margin-top:10px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#ff2d7b,#ff9f1c) !important;
}
.place-detail-guide-copy{
    flex:1 1 auto !important;
    color:#52627a !important;
    font-size:clamp(.94rem,.9vw,1.02rem) !important;
    line-height:1.62 !important;
}
.place-detail-guide-copy p,
.place-detail-guide-copy div{
    margin:0 0 10px !important;
}
.place-detail-guide-copy > :last-child{
    margin-bottom:0 !important;
}
@media(max-width:860px){
    .place-detail-guide-grid{
        grid-template-columns:1fr !important;
    }
}

/* Live-compatible final place hero: works with old generated HTML too. */
body.detail-type-yer .hero{
    aspect-ratio:1660 / 948 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
}
body.detail-type-yer .hero-bg,
body.detail-type-yer .hero.hero-fit-cover .hero-bg,
body.detail-type-yer .hero.hero-fit-contain .hero-bg{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background-image:var(--detail-hero-image) !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    display:block !important;
}
body.detail-type-yer .hero-content,
body.detail-type-yer .hero.hero-fit-contain .hero-content{
    position:absolute !important;
    left:clamp(24px,3.1vw,46px) !important;
    top:clamp(24px,2.7vw,38px) !important;
    width:min(45%, 600px) !important;
    height:auto !important;
    max-height:calc(100% - clamp(150px,14vw,205px)) !important;
    min-height:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:clamp(5px,.5vw,8px) !important;
    transform:none !important;
}
body.detail-type-yer .hero h1{
    font-size:clamp(2rem, calc(4.1vw * var(--hero-title-scale,1)), 4.55rem) !important;
    line-height:.92 !important;
    letter-spacing:-.025em !important;
    max-width:100% !important;
    margin:0 !important;
}
body.detail-type-yer .hero-summary,
body.detail-type-yer .hero-rating-subtitle{
    max-width:100% !important;
    font-size:clamp(1.05rem,1.42vw,1.48rem) !important;
    line-height:1.1 !important;
    margin:0 !important;
}
body.detail-type-yer .hero-rating-line{
    margin:2px 0 3px !important;
    gap:7px !important;
}
body.detail-type-yer .hero-rating-score{
    font-size:clamp(1.25rem,1.85vw,1.75rem) !important;
}
body.detail-type-yer .hero-rating-stars,
body.detail-type-yer .hero-rating-count{
    font-size:clamp(.82rem,1.05vw,1rem) !important;
}
body.detail-type-yer .hero-meta{
    gap:6px !important;
    margin-top:2px !important;
}
body.detail-type-yer .hero-meta .meta-chip{
    font-size:.64rem !important;
    padding:7px 10px !important;
}
@media(max-width:760px){
    body.detail-type-yer .hero{
        aspect-ratio:4 / 5 !important;
    }
    body.detail-type-yer .hero-content,
    body.detail-type-yer .hero.hero-fit-contain .hero-content{
        left:18px !important;
        top:22px !important;
        width:calc(100% - 36px) !important;
        max-height:calc(100% - 132px) !important;
    }
    body.detail-type-yer .hero h1{
        font-size:clamp(2rem,10vw,4rem) !important;
    }
}

/* Final override: place pages follow the polished business hero structure. */
body.detail-type-yer .hero{
    width:min(1500px, calc(100% - 48px)) !important;
    min-height:680px !important;
    height:auto !important;
    aspect-ratio:auto !important;
    margin:0 auto !important;
    border-radius:0 0 34px 34px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 28px 70px rgba(18,38,63,.13) !important;
    display:block !important;
}
body.detail-type-yer .hero-bg,
body.detail-type-yer .hero.hero-fit-cover .hero-bg,
body.detail-type-yer .hero.hero-fit-contain .hero-bg{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    display:block !important;
    background-image:var(--detail-hero-image) !important;
    background-size:cover !important;
    background-position:center right !important;
    background-repeat:no-repeat !important;
    background-color:#fff4e6 !important;
    opacity:1 !important;
    transform:none !important;
}
body.detail-type-yer .hero-img{
    display:none !important;
}
body.detail-type-yer .hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background:
        radial-gradient(circle at 58% 38%, rgba(255,255,255,0) 0 38%, rgba(255,255,255,.03) 58%, rgba(255,255,255,.16) 86%),
        linear-gradient(90deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.50) 28%, rgba(255,255,255,.02) 58%, rgba(255,255,255,0) 100%) !important;
}
body.detail-type-yer .hero::after{
    display:none !important;
}
body.detail-type-yer .hero-overlay{
    z-index:1 !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,.40), rgba(255,255,255,.02) 48%, rgba(20,24,38,.10)),
        radial-gradient(circle at 12% 86%, rgba(255,45,123,.05), transparent 28%) !important;
}
body.detail-type-yer .hero-content,
body.detail-type-yer .hero.hero-fit-contain .hero-content{
    position:relative !important;
    z-index:2 !important;
    inset:auto !important;
    width:100% !important;
    min-height:680px !important;
    height:auto !important;
    max-height:none !important;
    padding:74px 54px 154px 64px !important;
    color:#111a35 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:0 !important;
    overflow:visible !important;
    transform:none !important;
}
body.detail-type-yer .hero h1{
    font-family:"Cormorant Garamond",serif !important;
    font-size:clamp(4.7rem, 8.4vw, 8.8rem) !important;
    line-height:.78 !important;
    letter-spacing:-.06em !important;
    max-width:620px !important;
    color:#101633 !important;
    margin:0 0 18px !important;
}
body.detail-type-yer .hero-summary{
    max-width:560px !important;
    color:#17233d !important;
    font-size:clamp(1.35rem, 1.75vw, 1.85rem) !important;
    font-weight:800 !important;
    line-height:1.22 !important;
    margin:18px 0 18px !important;
}
body.detail-type-yer .hero-rating-subtitle{
    max-width:560px !important;
    font-size:clamp(1.35rem, 1.75vw, 1.85rem) !important;
    line-height:1.22 !important;
}
body.detail-type-yer .hero-rating-line{
    margin:10px 0 18px !important;
    gap:12px !important;
}
body.detail-type-yer .hero-rating-score{
    font-size:clamp(2rem, 2.5vw, 2.7rem) !important;
}
body.detail-type-yer .hero-rating-stars,
body.detail-type-yer .hero-rating-count{
    font-size:clamp(1.05rem, 1.35vw, 1.35rem) !important;
}
body.detail-type-yer .hero-meta{
    gap:8px !important;
    margin-top:4px !important;
}
body.detail-type-yer .hero-meta .meta-chip{
    font-size:.76rem !important;
    padding:8px 14px !important;
}
@media(max-width:760px){
    body.detail-type-yer .hero{
        width:calc(100% - 16px) !important;
        min-height:620px !important;
        aspect-ratio:auto !important;
        border-radius:24px !important;
    }
    body.detail-type-yer .hero-bg,
    body.detail-type-yer .hero.hero-fit-cover .hero-bg,
    body.detail-type-yer .hero.hero-fit-contain .hero-bg{
        background-position:center top !important;
    }
    body.detail-type-yer .hero-content,
    body.detail-type-yer .hero.hero-fit-contain .hero-content{
        min-height:620px !important;
        padding:58px 22px 118px !important;
    }
    body.detail-type-yer .hero h1{
        font-size:clamp(3rem,16vw,5.4rem) !important;
        max-width:100% !important;
    }
    body.detail-type-yer .hero-summary,
    body.detail-type-yer .hero-rating-subtitle{
        max-width:100% !important;
    }
}