/* =====================================================================
   ug-tema.css — Üniforma Giyim (uniformagiyim.com.tr)
   Logo renkleri: koyu antrasit + turuncu. Ada (yüzen) başlık, numaralı katalog,
   bento vitrin, görsel sektör kartları, kayan referanslar, açık zeminli footer.
   ug-taban.css'ten SONRA yüklenir.
   ===================================================================== */
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:800;src:url(../yazitipi/manrope-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:800;src:url(../yazitipi/manrope-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* Üniforma Giyim paleti */
  --ug-ink:#1F2330; --ug-ink2:#2B3042; --ug-ink3:#141821;
  --ug-tur:#EF7A2B; --ug-tur2:#D9661A; --ug-tur-acik:#FFF1E7; --ug-tur-acik2:#FFE1CB;
  --ug-gri:#F3F4F7; --ug-gri2:#E7E9EF; --ug-cizgi:#E4E7ED; --ug-metin:#20242F; --ug-ikincil:#5E6575; --ug-soluk:#8D93A1;
  --ug-r:22px; --ug-r2:16px;
  --ug-golge:0 1px 2px rgba(20,24,33,.05), 0 10px 30px rgba(20,24,33,.07);
  --ug-golge2:0 4px 10px rgba(20,24,33,.06), 0 24px 50px rgba(20,24,33,.13);
  /* taban katmandaki değişkenler bu siteye göre yeniden tanımlanır */
  --es-l:#1F2330; --es-l2:#2B3042; --es-l3:#141821;
  --es-g:#EF7A2B; --es-g2:#D9661A; --es-g-acik:#FFF1E7; --es-g-acik2:#FFE1CB;
  --es-p:#EF7A2B; --es-p-acik:#FFF1E7;
  --es-zemin:#F3F4F7; --es-cizgi:#E4E7ED; --es-metin:#20242F; --es-ikincil:#5E6575; --es-soluk:#8D93A1;
  --es-k1:#1F2330; --es-k2:#2B3042; --es-k3:#3B4258; --es-pembe:#EF7A2B; --es-pembe-k:#D9661A;
  --brand:#EF7A2B; --brand-600:#D9661A; --brand-700:#1F2330; --brand-tint:#FFF1E7; --ink:#20242F; --ink-soft:#5E6575; --line:#E4E7ED; --bg-soft:#F3F4F7;
  --ud-k:#EF7A2B; --ud-k2:#F28B45; --ud-kk:#D9661A; --ud-k-acik:#FFF1E7;
  --ud-a:#1F2330; --ud-a2:#2B3042; --ud-ak:#141821; --ud-gece:#1F2330; --ud-gece2:#141821;
  --ud-gumus:#EEF0F4; --ud-zemin:#F3F4F7; --ud-cizgi:#E4E7ED; --ud-metin:#20242F; --ud-ikincil:#5E6575; --ud-soluk:#8D93A1;
}
body, body :is(h1,h2,h3,h4,h5,h6,p,a,li,span,div,td,th,label,input,textarea,select,button,small,strong,b,em,font,center,blockquote):not(.fa):not([class*="fa-"]):not(.zmdi):not([class*="zmdi-"]){ font-family:'Manrope','Segoe UI',Roboto,Arial,sans-serif !important; }
body{ background:var(--ug-gri) !important; color:var(--ug-metin) !important; font-size:15px; letter-spacing:-.005em; }
body :is(h1,h2,h3,h4,h5,h6){ color:var(--ug-ink) !important; font-weight:800 !important; letter-spacing:-.02em; }
::selection{ background:var(--ug-tur-acik2); color:var(--ug-ink3); }

/* ---------------- başlık: üst beyaz kat (logo + arama + iletişim) ---------------- */
.es-ust-bant{ display:none !important; }
.ugh-ust{ background:#fff; border-bottom:1px solid var(--ug-cizgi); position:relative; z-index:20; }
.ugh-ust-ic{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2.15fr) auto; align-items:center; gap:28px; min-height:94px; }
.ugh-logo img{ width:168px !important; height:auto !important; display:block; }
.ugh-ara{ display:flex; align-items:stretch; height:52px; background:var(--ug-gri); border:1.5px solid transparent; border-radius:14px; overflow:hidden; transition:border-color .2s, background .2s, box-shadow .2s; }
.ugh-ara:focus-within{ background:#fff; border-color:var(--ug-tur); box-shadow:0 0 0 4px rgba(239,122,43,.14); }
.ugh-ara input{ flex:1 1 auto; min-width:0; border:0 !important; background:transparent !important; padding:0 18px !important; font-size:14.5px !important; color:var(--ug-metin) !important; outline:0 !important; box-shadow:none !important; height:auto !important; }
.ugh-ara input::placeholder{ color:var(--ug-soluk); }
.ugh-ara button{ flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; border:0; margin:5px; padding:0 20px; border-radius:10px; background:var(--ug-ink); color:#fff !important; font-weight:800; font-size:14px; cursor:pointer; transition:background .2s; }
.ugh-ara button:hover{ background:var(--ug-tur); }
.ugh-iletisim{ display:flex; gap:18px; }
.ugh-il{ display:flex; align-items:center; gap:10px; color:var(--ug-ink) !important; text-decoration:none !important; }
.ugh-il-ikon{ flex:0 0 42px; width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:18px; background:var(--ug-tur-acik); color:var(--ug-tur2); transition:background .2s, color .2s; }
.ugh-il-wp .ugh-il-ikon{ background:#E6F7EC; color:#1FA855; }
.ugh-il:hover .ugh-il-ikon{ background:var(--ug-tur); color:#fff; }
.ugh-il-wp:hover .ugh-il-ikon{ background:#1FA855; color:#fff; }
.ugh-il-yazi{ display:flex; flex-direction:column; line-height:1.2; }
.ugh-il-yazi small{ font-size:11.5px; color:var(--ug-soluk) !important; font-weight:600; }
.ugh-il-yazi b{ font-size:15.5px; font-weight:800; color:var(--ug-ink); letter-spacing:-.01em; white-space:nowrap; }

/* ---------------- başlık: koyu menü bandı ---------------- */
.es-bar-alan.ugh-bant{ background:var(--ug-ink) !important; border:0 !important; box-shadow:none !important; padding:0 !important; position:relative; z-index:19; }
.es-bar-alan.ugh-bant::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--ug-tur); }
.ugh-bant-ic{ display:grid; grid-template-columns:calc((100% + 30px) / 4 - 30px) minmax(0,1fr); gap:30px; align-items:stretch; min-height:58px; }
.ugh-menu .hb-menu, .ugh-menu .hb-menu nav{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; margin:0 !important; }
.ugh-menu .hb-menu nav::after{ display:none !important; }
.ugh-menu .hb-menu nav > ul{ display:flex !important; justify-content:space-between !important; gap:0 !important; margin:0 !important; }
.ugh-menu .hb-menu nav > ul > li{ position:relative; }
.ugh-menu .hb-menu nav > ul > li > a{ position:relative; display:flex !important; align-items:center; color:#E9EBF0 !important; font-weight:700 !important; font-size:14px !important; line-height:58px !important; padding:0 4px !important; background:none !important; border-radius:0 !important; box-shadow:none !important; }
.ugh-menu .hb-menu nav > ul > li > a::after{ display:block !important; content:"" !important; position:absolute; left:4px !important; right:4px !important; bottom:3px !important; width:auto !important; height:3px !important; margin:0 !important; border-radius:3px 3px 0 0 !important; background:var(--ug-tur) !important; transform:scaleX(0) !important; transition:transform .2s ease !important; }
.ugh-menu .hb-menu nav > ul > li:hover > a{ color:#fff !important; }
.ugh-menu .hb-menu nav > ul > li:hover > a::after{ transform:scaleX(1) !important; }
.ugh-menu .hb-menu nav > ul > li.dropdown-holder > a::before{ color:#AEB4C2 !important; }
.ugh-menu .hb-menu nav > ul > li > ul.hb-dropdown{ border-radius:0 0 16px 16px !important; border:1px solid var(--ug-cizgi) !important; border-top:0 !important; box-shadow:var(--ug-golge2) !important; top:100% !important; }
.ugh-menu .hb-menu nav ul > li > ul.hb-dropdown > li > a:hover{ background:var(--ug-tur-acik) !important; color:var(--ug-ink) !important; }
.es-bar-alan.ugh-bant.header-sticky.sticky{ position:fixed !important; top:0; left:0; right:0; background:var(--ug-ink) !important; box-shadow:0 10px 26px rgba(20,24,33,.22) !important; padding:0 !important; animation:none; }

/* ---------------- numaralı katalog (sol kategori) ---------------- */
.ugk{ background:#fff !important; border:0 !important; border-radius:var(--ug-r) !important; box-shadow:var(--ug-golge) !important; overflow:hidden; }
.ugk-bas{ display:block !important; background:var(--ug-ink) !important; padding:18px 20px 16px !important; position:relative; }
.ugk-bas::after{ content:""; position:absolute; right:-30px; top:-30px; width:110px; height:110px; border-radius:50%; border:18px solid rgba(239,122,43,.22); }
.ugk-etiket{ display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:var(--ug-tur) !important; margin-bottom:3px; }
.ugk-bas strong{ display:block; color:#fff !important; font-size:17px; font-weight:800; }
.ugk-liste{ padding:8px 10px !important; counter-reset:none; }
.ugk-liste li + li .ugk-a{ border-top:1px solid var(--ug-gri) !important; }
.ugk-a{ display:flex !important; align-items:center; gap:12px !important; padding:10px 10px !important; border-radius:12px !important; color:var(--ug-metin) !important; font-weight:600 !important; font-size:14px !important; position:relative; transition:background .2s, padding .2s !important; }
.ugk-no{ flex:0 0 26px; font-size:12px; font-weight:800; color:var(--ug-soluk); font-variant-numeric:tabular-nums; letter-spacing:.5px; transition:color .2s; }
.ugk-a .esk-ok{ opacity:0; transform:translateX(-6px); transition:opacity .2s, transform .2s !important; color:var(--ug-tur) !important; }
.ugk-a:hover, .ugk-a.aktif{ background:var(--ug-tur-acik) !important; color:var(--ug-ink) !important; padding-left:14px !important; }
.ugk-a:hover .ugk-no, .ugk-a.aktif .ugk-no{ color:var(--ug-tur2); }
.ugk-a:hover .esk-ok, .ugk-a.aktif .esk-ok{ opacity:1; transform:none; }
.ugk-tumu{ background:var(--ug-gri) !important; color:var(--ug-ink) !important; border:0 !important; border-radius:12px !important; font-weight:800 !important; height:44px !important; width:calc(100% - 20px) !important; margin:4px 10px 12px !important; }
.ugk-tumu:hover{ background:var(--ug-ink) !important; color:#fff !important; }


/* ---------------- vitrin: geniş slider + altta 3 banner ---------------- */
.slider-with-banner{ padding-top:24px !important; }
.slider-area{ border-radius:var(--ug-r) !important; box-shadow:var(--ug-golge) !important; overflow:hidden; background:var(--ug-ink) !important; }
.single-slide{ border-radius:var(--ug-r) !important; }
.single-slide::before{ background:linear-gradient(100deg, rgba(20,24,33,.82) 0%, rgba(20,24,33,.5) 36%, rgba(20,24,33,0) 66%) !important; }
.slider-content{ left:6% !important; max-width:440px !important; background:none !important; border:0 !important; box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; padding:0 !important; }
.slider-content h2::before{ content:"ÜNİFORMA GİYİM" !important; display:table !important; background:var(--ug-tur); color:#fff !important; font-size:10.5px !important; letter-spacing:2px !important; font-weight:800 !important; padding:5px 10px; border-radius:8px; margin-bottom:14px !important; }
.slider-content h2, .slider-content h2 font{ color:#fff !important; font-size:38px !important; font-weight:800 !important; line-height:1.12 !important; }
.slider-content h3{ color:#D7DAE2 !important; font-size:15px !important; display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.slider-content .slide-btn a.links, .slider-content .default-btn a.links{ background:var(--ug-tur) !important; color:#fff !important; border-radius:12px !important; height:46px !important; line-height:46px !important; padding:0 24px !important; font-weight:800 !important; box-shadow:0 10px 22px rgba(239,122,43,.35) !important; }
.slider-content .slide-btn a.links:hover{ background:#fff !important; color:var(--ug-ink) !important; }
.slider-active .owl-dots{ left:50% !important; right:auto !important; transform:translateX(-50%); bottom:16px !important; top:auto !important; background:rgba(20,24,33,.45) !important; padding:6px 10px !important; border-radius:20px; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.slider-active .owl-dot, .slider-active .owl-dot span{ width:8px !important; height:8px !important; border-radius:50% !important; background:rgba(255,255,255,.45) !important; }
.slider-active .owl-dot.active, .slider-active .owl-dot.active span{ width:24px !important; border-radius:6px !important; background:var(--ug-tur) !important; }
.es-sag-banner{ padding-top:16px !important; }
.es-sag-banner .row{ --bs-gutter-x:16px; }
.single-banner{ border-radius:var(--ug-r2) !important; box-shadow:var(--ug-golge) !important; overflow:hidden; position:relative; }
.single-banner img{ transition:transform .5s ease; }
.single-banner:hover img{ transform:scale(1.04); }
.single-banner a::after{ content:"→"; position:absolute; right:10px; bottom:10px; width:30px; height:30px; border-radius:50%; background:#fff; color:var(--ug-ink); display:flex; align-items:center; justify-content:center; font-weight:800; box-shadow:0 6px 14px rgba(0,0,0,.15); transition:background .2s, color .2s; }
.single-banner:hover a::after{ background:var(--ug-tur); color:#fff; }

/* ---------------- bölüm başlıkları ---------------- */
.es-ust, .ud-ust{ color:var(--ug-tur2) !important; font-weight:800 !important; letter-spacing:2px !important; }
.es-ust::before, .ud-ust::before{ width:18px !important; height:3px !important; border-radius:3px !important; background:var(--ug-tur) !important; box-shadow:none !important; }
.es-bas h2, .ud-bolum-bas h2{ font-size:30px !important; }

/* ---------------- sekmeler ---------------- */
.li-product-menu, .li-product-tab .nav, .ud-urun-sekme{ background:#fff !important; border:0 !important; box-shadow:var(--ug-golge) !important; border-radius:16px !important; padding:6px !important; gap:4px !important; }
.li-product-menu li a, .li-product-tab .nav li a{ border:0 !important; background:transparent !important; border-radius:11px !important; color:var(--ug-ikincil) !important; font-weight:700 !important; }
.li-product-menu li a.active, .li-product-menu li a:hover, .li-product-tab .nav li a.active{ background:var(--ug-ink) !important; color:#fff !important; box-shadow:none !important; }

/* ---------------- ürün kartları ---------------- */
.single-product-wrap{ background:#fff !important; border:0 !important; border-radius:var(--ug-r) !important; box-shadow:var(--ug-golge) !important; padding:10px !important; }
.single-product-wrap:hover{ box-shadow:var(--ug-golge2) !important; transform:translateY(-4px); }
.single-product-wrap .product-image{ background:var(--ug-gri) !important; border-radius:16px !important; margin:0 !important; }
.product_desc{ padding:12px 6px 4px !important; }
.product_desc, .product_desc center, .product_desc_info h4, .product_desc_info h4 a{ text-align:left !important; }
.product_desc_info h4, .product_desc_info h4 a, .product_desc .product_name{ font-size:14px !important; font-weight:800 !important; color:var(--ug-ink) !important; }
.es-kart-alt{ border-top:1px solid var(--ug-gri) !important; padding-top:10px !important; margin-top:10px !important; }
.es-kart-wp{ background:var(--ug-tur-acik) !important; color:var(--ug-tur2) !important; font-weight:800 !important; border-radius:10px !important; }
.es-kart-wp:hover{ background:var(--ug-tur) !important; color:#fff !important; }
.es-kart-ok{ background:var(--ug-gri) !important; color:var(--ug-ink) !important; border-radius:10px !important; }
.single-product-wrap:hover .es-kart-ok{ background:var(--ug-ink) !important; color:#fff !important; }

/* ---------------- sektör kartları (koleksiyon) ---------------- */
.es-kol{ padding:60px 0 20px !important; }
.es-kol-izgara{ display:grid !important; grid-template-columns:repeat(4, minmax(0,1fr)) !important; gap:16px !important; }
.es-kol-k{ position:relative; display:block !important; border-radius:var(--ug-r) !important; overflow:hidden; aspect-ratio:4/5; background:var(--ug-ink); box-shadow:var(--ug-golge); text-align:left !important; }
.es-kol-k:nth-child(1), .es-kol-k:nth-child(6){ grid-row:span 1; }
.es-kol-foto{ position:absolute !important; inset:0; width:100% !important; height:100% !important; border-radius:0 !important; padding:0 !important; border:0 !important; margin:0 !important; background:none !important; transform:none !important; }
.es-kol-foto img{ width:100%; height:100%; object-fit:cover; border-radius:0 !important; transition:transform .6s ease; }
.es-kol-k::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,24,33,0) 40%, rgba(20,24,33,.85) 100%); }
.es-kol-k:hover .es-kol-foto img{ transform:scale(1.06); }
.es-kol-k strong{ position:absolute; left:18px; right:18px; bottom:40px; z-index:1; color:#fff !important; font-size:17px !important; font-weight:800 !important; line-height:1.25; }
.es-kol-k small{ position:absolute; left:18px; bottom:16px; z-index:1; opacity:1 !important; color:var(--ug-tur) !important; font-weight:800 !important; font-size:12.5px !important; }

/* ---------------- tanıtım ---------------- */
.es-tanitim-ic{ background:#fff !important; border:0 !important; box-shadow:var(--ug-golge) !important; border-radius:28px !important; }
.es-tanitim-ic::before{ background:radial-gradient(circle, rgba(239,122,43,.14), transparent 70%) !important; }
.es-tanitim .es-bag, .es-dugme-cizgi{ border-color:var(--ug-ink) !important; color:var(--ug-ink) !important; border-radius:14px !important; }
.es-dugme-cizgi:hover{ background:var(--ug-ink) !important; color:#fff !important; }

/* ---------------- kayan referanslar ---------------- */
.es-ref{ overflow:hidden; }
.ug-kayan{ display:block !important; overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.ug-kayan-ic{ display:flex; gap:14px; width:max-content; animation:ugKay 45s linear infinite; }
.ug-kayan:hover .ug-kayan-ic{ animation-play-state:paused; }
@keyframes ugKay{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.ug-kayan .es-ref-logo{ flex:0 0 170px; height:96px; background:#fff !important; border:0 !important; border-radius:18px !important; box-shadow:var(--ug-golge) !important; }
@media (prefers-reduced-motion:reduce){ .ug-kayan-ic{ animation:none; flex-wrap:wrap; width:auto; } }

/* ---------------- teklif bandı ---------------- */
.es-cta{ background:var(--ug-tur) !important; border-radius:28px !important; }
.es-cta::after{ border-color:rgba(255,255,255,.18) !important; }
.es-cta h2, .es-cta h3{ color:#fff !important; }
.es-cta p{ color:#FFE9DA !important; }
.es-cta .es-ust{ color:#fff !important; }
.es-cta .es-ust::before{ background:#fff !important; }
.es-cta .es-dugme-acik{ background:#fff !important; color:var(--ug-ink) !important; border-radius:14px !important; }
.es-cta .es-dugme-acik:hover{ background:var(--ug-ink) !important; color:#fff !important; }
.es-cta .es-dugme-wp{ background:var(--ug-ink) !important; border-radius:14px !important; box-shadow:none !important; }

/* ---------------- footer: açık zemin ---------------- */
.es-ft{ background:#fff !important; color:var(--ug-ikincil) !important; margin-top:60px !important; border-top:1px solid var(--ug-cizgi); }
.es-ft::before{ display:none !important; }
.es-hizmet{ background:var(--ug-gri) !important; border:0 !important; }
.es-hizmet-k{ background:#fff !important; border:0 !important; box-shadow:var(--ug-golge); }
.es-hizmet-ikon{ background:var(--ug-ink) !important; box-shadow:none !important; border-radius:14px !important; }
.es-hizmet-k:nth-child(2) .es-hizmet-ikon, .es-hizmet-k:nth-child(4) .es-hizmet-ikon{ background:var(--ug-tur) !important; }
.es-hizmet-k:nth-child(3) .es-hizmet-ikon{ background:#1FA855 !important; }
.es-hizmet-ikon::after{ display:none !important; }
.es-ft .footer-block-title, .es-ft h4, .es-ft h5{ color:var(--ug-ink) !important; letter-spacing:.5px !important; text-transform:none !important; font-size:15px !important; font-weight:800 !important; }
.es-ft .footer-block-title::after{ background:var(--ug-tur) !important; }
.es-ft ul li a, .es-ft p, .es-ft address, .es-ft-tanitim, .es-ft-iletisim li{ color:var(--ug-ikincil) !important; }
.es-ft ul li a:hover{ color:var(--ug-tur2) !important; }
.es-ft-slogan{ color:var(--ug-ink) !important; font-weight:700; }
.es-ft-tanitim{ color:var(--ug-soluk) !important; }
.es-ft-iletisim li i{ background:var(--ug-tur-acik) !important; color:var(--ug-tur2) !important; }
.es-ft-logo-a{ background:none !important; padding:0 !important; }
.es-ft-sosyal a{ background:var(--ug-gri) !important; color:var(--ug-ink) !important; border:0 !important; }
.es-ft-sosyal a:hover{ background:var(--ug-tur) !important; color:#fff !important; }
.es-ft-alt{ background:var(--ug-ink) !important; color:#B9BECB !important; border:0 !important; }
.es-ft-alt a{ color:#fff !important; }
.ud-ft-blok .footer-block-title[data-akd]::after{ color:var(--ug-ink) !important; }

/* ---------------- iç sayfalar ---------------- */
.breadcrumb-area{ background:transparent !important; border:0 !important; }
.breadcrumb-content ul li.active{ color:var(--ug-tur2) !important; }
.es-sayfa-bas h1{ color:var(--ug-ink) !important; }
.bl-hero, .kt-hero, .hk-hero, .ko-hero{ background:var(--ug-ink) !important; }
.es-urun-bilgi{ border:0 !important; box-shadow:var(--ug-golge); border-radius:var(--ug-r2) !important; }
.es-urun-bilgi dd a{ color:var(--ug-tur2) !important; }
.ud-cerez{ background:var(--ug-ink) !important; border-top-color:var(--ug-tur) !important; }
#cookieAccept, .ud-cerez-ikon{ background:var(--ug-tur) !important; }
.ud-mbar a.ud-mbar-wp{ background:#1FA855 !important; }
#scrollUp{ background:var(--ug-ink) !important; }
.telefon a{ background:var(--ug-ink) !important; }

/* ---------------- duyarlı ---------------- */
/* ---------------- duyarlı ---------------- */
@media (max-width:1399px){ .ugh-menu .hb-menu nav > ul > li > a{ font-size:13.5px !important; } .ugh-iletisim{ gap:12px; } }
@media (max-width:1199px){
  .es-kol-izgara{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; }
  .ugh-ust-ic{ grid-template-columns:auto minmax(0,1fr) auto; gap:18px; }
  .ugh-logo img{ width:140px !important; }
  .ugh-il-tel{ display:none; }
  .ugh-menu .hb-menu nav > ul > li > a{ font-size:12.5px !important; padding:0 2px !important; }
}
@media (max-width:991px){
  .ugh-ust{ position:sticky; top:0; z-index:9990; box-shadow:0 4px 14px rgba(20,24,33,.06); }
  .ugh-ust-ic{ grid-template-columns:1fr auto; grid-template-areas:"logo il" "ara ara"; gap:10px 12px; min-height:0; padding:10px 0 12px 54px; }
  .ugh-logo{ grid-area:logo; } .ugh-logo img{ width:118px !important; }
  .ugh-iletisim{ grid-area:il; }
  .ugh-ara{ grid-area:ara; height:46px; margin-left:-54px; }
  .ugh-ara button span{ display:none; }
  .ugh-ara button{ padding:0 14px; }
  .ugh-il-yazi{ display:none; }
  .ugh-il-tel{ display:flex; }
  .ugh-il-ikon{ width:40px; height:40px; flex-basis:40px; }
  .mean-container a.meanmenu-reveal{ top:12px !important; left:16px !important; width:40px !important; height:40px !important; padding:0 !important; margin:0 !important; display:flex !important; flex-direction:column; justify-content:center; align-items:center; gap:5px; border-radius:12px; background:var(--ug-ink) !important; font-size:0 !important; text-indent:0 !important; }
  .mean-container a.meanmenu-reveal span{ display:block !important; width:18px !important; height:2px !important; margin:0 !important; border-radius:2px; background:#fff !important; }
  .ugk{ border-radius:18px !important; }
  .ugk-bas{ padding:12px 16px !important; }
  .ugk-bas strong{ font-size:15px; }
  .ugk-liste{ display:flex !important; overflow-x:auto; gap:8px; padding:12px !important; scrollbar-width:none; }
  .ugk-liste::-webkit-scrollbar{ display:none; }
  .ugk-liste li{ flex:0 0 auto; display:block !important; }
  .ugk-liste li + li .ugk-a{ border-top:0 !important; }
  .ugk-a{ background:var(--ug-gri) !important; padding:8px 14px !important; border-radius:999px !important; white-space:nowrap; font-size:13px !important; flex-direction:row !important; width:auto !important; }
  .ugk-a .esk-ok{ display:none !important; }
  .ugk-tumu{ display:none !important; }
  .slider-content h2, .slider-content h2 font{ font-size:24px !important; }
  .es-kol-izgara{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width:767px){
  .es-bas h2, .ud-bolum-bas h2{ font-size:23px !important; }
  .slider-content{ left:6% !important; max-width:86% !important; }
  .slider-active .owl-dots{ left:6% !important; bottom:14px !important; }
  .es-kol-k strong{ font-size:14.5px !important; bottom:34px; left:14px; }
  .es-kol-k small{ left:14px; bottom:12px; }
  .ug-kayan .es-ref-logo{ flex-basis:130px; height:78px; }
  .es-cta{ border-radius:22px !important; }
}

.es-kol{ padding-top:20px !important; }
@media (max-width:991px){
  .mobile-menu-area{ position:relative; z-index:9995 !important; }
  .mean-container a.meanmenu-reveal{ z-index:9999 !important; }
  .slider-active .owl-dots{ left:50% !important; transform:translateX(-50%); }
}
@media (max-width:991px){
  .mean-container a.meanmenu-reveal.meanclose{ font-size:22px !important; line-height:40px !important; color:#fff !important; }
  .slider-active .owl-dots{ display:flex !important; flex-wrap:nowrap; gap:0; max-width:92%; padding:5px 8px !important; }
  .slider-active .owl-dot, .slider-active .owl-dot span{ width:6px !important; height:6px !important; margin:0 2px !important; }
  .slider-active .owl-dot.active, .slider-active .owl-dot.active span{ width:16px !important; }
}

/* =====================================================================
   v2 — premium katman: kapsül menü, geniş görselli katalog, hizmet şeridi
   ===================================================================== */
body{ background:radial-gradient(1100px 520px at 88% -140px, rgba(239,122,43,.11), transparent 62%), radial-gradient(900px 480px at -10% 0, rgba(31,35,48,.06), transparent 60%), #F2F3F6 !important; background-repeat:no-repeat !important; }
.ugh-ust{ background:transparent !important; border-bottom:0 !important; }
.ugh-ust-ic{ min-height:96px; }
.ugh-ara{ background:#fff !important; border:1px solid var(--ug-cizgi) !important; border-radius:999px !important; box-shadow:0 1px 2px rgba(20,24,33,.04), 0 8px 24px rgba(20,24,33,.06); height:54px; padding-left:6px; }
.ugh-ara:focus-within{ border-color:var(--ug-tur) !important; box-shadow:0 0 0 4px rgba(239,122,43,.14) !important; }
.ugh-ara button{ border-radius:999px !important; padding:0 22px !important; }
.ugh-il-ikon{ border-radius:50% !important; background:#fff !important; box-shadow:0 1px 2px rgba(20,24,33,.05), 0 6px 16px rgba(20,24,33,.07); }
.ugh-il-wp .ugh-il-ikon{ background:#fff !important; }

/* kapsül menü */
.es-bar-alan.ugh-bant{ background:transparent !important; padding:0 0 6px !important; }
.es-bar-alan.ugh-bant::after{ display:none !important; }
.ugh-bant-ic{ display:flex !important; align-items:center; gap:16px; min-height:62px; padding:0 8px 0 14px; border-radius:20px; background:linear-gradient(135deg, #262B3B 0%, #1A1E2A 55%, #151821 100%); border:1px solid rgba(255,255,255,.06); box-shadow:0 18px 40px -18px rgba(20,24,33,.55), inset 0 1px 0 rgba(255,255,255,.06); position:relative; }
.ugh-bant-ic::before{ content:""; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(420px 120px at 92% 0, rgba(239,122,43,.20), transparent 70%); pointer-events:none; }
.ugh-menu{ flex:1 1 auto; min-width:0; position:relative; }
.ugh-menu .hb-menu nav > ul{ justify-content:flex-start !important; gap:2px !important; }
.ugh-menu .hb-menu nav > ul > li > a{ line-height:42px !important; padding:0 14px !important; border-radius:12px !important; color:#D9DCE4 !important; transition:background .2s, color .2s !important; }
.ugh-menu .hb-menu nav > ul > li > a::after{ display:none !important; }
.ugh-menu .hb-menu nav > ul > li:hover > a{ background:rgba(255,255,255,.08) !important; color:#fff !important; }
.ugh-menu .hb-menu nav > ul > li > ul.hb-dropdown{ top:calc(100% + 10px) !important; border-radius:16px !important; border:1px solid var(--ug-cizgi) !important; padding:8px !important; }
.ugh-menu .hb-menu nav > ul > li > ul.hb-dropdown::before{ content:""; position:absolute; left:0; right:0; top:-12px; height:12px; }
.ugh-menu .hb-menu nav ul > li > ul.hb-dropdown > li > a{ border-radius:10px !important; }
.ugh-cta{ position:relative; flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; height:46px; padding:0 22px; border-radius:14px; background:linear-gradient(135deg, #F48A3F, #E46A17); color:#fff !important; font-weight:800; font-size:14px; text-decoration:none !important; box-shadow:0 10px 24px -8px rgba(239,122,43,.7), inset 0 1px 0 rgba(255,255,255,.25); transition:transform .2s, box-shadow .2s; }
.ugh-cta i{ font-size:17px; }
.ugh-cta:hover{ transform:translateY(-1px); box-shadow:0 14px 28px -8px rgba(239,122,43,.8), inset 0 1px 0 rgba(255,255,255,.25); }
.es-bar-alan.ugh-bant.header-sticky.sticky{ background:transparent !important; box-shadow:none !important; padding:10px 0 0 !important; }
.es-bar-alan.ugh-bant.header-sticky.sticky .ugh-bant-ic{ box-shadow:0 20px 44px -16px rgba(20,24,33,.6), inset 0 1px 0 rgba(255,255,255,.06); }

/* geniş katalog sütunu */
@media (min-width:1200px){
  .slider-with-banner > .container > .row,
  .ud-kat-sayfa > .container > .row{ display:grid !important; grid-template-columns:352px minmax(0,1fr); gap:24px; margin:0 !important; align-items:start; }
  .ud-kat-sayfa > .container > .row{ grid-template-columns:330px minmax(0,1fr); gap:30px; }
  .slider-with-banner > .container > .row > [class*="col-"],
  .ud-kat-sayfa > .container > .row > [class*="col-"]{ width:auto !important; max-width:none !important; flex:none !important; padding:0 !important; }
  .slider-with-banner .single-slide{ min-height:560px !important; }
}
@media (min-width:1400px){ .slider-with-banner > .container > .row{ grid-template-columns:372px minmax(0,1fr); } }

/* premium katalog kartı */
.ugk{ border-radius:26px !important; box-shadow:0 1px 2px rgba(20,24,33,.04), 0 22px 48px -20px rgba(20,24,33,.22) !important; border:1px solid rgba(20,24,33,.04) !important; }
.ugk-bas{ background:linear-gradient(140deg, #2A3042 0%, #1B1F2B 60%, #151821 100%) !important; padding:22px 22px 20px !important; overflow:hidden; }
.ugk-bas::after{ right:-50px !important; top:-70px !important; width:170px !important; height:170px !important; border:0 !important; background:radial-gradient(circle, rgba(239,122,43,.55), rgba(239,122,43,0) 68%); opacity:.65; }
.ugk-bas strong{ font-size:19px !important; position:relative; z-index:1; }
.ugk-etiket{ position:relative; z-index:1; }
.ugk-alt{ display:block; position:relative; z-index:1; margin-top:4px; color:#A4AABA; font-size:12px; font-weight:600; }
.ugk-liste{ padding:10px !important; }
.ugk-liste li + li .ugk-a{ border-top:0 !important; }
.ugk-liste li + li{ margin-top:2px; }
.ugk-a{ gap:14px !important; padding:7px 12px 7px 7px !important; border-radius:16px !important; font-size:14.5px !important; font-weight:700 !important; color:var(--ug-ink) !important; }
.ugk-a .esk-ad{ flex:1 1 auto; min-width:0; }
.ugk-foto{ flex:0 0 44px; width:44px; height:44px; border-radius:13px; overflow:hidden; background:var(--ug-gri); display:flex; align-items:center; justify-content:center; box-shadow:inset 0 0 0 1px rgba(20,24,33,.05); transition:transform .25s ease; }
.ugk-foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.ugk-foto > span{ font-weight:800; color:var(--ug-tur2); }
.ugk-no{ flex:0 0 auto !important; font-size:11.5px !important; color:#B3B8C4 !important; }
.ugk-a .esk-ok{ display:none !important; }
.ugk-a:hover{ background:var(--ug-gri) !important; padding-left:7px !important; }
.ugk-a:hover .ugk-foto{ transform:scale(1.06) rotate(-2deg); }
.ugk-a:hover .ugk-no{ color:var(--ug-tur2) !important; }
.ugk-a.aktif{ background:var(--ug-ink) !important; color:#fff !important; padding-left:7px !important; box-shadow:0 10px 22px -12px rgba(20,24,33,.7); }
.ugk-a.aktif .ugk-no{ color:var(--ug-tur) !important; }
.ugk-tumu{ height:48px !important; border-radius:16px !important; background:var(--ug-tur-acik) !important; color:var(--ug-tur2) !important; margin:6px 10px 12px !important; }
.ugk-tumu:hover{ background:var(--ug-tur) !important; color:#fff !important; }

/* vitrin */
.slider-with-banner{ padding-top:22px !important; }
.slider-area, .single-slide{ border-radius:26px !important; }
.single-banner{ border-radius:20px !important; }

/* hizmet şeridi */
.ugg{ padding:26px 0 6px; }
.ugg-ic{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); background:#fff; border-radius:22px; box-shadow:0 1px 2px rgba(20,24,33,.04), 0 16px 40px -22px rgba(20,24,33,.25); border:1px solid rgba(20,24,33,.04); }
.ugg-k{ display:flex; align-items:center; gap:14px; padding:22px 24px; position:relative; }
.ugg-k + .ugg-k::before{ content:""; position:absolute; left:0; top:24%; bottom:24%; width:1px; background:var(--ug-cizgi); }
.ugg-i{ flex:0 0 48px; width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; color:var(--ug-tur2); background:linear-gradient(145deg, #FFF4EC, #FFE6D3); box-shadow:inset 0 0 0 1px rgba(239,122,43,.12); }
.ugg-k b{ display:block; font-size:15px; font-weight:800; color:var(--ug-ink); }
.ugg-k small{ display:block; font-size:12.5px; color:var(--ug-ikincil); margin-top:1px; }

@media (max-width:1399px){ .ugh-menu .hb-menu nav > ul > li > a{ padding:0 10px !important; } }
@media (max-width:1199px){ .ugh-menu .hb-menu nav > ul > li > a{ padding:0 7px !important; font-size:12.5px !important; } .ugh-cta{ padding:0 14px; } }
@media (max-width:991px){
  .ugh-ust{ background:rgba(242,243,246,.92) !important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
  .ugh-ara{ height:48px; }
  .ugk{ border-radius:20px !important; }
  .ugk-bas{ padding:14px 16px !important; }
  .ugk-alt{ display:none; }
  .ugk-liste{ gap:8px !important; padding:12px !important; }
  .ugk-liste li + li{ margin-top:0; }
  .ugk-a{ background:var(--ug-gri) !important; padding:5px 14px 5px 5px !important; gap:9px !important; border-radius:999px !important; font-size:13px !important; }
  .ugk-foto{ flex-basis:32px; width:32px; height:32px; border-radius:50%; }
  .ugk-no{ display:none !important; }
  .ugg-ic{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .ugg-k{ padding:16px; gap:10px; }
  .ugg-k:nth-child(3)::before{ display:none; }
  .ugg-k:nth-child(n+3){ border-top:1px solid var(--ug-cizgi); }
  .ugg-i{ flex-basis:40px; width:40px; height:40px; }
  .ugg-k b{ font-size:13.5px; } .ugg-k small{ font-size:11.5px; }
}
@media (min-width:992px){
  .ugk-a{ padding:5px 12px 5px 5px !important; }
  .ugk-a:hover, .ugk-a.aktif{ padding-left:5px !important; }
  .ugk-foto{ flex-basis:38px; width:38px; height:38px; border-radius:11px; }
}
@media (min-width:1200px){ .slider-with-banner .single-slide{ min-height:520px !important; } }

/* =====================================================================
   v3 — sade beyaz başlık: üst satır (logo · arama · iletişim) + ince menü satırı
   ===================================================================== */
body{ background:#F2F3F6 !important; }
.ugh-ust{ background:#fff !important; border-bottom:1px solid #ECEEF2 !important; }
.ugh-ust-ic{ min-height:88px; gap:32px; grid-template-columns:auto minmax(0,1fr) auto; }
.ugh-logo img{ width:184px !important; }
.ugh-ara{ max-width:640px; width:100%; justify-self:center; height:50px; background:#F3F4F7 !important; border:1px solid transparent !important; border-radius:14px !important; box-shadow:none !important; padding-left:4px; }
.ugh-ara:focus-within{ background:#fff !important; border-color:var(--ug-tur) !important; box-shadow:0 0 0 4px rgba(239,122,43,.12) !important; }
.ugh-ara input{ font-size:14.5px !important; }
.ugh-ara button{ margin:4px; border-radius:10px !important; padding:0 18px !important; height:auto; font-size:13.5px; background:var(--ug-ink) !important; }
.ugh-ara button:hover{ background:var(--ug-tur) !important; }
.ugh-iletisim{ gap:22px; }
.ugh-il{ gap:10px; }
.ugh-il-ikon{ flex:0 0 40px !important; width:40px !important; height:40px !important; border-radius:12px !important; box-shadow:none !important; background:var(--ug-tur-acik) !important; color:var(--ug-tur2) !important; font-size:17px; }
.ugh-il-wp .ugh-il-ikon{ background:#E7F7EE !important; color:#1FA855 !important; }
.ugh-il:hover .ugh-il-ikon{ background:var(--ug-tur) !important; color:#fff !important; }
.ugh-il-wp:hover .ugh-il-ikon{ background:#1FA855 !important; color:#fff !important; }
.ugh-il-yazi small{ font-size:11px; letter-spacing:.2px; }
.ugh-il-yazi b{ font-size:15px; }

/* menü satırı: beyaz, ince ve ferah */
.es-bar-alan.ugh-bant{ background:#fff !important; padding:0 !important; border-bottom:1px solid #ECEEF2 !important; box-shadow:0 6px 18px -14px rgba(20,24,33,.35) !important; }
.ugh-bant-ic{ min-height:56px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; gap:20px !important; }
.ugh-bant-ic::before{ display:none !important; }
.ugh-menu .hb-menu nav > ul{ gap:4px !important; margin-left:-12px !important; }
.ugh-menu .hb-menu nav > ul > li > a{ line-height:56px !important; padding:0 12px !important; border-radius:0 !important; background:none !important; color:var(--ug-ink) !important; font-size:14.5px !important; font-weight:700 !important; }
.ugh-menu .hb-menu nav > ul > li > a::after{ display:block !important; content:"" !important; position:absolute; left:12px !important; right:12px !important; bottom:-1px !important; height:2px !important; width:auto !important; margin:0 !important; border-radius:2px !important; background:var(--ug-tur) !important; transform:scaleX(0) !important; transform-origin:left; transition:transform .22s ease !important; }
.ugh-menu .hb-menu nav > ul > li:hover > a{ background:none !important; color:var(--ug-tur2) !important; }
.ugh-menu .hb-menu nav > ul > li:hover > a::after{ transform:scaleX(1) !important; }
.ugh-menu .hb-menu nav > ul > li.dropdown-holder > a::before{ color:var(--ug-soluk) !important; }
.ugh-menu .hb-menu nav > ul > li > ul.hb-dropdown{ top:100% !important; border-radius:0 0 14px 14px !important; border-top:2px solid var(--ug-tur) !important; }
.ugh-cta{ height:40px !important; padding:0 18px !important; border-radius:12px !important; background:var(--ug-tur) !important; box-shadow:0 8px 18px -8px rgba(239,122,43,.6) !important; font-size:13.5px !important; }
.ugh-cta:hover{ background:var(--ug-tur2) !important; transform:none !important; }
.es-bar-alan.ugh-bant.header-sticky.sticky{ background:rgba(255,255,255,.97) !important; padding:0 !important; box-shadow:0 10px 26px -12px rgba(20,24,33,.28) !important; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.es-bar-alan.ugh-bant.header-sticky.sticky .ugh-bant-ic{ box-shadow:none !important; }
.slider-with-banner{ padding-top:26px !important; }

@media (max-width:1399px){ .ugh-menu .hb-menu nav > ul > li > a{ padding:0 9px !important; font-size:14px !important; } .ugh-menu .hb-menu nav > ul > li > a::after{ left:9px !important; right:9px !important; } .ugh-ust-ic{ gap:24px; } }
@media (max-width:1199px){ .ugh-menu .hb-menu nav > ul > li > a{ padding:0 6px !important; font-size:13px !important; } .ugh-logo img{ width:150px !important; } }
@media (max-width:991px){
  .ugh-ust{ background:rgba(255,255,255,.97) !important; }
  .ugh-ust-ic{ grid-template-columns:1fr auto; gap:10px 12px; min-height:0; }
  .ugh-logo img{ width:124px !important; }
  .ugh-ara{ max-width:none; height:46px; }
  .ugh-il-ikon{ width:40px !important; height:40px !important; }
}
@media (max-width:991px){ .ugh-ara{ justify-self:stretch; width:auto; margin-left:-54px !important; } }

/* =====================================================================
   v4 — koyu menü bandı (seçenek A)
   ===================================================================== */
.es-bar-alan.ugh-bant{border-bottom:0!important;box-shadow:none!important;padding:0!important}
.ugh-bant-ic{min-height:60px!important}
.ugh-menu .hb-menu nav>ul{margin-left:0!important;gap:4px!important}
.ugh-menu .hb-menu nav>ul>li>a::after{display:none!important}
.ugh-menu .hb-menu nav>ul>li>a{line-height:40px!important;padding:0 15px!important;border-radius:11px!important;transition:background .2s,color .2s!important}
.ugh-menu .hb-menu nav>ul>li>ul.hb-dropdown{top:calc(100% + 10px)!important;border-radius:14px!important;border-top:0!important}
.es-bar-alan.ugh-bant{background:linear-gradient(180deg,#232838 0%,#1A1E29 100%)!important;position:relative}
.es-bar-alan.ugh-bant::after{display:block!important;content:""!important;position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(239,122,43,0),#EF7A2B 30%,#EF7A2B 70%,rgba(239,122,43,0))!important}
.ugh-menu .hb-menu nav>ul>li>a{color:#C9CDD8!important;font-weight:600!important}
.ugh-menu .hb-menu nav>ul>li:hover>a,.ugh-menu .hb-menu nav>ul>li.ug-aktif>a{background:rgba(255,255,255,.08)!important;color:#fff!important}
.ugh-menu .hb-menu nav>ul>li.ug-aktif>a{box-shadow:inset 0 -2px 0 #EF7A2B}
.ugh-menu .hb-menu nav>ul>li.dropdown-holder>a::before{color:#8A90A0!important}
.ugh-cta{height:42px!important;border-radius:11px!important}
.es-bar-alan.ugh-bant.header-sticky.sticky{background:linear-gradient(180deg,#232838 0%,#1A1E29 100%)!important;box-shadow:0 12px 28px -12px rgba(20,24,33,.55)!important}
.ugh-ust{border-bottom:0!important}
@media (max-width:1399px){.ugh-menu .hb-menu nav>ul>li>a{padding:0 11px!important}}
@media (max-width:1199px){.ugh-menu .hb-menu nav>ul>li>a{padding:0 7px!important;font-size:13px!important}}
.es-bar-alan.ugh-bant{z-index:1000!important}.ugh-menu .hb-menu nav>ul>li>ul.hb-dropdown{z-index:1001!important}

/* =====================================================================
   v5 — anasayfa yeniden kurgu: uzun slider + koyu hizmet kartı,
   tam genişlik koleksiyon bannerları, bento sektörler, koyu popüler bölüm
   ===================================================================== */
/* hero */
@media (min-width:1200px){
  .slider-with-banner > .container > .row{ align-items:stretch !important; }
  .slider-with-banner .col-lg-9{ display:flex !important; flex-direction:column; gap:16px; }
  .slider-with-banner .col-lg-9 > .slider-area{ flex:1 1 auto; min-height:540px; }
  .slider-with-banner .col-lg-9 > .slider-area .slider-active,
  .slider-with-banner .col-lg-9 > .slider-area .owl-stage-outer,
  .slider-with-banner .col-lg-9 > .slider-area .owl-stage,
  .slider-with-banner .col-lg-9 > .slider-area .owl-item{ height:100% !important; }
  .slider-with-banner .col-lg-9 > .slider-area .single-slide{ height:100% !important; min-height:540px !important; }
}
.slider-content h2, .slider-content h2 font{ font-size:44px !important; }
.ugg.ugg-hero{ padding:0 !important; }
.ugg-hero .ugg-ic{ background:linear-gradient(135deg,#232838 0%,#1A1E29 100%) !important; border:0 !important; border-radius:22px !important; box-shadow:0 18px 40px -22px rgba(20,24,33,.7) !important; position:relative; overflow:hidden; }
.ugg-hero .ugg-ic::after{ content:""; position:absolute; right:-60px; top:-80px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle, rgba(239,122,43,.28), transparent 70%); pointer-events:none; }
.ugg-hero .ugg-k{ padding:18px 20px !important; }
.ugg-hero .ugg-k + .ugg-k::before{ background:rgba(255,255,255,.08) !important; }
.ugg-hero .ugg-i{ background:rgba(239,122,43,.14) !important; color:#F48A3F !important; box-shadow:inset 0 0 0 1px rgba(239,122,43,.25) !important; flex-basis:44px !important; width:44px !important; height:44px !important; }
.ugg-hero .ugg-k b{ color:#fff !important; font-size:14.5px !important; }
.ugg-hero .ugg-k small{ color:#A3A9B8 !important; }

/* koleksiyon bannerları */
.ug-uclu{ padding:28px 0 0; }
.ug-uclu-izgara{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; }
.ug-uclu-k{ border-radius:22px !important; box-shadow:0 1px 2px rgba(20,24,33,.04), 0 18px 40px -24px rgba(20,24,33,.35) !important; }
.ug-uclu-k img{ width:100%; height:auto; display:block; }

/* ortak bölüm başlığı: büyük, sola dayalı, sağda açıklama */
.es-bas, .ud-bolum-bas{ position:relative; }
.es-bas h2, .ud-bolum-bas h2{ font-size:34px !important; letter-spacing:-.03em !important; }

/* sektörler: bento ızgara */
.es-kol{ padding:64px 0 10px !important; }
@media (min-width:768px){
  .es-kol-izgara{ grid-template-columns:repeat(4, minmax(0,1fr)) !important; grid-auto-rows:240px; gap:18px !important; }
  .es-kol-k{ aspect-ratio:auto !important; height:100%; }
  .es-kol-k:nth-child(1){ grid-column:span 2; grid-row:span 2; }
  .es-kol-k:nth-child(6){ grid-column:span 2; }
  .es-kol-k:nth-child(1) strong{ font-size:28px !important; bottom:56px; left:28px; }
  .es-kol-k:nth-child(1) small{ left:28px; bottom:26px; font-size:14px !important; }
  .es-kol-k:nth-child(1)::before{ content:"Öne çıkan"; position:absolute; z-index:1; left:28px; top:26px; background:var(--ug-tur); color:#fff; font-size:11px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; padding:6px 12px; border-radius:8px; }
  .es-kol-k:nth-child(6) .es-kol-foto img{ object-position:center 30%; }
}
.es-kol-k{ border-radius:24px !important; }
.es-kol-k::after{ background:linear-gradient(180deg, rgba(20,24,33,0) 35%, rgba(20,24,33,.88) 100%) !important; }

/* öne çıkan modeller: başlık solda, sekmeler sağda */
.ug-one{ padding-top:64px !important; }
@media (min-width:1200px){
  .ug-one > .container > .row > .col-lg-12{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; }
  .ug-one .ud-bolum-bas{ margin-bottom:0 !important; text-align:left !important; }
  .ug-one .li-product-tab{ margin:0 !important; }
}
.ug-one .li-product-menu{ background:transparent !important; box-shadow:none !important; padding:0 !important; gap:6px !important; flex-wrap:nowrap !important; overflow-x:auto; scrollbar-width:none; justify-content:flex-start !important; }
.ug-one .li-product-menu::-webkit-scrollbar{ display:none; }
.ug-one .li-product-menu li a{ white-space:nowrap; background:#fff !important; border:1px solid var(--ug-cizgi) !important; border-radius:999px !important; padding:9px 18px !important; font-size:13.5px !important; color:var(--ug-ink) !important; }
.ug-one .li-product-menu li a.active, .ug-one .li-product-menu li a:hover{ background:var(--ug-ink) !important; border-color:var(--ug-ink) !important; color:#fff !important; }
.ug-one .tab-content{ margin-top:26px; }

/* ikili banner yan yana */
.ug-ikili{ padding:46px 0 0 !important; }
.ug-ikili .li-banner-2{ padding-top:0 !important; }
.ug-ikili .li-banner-2 .row{ --bs-gutter-x:20px; row-gap:20px; }
.ug-ikili .single-banner{ border-radius:22px !important; margin:0 !important; }
.ug-ikili .single-banner img{ width:100%; display:block; }

/* popüler ürünler: koyu bölüm */
.ug-koyu{ margin-top:64px; padding:64px 0 56px !important; background:linear-gradient(160deg,#232838 0%,#181C26 70%) !important; position:relative; overflow:hidden; }
.ug-koyu::before{ content:""; position:absolute; left:-120px; top:-160px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle, rgba(239,122,43,.20), transparent 70%); pointer-events:none; }
.ug-koyu .ud-bolum-bas h2{ color:#fff !important; }
.ug-koyu .ud-ust{ color:#F48A3F !important; }
.ug-koyu .single-product-wrap{ box-shadow:0 20px 40px -24px rgba(0,0,0,.6) !important; }
.ug-koyu .owl-nav button, .ug-koyu .owl-nav div{ background:rgba(255,255,255,.1) !important; color:#fff !important; border-color:transparent !important; }

/* kampanya görseli ve tanıtım */
.li-static-home{ padding-top:64px; }
.li-static-home img{ border-radius:26px; box-shadow:0 24px 50px -30px rgba(20,24,33,.5); }
@media (min-width:992px){
  .es-tanitim-ic{ grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) !important; }
  .es-tanitim-gorsel{ order:-1; }
}

/* mobil */
@media (max-width:1199px){
  .ugg-hero{ margin-top:16px; }
}
@media (max-width:991px){
  .ug-uclu-izgara{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; scrollbar-width:none; }
  .ug-uclu-izgara::-webkit-scrollbar{ display:none; }
  .ug-uclu-k{ flex:0 0 78%; scroll-snap-align:start; }
  .slider-content h2, .slider-content h2 font{ font-size:26px !important; }
  .es-bas h2, .ud-bolum-bas h2{ font-size:25px !important; }
  .ug-koyu{ margin-top:40px; padding:44px 0 36px !important; }
  .ug-one, .es-kol{ padding-top:44px !important; }
  .li-static-home{ padding-top:40px; }
}
@media (max-width:767px){
  .es-kol-izgara{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; grid-auto-rows:190px; }
  .es-kol-k{ aspect-ratio:auto !important; height:100%; }
  .es-kol-k:nth-child(1){ grid-column:span 2; }
  .ugg-hero .ugg-k{ padding:14px !important; }
}
.ugg-hero .ugg-k{ padding:18px 16px !important; gap:12px !important; }
.ugg-hero .ugg-k b{ font-size:14px !important; white-space:nowrap; }
.ugg-hero .ugg-k small{ font-size:12px !important; }
.ug-one .li-product-tab, .ug-one .li-product-tab .nav{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
.ug-one .li-product-menu li{ margin:0 !important; padding:0 !important; }
.ug-one .li-product-menu li + li{ margin-left:0 !important; }
@media (min-width:1200px){
  .ug-one .ud-bolum-bas{ flex:0 1 auto; width:auto !important; max-width:520px; }
  .ug-one .li-product-tab{ flex:0 1 auto; min-width:0; }
}
@media (max-width:991px){
  .ugg-hero .ugg-k b{ white-space:normal; font-size:13px !important; }
  .ugg-hero .ugg-k:nth-child(n+3){ border-top-color:rgba(255,255,255,.08) !important; }
  .ugg-hero .ugg-i{ flex-basis:38px !important; width:38px !important; height:38px !important; }
}

/* =====================================================================
   v6 — daha ferah, premium: açık yüzeyler, temiz kategori kartları,
   ürün görselleri kırpılmadan, hafif bölümler; mobil düzen elden geçirildi
   ===================================================================== */
/* hizmet kartı: beyaz, turuncu ikon */
.ugg-hero .ugg-ic{ background:#fff !important; box-shadow:0 1px 2px rgba(20,24,33,.04), 0 14px 34px -22px rgba(20,24,33,.35) !important; border:1px solid rgba(20,24,33,.05) !important; }
.ugg-hero .ugg-ic::after{ display:none !important; }
.ugg-hero .ugg-k + .ugg-k::before{ background:var(--ug-cizgi) !important; }
.ugg-hero .ugg-i{ background:var(--ug-tur-acik) !important; color:var(--ug-tur2) !important; box-shadow:none !important; }
.ugg-hero .ugg-k b{ color:var(--ug-ink) !important; }
.ugg-hero .ugg-k small{ color:var(--ug-ikincil) !important; }

/* sektörler: temiz kategori kartları (görsel kırpılmaz) */
.es-kol-izgara{ grid-template-columns:repeat(4, minmax(0,1fr)) !important; grid-auto-rows:auto !important; gap:20px !important; }
.es-kol-k, .es-kol-k:nth-child(1), .es-kol-k:nth-child(6){ grid-column:auto !important; grid-row:auto !important; aspect-ratio:auto !important; height:auto !important; background:#fff !important; border-radius:22px !important; padding:12px 12px 16px !important; display:flex !important; flex-direction:column; box-shadow:0 1px 2px rgba(20,24,33,.04), 0 14px 34px -24px rgba(20,24,33,.35) !important; border:1px solid rgba(20,24,33,.05); transition:transform .25s ease, box-shadow .25s ease; overflow:hidden; }
.es-kol-k::after, .es-kol-k:nth-child(1)::before{ display:none !important; content:none !important; }
.es-kol-k:hover{ transform:translateY(-4px); box-shadow:0 2px 4px rgba(20,24,33,.05), 0 24px 44px -24px rgba(20,24,33,.45) !important; }
.es-kol-foto{ position:relative !important; inset:auto !important; display:block !important; width:100% !important; height:auto !important; aspect-ratio:1/1; border-radius:16px !important; background:#F5F6F8 !important; overflow:hidden; }
.es-kol-foto img{ width:100% !important; height:100% !important; object-fit:contain !important; padding:10px; border-radius:0 !important; transition:transform .5s ease; }
.es-kol-k:hover .es-kol-foto img{ transform:scale(1.05); }
.es-kol-k strong, .es-kol-k:nth-child(1) strong{ position:static !important; display:block; color:var(--ug-ink) !important; font-size:16px !important; font-weight:800 !important; margin:14px 6px 2px !important; line-height:1.3; }
.es-kol-k small, .es-kol-k:nth-child(1) small{ position:static !important; display:inline-flex !important; opacity:1 !important; margin:0 6px !important; color:var(--ug-tur2) !important; font-size:13px !important; font-weight:700 !important; }

/* ürün kartları: görsel kırpılmadan, açık zemin */
.single-product-wrap .product-image{ background:#F5F6F8 !important; border-radius:16px !important; overflow:hidden; }
.single-product-wrap .product-image img{ height:230px !important; object-fit:contain !important; padding:8px; transition:transform .45s ease; }
.single-product-wrap:hover .product-image img{ transform:scale(1.04); }
.product_desc_info h4, .product_desc_info h4 a{ display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.6em; line-height:1.3 !important; }

/* popüler: koyu yerine ferah beyaz bölüm */
.ug-koyu{ background:#fff !important; border-top:1px solid #ECEEF2; border-bottom:1px solid #ECEEF2; }
.ug-koyu::before{ display:none !important; }
.ug-koyu .ud-bolum-bas h2{ color:var(--ug-ink) !important; }
.ug-koyu .ud-ust{ color:var(--ug-tur2) !important; }
.ug-koyu .single-product-wrap{ background:#fff !important; border:1px solid #ECEEF2 !important; box-shadow:none !important; }
.ug-koyu .single-product-wrap:hover{ box-shadow:0 22px 40px -26px rgba(20,24,33,.45) !important; }
.ug-koyu .owl-nav button, .ug-koyu .owl-nav div{ background:#fff !important; color:var(--ug-ink) !important; border:1px solid var(--ug-cizgi) !important; }

/* kampanya görseli biraz daha dar ve ortalı */
@media (min-width:1200px){ .li-static-home .col-lg-12{ max-width:1080px; margin:0 auto; } }

/* bölüm aralıkları dengeli */
.es-kol{ padding-top:60px !important; }
.ug-one{ padding-top:60px !important; }

/* ---------------- tablet ---------------- */
@media (max-width:1199px){
  .es-kol-izgara{ grid-template-columns:repeat(4, minmax(0,1fr)) !important; gap:14px !important; }
  .slider-with-banner .col-lg-9 > .slider-area .single-slide{ min-height:420px !important; }
}
@media (max-width:991px){
  .slider-with-banner{ padding-top:14px !important; }
  .slider-with-banner .col-lg-3{ margin-bottom:14px; }
  .ugg-hero{ margin-top:14px !important; }
  .ug-uclu{ padding-top:22px; }
  .es-kol-izgara{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; }
  .ug-one > .container > .row > .col-lg-12{ display:block; }
  .ug-one .li-product-tab{ margin-top:14px !important; }
}
/* ---------------- telefon ---------------- */
@media (max-width:767px){
  .container{ padding-left:16px !important; padding-right:16px !important; }
  .slider-with-banner .single-slide{ min-height:300px !important; }
  .slider-content{ left:22px !important; right:22px; max-width:none !important; }
  .slider-content h2, .slider-content h2 font{ font-size:24px !important; }
  .slider-content h3{ font-size:13.5px !important; }
  .slider-content .slide-btn a.links, .slider-content .default-btn a.links{ height:40px !important; line-height:40px !important; padding:0 18px !important; font-size:13px !important; }
  .es-kol-izgara{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:12px !important; }
  .es-kol-k, .es-kol-k:nth-child(1){ grid-column:auto !important; padding:8px 8px 12px !important; border-radius:18px !important; }
  .es-kol-foto{ border-radius:12px !important; }
  .es-kol-k strong, .es-kol-k:nth-child(1) strong{ font-size:14px !important; margin:10px 4px 2px !important; }
  .es-kol-k small, .es-kol-k:nth-child(1) small{ font-size:12px !important; margin:0 4px !important; }
  .es-bas{ display:block !important; }
  .es-bas p{ margin-top:6px !important; font-size:13.5px; }
  .single-product-wrap{ padding:8px !important; border-radius:18px !important; }
  .single-product-wrap .product-image img{ height:170px !important; }
  .product_desc_info h4, .product_desc_info h4 a{ font-size:13px !important; }
  .ug-ikili{ padding-top:30px !important; }
  .ug-ikili .single-banner{ border-radius:16px !important; }
  .ug-koyu{ margin-top:36px; padding:36px 0 28px !important; }
  .li-static-home img{ border-radius:18px; }
  .es-tanitim-ic{ padding:22px !important; border-radius:22px !important; }
  .es-cta{ padding:26px 20px !important; }
  .es-cta-btn{ display:grid !important; gap:10px; width:100%; }
  .es-cta-btn .es-dugme{ width:100%; justify-content:center; }
  .ug-uclu-k{ flex-basis:84% !important; }
}
/* görseller beyaz zeminli: çift çerçeve görünmesin */
.es-kol-foto{ background:#fff !important; }
.es-kol-foto img{ padding:0 !important; }
.single-product-wrap .product-image{ background:#fff !important; }
.single-product-wrap .product-image img{ padding:0 !important; }
.es-kol-k strong, .es-kol-k small{ text-align:center; justify-content:center; }
.es-kol-k small{ display:flex !important; }
@media (max-width:767px){
  .single-product-wrap .product-image img{ height:180px !important; }
  .ug-one{ padding-bottom:0 !important; }
  .ug-one .tab-content{ margin-top:16px; }
}
@media (min-width:768px) and (max-width:991px){
  .es-kol-izgara{ grid-template-columns:repeat(4, minmax(0,1fr)) !important; gap:12px !important; }
  .es-kol-k strong{ font-size:14px !important; }
  .ug-uclu-izgara{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)); overflow:visible; }
  .ug-uclu-k{ flex:none !important; }
}

/* =====================================================================
   v7 — üst bölüm: slider kendi oranında (16:10), kategori kartı sağ sütunla
   aynı boyda; tüm kategoriler kart içinde kaydırılır; sade başlık
   ===================================================================== */
.ugk-bas{ background:#1F2330 !important; padding:20px 22px 18px !important; }
.ugk-bas::after{ display:none !important; }
.ugk-bas strong{ font-size:18px !important; }
.ugk-alt{ color:#9EA4B3 !important; }
.ugk-bas::before{ content:""; position:absolute; left:22px; bottom:0; width:42px; height:3px; border-radius:3px 3px 0 0; background:var(--ug-tur); }
@media (min-width:1200px){
  .slider-with-banner .col-lg-9 > .slider-area{ flex:0 0 auto !important; min-height:0 !important; aspect-ratio:16/10; height:auto; }
  .slider-with-banner .col-lg-9 > .slider-area .single-slide{ min-height:0 !important; height:100% !important; }
  .slider-with-banner .col-lg-3{ position:relative; }
  .slider-with-banner .col-lg-3 > .ugk{ position:absolute; inset:0; display:flex; flex-direction:column; }
  .slider-with-banner .ugk-liste{ flex:1 1 auto; min-height:0; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#D5D8DF transparent; padding-bottom:16px !important; -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent); mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent); }
  .slider-with-banner .ugk-liste::-webkit-scrollbar{ width:6px; }
  .slider-with-banner .ugk-liste::-webkit-scrollbar-thumb{ background:#D5D8DF; border-radius:6px; }
  .slider-with-banner .ugk .udk-gizli{ display:block !important; }
  .slider-with-banner .ugk-tumu{ display:none !important; }
}
@media (min-width:1200px){ .slider-with-banner .ugk-bas{ flex:0 0 auto !important; } }
@media (min-width:992px) and (max-width:1199px){
  .slider-with-banner > .container > .row{ display:grid !important; grid-template-columns:290px minmax(0,1fr); gap:20px; margin:0 !important; align-items:stretch !important; }
  .slider-with-banner > .container > .row > [class*="col-"]{ width:auto !important; max-width:none !important; flex:none !important; padding:0 !important; margin:0 !important; }
  .slider-with-banner .col-lg-9{ display:flex !important; flex-direction:column; gap:14px; }
  .slider-with-banner .col-lg-9 > .slider-area{ flex:0 0 auto !important; aspect-ratio:16/10; min-height:0 !important; }
  .slider-with-banner .col-lg-9 > .slider-area .slider-active, .slider-with-banner .col-lg-9 > .slider-area .owl-stage-outer,
  .slider-with-banner .col-lg-9 > .slider-area .owl-stage, .slider-with-banner .col-lg-9 > .slider-area .owl-item{ height:100% !important; }
  .slider-with-banner .col-lg-9 > .slider-area .single-slide{ min-height:0 !important; height:100% !important; }
  .slider-with-banner .col-lg-3{ position:relative; }
  .slider-with-banner .col-lg-3 > .ugk{ position:absolute; inset:0; display:flex; flex-direction:column; }
  .slider-with-banner .ugk-bas{ flex:0 0 auto !important; }
  .slider-with-banner .ugk-liste{ flex:1 1 auto; min-height:0; overflow-y:auto; scrollbar-width:thin; -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent); mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent); }
  .slider-with-banner .ugk .udk-gizli{ display:block !important; }
  .slider-with-banner .ugk-tumu{ display:none !important; }
  .slider-with-banner .ugk-a{ font-size:13.5px !important; }
  .ugg-hero{ margin-top:0 !important; }
  .ugg-hero .ugg-ic{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
  .ugg-hero .ugg-k{ padding:12px 16px !important; }
  .ugg-hero .ugg-k:nth-child(3)::before{ display:none; }
  .ugg-hero .ugg-k:nth-child(n+3){ border-top:1px solid var(--ug-cizgi); }
  .ugg-hero .ugg-k b{ white-space:normal; }
}
@media (min-width:992px){ .slider-with-banner .col-lg-9 > .slider-area .slider-active, .slider-with-banner .col-lg-9 > .slider-area .owl-stage-outer{ min-height:0 !important; height:100% !important; } }
@media (max-width:767px){ .slider-with-banner .col-lg-9 > .slider-area .single-slide, .slider-with-banner .single-slide{ min-height:340px !important; height:340px !important; } }

/* =====================================================================
   v8 — sade sol kategori: görsel/numara yok, ince ayraçlı temiz liste
   ===================================================================== */
.ugk-bas{ padding:18px 22px !important; display:flex !important; align-items:center; gap:10px; }
.ugk-bas::before{ content:"" !important; position:static !important; flex:0 0 4px; width:4px !important; height:18px !important; border-radius:3px !important; background:var(--ug-tur) !important; }
.ugk-bas strong{ font-size:16.5px !important; letter-spacing:-.01em; }
.ugk-liste{ padding:6px 10px 10px !important; }
.ugk-liste li + li{ margin-top:0 !important; }
.ugk-liste li + li .ugk-a{ border-top:1px solid #F0F1F4 !important; }
.ugk-a{ padding:12px 10px 12px 12px !important; border-radius:10px !important; font-size:14.5px !important; font-weight:600 !important; color:#2A2F3D !important; gap:10px !important; }
.ugk-a .esk-ok{ display:block !important; opacity:1 !important; transform:none !important; flex:0 0 14px; color:#B7BCC7 !important; transition:transform .2s, color .2s !important; }
.ugk-a:hover, .ugk-a:hover + *{ border-top-color:transparent; }
.ugk-a:hover{ background:#F6F7F9 !important; color:var(--ug-tur2) !important; padding-left:12px !important; }
.ugk-a:hover .esk-ok{ color:var(--ug-tur) !important; transform:translateX(3px) !important; }
.ugk-a.aktif{ background:var(--ug-tur-acik) !important; color:var(--ug-tur2) !important; box-shadow:inset 3px 0 0 var(--ug-tur) !important; padding-left:12px !important; }
.ugk-a.aktif .esk-ok{ color:var(--ug-tur) !important; }
.slider-with-banner .ugk-liste{ scrollbar-width:none !important; }
.slider-with-banner .ugk-liste::-webkit-scrollbar{ display:none !important; }
@media (max-width:991px){
  .ugk-bas{ padding:14px 16px !important; }
  .ugk-liste li + li .ugk-a{ border-top:0 !important; }
  .ugk-a{ padding:9px 16px !important; border-radius:999px !important; background:var(--ug-gri) !important; font-size:13px !important; }
  .ugk-a .esk-ok{ display:none !important; }
}
/* ürün görsel kutusu: kare, görsel kutuyu doldurur (alt boşluk yok) */
.single-product-wrap .product-image{ aspect-ratio:1/1 !important; }
.single-product-wrap .product-image > a{ display:block; height:100%; }
.single-product-wrap .product-image img, .single-product-wrap .product-image img[style]{ width:100% !important; height:100% !important; object-fit:contain !important; }
@media (max-width:767px){ .single-product-wrap .product-image img, .single-product-wrap .product-image img[style]{ height:100% !important; } }

/* =====================================================================
   v9 — şık sol kategori (ikonlu koyu başlık, noktalı liste, koyu "tümü" düğmesi)
         + tasarıma uyumlu koyu footer
   ===================================================================== */
/* kart artık doğal yükseklikte; sağ sütunla aynı boyda uzar */
@media (min-width:992px){
  .slider-with-banner .col-lg-3{ position:static !important; display:flex; }
  .slider-with-banner .col-lg-3 > .ugk{ position:relative !important; inset:auto !important; display:flex !important; flex-direction:column; width:100%; height:auto; }
  .slider-with-banner .ugk-liste{ flex:1 1 auto; overflow:visible !important; -webkit-mask-image:none !important; mask-image:none !important; padding-bottom:6px !important; }
  .slider-with-banner .ugk .udk-gizli{ display:none !important; }
  .slider-with-banner .ugk.acik .udk-gizli{ display:block !important; }
  .slider-with-banner .ugk-tumu{ display:block !important; }
}
.ugk{ border-radius:24px !important; overflow:hidden; }
.ugk-bas{ display:flex !important; align-items:center; gap:14px !important; padding:20px 22px !important; background:linear-gradient(135deg,#262B39 0%,#1A1E29 100%) !important; }
.ugk-bas::before, .ugk-bas::after{ display:none !important; content:none !important; }
.ugk-ikon{ flex:0 0 42px; width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:var(--ug-tur); color:#fff; box-shadow:0 8px 18px -8px rgba(239,122,43,.8); }
.ugk-baslik{ display:flex; flex-direction:column; line-height:1.25; }
.ugk-baslik strong{ color:#fff !important; font-size:16.5px !important; font-weight:800 !important; }
.ugk-baslik small{ color:#A3A9B7; font-size:12.5px; font-weight:600; margin-top:2px; }
.ugk-liste{ padding:8px 22px 8px 22px !important; }
.ugk-liste li + li .ugk-a{ border-top:1px solid #EEF0F3 !important; }
.ugk-a{ position:relative; padding:11px 4px 11px 16px !important; border-radius:0 !important; background:none !important; font-size:14.5px !important; font-weight:600 !important; color:#2A2F3D !important; box-shadow:none !important; }
.ugk-a::before{ content:""; position:absolute; left:2px; top:50%; width:5px; height:5px; margin-top:-2.5px; border-radius:50%; background:#C5C9D2; transition:background .2s, transform .2s; }
.ugk-a .esk-ok{ opacity:0 !important; transform:translateX(-4px) !important; color:var(--ug-tur) !important; }
.ugk-a:hover{ background:none !important; color:var(--ug-tur2) !important; padding-left:20px !important; }
.ugk-a:hover::before, .ugk-a.aktif::before{ background:var(--ug-tur); transform:scale(1.3); }
.ugk-a:hover .esk-ok, .ugk-a.aktif .esk-ok{ opacity:1 !important; transform:none !important; }
.ugk-a.aktif{ background:none !important; color:var(--ug-tur2) !important; font-weight:700 !important; box-shadow:none !important; padding-left:20px !important; }
.ugk-tumu{ width:calc(100% - 24px) !important; margin:6px 12px 12px !important; height:50px !important; border-radius:14px !important; background:#1F2330 !important; color:#fff !important; font-weight:700 !important; font-size:14px !important; border:0 !important; transition:background .2s !important; }
.ugk-tumu:hover{ background:var(--ug-tur) !important; color:#fff !important; }
@media (max-width:991px){
  .ugk-bas{ padding:14px 16px !important; }
  .ugk-ikon{ flex-basis:36px; width:36px; height:36px; border-radius:10px; }
  .ugk-liste{ padding:12px !important; }
  .ugk-a{ padding:9px 16px !important; border-radius:999px !important; background:var(--ug-gri) !important; font-size:13px !important; border-top:0 !important; }
  .ugk-a::before{ display:none; }
  .ugk-a:hover, .ugk-a.aktif{ padding-left:16px !important; }
  .ugk-a.aktif{ background:var(--ug-tur-acik) !important; }
  .ugk-tumu{ display:none !important; }
}

/* ---------------- koyu footer ---------------- */
.es-hizmet{ background:transparent !important; padding-bottom:36px !important; }
.es-ft{ background:linear-gradient(180deg,#1F2330 0%,#181B25 100%) !important; border-top:0 !important; color:#A9AFBD !important; margin-top:0 !important; position:relative; }
.es-ft::before{ display:block !important; content:"" !important; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,rgba(239,122,43,0),#EF7A2B 30%,#EF7A2B 70%,rgba(239,122,43,0)) !important; }
.es-ft .footer-block-title, .es-ft h4, .es-ft h5{ color:#fff !important; font-size:15.5px !important; position:relative; padding-bottom:12px !important; margin-bottom:18px !important; }
.es-ft .footer-block-title::after{ content:"" !important; display:block !important; position:absolute; left:0; bottom:0; width:28px; height:2px; border-radius:2px; background:var(--ug-tur) !important; }
.es-ft ul li a, .es-ft p, .es-ft address, .es-ft-tanitim, .es-ft-iletisim li{ color:#A9AFBD !important; }
.es-ft ul li a:hover{ color:#fff !important; }
.es-ft-slogan{ color:#E3E6EC !important; font-weight:700; }
.es-ft-tanitim{ color:#7F8696 !important; }
.es-ft-iletisim li i{ background:rgba(239,122,43,.14) !important; color:#F48A3F !important; }
.es-ft-iletisim li a, .es-ft-iletisim li span{ color:#C9CDD6 !important; }
.es-ft-sosyal a{ background:rgba(255,255,255,.07) !important; color:#E3E6EC !important; }
.es-ft-sosyal a:hover{ background:var(--ug-tur) !important; color:#fff !important; }
.es-ft-logo{ width:180px !important; }
.es-ft-alt{ background:#13161E !important; border-top:1px solid rgba(255,255,255,.06) !important; color:#8A90A0 !important; }
.ud-ft-blok .footer-block-title[data-akd]::after, .es-ft .ud-ft-blok .footer-block-title[data-akd]::after{ color:#fff !important; }
@media (max-width:991px){
  .es-ft .footer-block-title::after{ display:none !important; }
  .es-ft .ud-ft-blok .footer-block-title[data-akd]::after{ display:inline !important; position:static; width:auto; height:auto; background:none !important; }
  .es-ft .footer-block-title{ border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:12px !important; margin-bottom:12px !important; }
}
@media (min-width:992px) and (max-width:1199px){ .ugk-a{ padding-top:8px !important; padding-bottom:8px !important; font-size:13.5px !important; } .ugk-bas{ padding:16px 18px !important; } }
.es-ft .es-hizmet{ padding:34px 0 30px !important; border-bottom:1px solid rgba(255,255,255,.06) !important; }
.es-ft .es-hizmet-k{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.07) !important; box-shadow:none !important; }
.es-ft .es-hizmet-k b, .es-ft .es-hizmet-k strong, .es-ft .es-hizmet-yazi > *:first-child{ color:#fff !important; }
.es-ft .es-hizmet-yazi small, .es-ft .es-hizmet-yazi span, .es-ft .es-hizmet-yazi p{ color:#9AA0AE !important; }
.es-ft .es-hizmet-ikon{ background:rgba(239,122,43,.14) !important; color:#F48A3F !important; }
.es-ft .es-hizmet-k:nth-child(3) .es-hizmet-ikon{ background:rgba(31,168,85,.16) !important; color:#3CCB73 !important; }
.es-ft .es-hizmet-ikon i, .es-ft .es-hizmet-ikon svg{ color:inherit !important; }
.es-ft-orta, .es-ft-izgara{ padding-top:46px !important; }
.es-ft .es-hizmet-k:nth-child(n) .es-hizmet-ikon{ background:rgba(239,122,43,.14) !important; color:#F48A3F !important; box-shadow:none !important; }
.es-ft .es-hizmet-k:nth-child(3) .es-hizmet-ikon{ background:rgba(31,168,85,.16) !important; color:#3CCB73 !important; }
.es-ft-logo-a{ margin-left:0 !important; padding:0 !important; }
.es-ft-logo{ margin-left:0 !important; }
@media (max-width:991px){ .es-ft .es-ft-iletisim-blok{ margin-top:18px !important; } }

/* =====================================================================
   v10 — blog listesi ve blog yazısı
   ===================================================================== */
.ugb-sayfa{ padding:10px 0 70px; }
.ugb-bas{ max-width:720px; margin:0 0 30px; }
.ugb-bas h1{ font-size:40px !important; margin:6px 0 8px !important; letter-spacing:-.03em; }
.ugb-bas p{ color:var(--ug-ikincil); font-size:15.5px; margin:0; }
.ugb-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; color:var(--ug-soluk); font-size:13px; font-weight:600; }
.ugb-meta time{ color:var(--ug-ikincil); }
.ugb-etiket{ background:var(--ug-tur); color:#fff; font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:4px 10px; border-radius:7px; margin-right:4px; }
.ugb-oku{ display:inline-flex; align-items:center; gap:6px; color:var(--ug-tur2) !important; font-weight:800; font-size:14px; text-decoration:none !important; }
.ugb-oku span{ transition:transform .2s; }
.ugb-oku:hover span{ transform:translateX(4px); }
/* öne çıkan yazı */
.ugb-one{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); background:#fff; border-radius:26px; overflow:hidden; box-shadow:0 1px 2px rgba(20,24,33,.04), 0 22px 48px -28px rgba(20,24,33,.4); border:1px solid rgba(20,24,33,.05); margin-bottom:28px; }
.ugb-one-gorsel{ display:block; overflow:hidden; background:#EEF0F3; min-height:340px; }
.ugb-one-gorsel img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease; }
.ugb-one:hover .ugb-one-gorsel img{ transform:scale(1.04); }
.ugb-one-yazi{ padding:40px 42px; display:flex; flex-direction:column; justify-content:center; gap:14px; }
.ugb-one-yazi h2{ font-size:28px !important; line-height:1.25 !important; margin:0 !important; }
.ugb-one-yazi h2 a, .ugb-kart-yazi h2 a{ color:var(--ug-ink) !important; text-decoration:none !important; }
.ugb-one-yazi h2 a:hover, .ugb-kart-yazi h2 a:hover{ color:var(--ug-tur2) !important; }
.ugb-one-yazi p{ color:var(--ug-ikincil); font-size:15px; line-height:1.8; margin:0; }
/* kart ızgarası */
.ugb-izgara{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px; }
.ugb-kart{ display:flex; flex-direction:column; background:#fff; border-radius:22px; overflow:hidden; border:1px solid rgba(20,24,33,.05); box-shadow:0 1px 2px rgba(20,24,33,.04), 0 16px 36px -26px rgba(20,24,33,.4); transition:transform .25s, box-shadow .25s; }
.ugb-kart:hover{ transform:translateY(-4px); box-shadow:0 2px 4px rgba(20,24,33,.05), 0 26px 46px -26px rgba(20,24,33,.5); }
.ugb-kart-gorsel{ display:block; aspect-ratio:16/10; overflow:hidden; background:#EEF0F3; }
.ugb-kart-gorsel img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease; }
.ugb-kart:hover .ugb-kart-gorsel img{ transform:scale(1.05); }
.ugb-kart-yazi{ padding:20px 22px 22px; display:flex; flex-direction:column; gap:10px; flex:1; }
.ugb-kart-yazi h2{ font-size:18px !important; line-height:1.35 !important; margin:0 !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ugb-kart-yazi p{ color:var(--ug-ikincil); font-size:14px; line-height:1.7; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.ugb-kart-yazi .ugb-oku{ margin-top:auto; padding-top:4px; }

/* yazı sayfası */
.ugy{ padding:10px 0 70px; }
.ugy-bas{ max-width:860px; margin:0 auto 28px; text-align:center; }
.ugy-geri{ display:inline-flex; gap:6px; color:var(--ug-tur2) !important; font-weight:700; font-size:13.5px; margin-bottom:14px; text-decoration:none !important; }
.ugy-bas h1{ font-size:40px !important; line-height:1.18 !important; letter-spacing:-.03em; margin:0 0 14px !important; }
.ugy-bas .ugb-meta{ justify-content:center; }
.ugy-kapak{ margin:0 auto 40px; max-width:1100px; border-radius:26px; overflow:hidden; aspect-ratio:16/9; background:#EEF0F3; box-shadow:0 26px 60px -34px rgba(20,24,33,.55); }
.ugy-kapak img{ width:100%; height:100%; object-fit:cover; display:block; }
.ugy-izgara{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:48px; max-width:1100px; margin:0 auto; align-items:start; }
.ugy-icerik{ background:#fff; border-radius:24px; padding:42px 46px; border:1px solid rgba(20,24,33,.05); box-shadow:0 1px 2px rgba(20,24,33,.04), 0 18px 40px -30px rgba(20,24,33,.35); min-width:0; }
.ugy-metin{ font-size:16.5px !important; line-height:1.85 !important; color:#3B4150 !important; }
.ugy-metin, .ugy-metin *{ font-family:'Manrope','Segoe UI',Roboto,Arial,sans-serif !important; }
.ugy-metin p, .ugy-metin li, .ugy-metin span, .ugy-metin div{ font-size:inherit !important; line-height:inherit !important; color:#3B4150 !important; }
.ugy-metin p{ margin:0 0 18px !important; }
.ugy-metin p:empty, .ugy-metin p:has(> br:only-child){ display:none !important; }
.ugy-metin > p:first-child{ font-size:18px !important; color:var(--ug-ink) !important; font-weight:600; }
.ugy-metin h2, .ugy-metin h3, .ugy-metin h4{ color:var(--ug-ink) !important; letter-spacing:-.02em; border:0 !important; padding:0 !important; background:none !important; }
.ugy-metin h2{ font-size:26px !important; line-height:1.3 !important; margin:38px 0 14px !important; }
.ugy-metin h3{ font-size:21px !important; line-height:1.35 !important; margin:30px 0 12px !important; }
.ugy-metin h4{ font-size:18px !important; margin:24px 0 10px !important; }
.ugy-metin h2::before, .ugy-metin h3::before{ display:none !important; }
.ugy-metin strong, .ugy-metin b{ color:var(--ug-ink) !important; font-weight:700; }
.ugy-metin a{ color:var(--ug-tur2) !important; text-decoration:underline; text-underline-offset:3px; }
.ugy-metin img{ max-width:100% !important; height:auto !important; border-radius:18px; margin:10px 0 20px; }
.ugy-metin ul li::before{ background-color:var(--ug-tur-acik) !important; }
.ugy-metin blockquote{ background:var(--ug-tur-acik) !important; border:0 !important; border-left:4px solid var(--ug-tur) !important; border-radius:14px !important; padding:18px 22px !important; font-size:17px !important; color:var(--ug-ink) !important; }
.ugy-paylas{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:34px; padding-top:24px; border-top:1px solid var(--ug-cizgi); }
.ugy-paylas span{ font-weight:800; color:var(--ug-ink); margin-right:4px; }
.ugy-paylas a{ width:42px; height:42px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:var(--ug-gri); color:var(--ug-ink) !important; font-size:17px; transition:background .2s, color .2s; }
.ugy-paylas a:hover{ background:var(--ug-tur); color:#fff !important; }
.ugy-yan{ position:sticky; top:84px; display:flex; flex-direction:column; gap:20px; }
.ugy-cta{ background:linear-gradient(135deg,#262B39 0%,#1A1E29 100%); border-radius:22px; padding:26px; color:#fff; position:relative; overflow:hidden; }
.ugy-cta::after{ content:""; position:absolute; right:-50px; top:-50px; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle, rgba(239,122,43,.35), transparent 70%); }
.ugy-cta strong{ display:block; font-size:18px; color:#fff; margin-bottom:6px; position:relative; }
.ugy-cta p{ color:#A9AFBD; font-size:14px; line-height:1.6; margin:0 0 16px; position:relative; }
.ugy-cta a{ position:relative; display:flex; align-items:center; justify-content:center; gap:8px; height:46px; border-radius:12px; background:var(--ug-tur); color:#fff !important; font-weight:800; font-size:14px; text-decoration:none !important; }
.ugy-cta a:hover{ background:var(--ug-tur2); }
.ugy-diger{ background:#fff; border-radius:22px; padding:22px; border:1px solid rgba(20,24,33,.05); box-shadow:0 1px 2px rgba(20,24,33,.04), 0 16px 36px -28px rgba(20,24,33,.35); }
.ugy-diger h2{ font-size:16px !important; margin:0 0 12px !important; text-transform:none !important; letter-spacing:0 !important; }
.ugy-diger-k{ display:flex; gap:12px; align-items:center; padding:10px 0; border-top:1px solid #F0F1F4; text-decoration:none !important; }
.ugy-diger-k:first-of-type{ border-top:0; }
.ugy-diger-k img{ flex:0 0 72px; width:72px; height:56px; object-fit:cover; border-radius:10px; background:#EEF0F3; }
.ugy-diger-k b{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13.5px; line-height:1.4; color:var(--ug-ink); font-weight:700; }
.ugy-diger-k small{ display:block; color:var(--ug-soluk); font-size:12px; margin-top:3px; }
.ugy-diger-k:hover b{ color:var(--ug-tur2); }

@media (max-width:1199px){ .ugy-izgara{ grid-template-columns:minmax(0,1fr) 290px; gap:30px; } .ugy-icerik{ padding:34px; } }
@media (max-width:991px){
  .ugb-one{ grid-template-columns:1fr; }
  .ugb-one-gorsel{ min-height:0; aspect-ratio:16/9; }
  .ugb-one-yazi{ padding:26px 24px 28px; }
  .ugb-izgara{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; }
  .ugy-izgara{ grid-template-columns:1fr; }
  .ugy-yan{ position:static; }
  .ugy-bas h1, .ugb-bas h1{ font-size:30px !important; }
}
@media (max-width:767px){
  .ugb-sayfa, .ugy{ padding-bottom:44px; }
  .ugb-bas{ margin-bottom:20px; }
  .ugb-bas h1, .ugy-bas h1{ font-size:26px !important; }
  .ugb-one{ border-radius:20px; }
  .ugb-one-yazi h2{ font-size:21px !important; }
  .ugb-izgara{ grid-template-columns:1fr; }
  .ugy-bas{ text-align:left; }
  .ugy-bas .ugb-meta{ justify-content:flex-start; }
  .ugy-kapak{ border-radius:18px; margin-bottom:22px; }
  .ugy-icerik{ padding:22px 18px; border-radius:18px; }
  .ugy-metin{ font-size:15.5px !important; line-height:1.8 !important; }
  .ugy-metin > p:first-child{ font-size:16.5px !important; }
  .ugy-metin h2{ font-size:21px !important; margin-top:28px !important; }
  .ugy-metin h3{ font-size:18px !important; }
}
.ugy-metin > p:first-child, .ugy-metin > div:first-child{ font-size:17.5px !important; font-weight:500 !important; color:var(--ug-ink) !important; }
.ugy-metin > p:first-child strong, .ugy-metin > p:first-child b{ font-weight:600 !important; }
.ugy-metin font, .ugy-metin small, .ugy-metin a, .ugy-metin em, .ugy-metin strong, .ugy-metin b{ font-size:inherit !important; }
.ugy-metin br + br{ display:none; }
@media (max-width:767px){ .ugy-metin > p:first-child, .ugy-metin > div:first-child{ font-size:16px !important; } }
/* yazının başındaki "giriş" başlığı (editörden h2 olarak gelir) normal giriş paragrafı gibi gösterilir */
.ugy-metin > h2:first-child, .ugy-metin > h1:first-child{ font-size:18px !important; line-height:1.75 !important; font-weight:600 !important; color:var(--ug-ink) !important; margin:0 0 18px !important; letter-spacing:0 !important; }
.ugy-metin > h2:first-child *, .ugy-metin > h1:first-child *{ font-size:inherit !important; font-weight:inherit !important; }
.ugy-metin hr{ border:0 !important; border-top:1px solid var(--ug-cizgi) !important; margin:30px 0 !important; height:0 !important; background:none !important; }
@media (max-width:767px){ .ugy-metin > h2:first-child, .ugy-metin > h1:first-child{ font-size:16px !important; } }

/* =====================================================================
   v11 — bilgi sayfalarında tablolar (Ölçü Tablosu) ve not kutusu
   ===================================================================== */
.bilgi-icerik h3{ font-size:20px !important; font-weight:800 !important; color:var(--ug-ink) !important; margin:30px 0 14px !important; letter-spacing:-.01em; }
.bilgi-icerik > h3:first-child{ margin-top:0 !important; }
.ic-tablo{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0 0 26px; border:1px solid var(--ug-cizgi); border-radius:16px; background:#fff; }
.ic-tablo table{ width:100%; border-collapse:collapse; min-width:420px; font-size:14.5px; }
.ic-tablo thead th{ background:#1F2330; color:#fff !important; font-weight:700; text-align:center; padding:13px 14px; white-space:nowrap; font-size:13.5px; }
.ic-tablo thead th:first-child{ text-align:left; }
.ic-tablo tbody th, .ic-tablo tbody td{ padding:11px 14px; border-top:1px solid #EEF0F3; text-align:center; color:#2A2F3D; font-variant-numeric:tabular-nums; }
.ic-tablo tbody th{ text-align:left; font-weight:800; color:var(--ug-ink); white-space:nowrap; }
.ic-tablo tbody tr:nth-child(even){ background:#F8F9FB; }
.ic-tablo tbody tr:hover{ background:var(--ug-tur-acik); }
.bilgi-icerik .ic-not{ position:relative; margin:6px 0 22px !important; padding:14px 16px 14px 46px !important; border-radius:14px; background:var(--ug-tur-acik); color:#5A3A22 !important; font-size:14.5px; line-height:1.7; }
.bilgi-icerik .ic-not::before{ content:"!"; position:absolute; left:14px; top:14px; width:22px; height:22px; border-radius:50%; background:var(--ug-tur); color:#fff; font-weight:800; font-size:13px; display:flex; align-items:center; justify-content:center; }
@media (max-width:767px){
  .ic-tablo table{ font-size:13.5px; }
  .ic-tablo thead th, .ic-tablo tbody th, .ic-tablo tbody td{ padding:10px; }
  .bilgi-icerik h3{ font-size:17px !important; }
}
.bilgi-icerik .ic-tablo table{ display:table !important; margin:0 !important; border:0 !important; border-radius:0 !important; overflow:visible !important; white-space:normal !important; border-collapse:collapse !important; min-width:420px; }
.bilgi-icerik .ic-tablo thead th{ background:#1F2330 !important; color:#fff !important; text-align:center; }
.bilgi-icerik .ic-tablo thead th:first-child{ text-align:left; }
.bilgi-icerik .ic-tablo tbody th{ background:transparent !important; color:var(--ug-ink) !important; font-weight:800; }
.bilgi-icerik .ic-tablo tbody tr:nth-child(even) th{ background:transparent !important; }
.ko-izgara > *, .ko-kart{ min-width:0; }
.ic-tablo{ max-width:100%; }
@media (max-width:767px){
  .bilgi-icerik .ic-tablo table{ min-width:0 !important; table-layout:fixed; }
  .bilgi-icerik .ic-tablo thead th{ white-space:normal !important; font-size:11.5px !important; line-height:1.3; padding:10px 6px !important; }
  .bilgi-icerik .ic-tablo tbody th, .bilgi-icerik .ic-tablo tbody td{ padding:10px 6px !important; font-size:13px; white-space:normal !important; }
}