/* Tam Şurda — unified orange, navy and white brand layer. */
:root{
  --ink:#0d1b2a;
  --ink-soft:#17324d;
  --muted:#687386;
  --cream:#f7f8fa;
  --paper:#fff;
  --orange:#ff6b35;
  --orange2:#ff8b5f;
  --orange-dark:#d94b16;
  --orange-pale:#fff1e9;
  --line:#e6eaf0;
  --shadow:0 16px 40px rgba(13,27,42,.13);
  --shadow-soft:0 8px 24px rgba(13,27,42,.08);
  --radius:18px;
}
html{background:var(--cream)}
body{background:radial-gradient(circle at 8% 0,rgba(255,107,53,.1),transparent 26rem),var(--cream);color:var(--ink);font-size:15px;line-height:1.55}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 45%)}
a{color:var(--ink-soft)}
button,input,select,textarea{font-family:"DM Sans",sans-serif}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffb08f!important;outline-offset:3px}

.topbar{height:76px;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(13,27,42,.06);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}
.brand{color:var(--ink);font-weight:800}.brand-mark svg{filter:drop-shadow(0 7px 12px rgba(217,75,22,.2))}
.topbar nav{background:#fff;border:1px solid var(--line);box-shadow:0 5px 18px rgba(13,27,42,.05)}
.nav-link{min-height:44px;color:var(--muted)}.nav-link:hover{color:var(--ink);background:var(--orange-pale)}.nav-link.active{background:var(--ink);color:#fff;box-shadow:none}
.settings-button,.profile{min-height:44px;border-color:var(--line);background:#fff;color:var(--ink);box-shadow:0 5px 16px rgba(13,27,42,.07)}

main{max-width:1200px}.hero{min-height:350px;padding:54px 56px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:radial-gradient(circle at 84% 18%,rgba(255,107,53,.28),transparent 22rem),linear-gradient(135deg,#0d1b2a 0%,#17324d 65%,#0f2943 100%);box-shadow:0 24px 64px rgba(13,27,42,.22)}
.hero:before{right:25%;bottom:-90px;background:var(--orange);opacity:.38}.hero:after{border-color:rgba(255,255,255,.08)}
.hero .eyebrow,.hero .mini-label{color:#ffc2a9}.hero h1{max-width:710px;font-size:clamp(42px,5vw,62px);line-height:1.01;letter-spacing:-3px}.hero h1 em{color:#ff996f}.hero p{font-size:16px;color:rgba(255,255,255,.78)}
.search{max-width:570px;border:1px solid rgba(255,255,255,.5);border-radius:14px;background:#fff;box-shadow:0 15px 38px rgba(0,0,0,.2)}
.search button,.primary{min-height:44px;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;box-shadow:0 9px 22px rgba(217,75,22,.24)}
.search button:hover,.primary:hover{background:linear-gradient(135deg,#ff7a47,var(--orange-dark));transform:translateY(-1px);box-shadow:0 13px 30px rgba(217,75,22,.3)}
.hero-card{border-radius:20px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.17);box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 40px rgba(0,0,0,.15)}
.today-plan{border-color:var(--line);background:#fff;border-radius:18px;box-shadow:var(--shadow-soft)}.today-plan-icon{background:var(--orange-pale);color:var(--orange-dark)}.today-plan-type{background:var(--ink);color:#fff}

.section-head{margin-top:48px}.section-head h2,.panel h2{color:var(--ink);letter-spacing:-.8px}.eyebrow,.meta{color:var(--orange-dark)}
.chips,.discover-category-filters,.menu-toolbar{border-color:var(--line);background:rgba(255,255,255,.86)}
.chip{min-height:44px;border-color:var(--line);background:#fff;color:var(--muted);box-shadow:none}.chip:hover{border-color:#ffc7b2;background:var(--orange-pale)}.chip.active{border-color:var(--ink);background:var(--ink);color:#fff}
input,select,textarea,.stack-form>input,.stack-form textarea,.stack-form select,.form-pair input,.form-pair select,.code-row input{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
input:hover,select:hover,textarea:hover{border-color:#c7cfda}input:focus,select:focus,textarea:focus{border-color:var(--orange)!important;box-shadow:0 0 0 4px rgba(255,107,53,.12)!important}

.discover-business-card,.place-card,.restaurant-card,.panel,.stats>div{border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft)}
.discover-business-card{border-radius:18px}.discover-business-card:before{width:4px;background:var(--orange)}.discover-business-card:hover,.place-card:hover,.restaurant-card:hover{border-color:#ffcbb8;box-shadow:var(--shadow);transform:translateY(-2px)}
.discover-business-media{background:linear-gradient(145deg,var(--orange-pale),#fff)}.business-campaign-badge,.badge{background:var(--orange-dark);color:#fff}.discover-campaign,.detail-campaign{border-color:#ffd4c4;background:linear-gradient(135deg,var(--orange-pale),#fff)}.discover-no-campaign{background:#f2f4f7;color:var(--muted)}
.discover-business-card.is-closed{background:#f8f9fb}.discover-business-card.is-closed .discover-business-media{filter:grayscale(.85);opacity:.68}.closed-now{color:#596273}.open-now{color:#176b4a}
.heart{border:1px solid rgba(13,27,42,.07);background:#fff;color:var(--orange-dark);box-shadow:0 6px 18px rgba(13,27,42,.12)}
.ghost,.mini{min-height:40px;border-color:var(--line);background:#fff;color:var(--ink-soft)}.ghost:hover,.mini:hover{border-color:#ffbea5;background:var(--orange-pale);color:var(--orange-dark)}
.discover-card-footer{border-color:var(--line)}.discover-card-footer b{color:var(--orange-dark)}

.mobile-nav{background:rgba(255,255,255,.94)!important;border:1px solid rgba(13,27,42,.09)!important;box-shadow:0 15px 44px rgba(13,27,42,.2)!important}.mobile-nav button{min-width:48px;min-height:46px;color:#788394}.mobile-nav button.active,.mobile-nav button[aria-current="page"]{color:var(--orange-dark)!important}
.business-map{border-color:#fff;box-shadow:0 20px 55px rgba(13,27,42,.15)}.map-detail{border:1px solid var(--line);background:#fff;box-shadow:0 24px 65px rgba(13,27,42,.22)}

dialog{border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(13,27,42,.25)}dialog::backdrop{background:rgba(13,27,42,.64);backdrop-filter:blur(7px)}
.modal-close{background:#f2f4f7;color:var(--ink)}.modal-close:hover{background:var(--orange-pale);color:var(--orange-dark)}
#auth-modal{background:#fff}.auth-tabs{background:#f1f3f6}.auth-tabs button{min-height:44px}.auth-tabs button.active{background:var(--ink);color:#fff;box-shadow:none}.auth-brand small,.auth-panel>p,.field-help{color:var(--muted)}
.coupon-box{border-color:#ffb797;background:var(--orange-pale)}

.settings-shortcuts button,.dashboard-tabs button{border-color:var(--line);background:#fff;color:var(--muted);box-shadow:0 5px 16px rgba(13,27,42,.05)}
.settings-shortcuts button:hover,.dashboard-tabs button:hover{border-color:#ffc6b0;background:var(--orange-pale);color:var(--orange-dark)}
.settings-shortcuts button.active,.dashboard-tabs button.active{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 10px 26px rgba(13,27,42,.2)}
.stats>div{position:relative;overflow:hidden;border-radius:18px}.stats>div:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--orange)}.stats>div:after{background:rgba(255,107,53,.08)}
.campaign-row,.table-row{border-color:var(--line)}.campaign-row:hover,.table-row:hover,.operation-row:hover{background:var(--orange-pale)}.campaign-icon{background:var(--orange-pale);color:var(--orange-dark)}
.pill{background:#edf7f2;color:#176b4a}.result.error{background:#fff0ed;color:#a72e1d}.result.success{background:#edf7f2;color:#176b4a}

body[data-portal="business"],body[data-portal="admin"]{background:#f2f4f7}
body[data-portal="business"] .topbar,body[data-portal="admin"] .topbar{background:rgba(255,255,255,.95);border-bottom-color:var(--line)}
body[data-portal="business"] #business>.dashboard-tabs,body[data-portal="admin"] #admin>.dashboard-tabs{border-color:var(--line);background:#fff;box-shadow:var(--shadow-soft)}
body[data-portal="business"] .dashboard-tabs button.active,body[data-portal="admin"] .dashboard-tabs button.active{position:relative;background:var(--ink);color:#fff}
body[data-portal="business"] .dashboard-tabs button.active:before,body[data-portal="admin"] .dashboard-tabs button.active:before{content:"";position:absolute;inset:8px auto 8px 0;width:3px;border-radius:4px;background:var(--orange)}
.advanced-hours-editor,.campaign-rules{border-color:var(--line);background:#f8f9fb}.subscription-alert{border-color:#ffd199;background:#fff6e6}.subscription-alert.is-locked{border-color:#f5b6a9;background:#fff0ed}

.auth-locked::before{background:linear-gradient(180deg,rgba(13,27,42,0) 0%,rgba(13,27,42,.05) 26%,rgba(13,27,42,.42) 64%,rgba(13,27,42,.82) 100%)}
.auth-locked .member-gate-icon{border-color:rgba(255,255,255,.42);background:rgba(13,27,42,.66)}
.auth-locked .member-gate-actions .primary{background:linear-gradient(135deg,var(--orange),var(--orange-dark));box-shadow:0 13px 34px rgba(0,0,0,.35)}
.auth-locked .member-gate-actions .ghost{border-color:rgba(255,255,255,.72);background:rgba(13,27,42,.55);color:#fff}
.auth-locked #discover-grid>.discover-business-card:first-child{box-shadow:0 18px 48px rgba(13,27,42,.26)}

#toast{background:var(--ink);box-shadow:0 16px 45px rgba(13,27,42,.28)}

@media(max-width:800px){
  body{font-size:14px}.topbar{height:68px}.hero{min-height:250px;padding:29px 22px;border-radius:24px}.hero h1{font-size:36px;letter-spacing:-2px}.hero p{font-size:14px}.section-head{margin-top:34px}.section-head h2{font-size:25px}
  .discover-business-card{grid-template-columns:108px minmax(0,1fr)}.discover-business-main{padding:14px}.discover-business-media,.discover-business-media img,.discover-business-media .discover-business-icon{min-height:168px}
  .panel,.restaurant-card{border-radius:18px}.mobile-nav{bottom:max(10px,env(safe-area-inset-bottom));left:12px;right:12px;border-radius:20px}
  dialog{padding:26px 21px;border-radius:24px}
}
@media(max-width:430px){
  .hero h1{font-size:34px}.discover-business-card{grid-template-columns:102px minmax(0,1fr)}.discover-business-top h3{font-size:17px}.discover-business-main{padding:12px 13px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* v52 — a visibly distinct, editorial city-guide composition. */
body{background:#eef2f6}
.topbar{max-width:none;padding-inline:max(28px,calc((100vw - 1200px)/2));box-shadow:0 1px 0 rgba(13,27,42,.05)}
.brand{font-size:21px}.brand:after{content:"ŞEHRİ KEŞFET";margin-left:5px;padding-left:14px;border-left:1px solid var(--line);color:var(--muted);font-size:9px;letter-spacing:1.6px}
.topbar nav{border-radius:999px;padding:5px}.nav-link{border-radius:999px}.nav-link.active{background:var(--orange-dark)}
main{padding-top:34px}
.hero{isolation:isolate;min-height:410px;border-radius:32px 32px 96px 32px;background:linear-gradient(115deg,#0d1b2a 0%,#122a43 64%,#17324d 100%)}
.hero:before{z-index:-1;width:330px;height:330px;right:-74px;bottom:-120px;border-radius:50%;filter:none;opacity:1;background:linear-gradient(145deg,var(--orange),var(--orange-dark));box-shadow:0 0 0 54px rgba(255,107,53,.1),0 0 0 108px rgba(255,255,255,.035)}
.hero:after{z-index:-1;width:250px;height:250px;right:15px;top:20px;border:1px solid rgba(255,255,255,.16);box-shadow:none}
.hero-copy{max-width:690px}.hero h1{font-size:clamp(48px,5.7vw,72px);max-width:760px}.hero p{max-width:550px}
.search{margin-top:34px;border-radius:18px;padding:7px}.search button{min-width:86px;border-radius:13px}
.today-plan{margin-top:16px;position:relative;z-index:3;width:100%;margin-inline:0;padding:19px 22px;border:0;border-radius:20px;background:linear-gradient(105deg,var(--orange) 0%,#f65a23 47%,#e74b16 100%);color:#fff;box-shadow:0 18px 42px rgba(217,75,22,.24)}
.today-plan .mini-label,.today-plan p{color:rgba(255,255,255,.78)}.today-plan-icon{background:#fff;color:var(--orange-dark)}.today-plan-type{background:var(--ink);color:#fff}.today-plan strong{font-size:18px}
.section-head{position:relative;padding-left:17px}.section-head:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:5px;border-radius:5px;background:var(--orange)}
.section-head .eyebrow{color:var(--orange-dark)}
.chips{padding:7px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(13,27,42,.05)}
.chip{border:0;border-radius:11px}.chip.active{background:var(--ink)}
.discover-category-filters{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border-radius:16px}.discover-category-filters label{font-size:11px;letter-spacing:.8px;color:var(--muted)}.discover-category-filters select{width:min(330px,60vw);background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}
.business-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.discover-business-card{grid-template-columns:150px minmax(0,1fr);min-height:190px;border:0;border-radius:22px;box-shadow:0 10px 28px rgba(13,27,42,.09)}
.discover-business-card:before{opacity:1;inset:0 auto 0 0;width:5px}.discover-business-media,.discover-business-media img,.discover-business-media .discover-business-icon{min-height:190px}.discover-business-main{padding:17px}.discover-business-top h3{font-size:20px}.business-campaign-badge{left:13px;top:13px;border-radius:999px;padding:6px 10px}.discover-campaign{border:0;border-radius:13px;background:var(--orange-pale)}
.discover-card-footer b{padding:5px 8px;border-radius:8px;background:var(--ink);color:#fff}
.mobile-nav{background:rgba(13,27,42,.96)!important;border-color:rgba(255,255,255,.13)!important}.mobile-nav button{color:rgba(255,255,255,.64)}.mobile-nav button.active,.mobile-nav button[aria-current="page"]{color:#ff8a5d!important}

body[data-portal="business"] #business>.dashboard-tabs,body[data-portal="admin"] #admin>.dashboard-tabs{border-radius:16px;background:var(--ink);border:0;box-shadow:0 18px 48px rgba(13,27,42,.18)}
body[data-portal="business"] .dashboard-tabs button,body[data-portal="admin"] .dashboard-tabs button{border:0;background:transparent;color:rgba(255,255,255,.65)}
body[data-portal="business"] .dashboard-tabs button:hover,body[data-portal="admin"] .dashboard-tabs button:hover{background:rgba(255,255,255,.08);color:#fff}
body[data-portal="business"] .dashboard-tabs button.active,body[data-portal="admin"] .dashboard-tabs button.active{background:#fff;color:var(--ink)}
body[data-portal="business"] .dashboard-tabs button.active:before,body[data-portal="admin"] .dashboard-tabs button.active:before{background:var(--orange)}

@media(max-width:800px){
  .topbar{padding-inline:16px}.brand:after{display:none}main{padding-top:12px}
  .hero{min-height:310px;padding:31px 22px 30px;border-radius:22px 22px 58px 22px}.hero:before{width:180px;height:180px;right:-66px;bottom:-58px;box-shadow:0 0 0 34px rgba(255,107,53,.1)}.hero:after{width:150px;height:150px;right:-10px;top:38px}
  .hero h1{font-size:39px;line-height:.98}.hero p{max-width:290px}.search{margin-top:25px}
  .today-plan{width:100%;margin:14px 0 0;padding:16px;border-radius:17px}.today-plan strong{font-size:16px}.today-plan-type{background:#fff;color:var(--ink)}
  .section-head{margin-top:38px}.chips{margin-inline:-2px;padding:6px}.chip{min-height:40px;padding:9px 13px}
  .discover-category-filters{display:grid;grid-template-columns:1fr;padding:12px}.discover-category-filters select{width:100%}
  .business-feed{grid-template-columns:1fr;gap:13px}.discover-business-card{grid-template-columns:112px minmax(0,1fr);min-height:176px;border-radius:19px}.discover-business-media,.discover-business-media img,.discover-business-media .discover-business-icon{min-height:176px}.discover-business-main{padding:13px 14px}.discover-business-top h3{font-size:18px}.discover-card-footer b{font-size:10px}
  body[data-portal="business"] #business>.dashboard-tabs,body[data-portal="admin"] #admin>.dashboard-tabs{background:#fff;border:1px solid var(--line)}body[data-portal="business"] .dashboard-tabs button,body[data-portal="admin"] .dashboard-tabs button{color:var(--muted)}body[data-portal="business"] .dashboard-tabs button.active,body[data-portal="admin"] .dashboard-tabs button.active{background:var(--ink);color:#fff}
}
.phone-preview .brand:after{display:none}.phone-preview .hero{min-height:292px;border-radius:20px 20px 50px 20px}.phone-preview .today-plan{width:100%;margin:14px 0 0}.phone-preview .business-feed{grid-template-columns:1fr}.phone-preview .discover-business-card{grid-template-columns:108px minmax(0,1fr)}