@import url('../textfont/stylesheet.css');
@import url('line-awesome.css');
@import url('all.min.css');
@import url('swiper-bundle.min.css');
@import url('animate.css');
@import url('bootstrap.min.css');
@import url('fancybox.css');
@import url('lity.min.css');
@import url('intlTelInput.css');
@import url('aos.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700&display=swap');


a {
	text-decoration:none;
	transition:all 0.3s ease;
}
a:hover {
	text-decoration:none;
}

ol,ul {
	padding:0px;
	margin:0px;
}
h1 {
	font-size:50px;
	font-weight:700;
	line-height:1.15;
	margin-bottom:10px;
	font-family: 'Playfair Display', serif;
}
h2 {
	font-size:36px;
	font-weight:700;
	line-height:1.3;
	margin-bottom:10px;
	font-family: 'Playfair Display', serif;
}
h3 {
	font-size:24px;
	font-weight:700;
	line-height:1.3;
	margin-bottom:10px;
}
h4 {
	font-size:18px;
	font-weight:600;
	line-height:1.4;
	margin-bottom:10px;
}
h5 {
	font-size:16px;
	font-weight:700;
	line-height:1.4;
	margin-bottom:10px;
}
h6 {
	font-size:14px;
	font-weight:500;
	line-height:1.4;
	margin-bottom:10px;
}
p {
	font-size:16px;
	font-weight:400;
	line-height:1.7;
	margin-bottom:10px;
	color:#555;
}
main {
	overflow:hidden;
	width:100%;
	min-height:100vh;
}

body {
	position:relative;
	font-family: 'Inter', sans-serif;
	color:#1a1a1a;
	overflow-x:hidden;
}


:root {
  --anarenk: #1a1714;
  --anarenk-light: #3d362f;
  --anarenk-dark: #0d0b09;
  --anarenk-50: #f5f3ef;
  --anarenk-100: #e9e4dc;
  --accent: #b29874;
  --accent-light: #c9b291;
  --kirmizi: #D32F2F;
  --gri: #78909C;
  --gri-light: #F5F7FA;
  --siyah: #1a1a1a;
  --beyaz: #ffffff;
  --krem: #f4f1ec;
  --gradient-green: linear-gradient(135deg, #1a1714 0%, #3d362f 50%, #5c5249 100%);
  --gradient-dark: linear-gradient(135deg, #0d0b09 0%, #1a1714 100%);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.12);
  --shadow-green: 0 4px 20px rgba(26,23,20,0.15);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --serif: 'Cormorant Garamond', 'Playfair Display', serif;
  --sans: 'Jost', 'Inter', sans-serif;
  --ivory: #f4f1ec;
  --ivory-2: #ece7df;
  --ink: #1a1714;
  --muted: #8a8178;
  --line: #e2dcd2;
}

/* Scrollbar */
.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.scrollbar::-webkit-scrollbar-track {
  background: var(--gri-light);
}
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--anarenk);
  border-radius:10px;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--anarenk-light);
}

.container-fluid {
	max-width:calc(100vw - 30px);
}

.swiper {
	position:relative;
	overflow:hidden;
}

.dikeyortala {
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
}

/* ============== SECTION TITLE ============== */
.section-title {
	text-align:center;
	margin-bottom:50px;
}
.section-title .subtitle {
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:14px;
	font-weight:600;
	color:var(--anarenk);
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:12px;
}
.section-title .subtitle i {
	font-size:18px;
}
.section-title h2 {
	font-size:40px;
	color:var(--siyah);
	margin-bottom:15px;
}
.section-title p {
	font-size:17px;
	color:var(--gri);
	max-width:600px;
	margin:0 auto;
}
.section-title .line {
	display:block;
	width:60px;
	height:3px;
	background:var(--gradient-green);
	margin:20px auto 0;
	border-radius:2px;
}

/* ============== BUTTONS ============== */
.btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0px 30px;
	height:52px;
	border-radius:var(--radius-xl);
	font-weight:600;
	font-size:15px;
	line-height:30px;
	text-align:center;
	transition:all 0.4s ease;
	border:none;
	gap:8px;
}
.btn-primary {
	background:var(--gradient-green);
	color:#fff;
	box-shadow:var(--shadow-green);
}
.btn-primary:hover {
	transform:translateY(-2px);
	box-shadow:0 6px 30px rgba(26,23,20,0.3);
	background:var(--anarenk-dark);
	color:#fff;
}
.btn-outline-white {
	background:transparent;
	color:#fff;
	border:2px solid rgba(255,255,255,0.5);
}
.btn-outline-white:hover {
	background:#fff;
	color:var(--anarenk);
	border-color:#fff;
}
.btn-outline-green {
	background:transparent;
	color:var(--anarenk);
	border:2px solid var(--anarenk);
}
.btn-outline-green:hover {
	background:var(--anarenk);
	color:#fff;
}
.btn-accent {
	background:var(--accent);
	color:#fff;
}
.btn-accent:hover {
	background:var(--accent-light);
	color:#fff;
	transform:translateY(-2px);
}

/* ============== COOKIE POLICY ============== */
.cerezpolitikasi {
	position:fixed;
	bottom:20px;
	left:20px;
	width:400px;
	max-width:calc(100% - 40px);
	padding:25px;
	border-radius:var(--radius-lg);
	background:rgba(0,0,0,0.85);
	backdrop-filter:blur(10px);
	font-size:14px;
	line-height:22px;
	color:#fff;
	z-index:100000;
}

/* ============== ACIKLAMA (CONTENT) ============== */
.aciklama {
	margin-bottom:24px;
}
.aciklama h1 {
	font-weight: 700;
	font-size: 28px;
	line-height: 1.3;
	color: var(--anarenk);
	margin-bottom:14px;
}
.aciklama ul, .aciklama ol {
	list-style:none;
	margin-bottom:24px;
}
.aciklama ul li,
.aciklama ol li {
	position:relative;
	padding-left:20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	color: #444;
	margin-bottom:8px;
}
.aciklama ul li:before,
.aciklama ol li:before {
	position:absolute;
	content:"";
	top:10px;
	left:0px;
	width:8px;
	height:8px;
	border-radius:4px;
	background:var(--anarenk);
}
.aciklama img {
	width:100% !important;
	border-radius:var(--radius-md);
	max-height:400px;
	object-fit:cover;
	margin-bottom:25px;
}
.aciklama h2,
.aciklama h3,
.aciklama h4,
.aciklama h5 {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.4;
	color: var(--anarenk);
	margin-bottom:20px;
}
.aciklama p {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	color: #555;
	margin-bottom:20px;
}

/* ============== HEADER ============== */

#topbar {
	background:var(--anarenk-dark);
	padding:8px 0;
}
#topbar .info-item {
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:rgba(255,255,255,0.85);
	font-size:13px;
	margin-right:20px;
}
#topbar .info-item i {
	color:var(--accent);
	font-size:15px;
}
#topbar .social-links {
	display:flex;
	align-items:center;
	gap:10px;
	justify-content:flex-end;
}
#topbar .social-links a {
	color:rgba(255,255,255,0.7);
	font-size:15px;
	transition:all 0.3s ease;
}
#topbar .social-links a:hover {
	color:#fff;
}

#header {
	position:relative;
	z-index:999;
	transition:all 0.4s ease;
	background:#fff;
	box-shadow:none;
}
#header.sabit {
	position:relative;
	transition:all 0.4s ease;
}
#header.heading {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
	background:#fff;
	box-shadow:var(--shadow-md);
	animation: slideDown 0.4s ease;
}
@keyframes slideDown {
	from { transform:translateY(-100%); }
	to { transform:translateY(0); }
}

#header .alan {
	display:flex;
	align-items:center;
	padding:12px 0px;
}
#header .alan .logo {
	margin-right:auto;
}
#header .alan .logo img {
	height:90px;
	transition:all 0.3s ease;
}

#header .menu {
}
#header .menu ul {
	list-style:none;
	display:flex;
	align-items:center;
	grid-column-gap:5px;
}
#header .menu .link-li {
	position:relative;
}
#header .menu .link-item {
	position:relative;
	display:inline-block;
	font-weight: 500;
    font-size: 14px;
	line-height:40px;
    color: var(--siyah);
    letter-spacing: 0.5px;
	padding:5px 14px;
	border-radius:var(--radius-sm);
	transition:all 0.3s ease;
}
#header .menu .link-item:hover {
    color: var(--anarenk);
	background:var(--anarenk-50);
}

#header .menu .acilan {
	position:absolute;
	display:none;
	top:calc(100%);
	left:0px;
	width:260px;
	padding:10px;
	border-radius: var(--radius-md);
	background: #ffffff;
	box-shadow: var(--shadow-lg);
	border-top:3px solid var(--anarenk);
}
#header .menu .link-li:hover .acilan {
	display:block;
}
#header .menu .acilan ul {
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	grid-column-gap:0px;
	grid-row-gap:2px;
	padding:0px;
}
#header .menu .acilan .link-item {
	line-height:24px;
    color: #444;
	padding:8px 14px;
	width:100%;
	border-radius:var(--radius-sm);
	font-size:14px;
}
#header .menu .acilan .link-item:hover {
    color: var(--anarenk);
	background:var(--anarenk-50);
}


#header .alan .sag {
	display:flex;
	align-items:center;
	gap:12px;
	margin-left:20px;
}
#header .alan .sag a {
	position:relative;
	display:inline-flex;
	align-items:center;
	color: var(--siyah);
	font-size: 14px;
	font-weight: 500;
	gap:6px;
	padding:8px 16px;
	border-radius:var(--radius-xl);
	transition:all 0.3s ease;
}
#header .alan .sag a i {
	font-size: 18px;
}
#header .alan .sag .btn-iletisim {
	background:var(--gradient-green);
	color:#fff;
	font-weight:600;
}
#header .alan .sag .btn-iletisim:hover {
	box-shadow:var(--shadow-green);
	transform:translateY(-1px);
}

