* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8faf8;
    color: #1f1f1f;
    line-height: 1.5;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input {
    font: inherit;
}

.container {
    width: min(92%, 1240px);
    margin: 0 auto;
}


/* =========================
   HEADER
========================= */

.site-header {
    background-color: rgba(255, 255, 255, 0.88);
    border-bottom: 1px solid rgba(232, 232, 232, 0.8);
    backdrop-filter: blur(10px);

    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-inner {
    min-height: 76px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;
}


/* LOGO */

.logo {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.logo img {
    width: 205px;
    height: auto;
    max-height: 54px;

    object-fit: contain;

    display: block;
}

.logo span {
    display: none;
}


/* ANA MENÜ */

.main-nav {
    display: flex;
    align-items: center;

    gap: 28px;
}

.main-nav a {
    font-size: 15px;
    font-weight: 600;

    transition: 0.2s ease;
}

.main-nav a:hover {
    color: #205b42;
}


/* HEADER SAĞ TARAF */

.header-actions {
    display: flex;
    align-items: center;

    gap: 10px;
}

.language-button {
    min-width: 44px;
    height: 40px;

    padding: 0 12px;

    border: 1px solid #dedede;
    border-radius: 8px;

    background-color: #ffffff;

    cursor: pointer;

    font-weight: 700;
}


/* BUTONLAR */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;

    padding: 0 18px;

    border-radius: 9px;

    font-size: 14px;
    font-weight: 700;

    transition: 0.2s ease;
}

.btn-outline {
    border: 1px solid #205b42;

    color: #205b42;
}

.btn-outline:hover {
    background-color: #edf5f1;
}

.btn-primary {
    background-color: #205b42;

    color: #ffffff;
}

.btn-primary:hover {
    background-color: #174633;
}


/* =========================
   HERO
========================= */

.hero {
    padding: 100px 0 110px;

    background:
        linear-gradient(
            90deg,
            rgba(12, 28, 20, 0.9) 0%,
            rgba(17, 34, 25, 0.72) 42%,
            rgba(17, 34, 25, 0.46) 100%
        ),
        url("../assets/images/home/home-hero-connection.webp");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-content {
    max-width: 850px;
}

.hero-badge {
    display: inline-block;

    margin-bottom: 22px;

    padding: 8px 14px;

    border-radius: 999px;

    background-color: rgba(255, 255, 255, 0.16);

    color: #ffffff;

    font-size: 14px;
    font-weight: 700;

    backdrop-filter: blur(6px);
}

.hero h1 {
    max-width: 820px;

    margin-bottom: 22px;

    font-size: clamp(42px, 6vw, 72px);

    line-height: 1.04;

    letter-spacing: -2px;

    color: #ffffff;
}

.hero h1 span {
    color: #d9f3e5;
}

.hero p {
    max-width: 650px;

    margin-bottom: 36px;

    font-size: 19px;

    line-height: 1.7;

    color: rgba(255, 255, 255, 0.92);
}


/* =========================
   SEARCH
========================= */

.search-box {
    max-width: 900px;

    display: grid;

    grid-template-columns: 1.5fr 1fr auto;

    gap: 12px;

    padding: 12px;

    background-color: #ffffff;

    border: 1px solid #e5e5e5;
    border-radius: 16px;

    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.07);
}

.search-field {
    padding: 4px 10px;
}

.search-field label {
    display: block;

    margin-bottom: 4px;

    font-size: 12px;
    font-weight: 700;

    color: #424242;
}

.search-field input {
    width: 100%;

    border: 0;
    outline: 0;

    background: transparent;

    font-size: 15px;

    color: #202020;
}

.search-field input::placeholder {
    color: #999999;
}

.search-button {
    min-width: 110px;

    border: 0;
    border-radius: 11px;

    background-color: #205b42;

    color: #ffffff;

    font-weight: 700;

    cursor: pointer;

    transition: 0.2s ease;
}

.search-button:hover {
    background-color: #174633;
}


/* =========================
   KATEGORİLER
========================= */

.categories {
    padding: 90px 0;

    background-color: #fcfcfa;
}

.section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 35px;
}

.section-label {
    display: block;

    margin-bottom: 6px;

    color: #205b42;

    font-size: 13px;
    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 1px;
}

.section-heading h2 {
    max-width: 700px;

    font-size: clamp(30px, 4vw, 45px);

    line-height: 1.15;

    letter-spacing: -1px;
}

.section-link {
    color: #205b42;

    font-weight: 700;
}

.category-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 18px;
}

.category-card {
    min-height: 210px;

    padding: 26px;

    border: 1px solid #e8e8e8;
    border-radius: 16px;

    background-color: #ffffff;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.category-card:hover {
    transform: translateY(-5px);

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.category-icon {
    width: 52px;
    height: 52px;

    margin-bottom: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background-color: #f0f5f2;

    font-size: 26px;
}

.category-card h3 {
    margin-bottom: 8px;

    font-size: 18px;
}

.category-card p {
    color: #727272;

    font-size: 14px;

    line-height: 1.6;
}


/* =========================
   ÖNE ÇIKAN İŞLETMELER
========================= */

.featured-producers {
    padding: 90px 0;

    background-color: #f3f6f3;
}

.section-description {
    max-width: 620px;

    margin-top: 12px;

    color: #747474;

    font-size: 16px;

    line-height: 1.7;
}

.producer-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 24px;
}

.producer-card {
    overflow: hidden;

    background-color: #ffffff;

    border: 1px solid #e5e9e6;
    border-radius: 18px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.producer-card:hover {
    transform: translateY(-6px);

    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.09);
}


/* İŞLETME GÖRSELİ */

.producer-image {
    position: relative;

    width: 100%;
    height: 230px;

    overflow: hidden;

    background-color: #e8ece9;
}

.producer-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.35s ease;
}

.producer-card:hover .producer-image img {
    transform: scale(1.04);
}


/* GÖRSEL YAKINDA */

.producer-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #e9efeb;

    color: #6d7b72;

    font-size: 14px;
    font-weight: 700;
}


/* KART İÇERİĞİ */

.producer-content {
    padding: 22px;
}

.producer-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 14px;

    margin-bottom: 7px;
}

.producer-category {
    display: block;

    margin-bottom: 5px;

    color: #205b42;

    font-size: 12px;
    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}

.producer-card h3 {
    font-size: 20px;

    line-height: 1.3;
}

.producer-rating {
    flex-shrink: 0;

    padding: 5px 8px;

    border-radius: 7px;

    background-color: #f6f7f2;

    font-size: 13px;
    font-weight: 700;
}

.producer-location {
    margin-bottom: 14px;

    color: #888888;

    font-size: 14px;
}

.producer-description {
    min-height: 52px;

    margin-bottom: 22px;

    color: #656565;

    font-size: 14px;

    line-height: 1.65;
}


/* İŞLETME BUTONU */

.producer-button {
    width: 100%;

    min-height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #205b42;
    border-radius: 9px;

    color: #205b42;

    font-size: 14px;
    font-weight: 700;

    transition: 0.2s ease;
}

.producer-button:hover {
    background-color: #205b42;

    color: #ffffff;
}

/* =========================
   NEDEN TAMGAM
========================= */

.why-tamgam {
    padding: 90px 0;

    background-color: #eef4f0;
}

.benefits-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 22px;
}

.benefit-card {
    min-height: 220px;

    padding: 32px;

    border: 1px solid #dfe8e2;
    border-radius: 18px;

    background-color: #ffffff;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.benefit-card:hover {
    transform: translateY(-5px);

    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07);
}

.benefit-icon {
    width: 46px;
    height: 46px;

    margin-bottom: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background-color: #e5efe9;

    color: #205b42;

    font-size: 13px;
    font-weight: 800;
}

.benefit-card h3 {
    margin-bottom: 12px;

    font-size: 22px;
}

.benefit-card p {
    color: #6f6f6f;

    font-size: 15px;

    line-height: 1.7;
}


.benefit-card-visual {
    overflow: hidden;
}

.benefit-media {
    margin: -32px -32px 26px;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    border-bottom: 1px solid #e8efea;

    background-color: #edf4ef;
}

.benefit-media img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

/* =========================
   FOOTER
========================= */

.site-footer {
    padding: 70px 0 28px;

    background-color: #173d2e;

    color: #ffffff;
}

.footer-grid {
    display: grid;

    grid-template-columns: 1.6fr 1fr 1fr 1.3fr;

    gap: 50px;

    padding-bottom: 50px;
}

