/* =========================================================
   REM Mühendislik - özel stiller
   Mevcut tema renklerini (style.css :root değişkenleri) kullanır.
   ========================================================= */

/* ---------- Renk birliği: şablondan kalan mavi tonlar marka yeşiline çekildi ---------- */
:root {
    --rem-green: #009107;          /* ana marka yeşili */
    --rem-green-dark: #044c00;     /* koyu yeşil */
    --rem-green-deep: #072b00;     /* en koyu zemin (breadcrumb, CTA) */
    --rem-green-soft: #e6f4e7;     /* açık yeşil zemin */
    --rem-whatsapp: #25D366;

    --tg-heading-font-color: #0f2a17;
    --tg-paragraph-color: #4d5e52;
    --tg-body-font-color: #4d5e52;
    --tg-lavender: var(--rem-green-soft);
    --tg-section-background: #f3f8f3;
    --tg-gray: #f1f6f1;
    --tg-gray-two: #eef6ee;
    --tg-gray-three: #94a698;
    --tg-gray-four: #63766a;
    --tg-border-color: #dfe8e0;
    --tg-metallic-blue: #3d5a45;
    --tg-steel-blue: #b9cfbd;
}

/* Görünümü başlık gibi olan ama başlık etiketi olmayan öğeler (SEO için h -> p) */
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--tg-heading-font-family);
    color: var(--tg-heading-font-color);
    font-weight: var(--tg-heading-font-weight);
    line-height: var(--tg-heading-line-height);
}
.request-content .title.h2 { color: var(--tg-white); margin-bottom: 0; }
.footer-widget .fw-title.h4 { font-size: 22px; margin-bottom: 25px; }
.about-success-wrap .content .count.h2 { margin-bottom: 5px; }
.experience-wrap .title.h2 { color: var(--tg-white); margin-bottom: 0; }

/* Breadcrumb başlıkları özel isim içerdiğinden otomatik büyük harf kullanılmaz */
.breadcrumb-content .title { text-transform: none; }
.breadcrumb-content .breadcrumb-item a { color: var(--tg-white); }
.breadcrumb-content .breadcrumb-item a:hover { color: var(--tg-primary-color); }
.breadcrumb-content .breadcrumb-item + .breadcrumb-item::before { color: rgba(255, 255, 255, .6); }

/* Menü aktif sayfa */
.navigation > li.active > a { color: var(--tg-primary-color) !important; }

/* ---------- Anasayfa banner ---------- */
.banner-content-four h1.sub-title { line-height: 1.5; font-family: var(--tg-body-font-family); }
.banner-content-four .title.h2 { font-size: 60px; font-weight: 800; line-height: 1.1; }
.banner-img-four img { height: auto; }
.banner-btns { display: flex; align-items: center; flex-wrap: wrap; gap: 15px 25px; }
.banner-phone { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: 18px; color: var(--tg-heading-font-color); }
.banner-phone i { width: 46px; height: 46px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--tg-lavender); color: var(--tg-primary-color); font-size: 20px; line-height: 0; }
.banner-phone:hover { color: var(--tg-primary-color); }

:where(img[width][height]) { height: auto; }
.services-thumb-three img, .blog-post-thumb-four img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

/* ---------- Anasayfa SEO içerik bölümü ---------- */
.rem-seo-area { padding: 110px 0 100px; background: var(--tg-section-background); }
.rem-prose { color: var(--tg-paragraph-color); }
.rem-prose p { margin-bottom: 18px; }
.rem-prose h2 { font-size: 30px; margin: 40px 0 18px; scroll-margin-top: 120px; }
.rem-prose h3 { font-size: 22px; margin: 30px 0 14px; }
.rem-prose a { color: var(--tg-primary-color); font-weight: 600; }
.rem-prose a:hover { text-decoration: underline; }
.rem-prose ul.blog-list { list-style: none; padding: 0; margin: 0 0 22px; display: grid; gap: 10px; }
.rem-prose ul.blog-list li { position: relative; padding-left: 30px; }
.rem-prose ul.blog-list li::before {
    content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 11px;
    position: absolute; left: 0; top: 4px; width: 19px; height: 19px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--tg-primary-color); color: var(--tg-white);
}
.rem-scope-card { background: var(--tg-white); border: 1px solid var(--tg-border-color); border-radius: 16px; padding: 40px; box-shadow: 0 20px 50px rgba(4, 76, 0, .07); position: sticky; top: 120px; }
.rem-scope-card .title { font-size: 26px; margin-bottom: 10px; }
.rem-scope-list { list-style: none; padding: 0; margin: 20px 0 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; }
.rem-scope-list a { display: flex; align-items: flex-start; gap: 10px; font-weight: 600; font-size: 15px; color: var(--tg-heading-font-color); }
.rem-scope-list a::before { content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--tg-primary-color); font-size: 12px; margin-top: 4px; }
.rem-scope-list a:hover { color: var(--tg-primary-color); }
.rem-scope-cta { display: flex; align-items: center; flex-wrap: wrap; gap: 15px 20px; }
.rem-scope-cta span { font-weight: 600; font-size: 14px; color: var(--tg-primary-color); }

/* ---------- Hizmet bölgeleri ---------- */
.rem-regions-area { padding: 110px 0 90px; }
.rem-region-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.rem-region-item {
    display: flex; flex-direction: column; gap: 4px; padding: 24px 24px 22px;
    border: 1px solid var(--tg-border-color); border-radius: 12px; background: var(--tg-white);
    transition: all .3s ease-out; position: relative; overflow: hidden;
}
.rem-region-item i { color: var(--tg-primary-color); font-size: 26px; line-height: 1; margin-bottom: 8px; }
.rem-region-item .name { font-family: var(--tg-heading-font-family); font-weight: 700; font-size: 22px; color: var(--tg-heading-font-color); }
.rem-region-item .desc { font-size: 14px; color: var(--tg-paragraph-color); }
.rem-region-item:hover { border-color: var(--tg-primary-color); transform: translateY(-4px); box-shadow: 0 15px 35px rgba(4, 76, 0, .1); }

/* ---------- Blog kartları ---------- */
.rem-blog-card { height: calc(100% - 30px); display: flex; flex-direction: column; margin-bottom: 30px; }
.rem-blog-card .blog-post-content-four { flex: 1; display: flex; flex-direction: column; margin-bottom: 0; }
.rem-blog-card .blog-post-content-four .title { font-size: 21px; line-height: 1.3; }
.rem-blog-card .link-btn { margin-top: auto; }
.rem-blog-excerpt { font-size: 15px; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.blog-meta-two .list-wrap li i.flaticon-location { font-size: 16px; }
.rem-blog-intro { font-size: 18px; margin-bottom: 40px; color: var(--tg-paragraph-color); }

.pagination-wrap .page-link { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; border: 1px solid var(--tg-border-color); color: var(--tg-heading-font-color); font-weight: 700; }
.pagination-wrap .page-item.active .page-link { background: var(--tg-primary-color); border-color: var(--tg-primary-color); color: var(--tg-white); }

/* ---------- Blog detay ---------- */
.rem-article .blog-details-thumb img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.rem-toc { background: var(--tg-section-background); border: 1px solid var(--tg-border-color); border-left: 4px solid var(--tg-primary-color); border-radius: 10px; padding: 22px 28px; margin-bottom: 35px; }
.rem-toc-title { font-family: var(--tg-heading-font-family); font-weight: 700; font-size: 18px; color: var(--tg-heading-font-color); margin-bottom: 12px; }
.rem-toc-title i { color: var(--tg-primary-color); margin-right: 6px; }
.rem-toc ol { margin: 0; padding-left: 20px; columns: 2; column-gap: 30px; }
.rem-toc li { margin-bottom: 6px; break-inside: avoid; font-size: 15px; }
.rem-toc a { color: var(--tg-paragraph-color); }
.rem-toc a:hover { color: var(--tg-primary-color); }

.rem-service-box { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding: 25px 30px; margin: 40px 0; border-radius: 12px; background: var(--rem-green-soft); }
.rem-service-box .icon { width: 56px; height: 56px; border-radius: 50%; background: var(--tg-primary-color); color: var(--tg-white); display: flex; align-items: center; justify-content: center; font-size: 26px; flex: 0 0 auto; }
.rem-service-box .content { flex: 1; min-width: 200px; }
.rem-service-box .content span { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--tg-secondary-color); }
.rem-service-box .content .h5 { margin: 4px 0 0; }
.rem-service-box .content a:hover { color: var(--tg-primary-color); }

.rem-faq-title { font-size: 30px; margin: 50px 0 25px; scroll-margin-top: 120px; }
.rem-faq .accordion-header { margin: 0; }

.rem-article-cta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin: 50px 0 30px; padding: 35px; border-radius: 14px; background: var(--rem-green-deep); }
.rem-article-cta .h4 { color: var(--tg-white); margin-bottom: 6px; }
.rem-article-cta p { color: rgba(255, 255, 255, .8); margin: 0; }
.rem-article-cta-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.rem-article-cta-btns .btn i { margin-right: 8px; }

.rem-share { display: flex; align-items: center; gap: 10px; padding-top: 25px; border-top: 1px solid var(--tg-border-color); }
.rem-share span { font-weight: 700; color: var(--tg-heading-font-color); margin-right: 5px; }
.rem-share a { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--tg-lavender); color: var(--tg-secondary-color); }
.rem-share a:hover { background: var(--tg-primary-color); color: var(--tg-white); }

.rem-related { margin-top: 70px; }
.rem-related .h3 { margin-bottom: 40px; }
.rem-related .rem-blog-card .blog-post-content-four { padding: 35px 22px 25px; }
.rem-related .rem-blog-card .blog-post-content-four .title { font-size: 18px; }
.rem-related .rem-blog-excerpt { display: none; }
.rem-related .blog-meta-two .list-wrap li:nth-child(3) { display: none; }

/* ---------- Kenar çubuğu CTA ---------- */
.rem-cta-widget { background: var(--rem-green-deep); border-color: var(--rem-green-deep); }
.rem-cta-widget .sw-title, .rem-cta-widget .bw-title { color: var(--tg-white); }
.rem-cta-widget p { color: rgba(255, 255, 255, .8); }
.rem-cta-phone { display: flex; align-items: center; gap: 10px; font-family: var(--tg-heading-font-family); font-size: 24px; font-weight: 800; color: var(--tg-white); margin: 15px 0 18px; }
.rem-cta-phone i { color: var(--tg-blue); line-height: 0; }
.rem-cta-phone:hover { color: var(--tg-blue); }
.btn.rem-cta-wa { background: #25D366; color: var(--tg-white); display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; }
.rem-article-cta-btns .btn.rem-cta-wa { width: auto; }
.btn.rem-cta-wa:hover { background: #1ebe5d; color: var(--tg-white); }
.btn.rem-cta-wa::before { display: none; }
.rem-cta-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; font-weight: 600; color: rgba(255, 255, 255, .85); }
.rem-cta-link:hover { color: var(--tg-blue); }
.services-sidebar .rc-post-item .content .title { font-size: 16px; line-height: 1.4; }
.services-sidebar .rc-post-item { margin-bottom: 18px; }
.rc-post-item .content .title a:hover { color: var(--tg-primary-color); }

/* ---------- Belgeler ---------- */
.rem-doc-card .services-thumb-three img { aspect-ratio: 4 / 3; object-fit: contain; background: #f4f7f4; }
.rem-doc-card .services-content-three .title { font-size: 18px; line-height: 1.35; }

/* ---------- Footer bölgeler şeridi ---------- */
.footer-regions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding: 25px 0; border-top: 1px solid rgba(0, 0, 0, .08); }
.footer-regions-title { font-weight: 700; color: #000; display: inline-flex; align-items: center; gap: 6px; }
.footer-regions-title i { color: green; }
.footer-regions .list-wrap { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.footer-regions .list-wrap a { font-size: 14px; color: var(--tg-paragraph-color); }
.footer-regions .list-wrap a:hover { color: var(--tg-primary-color); }

/* ---------- 404 ---------- */
.rem-404-code { font-family: var(--tg-heading-font-family); font-size: 120px; font-weight: 800; line-height: 1; color: var(--tg-primary-color); margin-bottom: 10px; }
.rem-404-btns { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin: 30px 0 50px; }
.rem-404-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.rem-404-links a { display: block; padding: 8px 16px; border-radius: 30px; background: var(--tg-lavender); font-weight: 600; font-size: 14px; }
.rem-404-links a:hover { background: var(--tg-primary-color); color: var(--tg-white); }

/* ---------- WhatsApp sabit buton ---------- */
.whatsapp-float {
    position: fixed; left: 20px; bottom: 20px; width: 60px; height: 60px;
    background: #008a33; color: #fff; border-radius: 50%; font-size: 30px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .25); z-index: 9999;
    display: flex; align-items: center; justify-content: center;
    transition: all .3s ease; animation: rem-pulse 2s infinite;
}
.whatsapp-float:hover { transform: scale(1.1); background: #1ebe5d; color: #fff; }
@keyframes rem-pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, .6); }
    70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* ---------- Duyarlı ---------- */
@media (max-width: 1199.98px) {
    .banner-content-four .title.h2 { font-size: 48px; }
    .rem-region-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 991.98px) {
    .inner-blog-wrap .row .col-71, .inner-blog-wrap .row .col-29,
    .blog-details-wrap .row .col-71, .blog-details-wrap .row .col-29 { width: 100%; }
    .blog-sidebar { margin-top: 60px; }
    .rem-scope-card { position: static; }
    .rem-region-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767.98px) {
    .banner-content-four .title.h2 { font-size: 38px; }
    .rem-seo-area, .rem-regions-area { padding: 80px 0 70px; }
    .rem-scope-card { padding: 28px 22px; }
    .rem-scope-list { grid-template-columns: 1fr; }
    .rem-toc ol { columns: 1; }
    .rem-prose h2, .rem-faq-title { font-size: 25px; }
    .rem-article-cta { padding: 28px 22px; }
    .breadcrumb-content .title { font-size: 30px; }
}
@media (max-width: 575.98px) {
    .rem-region-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .rem-region-item { padding: 18px 16px; }
    .rem-region-item .name { font-size: 18px; }
    .whatsapp-float { width: 54px; height: 54px; font-size: 26px; }
}

/* Uzun metinlerde her kelimenin baş harfinin büyütülmesi okunurluğu bozar; içerik alanlarında normal yazım */
.rem-prose, .rem-prose p, .rem-prose li,
.services-details-content p, .services-details-content li, .services-details-content .accordion-body p,
.rem-blog-excerpt, .rem-blog-intro, .rem-toc li, .rem-faq .accordion-body p, .rem-faq .accordion-button,
.rem-scope-card p, .rem-regions-area p, .services-content-three p, .rem-article-cta p,
.rem-cta-widget p, .blog-area-four .section-title-two p, .rem-404 p,
.banner-content-four p, .section-title-two p { text-transform: none; }
.breadcrumb-content .breadcrumb-item { text-transform: none; }
.rem-lead p:first-child { font-size: 18px; color: var(--tg-heading-font-color); }

/* Şablonun animate.css'ten kullandığı tek animasyon (yapışkan menü) */
@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } }

/* Topraklama ikonu (Font Awesome'da yok) */
.rem-ico-ground { display: inline-flex; align-items: center; justify-content: center; vertical-align: -0.125em; }
.rem-ico-ground::before {
    content: ""; display: block; width: 1em; height: 1em; background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='11' y='1' width='2' height='9'/%3E%3Crect x='3' y='10' width='18' height='2.4' rx='1'/%3E%3Crect x='6.5' y='15' width='11' height='2.4' rx='1'/%3E%3Crect x='9.5' y='20' width='5' height='2.4' rx='1'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='11' y='1' width='2' height='9'/%3E%3Crect x='3' y='10' width='18' height='2.4' rx='1'/%3E%3Crect x='6.5' y='15' width='11' height='2.4' rx='1'/%3E%3Crect x='9.5' y='20' width='5' height='2.4' rx='1'/%3E%3C/svg%3E") center / contain no-repeat;
}
.services-content-three .services-icon i, .features-icon-four i { line-height: 1; }
.services-content-three .services-icon i[class*="fa-"], .services-content-three .services-icon .rem-ico-ground { font-size: 26px; }
.overlay-icon i[class*="fa-"], .overlay-icon .rem-ico-ground { font-size: 90px; }
.features-icon-four i[class*="fa-"] { font-size: 34px; }

/* Footer (eski satır içi "green" renkleri yerine marka yeşili) */
.request-area.rem-request { background: var(--rem-green-dark); }
.footer-info .icon i { color: var(--rem-green) !important; }
.footer-social .list-wrap li a { background: var(--rem-green); }
.footer-social .list-wrap li a:hover { background: var(--rem-green-dark); }
.footer-regions-title i { color: var(--rem-green); }

/* Veritabanındaki hizmet metinlerinde satır içi stilli bilgi kutuları -> ortak tasarım */
.services-details-content .request-area[style] {
    background: var(--rem-green-soft) !important; border-left: 5px solid var(--rem-green);
    border-radius: 12px !important; padding: 22px 26px !important; margin: 10px 0;
}
.services-details-content .request-area[style] .container { padding: 0; }
.services-details-content .request-area[style] .request-shape { display: none; }
.services-details-content .request-area[style] .title[style] { color: var(--rem-green-dark) !important; font-size: 18px !important; line-height: 1.5; }
.services-details-content .request-area[style] .title[style]::before {
    content: "\f05a"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--rem-green); margin-right: 10px;
}

/* ---------- Banner güven satırı ---------- */
.banner-trust { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 30px; }
.banner-trust li { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--tg-heading-font-color); }
.banner-trust i { color: var(--rem-green); }

