.page-card{
  background:#fff;
  border:1px solid var(--ufuk-soft-border);
  border-radius:var(--ufuk-radius);
  box-shadow:0 12px 32px rgba(2,6,23,.05);
  padding:10px!important;
}

.page-card .content{font-size:1rem;line-height:1.7}
.page-card .content p,.page-card .content li{font-size:1rem;line-height:1.7}
.page-card .content>*:first-child{margin-top:0}
.page-card .content>*:last-child{margin-bottom:0}
.page-card .content img{max-width:100%;height:auto;border-radius:12px}
.page-card .content p{margin-bottom:.45rem}
.page-card .content ul,.page-card .content ol{margin:.2rem 0 .45rem}
.page-card .content li{margin-bottom:.3rem}
.page-card .content h2{font-size:clamp(22px,2.8vw,30px);line-height:1.25}
.page-card .content h3{font-size:clamp(18px,2.2vw,24px);line-height:1.3}

.page-card.page-bleed{position:relative;background:transparent;border-color:transparent;box-shadow:none;overflow:visible}
.page-card.page-bleed::before{
  content:"";position:absolute;z-index:-1;top:0;bottom:0;
  left:calc(50% - 50vw);right:calc(50% - 50vw);
  background:#fff;border:1px solid var(--ufuk-soft-border);
  border-radius:16px;
  box-shadow:0 12px 32px rgba(2,6,23,.05);
  pointer-events:none;
}

.page-card h1.h4{margin-top:0;margin-bottom:1rem;line-height:1.25}

.has-fixed-title{position:relative}
.page-title-fixed{
  margin-top:4px;padding-top:8px;border-top:1px solid #e5e7eb;
  font-weight:700;line-height:1.2;
  font-size:clamp(18px,2.2vw,22px);
  color:#0f172a;
}
@media (max-width:600px){.page-title-fixed{font-size:18px}}

.accordion-button{font-size:1rem;line-height:1.4}
.accordion-body{font-size:1rem;line-height:1.7}
.content-mini-card .c-title{font-size:1rem;line-height:1.35}
.content-mini-card .c-sub{font-size:.9875rem;line-height:1.45}

/* v66-home-content-bleed-fix
   Ana sayfada H1 altındaki içerik bloğu full-width boş şerit gibi basılmasın.
   Kampanya/duyuru metni kompakt, ortalı ve kibar kart olarak dursun. */
body:not(.ufuk-service-list) .page-card.page-bleed{
  max-width:980px !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body:not(.ufuk-service-list) .page-card.page-bleed::before{
  display:none !important;
  content:none !important;
}

body:not(.ufuk-service-list) .page-card.page-bleed .content{
  max-width:980px !important;
  margin:0 auto !important;
  padding:8px 18px !important;
  border:1px solid rgba(13,86,164,.13) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.04) !important;
  color:#334155 !important;
  font-family:"Inter","Segoe UI",Arial,sans-serif !important;
  font-size:.92rem !important;
  line-height:1.45 !important;
  text-align:center !important;
}

body:not(.ufuk-service-list) .page-card.page-bleed .content > *{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

body:not(.ufuk-service-list) .page-card.page-bleed .content p{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2,
body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2{
  padding-top:.35rem !important;
  padding-bottom:.75rem !important;
}

@media (max-width: 991.98px){
  body:not(.ufuk-service-list) .page-card.page-bleed{
    max-width:calc(100% - 20px) !important;
  }

  body:not(.ufuk-service-list) .page-card.page-bleed .content{
    max-width:100% !important;
    padding:9px 12px !important;
    border-radius:13px !important;
    font-size:.86rem !important;
    line-height:1.42 !important;
  }
}
/* end-v66-home-content-bleed-fix */

/* v68-home-content-width-align
   H1 altındaki kampanya/içerik kartını H1 kartıyla aynı genişlik hissine getirir.
   Önceki v66 bloğundaki 980px sınırı bu yüzden kısa görünüyordu. */
body:not(.ufuk-service-list) .page-card.page-bleed{
  width:100% !important;
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:12px !important;
  padding-right:12px !important;
}

body:not(.ufuk-service-list) .page-card.page-bleed .content{
  width:100% !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:9px 18px !important;
}

@media (max-width:1399.98px){
  body:not(.ufuk-service-list) .page-card.page-bleed{
    max-width:1140px !important;
  }
}

@media (max-width:1199.98px){
  body:not(.ufuk-service-list) .page-card.page-bleed{
    max-width:960px !important;
  }
}

@media (max-width:991.98px){
  body:not(.ufuk-service-list) .page-card.page-bleed{
    max-width:720px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

@media (max-width:767.98px){
  body:not(.ufuk-service-list) .page-card.page-bleed{
    max-width:100% !important;
  }
}
/* end-v68-home-content-width-align */

/* v69-content-contact-map-align
   H1'e göre değil, alttaki contact-map/harita bloğunun container genişliğine göre hizalar.
   Hedef: .contact-map--shell .container max-width:1320px ile aynı ana eksen. */
body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
  width:100% !important;
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:12px !important;
  padding-right:12px !important;
}

body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 .page-card.page-bleed,
body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 .page-card.page-bleed{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding:0 !important;
}

body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 .page-card.page-bleed .content,
body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 .page-card.page-bleed .content{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

@media (max-width:1399.98px){
  body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
  body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
    max-width:1140px !important;
  }
}

@media (max-width:1199.98px){
  body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
  body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
    max-width:960px !important;
  }
}

@media (max-width:991.98px){
  body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
  body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
    max-width:720px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

@media (max-width:767.98px){
  body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
  body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
    max-width:100% !important;
  }
}
/* end-v69-content-contact-map-align */

/* v70-content-contact-outer-align
   İlk içerik/kampanya kartını contact-map dış kutusuyla birebir hizalar.
   Önceki ayarda container iç padding yüzünden kart 12px içeride kalıyordu. */
body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
  width:100% !important;
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 .page-card.page-bleed,
body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 .page-card.page-bleed{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 .page-card.page-bleed .content,
body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 .page-card.page-bleed .content{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
  padding:9px 18px !important;
  border-radius:14px !important;
}

@media (max-width:1399.98px){
  body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
  body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
    max-width:1140px !important;
  }
}

@media (max-width:1199.98px){
  body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
  body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
    max-width:960px !important;
  }
}

@media (max-width:991.98px){
  body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
  body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
    max-width:720px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

@media (max-width:767.98px){
  body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
  body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
}
/* end-v70-content-contact-outer-align */

/* v71-content-one-click-smaller
   v70 bir tık geniş kaldı; contact/harita bloğuna göre 28px içeriden oturtuldu. */
body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
  max-width:1292px !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 .page-card.page-bleed .content,
body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 .page-card.page-bleed .content{
  padding-left:18px !important;
  padding-right:18px !important;
}

@media (max-width:1399.98px){
  body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
  body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
    max-width:1112px !important;
  }
}

@media (max-width:1199.98px){
  body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
  body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
    max-width:936px !important;
  }
}