.footer-logo {
    display: block;

    width: 205px;
    height: 58px;

    margin-bottom: 18px;

    overflow: hidden;
    border-radius: 12px;

    background-color: #ffffff;
    background-image: url("../assets/images/logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(100% - 18px) auto;

    color: transparent;
    font-size: 0;
}

.footer-brand p {
    max-width: 320px;

    color: rgba(255, 255, 255, 0.72);

    font-size: 14px;

    line-height: 1.7;
}


.footer-socials {
    margin-top: 22px;

    display: flex;
    flex-direction: column;

    align-items: flex-start;

    gap: 10px;
}

.footer-socials-title {
    color: rgba(255, 255, 255, 0.9);

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.04em;

    text-transform: uppercase;
}

.footer-social-link {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    padding: 10px 14px;

    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;

    background-color: rgba(255, 255, 255, 0.06);

    color: #ffffff;

    font-size: 14px;
    font-weight: 700;

    transition: 0.2s ease;
}

.footer-social-link:hover {
    background-color: rgba(255, 255, 255, 0.12);

    transform: translateY(-1px);
}

.footer-social-icon {
    width: 18px;
    height: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.footer-social-icon svg {
    width: 100%;
    height: 100%;

    display: block;
}

.footer-column {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 12px;
}

.footer-column h3 {
    margin-bottom: 8px;

    font-size: 15px;

    color: #ffffff;
}

.footer-column a {
    color: rgba(255, 255, 255, 0.72);

    font-size: 14px;

    transition: 0.2s ease;
}

.footer-column a:hover {
    color: #ffffff;
}

.footer-bottom {
    padding-top: 24px;

    border-top: 1px solid rgba(255, 255, 255, 0.14);

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;
}

.footer-bottom p {
    color: rgba(255, 255, 255, 0.6);

    font-size: 13px;
}

/* =========================
   GİRİŞ / KAYIT SAYFALARI
========================= */

.auth-page {
    min-height: 100vh;

    background:
        linear-gradient(
            rgba(20, 57, 42, 0.88),
            rgba(20, 57, 42, 0.88)
        ),
        url("../assets/images/hero-bg.webp");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.auth-wrapper {
    min-height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 40px 20px;
}

.auth-card {
    width: 100%;
    max-width: 480px;

    padding: 42px;

    border-radius: 22px;

    background-color: rgba(255, 255, 255, 0.97);

    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18);
}

.auth-logo {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 35px;

    color: #205b42;

    font-size: 25px;
    font-weight: 800;

    letter-spacing: 1px;
}

.auth-logo img {
    width: 220px;
    height: 64px;

    object-fit: contain;
}

.auth-logo span {
    display: none;
}

.auth-heading {
    margin-bottom: 30px;
}

.auth-heading h1 {
    margin-bottom: 12px;

    font-size: 34px;

    line-height: 1.15;

    letter-spacing: -1px;
}

.auth-heading p {
    color: #707070;

    font-size: 15px;

    line-height: 1.6;
}

.auth-form {
    display: flex;

    flex-direction: column;

    gap: 20px;
}

.form-group {
    display: flex;

    flex-direction: column;

    gap: 8px;
}

.form-group label {
    font-size: 14px;

    font-weight: 700;

    color: #303030;
}

.form-group input {
    width: 100%;

    min-height: 50px;

    padding: 0 15px;

    border: 1px solid #dcdedc;

    border-radius: 10px;

    background-color: #ffffff;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.form-group input:focus {
    border-color: #205b42;

    box-shadow: 0 0 0 3px rgba(32, 91, 66, 0.10);
}

.form-options {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    font-size: 13px;
}

.remember-me {
    display: flex;

    align-items: center;

    gap: 8px;

    cursor: pointer;
}

.remember-me input {
    width: 16px;
    height: 16px;
}

.forgot-password {
    color: #205b42;

    font-weight: 700;
}

.auth-submit {
    min-height: 52px;

    border: 0;

    border-radius: 10px;

    background-color: #205b42;

    color: #ffffff;

    font-weight: 800;

    cursor: pointer;

    transition: 0.2s ease;
}

.auth-submit:hover {
    background-color: #174633;
}

.auth-register {
    margin-top: 25px;

    padding-top: 22px;

    border-top: 1px solid #eeeeee;

    text-align: center;

    color: #6c6c6c;

    font-size: 14px;
}

.auth-register a {
    margin-left: 5px;

    color: #205b42;

    font-weight: 800;
}

.back-home {
    display: block;

    margin-top: 24px;

    text-align: center;

    color: #737373;

    font-size: 13px;
}

/* =========================
   KAYIT SAYFASI
========================= */

.register-page {
    min-height: 100vh;
    background-color: #f5f8f6;
}

.register-section {
    padding: 70px 0 95px;
}

.register-container {
    max-width: 980px;
}

.register-intro {
    max-width: 700px;
    margin-bottom: 38px;
}

.register-intro h1 {
    margin-bottom: 14px;

    font-size: clamp(38px, 5vw, 58px);
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.register-intro p {
    max-width: 620px;

    color: #696969;

    font-size: 16px;
    line-height: 1.7;
}


/* ANA KAYIT KARTI */

.register-card {
    width: 100%;

    padding: 40px;

    border: 1px solid #e0e7e2;
    border-radius: 22px;

    background-color: #ffffff;

    box-shadow: 0 18px 45px rgba(24, 62, 46, 0.07);
}


/* HESAP TÜRÜ */

.register-step {
    margin-bottom: 42px;
}

.register-step h2 {
    margin-bottom: 8px;

    font-size: 26px;
    line-height: 1.2;
}

.register-step-description {
    margin-bottom: 22px;

    color: #737373;

    font-size: 14px;
    line-height: 1.6;
}

.account-type-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 16px;
}

.account-type-card {
    position: relative;

    display: block;

    cursor: pointer;
}

.account-type-card input {
    position: absolute;

    width: 1px;
    height: 1px;

    opacity: 0;

    pointer-events: none;
}

.account-type-content {
    min-height: 125px;

    padding: 24px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 9px;

    border: 1px solid #dce4df;
    border-radius: 15px;

    background-color: #ffffff;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.account-type-content strong {
    color: #252525;

    font-size: 17px;
    font-weight: 800;
}

.account-type-content small {
    color: #747474;

    font-size: 13px;
    line-height: 1.55;
}

.account-type-card:hover .account-type-content {
    transform: translateY(-2px);

    border-color: #9db9ab;

    box-shadow: 0 8px 22px rgba(32, 91, 66, 0.06);
}

.account-type-card input:checked + .account-type-content {
    border-color: #205b42;

    background-color: #eff6f2;

    box-shadow: 0 0 0 3px rgba(32, 91, 66, 0.08);
}


/* FORM */

.register-form {
    width: 100%;
}

.form-section {
    padding: 34px 0;

    border-top: 1px solid #e7ebe8;
}

.form-section:last-of-type {
    border-bottom: 1px solid #e7ebe8;
}

.form-section-heading {
    margin-bottom: 26px;

    display: flex;

    align-items: flex-start;

    gap: 16px;
}

.form-section-heading > span {
    width: 34px;
    height: 34px;

    flex-shrink: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background-color: #205b42;

    color: #ffffff;

    font-size: 14px;
    font-weight: 800;
}

.form-section-heading h3 {
    margin-bottom: 5px;

    color: #252525;

    font-size: 22px;
}

.form-section-heading p {
    color: #7a7a7a;

    font-size: 13px;
    line-height: 1.55;
}

.form-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 20px;
}

.form-group {
    display: flex;

    flex-direction: column;

    gap: 8px;
}

.form-group-full {
    grid-column: 1 / -1;
}

.form-group label {
    color: #303030;

    font-size: 13px;
    font-weight: 700;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;

    border: 1px solid #d9dfdb;
    border-radius: 10px;

    background-color: #ffffff;

    color: #252525;

    font: inherit;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.form-group input,
.form-group select {
    min-height: 50px;

    padding: 0 14px;
}

.form-group textarea {
    min-height: 115px;

    padding: 14px;

    resize: vertical;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #a0a0a0;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: #205b42;

    box-shadow: 0 0 0 3px rgba(32, 91, 66, 0.09);
}

.form-help {
    display: block;

    margin-top: 3px;

    color: #858585;

    font-size: 12px;
    line-height: 1.55;
}


/* ÜRETİCİ / İŞLETME BÖLÜMÜ */

.provider-section {
    margin-top: 5px;
}

.dynamic-fields {
    margin-top: 25px;

    padding: 26px;

    border: 1px solid #e0e7e2;
    border-radius: 16px;

    background-color: #f8faf8;
}

.dynamic-fields[hidden] {
    display: none;
}

.provider-section[hidden] {
    display: none;
}

.dynamic-fields-title {
    margin-bottom: 22px;
}

.dynamic-fields-title h4 {
    margin-bottom: 6px;

    color: #252525;

    font-size: 18px;
}

.dynamic-fields-title p {
    color: #7a7a7a;

    font-size: 13px;
    line-height: 1.55;
}


/* YASAL ALAN */

.legal-checkbox-group {
    display: flex;

    flex-direction: column;

    gap: 16px;
}

.legal-checkbox {
    display: flex;

    align-items: flex-start;

    gap: 11px;

    color: #626262;

    font-size: 13px;
    line-height: 1.65;

    cursor: pointer;
}

.legal-checkbox input {
    width: 17px;
    height: 17px;

    margin-top: 2px;

    flex-shrink: 0;

    accent-color: #205b42;
}

.legal-checkbox a,
.legal-information-box a {
    color: #205b42;

    font-weight: 800;
}

.legal-checkbox a:hover,
.legal-information-box a:hover {
    text-decoration: underline;
}

.optional-checkbox {
    color: #707070;
}

.optional-checkbox strong {
    color: #777777;

    font-size: 11px;
}

.legal-information-box {
    padding: 18px 20px;

    border-left: 3px solid #205b42;
    border-radius: 10px;

    background-color: #f0f6f2;
}

.legal-information-box strong {
    display: block;

    margin-bottom: 6px;

    color: #205b42;

    font-size: 14px;
}

.legal-information-box p {
    color: #626262;

    font-size: 13px;
    line-height: 1.65;
}


/* İŞLETME KAYDI - LANS­MAN / ÜCRETLENDİRME BİLGİSİ */

.provider-pricing-notice {
    margin-top: 22px;
    padding: 22px;
    border: 1px solid #dce8e1;
    border-radius: 16px;
    background: linear-gradient(135deg, #f6faf7 0%, #eef6f1 100%);
}

.provider-pricing-notice-heading h4 {
    margin: 10px 0 8px;
    color: #183f2f;
    font-size: 19px;
    line-height: 1.3;
}

.provider-pricing-notice-heading p,
.provider-pricing-note {
    color: #5f6d65;
    font-size: 13px;
    line-height: 1.65;
}

.provider-pricing-notice-heading p strong,
.provider-pricing-note strong {
    color: #205b42;
}

.provider-pricing-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    background-color: #205b42;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.provider-pricing-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 18px 0 14px;
}

.provider-pricing-facts > div {
    min-width: 0;
    padding: 14px;
    border: 1px solid #dfe8e2;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.82);
}

.provider-pricing-facts span,
.provider-pricing-facts strong {
    display: block;
}

.provider-pricing-facts span {
    margin-bottom: 5px;
    color: #78847d;
    font-size: 11px;
    line-height: 1.4;
}

.provider-pricing-facts strong {
    color: #205b42;
    font-size: 17px;
    line-height: 1.2;
}

.provider-pricing-note {
    margin: 0;
    padding-top: 13px;
    border-top: 1px solid #dbe5df;
}


/* KAYIT BUTONU */

.register-submit-area {
    padding-top: 32px;

    text-align: center;
}

.register-submit-button {
    width: 100%;

    min-height: 54px;

    border: 0;

    cursor: pointer;

    font-size: 15px;
}

.register-submit-area p {
    margin-top: 18px;

    color: #737373;

    font-size: 14px;
}

.register-submit-area p a {
    color: #205b42;

    font-weight: 800;
}


/* =========================
   KAYIT SAYFASI - TABLET
========================= */

@media (max-width: 800px) {

    .register-section {
        padding: 50px 0 75px;
    }

    .register-card {
        padding: 30px;
    }

    .form-grid {
        grid-template-columns: 1fr;
    }

    .form-group-full {
        grid-column: auto;
    }

}


/* =========================
   KAYIT SAYFASI - TELEFON
========================= */

@media (max-width: 600px) {

    .register-section {
        padding: 38px 0 60px;
    }

    .register-intro {
        margin-bottom: 28px;
    }

    .register-intro h1 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .register-card {
        padding: 22px 17px;

        border-radius: 17px;
    }

    .account-type-grid {
        grid-template-columns: 1fr;
    }

    .account-type-content {
        min-height: 105px;

        padding: 20px;
    }

    .form-section {
        padding: 28px 0;
    }

    .form-section-heading {
        gap: 12px;
    }

    .form-section-heading > span {
        width: 31px;
        height: 31px;
    }

    .form-section-heading h3 {
        font-size: 19px;
    }

    .dynamic-fields {
        padding: 20px 16px;
    }

    .legal-information-box {
        padding: 16px;
    }

}

/* =========================
   İŞLETME PROFİLİ
========================= */

.business-profile-header {
    padding: 70px 0;

    background-color: #eef4f0;
}

.business-profile-card {
    display: grid;

    grid-template-columns: 360px 1fr;

    gap: 42px;

    align-items: center;

    padding: 34px;

    border: 1px solid #dfe7e2;
    border-radius: 22px;

    background-color: #ffffff;
}

.business-profile-image {
    width: 100%;

    min-height: 320px;
}

.profile-image-placeholder {
    width: 100%;
    height: 100%;
    min-height: 320px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    background-color: #e6ede8;

    color: #708077;

    font-size: 14px;
    font-weight: 700;
}

.business-profile-category {
    display: block;

    margin-bottom: 8px;

    color: #205b42;

    font-size: 13px;
    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 1px;
}

.business-profile-info h1 {
    margin-bottom: 10px;

    font-size: clamp(38px, 5vw, 58px);

    line-height: 1.08;

    letter-spacing: -2px;
}

.business-profile-location {
    margin-bottom: 20px;

    color: #7a7a7a;

    font-size: 15px;
}

.business-profile-description {
    max-width: 700px;

    margin-bottom: 28px;

    color: #626262;

    font-size: 16px;

    line-height: 1.7;
}

.business-profile-actions {
    display: flex;

    gap: 12px;

    flex-wrap: wrap;
}


/* HAKKINDA */

.business-about {
    padding: 80px 0;

    background-color: #ffffff;
}

.business-content-grid {
    display: grid;

    grid-template-columns: 1.7fr 1fr;

    gap: 45px;

    align-items: start;
}

.business-main-content h2 {
    margin-bottom: 18px;

    font-size: clamp(30px, 4vw, 44px);

    line-height: 1.15;
}

.business-main-content p {
    max-width: 750px;

    color: #666666;

    font-size: 16px;

    line-height: 1.8;
}

.business-details-card {
    padding: 28px;

    border: 1px solid #e1e7e3;
    border-radius: 18px;

    background-color: #f8faf8;
}

.business-details-card h3 {
    margin-bottom: 20px;

    font-size: 20px;
}

.business-detail-row {
    padding: 14px 0;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border-bottom: 1px solid #e5e8e6;
}

.business-detail-row:last-child {
    border-bottom: 0;
}

.business-detail-row span {
    color: #777777;

    font-size: 14px;
}

.business-detail-row strong {
    color: #252525;

    font-size: 14px;

    text-align: right;
}


/* ÜRÜNLER */

.business-products {
    padding: 90px 0;

    background-color: #f3f6f3;
}

.business-product-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;
}

.business-product-card {
    overflow: hidden;

    border: 1px solid #e0e6e2;
    border-radius: 18px;

    background-color: #ffffff;
}

.business-product-image {
    height: 220px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #e7ede9;

    color: #718078;

    font-size: 14px;
    font-weight: 700;
}

.business-product-content {
    padding: 22px;
}

.business-product-content h3 {
    margin-bottom: 10px;

    font-size: 20px;
}

.business-product-content p {
    min-height: 48px;

    margin-bottom: 20px;

    color: #6c6c6c;

    font-size: 14px;

    line-height: 1.6;
}

/* =========================
   İŞLETME YÖNETİM PANELİ
========================= */

.dashboard-page {
    min-height: 100vh;

    background-color: #f4f7f5;
}

.dashboard-layout {
    min-height: 100vh;

    display: grid;

    grid-template-columns: 280px minmax(0, 1fr);
}


/* SOL MENÜ */

.dashboard-sidebar {
    position: sticky;

    top: 0;

    height: 100vh;

    padding: 28px 20px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    background-color: #173d2e;

    color: #ffffff;

    overflow-y: auto;

    z-index: 1200;
}

.dashboard-sidebar-top {
    width: 100%;
}

.dashboard-logo {
    width: 100%;
    min-height: 78px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 28px;
    padding: 10px 14px;

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    background-color: #f8fbf9;

    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.dashboard-logo img {
    width: 200px;
    height: auto;
    max-height: 52px;

    object-fit: contain;
    display: block;
}

.dashboard-business-summary {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 34px;

    padding: 15px;

    border: 1px solid rgba(255, 255, 255, 0.10);

    border-radius: 14px;

    background-color: rgba(255, 255, 255, 0.06);
}

.dashboard-avatar {
    width: 42px;

    height: 42px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background-color: rgba(255, 255, 255, 0.15);

    color: #ffffff;

    font-weight: 800;
}

.dashboard-business-summary div:last-child {
    min-width: 0;
}

.dashboard-business-label {
    display: block;

    margin-bottom: 2px;

    color: rgba(255, 255, 255, 0.62);

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 0.6px;
}

.dashboard-business-summary strong {
    display: block;

    overflow: hidden;

    color: #ffffff;

    font-size: 14px;

    text-overflow: ellipsis;

    white-space: nowrap;
}


/* NAV */

.dashboard-nav {
    display: flex;

    flex-direction: column;

    gap: 5px;
}

.dashboard-nav-link {
    padding: 12px 14px;

    border-radius: 9px;

    color: rgba(255, 255, 255, 0.72);

    font-size: 14px;

    font-weight: 600;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.dashboard-nav-link:hover,
.dashboard-nav-link.active {
    background-color: rgba(255, 255, 255, 0.10);

    color: #ffffff;
}

.dashboard-sidebar-bottom {
    margin-top: 30px;

    display: flex;

    flex-direction: column;

    gap: 10px;
}

.dashboard-home-link {
    padding: 10px;

    color: rgba(255, 255, 255, 0.65);

    font-size: 13px;
}

.dashboard-home-link:hover {
    color: #ffffff;
}

.dashboard-logout {
    min-height: 42px;

    border: 1px solid rgba(255, 255, 255, 0.15);

    border-radius: 9px;

    background-color: transparent;

    color: rgba(255, 255, 255, 0.78);

    cursor: pointer;

    transition: 0.2s ease;
}

.dashboard-logout:hover {
    background-color: rgba(255, 255, 255, 0.08);

    color: #ffffff;
}


/* ANA PANEL */

.dashboard-main {
    width: 100%;

    min-width: 0;

    padding: 45px;
}

.dashboard-mobile-header {
    display: none;
}

.dashboard-header {
    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 30px;

    margin-bottom: 35px;
}

.dashboard-header h1 {
    margin-bottom: 10px;

    font-size: clamp(34px, 5vw, 52px);

    line-height: 1.1;

    letter-spacing: -1.5px;
}

.dashboard-header p {
    max-width: 670px;

    color: #707070;

    font-size: 15px;

    line-height: 1.7;
}


/* PANEL BÖLÜMLERİ */

.dashboard-section {
    margin-bottom: 35px;

    padding: 32px;

    border: 1px solid #e1e7e3;

    border-radius: 20px;

    background-color: #ffffff;

    scroll-margin-top: 20px;
}

.dashboard-section-heading {
    margin-bottom: 26px;
}

.dashboard-section-heading h2 {
    margin-bottom: 8px;

    font-size: 28px;

    line-height: 1.2;
}

.dashboard-section-heading p {
    max-width: 700px;

    color: #747474;

    font-size: 14px;

    line-height: 1.7;
}


/* ÖZET KARTLARI */

.dashboard-stat-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 16px;
}

.dashboard-stat-card {
    min-height: 175px;

    padding: 22px;

    border: 1px solid #e5e9e6;

    border-radius: 15px;

    background-color: #f8faf8;
}

.dashboard-stat-label {
    display: block;

    margin-bottom: 18px;

    color: #777777;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}

.dashboard-stat-number {
    display: block;

    margin-bottom: 10px;

    color: #205b42;

    font-size: 38px;

    line-height: 1;

    font-weight: 800;
}

.dashboard-stat-text {
    display: block;

    margin-bottom: 12px;

    color: #205b42;

    font-size: 21px;

    font-weight: 800;
}

.dashboard-stat-card p {
    color: #777777;

    font-size: 13px;

    line-height: 1.5;
}


/* İŞLETME PANELİ - KULLANIM PLANI */

.dashboard-plan-card {
    margin-top: 20px;
    padding: 24px;
    border: 1px solid #dce8e1;
    border-radius: 16px;
    background: linear-gradient(135deg, #f7fbf8 0%, #edf6f0 100%);
}

.dashboard-plan-main {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.dashboard-plan-badge {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 7px 11px;
    border-radius: 999px;
    background-color: #205b42;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.dashboard-plan-main h3 {
    margin: 1px 0 7px;
    color: #183f2f;
    font-size: 21px;
    line-height: 1.25;
}

.dashboard-plan-main p,
.dashboard-plan-note {
    color: #5f6d65;
    font-size: 13px;
    line-height: 1.65;
}

.dashboard-plan-main p strong,
.dashboard-plan-note strong {
    color: #205b42;
}

.dashboard-plan-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 20px 0 15px;
}

.dashboard-plan-facts > div {
    min-width: 0;
    padding: 15px 16px;
    border: 1px solid #dfe8e2;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.84);
}

.dashboard-plan-facts span,
.dashboard-plan-facts strong {
    display: block;
}

.dashboard-plan-facts span {
    margin-bottom: 5px;
    color: #78847d;
    font-size: 11px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.35px;
}

.dashboard-plan-facts strong {
    color: #205b42;
    font-size: 20px;
    line-height: 1.2;
}

.dashboard-plan-note {
    margin: 0;
    padding-top: 14px;
    border-top: 1px solid #dbe5df;
}


/* PANEL FORMLARI */

.dashboard-form {
    max-width: 900px;

    display: flex;

    flex-direction: column;

    gap: 20px;
}

.dashboard-form-actions {
    display: flex;

    justify-content: flex-start;

    margin-top: 5px;
}


/* BOŞ DURUM */

.dashboard-empty-state {
    min-height: 260px;

    padding: 35px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    border: 1px dashed #cfd9d3;

    border-radius: 17px;

    background-color: #f8faf8;
}

.dashboard-empty-icon {
    width: 50px;

    height: 50px;

    margin-bottom: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background-color: #e5efe9;

    color: #205b42;

    font-size: 20px;

    font-weight: 800;
}

.dashboard-empty-state h3 {
    margin-bottom: 8px;

    font-size: 20px;
}

.dashboard-empty-state p {
    max-width: 500px;

    margin-bottom: 20px;

    color: #777777;

    font-size: 14px;

    line-height: 1.6;
}


/* =========================
   PANEL TABLET
========================= */


@media (max-width: 900px) {
    .step-media,
    .benefit-media {
        margin: -24px -24px 22px;
    }
}
@media (max-width: 1100px) {

    .dashboard-stat-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-main {
        padding: 32px;
    }

}


/* =========================
   PANEL MOBİL
========================= */

@media (max-width: 850px) {

    .dashboard-layout {
        display: block;
    }

    .dashboard-sidebar {
        position: fixed;

        left: -300px;

        top: 0;

        width: 280px;

        height: 100vh;

        transition: left 0.25s ease;

        box-shadow: 15px 0 40px rgba(0, 0, 0, 0.18);
    }

    .dashboard-sidebar.dashboard-sidebar-open {
        left: 0;
    }

    .dashboard-main {
        padding: 20px;
    }

    .dashboard-mobile-header {
        min-height: 60px;

        margin-bottom: 25px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 20px;
    }

    .dashboard-mobile-logo {
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
    }

    .dashboard-mobile-logo img {
        width: 150px;
        height: auto;
        max-height: 42px;
        object-fit: contain;
        display: block;
    }

    .dashboard-menu-button {
        min-height: 40px;

        padding: 0 15px;

        border: 1px solid #dce3de;

        border-radius: 8px;

        background-color: #ffffff;

        color: #205b42;

        font-weight: 700;

        cursor: pointer;
    }

    .dashboard-header {
        flex-direction: column;
    }

    .dashboard-section {
        padding: 24px;
    }

}


/* =========================
   PANEL TELEFON
========================= */

@media (max-width: 600px) {

    .dashboard-main {
        padding: 15px;
    }

    .dashboard-header h1 {
        font-size: 34px;
    }

    .dashboard-section {
        padding: 20px;

        border-radius: 16px;
    }

    .dashboard-stat-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-section-heading h2 {
        font-size: 24px;
    }

}

/* =========================
   ÜRÜNLER SAYFASI
========================= */

.products-hero {
    padding: 70px 0 55px;

    background-color: #eef4f0;
}

.products-hero h1 {
    max-width: 800px;

    margin-bottom: 14px;

    font-size: clamp(38px, 5vw, 58px);

    line-height: 1.08;

    letter-spacing: -1.5px;
}

.products-hero p {
    max-width: 700px;

    color: #696969;

    font-size: 16px;

    line-height: 1.7;
}


/* FİLTRE */

.products-filter-section {
    padding: 28px 0;

    background-color: #ffffff;

    border-bottom: 1px solid #e7ebe8;
}

.products-filter-bar {
    display: grid;

    grid-template-columns: 1.5fr 1fr 1fr 1fr auto;

    gap: 14px;

    align-items: end;
}

.products-search,
.products-filter {
    display: flex;

    flex-direction: column;

    gap: 7px;
}

.products-search label,
.products-filter label {
    color: #4b4b4b;

    font-size: 12px;

    font-weight: 800;
}

.products-search input,
.products-filter input,
.products-filter select {
    width: 100%;

    min-height: 48px;

    padding: 0 14px;

    border: 1px solid #dfe4e1;

    border-radius: 9px;

    background-color: #ffffff;

    outline: none;

    font: inherit;
}

.products-search input:focus,
.products-filter input:focus,
.products-filter select:focus {
    border-color: #205b42;

    box-shadow: 0 0 0 3px rgba(32, 91, 66, 0.08);
}

.products-filter-button {
    min-height: 48px;

    padding: 0 24px;

    border: 0;

    border-radius: 9px;

    background-color: #205b42;

    color: #ffffff;

    font-weight: 800;

    cursor: pointer;
}

.products-filter-button:hover {
    background-color: #174633;
}


/* ÜRÜN LİSTESİ */

.products-list-section {
    padding: 70px 0 90px;

    background-color: #f8faf8;
}

.products-list-heading {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 30px;
}

.products-list-heading h2 {
    font-size: 36px;
}

.products-result-count {
    color: #818181;

    font-size: 13px;
}

.products-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 22px;
}

.product-card {
    overflow: hidden;

    border: 1px solid #e1e7e3;

    border-radius: 17px;

    background-color: #ffffff;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.product-card:hover {
    transform: translateY(-5px);

    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
}

.product-card-image {
    height: 220px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #e7ede9;

    color: #748178;

    font-size: 14px;

    font-weight: 700;
}

.product-card-content {
    padding: 21px;
}

.product-card-category {
    display: block;

    margin-bottom: 6px;

    color: #205b42;

    font-size: 11px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.6px;
}

.product-card h3 {
    margin-bottom: 5px;

    font-size: 20px;
}

.product-card-business {
    margin-bottom: 14px;

    color: #8a8a8a;

    font-size: 13px;
}

.product-card-description {
    min-height: 45px;

    margin-bottom: 20px;

    color: #686868;

    font-size: 14px;

    line-height: 1.6;
}

.product-card-footer {
    padding-top: 15px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    border-top: 1px solid #eeeeee;
}

.product-location {
    color: #8b8b8b;

    font-size: 12px;
}

.product-detail-link {
    color: #205b42;

    font-size: 13px;

    font-weight: 800;
}

/* =========================
   ÜRÜN DETAY SAYFASI
========================= */

.product-detail-section {
    padding: 70px 0;

    background-color: #eef4f0;
}

.product-detail-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 50px;

    align-items: center;
}

.product-detail-image {
    width: 100%;
}

.product-detail-placeholder {
    min-height: 480px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 20px;

    background-color: #e5ece7;

    color: #738078;

    font-size: 15px;

    font-weight: 700;
}

.product-detail-category {
    display: block;

    margin-bottom: 8px;

    color: #205b42;

    font-size: 12px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.8px;
}

.product-detail-info h1 {
    margin-bottom: 8px;

    font-size: clamp(40px, 5vw, 60px);

    line-height: 1.08;

    letter-spacing: -1.5px;
}

.product-detail-business {
    margin-bottom: 22px;

    color: #858585;

    font-size: 14px;
}

.product-detail-description {
    max-width: 650px;

    margin-bottom: 30px;

    color: #626262;

    font-size: 16px;

    line-height: 1.75;
}


/* ÜRÜN META */

.product-detail-meta {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 14px;

    margin-bottom: 28px;
}

.product-detail-meta div {
    padding: 16px;

    border: 1px solid #dce5df;

    border-radius: 12px;

    background-color: #ffffff;
}

.product-detail-meta span {
    display: block;

    margin-bottom: 5px;

    color: #888888;

    font-size: 11px;

    font-weight: 700;
}

.product-detail-meta strong {
    color: #292929;

    font-size: 14px;
}

.product-detail-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 12px;
}


/* ÜRÜN HAKKINDA */

.product-about-section {
    padding: 85px 0;

    background-color: #ffffff;
}

.product-about-grid {
    display: grid;

    grid-template-columns: 1.7fr 1fr;

    gap: 45px;

    align-items: start;
}

.product-about-main h2 {
    margin-bottom: 18px;

    font-size: clamp(30px, 4vw, 44px);
}

.product-about-main p {
    max-width: 750px;

    color: #666666;

    font-size: 16px;

    line-height: 1.8;
}

.product-detail-card {
    padding: 28px;

    border: 1px solid #e1e7e3;

    border-radius: 18px;

    background-color: #f8faf8;
}

.product-detail-card h3 {
    margin-bottom: 20px;

    font-size: 20px;
}

.product-detail-row {
    padding: 14px 0;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border-bottom: 1px solid #e5e8e6;
}

.product-detail-row:last-child {
    border-bottom: 0;
}

.product-detail-row span {
    color: #777777;

    font-size: 14px;
}

.product-detail-row strong {
    font-size: 14px;

    text-align: right;
}


/* İLETİŞİM */

.product-contact-section {
    padding: 70px 0 90px;

    background-color: #f3f6f3;
}

.product-contact-card {
    padding: 38px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 35px;

    border: 1px solid #dde6e0;

    border-radius: 20px;

    background-color: #ffffff;
}

.product-contact-card h2 {
    margin-bottom: 10px;

    font-size: 30px;
}

.product-contact-card p {
    max-width: 700px;

    color: #6d6d6d;

    font-size: 15px;

    line-height: 1.7;
}

/* =========================
   DENEYİMLER SAYFASI
========================= */

.experiences-hero {
    padding: 70px 0 55px;
    background-color: #eef4f0;
}

.experiences-hero h1 {
    max-width: 800px;
    margin-bottom: 14px;
    font-size: clamp(38px, 5vw, 58px);
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.experiences-hero p {
    max-width: 720px;
    color: #696969;
    font-size: 16px;
    line-height: 1.7;
}


/* FİLTRE */

.experiences-filter-section {
    padding: 28px 0;
    background-color: #ffffff;
    border-bottom: 1px solid #e7ebe8;
}

.experiences-filter-bar {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr auto;
    gap: 14px;
    align-items: end;
}

.experiences-search,
.experiences-filter {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.experiences-search label,
.experiences-filter label {
    color: #4b4b4b;
    font-size: 12px;
    font-weight: 800;
}

.experiences-search input,
.experiences-filter input,
.experiences-filter select {
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid #dfe4e1;
    border-radius: 9px;
    background-color: #ffffff;
    outline: none;
    font: inherit;
}

.experiences-search input:focus,
.experiences-filter input:focus,
.experiences-filter select:focus {
    border-color: #205b42;
    box-shadow: 0 0 0 3px rgba(32, 91, 66, 0.08);
}

.experiences-filter-button {
    min-height: 48px;
    padding: 0 24px;
    border: 0;
    border-radius: 9px;
    background-color: #205b42;
    color: #ffffff;
    font-weight: 800;
    cursor: pointer;
}

.experiences-filter-button:hover {
    background-color: #174633;
}


/* DENEYİM LİSTESİ */

.experiences-list-section {
    padding: 70px 0 90px;
    background-color: #f8faf8;
}

.experiences-list-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
}

.experiences-list-heading h2 {
    font-size: 36px;
}

.experiences-result-count {
    color: #818181;
    font-size: 13px;
}

.experiences-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}


/* DENEYİM KARTI */

.experience-card {
    overflow: hidden;
    border: 1px solid #e1e7e3;
    border-radius: 17px;
    background-color: #ffffff;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.experience-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
}

.experience-image {
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e7ede9;
    color: #748178;
    font-size: 14px;
    font-weight: 700;
}

.experience-content {
    padding: 21px;
}

.experience-type {
    display: block;
    margin-bottom: 6px;
    color: #205b42;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.experience-card h3 {
    margin-bottom: 5px;
    font-size: 20px;
}

.experience-business {
    margin-bottom: 14px;
    color: #8a8a8a;
    font-size: 13px;
}

.experience-description {
    min-height: 45px;
    margin-bottom: 20px;
    color: #686868;
    font-size: 14px;
    line-height: 1.6;
}

.experience-footer {
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-top: 1px solid #eeeeee;
}

.experience-footer span {
    color: #8b8b8b;
    font-size: 12px;
}

.experience-link {
    color: #205b42;
    font-size: 13px;
    font-weight: 800;
}

/* =========================
   DENEYİM DETAY SAYFASI
========================= */

.experience-detail-section {
    padding: 70px 0;
    background-color: #eef4f0;
}

.experience-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

.experience-detail-placeholder {
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: #e5ece7;
    color: #738078;
    font-size: 15px;
    font-weight: 700;
}

.experience-detail-type {
    display: block;
    margin-bottom: 8px;
    color: #205b42;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.experience-detail-info h1 {
    margin-bottom: 8px;
    font-size: clamp(40px, 5vw, 60px);
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.experience-detail-business {
    margin-bottom: 22px;
    color: #858585;
    font-size: 14px;
}

.experience-detail-description {
    max-width: 650px;
    margin-bottom: 30px;
    color: #626262;
    font-size: 16px;
    line-height: 1.75;
}

.experience-detail-meta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 28px;
}

.experience-detail-meta div {
    padding: 16px;
    border: 1px solid #dce5df;
    border-radius: 12px;
    background-color: #ffffff;
}

.experience-detail-meta span {
    display: block;
    margin-bottom: 5px;
    color: #888888;
    font-size: 11px;
    font-weight: 700;
}

.experience-detail-meta strong {
    color: #292929;
    font-size: 14px;
}

.experience-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}


