/*
Theme Name: Asım Akay
Theme URI: https://asimakay.com.tr
Author: TurkWeb Online
Author URI: https://paneljet.com.tr
Description: Asım Akay Mobilya için özel üretilmiş tema. Mobilya imalatçısının işini anlatan sade ve hızlı bir yapı; DekorAI mekân tasarım ekranı ana sayfada öne çıkarılmıştır. Sayfa adresleri ve SEO yapısı korunur.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: asimakay
Tags: business, custom-header, custom-menu, featured-images, translation-ready
*/

/* =================================================================
 * TASARIM DEGISKENLERI
 *
 * Renkler logodan alindi: koyu antrasit gövde, sıcak altın vurgu.
 * Mobilya sektöründe malzeme hissi renkten önce gelir; bu yüzden
 * palet dar tutuldu ve iş görselin kendisine bırakıldı.
 * ============================================================== */

:root{
	--ak-murekkep:#16181d;
	--ak-murekkep-2:#242830;
	--ak-altin:#b8935f;
	--ak-altin-acik:#d4af78;
	--ak-krem:#faf7f3;
	--ak-kagit:#ffffff;
	--ak-cizgi:rgba(22,24,29,.10);
	--ak-cizgi-koyu:rgba(255,255,255,.14);
	--ak-soluk:#6f7278;
	--ak-yesil:#25d366;

	--ak-en:1220px;
	--ak-en-dar:820px;
	--ak-radius:14px;
	--ak-golge:0 18px 48px rgba(22,24,29,.10);
	--ak-golge-sert:0 24px 60px rgba(22,24,29,.18);

	--ak-baslik:"Playfair Display",Georgia,"Times New Roman",serif;
	--ak-govde:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

/* =================================================================
 * TEMEL
 * ============================================================== */

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
	margin:0;
	font-family:var(--ak-govde);
	font-size:17px;
	line-height:1.7;
	color:var(--ak-murekkep);
	background:var(--ak-kagit);
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}

img{max-width:100%;height:auto;display:block}

a{color:var(--ak-murekkep);text-decoration:none;transition:color .18s}
a:hover{color:var(--ak-altin)}

h1,h2,h3,h4{font-family:var(--ak-baslik);font-weight:600;line-height:1.18;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(34px,5vw,60px)}
h2{font-size:clamp(28px,3.6vw,44px)}
h3{font-size:clamp(20px,2.2vw,26px)}
h4{font-size:19px}

p{margin:0 0 1.1em}
p:last-child{margin-bottom:0}

.ak-sarmal{width:100%;max-width:var(--ak-en);margin:0 auto;padding:0 24px}
.ak-dar{max-width:var(--ak-en-dar);margin:0 auto}
/*
 * BOLUM ARALIKLARI
 *
 * Ilk olculer fazla genisti: sayfa ust bloguyla ilk bolum ust
 * uste binince ekranin yarisi bos kaliyordu. Ust uste gelen
 * bloklarda ust bosluk ayrica kisiltiliyor.
 */