#header .arama {
	position:absolute;
	top:100%;
	right:0px;
	background:#fff;
	padding:0px;
	overflow:hidden;
	height:0px;
	transition:all 0.3s ease;
	border-radius:0 0 var(--radius-md) var(--radius-md);
}
#header .arama.active {
	padding:20px;
	height:auto;
	box-shadow:var(--shadow-md);
}
#header .arama .form-control {
	background:transparent;
	border-radius:0px;
	border:0px;
	border-bottom:2px solid var(--siyah);
	color:var(--siyah);
    height: 36px;
    line-height: 36px;
}
#header .arama .form-control:focus {
	background:transparent !important;
	border-radius:0px !important;
	border:0px !important;
	border-bottom:2px solid var(--anarenk) !important;
	color:var(--siyah) !important;
}
#header .arama .form-control::placeholder {
  color: var(--gri);
  opacity: 1;
}
#header .arama .btn {
	position:absolute;
	top:20px;
	right:20px;
	width:36px;
	height:36px;
	font-size:20px;
	color:var(--siyah);
	border-radius:var(--radius-sm);
	padding:0px;
	justify-content:center;
}

#header .dil {
	display:flex;
	align-items:center;
	position:relative;
	z-index:101;
	padding:0px 10px;
	height:100%;
}
#header .dil .default {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border-radius: var(--radius-sm);
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: var(--siyah);
	border:1px solid rgba(0,0,0,0.15);
	text-transform:uppercase;
}
#header .dil .default img {
	height:15px;
	margin-right:5px;
}
#header .dil .default i {
	color:var(--siyah);
	font-size:18px;
}
#header .dil .acilan {
	position:absolute;
	top:100%;
	right:calc(50% - 20px);
	width:40px;
	padding-top:10px;
	z-index:10000;
	display:none;
}
#header .dil .acilan .default {
	width:40px;
	height:40px;
	border-radius: var(--radius-sm);
	margin-bottom:5px;
	background: var(--anarenk);
	color:#fff;
	padding:10px;
	border:1px solid var(--anarenk);
}
#header .dil:hover .acilan {
	display:block;
}


/* ============== MOBILE HEADER ============== */

#mobilheader {
	display:none;
	align-items:center;
	flex-wrap:wrap;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:1000;
	height:65px;
	padding:0px 10px;
	background:#fff;
	box-shadow:var(--shadow-sm);
}
#mobilheader.sabit {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	background:#fff;
}
#mobilheader.heading {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	background:#fff;
	box-shadow:var(--shadow-md);
}

#mobilheader .alansol {
	width:35%;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
#mobilheader .alanorta {
	width:30%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
#mobilheader .alansag {
	width:35%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
#mobilheader .btn {
    padding: 0px;
}
#mobilheader .btn i {
	font-size:32px;
	color:var(--siyah);
}
#mobilheader .logo {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:5px;
}
#mobilheader .logo img {
	height:60px;
}

#mobilheader .dil {
	display:flex;
	align-items:center;
	position:relative;
	z-index:101;
	padding:0px 5px;
	height:100%;
}
#mobilheader .dil .default {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	border-radius: var(--radius-sm);
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: var(--siyah);
	border:1px solid rgba(0,0,0,0.15);
	text-transform:uppercase;
}
#mobilheader .dil .default img {
	height:15px;
}
#mobilheader .dil .acilan {
	position:absolute;
	top:100%;
	right:calc(50% - 20px);
	width:40px;
	padding-top:10px;
	z-index:10000;
	display:none;
}
#mobilheader .dil .acilan .default {
	width:40px;
	height:40px;
	border-radius: var(--radius-sm);
	margin-bottom:5px;
	background: var(--anarenk);
	color:#fff;
	padding:10px;
	border:1px solid var(--anarenk);
}
#mobilheader .dil:hover .acilan {
	display:block;
}


/* ============== MOBILE MENU ============== */

#mobilmenu {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow-y:scroll;
	z-index:1000;
	background: #fff;
	transform: translateX(-100%);
	transition:all 0.4s ease;
}
#mobilmenu .ust {
	display:flex;
	align-items:center;
	width:100%;
	height:65px;
	padding:10px 15px;
	border-bottom:1px solid rgba(0,0,0,0.06);
}
#mobilmenu .ust .logo {
	max-height:100%;
	max-width:70%;
	margin-right:auto;
}
#mobilmenu .ust .kapat {
	font-size:32px;
	color:var(--siyah);
}
#mobilmenu .menu {
	padding:15px 0px;
}
#mobilmenu .menu ul {
	display: flex!important;
    flex-direction: column;
    align-items: center;
    list-style-type: none;
    padding: 0 15px;
}
#mobilmenu .menu .link-li {
	position:relative;
    width: 100%;
    display: flex;
    flex-direction: column;
	border-bottom:1px solid rgba(0,0,0,0.06);
	padding:5px 40px 5px 5px;
}
#mobilmenu .menu .link-li:last-child {
	border-bottom:0px;
}
#mobilmenu .menu .link-li.hover:before {
    position:absolute;
	content:"\f105";
	top:5px;
	right:0px;
	width:30px;
	height:32px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:var(--siyah);
    font-family: 'Line Awesome Free';
    font-weight: 900;
}
#mobilmenu .menu .link-item {
	font-size:15px;
	line-height:42px;
	font-weight:500;
	color:var(--siyah);
	letter-spacing:0.5px;
}
#mobilmenu .menu .acilan {
	display:none;
	width: 100%;
}
#mobilmenu .menu .link-li:hover .acilan {
	display:block;
}
#mobilmenu .menu .acilan ul {
	width: 100%;
}
#mobilmenu .menu .acilan ul .link-li {
    min-height: 32px;
}
#mobilmenu .menu .acilan ul .link-item {
	font-size:14px;
	line-height:36px;
	color:var(--gri);
}

#mobilmenu .arama {
	position:relative;
	padding:0 15px;
}
#mobilmenu .arama .form-control {
	border:1px solid rgba(0,0,0,0.1);
	border-radius:var(--radius-sm);
	height:46px;
}
#mobilmenu .arama .btn {
	position:absolute;
	top:0px;
	right:15px;
	width:46px;
	height:46px;
	font-size:20px;
	color:var(--siyah);
	border-radius:var(--radius-sm);
	padding:0px;
	justify-content:center;
}

#mobilmenu .butonlar {
    border-top: 1px solid rgba(0,0,0,0.06);
	padding:20px 15px;
}
#mobilmenu .butonlar a {
	display:block;
	font-size:13px;
	font-weight:400;
	line-height:36px;
	color:var(--siyah);
}

#mobilmenu .sosyal {
	display:flex;
	align-items:center;
	justify-content:center;
    border-top: 1px solid rgba(0,0,0,0.06);
	padding:20px 15px;
	gap:5px;
}
#mobilmenu .sosyal a {
	display:flex;
	align-items:center;
	justify-content:center;
	width: 40px;
	height: 40px;
	font-size:22px;
	color:var(--siyah);
	border-radius:var(--radius-sm);
	transition:all 0.3s ease;
}
#mobilmenu .sosyal a:hover {
	color: #fff;
	background:var(--anarenk);
}


/* ============== HERO / SLIDER ============== */

#hero-alan {
	position:relative;
	min-height:90vh;
	overflow:hidden;
	background:var(--anarenk-dark);
}
#hero-alan .hero-slider {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
#hero-alan .hero-slider .swiper-wrapper {
	height:100%;
}
#hero-alan .hero-slider .swiper-slide {
	height:100%;
}
#hero-alan .hero-bg {
	position:relative;
	width:100%;
	height:100%;
}
#hero-alan .hero-bg img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:0.35;
}
#hero-alan .hero-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient(135deg, rgba(13,59,18,0.9) 0%, rgba(26,23,20,0.7) 50%, rgba(60,53,46,0.5) 100%);
}
#hero-alan .hero-content {
	position:relative;
	z-index:2;
	padding:140px 0 100px;
	pointer-events:none;
}
#hero-alan .hero-content a,
#hero-alan .hero-content button {
	pointer-events:auto;
}
#hero-alan .hero-badge {
	display:inline-flex;
	align-items:center;
	gap:8px;
	background:rgba(255,255,255,0.12);
	backdrop-filter:blur(10px);
	padding:8px 20px;
	border-radius:var(--radius-xl);
	font-size:14px;
	font-weight:500;
	color:#fff;
	margin-bottom:25px;
	border:1px solid rgba(255,255,255,0.15);
}
#hero-alan .hero-badge i {
	color:var(--accent);
}
#hero-alan .hero-title {
	font-size:56px;
	font-weight:700;
	color:#fff;
	margin-bottom:20px;
	line-height:1.15;
	font-family:'Playfair Display', serif;
}
#hero-alan .hero-title span {
	color:var(--accent-light);
}
#hero-alan .hero-desc {
	font-size:18px;
	color:rgba(255,255,255,0.85);
	line-height:1.8;
	margin-bottom:35px;
	max-width:560px;
}
#hero-alan .hero-btns {
	display:flex;
	gap:15px;
	flex-wrap:wrap;
	margin-bottom:50px;
}
#hero-alan .hero-stats {
	display:flex;
	gap:40px;
	flex-wrap:wrap;
}
#hero-alan .hero-stat {
	text-align:center;
}
#hero-alan .hero-stat .number {
	display:block;
	font-size:42px;
	font-weight:800;
	color:#fff;
	line-height:1;
	font-family:'Playfair Display', serif;
}
#hero-alan .hero-stat .label {
	display:block;
	font-size:13px;
	font-weight:500;
	color:rgba(255,255,255,0.65);
	margin-top:6px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#hero-alan .hero-next,