/* HAKKINDA */

.experience-about-section {
    padding: 85px 0;
    background-color: #ffffff;
}

.experience-about-grid {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 45px;
    align-items: start;
}

.experience-about-main h2 {
    margin-bottom: 18px;
    font-size: clamp(30px, 4vw, 44px);
}

.experience-about-main p {
    max-width: 750px;
    color: #666666;
    font-size: 16px;
    line-height: 1.8;
}

.experience-info-card {
    padding: 28px;
    border: 1px solid #e1e7e3;
    border-radius: 18px;
    background-color: #f8faf8;
}

.experience-info-card h3 {
    margin-bottom: 20px;
    font-size: 20px;
}

.experience-info-row {
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid #e5e8e6;
}

.experience-info-row:last-child {
    border-bottom: 0;
}

.experience-info-row span {
    color: #777777;
    font-size: 14px;
}

.experience-info-row strong {
    font-size: 14px;
    text-align: right;
}


/* İLETİŞİM */

.experience-contact-section {
    padding: 70px 0 90px;
    background-color: #f3f6f3;
}

.experience-contact-card {
    padding: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    border: 1px solid #dde6e0;
    border-radius: 20px;
    background-color: #ffffff;
}

.experience-contact-card h2 {
    margin-bottom: 10px;
    font-size: 30px;
}

