:root{
  --cms-primary:#24382a;
  --cms-accent:#9fa79b;
  --cms-harmony-accent:#C2BABD;
  --cms-primary-soft:#E5E7E5;
  --cms-accent-soft:#F5F4F4;
  --cms-section-dark:#0C120D;
  --cms-footer-bg:#0F1812;
  --cms-panel-bg:#F3F4F3;
  --cms-on-primary:#ffffff;
  --cms-on-accent:#111827;
  --cms-on-dark:#ffffff;
  --cms-on-footer:#ffffff;
  --cms-section-kicker:#EEECED;
  --cms-muted-text:#5D626C;
  --cms-surface:#ffffff;
  --cms-text:#111827;
  --cms-width:1080px;
  --cms-container-width:100%;
  --cms-container-max:none;
  --cms-side-padding:0px;
  --cms-radius:8px;
  --cms-shadow:0 12px 28px rgba(0,0,0,.18);
  --cms-content-top:24px;
  --cms-content-right:20px;
  --cms-content-bottom:24px;
  --cms-content-left:20px;
  --cms-content-mobile-top:20px;
  --cms-content-mobile-right:16px;
  --cms-content-mobile-bottom:20px;
  --cms-content-mobile-left:16px;
  --cms-copy-max:none;
}
body{
	margin-top:0px;
	margin-left:0px;
	background-color:#ffffff;
	
	background-image:none;
	
}
#sa_tip {
	width:180px;
	padding:5px;
	background-color:#2057bc;
	font-size:12px;
	color:#fff;
	text-align:center;
	font-weight:700;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.footer_SEO{float:left;padding:12px 0px 15px 0px;}