#hero-alan .hero-prev {
	color:#fff;
	z-index:5;
}
#hero-alan .hero-next::after,
#hero-alan .hero-prev::after {
	font-size:22px;
}
#hero-alan .hero-pagination {
	z-index:5;
}
#hero-alan .hero-pagination .swiper-pagination-bullet {
	background:#fff;
	opacity:0.5;
	width:10px;
	height:10px;
}
#hero-alan .hero-pagination .swiper-pagination-bullet-active {
	opacity:1;
	background:var(--accent);
}

/* Topbar Working Hours */
#topbar .contact-info {
	display:flex;
	align-items:center;
	gap:20px;
}
#topbar .contact-info a {
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:rgba(255,255,255,0.85);
	font-size:13px;
}
#topbar .contact-info a i {
	color:var(--accent);
	font-size:15px;
}
#topbar .working-hours {
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:rgba(255,255,255,0.85);
	font-size:13px;
}
#topbar .working-hours i {
	color:var(--accent);
	font-size:15px;
}

/* Footer Social in Brand */
#footer .footer-social {
	display:flex;
	align-items:center;
	gap:8px;
	margin-top:15px;
}
#footer .footer-social a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	border-radius:50%;
	background:rgba(255,255,255,0.06);
	color:rgba(255,255,255,0.6);
	font-size:16px;
	transition:all 0.3s ease;
	border:1px solid rgba(255,255,255,0.08);
}
#footer .footer-social a:hover {
	background:var(--anarenk);
	color:#fff;
	border-color:var(--anarenk);
}


/* ============== SERVICE TAGS ============== */

#service-tags {
	position:relative;
	margin-top:-40px;
	z-index:10;
	padding-bottom:0;
}
#service-tags .tags-wrapper {
	display:flex;
	justify-content:center;
	gap:12px;
	flex-wrap:wrap;
}
#service-tags .tag-item {
	display:flex;
	align-items:center;
	gap:10px;
	background:#fff;
	padding:16px 28px;
	border-radius:var(--radius-xl);
	box-shadow:var(--shadow-md);
	font-size:14px;
	font-weight:600;
	color:var(--siyah);
	text-transform:uppercase;
	letter-spacing:0.5px;
	transition:all 0.4s ease;
	cursor:pointer;
	text-decoration:none;
}
#service-tags .tag-item:hover {
	background:var(--anarenk);
	color:#fff;
	transform:translateY(-3px);
	box-shadow:var(--shadow-green);
}
#service-tags .tag-item i {
	font-size:20px;
	color:var(--anarenk);
	transition:all 0.3s ease;
}
#service-tags .tag-item:hover i {
	color:#fff;
}


/* ============== ABOUT SECTION ============== */

#about {
	padding:100px 0;
	background:#fff;
}
#about .about-image-wrapper {
	position:relative;
}
#about .about-img-main {
	width:100%;
	border-radius:var(--radius-lg);
	box-shadow:var(--shadow-md);
}
#about .about-experience {
	position:absolute;
	bottom:-20px;
	right:-20px;
	background:var(--gradient-green);
	color:#fff;
	padding:25px 30px;
	border-radius:var(--radius-md);
	text-align:center;
	box-shadow:var(--shadow-green);
}
#about .about-experience .number {
	font-size:42px;
	font-weight:800;
	line-height:1;
	font-family:'Playfair Display', serif;
}
#about .about-experience .text {
	font-size:13px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-top:4px;
}
#about .about-content {
	padding-left:30px;
}
#about .about-content .subtitle {
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:13px;
	font-weight:600;
	color:var(--anarenk);
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:12px;
}
#about .about-content h2 {
	font-size:38px;
	color:var(--siyah);
	margin-bottom:20px;
}
#about .about-content h2 span {
	color:var(--anarenk);
}
#about .about-content .desc {
	font-size:16px;
	color:#666;
	line-height:1.8;
	margin-bottom:30px;
}
#about .feature-list {
	list-style:none;
	padding:0;
	margin-bottom:30px;
}
#about .feature-list li {
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin-bottom:15px;
	font-size:15px;
	color:#444;
}
#about .feature-list li .check-icon {
	width:28px;
	height:28px;
	min-width:28px;
	border-radius:50%;
	background:var(--anarenk-50);
	color:var(--anarenk);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	margin-top:2px;
}


/* ============== SERVICES ============== */

#services {
	padding:100px 0;
	background:var(--gri-light);
}
.service-card {
	position:relative;
	background:#fff;
	border-radius:var(--radius-lg);
	padding:40px 30px;
	text-align:center;
	box-shadow:var(--shadow-sm);
	transition:all 0.4s ease;
	overflow:hidden;
	height:100%;
}
.service-card:hover {
	transform:translateY(-8px);
	box-shadow:var(--shadow-lg);
}
.service-card .icon-box {
	width:80px;
	height:80px;
	border-radius:50%;
	background:var(--anarenk-50);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 24px;
	font-size:34px;
	color:var(--anarenk);
	transition:all 0.4s ease;
}
.service-card:hover .icon-box {
	background:var(--gradient-green);
	color:#fff;
	transform:scale(1.1);
}
.service-card h4 {
	font-size:18px;
	font-weight:700;
	color:var(--siyah);
	margin-bottom:12px;
}
.service-card p {
	font-size:14px;
	color:var(--gri);
	line-height:1.7;
	margin-bottom:20px;
}
.service-card .card-link {
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:14px;
	font-weight:600;
	color:var(--anarenk);
	transition:all 0.3s ease;
}
.service-card .card-link:hover {
	gap:10px;
	color:var(--anarenk-dark);
}
.service-card::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:4px;
	background:var(--gradient-green);
	transform:scaleX(0);
	transition:transform 0.4s ease;
}
.service-card:hover::after {
	transform:scaleX(1);
}


/* ============== FEATURES (Icons) ============== */

#features {
	padding:80px 0;
	background:#fff;
}
.feature-box {
	text-align:center;
	padding:35px 20px;
	border-radius:var(--radius-md);
	transition:all 0.3s ease;
	border:1px solid transparent;
}
.feature-box:hover {
	border-color:var(--anarenk-100);
	background:var(--anarenk-50);
}
.feature-box .icon {
	width:70px;
	height:70px;
	border-radius:50%;
	background:var(--anarenk-50);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 18px;
	font-size:28px;
	color:var(--anarenk);
	transition:all 0.3s ease;
}
.feature-box:hover .icon {
	background:var(--gradient-green);
	color:#fff;
}
.feature-box h5 {
	font-size:16px;
	font-weight:700;
	color:var(--siyah);
	margin-bottom:8px;
}
.feature-box p {
	font-size:14px;
	color:var(--gri);
	line-height:1.6;
	margin:0;
}


/* ============== CTA ============== */

#cta {
	padding:100px 0;
	background:var(--gradient-dark);
	position:relative;
	overflow:hidden;
}
#cta::before {
	content:'';
	position:absolute;
	top:-50%;
	right:-10%;
	width:500px;
	height:500px;
	border-radius:50%;
	background:rgba(255,255,255,0.03);
}
#cta::after {
	content:'';
	position:absolute;
	bottom:-30%;
	left:-5%;
	width:400px;
	height:400px;
	border-radius:50%;
	background:rgba(255,255,255,0.03);
}
#cta .cta-content {
	position:relative;
	z-index:2;
	text-align:center;
}
#cta h2 {
	font-size:44px;
	color:#fff;
	margin-bottom:20px;
}
#cta p {
	font-size:18px;
	color:rgba(255,255,255,0.75);
	max-width:600px;
	margin:0 auto 35px;
	line-height:1.8;
}
#cta .cta-buttons {
	display:flex;
	justify-content:center;
	gap:15px;
	flex-wrap:wrap;
}


/* ============== SERVICE CATEGORIES ============== */

#service-cats {
	padding:100px 0;
	background:var(--gri-light);
}
.service-cat-card {
	position:relative;
	border-radius:var(--radius-lg);
	overflow:hidden;
	height:350px;
	transition:all 0.4s ease;
	cursor:pointer;
}
.service-cat-card:hover {
	transform:translateY(-5px);
	box-shadow:var(--shadow-lg);
}
.service-cat-card img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.6s ease;
}
.service-cat-card:hover img {
	transform:scale(1.08);
}
.service-cat-card .overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(0deg, rgba(13,59,18,0.85) 0%, rgba(26,23,20,0.3) 60%, transparent 100%);
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding:30px;
	transition:all 0.4s ease;
}
.service-cat-card:hover .overlay {
	background:linear-gradient(0deg, rgba(13,59,18,0.95) 0%, rgba(26,23,20,0.5) 70%, rgba(26,23,20,0.3) 100%);
}
.service-cat-card .overlay h3 {
	color:#fff;
	font-size:24px;
	margin-bottom:8px;
	font-family:'Playfair Display', serif;
}
.service-cat-card .overlay p {
	color:rgba(255,255,255,0.8);
	font-size:14px;
	line-height:1.6;
	margin-bottom:15px;
	opacity:0;
	transform:translateY(10px);
	transition:all 0.4s ease;
}
.service-cat-card:hover .overlay p {
	opacity:1;
	transform:translateY(0);
}
.service-cat-card .overlay .link {
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:var(--accent-light);
	font-size:14px;
	font-weight:600;
	opacity:0;
	transform:translateY(10px);
	transition:all 0.4s ease 0.1s;
}
.service-cat-card:hover .overlay .link {
	opacity:1;
	transform:translateY(0);
}


/* ============== BLOG ============== */

