/* =========================================================
   Uysal Otogaz - page.php content premium layout v1
   Amaç: DB/editor HTML çıktısını daha geniş, okunaklı ve logo uyumlu
   kurumsal bir görünüme almak. Route/canonical/SQL değişmez.
   ========================================================= */
:root{
  --uo-logo-red:#d7192a;
  --uo-logo-red-dark:#9e0f1d;
  --uo-ink:#111827;
  --uo-text:#334155;
  --uo-muted:#64748b;
  --uo-line:#e9edf3;
  --uo-soft:#fff7f8;
  --uo-paper:#ffffff;
  --uo-shadow:0 22px 60px rgba(15,23,42,.075);
  --uo-shadow-soft:0 14px 34px rgba(15,23,42,.055);
}

body{
  background:
    radial-gradient(circle at 8% 18%, rgba(215,25,42,.055), transparent 28%),
    radial-gradient(circle at 94% 4%, rgba(17,24,39,.035), transparent 30%),
    linear-gradient(180deg,#fff 0%,#fbfcff 42%,#f7f9fc 100%) !important;
}

/* Başlık alanı: daha kurumsal, dar kutu hissi azaltıldı */
.uo-titlebar{
  margin:18px 0 18px !important;
}
.uo-titlebar .container{
  max-width:1280px !important;
}
.uo-titlebar .uo-titlebar-inner{
  max-width:100% !important;
  padding:14px 24px !important;
  border-radius:18px !important;
  border:1px solid rgba(215,25,42,.16) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88)),
    radial-gradient(circle at 0 0,rgba(215,25,42,.10),transparent 35%) !important;
  box-shadow:0 16px 42px rgba(15,23,42,.06) !important;
}
.uo-titlebar .uo-title{
  color:var(--uo-ink) !important;
  font-weight:850 !important;
  letter-spacing:-.03em !important;
}
.uo-titlebar .uo-titlebar-inner::after{
  width:min(280px,44%) !important;
  height:3px !important;
  background:linear-gradient(90deg,transparent,var(--uo-logo-red),#151922,transparent) !important;
}

/* Ana içerik akışı */
.uo-content-section{
  padding:10px 0 16px !important;
}
.uo-content-section--lead{
  padding-top:2px !important;
}
.uo-content-container{
  max-width:1280px !important;
}
.uo-content-panel{
  position:relative !important;
  width:100% !important;
  padding:clamp(18px,2.2vw,30px) !important;
  border-radius:28px !important;
  border:1px solid rgba(226,232,240,.92) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94)),
    radial-gradient(circle at 0% 0%,rgba(215,25,42,.060),transparent 34%) !important;
  box-shadow:var(--uo-shadow) !important;
  overflow:hidden !important;
}
.uo-content-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#151922 0%,#d7192a 46%,#ef4c58 100%);
  opacity:.95;
}
.uo-content-panel--lead{
  margin-top:0 !important;
}
.uo-content-panel--soft{
  box-shadow:var(--uo-shadow-soft) !important;
}
.page-card.page-bleed::before{
  display:none !important;
}

