[x-cloak] { display: none !important; }

body { font-family: 'Inter', sans-serif; }

.footer-paytr-logo {
    margin-top: 30px;
    text-align: center;
}
.footer-paytr-logo a {
    display: inline-block;
    opacity: 0.92;
    transform: translateX(-15px);
    transition: opacity 0.2s ease;
}
.footer-paytr-logo a:hover {
    opacity: 1;
}
.footer-paytr-logo img {
    width: 162px;
    height: 29px;
    max-width: none;
    display: block;
}

/* Kategoriler sayfası */
.categories-page {
    position: relative;
}
.categories-page-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 58%, #162033 100%);
    color: #fff;
    padding: 2.75rem 0 3rem;
}
@media (min-width: 1024px) {
    .categories-page-hero {
        padding: 3.25rem 0 3.5rem;
    }
}
.categories-page-hero__deco {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 28%, rgba(249, 115, 22, 0.22), transparent 42%),
        radial-gradient(circle at 88% 18%, rgba(59, 130, 246, 0.14), transparent 38%);
    pointer-events: none;
}
.categories-page-hero__pattern {
    position: absolute;
    inset: 0;
    opacity: 0.07;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.65) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.65) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), transparent 95%);
}
.categories-page-hero__inner {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    align-items: start;
}
@media (min-width: 1024px) {
    .categories-page-hero__inner {
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 2rem 2.5rem;
        align-items: center;
    }
}
.categories-page-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.85rem;
    border-radius: 9999px;
    background: rgba(249, 115, 22, 0.16);
    border: 1px solid rgba(253, 186, 116, 0.35);
    color: #fdba74;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.categories-page-hero__badge svg {
    width: 0.95rem;
    height: 0.95rem;
    flex-shrink: 0;
}
.categories-page-hero__title {
    margin: 1rem 0 0;
    font-size: clamp(1.875rem, 4vw, 2.75rem);
    font-weight: 800;
    line-height: 1.15;
    color: #fff;
}
.categories-page-hero__lead {
    margin: 1rem 0 0;
    max-width: 38rem;
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.82);
}
.categories-page-hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.35rem;
}
.categories-page-hero__stat {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 5.5rem;
    padding: 0.65rem 0.85rem;
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(4px);
}
.categories-page-hero__stat strong {
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 1.1;
    color: #fbbf24;
}
.categories-page-hero__stat span {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.72);
}
.categories-page-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.35rem;
}
.categories-page-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1.1rem;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.categories-page-hero__btn--primary {
    background: #f97316;
    color: #fff;
}
.categories-page-hero__btn--primary:hover {
    background: #ea580c;
    color: #fff;
}
.categories-page-hero__btn--outline {
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
}
.categories-page-hero__btn--outline:hover {
    border-color: rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}
.categories-page-hero__ad {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
@media (min-width: 1024px) {
    .categories-page-hero__ad {
        margin: 0;
        justify-self: end;
    }
}
.categories-page-hero__ad-inner .ad-slot {
    margin: 0;
}
.categories-page__body {
    width: 100%;
}
.categories-page__section-head {
    margin-bottom: 1.25rem;
}
.categories-page__section--spaced {
    margin-top: 2.75rem;
}
.categories-page__kicker {
    display: block;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f97316;
}
.categories-page__section-title {
    margin: 0.35rem 0 0;
    font-size: 1.375rem;
    font-weight: 800;
    color: #1e3a5f;
}
.categories-page__grid {
    display: grid;
    gap: 1.5rem;
}
@media (min-width: 640px) {
    .categories-page__grid { gap: 1.75rem; }
}
@media (min-width: 1024px) {
    .categories-page__grid { gap: 2rem; }
}
.categories-page__grid--primary {
    grid-template-columns: 1fr;
}
@media (min-width: 640px) {
    .categories-page__grid--primary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .categories-page__grid--primary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.categories-page__grid--secondary {
    grid-template-columns: 1fr;
}
@media (min-width: 640px) {
    .categories-page__grid--secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .categories-page__grid--secondary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
    .categories-page__grid--secondary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.categories-page .service-category-subs ul {
    grid-template-columns: 1fr;
    gap: 0.45rem 0.75rem;
}
@media (min-width: 520px) {
    .categories-page .service-category-subs ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem 1rem;
    }
}
.categories-page .service-sub-link {
    font-size: 0.8125rem;
    line-height: 1.45;
}
.categories-page__cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.85rem;
    margin-top: 2.5rem;
    padding: 1.25rem 1.35rem;
    border-radius: 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}
@media (min-width: 640px) {
    .categories-page__cta {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}
.categories-page__cta p {
    margin: 0;
    font-size: 0.9375rem;
    color: #475569;
}
.categories-page__cta-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.65rem 1rem;
    border-radius: 0.75rem;
    background: #1e3a5f;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    white-space: nowrap;
    transition: background 0.2s ease;
}
.categories-page__cta-btn:hover {
    background: #f97316;
    color: #fff;
}

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.prose h2 { font-size: 1.25rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.prose p { margin-bottom: 0.75rem; line-height: 1.7; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }

/* Installer */
.installer-step.active { border-color: #F97316; background: #fff7ed; }

/* Admin / Panel sidebar */
.admin-sidebar {
    background-color: #0F172A;
    color: #f1f5f9;
    min-height: 100vh;
}

.admin-nav-link {
    display: block;
    padding: 0.625rem 0.875rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #cbd5e1;
    text-decoration: none;
    transition: background-color 0.15s, color 0.15s;
}

.admin-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.admin-nav-active {
    background-color: #F97316 !important;
    color: #ffffff !important;
    font-weight: 600;
}

.admin-nav-logout {
    color: #fca5a5 !important;
}

.admin-nav-logout:hover {
    background-color: rgba(239, 68, 68, 0.15) !important;
    color: #fecaca !important;
}

.site-logo {
    background: transparent !important;
    object-fit: contain;
}

/* Hero arama çubuğu */
.hero-section {
    isolation: isolate;
}

.hero-bg-image {
    will-change: transform;
}

@media (min-width: 1024px) {
    .hero-section:hover .hero-bg-image {
        transform: scale(1.08);
        transition: transform 8s ease-out;
    }
    .hero-bg-image {
        transition: transform 8s ease-out;
    }
}

.hero-search-bar {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
}

.hero-search-field {
    width: 100%;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    background: #fff;
    color: #1e293b;
    border: 0;
    font-size: 0.875rem;
    line-height: 1.4;
    appearance: auto;
}

.hero-search-field:focus {
    outline: none;
    box-shadow: 0 0 0 2px #F97316;
}

.hero-search-field:disabled {
    background: #f1f5f9;
    color: #94a3b8;
    cursor: not-allowed;
}

@media (min-width: 1280px) {
    .hero-search-field {
        font-size: 0.9375rem;
        padding: 0.875rem 1.125rem;
    }
}

#hero-subcategory-wrap:not(.hidden) {
    display: flex;
    flex: 1 1 200px;
}

/* Ana Hizmetler kartları */
.service-card {
    isolation: isolate;
}

.service-card-bg {
    will-change: transform;
}

.service-category-card {
    isolation: isolate;
}

.service-category-header {
    isolation: isolate;
}

.service-sub-link {
    font-size: 12px;
}

.service-sub-link:hover span:last-child {
    text-decoration: underline;
}

.company-filter-bar {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.12);
}

.company-filter-bar .hero-search-field {
    border: 1px solid #cbd5e1;
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.company-filter-bar .hero-search-field:focus {
    border-color: #f97316;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.18);
}

.company-filter-bar .hero-search-field:disabled {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #94a3b8;
}

#filter-subcategory-wrap:not(.hidden) {
    display: flex;
    flex: 1 1 180px;
}

/* Firma kayıt sayfası */
.register-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 0.375rem;
}

.register-hint {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 0.25rem;
}

.register-input {
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    font-size: 0.9375rem;
    color: #1e293b;
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.register-input:focus {
    outline: none;
    border-color: #f97316;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15);
}

.register-input:disabled {
    background: #f8fafc;
    color: #94a3b8;
}

/* Teklif al sayfası */
.quote-page {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 42%);
}
.quote-page__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: start;
}
@media (min-width: 1024px) {
    .quote-page__grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
        gap: 3rem;
    }
    .quote-page__intro {
        position: sticky;
        top: 6rem;
    }
}
.quote-page__badge {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.85rem;
    border-radius: 9999px;
    background: #ffedd5;
    color: #c2410c;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.quote-page__title {
    margin-top: 1rem;
    font-size: clamp(1.875rem, 4vw, 2.5rem);
    font-weight: 800;
    line-height: 1.15;
    color: #0f172a;
}
.quote-page__lead {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.75;
    color: #64748b;
}
.quote-page__benefits {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    list-style: none;
    padding: 0;
}
.quote-page__benefits li {
    display: flex;
    gap: 0.875rem;
    align-items: flex-start;
}
.quote-page__benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    font-size: 1.125rem;
    flex-shrink: 0;
}
.quote-page__benefits strong {
    display: block;
    font-size: 0.9375rem;
    color: #0f172a;
    margin-bottom: 0.15rem;
}
.quote-page__benefits p {
    font-size: 0.875rem;
    line-height: 1.5;
    color: #64748b;
    margin: 0;
}
.quote-page__steps {
    margin-top: 2rem;
    padding: 1rem 1.25rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    list-style: none;
}
.quote-page__steps li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-size: clamp(0.6875rem, 1.6vw, 0.8125rem);
    font-weight: 600;
    color: #334155;
    white-space: nowrap;
    min-width: 0;
}
.quote-page__steps li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 9999px;
    background: #f97316;
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 800;
    flex-shrink: 0;
}
.quote-form__header {
    padding: 1.5rem 1.5rem 0;
}
@media (min-width: 640px) {
    .quote-form__header {
        padding: 1.75rem 2rem 0;
    }
}
.quote-form__heading {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
}
.quote-form__subheading {
    margin-top: 0.35rem;
    font-size: 0.8125rem;
    color: #94a3b8;
}
.quote-form__errors {
    margin: 1rem 1.5rem 0;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 0.875rem;
}
@media (min-width: 640px) {
    .quote-form__errors {
        margin-left: 2rem;
        margin-right: 2rem;
    }
}
.quote-form__body {
    padding: 1.5rem;
}
@media (min-width: 640px) {
    .quote-form__body {
        padding: 1.75rem 2rem;
    }
}
.quote-form__section {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}
.quote-form__section-title {
    display: block;
    width: 100%;
    font-size: 0.8125rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #64748b;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f1f5f9;
}
.quote-form__file {
    position: relative;
}
.quote-form__file-input {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}
.quote-form__file-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 1.25rem 1rem;
    border: 2px dashed #cbd5e1;
    border-radius: 0.875rem;
    background: #f8fafc;
    cursor: pointer;
    text-align: center;
    transition: border-color 0.15s, background 0.15s;
}
.quote-form__file-label:hover {
    border-color: #f97316;
    background: #fff7ed;
}
.quote-form__file-icon {
    font-size: 1.5rem;
}
.quote-form__file-text {
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
}
.quote-form__file-hint {
    font-size: 0.75rem;
    color: #94a3b8;
}
.quote-form__file-name {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    color: #64748b;
}
.quote-form__file-list {
    margin: 0.75rem 0 0;
    padding-left: 1.1rem;
    font-size: 0.8125rem;
    color: #475569;
    list-style: disc;
}
.quote-form__file-list li + li {
    margin-top: 0.25rem;
}
.quote-form__consent {
    display: flex;
    gap: 0.625rem;
    align-items: flex-start;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: #64748b;
    cursor: pointer;
}
.quote-form__footer {
    padding: 1.25rem 1.5rem 1.75rem;
    background: #f8fafc;
    border-top: 1px solid #f1f5f9;
}
@media (min-width: 640px) {
    .quote-form__footer {
        padding: 1.5rem 2rem 2rem;
    }
}
.quote-form__submit {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.95rem 1.5rem;
    border: 0;
    border-radius: 0.875rem;
    background: #f97316;
    color: #fff;
    font-size: 1.0625rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 10px 25px -10px rgba(249, 115, 22, 0.65);
    transition: background 0.15s, transform 0.15s;
}
.quote-form__submit svg {
    width: 1.125rem;
    height: 1.125rem;
}
.quote-form__submit:hover {
    background: #ea580c;
}
.quote-form__footer-note {
    margin-top: 0.75rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #94a3b8;
}

.register-payment-option {
    display: block;
    cursor: pointer;
}

.register-payment-box {
    display: block;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    border: 2px solid #e2e8f0;
    transition: border-color 0.15s, background-color 0.15s;
}

.register-summary {
    box-shadow: 0 10px 40px -15px rgba(0, 0, 0, 0.12);
}

/* Firma düzenleme formu */
.company-form-page {
    max-width: 72rem;
}

.company-form-section-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 1rem;
}

.company-form-label {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.375rem;
}

.company-form-input {
    width: 100%;
    padding: 0.625rem 0.875rem;
    border-radius: 0.625rem;
    border: 1px solid #e2e8f0;
    font-size: 0.9375rem;
    color: #1e293b;
    background: #fff;
}

.company-form-input:focus {
    outline: none;
    border-color: #f97316;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.12);
}

.company-form-input:disabled {
    background: #f8fafc;
    color: #94a3b8;
}

.service-picker-card {
    background: #fff;
}

.service-picker-card .service-checkbox-list {
    scrollbar-width: thin;
}

/* Firma detay sayfası */
.company-hero {
    background-size: cover;
    background-position: center;
}

.company-hero--gradient {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);
}

.company-hero--cover .company-hero-overlay {
    background: linear-gradient(to right, rgba(15, 23, 42, 0.92), rgba(15, 23, 42, 0.75));
}

.company-hero--gradient .company-hero-overlay {
    background: transparent;
}

.company-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.company-badge--pro {
    background: #2563eb;
    color: #fff;
}

.company-badge--elite {
    background: #f97316;
    color: #fff;
}

.company-badge--verified {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.company-badge--whatsapp {
    background: #22c55e;
    color: #fff;
}

.company-detail-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.company-detail-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
}

.company-service-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    font-size: 0.8125rem;
    color: #334155;
}

.company-map-embed iframe {
    width: 100%;
    height: 18rem;
    border: 0;
    display: block;
}

/* Öne çıkan epoksi kartları */
.feature-card-image {
    background: #f1f5f9;
}

.feature-card-icon {
    line-height: 1;
}

.why-us-block {
    min-height: 0;
}

.epoxy-advantages-block img {
    object-position: center;
}

@media (min-width: 1024px) {
    .epoxy-advantages-block {
        min-height: 28rem;
    }
}

/* Admin — Yedekleme */
.admin-backup-page { max-width: 80rem; }
.admin-backup-hero {
    display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1.25rem;
    margin-bottom: 1.5rem; padding: 1.5rem 1.625rem; border-radius: 1rem;
    background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%); color: #fff;
}
.admin-backup-hero__title { margin: 0; font-size: 1.75rem; font-weight: 800; letter-spacing: -.02em; }
.admin-backup-hero__lead {
    margin: .65rem 0 0; max-width: 40rem; font-size: .9375rem; line-height: 1.65; color: rgba(255,255,255,.82);
}
.admin-backup-hero__example {
    min-width: 16rem; padding: .85rem 1rem; border-radius: .75rem;
    background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
}
.admin-backup-hero__example-label {
    display: block; font-size: .6875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
    color: rgba(255,255,255,.65); margin-bottom: .35rem;
}
.admin-backup-hero__example code {
    display: block; font-size: .8125rem; color: #fde68a; word-break: break-all;
}
.admin-backup-alert {
    margin-bottom: 1.25rem; padding: .9rem 1rem; border-radius: .85rem; font-size: .875rem; line-height: 1.55;
}
.admin-backup-alert ul { margin: .45rem 0 0 1.1rem; }
.admin-backup-alert--info {
    background: #eff6ff; border: 1px solid #bfdbfe; color: #1e3a8a;
}
.admin-backup-alert--error {
    background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;
}
.admin-backup-grid {
    display: grid; gap: 1.25rem; grid-template-columns: 1fr;
}
@media (min-width: 900px){ .admin-backup-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.admin-backup-card {
    display: flex; flex-direction: column; min-height: 100%;
    background: #fff; border: 1px solid #e2e8f0; border-radius: .95rem; padding: 1.25rem 1.35rem 1.35rem;
    box-shadow: 0 8px 24px rgba(15,23,42,.04);
}
.admin-backup-card__head { display: flex; align-items: flex-start; gap: .85rem; margin-bottom: .85rem; }
.admin-backup-card__icon {
    width: 2.75rem; height: 2.75rem; border-radius: .75rem; display: inline-flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.admin-backup-card--full .admin-backup-card__icon { background: #fff7ed; color: #ea580c; }
.admin-backup-card--files .admin-backup-card__icon { background: #eff6ff; color: #1d4ed8; }
.admin-backup-card--database .admin-backup-card__icon { background: #ecfdf5; color: #047857; }
.admin-backup-card__icon svg { width: 1.35rem; height: 1.35rem; }
.admin-backup-card__badge {
    display: inline-block; margin-bottom: .35rem; padding: .18rem .5rem; border-radius: 9999px;
    font-size: .6875rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
    background: #f8fafc; color: #475569; border: 1px solid #e2e8f0;
}
.admin-backup-card__title { margin: 0; font-size: 1.0625rem; font-weight: 800; color: #0f172a; }
.admin-backup-card__description {
    margin: 0 0 .85rem; font-size: .8125rem; line-height: 1.6; color: #64748b; flex: 1;
}
.admin-backup-card__list {
    list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .45rem;
    font-size: .8125rem; color: #334155;
}
.admin-backup-card__list li {
    position: relative; padding-left: 1rem;
}
.admin-backup-card__list li::before {
    content: ''; position: absolute; left: 0; top: .55rem; width: .35rem; height: .35rem; border-radius: 9999px; background: #f97316;
}
.admin-backup-card__btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
    width: 100%; margin-top: auto; padding: .7rem 1rem; border-radius: .65rem;
    background: #f97316; color: #fff; font-size: .875rem; font-weight: 700; text-decoration: none;
    transition: background .2s, transform .2s;
}
.admin-backup-card__btn svg { width: 1rem; height: 1rem; }
.admin-backup-card__btn:hover { background: #ea580c; color: #fff; transform: translateY(-1px); }
.admin-backup-card__btn--disabled {
    background: #cbd5e1; color: #64748b; cursor: not-allowed; transform: none;
}

/* Admin — Paket Yönetimi */
.admin-pkg-page {
    max-width: 80rem;
}

.admin-pkg-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.875rem;
    padding: 1.25rem 1.375rem 1.375rem;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.admin-pkg-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.admin-pkg-card-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
}

.admin-pkg-card-meta {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    color: #db2777;
    font-weight: 500;
}

.admin-pkg-status {
    flex-shrink: 0;
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.2rem 0.55rem;
    border-radius: 9999px;
    letter-spacing: 0.01em;
}

.admin-pkg-status.is-active {
    background: #dcfce7;
    color: #15803d;
}

.admin-pkg-status.is-inactive {
    background: #f1f5f9;
    color: #64748b;
}

.admin-pkg-price {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
    margin-bottom: 0.75rem;
}

.admin-pkg-price span {
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
}

.admin-pkg-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 0.875rem;
}

.admin-pkg-badge {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 0.375rem;
}

.admin-pkg-badge-cyan {
    background: #cffafe;
    color: #0e7490;
}

.admin-pkg-badge-blue {
    background: #dbeafe;
    color: #1d4ed8;
}

.admin-pkg-features {
    list-style: disc;
    padding-left: 1.125rem;
    margin: 0 0 1.25rem;
    flex: 1;
    font-size: 0.8125rem;
    color: #475569;
    line-height: 1.55;
}

.admin-pkg-features li + li {
    margin-top: 0.25rem;
}

.admin-pkg-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: auto;
}

.admin-pkg-panel {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.875rem;
    padding: 1.25rem 1.375rem;
}

.admin-pkg-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.admin-pkg-input {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    color: #0f172a;
    background: #fff;
}

.admin-pkg-input:focus {
    outline: none;
    border-color: #1E3A5F;
    box-shadow: 0 0 0 2px rgba(30, 58, 95, 0.15);
}

.admin-pkg-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}

.admin-pkg-btn-primary {
    background: #1E3A5F;
    color: #fff;
    border-color: #1E3A5F;
}

.admin-pkg-btn-primary:hover {
    background: #162d4a;
}

.admin-pkg-btn-outline {
    background: #fff;
    color: #1E3A5F;
    border-color: #93c5fd;
}

.admin-pkg-btn-outline:hover {
    background: #eff6ff;
}

.admin-pkg-btn-muted {
    background: #f8fafc;
    color: #475569;
    border-color: #e2e8f0;
}

.admin-pkg-btn-muted:hover {
    background: #f1f5f9;
}

.admin-pkg-btn-danger {
    background: #fff;
    color: #dc2626;
    border-color: #fecaca;
    padding: 0.5rem 0.625rem;
}

.admin-pkg-btn-danger:hover {
    background: #fef2f2;
}

/* İletişim sayfası */
.contact-info-card,
.contact-form-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1.375rem 1.5rem;
    box-shadow: 0 4px 24px -12px rgba(15, 23, 42, 0.12);
}

.contact-info-title {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.875rem;
}

.contact-company-name {
    font-size: 0.8125rem;
    color: #475569;
    line-height: 1.55;
    margin-bottom: 1rem;
}

.contact-info-list {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.contact-info-item {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.contact-info-icon {
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.15rem;
    color: #f97316;
}

.contact-info-icon svg {
    width: 100%;
    height: 100%;
}

.contact-info-label {
    display: block;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #f97316;
    margin-bottom: 0.15rem;
}

.contact-info-value {
    font-size: 0.875rem;
    color: #334155;
    line-height: 1.5;
}

.contact-info-link {
    font-size: 0.875rem;
    color: #1d4ed8;
    text-decoration: none;
    line-height: 1.5;
}

.contact-info-link:hover {
    text-decoration: underline;
}

.contact-dl {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.contact-dl-row dt {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #f97316;
    margin-bottom: 0.15rem;
}

.contact-dl-row dd {
    font-size: 0.875rem;
    color: #334155;
    line-height: 1.45;
}

.contact-bank-name {
    font-size: 0.875rem;
    color: #475569;
    margin-bottom: 0.35rem;
}

.contact-bank-iban {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: 0.02em;
}

.contact-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.contact-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.9375rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}

.contact-btn-whatsapp {
    background: #22c55e;
    color: #fff;
}

.contact-btn-whatsapp:hover {
    background: #16a34a;
}

.contact-btn-phone {
    background: #fff;
    color: #0f172a;
    border: 1px solid #cbd5e1;
}

.contact-btn-phone:hover {
    background: #f8fafc;
    border-color: #94a3b8;
}

.contact-form-tag {
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #ea580c;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    margin-bottom: 0.875rem;
}

.contact-form-title {
    font-size: 1.375rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.5rem;
}

.contact-form-intro {
    font-size: 0.875rem;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    max-width: 42rem;
}

.contact-form-errors {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 0.375rem;
}

.contact-hint {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 0.25rem;
}

.contact-input {
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    font-size: 0.9375rem;
    color: #1e293b;
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.contact-input:focus {
    outline: none;
    border-color: #f97316;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15);
}

.contact-textarea {
    resize: vertical;
    min-height: 9rem;
}

.contact-kvkk {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-size: 0.8125rem;
    color: #475569;
    line-height: 1.5;
}

.contact-kvkk input {
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.9375rem 1.25rem;
    border: 0;
    border-radius: 0.75rem;
    background: #f97316;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s;
}

.contact-submit:hover {
    background: #ea580c;
}

/* Elite vitrin */
.elite-firms-label {
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0f172a;
    background: #e2e8f0;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
}

.elite-firms-section {
    padding-top: 0.25rem;
}

.premium-company-card .feature-card-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.35), transparent 55%);
    pointer-events: none;
}

/* Blog — Ana sayfa (liste) */
.blog-index-page {
    background: #f8fafc;
    padding: 2.5rem 0 3.5rem;
}

.blog-index-container {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 640px) {
    .blog-index-container {
        padding: 0 1.5rem;
    }
}

.blog-index-header {
    margin-bottom: 2rem;
}

.blog-index-title {
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 0.625rem;
}

.blog-index-lead {
    margin: 0;
    max-width: 42rem;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: #64748b;
}

.blog-index-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.75rem;
}

.blog-index-category {
    display: inline-flex;
    padding: 0.4375rem 0.875rem;
    border-radius: 9999px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.2s, color 0.2s, background 0.2s;
}

.blog-index-category:hover {
    border-color: #fdba74;
    color: #ea580c;
}

.blog-index-category.is-active {
    background: #fff7ed;
    border-color: #fdba74;
    color: #ea580c;
}

.blog-index-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .blog-index-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .blog-index-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .blog-index-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.blog-index-layout,
.category-page-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: start;
}

@media (min-width: 1024px) {
    .blog-index-layout,
    .category-page-layout {
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 2.5rem;
    }
}

.blog-index-sidebar,
.category-page-sidebar {
    position: sticky;
    top: 6rem;
}

.category-page-sidebar-ad .ad-slot,
.blog-index-sidebar .blog-sidebar-ad .ad-slot,
.blog-sidebar-ad .ad-slot {
    margin: 0;
}

@media (max-width: 1023px) {
    .blog-index-sidebar,
    .category-page-sidebar {
        position: static;
        max-width: 300px;
        margin: 0 auto;
        width: 100%;
    }
}

.blog-card {
    background: #fff;
    border-radius: 1rem;
    border: 1px solid #eef2f7;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), 0 6px 16px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.blog-card:hover {
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1);
    transform: translateY(-2px);
}

.blog-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.blog-card-media {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background: #e2e8f0;
}

.blog-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.blog-card:hover .blog-card-media img {
    transform: scale(1.03);
}

.blog-card-media-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1e3a5f 0%, #334155 100%);
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.blog-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.25rem 1.375rem 1.375rem;
}

.blog-card-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin-bottom: 0.625rem;
    font-size: 0.75rem;
    color: #94a3b8;
}

.blog-card-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.blog-card-meta-icon {
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
}

.blog-card-title {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45;
    color: #0f172a;
}

.blog-card-excerpt {
    margin: 0 0 1rem;
    flex: 1;
    font-size: 0.875rem;
    line-height: 1.6;
    color: #64748b;
}

.blog-card-more {
    margin-top: auto;
    font-size: 0.875rem;
    font-weight: 600;
    color: #f97316;
}

.blog-card:hover .blog-card-more {
    color: #ea580c;
}

.blog-index-empty {
    padding: 3rem 1.5rem;
    text-align: center;
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 1rem;
    color: #64748b;
}

.blog-index-empty-link {
    display: inline-block;
    margin-top: 0.75rem;
    font-weight: 600;
    color: #f97316;
    text-decoration: none;
}

.blog-index-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 2.5rem;
}

.blog-index-pagination-btn {
    display: inline-flex;
    padding: 0.625rem 1rem;
    border-radius: 0.625rem;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #334155;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.2s, color 0.2s;
}

.blog-index-pagination-btn:hover {
    border-color: #fdba74;
    color: #ea580c;
}

.blog-index-pagination-info {
    font-size: 0.875rem;
    color: #64748b;
}

/* Blog — Detay sayfası şablonu */
.blog-breadcrumb-bar {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}