@media (max-width:991.98px){
  body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
  body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
    max-width:700px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

@media (max-width:767.98px){
  body:not(.ufuk-service-list) .ufuk-titlebar + #qs-live + section.py-2 > .container,
  body:not(.ufuk-service-list) .ufuk-titlebar + section.py-2 > .container{
    max-width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
}
/* end-v71-content-one-click-smaller */

/* v72-latest-blocks-premium-unified
   Anasayfa içerik tokenları için ortak premium görünüm:
   {{latest_services}} ve {{latest_products ...}} bloklarını aynı kurumsal kart diline çeker. */
.home-latest-services,
.home-latest-products{
  --uo-blue:#0b5cab;
  --uo-blue-2:#155eef;
  --uo-ink:#101828;
  --uo-muted:#667085;
  --uo-line:rgba(11,92,171,.14);
  --uo-soft:#f7fbff;
  --uo-shadow:0 14px 38px rgba(16,24,40,.055);
  --uo-shadow-hover:0 22px 54px rgba(16,24,40,.105);
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
}

.home-latest-services *,
.home-latest-products *{
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif !important;
}

.home-latest-services .container,
.home-latest-products .container{
  max-width:1292px !important;
}

.home-latest-services .home-svc-head,
.home-latest-products .home-svc-head{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:16px !important;
  margin-bottom:22px !important;
  padding:22px 26px 24px !important;
  border:1px solid var(--uo-line) !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(21,94,239,.07), transparent 42%),
    linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important;
  box-shadow:0 12px 34px rgba(16,24,40,.045) !important;
  overflow:hidden !important;
}

.home-latest-services .home-svc-head::before,
.home-latest-products .home-svc-head::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:0 !important;
  width:120px !important;
  height:2px !important;
  transform:translateX(-50%) !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,transparent,var(--uo-blue-2),#38bdf8,transparent) !important;
  opacity:.78 !important;
}

.home-latest-services .home-svc-head > div,
.home-latest-products .home-svc-head > div{
  width:100% !important;
  min-width:0 !important;
}

.home-latest-services .home-svc-eyebrow,
.home-latest-products .home-svc-eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:25px !important;
  margin:0 0 8px !important;
  padding:6px 12px !important;
  border:1px solid rgba(21,94,239,.16) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.72) !important;
  color:var(--uo-blue-2) !important;
  font-size:10.5px !important;
  font-weight:760 !important;
  letter-spacing:.15em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
}

.home-latest-services .home-svc-title,
.home-latest-products .home-svc-title{
  color:var(--uo-ink) !important;
  font-size:clamp(21px,1.58vw,28px) !important;
  font-weight:680 !important;
  letter-spacing:-.036em !important;
  line-height:1.14 !important;
  margin:0 !important;
  text-wrap:balance;
}

.home-latest-services .home-svc-title::after,
.home-latest-products .home-svc-title::after{
  content:"" !important;
  display:block !important;
  width:54px !important;
  height:2px !important;
  margin:9px auto 0 !important;
  border-radius:99px !important;
  background:linear-gradient(90deg,var(--uo-blue-2),#38bdf8) !important;
}

.home-latest-services .home-svc-sub,
.home-latest-products .home-svc-sub{
  max-width:760px !important;
  margin:10px auto 0 !important;
  color:var(--uo-muted) !important;
  font-size:14px !important;
  font-weight:400 !important;
  letter-spacing:-.012em !important;
  line-height:1.58 !important;
}

.home-latest-services .home-svc-all,
.home-latest-products .home-svc-all{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  margin-top:14px !important;
  padding:9px 18px !important;
  border:1px solid rgba(21,94,239,.24) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:var(--uo-blue-2) !important;
  box-shadow:0 8px 22px rgba(21,94,239,.08) !important;
  font-size:10.7px !important;
  font-weight:760 !important;
  letter-spacing:.09em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease !important;
}

.home-latest-services .home-svc-all:hover,
.home-latest-products .home-svc-all:hover{
  background:var(--uo-blue-2) !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 12px 28px rgba(21,94,239,.16) !important;
}

.home-latest-services .row,
.home-latest-products .row{
  align-items:stretch !important;
}

.home-latest-services .svc-card,
.home-latest-products .svc-card{
  position:relative !important;
  height:100% !important;
  border:1px solid var(--uo-line) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:var(--uo-shadow) !important;
  isolation:isolate !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}

.home-latest-services .svc-card::after,
.home-latest-products .svc-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:linear-gradient(180deg,rgba(21,94,239,.035),transparent 42%) !important;
  opacity:.72 !important;
  pointer-events:none !important;
}

.home-latest-services .svc-card:hover,
.home-latest-products .svc-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(21,94,239,.28) !important;
  box-shadow:var(--uo-shadow-hover) !important;
}

.home-latest-services .svc-card-link,
.home-latest-products .svc-card-link{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  color:inherit !important;
  text-decoration:none !important;
}

.home-latest-services .svc-media,
.home-latest-products .svc-media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:174px !important;
  padding:22px 20px !important;
  border-bottom:1px solid rgba(16,24,40,.055) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(21,94,239,.055), transparent 54%),
    linear-gradient(180deg,#fff 0%,#f6f9fd 100%) !important;
}

.home-latest-services .svc-media img,
.home-latest-products .svc-media img{
  width:100% !important;
  height:100% !important;
  max-width:218px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 12px 18px rgba(16,24,40,.08)) !important;
  transition:transform .22s ease,filter .22s ease !important;
}

