/* =====================================================================
   Obuz Media — portfolyo proje sayfaları (tam ekran)
   Her proje: assets/projeler/<ad>.html parçası + portfolyodaki data-proje="<ad>"
   ===================================================================== */
body.pj-acik{overflow:hidden}
.pj{position:fixed;inset:0;z-index:150;background:#000;color:#fff;visibility:hidden;clip-path:inset(100% 0 0 0);transition:clip-path .8s var(--ease-io),visibility 0s .8s}
.pj.ac{visibility:visible;clip-path:inset(0);transition:clip-path .8s var(--ease-io)}
.pj-kaydir{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#333 #000}
.pj-ust{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--kenar);padding-top:calc(12px + env(safe-area-inset-top,0px));background:rgba(0,0,0,.74);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi)}
.pj-kapat{display:inline-flex;align-items:center;gap:12px;background:none;border:1.5px solid #444;border-radius:99px;color:#fff;font:700 14px/1 var(--font);padding:12px 20px 12px 16px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.pj-kapat:hover{background:#fff;color:#000;border-color:#fff}
.pj-kapat i{font-style:normal;font-size:18px;line-height:1}
.pj-ust-orta{display:none;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gri)}
.pj-ust-orta b{color:var(--kirmizi)}
@media (min-width:760px){.pj-ust-orta{display:block}}
.pj-ust-sag{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:99px;background:var(--kirmizi);color:#fff;text-decoration:none;font:700 14px/1 var(--font);transition:background .25s,color .25s}
.pj-ust-sag:hover{background:#fff;color:#000}
.pj-yukleme{min-height:60vh;display:grid;place-items:center;color:var(--gri);font-weight:600}
.pj-govde{outline:none}
.pj-kap{max-width:var(--maks);margin:0 auto;padding:0 var(--kenar);container-type:inline-size}
.pj-r{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.pj-r.in{opacity:1;transform:none}
.pj-et{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g-gun,#F0A12A)}
.pj-et span{color:var(--kirmizi);margin-right:10px}
.pj-bas{margin-bottom:clamp(24px,3.4vw,48px)}
.pj-bas h3{font-size:clamp(34px,7cqw,88px);margin:0}
.pj-blok{padding:clamp(56px,8vw,120px) 0}
.pj a{text-decoration:none}

/* hero */
.pj-hero{position:relative;overflow:hidden;padding:clamp(56px,8vw,110px) 0 0;background:radial-gradient(55% 60% at 88% 8%,rgba(79,169,160,.28),transparent 70%),radial-gradient(45% 50% at 6% 92%,rgba(240,161,42,.16),transparent 70%)}
.pj-baslik{font-size:clamp(52px,12.4cqw,260px);line-height:.86;margin:0 0 clamp(24px,3vw,44px)}
.pj-hero-alt{display:grid;gap:26px;align-items:end}
@media (min-width:900px){.pj-hero-alt{grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,80px)}}
.pj-ozet{margin:0;font-size:clamp(18px,1.7vw,26px);font-weight:500;line-height:1.35;max-width:36ch;color:#ddd}
.pj-btnlar{display:flex;flex-wrap:wrap;gap:10px}
.pj-btnlar .btn{padding:15px 24px}
.pj-etiket{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}
.pj-etiket li{padding:7px 14px;border:1px solid #333;border-radius:99px;font-size:13px;color:#bdbdbd}
.pj-serit{overflow:hidden;margin-top:clamp(36px,5vw,72px);padding-bottom:clamp(28px,4vw,56px)}
.pj-serit-ic{display:flex;gap:12px;width:max-content;animation:pjSerit 70s linear infinite}
.pj-sr{flex:none;display:block;width:clamp(150px,17vw,270px);aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#141414;border:1px solid #242424}
.pj-sr img,.pj-f img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes pjSerit{to{transform:translateX(-50%)}}
img.yok{visibility:hidden}

/* ekran görüntüleri */
.pj-ekranlar{background:#050505;border-top:1px solid var(--cizgi)}
.pj-ekranlar .pj-kap{--sw:min(100%,max(640px,calc((100svh - 250px)*1.6)))}
.pj-sahne,.pj-tabs{max-width:var(--sw);margin-left:auto;margin-right:auto}
.pj-sahne{position:relative}
.pj-cerceve{border-radius:clamp(12px,1.4vw,20px);overflow:hidden;background:#0d0d0d;border:1px solid #2a2a2a;box-shadow:0 50px 120px -40px rgba(79,169,160,.4)}
.pj-cubuk{display:flex;align-items:center;gap:8px;padding:11px 16px;background:#171717}
.pj-cubuk i{width:11px;height:11px;border-radius:50%;background:#3a3a3a}
.pj-cubuk i:nth-child(1){background:#ff5f57}.pj-cubuk i:nth-child(2){background:#febc2e}.pj-cubuk i:nth-child(3){background:#28c840}
.pj-cubuk span{margin-left:14px;flex:1;max-width:440px;background:#0b0b0b;border-radius:99px;padding:6px 16px;font-size:12px;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pj-kutu{position:relative;aspect-ratio:1280/800;overflow:hidden;background:#f2f4f5}
.sc{position:absolute;left:0;top:0;width:1280px;height:800px;transform-origin:0 0;transform:scale(var(--k,.5));opacity:0;visibility:hidden;transition:opacity .55s,visibility 0s .55s}
.sc.on{opacity:1;visibility:visible;transition:opacity .55s}
.pj-ok{flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid #3a3a3a;background:none;color:#fff;font-size:16px;cursor:pointer;display:grid;place-items:center;transition:background .25s,color .25s,border-color .25s}
.pj-ok:hover{background:#fff;color:#000;border-color:#fff}
.pj-cubuk span{margin-right:auto}
.pj-tabs{max-width:var(--sw);margin-left:auto;margin-right:auto}
.pj-sahne{position:relative}
.pj-cerceve{border-radius:clamp(12px,1.4vw,20px);overflow:hidden;background:#0d0d0d;border:1px solid #2a2a2a;box-shadow:0 50px 120px -40px rgba(79,169,160,.4)}
.pj-cubuk{display:flex;align-items:center;gap:8px;padding:11px 16px;background:#171717}
.pj-cubuk i{width:11px;height:11px;border-radius:50%;background:#3a3a3a}
.pj-cubuk i:nth-child(1){background:#ff5f57}.pj-cubuk i:nth-child(2){background:#febc2e}.pj-cubuk i:nth-child(3){background:#28c840}
.pj-cubuk span{margin-left:14px;flex:1;max-width:440px;background:#0b0b0b;border-radius:99px;padding:6px 16px;font-size:12px;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pj-kutu{position:relative;aspect-ratio:1280/800;overflow:hidden;background:#f2f4f5}
.sc{position:absolute;left:0;top:0;width:1280px;height:800px;transform-origin:0 0;transform:scale(var(--k,.5));opacity:0;visibility:hidden;transition:opacity .55s,visibility 0s .55s}
.sc.on{opacity:1;visibility:visible;transition:opacity .55s}
.pj-tabs{display:flex;gap:8px;margin-top:22px;width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.pj-tabs::-webkit-scrollbar{display:none}
.pj-tab{flex:none;display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:99px;border:1.5px solid #333;background:none;color:#ccc;font:700 14px/1 var(--font);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.pj-tab small{font-size:11px;color:var(--kirmizi);font-variant-numeric:tabular-nums}
.pj-tab:hover{border-color:#fff;color:#fff}
.pj-tab.on{background:#fff;color:#000;border-color:#fff}

/* anlatı */
.pj-anlat-g{display:grid;gap:clamp(28px,5vw,80px)}
@media (min-width:960px){.pj-anlat-g{grid-template-columns:.8fr 1.2fr}.pj-anlat-sol{position:sticky;top:110px;align-self:start}}
.pj-anlat-sol h3{font-size:clamp(34px,6.6cqw,84px);margin:0}
.pj-anlat-sag p{margin:0 0 20px;color:#bdbdbd;font-size:clamp(16px,1.2vw,19px);line-height:1.65;max-width:62ch}
.pj-anlat-sag p.pj-buyuk{color:#fff;font-size:clamp(20px,2vw,30px);line-height:1.35;font-weight:600;max-width:none}
.pj-say{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:34px 0;background:#242424;border:1px solid #242424;border-radius:18px;overflow:hidden}
@media (min-width:620px){.pj-say{grid-template-columns:repeat(4,1fr)}}
.pj-say li{background:#0a0a0a;padding:22px 20px}
.pj-say b{display:block;font-size:clamp(30px,3.4vw,50px);line-height:1;font-weight:850;font-variation-settings:"wdth" 118;color:var(--g-gun,#F0A12A)}
.pj-say span{display:block;margin-top:8px;font-size:13px;color:var(--gri)}
.pj-ozel{display:flex;flex-wrap:wrap;gap:8px}
.pj-ozel li{padding:8px 14px;border-radius:99px;background:#111;border:1px solid #2a2a2a;font-size:13.5px;color:#ddd}

/* video */
.pj-vid{background:#050505;border-top:1px solid var(--cizgi)}
.pj-vid-g{display:grid;gap:clamp(24px,4vw,56px);align-items:center}
@media (min-width:900px){.pj-vid-g{grid-template-columns:1.7fr 1fr}}
.pj-oynat{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:clamp(14px,1.6vw,24px);overflow:hidden;background:#111;cursor:pointer;color:#fff;box-shadow:0 40px 90px -40px rgba(79,169,160,.45)}
.pj-oynat>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease),filter .4s}
.pj-oynat:hover>img{transform:scale(1.05);filter:brightness(.8)}
.pj-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:clamp(64px,8vw,104px);aspect-ratio:1;border-radius:50%;background:var(--kirmizi);display:grid;place-items:center;transition:transform .4s var(--ease)}
.pj-play svg{width:42%;translate:6% 0}
.pj-oynat:hover .pj-play{transform:scale(1.12)}
.pj-oynat em{position:absolute;left:18px;bottom:16px;font-style:normal;font-size:13px;font-weight:700;letter-spacing:.08em;text-shadow:0 2px 12px #000}
.pj-oynat iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pj-vid-yan h4{margin:0 0 12px;font-size:clamp(22px,2.2vw,32px);font-weight:800;font-variation-settings:"wdth" 112;line-height:1.1}
.pj-vid-yan p{margin:0 0 22px;color:#bdbdbd}

/* fotoğraflar */
.pj-mozaik{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(130px,34vw,200px);grid-auto-flow:dense;gap:10px}
@media (min-width:820px){.pj-mozaik{grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(150px,16vw,250px);gap:12px}}
.pj-f{position:relative;overflow:hidden;border:0;padding:0;border-radius:clamp(12px,1.3vw,18px);background:linear-gradient(135deg,#1a1a1a,#0d0d0d);cursor:pointer;color:#fff;text-align:left}
.pj-f.w{grid-column:span 2}.pj-f.t{grid-row:span 2}
.pj-f img{transition:transform .8s var(--ease)}
.pj-f:hover img{transform:scale(1.07)}
.pj-f span{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;font-size:13px;font-weight:600;line-height:1.25;background:linear-gradient(transparent,rgba(0,0,0,.82));opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s var(--ease)}
.pj-f:hover span,.pj-f:focus-visible span{opacity:1;transform:none}
@media (hover:none){.pj-f span{opacity:1;transform:none;font-size:11px;padding-top:24px}}

/* lightbox */
.pj-lb{position:absolute;inset:0;z-index:20;background:rgba(0,0,0,.95);display:none;flex-direction:column;align-items:center;justify-content:center;padding:clamp(56px,8vh,90px) clamp(12px,6vw,90px) clamp(20px,4vh,40px);gap:16px}
.pj-lb.ac{display:flex}
.pj-lb-g{position:relative;flex:1;min-height:0;width:100%;display:grid;place-items:center}
.pj-lb-g img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.pj-lb-alt{display:flex;align-items:center;gap:18px;font-size:14px;color:#ddd;text-align:center}
.pj-lb-alt b{color:var(--kirmizi);font-variant-numeric:tabular-nums}
.pj-lb button{position:absolute;width:52px;height:52px;border-radius:50%;border:1.5px solid #555;background:rgba(0,0,0,.5);color:#fff;font-size:20px;cursor:pointer;transition:background .25s,color .25s}
.pj-lb button:hover{background:#fff;color:#000}
.pj-lb .lb-k{top:14px;right:14px}.pj-lb .lb-o{left:12px;top:50%;translate:0 -50%}.pj-lb .lb-s{right:12px;top:50%;translate:0 -50%}
@media (max-width:640px){.pj-lb button{width:42px;height:42px}}

/* final */
.pj-son{padding:clamp(70px,10vw,150px) 0 clamp(60px,8vw,110px);text-align:center;background:radial-gradient(60% 80% at 50% 100%,rgba(79,169,160,.25),transparent 70%),#000;border-top:1px solid var(--cizgi)}
.pj-son .pj-btnlar{justify-content:center;margin-top:22px}
.pj-son h3{font-size:clamp(34px,8cqw,110px);margin:0 0 30px}
.pj-cta{display:inline-flex;align-items:center;gap:18px;padding:clamp(16px,1.6vw,22px) clamp(28px,3vw,46px);border-radius:99px;background:var(--kirmizi);color:#fff;font-weight:800;font-size:clamp(18px,1.8vw,26px);position:relative;overflow:hidden;isolation:isolate;transition:transform .4s var(--ease),color .3s}
.pj-cta::before{content:"";position:absolute;inset:0;background:#fff;transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1}
.pj-cta:hover{color:#000;transform:scale(1.05)}
.pj-cta:hover::before{transform:none}
.pj-cta i{font-style:normal}

/* ---------- Siteden kareler: Gemlik'te Hayat yeniden çizimleri (1280x800) ---------- */
.sc{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#15181c;background:#f2f4f5;line-height:1.35;font-size:14px;text-align:left}
.sc *{box-sizing:border-box;margin:0;padding:0}
.sc a{color:inherit;text-decoration:none;cursor:inherit}
.sc-w{width:100%;height:100%;overflow:hidden;position:relative}
.sc img{display:block;width:100%;height:100%;object-fit:cover}
.sc img.yok{visibility:hidden}
.sc-promo{background:#2b2f33;color:#fff;font-size:12px;text-align:center;padding:9px 40px;font-weight:600;line-height:1.3}
.sc-promo b{background:#5c636a;border-radius:99px;padding:3px 12px;margin-left:10px;font-weight:600;white-space:nowrap}
.sc-ust{display:flex;align-items:center;gap:14px;padding:9px 60px;background:#fff;border-bottom:1px solid #e3e6e9;font-size:12px}
.sc-son{flex:none;background:#2b2f33;color:#fff;font-weight:800;font-size:10.5px;border-radius:99px;padding:5px 12px;letter-spacing:.05em}
.sc-ust em{font-style:normal;font-weight:600;color:#333;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-arac{color:#6a7178;font-size:11px;white-space:nowrap}
.sc-logo{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 0 6px;background:#fff;height:78px}
.sc-logo img{width:auto;height:64px;object-fit:contain}
.sc-logo i{font-family:"Segoe Script","Brush Script MT",cursive;font-size:22px;color:#3b4045}
.sc-nav{display:flex;justify-content:center;gap:28px;background:#fff;border-bottom:1px solid #e3e6e9;padding:9px 0 11px;font-size:13px;font-weight:700;color:#22262a}
.sc-namaz{margin:16px 60px 0;border-radius:14px;padding:14px 26px;display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#0f5148,#0a3a35);color:#fff}
.sc-namaz>b{font-size:22px;font-weight:800;color:#e4f3ef;white-space:nowrap}
.sc-namaz .sel{background:#e9f1ef;color:#345;border-radius:8px;padding:6px 26px 6px 12px;font-size:12px;position:relative}
.sc-namaz .getir{background:#e8b13a;color:#1f1500;border-radius:8px;padding:6px 14px;font-weight:800;font-size:12px}
.sc-say{margin-left:auto;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.28);border-radius:12px;padding:8px 14px;flex-wrap:wrap;justify-content:center;max-width:430px}
.sc-say>small{flex-basis:100%;text-align:center;font-size:10.5px;color:#cfe;letter-spacing:.03em}
.sc-say span{display:flex;flex-direction:column;align-items:center;min-width:64px;border:1.5px solid #e8b13a;border-radius:8px;padding:2px 10px}
.sc-say span b{font-size:24px;line-height:1.1;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.sc-say span small{font-size:8px;font-weight:800;color:#e8b13a}
.sc-say i{font-style:normal;font-size:22px;font-weight:800}
.sc-man{display:grid;grid-template-columns:1.75fr 1fr;gap:14px;margin:16px 60px 0;height:432px}
.sc a.sc-man-b{color:#fff}
.sc-man-b{position:relative;overflow:hidden;border-radius:14px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px 28px 34px;color:#fff;background:#222}
.sc-man-b>img,.sc-gun>a>img,.sc-gez>a>img{position:absolute;inset:0;z-index:0}
.sc-man-b::after,.sc-gun a.b::after,.sc-gez a.b::after,.sc-hk::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.82));z-index:1}
.sc-man-b>*:not(img){position:relative;z-index:2}
.sc-tag{align-self:flex-start;background:#1b6566;color:#fff;font-style:normal;font-size:11px;font-weight:700;padding:4px 11px;border-radius:6px;margin-bottom:10px}
.sc-tag.kt{background:#e8b13a;color:#1f1500;margin-bottom:5px}
.sc-man-b h3{font-size:31px;line-height:1.15;font-weight:800;max-width:88%}
.sc-nok{display:flex;gap:6px;margin-top:16px}
.sc-nok u{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5)}
.sc-nok u.on{background:#fff;width:22px;border-radius:99px}
.sc-man-y{display:grid;grid-template-rows:repeat(4,1fr);gap:10px}
.sc-man-y a{display:grid;grid-template-columns:150px 1fr;gap:12px;background:#fff;border-radius:12px;overflow:hidden;align-items:stretch}
.sc-man-y a>img{height:100%}
.sc-man-y a>span{padding:10px 12px 10px 0;display:flex;flex-direction:column;justify-content:center}
.sc-man-y b{font-size:14.5px;line-height:1.25;font-weight:700}
.sc-ic{padding:18px 60px;display:grid;gap:26px}
.sc-ic:has(.sc-yan){grid-template-columns:1fr 310px}
.sc-hab{background:#fff;border-radius:14px;padding:22px 28px;overflow:hidden;height:590px}
.sc-yol{font-size:12px;color:#6a7178;margin-bottom:8px}
.sc-yol b{color:#1b6566}
.sc-hab h2{font-size:29px;line-height:1.15;font-weight:800;margin-bottom:10px}
.sc-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:#6a7178;margin-bottom:14px}
.sc-meta.yz .sc-av{width:34px;height:34px}
.sc-meta.yz b{color:#15181c;font-size:13px}
.sc-kapak{height:236px;border-radius:10px;overflow:hidden;margin-bottom:14px}
.sc-p{font-size:14.5px;line-height:1.6;color:#2b3036;margin-bottom:10px}
.sc-yan{background:#fff;border-radius:14px;padding:18px;height:590px;overflow:hidden}
.sc-yan h4{font-size:16px;font-weight:800;padding-bottom:10px;margin-bottom:10px;border-bottom:3px solid #1b6566;display:inline-block}
.sc-yan a{display:grid;grid-template-columns:96px 1fr;gap:10px;margin-bottom:12px;align-items:center}
.sc-yan a>img{height:64px;border-radius:8px}
.sc-yan a b{font-size:12.5px;line-height:1.25;font-weight:700}
.sc-yy{display:grid;grid-template-columns:44px 1fr;gap:10px;margin-bottom:14px;align-items:center}
.sc-yy small{display:block;font-size:11.5px;color:#5c636a;line-height:1.25;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-yy b{font-size:13px}
.sc-av{display:block;flex:none;width:52px;height:52px;border-radius:50%;overflow:hidden;background:#dfe6e5;border:2px solid #fff;box-shadow:0 0 0 2px #e8b13a}
.sc-av.kc{width:44px;height:44px}
.sc-av.bas{display:grid;place-items:center;background:#1b6566;color:#fff;font-weight:800;font-size:18px}
.sc-av.kc.bas{font-size:15px}
.sc-bas{font-size:24px;font-weight:800;margin-bottom:14px;display:flex;align-items:baseline;gap:14px;border-left:5px solid #e8b13a;padding-left:12px}
.sc-bas small{font-size:13px;font-weight:600;color:#6a7178}
.sc-yaz{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sc-y{background:#fff;border-radius:14px;padding:16px;height:152px;overflow:hidden;display:grid;grid-template-columns:52px 1fr;column-gap:12px;align-content:start;border:1px solid #e6e9ec}
.sc-y b{font-size:14.5px;align-self:center}
.sc-y span:not(.sc-av){grid-column:1/-1;margin-top:10px;font-size:12.5px;line-height:1.35;color:#3c434a;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sc-y.hep{display:grid;place-items:center;background:#1b6566;color:#fff;border:0}
.sc-y.hep b{font-size:16px}
.sc-gun{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr 150px;gap:12px;height:522px}
.sc-gun a.hep{display:grid;place-items:center;grid-column:span 2;background:#1b6566;color:#fff;font-size:20px;font-weight:800}
.sc-gun a{position:relative;overflow:hidden;border-radius:12px;background:#dfe3e5}
.sc-gun a.b{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff}
.sc-gun a.b>*:not(img){position:relative;z-index:2}
.sc-gun a.b h3{font-size:28px;line-height:1.15;font-weight:800}
.sc-gun a:not(.b) b{position:absolute;left:0;right:0;bottom:0;z-index:2;color:#fff;padding:26px 12px 10px;font-size:13px;line-height:1.25;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.sc-gez{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:12px;height:522px}
.sc-gez a{position:relative;overflow:hidden;border-radius:12px;background:#dfe3e5}
.sc-gez a.b{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;color:#fff}
.sc-gez a.b>*:not(img){position:relative;z-index:2}
.sc-gez a.b h3{font-size:25px;line-height:1.15;font-weight:800;max-width:90%}
.sc-gez a:not(.b) b{position:absolute;left:0;right:0;bottom:0;z-index:2;color:#fff;padding:36px 14px 12px;font-size:13.5px;line-height:1.25;background:linear-gradient(transparent,rgba(0,0,0,.85))}
/* mobil */
.sc-mob{background:radial-gradient(60% 70% at 20% 20%,rgba(79,169,160,.22),transparent),radial-gradient(50% 60% at 85% 85%,rgba(240,161,42,.18),transparent),#0c1517;display:flex;align-items:center;justify-content:center;gap:54px}
.sc-tel{flex:none;width:326px;height:690px;border-radius:46px;background:#050505;padding:11px;box-shadow:0 0 0 2px #2b3a3d,0 40px 80px rgba(0,0,0,.55)}
.sc-ekr{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:#f2f4f5}
.sc-promo.m{font-size:9.5px;padding:24px 16px 8px}
.sc-mlogo{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff}
.sc-mlogo img{width:auto;height:44px;object-fit:contain}
.sc-mlogo .ham,.sc-mlogo .ik{display:flex;flex-direction:column;gap:4px;width:22px}
.sc-mlogo u{display:block;height:2.5px;border-radius:2px;background:#2b2f33}
.sc-mlogo .ik{flex-direction:row;width:auto;gap:8px}.sc-mlogo .ik u{width:16px;height:16px;border-radius:50%;background:none;border:2px solid #2b2f33}
.sc-ust.m{padding:8px 14px;font-size:11px}
.sc-namaz.m{margin:10px 12px 0;padding:12px;flex-direction:column;gap:8px;align-items:stretch}
.sc-namaz.m>b{font-size:15px}
.sc-namaz.m .sc-say{margin:0;padding:6px;max-width:none;gap:5px}
.sc-namaz.m .sc-say span{min-width:56px}.sc-namaz.m .sc-say span b{font-size:20px}
.sc-man-b.m{margin:10px 12px 0;height:262px;padding:16px}
.sc-man-b.m h3{font-size:18px}
.sc-alt{position:absolute;left:10px;right:10px;bottom:12px;background:#fff;border-radius:99px;padding:11px 8px;display:flex;justify-content:space-around;font-size:9.5px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.18);color:#33393e}
.sc-orta{width:300px;color:#fff}
.sc-et{font-size:12px;font-weight:700;letter-spacing:.16em;color:#f0a12a;margin-bottom:12px}
.sc-orta h3{font-size:46px;line-height:1.02;font-weight:850;margin-bottom:16px}
.sc-orta p:last-child{font-size:15px;line-height:1.6;color:#b7c6c8}
.sc-bas.m{font-size:16px;margin:14px 12px 10px}
.sc-ykart{display:flex;flex-direction:column;gap:8px;padding:0 12px}
.sc-y.m{height:auto;padding:10px 12px;grid-template-columns:40px 1fr;column-gap:10px}
.sc-y.m .sc-av{width:40px;height:40px;font-size:15px}
.sc-y.m span:not(.sc-av){margin-top:6px;font-size:11.5px;-webkit-line-clamp:2}
.sc-hk{position:relative;display:block;height:170px;margin:0 12px 10px;border-radius:12px;overflow:hidden;background:#dfe3e5}
.sc-hk>img{position:absolute;inset:0}
.sc-hk b{position:absolute;left:0;right:0;bottom:0;z-index:2;color:#fff;padding:24px 12px 10px;font-size:13px;line-height:1.25}
/* ===== Portfolyo · 02 · Bulutoğlu Grup ===== */
.pjt-bulut{--g-gun:#8fb8ff}
.pjt-bulut .pj-hero{background:radial-gradient(55% 60% at 88% 8%,rgba(70,128,235,.30),transparent 70%),radial-gradient(45% 50% at 6% 92%,rgba(214,169,96,.16),transparent 70%)}
.pjt-bulut .pj-cerceve{box-shadow:0 50px 120px -40px rgba(70,128,235,.45)}
.pjt-bulut .pj-son{background:radial-gradient(60% 80% at 50% 100%,rgba(70,128,235,.28),transparent 70%),#000}
.pjt-bulut .sc-mob{background:radial-gradient(60% 70% at 20% 20%,rgba(70,128,235,.26),transparent),radial-gradient(50% 60% at 85% 85%,rgba(214,169,96,.16),transparent),#0a0d14}
.pjt-bulut .sc-tel{box-shadow:0 0 0 2px #2c3346,0 40px 80px rgba(0,0,0,.55)}
.pjt-bulut .sc-et{color:#8fb8ff}
.pjt-bulut .sc-orta p:last-child{color:#b5bfd3}
/* Dört marka */
.pj-mk{background:#050505;border-top:1px solid var(--cizgi)}
.pj-mk-g{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:760px){.pj-mk-g{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1180px){.pj-mk-g{grid-template-columns:repeat(4,1fr)}}
.pj-mk-k{position:relative;display:flex;flex-direction:column;gap:18px;padding:clamp(22px,2.2vw,32px);border-radius:clamp(16px,1.6vw,24px);background:linear-gradient(160deg,#131722,#0b0c10);border:1px solid #232838;overflow:hidden;transition:border-color .3s,transform .5s var(--ease)}
.pj-mk-k:hover{border-color:#5b8be6;transform:translateY(-4px)}
.pj-mk-k>span{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8fb8ff}
.pj-mk-k .lg{height:74px;display:flex;align-items:center}
.pj-mk-k .lg img{max-height:100%;max-width:100%;width:auto;object-fit:contain;object-position:left center;display:block}
.pj-mk-k h4{margin:0;font-size:clamp(20px,1.7vw,26px);font-weight:800;font-variation-settings:"wdth" 112;line-height:1.1}
.pj-mk-k p{margin:0;color:#b8bdca;font-size:15px;line-height:1.55;flex:1}
.pj-mk-k ul{display:flex;flex-wrap:wrap;gap:6px}
.pj-mk-k li{padding:5px 11px;border-radius:99px;border:1px solid #2a3042;font-size:12px;color:#c9cfdd}
.pj-mk-k .btn{align-self:flex-start;padding:12px 18px;font-size:14px}
/* Sosyal medya videoları */
.pj-sv{background:#050505;border-top:1px solid var(--cizgi)}
.pj-sv-g{display:grid;gap:14px}
@media (min-width:820px){.pj-sv-g{grid-template-columns:repeat(3,1fr)}}
.pj-sv-k{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(240px,26vw,340px);padding:clamp(20px,2vw,28px);border-radius:clamp(16px,1.6vw,24px);overflow:hidden;isolation:isolate;color:#fff;background:#111;border:1px solid #222}
.pj-sv-k>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s var(--ease),filter .4s}
.pj-sv-k::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 20%,rgba(0,0,0,.88))}
.pj-sv-k:hover>img{transform:scale(1.06);filter:brightness(.85)}
.pj-sv-k .pl{position:absolute;right:20px;top:20px;width:54px;height:54px;border-radius:50%;background:var(--kirmizi);display:grid;place-items:center;transition:transform .4s var(--ease)}
.pj-sv-k:hover .pl{transform:scale(1.12)}
.pj-sv-k .pl svg{width:40%;translate:6% 0}
.pj-sv-k em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8fb8ff;margin-bottom:8px}
.pj-sv-k b{font-size:clamp(18px,1.6vw,24px);line-height:1.2;font-weight:800;font-variation-settings:"wdth" 108}
.pj-sv-k.t{background:linear-gradient(150deg,#161b29,#0a0c12)}
.pj-sv-k.t .pl{background:#1a2033;border:1.5px solid #3a4360}

/* ===== Siteden kareler: Bulutoğlu yeniden çizimleri (1280x800) ===== */
.sc .bl-w{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;color:#0e1330;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.sc .bl-bant{background:#000;color:#fff;font-weight:800;font-size:15px;height:36px;white-space:nowrap;overflow:hidden;display:flex;align-items:center}
.sc .bl-bant span{padding:0 26px}
.sc .bl-ust2{background:#f4f5f7;border-bottom:1px solid #e6e8ec;display:flex;gap:44px;padding:10px 56px;font-size:12px;color:#616877}
.sc .bl-ust2 b{color:#0e1330;font-weight:700}
.sc .bl-bas{display:flex;align-items:center;gap:36px;padding:12px 56px}
.sc .bl-bas .lg img{height:48px;width:auto;object-fit:contain}
.sc .bl-ara{flex:1;max-width:540px;height:40px;border:1px solid #d8dbe2;border-radius:10px;display:flex;align-items:center;padding:0 16px;color:#8b91a0;font-size:13px}
.sc .bl-wa{margin-left:auto;font-size:11px;color:#616877;line-height:1.35}
.sc .bl-wa b{display:block;color:#0e1330;font-size:12px;font-weight:700}
.sc .bl-nav{display:flex;gap:32px;padding:6px 56px 12px;font-size:14px;font-weight:600;color:#1c2452;border-bottom:1px solid #eceef2}
.sc .bl-hz{display:flex;justify-content:center;gap:120px;padding:14px 56px;font-size:12px;color:#616877;text-align:center;line-height:1.35}
.sc .bl-hz b{display:block;color:#0e1330;font-size:13px;font-weight:700}
.sc .bl-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 56px}
.sc .bl-k1{position:relative;height:478px;border-radius:20px;overflow:hidden;background:#eeeef0;padding:38px 42px;display:flex;flex-direction:column}
.sc .bl-k2{position:relative;height:478px;border-radius:20px;overflow:hidden;background:#000;color:#fff;padding:38px 42px;display:flex;flex-direction:column}
.sc .bl-k1>img{position:absolute;left:8%;right:8%;bottom:-6px;width:84%;height:64%;object-fit:contain;object-position:center bottom}
.sc .bl-k2>img{position:absolute;inset:0;object-fit:cover;opacity:.95}
.sc .bl-k1>*:not(img),.sc .bl-k2>*:not(img){position:relative;z-index:2}
.sc .bl-k1 small,.sc .bl-k2 small{font-size:14px;font-weight:600;color:#59607a}
.sc .bl-k2 small{color:#cfd3e2}
.sc .bl-k1 h3,.sc .bl-k2 h3{font-size:30px;line-height:1.15;font-weight:800;margin:6px 0 20px}
.sc .bl-btn{display:inline-block;align-self:flex-start;background:#3a35e8;color:#fff;font-weight:700;font-size:14px;border-radius:10px;padding:12px 24px}
.sc .bl-h2{font-size:26px;font-weight:800;color:#0e1330;padding:16px 56px 2px}
.sc .bl-h2+p{padding:0 56px;font-size:13px;color:#616877}
.sc .bl-uc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:14px 56px 0}
.sc .bl-u{display:grid;grid-template-columns:150px 1fr;gap:16px;background:#fff;border:1px solid #e6e8ec;border-radius:16px;padding:16px;align-items:center;min-height:190px}
.sc .bl-u .im{height:150px;background:#f4f5f7;border-radius:12px;overflow:hidden}
.sc .bl-u .im img{object-fit:contain;padding:6px}
.sc .bl-u b{display:block;font-size:14.5px;line-height:1.25;font-weight:700;margin-bottom:8px}
.sc .bl-u li{list-style:none;font-size:12px;color:#616877;line-height:1.35;padding-left:12px;position:relative;margin-top:3px}
.sc .bl-u li::before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:#3a35e8}
.sc .bl-yeni{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:12px 56px 0}
.sc .bl-y{background:#fff;border:1px solid #e6e8ec;border-radius:16px;padding:10px;text-align:center}
.sc .bl-y .im{height:150px;background:#f4f5f7;border-radius:10px;overflow:hidden}
.sc .bl-y .im img{object-fit:contain;padding:8px}
.sc .bl-y b{display:block;font-size:12.5px;line-height:1.3;font-weight:700;padding:9px 4px 2px;height:44px;overflow:hidden}
/* İnşaat */
.sc .bl-in{background:#0b0c0e;color:#fff}
.sc .bl-in>img.bg{position:absolute;inset:0;object-fit:cover}
.sc .bl-in::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.78) 0,rgba(0,0,0,.25) 55%,rgba(0,0,0,.05)),linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%,rgba(0,0,0,.5))}
.sc .bl-in>.bl-imenu{position:relative;z-index:2}
.sc .bl-w .im{display:block}
.sc .bl-imenu{display:flex;align-items:center;gap:34px;padding:22px 56px;font-size:13px;font-weight:700}
.sc .bl-imenu img{height:44px;width:auto;margin-right:auto;object-fit:contain}
.sc .bl-imenu b{color:#d8b26e}
.sc .bl-ihero{position:absolute!important;z-index:2;left:56px;bottom:64px;max-width:560px}
.sc .bl-ihero small{font-size:13px;letter-spacing:.3em;font-weight:700;color:#d8b26e}
.sc .bl-ihero h3{font-size:104px;line-height:.9;font-weight:850;letter-spacing:-.01em;margin:10px 0 22px}
.sc .bl-ihero p{font-size:17px;line-height:1.5;color:#e5e7ee;max-width:480px;margin-bottom:24px}
.sc .bl-ihero .bl-btn{background:#d8b26e;color:#1a1204}
.sc .bl-daire{position:absolute!important;z-index:2;right:56px;bottom:64px;width:330px;padding:22px 24px;border-radius:18px;background:rgba(10,10,12,.62);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}
.sc .bl-daire h4{font-size:12px;letter-spacing:.2em;color:#d8b26e;margin-bottom:12px;font-weight:700}
.sc .bl-daire li{list-style:none;display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:8px 0;border-top:1px solid rgba(255,255,255,.12)}
.sc .bl-daire li span{color:#c5c9d6}
.sc .bl-daire li b{font-weight:800}
.sc .bl-ig{background:#0d0e11;color:#fff;padding:0}
.sc .bl-ig .bl-imenu{background:#000;padding:16px 56px}
.sc .bl-ig-g{position:absolute;z-index:2;left:56px;top:96px;width:760px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sc .bl-ig-g .r{height:158px;border-radius:12px;overflow:hidden;background:#222}
.sc .bl-ig-b{position:absolute;z-index:2;left:56px;top:78px;font-size:13px}
.sc .bl-ig-y{position:absolute;z-index:2;right:56px;top:96px;width:352px;display:flex;flex-direction:column;gap:12px}
.sc .bl-kat{background:#fff;border-radius:14px;padding:10px;height:246px}
.sc .bl-kat img{object-fit:contain}
.sc .bl-ilt{background:#15171c;border:1px solid #262a33;border-radius:14px;padding:18px 22px;font-size:13px;line-height:1.6;color:#c9ceda}
.sc .bl-ilt h5{font-size:12px;letter-spacing:.2em;color:#d8b26e;margin-bottom:8px;font-weight:700}
.sc .bl-ilt b{color:#fff;font-size:20px;display:block;margin-bottom:4px}
.sc .bl-ig-alt{position:absolute;z-index:2;left:56px;bottom:28px;right:56px;display:flex;justify-content:space-between;align-items:flex-end;color:#c9ceda;font-size:14px;line-height:1.5}
.sc .bl-ig-alt h3{font-size:34px;font-weight:850;color:#fff;line-height:1}
.sc .bl-ig-alt p{max-width:560px}
/* Enza */
.sc .bl-en .bl-bas .lg img{height:56px}
.sc .bl-en .bl-nav{justify-content:flex-start}
.sc .bl-en-ust{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;padding:14px 56px 0;align-items:center}
.sc .bl-en-ust small{display:block;font-size:14px;color:#616877;font-weight:600;margin-bottom:4px}
.sc .bl-en-ust h3{font-size:92px;line-height:.9;font-weight:850;letter-spacing:-.02em;color:#101114}
.sc .bl-en-ust h3 span{color:#1f83c8}
.sc .bl-en-ust p{font-size:14px;color:#616877;margin-top:8px}
.sc .bl-oda{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sc .bl-oda div{position:relative;height:190px;border-radius:14px;overflow:hidden;background:#ddd}
.sc .bl-oda div::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.7))}
.sc .bl-oda b{position:absolute;left:16px;bottom:12px;z-index:2;color:#fff;font-size:17px}
.sc .bl-berjer{display:grid;grid-template-columns:300px 1fr;gap:26px;padding:20px 56px 0;align-items:start}
.sc .bl-berjer small{font-size:13px;letter-spacing:.14em;color:#1f83c8;font-weight:700}
.sc .bl-berjer h4{font-size:34px;line-height:1.05;font-weight:850;margin:8px 0 12px}
.sc .bl-berjer p{font-size:14px;line-height:1.5;color:#616877;margin-bottom:18px}
.sc .bl-berjer .bl-btn{background:#101114}
.sc .bl-b6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.sc .bl-b6 div{background:#f5f6f8;border-radius:14px;padding:8px 8px 10px;text-align:center}
.sc .bl-b6 .im{height:132px;border-radius:10px;overflow:hidden;background:#fff}
.sc .bl-b6 b{display:block;margin-top:8px;font-size:13px}
.sc .bl-kat2{margin:18px 56px 0;display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;background:#101114;color:#fff;border-radius:16px;padding:14px 26px 14px 14px}
.sc .bl-kat2 .im{height:96px;border-radius:10px;overflow:hidden;background:#222}
.sc .bl-kat2 small{font-size:12px;letter-spacing:.14em;color:#8fb8ff;font-weight:700}
.sc .bl-kat2 b{display:block;font-size:22px;font-weight:800;margin-top:4px}
/* İşbir */
.sc .bl-is .bl-bas .lg img{height:54px}
.sc .bl-is .bl-nav{font-size:13px;letter-spacing:.02em;gap:30px}
.sc .bl-is-h{position:relative;margin:0 56px;height:300px;border-radius:20px;overflow:hidden;background:#222;color:#fff}
.sc .bl-is-h>img{position:absolute;inset:0;object-fit:cover}
.sc .bl-is-h::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12) 65%)}
.sc .bl-is-h div{position:absolute;z-index:2;left:44px;bottom:38px;max-width:520px}
.sc .bl-is-h small{font-size:12px;letter-spacing:.2em;font-weight:700;color:#ff6a6a}
.sc .bl-is-h h3{font-size:42px;line-height:1.05;font-weight:850;margin:8px 0 10px}
.sc .bl-is-h p{font-size:14px;line-height:1.5;color:#e2e4ea}
.sc .bl-is-u{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:16px 56px 0}
.sc .bl-is-u div{border:1px solid #ececf0;border-radius:14px;padding:8px;text-align:center;background:#fff}
.sc .bl-is-u .im{height:130px;border-radius:10px;overflow:hidden;background:#f5f5f7}
.sc .bl-is-u b{display:block;font-size:13px;padding:8px 2px 2px;font-weight:700}
.sc .bl-is-o{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;padding:16px 56px 0}
.sc .bl-is-o .nd{font-size:13px;line-height:1.55;color:#424a5c}
.sc .bl-is-o .nd b{display:block;font-size:20px;color:#0e1330;margin-bottom:5px}
.sc .bl-is-o .odul{background:#e30613;color:#fff;border-radius:16px;padding:18px 24px;display:flex;flex-direction:column;justify-content:center}
.sc .bl-is-o .odul b{font-size:24px;font-weight:850;line-height:1.05}
.sc .bl-is-o .odul span{font-size:12.5px;line-height:1.4;margin-top:6px;color:#ffe0e2}
/* mobil ekran içerikleri */
.sc .bl-m{background:#fff;color:#0e1330}
.sc .bl-m .bl-bant{font-size:10px;height:26px;padding-top:0}
.sc .bl-mh{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}
.sc .bl-mh img{height:36px;width:auto;object-fit:contain}
.sc .bl-mh .ham{display:flex;flex-direction:column;gap:4px;width:22px}
.sc .bl-mh .ham u{display:block;height:2.5px;border-radius:2px;background:#1c2452}
.sc .bl-mara{margin:2px 14px 10px;height:34px;border:1px solid #d8dbe2;border-radius:9px;display:flex;align-items:center;padding:0 12px;font-size:11px;color:#8b91a0}
.sc .bl-mk1{position:relative;margin:0 14px;height:250px;border-radius:16px;overflow:hidden;background:#eeeef0;padding:20px 20px}
.sc .bl-mk1>img{position:absolute;left:8%;bottom:-4px;width:84%;height:60%;object-fit:contain;object-position:center bottom}
.sc .bl-mk1 small{font-size:11px;color:#59607a;font-weight:600;position:relative}
.sc .bl-mk1 h3{position:relative;font-size:19px;line-height:1.15;font-weight:800;margin:4px 0 10px}
.sc .bl-mk1 .bl-btn{position:relative;font-size:11px;padding:8px 16px}
.sc .bl-mk2{position:relative;margin:12px 14px 0;height:196px;border-radius:16px;overflow:hidden;background:#000;color:#fff;padding:20px}
.sc .bl-mk2>img{position:absolute;inset:0;object-fit:cover}
.sc .bl-mk2 small,.sc .bl-mk2 h3{position:relative}
.sc .bl-mk2 small{font-size:11px;color:#cfd3e2}
.sc .bl-mk2 h3{font-size:18px;line-height:1.15;font-weight:800;margin-top:4px}
.sc .bl-mi{position:relative;height:100%;background:#0b0c0e;color:#fff}
.sc .bl-mi>img{position:absolute;inset:0;object-fit:cover}
.sc .bl-mi::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.92) 30%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.55))}
.sc .bl-mi>*:not(img){position:relative;z-index:2}
.sc .bl-mi .bl-mh{background:transparent}
.sc .bl-mi .bl-mh .ham u{background:#fff}
.sc .bl-mi .t{position:absolute!important;left:20px;right:20px;bottom:88px}
.sc .bl-mi small{font-size:10px;letter-spacing:.26em;color:#d8b26e;font-weight:700}
.sc .bl-mi h3{font-size:44px;line-height:.92;font-weight:850;margin:6px 0 10px}
.sc .bl-mi p{font-size:11.5px;line-height:1.45;color:#dfe2ea}
.sc .bl-mi .dl{position:absolute!important;left:14px;right:14px;bottom:70px;display:none}
/* Tek çatı ekranı */
.sc .bl-cati{background:radial-gradient(60% 60% at 82% 30%,rgba(70,128,235,.28),transparent 70%),radial-gradient(50% 50% at 10% 100%,rgba(214,169,96,.16),transparent 70%),#07080c;color:#fff}
.sc .bl-cati-ust{position:absolute;left:0;right:0;top:0;display:flex;justify-content:center;gap:52px;padding:16px 0;font-size:13px;color:#98a0b5;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.35)}
.sc .bl-cati-ust b{color:#fff}
.sc .bl-cati-sol{position:absolute;left:64px;top:170px;width:540px}
.sc .bl-cati-sol small{font-size:13px;letter-spacing:.24em;font-weight:700;color:#8fb8ff}
.sc .bl-cati-sol h3{font-size:92px;line-height:.92;font-weight:850;letter-spacing:-.02em;margin:14px 0 24px}
.sc .bl-cati-sol p{font-size:19px;line-height:1.5;color:#c3c9da;max-width:460px;margin-bottom:26px}
.sc .bl-cati-sol .pill{display:inline-block;padding:11px 22px;border-radius:99px;background:#e52521;font-weight:800;font-size:15px}
.sc .bl-cati-sag{position:absolute;right:64px;top:112px;width:590px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sc .bl-cati-sag .t{height:246px;border-radius:22px;background:linear-gradient(160deg,#151a28,#0b0d13);border:1px solid #262c40;padding:26px 26px 22px;display:flex;flex-direction:column}
.sc .bl-cati-sag .lg{height:96px;display:flex;align-items:center}
.sc .bl-cati-sag .lg img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:left center}
.sc .bl-cati-sag b{margin-top:auto;font-size:26px;font-weight:800}
.sc .bl-cati-sag i{font-style:normal;font-size:14px;color:#8fb8ff;margin-top:2px}
.sc .bl-cati-alt{position:absolute;left:0;right:0;bottom:36px;display:flex;justify-content:center}
.sc .bl-cati-alt img{width:620px;height:auto;object-fit:contain}
/* ===== Portfolyo · 03 · Kavlak Zeytin ===== */
.pjt-kavlak{--g-gun:#d7a53e}
.pjt-kavlak .pj-hero{background:radial-gradient(55% 60% at 88% 8%,rgba(94,20,26,.35),transparent 70%),radial-gradient(45% 50% at 6% 92%,rgba(215,165,62,.18),transparent 70%)}
.pjt-kavlak .pj-cerceve{box-shadow:0 50px 120px -40px rgba(94,20,26,.5)}
.pjt-kavlak .pj-son{background:radial-gradient(60% 80% at 50% 100%,rgba(94,20,26,.32),transparent 70%),#000}
.pjt-kavlak .sc-mob{background:radial-gradient(60% 70% at 20% 20%,rgba(94,20,26,.3),transparent),radial-gradient(50% 60% at 85% 85%,rgba(215,165,62,.16),transparent),#0f0a08}
.pjt-kavlak .sc-tel{box-shadow:0 0 0 2px #3a1c1c,0 40px 80px rgba(0,0,0,.55)}
.pjt-kavlak .sc-et{color:#d7a53e}
.pjt-kavlak .sc-orta p:last-child{color:#d3c3b8}
.pjt-kavlak .pj-oynat{box-shadow:0 40px 90px -40px rgba(94,20,26,.5)}
/* Hizmetler (3 kart) */
.pjt-kavlak .pj-mk-g{grid-template-columns:1fr}
@media (min-width:760px){.pjt-kavlak .pj-mk-g{grid-template-columns:repeat(3,1fr)}}
.pjt-kavlak .pj-mk-k:hover{border-color:#d7a53e}
.pjt-kavlak .pj-mk-k>span{color:#d7a53e}
.pjt-kavlak .pj-mk-k .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg,#4d0c12,#26060a);display:grid;place-items:center;margin-bottom:2px}
.pjt-kavlak .pj-mk-k .ic svg{width:26px;height:26px;stroke:#d7a53e;fill:none;stroke-width:1.8}

/* ===== Siteden kareler: Kavlak Zeytin yeniden çizimleri (1280x800) ===== */
.kv-w{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;color:#221a12;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.kv-bar{background:#4d0c12;color:#f4e6d8;font-size:13px;display:flex;align-items:center;justify-content:space-between;padding:9px 56px}
.kv-bar span{opacity:.92}
.kv-hd{display:flex;align-items:center;gap:34px;padding:16px 56px;border-bottom:1px solid #eee}
.kv-hd .lg{height:56px;flex:none}
.kv-hd .lg img{height:100%;width:auto;object-fit:contain}
.kv-ara{flex:1;max-width:560px;height:42px;border:1px solid #e2ded6;border-radius:10px;display:flex;align-items:center;padding:0 16px;color:#9a9083;font-size:13px}
.kv-ic{margin-left:auto;display:flex;gap:22px;color:#4d0c12;font-size:20px}
.kv-kat{display:flex;justify-content:center;gap:44px;padding:20px 56px 8px}
.kv-kat div{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#3a2c1e}
.kv-kat span{width:64px;height:64px;border-radius:50%;background:#f4efe6;display:grid;place-items:center;overflow:hidden}
.kv-kat img{width:70%;height:70%;object-fit:contain}
.kv-hero{position:relative;margin:8px 56px 0;height:270px;border-radius:16px;overflow:hidden;background:linear-gradient(120deg,#1c2410,#2c3417);color:#fff;display:flex;align-items:center}
.kv-hero .tx{position:relative;z-index:2;padding:0 0 0 46px;max-width:56%}
.kv-hero small{display:block;font-size:13px;letter-spacing:.22em;font-weight:700;color:#d7a53e;margin-bottom:8px}
.kv-hero h3{font-size:52px;line-height:.98;font-weight:850;margin:0 0 14px}
.kv-hero p{font-size:14px;color:#e7ddc9;max-width:380px;line-height:1.4}
.kv-hero .im{position:absolute;right:36px;bottom:0;top:16px;width:44%;display:flex;align-items:flex-end;justify-content:center;z-index:1}
.kv-hero .im img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.kv-hero .rb{position:absolute;left:46px;top:26px;z-index:2;background:#c8151f;color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;padding:6px 13px;border-radius:99px}
.kv-h2{font-size:25px;font-weight:800;padding:22px 56px 0;color:#221a12}
.kv-yol{padding:0 56px;font-size:12px;color:#9a9083;margin-top:4px}
.kv-yol b{color:#4d0c12}
.kv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:14px 56px 0}
.kv-u{border:1px solid #eee;border-radius:14px;padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px}
.kv-u .im{height:130px;border-radius:10px;background:#faf7f1;display:grid;place-items:center;overflow:hidden}
.kv-u .im img{max-width:82%;max-height:86%;object-fit:contain}
.kv-u .st{color:#d7a53e;font-size:11px;letter-spacing:1px}
.kv-u b{font-size:13px;line-height:1.3;font-weight:700;min-height:34px}
.kv-u .fy{display:flex;align-items:baseline;gap:8px}
.kv-u .fy b{font-size:15px;color:#4d0c12;min-height:0}
.kv-u .fy s{font-size:11px;color:#b8ada0}
.kv-u .sp{margin-top:auto;background:#f2f2f2;color:#221a12;text-align:center;font-size:11.5px;font-weight:700;border-radius:8px;padding:9px 0;letter-spacing:.02em}
.kv-rb{position:absolute;background:#000;color:#fff;font-size:10px;font-weight:800;padding:4px 8px;border-radius:5px;margin:-2px 0 4px}
/* ürün detay */
.kv-detay{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;padding:18px 56px 0}
.kv-detay .im{height:360px;border-radius:16px;background:#faf7f1;display:grid;place-items:center}
.kv-detay .im img{max-width:70%;max-height:82%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.14))}
.kv-detay .bil small{font-size:12px;color:#9a9083;letter-spacing:.05em}
.kv-detay .bil h3{font-size:27px;font-weight:800;margin:8px 0 10px;line-height:1.2}
.kv-detay .st{color:#d7a53e;font-size:13px;margin-bottom:12px}
.kv-detay .fy{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
.kv-detay .fy b{font-size:30px;color:#4d0c12}
.kv-detay .fy s{font-size:15px;color:#b8ada0}
.kv-detay .fy em{font-style:normal;background:#c8151f;color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:99px}
.kv-detay .ozel{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.kv-detay .ozel span{border:1px solid #e2ded6;border-radius:99px;padding:7px 14px;font-size:12px;color:#4d0c12}
.kv-detay .btn2{display:inline-block;background:#4d0c12;color:#fff;font-weight:700;font-size:14px;border-radius:10px;padding:13px 30px}
/* hakkımızda */
.kv-hk{position:relative;margin:10px 56px 0;height:300px;border-radius:18px;overflow:hidden;color:#fff}
.kv-hk img{position:absolute;inset:0;object-fit:cover}
.kv-hk::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,10,6,.82),rgba(20,10,6,.15) 65%)}
.kv-hk div{position:absolute;z-index:2;left:44px;top:50%;transform:translateY(-50%);max-width:520px}
.kv-hk small{font-size:12px;letter-spacing:.22em;color:#d7a53e;font-weight:700}
.kv-hk h3{font-size:40px;line-height:1.05;font-weight:850;margin:8px 0 12px}
.kv-hk p{font-size:14px;line-height:1.5;color:#f1e6da}
.kv-say{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 56px 0}
.kv-say div{background:#faf7f1;border-radius:14px;padding:16px;text-align:center}
.kv-say b{display:block;font-size:26px;font-weight:850;color:#4d0c12}
.kv-say span{font-size:12px;color:#7a6f60}
/* blog */
.kv-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:16px 56px 0}
.kv-bl-k{border:1px solid #eee;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.kv-bl-k .im{height:150px;background:#faf7f1}
.kv-bl-k .tx{padding:16px}
.kv-bl-k small{font-size:11px;color:#d7a53e;font-weight:700;letter-spacing:.06em}
.kv-bl-k b{display:block;font-size:15px;line-height:1.3;margin:8px 0 6px}
.kv-bl-k p{font-size:12.5px;color:#7a6f60;line-height:1.4}
/* mobil */
.kv-m{background:#fff;color:#221a12}
.kv-m .kv-bar{font-size:10px;padding:8px 16px}
.kv-mh{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}
.kv-mh img{height:34px;width:auto;object-fit:contain}
.kv-mh .ham{display:flex;flex-direction:column;gap:4px;width:20px}
.kv-mh .ham u{display:block;height:2.4px;border-radius:2px;background:#4d0c12}
.kv-mhero{position:relative;margin:0 14px;height:190px;border-radius:14px;overflow:hidden;background:linear-gradient(120deg,#1c2410,#2c3417);color:#fff}
.kv-mhero .tx{position:relative;z-index:2;padding:18px}
.kv-mhero small{font-size:10px;letter-spacing:.16em;color:#d7a53e;font-weight:700}
.kv-mhero h3{font-size:26px;line-height:1;font-weight:850;margin:6px 0}
.kv-mhero .im{position:absolute;right:6px;bottom:-6px;top:20px;width:42%}
.kv-mhero .im img{width:100%;height:100%;object-fit:contain}
.kv-mkat{display:flex;gap:16px;padding:14px 16px 0;overflow:hidden}
.kv-mkat div{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10.5px;font-weight:700;flex:none}
.kv-mkat span{width:46px;height:46px;border-radius:50%;background:#f4efe6;display:grid;place-items:center}
.kv-mkat img{width:66%;height:66%;object-fit:contain}
.kv-mgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 14px 0}
.kv-mgrid .im{height:96px;border-radius:10px;background:#faf7f1;display:grid;place-items:center}
.kv-mgrid img{max-width:78%;max-height:80%;object-fit:contain}
.kv-mgrid b{display:block;font-size:10.5px;margin-top:6px;line-height:1.25}
/* ===== Portfolyo · 04 · GEMTAŞ ===== */
.pjt-gemtas{--g-gun:#6f95e0}
.pjt-gemtas .pj-hero{background:radial-gradient(55% 60% at 88% 8%,rgba(46,75,148,.4),transparent 70%),radial-gradient(45% 50% at 6% 92%,rgba(184,151,136,.16),transparent 70%)}
.pjt-gemtas .pj-cerceve{box-shadow:0 50px 120px -40px rgba(46,75,148,.55)}
.pjt-gemtas .pj-son{background:radial-gradient(60% 80% at 50% 100%,rgba(46,75,148,.35),transparent 70%),#000}
.pjt-gemtas .sc-mob{background:radial-gradient(60% 70% at 20% 20%,rgba(46,75,148,.32),transparent),radial-gradient(50% 60% at 85% 85%,rgba(184,151,136,.16),transparent),#0a0d16}
.pjt-gemtas .sc-tel{box-shadow:0 0 0 2px #232c42,0 40px 80px rgba(0,0,0,.55)}
.pjt-gemtas .sc-et{color:#8fa8e6}
.pjt-gemtas .sc-orta p:last-child{color:#bcc3d6}
.pjt-gemtas .pj-oynat{box-shadow:0 40px 90px -40px rgba(46,75,148,.55)}
/* Hizmet alanları (5 kart) */
.pjt-gemtas .pj-mk-g{grid-template-columns:1fr}
@media (min-width:640px){.pjt-gemtas .pj-mk-g{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1180px){.pjt-gemtas .pj-mk-g{grid-template-columns:repeat(5,1fr)}}
.pjt-gemtas .pj-mk-k:hover{border-color:#6f95e0}
.pjt-gemtas .pj-mk-k>span{color:#8fa8e6}
.pjt-gemtas .pj-mk-k .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg,#2e4b94,#12203f);display:grid;place-items:center;margin-bottom:2px}
.pjt-gemtas .pj-mk-k .ic svg{width:26px;height:26px;stroke:#8fa8e6;fill:none;stroke-width:1.8}
.pjt-gemtas .pj-sv-k.t{background:linear-gradient(150deg,#182238,#0a0c12)}
.pjt-gemtas .pj-sv-k .pl{background:#2e4b94}
.pjt-gemtas .pj-sv-k.t .pl{background:#1a2540;border:1.5px solid #3a4b74}
.pjt-gemtas .pj-sv-k em{color:#8fa8e6}

/* ===== Siteden kareler: GEMTAŞ yeniden çizimleri (1280x800) ===== */
.gt-w{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;color:#26313f;font-family:"Nunito","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.gt-bar{background:#2c2c2c;color:#cfd3da;font-size:12.5px;display:flex;align-items:center;justify-content:space-between;padding:8px 56px}
.gt-bar span{opacity:.92}
.gt-bar a{color:#cfd3da}
.gt-hd{display:flex;align-items:center;gap:34px;padding:14px 56px;background:#2e4b94}
.gt-hd .lg{height:38px;flex:none}
.gt-hd .lg img{height:100%;width:auto;object-fit:contain}
.gt-nav{display:flex;gap:26px;margin-left:auto;font-size:13px;font-weight:700;color:#dfe6f7}
.gt-nav span.on{color:#fff;border-bottom:2px solid #b89788;padding-bottom:4px}
.gt-hero{position:relative;height:310px;overflow:hidden;color:#fff;display:flex;align-items:center}
.gt-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.gt-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,53,64,.82),rgba(21,53,135,.28) 60%,rgba(21,53,135,.1))}
.gt-hero .tx{position:relative;z-index:2;padding:0 0 0 56px;max-width:520px}
.gt-hero small{display:block;font-size:12.5px;letter-spacing:.2em;font-weight:800;color:#e3c9ae;margin-bottom:10px}
.gt-hero h3{font-size:38px;line-height:1.08;font-weight:850;margin:0 0 14px}
.gt-hero p{font-size:13.5px;color:#eef1f8;max-width:400px;line-height:1.45}
.gt-ist{padding:30px 56px 6px;text-align:center}
.gt-ist h2{font-size:24px;font-weight:800;color:#153587;margin:0 0 22px}
.gt-ist-g{display:flex;justify-content:center;gap:30px}
.gt-ist-g div{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12.5px;font-weight:700;color:#2c3648;width:108px}
.gt-ist-g span{width:56px;height:56px;border-radius:12px;background:#eef1fa;display:grid;place-items:center;color:#2e4b94}
.gt-ist-g svg{width:26px;height:26px;stroke:#2e4b94;fill:none;stroke-width:1.8}
.gt-say{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px 56px 0}
.gt-say div{background:#f7f5f2;border-radius:12px;padding:14px;text-align:center}
.gt-say b{display:block;font-size:13px;font-weight:800;color:#26313f;margin-bottom:8px}
.gt-say i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,#b89788,#9a7564)}
.gt-say span{display:block;margin-top:6px;font-size:11px;color:#8a8477}
/* Kent Lokantası sayfası */
.gt-kl-hero{position:relative;margin:28px 56px 0;height:230px;border-radius:16px;overflow:hidden;color:#fff}
.gt-kl-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gt-kl-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,20,.8),rgba(20,20,20,.1) 65%)}
.gt-kl-hero div{position:relative;z-index:2;padding:0 0 0 40px;max-width:64%}
.gt-kl-hero small{font-size:12px;letter-spacing:.18em;color:#e3c9ae;font-weight:800}
.gt-kl-hero h3{font-size:30px;font-weight:850;margin:8px 0 10px;line-height:1.12}
.gt-kl-hero p{font-size:13px;color:#e9e6df;line-height:1.4}
.gt-kl-kart{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 56px 0}
.gt-kl-kart div{border:1px solid #eee;border-radius:14px;padding:18px}
.gt-kl-kart b{display:block;font-size:22px;font-weight:850;color:#2e4b94;margin-bottom:6px}
.gt-kl-kart span{font-size:12px;color:#6b7280;line-height:1.4}
/* Cihatlı Konutları / Projeler */
.gt-pr-hero{position:relative;margin:24px 56px 0;height:260px;border-radius:16px;overflow:hidden;display:flex}
.gt-pr-hero img{width:50%;height:100%;object-fit:cover;flex:none;display:block}
.gt-pr-hero span{position:absolute;left:16px;top:16px;z-index:2;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:700;padding:5px 11px;border-radius:99px;letter-spacing:.04em}
.gt-pr-hero span:last-of-type{left:auto;right:16px}
.gt-pr-tx{padding:18px 56px 0}
.gt-pr-tx h3{font-size:24px;font-weight:850;color:#153587;margin:0 0 8px}
.gt-pr-tx p{font-size:13px;color:#5a6472;line-height:1.5;max-width:640px}
.gt-blok{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:16px 56px 0}
.gt-blok span{background:#eef1fa;color:#2e4b94;font-weight:800;font-size:13px;text-align:center;border-radius:8px;padding:10px 0}
.gt-oran{display:flex;gap:14px;padding:16px 56px 0}
.gt-oran div{flex:1;border:1px solid #eee;border-radius:12px;padding:14px;text-align:center}
.gt-oran b{display:block;font-size:16px;font-weight:800;color:#26313f}
.gt-oran span{font-size:11px;color:#8a8477}
/* Hakkımızda */
.gt-hk{padding:26px 56px 0}
.gt-hk h3{font-size:26px;font-weight:850;color:#153587;margin:0 0 10px}
.gt-hk p{font-size:13px;color:#5a6472;line-height:1.55;max-width:680px}
.gt-deg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 56px 0}
.gt-deg div{background:#f7f5f2;border-radius:12px;padding:16px 14px}
.gt-deg b{display:block;font-size:12.5px;font-weight:800;color:#2e4b94;margin-bottom:6px}
.gt-deg span{font-size:11px;color:#8a8477;line-height:1.4}
/* Instagram profil ekranı */
.gt-ig{background:#fff;height:100%;display:flex;flex-direction:column}
.gt-ig-top{display:flex;align-items:center;justify-content:space-between;padding:14px 56px;border-bottom:1px solid #eee;font-weight:800;font-size:15px}
.gt-ig-pf{display:flex;gap:26px;padding:22px 56px 0;align-items:center}
.gt-ig-av{width:88px;height:88px;border-radius:50%;background:linear-gradient(150deg,#2e4b94,#153587);display:grid;place-items:center;color:#fff;font-weight:850;font-size:26px;flex:none;box-shadow:0 0 0 3px #fff,0 0 0 5px #b89788}
.gt-ig-info b{font-size:15px;font-weight:800}
.gt-ig-stat{display:flex;gap:26px;margin:10px 0}
.gt-ig-stat div{font-size:13px}
.gt-ig-stat b{display:block;font-size:15px;font-weight:800}
.gt-ig-bio{font-size:12.5px;line-height:1.5;color:#26313f;max-width:420px}
.gt-ig-hl{display:flex;gap:18px;padding:18px 56px 0}
.gt-ig-hl div{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10.5px;color:#444}
.gt-ig-hl span{width:52px;height:52px;border-radius:50%;background:#f1f1f1;border:1px solid #dedede}
.gt-ig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:18px 0 0;flex:1}
.gt-ig-grid div{position:relative;background:linear-gradient(150deg,#2e4b94,#153587);overflow:hidden}
.gt-ig-grid div:nth-child(3n+2){background:linear-gradient(150deg,#9a7564,#5c3f30)}
.gt-ig-grid div:nth-child(3n+3){background:linear-gradient(150deg,#3a4a63,#1c2433)}
.gt-ig-grid em{position:absolute;left:8px;right:8px;bottom:8px;font-style:normal;font-size:9.5px;font-weight:700;color:#fff;line-height:1.25;opacity:.92}
.gt-ig-grid i{position:absolute;right:8px;top:8px;width:14px;height:14px;opacity:.85}
/* mobil */
.gt-m{background:#fff;color:#26313f}
.gt-m .gt-bar{font-size:9.5px;padding:7px 16px}
.gt-mh{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#2e4b94}
.gt-mh img{height:24px;width:auto;object-fit:contain}
.gt-mh .ham{display:flex;flex-direction:column;gap:4px;width:20px}
.gt-mh .ham u{display:block;height:2.4px;border-radius:2px;background:#fff}
.gt-mhero{position:relative;margin:0;height:170px;overflow:hidden;color:#fff}
.gt-mhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gt-mhero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,.15),rgba(20,20,30,.82))}
.gt-mhero div{position:relative;z-index:2;padding:14px}
.gt-mhero small{font-size:9.5px;letter-spacing:.14em;color:#e3c9ae;font-weight:800}
.gt-mhero h3{font-size:19px;line-height:1.12;font-weight:850;margin:6px 0 0}
.gt-mist{display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px 0}
.gt-mist div{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;font-weight:700;flex:1 1 21%;text-align:center}
.gt-mist span{width:42px;height:42px;border-radius:10px;background:#eef1fa;display:grid;place-items:center;color:#2e4b94}
.gt-mist svg{width:20px;height:20px;stroke:#2e4b94;fill:none;stroke-width:1.8}
.gt-msay{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 16px 0}
.gt-msay div{background:#f7f5f2;border-radius:10px;padding:10px;text-align:center}
.gt-msay b{display:block;font-size:11px;font-weight:800;color:#26313f}
.gt-msay span{display:block;margin-top:4px;font-size:9px;color:#8a8477}
@media (prefers-reduced-motion:reduce){.gt-ig-grid div{transition:none}}
/* ===== Portfolyo · 05 · Gemlik Sümerbey FSK ===== */
.pjt-sumerbey{--g-gun:#e5504a}
.pjt-sumerbey .pj-hero{background:radial-gradient(55% 60% at 88% 8%,rgba(229,37,33,.32),transparent 70%),radial-gradient(45% 50% at 6% 92%,rgba(34,40,52,.5),transparent 70%)}
.pjt-sumerbey .pj-cerceve{box-shadow:0 50px 120px -40px rgba(229,37,33,.45)}
.pjt-sumerbey .pj-son{background:radial-gradient(60% 80% at 50% 100%,rgba(229,37,33,.3),transparent 70%),#000}
.pjt-sumerbey .sc-mob{background:radial-gradient(60% 70% at 20% 20%,rgba(229,37,33,.26),transparent),radial-gradient(50% 60% at 85% 85%,rgba(34,40,52,.4),transparent),#0d0d10}
.pjt-sumerbey .sc-tel{box-shadow:0 0 0 2px #2c2c2c,0 40px 80px rgba(0,0,0,.55)}
.pjt-sumerbey .sc-et{color:#ff8a86}
.pjt-sumerbey .sc-orta p:last-child{color:#c7c7cc}
.pjt-sumerbey .pj-oynat{box-shadow:0 40px 90px -40px rgba(229,37,33,.5)}
.pjt-sumerbey .pj-sv-k.t{background:linear-gradient(150deg,#241417,#0a0c12)}
.pjt-sumerbey .pj-sv-k em{color:#ff8a86}
.pjt-sumerbey .pj-mk-k:hover{border-color:var(--kirmizi)}
.pjt-sumerbey .pj-mk-k>span{color:#ff8a86}
.pjt-sumerbey .pj-mk-k .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg,#3a1214,#1a0708);display:grid;place-items:center;margin-bottom:2px}
.pjt-sumerbey .pj-mk-k .ic svg{width:26px;height:26px;stroke:#ff8a86;fill:none;stroke-width:1.8}

/* ===== Siteden kareler: Gemlik Sümerbey FSK yeniden çizimleri (1280x800) ===== */
.gs-w{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;color:#1c1e24;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.gs-hd{display:flex;align-items:center;gap:28px;padding:16px 56px;background:#171b22}
.gs-hd .lg{height:48px;flex:none;display:flex;align-items:center;gap:12px}
.gs-hd .lg img{height:100%;width:auto;object-fit:contain}
.gs-hd .lg b{color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em}
.gs-nav{display:flex;gap:24px;margin-left:auto;font-size:12.5px;font-weight:700;color:#c6c9d1}
.gs-nav span.on{color:#fff;border-bottom:2px solid var(--kirmizi);padding-bottom:4px}
.gs-hero{position:relative;height:320px;overflow:hidden;color:#fff;display:flex;align-items:flex-end}
.gs-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.gs-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,12,.92),rgba(10,10,12,.25) 55%,rgba(10,10,12,.5))}
.gs-hero .tx{position:relative;z-index:2;padding:0 0 26px 56px;max-width:560px}
.gs-hero small{display:block;font-size:12px;letter-spacing:.2em;font-weight:800;color:var(--g-gun);margin-bottom:8px}
.gs-hero h3{font-size:34px;line-height:1.02;font-weight:850;margin:0 0 10px;text-transform:uppercase}
.gs-hero p{font-size:13px;color:#e8e8ea;max-width:420px;line-height:1.4}
.gs-bar2{background:#222834;color:#fff;font-size:13.5px;font-weight:800;letter-spacing:.02em;padding:11px 56px;display:flex;align-items:center;gap:10px}
.gs-bar2 i{width:5px;height:16px;background:var(--kirmizi);border-radius:2px;display:inline-block}
.gs-urun{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:16px 56px 0}
.gs-urun div{border:1px solid #eee;border-radius:14px;padding:14px;display:flex;gap:14px;align-items:center}
.gs-urun .im{width:64px;height:64px;border-radius:10px;overflow:hidden;flex:none;background:#f4f4f4}
.gs-urun .im img{width:100%;height:100%;object-fit:cover}
.gs-urun b{display:block;font-size:12.5px;line-height:1.3;margin-bottom:4px}
.gs-urun span{font-size:13px;font-weight:800;color:var(--kirmizi-koyu)}
.gs-mac{display:flex;gap:14px;padding:18px 56px 0;overflow:hidden}
.gs-mac div{flex:none;width:180px;border:1px solid #eee;border-radius:12px;padding:12px;text-align:center;font-size:11px}
.gs-mac b{display:block;font-size:12px;font-weight:800;margin:4px 0}
.gs-mac span{color:#8a8a90}
/* Puan durumu */
.gs-pd{padding:24px 56px 0}
.gs-pd h3{font-size:20px;font-weight:850;margin:0 0 14px;color:#171b22}
.gs-pd table{width:100%;border-collapse:collapse;font-size:12px}
.gs-pd th{text-align:left;color:#9a9aa0;font-weight:700;padding:6px 8px;border-bottom:1px solid #eee;font-size:10.5px;text-transform:uppercase}
.gs-pd td{padding:8px 8px;border-bottom:1px solid #f3f3f3}
.gs-pd tr.me{background:#fff2f1}
.gs-pd tr.me td{font-weight:800;color:var(--kirmizi-koyu)}
.gs-pd td.no{width:22px;color:#b0b0b6}
/* Ürün detay */
.gs-ur-detay{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;padding:24px 56px 0}
.gs-ur-detay .im{height:340px;border-radius:16px;overflow:hidden;background:#f4f4f4}
.gs-ur-detay .im img{width:100%;height:100%;object-fit:cover}
.gs-ur-detay .bil small{font-size:12px;color:#9a9aa0;letter-spacing:.05em}
.gs-ur-detay .bil h3{font-size:24px;font-weight:850;margin:8px 0 12px;line-height:1.2}
.gs-ur-detay .fy{font-size:26px;font-weight:850;color:var(--kirmizi-koyu);margin-bottom:16px}
.gs-ur-detay .ozel{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.gs-ur-detay .ozel span{border:1px solid #eee;border-radius:99px;padding:7px 14px;font-size:12px;color:#333}
.gs-ur-detay .btn2{display:inline-block;background:#171b22;color:#fff;font-weight:700;font-size:14px;border-radius:10px;padding:13px 30px}
/* Tarihçemiz */
.gs-tar{padding:26px 56px 0}
.gs-tar h3{font-size:26px;font-weight:850;color:#171b22;margin:0 0 10px}
.gs-tar p{font-size:13px;color:#565660;line-height:1.55;max-width:700px}
.gs-tar-say{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 56px 0}
.gs-tar-say div{background:#f7f5f3;border-radius:12px;padding:16px;text-align:center}
.gs-tar-say b{display:block;font-size:22px;font-weight:850;color:var(--kirmizi-koyu)}
.gs-tar-say span{font-size:11px;color:#8a8a90}
/* Galeri */
.gs-gal{padding:22px 56px 0}
.gs-gal h3{font-size:20px;font-weight:850;margin:0 0 14px;color:#171b22}
.gs-gal-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gs-gal-g div{aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:#eee}
.gs-gal-g img{width:100%;height:100%;object-fit:cover}
/* Instagram profil ekranı */
.gs-ig{background:#fff;height:100%;display:flex;flex-direction:column}
.gs-ig-top{display:flex;align-items:center;justify-content:space-between;padding:14px 56px;border-bottom:1px solid #eee;font-weight:800;font-size:15px}
.gs-ig-pf{display:flex;gap:26px;padding:22px 56px 0;align-items:center}
.gs-ig-av{width:88px;height:88px;border-radius:50%;background:#fff;border:3px solid var(--kirmizi);display:grid;place-items:center;flex:none;padding:8px;box-shadow:0 0 0 3px #fff,0 0 0 5px #171b22}
.gs-ig-av img{width:100%;height:100%;object-fit:contain}
.gs-ig-info b{font-size:15px;font-weight:800}
.gs-ig-stat{display:flex;gap:26px;margin:10px 0}
.gs-ig-stat div{font-size:13px}
.gs-ig-stat b{display:block;font-size:15px;font-weight:800}
.gs-ig-bio{font-size:12.5px;line-height:1.5;color:#26313f;max-width:420px}
.gs-ig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:18px 0 0;flex:1}
.gs-ig-grid div{position:relative;overflow:hidden;background:#171b22}
.gs-ig-grid img{width:100%;height:100%;object-fit:cover}
.gs-ig-grid em{position:absolute;left:8px;right:8px;bottom:8px;font-style:normal;font-size:9.5px;font-weight:700;color:#fff;line-height:1.25;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.gs-ig-grid i{position:absolute;right:8px;top:8px;width:14px;height:14px;opacity:.9}
/* mobil */
.gs-m{background:#fff;color:#1c1e24}
.gs-mh{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#171b22}
.gs-mh img{height:26px;width:auto;object-fit:contain}
.gs-mh .ham{display:flex;flex-direction:column;gap:4px;width:20px}
.gs-mh .ham u{display:block;height:2.4px;border-radius:2px;background:#fff}
.gs-mhero{position:relative;margin:0;height:190px;overflow:hidden;color:#fff}
.gs-mhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.gs-mhero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,12,.92),rgba(10,10,12,.2) 60%)}
.gs-mhero div{position:relative;z-index:2;padding:14px;align-self:flex-end;margin-top:auto}
.gs-mhero small{font-size:9.5px;letter-spacing:.14em;color:#ff8a86;font-weight:800}
.gs-mhero h3{font-size:18px;line-height:1.12;font-weight:850;margin:6px 0 0;text-transform:uppercase}
.gs-mbar{background:#222834;color:#fff;font-size:11px;font-weight:800;padding:9px 16px}
.gs-mpd{padding:10px 16px 0}
.gs-mpd table{width:100%;border-collapse:collapse;font-size:10px}
.gs-mpd th{text-align:left;color:#9a9aa0;font-weight:700;padding:4px 4px;border-bottom:1px solid #eee}
.gs-mpd td{padding:5px 4px;border-bottom:1px solid #f3f3f3}
.gs-mpd tr.me td{font-weight:800;color:var(--kirmizi-koyu);background:#fff2f1}
@media (prefers-reduced-motion:reduce){.gs-ig-grid div{transition:none}}
/* ===== Portfolyo · 06 · GEMTAR ===== */
.pjt-gemtar{--g-gun:#c9a13a}
.pjt-gemtar .pj-hero{background:radial-gradient(55% 60% at 88% 8%,rgba(138,156,63,.32),transparent 70%),radial-gradient(45% 50% at 6% 92%,rgba(201,161,58,.22),transparent 70%)}
.pjt-gemtar .pj-cerceve{box-shadow:0 50px 120px -40px rgba(87,110,42,.5)}
.pjt-gemtar .pj-son{background:radial-gradient(60% 80% at 50% 100%,rgba(87,110,42,.32),transparent 70%),#000}
.pjt-gemtar .sc-mob{background:radial-gradient(60% 70% at 20% 20%,rgba(87,110,42,.3),transparent),radial-gradient(50% 60% at 85% 85%,rgba(201,161,58,.18),transparent),#0d0f08}
.pjt-gemtar .sc-tel{box-shadow:0 0 0 2px #232a1a,0 40px 80px rgba(0,0,0,.55)}
.pjt-gemtar .sc-et{color:#c9a13a}
.pjt-gemtar .sc-orta p:last-child{color:#cfd3c0}
.pjt-gemtar .pj-oynat{box-shadow:0 40px 90px -40px rgba(87,110,42,.5)}
/* Hizmetler (2 kart) */
.pjt-gemtar .pj-mk-g{grid-template-columns:1fr}
@media (min-width:640px){.pjt-gemtar .pj-mk-g{grid-template-columns:repeat(2,1fr)}}
.pjt-gemtar .pj-mk-k:hover{border-color:#c9a13a}
.pjt-gemtar .pj-mk-k>span{color:#c9a13a}
.pjt-gemtar .pj-mk-k .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg,#2c3a17,#141c0a);display:grid;place-items:center;margin-bottom:2px}
.pjt-gemtar .pj-mk-k .ic svg{width:26px;height:26px;stroke:#c9a13a;fill:none;stroke-width:1.8}
.pjt-gemtar .pj-sv-k.t{background:linear-gradient(150deg,#1c2411,#0a0c08)}
.pjt-gemtar .pj-sv-k .pl{background:#3f5321}
.pjt-gemtar .pj-sv-k.t .pl{background:#212c12;border:1.5px solid #3f5321}
.pjt-gemtar .pj-sv-k em{color:#c9a13a}

/* ===== Siteden kareler: GEMTAR yeniden çizimleri (1280x800) ===== */
.gr-w{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;color:#26301a;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.gr-top{display:flex;align-items:center;justify-content:space-between;padding:9px 56px;background:#f4f2ea;font-size:12px;color:#6b6f5c}
.gr-top .tel{font-weight:700;color:#3f5321}
.gr-hd{display:flex;align-items:center;gap:28px;padding:14px 56px;border-bottom:1px solid #eee}
.gr-hd .lg{height:62px;flex:none;margin:0 auto}
.gr-hd .lg img{height:100%;width:auto;object-fit:contain}
.gr-hd .ic{margin-left:auto;font-size:20px;color:#3f5321}
.gr-ara{position:absolute;left:56px;top:70px;width:260px;height:36px;border:1px solid #e4e1d6;border-radius:9px;display:flex;align-items:center;padding:0 14px;color:#a3a08f;font-size:12px}
.gr-hero{position:relative;margin:14px 56px 0;height:280px;border-radius:18px;overflow:hidden;color:#fff}
.gr-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.gr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(20,24,10,.86) 30%,rgba(20,24,10,.25) 75%)}
.gr-hero .tx{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 0 0 44px;max-width:54%}
.gr-hero small{display:block;font-size:12px;letter-spacing:.2em;font-weight:800;color:#d9b752;margin-bottom:10px}
.gr-hero h3{font-size:30px;line-height:1.08;font-weight:850;margin:0 0 12px}
.gr-hero p{font-size:13px;color:#e7e8dc;max-width:380px;line-height:1.45;margin:0 0 14px}
.gr-hero .pill{display:inline-flex;align-self:flex-start;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);border-radius:99px;padding:8px 16px;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.gr-kat{display:flex;justify-content:center;gap:52px;padding:22px 56px 6px}
.gr-kat div{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#3a4a24}
.gr-kat span{width:60px;height:60px;border-radius:50%;background:#f2f4e9;display:grid;place-items:center;overflow:hidden}
.gr-kat img{width:66%;height:66%;object-fit:contain}
.gr-h2{text-align:center;font-size:20px;font-weight:800;letter-spacing:.02em;color:#3a4a24;padding:20px 56px 0}
.gr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px 56px 0}
.gr-u{border:1px solid #eee;border-radius:14px;padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;text-align:center}
.gr-u .im{height:120px;border-radius:10px;background:#faf9f4;display:grid;place-items:center;overflow:hidden}
.gr-u .im img{max-width:76%;max-height:86%;object-fit:contain}
.gr-u b{font-size:12px;line-height:1.3;font-weight:700;min-height:32px}
/* ürün detayı */
.gr-yol{padding:16px 56px 0;font-size:12px;color:#9a9887}
.gr-yol b{color:#3f5321}
.gr-detay{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;padding:16px 56px 0}
.gr-detay .im{height:320px;border-radius:16px;background:#faf9f4;display:grid;place-items:center}
.gr-detay .im img{max-width:62%;max-height:84%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.14))}
.gr-detay .bil small{font-size:12px;color:#9a9887;letter-spacing:.05em;font-weight:700}
.gr-detay .bil h3{font-size:23px;font-weight:800;margin:8px 0 12px;line-height:1.25}
.gr-detay .bil .fy{font-size:24px;font-weight:850;color:#3f5321;margin-bottom:14px}
.gr-detay .bil p{font-size:12.5px;color:#5c5c50;line-height:1.55;max-width:420px;margin-bottom:18px}
.gr-detay .bil .btn2{display:inline-block;background:#3f5321;color:#fff;font-weight:700;font-size:13.5px;border-radius:10px;padding:13px 32px}
/* Zeytinyağı kategori */
.gr-yag-h{display:flex;align-items:baseline;gap:12px;padding:18px 56px 0}
.gr-yag-h b{font-size:12px;color:#c9a13a;font-weight:800;letter-spacing:.08em}
/* Hakkımızda */
.gr-hk{padding:26px 56px 0;max-width:760px}
.gr-hk small{font-size:12px;letter-spacing:.16em;color:#c9a13a;font-weight:800}
.gr-hk h3{font-size:25px;font-weight:850;margin:8px 0 12px;color:#26301a;line-height:1.25}
.gr-hk p{font-size:12.5px;color:#565650;line-height:1.6}
.gr-say{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 56px 0}
.gr-say div{background:#f4f2ea;border-radius:12px;padding:16px;text-align:center}
.gr-say b{display:block;font-size:19px;font-weight:850;color:#3f5321}
.gr-say span{font-size:10.5px;color:#8a8a7c}
.gr-hk-img{margin:18px 56px 0;height:150px;border-radius:14px;overflow:hidden}
.gr-hk-img img{width:100%;height:100%;object-fit:cover}
/* mobil */
.gr-m{background:#fff;color:#26301a}
.gr-mh{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}
.gr-mh img{height:30px;width:auto;object-fit:contain;margin:0 auto}
.gr-mh .ham{display:flex;flex-direction:column;gap:4px;width:18px}
.gr-mh .ham u{display:block;height:2.2px;border-radius:2px;background:#3f5321}
.gr-mhero{position:relative;margin:10px 12px 0;height:150px;border-radius:14px;overflow:hidden;color:#fff}
.gr-mhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.gr-mhero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,20,8,.92),rgba(16,20,8,.15) 60%)}
.gr-mhero div{position:relative;z-index:2;padding:12px;align-self:flex-end;margin-top:auto}
.gr-mhero small{font-size:9px;letter-spacing:.12em;color:#e0c264;font-weight:800}
.gr-mhero h3{font-size:15px;line-height:1.15;font-weight:850;margin:5px 0 0}
.gr-mkat{display:flex;justify-content:center;gap:24px;padding:14px 12px 4px}
.gr-mkat div{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#3a4a24}
.gr-mkat span{width:40px;height:40px;border-radius:50%;background:#f2f4e9;display:grid;place-items:center;overflow:hidden}
.gr-mkat img{width:64%;height:64%;object-fit:contain}
.gr-mgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px 12px 0}
.gr-mgrid .im{height:88px;border-radius:10px;background:#faf9f4;display:grid;place-items:center;overflow:hidden}
.gr-mgrid .im img{max-width:72%;max-height:82%;object-fit:contain}
.gr-mgrid b{display:block;font-size:9.5px;font-weight:700;margin-top:5px;line-height:1.25}
/* ===== Portfolyo · 07 · Türkmenbaşı & Class Mattress ===== */
.pjt-turkmen{--g-gun:#3fa79a}
.pjt-turkmen .pj-hero{background:radial-gradient(55% 60% at 88% 8%,rgba(163,20,92,.3),transparent 70%),radial-gradient(45% 50% at 6% 92%,rgba(63,167,154,.24),transparent 70%)}
.pjt-turkmen .pj-cerceve{box-shadow:0 50px 120px -40px rgba(20,90,86,.5)}
.pjt-turkmen .pj-son{background:radial-gradient(60% 80% at 50% 100%,rgba(20,90,86,.32),transparent 70%),#000}
.pjt-turkmen .sc-mob{background:radial-gradient(60% 70% at 20% 20%,rgba(163,20,92,.26),transparent),radial-gradient(50% 60% at 85% 85%,rgba(63,167,154,.22),transparent),#0a0d0d}
.pjt-turkmen .sc-tel{box-shadow:0 0 0 2px #1a2323,0 40px 80px rgba(0,0,0,.55)}
.pjt-turkmen .sc-et{color:#3fa79a}
.pjt-turkmen .sc-orta p:last-child{color:#c7d3d0}
.pjt-turkmen .pj-oynat{box-shadow:0 40px 90px -40px rgba(20,90,86,.5)}
/* Hizmetler (2 kart) */
.pjt-turkmen .pj-mk-g{grid-template-columns:1fr}
@media (min-width:640px){.pjt-turkmen .pj-mk-g{grid-template-columns:repeat(2,1fr)}}
.pjt-turkmen .pj-mk-k:hover{border-color:#3fa79a}
.pjt-turkmen .pj-mk-k>span{color:#3fa79a}
.pjt-turkmen .pj-mk-k .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg,#123a37,#081d1b);display:grid;place-items:center;margin-bottom:2px}
.pjt-turkmen .pj-mk-k .ic svg{width:26px;height:26px;stroke:#3fa79a;fill:none;stroke-width:1.8}

/* ===== Siteden kareler: Türkmenbaşı (tb-) ve Class Mattress (cm-) yeniden çizimleri (1280x800) ===== */
/* --- Türkmenbaşı (Tanıtım Sitesi) --- */
.tb-w{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;color:#241823;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.tb-top{display:flex;justify-content:flex-end;gap:14px;padding:7px 56px;background:#f4f0f2;font-size:11px;color:#9a8b93}
.tb-top span.on{color:#a3145c;font-weight:700}
.tb-hd{display:flex;align-items:center;gap:30px;padding:14px 56px;border-bottom:1px solid #eee}
.tb-hd .lg{height:44px;flex:none}
.tb-hd .lg img{height:100%;width:auto;object-fit:contain}
.tb-nav{display:flex;gap:26px;margin-left:auto;font-size:12px;font-weight:700;color:#4a3a45;letter-spacing:.02em}
.tb-nav span.on{color:#a3145c;border-bottom:2px solid #a3145c;padding-bottom:4px}
.tb-hero{position:relative;margin:10px 56px 0;height:290px;border-radius:16px;overflow:hidden;background:#1a1220;color:#fff;display:flex;align-items:center}
.tb-hero .tx{position:relative;z-index:2;padding:0 0 0 44px;max-width:48%}
.tb-hero small{display:block;font-size:11.5px;letter-spacing:.18em;font-weight:800;color:#e6a6c4;margin-bottom:8px}
.tb-hero h3{font-size:38px;line-height:1.02;font-weight:850;margin:0 0 12px}
.tb-hero p{font-size:12.5px;color:#e4d8e0;max-width:340px;line-height:1.45;margin-bottom:16px}
.tb-hero .btn2{display:inline-block;background:#a3145c;color:#fff;font-weight:700;font-size:12px;border-radius:8px;padding:11px 22px}
.tb-hero .im{position:absolute;right:0;top:0;bottom:0;width:52%;z-index:1}
.tb-hero .im img{width:100%;height:100%;object-fit:cover}
.tb-hero::after{content:"";position:absolute;left:0;top:0;bottom:0;width:56%;background:linear-gradient(90deg,#1a1220 55%,transparent);z-index:1}
.tb-h2{text-align:center;font-size:19px;font-weight:800;letter-spacing:.02em;color:#2a1c26;padding:24px 56px 0}
.tb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:16px 56px 0}
.tb-u{border:1px solid #eee;border-radius:14px;padding:12px 12px 14px;display:flex;flex-direction:column;gap:8px;text-align:center}
.tb-u .im{height:104px;border-radius:10px;background:#faf7f9;display:grid;place-items:center;overflow:hidden}
.tb-u .im img{max-width:82%;max-height:88%;object-fit:contain}
.tb-u b{font-size:11.5px;font-weight:700}
.tb-yorum{display:flex;gap:16px;padding:24px 56px 0}
.tb-yorum div{flex:1;border:1px solid #eee;border-radius:14px;padding:16px}
.tb-yorum .st{color:#a3145c;font-size:12px;font-weight:800;margin-bottom:6px}
.tb-yorum b{display:block;font-size:12.5px;margin-bottom:4px}
.tb-yorum p{font-size:11.5px;color:#6b5c66;line-height:1.4}
/* Hakkımızda */
.tb-hk{padding:26px 56px 0;max-width:740px}
.tb-hk small{font-size:12px;letter-spacing:.16em;color:#a3145c;font-weight:800}
.tb-hk h3{font-size:24px;font-weight:850;margin:8px 0 12px;color:#241823;line-height:1.25}
.tb-hk p{font-size:12.5px;color:#5c4f58;line-height:1.6}
.tb-say{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 56px 0}
.tb-say div{background:#f7f2f5;border-radius:12px;padding:14px;text-align:center}
.tb-say b{display:block;font-size:18px;font-weight:850;color:#a3145c}
.tb-say span{font-size:10px;color:#8a7b85}

/* --- Class Mattress (ObuzSoft E-Ticaret) --- */
.cm-w{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;color:#181818;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.cm-top{display:flex;justify-content:space-between;padding:7px 56px;background:#111;font-size:10.5px;color:#cfcfcf}
.cm-hd{display:flex;align-items:center;gap:28px;padding:14px 56px;border-bottom:1px solid #eee}
.cm-hd .lg{height:30px;flex:none}
.cm-hd .lg img{height:100%;width:auto;object-fit:contain}
.cm-nav{display:flex;gap:22px;margin-left:32px;font-size:11.5px;font-weight:700;color:#333}
.cm-hd .ic{margin-left:auto;display:flex;gap:16px;font-size:16px;color:#181818}
.cm-banner{background:#123c3c;color:#eafbf8;font-size:11px;font-weight:700;letter-spacing:.03em;display:flex;justify-content:center;gap:40px;padding:9px 0}
.cm-hero{position:relative;margin:0;height:270px;overflow:hidden;background:#eef2f2;display:flex;align-items:center}
.cm-hero .tx{position:relative;z-index:2;padding:0 0 0 56px;max-width:38%}
.cm-hero .rb{display:inline-block;background:#c81f3f;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;padding:5px 12px;border-radius:3px;margin-bottom:10px}
.cm-hero h3{font-size:27px;line-height:1.08;font-weight:850;margin:0 0 14px;color:#111}
.cm-hero .btnlar{display:flex;gap:10px}
.cm-hero .b1{background:transparent;border:1.5px solid #111;color:#111;font-size:11px;font-weight:700;padding:9px 16px;border-radius:3px}
.cm-hero .b2{background:#123c3c;color:#fff;font-size:11px;font-weight:700;padding:9px 16px;border-radius:3px}
.cm-hero .im{position:absolute;right:56px;top:20px;bottom:20px;width:44%;border-radius:12px;overflow:hidden}
.cm-hero .im img{width:100%;height:100%;object-fit:cover}
.cm-kat{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px 56px 0}
.cm-kat div{position:relative;height:92px;border-radius:10px;overflow:hidden;display:flex;align-items:flex-end;padding:10px;color:#fff;font-size:11px;font-weight:800}
.cm-kat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cm-kat span{position:relative;z-index:2}
.cm-kat::after{content:none}
.cm-kat div::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 60%);z-index:1}
.cm-h2{font-size:18px;font-weight:800;padding:22px 56px 0;color:#111}
.cm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:14px 56px 0}
.cm-u{border:1px solid #eee;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}
.cm-u .im{height:110px;border-radius:8px;background:#f7f7f7;display:grid;place-items:center;overflow:hidden}
.cm-u .im img{max-width:88%;max-height:90%;object-fit:cover}
.cm-u b{font-size:11px;font-weight:700;line-height:1.3;min-height:28px}
.cm-u .fy{font-size:13px;font-weight:850;color:#111}
/* ürün detayı */
.cm-yol{padding:14px 56px 0;font-size:11px;color:#9a9a9a}
.cm-yol b{color:#111}
.cm-detay{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;padding:14px 56px 0}
.cm-detay .im{height:300px;border-radius:12px;background:#f7f7f7;display:grid;place-items:center;overflow:hidden}
.cm-detay .im img{width:100%;height:100%;object-fit:cover}
.cm-detay .bil h3{font-size:22px;font-weight:800;margin:0 0 10px;line-height:1.2}
.cm-detay .bil .fy{font-size:23px;font-weight:850;color:#111;margin-bottom:8px}
.cm-detay .bil .stok{display:inline-flex;align-items:center;gap:6px;color:#1c8a5a;font-size:11.5px;font-weight:700;margin-bottom:14px}
.cm-detay .bil .stok i{width:7px;height:7px;border-radius:50%;background:#1c8a5a}
.cm-detay .bil select{display:block;width:220px;height:36px;border:1px solid #ddd;border-radius:6px;margin-bottom:16px;padding:0 10px;font-size:11.5px;color:#555}
.cm-detay .bil .btn2{display:inline-block;background:#111;color:#fff;font-weight:700;font-size:12.5px;border-radius:6px;padding:12px 28px}
.cm-detay .marka{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px;border:1px solid #eee;border-radius:10px;width:220px}
.cm-detay .marka img{height:26px;width:auto;object-fit:contain}
.cm-detay .marka span{font-size:10.5px;color:#9a9a9a}
/* mobil */
.tb-m,.cm-m{background:#fff}
.tb-mh,.cm-mh{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}
.tb-mh img,.cm-mh img{height:26px;width:auto;object-fit:contain}
.tb-mh .ham,.cm-mh .ham{display:flex;flex-direction:column;gap:4px;width:18px}
.tb-mh .ham u,.cm-mh .ham u{display:block;height:2.2px;border-radius:2px;background:#241823}
.tb-mhero{position:relative;margin:10px 12px 0;height:150px;border-radius:14px;overflow:hidden;color:#fff;background:#1a1220}
.tb-mhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.tb-mhero div{position:relative;z-index:2;padding:12px;align-self:flex-end;margin-top:auto}
.tb-mhero small{font-size:9px;letter-spacing:.12em;color:#e6a6c4;font-weight:800}
.tb-mhero h3{font-size:15px;line-height:1.15;font-weight:850;margin:5px 0 0}
.cm-mkat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
.cm-mkat div{position:relative;height:64px;border-radius:8px;overflow:hidden;display:flex;align-items:flex-end;padding:6px;color:#fff;font-size:9px;font-weight:800}
.cm-mkat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cm-mkat div::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 60%);z-index:1}
.cm-mkat span{position:relative;z-index:2}
.cm-mgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:4px 12px 0}
.cm-mgrid .im{height:88px;border-radius:8px;background:#f7f7f7;display:grid;place-items:center;overflow:hidden}
.cm-mgrid .im img{width:100%;height:100%;object-fit:cover}
.cm-mgrid b{display:block;font-size:9.5px;font-weight:700;margin-top:5px;line-height:1.25}
.cm-mgrid .fy{font-size:10px;font-weight:850;color:#111}
/* ===== Portfolyo · 08 · Enmodi Mobilya ===== */
.pjt-enmodi{--g-gun:#c17a4a}
.pjt-enmodi .pj-hero{background:radial-gradient(55% 60% at 88% 8%,rgba(193,122,74,.32),transparent 70%),radial-gradient(45% 50% at 6% 92%,rgba(90,60,40,.3),transparent 70%)}
.pjt-enmodi .pj-cerceve{box-shadow:0 50px 120px -40px rgba(120,70,30,.5)}
.pjt-enmodi .pj-son{background:radial-gradient(60% 80% at 50% 100%,rgba(120,70,30,.32),transparent 70%),#000}
.pjt-enmodi .sc-mob{background:radial-gradient(60% 70% at 20% 20%,rgba(193,122,74,.28),transparent),radial-gradient(50% 60% at 85% 85%,rgba(90,60,40,.22),transparent),#0d0a08}
.pjt-enmodi .sc-tel{box-shadow:0 0 0 2px #241c16,0 40px 80px rgba(0,0,0,.55)}
.pjt-enmodi .sc-et{color:#c17a4a}
.pjt-enmodi .sc-orta p:last-child{color:#d3c7bd}
.pjt-enmodi .pj-oynat{box-shadow:0 40px 90px -40px rgba(120,70,30,.5)}
/* Hizmetler (2 kart) */
.pjt-enmodi .pj-mk-g{grid-template-columns:1fr}
@media (min-width:640px){.pjt-enmodi .pj-mk-g{grid-template-columns:repeat(2,1fr)}}
.pjt-enmodi .pj-mk-k:hover{border-color:#c17a4a}
.pjt-enmodi .pj-mk-k>span{color:#c17a4a}
.pjt-enmodi .pj-mk-k .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg,#3a2414,#1c1109);display:grid;place-items:center;margin-bottom:2px}
.pjt-enmodi .pj-mk-k .ic svg{width:26px;height:26px;stroke:#c17a4a;fill:none;stroke-width:1.8}

/* ===== Siteden kareler: Enmodi Mobilya yeniden çizimleri (1280x800) ===== */
.en-w{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;color:#221a14;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.en-hd{display:flex;align-items:center;gap:28px;padding:16px 56px;border-bottom:1px solid #eee}
.en-hd .lg{height:30px;flex:none}
.en-hd .lg img{height:100%;width:auto;object-fit:contain}
.en-nav{display:flex;gap:22px;margin-left:36px;font-size:12px;font-weight:700;color:#4a3d33}
.en-hd .ic{margin-left:auto;display:flex;gap:18px;font-size:18px;color:#221a14}
.en-hero{position:relative;height:280px;overflow:hidden;background:#f4efe9}
.en-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.en-panel{display:grid;grid-template-columns:1fr 1fr;gap:0}
.en-panel .im{position:relative;height:230px;overflow:hidden}
.en-panel .im img{width:100%;height:100%;object-fit:cover}
.en-panel .im .rb{position:absolute;left:14px;top:14px;background:#fff;font-size:11px;font-weight:800;padding:7px 14px;border-radius:5px}
.en-panel .tx{padding:20px 40px;display:flex;flex-direction:column;justify-content:center}
.en-panel .tx h3{font-size:21px;font-weight:800;margin:0 0 8px;line-height:1.25}
.en-panel .tx p{font-size:12px;color:#6b5c4f;line-height:1.5;margin-bottom:14px}
.en-panel .kart{display:flex;gap:12px;align-items:center;border:1px solid #eee;border-radius:12px;padding:10px}
.en-panel .kart .im2{width:64px;height:64px;border-radius:8px;overflow:hidden;flex:none}
.en-panel .kart .im2 img{width:100%;height:100%;object-fit:cover}
.en-panel .kart b{display:block;font-size:12px;font-weight:700}
.en-panel .kart span{font-size:12px;font-weight:800;color:#c17a4a}
/* ürün detayı */
.en-yol{padding:14px 56px 0;font-size:11px;color:#9a8f83}
.en-yol b{color:#221a14}
.en-detay{display:grid;grid-template-columns:1fr .8fr;gap:40px;padding:14px 56px 0}
.en-detay .im{height:280px;border-radius:12px;overflow:hidden;position:relative}
.en-detay .im img{width:100%;height:100%;object-fit:cover}
.en-detay .im .rb{position:absolute;right:14px;top:14px;background:#111;color:#fff;font-size:10px;font-weight:800;padding:6px 12px;border-radius:4px}
.en-detay .bil h3{font-size:22px;font-weight:800;margin:0 0 8px}
.en-detay .bil .fy{font-size:22px;font-weight:850;color:#221a14;margin-bottom:14px}
.en-paket{border:1px solid #eee;border-radius:10px;padding:12px 14px;margin-bottom:12px}
.en-paket .r1{display:flex;justify-content:space-between;font-size:11.5px;color:#9a8f83;margin-bottom:8px}
.en-paket .r2{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700}
.en-paket .r2 span.fy{color:#221a14}
.en-olcu{border:1px solid #eee;border-radius:10px;padding:10px 14px;font-size:11px;color:#5c4f43;margin-bottom:16px}
.en-olcu b{color:#221a14}
.en-detay .btn2{display:block;text-align:center;background:#111;color:#fff;font-weight:700;font-size:13px;border-radius:8px;padding:13px}
/* kategori grid */
.en-h2{font-size:19px;font-weight:800;padding:20px 56px 0;color:#221a14}
.en-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:14px 56px 0}
.en-u{border:1px solid #eee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.en-u .im{height:120px;position:relative}
.en-u .im img{width:100%;height:100%;object-fit:cover}
.en-u .im .rb{position:absolute;left:8px;top:8px;background:#111;color:#fff;font-size:9px;font-weight:800;padding:4px 8px;border-radius:3px}
.en-u .tx2{padding:10px 12px}
.en-u b{display:block;font-size:11.5px;font-weight:700;margin-bottom:4px}
.en-u span{font-size:12px;font-weight:850;color:#221a14}
/* iletişim */
.en-il{display:grid;grid-template-columns:1fr 1fr;gap:0;height:100%}
.en-il-sol{padding:30px 40px}
.en-il-sol h3{font-size:22px;font-weight:800;margin:0 0 18px}
.en-il-sol .r{display:flex;gap:14px;margin-bottom:16px}
.en-il-sol .r .ic2{width:38px;height:38px;border-radius:9px;background:#f4efe9;display:grid;place-items:center;flex:none;font-size:16px}
.en-il-sol .r b{display:block;font-size:11px;letter-spacing:.06em;color:#9a8f83;margin-bottom:3px}
.en-il-sol .r span{font-size:12.5px;color:#221a14;font-weight:600;line-height:1.4}
.en-il-sag{background:#f4efe9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.en-il-sag img{width:100%;height:100%;object-fit:cover}
/* mobil */
.en-m{background:#fff}
.en-mh{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}
.en-mh img{height:22px;width:auto;object-fit:contain}
.en-mh .ham{display:flex;flex-direction:column;gap:4px;width:18px}
.en-mh .ham u{display:block;height:2.2px;border-radius:2px;background:#221a14}
.en-mhero{position:relative;margin:0;height:150px;overflow:hidden}
.en-mhero img{width:100%;height:100%;object-fit:cover}
.en-mgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px 12px 0}
.en-mgrid .im{height:96px;border-radius:8px;overflow:hidden;position:relative}
.en-mgrid .im img{width:100%;height:100%;object-fit:cover}
.en-mgrid .im .rb{position:absolute;left:6px;top:6px;background:#111;color:#fff;font-size:8px;font-weight:800;padding:3px 6px;border-radius:3px}
.en-mgrid b{display:block;font-size:9.5px;font-weight:700;margin-top:5px;line-height:1.25}
.en-mgrid .fy{font-size:10px;font-weight:850;color:#221a14}
/* ===== Portfolyo · 09 · Asil Uzunkaya ===== */
.pjt-asiluzunkaya{--g-gun:#1596c9}
.pjt-asiluzunkaya .pj-hero{background:radial-gradient(55% 60% at 88% 8%,rgba(21,150,201,.32),transparent 70%),radial-gradient(45% 50% at 6% 92%,rgba(0,43,69,.42),transparent 70%)}
.pjt-asiluzunkaya .pj-cerceve{box-shadow:0 50px 120px -40px rgba(10,60,90,.55)}
.pjt-asiluzunkaya .pj-son{background:radial-gradient(60% 80% at 50% 100%,rgba(21,150,201,.3),transparent 70%),#000}
.pjt-asiluzunkaya .sc-mob{background:radial-gradient(60% 70% at 20% 20%,rgba(21,150,201,.26),transparent),radial-gradient(50% 60% at 85% 85%,rgba(0,43,69,.3),transparent),#070d12}
.pjt-asiluzunkaya .sc-tel{box-shadow:0 0 0 2px #101a22,0 40px 80px rgba(0,0,0,.55)}
.pjt-asiluzunkaya .sc-et{color:#1596c9}
.pjt-asiluzunkaya .sc-orta p:last-child{color:#c5d3da}
.pjt-asiluzunkaya .pj-oynat{box-shadow:0 40px 90px -40px rgba(10,60,90,.55)}
/* Hizmetler (2 kart) */
.pjt-asiluzunkaya .pj-mk-g{grid-template-columns:1fr}
@media (min-width:640px){.pjt-asiluzunkaya .pj-mk-g{grid-template-columns:repeat(2,1fr)}}
.pjt-asiluzunkaya .pj-mk-k:hover{border-color:#1596c9}
.pjt-asiluzunkaya .pj-mk-k>span{color:#1596c9}
.pjt-asiluzunkaya .pj-mk-k .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg,#0e3450,#071825);display:grid;place-items:center;margin-bottom:2px}
.pjt-asiluzunkaya .pj-mk-k .ic svg{width:26px;height:26px;stroke:#1596c9;fill:none;stroke-width:1.8}
/* Sosyal medya kartları */
.pjt-asiluzunkaya .pj-sv-k .pl{background:#1596c9}
.pjt-asiluzunkaya .pj-sv-k.t{background:linear-gradient(150deg,#0e3450,#04121c)}
.pjt-asiluzunkaya .pj-sv-k.t .pl{background:#0c4b71;border:1.5px solid #1e6f96}
.pjt-asiluzunkaya .pj-sv-k em{color:#5fc4ea}

/* ===== Siteden kareler: Asil Uzunkaya yeniden çizimleri (1280x800) ===== */
.au-w{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;color:#0b2136;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.au-hd{display:flex;align-items:center;gap:28px;padding:14px 56px;background:#04314f}
.au-hd .lg{height:44px;flex:none}
.au-hd .lg img{height:100%;width:auto;object-fit:contain}
.au-nav{display:flex;gap:22px;margin-left:36px;font-size:12px;font-weight:700;color:#bcdcec}
.au-nav span.on{color:#fff;padding-bottom:14px;border-bottom:2px solid #1596c9}
.au-hd .ic{margin-left:auto;width:34px;height:34px;border:1px solid #2a5674;border-radius:8px;display:grid;place-items:center;color:#bcdcec;font-size:14px}
/* hero */
.au-hero{position:relative;height:300px;overflow:hidden;background:#0b2136}
.au-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.au-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,49,79,.2),rgba(4,20,33,.86))}
.au-hero-tx{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}
.au-hero-tx small{font-size:11px;letter-spacing:.22em;font-weight:800;color:#5fc4ea;margin-bottom:10px}
.au-hero-tx h2{font-size:30px;font-weight:850;line-height:1.15;margin:0 0 8px}
.au-hero-tx p{font-size:12.5px;color:#cfe4ee}
/* hizmet kartları */
.au-hg{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#dfeaf0}
.au-hk{background:#1596c9;padding:22px 18px;display:flex;flex-direction:column;gap:10px;border-bottom:4px solid #04314f}
.au-hk .ic2{width:38px;height:38px;border-radius:9px;background:#04314f;display:grid;place-items:center}
.au-hk .ic2 svg{width:20px;height:20px;stroke:#5fc4ea;fill:none;stroke-width:1.8}
.au-hk b{font-size:13px;font-weight:800;color:#052033;line-height:1.25}
.au-hk span{font-size:10.5px;color:#08344f;line-height:1.4}
/* hakkımızda */
.au-hak{display:grid;grid-template-columns:1fr 1fr;gap:0}
.au-hak .im{position:relative;height:100%;overflow:hidden}
.au-hak .im img{width:100%;height:100%;object-fit:cover}
.au-hak .tx{padding:30px 40px;display:flex;flex-direction:column;justify-content:center}
.au-hak .tx small{font-size:11px;letter-spacing:.16em;font-weight:800;color:#1596c9;margin-bottom:8px}
.au-hak .tx h3{font-size:22px;font-weight:850;margin:0 0 10px;color:#04314f}
.au-hak .tx p{font-size:12px;line-height:1.55;color:#4a5f6d;margin-bottom:16px}
.au-say{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.au-say div{text-align:center;background:#f2f7fa;border-radius:10px;padding:10px 4px}
.au-say b{display:block;font-size:18px;font-weight:850;color:#04314f}
.au-say span{font-size:9px;color:#5c7180;font-weight:700}
/* hizmet detay */
.au-detay{padding:28px 56px}
.au-detay small{font-size:11px;letter-spacing:.16em;font-weight:800;color:#1596c9}
.au-detay h3{font-size:24px;font-weight:850;margin:8px 0 6px;color:#04314f}
.au-detay .motto{display:inline-block;background:#04314f;color:#5fc4ea;font-size:11px;font-weight:700;padding:6px 14px;border-radius:99px;margin-bottom:14px}
.au-detay p{font-size:12.5px;line-height:1.6;color:#4a5f6d;max-width:640px;margin-bottom:18px}
.au-detay-g{display:flex;gap:14px}
.au-detay-k{flex:1;border:1px solid #e2ecf1;border-radius:12px;padding:16px}
.au-detay-k b{display:block;font-size:20px;font-weight:850;color:#04314f}
.au-detay-k span{font-size:10.5px;color:#5c7180;font-weight:700}
/* referanslar / iş ortakları */
.au-ref{padding:26px 56px}
.au-ref small{font-size:11px;letter-spacing:.16em;font-weight:800;color:#1596c9}
.au-ref h3{font-size:22px;font-weight:850;margin:8px 0 18px;color:#04314f}
.au-refg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.au-refk{border:1px solid #e2ecf1;border-radius:10px;height:76px;display:flex;align-items:center;justify-content:center;padding:10px}
.au-refk img{max-width:100%;max-height:100%;object-fit:contain}
/* iletişim */
.au-il{display:grid;grid-template-columns:1fr 1fr;gap:0;height:100%}
.au-il-sol{padding:30px 40px;background:#04314f;color:#fff;display:flex;flex-direction:column;justify-content:center}
.au-il-sol small{font-size:11px;letter-spacing:.16em;font-weight:800;color:#5fc4ea;margin-bottom:8px}
.au-il-sol h3{font-size:22px;font-weight:850;margin:0 0 18px}
.au-il-sol .r{display:flex;gap:14px;margin-bottom:16px}
.au-il-sol .r .ic3{width:38px;height:38px;border-radius:9px;background:#0c4b71;display:grid;place-items:center;flex:none;font-size:16px}
.au-il-sol .r b{display:block;font-size:11px;letter-spacing:.06em;color:#8fbdd6;margin-bottom:3px}
.au-il-sol .r span{font-size:12.5px;color:#fff;font-weight:600;line-height:1.4}
.au-il-sag{position:relative;overflow:hidden;background:#dfeaf0}
.au-il-sag .harita{position:absolute;inset:0;background:
  linear-gradient(#e7eff3,#e7eff3) padding-box,
  repeating-linear-gradient(0deg,#cfdde4 0 1px,transparent 1px 40px),
  repeating-linear-gradient(90deg,#cfdde4 0 1px,transparent 1px 40px)}
.au-il-sag .pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);width:44px;height:44px;border-radius:50% 50% 50% 0;background:#e5252e;rotate:-45deg;box-shadow:0 12px 24px -8px rgba(0,0,0,.4)}
.au-il-sag .pin i{position:absolute;inset:0;display:grid;place-items:center;rotate:45deg;color:#fff;font-size:16px}
/* mobil */
.au-m{background:#fff}
.au-mh{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#04314f}
.au-mh img{height:26px;width:auto;object-fit:contain}
.au-mh .ham{display:flex;flex-direction:column;gap:4px;width:18px}
.au-mh .ham u{display:block;height:2.2px;border-radius:2px;background:#fff}
.au-mhero{position:relative;margin:0;height:150px;overflow:hidden;background:#0b2136}
.au-mhero img{width:100%;height:100%;object-fit:cover;opacity:.55}
.au-mhero div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 20px}
.au-mhero small{font-size:8.5px;letter-spacing:.18em;font-weight:800;color:#5fc4ea;margin-bottom:6px}
.au-mhero b{font-size:15px;font-weight:850;line-height:1.2}
.au-mg{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px 12px 0}
.au-mg div{background:#1596c9;border-radius:8px;padding:12px 10px;display:flex;flex-direction:column;gap:6px}
.au-mg .ic2{width:26px;height:26px;border-radius:7px;background:#04314f;display:grid;place-items:center}
.au-mg .ic2 svg{width:14px;height:14px;stroke:#5fc4ea;fill:none;stroke-width:1.8}
.au-mg b{font-size:9.5px;font-weight:800;color:#052033;line-height:1.25}
/* ===== Portfolyo · 10 · Olta Dükkanım ===== */
.pjt-oltadukkanim{--g-gun:#d9a125}
.pjt-oltadukkanim .pj-hero{background:radial-gradient(55% 60% at 88% 8%,rgba(217,161,37,.28),transparent 70%),radial-gradient(45% 50% at 6% 92%,rgba(11,42,64,.5),transparent 70%)}
.pjt-oltadukkanim .pj-cerceve{box-shadow:0 50px 120px -40px rgba(6,30,46,.6)}
.pjt-oltadukkanim .pj-son{background:radial-gradient(60% 80% at 50% 100%,rgba(217,161,37,.26),transparent 70%),#000}
.pjt-oltadukkanim .sc-mob{background:radial-gradient(60% 70% at 20% 20%,rgba(217,161,37,.22),transparent),radial-gradient(50% 60% at 85% 85%,rgba(11,42,64,.34),transparent),#070d12}
.pjt-oltadukkanim .sc-tel{box-shadow:0 0 0 2px #0c1a24,0 40px 80px rgba(0,0,0,.55)}
.pjt-oltadukkanim .sc-et{color:#d9a125}
.pjt-oltadukkanim .sc-orta p:last-child{color:#c9d3d8}
.pjt-oltadukkanim .pj-oynat{box-shadow:0 40px 90px -40px rgba(6,30,46,.6)}
/* Hizmetler (2 kart) */
.pjt-oltadukkanim .pj-mk-g{grid-template-columns:1fr}
@media (min-width:640px){.pjt-oltadukkanim .pj-mk-g{grid-template-columns:repeat(2,1fr)}}
.pjt-oltadukkanim .pj-mk-k:hover{border-color:#d9a125}
.pjt-oltadukkanim .pj-mk-k>span{color:#d9a125}
.pjt-oltadukkanim .pj-mk-k .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg,#0b2a40,#061620);display:grid;place-items:center;margin-bottom:2px}
.pjt-oltadukkanim .pj-mk-k .ic svg{width:26px;height:26px;stroke:#d9a125;fill:none;stroke-width:1.8}
/* Sosyal medya kartları */
.pjt-oltadukkanim .pj-sv-k .pl{background:#d9a125}
.pjt-oltadukkanim .pj-sv-k.t{background:linear-gradient(150deg,#0b2a40,#040e16)}
.pjt-oltadukkanim .pj-sv-k.t .pl{background:#0c3852;border:1.5px solid #1e6f96}
.pjt-oltadukkanim .pj-sv-k em{color:#e8bd5c}

/* ===== Siteden kareler: Olta Dükkanım yeniden çizimleri (1280x800) ===== */
.od-w{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;color:#0b2136;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.od-hd{display:flex;align-items:center;gap:24px;padding:14px 56px;background:#0b2a40}
.od-hd .lg{height:32px;flex:none}
.od-hd .lg img{height:100%;width:auto;object-fit:contain}
.od-nav{display:flex;gap:20px;margin-left:32px;font-size:11.5px;font-weight:700;color:#bcd2de}
.od-hd .ic{margin-left:auto;display:flex;gap:16px;font-size:16px;color:#bcd2de}
/* hero */
.od-hero{position:relative;height:280px;overflow:hidden;background:#0b2a40;display:flex;align-items:center}
.od-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}
.od-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,42,64,.94) 30%,rgba(11,42,64,.35) 85%)}
.od-hero-tx{position:relative;z-index:1;padding:0 0 0 56px;color:#fff}
.od-hero-tx small{display:block;font-size:11px;letter-spacing:.18em;font-weight:800;color:#e8bd5c;margin-bottom:8px}
.od-hero-tx h2{font-size:30px;font-weight:850;line-height:1.15;margin:0 0 8px}
.od-hero-tx p{font-size:12.5px;color:#cddbe4}
.od-hero-tx .btn3{display:inline-block;margin-top:14px;background:#d9a125;color:#0b2a40;font-weight:800;font-size:11.5px;padding:10px 20px;border-radius:8px}
/* kategori kutuları */
.od-kg{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:#e4e9ec}
.od-kk{position:relative;height:96px;overflow:hidden}
.od-kk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.od-kk::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,42,64,.82),transparent 60%)}
.od-kk b{position:absolute;left:8px;bottom:7px;z-index:1;color:#fff;font-size:9.5px;font-weight:800;line-height:1.2}
/* ürün detayı */
.od-yol{padding:16px 56px 0;font-size:11px;color:#9aa7af}
.od-yol b{color:#0b2136}
.od-detay{display:grid;grid-template-columns:.85fr 1fr;gap:36px;padding:14px 56px 0}
.od-detay .im{height:280px;border-radius:12px;overflow:hidden;position:relative;background:#f3f6f7}
.od-detay .im img{width:100%;height:100%;object-fit:contain}
.od-detay .im .rb{position:absolute;right:14px;top:14px;background:#e8bd5c;color:#0b2a40;font-size:10px;font-weight:800;padding:6px 12px;border-radius:4px}
.od-detay .bil h3{font-size:19px;font-weight:800;margin:8px 0 8px;line-height:1.3}
.od-detay .bil .fy{font-size:22px;font-weight:850;color:#0b2136;margin-bottom:14px}
.od-detay .agirlik{display:flex;gap:6px;margin-bottom:16px}
.od-detay .agirlik span{border:1px solid #dde5e9;border-radius:7px;padding:6px 10px;font-size:10.5px;font-weight:700;color:#4a5f6d}
.od-detay .agirlik span.on{background:#0b2a40;border-color:#0b2a40;color:#fff}
.od-detay .btn2{display:block;text-align:center;background:#d9a125;color:#0b2a40;font-weight:800;font-size:13px;border-radius:8px;padding:13px}
/* kategori grid */
.od-h2{display:flex;align-items:center;gap:10px;padding:18px 56px 0}
.od-h2 span{background:#0b2a40;color:#fff;font-size:11px;font-weight:700;padding:6px 14px;border-radius:99px}
.od-h2 span.off{background:#eef2f3;color:#6b7d87}
.od-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:14px 56px 0}
.od-u{border:1px solid #e7ecee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.od-u .im{height:118px;position:relative;background:#f6f8f9}
.od-u .im img{width:100%;height:100%;object-fit:contain}
.od-u .im .rb{position:absolute;left:8px;top:8px;background:#e8bd5c;color:#0b2a40;font-size:9px;font-weight:800;padding:4px 8px;border-radius:3px}
.od-u .tx2{padding:10px 12px}
.od-u b{display:block;font-size:11px;font-weight:700;margin-bottom:4px;line-height:1.25}
.od-u span{font-size:12px;font-weight:850;color:#0b2136}
/* iletişim */
.od-il{display:grid;grid-template-columns:1fr 1fr;gap:0;height:100%}
.od-il-sol{padding:30px 40px;background:#0b2a40;color:#fff;display:flex;flex-direction:column;justify-content:center}
.od-il-sol small{font-size:11px;letter-spacing:.16em;font-weight:800;color:#e8bd5c;margin-bottom:8px}
.od-il-sol h3{font-size:22px;font-weight:850;margin:0 0 18px}
.od-il-sol .r{display:flex;gap:14px;margin-bottom:16px}
.od-il-sol .r .ic3{width:38px;height:38px;border-radius:9px;background:#123a56;display:grid;place-items:center;flex:none;font-size:16px}
.od-il-sol .r b{display:block;font-size:11px;letter-spacing:.06em;color:#8fb0c4;margin-bottom:3px}
.od-il-sol .r span{font-size:12.5px;color:#fff;font-weight:600;line-height:1.4}
.od-il-sag{position:relative;overflow:hidden}
.od-il-sag img{width:100%;height:100%;object-fit:cover}
.od-il-sag::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,42,64,.1),rgba(11,42,64,.5))}
/* mobil */
.od-m{background:#fff}
.od-mh{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0b2a40}
.od-mh img{height:22px;width:auto;object-fit:contain}
.od-mh .ham{display:flex;flex-direction:column;gap:4px;width:18px}
.od-mh .ham u{display:block;height:2.2px;border-radius:2px;background:#fff}
.od-mhero{position:relative;margin:0;height:150px;overflow:hidden;background:#0b2a40}
.od-mhero img{width:100%;height:100%;object-fit:cover;opacity:.4}
.od-mhero div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 18px;color:#fff}
.od-mhero small{font-size:8.5px;letter-spacing:.16em;font-weight:800;color:#e8bd5c;margin-bottom:6px}
.od-mhero b{font-size:15px;font-weight:850;line-height:1.2}
.od-mgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px 12px 0}
.od-mgrid .im{height:96px;border-radius:8px;overflow:hidden;position:relative;background:#f6f8f9}
.od-mgrid .im img{width:100%;height:100%;object-fit:contain}
.od-mgrid .im .rb{position:absolute;left:6px;top:6px;background:#e8bd5c;color:#0b2a40;font-size:8px;font-weight:800;padding:3px 6px;border-radius:3px}
.od-mgrid b{display:block;font-size:9.5px;font-weight:700;margin-top:5px;line-height:1.25}
.od-mgrid .fy{font-size:10px;font-weight:850;color:#0b2136}

/* --- Bağımsız proje sayfaları (assets/projeler/*.html doğrudan ziyaret) --- */
.pjs-ust{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(20px,5vw,72px);background:rgba(11,11,11,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi,#232323)}
.pjs-logo{display:flex;align-items:center}
.pjs-logo img{height:28px;width:auto;display:block}
.pjs-geri{display:inline-flex;align-items:center;gap:8px;color:#cfcfcf;text-decoration:none;font-size:13.5px;font-weight:700;transition:color .2s}
.pjs-geri:hover{color:#fff}
.pjs-geri i{font-style:normal}
.pjs-ust-sag{display:flex;align-items:center;gap:14px}
.pjs-ust-sag .btn{padding:11px 20px;font-size:13px}
@media (max-width:560px){.pjs-ust-sag .pjs-geri{display:none}}

.pjs-diger{padding:clamp(48px,7vw,88px) clamp(20px,5vw,72px);border-top:1px solid var(--cizgi,#232323)}
.pjs-diger h2{margin:0 0 24px;font-size:clamp(22px,3vw,32px);font-weight:800;font-variation-settings:"wdth" 115}
.pjs-diger-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.pjs-diger-liste a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border:1px solid var(--cizgi,#232323);border-radius:14px;color:#fff;text-decoration:none;font-size:14.5px;font-weight:700;transition:border-color .2s,background .2s,transform .25s var(--ease,ease)}
.pjs-diger-liste a:hover{border-color:var(--kirmizi,#E52521);background:rgba(229,37,33,.08);transform:translateY(-2px)}
.pjs-diger-liste a i{font-style:normal;color:var(--kirmizi,#E52521)}
.pjs-govde{outline:none}
.pjs-govde a{text-decoration:none}