.blog-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    padding: 0.875rem 0;
    font-size: 0.8125rem;
    color: #64748b;
}

.blog-breadcrumb a {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s;
}

.blog-breadcrumb a:hover {
    color: #F97316;
}

.blog-breadcrumb-sep {
    color: #cbd5e1;
}

.blog-breadcrumb-current {
    color: #334155;
    font-weight: 500;
}

.blog-page {
    background: #f8fafc;
}

.blog-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: start;
}

@media (min-width: 1024px) {
    .blog-layout {
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 2.5rem;
    }
}

.blog-article {
    background: #fff;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.blog-hero img {
    width: 100%;
    height: auto;
    display: block;
    max-height: 420px;
    object-fit: cover;
}

.blog-hero--overlay {
    position: relative;
}

.blog-hero--overlay img {
    max-height: 360px;
    min-height: 240px;
}

.blog-hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.75rem 1.5rem;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.88) 0%, rgba(15, 23, 42, 0.35) 55%, transparent 100%);
}

.blog-hero-title {
    font-size: clamp(1.375rem, 3vw, 2rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.25;
    margin: 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.blog-hero-subtitle {
    margin: 0.5rem 0 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.9375rem;
    line-height: 1.5;
}

.blog-meta-bar {
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    gap: 1rem;
}

.blog-meta-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
}

.blog-share--inline {
    padding: 0;
    border: 0;
    margin-left: auto;
    flex-shrink: 0;
}

.blog-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    padding: 1.25rem 1.5rem 0;
}

.blog-category-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    border-radius: 9999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.blog-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8125rem;
    color: #64748b;
}

.blog-meta-icon {
    width: 1rem;
    height: 1rem;
}

.blog-article-title {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 800;
    line-height: 1.25;
    color: #0f172a;
    padding: 0.75rem 1.5rem 0;
}

.blog-article-lead {
    padding: 0.75rem 1.5rem 0;
    color: #475569;
    line-height: 1.7;
    font-size: 1rem;
}

.blog-content {
    padding: 1.5rem;
    color: #334155;
    line-height: 1.75;
    font-size: 0.9375rem;
}

.blog-content p {
    margin-bottom: 1rem;
}

.blog-intro {
    margin-bottom: 0.5rem;
}

.blog-section {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 1px solid #e2e8f0;
}

.blog-section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.blog-section-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 1.25rem;
    line-height: 1.35;
}

.blog-section-num {
    color: #F97316;
    margin-right: 0.25rem;
}

.blog-split {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .blog-split {
        grid-template-columns: 1.2fr 0.8fr;
        align-items: start;
    }
}

.blog-split-media img {
    width: 100%;
    height: 100%;
    min-height: 220px;
    max-height: 320px;
    object-fit: cover;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
}

.blog-list {
    list-style: disc;
    padding-left: 1.25rem;
    margin: 0.75rem 0 1rem;
}

.blog-list li {
    margin-bottom: 0.35rem;
}

.blog-list--inline {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    list-style: none;
    padding-left: 0;
}

.blog-list--inline li {
    background: #f1f5f9;
    padding: 0.35rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    margin: 0;
}

.blog-icon-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin: 1.5rem 0;
}

@media (min-width: 640px) {
    .blog-icon-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.blog-icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.35rem;
    padding: 1rem 0.75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
}

.blog-icon-item-icon {
    font-size: 1.75rem;
    line-height: 1;
}

.blog-icon-item strong {
    color: #0f172a;
    font-size: 0.875rem;
}

.blog-icon-item span:last-child {
    color: #64748b;
    font-size: 0.75rem;
    line-height: 1.4;
}

.blog-pros-cons {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

@media (min-width: 768px) {
    .blog-pros-cons {
        grid-template-columns: 1fr 1fr;
    }
}

.blog-pros,
.blog-cons {
    padding: 1rem 1.125rem;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
}

.blog-pros {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.blog-cons {
    background: #fff7ed;
    border-color: #fed7aa;
}

.blog-pros h3,
.blog-cons h3 {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.75rem;
}

.blog-pros ul,
.blog-cons ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-pros li,
.blog-cons li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 0.45rem;
    font-size: 0.875rem;
}

.blog-pros li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #16a34a;
    font-weight: 700;
}

.blog-cons li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #ea580c;
    font-weight: 700;
}

.blog-table-wrap {
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
}

.blog-compare-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.blog-compare-table th,
.blog-compare-table td {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.blog-compare-table th {
    background: #1e3a5f;
    color: #fff;
    font-weight: 700;
}

.blog-compare-table tbody tr:nth-child(even) {
    background: #f8fafc;
}

.blog-compare-table tbody tr:last-child td {
    border-bottom: 0;
}

.blog-choice-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 768px) {
    .blog-choice-cards {
        grid-template-columns: 1fr 1fr;
    }
}

.blog-choice-card {
    border-radius: 0.875rem;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    padding: 15px;
}

.blog-choice-card h3 {
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    padding: 0 0 0.625rem;
    margin: 0;
}

.blog-choice-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
}

.blog-choice-card li {
    position: relative;
    padding-left: 1.35rem;
    margin-bottom: 0.45rem;
    font-size: 0.875rem;
}

.blog-choice-card li::before {
    content: '✓';
    position: absolute;
    left: 0;
    font-weight: 700;
}

.blog-choice-card--green {
    background: #f0fdf4;
    border-color: #86efac;
}

.blog-choice-card--green h3 {
    color: #166534;
}

.blog-choice-card--green li::before {
    color: #16a34a;
}

.blog-choice-card--blue {
    background: #eff6ff;
    border-color: #93c5fd;
}

.blog-choice-card--blue h3 {
    color: #1d4ed8;
}

.blog-choice-card--blue li::before {
    color: #2563eb;
}

.blog-choice-card-media img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
}

.blog-choice-card-media {
    margin: 1rem -15px -15px;
}

.blog-expert-tip {
    display: flex;
    gap: 1rem;
    padding: 1.125rem 1.25rem;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 0.875rem;
    margin-top: 1rem;
}

.blog-expert-tip-icon {
    font-size: 1.75rem;
    line-height: 1;
    flex-shrink: 0;
}

.blog-expert-tip-body strong {
    display: block;
    color: #0f172a;
    font-size: 0.9375rem;
    margin-bottom: 0.35rem;
}

.blog-expert-tip-body p {
    margin: 0;
    font-size: 0.875rem;
    color: #475569;
}

.blog-section-cta {
    text-align: center;
    background: #f8fafc;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: -1.5rem;
    padding: 2rem 1.5rem !important;
    border-top: 1px solid #e2e8f0 !important;
}

.blog-inline-cta {
    display: inline-flex;
    align-items: center;
    margin-top: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #F97316;
    color: #fff !important;
    font-weight: 700;
    border-radius: 0.75rem;
    text-decoration: none;
    transition: background 0.2s;
}

.blog-inline-cta:hover {
    background: #ea580c;
}

.blog-share {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid #e2e8f0;
}

.blog-share-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: #475569;
}

.blog-share-btn {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 9999px;
    background: #f1f5f9;
    color: #334155;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.blog-share-btn:hover {
    background: #1e3a5f;
    color: #fff;
}

.blog-nav-posts {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1.25rem 1.5rem 1.5rem;
    border-top: 1px solid #e2e8f0;
}

@media (min-width: 640px) {
    .blog-nav-posts {
        grid-template-columns: 1fr 1fr;
    }
}

.blog-nav-post {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.875rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    text-decoration: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.blog-nav-post:hover {
    border-color: #F97316;
    box-shadow: 0 2px 8px rgba(249, 115, 22, 0.08);
}

.blog-nav-post--next {
    text-align: right;
}

.blog-nav-post-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #F97316;
}

.blog-nav-post-title {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.4;
}

/* Blog sidebar */
.blog-sidebar {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.blog-sidebar-widget {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.blog-sidebar-title {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}

.blog-sidebar-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-sidebar-category {
    display: block;
    padding: 0.55rem 0.75rem;
    border-radius: 0.5rem;
    color: #475569;
    text-decoration: none;
    font-size: 0.875rem;
    transition: background 0.2s, color 0.2s;
}

.blog-sidebar-category:hover,
.blog-sidebar-category.is-active {
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 600;
}

.blog-sidebar-popular {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.blog-sidebar-popular-link {
    display: flex;
    gap: 0.75rem;
    text-decoration: none;
    align-items: flex-start;
}

.blog-sidebar-popular-thumb {
    width: 4rem;
    height: 4rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-sidebar-popular-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-sidebar-popular-placeholder {
    font-size: 1.25rem;
}

.blog-sidebar-popular-title {
    display: block;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.35;
    margin-bottom: 0.2rem;
}

.blog-sidebar-popular-link:hover .blog-sidebar-popular-title {
    color: #F97316;
}

.blog-sidebar-popular-date {
    font-size: 0.75rem;
    color: #94a3b8;
}

.blog-sidebar-cta {
    background: linear-gradient(160deg, #1e3a5f 0%, #0f172a 100%);
    border-color: #1e3a5f;
    color: #fff;
    text-align: center;
}

.blog-sidebar-cta-icon {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.blog-sidebar-cta-title {
    font-size: 1.125rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0.5rem;
}

.blog-sidebar-cta-text {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.55;
    margin-bottom: 1rem;
}

.blog-sidebar-cta-btn {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    background: #F97316;
    color: #fff !important;
    font-weight: 700;
    border-radius: 0.625rem;
    text-decoration: none;
    transition: background 0.2s;
}

.blog-sidebar-cta-btn:hover {
    background: #ea580c;
}

.blog-sidebar-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.blog-sidebar-tag {
    display: inline-flex;
    padding: 0.35rem 0.75rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    font-size: 0.75rem;
    color: #475569;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.blog-sidebar-tag:hover {
    background: #fff7ed;
    border-color: #fdba74;
    color: #c2410c;
}

.blog-advantage-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.blog-advantage-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.blog-advantage-item:last-child {
    border-bottom: 0;
}

.blog-advantage-icon {
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    border: 2px solid #F97316;
    border-radius: 0.625rem;
    background: #fff7ed;
}

.blog-advantage-body h3 {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 0.5rem;
    line-height: 1.35;
}

.blog-advantage-body p {
    margin: 0;
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.65;
}

.blog-callout-box {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-top: 1.5rem;
    padding: 1.125rem 1.25rem;
    background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);
    border-radius: 0.875rem;
    color: #fff;
}

.blog-callout-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
    line-height: 1;
}

.blog-callout-box p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.92);
}

.blog-list--columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.35rem 1.5rem;
    list-style: disc;
    padding-left: 1.25rem;
}

@media (min-width: 640px) {
    .blog-list--columns {
        grid-template-columns: 1fr 1fr;
    }
}

.blog-cta-panel {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.875rem;
    padding: 1.25rem 1.5rem !important;
    margin-top: 0.5rem;
}

.blog-cta-panel-icon {
    font-size: 2rem;
    flex-shrink: 0;
    line-height: 1;
}

.blog-cta-panel-body h3 {
    font-size: 1.0625rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 0.35rem;
}

.blog-cta-panel-body p {
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
    color: #475569;
}

.blog-cta-panel-btn {
    display: inline-flex;
    padding: 0.625rem 1.25rem;
    background: #1e3a5f;
    color: #fff !important;
    font-weight: 700;
    font-size: 0.875rem;
    border-radius: 0.625rem;
    text-decoration: none;
    transition: background 0.2s;
}

.blog-cta-panel-btn:hover {
    background: #0f172a;
}

.blog-subsection-title {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #0f172a;
    margin: 1.25rem 0 1rem;
}

.blog-problem-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.875rem;
    margin: 1.25rem 0;
}

@media (min-width: 640px) {
    .blog-problem-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.blog-problem-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    padding: 1rem 0.75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #334155;
}

.blog-problem-icon {
    font-size: 1.75rem;
    line-height: 1;
}

.blog-problem-item strong {
    display: block;
    color: #0f172a;
    font-size: 0.875rem;
}

.blog-problem-item > span:not(.blog-problem-icon) {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.45;
}

.blog-icon-grid--systems {
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
    .blog-icon-grid--systems {
        grid-template-columns: repeat(4, 1fr);
    }
}

.blog-check-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.625rem;
    margin: 1.25rem 0;
}

@media (min-width: 768px) {
    .blog-check-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.blog-check-item {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.625rem 0.875rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    color: #334155;
    font-weight: 500;
}

.blog-check-icon {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 0.375rem;
    background: #dbeafe;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    flex-shrink: 0;
}

.blog-table-wrap--rating {
    margin-top: 1.25rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.blog-compare-table--rating {
    font-size: 0.8125rem;
}

.blog-compare-table--rating th,
.blog-compare-table--rating td {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.blog-compare-table--rating th:first-child,
.blog-compare-table--rating td:first-child {
    text-align: left;
    white-space: normal;
    min-width: 7.5rem;
    font-weight: 600;
    color: #334155;
}

.blog-compare-table--rating thead th {
    background: #1e3a5f;
    font-size: 0.75rem;
    line-height: 1.35;
    padding: 0.875rem 0.625rem;
}

.blog-compare-table--rating tbody td:first-child {
    background: #fff;
}

.blog-compare-table--rating tbody tr:nth-child(even) td:first-child {
    background: #f8fafc;
}

.blog-stars {
    display: inline-flex;
    gap: 0.1rem;
    line-height: 1;
}

.blog-star {
    color: #e2e8f0;
    font-size: 1rem;
}

.blog-star.on {
    color: #fbbf24;
}

.blog-table-note {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    margin-top: 1rem;
    padding: 0.875rem 1rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.625rem;
}

.blog-table-note-icon {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #3b82f6;
    color: #fff;
    font-style: italic;
    font-weight: 700;
    font-size: 0.6875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.blog-table-note p {
    margin: 0;
    font-size: 0.8125rem;
    color: #475569;
    line-height: 1.55;
}

.blog-factory-system .blog-subsection-title {
    margin-top: 2rem;
}

.blog-choice-card p {
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.55;
    margin: 0.5rem 0 0;
}

.blog-choice-card p strong {
    color: #0f172a;
}

.blog-warehouse-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1.25rem;
}

@media (min-width: 640px) {
    .blog-warehouse-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .blog-warehouse-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.blog-warehouse-card {
    border: 1px solid #e2e8f0;
    border-radius: 0.875rem;
    overflow: hidden;
    background: #fff;
}

.blog-warehouse-card img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    display: block;
}

.blog-warehouse-card strong {
    display: block;
    padding: 10px 10px 0.25rem;
    font-size: 0.9375rem;
    color: #0f172a;
}

.blog-warehouse-card p {
    padding: 0 10px 0.5rem;
    margin: 0;
    font-size: 12px;
    color: #64748b;
    line-height: 1.55;
}

.blog-warehouse-card p:last-child {
    padding-bottom: 10px;
}

.blog-warehouse-card .blog-recommend-tag {
    margin: 0.35rem 10px 0.5rem;
}

.blog-warehouse-card .blog-list {
    margin: 0.35rem 0 0;
    padding: 0 10px 10px;
    font-size: 12px;
}

.blog-warehouse-card .blog-list li {
    font-size: 12px;
    color: #64748b;
    line-height: 1.55;
}

.blog-compare-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: 1rem;
}

@media (min-width: 900px) {
    .blog-compare-layout {
        grid-template-columns: 1.4fr 0.8fr;
        align-items: start;
    }
}

.blog-choice-cards--stack {
    grid-template-columns: 1fr;
}

@media (min-width: 640px) {
    .blog-choice-cards--stack {
        grid-template-columns: 1fr 1fr;
    }
}

.blog-highlight-box {
    display: flex;
    gap: 0.875rem;
    align-items: flex-start;
    padding: 1.125rem 1.25rem;
    border-radius: 0.875rem;
    border: 1px solid transparent;
}

.blog-highlight-box--green {
    background: #f0fdf4;
    border-color: #86efac;
}

.blog-highlight-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
    line-height: 1;
}

.blog-highlight-box strong {
    display: block;
    font-size: 0.9375rem;
    color: #0f172a;
    margin-bottom: 0.35rem;
}

.blog-highlight-box p {
    margin: 0;
    font-size: 0.8125rem;
    color: #475569;
    line-height: 1.6;
}

.blog-table-wrap--price {
    margin-top: 1.25rem;
}

.blog-price-table td:last-child {
    font-weight: 600;
    color: #1e3a5f;
    white-space: nowrap;
}

.blog-factor-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1.25rem;
}

@media (min-width: 640px) {
    .blog-factor-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .blog-factor-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.blog-factor-card {
    padding: 15px;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    background: #fff;
}

.blog-factor-icon {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    background: #eff6ff;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 0.625rem;
}

.blog-factor-card h3 {
    margin: 0 0 0.5rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.35;
}

.blog-factor-card p {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.6;
    color: #64748b;
}

.blog-icon-grid--advantages {
    margin-top: 1.25rem;
}

@media (min-width: 640px) {
    .blog-icon-grid--advantages {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .blog-icon-grid--advantages {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.blog-usage-grid {
    margin-top: 1.25rem;
}

@media (min-width: 640px) {
    .blog-usage-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .blog-usage-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .blog-usage-grid--quad {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.blog-system-column {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.blog-pros--blue {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.blog-pros--blue li::before {
    color: #2563eb;
}

.blog-cons--cross li::before {
    content: '✗';
    color: #dc2626;
}

.blog-recommend-tag {
    display: inline-block;
    margin: 0.35rem 0 0.5rem;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.35;
}

.blog-recommend-tag--green {
    background: #dcfce7;
    color: #166534;
}

.blog-recommend-tag--blue {
    background: #dbeafe;
    color: #1d4ed8;
}

.blog-recommend-tag--purple {
    background: #f3e8ff;
    color: #6b21a8;
}

.blog-cost-calc {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1.25rem;
    padding: 1.25rem;
    border-radius: 0.875rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
}

@media (min-width: 900px) {
    .blog-cost-calc {
        grid-template-columns: 1.35fr 0.85fr;
        align-items: stretch;
    }
}

.blog-cost-calc-main {
    background: #fff;
    border: 1px solid #dbeafe;
    border-radius: 0.75rem;
    padding: 1.25rem 1.375rem;
}

.blog-cost-calc-head {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 1rem;
}

.blog-cost-calc-icon {
    font-size: 1.5rem;
    line-height: 1;
}

.blog-cost-calc-head h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.blog-cost-calc-list {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
}

.blog-cost-calc-list li {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.875rem;
    color: #64748b;
}

.blog-cost-calc-list li strong {
    color: #0f172a;
    font-weight: 600;
    text-align: right;
}

.blog-cost-calc-total {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.875rem 1rem;
    border-radius: 0.625rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.blog-cost-calc-total span {
    font-size: 0.8125rem;
    color: #64748b;
}

.blog-cost-calc-total strong {
    font-size: 1.125rem;
    color: #1e3a5f;
}

.blog-cost-calc-note {
    margin: 0.75rem 0 0;
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.55;
}

.blog-cost-calc-tip {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 1.25rem;
    border-radius: 0.75rem;
    background: #1e3a5f;
    color: #fff;
}

.blog-cost-calc-tip-icon {
    font-size: 1.375rem;
    line-height: 1;
    flex-shrink: 0;
}

.blog-cost-calc-tip strong {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.9375rem;
}

.blog-cost-calc-tip p {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88);
}

/* Hakkımızda sayfası — /hakkimizda */
.about-page {
    background: #f8fafc;
}

.about-container {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 640px) {
    .about-container {
        padding: 0 1.5rem;
    }
}

.about-hero {
    position: relative;
    min-height: 340px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
}

@media (min-width: 768px) {
    .about-hero {
        min-height: 420px;
    }
}

.about-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.55) 55%, rgba(15, 23, 42, 0.35) 100%);
}

.about-hero-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    padding: 2.5rem 1rem 2.75rem;
}

@media (min-width: 640px) {
    .about-hero-inner {
        padding: 3rem 1.5rem 3.25rem;
    }
}

.about-hero-title {
    margin: 0;
    font-size: clamp(2rem, 5vw, 2.75rem);
    font-weight: 800;
    color: #fff;
}

.about-hero-line {
    display: block;
    width: 3.5rem;
    height: 4px;
    margin: 0.75rem 0 1rem;
    border-radius: 9999px;
    background: #f97316;
}

.about-hero-subtitle {
    margin: 0 0 1rem;
    font-size: 1.0625rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.92);
}

.about-hero-text p {
    margin: 0 0 0.75rem;
    max-width: 52rem;
    font-size: 0.9375rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.82);
}

.about-hero-text p:last-child {
    margin-bottom: 0;
}

.about-section {
    padding: 3rem 0;
}

.about-section--muted {
    background: #fff;
}

.about-section-title {
    margin: 0 0 1rem;
    font-size: clamp(1.375rem, 3vw, 1.75rem);
    font-weight: 800;
    color: #0f172a;
}

.about-section-title--center {
    text-align: center;
}

.about-title-line {
    display: block;
    width: 3rem;
    height: 4px;
    margin: -0.5rem 0 1.5rem;
    border-radius: 9999px;
    background: #f97316;
}

.about-title-line--center {
    margin-left: auto;
    margin-right: auto;
}

.about-section-lead {
    margin: 0 auto 1.75rem;
    max-width: 42rem;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: #64748b;
}

.about-split {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: center;
}

@media (min-width: 900px) {
    .about-split {
        grid-template-columns: 1fr 1.1fr;
    }
}

.about-split-media img {
    width: 100%;
    border-radius: 1rem;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    display: block;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
}

.about-split-content p {
    margin: 0 0 0.875rem;
    font-size: 0.9375rem;
    line-height: 1.7;
    color: #475569;
}

.about-feature-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.875rem;
    margin-top: 1.25rem;
}

@media (min-width: 640px) {
    .about-feature-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.about-feature-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    background: #f8fafc;
}

.about-feature-icon {
    font-size: 1.375rem;
    line-height: 1;
}

.about-feature-item strong {
    font-size: 0.875rem;
    color: #0f172a;
}

.about-feature-item span:last-child {
    font-size: 0.75rem;
    line-height: 1.45;
    color: #64748b;
}

.about-mv-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 768px) {
    .about-mv-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.about-mv-card {
    padding: 1.5rem 1.625rem;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

.about-mv-icon {
    display: inline-flex;
    font-size: 1.75rem;
    margin-bottom: 0.75rem;
}

.about-mv-card h3 {
    margin: 0 0 0.625rem;
    font-size: 1.125rem;
    font-weight: 800;
    color: #0f172a;
}

.about-mv-card p {
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
    line-height: 1.65;
    color: #64748b;
}

.about-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.about-list li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 0.45rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: #475569;
}

.about-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #f97316;
    font-weight: 700;
}

.about-stats {
    background: #1e3a5f;
    padding: 2.25rem 0;
}

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

@media (min-width: 768px) {
    .about-stats-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.about-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.35rem;
}

.about-stat-icon {
    font-size: 1.375rem;
    line-height: 1;
}

.about-stat strong {
    font-size: 1.375rem;
    font-weight: 800;
    color: #fff;
}

.about-stat span:last-child {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.75);
}

.about-category-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .about-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .about-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.about-category-card {
    padding: 1.125rem 1.25rem;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    background: #fff;
}

.about-category-card h3 {
    margin: 0 0 0.5rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #1e3a5f;
}

.about-category-card p {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: #64748b;
}

.about-why-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .about-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .about-why-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.about-why-item {
    text-align: center;
    padding: 1.25rem 1rem;
}

.about-why-icon {
    display: block;
    font-size: 1.75rem;
    margin-bottom: 0.625rem;
}

.about-why-item strong {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.9375rem;
    color: #0f172a;
}

.about-why-item p {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: #64748b;
}

.about-benefits-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 900px) {
    .about-benefits-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.about-benefits-card {
    padding: 1.5rem 1.625rem;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.about-benefits-note {
    margin: 0.75rem 0 1rem;
    font-size: 0.8125rem;
    color: #64748b;
    line-height: 1.55;
}

.about-inline-btn {
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 700;
    color: #f97316;
    text-decoration: none;
}

.about-inline-btn:hover {
    color: #ea580c;
}

.about-inline-btn--dark {
    color: #1e3a5f;
}

.about-inline-btn--dark:hover {
    color: #f97316;
}

.about-goals-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .about-goals-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .about-goals-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.about-goal-item {
    padding: 0.875rem 1rem;
    border-radius: 0.625rem;
    border: 1px solid #e2e8f0;
    background: #fff;
    font-size: 0.875rem;
    font-weight: 500;
    color: #334155;
}

.about-cta {
    padding: 2.5rem 0;
    background: #f8fafc;
}

.about-cta-inner {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: flex-start;
    padding: 1.5rem 1.625rem;
    border-radius: 1rem;
    background: #1e3a5f;
}

@media (min-width: 768px) {
    .about-cta-inner {
        flex-direction: row;
        align-items: center;
        gap: 1.5rem;
    }
}

.about-cta-icon {
    font-size: 2rem;
    line-height: 1;
    flex-shrink: 0;
}

.about-cta-body {
    flex: 1;
}

.about-cta-body h2 {
    margin: 0 0 0.35rem;
    font-size: 1.125rem;
    font-weight: 800;
    color: #fff;
}

.about-cta-body p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.82);
}

.about-cta-btn {
    display: inline-flex;
    padding: 0.75rem 1.375rem;
    border-radius: 0.625rem;
    background: #f97316;
    color: #fff !important;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s;
}

.about-cta-btn:hover {
    background: #ea580c;
}

.about-trust {
    padding: 1.75rem 0;
    background: #eef2f7;
    border-top: 1px solid #e2e8f0;
}

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

@media (min-width: 640px) {
    .about-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .about-trust-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.about-trust-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.about-trust-icon {
    font-size: 1.25rem;
    line-height: 1;
    flex-shrink: 0;
}

.about-trust-item strong {
    display: block;
    font-size: 0.875rem;
    color: #0f172a;
    margin-bottom: 0.15rem;
}

.about-trust-item p {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.45;
    color: #64748b;
}

.about-contact-strip {
    padding: 2.5rem 0 3rem;
    background: #fff;
}

.about-contact-inner {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: flex-start;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e2e8f0;
}

@media (min-width: 768px) {
    .about-contact-inner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.about-contact-inner h2 {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
}

.about-contact-inner p {
    margin: 0;
    max-width: 40rem;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: #64748b;
}

.about-tagline {
    padding-top: 1.75rem;
    text-align: center;
}

.about-tagline strong {
    display: block;
    font-size: 1rem;
    color: #1e3a5f;
}

.about-tagline span {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #64748b;
}

.about-tagline em {
    display: block;
    margin-top: 0.75rem;
    font-style: normal;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #f97316;
}

/* Mesafeli Satış Sözleşmesi — /mesafeli-satis-sozlesmesi */
.legal-breadcrumb-bar {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    padding: 0.75rem 0;
}

.legal-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8125rem;
    color: #64748b;
}

.legal-breadcrumb a {
    color: #64748b;
    text-decoration: none;
}

.legal-breadcrumb a:hover {
    color: #f97316;
}

.legal-breadcrumb-sep {
    color: #cbd5e1;
}

.legal-breadcrumb-current {
    color: #334155;
    font-weight: 500;
}

.legal-page {
    background: #f8fafc;
}

.legal-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 2rem 1.5rem;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}