.experience-contact-card p {
    max-width: 700px;
    color: #6d6d6d;
    font-size: 15px;
    line-height: 1.7;
}

/* =========================
   HAKKIMIZDA SAYFASI
========================= */

.about-hero {
    padding: 95px 0 100px;

    background-color: #173d2e;
}

.about-hero-content {
    max-width: 920px;
}

.about-hero .section-label {
    color: #bcd6c8;
}

.about-hero h1 {
    margin-bottom: 26px;

    color: #ffffff;

    font-size: clamp(46px, 7vw, 78px);

    line-height: 1.02;

    letter-spacing: -2.5px;
}

.about-hero h1 span {
    color: #cfe7d9;
}

.about-hero p {
    max-width: 760px;

    color: rgba(255, 255, 255, 0.78);

    font-size: 19px;

    line-height: 1.8;
}


/* HİKAYE */

.about-story {
    padding: 95px 0;

    background-color: #ffffff;
}

.about-story-grid {
    display: grid;

    grid-template-columns: 1fr 1.2fr;

    gap: 70px;

    align-items: start;
}

.about-story h2 {
    max-width: 600px;

    font-size: clamp(34px, 4vw, 48px);

    line-height: 1.15;

    letter-spacing: -1.3px;
}

.about-story-text {
    display: flex;

    flex-direction: column;

    gap: 20px;
}