.home-latest-services .svc-card:hover .svc-media img,
.home-latest-products .svc-card:hover .svc-media img{
  transform:scale(1.035) !important;
  filter:drop-shadow(0 15px 24px rgba(16,24,40,.12)) !important;
}

.home-latest-services .svc-body,
.home-latest-products .svc-body{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  min-height:0 !important;
  padding:20px 20px 17px !important;
  text-align:center !important;
}

.home-latest-services .svc-title,
.home-latest-products .svc-title{
  color:var(--uo-ink) !important;
  font-size:clamp(16.5px,1.02vw,18.5px) !important;
  font-weight:650 !important;
  letter-spacing:-.028em !important;
  line-height:1.25 !important;
  margin:0 0 10px !important;
  text-transform:none !important;
  text-wrap:balance;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
}

.home-latest-services .svc-desc,
.home-latest-products .svc-desc{
  max-width:96% !important;
  margin:0 auto 15px !important;
  color:var(--uo-muted) !important;
  font-size:13.6px !important;
  font-weight:400 !important;
  letter-spacing:-.006em !important;
  line-height:1.66 !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
}

.home-latest-services .svc-footer,
.home-latest-products .svc-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:auto !important;
  padding-top:13px !important;
  border-top:1px solid rgba(16,24,40,.075) !important;
}

.home-latest-services .svc-cta,
.home-latest-products .svc-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:29px !important;
  padding:7px 15px !important;
  border:1px solid rgba(21,94,239,.25) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:var(--uo-blue-2) !important;
  box-shadow:0 7px 18px rgba(21,94,239,.055) !important;
  font-size:10.2px !important;
  font-weight:760 !important;
  letter-spacing:.095em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  transition:background .2s ease,color .2s ease,border-color .2s ease !important;
}

.home-latest-services .svc-card:hover .svc-cta,
.home-latest-products .svc-card:hover .svc-cta{
  background:var(--uo-blue-2) !important;
  border-color:var(--uo-blue-2) !important;
  color:#fff !important;
}

.home-latest-products .svc-price{
  display:block !important;
  width:100% !important;
  margin-top:4px !important;
  color:var(--uo-blue) !important;
  font-size:13.4px !important;
  font-weight:720 !important;
  letter-spacing:-.012em !important;
  line-height:1.1 !important;
}

@media (min-width: 992px){
  .home-latest-services .row,
  .home-latest-products .row{
    row-gap:24px !important;
  }
}

@media (max-width: 991.98px){
  .home-latest-services,
  .home-latest-products{
    padding-top:14px !important;
    padding-bottom:14px !important;
  }

  .home-latest-services .home-svc-head,
  .home-latest-products .home-svc-head{
    margin-bottom:16px !important;
    padding:18px 16px 20px !important;
    border-radius:17px !important;
  }

  .home-latest-services .svc-media,
  .home-latest-products .svc-media{
    height:150px !important;
    padding:17px 14px !important;
  }

  .home-latest-services .svc-body,
  .home-latest-products .svc-body{
    padding:16px 14px 14px !important;
  }
}

@media (max-width: 575.98px){
  .home-latest-services .container,
  .home-latest-products .container{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home-latest-services .home-svc-head,
  .home-latest-products .home-svc-head{
    padding:17px 12px 18px !important;
    border-radius:16px !important;
  }

  .home-latest-services .home-svc-eyebrow,
  .home-latest-products .home-svc-eyebrow{
    min-height:23px !important;
    padding:5px 10px !important;
    font-size:9.8px !important;
    letter-spacing:.13em !important;
  }

  .home-latest-services .home-svc-title,
  .home-latest-products .home-svc-title{
    font-size:19px !important;
    letter-spacing:-.03em !important;
  }

  .home-latest-services .home-svc-sub,
  .home-latest-products .home-svc-sub{
    font-size:12.8px !important;
    line-height:1.54 !important;
    max-width:92% !important;
  }

  .home-latest-services .home-svc-all,
  .home-latest-products .home-svc-all{
    min-height:32px !important;
    padding:8px 16px !important;
    font-size:10px !important;
  }

  .home-latest-services .svc-card,
  .home-latest-products .svc-card{
    border-radius:15px !important;
    box-shadow:0 9px 22px rgba(16,24,40,.045) !important;
  }

  .home-latest-services .svc-media,
  .home-latest-products .svc-media{
    height:112px !important;
    padding:11px 9px !important;
  }

  .home-latest-services .svc-media img,
  .home-latest-products .svc-media img{
    max-width:132px !important;
    filter:drop-shadow(0 8px 12px rgba(16,24,40,.075)) !important;
  }

  .home-latest-services .svc-body,
  .home-latest-products .svc-body{
    padding:13px 10px 12px !important;
  }

  .home-latest-services .svc-title,
  .home-latest-products .svc-title{
    font-size:12.9px !important;
    font-weight:660 !important;
    letter-spacing:-.022em !important;
    line-height:1.24 !important;
    margin-bottom:8px !important;
    -webkit-line-clamp:4 !important;
  }

  .home-latest-services .svc-desc,
  .home-latest-products .svc-desc{
    font-size:12px !important;
    line-height:1.48 !important;
    max-width:100% !important;
    margin-bottom:11px !important;
    -webkit-line-clamp:3 !important;
  }

  .home-latest-services .svc-footer,
  .home-latest-products .svc-footer{
    padding-top:10px !important;
    gap:6px !important;
  }

  .home-latest-services .svc-cta,
  .home-latest-products .svc-cta{
    min-height:27px !important;
    padding:6px 10px !important;
    font-size:9.2px !important;
    letter-spacing:.08em !important;
  }

  .home-latest-products .svc-price{
    font-size:12.2px !important;
  }
}

@media (max-width: 380px){
  .home-latest-services .svc-title,
  .home-latest-products .svc-title{
    font-size:12.2px !important;
  }

  .home-latest-services .svc-cta,
  .home-latest-products .svc-cta{
    font-size:8.8px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
}
/* end-v72-latest-blocks-premium-unified */

/* v73-square-product-images
   Ürün görselleri 1:1 kare yükleneceği için latest_products alanında
   görsel kutusu büyütüldü; ürün fotoğrafı küçük kalmadan kartı daha premium doldurur. */
.home-latest-products .svc-media{
  height:236px !important;
  min-height:236px !important;
  padding:16px !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(21,94,239,.06), transparent 58%),
    linear-gradient(180deg,#fff 0%,#f7fbff 100%) !important;
}

.home-latest-products .svc-media img{
  display:block !important;
  width:min(100%, 228px) !important;
  height:auto !important;
  max-width:none !important;
  max-height:100% !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:14px !important;
  filter:drop-shadow(0 14px 22px rgba(16,24,40,.10)) !important;
}

.home-latest-products .svc-card:hover .svc-media img{
  transform:scale(1.045) !important;
  filter:drop-shadow(0 17px 28px rgba(16,24,40,.14)) !important;
}

@media (max-width:1199.98px){
  .home-latest-products .svc-media{
    height:218px !important;
    min-height:218px !important;
    padding:15px !important;
  }

  .home-latest-products .svc-media img{
    width:min(100%, 208px) !important;
  }
}

@media (max-width:991.98px){
  .home-latest-products .svc-media{
    height:188px !important;
    min-height:188px !important;
    padding:13px !important;
  }

  .home-latest-products .svc-media img{
    width:min(100%, 174px) !important;
    border-radius:13px !important;
  }
}

@media (max-width:575.98px){
  .home-latest-products .svc-media{
    height:154px !important;
    min-height:154px !important;
    padding:9px !important;
  }

  .home-latest-products .svc-media img{
    width:min(100%, 138px) !important;
    border-radius:12px !important;
    filter:drop-shadow(0 9px 14px rgba(16,24,40,.09)) !important;
  }
}

@media (max-width:380px){
  .home-latest-products .svc-media{
    height:144px !important;
    min-height:144px !important;
    padding:8px !important;
  }

  .home-latest-products .svc-media img{
    width:min(100%, 128px) !important;
  }
}
/* end-v73-square-product-images */


/* v74-lux-image-frame
   1:1 ürün görselleri için premium/lüks çerçeve ve hafif süs detayları. */
.home-latest-products .svc-media{
  position:relative !important;
  overflow:hidden !important;
  border-top-left-radius:17px !important;
  border-top-right-radius:17px !important;
}

.home-latest-products .svc-media::before{
  content:"" !important;
  position:absolute !important;
  inset:14px !important;
  border-radius:18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(245,249,255,.92) 100%) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(198,220,255,.95) 28%, rgba(21,94,239,.30) 52%, rgba(187,224,255,.95) 74%, rgba(255,255,255,.96) 100%) border-box !important;
  border:1.5px solid transparent !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 0 0 1px rgba(255,255,255,.42),
    0 10px 22px rgba(16,24,40,.06) !important;
  pointer-events:none !important;
}