#blog {
	padding:80px 0;
	background:var(--gri-light);
}
.blog-slider {
	padding-bottom:50px;
}
.blog-card {
	display:block;
	background:#fff;
	border-radius:var(--radius-lg);
	overflow:hidden;
	box-shadow:var(--shadow-sm);
	transition:all 0.3s ease;
	text-decoration:none;
	height:100%;
}
.blog-card:hover {
	box-shadow:var(--shadow-md);
	transform:translateY(-5px);
}
.blog-card-img {
	position:relative;
	height:220px;
	overflow:hidden;
}
.blog-card-img img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.4s ease;
}
.blog-card:hover .blog-card-img img {
	transform:scale(1.05);
}
.blog-card-placeholder {
	width:100%;
	height:100%;
	background:var(--anarenk-50);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:48px;
	color:var(--anarenk-100);
}
.blog-card-body {
	padding:22px 24px 26px;
}
.blog-card-date {
	display:inline-flex;
	align-items:center;
	gap:5px;
	font-size:12px;
	color:var(--gri);
	margin-bottom:10px;
}
.blog-card-date i {
	font-size:14px;
	color:var(--accent);
}
.blog-card-body h4 {
	font-size:17px;
	font-weight:700;
	color:var(--siyah);
	line-height:1.4;
	margin-bottom:8px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	transition:color 0.3s;
}
.blog-card:hover .blog-card-body h4 {
	color:var(--anarenk);
}
.blog-card-body p {
	font-size:14px;
	color:var(--gri);
	line-height:1.6;
	margin-bottom:12px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.blog-card-link {
	font-size:13px;
	font-weight:600;
	color:var(--anarenk);
	display:inline-flex;
	align-items:center;
	gap:5px;
	transition:gap 0.3s;
}
.blog-card:hover .blog-card-link {
	gap:10px;
}
.blog-card-link i {
	font-size:16px;
}
.blog-pagination .swiper-pagination-bullet {
	background:var(--anarenk);
}
.btn-outline-primary {
	height:50px;
	padding:0 30px;
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:14px;
	font-weight:600;
	color:var(--anarenk);
	border:2px solid var(--anarenk);
	border-radius:var(--radius-full);
	background:transparent;
	transition:all 0.3s ease;
}
.btn-outline-primary:hover {
	background:var(--anarenk);
	color:#fff;
}

/* ============== BLOG LIST ============== */

.blog-list-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:30px;
}
.blog-list-grid .blog-card {
	height:100%;
}

/* ============== BLOG DETAIL ============== */

.bd-content {
	font-size:16px;
	line-height:1.8;
	color:#444;
}
.bd-content h2 {
	font-size:24px;
	margin:30px 0 15px;
	color:var(--siyah);
}
.bd-content h3 {
	font-size:20px;
	margin:25px 0 12px;
	color:var(--siyah);
}
.bd-content p {
	margin-bottom:15px;
}
.bd-content img {
	max-width:100%;
	height:auto;
	border-radius:var(--radius-md);
	margin:15px 0;
}
.bd-featured-img {
	margin-bottom:30px;
	border-radius:var(--radius-lg);
	overflow:hidden;
}
.bd-featured-img img {
	width:100%;
	object-fit:cover;
}
.bd-meta {
	display:flex;
	align-items:center;
	gap:20px;
	margin-bottom:25px;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
}
.bd-meta-item {
	display:flex;
	align-items:center;
	gap:6px;
	font-size:13px;
	color:var(--gri);
}
.bd-meta-item i {
	font-size:16px;
	color:var(--accent);
}
.bd-share {
	margin-top:30px;
	padding-top:20px;
	border-top:1px solid #eee;
}
.bd-share h5 {
	font-size:14px;
	font-weight:600;
	margin-bottom:10px;
}
.bd-share-links {
	display:flex;
	gap:8px;
}
.bd-share-links a {
	width:40px;
	height:40px;
	border-radius:50%;
	background:var(--gri-light);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	color:var(--gri);
	transition:all 0.3s;
}
.bd-share-links a:hover {
	background:var(--anarenk);
	color:#fff;
}

/* Blog Sidebar */
.bd-sidebar-card {
	background:#fff;
	border-radius:var(--radius-lg);
	padding:25px;
	margin-bottom:20px;
	box-shadow:var(--shadow-sm);
}
.bd-sidebar-card h4 {
	font-size:17px;
	font-weight:700;
	margin-bottom:18px;
	padding-bottom:12px;
	border-bottom:2px solid var(--anarenk-50);
	display:flex;
	align-items:center;
	gap:8px;
}
.bd-sidebar-card h4 i {
	color:var(--anarenk);
}
.bd-recent-list li {
	list-style:none;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #f0f0f0;
}
.bd-recent-list li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.bd-recent-list li a {
	display:flex;
	gap:12px;
	text-decoration:none;
}
.bd-recent-list li a .thumb {
	width:70px;
	height:55px;
	border-radius:var(--radius-sm);
	overflow:hidden;
	flex-shrink:0;
}
.bd-recent-list li a .thumb img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.bd-recent-list li a .info h6 {
	font-size:14px;
	font-weight:600;
	color:var(--siyah);
	line-height:1.4;
	margin-bottom:4px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	transition:color 0.3s;
}
.bd-recent-list li a:hover .info h6 {
	color:var(--anarenk);
}
.bd-recent-list li a .info span {
	font-size:11px;
	color:var(--gri);
}

#blog-list-page {
	padding:80px 0;
}
#blog-detail {
	padding:80px 0;
}


/* ============== COUNTER ============== */

#counter {
	padding:80px 0;
	background:var(--gradient-dark);
	position:relative;
	overflow:hidden;
}
#counter::before {
	content:'';
	position:absolute;
	top:-50%;
	right:-10%;
	width:400px;
	height:400px;
	border-radius:50%;
	background:rgba(255,255,255,0.03);
}
#counter::after {
	content:'';
	position:absolute;
	bottom:-30%;
	left:-5%;
	width:300px;
	height:300px;
	border-radius:50%;
	background:rgba(255,255,255,0.03);
}
.counter-grid {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0;
}
.counter-divider {
	width:1px;
	height:80px;
	background:rgba(255,255,255,0.15);
	flex-shrink:0;
}
.counter-item {
	text-align:center;
	padding:20px 40px;
	flex:1;
}
.counter-icon {
	width:60px;
	height:60px;
	border-radius:50%;
	background:rgba(255,255,255,0.1);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 15px;
	font-size:26px;
	color:var(--accent);
	transition:all 0.3s ease;
}
.counter-item:hover .counter-icon {
	background:var(--accent);
	color:#fff;
	transform:scale(1.1);
}
.counter-item .number {
	font-size:44px;
	font-weight:800;
	color:#fff;
	line-height:1;
	font-family:'Playfair Display', serif;
	margin-bottom:8px;
}
.counter-item .label {
	font-size:13px;
	font-weight:500;
	color:rgba(255,255,255,0.6);
	text-transform:uppercase;
	letter-spacing:1.5px;
}


/* ============== FOOTER ============== */

#footer {
	background:var(--siyah);
	color:#fff;
}
#footer .footer-top {
	padding:80px 0 40px;
	border-bottom:1px solid rgba(255,255,255,0.08);
}
#footer .footer-brand {
	margin-bottom:20px;
}
#footer .footer-brand img {
	height:50px;
	margin-bottom:15px;
	filter:brightness(0) invert(1);
}
#footer .footer-brand p {
	color:rgba(255,255,255,0.6);
	font-size:15px;
	line-height:1.7;
	max-width:300px;
}
#footer .footer-title {
	font-size:16px;
	font-weight:700;
	color:#fff;
	margin-bottom:24px;
	position:relative;
	padding-bottom:12px;
}
#footer .footer-title::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:30px;
	height:2px;
	background:var(--anarenk);
}
#footer .footer-links {
	list-style:none;
	padding:0;
}
#footer .footer-links li {
	margin-bottom:10px;
}
#footer .footer-links li a {
	color:rgba(255,255,255,0.6);
	font-size:14px;
	transition:all 0.3s ease;
	display:inline-flex;
	align-items:center;
	gap:6px;
}
#footer .footer-links li a:hover {
	color:#fff;
	padding-left:5px;
}
#footer .footer-links li a i {
	font-size:12px;
	color:var(--anarenk-light);
}
#footer .footer-contact li {
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin-bottom:16px;
}
#footer .footer-contact li .icon {
	width:36px;
	height:36px;
	min-width:36px;
	border-radius:50%;
	background:rgba(255,255,255,0.08);
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--anarenk-light);
	font-size:16px;
}
#footer .footer-contact li .text {
	color:rgba(255,255,255,0.6);
	font-size:14px;
	line-height:1.6;
}
footer#footer .footer-contact li .text a,
footer#footer .footer-contact li .text a:link,
footer#footer .footer-contact li .text a:visited {
	color:rgba(255,255,255,0.6);
	text-decoration:none;
	transition:color 0.3s;
}
footer#footer .footer-contact li .text a:hover {
	color:#fff;
}
#footer .footer-contact li .text strong {
	display:block;
	color:#fff;
	font-size:14px;
	margin-bottom:2px;
}

#footer .tags-cloud {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
#footer .tags-cloud a {
	display:inline-block;
	padding:5px 14px;
	background:rgba(255,255,255,0.06);
	color:rgba(255,255,255,0.6);
	font-size:12px;
	border-radius:var(--radius-xl);
	transition:all 0.3s ease;
	border:1px solid rgba(255,255,255,0.08);
}
#footer .tags-cloud a:hover {
	background:var(--anarenk);
	color:#fff;
	border-color:var(--anarenk);
}

#footer .footer-bottom {
	padding:24px 0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:15px;
}
#footer .footer-bottom p {
	color:rgba(255,255,255,0.4);
	font-size:13px;
	margin:0;
}
#footer .footer-bottom .sosyal {
	display:flex;
	align-items:center;
	gap:10px;
}
#footer .footer-bottom .sosyal a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border-radius:50%;
	background:rgba(255,255,255,0.06);
	color:rgba(255,255,255,0.6);
	font-size:16px;
	transition:all 0.3s ease;
	border:1px solid rgba(255,255,255,0.08);
}
#footer .footer-bottom .sosyal a:hover {
	background:var(--anarenk);
	color:#fff;
	border-color:var(--anarenk);
	transform:translateY(-2px);
}