.about-story-text p {
    color: #646464;

    font-size: 16px;

    line-height: 1.85;
}


/* YAKLAŞIM */

.about-principles {
    padding: 95px 0;

    background-color: #f3f6f3;
}

.about-principles-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 22px;
}

.about-principle-card {
    min-height: 270px;

    padding: 34px;

    border: 1px solid #dfe7e2;

    border-radius: 19px;

    background-color: #ffffff;
}

.about-principle-number {
    display: block;

    margin-bottom: 40px;

    color: #205b42;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 1px;
}

.about-principle-card h3 {
    margin-bottom: 14px;

    font-size: 24px;
}

.about-principle-card p {
    color: #696969;

    font-size: 15px;

    line-height: 1.75;
}


/* DENEYİMLER */

.about-experiences {
    padding: 90px 0;

    background-color: #ffffff;
}

.about-experience-card {
    padding: 55px;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 70px;

    align-items: center;

    border-radius: 24px;

    background-color: #eef4f0;
}

.about-experience-card h2 {
    max-width: 550px;

    font-size: clamp(32px, 4vw, 46px);

    line-height: 1.15;

    letter-spacing: -1px;
}

.about-experience-card p {
    margin-bottom: 26px;

    color: #656565;

    font-size: 16px;

    line-height: 1.8;
}


/* GÜVEN */

.about-trust {
    padding: 95px 0;

    background-color: #173d2e;

    color: #ffffff;
}

.about-trust-grid {
    display: grid;

    grid-template-columns: 1fr 1.2fr;

    gap: 70px;
}

.about-trust .section-label {
    color: #bdd5c8;
}

.about-trust h2 {
    max-width: 600px;

    font-size: clamp(34px, 4vw, 48px);

    line-height: 1.15;

    letter-spacing: -1.2px;
}

.about-trust-content {
    display: flex;

    flex-direction: column;

    gap: 20px;
}

.about-trust-content p {
    color: rgba(255, 255, 255, 0.76);

    font-size: 16px;

    line-height: 1.85;
}


/* VİZYON */

.about-vision {
    padding: 100px 0;

    background-color: #f8faf8;
}

.about-vision-box {
    max-width: 1000px;

    margin: 0 auto;

    text-align: center;
}

.about-vision-box h2 {
    margin-bottom: 26px;

    font-size: clamp(36px, 5vw, 56px);

    line-height: 1.12;

    letter-spacing: -1.5px;
}

.about-vision-box p {
    max-width: 820px;

    margin: 0 auto 28px;

    color: #686868;

    font-size: 16px;

    line-height: 1.85;
}

.about-vision-box strong {
    display: block;

    max-width: 820px;

    margin: 0 auto;

    color: #205b42;

    font-size: 18px;

    line-height: 1.7;
}
/* =========================
   NASIL ÇALIŞIR
========================= */

.how-it-works {
    padding: 90px 0;

    background-color: #ffffff;
}

.steps-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;
}

.step-card {
    position: relative;

    min-height: 240px;

    padding: 32px;

    border: 1px solid #e5e9e6;
    border-radius: 18px;

    background-color: #f8faf8;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.step-card:hover {
    transform: translateY(-5px);

    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07);
}

.step-number {
    margin-bottom: 35px;

    color: #205b42;

    font-size: 14px;
    font-weight: 800;

    letter-spacing: 1px;
}

.step-card h3 {
    margin-bottom: 12px;

    font-size: 22px;
}

.step-card p {
    color: #6f6f6f;

    font-size: 15px;

    line-height: 1.7;
}


.step-card-visual {
    overflow: hidden;
}

.step-media {
    margin: -32px -32px 26px;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    border-bottom: 1px solid #e5e9e6;

    background-color: #edf4ef;
}

.step-media img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

/* =========================
   İŞLETMELER SAYFASI
========================= */

.businesses-hero {
    padding: 70px 0 55px;

    background-color: #eef4f0;
}

.businesses-hero h1 {
    max-width: 800px;

    margin-bottom: 14px;

    font-size: clamp(38px, 5vw, 58px);

    line-height: 1.08;

    letter-spacing: -1.5px;
}

.businesses-hero p {
    max-width: 700px;

    color: #696969;

    font-size: 16px;

    line-height: 1.7;
}


/* FİLTRE */

.businesses-filter-section {
    padding: 28px 0;

    background-color: #ffffff;

    border-bottom: 1px solid #e7ebe8;
}

.businesses-filter-bar {
    display: grid;

    grid-template-columns: 1.5fr 1fr 1fr 1fr auto;

    gap: 14px;

    align-items: end;
}

.businesses-search,
.businesses-filter {
    display: flex;

    flex-direction: column;

    gap: 7px;
}

.businesses-search label,
.businesses-filter label {
    color: #4b4b4b;

    font-size: 12px;

    font-weight: 800;
}

.businesses-search input,
.businesses-filter input,
.businesses-filter select {
    width: 100%;

    min-height: 48px;

    padding: 0 14px;

    border: 1px solid #dfe4e1;

    border-radius: 9px;

    background-color: #ffffff;

    outline: none;

    font: inherit;
}

.businesses-search input:focus,
.businesses-filter input:focus,
.businesses-filter select:focus {
    border-color: #205b42;

    box-shadow: 0 0 0 3px rgba(32, 91, 66, 0.08);
}

.businesses-filter-button {
    min-height: 48px;

    padding: 0 24px;

    border: 0;

    border-radius: 9px;

    background-color: #205b42;

    color: #ffffff;

    font-weight: 800;

    cursor: pointer;
}

.businesses-filter-button:hover {
    background-color: #174633;
}


/* LİSTE */

.businesses-list-section {
    padding: 70px 0 90px;

    background-color: #f8faf8;
}

.businesses-list-heading {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 30px;
}

.businesses-list-heading h2 {
    font-size: 36px;
}

.businesses-result-count {
    color: #818181;

    font-size: 13px;
}

.businesses-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 22px;
}


/* İŞLETME KARTI */

.business-list-card {
    overflow: hidden;

    border: 1px solid #e1e7e3;

    border-radius: 17px;

    background-color: #ffffff;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.business-list-card:hover {
    transform: translateY(-5px);

    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
}