.home-latest-products .svc-media::after{
  content:"" !important;
  position:absolute !important;
  inset:22px !important;
  border-radius:14px !important;
  border:1px solid rgba(21,94,239,.10) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45) !important;
  pointer-events:none !important;
}

.home-latest-products .svc-media img{
  position:relative !important;
  z-index:2 !important;
  padding:6px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,255,.98) 100%) !important;
  border:1px solid rgba(21,94,239,.08) !important;
  box-shadow:
    0 16px 28px rgba(16,24,40,.12),
    0 2px 10px rgba(16,24,40,.05) !important;
}

.home-latest-products .svc-card:hover .svc-media::before{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 0 0 1px rgba(255,255,255,.48),
    0 14px 28px rgba(16,24,40,.08) !important;
}

.home-latest-products .svc-card:hover .svc-media img{
  box-shadow:
    0 20px 34px rgba(16,24,40,.15),
    0 4px 12px rgba(16,24,40,.06) !important;
}

@media (max-width:991.98px){
  .home-latest-products .svc-media::before{ inset:12px !important; border-radius:16px !important; }
  .home-latest-products .svc-media::after{ inset:19px !important; border-radius:12px !important; }
  .home-latest-products .svc-media img{ padding:5px !important; }
}

@media (max-width:575.98px){
  .home-latest-products .svc-media::before{ inset:9px !important; border-radius:14px !important; }
  .home-latest-products .svc-media::after{ inset:15px !important; border-radius:10px !important; }
  .home-latest-products .svc-media img{ padding:4px !important; }
}
/* end-v74-lux-image-frame */

/* v75-product-frame-refined
   Ürün görsellerinde v74'teki çift çerçeve daha sade/premium hale getirildi.
   1:1 kare görseller için daha net, lüks ve dengeli bir fotoğraf alanı sağlar. */
.home-latest-products .svc-media{
  position:relative !important;
  overflow:hidden !important;
  height:232px !important;
  min-height:232px !important;
  padding:18px 20px !important;
  isolation:isolate !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.78) 29%, rgba(229,240,255,.74) 68%, rgba(244,248,255,.98) 100%) !important;
}

.home-latest-products .svc-media::before{
  content:"" !important;
  position:absolute !important;
  inset:18px !important;
  z-index:0 !important;
  border-radius:20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,251,255,.94)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(201,222,255,.92) 31%, rgba(21,94,239,.22) 53%, rgba(194,231,255,.88) 76%, rgba(255,255,255,1) 100%) border-box !important;
  border:1px solid transparent !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(21,94,239,.035),
    0 14px 32px rgba(16,24,40,.07) !important;
  pointer-events:none !important;
}

.home-latest-products .svc-media::after{
  content:"" !important;
  position:absolute !important;
  left:30px !important;
  right:30px !important;
  top:25px !important;
  height:1px !important;
  z-index:1 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.95), rgba(21,94,239,.22), rgba(255,255,255,.95), transparent) !important;
  opacity:.95 !important;
  pointer-events:none !important;
}

.home-latest-products .svc-media img{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:min(100%, 216px) !important;
  height:min(100%, 216px) !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:center !important;
  padding:5px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%) !important;
  border:1px solid rgba(21,94,239,.11) !important;
  outline:1px solid rgba(255,255,255,.92) !important;
  outline-offset:-3px !important;
  box-shadow:
    0 18px 34px rgba(16,24,40,.12),
    0 2px 9px rgba(16,24,40,.045) !important;
  filter:none !important;
}

.home-latest-products .svc-card:hover .svc-media img{
  transform:scale(1.035) !important;
  box-shadow:
    0 22px 40px rgba(16,24,40,.15),
    0 4px 13px rgba(16,24,40,.06) !important;
}