/* ============== SCROLL TOP ============== */
.scroll-top {
	position:fixed;
	bottom:25px;
	right:25px;
	width:45px;
	height:45px;
	border-radius:50%;
	background:var(--gradient-green);
	color:#fff;
	display:none;
	align-items:center;
	justify-content:center;
	font-size:20px;
	z-index:999;
	box-shadow:var(--shadow-green);
	transition:all 0.3s ease;
	border:none;
	cursor:pointer;
}
.scroll-top:hover {
	transform:translateY(-3px);
}
.scroll-top.show {
	display:flex;
}

/* ============== BREADCRUMB ============== */
.breadcrumb-section {
	padding:50px 0;
	background:var(--gradient-dark);
	position:relative;
	overflow:hidden;
}
.breadcrumb-section::before {
	content:'';
	position:absolute;
	top:-50%;
	right:-10%;
	width:400px;
	height:400px;
	border-radius:50%;
	background:rgba(255,255,255,0.03);
}
.breadcrumb-section h1 {
	font-size:36px;
	color:#fff;
	margin-bottom:10px;
}
.breadcrumb-section .breadcrumb {
	padding:0;
	margin:0;
	background:transparent;
}
.breadcrumb-section .breadcrumb li {
	font-size:14px;
}
.breadcrumb-section .breadcrumb li a {
	color:rgba(255,255,255,0.6);
}
.breadcrumb-section .breadcrumb li.active {
	color:rgba(255,255,255,0.9);
}
.breadcrumb-section .breadcrumb-item + .breadcrumb-item::before {
	color:rgba(255,255,255,0.4);
}


/* ============== PAGE HERO (İç Sayfa Hero) ============== */

#page-hero {
	padding:160px 0 100px;
	background:var(--gradient-dark);
	position:relative;
	overflow:hidden;
	min-height:340px;
	display:flex;
	align-items:center;
}
#page-hero::before {
	content:'';
	position:absolute;
	top:-40%;
	right:-8%;
	width:500px;
	height:500px;
	border-radius:50%;
	background:rgba(255,255,255,0.03);
}
#page-hero::after {
	content:'';
	position:absolute;
	bottom:-50%;
	left:-5%;
	width:400px;
	height:400px;
	border-radius:50%;
	background:rgba(255,255,255,0.03);
}
.page-breadcrumb ol {
	display:flex;
	justify-content:center;
	gap:8px;
	list-style:none;
	padding:0;
	margin:0 0 20px;
}
.page-breadcrumb ol li {
	font-size:14px;
	color:rgba(255,255,255,0.6);
}
.page-breadcrumb ol li a {
	color:rgba(255,255,255,0.6);
	transition:color 0.3s ease;
}
.page-breadcrumb ol li a:hover {
	color:#fff;
}
.page-breadcrumb ol li + li::before {
	content:'/';
	margin-right:8px;
	color:rgba(255,255,255,0.3);
}
.page-breadcrumb ol li.active {
	color:rgba(255,255,255,0.9);
}
.page-main-title {
	font-size:44px;
	color:#fff;
	margin-bottom:15px;
	position:relative;
	z-index:2;
}
.page-main-desc {
	font-size:18px;
	color:rgba(255,255,255,0.7);
	max-width:600px;
	margin:0 auto;
	line-height:1.7;
	position:relative;
	z-index:2;
}


/* ============== SECTION BADGE ============== */

.section-badge {
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:14px;
	font-weight:600;
	color:var(--anarenk);
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:15px;
}
.section-badge i {
	font-size:18px;
}


/* ============== ABOUT DETAILS ============== */

#about-details {
	padding:100px 0;
	background:var(--beyaz);
}
.about-img-box {
	position:relative;
}
.about-img-box img {
	width:100%;
	border-radius:var(--radius-lg);
}
.about-img-decor {
	position:absolute;
	top:-15px;
	left:-15px;
	width:100%;
	height:100%;
	border:3px solid var(--anarenk-50);
	border-radius:var(--radius-lg);
	z-index:-1;
}
.about-experience-badge {
	position:absolute;
	bottom:25px;
	right:-20px;
	background:var(--anarenk);
	color:#fff;
	padding:18px 28px;
	border-radius:var(--radius-md);
	font-size:16px;
	font-weight:700;
	box-shadow:var(--shadow-green);
	line-height:1.4;
	text-align:center;
}
.about-content .about-title {
	font-size:36px;
	color:var(--siyah);
	margin-bottom:20px;
}
.about-content .about-text {
	font-size:16px;
	color:var(--gri);
	line-height:1.8;
	margin-bottom:10px;
}
.mv-card {
	background:var(--krem);
	border-radius:var(--radius-md);
	padding:25px;
	height:100%;
	transition:all 0.3s ease;
	border:1px solid var(--anarenk-50);
}
.mv-card:hover {
	transform:translateY(-3px);
	box-shadow:var(--shadow-green);
}
.mv-card .mv-icon {
	width:48px;
	height:48px;
	border-radius:50%;
	background:var(--anarenk);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:22px;
	margin-bottom:15px;
}
.mv-card h4 {
	font-size:17px;
	font-weight:700;
	color:var(--siyah);
	margin-bottom:8px;
}
.mv-card p {
	font-size:14px;
	color:var(--gri);
	line-height:1.7;
	margin:0;
}


/* ============== WHY US ============== */

#why-us {
	padding:100px 0;
	background:var(--gri-light);
}
#why-us .section-title {
	margin-bottom:50px;
}
#why-us .section-desc {
	font-size:17px;
	color:var(--gri);
	max-width:600px;
	margin:0 auto;
	line-height:1.7;
}
.why-card {
	background:var(--beyaz);
	border-radius:var(--radius-md);
	padding:35px 30px;
	text-align:center;
	height:100%;
	transition:all 0.3s ease;
	border:1px solid #eee;
}
.why-card:hover {
	transform:translateY(-5px);
	box-shadow:var(--shadow-md);
	border-color:var(--anarenk-50);
}
.why-card .why-icon {
	width:70px;
	height:70px;
	border-radius:50%;
	background:var(--anarenk-50);
	color:var(--anarenk);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:30px;
	margin:0 auto 20px;
	transition:all 0.3s ease;
}
.why-card:hover .why-icon {
	background:var(--anarenk);
	color:#fff;
}
.why-card h4 {
	font-size:18px;
	font-weight:700;
	color:var(--siyah);
	margin-bottom:10px;
}
.why-card p {
	font-size:15px;
	color:var(--gri);
	line-height:1.7;
	margin:0;
}


/* ============== SERVICES GRID (Hizmetlerimiz) ============== */

#services-grid {
	padding:100px 0;
	background:var(--beyaz);
}
.section-title-text {
	font-size:36px;
	font-weight:700;
	color:var(--siyah);
	margin-bottom:15px;
	font-family: 'Playfair Display', serif;
}
.section-desc {
	font-size:17px;
	color:var(--gri);
	max-width:600px;
	margin:0 auto;
	line-height:1.7;
}
.service-detail-card {
	background:var(--beyaz);
	border-radius:var(--radius-lg);
	overflow:hidden;
	border:1px solid #eee;
	height:100%;
	transition:all 0.4s ease;
	position:relative;
}
.service-detail-card:hover {
	transform:translateY(-8px);
	box-shadow:var(--shadow-lg);
	border-color:var(--anarenk-50);
}
.service-detail-card .sdc-icon {
	position:absolute;
	top:20px;
	right:20px;
	width:50px;
	height:50px;
	border-radius:50%;
	background:rgba(255,255,255,0.95);
	color:var(--anarenk);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:24px;
	z-index:2;
	box-shadow:var(--shadow-sm);
}
.service-detail-card .sdc-img {
	height:220px;
	overflow:hidden;
	position:relative;
}
.service-detail-card .sdc-img img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.5s ease;
}
.service-detail-card:hover .sdc-img img {
	transform:scale(1.08);
}
.service-detail-card .sdc-img::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:60px;
	background:linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.service-detail-card .sdc-content {
	padding:25px 30px 30px;
}
.service-detail-card .sdc-content h3 {
	font-size:20px;
	font-weight:700;
	color:var(--siyah);
	margin-bottom:12px;
	font-family: 'Playfair Display', serif;
}
.service-detail-card .sdc-content p {
	font-size:15px;
	color:var(--gri);
	line-height:1.7;
	margin-bottom:18px;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.service-detail-card .sdc-link {
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:15px;
	font-weight:600;
	color:var(--anarenk);
	transition:all 0.3s ease;
}
.service-detail-card .sdc-link:hover {
	color:var(--anarenk-dark);
	gap:10px;
}
.service-detail-card .sdc-link i {
	transition:transform 0.3s ease;
}
.service-detail-card:hover .sdc-link i {
	transform:translateX(4px);
}


/* ============== SERVICES WHY (Hizmet Fark) ============== */

#services-why {
	padding:100px 0;
	background:var(--gri-light);
}
.services-checklist {
	margin-top:25px;
}
.services-checklist .check-item {
	display:flex;
	align-items:center;
	gap:12px;
	padding:12px 0;
	font-size:16px;
	color:var(--siyah);
	border-bottom:1px solid #eee;
}
.services-checklist .check-item:last-child {
	border-bottom:none;
}
.services-checklist .check-item i {
	font-size:22px;
	color:var(--anarenk);
	flex-shrink:0;
}


/* ============== HIZMET DETAIL ============== */

#hizmet-detail {
	padding:80px 0 100px;
	background:var(--beyaz);
}
.hd-featured-img {
	position:relative;
	border-radius:var(--radius-lg);
	overflow:hidden;
	margin-bottom:35px;
}
.hd-featured-img img {
	width:100%;
	height:400px;
	object-fit:cover;
}
.hd-icon-badge {
	position:absolute;
	top:20px;
	left:20px;
	width:60px;
	height:60px;
	border-radius:50%;
	background:var(--anarenk);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:28px;
	box-shadow:var(--shadow-green);
}
.hd-content {
	font-size:16px;
	line-height:1.9;
	color:#444;
}
.hd-content h2,
.hd-content h3 {
	color:var(--siyah);
	margin:30px 0 15px;
	font-family:'Playfair Display', serif;
}
.hd-content h2 { font-size:28px; }
.hd-content h3 { font-size:22px; }
.hd-content p {
	margin-bottom:18px;
}
.hd-content ul,
.hd-content ol {
	padding-left:20px;
	margin-bottom:18px;
}
.hd-content ul li,
.hd-content ol li {
	margin-bottom:8px;
	line-height:1.7;
}
.hd-content img {
	max-width:100%;
	height:auto;
	border-radius:var(--radius-md);
	margin:15px 0;
}

