h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #063c29;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "Beklenmeyen bir hata oluştu."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

/* =========================================================
   FLORA GLOBAL TYPOGRAPHY SYSTEM
========================================================= */

:root {
    /* Ana metinler */
    --flora-text-xs: 13px;
    --flora-text-sm: 13px;
    --flora-text-md: 14px;
    --flora-text-base: 15px;
    --flora-text-lg: 16px;
    /* Başlıklar */
    --flora-h1: 35px;
    --flora-h2: 25px;
    --flora-h3: 18px;
    --flora-h4: 15px;
    /* Özel alanlar */
    --flora-button-text: 14px;
    --flora-menu-text: 16px;
    --flora-label-text: 13px;
    --flora-price-text: 16px;
    /* Satır yükseklikleri */
    --flora-line-normal: 1.55;
    --flora-line-relaxed: 1.65;
    /* Font */
    --flora-font-family: "Segoe UI Variable", "Segoe UI", Inter, Aptos, Roboto, Helvetica, Arial, sans-serif;
}

body {
    font-family: var(--flora-font-family);
    font-size: var(--flora-text-base);
    line-height: var(--flora-line-normal);
}

/* FLORA_V37D11_GLOBAL_READABILITY */
html {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    min-width: 320px;
    color: #1f2822;
    font-size: var(--flora-text-base);
}

button, input, select, textarea {
    font-family: var(--flora-font-family);
}

small {
    line-height: 1.45;
}

:focus-visible {
    outline: 3px solid rgba(6,60,41,.24);
    outline-offset: 2px;
}


/* FLORA_V37D13_AUDIT_DRIVEN_READABILITY */
html, body {
    overflow-x: clip;
}

button,
input,
select,
textarea {
    font-size: max(13px, 1em);
}

small {
    font-size: 13px;
}

.flora-v34-admin-badge,
.flora-v34-whatsapp {
    min-height: 44px;
    font-size: 13px !important;
}

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

.v35-form-grid label,
.suite-panel label,
.suite-panel input,
.suite-panel select,
.suite-panel textarea,
.suite-panel button {
    font-size: 13px !important;
}

@media (max-width: 760px) {
    .flora-v34-admin-badge,
    .flora-v34-whatsapp {
        min-width: 44px;
        min-height: 44px;
    }
}


/* FLORA_V37D15_FINAL_AUDIT_ZERO_TAP_FIX */
@media (max-width: 560px) {
    .identity-page .remember-row {
        position: relative !important;
        min-height: 44px !important;
        padding-left: 34px !important;
    }

    .identity-page .remember-row .flora-remember-checkbox {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        z-index: 2 !important;
        width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        opacity: 0 !important;
        cursor: pointer !important;
    }

    .identity-page .remember-row::before {
        content: "";
        position: absolute;
        left: 12px;
        top: 50%;
        width: 20px;
        height: 20px;
        transform: translate(-50%, -50%);
        border: 1.5px solid #aebbb0;
        border-radius: 4px;
        background: #fff;
        box-sizing: border-box;
        pointer-events: none;
    }

    .identity-page .remember-row:has(.flora-remember-checkbox:checked)::before {
        border-color: #063c29;
        background: #063c29;
    }

    .identity-page .remember-row:has(.flora-remember-checkbox:checked)::after {
        content: "✓";
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translate(-50%, -55%);
        color: #fff;
        font-size: 13px;
        font-weight: 900;
        line-height: 1;
        pointer-events: none;
    }
}


/* FLORA_V37D17_MODERATOR_BADGE */
.flora-v34-moderator-badge {
    background: #315b73 !important;
}

.flora-v34-moderator-badge:hover {
    background: #25475b !important;
}

/* ===== FLORA V37D18.2 SAFE TEXT WRAP START ===== */
/* Text safety for the actual product/card classes used by Flora. */
.dynamic-product-card,
.product-card,
.search-product-card,
.favorite-card,
.compare-card,
.result-product,
.category-card,
.blog-card,
.review-card,
.order-card,
.dashboard-card,
.manager-product {
    min-width: 0;
}

.dynamic-product-content,
.product-body,
.product-content,
.result-body,
.favorite-content,
.compare-card,
.blog-card-body,
.order-card-body {
    min-width: 0;
}

.dynamic-product-name,
.product-name,
.result-body h3,
.compare-card h2,
.favorite-card h2,
.favorite-card h3,
.blog-card h2,
.blog-card h3,
.manager-product strong,
.product-description,
.result-category,
.dynamic-category,
.product-category {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}
/* ===== FLORA V37D18.2 SAFE TEXT WRAP END ===== */