.home-latest-products .svc-card:hover .svc-media::before{
  border-color:transparent !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(21,94,239,.04),
    0 18px 38px rgba(16,24,40,.085) !important;
}

@media (max-width:1199.98px){
  .home-latest-products .svc-media{
    height:218px !important;
    min-height:218px !important;
    padding:16px 18px !important;
  }

  .home-latest-products .svc-media::before{ inset:16px !important; border-radius:18px !important; }
  .home-latest-products .svc-media::after{ left:27px !important; right:27px !important; top:23px !important; }

  .home-latest-products .svc-media img{
    width:min(100%, 202px) !important;
    height:min(100%, 202px) !important;
  }
}

@media (max-width:991.98px){
  .home-latest-products .svc-media{
    height:190px !important;
    min-height:190px !important;
    padding:14px !important;
  }

  .home-latest-products .svc-media::before{ inset:13px !important; border-radius:16px !important; }
  .home-latest-products .svc-media::after{ left:23px !important; right:23px !important; top:20px !important; }

  .home-latest-products .svc-media img{
    width:min(100%, 170px) !important;
    height:min(100%, 170px) !important;
    border-radius:14px !important;
    padding:4px !important;
  }
}

@media (max-width:575.98px){
  .home-latest-products .svc-media{
    height:158px !important;
    min-height:158px !important;
    padding:10px !important;
  }

  .home-latest-products .svc-media::before{ inset:9px !important; border-radius:14px !important; }
  .home-latest-products .svc-media::after{ left:18px !important; right:18px !important; top:15px !important; opacity:.72 !important; }

  .home-latest-products .svc-media img{
    width:min(100%, 140px) !important;
    height:min(100%, 140px) !important;
    border-radius:12px !important;
    padding:3px !important;
    box-shadow:0 12px 22px rgba(16,24,40,.11) !important;
  }
}

@media (max-width:380px){
  .home-latest-products .svc-media{
    height:148px !important;
    min-height:148px !important;
  }

  .home-latest-products .svc-media img{
    width:min(100%, 130px) !important;
    height:min(100%, 130px) !important;
  }
}
/* end-v75-product-frame-refined */

/* v76-product-image-frame-final
   Ürün görselleri 1:1 kare yükleneceği için görsel alanı yeniden dengelendi.
   Amaç: kalın/duble çerçeve yerine daha temiz, lüks ve net kare fotoğraf plakası. */
.home-latest-products .svc-card{
  border-radius:18px !important;
  border-color:rgba(13,86,164,.13) !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.055) !important;
}

.home-latest-products .svc-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(13,86,164,.24) !important;
  box-shadow:0 22px 50px rgba(15,23,42,.105) !important;
}

.home-latest-products .svc-media{
  height:226px !important;
  min-height:226px !important;
  padding:22px !important;
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 36%, rgba(255,255,255,1) 0%, rgba(255,255,255,.92) 34%, rgba(238,246,255,.88) 70%, rgba(248,251,255,1) 100%) !important;
  border-bottom:1px solid rgba(13,86,164,.08) !important;
}

.home-latest-products .svc-media::before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  left:50% !important;
  top:50% !important;
  width:min(78%, 218px) !important;
  aspect-ratio:1 / 1 !important;
  transform:translate(-50%, -50%) !important;
  border-radius:20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(246,250,255,.98) 100%) padding-box,
    linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(210,228,255,.95) 33%, rgba(13,86,164,.28) 55%, rgba(207,235,255,.94) 78%, rgba(255,255,255,1) 100%) border-box !important;
  border:1px solid transparent !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 16px 34px rgba(15,23,42,.085) !important;
  pointer-events:none !important;
}

.home-latest-products .svc-media::after{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  left:50% !important;
  top:23px !important;
  width:min(60%, 168px) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.98), rgba(13,86,164,.20), rgba(255,255,255,.98), transparent) !important;
  box-shadow:none !important;
  opacity:.75 !important;
  pointer-events:none !important;
}

.home-latest-products .svc-media img{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:min(100%, 198px) !important;
  height:min(100%, 198px) !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:center !important;
  padding:0 !important;
  margin:auto !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid rgba(13,86,164,.10) !important;
  outline:1px solid rgba(255,255,255,.92) !important;
  outline-offset:-4px !important;
  box-shadow:
    0 14px 26px rgba(15,23,42,.12),
    0 2px 8px rgba(15,23,42,.045) !important;
  filter:none !important;
  transform:translateZ(0) !important;
}

.home-latest-products .svc-card:hover .svc-media::before{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 20px 42px rgba(15,23,42,.105) !important;
}

.home-latest-products .svc-card:hover .svc-media img{
  transform:scale(1.025) translateZ(0) !important;
  box-shadow:
    0 20px 36px rgba(15,23,42,.15),
    0 3px 10px rgba(15,23,42,.055) !important;
}

.home-latest-products .svc-title{
  font-weight:720 !important;
  letter-spacing:-.038em !important;
}

.home-latest-products .svc-desc{
  max-width:88% !important;
  color:#5b667a !important;
}

.home-latest-products .svc-footer{
  border-top-color:rgba(13,86,164,.075) !important;
}

.home-latest-products .svc-cta{
  border-color:rgba(13,86,164,.22) !important;
  box-shadow:0 8px 18px rgba(13,86,164,.055) !important;
}

.home-latest-products .svc-price{
  color:#075ca8 !important;
  font-weight:800 !important;
}

@media (max-width:1199.98px){
  .home-latest-products .svc-media{
    height:212px !important;
    min-height:212px !important;
    padding:18px !important;
  }
  .home-latest-products .svc-media::before{ width:min(80%, 202px) !important; border-radius:18px !important; }
  .home-latest-products .svc-media::after{ top:20px !important; width:min(60%, 154px) !important; }
  .home-latest-products .svc-media img{
    width:min(100%, 184px) !important;
    height:min(100%, 184px) !important;
    border-radius:15px !important;
  }
}

@media (max-width:991.98px){
  .home-latest-products .svc-media{
    height:184px !important;
    min-height:184px !important;
    padding:14px !important;
  }
  .home-latest-products .svc-media::before{ width:min(82%, 172px) !important; border-radius:16px !important; }
  .home-latest-products .svc-media::after{ top:16px !important; width:min(60%, 128px) !important; opacity:.65 !important; }
  .home-latest-products .svc-media img{
    width:min(100%, 158px) !important;
    height:min(100%, 158px) !important;
    border-radius:13px !important;
  }
}

