:root{--site-dark:#123023;--site-green:#1f7a4d;--site-mint:#eaf7ef;--site-gold:#d6a84f;--site-text:#24342d;--site-muted:#66736d;--site-card:#ffffff;--site-border:rgba(18,48,35,.1)}
*{box-sizing:border-box}.website-body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--site-text);background:#fbf8f1}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--site-border)}.site-navbar{padding:14px 0}.site-brand{display:flex;align-items:center;gap:12px;color:var(--site-dark)!important;text-decoration:none}.site-brand-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--site-green),#70b77e);display:grid;place-items:center;color:white;box-shadow:0 14px 30px rgba(31,122,77,.24)}.site-brand span:last-child{display:flex;flex-direction:column;line-height:1.05}.site-brand small{font-size:.78rem;color:var(--site-muted);font-weight:600;margin-top:4px}.site-navbar .nav-link{font-weight:700;color:#46564f;border-radius:999px;padding:9px 14px}.site-navbar .nav-link.active,.site-navbar .nav-link:hover{background:var(--site-mint);color:var(--site-green)}.btn-site-panel,.btn-site-primary{border:0;border-radius:999px;background:linear-gradient(135deg,var(--site-green),#2fa966);color:#fff!important;font-weight:800;padding:11px 18px;box-shadow:0 14px 30px rgba(31,122,77,.22)}.btn-site-panel{padding:9px 14px}.btn-site-outline{border:1px solid rgba(255,255,255,.6);border-radius:999px;color:#fff!important;background:rgba(255,255,255,.12);font-weight:800;padding:11px 18px}.site-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(214,168,79,.4),transparent 30%),linear-gradient(135deg,#123023,#1f7a4d);color:#fff;padding:96px 0 78px}.site-hero-bg{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.1),transparent 40%),repeating-linear-gradient(45deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 1px,transparent 1px,transparent 18px)}.site-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);padding:8px 13px;border-radius:999px;font-weight:800;margin-bottom:18px}.site-hero h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:.96;font-weight:900;letter-spacing:-.06em;margin-bottom:20px}.site-hero-lead{font-size:1.18rem;max-width:720px;color:rgba(255,255,255,.85);margin-bottom:28px}.site-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.hero-card-icon{width:64px;height:64px;border-radius:22px;background:#fff;color:var(--site-green);display:grid;place-items:center;font-size:1.8rem;margin-bottom:18px}.hero-card h2{font-size:1.5rem;font-weight:900}.hero-card p{color:rgba(255,255,255,.82)}.hero-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.hero-stat-grid div{background:rgba(255,255,255,.13);border-radius:18px;padding:14px}.hero-stat-grid strong,.hero-stat-grid span{display:block}.hero-stat-grid span{font-size:.8rem;color:rgba(255,255,255,.72)}.site-section{padding:78px 0}.site-soft-section{background:linear-gradient(180deg,#f1f8f2,#fff8eb)}.section-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:900;color:var(--site-green);margin-bottom:10px}.section-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;letter-spacing:-.04em;color:var(--site-dark)}.section-text{color:var(--site-muted);font-size:1.06rem}.feature-card,.service-card,.content-card,.contact-card,.contact-note{height:100%;background:#fff;border:1px solid var(--site-border);border-radius:26px;padding:26px;box-shadow:0 20px 55px rgba(18,48,35,.08)}.feature-card i{width:52px;height:52px;border-radius:18px;background:var(--site-mint);color:var(--site-green);display:grid;place-items:center;font-size:1.4rem;margin-bottom:18px}.feature-card h3,.service-card h3{font-size:1.14rem;font-weight:900;color:var(--site-dark)}.feature-card p,.service-card p{color:var(--site-muted);margin-bottom:0}.content-card{font-size:1.05rem;line-height:1.8}.content-card h1,.content-card h2,.content-card h3{color:var(--site-dark);font-weight:900;letter-spacing:-.025em}.content-card a{color:var(--site-green);font-weight:800}.service-card span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:16px;background:var(--site-dark);color:#fff;font-weight:900;margin-bottom:18px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-item{min-height:260px;border-radius:30px;position:relative;overflow:hidden;box-shadow:0 22px 55px rgba(18,48,35,.12);background:linear-gradient(135deg,#1f7a4d,#d6a84f)}.gallery-item:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.42),transparent 24%),linear-gradient(180deg,transparent,rgba(18,48,35,.76))}.gallery-item span{position:absolute;left:22px;bottom:20px;color:#fff;font-size:1.15rem;font-weight:900}.gallery-milk{background:linear-gradient(135deg,#e7fff2,#1f7a4d)}.gallery-feed{background:linear-gradient(135deg,#d6a84f,#7d5a1b)}.gallery-logistics{background:linear-gradient(135deg,#1f7a4d,#123023)}.gallery-farm{background:linear-gradient(135deg,#a7d88f,#2f6b3d)}.gallery-photo{background-size:cover;background-position:center;background-repeat:no-repeat;text-decoration:none}.contact-card h2,.contact-note h3{font-weight:900;color:var(--site-dark)}.contact-card div{display:flex;gap:12px;align-items:center;margin-top:14px;font-weight:700}.contact-card i{color:var(--site-green)}.contact-note{display:flex;flex-direction:column;justify-content:center;min-height:100%}.site-footer{background:var(--site-dark);color:rgba(255,255,255,.78);padding:54px 0 24px}.footer-brand{color:#fff;font-size:1.4rem;font-weight:900;margin-bottom:10px}.footer-contact{display:flex;gap:10px;margin:8px 0}.site-footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:.92rem;color:rgba(255,255,255,.58)}.not-found-page{min-height:70vh;display:grid;place-items:center;padding:80px 0}.not-found-card{max-width:680px;margin:auto;text-align:center;background:#fff;border-radius:32px;padding:46px;box-shadow:0 24px 70px rgba(18,48,35,.1)}.not-found-icon{width:78px;height:78px;border-radius:28px;background:var(--site-mint);color:var(--site-green);display:grid;place-items:center;font-size:2.3rem;margin:0 auto 20px}.not-found-card h1{font-weight:900;color:var(--site-dark);letter-spacing:-.04em}@media(max-width:991px){.site-hero{padding:72px 0 56px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.hero-stat-grid{grid-template-columns:1fr}}@media(max-width:575px){.gallery-grid{grid-template-columns:1fr}.site-section{padding:54px 0}.hero-card{padding:22px}.not-found-card{padding:30px}}