/* FLORA_V18_3_4_PREMIUM_HEADER_START */

/* Genel üst alan */
header,
.site-header,
.main-header,
.top-header,
.header-wrap,
.header-container {
    background: #ffffff !important;
    border-bottom: 1px solid #e6eee6 !important;
    box-shadow: 0 10px 24px rgba(6,60,41,0.06) !important;
}

/* İç yerleşim */
.header-inner,
.site-header-inner,
.main-header-inner,
.top-header-inner,
.navbar-inner,
.header-content {
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 14px 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
}

/* Logo alanı */
.site-brand,
.brand-area,
.logo-area,
.header-logo {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.site-brand img,
.brand-area img,
.logo-area img,
.header-logo img {
    max-height: 52px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Marka yazısı */
.site-brand .brand-text,
.logo-text,
.brand-title,
.header-brand-title {
    font-size: 15px !important;
    line-height: 1.2 !important;
    color: #4d5d50 !important;
}

/* Menü linkleri */
.header-nav a,
.main-nav a,
.navbar a,
.menu a {
    color: #063c29 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;

    padding: 10px 14px !important;
    border-radius: 10px !important;
    transition: all .20s ease !important;
}

.header-nav a:hover,
.main-nav a:hover,
.navbar a:hover,
.menu a:hover {
    background: #eef6ef !important;
    color: #063c29 !important;
}

/* Arama alanı */
.header-search,
.search-box,
.search-area,
.top-search {
    flex: 1 1 auto !important;
}

.header-search input,
.search-box input,
.search-area input,
.top-search input {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid #d8e5d8 !important;
    border-radius: 12px !important;
    background: #fbfdfb !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    color: #063c29 !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.02) !important;
}

.header-search input:focus,
.search-box input:focus,
.search-area input:focus,
.top-search input:focus {
    border-color: #063c29 !important;
    box-shadow: 0 0 0 3px rgba(6,60,41,.10) !important;
    outline: none !important;
}

/* Ikon/buton alanı */
.header-actions a,
.header-actions button,
.top-actions a,
.top-actions button {
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
}

/* Mobilde sıkılaştır */
@media (max-width: 900px) {
    .header-inner,
    .site-header-inner,
    .main-header-inner,
    .top-header-inner,
    .navbar-inner,
    .header-content {
        padding: 12px 14px !important;
        gap: 12px !important;
        flex-wrap: wrap !important;
    }

    .header-nav a,
    .main-nav a,
    .navbar a,
    .menu a {
        font-size: 14px !important;
        padding: 8px 10px !important;
    }

    .site-brand img,
    .brand-area img,
    .logo-area img,
    .header-logo img {
        max-height: 44px !important;
    }

    .header-search input,
    .search-box input,
    .search-area input,
    .top-search input {
        min-height: 44px !important;
        font-size: 14px !important;
    }
}

/* FLORA_V18_3_4_PREMIUM_HEADER_END */



/* FLORA_V38_GLOBAL_TYPOGRAPHY */
:root {
    --flora-font-family: "Segoe UI Variable", "Segoe UI", Inter, Aptos, Roboto, Helvetica, Arial, sans-serif;
    --flora-heading-font-family: "Segoe UI Variable", "Segoe UI", Inter, Aptos, Roboto, Helvetica, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--flora-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--flora-heading-font-family);
    letter-spacing: -.018em;
}


/* =========================================================
   FLORA V38 FINAL GLOBAL DESIGN GUARDS
========================================================= */
:root {
    --flora-font-family: "Segoe UI Variable Text", "Segoe UI", Aptos, Inter, Roboto, Helvetica, Arial, sans-serif;
    --flora-font-heading: "Segoe UI Variable Display", "Segoe UI", Aptos Display, Aptos, Inter, sans-serif;
    --flora-page-max: 1180px;
    --flora-surface: #ffffff;
    --flora-ink: #063c29;
    --flora-muted: #6e7c73;
    --flora-green: #063c29;
    --flora-border: #e0e8e2;
    --flora-radius: 18px;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--flora-ink);
    background: #fff;
    font-family: var(--flora-font-family);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.58;
    letter-spacing: -.006em;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
    max-width: 100%;
    margin-top: 0;
    color: var(--flora-ink);
    font-family: var(--flora-font-heading);
    font-weight: 760;
    letter-spacing: -.028em;
    overflow-wrap: anywhere;
}

p, a, span, strong, small, label, button, input, select, textarea, td, th {
    overflow-wrap: anywhere;
}