@media (max-width:575.98px){
  .home-latest-products .svc-card{ border-radius:15px !important; }
  .home-latest-products .svc-media{
    height:150px !important;
    min-height:150px !important;
    padding:9px !important;
  }
  .home-latest-products .svc-media::before{ width:min(84%, 136px) !important; border-radius:13px !important; }
  .home-latest-products .svc-media::after{ top:12px !important; width:min(58%, 96px) !important; opacity:.55 !important; }
  .home-latest-products .svc-media img{
    width:min(100%, 124px) !important;
    height:min(100%, 124px) !important;
    border-radius:11px !important;
    outline-offset:-3px !important;
    box-shadow:0 10px 18px rgba(15,23,42,.11) !important;
  }
  .home-latest-products .svc-desc{ max-width:100% !important; }
}

@media (max-width:380px){
  .home-latest-products .svc-media{
    height:140px !important;
    min-height:140px !important;
  }
  .home-latest-products .svc-media::before{ width:min(84%, 126px) !important; }
  .home-latest-products .svc-media img{
    width:min(100%, 116px) !important;
    height:min(100%, 116px) !important;
  }
}
/* end-v76-product-image-frame-final */

/* v77-services-match-product-premium
   Son Eklenen Hizmetler bloğu, ürün kartlarındaki son onaylanan premium 1:1 görsel görünümüyle eşitlendi. */
.home-latest-services .svc-card{
  border-radius:18px !important;
  border-color:rgba(13,86,164,.13) !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.055) !important;
}

.home-latest-services .svc-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(13,86,164,.24) !important;
  box-shadow:0 22px 50px rgba(15,23,42,.105) !important;
}

.home-latest-services .svc-media{
  height:226px !important;
  min-height:226px !important;
  padding:22px !important;
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 36%, rgba(255,255,255,1) 0%, rgba(255,255,255,.92) 34%, rgba(238,246,255,.88) 70%, rgba(248,251,255,1) 100%) !important;
  border-bottom:1px solid rgba(13,86,164,.08) !important;
}

.home-latest-services .svc-media::before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  left:50% !important;
  top:50% !important;
  width:min(78%, 218px) !important;
  aspect-ratio:1 / 1 !important;
  transform:translate(-50%, -50%) !important;
  border-radius:20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(246,250,255,.98) 100%) padding-box,
    linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(210,228,255,.95) 33%, rgba(13,86,164,.28) 55%, rgba(207,235,255,.94) 78%, rgba(255,255,255,1) 100%) border-box !important;
  border:1px solid transparent !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 16px 34px rgba(15,23,42,.085) !important;
  pointer-events:none !important;
}

.home-latest-services .svc-media::after{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  left:50% !important;
  top:23px !important;
  width:min(60%, 168px) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.98), rgba(13,86,164,.20), rgba(255,255,255,.98), transparent) !important;
  box-shadow:none !important;
  opacity:.75 !important;
  pointer-events:none !important;
}

.home-latest-services .svc-media img{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:min(100%, 198px) !important;
  height:min(100%, 198px) !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:center !important;
  padding:0 !important;
  margin:auto !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid rgba(13,86,164,.10) !important;
  outline:1px solid rgba(255,255,255,.92) !important;
  outline-offset:-4px !important;
  box-shadow:
    0 14px 26px rgba(15,23,42,.12),
    0 2px 8px rgba(15,23,42,.045) !important;
  filter:none !important;
  transform:translateZ(0) !important;
}

.home-latest-services .svc-card:hover .svc-media::before{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 20px 42px rgba(15,23,42,.105) !important;
}

.home-latest-services .svc-card:hover .svc-media img{
  transform:scale(1.025) translateZ(0) !important;
  box-shadow:
    0 20px 36px rgba(15,23,42,.15),
    0 3px 10px rgba(15,23,42,.055) !important;
}

.home-latest-services .svc-title{
  font-weight:720 !important;
  letter-spacing:-.038em !important;
}

.home-latest-services .svc-desc{
  max-width:88% !important;
  color:#5b667a !important;
}

.home-latest-services .svc-footer{
  border-top-color:rgba(13,86,164,.075) !important;
}

.home-latest-services .svc-cta{
  border-color:rgba(13,86,164,.22) !important;
  box-shadow:0 8px 18px rgba(13,86,164,.055) !important;
}

@media (max-width:1199.98px){
  .home-latest-services .svc-media{
    height:212px !important;
    min-height:212px !important;
    padding:18px !important;
  }
  .home-latest-services .svc-media::before{ width:min(80%, 202px) !important; border-radius:18px !important; }
  .home-latest-services .svc-media::after{ top:20px !important; width:min(60%, 154px) !important; }
  .home-latest-services .svc-media img{
    width:min(100%, 184px) !important;
    height:min(100%, 184px) !important;
    border-radius:15px !important;
  }
}

@media (max-width:991.98px){
  .home-latest-services .svc-media{
    height:184px !important;
    min-height:184px !important;
    padding:14px !important;
  }
  .home-latest-services .svc-media::before{ width:min(82%, 172px) !important; border-radius:16px !important; }
  .home-latest-services .svc-media::after{ top:16px !important; width:min(60%, 128px) !important; opacity:.65 !important; }
  .home-latest-services .svc-media img{
    width:min(100%, 158px) !important;
    height:min(100%, 158px) !important;
    border-radius:13px !important;
  }
}

@media (max-width:575.98px){
  .home-latest-services .svc-card{ border-radius:15px !important; }
  .home-latest-services .svc-media{
    height:150px !important;
    min-height:150px !important;
    padding:9px !important;
  }
  .home-latest-services .svc-media::before{ width:min(84%, 136px) !important; border-radius:13px !important; }
  .home-latest-services .svc-media::after{ top:12px !important; width:min(58%, 96px) !important; opacity:.55 !important; }
  .home-latest-services .svc-media img{
    width:min(100%, 124px) !important;
    height:min(100%, 124px) !important;
    border-radius:11px !important;
    outline-offset:-3px !important;
    box-shadow:0 10px 18px rgba(15,23,42,.11) !important;
  }
  .home-latest-services .svc-desc{ max-width:100% !important; }
}