/* Editör HTML tipografisi */
.uo-rich-content{
  position:relative;
  z-index:1;
  color:var(--uo-text) !important;
  font-size:1rem !important;
  line-height:1.75 !important;
}
.uo-rich-content > *:first-child{margin-top:0 !important;}
.uo-rich-content > *:last-child{margin-bottom:0 !important;}
.uo-rich-content h2,
.uo-rich-content h3,
.uo-rich-content h4{
  color:var(--uo-ink) !important;
  font-family:"Manrope","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-weight:850 !important;
  letter-spacing:-.035em !important;
  line-height:1.18 !important;
  margin-top:1.15rem !important;
  margin-bottom:.65rem !important;
}
.uo-rich-content h2{font-size:clamp(1.35rem,2.4vw,2.15rem) !important;}
.uo-rich-content h3{font-size:clamp(1.15rem,1.8vw,1.55rem) !important;}
.uo-rich-content p{
  color:var(--uo-text) !important;
  margin-bottom:.85rem !important;
}
.uo-rich-content a:not(.btn):not(.svc-card-link):not(.svc-cta){
  color:#b91524 !important;
  font-weight:750 !important;
  text-decoration:none !important;
  background:linear-gradient(90deg,rgba(215,25,42,.18),rgba(215,25,42,.18)) left bottom/100% 1px no-repeat;
}
.uo-rich-content a:not(.btn):not(.svc-card-link):not(.svc-cta):hover{
  color:#8e111d !important;
  background-size:100% 2px;
}
.uo-rich-content ul:not(.uysal-links),
.uo-rich-content ol{
  padding-left:0 !important;
  margin:1rem 0 !important;
  list-style:none !important;
  display:grid;
  gap:.55rem;
}
.uo-rich-content ul:not(.uysal-links) > li,
.uo-rich-content ol > li{
  position:relative;
  padding-left:1.65rem !important;
  color:#3f4b5f !important;
}
.uo-rich-content ul:not(.uysal-links) > li::before,
.uo-rich-content ol > li::before{
  content:"";
  position:absolute;
  left:.1rem;
  top:.67em;
  width:.55rem;
  height:.55rem;
  border-radius:999px;
  background:linear-gradient(135deg,#d7192a,#151922);
  box-shadow:0 0 0 4px rgba(215,25,42,.08);
}
.uo-rich-content img{
  border-radius:22px !important;
  box-shadow:0 18px 42px rgba(15,23,42,.11) !important;
}
.uo-rich-content table{
  width:100%;
  border-collapse:separate !important;
  border-spacing:0 !important;
  overflow:hidden;
  border-radius:16px;
  border:1px solid var(--uo-line);
  background:#fff;
}
.uo-rich-content th,
.uo-rich-content td{
  padding:12px 14px !important;
  border-bottom:1px solid var(--uo-line) !important;
}
.uo-rich-content tr:last-child td{border-bottom:0 !important;}

/* İçerikteki token section/container yapıları parent içinde daralmasın */
.uo-rich-content > section,
.uo-rich-content .home-latest-services,
.uo-rich-content .home-latest-products{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}
.uo-rich-content > section > .container,
.uo-rich-content .home-latest-services > .container,
.uo-rich-content .home-latest-products > .container{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Son eklenen hizmet/ürün blokları */
.uo-rich-content .home-svc-head{
  padding:0 0 14px !important;
  margin-bottom:18px !important;
  border-bottom:1px solid rgba(226,232,240,.9) !important;
}
.uo-rich-content .home-svc-eyebrow{
  color:#b91524 !important;
  letter-spacing:.14em !important;
  font-weight:850 !important;
}
.uo-rich-content .home-svc-title{
  color:var(--uo-ink) !important;
  font-size:clamp(1.35rem,2vw,1.85rem) !important;
  font-weight:900 !important;
}
.uo-rich-content .home-svc-sub{
  color:var(--uo-muted) !important;
  font-size:.95rem !important;
}
.uo-rich-content .home-svc-all,
.uo-rich-content .btn-outline-danger{
  border:1px solid rgba(215,25,42,.28) !important;
  color:#b91524 !important;
  background:#fff !important;
  border-radius:999px !important;
  padding:.58rem 1rem !important;
  font-weight:850 !important;
  box-shadow:0 10px 24px rgba(215,25,42,.08) !important;
}
.uo-rich-content .home-svc-all:hover,
.uo-rich-content .btn-outline-danger:hover{
  color:#fff !important;
  background:linear-gradient(135deg,#d7192a,#9e0f1d) !important;
  border-color:transparent !important;
}
.uo-rich-content .svc-card{
  height:100%;
  overflow:hidden;
  border:1px solid rgba(226,232,240,.96) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#fbfcff) !important;
  box-shadow:0 14px 36px rgba(15,23,42,.075) !important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}
.uo-rich-content .svc-card:hover{
  transform:translateY(-4px);
  border-color:rgba(215,25,42,.32) !important;
  box-shadow:0 22px 54px rgba(15,23,42,.12) !important;
}
.uo-rich-content .svc-card-link{
  display:flex;
  flex-direction:column;
  height:100%;
  color:inherit !important;
  text-decoration:none !important;
  background:none !important;
}
.uo-rich-content .svc-media{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:4/3;
  background:radial-gradient(circle at 50% 30%,#fff 0%,#f4f6fa 100%) !important;
  border-bottom:1px solid rgba(226,232,240,.86);
  overflow:hidden;
}
.uo-rich-content .home-latest-products .svc-media{aspect-ratio:1/1;}
.uo-rich-content .svc-media img{
  width:100%;
  height:100%;
  object-fit:cover !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transition:transform .22s ease,filter .22s ease;
}
.uo-rich-content .home-latest-products .svc-media img{object-fit:contain !important;padding:12px;}
.uo-rich-content .svc-card:hover .svc-media img{
  transform:scale(1.035);
  filter:saturate(1.05) contrast(1.03);
}
.uo-rich-content .svc-chip{
  position:absolute;
  top:12px;
  left:12px;
  border-radius:999px;
  padding:5px 10px;
  color:#fff !important;
  background:linear-gradient(135deg,#151922,#d7192a) !important;
  font-size:.70rem;
  font-weight:900;
  letter-spacing:.05em;
  box-shadow:0 10px 24px rgba(15,23,42,.24);
}
.uo-rich-content .svc-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:16px 17px 17px !important;
}
.uo-rich-content .svc-title{
  min-height:2.75em;
  color:var(--uo-ink) !important;
  font-size:1rem !important;
  font-weight:850 !important;
  line-height:1.35 !important;
  letter-spacing:-.02em;
  margin:0 0 8px !important;
}
.uo-rich-content .svc-desc{
  color:var(--uo-muted) !important;
  font-size:.88rem !important;
  line-height:1.55 !important;
  margin:0 0 12px !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.uo-rich-content .svc-footer{
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(226,232,240,.88);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.uo-rich-content .svc-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  color:#b91524 !important;
  background:#fff5f6 !important;
  border:1px solid rgba(215,25,42,.20) !important;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}
.uo-rich-content .svc-card:hover .svc-cta{
  color:#fff !important;
  background:linear-gradient(135deg,#d7192a,#9e0f1d) !important;
  border-color:transparent !important;
}
.uo-rich-content .svc-price{
  color:#111827 !important;
  font-size:.95rem !important;
  font-weight:900 !important;
}

/* Marka/özellik kartları, editör içindeki genel card/row yapıları */
.uo-rich-content .card{
  border-radius:22px !important;
  border:1px solid rgba(226,232,240,.95) !important;
  box-shadow:0 12px 34px rgba(15,23,42,.065) !important;
  overflow:hidden;
}
.uo-rich-content .row{
  --bs-gutter-x:1.25rem;
  --bs-gutter-y:1.25rem;
}
.uo-rich-content .badge,
.uo-rich-content .chip{
  border-radius:999px !important;
}

/* İletişim bölümü */
.uo-contact-premium{
  padding:18px 0 54px !important;
}
.uo-contact-premium .container{
  max-width:1280px !important;
}
.uo-contact-premium .contact-card,
.uo-contact-premium .map-card{
  border-radius:26px !important;
  border:1px solid rgba(226,232,240,.95) !important;
  background:linear-gradient(180deg,#fff,#fbfcff) !important;
  box-shadow:0 18px 50px rgba(15,23,42,.075) !important;
  overflow:hidden;
}
.uo-contact-premium .contact-card__title{
  color:var(--uo-ink) !important;
  font-weight:900 !important;
}
.uo-contact-premium .contact-item{
  border:1px solid rgba(226,232,240,.88) !important;
  background:#fff !important;
  border-radius:16px !important;
}
.uo-contact-premium .contact-item i{
  color:#d7192a !important;
}
.uo-contact-premium .contact-btn{
  border-radius:999px !important;
  font-weight:850 !important;
  padding:.62rem .95rem !important;
}
.uo-contact-premium .contact-btn--dir,
.uo-contact-premium .btn-primary{
  background:linear-gradient(135deg,#151922,#30343d) !important;
  border-color:transparent !important;
}

@media (min-width:1200px){
  .uo-rich-content .row-cols-lg-4 > *{width:25% !important;}
}
@media (max-width:767.98px){
  .uo-titlebar{margin:12px 0 12px !important;}
  .uo-titlebar .uo-titlebar-inner{padding:12px 14px !important;border-radius:16px !important;}
  .uo-content-section{padding:6px 0 12px !important;}
  .uo-content-panel{padding:16px !important;border-radius:22px !important;}
  .uo-rich-content{font-size:.96rem !important;line-height:1.68 !important;}
  .uo-rich-content .home-svc-head{display:block !important;}
  .uo-rich-content .home-svc-all{margin-top:12px;}
  .uo-contact-premium{padding-bottom:34px !important;}
}