.ak-bolum{padding:clamp(52px,6.5vw,88px) 0}
.ak-sayfa-ust + .ak-bolum,
.ak-sayfa-ust + section .ak-bolum{padding-top:clamp(34px,4vw,54px)}
.ak-bolum + .ak-bolum{padding-top:clamp(40px,5vw,68px)}
.ak-bolum-krem{background:var(--ak-krem)}
/* Ayni renkte iki bolum yan yana gelirse aralarina ince cizgi. */
.ak-bolum-krem + .ak-bolum-krem{border-top:1px solid var(--ak-cizgi)}
.ak-bolum-koyu{background:var(--ak-murekkep);color:#fff}
.ak-bolum-koyu h1,.ak-bolum-koyu h2,.ak-bolum-koyu h3{color:#fff}
.ak-bolum-koyu a{color:#fff}
.ak-bolum-koyu a:hover{color:var(--ak-altin-acik)}

.ak-atlama{position:absolute;left:-9999px}
.ak-atlama:focus{left:12px;top:12px;z-index:999;background:#fff;padding:10px 16px;border-radius:8px}

/* Ust etiket — bolum basliklarinin uzerindeki kucuk yazi */
.ak-etiket{
	display:inline-block;
	font-family:var(--ak-govde);
	font-size:12px;
	font-weight:700;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--ak-altin);
	margin-bottom:14px;
}
.ak-bolum-koyu .ak-etiket{color:var(--ak-altin-acik)}

/*
 * BOLUM BASLIKLARI
 *
 * text-wrap:balance satirlari esit uzunlukta boluyor. Onceki
 * halinde alt yazinin son kelimesi tek basina alt satira
 * dusuyordu ("...ölçüye / özel.") ve duzensiz gorunuyordu.
 */
.ak-bolum-ust{margin-bottom:clamp(28px,3.6vw,44px)}
.ak-bolum-ust h2{margin-bottom:12px;text-wrap:balance}
.ak-bolum-ust p{color:var(--ak-soluk);font-size:18px;max-width:60ch;text-wrap:pretty;margin:0}
.ak-bolum-koyu .ak-bolum-ust p{color:rgba(255,255,255,.72)}
.ak-orta{text-align:center}
.ak-orta .ak-bolum-ust p{margin-left:auto;margin-right:auto;max-width:52ch;text-wrap:balance}
.ak-hero h1,.ak-hayal h2,.ak-cta h2{text-wrap:balance}
.ak-hero-alt,.ak-hayal-alt{text-wrap:pretty}

/* =================================================================
 * DUGMELER
 * ============================================================== */

.ak-dugme{
	display:inline-flex;
	align-items:center;
	gap:9px;
	padding:15px 30px;
	border-radius:100px;
	font-family:var(--ak-govde);
	font-size:15px;
	font-weight:600;
	letter-spacing:.01em;
	border:1.5px solid var(--ak-murekkep);
	background:transparent;
	color:var(--ak-murekkep);
	cursor:pointer;
	transition:background .2s,color .2s,border-color .2s,transform .2s;
	white-space:nowrap;
}
.ak-dugme:hover{background:var(--ak-murekkep);color:#fff;transform:translateY(-1px)}
.ak-dugme-dolu{background:var(--ak-altin);border-color:var(--ak-altin);color:#fff}
.ak-dugme-dolu:hover{background:#a37f4d;border-color:#a37f4d;color:#fff}
.ak-dugme-acik{border-color:rgba(255,255,255,.4);color:#fff}
.ak-dugme-acik:hover{background:#fff;color:var(--ak-murekkep);border-color:#fff}
.ak-dugme-wa{background:var(--ak-yesil);border-color:var(--ak-yesil);color:#fff}
.ak-dugme-wa:hover{background:#1eb455;border-color:#1eb455;color:#fff}

/* Basliktaki DekorAI giris baglantisi. Koyu baslik uzerinde
   duracagi icin cizgisi ve yazisi acik renk. */
/* Ust seritteki DekorAI giris baglantilari. Ana satirda dugme
   olarak denenmisti; menu iki satira tasip bozuldu. */
.ak-ust-orta{display:flex;align-items:center;gap:16px;justify-content:center}
.ak-ust-giris{display:inline-flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}
.ak-ust-giris svg{width:16px;height:16px;flex:0 0 auto}
.ak-dugmeler{display:flex;gap:12px;flex-wrap:wrap}

/* =================================================================
 * BASLIK (HEADER)
 * ============================================================== */

.ak-ust-serit{
	background:var(--ak-murekkep);
	color:rgba(255,255,255,.75);
	font-size:13.5px;
}
.ak-ust-serit .ak-sarmal{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;flex-wrap:wrap}
.ak-ust-serit a{color:rgba(255,255,255,.85)}
.ak-ust-serit a:hover{color:var(--ak-altin-acik)}
.ak-ust-sol,.ak-ust-sag{display:flex;gap:22px;align-items:center;flex-wrap:wrap}

/*
 * BASLIK KOYU ZEMINDE
 *
 * Logo acik renkli ve saydam zeminli; beyaz baslikta okunmuyordu.
 * Zemini koyulastirmak logoyu ortaya cikariyor ve ust seritle
 * tek parca bir baslik olusturuyor.
 */
.ak-baslik{
	position:sticky;
	top:0;
	z-index:90;
	background:rgba(20,22,27,.96);
	backdrop-filter:saturate(160%) blur(12px);
	border-bottom:1px solid rgba(255,255,255,.10);
}
.ak-baslik .ak-menu a{color:rgba(255,255,255,.86)}
.ak-baslik .ak-menu a:hover{color:var(--ak-altin-acik)}
.ak-baslik .ak-menu>li.current-menu-item>a,
.ak-baslik .ak-menu>li.current_page_item>a{color:var(--ak-altin-acik)}
.ak-baslik .ak-menu .sub-menu{background:#1d2027;border-color:rgba(255,255,255,.12)}
.ak-baslik .ak-menu .sub-menu a{color:rgba(255,255,255,.8)}
.ak-menu-dugme{background:transparent;border-color:rgba(255,255,255,.24)}
.ak-menu-dugme span{background:#fff}
body.admin-bar .ak-baslik{top:32px}
.ak-baslik .ak-sarmal{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}

.ak-logo{display:flex;align-items:center}
.ak-logo img{max-height:74px;width:auto}
@media(max-width:860px){.ak-logo img{max-height:56px}}
.ak-logo-yazi{font-family:var(--ak-baslik);font-size:23px;font-weight:700;line-height:1.1;color:#fff}
.ak-logo-yazi small{display:block;font-family:var(--ak-govde);font-size:10.5px;font-weight:600;letter-spacing:.22em;color:var(--ak-altin);text-transform:uppercase;margin-top:2px}

.ak-menu{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.ak-menu li{position:relative}
.ak-menu a{
	display:block;
	padding:10px 13px;
	font-size:15.5px;
	font-weight:500;
	border-radius:8px;
	/* Menu ogesi asla iki satira bolunmesin. */
	white-space:nowrap;
}
.ak-menu>li.current-menu-item>a,
.ak-menu>li.current_page_item>a{color:var(--ak-altin);font-weight:600}
.ak-menu .sub-menu{
	position:absolute;
	top:100%;left:0;
	min-width:230px;
	background:#fff;
	border:1px solid var(--ak-cizgi);
	border-radius:12px;
	box-shadow:var(--ak-golge);
	padding:8px;
	list-style:none;
	margin:6px 0 0;
	opacity:0;visibility:hidden;transform:translateY(6px);
	transition:.18s;
}
.ak-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}

.ak-baslik-sag{display:flex;align-items:center;gap:12px}

.ak-menu-dugme{
	display:none;
	width:46px;height:46px;
	border:1px solid var(--ak-cizgi);
	border-radius:10px;
	background:#fff;
	cursor:pointer;
	align-items:center;justify-content:center;
	flex-direction:column;gap:5px;
}
.ak-menu-dugme span{display:block;width:20px;height:1.8px;background:var(--ak-murekkep);transition:.2s}
.ak-menu-dugme[aria-expanded="true"] span:nth-child(1){transform:translateY(6.8px) rotate(45deg)}
.ak-menu-dugme[aria-expanded="true"] span:nth-child(2){opacity:0}
.ak-menu-dugme[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.8px) rotate(-45deg)}

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

.ak-hero{
	position:relative;
	min-height:clamp(560px,82vh,780px);
	display:flex;
	align-items:center;
	color:#fff;
	overflow:hidden;
	background:var(--ak-murekkep);
}
.ak-hero-gorsel{position:absolute;inset:0}
.ak-hero-gorsel img{width:100%;height:100%;object-fit:cover}
.ak-hero-gorsel::after{
	content:"";position:absolute;inset:0;
	background:linear-gradient(100deg,rgba(15,17,21,.93) 0%,rgba(15,17,21,.78) 42%,rgba(15,17,21,.34) 100%);
}
.ak-hero .ak-sarmal{position:relative;z-index:2;padding-top:70px;padding-bottom:70px}
.ak-hero-ic{max-width:660px}
.ak-hero h1{color:#fff;margin-bottom:20px}
.ak-hero h1 em{font-style:italic;color:var(--ak-altin-acik)}
.ak-hero-alt{font-size:19px;line-height:1.65;color:rgba(255,255,255,.82);margin-bottom:32px;max-width:540px}
.ak-hero .ak-etiket{color:var(--ak-altin-acik)}

.ak-hero-rozetler{display:flex;gap:34px;flex-wrap:wrap;margin-top:46px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16)}
.ak-hero-rozet strong{display:block;font-family:var(--ak-baslik);font-size:30px;line-height:1;color:var(--ak-altin-acik)}
.ak-hero-rozet span{display:block;font-size:13.5px;color:rgba(255,255,255,.7);margin-top:6px}

/* =================================================================
 * GUVEN SERIDI
 * ============================================================== */

.ak-guven{border-bottom:1px solid var(--ak-cizgi);background:#fff}
.ak-guven .ak-sarmal{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.ak-guven-oge{padding:30px 26px;border-right:1px solid var(--ak-cizgi);display:flex;gap:14px;align-items:flex-start}
.ak-guven-oge:last-child{border-right:0}
.ak-guven-oge svg{flex:0 0 auto;width:26px;height:26px;color:var(--ak-altin);margin-top:2px}
.ak-guven-oge strong{display:block;font-size:15.5px;font-weight:600}
.ak-guven-oge span{display:block;font-size:13.5px;color:var(--ak-soluk);line-height:1.5;margin-top:2px}

/* =================================================================
 * DEKORAI SERIDI — ana sayfanin yildizi
 * ============================================================== */

.ak-dekorai{position:relative;overflow:hidden;background:var(--ak-murekkep);color:#fff}
.ak-dekorai::before{
	content:"";position:absolute;top:-30%;right:-12%;width:60%;height:160%;
	background:radial-gradient(ellipse at center,rgba(184,147,95,.24),transparent 62%);
	pointer-events:none;
}
.ak-dekorai .ak-sarmal{position:relative;z-index:2}
.ak-dekorai-izgara{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,80px);align-items:center}
.ak-dekorai h2{color:#fff;margin-bottom:18px}
.ak-dekorai p{color:rgba(255,255,255,.78);font-size:18px}

.ak-adimlar{list-style:none;margin:30px 0 34px;padding:0;display:flex;flex-direction:column;gap:16px}
.ak-adimlar li{display:flex;gap:15px;align-items:flex-start;color:rgba(255,255,255,.85);font-size:16px}
.ak-adimlar b{
	flex:0 0 auto;width:28px;height:28px;border-radius:50%;
	background:rgba(184,147,95,.2);border:1px solid var(--ak-altin);
	color:var(--ak-altin-acik);
	display:flex;align-items:center;justify-content:center;
	font-size:13.5px;font-weight:700;font-family:var(--ak-govde);
}

/* Oncesi / sonrasi gosterimi */
.ak-karsilastir{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--ak-golge-sert)}
.ak-karsilastir img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ak-karsilastir-yarim{position:absolute;inset:0 50% 0 0;overflow:hidden;border-right:2px solid var(--ak-altin)}
.ak-karsilastir-yarim img{width:200%;max-width:none}
.ak-karsilastir-etiket{
	position:absolute;bottom:16px;
	font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
	background:rgba(15,17,21,.82);color:#fff;padding:6px 14px;border-radius:100px;
	backdrop-filter:blur(6px);
}
.ak-karsilastir-etiket.sol{left:16px}
.ak-karsilastir-etiket.sag{right:16px;background:var(--ak-altin)}

/* =================================================================
 * MOZAIK VITRIN — ana sayfa "Atölyemizden çıkan işler"
 *
 * Esit kutulardan olusan bir izgara katalog gibi duruyordu.
 * Burada olculer ve dikey kaymalar farkli: goz sayfada geziniyor.
 * Mobilya fotograflari da farkli oranlarda cekildigi icin bu
 * duzene daha dogal oturuyorlar.
 * ============================================================== */

.ak-vitrin-ust{
	display:flex;gap:32px;align-items:flex-end;justify-content:space-between;
	flex-wrap:wrap;margin-bottom:clamp(24px,3vw,36px);
	padding-bottom:20px;border-bottom:1px solid var(--ak-cizgi);
}
.ak-vitrin-ust h2{margin:0;text-wrap:balance}
.ak-vitrin-ust p{max-width:46ch;color:var(--ak-soluk);font-size:17px;margin:0;text-wrap:pretty}

.ak-mozaik{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}

.ak-mozaik-oge{
	position:relative;display:block;overflow:hidden;
	border-radius:var(--ak-radius);background:var(--ak-krem);
}
.ak-mozaik-oge img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.ak-mozaik-oge:hover img{transform:scale(1.06)}
.ak-mozaik-oge::after{
	content:"";position:absolute;inset:0;
	background:linear-gradient(to top,rgba(14,16,20,.82) 0%,rgba(14,16,20,.20) 42%,transparent 68%);
	transition:opacity .3s;
}
.ak-mozaik-yazi{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff}
.ak-mozaik-yazi>span{
	display:block;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;
	color:var(--ak-altin-acik);font-weight:700;margin-bottom:5px;
}
.ak-mozaik-yazi strong{display:block;font-family:var(--ak-baslik);font-size:20px;font-weight:600;line-height:1.25}
.ak-mozaik-yazi em{
	display:block;font-style:normal;font-size:13.5px;font-weight:600;
	color:var(--ak-altin-acik);margin-top:7px;
	opacity:0;transform:translateY(6px);transition:.25s;
}
.ak-mozaik-oge:hover .ak-mozaik-yazi em{opacity:1;transform:none}

/* Asimetrik yerlesim: buyuk parca solda, digerleri kayik. */
.ak-mozaik-1{grid-column:span 7;aspect-ratio:16/11}
.ak-mozaik-2{grid-column:span 5;aspect-ratio:4/3}
.ak-mozaik-3{grid-column:span 5;aspect-ratio:1/1;margin-top:-46px}
.ak-mozaik-4{grid-column:span 4;aspect-ratio:3/4}
.ak-mozaik-5{grid-column:span 3;aspect-ratio:3/4;margin-top:38px}
.ak-mozaik-6{grid-column:span 5;aspect-ratio:4/3}
.ak-mozaik-2{grid-row:span 1}
.ak-mozaik-3{grid-column:8/13}

.ak-vitrin-alt{margin-top:44px;text-align:center}

@media(max-width:1024px){
	.ak-mozaik-1{grid-column:span 12;aspect-ratio:16/9}
	.ak-mozaik-2,.ak-mozaik-6{grid-column:span 6}
	.ak-mozaik-3{grid-column:span 6;margin-top:0;aspect-ratio:4/3}
	.ak-mozaik-4,.ak-mozaik-5{grid-column:span 6;aspect-ratio:4/3;margin-top:0}
}
@media(max-width:620px){
	.ak-mozaik{gap:14px}
	.ak-mozaik-oge{grid-column:span 12!important;aspect-ratio:4/3!important;margin-top:0!important}
	.ak-mozaik-1{aspect-ratio:4/3!important}
}

/* =================================================================
 * URUN IZGARASI
 * ============================================================== */

.ak-urunler{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.ak-urun{
	position:relative;
	border-radius:var(--ak-radius);
	overflow:hidden;
	background:var(--ak-krem);
	aspect-ratio:4/3;
	display:block;
}
.ak-urun img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.ak-urun:hover img{transform:scale(1.05)}
.ak-urun::after{
	content:"";position:absolute;inset:0;
	background:linear-gradient(to top,rgba(15,17,21,.72) 0%,rgba(15,17,21,.12) 45%,transparent 70%);
	opacity:.85;transition:opacity .3s;
}
.ak-urun:hover::after{opacity:1}
.ak-urun-yazi{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;color:#fff}
.ak-urun-yazi strong{display:block;font-family:var(--ak-baslik);font-size:19px;font-weight:600;line-height:1.25}
.ak-urun-yazi span{display:block;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ak-altin-acik);margin-bottom:4px;font-weight:600}
.ak-urun-genis{grid-column:span 2}
@media(max-width:720px){.ak-urun-genis{grid-column:span 1}}

/* =================================================================
 * HIZMET KARTLARI
 * ============================================================== */

.ak-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.ak-kart{
	background:#fff;
	border:1px solid var(--ak-cizgi);
	border-radius:var(--ak-radius);
	padding:32px 28px;
	transition:transform .25s,box-shadow .25s,border-color .25s;
}
.ak-kart:hover{transform:translateY(-4px);box-shadow:var(--ak-golge);border-color:transparent}
.ak-kart-ikon{
	width:50px;height:50px;border-radius:12px;
	background:rgba(184,147,95,.12);
	display:flex;align-items:center;justify-content:center;
	color:var(--ak-altin);margin-bottom:18px;
}
.ak-kart-ikon svg{width:24px;height:24px}
.ak-kart h3{font-size:20px;margin-bottom:8px}
.ak-kart p{font-size:15.5px;color:var(--ak-soluk);line-height:1.65;margin:0}

/* =================================================================
 * SUREC
 * ============================================================== */

.ak-surec{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;counter-reset:ak}
.ak-surec-oge{position:relative;padding-top:52px}
.ak-surec-oge::before{
	counter-increment:ak;content:counter(ak,decimal-leading-zero);
	position:absolute;top:0;left:0;
	font-family:var(--ak-baslik);font-size:44px;font-weight:600;
	color:var(--ak-altin);opacity:.35;line-height:1;
}
.ak-surec-oge h4{font-family:var(--ak-baslik);font-size:20px;margin-bottom:8px}
.ak-surec-oge p{font-size:15px;color:var(--ak-soluk);line-height:1.65;margin:0}

/* =================================================================
 * REFERANSLAR
 * ============================================================== */

.ak-yorumlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.ak-yorum{
	background:#fff;border:1px solid var(--ak-cizgi);border-radius:var(--ak-radius);
	padding:30px 28px;display:flex;flex-direction:column;gap:14px;
}
.ak-yildiz{color:var(--ak-altin);letter-spacing:3px;font-size:15px}
.ak-yorum blockquote{margin:0;font-family:var(--ak-baslik);font-size:19px;line-height:1.55;font-style:italic}
.ak-yorum cite{font-style:normal;font-size:14px;color:var(--ak-soluk);margin-top:auto}
.ak-yorum cite strong{display:block;color:var(--ak-murekkep);font-size:15px;font-style:normal}

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

.ak-cta{background:var(--ak-murekkep);color:#fff;text-align:center;position:relative;overflow:hidden}
.ak-cta::before{
	content:"";position:absolute;inset:0;
	background:radial-gradient(ellipse at 50% 0%,rgba(184,147,95,.22),transparent 60%);
}
.ak-cta .ak-sarmal{position:relative;z-index:2}
.ak-cta h2{color:#fff;margin-bottom:14px}
.ak-cta p{color:rgba(255,255,255,.75);font-size:18px;max-width:560px;margin:0 auto 30px}
.ak-cta .ak-dugmeler{justify-content:center}

/* =================================================================
 * SAYFA VE YAZI
 * ============================================================== */

.ak-sayfa-ust{
	background:var(--ak-krem);
	padding:clamp(38px,5vw,62px) 0;
	border-bottom:1px solid var(--ak-cizgi);
	text-align:center;
}
.ak-sayfa-ust h1{margin-bottom:10px}
.ak-sayfa-ust p{color:var(--ak-soluk);max-width:620px;margin:0 auto}

.ak-yol{font-size:13.5px;color:var(--ak-soluk);margin-bottom:16px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.ak-yol a{color:var(--ak-soluk)}
.ak-yol a:hover{color:var(--ak-altin)}

.ak-icerik{padding:clamp(40px,5vw,68px) 0}
.ak-icerik-govde{font-size:17.5px;line-height:1.8}
.ak-icerik-govde h2{margin-top:1.6em}
.ak-icerik-govde h3{margin-top:1.4em}
.ak-icerik-govde img{border-radius:var(--ak-radius);margin:1.6em 0}
.ak-icerik-govde ul,.ak-icerik-govde ol{padding-left:22px}
.ak-icerik-govde li{margin-bottom:.5em}
.ak-icerik-govde blockquote{
	margin:1.8em 0;padding:4px 0 4px 24px;
	border-left:3px solid var(--ak-altin);
	font-family:var(--ak-baslik);font-size:21px;font-style:italic;
}
.ak-icerik-govde a{color:var(--ak-altin);text-decoration:underline;text-underline-offset:3px}
.ak-icerik-govde table{width:100%;border-collapse:collapse;margin:1.6em 0}
.ak-icerik-govde th,.ak-icerik-govde td{border:1px solid var(--ak-cizgi);padding:10px 14px;text-align:left}
.ak-icerik-govde th{background:var(--ak-krem);font-weight:600}

/* Blog */
.ak-yazilar{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px}
.ak-yazi{background:#fff;border:1px solid var(--ak-cizgi);border-radius:var(--ak-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.ak-yazi:hover{transform:translateY(-3px);box-shadow:var(--ak-golge)}
.ak-yazi-gorsel{aspect-ratio:16/10;background:var(--ak-krem);overflow:hidden}
.ak-yazi-gorsel img{width:100%;height:100%;object-fit:cover}
.ak-yazi-govde{padding:22px 24px 26px;display:flex;flex-direction:column;gap:9px;flex:1}
.ak-yazi-tarih{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ak-altin);font-weight:600}
.ak-yazi h3{font-size:21px;margin:0;line-height:1.3}
.ak-yazi p{font-size:15px;color:var(--ak-soluk);line-height:1.6;margin:0}
.ak-yazi-devam{margin-top:auto;padding-top:8px;font-size:14.5px;font-weight:600;color:var(--ak-altin)}

.ak-sayfalama{display:flex;gap:8px;justify-content:center;margin-top:46px;flex-wrap:wrap}
.ak-sayfalama .page-numbers{
	min-width:44px;padding:10px 14px;text-align:center;
	border:1px solid var(--ak-cizgi);border-radius:10px;font-weight:600;font-size:15px;
}
.ak-sayfalama .page-numbers.current{background:var(--ak-murekkep);color:#fff;border-color:var(--ak-murekkep)}

/* =================================================================
 * ALT BILGI (FOOTER)
 * ============================================================== */

.ak-alt{background:var(--ak-murekkep);color:rgba(255,255,255,.7);padding-top:clamp(56px,7vw,84px);font-size:15.5px}
.ak-alt h4{color:#fff;font-family:var(--ak-govde);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.ak-alt a{color:rgba(255,255,255,.7)}
.ak-alt a:hover{color:var(--ak-altin-acik)}
.ak-alt-izgara{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:44px;padding-bottom:44px}
.ak-alt-marka img{max-height:62px;margin-bottom:18px}
.ak-alt-marka p{font-size:15px;line-height:1.7;max-width:330px}
.ak-alt ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.ak-alt-iletisim li{display:flex;gap:11px;align-items:flex-start;line-height:1.55}
.ak-alt-iletisim svg{flex:0 0 auto;width:17px;height:17px;color:var(--ak-altin);margin-top:4px}
.ak-alt-serit{
	border-top:1px solid var(--ak-cizgi-koyu);
	padding:22px 0 26px;
	display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
	font-size:13.5px;color:rgba(255,255,255,.5);
	/* Sabit WhatsApp dugmesi sagdaki yaziyi kapatiyordu. */
	padding-right:78px;
}
.ak-alt-anahtar{
	border-top:1px solid var(--ak-cizgi-koyu);
	padding:18px 0;
	font-size:13px;color:rgba(255,255,255,.42);line-height:1.7;
}

/* Sabit WhatsApp dugmesi */
.ak-wa{
	position:fixed;right:20px;bottom:20px;z-index:80;
	width:56px;height:56px;border-radius:50%;
	background:var(--ak-yesil);color:#fff;
	display:flex;align-items:center;justify-content:center;
	box-shadow:0 10px 30px rgba(37,211,102,.42);
	transition:transform .2s;
}
.ak-wa:hover{transform:scale(1.07);color:#fff}
.ak-wa svg{width:29px;height:29px}

/* =================================================================
 * EKLENTI UYUMU
 *
 * Mevcut sayfalar Spectra bloklariyla kurulu; DekorAI kendi
 * stilini getiriyor. Ikisinin de genisligi temanin sarmaliyla
 * ayni hizaya cekiliyor, baska hicbir seyine karisilmiyor.
 * ============================================================== */

.ak-icerik-govde .wp-block-uagb-container,
.ak-icerik-govde .uagb-container-inner-blocks-wrap{max-width:100%}
.ak-icerik-govde .dkai-sarmal,
.ak-icerik-govde .dkai-panel,
.ak-icerik-govde .dkai-vitrin{padding-left:0;padding-right:0}
.ak-icerik-govde .alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.ak-icerik-govde .alignwide{width:min(100%,1220px)}

/* =================================================================
 * DUYARLI
 * ============================================================== */

@media(max-width:1024px){
	.ak-guven .ak-sarmal{grid-template-columns:repeat(2,1fr)}
	.ak-guven-oge:nth-child(2n){border-right:0}
	.ak-guven-oge:nth-child(-n+2){border-bottom:1px solid var(--ak-cizgi)}
	.ak-dekorai-izgara{grid-template-columns:1fr}
	.ak-alt-izgara{grid-template-columns:1fr 1fr;gap:34px}
}

@media(max-width:860px){
	body{font-size:16px}
	/* Mobilde adres ve calisma saati serit icin fazla; ama giris
	   baglantisi gorunmezse uye hicbir yerden giremiyor. */
	.ak-ust-sol,.ak-ust-sag{display:none}
	.ak-ust-serit .ak-sarmal{justify-content:center;min-height:38px}
	.ak-ust-orta{gap:20px;font-size:13px}
	.ak-menu-dugme{display:flex}
	.ak-baslik-menu{
		position:fixed;inset:0 0 0 auto;width:min(86vw,340px);
		background:#14161b;padding:96px 24px 32px;
		box-shadow:-10px 0 40px rgba(0,0,0,.14);
		transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);
		overflow-y:auto;z-index:95;
	}
	.ak-baslik-menu.acik{transform:translateX(0)}
	.ak-menu{flex-direction:column;align-items:stretch;gap:2px}
	.ak-menu a{padding:13px 12px;font-size:16.5px;border-bottom:1px solid rgba(255,255,255,.10);border-radius:0}
	.ak-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 14px;margin:0}
	.ak-baslik-sag .ak-dugme{display:none}

	.ak-menu-ortu{position:fixed;inset:0;background:rgba(15,17,21,.44);z-index:94;opacity:0;visibility:hidden;transition:.25s}
	.ak-menu-ortu.acik{opacity:1;visibility:visible}
	.ak-hero-rozetler{gap:24px}
	.ak-hero-rozet strong{font-size:25px}
	.ak-alt-izgara{grid-template-columns:1fr;gap:30px}
	.ak-wa{right:14px;bottom:14px}
}

@media(max-width:560px){
	.ak-guven .ak-sarmal{grid-template-columns:1fr}
	.ak-guven-oge{border-right:0;border-bottom:1px solid var(--ak-cizgi)}
	.ak-dugmeler .ak-dugme{width:100%;justify-content:center}
}

@media(prefers-reduced-motion:reduce){
	*{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

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

.ak-hero{display:block}
.ak-slayt{
	position:absolute;inset:0;
	display:flex;align-items:center;
	opacity:0;visibility:hidden;
	transition:opacity .8s ease;
}
.ak-slayt.etkin{opacity:1;visibility:visible;position:relative;z-index:2}

/*
 * ILK SLAYT HER KOSULDA GORUNUR
 *
 * Gorunurlugu yalnizca sunucudan gelen bir sinifa ya da
 * JavaScript'e birakmak riskli: biri aksarsa ziyaretci simsiyah
 * bir ekran goruyor. Ilk slayt bastan gorunur; JavaScript
 * calisirsa devrali r.
 */
.ak-slayt:first-of-type{opacity:1;visibility:visible;position:relative;z-index:2}
.ak-slayt:first-of-type.gizli{opacity:0;visibility:hidden;position:absolute;z-index:1}
.ak-slayt .ak-sarmal{width:100%}
.ak-slayt.etkin .ak-hero-ic>*{animation:akGir .7s cubic-bezier(.2,.7,.3,1) backwards}
.ak-slayt.etkin .ak-hero-ic>*:nth-child(1){animation-delay:.05s}
.ak-slayt.etkin .ak-hero-ic>*:nth-child(2){animation-delay:.14s}
.ak-slayt.etkin .ak-hero-ic>*:nth-child(3){animation-delay:.23s}
.ak-slayt.etkin .ak-hero-ic>*:nth-child(4){animation-delay:.32s}
@keyframes akGir{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.ak-slider-nokta{
	position:absolute;left:0;right:0;bottom:38px;z-index:5;
	display:flex;gap:9px;justify-content:center;
	max-width:var(--ak-en);margin:0 auto;padding:0 24px;
}
@media(max-width:860px){.ak-slider-nokta{bottom:24px}}
.ak-slider-nokta button{
	width:34px;height:3px;border:0;padding:0;border-radius:100px;
	background:rgba(255,255,255,.34);cursor:pointer;transition:background .25s,width .25s;
}
.ak-slider-nokta button.etkin{background:var(--ak-altin);width:52px}

/*
 * OKLAR ALTTA, SAGDA
 *
 * Once dikey ortada ve kenarlardaydilar: solda basligin uzerine
 * biniyor, sagda sabit WhatsApp dugmesiyle cakisiyorlardi.
 * Metin sola hizali oldugu icin dogru yer sag alt kose.
 */
.ak-slider-ok{
	position:absolute;bottom:22px;z-index:6;
	width:48px;height:48px;border-radius:50%;
	border:1px solid rgba(255,255,255,.30);
	background:rgba(15,17,21,.42);
	color:#fff;cursor:pointer;
	display:flex;align-items:center;justify-content:center;
	backdrop-filter:blur(6px);
	transition:background .2s,border-color .2s;
}
.ak-slider-ok:hover{background:var(--ak-altin);border-color:var(--ak-altin)}
.ak-slider-ok svg{width:20px;height:20px}
.ak-slider-ok.onceki{right:172px}
.ak-slider-ok.onceki svg{transform:rotate(180deg)}
.ak-slider-ok.sonraki{right:114px}
@media(max-width:860px){
	.ak-slider-ok{width:42px;height:42px;bottom:auto;top:calc(50% + 40px)}
	.ak-slider-ok.onceki{right:auto;left:12px}
	.ak-slider-ok.sonraki{right:12px}
}

/* =================================================================
 * HAYALİNİZDEKİ ÜRÜN
 * ============================================================== */

/*
 * HAYALINIZDEKI URUN — koyu zemin
 *
 * Onceki halinde kremdi ve hemen ardindan gelen Hizmetler bolumu
 * de kremdi; ikisi tek bir uzun bolum gibi akiyordu. Koyu zemin
 * hem ayirici oluyor hem de bu bolumu DekorAI bolumuyle ayni
 * aileye sokuyor.
 */
.ak-hayal{
	background:
		radial-gradient(ellipse at 22% 0%,rgba(184,147,95,.26),transparent 58%),
		radial-gradient(ellipse at 82% 100%,rgba(184,147,95,.16),transparent 55%),
		#1b1e25;
	color:#fff;
	text-align:center;
}
.ak-hayal h2{color:#fff}
.ak-hayal .ak-etiket{color:var(--ak-altin-acik)}
.ak-hayal-kart{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.ak-hayal-kart h4{color:#fff}
.ak-hayal-kart p{color:rgba(255,255,255,.68)}
.ak-hayal-kart svg{color:var(--ak-altin-acik)}
.ak-hayal-ic{max-width:900px;margin:0 auto}
.ak-hayal h2{margin-bottom:16px}
.ak-hayal-alt{font-size:18.5px;color:rgba(255,255,255,.76);max-width:680px;margin:0 auto 44px;line-height:1.7}
.ak-hayal-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.ak-hayal-kart{
	background:#fff;border:1px solid var(--ak-cizgi);border-radius:var(--ak-radius);
	padding:28px 24px;text-align:center;
}
.ak-hayal-kart svg{width:30px;height:30px;color:var(--ak-altin);margin:0 auto 14px}
.ak-hayal-kart h4{font-family:var(--ak-baslik);font-size:20px;margin-bottom:7px}
.ak-hayal-kart p{font-size:15px;color:var(--ak-soluk);line-height:1.6;margin:0}

/* =================================================================
 * İLETİŞİM VE FORM
 * ============================================================== */

.ak-iletisim-izgara{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(34px,5vw,70px);align-items:start}
@media(max-width:860px){.ak-iletisim-izgara{grid-template-columns:1fr}}

.ak-iletisim-liste{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:20px}
.ak-iletisim-liste li{display:flex;gap:15px;align-items:flex-start}
.ak-iletisim-liste svg{flex:0 0 auto;width:22px;height:22px;color:var(--ak-altin);margin-top:5px}
.ak-iletisim-liste span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ak-soluk);font-weight:700}
.ak-iletisim-liste a,.ak-iletisim-liste strong{font-size:17.5px;font-weight:600;line-height:1.45}

.ak-form-kutu{
	background:#fff;border:1px solid var(--ak-cizgi);border-radius:18px;
	padding:clamp(26px,3.4vw,40px);box-shadow:var(--ak-golge);
}
.ak-form-kutu h3{font-size:24px;margin-bottom:4px}

.ak-form label{display:block;margin-bottom:16px}
.ak-form label>span{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.ak-form input,.ak-form select,.ak-form textarea{
	width:100%;padding:13px 15px;
	border:1px solid var(--ak-cizgi);border-radius:10px;
	font-size:16px;font-family:inherit;background:#fff;color:var(--ak-murekkep);
	transition:border-color .18s,box-shadow .18s;
}
.ak-form input:focus,.ak-form select:focus,.ak-form textarea:focus{
	outline:none;border-color:var(--ak-altin);box-shadow:0 0 0 3px rgba(184,147,95,.14);
}
.ak-form textarea{resize:vertical;min-height:110px}
.ak-form-satir{display:flex;gap:16px;flex-wrap:wrap}
.ak-form-satir label{flex:1 1 200px}
.ak-form button{width:100%;justify-content:center;margin-top:6px}
.ak-form-mesaj{
	margin:16px 0 0;padding:13px 16px;border-radius:10px;font-size:15px;
	background:#edfaef;border-left:3px solid #00a32a;
}
.ak-form-mesaj.hata{background:#fcf0f1;border-left-color:#d63638;color:#8a2424}

/* =================================================================
 * ÜRÜNLER SAYFASI
 * ============================================================== */

.ak-urun-suzgec{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:38px}
.ak-urun-suzgec button{
	padding:9px 20px;border-radius:100px;border:1px solid var(--ak-cizgi);
	background:#fff;font-size:14.5px;font-weight:600;cursor:pointer;color:var(--ak-murekkep);
	transition:.2s;font-family:inherit;
}
.ak-urun-suzgec button:hover{border-color:var(--ak-murekkep)}
.ak-urun-suzgec button.etkin{background:var(--ak-murekkep);color:#fff;border-color:var(--ak-murekkep)}

.ak-buyutec{
	position:fixed;inset:0;z-index:200;
	background:rgba(15,17,21,.94);
	display:flex;align-items:center;justify-content:center;padding:32px;
	opacity:0;visibility:hidden;transition:.25s;
}
.ak-buyutec.acik{opacity:1;visibility:visible}
.ak-buyutec img{max-width:min(1100px,92vw);max-height:88vh;border-radius:10px;object-fit:contain}
.ak-buyutec-kapat{
	position:absolute;top:22px;right:24px;
	width:46px;height:46px;border-radius:50%;
	background:rgba(255,255,255,.12);border:0;color:#fff;font-size:26px;cursor:pointer;line-height:1;
}
.ak-buyutec-yon{
	position:absolute;top:50%;transform:translateY(-50%);
	width:52px;height:52px;border-radius:50%;
	background:rgba(255,255,255,.12);border:0;color:#fff;font-size:26px;cursor:pointer;
}
.ak-buyutec-yon.onceki{left:22px}
.ak-buyutec-yon.sonraki{right:22px}
@media(max-width:640px){.ak-buyutec-yon{display:none}}

/* =================================================================
 * HAKKIMIZDA
 * ============================================================== */

.ak-hakkinda-izgara{display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(34px,5vw,64px);align-items:start}
@media(max-width:900px){.ak-hakkinda-izgara{grid-template-columns:1fr}}
.ak-yan{position:sticky;top:110px;display:flex;flex-direction:column;gap:22px}
@media(max-width:900px){.ak-yan{position:static}}
.ak-yan-gorsel img{border-radius:var(--ak-radius);width:100%}
.ak-yan-kutu{
	background:var(--ak-krem);border:1px solid var(--ak-cizgi);
	border-radius:var(--ak-radius);padding:26px 24px;
	display:flex;flex-direction:column;gap:12px;
}
.ak-yan-kutu h3{font-size:21px;margin:0}
.ak-yan-kutu p{font-size:15px;color:var(--ak-soluk);margin:0}
.ak-yan-kutu .ak-dugme{justify-content:center}

.ak-harita iframe{display:block;filter:grayscale(.25)}

/* =================================================================
 * NUMARALI LISTE (Hizmetler)
 * ============================================================== */

.ak-numarali{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:34px}
.ak-numarali-oge{display:flex;gap:20px;align-items:flex-start}
.ak-numarali-no{
	flex:0 0 auto;
	font-family:var(--ak-baslik);font-size:38px;font-weight:600;line-height:1;
	color:var(--ak-altin);opacity:.42;
}
.ak-numarali-oge h3{font-size:22px;margin-bottom:6px}
.ak-numarali-oge p{font-size:15.5px;color:var(--ak-soluk);line-height:1.65;margin:0}

.ak-bos-kutu{
	text-align:center;padding:56px 24px;
	background:var(--ak-krem);border:1px dashed rgba(22,24,29,.18);border-radius:var(--ak-radius);
}
.ak-bos-kutu h3{margin-bottom:8px}
.ak-bos-kutu p{color:var(--ak-soluk);margin-bottom:20px}