img, picture, svg, video, canvas {
    max-width: 100%;
}

img {
    height: auto;
}

main, section, article, aside, header, footer, nav,
.flora-page, .admin-suite-page, .suite-panel,
.dynamic-product-card, .category-card, .content-row,
.form-grid, .table-wrap {
    min-width: 0;
}

input, select, textarea, button {
    max-width: 100%;
}

textarea {
    resize: vertical;
}

.table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 760px) {
    body { font-size: 14px; }
    h1 { line-height: 1.08; }
    h2 { line-height: 1.14; }
}

/* FLORA_V39_MAIN_NAV_SPACING_FINAL */
.header-nav,
.main-nav,
.navbar,
.menu{
    display:flex!important;
    align-items:center!important;
    column-gap:28px!important;
    row-gap:10px!important;
}

.header-nav a,
.main-nav a,
.navbar a,
.menu a{
    margin:0!important;
    padding:12px 4px!important;
    white-space:nowrap!important;
}

@media(max-width:1050px){
    .header-nav,
    .main-nav,
    .navbar,
    .menu{
        column-gap:18px!important;
    }

    .header-nav a,
    .main-nav a,
    .navbar a,
    .menu a{
        padding-inline:2px!important;
    }
}

/* FLORA_V39_REAL_FINAL_GLOBAL_UI */

/* HESABINIZA HOS GELDINIZ */
.account-dashboard .account-hero h1,
.account-hero h1{
    color:#ffffff!important;
}

/* HESAP VE GUVENLIK */
.flora-manage-shell .manage-hero h1,
.manage-hero h1{
    color:#ffffff!important;
}

.flora-manage-shell .manage-hero span,
.flora-manage-shell .manage-hero p{
    color:#ffffff!important;
}

/* NEWSLETTER */
.newsletter h2{
    color:#ffffff!important;
}