/* Gallery */
.hd-gallery {
	margin-top:40px;
}
.hd-gallery h3 {
	font-size:22px;
	font-weight:700;
	color:var(--siyah);
	margin-bottom:20px;
}
.hd-gallery-item {
	display:block;
	border-radius:var(--radius-md);
	overflow:hidden;
	position:relative;
}
.hd-gallery-item img {
	width:100%;
	height:160px;
	object-fit:cover;
	transition:transform 0.4s ease;
}
.hd-gallery-item:hover img {
	transform:scale(1.08);
}

/* Video */
.hd-video {
	margin-top:40px;
}
.hd-video h3 {
	font-size:22px;
	font-weight:700;
	color:var(--siyah);
	margin-bottom:20px;
}

/* Document */
.hd-document {
	margin-top:30px;
}
.hd-doc-link {
	display:flex;
	align-items:center;
	gap:15px;
	padding:20px 25px;
	background:var(--krem);
	border-radius:var(--radius-md);
	border:1px solid var(--anarenk-50);
	transition:all 0.3s ease;
	color:var(--siyah);
}
.hd-doc-link:hover {
	background:var(--anarenk-50);
	color:var(--siyah);
}
.hd-doc-link > i:first-child {
	font-size:36px;
	color:var(--kirmizi);
	flex-shrink:0;
}
.hd-doc-link > i:last-child {
	font-size:22px;
	color:var(--anarenk);
	margin-left:auto;
	flex-shrink:0;
}
.hd-doc-link div strong {
	display:block;
	font-size:16px;
	font-weight:600;
}
.hd-doc-link div span {
	font-size:13px;
	color:var(--gri);
}

/* Sidebar */
.hd-sidebar-card {
	background:var(--beyaz);
	border-radius:var(--radius-md);
	border:1px solid #eee;
	padding:28px;
	margin-bottom:25px;
}
.hd-sidebar-card > h4 {
	font-size:18px;
	font-weight:700;
	color:var(--siyah);
	margin-bottom:20px;
	display:flex;
	align-items:center;
	gap:10px;
}
.hd-sidebar-card > h4 i {
	color:var(--anarenk);
	font-size:22px;
}
.hd-service-list {
	list-style:none;
	padding:0;
	margin:0;
}
.hd-service-list li {
	border-bottom:1px solid #f0f0f0;
}
.hd-service-list li:last-child {
	border-bottom:none;
}
.hd-service-list li a {
	display:flex;
	align-items:center;
	gap:12px;
	padding:14px 5px;
	color:var(--siyah);
	font-size:15px;
	font-weight:500;
	transition:all 0.3s ease;
}
.hd-service-list li a:hover {
	color:var(--anarenk);
	padding-left:10px;
}
.hd-service-list li a i:first-child {
	font-size:20px;
	color:var(--anarenk);
	width:24px;
	text-align:center;
	flex-shrink:0;
}
.hd-service-list li a .arrow {
	margin-left:auto;
	font-size:14px;
	color:var(--gri);
	transition:all 0.3s ease;
}
.hd-service-list li a:hover .arrow {
	color:var(--anarenk);
	transform:translateX(3px);
}

/* Contact Card */
.hd-contact-card {
	background:var(--gradient-dark);
	border:none;
	text-align:center;
	color:#fff;
}
.hd-contact-card h4 {
	color:#fff !important;
	justify-content:center;
}
.hd-contact-card p {
	color:rgba(255,255,255,0.7);
	font-size:15px;
	margin-bottom:20px;
}
.hd-contact-icon {
	width:70px;
	height:70px;
	border-radius:50%;
	background:rgba(255,255,255,0.1);
	color:var(--accent);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:32px;
	margin:0 auto 15px;
}
.btn-outline-success {
	border-color:rgba(255,255,255,0.3);
	color:#fff;
}
.btn-outline-success:hover {
	background:rgba(255,255,255,0.1);
	border-color:rgba(255,255,255,0.5);
	color:#fff;
}

/* ============== CONTACT PAGE ============== */

#contact-info {
	padding:80px 0 0;
	background:var(--beyaz);
	margin-top:-50px;
	position:relative;
	z-index:3;
}
.ci-card {
	background:var(--beyaz);
	border-radius:var(--radius-md);
	padding:30px 25px;
	text-align:center;
	height:100%;
	border:1px solid #eee;
	transition:all 0.3s ease;
}
.ci-card:hover {
	transform:translateY(-5px);
	box-shadow:var(--shadow-md);
	border-color:var(--anarenk-50);
}
.ci-card .ci-icon {
	width:60px;
	height:60px;
	border-radius:50%;
	background:var(--anarenk-50);
	color:var(--anarenk);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:26px;
	margin:0 auto 15px;
	transition:all 0.3s ease;
}
.ci-card:hover .ci-icon {
	background:var(--anarenk);
	color:#fff;
}
.ci-card h5 {
	font-size:17px;
	font-weight:700;
	color:var(--siyah);
	margin-bottom:10px;
}
.ci-card a {
	color:var(--gri);
	font-size:14px;
	line-height:1.8;
	transition:color 0.3s ease;
}
.ci-card a:hover {
	color:var(--anarenk);
}
.ci-card p {
	color:var(--gri);
	font-size:14px;
	line-height:1.7;
	margin-bottom:3px;
}

/* Contact Form Section */
#contact-form-section {
	padding:80px 0 100px;
	background:var(--beyaz);
}
.cf-wrapper {
	padding:40px;
	background:var(--gri-light);
	border-radius:var(--radius-lg);
}
.contact-form .form-control {
	border:1px solid #e0e0e0;
	border-radius:var(--radius-sm);
	font-size:15px;
	transition:all 0.3s ease;
}
.contact-form .form-control:focus {
	border-color:var(--anarenk);
	box-shadow:0 0 0 3px rgba(26,23,20,0.1);
}
.contact-form .form-floating label {
	color:var(--gri);
	font-size:14px;
}
.contact-form .btn-primary {
	padding:14px 35px;
	font-size:16px;
}

/* Map */
.cf-map-wrapper {
	height:100%;
	display:flex;
	flex-direction:column;
}
.cf-map {
	flex:1;
	border-radius:var(--radius-lg);
	overflow:hidden;
	min-height:350px;
	box-shadow:var(--shadow-md);
}
.cf-map iframe {
	width:100%;
	height:100%;
	min-height:350px;
}
.cf-map-placeholder {
	background:var(--gri-light);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:var(--gri);
}
.cf-map-placeholder i {
	font-size:60px;
	margin-bottom:10px;
}

/* WhatsApp bar */
.cf-whatsapp {
	margin-top:15px;
}
.cf-whatsapp a {
	display:flex;
	align-items:center;
	gap:15px;
	padding:18px 22px;
	background:#25D366;
	border-radius:var(--radius-md);
	color:#fff;
	transition:all 0.3s ease;
}
.cf-whatsapp a:hover {
	background:#1EBE5A;
	color:#fff;
}
.cf-whatsapp a > i:first-child {
	font-size:32px;
	flex-shrink:0;
}
.cf-whatsapp a > i:last-child {
	margin-left:auto;
	font-size:18px;
}
.cf-whatsapp a div strong {
	display:block;
	font-size:16px;
	font-weight:600;
}
.cf-whatsapp a div span {
	font-size:13px;
	opacity:0.85;
}

/* Directions */
.cf-directions {
	margin-top:12px;
}
.btn-outline-primary {
	border:2px solid var(--anarenk);
	color:var(--anarenk);
	font-weight:600;
	border-radius:var(--radius-md);
	padding:12px 20px;
}
.btn-outline-primary:hover {
	background:var(--anarenk);
	color:#fff;
}


/* Hero Compact (hizmet detay) */
.page-hero-compact {
	min-height:280px !important;
	padding:140px 0 70px !important;
}


/* ============== RESPONSIVE - İç Sayfalar ============== */

@media (max-width:991px) {
	#page-hero {
		padding:130px 0 70px;
		min-height:280px;
	}
	.page-main-title {
		font-size:32px;
	}
	.page-main-desc {
		font-size:16px;
	}
	.about-experience-badge {
		right:10px;
		bottom:15px;
		padding:12px 20px;
		font-size:14px;
	}
	.about-content .about-title {
		font-size:28px;
	}
}
@media (max-width:767px) {
	#page-hero {
		padding:120px 0 60px;
		min-height:240px;
	}
	.page-main-title {
		font-size:28px;
	}
	.about-img-decor {
		display:none;
	}
	.about-experience-badge {
		position:relative;
		right:auto;
		bottom:auto;
		display:inline-block;
		margin-top:15px;
	}
	#about-details {
		padding:60px 0;
	}
	#why-us {
		padding:60px 0;
	}
	#services-grid {
		padding:60px 0;
	}
	.service-detail-card .sdc-img {
		height:180px;
	}
	#services-why {
		padding:60px 0;
	}
	#hizmet-detail {
		padding:50px 0 60px;
	}
	#contact-info {
		margin-top:-30px;
		padding:60px 0 0;
	}
	.cf-wrapper {
		padding:25px;
	}
	#contact-form-section {
		padding:50px 0 60px;
	}
	.cf-map {
		min-height:300px;
	}
	.hd-featured-img img {
		height:250px;
	}
	.page-hero-compact {
		padding:120px 0 50px !important;
		min-height:220px !important;
	}
}
                     
