:root{
  --bg:#faf7f1; --ink:#1a1a1a; --ink-2:#3d3a34; --muted:#6f6a60; --line:#e7e0d2;
  --brand:#009544; --brand-2:#00b355; --brand-deep:#00612c;
  --accent:#e63946; --apricot:#e6873b; --leaf:#4b6b3a;
  --cream:#f2ead9; --card:#ffffff;
}
*{box-sizing:border-box}
html,body{background:var(--bg); color:var(--ink); font-family:'Inter',system-ui,sans-serif; -webkit-font-smoothing:antialiased}
.serif{font-family:'Fraunces',serif; font-weight:500; letter-spacing:-.01em}
.eyebrow{font-size:.72rem; letter-spacing:.28em; text-transform:uppercase; color:var(--brand-deep); font-weight:600}
a{color:inherit; text-decoration:none}
img{max-width:100%}

.btn{border-radius:999px; padding:.75rem 1.4rem; font-weight:500; transition:.2s ease; border:1px solid transparent}
.btn-brand{background:var(--brand); color:#fff; border-color:var(--brand)}
.btn-brand:hover{background:var(--brand-deep); border-color:var(--brand-deep); color:#fff; transform:translateY(-1px)}
.btn-ghost{background:transparent; color:var(--ink); border:1px solid var(--ink)}
.btn-ghost.active,.btn-ghost:hover{background:var(--ink); color:#fff}
.btn-outline-cream{border:1px solid rgba(255,255,255,.5); color:#fff}
.btn-outline-cream:hover{background:#fff; color:var(--brand-deep)}

/* NAV */
.topbar{background:var(--ink); color:#e9e2d1; font-size:.82rem}
.topbar a{color:#e9e2d1; opacity:.85}
.topbar a:hover{opacity:1}
.nav-wrap{position:sticky; top:0; z-index:50; background:rgba(250,247,241,.9); backdrop-filter:saturate(140%) blur(10px); border-bottom:1px solid var(--line)}
.nav-link{color:var(--ink-2)!important; font-weight:500; font-size:.95rem}
.nav-link:hover,.nav-link.active{color:var(--brand)!important}
.brand-logo{height:40px; width:auto}

/* PAGE HEAD */
.page-head{padding:5rem 0 3rem; background:linear-gradient(180deg,#fff 0%,var(--bg) 100%); border-bottom:1px solid var(--line)}
.page-head h1{font-size:clamp(2.2rem,4.5vw,3.6rem); line-height:1.05}
.crumbs{font-size:.85rem; color:var(--muted)}
.crumbs a:hover{color:var(--brand)}

/* HERO */
.hero{position:relative; padding:5rem 0 4rem; overflow:hidden}
.hero:before{content:""; position:absolute; inset:0; background:
  radial-gradient(60% 60% at 85% 10%, rgba(230,135,59,.18), transparent 60%),
  radial-gradient(50% 50% at 10% 90%, rgba(0,149,68,.10), transparent 60%);
  pointer-events:none}
.hero h1{font-size:clamp(2.4rem,5vw,4.6rem); line-height:1.02}
.hero .lead{font-size:1.12rem; color:var(--muted); max-width:520px}
.hero-card{background:linear-gradient(160deg,#ffe7cf,#f7c791 55%,#e39557); border-radius:28px; padding:2rem; position:relative; overflow:hidden; aspect-ratio:4/5; box-shadow:0 30px 60px -30px rgba(122,47,16,.35)}
.hero-card svg{position:absolute; inset:0; width:100%; height:100%}
.hero-badge{position:absolute; left:1.25rem; top:1.25rem; background:rgba(255,255,255,.9); border-radius:999px; padding:.4rem .85rem; font-size:.78rem; font-weight:600; color:var(--brand-deep); display:inline-flex; gap:.4rem; align-items:center}
.hero-caption{position:absolute; left:1.25rem; right:1.25rem; bottom:1.25rem; color:#3a1a08}
.stat{border-left:1px solid var(--line); padding-left:1rem}
.stat b{font-family:'Fraunces',serif; font-size:2rem; display:block; line-height:1}
.stat span{font-size:.78rem; color:var(--muted); text-transform:uppercase; letter-spacing:.16em}

/* MARQUEE */
.marquee{overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff}
.marquee-track{display:flex; gap:3rem; padding:1.1rem 0; white-space:nowrap; animation:scroll 32s linear infinite}
.marquee-track span{font-family:'Fraunces',serif; font-size:1.4rem; color:var(--ink-2); opacity:.75}
.marquee-track i{color:var(--brand)}
@keyframes scroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

section{padding:5rem 0}
.section-title{font-size:clamp(2rem,3.6vw,3rem); line-height:1.05; margin-bottom:1rem}

/* PRODUCT */
.product{background:var(--card); border:1px solid var(--line); border-radius:22px; padding:1.75rem; height:100%; transition:.3s; position:relative; overflow:hidden}
.product:hover{transform:translateY(-6px); box-shadow:0 24px 40px -24px rgba(0,0,0,.15); border-color:transparent}
.product .thumb{aspect-ratio:1; border-radius:16px; background:var(--cream); display:flex; align-items:center; justify-content:center; margin-bottom:1.25rem; position:relative; overflow:hidden}
.product .thumb img{width:100%; height:100%; object-fit:contain; object-position:center; border-radius:16px}
.product h5{font-family:'Fraunces',serif; font-weight:600; margin-bottom:.35rem}
.product p{color:var(--muted); font-size:.92rem; margin:0}
.product .tag{position:absolute; top:1rem; right:1rem; z-index:3; background:var(--accent); color:#fff; font-size:.7rem; font-weight:700; padding:.35rem .7rem; border-radius:999px; letter-spacing:.1em; text-transform:uppercase; box-shadow:0 6px 14px -4px rgba(230,57,70,.5)}

/* GENERIC CARD */
.about-visual{background:linear-gradient(160deg,#c9edd3,#009544); border-radius:28px; aspect-ratio:1; position:relative; overflow:hidden; box-shadow:0 30px 60px -30px rgba(0,97,44,.4)}
.about-visual svg{position:absolute; inset:0; width:100%; height:100%}
.value{padding:1.5rem; border:1px solid var(--line); border-radius:18px; background:#fff; height:100%}
.value i{font-size:1.4rem; color:var(--brand); background:#e6f5eb; width:44px; height:44px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:.9rem}

/* PROCESS */
.process{background:var(--ink); color:#e9e2d1; border-radius:32px; padding:4rem 2.5rem}
.process .step{padding:1.5rem; border-top:1px solid rgba(255,255,255,.12)}
.process .num{font-family:'Fraunces',serif; font-size:2.5rem; color:var(--apricot)}
.process h5{font-family:'Fraunces',serif; margin-top:.4rem}
.process p{color:#b8b1a0; font-size:.92rem; margin:0}

/* EVENTS / BLOG CARDS */
.event,.blog-card{background:#fff; border:1px solid var(--line); border-radius:20px; overflow:hidden; height:100%; transition:.3s; display:flex; flex-direction:column}
.event:hover,.blog-card:hover{transform:translateY(-4px); box-shadow:0 20px 40px -20px rgba(0,0,0,.12)}
.event .date{background:var(--brand); color:#fff; padding:1rem 1.25rem; display:flex; align-items:baseline; gap:.5rem; font-family:'Fraunces',serif}
.event .date b{font-size:1.6rem; line-height:1}
.event .body,.blog-card .body{padding:1.5rem}
.event h5,.blog-card h5{font-family:'Fraunces',serif; font-size:1.15rem}
.blog-card .cover{aspect-ratio:16/10; background:linear-gradient(135deg,var(--cream),var(--apricot)); position:relative; overflow:hidden}
.blog-card .cover svg{position:absolute; inset:0; width:100%; height:100%}
.blog-card .meta{font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--brand-deep); font-weight:600; margin-bottom:.6rem}

/* CONTACT */
.contact-wrap{background:linear-gradient(160deg,#00612c,#009544); border-radius:32px; padding:3.5rem; color:#fff; position:relative; overflow:hidden}
.contact-wrap:before{content:""; position:absolute; inset:0; background:radial-gradient(50% 60% at 85% 20%, rgba(255,255,255,.15), transparent 60%)}
.form-control-cream{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.25); color:#fff; padding:.85rem 1rem; border-radius:12px; width:100%}
.form-control-cream::placeholder{color:rgba(255,255,255,.6)}
.form-control-cream:focus{outline:none; border-color:#fff; background:rgba(255,255,255,.14)}
.toast-ok{position:fixed; bottom:2rem; right:2rem; background:var(--ink); color:#fff; padding:1rem 1.4rem; border-radius:14px; box-shadow:0 20px 40px -20px rgba(0,0,0,.4); display:none; z-index:200}

/* SERVICES */
.service{padding:2rem; border:1px solid var(--line); border-radius:22px; background:#fff; height:100%; transition:.3s}
.service:hover{border-color:var(--brand); transform:translateY(-4px)}
.service .icon{width:56px; height:56px; border-radius:16px; background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:1.5rem; margin-bottom:1.2rem}
.service h4{font-family:'Fraunces',serif}

/* PRODUCT DETAIL */
.pd-gallery{background:var(--cream); border-radius:24px; aspect-ratio:1; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden}
.pd-thumbs{display:flex; gap:.75rem; margin-top:1rem}
.pd-thumbs button{width:76px; height:76px; border-radius:14px; background:var(--cream); border:2px solid transparent; cursor:pointer; overflow:hidden; padding:0; transition:.2s}
.pd-thumbs button.active{border-color:var(--brand)}
.spec-list{list-style:none; padding:0; margin:1.5rem 0; border-top:1px solid var(--line)}
.spec-list li{display:flex; justify-content:space-between; padding:.85rem 0; border-bottom:1px solid var(--line); font-size:.95rem}
.spec-list li span:first-child{color:var(--muted)}
.spec-list li span:last-child{font-weight:600}

/* BLOG DETAIL */
.article-hero{aspect-ratio:21/9; border-radius:24px; overflow:hidden; background:linear-gradient(135deg,var(--brand),var(--apricot)); position:relative}
.article-body{max-width:720px; margin:0 auto; font-size:1.06rem; color:var(--ink-2); line-height:1.75}
.article-body h2{font-family:'Fraunces',serif; margin:2.5rem 0 1rem}
.article-body p{margin-bottom:1.2rem}
.article-body blockquote{border-left:3px solid var(--brand); padding:1rem 1.4rem; margin:2rem 0; background:#fff; border-radius:0 12px 12px 0; font-family:'Fraunces',serif; font-size:1.2rem; color:var(--ink)}

/* HERO SLIDER */
.cetintas-hero-slider{position:relative}
.cetintas-hero-slider .slides{position:relative}
.cetintas-hero-slider .slide{display:none}
.cetintas-hero-slider .slide.active{display:block; animation:cetintasHeroFade .55s ease}
@keyframes cetintasHeroFade{from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none}}
.cetintas-hero-slider--multi{padding-bottom:2.5rem}
.cetintas-hero-slider .slider-arrow{position:absolute; bottom:0; z-index:2; width:44px; height:44px; border-radius:999px; border:1px solid var(--line); background:#fff; color:var(--ink); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.2s; box-shadow:0 8px 20px -10px rgba(0,0,0,.15)}
.cetintas-hero-slider .slider-arrow:hover{border-color:var(--brand); color:var(--brand)}
.cetintas-hero-slider .slider-arrow.prev{right:56px}
.cetintas-hero-slider .slider-arrow.next{right:0}
.cetintas-hero-slider .slider-dots{display:flex; gap:8px; position:absolute; left:0; bottom:12px}
.cetintas-hero-slider .slider-dots button{width:10px; height:10px; border:0; border-radius:999px; background:var(--line); padding:0; cursor:pointer; transition:.2s}
.cetintas-hero-slider .slider-dots button.active{background:var(--brand); transform:scale(1.15)}
.hero-stats .stat{border-left:1px solid var(--line); padding-left:1rem; padding-right:.25rem}
.hero-stats .stat:first-child{border-left:0; padding-left:0}

/* MARQUEE — cetintas (cms-sections.css üzerine yazar) */
.marquee.cetintas-marquee{overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; padding:0; margin:0}
.marquee.cetintas-marquee .marquee-track{display:flex; gap:3rem; padding:1.1rem 0; white-space:nowrap; width:max-content; animation:cetintasMarquee 32s linear infinite; mask-image:none}
.marquee.cetintas-marquee .marquee-track span{font-family:'Fraunces',serif; font-size:1.4rem; color:var(--ink-2); opacity:.75; display:inline-flex; align-items:center}
.marquee.cetintas-marquee .marquee-track i{color:var(--brand); font-size:1.6rem; line-height:1}
.marquee.cetintas-marquee .marquee-logo img{height:36px; width:auto; opacity:.85}
@keyframes cetintasMarquee{from{transform:translateX(0)} to{transform:translateX(-50%)}}

/* IMAGE GRID — sertifika / logo rozetleri (cms-sections.css üzerine yazar) */
.cetintas-image-grid-section .cetintas-image-grid,
.cetintas-text-logos-section .cetintas-image-grid{
  display:grid;
  gap:1rem;
  justify-content:center;
  max-width:640px;
  margin-inline:auto;
}
.cetintas-text-logos-section .cetintas-image-grid{ max-width:none; margin-inline:0; }
.cetintas-image-grid-section .cetintas-image-grid.image-grid--4,
.cetintas-text-logos-section .cetintas-image-grid.image-grid--4{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
.cetintas-image-grid-section .cetintas-image-grid.image-grid--3,
.cetintas-text-logos-section .cetintas-image-grid.image-grid--3{ grid-template-columns:repeat(3, minmax(0, 1fr)); max-width:480px; }
.cetintas-text-logos-section .cetintas-image-grid.image-grid--3{ max-width:none; }
.cetintas-image-grid-section .cetintas-image-grid.image-grid--2,
.cetintas-text-logos-section .cetintas-image-grid.image-grid--2{ grid-template-columns:repeat(2, minmax(0, 1fr)); max-width:320px; }
.cetintas-text-logos-section .cetintas-image-grid.image-grid--2{ max-width:none; }
.cetintas-image-grid-section .image-grid__item,
.cetintas-text-logos-section .image-grid__item{
  aspect-ratio:1;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  text-decoration:none;
  color:inherit;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.cetintas-image-grid-section .image-grid__item:hover,
.cetintas-text-logos-section .image-grid__item:hover{
  border-color:rgba(0,149,68,.35);
  box-shadow:0 12px 24px -16px rgba(0,0,0,.12);
}
.cetintas-image-grid-section .image-grid__media,
.cetintas-text-logos-section .image-grid__media{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1rem;
  min-height:0;
}
.cetintas-image-grid-section .image-grid__media img,
.cetintas-text-logos-section .image-grid__media img{
  width:100%;
  height:100%;
  max-height:72px;
  object-fit:contain;
  object-position:center;
  display:block;
  transition:none;
}
.cetintas-image-grid-section .image-grid__item:hover img,
.cetintas-text-logos-section .image-grid__item:hover img{ transform:none; }
.cetintas-image-grid-section .image-grid__caption,
.cetintas-text-logos-section .image-grid__caption{
  position:static;
  inset:auto;
  padding:.5rem .75rem .75rem;
  background:none;
  color:var(--muted);
  font-size:.72rem;
  font-weight:600;
  text-align:center;
  line-height:1.3;
}
@media (max-width:767px){
  .cetintas-image-grid-section .cetintas-image-grid.image-grid--4,
  .cetintas-image-grid-section .cetintas-image-grid.image-grid--3,
  .cetintas-text-logos-section .cetintas-image-grid.image-grid--4,
  .cetintas-text-logos-section .cetintas-image-grid.image-grid--3{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    max-width:320px;
  }
  .cetintas-text-logos-section .cetintas-image-grid.image-grid--4,
  .cetintas-text-logos-section .cetintas-image-grid.image-grid--3{ max-width:none; }
}

/* ZIGZAG ALTERNATING MEDIA */
.cetintas-alternating-media .zigzag-row{
  padding:clamp(2.5rem,5vw,4rem) 0;
  border-bottom:1px solid var(--line);
}
.cetintas-alternating-media .zigzag-row:last-child{border-bottom:0}
.cetintas-alternating-media .zigzag-row__media{
  border-radius:28px;
  overflow:hidden;
  aspect-ratio:4/3;
  background:linear-gradient(160deg,#c9edd3,#009544);
  box-shadow:0 24px 48px -28px rgba(0,97,44,.35);
}
.cetintas-alternating-media .zigzag-row__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.cetintas-alternating-media .zigzag-row__number{
  font-size:clamp(2.5rem,5vw,3.75rem);
  line-height:1;
  color:var(--brand-deep);
  margin-bottom:1rem;
}
.cetintas-alternating-media .zigzag-row__title{
  font-size:clamp(1rem,2vw,1.15rem);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--ink);
  margin-bottom:1rem;
}
.cetintas-alternating-media .zigzag-row__body{font-size:.98rem; line-height:1.7}
.cetintas-alternating-media .zigzag-row__body p:last-child{margin-bottom:0}

/* FOOTER */
footer{background:var(--ink); color:#b8b1a0; padding:4rem 0 1.5rem}
footer h6{color:#fff; font-family:'Fraunces',serif; font-weight:600; margin-bottom:1rem}
footer a{color:#b8b1a0}
footer a:hover{color:var(--brand-2)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08); padding-top:1.5rem; margin-top:3rem; font-size:.85rem}
.footer-certs{border-top:1px solid rgba(255,255,255,.08); padding-top:2.5rem; margin-top:3rem}
.footer-certs-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem 2rem; align-items:center; justify-items:center}
.footer-certs-item{display:flex; align-items:center; justify-content:center; width:100%; min-height:52px}
.footer-certs-item img{max-height:48px; max-width:100%; width:auto; height:auto; object-fit:contain; filter:grayscale(100%) brightness(1.75); opacity:.85; transition:filter .25s ease,opacity .25s ease}
.footer-certs-item:hover img{filter:grayscale(0%) brightness(1); opacity:1}
.footer-certs-placeholder{font-size:.62rem; font-weight:600; text-align:center; color:rgba(255,255,255,.32); text-transform:uppercase; letter-spacing:.05em; line-height:1.25; padding:.65rem .5rem; border:1px dashed rgba(255,255,255,.12); border-radius:.4rem; width:100%; min-height:48px; display:flex; align-items:center; justify-content:center}
@media (max-width:991.98px){.footer-certs-grid{grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem 1.5rem}}
@media (max-width:767.98px){.footer-certs-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.25rem}.footer-certs-item img{max-height:40px}.footer-certs-placeholder{font-size:.58rem; min-height:40px}}