:root{color-scheme:light;--navy:#003c79;--cyan:#12b7f5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;font-family:Arial,sans-serif}body{display:flex;justify-content:center}#site{position:relative;width:min(100%,1024px);line-height:0;background:#fff;overflow:hidden}.design{display:block;width:100%;height:auto}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;display:block;pointer-events:auto;border-radius:999px;color:transparent;font-size:0;background:transparent;outline-offset:4px}.hotspot:focus-visible{outline:4px solid #fff;box-shadow:0 0 0 7px var(--cyan)}.menu-toggle{position:absolute;z-index:30;right:3.2%;top:1.1%;width:8%;aspect-ratio:1.4;border:0;background:transparent;cursor:pointer;font-size:0}.menu-toggle:focus-visible{outline:3px solid #fff;border-radius:8px}.menu-panel{position:fixed;z-index:50;inset:0 0 0 auto;width:min(88vw,390px);background:rgba(0,47,99,.98);padding:72px 24px 30px;transform:translateX(105%);transition:transform .22s ease;box-shadow:-10px 0 35px #001a3b55;line-height:1.25}.menu-panel.open{transform:none}.menu-panel a{display:block;color:#fff;text-decoration:none;font:600 17px/1.2 Arial,sans-serif;padding:15px 8px;border-bottom:1px solid #ffffff2b}.menu-panel a.active{color:#5ed3ff}.menu-close{position:absolute;right:20px;top:18px;border:0;background:transparent;color:#fff;font:300 38px/1 Arial;cursor:pointer}.menu-backdrop{position:fixed;z-index:45;inset:0;background:#001a3b88;display:none}.menu-backdrop.open{display:block}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;background:#003c79;color:#fff;border:1px solid #56c8f7;border-radius:12px;padding:12px 18px;font:600 15px/1.3 Arial,sans-serif;box-shadow:0 8px 30px #001a3b55;line-height:1.3}@media(max-width:700px){body{display:block}#site{width:100%;max-width:none}.design{width:100%;height:auto}.menu-toggle{right:2.5%;top:.8%;width:11%}.toast{width:calc(100% - 28px);text-align:center}}
.map-live{position:absolute;z-index:18;left:4%;right:4%;top:39.7%;height:22%;pointer-events:none}.map-dot{position:absolute;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%) scale(.35);opacity:0;pointer-events:auto;cursor:pointer;transition:width 1.6s ease,height 1.6s ease,transform 1.6s ease,opacity .8s ease;box-shadow:0 0 10px 4px color-mix(in srgb,var(--dot) 70%,transparent);background:var(--dot)}.map-dot.ready{transform:translate(-50%,-50%) scale(1);opacity:.96}
.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(0,31,72,.78);display:grid;place-items:center;padding:18px;line-height:1.4}.modal{position:relative;width:min(94vw,620px);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:28px;color:#003c79;font-family:Arial,sans-serif;box-shadow:0 24px 80px rgba(0,20,52,.48)}.modal h2{margin:0 40px 8px 0;font:700 30px/1.15 Georgia,serif}.modal p{margin:0 0 16px}.modal label{display:block;margin:11px 0 5px;font-weight:700;font-size:14px}.modal textarea,.modal select,.modal input[type=text]{width:100%;border:1px solid #b8d8ed;border-radius:10px;padding:12px;color:#003c79;background:#fff}.modal textarea{height:145px;resize:vertical}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-consent{display:flex!important;gap:9px;align-items:flex-start;font-size:12px;line-height:1.35;margin:14px 0!important}.modal-consent input{margin-top:2px}.modal-primary{width:100%;border:0;border-radius:999px;background:#12b7f5;color:#fff;padding:14px;font-weight:700;cursor:pointer}.modal-close{position:absolute;right:17px;top:12px;border:0;background:none;color:#003c79;font-size:32px;cursor:pointer}.modal-error{min-height:18px;color:#bf2850;font-size:13px;margin-top:8px}.reply-area{height:110px!important}.map-pop{font-size:14px}.map-pop b{display:block;margin-bottom:5px}.count{font-size:12px;color:#637da0;text-align:right}.search-list{border:1px solid #d5e6f1;border-radius:10px;margin-top:8px;max-height:260px;overflow:auto}.search-list button{display:block;width:100%;border:0;border-bottom:1px solid #edf4f8;background:#fff;padding:11px 13px;text-align:left;color:#003c79;cursor:pointer}.search-list button:last-child{border-bottom:0}
@media(max-width:700px){.map-live{left:4%;right:4%;top:39.8%;height:22%}.map-dot{border-width:1.5px}.modal{padding:22px 18px;border-radius:17px}.modal h2{font-size:26px}.modal-row{grid-template-columns:1fr}}
.code-overlay,.mine-code{position:absolute;z-index:24;border:0;border-radius:9px;background:#eef8ff;color:#003c79;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.code-overlay{left:31.7%;top:29.75%;width:36.6%;height:4.15%;font-size:27px}.mine-code{left:20.5%;top:24.55%;width:23%;height:3.65%;font-size:25px}@media(max-width:700px){.code-overlay{font-size:20px}.mine-code{font-size:18px}}
.hotspot[aria-label="Duygu seç"],.hotspot[aria-label="Şehir seç"]{font-size:clamp(9px,1.15vw,12px);color:#163f73;display:flex;align-items:center;padding:0 2.2%;border-radius:7px;text-decoration:none}.hotspot[aria-label="Duygu seç"]:after{content:"Duygu seç (zorunlu)"}.hotspot[aria-label="Şehir seç"]:after{content:"Şehir seç (zorunlu)"}
.mine-list{display:grid;gap:10px}.mine-item{border:1px solid #d5e6f1;border-radius:12px;padding:12px}.mine-item>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.mine-item small{color:#637da0}.mine-item p{margin:8px 0 10px}.mine-item button{border:1px solid #d34a68;background:#fff;color:#b72e50;border-radius:999px;padding:8px 12px;cursor:pointer}
/* Requested cleanup: hide the baked nickname/"isimsiz" line beneath the buti code without changing the approved layout. */
.mine-code-cleaner{position:absolute;z-index:23;left:20.2%;top:27.55%;width:24%;height:1.55%;background:#fff;pointer-events:none}
.filter-results .post-result{border:1px solid #d5e6f1;border-radius:12px;padding:12px;margin:10px 0}.filter-results .post-result header{display:flex;justify-content:space-between;gap:10px;font-size:13px}.filter-results .post-result p{margin:8px 0 0}.filter-results .empty{padding:16px 0;color:#637da0}.mini-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mini-actions button{border:1px solid #b8d8ed;background:#fff;color:#003c79;border-radius:999px;padding:8px 12px;cursor:pointer}


/* 2026-09-21 CLEAN HOME RESPONSIVE — single source of truth */
.design{image-rendering:auto;filter:none!important;opacity:1!important}
html,body{max-width:100%;overflow-x:hidden}
#site,.design{max-width:100%}
body[data-page="home"]{background:#001b42}
body[data-page="home"] #site{width:min(100%,1024px);max-width:1024px;background:#001b42}
body[data-page="home"] .design{display:block;width:100%;height:auto;max-width:none;filter:none!important;transform:none!important}
body[data-page="home"] .map-live{position:absolute;z-index:26;left:7%;right:7%;top:59.2%;height:25.5%;pointer-events:none;overflow:visible;background:transparent;border:0;box-shadow:none}
body[data-page="home"] .map-live::before,body[data-page="home"] .map-live::after{content:none!important;display:none!important}
body[data-page="home"] .map-dot{z-index:27;pointer-events:auto;min-width:10px;min-height:10px;max-width:38px;max-height:38px;border:0;box-shadow:0 0 10px 3px color-mix(in srgb,var(--dot) 55%,transparent)}
body[data-page="home"] .top-cities-live{display:none!important}
body[data-page="home"] .menu-toggle{display:none!important}
body[data-page="home"] .hotspot[data-action="tell"]{z-index:32;border-radius:999px}
@media (min-width:701px) and (max-width:1100px){body[data-page="home"] #site{width:100%;max-width:1024px}}
@media (max-width:700px){body[data-page="home"] #site{width:100%;max-width:none;overflow:hidden}body[data-page="home"] .design{width:100%;height:auto;object-fit:contain}body[data-page="home"] .map-live{left:6%;right:6%;top:59.2%;height:25.5%}body[data-page="home"] .map-dot{max-width:27px;max-height:27px}}
/* Functional map page — no duplicate logo, footer or homepage form overlays. */
body[data-page="map"] #site{max-width:1024px}
.map-search-button{position:absolute;z-index:55;left:32%;bottom:6.2%;width:36%;border:1px solid #8edaff;border-radius:999px;background:#063e7dcc;color:#fff;padding:12px;font-weight:700}
.map-page-live{position:absolute;z-index:52;left:5%;right:5%;top:20%;height:58%;pointer-events:none}
.map-page-dot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #fff;background:var(--dot,#38b6ff);box-shadow:0 0 18px var(--dot,#38b6ff);pointer-events:auto}
@media(max-width:700px){.map-search-button{left:18%!important;width:64%!important;font-size:11px}}

/* QA: Amasya is always visible as a province label; emotion color appears only after approved posts. */
.amasya-map-label{position:absolute;z-index:30;transform:translate(-50%,-50%);border:0;background:transparent;color:#fff;font:600 10px/1 Arial,sans-serif;text-shadow:0 1px 4px #001b42;pointer-events:auto;cursor:pointer;padding:8px 5px}
.amasya-map-label::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#fff;margin:0 auto 3px;box-shadow:0 0 5px #fff}
@media(max-width:700px){.amasya-map-label{font-size:7px;padding:6px 3px}.amasya-map-label::before{width:3px;height:3px;margin-bottom:2px}}
/* QA: functional fields replace the static sample code/nickname artwork without adding a second form. */
.thanks-nickname{position:absolute;z-index:25;left:27.3%;top:42.55%;width:45.4%;height:4.25%;box-sizing:border-box;border:1px solid #c8def0;border-radius:9px;background:#fff;color:#0b2d75;padding:0 18px;font:inherit;font-size:18px;outline:none}.thanks-nickname:focus{border-color:#168fe8;box-shadow:0 0 0 3px rgba(22,143,232,.12)}
.mine-nickname{position:absolute;z-index:25;left:23.5%;top:27.3%;width:22%;height:2.3%;border:0;background:#fff;color:#173b83;text-align:left;font:inherit;font-size:14px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:700px){.thanks-nickname{font-size:14px;padding:0 10px}.mine-nickname{font-size:11px}}
.mine-meta{margin:0 0 10px;color:#637da0;font-size:13px;line-height:1.35}.mine-actions{display:flex;gap:8px;flex-wrap:wrap}.mine-actions button[data-view]{border-color:#168fe8;color:#0b67b2}.mine-actions button[data-del]{border-color:#d34a68;color:#b72e50}@media(max-width:700px){.mine-meta{font-size:12px}.mine-actions button{font-size:12px}}

/* 2026-09-21 premium product navigation */
.menu-panel{width:min(78vw,340px);background:linear-gradient(180deg,rgba(0,48,98,.985),rgba(0,35,76,.995));padding:30px 24px 28px;box-shadow:-18px 0 55px rgba(0,18,48,.32);line-height:1.25;display:flex;flex-direction:column}
.menu-brand{display:inline-block!important;align-self:flex-start!important;border:0!important;padding:0!important;margin:0 0 52px!important;color:#fff!important;font:300 28px/1.05 Arial,sans-serif!important;letter-spacing:-1px;text-decoration:none}.menu-brand span{font-weight:400}.menu-brand span::after{content:'★';color:#e71937;font-size:9px;position:relative;top:-15px;left:-6px;margin-right:-6px}
.menu-close{right:20px;top:23px;font:200 34px/1 Arial;color:rgba(255,255,255,.9)}
.menu-links{display:flex;flex-direction:column;gap:4px}.menu-panel .menu-links a{position:relative;border:0!important;padding:13px 12px!important;border-radius:11px;color:rgba(255,255,255,.92);font:500 16px/1.25 Arial,sans-serif;letter-spacing:.05px;transition:background .15s ease,color .15s ease,transform .15s ease}.menu-panel .menu-links a:hover{background:rgba(255,255,255,.055)}.menu-panel .menu-links a.active{color:#62d3ff;background:rgba(56,182,255,.09)}.menu-panel .menu-links a.active::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:#38b6ff}
.menu-tell{margin-top:auto;width:100%;border:0;border-radius:999px;background:#38b6ff;color:#fff;padding:13px 18px;font:700 14px/1 Arial,sans-serif;letter-spacing:1.8px;cursor:pointer;box-shadow:0 8px 24px rgba(56,182,255,.18)}
.menu-backdrop{background:rgba(0,18,48,.55);backdrop-filter:blur(2px)}
@media(max-width:700px){.menu-panel{width:78vw;max-width:330px;padding:27px 20px 24px}.menu-brand{margin-bottom:42px!important;font-size:26px!important}.menu-panel .menu-links a{font-size:15px;padding:12px 11px!important}.menu-tell{margin-top:28px;padding:13px}.menu-close{right:17px;top:20px;font-size:32px}}

/* 2026-09-21 approved standalone Duygu Haritası reference */
body[data-page="map"]{background:#001d48}
body[data-page="map"] #site{width:min(100%,1048px);max-width:1048px;background:#001d48}
body[data-page="map"] .design{width:100%;height:auto;display:block}
body[data-page="map"] .map-page-live{position:absolute;z-index:52;left:6.5%;right:6.5%;top:14.2%;height:30.5%;pointer-events:none}
body[data-page="map"] .map-city-hit{position:absolute;transform:translate(-50%,-50%);width:4.4%;aspect-ratio:1;border:0;border-radius:50%;background:transparent;pointer-events:auto;cursor:pointer}
body[data-page="map"] .map-city-hit:focus-visible{outline:2px solid #fff;box-shadow:0 0 0 4px #38b6ff}
body[data-page="map"] .map-page-dot{z-index:3;border:0;box-shadow:0 0 14px 4px color-mix(in srgb,var(--dot) 70%,transparent)}
body[data-page="map"] .map-form-hit{position:absolute;z-index:54;left:23.5%;top:52.2%;width:53%;height:33.8%;border:0;background:transparent;cursor:pointer;border-radius:22px}
body[data-page="map"] .map-search-button{display:none!important}
@media(max-width:700px){body[data-page="map"] .map-page-live{left:6.5%;right:6.5%;top:14.2%;height:30.5%}body[data-page="map"] .map-city-hit{width:6%}body[data-page="map"] .map-form-hit{left:20.5%;width:59%}}
/* 2026-09-21 MAP CONTINUITY FIX — approved homepage header + map content */
body[data-page="map"] .menu-toggle{display:none!important}
body[data-page="map"] .map-page-live{top:19.95%;height:28.45%}
body[data-page="map"] .map-form-hit{top:55.45%;height:31.55%}
@media(max-width:700px){body[data-page="map"] .map-page-live{top:19.95%;height:28.45%}body[data-page="map"] .map-form-hit{top:55.45%;height:31.55%}}

/* 2026-09-21 MAP FOCUS: map only + live Top 5; duplicate tell form removed. */
body[data-page="map"] .map-form-hit{display:none!important}
body[data-page="map"] .map-page-live{top:32.5%!important;height:49%!important}
body[data-page="map"] .top-cities-live{position:relative!important;display:block!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;height:auto!important;z-index:5;margin:0 auto;padding:28px 5% 38px;background:linear-gradient(180deg,#001d48,#001736);color:#fff;box-sizing:border-box}
body[data-page="map"] .top-cities-live::before{content:'En çok paylaşım yapılan 5 şehir';display:block;text-align:center;font:700 clamp(20px,3vw,32px)/1.2 Arial,sans-serif;margin-bottom:18px}
body[data-page="map"] .top-city-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 0;padding:14px 18px;border:1px solid rgba(142,218,255,.28);border-radius:14px;background:rgba(255,255,255,.055);color:#fff;text-align:left;cursor:pointer}
body[data-page="map"] .top-city-card b{font-size:16px}body[data-page="map"] .top-city-card span{font-size:13px;color:#cdefff}body[data-page="map"] .top-city-card i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--city-color);margin-right:7px;box-shadow:0 0 10px var(--city-color)}
body[data-page="map"] .top-cities-empty{text-align:center;padding:18px;border:1px solid rgba(142,218,255,.22);border-radius:14px;color:#cdefff}
@media(max-width:700px){body[data-page="map"] .map-page-live{top:32.5%!important;height:49%!important}body[data-page="map"] .top-cities-live{padding:22px 5% 30px}body[data-page="map"] .top-city-card{padding:12px 14px}}
.wall-code-link{position:absolute;z-index:30;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#032f78;color:#fff!important;text-decoration:none;font-weight:700;font-size:clamp(8px,1.1vw,16px);white-space:nowrap;overflow:hidden}.wall-code-link:hover,.wall-code-link:focus{outline:2px solid #38b6ff;outline-offset:2px}
.profile-page{margin:0;background:#f7fbff;color:#062b62;font-family:Arial,sans-serif}.profile-header{height:86px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#002b67;color:#fff}.profile-logo{color:#fff;text-decoration:none;font-size:34px;font-weight:300}.profile-logo b{font-weight:500}.profile-header nav{display:flex;gap:34px}.profile-header nav a{color:#fff;text-decoration:none}.profile-main{max-width:980px;margin:auto;padding:36px 22px 80px}.profile-back{color:#0877df;text-decoration:none}.profile-intro{text-align:center;padding:48px 10px 28px}.profile-kicker{letter-spacing:.28em;font-size:12px;color:#168bdc}.profile-intro h1{font-family:Georgia,serif;font-size:48px;margin:12px 0}.profile-intro p{color:#55708f}.profile-posts{display:grid;gap:18px}.profile-card{background:#fff;border:1px solid #d8e7f6;border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(0,45,103,.05)}.profile-meta{display:flex;gap:12px;align-items:center;color:#6b7f98;font-size:14px}.profile-meta time{margin-left:auto}.profile-emotion{font-weight:700;color:#0877df}.profile-card p{font-size:18px;line-height:1.55;color:#082c60}.profile-stats{border-top:1px solid #e7f0f8;padding-top:14px;color:#647b95;font-size:14px}@media(max-width:700px){.profile-header{height:70px}.profile-header nav{display:none}.profile-logo{font-size:28px}.profile-main{padding-top:24px}.profile-intro{padding-top:34px}.profile-intro h1{font-size:36px}.profile-card{padding:18px}.profile-meta{flex-wrap:wrap}.profile-meta time{width:100%;margin-left:0}}
/* 2026-09-21 REAL WALL: actual approved posts replace baked-in sample cards. */
body[data-page="wall"] .wall-live{position:absolute;z-index:45;left:4.45%;right:4.45%;top:26.45%;height:55.1%;box-sizing:border-box;background:#fff;overflow:hidden;font-family:Arial,sans-serif;color:#062b62}
body[data-page="wall"] .wall-live-card{height:19.15%;min-height:0;box-sizing:border-box;border:1px solid #d5e5f5;border-radius:12px;margin:0 0 1.55%;padding:1.1% 1.8% 0;background:#fff;display:flex;flex-direction:column}
body[data-page="wall"] .wall-live-meta{display:flex;align-items:center;gap:1.3%;font-size:clamp(8px,1.35vw,16px);min-height:20%}
body[data-page="wall"] .wall-live-code{display:inline-flex;align-items:center;justify-content:center;min-width:11%;padding:.55% 1.8%;border-radius:999px;background:#032f78;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
body[data-page="wall"] .wall-live-code:hover,body[data-page="wall"] .wall-live-code:focus{outline:2px solid #38b6ff;outline-offset:2px}
body[data-page="wall"] .wall-live-emotion{color:#637ba2}body[data-page="wall"] .wall-live-meta time{margin-left:auto;color:#637ba2}
body[data-page="wall"] .wall-live-card>p{font-size:clamp(9px,1.5vw,18px);line-height:1.32;margin:1.2% 0;flex:1;overflow:hidden}
body[data-page="wall"] .wall-live-actions{border-top:1px solid #dbe7f3;min-height:29%;display:flex;align-items:center;gap:3%}
body[data-page="wall"] .wall-live-actions button{border:0;background:transparent;color:#05318d;font-size:clamp(8px,1.35vw,16px);cursor:pointer;padding:0}
body[data-page="wall"] .wall-live-actions button:first-child{color:#ef2358}.wall-live-more{margin-left:auto!important;font-weight:800;letter-spacing:2px}
body[data-page="wall"] .wall-live-load{display:block;margin:1% auto 0;border:1px solid #0877df;border-radius:999px;background:#fff;color:#05318d;padding:.8% 4%;font-size:clamp(8px,1.2vw,15px);cursor:pointer}
body[data-page="wall"] .wall-live-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;border:1px solid #d5e5f5;border-radius:14px}.wall-live-empty span{color:#647b95}.wall-live-empty button{border:0;border-radius:999px;background:#16aef0;color:#fff;padding:12px 34px;font-weight:700;cursor:pointer}
@media(max-width:700px){body[data-page="wall"] .wall-live-card{border-radius:8px;padding-left:2%;padding-right:2%}body[data-page="wall"] .wall-live-actions{gap:6%}body[data-page="wall"] .wall-live-code{min-width:14%}}
/* 2026-09-21 81-PROVINCE QA: invisible hit areas exist on both maps; Amasya label repairs the approved homepage artwork without changing its design. */
body[data-page="home"] .map-city-hit{position:absolute;transform:translate(-50%,-50%);width:4.2%;aspect-ratio:1;border:0;border-radius:50%;background:transparent;pointer-events:auto;cursor:pointer;z-index:25}
body[data-page="home"] .amasya-map-label{z-index:29;color:#fff;font-size:clamp(7px,1vw,11px);text-shadow:0 1px 4px #001b42;background:transparent}
body[data-page="home"] .amasya-map-label::before{display:none}
@media(max-width:700px){body[data-page="home"] .map-city-hit{width:5.8%}}
body[data-page="map"] .map-amasya-label{z-index:60;color:#fff;font-size:clamp(7px,1vw,11px);text-shadow:0 1px 4px #001b42;background:transparent}
body[data-page="map"] .map-amasya-label::before{display:none}

/* 2026-09-22 verified frontend fixes */
body[data-page="home"] .amasya-map-label{z-index:80!important;font-size:clamp(8px,1.15vw,12px)!important;font-weight:600!important;line-height:1!important;padding:4px!important;color:#fff!important;text-shadow:0 1px 4px #001b42,0 0 5px #003c79!important}
body[data-page="home"] .amasya-map-label::before{content:''!important;display:block!important;width:4px!important;height:4px!important;border-radius:50%!important;background:#fff!important;margin:0 auto 2px!important;box-shadow:0 0 4px #fff!important}
body[data-page="mine"] .mine-code{left:24.2%;top:24.8%;width:20.5%;height:3.1%;font-size:clamp(12px,2.2vw,23px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#eef8ff}
body[data-page="mine"] .mine-code-cleaner{left:23.8%;top:24.55%;width:21.5%;height:6.2%;background:#fff;z-index:22}
body[data-page="mine"] .mine-nickname{left:24.2%;top:28.05%;width:20.5%;height:2.1%;font-size:clamp(9px,1.35vw,14px);z-index:25}
body[data-page="mine"] .mine-live{position:absolute;z-index:24;left:6.2%;right:6.2%;top:36.1%;height:39.2%;background:#fff;font-family:Arial,sans-serif;color:#062b62;overflow:auto;padding:1.2% 0}
body[data-page="mine"] .mine-empty{height:100%;border:1px solid #d5e5f5;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px;padding:24px;background:#fff}
body[data-page="mine"] .mine-empty b{font-size:clamp(15px,2vw,22px)}body[data-page="mine"] .mine-empty span{font-size:clamp(11px,1.4vw,15px);color:#637da0;line-height:1.4}
body[data-page="mine"] .mine-live-card{border:1px solid #d5e5f5;border-radius:12px;padding:14px;margin-bottom:10px;background:#fff;line-height:1.35}.mine-live-card p{margin:8px 0}.mine-live-card small{color:#637da0}
@media(max-width:700px){body[data-page="mine"] .mine-code{font-size:12px}body[data-page="mine"] .mine-nickname{font-size:10px}body[data-page="mine"] .mine-live{left:6%;right:6%}}
/* 2026-09-22 approved map emotion legend */
body[data-page="map"] .map-emotion-legend{position:absolute;z-index:55;left:5%;right:5%;top:82.2%;min-height:6.8%;display:flex;align-items:center;justify-content:center;gap:2.3%;padding:1% 2%;border:1px solid rgba(126,190,255,.28);border-radius:16px;background:rgba(0,35,79,.92);color:#fff;font-family:Arial,sans-serif;box-sizing:border-box}
body[data-page="map"] .map-emotion-legend .legend-title{margin-right:auto;min-width:24%}body[data-page="map"] .map-emotion-legend .legend-title b{display:block;font-family:Georgia,serif;font-size:clamp(10px,1.4vw,17px)}body[data-page="map"] .map-emotion-legend .legend-title small{opacity:.75;font-size:clamp(7px,.9vw,11px)}
body[data-page="map"] .map-emotion-legend .legend-item{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:clamp(7px,.9vw,11px);white-space:nowrap}.map-emotion-legend .legend-dot{width:clamp(11px,2vw,22px);height:clamp(11px,2vw,22px);border-radius:50%;background:var(--c);box-shadow:0 0 9px color-mix(in srgb,var(--c) 55%,transparent)}
@media(max-width:700px){body[data-page="map"] .map-emotion-legend{left:4%;right:4%;gap:1.6%;padding:.8% 1.5%;border-radius:10px}body[data-page="map"] .map-emotion-legend .legend-title{min-width:25%}.map-emotion-legend .legend-item{font-size:6.5px;gap:3px}}


/* 2026-09-22 MOBILE FLOW FIX: emotion legend is a normal section, never an overlay. */
body[data-page="map"] .map-emotion-legend{
  position:relative!important; z-index:5!important; left:auto!important; right:auto!important; top:auto!important;
  width:auto!important; min-height:0!important; margin:0!important; padding:22px 5%!important;
  display:flex!important; align-items:center!important; justify-content:center!important; gap:2.3%!important;
  border:0!important; border-radius:0!important; background:#001d48!important;
}
body[data-page="map"] .map-emotion-legend + .top-cities-live{padding-top:24px!important}
@media(max-width:700px){
 body[data-page="map"] .map-emotion-legend{padding:18px 4% 22px!important;gap:1.7%!important;flex-wrap:nowrap!important}
 body[data-page="map"] .map-emotion-legend .legend-title{min-width:27%!important;margin-right:auto!important}
 body[data-page="map"] .map-emotion-legend .legend-title b{font-size:11px!important;line-height:1.15!important}
 body[data-page="map"] .map-emotion-legend .legend-title small{font-size:7px!important;line-height:1.2!important;display:block!important;margin-top:3px!important}
 body[data-page="map"] .map-emotion-legend .legend-item{font-size:7px!important;gap:4px!important}
 body[data-page="map"] .map-emotion-legend .legend-dot{width:17px!important;height:17px!important}
 body[data-page="map"] .map-emotion-legend + .top-cities-live{padding-top:22px!important}
}

/* 2026-09-22 HOME-LEGEND PARITY: Duygu Haritasi uses the same visual language as the approved homepage legend. */
body[data-page="map"] .map-emotion-legend{
  position:relative!important; z-index:5!important; left:auto!important; right:auto!important; top:auto!important;
  width:calc(100% - 9%)!important; min-height:0!important; margin:0 4.5% 18px!important; padding:16px 2.5%!important;
  display:flex!important; align-items:center!important; justify-content:space-between!important; gap:1.7%!important;
  border:1px solid rgba(126,190,255,.38)!important; border-radius:18px!important;
  background:rgba(0,35,79,.72)!important; color:#fff!important; box-sizing:border-box!important;
}
body[data-page="map"] .map-emotion-legend .legend-title{margin-right:auto!important;min-width:29%!important;padding-right:1%!important}
body[data-page="map"] .map-emotion-legend .legend-title b{display:block!important;font-family:Georgia,serif!important;font-size:clamp(11px,1.55vw,18px)!important;line-height:1.12!important}
body[data-page="map"] .map-emotion-legend .legend-title small{display:block!important;margin-top:5px!important;opacity:.82!important;font-size:clamp(7px,1vw,12px)!important;line-height:1.2!important}
body[data-page="map"] .map-emotion-legend .legend-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:clamp(8px,1.05vw,12px)!important;line-height:1!important;white-space:nowrap!important;min-width:7.2%!important}
body[data-page="map"] .map-emotion-legend .legend-dot{width:clamp(18px,2.6vw,27px)!important;height:clamp(18px,2.6vw,27px)!important;border-radius:50%!important;background:var(--c)!important;box-shadow:0 0 9px color-mix(in srgb,var(--c) 55%,transparent)!important}
@media(max-width:700px){
 body[data-page="map"] .map-emotion-legend{width:calc(100% - 8%)!important;margin:0 4% 16px!important;padding:13px 2.2%!important;gap:1.15%!important;border-radius:13px!important}
 body[data-page="map"] .map-emotion-legend .legend-title{min-width:30%!important;padding-right:.5%!important}
 body[data-page="map"] .map-emotion-legend .legend-title b{font-size:10px!important;line-height:1.1!important}
 body[data-page="map"] .map-emotion-legend .legend-title small{font-size:6.5px!important;line-height:1.15!important;margin-top:4px!important}
 body[data-page="map"] .map-emotion-legend .legend-item{font-size:7px!important;gap:5px!important;min-width:7.5%!important}
 body[data-page="map"] .map-emotion-legend .legend-dot{width:19px!important;height:19px!important}
}

/* 2026-09-22 verified interaction refinements */
body[data-page="home"] .map-dot{min-width:5px!important;min-height:5px!important;max-width:18px!important;max-height:18px!important;box-shadow:0 0 6px 2px color-mix(in srgb,var(--dot) 55%,transparent)!important}
.map-page-dot{max-width:18px!important;max-height:18px!important}
.reply-identity{display:grid;gap:10px;margin:14px 0}.reply-identity label{display:flex;align-items:center;gap:8px;font-weight:700}.reply-code{box-sizing:border-box;width:100%;padding:12px;border:1px solid #b9d7ef;border-radius:10px;text-transform:uppercase;letter-spacing:.16em}
@media(max-width:700px){body[data-page="home"] .map-dot{max-width:14px!important;max-height:14px!important}}

/* 2026-09-22 verified small live emotion markers */
body[data-page="home"] .map-dot{min-width:0!important;min-height:0!important;max-width:9px!important;max-height:9px!important;border:0!important;box-shadow:0 0 4px 1px color-mix(in srgb,var(--dot) 55%,transparent)!important}
body[data-page="map"] .map-page-dot{min-width:0!important;min-height:0!important;max-width:9px!important;max-height:9px!important;border:0!important;box-shadow:0 0 4px 1px color-mix(in srgb,var(--dot) 55%,transparent)!important}
@media(max-width:700px){body[data-page="home"] .map-dot,body[data-page="map"] .map-page-dot{max-width:8px!important;max-height:8px!important}}

/* 2026-09-22 PREMIUM RETINA POST SYSTEM — one visual language for real backend data */
body[data-page="wall"] .wall-live{left:4.4%;right:4.4%;top:26.3%;height:55.2%;padding:0;background:#fff;overflow:hidden;color:#082f6b;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
body[data-page="wall"] .premium-post-card{height:auto;min-height:18.2%;margin:0 0 1.45%;padding:1.05% 1.65% .2%;border:1px solid #cfe2f3;border-radius:12px;box-shadow:0 2px 8px rgba(0,48,110,.035);background:#fff}
body[data-page="wall"] .premium-post-meta{min-height:0;gap:.7%;font-size:clamp(8px,1.16vw,14px);color:#60789a;line-height:1.2}
body[data-page="wall"] .wall-live-code{min-width:0;padding:0;background:transparent;color:#0b63b6!important;font-weight:700;border-radius:0}
body[data-page="wall"] .premium-city{white-space:nowrap}.premium-sep{color:#a8bad0}.premium-emotion-dot{display:inline-block;width:.72em;height:.72em;border-radius:50%;background:#35c9b2;margin-right:.42em;vertical-align:.02em}
body[data-page="wall"] .wall-live-emotion{display:inline-flex;align-items:center;color:#60789a;white-space:nowrap}body[data-page="wall"] .wall-live-meta time{margin-left:auto;color:#60789a;white-space:nowrap}
body[data-page="wall"] .premium-post-card>p{margin:.75% 0 1%;font-size:clamp(9px,1.45vw,17px);line-height:1.32;color:#082f6b;flex:none;min-height:2.1em}
body[data-page="wall"] .premium-post-actions{min-height:29px;border-top:1px solid #e0ebf5;gap:4.2%;padding:.55% 0}
body[data-page="wall"] .premium-post-actions button{font-weight:600;font-size:clamp(8px,1.18vw,14px)}body[data-page="wall"] .premium-post-actions button:first-child{color:#ed2f67}.wall-live-more{color:#082f6b!important}
body[data-page="wall"] .wall-live-load{margin:.55% auto 0;padding:.55% 3.2%;font-weight:600}
@media(max-width:700px){body[data-page="wall"] .premium-post-card{padding:1.2% 1.7% .2%;border-radius:7px}body[data-page="wall"] .premium-post-meta{font-size:7.5px;gap:.55%}body[data-page="wall"] .premium-post-card>p{font-size:9px;margin:.8% 0}body[data-page="wall"] .premium-post-actions{min-height:22px}body[data-page="wall"] .premium-post-actions button{font-size:7.5px}}

/* Personal area: same premium card grammar, while preserving the approved raster layout around it. */
body[data-page="mine"] .mine-live-card{border:1px solid #cfe2f3;border-radius:12px;padding:12px 14px;margin-bottom:10px;background:#fff;box-shadow:0 2px 8px rgba(0,48,110,.035);color:#082f6b;-webkit-font-smoothing:antialiased}

/* Premium / retina public buti profile */
.profile-page{display:block!important;margin:0;background:#f7fbff;color:#082f6b;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.profile-header{height:92px;padding:0 max(5vw,28px);display:flex;align-items:center;justify-content:space-between;background:#073b79;color:#fff}.profile-logo{display:flex;flex-direction:column;color:#fff;text-decoration:none;font-size:35px;font-weight:300;letter-spacing:-1.3px}.profile-logo span{font-size:10px;letter-spacing:.02em;margin-left:42px;margin-top:-3px}.profile-header nav{display:flex;gap:34px;align-self:stretch;align-items:center}.profile-header nav a{color:#dcecff;text-decoration:none;font-size:14px;padding:36px 0 31px}.profile-header nav a.active{color:#fff;border-bottom:2px solid #fff}.profile-main{max-width:980px;margin:auto;padding:34px 28px 70px}.profile-back{display:inline-block;color:#1689e5;text-decoration:none;font-size:16px}.profile-intro{text-align:center;padding:50px 10px 38px}.profile-kicker{letter-spacing:.32em;font-size:12px;color:#1594e7}.profile-intro h1{font-family:Georgia,serif;font-size:52px;line-height:1;margin:16px 0 18px;color:#073b79}.profile-intro p{margin:0;color:#617b9d;font-size:17px}.profile-posts{display:grid;gap:14px}.premium-profile-card{background:#fff;border:1px solid #cfe2f3;border-radius:14px;padding:18px 22px;box-shadow:0 4px 16px rgba(0,48,110,.04)}.profile-meta{display:flex;gap:10px;align-items:center;color:#60789a;font-size:13px}.profile-emotion{display:inline-flex;align-items:center;color:#60789a;font-weight:400}.profile-emotion i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#35c9b2;margin-right:7px}.premium-profile-card p{font-size:17px;line-height:1.48;color:#082f6b;margin:14px 0 12px;padding-bottom:13px;border-bottom:1px solid #e0ebf5}.profile-stats{display:flex;gap:34px;color:#173b83;font-size:13px}.profile-stats span:first-child{color:#e62e64}.profile-stats b{font-weight:700}.profile-empty{background:#fff;border:1px solid #cfe2f3;border-radius:14px;padding:28px;text-align:center;color:#617b9d}.profile-cta{text-align:center;padding:44px 20px 48px;background:linear-gradient(180deg,#f5faff,#e8f4ff);color:#073b79}.profile-cta>span{color:#e60024;font-size:18px}.profile-cta h2{font-family:Georgia,serif;margin:7px 0 5px;font-size:27px}.profile-cta p{margin:0 0 18px;color:#617b9d}.profile-cta a{display:inline-block;min-width:220px;padding:13px 30px;border-radius:999px;background:#19b8f3;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 7px 20px rgba(25,184,243,.2)}.profile-footer{text-align:center;background:#073b79;color:#dcecff;padding:25px 15px 29px;font-size:12px;line-height:2}.profile-footer a{color:#dcecff;text-decoration:none}.profile-footer i{font-style:normal;margin:0 10px;opacity:.55}
@media(max-width:700px){.profile-header{height:72px;padding:0 24px}.profile-logo{font-size:28px}.profile-logo span{font-size:8px;margin-left:34px}.profile-header nav{display:none}.profile-main{padding:26px 18px 52px}.profile-intro{padding:46px 8px 34px}.profile-kicker{font-size:10px;letter-spacing:.3em}.profile-intro h1{font-size:40px}.profile-intro p{font-size:15px;line-height:1.4}.premium-profile-card{padding:16px 17px;border-radius:12px}.profile-meta{font-size:11px;gap:7px;flex-wrap:wrap}.premium-profile-card p{font-size:16px}.profile-stats{font-size:12px;gap:20px}.profile-cta{padding:36px 18px 40px}.profile-cta h2{font-size:24px}}
/* 2026-09-22 — locked homepage inline composer: no popup on the existing form */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body[data-page="home"] .home-inline-form{position:absolute;z-index:42;left:27.35%;top:22.95%;width:48.55%;height:20.55%;line-height:1.2;font-family:Arial,sans-serif}
body[data-page="home"] .home-inline-text{position:absolute;left:0;top:0;width:100%;height:26.6%;border:0;border-radius:8px;background:#fff;color:#082f6b;padding:1.25% 1.55% 2.2%;font-size:clamp(9px,1.35vw,16px);resize:none;outline:none}
body[data-page="home"] .home-inline-count{position:absolute;right:1.4%;top:20.1%;z-index:2;color:#7b8295;font-size:clamp(8px,1.15vw,14px);pointer-events:none}
body[data-page="home"] .home-inline-emotion,body[data-page="home"] .home-inline-city{position:absolute;left:0;width:100%;height:12.7%;border:0;border-radius:7px;background:#fff;color:#0b2f67;padding:0 2%;font-weight:700;font-size:clamp(8px,1.25vw,15px);outline:none}
body[data-page="home"] .home-inline-emotion{top:29.1%}body[data-page="home"] .home-inline-city{top:43.4%}
body[data-page="home"] .home-inline-consent{position:absolute;left:.45%;top:59.3%;width:5%;height:9%;display:block;cursor:pointer}body[data-page="home"] .home-inline-consent input{width:100%;height:100%;margin:0;opacity:0;cursor:pointer}body[data-page="home"] .home-inline-consent:has(input:checked)::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:800;font-size:clamp(9px,1.4vw,17px);pointer-events:none}
body[data-page="home"] .home-inline-submit{position:absolute;left:.8%;top:80.5%;width:98.4%;height:16.7%;border:0;border-radius:999px;background:transparent;color:transparent;cursor:pointer}
body[data-page="home"] .home-inline-error{position:absolute;left:0;right:0;top:98%;text-align:center;color:#ffd7df;font-size:clamp(7px,.9vw,11px);font-weight:700}
body[data-page="home"] .hotspot[data-action="homeTell"]{z-index:43}
/* Wall: the approved card artwork is the source of truth. Live cards fully cover the old sample cards. */
body[data-page="wall"] .wall-live{z-index:60;background:#fff!important;overflow:hidden!important}
body[data-page="wall"] .premium-post-card{box-shadow:none!important;background:#fff!important;border:1px solid #d5e5f5!important;border-radius:12px!important;padding:1.1% 1.8% 0!important;margin:0 0 1.55%!important;height:19.15%!important;min-height:0!important}
body[data-page="wall"] .premium-post-meta{gap:1.3%!important;font-size:clamp(8px,1.35vw,16px)!important}
body[data-page="wall"] .wall-live-code{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:11%!important;padding:.55% 1.8%!important;border-radius:999px!important;background:#032f78!important;color:#fff!important;text-decoration:none!important;font-weight:700!important;white-space:nowrap!important}
body[data-page="wall"] .premium-post-card>p{font-size:clamp(9px,1.5vw,18px)!important;line-height:1.32!important;margin:1.2% 0!important;flex:1!important;min-height:0!important}
body[data-page="wall"] .premium-post-actions{border-top:1px solid #dbe7f3!important;min-height:29%!important;display:flex!important;align-items:center!important;gap:3%!important;padding:0!important}
body[data-page="wall"] .premium-post-actions button{font-weight:400!important;font-size:clamp(8px,1.35vw,16px)!important}body[data-page="wall"] .premium-post-actions button:first-child{color:#ef2358!important}
@media(max-width:700px){body[data-page="home"] .home-inline-text{border-radius:5px}body[data-page="home"] .home-inline-emotion,body[data-page="home"] .home-inline-city{border-radius:4px}body[data-page="wall"] .premium-post-card{border-radius:8px!important;padding-left:2%!important;padding-right:2%!important}body[data-page="wall"] .wall-live-code{min-width:14%!important}}
/* 2026-09-22 final cleanup: cover all baked demo identity/count data in Benim buti'm and render only backend values. */
body[data-page="mine"] .mine-code-cleaner{left:23.4%!important;top:24.25%!important;width:22.4%!important;height:6.15%!important;background:#fff!important;z-index:23!important}
body[data-page="mine"] .mine-code{z-index:26!important;background:#eef8ff!important}
body[data-page="mine"] .mine-nickname{z-index:26!important}
body[data-page="mine"] .mine-tabs-live{position:absolute;z-index:28;left:6.25%;right:6.25%;top:32.25%;height:3.75%;display:grid;grid-template-columns:1fr 1fr;gap:.8%;font-family:Arial,sans-serif;line-height:1}
body[data-page="mine"] .mine-tabs-live button{border-radius:999px;font:400 clamp(9px,1.55vw,17px)/1 Arial,sans-serif;cursor:pointer}
body[data-page="mine"] .mine-post-tab{border:0;background:#0877ed;color:#fff}
body[data-page="mine"] .mine-reply-tab{border:1px solid #b7d9f4;background:#fff;color:#082f8d}
@media(max-width:700px){body[data-page="mine"] .mine-tabs-live{top:32.2%;height:3.8%}body[data-page="mine"] .mine-tabs-live button{font-size:9px}}
/* Keep the one live HTML header on the public profile visually aligned with the approved raster menus. */
.profile-header nav a{font-family:Arial,sans-serif!important;font-weight:400!important;letter-spacing:0!important}

/* 2026-09-22 PHASE6B — Haftanin Konusu uses the same premium header language as the approved homepage. */
body[data-page="week"] .menu-toggle{display:none!important}
body[data-page="week"] .week-global-header{position:absolute;z-index:44;left:0;right:0;top:0;height:6.05%;background:#073b79;display:flex;align-items:center;padding:0 5.2%;line-height:1;font-family:Arial,sans-serif;color:#fff}
body[data-page="week"] .week-global-brand{position:relative;color:#fff;text-decoration:none;font-size:clamp(18px,3.15vw,34px);font-weight:300;letter-spacing:-1.25px;white-space:nowrap}
body[data-page="week"] .week-global-brand .buti{font-weight:300}body[data-page="week"] .week-global-brand .star{position:absolute;color:#e71937;font-size:.28em;left:31%;top:-.12em}body[data-page="week"] .week-global-brand small{display:block;font-size:.28em;letter-spacing:.01em;margin-left:39%;margin-top:.25em;font-weight:400;color:#fff}
body[data-page="week"] .week-global-nav{margin-left:auto;display:flex;align-items:stretch;height:100%;gap:clamp(18px,3vw,38px)}
body[data-page="week"] .week-global-nav a{position:relative;display:flex;align-items:center;color:#eaf4ff;text-decoration:none;font-size:clamp(9px,1.22vw,14px);font-weight:400;white-space:nowrap}
body[data-page="week"] .week-global-nav a.active::after{content:'';position:absolute;left:0;right:0;bottom:18%;height:2px;border-radius:2px;background:#38b6ff;box-shadow:0 0 7px rgba(56,182,255,.5)}
body[data-page="week"] .week-global-tell{margin-left:clamp(18px,3vw,38px);min-width:12.5%;border:0;border-radius:999px;background:#38b6ff;color:#fff;padding:0 2.6%;height:45%;font-size:clamp(9px,1.18vw,13px);font-weight:700;letter-spacing:.05em;cursor:pointer;box-shadow:0 6px 18px rgba(56,182,255,.2)}
@media(max-width:700px){body[data-page="week"] .week-global-header{height:6.05%;padding:0 5.2%}body[data-page="week"] .week-global-brand{font-size:clamp(17px,4.7vw,28px)}body[data-page="week"] .week-global-nav{gap:clamp(10px,2.7vw,20px)}body[data-page="week"] .week-global-nav a{font-size:clamp(7px,1.65vw,10px)}body[data-page="week"] .week-global-tell{margin-left:clamp(10px,2.7vw,20px);font-size:clamp(7px,1.7vw,10px);min-width:13%;padding:0 2%}}
/* PHASE6C: only the weekly page header action changes: ANLAT -> hamburger. */
body[data-page="week"] .week-global-menu{margin-left:clamp(18px,3vw,38px);width:44px;height:44px;border:0;background:transparent;padding:8px;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}
body[data-page="week"] .week-global-menu i{display:block;width:30px;height:2px;border-radius:4px;background:#fff}
body[data-page="week"] .week-live-hero{position:absolute;z-index:38;left:0;right:0;top:6.05%;height:39.2%;background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;padding:3% 8.8%;font-family:Arial,sans-serif}
body[data-page="week"] .week-live-hero>div{max-width:58%}body[data-page="week"] .week-live-hero span{font-size:clamp(9px,1.25vw,15px);letter-spacing:.35em}body[data-page="week"] .week-live-hero h1{font-family:Georgia,serif;font-size:clamp(34px,5vw,68px);font-weight:400;margin:.3em 0 .18em}body[data-page="week"] .week-live-hero p{font-size:clamp(12px,1.45vw,20px);margin:.2em 0}body[data-page="week"] .week-live-hero button{display:block;margin:1.4em 0 1.2em;border:0;border-radius:999px;background:#38b6ff;color:#fff;padding:.9em 3.8em;font-weight:700;font-size:clamp(11px,1.3vw,16px)}body[data-page="week"] .week-live-hero small,body[data-page="week"] .week-live-hero em{display:block;margin-top:.45em;font-size:clamp(9px,1.05vw,14px)}
@media(max-width:700px){body[data-page="week"] .week-global-menu{margin-left:10px;width:34px;height:34px;padding:5px;gap:4px}body[data-page="week"] .week-global-menu i{width:23px}body[data-page="week"] .week-live-hero>div{max-width:70%}}

/* PHASE6D — approved Home/Map header continuity + tablet/full-width + Retina-safe rendering */
html,body{width:100%;margin:0;padding:0}
body{display:block}
#site{width:100%;max-width:none;margin:0 auto}
.design{width:100%;height:auto;image-rendering:auto}
body[data-page="home"] #site,body[data-page="map"] #site{width:100%;max-width:none}
.master-global-header{position:absolute;z-index:80;left:0;right:0;top:0;height:6.05%;min-height:58px;background:linear-gradient(90deg,#063a78,#0755a9);display:flex;align-items:center;padding:0 5.2%;line-height:1;font-family:Arial,sans-serif;color:#fff;box-sizing:border-box}
.master-global-brand{color:#fff;text-decoration:none;font-size:clamp(25px,3.15vw,38px);font-weight:300;letter-spacing:-1.5px;white-space:nowrap;line-height:1}.master-global-brand>span{display:block}.master-global-brand .brand-i{position:relative}.master-global-brand .brand-i i{position:absolute;color:#e71937;font-style:normal;font-size:.29em;left:.24em;top:-.72em;text-shadow:none}
.master-global-nav{margin-left:auto;display:flex;align-items:stretch;height:100%;gap:clamp(20px,3vw,42px)}.master-global-nav a{position:relative;display:flex;align-items:center;color:#fff;text-decoration:none;font-size:clamp(11px,1.22vw,15px);font-weight:400;white-space:nowrap}.master-global-nav a.active::after{content:'';position:absolute;left:0;right:0;bottom:18%;height:2px;border-radius:2px;background:#38b6ff;box-shadow:0 0 7px rgba(56,182,255,.55)}
.master-global-menu{margin-left:clamp(20px,3vw,42px);width:44px;height:44px;border:0;background:transparent;padding:7px;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}.master-global-menu i{display:block;width:30px;height:2px;border-radius:4px;background:#fff}
/* Weekly topic: live admin hero fully replaces the baked hero so text can never double-render. */
body[data-page="week"] .week-global-header{display:none!important}
body[data-page="week"] .week-live-hero{z-index:70;top:6.05%;background-color:#164f87;background-repeat:no-repeat;background-size:cover;isolation:isolate}
body[data-page="week"] .week-live-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,35,77,.58),rgba(5,35,77,.10))}
@media(max-width:1100px){.master-global-header{padding-left:4.5%;padding-right:4.5%}.master-global-nav{gap:clamp(14px,2.2vw,26px)}.master-global-menu{margin-left:clamp(14px,2.2vw,26px)}}
@media(max-width:760px){.master-global-header{min-height:54px;height:6.05%;padding:0 4.5%}.master-global-brand{font-size:clamp(22px,5.8vw,31px)}.master-global-nav{display:none}.master-global-menu{margin-left:auto;width:38px;height:38px}.master-global-menu i{width:26px}body[data-page="week"] .week-live-hero>div{max-width:78%}}
/* PHASE6E — exact approved Home header artwork reused on every secondary page. */
.master-global-header{background:#011b4d url('header-home-master.jpg?v=20260922-PHASE6E') center/100% 100% no-repeat!important;height:6.05%!important;min-height:0!important;padding:0 5.2%!important}
.master-global-brand{visibility:hidden!important}
.master-global-nav a{color:transparent!important;text-shadow:none!important}
.master-global-nav a.active::after{background:#38b6ff!important;opacity:1!important}
.master-global-menu{position:absolute!important;right:4.6%!important;margin:0!important;width:52px!important;height:44px!important;z-index:2!important}
.master-global-menu i{width:30px!important;background:#fff!important}
@media(max-width:760px){.master-global-header{height:6.05%!important;min-height:0!important;padding:0 4.5%!important;background-size:100% 100%!important}.master-global-menu{right:3.8%!important;width:42px!important;height:38px!important}.master-global-menu i{width:26px!important}}

/* PHASE6F — restore functional approved header navigation + hamburger without changing artwork */
body[data-page="home"] .menu-toggle,
body[data-page="map"] .menu-toggle,
body[data-page="week"] .menu-toggle{display:block!important}
.menu-toggle{z-index:120!important;right:3.2%;top:1.05%;width:52px;height:44px;aspect-ratio:auto!important}
.menu-toggle::before,.menu-toggle::after{content:"";position:absolute;left:11px;right:11px;height:2px;background:#fff;border-radius:4px;box-shadow:0 8px 0 #fff}
.menu-toggle::before{top:12px}.menu-toggle::after{top:28px;box-shadow:none}
body[data-page="home"] .hotspots> .hotspot[aria-label="Ana Sayfa"],
body[data-page="home"] .hotspots> .hotspot[aria-label="Duygu Duvarı"],
body[data-page="home"] .hotspots> .hotspot[aria-label="Haftanın Konusu"],
body[data-page="home"] .hotspots> .hotspot[aria-label="buti Nedir?"],
body[data-page="home"] .hotspots> .hotspot[aria-label="Üst ANLAT"],
body[data-page="map"] .hotspots> .hotspot[aria-label="Anasayfa"],
body[data-page="map"] .hotspots> .hotspot[aria-label="Duygu Duvarı"],
body[data-page="map"] .hotspots> .hotspot[aria-label="Haftanın Konusu"],
body[data-page="map"] .hotspots> .hotspot[aria-label="buti Nedir?"],
body[data-page="map"] .hotspots> .hotspot[aria-label="Üst ANLAT"]{z-index:110!important;pointer-events:auto!important}
@media(max-width:760px){.menu-toggle{right:2.8%!important;top:.7%!important;width:42px!important;height:38px!important}.menu-toggle::before,.menu-toggle::after{left:8px;right:8px}.menu-toggle::before{top:10px}.menu-toggle::after{top:26px}}
/* PHASE6G — verified clickable header hitboxes aligned to the approved Home header artwork. */
.master-global-nav{position:absolute!important;inset:0!important;margin:0!important;display:block!important;height:100%!important;pointer-events:none!important}
.master-global-nav a{position:absolute!important;top:0!important;height:100%!important;display:block!important;pointer-events:auto!important;font-size:0!important;color:transparent!important}
.master-global-nav a[href="index.html"]{left:27.7%!important;width:8.5%!important}
.master-global-nav a[href="duygu-duvari.html"]{left:39.0%!important;width:10.8%!important}
.master-global-nav a[href="haftanin-konusu.html"]{left:51.8%!important;width:13.5%!important}
.master-global-nav a[href="buti-nedir.html"]{left:66.2%!important;width:10.2%!important}
.master-global-nav a.active::after{left:8%!important;right:8%!important;bottom:15%!important}
.master-global-menu{pointer-events:auto!important}
@media(max-width:760px){.master-global-nav{display:none!important}}

/* PHASE7 — functional parity fixes; approved raster artwork remains untouched. */
body[data-page="home"] .home-inline-emotion,body[data-page="home"] .home-inline-city{background:#fff!important;opacity:1!important;-webkit-appearance:auto;appearance:auto;color:#0b2f67!important;text-shadow:none!important}
.menu-return{width:100%;margin:0 0 10px;border:1px solid rgba(94,211,255,.55);border-radius:999px;background:transparent;color:#fff;padding:12px 14px;font-weight:700;cursor:pointer}.menu-tell{width:100%;border:0;border-radius:999px;background:#38b6ff;color:#fff;padding:13px;font-weight:800;cursor:pointer}
.home-returning{position:absolute;z-index:44;left:31%;top:44.1%;width:38%;height:2.2%;border:0;background:transparent;color:#0c62a8;font-size:clamp(7px,.95vw,11px);font-weight:700;cursor:pointer;line-height:1}
.search-hint{padding:14px;color:#637da0;line-height:1.4}.search-list button small{color:#637da0;line-height:1.35}
body[data-page="wall"] .wall-tools{position:absolute;z-index:72;left:4.6%;right:4.6%;top:21.4%;height:4.1%;display:flex;align-items:center;gap:.7%;overflow-x:auto;scrollbar-width:none;line-height:1;font-family:Arial,sans-serif;background:#fff;padding:0 .4%}.wall-tools::-webkit-scrollbar{display:none}.wall-tools button{flex:0 0 auto;border:1px solid #d8e6f4;border-radius:999px;background:#fff;color:#0b3b7d;padding:.65% 1.25%;font-size:clamp(7px,1vw,12px);font-weight:700;cursor:pointer}.wall-tools button[data-wall-search]{border-color:#38b6ff;color:#0877df}
body[data-page="thanks"] #site{overflow:visible}.thanks-insight{position:absolute;z-index:30;left:24%;top:52.5%;width:52%;background:#fff;border:1px solid #d8e7f5;border-radius:16px;padding:2.1%;font-family:Arial,sans-serif;line-height:1.35;color:#08356f;box-shadow:0 12px 35px rgba(0,45,103,.08)}.thanks-insight h3{font:700 clamp(15px,2vw,22px)/1.2 Georgia,serif;margin:0 0 7px}.thanks-insight p{font-size:clamp(8px,1.05vw,12px);color:#627b99;margin:0 0 10px}.thanks-insight label{display:block;font-size:clamp(8px,1.05vw,12px);font-weight:700;margin:8px 0}.thanks-insight label small{font-weight:400;color:#71849d}.thanks-insight select{display:block;width:100%;margin-top:5px;border:1px solid #c9deef;border-radius:9px;background:#fff;color:#0b3b7d;padding:8px}.thanks-insight-actions{display:flex;gap:8px;margin-top:10px}.thanks-insight-actions button{flex:1;border-radius:999px;padding:9px;border:1px solid #38b6ff;background:#fff;color:#0877df;font-weight:800;cursor:pointer}.thanks-insight-actions button:first-child{background:#38b6ff;color:#fff}.privacy-note{display:block;text-align:center;color:#71849d;margin-top:7px}.thanks-nickname{background:#fff!important;opacity:1!important;z-index:31!important}
@media(max-width:700px){.home-returning{left:22%;width:56%;font-size:7px}.wall-tools{gap:5px!important}.wall-tools button{padding:4px 7px!important;font-size:7px!important}.thanks-insight{left:12%;width:76%;top:52%;padding:3%;border-radius:10px}.thanks-insight select{padding:5px}.thanks-insight-actions button{padding:6px;font-size:8px}}

/* 2026-09-23 iPad/retina wall-to-footer boundary fix.
   Keep the live wall strictly above the approved bottom CTA artwork so the
   red star / headline can never be clipped or covered by the white live layer. */
body[data-page="wall"] .wall-live{
  height:54.35%!important;
  max-height:54.35%!important;
  bottom:auto!important;
}

/* 2026-09-23 PHASE7B — requested menu/header/footer cleanup; raster design otherwise untouched. */
.menu-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(0,18,48,.34)!important}
/* Home: remove the baked top-right ANLAT visually and use only the hamburger. */
body[data-page="home"] #site::after{content:"";position:absolute;z-index:105;right:0;top:0;width:18.5%;height:6.05%;background:#031c4e;pointer-events:none}
body[data-page="home"] .menu-toggle{z-index:121!important}
body[data-page="home"] .hotspots>.hotspot[aria-label="Üst ANLAT"]{display:none!important}
/* Footer legend mirrors the exact emotion dropdown set and colors, without changing the surrounding artwork. */
body[data-page="home"] .home-emotion-legend{position:absolute;z-index:70;left:4.55%;right:4.55%;bottom:.85%;height:5.55%;display:flex;align-items:center;justify-content:center;gap:1.15%;padding:.55% 1.35%;border:1px solid rgba(120,191,255,.34);border-radius:18px;background:#03214f;font-family:Arial,sans-serif;color:#fff;line-height:1;box-sizing:border-box}
body[data-page="home"] .home-legend-copy{width:27%;margin-right:auto}.home-legend-copy b{display:block;font-family:Georgia,serif;font-size:clamp(10px,1.45vw,17px);line-height:1.15}.home-legend-copy small{display:block;margin-top:6px;font-size:clamp(7px,.9vw,11px);line-height:1.15;opacity:.88}
body[data-page="home"] .home-legend-item{min-width:6.6%;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:clamp(7px,.85vw,11px);white-space:nowrap}.home-legend-item i{display:block;width:clamp(16px,2.15vw,25px);height:clamp(16px,2.15vw,25px);border-radius:50%;background:var(--c);box-shadow:0 0 9px color-mix(in srgb,var(--c) 45%,transparent)}
@media(max-width:760px){body[data-page="home"] #site::after{width:18%;height:6.05%}body[data-page="home"] .home-emotion-legend{left:3%;right:3%;bottom:.7%;height:6.1%;gap:.5%;padding:.5% 1%;border-radius:10px}body[data-page="home"] .home-legend-copy{width:25%}.home-legend-copy b{font-size:7px}.home-legend-copy small{font-size:5px;margin-top:3px}.home-legend-item{min-width:7.5%!important;gap:3px!important;font-size:5.5px!important}.home-legend-item i{width:13px!important;height:13px!important}}

/* 2026-09-23 PHASE7C — premium header/menu + duplicate-layer cleanup. */
/* Reuse the approved CTA-free header artwork so the hamburger belongs to the header instead of sitting on a patch. */
body[data-page="home"] #site::before{content:"";position:absolute;z-index:106;left:0;right:0;top:0;height:6.33%;background:#011b4d url('header-home-master.jpg?v=20260923-PHASE7C') center top/100% 100% no-repeat;pointer-events:none}
body[data-page="home"] #site::after{display:none!important}
body[data-page="home"] .menu-toggle{z-index:122!important;right:3.35%!important;top:.72%!important}
body[data-page="home"] .hotspots>.hotspot[aria-label="Ana Sayfa"],body[data-page="home"] .hotspots>.hotspot[aria-label="Duygu Duvarı"],body[data-page="home"] .hotspots>.hotspot[aria-label="Haftanın Konusu"],body[data-page="home"] .hotspots>.hotspot[aria-label="buti Nedir?"],body[data-page="home"] .hotspots>.hotspot[aria-label="buti talk ana sayfa"]{z-index:123!important}

/* The approved footer already contains a legend. Cover that exact box once, then render the live complete emotion set once. */
body[data-page="home"] .home-emotion-legend{left:4.5%!important;right:4.5%!important;top:91.85%!important;bottom:auto!important;height:5.9%!important;padding:.55% 1.35%!important;background:#03214f!important;border:1px solid rgba(120,191,255,.34)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:none!important}

/* Live controls fully cover the baked placeholder text: no ghost/blurred duplicate text underneath. */
body[data-page="home"] .home-inline-emotion,body[data-page="home"] .home-inline-city{z-index:5!important;background:#fff!important;background-image:none!important;opacity:1!important;box-shadow:0 0 0 2px #fff!important;text-shadow:none!important}

/* Menu is part of the same premium navy visual language, with restrained emotion accents rather than a flat white panel. */
.menu-panel{background:linear-gradient(180deg,#03265d 0%,#021c49 58%,#01183f 100%)!important;border-left:1px solid rgba(92,198,255,.22)!important;box-shadow:-18px 0 55px rgba(0,18,48,.34)!important}
.menu-panel .menu-links a{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;padding-left:28px!important}
.menu-panel .menu-links a::before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%);background:#38b6ff;box-shadow:0 0 10px rgba(56,182,255,.38)}
.menu-panel .menu-links a:nth-child(2)::before{background:#ff4f73}.menu-panel .menu-links a:nth-child(3)::before{background:#8d4cf3}.menu-panel .menu-links a:nth-child(4)::before{background:#49d477}.menu-panel .menu-links a:nth-child(5)::before{background:#32c7ea}.menu-panel .menu-links a.active{color:#fff!important;background:rgba(56,182,255,.08)!important}
.menu-panel .menu-links a.active::after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:#38b6ff}
.menu-return{background:rgba(255,255,255,.035)!important;border-color:rgba(94,211,255,.45)!important}

@media(max-width:760px){body[data-page="home"] #site::before{height:6.33%}body[data-page="home"] .menu-toggle{right:2.9%!important;top:.65%!important}.home-emotion-legend{border-radius:10px!important}}

/* 2026-09-24 LAUNCH CORRECTIONS — unified menu, CTA cleanup, wall emotion accents. */
/* Navigation items are navigation, not emotions: no colored dots. */
.menu-panel .menu-links a{padding-left:12px!important}
.menu-panel .menu-links a::before{display:none!important;content:none!important}
/* One hamburger only: the shared .menu-toggle is the sole menu control. */
.master-global-menu{display:none!important}
/* Returning-user CTA: readable, separated from ANLAT and moderation copy. */
body[data-page="home"] .home-returning{left:28%!important;top:40.55%!important;width:44%!important;height:2.4%!important;color:#38b6ff!important;font-size:clamp(8px,1.05vw,12px)!important;line-height:1.2!important;white-space:nowrap!important;text-align:center!important}
/* Map: cover the baked ANLAT area with the same header artwork; shared hamburger sits above it. */
body[data-page="map"] #site::before{content:"";position:absolute;z-index:106;left:0;right:0;top:0;height:6.33%;background:#011b4d url('header-home-master.jpg?v=20260924-LAUNCH') center top/100% 100% no-repeat;pointer-events:none}
body[data-page="map"] .menu-toggle{z-index:122!important;right:3.35%!important;top:.72%!important}
body[data-page="map"] .hotspots>.hotspot[aria-label="Üst ANLAT"]{display:none!important}
body[data-page="map"] .hotspots>.hotspot[aria-label="Ana Sayfa"],body[data-page="map"] .hotspots>.hotspot[aria-label="Duygu Duvarı"],body[data-page="map"] .hotspots>.hotspot[aria-label="Haftanın Konusu"],body[data-page="map"] .hotspots>.hotspot[aria-label="buti Nedir?"]{z-index:123!important}
/* Wall filters keep premium white pills, with restrained emotion-color accents. */
body[data-page="wall"] .wall-tools button[data-emotion]{--ec:#38b6ff;border-color:color-mix(in srgb,var(--ec) 48%,#d8e6f4)!important;box-shadow:inset 0 -2px 0 var(--ec);position:relative}
body[data-page="wall"] .wall-tools button[data-emotion="Mutluluk"]{--ec:#ffc83d}body[data-page="wall"] .wall-tools button[data-emotion="Hüzün"]{--ec:#ff4f73}body[data-page="wall"] .wall-tools button[data-emotion="Kaygı"]{--ec:#8d4cf3}body[data-page="wall"] .wall-tools button[data-emotion="Yalnızlık"]{--ec:#7b61d1}body[data-page="wall"] .wall-tools button[data-emotion="Sevgi"]{--ec:#f05d8b}body[data-page="wall"] .wall-tools button[data-emotion="Umut"]{--ec:#49d477}body[data-page="wall"] .wall-tools button[data-emotion="Sakinlik"]{--ec:#32c7ea}body[data-page="wall"] .wall-tools button[data-emotion="Öfke"]{--ec:#ff8547}body[data-page="wall"] .wall-tools button[data-emotion="Diğer"]{--ec:#9aa6b8}
/* Premium live post actions. */
body[data-page="wall"] .premium-post-actions button{border:1px solid #d9e8f5!important;background:#fff!important;color:#0b3b7d!important;border-radius:999px!important;font-weight:700!important;transition:.15s ease!important}
body[data-page="wall"] .premium-post-actions button:hover,body[data-page="wall"] .premium-post-actions button:focus-visible{border-color:#38b6ff!important;box-shadow:0 0 0 3px rgba(56,182,255,.10)!important}
@media(max-width:760px){body[data-page="home"] .home-returning{left:18%!important;width:64%!important;top:40.55%!important;font-size:7px!important}body[data-page="map"] #site::before{height:6.33%}body[data-page="map"] .menu-toggle{right:2.9%!important;top:.65%!important}}


/* 2026-09-24 WALL RESTORE — keep the approved Duygu Duvari artwork/header intact.
   Only functional live data/actions sit over the approved post area. */
body[data-page="wall"] .master-global-header{display:none!important}
body[data-page="wall"] .menu-toggle{z-index:122!important;right:3.35%!important;top:.72%!important}
body[data-page="wall"] .wall-live-card>p{
  overflow:visible!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
body[data-page="wall"] .wall-live-meta{min-width:0!important;white-space:nowrap!important}
body[data-page="wall"] .wall-live-emotion,body[data-page="wall"] .premium-city{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
body[data-page="wall"] .premium-post-actions button{min-height:28px!important;padding:4px 10px!important;line-height:1.1!important;white-space:nowrap!important}
body[data-page="wall"] .wall-live-more{border:0!important;padding:4px 8px!important}
@media(max-width:760px){
  body[data-page="wall"] .menu-toggle{right:2.9%!important;top:.65%!important}
  body[data-page="wall"] .wall-live-meta{font-size:clamp(7px,1.55vw,11px)!important;gap:1%!important}
  body[data-page="wall"] .wall-live-card>p{font-size:clamp(8px,1.7vw,12px)!important;line-height:1.25!important}
  body[data-page="wall"] .premium-post-actions{gap:2%!important}
  body[data-page="wall"] .premium-post-actions button{font-size:clamp(7px,1.55vw,10px)!important;min-height:22px!important;padding:3px 6px!important}
}

/* 2026-09-24 MOBILE LOCKED REFERENCE — minimal responsive correction only.
   Preserve approved raster artwork, typography, colors and page content. */
@media (max-width:760px){
  html,body{width:100%;max-width:100%;margin:0!important;padding:0!important;overflow-x:hidden!important;background:#fff}
  #site{width:100vw!important;max-width:100vw!important;margin:0!important;overflow:hidden!important}
  .design{display:block!important;width:100vw!important;max-width:100vw!important;height:auto!important;margin:0!important;object-fit:contain!important;object-position:top center!important}

  /* One consistent thin header system; never stack a second header. */
  .master-global-header{width:100vw!important;left:0!important;right:0!important;top:0!important;height:6.05%!important;min-height:0!important;background-size:100% 100%!important}
  .master-global-menu{display:none!important}
  .menu-toggle{display:block!important;z-index:140!important;right:2.8vw!important;top:.62%!important;width:38px!important;height:34px!important;padding:0!important}
  .menu-toggle::before,.menu-toggle::after{left:7px!important;right:7px!important;height:2px!important}
  .menu-toggle::before{top:8px!important;box-shadow:0 8px 0 #fff!important}
  .menu-toggle::after{top:24px!important;box-shadow:none!important}

  /* Locked mobile behavior: slide menu fills the phone viewport. */
  .menu-panel{inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100vh!important;padding:72px 24px 30px!important;overflow-y:auto!important}
  .menu-backdrop{display:none!important}
  .menu-backdrop.open{display:none!important}

  /* Keep homepage/map/wall overlays tied to the same proportional artwork. */
  body[data-page="home"] #site,body[data-page="map"] #site,body[data-page="wall"] #site{width:100vw!important;max-width:100vw!important}
  body[data-page="home"] .map-live{left:6%!important;right:6%!important;top:59.2%!important;height:25.5%!important}
  body[data-page="home"] .home-emotion-legend{left:3.5%!important;right:3.5%!important;width:auto!important;overflow:hidden!important}
  body[data-page="map"] #site::before{width:100%!important;background-size:100% 100%!important}

  /* No horizontal clipping in live wall controls/cards. */
  body[data-page="wall"] .wall-live{left:3.8%!important;right:3.8%!important;width:auto!important}
  body[data-page="wall"] .wall-live-card{max-width:100%!important;overflow:hidden!important}
}


/* 2026-09-24 R2 — locked-reference mobile/nav corrections only. */
/* Remove the unwanted returning-user text above ANLAT completely. */
body[data-page="home"] .home-returning{display:none!important}

/* Close control is drawn with CSS, not the × glyph, preventing the clipped lower fragment. */
.menu-close{font-size:0!important;width:44px!important;height:44px!important;right:14px!important;top:14px!important;padding:0!important;overflow:hidden!important}
.menu-close::before,.menu-close::after{content:"";position:absolute;left:9px;right:9px;top:21px;height:2px;background:#fff;border-radius:3px;box-shadow:none!important}
.menu-close::before{transform:rotate(45deg)}.menu-close::after{transform:rotate(-45deg)}
.menu-panel:not(.open){visibility:hidden!important;pointer-events:none!important}
.menu-panel.open{visibility:visible!important;pointer-events:auto!important}

/* All approved raster pages scale to the actual viewport; no desktop-width child may enlarge mobile. */
@media (max-width:760px){
  html{width:100%!important;min-width:0!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%}
  body{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
  #site{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
  #site>.design{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;transform:none!important}
  #site>*{max-width:100%}
  .hotspots{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .modal-backdrop{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}
  .modal{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important}
  .menu-panel{left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;transform:translateX(105%)!important}
  .menu-panel.open{transform:translateX(0)!important}
  .menu-close{right:12px!important;top:12px!important}

  /* Header text stays clickable on every secondary page even though its text comes from locked artwork. */
  .master-global-nav{display:block!important;position:absolute!important;inset:0!important;height:100%!important;pointer-events:none!important}
  .master-global-nav a{display:block!important;position:absolute!important;top:0!important;height:100%!important;pointer-events:auto!important;font-size:0!important;color:transparent!important}
  .master-global-nav a[href="index.html"]{left:27.7%!important;width:8.5%!important}
  .master-global-nav a[href="duygu-duvari.html"]{left:39%!important;width:10.8%!important}
  .master-global-nav a[href="haftanin-konusu.html"]{left:51.8%!important;width:13.5%!important}
  .master-global-nav a[href="buti-nedir.html"]{left:66.2%!important;width:10.2%!important}
}
\n/* 2026-09-24 R3 — Duygu Duvari locked header + mobile menu bug fix. */
/* Duygu Duvari must use the same approved master header/logo/navigation as the rest of the site. */
body[data-page="wall"] .master-global-header{display:flex!important;z-index:130!important}
body[data-page="wall"] .master-global-nav{display:block!important}
body[data-page="wall"] .menu-toggle{z-index:141!important}
/* The shared hamburger is the only visible menu trigger. */
body[data-page="wall"] .master-global-menu{display:none!important}
/* Closed menu must be fully off-canvas; open menu is a single full-screen layer. */
.menu-panel{visibility:hidden!important;pointer-events:none!important;transform:translateX(105%)!important}
.menu-panel.open{visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important}
.menu-close{border:0!important;background:transparent!important;box-shadow:none!important}
@media(max-width:760px){
 body[data-page="wall"] .master-global-header{display:flex!important;width:100vw!important}
 body[data-page="wall"] .master-global-nav{display:block!important}
 .menu-panel{inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;margin:0!important;border:0!important}
 .menu-panel:not(.open){visibility:hidden!important;pointer-events:none!important;transform:translateX(105%)!important}
 .menu-panel.open{visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important}
}

/* 2026-09-24 R4 — navigation isolation + wall mobile header cleanup. */
/* The full-screen menu must always sit above map/province hit targets and every page overlay. */
.menu-panel{z-index:1000!important}
.menu-panel.open{z-index:1000!important}
.menu-backdrop{z-index:990!important}
.menu-toggle{z-index:1002!important}
.menu-close{z-index:1003!important}
.modal-backdrop{z-index:1100!important}
/* While the menu is open, no underlying map/hotspot may receive the tap. */
body:has(.menu-panel.open) #site .hotspots,
body:has(.menu-panel.open) #site .map-live,
body:has(.menu-panel.open) #site .map-page-live{pointer-events:none!important}
/* Duygu Duvari: suppress the old large baked-in logo/header fragment below the shared header. */
body[data-page="wall"] #site::after{content:"";position:absolute;z-index:20;left:0;right:0;top:6.05%;height:16.5%;background:#002a61;pointer-events:none}
body[data-page="wall"] .master-global-header{z-index:130!important}
body[data-page="wall"] .wall-tools,body[data-page="wall"] .wall-live{z-index:40!important}
@media(max-width:760px){
 body[data-page="wall"] #site::after{top:6.05%!important;height:16.5%!important;background:#002a61!important}
 .menu-panel{z-index:1000!important}
 .menu-toggle{z-index:1002!important}
}
body.menu-open #site .hotspots,body.menu-open #site .map-live,body.menu-open #site .map-page-live{pointer-events:none!important}

/* 2026-09-24 R5 — single hamburger visual on every breakpoint.
   The approved locked header artwork already contains the 3-line hamburger.
   Keep the shared .menu-toggle as the functional hit target only; never draw a second icon over it. */
.menu-toggle::before,.menu-toggle::after{display:none!important;content:none!important;box-shadow:none!important}
.master-global-menu{display:none!important}
.menu-toggle{background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:760px){
 .menu-toggle::before,.menu-toggle::after{display:none!important;content:none!important}
 .master-global-menu{display:none!important}
}

/* 2026-09-24 R6 — launch-critical wall/header restoration. */
/* R4 accidentally covered the approved Duygu Duvari hero. Restore the locked artwork. */
body[data-page="wall"] #site::after{display:none!important;content:none!important}
/* Every page uses one visible functional 3-line hamburger. */
.menu-toggle{display:block!important;position:absolute!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.menu-toggle::before,.menu-toggle::after{display:block!important;content:""!important;position:absolute!important;left:7px!important;right:7px!important;height:2px!important;background:#fff!important;border-radius:3px!important}
.menu-toggle::before{top:8px!important;box-shadow:0 8px 0 #fff!important}
.menu-toggle::after{top:24px!important;box-shadow:none!important}
/* Keep the secondary-page header identical to the approved master header, including wall. */
body[data-page="wall"] .master-global-header{display:flex!important;z-index:130!important}
body[data-page="wall"] .master-global-nav{display:block!important}
body[data-page="wall"] .wall-tools{z-index:72!important;top:21.4%!important}
body[data-page="wall"] .wall-live{z-index:45!important;top:26.45%!important}
@media(max-width:760px){
 .menu-toggle{right:2.8vw!important;top:.62%!important;width:38px!important;height:34px!important}
 .menu-toggle::before,.menu-toggle::after{display:block!important;content:""!important;left:7px!important;right:7px!important;height:2px!important}
 .menu-toggle::before{top:8px!important;box-shadow:0 8px 0 #fff!important}
 .menu-toggle::after{top:24px!important}
 body[data-page="wall"] .master-global-header{display:flex!important;width:100vw!important}
 body[data-page="wall"] .master-global-nav{display:block!important}
 body[data-page="wall"] .wall-tools{left:3.8%!important;right:3.8%!important;top:21.4%!important;height:4.1%!important;gap:5px!important;padding:0 .4%!important;overflow-x:auto!important;white-space:nowrap!important}
 body[data-page="wall"] .wall-tools button{flex:0 0 auto!important;padding:4px 7px!important;font-size:7px!important}
 body[data-page="wall"] .wall-live{left:3.8%!important;right:3.8%!important;top:26.45%!important;height:55.1%!important}
}