@media (min-width: 640px) {
    .legal-card {
        padding: 2.5rem 2.75rem;
    }
}

.legal-title {
    margin: 0 0 1.5rem;
    text-align: center;
    font-size: clamp(1.375rem, 3vw, 1.75rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: 0.02em;
}

.legal-intro-box {
    margin-bottom: 2rem;
    padding: 1rem 1.25rem;
    border-radius: 0.625rem;
    background: #fff7ed;
    border: 1px solid #fed7aa;
}

.legal-intro-box p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.65;
    color: #9a3412;
}

.legal-info-box {
    margin-bottom: 2rem;
    padding: 1rem 1.25rem;
    border-radius: 0.625rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
}

.legal-info-box p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.65;
    color: #1e40af;
}

.legal-info-box a {
    color: #1d4ed8;
    font-weight: 600;
    text-decoration: underline;
}

.legal-related-link {
    margin: 1.5rem 0 0;
    padding-top: 1.25rem;
    border-top: 1px solid #e2e8f0;
    font-size: 0.875rem;
    color: #64748b;
}

.legal-related-link a {
    color: #1d4ed8;
    font-weight: 600;
    text-decoration: none;
}

.legal-related-link a:hover {
    text-decoration: underline;
}

.legal-date-badge {
    margin: 0 0 0.75rem;
    text-align: center;
    font-size: 0.8125rem;
    color: #94a3b8;
}

.legal-kvkk-apply {
    margin: 1rem 0 1.25rem;
    text-align: center;
}

.legal-kvkk-apply-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.375rem;
    border-radius: 0.625rem;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #c2410c !important;
    font-size: 0.9375rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
}

.legal-kvkk-apply-link:hover {
    background: #ffedd5;
    border-color: #fdba74;
}

.legal-section {
    margin-bottom: 0.5rem;
}

.legal-section-title {
    margin: 0 0 0.875rem;
    font-size: 1.0625rem;
    font-weight: 800;
    color: #0f172a;
}

.legal-subsection-title {
    margin: 1rem 0 0.625rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #334155;
}

.legal-section p {
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
    line-height: 1.7;
    color: #475569;
}

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

.legal-seller-box {
    margin: 0.75rem 0 1rem;
    padding: 1.125rem 1.25rem;
    border-radius: 0.625rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
}

.legal-seller-dl {
    margin: 0;
    display: grid;
    gap: 0.625rem;
}

.legal-seller-dl div {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.15rem;
}

@media (min-width: 640px) {
    .legal-seller-dl div {
        grid-template-columns: 9rem 1fr;
        gap: 0.75rem;
    }
}

.legal-seller-dl dt {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #334155;
}

.legal-seller-dl dd {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: #475569;
}

.legal-seller-dl a {
    color: #1e3a5f;
    text-decoration: none;
}

.legal-seller-dl a:hover {
    color: #f97316;
}

.legal-list {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

.legal-list li {
    margin-bottom: 0.45rem;
    font-size: 0.875rem;
    line-height: 1.65;
    color: #475569;
}

.legal-highlight-box {
    margin: 0.75rem 0 1rem;
    padding: 1rem 1.25rem;
    border-radius: 0.625rem;
    background: #fff7ed;
    border: 1px solid #fed7aa;
}

.legal-highlight-box p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.65;
    color: #9a3412;
}

.legal-highlight-box a {
    color: #c2410c;
    font-weight: 600;
    text-decoration: underline;
}

.legal-divider {
    margin: 1.75rem 0;
    border: none;
    border-top: 1px solid #e2e8f0;
}

.legal-updated {
    margin-top: 1rem !important;
    font-size: 0.8125rem !important;
    color: #94a3b8 !important;
}

/* Fiyat hesaplama — /hesapla */
.calc-page {
    background: #f8fafc;
}

.calc-form-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1.5rem 1.625rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.calc-label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #334155;
}

.calc-input {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    font-size: 0.9375rem;
    color: #0f172a;
    background: #fff;
}

.calc-input:focus {
    outline: none;
    border-color: #f97316;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15);
}

.calc-submit {
    width: 100%;
    padding: 0.875rem 1rem;
    border: none;
    border-radius: 0.75rem;
    background: #f97316;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
}

.calc-submit:hover {
    background: #ea580c;
}

.calc-disclaimer {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #94a3b8;
}

.calc-result {
    margin-top: 1.25rem;
    padding: 1.5rem 1.625rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.calc-result-badge {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 9999px;
    background: rgba(249, 115, 22, 0.2);
    color: #fdba74;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.calc-result-head h2 {
    margin: 0.625rem 0 0.25rem;
    font-size: 1.125rem;
    font-weight: 700;
}

.calc-result-head p {
    margin: 0;
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.72);
}

.calc-result-total {
    margin: 1rem 0 0.35rem;
    font-size: 2.25rem;
    font-weight: 800;
    color: #f97316;
    line-height: 1.1;
}

.calc-result-range {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.78);
}

.calc-result-details {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    margin: 0 0 1.25rem;
    padding: 0.875rem 1rem;
    border-radius: 0.625rem;
    background: rgba(255, 255, 255, 0.06);
}

.calc-result-details div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.8125rem;
}

.calc-result-details dt {
    color: rgba(255, 255, 255, 0.65);
}

.calc-result-details dd {
    margin: 0;
    font-weight: 600;
}

.calc-result-cta {
    display: inline-flex;
    padding: 0.75rem 1.25rem;
    border-radius: 0.625rem;
    background: #f97316;
    color: #fff !important;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
}

.calc-result-cta:hover {
    background: #ea580c;
}

.calc-sidebar {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1.375rem 1.5rem;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
    position: sticky;
    top: 1.5rem;
}

.calc-sidebar-title {
    margin: 0 0 0.5rem;
    font-size: 1.0625rem;
    font-weight: 800;
    color: #0f172a;
}

.calc-sidebar-intro {
    margin: 0 0 1rem;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: #64748b;
}

.calc-price-table-wrap {
    overflow-x: auto;
    margin-bottom: 1rem;
}

.calc-price-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.75rem;
}

.calc-price-table th,
.calc-price-table td {
    padding: 0.5rem 0.625rem;
    border-bottom: 1px solid #f1f5f9;
    text-align: left;
    vertical-align: top;
}

.calc-price-table th {
    font-weight: 700;
    color: #475569;
    background: #f8fafc;
}

.calc-price-table td:last-child {
    white-space: nowrap;
    font-weight: 600;
    color: #1e3a5f;
}

.calc-sidebar-note {
    padding: 0.875rem 1rem;
    border-radius: 0.625rem;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    font-size: 0.75rem;
    line-height: 1.55;
    color: #9a3412;
    margin-bottom: 0.875rem;
}

.calc-sidebar-link {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #f97316;
    text-decoration: none;
}

.calc-sidebar-link:hover {
    color: #ea580c;
}

/* Şehirler haritası — /sehirler */
.cities-page {
    background: #f8fafc;
}

.cities-map-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1.25rem 1.5rem 1.5rem;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
    margin-bottom: 1.5rem;
}

.cities-map-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.25rem;
    margin-bottom: 1rem;
}

.cities-map-legend {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cities-map-legend-label {
    font-size: 0.75rem;
    color: #64748b;
}

.cities-map-legend-bar {
    width: 7rem;
    height: 0.5rem;
    border-radius: 9999px;
    background: linear-gradient(to right, #e2e8f0, #fdba74, #f97316);
}

.cities-map-hint {
    margin: 0;
    font-size: 0.8125rem;
    color: #94a3b8;
}

.cities-map-wrap {
    position: relative;
    width: 100%;
    overflow-x: auto;
}

.cities-map-float-tooltip {
    position: absolute;
    z-index: 20;
    pointer-events: none;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    background: #0f172a;
    color: #fff;
    font-size: 0.8125rem;
    line-height: 1.35;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.28);
    white-space: nowrap;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.cities-map-float-tooltip.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.cities-map-float-tooltip-name {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 0.1rem;
}

.cities-map-float-tooltip-count {
    display: block;
    color: #fdba74;
    font-weight: 600;
    font-size: 0.75rem;
}

.cities-map-wrap svg {
    width: 100%;
    height: auto;
    display: block;
    max-height: 520px;
}

.cities-map-wrap .cities-map-path {
    cursor: pointer;
    stroke: #cbd5e1;
    stroke-width: 0.8;
    transition: fill 0.2s, stroke 0.2s, filter 0.2s;
}

.cities-map-wrap .cities-map-path.is-hover,
.cities-map-wrap .cities-map-path.is-selected {
    stroke: #1e3a5f;
    stroke-width: 1.2;
    filter: drop-shadow(0 2px 6px rgba(249, 115, 22, 0.25));
}

.cities-map-wrap .cities-map-path.is-selected {
    stroke: #f97316;
}

.cities-results {
    margin-top: 2.5rem;
}

.cities-results-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.cities-results-title {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 800;
    color: #0f172a;
}

.cities-results-sub {
    margin: 0.35rem 0 0;
    font-size: 0.875rem;
    color: #64748b;
}

.cities-results-clear {
    font-size: 0.875rem;
    font-weight: 600;
    color: #f97316;
    text-decoration: none;
}

.cities-results-clear:hover {
    text-decoration: underline;
}

.cities-company-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .cities-company-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .cities-company-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .listing-page-main .cities-company-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.company-grid-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.875rem;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.company-grid-card:hover {
    border-color: #fdba74;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    transform: translateY(-2px);
}

.company-grid-card-media {
    position: relative;
    aspect-ratio: 4 / 3;
    background: #f1f5f9;
}

.company-grid-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-grid-card-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 800;
    color: #1e3a5f;
    background: #e2e8f0;
}

.company-grid-card-badge {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
    background: #f97316;
    color: #fff;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
}

.company-grid-card-badge--elite {
    background: #1e3a5f;
}

.company-grid-card-body {
    padding: 0.875rem 1rem 1rem;
}

.company-grid-card-title {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.35;
}

.company-grid-card:hover .company-grid-card-title {
    color: #f97316;
}

.company-grid-card-meta {
    margin: 0.35rem 0 0;
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.45;
}

.company-grid-card-rating {
    margin: 0.35rem 0 0;
    font-size: 0.75rem;
    color: #eab308;
    font-weight: 600;
}

.cities-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

.cities-pagination-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.875rem;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #334155;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.cities-pagination-btn:hover {
    border-color: #fdba74;
    color: #f97316;
}

.cities-pagination-btn.is-disabled {
    opacity: 0.45;
    pointer-events: none;
}

.cities-pagination-info {
    padding: 0 0.75rem;
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
}

.cities-empty,
.cities-placeholder {
    margin-top: 2rem;
    padding: 2rem 1.5rem;
    text-align: center;
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 1rem;
    color: #64748b;
}

.cities-empty-link {
    display: inline-block;
    margin-top: 0.75rem;
    color: #f97316;
    font-weight: 600;
    text-decoration: none;
}

.cities-empty-link:hover {
    text-decoration: underline;
}

.cities-placeholder.hidden,
.cities-results.hidden {
    display: none;
}