@media (max-width:380px){
  .home-latest-services .svc-media{
    height:140px !important;
    min-height:140px !important;
  }
  .home-latest-services .svc-media::before{ width:min(84%, 126px) !important; }
  .home-latest-services .svc-media img{
    width:min(100%, 116px) !important;
    height:min(100%, 116px) !important;
  }
}
/* end-v77-services-match-product-premium */

/* v78-lpg-brand-engine-matrix
   LPG marka + motor tipi + kit anahtar kelime bloğu için premium kart görünümü. */
.uo-lpg-engine-matrix,
.uo-lpg-engine-matrix *{
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif !important;
}

.uo-lpg-engine-matrix .container{
  max-width:1292px !important;
}

.uo-lem-head{
  padding:26px 22px 24px !important;
  border:1px solid rgba(21,94,239,.12) !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(56,189,248,.10), transparent 52%),
    linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important;
  box-shadow:0 14px 36px rgba(16,24,40,.045) !important;
}

.uo-lem-eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:26px !important;
  padding:7px 13px !important;
  border:1px solid rgba(21,94,239,.16) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#155eef !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  letter-spacing:.15em !important;
  line-height:1 !important;
}

.uo-lem-title{
  margin:12px 0 8px !important;
  color:#101828 !important;
  font-size:clamp(22px,1.75vw,30px) !important;
  font-weight:780 !important;
  letter-spacing:-.045em !important;
  line-height:1.12 !important;
}

.uo-lem-title::after{
  content:"" !important;
  display:block !important;
  width:66px !important;
  height:2px !important;
  margin:10px auto 0 !important;
  border-radius:99px !important;
  background:linear-gradient(90deg,#155eef,#38bdf8) !important;
}

.uo-lem-sub{
  max-width:760px !important;
  margin:0 auto 14px !important;
  color:#667085 !important;
  font-size:14px !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  line-height:1.6 !important;
}

.uo-lem-engine-line{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:7px !important;
  margin-top:12px !important;
}

.uo-lem-engine-line span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:27px !important;
  padding:7px 11px !important;
  border:1px solid rgba(21,94,239,.12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.86) !important;
  color:#0b5cab !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  letter-spacing:.08em !important;
  line-height:1 !important;
  box-shadow:0 8px 18px rgba(21,94,239,.055) !important;
}

.uo-lem-card{
  overflow:hidden !important;
  border:1px solid rgba(21,94,239,.12) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(16,24,40,.045) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.uo-lem-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(21,94,239,.24) !important;
  box-shadow:0 18px 42px rgba(16,24,40,.085) !important;
}

.uo-lem-card-link{
  display:flex !important;
  height:100% !important;
  color:inherit !important;
  text-decoration:none !important;
}

.uo-lem-logo{
  flex:0 0 132px !important;
  min-height:100% !important;
  padding:20px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(21,94,239,.07), transparent 56%),
    linear-gradient(180deg,#fff 0%,#f6f9fd 100%) !important;
  border-right:1px solid rgba(21,94,239,.08) !important;
  position:relative !important;
}

.uo-lem-logo::before{
  content:"" !important;
  position:absolute !important;
  inset:14px !important;
  border-radius:15px !important;
  border:1px solid rgba(21,94,239,.10) !important;
  background:rgba(255,255,255,.60) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90), 0 10px 18px rgba(16,24,40,.045) !important;
}

.uo-lem-logo img{
  position:relative !important;
  z-index:2 !important;
  max-width:92px !important;
  max-height:82px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 8px 14px rgba(16,24,40,.10)) !important;
}

.uo-lem-body{
  flex:1 1 auto !important;
  padding:20px 18px 17px !important;
  min-width:0 !important;
}

.uo-lem-body h3{
  margin:0 0 7px !important;
  color:#101828 !important;
  font-size:17px !important;
  font-weight:760 !important;
  letter-spacing:-.035em !important;
  line-height:1.22 !important;
}

.uo-lem-body p{
  margin:0 0 12px !important;
  color:#667085 !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  line-height:1.55 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.uo-lem-chip-group,
.uo-lem-kit-group{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:8px 0 0 !important;
}

.uo-lem-chip-group span,
.uo-lem-kit-group em{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:25px !important;
  padding:6px 9px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:820 !important;
  letter-spacing:.06em !important;
  line-height:1 !important;
  font-style:normal !important;
  white-space:nowrap !important;
}

.uo-lem-chip-group span{
  border:1px solid rgba(21,94,239,.12) !important;
  background:#f7fbff !important;
  color:#155eef !important;
}

.uo-lem-kit-group em{
  border:1px solid rgba(16,24,40,.08) !important;
  background:#fff !important;
  color:#344054 !important;
}

.uo-lem-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  margin-top:13px !important;
  padding:7px 14px !important;
  border:1px solid rgba(21,94,239,.20) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#155eef !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  letter-spacing:.08em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
}

@media (max-width:575.98px){
  .uo-lpg-engine-matrix .container{padding-left:12px !important;padding-right:12px !important;}
  .uo-lem-head{padding:20px 14px 18px !important;border-radius:16px !important;}
  .uo-lem-sub{font-size:12.8px !important;line-height:1.5 !important;}
  .uo-lem-card-link{flex-direction:column !important;}
  .uo-lem-logo{flex:0 0 auto !important;height:138px !important;border-right:0 !important;border-bottom:1px solid rgba(21,94,239,.08) !important;}
  .uo-lem-logo img{max-width:112px !important;max-height:92px !important;}
  .uo-lem-body{padding:15px 13px 14px !important;text-align:center !important;}
  .uo-lem-body h3{font-size:15px !important;}
  .uo-lem-body p{font-size:12.2px !important;}
  .uo-lem-chip-group,.uo-lem-kit-group{justify-content:center !important;}
}
/* end-v78-lpg-brand-engine-matrix */

/* v79-lpg-brand-engine-matrix-premium-media
   Marka & motor uyumluluğu bloğunu daha premium gösterir.
   Marka görseli artık sol dar logo kolonu gibi değil, üstte geniş medya alanı olarak basılır. */
.uo-lpg-engine-matrix{
  padding-top:22px !important;
  padding-bottom:28px !important;
}

.uo-lpg-engine-matrix .container{
  max-width:1320px !important;
}