/* ADMIN BILDIRIM */
.automation-page .automation-hero{
    background:
        radial-gradient(
            circle at 85% 12%,
            rgba(113,206,145,.18),
            transparent 25%),
        linear-gradient(
            135deg,
            #063c29,
            #063c29 62%,
            #063c29)!important;

    color:#ffffff!important;
}

.automation-page .automation-hero h1{
    color:#ffffff!important;
}

.automation-page .automation-hero p{
    color:rgba(255,255,255,.88)!important;
}

/* ADMIN CARK */
.flora-wheel-admin .wheel-admin-hero{
    background:
        radial-gradient(
            circle at 85% 12%,
            rgba(113,206,145,.18),
            transparent 25%),
        linear-gradient(
            135deg,
            #063c29,
            #063c29 62%,
            #063c29)!important;

    color:#ffffff!important;
}

.flora-wheel-admin .wheel-admin-hero h1{
    color:#ffffff!important;
}

.flora-wheel-admin .wheel-admin-hero p{
    color:rgba(255,255,255,.88)!important;
}


/* ==========================================================
   FLORA_V40_9_PREMIUM_LOGO_WORDMARK
   Premium logo + wordmark
   ========================================================== */

/*
  Header marka alaninda kullanilan olasi brand sarmalayicilar.
  Var olan yapıyı bozmadan görünümü premium hale getirir.
*/
a.navbar-brand,
.site-brand,
.header-brand,
.flora-brand,
.flora-header-brand,
.store-brand,
.brand-link{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    text-decoration:none !important;
}

/* Logo kutusu */
a.navbar-brand img,
.site-brand img,
.header-brand img,
.flora-brand img,
.flora-header-brand img,
.store-brand img,
.brand-link img{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    border-radius:14px !important;
    object-fit:cover !important;
    display:block !important;
    box-shadow:0 10px 26px rgba(6,60,41,.14) !important;
    background:#063c29 !important;
}

/*
  Yazı bloğu için yaygın ikinci sarmalayıcılar
*/
a.navbar-brand .brand-text,
a.navbar-brand .brand-lockup,
a.navbar-brand .brand-copy,
.site-brand .brand-text,
.site-brand .brand-lockup,
.header-brand .brand-text,
.header-brand .brand-lockup,
.flora-brand .brand-text,
.flora-brand .brand-lockup,
.flora-header-brand .brand-text,
.flora-header-brand .brand-lockup,
.store-brand .brand-text,
.store-brand .brand-lockup,
.brand-link .brand-text,
.brand-link .brand-lockup{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    line-height:1 !important;
    gap:5px !important;
}

/* Üst satır: FLORA */
a.navbar-brand .brand-title,
a.navbar-brand .logo-title,
a.navbar-brand .brand-name,
.site-brand .brand-title,
.site-brand .logo-title,
.site-brand .brand-name,
.header-brand .brand-title,
.header-brand .logo-title,
.header-brand .brand-name,
.flora-brand .brand-title,
.flora-brand .logo-title,
.flora-brand .brand-name,
.flora-header-brand .brand-title,
.flora-header-brand .logo-title,
.flora-header-brand .brand-name,
.store-brand .brand-title,
.store-brand .logo-title,
.store-brand .brand-name,
.brand-link .brand-title,
.brand-link .logo-title,
.brand-link .brand-name{
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 2rem !important;
    line-height: .92 !important;
    font-weight: 500 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: #063c29 !important;
    margin: 0 !important;
}

/* Alt satır: BOTANİK BAHÇESİ */
a.navbar-brand .brand-subtitle,
a.navbar-brand .logo-subtitle,
a.navbar-brand .brand-tag,
.site-brand .brand-subtitle,
.site-brand .logo-subtitle,
.site-brand .brand-tag,
.header-brand .brand-subtitle,
.header-brand .logo-subtitle,
.header-brand .brand-tag,
.flora-brand .brand-subtitle,
.flora-brand .logo-subtitle,
.flora-brand .brand-tag,
.flora-header-brand .brand-subtitle,
.flora-header-brand .logo-subtitle,
.flora-header-brand .brand-tag,
.store-brand .brand-subtitle,
.store-brand .logo-subtitle,
.store-brand .brand-tag,
.brand-link .brand-subtitle,
.brand-link .logo-subtitle,
.brand-link .brand-tag{
    font-size: .82rem !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: .28em !important;
    text-transform: uppercase !important;
    color: #063c29 !important;
    margin: 0 !important;
}

/*
  Eğer mevcut yapıda spansız düz iki satır text varsa
  genel okunurluğu yine toparlar.
*/
a.navbar-brand,
.site-brand,
.header-brand,
.flora-brand,
.flora-header-brand,
.store-brand,
.brand-link{
    color:#063c29 !important;
}

/* Header yüksekliğiyle orantı */
@media (max-width: 768px){
    a.navbar-brand img,
    .site-brand img,
    .header-brand img,
    .flora-brand img,
    .flora-header-brand img,
    .store-brand img,
    .brand-link img{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        border-radius:12px !important;
    }

    a.navbar-brand .brand-title,
    a.navbar-brand .logo-title,
    a.navbar-brand .brand-name,
    .site-brand .brand-title,
    .site-brand .logo-title,
    .site-brand .brand-name,
    .header-brand .brand-title,
    .header-brand .logo-title,
    .header-brand .brand-name,
    .flora-brand .brand-title,
    .flora-brand .logo-title,
    .flora-brand .brand-name,
    .flora-header-brand .brand-title,
    .flora-header-brand .logo-title,
    .flora-header-brand .brand-name,
    .store-brand .brand-title,
    .store-brand .logo-title,
    .store-brand .brand-name,
    .brand-link .brand-title,
    .brand-link .logo-title,
    .brand-link .brand-name{
        font-size:1.45rem !important;
        letter-spacing:.10em !important;
    }

    a.navbar-brand .brand-subtitle,
    a.navbar-brand .logo-subtitle,
    a.navbar-brand .brand-tag,
    .site-brand .brand-subtitle,
    .site-brand .logo-subtitle,
    .site-brand .brand-tag,
    .header-brand .brand-subtitle,
    .header-brand .logo-subtitle,
    .header-brand .brand-tag,
    .flora-brand .brand-subtitle,
    .flora-brand .logo-subtitle,
    .flora-brand .brand-tag,
    .flora-header-brand .brand-subtitle,
    .flora-header-brand .logo-subtitle,
    .flora-header-brand .brand-tag,
    .store-brand .brand-subtitle,
    .store-brand .logo-subtitle,
    .store-brand .brand-tag,
    .brand-link .brand-subtitle,
    .brand-link .logo-subtitle,
    .brand-link .brand-tag{
        font-size:.72rem !important;
        letter-spacing:.20em !important;
    }
}

/* FLORA_V40_16_GLOBAL_PREMIUM_TOKENS */
:root{--flora-premium-deep:#063c29;--flora-premium-green:#063c29;--flora-premium-cream:#fbf8f1;--flora-premium-ivory:#fffdf9;--flora-premium-line:rgba(6,60,41,.12);--flora-premium-gold:#b89562}
body{background:#fbf8f1;color:#063c29}