/* Reklam sayfaları */
.ad-page { background: #f8fafc; }
.ad-hero { background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%); color: #fff; padding: 4rem 0 3.5rem; }
.ad-hero-inner { text-align: center; }
.ad-hero-badge { display: inline-block; padding: 0.25rem 0.75rem; border-radius: 9999px; background: rgba(249,115,22,.2); color: #fdba74; font-size: .75rem; font-weight: 700; margin-bottom: 1rem; }
.ad-hero-title { margin: 0; font-size: clamp(2rem,5vw,3rem); font-weight: 800; }
.ad-hero-lead { margin: 1rem auto 0; max-width: 42rem; color: rgba(255,255,255,.82); line-height: 1.7; }
.ad-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; margin-top: 1.5rem; }
.ad-hero-note { margin-top: 1rem; font-size: .8125rem; color: rgba(255,255,255,.55); }
.ad-section-title { margin: 0; font-size: clamp(1.375rem,3vw,1.875rem); font-weight: 800; color: #0f172a; }
.ad-section-lead { margin: .75rem 0 0; color: #64748b; line-height: 1.65; }
.ad-zones-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }
.ad-zones-banners-row { display:grid; grid-template-columns:1fr; gap:1.25rem; margin-bottom:1.25rem; }
@media (min-width:768px){ .ad-zones-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width:768px){ .ad-zones-banners-row { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.ad-zone-card { background:#fff; border:1px solid #e2e8f0; border-radius:1rem; padding:1.25rem; box-shadow:0 4px 16px rgba(15,23,42,.04); }
.ad-zone-icon { font-size:1.75rem; margin-bottom:.5rem; }
.ad-zone-card h3 { margin:0 0 .35rem; font-size:1.0625rem; font-weight:700; color:#0f172a; }
.ad-zone-card p { margin:0; font-size:.875rem; color:#64748b; line-height:1.55; }
.ad-zone-hint { display:block; margin-top:.5rem; font-size:.75rem; color:#94a3b8; }
.ad-zone-mockup { margin-top:1rem; height:5rem; border-radius:.625rem; background:linear-gradient(135deg,#fff7ed,#ffedd5); border:1px dashed #fdba74; display:flex; align-items:center; justify-content:center; font-size:.75rem; color:#c2410c; }
.ad-packages-section { background:#fff; border-top:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; }
.ad-packages-grid { display:grid; grid-template-columns:1fr; gap:1.25rem; align-items:stretch; }
@media (min-width:900px){ .ad-packages-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.ad-package-card { position:relative; background:#fff; border:2px solid #e2e8f0; border-radius:1rem; padding:1.5rem; display:flex; flex-direction:column; }
.ad-package-card.is-featured { border-color:#f97316; box-shadow:0 12px 32px rgba(249,115,22,.15); transform:scale(1.02); }
.ad-package-popular { position:absolute; top:-.75rem; left:50%; transform:translateX(-50%); background:#f97316; color:#fff; font-size:.6875rem; font-weight:700; padding:.2rem .75rem; border-radius:9999px; }
.ad-package-card h3 { margin:0; font-size:1.125rem; font-weight:800; color:#0f172a; }
.ad-package-desc { margin:.5rem 0 0; font-size:.875rem; color:#64748b; min-height:2.5rem; }
.ad-package-price { margin:1rem 0 0; font-size:1.75rem; font-weight:800; color:#f97316; }
.ad-package-price span { font-size:.875rem; font-weight:400; color:#94a3b8; }
.ad-package-features { list-style:none; margin:1rem 0 0; padding:0; }
.ad-package-features li { position:relative; padding-left:1.1rem; margin-bottom:.35rem; font-size:.8125rem; color:#475569; }
.ad-package-features li::before { content:'✓'; position:absolute; left:0; color:#f97316; font-weight:700; }
.ad-package-prices { margin:1rem 0; padding:.75rem; background:#f8fafc; border-radius:.625rem; font-size:.75rem; }
.ad-package-prices div { display:flex; justify-content:space-between; gap:.5rem; padding:.2rem 0; color:#64748b; }
.ad-package-prices strong { color:#0f172a; }
.ad-steps-grid { display:grid; grid-template-columns:1fr; gap:.75rem; }
@media (min-width:768px){ .ad-steps-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.ad-step { background:#fff; border:1px solid #e2e8f0; border-radius:.75rem; padding:1rem; text-align:center; }
.ad-step strong { display:block; width:2rem; height:2rem; margin:0 auto .5rem; line-height:2rem; border-radius:9999px; background:#fff7ed; color:#f97316; }
.ad-step span { font-size:.8125rem; color:#475569; }
.ad-btn { display:inline-flex; align-items:center; justify-content:center; padding:.75rem 1.25rem; border-radius:.75rem; font-size:.875rem; font-weight:700; text-decoration:none; transition:.2s; }
.ad-btn-primary { background:#f97316; color:#fff !important; }
.ad-btn-primary:hover { background:#ea580c; }
.ad-btn-outline { border:2px solid rgba(255,255,255,.35); color:#fff !important; }
.ad-btn-block { width:100%; border:none; cursor:pointer; }
.ad-empty-box { padding:2rem; text-align:center; background:#fff; border:1px dashed #cbd5e1; border-radius:1rem; color:#64748b; }
.ad-purchase-login-card, .ad-purchase-alert { max-width:32rem; margin:0 auto 2rem; padding:1.5rem; border-radius:1rem; background:#fff; border:1px solid #e2e8f0; }
.ad-purchase-alert--warn { background:#fff7ed; border-color:#fed7aa; color:#9a3412; }
.ad-purchase-login-form { display:grid; gap:1rem; margin-top:1rem; }
.ad-purchase-login-foot { margin-top:1rem; font-size:.875rem; color:#64748b; }
.admin-ad-section-title { font-size:1.125rem; font-weight:800; color:#0f172a; margin:0 0 1rem; }
.admin-ad-empty { padding:1.25rem; background:#f8fafc; border:1px dashed #cbd5e1; border-radius:.75rem; color:#64748b; font-size:.875rem; }
.admin-ad-placement-card { background:#fff; border:1px solid #e2e8f0; border-radius:.75rem; padding:1rem; }
.admin-ad-placement-card h3 { margin:.35rem 0; font-size:.9375rem; font-weight:700; }
.admin-ad-placement-card p { margin:0; font-size:.75rem; color:#64748b; }
.admin-ad-placement-card code { display:inline-block; margin-top:.5rem; font-size:.6875rem; color:#94a3b8; }
.admin-ad-price-table, .panel-report-table { width:100%; border-collapse:collapse; font-size:.8125rem; }
.admin-ad-price-table th, .admin-ad-price-table td, .panel-report-table th, .panel-report-table td { padding:.5rem .625rem; border-bottom:1px solid #f1f5f9; text-align:left; }
.admin-ad-campaign-table-wrap, .panel-report-table-wrap { overflow-x:auto; background:#fff; border:1px solid #e2e8f0; border-radius:.75rem; }
.admin-ad-campaign-table { width:100%; border-collapse:collapse; font-size:12px; table-layout:fixed; }
.admin-ad-campaign-table th, .admin-ad-campaign-table td { padding:.5rem .625rem; border-bottom:1px solid #f1f5f9; text-align:left; vertical-align:middle; }
.admin-ad-campaign-table th:nth-child(1), .admin-ad-campaign-table td:nth-child(1) { width:10%; }
.admin-ad-campaign-table th:nth-child(2), .admin-ad-campaign-table td:nth-child(2) { width:24%; }
.admin-ad-campaign-table th:nth-child(3), .admin-ad-campaign-table td:nth-child(3) { width:10%; }
.admin-ad-campaign-table th:nth-child(4), .admin-ad-campaign-table td:nth-child(4) { width:12%; }
.admin-ad-campaign-table th:nth-child(5), .admin-ad-campaign-table td:nth-child(5) { width:8%; }
.admin-ad-campaign-table th:nth-child(6), .admin-ad-campaign-table td:nth-child(6) { width:6%; }
.admin-ad-campaign-table th:nth-child(7), .admin-ad-campaign-table td:nth-child(7) { width:5%; }
.admin-ad-campaign-table th:nth-child(8), .admin-ad-campaign-table td:nth-child(8) { width:7%; }
.admin-ad-campaign-table th:nth-child(9), .admin-ad-campaign-table td:nth-child(9) { width:18%; }
.admin-ad-campaign-table__cell--firm,
.admin-ad-campaign-table__cell--title,
.admin-ad-campaign-table__cell--nowrap { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:0; }
.admin-ad-campaign-table__cell--stat,
.admin-ad-campaign-table__cell--status { white-space:nowrap; text-align:center; }
.admin-ad-campaign-table__cell--actions { white-space:nowrap; }
.admin-ad-campaign-table__actions { display:flex; flex-wrap:nowrap; align-items:center; gap:.35rem; }
.admin-ad-campaign-table__action-form { display:inline-flex; align-items:center; gap:.35rem; margin:0; flex-shrink:0; }
.admin-ad-campaign-table__select { font-size:11px; border:1px solid #cbd5e1; border-radius:.25rem; padding:.2rem .35rem; max-width:5.5rem; }
.admin-ad-campaign-table__btn { font-size:11px; padding:.25rem .45rem; border-radius:.25rem; border:none; cursor:pointer; white-space:nowrap; line-height:1.2; }
.admin-ad-campaign-table__btn--save { background:#1e293b; color:#fff; }
.admin-ad-campaign-table__btn--delete { background:#dc2626; color:#fff; }
.admin-ad-status, .panel-ad-status { display:inline-block; padding:.15rem .5rem; border-radius:9999px; font-size:.6875rem; font-weight:700; text-transform:uppercase; background:#e2e8f0; color:#475569; }
.admin-ad-status--active, .panel-ad-status--active { background:#dcfce7; color:#166534; }
.admin-ad-status--pending, .panel-ad-status--pending { background:#fef3c7; color:#92400e; }
.admin-ad-status--queued, .panel-ad-status--queued { background:#e0e7ff; color:#3730a3; }
.admin-ad-price-field { display:flex; flex-direction:column; gap:.25rem; }
.admin-ad-price-field span { font-size:.75rem; color:#64748b; }
.panel-stat-card { background:#fff; border:1px solid #e2e8f0; border-radius:.75rem; padding:1rem; }
.panel-stat-card span { display:block; font-size:.75rem; color:#64748b; }
.panel-stat-card strong { display:block; margin-top:.25rem; font-size:1.25rem; color:#0f172a; }
.panel-campaign-list { display:grid; gap:.75rem; }
.panel-campaign-item { display:grid; grid-template-columns:1fr; gap:.75rem; background:#fff; border:1px solid #e2e8f0; border-radius:.75rem; padding:1rem; }
@media (min-width:768px){ .panel-campaign-item { grid-template-columns:1.5fr 1fr auto; align-items:center; } }
.panel-campaign-item h3 { margin:0; font-size:1rem; font-weight:700; }
.panel-campaign-metrics { display:flex; flex-wrap:wrap; gap:.5rem; font-size:.75rem; color:#64748b; }
.panel-campaign-table td { vertical-align:middle; }
.panel-campaign-actions { display:flex; flex-wrap:wrap; gap:.35rem; align-items:center; }
.panel-campaign-action {
    display:inline-flex; align-items:center; justify-content:center;
    padding:.35rem .65rem; border-radius:.5rem; border:1px solid #e2e8f0;
    background:#fff; color:#475569; font-size:.75rem; font-weight:600;
    text-decoration:none; cursor:pointer; line-height:1.2;
}
.panel-campaign-action:hover { border-color:#fdba74; color:#ea580c; background:#fff7ed; }
.panel-campaign-action--renew { border-color:#bbf7d0; color:#166534; background:#f0fdf4; }
.panel-campaign-action--renew:hover { border-color:#86efac; color:#14532d; background:#dcfce7; }
.panel-campaign-action--delete { border-color:#fecaca; color:#b91c1c; background:#fef2f2; }
.panel-campaign-action--delete:hover { border-color:#fca5a5; color:#991b1b; background:#fee2e2; }
.panel-campaign-actions form { display:inline-flex; margin:0; }
.panel-ad-status--expired, .panel-ad-status--cancelled, .panel-ad-status--rejected { background:#fee2e2; color:#991b1b; }
.panel-ad-status--paused { background:#f1f5f9; color:#475569; }
.panel-report-card { background:#fff; border:1px solid #e2e8f0; border-radius:.75rem; padding:1.25rem; }

/* Panel — Reklam Raporları */
.panel-ads-reports { display:grid; gap:1.25rem; max-width:80rem; }
.panel-ads-reports-hero {
    display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:1rem;
    padding:1.5rem 1.35rem; border-radius:1rem;
    background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%); color:#fff;
}
.panel-ads-reports-hero__eyebrow {
    display:inline-block; margin-bottom:.35rem; font-size:.6875rem; font-weight:700;
    letter-spacing:.08em; text-transform:uppercase; color:#fdba74;
}
.panel-ads-reports-hero__title { margin:0; font-size:1.75rem; font-weight:800; line-height:1.2; }
.panel-ads-reports-hero__lead { margin:.5rem 0 0; max-width:38rem; font-size:.9375rem; color:rgba(255,255,255,.75); line-height:1.55; }
.panel-ads-reports-hero__actions { display:flex; flex-wrap:wrap; gap:.5rem; align-self:center; }
.panel-ads-reports-btn {
    display:inline-flex; align-items:center; justify-content:center; min-height:2.5rem;
    padding:.65rem 1rem; border-radius:.75rem; font-size:.8125rem; font-weight:700;
    text-decoration:none; border:1px solid transparent; transition:background .15s,border-color .15s,color .15s;
}
.panel-ads-reports-btn--primary { background:#f97316; color:#fff; border-color:#f97316; }
.panel-ads-reports-btn--primary:hover { background:#ea580c; border-color:#ea580c; color:#fff; }
.panel-ads-reports-btn--ghost { background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.18); }
.panel-ads-reports-btn--ghost:hover { background:rgba(255,255,255,.14); color:#fff; }
.panel-ads-reports-kpis {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem;
}
@media (min-width:768px){ .panel-ads-reports-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1024px){ .panel-ads-reports-kpis { grid-template-columns:repeat(5,minmax(0,1fr)); } }
.panel-ads-reports-kpi {
    background:#fff; border:1px solid #e2e8f0; border-radius:1rem; padding:1rem 1.05rem;
}
.panel-ads-reports-kpi span { display:block; font-size:.6875rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#64748b; }
.panel-ads-reports-kpi strong { display:block; margin-top:.35rem; font-size:1.375rem; font-weight:800; color:#0f172a; line-height:1.1; }
.panel-ads-reports-kpi small { display:block; margin-top:.15rem; font-size:.6875rem; color:#94a3b8; }
.panel-ads-reports-card {
    background:#fff; border:1px solid #e2e8f0; border-radius:1rem; padding:1.125rem 1.25rem;
}
.panel-ads-reports-card--locked { background:#f8fafc; }
.panel-ads-reports-section-head { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:.75rem; margin-bottom:1rem; }
.panel-ads-reports-section-head h2 { margin:0; font-size:1.0625rem; font-weight:800; color:#0f172a; }
.panel-ads-reports-section-head p { margin:.25rem 0 0; font-size:.8125rem; color:#64748b; max-width:36rem; }
.panel-ads-reports-charts__grid {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;
}
@media (min-width:1024px){ .panel-ads-reports-charts__grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.panel-ads-reports-charts__grid--campaign {
    grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (min-width:768px){ .panel-ads-reports-charts__grid--campaign { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1280px){ .panel-ads-reports-charts__grid--campaign { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.panel-ads-reports-charts .panel-donut { background:#f8fafc; border-color:#eef2f7; }
.panel-ads-reports-campaign-tabs {
    display:flex; flex-wrap:wrap; gap:.5rem;
}
.panel-ads-reports-campaign-tab {
    display:grid; gap:.15rem; min-width:10rem; max-width:100%;
    padding:.75rem .9rem; border-radius:.875rem; border:1px solid #e2e8f0; background:#f8fafc;
    text-decoration:none; color:inherit; transition:border-color .15s,background .15s,box-shadow .15s;
}
.panel-ads-reports-campaign-tab strong { font-size:.8125rem; color:#0f172a; line-height:1.3; }
.panel-ads-reports-campaign-tab span { font-size:.6875rem; color:#64748b; }
.panel-ads-reports-campaign-tab em { justify-self:start; margin-top:.15rem; font-style:normal; }
.panel-ads-reports-campaign-tab:hover { border-color:#fdba74; background:#fff7ed; }
.panel-ads-reports-campaign-tab.is-active {
    border-color:#1e3a5f; background:#eff6ff; box-shadow:0 0 0 1px rgba(30,58,95,.08);
}
.panel-ads-reports-campaign-head {
    display:grid; grid-template-columns:1fr; gap:1rem; align-items:start;
}
@media (min-width:768px){ .panel-ads-reports-campaign-head { grid-template-columns:1.35fr 12rem; } }
.panel-ads-reports-campaign-head__badges { display:flex; flex-wrap:wrap; gap:.35rem; margin-bottom:.65rem; }
.panel-ads-reports-campaign-head h2 { margin:0 0 .35rem; font-size:1.25rem; font-weight:800; color:#0f172a; }
.panel-ads-reports-campaign-head p { margin:0; font-size:.8125rem; color:#64748b; line-height:1.5; }
.panel-ads-reports-tier {
    display:inline-flex; align-items:center; padding:.2rem .55rem; border-radius:9999px;
    font-size:.6875rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em;
}
.panel-ads-reports-tier--starter { background:#f1f5f9; color:#475569; }
.panel-ads-reports-tier--pro { background:#ffedd5; color:#9a3412; }
.panel-ads-reports-tier--premium { background:#ede9fe; color:#5b21b6; }
.panel-ads-reports-features {
    list-style:none; margin:.85rem 0 0; padding:0; display:flex; flex-wrap:wrap; gap:.35rem;
}
.panel-ads-reports-features li {
    padding:.25rem .55rem; border-radius:9999px; background:#f8fafc; border:1px solid #e2e8f0;
    font-size:.6875rem; font-weight:600; color:#475569;
}
.panel-ads-reports-campaign-head__preview img {
    display:block; width:100%; height:auto; border-radius:.75rem; border:1px solid #e2e8f0; object-fit:cover;
}
.panel-ads-reports-compare-badge {
    padding:.55rem .75rem; border-radius:.75rem; background:#f8fafc; border:1px solid #e2e8f0;
    font-size:.75rem; color:#64748b; white-space:nowrap;
}
.panel-ads-reports-compare-badge strong { color:#0f172a; }
.panel-ads-reports-compare-badge span { display:block; margin-top:.1rem; font-size:.6875rem; }
.panel-ads-reports-compare-badge.is-up { background:#ecfdf5; border-color:#bbf7d0; color:#047857; }
.panel-ads-reports-compare-badge.is-up strong { color:#065f46; }
.panel-ads-reports-compare-badge.is-down { background:#fef2f2; border-color:#fecaca; color:#991b1b; }
.panel-ads-reports-compare-badge.is-down strong { color:#7f1d1d; }
.panel-ads-reports-locked {
    display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
    min-height:11rem; padding:1rem; border-radius:1rem; border:1px dashed #cbd5e1; background:#f8fafc;
}
.panel-ads-reports-locked--wide {
    flex-direction:row; align-items:flex-start; text-align:left; gap:1rem; min-height:auto; padding:1.25rem;
}
.panel-ads-reports-locked--compact { min-height:9rem; }
.panel-ads-reports-locked__icon { font-size:1.5rem; line-height:1; margin-bottom:.35rem; }
.panel-ads-reports-locked--wide .panel-ads-reports-locked__icon { margin-bottom:0; font-size:2rem; }
.panel-ads-reports-locked h3 { margin:0 0 .35rem; font-size:.9375rem; font-weight:800; color:#0f172a; }
.panel-ads-reports-locked p { margin:0 0 .75rem; font-size:.8125rem; color:#64748b; line-height:1.45; max-width:16rem; }
.panel-ads-reports-locked--wide p { max-width:none; }
.panel-ads-reports-columns {
    display:grid; grid-template-columns:1fr; gap:1rem;
}
@media (min-width:1024px){ .panel-ads-reports-columns { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.panel-ads-reports-meta {
    list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem;
}
.panel-ads-reports-meta li {
    padding:.75rem .85rem; border-radius:.75rem; background:#f8fafc; border:1px solid #e2e8f0;
}
.panel-ads-reports-meta span { display:block; font-size:.6875rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.panel-ads-reports-meta strong { display:block; margin-top:.2rem; font-size:1rem; font-weight:800; color:#0f172a; }
.panel-ads-reports-breakdown { list-style:none; margin:0; padding:0; display:grid; gap:.85rem; }
.panel-ads-reports-breakdown__head { display:flex; align-items:center; justify-content:space-between; gap:.75rem; font-size:.8125rem; color:#334155; }
.panel-ads-reports-breakdown__head strong { font-size:.75rem; color:#64748b; font-weight:700; white-space:nowrap; }
.panel-ads-reports-breakdown__bar { margin-top:.35rem; height:.45rem; background:#f1f5f9; border-radius:9999px; overflow:hidden; }
.panel-ads-reports-breakdown__fill { display:block; height:100%; border-radius:9999px; background:#1e3a5f; }
.panel-ads-reports-breakdown__fill--active { background:#16a34a; }
.panel-ads-reports-breakdown__fill--muted { background:#94a3b8; }
.panel-ads-reports-rank { list-style:none; margin:0; padding:0; display:grid; gap:.75rem; }
.panel-ads-reports-rank li { display:flex; align-items:flex-start; gap:.65rem; }
.panel-ads-reports-rank__index {
    display:inline-flex; align-items:center; justify-content:center; width:1.75rem; height:1.75rem;
    border-radius:.5rem; background:#eff6ff; color:#1e3a5f; font-size:.75rem; font-weight:800; flex-shrink:0;
}
.panel-ads-reports-rank__body { flex:1; min-width:0; }
.panel-ads-reports-rank__head { display:flex; align-items:center; justify-content:space-between; gap:.75rem; font-size:.8125rem; color:#334155; }
.panel-ads-reports-rank__head strong { font-size:.8125rem; font-weight:800; color:#0f172a; }
.panel-ads-reports-rank__bar { margin-top:.35rem; height:.4rem; background:#f1f5f9; border-radius:9999px; overflow:hidden; }
.panel-ads-reports-rank__bar span { display:block; height:100%; background:#f97316; border-radius:9999px; }
.panel-ads-reports-rank small { display:block; margin-top:.25rem; font-size:.6875rem; color:#64748b; }
.panel-ads-reports-trend {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.35rem .65rem; margin-bottom:1rem;
}
@media (min-width:768px){ .panel-ads-reports-trend { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media (min-width:1024px){ .panel-ads-reports-trend { grid-template-columns:repeat(10,minmax(0,1fr)); } }
.panel-ads-reports-trend__row { display:grid; grid-template-columns:2.5rem 1fr 1.75rem; align-items:center; gap:.35rem; }
.panel-ads-reports-trend__label { font-size:.625rem; color:#64748b; font-weight:600; }
.panel-ads-reports-trend__bar { height:.35rem; background:#f1f5f9; border-radius:9999px; overflow:hidden; }
.panel-ads-reports-trend__bar span { display:block; height:100%; min-width:2px; background:#1e3a5f; border-radius:9999px; }
.panel-ads-reports-trend__row strong { font-size:.6875rem; font-weight:800; color:#0f172a; text-align:right; }
.panel-ads-reports-table-wrap { overflow-x:auto; border:1px solid #f1f5f9; border-radius:.75rem; }
.panel-ads-reports-table { width:100%; border-collapse:collapse; font-size:.8125rem; }
.panel-ads-reports-table th, .panel-ads-reports-table td { padding:.75rem .85rem; border-bottom:1px solid #f1f5f9; text-align:left; }
.panel-ads-reports-table th { background:#f8fafc; font-size:.6875rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#64748b; white-space:nowrap; }
.panel-ads-reports-table tbody tr:last-child td { border-bottom:none; }
.panel-ads-reports-table tbody tr:hover { background:#fafafa; }
.panel-ads-reports-note { margin:0; font-size:.875rem; color:#64748b; line-height:1.5; }
.panel-ads-reports-empty {
    text-align:center; padding:2.5rem 1.5rem; border-radius:1rem; border:1px dashed #cbd5e1; background:#f8fafc;
}
.panel-ads-reports-empty h2 { margin:0 0 .35rem; font-size:1.125rem; font-weight:800; color:#0f172a; }
.panel-ads-reports-empty p { margin:0 0 1rem; font-size:.875rem; color:#64748b; }


/* Panel — Paketler & Ödeme */
.panel-packages-page { max-width:72rem; }
.panel-packages-head { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; }
.panel-packages-title { margin:0; font-size:1.75rem; font-weight:800; color:#0f172a; }
.panel-packages-lead { margin:.35rem 0 0; font-size:.9375rem; color:#64748b; max-width:38rem; }
.panel-packages-link { font-size:.875rem; font-weight:700; color:#f97316; text-decoration:none; }
.panel-packages-link:hover { text-decoration:underline; }
.panel-packages-alert { margin-bottom:1.25rem; padding:1rem 1.125rem; border-radius:.875rem; font-size:.875rem; }
.panel-packages-alert--warn { background:#fff7ed; border:1px solid #fed7aa; color:#9a3412; }
.panel-subscription-card {
    background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%);
    color:#fff; border-radius:1.25rem; padding:1.5rem 1.5rem 1.375rem;
    box-shadow:0 16px 40px rgba(15,23,42,.18); margin-bottom:1.5rem;
}
.panel-subscription-card--expired { background:linear-gradient(135deg,#7f1d1d 0%,#450a0a 100%); }
.panel-subscription-card--empty { background:linear-gradient(135deg,#334155 0%,#1e293b 100%); }
.panel-subscription-card__top { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
.panel-subscription-card__eyebrow { display:inline-block; font-size:.6875rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#fdba74; margin-bottom:.35rem; }
.panel-subscription-card__title { margin:0; font-size:1.5rem; font-weight:800; line-height:1.25; }
.panel-subscription-card__firm { margin:.35rem 0 0; font-size:.875rem; color:rgba(255,255,255,.72); }
.panel-subscription-card__tier {
    display:inline-flex; align-items:center; padding:.35rem .85rem; border-radius:9999px;
    font-size:.75rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
    background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18);
}
.panel-subscription-card__tier--basic { background:rgba(255,255,255,.1); }
.panel-subscription-card__tier--pro { background:#f97316; border-color:#fb923c; color:#fff; }
.panel-subscription-card__tier--elite { background:#0f172a; border-color:#334155; color:#fde68a; }
.panel-subscription-card__status { display:inline-flex; padding:.35rem .85rem; border-radius:9999px; font-size:.75rem; font-weight:800; text-transform:uppercase; background:rgba(255,255,255,.14); }
.panel-subscription-card__status--expired { background:#fecaca; color:#991b1b; }
.panel-subscription-card__hint { margin:0; font-size:.875rem; color:rgba(255,255,255,.82); }
.panel-subscription-card__stats {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem;
}
@media (min-width:768px){ .panel-subscription-card__stats { grid-template-columns:repeat(5,minmax(0,1fr)); } }
.panel-subscription-stat {
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1);
    border-radius:.875rem; padding:.875rem .9rem;
}
.panel-subscription-stat span { display:block; font-size:.6875rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:rgba(255,255,255,.58); }
.panel-subscription-stat strong { display:block; margin-top:.35rem; font-size:1rem; font-weight:800; line-height:1.3; }
.panel-subscription-stat--accent { background:rgba(249,115,22,.18); border-color:rgba(251,146,60,.35); }
.panel-subscription-stat--accent strong { color:#fdba74; font-size:1.25rem; }
.panel-subscription-progress { margin-top:1.25rem; }
.panel-subscription-progress__meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.35rem; font-size:.75rem; color:rgba(255,255,255,.68); margin-bottom:.45rem; }
.panel-subscription-progress__bar { height:.55rem; border-radius:9999px; background:rgba(255,255,255,.12); overflow:hidden; }
.panel-subscription-progress__bar span { display:block; height:100%; border-radius:9999px; background:linear-gradient(90deg,#f97316,#fdba74); }
.panel-subscription-card__order { margin:1rem 0 0; font-size:.75rem; color:rgba(255,255,255,.62); }
.panel-subscription-card__order code { font-size:.6875rem; background:rgba(255,255,255,.1); padding:.1rem .35rem; border-radius:.35rem; }
.panel-package-benefits { background:#fff; border:1px solid #e2e8f0; border-radius:1rem; padding:1.375rem 1.5rem; margin-bottom:1.5rem; }
.panel-package-benefits__head h2 { margin:0; font-size:1.125rem; font-weight:800; color:#0f172a; }
.panel-package-benefits__head p { margin:.35rem 0 0; font-size:.875rem; color:#64748b; }
.panel-package-benefits__grid {
    display:grid; grid-template-columns:1fr; gap:.65rem; margin:1.125rem 0 0; padding:0; list-style:none;
}
@media (min-width:640px){ .panel-package-benefits__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .panel-package-benefits__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.panel-package-benefits__grid li {
    display:flex; align-items:flex-start; gap:.55rem; font-size:.875rem; color:#334155; line-height:1.45;
}
.panel-package-benefits__grid svg { width:1.125rem; height:1.125rem; color:#f97316; flex-shrink:0; margin-top:.1rem; }
.panel-packages-section { margin-top:1.75rem; }
.panel-packages-section__head h2 { margin:0; font-size:1.25rem; font-weight:800; color:#0f172a; }
.panel-packages-section__head p { margin:.35rem 0 0; font-size:.875rem; color:#64748b; max-width:42rem; }
.panel-packages-bank {
    margin-top:1rem; padding:.875rem 1rem; border-radius:.875rem;
    background:#f8fafc; border:1px solid #e2e8f0; font-size:.8125rem; color:#475569;
}
.panel-packages-grid {
    display:grid; grid-template-columns:1fr; gap:1rem; margin-top:1.25rem; align-items:stretch;
}
@media (min-width:768px){ .panel-packages-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.panel-packages-grid--upgrade { grid-template-columns:1fr; }
@media (min-width:768px){ .panel-packages-grid--upgrade { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .panel-packages-grid--upgrade { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.panel-packages-grid--single { max-width:24rem; }
.panel-packages-max-tier {
    margin-top:1rem; padding:1.25rem; border-radius:1rem;
    background:linear-gradient(180deg,#fff7ed 0%,#fff 100%); border:1px solid #fed7aa;
}
.panel-packages-max-tier h2 { margin:0; font-size:1.125rem; font-weight:800; color:#9a3412; }
.panel-packages-max-tier p { margin:.35rem 0 0; font-size:.875rem; color:#7c2d12; max-width:42rem; }
.panel-package-card {
    position:relative; display:flex; flex-direction:column; height:100%;
    background:#fff; border:2px solid #e2e8f0; border-radius:1rem; padding:1.375rem 1.25rem 1.125rem;
}
.panel-package-card--featured { border-color:#f97316; box-shadow:0 12px 32px rgba(249,115,22,.12); }
.panel-package-card__badge {
    position:absolute; top:-.65rem; left:50%; transform:translateX(-50%);
    background:#f97316; color:#fff; font-size:.6875rem; font-weight:800; letter-spacing:.04em;
    text-transform:uppercase; padding:.2rem .75rem; border-radius:9999px;
}
.panel-package-card__name { margin:0; font-size:1.125rem; font-weight:800; color:#0f172a; }
.panel-package-card__price { margin:.75rem 0 0; font-size:1.875rem; font-weight:800; color:#f97316; line-height:1; }
.panel-package-card__price span { font-size:.8125rem; font-weight:500; color:#94a3b8; }
.panel-package-card__desc { margin:.5rem 0 0; font-size:.8125rem; color:#64748b; line-height:1.45; }
.panel-package-card__features { margin:1rem 0 0; padding:0; list-style:none; display:grid; gap:.35rem; font-size:.8125rem; color:#475569; }
.panel-package-card__features li::before { content:"✓ "; color:#f97316; font-weight:700; }
.panel-package-card__actions { margin-top:auto; padding-top:1rem; display:grid; gap:.65rem; }
.panel-package-card__btn {
    width:100%; border:none; cursor:pointer; border-radius:.75rem; padding:.75rem 1rem;
    font-size:.8125rem; font-weight:700; transition:.2s;
}
.panel-package-card__btn--primary { background:#f97316; color:#fff; }
.panel-package-card__btn--primary:hover { background:#ea580c; }
.panel-package-card__btn--outline { background:#fff; color:#0f172a; border:2px solid #0f172a; }
.panel-package-card__btn--outline:hover { background:#0f172a; color:#fff; }
.panel-bank-modal__form { padding-top:0; }
.panel-bank-modal__info {
    padding:.875rem 1rem; border-radius:.75rem; background:#f8fafc;
    border:1px solid #e2e8f0; margin-bottom:1rem;
}
.panel-bank-modal__info-label { display:block; font-size:.6875rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#64748b; margin-bottom:.35rem; }
.panel-bank-modal__info p { margin:0; font-size:.8125rem; color:#334155; line-height:1.5; }
.panel-bank-modal__hint { margin:0 0 1rem; font-size:.8125rem; color:#64748b; line-height:1.5; }
.panel-bank-modal__upload {
    display:block; padding:1rem; border:2px dashed #cbd5e1; border-radius:.875rem;
    background:#f8fafc; cursor:pointer; transition:border-color .2s, background .2s;
}
.panel-bank-modal__upload:hover { border-color:#f97316; background:#fff7ed; }
.panel-bank-modal__upload-label { display:block; font-size:.875rem; font-weight:700; color:#0f172a; }
.panel-bank-modal__upload-label strong { color:#ea580c; }
.panel-bank-modal__upload-note { display:block; margin-top:.2rem; font-size:.75rem; color:#94a3b8; }
.panel-bank-modal__upload input[type="file"] { display:block; width:100%; margin-top:.75rem; font-size:.8125rem; }
.panel-bank-modal__file-name { display:block; margin-top:.5rem; font-size:.75rem; color:#475569; }
.panel-bank-modal__error { margin:.75rem 0 0; font-size:.8125rem; color:#b91c1c; }
.panel-bank-modal__error.hidden { display:none; }
.panel-bank-modal__footer { display:flex; justify-content:flex-end; gap:.5rem; padding:0 1.25rem 1.25rem; }
.panel-bank-modal__btn {
    border:none; cursor:pointer; border-radius:.75rem; padding:.65rem 1.1rem;
    font-size:.8125rem; font-weight:700; transition:.2s;
}
.panel-bank-modal__btn--ghost { background:#f1f5f9; color:#475569; }
.panel-bank-modal__btn--ghost:hover { background:#e2e8f0; }
.panel-bank-modal__btn--primary { background:#f97316; color:#fff; }
.panel-bank-modal__btn--primary:hover { background:#ea580c; }
.panel-bank-modal__btn--primary:disabled { opacity:.65; cursor:not-allowed; }

/* Panel — Galeri */
.panel-gallery-page { max-width:72rem; }
.panel-gallery-quota {
    display:grid; grid-template-columns:1fr; gap:1rem; margin-bottom:1.5rem;
    background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%);
    color:#fff; border-radius:1.25rem; padding:1.375rem 1.5rem;
    box-shadow:0 16px 40px rgba(15,23,42,.16);
}
@media (min-width:1024px){ .panel-gallery-quota { grid-template-columns:1.45fr 1fr; gap:1.5rem; } }
.panel-gallery-quota__eyebrow { display:inline-block; font-size:.6875rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#fdba74; margin-bottom:.35rem; }
.panel-gallery-quota__title { margin:0; font-size:1.375rem; font-weight:800; line-height:1.25; }
.panel-gallery-quota__head { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:.75rem; margin-bottom:1rem; }
.panel-gallery-quota__stats {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem;
}
@media (min-width:768px){ .panel-gallery-quota__stats { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1024px){ .panel-gallery-quota__stats { grid-template-columns:repeat(5,minmax(0,1fr)); } }
.panel-gallery-quota-stat {
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1);
    border-radius:.75rem; padding:.75rem .8rem;
}
.panel-gallery-quota-stat span { display:block; font-size:.625rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.panel-gallery-quota-stat strong { display:block; margin-top:.25rem; font-size:.9375rem; font-weight:800; line-height:1.3; }
.panel-gallery-quota__progress { margin-top:1rem; }
.panel-gallery-quota__progress .panel-subscription-progress__meta { color:rgba(255,255,255,.68); }
.panel-gallery-quota__progress .panel-subscription-progress__bar { background:rgba(255,255,255,.12); }
.panel-gallery-quota__aside {
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
    border-radius:1rem; padding:1rem 1.1rem;
}
.panel-gallery-quota__aside h3 { margin:0 0 .65rem; font-size:.875rem; font-weight:800; }
.panel-gallery-quota__aside ul { margin:0; padding-left:1.1rem; display:grid; gap:.45rem; font-size:.8125rem; color:rgba(255,255,255,.78); line-height:1.45; }
.panel-gallery-quota__upgrade {
    display:inline-block; margin-top:.85rem; font-size:.8125rem; font-weight:700; color:#fdba74; text-decoration:none;
}
.panel-gallery-quota__upgrade:hover { text-decoration:underline; }
.panel-gallery-upload {
    background:#fff; border:1px solid #e2e8f0; border-radius:1rem;
    padding:1.25rem 1.375rem; margin-bottom:1.5rem;
}
.panel-gallery-upload__head h2 { margin:0; font-size:1.125rem; font-weight:800; color:#0f172a; }
.panel-gallery-upload__head p { margin:.35rem 0 0; font-size:.8125rem; color:#64748b; }
.panel-gallery-upload__form { margin-top:1rem; }
.panel-gallery-dropzone {
    position:relative;
    display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
    padding:1.5rem 1rem; border:2px dashed #cbd5e1; border-radius:1rem; background:#f8fafc;
    cursor:pointer; transition:border-color .2s, background .2s;
}
.panel-gallery-dropzone.is-dragover, .panel-gallery-dropzone:hover { border-color:#f97316; background:#fff7ed; }
.panel-gallery-dropzone input[type="file"] { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.panel-gallery-dropzone__icon { width:2.5rem; height:2.5rem; color:#f97316; margin-bottom:.5rem; }
.panel-gallery-dropzone__icon svg { width:100%; height:100%; }
.panel-gallery-dropzone__title { font-size:.9375rem; font-weight:700; color:#0f172a; }
.panel-gallery-dropzone__meta { margin-top:.25rem; font-size:.75rem; color:#94a3b8; }
.panel-gallery-dropzone__filename { margin-top:.65rem; font-size:.75rem; color:#475569; }
.panel-gallery-upload__fields {
    display:grid; grid-template-columns:1fr; gap:.75rem; margin-top:1rem;
}
@media (min-width:768px){ .panel-gallery-upload__fields { grid-template-columns:1fr auto; align-items:end; } }
.panel-gallery-field span { display:block; font-size:.75rem; font-weight:600; color:#64748b; margin-bottom:.35rem; }
.panel-gallery-field input {
    width:100%; border:1px solid #e2e8f0; border-radius:.75rem; padding:.7rem .85rem;
    font-size:.875rem; color:#0f172a; background:#fff;
}
.panel-gallery-upload__btn {
    border:none; cursor:pointer; border-radius:.75rem; padding:.75rem 1.25rem;
    background:#f97316; color:#fff; font-size:.875rem; font-weight:700; white-space:nowrap;
}
.panel-gallery-upload__btn:hover { background:#ea580c; }
.panel-gallery-upload__error { margin:.75rem 0 0; font-size:.8125rem; color:#b91c1c; }
.panel-gallery-upload__error.hidden { display:none; }
.panel-gallery-list__head { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.panel-gallery-list__head h2 { margin:0; font-size:1.125rem; font-weight:800; color:#0f172a; }
.panel-gallery-list__count { font-size:.8125rem; font-weight:700; color:#64748b; background:#f1f5f9; padding:.35rem .65rem; border-radius:9999px; }
.panel-gallery-grid {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;
}
@media (min-width:768px){ .panel-gallery-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1024px){ .panel-gallery-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.panel-gallery-item {
    background:#fff; border:1px solid #e2e8f0; border-radius:1rem; overflow:hidden;
    display:flex; flex-direction:column; transition:border-color .2s, box-shadow .2s;
}
.panel-gallery-item:hover { border-color:#fdba74; box-shadow:0 8px 24px rgba(15,23,42,.06); }
.panel-gallery-item__media { position:relative; aspect-ratio:4/3; background:#f1f5f9; }
.panel-gallery-item__media img { width:100%; height:100%; object-fit:cover; }
.panel-gallery-item__index {
    position:absolute; top:.5rem; left:.5rem; padding:.15rem .45rem; border-radius:.35rem;
    background:rgba(15,23,42,.72); color:#fff; font-size:.625rem; font-weight:800;
}
.panel-gallery-item__body { padding:.875rem .9rem 1rem; display:flex; flex-direction:column; gap:.35rem; flex:1; }
.panel-gallery-item__body h3 { margin:0; font-size:.875rem; font-weight:700; color:#0f172a; line-height:1.35; }
.panel-gallery-item__meta { margin:0; font-size:.75rem; color:#64748b; }
.panel-gallery-item__cover { color:#ea580c; font-weight:700; }
.panel-gallery-item__delete { margin-top:auto; }
.panel-gallery-item__delete button {
    border:none; background:#fef2f2; color:#b91c1c; cursor:pointer;
    font-size:.75rem; font-weight:700; padding:.35rem .65rem; border-radius:.5rem;
}
.panel-gallery-item__delete button:hover { background:#fee2e2; }
.panel-gallery-empty {
    text-align:center; padding:2.5rem 1.5rem; background:#fff;
    border:1px dashed #cbd5e1; border-radius:1rem; color:#64748b;
}
.panel-gallery-empty__icon { width:3rem; height:3rem; margin:0 auto .75rem; color:#94a3b8; }
.panel-gallery-empty__icon svg { width:100%; height:100%; }
.panel-gallery-empty h3 { margin:0; font-size:1rem; font-weight:800; color:#0f172a; }
.panel-gallery-empty p { margin:.5rem auto 0; max-width:28rem; font-size:.875rem; line-height:1.55; }
.panel-gallery-tips {
    margin-top:1.75rem; background:#fff; border:1px solid #e2e8f0; border-radius:1rem; padding:1.25rem 1.375rem;
}
.panel-gallery-tips h2 { margin:0 0 1rem; font-size:1rem; font-weight:800; color:#0f172a; }
.panel-gallery-tips__grid { display:grid; grid-template-columns:1fr; gap:.75rem; }
@media (min-width:768px){ .panel-gallery-tips__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.panel-gallery-tips__grid article {
    padding:.875rem; border-radius:.75rem; background:#f8fafc; border:1px solid #e2e8f0;
}
.panel-gallery-tips__grid strong { display:block; font-size:.8125rem; color:#0f172a; margin-bottom:.25rem; }
.panel-gallery-tips__grid p { margin:0; font-size:.75rem; color:#64748b; line-height:1.45; }

/* Panel — Dashboard */
.panel-dashboard { max-width:72rem; display:grid; gap:1.5rem; }
.panel-dashboard-hero {
    display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:1rem;
    padding:1.5rem 1.625rem; border-radius:1.25rem;
    background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%);
    color:#fff; box-shadow:0 16px 40px rgba(15,23,42,.16);
}
.panel-dashboard-hero__eyebrow { display:inline-block; font-size:.6875rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#fdba74; margin-bottom:.35rem; }
.panel-dashboard-hero__title { margin:0; font-size:1.75rem; font-weight:800; line-height:1.2; }
.panel-dashboard-hero__lead { margin:.5rem 0 0; max-width:36rem; font-size:.9375rem; color:rgba(255,255,255,.75); line-height:1.55; }
.panel-dashboard-hero__badges { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1rem; }
.panel-dashboard-hero__actions { display:flex; flex-wrap:wrap; gap:.5rem; align-items:flex-start; }
.panel-dashboard-status {
    display:inline-flex; align-items:center; padding:.3rem .75rem; border-radius:9999px;
    font-size:.6875rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
    background:rgba(255,255,255,.12); color:#fff;
}
.panel-dashboard-status.is-active { background:rgba(34,197,94,.2); color:#bbf7d0; }
.panel-dashboard-status.is-pending { background:rgba(251,191,36,.2); color:#fde68a; }
.panel-dashboard-status.is-danger { background:rgba(248,113,113,.2); color:#fecaca; }
.panel-dashboard-btn {
    display:inline-flex; align-items:center; justify-content:center; padding:.7rem 1.1rem;
    border-radius:.75rem; font-size:.8125rem; font-weight:700; text-decoration:none; transition:.2s;
}
.panel-dashboard-btn--primary { background:#f97316; color:#fff; border:none; }
.panel-dashboard-btn--primary:hover { background:#ea580c; color:#fff; }
.panel-dashboard-btn--ghost { background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.18); }
.panel-dashboard-btn--ghost:hover { background:rgba(255,255,255,.16); color:#fff; }
.panel-dashboard-btn--block { width:100%; margin-top:.85rem; }
.panel-dashboard-kpis {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem;
}
@media (min-width:768px){ .panel-dashboard-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1024px){ .panel-dashboard-kpis { grid-template-columns:repeat(5,minmax(0,1fr)); } }
.panel-dashboard-kpi {
    background:#fff; border:1px solid #e2e8f0; border-radius:1rem; padding:1rem 1.05rem;
}
.panel-dashboard-kpi span { display:block; font-size:.6875rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#64748b; }
.panel-dashboard-kpi strong { display:block; margin-top:.35rem; font-size:1.375rem; font-weight:800; color:#0f172a; line-height:1.1; }
.panel-dashboard-kpi small { display:block; margin-top:.15rem; font-size:.6875rem; color:#94a3b8; }
.panel-dashboard-section-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:1rem; }
.panel-dashboard-section-head h2 { margin:0; font-size:1.0625rem; font-weight:800; color:#0f172a; }
.panel-dashboard-section-head p { margin:0; font-size:.8125rem; color:#64748b; width:100%; }
.panel-dashboard-charts__grid {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;
}
@media (min-width:1024px){ .panel-dashboard-charts__grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.panel-donut {
    background:#fff; border:1px solid #e2e8f0; border-radius:1rem; padding:1rem;
    display:flex; flex-direction:column; align-items:center; text-align:center; height:100%;
}
.panel-donut__chart { position:relative; width:7.5rem; height:7.5rem; }
.panel-donut__chart svg { width:100%; height:100%; transform:rotate(-90deg); }
.panel-donut__track { fill:none; stroke:#e2e8f0; stroke-width:8; }
.panel-donut__progress { fill:none; stroke-width:8; stroke-linecap:round; transition:stroke-dashoffset .6s ease; }
.panel-donut__center {
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    flex-direction:column; padding:.5rem;
}
.panel-donut__center strong { font-size:1rem; font-weight:800; color:#0f172a; line-height:1.2; }
.panel-donut__meta { margin-top:.75rem; }
.panel-donut__label { display:block; font-size:.8125rem; font-weight:700; color:#0f172a; }
.panel-donut__subtitle { display:block; margin-top:.15rem; font-size:.6875rem; color:#64748b; }
.panel-dashboard-columns {
    display:grid; grid-template-columns:1fr; gap:1rem;
}
@media (min-width:1024px){ .panel-dashboard-columns { grid-template-columns:1.35fr 1fr; gap:1.25rem; } }
.panel-dashboard-card {
    background:#fff; border:1px solid #e2e8f0; border-radius:1rem; padding:1.125rem 1.25rem;
}
.panel-dashboard-card--accent {
    background:linear-gradient(180deg,#fff7ed 0%,#fff 100%); border-color:#fed7aa;
}
.panel-dashboard-card--warn {
    background:#fef2f2; border-color:#fecaca;
}
.panel-dashboard-card--warn h2 { margin:0 0 .35rem; font-size:1rem; font-weight:800; color:#991b1b; }
.panel-dashboard-card--warn p { margin:0; font-size:.8125rem; color:#7f1d1d; line-height:1.45; }
.panel-dashboard-empty { padding:1rem 0; color:#64748b; font-size:.875rem; }
.panel-dashboard-empty__hint { margin-top:.35rem; font-size:.8125rem; color:#94a3b8; }
.panel-dashboard-leads { display:grid; gap:.65rem; }
.panel-dashboard-lead {
    padding:.85rem .9rem; border:1px solid #e2e8f0; border-radius:.875rem; background:#f8fafc;
}
.panel-dashboard-lead.is-unread { border-color:#fdba74; background:#fff7ed; }
.panel-dashboard-lead__head { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.panel-dashboard-lead__head strong { font-size:.875rem; color:#0f172a; }
.panel-dashboard-lead__head span { font-size:.75rem; color:#94a3b8; white-space:nowrap; }
.panel-dashboard-lead p { margin:.35rem 0 0; font-size:.8125rem; color:#475569; }
.panel-dashboard-lead__desc { color:#64748b !important; }
.panel-dashboard-side { display:grid; gap:1rem; align-content:start; }
.panel-dashboard-package-name { margin:0 0 .75rem; font-size:1.0625rem; font-weight:800; color:#9a3412; }
.panel-dashboard-package-meta { list-style:none; margin:0; padding:0; display:grid; gap:.45rem; }
.panel-dashboard-package-meta li { display:flex; justify-content:space-between; gap:.75rem; font-size:.8125rem; }
.panel-dashboard-package-meta span { color:#64748b; }
.panel-dashboard-package-meta strong { color:#0f172a; }
.panel-dashboard-ad-stats { list-style:none; margin:1rem 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:.5rem; }
.panel-dashboard-ad-stats li { padding:.65rem .75rem; border-radius:.65rem; background:#f8fafc; border:1px solid #e2e8f0; }
.panel-dashboard-ad-stats span { display:block; font-size:.6875rem; color:#64748b; text-transform:uppercase; letter-spacing:.04em; font-weight:700; }
.panel-dashboard-ad-stats strong { display:block; margin-top:.2rem; font-size:.9375rem; color:#0f172a; }
.panel-dashboard-checklist { list-style:none; margin:0 0 .5rem; padding:0; display:grid; gap:.35rem; }
.panel-dashboard-checklist li {
    position:relative; padding-left:1.25rem; font-size:.8125rem; color:#64748b;
}
.panel-dashboard-checklist li::before {
    content:"○"; position:absolute; left:0; color:#cbd5e1; font-weight:700;
}
.panel-dashboard-checklist li.is-done { color:#0f172a; }
.panel-dashboard-checklist li.is-done::before { content:"✓"; color:#f97316; }
.panel-dashboard-quick h2 { margin:0 0 .85rem; font-size:1rem; font-weight:800; color:#0f172a; }
.panel-dashboard-quick__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
@media (min-width:768px){ .panel-dashboard-quick__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1024px){ .panel-dashboard-quick__grid { grid-template-columns:repeat(6,minmax(0,1fr)); } }
.panel-dashboard-quick__item {
    display:flex; align-items:center; justify-content:center; min-height:3rem;
    padding:.75rem .85rem; border-radius:.875rem; background:#fff; border:1px solid #e2e8f0;
    text-decoration:none; font-size:.8125rem; font-weight:700; color:#0f172a; transition:.2s;
}
.panel-dashboard-quick__item:hover { border-color:#fdba74; color:#ea580c; background:#fff7ed; }

/* Panel — Gelen Teklifler */
.panel-leads-page { max-width:72rem; display:grid; gap:1.25rem; }
.panel-leads-hero {
    display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:1rem;
    padding:1.375rem 1.5rem; border-radius:1.25rem;
    background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%);
    color:#fff; box-shadow:0 16px 40px rgba(15,23,42,.16);
}
.panel-leads-hero .panel-dashboard-hero__title { font-size:1.625rem; }
.panel-leads-hero .panel-dashboard-hero__lead { margin-top:.45rem; max-width:40rem; font-size:.875rem; color:rgba(255,255,255,.74); }
.panel-leads-hero__stat {
    min-width:7rem; padding:.85rem 1rem; border-radius:1rem; text-align:center;
    background:rgba(249,115,22,.18); border:1px solid rgba(251,146,60,.35);
}
.panel-leads-hero__stat strong { display:block; font-size:1.75rem; font-weight:800; color:#fdba74; line-height:1; }
.panel-leads-hero__stat span { display:block; margin-top:.25rem; font-size:.6875rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:rgba(255,255,255,.72); }
.panel-leads-upsell {
    display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem;
    padding:1rem 1.125rem; border-radius:1rem; background:linear-gradient(180deg,#fff7ed 0%,#fff 100%);
    border:1px solid #fed7aa;
}
.panel-leads-upsell strong { display:block; font-size:.9375rem; font-weight:800; color:#9a3412; }
.panel-leads-upsell p { margin:.25rem 0 0; font-size:.8125rem; color:#7c2d12; max-width:36rem; line-height:1.45; }
.panel-leads-upsell--danger { background:linear-gradient(180deg,#fef2f2 0%,#fff 100%); border-color:#fecaca; }
.panel-leads-upsell--danger strong { color:#991b1b; }
.panel-leads-upsell--danger p { color:#7f1d1d; }
.panel-leads-upsell--soft { background:#f8fafc; border-color:#e2e8f0; }
.panel-leads-upsell--soft strong { color:#0f172a; }
.panel-leads-upsell--soft p { color:#64748b; }
.panel-leads-kpis { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
@media (min-width:768px){ .panel-leads-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.panel-leads-filters { display:flex; flex-wrap:wrap; gap:.5rem; }
.panel-leads-filter {
    display:inline-flex; align-items:center; gap:.45rem; padding:.5rem .85rem; border-radius:9999px;
    background:#fff; border:1px solid #e2e8f0; text-decoration:none; font-size:.8125rem; font-weight:700; color:#475569;
    transition:.2s;
}
.panel-leads-filter span {
    min-width:1.35rem; padding:.1rem .35rem; border-radius:9999px; background:#f1f5f9;
    font-size:.6875rem; text-align:center;
}
.panel-leads-filter.is-active { background:#1e3a5f; border-color:#1e3a5f; color:#fff; }
.panel-leads-filter.is-active span { background:rgba(255,255,255,.16); color:#fff; }
.panel-leads-filter:hover { border-color:#fdba74; color:#ea580c; }
.panel-leads-list {
    display:grid; grid-template-columns:1fr; gap:.875rem; align-items:stretch;
}
@media (min-width:768px){ .panel-leads-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1200px){ .panel-leads-list { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.panel-lead-card {
    display:flex; flex-direction:column; height:100%;
    background:#fff; border:1px solid #e2e8f0; border-radius:.875rem; padding:.875rem .9rem;
    box-shadow:0 1px 3px rgba(15,23,42,.04); transition:border-color .2s, box-shadow .2s;
}
.panel-lead-card.is-unread { border-color:#fdba74; box-shadow:0 6px 18px rgba(249,115,22,.08); }
.panel-lead-card__head { display:flex; flex-direction:column; align-items:flex-start; gap:.45rem; }
.panel-lead-card__identity { display:flex; align-items:flex-start; gap:.5rem; min-width:0; }
.panel-lead-card__dot { width:.5rem; height:.5rem; border-radius:9999px; background:#f97316; margin-top:.35rem; flex-shrink:0; }
.panel-lead-card__identity h2 { margin:0; font-size:.9375rem; font-weight:800; color:#0f172a; line-height:1.3; }
.panel-lead-card__identity p { margin:.15rem 0 0; font-size:.6875rem; color:#64748b; line-height:1.4; }
.panel-lead-card__phone { margin:.1rem 0 0 !important; font-size:.75rem !important; font-weight:700 !important; color:#1d4ed8 !important; }
.panel-lead-status {
    display:inline-flex; align-items:center; padding:.2rem .55rem; border-radius:9999px;
    font-size:.625rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase;
}
.panel-lead-status--pending { background:#fff7ed; color:#c2410c; }
.panel-lead-status--success { background:#dcfce7; color:#166534; }
.panel-lead-status--muted { background:#f1f5f9; color:#64748b; }
.panel-lead-card__tags { display:flex; flex-wrap:wrap; gap:.3rem; margin-top:.55rem; }
.panel-lead-card__tags span {
    padding:.15rem .45rem; border-radius:.35rem; background:#f8fafc; border:1px solid #e2e8f0;
    font-size:.625rem; font-weight:700; color:#475569;
}
.panel-lead-card__desc {
    margin:.55rem 0 0; font-size:.8125rem; color:#334155; line-height:1.45;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.panel-lead-card__photos { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.55rem; }
.panel-lead-card__photo {
    display:block; width:3rem; height:3rem; border-radius:.5rem; overflow:hidden;
    border:1px solid #e2e8f0; transition:border-color .2s;
}
.panel-lead-card__photo:hover { border-color:#f97316; }
.panel-lead-card__photo img { width:100%; height:100%; object-fit:cover; }
.panel-lead-card__contact {
    margin-top:auto; padding-top:.75rem; border-top:1px solid #f1f5f9;
}
.panel-lead-card__contact-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.35rem; }
.panel-lead-contact {
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.15rem;
    padding:.45rem .25rem; border-radius:.55rem; text-decoration:none;
    font-size:.625rem; font-weight:700; text-align:center; transition:.2s; min-height:2.75rem;
}
.panel-lead-contact svg { width:.9rem; height:.9rem; flex-shrink:0; }
.panel-lead-contact--phone { background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; }
.panel-lead-contact--phone:hover { background:#dbeafe; color:#1e40af; }
.panel-lead-contact--whatsapp { background:#ecfdf5; color:#047857; border:1px solid #a7f3d0; }
.panel-lead-contact--whatsapp:hover { background:#d1fae5; color:#065f46; }
.panel-lead-contact--email { background:#fff7ed; color:#c2410c; border:1px solid #fed7aa; }
.panel-lead-contact--email:hover { background:#ffedd5; color:#9a3412; }
.panel-lead-card__footer {
    margin-top:.65rem; padding-top:.65rem; border-top:1px dashed #e2e8f0;
}
.panel-lead-card__status-actions { display:grid; grid-template-columns:1fr 1fr; gap:.35rem; }
.panel-lead-card__status-actions form { margin:0; }
.panel-lead-card__status-reset { grid-column:1 / -1; }
.panel-lead-status-btn {
    width:100%; border:none; cursor:pointer; border-radius:.5rem; padding:.42rem .5rem;
    font-size:.6875rem; font-weight:700; transition:.2s;
}
.panel-lead-status-btn--success { background:#16a34a; color:#fff; }
.panel-lead-status-btn--success:hover:not(:disabled) { background:#15803d; }
.panel-lead-status-btn--muted { background:#e2e8f0; color:#475569; }
.panel-lead-status-btn--muted:hover:not(:disabled) { background:#cbd5e1; }
.panel-lead-status-btn--ghost { background:#fff; color:#64748b; border:1px solid #e2e8f0; }
.panel-lead-status-btn--ghost:hover { border-color:#cbd5e1; color:#334155; }
.panel-lead-status-btn:disabled { opacity:.55; cursor:not-allowed; }
.panel-lead-card__updated { margin:.55rem 0 0; font-size:.6875rem; color:#94a3b8; }
.panel-leads-empty {
    text-align:center; padding:3rem 1.5rem; background:#fff; border:1px dashed #cbd5e1; border-radius:1rem;
}
.panel-leads-empty__icon { width:3rem; height:3rem; margin:0 auto .75rem; color:#94a3b8; }
.panel-leads-empty__icon svg { width:100%; height:100%; }
.panel-leads-empty h2 { margin:0; font-size:1.125rem; font-weight:800; color:#0f172a; }
.panel-leads-empty p { margin:.5rem auto 0; max-width:30rem; font-size:.875rem; color:#64748b; line-height:1.55; }
.panel-leads-empty__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem; margin-top:1rem; }
.panel-leads-pagination {
    display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.5rem;
    padding:1rem; background:#fff; border:1px solid #e2e8f0; border-radius:.875rem;
}
.panel-leads-pagination a, .panel-leads-pagination span {
    padding:.4rem .65rem; border-radius:.5rem; font-size:.8125rem; font-weight:600; text-decoration:none; color:#475569;
}
.panel-leads-pagination a:hover { background:#fff7ed; color:#ea580c; }
.panel-leads-pagination span { color:#94a3b8; }

/* Site reklam slotları */
.ad-slot { position:relative; margin:1rem 0; border-radius:.875rem; overflow:hidden; background:#fff; border:1px solid #e2e8f0; box-shadow:0 4px 14px rgba(15,23,42,.05); }
.ad-slot--banner { max-width:100%; }
.ad-slot--sidebar { margin:0; }
.ad-slot-badge { position:absolute; top:.5rem; right:.5rem; z-index:2; font-size:.625rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:.15rem .45rem; border-radius:.25rem; background:rgba(15,23,42,.72); color:#fff; }
.ad-slot-link { display:block; line-height:0; }
.ad-slot--banner .ad-slot-image { width:100%; height:auto; display:block; max-height:none; aspect-ratio:1200/220; object-fit:cover; }
.ad-slot--sidebar .ad-slot-image { max-height:none; aspect-ratio:1/1; object-fit:cover; }
.ad-slot--category_sponsor.ad-slot--sidebar,
.ad-slot--blog_sponsor.ad-slot--sidebar,
.ad-slot--firmalar_sidebar_1.ad-slot--sidebar,
.ad-slot--firmalar_sidebar_2.ad-slot--sidebar,
.ad-slot--sehirler_sidebar_1.ad-slot--sidebar,
.ad-slot--sehirler_sidebar_2.ad-slot--sidebar { max-width:300px; width:100%; margin-left:auto; margin-right:auto; }
.ad-slot-placeholder { display:block; text-decoration:none; color:inherit; transition:transform .2s ease, box-shadow .2s ease; }
.ad-slot-placeholder:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(15,23,42,.1); }
.ad-slot-placeholder--banner { width:100%; }
.ad-slot-placeholder--banner .ad-slot-placeholder__inner { aspect-ratio:1200/220; }
.ad-slot-placeholder--sidebar { width:100%; max-width:300px; margin:0 auto; }
.ad-slot-placeholder--sidebar .ad-slot-placeholder__inner { aspect-ratio:1/1; }
.ad-slot-placeholder__inner {
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.45rem;
    height:100%; min-height:120px; padding:1.25rem 1rem; text-align:center;
    background:linear-gradient(145deg,#fff7ed 0%,#ffedd5 45%,#fed7aa 100%);
    border:2px dashed #fb923c;
}
.ad-slot-badge--placeholder { background:rgba(194,65,12,.82); }
.ad-slot-placeholder__icon {
    display:inline-flex; align-items:center; justify-content:center;
    width:2.5rem; height:2.5rem; border-radius:9999px; background:#1e3a5f; color:#fbbf24;
}
.ad-slot-placeholder__icon svg { width:1.25rem; height:1.25rem; }
.ad-slot-placeholder__title { font-size:1rem; font-weight:800; color:#9a3412; line-height:1.25; }
.ad-slot-placeholder__text { margin:0; font-size:.8125rem; line-height:1.5; color:#c2410c; max-width:16rem; }
.ad-slot-placeholder__size { font-size:.6875rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#9a3412; opacity:.85; }
.ad-slot-placeholder__cta {
    display:inline-flex; align-items:center; margin-top:.25rem; padding:.45rem .85rem; border-radius:.55rem;
    background:#1e3a5f; color:#fff; font-size:.75rem; font-weight:800;
}
.ad-slot-placeholder:hover .ad-slot-placeholder__cta { background:#f97316; }
.listing-page-layout {
    display:grid; grid-template-columns:1fr; gap:1.5rem; align-items:start;
}
@media (min-width:1024px){
    .listing-page-layout { grid-template-columns:minmax(0,1fr) 300px; gap:2rem; }
}
.listing-page-sidebar {
    display:flex; flex-direction:column; gap:1rem;
}
@media (min-width:1024px){
    .listing-page-sidebar { position:sticky; top:6rem; }
}
@media (max-width:1023px){
    .listing-page-sidebar {
        display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
        gap:1rem; max-width:820px; margin:0 auto 1rem;
    }
}
.listing-page-sidebar-slot .ad-slot,
.listing-page-sidebar-slot .ad-slot-placeholder { margin:0; }
.ad-slot-fallback { min-height:120px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.35rem; padding:1.5rem; background:linear-gradient(135deg,#fff7ed,#ffedd5); text-align:center; }
.ad-slot--sidebar .ad-slot-fallback { min-height:300px; aspect-ratio:1/1; }
.ad-slot-fallback strong { font-size:1rem; color:#9a3412; }
.ad-slot-fallback span { font-size:.8125rem; color:#c2410c; }
.ad-home-banner-wrap { padding:1.25rem 1rem 0; }
/* Landing ince ayar */
.ad-page { background:#f8fafc; }
.ad-hero { position:relative; overflow:hidden; background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 55%,#1a2744 100%); color:#fff; padding:4.5rem 0 4rem; }
.ad-hero-deco { position:absolute; inset:0; background:radial-gradient(circle at 20% 20%,rgba(249,115,22,.18),transparent 45%), radial-gradient(circle at 80% 10%,rgba(59,130,246,.12),transparent 40%); pointer-events:none; }
.ad-hero-title span { color:#fdba74; }
.ad-section-kicker { display:inline-block; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#f97316; margin-bottom:.5rem; }
.ad-stats-bar { background:#fff; border-bottom:1px solid #e2e8f0; padding:1.25rem 0; margin-top:-1.5rem; position:relative; z-index:2; }
.ad-stats-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; background:#fff; border:1px solid #e2e8f0; border-radius:1rem; padding:1rem 1.25rem; box-shadow:0 10px 30px rgba(15,23,42,.06); }
@media (min-width:768px){ .ad-stats-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.ad-stat { text-align:center; }
.ad-stat strong { display:block; font-size:1.5rem; font-weight:800; color:#0f172a; line-height:1.2; }
.ad-stat span { display:block; margin-top:.25rem; font-size:.75rem; color:#64748b; }
.ad-zone-card { background:#fff; border:1px solid #e2e8f0; border-radius:1rem; padding:1.25rem; box-shadow:0 4px 16px rgba(15,23,42,.04); transition:transform .2s, box-shadow .2s; }
.ad-zone-card:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(15,23,42,.08); }
.ad-zone-card-head { display:flex; align-items:flex-start; gap:.75rem; margin-bottom:.75rem; }
.ad-zone-card-head h3 { margin:0; font-size:1.0625rem; font-weight:700; color:#0f172a; }
.ad-zone-card > p { margin:0; font-size:.875rem; color:#64748b; line-height:1.55; }
.ad-zone-wireframe { margin-top:1rem; padding:.75rem; background:#f8fafc; border-radius:.75rem; border:1px solid #eef2f7; }
.ad-wireframe-browser { background:#fff; border:1px solid #e2e8f0; border-radius:.5rem; overflow:hidden; min-height:8.5rem; }
.ad-wireframe-bar { height:.55rem; background:#e2e8f0; }
.ad-wireframe-hero { height:2rem; background:linear-gradient(90deg,#cbd5e1,#94a3b8); margin:.35rem; border-radius:.25rem; }
.ad-wireframe-map { height:2.2rem; margin:.35rem; border-radius:.25rem; background:repeating-linear-gradient(45deg,#e2e8f0,#e2e8f0 4px,#f8fafc 4px,#f8fafc 8px); }
.ad-wireframe-blocks, .ad-wireframe-grid { height:1.5rem; margin:.35rem; border-radius:.25rem; background:linear-gradient(90deg,#f1f5f9 25%,transparent 25%,transparent 50%,#f1f5f9 50%,#f1f5f9 75%,transparent 75%); background-size:12px 12px; }
.ad-wireframe-split { display:grid; grid-template-columns:1.4fr .6fr; gap:.35rem; padding:.35rem; min-height:5.5rem; }
.ad-wireframe-split--left-sidebar { grid-template-columns:.55fr 1.45fr; }
.ad-wireframe-side-stack { display:flex; flex-direction:column; gap:.35rem; }
.ad-wireframe-main, .ad-wireframe-article { background:#f1f5f9; border-radius:.25rem; min-height:4.5rem; }
.ad-wireframe-ad { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.12rem; border-radius:.25rem; background:linear-gradient(135deg,#ffedd5,#fed7aa); border:1px dashed #fb923c; padding:.25rem .35rem; text-align:center; }
.ad-wireframe-ad__label { font-size:.5625rem; font-weight:800; letter-spacing:.06em; color:#c2410c; line-height:1.2; }
.ad-wireframe-ad__size { font-size:.5rem; font-weight:700; letter-spacing:.03em; color:#9a3412; line-height:1.2; }
.ad-wireframe-ad span { font-size:.5625rem; font-weight:800; letter-spacing:.06em; color:#c2410c; }
.ad-wireframe-ad--wide { min-height:1.35rem; margin:.35rem; }
.ad-wireframe-hero--compact { height:1.35rem; }
.ad-wireframe-fair-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.25rem; margin:.35rem; }
.ad-wireframe-fair-cards span { min-height:1rem; border-radius:.2rem; background:linear-gradient(135deg,#cbd5e1,#94a3b8); }
.ad-wireframe-ad--side { min-height:4.5rem; aspect-ratio:1/1; }
.ad-package-prices-title { font-size:.6875rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#94a3b8; margin-bottom:.35rem; }
.ad-cta-section { background:linear-gradient(135deg,#1e3a5f,#0f172a); color:#fff; padding:3.5rem 0; }
.ad-cta-section h2 { margin:0; font-size:clamp(1.5rem,3vw,2rem); font-weight:800; }
.ad-cta-section p { margin:1rem auto 0; max-width:36rem; color:rgba(255,255,255,.78); line-height:1.65; }
.ad-cta-section .ad-hero-actions { margin-top:1.5rem; }
@media (max-width:899px){ .ad-package-card.is-featured { transform:none; } }

/* Reklam carousel */
.ad-slot--carousel { padding:0; }
.ad-carousel { position:relative; overflow:hidden; }
.ad-carousel-track { display:flex; transition:transform .45s ease; }
.ad-carousel-slide { flex:0 0 100%; min-width:100%; }
.ad-carousel-btn { position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:2rem; height:2rem; border:none; border-radius:9999px; background:rgba(15,23,42,.55); color:#fff; font-size:1.25rem; line-height:1; cursor:pointer; }
.ad-carousel-btn--prev { left:.5rem; }
.ad-carousel-btn--next { right:.5rem; }
.ad-carousel-dots { display:flex; justify-content:center; gap:.35rem; padding:.5rem .75rem .65rem; background:#fff; }
.ad-carousel-dot { width:.5rem; height:.5rem; border:none; border-radius:9999px; background:#cbd5e1; cursor:pointer; padding:0; }
.ad-carousel-dot.is-active { background:#f97316; width:1.1rem; }
.ad-zone-capacity { flex-shrink:0; font-size:.6875rem; font-weight:700; padding:.2rem .55rem; border-radius:9999px; background:#dcfce7; color:#166534; }
.ad-zone-capacity.is-full { background:#fee2e2; color:#991b1b; }
.ad-zone-capacity-note { margin:.5rem 0 0; font-size:.75rem; color:#64748b; }
.admin-ad-capacity-badge { font-size:.6875rem; font-weight:700; padding:.2rem .55rem; border-radius:9999px; }
.admin-ad-capacity-badge.is-open { background:#dcfce7; color:#166534; }
.admin-ad-capacity-badge.is-full { background:#fee2e2; color:#991b1b; }
.admin-ad-placement-form .admin-pkg-input { width:100%; }

/* Paketler sayfası hero */
.packages-page {
    background: #fff;
}
.packages-hero {
    background: #1e3a5f;
    color: #fff;
    overflow: hidden;
}
.packages-hero__inner {
    padding: 3rem 0 3.5rem;
}
@media (min-width: 1024px) {
    .packages-hero__inner {
        padding: 4.5rem 0 4rem;
    }
}
.packages-hero__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: center;
}
@media (min-width: 1024px) {
    .packages-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
        gap: 2rem;
        align-items: stretch;
    }
}
.packages-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 9999px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.06);
}
.packages-hero__badge-icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}
.packages-hero__title {
    margin: 1.25rem 0 0;
    font-size: clamp(2rem, 4.5vw, 2.75rem);
    font-weight: 800;
    line-height: 1.15;
    color: #fff;
}
.packages-hero__title-accent {
    display: block;
    margin-top: 0.15rem;
    color: #fbbf24;
}
.packages-hero__lead {
    margin: 1.25rem 0 0;
    max-width: 34rem;
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.88);
}
.packages-hero__features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    margin: 1.75rem 0 0;
    padding: 0;
    list-style: none;
}
.packages-hero__features li {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
    min-width: 0;
    padding: 0.5rem 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 0.65rem;
    font-size: clamp(0.625rem, 1.05vw, 0.75rem);
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.04);
}
@media (min-width: 1280px) {
    .packages-hero__features li {
        padding: 0.55rem 0.75rem;
        font-size: 0.8125rem;
        gap: 0.45rem;
    }
}
.packages-hero__features svg {
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
    color: #fbbf24;
}
@media (min-width: 1280px) {
    .packages-hero__features svg {
        width: 1rem;
        height: 1rem;
    }
}
.packages-hero__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    margin-top: 1.75rem;
    padding: 0.95rem 1.35rem;
    border-radius: 0.85rem;
    background: #fbbf24;
    color: #0f172a;
    font-size: 0.9375rem;
    font-weight: 800;
    text-align: center;
    transition: background 0.2s ease, transform 0.2s ease;
}
.packages-hero__cta:hover {
    background: #f59e0b;
    color: #0f172a;
}
.packages-hero__cta span {
    font-size: 1.125rem;
    line-height: 1;
}
.packages-hero__visual {
    position: relative;
}
.packages-hero__image-wrap {
    position: relative;
    min-height: 280px;
    border-radius: 1.75rem 0 0 1.75rem;
    overflow: hidden;
    background: #0f172a;
}
@media (min-width: 1024px) {
    .packages-hero__image-wrap {
        min-height: 100%;
        height: 100%;
        margin-right: calc(-1 * max(0px, (100vw - 80rem) / 2 + 1.5rem));
    }
}
@media (max-width: 1023px) {
    .packages-hero__image-wrap {
        border-radius: 1.25rem;
    }
}
.packages-hero__image {
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
    display: block;
}
@media (min-width: 1024px) {
    .packages-hero__image {
        min-height: 420px;
    }
}
.packages-hero__card {
    position: absolute;
    left: 1rem;
    bottom: 1.25rem;
    z-index: 2;
    max-width: min(18rem, calc(100% - 2rem));
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
}
.packages-hero__card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.55rem;
    background: #eff6ff;
    color: #1e3a5f;
}
.packages-hero__card-icon svg {
    width: 1.15rem;
    height: 1.15rem;
}
.packages-hero__card-text {
    margin: 0.65rem 0 0;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: #475569;
}
.packages-hero__card-text strong {
    display: block;
    margin-top: 0.15rem;
    color: #0f172a;
    font-weight: 800;
}
.packages-intro {
    padding: 3rem 0 2.5rem;
    background: #fff;
}
@media (min-width: 1024px) {
    .packages-intro {
        padding: 3.5rem 0 2.75rem;
    }
}
.packages-intro__title {
    margin: 0;
    font-size: clamp(1.625rem, 3.5vw, 2.25rem);
    font-weight: 800;
    line-height: 1.25;
    color: #1e3a5f;
}
.packages-intro__lead {
    margin: 1rem 0 0;
    font-size: 1rem;
    line-height: 1.7;
    color: #64748b;
}
.packages-list {
    padding-top: 0.5rem;
    padding-bottom: 0;
}
.packages-advantages {
    margin-top: 120px;
    padding-bottom: 40px;
}
main:has(.packages-page) + footer {
    margin-top: 0;
}
.packages-advantages__title {
    margin: 0;
    text-align: center;
    font-size: clamp(1.5rem, 3.5vw, 2rem);
    font-weight: 800;
    line-height: 1.25;
    color: #1e3a5f;
}
.packages-advantages__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 2rem;
    border-radius: 1.25rem;
    background: #f1f5f9;
    overflow: hidden;
}
@media (min-width: 768px) {
    .packages-advantages__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.packages-advantages__item {
    padding: 2rem 1.75rem;
    text-align: center;
}
@media (min-width: 768px) {
    .packages-advantages__item:not(:last-child) {
        border-right: 1px solid #e2e8f0;
    }
}
@media (max-width: 767px) {
    .packages-advantages__item:not(:last-child) {
        border-bottom: 1px solid #e2e8f0;
    }
}
.packages-advantages__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 9999px;
    background: #1e3a5f;
    color: #fbbf24;
}
.packages-advantages__icon svg {
    width: 1.5rem;
    height: 1.5rem;
}
.packages-advantages__item-title {
    margin: 1.1rem 0 0;
    font-size: 1.0625rem;
    font-weight: 800;
    line-height: 1.35;
    color: #1e3a5f;
}
.packages-advantages__item-kicker {
    margin: 0.35rem 0 0;
    font-size: 0.9375rem;
    font-weight: 800;
    color: #1e3a5f;
}
.packages-advantages__item-text {
    margin: 0.85rem 0 0;
    font-size: 0.875rem;
    line-height: 1.65;
    color: #475569;
}
.packages-advantages__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    margin-top: 1.75rem;
    padding: 1.35rem 1.5rem;
    border-radius: 1rem;
    background: #1e3a5f;
    color: #fff;
    text-align: center;
}
@media (min-width: 900px) {
    .packages-advantages__cta {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 1.5rem;
        padding: 1.35rem 1.75rem;
        text-align: left;
    }
}
.packages-advantages__cta-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    color: #fbbf24;
}
.packages-advantages__cta-icon svg {
    width: 2.25rem;
    height: 2.25rem;
}
.packages-advantages__cta-text {
    flex: 1;
    min-width: 0;
}
.packages-advantages__cta-text p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.92);
}
.packages-advantages__cta-accent {
    margin-top: 0.25rem !important;
    font-weight: 800;
    color: #fbbf24 !important;
}
.packages-advantages__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    flex-shrink: 0;
    padding: 0.75rem 1.25rem;
    border-radius: 0.65rem;
    background: #fbbf24;
    color: #1e3a5f;
    font-size: 0.9375rem;
    font-weight: 800;
    white-space: nowrap;
    transition: background 0.2s ease;
}
.packages-advantages__cta-btn:hover {
    background: #f59e0b;
    color: #1e3a5f;
}
.packages-advantages__cta-btn span {
    font-size: 1.05rem;
    line-height: 1;
}

/* Firmalar için tanıtım bloğu (paketler sayfası) */
.packages-firms-promo {
    margin-bottom: 80px;
}
.packages-firms-promo__card {
    border: 1px solid #e2e8f0;
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);
    padding: 1.75rem 1.5rem 1.5rem;
    overflow: hidden;
}
@media (min-width: 1024px) {
    .packages-firms-promo__card {
        padding: 2rem 2rem 1.75rem;
    }
}
.packages-firms-promo__accent {
    color: #f59e0b;
}
.packages-firms-promo__hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    align-items: stretch;
}
@media (min-width: 900px) {
    .packages-firms-promo__hero {
        grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
        gap: 1.25rem 1.75rem;
    }
}
.packages-firms-promo__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.85rem;
    border: 1px solid #f59e0b;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: #1e3a5f;
    background: #fff;
}
.packages-firms-promo__badge svg {
    width: 0.95rem;
    height: 0.95rem;
    color: #f59e0b;
    flex-shrink: 0;
}
.packages-firms-promo__title {
    margin: 1rem 0 0;
    font-size: clamp(1.5rem, 3.2vw, 2.125rem);
    font-weight: 800;
    line-height: 1.2;
    color: #1e3a5f;
}
.packages-firms-promo__lead {
    margin: 0.85rem 0 0;
    max-width: 36rem;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: #64748b;
}
.packages-firms-promo__highlight {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin-top: 1.15rem;
    padding: 1rem 1.1rem;
    border-radius: 0.85rem;
    background: #1e3a5f;
    color: #fff;
}
.packages-firms-promo__highlight-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 9999px;
    background: #f59e0b;
    color: #1e3a5f;
}
.packages-firms-promo__highlight-icon svg {
    width: 1.35rem;
    height: 1.35rem;
}
.packages-firms-promo__highlight-title {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 800;
    line-height: 1.45;
    color: #fff;
}
@media (min-width: 768px) {
    .packages-firms-promo__highlight-title {
        font-size: 0.875rem;
    }
}
.packages-firms-promo__highlight-sub {
    margin: 0.45rem 0 0;
    font-size: 0.75rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.82);
}
.packages-firms-promo__hero-visual {
    position: relative;
    min-height: 220px;
    border-radius: 1rem;
    overflow: hidden;
    background: #e2e8f0;
}
@media (min-width: 900px) {
    .packages-firms-promo__hero-visual {
        min-height: 100%;
    }
}
.packages-firms-promo__visual-img {
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    object-position: center;
    display: block;
}
@media (min-width: 900px) {
    .packages-firms-promo__visual-img {
        min-height: 100%;
    }
}
.packages-firms-promo__visual-card {
    position: absolute;
    right: 0.85rem;
    bottom: 0.85rem;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    max-width: min(11.5rem, calc(100% - 1.7rem));
    padding: 0.75rem 0.85rem;
    border-radius: 0.75rem;
    background: rgba(15, 35, 60, 0.92);
    color: #fff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.28);
}
.packages-firms-promo__visual-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.65rem;
    height: 1.65rem;
    color: #fbbf24;
}
.packages-firms-promo__visual-card-icon svg {
    width: 1.35rem;
    height: 1.35rem;
}
.packages-firms-promo__visual-card p {
    margin: 0;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.45;
}
@media (min-width: 768px) {
    .packages-firms-promo__visual-card p {
        font-size: 0.75rem;
    }
}
.packages-firms-promo__features {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: 1.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid #f1f5f9;
}
@media (min-width: 640px) {
    .packages-firms-promo__features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 1024px) {
    .packages-firms-promo__features {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 1rem;
    }
}
.packages-firms-promo__feature {
    text-align: center;
}
.packages-firms-promo__feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 9999px;
    background: #1e3a5f;
    color: #fbbf24;
}
.packages-firms-promo__feature-icon svg {
    width: 1.35rem;
    height: 1.35rem;
}
.packages-firms-promo__feature-icon--text {
    font-size: 0.95rem;
    font-weight: 900;
    letter-spacing: -0.02em;
}
.packages-firms-promo__feature h3 {
    margin: 0.85rem 0 0;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1.35;
    color: #1e3a5f;
}
.packages-firms-promo__feature p {
    margin: 0.45rem 0 0;
    font-size: 0.75rem;
    line-height: 1.55;
    color: #64748b;
}
.packages-firms-promo__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
    padding: 1.1rem 1.25rem;
    border-radius: 0.85rem;
    background: #1e3a5f;
    color: #fff;
    text-align: center;
}
@media (min-width: 900px) {
    .packages-firms-promo__cta {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 1.25rem;
        padding: 1rem 1.35rem;
        text-align: left;
    }
}
.packages-firms-promo__cta-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    color: #fbbf24;
}
.packages-firms-promo__cta-icon svg {
    width: 2rem;
    height: 2rem;
}
.packages-firms-promo__cta-text {
    flex: 1;
    min-width: 0;
}
.packages-firms-promo__cta-text p {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.45;
    color: #fff;
}
.packages-firms-promo__cta-sub {
    margin-top: 0.2rem !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.88) !important;
}
.packages-firms-promo__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    flex-shrink: 0;
    padding: 0.7rem 1.15rem;
    border-radius: 0.65rem;
    background: #f59e0b;
    color: #1e3a5f;
    font-size: 0.875rem;
    font-weight: 800;
    white-space: nowrap;
    transition: background 0.2s ease;
}
.packages-firms-promo__cta-btn:hover {
    background: #fbbf24;
    color: #1e3a5f;
}
.packages-firms-promo__cta-btn span {
    font-size: 1rem;
    line-height: 1;
}

/* Yukarı çık */
.scroll-to-top {
    position: fixed;
    right: 1rem;
    bottom: 1.25rem;
    z-index: 45;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 9999px;
    background: #f97316;
    color: #fff;
    box-shadow: 0 8px 24px rgba(249, 115, 22, 0.35);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.75rem);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease, background 0.2s ease;
}
.scroll-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.scroll-to-top:hover {
    background: #ea580c;
}
.scroll-to-top:focus-visible {
    outline: 2px solid #fdba74;
    outline-offset: 2px;
}
.scroll-to-top-icon {
    width: 1.25rem;
    height: 1.25rem;
}
@media (max-width: 1023px) {
    .scroll-to-top {
        bottom: 5.5rem;
        right: 0.875rem;
    }
}

/* Admin firma işlemleri & modal */
.admin-company-actions {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}
.admin-company-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.admin-company-action svg {
    width: 1rem;
    height: 1rem;
}
.admin-company-action--edit:hover {
    color: #f97316;
    border-color: #fdba74;
    background: #fff7ed;
}
.admin-company-action--user:hover {
    color: #1d4ed8;
    border-color: #93c5fd;
    background: #eff6ff;
}
.admin-company-action--user-edit:hover {
    color: #7c3aed;
    border-color: #c4b5fd;
    background: #f5f3ff;
}
.admin-company-action--approve:hover {
    color: #15803d;
    border-color: #86efac;
    background: #f0fdf4;
}
.admin-company-action--delete:hover {
    color: #dc2626;
    border-color: #fca5a5;
    background: #fef2f2;
}
.admin-company-actions form {
    display: inline-flex;
    margin: 0;
}
.admin-password-field {
    position: relative;
}
.admin-password-field .admin-pkg-input {
    padding-right: 2.5rem;
}
.admin-password-toggle {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    opacity: 0.65;
}
.admin-password-toggle:hover {
    opacity: 1;
}
.admin-password-note {
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #64748b;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    padding: 0.75rem;
}

.admin-company-action--disabled {
    opacity: 0.45;
    cursor: not-allowed;
}
body.admin-modal-open {
    overflow: hidden;
}
.admin-modal[hidden] {
    display: none !important;
}
.admin-modal {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.admin-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
}
.admin-modal-dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 32rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18);
    overflow: hidden;
}
.admin-modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 0;
}
.admin-modal-title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
}
.admin-modal-subtitle {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: #64748b;
}
.admin-modal-close {
    border: none;
    background: transparent;
    font-size: 1.5rem;
    line-height: 1;
    color: #94a3b8;
    cursor: pointer;
}
.admin-modal-body {
    padding: 1.25rem;
}
.admin-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 0.5rem;
}

/* Admin — firma filtre akordiyonu */
.admin-filters-accordion {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
}
.admin-filters-accordion-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.875rem 1rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
}
.admin-filters-accordion-summary::-webkit-details-marker {
    display: none;
}
.admin-filters-accordion-summary:hover {
    background: #f8fafc;
}
.admin-filters-accordion-title {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
}
.admin-filters-accordion-icon {
    width: 1rem;
    height: 1rem;
    color: #f97316;
    flex-shrink: 0;
}
.admin-filters-accordion-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    background: #ffedd5;
    color: #c2410c;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.admin-filters-accordion-meta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.admin-filters-accordion-chevron {
    width: 1rem;
    height: 1rem;
    color: #94a3b8;
    transition: transform 0.2s ease;
}
.admin-filters-accordion[open] .admin-filters-accordion-chevron {
    transform: rotate(180deg);
}
.admin-filters-accordion-body {
    padding: 0 1rem 1rem;
    border-top: 1px solid #f1f5f9;
}
.admin-companies-pagination {
    margin-top: 1rem;
}

/* Admin — Lead Yönetimi */
.admin-leads-page { display:grid; gap:1.25rem; max-width:80rem; }
.admin-leads-hero {
    display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:1rem;
    padding:1.5rem 1.75rem; border-radius:1rem;
    background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%); color:#fff;
}
.admin-leads-hero__eyebrow {
    display:inline-block; font-size:.6875rem; font-weight:700; letter-spacing:.08em;
    text-transform:uppercase; color:#fdba74; margin-bottom:.35rem;
}
.admin-leads-hero__title { margin:0; font-size:1.75rem; font-weight:800; line-height:1.2; }
.admin-leads-hero__lead { margin:.5rem 0 0; max-width:38rem; font-size:.9375rem; color:rgba(255,255,255,.75); line-height:1.55; }
.admin-leads-hero__highlight {
    min-width:7rem; padding:.85rem 1rem; border-radius:.85rem;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); text-align:center;
}
.admin-leads-hero__highlight strong { display:block; font-size:1.75rem; font-weight:800; color:#fdba74; line-height:1.1; }
.admin-leads-hero__highlight span { display:block; margin-top:.2rem; font-size:.6875rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:rgba(255,255,255,.65); }
.admin-leads-kpis {
    display:grid; gap:.75rem; grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (min-width:768px){ .admin-leads-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1024px){ .admin-leads-kpis { grid-template-columns:repeat(5,minmax(0,1fr)); } }
.admin-leads-kpi {
    padding:1rem 1.1rem; background:#fff; border:1px solid #e2e8f0; border-radius:.85rem;
}
.admin-leads-kpi span { display:block; font-size:.6875rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#64748b; }
.admin-leads-kpi strong { display:block; margin-top:.35rem; font-size:1.375rem; font-weight:800; color:#0f172a; line-height:1.1; }
.admin-leads-kpi small { display:block; margin-top:.15rem; font-size:.6875rem; color:#94a3b8; }
.admin-leads-card {
    padding:1.25rem; background:#fff; border:1px solid #e2e8f0; border-radius:.85rem;
}
.admin-leads-section-head { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:.75rem; margin-bottom:1rem; }
.admin-leads-section-head h2 { margin:0; font-size:1.0625rem; font-weight:800; color:#0f172a; }
.admin-leads-section-head p { margin:.25rem 0 0; font-size:.8125rem; color:#64748b; width:100%; max-width:36rem; }
.admin-leads-charts__grid {
    display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (min-width:1024px){ .admin-leads-charts__grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.admin-leads-charts .panel-donut {
    padding:1rem; background:#f8fafc; border:1px solid #f1f5f9; border-radius:.75rem; text-align:center;
}
.admin-leads-charts .panel-donut__chart { margin:0 auto; }
.admin-leads-columns {
    display:grid; gap:1.25rem;
}
@media (min-width:1024px){ .admin-leads-columns { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.admin-leads-empty { margin:0; font-size:.875rem; color:#64748b; }
.admin-leads-breakdown { list-style:none; margin:0; padding:0; display:grid; gap:.85rem; }
.admin-leads-breakdown__head { display:flex; align-items:center; justify-content:space-between; gap:.75rem; font-size:.8125rem; color:#334155; }
.admin-leads-breakdown__head strong { font-size:.75rem; color:#64748b; font-weight:700; white-space:nowrap; }
.admin-leads-breakdown__bar { margin-top:.35rem; height:.45rem; background:#f1f5f9; border-radius:9999px; overflow:hidden; }
.admin-leads-breakdown__fill { display:block; height:100%; border-radius:9999px; background:#1e3a5f; }
.admin-leads-breakdown__fill--active { background:#16a34a; }
.admin-leads-breakdown__fill--pending { background:#f97316; }
.admin-leads-breakdown__fill--danger { background:#dc2626; }
.admin-leads-breakdown__fill--muted { background:#94a3b8; }
.admin-leads-trend { list-style:none; margin:0; padding:0; display:grid; gap:.45rem; }
.admin-leads-trend__row { display:grid; grid-template-columns:2.75rem 1fr 2rem; align-items:center; gap:.65rem; }
.admin-leads-trend__label { font-size:.75rem; color:#64748b; font-weight:600; }
.admin-leads-trend__bar { height:.45rem; background:#f1f5f9; border-radius:9999px; overflow:hidden; }
.admin-leads-trend__bar span { display:block; height:100%; min-width:2px; background:#1e3a5f; border-radius:9999px; }
.admin-leads-trend__row strong { font-size:.8125rem; font-weight:800; color:#0f172a; text-align:right; }
.admin-leads-rank { list-style:none; margin:0; padding:0; display:grid; gap:.75rem; }
.admin-leads-rank li { display:flex; align-items:flex-start; gap:.65rem; }
.admin-leads-rank__index {
    width:1.5rem; height:1.5rem; border-radius:9999px; background:#eff6ff; color:#1e3a5f;
    font-size:.6875rem; font-weight:800; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
}
.admin-leads-rank__body { flex:1; min-width:0; }
.admin-leads-rank__head { display:flex; align-items:center; justify-content:space-between; gap:.75rem; font-size:.8125rem; color:#334155; }
.admin-leads-rank__head strong { font-size:.8125rem; font-weight:800; color:#0f172a; }
.admin-leads-rank__bar { margin-top:.35rem; height:.4rem; background:#f1f5f9; border-radius:9999px; overflow:hidden; }
.admin-leads-rank__bar span { display:block; height:100%; background:#1e3a5f; border-radius:9999px; }
.admin-leads-rank__bar--orange span { background:#f97316; }
.admin-leads-mini-stats { display:flex; flex-wrap:wrap; gap:.5rem 1rem; font-size:.75rem; color:#64748b; }
.admin-leads-mini-stats strong { color:#0f172a; }
.admin-leads-company-status__grid {
    display:grid; gap:.75rem; grid-template-columns:repeat(1,minmax(0,1fr));
}
@media (min-width:640px){ .admin-leads-company-status__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.admin-leads-status-chip {
    padding:1rem; border-radius:.75rem; background:#f8fafc; border:1px solid #f1f5f9; text-align:center;
}
.admin-leads-status-chip strong { display:block; font-size:1.375rem; font-weight:800; color:#0f172a; line-height:1.1; }
.admin-leads-status-chip span { display:block; margin-top:.25rem; font-size:.8125rem; color:#334155; }
.admin-leads-status-chip em { display:block; margin-top:.15rem; font-style:normal; font-size:.6875rem; font-weight:700; color:#64748b; }
.admin-leads-table-count {
    font-size:.75rem; font-weight:700; color:#64748b; padding:.35rem .65rem;
    background:#f8fafc; border:1px solid #e2e8f0; border-radius:9999px;
}
.admin-leads-table-wrap { overflow-x:auto; border:1px solid #f1f5f9; border-radius:.75rem; }
.admin-leads-table { width:100%; border-collapse:collapse; font-size:.8125rem; }
.admin-leads-table th, .admin-leads-table td { padding:.75rem .85rem; border-bottom:1px solid #f1f5f9; text-align:left; vertical-align:top; }
.admin-leads-table th { background:#f8fafc; font-size:.6875rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#64748b; white-space:nowrap; }
.admin-leads-table tbody tr:last-child td { border-bottom:none; }
.admin-leads-table tbody tr:hover { background:#fafafa; }
.admin-leads-table-desc { margin:.25rem 0 0; font-size:.75rem; color:#64748b; line-height:1.4; }
.admin-leads-table-contact { font-size:.8125rem; color:#0f172a; }
.admin-leads-table-contact--muted { margin-top:.15rem; font-size:.75rem; color:#64748b; }
.admin-leads-table-muted { color:#94a3b8; font-size:.75rem; }
.admin-leads-table-date { white-space:nowrap; color:#64748b; font-size:.75rem; }
.admin-leads-table-empty { text-align:center; padding:2rem 1rem !important; color:#64748b; }
.admin-leads-dist-badge {
    display:inline-block; padding:.15rem .5rem; border-radius:9999px; font-size:.6875rem; font-weight:700;
    background:#eff6ff; color:#1e3a5f;
}
.admin-leads-status {
    display:inline-block; padding:.2rem .55rem; border-radius:9999px; font-size:.6875rem; font-weight:700; white-space:nowrap;
}
.admin-leads-status--active { background:#dcfce7; color:#166534; }
.admin-leads-status--pending { background:#ffedd5; color:#9a3412; }
.admin-leads-status--danger { background:#fee2e2; color:#991b1b; }
.admin-leads-status--muted { background:#f1f5f9; color:#475569; }
.admin-leads-alert {
    display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem;
    padding:1rem 1.25rem; border-radius:.85rem; background:#fff7ed; border:1px solid #fed7aa;
}
.admin-leads-alert strong { display:block; font-size:.9375rem; font-weight:800; color:#9a3412; }
.admin-leads-alert p { margin:.25rem 0 0; font-size:.8125rem; color:#c2410c; line-height:1.45; max-width:40rem; }
.admin-leads-alert__link {
    font-size:.8125rem; font-weight:700; color:#ea580c; text-decoration:none; white-space:nowrap;
}
.admin-leads-alert__link:hover { color:#c2410c; text-decoration:underline; }
.admin-leads-filters { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; }
.admin-leads-filter {
    display:inline-flex; align-items:center; gap:.45rem; padding:.45rem .75rem;
    border:1px solid #e2e8f0; border-radius:9999px; background:#fff;
    font-size:.8125rem; font-weight:600; color:#475569; text-decoration:none;
}
.admin-leads-filter span {
    font-size:.6875rem; font-weight:700; padding:.1rem .45rem; border-radius:9999px;
    background:#f1f5f9; color:#64748b;
}
.admin-leads-filter.is-active { background:#1e3a5f; border-color:#1e3a5f; color:#fff; }
.admin-leads-filter.is-active span { background:rgba(255,255,255,.16); color:#fff; }
.admin-leads-filter:hover { border-color:#fdba74; color:#ea580c; }
.admin-leads-table tbody tr.is-pending-distribution { background:#fffbeb; }
.admin-leads-table tbody tr.is-pending-distribution:hover { background:#fef3c7; }
.admin-leads-redistribute-btn {
    display:inline-flex; align-items:center; justify-content:center;
    padding:.35rem .7rem; border:none; border-radius:.5rem;
    background:#f97316; color:#fff; font-size:.75rem; font-weight:700; cursor:pointer;
}
.admin-leads-redistribute-btn:hover { background:#ea580c; }
.admin-leads-table-actions {
    display:flex;
    align-items:center;
    gap:.35rem;
    flex-wrap:nowrap;
}
.admin-leads-table-actions form {
    margin:0;
}
.admin-leads-action {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2rem;
    height:2rem;
    border-radius:.5rem;
    border:1px solid #e2e8f0;
    background:#fff;
    color:#475569;
    cursor:pointer;
    transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.admin-leads-action svg {
    width:1rem;
    height:1rem;
}
.admin-leads-action--delete:hover {
    color:#dc2626;
    border-color:#fecaca;
    background:#fef2f2;
}

/* Site header */
.site-header__inner {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0 1rem;
    min-height: 4rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.75rem 1rem;
}
@media (min-width: 640px) {
    .site-header__inner { padding: 0 1.5rem; }
}
@media (min-width: 1024px) {
    .site-header__inner {
        min-height: 5rem;
        gap: 1rem 1.25rem;
        padding: 0 1.75rem;
    }
}
@media (min-width: 1536px) {
    .site-header__inner { padding: 0 2.5rem; }
}

.site-header__logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.site-header__logo .site-logo {
    height: 2.5rem;
    width: auto;
}
@media (min-width: 1024px) {
    .site-header__logo .site-logo { height: 3rem; }
}

.site-header__nav {
    display: none;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: clamp(0.65rem, 1.1vw, 1.35rem);
    min-width: 0;
}
@media (min-width: 1024px) {
    .site-header__nav { display: flex; }
}

.site-nav-link {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: color 0.2s ease;
}
@media (min-width: 1280px) {
    .site-nav-link { font-size: 0.875rem; }
}
.site-nav-link:hover,
.site-nav-link.is-active {
    color: #f97316;
}
.site-nav-link__short { display: inline; }
.site-nav-link__full { display: none; }
@media (min-width: 1280px) {
    .site-nav-link__short { display: none; }
    .site-nav-link__full { display: inline; }
}

.site-header__actions {
    display: none;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    gap: 0.5rem;
}
@media (min-width: 1024px) {
    .site-header__actions { display: flex; }
}
@media (min-width: 1280px) {
    .site-header__actions { gap: 0.75rem; }
}

.site-header__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 1rem;
    border-radius: 0.75rem;
    background: #f97316;
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 10px 25px rgba(249, 115, 22, 0.25);
    transition: background 0.2s ease;
}
@media (min-width: 1280px) {
    .site-header__cta {
        padding: 0.625rem 1.25rem;
        font-size: 0.875rem;
    }
}
.site-header__cta:hover { background: #ea580c; color: #fff; }

.site-header__auth {
    padding: 0.5rem 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease;
}
.site-header__auth:hover { color: #fff; }

.site-header__register {
    padding: 0.5rem 0.875rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.75rem;
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease;
}
.site-header__register:hover { background: rgba(255, 255, 255, 0.1); }

.site-header__toggle {
    justify-self: end;
    grid-column: 3;
    color: #fff;
    padding: 0.5rem;
    border: none;
    background: transparent;
    cursor: pointer;
}

.site-header__mobile {
    padding: 0 1rem 1rem;
    display: grid;
    gap: 0.15rem;
}
.site-header__mobile-link {
    display: block;
    padding: 0.55rem 0;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 0.9375rem;
}
.site-header__mobile-link--cta {
    color: #f97316;
    font-weight: 600;
}

/* Fuarlar ve Etkinlikler */
.fairs-page { background:#f8fafc; }
.fairs-page--v2 { background:#fff; }
.fairs-hero {
    position:relative; min-height:320px; background-size:cover; background-position:center;
}
@media (min-width:768px){ .fairs-hero { min-height:380px; } }
.fairs-hero__overlay {
    position:absolute; inset:0;
    background:linear-gradient(135deg, rgba(15,23,42,.92) 0%, rgba(30,58,95,.78) 55%, rgba(15,23,42,.88) 100%);
}
.fairs-page--v2 .fairs-hero__overlay {
    background:linear-gradient(180deg, rgba(11,19,43,.9) 0%, rgba(11,19,43,.78) 55%, rgba(11,19,43,.88) 100%);
}
.fairs-hero__inner {
    position:relative; z-index:1; max-width:80rem; margin:0 auto;
    padding:2.5rem 1rem 2rem;
}
@media (min-width:640px){ .fairs-hero__inner { padding:3rem 1.5rem 2.5rem; } }
.fairs-hero__title {
    margin:0; font-size:clamp(2rem, 5vw, 2.75rem); font-weight:800; color:#fff; line-height:1.15;
}
.fairs-hero__lead {
    margin:1rem 0 0; max-width:42rem; font-size:.9375rem; line-height:1.7; color:rgba(255,255,255,.82);
}
.fairs-page--v2 .fairs-hero {
    min-height:360px;
}
@media (min-width:768px){ .fairs-page--v2 .fairs-hero { min-height:420px; } }
.fairs-page--v2 .fairs-hero__inner {
    padding:2.75rem 1rem 2.25rem;
}
@media (min-width:640px){ .fairs-page--v2 .fairs-hero__inner { padding:3.25rem 1.5rem 2.75rem; } }
.fairs-hero__subtitle {
    margin:1rem 0 0; max-width:46rem; font-size:clamp(1rem, 2.2vw, 1.125rem); font-weight:700;
    line-height:1.45; color:rgba(255,255,255,.95);
}
.fairs-page--v2 .fairs-hero__subtitle {
    font-weight:400; font-size:clamp(.9375rem, 2vw, 1.0625rem); line-height:1.65; color:rgba(255,255,255,.88);
    max-width:52rem;
}
.fairs-hero__intro {
    margin:.85rem 0 0; max-width:46rem; font-size:.875rem; line-height:1.75; color:rgba(255,255,255,.78);
}
.fairs-hero__intro:empty, .fairs-section__intro:empty { display:none; }
.fairs-page.is-editing .fairs-hero__intro:empty,
.fairs-page--editing .fairs-hero__intro:empty,
.fairs-page.is-editing .fairs-section__intro:empty,
.fairs-page--editing .fairs-section__intro:empty {
    display:block; min-height:1.5em;
}
.fairs-hero__features {
    list-style:none; margin:1.5rem 0 0; padding:0;
    display:grid; gap:.85rem; grid-template-columns:1fr;
}
@media (min-width:640px){ .fairs-hero__features { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .fairs-hero__features { grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; } }
.fairs-hero__features li {
    display:flex; align-items:center; gap:.75rem; font-size:.8125rem; font-weight:600; color:rgba(255,255,255,.92);
}
.fairs-hero__feature-icon {
    width:2.25rem; height:2.25rem; border-radius:.65rem; background:rgba(249,115,22,.18);
    color:#fdba74; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
}
.fairs-hero__feature-icon svg { width:1.1rem; height:1.1rem; }
.fairs-page--v2 .fairs-hero__features { margin-top:2rem; }
.fairs-page--v2 .fairs-hero__features li {
    align-items:flex-start; flex-direction:row; gap:.75rem;
    padding:0; border:none; background:transparent; border-radius:0;
}
.fairs-page--v2 .fairs-hero__feature { height:auto; }
.fairs-page--v2 .fairs-hero__feature-icon {
    width:1.75rem; height:1.75rem; border-radius:0; background:transparent;
    color:#ffc107;
}
.fairs-page--v2 .fairs-hero__feature-icon svg { width:1.35rem; height:1.35rem; stroke-width:1.5; }
.fairs-hero__feature-copy { display:grid; gap:.2rem; }
.fairs-hero__feature-copy strong { font-size:.8125rem; font-weight:800; color:#fff; line-height:1.35; }
.fairs-hero__feature-copy span { font-size:.75rem; font-weight:500; line-height:1.55; color:rgba(255,255,255,.72); }
.fairs-page--v2 .fairs-hero__feature-copy {
    display:inline; margin:0; font-size:.8125rem; line-height:1.55; color:rgba(255,255,255,.82);
}
.fairs-page--v2 .fairs-hero__feature-copy strong {
    font-weight:700; color:#fff;
}
.fairs-page--v2 .fairs-hero__feature-sep { color:rgba(255,255,255,.55); font-weight:400; }
.fairs-page.is-editing.fairs-page--v2 .fairs-hero__feature-copy,
.fairs-page--editing.fairs-page--v2 .fairs-hero__feature-copy {
    display:grid; gap:.25rem;
}
.fairs-page.is-editing.fairs-page--v2 .fairs-hero__feature-sep,
.fairs-page--editing.fairs-page--v2 .fairs-hero__feature-sep { display:none; }
.fairs-shell--full, .fairs-layout--full { max-width:80rem; width:100%; }
.fairs-layout--full,
.fairs-page--v2 .fairs-layout {
    grid-template-columns:minmax(0,1fr) !important;
}
.fairs-page--v2 .fairs-main,
.fairs-page--v2 .fairs-future-grid,
.fairs-page--v2 .fairs-newsletter-bar,
.fairs-page--v2 .fairs-categories-grid {
    width:100%;
    max-width:100%;
}
.fairs-tabs--edit-only, .fairs-section__link--edit-only, .fairs-btn--edit-only,
.fairs-bottom-cta--edit-only, .fairs-sidebar--edit-only, .fairs-categories-grid__count--edit-only,
.fairs-future-card__categories--edit-only {
    display:none !important;
}
.fairs-page.is-editing .fairs-tabs--edit-only, .fairs-page--editing .fairs-tabs--edit-only,
.fairs-page.is-editing .fairs-section__link--edit-only, .fairs-page--editing .fairs-section__link--edit-only,
.fairs-page.is-editing .fairs-btn--edit-only, .fairs-page--editing .fairs-btn--edit-only,
.fairs-page.is-editing .fairs-bottom-cta--edit-only, .fairs-page--editing .fairs-bottom-cta--edit-only,
.fairs-page.is-editing .fairs-categories-grid__count--edit-only, .fairs-page--editing .fairs-categories-grid__count--edit-only,
.fairs-page.is-editing .fairs-future-card__categories--edit-only, .fairs-page--editing .fairs-future-card__categories--edit-only {
    display:flex !important;
}
.fairs-page.is-editing .fairs-future-card__categories--edit-only, .fairs-page--editing .fairs-future-card__categories--edit-only {
    display:block !important;
}
.fairs-page.is-editing .fairs-btn--edit-only, .fairs-page--editing .fairs-btn--edit-only { display:inline-flex !important; }
.fairs-page.is-editing .fairs-bottom-cta--edit-only, .fairs-page--editing .fairs-bottom-cta--edit-only { display:block !important; }
.fairs-page.is-editing .fairs-sidebar--edit-only,
.fairs-page--editing .fairs-sidebar--edit-only {
    display:grid !important; grid-template-columns:1fr; gap:1rem; width:100%;
}
@media (min-width:768px){
    .fairs-page.is-editing .fairs-sidebar--edit-only,
    .fairs-page--editing .fairs-sidebar--edit-only {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
.fairs-page.is-editing .fairs-categories-grid__count--edit-only, .fairs-page--editing .fairs-categories-grid__count--edit-only {
    display:inline !important;
}
.fairs-section--secondary { display:none; }
.fairs-page.is-editing .fairs-section--secondary, .fairs-page--editing .fairs-section--secondary { display:block; }
.fairs-section--future, .fairs-section--categories {
    background:transparent; border:none; padding-left:0; padding-right:0;
}
.fairs-page--v2 .fairs-section--future { padding-top:3rem; padding-bottom:1rem; }
.fairs-page-banner-wrap { margin-top:50px; }
.fairs-section__head--center { display:block; text-align:center; margin-bottom:2rem; }
.fairs-page--v2 .fairs-section__head--center h2 {
    font-size:clamp(1.75rem, 3.5vw, 2.25rem); font-weight:800; color:#0b132b; letter-spacing:-.02em;
}
.fairs-page--v2 .fairs-section__subtitle {
    font-weight:400; font-size:1rem; color:#64748b; line-height:1.55; margin-top:.5rem;
}
.fairs-future-grid { display:grid; gap:1.25rem; }
@media (min-width:1024px){ .fairs-future-grid { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:1.5rem; } }
.fairs-future-card {
    display:grid; grid-template-columns:1fr; min-height:28rem; border-radius:1rem; overflow:hidden;
    box-shadow:0 16px 40px rgba(15,23,42,.12);
}
.fairs-page--v2 .fairs-future-card {
    border-radius:.875rem;
    box-shadow:0 14px 36px rgba(11,19,43,.16);
    min-height:24rem;
}
@media (min-width:640px){
    .fairs-future-card { grid-template-columns:minmax(0,1fr) 38%; min-height:30rem; }
    .fairs-page--v2 .fairs-future-card {
        grid-template-columns:minmax(0,65%) minmax(0,35%);
        min-height:26rem;
    }
}
@media (min-width:1024px){
    .fairs-page--v2 .fairs-future-card { min-height:28.5rem; }
}
.fairs-future-card__content {
    display:flex; flex-direction:column; padding:1.35rem 1.35rem 1.5rem; color:#fff;
}
.fairs-page--v2 .fairs-future-card__content {
    padding:1.35rem 1.25rem 1.4rem;
}
.fairs-future-card__logo {
    min-height:2.5rem; margin-bottom:.85rem; display:flex; align-items:flex-start; gap:.55rem;
}
.fairs-future-card__logo-fallback {
    display:flex; align-items:flex-start; gap:.55rem; width:100%;
}
.fairs-future-card__logo-text--hidden { display:none !important; }
.fairs-future-card__logo-mark {
    flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;
}
.fairs-future-card__logo-mark--grid {
    width:1.75rem; height:1.75rem; color:rgba(255,255,255,.85);
}
.fairs-future-card__logo-mark--grid svg { width:1.75rem; height:1.75rem; }
.fairs-future-card__logo-mark--badge {
    min-width:2rem; height:2rem; padding:0 .35rem;
    background:#84cc16; color:#1b2e25; font-size:.875rem; font-weight:900;
    border-radius:.2rem; letter-spacing:.02em;
}
.fairs-future-card__logo-text {
    display:flex; flex-direction:column; gap:.12rem; line-height:1.2; min-width:0;
}
.fairs-future-card__logo--blue .fairs-future-card__logo-text {
    flex-direction:row; flex-wrap:wrap; align-items:baseline; gap:.2rem .35rem;
}
.fairs-future-card__logo--green .fairs-future-card__logo-text {
    flex-direction:row; align-items:center; gap:.45rem;
}
.fairs-future-card__logo-label {
    font-size:.875rem; font-weight:800; letter-spacing:.04em; color:#fff;
}
.fairs-future-card__logo--blue .fairs-future-card__logo-label {
    font-size:.8125rem; font-weight:900;
}
.fairs-future-card__logo-text--red .fairs-future-card__logo-label {
    font-size:.9375rem; font-weight:800; font-style:italic; text-transform:lowercase; letter-spacing:0;
}
.fairs-future-card__logo-tagline {
    font-size:.5625rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
    color:rgba(255,255,255,.75); line-height:1.35;
}
.fairs-future-card__logo--blue .fairs-future-card__logo-tagline {
    font-size:.5rem; letter-spacing:.04em; flex-basis:100%; padding-left:2.3rem; margin-top:-.15rem;
}
.fairs-future-card__logo-text--red .fairs-future-card__logo-tagline {
    font-size:.5625rem; font-weight:800; letter-spacing:.14em; color:rgba(255,255,255,.82);
}
.fairs-future-card__logo--green .fairs-future-card__logo-tagline {
    font-size:.8125rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#fff;
}
.fairs-future-card__logo-img {
    max-height:2.5rem; max-width:9rem; width:auto; height:auto; object-fit:contain;
}
.fairs-future-card__brand {
    font-size:1.35rem; font-weight:900; line-height:1.15; letter-spacing:-.02em;
}
.fairs-page--v2 .fairs-future-card__brand {
    font-size:1.375rem; font-weight:800; margin-top:.1rem; letter-spacing:-.01em;
}
.fairs-future-card__subtitle {
    margin:.55rem 0 0; font-size:.75rem; line-height:1.45; color:rgba(255,255,255,.88);
}
.fairs-page--v2 .fairs-future-card__subtitle {
    font-size:.75rem; line-height:1.5; color:rgba(255,255,255,.86); font-weight:500;
}
.fairs-future-card__meta {
    list-style:none; margin:1rem 0 0; padding:0; display:grid; gap:.5rem;
    font-size:.75rem; color:rgba(255,255,255,.9);
}
.fairs-page--v2 .fairs-future-card__meta {
    margin-top:1rem; gap:.45rem; font-size:.6875rem;
}
.fairs-future-card__meta li { display:flex; align-items:flex-start; gap:.5rem; }
.fairs-future-card__meta svg { width:1rem; height:1rem; flex-shrink:0; margin-top:.05rem; opacity:.85; }
.fairs-future-card__countdown {
    margin-top:.15rem; font-size:.8125rem; font-weight:700; line-height:1.45;
    color:rgba(255,255,255,.94);
}
.fairs-page--v2 .fairs-future-card__countdown {
    font-size:.8125rem; font-weight:700;
}
.fairs-future-card__countdown strong {
    font-weight:900; letter-spacing:.01em;
}
.fairs-future-card__countdown--blue strong { color:#93c5fd; }
.fairs-future-card__countdown--red strong { color:#fca5a5; }
.fairs-future-card__countdown--green strong { color:#86efac; }
.fairs-future-card__countdown--open strong { color:#bbf7d0; }
.fairs-future-card__countdown--closed {
    color:rgba(255,255,255,.78);
}
.fairs-future-card__countdown--closed strong {
    color:rgba(255,255,255,.88); font-weight:800;
}
.fairs-future-card__description {
    margin:.85rem 0 0; font-size:.75rem; line-height:1.65; color:rgba(255,255,255,.78); flex:1;
}
.fairs-page--v2 .fairs-future-card__description {
    margin-top:.85rem; font-size:.6875rem; line-height:1.65; color:rgba(255,255,255,.74);
}
.fairs-future-card__categories { margin-top:1rem; }
.fairs-future-card__categories-label {
    display:block; font-size:.6875rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
    color:rgba(255,255,255,.65); margin-bottom:.45rem;
}
.fairs-future-card__categories ul {
    list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.35rem;
}
.fairs-future-card__categories li {
    padding:.22rem .5rem; border-radius:9999px; background:rgba(255,255,255,.12);
    font-size:.625rem; font-weight:600; color:rgba(255,255,255,.92);
}
.fairs-future-card__actions {
    margin-top:auto; padding-top:1rem; display:flex; flex-wrap:wrap; gap:.5rem;
}
.fairs-page--v2 .fairs-future-card__actions { padding-top:1rem; }
.fairs-future-card__media {
    min-height:10rem; background-size:cover; background-position:center top; background-repeat:no-repeat;
    background-color:rgba(0,0,0,.12);
}
@media (min-width:640px){ .fairs-future-card__media { min-height:auto; } }
.fairs-page--v2 .fairs-future-card.fairs-featured-card {
    background:none; padding:0; min-height:0;
    display:grid; flex-direction:unset; justify-content:unset;
}
.fairs-page--v2 .fairs-featured-card--blue .fairs-future-card__content { background:#1a233a; }
.fairs-page--v2 .fairs-featured-card--red .fairs-future-card__content { background:#7b1113; }
.fairs-page--v2 .fairs-featured-card--green .fairs-future-card__content { background:#1a4031; }
.fairs-page--v2 .fairs-featured-card--blue .fairs-future-card__media { background-color:#2a3548; }
.fairs-page--v2 .fairs-featured-card--red .fairs-future-card__media { background-color:#8f181b; }
.fairs-page--v2 .fairs-featured-card--green .fairs-future-card__media { background-color:#2f5a48; }
.fairs-btn--outline-light {
    background:transparent; color:#fff; border:1px solid rgba(255,255,255,.55);
    font-size:.75rem; font-weight:600; padding:.5rem .9rem; border-radius:.35rem;
    display:inline-flex; align-items:center; gap:.25rem;
}
.fairs-page--v2 .fairs-btn--outline-light {
    font-size:.6875rem; padding:.45rem .85rem; border-radius:.35rem; font-weight:600;
}
.fairs-page--v2 .fairs-btn--outline-blue { border-color:rgba(255,255,255,.6); }
.fairs-page--v2 .fairs-btn--outline-red { border-color:rgba(248,113,113,.75); color:#fff; }
.fairs-page--v2 .fairs-btn--outline-green { border-color:#84cc16; color:#fff; }
.fairs-btn--outline-light:hover {
    background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.55);
}
.fairs-newsletter-bar {
    display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.25rem;
    padding:1.35rem 1.25rem; border-radius:1rem;
    background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%); color:#fff;
}
.fairs-page--v2 .fairs-newsletter-bar {
    margin:2.5rem 0; padding:1.5rem 1.5rem;
    background:#0a192f;
    border-radius:.75rem;
}
@media (min-width:768px){ .fairs-newsletter-bar { padding:1.5rem 1.75rem; } }
@media (min-width:768px){ .fairs-page--v2 .fairs-newsletter-bar { padding:1.65rem 2rem; } }
.fairs-newsletter-bar__icon {
    width:3rem; height:3rem; border-radius:.85rem; background:rgba(249,115,22,.18); color:#fdba74;
    display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
}
.fairs-page--v2 .fairs-newsletter-bar__icon {
    width:auto; height:auto; border-radius:0; background:transparent; color:#ffc107;
}
.fairs-page--v2 .fairs-newsletter-bar__icon svg { width:2.75rem; height:2.75rem; stroke-width:1.5; }
.fairs-newsletter-bar__icon svg { width:1.4rem; height:1.4rem; }
.fairs-newsletter-bar__text { flex:1; min-width:14rem; }
.fairs-newsletter-bar__text h2 { margin:0; font-size:1.0625rem; font-weight:800; color:#fff; }
.fairs-newsletter-bar__text p {
    margin:.35rem 0 0; font-size:.8125rem; line-height:1.55; color:rgba(255,255,255,.75); max-width:36rem;
}
.fairs-page--v2 .fairs-newsletter-bar__text h2 {
    margin:0; font-size:.9375rem; font-weight:800; color:#fff; line-height:1.45;
}
.fairs-page--v2 .fairs-newsletter-bar__text p {
    margin:.25rem 0 0; font-size:.875rem; font-weight:400; line-height:1.5;
    color:rgba(255,255,255,.82); max-width:36rem;
}
.fairs-newsletter-bar__form { display:flex; flex-wrap:wrap; gap:.65rem; width:100%; max-width:28rem; }
@media (min-width:768px){ .fairs-newsletter-bar__form { width:auto; min-width:20rem; margin-left:auto; flex-shrink:0; } }
.fairs-newsletter-bar .fairs-newsletter__input { flex:1; min-width:12rem; }
.fairs-page--v2 .fairs-newsletter-bar .fairs-newsletter__input {
    background:#fff; color:#0f172a; border:none; border-radius:.5rem;
    padding:.65rem 1rem; font-size:.875rem;
}
.fairs-page--v2 .fairs-newsletter-bar .fairs-newsletter__input::placeholder { color:#94a3b8; }
.fairs-newsletter-bar .fairs-btn--primary { white-space:nowrap; padding-inline:1.25rem; }
.fairs-page--v2 .fairs-newsletter-bar .fairs-btn--primary {
    background:#ffc107; border-color:#ffc107; color:#0b132b; font-weight:800;
    border-radius:.5rem; padding:.65rem 1.35rem;
}
.fairs-page--v2 .fairs-newsletter-bar .fairs-btn--primary:hover {
    background:#e6ac00; border-color:#e6ac00; color:#0b132b;
}
.fairs-categories-grid {
    list-style:none; margin:0; padding:0;
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.25rem;
}
@media (min-width:640px){ .fairs-categories-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1024px){ .fairs-categories-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:1.5rem 1rem; } }
.fairs-categories-grid__link {
    display:flex; flex-direction:column; align-items:center; text-align:center; gap:.65rem;
    padding:1rem .75rem; text-decoration:none; color:#334155; transition:color .2s, transform .2s;
}
.fairs-page--v2 .fairs-categories-grid__link { padding:.75rem .5rem; gap:.75rem; }
.fairs-categories-grid__link:hover { color:#f97316; transform:translateY(-2px); }
.fairs-page--v2 .fairs-categories-grid__link:hover { color:#0b132b; transform:none; }
.fairs-categories-grid__icon {
    width:3rem; height:3rem; border-radius:9999px; background:#f8fafc; border:1px solid #e2e8f0;
    color:#1e3a5f; display:inline-flex; align-items:center; justify-content:center;
}
.fairs-page--v2 .fairs-categories-grid__icon {
    width:auto; height:auto; border-radius:0; background:transparent; border:none;
    color:#0b132b;
}
.fairs-categories-grid__icon svg { width:1.35rem; height:1.35rem; }
.fairs-page--v2 .fairs-categories-grid__icon svg { width:2rem; height:2rem; stroke-width:1.5; }
.fairs-categories-grid__label { font-size:.8125rem; font-weight:700; line-height:1.35; }
.fairs-page--v2 .fairs-categories-grid__label { font-size:.8125rem; font-weight:600; color:#334155; }
.fairs-categories-grid__count { font-size:.6875rem; color:#94a3b8; font-weight:700; }
.fairs-shell {
    max-width:80rem; margin:0 auto; padding:1.25rem 1rem 0;
}
.fairs-page--v2 .fairs-shell {
    padding-bottom:2.5rem;
}
.fairs-page--v2 .fairs-main {
    gap:2rem;
}
@media (min-width:640px){ .fairs-shell { padding:1.5rem 1.5rem 0; } }
.fairs-tabs {
    display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.25rem;
    padding:.35rem; background:#fff; border:1px solid #e2e8f0; border-radius:.85rem;
}
.fairs-tab {
    border:none; background:transparent; color:#475569; font-size:.75rem; font-weight:700;
    letter-spacing:.03em; text-transform:uppercase; padding:.55rem .85rem; border-radius:.65rem;
    cursor:pointer; transition:background .2s,color .2s;
}
.fairs-tab:hover { color:#1e3a5f; background:#f8fafc; }
.fairs-tab.is-active { background:#1e3a5f; color:#fff; }
.fairs-layout {
    display:grid; gap:1.25rem;
}
@media (min-width:1024px){
    .fairs-layout:not(.fairs-layout--full) {
        grid-template-columns:minmax(0,1fr) 20rem; align-items:start;
    }
}
.fairs-main {
    min-width:0; display:flex; flex-direction:column; gap:1.25rem;
}
.fairs-sidebar {
    display:flex; flex-direction:column; gap:1rem;
}
.fairs-page--layout {
    display:flex; flex-direction:column;
}
.fairs-section {
    background:#fff; border:1px solid #e2e8f0; border-radius:.9rem; padding:1.25rem;
}
.fairs-section__head {
    display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:1rem;
}
.fairs-section__head h2 { margin:0; font-size:1.125rem; font-weight:800; color:#0f172a; }
.fairs-section__link { font-size:.8125rem; font-weight:700; color:#64748b; text-decoration:none; }
.fairs-section__link:hover { color:#f97316; }
.fairs-featured-grid {
    display:grid; gap:1rem;
}
@media (min-width:768px){ .fairs-featured-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.fairs-featured-card {
    position:relative; overflow:hidden; min-height:18rem; border-radius:.85rem; padding:1.35rem;
    color:#fff; display:flex; flex-direction:column; justify-content:flex-end;
    background-size:cover; background-position:center;
}
.fairs-featured-card--blue {
    background-image:linear-gradient(145deg, rgba(15,23,42,.15), rgba(15,23,42,.55)), linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);
}
.fairs-featured-card--red {
    background-image:linear-gradient(145deg, rgba(127,29,29,.15), rgba(69,10,10,.55)), linear-gradient(135deg, #991b1b 0%, #450a0a 100%);
}
.fairs-featured-card--green {
    background-image:linear-gradient(145deg, rgba(6,78,59,.18), rgba(20,83,45,.55)), linear-gradient(135deg, #166534 0%, #1a4031 100%);
}
.fairs-featured-card__badge {
    position:absolute; top:1rem; right:1rem; font-size:.625rem; font-weight:800; letter-spacing:.06em;
    padding:.3rem .55rem; border-radius:.35rem; background:#facc15; color:#713f12;
}
.fairs-featured-card__logo {
    font-size:1.75rem; font-weight:900; line-height:1.1; letter-spacing:-.02em;
}
.fairs-featured-card__subtitle {
    margin:.35rem 0 0; font-size:.8125rem; color:rgba(255,255,255,.82); line-height:1.45;
}
.fairs-featured-card__meta {
    list-style:none; margin:1rem 0 0; padding:0; display:grid; gap:.45rem;
    font-size:.75rem; color:rgba(255,255,255,.88);
}
.fairs-featured-card__meta li { display:flex; align-items:flex-start; gap:.45rem; }
.fairs-featured-card__meta svg { width:.95rem; height:.95rem; flex-shrink:0; margin-top:.1rem; }
.fairs-featured-card__actions {
    display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; margin-top:1rem;
}
.fairs-btn {
    display:inline-flex; align-items:center; justify-content:center; gap:.35rem;
    padding:.55rem .95rem; border-radius:.65rem; font-size:.8125rem; font-weight:700;
    text-decoration:none; border:1px solid transparent; cursor:pointer; transition:all .2s;
}
.fairs-btn--ghost { background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.22); }
.fairs-btn--ghost:hover { background:rgba(255,255,255,.2); color:#fff; }
.fairs-btn--text { background:transparent; color:#fde68a; padding-inline:0; border:none; }
.fairs-btn--text:hover { color:#fff; }
.fairs-btn--primary { background:#f97316; color:#fff; border-color:#f97316; }
.fairs-btn--primary:hover { background:#ea580c; border-color:#ea580c; color:#fff; }
.fairs-btn--outline { background:#fff; color:#1e3a5f; border-color:#cbd5e1; }
.fairs-btn--outline:hover { border-color:#f97316; color:#ea580c; }
.fairs-btn--block { width:100%; }
.fairs-btn--lg { padding:.8rem 1.25rem; font-size:.875rem; }
.fairs-carousel { overflow:hidden; }
.fairs-carousel__track { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
@media (max-width:1023px){ .fairs-carousel__track { grid-template-columns:1fr; } }
.fairs-carousel__slide { display:none; }
.fairs-carousel__slide.is-active { display:block; }
@media (min-width:1024px){
    .fairs-carousel__slide { display:block; }
    .fairs-carousel__dots { display:none; }
}
.fairs-upcoming-card {
    height:100%; padding:1.1rem; border:1px solid #e2e8f0; border-radius:.75rem; background:#fff;
}
.fairs-upcoming-card__logo { font-size:1.125rem; font-weight:800; color:#0f172a; line-height:1.2; }
.fairs-upcoming-card__subtitle { margin:.35rem 0 0; font-size:.75rem; color:#64748b; line-height:1.45; min-height:2.2rem; }
.fairs-upcoming-card__meta {
    list-style:none; margin:.85rem 0 0; padding:0; font-size:.75rem; color:#475569; display:grid; gap:.25rem;
}
.fairs-upcoming-card__link {
    display:inline-block; margin-top:.85rem; font-size:.8125rem; font-weight:700; color:#f97316; text-decoration:none;
}
.fairs-upcoming-card__link:hover { color:#ea580c; }
.fairs-carousel__dots { display:flex; justify-content:center; gap:.45rem; margin-top:1rem; }
.fairs-carousel__dot {
    width:.55rem; height:.55rem; border:none; border-radius:9999px; background:#cbd5e1; cursor:pointer; padding:0;
}
.fairs-carousel__dot.is-active { background:#1e3a5f; width:1.25rem; }
.fairs-participants {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem;
}
@media (min-width:640px){ .fairs-participants { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.fairs-participant {
    position:relative;
    display:flex; align-items:center; justify-content:center; min-height:4.5rem;
    padding:1rem; border:1px solid #e2e8f0; border-radius:.75rem; background:#f8fafc;
    transition:border-color .2s, box-shadow .2s;
}
.fairs-participant__link {
    display:flex; align-items:center; justify-content:center;
    width:100%; height:100%; text-decoration:none;
}
.fairs-participant__link span { font-size:.9375rem; font-weight:800; color:#334155; letter-spacing:-.01em; }
.fairs-participant:hover { border-color:#fdba74; box-shadow:0 8px 24px rgba(15,23,42,.06); }
.fairs-page.is-editing .fairs-participant { cursor:default; }
.fairs-news-grid { display:grid; gap:1rem; }
.fairs-news-card {
    display:grid; gap:1rem; grid-template-columns:1fr; border:1px solid #f1f5f9; border-radius:.75rem; overflow:hidden;
}
@media (min-width:640px){ .fairs-news-card { grid-template-columns:11rem 1fr; } }
.fairs-news-card__media { min-height:8rem; background-size:cover; background-position:center; }
.fairs-news-card__media--1 { background-image:linear-gradient(135deg,#1e3a5f,#334155); }
.fairs-news-card__media--2 { background-image:linear-gradient(135deg,#991b1b,#7f1d1d); }
.fairs-news-card__media--3 { background-image:linear-gradient(135deg,#0f766e,#115e59); }
.fairs-news-card__body { padding:1rem 1rem 1rem 0; }
@media (max-width:639px){ .fairs-news-card__body { padding:0 1rem 1rem; } }
.fairs-news-card__body time { display:block; font-size:.6875rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#64748b; }
.fairs-news-card__body h3 { margin:.35rem 0 0; font-size:.9375rem; font-weight:800; color:#0f172a; line-height:1.35; }
.fairs-news-card__body p { margin:.5rem 0 0; font-size:.8125rem; line-height:1.55; color:#64748b; }
.fairs-news-card__link { display:inline-block; margin-top:.75rem; font-size:.8125rem; font-weight:700; color:#f97316; text-decoration:none; }
.fairs-news-card__link:hover { color:#ea580c; }
.fairs-sidebar-widget {
    background:#fff; border:1px solid #e2e8f0; border-radius:.9rem; padding:1.15rem;
}
.fairs-sidebar-widget h3 { margin:0 0 .65rem; font-size:.9375rem; font-weight:800; color:#0f172a; }
.fairs-sidebar-widget p { margin:0; font-size:.8125rem; line-height:1.55; color:#64748b; }
.fairs-sidebar-widget--dark {
    background:linear-gradient(180deg,#1e3a5f 0%,#0f172a 100%); border-color:#1e3a5f; color:#fff;
}
.fairs-sidebar-widget--dark h3,
.fairs-sidebar-widget--dark p { color:rgba(255,255,255,.88); }
.fairs-sidebar-widget--soft { background:#f8fafc; }
.fairs-sidebar-widget--sponsor {
    background:linear-gradient(180deg,#1e3a5f 0%,#0f172a 100%); border-color:#1e3a5f; overflow:hidden;
}
.fairs-sidebar-widget--sponsor h3,
.fairs-sidebar-widget--sponsor p { color:rgba(255,255,255,.88); }
.fairs-sidebar-categories { list-style:none; margin:0; padding:0; display:grid; gap:.35rem; }
.fairs-sidebar-categories a {
    display:flex; align-items:center; justify-content:space-between; gap:.75rem;
    padding:.55rem 0; border-bottom:1px solid #f1f5f9; text-decoration:none;
    font-size:.8125rem; color:#334155; font-weight:600;
}
.fairs-sidebar-categories li:last-child a { border-bottom:none; }
.fairs-sidebar-categories a:hover { color:#f97316; }
.fairs-sidebar-categories__count { color:#94a3b8; font-weight:700; }
.fairs-newsletter { display:grid; gap:.65rem; margin-top:1rem; }
.fairs-newsletter__input {
    width:100%; padding:.7rem .85rem; border:1px solid rgba(255,255,255,.18); border-radius:.65rem;
    background:rgba(255,255,255,.08); color:#fff; font-size:.8125rem;
}
.fairs-newsletter__input::placeholder { color:rgba(255,255,255,.55); }
.fairs-sidebar-cta-icon {
    width:2.5rem; height:2.5rem; border-radius:.65rem; background:#fff; color:#1e3a5f;
    display:inline-flex; align-items:center; justify-content:center; margin-bottom:.75rem;
}
.fairs-sidebar-cta-icon svg { width:1.25rem; height:1.25rem; }
.fairs-sidebar-sponsor__head { display:flex; align-items:flex-start; gap:.5rem; margin-bottom:.35rem; }
.fairs-sidebar-sponsor__head span { color:#facc15; font-size:1rem; line-height:1.2; }
.fairs-sidebar-sponsor__visual {
    margin-top:1rem; min-height:5rem; border-radius:.65rem;
    background:linear-gradient(135deg, rgba(249,115,22,.25), rgba(255,255,255,.08));
}
.fairs-bottom-cta {
    margin-top:1.5rem; background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%);
}
.fairs-bottom-cta__inner {
    max-width:80rem; margin:0 auto; padding:1.5rem 1rem;
    display:flex; flex-wrap:wrap; align-items:center; gap:1rem;
}
@media (min-width:640px){ .fairs-bottom-cta__inner { padding:1.75rem 1.5rem; gap:1.25rem; } }
.fairs-bottom-cta__icon {
    width:3rem; height:3rem; border-radius:.85rem; background:rgba(249,115,22,.18); color:#fdba74;
    display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
}
.fairs-bottom-cta__icon svg { width:1.4rem; height:1.4rem; }
.fairs-bottom-cta__text { flex:1; min-width:14rem; }
.fairs-bottom-cta__text h2 { margin:0; font-size:1.125rem; font-weight:800; color:#fff; }
.fairs-bottom-cta__text p { margin:.35rem 0 0; font-size:.8125rem; line-height:1.55; color:rgba(255,255,255,.75); max-width:36rem; }

/* Fuar sayfası — canlı düzenleme (admin) */
.fpe-float {
    position:fixed; top:200px; right:1rem; z-index:9999;
}
@media (min-width:640px){ .fpe-float { right:1.5rem; } }
.fpe-float__panel {
    display:grid; gap:.5rem; min-width:9.5rem;
    padding:.75rem; border-radius:.75rem;
    background:linear-gradient(180deg,#1e3a5f 0%,#0f172a 100%);
    color:#fff; box-shadow:0 12px 40px rgba(15,23,42,.35);
    border:1px solid rgba(255,255,255,.1);
}
.fpe-float__hint {
    margin:0; font-size:.625rem; font-weight:600; line-height:1.4;
    color:rgba(255,255,255,.65); text-align:center;
}
.fpe-float__actions { display:grid; gap:.4rem; }
.fpe-float__btn {
    display:inline-flex; align-items:center; justify-content:center;
    padding:.55rem .9rem; border-radius:.55rem; font-size:.75rem; font-weight:800;
    text-decoration:none; border:1px solid transparent; cursor:pointer; transition:all .2s;
    white-space:nowrap;
}
.fpe-float__btn--edit {
    background:#f97316; color:#fff; border-color:#f97316;
    box-shadow:0 8px 24px rgba(249,115,22,.35);
}
.fpe-float__btn--edit:hover { background:#ea580c; border-color:#ea580c; color:#fff; }
.fpe-float__btn--save { background:#22c55e; color:#fff; border-color:#22c55e; }
.fpe-float__btn--save:hover { background:#16a34a; border-color:#16a34a; }
.fpe-float__btn--save:disabled { opacity:.65; cursor:not-allowed; }
.fpe-float__btn--ghost {
    background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.18);
}
.fpe-float__btn--ghost:hover { background:rgba(255,255,255,.14); color:#fff; }
.fpe-float__status {
    font-size:.6875rem; font-weight:600; line-height:1.35; text-align:center;
    color:#bbf7d0;
}
.fpe-float__status.is-error { color:#fecaca; }

.fairs-page.is-editing .fpe-field[contenteditable="true"] {
    outline:1px dashed rgba(249,115,22,.55); outline-offset:2px; border-radius:.25rem;
    cursor:text; min-height:1em;
}
.fairs-page.is-editing .fpe-field[contenteditable="true"]:hover {
    outline-color:rgba(249,115,22,.85); background:rgba(249,115,22,.06);
}
.fairs-page.is-editing .fpe-field[contenteditable="true"]:focus {
    outline:2px solid #f97316; background:rgba(249,115,22,.08);
}
.fairs-page.is-editing .fpe-image-target {
    position:relative; outline:2px dashed rgba(56,189,248,.55); outline-offset:-2px;
}
.fairs-page.is-editing .fpe-image-target:hover { outline-color:#38bdf8; }
.fairs-page.is-editing .fpe-image-target > .fpe-image-tools,
.fairs-page--editing .fpe-image-target > .fpe-image-tools {
    opacity:0; visibility:hidden; transform:translateY(4px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.fairs-page.is-editing .fpe-image-target:hover > .fpe-image-tools,
.fairs-page.is-editing .fpe-image-target:focus-within > .fpe-image-tools,
.fairs-page--editing .fpe-image-target:hover > .fpe-image-tools,
.fairs-page--editing .fpe-image-target:focus-within > .fpe-image-tools {
    opacity:1; visibility:visible; transform:translateY(0);
}
.fairs-page.is-editing .fairs-hero__overlay,
.fairs-page--editing .fairs-hero__overlay { pointer-events:none; }
.fairs-page.is-editing .fairs-hero > .fpe-image-tools,
.fairs-page--editing .fairs-hero > .fpe-image-tools {
    z-index:6; bottom:1rem;
}
.fpe-image-tools {
    position:absolute; inset:auto .75rem .75rem .75rem; z-index:5;
    display:flex; flex-wrap:wrap; gap:.45rem; justify-content:center;
}
.fpe-image-tools__btn {
    padding:.35rem .65rem; border:none; border-radius:.45rem;
    background:rgba(15,23,42,.82); color:#fff; font-size:.6875rem; font-weight:800;
    cursor:pointer; backdrop-filter:blur(4px);
}
.fpe-image-tools__btn:hover { background:rgba(15,23,42,.95); }
.fpe-image-tools__btn--muted { background:rgba(100,116,139,.85); }
.fpe-link-edit {
    margin-left:.35rem; padding:.1rem .35rem; border:none; border-radius:.35rem;
    background:rgba(249,115,22,.18); color:#fdba74; font-size:.75rem; line-height:1;
    cursor:pointer; vertical-align:middle;
}
.fpe-link-edit:hover { background:rgba(249,115,22,.32); }
.fairs-page.is-editing .fpe-link { cursor:text; position:relative; }
.fairs-page.is-editing .fpe-field-shell,
.fairs-page--editing .fpe-field-shell {
    position:relative; max-width:100%;
}
.fairs-page.is-editing .fpe-field-shell--inline .fpe-link.fairs-btn,
.fairs-page--editing .fpe-field-shell--inline .fpe-link.fairs-btn {
    display:inline-flex; width:auto;
}
.fairs-page.is-editing .fpe-field-shell--inline,
.fairs-page--editing .fpe-field-shell--inline {
    display:inline-block; vertical-align:baseline; max-width:100%;
}
.fairs-page.is-editing .fpe-field-shell--block,
.fairs-page--editing .fpe-field-shell--block {
    display:block; width:100%;
}
.fairs-page.is-editing .fpe-field-shell .fpe-link:not(.fairs-btn),
.fairs-page--editing .fpe-field-shell .fpe-link:not(.fairs-btn) { display:inline-flex; }
.fairs-page.is-editing .fpe-field-host,
.fairs-page--editing .fpe-field-host { position:relative; }
.fairs-page.is-editing .fpe-field-tools,
.fairs-page--editing .fpe-field-tools {
    position:absolute; top:.2rem; right:.2rem; z-index:30;
    display:inline-flex; align-items:center; gap:.12rem;
    padding:.12rem; border-radius:.4rem;
    background:rgba(15,23,42,.92); border:1px solid rgba(255,255,255,.14);
    box-shadow:0 6px 18px rgba(15,23,42,.28);
    opacity:0; visibility:hidden; pointer-events:none;
    transform:translateY(-2px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.fairs-page.is-editing .fpe-field-shell.is-active > .fpe-field-tools,
.fairs-page.is-editing .fpe-field-host.is-active > .fpe-field-tools,
.fairs-page.is-editing .fpe-field-shell:hover > .fpe-field-tools,
.fairs-page.is-editing .fpe-field-shell:focus-within > .fpe-field-tools,
.fairs-page.is-editing .fpe-field-host:hover > .fpe-field-tools,
.fairs-page.is-editing .fpe-field-host:focus-within > .fpe-field-tools,
.fairs-page--editing .fpe-field-shell.is-active > .fpe-field-tools,
.fairs-page--editing .fpe-field-host.is-active > .fpe-field-tools,
.fairs-page--editing .fpe-field-shell:hover > .fpe-field-tools,
.fairs-page--editing .fpe-field-shell:focus-within > .fpe-field-tools,
.fairs-page--editing .fpe-field-host:hover > .fpe-field-tools,
.fairs-page--editing .fpe-field-host:focus-within > .fpe-field-tools {
    opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);
}
.fairs-page.is-editing .fpe-block .fpe-field-shell.is-active > .fpe-field-tools,
.fairs-page.is-editing .fpe-block .fpe-field-host.is-active > .fpe-field-tools,
.fairs-page--editing .fpe-block .fpe-field-shell.is-active > .fpe-field-tools,
.fairs-page--editing .fpe-block .fpe-field-host.is-active > .fpe-field-tools {
    opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); z-index:30;
}
.fairs-page.is-editing .fpe-field-tools__btn,
.fairs-page--editing .fpe-field-tools__btn {
    display:inline-flex; align-items:center; justify-content:center;
    width:1.45rem; height:1.45rem; padding:0; border:none; border-radius:.3rem;
    background:transparent; color:#e2e8f0; cursor:pointer;
    transition:background .15s ease, color .15s ease;
}
.fairs-page.is-editing .fpe-field-tools__btn:hover,
.fairs-page--editing .fpe-field-tools__btn:hover { background:rgba(255,255,255,.12); color:#fff; }
.fairs-page.is-editing .fpe-field-tools__btn--danger:hover,
.fairs-page--editing .fpe-field-tools__btn--danger:hover { background:rgba(239,68,68,.25); color:#fecaca; }
.fairs-page.is-editing .fpe-link .fpe-field-tools,
.fairs-page--editing .fpe-link .fpe-field-tools { top:50%; right:.15rem; transform:translateY(-50%); }
.fairs-page.is-editing .fpe-link.is-active > .fpe-field-tools,
.fairs-page.is-editing .fpe-field-shell.is-active .fpe-link + .fpe-field-tools,
.fairs-page.is-editing .fpe-link:hover > .fpe-field-tools,
.fairs-page.is-editing .fpe-link:focus-within > .fpe-field-tools,
.fairs-page--editing .fpe-link.is-active > .fpe-field-tools,
.fairs-page--editing .fpe-field-shell.is-active .fpe-link + .fpe-field-tools,
.fairs-page--editing .fpe-link:hover > .fpe-field-tools,
.fairs-page--editing .fpe-link:focus-within > .fpe-field-tools {
    transform:translateY(-50%);
}
.fairs-page.is-editing .fpe-image-target .fpe-field-tools,
.fairs-page--editing .fpe-image-target .fpe-field-tools {
    top:.45rem; right:.45rem;
}
.fairs-page.is-editing .fairs-future-card__media .fpe-field-tools,
.fairs-page--editing .fairs-future-card__media .fpe-field-tools {
    top:.35rem; right:.35rem;
}
.fairs-page.is-editing .fpe-block.fairs-future-card,
.fairs-page.is-editing .fpe-block.fairs-news-card,
.fairs-page.is-editing .fairs-future-card,
.fairs-page.is-editing .fairs-future-card__content,
.fairs-page.is-editing .fairs-news-card,
.fairs-page.is-editing .fairs-upcoming-card,
.fairs-page.is-editing .fairs-carousel,
.fairs-page--editing .fpe-block.fairs-future-card,
.fairs-page--editing .fpe-block.fairs-news-card,
.fairs-page--editing .fairs-future-card,
.fairs-page--editing .fairs-future-card__content,
.fairs-page--editing .fairs-news-card,
.fairs-page--editing .fairs-upcoming-card,
.fairs-page--editing .fairs-carousel {
    overflow:visible !important;
}
.fairs-page.is-editing .fpe-block .fpe-field-shell,
.fairs-page.is-editing .fpe-block .fpe-field-host,
.fairs-page--editing .fpe-block .fpe-field-shell,
.fairs-page--editing .fpe-block .fpe-field-host {
    z-index:2;
}
.fairs-page.is-editing .fpe-block .fpe-field-shell.is-active,
.fairs-page.is-editing .fpe-block .fpe-field-host.is-active,
.fairs-page--editing .fpe-block .fpe-field-shell.is-active,
.fairs-page--editing .fpe-block .fpe-field-host.is-active {
    z-index:25;
}
.fairs-page.is-editing .fairs-tab[contenteditable="true"] { cursor:text; }
.fairs-page.is-editing .fairs-newsletter__input[readonly] {
    cursor:help; border-style:dashed;
}
.fairs-news-card__media.has-custom-image { background-color:#1e293b; }

/* Canlı düzenleme — yalnızca düzenleme modunda görünür */
.fairs-page.is-editing .fairs-tab,
.fairs-page--editing .fairs-tab { cursor:pointer; }
.fairs-page.is-editing [data-fairs-section][hidden],
.fairs-page--editing [data-fairs-section][hidden] { display:none !important; }

.fairs-page.is-editing .fpe-block,
.fairs-page--editing .fpe-block,
.fairs-page.is-editing .fpe-region-block,
.fairs-page--editing .fpe-region-block { position:relative; }

.fairs-page.is-editing .fpe-region-block:hover,
.fairs-page--editing .fpe-region-block:hover {
    outline:2px dashed rgba(56,189,248,.35); outline-offset:4px;
}

.fairs-page.is-editing .fpe-block-tools,
.fairs-page--editing .fpe-block-tools {
    position:absolute; top:.45rem; right:.45rem; z-index:12;
    display:flex; align-items:center; gap:.2rem;
    padding:.2rem; border-radius:.5rem;
    background:rgba(15,23,42,.88); border:1px solid rgba(255,255,255,.12);
    box-shadow:0 8px 24px rgba(15,23,42,.25);
    opacity:0; visibility:hidden; transform:translateY(-4px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.fairs-page.is-editing .fpe-block:hover > .fpe-block-tools,
.fairs-page.is-editing .fpe-block:focus-within > .fpe-block-tools,
.fairs-page.is-editing .fpe-region-block:hover > .fpe-block-tools,
.fairs-page.is-editing .fpe-region-block:focus-within > .fpe-block-tools,
.fairs-page--editing .fpe-block:hover > .fpe-block-tools,
.fairs-page--editing .fpe-block:focus-within > .fpe-block-tools,
.fairs-page--editing .fpe-region-block:hover > .fpe-block-tools,
.fairs-page--editing .fpe-region-block:focus-within > .fpe-block-tools {
    opacity:1; visibility:visible; transform:translateY(0);
}
.fairs-page.is-editing .fpe-block-tools__btn,
.fairs-page--editing .fpe-block-tools__btn {
    display:inline-flex; align-items:center; justify-content:center;
    width:1.65rem; height:1.65rem; padding:0; border:none; border-radius:.35rem;
    background:transparent; color:#e2e8f0; cursor:pointer;
    transition:background .15s ease, color .15s ease;
}
.fairs-page.is-editing .fpe-block-tools__btn:hover,
.fairs-page--editing .fpe-block-tools__btn:hover { background:rgba(255,255,255,.12); color:#fff; }
.fairs-page.is-editing .fpe-block-tools__btn--danger:hover,
.fairs-page--editing .fpe-block-tools__btn--danger:hover { background:rgba(239,68,68,.25); color:#fecaca; }
.fairs-page.is-editing .fairs-featured-card > .fpe-block-tools,
.fairs-page--editing .fairs-featured-card > .fpe-block-tools { top:.65rem; right:.65rem; }
.fairs-page.is-editing .fairs-participant > .fpe-block-tools,
.fairs-page--editing .fairs-participant > .fpe-block-tools { top:.35rem; right:.35rem; z-index:15; }
.fairs-page.is-editing .fairs-section.fpe-region-block > .fpe-block-tools--region,
.fairs-page--editing .fairs-section.fpe-region-block > .fpe-block-tools--region { z-index:20; }
.fairs-page.is-editing .fairs-hero__features .fpe-block > .fpe-block-tools,
.fairs-page--editing .fairs-hero__features .fpe-block > .fpe-block-tools { top:0; right:0; }
.fairs-page.is-editing .fairs-sidebar-categories .fpe-block > .fpe-block-tools,
.fairs-page--editing .fairs-sidebar-categories .fpe-block > .fpe-block-tools { top:50%; right:0; transform:translateY(-50%); }
.fairs-page.is-editing .fairs-sidebar-categories .fpe-block:hover > .fpe-block-tools,
.fairs-page.is-editing .fairs-sidebar-categories .fpe-block:focus-within > .fpe-block-tools,
.fairs-page--editing .fairs-sidebar-categories .fpe-block:hover > .fpe-block-tools,
.fairs-page--editing .fairs-sidebar-categories .fpe-block:focus-within > .fpe-block-tools {
    transform:translateY(-50%);
}
.fairs-page.is-editing .fpe-block-tools--region,
.fairs-page--editing .fpe-block-tools--region {
    top:.5rem; right:.5rem;
    flex-wrap:wrap; max-width:11rem; justify-content:flex-end;
}
.fairs-page.is-editing .fpe-block-tools__btn--drag,
.fairs-page--editing .fpe-block-tools__btn--drag { cursor:grab; color:#93c5fd; }
.fairs-page.is-editing .fpe-block-tools__btn--drag:active,
.fairs-page--editing .fpe-block-tools__btn--drag:active { cursor:grabbing; }
.fairs-page.is-editing .fpe-dragging,
.fairs-page--editing .fpe-dragging { opacity:.55; outline:2px solid #f97316 !important; }
.fairs-page.is-editing [data-fpe-dropzone].fpe-drop-target,
.fairs-page--editing [data-fpe-dropzone].fpe-drop-target {
    outline:2px dashed rgba(34,197,94,.55); outline-offset:6px;
    background:rgba(34,197,94,.04);
}
.fpe-add-item-btn {
    margin-top:.75rem; width:100%; padding:.55rem .85rem;
    border:1px dashed #cbd5e1; border-radius:.65rem; background:#f8fafc;
    color:#475569; font-size:.8125rem; font-weight:700; cursor:pointer;
    transition:background .2s ease, border-color .2s ease, color .2s ease;
}
.fpe-add-item-btn:hover {
    background:#fff7ed; border-color:#fdba74; color:#c2410c;
}