.business-list-image {
    height: 220px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #e7ede9;

    color: #748178;

    font-size: 14px;

    font-weight: 700;
}

.business-list-content {
    padding: 21px;
}

.business-list-type {
    display: block;

    margin-bottom: 6px;

    color: #205b42;

    font-size: 11px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.6px;
}

.business-list-card h3 {
    margin-bottom: 5px;

    font-size: 20px;
}

.business-list-category {
    margin-bottom: 14px;

    color: #8a8a8a;

    font-size: 13px;
}

.business-list-description {
    min-height: 45px;

    margin-bottom: 20px;

    color: #686868;

    font-size: 14px;

    line-height: 1.6;
}

.business-list-footer {
    padding-top: 15px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    border-top: 1px solid #eeeeee;
}

.business-list-footer span {
    color: #8b8b8b;

    font-size: 12px;
}

.business-list-link {
    color: #205b42;

    font-size: 13px;

    font-weight: 800;
}

/* =========================
   HAKKIMIZDA - ÜRETİME KATKI
========================= */

.about-impact {
    padding: 100px 0;
    background-color: #ffffff;
}

.about-impact-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 75px;
    align-items: start;
}

.about-impact-heading h2 {
    max-width: 570px;
    font-size: clamp(36px, 4vw, 50px);
    line-height: 1.12;
    letter-spacing: -1.3px;
}

.about-impact-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-impact-content p {
    color: #646464;
    font-size: 16px;
    line-height: 1.85;
}

.about-impact-content strong {
    display: block;
    margin-top: 8px;
    padding-left: 22px;
    border-left: 4px solid #205b42;
    color: #205b42;
    font-size: 19px;
    line-height: 1.65;
}