.footer_SEO_google{float:left;padding:10px 0px 15px 25px; border-left:#ccc 1px dotted; margin-top:15px }
.top_div{
	width:var(--cms-container-width);
	max-width:var(--cms-container-max);
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	}
a.top_div_link:link {text-decoration:none; color:#999;}
a.top_div_link:hover {text-decoration:none; color:#ccc; }
.container{
	width:var(--cms-container-width);
	max-width:var(--cms-container-max);
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-color:var(--cms-surface);
-webkit-box-shadow: 0px 2px 16px 5px rgba(0,0,0,1);
-moz-box-shadow: 0px 2px 16px 5px rgba(0,0,0,1);
box-shadow: var(--cms-shadow);
	/*border:1px #E6E6E6 solid;*/
	/*border-radius:8px 8px 0px 0px;*/
	}

/* A full-page design owns the whole viewport; background artwork is intentionally hidden. */
html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background-color: var(--cms-surface) !important;
  background-image: none !important;
}

body .top_div {
  display: none !important;
}

body .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-shadow: none !important;
}

.ana_govde{
	margin-left:auto;
	margin-right:auto;
	width: 100%;
}
a.menu_link:link {text-decoration:none; color:#fff; text-shadow:none; }
a.menu_link:hover {text-decoration:none; color:#fff700; text-shadow:none; }
a.menu_link:visited {text-decoration:none; color:#fff; text-shadow:none; }
.acilir_menu{float:left; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding:2px 3px 2px 3px; border-radius:5px; background-color:#D2D2D2; margin-left:25px; border:2px #FFF solid;}
.acilir_menu:hover{background-color:#FF0000; color:#FFF; margin-left:0px; }

.top_pic{
	position:relative;
	background-image:url("/img/ust_resim/header_1787492255_2EC8528_E6EDB_02718476.png");
	--cms-hero-height:455px;
	--cms-hero-display-height:var(--cms-hero-height);
	min-height:var(--cms-hero-display-height);
	height:var(--cms-hero-display-height);
	width: 100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:51% 56%;
}
.cms-hero-slides{position:absolute;inset:0;z-index:0;overflow:hidden;}
.cms-hero-slides.is-empty{background:#1b3026;}
.cms-hero-slide{position:absolute;inset:0;opacity:0;background-size:cover;background-repeat:no-repeat;transition:opacity .45s ease;}
.cms-hero-slide.is-active{opacity:1;}
.cms-hero-controls{position:absolute;z-index:4;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;}
.cms-hero-controls.is-position-sol{left:16px;transform:none;}
.cms-hero-controls.is-position-sag{left:auto;right:16px;transform:none;}
.cms-hero-dots{display:flex;align-items:center;gap:7px;}
.cms-hero-dot,.cms-hero-arrow{margin:0;padding:0;border:1px solid rgba(255,255,255,.82);background:rgba(15,23,42,.56);color:#fff;box-shadow:none;cursor:pointer;}
.cms-hero-dot{width:10px;height:10px;border-radius:50%;}
.cms-hero-dot.is-active{background:#fff;transform:scale(1.12);}
.cms-hero-arrow{width:28px;height:28px;border-radius:50%;font-size:24px;line-height:22px;}
.top_pic_sol,.top_slogan_wrap{position:relative;z-index:2;}
/* Management and public pages share one 1440px proportional design canvas. */
.top_pic_sol{
	background-image:none;
	background-position:20px 15px;
	min-height:137px;
	width: 500px;
	background-size:auto;
	background-repeat:no-repeat;
	float:left;
}
.slogan{
padding:5px 8px 5px 15px;
box-shadow: -5px 3px 5px 3px #000;
background-color:#fff;
color:#000;
border-radius:12px 0px 0px 12px;
font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-size:24px;
opacity:0.7;
float:right;
	}
.menu{
	width:100%;
	background-color:#24382a;
	background-image:none;
	border-top:1px #FFF solid;
	border-bottom:1px #FFF solid;
	z-index:1001;
	position:relative;
}
.menu_ic{
	width:1080px;
	border-right:1px #FFF dotted;
	background-color:#24382a;
	background-image:none;
	height:20px;
	padding:6px 0px 4px 0px;
	float:left;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	display:inline-block;
	overflow:hidden;
	position:relative;
	}	
.menu_ic:hover{
	cursor:pointer;
	overflow:visible;
	color:#fff700;
	background-color:#3d723c;
	background-image:none;
}
.submenu_container{
	overflow:hidden;
	margin-top:8px;}
.submenu {
	background-color:#24382a;
	background-image:none;
	background-size:100% 100%;
	border-bottom: 1px #fff solid;
	padding: 8px 2px 10px 2px;}
.submenu:hover {
	cursor:pointer;
	background-image:none;
	}
.icerik_slider{
	margin-top:0px;
	width:100%;
	background-color:#fff;
}
.icerik{
	box-sizing:border-box;
	margin-top:0px;
	width:calc(100% - 40px);
	background-color:#fff;
	padding:var(--cms-content-top) var(--cms-content-right) var(--cms-content-bottom) var(--cms-content-left);
}
.icerik.page-layout-normal {
  margin-left: auto;
  margin-right: auto;
}
.icerik.page-layout-wide {
  max-width: var(--cms-container-max);
  padding-left: var(--cms-content-left);
  padding-right: var(--cms-content-right);
  width: 100%;
}
.icerik.page-layout-full {
  max-width: none;
  padding-left: var(--cms-content-left);
  padding-right: var(--cms-content-right);
  width: 100%;
}
.icerik.page-layout-narrow {
  max-width: 820px;
  padding-left: var(--cms-content-left);
  padding-right: var(--cms-content-right);
  width: min(100%, 820px);
}
.icerik.page-title-hidden .orta_baslik {
  display: none;
}
.icerik.page-layout-full .sayfa_icerik,
.icerik.page-layout-wide .sayfa_icerik,
.icerik.page-layout-narrow .sayfa_icerik {
  box-sizing: border-box;
  width: 100%;
}
.icerik_anasayfa{
	margin-top:0px;
	float:left;
	width:605px;
	padding:0px 5px 5px 0px;
}
.home-modern-content {
  box-sizing: border-box;
  clear: both;
  margin: 0 auto;
  max-width: var(--cms-container-max);
  padding: var(--cms-content-top) var(--cms-content-right) var(--cms-content-bottom) var(--cms-content-left);
  width: 100%;
}
.home-modern-content .icerik_anasayfa {
  box-sizing: border-box;
  float: none;
  margin-top: 0;
  min-height: 0;
  padding: 0;
  width: 100%;
}
.home-modern-content .sayfa_icerik {
  background: #fff;
  border: 0;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.home-page-content-slot {
  background: #ffffff !important;
  margin-top: 0;
  padding: var(--cms-content-top) var(--cms-content-right) var(--cms-content-bottom) var(--cms-content-left);
}
body .home-page-content-slot .icerik_anasayfa,
body .home-page-content-slot .sayfa_icerik {
  background: #ffffff !important;
}
.home-blog-links {
  clear: both;
  margin: 0;
  width: 100%;
}
.home-blog-showcase {
  box-sizing: border-box;
  color: #17212b;
  font-family: Arial, sans-serif;
  width: 100%;
}
.home-blog-showcase .home-component-heading {
  align-items: flex-end;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 18px;
  text-align: left;
}
.home-blog-showcase .home-component-heading > div {
  min-width: 0;
}
.home-blog-showcase .home-component-heading > a {
  flex: 0 0 auto;
}
.home-blog-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}
.home-blog-card {
  background: #fff;
  border: 1px solid #d8dfdb;
  border-radius: 6px;
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  overflow: hidden;
}
.home-blog-media {
  aspect-ratio: 16 / 9;
  background: #24372d;
  display: block;
  overflow: hidden;
  position: relative;
}
.home-blog-media img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 220ms ease;
  width: 100%;
}
.home-blog-card:hover .home-blog-media img {
  transform: scale(1.025);
}
.home-blog-media > span {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 800;
  height: 100%;
  justify-content: center;
}
.home-blog-copy {
  display: flex;
  flex-direction: column;
  padding: 16px;
  text-align: left;
}
.home-blog-copy > span {
  color: #466451;
  font-size: 11px;
  font-weight: 800;
}
.home-blog-copy h3 {
  font-size: 18px;
  line-height: 1.28;
  margin: 7px 0 8px;
}
.home-blog-copy h3 a {
  color: #17212b;
  text-decoration: none;
}
.home-blog-copy p {
  color: #53635a;
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 14px;
}
.home-blog-action {
  color: #244f36;
  font-size: 13px;
  font-weight: 800;
  margin-top: auto;
  text-decoration: none;
}
.home-blog-action:hover,
.home-blog-copy h3 a:hover {
  text-decoration: underline;
}
.slider{
	width:655px;
	float:left;
	background-color:#FFF;
	}
.haberler{
	width:304px;
	border-right:#ccc 1px solid;
	float:left;
	color:#CCC;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 0px 10px 10px;
	}
a.hbr_baslik{text-decoration:none;}
a.hbr:link {text-decoration:none; color:#000;}
a.hbr:visited {text-decoration:none; color:#000;}
.marque_baslik{
	width:303px;
	color:#fff700;
	height:25px;
	padding-top:7px;
	background-color:#3d723c;
	background-image:none;
	text-shadow:none;	
	border-right:1px solid #999;
	border-left:1px solid #999;
		}
.marque_baslik:hover{
	background-image:none;
	color:#fff700
		}
.haberler_baslik{
	padding:3px 10px 5px 30px;
	height:22px;
	color:#0171d0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	float:left;}
.haberler_anasayfa_baslik{
	padding:5px;
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	}
.haberler_tarih{
	padding:10px 5px 5px 25px;
	height:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333;
	float:right;}
.haberler_icerik{
	padding:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	margin-bottom:20px;
	text-align:justify;
	line-height:18px;
	}
.haber_container{
	border:#ccc 1px dotted;
	padding:0px 0px 10px 0px;
	margin:10px 0px 0px 0px;}
.haber_container_all{
	margin:10px 0px 0px 0px;}
.haber_oku{
	margin:4px;
	padding:3px;
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;}
.hbr_oku_baslik_div{
	margin-bottom:15px;	
	background-image:url("/img/hbr/up.png");
	background-position:5px 5px;
	background-repeat:no-repeat;
	background-color:#E5E5E5;
	}
.hbr_oku_baslik_div:hover{
	background-image:url("/img/hbr/down.png");
	background-color:#EFEFEF;
	}
.hbr_frame{
	border:1px solid #CCC;
    border-top:1px solid #FFF;
    padding:22px 8px 1px 0px;
    background:#EEE;

	height:98px;

	}
.hbr_frame:hover{background:#fff; cursor:pointer;}
.hbr_frame_rsm{
	border:1px solid #CCC;
    border-top:1px solid #FFF;
    padding:8px 8px 1px 0px;
    background:#EEE;

	height:112px;

	}
.hbr_frame_rsm:hover{background:#fff; cursor:pointer;}
.hbr_devam{
	width:300px;
	height:9px;
	background-image:url("/img/hbr/arrow_icon_black.gif");
	background-repeat:no-repeat;
	margin-left:265px;
	margin-top:5px;}
#wrapper {
	width: 900px;
	}
.accordionButton {	
	width: 920px;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	background-color:#E5E5E5;
	}
.accordionButton:hover {	
	background-color:#EFEFEF;
	}
.accordionContent {	
	width: 920px;
	_float: none; /* Float works in all browsers but IE6 */
	}
.sozler{
	min-height:65px;
	background-image:url("/img/soz/soz3.png");
	padding:29px 10px 5px 12px;
	margin-top:2px;
	color:#FFF;
	line-height:18px;
	}
.orta_menumx{
	width:266px;
	margin:5px 5px 5px 5px;
	border-radius:7px 7px 7px 7px;
	background-color:#0171d0;
	float:left;
	}
.orta_menum{
	width:266px;
	float:left;
	margin:10px 30px 25px 15px;
	border:#CCC 1px solid;
	border-radius:7px 7px 7px 7px;
	background-color:#3d723c;
	background-image:none;
	text-shadow:none;
	}
.orta_menum:hover{
	background-image:none;
	}
.orta_baslik{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	text-align:left;
	padding:10px;
	color:#036;
	font-weight:bold;}
.orta_menu{
	width:266px;
	height:102px;
	background-color:#CCC;
	border-radius:0px 0px 7px 7px;}
.orta_menu_baslik{
	width:266px;
	color:#fff700;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:3px;
	padding-bottom:3px;
	border-radius:7px 7px 0px 0px;
	cursor:pointer;}
.orta_menu_baslikx{
	width:266px;
	height:22px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	border-radius:7px 7px 0px 0px;
}
.orta_container{
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 0px 7px;}
.clear{clear:left;}
.clear_r{clear:right;}
.yonetim_container{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	}
.yonetim_menu{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:9px 6px 9px 28px;
	cursor:pointer;
	border-bottom:#FFF dotted 1px;
	line-height:15px;}
.yonetim_menu:hover{
	background-color:#FF6600;
}
a.yonetim_menum:link {text-decoration:none; color:#000;}
a.yonetim_menum:hover {text-decoration:none; color:#FFF; font-weight:bold;}
.yonetim_menu_baslik{
	background-color:#FF6600;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	padding:9px 8px;
	font-weight:bold;
	border-bottom:#FFF solid 1px;}
.yonetim_menu_group{
	background:#333;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:0;
	padding:7px 8px;
	text-transform:uppercase;
	border-top:1px solid #fff;
}
.yonetim_menu_container{
width:200px;
float:left;
background-color:#E2E2E2;}
.yonetim_icerik_container{
	width:700px;
	min-height:300px;
	background-color:#FFF;
	padding:10px;
	float:left;
	margin-left:2px;
	border-radius:0px 0px 5px 5px;}
.yonetim_icerik_baslik{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	margin-bottom:3px;
	background-color:#FFCC00;
	border-radius:8px;
}
.yonetim_icerik{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding:5px;
	margin-top:0px;
}
.dashboard-hero{
	background:#1f1f1f;
	color:#fff;
	padding:18px;
	margin-bottom:14px;
	display:flex;
	justify-content:space-between;
	gap:16px;
	align-items:center;
	border-radius:6px;
}
.dashboard-hero h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	margin:0 0 6px 0;
	font-weight:bold;
}
.dashboard-hero p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	margin:0;
	color:#e8e8e8;
}
.dashboard-preview{
	display:block;
	background:#ff6600;
	color:#fff !important;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:10px 14px;
	border-radius:4px;
	white-space:nowrap;
}
.dashboard-steps{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:10px;
}
.dashboard-step{
	display:block;
	border:1px solid #ddd;
	background:#fff;
	padding:12px;
	min-height:78px;
	text-decoration:none;
	color:#222 !important;
	border-radius:6px;
	box-sizing:border-box;
}
.dashboard-step:hover{
	border-color:#ff6600;
	background:#fff7ef;
}
.dashboard-step strong{
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin-bottom:6px;
}
.dashboard-step span{
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#555;
}
.dashboard-state{
	display:inline-block !important;
	width:auto;
	margin-top:8px;
	padding:3px 7px;
	color:#fff !important;
	font-size:10px !important;
	line-height:12px !important;
	font-weight:bold;
	border-radius:4px;
}
.dashboard-state-ok{background:#168a39;}
.dashboard-state-warn{background:#b44d00;}
.dashboard-note{
	margin-top:14px;
	padding:12px;
	background:#fff3c4;
	border:1px solid #e1c253;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	border-radius:6px;
}
@media (max-width: 760px){
	.yonetim_container{
		width:100%;
		margin-top:0;
	}
	.yonetim_menu_container,
	.yonetim_icerik_container{
		float:none;
		width:auto;
		margin-left:0;
	}
	.yonetim_icerik_container{
		padding:8px;
	}
	.dashboard-hero{
		display:block;
	}
	.dashboard-preview{
		margin-top:12px;
		text-align:center;
	}
	.dashboard-steps{
		grid-template-columns:1fr;
	}
}
.list_box_div{
	float:right;}
.JumpClass{
	border-radius:5px;
	background-image:none;
	border:none;
	cursor:pointer;
	padding:5px;
	color:#FFF;
	font-weight:bold;
	margin-bottom:5px;}
.konu_baslik{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	color:#F00;
	float:left;}
.sayfa_icerik{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	}
.modul_bolum_anket{
	width:517px;
	min-height:60px;
	background-color:#fff;
	margin:35px 3px 20px 30px;
	float:right;
	padding:5px 0px 3px 0px;
	}
.anket_soru{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:4px; margin-bottom:2px;  border-bottom:#900 solid 2px; border-top:#900 solid 2px; font-weight:bold; background-image:url("/img/bckgrnd/7.jpg");}
.anket_secenek{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:0px 2px 2px 4px; margin-bottom:2px; float:left}
.anket_baslik{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:0px; margin-bottom:2px; margin-left:53px; width:150px; font-weight:bold;}
.anket_btn{
	border-bottom: 2px solid #cbceae; background-image:url("/img/arayuz/ZEM.jpg"); background-repeat:repeat-x; padding: 5px 5px 5px 5px; margin:3px 8px 8px 3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; border-radius:5px; float:left;}


.gunun_sozu_duzenle{
	border-top:1px dotted #666;
	padding:3px;}
.gunun_sozu_al{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#666;
	border-bottom:1px dotted #666;
	background-color:#F3F3F3; margin:5px; padding:8px;
	border-radius:8px;
	}
.yonetim_altaltaolanlar_icin{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#666;
	padding:5px;
	border-bottom:3px solid #000;}
.text_box{
	margin:5px;
	width:600px;}
.file_box{
	background-color:#CCC;
	border:none;}
.btn{
	margin:5px;
	}
.text_area_box{
	margin:5px;
	width:600px;
	height:100px;}
.text_area_box_cvp{
	margin:5px;
	width:400px;
	height:50px;
	background-color:#F1FFDD;
	border:1px solid #666;}
.gruplama{
	background-color:#DFDFDF;
	padding:5px;
	margin-top:3px;
	margin-bottom:5px;}
.field{border:#999 1px solid;
padding:5px;
margin-bottom:25px;
margin-top:15px;
}
.arka_plan_img{
	float:left;
	width:180px;
	height:120px;
	margin:15px 25px 90px 15px;
	border:#666 2px solid;
	background-color:#CCC;
	}
.arka_plan_btn{
	float:left;
	width:133px;
	height:31px;
	margin:15px;
	border:#666 2px solid;
	background-color:#CCC;
	}
div#resim_sec_radio{
	position:absolute;
	}
a.logo_sil_buton{
	position:relative;
	left:280px;
	top:5px;
	}
.footer{
	width:950px;
	padding:5px;
	height:80px;
	background-image:none;
	background-position:left bottom;
	background-repeat:no-repeat;
	background-size:200px;
	margin-top:30px;
	background-color:#000;
	border-radius:0px

	}
.footer_sector{
	min-width:316px;
	margin-left:315px;
	margin-right:45px;
	float:left;
	color:#FFF;
	font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:14px;text-align:center; text-shadow:0 0 5px #00c6ff;
	}
.footer_sector_sag{
	min-width:270px;
	float:left;
	}
.footer_sector_sol{
	min-width:200px;
	float:left;
	}
.sil{
	background-color:#FFCC00;
	padding:4px;
	position:absolute;}
.buyut{
	padding:4px;
	margin-top:5px;
	margin-left:153px;
	position:absolute;}
.buyut_urun{
	padding:4px;
	margin-top:269px;
	margin-left:190px;
	position:absolute;
	font-size:10px;
	color:#999;}
.yonetim_onemli{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF0000;
	padding:5px;}
.blog_guncelle{
	padding:3px 3px 3px 25px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	background-image:url("/img/hbr/arrow_icon.gif");
	background-repeat:no-repeat;
	background-position:7px 8px;
	}
a.blog_link:link {text-decoration:none; color:#FFF;}
a.blog_link:hover {text-decoration:none; color:#FF0;}
.yonetim_alt_linkler{float:left; padding:5px; margin-bottom:15px; background-color:#00CC00; margin-left:5px; color:#FFF;}		
.yonetim_alt_linkler2{float:left; padding:5px; margin-bottom:15px; background-color:#FF0000; margin-left:5px; color:#FFF;}
.yonetim_alt_linkler3{float:left; padding:5px; margin-bottom:15px; margin-left:5px; color:#FFF;}		
.mavi_baslik{color:#0171d0;font-size: 16px;font-family: trebuchet ms,helvetica,sans-serif; font-weight:bold; float:left;}
.gri_baslik{color:#999;font-size: 16px;font-family: trebuchet ms,helvetica,sans-serif; font-weight:bold; float:left; margin-left:15px;}
a.eposta:link {text-decoration:none; color:#999;}
a.eposta:hover {text-decoration:none; color:#006;}
a.eposta:visited {text-decoration:none; color:#CCC;}
			.overview {
				background: #FFEC9D;
				padding: 10px;
				width: 90%;
				border: 1px solid #CCCCCC;
			}
			
			.originalTextareaInfo {
				font-size: 12px;
				color: #000000;
				font-family: Tahoma, sans-serif;
				text-align: right
			}
			
			.warningTextareaInfo {
				font-size: 12px;
				color: #FF0000;
				font-family: Tahoma, sans-serif;
				text-align: right
			}
			
			#showData {
				height: 70px;
				width: 200px;
				border: 1px solid #CCCCCC;
				padding: 10px;
				margin: 10px;
			}
#basic-modal-content {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(img/arayuz/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
.yonetim_btn{
	width:165px;
	background-color:#FF0000;
	border-radius:5px;
	color:#F00;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	float:left;
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	}
a.basic:link {text-decoration:none; color:#FFF;}
a.basic:hover {text-decoration:none; color:#FF0;}
a.basic:visited {text-decoration:none;}
.container_clock {margin: 0 auto; overflow: hidden;}
.clock {margin:0 auto; padding:0px; color:#fff; }
#Date { font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:center; text-shadow:0 0 5px #00c6ff; }
ul.saat { width:180px; margin:0 auto; padding:0px; list-style:none; text-align:center; }
ul.saat li.saat { display:inline; font-size:18px; text-align:center; font-family:Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; }
#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }

@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}
@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }
}
.moduller{
	border-radius:10px; border:#999 1px solid; background-color:#F60; margin:10px; color:#000; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; float:left; margin-right:25px; padding:5px; width:170px; height:75px;
	}
.modul_menu{
	padding:2px; float:left; background-color:#FFF; color:#000; margin-right:3px; margin-left:8px; border-radius:3px;
	}
.modul_goster{
	width:150px; float:left; padding:8px; margin:10px; box-shadow: 5px 5px 2px #999; background-color:#FF0000; border-radius:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; border:#FFF 2px solid; text-align:center;
	}
a.modul_link:link {text-decoration:none; color:#FFF;}
a.modul_link:hover {text-decoration:none; color:#FF0;}
a.modul_link:visited {text-decoration:none; color:#FFF;}
.libraryimg {float:left;}
a.lib-delete {position:absolute; width:16px; height:16px;}
	#genel {margin: 5px auto;}
	#sonuclar {background-color: #fff; border: 2px solid #ddd; padding: 7px; margin-top: 10px;}
	#yuklemeFormu {background-color: #fff; border: 2px solid #ddd; padding: 7px;}
	#yuklemeFormu h1 {background-color: #000; color: #fff; font-size: 14px; padding: 6px;}
	#yuklemeDosyalari span {display: block; padding: 5px; border-bottom: 1px solid #ddd;}
	.yukle {text-align: right; padding-top: 5px}
	.yukle input {background-color: #000; color: #fff; padding: 3px; cursor: pointer;}
	.dosyaEkle {border-bottom: 2px solid #cbceae; background-image:url("/img/arayuz/ZEM.jpg"); background-repeat:repeat-x; padding: 5px 5px 5px 15px; margin:3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; border-radius:5px; width:326px;}
	.dosyaEkle:hover {border-bottom: 2px solid #cbceae; background-image:url("/img/arayuz/ZEM2.jpg"); background-repeat:repeat-x; padding: 5px 5px 5px 15px; margin:3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; border-radius:5px; width:326px; cursor:pointer;}
	.dosyaEkle a {color: #000;}
	.resim {border: 2px solid #000; width: 65px; height: 65px; margin:6px;}
	.resim:hover{border:2px #FF6600 solid; cursor:pointer;}
	.resim_edit {border: 2px solid #fff; width: 100px; height: 83px;}	
	.resim_edit:hover {border:2px #FF6600 solid; cursor:pointer;}
	.fontsec{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000; padding:5px;}
.price{
	padding-left:1px; float:left;
	}
.dikkatpanel{
	padding:5px; background-color:#FFFF00; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; width:680px; margin-top:5px; border:1px #000 solid; margin-bottom:10px;
	}
	.dikkatpanel_mini{
	padding:5px; background-color:#FFFF00; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; width:600px; margin-top:5px; border:1px #000 solid; margin-bottom:10px;
	}
.dikkatpanel_ozel{
	padding:5px; background-color:#FFFF00; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; width:660px; margin-top:0px; border:1px #000 solid; margin-bottom:10px;
	}
.slider_sec{
	width:200px; padding:8px; margin:5px 45px 20px 0px; float:left; background-color:#FF0000; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; box-shadow: 5px 5px 2px #999; border-radius:10px; text-align:center; border:#FFF 2px solid;}
.slider-admin {
  width: 100%;
  box-sizing: border-box;
  padding: 12px;
  color: #202124;
  font-family: Arial, Helvetica, sans-serif;
}
.slider-admin * {
  box-sizing: border-box;
}
.slider-admin a {
  text-decoration: none;
}
.slider-admin-hero {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  background: #1f2933;
  color: #fff;
  border-radius: 8px;
}
.slider-admin-hero span {
  display: block;
  color: #f6b10a;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.slider-admin-hero h2 {
  margin: 4px 0 6px;
  color: #fff;
  font-size: 22px;
  line-height: 1.15;
}
.slider-admin-hero p {
  max-width: 660px;
  margin: 0;
  color: #d8dee5;
  font-size: 13px;
  line-height: 1.5;
}
.slider-admin-status {
  display: flex;
  min-width: 150px;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  text-align: center;
}
.slider-admin-status strong {
  font-size: 14px;
}
.slider-admin-status a,
.slider-admin-actions a,
.slider-admin-form button,
.slider-admin-inline-upload button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 12px;
  border: 0;
  border-radius: 6px;
  background: #f06a00;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.slider-admin-status.is-off a {
  background: #16844a;
}
.slider-admin-note {
  margin: 12px 0;
  padding: 10px 12px;
  border-left: 4px solid #f6b10a;
  background: #fff7d6;
  color: #332600;
  font-size: 13px;
  line-height: 1.45;
}
.slider-admin-types {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.slider-admin-type {
  display: flex;
  min-height: 165px;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  border: 1px solid #d6dbe1;
  border-radius: 8px;
  background: #fff;
}
.slider-admin-type.is-selected {
  border-color: #f06a00;
  box-shadow: 0 0 0 2px rgba(240,106,0,.14);
}
.slider-admin-type span {
  display: inline-flex;
  width: 34px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #eef1f5;
  color: #1f2933;
  font-weight: 700;
}
.slider-admin-type h3 {
  margin: 10px 0 6px;
  color: #111827;
  font-size: 17px;
  line-height: 1.2;
}
.slider-admin-type p {
  margin: 0;
  color: #56616f;
  font-size: 13px;
  line-height: 1.45;
}
.slider-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.slider-admin-actions .secondary {
  background: #394555;
}
.slider-admin-section {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #d6dbe1;
  border-radius: 8px;
  background: #fff;
}
.slider-admin-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eef1f4;
  padding-bottom: 10px;
}
.slider-admin-section h3 {
  margin: 0;
  color: #111827;
  font-size: 18px;
}
.slider-admin-section p {
  margin: 0;
  color: #667085;
  font-size: 13px;
}
.slider-admin-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  align-items: end;
  margin-bottom: 14px;
}
.slider-admin-form label,
.slider-admin-inline-upload label {
  display: grid;
  gap: 5px;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
}
.slider-admin-form input,
.slider-admin-form textarea,
.slider-admin-inline-upload input {
  width: 100%;
  min-height: 34px;
  padding: 7px 8px;
  border: 1px solid #c9d1dc;
  border-radius: 6px;
  background: #fff;
  color: #111827;
}
.slider-admin-form textarea {
  min-height: 96px;
  resize: vertical;
}
.slider-admin-radio-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  padding: 8px 0;
}
.slider-admin-radio-row label {
  display: inline-flex;
  grid-gap: 6px;
  gap: 6px;
  align-items: center;
}
.slider-admin-media-grid,
.slider-admin-video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 12px;
}
.slider-admin-media-card,
.slider-admin-video-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #d6dbe1;
  border-radius: 8px;
  background: #f8fafc;
}
.slider-admin-media-card img,
.slider-admin-video-card iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #111;
}
.slider-admin-media-card strong,
.slider-admin-video-card strong {
  display: block;
  padding: 8px;
  color: #111827;
  font-size: 12px;
  line-height: 1.35;
}
.slider-admin-delete {
  display: inline-flex;
  margin: 0 8px 8px;
  padding: 6px 9px;
  border-radius: 6px;
  background: #b42318;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.slider-admin-empty {
  padding: 12px;
  border: 1px dashed #bcc5d0;
  border-radius: 8px;
  background: #f8fafc;
  color: #667085;
  font-size: 13px;
}
.slider-admin-list {
  display: grid;
  gap: 8px;
}
.slider-admin-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px;
  border: 1px solid #d6dbe1;
  border-radius: 8px;
  background: #f8fafc;
}
.slider-admin-list-row a {
  color: #b42318;
  font-weight: 700;
}
.slider-admin-inline-upload {
  display: grid;
  gap: 7px;
  padding: 8px;
}
.slider-admin-tamer-frame {
  display: block;
  width: 100%;
  min-height: 560px;
  border: 1px solid #d6dbe1;
  border-radius: 8px;
  background: #fff;
}
@media (max-width: 720px) {
  .slider-admin {
    padding: 8px;
  }
  .slider-admin-hero,
  .slider-admin-section-head {
    flex-direction: column;
  }
  .slider-admin-status {
    width: 100%;
  }
}
.soz {width:900px; height:auto; padding:10px; margin:10px 0; background-color:#f8f8f8; border:1px solid #eeddd7; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:left;}
.soz p {margin:0; padding:0; font:normal 12px arial;}
.urun_buton{padding:5px; width:133px; height:16px; border:1px solid #999; border-right:0px; background-color:#F0F0F0; float:left; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#000;}
.urun_buton:hover{background-color:#F90;}
.urun_sil{float:left; padding:7px 0px 0px 5px; width:17px; height:19px; background-color:#F0F0F0; border:1px solid #999; border-left:0px;}
.resim_guncelle{position:absolute; padding:8px; margin:168px 0px 0px 14px; border:2px #FFF solid; background-color:#F90;  background-repeat:no-repeat; background-position:130px 8px; width:135px;border-radius:5px 5px 5px 5px;text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold;}
.resim_guncelle:hover{background-color:#FFF; color:#000; border:2px #000 solid; background-image:url("/img/arayuz/updating.gif");}
.urun_galeri_hucre{margin:9px; border:1px #CCC solid; border-radius:8px; padding:5px; width:200px; height:300px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#FFF;}
.urun_galeri_hucre:hover{
border:1px #fff solid;
box-shadow: #999 0px 0px 5px;  
-moz-box-shadow: #999 0px 0px 5px;  
-webkit-box-shadow: #999 0px 0px 5px;
cursor:pointer;
}
.product-modern {
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
  gap: 18px;
  width: 100%;
}
.product-modern-categories {
  display: grid;
  align-self: start;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: var(--cms-radius);
  background: #fff;
}
.product-modern-categories strong {
  color: #111827;
  font-size: 15px;
}
.product-modern-categories a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 7px;
  background: #f8fafc;
  color: #1f2937;
  text-decoration: none;
}
.product-modern-categories a.active,
.product-modern-categories a:hover {
  border-color: var(--cms-primary);
  background: color-mix(in srgb, var(--cms-primary) 12%, #fff);
}
.product-modern-categories em {
  color: #667085;
  font-style: normal;
  font-size: 12px;
}
.product-modern-content {
  min-width: 0;
}
.product-modern-head {
  margin-bottom: 14px;
}
.product-modern-head span {
  color: var(--cms-primary);
  font-weight: 700;
  text-transform: uppercase;
}
.product-modern-head h1 {
  margin: 4px 0 0;
  color: #111827;
  font-size: 28px;
}
.product-modern-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 14px;
}
.product-modern-card {
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: var(--cms-radius);
  background: #fff;
  box-shadow: 0 8px 24px rgba(15,23,42,.08);
}
.product-modern-card a {
  display: grid;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.product-modern-image {
  position: relative;
  aspect-ratio: 4 / 3;
  background: #f3f4f6;
}
.product-modern-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-modern-image span {
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(17,24,39,.86);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.product-modern-body {
  display: grid;
  gap: 8px;
  padding: 12px;
}
.product-modern-body h2 {
  margin: 0;
  color: #111827;
  font-size: 17px;
  line-height: 1.25;
}
.product-modern-body p {
  min-height: 42px;
  margin: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.45;
}
.product-modern-body strong {
  color: var(--cms-primary);
  font-size: 16px;
}
.product-modern-body em {
  color: #1f2937;
  font-style: normal;
  font-weight: 700;
}
.product-modern-detail {
  display: grid;
  grid-template-columns: minmax(240px, 42%) minmax(0, 1fr);
  gap: 20px;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: var(--cms-radius);
  background: #fff;
}
.product-modern-detail-image img {
  display: block;
  width: 100%;
  border-radius: var(--cms-radius);
}
.product-modern-detail-body {
  display: grid;
  align-content: start;
  gap: 12px;
}
.product-modern-detail-body span,
.product-modern-detail-body span a {
  color: var(--cms-primary);
  font-weight: 700;
  text-decoration: none;
}
.product-modern-detail-body h1 {
  margin: 0;
  color: #111827;
  font-size: clamp(26px, 4vw, 40px);
  line-height: 1.08;
}
.product-modern-detail-body p,
.product-modern-note {
  margin: 0;
  color: #4b5563;
  font-size: 15px;
  line-height: 1.55;
}
.product-modern-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.product-modern-meta strong,
.product-modern-meta em {
  padding: 8px 10px;
  border-radius: 7px;
  background: #f3f4f6;
  color: #111827;
  font-style: normal;
}
.product-modern-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.product-modern-actions a,
.product-modern-actions .disabled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 14px;
  border-radius: 7px;
  background: var(--cms-primary);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.product-modern-actions .secondary {
  background: #1f2937;
}
.product-modern-actions .disabled {
  background: #9ca3af;
}
.product-modern-description,
.product-modern-empty {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: var(--cms-radius);
  background: #fff;
  color: #374151;
  line-height: 1.6;
}
.product-modern-empty {
  display: grid;
  gap: 8px;
}
.product-modern-empty a {
  color: var(--cms-primary);
  font-weight: 700;
}
@media (max-width: 760px) {
  .product-modern,
  .product-modern-detail {
    grid-template-columns: 1fr;
  }
  .product-modern-categories {
    position: static;
  }
}
.urun_pro_resim{margin:5px; min-height:169px; width:190px; border-bottom:1px #CCC dotted;}
.urun_pro_baslik{margin:5px; height:30px; width:190px; border-bottom:1px #CCC dotted; color:#666; font-size:12px; text-align:center;}
.urun_pro_fiyat{margin:5px; height:30px; width:190px; border-bottom:1px #CCC dotted; color:#FF6600; font-size:18px; font-weight:bold; text-align:center;}
.urun_pro_not{margin:5px; height:30px; width:190px; color:#333; font-size:11px; text-align:center;}
.kategori_menu{float:left; margin:22px 10px 20px 0px; min-height:200px; border:1px #ccc solid; width:215px; border-radius:8px; padding-bottom:8px;}
.kategori_menu_ka{padding:7px; margin-top:7px; border-bottom:1px #CCC dotted; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-image:url("/img/urunler/arrowRight.png"); background-repeat:no-repeat; background-position:190px 7px;}
.kategori_menu_ka:hover{cursor:pointer; background-color:#F3F3F3;}
a.kategori_menu_a:link{text-decoration:none; color:#000;}
.galeri_container{float:left; width:719px;}
.urun_detay_container{margin:9px; border:1px #CCC solid; border-radius:8px; padding:5px; width:681px; font-family:Verdana, Arial, Helvetica, sans-serif; min-height:300px;}
.urun_detay_baslik{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:10px;}
.urun_detay_resim{width:300px; height:300px; float:left; border:1px #EFEFEF solid; background-repeat:no-repeat; background-size:290px;}
.urun_detay_bilgi_sag_container{float:left; margin-left:15px; width:340px;}
.urun_detay_bilgi_baslik{padding:7px 3px 0px 3px;float:left; height:30px; width:95px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px;}
.urun_detay_bilgi_baslik_not{padding:7px 3px 0px 3px;float:left; height:30px; width:95px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px;}
.urun_detay_bilgi_fiyat{padding:7px 3px 3px 3px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#000; height:30px; float:left;}
.urun_bilgi_sag_grupla{border-bottom:1px #CCC dotted; padding-top:5px;}
.urun_detay_aciklama{
	margin-top:15px;}
/* Derecelendirme kodu başlangıç */
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url("/img/arayuz/star_matrix.gif") no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url("/img/arayuz/star_matrix.gif") no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}


/* Derecelendirme kodu sonu */


/* Codex responsive public layout */
*, *:before, *:after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { min-width: 0; }
img, iframe, object, embed { max-width: 100%; }
img { height: auto; }
.container, .ana_govde, .top_div, .menu, .icerik_slider, .icerik { max-width: var(--cms-container-max); width: 100%; }
.container { overflow-x: hidden; }
.top_pic { max-width: var(--cms-container-max); width: 100%; background-size: cover; background-position: 51% 56%; }
.menu { display: flex; flex-wrap: wrap; align-items: stretch; }
.menu_link { display: block; }
.menu_ic { width: auto; flex: 1 1 auto; min-width: 120px; }
.submenu_container { width: 100%; }
.slider { width: 100%; float: none; }
.slider iframe, .responsive-slider-frame { display: block; width: 100% !important; max-width: var(--cms-container-max); aspect-ratio: 655 / 380; height: auto !important; min-height: 260px; }
.responsive-slider-wide { aspect-ratio: 960 / 380; }
.home-layout { width: 100%; border-collapse: collapse; }
.icerik_anasayfa, .haberler, .galeri_container, .kategori_menu { max-width: 100%; }
.sayfa_icerik img, .haberler_icerik img, .urun_detay_container img { max-width: 100%; height: auto; }
.urun_galeri_hucre, .urun_pro_resim, .urun_pro_baslik, .urun_pro_fiyat, .urun_pro_not { max-width: 100%; }
.clear { clear: both; }

@media (max-width: 980px) {
  .container, .ana_govde, .top_div, .menu, .icerik_slider, .icerik { width: 100%; }
  .container { box-shadow: none; }
  .icerik { padding: 0 14px 5px 14px; }
  .top_pic { min-height: 190px; }
  .top_pic_sol { width: 45%; min-height: 150px; }
  .slogan { max-width: 55%; font-size: 20px; }
  .menu_ic { width: auto !important; }
  .haberler { width: 32%; }
  .icerik_anasayfa { width: 66%; }
  .slider { width: 100%; }
}

@media (max-width: 760px) {
  /* The legacy top spacer is empty in the current shell; never reserve mobile space for it. */
  .top_div { display: none !important; padding: 0 !important; }
  .top_pic {
    height: var(--cms-hero-display-height, var(--cms-hero-height)) !important;
    min-height: var(--cms-hero-display-height, var(--cms-hero-height)) !important;
    background-size: cover;
  }
  .cms-hero-slide {
    background-size: cover !important;
  }
  .top_pic_sol { float: none; width: 100%; min-height: 90px; }
  .slogan { float: none; max-width: none; font-size: 18px; border-radius: 0; margin: 0 10px; }
  .menu { display: block; }
  .menu_link, .menu_ic { width: 100% !important; float: none; display: block; }
  .menu_ic { height: auto; min-height: 20px; padding: 10px 8px; border-right: 0; border-bottom: 1px dotted #fff; overflow: visible; }
  .submenu_container { position: static; margin-top: 8px; }
  .submenu_container table, .submenu_container tbody, .submenu_container tr, .submenu_container td,
  .home-layout, .home-layout tbody, .home-layout tr, .home-layout td { display: block; width: 100% !important; }
  .haberler, .icerik_anasayfa { float: none; width: 100%; border-right: 0; }
  .icerik_slider { margin-top: 0; }
  .slider iframe, .responsive-slider-frame { min-height: 220px; aspect-ratio: 16 / 9; }
  .footer_sector, .footer_sector_sag, .footer_SEO, .footer_SEO_google { float: none; width: 100%; padding-left: 0; border-left: 0; }
  .kategori_menu, .galeri_container { float: none; width: 100%; }
  .kategori_menu { margin: 12px 0; }
  .kategori_menu_ka { background-position: calc(100% - 16px) 7px; }
  .urun_galeri_hucre { float: none; width: 100%; height: auto; min-height: 0; margin: 10px 0; }
  .urun_pro_resim, .urun_pro_baslik, .urun_pro_fiyat, .urun_pro_not { width: 100%; height: auto; min-height: 0; }
  .urun_detay_container { width: 100%; margin: 9px 0; }
  .urun_detay_resim { float: none; width: 100%; max-width: 300px; margin: 0 auto 12px auto; }
  .urun_detay_bilgi_sag_container { float: none; width: 100%; margin-left: 0; }
  .urun_detay_bilgi_baslik, .urun_detay_bilgi_baslik_not, .urun_detay_bilgi_fiyat { float: none; width: 100%; height: auto; }
}

@media (max-width: 420px) {
  .icerik { padding-left: 10px; padding-right: 10px; }
  .slider iframe, .responsive-slider-frame { min-height: 180px; }
  .slogan { font-size: 16px; }
}

/* Codex inline responsive fixes */
.top_slogan_wrap { max-width: calc(100% - 500px); }
.seo-social-wrap { max-width: 100%; }
.sayfa_icerik table, .sayfa_icerik iframe { max-width: 100%; }
.sayfa_icerik input[type="text"], .sayfa_icerik textarea, .sayfa_icerik select { max-width: 100%; }
.haber_ozet_inline { max-width: 100%; }

/* Codex mobile hamburger menu and expanding layout */
.menu_toggle,
.menu_toggle_label {
  display: none;
}
.menu_toggle_label {
  min-height: 44px;
  padding: 10px 14px;
  cursor: pointer;
  background-color: #24382a;
  background-image: none;
  background-size: 100% 100%;
  border-bottom: 1px solid #fff;
}
.menu_toggle_label span {
  display: block;
  width: 26px;
  height: 3px;
  margin: 5px 0;
  background: #fff;
}

@media (max-width: 760px) {
  .container,
  .ana_govde,
  .icerik,
  .icerik_slider,
  .home-layout,
  .home-layout tbody,
  .home-layout tr,
  .home-layout td,
  .footer {
    height: auto !important;
    min-height: 0;
    overflow: visible;
  }
  .menu {
    display: block;
    height: auto !important;
    min-height: 44px;
    overflow: visible;
  }
  .menu_toggle_label {
    display: block;
  }
  .menu > .menu_link {
    display: none;
    width: 100% !important;
  }
  .menu_toggle:checked ~ .menu_link {
    display: block;
  }
  .menu > .clear {
    display: none;
  }
  .menu_toggle:checked ~ .clear {
    display: block;
  }
  .menu_ic {
    width: 100% !important;
    float: none;
  }
  .submenu_container {
    display: block;
    overflow: visible;
  }
  .footer {
    padding-bottom: 12px;
  }
}

/* Codex menu and footer alignment fixes */
.menu {
  min-height: 42px;
  background-size: 100% 100%;
}
.menu_link {
  min-height: 42px;
}
.menu_ic {
  min-height: 42px;
  height: auto;
  padding-top: 11px;
  padding-bottom: 11px;
  line-height: 20px;
  overflow: visible;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.menu_ic:hover,
.submenu,
.submenu:hover {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

/* Visited-link styling must not override the configured hover text colour. */
a.menu_link:hover .menu_ic,
a.menu_link:focus .menu_ic,
a.menu_link:visited:hover .menu_ic {
  color: #fff700 !important;
}

.footer {
  position: relative;
}
.footer_sector_sag {
  float: right;
  width: 270px;
  min-width: 270px;
  text-align: right;
}
.footer_sector_sag .container_clock,
.footer_sector_sag .clock {
  width: 270px;
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}
.footer_sector_sag #Date {
  text-align: right;
}
.footer_sector_sag ul.saat {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}
div[style*="width:920px"], div[style*="width:930px"], div[style*="min-width:950px"] { max-width: 100% !important; min-width: 0 !important; }

/* Codex slider height correction */
.icerik_slider,
.slider {
  line-height: 0;
}
.responsive-slider-wide {
  aspect-ratio: 960 / 380 !important;
  height: 380px !important;
  min-height: 0 !important;
}
.responsive-slider-frame:not(.responsive-slider-wide) {
  aspect-ratio: 655 / 380 !important;
}

@media (max-width: 760px) {
  .top_slogan_wrap { float: none !important; width: 100% !important; max-width: none; margin-left: 0 !important; }
  .seo-social-wrap { width: 100% !important; margin-left: 0 !important; }
  .haber_ozet_inline { float: none !important; width: 100% !important; font-size: 16px !important; }
  .haberler_icerik > div[style*="float:right"] { float: none !important; }
  .sayfa_icerik table, .sayfa_icerik tbody, .sayfa_icerik tr, .sayfa_icerik td { display: block; width: 100% !important; }
}

/* Codex final mobile flow fixes */
.footer {
  clear: both;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: auto;
  min-height: 80px;
}
.footer-flow-clear {
  clear: both;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.footer > .footer_sector:first-child {
  flex: 0 0 200px;
  min-width: 0;
  margin: 0;
}
.footer > .footer_sector:nth-child(2) {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding-top: 0;
}
.footer_sector_sag,
.footer_sector_sag .container_clock,
.footer_sector_sag .clock {
  vertical-align: top;
  padding-top: 0;
  margin-top: 0;
}

@media (max-width: 760px) {
  .container,
  .ana_govde,
  .icerik,
  .icerik_anasayfa,
  .sayfa_icerik,
  .home-layout,
  .footer {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .home-layout,
  .home-layout tbody,
  .home-layout tr,
  .home-layout td {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    clear: both;
  }
  .sayfa_icerik div,
  .sayfa_icerik p,
  .sayfa_icerik table,
  .sayfa_icerik iframe,
  .sayfa_icerik object,
  .sayfa_icerik embed,
  .seo-social-wrap,
  .seo-social-wrap table,
  .seo-social-wrap tbody,
  .seo-social-wrap tr,
  .seo-social-wrap td {
    max-width: 100% !important;
  }
  .sayfa_icerik div[style*="width:"],
  .sayfa_icerik div[style*="min-width:"],
  .seo-social-wrap[style] {
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sayfa_icerik iframe[src*="youtube"],
  .sayfa_icerik iframe[src*="youtu.be"],
  .sayfa_icerik iframe[src*="vimeo"],
  .sayfa_icerik object,
  .sayfa_icerik embed,
  .icerik_anasayfa iframe[src*="youtube"],
  .icerik_anasayfa iframe[src*="youtu.be"],
  .icerik_anasayfa iframe[src*="vimeo"],
  .icerik_anasayfa object,
  .icerik_anasayfa embed {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    min-height: 190px;
    margin: 10px auto !important;
    float: none !important;
  }
  .sayfa_icerik object embed,
  .icerik_anasayfa object embed {
    min-height: 0;
    margin: 0 !important;
  }
  .seo-social-wrap {
    clear: both;
    float: none !important;
    display: block;
    overflow: visible;
    padding: 8px 10px 0 10px;
  }
  .seo-social-wrap table,
  .seo-social-wrap tbody,
  .seo-social-wrap tr,
  .seo-social-wrap td {
    display: block !important;
    text-align: left !important;
  }
  .seo-social-wrap td {
    padding: 2px 0 !important;
  }
  .seo-social-wrap span {
    float: none !important;
    margin-left: 0 !important;
    display: inline-block;
  }
  .footer {
    display: block;
    clear: both;
    width: 100% !important;
    position: static !important;
    min-height: 0 !important;
    padding-top: 5px;
    padding-bottom: 14px;
  }
  .footer_sector,
  .footer_sector_sag,
  .footer_sector_sol {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .footer_sector_sag,
  .footer_sector_sag .container_clock,
  .footer_sector_sag .clock,
  .footer_sector_sag #Date,
  .footer_sector_sag ul.saat {
    text-align: right !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .responsive-slider-wide,
  .responsive-slider-frame {
    height: auto !important;
    min-height: 0 !important;
  }
  .ana_govde {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .top_pic {
    order: 1;
  }
  .menu {
    order: 2;
  }
  .home-layout,
  .home-layout tbody,
  .home-layout tr {
    display: contents !important;
  }
  .home-layout tr:first-child td:first-child {
    order: 4;
    width: 100% !important;
  }
  .icerik_slider {
    order: 3;
  }
  .home-layout tr:first-child td:nth-child(2) {
    order: 5;
  }
  .home-layout tr:nth-child(2) td {
    order: 6;
  }
  .haberler {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-right: 0 !important;
  }
}

/* Codex management menu button editor fixes */
.yonetim_container {
  width: min(1420px, calc(100vw - 24px));
  max-width: none;
  box-sizing: border-box;
}
.yonetim_icerik_container {
  width: calc(100% - 214px);
  min-width: 0;
  box-sizing: border-box;
  overflow: visible;
}
.yonetim_menu_container {
  box-sizing: border-box;
}
.dashboard-hero {
  box-sizing: border-box;
  width: 100%;
}
.dashboard-steps {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
  width: 100%;
}
.dashboard-step {
  min-width: 0;
  min-height: 112px;
  overflow-wrap: anywhere;
  word-break: normal;
}
.dashboard-step strong,
.dashboard-step span {
  overflow-wrap: anywhere;
}
.menu-title-admin {
  margin-top: 5px;
  text-align: left;
}
.menu-title-row {
  float: left;
  margin: 0 8px 6px 0;
}
.menu-title-help {
  clear: both;
  padding: 8px;
  background-color: #ffffcc;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 100%;
  max-width: 680px;
  margin-top: 8px;
  border: 1px solid #000;
}
.menu-button-admin {
  clear: both;
  width: 100%;
}
.menu-button-settings,
.menu-button-upload {
  margin: 10px 0 14px 0;
}
.menu-button-settings h2,
.menu-button-upload h2 {
  margin: 0 0 12px 0;
  font-size: 18px;
  color: #111827;
}
.menu-button-color-form,
.menu-button-upload {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: end;
}
.menu-button-color-form label,
.menu-button-upload label {
  display: grid;
  gap: 5px;
  color: #334155;
  font-weight: 800;
}
.menu-button-gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px 14px;
  margin: 10px 0;
}
.menu-button-gallery .arka_plan_btn {
  float: none;
  flex: 0 0 133px;
  width: 133px;
  height: 31px;
  margin: 0;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(17, 24, 39, .16);
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(15, 23, 42, .14);
}
.menu-button-gallery .arka_plan_btn.is-active {
  outline: 2px solid #0f766e;
  outline-offset: 2px;
}
.menu-button-gallery .resim_sec_radio {
  position: absolute;
  z-index: 3;
  top: 2px;
  left: 2px;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
}
.menu-button-gallery img {
  display: block;
  width: 133px;
  height: 31px;
  max-width: none;
}
.menu-button-gallery .media-delete-button {
  width: 22px;
  height: 22px;
  top: 4px;
  right: 4px;
  font-size: 17px;
}
.menu-button-preview-block {
  clear: both;
  width: 100%;
  margin-top: 8px;
}
.menu-button-preview-link {
  display: block;
  float: left;
  text-decoration: none;
}
.menu-button-preview-item {
  width: 133px;
  min-height: 31px;
  padding: 8px 4px;
  line-height: 15px;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  background-color: #24382a;
  background-image: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.menu-button-preview-link:hover .menu-button-preview-item {
  color: #fff700;
  background-color: #3d723c;
  background-image: none;
}
.menu-button-color-form {
  clear: both;
  margin-top: 10px;
}
.menu-button-color-form input.color {
  width: 110px;
}

/* Modern tanitim sitesi dayaniklilik katmani */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  overflow-x: hidden;
}
.sayfa_icerik,
.icerik_anasayfa,
.haberler_icerik {
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.seo-social-wrap {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  width: auto !important;
  max-width: 930px;
  margin: 8px 15px 0 auto !important;
  font-family: Verdana, Geneva, sans-serif;
}
.social-chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 4px;
  color: #fff !important;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}
.social-facebook { background: #2856a3; }
.social-twitter { background: #111; }
.social-instagram { background: #b72a75; }
.social-youtube { background: #d51f1f; }
.galeri_container {
  box-sizing: border-box;
}
.urun_galeri_hucre {
  width: 214px;
  min-height: 300px;
  margin: 8px;
  background: #fff;
  border: 1px solid #d7d7d7;
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
  box-sizing: border-box;
  transition: transform .18s ease, box-shadow .18s ease;
}
.urun_galeri_hucre:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 26px rgba(0,0,0,.14);
}
.urun_pro_baslik {
  min-height: 40px;
  padding: 8px;
  background: #202020;
  color: #fff;
  box-sizing: border-box;
}
.urun_pro_resim {
  min-height: 155px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f6;
}
.urun_pro_resim img {
  max-height: 150px;
  object-fit: contain;
}
.urun_pro_fiyat {
  margin: 8px;
  padding: 7px 8px;
  background: #0f6b3d;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
}
.urun_pro_not {
  padding: 0 8px 10px 8px;
  color: #333;
  line-height: 1.45;
}
.urun_detay_container {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 8px 22px rgba(0,0,0,.08);
}
.urun_detay_baslik {
  background: #202020;
  color: #fff;
  padding: 10px;
  font-weight: bold;
}
.urun_detay_baslik a {
  color: #fff;
}
.urun_detay_resim {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #f6f6f6;
}
.product-admin-grid {
  clear: both;
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 8px 10px;
  max-width: 560px;
  margin: 12px 0;
  padding: 12px;
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-sizing: border-box;
}
.product-admin-grid label {
  font-weight: bold;
  padding-top: 7px;
}
.product-admin-grid input[type="text"],
.product-admin-grid textarea,
.product-admin-grid select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 6px;
}
.product-admin-grid textarea {
  min-height: 70px;
}
.product-admin {
  display: grid;
  gap: 14px;
  padding: 12px;
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}
.product-admin * { box-sizing: border-box; }
.product-admin a { text-decoration: none; }
.product-admin-hero,
.product-admin-status,
.product-admin-section {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}
.product-admin-hero {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  background: #1f2937;
  color: #fff;
}
.product-admin-hero span {
  display: block;
  color: #f59e0b;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.product-admin-hero h1 {
  margin: 4px 0 6px;
  color: #fff;
  font-size: 24px;
}
.product-admin-hero p {
  max-width: 720px;
  margin: 0;
  color: #d1d5db;
  line-height: 1.45;
}
.product-admin-hero-actions,
.product-admin-status {
  display: flex;
  gap: 8px;
}
.product-admin-hero-actions {
  flex-wrap: wrap;
  align-content: center;
}
.product-admin-status {
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
.product-admin-status strong,
.product-admin-status span {
  display: block;
}
.product-admin-status span {
  color: #667085;
}
.product-admin-hero-actions a,
.product-admin-status a,
.product-admin-category-form button,
.product-admin-category button,
.product-admin-row a,
.product-admin-form button,
.product-admin-image-tools a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 11px;
  border: 0;
  border-radius: 6px;
  background: #f06a00;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.product-admin-section {
  padding: 14px;
}
.product-admin-section-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eef1f4;
}
.product-admin-section-head h2 {
  margin: 0;
  color: #111827;
  font-size: 19px;
}
.product-admin-section-head p {
  margin: 0;
  color: #667085;
  font-size: 13px;
}
.product-admin-category-form,
.product-admin-category form,
.product-admin-form {
  display: grid;
  gap: 10px;
}
.product-admin-category-form {
  grid-template-columns: minmax(180px, 1fr) 90px auto;
  margin-bottom: 12px;
}
.product-admin-category-form input,
.product-admin-category input,
.product-admin-form input,
.product-admin-form textarea,
.product-admin-form select {
  width: 100%;
  min-height: 34px;
  padding: 7px 8px;
  border: 1px solid #cfd7e2;
  border-radius: 6px;
  background: #fff;
}
.product-admin-category-list,
.product-admin-list {
  display: grid;
  gap: 8px;
}
.product-admin-category form {
  grid-template-columns: auto minmax(180px, 1fr) 80px auto auto auto;
  align-items: center;
  padding: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f8fafc;
}
.product-admin-category.active form,
.product-admin-row.active {
  border-color: #f06a00;
  box-shadow: 0 0 0 2px rgba(240,106,0,.12);
}
.product-admin-category span {
  color: #667085;
  font-size: 12px;
}
.product-admin-category .danger,
.product-admin-row .danger {
  background: #b42318;
}
.product-admin-empty {
  padding: 12px;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  color: #667085;
}
.product-admin-row {
  display: grid;
  grid-template-columns: 64px minmax(180px, 1fr) auto auto auto auto;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}
.product-admin-row img {
  display: block;
  width: 64px;
  height: 52px;
  object-fit: cover;
  border-radius: 6px;
  background: #f3f4f6;
}
.content-editor-admin {
  display: grid;
  gap: 14px;
  padding: 12px;
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}
.content-editor-admin * {
  box-sizing: border-box;
}
.content-editor-admin a {
  text-decoration: none;
}
.content-editor-hero,
.content-editor-toolbar,
.content-editor-card,
.content-editor-empty,
.content-editor-note {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}
.content-editor-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: #1f2937;
  color: #fff;
}
.content-editor-hero span {
  display: block;
  color: #f59e0b;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.content-editor-hero h1 {
  margin: 4px 0 6px;
  color: #fff;
  font-size: 24px;
}
.content-editor-hero p {
  max-width: 720px;
  margin: 0;
  color: #d1d5db;
  line-height: 1.45;
}
.content-editor-hero a,
.content-editor-toolbar button,
.content-editor-card-head a,
.content-editor-actions input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 0;
  border-radius: 6px;
  background: #f06a00;
  color: #fff !important;
  font-weight: 700;
  cursor: pointer;
}
.content-editor-toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  background: #f8fafc;
}
.content-editor-toolbar label {
  display: grid;
  gap: 5px;
  flex: 1 1 260px;
  color: #475467;
  font-size: 12px;
  font-weight: 700;
}
.content-editor-toolbar select {
  width: 100%;
  min-height: 38px;
  padding: 7px 9px;
  border: 1px solid #cfd7e2;
  border-radius: 6px;
  background: #fff;
  color: #111827;
  font-weight: 600;
}
.content-editor-toolbar-sub {
  margin-top: 4px;
}
.content-editor-card {
  padding: 14px;
  overflow: visible;
}
.content-editor-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eef1f4;
}
.content-editor-card-head span {
  display: block;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.content-editor-card-head h2 {
  margin: 3px 0 0;
  color: #111827;
  font-size: 20px;
}
.content-editor-form textarea {
  width: 100%;
  min-height: 360px;
}
.content-editor-form .cke_skin_kama,
.content-editor-form .cke_chrome,
.content-editor-form .cke {
  display: block !important;
  visibility: visible !important;
  max-width: 100%;
}
.content-editor-form .cke_wrapper,
.content-editor-form .cke_top,
.content-editor-form .cke_toolbox,
.content-editor-form .cke_toolbar {
  visibility: visible !important;
}
.content-editor-actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 12px;
}
.content-editor-empty,
.content-editor-note {
  padding: 12px;
  background: #f8fafc;
  color: #475467;
  line-height: 1.45;
}
.content-editor-empty {
  border-style: dashed;
}

@media (max-width: 760px) {
  .content-editor-hero,
  .content-editor-toolbar,
  .content-editor-card-head {
    align-items: stretch;
    flex-direction: column;
  }
  .content-editor-hero a,
  .content-editor-toolbar button,
  .content-editor-card-head a,
  .content-editor-actions input[type="submit"] {
    width: 100%;
  }
}
.product-admin-row strong,
.product-admin-row span {
  display: block;
}
.product-admin-row span {
  color: #667085;
  font-size: 12px;
}
.product-admin-row em {
  padding: 5px 7px;
  border-radius: 999px;
  background: #ecfdf3;
  color: #067647;
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
}
.product-admin-row a:nth-last-child(2) {
  background: #1f2937;
}
.product-admin-form {
  grid-template-columns: repeat(3, minmax(160px, 1fr));
}
.product-admin-form label {
  display: grid;
  gap: 5px;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
}
.product-admin-form label.wide {
  grid-column: 1 / -1;
}
.product-admin-form label.check {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-admin-form label.check input {
  width: auto;
  min-height: 0;
}
.product-admin-form textarea {
  min-height: 84px;
  resize: vertical;
}
.product-admin-form button {
  grid-column: 1 / -1;
  justify-self: start;
}
.product-admin-image-tools {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #eef1f4;
}
.product-admin-image-tools img {
  width: 96px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 860px) {
  .product-admin-hero,
  .product-admin-status,
  .product-admin-section-head,
  .product-admin-image-tools {
    flex-direction: column;
    align-items: stretch;
  }
  .product-admin-category-form,
  .product-admin-category form,
  .product-admin-row,
  .product-admin-form {
    grid-template-columns: 1fr;
  }
  .product-admin-row img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}
.product-cta-box {
  clear: both;
  margin-top: 12px;
  padding: 12px;
  background: #f4f4f4;
  border-left: 4px solid #0f6b3d;
  border-radius: 4px;
}
.product-cta-summary {
  margin-bottom: 8px;
  color: #333;
  line-height: 1.5;
}
.product-cta-meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  font-size: 12px;
}
.product-cta-button {
  display: inline-block;
  background: #0f6b3d;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
  padding: 9px 14px;
  border-radius: 4px;
}
.cart-cta-button {
  background: #1f2937;
  margin-left: 6px;
}
.product-card-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: center;
  margin: 8px 4px 0;
}
.product-card-actions span {
  background: #eef2f7;
  color: #334155;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  padding: 5px 6px;
}
.cart-page {
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}
.cart-hero {
  align-items: center;
  background: var(--cms-accent);
  color: #fff;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 18px;
}
.cart-hero h1 {
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 8px;
}
.cart-hero p {
  color: #d9e4ec;
  margin: 0;
}
.cart-hero a,
.cart-empty a,
.cart-checkout button,
.cart-clear,
.cart-item > a {
  background: var(--cms-primary);
  border: 0;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 10px 12px;
  text-decoration: none;
}
.cart-layout {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) 300px;
}
.cart-items {
  display: grid;
  gap: 12px;
}
.cart-item {
  align-items: center;
  background: #fff;
  border: 1px solid #ddd;
  border-left: 4px solid var(--cms-primary);
  display: grid;
  gap: 12px;
  grid-template-columns: 92px minmax(0, 1fr) auto;
  padding: 12px;
}
.cart-item img {
  height: 86px;
  object-fit: cover;
  width: 86px;
}
.cart-item strong,
.cart-item span {
  display: block;
}
.cart-item span,
.cart-checkout p,
.cart-success span,
.cart-empty span {
  color: #64748b;
  line-height: 1.5;
}
.cart-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.cart-item-meta em {
  background: #eef2f7;
  color: #334155;
  font-style: normal;
  font-weight: bold;
  padding: 5px 7px;
}
.cart-checkout,
.cart-empty,
.cart-success {
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
}
.cart-checkout h2 {
  font-size: 20px;
  margin: 0 0 8px;
}
.cart-checkout label {
  color: #334155;
  display: block;
  font-weight: bold;
  margin-top: 10px;
}
.cart-checkout input,
.cart-checkout textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 5px;
  padding: 9px;
  width: 100%;
}
.cart-checkout textarea {
  min-height: 90px;
}
.cart-checkout button {
  margin-top: 12px;
  width: 100%;
}
.cart-clear {
  background: #8a1f16;
  box-sizing: border-box;
  margin-top: 8px;
  text-align: center;
  width: 100%;
}
.cart-whatsapp {
  background: #128c7e;
  box-sizing: border-box;
  color: #fff !important;
  display: block;
  font-weight: bold;
  margin-top: 8px;
  padding: 10px 12px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.cart-alert {
  border: 1px solid #ddd;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 10px 12px;
}
.cart-ok {
  background: #daf5e7;
  color: #12643a;
}
.cart-warn {
  background: #fff2cc;
  color: #755000;
}
.cart-info-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 16px;
}
.cart-info-grid article {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 4px solid var(--cms-primary);
  padding: 12px;
}
.cart-info-grid strong,
.cart-info-grid span {
  display: block;
}
.cart-info-grid span {
  color: #64748b;
  line-height: 1.6;
  margin-top: 6px;
  white-space: pre-wrap;
}
.ecommerce-admin {
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}
.ecommerce-hero {
  align-items: center;
  background: var(--cms-accent);
  color: #fff;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 14px;
  padding: 16px;
}
.ecommerce-hero h1 {
  font-size: 24px;
  margin: 0 0 6px;
}
.ecommerce-hero p {
  color: #d9e4ec;
  margin: 0;
}
.ecommerce-hero a,
.ecommerce-form button {
  background: var(--cms-primary);
  border: 0;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 10px 12px;
  text-decoration: none;
}
.ecommerce-alert {
  border: 1px solid #ddd;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 10px 12px;
}
.ecommerce-ok {
  background: #daf5e7;
  color: #12643a;
}
.ecommerce-warn {
  background: #fff2cc;
  color: #755000;
}
.ecommerce-form {
  background: #fff;
  border: 1px solid #ddd;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 14px;
}
.ecommerce-form label {
  color: #334155;
  display: block;
  font-weight: bold;
}
.ecommerce-form input,
.ecommerce-form select,
.ecommerce-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 5px;
  padding: 9px;
  width: 100%;
}
.ecommerce-form textarea {
  min-height: 96px;
}
.ecommerce-check,
.ecommerce-wide,
.ecommerce-form button {
  grid-column: 1 / -1;
}
.ecommerce-check input {
  display: inline-block;
  margin-right: 6px;
  width: auto;
}
.lead-form-page,
.lead-admin {
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}
.lead-hero,
.lead-admin-hero {
  background: var(--cms-accent);
  color: #fff;
  margin-bottom: 16px;
  padding: 22px;
}
.lead-admin-hero {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.lead-hero span {
  color: var(--cms-primary);
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}
.lead-hero h1,
.lead-admin-hero h1 {
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 8px;
}
.lead-hero p,
.lead-admin-hero p {
  color: #d9e4ec;
  line-height: 1.6;
  margin: 0;
}
.lead-form,
.lead-success,
.lead-empty,
.lead-admin-card {
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
}
.lead-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lead-form label {
  color: #334155;
  display: block;
  font-weight: bold;
}
.lead-form input,
.lead-form select,
.lead-form textarea,
.lead-note-form select,
.lead-note-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 5px;
  padding: 9px;
  width: 100%;
}
.lead-form textarea,
.lead-note-form textarea {
  min-height: 96px;
}
.lead-wide,
.lead-form button {
  grid-column: 1 / -1;
}
.lead-form button,
.lead-success a,
.lead-admin-hero a,
.lead-filter a,
.lead-actions a,
.lead-note-form button {
  background: var(--cms-primary);
  border: 0;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 10px 12px;
  text-decoration: none;
}
.lead-error {
  background: #fff2cc;
  border: 1px solid #ddd;
  color: #755000;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 10px 12px;
}
.lead-success strong,
.lead-success span {
  display: block;
}
.lead-success span {
  color: #64748b;
  line-height: 1.6;
  margin: 6px 0 12px;
}
.lead-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
.lead-admin-list {
  display: grid;
  gap: 12px;
}
.lead-admin-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.lead-admin-head strong,
.lead-admin-head span {
  display: block;
}
.lead-admin-head span,
.lead-admin-meta,
.lead-message {
  color: #64748b;
  line-height: 1.55;
}
.lead-status {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  padding: 5px 8px;
  white-space: nowrap;
}
.lead-status-yeni {
  background: #fff2cc;
  color: #755000;
}
.lead-status-gorusuldu,
.lead-status-teklif {
  background: #dbeafe;
  color: #1d4ed8;
}
.lead-status-kazanildi {
  background: #daf5e7;
  color: #12643a;
}
.lead-status-kaybedildi {
  background: #fee2e2;
  color: #991b1b;
}
.lead-admin-meta {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 10px 0;
}
.lead-message {
  background: #f8fafc;
  padding: 10px;
  white-space: pre-wrap;
}
.lead-note-form {
  display: grid;
  gap: 8px;
  grid-template-columns: 130px minmax(0, 1fr) auto;
  margin-top: 10px;
}
.lead-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.lead-actions .danger {
  background: #8a1f16;
}
.campaign-page,
.campaign-admin {
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}
.campaign-list-hero,
.campaign-detail-hero,
.campaign-admin-hero {
  background: var(--cms-accent);
  color: #fff;
  margin-bottom: 16px;
  padding: 22px;
}
.campaign-detail-hero,
.campaign-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.campaign-list-hero span,
.campaign-detail-hero span {
  color: var(--cms-primary);
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}
.campaign-list-hero h1,
.campaign-detail-hero h1,
.campaign-admin-hero h1 {
  font-size: 30px;
  line-height: 1.2;
  margin: 0 0 8px;
}
.campaign-list-hero p,
.campaign-detail-hero p,
.campaign-admin-hero p {
  color: #d9e4ec;
  line-height: 1.6;
  margin: 0;
}
.campaign-detail-hero img {
  height: 220px;
  object-fit: cover;
  width: 320px;
}
.campaign-detail-hero a,
.campaign-next-step a,
.campaign-admin-hero a,
.campaign-form button,
.campaign-cancel,
.campaign-admin-actions a,
.campaign-card a,
.campaign-empty a {
  background: var(--cms-primary);
  border: 0;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-top: 10px;
  padding: 10px 12px;
  text-decoration: none;
}
.campaign-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.campaign-card,
.campaign-detail-body,
.campaign-next-step,
.campaign-empty,
.campaign-form,
.campaign-admin-card {
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
}
.campaign-card {
  display: grid;
  gap: 12px;
  grid-template-columns: 150px minmax(0, 1fr);
}
.campaign-card img {
  height: 130px;
  object-fit: cover;
  width: 150px;
}
.campaign-card span,
.campaign-card p,
.campaign-next-step span {
  color: #64748b;
  line-height: 1.55;
}
.campaign-card h2 {
  font-size: 20px;
  margin: 4px 0 8px;
}
.campaign-detail-body {
  color: #334155;
  line-height: 1.7;
  margin-bottom: 14px;
}
.campaign-next-step strong,
.campaign-next-step span,
.campaign-admin-card strong,
.campaign-admin-card span {
  display: block;
}
.campaign-form {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 16px;
}
.campaign-form label {
  color: #334155;
  display: block;
  font-weight: bold;
}
.campaign-form input,
.campaign-form select,
.campaign-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 5px;
  padding: 9px;
  width: 100%;
}
.campaign-form textarea {
  min-height: 160px;
}
.campaign-wide,
.campaign-check,
.campaign-form button,
.campaign-cancel {
  grid-column: 1 / -1;
}
.campaign-check input {
  display: inline-block;
  margin-right: 6px;
  width: auto;
}
.campaign-alert {
  border: 1px solid #ddd;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 10px 12px;
}
.campaign-ok {
  background: #daf5e7;
  color: #12643a;
}
.campaign-warn {
  background: #fff2cc;
  color: #755000;
}
.campaign-admin-list {
  display: grid;
  gap: 12px;
}
.campaign-admin-card {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto auto;
}
.campaign-admin-card span {
  color: #64748b;
  line-height: 1.5;
  margin-top: 5px;
}
.campaign-admin-card em {
  background: #daf5e7;
  color: #12643a;
  font-style: normal;
  font-weight: bold;
  padding: 5px 8px;
}
.campaign-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.campaign-admin-actions .danger {
  background: #8a1f16;
}
.portfolio-page,
.portfolio-admin,
.home-portfolio-showcase {
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}
.portfolio-list-hero,
.portfolio-detail-hero,
.portfolio-admin-hero,
.home-portfolio-head {
  background: var(--cms-accent);
  color: #fff;
  margin-bottom: 16px;
  padding: 22px;
}
.portfolio-detail-hero,
.portfolio-admin-hero,
.home-portfolio-head {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.portfolio-list-hero span,
.portfolio-detail-hero span,
.home-portfolio-head span {
  color: var(--cms-primary);
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}
.portfolio-list-hero h1,
.portfolio-detail-hero h1,
.portfolio-admin-hero h1 {
  font-size: 30px;
  line-height: 1.2;
  margin: 0 0 8px;
}
.home-portfolio-head h2 {
  font-size: 22px;
  margin: 0;
}
.portfolio-list-hero p,
.portfolio-detail-hero p,
.portfolio-admin-hero p {
  color: #d9e4ec;
  line-height: 1.6;
  margin: 0;
}
.portfolio-detail-hero img {
  height: 230px;
  object-fit: cover;
  width: 330px;
}
.portfolio-detail-hero a,
.portfolio-cta a,
.portfolio-admin-hero a,
.portfolio-form button,
.portfolio-cancel,
.portfolio-admin-actions a,
.portfolio-card a,
.portfolio-empty a,
.home-portfolio-head a,
.home-portfolio-card a {
  background: var(--cms-primary);
  border: 0;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-top: 10px;
  padding: 10px 12px;
  text-decoration: none;
}
.portfolio-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.portfolio-card,
.portfolio-story article,
.portfolio-cta,
.portfolio-empty,
.portfolio-form,
.portfolio-admin-card {
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
}
.portfolio-card {
  display: grid;
  gap: 12px;
  grid-template-columns: 150px minmax(0, 1fr);
}
.portfolio-card img {
  height: 130px;
  object-fit: cover;
  width: 150px;
}
.portfolio-card span,
.portfolio-card p,
.portfolio-story p,
.portfolio-cta span,
.home-portfolio-card p {
  color: #64748b;
  line-height: 1.55;
}
.portfolio-card h2 {
  font-size: 20px;
  margin: 4px 0 8px;
}
.portfolio-story {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}
.portfolio-story strong,
.portfolio-cta strong {
  display: block;
  font-size: 18px;
}
.portfolio-form {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 16px;
}
.portfolio-form label {
  color: #334155;
  display: block;
  font-weight: bold;
}
.portfolio-form input,
.portfolio-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 5px;
  padding: 9px;
  width: 100%;
}
.portfolio-form textarea {
  min-height: 120px;
}
.portfolio-wide,
.portfolio-check,
.portfolio-form button,
.portfolio-cancel {
  grid-column: 1 / -1;
}
.portfolio-check input {
  display: inline-block;
  margin-right: 6px;
  width: auto;
}
.portfolio-alert {
  border: 1px solid #ddd;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 10px 12px;
}
.portfolio-ok {
  background: #daf5e7;
  color: #12643a;
}
.portfolio-warn {
  background: #fff2cc;
  color: #755000;
}
.portfolio-admin-list {
  display: grid;
  gap: 12px;
}
.portfolio-admin-card {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto auto;
}
.portfolio-admin-card span {
  color: #64748b;
  display: block;
  line-height: 1.5;
  margin-top: 5px;
}
.portfolio-admin-card em {
  background: #daf5e7;
  color: #12643a;
  font-style: normal;
  font-weight: bold;
  padding: 5px 8px;
}
.portfolio-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.portfolio-admin-actions .danger {
  background: #8a1f16;
}
.home-portfolio-showcase {
  box-sizing: border-box;
  width: calc(100% - 24px);
  margin: 18px auto;
}
.home-portfolio-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-portfolio-card {
  background: #fff;
  border: 1px solid #ddd;
  border-left: 4px solid var(--cms-primary);
  display: grid;
  gap: 12px;
  grid-template-columns: 150px minmax(0, 1fr);
  padding: 12px;
}
.home-portfolio-card img {
  height: 120px;
  object-fit: cover;
  width: 150px;
}
.home-portfolio-card span {
  color: var(--cms-primary);
  display: block;
  font-weight: bold;
}
.home-portfolio-card strong {
  display: block;
  font-size: 18px;
  line-height: 1.25;
  margin-top: 4px;
}
.faq-page,
.faq-admin {
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}
.faq-hero,
.faq-admin-hero {
  background: var(--cms-accent);
  color: #fff;
  margin-bottom: 16px;
  padding: 22px;
}
.faq-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.faq-hero span {
  color: var(--cms-primary);
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}
.faq-hero h1,
.faq-admin-hero h1 {
  font-size: 30px;
  line-height: 1.2;
  margin: 0 0 8px;
}
.faq-hero p,
.faq-admin-hero p {
  color: #d9e4ec;
  line-height: 1.6;
  margin: 0;
}
.faq-list,
.faq-admin-list {
  display: grid;
  gap: 12px;
}
.faq-item,
.faq-cta,
.faq-empty,
.faq-form,
.faq-admin-card {
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
}
.faq-item {
  border-left: 4px solid var(--cms-primary);
}
.faq-item span {
  color: var(--cms-primary);
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}
.faq-item h2 {
  font-size: 20px;
  line-height: 1.25;
  margin: 0 0 8px;
}
.faq-item p,
.faq-cta span,
.faq-admin-card span {
  color: #64748b;
  line-height: 1.6;
}
.faq-cta {
  margin-top: 14px;
}
.faq-cta strong,
.faq-cta span {
  display: block;
}
.faq-cta a,
.faq-admin-hero a,
.faq-form button,
.faq-cancel,
.faq-admin-actions a {
  background: var(--cms-primary);
  border: 0;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-top: 10px;
  padding: 10px 12px;
  text-decoration: none;
}
.faq-form {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 16px;
}
.faq-form label {
  color: #334155;
  display: block;
  font-weight: bold;
}
.faq-form input,
.faq-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 5px;
  padding: 9px;
  width: 100%;
}
.faq-form textarea {
  min-height: 130px;
}
.faq-wide,
.faq-form button,
.faq-cancel {
  grid-column: 1 / -1;
}
.faq-check input {
  display: inline-block;
  margin-right: 6px;
  width: auto;
}
.faq-alert {
  border: 1px solid #ddd;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 10px 12px;
}
.faq-ok {
  background: #daf5e7;
  color: #12643a;
}
.faq-warn {
  background: #fff2cc;
  color: #755000;
}
.faq-admin-card {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto auto;
}
.faq-admin-card strong,
.faq-admin-card span {
  display: block;
}
.faq-admin-card em {
  background: #daf5e7;
  color: #12643a;
  font-style: normal;
  font-weight: bold;
  padding: 5px 8px;
}
.faq-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.faq-admin-actions .danger {
  background: #8a1f16;
}
.site-search-page {
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}
.search-hero {
  background: var(--cms-accent);
  color: #fff;
  margin-bottom: 16px;
  padding: 22px;
}
.search-hero span {
  color: var(--cms-primary);
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}
.search-hero h1 {
  font-size: 30px;
  line-height: 1.2;
  margin: 0 0 8px;
}
.search-hero p {
  color: #d9e4ec;
  line-height: 1.6;
  margin: 0 0 14px;
}
.search-form {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}
.search-form input {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  padding: 11px;
  width: 100%;
}
.search-form button,
.search-result-card a {
  background: var(--cms-primary);
  border: 0;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 11px 14px;
  text-decoration: none;
}
.search-results {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.search-result-card,
.search-empty,
.search-count {
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
}
.search-result-card {
  border-left: 4px solid var(--cms-primary);
}
.search-result-card span {
  color: var(--cms-primary);
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}
.search-result-card h2 {
  font-size: 20px;
  line-height: 1.25;
  margin: 0 0 8px;
}
.search-result-card p {
  color: #64748b;
  line-height: 1.55;
  margin: 0 0 10px;
}
.search-empty,
.search-count {
  color: #475569;
  font-weight: bold;
  margin-top: 12px;
}
@media (max-width: 760px) {
  .cart-hero {
    align-items: flex-start;
    flex-direction: column;
  }
  .cart-layout {
    grid-template-columns: 1fr;
  }
  .cart-item {
    align-items: flex-start;
    grid-template-columns: 74px minmax(0, 1fr);
  }
  .cart-item img {
    height: 68px;
    width: 68px;
  }
  .cart-item > a {
    grid-column: 1 / -1;
    text-align: center;
  }
  .cart-cta-button {
    margin-left: 0;
    margin-top: 6px;
  }
  .cart-info-grid,
  .ecommerce-form {
    grid-template-columns: 1fr;
  }
  .ecommerce-hero {
    align-items: flex-start;
    flex-direction: column;
  }
  .lead-form,
  .lead-admin-meta,
  .lead-note-form {
    grid-template-columns: 1fr;
  }
  .lead-admin-hero,
  .lead-admin-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .campaign-grid,
  .campaign-form,
  .campaign-admin-card {
    grid-template-columns: 1fr;
  }
  .campaign-card {
    grid-template-columns: 1fr;
  }
  .campaign-card img,
  .campaign-detail-hero img {
    height: auto;
    width: 100%;
  }
  .campaign-detail-hero,
  .campaign-admin-hero {
    align-items: flex-start;
    flex-direction: column;
  }
  .portfolio-grid,
  .portfolio-story,
  .portfolio-form,
  .portfolio-admin-card,
  .home-portfolio-grid,
  .home-portfolio-card {
    grid-template-columns: 1fr;
  }
  .portfolio-card {
    grid-template-columns: 1fr;
  }
  .portfolio-card img,
  .portfolio-detail-hero img,
  .home-portfolio-card img {
    height: auto;
    width: 100%;
  }
  .portfolio-detail-hero,
  .portfolio-admin-hero,
  .home-portfolio-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .faq-form,
  .faq-admin-card {
    grid-template-columns: 1fr;
  }
  .faq-admin-hero {
    align-items: flex-start;
    flex-direction: column;
  }
  .search-form,
  .search-results {
    grid-template-columns: 1fr;
  }
}
.social-showcase {
  background: #fff;
  padding: 24px;
  border: 1px solid #ddd;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  box-sizing: border-box;
}
.social-showcase h1 {
  margin: 0 0 8px 0;
  font-size: 26px;
  line-height: 1.2;
}
.social-showcase p {
  margin: 0 0 18px 0;
  color: #444;
}
.social-showcase-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.social-showcase-card {
  display: block;
  min-height: 116px;
  padding: 16px;
  color: #fff !important;
  text-decoration: none;
  border-radius: 6px;
  box-sizing: border-box;
}
.social-showcase-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
}
.social-showcase-card span {
  display: block;
  font-size: 12px;
  line-height: 1.5;
}
.social-showcase-instagram { background: #b72a75; }
.social-showcase-youtube { background: #d51f1f; }
.social-showcase-facebook { background: #2856a3; }
.social-showcase-twitter { background: #111; }
.social-showcase-note {
  margin-top: 14px;
  padding: 12px;
  background: #f2f2f2;
  border-left: 4px solid #ff6600;
  font-size: 12px;
  line-height: 1.55;
}
.content-studio {
  font-family: Verdana, Geneva, sans-serif;
}
.content-studio-hero {
  background: #202020;
  color: #fff;
  padding: 18px;
  border-radius: 6px;
  margin-bottom: 14px;
}
.content-studio-hero h1 {
  margin: 0 0 6px 0;
  font-size: 24px;
}
.content-studio-hero p {
  margin: 0;
  line-height: 1.5;
  color: #eee;
}
.content-studio-form {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 9px 12px;
  padding: 14px;
  background: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-sizing: border-box;
}
.content-studio-form label {
  font-weight: bold;
  font-size: 12px;
  padding-top: 8px;
}
.content-studio-form input[type="text"],
.content-studio-form select {
  width: 100%;
  min-height: 32px;
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 6px 8px;
  box-sizing: border-box;
}
.content-studio-form input[type="submit"] {
  grid-column: 2;
  justify-self: start;
  background: #ff6600;
  color: #fff;
  border: 0;
  border-radius: 4px;
  padding: 9px 16px;
  font-weight: bold;
  cursor: pointer;
}
.content-studio-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.studio-output {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 12px;
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  box-sizing: border-box;
}
.studio-output-wide {
  grid-column: 1 / -1;
}
.studio-output h2 {
  margin: 0 0 8px 0;
  font-size: 14px;
}
.studio-output textarea {
  width: 100%;
  min-height: 92px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px;
  resize: vertical;
  box-sizing: border-box;
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  line-height: 1.5;
}
.sayfa_icerik h1,
.sayfa_icerik h2,
.sayfa_icerik h3,
.icerik_anasayfa h1,
.icerik_anasayfa h2,
.icerik_anasayfa h3 {
  line-height: 1.25;
  margin-top: 0.8em;
  margin-bottom: 0.45em;
}
.sayfa_icerik p,
.icerik_anasayfa p {
  margin-top: 0;
  margin-bottom: 1em;
}
.sayfa_icerik a,
.icerik_anasayfa a,
.haberler_icerik a {
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.sayfa_icerik table,
.icerik_anasayfa table,
.haberler_icerik table {
  max-width: 100%;
}
.sayfa_icerik iframe,
.icerik_anasayfa iframe,
.haberler_icerik iframe {
  max-width: 100%;
}
@media (hover: none) {
  .submenu_container {
    display: block;
    position: static;
  }
}
@media (max-width: 760px) {
  .top_slogan_wrap {
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
    padding: 0 12px 12px 12px;
  }
  .slogan {
    max-width: 100%;
    text-align: center;
  }
  .menu_link,
  .menu_ic,
  .submenu {
    box-sizing: border-box;
  }
  .home-layout,
  .home-layout tbody,
  .home-layout tr,
  .home-layout td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  .haber_container_all,
  .haberler_icerik,
  .haber_ozet_inline {
    width: 100% !important;
    box-sizing: border-box;
  }
  .footer {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .footer_sector,
  .footer_sector_sag {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }
  .footer_sector_sag .container_clock,
  .footer_sector_sag .clock {
    margin-left: auto;
    margin-right: auto;
  }
  .seo-social-wrap {
    justify-content: center;
    margin: 10px auto !important;
    padding: 0 10px;
  }
  .urun_galeri_hucre {
    float: none !important;
    width: 100% !important;
    max-width: 360px;
    margin: 10px auto;
  }
  .urun_pro_resim {
    min-height: 180px;
  }
  .urun_detay_resim,
  .urun_detay_bilgi_sag_container {
    float: none !important;
    width: 100% !important;
  }
  .social-showcase {
    padding: 16px;
  }
  .social-showcase-grid {
    grid-template-columns: 1fr;
  }
  .product-admin-grid {
    grid-template-columns: 1fr;
  }
  .content-studio-form,
  .content-studio-results {
    grid-template-columns: 1fr;
  }
  .content-studio-form input[type="submit"],
  .studio-output-wide {
    grid-column: 1;
  }
}

.offer-form {
  box-sizing: border-box;
  width: 100%;
  max-width: 920px;
  margin: 0 auto 24px;
  padding: 18px;
  color: #202020;
  font-family: Arial, Helvetica, sans-serif;
}
.offer-hero {
  background: var(--cms-accent);
  color: #fff;
  padding: 18px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.offer-hero h1 {
  font-size: 24px;
  margin: 0 0 8px;
}
.offer-hero p {
  margin: 0;
  color: #d9e4ec;
}
.offer-product-summary {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px;
  border: 1px solid #ddd;
  background: #fafafa;
  margin-bottom: 16px;
}
.offer-product-summary img {
  width: 86px;
  height: 86px;
  object-fit: cover;
}
.offer-product-summary span {
  display: block;
  color: #666;
  font-size: 12px;
  margin-bottom: 4px;
}
.offer-product-summary strong {
  font-size: 18px;
}
.offer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.offer-grid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-weight: bold;
  color: #222;
}
.offer-grid input[type="text"],
.offer-grid textarea {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cfcfcf;
  padding: 10px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.offer-wide,
.offer-grid input[type="submit"] {
  grid-column: 1 / -1;
}
.offer-grid input[type="submit"] {
  border: 0;
  background: var(--cms-primary);
  color: #fff;
  padding: 12px 16px;
  font-weight: bold;
  cursor: pointer;
}
.offer-success,
.offer-error {
  padding: 12px;
  margin-bottom: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.offer-success {
  background: #e9f8f0;
  border: 1px solid #8ed4ad;
  color: #155f36;
}
.offer-error {
  background: #fff1f0;
  border: 1px solid #f0a5a0;
  color: #8a1f16;
}
.order-admin {
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
}
.order-admin-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #f7f8fa;
  border: 1px solid #ddd;
  padding: 14px;
  margin-bottom: 14px;
}
.order-admin-head strong,
.order-admin-head span {
  display: block;
}
.order-admin-head span {
  color: #666;
  margin-top: 4px;
}
.order-admin-head a,
.order-admin-actions a {
  display: inline-block;
  background: #1f2937;
  color: #fff !important;
  text-decoration: none;
  padding: 7px 10px;
  margin: 2px;
}
.order-admin-list {
  display: grid;
  gap: 12px;
}
.order-admin-item {
  border: 1px solid #ddd;
  background: #fff;
  padding: 14px;
}
.order-admin-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.order-status {
  background: #e8eef5;
  color: #1f2937;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
}
.order-status-tamamlandi {
  background: #daf5e7;
  color: #12643a;
}
.order-status-incelendi {
  background: #fff2cc;
  color: #755000;
}
.order-admin-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}
.order-admin-message {
  background: #f7f8fa;
  padding: 10px;
  margin-bottom: 10px;
  white-space: pre-wrap;
}
.order-admin-actions .danger {
  background: #8a1f16;
}
.home-feature-strip {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  width: calc(100% - 24px);
  margin: 18px auto;
  font-family: Arial, Helvetica, sans-serif;
}
.home-feature-card {
  box-sizing: border-box;
  min-height: 210px;
  padding: 18px;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-top: 4px solid var(--cms-primary);
  color: #1f2937;
  text-align: left;
}
.home-feature-card h2 {
  margin: 12px 0 8px;
  font-size: 20px;
  line-height: 1.25;
}
.home-feature-card p {
  margin: 0 0 14px;
  color: #475569;
  font-size: 14px;
  line-height: 1.55;
}
.home-feature-card a {
  display: inline-block;
  margin-top: auto;
  padding: 9px 12px;
  background: var(--cms-accent);
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
}
.home-feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: #eef7f4;
  color: var(--cms-primary);
  font-weight: bold;
  border-radius: 8px;
}
.home-feature-media,
.home-feature-visual {
  align-items: center;
  background: color-mix(in srgb, var(--cms-accent) 10%, #ffffff);
  border-radius: 10px;
  display: inline-flex;
  height: 58px;
  justify-content: center;
  margin-bottom: 12px;
  overflow: hidden;
  width: 58px;
}
.home-feature-media img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.home-feature-card.has-feature-image {
  overflow: hidden;
}
.home-feature-card.has-feature-image .home-feature-media {
  display: block;
  width: calc(100% + 36px);
  height: 168px;
  margin: -18px -18px 14px;
  border-radius: 0;
}
.home-feature-card.has-feature-image h2,
.home-feature-card.has-feature-image p,
.home-feature-card.has-feature-image > a {
  margin-left: 0;
  margin-right: 0;
}
.home-feature-visual span {
  border: 3px solid currentColor;
  border-radius: 999px;
  color: var(--cms-primary);
  display: block;
  height: 24px;
  position: relative;
  width: 24px;
}
.home-feature-visual span:after {
  background: currentColor;
  border-radius: 999px;
  content: "";
  height: 8px;
  position: absolute;
  right: -8px;
  top: 5px;
  width: 8px;
}
.home-feature-visual-satis span {
  border-radius: 6px;
  color: #b42318;
  transform: rotate(45deg);
}
.home-feature-visual-sosyal span {
  color: #2563eb;
}
.home-feature-visual-sosyal span:before {
  background: currentColor;
  border-radius: 999px;
  content: "";
  height: 8px;
  left: -8px;
  position: absolute;
  top: 5px;
  width: 8px;
}
.home-feature-visual-kampanya span {
  border-radius: 999px 999px 4px 999px;
  color: var(--cms-accent);
}
.home-feature-visual-urun span {
  border-radius: 4px;
  color: var(--cms-primary);
}
.home-feature-satis {
  border-top-color: #b42318;
}
.home-feature-satis .home-feature-icon {
  background: #fff1f0;
  color: #b42318;
}
.home-feature-sosyal {
  border-top-color: #2563eb;
}
.home-feature-sosyal .home-feature-icon {
  background: #eff6ff;
  color: #2563eb;
}
.home-campaign-showcase {
  box-sizing: border-box;
  width: calc(100% - 24px);
  margin: 18px auto;
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}
.home-campaign-head {
  align-items: center;
  background: var(--cms-section-dark, var(--cms-accent));
  color: var(--cms-on-dark, #fff);
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
}
.home-campaign-head span {
  color: var(--cms-section-kicker, var(--cms-on-dark, #fff));
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
}
.home-campaign-head h2 {
  color: var(--cms-on-dark, #fff);
  font-size: 22px;
  line-height: 1.2;
  margin: 0;
}
.home-campaign-head a,
.home-campaign-card a {
  background: var(--cms-primary);
  color: var(--cms-on-primary, #fff) !important;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.home-campaign-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
}
.home-campaign-card {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 4px solid var(--cms-primary);
  display: flex;
  flex-direction: column;
  min-height: 230px;
}
.home-campaign-card img {
  height: 130px;
  object-fit: cover;
  width: 100%;
}
.home-campaign-card div {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 12px;
}
.home-campaign-card strong {
  display: block;
  font-size: 17px;
  line-height: 1.25;
}
.home-campaign-card span {
  color: #64748b;
  display: block;
  flex: 1;
  line-height: 1.55;
  margin: 8px 0 12px;
}
.feature-admin {
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
}
.feature-admin-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #f7f8fa;
  border: 1px solid #ddd;
  padding: 14px;
  margin-bottom: 14px;
}
.feature-admin-head strong,
.feature-admin-head span {
  display: block;
}
.feature-admin-head span {
  color: #666;
  margin-top: 4px;
}
.feature-admin-head a,
.feature-actions a {
  display: inline-block;
  background: #1f2937;
  color: #fff !important;
  text-decoration: none;
  padding: 8px 10px;
}
.feature-admin-form,
.feature-admin-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  border: 1px solid #ddd;
  background: #fff;
  margin-bottom: 14px;
}
.feature-admin-form label,
.feature-admin-card label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-weight: bold;
}
.feature-admin-form input[type="text"],
.feature-admin-form textarea,
.feature-admin-form select,
.feature-admin-card input[type="text"],
.feature-admin-card textarea {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cfcfcf;
  padding: 8px;
  font-family: Arial, Helvetica, sans-serif;
}
.feature-wide,
.feature-check,
.feature-actions,
.feature-admin-form input[type="submit"] {
  grid-column: 1 / -1;
}
.feature-check {
  flex-direction: row !important;
  align-items: center;
}
.feature-admin-form input[type="submit"],
.feature-actions input[type="submit"] {
  border: 0;
  background: var(--cms-primary);
  color: #fff;
  padding: 10px 12px;
  font-weight: bold;
  cursor: pointer;
}
.feature-admin-list {
  display: grid;
  gap: 12px;
}
.media-admin,
.seo-audit {
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
}
.media-admin-head,
.seo-audit-hero {
  background: var(--cms-accent);
  color: #fff;
  padding: 16px;
  margin-bottom: 14px;
}
.media-admin-head strong,
.media-admin-head span {
  display: block;
}
.media-admin-head span,
.seo-audit-hero p {
  color: #d9e4ec;
  margin-top: 6px;
}
.media-upload-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  border: 1px solid #ddd;
  background: #fff;
  margin-bottom: 16px;
}
.media-upload-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-weight: bold;
}
.media-upload-form input[type="text"],
.media-upload-form input[type="file"],
.media-upload-form textarea,
.media-upload-form select {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cfcfcf;
  padding: 8px;
  font-family: Arial, Helvetica, sans-serif;
}
.media-wide,
.media-check,
.media-upload-form input[type="submit"] {
  grid-column: 1 / -1;
}
.media-check {
  flex-direction: row !important;
  align-items: center;
}
.media-upload-form input[type="submit"] {
  border: 0;
  background: var(--cms-primary);
  color: #fff;
  padding: 11px 14px;
  font-weight: bold;
  cursor: pointer;
}
.media-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.media-card {
  border: 1px solid #ddd;
  background: #fff;
  padding: 10px;
}
.media-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
  background: #f4f6f8;
  margin-bottom: 8px;
  overflow: hidden;
}
.media-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-preview span {
  color: #475569;
  font-weight: bold;
}
.media-card strong,
.media-card small {
  display: block;
  margin-bottom: 6px;
}
.media-card input[readonly] {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
  background: #f8fafc;
  padding: 7px;
  margin-bottom: 8px;
}
.media-actions a {
  display: inline-block;
  background: #1f2937;
  color: #fff !important;
  text-decoration: none;
  padding: 7px 9px;
  margin: 2px 2px 2px 0;
}
.media-actions .danger {
  background: #8a1f16;
}
.seo-audit-hero h1 {
  margin: 0 0 6px;
  font-size: 24px;
}
.seo-audit-hero p {
  margin-bottom: 0;
}
.seo-audit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.seo-audit-item {
  display: block;
  min-height: 118px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 4px solid #334155;
  padding: 12px;
  color: #1f2937 !important;
  text-decoration: none;
}
.seo-audit-item strong,
.seo-audit-item span {
  display: block;
}
.seo-audit-item span {
  margin: 8px 0 12px;
  color: #64748b;
}
.seo-badge {
  display: inline-block !important;
  padding: 4px 8px;
  font-weight: bold;
  font-size: 12px;
}
.seo-ok {
  background: #daf5e7;
  color: #12643a;
}
.seo-warn {
  background: #fff2cc;
  color: #755000;
}
.template-admin,
.cms-page-template {
  font-family: Arial, Helvetica, sans-serif;
  color: #1f2937;
}
.template-admin-hero {
  background: var(--cms-accent);
  color: #fff;
  padding: 16px;
  margin-bottom: 14px;
}
.template-admin-hero h1 {
  margin: 0 0 6px;
  font-size: 24px;
}
.template-admin-hero p {
  color: #d9e4ec;
  margin: 0;
}
.template-message {
  background: #e9f8f0;
  border: 1px solid #8ed4ad;
  color: #155f36;
  padding: 12px;
  margin-bottom: 12px;
  font-weight: bold;
}
.template-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
  margin-bottom: 16px;
}
.template-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-weight: bold;
}
.template-form input[type="text"],
.template-form select {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cfcfcf;
  padding: 9px;
  font-family: Arial, Helvetica, sans-serif;
}
.template-form input[type="submit"] {
  grid-column: 1 / -1;
  border: 0;
  background: var(--cms-primary);
  color: #fff;
  padding: 12px 14px;
  font-weight: bold;
  cursor: pointer;
}
.template-preview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.template-preview-grid article {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 4px solid var(--cms-primary);
  padding: 12px;
}
.template-preview-grid strong,
.template-preview-grid span {
  display: block;
}
.template-preview-grid span {
  color: #64748b;
  margin-top: 6px;
}
.cms-page-template {
  box-sizing: border-box;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}
.cms-template-hero {
  background: var(--cms-accent);
  color: #fff;
  padding: 28px;
  margin-bottom: 16px;
}
.cms-template-hero span {
  display: block;
  color: var(--cms-primary);
  font-weight: bold;
  margin-bottom: 8px;
}
.cms-template-hero h1 {
  font-size: 32px;
  line-height: 1.2;
  margin: 0 0 10px;
}
.cms-template-hero p {
  color: #e5e7eb;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 16px;
}
.cms-template-hero a,
.cms-template-secondary {
  display: inline-block;
  background: var(--cms-primary);
  color: #fff !important;
  text-decoration: none;
  padding: 10px 14px;
  font-weight: bold;
}
.cms-template-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.cms-template-grid article {
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
}
.cms-template-grid strong,
.cms-template-grid span {
  display: block;
}
.cms-template-grid span {
  color: #64748b;
  line-height: 1.5;
  margin-top: 8px;
}
.cms-template-band {
  background: #f7f8fa;
  border: 1px solid #ddd;
  padding: 18px;
  margin-bottom: 18px;
}
.cms-template-band h2 {
  margin: 0 0 10px;
  font-size: 22px;
}
.cms-template-band p,
.cms-template-band li {
  color: #475569;
  line-height: 1.65;
}
.design-admin {
  font-family: Arial, Helvetica, sans-serif;
  color: #1f2937;
}
.design-admin-hero {
  background: var(--cms-accent);
  color: #fff;
  padding: 16px;
  margin-bottom: 14px;
}
.design-admin-hero h1 {
  margin: 0 0 6px;
  font-size: 24px;
}
.design-admin-hero p {
  color: #d9e4ec;
  margin: 0;
}
.design-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
  margin-bottom: 16px;
}
.design-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-weight: bold;
}
.design-form input[type="text"],
.design-form select {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cfcfcf;
  padding: 9px;
  font-family: Arial, Helvetica, sans-serif;
}
.design-form input[type="submit"] {
  grid-column: 1 / -1;
  border: 0;
  background: var(--cms-primary);
  color: #fff;
  padding: 12px 14px;
  font-weight: bold;
  cursor: pointer;
}
.design-preview {
  background: var(--preview-surface);
  color: var(--preview-text);
  border: 1px solid #ddd;
  border-radius: var(--preview-radius);
  padding: 18px;
  box-shadow: var(--cms-shadow);
}
.design-preview span {
  color: var(--preview-primary);
  font-weight: bold;
}
.design-preview h2 {
  margin: 8px 0;
  font-size: 24px;
}
.design-preview p {
  color: var(--preview-text);
  line-height: 1.6;
}
.design-preview a {
  display: inline-block;
  background: var(--preview-primary);
  color: #fff !important;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: var(--preview-radius);
  font-weight: bold;
}

.design-decision-form {
  grid-template-columns: minmax(260px, .9fr) minmax(320px, 1.1fr);
  align-items: start;
  background: #f8fafc;
  border: 1px solid #dbe3ea;
}

.design-panel {
  display: grid;
  gap: 12px;
  background: #fff;
  border: 1px solid #dbe3ea;
  border-radius: 8px;
  padding: 14px;
  box-sizing: border-box;
}

.design-panel h2 {
  margin: 0;
  color: #111827;
  font-size: 18px;
}

.design-wide {
  grid-column: 1 / -1;
}

.design-mode-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.design-mode-row label {
  flex-direction: row;
  align-items: center;
  border: 1px solid #dbe3ea;
  border-radius: 8px;
  padding: 9px 10px;
  background: #f8fafc;
}

.design-form textarea,
.design-form input[type="number"],
.design-form input[type="color"] {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  padding: 9px;
  font-family: Arial, Helvetica, sans-serif;
}

.design-form textarea {
  min-height: 86px;
  resize: vertical;
}

.design-form input[type="color"] {
  min-height: 44px;
  padding: 4px;
}

.design-color-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.design-generate-button {
  justify-self: start;
  border: 0;
  border-radius: 8px;
  background: #111827;
  color: #fff;
  padding: 11px 14px;
  font-weight: bold;
  cursor: pointer;
}

.design-generate-button:hover {
  background: var(--cms-primary, #111827);
}

.design-palette-status {
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  color: #475569;
  padding: 10px 12px;
  line-height: 1.45;
}

.design-palette-status.is-ready {
  border-style: solid;
  border-color: #16a34a;
  background: #ecfdf5;
  color: #14532d;
  font-weight: bold;
}

.design-home-preview {
  padding: 0;
  overflow: hidden;
  background: color-mix(in srgb, var(--preview-surface) 84%, var(--preview-primary) 16%);
}

.design-home-preview.is-palette-updated {
  animation: palettePreviewPulse .55s ease-out;
}

@keyframes palettePreviewPulse {
  0% { outline: 0 solid rgba(22, 163, 74, .0); }
  35% { outline: 5px solid rgba(22, 163, 74, .32); }
  100% { outline: 0 solid rgba(22, 163, 74, .0); }
}

.design-preview-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: var(--preview-primary);
  color: var(--preview-on-primary, #fff);
}

.design-preview-top strong,
.design-preview-top span {
  color: var(--preview-on-primary, #fff);
}

.design-preview-top nav {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.design-preview-top nav span {
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 6px;
  padding: 6px 8px;
  background: rgba(255,255,255,.12);
}

.design-preview-hero {
  padding: 28px 18px;
  background: var(--preview-dark, #111827);
  color: var(--preview-on-dark, #fff);
  text-align: center;
}

.design-preview-hero span,
.design-preview-hero h2,
.design-preview-hero p {
  color: var(--preview-on-dark, #fff);
}

.design-preview-hero h2 {
  margin: 8px 0;
}

.design-preview-hero a {
  background: var(--preview-accent);
  color: var(--preview-on-accent, #111827) !important;
}

.design-preview-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
}

.design-preview-content article {
  background: var(--preview-surface);
  color: var(--preview-text);
  border: 1px solid color-mix(in srgb, var(--preview-primary) 20%, #ffffff);
  border-radius: var(--preview-radius);
  padding: 13px;
}

.design-preview-content b,
.design-preview-content p {
  color: var(--preview-text);
}

.design-preview-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  background: color-mix(in srgb, var(--preview-primary) 42%, #000000);
  color: #fff;
}

.design-preview-footer span {
  color: #fff;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 6px;
  padding: 5px 7px;
}
.design-panel-note {
  color: #52606d;
  line-height: 1.55;
  margin: 0;
}
.design-text-width-field {
  max-width: 420px;
}
.design-spacing-layout {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.design-spacing-group {
  border: 1px solid #dbe3ea;
  border-radius: 6px;
  margin: 0;
  min-width: 0;
  padding: 12px;
}
.design-spacing-group legend {
  color: #17212b;
  font-weight: 700;
  padding: 0 6px;
}
.design-spacing-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.design-spacing-preview-shell {
  background: #e8edf2;
  border: 1px solid #cfd8e1;
  min-height: 220px;
}
.design-spacing-preview {
  background: #fff;
  box-sizing: border-box;
  height: 100%;
  min-height: 220px;
  transition: padding .18s ease;
}
.design-spacing-preview > div {
  border: 1px dashed #9aa8b6;
  box-sizing: border-box;
  min-height: 100px;
  padding: 16px;
}
.design-spacing-preview strong {
  color: #17212b;
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
}
.design-spacing-preview p {
  color: #52606d;
  line-height: 1.55;
  margin: 0;
  max-width: 68ch;
}
@media (max-width: 760px) {
  .design-spacing-layout,
  .design-spacing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.setup-wizard {
  font-family: Arial, Helvetica, sans-serif;
  color: #1f2937;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  box-sizing: border-box;
}
.setup-hero {
  background: #1f2937;
  color: #fff;
  padding: 22px;
  margin-bottom: 16px;
  border-radius: 8px;
  box-sizing: border-box;
}
.setup-hero h1 {
  margin: 0 0 6px;
  font-size: 26px;
  letter-spacing: 0;
}
.setup-hero p {
  color: #d9e4ec;
  margin: 0;
  max-width: 760px;
  line-height: 1.55;
}
.setup-message {
  background: #e9f8f0;
  border: 1px solid #8ed4ad;
  color: #155f36;
  padding: 12px;
  margin-bottom: 12px;
  font-weight: bold;
}
.setup-form {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto auto;
  gap: 14px;
  align-items: end;
  background: #fff;
  border: 1px solid #ddd;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 8px;
  box-sizing: border-box;
}
.setup-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-weight: bold;
}
.setup-form select {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cfcfcf;
  padding: 10px;
}
.setup-check {
  flex-direction: row !important;
  align-items: center;
  min-width: 240px;
}
.setup-form input[type="submit"] {
  border: 0;
  background: var(--cms-primary);
  color: #fff;
  padding: 12px 14px;
  font-weight: bold;
  cursor: pointer;
  min-height: 42px;
  border-radius: 6px;
  white-space: nowrap;
}
.setup-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  width: 100%;
}
.setup-grid article {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 4px solid var(--cms-primary);
  padding: 16px;
  border-radius: 8px;
  box-sizing: border-box;
  min-width: 0;
}
.setup-grid strong,
.setup-grid span {
  display: block;
  overflow-wrap: anywhere;
}
.setup-grid span {
  color: #64748b;
  line-height: 1.5;
  margin-top: 8px;
}
.health-center {
  font-family: Arial, Helvetica, sans-serif;
  color: #1f2937;
}
.health-hero {
  background: var(--cms-accent);
  color: #fff;
  padding: 16px;
  margin-bottom: 14px;
}
.health-hero h1 {
  margin: 0 0 6px;
  font-size: 24px;
}
.health-hero p {
  color: #d9e4ec;
  margin: 0;
}
.health-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
.health-grid article {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 4px solid var(--cms-primary);
  padding: 12px;
}
.health-grid strong,
.health-grid span {
  display: block;
}
.health-grid span {
  color: #64748b;
  margin: 6px 0 10px;
}
.health-badge {
  display: inline-block !important;
  padding: 4px 8px;
  font-weight: bold;
  font-size: 12px;
}
.health-ok {
  background: #daf5e7;
  color: #12643a;
}
.health-warn {
  background: #fff2cc;
  color: #755000;
}
.health-metrics {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 16px;
}
.health-metrics div {
  background: #f7f8fa;
  border: 1px solid #ddd;
  padding: 10px;
  text-align: center;
}
.health-metrics strong,
.health-metrics span {
  display: block;
}
.health-metrics strong {
  color: var(--cms-primary);
  font-size: 24px;
}
.health-metrics span {
  color: #64748b;
  margin-top: 4px;
}
.health-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.health-actions a {
  display: inline-block;
  background: var(--cms-primary);
  color: #fff !important;
  text-decoration: none;
  padding: 10px 12px;
  font-weight: bold;
}
.backup-center {
  font-family: Arial, Helvetica, sans-serif;
  color: #1f2937;
}
.backup-hero {
  background: var(--cms-accent);
  color: #fff;
  padding: 16px;
  margin-bottom: 14px;
}
.backup-hero h1 {
  margin: 0 0 6px;
  font-size: 24px;
}
.backup-hero p {
  color: #d9e4ec;
  margin: 0;
}
.backup-message {
  background: #e9f8f0;
  border: 1px solid #8ed4ad;
  color: #155f36;
  padding: 12px;
  margin-bottom: 12px;
  font-weight: bold;
}
.backup-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
.backup-actions a,
.backup-item-actions a {
  display: inline-block;
  background: var(--cms-primary);
  color: #fff !important;
  text-decoration: none;
  padding: 9px 11px;
  font-weight: bold;
}
.backup-list {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}
.backup-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #fff;
  border: 1px solid #ddd;
  border-left: 4px solid var(--cms-primary);
  padding: 12px;
}
.backup-item strong,
.backup-item span {
  display: block;
}
.backup-item span {
  color: #64748b;
  margin-top: 4px;
}
.backup-item-actions {
  display: flex;
  gap: 6px;
}
.backup-item-actions .danger {
  background: #8a1f16;
}
.backup-note {
  background: #f7f8fa;
  border: 1px solid #ddd;
  padding: 12px;
  color: #475569;
}
.contact-admin {
  font-family: Arial, Helvetica, sans-serif;
  color: #1f2937;
}
.contact-admin-hero {
  background: var(--cms-accent);
  color: #fff;
  padding: 16px;
  margin-bottom: 14px;
}
.contact-admin-hero h1 {
  margin: 0 0 6px;
  font-size: 24px;
}
.contact-admin-hero p {
  color: #d9e4ec;
  margin: 0;
}
.contact-form-admin {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
}
.contact-form-admin label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-weight: bold;
}
.contact-form-admin input[type="text"],
.contact-form-admin textarea {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cfcfcf;
  padding: 9px;
  font-family: Arial, Helvetica, sans-serif;
}
.contact-wide,
.contact-form-admin input[type="submit"] {
  grid-column: 1 / -1;
}
.contact-form-admin input[type="submit"] {
  border: 0;
  background: var(--cms-primary);
  color: #fff;
  padding: 12px 14px;
  font-weight: bold;
  cursor: pointer;
}
.quick-contact-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: var(--cms-accent);
  color: #fff;
  padding: 10px 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.quick-contact-title strong,
.quick-contact-title span {
  display: block;
}
.quick-contact-title span {
  color: #d9e4ec;
  font-size: 12px;
  margin-top: 2px;
}
.quick-contact-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}
.quick-contact-actions a {
  display: inline-block;
  background: var(--cms-primary);
  color: #fff !important;
  text-decoration: none;
  padding: 8px 10px;
  font-weight: bold;
}
.quick-contact-settings {
  border-top: 1px solid #d6dfd9;
  margin-top: 28px;
  padding-top: 22px;
}
.quick-contact-settings header {
  margin-bottom: 16px;
}
.quick-contact-settings h2 {
  color: var(--cms-text, #1f2937);
  font-size: 20px;
  margin: 0 0 5px;
}
.quick-contact-settings p {
  color: var(--cms-muted-text, #56616b);
  line-height: 1.5;
  margin: 0;
  max-width: 760px;
}
.quick-contact-settings-form {
  display: grid;
  gap: 16px;
}
.quick-contact-button-settings {
  display: grid;
  gap: 12px 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.quick-contact-button-setting {
  border-bottom: 1px solid #dfe6e1;
  display: grid;
  gap: 8px;
  padding: 0 0 14px;
}
.quick-contact-button-setting label {
  color: #26372d;
  display: grid;
  font-weight: 700;
  gap: 6px;
}
.quick-contact-button-setting input[type="text"] {
  box-sizing: border-box;
  width: 100%;
}
.quick-contact-button-setting .quick-contact-button-toggle {
  align-items: center;
  display: flex;
  gap: 8px;
}
.quick-contact-settings-form > button {
  justify-self: start;
}
.legal-admin,
.legal-page {
  font-family: Arial, Helvetica, sans-serif;
  color: #1f2937;
}
.legal-admin-hero {
  background: var(--cms-accent);
  color: #fff;
  padding: 16px;
  margin-bottom: 14px;
}
.legal-admin-hero h1 {
  margin: 0 0 6px;
  font-size: 24px;
}
.legal-admin-hero p {
  color: #d9e4ec;
  margin: 0;
}
.legal-form-admin {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
}
.legal-form-admin label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-weight: bold;
}
.legal-form-admin input[type="text"],
.legal-form-admin textarea {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cfcfcf;
  padding: 9px;
  font-family: Arial, Helvetica, sans-serif;
}
.legal-check {
  flex-direction: row !important;
  align-items: center;
}
.legal-form-admin input[type="submit"] {
  border: 0;
  background: var(--cms-primary);
  color: #fff;
  padding: 12px 14px;
  font-weight: bold;
  cursor: pointer;
}
.legal-page {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ddd;
  padding: 18px;
}
.legal-page h1 {
  margin: 0 0 12px;
  font-size: 28px;
}
.legal-page p {
  color: #475569;
  line-height: 1.7;
}
.legal-links,
.legal-footer-links {
  margin-top: 12px;
}
.legal-links a,
.legal-footer-links a {
  color: var(--cms-primary) !important;
  font-weight: bold;
  text-decoration: none;
}
.cookie-notice {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: var(--cms-accent);
  color: #fff;
  padding: 12px 14px;
  box-shadow: var(--cms-shadow);
  font-family: Arial, Helvetica, sans-serif;
}
.cookie-notice a,
.cookie-notice button {
  border: 0;
  background: var(--cms-primary);
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-left: 6px;
  padding: 8px 10px;
  text-decoration: none;
}
.cookie-consent {
  align-items: stretch;
  background: #0f172a;
  border: 1px solid rgba(255,255,255,.14);
  bottom: 16px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .28);
  box-sizing: border-box;
  color: #fff;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
  left: 16px;
  max-width: 980px;
  padding: 16px;
  position: fixed;
  right: 16px;
  z-index: 9999;
}
.cookie-consent-main strong,
.cookie-consent-main span {
  display: block;
}
.cookie-consent-main strong {
  font-size: 16px;
  margin-bottom: 6px;
}
.cookie-consent-main span,
.cookie-consent-preferences label {
  color: #dbeafe;
  line-height: 1.55;
}
.cookie-consent-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.cookie-consent-links a {
  color: #bfdbfe !important;
  font-weight: bold;
  text-decoration: none;
}
.cookie-consent-preferences {
  background: rgba(255,255,255,.08);
  grid-column: 1 / -1;
  padding: 10px;
}
.cookie-consent-preferences label {
  display: inline-flex;
  gap: 6px;
  margin: 4px 12px 4px 0;
}
.cookie-consent-actions {
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.cookie-consent-actions button {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  padding: 9px 12px;
}
.cookie-consent-actions button[data-cookie-action="all"] {
  background: #fff;
  border-color: #fff;
  color: #0f172a;
}
.launch-checklist {
  font-family: Arial, Helvetica, sans-serif;
  color: #1f2937;
}
.launch-hero {
  background: var(--cms-accent);
  color: #fff;
  padding: 16px;
  margin-bottom: 14px;
}
.launch-hero h1 {
  margin: 0 0 6px;
  font-size: 24px;
}
.launch-hero p {
  color: #d9e4ec;
  margin: 0;
}
.launch-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
.launch-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #fff;
  border: 1px solid #ddd;
  border-left: 4px solid var(--cms-primary);
  color: #1f2937 !important;
  padding: 12px;
  text-decoration: none;
}
.launch-item strong,
.launch-item span {
  display: block;
}
.launch-item span {
  color: #64748b;
  margin-top: 4px;
}
.launch-status {
  display: inline-block !important;
  padding: 5px 8px;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
}
.launch-ok {
  background: #daf5e7;
  color: #12643a !important;
}
.launch-warn {
  background: #fff2cc;
  color: #755000 !important;
}
.launch-score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #f7f8fa;
  border: 1px solid #ddd;
  padding: 14px;
}
.launch-score strong {
  color: var(--cms-primary);
  font-size: 32px;
}
.launch-score span {
  color: #64748b;
  flex: 1;
}
.launch-score a {
  background: var(--cms-primary);
  color: #fff !important;
  font-weight: bold;
  padding: 10px 12px;
  text-decoration: none;
}
.analytics-admin {
  font-family: Arial, Helvetica, sans-serif;
  color: #1f2937;
}
.analytics-admin-hero {
  background: var(--cms-accent);
  color: #fff;
  padding: 16px;
  margin-bottom: 14px;
}
.analytics-admin-hero h1 {
  margin: 0 0 6px;
  font-size: 24px;
}
.analytics-admin-hero p {
  color: #d9e4ec;
  margin: 0;
}
.analytics-form-admin {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px;
}
.analytics-form-admin label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-weight: bold;
}
.analytics-form-admin input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cfcfcf;
  padding: 9px;
  font-family: Arial, Helvetica, sans-serif;
}
.analytics-check,
.analytics-form-admin input[type="submit"] {
  grid-column: 1 / -1;
}
.analytics-check {
  flex-direction: row !important;
  align-items: center;
}
.analytics-form-admin input[type="submit"] {
  border: 0;
  background: var(--cms-primary);
  color: #fff;
  padding: 12px 14px;
  font-weight: bold;
  cursor: pointer;
}
@media (max-width: 760px) {
  .setup-form {
    grid-template-columns: 1fr;
  }
  .setup-check {
    min-width: 0;
  }
  .offer-grid,
  .order-admin-meta,
  .feature-admin-form,
  .feature-admin-card,
  .media-upload-form,
  .media-grid,
  .seo-audit-grid,
  .template-form,
  .template-preview-grid,
  .cms-template-grid,
  .design-form,
  .setup-grid,
  .health-grid,
  .health-metrics,
  .contact-form-admin {
    grid-template-columns: 1fr;
  }
  .analytics-form-admin {
    grid-template-columns: 1fr;
  }
  .backup-item {
    align-items: flex-start;
    flex-direction: column;
  }
  .quick-contact-bar {
    align-items: stretch;
    flex-direction: column;
  }
  .quick-contact-actions {
    justify-content: flex-start;
  }
  .cookie-notice,
  .cookie-consent,
  .launch-score {
    align-items: flex-start;
    flex-direction: column;
  }
  .cookie-consent {
    grid-template-columns: 1fr;
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
  .cookie-consent-actions {
    justify-content: flex-start;
  }
  .launch-list {
    grid-template-columns: 1fr;
  }
  .launch-item {
    align-items: flex-start;
    flex-direction: column;
  }
  .order-admin-head,
  .order-admin-title,
  .feature-admin-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .home-feature-strip {
    grid-template-columns: 1fr;
  }
  .home-campaign-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .home-campaign-grid {
    grid-template-columns: 1fr;
  }
}
.admin-security {
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}
.security-hero {
  align-items: center;
  background: var(--cms-accent);
  color: #fff;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  padding: 16px;
}
.security-hero h1 {
  font-size: 24px;
  margin: 0 0 6px;
}
.security-hero p {
  color: #d9e4ec;
  margin: 0;
}
.security-hero a,
.security-actions a,
.security-form button {
  background: var(--cms-primary);
  border: 0;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 10px 12px;
  text-decoration: none;
}
.security-alert {
  border: 1px solid #ddd;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 10px 12px;
}
.security-ok {
  background: #daf5e7;
  color: #12643a;
}
.security-warn {
  background: #fff2cc;
  color: #755000;
}
.security-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 14px;
}
.security-card,
.security-panel {
  background: #fff;
  border: 1px solid #ddd;
  border-left: 4px solid var(--cms-primary);
  padding: 12px;
}
.security-card strong,
.security-card span {
  display: block;
}
.security-card span,
.security-panel p {
  color: #64748b;
  line-height: 1.5;
  margin: 6px 0;
}
.security-pill {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  margin-top: 4px;
  padding: 5px 8px;
}
.security-pill-ok {
  background: #daf5e7;
  color: #12643a;
}
.security-pill-warn {
  background: #fff2cc;
  color: #755000;
}
.security-panel h2 {
  font-size: 20px;
  margin: 0 0 6px;
}
.security-form {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.security-form label {
  color: #334155;
  display: block;
  font-weight: bold;
}
.security-form input {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  display: block;
  margin-top: 5px;
  padding: 9px;
  width: 100%;
}
.security-password-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin-top: 5px;
}
.security-password-wrap input {
  margin-top: 0;
  min-width: 0;
}
.security-password-toggle {
  min-height: 38px;
  border: 0;
  border-radius: 6px;
  background: var(--cms-primary, #111827);
  color: var(--cms-on-primary, #ffffff);
  cursor: pointer;
  font-weight: bold;
  padding: 0 12px;
  white-space: nowrap;
}
.security-form button {
  align-self: end;
}
.security-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.content-calendar-admin {
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
}
.calendar-hero {
  align-items: center;
  background: var(--cms-accent);
  color: #fff;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 14px;
  padding: 16px;
}
.calendar-hero h1 {
  font-size: 24px;
  margin: 0 0 6px;
}
.calendar-hero p {
  color: #d9e4ec;
  margin: 0;
}
.calendar-hero a,
.calendar-form button,
.calendar-actions a {
  background: var(--cms-primary);
  border: 0;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 10px 12px;
  text-decoration: none;
}
.calendar-alert,
.calendar-empty {
  border: 1px solid #ddd;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 10px 12px;
}
.calendar-ok {
  background: #daf5e7;
  color: #12643a;
}
.calendar-warn {
  background: #fff2cc;
  color: #755000;
}
.calendar-ai-strip {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}
.calendar-ai-strip article,
.calendar-card {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 4px solid var(--cms-primary);
  padding: 12px;
}
.calendar-ai-strip strong,
.calendar-ai-strip span {
  display: block;
}
.calendar-ai-strip span {
  color: #64748b;
  line-height: 1.5;
  margin-top: 6px;
}
.calendar-form {
  background: #fff;
  border: 1px solid #ddd;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 16px;
  padding: 14px;
}
.calendar-form label {
  color: #334155;
  display: block;
  font-weight: bold;
}
.calendar-form input,
.calendar-form select,
.calendar-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 5px;
  padding: 9px;
  width: 100%;
}
.calendar-form textarea {
  min-height: 110px;
}
.calendar-wide,
.calendar-form button {
  grid-column: 1 / -1;
}
.calendar-list {
  display: grid;
  gap: 12px;
}
.calendar-card-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.calendar-card-head strong,
.calendar-card-head span {
  display: block;
}
.calendar-card-head span,
.calendar-card p,
.calendar-meta {
  color: #64748b;
  line-height: 1.55;
}
.calendar-state {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  padding: 5px 8px;
  white-space: nowrap;
}
.calendar-state-live {
  background: #daf5e7;
  color: #12643a;
}
.calendar-state-ready {
  background: #dbeafe;
  color: #1d4ed8;
}
.calendar-state-draft {
  background: #fff2cc;
  color: #755000;
}
.calendar-meta {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 10px;
}
.calendar-meta span {
  overflow-wrap: anywhere;
}
.calendar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.calendar-actions .danger {
  background: #8a1f16;
}
.dashboard-step-urgent {
  border-color: #f59e0b;
  box-shadow: inset 0 0 0 1px rgba(245, 158, 11, .25);
}
.work-center {
  color: #1f2937;
  display: grid;
  gap: 18px;
}
.work-hero {
  align-items: center;
  background: linear-gradient(135deg, #111827 0%, #1f4d5a 100%);
  color: #fff;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 22px;
}
.work-eyebrow {
  color: #a7f3d0;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: uppercase;
}
.work-hero h2 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.work-hero p {
  color: #dbeafe;
  line-height: 1.6;
  margin: 0;
  max-width: 660px;
}
.work-hero-count {
  background: rgba(255,255,255,.1);
  min-width: 130px;
  padding: 16px;
  text-align: center;
}
.work-hero-count strong,
.work-hero-count span {
  display: block;
}
.work-hero-count strong {
  font-size: 38px;
}
.work-hero-count span {
  color: #dbeafe;
  font-weight: bold;
}
.work-summary-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.work-summary-card {
  background: #fff;
  border: 1px solid #dbe3ea;
  color: #1f2937;
  display: block;
  min-height: 118px;
  padding: 16px;
  text-decoration: none;
}
.work-summary-card:hover {
  border-color: #0f766e;
}
.work-summary-card span,
.work-summary-card strong,
.work-summary-card em {
  display: block;
}
.work-summary-card span {
  color: #475569;
  font-weight: bold;
}
.work-summary-card strong {
  color: #0f172a;
  font-size: 34px;
  margin: 8px 0;
}
.work-summary-card em {
  color: #64748b;
  font-style: normal;
  line-height: 1.45;
}
.work-summary-card.urgent {
  border-color: #f59e0b;
}
.work-actions,
.work-checklist {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.work-actions a,
.work-checklist a {
  background: #0f172a;
  color: #fff;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.work-checklist a {
  background: #eef2f7;
  color: #0f172a;
}
.work-columns {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.work-panel {
  background: #fff;
  border: 1px solid #dbe3ea;
  padding: 16px;
}
.work-panel h3 {
  color: #0f172a;
  font-size: 16px;
  margin: 0 0 12px;
}
.work-item {
  border-top: 1px solid #edf2f7;
  color: #1f2937;
  display: block;
  padding: 11px 0;
  text-decoration: none;
}
.work-item:hover {
  color: #0f766e;
}
.work-item strong,
.work-item span,
.work-item em {
  display: block;
}
.work-item span,
.work-item em,
.work-empty {
  color: #64748b;
  line-height: 1.45;
}
.work-item em {
  font-style: normal;
  font-size: 12px;
  margin-top: 4px;
}
.work-item.compact span {
  color: #1f2937;
}
.work-mini-stat {
  align-items: center;
  background: #f8fafc;
  display: flex;
  gap: 10px;
  margin-bottom: 8px;
  padding: 10px;
}
.work-mini-stat strong {
  color: #0f766e;
  font-size: 24px;
}
.work-empty {
  background: #f8fafc;
  padding: 12px;
}
.ai-assistant-admin {
  color: #1f2937;
  display: grid;
  gap: 18px;
}
.ai-hero {
  align-items: center;
  background: linear-gradient(135deg, #0f172a 0%, #0f766e 100%);
  color: #fff;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 22px;
}
.ai-hero span {
  color: #99f6e4;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.ai-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.ai-hero p {
  color: #dbeafe;
  line-height: 1.6;
  margin: 0;
  max-width: 720px;
}
.ai-hero a,
.ai-form-actions button,
.ai-form-actions a,
.ai-card-actions a {
  background: #0f172a;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.ai-hero a {
  background: rgba(255,255,255,.14);
  white-space: nowrap;
}
.ai-form {
  background: #fff;
  border: 1px solid #dbe3ea;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 16px;
}
.ai-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.ai-form input,
.ai-form select,
.ai-copy-block textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.ai-form-actions {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ai-form-actions a {
  background: #eef2f7;
  color: #0f172a;
}
.ai-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ai-card,
.ai-empty {
  background: #fff;
  border: 1px solid #dbe3ea;
  padding: 16px;
}
.ai-card-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.ai-card-head span,
.ai-card-head h2,
.ai-card-head em {
  display: block;
}
.ai-card-head span {
  color: #64748b;
  font-weight: bold;
}
.ai-card-head h2 {
  color: #0f172a;
  font-size: 18px;
  line-height: 1.3;
  margin: 4px 0 0;
}
.ai-card-head em {
  background: #dcfce7;
  color: #166534;
  font-style: normal;
  font-weight: bold;
  padding: 5px 8px;
  white-space: nowrap;
}
.ai-copy-block {
  margin-top: 12px;
}
.ai-copy-block strong {
  color: #334155;
  display: block;
  margin-bottom: 6px;
}
.ai-copy-block textarea {
  min-height: 135px;
  resize: vertical;
}
.ai-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.ai-card-actions .danger {
  background: #8a1f16;
}
.ai-empty {
  color: #64748b;
  grid-column: 1 / -1;
}
.newsletter-public,
.newsletter-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.newsletter-hero,
.newsletter-admin-hero {
  background: #0f172a;
  color: #fff;
  padding: 22px;
}
.newsletter-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.newsletter-hero span,
.newsletter-admin-hero span {
  color: #93c5fd;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.newsletter-hero h1,
.newsletter-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.newsletter-hero p,
.newsletter-admin-hero p {
  color: #dbeafe;
  line-height: 1.6;
  margin: 0;
  max-width: 720px;
}
.newsletter-admin-hero a,
.newsletter-form button,
.newsletter-stats a,
.newsletter-filter a,
.newsletter-card-actions a,
.newsletter-links a {
  background: #0f172a;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.newsletter-admin-hero a {
  background: rgba(255,255,255,.14);
  white-space: nowrap;
}
.newsletter-alert,
.newsletter-empty {
  padding: 12px;
}
.newsletter-ok {
  background: #dcfce7;
  color: #166534;
}
.newsletter-warn {
  background: #fee2e2;
  color: #991b1b;
}
.newsletter-form {
  background: #fff;
  border: 1px solid #dbe3ea;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 16px;
}
.newsletter-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.newsletter-form input {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.newsletter-consent {
  align-items: flex-start;
  display: flex !important;
  grid-column: 1 / -1;
}
.newsletter-consent input {
  margin-top: 3px;
  width: auto;
}
.newsletter-form button {
  border: 0;
  cursor: pointer;
}
.newsletter-links,
.newsletter-filter,
.newsletter-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.newsletter-links a,
.newsletter-filter a {
  background: #eef2f7;
  color: #0f172a;
}
.newsletter-stats {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.newsletter-stats a {
  background: #fff;
  border: 1px solid #dbe3ea;
  color: #0f172a;
}
.newsletter-stats strong,
.newsletter-stats span,
.newsletter-card strong,
.newsletter-card span,
.newsletter-card em {
  display: block;
}
.newsletter-stats strong {
  font-size: 28px;
}
.newsletter-admin-list {
  display: grid;
  gap: 10px;
}
.newsletter-card,
.newsletter-empty {
  background: #fff;
  border: 1px solid #dbe3ea;
  padding: 14px;
}
.newsletter-card {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.newsletter-card span,
.newsletter-card em {
  color: #64748b;
  font-style: normal;
  line-height: 1.45;
}
.newsletter-status {
  background: #dcfce7;
  color: #166534 !important;
  font-weight: bold;
  padding: 7px 10px;
}
.newsletter-card-actions .danger {
  background: #8a1f16;
}
.appointment-public,
.appointment-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.appointment-hero,
.appointment-admin-hero {
  background: #102033;
  color: #fff;
  padding: 22px;
}
.appointment-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.appointment-hero span,
.appointment-admin-hero span {
  color: #bfdbfe;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.appointment-hero h1,
.appointment-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.appointment-hero p,
.appointment-admin-hero p {
  color: #dbeafe;
  line-height: 1.6;
  margin: 0;
  max-width: 720px;
}
.appointment-admin-hero a,
.appointment-form button,
.appointment-success a,
.appointment-filter a,
.appointment-actions a {
  background: #0f172a;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.appointment-admin-hero a {
  background: rgba(255,255,255,.14);
  white-space: nowrap;
}
.appointment-form {
  background: #fff;
  border: 1px solid #dbe3ea;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 16px;
}
.appointment-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.appointment-form input,
.appointment-form select,
.appointment-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.appointment-form textarea {
  min-height: 110px;
}
.appointment-wide {
  grid-column: 1 / -1;
}
.appointment-success,
.appointment-error,
.appointment-empty {
  background: #fff;
  border: 1px solid #dbe3ea;
  padding: 14px;
}
.appointment-success strong,
.appointment-success span,
.appointment-card strong,
.appointment-card span,
.appointment-card em {
  display: block;
}
.appointment-success {
  background: #dcfce7;
  color: #166534;
}
.appointment-error {
  background: #fee2e2;
  color: #991b1b;
}
.appointment-filter,
.appointment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.appointment-filter a {
  background: #eef2f7;
  color: #0f172a;
}
.appointment-admin-list {
  display: grid;
  gap: 12px;
}
.appointment-card {
  background: #fff;
  border: 1px solid #dbe3ea;
  padding: 14px;
}
.appointment-card-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.appointment-card-head span,
.appointment-meta,
.appointment-message {
  color: #64748b;
  line-height: 1.45;
}
.appointment-status {
  background: #dbeafe;
  color: #1d4ed8;
  font-style: normal;
  font-weight: bold;
  padding: 6px 9px;
  white-space: nowrap;
}
.appointment-meta {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 12px;
}
.appointment-message {
  background: #f8fafc;
  margin-top: 12px;
  padding: 10px;
}
.appointment-actions {
  margin-top: 12px;
}
.appointment-actions .danger {
  background: #8a1f16;
}
.conversion-report {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.conversion-hero {
  align-items: center;
  background: linear-gradient(135deg, #111827 0%, #334155 100%);
  color: #fff;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 22px;
}
.conversion-hero span {
  color: #bae6fd;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.conversion-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.conversion-hero p {
  color: #e2e8f0;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.conversion-hero a,
.conversion-actions a {
  background: #0f172a;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.conversion-hero a {
  background: rgba(255,255,255,.14);
  white-space: nowrap;
}
.conversion-score,
.conversion-grid,
.conversion-columns {
  display: grid;
  gap: 12px;
}
.conversion-score {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.conversion-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.conversion-columns {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.conversion-score div,
.conversion-card,
.conversion-panel {
  background: #fff;
  border: 1px solid #dbe3ea;
  padding: 16px;
}
.conversion-score strong,
.conversion-score span,
.conversion-card span,
.conversion-card strong,
.conversion-card em {
  display: block;
}
.conversion-score strong,
.conversion-card strong {
  color: #0f172a;
  font-size: 32px;
}
.conversion-score span,
.conversion-card span,
.conversion-card em,
.conversion-row span,
.conversion-row em,
.conversion-empty {
  color: #64748b;
  line-height: 1.45;
}
.conversion-card {
  color: #1f2937;
  text-decoration: none;
}
.conversion-card:hover {
  border-color: #0f766e;
}
.conversion-card em,
.conversion-row em {
  font-style: normal;
}
.conversion-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.conversion-panel h2 {
  color: #0f172a;
  font-size: 16px;
  margin: 0 0 10px;
}
.conversion-row {
  border-top: 1px solid #edf2f7;
  color: #1f2937;
  display: block;
  padding: 10px 0;
  text-decoration: none;
}
.conversion-row strong,
.conversion-row span,
.conversion-row em {
  display: block;
}
.conversion-row:hover {
  color: #0f766e;
}
.conversion-empty {
  background: #f8fafc;
  padding: 12px;
}
.conversion-source {
  align-items: center;
  border-top: 1px solid #edf2f7;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 10px 0;
}
.conversion-source strong {
  background: #dcfce7;
  color: #166534;
  padding: 5px 8px;
}
.reviews-public,
.reviews-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.reviews-hero,
.reviews-admin-hero {
  background: #0f172a;
  color: #fff;
  padding: 22px;
}
.reviews-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.reviews-hero span,
.reviews-admin-hero span {
  color: #fde68a;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.reviews-hero h1,
.reviews-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.reviews-hero p,
.reviews-admin-hero p {
  color: #e2e8f0;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.reviews-admin-hero a,
.reviews-empty a,
.reviews-form button,
.reviews-cancel,
.reviews-admin-actions a {
  background: #0f172a;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.reviews-admin-hero a {
  background: rgba(255,255,255,.14);
  white-space: nowrap;
}
.reviews-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.review-card,
.reviews-empty,
.reviews-form,
.reviews-admin-card,
.reviews-empty-admin {
  background: #fff;
  border: 1px solid #dbe3ea;
  padding: 16px;
}
.review-card img {
  display: block;
  height: 120px;
  object-fit: cover;
  width: 100%;
}
.review-stars {
  color: #b45309;
  font-weight: bold;
  margin: 10px 0;
}
.review-card p {
  color: #334155;
  line-height: 1.6;
}
.review-person strong,
.review-person span,
.review-person em {
  display: block;
}
.review-person span,
.review-person em,
.reviews-admin-card span,
.reviews-admin-card em,
.reviews-admin-card p,
.reviews-empty {
  color: #64748b;
  line-height: 1.45;
}
.review-person em,
.reviews-admin-card em {
  font-style: normal;
}
.reviews-alert {
  padding: 12px;
}
.reviews-ok {
  background: #dcfce7;
  color: #166534;
}
.reviews-warn {
  background: #fee2e2;
  color: #991b1b;
}
.reviews-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.reviews-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.reviews-form input,
.reviews-form select,
.reviews-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.reviews-form textarea {
  min-height: 120px;
}
.reviews-wide,
.reviews-check {
  grid-column: 1 / -1;
}
.reviews-check {
  align-items: center;
  display: flex !important;
}
.reviews-check input {
  width: auto;
}
.reviews-admin-list {
  display: grid;
  gap: 12px;
}
.reviews-admin-card {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.reviews-admin-card strong,
.reviews-admin-card span,
.reviews-admin-card em {
  display: block;
}
.reviews-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.reviews-admin-actions .danger {
  background: #8a1f16;
}
.team-public,
.team-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.team-hero,
.team-admin-hero {
  background: #102033;
  color: #fff;
  padding: 22px;
}
.team-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.team-hero span,
.team-admin-hero span {
  color: #99f6e4;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.team-hero h1,
.team-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.team-hero p,
.team-admin-hero p {
  color: #dbeafe;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.team-admin-hero a,
.team-empty a,
.team-form button,
.team-cancel,
.team-admin-actions a,
.team-links a {
  background: #0f172a;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.team-admin-hero a {
  background: rgba(255,255,255,.14);
  white-space: nowrap;
}
.team-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.team-card,
.team-empty,
.team-form,
.team-admin-card,
.team-empty-admin {
  background: #fff;
  border: 1px solid #dbe3ea;
}
.team-card img {
  display: block;
  height: 220px;
  object-fit: cover;
  width: 100%;
}
.team-card-body,
.team-empty,
.team-form,
.team-admin-card,
.team-empty-admin {
  padding: 16px;
}
.team-card-body span,
.team-card-body strong,
.team-card-body h2,
.team-admin-card span,
.team-admin-card em {
  display: block;
}
.team-card-body span {
  color: #0f766e;
  font-weight: bold;
}
.team-card-body h2 {
  color: #0f172a;
  font-size: 20px;
  margin: 6px 0;
}
.team-card-body strong,
.team-card-body p,
.team-empty,
.team-admin-card span,
.team-admin-card em {
  color: #64748b;
  line-height: 1.5;
}
.team-links,
.team-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.team-alert {
  padding: 12px;
}
.team-ok {
  background: #dcfce7;
  color: #166534;
}
.team-warn {
  background: #fee2e2;
  color: #991b1b;
}
.team-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.team-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.team-form input,
.team-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.team-form textarea {
  min-height: 120px;
}
.team-wide,
.team-check {
  grid-column: 1 / -1;
}
.team-check {
  align-items: center;
  display: flex !important;
}
.team-check input {
  width: auto;
}
.team-admin-list {
  display: grid;
  gap: 12px;
}
.team-admin-card {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.team-admin-actions .danger {
  background: #8a1f16;
}
.dynamic-form-public,
.dynamic-form-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.dynamic-form-hero,
.dynamic-form-admin-hero {
  background: #0f172a;
  color: #fff;
  padding: 22px;
}
.dynamic-form-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.dynamic-form-hero span,
.dynamic-form-admin-hero span {
  color: #bfdbfe;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.dynamic-form-hero h1,
.dynamic-form-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.dynamic-form-hero p,
.dynamic-form-admin-hero p {
  color: #dbeafe;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.dynamic-form-admin-hero a,
.dynamic-form button,
.dynamic-admin-form button,
.dynamic-new-form,
.dynamic-form-list-item,
.dynamic-response-head a,
.danger-link {
  background: #111827;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.dynamic-form-admin-hero a {
  background: rgba(255,255,255,.14);
  white-space: nowrap;
}
.dynamic-form,
.dynamic-admin-form,
.dynamic-field-panel,
.dynamic-response-panel,
.dynamic-form-empty,
.dynamic-form-success,
.dynamic-field-list article,
.dynamic-response-card,
.dynamic-empty-line {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
  padding: 16px;
}
.dynamic-form,
.dynamic-admin-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dynamic-admin-form.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dynamic-form label,
.dynamic-admin-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.dynamic-form label span {
  display: block;
}
.dynamic-form input,
.dynamic-form select,
.dynamic-form textarea,
.dynamic-admin-form input,
.dynamic-admin-form select,
.dynamic-admin-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.dynamic-form textarea,
.dynamic-admin-form textarea {
  min-height: 110px;
}
.dynamic-form label em {
  color: #64748b;
  font-style: normal;
  font-weight: normal;
}
.dynamic-form button,
.dynamic-admin-form button,
.dynamic-admin-form .wide {
  grid-column: 1 / -1;
}
.dynamic-check,
.dynamic-admin-form .check input {
  width: auto !important;
}
.dynamic-admin-form .check {
  align-items: center;
  display: flex;
}
.dynamic-admin-layout {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: 220px minmax(0, 1fr);
}
.dynamic-form-list {
  display: grid;
  gap: 8px;
}
.dynamic-form-list-item {
  background: #f8fafc;
  border: 1px solid #dbe3ea;
  color: #0f172a;
}
.dynamic-form-list-item.active {
  background: #0f172a;
  color: #fff;
}
.dynamic-form-list-item strong,
.dynamic-form-list-item span {
  display: block;
}
.dynamic-form-list-item span,
.dynamic-empty-line {
  color: #64748b;
}
.dynamic-form-list-item.active span {
  color: #bfdbfe;
}
.dynamic-admin-alert,
.dynamic-form-error,
.dynamic-form-success {
  padding: 12px;
}
.dynamic-admin-alert.ok,
.dynamic-form-success {
  background: #dcfce7;
  color: #166534;
}
.dynamic-admin-alert.warn,
.dynamic-form-error {
  background: #fee2e2;
  color: #991b1b;
}

.cms-page-form-component {
  box-sizing: border-box;
  margin-top: 30px;
  padding: 26px 0 4px;
  border-top: 1px solid var(--cms-border, #d7ddd9);
  color: var(--cms-text, #172033);
}
.cms-page-form-head {
  max-width: 760px;
  margin: 0 0 18px;
}
.cms-page-form-head > span {
  display: block;
  margin-bottom: 6px;
  color: var(--cms-primary, #1f4b35);
  font: 800 11px/1.3 Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.cms-page-form-head h2 {
  margin: 0;
  color: var(--cms-heading, #101827);
  font: 800 24px/1.25 Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}
.cms-page-form-head p {
  margin: 8px 0 0;
  color: var(--cms-muted, #526070);
  font: 14px/1.65 Arial, Helvetica, sans-serif;
}
.cms-page-form {
  max-width: 920px;
  padding: 18px;
  border-color: var(--cms-border, #d7ddd9);
  background: var(--cms-surface, #ffffff);
}
.cms-page-form button {
  min-height: 42px;
  background: var(--cms-primary, #1f4b35);
  color: var(--cms-on-primary, #ffffff);
}
.cms-page-form-message {
  box-sizing: border-box;
  max-width: 920px;
  border: 1px solid currentColor;
}

@media (max-width: 680px) {
  .cms-page-form-component {
    margin-top: 22px;
    padding-top: 22px;
  }
  .cms-page-form-head h2 {
    font-size: 21px;
  }
  .cms-page-form {
    grid-template-columns: 1fr;
    padding: 14px;
  }
}

.guestbook-modern {
  padding: 28px;
  background: #ffffff;
  color: #172033;
}
.guestbook-head {
  max-width: 760px;
  margin-bottom: 22px;
}
.guestbook-head h1 {
  margin: 0 0 8px;
  font: 700 28px/1.2 Arial, Helvetica, sans-serif;
  color: #111827;
}
.guestbook-head p {
  margin: 0;
  color: #526070;
  font-size: 14px;
  line-height: 1.6;
}
.guestbook-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 26px;
}
.guestbook-form label {
  display: grid;
  gap: 6px;
  color: #334155;
  font-weight: 700;
}
.guestbook-form label.guestbook-message,
.guestbook-form button {
  grid-column: 1 / -1;
}
.guestbook-form input,
.guestbook-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 11px 12px;
  font: 14px Arial, Helvetica, sans-serif;
  color: #111827;
  background: #ffffff;
}
.guestbook-form textarea {
  min-height: 130px;
  resize: vertical;
}
.lead-form label.form-consent,
.appointment-form label.form-consent,
.dynamic-form label.form-consent,
.guestbook-form label.form-consent {
  align-items: flex-start;
  display: flex;
  gap: 9px;
}
.dynamic-form label.form-consent {
  grid-column: 1 / -1;
}
.lead-form label.form-consent input[type="checkbox"],
.appointment-form label.form-consent input[type="checkbox"],
.dynamic-form label.form-consent input[type="checkbox"],
.guestbook-form label.form-consent input[type="checkbox"] {
  flex: 0 0 auto;
  margin: 2px 0 0;
  padding: 0;
  width: auto;
}
.guestbook-form button {
  justify-self: start;
  border: 0;
  border-radius: 8px;
  padding: 11px 20px;
  background: #0f766e;
  color: #ffffff;
  font-weight: 800;
  cursor: pointer;
}
.guestbook-list {
  display: grid;
  gap: 12px;
}
.guestbook-card {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 14px;
  background: #f8fafc;
}
.guestbook-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  color: #0f172a;
}
.guestbook-card p {
  margin: 0;
  color: #334155;
  line-height: 1.55;
}
.guestbook-reply {
  margin-top: 10px;
  padding: 10px;
  border-left: 3px solid #0f766e;
  background: #ecfdf5;
  color: #14532d;
}
.dynamic-field-panel,
.dynamic-response-panel {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}
.dynamic-field-panel h2,
.dynamic-response-panel h2 {
  color: #0f172a;
  font-size: 20px;
  margin: 0;
}
.dynamic-field-list,
.dynamic-response-panel {
  display: grid;
  gap: 10px;
}
.dynamic-field-list article {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.dynamic-field-list article strong,
.dynamic-field-list article span {
  display: block;
}
.dynamic-field-list article span {
  color: #64748b;
}
.dynamic-response-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.dynamic-response-card.new {
  border-left: 4px solid #2563eb;
}
.dynamic-response-card pre {
  background: #f8fafc;
  color: #334155;
  font-family: Consolas, "Courier New", monospace;
  margin: 8px 0 0;
  overflow: auto;
  padding: 10px;
  white-space: pre-wrap;
}
.danger-link {
  background: #8a1f16;
}
.social-wall,
.social-wall-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.social-wall-hero,
.social-wall-admin-hero {
  background: #101827;
  color: #fff;
  padding: 22px;
}
.social-wall-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.social-wall-hero span,
.social-wall-admin-hero span {
  color: #fbcfe8;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.social-wall-hero h1,
.social-wall-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.social-wall-hero p,
.social-wall-admin-hero p {
  color: #e5e7eb;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.social-wall-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.social-wall-card,
.social-wall-empty,
.social-wall-form,
.social-wall-admin-card,
.social-wall-empty-admin {
  background: #fff;
  border: 1px solid #dbe3ea;
}
.social-wall-media {
  background: #0f172a;
  min-height: 190px;
  overflow: hidden;
}
.social-wall-media iframe,
.social-wall-media blockquote,
.social-wall-media img {
  border: 0 !important;
  display: block;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
.social-wall-media img {
  height: 220px;
  object-fit: cover;
}
.social-wall-placeholder {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 34px;
  font-weight: bold;
  height: 220px;
  justify-content: center;
}
.social-wall-body,
.social-wall-empty,
.social-wall-form,
.social-wall-admin-card,
.social-wall-empty-admin {
  padding: 16px;
}
.social-wall-body span,
.social-wall-body h2,
.social-wall-body em,
.social-wall-admin-card span,
.social-wall-admin-card em {
  display: block;
}
.social-wall-body span {
  color: #be185d;
  font-weight: bold;
}
.social-wall-body h2 {
  color: #0f172a;
  font-size: 20px;
  line-height: 1.25;
  margin: 6px 0;
}
.social-wall-body p,
.social-wall-body em,
.social-wall-empty,
.social-wall-admin-card span,
.social-wall-admin-card em {
  color: #64748b;
  line-height: 1.5;
}
.social-wall-body a,
.social-wall-empty a,
.social-wall-admin-hero a,
.social-wall-form button,
.social-wall-cancel,
.social-wall-actions a {
  background: #111827;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-top: 8px;
  padding: 9px 12px;
  text-decoration: none;
}
.social-wall-admin-hero a {
  background: rgba(255,255,255,.14);
  white-space: nowrap;
}
.social-wall-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.social-wall-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.social-wall-form input,
.social-wall-form select,
.social-wall-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.social-wall-form textarea {
  min-height: 120px;
}
.social-wall-form .wide,
.social-wall-form button {
  grid-column: 1 / -1;
}
.social-wall-form .check {
  align-items: center;
  display: flex;
}
.social-wall-form .check input {
  width: auto;
}
.social-wall-alert {
  padding: 12px;
}
.social-wall-alert.ok {
  background: #dcfce7;
  color: #166534;
}
.social-wall-alert.warn {
  background: #fee2e2;
  color: #991b1b;
}
.social-wall-admin-list {
  display: grid;
  gap: 12px;
}
.social-wall-admin-card {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.social-wall-admin-card strong {
  color: #0f172a;
  display: block;
}
.social-wall-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.social-wall-actions .danger {
  background: #8a1f16;
}
.pricing-public,
.pricing-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.pricing-hero,
.pricing-admin-hero {
  background: #11221d;
  color: #fff;
  padding: 22px;
}
.pricing-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.pricing-hero span,
.pricing-admin-hero span,
.home-pricing-head span {
  color: #bbf7d0;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.pricing-hero h1,
.pricing-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.pricing-hero p,
.pricing-admin-hero p {
  color: #dcfce7;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.pricing-grid,
.home-pricing-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pricing-card,
.pricing-detail,
.pricing-empty,
.pricing-form,
.pricing-admin-card,
.pricing-empty-admin,
.home-pricing-showcase,
.home-pricing-card {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
}
.pricing-card,
.pricing-detail,
.pricing-empty,
.pricing-form,
.pricing-admin-card,
.pricing-empty-admin,
.home-pricing-showcase,
.home-pricing-card {
  padding: 16px;
}
.pricing-card.featured,
.home-pricing-card.featured {
  border-color: #16a34a;
  box-shadow: 0 10px 24px rgba(22, 163, 74, .16);
}
.pricing-card em,
.pricing-detail em,
.home-pricing-card em {
  background: #dcfce7;
  color: #166534;
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 8px;
}
.pricing-card span,
.pricing-card h2,
.pricing-card strong,
.pricing-admin-card span,
.pricing-admin-card em,
.home-pricing-card strong,
.home-pricing-card span {
  display: block;
}
.pricing-card span {
  color: #15803d;
  font-weight: bold;
}
.pricing-card h2,
.pricing-detail h2 {
  color: #0f172a;
  font-size: 22px;
  line-height: 1.25;
  margin: 6px 0;
}
.pricing-card strong,
.pricing-detail strong,
.home-pricing-card span {
  color: #111827;
  font-size: 24px;
}
.pricing-card small,
.pricing-detail strong span,
.home-pricing-card span {
  color: #64748b;
  font-size: 13px;
}
.pricing-card p,
.pricing-detail p,
.pricing-detail-text,
.pricing-empty,
.pricing-admin-card span,
.pricing-admin-card em,
.home-pricing-card p {
  color: #64748b;
  line-height: 1.55;
}
.pricing-card ul,
.pricing-detail ul {
  margin: 12px 0;
  padding-left: 18px;
}
.pricing-card li,
.pricing-detail li {
  margin: 5px 0;
}
.pricing-card a,
.pricing-detail-actions a,
.pricing-empty a,
.pricing-admin-hero a,
.pricing-form button,
.pricing-cancel,
.pricing-admin-actions a,
.home-pricing-head a,
.home-pricing-card a {
  background: #111827;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.pricing-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pricing-detail-actions .secondary,
.pricing-admin-hero a {
  background: rgba(17, 24, 39, .72);
}
.pricing-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pricing-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.pricing-form input,
.pricing-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.pricing-form textarea {
  min-height: 120px;
}
.pricing-form .wide,
.pricing-form button {
  grid-column: 1 / -1;
}
.pricing-form .check {
  align-items: center;
  display: flex;
}
.pricing-form .check input {
  width: auto;
}
.pricing-alert {
  padding: 12px;
}
.pricing-alert.ok {
  background: #dcfce7;
  color: #166534;
}
.pricing-alert.warn {
  background: #fee2e2;
  color: #991b1b;
}
.pricing-admin-list {
  display: grid;
  gap: 12px;
}
.pricing-admin-card {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.pricing-admin-card strong {
  color: #0f172a;
  display: block;
}
.pricing-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pricing-admin-actions .danger {
  background: #8a1f16;
}
.home-pricing-showcase {
  margin: 14px 0;
}
.home-pricing-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.home-pricing-head h2 {
  color: #0f172a;
  font-size: 22px;
  margin: 4px 0 0;
}
.home-pricing-card strong {
  color: #0f172a;
  font-size: 18px;
}
.resource-public,
.resource-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.resource-hero,
.resource-admin-hero {
  background: #172033;
  color: #fff;
  padding: 22px;
}
.resource-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.resource-hero span,
.resource-admin-hero span,
.home-resource-head span {
  color: #bfdbfe;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.resource-hero h1,
.resource-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.resource-hero p,
.resource-admin-hero p {
  color: #dbeafe;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.resource-grid,
.home-resource-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.resource-card,
.resource-detail,
.resource-empty,
.resource-form,
.resource-admin-card,
.resource-empty-admin,
.home-resource-showcase,
.home-resource-card {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
}
.resource-card img {
  display: block;
  height: 210px;
  object-fit: cover;
  width: 100%;
}
.resource-placeholder {
  align-items: center;
  background: #0f172a;
  color: #fff;
  display: flex;
  font-size: 34px;
  font-weight: bold;
  height: 210px;
  justify-content: center;
}
.resource-card div,
.resource-detail,
.resource-empty,
.resource-form,
.resource-admin-card,
.resource-empty-admin,
.home-resource-showcase,
.home-resource-card {
  padding: 16px;
}
.resource-card.featured {
  border-color: #2563eb;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .14);
}
.resource-card span,
.resource-card h2,
.resource-card em,
.resource-detail span,
.resource-detail h2,
.resource-admin-card span,
.resource-admin-card em,
.home-resource-card strong,
.home-resource-card span {
  display: block;
}
.resource-card span,
.resource-detail span {
  color: #2563eb;
  font-weight: bold;
}
.resource-card h2,
.resource-detail h2 {
  color: #0f172a;
  font-size: 21px;
  line-height: 1.25;
  margin: 6px 0;
}
.resource-card p,
.resource-card em,
.resource-detail p,
.resource-detail-text,
.resource-empty,
.resource-admin-card span,
.resource-admin-card em,
.home-resource-card p,
.home-resource-card span {
  color: #64748b;
  line-height: 1.55;
}
.resource-card em {
  background: #eff6ff;
  color: #1d4ed8;
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 8px;
  padding: 5px 8px;
}
.resource-card a,
.resource-actions a,
.resource-empty a,
.resource-admin-hero a,
.resource-form button,
.resource-cancel,
.resource-admin-actions a,
.home-resource-head a,
.home-resource-card a {
  background: #111827;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.resource-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.resource-actions .secondary,
.resource-admin-hero a {
  background: rgba(17, 24, 39, .72);
}
.resource-detail {
  align-items: flex-start;
  display: grid;
  gap: 16px;
  grid-template-columns: 280px minmax(0, 1fr);
}
.resource-detail img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.resource-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.resource-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.resource-form input,
.resource-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.resource-form textarea {
  min-height: 120px;
}
.resource-form .wide,
.resource-form button {
  grid-column: 1 / -1;
}
.resource-form .check {
  align-items: center;
  display: flex;
}
.resource-form .check input {
  width: auto;
}
.resource-alert {
  padding: 12px;
}
.resource-alert.ok {
  background: #dcfce7;
  color: #166534;
}
.resource-alert.warn {
  background: #fee2e2;
  color: #991b1b;
}
.resource-admin-list {
  display: grid;
  gap: 12px;
}
.resource-admin-card {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.resource-admin-card strong {
  color: #0f172a;
  display: block;
}
.resource-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.resource-admin-actions .danger {
  background: #8a1f16;
}
.home-resource-showcase {
  margin: 14px 0;
}
.home-resource-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.home-resource-head h2 {
  color: #0f172a;
  font-size: 22px;
  margin: 4px 0 0;
}
.home-resource-card strong {
  color: #0f172a;
  font-size: 18px;
}
.home-resource-cover,
.home-resource-placeholder {
  aspect-ratio: 16 / 10;
  box-sizing: border-box;
  margin-bottom: 14px;
  width: 100%;
}
.home-resource-cover {
  background: #f8fafc;
  display: block;
  object-fit: contain;
}
.home-resource-placeholder {
  align-items: center;
  background: #eef2f7;
  color: #334155;
  display: flex;
  font-size: 28px;
  font-weight: bold;
  justify-content: center;
}
.event-public,
.event-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.event-hero,
.event-admin-hero {
  background: #241726;
  color: #fff;
  padding: 22px;
}
.event-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.event-hero span,
.event-admin-hero span,
.home-event-head span {
  color: #f5d0fe;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.event-hero h1,
.event-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.event-hero p,
.event-admin-hero p {
  color: #fae8ff;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.event-grid,
.home-event-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.event-card,
.event-detail,
.event-empty,
.event-form,
.event-admin-card,
.event-empty-admin,
.home-event-showcase,
.home-event-card {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
}
.event-card img {
  display: block;
  height: 210px;
  object-fit: cover;
  width: 100%;
}
.event-date-box {
  align-items: center;
  background: #0f172a;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 210px;
  justify-content: center;
  padding: 16px;
  text-align: center;
}
.event-date-box strong {
  font-size: 24px;
}
.event-card div,
.event-detail,
.event-empty,
.event-form,
.event-admin-card,
.event-empty-admin,
.home-event-showcase,
.home-event-card {
  padding: 16px;
}
.event-card.featured {
  border-color: #a21caf;
  box-shadow: 0 10px 24px rgba(162, 28, 175, .14);
}
.event-card span,
.event-card h2,
.event-card em,
.event-detail span,
.event-detail h2,
.event-detail strong,
.event-admin-card span,
.event-admin-card em,
.home-event-card strong,
.home-event-card span,
.home-event-card h3 {
  display: block;
}
.event-card span,
.event-detail span {
  color: #a21caf;
  font-weight: bold;
}
.event-card h2,
.event-detail h2 {
  color: #0f172a;
  font-size: 21px;
  line-height: 1.25;
  margin: 6px 0;
}
.event-detail strong {
  color: #111827;
  font-size: 22px;
  margin-bottom: 8px;
}
.event-card p,
.event-card em,
.event-detail p,
.event-detail-text,
.event-empty,
.event-admin-card span,
.event-admin-card em,
.home-event-card p,
.home-event-card span {
  color: #64748b;
  line-height: 1.55;
}
.event-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0;
}
.event-meta em {
  background: #fdf4ff;
  color: #86198f;
  font-style: normal;
  font-weight: bold;
  padding: 6px 8px;
}
.event-card a,
.event-actions a,
.event-empty a,
.event-admin-hero a,
.event-form button,
.event-cancel,
.event-admin-actions a,
.home-event-head a,
.home-event-card a {
  background: #111827;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.event-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.event-actions .secondary,
.event-admin-hero a {
  background: rgba(17, 24, 39, .72);
}
.event-detail {
  align-items: flex-start;
  display: grid;
  gap: 16px;
  grid-template-columns: 300px minmax(0, 1fr);
}
.event-detail img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.event-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.event-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.event-form input,
.event-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.event-form textarea {
  min-height: 120px;
}
.event-form .wide,
.event-form button {
  grid-column: 1 / -1;
}
.event-form .check {
  align-items: center;
  display: flex;
}
.event-form .check input {
  width: auto;
}
.event-alert {
  padding: 12px;
}
.event-alert.ok {
  background: #dcfce7;
  color: #166534;
}
.event-alert.warn {
  background: #fee2e2;
  color: #991b1b;
}
.event-admin-list {
  display: grid;
  gap: 12px;
}
.event-admin-card {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.event-admin-card strong {
  color: #0f172a;
  display: block;
}
.event-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.event-admin-actions .danger {
  background: #8a1f16;
}
.home-event-showcase {
  margin: 14px 0;
}
.home-event-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.home-event-head h2 {
  color: #0f172a;
  font-size: 22px;
  margin: 4px 0 0;
}
.home-event-card h3 {
  color: #0f172a;
  font-size: 18px;
  margin: 6px 0;
}
.home-event-card strong {
  color: #86198f;
  font-size: 16px;
}
.payment-public,
.payment-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.payment-hero,
.payment-admin-hero {
  background: #1f1b12;
  color: #fff;
  padding: 22px;
}
.payment-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.payment-hero span,
.payment-admin-hero span {
  color: #fde68a;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.payment-hero h1,
.payment-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.payment-hero p,
.payment-admin-hero p {
  color: #fef3c7;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.payment-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.payment-card,
.payment-detail,
.payment-empty,
.payment-form,
.payment-admin-card,
.payment-empty-admin {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
  padding: 16px;
}
.payment-card span,
.payment-card h2,
.payment-card strong,
.payment-detail span,
.payment-detail h2,
.payment-detail strong,
.payment-detail em,
.payment-admin-card span,
.payment-admin-card em {
  display: block;
}
.payment-card span,
.payment-detail span {
  color: #b45309;
  font-weight: bold;
}
.payment-card h2,
.payment-detail h2 {
  color: #0f172a;
  font-size: 21px;
  line-height: 1.25;
  margin: 6px 0;
}
.payment-card strong,
.payment-detail strong {
  color: #111827;
  font-size: 24px;
}
.payment-card p,
.payment-detail p,
.payment-text,
.payment-empty,
.payment-admin-card span,
.payment-admin-card em {
  color: #64748b;
  line-height: 1.55;
}
.payment-detail {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) 320px;
}
.payment-side {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 14px;
}
.payment-side h3 {
  color: #0f172a;
  font-size: 16px;
  margin: 12px 0 6px;
}
.payment-side pre {
  background: #fff;
  border: 1px solid #e2e8f0;
  color: #334155;
  overflow: auto;
  padding: 10px;
  white-space: pre-wrap;
}
.payment-card a,
.payment-main-action,
.payment-secondary,
.payment-empty a,
.payment-admin-hero a,
.payment-form button,
.payment-cancel,
.payment-admin-actions a {
  background: #111827;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-top: 8px;
  padding: 9px 12px;
  text-decoration: none;
}
.payment-secondary,
.payment-admin-hero a {
  background: rgba(17, 24, 39, .72);
}
.payment-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.payment-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.payment-form input,
.payment-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.payment-form textarea {
  min-height: 120px;
}
.payment-form .wide,
.payment-form button {
  grid-column: 1 / -1;
}
.payment-form .check {
  align-items: center;
  display: flex;
}
.payment-form .check input {
  width: auto;
}
.payment-alert {
  padding: 12px;
}
.payment-alert.ok {
  background: #dcfce7;
  color: #166534;
}
.payment-alert.warn {
  background: #fee2e2;
  color: #991b1b;
}
.payment-admin-list {
  display: grid;
  gap: 12px;
}
.payment-admin-card {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.payment-admin-card strong {
  color: #0f172a;
  display: block;
}
.payment-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.payment-admin-actions .danger {
  background: #8a1f16;
}
.cta-public,
.cta-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.cta-global {
  align-items: center;
  background: #111827;
  color: #fff;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin: 0 0 12px;
  padding: 12px 16px;
  text-align: left;
}
.cta-global strong,
.cta-global span {
  display: block;
}
.cta-global span {
  color: #e5e7eb;
  line-height: 1.4;
}
.cta-global a,
.cta-list-card a,
.cta-empty a,
.cta-admin-hero a,
.cta-form button,
.cta-cancel,
.cta-admin-actions a {
  background: #fff;
  border: 0;
  color: #111827;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
  white-space: nowrap;
}
.cta-type-kampanya {
  background: #7f1d1d;
}
.cta-type-randevu {
  background: #14532d;
}
.cta-type-odeme {
  background: #713f12;
}
.cta-type-etkinlik {
  background: #581c87;
}
.cta-hero,
.cta-admin-hero {
  background: #16202e;
  color: #fff;
  padding: 22px;
}
.cta-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.cta-hero span,
.cta-admin-hero span {
  color: #bae6fd;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.cta-hero h1,
.cta-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.cta-hero p,
.cta-admin-hero p {
  color: #e0f2fe;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.cta-list-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cta-list-card,
.cta-empty,
.cta-form,
.cta-admin-card,
.cta-empty-admin {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
  padding: 16px;
}
.cta-list-card span,
.cta-list-card h2,
.cta-admin-card span {
  display: block;
}
.cta-list-card span {
  color: #0369a1;
  font-weight: bold;
}
.cta-list-card h2 {
  color: #0f172a;
  font-size: 21px;
  line-height: 1.25;
  margin: 6px 0;
}
.cta-list-card p,
.cta-empty,
.cta-admin-card span {
  color: #64748b;
  line-height: 1.55;
}
.cta-list-card a,
.cta-empty a,
.cta-admin-hero a,
.cta-form button,
.cta-cancel,
.cta-admin-actions a {
  background: #111827;
  color: #fff;
}
.cta-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cta-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.cta-form input,
.cta-form select,
.cta-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.cta-form textarea {
  min-height: 110px;
}
.cta-form .wide,
.cta-form button {
  grid-column: 1 / -1;
}
.cta-form .check {
  align-items: center;
  display: flex;
}
.cta-form .check input {
  width: auto;
}
.cta-alert {
  padding: 12px;
}
.cta-alert.ok {
  background: #dcfce7;
  color: #166534;
}
.cta-alert.warn {
  background: #fee2e2;
  color: #991b1b;
}
.cta-admin-list {
  display: grid;
  gap: 12px;
}
.cta-admin-card {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.cta-admin-card strong {
  color: #0f172a;
  display: block;
}
.cta-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cta-admin-actions .danger {
  background: #8a1f16;
}
.location-public,
.location-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.location-hero,
.location-admin-hero {
  background: #102322;
  color: #fff;
  padding: 22px;
}
.location-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.location-hero span,
.location-admin-hero span,
.home-location-head span {
  color: #99f6e4;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.location-hero h1,
.location-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.location-hero p,
.location-admin-hero p {
  color: #ccfbf1;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.location-grid,
.home-location-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.location-card,
.location-detail,
.location-empty,
.location-form,
.location-admin-card,
.location-empty-admin,
.home-location-showcase,
.home-location-card {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
  padding: 16px;
}
.location-card.featured {
  border-color: #0d9488;
  box-shadow: 0 10px 24px rgba(13, 148, 136, .14);
}
.location-card span,
.location-card h2,
.location-card em,
.location-detail span,
.location-detail h2,
.location-detail em,
.location-admin-card span,
.location-admin-card em,
.home-location-card strong,
.home-location-card span {
  display: block;
}
.location-card span,
.location-detail span {
  color: #0f766e;
  font-weight: bold;
}
.location-card h2,
.location-detail h2 {
  color: #0f172a;
  font-size: 21px;
  line-height: 1.25;
  margin: 6px 0;
}
.location-card p,
.location-card em,
.location-detail p,
.location-empty,
.location-admin-card span,
.location-admin-card em,
.home-location-card p,
.home-location-card span {
  color: #64748b;
  line-height: 1.55;
}
.location-detail {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) 360px;
}
.location-detail iframe {
  border: 0;
  min-height: 320px;
  width: 100%;
}
.location-detail pre {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #334155;
  padding: 10px;
  white-space: pre-wrap;
}
.location-contact-line,
.location-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}
.location-card a,
.location-contact-line a,
.location-actions a,
.location-empty a,
.location-admin-hero a,
.location-form button,
.location-cancel,
.location-admin-actions a,
.home-location-head a,
.home-location-card a {
  background: #111827;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.location-actions .secondary,
.location-admin-hero a {
  background: rgba(17, 24, 39, .72);
}
.location-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.location-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.location-form input,
.location-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.location-form textarea {
  min-height: 110px;
}
.location-form .wide,
.location-form button {
  grid-column: 1 / -1;
}
.location-form .check {
  align-items: center;
  display: flex;
}
.location-form .check input {
  width: auto;
}
.location-alert {
  padding: 12px;
}
.location-alert.ok {
  background: #dcfce7;
  color: #166534;
}
.location-alert.warn {
  background: #fee2e2;
  color: #991b1b;
}
.location-admin-list {
  display: grid;
  gap: 12px;
}
.location-admin-card {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.location-admin-card strong {
  color: #0f172a;
  display: block;
}
.location-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.location-admin-actions .danger {
  background: #8a1f16;
}
.home-location-showcase {
  margin: 14px 0;
}
.home-location-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.home-location-head h2 {
  color: #0f172a;
  font-size: 22px;
  margin: 4px 0 0;
}
.home-location-card strong {
  color: #0f172a;
  font-size: 18px;
}
.shortlink-public,
.shortlink-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.shortlink-hero,
.shortlink-admin-hero {
  background: #17213a;
  color: #fff;
  padding: 22px;
}
.shortlink-admin-hero {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.shortlink-hero span,
.shortlink-admin-hero span {
  color: #c7d2fe;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.shortlink-hero h1,
.shortlink-admin-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.shortlink-hero p,
.shortlink-admin-hero p {
  color: #e0e7ff;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.shortlink-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.shortlink-card,
.shortlink-empty,
.shortlink-form,
.shortlink-admin-card,
.shortlink-empty-admin {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
  padding: 16px;
}
.shortlink-card span,
.shortlink-card h2,
.shortlink-card em,
.shortlink-admin-card span,
.shortlink-admin-card em {
  display: block;
}
.shortlink-card span {
  color: #4338ca;
  font-weight: bold;
}
.shortlink-card h2 {
  color: #0f172a;
  font-size: 21px;
  line-height: 1.25;
  margin: 6px 0;
}
.shortlink-card p,
.shortlink-card em,
.shortlink-empty,
.shortlink-admin-card span,
.shortlink-admin-card em {
  color: #64748b;
  line-height: 1.55;
}
.shortlink-card a,
.shortlink-empty a,
.shortlink-admin-hero a,
.shortlink-form button,
.shortlink-cancel,
.shortlink-admin-actions a {
  background: #111827;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-top: 8px;
  padding: 9px 12px;
  text-decoration: none;
}
.shortlink-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.shortlink-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.shortlink-form input,
.shortlink-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  color: #0f172a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 9px;
  width: 100%;
}
.shortlink-form textarea {
  min-height: 110px;
}
.shortlink-form .wide,
.shortlink-form button {
  grid-column: 1 / -1;
}
.shortlink-form .check {
  align-items: center;
  display: flex;
}
.shortlink-form .check input {
  width: auto;
}
.shortlink-alert {
  padding: 12px;
}
.shortlink-alert.ok {
  background: #dcfce7;
  color: #166534;
}
.shortlink-alert.warn {
  background: #fee2e2;
  color: #991b1b;
}
.shortlink-admin-list {
  display: grid;
  gap: 12px;
}
.shortlink-admin-card {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.shortlink-admin-card strong {
  color: #0f172a;
  display: block;
}
.shortlink-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.shortlink-admin-actions .danger {
  background: #8a1f16;
}
.marketing-report {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.marketing-hero {
  align-items: center;
  background: #101827;
  color: #fff;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 22px;
}
.marketing-hero span {
  color: #fbcfe8;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.marketing-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.marketing-hero p {
  color: #fce7f3;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}
.marketing-hero a,
.marketing-actions a,
.marketing-row {
  background: #111827;
  border: 0;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.marketing-hero a {
  background: rgba(255,255,255,.14);
  white-space: nowrap;
}
.marketing-score,
.marketing-grid,
.marketing-columns {
  display: grid;
  gap: 14px;
}
.marketing-score {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.marketing-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.marketing-columns {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.marketing-score div,
.marketing-card,
.marketing-panel {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
  padding: 16px;
}
.marketing-score strong,
.marketing-card strong {
  color: #0f172a;
  display: block;
  font-size: 28px;
}
.marketing-score span,
.marketing-card span,
.marketing-card em,
.marketing-empty,
.marketing-row span,
.marketing-row em,
.marketing-tips p {
  color: #64748b;
  line-height: 1.55;
}
.marketing-card {
  text-decoration: none;
}
.marketing-card span {
  display: block;
  font-weight: bold;
}
.marketing-card em {
  display: block;
  font-style: normal;
}
.marketing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.marketing-panel h2 {
  color: #0f172a;
  font-size: 20px;
  margin: 0 0 12px;
}
.marketing-row {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #0f172a;
  display: block;
  margin-bottom: 8px;
}
.marketing-row strong,
.marketing-row span,
.marketing-row em {
  display: block;
}
.marketing-source {
  align-items: center;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 9px 0;
}
.marketing-source span {
  color: #334155;
}
.marketing-source strong {
  color: #0f172a;
}
.integration-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.integration-hero {
  align-items: center;
  background: #0f172a;
  color: #fff;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 22px;
}
.integration-hero span {
  color: #bae6fd;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.integration-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.integration-hero p {
  color: #dbeafe;
  line-height: 1.6;
  margin: 0;
  max-width: 820px;
}
.integration-metrics {
  background: rgba(255,255,255,.12);
  min-width: 130px;
  padding: 14px;
  text-align: center;
}
.integration-metrics strong {
  display: block;
  font-size: 28px;
}
.integration-shortcuts,
.integration-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.integration-shortcuts a,
.integration-actions a,
.integration-actions button,
.integration-form button,
.integration-cancel {
  background: #111827;
  border: 0;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  font-family: inherit;
  font-size: inherit;
  padding: 9px 12px;
  text-decoration: none;
}
.integration-actions button { cursor: pointer; }
.integration-actions .danger {
  background: #8a1f16;
}
.integration-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
}
.integration-form {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 16px;
}
.integration-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.integration-form .wide {
  grid-column: 1 / -1;
}
.integration-form input,
.integration-form select,
.integration-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  font: 13px Arial, sans-serif;
  padding: 9px;
  width: 100%;
}
.integration-form textarea {
  min-height: 82px;
}
.integration-form .check {
  align-items: center;
  display: flex;
  gap: 8px;
}
.integration-form .check input {
  width: auto;
}
.integration-playbook,
.integration-card,
.integration-empty,
.integration-alert {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
  padding: 16px;
}
.integration-playbook h2 {
  color: #0f172a;
  font-size: 20px;
  margin: 0 0 12px;
}
.integration-playbook article {
  border-bottom: 1px solid #e2e8f0;
  padding: 10px 0;
}
.integration-playbook article strong,
.integration-card strong,
.integration-card b {
  color: #0f172a;
  display: block;
}
.integration-playbook article span,
.integration-card span,
.integration-card em,
.integration-empty {
  color: #64748b;
  line-height: 1.55;
}
.integration-waiting {
  background: #f8fafc;
  margin-top: 12px;
  padding: 12px;
}
.integration-list {
  display: grid;
  gap: 10px;
}
.integration-card {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.integration-card b {
  color: #0369a1;
  font-size: 12px;
  text-transform: uppercase;
}
.integration-card em {
  display: block;
  font-style: normal;
  word-break: break-word;
}
.integration-alert.ok {
  border-color: #86efac;
  color: #166534;
}
.integration-alert.warn {
  border-color: #fca5a5;
  color: #991b1b;
}
.language-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.language-hero {
  align-items: center;
  background: #111827;
  color: #fff;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 22px;
}
.language-hero span {
  color: #bbf7d0;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.language-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.language-hero p {
  color: #dcfce7;
  line-height: 1.6;
  margin: 0;
  max-width: 820px;
}
.language-metrics {
  background: rgba(255,255,255,.12);
  display: grid;
  gap: 4px;
  min-width: 135px;
  padding: 14px;
  text-align: center;
}
.language-metrics strong {
  display: block;
  font-size: 26px;
}
.language-grid,
.language-lists {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.language-form,
.language-lists section,
.language-alert,
.language-empty {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
  padding: 16px;
}
.language-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.language-form h2,
.language-lists h2 {
  color: #0f172a;
  font-size: 20px;
  grid-column: 1 / -1;
  margin: 0 0 4px;
}
.language-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.language-form .wide {
  grid-column: 1 / -1;
}
.language-form input,
.language-form select,
.language-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  font: 13px Arial, sans-serif;
  padding: 9px;
  width: 100%;
}
.language-form textarea {
  min-height: 84px;
}
.language-form .check {
  align-items: center;
  display: flex;
  gap: 8px;
}
.language-form .check input {
  width: auto;
}
.language-form button,
.language-cancel,
.language-actions a {
  background: #111827;
  border: 0;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.language-card {
  align-items: flex-start;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 12px;
}
.language-card b,
.language-card strong,
.language-card span {
  display: block;
}
.language-card b {
  color: #15803d;
  font-size: 12px;
  text-transform: uppercase;
}
.language-card strong {
  color: #0f172a;
}
.language-card span,
.language-empty {
  color: #64748b;
  line-height: 1.55;
}
.language-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.language-actions .danger {
  background: #8a1f16;
}
.language-alert.ok {
  border-color: #86efac;
  color: #166534;
}
.language-alert.warn {
  border-color: #fca5a5;
  color: #991b1b;
}
.site-language-switcher {
  align-items: center;
  background: #0f172a;
  box-sizing: border-box;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  margin: 0 auto;
  max-width: var(--cms-container-max);
  overflow-x: auto;
  padding: 7px 10px;
}
.site-language-link {
  align-items: center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  color: #dbeafe;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6px;
  line-height: 1;
  padding: 7px 9px;
  text-decoration: none;
}
.site-language-link b {
  color: #fff;
  font-size: 11px;
}
.site-language-link span {
  font-size: 11px;
}
.site-language-link.active {
  background: #fff;
  border-color: #fff;
  color: #0f172a;
}
.site-language-link.active b {
  color: #0f172a;
}
.redirect-admin {
  color: #1f2937;
  display: grid;
  gap: 16px;
}
.redirect-hero {
  align-items: center;
  background: #1f1b2e;
  color: #fff;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 22px;
}
.redirect-hero span {
  color: #fde68a;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.redirect-hero h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.redirect-hero p {
  color: #fef3c7;
  line-height: 1.6;
  margin: 0;
  max-width: 780px;
}
.redirect-metrics {
  background: rgba(255,255,255,.12);
  display: grid;
  gap: 4px;
  min-width: 135px;
  padding: 14px;
  text-align: center;
}
.redirect-metrics strong {
  display: block;
  font-size: 26px;
}
.redirect-form,
.redirect-card,
.redirect-empty,
.redirect-alert {
  background: #fff;
  border: 1px solid #dbe3ea;
  box-sizing: border-box;
  padding: 16px;
}
.redirect-form {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 160px;
}
.redirect-form label {
  color: #334155;
  display: grid;
  font-weight: bold;
  gap: 6px;
}
.redirect-form .wide {
  grid-column: 1 / -1;
}
.redirect-form input,
.redirect-form select,
.redirect-form textarea {
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  font: 13px Arial, sans-serif;
  padding: 9px;
  width: 100%;
}
.redirect-form textarea {
  min-height: 84px;
}
.redirect-form .check {
  align-items: center;
  display: flex;
  gap: 8px;
}
.redirect-form .check input {
  width: auto;
}
.redirect-form button,
.redirect-cancel,
.redirect-actions a {
  background: #111827;
  border: 0;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 9px 12px;
  text-decoration: none;
}
.redirect-list {
  display: grid;
  gap: 10px;
}
.redirect-card {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.redirect-card b,
.redirect-card strong,
.redirect-card span,
.redirect-card em {
  display: block;
}
.redirect-card b {
  color: #b45309;
  font-size: 12px;
}
.redirect-card strong {
  color: #0f172a;
}
.redirect-card span,
.redirect-card em,
.redirect-empty {
  color: #64748b;
  line-height: 1.55;
  word-break: break-word;
}
.redirect-card em {
  font-style: normal;
}
.redirect-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.redirect-actions .danger {
  background: #8a1f16;
}
.redirect-alert.ok {
  border-color: #86efac;
  color: #166534;
}
.redirect-alert.warn {
  border-color: #fca5a5;
  color: #991b1b;
}
@media (max-width: 760px) {
  .security-hero,
  .security-form,
  .calendar-hero,
  .work-hero,
  .ai-hero,
  .newsletter-admin-hero,
  .newsletter-card,
  .appointment-admin-hero,
  .appointment-card-head,
  .conversion-hero,
  .reviews-admin-hero,
  .reviews-admin-card,
  .team-admin-hero,
  .team-admin-card,
  .dynamic-form-admin-hero,
  .dynamic-field-list article,
  .dynamic-response-head,
  .social-wall-admin-hero,
  .social-wall-admin-card,
  .pricing-admin-hero,
  .pricing-admin-card,
  .home-pricing-head,
  .resource-admin-hero,
  .resource-admin-card,
  .home-resource-head,
  .event-admin-hero,
  .event-admin-card,
  .home-event-head,
  .payment-admin-hero,
  .payment-admin-card,
  .cta-global,
  .cta-admin-hero,
  .cta-admin-card,
  .location-admin-hero,
  .location-admin-card,
  .home-location-head,
  .shortlink-admin-hero,
  .shortlink-admin-card,
  .marketing-hero,
  .integration-hero,
  .integration-card,
  .language-hero,
  .language-card,
  .redirect-hero,
  .redirect-card {
    align-items: flex-start;
    grid-template-columns: 1fr;
    flex-direction: column;
  }
  .security-grid,
  .calendar-ai-strip,
  .calendar-form,
  .calendar-meta,
  .work-summary-grid,
  .work-columns,
  .ai-form,
  .ai-grid,
  .newsletter-form,
  .newsletter-stats,
  .appointment-form,
  .appointment-meta,
  .conversion-score,
  .conversion-grid,
  .conversion-columns,
  .reviews-grid,
  .reviews-form,
  .team-grid,
  .team-form,
  .dynamic-form,
  .dynamic-admin-form,
  .dynamic-admin-form.compact,
  .dynamic-admin-layout,
  .social-wall-grid,
  .social-wall-form,
  .pricing-grid,
  .pricing-form,
  .home-pricing-grid,
  .resource-grid,
  .resource-detail,
  .resource-form,
  .home-resource-grid,
  .event-grid,
  .event-detail,
  .event-form,
  .home-event-grid,
  .payment-grid,
  .payment-detail,
  .payment-form,
  .cta-list-grid,
  .cta-form,
  .location-grid,
  .location-detail,
  .location-form,
  .home-location-grid,
  .shortlink-grid,
  .shortlink-form,
  .marketing-score,
  .marketing-grid,
  .marketing-columns,
  .integration-grid,
  .integration-form,
  .language-grid,
  .language-lists,
  .language-form,
  .redirect-form,
  .guestbook-form {
    grid-template-columns: 1fr;
  }
  .calendar-card-head {
    flex-direction: column;
  }
  .site-language-switcher {
    justify-content: flex-start;
    padding-left: 8px;
    padding-right: 8px;
  }
  .home-modern-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  .home-modern-content .sayfa_icerik {
    padding: 14px;
  }
}
.site-footer {
  width: min(var(--cms-container-width, 100%), var(--cms-container-max, 1180px)) !important;
  min-height: 0 !important;
  height: auto !important;
  box-sizing: border-box;
  margin: 30px auto 0 !important;
  padding: 24px !important;
  display: grid;
  gap: 18px;
  background: var(--cms-text, #111827) !important;
  background-image: none !important;
  color: #f8fafc !important;
  border-radius: 8px 8px 0 0 !important;
  text-align: left !important;
  text-shadow: none !important;
}

.top_pic {
  position: relative;
  display: flex !important;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  box-sizing: border-box;
  padding: 16px clamp(14px, 3vw, 42px);
  min-height: var(--cms-hero-display-height, var(--cms-hero-height));
  overflow: hidden;
}

.cms-visually-hidden {
  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;
}

/* Yönetim ekranlarındaki açıklamalar, Tedarik Merkezi'ndeki ayrıntılı yardım düzenini kullanır. */
.cms-module-guide {
  margin: 0 0 22px;
  border: 1px solid #c8d7ce;
  border-left: 4px solid #1d5b45;
  background: #fbfdfb;
}

.cms-module-guide > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 66px;
  padding: 13px 17px;
  cursor: pointer;
  list-style: none;
  color: #17212b;
}

.cms-module-guide > summary::-webkit-details-marker,
.cms-module-guide > summary::marker { display: none; content: ""; }
.cms-module-guide > summary span { display: grid; gap: 3px; }
.cms-module-guide > summary strong { font-size: 15px; }
.cms-module-guide > summary small { color: #61706a; font-size: 12px; }
.cms-module-guide > summary::after {
  content: "+";
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border: 1px solid #b8cbc0;
  border-radius: 4px;
  background: #fff;
  color: #1d5b45;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.cms-module-guide[open] > summary { border-bottom: 1px solid #d8e5dc; background: #f3f8f4; }
.cms-module-guide[open] > summary::after { content: "-"; background: #1d5b45; border-color: #1d5b45; color: #fff; }
.cms-module-guide-body { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 20px; }
.cms-module-guide-section h3,
.cms-module-guide-note > strong { display: block; margin: 0 0 7px; color: #1d5b45; font-size: 13px; }
.cms-module-guide-section p,
.cms-module-guide-section ul,
.cms-module-guide-section ol,
.cms-module-guide-note p { margin: 0; color: #43525b; font-size: 13px; line-height: 1.55; }
.cms-module-guide-section ul,
.cms-module-guide-section ol { padding-left: 18px; }
.cms-module-guide-section li { margin: 0 0 6px; }
.cms-module-guide-note { grid-column: 1 / -1; padding: 13px 14px; border-left: 3px solid #d8ab67; background: #fff8ea; }
.cms-module-guide-note p { margin-top: 3px; }
.cms-module-guide > summary:focus-visible { outline: 3px solid rgba(198, 90, 34, .35); outline-offset: 2px; }

@media (max-width: 900px) {
  .cms-module-guide-body { grid-template-columns: 1fr; }
  .cms-module-guide-note { grid-column: auto; }
}

@media (max-width: 520px) {
  .cms-module-guide { margin-bottom: 18px; }
  .cms-module-guide > summary { min-height: 60px; padding: 12px; }
  .cms-module-guide > summary small { line-height: 1.3; }
  .cms-module-guide-body { padding: 15px; }
}

.top_pic_sol {
  flex: 1 1 auto;
  min-width: 0;
}

.top_slogan_wrap {
  flex: 0 1 min(42%, 430px);
  max-width: min(42%, 430px);
  margin-left: auto !important;
  float: none !important;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  text-align: right;
}

.top_slogan_inner {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.top_slogan_wrap.slogan-pos-sag-ust {
  align-self: flex-start;
}

.top_slogan_wrap.slogan-pos-sag-orta {
  align-self: center;
}

.top_slogan_wrap.slogan-pos-sag-alt {
  align-self: flex-end;
}

.slogan {
  float: none !important;
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 10px 14px;
  background: rgba(255,255,255,.82);
  color: var(--cms-text, #111827);
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(15,23,42,.18);
  text-align: right;
  overflow-wrap: anywhere;
  text-shadow: none;
}

.site-footer-main {
  display: grid;
  grid-template-columns: minmax(220px, 1.25fr) minmax(260px, 1fr) minmax(180px, .8fr);
  gap: 22px;
  align-items: start;
}

.site-footer-brand,
.site-footer-contact,
.site-footer-links,
.site-footer-bottom {
  font-family: Arial, Helvetica, sans-serif;
}

.site-footer-brand strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.25;
}

.site-footer-brand span,
.site-footer-bottom span {
  color: #dbe3ee;
  font-size: 13px;
  line-height: 1.55;
}

.site-footer-links,
.site-footer-contact,
.site-footer .seo-social-wrap,
.site-footer .legal-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.site-footer-links a,
.site-footer-contact a,
.site-footer .legal-footer-links a,
.site-footer .social-chip {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  padding: 8px 10px;
  background: rgba(255,255,255,.08);
  color: #ffffff !important;
  font: 700 13px/1.2 Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-shadow: none;
}

.site-footer-links a:hover,
.site-footer-contact a:hover,
.site-footer .legal-footer-links a:hover,
.site-footer .social-chip:hover {
  background: var(--cms-accent, #f59e0b);
  border-color: var(--cms-accent, #f59e0b);
  color: #111827 !important;
}

.site-footer .seo-social-wrap {
  padding: 0;
  margin: 0;
}

.site-footer .social-facebook,
.site-footer .social-twitter,
.site-footer .social-instagram,
.site-footer .social-youtube {
  background: rgba(255,255,255,.08);
}

.site-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  border-top: 1px solid rgba(255,255,255,.14);
  padding-top: 16px;
}

.site-footer-bottom span div {
  display: inline;
  padding: 0 !important;
  margin-right: 8px;
}

.footer_sector,
.footer_sector_sag,
.footer_sector_sol {
  text-shadow: none;
}

/* Codex harmony color system */
.site-footer {
  background: var(--cms-footer-bg, #111827) !important;
  color: var(--cms-on-footer, #ffffff) !important;
}

.site-footer-brand strong,
.site-footer-brand span,
.site-footer-bottom span,
.site-footer-bottom,
.site-footer .seo-social-wrap,
.site-footer .seo-social-wrap *,
.site-footer .footer_SEO,
.site-footer .footer_sector,
.site-footer .footer_sector_sag,
.site-footer .footer_sector_sol {
  color: var(--cms-on-footer, #ffffff) !important;
}

.site-footer-links a,
.site-footer-contact a,
.site-footer .legal-footer-links a,
.site-footer .social-chip {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: var(--cms-on-footer, #ffffff) !important;
}

.site-footer-links a:hover,
.site-footer-contact a:hover,
.site-footer .legal-footer-links a:hover,
.site-footer .social-chip:hover {
  background: var(--cms-harmony-accent, var(--cms-accent, #f59e0b)) !important;
  border-color: var(--cms-harmony-accent, var(--cms-accent, #f59e0b)) !important;
  color: var(--cms-on-accent, #111827) !important;
}

.social-wall-hero,
.social-wall-admin-hero,
.cta-global,
.cta-hero,
.cta-admin-hero {
  background: var(--cms-section-dark, #111827) !important;
  color: var(--cms-on-dark, #ffffff) !important;
}

.social-wall-hero h1,
.social-wall-hero p,
.social-wall-admin-hero h1,
.social-wall-admin-hero p,
.cta-global strong,
.cta-global span,
.cta-hero h1,
.cta-hero p,
.cta-admin-hero h1,
.cta-admin-hero p {
  color: var(--cms-on-dark, #ffffff) !important;
}

.social-wall-hero span,
.social-wall-admin-hero span,
.cta-hero span,
.cta-admin-hero span {
  color: var(--cms-section-kicker, var(--cms-on-dark, #ffffff)) !important;
}

.home-campaign-head,
.home-portfolio-head,
.home-pricing-head,
.home-resource-head,
.home-event-head,
.home-location-head {
  background: var(--cms-section-dark, #111827) !important;
  color: var(--cms-on-dark, #ffffff) !important;
}

.home-campaign-head h2,
.home-portfolio-head h2,
.home-pricing-head h2,
.home-resource-head h2,
.home-event-head h2,
.home-location-head h2 {
  color: var(--cms-on-dark, #ffffff) !important;
}

.home-campaign-head span,
.home-portfolio-head span,
.home-pricing-head span,
.home-resource-head span,
.home-event-head span,
.home-location-head span {
  color: var(--cms-section-kicker, var(--cms-on-dark, #ffffff)) !important;
}

.home-campaign-head a,
.home-portfolio-head a,
.home-pricing-head a,
.home-resource-head a,
.home-event-head a,
.home-location-head a {
  background: var(--cms-primary, #111827) !important;
  color: var(--cms-on-primary, #ffffff) !important;
}

.portfolio-list-hero,
.portfolio-detail-hero,
.portfolio-admin-hero,
.cms-template-hero,
.pricing-hero,
.pricing-admin-hero,
.resource-hero,
.resource-admin-hero,
.event-hero,
.event-admin-hero,
.payment-hero,
.payment-admin-hero,
.location-hero,
.location-admin-hero,
.shortlink-hero,
.shortlink-admin-hero,
.newsletter-hero,
.newsletter-admin-hero,
.appointment-hero,
.appointment-admin-hero,
.reviews-hero,
.reviews-admin-hero,
.team-hero,
.team-admin-hero,
.dynamic-form-hero,
.dynamic-form-admin-hero,
.marketing-hero,
.integration-hero,
.language-hero,
.redirect-hero,
.faq-hero,
.search-hero,
.lead-hero,
.conversion-hero,
.ai-hero {
  background: var(--cms-section-dark, #111827) !important;
  color: var(--cms-on-dark, #ffffff) !important;
}

.portfolio-list-hero h1,
.portfolio-detail-hero h1,
.portfolio-admin-hero h1,
.cms-template-hero h1,
.pricing-hero h1,
.pricing-admin-hero h1,
.resource-hero h1,
.resource-admin-hero h1,
.event-hero h1,
.event-admin-hero h1,
.payment-hero h1,
.payment-admin-hero h1,
.location-hero h1,
.location-admin-hero h1,
.shortlink-hero h1,
.shortlink-admin-hero h1,
.newsletter-hero h1,
.newsletter-admin-hero h1,
.appointment-hero h1,
.appointment-admin-hero h1,
.reviews-hero h1,
.reviews-admin-hero h1,
.team-hero h1,
.team-admin-hero h1,
.dynamic-form-hero h1,
.dynamic-form-admin-hero h1,
.marketing-hero h1,
.integration-hero h1,
.language-hero h1,
.redirect-hero h1,
.faq-hero h1,
.search-hero h1,
.lead-hero h1,
.conversion-hero h1,
.ai-hero h1,
.portfolio-list-hero p,
.portfolio-detail-hero p,
.portfolio-admin-hero p,
.cms-template-hero p,
.pricing-hero p,
.pricing-admin-hero p,
.resource-hero p,
.resource-admin-hero p,
.event-hero p,
.event-admin-hero p,
.payment-hero p,
.payment-admin-hero p,
.location-hero p,
.location-admin-hero p,
.shortlink-hero p,
.shortlink-admin-hero p,
.newsletter-hero p,
.newsletter-admin-hero p,
.appointment-hero p,
.appointment-admin-hero p,
.reviews-hero p,
.reviews-admin-hero p,
.team-hero p,
.team-admin-hero p,
.dynamic-form-hero p,
.dynamic-form-admin-hero p,
.marketing-hero p,
.integration-hero p,
.language-hero p,
.redirect-hero p,
.faq-hero p,
.search-hero p,
.lead-hero p,
.conversion-hero p,
.ai-hero p {
  color: var(--cms-on-dark, #ffffff) !important;
}

.portfolio-list-hero span,
.portfolio-detail-hero span,
.portfolio-admin-hero span,
.cms-template-hero span,
.pricing-hero span,
.pricing-admin-hero span,
.resource-hero span,
.resource-admin-hero span,
.event-hero span,
.event-admin-hero span,
.payment-hero span,
.payment-admin-hero span,
.location-hero span,
.location-admin-hero span,
.shortlink-hero span,
.shortlink-admin-hero span,
.newsletter-hero span,
.newsletter-admin-hero span,
.appointment-hero span,
.appointment-admin-hero span,
.reviews-hero span,
.reviews-admin-hero span,
.team-hero span,
.team-admin-hero span,
.dynamic-form-hero span,
.dynamic-form-admin-hero span,
.marketing-hero span,
.integration-hero span,
.language-hero span,
.redirect-hero span,
.faq-hero span,
.search-hero span,
.lead-hero span,
.conversion-hero span,
.ai-hero span {
  color: var(--cms-section-kicker, var(--cms-on-dark, #ffffff)) !important;
}

.portfolio-detail-hero a,
.portfolio-admin-hero a,
.cms-template-hero a,
.cms-template-secondary,
.pricing-admin-hero a,
.resource-admin-hero a,
.event-admin-hero a,
.payment-admin-hero a,
.location-admin-hero a,
.shortlink-admin-hero a,
.newsletter-admin-hero a,
.appointment-admin-hero a,
.reviews-admin-hero a,
.team-admin-hero a,
.dynamic-form-admin-hero a,
.marketing-hero a,
.integration-shortcuts a,
.integration-actions a,
.language-form button,
.language-cancel,
.language-actions a,
.redirect-form button,
.redirect-cancel,
.redirect-actions a {
  background: var(--cms-primary, #111827) !important;
  color: var(--cms-on-primary, #ffffff) !important;
}

.portfolio-card span,
.portfolio-cta span,
.home-portfolio-card span,
.pricing-card span,
.home-pricing-card span,
.resource-card span,
.resource-detail span,
.home-resource-card span,
.event-card span,
.event-detail span,
.home-event-card span,
.payment-card span,
.payment-detail span,
.location-card span,
.location-detail span,
.home-location-card span,
.shortlink-card span,
.newsletter-card span,
.appointment-card span,
.reviews-admin-card span,
.team-card-body span,
.dynamic-form-list-item span,
.marketing-card span,
.marketing-row span,
.integration-card span,
.language-card span,
.redirect-card span {
  color: var(--cms-harmony-accent, var(--cms-primary, #0f766e)) !important;
}

.portfolio-card h2,
.portfolio-card strong,
.home-portfolio-card strong,
.pricing-card h2,
.pricing-card strong,
.home-pricing-card strong,
.resource-card h2,
.resource-card strong,
.home-resource-card strong,
.event-card h2,
.event-card strong,
.home-event-card h3,
.home-event-card strong,
.payment-card h2,
.payment-card strong,
.location-card h2,
.location-card strong,
.home-location-card strong,
.shortlink-card h2,
.shortlink-card strong,
.newsletter-card strong,
.appointment-card strong,
.team-card-body h2,
.team-card-body strong,
.marketing-card strong,
.integration-card strong,
.language-card strong,
.redirect-card strong {
  color: var(--cms-text, #111827) !important;
}

.portfolio-card a,
.portfolio-empty a,
.home-portfolio-card a,
.pricing-card a,
.pricing-detail-actions a,
.pricing-empty a,
.home-pricing-card a,
.resource-card a,
.resource-actions a,
.resource-empty a,
.home-resource-card a,
.event-card a,
.event-actions a,
.event-empty a,
.home-event-card a,
.payment-card a,
.payment-main-action,
.payment-empty a,
.location-card a,
.location-contact-line a,
.location-actions a,
.location-empty a,
.home-location-card a,
.shortlink-card a,
.shortlink-empty a,
.newsletter-form button,
.newsletter-stats a,
.newsletter-filter a,
.newsletter-card-actions a,
.newsletter-links a,
.appointment-form button,
.appointment-success a,
.appointment-filter a,
.appointment-actions a,
.reviews-empty a,
.reviews-form button,
.reviews-cancel,
.reviews-admin-actions a,
.team-empty a,
.team-form button,
.team-cancel,
.team-admin-actions a,
.team-links a,
.dynamic-form button,
.dynamic-form-list-item,
.shortlink-form button,
.shortlink-cancel,
.shortlink-admin-actions a {
  background: var(--cms-primary, #111827) !important;
  color: var(--cms-on-primary, #ffffff) !important;
}

.social-wall-card,
.social-wall-empty,
.social-wall-form,
.social-wall-admin-card,
.social-wall-empty-admin,
.cta-list-card,
.cta-empty,
.cta-form,
.cta-admin-card,
.cta-empty-admin,
.home-modern-content .sayfa_icerik {
  background: var(--cms-surface, #ffffff) !important;
  border-color: color-mix(in srgb, var(--cms-primary, #64748b) 18%, #ffffff) !important;
  color: var(--cms-text, #111827) !important;
}

.social-wall-body h2,
.social-wall-body p,
.social-wall-body em,
.social-wall-empty,
.social-wall-admin-card strong,
.social-wall-admin-card span,
.cta-list-card h2,
.cta-list-card p,
.cta-empty,
.cta-admin-card strong,
.cta-admin-card span {
  color: var(--cms-text, #111827) !important;
}

.social-wall-body span,
.cta-list-card span {
  color: var(--cms-harmony-accent, var(--cms-accent, #0f766e)) !important;
}

.social-wall-body a,
.social-wall-empty a,
.social-wall-admin-hero a,
.social-wall-form button,
.social-wall-cancel,
.social-wall-actions a,
.cta-global a,
.cta-list-card a,
.cta-empty a,
.cta-admin-hero a,
.cta-form button,
.cta-cancel,
.cta-admin-actions a,
.product-cta-button,
.cart-cta-button,
.portfolio-home-grid a,
.portfolio-list-card a,
.home-portfolio a {
  background: var(--cms-primary, #111827) !important;
  color: var(--cms-on-primary, #ffffff) !important;
  border-color: transparent !important;
}

.social-wall-body a:hover,
.social-wall-empty a:hover,
.social-wall-admin-hero a:hover,
.social-wall-form button:hover,
.social-wall-cancel:hover,
.social-wall-actions a:hover,
.cta-global a:hover,
.cta-list-card a:hover,
.cta-empty a:hover,
.cta-admin-hero a:hover,
.cta-form button:hover,
.cta-cancel:hover,
.cta-admin-actions a:hover,
.product-cta-button:hover,
.cart-cta-button:hover,
.portfolio-home-grid a:hover,
.portfolio-list-card a:hover,
.home-portfolio a:hover {
  background: var(--cms-harmony-accent, var(--cms-accent, #0f766e)) !important;
  color: var(--cms-on-accent, #111827) !important;
}

.cta-type-kampanya,
.cta-type-randevu,
.cta-type-odeme,
.cta-type-etkinlik {
  background: var(--cms-section-dark, #111827) !important;
  color: var(--cms-on-dark, #ffffff) !important;
}

/* Media selector cards in management */
.media-choice-grid {
  display: grid;
  gap: 14px;
  align-items: start;
  margin: 12px 0 20px 0;
}

.background-choice-grid {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.header-choice-grid {
  grid-template-columns: 1fr;
}

.media-choice-card {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(17, 24, 39, .14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .08);
}

.media-choice-card.is-active {
  border-color: #0f766e;
  box-shadow: 0 0 0 2px rgba(15, 118, 110, .18), 0 6px 18px rgba(15, 23, 42, .08);
}

.media-choice-radio {
  position: absolute;
  z-index: 3;
  top: 8px;
  left: 8px;
  min-width: 22px;
  min-height: 22px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 2px 8px rgba(0,0,0,.18);
}

.media-choice-radio form {
  margin: 0;
}

.media-choice-radio input {
  margin: 0;
}

.media-delete-button {
  position: absolute;
  z-index: 4;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #dc2626;
  color: #fff !important;
  font: 900 21px/1 Arial, Helvetica, sans-serif;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(127, 29, 29, .35);
}

.media-delete-button:hover {
  background: #991b1b;
}

.background-choice-card {
  aspect-ratio: 4 / 3;
}

.background-choice-card > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.header-choice-card {
  width: 100%;
  max-width: 980px;
}

.header-choice-preview {
  position: relative;
  height: 220px;
  overflow: hidden;
  background: #e5e7eb;
  cursor: grab;
  user-select: none;
}

.header-choice-card .media-choice-radio {
  display: block;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: 6px;
  background: rgba(15, 23, 42, .88);
}

.header-choice-card .media-choice-radio .cms-inline-check {
  display: flex !important;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 6px 9px;
  color: #fff !important;
  font: 700 12px/1 Arial, Helvetica, sans-serif;
  white-space: nowrap;
}

.header-choice-card .media-choice-radio input[type="checkbox"] {
  width: 14px;
  height: 14px;
  accent-color: #0f766e;
}

.hero-height-form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 16px;
  padding: 12px;
  border: 1px solid #d8dee8;
  background: #fff;
}

.hero-height-form label {
  font-weight: 700;
}

.hero-height-form input[type="number"] {
  width: 110px;
  min-height: 38px;
  padding: 6px 8px;
  box-sizing: border-box;
}

.hero-height-form button {
  min-height: 38px;
  padding: 0 14px;
}

.hero-height-form small {
  flex-basis: 100%;
  color: #52616f;
}

.hero-preview-note {
  margin: 10px 0;
  padding: 9px 12px;
  border-left: 3px solid #0f766e;
  background: #f1f5f9;
  color: #334155;
  font-size: 13px;
  line-height: 1.45;
}

.cms-admin-success {
  margin: 10px 0;
  padding: 10px 12px;
  border-left: 3px solid #1f7a4d;
  background: #eef8f2;
  color: #155237;
  font: 700 13px/1.4 Arial, Helvetica, sans-serif;
}

.cms-admin-warning {
  margin: 10px 0;
  padding: 10px 12px;
  border-left: 3px solid #b7791f;
  background: #fff7e8;
  color: #7a4a0b;
  font: 700 13px/1.4 Arial, Helvetica, sans-serif;
}

.header-choice-preview.is-dragging {
  cursor: grabbing;
}

.header-choice-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.header-choice-logo {
  position: absolute;
  z-index: 2;
  left: 18px;
  top: 18px;
  max-width: 260px;
  max-height: 90px;
}

.header-choice-logo img {
  max-width: 100%;
  max-height: 90px;
  display: block;
}

.header-position-form {
  display: grid;
  grid-template-columns: 1fr 1fr minmax(130px, 160px) auto;
  gap: 10px;
  align-items: end;
  padding: 10px;
  background: #f8fafc;
  border-top: 1px solid rgba(17, 24, 39, .1);
}

.header-position-form label {
  display: grid;
  gap: 4px;
  color: #334155;
  font: 700 12px/1.3 Arial, Helvetica, sans-serif;
}

.header-position-form input[type="number"] {
  width: 72px;
  max-width: 100%;
  padding: 7px 8px;
  border: 1px solid rgba(17, 24, 39, .18);
  border-radius: 8px;
}

.header-position-form .header-height-control input[type="number"] {
  width: 100%;
}

.header-position-form input[type="range"] {
  width: 100%;
}

.header-position-form button {
  min-height: 36px;
  border: 0;
  border-radius: 8px;
  padding: 0 14px;
  background: #0f766e;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.hero-page-assignment-form {
  padding: 12px;
  border-top: 1px solid rgba(17, 24, 39, .1);
  background: #fff;
}

.hero-page-assignment-heading,
.hero-page-assignment-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.hero-page-assignment-heading > div {
  display: grid;
  gap: 3px;
}

.hero-page-assignment-heading strong {
  color: #172033;
  font: 800 14px/1.3 Arial, Helvetica, sans-serif;
}

.hero-page-assignment-heading small,
.hero-page-assignment-actions span {
  color: #52616f;
  font: 400 12px/1.4 Arial, Helvetica, sans-serif;
}

.hero-page-all-option,
.hero-page-option {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  box-sizing: border-box;
  cursor: pointer;
}

.hero-page-all-option {
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid #1f5a42;
  border-radius: 6px;
  color: #173c2d;
  font: 800 12px/1.2 Arial, Helvetica, sans-serif;
}

.hero-page-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 7px;
  margin: 11px 0;
}

.appearance-page-groups {
  display: grid;
  gap: 13px;
  margin: 11px 0;
}

.appearance-page-group {
  border-top: 1px solid #e2e8f0;
  padding-top: 12px;
}

.appearance-page-group:first-child {
  border-top: 0;
  padding-top: 0;
}

.appearance-page-group h3 {
  margin: 0;
  color: #172033;
  font: 800 13px/1.3 Arial, Helvetica, sans-serif;
}

.appearance-page-group > p,
.appearance-inheritance-note {
  margin: 3px 0 0;
  color: #5b6774;
  font: 400 12px/1.45 Arial, Helvetica, sans-serif;
}

.appearance-page-group .hero-page-options {
  margin: 8px 0 0;
}

.appearance-inheritance-note {
  border-left: 3px solid #b78a3c;
  padding: 8px 10px;
  background: #fff8e9;
  color: #4b5563;
}

.hero-page-option {
  min-width: 0;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid #d7dee6;
  border-radius: 6px;
  background: #f8fafc;
  color: #263746;
  font: 700 12px/1.3 Arial, Helvetica, sans-serif;
}

.hero-page-option span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.hero-page-all-option input,
.hero-page-option input {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  accent-color: #1f5a42;
}

.hero-page-assignment-form.is-all-pages .hero-page-options {
  opacity: .48;
}

.hero-page-assignment-actions {
  padding-top: 10px;
  border-top: 1px solid #e5e9ee;
}

.hero-page-assignment-actions button {
  min-height: 36px;
  border: 0;
  border-radius: 6px;
  padding: 0 14px;
  background: #1f5a42;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.hero-upload-form {
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 10px 0 16px;
  padding: 12px;
  border: 1px solid #d8dee8;
  background: #fff;
}

.hero-upload-form strong {
  color: #334155;
  font: 800 13px/1.3 Arial, Helvetica, sans-serif;
}

.hero-upload-form input[type="file"] {
  min-width: 0;
  max-width: 100%;
}

.hero-upload-form button {
  min-height: 36px;
  border: 0;
  border-radius: 6px;
  padding: 0 14px;
  background: #0f766e;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

@media (max-width: 680px) {
  .header-position-form {
    grid-template-columns: 1fr 1fr;
  }

  .header-position-form button,
  .hero-upload-form button,
  .hero-page-assignment-actions button {
    width: 100%;
  }

  .hero-upload-form {
    grid-template-columns: 1fr;
  }

  .hero-page-assignment-heading,
  .hero-page-assignment-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .hero-page-all-option {
    justify-content: center;
  }

  .hero-page-options {
    grid-template-columns: 1fr;
  }
}

.background-settings-form,
.admin-modern-card {
  box-sizing: border-box;
  border: 1px solid rgba(17, 24, 39, .12);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .08);
}

.background-settings-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 10px 0 16px 0;
}

.background-settings-form label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  color: #1f2937;
}

.background-settings-form input[type="submit"],
.admin-modern-card button {
  min-height: 38px;
  border: 0;
  border-radius: 8px;
  padding: 0 14px;
  background: #0f766e;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.admin-modern-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px;
  color: #172033;
  font-family: Arial, Helvetica, sans-serif;
}

.admin-modern-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  padding: 18px;
  border-radius: 8px;
  background: #111827;
  color: #fff;
}

.admin-modern-hero span {
  color: #5eead4;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-modern-hero h1 {
  margin: 5px 0;
  font-size: 28px;
}

.admin-modern-hero p {
  margin: 0;
  color: #cbd5e1;
}

.admin-modern-hero a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  white-space: nowrap;
  border-radius: 8px;
  padding: 0 14px;
  background: #fff;
  color: #111827;
  font-weight: 900;
  text-decoration: none;
}

.admin-modern-grid-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}

.admin-modern-card {
  margin-bottom: 16px;
}

.admin-modern-card h2 {
  margin: 0 0 12px 0;
  color: #111827;
  font-size: 20px;
}

.admin-modern-card textarea {
  width: 100%;
  min-height: 110px;
  box-sizing: border-box;
  resize: vertical;
  border: 1px solid rgba(17, 24, 39, .18);
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 10px;
  font: 14px/1.5 Arial, Helvetica, sans-serif;
}

.admin-toggle-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 10px;
  align-items: center;
  margin-bottom: 12px;
}

.admin-toggle-row span {
  grid-column: 2;
  color: #64748b;
}

.slogan-preview-top {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 220px;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0 0 8px 8px;
  padding: 16px clamp(14px, 3vw, 42px);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #e5e7eb;
}

.slogan-preview-card {
  padding: 0;
  overflow: hidden;
}

.slogan-preview-decision {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(15, 23, 42, .12);
  background: #ecfdf5;
}

.slogan-main-visibility {
  margin: 0;
}

.slogan-main-visibility > span {
  color: #111827;
}

.slogan-main-visibility strong,
.slogan-main-visibility small {
  display: block;
}

.slogan-main-visibility small {
  margin-top: 2px;
  color: #475569;
  font-weight: 400;
}

.slogan-preview-card h2 {
  padding: 16px 16px 0 16px;
}

.slogan-preview-logo {
  flex: 1 1 auto;
  max-width: 500px;
}

.slogan-preview-logo img {
  max-width: 100%;
  max-height: 120px;
  display: block;
}

.slogan-preview-wrap {
  flex: 0 1 min(42%, 430px);
  max-width: min(42%, 430px);
}

.slogan-inline-form {
  display: grid;
  gap: 12px;
}

.slogan-position-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 10px;
  margin: 4px 0 6px 0;
}

.slogan-position-options label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  box-sizing: border-box;
  border: 1px solid rgba(17, 24, 39, .14);
  border-radius: 8px;
  padding: 8px 10px;
  background: #f8fafc;
  color: #111827;
  font-weight: 700;
}

.slogan-position-options label:has(input:checked) {
  border-color: #0284c7;
  background: #e0f2fe;
}

.slogan-preview-top .slogan-pos-sag-ust {
  align-self: flex-start;
}

.slogan-preview-top .slogan-pos-sag-orta {
  align-self: center;
}

.slogan-preview-top .slogan-pos-sag-alt {
  align-self: flex-end;
}

.slogan-list {
  display: grid;
  gap: 10px;
}

.slogan-list-card {
  display: grid;
  grid-template-columns: 130px 1fr auto;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(17, 24, 39, .1);
  border-radius: 8px;
  padding: 10px;
  background: #f8fafc;
}

.slogan-list-card span {
  color: #64748b;
  font-size: 12px;
}

.slogan-list-card a {
  border-radius: 999px;
  padding: 7px 10px;
  background: #dc2626;
  color: #fff;
  font-weight: 900;
  text-decoration: none;
}

/* Hero announcement layer */
.top_pic .cms-logo-layer,
.slogan-studio-stage .cms-logo-layer {
  position: absolute !important;
  left: var(--cms-logo-x, 2%) !important;
  top: var(--cms-logo-y, 3%) !important;
  z-index: 6;
  display: block;
  flex: none;
  width: var(--cms-logo-size, 300px);
  min-width: 0;
  max-width: calc(100% - var(--cms-logo-x, 2%));
  min-height: 0;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background-image: none !important;
  pointer-events: none;
}

.cms-logo-layer img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}

.slogan-studio-stage .cms-logo-layer {
  pointer-events: auto;
  touch-action: none;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}

.slogan-studio-stage .cms-logo-layer.is-dragging {
  cursor: grabbing;
}

.top_pic .top_slogan_wrap.cms-slogan-text-layer {
  position: absolute !important;
  left: var(--cms-slogan-x, 78%) !important;
  top: var(--cms-slogan-y, 20%) !important;
  z-index: 4;
  display: block !important;
  flex: none !important;
  width: auto !important;
  max-width: min(72%, 720px) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) scale(var(--cms-hero-overlay-scale, 1));
  transform-origin: center center;
  float: none !important;
  text-align: left;
  pointer-events: none;
}

.top_pic .cms-slogan-image-layer {
  position: absolute;
  left: var(--cms-slogan-image-x, 65%);
  top: var(--cms-slogan-image-y, 20%);
  z-index: 5;
  width: var(--cms-slogan-image-size, 64px);
  height: var(--cms-slogan-image-size, 64px);
  transform: translate(-50%, -50%) scale(var(--cms-hero-overlay-scale, 1));
  transform-origin: center center;
  pointer-events: none;
}

.cms-slogan-content {
  display: flex;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  padding: 10px 14px;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 8px;
  background: var(--cms-slogan-bg, #ffffff);
  background: color-mix(in srgb, var(--cms-slogan-bg, #ffffff) var(--cms-slogan-opacity, 82%), transparent);
  box-shadow: 0 8px 22px rgba(15, 23, 42, .2);
  color: var(--cms-slogan-color, #111827);
  font-family: var(--cms-slogan-font, Georgia, serif);
  font-size: var(--cms-slogan-size, 24px);
  line-height: 1.2;
}

.cms-slogan-text-layer.is-background-off .cms-slogan-content {
  padding: 0;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.cms-slogan-image-layer img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: var(--cms-slogan-image-opacity, 100%);
}

.cms-slogan-text {
  display: block;
  min-width: 0;
  max-width: 620px;
  color: inherit;
  font: inherit;
  overflow-wrap: anywhere;
  white-space: pre-line;
}

.cms-slogan-content .cms-slogan-text,
.cms-slogan-content .cms-slogan-text strong,
.cms-slogan-content .cms-slogan-text em,
.cms-slogan-content .cms-slogan-text u {
  color: var(--cms-slogan-color, #111827) !important;
}

/* Slogan studio */
.slogan-studio-form {
  display: grid;
  gap: 16px;
  margin-bottom: 16px;
}

.logo-studio-form {
  display: grid;
  gap: 16px;
  margin-bottom: 16px;
}

.logo-live-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 14px;
  padding: 16px;
  border-top: 1px solid rgba(15, 23, 42, .12);
  background: #f8fafc;
}

.logo-live-controls button,
.logo-upload-form button,
.logo-choice-actions button {
  min-height: 40px;
  border: 1px solid #173b2c;
  border-radius: 6px;
  padding: 8px 13px;
  background: #173b2c;
  color: #fff;
  font-weight: 800;
}

.logo-preview-placeholder {
  display: grid;
  place-items: center;
  min-height: 72px;
  border: 1px dashed #64748b;
  background: rgba(255, 255, 255, .84);
  color: #334155;
  font: 800 12px/1.3 Arial, Helvetica, sans-serif;
  text-align: center;
}

.logo-library-card {
  padding: 0;
  overflow: hidden;
}

.logo-library-heading {
  padding: 16px;
  border-bottom: 1px solid rgba(15, 23, 42, .1);
}

.logo-library-heading h2,
.logo-library-heading p {
  margin: 0;
}

.logo-library-heading p {
  margin-top: 4px;
  color: #64748b;
}

.logo-upload-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 14px;
  padding: 16px;
  border-bottom: 1px solid rgba(15, 23, 42, .1);
  background: #f8fafc;
}

.logo-choice-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  padding: 16px;
}

.logo-choice-item {
  display: grid;
  grid-template-rows: 120px auto;
  min-width: 0;
  border: 1px solid #d7dee6;
  background: #fff;
}

.logo-choice-item.is-active {
  border-color: #0f766e;
  box-shadow: inset 0 3px 0 #0f766e;
}

.logo-choice-image {
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 12px;
  background: #eef2f3;
}

.logo-choice-image img {
  display: block;
  max-width: 100%;
  max-height: 96px;
  object-fit: contain;
}

.logo-choice-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 8px;
  padding: 10px;
}

.logo-choice-actions button:disabled {
  border-color: #64748b;
  background: #64748b;
  cursor: default;
}

.logo-choice-actions a {
  display: grid;
  place-items: center;
  min-height: 40px;
  border: 1px solid #b91c1c;
  background: #b91c1c;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}

.slogan-studio-heading,
.slogan-pages-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
}

.slogan-studio-heading h2,
.slogan-pages-heading h2 {
  margin: 0 0 4px 0;
  padding: 0;
}

.slogan-studio-heading p,
.slogan-pages-heading p {
  margin: 0;
  color: #64748b;
}

.slogan-position-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.slogan-position-badges span {
  flex: 0 0 auto;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 7px 9px;
  background: #f8fafc;
  color: #334155;
  font-weight: 800;
}

.slogan-stage-viewport {
  position: relative;
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  border-top: 1px solid rgba(15, 23, 42, .12);
  border-radius: 0 0 8px 8px;
  background: #e5e7eb;
}

.slogan-preview-top.slogan-studio-stage {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  min-height: 0 !important;
  padding: 0 !important;
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 0 0;
  touch-action: none;
}

@media (min-width: 761px) {
  .slogan-preview-top.slogan-studio-stage {
    background-size: max(100%, 1440px) auto;
  }
}

.slogan-studio-stage .cms-slogan-text-layer {
  position: absolute;
  left: var(--cms-slogan-x, 78%);
  top: var(--cms-slogan-y, 20%);
  z-index: 4;
  max-width: min(72%, 720px);
  transform: translate(-50%, -50%) scale(var(--cms-hero-overlay-scale, 1));
  transform-origin: center center;
  pointer-events: auto;
}

.slogan-studio-stage .cms-slogan-image-layer {
  position: absolute;
  left: var(--cms-slogan-image-x, 65%);
  top: var(--cms-slogan-image-y, 20%);
  z-index: 5;
  width: var(--cms-slogan-image-size, 64px);
  height: var(--cms-slogan-image-size, 64px);
  transform: translate(-50%, -50%) scale(var(--cms-hero-overlay-scale, 1));
  transform-origin: center center;
  pointer-events: auto;
}

.slogan-studio-stage .cms-slogan-content,
.slogan-studio-stage .cms-slogan-image-handle {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}

.slogan-studio-stage .cms-slogan-content:active,
.slogan-studio-stage .cms-slogan-image-handle:active {
  cursor: grabbing;
}

.cms-slogan-image-handle {
  width: 100%;
  height: 100%;
}

.cms-slogan-image-placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px dashed currentColor;
  border-radius: 6px;
  font: 700 11px/1.2 Arial, Helvetica, sans-serif;
  text-align: center;
}

.cms-slogan-image-placeholder[hidden],
.cms-slogan-image-layer img[hidden],
.slogan-editor-dock textarea[hidden] {
  display: none !important;
}

.slogan-editor-dock {
  padding: 0;
  overflow: hidden;
}

.slogan-editor-dock-head {
  padding: 16px 16px 12px 16px;
  border-bottom: 1px solid rgba(15, 23, 42, .1);
}

.slogan-editor-dock-head h2 {
  margin: 0 0 4px 0;
}

.slogan-editor-dock-head p {
  margin: 0;
  color: #64748b;
}

.slogan-quick-editor-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  gap: 0;
}

.slogan-text-workspace,
.slogan-image-workspace {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 16px;
}

.slogan-image-workspace {
  border-left: 1px solid rgba(15, 23, 42, .1);
  background: #f8fafc;
}

.slogan-studio-form[data-slogan-current-mode="gorsel"] .slogan-image-workspace {
  grid-column: 1 / -1;
  border-left: 0;
}

.slogan-text-workspace[hidden],
.slogan-context-panel[hidden],
.slogan-context-grid[hidden] {
  display: none !important;
}

.slogan-context-panel {
  display: grid;
  gap: 12px;
  padding-top: 14px;
  border-top: 1px solid rgba(15, 23, 42, .12);
}

.slogan-context-panel h3 {
  margin: 0;
  color: #111827;
  font-size: 15px;
}

.slogan-context-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.slogan-context-panel .admin-toggle-row {
  margin: 0;
}

.slogan-context-panel .admin-toggle-row > span strong,
.slogan-context-panel .admin-toggle-row > span small {
  display: block;
}

.slogan-context-panel .admin-toggle-row > span small {
  margin-top: 2px;
  color: #64748b;
  font-weight: 400;
}

.slogan-record-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.slogan-saved-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #111827;
}

.slogan-saved-heading span {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.slogan-saved-list {
  display: grid;
  gap: 6px;
  max-height: 190px;
  overflow: auto;
  padding: 6px;
  border: 1px solid #cbd5e1;
  background: #fff;
}

.slogan-saved-option {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  min-height: 36px;
  padding: 8px;
  border: 1px solid transparent;
  color: #111827;
  cursor: pointer;
}

.slogan-saved-option:hover {
  border-color: #94a3b8;
  background: #f8fafc;
}

.slogan-saved-option:has(input:checked) {
  border-color: #0f766e;
  background: #ecfdf5;
}

.slogan-saved-option input {
  margin: 2px 0 0;
}

.slogan-saved-option span {
  color: #111827;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.slogan-record-actions button,
.slogan-save-text,
.slogan-context-save {
  min-height: 38px;
  border: 1px solid #173b2c;
  border-radius: 6px;
  padding: 8px 12px;
  background: #173b2c;
  color: #fff;
  font-weight: 800;
}

.slogan-context-save {
  width: 100%;
}

.slogan-record-actions button.danger {
  border-color: #b91c1c;
  background: #b91c1c;
}

.slogan-rich-editor-wrap > span {
  display: block;
  margin-bottom: 7px;
  color: #111827;
  font-weight: 800;
}

.slogan-rich-toolbar {
  display: flex;
  gap: 4px;
  padding: 6px;
  border: 1px solid #cbd5e1;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background: #f8fafc;
}

.slogan-rich-toolbar button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 32px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #172033;
  font: 16px/1 Arial, Helvetica, sans-serif;
}

.slogan-rich-toolbar button:hover,
.slogan-rich-toolbar button:focus-visible {
  border-color: #94a3b8;
  background: #fff;
  outline: none;
}

.slogan-rich-editor {
  min-height: 112px;
  max-height: 240px;
  overflow: auto;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: 0 0 6px 6px;
  padding: 10px 12px;
  background: #fff;
  color: #111827;
  font: 15px/1.5 Arial, Helvetica, sans-serif;
  white-space: pre-wrap;
}

.slogan-rich-editor:focus {
  border-color: #0f766e;
  box-shadow: 0 0 0 2px rgba(15, 118, 110, .14);
  outline: none;
}

.slogan-rich-editor:empty::before {
  color: #94a3b8;
  content: attr(data-placeholder);
  pointer-events: none;
}

.slogan-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
}

.slogan-control-group,
.slogan-field {
  min-width: 0;
  margin: 0;
}

.slogan-control-group.is-wide,
.slogan-field.is-wide {
  grid-column: 1 / -1;
}

.slogan-control-group {
  border: 0;
  padding: 0;
}

.slogan-control-group legend,
.slogan-field > span {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 7px;
  color: #111827;
  font-weight: 800;
}

.slogan-field select,
.slogan-field input[type="file"] {
  width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 8px 10px;
  background: #fff;
}

.slogan-field input[type="color"] {
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 3px;
  background: #fff;
}

.slogan-field input[type="range"] {
  width: 100%;
  margin: 4px 0;
}

.slogan-field small {
  display: block;
  margin-top: 6px;
  color: #64748b;
}

.slogan-mode-switch {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  overflow: hidden;
}

.slogan-mode-switch label {
  position: relative;
  min-width: 0;
  border-right: 1px solid #cbd5e1;
}

.slogan-mode-switch label:last-child {
  border-right: 0;
}

.slogan-mode-switch input {
  position: absolute;
  opacity: 0;
}

.slogan-mode-switch span {
  display: grid;
  place-items: center;
  min-height: 42px;
  padding: 6px 8px;
  box-sizing: border-box;
  background: #fff;
  color: #334155;
  font-weight: 800;
  text-align: center;
  cursor: pointer;
}

.slogan-mode-switch input:checked + span {
  background: #173b2c;
  color: #fff;
}

.admin-toggle-row.is-compact {
  margin-bottom: 0;
}

.slogan-remove-image,
.slogan-all-pages {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
}

.slogan-remove-image {
  grid-column: 1 / -1;
  color: #991b1b;
}

.slogan-pages-card {
  padding: 0;
  overflow: hidden;
}

.slogan-pages-card .hero-page-options {
  margin: 8px 0 0;
}

.slogan-pages-card .appearance-page-groups,
.slogan-pages-card .appearance-inheritance-note {
  margin-right: 16px;
  margin-left: 16px;
}

.slogan-page-summary {
  margin: 12px 16px 16px 16px;
  color: #475569;
}

.slogan-studio-actions {
  display: flex;
  justify-content: flex-end;
  position: sticky;
  bottom: 10px;
  z-index: 6;
}

.slogan-studio-actions button {
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid #173b2c;
  border-radius: 6px;
  background: #173b2c;
  color: #fff;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .18);
}

.slogan-list-actions {
  display: flex;
  gap: 7px;
}

.slogan-list-actions form {
  margin: 0;
}

.slogan-list-actions button {
  min-height: 34px;
  border: 0;
  border-radius: 6px;
  padding: 7px 10px;
  background: #173b2c;
  color: #fff;
  font-weight: 800;
}

.slogan-list-actions button.danger {
  background: #b91c1c;
}

.slogan-list-actions button:disabled {
  background: #cbd5e1;
  color: #334155;
}

/* Modern public content pages */
.content-modern {
  width: min(100%, 1080px);
  margin: 0 auto 34px auto;
  color: #172033;
}

.content-modern-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 22px 0;
  padding: 0 0 14px 0;
  border-bottom: 1px solid rgba(17, 24, 39, .12);
}

.content-modern-head span {
  display: block;
  margin-bottom: 5px;
  color: #0f766e;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.content-modern-head h1 {
  margin: 0;
  color: #111827;
  font-size: 28px;
  line-height: 1.15;
}

.content-modern-head select {
  min-width: 230px;
  max-width: 100%;
  border: 1px solid rgba(17, 24, 39, .18);
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
  color: #111827;
}

.content-modern-body {
  width: auto;
  max-width: 100%;
  color: #1f2937;
  font-size: 15px;
  line-height: 1.75;
}

.content-empty {
  padding: 20px;
  border: 1px solid rgba(17, 24, 39, .12);
  border-radius: 8px;
  background: #f8fafc;
  color: #475569;
}

.news-modern-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.news-modern-card {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 16px;
  border: 1px solid rgba(17, 24, 39, .12);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.news-modern-image {
  display: block;
  min-height: 150px;
  background: #e5e7eb;
}

.news-modern-image img {
  width: 100%;
  height: 100%;
  min-height: 150px;
  object-fit: cover;
  display: block;
}

.news-modern-card-body {
  padding: 16px 16px 16px 0;
}

.news-modern-card time,
.news-modern-detail time {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 7px;
}

.news-modern-card h2,
.news-modern-detail h2 {
  margin: 0 0 10px 0;
  color: #111827;
  line-height: 1.25;
}

.news-modern-card h2 {
  font-size: 18px;
}

.news-modern-card h2 a {
  color: inherit;
  text-decoration: none;
}

.news-modern-card p,
.news-modern-summary {
  color: #475569;
  line-height: 1.65;
}

.content-modern-link {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin-top: 8px;
  padding: 0 14px;
  border-radius: 8px;
  background: #111827;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 800;
}

.news-modern-detail {
  max-width: 900px;
}

.news-modern-detail h2 {
  font-size: 30px;
}

.news-modern-detail-image {
  width: 100%;
  max-height: 430px;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  margin: 14px 0 18px 0;
}

.gallery-modern-section {
  margin-top: 24px;
}

.gallery-modern-section h2 {
  margin: 0 0 14px 0;
  color: #111827;
  font-size: 21px;
}

.gallery-modern-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.gallery-modern-card {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  border-radius: 8px;
  overflow: hidden;
  background: #e5e7eb;
  border: 1px solid rgba(17, 24, 39, .1);
}

.gallery-modern-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .2s ease;
}

.gallery-modern-card:hover img {
  transform: scale(1.035);
}

.gallery-modern-card span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 9px 10px;
  background: linear-gradient(180deg, rgba(17, 24, 39, 0), rgba(17, 24, 39, .82));
  color: #fff;
  font-weight: 800;
  font-size: 13px;
}

@media (max-width: 760px) {
  .ana_govde {
    display: block !important;
  }
  .top_pic,
  .menu,
  .icerik_slider,
  .home-modern-content,
  .icerik,
  .footer-flow-clear,
  .site-footer {
    order: initial !important;
  }
  .site-footer {
    padding: 18px !important;
    margin-top: 20px !important;
  }
  .site-footer-main {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .site-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }
  .top_pic {
    min-height: var(--cms-hero-display-height, var(--cms-hero-height));
    padding: 12px;
  }
  .top_pic_sol:not(.cms-logo-layer) {
    display: none;
  }
  .top_slogan_wrap {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .slogan {
    font-size: 16px;
  }
  .top_pic .top_slogan_wrap.cms-slogan-text-layer {
    width: max-content !important;
    max-width: 720px !important;
  }
  .slogan-studio-stage .cms-slogan-text-layer {
    width: max-content;
    max-width: 720px;
  }
  .top_pic .cms-logo-layer,
  .slogan-studio-stage .cms-logo-layer {
    display: block;
    width: min(var(--cms-logo-size, 300px), 45vw);
  }
  .top_pic .cms-slogan-image-layer,
  .slogan-studio-stage .cms-slogan-image-layer {
    width: var(--cms-slogan-image-size, 64px);
    height: var(--cms-slogan-image-size, 64px);
  }
  .cms-slogan-content {
    gap: 12px;
    padding: 10px 14px;
    font-size: var(--cms-slogan-size, 24px);
  }
  .logo-live-controls,
  .logo-upload-form {
    grid-template-columns: 1fr;
  }
  .slogan-control-grid,
  .slogan-quick-editor-grid,
  .slogan-context-grid {
    grid-template-columns: 1fr;
  }
  .slogan-image-workspace {
    border-top: 1px solid rgba(15, 23, 42, .1);
    border-left: 0;
  }
  .slogan-mode-switch span {
    min-height: 50px;
    padding: 6px 4px;
    font-size: 12px;
  }
  .slogan-studio-heading,
  .slogan-pages-heading {
    align-items: stretch;
    flex-direction: column;
  }
  .slogan-list-card {
    grid-template-columns: 1fr;
  }
  .slogan-list-actions {
    justify-content: flex-end;
  }
  .content-modern-head {
    align-items: stretch;
    flex-direction: column;
  }
  .news-modern-grid {
    grid-template-columns: 1fr;
  }
  .news-modern-card {
    grid-template-columns: 1fr;
  }
  .news-modern-card-body {
    padding: 16px;
  }
  .gallery-modern-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 440px) {
  .gallery-modern-grid {
    grid-template-columns: 1fr;
  }
}
.calendar-card-text {
  line-height: 1.7;
  white-space: normal;
}

/* Long-form page content uses a calm, paper-like reading surface. */
.icerik .orta_baslik {
  border-bottom: 1px solid var(--cms-border, #d8dde3);
  color: var(--cms-muted, #5b6470) !important;
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0 auto 14px;
  max-width: 820px;
  padding: 0 0 9px;
}

.sayfa_icerik > .cms-page-template {
  color: var(--cms-text, #1d252d) !important;
  margin-left: auto;
  margin-right: auto;
  max-width: none;
}

.sayfa_icerik .cms-template-hero {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--cms-text, #1d252d) !important;
  margin: 0 !important;
  padding: 0 0 12px !important;
}

.sayfa_icerik .cms-template-hero h1 {
  color: var(--cms-heading, #182028) !important;
  font-size: 32px !important;
  line-height: 1.25 !important;
  margin: 0 0 18px !important;
}

.sayfa_icerik .cms-template-hero p,
.sayfa_icerik .cms-template-hero li {
  color: var(--cms-text, #27323b) !important;
  font-size: 16px !important;
  line-height: 1.78 !important;
  margin: 0 0 16px !important;
  max-width: var(--cms-copy-max, 90ch);
}

.sayfa_icerik .cms-template-hero strong {
  color: inherit !important;
  font-weight: 700;
}

.sayfa_icerik .cms-template-hero a {
  color: var(--cms-on-primary, #ffffff) !important;
  text-decoration: none;
}

.sayfa_icerik .cms-template-hero a:hover,
.sayfa_icerik .cms-template-hero a:focus-visible {
  color: var(--cms-on-primary, #ffffff) !important;
  filter: brightness(1.08);
}

/* CKEditor content keeps one calm, readable presentation even without template classes. */
.cms-editor-content {
  box-sizing: border-box;
  color: var(--cms-text, #25313b) !important;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin-left: auto;
  margin-right: auto;
  max-width: none;
  min-width: 0;
  overflow-wrap: anywhere;
}

.icerik > .cms-page-standard {
  border: 0;
  padding: 0;
}

.icerik > .cms-page-standard.has-cms-template {
  border-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.cms-page-intro {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 0 28px;
  padding: 0;
  width: 100%;
}

.cms-page-intro:has(.cms-template-hero) {
  border: 0 !important;
  padding: 0 !important;
}

.cms-editor-content > :first-child {
  margin-top: 0 !important;
}

.cms-editor-content > :last-child {
  margin-bottom: 0 !important;
}

.cms-editor-content h1,
.cms-editor-content h2,
.cms-editor-content h3,
.cms-editor-content h4 {
  color: var(--cms-heading, #17212a) !important;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 750;
  letter-spacing: 0;
  max-width: 100%;
}

.cms-editor-content h1 {
  font-size: 30px !important;
  line-height: 1.2 !important;
  margin: 0 0 20px !important;
}

.cms-editor-content h2 {
  font-size: 26px !important;
  line-height: 1.3 !important;
  margin: 28px 0 12px !important;
}

.cms-editor-content h3 {
  font-size: 20px !important;
  line-height: 1.4 !important;
  margin: 24px 0 10px !important;
}

.cms-editor-content p,
.cms-editor-content li,
.cms-editor-content blockquote {
  color: var(--cms-text, #25313b) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.cms-editor-content p {
  margin: 0 0 16px !important;
  max-width: var(--cms-copy-max, 90ch);
}

.cms-editor-content ul,
.cms-editor-content ol {
  margin: 0 0 20px 22px;
  max-width: var(--cms-copy-max, 90ch);
  padding: 0;
}

.cms-editor-content blockquote {
  max-width: var(--cms-copy-max, 90ch);
}

.cms-editor-content > strong {
  color: var(--cms-heading, #17212a) !important;
  display: block;
  font-size: 18px;
  margin: 22px 0 6px;
}

.cms-editor-content .cms-template-hero > div > span {
  color: var(--cms-primary, #315f45) !important;
  display: block;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 10px;
}

.cms-editor-content a {
  color: var(--cms-primary, #315f45) !important;
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.cms-editor-content > a,
.cms-editor-content > section:not([class]) > a,
.cms-editor-content > section:not([class]) > div:first-child > a {
  align-items: center;
  background: var(--cms-primary, #315f45) !important;
  border-radius: 4px;
  color: var(--cms-on-primary, #ffffff) !important;
  display: inline-flex;
  justify-content: center;
  margin: 4px 0 18px;
  min-height: 40px;
  padding: 8px 14px;
  text-decoration: none !important;
}

.cms-editor-content > article,
.cms-editor-content > section:not([class]) > article {
  background: var(--cms-surface, #ffffff);
  border: 1px solid var(--cms-border, #d8dde3);
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  margin: 10px 10px 10px 0;
  min-height: 112px;
  padding: 15px;
  vertical-align: top;
  width: calc(33.333% - 10px);
}

.cms-editor-content > article strong,
.cms-editor-content > section:not([class]) > article strong {
  color: var(--cms-heading, #17212a) !important;
  display: block;
  margin-bottom: 8px;
}

.cms-editor-content > section:not([class]) > div + div {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 22px;
}

.cms-editor-content > section:not([class]) > div + div > article {
  background: var(--cms-surface, #ffffff);
  border: 1px solid var(--cms-border, #d8dde3);
  box-sizing: border-box;
  min-height: 112px;
  padding: 15px;
}

.cms-editor-content > section:not([class]) > div + div > article strong {
  color: var(--cms-heading, #17212a) !important;
  display: block;
  margin-bottom: 8px;
}

.cms-editor-content img {
  border-radius: 4px;
  display: block;
  height: auto !important;
  margin: 22px 0;
  max-width: 100% !important;
}

.cms-editor-content blockquote {
  border-left: 3px solid var(--cms-harmony-accent, var(--cms-accent, #b7791f));
  margin: 22px 0;
  padding: 4px 0 4px 18px;
}

.cms-editor-content table {
  border-collapse: collapse;
  display: block;
  max-width: 100%;
  overflow-x: auto;
  width: max-content;
}

.cms-editor-content th,
.cms-editor-content td {
  border: 1px solid var(--cms-border, #d8dde3);
  padding: 10px 12px;
  text-align: left;
}

.campaign-list-hero,
.campaign-detail-hero {
  background: var(--cms-section-dark, #17212a) !important;
  color: var(--cms-on-dark, #ffffff) !important;
}

.campaign-list-hero h1,
.campaign-list-hero p,
.campaign-detail-hero h1,
.campaign-detail-hero p {
  color: var(--cms-on-dark, #ffffff) !important;
}

.campaign-list-hero span,
.campaign-detail-hero span {
  color: var(--cms-section-kicker, #d8e4dc) !important;
}

.campaign-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
}

.campaign-card-no-image {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 640px) {
  .icerik .orta_baslik {
    margin-left: 16px;
    margin-right: 16px;
  }

  .sayfa_icerik .cms-template-hero {
    border-left-width: 2px !important;
    padding-left: 16px !important;
  }

  .sayfa_icerik .cms-template-hero h1 {
    font-size: 27px !important;
  }

  .icerik > .cms-page-standard,
  .cms-page-intro {
    border-left-width: 2px !important;
    padding-left: 16px;
    padding-right: 10px;
  }

  .cms-editor-content {
    font-size: 15px !important;
  }

  .cms-editor-content h1 {
    font-size: 26px !important;
  }

  .cms-editor-content p,
  .cms-editor-content li,
  .cms-editor-content blockquote {
    font-size: 15px !important;
  }

  .cms-editor-content > article,
  .cms-editor-content > section:not([class]) > article {
    margin-right: 0;
    width: 100%;
  }

  .cms-editor-content > section:not([class]) > div + div {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .icerik,
  .home-page-content-slot {
    padding: var(--cms-content-mobile-top) var(--cms-content-mobile-right) var(--cms-content-mobile-bottom) var(--cms-content-mobile-left) !important;
  }

  .sayfa_icerik .cms-template-hero,
  .icerik > .cms-page-standard,
  .cms-page-intro {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Full-width layouts must still use the device viewport, never a desktop canvas. */
@media (max-width: 760px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .container,
  .ana_govde,
  .icerik,
  .icerik.page-layout-full,
  .icerik.page-layout-wide,
  .home-modern-content,
  .home-page-content-slot {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .icerik.page-layout-full {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .icerik.page-layout-full .sayfa_icerik,
  .icerik.page-layout-full .cms-editor-content,
  .icerik.page-layout-full .cms-page-template,
  .icerik.page-layout-full .cms-page-template > *,
  .icerik.page-layout-full .cms-editor-content > * {
    box-sizing: border-box;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .icerik.page-layout-full .cms-editor-content img,
  .icerik.page-layout-full .cms-editor-content iframe,
  .icerik.page-layout-full .cms-editor-content video,
  .icerik.page-layout-full .cms-editor-content object,
  .icerik.page-layout-full .cms-editor-content embed {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
  }

  .icerik.page-layout-full .cms-editor-content table {
    max-width: 100% !important;
    overflow-x: auto;
  }
}

/* Content Hub */
.content-hub,
.content-hub-home,
.content-hub-admin,
.content-hub-detail {
  color: var(--cms-text, #172217);
  display: grid;
  gap: 20px;
}
.content-hub-hero,
.content-hub-admin-hero {
  background: #193928;
  color: #fff;
  padding: 28px;
}
.content-hub-admin-hero {
  align-items: flex-start;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}
.content-hub-hero span,
.content-hub-admin-hero span,
.content-hub-home .home-component-heading span,
.content-hub-admin-panel header > span {
  color: #d9b66c;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}
.content-hub-hero h1,
.content-hub-admin-hero h1 {
  color: #fff;
  font-size: 30px;
  line-height: 1.15;
  margin: 7px 0 9px;
}
.content-hub-hero p,
.content-hub-admin-hero p {
  color: #e5eee6;
  line-height: 1.55;
  margin: 0;
  max-width: 780px;
}
.content-hub-admin-hero > a,
.content-hub-home-actions a,
.content-hub-external {
  background: #244f36;
  color: #fff !important;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  padding: 10px 14px;
  text-decoration: none;
}
.content-hub-admin-hero > a {
  background: #fff;
  color: #173423 !important;
  white-space: nowrap;
}
.content-hub-filters {
  border-bottom: 1px solid #d9e2da;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 12px;
}
.content-hub-filters a {
  border: 1px solid #cbd7ce;
  color: #31513c;
  font-weight: 700;
  padding: 8px 12px;
  text-decoration: none;
}
.content-hub-filters a.is-active,
.content-hub-filters a:hover {
  background: #244f36;
  border-color: #244f36;
  color: #fff;
}
.content-hub-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.content-hub-home-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.content-hub-card,
.content-hub-empty,
.content-hub-admin-panel,
.content-hub-notice {
  background: #fff;
  border: 1px solid #d9e2da;
}
.content-hub-media {
  aspect-ratio: 16 / 9;
  background: #173423;
  display: block;
  overflow: hidden;
  position: relative;
}
.content-hub-media img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform .2s ease;
  width: 100%;
}
.content-hub-media:hover img {
  transform: scale(1.03);
}
.content-hub-media > span {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
}
.content-hub-media b {
  align-items: center;
  background: rgba(14, 35, 23, .86);
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: 50%;
  bottom: 14px;
  color: #fff;
  display: flex;
  font-size: 15px;
  height: 40px;
  justify-content: center;
  position: absolute;
  right: 14px;
  width: 40px;
}
.content-hub-card-body {
  padding: 14px;
}
.content-hub-card-body > span {
  color: #496554;
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.content-hub-card-body h2 {
  font-size: 19px;
  line-height: 1.25;
  margin: 7px 0;
}
.content-hub-card-body h2 a {
  color: #15291c;
  text-decoration: none;
}
.content-hub-card-body p {
  color: #53635a;
  line-height: 1.52;
  margin: 0;
}
.content-hub-empty {
  align-items: flex-start;
  color: #53635a;
  display: flex;
  flex-direction: column;
  gap: 6px;
  grid-column: 1 / -1;
  padding: 18px;
}
.content-hub-empty strong {
  color: #193928;
}
.content-hub-home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.content-hub-home-actions .secondary {
  background: #fff;
  border: 1px solid #244f36;
  color: #244f36 !important;
}
.content-hub-detail {
  background: #fff;
  border: 1px solid #d9e2da;
  padding: 24px;
}
.content-hub-detail > header > a {
  color: #31513c;
  font-weight: 700;
  text-decoration: none;
}
.content-hub-detail > header > span {
  color: #496554;
  display: block;
  font-size: 13px;
  margin-top: 18px;
}
.content-hub-detail h1 {
  color: #15291c;
  font-size: 32px;
  line-height: 1.14;
  margin: 6px 0 18px;
}
.content-hub-player {
  aspect-ratio: 16 / 9;
  background: #102619;
}
.content-hub-player iframe,
.content-hub-player img {
  border: 0;
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.content-hub-description {
  color: #374b3d;
  line-height: 1.65;
  margin: 18px 0;
}
.content-hub-relations {
  border-top: 1px solid #d9e2da;
  margin-top: 24px;
  padding-top: 20px;
}
.content-hub-relations h2 {
  color: #193928;
  font-size: 21px;
  margin: 0 0 12px;
}
.content-hub-relations > div {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.content-hub-relations a {
  border: 1px solid #d9e2da;
  color: #193928;
  padding: 12px;
  text-decoration: none;
}
.content-hub-relations a span,
.content-hub-relations a strong {
  display: block;
}
.content-hub-relations a span {
  color: #61766a;
  font-size: 12px;
  margin-bottom: 4px;
}
.content-hub-admin-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.content-hub-admin-panel {
  padding: 18px;
}
.content-hub-admin-panel header h2 {
  color: #193928;
  font-size: 21px;
  margin: 5px 0 7px;
}
.content-hub-admin-panel header p {
  color: #526258;
  line-height: 1.5;
  margin: 0 0 16px;
}
.content-hub-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.content-hub-form-wide {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.content-hub-form label {
  color: #263f2e;
  display: grid;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
}
.content-hub-form label.wide,
.content-hub-form button {
  grid-column: 1 / -1;
}
.content-hub-form input,
.content-hub-form select,
.content-hub-form textarea {
  background: #fff;
  border: 1px solid #bccbbf;
  box-sizing: border-box;
  color: #172217;
  font: inherit;
  min-height: 38px;
  padding: 8px 10px;
  width: 100%;
}
.content-hub-form textarea {
  min-height: 96px;
  resize: vertical;
}
.content-hub-form .check {
  align-items: center;
  display: flex;
  gap: 8px;
}
.content-hub-form .check input {
  min-height: auto;
  width: auto;
}
.content-hub-form button,
.content-hub-sync button,
.content-hub-relation-list button {
  background: #244f36;
  border: 0;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  min-height: 40px;
  padding: 10px 13px;
}
.content-hub-sync {
  align-items: center;
  background: #edf3ee;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  padding: 12px;
}
.content-hub-sync small {
  color: #526258;
}
.content-hub-notice {
  padding: 13px 16px;
}
.content-hub-notice.ok {
  background: #e5f3e7;
  border-color: #a8cfae;
  color: #164a25;
}
.content-hub-notice.warn {
  background: #fff2ee;
  border-color: #eab9a9;
  color: #85351e;
}
.content-hub-admin-list,
.content-hub-relation-list {
  display: grid;
  gap: 9px;
}
.content-hub-admin-list article,
.content-hub-relation-list form {
  align-items: center;
  border: 1px solid #d9e2da;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 12px;
}
.content-hub-admin-list span,
.content-hub-admin-list strong,
.content-hub-admin-list small,
.content-hub-relation-list span,
.content-hub-relation-list strong,
.content-hub-relation-list small {
  display: block;
}
.content-hub-admin-list span,
.content-hub-admin-list small,
.content-hub-relation-list small {
  color: #5c7163;
  font-size: 12px;
}
.content-hub-admin-list strong,
.content-hub-relation-list strong {
  color: #193928;
  margin: 3px 0;
}
.content-hub-admin-list article > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.content-hub-admin-list a {
  color: #244f36;
  font-weight: 700;
  text-decoration: none;
}
.content-hub-relation-list button {
  background: #7a2e24;
  min-height: 34px;
}
/* Align the video showcase with the category showcase and mark the section change. */
.home-component-slot .content-hub-home {
  background: var(--cms-surface, #fff);
  box-sizing: border-box;
  margin: 0 !important;
  padding: clamp(30px, 4vw, 46px) clamp(16px, 4vw, 44px) clamp(22px, 4vw, 46px);
  position: relative;
  width: 100%;
}
.home-component-slot .content-hub-home .home-component-heading {
  align-items: flex-start;
  gap: 16px;
  justify-content: space-between !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
.home-component-slot .content-hub-home .home-component-heading > div {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
}
.home-component-slot .content-hub-home .home-component-heading h2,
.home-component-slot .content-hub-home .home-component-heading p {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}
.content-hub-home .home-component-heading > .content-hub-home-actions {
  align-self: flex-end;
  flex: 0 0 auto;
  justify-content: flex-end;
}
.content-hub-home .content-hub-home-actions a {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  min-height: auto;
  padding: 10px 13px;
}
.content-hub-home-carousel {
  min-width: 0;
}
.content-hub-home .content-hub-home-grid {
  display: flex;
  gap: 14px;
  margin: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: 0 0 10px;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scrollbar-color: #284e37 #dfe6e1;
  scrollbar-width: auto;
}
.content-hub-home .content-hub-home-grid .content-hub-card {
  flex: 0 0 clamp(230px, 25vw, 320px);
  scroll-snap-align: start;
}
.content-hub-home .content-hub-home-grid::-webkit-scrollbar {
  height: 14px;
}
.content-hub-home .content-hub-home-grid::-webkit-scrollbar-track {
  background: #dfe6e1;
  border-radius: 8px;
}
.content-hub-home .content-hub-home-grid::-webkit-scrollbar-thumb {
  background: #284e37;
  border: 3px solid #dfe6e1;
  border-radius: 8px;
}
.content-hub-home .content-hub-home-grid::-webkit-scrollbar-button:single-button {
  background-color: #dfe6e1;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 28px;
}
.content-hub-home .content-hub-home-grid::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-color: #284e37;
}
.content-hub-home .content-hub-home-grid::-webkit-scrollbar-button:single-button:hover {
  background-color: #203c2c;
}
@media (max-width: 860px) {
  .content-hub-grid,
  .content-hub-home-grid,
  .content-hub-admin-grid,
  .content-hub-form-wide,
  .content-hub-relations > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .home-blog-showcase .home-component-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .home-component-slot .content-hub-home {
    padding-left: 16px;
    padding-right: 16px;
  }
  .home-component-slot .content-hub-home .home-component-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .content-hub-home .home-component-heading > .content-hub-home-actions {
    align-self: stretch;
    justify-content: flex-start;
  }
  .content-hub-home .content-hub-home-grid .content-hub-card {
    flex-basis: min(82vw, 320px);
  }
  .content-hub-hero,
  .content-hub-admin-hero,
  .content-hub-detail {
    padding: 18px;
  }
  .content-hub-admin-hero,
  .content-hub-admin-list article,
  .content-hub-relation-list form {
    align-items: flex-start;
    flex-direction: column;
  }
  .content-hub-grid,
  .content-hub-home-grid,
  .content-hub-admin-grid,
  .content-hub-form,
  .content-hub-form-wide,
  .content-hub-relations > div {
    grid-template-columns: 1fr;
  }
  .content-hub-detail h1,
  .content-hub-hero h1,
  .content-hub-admin-hero h1 {
    font-size: 26px;
  }
}