/* ============================================================
   ZEYNEP ÇETİN GELİNLİK — BRIDAL REFINEMENTS (ivory/grey + black)
   ============================================================ */
:root{
  --serif: 'Cormorant Garamond', 'Playfair Display', serif;
  --sans: 'Jost', 'Inter', sans-serif;
  --ivory: #f4f1ec;
  --ivory-2: #ece7df;
  --ink: #1a1714;
  --muted: #8a8178;
  --line: #e2dcd2;
}
body{
  font-family: var(--sans);
  color: var(--ink);
  background: var(--ivory);
  letter-spacing: .2px;
}
h1,h2,h3,h4,.page-main-title,.section-title-text,.about-title{
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  letter-spacing: .5px;
}
h1,.page-main-title{ font-weight: 500 !important; letter-spacing: 1px; }
p{ color:#5a544c; }

/* Elegant uppercase nav + buttons */
.menu ul li a,
.btn, .btn-primary, .btn-outline-white, .btn-outline-primary, .btn-accent,
.btn-iletisim, .tag-item, .card-link, .sdc-link, .hero-badge, .section-badge,
.subtitle, .footer-title, .blog-card-link, .page-breadcrumb{
  font-family: var(--sans) !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}
.menu ul li a{ font-size:13px; }

/* Topbar -> refined ink bar */
#topbar{ background: var(--ink) !important; color:#cfc8bd; border:none; }
#topbar a, #topbar span{ color:#cfc8bd !important; }
#topbar a:hover{ color:#fff !important; }

/* Header -> clean ivory */
#header{ background: var(--ivory) !important; border-bottom:1px solid var(--line); box-shadow:none !important; }
#header.sticky, header.sticky{ background:rgba(244,241,236,.97) !important; }
.menu ul li a{ color: var(--ink) !important; }
.menu ul li a:hover{ color: var(--accent) !important; }

/* Buttons: black/ivory elegant */
.btn-primary, .btn-accent{
  background: var(--ink) !important; border:1px solid var(--ink) !important; color:#fff !important;
  border-radius:0 !important; box-shadow:none !important; padding:16px 34px !important;
}
.btn-primary:hover, .btn-accent:hover{ background:transparent !important; color:var(--ink) !important; }
.btn-outline-white{ border:1px solid #fff !important; border-radius:0 !important; background:transparent !important; }
.btn-outline-primary{ border:1px solid var(--ink) !important; color:var(--ink) !important; border-radius:0 !important; }
.btn-outline-primary:hover{ background:var(--ink) !important; color:#fff !important; }
.btn-iletisim{ background:var(--ink) !important; color:#fff !important; border-radius:0 !important; padding:14px 26px !important; }
.btn-iletisim:hover{ background:var(--accent) !important; }

/* Section rhythm */
section{ }
#about, #features, #service-cats, #counter, #blog, #cta, #services-grid, #services-why{ background: var(--ivory); }
#features, #counter{ background: var(--ivory-2); }

/* Section titles */
.section-title .subtitle, .subtitle, .section-badge, .hero-badge{
  color: var(--accent) !important; font-size:12px;
}
.section-title h2, .section-title-text{ font-size:42px; }
.section-title .line, .line{ background: var(--accent) !important; }

/* Hero: softer editorial overlay */
.hero-overlay{ background: linear-gradient(180deg, rgba(20,17,14,.25) 0%, rgba(20,17,14,.45) 100%) !important; }
.hero-title{ font-family:var(--serif) !important; font-weight:500 !important; letter-spacing:2px; }
.hero-badge{ background:rgba(255,255,255,.12) !important; }

/* Cards: flat, editorial */
.service-card, .service-detail-card, .blog-card, .feature-box{
  border-radius:0 !important; box-shadow:none !important; border:1px solid var(--line) !important;
  background:#fff !important;
}
.service-card:hover, .service-detail-card:hover, .blog-card:hover{ box-shadow:0 18px 50px rgba(26,23,20,.10) !important; }
.icon-box, .sdc-icon, .feature-box .icon, .counter-icon{ color:var(--accent) !important; }

/* Footer -> deep ink */
#footer{ background:var(--ink) !important; color:#bdb6aa; }
#footer .footer-title{ color:#fff !important; letter-spacing:2px; }
#footer a{ color:#bdb6aa !important; }
#footer a:hover{ color:var(--accent) !important; }
#footer .footer-social a, #footer .sosyal a{ border:1px solid rgba(255,255,255,.2) !important; }

/* Scroll top + whatsapp accent */
.scroll-top{ background:var(--ink) !important; border-radius:0 !important; }

/* Page hero (inner) */
#page-hero{ background:var(--ink) !important; }
#page-hero .page-main-title{ color:#fff; }
#page-hero .page-main-desc{ color:#cfc8bd; }
.page-breadcrumb a, .page-breadcrumb li{ color:#cfc8bd !important; }

/* WhatsApp + success buttons -> ink/green-free */
#whatsapp .buton{ background:#1a1714 !important; color:#fff !important; }
#whatsapp .sohbet .ust{ background:#1a1714 !important; }
.btn-success, .btn-success:focus{ background:#1a1714 !important; border-color:#1a1714 !important; color:#fff !important; }
.btn-success:hover{ background:#b29874 !important; border-color:#b29874 !important; }
.cerezpolitikasi{ background:#1a1714 !important; }

/* ===== HOME: COLLECTIONS SHOWCASE (aysira-style portrait cards) ===== */
#collections{ padding:90px 0; background:var(--ivory); }
#collections .col-head{ text-align:center; max-width:720px; margin:0 auto 55px; }
#collections .col-head .subtitle{ color:var(--accent); font-size:12px; letter-spacing:3px; text-transform:uppercase; }
#collections .col-head h2{ font-family:var(--serif); font-size:46px; font-weight:500; margin:14px 0 16px; }
#collections .col-head p{ color:#6a635a; }
.coll-card{ position:relative; display:block; overflow:hidden; aspect-ratio:3/4; background:var(--ivory-2); }
.coll-card img{ width:100%; height:100%; object-fit:cover; transition:transform .9s ease; }
.coll-card:hover img{ transform:scale(1.06); }
.coll-ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#b9b0a3;
  background:linear-gradient(135deg,#ece7df,#ddd5c8); font-family:var(--serif); font-size:64px; }
.coll-card .coll-overlay{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center;
  justify-content:flex-end; padding:40px 24px; text-align:center;
  background:linear-gradient(180deg,rgba(20,17,14,0) 40%,rgba(20,17,14,.72) 100%); }
.coll-card .coll-overlay h3{ font-family:var(--serif); color:#fff; font-size:30px; font-weight:500; margin:0 0 14px; letter-spacing:1px; }
.coll-card .coll-overlay .kesfet{ display:inline-block; color:#fff; font-family:var(--sans); font-size:12px;
  letter-spacing:2px; text-transform:uppercase; border:1px solid rgba(255,255,255,.7); padding:11px 26px; transition:all .3s; }
.coll-card:hover .coll-overlay .kesfet{ background:#fff; color:#1a1714; }

/* ===== HOME: EDITORIAL SPLIT ===== */
#editorial{ padding:0 0 0; background:var(--ivory-2); }
#editorial .ed-grid{ display:grid; grid-template-columns:1fr 1fr; min-height:560px; }
#editorial .ed-img{ background:linear-gradient(135deg,#e6ded2,#d8cdbd); position:relative; overflow:hidden; }
#editorial .ed-img img{ width:100%; height:100%; object-fit:cover; }
#editorial .ed-ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#b9b0a3; font-family:var(--serif); font-size:60px; }
#editorial .ed-text{ display:flex; flex-direction:column; justify-content:center; padding:70px 9%; }
#editorial .ed-text .subtitle{ color:var(--accent); font-size:12px; letter-spacing:3px; text-transform:uppercase; }
#editorial .ed-text h2{ font-family:var(--serif); font-size:42px; font-weight:500; margin:14px 0 20px; }
#editorial .ed-text p{ color:#6a635a; line-height:1.9; }
@media(max-width:991px){ #editorial .ed-grid{ grid-template-columns:1fr; } #editorial .ed-text{ padding:50px 30px; } }

/* ===== CATALOG: PRODUCT DETAIL ===== */
#urun-detail{ padding:120px 0 70px; background:var(--ivory); }
.urun-breadcrumb{ margin-bottom:30px; }
.urun-breadcrumb a, .urun-breadcrumb li{ color:#8a8178 !important; font-size:12px; letter-spacing:1px; }
.urun-breadcrumb .active{ color:var(--ink) !important; }
.ud-main-img{ position:relative; aspect-ratio:3/4; background:var(--ivory-2); overflow:hidden; }
.ud-main-img img{ width:100%; height:100%; object-fit:cover; }
.ud-main-img .ud-ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-family:var(--serif); font-size:90px; color:#b9b0a3; background:linear-gradient(135deg,#ece7df,#ddd5c8); }
.ud-thumbs{ display:flex; gap:12px; margin-top:14px; flex-wrap:wrap; }
.ud-thumb{ width:84px; height:110px; overflow:hidden; border:1px solid var(--line); opacity:.7; transition:all .3s; }
.ud-thumb img{ width:100%; height:100%; object-fit:cover; }
.ud-thumb:hover, .ud-thumb.active{ opacity:1; border-color:var(--accent); }
.ud-info{ padding-left:10px; }
.ud-eyebrow{ display:block; font-family:var(--sans); text-transform:uppercase; letter-spacing:3px; font-size:11px; color:var(--accent); margin-bottom:14px; }
.ud-title{ font-family:var(--serif); font-weight:500; font-size:46px; line-height:1.1; margin-bottom:18px; }
.ud-desc{ color:#6a635a; line-height:1.9; font-size:17px; }
.ud-actions{ margin:30px 0 24px; }
.ud-meta a{ color:var(--ink); font-size:14px; letter-spacing:1px; }
.ud-content-block{ margin-top:70px; max-width:900px; }
.ud-block-title{ font-family:var(--serif); font-weight:500; font-size:30px; position:relative; padding-bottom:16px; margin-bottom:24px; }
.ud-block-title:after{ content:""; position:absolute; left:0; bottom:0; width:54px; height:2px; background:var(--accent); }
.ud-content{ color:#5a544c; line-height:1.9; }
.ud-content img{ max-width:100%; height:auto; }
#urun-diger{ padding:80px 0; background:var(--ivory-2); }
#urun-diger .col-head{ margin-bottom:45px; }
#urun-diger .col-head .subtitle{ color:var(--accent); letter-spacing:3px; text-transform:uppercase; font-size:12px; }
#urun-diger .col-head h2{ font-family:var(--serif); font-weight:500; font-size:38px; margin-top:10px; }

/* small collection card (grids) */
.coll-card-sm{ aspect-ratio:3/4; }
.coll-card-sm .coll-overlay{ padding:24px 14px; }
.coll-card-sm .coll-overlay h3{ font-size:20px; margin-bottom:10px; }
.coll-card-sm .coll-overlay .kesfet{ font-size:11px; padding:8px 18px; }

/* ===== CATALOG: PRODUCTS LISTING ===== */
#urunler-grid{ padding:80px 0; background:var(--ivory); }
.urun-bos{ padding:90px 20px; }
.urun-bos i{ font-size:60px; color:var(--accent); }
.urun-bos h3{ font-family:var(--serif); font-weight:500; font-size:34px; margin:18px 0 10px; }
.urun-bos p{ color:#6a635a; margin-bottom:24px; }
.urun-sayfalama{ display:flex; justify-content:center; }

/* ============================================================
   FIXES — görünürlük, sticky header, editoryal
   ============================================================ */
/* Animasyonlu içerik her zaman görünür kalsın (boş bölüm sorununu çözer) */
.wow{ visibility:visible !important; }

/* Header daima opak; scroll'da (.heading) sabitlenince de opak + gölge */
#header{ background:var(--ivory) !important; z-index:9999 !important; }
#header.heading{
  position:fixed; top:0; left:0; width:100%;
  background:var(--ivory) !important;
  box-shadow:0 6px 24px rgba(26,23,20,.10) !important;
  z-index:9999 !important;
}
#header .alan{ background:transparent; }

/* Editoryal görsel: dev boş kart yerine dengeli yükseklik */
#editorial .ed-grid{ min-height:auto; }
#editorial .ed-img{ min-height:540px; max-height:680px; }
#editorial .ed-img img{ width:100%; height:100%; object-fit:cover; display:block; }
@media(max-width:991px){ #editorial .ed-img{ min-height:380px; } }

/* Kategori/ürün kartlarında placeholder harf yerine görsel kullanılıyor; metin tekrarını önle */
.coll-ph{ font-size:0 !important; }

/* Animasyonları tamamen güvenli kıl: içerik her zaman tam görünür (soluk/boş hali engelle) */
.wow, .animate__animated{
  visibility:visible !important;
  opacity:1 !important;
  animation:none !important;
  transform:none !important;
}

/* Yeşil kalıntı butonlar (outline-success) ink'e çevrildi */
.btn-outline-success{ border:1px solid var(--ink) !important; color:var(--ink) !important; background:transparent !important; border-radius:0 !important; }
.btn-outline-success:hover{ background:var(--ink) !important; color:#fff !important; }

/* Gerçek görseller: hero kırpma + editoryal video */
#hero-alan .hero-bg img{ object-position:center 22%; }
#editorial .ed-img{ position:relative; }
#editorial .ed-img video{ width:100%; height:100%; object-fit:cover; display:block; }
.coll-card img, .about-img-main, .service-cat-card img{ object-position:center 20%; }

/* Hero videolu giriş */
#hero-alan .hero-video{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; overflow:hidden; }
#hero-alan .hero-video video{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
#hero-alan .hero-video .hero-overlay{ position:absolute; inset:0; }

/* ANASAYFA: tam ekran video hero + üstte şeffaf header */
body.home #hero-alan{ min-height:100vh; }
body.home #hero-alan .hero-content{ padding-top:200px; }
body.home #topbar{ position:absolute; top:0; left:0; width:100%; z-index:1001; background:transparent !important; }
body.home #topbar a, body.home #topbar span{ color:#f3ece0 !important; }
body.home #topbar a:hover{ color:#fff !important; }
body.home #header:not(.heading){
  position:absolute; top:40px; left:0; width:100%; z-index:1001;
  background:transparent !important; border-bottom:none !important; box-shadow:none !important;
}
body.home #header:not(.heading) .menu ul li a{ color:#fff !important; }
body.home #header:not(.heading) .menu ul li a:hover{ color:var(--accent) !important; }
@media(max-width:991px){ body.home #header:not(.heading){ top:0; } body.home #hero-alan .hero-content{ padding-top:140px; } }

/* Topbar (sosyal + çalışma saatleri) tamamen kaldırıldı */
#topbar{ display:none !important; }

/* Topbar gittiği için anasayfada şeffaf header en üste */
body.home #header:not(.heading){ top:0 !important; }

/* Anasayfa: üstten hafif koyu gradient (header okunsun diye) */
body.home #hero-alan::before{
  content:""; position:absolute; top:0; left:0; right:0; height:220px; z-index:2;
  background:linear-gradient(180deg, rgba(16,13,10,.60) 0%, rgba(16,13,10,.25) 45%, rgba(16,13,10,0) 100%);
  pointer-events:none;
}

/* Kategori şeridi: tam genişlik, birbirine bitişik eşit kutucuklar */
#service-tags{ margin-top:0 !important; padding:0 !important; background:transparent; }
#service-tags .tags-wrapper{
  display:flex; flex-wrap:wrap; width:100%; justify-content:flex-start;
  gap:0 !important; margin:0 !important; padding:0 !important;
  box-shadow:none !important; border-radius:0 !important; transform:none !important; background:transparent;
}
#service-tags .tag-item{
  flex:1 1 0; min-width:180px; display:flex; align-items:center; justify-content:center; gap:12px;
  padding:34px 18px; margin:0 !important; border-radius:0 !important; box-shadow:none !important;
  background:var(--ink) !important; color:#fff !important;
  border-right:1px solid rgba(255,255,255,.12);
  font-family:var(--sans); text-transform:uppercase; letter-spacing:2px; font-size:14px; font-weight:500;
  transition:background .35s ease, color .35s ease; transform:none !important;
}
#service-tags .tag-item:last-child{ border-right:none; }
#service-tags .tag-item i{ color:var(--accent) !important; font-size:22px; transition:color .35s; }
#service-tags .tag-item:hover{ background:var(--accent) !important; color:#fff !important; transform:none !important; box-shadow:none !important; }
#service-tags .tag-item:hover i{ color:#fff !important; }
@media(max-width:991px){ #service-tags .tag-item{ flex:1 1 33.333%; } }
@media(max-width:600px){ #service-tags .tag-item{ flex:1 1 50%; border-bottom:1px solid rgba(255,255,255,.12); padding:26px 12px; } }

/* Hiçbir yerde border-radius olmasın — her yer köşeli */
*, *::before, *::after{ border-radius:0 !important; }

/* Özellikler (features) — tam genişlik, bitişik, eşit yükseklik */
#features{ padding:0 !important; background:var(--ivory); }
#features .container{ max-width:100% !important; width:100% !important; padding:0 !important; margin:0 !important; }
#features .row{ margin:0 !important; display:flex; flex-wrap:wrap; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
#features .row > [class*="col-"]{ padding:0 !important; flex:1 1 0; max-width:none; display:flex; border-right:1px solid var(--line); }
#features .row > [class*="col-"]:last-child{ border-right:none; }
#features .feature-box{ width:100%; height:100%; margin:0 !important; padding:60px 30px; background:transparent !important; border:none !important; box-shadow:none !important; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; }
@media(max-width:767px){
  #features .row > [class*="col-"]{ flex:1 1 50%; }
  #features .row > [class*="col-"]:nth-child(2n){ border-right:none; }
  #features .row > [class*="col-"]:nth-child(1), #features .row > [class*="col-"]:nth-child(2){ border-bottom:1px solid var(--line); }
  #features .feature-box{ padding:40px 16px; }
}

/* CTA — arka plan görseli + koyu overlay + okunur yazı */
#cta{ position:relative; background-color:var(--ink) !important; background-size:cover !important; background-position:center 28% !important; background-repeat:no-repeat !important; }
#cta .cta-overlay{ position:absolute; inset:0; z-index:1; background:linear-gradient(135deg, rgba(16,13,10,.82) 0%, rgba(16,13,10,.60) 55%, rgba(40,33,26,.55) 100%); }
#cta .container{ position:relative; z-index:2; }
#cta .cta-content h2{ color:#fff !important; }
#cta .cta-content p{ color:#ece7df !important; }

/* Footer iletişim ikonları görünür (altın) */
#footer .footer-contact li .icon,
#footer .footer-contact li .icon i{ color:var(--accent) !important; }

/* WhatsApp widget — orijinal yeşil renkleri geri */
#whatsapp .buton{ background:#25D366 !important; color:#fff !important; }
#whatsapp .buton i{ color:#fff !important; }
#whatsapp .sohbet .ust{ background:#075E54 !important; }
#whatsapp .alt .btn-success, #whatsapp .btn-success, #whatsapp .alt .btn{ background:#25D366 !important; border-color:#25D366 !important; color:#fff !important; }
#whatsapp .btn-success:hover, #whatsapp .alt .btn:hover{ background:#128C7E !important; border-color:#128C7E !important; color:#fff !important; }

/* Sosyal medya tek yerde kalsın — footer alt baruadaki kaldırıldı */
#footer .footer-bottom .sosyal{ display:none !important; }

/* WhatsApp yüzen buton yuvarlak (global radius:0 istisnası) */
#whatsapp .buton{ border-radius:50% !important; }