/* ---------- Belge / yetki şeridi ---------- */
.rem-trust { padding: 10px 0 70px; }
.rem-trust-inner {
    display: flex; align-items: center; gap: 25px 40px; flex-wrap: wrap;
    padding: 26px 32px; border-radius: 16px; background: var(--rem-green-soft); border: 1px solid #cfe6d1;
}
.rem-trust-head { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; }
.rem-trust-head > i { width: 52px; height: 52px; border-radius: 50%; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; }
.rem-trust-head .h5 { margin: 0; }
.rem-trust-head span { font-size: 13px; color: var(--tg-paragraph-color); }
.rem-trust-list { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 25px; min-width: 280px; }
.rem-trust-list li { font-size: 14px; font-weight: 600; color: var(--tg-heading-font-color); display: flex; gap: 8px; line-height: 1.4; }
.rem-trust-list i { color: var(--rem-green); margin-top: 3px; }
.rem-trust-link { font-weight: 700; color: var(--rem-green-dark); display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.rem-trust-link:hover { color: var(--rem-green); }

/* ---------- Rakamlar ---------- */
.rem-stats { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 70px; border: 1px solid var(--tg-border-color); border-radius: 16px; background: #fff; overflow: hidden; }
.rem-stat { padding: 32px 20px; text-align: center; border-right: 1px solid var(--tg-border-color); }
.rem-stat:last-child { border-right: 0; }
.rem-stat-num { font-family: var(--tg-heading-font-family); font-weight: 800; font-size: 46px; line-height: 1; color: var(--rem-green); margin-bottom: 8px; }
.rem-stat-label { margin: 0; font-weight: 600; color: var(--tg-heading-font-color); text-transform: none; }

/* ---------- Süreç ---------- */
.rem-process-area { padding: 110px 0 100px; background: var(--tg-section-background); }
.rem-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; counter-reset: none; position: relative; }
.rem-step { position: relative; background: #fff; border: 1px solid var(--tg-border-color); border-radius: 16px; padding: 34px 26px 28px; transition: all .3s ease-out; }
.rem-step:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(4, 76, 0, .1); border-color: var(--rem-green); }
.rem-step-no { position: absolute; top: 18px; right: 22px; font-family: var(--tg-heading-font-family); font-weight: 800; font-size: 40px; line-height: 1; color: var(--rem-green-soft); }
.rem-step-icon { width: 60px; height: 60px; border-radius: 14px; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 22px; }
.rem-step .h5 { margin-bottom: 10px; }
.rem-step p { margin: 0; font-size: 15px; text-transform: none; }
.rem-step:not(:last-child)::after {
    content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px;
    position: absolute; right: -18px; top: 52px; width: 24px; height: 24px; border-radius: 50%;
    background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; z-index: 2;
}

/* ---------- Referans logoları (kayan şerit) ---------- */
.rem-refs { padding: 60px 0; border-top: 1px solid var(--tg-border-color); border-bottom: 1px solid var(--tg-border-color); }
.rem-refs-title { text-align: center; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: 13px; color: var(--tg-gray-four); margin-bottom: 30px; }
.rem-marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.rem-marquee-track { display: flex; width: max-content; animation: rem-marquee 40s linear infinite; }
.rem-marquee:hover .rem-marquee-track { animation-play-state: paused; }
.rem-ref-logo { flex: 0 0 auto; padding: 0 40px; display: flex; align-items: center; }
.rem-ref-logo img { height: 60px; width: auto; max-width: 170px; object-fit: contain; filter: grayscale(1); opacity: .7; transition: all .3s; }
.rem-ref-logo img:hover { filter: none; opacity: 1; }
@keyframes rem-marquee { to { transform: translateX(-50%); } }

/* ---------- Saha fotoğrafları ve örnek rapor ---------- */
.rem-field-area { padding: 110px 0 90px; }
.rem-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; height: 100%; }
.rem-gallery--wide { grid-template-columns: repeat(4, 1fr); }
.rem-gallery-item { display: block; border-radius: 12px; overflow: hidden; aspect-ratio: 4 / 3; }
.rem-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.rem-gallery-item:hover img { transform: scale(1.06); }
.rem-report-card { height: 100%; border: 1px solid var(--tg-border-color); border-radius: 16px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.rem-report-img { display: block; background: var(--tg-section-background); padding: 20px 20px 0; }
.rem-report-img img { width: 100%; max-height: 300px; object-fit: cover; object-position: top; border-radius: 8px 8px 0 0; box-shadow: 0 -5px 25px rgba(0, 0, 0, .08); }
.rem-report-body { padding: 22px 24px; }
.rem-report-body p:last-child { margin: 0; text-transform: none; font-size: 15px; }

/* ---------- Müşteri yorumları ---------- */
.rem-reviews-area { padding: 110px 0 100px; background: var(--tg-section-background); }
.rem-reviews { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.rem-review { margin: 0; background: #fff; border: 1px solid var(--tg-border-color); border-radius: 16px; padding: 30px; display: flex; flex-direction: column; }
.rem-review-stars { color: #FFB930; margin-bottom: 14px; }
.rem-review blockquote { margin: 0 0 20px; flex: 1; }
.rem-review blockquote p { text-transform: none; font-size: 16px; color: var(--tg-heading-font-color); }
.rem-review figcaption strong { display: block; color: var(--tg-heading-font-color); }
.rem-review figcaption span { font-size: 14px; color: var(--tg-gray-four); }

/* ---------- CTA bandı ---------- */
.rem-cta-band { padding: 0 0 110px; }
.rem-cta-band-inner {
    position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap;
    padding: 50px 55px; border-radius: 20px;
    background: radial-gradient(circle at 90% 10%, rgba(0, 220, 22, .25), transparent 45%), var(--rem-green-deep);
}
.rem-cta-band-text { max-width: 640px; }
.rem-cta-band-tag { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #8ff28f; margin-bottom: 10px; }
.rem-cta-band .h3 { color: #fff; font-size: 34px; margin-bottom: 10px; }
.rem-cta-band p { color: rgba(255, 255, 255, .8); margin: 0; text-transform: none; }
.rem-cta-band-btns { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.rem-cta-band-phone { color: #fff; font-family: var(--tg-heading-font-family); font-weight: 800; font-size: 22px; display: inline-flex; align-items: center; gap: 10px; }
.rem-cta-band-phone:hover { color: #8ff28f; }

/* ---------- İletişim formu ---------- */
.rem-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
#teklif select { width: 100%; height: 55px; padding: 0 16px; border: 1px solid var(--tg-border-color); border-radius: 6px; background: #fff; color: var(--tg-paragraph-color); }
.rem-form-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rem-form-btns .submit-btn { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.rem-form-btns .rem-wa-submit { background: var(--rem-whatsapp); }
.rem-form-btns .rem-wa-submit:hover { background: #1ebe5d; }
.rem-form-note { margin: 14px 0 0; font-size: 13px; opacity: .85; text-transform: none; }
.rem-form-alert { display: flex; gap: 10px; align-items: flex-start; padding: 14px 18px; border-radius: 10px; margin-bottom: 20px; font-weight: 600; font-size: 15px; }
.rem-form-alert--ok { background: var(--rem-green-soft); color: var(--rem-green-dark); }
.rem-form-alert--err { background: #fdecec; color: #a21d1d; }
.rem-form-alert i { margin-top: 3px; }
.contact-map { position: relative; }
.rem-map-link { position: absolute; left: 20px; bottom: 20px; background: #fff; padding: 10px 16px; border-radius: 30px; font-weight: 700; font-size: 14px; color: var(--rem-green-dark); box-shadow: 0 6px 20px rgba(0, 0, 0, .15); }
.rem-map-link:hover { background: var(--rem-green); color: #fff; }

/* ---------- Mobil hızlı iletişim çubuğu ---------- */
.rem-mobile-bar { display: none; }
@media (max-width: 767.98px) {
    .rem-mobile-bar {
        display: grid; grid-template-columns: repeat(3, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 9998;
        background: #fff; border-top: 1px solid var(--tg-border-color); box-shadow: 0 -6px 20px rgba(0, 0, 0, .08);
        padding-bottom: env(safe-area-inset-bottom);
    }
    .rem-mobile-bar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 9px 4px; font-size: 12px; font-weight: 700; color: var(--tg-heading-font-color); }
    .rem-mobile-bar a i { font-size: 19px; }
    .rem-mobile-bar .rem-mb-call { background: var(--rem-green); color: #fff; }
    .rem-mobile-bar .rem-mb-wa i { color: var(--rem-whatsapp); }
    .rem-mobile-bar .rem-mb-quote i { color: var(--rem-green); }
    body { padding-bottom: 64px; }
    .whatsapp-float { display: none; }
    .scroll-top { bottom: 80px !important; }
}

/* ---------- Duyarlı: yeni bölümler ---------- */
@media (max-width: 1199.98px) {
    .rem-process { grid-template-columns: repeat(2, 1fr); }
    .rem-step:nth-child(2)::after { display: none; }
}
@media (max-width: 991.98px) {
    .rem-stats { grid-template-columns: repeat(2, 1fr); }
    .rem-stat:nth-child(2) { border-right: 0; }
    .rem-stat:nth-child(-n+2) { border-bottom: 1px solid var(--tg-border-color); }
    .rem-gallery, .rem-gallery--wide { grid-template-columns: repeat(2, 1fr); }
    .rem-cta-band-inner { padding: 40px 30px; }
    .rem-trust-list { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
    .rem-process { grid-template-columns: 1fr; }
    .rem-step::after { display: none !important; }
    .rem-stat-num { font-size: 36px; }
    .rem-process-area, .rem-reviews-area, .rem-field-area { padding: 80px 0 70px; }
    .rem-cta-band { padding-bottom: 80px; }
    .rem-cta-band .h3 { font-size: 26px; }
    .rem-form-btns { grid-template-columns: 1fr; }
    .rem-trust-inner { padding: 22px; }
}

/* Banner zemini: şablonun mavimsi deseni yerine yumuşak yeşil geçiş */
.banner-bg-four { background-image: radial-gradient(circle at 85% 30%, rgba(0, 145, 7, .10), transparent 55%), linear-gradient(180deg, #eef7ee 0%, #f8fbf8 100%) !important; }
.banner-content-four { padding-bottom: 50px; }
.banner-trust li { white-space: nowrap; }
.rem-trust-inner { display: grid; grid-template-columns: auto 1fr auto; align-items: center; }
.rem-trust-list { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.rem-trust-list li { background: #fff; border: 1px solid #cfe6d1; border-radius: 30px; padding: 6px 14px; font-size: 13px; white-space: nowrap; align-items: center; }
.rem-trust-list i { margin-top: 0; }
@media (max-width: 991.98px) {
    .rem-trust-inner { grid-template-columns: 1fr; }
    .rem-trust-list li { white-space: normal; }
}
.rem-form-btns .submit-btn, .rem-mobile-bar a, .rem-cta-band .btn { text-transform: none; }
#teklif { scroll-margin-top: 130px; }

/* =========================================================
   Footer
   ========================================================= */
.request-area.rem-request { background: linear-gradient(120deg, var(--rem-green) 0%, #037a09 60%, var(--rem-green-dark) 100%); }

.rem-footer {
    position: relative; overflow: hidden; color: rgba(255, 255, 255, .72);
    background:
        radial-gradient(circle at 100% 0%, rgba(0, 145, 7, .22), transparent 40%),
        radial-gradient(circle at 0% 100%, rgba(0, 145, 7, .12), transparent 35%),
        var(--rem-green-deep);
}
.rem-footer .container { position: relative; }
.rem-footer a { color: rgba(255, 255, 255, .78); transition: color .2s, transform .2s, background .2s; }
.rem-footer a:hover { color: #fff; }

.rem-footer-main { display: grid; grid-template-columns: 1.35fr .8fr 1.3fr 1.15fr; gap: 50px; padding: 90px 0 60px; }
.rem-footer-logo img { width: 170px; height: auto; margin-bottom: 22px; }
.rem-footer-brand p { color: rgba(255, 255, 255, .72); font-size: 15px; text-transform: none; margin-bottom: 20px; }
.rem-footer-badges { display: flex; flex-direction: column; gap: 8px; margin-bottom: 26px; }
.rem-footer-badges li { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: #fff; }
.rem-footer-badges i { width: 28px; height: 28px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: rgba(0, 145, 7, .3); color: #8ff28f; font-size: 13px; }
.rem-footer-social { display: flex; gap: 10px; }
.rem-footer-social a { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .18); color: #fff; font-size: 16px; }
.rem-footer-social a:hover { background: var(--rem-green); border-color: var(--rem-green); transform: translateY(-3px); }

.rem-footer-title { font-family: var(--tg-heading-font-family); font-weight: 700; font-size: 19px; color: #fff; margin-bottom: 24px; padding-bottom: 12px; position: relative; text-transform: none; }
.rem-footer-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 32px; height: 3px; border-radius: 3px; background: var(--rem-green); }
.rem-footer-col ul { display: flex; flex-direction: column; gap: 11px; }
.rem-footer-col ul a { font-size: 15px; display: inline-flex; align-items: center; gap: 8px; }
.rem-footer-col ul a::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--rem-green); opacity: .7; transition: all .2s; }
.rem-footer-col ul a:hover { transform: translateX(4px); }
.rem-footer-col ul a:hover::before { opacity: 1; box-shadow: 0 0 0 3px rgba(0, 145, 7, .3); }
.rem-footer-services ul { display: grid; grid-template-columns: 1fr 1fr; gap: 11px 18px; }
.rem-footer-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-weight: 700; font-size: 14px; color: #8ff28f !important; }
.rem-footer-more:hover { gap: 12px; }

.rem-footer-contact ul { gap: 16px; }
.rem-footer-contact li { display: flex; gap: 14px; align-items: flex-start; font-size: 15px; line-height: 1.5; }
.rem-footer-contact li > i { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .07); color: #8ff28f; font-size: 14px; }
.rem-footer-contact li a::before { display: none; }
.rem-footer-contact li a:hover { transform: none; }
.rem-footer-contact li span { color: rgba(255, 255, 255, .78); padding-top: 6px; }
.rem-footer-contact li a { padding-top: 6px; }
.rem-footer-contact small { color: rgba(255, 255, 255, .5); font-size: 12px; }
.rem-footer-btn { margin-top: 24px; }

.rem-footer-regions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 18px; padding: 22px 0; border-top: 1px solid rgba(255, 255, 255, .1); }
.rem-footer-regions-title { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; color: #fff; }
.rem-footer-regions-title i { color: #8ff28f; }
.rem-footer-regions ul { display: flex; flex-wrap: wrap; gap: 8px; }
.rem-footer-regions ul a { display: block; padding: 5px 14px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, .14); font-size: 13px; font-weight: 600; }
.rem-footer-regions ul a:hover { background: var(--rem-green); border-color: var(--rem-green); }

.rem-footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 20px; padding: 22px 0 26px; border-top: 1px solid rgba(255, 255, 255, .1); }
.rem-footer-bottom p { margin: 0; font-size: 14px; color: rgba(255, 255, 255, .55); text-transform: none; }
.rem-footer-bottom ul { display: flex; gap: 22px; }
.rem-footer-bottom ul a { font-size: 14px; color: rgba(255, 255, 255, .55); }
.rem-footer-bottom ul a:hover { color: #fff; }

@media (max-width: 1199.98px) {
    .rem-footer-main { grid-template-columns: 1fr 1fr; gap: 45px 40px; }
}
@media (max-width: 575.98px) {
    .rem-footer-main { grid-template-columns: 1fr; padding: 70px 0 45px; gap: 40px; }
    .rem-footer-bottom { flex-direction: column; align-items: flex-start; }
}

/* =========================================================
   Header
   ========================================================= */
.rem-header { position: sticky; top: -42px; z-index: 999; }
.navigation > li.active > a { color: inherit !important; } /* eski şablon kuralını etkisizleştir */

/* Üst bilgi çubuğu */
.rem-topbar { height: 42px; background: var(--rem-green-deep); color: rgba(255, 255, 255, .78); font-size: 13px; }
.rem-topbar .container { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.rem-topbar-info { display: flex; gap: 26px; }
.rem-topbar-info li { display: inline-flex; align-items: center; gap: 8px; }
.rem-topbar-info i { color: #8ff28f; font-size: 12px; }
.rem-topbar a { color: rgba(255, 255, 255, .85); }
.rem-topbar a:hover { color: #fff; }
.rem-topbar-right { display: flex; align-items: center; gap: 18px; }
.rem-topbar-badge { display: inline-flex; align-items: center; gap: 7px; padding: 3px 12px; border-radius: 30px; background: rgba(0, 145, 7, .3); color: #fff; font-weight: 600; font-size: 12px; }
.rem-topbar-badge i { color: #8ff28f; }
.rem-topbar-social { display: flex; gap: 6px; padding-left: 18px; border-left: 1px solid rgba(255, 255, 255, .15); }
.rem-topbar-social a { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.rem-topbar-social a:hover { background: var(--rem-green); }

/* Ana menü çubuğu */
.rem-navbar { background: rgba(255, 255, 255, .97); border-bottom: 1px solid var(--tg-border-color); transition: box-shadow .3s, background .3s; }
@supports (backdrop-filter: blur(10px)) { .rem-navbar { background: rgba(255, 255, 255, .88); backdrop-filter: saturate(180%) blur(12px); -webkit-backdrop-filter: saturate(180%) blur(12px); } }
.rem-scrolled .rem-navbar { box-shadow: 0 10px 30px rgba(7, 43, 0, .08); }
.rem-navbar > .container { display: flex; align-items: center; gap: 30px; height: 88px; transition: height .3s; }
.rem-scrolled .rem-navbar > .container { height: 72px; }
.rem-logo { flex: 0 0 auto; display: block; }
.rem-header .rem-logo img { height: 58px; width: auto; transition: height .3s; }
.rem-scrolled .rem-header .rem-navbar .rem-logo img { height: 48px; }

.rem-nav { margin-left: auto; height: 100%; }
.rem-nav > ul { display: flex; height: 100%; gap: 4px; }
.rem-nav > ul > li { position: relative; display: flex; align-items: center; }
.rem-nav > ul > li > a {
    position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px;
    font-family: var(--tg-heading-font-family); font-weight: 700; font-size: 16px; color: var(--tg-heading-font-color); border-radius: 8px;
}
.rem-nav > ul > li > a i { font-size: 10px; transition: transform .25s; opacity: .6; }
.rem-nav > ul > li > a::after {
    content: ""; position: absolute; left: 14px; right: 14px; bottom: 2px; height: 2px; border-radius: 2px;
    background: var(--rem-green); transform: scaleX(0); transform-origin: left; transition: transform .25s;
}
.rem-nav > ul > li:hover > a, .rem-nav > ul > li.is-active > a { color: var(--rem-green); }
.rem-nav > ul > li:hover > a::after, .rem-nav > ul > li.is-active > a::after { transform: scaleX(1); }
.rem-nav > ul > li:hover > a i { transform: rotate(180deg); }

/* Açılır menüler */
.rem-drop, .rem-mega {
    position: absolute; top: 100%; left: 0; z-index: 10; background: #fff; border-radius: 14px;
    border: 1px solid var(--tg-border-color); box-shadow: 0 25px 60px rgba(7, 43, 0, .14);
    opacity: 0; visibility: hidden; transform: translateY(10px); transition: all .22s ease-out;
}
.rem-has-drop:hover > .rem-drop, .rem-has-drop:focus-within > .rem-drop,
.rem-has-drop:hover > .rem-mega, .rem-has-drop:focus-within > .rem-mega { opacity: 1; visibility: visible; transform: none; }
.rem-has-drop.is-closed > .rem-drop, .rem-has-drop.is-closed > .rem-mega { opacity: 0; visibility: hidden; }
.rem-drop { width: 290px; padding: 10px; }
.rem-drop a, .rem-mega-list a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; color: var(--tg-heading-font-color); transition: background .2s, color .2s; }
.rem-drop a > i, .rem-mega-list a > i {
    flex: 0 0 38px; width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center;
    background: var(--rem-green-soft); color: var(--rem-green); font-size: 16px; transition: all .2s;
}
.rem-drop strong { display: block; font-size: 15px; }
.rem-drop small { display: block; font-size: 12px; color: var(--tg-gray-four); font-weight: 500; }
.rem-drop a:hover, .rem-mega-list a:hover, .rem-mega-list a.is-current { background: var(--tg-section-background); color: var(--rem-green); }
.rem-drop a:hover > i, .rem-mega-list a:hover > i, .rem-mega-list a.is-current > i { background: var(--rem-green); color: #fff; }

.rem-has-mega { position: static !important; }
.rem-nav { position: relative; }
.rem-mega { left: 50%; transform: translate(-50%, 10px); width: min(960px, calc(100vw - 40px)); display: grid; grid-template-columns: 1fr 270px; gap: 10px; padding: 14px; }
.rem-has-drop:hover > .rem-mega, .rem-has-drop:focus-within > .rem-mega { transform: translate(-50%, 0); }
.rem-mega-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px 6px; align-content: start; }
.rem-mega-list a { font-weight: 600; font-size: 14px; padding: 8px 10px; }
.rem-mega-list a > i { flex-basis: 34px; width: 34px; height: 34px; font-size: 14px; }
.rem-mega-card { border-radius: 12px; padding: 26px 24px; color: rgba(255, 255, 255, .8); background: radial-gradient(circle at 100% 0%, rgba(0, 220, 22, .25), transparent 50%), var(--rem-green-deep); display: flex; flex-direction: column; align-items: flex-start; }
.rem-mega-card-title { font-family: var(--tg-heading-font-family); font-weight: 800; font-size: 20px; line-height: 1.25; color: #fff; margin-bottom: 10px; }
.rem-mega-card p { color: rgba(255, 255, 255, .78); font-size: 14px; text-transform: none; margin-bottom: 18px; }
.rem-mega-phone { margin-top: 16px; color: #fff; font-weight: 800; font-family: var(--tg-heading-font-family); font-size: 18px; display: inline-flex; gap: 8px; align-items: center; }
.rem-mega-phone i { color: #8ff28f; }
.rem-mega-all { margin-top: auto; padding-top: 16px; font-size: 13px; font-weight: 700; color: #8ff28f; display: inline-flex; gap: 6px; align-items: center; }
.rem-mega-all:hover, .rem-mega-phone:hover { color: #fff; }

/* Sağ aksiyonlar */
.rem-nav-actions { display: flex; align-items: center; gap: 18px; flex: 0 0 auto; }
.rem-nav-phone { display: flex; align-items: center; gap: 10px; color: var(--tg-heading-font-color); }
.rem-nav-phone-icon { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--rem-green-soft); color: var(--rem-green); font-size: 16px; position: relative; }
.rem-nav-phone-icon::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--rem-green); opacity: 0; animation: rem-ring 2.4s infinite; }
@keyframes rem-ring { 0% { opacity: .5; transform: scale(.85); } 70%, 100% { opacity: 0; transform: scale(1.25); } }
.rem-nav-phone-text { display: flex; flex-direction: column; line-height: 1.2; }
.rem-nav-phone-text small { font-size: 12px; color: var(--tg-gray-four); font-weight: 600; }
.rem-nav-phone-text strong { font-family: var(--tg-heading-font-family); font-size: 17px; font-weight: 800; }
.rem-nav-phone:hover strong { color: var(--rem-green); }
.rem-nav-cta { padding: 15px 26px; }

.rem-burger { display: none; width: 46px; height: 46px; border: 0; border-radius: 12px; background: var(--rem-green-soft); flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
.rem-burger span { width: 20px; height: 2px; border-radius: 2px; background: var(--rem-green-dark); transition: all .2s; }
.rem-burger span:nth-child(2) { width: 14px; margin-left: 6px; }
.rem-burger:hover span:nth-child(2) { width: 20px; margin-left: 0; }

/* Mobil çekmece */
.rem-drawer {
    position: fixed; top: 0; right: 0; bottom: 0; z-index: 10001; width: min(360px, 88vw); background: #fff;
    display: flex; flex-direction: column; transform: translateX(105%); transition: transform .35s cubic-bezier(.2, .8, .2, 1);
    box-shadow: -20px 0 60px rgba(0, 0, 0, .2);
}
.rem-drawer-backdrop { position: fixed; inset: 0; z-index: 10000; background: rgba(7, 43, 0, .55); opacity: 0; visibility: hidden; transition: all .3s; }
.rem-drawer-open .rem-drawer { transform: none; }
.rem-drawer-open .rem-drawer-backdrop { opacity: 1; visibility: visible; }
.rem-drawer-open { overflow: hidden; }
.rem-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--tg-border-color); }
.rem-header .rem-drawer-head .rem-logo img { height: 46px; }
.rem-drawer-close { width: 42px; height: 42px; border: 0; border-radius: 50%; background: var(--rem-green-soft); color: var(--rem-green-dark); font-size: 18px; }
.rem-drawer-nav { flex: 1; overflow-y: auto; padding: 10px 20px; }
.rem-drawer-nav > ul > li { border-bottom: 1px solid var(--tg-border-color); }
.rem-drawer-nav > ul > li > a, .rem-acc > button {
    width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 15px 4px; border: 0; background: none;
    font-family: var(--tg-heading-font-family); font-weight: 700; font-size: 17px; color: var(--tg-heading-font-color); text-align: left;
}
.rem-drawer-nav > ul > li.is-active > a, .rem-acc.is-active > button { color: var(--rem-green); }
.rem-acc > button i { font-size: 12px; transition: transform .25s; }
.rem-acc.is-open > button i { transform: rotate(180deg); }
.rem-acc > ul { display: none; padding: 0 0 12px; }
.rem-acc > ul a { display: flex; align-items: center; gap: 10px; padding: 8px 6px; font-size: 15px; font-weight: 600; color: var(--tg-paragraph-color); border-radius: 8px; }
.rem-acc > ul a i { width: 18px; text-align: center; color: var(--rem-green); font-size: 14px; }
.rem-acc > ul a:hover { background: var(--tg-section-background); color: var(--rem-green); }
.rem-drawer-all { color: var(--rem-green) !important; font-weight: 700 !important; }
.rem-drawer-foot { padding: 18px 20px calc(18px + env(safe-area-inset-bottom)); border-top: 1px solid var(--tg-border-color); display: grid; gap: 10px; background: var(--tg-section-background); }
.rem-drawer-foot .btn { width: 100%; justify-content: center; text-transform: none; }
.rem-drawer-foot .btn i { margin-right: 6px; }
.rem-drawer-foot .btn::before, .rem-drawer-foot .btn::after { display: none; }
.rem-drawer-foot p { margin: 4px 0 0; font-size: 12px; text-align: center; text-transform: none; }
.rem-drawer-foot p i { color: var(--rem-green); }

@media (max-width: 1399.98px) {
    .rem-nav > ul > li > a { padding: 10px 11px; font-size: 15px; }
    .rem-navbar > .container { gap: 20px; }
}
@media (max-width: 1199.98px) {
    .rem-nav-phone-text { display: none; }
}
@media (max-width: 991.98px) {
    .rem-header { top: 0; }
    .rem-topbar, .rem-nav { display: none; }
    .rem-navbar > .container { height: 72px; }
    .rem-nav-actions { margin-left: auto; gap: 12px; }
    .rem-burger { display: flex; }
    .rem-header .rem-logo img { height: 48px; }
}
@media (max-width: 575.98px) {
    .rem-nav-cta, .rem-nav-phone { display: none; }
    .rem-navbar > .container, .rem-scrolled .rem-navbar > .container { height: 64px; }
    .rem-header .rem-logo img, .rem-scrolled .rem-header .rem-navbar .rem-logo img { height: 42px; }
}
.rem-drawer-open .rem-mobile-bar, .rem-drawer-open .whatsapp-float, .rem-drawer-open .scroll-top { display: none !important; }

/* =========================================================
   Hizmet detay sayfası
   ========================================================= */
.rem-svc-hero { position: relative; z-index: 1; padding: 70px 0 90px; background-size: cover; background-position: center; color: rgba(255, 255, 255, .82); overflow: hidden; }
.rem-svc-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(7, 43, 0, .97) 0%, rgba(7, 43, 0, .93) 55%, rgba(4, 76, 0, .85) 100%); }
.rem-crumbs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 26px; font-size: 13px; font-weight: 600; }
.rem-crumbs li { display: inline-flex; align-items: center; gap: 6px; color: #8ff28f; }
.rem-crumbs li + li::before { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 8px; color: rgba(255, 255, 255, .4); }
.rem-crumbs a { color: rgba(255, 255, 255, .7); }
.rem-crumbs a:hover { color: #fff; }
.rem-svc-tag { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 30px; background: rgba(0, 145, 7, .3); border: 1px solid rgba(143, 242, 143, .25); color: #fff; font-size: 13px; font-weight: 700; margin-bottom: 18px; }
.rem-svc-tag i { color: #8ff28f; }
.rem-svc-title { color: #fff; font-size: 48px; font-weight: 800; line-height: 1.12; margin-bottom: 18px; }
.rem-svc-title span { color: #8ff28f; }
.rem-svc-lead { color: rgba(255, 255, 255, .8); font-size: 17px; text-transform: none; max-width: 620px; margin-bottom: 28px; }
.rem-svc-btns { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 18px; }
.rem-svc-btns .btn.rem-cta-wa { width: auto; }
.rem-svc-phone { color: #fff; font-family: var(--tg-heading-font-family); font-weight: 800; font-size: 19px; display: inline-flex; align-items: center; gap: 8px; }
.rem-svc-phone i { color: #8ff28f; font-size: 15px; }
.rem-svc-phone:hover { color: #8ff28f; }
.rem-svc-checks { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 30px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .12); }
.rem-svc-checks li { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #fff; }
.rem-svc-checks i { width: 20px; height: 20px; border-radius: 50%; background: var(--rem-green); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; }
.rem-svc-visual { position: relative; }
.rem-svc-visual > img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px; box-shadow: 0 30px 60px rgba(0, 0, 0, .35); border: 6px solid rgba(255, 255, 255, .08); }
.rem-svc-badge { position: absolute; left: -22px; bottom: 26px; display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: #fff; border-radius: 14px; box-shadow: 0 18px 40px rgba(0, 0, 0, .25); }
.rem-svc-badge > i { width: 42px; height: 42px; border-radius: 12px; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.rem-svc-badge span { font-size: 12px; color: var(--tg-gray-four); line-height: 1.35; }
.rem-svc-badge strong { display: block; font-size: 15px; color: var(--tg-heading-font-color); }

.rem-svc-body { padding: 90px 0 100px; }

/* Veritabanından gelen içerik tipografisi */
.rem-svc-content { color: var(--tg-paragraph-color); }
.rem-svc-content > h2.title:first-child { font-size: 30px; line-height: 1.3; margin-bottom: 22px; padding-left: 18px; border-left: 4px solid var(--rem-green); text-transform: none; }
.rem-svc-content p { font-size: 16.5px; line-height: 1.75; margin-bottom: 18px; }
.rem-svc-content .sd-inner-wrap { margin: 34px 0; padding: 30px 32px; border-radius: 16px; background: var(--tg-section-background); border: 1px solid var(--tg-border-color); }
.rem-svc-content .sd-inner-wrap .row { margin: 0; }
.rem-svc-content .sd-inner-wrap .col { padding: 0; }
.rem-svc-content .title-two { font-size: 24px; margin-bottom: 14px; text-transform: none; }
.rem-svc-content .sd-inner-wrap .list-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; margin-top: 18px; }
.rem-svc-content .sd-inner-wrap .list-wrap li { display: flex; align-items: flex-start; gap: 10px; font-weight: 600; font-size: 15px; color: var(--tg-heading-font-color); line-height: 1.45; }
.rem-svc-content .sd-inner-wrap .list-wrap li img { display: none; }
.rem-svc-content .sd-inner-wrap .list-wrap li::before {
    content: "\f00c"; flex: 0 0 22px; height: 22px; border-radius: 50%; background: var(--rem-green); color: #fff;
    font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 10px; display: flex; align-items: center; justify-content: center; margin-top: 1px;
}
.rem-svc-content .company-benefit-wrap { margin-top: 34px; }
.rem-svc-content .company-benefit-wrap > .title-two { position: relative; padding-left: 18px; border-left: 4px solid var(--rem-green); }
.rem-svc-content .accordion-wrap-three { margin-top: 10px; }
.rem-svc-content .accordion-wrap-three::before { content: "Sık Sorulan Sorular"; display: block; font-family: var(--tg-heading-font-family); font-weight: 700; font-size: 24px; color: var(--tg-heading-font-color); margin-bottom: 18px; }
.rem-svc-content .accordion-item { border: 1px solid var(--tg-border-color) !important; border-radius: 12px !important; overflow: hidden; margin-bottom: 12px; }
.rem-svc-content .accordion-button { font-weight: 700; font-size: 16px; text-transform: none; }
.rem-svc-content .accordion-header { margin: 0; }
.rem-svc-content br { display: none; }

.rem-svc-inline-cta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 40px; padding: 26px 28px; border-radius: 16px; border: 1px dashed var(--rem-green); background: var(--rem-green-soft); }
.rem-svc-inline-cta .icon { width: 56px; height: 56px; border-radius: 14px; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; flex: 0 0 auto; }
.rem-svc-inline-cta .text { flex: 1; min-width: 220px; }
.rem-svc-inline-cta .text .h5 { margin-bottom: 4px; }
.rem-svc-inline-cta .text p:last-child { margin: 0; font-size: 15px; text-transform: none; }

/* Kenar çubuğu */
.rem-svc-sidebar { position: sticky; top: 100px; display: grid; gap: 24px; }
.rem-svc-sidebar .services-widget { margin: 0; }
.rem-svc-nav { border: 1px solid var(--tg-border-color); border-radius: 16px; padding: 22px 16px 16px; background: #fff; }
.rem-svc-nav-title { font-family: var(--tg-heading-font-family); font-weight: 700; font-size: 18px; color: var(--tg-heading-font-color); padding: 0 8px 12px; margin-bottom: 8px; border-bottom: 1px solid var(--tg-border-color); }
.rem-svc-nav ul { max-height: 430px; overflow-y: auto; scrollbar-width: thin; }
.rem-svc-nav a { display: flex; align-items: center; gap: 12px; padding: 9px 8px; border-radius: 10px; font-weight: 600; font-size: 14.5px; color: var(--tg-heading-font-color); }
.rem-svc-nav a > i:first-child { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 9px; background: var(--rem-green-soft); color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 13px; }
.rem-svc-nav a span { flex: 1; }
.rem-svc-nav a > i:last-child { font-size: 10px; opacity: 0; transform: translateX(-4px); transition: all .2s; color: var(--rem-green); }
.rem-svc-nav a:hover { background: var(--tg-section-background); color: var(--rem-green); }
.rem-svc-nav a:hover > i:last-child { opacity: 1; transform: none; }
.rem-svc-nav a.is-current { background: var(--rem-green); color: #fff; }
.rem-svc-nav a.is-current > i:first-child { background: rgba(255, 255, 255, .18); color: #fff; }
.rem-svc-nav a.is-current > i:last-child { opacity: 1; transform: none; color: #fff; }
.rem-svc-trust { display: flex; gap: 14px; padding: 22px; border-radius: 16px; background: var(--tg-section-background); border: 1px solid var(--tg-border-color); }
.rem-svc-trust > i { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 12px; background: #fff; color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 20px; border: 1px solid var(--tg-border-color); }
.rem-svc-trust .h6 { margin-bottom: 2px; }
.rem-svc-trust p { margin: 0 0 6px; font-size: 13px; text-transform: none; }
.rem-svc-trust a { font-size: 13px; font-weight: 700; color: var(--rem-green); }

/* Alt bölümler */
.rem-svc-section { padding: 100px 0 70px; }
.rem-svc-related { background: var(--tg-section-background); padding-bottom: 80px; margin-bottom: 100px; }
.rem-svc-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 40px; }
.rem-svc-section-head .h3 { margin: 6px 0 0; font-size: 34px; }
.rem-eyebrow { display: inline-block; font-weight: 700; font-size: 13px; letter-spacing: .08em; color: var(--rem-green); background: var(--rem-green-soft); padding: 4px 13px; border-radius: 30px; }
.rem-svc-mini { display: block; height: calc(100% - 24px); margin-bottom: 24px; border-radius: 16px; overflow: hidden; background: #fff; border: 1px solid var(--tg-border-color); transition: all .3s; }
.rem-svc-mini .img { display: block; overflow: hidden; }
.rem-svc-mini img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .5s; }
.rem-svc-mini .body { display: block; position: relative; padding: 34px 22px 22px; }
.rem-svc-mini .body > i { position: absolute; top: -24px; left: 22px; width: 48px; height: 48px; border-radius: 12px; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 19px; box-shadow: 0 10px 20px rgba(0, 145, 7, .3); }
.rem-svc-mini strong { display: block; font-family: var(--tg-heading-font-family); font-size: 19px; color: var(--tg-heading-font-color); margin-bottom: 8px; }
.rem-svc-mini small { font-size: 13px; font-weight: 700; color: var(--rem-green); display: inline-flex; gap: 6px; align-items: center; }
.rem-svc-mini:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(7, 43, 0, .12); border-color: var(--rem-green); }
.rem-svc-mini:hover img { transform: scale(1.06); }

/* Hizmetler listesi: filtre */
.rem-svc-list { padding: 100px 0 80px; }
.rem-svc-filter { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 45px; }
.rem-svc-filter button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 30px; border: 1px solid var(--tg-border-color); background: #fff; font-weight: 700; font-size: 14px; color: var(--tg-heading-font-color); transition: all .2s; }
.rem-svc-filter button i { color: var(--rem-green); }
.rem-svc-filter button span { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: var(--rem-green-soft); color: var(--rem-green-dark); font-size: 12px; display: inline-flex; align-items: center; justify-content: center; }
.rem-svc-filter button:hover { border-color: var(--rem-green); }
.rem-svc-filter button.is-active { background: var(--rem-green); border-color: var(--rem-green); color: #fff; }
.rem-svc-filter button.is-active i { color: #fff; }
.rem-svc-filter button.is-active span { background: rgba(255, 255, 255, .2); color: #fff; }
.rem-svc-grid [hidden] { display: none !important; }
.rem-svc-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 14px; font-weight: 700; color: var(--rem-green); position: relative; z-index: 2; }
.rem-svc-more:hover { gap: 10px; color: var(--rem-green-dark); }

@media (max-width: 1199.98px) {
    .rem-svc-title { font-size: 40px; }
}
@media (max-width: 991.98px) {
    .rem-svc-hero { padding: 50px 0 70px; }
    .rem-svc-badge { left: 16px; }
    .rem-svc-sidebar { position: static; }
    .rem-svc-nav ul { max-height: none; }
}
@media (max-width: 767.98px) {
    .rem-svc-title { font-size: 31px; }
    .rem-svc-lead { font-size: 16px; }
    .rem-svc-body { padding: 60px 0 70px; }
    .rem-svc-content > h2.title:first-child { font-size: 24px; }
    .rem-svc-content .sd-inner-wrap { padding: 22px 20px; }
    .rem-svc-content .sd-inner-wrap .list-wrap { grid-template-columns: 1fr; }
    .rem-svc-section { padding: 70px 0 50px; }
    .rem-svc-related { margin-bottom: 80px; }
    .rem-svc-section-head .h3 { font-size: 26px; }
    .rem-svc-list { padding: 70px 0 60px; }
    .rem-svc-filter { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; margin: 0 -15px 35px; padding: 0 15px 6px; }
    .rem-svc-filter button { flex: 0 0 auto; }
}
.services-details-content .request-area[style] .title, .rem-svc-content li, .rem-svc-content .accordion-body p { text-transform: none !important; }
@media (max-width: 1199.98px) { .rem-svc-content .sd-inner-wrap .list-wrap { grid-template-columns: 1fr; } }

/* =========================================================
   Blog
   ========================================================= */
/* Kart */
.rem-post { height: calc(100% - 30px); margin-bottom: 30px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--tg-border-color); border-radius: 16px; overflow: hidden; transition: all .3s; }
.rem-post:hover { transform: translateY(-5px); box-shadow: 0 22px 45px rgba(7, 43, 0, .11); border-color: #cfe6d1; }
.rem-post-img { position: relative; display: block; overflow: hidden; }
.rem-post-img img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .6s; }
.rem-post:hover .rem-post-img img { transform: scale(1.06); }
.rem-post-cat { position: absolute; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 30px; background: rgba(255, 255, 255, .95); color: var(--rem-green-dark); font-size: 12px; font-weight: 700; box-shadow: 0 6px 16px rgba(0, 0, 0, .12); }
.rem-post-cat i { color: var(--rem-green); }
.rem-post-cat--static { position: static; box-shadow: none; background: var(--rem-green-soft); margin-bottom: 14px; }
.rem-post-body { flex: 1; display: flex; flex-direction: column; padding: 22px 24px 24px; }
.rem-post-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 12px; }
.rem-post-meta li { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--tg-gray-four); }
.rem-post-meta i { color: var(--rem-green); font-size: 12px; }
.rem-post-title { font-size: 20px; line-height: 1.35; margin-bottom: 10px; text-transform: none; }
.rem-post-title a { color: var(--tg-heading-font-color); background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat; transition: background-size .3s, color .2s; }
.rem-post:hover .rem-post-title a { color: var(--rem-green); background-size: 100% 2px; }
.rem-post-excerpt { font-size: 15px; line-height: 1.6; margin-bottom: 18px; text-transform: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.rem-post-more { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; color: var(--rem-green); }
.rem-post-more i { transition: transform .2s; }
.rem-post:hover .rem-post-more i { transform: translateX(4px); }

/* Liste hero */
.rem-blog-hero { position: relative; z-index: 1; padding: 60px 0 70px; color: rgba(255, 255, 255, .8); background: radial-gradient(circle at 90% 10%, rgba(0, 220, 22, .18), transparent 45%), var(--rem-green-deep); overflow: hidden; }
.rem-blog-hero-title { color: #fff; font-size: 46px; font-weight: 800; line-height: 1.12; margin-bottom: 14px; }
.rem-blog-hero-lead { color: rgba(255, 255, 255, .78); font-size: 17px; margin: 0; text-transform: none; max-width: 620px; }
.rem-blog-search { position: relative; display: flex; align-items: center; background: #fff; border-radius: 50px; padding: 6px; box-shadow: 0 20px 40px rgba(0, 0, 0, .25); }
.rem-blog-search > i { position: absolute; left: 22px; color: var(--tg-gray-four); }
.rem-blog-search input { flex: 1; min-width: 0; border: 0; background: none; padding: 12px 12px 12px 48px; font-size: 15px; color: var(--tg-heading-font-color); outline: none; }
.rem-blog-search button { border: 0; border-radius: 40px; padding: 12px 24px; background: var(--rem-green); color: #fff; font-weight: 700; transition: background .2s; }
.rem-blog-search button:hover { background: var(--rem-green-dark); }
.rem-blog-stats { display: flex; gap: 24px; margin-top: 18px; padding-left: 10px; }
.rem-blog-stats li { font-size: 14px; color: rgba(255, 255, 255, .7); }
.rem-blog-stats strong { color: #fff; font-family: var(--tg-heading-font-family); font-size: 20px; margin-right: 4px; }

/* Liste gövdesi */
.rem-blog-list { padding: 50px 0 80px; }
.rem-blog-filters { display: grid; gap: 12px; margin-bottom: 40px; padding-bottom: 28px; border-bottom: 1px solid var(--tg-border-color); }
.rem-chip-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rem-chip-label { font-weight: 700; font-size: 13px; color: var(--tg-gray-four); min-width: 52px; }
.rem-chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 30px; border: 1px solid var(--tg-border-color); background: #fff; font-size: 13.5px; font-weight: 600; color: var(--tg-heading-font-color); transition: all .2s; }
.rem-chip span { font-size: 11px; font-weight: 700; padding: 1px 7px; border-radius: 10px; background: var(--rem-green-soft); color: var(--rem-green-dark); }
.rem-chip i { color: var(--rem-green); font-size: 11px; }
.rem-chip:hover { border-color: var(--rem-green); color: var(--rem-green); }
.rem-chip.is-active { background: var(--rem-green); border-color: var(--rem-green); color: #fff; }
.rem-chip.is-active span { background: rgba(255, 255, 255, .2); color: #fff; }
.rem-chip.is-active i { color: #fff; }
.rem-blog-result { margin-bottom: 26px; font-size: 16px; text-transform: none; }

.rem-featured { display: grid; grid-template-columns: 1.15fr 1fr; margin-bottom: 50px; border-radius: 20px; overflow: hidden; background: #fff; border: 1px solid var(--tg-border-color); box-shadow: 0 25px 50px rgba(7, 43, 0, .07); }
.rem-featured-img { position: relative; display: block; overflow: hidden; min-height: 320px; }
.rem-featured .rem-featured-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.rem-featured:hover .rem-featured-img img { transform: scale(1.04); }
.rem-featured-flag { position: absolute; top: 18px; left: 18px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 13px; border-radius: 30px; background: var(--rem-green); color: #fff; font-size: 12px; font-weight: 700; }
.rem-featured-body { padding: 40px 42px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.rem-featured-title { font-size: 30px; line-height: 1.25; margin-bottom: 14px; text-transform: none; }
.rem-featured-title a:hover { color: var(--rem-green); }
.rem-featured-body > p { text-transform: none; margin-bottom: 18px; }
.rem-featured-body .rem-post-meta { margin-bottom: 24px; }

.rem-pager { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.rem-pager a { min-width: 46px; height: 46px; padding: 0 14px; border-radius: 23px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--tg-border-color); font-weight: 700; color: var(--tg-heading-font-color); background: #fff; }
.rem-pager a:hover { border-color: var(--rem-green); color: var(--rem-green); }
.rem-pager a.is-active { background: var(--rem-green); border-color: var(--rem-green); color: #fff; }

/* Detay */
.rem-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 10002; background: transparent; pointer-events: none; }
.rem-progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--rem-green), #00dc16); box-shadow: 0 0 10px rgba(0, 220, 22, .5); }
.rem-article-hero { position: relative; z-index: 1; padding: 55px 0 150px; background: radial-gradient(circle at 85% 0%, rgba(0, 220, 22, .18), transparent 45%), var(--rem-green-deep); overflow: hidden; }
.rem-article-title { color: #fff; font-size: 46px; font-weight: 800; line-height: 1.15; margin-bottom: 24px; max-width: 900px; text-transform: none; }
.rem-article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 26px; }
.rem-article-meta li { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, .78); }
.rem-article-meta li i { color: #8ff28f; }
.rem-article-meta a { color: rgba(255, 255, 255, .85); display: inline-flex; align-items: center; gap: 8px; }
.rem-article-meta a:hover { color: #fff; }
.rem-article-author .avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--rem-green); display: inline-flex; align-items: center; justify-content: center; color: #fff !important; }
.rem-article-author .avatar i { color: #fff !important; }
.rem-article-author strong { display: block; color: #fff; font-size: 14px; line-height: 1.2; }
.rem-article-author small { display: block; font-size: 12px; color: rgba(255, 255, 255, .6); }

.rem-article-wrap { padding-bottom: 90px; }
.rem-article-wrap { position: relative; z-index: 2; }
.rem-article-cover { margin: -110px 0 40px; }
.rem-article-cover img { width: 100%; aspect-ratio: 16 / 8.5; object-fit: cover; border-radius: 20px; box-shadow: 0 30px 60px rgba(7, 43, 0, .22); border: 6px solid #fff; }
.rem-article .rem-prose { font-size: 17.5px; line-height: 1.8; }
.rem-article .rem-prose p { margin-bottom: 20px; }
.rem-article .rem-prose h2 { font-size: 30px; margin: 50px 0 18px; padding-top: 6px; }
.rem-article .rem-prose h2::before { content: ""; display: block; width: 40px; height: 4px; border-radius: 4px; background: var(--rem-green); margin-bottom: 16px; }
.rem-article .rem-prose h3 { font-size: 22px; margin: 32px 0 12px; }
.rem-article .rem-prose ul.blog-list { background: var(--tg-section-background); border-radius: 14px; padding: 22px 24px; gap: 12px; }
.rem-article .rem-lead p:first-child { font-size: 20px; line-height: 1.65; color: var(--tg-heading-font-color); font-weight: 500; }

.rem-article-side { position: sticky; top: 100px; display: grid; gap: 24px; margin-top: -110px; }
.rem-article-side .services-widget { margin: 0; }
.rem-toc--side { background: #fff; border: 1px solid var(--tg-border-color); border-left: 1px solid var(--tg-border-color); box-shadow: 0 20px 45px rgba(7, 43, 0, .08); padding: 24px 22px; margin: 0; }
.rem-toc--side ol { columns: 1; list-style: none; padding: 0; counter-reset: toc; max-height: 52vh; overflow-y: auto; scrollbar-width: thin; }
.rem-toc--side li { counter-increment: toc; margin: 0; }
.rem-toc--side a { display: flex; gap: 10px; padding: 7px 10px; border-radius: 8px; font-size: 14px; line-height: 1.4; color: var(--tg-paragraph-color); border-left: 2px solid transparent; }
.rem-toc--side a::before { content: counter(toc, decimal-leading-zero); font-weight: 700; font-size: 12px; color: var(--tg-gray-three); padding-top: 1px; }
.rem-toc--side a:hover { background: var(--tg-section-background); color: var(--rem-green); }
.rem-toc--side a.is-active { background: var(--rem-green-soft); color: var(--rem-green-dark); font-weight: 700; border-left-color: var(--rem-green); }
.rem-toc--side a.is-active::before { color: var(--rem-green); }
.rem-toc--inline { display: none; }

.rem-author-box { display: flex; gap: 20px; align-items: flex-start; margin: 10px 0 30px; padding: 28px; border-radius: 16px; background: var(--tg-section-background); border: 1px solid var(--tg-border-color); }
.rem-author-box .avatar { width: 64px; height: 64px; flex: 0 0 64px; border-radius: 50%; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 26px; }
.rem-author-box .h5 { margin-bottom: 6px; }
.rem-author-box p { font-size: 15px; margin-bottom: 8px; text-transform: none; }
.rem-author-box a { font-weight: 700; font-size: 14px; color: var(--rem-green); }
.rem-share { flex-wrap: wrap; }
.rem-copy { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 30px; border: 1px solid var(--tg-border-color); background: #fff; font-weight: 700; font-size: 13px; color: var(--tg-heading-font-color); transition: all .2s; }
.rem-copy:hover { border-color: var(--rem-green); color: var(--rem-green); }
.rem-copy.is-done { background: var(--rem-green); border-color: var(--rem-green); color: #fff; }

@media (max-width: 991.98px) {
    .rem-featured { grid-template-columns: 1fr; }
    .rem-featured-img { min-height: 240px; }
    .rem-featured-body { padding: 30px 26px; }
    .rem-article-side { position: static; margin-top: 0; }
    .rem-toc--side { display: none; }
    .rem-toc--inline { display: block; }
    .rem-article-hero { padding-bottom: 120px; }
    .rem-article-cover { margin-top: -90px; }
}
@media (max-width: 767.98px) {
    .rem-blog-hero-title, .rem-article-title { font-size: 31px; }
    .rem-featured-title { font-size: 24px; }
    .rem-article .rem-prose { font-size: 16.5px; }
    .rem-article .rem-prose h2 { font-size: 25px; }
    .rem-article .rem-lead p:first-child { font-size: 18px; }
    .rem-article-meta { gap: 10px 18px; }
    .rem-article-meta li { font-size: 13px; }
    .rem-chip-row { flex-wrap: nowrap; overflow-x: auto; margin: 0 -15px; padding: 0 15px 4px; }
    .rem-chip { flex: 0 0 auto; }
    .rem-copy { margin-left: 0; }
    .rem-author-box { flex-direction: column; }
}
/* Şablonun main.fix { overflow:hidden } kuralı sticky öğeleri bozar; yatay taşmayı "clip" ile engelle */
main.fix { overflow: visible; overflow-x: clip; }

/* =========================================================
   İletişim sayfası
   ========================================================= */
.rem-contact-hero { position: relative; z-index: 1; padding: 55px 0 130px; color: rgba(255, 255, 255, .8); background: radial-gradient(circle at 90% 10%, rgba(0, 220, 22, .18), transparent 45%), var(--rem-green-deep); overflow: hidden; }
.rem-contact-title { color: #fff; font-size: 46px; font-weight: 800; line-height: 1.12; margin-bottom: 14px; }
.rem-contact-title span { color: #8ff28f; }
.rem-contact-lead { color: rgba(255, 255, 255, .78); font-size: 17px; margin: 0; text-transform: none; max-width: 600px; }
.rem-open-status { display: flex; align-items: center; gap: 14px; padding: 18px 22px; border-radius: 16px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12); }
.rem-open-status .dot { width: 14px; height: 14px; flex: 0 0 14px; border-radius: 50%; background: #c9c9c9; position: relative; }
.rem-open-status.is-open .dot { background: #2ee86b; box-shadow: 0 0 0 0 rgba(46, 232, 107, .6); animation: rem-dot 1.8s infinite; }
.rem-open-status.is-closed .dot { background: #ffb930; }
@keyframes rem-dot { 70% { box-shadow: 0 0 0 10px rgba(46, 232, 107, 0); } 100% { box-shadow: 0 0 0 0 rgba(46, 232, 107, 0); } }
.rem-open-status strong { display: block; color: #fff; font-size: 16px; }
.rem-open-status small { color: rgba(255, 255, 255, .7); font-size: 13px; }

/* Hızlı iletişim kartları */
.rem-quick { position: relative; z-index: 2; margin-top: -80px; }
.rem-quick-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.rem-quick-item { display: flex; flex-direction: column; gap: 4px; padding: 26px 24px; border-radius: 18px; background: #fff; border: 1px solid var(--tg-border-color); box-shadow: 0 25px 50px rgba(7, 43, 0, .1); transition: all .3s; min-width: 0; }
.rem-quick-item .icon { width: 52px; height: 52px; border-radius: 14px; background: var(--rem-green-soft); color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 21px; margin-bottom: 14px; transition: all .3s; }
.rem-quick-item .label { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--tg-gray-four); }
.rem-quick-item strong { font-family: var(--tg-heading-font-family); font-size: 19px; color: var(--tg-heading-font-color); overflow-wrap: anywhere; }
.rem-quick-item small { margin-top: 6px; font-size: 13px; font-weight: 600; color: var(--rem-green); display: inline-flex; align-items: center; gap: 6px; }
.rem-quick-item:hover { transform: translateY(-6px); border-color: var(--rem-green); }
.rem-quick-item:hover .icon { background: var(--rem-green); color: #fff; }
.rem-quick-item--wa .icon { background: #e3f9eb; color: #1ebe5d; }
.rem-quick-item--wa:hover { border-color: var(--rem-whatsapp); }
.rem-quick-item--wa:hover .icon { background: var(--rem-whatsapp); }
.rem-quick-item--wa small { color: #1a9e4f; }

/* Form */
.rem-contact-main { padding: 80px 0 100px; }
.rem-form-card { padding: 40px; border-radius: 20px; background: #fff; border: 1px solid var(--tg-border-color); box-shadow: 0 25px 60px rgba(7, 43, 0, .07); scroll-margin-top: 110px; }
.rem-form-head { margin-bottom: 26px; }
.rem-form-head .h3 { font-size: 30px; margin: 12px 0 8px; }
.rem-form-head p { margin: 0; text-transform: none; font-size: 15px; }
.req { color: #d64545; font-weight: 700; }
.rem-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 18px; }
.rem-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.rem-field--full { grid-column: 1 / -1; }
.rem-field label { font-weight: 700; font-size: 14px; color: var(--tg-heading-font-color); margin: 0; }
.rem-input { position: relative; }
.rem-input > i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--tg-gray-three); font-size: 14px; pointer-events: none; transition: color .2s; }
.rem-form input, .rem-form select, .rem-form textarea {
    width: 100%; height: 52px; padding: 0 16px 0 44px; border: 1.5px solid var(--tg-border-color); border-radius: 12px;
    background: var(--tg-section-background); font-size: 15px; color: var(--tg-heading-font-color); transition: all .2s; outline: none; font-family: inherit;
}
.rem-form textarea { height: auto; min-height: 130px; padding: 14px 16px; resize: vertical; }
.rem-form select { -webkit-appearance: none; appearance: none; cursor: pointer; }
.rem-input--select::after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 11px; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: var(--tg-gray-four); pointer-events: none; }
.rem-form input:focus, .rem-form select:focus, .rem-form textarea:focus { border-color: var(--rem-green); background: #fff; box-shadow: 0 0 0 4px rgba(0, 145, 7, .1); }
.rem-input:focus-within > i { color: var(--rem-green); }
.rem-form input::placeholder, .rem-form textarea::placeholder { color: #9aa79d; }
.rem-form .rem-form-btns { margin-top: 6px; }
.rem-form .submit-btn { height: 54px; border-radius: 12px; border: 0; font-weight: 700; font-size: 16px; color: #fff; background: var(--rem-green); transition: all .2s; }
.rem-form .submit-btn:hover { background: var(--rem-green-dark); }
.rem-form .rem-wa-submit { background: var(--rem-whatsapp); }
.rem-form .rem-wa-submit:hover { background: #1ebe5d; }
.rem-form .rem-form-note { margin: 0; }

/* Yan sütun */
.rem-contact-side { display: grid; gap: 22px; position: sticky; top: 100px; }
.rem-next { padding: 30px; border-radius: 20px; color: rgba(255, 255, 255, .78); background: radial-gradient(circle at 100% 0%, rgba(0, 220, 22, .22), transparent 50%), var(--rem-green-deep); }
.rem-next-title { font-family: var(--tg-heading-font-family); font-weight: 800; font-size: 21px; color: #fff; margin-bottom: 20px; }
.rem-next ol { display: grid; gap: 18px; }
.rem-next li { display: flex; gap: 14px; position: relative; }
.rem-next li:not(:last-child)::after { content: ""; position: absolute; left: 16px; top: 38px; bottom: -14px; width: 2px; background: rgba(143, 242, 143, .25); }
.rem-next li > span { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; background: var(--rem-green); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.rem-next strong { display: block; color: #fff; font-size: 16px; margin-bottom: 2px; }
.rem-next p { margin: 0; font-size: 14px; color: rgba(255, 255, 255, .72); text-transform: none; }
.rem-hours, .rem-areas { padding: 26px; border-radius: 18px; background: #fff; border: 1px solid var(--tg-border-color); }
.rem-side-title { font-family: var(--tg-heading-font-family); font-weight: 700; font-size: 18px; color: var(--tg-heading-font-color); margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }
.rem-side-title i { color: var(--rem-green); }
.rem-hours li { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px dashed var(--tg-border-color); font-size: 15px; }
.rem-hours li strong { color: var(--tg-heading-font-color); }
.rem-hours li.is-closed strong { color: #c0392b; }
.rem-hours-note { margin: 14px 0 0; font-size: 13px; text-transform: none; }
.rem-hours-note i { color: var(--rem-green); }
.rem-areas > p:not(.rem-side-title) { font-size: 14px; text-transform: none; }
.rem-areas ul { display: flex; flex-wrap: wrap; gap: 8px; }
.rem-areas li { padding: 5px 12px; border-radius: 30px; background: var(--rem-green-soft); color: var(--rem-green-dark); font-size: 13px; font-weight: 700; }

/* SSS */
.rem-contact-faq { padding: 90px 0; background: var(--tg-section-background); }
.rem-contact-faq .h3 { font-size: 34px; margin-top: 14px; }
.rem-contact-faq p { text-transform: none; }
.rem-svc-phone--dark { color: var(--tg-heading-font-color); margin-top: 10px; }
.rem-svc-phone--dark i { color: var(--rem-green); }
.rem-svc-phone--dark:hover { color: var(--rem-green); }
.rem-contact-faq .accordion-item { border: 1px solid var(--tg-border-color) !important; border-radius: 14px !important; overflow: hidden; margin-bottom: 12px; background: #fff; }
.rem-contact-faq .accordion-button { font-weight: 700; text-transform: none; }

/* Harita */
.rem-map { position: relative; }
.rem-map iframe { display: block; width: 100%; height: 480px; border: 0; filter: grayscale(.35) contrast(1.05); }
.rem-map .container { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); pointer-events: none; }
.rem-map-card { pointer-events: auto; width: 300px; padding: 28px; border-radius: 18px; background: #fff; box-shadow: 0 25px 50px rgba(0, 0, 0, .18); }
.rem-map-card img { height: 46px; width: auto; margin-bottom: 16px; }
.rem-map-card p { margin-bottom: 8px; font-size: 15px; text-transform: none; display: flex; align-items: center; gap: 10px; }
.rem-map-card p i { color: var(--rem-green); width: 16px; }
.rem-map-card .btn { margin-top: 10px; }

@media (max-width: 1199.98px) {
    .rem-quick-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 991.98px) {
    .rem-contact-side { position: static; }
}
@media (max-width: 767.98px) {
    .rem-contact-title { font-size: 31px; }
    .rem-contact-hero { padding-bottom: 110px; }
    .rem-quick-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .rem-quick-item { padding: 18px 16px; }
    .rem-quick-item strong { font-size: 15px; }
    .rem-quick-item small { display: none; }
    .rem-form-card { padding: 26px 20px; }
    .rem-form { grid-template-columns: 1fr; }
    .rem-contact-main { padding: 50px 0 70px; }
    .rem-contact-faq { padding: 70px 0; }
    .rem-contact-faq .h3 { font-size: 26px; }
    .rem-map iframe { height: 340px; }
    .rem-map .container { position: static; transform: none; margin-top: -60px; }
    .rem-map-card { width: 100%; }
}
#teklif .rem-form select { padding: 0 40px 0 44px; height: 52px; border: 1.5px solid var(--tg-border-color); border-radius: 12px; background: var(--tg-section-background); }
#teklif .rem-form select:focus { border-color: var(--rem-green); background: #fff; }
.rem-next .rem-next-title { font-size: 21px; color: #fff; }
@media (min-width: 768px) { .rem-map .container { display: flex; justify-content: flex-end; } }
@media (max-width: 575.98px) {
    .rem-quick-grid { grid-template-columns: 1fr; gap: 10px; }
    .rem-quick-item { display: grid; grid-template-columns: 48px 1fr; column-gap: 14px; row-gap: 0; align-items: center; padding: 14px 16px; }
    .rem-quick-item .icon { grid-row: span 2; width: 48px; height: 48px; margin: 0; font-size: 18px; }
    .rem-quick-item strong { font-size: 16px; overflow-wrap: normal; }
}

/* =========================================================
   Hakkımızda
   ========================================================= */
.rem-about-hero { position: relative; z-index: 1; padding: 55px 0 80px; color: rgba(255, 255, 255, .8); background: radial-gradient(circle at 90% 10%, rgba(0, 220, 22, .18), transparent 45%), var(--rem-green-deep); overflow: hidden; }
.rem-about-hero-btns { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; justify-content: flex-end; }
.rem-crumbs li:not(:has(a)):not([aria-current]) { color: rgba(255, 255, 255, .7); }

.rem-about-story { padding: 110px 0 100px; }
.rem-about-visual { position: relative; padding: 0 30px 40px 0; }
.rem-about-visual > img { width: 100%; aspect-ratio: 4 / 4.4; object-fit: cover; border-radius: 22px; box-shadow: 0 30px 60px rgba(7, 43, 0, .18); }
.rem-about-visual::before { content: ""; position: absolute; right: 0; bottom: 0; width: 70%; height: 70%; border-radius: 22px; background: var(--rem-green-soft); z-index: -1; }
.rem-about-exp { position: absolute; top: 28px; right: 0; padding: 20px 22px; border-radius: 18px; background: var(--rem-green); color: #fff; display: flex; align-items: center; gap: 12px; box-shadow: 0 18px 40px rgba(0, 145, 7, .35); }
.rem-about-exp strong { font-family: var(--tg-heading-font-family); font-size: 44px; font-weight: 800; line-height: 1; }
.rem-about-exp span { font-size: 14px; font-weight: 600; line-height: 1.3; }
.rem-about-cert { position: absolute; left: -20px; bottom: 60px; display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: #fff; border-radius: 14px; box-shadow: 0 18px 40px rgba(0, 0, 0, .14); }
.rem-about-cert > i { width: 42px; height: 42px; border-radius: 12px; background: var(--rem-green-soft); color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 18px; }
.rem-about-cert span { font-size: 12px; color: var(--tg-gray-four); line-height: 1.35; }
.rem-about-cert strong { display: block; font-size: 15px; color: var(--tg-heading-font-color); }
.rem-about-h2 { font-size: 42px; font-weight: 800; line-height: 1.15; margin: 16px 0 22px; }
.rem-about-h2 span { color: var(--rem-green); }
.rem-about-story .rem-prose p { font-size: 17px; line-height: 1.8; }
.rem-about-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; margin: 6px 0 30px; }
.rem-about-checks li { display: flex; align-items: center; gap: 10px; font-weight: 700; color: var(--tg-heading-font-color); }
.rem-about-checks i { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; background: var(--rem-green); color: #fff; font-size: 11px; display: flex; align-items: center; justify-content: center; }
.rem-about-sign { display: flex; align-items: center; gap: 16px; padding-top: 24px; border-top: 1px solid var(--tg-border-color); }
.rem-about-sign img { height: 46px; width: auto; }
.rem-about-sign strong { display: block; color: var(--tg-heading-font-color); }
.rem-about-sign span { font-size: 14px; color: var(--tg-gray-four); }

.rem-values { padding: 100px 0; background: var(--tg-section-background); }
.rem-values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.rem-value { padding: 32px 28px; border-radius: 18px; background: #fff; border: 1px solid var(--tg-border-color); transition: all .3s; position: relative; overflow: hidden; }
.rem-value::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: var(--rem-green); transform: scaleX(0); transform-origin: left; transition: transform .35s; }
.rem-value:hover { transform: translateY(-5px); box-shadow: 0 20px 45px rgba(7, 43, 0, .1); }
.rem-value:hover::after { transform: scaleX(1); }
.rem-value > i { width: 58px; height: 58px; border-radius: 16px; background: var(--rem-green-soft); color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 23px; margin-bottom: 20px; transition: all .3s; }
.rem-value:hover > i { background: var(--rem-green); color: #fff; }
.rem-value .h5 { margin-bottom: 10px; }
.rem-value p { margin: 0; font-size: 15px; text-transform: none; }

.rem-about-certs { padding: 100px 0 80px; }
.rem-cert-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.rem-cert { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; border: 1px solid var(--tg-border-color); background: #fff; transition: all .3s; }
.rem-cert .img { display: block; background: #f4f7f4; padding: 16px; }
.rem-cert .img img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; transition: transform .4s; }
.rem-cert .body { display: block; padding: 18px 20px 20px; border-top: 1px solid var(--tg-border-color); }
.rem-cert small { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--rem-green); margin-bottom: 6px; }
.rem-cert strong { display: block; font-size: 15.5px; line-height: 1.4; color: var(--tg-heading-font-color); }
.rem-cert:hover { transform: translateY(-5px); box-shadow: 0 20px 45px rgba(7, 43, 0, .1); border-color: var(--rem-green); }
.rem-cert:hover .img img { transform: scale(1.04); }

.rem-about-fields { padding: 20px 0 100px; }
.rem-fields-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.rem-field-card { padding: 26px 22px; border-radius: 18px; background: #fff; border: 1px solid var(--tg-border-color); }
.rem-field-card .head { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; margin-bottom: 12px; border-bottom: 1px solid var(--tg-border-color); }
.rem-field-card .head > i { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 12px; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.rem-field-card .head .h5 { margin: 0; font-size: 17px; line-height: 1.3; }
.rem-field-card a { display: flex; align-items: center; gap: 10px; padding: 7px 6px; border-radius: 8px; font-size: 14.5px; font-weight: 600; color: var(--tg-paragraph-color); }
.rem-field-card a i { width: 18px; text-align: center; color: var(--rem-green); font-size: 13px; }
.rem-field-card a:hover { background: var(--tg-section-background); color: var(--rem-green); }
.rem-about-cta-space { height: 100px; }

@media (max-width: 1199.98px) {
    .rem-fields-grid { grid-template-columns: repeat(2, 1fr); }
    .rem-about-h2 { font-size: 36px; }
}
@media (max-width: 991.98px) {
    .rem-about-hero-btns { justify-content: flex-start; }
    .rem-values-grid, .rem-cert-grid { grid-template-columns: repeat(2, 1fr); }
    .rem-about-visual { max-width: 480px; margin: 0 auto; }
    .rem-about-cert { left: 0; }
}
@media (max-width: 575.98px) {
    .rem-about-story, .rem-values, .rem-about-fields { padding: 70px 0; }
    .rem-about-certs { padding: 70px 0 50px; }
    .rem-values-grid, .rem-cert-grid, .rem-fields-grid, .rem-about-checks { grid-template-columns: 1fr; }
    .rem-about-h2 { font-size: 29px; }
    .rem-about-exp strong { font-size: 34px; }
    .rem-about-cta-space { height: 70px; }
}

/* =========================================================
   Belgeler
   ========================================================= */
.rem-certs-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.rem-certs-stats li { padding: 18px 16px; border-radius: 16px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12); }
.rem-certs-stats strong { display: block; font-family: var(--tg-heading-font-family); font-size: 36px; font-weight: 800; line-height: 1; color: #8ff28f; margin-bottom: 6px; }
.rem-certs-stats span { font-size: 13px; font-weight: 600; color: rgba(255, 255, 255, .8); line-height: 1.35; display: block; }
.rem-certs-stats small { color: rgba(255, 255, 255, .55); font-size: 12px; }

.rem-certs-page { padding: 70px 0 100px; }
.rem-certs-filter { margin-bottom: 40px; }
.rem-certs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.rem-certificate { display: flex; flex-direction: column; border-radius: 18px; overflow: hidden; background: #fff; border: 1px solid var(--tg-border-color); transition: all .3s; }
.rem-certificate[hidden] { display: none; }
.rem-certificate:hover { transform: translateY(-6px); box-shadow: 0 25px 50px rgba(7, 43, 0, .12); border-color: #cfe6d1; }
.rem-certificate-img { position: relative; display: block; padding: 22px; background: linear-gradient(135deg, #f4f8f4, #e9f3ea); overflow: hidden; }
.rem-certificate-img img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; filter: drop-shadow(0 12px 20px rgba(0, 0, 0, .15)); transition: transform .4s; }
.rem-certificate:hover .rem-certificate-img img { transform: scale(1.04) rotate(-.5deg); }
.rem-certificate-img .zoom { position: absolute; right: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; border-radius: 30px; background: var(--rem-green-deep); color: #fff; font-size: 12px; font-weight: 700; opacity: 0; transform: translateY(6px); transition: all .25s; }
.rem-certificate:hover .zoom { opacity: 1; transform: none; }
.rem-certificate-body { flex: 1; display: flex; flex-direction: column; padding: 22px 24px 24px; }
.rem-certificate .tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.rem-certificate .tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 20px; font-size: 12px; font-weight: 700; }
.rem-certificate .tag--emo { background: var(--rem-green-soft); color: var(--rem-green-dark); }
.rem-certificate .tag--mmo { background: #eef1f6; color: #3b4a63; }
.rem-certificate .tag--type { background: #fff6e0; color: #8a5a00; }
.rem-certificate-title { font-size: 18px; line-height: 1.4; margin-bottom: 10px; text-transform: none; }
.rem-certificate-org { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; color: var(--tg-gray-four); margin-bottom: 16px; text-transform: none; }
.rem-certificate-org i { color: var(--rem-green); margin-top: 3px; }
.rem-certificate-link { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; padding-top: 14px; border-top: 1px dashed var(--tg-border-color); font-size: 14px; font-weight: 700; color: var(--rem-green); }
.rem-certificate-link:hover { color: var(--rem-green-dark); }

.rem-certs-note { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 50px; padding: 30px 34px; border-radius: 18px; background: var(--rem-green-soft); border: 1px solid #cfe6d1; }
.rem-certs-note .icon { width: 60px; height: 60px; flex: 0 0 60px; border-radius: 16px; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; }
.rem-certs-note > div:nth-child(2) { flex: 1; min-width: 260px; }
.rem-certs-note .h5 { margin-bottom: 6px; }
.rem-certs-note p:last-child { margin: 0; font-size: 15px; text-transform: none; }

@media (max-width: 991.98px) {
    .rem-certs-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575.98px) {
    .rem-certs-grid { grid-template-columns: 1fr; }
    .rem-certs-stats strong { font-size: 28px; }
    .rem-certs-stats li { padding: 14px 12px; }
    .rem-certs-note { padding: 24px 20px; }
    .rem-certs-page { padding: 50px 0 70px; }
}

/* =========================================================
   Anasayfa hero
   ========================================================= */
.rem-hero { position: relative; overflow: hidden; padding: 70px 0 0; background: linear-gradient(180deg, #eef7ee 0%, #f8fbf8 70%, #fff 100%); }
.rem-hero-bg { position: absolute; inset: 0; pointer-events: none; }
.rem-hero-bg .blob { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .55; }
.rem-hero-bg .blob-1 { width: 520px; height: 520px; right: 4%; top: 6%; background: radial-gradient(circle, rgba(0, 220, 22, .45), transparent 70%); }
.rem-hero-bg .blob-2 { width: 380px; height: 380px; left: -120px; bottom: -80px; background: radial-gradient(circle, rgba(0, 145, 7, .25), transparent 70%); }
.rem-hero .container { position: relative; }
.rem-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 40px; }

.rem-hero-kicker { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px 8px 12px; border-radius: 30px; background: #fff; border: 1px solid #cfe6d1; box-shadow: 0 6px 18px rgba(0, 145, 7, .08); font-family: var(--tg-body-font-family); font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--rem-green-dark); margin-bottom: 22px; line-height: 1.3; }
.rem-hero-kicker .dot { width: 9px; height: 9px; border-radius: 50%; background: var(--rem-green); box-shadow: 0 0 0 0 rgba(0, 145, 7, .5); animation: rem-dot 1.8s infinite; flex: 0 0 9px; }
.rem-hero-title { font-family: var(--tg-heading-font-family); font-size: 66px; font-weight: 800; line-height: 1.05; letter-spacing: -.02em; color: var(--tg-heading-font-color); margin-bottom: 22px; text-transform: none; }
.rem-hero-title span { display: block; color: var(--rem-green); position: relative; }
.rem-hero-title span::after { content: ""; position: absolute; left: 0; bottom: 4px; width: 62%; height: 12px; border-radius: 10px; background: rgba(0, 220, 22, .18); z-index: -1; }
.rem-hero-lead { font-size: 18px; line-height: 1.7; max-width: 560px; margin-bottom: 30px; text-transform: none; }
.rem-hero-lead strong { color: var(--tg-heading-font-color); }
.rem-hero-btns { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 22px; }
.rem-hero-btns .btn { padding: 19px 32px; }
.rem-hero-ghost { display: inline-flex; align-items: center; gap: 10px; padding: 17px 28px; border-radius: 50px; border: 2px solid var(--tg-heading-font-color); font-weight: 700; font-size: 15px; color: var(--tg-heading-font-color); text-transform: uppercase; letter-spacing: .02em; transition: all .25s; }
.rem-hero-ghost:hover { background: var(--tg-heading-font-color); color: #fff; }
.rem-hero-ghost:hover i { transform: translateX(3px); }
.rem-hero-ghost i { transition: transform .2s; }
.rem-hero-call { display: inline-flex; align-items: center; gap: 12px; color: var(--tg-heading-font-color); }
.rem-hero-call .icon { width: 46px; height: 46px; border-radius: 50%; background: #fff; border: 1px solid #cfe6d1; color: var(--rem-green); display: flex; align-items: center; justify-content: center; position: relative; }
.rem-hero-call .icon::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--rem-green); opacity: 0; animation: rem-ring 2.4s infinite; }
.rem-hero-call small { display: block; font-size: 12px; font-weight: 600; color: var(--tg-gray-four); }
.rem-hero-call strong { font-family: var(--tg-heading-font-family); font-size: 20px; font-weight: 800; }
.rem-hero-call:hover strong { color: var(--rem-green); }
.rem-hero-stats { display: flex; gap: 0; margin-top: 34px; padding-top: 26px; border-top: 1px solid #d6e8d7; max-width: 560px; }
.rem-hero-stats li { flex: 1; padding: 0 22px; border-left: 1px solid #d6e8d7; }
.rem-hero-stats li:first-child { padding-left: 0; border-left: 0; }
.rem-hero-stats strong { display: block; font-family: var(--tg-heading-font-family); font-size: 32px; font-weight: 800; line-height: 1; color: var(--tg-heading-font-color); margin-bottom: 6px; }
.rem-hero-stats span { font-size: 13px; font-weight: 600; color: var(--tg-gray-four); line-height: 1.3; display: block; }

/* Görsel ve yüzen kartlar */
.rem-hero-visual { position: relative; align-self: end; display: flex; justify-content: center; }
.rem-hero-visual > img { position: relative; z-index: 1; width: 100%; max-width: 520px; height: auto; display: block; filter: drop-shadow(0 30px 40px rgba(7, 43, 0, .18)); }
.rem-hero-ring { position: absolute; left: 50%; top: 52%; width: 92%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; border: 2px dashed rgba(0, 145, 7, .25); animation: rem-spin 60s linear infinite; }
.rem-hero-ring::before { content: ""; position: absolute; inset: 9%; border-radius: 50%; background: radial-gradient(circle at 50% 40%, rgba(255, 255, 255, .9), rgba(230, 244, 231, .6)); }
@keyframes rem-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }

.rem-hero-card { position: absolute; z-index: 2; background: rgba(255, 255, 255, .96); border: 1px solid rgba(207, 230, 209, .9); border-radius: 16px; box-shadow: 0 20px 45px rgba(7, 43, 0, .16); animation: rem-float 6s ease-in-out infinite; }
@supports (backdrop-filter: blur(8px)) { .rem-hero-card { background: rgba(255, 255, 255, .85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } }
@keyframes rem-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.rem-hero-card--award, .rem-hero-card--fast { display: flex; align-items: center; gap: 12px; padding: 14px 18px; }
.rem-hero-card .icon { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.rem-hero-card strong { display: block; font-size: 15px; color: var(--tg-heading-font-color); line-height: 1.25; }
.rem-hero-card small { font-size: 12px; color: var(--tg-gray-four); font-weight: 600; }
.rem-hero-card--award { left: -10px; top: 18%; }
.rem-hero-card--award .icon { background: var(--rem-green); color: #fff; }
.rem-hero-card--fast { right: -6px; bottom: 16%; animation-delay: -3s; }
.rem-hero-card--fast .icon { background: #fff6e0; color: #e09b00; }
.rem-hero-card--list { right: -14px; top: 10%; width: 210px; padding: 16px 18px; animation-delay: -1.5s; }
.rem-hero-card--list .head { font-weight: 800; font-size: 14px; color: var(--tg-heading-font-color); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.rem-hero-card--list .head i { color: var(--rem-green); }
.rem-hero-card--list li { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--tg-paragraph-color); padding: 3px 0; opacity: 0; animation: rem-tick .5s forwards; }
.rem-hero-card--list li:nth-child(1) { animation-delay: .8s; }
.rem-hero-card--list li:nth-child(2) { animation-delay: 1.3s; }
.rem-hero-card--list li:nth-child(3) { animation-delay: 1.8s; }
.rem-hero-card--list li i { width: 18px; height: 18px; border-radius: 50%; background: var(--rem-green); color: #fff; font-size: 9px; display: flex; align-items: center; justify-content: center; }
@keyframes rem-tick { from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: none; } }
.rem-hero-card--list .bar { display: block; height: 6px; border-radius: 6px; background: var(--rem-green-soft); margin-top: 10px; overflow: hidden; }
.rem-hero-card--list .bar span { display: block; height: 100%; width: 0; border-radius: 6px; background: linear-gradient(90deg, var(--rem-green), #00dc16); animation: rem-fill 2.2s .6s ease-out forwards; }
@keyframes rem-fill { to { width: 100%; } }

/* Hizmet şeridi */
.rem-hero-marquee { position: relative; margin-top: 10px; background: var(--rem-green-deep); padding: 18px 0; overflow: hidden; z-index: 2; }
.rem-hero-marquee::before, .rem-hero-marquee::after { content: ""; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 1; pointer-events: none; }
.rem-hero-marquee::before { left: 0; background: linear-gradient(90deg, var(--rem-green-deep), transparent); }
.rem-hero-marquee::after { right: 0; background: linear-gradient(-90deg, var(--rem-green-deep), transparent); }
.rem-hero-marquee-track { display: flex; width: max-content; animation: rem-marquee 55s linear infinite; }
.rem-hero-marquee:hover .rem-hero-marquee-track { animation-play-state: paused; }
.rem-hero-marquee a { display: inline-flex; align-items: center; gap: 10px; padding: 0 28px; font-family: var(--tg-heading-font-family); font-weight: 700; font-size: 17px; color: rgba(255, 255, 255, .85); white-space: nowrap; position: relative; }
.rem-hero-marquee a::after { content: ""; position: absolute; right: -3px; top: 50%; width: 6px; height: 6px; border-radius: 50%; background: rgba(143, 242, 143, .5); transform: translateY(-50%); }
.rem-hero-marquee a i { color: #8ff28f; }
.rem-hero-marquee a:hover { color: #fff; }

/* Hero sonrası özellik kartları artık hero'nun üzerine binmiyor */
.features-item-wrap-four { margin-top: 60px; }

@media (prefers-reduced-motion: reduce) {
    .rem-hero-card, .rem-hero-ring, .rem-hero-marquee-track, .rem-marquee-track { animation: none !important; }
    .rem-hero-card--list li { opacity: 1; animation: none; }
    .rem-hero-card--list .bar span { width: 100%; animation: none; }
}
@media (max-width: 1399.98px) {
    .rem-hero-title { font-size: 58px; }
}
@media (max-width: 1199.98px) {
    .rem-hero-title { font-size: 50px; }
    .rem-hero-card--list { right: -6px; width: 190px; }
}
@media (max-width: 991.98px) {
    .rem-hero { padding-top: 50px; }
    .rem-hero-grid { grid-template-columns: 1fr; gap: 30px; }
    .rem-hero-visual { max-width: 520px; margin: 0 auto; width: 100%; }
}
@media (max-width: 575.98px) {
    .rem-hero { padding-top: 34px; }
    .rem-hero-kicker { font-size: 11px; padding: 7px 12px 7px 10px; }
    .rem-hero-title { font-size: 38px; }
    .rem-hero-lead { font-size: 16px; }
    .rem-hero-btns .btn, .rem-hero-ghost { width: 100%; justify-content: center; }
    .rem-hero-stats li { padding: 0 12px; }
    .rem-hero-stats strong { font-size: 26px; }
    .rem-hero-stats span { font-size: 12px; }
    .rem-hero-card--award { left: 0; top: 10%; }
    .rem-hero-card--list { display: none; }
    .rem-hero-card--fast { right: 0; bottom: 12%; }
    .rem-hero-card--award, .rem-hero-card--fast { padding: 10px 12px; }
    .rem-hero-card .icon { width: 36px; height: 36px; flex-basis: 36px; font-size: 15px; }
    .rem-hero-marquee a { font-size: 15px; padding: 0 20px; }
    .features-item-wrap-four { margin-top: 40px; }
}
.rem-hero-title { position: relative; z-index: 0; }
.rem-hero-card--award { left: -10px; top: 14%; }
.rem-hero-card--list { right: auto; left: -34px; top: auto; bottom: 14%; }
.rem-hero-card--fast { right: -10px; bottom: 30%; }
@media (max-width: 1199.98px) { .rem-hero-card--list { left: -6px; } }
.rem-hero-card .head, .rem-hero-stats span { text-transform: none; }

/* =========================================================
   Anasayfa bölümleri
   ========================================================= */
.rem-section-lead { margin: 10px 0 0; max-width: 620px; text-transform: none; font-size: 16px; }

/* Öne çıkanlar */
.rem-usp-area { padding: 70px 0 30px; }
.rem-usp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.rem-usp { position: relative; overflow: hidden; padding: 32px 30px 30px; border-radius: 20px; background: #fff; border: 1px solid var(--tg-border-color); box-shadow: 0 18px 40px rgba(7, 43, 0, .06); transition: all .3s; }
.rem-usp::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: linear-gradient(90deg, var(--rem-green), #00dc16); transform: scaleX(0); transform-origin: left; transition: transform .35s; }
.rem-usp:hover { transform: translateY(-6px); box-shadow: 0 25px 50px rgba(7, 43, 0, .12); }
.rem-usp:hover::before { transform: scaleX(1); }
.rem-usp .no { position: absolute; top: 18px; right: 24px; font-family: var(--tg-heading-font-family); font-size: 54px; font-weight: 800; line-height: 1; color: var(--rem-green-soft); }
.rem-usp .icon { position: relative; width: 60px; height: 60px; border-radius: 16px; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 22px; box-shadow: 0 12px 24px rgba(0, 145, 7, .28); }
.rem-usp .h5 { position: relative; font-size: 20px; margin-bottom: 10px; }
.rem-usp p { position: relative; margin: 0; font-size: 15px; text-transform: none; }
.rem-trust { padding: 0 0 80px; }

/* Hakkımızda özeti */
.rem-home-about { padding: 90px 0 100px; background: var(--tg-section-background); }
.rem-home-about .rem-about-visual::before { background: #dcefdd; }
.rem-home-about-text { font-size: 17px; line-height: 1.75; text-transform: none; margin-bottom: 22px; }
.rem-home-about-btns { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.rem-home-about .rem-stats { margin-top: 80px; }

/* Hizmet kartları (yeni) */
.rem-home-services { padding: 100px 0 90px; }
.rem-home-services .rem-svc-filter, .rem-svc-list .rem-svc-filter { justify-content: flex-start; margin-bottom: 34px; }
.rem-svc-list .rem-svc-filter { justify-content: center; }
.rem-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.rem-tile { position: relative; display: flex; flex-direction: column; border-radius: 18px; overflow: hidden; background: #fff; border: 1px solid var(--tg-border-color); transition: all .3s; }
.rem-tile[hidden] { display: none; }
.rem-tile-img { display: block; overflow: hidden; }
.rem-tile-img img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .6s; }
.rem-tile-ico { position: relative; z-index: 1; margin: -26px 0 0 20px; width: 52px; height: 52px; border-radius: 14px; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; border: 4px solid #fff; box-shadow: 0 10px 22px rgba(0, 145, 7, .3); transition: transform .3s; }
.rem-tile-body { flex: 1; display: flex; flex-direction: column; padding: 14px 22px 22px; }
.rem-tile-title { font-size: 18px; line-height: 1.3; margin-bottom: 8px; color: var(--tg-heading-font-color); text-transform: none; transition: color .2s; }
.rem-tile-text { font-size: 14px; line-height: 1.55; color: var(--tg-paragraph-color); margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rem-tile-more { margin-top: auto; font-size: 13px; font-weight: 700; color: var(--rem-green); display: inline-flex; align-items: center; gap: 6px; }
.rem-tile-more i { transition: transform .2s; }
.rem-tile:hover { transform: translateY(-6px); box-shadow: 0 22px 45px rgba(7, 43, 0, .12); border-color: #cfe6d1; }
.rem-tile:hover .rem-tile-img img { transform: scale(1.07); }
.rem-tile:hover .rem-tile-ico { transform: rotate(-6deg) scale(1.05); }
.rem-tile:hover .rem-tile-title { color: var(--rem-green); }
.rem-tile:hover .rem-tile-more i { transform: translateX(4px); }

/* Adana içerik ve bölgeler bölümleri: tutarlı aralıklar */
.rem-seo-area { background: var(--tg-section-background); }
.rem-regions-area .section-title-two .title { font-size: 40px; }
.rem-region-item { flex-direction: row; align-items: center; gap: 14px; }
.rem-region-item i { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 12px; background: var(--rem-green-soft); display: flex; align-items: center; justify-content: center; font-size: 20px; margin: 0; transition: all .3s; }
.rem-region-item .name { display: block; font-size: 19px; }
.rem-region-item .desc { display: block; font-size: 13px; }
.rem-region-item:hover i { background: var(--rem-green); color: #fff; }

/* Blog */
.rem-home-blog { padding: 0 0 80px; }

@media (max-width: 1199.98px) {
    .rem-tiles { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 991.98px) {
    .rem-usp-grid { grid-template-columns: 1fr; }
    .rem-tiles { grid-template-columns: repeat(2, 1fr); }
    .rem-home-services .rem-svc-filter { flex-wrap: nowrap; overflow-x: auto; margin-left: -15px; margin-right: -15px; padding: 0 15px 6px; }
    .rem-home-services .rem-svc-filter button { flex: 0 0 auto; }
}
@media (max-width: 575.98px) {
    .rem-usp-area { padding: 50px 0 20px; }
    .rem-home-about, .rem-home-services { padding: 70px 0; }
    .rem-tiles { grid-template-columns: 1fr; }
    .rem-regions-area .section-title-two .title { font-size: 28px; }
}
.rem-region-item .txt { flex: 1; min-width: 0; }
.rem-region-item i.rem-region-arrow { width: auto; height: auto; flex: 0 0 auto; background: none !important; font-size: 13px; color: var(--tg-gray-three) !important; transition: transform .2s; }
.rem-region-item:hover i.rem-region-arrow { color: var(--rem-green) !important; transform: translateX(4px); }

/* =========================================================
   Anasayfa: Adana periyodik kontrol bölümü (yeni düzen)
   ========================================================= */
.rem-seo-area { padding: 100px 0; background: linear-gradient(180deg, var(--tg-section-background) 0%, #fff 100%); }
.rem-seo-area .rem-about-h2 { margin-top: 14px; }
.rem-seo-intro p { font-size: 16.5px; line-height: 1.8; }
.rem-seo-who { margin-top: 26px; padding: 20px 22px; border-radius: 16px; background: #fff; border: 1px solid var(--tg-border-color); }
.rem-seo-who .label { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; font-size: 14px; color: var(--tg-heading-font-color); margin-bottom: 12px; }
.rem-seo-who .label i { color: var(--rem-green); }
.rem-seo-who ul { display: flex; flex-wrap: wrap; gap: 8px; }
.rem-seo-who li { padding: 6px 13px; border-radius: 30px; background: var(--rem-green-soft); color: var(--rem-green-dark); font-size: 13px; font-weight: 700; }

/* Kapsam kartı (koyu yeşil) */
.rem-scope { position: relative; overflow: hidden; padding: 34px; border-radius: 24px; color: rgba(255, 255, 255, .8); background: radial-gradient(circle at 100% 0%, rgba(0, 220, 22, .22), transparent 45%), var(--rem-green-deep); box-shadow: 0 30px 60px rgba(7, 43, 0, .22); }
.rem-scope > * { position: relative; z-index: 1; }
.rem-scope-head { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.rem-scope-icon { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 16px; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; box-shadow: 0 12px 24px rgba(0, 145, 7, .4); }
.rem-scope-head .title { color: #fff; font-size: 26px; margin: 0 0 4px; }
.rem-scope-head p { margin: 0; color: rgba(255, 255, 255, .7); font-size: 14px; text-transform: none; }
.rem-scope-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 26px; }
.rem-scope-grid a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .08); color: #fff; font-weight: 600; font-size: 14.5px; transition: all .2s; }
.rem-scope-grid .ico { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; background: rgba(0, 145, 7, .35); color: #8ff28f; display: flex; align-items: center; justify-content: center; font-size: 14px; transition: all .2s; }
.rem-scope-grid a:hover { background: rgba(255, 255, 255, .12); border-color: rgba(143, 242, 143, .35); transform: translateX(3px); }
.rem-scope-grid a:hover .ico { background: var(--rem-green); color: #fff; }
.rem-scope-foot { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 20px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .12); }
.rem-scope-foot span { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; color: #8ff28f; }

/* Alt bilgi kartları */
.rem-seo-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 60px; }
.rem-seo-card { position: relative; padding: 34px 34px 30px; border-radius: 20px; background: #fff; border: 1px solid var(--tg-border-color); box-shadow: 0 18px 40px rgba(7, 43, 0, .06); }
.rem-seo-card-icon { position: absolute; top: -22px; left: 34px; width: 46px; height: 46px; border-radius: 50%; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; border: 4px solid #fff; box-shadow: 0 10px 22px rgba(0, 145, 7, .3); }
.rem-seo-card .h4 { font-size: 22px; margin: 8px 0 12px; }
.rem-seo-card p { font-size: 15.5px; line-height: 1.75; text-transform: none; }
.rem-seo-note { display: flex; gap: 10px; padding: 14px 16px; border-radius: 12px; background: var(--rem-green-soft); color: var(--rem-green-dark); font-size: 14px; font-weight: 600; line-height: 1.55; }
.rem-seo-note i { margin-top: 3px; }
.rem-seo-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; margin: 4px 0 8px; }
.rem-seo-benefits li { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; font-weight: 600; color: var(--tg-heading-font-color); line-height: 1.45; }
.rem-seo-benefits i { width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: var(--rem-green); color: #fff; font-size: 10px; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.rem-seo-after { margin: 0; font-size: 14px !important; color: var(--tg-gray-four); }

@media (max-width: 991.98px) {
    .rem-seo-cards { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 575.98px) {
    .rem-seo-area { padding: 70px 0; }
    .rem-scope { padding: 24px 18px; border-radius: 20px; }
    .rem-scope-grid, .rem-seo-benefits { grid-template-columns: 1fr; }
    .rem-seo-card { padding: 30px 22px 24px; }
    .rem-seo-card-icon { left: 22px; }
}
@media (max-width: 575.98px) {
    .rem-scope-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .rem-scope-grid a { flex-direction: column; align-items: flex-start; gap: 8px; padding: 10px; font-size: 13px; line-height: 1.3; }
    .rem-scope-grid .ico { width: 30px; height: 30px; flex-basis: 30px; font-size: 13px; }
    .rem-scope-head { align-items: flex-start; }
    .rem-scope-head .title { font-size: 22px; }
    .rem-scope-icon { width: 46px; height: 46px; flex-basis: 46px; font-size: 18px; }
}

/* Masaüstü: hero ilk ekranı tam doldurur, hizmet şeridi ekranın en altına oturur
   (130px = üst bilgi çubuğu 42px + menü 88px) */
@media (min-width: 992px) {
    .rem-hero { display: flex; flex-direction: column; min-height: calc(100vh - 130px); min-height: calc(100svh - 130px); padding-top: 40px; }
    .rem-hero > .container { flex: 1; display: flex; align-items: center; }
    .rem-hero-grid { width: 100%; }
    .rem-hero-marquee { margin-top: 0; flex: 0 0 auto; }
}
@media (min-width: 992px) {
    /* Görsel, ekran yüksekliğine sığacak şekilde sınırlanır */
    .rem-hero-visual > img { width: auto; max-width: 100%; max-height: calc(100vh - 230px); max-height: calc(100svh - 230px); }
}
/* Alçak dizüstü ekranları (ör. 1366x768): hero sıkıştırılır ki şerit ilk ekranda görünsün */
@media (min-width: 992px) and (max-height: 860px) {
    .rem-hero { padding-top: 22px; }
    .rem-hero-kicker { margin-bottom: 14px; padding-top: 6px; padding-bottom: 6px; }
    .rem-hero-title { font-size: 50px; margin-bottom: 14px; }
    .rem-hero-lead { font-size: 16px; line-height: 1.6; margin-bottom: 20px; }
    .rem-hero-btns { margin-bottom: 14px; }
    .rem-hero-btns .btn { padding: 16px 28px; }
    .rem-hero-ghost { padding: 14px 24px; }
    .rem-hero-stats { margin-top: 18px; padding-top: 16px; }
    .rem-hero-stats strong { font-size: 26px; }
    .rem-hero-marquee { padding: 14px 0; }
    .rem-hero-card--list { width: 190px; padding: 12px 14px; }
}
@media (min-width: 992px) and (max-height: 700px) {
    .rem-hero-call { display: none; }
    .rem-hero-title { font-size: 44px; }
}

/* =========================================================
   Footer üstü CTA kartı (footer'ın üst kenarına taşar)
   ========================================================= */
.rem-precta { position: relative; z-index: 2; padding-top: 30px; background: linear-gradient(180deg, transparent 0, transparent 50%, var(--rem-green-deep) 50%); }
.rem-precta-card {
    position: relative; overflow: hidden; display: grid; grid-template-columns: 1.35fr 1fr; align-items: center; gap: 40px;
    padding: 54px 56px; border-radius: 28px; color: rgba(255, 255, 255, .85);
    background: radial-gradient(circle at 0% 0%, rgba(255, 255, 255, .14), transparent 40%), linear-gradient(120deg, var(--rem-green) 0%, #037a09 55%, var(--rem-green-dark) 100%);
    box-shadow: 0 35px 70px rgba(4, 76, 0, .35);
}
.rem-precta-deco { position: absolute; right: -30px; bottom: -50px; font-size: 260px; color: rgba(255, 255, 255, .06); transform: rotate(-12deg); pointer-events: none; }
.rem-precta-card > div { position: relative; z-index: 1; }
.rem-precta-tag { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 30px; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .2); color: #fff; font-size: 13px; font-weight: 700; margin-bottom: 16px; }
.rem-precta-title { font-family: var(--tg-heading-font-family); font-size: 42px; font-weight: 800; line-height: 1.1; color: #fff; margin-bottom: 14px; text-transform: none; }
.rem-precta-title span { color: #b7ffb7; }
.rem-precta-lead { color: rgba(255, 255, 255, .85); font-size: 16.5px; line-height: 1.7; margin-bottom: 20px; max-width: 560px; text-transform: none; }
.rem-precta-checks { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.rem-precta-checks li { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; color: #fff; }
.rem-precta-checks i { width: 20px; height: 20px; border-radius: 50%; background: #fff; color: var(--rem-green); font-size: 9px; display: inline-flex; align-items: center; justify-content: center; }

.rem-precta-actions { display: grid; gap: 14px; padding: 26px; border-radius: 22px; background: rgba(7, 43, 0, .28); border: 1px solid rgba(255, 255, 255, .14); }
@supports (backdrop-filter: blur(8px)) { .rem-precta-actions { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } }
.rem-precta-phone { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 16px; background: #fff; color: var(--tg-heading-font-color); transition: transform .2s, box-shadow .2s; }
.rem-precta-phone:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0, 0, 0, .2); color: var(--tg-heading-font-color); }
.rem-precta-phone .icon { width: 50px; height: 50px; flex: 0 0 50px; border-radius: 14px; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 19px; position: relative; }
.rem-precta-phone .icon::after { content: ""; position: absolute; inset: -4px; border-radius: 16px; border: 2px solid var(--rem-green); opacity: 0; animation: rem-ring 2.4s infinite; }
.rem-precta-phone small { display: block; font-size: 12px; font-weight: 700; color: var(--tg-gray-four); text-transform: uppercase; letter-spacing: .05em; }
.rem-precta-phone strong { font-family: var(--tg-heading-font-family); font-size: 26px; font-weight: 800; line-height: 1.15; }
.rem-precta-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rem-precta-btns a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 12px; border-radius: 14px; font-weight: 700; font-size: 15px; transition: all .2s; }
.rem-precta-wa { background: var(--rem-whatsapp); color: #fff; }
.rem-precta-wa:hover { background: #1ebe5d; color: #fff; transform: translateY(-2px); }
.rem-precta-form { background: transparent; color: #fff; border: 2px solid rgba(255, 255, 255, .55); }
.rem-precta-form:hover { background: #fff; color: var(--rem-green-dark); border-color: #fff; transform: translateY(-2px); }

/* Footer, taşan kartın altından başlar */
.rem-precta + .rem-footer .rem-footer-main { padding-top: 70px; }

@media (max-width: 991.98px) {
    .rem-precta-card { grid-template-columns: 1fr; gap: 28px; padding: 40px 32px; }
    .rem-precta-title { font-size: 34px; }
}
@media (max-width: 575.98px) {
    .rem-precta { padding-top: 20px; }
    .rem-precta-card { padding: 30px 20px; border-radius: 22px; }
    .rem-precta-title { font-size: 28px; }
    .rem-precta-lead { font-size: 15px; }
    .rem-precta-actions { padding: 16px; }
    .rem-precta-phone strong { font-size: 22px; }
    .rem-precta-deco { font-size: 180px; }
}
@media (max-width: 575.98px) {
    .rem-precta-btns a { white-space: nowrap; font-size: 14px; padding: 13px 8px; }
    .rem-precta { background: linear-gradient(180deg, transparent 0, transparent 75%, var(--rem-green-deep) 75%); }
}

/* =========================================================
   Mobil sıkılaştırma (sayfa uzunluğunu azaltır, okunabilirliği korur)
   ========================================================= */
.rem-more-toggle { display: none; }

@media (max-width: 767.98px) {
    /* Adana bölümü: uzun giriş metni kısaltılır, "Devamını oku" ile açılır */
    .rem-seo-intro:not(.is-open) { max-height: 190px; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent); mask-image: linear-gradient(180deg, #000 55%, transparent); }
    .rem-more-toggle { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; padding: 0; border: 0; background: none; font-weight: 700; font-size: 14px; color: var(--rem-green); }
    .rem-more-toggle[aria-expanded="true"] i { transform: rotate(180deg); }

    /* Süreç adımları: ikon solda, yatay */
    .rem-process { gap: 12px; }
    .rem-step { display: grid; grid-template-columns: 50px 1fr; column-gap: 16px; padding: 18px 18px; }
    .rem-step-icon { grid-row: span 2; width: 50px; height: 50px; margin: 0; font-size: 20px; }
    .rem-step .h5 { margin: 2px 0 4px; font-size: 17px; }
    .rem-step p { font-size: 14px; }
    .rem-step-no { font-size: 28px; top: 12px; right: 16px; }

    /* Footer sütunları yan yana */
    .rem-footer-main { grid-template-columns: 1fr 1fr; gap: 36px 20px; padding: 60px 0 40px; }
    .rem-footer-brand, .rem-footer-contact { grid-column: 1 / -1; }
    .rem-footer-services ul { grid-template-columns: 1fr; }
    .rem-footer-col ul a { font-size: 14px; }
}

@media (max-width: 575.98px) {
    /* Hizmet kartları: yatay kompakt satır */
    .rem-tiles { gap: 10px; }
    .rem-tile { display: grid; grid-template-columns: 96px 1fr; align-items: stretch; border-radius: 14px; }
    .rem-tile-img { height: 100%; }
    .rem-tile-img img { height: 100%; aspect-ratio: auto; min-height: 96px; }
    .rem-tile-ico { display: none; }
    .rem-tile-body { padding: 12px 14px; justify-content: center; }
    .rem-tile-title { font-size: 16px; margin-bottom: 4px; }
    .rem-tile-text { font-size: 13px; margin-bottom: 0; -webkit-line-clamp: 2; }
    .rem-tile-more { display: none; }
    .rem-tile:hover { transform: none; }

    /* Öne çıkanlar: ikon solda */
    .rem-usp-grid { gap: 12px; }
    .rem-usp { display: grid; grid-template-columns: 52px 1fr; column-gap: 16px; padding: 20px 18px; }
    .rem-usp .icon { grid-row: span 2; width: 52px; height: 52px; margin: 0; font-size: 21px; }
    .rem-usp .h5 { font-size: 17px; margin: 2px 0 4px; }
    .rem-usp p { font-size: 14px; }
    .rem-usp .no { display: none; }

    /* Hakkımızda özeti: görsel daha basık */
    .rem-home-about .rem-about-visual > img, .rem-about-story .rem-about-visual > img { aspect-ratio: 4 / 3.4; }
    .rem-home-about .rem-stats { margin-top: 50px; }

    /* Blog kartları: özet gizlenir */
    .rem-post-excerpt { display: none; }
    .rem-post-body { padding: 18px 18px 20px; }
    .rem-post-title { font-size: 18px; }

    /* Bölüm başlıkları */
    .rem-svc-section-head { margin-bottom: 26px; }
    .rem-svc-section-head .h3 { font-size: 24px; }
}
@media (max-width: 575.98px) {
    /* Hizmet sayfası kenar çubuğu: 16 hizmet yana kaydırılan etiketler */
    .rem-svc-nav { padding: 18px 0 14px; }
    .rem-svc-nav-title { padding: 0 16px 10px; }
    .rem-svc-nav ul { display: flex; gap: 8px; overflow-x: auto; max-height: none; padding: 4px 16px 6px; scrollbar-width: none; }
    .rem-svc-nav ul::-webkit-scrollbar { display: none; }
    .rem-svc-nav li { flex: 0 0 auto; }
    .rem-svc-nav a { padding: 7px 12px 7px 7px; border: 1px solid var(--tg-border-color); border-radius: 30px; font-size: 13.5px; white-space: nowrap; }
    .rem-svc-nav a > i:first-child { width: 26px; height: 26px; flex-basis: 26px; border-radius: 50%; font-size: 11px; }
    .rem-svc-nav a > i:last-child { display: none; }

    /* Hakkımızda prensip kartları: ikon solda, kompakt */
    .rem-values-grid { gap: 12px; }
    .rem-value { display: grid; grid-template-columns: 52px 1fr; column-gap: 16px; padding: 20px 18px; }
    .rem-value > i { grid-row: span 2; width: 52px; height: 52px; margin: 0; font-size: 20px; }
    .rem-value .h5 { margin: 2px 0 4px; font-size: 17px; }
    .rem-value p { font-size: 14px; }
}
/* Izgara içindeki öğeler içeriklerinin (ör. yana kayan liste) genişliğine göre büyümesin */
.rem-svc-sidebar, .rem-article-side, .rem-contact-side { grid-template-columns: minmax(0, 1fr); }
.rem-svc-sidebar > *, .rem-article-side > *, .rem-contact-side > * { min-width: 0; }

/* Belgeler: mobil */
.rem-certs-filter em { font-style: normal; }
.rem-certs-filter .lbl-short { display: none; }
@media (max-width: 575.98px) {
    .rem-certs-filter { justify-content: center; flex-wrap: wrap; overflow: visible; margin-left: 0; margin-right: 0; padding: 0; }
    .rem-certs-filter .lbl-long { display: none; }
    .rem-certs-filter .lbl-short { display: inline; }
    .rem-certs-grid { gap: 12px; }
    .rem-certificate { display: grid; grid-template-columns: 110px 1fr; border-radius: 14px; }
    .rem-certificate-img { padding: 10px; display: flex; align-items: center; }
    .rem-certificate-img img { aspect-ratio: 3 / 4; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .15)); }
    .rem-certificate-img .zoom { opacity: 1; transform: none; right: 6px; bottom: 6px; padding: 4px 8px; font-size: 10px; }
    .rem-certificate-body { padding: 14px 14px 14px 12px; }
    .rem-certificate .tags { margin-bottom: 8px; gap: 4px; }
    .rem-certificate .tag { padding: 3px 8px; font-size: 11px; }
    .rem-certificate-title { font-size: 15px; line-height: 1.35; margin-bottom: 6px; }
    .rem-certificate-org { font-size: 12.5px; margin-bottom: 8px; }
    .rem-certificate-link { font-size: 12.5px; padding-top: 8px; }
    .rem-certificate:hover { transform: none; }
    .rem-certs-stats { gap: 8px; }
    .rem-certs-stats li { padding: 12px 10px; }
    .rem-certs-stats span { font-size: 12px; }
}
@media (max-width: 575.98px) {
    .rem-certs-filter { flex-wrap: nowrap; gap: 6px; }
    .rem-certs-filter button { padding: 8px 12px; font-size: 13px; gap: 6px; }
}

/* İletişim: mobil düzeltmeler */
.rem-map .container { position: relative; z-index: 2; }
@media (max-width: 767.98px) {
    /* iOS Safari 16px altındaki alanlarda odaklanınca sayfayı yakınlaştırır */
    .rem-form input, .rem-form select, .rem-form textarea, #teklif .rem-form select, .rem-blog-search input { font-size: 16px; }
    /* Altta sabit iletişim çubuğu olduğu için "yukarı çık" butonu mobilde gizlenir (içeriğin üstüne biniyordu) */
    .scroll-top { display: none !important; }
    .rem-open-status { padding: 14px 16px; }
}

/* Blog: mobil */
.rem-chip-row { scrollbar-width: none; }
.rem-chip-row::-webkit-scrollbar { display: none; }
@media (max-width: 991.98px) {
    /* İçindekiler mobilde ilk 6 başlık, kalanı "Tümünü göster" ile */
    .rem-toc--inline ol.rem-toc-clamp:not(.is-open) { max-height: 205px; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent); mask-image: linear-gradient(180deg, #000 60%, transparent); }
    .rem-more-toggle--toc { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; padding: 0; border: 0; background: none; font-weight: 700; font-size: 14px; color: var(--rem-green); }
    .rem-more-toggle--toc[aria-expanded="true"] i { transform: rotate(180deg); }
    /* Kenar çubuğundaki teklif kutusu mobilde tekrar ediyordu (yazı içi CTA + footer üstü kart zaten var) */
    .rem-article-side { display: none; }
}
@media (max-width: 575.98px) {
    /* Blog kartları: solda görsel, sağda bilgi (kompakt) */
    .rem-post { display: grid; grid-template-columns: 112px 1fr; height: auto; margin-bottom: 12px; border-radius: 14px; }
    .rem-post-img img { height: 100%; aspect-ratio: auto; min-height: 112px; }
    .rem-post-cat { display: none; }
    .rem-post-body { padding: 12px 14px; justify-content: center; }
    .rem-post-meta { gap: 4px 10px; margin-bottom: 6px; }
    .rem-post-meta li { font-size: 12px; }
    .rem-post-meta li:nth-child(3) { display: none; }
    .rem-post-title { font-size: 15.5px; line-height: 1.35; margin: 0; }
    .rem-post-more { display: none; }
    .rem-post:hover { transform: none; }
    .rem-blog-list .row > [class*="col"], .rem-home-blog .row > [class*="col"], .rem-svc-section .row > [class*="col"] { width: 100%; }
    .rem-blog-filters { margin-bottom: 28px; padding-bottom: 20px; }
    .rem-featured { margin-bottom: 30px; }
    .rem-featured-body { padding: 22px 20px; }
    .rem-featured-body .btn { width: 100%; justify-content: center; }
}

/* =========================================================
   Mobil alt sekme çubuğu (uygulama tarzı)
   ========================================================= */
.rem-tabbar { display: none; }
@media (max-width: 767.98px) {
    body { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
    .rem-tabbar {
        position: fixed; z-index: 9998; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom));
        display: grid; grid-template-columns: repeat(5, 1fr); align-items: end; height: 66px; padding: 0 6px;
        border-radius: 22px; background: rgba(255, 255, 255, .94); border: 1px solid rgba(207, 230, 209, .9);
        box-shadow: 0 12px 34px rgba(7, 43, 0, .18), 0 2px 6px rgba(7, 43, 0, .06);
        transition: transform .3s ease, opacity .3s ease;
    }
    @supports (backdrop-filter: blur(10px)) { .rem-tabbar { background: rgba(255, 255, 255, .82); backdrop-filter: saturate(180%) blur(16px); -webkit-backdrop-filter: saturate(180%) blur(16px); } }

    .rem-tab {
        position: relative; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
        color: #7b8b80; font-size: 10.5px; font-weight: 700; letter-spacing: .01em; -webkit-tap-highlight-color: transparent;
        transition: color .2s, transform .15s;
    }
    .rem-tab > i { font-size: 19px; line-height: 1; transition: transform .2s; }
    .rem-tab span { line-height: 1; white-space: nowrap; }
    .rem-tab:active { transform: scale(.92); }
    .rem-tab.is-active { color: var(--rem-green); }
    .rem-tab.is-active > i { transform: translateY(-2px); }
    .rem-tab.is-active::after { content: ""; position: absolute; bottom: 6px; width: 5px; height: 5px; border-radius: 50%; background: var(--rem-green); }
    .rem-tab.is-active span { opacity: 0; }   /* aktif sekmede etiket yerine nokta */
    .rem-tab--wa > i { color: #22c35e; }

    /* Ortadaki büyük "Ara" butonu */
    .rem-tab--call { justify-content: flex-end; padding-bottom: 9px; color: var(--rem-green-dark); }
    .rem-tab-fab {
        position: absolute; top: -22px; left: 50%; transform: translateX(-50%);
        width: 58px; height: 58px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
        background: linear-gradient(145deg, #12b21b, var(--rem-green) 45%, var(--rem-green-dark));
        color: #fff; font-size: 21px; border: 4px solid #fff;
        box-shadow: 0 10px 22px rgba(0, 145, 7, .45);
    }
    .rem-tab-fab::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--rem-green); opacity: 0; animation: rem-ring 2.6s infinite; }
    .rem-tab--call:active .rem-tab-fab { transform: translateX(-50%) scale(.94); }
    .rem-tab--call span:last-child { opacity: 1 !important; }

    /* Eski çubuk ve çakışan öğeler */
    .rem-mobile-bar { display: none !important; }
    .whatsapp-float { display: none; }
}
.rem-drawer-open .rem-tabbar { display: none !important; }
@media (max-width: 359.98px) {
    .rem-tabbar { left: 6px; right: 6px; }
    .rem-tab { font-size: 9.5px; }
    .rem-tab-fab { width: 52px; height: 52px; font-size: 19px; }
}
@media (max-width: 767.98px) {
    /* Tüm etiketler aynı hizada */
    .rem-tab { justify-content: flex-end; padding-bottom: 10px; gap: 5px; }
    .rem-tab > i { display: flex; align-items: center; justify-content: center; width: 48px; height: 28px; border-radius: 14px; transition: background .25s, transform .2s; }
    .rem-tab--call { padding-bottom: 10px; }
    /* Aktif sekme: ikon arkasında kapsül, etiket görünür */
    .rem-tab.is-active span { opacity: 1; }
    .rem-tab.is-active::after { display: none; }
    .rem-tab.is-active > i { transform: none; background: var(--rem-green-soft); }
    .rem-tab.is-active span { color: var(--rem-green-dark); }
}
@media (max-width: 767.98px) {
    /* Alt çubuk için bırakılan boşluk footer'ın içinde: koyu zemin en alta kadar sürer */
    body { padding-bottom: 0 !important; }
    .rem-footer-bottom { padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
}

/* =========================================================
   Referanslar sayfası
   ========================================================= */
.rem-refs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.rem-refcard { display: flex; flex-direction: column; border-radius: 18px; overflow: hidden; background: #fff; border: 1px solid var(--tg-border-color); transition: transform .3s, box-shadow .3s, border-color .3s; }
.rem-refcard[hidden] { display: none; }
.rem-refcard:hover { transform: translateY(-6px); box-shadow: 0 25px 50px rgba(7, 43, 0, .12); border-color: #cfe6d1; }
.rem-refcard--wide { grid-column: span 2; flex-direction: row; }
.rem-refcard-photo { display: block; flex: 0 0 46%; position: relative; overflow: hidden; background: var(--rem-green-soft); }
.rem-refcard-photo img { width: 100%; height: 100%; min-height: 260px; object-fit: cover; transition: transform .5s; }
.rem-refcard:hover .rem-refcard-photo img { transform: scale(1.04); }
.rem-refcard-main { flex: 1; display: flex; flex-direction: column; padding: 24px 24px 22px; min-width: 0; }
.rem-refcard-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.rem-refcard-logo { width: 150px; height: 74px; display: flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 14px; background: linear-gradient(135deg, #f4f8f4, #e9f3ea); border: 1px solid #e3eee4; }
.rem-refcard-logo img { max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(.15); transition: filter .3s; }
.rem-refcard:hover .rem-refcard-logo img { filter: none; }
.rem-refcard-logo span { font-family: var(--tg-heading-font-family); font-size: 26px; font-weight: 800; letter-spacing: .5px; color: var(--rem-green-dark); }
.rem-refcard-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 20px; background: #fff6e0; color: #8a5a00; font-size: 12px; font-weight: 700; white-space: nowrap; }
.rem-refcard-title { font-size: 19px; line-height: 1.35; margin-bottom: 10px; text-transform: none; }
.rem-refcard-title a { color: inherit; }
.rem-refcard-title a:hover { color: var(--rem-green); }
.rem-refcard-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 12px; }
.rem-refcard-meta li { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; color: var(--tg-gray-four); }
.rem-refcard-meta i { color: var(--rem-green); font-size: 13px; }
.rem-refcard-text { font-size: 15px; line-height: 1.6; margin-bottom: 16px; text-transform: none; }
.rem-refcard-services { margin-top: auto; display: flex; flex-wrap: wrap; gap: 6px; padding-top: 14px; border-top: 1px dashed var(--tg-border-color); }
.rem-refcard-services a { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 20px; background: var(--rem-green-soft); color: var(--rem-green-dark); font-size: 12.5px; font-weight: 700; transition: background .2s, color .2s; }
.rem-refcard-services a:hover { background: var(--rem-green); color: #fff; }
.rem-refcard-services a i { font-size: 12px; }
.rem-refs-empty { max-width: 640px; margin: 0 auto; text-align: center; padding: 30px 10px 10px; }
.rem-refs-empty .icon { width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 20px; background: var(--rem-green-soft); color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 30px; }
.rem-refs-empty p { text-transform: none; }
.rem-refs-empty .btn { margin-top: 8px; }
.rem-refs .rem-refs-all { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; font-size: 14px; font-weight: 700; color: var(--rem-green); }
.rem-refs .rem-refs-all:hover { color: var(--rem-green-dark); }
@media (max-width: 991.98px) {
    .rem-refs-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767.98px) {
    .rem-refcard--wide { flex-direction: column; }
    .rem-refcard-photo img { min-height: 0; aspect-ratio: 16 / 9; height: auto; }
}
@media (max-width: 575.98px) {
    .rem-refs-grid { grid-template-columns: 1fr; }
    .rem-refcard--wide { grid-column: auto; }
    .rem-refcard-main { padding: 20px 18px 18px; }
    .rem-refcard-logo { width: 130px; height: 64px; }
}

/* =========================================================
   Site genişletme: menü, çerez bandı, yasal sayfalar, rapor doğrulama,
   sektör / il sayfaları, bilgi merkezi, ekip, cihazlar, vaka, iş birliği
   ========================================================= */

/* Üst bar bağlantıları ve menü */
.rem-topbar-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 12.5px; white-space: nowrap; }
.rem-topbar-link i { color: #8ff28f; font-size: 12px; }
.rem-drop--2 { width: 560px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px 4px; }
.rem-drop--2 strong { font-size: 14.5px; }
.rem-nav > ul > li:last-child > .rem-drop { left: auto; right: 0; }
@media (max-width: 1399.98px) {
    .rem-topbar-info li:nth-child(3) { display: none; }
}
@media (max-width: 1199.98px) {
    .rem-nav-home { display: none !important; }
    .rem-topbar-info li:nth-child(2), .rem-topbar-badge { display: none; }
    .rem-drop--2 { width: 480px; }
}

/* Çerez bandı */
.rem-cerez { position: fixed; z-index: 10002; left: 20px; right: 20px; bottom: 20px; display: flex; justify-content: center; pointer-events: none; }
.rem-cerez[hidden] { display: none; }
.rem-cerez-ic { pointer-events: auto; width: min(980px, 100%); display: grid; grid-template-columns: 1fr auto; gap: 14px 24px; align-items: center; padding: 20px 24px; border-radius: 18px; background: #fff; border: 1px solid var(--tg-border-color); box-shadow: 0 25px 70px rgba(7, 43, 0, .22); animation: rem-cerez-in .35s ease-out; }
@keyframes rem-cerez-in { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
.rem-cerez-baslik { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; font-family: var(--tg-heading-font-family); font-weight: 800; font-size: 17px; color: var(--tg-heading-font-color); }
.rem-cerez-baslik i { color: var(--rem-green); }
.rem-cerez-metin p { margin: 0; font-size: 14px; line-height: 1.55; text-transform: none; }
.rem-cerez-metin a { color: var(--rem-green-dark); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.rem-cerez-secim { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.rem-cerez-secim[hidden] { display: none; }
.rem-cerez-secim label { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--tg-border-color); background: var(--tg-section-background); cursor: pointer; margin: 0; }
.rem-cerez-secim input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--rem-green); flex: none; }
.rem-cerez-secim strong { display: block; font-size: 14px; color: var(--tg-heading-font-color); }
.rem-cerez-secim small { display: block; font-size: 12.5px; line-height: 1.45; color: var(--tg-gray-four); }
.rem-cerez-btns { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.rem-cerez-btn { height: 44px; padding: 0 18px; border-radius: 10px; border: 1.5px solid var(--tg-border-color); background: #fff; color: var(--tg-heading-font-color); font-weight: 700; font-size: 14px; white-space: nowrap; transition: all .2s; }
.rem-cerez-btn:hover { border-color: var(--rem-green); color: var(--rem-green); }
.rem-cerez-btn--ana { background: var(--rem-green); border-color: var(--rem-green); color: #fff; }
.rem-cerez-btn--ana:hover { background: var(--rem-green-dark); border-color: var(--rem-green-dark); color: #fff; }
.rem-cerez-link { border: 0; background: none; padding: 0 6px; font-weight: 700; font-size: 14px; color: var(--tg-gray-four); text-decoration: underline; text-underline-offset: 3px; }
.rem-cerez-link:hover { color: var(--rem-green); }
.rem-cerez-btn[hidden], .rem-cerez-link[hidden] { display: none; }
.rem-footer-bottom [data-cerez-ac] { cursor: pointer; }
@media (max-width: 991.98px) {
    .rem-cerez-ic { grid-template-columns: 1fr; }
    .rem-cerez-btns { justify-content: stretch; }
    .rem-cerez-btn { flex: 1; }
}
@media (max-width: 767.98px) {
    .rem-cerez { left: 10px; right: 10px; bottom: calc(86px + env(safe-area-inset-bottom)); }
    .rem-cerez-ic { padding: 16px; gap: 12px; max-height: calc(100vh - 120px); overflow-y: auto; }
    .rem-cerez-secim { grid-template-columns: 1fr; }
    .rem-cerez-link { flex-basis: 100%; text-align: center; padding: 4px 0; order: 3; }
}
.rem-cerez-acik .whatsapp-float, .rem-cerez-acik .scroll-top { display: none !important; }

/* KVKK onay kutusu (formlar) */
.rem-kvkk { display: flex; gap: 10px; align-items: flex-start; margin: 0; font-size: 14px; font-weight: 500 !important; line-height: 1.5; color: var(--tg-paragraph-color) !important; cursor: pointer; }
.rem-form .rem-kvkk input { width: 20px; height: 20px; padding: 0; flex: none; margin-top: 1px; accent-color: var(--rem-green); border-radius: 4px; }
.rem-kvkk a { color: var(--rem-green-dark); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.rem-form-note a { color: var(--rem-green-dark); font-weight: 600; text-decoration: underline; }

/* Yasal sayfalar */
.rem-legal { padding: 70px 0 100px; }
.rem-legal-body { font-size: 16px; line-height: 1.75; }
.rem-legal-body h2 { font-size: 22px; margin: 34px 0 12px; }
.rem-legal-body h2:first-of-type { margin-top: 10px; }
.rem-legal-body ul { padding-left: 20px; margin-bottom: 18px; list-style: disc; }
.rem-legal-body li { margin-bottom: 6px; }
.rem-legal-body a { color: var(--rem-green-dark); }
.rem-legal-body code { font-size: 13px; padding: 2px 6px; border-radius: 6px; background: var(--tg-section-background); color: var(--rem-green-dark); }
.rem-legal-date { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 30px; background: var(--rem-green-soft); color: var(--rem-green-dark) !important; font-size: 13px; font-weight: 700; margin-bottom: 24px !important; }
.rem-legal-side { position: sticky; top: 110px; display: grid; gap: 16px; }
.rem-legal-box { padding: 22px; border-radius: 16px; border: 1px solid var(--tg-border-color); background: #fff; }
.rem-legal-box .h6 { display: flex; align-items: center; gap: 8px; font-size: 16px; margin-bottom: 8px; }
.rem-legal-box .h6 i { color: var(--rem-green); }
.rem-legal-box p { font-size: 14px; text-transform: none; margin-bottom: 14px; }
.rem-legal-box > a:not(.btn) { font-weight: 700; color: var(--rem-green-dark); word-break: break-all; }
.rem-legal-box .btn { width: 100%; justify-content: center; text-transform: none; }
.rem-legal-box .btn + .btn { margin-top: 8px; }
@media (max-width: 991.98px) { .rem-legal-side { position: static; } .rem-legal { padding: 50px 0 70px; } }

/* Rapor doğrulama */
.rem-verify { padding: 70px 0 100px; }
.rem-verify-form label { display: block; font-weight: 700; font-size: 14px; color: var(--tg-heading-font-color); margin-bottom: 8px; }
.rem-verify-input { position: relative; display: flex; gap: 10px; }
.rem-verify-input > i { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); color: var(--rem-green); font-size: 17px; pointer-events: none; }
.rem-verify-input input { flex: 1; min-width: 0; height: 58px; padding: 0 16px 0 50px; border: 1.5px solid var(--tg-border-color); border-radius: 12px; background: var(--tg-section-background); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 20px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--tg-heading-font-color); outline: none; transition: all .2s; }
.rem-verify-input input::placeholder { color: #b5c2b8; letter-spacing: .12em; }
.rem-verify-input input:focus { border-color: var(--rem-green); background: #fff; box-shadow: 0 0 0 4px rgba(0, 145, 7, .1); }
.rem-verify-input .btn { flex: none; height: 58px; padding: 0 28px; text-transform: none; }
.rem-verify-hint { margin: 12px 0 0; font-size: 13.5px; line-height: 1.55; text-transform: none; color: var(--tg-gray-four); }
.rem-verify-result { display: flex; gap: 16px; align-items: flex-start; margin-top: 28px; padding: 20px; border-radius: 14px; }
.rem-verify-result .icon { width: 48px; height: 48px; flex: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff; }
.rem-verify-result .h5 { margin: 4px 0 4px; font-size: 19px; }
.rem-verify-result p { margin: 0; text-transform: none; font-size: 15px; }
.rem-verify-result.is-ok { background: var(--rem-green-soft); border: 1px solid #cfe6d1; }
.rem-verify-result.is-ok .icon { background: var(--rem-green); }
.rem-verify-result.is-ok .h5 { color: var(--rem-green-dark); }
.rem-verify-result.is-wait { background: #fff7e6; border: 1px solid #f5dfae; }
.rem-verify-result.is-wait .icon { background: #c98a07; }
.rem-verify-result.is-bad { background: #fdecec; border: 1px solid #f5c9c9; }
.rem-verify-result.is-bad .icon { background: #c0341d; }
.rem-verify-result.is-bad .h5 { color: #a21d1d; }
.rem-verify-help { margin-top: 8px !important; font-size: 14px !important; }
.rem-verify-help a { font-weight: 700; color: inherit; text-decoration: underline; }
.rem-verify-dl { margin: 18px 0 0; border: 1px solid var(--tg-border-color); border-radius: 14px; overflow: hidden; }
.rem-verify-dl > div { display: grid; grid-template-columns: 170px 1fr; gap: 12px; padding: 12px 18px; }
.rem-verify-dl > div + div { border-top: 1px solid var(--tg-border-color); }
.rem-verify-dl dt { font-size: 13.5px; font-weight: 600; color: var(--tg-gray-four); }
.rem-verify-dl dd { margin: 0; font-size: 15px; color: var(--tg-heading-font-color); font-weight: 600; }
.rem-verify-note { display: flex; gap: 8px; margin: 16px 0 0; font-size: 13.5px; line-height: 1.55; text-transform: none; color: var(--tg-gray-four); }
.rem-verify-note i { color: var(--rem-green); margin-top: 3px; }
.rem-verify-side { padding: 30px; border-radius: 20px; background: var(--rem-green-deep); color: rgba(255, 255, 255, .8); }
.rem-verify-side .h5 { color: #fff; margin-bottom: 16px; }
.rem-verify-side li { display: flex; gap: 12px; margin-bottom: 14px; font-size: 14.5px; line-height: 1.55; }
.rem-verify-side li i { color: #8ff28f; margin-top: 5px; }
.rem-verify-side strong { color: #fff; }
.rem-verify-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font-weight: 700; color: #8ff28f; }
.rem-verify-link:hover { color: #fff; }
@media (max-width: 575.98px) {
    .rem-verify { padding: 40px 0 70px; }
    .rem-verify-input { flex-direction: column; }
    .rem-verify-input > i { top: 29px; }
    .rem-verify-input .btn { width: 100%; justify-content: center; }
    .rem-verify-dl > div { grid-template-columns: 1fr; gap: 2px; padding: 10px 14px; }
}

/* Hero içindeki teklif kartı (sektör / il) */
.rem-hero-cta { padding: 26px; border-radius: 18px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); }
.rem-hero-cta-title { display: flex; align-items: center; gap: 10px; font-family: var(--tg-heading-font-family); font-weight: 800; font-size: 19px; color: #fff; margin-bottom: 8px; }
.rem-hero-cta-title i { color: #8ff28f; }
.rem-hero-cta p { color: rgba(255, 255, 255, .78); font-size: 14.5px; text-transform: none; margin-bottom: 16px; }
.rem-hero-cta .btn { width: 100%; justify-content: center; text-transform: none; }
.rem-hero-cta-row { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.rem-hero-cta-row a { flex: 1; min-width: 140px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; border-radius: 10px; background: rgba(255, 255, 255, .1); color: #fff; font-weight: 700; font-size: 14px; white-space: nowrap; }
.rem-hero-cta-row a:hover { background: rgba(255, 255, 255, .18); color: #fff; }
.rem-hero-cta-row .fa-whatsapp { color: #4ee38a; }

/* Ortak bölüm satırı ve bağlantı */
.rem-section-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 30px; }
.rem-section-row .h3 { margin-bottom: 0; }
.rem-link-more { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 15px; color: var(--rem-green); }
.rem-link-more:hover { color: var(--rem-green-dark); }
.rem-link-more i { font-size: 12px; transition: transform .2s; }
.rem-link-more:hover i { transform: translateX(3px); }

/* Sektör listesi */
.rem-sectors { padding: 70px 0 100px; }
.rem-sector-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.rem-sector-card { display: flex; flex-direction: column; padding: 28px 24px 24px; border-radius: 18px; background: #fff; border: 1px solid var(--tg-border-color); color: var(--tg-paragraph-color); transition: transform .3s, box-shadow .3s, border-color .3s; }
.rem-sector-card:hover { transform: translateY(-6px); box-shadow: 0 25px 50px rgba(7, 43, 0, .12); border-color: #cfe6d1; color: var(--tg-paragraph-color); }
.rem-sector-ico { width: 56px; height: 56px; border-radius: 16px; background: var(--rem-green-soft); color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 23px; margin-bottom: 18px; transition: background .3s, color .3s; }
.rem-sector-card:hover .rem-sector-ico { background: var(--rem-green); color: #fff; }
.rem-sector-title { font-size: 19px; line-height: 1.3; margin-bottom: 10px; }
.rem-sector-card p { font-size: 14.5px; line-height: 1.6; text-transform: none; margin-bottom: 18px; }
.rem-sector-meta { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--rem-green); }
@media (max-width: 1199.98px) { .rem-sector-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767.98px) { .rem-sector-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } .rem-sector-card { padding: 22px 18px 18px; } }
@media (max-width: 479.98px) { .rem-sector-grid { grid-template-columns: 1fr; } }

/* Sektör / il detay: giriş */
.rem-sector-intro { padding: 70px 0 30px; }
.rem-sector-intro .rem-prose { font-size: 17px; line-height: 1.8; }
.rem-trust-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); gap: 12px; margin-top: 10px; }
.rem-trust-list li { min-width: 0; }
.rem-trust-list li { display: flex; gap: 12px; align-items: flex-start; padding: 16px; border-radius: 14px; background: var(--tg-section-background); border: 1px solid var(--tg-border-color); font-size: 13px; line-height: 1.45; color: var(--tg-gray-four); }
.rem-trust-list i { width: 36px; height: 36px; flex: none; border-radius: 10px; background: #fff; color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 15px; box-shadow: 0 0 0 1px var(--tg-border-color); }
.rem-trust-list strong { display: block; font-size: 14.5px; color: var(--tg-heading-font-color); margin-bottom: 2px; }
.rem-sector-photo { margin: 0; border-radius: 20px; overflow: hidden; }
.rem-sector-photo img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.rem-sector-aside { padding: 26px; border-radius: 18px; border: 1px solid var(--tg-border-color); background: #fff; position: sticky; top: 110px; }
.rem-sector-aside .h6 { display: flex; align-items: center; gap: 8px; font-size: 16px; margin-bottom: 14px; }
.rem-sector-aside .h6 i { color: var(--rem-green); }
.rem-sector-aside > ul:not(.rem-chips) li + li { border-top: 1px solid var(--tg-border-color); }
.rem-sector-aside > ul:not(.rem-chips) a { display: flex; align-items: center; gap: 10px; padding: 11px 2px; font-weight: 600; color: var(--tg-heading-font-color); }
.rem-sector-aside > ul:not(.rem-chips) a i { color: var(--rem-green); font-size: 12px; }
.rem-sector-aside > ul:not(.rem-chips) a:hover { color: var(--rem-green); }
.rem-sector-aside p:not(.h6) { font-size: 14.5px; text-transform: none; }
.rem-sector-aside .mt-20 { margin-top: 20px; }
@media (max-width: 991.98px) { .rem-sector-aside { position: static; } }
@media (max-width: 767.98px) { .rem-trust-list { grid-template-columns: 1fr; } .rem-sector-intro { padding: 50px 0 20px; } }

/* Kontrol kartları (sektör, iş birliği) */
.rem-sector-checks, .rem-coop { padding: 70px 0; }
.rem-check-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.rem-check-card { padding: 26px 24px; border-radius: 18px; background: #fff; border: 1px solid var(--tg-border-color); transition: box-shadow .3s, border-color .3s; }
.rem-check-card:hover { box-shadow: 0 20px 44px rgba(7, 43, 0, .08); border-color: #cfe6d1; }
.rem-check-card .icon { width: 46px; height: 46px; border-radius: 13px; background: var(--rem-green-soft); color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 18px; margin-bottom: 16px; }
.rem-check-card .h6 { font-size: 17px; line-height: 1.35; margin-bottom: 8px; }
.rem-check-card p { font-size: 14.5px; line-height: 1.6; margin: 0; text-transform: none; }
@media (max-width: 991.98px) { .rem-check-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) { .rem-check-grid { grid-template-columns: 1fr; gap: 14px; } .rem-sector-checks, .rem-coop { padding: 50px 0; } }

.rem-sector-services { padding: 70px 0; background: var(--tg-section-background); }
.rem-sector-refs, .rem-sector-blog { padding: 70px 0; }
.rem-sector-blog { background: var(--tg-section-background); }

/* Kısa referans kartları */
.rem-refmini-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.rem-refmini { display: flex; gap: 16px; align-items: flex-start; padding: 20px; border-radius: 16px; background: #fff; border: 1px solid var(--tg-border-color); color: var(--tg-paragraph-color); transition: transform .3s, box-shadow .3s, border-color .3s; }
a.rem-refmini:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(7, 43, 0, .1); border-color: #cfe6d1; color: var(--tg-paragraph-color); }
.rem-refmini-logo { width: 84px; height: 56px; flex: none; display: flex; align-items: center; justify-content: center; padding: 8px; border-radius: 12px; background: linear-gradient(135deg, #f4f8f4, #e9f3ea); border: 1px solid #e3eee4; font-family: var(--tg-heading-font-family); font-weight: 800; font-size: 19px; color: var(--rem-green-dark); }
.rem-refmini-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.rem-refmini-body { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.rem-refmini-body strong { font-family: var(--tg-heading-font-family); font-size: 16px; color: var(--tg-heading-font-color); line-height: 1.3; }
.rem-refmini-body small { font-size: 13px; color: var(--tg-gray-four); }
.rem-refmini-body em { font-style: normal; font-size: 12.5px; font-weight: 600; color: var(--rem-green-dark); }
.rem-refmini-more { margin-top: 6px; font-size: 13px; font-weight: 700; color: var(--rem-green); display: inline-flex; gap: 6px; align-items: center; }
.rem-refcard-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-size: 14px; font-weight: 700; color: var(--rem-green); }
.rem-refcard-more:hover { color: var(--rem-green-dark); }
.rem-refcard-meta a { color: inherit; text-decoration: underline; text-decoration-color: #cfe6d1; text-underline-offset: 3px; }
.rem-refcard-meta a:hover { color: var(--rem-green); }
@media (max-width: 991.98px) { .rem-refmini-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) { .rem-refmini-grid { grid-template-columns: 1fr; gap: 12px; } }

/* SSS ek bilgileri */
.rem-faq-answer > :last-child { margin-bottom: 0; }
.rem-faq-answer a { color: var(--rem-green-dark); font-weight: 700; text-decoration: underline; }
.rem-faq-answer ul { padding-left: 20px; list-style: disc; }
.rem-faq-source { display: flex; gap: 8px; align-items: flex-start; margin: 14px 0 0 !important; padding-top: 12px; border-top: 1px dashed var(--tg-border-color); font-size: 13px !important; color: var(--tg-gray-four); }
.rem-faq-source i { color: var(--rem-green); margin-top: 3px; }
.rem-faq-source a { color: var(--rem-green-dark); font-weight: 600; text-decoration: underline; }

/* Etiket çipleri */
.rem-chips-area { padding: 40px 0 70px; }
.rem-chips-title { font-family: var(--tg-heading-font-family); font-weight: 800; font-size: 18px; color: var(--tg-heading-font-color); margin-bottom: 14px; }
.rem-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.rem-chips a, .rem-chips span { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 30px; background: #fff; border: 1px solid var(--tg-border-color); font-size: 14px; font-weight: 600; color: var(--tg-heading-font-color); transition: all .2s; }
.rem-chips a i { color: var(--rem-green); font-size: 13px; }
.rem-chips a:hover { background: var(--rem-green); border-color: var(--rem-green); color: #fff; }
.rem-chips a:hover i { color: #fff; }
.rem-chips--sm a, .rem-chips--sm span { padding: 6px 12px; font-size: 13px; background: var(--tg-section-background); }

/* Hizmet bölgeleri */
.rem-regions-page { padding: 70px 0 100px; }
.rem-region-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.rem-region-card { display: flex; flex-direction: column; padding: 26px 24px 22px; border-radius: 18px; background: #fff; border: 1px solid var(--tg-border-color); color: var(--tg-paragraph-color); transition: transform .3s, box-shadow .3s, border-color .3s; }
.rem-region-card:hover { transform: translateY(-6px); box-shadow: 0 25px 50px rgba(7, 43, 0, .12); border-color: #cfe6d1; color: var(--tg-paragraph-color); }
.rem-region-card.is-hq { background: radial-gradient(circle at 100% 0%, rgba(0, 220, 22, .1), transparent 50%), #fff; border-color: #cfe6d1; }
.rem-region-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.rem-region-ico { width: 48px; height: 48px; border-radius: 14px; background: var(--rem-green-soft); color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 19px; }
.rem-region-badge { padding: 5px 11px; border-radius: 20px; background: var(--rem-green); color: #fff; font-size: 12px; font-weight: 700; }
.rem-region-title { font-size: 24px; margin-bottom: 8px; }
.rem-region-card p { font-size: 14.5px; line-height: 1.6; text-transform: none; margin-bottom: 18px; }
.rem-region-meta { margin-top: auto; display: flex; gap: 14px; align-items: center; flex-wrap: wrap; padding-top: 14px; border-top: 1px dashed var(--tg-border-color); font-size: 13px; font-weight: 600; color: var(--tg-gray-four); }
.rem-region-meta i { color: var(--rem-green); margin-right: 5px; }
.rem-region-meta .go { margin-left: auto; color: var(--rem-green); font-weight: 700; }
.rem-region-meta .go i { margin: 0 0 0 4px; }
@media (max-width: 991.98px) { .rem-region-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) { .rem-region-grid { grid-template-columns: 1fr; gap: 14px; } .rem-regions-page, .rem-sectors { padding: 40px 0 70px; } }

.rem-region-contact { padding: 70px 0 30px; }
.rem-region-contact-card { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; padding: 40px; border-radius: 22px; background: var(--rem-green-soft); border: 1px solid #cfe6d1; }
.rem-region-contact-card p { text-transform: none; margin: 0; }
.rem-region-contact-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rem-region-contact-list a { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid #cfe6d1; color: var(--tg-heading-font-color); font-weight: 700; font-size: 14.5px; transition: all .2s; min-width: 0; }
.rem-region-contact-list a span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rem-region-contact-list a:hover { border-color: var(--rem-green); color: var(--rem-green); }
.rem-region-contact-list i { width: 38px; height: 38px; flex: none; border-radius: 10px; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; }
.rem-region-contact-list .fa-whatsapp { background: var(--rem-whatsapp); }
.rem-region-contact-list small { display: block; font-size: 12px; font-weight: 600; color: var(--tg-gray-four); }
@media (max-width: 991.98px) { .rem-region-contact-card { grid-template-columns: 1fr; padding: 28px; } }
@media (max-width: 575.98px) { .rem-region-contact-list { grid-template-columns: 1fr; } .rem-region-contact-card { padding: 22px 18px; } }

/* Bilgi merkezi */
.rem-kb { padding: 60px 0 100px; }
.rem-kb-tools { display: grid; gap: 18px; margin-bottom: 30px; }
.rem-kb-search { position: relative; display: block; max-width: 640px; margin: 0; }
.rem-kb-search i { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); color: var(--rem-green); }
.rem-kb-search input { width: 100%; height: 56px; padding: 0 18px 0 50px; border-radius: 14px; border: 1.5px solid var(--tg-border-color); background: #fff; font-size: 16px; color: var(--tg-heading-font-color); outline: none; transition: all .2s; }
.rem-kb-search input:focus { border-color: var(--rem-green); box-shadow: 0 0 0 4px rgba(0, 145, 7, .1); }
.rem-kb-filter { justify-content: flex-start !important; margin-bottom: 0 !important; }
.rem-kb-list .accordion-item[hidden] { display: none; }
.rem-kb-list .accordion-item { scroll-margin-top: 120px; }
.rem-kb-empty { padding: 24px; border-radius: 14px; background: var(--tg-section-background); text-transform: none; }
.rem-kb-empty a { color: var(--rem-green-dark); font-weight: 700; }
.rem-kb-side { position: sticky; top: 110px; display: grid; gap: 16px; }
.rem-kb-phone { display: inline-flex !important; align-items: center; gap: 8px; margin-bottom: 12px; font-family: var(--tg-heading-font-family); font-size: 19px; font-weight: 800; color: var(--tg-heading-font-color) !important; word-break: normal !important; }
.rem-kb-phone i { color: var(--rem-green); font-size: 16px; }
.rem-kb-disclaimer { display: flex; gap: 8px; font-size: 13px; line-height: 1.55; text-transform: none; color: var(--tg-gray-four); margin: 0; }
.rem-kb-disclaimer i { color: var(--rem-green); margin-top: 3px; }
@media (max-width: 991.98px) { .rem-kb-side { position: static; } }

/* Ekibimiz */
.rem-team { padding: 70px 0 100px; }
.rem-team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.rem-person { display: flex; flex-direction: column; border-radius: 20px; overflow: hidden; background: #fff; border: 1px solid var(--tg-border-color); scroll-margin-top: 120px; }
.rem-person-photo { aspect-ratio: 4 / 3.4; background: linear-gradient(135deg, #f4f8f4, #e2efe3); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.rem-person-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; }
.rem-person-photo span { width: 110px; height: 110px; border-radius: 50%; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-family: var(--tg-heading-font-family); font-size: 40px; font-weight: 800; }
.rem-person-body { padding: 22px 24px 24px; display: flex; flex-direction: column; flex: 1; }
.rem-person-name { font-size: 21px; margin-bottom: 4px; }
.rem-person-title { font-weight: 700; color: var(--rem-green) !important; margin-bottom: 12px !important; text-transform: none; }
.rem-person-skill, .rem-person-reg { display: flex; gap: 10px; font-size: 14px; line-height: 1.55; text-transform: none; margin-bottom: 10px; }
.rem-person-skill i, .rem-person-reg i { color: var(--rem-green); margin-top: 4px; width: 14px; flex: none; }
.rem-person-text { font-size: 14.5px; line-height: 1.6; text-transform: none; }
.rem-person-docs { margin-top: auto; padding-top: 14px; border-top: 1px dashed var(--tg-border-color); }
.rem-person-docs > span { display: block; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--tg-gray-four); margin-bottom: 8px; }
.rem-person-docs a { display: flex; gap: 8px; align-items: flex-start; padding: 6px 0; font-size: 13.5px; font-weight: 600; color: var(--tg-heading-font-color); line-height: 1.45; }
.rem-person-docs a i { color: #c99a06; margin-top: 3px; }
.rem-person-docs a:hover { color: var(--rem-green); }
.rem-person-link { margin-top: 12px; display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14px; color: #0a66c2; }
@media (max-width: 991.98px) { .rem-team-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) { .rem-team-grid { grid-template-columns: 1fr; } .rem-team { padding: 40px 0 70px; } }

/* Ölçüm cihazları */
.rem-devices { padding: 70px 0 100px; }
.rem-device-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.rem-device { display: flex; flex-direction: column; padding: 24px; border-radius: 18px; background: #fff; border: 1px solid var(--tg-border-color); }
.rem-device[hidden] { display: none; }
.rem-device-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.rem-device-ico { width: 46px; height: 46px; border-radius: 13px; background: var(--rem-green-soft); color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 18px; flex: none; }
.rem-device-type { padding: 5px 11px; border-radius: 20px; background: var(--tg-section-background); border: 1px solid var(--tg-border-color); font-size: 12px; font-weight: 700; color: var(--tg-gray-four); text-align: right; }
.rem-device-name { font-size: 18px; line-height: 1.35; margin-bottom: 4px; }
.rem-device-model { font-weight: 700; color: var(--rem-green-dark) !important; margin-bottom: 10px !important; text-transform: none; font-size: 14.5px; }
.rem-device-scope { font-size: 14px; line-height: 1.55; text-transform: none; }
.rem-device-cal { margin: auto 0 0 !important; padding-top: 14px; border-top: 1px dashed var(--tg-border-color); display: flex; gap: 10px; align-items: flex-start; font-weight: 700; font-size: 14px; color: var(--rem-green-dark) !important; text-transform: none; }
.rem-device-cal i { color: var(--rem-green); margin-top: 3px; }
.rem-device-cal small { display: block; font-weight: 500; font-size: 12.5px; color: var(--tg-gray-four); }
@media (max-width: 991.98px) { .rem-device-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) { .rem-device-grid { grid-template-columns: 1fr; } .rem-devices { padding: 40px 0 70px; } }

/* Vaka çalışması */
.rem-case { padding: 70px 0 60px; }
.rem-case-photo { margin: 0 0 28px; border-radius: 20px; overflow: hidden; }
.rem-case-photo img { width: 100%; max-height: 480px; object-fit: cover; }
.rem-case-blocks { display: grid; gap: 14px; margin-bottom: 30px; }
.rem-case-block { display: flex; gap: 16px; align-items: flex-start; padding: 22px; border-radius: 16px; border: 1px solid var(--tg-border-color); background: #fff; }
.rem-case-block .icon { width: 44px; height: 44px; flex: none; border-radius: 12px; background: var(--rem-green-soft); color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 17px; }
.rem-case-block > div { min-width: 0; flex: 1; }
.rem-case-block .h5 { font-size: 17px; margin-bottom: 6px; }
.rem-case-block p { margin: 0; text-transform: none; font-size: 15.5px; line-height: 1.65; }
.rem-case-block--result { background: var(--rem-green-soft); border-color: #cfe6d1; }
.rem-case-block--result .icon { background: var(--rem-green); color: #fff; }
.rem-case-detail { font-size: 16.5px; line-height: 1.8; }
.rem-case-side { position: sticky; top: 110px; display: grid; gap: 18px; }
.rem-case-card { padding: 22px; border-radius: 18px; border: 1px solid var(--tg-border-color); background: #fff; }
.rem-case-card .rem-refcard-logo { width: 100%; height: 96px; margin-bottom: 14px; }
.rem-case-dl { margin: 0; }
.rem-case-dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--tg-border-color); font-size: 14px; }
.rem-case-dl dt { color: var(--tg-gray-four); font-weight: 600; }
.rem-case-dl dd { margin: 0; text-align: right; font-weight: 700; color: var(--tg-heading-font-color); min-width: 0; overflow-wrap: anywhere; }
.rem-case-dl a { color: var(--rem-green-dark); }
@media (max-width: 991.98px) { .rem-case-side { position: static; } .rem-case { padding: 50px 0 40px; } }

/* İş birliği formu */
.rem-coop-form-area { scroll-margin-top: 90px; }
.rem-checkset { border: 0; padding: 0; margin: 0; }
.rem-checkset legend { font-weight: 700; font-size: 14px; color: var(--tg-heading-font-color); margin-bottom: 8px; float: none; width: auto; padding: 0; }
.rem-checkset-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.rem-checkset-grid label { display: flex; gap: 8px; align-items: center; padding: 9px 12px; border-radius: 10px; border: 1.5px solid var(--tg-border-color); background: var(--tg-section-background); font-size: 13.5px; font-weight: 600 !important; color: var(--tg-heading-font-color); cursor: pointer; margin: 0; transition: border-color .2s, background .2s; }
.rem-checkset-grid label:has(input:checked) { border-color: var(--rem-green); background: var(--rem-green-soft); }
.rem-form .rem-checkset-grid input { width: 16px; height: 16px; padding: 0; flex: none; accent-color: var(--rem-green); }
@media (max-width: 767.98px) { .rem-checkset-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px) { .rem-checkset-grid { grid-template-columns: 1fr; } }
/* Şablonun paragraf büyük harf dönüşümünü yeni bileşenlerde kapat */
.rem-chips-title, .rem-sector-aside .h6, .rem-legal-box .h6, .rem-hero-cta-title, .rem-cerez-baslik, .rem-verify-side .h5, .rem-verify-result .h5,
.rem-kb-empty, .rem-legal-date, .rem-region-contact-card p, .rem-certs-note p, .rem-legal-body p, .rem-case-dl, .rem-refmini-body { text-transform: none; }
.rem-trust-list li, .rem-verify-side li, .rem-person-docs li, .rem-sector-aside li, .rem-cerez li, .rem-case-blocks li { white-space: normal; }

/* Teklif formu dosya ekleme */
.rem-opt { font-weight: 500; color: var(--tg-gray-four); font-size: 12.5px; }
.rem-upload { position: relative; display: flex !important; align-items: center; gap: 14px; padding: 14px 16px; border: 1.5px dashed #c5d9c7; border-radius: 12px; background: var(--tg-section-background); cursor: pointer; transition: border-color .2s, background .2s; margin: 0; font-weight: 500 !important; }
.rem-upload:hover, .rem-upload:focus-within { border-color: var(--rem-green); background: #fff; }
.rem-upload.has-file { border-style: solid; border-color: var(--rem-green); background: var(--rem-green-soft); }
.rem-upload > i { width: 40px; height: 40px; flex: none; border-radius: 10px; background: #fff; color: var(--rem-green); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 1px var(--tg-border-color); }
.rem-upload strong { display: block; font-size: 14px; color: var(--tg-heading-font-color); }
.rem-upload small { display: block; font-size: 12.5px; color: var(--tg-gray-four); overflow-wrap: anywhere; }
.rem-form .rem-upload input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; padding: 0; }

/* Teklif sihirbazı */
.rem-wizard-area { padding: 60px 0 90px; }
.rem-wizard { scroll-margin-top: 100px; }
.rem-wizard-form { display: block !important; }
.rem-wizard-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 28px; counter-reset: a; }
.rem-wizard-steps li { display: flex; align-items: center; gap: 8px; padding-top: 10px; border-top: 3px solid var(--tg-border-color); font-size: 13.5px; font-weight: 700; color: var(--tg-gray-four); white-space: nowrap; }
.rem-wizard-steps li span { width: 24px; height: 24px; flex: none; border-radius: 50%; background: var(--tg-section-background); border: 1px solid var(--tg-border-color); display: flex; align-items: center; justify-content: center; font-size: 12px; }
.rem-wizard-steps li.is-active { border-color: var(--rem-green); color: var(--tg-heading-font-color); }
.rem-wizard-steps li.is-active span { background: var(--rem-green); border-color: var(--rem-green); color: #fff; }
.rem-wizard-steps li.is-done { border-color: #9fd3a3; }
.rem-wizard-steps li.is-done span { background: var(--rem-green-soft); color: var(--rem-green); border-color: #cfe6d1; }
.rem-wizard-step { border: 0; padding: 0; margin: 0 0 24px; min-width: 0; }
.rem-wizard-form.is-js .rem-wizard-step { display: none; }
.rem-wizard-form.is-js .rem-wizard-step.is-active { display: block; animation: rem-cerez-in .3s ease-out; }
.rem-wizard-step legend { float: none; width: auto; font-size: 22px; margin-bottom: 8px; padding: 0; }
.rem-wizard-hint { font-size: 14px; text-transform: none; color: var(--tg-gray-four); margin-bottom: 16px; }
.rem-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.rem-form-grid [hidden] { display: none !important; }
.rem-label { display: block; font-weight: 700; font-size: 14px; color: var(--tg-heading-font-color); margin-bottom: 7px; }
.rem-choice-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 14px; }
.rem-choice { position: relative; display: flex !important; align-items: center; gap: 12px; padding: 14px; border-radius: 12px; border: 1.5px solid var(--tg-border-color); background: #fff; cursor: pointer; margin: 0; font-weight: 600 !important; font-size: 14.5px; color: var(--tg-heading-font-color); transition: all .2s; line-height: 1.3; }
.rem-choice:hover { border-color: #9fd3a3; }
.rem-form .rem-choice input { position: absolute; opacity: 0; width: 1px; height: 1px; padding: 0; pointer-events: none; }
.rem-choice i { width: 34px; height: 34px; flex: none; border-radius: 10px; background: var(--rem-green-soft); color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 14px; }
.rem-choice:has(input:checked) { border-color: var(--rem-green); background: var(--rem-green-soft); box-shadow: 0 0 0 3px rgba(0, 145, 7, .1); }
.rem-choice:has(input:checked) i { background: var(--rem-green); color: #fff; }
.rem-choice:has(input:focus-visible) { box-shadow: 0 0 0 3px rgba(0, 145, 7, .35); }
.rem-choice--check::after { content: ""; position: absolute; top: 8px; right: 8px; width: 16px; height: 16px; border-radius: 5px; border: 1.5px solid var(--tg-border-color); background: #fff; }
.rem-choice--check:has(input:checked)::after { background: var(--rem-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='%23fff' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/12px no-repeat; border-color: var(--rem-green); }
.rem-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.rem-pill-opt { position: relative; margin: 0; cursor: pointer; }
.rem-form .rem-pill-opt input { position: absolute; opacity: 0; width: 1px; height: 1px; padding: 0; }
.rem-pill-opt span { display: inline-block; padding: 9px 16px; border-radius: 30px; border: 1.5px solid var(--tg-border-color); background: #fff; font-size: 14px; font-weight: 600; color: var(--tg-heading-font-color); transition: all .2s; }
.rem-pill-opt input:checked + span { background: var(--rem-green); border-color: var(--rem-green); color: #fff; }
.rem-pill-opt input:focus-visible + span { box-shadow: 0 0 0 3px rgba(0, 145, 7, .3); }
.rem-wizard-nav { display: flex; align-items: center; gap: 12px; padding-top: 18px; border-top: 1px solid var(--tg-border-color); }
.rem-wizard-nav .submit-btn { margin-left: auto; padding: 0 28px; display: inline-flex; align-items: center; gap: 8px; }
.rem-wizard-nav [hidden] { display: none !important; }
.rem-wizard-form:not(.is-js) .rem-wizard-next, .rem-wizard-form:not(.is-js) .rem-wizard-back { display: none; }
.rem-wizard-back { border: 0; background: none; font-weight: 700; color: var(--tg-gray-four); display: inline-flex; gap: 8px; align-items: center; padding: 10px 4px; }
.rem-wizard-back:hover { color: var(--rem-green); }
.rem-wizard-err { margin: 0; font-size: 14px; font-weight: 600; color: #a21d1d; text-transform: none; }
.rem-wizard-side { position: sticky; top: 110px; display: grid; gap: 16px; }
.rem-wizard-summary dl { margin: 0; }
.rem-wizard-summary dl > div { padding: 9px 0; border-top: 1px solid var(--tg-border-color); }
.rem-wizard-summary dt { font-size: 12px; font-weight: 700; color: var(--tg-gray-four); text-transform: uppercase; letter-spacing: .04em; }
.rem-wizard-summary dd { margin: 2px 0 0; font-size: 14px; font-weight: 600; color: var(--tg-heading-font-color); }
.rem-wizard-done { max-width: 620px; margin: 0 auto; text-align: center; padding: 40px 20px; }
.rem-wizard-done .icon { width: 80px; height: 80px; margin: 0 auto 20px; border-radius: 50%; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 34px; }
.rem-wizard-done p { text-transform: none; }
.rem-wizard-done-btns { display: flex; gap: 18px; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 20px; }
@media (max-width: 991.98px) { .rem-wizard-side { position: static; } .rem-choice-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) {
    .rem-wizard-area { padding: 30px 0 70px; }
    .rem-form-grid { grid-template-columns: 1fr; }
    .rem-choice-grid { grid-template-columns: 1fr; }
    .rem-wizard-steps li { font-size: 0; gap: 0; justify-content: center; }
    .rem-wizard-steps li span { font-size: 12px; }
    .rem-wizard-nav .submit-btn { padding: 0 20px; }
}
.rem-wizard-nav .submit-btn { width: auto !important; }

/* Kontrol takvimi aracı */
.rem-cal-form { display: block !important; max-width: 980px; margin: 0 auto; }
.rem-cal-head .h4 { margin-bottom: 4px; }
.rem-cal-head p:not(.h4) { text-transform: none; font-size: 14px; color: var(--tg-gray-four); }
.rem-cal-rows { display: grid; gap: 10px; margin: 16px 0 10px; }
.rem-cal-row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr) 110px 44px; gap: 10px; align-items: center; }
.rem-cal-del { width: 44px; height: 44px; border: 1.5px solid var(--tg-border-color); border-radius: 12px; background: #fff; color: var(--tg-gray-four); }
.rem-cal-del:hover { border-color: #e7a2a2; color: #c0341d; }
.rem-cal-add { border: 1.5px dashed #c5d9c7; background: none; border-radius: 12px; padding: 10px 16px; font-weight: 700; font-size: 14px; color: var(--rem-green); }
.rem-cal-add:hover { border-color: var(--rem-green); background: var(--rem-green-soft); }
.rem-cal-table-wrap { margin-top: 26px; overflow-x: auto; }
.rem-cal-table { width: 100%; border-collapse: collapse; margin: 10px 0 14px; font-size: 14.5px; }
.rem-cal-table th { text-align: left; font-size: 12.5px; text-transform: uppercase; letter-spacing: .04em; color: var(--tg-gray-four); padding: 10px 12px; border-bottom: 2px solid var(--tg-border-color); }
.rem-cal-table td { padding: 12px; border-bottom: 1px solid var(--tg-border-color); vertical-align: top; color: var(--tg-heading-font-color); }
.rem-cal-table td small { display: block; font-size: 12.5px; color: var(--tg-gray-four); margin-top: 2px; }
.rem-cal-st { display: inline-block; padding: 4px 10px; border-radius: 20px; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.rem-cal-st.is-ok { background: var(--rem-green-soft); color: var(--rem-green-dark); }
.rem-cal-st.is-wait { background: #fff4dc; color: #8a5a00; }
.rem-cal-st.is-bad { background: #fdecec; color: #a21d1d; }
.rem-cal-contact { margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--tg-border-color); scroll-margin-top: 100px; }
@media (max-width: 767.98px) {
    .rem-cal-row { grid-template-columns: 1fr 1fr; }
    .rem-cal-row .rem-input--select { grid-column: 1 / -1; }
    .rem-cal-adet { grid-column: auto; }
}
.rem-cal-form .h4, .rem-cal-form .h5, .rem-wizard-step legend, .rem-wizard-done .h3 { text-transform: none; }

/* Teklif onay sayfası */
.rem-offer .rem-verify-result { margin: 0 0 20px; }
.rem-offer-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.rem-offer-no { display: block; font-family: ui-monospace, Menlo, monospace; font-weight: 700; font-size: 18px; color: var(--tg-heading-font-color); }
.rem-offer-date { display: block; font-size: 13.5px; color: var(--tg-gray-four); }
.rem-offer-total { margin: 4px 0 18px auto; max-width: 340px; }
.rem-offer-total > div { display: flex; justify-content: space-between; padding: 6px 0; font-size: 14.5px; }
.rem-offer-total dt { font-weight: 600; color: var(--tg-gray-four); }
.rem-offer-total dd { margin: 0; font-weight: 700; color: var(--tg-heading-font-color); }
.rem-offer-total .is-total { border-top: 2px solid var(--tg-heading-font-color); margin-top: 4px; padding-top: 10px; font-size: 18px; }
.rem-offer-note { padding: 14px 16px; border-radius: 12px; background: var(--tg-section-background); margin-bottom: 12px; }
.rem-offer-note p { margin: 4px 0 0; text-transform: none; font-size: 14px; }
.rem-offer-form { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; padding: 26px !important; }
.rem-offer-form .h5 { margin: 0; text-transform: none; }
.rem-offer-btns { display: grid; gap: 8px; }
.rem-offer-btns .submit-btn { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.rem-offer-red { border: 0; background: none; font-weight: 700; font-size: 14px; color: #a21d1d; padding: 8px; text-decoration: underline; text-underline-offset: 3px; }

/* Örnek rapor bölümü */
.rem-sample { padding: 70px 0 0; }
.rem-sample-card { display: grid; grid-template-columns: 340px 1fr; gap: 40px; align-items: center; padding: 34px; border-radius: 22px; background: #fff; border: 1px solid var(--tg-border-color); }
.rem-sample-card.is-text { grid-template-columns: 1fr; }
.rem-sample-img { position: relative; display: block; border-radius: 14px; overflow: hidden; box-shadow: 0 20px 50px rgba(7, 43, 0, .15); transform: rotate(-2deg); transition: transform .3s; }
.rem-sample-img:hover { transform: rotate(0); }
.rem-sample-img img { width: 100%; display: block; }
.rem-sample-img span { position: absolute; right: 10px; bottom: 10px; padding: 6px 12px; border-radius: 20px; background: rgba(7, 43, 0, .8); color: #fff; font-size: 12.5px; font-weight: 700; }
.rem-sample-body ul { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; margin: 18px 0 20px; }
.rem-sample-body li { display: flex; gap: 10px; font-size: 14.5px; line-height: 1.5; color: var(--tg-paragraph-color); white-space: normal; }
.rem-sample-body li i { color: var(--rem-green); margin-top: 4px; }
.rem-sample-body li strong { color: var(--tg-heading-font-color); }
@media (max-width: 991.98px) { .rem-sample-card { grid-template-columns: 1fr; padding: 24px; } .rem-sample-img { max-width: 320px; } }
@media (max-width: 575.98px) { .rem-sample-body ul { grid-template-columns: 1fr; } .rem-sample { padding-top: 50px; } }
.rem-svc-kb { margin: 40px 0 10px; } .rem-svc-kb .h3 { margin-bottom: 16px; text-transform: none; }
/* Teknik sözlük */
.rem-az { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 30px; }
.rem-az a { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid var(--tg-border-color); font-weight: 700; color: var(--tg-heading-font-color); }
.rem-az a:hover { background: var(--rem-green); color: #fff; border-color: var(--rem-green); }
.rem-az-grup { display: grid; grid-template-columns: 60px 1fr; gap: 20px; padding: 22px 0; border-top: 1px solid var(--tg-border-color); scroll-margin-top: 100px; }
.rem-az-harf { font-family: var(--tg-heading-font-family); font-size: 34px; font-weight: 800; color: var(--rem-green); line-height: 1; text-transform: none; }
.rem-terimler { margin: 0; display: grid; gap: 18px; }
.rem-terimler > div { scroll-margin-top: 100px; }
.rem-terimler > div:target { background: var(--rem-green-soft); border-radius: 10px; padding: 8px 12px; margin: -8px -12px; }
.rem-terimler dt { font-family: var(--tg-heading-font-family); font-size: 18px; color: var(--tg-heading-font-color); }
.rem-terimler dt span { font-weight: 600; color: var(--tg-gray-four); font-size: 15px; }
.rem-terimler dd { margin: 4px 0 0; font-size: 15px; line-height: 1.65; color: var(--tg-paragraph-color); }
.rem-terimler dd a { font-weight: 700; color: var(--rem-green-dark); white-space: nowrap; }
@media (max-width: 575.98px) { .rem-az-grup { grid-template-columns: 1fr; gap: 8px; } }

/* ===== Araçlar (/araclar) ===== */
.rem-tools-area { padding: 60px 0 90px; }
.rem-tools-grup { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--rem-green); margin: 34px 0 14px; }
.rem-tools-grup:first-child { margin-top: 0; }
.rem-tools-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.rem-tool-card { display: flex; align-items: center; gap: 16px; padding: 22px; border: 1px solid var(--tg-border-color); border-radius: 18px; background: #fff; color: inherit; transition: border-color .2s, box-shadow .2s, transform .2s; }
.rem-tool-card:hover { border-color: var(--rem-green); box-shadow: 0 18px 40px rgba(7, 43, 0, .08); transform: translateY(-2px); color: inherit; }
.rem-tool-card .icon { flex: 0 0 54px; height: 54px; border-radius: 16px; background: var(--rem-green-soft); color: var(--rem-green); display: flex; align-items: center; justify-content: center; font-size: 22px; }
.rem-tool-card .txt { flex: 1; min-width: 0; }
.rem-tool-card strong { display: block; color: var(--tg-heading-font-color); font-size: 16.5px; line-height: 1.3; }
.rem-tool-card small { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.45; color: var(--tg-body-font-color); text-transform: none; }
.rem-tool-card .go { color: var(--rem-green); opacity: .5; }
.rem-tool-card:hover .go { opacity: 1; }
.rem-tools-more { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.rem-tools-more a { padding: 9px 16px; border-radius: 30px; border: 1px solid var(--tg-border-color); font-weight: 600; font-size: 14px; color: var(--tg-heading-font-color); }
.rem-tools-more a:hover { border-color: var(--rem-green); color: var(--rem-green); }
.rem-tools-more i { color: var(--rem-green); margin-right: 6px; }

.rem-tool .rem-form-card + .rem-form-card { margin-top: 24px; }
.rem-tool-head { margin: 26px 0 14px; }
.rem-tool-head:first-child { margin-top: 0; }
.rem-tool-head .h4 { margin-bottom: 4px; }
.rem-tool-head p:not(.h4) { margin: 0; font-size: 14.5px; text-transform: none; }
.rem-help { display: block; margin-top: 6px; font-size: 12.5px; color: var(--tg-gray-four); text-transform: none; }
.rem-tool-result { display: flex; flex-wrap: wrap; gap: 14px; margin: 26px 0 18px; }
.rem-tool-result:empty { display: none; }
.rem-tool-result > p { margin: 0; color: var(--tg-gray-four); }
.rem-tool-result--liste { display: block; }
.rem-tool-stat { flex: 1 1 200px; padding: 18px 20px; border-radius: 16px; background: #f6f8f6; border: 1px solid var(--tg-border-color); }
.rem-tool-stat small { display: block; font-size: 13px; color: var(--tg-gray-four); text-transform: none; }
.rem-tool-stat strong { display: block; margin-top: 4px; font-size: 24px; line-height: 1.2; color: var(--tg-heading-font-color); }
.rem-tool-stat span { display: block; margin-top: 4px; font-size: 13px; color: var(--tg-body-font-color); }
.rem-tool-stat .rem-cal-st { display: inline-block; margin-top: 6px; }
.rem-tool-stat.is-ana { background: var(--rem-green-deep); border-color: var(--rem-green-deep); }
.rem-tool-stat.is-ana small, .rem-tool-stat.is-ana span { color: rgba(255, 255, 255, .7); }
.rem-tool-stat.is-ana strong { color: #fff; font-size: 28px; }
.rem-tool-verdict { flex: 1 1 100%; display: flex; gap: 14px; align-items: flex-start; padding: 16px 20px; border-radius: 16px; }
.rem-tool-verdict i { font-size: 22px; margin-top: 2px; }
.rem-tool-verdict strong { display: block; font-size: 16px; }
.rem-tool-verdict span { display: block; font-size: 14px; margin-top: 2px; }
.rem-tool-verdict.is-ok { background: var(--rem-green-soft); color: var(--rem-green-dark); }
.rem-tool-verdict.is-bad { background: #fdecec; color: #8c1c1c; }
.rem-cal-table tr.is-sec td { background: var(--rem-green-soft); }
.rem-tool-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.rem-tool-tabs button { padding: 10px 16px; border-radius: 12px; border: 1.5px solid var(--tg-border-color); background: #fff; font-weight: 600; font-size: 14px; color: var(--tg-body-font-color); }
.rem-tool-tabs button.is-aktif { border-color: var(--rem-green); background: var(--rem-green-soft); color: var(--rem-green-dark); }
.rem-tool-rows { display: grid; gap: 10px; margin: 0 0 10px; }
.rem-tool-row { display: grid; grid-template-columns: minmax(0, 1.6fr) 100px 120px minmax(0, 1.6fr) 44px; gap: 10px; align-items: center; }
.rem-tool-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.rem-tool-check { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1.5px solid var(--tg-border-color); border-radius: 12px; cursor: pointer; font-size: 14.5px; line-height: 1.4; margin: 0; }
.rem-tool-check input { margin-top: 3px; accent-color: var(--rem-green); }
.rem-tool-check:has(input:checked) { border-color: var(--rem-green); background: var(--rem-green-soft); }
.rem-tool-oneri { display: flex; gap: 16px; align-items: flex-start; padding: 16px 18px; border: 1px solid var(--tg-border-color); border-radius: 14px; margin-bottom: 10px; background: #fff; }
.rem-tool-oneri.is-tip { border-color: var(--rem-green); }
.rem-tool-oneri.is-kritik { border-left: 4px solid #c0341d; }
.rem-tool-oneri-deger { flex: 0 0 auto; min-width: 92px; max-width: 220px; padding: 6px 10px; border-radius: 10px; background: var(--rem-green-soft); color: var(--rem-green-dark); font-weight: 700; font-size: 13.5px; text-align: center; }
.rem-tool-oneri strong { display: block; color: var(--tg-heading-font-color); font-size: 15px; }
.rem-tool-oneri p { margin: 4px 0 0; font-size: 14px; line-height: 1.5; text-transform: none; }
.rem-tool-oneri small { display: block; margin-top: 4px; font-size: 12.5px; color: var(--tg-gray-four); }
.rem-tool-oneri a { display: inline-block; margin-top: 6px; font-size: 13.5px; font-weight: 600; color: var(--rem-green); }
.rem-tool-actions { margin: 0 0 18px; }
.rem-tool-send .h5 { margin-bottom: 4px; }
.rem-tool-send-txt { font-size: 14.5px; text-transform: none; margin-bottom: 18px; }
.rem-tool-send textarea { width: 100%; border: 1.5px solid var(--tg-border-color); border-radius: 12px; padding: 12px 14px; }
.rem-tool-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin-top: 30px; }
.rem-tool-link { display: flex; gap: 12px; align-items: center; padding: 14px 16px; border: 1px solid var(--tg-border-color); border-radius: 14px; color: inherit; }
.rem-tool-link:hover { border-color: var(--rem-green); color: inherit; }
.rem-tool-link i { color: var(--rem-green); font-size: 18px; width: 22px; text-align: center; }
.rem-tool-link small { display: block; font-size: 12px; color: var(--tg-gray-four); text-transform: none; }
.rem-tool-link strong { display: block; font-size: 14.5px; color: var(--tg-heading-font-color); line-height: 1.3; }
.rem-quiz-grup { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--rem-green); margin: 24px 0 10px; }
.rem-quiz-soru { border: 1px solid var(--tg-border-color); border-radius: 14px; padding: 14px 16px; margin: 0 0 10px; }
.rem-quiz-soru legend { float: left; width: 100%; font-size: 15px; font-weight: 600; color: var(--tg-heading-font-color); margin: 0 0 10px; line-height: 1.45; }
.rem-quiz-soru legend span { color: var(--rem-green); }
.rem-quiz-sec { clear: both; display: flex; flex-wrap: wrap; gap: 8px; }
.rem-quiz-sec label { margin: 0; cursor: pointer; }
.rem-quiz-sec input { position: absolute; opacity: 0; }
.rem-quiz-sec span { display: inline-block; padding: 7px 14px; border-radius: 20px; border: 1.5px solid var(--tg-border-color); font-size: 14px; font-weight: 600; }
.rem-quiz-sec input:checked + span { border-color: var(--rem-green); background: var(--rem-green); color: #fff; }
.rem-quiz-sec input:focus-visible + span { outline: 2px solid var(--rem-green); outline-offset: 2px; }
.rem-quiz-skor { display: flex; align-items: center; gap: 18px; padding: 20px 24px; border-radius: 18px; margin-bottom: 20px; }
.rem-quiz-skor strong { font-size: 44px; line-height: 1; }
.rem-quiz-skor span { font-size: 18px; font-weight: 700; }
.rem-quiz-skor.is-ok { background: var(--rem-green-soft); color: var(--rem-green-dark); }
.rem-quiz-skor.is-wait { background: #fff4dc; color: #8a5a00; }
.rem-quiz-skor.is-bad { background: #fdecec; color: #8c1c1c; }
@media (max-width: 767px) {
    .rem-tool-row { grid-template-columns: 1fr 1fr; }
    .rem-tool-row > :first-child, .rem-tool-row > :nth-child(4) { grid-column: 1 / -1; }
    .rem-tool-oneri { flex-direction: column; gap: 8px; }
    .rem-tool-stat strong { font-size: 21px; }
}
@media print {
    body:has(.rem-tool) header, body:has(.rem-tool) footer, body:has(.rem-tool) .rem-tool-send, body:has(.rem-tool) .rem-tool-links, body:has(.rem-tool) .rem-tool-actions,
    body:has(.rem-tool) .rem-page-hero, body:has(.rem-tool) [class*="float"], body:has(.rem-tool) .rem-cookie { display: none !important; }
    .rem-tool .rem-form-card { box-shadow: none; border: 0; padding: 0; }
}
.rem-tool .rem-form-card.rem-form { display: block; }
.rem-tool .rem-form input[type=checkbox], .rem-tool .rem-form input[type=radio] { width: auto; height: auto; padding: 0; flex: 0 0 auto; box-shadow: none; }
.rem-tool .rem-form-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px 18px; }
.rem-tool .rem-tool-send .rem-form-grid { grid-template-columns: 1fr 1fr; }
.rem-tool .rem-field--full { grid-column: 1 / -1; }
@media (max-width: 767px) { .rem-tool .rem-tool-send .rem-form-grid { grid-template-columns: 1fr; } }
.rem-tool [hidden] { display: none !important; }

/* ===== Paketler ===== */
.rem-pkg-area, .rem-err-area, .rem-law-area, .rem-cmp-area, .rem-job-area { padding: 60px 0 90px; }
.rem-pkg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 22px; align-items: stretch; }
.rem-pkg { position: relative; display: flex; flex-direction: column; padding: 32px 28px; border: 1px solid var(--tg-border-color); border-radius: 22px; background: #fff; }
.rem-pkg.is-one { border: 2px solid var(--rem-green); box-shadow: 0 25px 60px rgba(7, 43, 0, .1); }
.rem-pkg-badge { position: absolute; top: -13px; left: 28px; padding: 4px 12px; border-radius: 20px; background: var(--rem-green); color: #fff; font-size: 12px; font-weight: 700; }
.rem-pkg-ad { font-size: 24px; margin-bottom: 8px; }
.rem-pkg-kisa { font-size: 14.5px; text-transform: none; margin-bottom: 18px; }
.rem-pkg-fiyat { padding: 16px 0; border-top: 1px solid var(--tg-border-color); border-bottom: 1px solid var(--tg-border-color); margin-bottom: 18px; }
.rem-pkg-fiyat strong { display: block; font-size: 28px; color: var(--tg-heading-font-color); line-height: 1.2; }
.rem-pkg-fiyat strong.is-teklif { font-size: 22px; color: var(--rem-green); }
.rem-pkg-fiyat small { display: block; margin-top: 4px; font-size: 13px; color: var(--tg-gray-four); text-transform: none; }
.rem-pkg-liste { flex: 1; margin-bottom: 18px; }
.rem-pkg-liste li { display: flex; gap: 10px; padding: 6px 0; font-size: 14.5px; line-height: 1.5; }
.rem-pkg-liste i { color: var(--rem-green); margin-top: 4px; font-size: 12px; }
.rem-pkg-kim { font-size: 13.5px; color: var(--tg-body-font-color); text-transform: none; }
.rem-pkg-kim i { color: var(--rem-green); margin-right: 4px; }
.rem-pkg .btn { justify-content: center; width: 100%; }
.btn.rem-btn-ghost { background: #fff; color: var(--rem-green); border: 1.5px solid var(--rem-green); }
.btn.rem-btn-ghost:hover { background: var(--rem-green); color: #fff; }
.rem-pkg-not { margin-top: 26px; }

/* ===== Sık yapılan hatalar ===== */
.rem-err-filtre { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.rem-err-filtre button { padding: 8px 16px; border-radius: 20px; border: 1.5px solid var(--tg-border-color); background: #fff; font-weight: 600; font-size: 14px; }
.rem-err-filtre button.is-aktif { background: var(--rem-green); border-color: var(--rem-green); color: #fff; }
.rem-err-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 24px; }
.rem-err { border: 1px solid var(--tg-border-color); border-radius: 20px; overflow: hidden; background: #fff; scroll-margin-top: 120px; }
.rem-err[hidden] { display: none; }
.rem-err-img { display: grid; grid-template-columns: 1fr; }
.rem-err-img.is-cift { grid-template-columns: 1fr 1fr; gap: 2px; background: var(--tg-border-color); }
.rem-err-img figure { position: relative; margin: 0; aspect-ratio: 4 / 3; background: #eef1ee; }
.rem-err-img img { width: 100%; height: 100%; object-fit: cover; }
.rem-err-img figcaption { position: absolute; left: 10px; top: 10px; padding: 4px 10px; border-radius: 20px; font-size: 12px; font-weight: 700; color: #fff; }
.rem-err-img figcaption.is-bad { background: #c0341d; }
.rem-err-img figcaption.is-ok { background: var(--rem-green); }
.rem-err-body { padding: 20px 22px 24px; }
.rem-err-body p { font-size: 14.5px; line-height: 1.6; text-transform: none; margin-bottom: 10px; }
.rem-err-kat { display: inline-block; font-size: 12px; font-weight: 700; color: var(--rem-green); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 6px; }
.rem-err-baslik { font-weight: 700; margin: 12px 0 2px !important; }
.rem-err-baslik.is-bad { color: #a21d1d; }
.rem-err-baslik.is-ok { color: var(--rem-green-dark); }
.rem-err-link { font-weight: 600; font-size: 14px; color: var(--rem-green); }
.rem-err-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 36px; padding: 24px 28px; border-radius: 20px; background: var(--rem-green-soft); }
.rem-err-cta p { margin: 0; text-transform: none; }

/* ===== Mevzuat ===== */
.rem-law-ara { display: flex; align-items: center; gap: 10px; max-width: 520px; padding: 0 16px; height: 52px; border: 1.5px solid var(--tg-border-color); border-radius: 14px; background: #fff; margin-bottom: 12px; }
.rem-law-ara i { color: var(--tg-gray-four); }
.rem-law-ara input { flex: 1; border: 0; outline: 0; height: 100%; background: none; font-size: 15px; }
.rem-law-grup[hidden], .rem-law[hidden] { display: none; }
.rem-law { padding: 22px 24px; border: 1px solid var(--tg-border-color); border-radius: 18px; background: #fff; margin-bottom: 12px; scroll-margin-top: 120px; }
.rem-law-head { display: flex; gap: 16px; justify-content: space-between; align-items: flex-start; }
.rem-law-head .h5 { margin: 0; }
.rem-law-kaynak { flex: 0 0 auto; font-size: 13.5px; font-weight: 600; color: var(--rem-green); white-space: nowrap; }
.rem-law-meta { font-size: 13px; color: var(--tg-gray-four); margin: 4px 0 10px; text-transform: none; }
.rem-law p:not(.rem-law-meta) { font-size: 14.5px; line-height: 1.6; text-transform: none; margin-bottom: 10px; }
.rem-law-alt { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.rem-law-tag { padding: 3px 10px; border-radius: 20px; background: var(--rem-green-soft); color: var(--rem-green-dark); font-size: 12.5px; font-weight: 600; }
.rem-law-tarih { margin-left: auto; font-size: 12.5px; color: var(--tg-gray-four); }
.rem-law-bos { padding: 20px 0; color: var(--tg-gray-four); }

/* ===== Karşılaştırma ===== */
.rem-cmp-giris { max-width: 860px; margin-bottom: 26px; font-size: 16px; }
.rem-cmp-wrap { overflow-x: auto; border: 1px solid var(--tg-border-color); border-radius: 18px; background: #fff; }
.rem-cmp { width: 100%; border-collapse: collapse; min-width: 560px; }
.rem-cmp th, .rem-cmp td { padding: 16px 20px; border-bottom: 1px solid var(--tg-border-color); text-align: left; vertical-align: top; font-size: 15px; line-height: 1.55; }
.rem-cmp tr:last-child th, .rem-cmp tr:last-child td { border-bottom: 0; }
.rem-cmp thead th { background: var(--rem-green-deep); color: #fff; font-size: 16px; }
.rem-cmp thead th i { margin-right: 8px; color: #8fdc93; }
.rem-cmp tbody th { width: 26%; color: var(--tg-heading-font-color); background: #f6f8f6; font-weight: 700; }
.rem-cmp-sonuc { margin-top: 26px; padding: 22px 26px; border-radius: 18px; background: var(--rem-green-soft); }
.rem-cmp-sonuc .h5 i { color: var(--rem-green); margin-right: 6px; }
.rem-cmp-sonuc p:last-child { margin: 0; text-transform: none; }
.rem-cmp-cta { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 26px; }

/* ===== Kariyer ===== */
.rem-job { border: 1px solid var(--tg-border-color); border-radius: 18px; background: #fff; margin-bottom: 12px; scroll-margin-top: 120px; }
.rem-job summary { list-style: none; cursor: pointer; padding: 20px 24px; }
.rem-job summary::-webkit-details-marker { display: none; }
.rem-job-ad { display: block; font-size: 18px; font-weight: 700; color: var(--tg-heading-font-color); }
.rem-job-meta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; font-size: 13.5px; color: var(--tg-gray-four); }
.rem-job-meta i { color: var(--rem-green); margin-right: 5px; }
.rem-job-ozet { display: block; margin-top: 8px; font-size: 14.5px; }
.rem-job-body { padding: 0 24px 24px; }
.rem-job-body p, .rem-job-body li { font-size: 14.5px; line-height: 1.6; text-transform: none; }
.rem-job[open] { border-color: var(--rem-green); }
.rem-job-yok { display: flex; gap: 18px; padding: 26px; border: 1px dashed #c5d9c7; border-radius: 18px; }
.rem-job-yok > i { font-size: 28px; color: var(--rem-green); }
.rem-job-yok p { margin: 0; text-transform: none; }
.rem-job-form { grid-template-columns: 1fr; position: sticky; top: 110px; }
.rem-file { width: 100%; padding: 12px !important; height: auto !important; background: #fff !important; }

/* ===== Ön değerlendirme ===== */
.rem-pre-steps ol li { display: flex; gap: 16px; margin-bottom: 18px; }
.rem-pre-steps ol li > span { flex: 0 0 36px; height: 36px; border-radius: 50%; background: var(--rem-green); color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.rem-pre-steps ol p { margin: 2px 0 0; font-size: 14.5px; text-transform: none; }
.rem-pre-uyari { display: flex; gap: 12px; padding: 16px 18px; border-radius: 14px; background: #fdecec; color: #8c1c1c; margin: 10px 0 18px; }
.rem-pre-uyari p { margin: 0; font-size: 14px; text-transform: none; color: inherit; }
.rem-pre-uyari i { margin-top: 3px; }
@media (max-width: 767px) {
    .rem-err-grid { grid-template-columns: 1fr; }
    .rem-law-head { flex-direction: column; gap: 6px; }
    .rem-job-form { position: static; }
}

/* ===== Yardım kutusu ===== */
.rem-asst-btn { border: 0; cursor: pointer; }
.rem-asst-btn i { position: absolute; transition: transform .25s, opacity .25s; }
.rem-asst-i2 { opacity: 0; transform: rotate(-90deg); font-size: 22px; }
.rem-asst.is-acik .rem-asst-btn { animation: none; }
.rem-asst.is-acik .rem-asst-i1 { opacity: 0; transform: rotate(90deg); }
.rem-asst.is-acik .rem-asst-i2 { opacity: 1; transform: none; }
.rem-asst-panel { position: fixed; left: 20px; bottom: 92px; width: 340px; max-width: calc(100vw - 40px); max-height: calc(100vh - 130px); overflow: auto; z-index: 10000;
    background: #fff; border-radius: 20px; box-shadow: 0 25px 70px rgba(7, 43, 0, .28); animation: rem-asst-in .2s ease-out; }
@keyframes rem-asst-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.rem-asst-head { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: var(--rem-green-deep); color: #fff; border-radius: 20px 20px 0 0; }
.rem-asst-avatar { flex: 0 0 40px; height: 40px; border-radius: 50%; background: var(--rem-green); display: flex; align-items: center; justify-content: center; }
.rem-asst-head strong { display: block; font-size: 15px; color: #fff; }
.rem-asst-head small { display: block; font-size: 12px; opacity: .75; }
.rem-asst-close { margin-left: auto; width: 32px; height: 32px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .12); color: #fff; }
.rem-asst-body { padding: 16px 16px 6px; background: #f4f7f4; }
.rem-asst-bubble { display: inline-block; margin: 0 0 12px; padding: 10px 14px; border-radius: 4px 16px 16px 16px; background: #fff; font-size: 14px; line-height: 1.5; text-transform: none; box-shadow: 0 2px 6px rgba(0, 0, 0, .05); }
.rem-asst-opts { display: grid; gap: 8px; padding-bottom: 10px; }
.rem-asst-opts a { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1.5px solid #d6e6d7; border-radius: 12px; background: #fff; font-size: 14px; font-weight: 600; color: var(--rem-green-dark); }
.rem-asst-opts a:hover, .rem-asst-opts a:focus-visible { border-color: var(--rem-green); background: var(--rem-green-soft); }
.rem-asst-opts i { width: 18px; text-align: center; color: var(--rem-green); }
.rem-asst-foot { display: flex; gap: 8px; padding: 12px 16px 16px; background: #f4f7f4; border-radius: 0 0 20px 20px; }
.rem-asst-wa { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; border-radius: 12px; background: var(--rem-whatsapp); color: #fff; font-weight: 700; font-size: 14px; }
.rem-asst-wa:hover { color: #fff; filter: brightness(.95); }
.rem-asst-tel { flex: 0 0 44px; height: 44px; border-radius: 12px; background: var(--rem-green); color: #fff; display: flex; align-items: center; justify-content: center; }
.rem-asst-tel:hover { color: #fff; }
.rem-cerez-acik .rem-asst-panel, .rem-drawer-open .rem-asst-panel { display: none; }

/* ===== Hatırlatma servisi ===== */
.rem-sub-form { display: block; }
.rem-sub-rows { display: grid; gap: 10px; margin-bottom: 10px; }
.rem-sub-row { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) 44px; gap: 10px; align-items: center; }
.rem-sub-form .rem-form-grid { margin-top: 12px; }
.rem-check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.5; cursor: pointer; text-transform: none; }
.rem-check input { width: auto !important; height: auto !important; margin-top: 4px; padding: 0 !important; accent-color: var(--rem-green); }
.rem-sub-sonuc { max-width: 640px; margin: 0 auto; text-align: center; }
.rem-sub-sonuc p { text-transform: none; }
.rem-sub-ikon { width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 50%; background: #f1f3f1; color: var(--tg-gray-four); display: flex; align-items: center; justify-content: center; font-size: 28px; }
.rem-sub-ikon.is-ok { background: var(--rem-green-soft); color: var(--rem-green); }
.rem-sub-liste { text-align: left; margin: 20px 0; }
.rem-sub-liste li { display: flex; gap: 12px; align-items: center; padding: 12px 16px; border: 1px solid var(--tg-border-color); border-radius: 12px; margin-bottom: 8px; }
.rem-sub-liste i { color: var(--rem-green); }
.rem-sub-liste span { flex: 1; }
.rem-sub-btns { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
@media (max-width: 575px) { .rem-sub-row { grid-template-columns: 1fr 44px; } .rem-sub-row > :nth-child(2) { grid-column: 1; } .rem-sub-row > :nth-child(3) { grid-row: 1 / 3; grid-column: 2; } }
.rem-cal-hat { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; padding: 10px 16px; border-radius: 12px; background: var(--rem-green-soft); color: var(--rem-green-dark); font-weight: 700; font-size: 14px; }

/* ===== Bölge haritası ===== */
.rem-map { margin: 0 0 40px; padding: 26px 26px 18px; border: 1px solid var(--tg-border-color); border-radius: 22px; background: linear-gradient(180deg, #f7faf7, #fff); }
.rem-map svg { display: block; width: 100%; height: auto; overflow: visible; }
.rem-map-nokta { fill: #cfd9d0; }
.rem-map-hat { stroke: var(--rem-green); stroke-width: 1.5; stroke-dasharray: 4 5; opacity: .45; }
.rem-map-il circle { fill: var(--rem-green); stroke: #fff; stroke-width: 3; transition: r .2s; filter: drop-shadow(0 3px 6px rgba(0, 145, 7, .35)); }
.rem-map-il.is-merkez circle { fill: var(--rem-green-deep); stroke: #8fdc93; stroke-width: 4; }
.rem-map-il text { font-size: 14px; font-weight: 700; fill: var(--tg-heading-font-color); paint-order: stroke; stroke: #fff; stroke-width: 4px; stroke-linejoin: round; }
.rem-map-il:hover circle, .rem-map-il:focus circle { r: 12; }
.rem-map-il:focus { outline: none; }
.rem-map-il:focus-visible text { fill: var(--rem-green); text-decoration: underline; }
.rem-map-lejant { display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; margin-top: 14px; font-size: 13px; color: var(--tg-body-font-color); }
.rem-map-lejant span { display: inline-flex; align-items: center; gap: 7px; }
.rem-map-lejant i { width: 11px; height: 11px; border-radius: 50%; background: #cfd9d0; }
.rem-map-lejant i.is-aktif { background: var(--rem-green); }
.rem-map-lejant i.is-merkez { background: var(--rem-green-deep); box-shadow: 0 0 0 2px #8fdc93; }
@media (max-width: 575px) { .rem-map { padding: 14px 10px 12px; } .rem-map-il text { font-size: 22px; } }
.rem-map-ulke { fill: #e8f1e8; stroke: #9fc4a1; stroke-width: 1.5; stroke-linejoin: round; }
.rem-map-nokta { fill: #b9cbbb; }