.uo-lem-head{
  position:relative !important;
  overflow:hidden !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:30px 28px 26px !important;
  border:1px solid rgba(21,94,239,.12) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(21,94,239,.075), transparent 42%),
    linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important;
  box-shadow:0 18px 48px rgba(16,24,40,.055) !important;
}

.uo-lem-head::before{
  content:"" !important;
  position:absolute !important;
  left:28px !important;
  right:28px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(21,94,239,.30), transparent) !important;
}

.uo-lem-eyebrow{
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 10px 24px rgba(21,94,239,.06) !important;
}

.uo-lem-title{
  max-width:880px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  font-size:clamp(23px,1.9vw,32px) !important;
  font-weight:780 !important;
  letter-spacing:-.05em !important;
}

.uo-lem-sub{
  max-width:850px !important;
  font-size:14.2px !important;
  color:#5f6f86 !important;
}

.uo-lem-engine-line{
  max-width:930px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  gap:8px !important;
}

.uo-lem-engine-line span{
  min-height:28px !important;
  padding:7px 13px !important;
  border-color:rgba(21,94,239,.15) !important;
  background:linear-gradient(180deg,#fff 0%,#f6f9ff 100%) !important;
  box-shadow:0 8px 18px rgba(21,94,239,.06) !important;
}

.uo-lpg-engine-matrix .row{
  row-gap:24px !important;
}

.uo-lem-card{
  border-radius:22px !important;
  border:1px solid rgba(21,94,239,.13) !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  box-shadow:0 12px 34px rgba(16,24,40,.055) !important;
}

.uo-lem-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(21,94,239,.25) !important;
  box-shadow:0 22px 52px rgba(16,24,40,.10) !important;
}

.uo-lem-card-link{
  flex-direction:column !important;
  height:100% !important;
}

.uo-lem-logo{
  flex:0 0 auto !important;
  width:100% !important;
  height:178px !important;
  min-height:178px !important;
  padding:13px !important;
  border-right:0 !important;
  border-bottom:1px solid rgba(21,94,239,.08) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(21,94,239,.08), transparent 58%),
    linear-gradient(180deg,#fff 0%,#f4f8ff 100%) !important;
}

.uo-lem-logo::before{
  inset:13px !important;
  border-radius:18px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(247,250,255,.80)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(190,214,255,.85),rgba(21,94,239,.20),rgba(255,255,255,.96)) border-box !important;
  border:1px solid transparent !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 22px rgba(16,24,40,.055) !important;
}

.uo-lem-logo img{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:15px !important;
  filter:none !important;
  box-shadow:0 13px 26px rgba(16,24,40,.10) !important;
  transition:transform .24s ease, box-shadow .24s ease !important;
}

.uo-lem-card:hover .uo-lem-logo img{
  transform:scale(1.025) !important;
  box-shadow:0 17px 32px rgba(16,24,40,.14) !important;
}

.uo-lem-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  padding:18px 18px 17px !important;
  text-align:left !important;
}

.uo-lem-body h3{
  margin-bottom:8px !important;
  color:#101828 !important;
  font-size:18px !important;
  font-weight:760 !important;
  letter-spacing:-.04em !important;
  line-height:1.18 !important;
}

.uo-lem-body p{
  min-height:40px !important;
  margin-bottom:14px !important;
  color:#667085 !important;
  font-size:13px !important;
  line-height:1.55 !important;
  -webkit-line-clamp:2 !important;
}

.uo-lem-chip-group,
.uo-lem-kit-group{
  position:relative !important;
  gap:7px !important;
  margin-top:10px !important;
  padding-top:20px !important;
}

.uo-lem-chip-group::before,
.uo-lem-kit-group::before{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  color:#98a2b3 !important;
  font-size:9.5px !important;
  font-weight:850 !important;
  letter-spacing:.13em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
}

.uo-lem-chip-group::before{content:"Motor Tipleri" !important;}
.uo-lem-kit-group::before{content:"Kit Serileri" !important;}

.uo-lem-chip-group span,
.uo-lem-kit-group em{
  min-height:25px !important;
  padding:6px 10px !important;
  font-size:9.8px !important;
  font-weight:820 !important;
  letter-spacing:.055em !important;
  box-shadow:0 7px 16px rgba(16,24,40,.035) !important;
}

.uo-lem-chip-group span{
  border-color:rgba(21,94,239,.14) !important;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%) !important;
  color:#155eef !important;
}

.uo-lem-kit-group em{
  border-color:rgba(16,24,40,.075) !important;
  background:linear-gradient(180deg,#fff 0%,#fafafa 100%) !important;
  color:#344054 !important;
}

.uo-lem-cta{
  width:100% !important;
  min-height:34px !important;
  margin-top:auto !important;
  padding:9px 16px !important;
  border-color:rgba(21,94,239,.22) !important;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%) !important;
  box-shadow:0 10px 24px rgba(21,94,239,.065) !important;
}

.uo-lem-card:hover .uo-lem-cta{
  border-color:rgba(21,94,239,.35) !important;
  background:#155eef !important;
  color:#fff !important;
}

@media (max-width:1199.98px){
  .uo-lem-logo{height:164px !important;min-height:164px !important;}
  .uo-lem-body h3{font-size:17px !important;}
}

@media (max-width:767.98px){
  .uo-lem-head{padding:22px 14px 20px !important;border-radius:18px !important;}
  .uo-lem-title{font-size:21px !important;letter-spacing:-.04em !important;}
  .uo-lem-sub{font-size:12.8px !important;}
  .uo-lem-logo{height:156px !important;min-height:156px !important;padding:11px !important;}
  .uo-lem-logo::before{inset:11px !important;border-radius:16px !important;}
  .uo-lem-logo img{border-radius:13px !important;}
  .uo-lem-body{text-align:center !important;padding:15px 13px 14px !important;}
  .uo-lem-body p{min-height:auto !important;}
  .uo-lem-chip-group,.uo-lem-kit-group{justify-content:center !important;}
  .uo-lem-chip-group::before,.uo-lem-kit-group::before{left:50% !important;transform:translateX(-50%) !important;white-space:nowrap !important;}
}

@media (max-width:575.98px){
  .uo-lem-logo{height:146px !important;min-height:146px !important;}
  .uo-lem-engine-line span{font-size:9.5px !important;padding-left:10px !important;padding-right:10px !important;}
}
/* end-v79-lpg-brand-engine-matrix-premium-media */