﻿/* Koza Atelier: existing design engine, shared catalogue and checkout. */
.tema-koza-atelier { --kenar:#e8dfda; --yazi-2:#7c7275; --radius:12px; --gecis:180ms ease; background:#fffdfa; }
.tema-koza-atelier .kap { max-width:1440px; }
.tema-koza-atelier h1,.tema-koza-atelier h2 { font-family:var(--yazi-tipi); font-weight:500; letter-spacing:-.025em; }
.tema-koza-atelier .duyuru { font-size:12px; letter-spacing:.09em; }
.tema-koza-atelier .serit { font-size:11px; border-bottom:1px solid var(--kenar); }
.tema-koza-atelier .ust { background:#fffdfa; border-bottom:1px solid var(--kenar); box-shadow:none; }
.tema-koza-atelier .ust-satir { min-height:112px; }
.tema-koza-atelier .logo { display:flex; flex-direction:column; gap:8px; color:var(--ana); text-decoration:none; }
.tema-koza-atelier .ust .logo img.atelier-logo { width:210px; height:auto; max-height:100px; object-fit:contain; }
.tema-koza-atelier .alt-logo img.atelier-logo { width:230px; height:auto; max-height:120px; filter:brightness(0) invert(1); }
.tema-koza-atelier .kasa-ust .logo img.atelier-logo { width:180px; height:auto; max-height:86px; object-fit:contain; }
.tema-koza-atelier .atelier-wordmark { font-family:var(--yazi-tipi); font-size:29px; font-weight:850; text-transform:uppercase; line-height:1; letter-spacing:.035em; white-space:nowrap; text-shadow:0 1px 0 #c2a681; }
.tema-koza-atelier .atelier-signature { font-size:8px; letter-spacing:.27em; font-weight:500; white-space:nowrap; }
.tema-koza-atelier .arama-kutu { background:#f4efec; border:1px solid transparent; border-radius:40px; height:46px; }
.tema-koza-atelier .arama-kutu:focus-within { border-color:var(--ana); }
.tema-koza-atelier .arama-kutu input { font-size:13px; }
.tema-koza-atelier .ust-simgeler { gap:22px; }
.tema-koza-atelier .simge-link { color:var(--ana); }
.tema-koza-atelier .sepet-dugme { background:var(--ana); color:white; padding:13px 18px; border-radius:30px; }
.tema-koza-atelier .ana-menu { border-top:1px solid var(--kenar); }
.tema-koza-atelier .ana-menu>ul { justify-content:flex-start; gap:0 22px; flex-wrap:wrap; }
.tema-koza-atelier .ust .ana-menu>ul>li>a { font-size:12px; font-weight:500; letter-spacing:.07em; padding-top:19px; padding-bottom:19px; }
.tema-koza-atelier .blok { padding-top:68px; padding-bottom:68px; }
.tema-koza-atelier .blok-baslik h2 { font-size:43px; line-height:1.15; }
.tema-koza-atelier .blok-baslik p { font-size:14px; margin-top:12px; }
.tema-koza-atelier .blok-ust { margin-bottom:32px; }
.tema-koza-atelier .dugme { font-size:12px; font-weight:500; letter-spacing:.065em; padding:15px 27px; min-height:48px; border-radius:40px; }
.tema-koza-atelier .dugme:focus-visible,.tema-koza-atelier a:focus-visible { outline:2px solid var(--ana); outline-offset:4px; }
.tema-koza-atelier .slider { padding:0; }
.tema-koza-atelier .slider-serit { overflow-x:auto; scrollbar-width:none; cursor:grab; }
.tema-koza-atelier .slider-serit::-webkit-scrollbar { display:none; }
.slider-surukleniyor { scroll-snap-type:none; scroll-behavior:auto; user-select:none; }
.slider-surukleniyor,.slider-surukleniyor a { cursor:grabbing; }
.slayt-tam-baglanti { cursor:grab; }
.slider-yon { display:flex; align-items:center; justify-content:center; background:none; border:0; padding:7px; color:inherit; }
.slider-yon .simge { width:18px; height:18px; }
.slider-yon[data-slider-yon='-1'] .simge { transform:rotate(180deg); }
.tema-koza-atelier .slider-stil-bolunmus .slayt { grid-template-columns:.85fr 1.15fr; height:550px; background:#f0e8e0; }
.tema-koza-atelier .slider-stil-bolunmus .slayt-icerik { padding:55px max(40px,calc((100vw - 1280px)/2)); padding-right:48px; }
.tema-koza-atelier .slayt-ust { color:#8c6b64; letter-spacing:.19em; font-size:10px; line-height:1.8; margin-bottom:24px; }
.tema-koza-atelier .slider-stil-bolunmus .slayt-baslik { color:var(--ana); font-size:clamp(46px,4.5vw,70px); line-height:1.06; max-width:420px; margin-bottom:32px; }
.tema-koza-atelier .slider-stil-bolunmus .slayt picture { overflow:hidden; }
.tema-koza-atelier .slider-stil-bolunmus .slayt-gorsel { object-position:center; }
.tema-koza-atelier .slider-stil-bolunmus .slayt-icerik::after { content:'Özenle seçilen çiçekler. Unutulmaz hisler.'; display:block; margin-top:28px; font-size:12px; color:#84736e; letter-spacing:.02em; }
.tema-koza-atelier .hikayeler { background:#fffdfa; padding-top:48px; padding-bottom:34px; }
.tema-koza-atelier .hikayeler .blok-baslik { margin-bottom:20px; }
.tema-koza-atelier .hikayeler .blok-baslik h2 { font-family:inherit; font-size:10px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:#8a7874; }
.hikaye-tasan .hikaye-serit { padding:36px 8px 15px; gap:30px; justify-content:space-between; }
.hikaye-tasan .hikaye { flex:0 0 150px; width:150px; gap:18px; }
.hikaye-tasan .hikaye-gorsel { position:relative; width:132px; height:132px; overflow:visible; background:transparent; border:0; padding:0; }
.hikaye-tasan .hikaye-gorsel::before { content:''; position:absolute; inset:0; background:var(--ana); border-radius:50%; }
.hikaye-tasan .hikaye-gorsel img { position:absolute; inset:auto -8% -3%; width:116%; height:132%; max-width:none; object-fit:contain; object-position:center bottom; background:transparent; border:0; border-radius:0; filter:drop-shadow(0 8px 6px rgba(49,25,29,.12)); }
.hikaye-tasan .hikaye-ad { color:#503b40; font-size:13px; font-weight:500; }
.tema-koza-atelier .bolge-blok { padding:10px 0 28px; }
.tema-koza-atelier .bolge-kutu { background:#f5f0eb; border:1px solid var(--kenar); border-radius:12px; box-shadow:none; padding:20px 24px; }
.tema-koza-atelier .bolge-etiket { background:none; color:var(--ana); padding:0; font-size:11px; letter-spacing:.08em; font-weight:500; }
.tema-koza-atelier .bolge-vaatler li { max-width:240px; font-weight:400; font-size:12px; }
.tema-koza-atelier .urunler { background:#f7f3ef; }
.tema-koza-atelier .urun-izgara { gap:38px 24px; }
.tema-koza-atelier .urun-kart { background:transparent; border:0; box-shadow:none; border-radius:0; }
.tema-koza-atelier .urun-gorsel { border-radius:10px; background:#eee8e1; }
.tema-koza-atelier .urun-bilgi { padding:17px 0 0; text-align:left; }
.tema-koza-atelier .urun-bilgi h3 { font-family:var(--yazi-tipi); font-size:14px; line-height:1.5; font-weight:500; letter-spacing:.005em; margin-bottom:8px; }
.tema-koza-atelier .urun-bilgi .fiyat { justify-content:flex-start; font-size:15px; }
.tema-koza-atelier .urun-bilgi .fiyat b { font-weight:600; }
.tema-koza-atelier .favori-dugme { top:12px; right:12px; width:32px; height:32px; background:rgba(255,253,250,.92); color:var(--ana); }
.tema-koza-atelier .favori-dugme .simge { width:16px; height:16px; }
.tema-koza-atelier .urun-incele { border-radius:0 30px 30px 0; background:#fffdfa; color:var(--ana); left:0; right:auto; width:auto; min-width:145px; justify-content:center; transform:translate(-100%,0); font-size:12px; letter-spacing:.08em; transition:transform .25s ease,opacity .25s ease; }
.tema-koza-atelier .urun-gorsel:hover .urun-incele,.tema-koza-atelier .urun-kart:focus-within .urun-incele { transform:translate(0,0); opacity:1; }
.tema-koza-atelier .bant { padding:18px 0; background:var(--ana); color:#f5ebe4; font-size:11px; letter-spacing:.19em; }
.tema-koza-atelier .gorsel-metin { background:#eee5db; padding:80px 0; }
.tema-koza-atelier .gm-gorsel { aspect-ratio:1.15; border-radius:220px 220px 8px 8px; }
.tema-koza-atelier .gm-gorsel img { object-position:center; }
.tema-koza-atelier .gm-icerik h2 { font-size:54px; line-height:1.08; color:var(--ana); margin:18px 0 24px; }
.tema-koza-atelier .gm-icerik p { font-size:15px; line-height:1.85; max-width:430px; }
.tema-koza-atelier .gm-ust { font-size:10px; letter-spacing:.18em; color:#93745d; text-transform:uppercase; }
.tema-koza-atelier .izgara-kart { border-radius:10px; }
.tema-koza-atelier .guven { border-bottom:1px solid var(--kenar); padding:48px 0; background:#fffdfa; }
.tema-koza-atelier .guven-simge { border:0; width:42px; height:42px; }
.tema-koza-atelier .guven-oge h3 { font-size:13px; font-weight:500; }
.tema-koza-atelier .guven-oge p { font-size:12px; color:var(--yazi-2); }
.tema-koza-atelier .metin { padding:50px 0; }
.tema-koza-atelier .metin .blok-baslik h2 { font-size:30px; }
.tema-koza-atelier .metin .zengin { font-size:13px; line-height:1.8; color:var(--yazi-2); }
.tema-koza-atelier .alt { background:#50323d; color:#f6eee9; padding-top:64px; }
.tema-koza-atelier .alt .logo { color:#f7eee5; }
.tema-koza-atelier .alt .atelier-wordmark { font-size:34px; }
.tema-koza-atelier .alt .atelier-signature { font-size:7px; letter-spacing:.17em; }
.tema-koza-atelier .alt a { color:inherit; }
.tema-koza-atelier .alt-lisa img { filter:brightness(0) invert(1); }
.tema-koza-atelier .alt-baslik { font-family:inherit; font-size:11px; font-weight:500; text-transform:uppercase; letter-spacing:.12em; color:#e4cbbb; }
.tema-koza-atelier .alt-sutun ul { font-size:12px; line-height:2; color:#e0d1d4; }
.tema-koza-atelier .alt-izgara { gap:40px; padding-bottom:44px; }
.tema-koza-atelier .alt-firma { grid-column:auto; align-items:flex-start; }
.tema-koza-atelier .atelier-footer-note,.tema-koza-atelier .atelier-contact { font-size:12px; line-height:1.8; font-style:normal; color:#e0d1d4; }
.tema-koza-atelier .atelier-footer-note { margin-top:22px; }
.tema-koza-atelier .atelier-contact a { display:block; margin-bottom:5px; }
.tema-koza-atelier .anasayfa-h1 { padding-top:44px; padding-bottom:18px; text-align:left; }
.tema-koza-atelier .anasayfa-h1 h1 { font-size:clamp(20px,2vw,26px); line-height:1.45; margin:0; color:var(--ana); }
.tema-koza-atelier .anasayfa-h1 + .metin { padding-top:12px; }
.tema-koza-atelier .alt-guvenlik,.tema-koza-atelier .alt-telif { border-color:rgba(255,255,255,.15); }
.tema-koza-atelier .sosyal a { border-color:rgba(255,255,255,.2); }
.tema-koza-atelier .sayfa-baslik { padding-top:38px; }
.tema-koza-atelier .sayfa-baslik h1,.tema-koza-atelier .kategori-baslik h1 { font-size:46px; color:var(--ana); }
.tema-koza-atelier .filtre,.tema-koza-atelier .sirala { border-radius:8px; }
.tema-koza-atelier .urun-detay { padding-top:28px; }
.tema-koza-atelier .galeri-oge { border-radius:12px; }
.tema-koza-atelier .urun-ozet h1 { font-size:38px; line-height:1.15; color:var(--ana); }
.tema-koza-atelier input,.tema-koza-atelier select,.tema-koza-atelier textarea { border-color:var(--kenar); }
.tema-koza-atelier .kasa-ust { background:#fffdfa; border-bottom:1px solid var(--kenar); }
.tema-koza-atelier .kasa-alt { background:#f4eee8; }
.tema-koza-atelier.kasa,.tema-koza-atelier .sepet-sayfa,.tema-koza-atelier .takip-sayfa { --ana:#603d49; --yazi:#3c3035; --yazi-2:#7c7275; --zemin:#fffdfa; --bolum:#f3ede6; --kenar:#e8dfda; --vurgu:#9b714f; --dugme-radius:24px; }
.tema-koza-atelier .urun-adi { font-family:var(--yazi-tipi); color:var(--ana); }
.tema-koza-atelier .slayt-yalniz-gorsel { height:auto; aspect-ratio:3/1; }
.tema-koza-atelier .slayt-yalniz-gorsel::after,.tema-koza-atelier .slayt-yalniz-gorsel .slayt-icerik { display:none; }
.tema-koza-atelier .slayt-yalniz-gorsel .slayt-gorsel { object-fit:contain; }
.slayt-tam-baglanti { position:absolute; inset:0; z-index:2; }
.tema-koza-atelier .slider-noktalar { position:static; min-height:52px; align-items:center; gap:10px; background:#fffdfa; color:#51494c; }
.tema-koza-atelier .slider-noktalar .nokta { width:9px; height:9px; background:#c9c6c6; transition:width .2s ease,background .2s ease; }
.tema-koza-atelier .slider-noktalar .nokta.secili { width:30px; background:#272326; border-radius:10px; box-shadow:none; }
.tema-koza-atelier .ust-simgeler .siparis-takip-link>span:last-child { display:none!important; }
@media(min-width:992px){
 .tema-koza-atelier .ust-satir { padding-left:16px; padding-right:16px; }
 .tema-koza-atelier .ust-sol-arama .ust-satir { grid-template-columns:auto minmax(180px,1fr) auto; column-gap:36px; }
 .tema-koza-atelier .ust-sol-arama .arama-kutusu { max-width:560px; width:100%; justify-self:center; }
 .tema-koza-atelier .ust-simgeler { gap:18px; }
 .tema-koza-atelier .alt-izgara { grid-template-columns:1.35fr repeat(3,1fr); }
}
@media(max-width:991px){
 .tema-koza-atelier .ust-satir { min-height:84px; }
 .tema-koza-atelier .atelier-wordmark { font-size:28px; }
 .tema-koza-atelier .atelier-signature { font-size:6px; letter-spacing:.2em; }
 .tema-koza-atelier .ust-simgeler { gap:10px; }
 .tema-koza-atelier .sepet-dugme { padding:10px; }
 .tema-koza-atelier .slider-stil-bolunmus .slayt { grid-template-columns:1fr 1fr; height:450px; }
 .tema-koza-atelier .slider-stil-bolunmus .slayt-icerik { padding:35px; }
 .hikaye-tasan .hikaye-serit { justify-content:flex-start; gap:20px; }
 .hikaye-tasan .hikaye { flex-basis:120px; width:120px; }
 .hikaye-tasan .hikaye-gorsel { width:106px; height:106px; }
 .tema-koza-atelier .blok { padding-top:44px; padding-bottom:44px; }
 .tema-koza-atelier .slider { padding:0; }
 .tema-koza-atelier .hikayeler { padding:34px 0 22px; }
 .tema-koza-atelier .bolge-blok { padding:0 0 24px; }
 .tema-koza-atelier .gm-icerik h2 { font-size:38px; }
}
@media(max-width:599px){
 .tema-koza-atelier .ust .logo img.atelier-logo { width:165px; max-height:80px; }
 .tema-koza-atelier .kasa-ust .logo img.atelier-logo { width:140px; max-height:70px; }
 .tema-koza-atelier .duyuru { font-size:10px; letter-spacing:.05em; }
 .tema-koza-atelier .ust-satir { min-height:76px; gap:8px; }
 .tema-koza-atelier .atelier-wordmark { font-size:25px; letter-spacing:-1px; }
 .tema-koza-atelier .atelier-wordmark { font-size:21px; letter-spacing:.02em; }
 .tema-koza-atelier .siparis-takip-link { display:inline-flex!important; }
 .tema-koza-atelier .ust-simgeler .siparis-takip-link>span:last-child { display:none!important; }
 .tema-koza-atelier .ust-simgeler .siparis-takip-link .simge { width:18px; height:18px; }
 .tema-koza-atelier .slayt-yalniz-gorsel { aspect-ratio:4/5; height:auto; }
 .tema-koza-atelier .atelier-signature { font-size:5.5px; letter-spacing:.12em; }
 .tema-koza-atelier .logo { gap:6px; }
 .tema-koza-atelier .ust-simgeler { gap:4px; }
 .tema-koza-atelier .simge-link .simge { width:20px; height:20px; }
 .tema-koza-atelier .sepet-dugme { padding:9px; }
 .tema-koza-atelier .slider-stil-bolunmus .slayt { display:flex; flex-direction:column; height:auto; }
 .tema-koza-atelier .slider-stil-bolunmus .slayt picture { order:2; width:100%; height:255px; aspect-ratio:auto; }
 .tema-koza-atelier .slider-stil-bolunmus .slayt-icerik { padding:34px 24px 32px; text-align:center; }
 .tema-koza-atelier .slayt-ust { font-size:8px; margin-bottom:15px; }
 .tema-koza-atelier .slider-stil-bolunmus .slayt-baslik { font-size:43px; max-width:340px; margin:0 auto 21px; }
 .tema-koza-atelier .slider-stil-bolunmus .slayt-icerik::after { font-size:10px; margin-top:18px; }
 .tema-koza-atelier .hikayeler { padding-top:30px; }
 .hikaye-tasan .hikaye-serit { padding-top:29px; gap:10px; }
 .hikaye-tasan .hikaye { flex-basis:99px; width:99px; gap:13px; }
 .hikaye-tasan .hikaye-gorsel { width:86px; height:86px; }
 .hikaye-tasan .hikaye-ad { font-size:11px; }
 .tema-koza-atelier .blok-baslik h2 { font-size:31px; }
 .tema-koza-atelier .blok-baslik p { font-size:12px; }
 .tema-koza-atelier .blok-ust { margin-bottom:24px; }
 .tema-koza-atelier .urun-izgara { gap:25px 12px; }
 .tema-koza-atelier .urun-bilgi h3 { font-size:12px; }
 .tema-koza-atelier .urun-bilgi .fiyat { font-size:13px; }
 .tema-koza-atelier .urun-bilgi { padding-top:12px; }
 .tema-koza-atelier .favori-dugme { width:28px; height:28px; top:8px; right:8px; }
 .tema-koza-atelier.kart-incele-hover .urun-incele { display:none; }
 .tema-koza-atelier .gorsel-metin-izgara { gap:30px; }
 .tema-koza-atelier .gm-gorsel { aspect-ratio:1.05; }
 .tema-koza-atelier .gm-icerik h2 { font-size:38px; }
 .tema-koza-atelier .gm-icerik p { font-size:13px; }
 .tema-koza-atelier .guven-izgara { gap:28px 14px; }
 .tema-koza-atelier .alt { padding-top:42px; }
 .tema-koza-atelier .alt-izgara { gap:30px 20px; }
 .tema-koza-atelier .alt-firma { grid-column:1/-1; }
 .tema-koza-atelier .urun-ozet h1 { font-size:30px; }
 .tema-koza-atelier .sayfa-baslik h1 { font-size:34px; }
 .tema-koza-atelier .kasa .atelier-wordmark { font-size:22px; }
}
@media(prefers-reduced-motion:reduce){.hikaye-tasan .hikaye-gorsel,.tema-koza-atelier .urun-gorsel img{transition:none;transform:none}}
@media(min-width:992px) and (max-width:1439px){
 .tema-koza-atelier .ana-menu>ul { gap:0 18px; }
 .tema-koza-atelier .ust .ana-menu>ul>li>a { font-size:11px; letter-spacing:.015em; }
 .tema-koza-atelier .ust-sol-arama .ust-satir { column-gap:26px; }
}
@media(min-width:1200px){.tema-koza-atelier .ust-sol-arama .ust-satir { padding-left:40px; padding-right:40px; }}