.site-dropdown{border:0;border-radius:18px;box-shadow:0 18px 40px rgba(18,48,35,.14);padding:10px}.site-dropdown .dropdown-item{border-radius:12px;font-weight:700;color:var(--site-text);padding:9px 12px}.site-dropdown .dropdown-item:hover,.site-dropdown .dropdown-item.active{background:var(--site-mint);color:var(--site-green)}.feature-card-link,.service-card-link{display:block;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.feature-card-link:hover,.service-card-link:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(18,48,35,.13);color:inherit}.page-sidebar{position:sticky;top:92px;background:#fff;border:1px solid var(--site-border);border-radius:26px;padding:18px;box-shadow:0 20px 55px rgba(18,48,35,.08)}.sidebar-title{font-size:.86rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--site-green);margin:4px 8px 12px}.sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:var(--site-text);font-weight:800;border-radius:16px;padding:13px 14px;margin-bottom:8px;background:#f8fbf7;border:1px solid rgba(18,48,35,.06)}.sidebar-link:hover,.sidebar-link.active{background:linear-gradient(135deg,var(--site-green),#2fa966);color:#fff}.sidebar-link i{font-size:1.2rem}.content-card ul{padding-left:1.2rem}.content-card li{margin-bottom:.45rem}@media(max-width:991px){.page-sidebar{position:static}}
.site-nav-split{display:flex;align-items:center}.site-nav-split>.dropdown-toggle-split{padding-left:4px;padding-right:12px;border:0;background:transparent}.site-nav-split>.dropdown-toggle-split:after{margin-left:0}@media(max-width:991px){.site-nav-split{justify-content:flex-start}.site-nav-split>.dropdown-menu{position:static!important;transform:none!important}}
.home-slider-section{margin-top:-34px;position:relative;z-index:5}.home-managed-slider{border-radius:34px;overflow:hidden;box-shadow:0 28px 80px rgba(18,48,35,.22);border:8px solid rgba(255,255,255,.92);background:#fff}.home-slider-photo{min-height:430px;background-size:cover;background-position:center;position:relative}.home-slider-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,48,35,.76),rgba(18,48,35,.18),rgba(18,48,35,.05))}.home-slider-caption{position:absolute;left:clamp(22px,6vw,72px);bottom:clamp(24px,7vw,76px);max-width:100%;color:#fff}.home-slider-caption span{display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:7px 13px;font-weight:900;margin-bottom:14px}.home-slider-caption h2{font-size:clamp(2rem,5vw,4rem);font-weight:950;letter-spacing:-.05em;line-height:.98;margin-bottom:14px}.home-slider-caption p{font-size:1.12rem;color:rgba(255,255,255,.86);margin:0}.home-managed-slider .carousel-indicators [data-bs-target]{width:12px;height:12px;border-radius:999px}.blog-card{display:block;height:100%;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--site-border);border-radius:26px;padding:26px;box-shadow:0 20px 55px rgba(18,48,35,.08);transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(18,48,35,.13);color:inherit}.blog-card span{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--site-mint);color:var(--site-green);font-weight:900;padding:7px 12px;font-size:.82rem;margin-bottom:16px}.blog-card h3{font-size:1.2rem;font-weight:900;color:var(--site-dark);letter-spacing:-.025em}.blog-card p{color:var(--site-muted)}.blog-card strong{color:var(--site-green)}@media(max-width:575px){.home-slider-photo{min-height:340px}.home-slider-section{margin-top:-18px}.home-managed-slider{border-radius:24px;border-width:5px}}

/* CKEditor content responsive media fix */
.content-card figure,
.content-card .image {
  max-width: 100% !important;
  box-sizing: border-box;
}
.content-card figure.image,
.content-card .image.image_resized {
  display: block;
  clear: both;
  margin: 1.25rem auto;
}
.content-card figure.image img,
.content-card .image img,
.content-card img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
}
.content-card figure.image figcaption,
.content-card .image figcaption {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: .55rem .75rem;
  font-size: .92rem;
  color: var(--site-muted);
  text-align: center;
  background: #f8fbf7;
  border-radius: 0 0 14px 14px;
}
.content-card .image-style-align-left {
  float: left;
  margin: .35rem 1.4rem 1rem 0;
}
.content-card .image-style-align-right {
  float: right;
  margin: .35rem 0 1rem 1.4rem;
}
.content-card .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
.content-card::after {
  content: "";
  display: table;
  clear: both;
}
.content-card iframe,
.content-card video,
.content-card table {
  max-width: 100%;
}
@media (max-width: 575px) {
  .content-card .image-style-align-left,
  .content-card .image-style-align-right {
    float: none;
    margin: 1.25rem auto;
  }
}



/* 20260510 iletişim haritası */
.contact-map-card {
  overflow: hidden;
}
.contact-map-frame {
  position: relative;
  width: 100%;
  min-height: 340px;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #eef4ff;
}
.contact-map-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.contact-map-empty {
  min-height: 260px;
  border-radius: 24px;
  border: 1px dashed rgba(15, 23, 42, 0.18);
  background: #f8fafc;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  text-align: center;
  padding: 1.5rem;
  font-weight: 700;
}
.contact-map-empty i {
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .contact-map-frame {
    min-height: 280px;
  }
}

/* 2026-05-10 public website mobile hardening */
html,
.website-body {
  max-width: 100%;
  overflow-x: hidden;
}
.website-body img,
.website-body svg,
.website-body canvas,
.website-body video,
.website-body iframe {
  max-width: 100%;
}
.site-brand,
.site-navbar .nav-link,
.site-dropdown .dropdown-item,
.site-hero h1,
.site-hero-lead,
.section-title,
.feature-card,
.service-card,
.blog-card,
.content-card,
.contact-card,
.contact-note,
.sidebar-link,
.home-slider-caption h2,
.home-slider-caption p,
.footer-contact {
  overflow-wrap: anywhere;
}
.content-card table {
  display: block;
  width: 100%;
  overflow-x: auto;
}
.content-card iframe,
.content-card video {
  width: 100%;
}

@media (max-width: 991.98px) {
  .site-navbar {
    padding: 10px 0;
  }
  .site-brand {
    min-width: 0;
    max-width: calc(100vw - 96px);
  }
  .site-brand span:last-child {
    min-width: 0;
  }
  .site-brand strong,
  .site-brand small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .site-navbar .navbar-collapse {
    padding-top: 0.85rem;
  }
  .site-navbar .navbar-nav {
    align-items: stretch !important;
    gap: 0.35rem;
  }
  .site-navbar .nav-link,
  .site-nav-split > .dropdown-toggle-split,
  .site-dropdown .dropdown-item {
    min-height: 42px;
    display: flex;
    align-items: center;
  }
  .site-nav-split {
    flex-wrap: wrap;
  }
  .site-nav-split > .nav-link {
    flex: 1 1 auto;
  }
  .site-nav-split > .dropdown-toggle-split {
    flex: 0 0 44px;
    justify-content: center;
    padding: 0;
  }
  .site-nav-split > .dropdown-menu {
    width: 100%;
    margin-top: 0.35rem;
  }
  .site-hero .row {
    gap: 1.75rem;
  }
  .hero-card,
  .feature-card,
  .service-card,
  .blog-card,
  .content-card,
  .contact-card,
  .contact-note,
  .page-sidebar,
  .not-found-card {
    border-radius: 22px;
  }
}

@media (max-width: 575.98px) {
  .site-brand-mark {
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }
  .site-brand strong {
    font-size: 0.96rem;
  }
  .site-brand small {
    font-size: 0.72rem;
  }
  .site-hero {
    padding: 52px 0 46px;
  }
  .site-hero h1,
  .section-title,
  .home-slider-caption h2,
  .not-found-card h1,
  .content-card h1,
  .content-card h2,
  .content-card h3 {
    letter-spacing: 0;
  }
  .site-hero h1 {
    font-size: clamp(2rem, 13vw, 3.2rem);
    line-height: 1.02;
  }
  .site-hero-lead,
  .section-text {
    font-size: 1rem;
  }
  .site-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .site-hero-actions .btn,
  .btn-site-primary,
  .btn-site-outline {
    width: 100%;
    justify-content: center;
  }
  .hero-card,
  .feature-card,
  .service-card,
  .blog-card,
  .content-card,
  .contact-card,
  .contact-note,
  .page-sidebar,
  .not-found-card {
    padding: 20px;
    border-radius: 20px;
  }
  .hero-card-icon,
  .feature-card i,
  .service-card span {
    width: 46px;
    height: 46px;
    border-radius: 16px;
  }
  .home-slider-caption {
    left: 18px;
    right: 18px;
    bottom: 26px;
    max-width: none;
  }
  .home-slider-caption span {
    letter-spacing: 0;
  }
  .home-slider-caption p {
    font-size: 0.98rem;
  }
  .gallery-item {
    min-height: 220px;
    border-radius: 22px;
  }
  .contact-map-frame,
  .contact-map-empty {
    min-height: 240px;
    border-radius: 18px;
  }
  .footer-contact,
  .contact-card div {
    align-items: flex-start;
  }
  .site-footer {
    padding: 42px 0 22px;
  }
  .pagination {
    flex-wrap: wrap;
    gap: 0.25rem;
    justify-content: center;
  }
  .pagination .page-link {
    border-radius: 0.7rem;
  }
}

@media (max-width: 380px) {
  .site-brand {
    gap: 8px;
    max-width: calc(100vw - 86px);
  }
  .site-brand-mark {
    width: 36px;
    height: 36px;
  }
  .hero-stat-grid {
    grid-template-columns: 1fr;
  }
  .feature-card,
  .service-card,
  .blog-card,
  .content-card,
  .contact-card,
  .contact-note,
  .page-sidebar,
  .not-found-card {
    padding: 16px;
  }
}

/* 2026-05-10 stable Slider-Revolution style home slider effects */
.home-rev-slider.carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.home-rev-slider.carousel-fade .carousel-item.active,
.home-rev-slider.carousel-fade .carousel-item-next.carousel-item-start,
.home-rev-slider.carousel-fade .carousel-item-prev.carousel-item-end {
  opacity: 1;
}
.home-rev-slider.carousel-fade .active.carousel-item-start,
.home-rev-slider.carousel-fade .active.carousel-item-end {
  opacity: 0;
}
.home-rev-slider .carousel-inner,
.home-rev-slider .carousel-item,
.home-rev-slider .home-slider-photo {
  min-height: 430px;
}
.home-rev-slider .home-slider-photo {
  overflow: hidden;
  isolation: isolate;
  background-color: var(--site-dark);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.home-rev-slider .home-slider-photo::after {
  content: "";
  position: absolute;
  inset: -2.5%;
  z-index: 0;
  background-image: var(--home-slide-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.04);
  will-change: transform, opacity, filter;
}
.home-rev-slider .home-slider-photo::before {
  z-index: 1;
  pointer-events: none;
}
.home-rev-slider .home-slider-caption {
  z-index: 2;
}
.home-rev-slider .carousel-control-prev,
.home-rev-slider .carousel-control-next,
.home-rev-slider .carousel-indicators {
  z-index: 4;
}
.home-rev-slider .carousel-item.active .rev-effect-zoom-in::after {
  animation: revZoomIn 5.6s ease-out both;
}
.home-rev-slider .carousel-item.active .rev-effect-pan-left::after {
  animation: revPanLeft 5.6s ease-out both;
}
.home-rev-slider .carousel-item.active .rev-effect-pan-right::after {
  animation: revPanRight 5.6s ease-out both;
}
.home-rev-slider .carousel-item.active .rev-effect-tilt-zoom::after {
  animation: revTiltZoom 5.6s ease-out both;
}
.home-rev-slider .carousel-item.active .rev-effect-lift::after {
  animation: revLift 5.6s ease-out both;
}
.home-rev-slider .carousel-item.active .home-slider-caption h2 {
  animation: revTextTitle .9s cubic-bezier(.18,.84,.28,1) both;
}
.home-rev-slider .carousel-item.active .home-slider-caption p {
  animation: revTextDesc .9s cubic-bezier(.18,.84,.28,1) .16s both;
}
@keyframes revZoomIn {
  from { transform: scale(1.04); filter: saturate(1); }
  to { transform: scale(1.16); filter: saturate(1.08); }
}
@keyframes revPanLeft {
  from { transform: scale(1.14) translateX(2.8%); }
  to { transform: scale(1.14) translateX(-3.4%); }
}
@keyframes revPanRight {
  from { transform: scale(1.14) translateX(-3.4%); }
  to { transform: scale(1.14) translateX(3.2%); }
}
@keyframes revTiltZoom {
  from { transform: scale(1.07) rotate(-.35deg); }
  to { transform: scale(1.17) rotate(.45deg); }
}
@keyframes revLift {
  from { transform: scale(1.12) translateY(2.8%); }
  to { transform: scale(1.12) translateY(-2.8%); }
}
@keyframes revTextTitle {
  from { opacity: 0; transform: translate3d(0,28px,0) scale(.98); }
  to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}
@keyframes revTextDesc {
  from { opacity: 0; transform: translate3d(0,18px,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}
@media (max-width: 575px) {
  .home-rev-slider .carousel-inner,
  .home-rev-slider .carousel-item,
  .home-rev-slider .home-slider-photo {
    min-height: 340px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .home-rev-slider.carousel-fade .carousel-item,
  .home-rev-slider .carousel-item.active .home-slider-photo::after,
  .home-rev-slider .carousel-item.active .home-slider-caption h2,
  .home-rev-slider .carousel-item.active .home-slider-caption p {
    animation: none !important;
    transition: none !important;
  }
}

/* 2026-05-25 customer portal entry */
.site-customer-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  white-space: nowrap;
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .site-navbar-actions {
    padding-top: 0.55rem;
  }
  .site-customer-login {
    width: 100%;
    min-height: 44px;
  }
}


/* 2026-05-10 softer public typography */
.website-body {
  font-weight: 400;
  line-height: 1.65;
}
.website-body p,
.section-text,
.site-hero-lead,
.feature-card p,
.service-card p,
.blog-card p,
.content-card,
.contact-card,
.contact-note,
.site-footer {
  font-weight: 400;
}
.site-brand strong,
.site-navbar .nav-link,
.site-dropdown .dropdown-item,
.btn-site-primary,
.btn-site-panel,
.btn-site-outline,
.sidebar-link,
.content-card a,
.blog-card strong,
.contact-card div {
  font-weight: 600;
}
.site-eyebrow,
.section-kicker,
.sidebar-title,
.home-slider-caption span,
.blog-card span,
.service-card span,
.gallery-item span,
.footer-brand {
  font-weight: 700;
}
.site-hero h1 {
  font-size: clamp(2.05rem, 4.8vw, 4.2rem);
  line-height: 1.04;
  font-weight: 700;
  letter-spacing: -0.045em;
}
.home-slider-caption h2 {
  font-size: clamp(1.65rem, 3.8vw, 3.1rem);
  line-height: 1.06;
  font-weight: 700;
  letter-spacing: -0.035em;
}
.section-title {
  font-size: clamp(1.65rem, 3.2vw, 2.55rem);
  line-height: 1.14;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.hero-card h2,
.contact-card h2,
.contact-note h3,
.not-found-card h1 {
  font-weight: 700;
}
.hero-card h2 {
  font-size: 1.32rem;
}
.feature-card h3,
.service-card h3,
.blog-card h3 {
  font-size: 1.04rem;
  line-height: 1.35;
  font-weight: 650;
  letter-spacing: -0.015em;
}
.content-card h1,
.content-card h2,
.content-card h3 {
  font-weight: 700;
  letter-spacing: -0.018em;
}
.content-card h1 {
  font-size: clamp(1.65rem, 3vw, 2.2rem);
}
.content-card h2 {
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
}
.content-card h3 {
  font-size: clamp(1.12rem, 2vw, 1.38rem);
}
@media (max-width: 575.98px) {
.site-hero h1 {
    font-size: clamp(1.85rem, 10vw, 2.55rem);
    letter-spacing: -0.035em;
  }
  .home-slider-caption h2 {
    font-size: clamp(1.45rem, 8.5vw, 2.2rem);
  }
  .section-title {
    font-size: clamp(1.45rem, 7vw, 2rem);
  }
}

/* 2026-05-28 corporate auto service website */
:root {
  --site-dark: #101820;
  --site-ink: #17212b;
  --site-green: #0f766e;
  --site-mint: #e7f6f4;
  --site-gold: #e11d48;
  --site-text: #26323d;
  --site-muted: #66727f;
  --site-card: #ffffff;
  --site-border: rgba(16, 24, 32, .12);
}
.website-body {
  background: #f5f7fa;
  color: var(--site-text);
}
.site-header {
  background: rgba(255, 255, 255, .94);
  border-bottom-color: rgba(16, 24, 32, .08);
}
.site-brand-mark {
  border-radius: 8px;
  background: #101820;
  box-shadow: none;
}
.site-navbar .nav-link {
  border-radius: 8px;
  color: #344250;
}
.site-navbar .nav-link.active,
.site-navbar .nav-link:hover {
  background: #eef3f7;
  color: #0f766e;
}
.btn-site-panel,
.btn-site-primary {
  border-radius: 8px;
  background: #e11d48;
  box-shadow: 0 12px 28px rgba(225, 29, 72, .22);
}
.btn-site-primary:hover,
.btn-site-panel:hover {
  background: #be123c;
}
.btn-site-outline {
  border-radius: 8px;
  border-color: rgba(255, 255, 255, .58);
}
.site-hero {
  min-height: 620px;
  display: flex;
  align-items: center;
  background: #101820;
  padding: 112px 0 92px;
  isolation: isolate;
}
.site-hero-bg {
  background-image:
    linear-gradient(90deg, rgba(16, 24, 32, .92) 0%, rgba(16, 24, 32, .74) 40%, rgba(16, 24, 32, .18) 72%),
    var(--hero-image);
  background-size: cover;
  background-position: center;
  opacity: 1;
}
.site-eyebrow {
  border-radius: 8px;
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .22);
  letter-spacing: .04em;
}
.site-hero h1 {
  max-width: 800px;
  font-size: clamp(2.35rem, 5vw, 4.65rem);
  line-height: 1.02;
  letter-spacing: 0;
}
.site-hero-lead {
  max-width: 690px;
  color: rgba(255, 255, 255, .88);
}
.hero-card {
  border-radius: 8px;
  background: rgba(255, 255, 255, .94);
  color: var(--site-ink);
  border: 1px solid rgba(255, 255, 255, .55);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .26);
}
.hero-card p,
.hero-stat-grid span {
  color: #66727f;
}
.hero-card-icon,
.feature-card i {
  border-radius: 8px;
  background: #e7f6f4;
  color: #0f766e;
}
.hero-stat-grid div {
  border-radius: 8px;
  background: #f4f7fa;
  border: 1px solid rgba(16, 24, 32, .08);
}
.hero-stat-grid strong {
  color: #101820;
}
.site-section {
  padding: 82px 0;
}
.site-soft-section {
  background: #edf2f7;
}
.section-kicker {
  color: #e11d48;
}
.section-title {
  color: #101820;
  letter-spacing: 0;
}
.feature-card,
.service-card,
.content-card,
.contact-card,
.contact-note,
.blog-card,
.page-sidebar,
.not-found-card {
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(16, 24, 32, .08);
}
.feature-card-link:hover,
.service-card-link:hover,
.blog-card:hover {
  transform: translateY(-3px);
}
.service-card span {
  border-radius: 8px;
  background: #101820;
}
.blog-card span {
  border-radius: 8px;
  background: #eef3f7;
  color: #0f766e;
}
.content-card {
  border-top: 4px solid #0f766e;
}
.content-card h1,
.content-card h2,
.content-card h3 {
  color: #101820;
  letter-spacing: 0;
}
.page-sidebar {
  top: 88px;
}
.sidebar-link,
.site-dropdown,
.site-dropdown .dropdown-item,
.home-managed-slider,
.gallery-item,
.contact-map-frame,
.contact-map-empty {
  border-radius: 8px;
}
.sidebar-link {
  background: #f5f7fa;
}
.sidebar-link:hover,
.sidebar-link.active {
  background: #0f766e;
}
.home-slider-section {
  margin-top: -48px;
}
.home-managed-slider {
  border-width: 6px;
}
.home-slider-photo:before {
  background: linear-gradient(90deg, rgba(16, 24, 32, .8), rgba(16, 24, 32, .18), rgba(16, 24, 32, .05));
}
.gallery-item {
  min-height: 250px;
}
.site-footer {
  background: #101820;
}
@media (max-width: 991.98px) {
  .site-hero {
    min-height: auto;
    padding: 76px 0 64px;
  }
  .site-hero-bg {
    background-image:
      linear-gradient(180deg, rgba(16, 24, 32, .9), rgba(16, 24, 32, .72)),
      var(--hero-image);
  }
}
@media (max-width: 575.98px) {
  .site-hero {
    padding: 58px 0 50px;
  }
  .site-hero h1 {
    font-size: clamp(2rem, 10vw, 2.7rem);
  }
  .site-section {
    padding: 56px 0;
  }
  .hero-card,
  .feature-card,
  .service-card,
  .blog-card,
  .content-card,
  .contact-card,
  .contact-note,
  .page-sidebar,
  .not-found-card {
    border-radius: 8px;
  }
}

/* 2026-05-31 modern website view refresh */
:root {
  --site-dark: #111827;
  --site-ink: #1f2937;
  --site-green: #0f766e;
  --site-red: #e11d48;
  --site-amber: #f59e0b;
  --site-blue: #2563eb;
  --site-mint: #e7f6f4;
  --site-soft: #f3f6f8;
  --site-card: #ffffff;
  --site-border: rgba(17, 24, 39, .12);
}
.website-body {
  background:
    linear-gradient(180deg, #f8fafc 0%, #eef3f7 42%, #f8fafc 100%);
}
.site-header {
  background: rgba(255, 255, 255, .9);
  backdrop-filter: blur(18px);
}
.site-brand-mark,
.site-navbar .nav-link,
.btn-site-panel,
.btn-site-primary,
.btn-site-outline,
.site-eyebrow,
.hero-card,
.site-hero-panel,
.site-hero-panel-media,
.site-hero-panel-body,
.site-hero-metrics div,
.feature-card,
.service-card,
.content-card,
.contact-card,
.contact-note,
.blog-card,
.page-sidebar,
.sidebar-link,
.site-dropdown,
.site-dropdown .dropdown-item,
.gallery-item,
.home-managed-slider,
.contact-map-frame,
.contact-map-empty,
.not-found-card {
  border-radius: 8px;
}
.site-brand small {
  color: #667085;
}
.site-navbar .nav-link {
  font-weight: 650;
}
.site-navbar .nav-link.active,
.site-navbar .nav-link:hover {
  background: #edf2f7;
  color: var(--site-green);
}
.btn-site-primary,
.btn-site-panel {
  background: var(--site-red);
  border: 1px solid rgba(225, 29, 72, .08);
  box-shadow: 0 14px 32px rgba(225, 29, 72, .22);
}
.btn-site-primary:hover,
.btn-site-panel:hover {
  background: #be123c;
}
.btn-site-outline {
  border: 1px solid rgba(255, 255, 255, .62);
  background: rgba(255, 255, 255, .1);
}
.site-hero {
  min-height: min(760px, calc(100vh - 84px));
  display: flex;
  align-items: center;
  padding: 112px 0 86px;
  background: #111827;
}
.site-hero-bg {
  background-image:
    linear-gradient(90deg, rgba(17, 24, 39, .94) 0%, rgba(17, 24, 39, .78) 42%, rgba(17, 24, 39, .28) 72%),
    var(--hero-image);
  background-size: cover;
  background-position: center;
}
.site-hero-hizmetler .site-hero-bg,
.website-page-hizmetler .site-hero-bg {
  background-position: center 42%;
}
.site-hero-galeri .site-hero-bg,
.website-page-galeri .site-hero-bg {
  background-image:
    linear-gradient(90deg, rgba(15, 118, 110, .9) 0%, rgba(17, 24, 39, .62) 46%, rgba(17, 24, 39, .18) 78%),
    var(--hero-image);
}
.site-hero-blog .site-hero-bg,
.site-hero-blog_yazi .site-hero-bg,
.website-page-blog .site-hero-bg,
.website-page-blog_yazi .site-hero-bg {
  background-image:
    linear-gradient(90deg, rgba(31, 41, 55, .94) 0%, rgba(31, 41, 55, .76) 54%, rgba(31, 41, 55, .25) 100%),
    var(--hero-image);
}
.site-hero-iletisim .site-hero-bg,
.website-page-iletisim .site-hero-bg {
  background-image:
    linear-gradient(90deg, rgba(37, 99, 235, .9) 0%, rgba(17, 24, 39, .68) 48%, rgba(17, 24, 39, .24) 100%),
    var(--hero-image);
}
.site-hero h1 {
  max-width: 820px;
  font-size: clamp(2.35rem, 5.5vw, 5rem);
  line-height: 1.01;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
.site-hero-lead {
  max-width: 720px;
  font-size: 1.14rem;
}
.site-eyebrow {
  letter-spacing: .03em;
}
.site-hero-panel {
  overflow: hidden;
  max-width: 100%;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .72);
  box-shadow: 0 26px 70px rgba(0, 0, 0, .24);
}
.site-hero-panel-media {
  min-height: 210px;
  background-size: cover;
  background-position: center;
}
.site-hero-panel-body {
  padding: 24px;
  color: var(--site-ink);
}
.site-hero-panel-body > span {
  color: var(--site-green);
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.site-hero-panel-body h2 {
  margin: 8px 0 20px;
  color: var(--site-dark);
  font-size: 1.25rem;
  font-weight: 750;
  line-height: 1.35;
}
.site-hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.site-hero-metrics div {
  background: #f4f7fa;
  border: 1px solid rgba(17, 24, 39, .08);
  padding: 12px;
}
.site-hero-metrics strong,
.site-hero-metrics small {
  display: block;
}
.site-hero-metrics strong {
  color: var(--site-dark);
  font-size: 1.12rem;
}
.site-hero-metrics small {
  color: #667085;
  font-size: .76rem;
  line-height: 1.25;
}
.site-section {
  padding: 82px 0;
}
.site-home-intro {
  padding-top: 64px;
}
.site-process-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--site-border);
  border-radius: 8px;
  background: var(--site-border);
  box-shadow: 0 18px 42px rgba(17, 24, 39, .08);
}
.site-process-step {
  background: #fff;
  padding: 24px;
  min-height: 176px;
}
.site-process-step i {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: #eef6ff;
  color: var(--site-blue);
  font-size: 1.25rem;
  margin-bottom: 16px;
}
.site-process-step strong,
.site-process-step span {
  display: block;
}
.site-process-step strong {
  color: var(--site-dark);
  font-size: 1rem;
  margin-bottom: 6px;
}
.site-process-step span {
  color: #667085;
  font-size: .94rem;
  line-height: 1.5;
}
.site-portal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.site-portal-card {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 12px 14px;
  min-height: 144px;
  padding: 20px;
  color: inherit;
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--site-border);
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(17, 24, 39, .07);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.site-portal-card:hover {
  color: inherit;
  transform: translateY(-3px);
  border-color: rgba(15, 118, 110, .34);
  box-shadow: 0 24px 58px rgba(17, 24, 39, .11);
}
.site-portal-card i {
  grid-row: span 2;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--site-mint);
  color: var(--site-green);
  font-size: 1.25rem;
}
.site-portal-card strong {
  color: var(--site-dark);
  font-size: 1rem;
}
.site-portal-card span {
  color: #667085;
  line-height: 1.5;
}
.site-content-band {
  background: #fff;
}
.site-content-card-modern,
.site-article-card,
.site-blog-article {
  border-top: 0;
  box-shadow: 0 18px 42px rgba(17, 24, 39, .07);
}
.site-content-card-modern {
  border-left: 5px solid var(--site-green);
}
.site-article-card {
  max-width: 980px;
  margin: 0 auto;
}
.site-blog-article {
  max-width: 860px;
  font-size: 1.1rem;
}
.site-service-wall {
  background: #eef3f7;
}
.service-card-modern {
  position: relative;
  min-height: 260px;
  overflow: hidden;
}
.service-card-modern i {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--site-mint);
  color: var(--site-green);
  font-size: 1.35rem;
  margin-bottom: 20px;
}
.service-card-modern span {
  position: absolute;
  top: 20px;
  right: 20px;
  width: auto;
  height: auto;
  margin: 0;
  background: transparent;
  color: rgba(17, 24, 39, .24);
  font-size: 2.4rem;
  line-height: 1;
}
.service-card-modern h3 {
  padding-right: 56px;
}
.site-blog-index,
.site-blog-preview {
  background: #fff;
}
.blog-card-modern {
  min-height: 245px;
  border-left: 4px solid var(--site-red);
}
.blog-card-modern span {
  border-radius: 8px;
}
.gallery-grid-modern {
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 132px;
}
.gallery-grid-modern .gallery-item {
  min-height: auto;
  grid-column: span 4;
  grid-row: span 2;
}
.gallery-grid-modern .gallery-item-1,
.gallery-grid-modern .gallery-item-4 {
  grid-column: span 5;
  grid-row: span 3;
}
.gallery-grid-modern .gallery-item-3 {
  grid-column: span 3;
}
.site-gallery-section {
  background: #111827;
  color: #fff;
}
.site-gallery-section .section-title,
.site-gallery-section .section-kicker {
  color: #fff;
}
.site-gallery-intro {
  max-width: 860px;
  margin: 0 auto 28px;
}
.site-contact-section {
  background: #eef3f7;
}
.site-contact-intro {
  max-width: 920px;
  margin: 0 auto 28px;
}
.contact-card-modern {
  border-left: 5px solid var(--site-blue);
}
.content-card {
  overflow-wrap: anywhere;
}
@media (max-width: 991.98px) {
  .site-hero {
    min-height: auto;
    padding: 76px 0 64px;
  }
  .site-hero h1 {
    max-width: 100%;
    font-size: clamp(1.9rem, 4vw, 2.35rem);
    line-height: 1.08;
  }
  .site-hero-lead {
    max-width: 100%;
  }
  .site-hero-bg {
    background-image:
      linear-gradient(180deg, rgba(17, 24, 39, .9), rgba(17, 24, 39, .72)),
      var(--hero-image);
  }
  .site-process-strip {
    grid-template-columns: repeat(2, 1fr);
  }
  .site-portal-grid {
    grid-template-columns: 1fr;
  }
  .gallery-grid-modern {
    grid-template-columns: repeat(6, 1fr);
  }
  .gallery-grid-modern .gallery-item,
  .gallery-grid-modern .gallery-item-1,
  .gallery-grid-modern .gallery-item-3,
  .gallery-grid-modern .gallery-item-4 {
    grid-column: span 3;
    grid-row: span 2;
  }
}
@media (max-width: 575.98px) {
  .site-hero {
    padding: 58px 0 50px;
  }
  .site-hero h1 {
    max-width: 100%;
    font-size: clamp(1.85rem, 8.6vw, 2.35rem);
    line-height: 1.08;
  }
  .site-hero-lead {
    max-width: 100%;
    font-size: .98rem;
  }
  .site-hero-actions {
    flex-direction: column;
  }
  .site-hero-actions .btn {
    width: 100%;
    justify-content: center;
  }
  .site-hero-metrics,
  .site-process-strip,
  .gallery-grid-modern {
    grid-template-columns: 1fr;
  }
  .site-process-step {
    min-height: auto;
    padding: 20px;
  }
  .gallery-grid-modern {
    grid-auto-rows: 220px;
  }
  .gallery-grid-modern .gallery-item,
  .gallery-grid-modern .gallery-item-1,
  .gallery-grid-modern .gallery-item-3,
  .gallery-grid-modern .gallery-item-4 {
    grid-column: span 1;
    grid-row: span 1;
  }
  .site-section {
    padding: 56px 0;
  }
}

/* 2026-07-19 compact public navigation */
.site-dropdown {
  min-width: 235px;
}
.site-dropdown-overview {
  color: var(--site-green) !important;
  font-weight: 750 !important;
}
.site-dropdown .dropdown-divider {
  margin: .35rem .5rem;
  border-color: rgba(17, 24, 39, .1);
}

@media (max-width: 1199.98px) {
  .site-navbar {
    padding: 10px 0;
  }
  .site-brand {
    min-width: 0;
    max-width: calc(100vw - 96px);
  }
  .site-brand span:last-child {
    min-width: 0;
  }
  .site-brand strong,
  .site-brand small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .site-navbar .navbar-collapse {
    margin-top: .8rem;
    padding: .8rem;
    border: 1px solid rgba(17, 24, 39, .1);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(17, 24, 39, .1);
  }
  .site-navbar .navbar-nav {
    align-items: stretch !important;
    gap: .25rem;
  }
  .site-navbar .nav-link {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .65rem .8rem;
  }
  .site-navbar .dropdown-menu {
    position: static !important;
    width: 100%;
    margin: .25rem 0 .55rem;
    transform: none !important;
    box-shadow: none;
    background: #f7f9fb;
  }
  .site-navbar-actions {
    margin-left: 0 !important;
    padding-top: .5rem;
  }
  .site-navbar-actions .btn {
    width: 100%;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
  }
}