.about-impact-stats {
    margin-top: 65px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.about-stat-card {
    padding: 30px;
    border: 1px solid #dfe7e2;
    border-radius: 18px;
    background-color: #f7faf8;
}

.about-stat-value {
    display: block;
    margin-bottom: 15px;
    color: #205b42;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.1;
}

.about-stat-label {
    display: block;
    color: #676767;
    font-size: 14px;
    line-height: 1.65;
}


/* =========================
   HAKKIMIZDA - ÇÖZÜM
========================= */

.about-solution {
    padding: 95px 0;
    background-color: #f3f6f3;
}

.about-solution-card {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 70px;
    padding: 55px;
    border-radius: 24px;
    background-color: #ffffff;
}

.about-solution-card h2 {
    max-width: 580px;
    font-size: clamp(34px, 4vw, 46px);
    line-height: 1.15;
    letter-spacing: -1px;
}

.about-solution-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-solution-content p {
    color: #656565;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================
   HAKKIMIZDA - MİSYON & VİZYON
========================= */

.about-mission-vision {
    padding: 100px 0;
    background-color: #173d2e;
}

.about-mission-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.about-mission-card {
    padding: 45px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    background-color: rgba(255, 255, 255, 0.05);
}

.about-mission-card .section-label {
    color: #bdd5c8;
}

.about-mission-card h2 {
    margin-bottom: 20px;
    color: #ffffff;
    font-size: 34px;
    line-height: 1.2;
}

.about-mission-card p {
    color: rgba(255, 255, 255, 0.76);
    font-size: 16px;
    line-height: 1.85;
}

/* =========================
   YASAL SAYFALAR
========================= */

.legal-hero {
    padding: 75px 0 65px;
    background-color: #173d2e;
    color: #ffffff;
}

.legal-hero .section-label {
    color: #bdd5c8;
}

.legal-hero h1 {
    margin-bottom: 16px;
    font-size: clamp(42px, 6vw, 64px);
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.legal-hero p {
    max-width: 720px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 17px;
    line-height: 1.7;
}

.legal-content-section {
    padding: 75px 0 100px;
    background-color: #ffffff;
}

.legal-container {
    max-width: 900px;
}

.legal-notice {
    margin-bottom: 50px;
    padding: 28px;
    border-left: 4px solid #205b42;
    border-radius: 12px;
    background-color: #eef4f0;
}

.legal-notice strong {
    display: block;
    margin-bottom: 10px;
    color: #205b42;
    font-size: 18px;
}

.legal-notice p {
    color: #555555;
    line-height: 1.75;
}

.legal-article {
    padding: 34px 0;
    border-bottom: 1px solid #e5e9e6;
}

.legal-article h2 {
    margin-bottom: 18px;
    color: #1f1f1f;
    font-size: 25px;
    line-height: 1.3;
}

.legal-article p {
    margin-bottom: 14px;
    color: #5f5f5f;
    font-size: 15px;
    line-height: 1.85;
}

.legal-article p:last-child {
    margin-bottom: 0;
}

.legal-article ul {
    margin: 18px 0 0 22px;
}

.legal-article li {
    margin-bottom: 10px;
    padding-left: 5px;
    color: #5f5f5f;
    font-size: 15px;
    line-height: 1.7;
}

.legal-danger {
    margin: 35px 0;
    padding: 32px;
    border: 1px solid #eadede;
    border-radius: 16px;
    background-color: #fffafa;
}

.legal-danger h2 {
    color: #6e3030;
}

.legal-footer-note {
    margin-top: 55px;
    padding: 28px;
    border-radius: 16px;
    background-color: #f5f7f5;
}

.legal-footer-note strong {
    display: block;
    margin-bottom: 10px;
    color: #205b42;
}

.legal-footer-note p {
    color: #666666;
    font-size: 14px;
    line-height: 1.7;
}

/* =========================
   TABLET
========================= */

@media (max-width: 1000px) {

    .main-nav {
        display: none;
    }

    .category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .producer-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .steps-grid {
    grid-template-columns: 1fr;
    }

    .benefits-grid {
    grid-template-columns: 1fr;
    }

    .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    }

    .business-profile-card {
    grid-template-columns: 1fr;
    }

    .business-content-grid {
    grid-template-columns: 1fr;
    }

    .business-product-grid {
    grid-template-columns: repeat(2, 1fr);
    }

    .products-filter-bar {
    grid-template-columns: repeat(2, 1fr);
    }

    .products-grid {
    grid-template-columns: repeat(2, 1fr);
    }

    .product-detail-grid {
    grid-template-columns: 1fr;
    }

    .product-about-grid {
    grid-template-columns: 1fr;
    }

    .product-detail-meta {
    grid-template-columns: repeat(2, 1fr);
    }

    .businesses-filter-bar {
    grid-template-columns: repeat(2, 1fr);
    }

    .businesses-grid {
    grid-template-columns: repeat(2, 1fr);
    }

    .experiences-filter-bar {
    grid-template-columns: repeat(2, 1fr);
    }

    .experiences-grid {
    grid-template-columns: repeat(2, 1fr);
    }

    .experience-detail-grid {
    grid-template-columns: 1fr;
    }

    .experience-about-grid {
    grid-template-columns: 1fr;
    }

    .experience-detail-meta {
    grid-template-columns: repeat(2, 1fr);
    }

    .about-story-grid {
    grid-template-columns: 1fr;
    }

    .about-principles-grid {
    grid-template-columns: 1fr;
    }

    .about-experience-card {
    grid-template-columns: 1fr;
    }

    .about-trust-grid {
    grid-template-columns: 1fr;
   }


    /* Hakkımızda - yeni bölümler */
    .about-impact-grid {
        grid-template-columns: 1fr;
    }

    .about-impact-stats {
        grid-template-columns: 1fr;
    }

    .about-solution-card {
        grid-template-columns: 1fr;
    }

    .about-mission-grid {
        grid-template-columns: 1fr;
    }
}
/* =========================
   TELEFON
========================= */

@media (max-width: 650px) {

    .header-inner {
        min-height: 66px;

        gap: 10px;
    }

    .logo {
        flex-shrink: 0;
    }

    .logo img {
        width: 145px;
        height: auto;
        max-height: 42px;
    }

    .header-actions .btn-outline {
        display: none;
    }

    .header-actions .btn-primary {
        padding: 0 12px;
    }

    .hero {
        padding: 65px 0;
    }

    .hero h1 {
        letter-spacing: -1px;
    }

    .hero p {
        font-size: 17px;
    }

    .search-box {
        grid-template-columns: 1fr;

        padding: 14px;
    }

    .search-field {
        padding: 10px 6px;

        border-bottom: 1px solid #eeeeee;
    }

    .search-button {
        min-height: 50px;
    }

    .categories {
        padding: 65px 0;
    }

    .featured-producers {
        padding: 65px 0;
    }

    .section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .category-grid {
        grid-template-columns: 1fr;
    }

    .producer-grid {
        grid-template-columns: 1fr;
    }

    .producer-image {
        height: 220px;
    }

    .site-footer {
    padding: 55px 0 24px;
    }

    .footer-grid {
    grid-template-columns: 1fr;

    gap: 35px;
    }

    .footer-bottom {
    align-items: flex-start;

    flex-direction: column;

    gap: 8px;
    }

    .auth-wrapper {
    padding: 20px 14px;
    }

    .auth-card {
    padding: 30px 22px;
    }

    .auth-heading h1 {
    font-size: 29px;
    }
 
    .form-options {
    align-items: flex-start;
    flex-direction: column;
    }

    .account-type-grid {
    grid-template-columns: 1fr;
    }

    .business-profile-header {
    padding: 40px 0;
    }

    .business-profile-card {
    padding: 22px;
    }

    .business-profile-image {
    min-height: 240px;
    }

    .profile-image-placeholder {
    min-height: 240px;
    }

    .business-product-grid {
    grid-template-columns: 1fr;
    }

    .products-hero {
    padding: 50px 0 40px;
    }

    .products-filter-bar {
    grid-template-columns: 1fr;
    }

    .products-grid {
    grid-template-columns: 1fr;
    }

    .products-list-heading {
    align-items: flex-start;

    flex-direction: column;
    }

    .product-card-image {
    height: 230px;
    }

    .product-detail-section {
    padding: 45px 0;
    }

    .product-detail-placeholder {
    min-height: 300px;
    }

    .product-detail-meta {
    grid-template-columns: 1fr;
    }

    .product-contact-card {
    align-items: flex-start;

    flex-direction: column;

    padding: 26px;
    }
 
    .businesses-hero {
    padding: 50px 0 40px;
    }

    .businesses-filter-bar {
    grid-template-columns: 1fr;
    }

   .businesses-grid {
    grid-template-columns: 1fr;
   }

   .businesses-list-heading {
    align-items: flex-start;

    flex-direction: column;
   }

   .business-list-image {
    height: 230px;
   }

   .experiences-hero {
    padding: 50px 0 40px;
   }

   .experiences-filter-bar {
    grid-template-columns: 1fr;
   }

   .experiences-grid {
    grid-template-columns: 1fr;
   }

   .experiences-list-heading {
    align-items: flex-start;
    flex-direction: column;
   }

   .experience-image {
    height: 230px;
   }

   .experience-detail-section {
    padding: 45px 0;
    }

    .experience-detail-placeholder {
    min-height: 300px;
    }

    .experience-detail-meta {
    grid-template-columns: 1fr;
    }

    .experience-contact-card {
    align-items: flex-start;
    flex-direction: column;
    padding: 26px;
    }

    .about-hero {
    padding: 65px 0 70px;
    }

    .about-hero h1 {
    letter-spacing: -1.5px;
    }

    .about-story {
    padding: 65px 0;
    }

    .about-principles {
    padding: 65px 0;
    }

    .about-experiences {
    padding: 65px 0;
    }

    .about-experience-card {
    padding: 30px 24px;

    gap: 35px;
    }

    .about-trust {
    padding: 65px 0;
    }

    .about-vision {
    padding: 70px 0;
    }

    .about-principle-card {
    padding: 26px;
    }



    /* Hakkımızda - yeni bölümler */
    .about-impact {
        padding: 65px 0;
    }

    .about-impact-stats {
        margin-top: 45px;
    }

    .about-stat-card {
        padding: 24px;
    }

    .about-solution {
        padding: 65px 0;
    }

    .about-solution-card {
        padding: 28px 24px;
        gap: 35px;
    }

    .about-mission-vision {
        padding: 65px 0;
    }

    .about-mission-card {
        padding: 28px 24px;
    }

    .about-mission-card h2 {
        font-size: 29px;
    }

    .legal-hero {
       padding: 55px 0 50px;
    }

    .legal-content-section {
        padding: 50px 0 70px;
    }

    .legal-article {
       padding: 27px 0;
    }

    .legal-danger {
       padding: 24px;
    }

    .legal-notice {
       padding: 22px;
    }
}


/* =========================
   HESABIM
========================= */

.account-page {
    min-height: 70vh;
}

.account-hero {
    padding: 56px 0 30px;
}

.account-hero-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.account-hero h1 {
    margin-top: 10px;
    font-size: clamp(34px, 5vw, 54px);
    line-height: 1.05;
    color: #173f2f;
}

.account-hero p {
    max-width: 720px;
    margin-top: 14px;
    color: #5d685f;
    font-size: 16px;
}

.account-content-section {
    padding: 10px 0 72px;
}

.account-container {
    position: relative;
}

.account-grid {
    display: grid;
    grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.account-profile-card,
.account-card {
    background: #ffffff;
    border: 1px solid #e4e9e5;
    border-radius: 18px;
    box-shadow: 0 12px 34px rgba(28, 65, 47, 0.06);
}

.account-profile-card {
    padding: 28px;
    position: sticky;
    top: 98px;
}

.account-avatar {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    background: #eaf3ee;
    color: #205b42;
    font-size: 30px;
    font-weight: 800;
}

.account-profile-card h2 {
    font-size: 24px;
    line-height: 1.2;
    color: #173f2f;
}

.account-type {
    margin-top: 7px;
    color: #667268;
    font-size: 14px;
}

.account-status-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 15px 0;
    border-top: 1px solid #edf0ed;
}

.account-status-row:first-of-type {
    margin-top: 24px;
}

.account-status-row span {
    color: #748078;
    font-size: 13px;
}

.account-status-row strong {
    max-width: 150px;
    text-align: right;
    color: #27352d;
    font-size: 13px;
}

.account-main-column {
    display: grid;
    gap: 24px;
}

.account-card {
    padding: 30px;
}

.account-card-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.account-card-heading h2 {
    margin-top: 6px;
    font-size: 24px;
    color: #173f2f;
}

.account-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.account-info-item {
    min-height: 92px;
    padding: 18px;
    border: 1px solid #e8ece9;
    border-radius: 13px;
    background: #fbfcfb;
}

.account-info-item span {
    display: block;
    margin-bottom: 8px;
    color: #748078;
    font-size: 13px;
}

.account-info-item strong {
    display: block;
    overflow-wrap: anywhere;
    color: #26362d;
    font-size: 15px;
}

.account-note {
    margin-top: 20px;
    padding: 15px 17px;
    border-radius: 12px;
    background: #f5f8f6;
    color: #667268;
    font-size: 13px;
}

.account-verification-list {
    display: grid;
    gap: 12px;
}

.account-verification-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 18px;
    border: 1px solid #e8ece9;
    border-radius: 13px;
}

.account-verification-item strong {
    color: #27352d;
}

.account-verification-item p {
    margin-top: 5px;
    color: #78837c;
    font-size: 13px;
}

.account-verification-status {
    flex: 0 0 auto;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.account-verification-status.is-verified {
    background: #e8f5ed;
    color: #1d6a45;
}

.account-verification-status.is-pending {
    background: #f4f1e9;
    color: #7a6530;
}

.account-security-notice {
    margin-top: 18px;
    padding: 18px;
    border-left: 4px solid #205b42;
    border-radius: 10px;
    background: #f4f8f5;
}

.account-security-notice strong {
    color: #205b42;
}

.account-security-notice p {
    margin-top: 7px;
    color: #637067;
    font-size: 13px;
}

.account-load-error {
    margin-bottom: 20px;
    padding: 14px 16px;
    border: 1px solid #e6c9c9;
    border-radius: 10px;
    background: #fff7f7;
    color: #8a3737;
}

[data-account-page][data-account-ready="false"] .account-grid {
    opacity: 0.55;
}

.auth-user-control {
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.auth-logout-button {
    border: 0;
    cursor: pointer;
}

@media (max-width: 900px) {
    .account-hero-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-grid {
        grid-template-columns: 1fr;
    }

    .account-profile-card {
        position: static;
    }
}

@media (max-width: 650px) {
    .account-hero {
        padding-top: 38px;
    }

    .account-card,
    .account-profile-card {
        padding: 22px;
    }

    .account-info-grid {
        grid-template-columns: 1fr;
    }

    .account-verification-item {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-verification-status {
        white-space: normal;
    }
}


/* =========================
   HESABIM - PROFIL DUZENLEME
========================= */

.account-hero [data-provider-shortcut][hidden],
.account-edit-form[hidden],
.account-edit-toggle[hidden] {
    display: none !important;
}

.account-edit-toggle {
    flex: 0 0 auto;
    cursor: pointer;
}

.account-edit-form {
    margin-top: 22px;
    padding: 20px;
    border: 1px solid #e5ebe7;
    border-radius: 14px;
    background: #f8faf9;
}

.account-edit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.account-edit-form .form-group {
    margin: 0;
}

.account-edit-form input {
    width: 100%;
}

.account-edit-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.account-edit-actions button {
    cursor: pointer;
}

.account-edit-actions button:disabled {
    cursor: wait;
    opacity: 0.7;
}

.account-edit-status {
    min-height: 20px;
    margin-top: 12px;
    font-size: 13px;
    font-weight: 700;
}

.account-edit-status.is-success {
    color: #1d6a45;
}

.account-edit-status.is-error {
    color: #9b2f2f;
}

@media (max-width: 650px) {
    .account-card-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-edit-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================
   E-POSTA DOGRULAMA
========================= */

.account-verification-actions {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 10px;
}

.account-verification-button {
    padding: 9px 13px;
    cursor: pointer;
}

.account-verification-button[hidden],
.account-verification-dev-link[hidden],
.email-verification-action[hidden] {
    display: none !important;
}

.account-verification-button:disabled {
    cursor: wait;
    opacity: 0.7;
}

.account-verification-dev-link {
    margin-top: 12px;
    padding: 16px 18px;
    border: 1px dashed #c7d9cf;
    border-radius: 13px;
    background: #f7faf8;
}

.account-verification-dev-link strong {
    color: #205b42;
}

.account-verification-dev-link p {
    margin: 6px 0 13px;
    color: #68756d;
    font-size: 13px;
}

.account-verification-dev-link .btn {
    display: inline-flex;
    text-decoration: none;
}

.email-verification-card {
    text-align: center;
}

.email-verification-card [data-email-verify-status][data-state="success"] {
    color: #1d6a45;
}

.email-verification-card [data-email-verify-status][data-state="error"] {
    color: #9b2f2f;
}

.email-verification-action {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
    text-decoration: none;
}

@media (max-width: 650px) {
    .account-verification-actions {
        align-items: flex-start;
        width: 100%;
    }
}

/* =========================================================
   PROVIDER PROFILE + VERIFICATION CENTER
   ========================================================= */
.dashboard-stat-small {
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.dashboard-contact-note,
.provider-verification-disclaimer {
    margin-top: 1.25rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(22, 101, 52, 0.16);
    border-radius: 14px;
    background: rgba(240, 253, 244, 0.65);
}

.dashboard-contact-note strong,
.provider-verification-disclaimer strong {
    display: block;
    margin-bottom: 0.35rem;
}

.dashboard-contact-note p,
.provider-verification-disclaimer p {
    margin: 0.35rem 0 0;
    color: #526057;
    line-height: 1.6;
}

.dashboard-form-status {
    min-height: 1.5rem;
    margin-top: 1rem;
    font-weight: 600;
}

.dashboard-form-status.is-success {
    color: #166534;
}

.dashboard-form-status.is-error {
    color: #b42318;
}

.dashboard-form-status.is-info {
    color: #475467;
}

.provider-verification-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.provider-verification-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem 1rem;
    padding: 1.1rem;
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    background: #fff;
}

.provider-verification-card[hidden] {
    display: none !important;
}

.provider-verification-card strong {
    display: block;
    margin-bottom: 0.25rem;
}

.provider-verification-card p {
    margin: 0;
    color: #667085;
    line-height: 1.45;
}

.provider-verification-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: #f2f4f7;
    color: #475467;
    font-size: 0.83rem;
    font-weight: 700;
    white-space: nowrap;
}

.provider-verification-card[data-status="VERIFIED"] .provider-verification-badge {
    background: #dcfae6;
    color: #166534;
}

.provider-verification-card[data-status="PENDING"] .provider-verification-badge {
    background: #fef0c7;
    color: #92400e;
}

.provider-verification-card[data-status="REJECTED"] .provider-verification-badge {
    background: #fee4e2;
    color: #b42318;
}

.provider-verification-action {
    grid-column: 1 / -1;
    width: fit-content;
    font-weight: 700;
}

@media (max-width: 760px) {
    .provider-verification-grid {
        grid-template-columns: 1fr;
    }

    .provider-verification-card {
        grid-template-columns: 1fr;
    }

    .provider-verification-badge {
        width: fit-content;
    }
}

/* =========================================================
   PROVIDER PUBLICATION + PUBLIC BUSINESS LIST
   ========================================================= */
.provider-publication-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    padding: 0.5rem 0.8rem;
    border-radius: 999px;
    background: #f2f4f7;
    color: #475467;
    font-size: 0.82rem;
    font-weight: 800;
}

.provider-publication-badge[data-state="published"] {
    background: #dcfae6;
    color: #166534;
}

.provider-publication-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5rem;
    align-items: start;
    padding: 1.25rem;
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    background: #fff;
}

.provider-publication-panel > div > strong {
    display: block;
    margin-bottom: 0.8rem;
}

.provider-publication-requirements {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.provider-publication-requirements li {
    position: relative;
    padding-left: 1.65rem;
    color: #667085;
    line-height: 1.45;
}

.provider-publication-requirements li::before {
    content: "○";
    position: absolute;
    left: 0;
    top: 0;
    color: #98a2b3;
    font-weight: 800;
}

.provider-publication-requirements li[data-complete="true"] {
    color: #166534;
    font-weight: 700;
}

.provider-publication-requirements li[data-complete="true"]::before {
    content: "✓";
    color: #166534;
}

.provider-publication-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.7rem;
    max-width: 390px;
}

.provider-publication-actions [hidden] {
    display: none !important;
}

.provider-publication-actions .btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.businesses-grid[hidden],
.dashboard-empty-state[hidden] {
    display: none !important;
}

.business-list-card {
    display: flex;
    flex-direction: column;
}

.business-list-content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.business-list-description {
    flex: 1;
}

.business-list-link {
    text-decoration: none;
}

@media (max-width: 850px) {
.provider-publication-panel {
    grid-template-columns: 1fr;
}

.provider-publication-actions {
    justify-content: flex-start;
    max-width: none;
}
}

    @media (max-width: 600px) {
    .provider-publication-requirements {
    grid-template-columns: 1fr;
}

/* PANEL > DOĞRULAMA MERKEZİ > E-POSTA DOĞRULA */
.dashboard-page a.provider-verification-action[data-email-verification-action] {
    padding: 10px 16px !important;
    background: #e5f5eb !important;
    color: #17603f !important;
    border: 1px solid #acd6bc !important;
    border-radius: 9px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    width: fit-content;
    margin-top: 12px;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.dashboard-page a.provider-verification-action[data-email-verification-action]:hover {
    background: #d4eedf !important;
    border-color: #83c49d !important;
    color: #104c31 !important;
}

}

/* =========================
   2026-09-08 PROFESSIONAL UX PATCH
   ========================= */

/* Dil değiştirme altyapısı devreye alınana kadar işlevsiz TR kontrolünü gizle. */
.language-button {
    display: none !important;
}

/* Şifre sıfırlama akışının 5 Eylül güncellemesindeki durum/bilgi kutuları. */
.auth-submit:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.auth-form-status {
    min-height: 19px;
    margin: -7px 0 0;
}

.auth-form-status.is-success {
    color: #205b42;
    font-weight: 700;
}

.auth-form-status.is-error {
    color: #b42318;
    font-weight: 700;
}

.auth-info-box {
    margin-top: 22px;
    padding: 16px 18px;
    border: 1px solid rgba(32, 91, 66, 0.18);
    border-radius: 12px;
    background: rgba(32, 91, 66, 0.06);
    color: #3f4a45;
    font-size: 13px;
    line-height: 1.6;
}

.auth-info-box strong {
    display: block;
    margin-bottom: 4px;
    color: #205b42;
    font-size: 14px;
}

.auth-info-box p {
    margin: 0 0 8px;
}

.auth-info-box a {
    color: #205b42;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.auth-info-box-muted {
    border-color: #e2e5e3;
    background: #f7f8f7;
    color: #6f7773;
}

.about-data-source {
    margin-top: 18px;
    color: #6f7773;
    font-size: 12px;
    line-height: 1.6;
}

.about-data-source a {
    color: #205b42;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}


/* =========================
   FINAL BUSINESS DASHBOARD UX
========================= */
.dashboard-stat-small {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dashboard-form .form-help {
    display: block;
    margin-top: 7px;
    color: #6f7e76;
    font-size: 12px;
    line-height: 1.5;
}


@media (max-width: 700px) {
    .provider-pricing-facts,
    .dashboard-plan-facts {
        grid-template-columns: 1fr;
    }

    .dashboard-plan-main {
        flex-direction: column;
        gap: 10px;
    }
}


/* =========================
   DİZİN SAYFALARI HERO GÖRSELLERİ
   Ürünler / İşletmeler / Deneyimler
========================= */

.directory-hero {
    padding: 48px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 16%, rgba(184, 201, 182, 0.28), transparent 30%),
        linear-gradient(135deg, #f3f7f4 0%, #eef4f0 54%, #e8f0ea 100%);
}

.directory-hero-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(520px, 1.14fr);
    align-items: center;
    gap: clamp(34px, 5vw, 72px);
    min-height: 350px;
}

.directory-hero-copy {
    position: relative;
    z-index: 2;
    max-width: 650px;
}

.directory-hero-copy .section-label {
    display: inline-block;
    margin-bottom: 12px;
}

.directory-hero-copy h1 {
    max-width: 680px;
    margin-bottom: 18px;
    font-size: clamp(42px, 4.8vw, 68px);
    line-height: 1.02;
    letter-spacing: -2px;
}

.directory-hero-copy p {
    max-width: 620px;
    margin: 0;
    color: #59645e;
    font-size: 17px;
    line-height: 1.72;
}

.directory-hero-visual {
    position: relative;
    min-width: 0;
    height: clamp(285px, 26vw, 365px);
    overflow: hidden;
    border: 1px solid rgba(31, 96, 69, 0.12);
    border-radius: 30px;
    background: #f7f7f1;
    box-shadow: 0 24px 55px rgba(25, 67, 49, 0.12);
}

.directory-hero-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.58);
    border-radius: inherit;
}

.directory-hero-visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.products-hero.directory-hero,
.businesses-hero.directory-hero,
.experiences-hero.directory-hero {
    padding: 48px 0;
}

.products-hero.directory-hero .directory-hero-visual img {
    object-position: 52% center;
}

.businesses-hero.directory-hero .directory-hero-visual img {
    object-position: center 45%;
}

.experiences-hero.directory-hero .directory-hero-visual img {
    object-position: center 46%;
}

@media (max-width: 1050px) {
    .directory-hero-layout {
        grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
        gap: 34px;
    }

    .directory-hero-copy h1 {
        font-size: clamp(38px, 5vw, 56px);
    }
}

@media (max-width: 820px) {
    .directory-hero,
    .products-hero.directory-hero,
    .businesses-hero.directory-hero,
    .experiences-hero.directory-hero {
        padding: 38px 0 42px;
    }

    .directory-hero-layout {
        grid-template-columns: 1fr;
        gap: 26px;
        min-height: 0;
    }

    .directory-hero-copy {
        max-width: none;
    }

    .directory-hero-copy h1 {
        max-width: 680px;
        font-size: clamp(38px, 9vw, 54px);
        letter-spacing: -1.4px;
    }

    .directory-hero-copy p {
        max-width: 680px;
        font-size: 16px;
    }

    .directory-hero-visual {
        height: auto;
        aspect-ratio: 16 / 9;
        border-radius: 22px;
    }
}

@media (max-width: 520px) {
    .directory-hero-copy h1 {
        font-size: clamp(34px, 11vw, 44px);
    }

    .directory-hero-visual {
        aspect-ratio: 4 / 3;
        border-radius: 18px;
    }
}

/* =========================
   MOBİL NAVİGASYON
========================= */

.mobile-nav-toggle {
    display: none;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfe7e2;
    border-radius: 10px;
    background: #ffffff;
    color: #205b42;
    cursor: pointer;
}

.mobile-nav-toggle-icon {
    width: 20px;
    display: grid;
    gap: 4px;
}

.mobile-nav-toggle-icon span {
    display: block;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.mobile-nav-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1400;
    background: rgba(10, 28, 20, 0.48);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.mobile-nav-backdrop.is-open {
    opacity: 1;
}

.mobile-nav-panel {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1500;
    width: min(88vw, 360px);
    height: 100dvh;
    padding: 22px;
    background: #ffffff;
    box-shadow: -22px 0 50px rgba(13, 41, 29, 0.18);
    transform: translateX(105%);
    transition: transform 0.22s ease;
    overflow-y: auto;
}

.mobile-nav-panel.is-open {
    transform: translateX(0);
}

.mobile-nav-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e8eeea;
}

.mobile-nav-panel-header strong {
    color: #205b42;
    font-size: 20px;
    letter-spacing: 0.04em;
}

.mobile-nav-close {
    width: 42px;
    height: 42px;
    border: 1px solid #dfe7e2;
    border-radius: 10px;
    background: #f8faf8;
    color: #205b42;
    font-size: 29px;
    line-height: 1;
    cursor: pointer;
}

.mobile-nav-links {
    display: grid;
    gap: 8px;
    padding-top: 22px;
}

.mobile-nav-links a {
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 0 15px;
    border-radius: 10px;
    color: #253b31;
    font-size: 16px;
    font-weight: 700;
}

.mobile-nav-links a:hover,
.mobile-nav-links a:focus-visible {
    background: #eef5f1;
    color: #205b42;
    outline: none;
}

body.mobile-nav-open {
    overflow: hidden;
}

@media (max-width: 1000px) {
    .mobile-nav-toggle {
        display: inline-flex;
    }
}

@media (max-width: 650px) {
    .mobile-nav-toggle {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
}

/* =========================
   LİSTE SAYFALAMA
========================= */

.directory-load-more-wrap {
    display: flex;
    justify-content: center;
    padding-top: 34px;
}

.directory-load-more-wrap[hidden] {
    display: none !important;
}

.directory-load-more-button {
    min-width: 190px;
}

.legal-contact-details {
    display: grid;
    gap: 9px;
    margin-top: 12px;
}

.legal-contact-details p {
    margin: 0;
}

.legal-contact-details a {
    color: #205b42;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.legal-config-warning {
    margin-top: 10px !important;
    padding: 10px 12px;
    border: 1px solid #e7d59b;
    border-radius: 10px;
    background: #fff9e8;
    color: #735f1f;
    font-size: 13px;
}

.legal-config-warning[hidden] {
    display: none !important;
}

.provider-verification-card[hidden],
.bp-verification-section[hidden] {
    display: none !important;
}

.messages-footer-social {
    display: flex;
    justify-content: center;
    padding-bottom: 22px;
}

.messages-footer-social a {
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    font-weight: 700;
}

.messages-footer-social a:hover {
    color: #ffffff;
}