:root {
    --ink: #17202a;
    --muted: #667085;
    --line: #e7ebf0;
    --brand: #0047ab;
    --brand-dark: #07327c;
    --cyan: #00a9c8;
    --accent: #f59e0b;
    --bg: #f5f7fb;
    --panel: #ffffff;
}

* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    color: var(--ink);
    background: var(--bg);
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.wrap { width: min(1240px, calc(100% - 32px)); margin: 0 auto; }
.muted { color: var(--muted); }
.small { font-size: 13px; }

.topbar { background: #f8fafc; border-bottom: 1px solid var(--line); font-size: 13px; color: #475467; }
.topbar .wrap { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.top-links { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.top-links a { font-weight: 650; }
.top-links a:hover { color: var(--brand); }

.header { background: #fff; border-bottom: 1px solid var(--line); }
.header-main { min-height: 92px; display: grid; grid-template-columns: 220px minmax(260px, 1fr) auto auto auto; align-items: center; gap: 18px; }
.brand-logo img { width: 205px; height: auto; }
.search-shell { position: relative; width: 100%; min-width: 0; }
.search { position: relative; z-index: 2; display: flex; width: 100%; }
.search input { flex: 1; min-width: 0; border: 2px solid var(--brand); border-right: 0; padding: 13px 15px; border-radius: 6px 0 0 6px; font-size: 15px; background: #fff; }
.search button, .btn { border: 0; background: var(--brand); color: #fff; padding: 13px 18px; border-radius: 6px; font-weight: 800; cursor: pointer; font: inherit; }
.btn { display: inline-flex; align-items: center; justify-content: center; text-align: center; }
.btn.small { padding: 7px 10px; font-size: 12px; min-height: 0; margin: 2px 3px 2px 0; }
.small-btn { padding: 8px 12px; font-size: 13px; min-height: 0; }
.admin-actions-cell { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.admin-actions-cell .inline-form { display: inline-flex; margin: 0; }
.purchase-closed-banner { background: linear-gradient(90deg, #082f49, #075985); color: #fff; border-bottom: 3px solid #22d3ee; box-shadow: 0 8px 22px rgba(8, 47, 73, .16); }
.purchase-closed-inner { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 12px; text-align: center; font-weight: 800; }
.purchase-closed-inner strong { font-size: 15px; text-transform: uppercase; letter-spacing: .4px; white-space: nowrap; }
.purchase-closed-inner span:last-child { color: #dff8ff; font-size: 14px; line-height: 1.35; }
.purchase-alert-icon { flex: 0 0 auto; width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: 999px; background: #facc15; color: #0f172a; font-weight: 950; box-shadow: 0 0 0 4px rgba(250, 204, 21, .22); }
.purchase-closed-box { border: 1px solid #38bdf8; background: linear-gradient(135deg, #eff6ff, #ecfeff); border-left: 6px solid #0891b2; border-radius: 12px; padding: 16px 18px; display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; color: #164e63; box-shadow: 0 12px 30px rgba(14, 165, 233, .12); margin: 10px 0 18px; }
.purchase-closed-box strong { display: block; color: #0f172a; font-size: 18px; margin-bottom: 4px; }
.purchase-closed-box span:not(.purchase-alert-icon) { display: block; color: #475569; line-height: 1.45; font-weight: 750; }
.btn.disabled { pointer-events: none; opacity: .72; cursor: not-allowed; }
.xml-job-card { border-left: 5px solid #0ea5e9; }
.xml-job-progress { display: grid; gap: 8px; padding: 12px 0; }
.xml-job-progress strong { font-size: 18px; color: #0f172a; }
.xml-job-progress span { color: #667085; font-weight: 800; }
.search button { border-radius: 0 6px 6px 0; background: var(--brand); }
.search-suggest {
    position: absolute;
    z-index: 120;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    display: grid;
    gap: 6px;
    padding: 10px;
    max-height: min(520px, calc(100vh - 150px));
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid #d6e2f2;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .18);
}
.search-suggest[hidden] { display: none; }
.search-suggest * { min-width: 0; }
.search-suggest-item {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 9px;
    border-radius: 10px;
    color: #17202a;
}
.search-suggest-item:hover,
.search-suggest-item:focus {
    background: #f3f8ff;
    outline: none;
}
.search-suggest-image {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    max-width: 58px;
    max-height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid #e1eaf6;
    border-radius: 10px;
    background: #f8fafc;
    overflow: hidden;
}
.search-suggest-image img {
    width: 54px;
    height: 54px;
    max-width: 54px;
    max-height: 54px;
    object-fit: contain;
}
.search-suggest-noimage {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #dce7f5;
}
.search-suggest-body {
    min-width: 0;
    display: grid;
    gap: 4px;
}
.search-suggest-body strong {
    color: #101828;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.search-suggest-body small,
.search-suggest-side small {
    color: #667085;
    font-size: 12px;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-suggest-side {
    display: grid;
    gap: 4px;
    text-align: right;
    white-space: nowrap;
}
.search-suggest-side b {
    color: var(--brand);
    font-size: 14px;
    font-weight: 950;
}
.search-suggest-all,
.search-suggest-empty,
.search-suggest-loading {
    display: block;
    padding: 12px;
    border-radius: 10px;
    background: #f8fbff;
    color: #475467;
    font-weight: 850;
    text-align: center;
}
.search-suggest-all {
    color: var(--brand);
    background: #eef6ff;
}
.btn.secondary { background: #fff; color: var(--ink); border: 1px solid var(--line); }
.btn.warn { background: var(--accent); color: #111827; }
.btn.danger { background: #c01048; color: #fff; border: 1px solid #c01048; }
.btn.danger:hover { background: #9f1239; border-color: #9f1239; color: #fff; }
.admin-row-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.support-box, .cart-box, .member-box { display: flex; align-items: center; gap: 10px; min-height: 48px; color: #1d2939; }
.support-box small { display: block; color: var(--muted); font-size: 12px; }
.support-box strong, .cart-box strong, .member-box strong { display: block; white-space: nowrap; font-size: 14px; }
.support-icon, .cart-icon, .member-icon {
    display: grid;
    place-items: center;
    min-width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #eef6ff;
    color: var(--brand);
    font-weight: 900;
}
.support-icon svg {
    width: 21px;
    height: 21px;
    fill: currentColor;
}
.cart-icon { min-width: 58px; font-size: 12px; }
.member-icon { min-width: 48px; font-size: 12px; background: #e6fbff; color: var(--cyan); }

.floating-whatsapp {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 90;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 10px 16px 10px 12px;
    border-radius: 999px;
    background: #18b75b;
    color: #fff;
    box-shadow: 0 14px 28px rgba(18, 161, 80, .28);
    font-size: 14px;
    font-weight: 900;
    overflow: hidden;
}
.floating-whatsapp:hover { background: #0f9f4a; color: #fff; }
.floating-whatsapp svg,
.floating-whatsapp img,
.floating-whatsapp .floating-whatsapp-icon {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    display: block;
    flex: 0 0 30px;
}

.nav { background: #fff; border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 30; }
.mobile-menu-toggle { display: none; }
.nav-inner { min-height: 52px; display: flex; align-items: center; gap: 18px; overflow: visible; position: relative; }
.nav a { color: #344054; font-size: 14px; font-weight: 800; white-space: nowrap; }
.nav-group { position: relative; }
.nav-group > a { display: flex; align-items: center; gap: 6px; padding: 17px 0; }
.nav-group.has-children > a { cursor: default; }
.nav .menu-link-no-icon::before,
.nav .menu-link-no-icon::after,
.nav-group.has-children > .menu-link-no-icon::before,
.nav-group.has-children > .menu-link-no-icon::after,
.submenu-item.has-children > .menu-link-no-icon::before,
.submenu-item.has-children > .menu-link-no-icon::after {
    content: none !important;
    display: none !important;
}
.nav-group > a:hover { color: var(--brand); }
.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 40;
    min-width: 245px;
    background: #fff;
    border: 1px solid var(--line);
    box-shadow: 0 18px 42px rgba(15, 23, 42, .14);
    border-radius: 0 0 8px 8px;
    padding: 8px;
}
.submenu.nested { top: -9px; left: calc(100% - 2px); border-radius: 8px; z-index: 45; }
.submenu-item { position: relative; }
.submenu-item > a { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.submenu-item.has-children > a { cursor: default; }
.submenu a { padding: 10px 11px; color: #344054; font-weight: 700; white-space: normal; border-radius: 6px; }
.submenu a:hover { background: #f2f7ff; color: var(--brand); }
.nav-group:hover > .submenu,
.nav-group:focus-within > .submenu,
.nav-group.open > .submenu,
.submenu-item:hover > .submenu,
.submenu-item:focus-within > .submenu,
.submenu-item.open > .submenu { display: block; }

.home-slider { padding: 18px 0 0; background: #fff; border-bottom: 1px solid var(--line); }
.hero-carousel {
    position: relative;
    aspect-ratio: 1370 / 450;
    overflow: hidden;
    background: #eef2f7;
    border-radius: 0;
}
.hero-slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity .45s ease; }
.hero-slide.active { opacity: 1; pointer-events: auto; }
.hero-slide img { width: 100%; height: 100%; object-fit: cover; }
.carousel-arrow, .brand-arrow {
    position: absolute;
    z-index: 3;
    border: 1px solid rgba(255,255,255,.78);
    background: rgba(255,255,255,.88);
    color: var(--brand);
    display: grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .14);
    transition: background .18s ease, transform .18s ease;
}
.carousel-arrow { top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 50%; font-size: 30px; line-height: 1; }
.carousel-arrow.prev { left: 16px; }
.carousel-arrow.next { right: 16px; }
.carousel-arrow:hover, .brand-arrow:hover { background: #fff; transform: translateY(-50%) scale(1.04); }
.slider-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 2;
}
.slider-dots button { width: 10px; height: 10px; border: 1px solid rgba(0,0,0,.12); border-radius: 50%; padding: 0; background: rgba(255,255,255,.7); cursor: pointer; }
.slider-dots button.active { width: 24px; border-radius: 999px; background: var(--brand); border-color: var(--brand); }
.promo-banners { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; margin-top: 22px; }
.home-promos { background: #fff; padding: 0 0 22px; border-bottom: 1px solid var(--line); }
.home-promos .promo-banners { margin-top: 0; }
.promo-banners a { display: block; background: #eef2f7; overflow: hidden; }
.promo-banners img { width: 100%; aspect-ratio: 340 / 170; height: auto; object-fit: cover; transition: transform .25s ease; }
.promo-banners a:hover img { transform: scale(1.025); }
.category-banner-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.category-banner-card { position: relative; min-height: 150px; display: flex; align-items: flex-end; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #eef2f7; box-shadow: 0 14px 28px rgba(15, 23, 42, .055); }
.category-banner-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.category-banner-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15, 23, 42, 0) 25%, rgba(15, 23, 42, .62) 100%); }
.category-banner-card span { position: relative; z-index: 1; padding: 16px; color: #fff; font-size: 17px; font-weight: 950; line-height: 1.2; text-shadow: 0 1px 10px rgba(0, 0, 0, .22); }
.category-banner-card:hover img { transform: scale(1.035); }
.home-product-carousel-section { background: #f4f6fa; padding: 34px 0 38px; }
.home-product-carousel-section .section-title { align-items: center; margin-bottom: 18px; }
.home-product-carousel-section .section-title h2 { font-size: 26px; }
.home-product-carousel-section .section-title p { margin-top: 6px; max-width: 720px; }
.home-product-scroller { display: grid; grid-auto-flow: column; grid-auto-columns: clamp(230px, calc((100% - 54px) / 4), 292px); grid-template-rows: 1fr; gap: 18px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; padding: 2px 2px 14px; scrollbar-width: thin; }
.home-product-scroller::-webkit-scrollbar { height: 9px; }
.home-product-scroller::-webkit-scrollbar-track { background: #e8eef6; border-radius: 999px; }
.home-product-scroller::-webkit-scrollbar-thumb { background: #b8c7d9; border-radius: 999px; }
.home-carousel-card { width: 100%; min-width: 0; max-width: none; scroll-snap-align: start; display: grid; gap: 10px; }
.home-carousel-image { display: grid; place-items: center; aspect-ratio: 1 / 1; border-radius: 14px; background: #fff; overflow: hidden; border: 1px solid #e4ebf5; }
.home-carousel-image img { display: block; width: 84%; height: 84%; object-fit: contain; }
.home-carousel-body { display: grid; gap: 8px; }
.home-carousel-body .badge, .home-carousel-body .product-brand-line { display: none; }
.home-carousel-body h3 { margin: 0; min-height: 44px; font-size: 15px; line-height: 1.35; font-weight: 850; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-carousel-body .price { margin: 0; min-height: 24px; color: #0b8f1f; font-size: 17px; font-weight: 850; }
.home-carousel-body .price strong { color: inherit; font: inherit; }
.home-carousel-body .btn { width: 100%; min-height: 44px; border-radius: 999px; background: #ff6500; border-color: #ff6500; color: #fff; box-shadow: none; }
.home-carousel-body .btn:hover { background: #e95d00; color: #fff; }
.home-carousel-body .btn.secondary { background: #fff; color: #0047ab; border-color: #c9d8ed; }
.home-carousel-dots { display: none; }
.home-showcase-section { background: #f4f6fa; padding: 34px 0 42px; }
.home-showcase-head { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 18px; margin-bottom: 18px; }
.home-showcase-head h2 { margin: 0; color: #111827; font-size: 26px; line-height: 1.2; letter-spacing: 0; }
.home-showcase-head p { margin: 6px 0 0; color: #667085; font-size: 14px; font-weight: 750; }
.home-showcase-actions { justify-self: end; display: inline-flex; align-items: center; gap: 10px; }
.home-showcase-more { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 16px; border: 1px solid #c8d9f4; border-radius: 8px; background: #fff; color: #0047ab; font-size: 13px; font-weight: 850; }
.home-showcase-nav { display: inline-flex; align-items: center; gap: 8px; }
.home-showcase-arrow { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid #c8d9f4; border-radius: 50%; background: #fff; color: #0047ab; font-size: 22px; line-height: 1; font-weight: 900; cursor: pointer; box-shadow: 0 8px 18px rgba(0, 71, 171, .08); }
.home-showcase-arrow:hover { background: #0047ab; color: #fff; }
.home-showcase-track { display: grid; grid-auto-flow: column; grid-auto-columns: clamp(230px, calc((100% - 54px) / 4), 292px); gap: 18px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; padding: 0 2px 14px; scrollbar-width: thin; }
.home-showcase-track::-webkit-scrollbar { height: 9px; }
.home-showcase-track::-webkit-scrollbar-track { background: #e8eef6; border-radius: 999px; }
.home-showcase-track::-webkit-scrollbar-thumb { background: #b8c7d9; border-radius: 999px; }
.home-showcase-card { min-width: 0; display: grid; gap: 10px; scroll-snap-align: start; }
.home-showcase-image { display: grid; place-items: center; width: 100%; aspect-ratio: 1 / 1; border: 1px solid #e4ebf5; border-radius: 14px; background: #fff; overflow: hidden; }
.home-showcase-image img { display: block; width: 84%; height: 84%; max-width: 84%; max-height: 84%; object-fit: contain; }
.home-showcase-info { display: grid; gap: 9px; min-width: 0; }
.home-showcase-info h3 { margin: 0; min-height: 42px; color: #111827; font-size: 15px; line-height: 1.35; font-weight: 850; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-showcase-info h3 a:hover { color: #0047ab; }
.home-showcase-price { min-height: 24px; color: #0047ab; font-size: 17px; font-weight: 900; }
.home-showcase-price strong { display: inline; color: inherit; font: inherit; }
.home-showcase-price del { display: block; margin-bottom: 2px; color: #98a2b3; font-size: 13px; font-weight: 750; }
.home-showcase-cart { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; border-radius: 999px; background: #0047ab; color: #fff; font-weight: 850; box-shadow: 0 10px 22px rgba(0, 71, 171, .18); }
.home-showcase-cart:hover { background: #003a8c; color: #fff; }
.home-showcase-cart.is-disabled { border: 1px solid #c9d8ed; background: #fff; color: #0047ab; }
.home-showcase-dots { display: flex; justify-content: center; align-items: center; gap: 9px; margin-top: 6px; }
.home-showcase-dots button { width: 10px; height: 10px; padding: 0; border-radius: 50%; border: 2px solid #9fb6d8; background: transparent; cursor: pointer; }
.home-showcase-dots button.active { border-color: #0047ab; background: #0047ab; }
@keyframes heroFade {
    0%, 21% { opacity: 1; }
    25%, 96% { opacity: 0; }
    100% { opacity: 1; }
}

.brand-strip { background: #fff; border-bottom: 1px solid var(--line); }
.brand-carousel { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; gap: 10px; align-items: center; padding: 12px 0; }
.brand-row { overflow: hidden; scrollbar-width: none; }
.brand-row::-webkit-scrollbar { display: none; }
.brand-track { display: flex; gap: 14px; width: max-content; }
.brand-logo-card { flex: 0 0 148px; height: 66px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; padding: 9px 16px; background: #fff; }
.brand-logo-card:hover { border-color: var(--brand); box-shadow: 0 10px 22px rgba(15, 23, 42, .07); }
.brand-logo-card img { width: auto; height: auto; max-width: 112px; max-height: 46px; object-fit: contain; display: block; }
.brand-arrow {
    position: static;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    transform: none;
    font-size: 24px;
    background: #f8fafc;
    border-color: var(--line);
}
.brand-arrow:hover { transform: none; background: #fff; }

.section { padding: 34px 0; }
.section.compact { padding: 24px 0 8px; }
.white-band, .market-section { background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.section-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; gap: 16px; }
.section-title.centered { justify-content: center; text-align: center; flex-direction: column; gap: 6px; }
.section-title h2 { margin: 0; font-size: 25px; letter-spacing: 0; }
.section-title p { margin: 0; color: var(--muted); font-size: 13px; font-weight: 800; }
.listing-tools { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
.sort-form { min-width: 210px; }
.sort-form select { height: 38px; padding: 0 34px 0 12px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: #1d2939; font-size: 13px; font-weight: 800; cursor: pointer; }
.home-product-tabs { background: #fff; padding: 26px 0 0; }
.quick-cats { display: flex; align-items: center; justify-content: center; gap: 34px; flex-wrap: wrap; }
.quick-cat { position: relative; color: #1d2939; padding: 0 0 12px; font-weight: 900; }
.quick-cat strong { font-size: 16px; }
.quick-cat:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--brand); transform: scaleX(0); transform-origin: center; transition: transform .18s ease; }
.quick-cat.active:after { transform: scaleX(1); }
.quick-cat:hover, .quick-cat.active { color: var(--brand); }
.products-home { background: #fff; padding-top: 24px; }
.home-tab-heading { display: none; margin-bottom: 16px; }
.home-tab-heading.active { display: flex; }
.home-empty { grid-column: 1 / -1; text-align: center; color: var(--muted); }

.grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.grid.home-tab-panel { display: none; }
.grid.home-tab-panel.active { display: grid; }
.product { background: var(--panel); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; min-height: 100%; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.product:hover { border-color: #c7d7f5; transform: translateY(-2px); box-shadow: 0 16px 36px rgba(15, 23, 42, .08); }
.product .image { position: relative; aspect-ratio: 1 / 1; background: #fff; display: grid; place-items: center; overflow: hidden; border-bottom: 1px solid #eef2f6; }
.product .image img { width: calc(100% - 24px); height: calc(100% - 24px); object-fit: contain; display: block; }
.product .body { padding: 14px; display: flex; flex-direction: column; gap: 9px; flex: 1; }
.badge { display: inline-flex; width: fit-content; border-radius: 999px; padding: 4px 9px; font-size: 12px; font-weight: 900; background: #ecfdf3; color: #067647; }
.badge.out { background: #fff1f3; color: #c01048; }
.product h3 { font-size: 15px; line-height: 1.32; margin: 0; min-height: 60px; }
.product h3 a:hover { color: var(--brand); }
.product-brand-line { color: #667085; font-size: 14px; line-height: 1.25; font-weight: 750; min-height: 18px; }
.price { font-size: 20px; font-weight: 950; margin-top: auto; color: #101828; }
.price strong { display: block; font: inherit; color: inherit; }
.price.unavailable { min-height: 20px; }
.price del, .related-price del, .detail-price-block del { display: block; color: #98a2b3; font-size: 14px; font-weight: 850; margin-bottom: 3px; }
.discount-ribbon { position: absolute; left: 10px; top: 10px; z-index: 2; min-width: 48px; padding: 6px 9px; border-radius: 999px; background: var(--brand); color: #fff; font-size: 12px; font-weight: 950; box-shadow: 0 8px 18px rgba(0, 71, 171, .18); }

.category-flow { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; }
.category-flow a { display: grid; place-items: center; min-height: 58px; border: 1px solid var(--line); border-radius: 8px; padding: 10px; font-weight: 850; background: #fff; text-align: center; color: #344054; }
.category-flow a:hover { border-color: var(--brand); color: var(--brand); background: #f7fbff; }

.market-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 16px; }
.market-grid a {
    min-height: 112px;
    display: grid;
    place-items: center;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #fff;
    padding: 20px 18px;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.market-grid a:hover { border-color: var(--brand); box-shadow: 0 12px 28px rgba(15, 23, 42, .08); transform: translateY(-1px); }
.market-grid img { width: auto; height: auto; max-width: 116px; max-height: 86px; object-fit: contain; image-rendering: auto; }
.blog-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.blog-card { background: #fff; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.blog-card-image { display: block; background: #f2f4f7; }
.blog-card img { width: 100%; aspect-ratio: 1.45 / 1; object-fit: cover; }
.blog-card div { padding: 15px; }
.blog-card span { display: block; color: var(--brand); font-weight: 900; font-size: 12px; margin-bottom: 7px; }
.blog-card h3 { margin: 0; font-size: 16px; line-height: 1.35; }
.blog-card h3 a:hover { color: var(--brand); }
.blog-card p { margin: 10px 0 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.blog-list-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.blog-detail { max-width: 920px; margin: 0 auto; background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 28px; }
.blog-detail h1 { margin: 8px 0 10px; font-size: 38px; line-height: 1.15; letter-spacing: 0; }
.blog-meta { color: var(--muted); font-weight: 850; margin-bottom: 18px; }
.blog-hero-image { width: 100%; border-radius: 8px; margin: 8px 0 24px; aspect-ratio: 1200 / 700; object-fit: cover; background: #f2f4f7; }
.blog-content { font-size: 17px; line-height: 1.78; color: #1d2939; }
.blog-content p { margin: 0 0 18px; }
.blog-content p:first-child { color: var(--brand); font-weight: 950; }
.blog-content a { color: var(--brand); font-weight: 850; }

.cols { display: grid; grid-template-columns: 280px 1fr; gap: 20px; align-items: start; }
.sidebar, .panel { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 16px; }
.panel h1 { margin-top: 0; }
.panel h2 { margin: 24px 0 10px; font-size: 22px; }
.panel h3 { margin: 18px 0 8px; font-size: 17px; }
.panel p, .panel li { color: #344054; line-height: 1.72; }
.page-heading { margin-bottom: 20px; max-width: 880px; }
.page-heading span { display: inline-block; color: var(--brand); font-weight: 950; font-size: 13px; margin-bottom: 8px; }
.page-heading h1, .page-heading h2 { margin: 0 0 8px; font-size: 32px; line-height: 1.18; }
.page-heading p { margin: 0; color: var(--muted); font-weight: 650; }
.info-table { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 18px 0; }
.info-table > div { border: 1px solid var(--line); border-radius: 8px; padding: 16px; background: #f8fafc; }
.info-table strong { display: block; color: #101828; font-size: 17px; margin-bottom: 10px; }
.info-table span { display: block; color: var(--brand); font-size: 12px; font-weight: 950; text-transform: uppercase; margin-top: 10px; }
.info-table p { margin: 4px 0 0; }
.brand-directory { display: grid; gap: 18px; }
.brand-group { border-top: 1px solid var(--line); padding-top: 16px; }
.brand-group h2 { margin: 0 0 12px; color: var(--brand); font-size: 22px; }
.brand-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.brand-list a { min-height: 172px; display: grid; grid-template-rows: 88px auto auto; align-items: center; justify-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 14px; padding: 20px 16px 16px; background: #fff; text-align: center; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.brand-list a:hover { border-color: var(--brand); color: var(--brand); background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .08); transform: translateY(-2px); }
.brand-list .brand-list-logo { width: 100%; min-width: 0; height: 88px; display: grid; place-items: center; }
.brand-list img { width: min(230px, 92%); height: 82px; object-fit: contain; display: block; }
.brand-list strong { width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 1.2; font-weight: 950; }
.brand-list em { color: var(--muted); font-size: 13px; font-style: normal; font-weight: 750; white-space: nowrap; }
.brand-list a:hover em { color: var(--brand); }
.sidebar a { display: block; padding: 10px 0; border-bottom: 1px solid var(--line); color: #344054; }
.nova-filter { padding: 10px; overflow: visible; display: grid; gap: 10px; background: #f5f7fb; }
.filter-block { padding: 12px; border: 1px solid #dfe6ef; border-radius: 8px; background: #fff; box-shadow: 0 8px 18px rgba(15, 23, 42, .035); }
.filter-block h3 { margin: 0 0 9px; font-size: 13px; line-height: 1.25; text-transform: uppercase; color: #111827; }
.filter-block a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px solid #edf1f6; font-size: 13px; line-height: 1.25; }
.filter-block a:last-child { border-bottom: 0; }
.filter-block a.active span { color: var(--brand); font-weight: 900; }
.filter-block em { color: var(--muted); font-style: normal; font-size: 12px; flex: 0 0 auto; }
.filter-scroll { max-height: 214px; overflow-y: auto; padding-right: 6px; scrollbar-width: thin; scrollbar-color: #b8c3d4 #eef2f7; }
.filter-scroll.compact { max-height: 84px; }
.filter-scroll::-webkit-scrollbar { width: 6px; }
.filter-scroll::-webkit-scrollbar-track { background: #eef2f7; border-radius: 999px; }
.filter-scroll::-webkit-scrollbar-thumb { background: #b8c3d4; border-radius: 999px; }
.subgroups { background: #f8fafc; }
.product-detail-page { background: #fff; }
.product-hero { display: grid; grid-template-columns: minmax(420px, 1fr) minmax(420px, .95fr); gap: 30px; align-items: start; }
.product-gallery { display: grid; gap: 12px; }
.gallery-breadcrumb {
    align-self: start;
    width: fit-content;
    max-width: 100%;
    margin: 0;
    padding: 8px 11px;
    border: 1px solid #e4ebf5;
    border-radius: 999px;
    background: #f8fbff;
    font-size: 12px;
    line-height: 1.25;
}
.gallery-breadcrumb strong {
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.detail-img { position: relative; background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 18px; min-height: 560px; display: grid; place-items: center; }
.detail-img img { max-width: 100%; max-height: 530px; object-fit: contain; }
.gallery-main { width: 100%; cursor: zoom-in; }
.gallery-thumbs { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
.gallery-thumbs button { background: #fff; border: 1px solid #edf0f5; border-radius: 6px; padding: 6px; aspect-ratio: 1 / 1; cursor: pointer; }
.gallery-thumbs button.active { border-color: var(--brand); box-shadow: 0 0 0 2px rgba(0, 169, 200, .13); }
.gallery-thumbs img { width: 100%; height: 100%; object-fit: contain; }
.product-buybox { background: #fff; padding: 4px 0 0; }
.detail-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; color: var(--muted); font-size: 14px; margin-bottom: 10px; }
.detail-breadcrumb a { color: #5f6b7a; font-weight: 650; }
.detail-breadcrumb a:hover { color: var(--brand); }
.detail-breadcrumb strong { color: #344054; font-weight: 750; }
.product-title-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.product-buybox h1 { margin: 0; font-size: 30px; line-height: 1.18; letter-spacing: 0; }
.product-summary { margin: 14px 0 0; color: #475467; font-size: 16px; line-height: 1.55; font-weight: 650; }
.detail-meta { display: grid; grid-template-columns: 120px 1fr; gap: 9px 18px; padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 15px; }
.detail-meta.compact { margin-top: 14px; border-top: 0; }
.detail-meta span { font-weight: 900; color: #111827; }
.detail-meta strong { font-weight: 800; color: #111827; }
.authorized-brand-card { width: 148px; min-height: 72px; display: grid; place-items: center; gap: 3px; margin: 0; padding: 6px 8px 7px; border: 1px solid #edf2f7; border-radius: 6px; background: #fff; text-align: center; color: #111827; box-shadow: 0 8px 18px rgba(17, 24, 39, .04); }
.authorized-brand-card img { width: 132px; height: 42px; object-fit: contain; display: block; image-rendering: auto; }
.authorized-brand-card strong { color: var(--brand); font-size: 24px; line-height: 1; }
.authorized-brand-card .brand-fallback { display: none; }
.authorized-brand-card.no-logo .brand-fallback, .authorized-brand-card.logo-failed .brand-fallback { display: block; }
.authorized-brand-card span { display: block; color: #111827; font-size: 11px; line-height: 1.05; font-weight: 950; }
.detail-stock { display: inline-flex; margin: 18px 0 8px; border-radius: 999px; padding: 5px 11px; font-size: 13px; font-weight: 900; }
.detail-stock.in { background: #ecfdf3; color: #067647; }
.detail-stock.out { background: #fff1f3; color: #c01048; }
.detail-price { margin: 0 0 12px; font-size: 34px; line-height: 1; font-weight: 950; color: #101828; }
.detail-price-block { margin: 0 0 12px; }
.detail-price-block .detail-price { margin-bottom: 0; }
.detail-discount { display: inline-flex; width: fit-content; margin: 8px 0 7px; padding: 5px 10px; border-radius: 999px; background: #e8f3ff; color: var(--brand); font-size: 13px; font-weight: 950; }
.shipping-note { margin: 0 0 28px; color: #111827; font-size: 16px; font-weight: 800; }
.buy-actions { display: grid; grid-template-columns: 134px 1fr 1fr; gap: 14px; align-items: stretch; margin-bottom: 28px; }
.qty-stepper { display: grid; grid-template-columns: 38px 1fr 38px; border: 1px solid #c8d7ee; min-height: 52px; border-radius: 6px; overflow: hidden; }
.qty-stepper button, .qty-stepper input { border: 0; background: #fff; color: #111827; text-align: center; font-weight: 950; font-size: 20px; padding: 0; }
.qty-stepper button { cursor: pointer; color: var(--brand); }
.qty-stepper input { width: 100%; border-radius: 0; }
.btn.dark { background: var(--brand); border: 1px solid var(--brand); color: #fff; border-radius: 6px; justify-content: center; }
.btn.dark:hover { background: var(--brand-dark); border-color: var(--brand-dark); color: #fff; }
.btn.notify { background: #fff; color: var(--brand); border-color: #c8d7ee; }
.btn.notify:hover { background: #f2f7ff; border-color: var(--brand); color: var(--brand); }
.notify-box { display: grid; gap: 10px; margin: 16px 0 24px; padding: 18px; border: 1px solid #c8d7ee; border-radius: 8px; background: #f7fbff; }
.notify-box strong { color: #101828; font-size: 20px; font-weight: 950; }
.notify-box span { color: #667085; font-size: 14px; line-height: 1.45; font-weight: 700; }
.notify-box .btn { width: fit-content; min-width: 180px; text-align: center; }
.fc-support-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0 0 18px; padding: 16px; background: #f2f7ff; border: 1px solid #d8e6ff; }
.fc-support-strip.single { grid-template-columns: 1fr; }
.support-tile { min-height: 86px; display: grid; grid-template-columns: 54px 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 14px; background: #fff; border: 1px solid #e1e8f5; padding: 14px; color: #111827; }
.support-combined { min-height: 78px; }
.support-mark { grid-row: 1 / 3; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: #e6f2ff; color: var(--brand); font-weight: 950; font-size: 24px; }
.support-tile.whatsapp .support-mark { background: transparent; color: #12a150; }
.support-mark svg { width: 27px; height: 27px; display: block; fill: currentColor; }
.support-mark img,
.support-whatsapp-icon {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    display: block;
    object-fit: contain !important;
}
.support-tile strong { font-size: 18px; line-height: 1.1; }
.support-tile small { color: #475467; font-weight: 750; }
.detail-alternative-showcase { margin-top: 28px; padding: 26px; border: 1px solid #dbe7f5; border-radius: 14px; background: #f4f6fa; }
.detail-alternative-showcase .home-showcase-head { margin-bottom: 16px; }
.detail-alternative-showcase .home-showcase-track { padding-bottom: 12px; }
.detail-alternative-showcase .home-showcase-image span { color: #667085; font-size: 12px; font-weight: 800; }
.fc-assurance { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid #e5e7eb; border-bottom: 0; margin: 0; }
.fc-assurance button { position: relative; min-height: 126px; display: grid; place-items: center; align-content: center; gap: 7px; padding: 14px 8px; text-align: center; color: #6b7280; border: 0; border-right: 1px solid #e5e7eb; background: #fff; cursor: pointer; font: inherit; }
.fc-assurance button:last-child { border-right: 0; }
.fc-assurance button.active { color: #111827; background: #f7fbff; }
.fc-assurance button.active:before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 4px; background: var(--cyan); }
.fc-assurance span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; border: 3px solid #d0d5dd; color: var(--brand); font-weight: 950; font-size: 22px; }
.fc-assurance button.active span { border-color: #b9d9ff; background: #fff; }
.fc-assurance strong { font-size: 14px; line-height: 1.15; }
.fc-assurance small { color: #667085; font-size: 12px; font-weight: 750; }
.assurance-content { background: #f7f9fc; border: 1px solid #e5e7eb; padding: 20px 24px; margin-bottom: 18px; }
.assurance-content > div { display: none; }
.assurance-content > div.active { display: block; }
.assurance-content p { position: relative; margin: 0; padding-left: 18px; color: #111827; line-height: 1.65; font-size: 15px; font-weight: 650; }
.assurance-content p:before { content: ""; position: absolute; left: 0; top: .68em; width: 6px; height: 6px; background: var(--cyan); }
.detail-related { margin-top: 34px; }
.detail-related h2 { margin: 0 0 18px; font-size: 24px; letter-spacing: 0; }
.related-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.related-card { border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 12px; display: flex; flex-direction: column; min-height: 100%; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.related-card:hover { border-color: #c7d7f5; box-shadow: 0 14px 28px rgba(0, 71, 171, .08); transform: translateY(-2px); }
.related-image { aspect-ratio: 1 / 1; display: grid; place-items: center; margin-bottom: 12px; background: #fff; border-bottom: 1px solid #eef2f6; }
.related-image img { width: calc(100% - 24px); height: calc(100% - 24px); object-fit: contain; display: block; }
.related-card h3 { margin: 0 0 12px; font-size: 16px; line-height: 1.38; font-weight: 800; flex: 1; }
.related-card h3 a { color: #111827; }
.related-price { font-size: 22px; font-weight: 950; margin: 0 0 12px; color: var(--ink); }
.related-price strong { display: block; font: inherit; }
.detail-tabs { margin-top: 34px; }
.tab-buttons { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }
.tab-buttons button { min-height: 64px; border: 1px solid #c8d7ee; border-radius: 6px 6px 0 0; background: #fff; color: #111827; font-size: 17px; font-weight: 950; text-transform: uppercase; cursor: pointer; }
.tab-buttons button.active { color: var(--brand); border-color: var(--brand); background: #f7fbff; box-shadow: inset 0 3px 0 var(--cyan); }
.tab-panel { display: none; border: 1px solid #c8d7ee; border-radius: 0 0 8px 8px; padding: 24px; line-height: 1.7; color: #1d2939; overflow: hidden; overflow-wrap: anywhere; }
.tab-panel.active { display: block; }
.tab-panel h2 { margin: 0 0 14px; font-size: 24px; line-height: 1.3; }
.tab-panel img,
.tab-panel video,
.tab-panel object,
.tab-panel embed { max-width: 100% !important; height: auto !important; }
.tab-panel iframe { display: block; width: 100% !important; max-width: 100% !important; border: 0; }
.tab-panel iframe[src*="youtube"],
.tab-panel iframe[src*="youtu.be"],
.tab-panel iframe[src*="vimeo"] { aspect-ratio: 16 / 9; height: auto !important; min-height: 0; }
.tab-panel table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.tab-panel p,
.tab-panel div,
.tab-panel section,
.tab-panel article { max-width: 100%; }
.product-overview-collapsible {
    --overview-collapsed-height: 200px;
    position: relative;
    overflow: hidden !important;
    transition: max-height .24s ease;
}
.product-overview-collapsible.is-collapsed {
    max-height: var(--overview-collapsed-height) !important;
}
.product-overview-collapsible.is-expanded {
    max-height: none !important;
    overflow: visible !important;
}
.product-overview-collapsible.is-collapsed:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 82%);
}
.product-overview-collapsible.is-not-collapsible {
    max-height: none !important;
    overflow: visible !important;
}
.product-overview-collapsible.is-not-collapsible:after,
.product-overview-collapsible.is-expanded:after {
    display: none;
}
.product-overview-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 12px;
    padding: 0 22px;
    border: 1px solid #c8d7ee;
    border-radius: 8px;
    background: #fff;
    color: var(--brand);
    font: inherit;
    font-size: 14px;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 10px 18px rgba(0, 71, 171, .06);
}
.product-overview-toggle:hover {
    border-color: var(--brand);
    background: #f7fbff;
}
.product-overview-toggle.is-hidden {
    display: none;
}
.product-description-html {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.product-description-html *,
.product-description-html *::before,
.product-description-html *::after {
    box-sizing: border-box;
    max-width: 100% !important;
}
.product-description-html iframe,
.product-description-html video,
.product-description-html object,
.product-description-html embed,
.product-description-html img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
}
.product-description-html iframe[src*="youtube"],
.product-description-html iframe[src*="youtu.be"],
.product-description-html iframe[src*="vimeo"],
.product-description-html iframe[src*="youtube-nocookie"] {
    aspect-ratio: 16 / 9;
    min-height: 0 !important;
}
.product-description-html table {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
}
.product-faq-block { margin-top: 22px; display: grid; gap: 12px; }
.product-faq-block h3 { margin: 0; font-size: 20px; color: #101828; }
.product-faq-block article { border: 1px solid #dbe3ee; border-radius: 8px; background: #f8fafc; padding: 14px 16px; }
.product-faq-block strong { display: block; color: var(--brand); margin-bottom: 6px; }
.product-faq-block p { margin: 0; color: #344054; }
.spec-table { display: grid; border: 1px solid #dbe3ee; border-radius: 8px; overflow: hidden; background: #fff; }
.spec-table div { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 14px; padding: 13px 16px; border-bottom: 1px solid #eef2f6; }
.spec-table div:last-child { border-bottom: 0; }
.spec-table span { color: #667085; font-weight: 850; }
.spec-table strong { color: #101828; font-weight: 900; overflow-wrap: anywhere; }
.clean-list { margin: 0; padding-left: 20px; display: grid; gap: 8px; }
.installment-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; margin-bottom: 16px; }
.installment-head strong { display: block; color: #101828; font-size: 20px; font-weight: 950; }
.installment-head span { display: block; margin-top: 4px; color: #667085; font-weight: 800; }
.installment-head em { border-radius: 999px; background: #f2f7ff; color: var(--brand); padding: 6px 10px; font-size: 12px; font-style: normal; font-weight: 950; white-space: nowrap; }
.paytr-installment-widget { overflow-x: auto; margin-bottom: 12px; padding: 18px; border: 1px solid #dbe3ee; border-radius: 10px; background: #f8fafc; }
.paytr-installment-widget #paytr_taksit_tablosu {
    max-width: 100% !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)) !important;
    gap: 14px !important;
    text-align: left !important;
    font-family: inherit !important;
}
.paytr-installment-widget .taksit-tablosu-wrapper {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    display: grid !important;
    gap: 10px !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 10px 20px rgba(15, 23, 42, .04) !important;
    text-align: left !important;
}
.paytr-installment-widget .taksit-logo {
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-bottom: 1px solid #eef2f6 !important;
    padding-bottom: 10px !important;
    margin-bottom: 2px !important;
}
.paytr-installment-widget .taksit-logo img,
.paytr-installment-widget .taksit-logo svg {
    max-width: 118px !important;
    max-height: 30px !important;
    object-fit: contain !important;
}
.paytr-installment-widget .taksit-tutari-text {
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
}
.paytr-installment-widget .taksit-tutari-wrapper {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 10px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
}
.paytr-installment-widget .taksit-tutari-wrapper:hover {
    background: #f2f7ff !important;
    border-color: #cfe0ff !important;
}
.paytr-installment-widget .taksit-tutari {
    width: auto !important;
    border: 0 !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    text-align: left !important;
}
.paytr-installment-widget .taksit-tutari-bold {
    color: var(--brand) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    text-align: right !important;
}
.installment-table { display: grid; border: 1px solid #dbe3ee; border-radius: 8px; overflow: hidden; margin-bottom: 12px; }
.installment-row { display: grid; grid-template-columns: 1fr 180px 180px; gap: 12px; align-items: center; padding: 13px 16px; background: #fff; border-bottom: 1px solid #eef2f6; }
.installment-row:last-child { border-bottom: 0; }
.installment-row span { color: #344054; font-weight: 900; }
.installment-row strong { color: var(--brand); font-size: 17px; }
.installment-row em { color: #101828; font-style: normal; font-weight: 950; }
.installment-title { background: #f8fafc; color: #667085; font-size: 12px; text-transform: uppercase; }
.qa-panel { display: grid; gap: 20px; }
.qa-list { display: grid; gap: 12px; }
.qa-list article { display: grid; gap: 6px; padding: 15px; border: 1px solid #dbe3ee; border-radius: 8px; background: #f8fafc; }
.qa-list strong { color: var(--brand); font-weight: 950; }
.qa-list p { margin: 0; color: #344054; }
.qa-form { display: grid; gap: 12px; padding: 16px; border: 1px solid #d8e6ff; border-radius: 8px; background: #f7fbff; }
.qa-form h3 { margin: 0; }
.qa-form form { display: grid; gap: 12px; }
.captcha-box { margin: 8px 0; min-height: 78px; }
.qa-admin-list { display: grid; gap: 14px; }
.qa-admin-card p { color: #344054; }
.lightbox-open { overflow: hidden; }
.gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: grid;
    place-items: center;
    background: rgba(10, 15, 25, .86);
    padding: 34px 70px;
}
.gallery-lightbox[hidden] { display: none; }
.gallery-lightbox img { max-width: min(1100px, 100%); max-height: 88vh; object-fit: contain; background: #fff; border-radius: 8px; padding: 18px; }
.gallery-close, .gallery-nav {
    position: absolute;
    border: 0;
    display: grid;
    place-items: center;
    background: #fff;
    color: #111827;
    cursor: pointer;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
}
.gallery-close { top: 18px; right: 18px; width: 44px; height: 44px; border-radius: 50%; font-size: 28px; line-height: 1; }
.gallery-nav { top: 50%; transform: translateY(-50%); width: 48px; height: 64px; border-radius: 8px; font-size: 42px; }
.gallery-nav.prev { left: 18px; }
.gallery-nav.next { right: 18px; }

.footer { background: #101828; color: #d0d5dd; padding: 42px 0 20px; margin-top: 36px; }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 34px; }
.footer-about img { width: 210px; margin-bottom: 18px; background: #fff; border-radius: 8px; padding: 8px 10px; }
.footer p { color: #c5cedb; line-height: 1.65; margin: 0 0 16px; }
.footer h4 { color: #fff; margin: 0 0 14px; font-size: 16px; }
.footer a { display: block; color: #d0d5dd; padding: 5px 0; font-size: 14px; }
.footer a:hover { color: #fff; }
.socials { display: flex; gap: 12px; flex-wrap: wrap; }
.socials a { border: 1px solid rgba(255,255,255,.16); border-radius: 6px; padding: 7px 10px; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.12); margin-top: 28px; padding-top: 18px; display: flex; justify-content: space-between; gap: 12px; color: #98a2b3; font-size: 13px; }

.admin { display: grid; grid-template-columns: 268px minmax(0, 1fr); min-height: 100vh; background: #f4f7fb; color: #202631; }
.admin-sidebar { background: #fff; color: #667085; padding: 22px 18px; position: sticky; top: 0; height: 100vh; overflow-y: auto; border-right: 1px solid #edf1f7; box-shadow: 8px 0 28px rgba(15, 23, 42, .035); }
.admin-brand { display: grid; grid-template-columns: 46px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 11px; align-items: center; margin-bottom: 24px; padding: 0 2px; }
.admin-brand span { grid-row: 1 / 3; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(135deg, #1bb7e8, #1677ff); color: #fff; font-size: 18px; font-weight: 950; box-shadow: 0 10px 22px rgba(27, 183, 232, .22); }
.admin-brand strong { color: #1f2937; font-size: 20px; line-height: 1; font-weight: 950; }
.admin-brand small { color: #98a2b3; font-size: 11px; font-weight: 800; margin-top: 3px; }
.admin-nav { display: grid; gap: 18px; }
.admin-nav-group { display: grid; gap: 5px; }
.admin-nav-group em { padding: 0 12px 4px; color: #98a2b3; font-style: normal; font-size: 11px; font-weight: 950; text-transform: uppercase; letter-spacing: .04em; }
.admin-sidebar a { display: flex; align-items: center; gap: 12px; min-height: 42px; padding: 10px 12px; border-radius: 12px; color: #667085; font-weight: 850; }
.admin-sidebar a span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: #f3f6fb; color: #98a2b3; font-size: 13px; font-weight: 950; }
.admin-sidebar a:hover, .admin-sidebar a.active { background: #f0f8ff; color: var(--brand); }
.admin-sidebar a:hover span, .admin-sidebar a.active span { background: #dff3ff; color: var(--brand); }
.admin-sidebar-foot { display: grid; gap: 8px; margin-top: 22px; padding-top: 18px; border-top: 1px solid #edf1f7; }
.admin-sidebar-foot a { min-height: 38px; font-size: 13px; }
.admin main { min-width: 0; overflow-x: auto; padding: 0 30px 34px; background: #f4f7fb; }
.admin-topbar { position: sticky; top: 0; z-index: 25; min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 -30px 24px; padding: 14px 30px; background: rgba(255, 255, 255, .92); border-bottom: 1px solid #edf1f7; backdrop-filter: blur(14px); }
.admin-topbar > div { display: flex; align-items: center; gap: 14px; min-width: 0; }
.admin-menu-toggle { width: 42px; height: 42px; border: 0; border-radius: 12px; background: #f3f6fb; color: #667085; font-size: 20px; cursor: pointer; }
.admin-search { width: min(360px, 38vw); min-height: 44px; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; border: 1px solid #edf1f7; border-radius: 12px; background: #f8fafc; padding: 0 12px; }
.admin-search span { color: #98a2b3; font-size: 18px; }
.admin-search input { border: 0; outline: 0; background: transparent; padding: 0; min-height: 0; font-size: 14px; }
.admin-top-actions { justify-content: flex-end; }
.admin-cloud { min-height: 40px; display: inline-flex; align-items: center; padding: 0 18px; border-radius: 999px; background: #20aeea; color: #fff; font-weight: 950; box-shadow: 0 8px 20px rgba(32, 174, 234, .22); }
.admin-clock { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 999px; background: #f8fafc; color: #667085; font-size: 13px; font-weight: 900; }
.admin-icon-btn { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: #fff; border: 1px solid #edf1f7; color: #344054; box-shadow: 0 8px 18px rgba(15, 23, 42, .04); }
.admin-user-chip { display: grid; grid-template-columns: 42px minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: 10px; min-width: 150px; }
.admin-user-chip span { grid-row: 1 / 3; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: #101828; color: #fff; font-weight: 950; }
.admin-user-chip strong { color: #1f2937; font-size: 13px; line-height: 1; }
.admin-user-chip small { color: #98a2b3; font-size: 11px; font-weight: 850; margin-top: 3px; }
.admin-page-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none; }
.admin-page-head.compact { margin-bottom: 12px; }
.admin-page-head h1 { margin: 0; letter-spacing: 0; color: #202631; font-size: 28px; }
.admin-page-head h2 { margin: 0; letter-spacing: 0; color: #202631; }
.admin-page-head p { margin: 0 0 5px; font-weight: 850; }
.admin .panel { border-color: #edf1f7; border-radius: 18px; padding: 18px; box-shadow: 0 16px 34px rgba(15, 23, 42, .04); }
.admin .btn { min-height: 42px; border-radius: 12px; padding: 11px 16px; background: #004fb5; box-shadow: 0 10px 22px rgba(0, 79, 181, .13); }
.admin .btn:hover { background: #003f91; color: #fff; }
.admin .btn.secondary { background: #fff; color: #344054; border: 1px solid #d8e0ec; box-shadow: none; }
.admin .btn.secondary:hover { background: #f8fafc; color: #004fb5; }
.admin .btn.warn { background: #f59e0b; color: #111827; }
.admin-section-title { display: grid; gap: 5px; margin-bottom: 16px; }
.admin-section-title span { width: fit-content; border-radius: 999px; padding: 5px 10px; background: #edf8ff; color: #006aa6; font-size: 11px; font-weight: 950; text-transform: uppercase; letter-spacing: .04em; }
.admin-section-title h2 { margin: 0; color: #101828; font-size: 21px; letter-spacing: 0; }
.admin-section-title p { margin: 0; }
.admin-main-form { display: grid; gap: 16px; margin-bottom: 18px; }
.admin-main-form.form-grid { display: grid; }
.admin-table-card { display: block; margin-bottom: 18px; padding: 18px; border: 1px solid #edf1f7; border-radius: 20px; background: #fff; box-shadow: 0 18px 38px rgba(15, 23, 42, .045); overflow-x: auto; }
.admin-table-card table { min-width: 860px; border-radius: 14px; box-shadow: none; }
.managed-page { display: grid; gap: 22px; }
.managed-hero { padding: 26px; border: 1px solid #dbe7f5; border-radius: 16px; background: linear-gradient(135deg, #f8fbff, #eef8ff); }
.managed-hero span { display: inline-flex; margin-bottom: 10px; color: var(--brand); font-size: 13px; font-weight: 950; text-transform: uppercase; letter-spacing: .04em; }
.managed-hero h2 { margin: 0 0 10px; font-size: clamp(26px, 3vw, 40px); letter-spacing: 0; color: #101828; }
.managed-hero p { max-width: 920px; margin: 0; color: #475467; font-size: 17px; line-height: 1.65; font-weight: 650; }
.about-section-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.about-section-grid article,
.about-feature-card,
.bank-info-card,
.contact-card-list article,
.contact-map { border: 1px solid #dbe7f5; border-radius: 16px; background: #fff; box-shadow: 0 14px 28px rgba(15, 23, 42, .04); }
.about-section-grid article { padding: 22px; }
.about-section-grid h3,
.about-feature-card h3,
.bank-info-card h3 { margin: 0 0 10px; color: #101828; font-size: 21px; letter-spacing: 0; }
.about-section-grid p { margin: 0; color: #475467; line-height: 1.7; font-weight: 650; }
.about-feature-card { padding: 24px; }
.about-feature-card ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.about-feature-card li { position: relative; min-height: 48px; padding: 13px 14px 13px 42px; border-radius: 12px; background: #f5f9ff; color: #253044; font-weight: 850; }
.about-feature-card li:before { content: "✓"; position: absolute; left: 14px; top: 12px; width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: #e6f7ff; color: var(--brand); font-size: 13px; font-weight: 950; }
.bank-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.bank-info-card { padding: 24px; }
.bank-info-card dl { display: grid; gap: 12px; margin: 0; }
.bank-info-card dl div { padding-top: 12px; border-top: 1px solid #eef2f7; }
.bank-info-card dt { margin-bottom: 4px; color: #667085; font-size: 12px; font-weight: 950; text-transform: uppercase; letter-spacing: .04em; }
.bank-info-card dd { margin: 0; color: #111827; font-size: 15px; line-height: 1.55; font-weight: 850; }
.bank-info-card .iban { font-size: 18px; letter-spacing: .02em; color: var(--brand); }
.bank-note { margin: 16px 0 0; padding: 12px; border-radius: 10px; background: #f7fbff; color: #475467; font-weight: 700; }
.contact-layout { display: grid; grid-template-columns: minmax(300px, .72fr) 1.28fr; gap: 18px; align-items: stretch; }
.contact-card-list { display: grid; gap: 14px; }
.contact-card-list article { padding: 20px; }
.contact-card-list strong { display: block; margin-bottom: 8px; color: #667085; font-size: 12px; font-weight: 950; text-transform: uppercase; letter-spacing: .04em; }
.contact-card-list p { margin: 0; color: #111827; font-size: 17px; line-height: 1.5; font-weight: 850; }
.contact-card-list a { color: var(--brand); }
.contact-map { min-height: 430px; overflow: hidden; }
.contact-map iframe { display: block; width: 100%; height: 100%; min-height: 430px; border: 0; }
.managed-page-editor { display: grid; gap: 18px; }
.managed-repeat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.managed-repeat-card,
.bank-editor-card { display: grid; gap: 12px; padding: 16px; border: 1px solid #dbe7f5; border-radius: 16px; background: #f8fbff; }
.bank-editor-list { display: grid; gap: 14px; }
.bank-editor-card { background: #fff; }
.admin-section-title.compact { margin-top: 6px; }
.admin-card-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.admin-card-head h2 { margin: 0 0 4px; color: #101828; font-size: 20px; letter-spacing: 0; }
.admin-card-head p { margin: 0; }
.admin-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.admin-info-card { position: relative; overflow: hidden; display: grid; gap: 8px; min-height: 118px; padding: 18px; border: 1px solid #d9edff; border-radius: 18px; background: linear-gradient(135deg, #f4fbff, #fff); box-shadow: 0 16px 34px rgba(15, 23, 42, .04); }
.admin-info-card::after { content: ""; position: absolute; right: -28px; top: -28px; width: 96px; height: 96px; border-radius: 50%; background: rgba(32, 174, 234, .16); }
.admin-info-card.green { border-color: #c8f4d6; background: linear-gradient(135deg, #f3fff7, #fff); }
.admin-info-card.green::after { background: rgba(22, 163, 74, .14); }
.admin-info-card.orange { border-color: #ffe3b3; background: linear-gradient(135deg, #fff9ed, #fff); }
.admin-info-card.orange::after { background: rgba(245, 158, 11, .16); }
.admin-info-card span, .admin-info-card strong, .admin-info-card small, .admin-info-card code { position: relative; z-index: 1; }
.admin-info-card span { color: #667085; font-size: 12px; font-weight: 950; text-transform: uppercase; letter-spacing: .04em; }
.admin-info-card strong { color: #101828; font-size: 26px; line-height: 1; font-weight: 950; }
.admin-info-card small { color: #667085; font-weight: 850; }
.admin-info-card code { display: block; overflow-wrap: anywhere; border: 1px solid #d8e0ec; border-radius: 12px; padding: 10px; background: rgba(255, 255, 255, .72); color: #344054; font-size: 12px; }
.admin-actions-row { margin-top: 14px; padding: 14px; border: 1px solid #edf1f7; border-radius: 16px; background: #f8fafc; }
.openai-seo-action-card {
    border-left: 4px solid #0b63ce;
}
.admin-ai-help-grid,
.openai-seo-settings-help {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0;
}
.admin-ai-help-grid > div,
.openai-seo-settings-help > div {
    min-height: 96px;
    padding: 14px;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #f8fbff;
}
.admin-ai-help-grid strong,
.openai-seo-settings-help strong {
    display: block;
    margin-bottom: 6px;
    color: #0b4da2;
    font-weight: 950;
}
.admin-ai-help-grid p,
.openai-seo-settings-help p {
    margin: 0;
    color: #667085;
    line-height: 1.45;
    font-weight: 750;
}
.openai-seo-settings-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.openai-seo-action-card .notice {
    margin: 12px 0;
}
.openai-seo-action-card > .btn,
.openai-seo-action-card > a.btn {
    margin-top: 8px;
    margin-right: 8px;
}
.seo-ai-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.seo-ai-flow div {
    min-height: 92px;
    padding: 16px;
    border: 1px solid #d9edff;
    border-radius: 16px;
    background: linear-gradient(135deg, #f4fbff, #fff);
}
.seo-ai-flow strong {
    display: block;
    color: #004fb5;
    font-size: 14px;
    font-weight: 950;
    margin-bottom: 6px;
}
.seo-ai-flow span {
    display: block;
    color: #667085;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.45;
}
.admin-select-multiple {
    min-height: 220px;
    padding: 8px;
}
.admin-select-multiple option {
    padding: 8px 10px;
    border-radius: 8px;
    margin-bottom: 3px;
    white-space: normal;
}
.admin-bulk-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 14px;
    border-top: 1px solid #edf1f7;
    background: #fbfdff;
}
.admin-filter-bar {
    display: grid;
    grid-template-columns: minmax(240px, 1.3fr) repeat(6, minmax(128px, 1fr)) auto;
    gap: 12px;
    align-items: end;
    background: #fff;
    border: 1px solid #edf1f7;
    border-radius: 18px;
    padding: 16px;
    margin-bottom: 16px;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .04);
}
.admin-filter-bar label, .admin-edit-card label { display: grid; gap: 6px; color: #344054; font-size: 12px; font-weight: 850; }
.admin-filter-actions { display: flex; gap: 8px; }
.admin-table-note { margin: 0 0 10px; color: var(--muted); font-size: 13px; font-weight: 800; }
.admin-products-form { display: grid; gap: 14px; }
.admin-bulk-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border: 1px solid #d9edff;
    border-radius: 16px;
    background: linear-gradient(135deg, #f4fbff, #ffffff);
}
.admin-bulk-toolbar strong { display: block; color: #101828; font-size: 15px; font-weight: 950; }
.admin-bulk-toolbar span { display: block; color: #667085; font-size: 13px; font-weight: 750; margin-top: 3px; }
.admin-bulk-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.admin-check-cell { width: 44px; text-align: center; }
.admin-check-cell input { width: 18px; height: 18px; accent-color: #004fb5; cursor: pointer; }
.admin-products-table td { vertical-align: middle; }
.admin-product-cell { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 300px; }
.admin-product-cell strong { display: block; line-height: 1.35; }
.admin-product-cell span { display: block; color: var(--muted); font-size: 13px; margin-top: 3px; }
.admin-product-cell img { width: 58px; height: 58px; object-fit: contain; border: 1px solid var(--line); border-radius: 8px; background: #f8fafc; }
.admin-product-cell em { color: var(--muted); font-style: normal; font-size: 13px; }
.status-pill.tiny { display: inline-flex; width: fit-content; margin-top: 6px; padding: 4px 8px; font-size: 12px; }
.xml-products-card { margin-bottom: 18px; }
.xml-product-actions { display: grid; gap: 8px; min-width: 260px; }
.xml-category-form { display: grid; grid-template-columns: minmax(160px, 1fr) auto; gap: 8px; align-items: center; }
.xml-category-form select { min-height: 40px; }
.admin-thumb { width: 58px; height: 58px; display: inline-grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; background: #f8fafc; object-fit: cover; }
.admin-thumb img { width: 100%; height: 100%; object-fit: contain; padding: 5px; }
.admin-stock { display: inline-flex; min-width: 42px; justify-content: center; border-radius: 999px; padding: 4px 9px; font-size: 12px; font-weight: 900; }
.admin-stock.in { background: #ecfdf3; color: #067647; }
.admin-stock.out { background: #fff1f3; color: #c01048; }
.admin-product-editor { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 18px; align-items: start; }
.admin-edit-main, .admin-edit-side { display: grid; gap: 16px; }
.admin-edit-side { position: sticky; top: 18px; }
.admin-edit-card { background: #fff; border: 1px solid #edf1f7; border-radius: 18px; padding: 20px; box-shadow: 0 18px 38px rgba(15, 23, 42, .045); }
.admin-edit-card h2 { margin: 0 0 14px; font-size: 18px; letter-spacing: 0; }
.admin-edit-card .full { grid-column: 1 / -1; }
.form-grid .full { grid-column: 1 / -1; }
.check-row { display: flex !important; grid-template-columns: none !important; align-items: center; gap: 9px; color: #344054; }
.check-row input { width: auto; }
.admin-save-btn { width: 100%; min-height: 52px; }
.dashboard-head { align-items: flex-end; }
.dashboard-actions { display: flex; gap: 10px; align-items: center; }
.dashboard-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
.dashboard-card { position: relative; overflow: hidden; min-height: 150px; display: grid; align-content: space-between; gap: 10px; padding: 20px; border: 1px solid #edf1f7; border-radius: 20px; background: #fff; box-shadow: 0 18px 38px rgba(15, 23, 42, .055); }
.dashboard-card::after { content: ""; position: absolute; right: -34px; top: -34px; width: 118px; height: 118px; border-radius: 50%; background: #e5f4ff; }
.dashboard-card::before { content: ""; position: absolute; right: 20px; bottom: 18px; width: 76px; height: 34px; border-radius: 999px; background: linear-gradient(135deg, rgba(32,174,234,.25), rgba(22,119,255,.08)); }
.dashboard-card span { position: relative; z-index: 1; color: #667085; font-weight: 900; font-size: 13px; }
.dashboard-card strong { position: relative; z-index: 1; color: #101828; font-size: 38px; line-height: 1; font-weight: 950; letter-spacing: 0; }
.dashboard-card small { position: relative; z-index: 1; color: #667085; font-weight: 800; }
.dashboard-card.green::after { background: #dcfae6; }
.dashboard-card.orange::after { background: #fff1d6; }
.dashboard-card.purple::after { background: #eee8ff; }
.health-overview { margin-bottom: 20px; }
.health-metric-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.health-metric-grid article { min-height: 112px; padding: 16px; border: 1px solid #dce6f2; border-left: 4px solid #0a58bd; border-radius: 7px; background: #fff; display: grid; align-content: space-between; gap: 8px; }
.health-metric-grid span { color: #667085; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.health-metric-grid strong { color: #101828; font-size: 22px; line-height: 1.15; overflow-wrap: anywhere; }
.health-metric-grid small { color: #667085; font-weight: 700; }
.health-warning { margin-top: 14px; padding: 13px 15px; border: 1px solid #f4bf70; border-radius: 7px; background: #fff8e8; color: #8b4a00; font-weight: 800; }
.system-event-card { margin-top: 20px; }
.dashboard-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 18px; align-items: start; }
.dashboard-kv { display: grid; grid-template-columns: minmax(120px, .65fr) minmax(0, 1fr); gap: 10px 14px; margin: 12px 0 16px; }
.dashboard-kv span { color: #667085; font-weight: 850; }
.dashboard-kv strong { color: #101828; font-weight: 950; }
.status-pill { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; border-radius: 999px; padding: 5px 11px; font-size: 12px; font-weight: 950; white-space: nowrap; }
.status-pill.ok { background: #ecfdf3; color: #067647; }
.status-pill.warn { background: #fff6e5; color: #b54708; }
.compact-table th, .compact-table td { padding: 11px 12px; font-size: 13px; }
.settings-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.settings-layout > .admin-edit-card { min-height: 100%; }
.settings-layout > .admin-save-btn { grid-column: 1 / -1; max-width: 360px; justify-self: end; }
.source-stack { display: grid; gap: 10px; }
.source-stack div { display: grid; gap: 3px; padding: 11px; border: 1px solid #dbe3ee; border-radius: 8px; background: #f8fafc; }
.source-stack strong { color: #101828; font-weight: 950; }
.source-stack span, .source-stack small { color: #667085; font-weight: 800; }
.member-filter-bar { grid-template-columns: minmax(260px, 1fr) 180px auto; }
.member-create-card { margin-bottom: 16px; }
.admin-members-table input { min-height: 38px; font-size: 13px; }
.admin-members-table td { vertical-align: top; }
.member-save-btn { max-width: 280px; }
.home-sections-editor { display: grid; gap: 18px; }
.home-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 16px; }
.home-overview article { background: #fff; border: 1px solid #dbe3ee; border-radius: 12px; padding: 16px; box-shadow: 0 12px 28px rgba(15, 23, 42, .035); }
.home-overview span { display: block; color: #667085; font-size: 12px; font-weight: 900; margin-bottom: 6px; }
.home-overview strong { color: #101828; font-size: 30px; font-weight: 950; letter-spacing: 0; }
.home-add-card { display: grid; grid-template-columns: 1fr; gap: 18px; align-items: start; padding: 22px; }
.home-add-card h2 { margin-bottom: 0; }
.home-builder-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding-bottom: 16px; border-bottom: 1px solid #edf2f7; }
.home-builder-intro h2 { margin: 2px 0 4px; font-size: 24px; }
.home-builder-mini-flow { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.home-builder-mini-flow span { display: inline-flex; align-items: center; min-height: 34px; border: 1px solid #dbe3ee; border-radius: 999px; padding: 7px 12px; background: #f8fafc; color: #344054; font-size: 12px; font-weight: 950; white-space: nowrap; }
.home-block-palette { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 12px; }
.home-block-type { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 12px; align-items: start; min-height: 118px; padding: 14px; border: 1px solid #dbe3ee; border-radius: 14px; background: #f8fafc; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease; }
.home-block-type:hover { transform: translateY(-1px); border-color: #b9c9dc; box-shadow: 0 12px 26px rgba(15, 23, 42, .06); }
.home-block-type input { position: absolute; opacity: 0; pointer-events: none; }
.home-block-type b { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: #fff; border: 1px solid #dbe3ee; color: #0a58bd; font-size: 14px; font-weight: 950; letter-spacing: 0; }
.home-block-type span { display: grid; gap: 5px; min-width: 0; }
.home-block-type strong { color: #101828; font-size: 14px; font-weight: 950; line-height: 1.25; }
.home-block-type small { color: #667085; font-size: 12px; font-weight: 800; line-height: 1.35; }
.home-block-type.is-selected { border-color: #0a58bd; background: #eff6ff; box-shadow: 0 16px 30px rgba(10, 88, 189, .12); }
.home-block-type.is-selected b { background: #0a58bd; border-color: #0a58bd; color: #fff; }
.home-builder-controls { display: grid; grid-template-columns: minmax(220px, 1fr) 150px 220px; gap: 12px; align-items: end; padding: 14px; border: 1px solid #dbe3ee; border-radius: 14px; background: #fff; }
.home-builder-controls .btn { min-height: 46px; }
.home-builder-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.home-builder-tabs span { display: inline-flex; align-items: center; min-height: 34px; border-radius: 999px; padding: 7px 12px; background: #eff6ff; color: #0a58bd; font-size: 12px; font-weight: 950; }
.home-source-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: start; padding: 16px; border: 1px solid #dbe3ee; border-radius: 14px; background: #f8fafc; }
.home-source-grid .full { grid-column: 1 / -1; }
.home-source-grid textarea { min-height: 118px; background: #fff; }
.home-section-card { padding: 0; overflow: hidden; }
.home-section-card textarea { min-height: 160px; font-size: 14px; line-height: 1.5; }
.home-section-shell { display: grid; grid-template-columns: 300px minmax(0, 1fr); min-height: 260px; }
.home-section-meta { display: grid; gap: 12px; align-content: start; padding: 18px; background: #f8fafc; border-right: 1px solid #dbe3ee; }
.home-section-meta h2 { margin: 0; font-size: 20px; line-height: 1.25; }
.home-section-meta p { margin: -4px 0 2px; }
.home-builder-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.home-active-toggle { padding: 10px 12px; border: 1px solid #dbe3ee; border-radius: 10px; background: #fff; }
.home-meta-fields { display: grid; gap: 10px; }
.home-section-content { min-width: 0; padding: 18px; }
.home-section-content-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid #edf2f7; }
.home-section-content-head strong { color: #101828; font-size: 16px; font-weight: 950; }
.home-section-content-head p { margin: 4px 0 0; }
.home-section-content-head span { color: #667085; font-size: 12px; font-weight: 900; }
.home-limit-row { margin-bottom: 12px; max-width: 360px; }
.home-admin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 14px; margin-top: 14px; }
.home-admin-grid.tabs-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.home-admin-item { display: grid; grid-template-columns: 172px minmax(0, 1fr); gap: 14px; align-items: stretch; border: 1px solid #dbe3ee; border-radius: 12px; padding: 12px; background: #f8fafc; }
.home-admin-item.compact-item { display: grid; grid-template-columns: 1fr; background: #fff; }
.home-admin-badge { display: inline-flex; width: fit-content; border-radius: 999px; padding: 4px 9px; background: #eff6ff; color: var(--brand); font-size: 12px; font-weight: 950; }
.home-admin-preview { min-height: 148px; border: 1px solid #dbe3ee; border-radius: 10px; background: #fff; display: grid; place-items: center; overflow: hidden; color: var(--muted); font-size: 13px; font-weight: 850; text-align: center; }
.home-admin-preview img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.home-admin-fields { display: grid; gap: 10px; }
.admin-upload-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.admin-upload-actions.is-loading { opacity: .62; pointer-events: none; }
.admin-upload-button { width: fit-content !important; display: inline-flex !important; align-items: center; justify-content: center; min-height: 38px; border-radius: 11px; padding: 9px 13px; background: #004fb5; color: #fff !important; font-size: 13px !important; font-weight: 950 !important; cursor: pointer; box-shadow: 0 10px 22px rgba(0, 79, 181, .13); }
.admin-upload-button input { display: none; }
.admin-upload-actions .btn { min-height: 38px; padding: 9px 13px; font-size: 13px; }
.admin-gallery-editor { display: grid; grid-template-columns: repeat(auto-fill, minmax(154px, 1fr)); gap: 12px; margin: 10px 0 14px; }
.admin-gallery-item { display: grid; gap: 8px; padding: 10px; border: 1px solid #dbe3ee; border-radius: 14px; background: #f8fafc; }
.admin-gallery-item img { width: 100%; aspect-ratio: 1 / .72; object-fit: contain; border: 1px solid #edf1f7; border-radius: 10px; background: #fff; padding: 6px; }
.admin-gallery-item span { min-height: 30px; color: #667085; font-size: 11px; font-weight: 850; line-height: 1.3; overflow-wrap: anywhere; }
.admin-gallery-delete { min-height: 34px; border: 1px solid #fecdd6; border-radius: 10px; background: #fff1f3; color: #c01048; font: inherit; font-size: 12px; font-weight: 950; cursor: pointer; }
.admin-gallery-empty { grid-column: 1 / -1; min-height: 96px; display: grid; place-items: center; border: 1px dashed #cbd5e1; border-radius: 14px; background: #f8fafc; color: #667085; font-weight: 900; }
.paytr-code-preview { grid-column: 1 / -1; display: grid; gap: 10px; margin-top: 12px; padding: 14px; border: 1px solid #d8e0ec; border-radius: 14px; background: #f8fafc; }
.paytr-code-preview textarea { min-height: 154px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; line-height: 1.5; color: #344054; }
.admin-add-section { margin-bottom: 18px; }
.admin-add-section h2 { margin-top: 0; }
.logo { font-weight: 900; font-size: 28px; letter-spacing: 0; }
.logo span { color: var(--brand); }
table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid #edf1f7; border-radius: 18px; overflow: hidden; box-shadow: 0 16px 34px rgba(15, 23, 42, .045); }
th, td { text-align: left; padding: 14px; border-bottom: 1px solid #edf1f7; font-size: 14px; vertical-align: top; }
tr:last-child td { border-bottom: 0; }
th { background: #f8fafc; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #667085; font-weight: 950; }
input, textarea, select { width: 100%; border: 1px solid #d8e0ec; border-radius: 11px; padding: 11px 12px; font: inherit; background: #fff; color: #101828; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
input::placeholder, textarea::placeholder { color: #98a2b3; }
input:focus, textarea:focus, select:focus { outline: 0; border-color: #20aeea; box-shadow: 0 0 0 4px rgba(32, 174, 234, .13); background: #fff; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.notice { background: #ecfdf3; color: #067647; border: 1px solid #abefc6; padding: 13px 15px; border-radius: 14px; margin-bottom: 16px; font-weight: 850; box-shadow: 0 12px 26px rgba(15, 23, 42, .035); }
.notice.error { background: #fff1f3; color: #c01048; border-color: #fecdd6; }
.notice.warn { background: #fffbeb; color: #92400e; border-color: #fcd34d; }
.notice.soft { background: #f2f7ff; color: #344054; border-color: #cfe0ff; }
.notice a { color: var(--brand); font-weight: 900; }
.pagination { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 24px; }
.checkout-bg { background: #f5f4f8; }
.checkout-steps { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 0 0 24px; color: #667085; font-weight: 900; }
.checkout-steps a, .checkout-steps span, .checkout-steps strong { padding: 10px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--line); }
.checkout-steps strong { color: #fff; background: var(--brand); border-color: var(--brand); }
.empty-cart, .order-complete { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 34px; text-align: center; box-shadow: 0 16px 34px rgba(15, 23, 42, .05); }
.cart-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .9fr); gap: 24px; align-items: start; }
.cart-card, .cart-summary, .checkout-card, .order-review {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .045);
}
.cart-table-head, .cart-row { display: grid; grid-template-columns: minmax(0, 1.7fr) 130px 118px 140px; align-items: center; gap: 18px; }
.cart-table-head { padding: 0 0 16px 76px; border-bottom: 1px solid var(--line); color: #344054; font-size: 13px; text-transform: uppercase; font-weight: 950; }
.cart-row { position: relative; padding: 22px 0 22px 44px; border-bottom: 1px solid var(--line); }
.cart-remove { position: absolute; left: 4px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; display: grid; place-items: center; color: #667085; font-size: 24px; }
.cart-product { display: grid; grid-template-columns: 82px minmax(0, 1fr); align-items: center; gap: 16px; }
.cart-product strong { line-height: 1.35; }
.cart-thumb { width: 82px; height: 82px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; background: #f8fafc; }
.cart-thumb img { width: 100%; height: 100%; object-fit: contain; padding: 6px; }
.cart-price { color: #667085; font-weight: 800; }
.cart-line { color: var(--brand); }
.cart-qty { display: grid; grid-template-columns: 32px 36px 32px; min-height: 38px; border: 1px solid var(--line); border-radius: 999px; overflow: hidden; text-align: center; }
.cart-qty a, .cart-qty b { display: grid; place-items: center; color: #667085; font-weight: 850; }
.cart-qty b { border-left: 1px solid var(--line); border-right: 1px solid var(--line); color: #111827; }
.cart-coupon { display: flex; gap: 10px; margin-top: 22px; max-width: 460px; }
.cart-coupon input { border-radius: 999px; padding: 13px 18px; }
.cart-coupon .btn, .cart-summary .btn, .order-review .btn { border-radius: 999px; min-height: 50px; }
.cart-summary h2, .order-review h2, .checkout-card h1 { margin: 0 0 18px; font-size: 24px; letter-spacing: 0; }
.cart-summary div, .review-total { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 0; border-bottom: 1px solid var(--line); color: #344054; }
.cart-summary div strong, .review-total strong { color: var(--brand); }
.cart-summary-total, .review-total.grand { font-size: 18px; font-weight: 950; border-bottom: 0; }
.cart-summary .btn { width: 100%; margin-top: 16px; }
.cart-clear { display: block; margin-top: 14px; text-align: center; color: var(--muted); font-weight: 850; }
.checkout-login-note { margin: 0 0 18px; padding: 13px 16px; background: #fff; border: 1px solid var(--line); border-radius: 12px; color: #344054; font-weight: 800; }
.checkout-login-note a { color: var(--brand); text-decoration: underline; }
.checkout-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(360px, .9fr); gap: 24px; align-items: start; }
.billing-type { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.billing-type label, .payment-radio, .terms-check { display: flex; align-items: center; gap: 9px; color: #344054; font-weight: 850; }
.billing-type input, .payment-radio input, .terms-check input { width: auto; }
.checkout-form label span { color: #c01048; }
.checkout-form .full, .company-fields { grid-column: 1 / -1; }
.company-fields { display: none; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 16px; border: 1px solid #d8e6ff; border-radius: 12px; background: #f7fbff; }
.company-billing .company-fields { display: grid; }
.review-head { display: flex; justify-content: space-between; padding: 0 0 14px; border-bottom: 1px solid var(--line); color: #344054; font-size: 13px; text-transform: uppercase; font-weight: 950; }
.review-item { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--line); }
.review-item img { width: 52px; height: 52px; object-fit: contain; border: 1px solid var(--line); border-radius: 8px; background: #f8fafc; }
.review-item span { color: #344054; line-height: 1.35; font-weight: 800; }
.review-item small { display: block; color: var(--muted); margin-top: 4px; }
.order-review h3 { margin: 22px 0 12px; font-size: 22px; }
.payment-info { margin: 10px 0 16px; padding: 14px; border-radius: 12px; background: #f7f7f8; color: #667085; line-height: 1.55; }
.terms-check { align-items: flex-start; font-size: 13px; line-height: 1.45; margin-bottom: 16px; }
.order-review .btn { width: 100%; }
.checkout-submit-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    place-items: center;
    padding: 20px;
    background: rgba(15, 23, 42, .42);
    backdrop-filter: blur(5px);
}
.checkout-submit-overlay.active { display: grid; }
.checkout-submit-overlay div {
    width: min(420px, 100%);
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 28px;
    border-radius: 18px;
    background: #fff;
    color: #101828;
    text-align: center;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .24);
}
.checkout-submit-overlay span,
.checkout-paytr-loading span {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 4px solid #d9e8ff;
    border-top-color: var(--brand);
    animation: fc-spin .85s linear infinite;
}
.checkout-submit-overlay strong { font-size: 20px; font-weight: 950; }
.checkout-submit-overlay p { margin: 0; color: #667085; line-height: 1.45; font-weight: 750; }
.checkout-paytr-shell {
    display: grid;
    gap: 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
    padding: 22px;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .05);
}
.checkout-paytr-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px;
    border: 1px solid #d9edff;
    border-radius: 16px;
    background: linear-gradient(135deg, #f4fbff, #fff);
}
.checkout-paytr-head span {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 7px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #e8f3ff;
    color: var(--brand);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}
.checkout-paytr-head h1 { margin: 0 0 6px; font-size: 25px; letter-spacing: 0; color: #101828; }
.checkout-paytr-head p { margin: 0; color: #667085; font-weight: 750; line-height: 1.45; }
.checkout-paytr-head > strong { color: var(--brand); font-size: 25px; white-space: nowrap; }
.checkout-paytr-frame {
    position: relative;
    min-height: 720px;
    overflow: hidden;
    border: 1px solid #dbe3ee;
    border-radius: 16px;
    background: #f8fafc;
}
.checkout-paytr-frame iframe {
    display: block;
    width: 100%;
    min-height: 720px;
    border: 0;
    background: #fff;
}
.checkout-paytr-loading {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    padding: 30px;
    background: #fff;
    text-align: center;
}
.checkout-paytr-loading strong { color: #101828; font-size: 20px; font-weight: 950; }
.checkout-paytr-loading p { margin: 0; color: #667085; font-weight: 750; }
@keyframes fc-spin { to { transform: rotate(360deg); } }
.complete-mark { width: 76px; height: 76px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 50%; background: #ecfdf3; color: #067647; font-size: 44px; font-weight: 950; }
.order-complete.failed .complete-mark { background: #fff1f3; color: #c01048; }
.order-complete h1 { margin: 0 0 10px; }
.order-complete p { max-width: 680px; margin: 0 auto 22px; color: var(--muted); line-height: 1.65; }
.complete-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 22px 0; text-align: left; }
.complete-summary div { border: 1px solid var(--line); border-radius: 12px; padding: 14px; background: #f8fafc; }
.complete-summary span { display: block; color: var(--muted); font-size: 12px; font-weight: 850; margin-bottom: 5px; }
.complete-detail-area { display: grid; gap: 16px; margin: 8px 0 24px; text-align: left; }
.complete-detail-area .account-card { box-shadow: none; border-color: var(--line); }
.complete-detail-area .account-card h2 { margin-top: 0; }
.complete-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.account-auth { background: #f5f7fb; }
.auth-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 18px; align-items: stretch; }
.auth-card, .auth-side, .account-menu, .account-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
}
.auth-card { padding: 26px; }
.auth-card h1, .auth-side h2, .account-menu h1, .account-card h2 { margin: 0 0 12px; letter-spacing: 0; color: #111827; }
.auth-card form { display: grid; gap: 14px; margin-top: 18px; }
.auth-card label, .account-card label { display: grid; gap: 7px; color: #344054; font-size: 13px; font-weight: 850; }
.auth-side { padding: 26px; background: linear-gradient(135deg, #f2f7ff, #ffffff); display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.auth-side p { margin: 0 0 10px; color: var(--muted); line-height: 1.6; }
.account-page { background: #f5f7fb; }
.account-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 18px; align-items: start; }
.account-menu { padding: 18px; position: sticky; top: 70px; display: grid; gap: 10px; }
.account-menu strong { color: #111827; font-size: 16px; }
.account-menu span { color: var(--muted); font-size: 13px; word-break: break-word; margin-bottom: 8px; }
.account-menu a { padding: 11px 12px; border: 1px solid var(--line); border-radius: 6px; background: #fff; font-weight: 850; color: #344054; }
.account-menu a:hover { border-color: var(--brand); color: var(--brand); background: #f7fbff; }
.account-content { display: grid; gap: 16px; min-width: 0; }
.account-card { padding: 20px; overflow-x: auto; }
.address-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.address-grid article { border: 1px solid var(--line); border-radius: 8px; padding: 14px; background: #f8fafc; }
.address-grid p { margin: 6px 0 0; color: #475467; line-height: 1.45; }
.address-form { margin-top: 16px; }
.address-form label:last-of-type { grid-column: 1 / -1; }
.account-billing-form .full { grid-column: 1 / -1; }
.account-billing-form .company-fields { grid-column: 1 / -1; }
.order-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.order-detail-head h1 { margin: 4px 0 0; font-size: 28px; letter-spacing: 0; }
.order-detail-head p { margin: 0; font-weight: 850; }
.account-order-summary { margin: 18px 0 0; }
.order-items { display: grid; gap: 12px; }
.order-item-row { display: grid; grid-template-columns: 82px minmax(0, 1fr) auto; align-items: center; gap: 14px; border: 1px solid var(--line); border-radius: 8px; padding: 12px; background: #f8fafc; }
.order-item-row strong { color: #111827; }
.order-item-row p { margin: 6px 0 0; }
.account-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.detail-list { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 10px 14px; margin: 0; }
.detail-list dt { color: var(--muted); font-weight: 850; }
.detail-list dd { margin: 0; color: #111827; font-weight: 750; overflow-wrap: anywhere; }
.xml-category-guide { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; max-height: 260px; overflow: auto; }
.xml-category-guide code { display: block; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: #f8fafc; font-size: 12px; white-space: normal; }
.fixed-pool-toggle { display: grid; gap: 3px; }
.fixed-pool-toggle small { display: block; color: var(--muted); font-size: 12px; line-height: 1.35; margin-left: 22px; }
.category-ai-summary { display: grid; gap: 12px; }
.category-ai-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.category-ai-steps div { border: 1px solid var(--line); border-radius: 8px; background: #f8fafc; padding: 14px; display: grid; gap: 5px; }
.category-ai-steps strong { color: #101828; font-size: 15px; }
.category-ai-steps span { color: var(--muted); font-size: 13px; line-height: 1.35; }
.category-ai-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.status-pill { display: inline-flex; align-items: center; border-radius: 999px; padding: 4px 9px; font-size: 12px; font-weight: 900; white-space: nowrap; }
.status-pill.ok { background: #ecfdf3; color: #067647; }
.status-pill.warn { background: #fffaeb; color: #b54708; }
.status-pill.danger { background: #fff1f3; color: #c01048; }
.status-pill.soft { background: #f2f4f7; color: #475467; }
.btn.danger { background: #fff1f3; border-color: #fecdd3; color: #be123c; }
.btn.danger:hover { background: #ffe4e6; color: #9f1239; }
.btn.small { min-height: 34px; padding: 7px 11px; font-size: 13px; }
.category-admin-table input,
.category-admin-table select,
.category-admin-table textarea { min-width: 150px; }
.category-admin-table td:nth-child(3) { min-width: 280px; }
.category-admin-table td:nth-child(3) input { margin-bottom: 6px; }
.category-admin-table td:nth-child(8) { white-space: nowrap; }
.category-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.category-filter-bar { grid-template-columns: minmax(280px, 1.2fr) minmax(280px, 1fr) auto; }
.improved-category-table th,
.improved-category-table td { vertical-align: top; }
.improved-category-table td:first-child,
.improved-category-table td:nth-child(2) { text-align: center; }
.improved-category-table input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; accent-color: #004fb5; }
.category-name-cell { display: grid; gap: 7px; min-width: 330px; }
.category-name-cell input:first-child { font-weight: 900; color: #101828; }
.category-name-cell small { color: #667085; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
.category-row-actions { display: grid; gap: 8px; min-width: 150px; }
.category-row-actions small { color: #98a2b3; font-size: 11px; font-weight: 800; line-height: 1.35; }
.category-row-actions .btn[disabled] { opacity: .45; cursor: not-allowed; box-shadow: none; }
.empty-state { border: 1px dashed #cbd5e1; border-radius: 16px; padding: 18px; background: #f8fafc; color: #667085; font-weight: 850; }
.score-pill { display: inline-flex; min-width: 42px; justify-content: center; border-radius: 999px; padding: 5px 10px; background: #eef2f6; color: #344054; font-weight: 950; font-size: 12px; }
.score-pill.good { background: #ecfdf3; color: #067647; }
.score-pill.bad { background: #fff1f3; color: #c01048; }
.admin-task-monitor { display: none; margin: 0 0 18px; border-left: 4px solid #0ea5e9; }
.admin-page-background_tasks .admin-task-monitor { display: block; }
.task-list { display: grid; gap: 10px; }
.task-row {
    display: grid;
    grid-template-columns: minmax(160px, 1.2fr) minmax(110px, .5fr) minmax(180px, 2fr);
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid #e5edf7;
    border-radius: 12px;
    background: #f8fbff;
}
.task-row strong { color: #111827; }
.manual-url-task-panel {
    display: grid;
    gap: 10px;
    margin: 12px 0 16px;
    padding: 16px;
    border: 1px solid #fed7aa;
    border-left: 5px solid #f97316;
    border-radius: 16px;
    background: #fff7ed;
    color: #111827;
}
.manual-url-task-panel strong {
    font-size: 18px;
}
.manual-url-task-panel p {
    margin: 0;
    color: #7c2d12;
}
.manual-url-task-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    background: #fff;
}
.manual-url-task-actions span {
    margin-right: auto;
    font-weight: 800;
    color: #9a3412;
}
.manual-url-task-actions form {
    display: inline-flex;
    margin: 0;
}
.task-actions {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.inline-task-form {
    display: inline-flex;
    margin: 0;
}
.task-bar {
    grid-column: 1 / -1;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #e5edf7;
}
.task-bar i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0ea5e9, #0b55b7);
}
.url-flow-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 8px 0 18px;
}
.url-operation-state {
    display: grid;
    grid-template-columns: 54px minmax(0, 1.5fr) minmax(260px, .8fr);
    gap: 18px;
    align-items: center;
    margin: 18px 0;
    padding: 20px;
    border: 1px solid #cfe0f5;
    border-left: 5px solid #0b63ce;
    border-radius: 14px;
    background: #f7fbff;
}
.url-operation-state.warn { border-left-color: #f59e0b; background: #fffbeb; }
.url-operation-state.danger { border-left-color: #e11d48; background: #fff1f3; }
.url-operation-state.ok { border-left-color: #12b76a; background: #ecfdf3; }
.url-operation-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #0b63ce;
    color: #fff;
    font-size: 24px;
    font-weight: 950;
}
.url-operation-state.warn .url-operation-icon { background: #f59e0b; }
.url-operation-state.danger .url-operation-icon { background: #e11d48; }
.url-operation-state.ok .url-operation-icon { background: #12b76a; }
.url-operation-copy > span,
.url-operation-next > strong {
    display: block;
    margin-bottom: 4px;
    color: #667085;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}
.url-operation-copy h2 { margin: 0 0 5px; font-size: 22px; }
.url-operation-copy p,
.url-operation-next p { margin: 0; color: #475467; line-height: 1.5; }
.url-operation-meta {
    display: flex;
    gap: 8px 14px;
    flex-wrap: wrap;
    margin-top: 10px;
    color: #667085;
    font-size: 13px;
}
.url-operation-next {
    padding-left: 18px;
    border-left: 1px solid rgba(102, 112, 133, .22);
}
.url-operation-next .btn { margin-top: 10px; }
.url-flow-steps article {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 6px 12px;
    align-items: center;
    padding: 16px;
    border: 1px solid #e5edf7;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .04);
}
.url-flow-steps article.is-active {
    border-color: #7cc4ff;
    box-shadow: inset 0 3px 0 #0b63ce, 0 14px 30px rgba(15, 23, 42, .04);
}
.url-flow-steps article.is-done b {
    background: #dcfae6;
    color: #027a48;
}
.url-flow-steps b {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: #eaf6ff;
    color: #0757b8;
    font-size: 16px;
}
.url-flow-steps strong {
    font-size: 16px;
    color: #101828;
}
.url-flow-steps span {
    color: #667085;
    font-size: 13px;
    line-height: 1.35;
}
.url-report-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 12px;
    margin: 14px 0;
}
.url-report-summary div {
    padding: 14px;
    border: 1px solid #e5edf7;
    border-radius: 14px;
    background: #f8fbff;
}
.url-report-summary span {
    display: block;
    color: #667085;
    font-weight: 800;
    font-size: 12px;
}
.url-report-summary strong {
    display: block;
    margin-top: 4px;
    color: #101828;
    font-size: 24px;
    font-weight: 950;
}
.url-report-summary strong.text-danger {
    color: #c01048;
}
.url-cron-panel code {
    display: block;
    margin: 10px 0 12px;
    padding: 10px 12px;
    border: 1px solid #fedf89;
    border-radius: 10px;
    background: #fffaf0;
    color: #7a2e0e;
    white-space: normal;
    word-break: break-word;
}
.url-import-action-card {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 140px minmax(240px, 360px) auto;
    gap: 12px;
    align-items: end;
    margin: 14px 0 18px;
    padding: 14px;
    border: 1px solid #d8e7ff;
    border-radius: 14px;
    background: #f6faff;
}
.url-import-action-card p { margin: 4px 0 0; }
.url-report-head-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}
.url-report-head-actions form {
    margin: 0;
}
.url-report-guidance {
    margin: 14px 0;
    padding: 15px 17px;
    border: 1px solid #cfe0f5;
    border-radius: 12px;
    background: #f7fbff;
}
.url-report-guidance.warn { border-color: #fedf89; background: #fffaeb; }
.url-report-guidance.danger { border-color: #fda4af; background: #fff1f3; }
.url-report-guidance.ok { border-color: #abefc6; background: #ecfdf3; }
.url-report-guidance strong,
.url-report-guidance p,
.url-report-guidance small { display: block; }
.url-report-guidance p { margin: 5px 0; color: #344054; }
.url-report-guidance small { margin-top: 5px; color: #667085; }
.url-report-history {
    padding: 0;
    overflow: hidden;
}
.url-report-history > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    cursor: pointer;
    list-style: none;
}
.url-report-history > summary::-webkit-details-marker { display: none; }
.url-report-history > summary span { display: grid; gap: 3px; }
.url-report-history > summary strong { font-size: 18px; color: #101828; }
.url-report-history > summary small { color: #667085; }
.url-report-history > summary b {
    padding: 7px 10px;
    border-radius: 999px;
    background: #eaf4ff;
    color: #0755bd;
    font-size: 13px;
}
.url-report-history table { margin: 0; }
.url-import-item-list {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}
.url-import-item {
    display: grid;
    grid-template-columns: minmax(260px, 1.15fr) minmax(260px, 1fr) minmax(220px, .9fr) minmax(250px, .9fr);
    gap: 14px;
    align-items: stretch;
    padding: 16px;
    border: 1px solid #e3eaf4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .035);
}
.url-import-item.is-compact {
    grid-template-columns: 112px minmax(280px, 1fr) minmax(300px, .9fr);
    align-items: start;
}
.url-import-item.failed { border-color: #fecdd3; background: #fffafa; }
.url-import-item.imported { border-color: #bbf7d0; background: #fbfffd; }
.url-item-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    aspect-ratio: 1 / 1;
    border: 1px solid #e5edf7;
    border-radius: 14px;
    background: #f8fafc;
    overflow: hidden;
    color: #98a2b3;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
}
.url-item-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 6px;
}
.url-item-main,
.url-item-preview,
.url-item-gallery,
.url-item-actions {
    min-width: 0;
}
.url-item-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
.url-source-link {
    color: #0757b8;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}
.url-item-main h3 {
    margin: 9px 0 10px;
    color: #101828;
    font-size: 17px;
    line-height: 1.25;
}
.url-item-meta {
    display: grid;
    gap: 5px;
    color: #667085;
    font-size: 12px;
    line-height: 1.35;
}
.url-item-meta strong { color: #344054; }
.url-item-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}
.url-item-metrics div {
    padding: 10px;
    border: 1px solid #e5edf7;
    border-radius: 12px;
    background: #f8fbff;
}
.url-item-metrics span,
.url-item-message span {
    display: block;
    color: #667085;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.url-item-metrics strong {
    display: block;
    margin-top: 4px;
    color: #101828;
    font-size: 18px;
}
.url-item-metrics small {
    display: block;
    margin-top: 6px;
    color: #667085;
    font-size: 12px;
    line-height: 1.35;
}
.url-item-preview {
    padding: 12px;
    border: 1px solid #edf1f7;
    border-radius: 14px;
    background: #f9fbff;
}
.url-item-preview > strong,
.url-item-gallery > strong {
    display: block;
    margin-bottom: 8px;
    color: #101828;
    font-size: 13px;
}
.url-item-preview p {
    margin: 0;
    color: #344054;
    font-size: 13px;
    line-height: 1.55;
}
.url-item-preview ul {
    margin: 10px 0 0;
    padding-left: 18px;
    color: #475467;
    font-size: 12px;
    line-height: 1.45;
}
.url-image-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}
.url-image-grid a,
.url-empty-gallery {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    border: 1px solid #e5edf7;
    border-radius: 12px;
    background: #f8fafc;
    overflow: hidden;
}
.url-image-grid img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 5px;
}
.url-empty-gallery {
    min-height: 120px;
    color: #98a2b3;
    font-size: 12px;
    font-weight: 900;
}
.url-item-actions {
    display: grid;
    align-content: start;
    gap: 10px;
}
.url-item-message {
    padding: 10px;
    border: 1px solid #e5edf7;
    border-radius: 12px;
    background: #f8fbff;
}
.url-item-message p {
    margin: 5px 0 0;
    color: #344054;
    font-size: 13px;
    line-height: 1.4;
}
.url-item-form {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid #d8e7ff;
    border-radius: 14px;
    background: #f6faff;
}
.url-item-form.compact {
    padding: 0;
    border: 0;
    background: transparent;
}
.url-item-form select {
    width: 100%;
    max-width: none;
}
.url-item-links {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.url-item-details {
    grid-column: 1 / -1;
    border: 1px solid #e5edf7;
    border-radius: 14px;
    background: #fbfdff;
    overflow: hidden;
}
.url-item-details summary {
    cursor: pointer;
    padding: 12px 14px;
    color: #0757b8;
    font-weight: 950;
    list-style: none;
}
.url-item-details summary::-webkit-details-marker { display: none; }
.url-item-details summary::after {
    content: '+';
    float: right;
    color: #667085;
}
.url-item-details[open] summary::after { content: '-'; }
.url-detail-grid {
    display: grid;
    grid-template-columns: minmax(260px, .9fr) minmax(320px, 1.25fr);
    gap: 14px;
    padding: 0 14px 14px;
}
.url-detail-grid section {
    min-width: 0;
    padding: 12px;
    border: 1px solid #edf1f7;
    border-radius: 14px;
    background: #fff;
}
.url-detail-grid h4 {
    margin: 0 0 9px;
    color: #101828;
    font-size: 13px;
}
.url-detail-grid p {
    margin: 0;
    color: #344054;
    font-size: 13px;
    line-height: 1.55;
}
.url-detail-grid ul {
    margin: 0;
    padding-left: 18px;
    color: #475467;
    font-size: 12px;
    line-height: 1.5;
}
.url-item-details > .url-source-link {
    display: inline-flex;
    margin: 0 14px 14px;
}

/* URL aktarım raporu: seçili satırlarda kontrollü toplu işlem ve 10'lu sayfalama */
.url-simple-bulk-actions .btn { margin: 0; }
.url-simple-item-select { cursor: pointer; }
.url-simple-pagination a:hover { border-color: #0757c8; background: #eef6ff; }
.admin-actions-row form {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.admin-actions-row form select {
    width: auto;
    max-width: 220px;
    min-height: 34px;
    padding: 7px 10px;
    border-radius: 8px;
    font-size: 12px;
}
.paytr-order-actions { display: grid; gap: 7px; min-width: 190px; margin: 0 0 8px; }
.paytr-order-actions.refund { grid-template-columns: minmax(92px, 1fr) minmax(92px, 1fr); align-items: center; }
.paytr-order-actions.refund .btn { grid-column: 1 / -1; }
.paytr-order-actions input { min-height: 34px; padding: 8px 10px; border-radius: 10px; font-size: 12px; }
.paytr-order-actions .btn { width: 100%; justify-content: center; }
.integration-badge { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 7px 10px; border-radius: 999px; font-size: 12px; font-weight: 950; white-space: nowrap; }
.integration-badge span { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 999px; font-size: 13px; line-height: 1; }
.integration-badge.sent { color: #027a48; background: #ecfdf3; border: 1px solid #abefc6; }
.integration-badge.sent span { color: #fff; background: #12b76a; }
.integration-badge.waiting { color: #b54708; background: #fffaeb; border: 1px solid #fedf89; }
.integration-badge.waiting span { color: #fff; background: #f79009; }
.order-detail-row > td { padding-top: 0; background: #f8fbff; }
.order-detail-card { border: 1px solid #dbe7f5; border-radius: 14px; background: #fff; box-shadow: 0 12px 24px rgba(15, 23, 42, .045); overflow: hidden; }
.order-detail-card summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 16px; cursor: pointer; color: #101828; font-weight: 950; list-style: none; }
.order-detail-card summary::-webkit-details-marker { display: none; }
.order-detail-card summary::after { content: '+'; display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: #eef6ff; color: #005cc8; font-size: 18px; line-height: 1; }
.order-detail-card[open] summary::after { content: '-'; }
.order-detail-card summary strong { margin-left: auto; color: #667085; font-size: 12px; }
.order-detail-stack { display: grid; gap: 14px; padding: 0 16px 16px; }
.order-detail-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.order-detail-panel { padding: 16px; border: 1px solid #dfeaf7; border-radius: 14px; background: #fbfdff; }
.order-detail-products { background: #fff; }
.order-detail-panel h3 { margin: 0 0 12px; font-size: 15px; color: #101828; }
.order-items-table { min-width: 0 !important; width: 100%; border: 1px solid #e7edf6; border-radius: 12px; overflow: hidden; }
.order-items-table th, .order-items-table td { padding: 12px 14px; font-size: 13px; vertical-align: middle; }
.order-items-table th { background: #f1f6fd; color: #667085; font-size: 12px; text-transform: uppercase; letter-spacing: 0; }
.order-items-table td:first-child { width: 58%; }
.order-items-table td:not(:first-child), .order-items-table th:not(:first-child) { text-align: right; white-space: nowrap; }
.order-items-table a { color: #005cc8; font-weight: 900; }
.order-detail-list { display: grid; gap: 10px; margin: 0; }
.order-detail-list div { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 12px; align-items: start; padding-bottom: 10px; border-bottom: 1px solid #edf2f7; }
.order-detail-list div:last-child { padding-bottom: 0; border-bottom: 0; }
.order-detail-list dt { color: #667085; font-size: 12px; font-weight: 900; }
.order-detail-list dd { margin: 0; color: #101828; font-size: 13px; font-weight: 850; line-height: 1.45; overflow-wrap: anywhere; }
.order-empty-detail { padding: 14px; border: 1px dashed #d5dfed; border-radius: 10px; color: #667085; font-weight: 850; background: #fff; }

@media (max-width: 1040px) {
    .header-main { grid-template-columns: 190px 1fr auto auto; }
    .cart-box { display: none; }
    .promo-banners { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .category-banner-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .grid, .blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .category-flow, .market-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .brand-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .product-hero { grid-template-columns: 1fr; }
    .order-detail-info-grid { grid-template-columns: 1fr; }
    .related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .tab-buttons { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
    .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cart-layout, .checkout-layout { grid-template-columns: 1fr; }
    .cart-table-head { display: none; }
    .cart-row { grid-template-columns: minmax(0, 1fr) auto; padding-left: 36px; }
    .cart-product { grid-column: 1 / -1; }
    .cart-price:before { content: "Fiyat: "; color: var(--muted); }
    .cart-line:before { content: "Ara Toplam: "; color: var(--muted); font-weight: 800; }
    .complete-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-filter-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-product-editor { grid-template-columns: 1fr; }
    .admin-edit-side { position: static; }
    .dashboard-grid, .dashboard-layout, .settings-layout, .health-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-add-card, .home-section-shell { grid-template-columns: 1fr; }
    .home-block-palette { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
    .home-source-grid { grid-template-columns: 1fr; }
    .home-builder-intro { align-items: flex-start; flex-direction: column; }
    .home-builder-mini-flow { justify-content: flex-start; }
    .home-builder-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-builder-controls .btn { grid-column: 1 / -1; }
    .home-section-meta { border-right: 0; border-bottom: 1px solid #dbe3ee; }
    .home-admin-grid, .home-admin-grid.tabs-grid { grid-template-columns: 1fr; }
    .category-ai-steps { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
    html, body { max-width: 100%; overflow-x: hidden; }
    .topbar .wrap { align-items: flex-start; flex-direction: column; padding: 8px 0; gap: 6px; }
    .header-main { grid-template-columns: 1fr; padding: 16px 0; min-height: 0; }
    .brand-logo img { width: 190px; }
    .support-box { justify-content: flex-start; }
    .member-box { justify-content: flex-start; }
    .floating-whatsapp {
        right: 14px;
        bottom: 14px;
        width: 56px;
        min-height: 56px;
        padding: 0;
        justify-content: center;
    }
    .floating-whatsapp span { display: none; }
    .nav { position: sticky; top: 0; padding: 8px 0; }
    .category-banner-grid { grid-template-columns: 1fr; }
    .home-product-scroller { grid-auto-columns: minmax(240px, 72vw); }
    .home-showcase-head { grid-template-columns: 1fr; align-items: start; }
    .home-showcase-actions { justify-self: start; }
    .home-showcase-track { grid-auto-columns: minmax(240px, 72vw); }
    .home-product-carousel-section .section-title {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .home-product-carousel-section .section-title > div,
    .home-product-carousel-section .section-title .small-btn {
        grid-column: auto;
        justify-self: center;
    }
    .home-carousel-card { width: 100%; min-width: 0; max-width: none; }
    .home-builder-controls { grid-template-columns: 1fr; }
    .mobile-menu-toggle {
        width: min(calc(100% - 24px), 1240px);
        min-height: 46px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr);
        grid-template-rows: repeat(3, 4px);
        align-content: center;
        gap: 4px 10px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
        color: #111827;
        padding: 10px 14px;
        font: inherit;
        cursor: pointer;
        text-align: left;
    }
    .mobile-menu-toggle span { display: block; width: 22px; height: 2px; border-radius: 999px; background: var(--brand); }
    .mobile-menu-toggle strong { grid-column: 2; grid-row: 1 / 4; align-self: center; font-size: 15px; font-weight: 950; }
    .nav.mobile-open .mobile-menu-toggle { border-color: #c8d7ee; background: #f7fbff; }
    .nav-inner {
        display: none;
        width: min(calc(100% - 24px), 1240px);
        max-height: calc(100vh - 74px);
        margin-top: 8px;
        overflow-y: auto;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 18px 42px rgba(15, 23, 42, .14);
    }
    .nav.mobile-open .nav-inner { display: block; }
    .nav-group { border-bottom: 1px solid #eef2f6; }
    .nav-group:last-child { border-bottom: 0; }
    .nav-group > a { min-height: 46px; padding: 13px 14px; justify-content: space-between; }
    .nav-group.open > .submenu {
        position: static;
        width: 100%;
        min-width: 0;
        max-height: none;
        overflow: visible;
        border: 0;
        border-top: 1px solid #eef2f6;
        border-radius: 0;
        box-shadow: none;
        background: #f8fafc;
    }
    .submenu.nested {
        position: static;
        min-width: 0;
        margin: 4px 0 6px 12px;
        border-radius: 8px;
        box-shadow: none;
        background: #fff;
    }
    .submenu a { padding: 12px; }
    .hero-carousel { aspect-ratio: 1370 / 560; }
    .grid, .blog-grid, .blog-list-grid, .category-flow, .market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .brand-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .brand-list a { min-height: 154px; grid-template-rows: 76px auto auto; padding: 16px 12px 13px; }
    .brand-list .brand-list-logo { height: 76px; }
    .brand-list img { width: min(190px, 90%); height: 70px; }
    .purchase-closed-inner { flex-wrap: wrap; gap: 8px; padding: 8px 12px; }
    .purchase-closed-inner strong { white-space: normal; }
    .purchase-closed-inner span:last-child { flex-basis: 100%; }
    .blog-detail { padding: 20px; }
    .blog-detail h1 { font-size: 30px; }
    .related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .product-hero, .product-gallery, .product-buybox { min-width: 0; width: 100%; }
    .product-detail-page, .detail-tabs, .tab-panel, .product-description-html { max-width: 100%; overflow-x: hidden; }
    .tab-panel { padding: 18px; }
    .tab-panel iframe, .product-description-html iframe { width: 100% !important; max-width: 100% !important; }
    .product-description-html {
        display: block;
        contain: inline-size;
    }
    .product-description-html iframe,
    .product-description-html video,
    .product-description-html object,
    .product-description-html embed {
        aspect-ratio: 16 / 9;
        height: auto !important;
    }
    .detail-img { min-height: 380px; }
    .detail-img img { max-height: 360px; }
    .gallery-breadcrumb {
        width: 100%;
        border-radius: 8px;
        font-size: 11px;
    }
    .gallery-breadcrumb strong { max-width: 190px; }
    .gallery-thumbs { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .buy-actions, .fc-support-strip { grid-template-columns: 1fr; }
    .product-title-row { grid-template-columns: 1fr; gap: 12px; }
    .authorized-brand-card { width: 156px; }
    .fc-assurance {
        display: flex;
        overflow-x: auto;
        gap: 8px;
        padding: 8px;
        border: 1px solid #dbe6f3;
        border-radius: 8px 8px 0 0;
        background: #fff;
        scrollbar-width: thin;
    }
    .fc-assurance button {
        flex: 0 0 112px;
        min-height: 82px;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        padding: 8px 6px;
        gap: 4px;
    }
    .fc-assurance button:last-child { border-right: 1px solid #e5eaf2; }
    .fc-assurance button.active:before { height: 3px; border-radius: 8px 8px 0 0; }
    .fc-assurance span { width: 34px; height: 34px; border-width: 2px; font-size: 17px; }
    .fc-assurance strong { font-size: 12px; line-height: 1.1; }
    .fc-assurance small { font-size: 10px; line-height: 1.15; }
    .assurance-content { padding: 12px 14px; margin-bottom: 14px; border-radius: 0 0 8px 8px; }
    .assurance-content p { font-size: 13px; line-height: 1.45; padding-left: 14px; }
    .tab-buttons { grid-template-columns: 1fr; }
    .spec-table div { grid-template-columns: 1fr; gap: 4px; }
    .quick-cats { justify-content: flex-start; gap: 22px; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }
    .quick-cat { flex: 0 0 auto; }
    .cols, .detail, .admin, .auth-grid, .account-layout { grid-template-columns: 1fr; }
    .cols > section { order: 1; min-width: 0; }
    .cols > aside { order: 2; min-width: 0; }
    .nova-filter { margin-top: 18px; }
    .listing-tools { width: 100%; align-items: stretch; }
    .listing-tools .sort-form { width: 100%; min-width: 0; }
    .listing-tools .sort-form select { width: 100%; }
    .section-title { align-items: flex-start; flex-direction: column; gap: 12px; }
    .account-menu { position: static; }
    .footer-bottom { flex-direction: column; }
    .admin-sidebar, .admin aside { position: static; height: auto; }
    .admin-topbar { position: static; flex-direction: column; align-items: stretch; margin: 0 0 18px; padding: 14px; border: 1px solid #edf1f7; border-radius: 18px; box-shadow: 0 12px 28px rgba(15, 23, 42, .04); }
    .admin-topbar > div, .admin-top-actions { flex-wrap: wrap; justify-content: flex-start; }
    .admin-search { width: 100%; }
    .dashboard-grid, .dashboard-layout, .settings-layout, .health-metric-grid { grid-template-columns: 1fr; }
    .home-overview { grid-template-columns: 1fr; }
    .task-row { grid-template-columns: 1fr; }
    .url-flow-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .url-report-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .url-import-action-card { grid-template-columns: 1fr; }
    .url-import-item, .url-import-item.is-compact { grid-template-columns: 1fr; }
    .url-item-thumb { width: min(180px, 100%); }
    .url-detail-grid { grid-template-columns: 1fr; }
    .settings-layout > .admin-save-btn { justify-self: stretch; max-width: none; }
    .company-fields { grid-template-columns: 1fr; }
}

@media (max-width: 540px) {
    .wrap { width: min(100% - 24px, 1240px); }
    .url-flow-steps, .url-report-summary { grid-template-columns: 1fr; }
    .url-image-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .top-links { gap: 12px; }
    .search button { padding-left: 13px; padding-right: 13px; }
    .search-suggest { top: calc(100% + 6px); max-height: min(430px, calc(100vh - 125px)); }
    .search-suggest-item { grid-template-columns: 50px minmax(0, 1fr); }
    .search-suggest-image { width: 50px; height: 50px; max-width: 50px; max-height: 50px; }
    .search-suggest-image img { width: 46px; height: 46px; max-width: 46px; max-height: 46px; }
    .search-suggest-side { grid-column: 2; grid-template-columns: auto auto; justify-content: start; gap: 10px; text-align: left; }
    .promo-banners, .grid, .blog-grid, .blog-list-grid, .category-flow, .market-grid, .footer-grid, .form-grid, .address-grid, .account-detail-grid, .about-section-grid, .bank-card-grid, .contact-layout, .managed-repeat-grid { grid-template-columns: 1fr; }
    .brand-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .brand-list a { min-height: 138px; grid-template-rows: 66px auto auto; padding: 13px 8px 11px; }
    .brand-list .brand-list-logo { height: 66px; }
    .brand-list img { width: min(145px, 92%); height: 60px; }
    .brand-list strong { font-size: 15px; }
    .brand-list em { font-size: 11px; }
    .managed-hero { padding: 20px; }
    .managed-hero h2 { font-size: 28px; }
    .about-feature-card ul { grid-template-columns: 1fr; }
    .contact-map,
    .contact-map iframe { min-height: 320px; }
    .order-detail-head { flex-direction: column; }
    .order-item-row { grid-template-columns: 62px minmax(0, 1fr); }
    .order-item-row > strong { grid-column: 2; }
    .detail-list { grid-template-columns: 1fr; }
    .product-buybox h1 { font-size: 23px; }
    .detail-price { font-size: 28px; }
    .related-grid { grid-template-columns: 1fr; }
    .detail-alternative-showcase { margin-top: 22px; padding: 18px 14px; }
    .detail-alternative-showcase .home-showcase-head { grid-template-columns: 1fr; align-items: start; }
    .detail-alternative-showcase .home-showcase-actions { justify-self: start; }
    .detail-alternative-showcase .home-showcase-track { grid-auto-columns: minmax(235px, 76vw); }
    .support-tile { grid-template-columns: 44px 1fr; padding: 12px; }
    .support-mark { width: 40px; height: 40px; border-radius: 12px; font-size: 20px; }
    .support-mark img,
    .support-whatsapp-icon {
        width: 40px !important;
        height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
    }
    .product-overview-collapsible { --overview-collapsed-height: 230px; }
    .product-overview-toggle { width: 100%; }
    .fc-assurance { width: 100%; max-width: 100%; }
    .fc-assurance button { flex-basis: 104px; min-height: 76px; }
    .assurance-content { width: 100%; max-width: 100%; }
    .market-grid a { min-height: 92px; padding: 16px; }
    .admin-filter-bar { grid-template-columns: 1fr; }
    .seo-ai-flow { grid-template-columns: 1fr; }
    .admin-page-head { flex-direction: column; align-items: flex-start; }
    .admin-filter-actions { flex-direction: column; }
    .dashboard-actions { width: 100%; flex-direction: column; align-items: stretch; }
    .installment-head { display: grid; }
    .installment-row { grid-template-columns: 1fr; gap: 4px; }
    .admin main { padding: 16px; }
    .admin-user-chip { display: none; }
    .home-block-palette { grid-template-columns: 1fr; }
    .home-builder-controls { grid-template-columns: 1fr; }
    .home-builder-controls .btn { grid-column: auto; }
    .home-admin-item { grid-template-columns: 1fr; }
    .home-add-card .form-grid { grid-template-columns: 1fr; }
    .checkout-steps { flex-direction: column; align-items: stretch; text-align: center; }
    .cart-card, .cart-summary, .checkout-card, .order-review, .order-complete { border-radius: 12px; padding: 16px; }
    .cart-row { grid-template-columns: 1fr; }
    .cart-coupon { flex-direction: column; }
    .checkout-paytr-shell { padding: 14px; border-radius: 12px; }
    .checkout-paytr-head { flex-direction: column; align-items: flex-start; padding: 14px; }
    .checkout-paytr-head h1 { font-size: 22px; }
    .checkout-paytr-head > strong { font-size: 22px; }
    .checkout-paytr-frame, .checkout-paytr-frame iframe { min-height: 640px; }
.complete-summary { grid-template-columns: 1fr; }
}

.audit-metric-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 18px;
}
.metric-card {
    position: relative;
    overflow: hidden;
    min-height: 132px;
    border-left: 4px solid #0b57b7;
}
.metric-card:after {
    content: "";
    position: absolute;
    right: -34px;
    top: -34px;
    width: 112px;
    height: 112px;
    border-radius: 999px;
    background: rgba(11, 87, 183, .08);
}
.metric-card span {
    display: block;
    color: #667085;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.metric-card strong {
    display: block;
    margin-top: 10px;
    font-size: 34px;
    line-height: 1;
}
.metric-card small {
    display: block;
    margin-top: 12px;
    color: #667085;
    font-weight: 700;
}
.metric-card.orange { border-color: #f59e0b; }
.metric-card.orange:after { background: rgba(245, 158, 11, .12); }
.metric-card.red { border-color: #ef4444; }
.metric-card.red:after { background: rgba(239, 68, 68, .10); }
.metric-card.cyan { border-color: #0ea5e9; }
.metric-card.cyan:after { background: rgba(14, 165, 233, .12); }
.audit-run-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.audit-run-pills a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 9px 13px;
    border: 1px solid #d7e1ee;
    border-radius: 999px;
    color: #344054;
    font-weight: 800;
    background: #fff;
}
.audit-run-pills a.active {
    color: #064da8;
    border-color: #99c8ff;
    background: #eff7ff;
}
.audit-products-table td {
    vertical-align: top;
}
.audit-action-guide {
    margin: 0 18px 18px;
}
.audit-issue-help {
    display: block;
    max-width: 220px;
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.35;
}
.audit-product-cell {
    min-width: 320px;
}
.audit-source-box {
    max-width: 320px;
    padding: 10px 12px;
    border: 1px solid #e4ebf5;
    border-radius: 12px;
    background: #f8fbff;
    color: #475467;
    font-size: 13px;
    line-height: 1.35;
}
.audit-category-suggestion {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 6px 10px;
    max-width: 320px;
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid #b9d8ff;
    border-radius: 12px;
    background: #f2f8ff;
    font-size: 13px;
    line-height: 1.35;
}
.audit-category-suggestion span {
    color: #667085;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.audit-category-suggestion strong {
    color: #101828;
    font-weight: 900;
}
.audit-category-select {
    display: grid;
    gap: 6px;
    max-width: 320px;
    margin-top: 10px;
    color: #667085;
    font-size: 12px;
    font-weight: 900;
}
.audit-category-select select {
    width: 100%;
    min-width: 220px;
    border: 1px solid #d7e1ee;
    border-radius: 10px;
    padding: 9px 10px;
    background: #fff;
    color: #101828;
    font-weight: 800;
}
.audit-related-list {
    display: grid;
    gap: 8px;
    min-width: 240px;
}
.audit-related-list a,
.audit-related-list span {
    display: block;
    padding: 8px 10px;
    border: 1px solid #e4ebf5;
    border-radius: 10px;
    color: #344054;
    background: #fff;
    font-size: 13px;
    font-weight: 800;
}

@media (max-width: 900px) {
    .audit-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 540px) {
    .audit-metric-grid {
        grid-template-columns: 1fr;
    }
    .audit-table-card {
        overflow-x: auto;
    }
}

/* Admin UI refresh v3: shared visual system for every panel page. */
.admin {
    --admin-bg: #f3f7fc;
    --admin-surface: #fff;
    --admin-line: #dce6f3;
    --admin-line-soft: #edf3fa;
    --admin-ink: #111827;
    --admin-muted: #667085;
    --admin-blue: #0054bd;
    --admin-cyan: #18aeea;
    --admin-green: #16a34a;
    --admin-orange: #f59e0b;
    --admin-red: #e11d48;
    --admin-shadow: 0 20px 46px rgba(15, 23, 42, .065);
    --admin-shadow-soft: 0 12px 28px rgba(15, 23, 42, .045);
    background:
        radial-gradient(circle at 88% 4%, rgba(24, 174, 234, .12), transparent 28%),
        linear-gradient(180deg, #f7fbff 0%, var(--admin-bg) 42%, #eef4fb 100%);
    color: var(--admin-ink);
}

.admin main {
    padding: 0 32px 42px;
    background: transparent;
}

.admin-topbar {
    min-height: 78px;
    margin: 0 -32px 26px;
    padding: 14px 32px;
    background: rgba(255, 255, 255, .9);
    border-bottom: 1px solid var(--admin-line-soft);
    box-shadow: 0 10px 34px rgba(15, 23, 42, .045);
}

.admin-sidebar {
    border-right: 1px solid var(--admin-line-soft);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .98));
}

.admin-sidebar a {
    min-height: 46px;
    border: 1px solid transparent;
    border-radius: 14px;
    font-weight: 900;
}

.admin-sidebar a:hover,
.admin-sidebar a.active {
    border-color: #cfe7ff;
    background: linear-gradient(135deg, #eff8ff, #f8fbff);
    box-shadow: 0 10px 22px rgba(0, 84, 189, .07);
}

.admin-page-head:not(.compact) {
    position: relative;
    overflow: hidden;
    align-items: flex-end;
    margin: 0 0 20px;
    padding: 24px 28px;
    border: 1px solid var(--admin-line-soft);
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(242, 249, 255, .95));
    box-shadow: var(--admin-shadow-soft);
}

.admin-page-head:not(.compact)::after {
    content: "";
    position: absolute;
    right: -42px;
    top: -58px;
    width: 178px;
    height: 178px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(24, 174, 234, .18), rgba(0, 84, 189, .08));
    pointer-events: none;
}

.admin-page-head > * {
    position: relative;
    z-index: 1;
}

.admin-page-head h1 {
    margin-top: 3px;
    color: var(--admin-ink);
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.05;
    font-weight: 950;
}

.admin-page-head h2 {
    color: var(--admin-ink);
    font-size: clamp(19px, 1.6vw, 26px);
    line-height: 1.15;
    font-weight: 950;
}

.admin-page-head p,
.admin-section-title p,
.admin-card-head p,
.admin-table-note {
    color: var(--admin-muted);
    font-size: 15px;
    line-height: 1.45;
    font-weight: 760;
}

.admin-page-head.compact {
    align-items: center;
    padding: 0;
    background: transparent;
}

.admin-edit-card,
.admin-table-card,
.admin-filter-bar,
.admin-actions-row,
.admin-task-monitor,
.admin-bulk-toolbar,
.admin-add-section,
.url-bot-status-card,
.xml-job-card,
.health-overview,
.dashboard-status-card,
.member-create-card,
.qa-admin-card,
.cache-clear-card {
    border: 1px solid var(--admin-line-soft);
    border-radius: 24px;
    background: rgba(255, 255, 255, .97);
    box-shadow: var(--admin-shadow-soft);
}

.admin-edit-card,
.admin-table-card {
    padding: 24px;
}

.admin-table-card {
    overflow-x: auto;
}

.admin-card-head {
    align-items: center;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--admin-line-soft);
}

.admin-card-head h2,
.admin-edit-card h2,
.admin-section-title h2 {
    color: var(--admin-ink);
    font-weight: 950;
}

.admin-section-title span {
    color: #0673ad;
    background: #e8f7ff;
    border: 1px solid #c8ecff;
}

.admin-dashboard-grid,
.admin-info-grid,
.audit-metric-grid {
    gap: 18px;
}

.metric-card,
.admin-info-card {
    min-height: 132px;
    border: 1px solid var(--admin-line-soft);
    border-left: 5px solid var(--admin-blue);
    box-shadow: var(--admin-shadow-soft);
}

.metric-card.blue,
.admin-info-card.blue {
    border-left-color: var(--admin-blue);
}

.metric-card.cyan,
.admin-info-card.cyan {
    border-left-color: var(--admin-cyan);
}

.metric-card.green,
.admin-info-card.green {
    border-left-color: var(--admin-green);
}

.metric-card.orange,
.admin-info-card.orange {
    border-left-color: var(--admin-orange);
}

.metric-card.red,
.admin-info-card.red {
    border-left-color: var(--admin-red);
}

.metric-card strong,
.admin-info-card strong {
    letter-spacing: 0;
}

.admin-filter-bar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 14px;
    align-items: end;
    margin-bottom: 18px;
    padding: 18px;
}

.admin-filter-actions,
.admin-bulk-actions,
.admin-row-actions,
.admin-actions-cell,
.admin-upload-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.admin label,
.admin-filter-bar label,
.admin-edit-card label {
    color: #344054;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 900;
}

.admin input,
.admin textarea,
.admin select {
    min-height: 44px;
    border-color: #cfdced;
    border-radius: 14px;
    background: #fff;
    color: var(--admin-ink);
    font-weight: 760;
}

.admin textarea {
    min-height: 128px;
    line-height: 1.55;
}

.admin input:focus,
.admin textarea:focus,
.admin select:focus {
    border-color: var(--admin-cyan);
    box-shadow: 0 0 0 4px rgba(24, 174, 234, .14);
}

.admin .btn,
.admin button.btn,
.admin-upload-button {
    min-height: 44px;
    border-radius: 14px;
    padding: 11px 18px;
    border: 1px solid transparent;
    background: linear-gradient(135deg, #075fc9, #004fb5);
    color: #fff;
    font-weight: 950;
    box-shadow: 0 12px 25px rgba(0, 79, 181, .16);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.admin .btn:hover,
.admin button.btn:hover,
.admin-upload-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(0, 79, 181, .22);
}

.admin .btn.secondary {
    border-color: var(--admin-line);
    background: #fff;
    color: #344054;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .035);
}

.admin .btn.secondary:hover {
    border-color: #a9cdf8;
    background: #f4f9ff;
    color: var(--admin-blue);
}

.admin .btn.warn {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #111827;
}

.admin .btn.danger {
    border-color: #fecdd3;
    background: #fff1f3;
    color: #be123c;
    box-shadow: none;
}

.admin .btn.danger:hover {
    border-color: #fb7185;
    background: #ffe4e6;
    color: #9f1239;
}

.admin .btn.small,
.admin .small-btn {
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 13px;
}

.admin table {
    width: 100%;
    border: 1px solid var(--admin-line-soft);
    border-radius: 18px;
    background: #fff;
    box-shadow: none;
}

.admin th {
    padding: 15px 16px;
    background: #f7faff;
    color: #667085;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.admin td {
    padding: 16px;
    border-top: 1px solid var(--admin-line-soft);
    color: #273244;
    font-size: 14px;
    line-height: 1.38;
    vertical-align: middle;
}

.admin tbody tr:hover td {
    background: #fbfdff;
}

.admin-product-cell,
.audit-product-cell {
    align-items: center;
}

.admin-product-cell img,
.admin-thumb,
.admin-gallery-item img {
    border-radius: 14px;
    border-color: var(--admin-line);
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7);
}

.status-pill {
    min-height: 30px;
    padding: 5px 11px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
}

.status-pill.ok {
    border-color: #bbf7d0;
    background: #ecfdf3;
    color: #067647;
}

.status-pill.warn {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #b45309;
}

.status-pill.danger {
    border-color: #fecdd3;
    background: #fff1f3;
    color: #be123c;
}

.status-pill.soft {
    border-color: #e5e7eb;
    background: #f8fafc;
    color: #475467;
}

.admin-products-form,
.admin-main-form,
.admin-product-editor,
.settings-layout,
.home-section-card,
.qa-admin-card {
    gap: 18px;
}

.admin-product-editor {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
}

.admin-edit-side {
    top: 96px;
}

.admin-gallery-editor,
.home-admin-list,
.url-image-grid {
    gap: 14px;
}

.home-section-card {
    position: relative;
    overflow: hidden;
}

.home-section-card::before,
.admin-task-monitor::before,
.xml-job-card::before,
.url-bot-status-card::before,
.health-overview::before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    margin: -24px -24px 18px;
    padding: 0 24px;
    background: linear-gradient(90deg, var(--admin-cyan), var(--admin-blue));
}

.admin-task-monitor {
    border-left: 0;
}

.task-status-grid .dashboard-card.red {
    border-color: #fecdd3;
    background:
        radial-gradient(circle at 92% 0, rgba(244, 63, 94, .14) 0 76px, transparent 78px),
        linear-gradient(135deg, #fff7f7, #fff);
}

.admin-help-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-help-grid > div {
    display: grid;
    gap: 8px;
    min-height: 112px;
    padding: 18px;
    border: 1px solid var(--admin-line-soft);
    border-radius: 18px;
    background: linear-gradient(135deg, #f8fbff, #fff);
}

.admin-help-grid strong {
    color: var(--admin-blue);
    font-size: 18px;
}

.admin-help-grid span {
    color: var(--admin-muted);
    font-size: 14px;
    font-weight: 750;
    line-height: 1.45;
}

.admin-task-monitor .task-row {
    align-items: center;
    grid-template-columns: minmax(180px, 1fr) minmax(110px, .35fr) minmax(260px, 1.6fr);
}

.admin-task-monitor .task-actions {
    padding-top: 6px;
}

.admin-bulk-toolbar {
    margin: 0 0 14px;
    padding: 16px;
    background: linear-gradient(135deg, #f8fbff, #fff);
}

.admin-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.admin-pagination a,
.admin-pagination span {
    min-width: 38px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid var(--admin-line);
    border-radius: 12px;
    background: #fff;
    color: #344054;
    font-size: 13px;
    font-weight: 900;
}

.admin-pagination a.active {
    border-color: var(--admin-blue);
    background: var(--admin-blue);
    color: #fff;
}

.admin-pagination a.disabled {
    pointer-events: none;
    opacity: .45;
}

.admin-inline-link {
    display: inline-flex;
    margin-top: 6px;
    color: var(--admin-blue);
    font-size: 12px;
    font-weight: 950;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.admin-check-cell input,
.admin input[type="checkbox"],
.admin input[type="radio"] {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    padding: 0;
    accent-color: var(--admin-blue);
}

.admin select {
    cursor: pointer;
}

.admin code,
.admin pre {
    border-radius: 12px;
    background: #f7faff;
    color: #344054;
}

.admin .notice,
.admin .alert,
.admin .success,
.admin .error {
    border-radius: 16px;
    padding: 14px 16px;
    font-weight: 850;
}

.admin-maintenance-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid #b9ddf4;
    border-radius: 999px;
    background: #eef8ff;
    color: #0757b8;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.admin-maintenance-link:hover {
    border-color: #0ea5e9;
    background: #dff3ff;
}

.cleanup-center {
    border-top: 4px solid #12a8d8;
}

.cleanup-center .admin-kicker {
    display: inline-flex;
    margin-bottom: 7px;
    color: #0877aa;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.cleanup-total {
    min-width: 170px;
    padding: 14px 18px;
    border: 1px solid #cfe4f4;
    border-radius: 14px;
    background: #f2f9ff;
    text-align: right;
}

.cleanup-total span,
.cleanup-master span {
    display: block;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

.cleanup-total strong {
    display: block;
    margin-top: 3px;
    color: #0757b8;
    font-size: 25px;
}

.cleanup-safety-note {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 18px 0;
    padding: 14px 16px;
    border: 1px solid #a7e6c0;
    border-radius: 14px;
    background: #effcf4;
    color: #166534;
}

.cleanup-safety-note strong {
    flex: 0 0 auto;
}

.cleanup-safety-note span {
    line-height: 1.45;
}

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

.cleanup-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 190px;
    padding: 18px;
    border: 1px solid #dce7f3;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .04);
}

.cleanup-item-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.cleanup-item h3 {
    margin: 0 0 7px;
    font-size: 16px;
}

.cleanup-item p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
}

.cleanup-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    min-height: 36px;
    padding: 5px 10px;
    border-radius: 10px;
    background: #eaf5ff;
    color: #0757b8;
    font-weight: 900;
}

.cleanup-item form {
    margin-top: 18px;
}

.cleanup-button {
    width: 100%;
}

.admin .btn:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.cleanup-master {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    padding: 18px;
    border: 1px solid #fecaca;
    border-radius: 16px;
    background: #fff7f7;
}

.cleanup-master strong {
    display: block;
    margin-bottom: 4px;
    color: #991b1b;
    font-size: 16px;
}

@media (max-width: 1180px) {
    .admin {
        grid-template-columns: 230px minmax(0, 1fr);
    }
    .admin-product-editor {
        grid-template-columns: 1fr;
    }
    .admin-edit-side {
        position: static;
    }
    .cleanup-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .admin {
        display: block;
    }
    .admin-sidebar {
        position: static;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--admin-line-soft);
    }
    .admin main {
        padding: 16px;
    }
    .admin-topbar {
        margin: -16px -16px 18px;
        padding: 12px 16px;
    }
    .admin-page-head:not(.compact) {
        padding: 20px;
        border-radius: 20px;
    }
    .admin-edit-card,
    .admin-table-card {
        padding: 18px;
        border-radius: 20px;
    }
    .admin-page-head,
    .admin-card-head {
        align-items: flex-start;
        flex-direction: column;
    }
    .cleanup-total {
        width: 100%;
        text-align: left;
    }
    .cleanup-master,
    .cleanup-safety-note {
        align-items: stretch;
        flex-direction: column;
    }
    .admin-info-grid,
    .audit-metric-grid,
    .admin-help-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .url-operation-state {
        grid-template-columns: 48px 1fr;
    }
    .url-operation-next {
        grid-column: 1 / -1;
        padding: 14px 0 0;
        border-top: 1px solid rgba(102, 112, 133, .22);
        border-left: 0;
    }
}

@media (max-width: 560px) {
    .admin-info-grid,
    .audit-metric-grid,
    .admin-help-grid,
    .form-grid {
        grid-template-columns: 1fr;
    }
    .cleanup-grid {
        grid-template-columns: 1fr;
    }
    .admin-filter-actions,
    .admin-bulk-actions,
    .admin-row-actions,
    .admin-actions-cell {
        align-items: stretch;
        flex-direction: column;
    }
    .admin .btn,
    .admin .btn.secondary,
    .admin .btn.danger,
    .admin-upload-button {
        width: 100%;
    }
    .url-operation-state {
        grid-template-columns: 1fr;
    }
    .url-operation-icon {
        width: 42px;
        height: 42px;
    }
}

.admin .order-detail-row > td {
    padding: 0 16px 18px;
    background: #f8fbff;
    vertical-align: top;
}

.admin tbody tr.order-detail-row:hover td {
    background: #f8fbff;
}

.admin .order-detail-card {
    border: 1px solid #dbe7f5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .055);
    overflow: hidden;
}

.admin .order-detail-card > summary {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
    cursor: pointer;
    color: #101828;
    font-weight: 950;
    list-style: none;
}

.admin .order-detail-card > summary::-webkit-details-marker {
    display: none;
}

.admin .order-detail-card > summary::after {
    content: '+';
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: #eef6ff;
    color: #005cc8;
    font-size: 18px;
    line-height: 1;
}

.admin .order-detail-card[open] > summary::after {
    content: '-';
}

.admin .order-detail-card > summary strong {
    margin-left: auto;
    color: #667085;
    font-size: 12px;
}

.admin-order-detail-shell {
    display: grid;
    gap: 16px;
    padding: 0 18px 18px;
}

.admin-order-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.admin-order-summary-grid > div,
.admin-order-detail-card {
    border: 1px solid #e1eaf6;
    border-radius: 14px;
    background: #fbfdff;
}

.admin-order-summary-grid > div {
    padding: 14px;
}

.admin-order-summary-grid span,
.admin-order-kv dt,
.admin-order-item span {
    display: block;
    color: #667085;
    font-size: 12px;
    font-weight: 900;
}

.admin-order-summary-grid strong {
    display: block;
    margin-top: 5px;
    color: #101828;
    font-size: 15px;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.admin-order-detail-card {
    padding: 16px;
}

.admin-order-detail-card h3 {
    margin: 0 0 12px;
    color: #101828;
    font-size: 16px;
}

.admin-order-items {
    display: grid;
    gap: 10px;
}

.admin-order-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr);
    gap: 18px;
    align-items: center;
    padding: 14px;
    border: 1px solid #e7edf6;
    border-radius: 12px;
    background: #fff;
}

.admin-order-item strong {
    display: block;
    color: #101828;
    font-weight: 950;
}

.admin-order-item a {
    display: inline-flex;
    width: fit-content;
    margin-top: 6px;
    color: #005cc8;
    font-size: 12px;
    font-weight: 950;
}

.admin-order-item dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
}

.admin-order-item dl div {
    padding: 10px 12px;
    border-radius: 10px;
    background: #f5f8fc;
    text-align: right;
}

.admin-order-item dd,
.admin-order-kv dd {
    margin: 0;
    color: #101828;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.admin-order-info-grid {
    display: grid;
    grid-template-columns: .75fr 1fr 1fr;
    gap: 14px;
}

.admin-order-kv {
    display: grid;
    gap: 0;
    margin: 0;
}

.admin-order-kv div {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #edf2f7;
}

.admin-order-kv div:first-child {
    padding-top: 0;
}

.admin-order-kv div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

@media (max-width: 1180px) {
    .admin-order-summary-grid,
    .admin-order-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .admin-order-item {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .admin-order-summary-grid,
    .admin-order-info-grid,
    .admin-order-item dl,
    .admin-order-kv div {
        grid-template-columns: 1fr;
    }
    .admin .order-detail-row > td {
        padding: 0 10px 14px;
    }
    .admin-order-detail-shell {
        padding: 0 12px 14px;
    }
    .admin-order-item dl div {
        text-align: left;
    }
}

/* FotoCarsi Admin v2 theme: Tabler-inspired calmer workspace. */
.admin-v2 {
    --admin-v2-bg: #f5f7fb;
    --admin-v2-sidebar: #111827;
    --admin-v2-sidebar-soft: #1f2937;
    --admin-v2-sidebar-line: rgba(255, 255, 255, .08);
    --admin-v2-ink: #0f172a;
    --admin-v2-muted: #64748b;
    --admin-v2-line: #dce5f1;
    --admin-v2-soft: #f8fafc;
    --admin-v2-blue: #0b5ed7;
    --admin-v2-cyan: #0ea5e9;
    --admin-v2-green: #16a34a;
    --admin-v2-orange: #f59e0b;
    --admin-v2-red: #e11d48;
    --admin-v2-radius: 8px;
    --admin-v2-shadow: 0 10px 28px rgba(15, 23, 42, .055);
    grid-template-columns: 288px minmax(0, 1fr);
    background: var(--admin-v2-bg);
    color: var(--admin-v2-ink);
}

.admin-v2 main {
    padding: 0 28px 34px;
    background: var(--admin-v2-bg);
}

.admin-v2 .admin-sidebar {
    padding: 18px 14px;
    border-right: 0;
    background:
        linear-gradient(180deg, #111827 0%, #0f172a 100%);
    box-shadow: none;
}

.admin-v2 .admin-brand {
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 12px;
    margin: 0 0 16px;
    padding: 10px 8px 18px;
    border-bottom: 1px solid var(--admin-v2-sidebar-line);
}

.admin-v2 .admin-brand span {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: linear-gradient(135deg, #0ea5e9, #0b5ed7);
    box-shadow: none;
}

.admin-v2 .admin-brand strong {
    color: #fff;
    font-size: 18px;
}

.admin-v2 .admin-brand small {
    color: #94a3b8;
    font-size: 12px;
}

.admin-v2 .admin-nav {
    gap: 14px;
}

.admin-v2 .admin-nav-group {
    gap: 4px;
}

.admin-v2 .admin-nav-group em {
    padding: 8px 10px 5px;
    color: #94a3b8;
    font-size: 10px;
    letter-spacing: .08em;
}

.admin-v2 .admin-sidebar a {
    min-height: 40px;
    border: 0;
    border-radius: 7px;
    padding: 8px 10px;
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 820;
    box-shadow: none;
}

.admin-v2 .admin-sidebar a span {
    width: 30px;
    height: 28px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .06);
    color: #93c5fd;
    font-size: 10px;
    letter-spacing: 0;
}

.admin-v2 .admin-sidebar a:hover,
.admin-v2 .admin-sidebar a.active {
    background: rgba(14, 165, 233, .13);
    color: #fff;
}

.admin-v2 .admin-sidebar a:hover span,
.admin-v2 .admin-sidebar a.active span {
    background: #0b5ed7;
    color: #fff;
}

.admin-v2 .admin-sidebar-foot {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--admin-v2-sidebar-line);
}

.admin-v2 .admin-sidebar-foot a {
    color: #e2e8f0;
}

.admin-v2 .admin-topbar {
    min-height: 72px;
    margin: 0 -28px 22px;
    padding: 12px 28px;
    border-bottom: 1px solid var(--admin-v2-line);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 6px 18px rgba(15, 23, 42, .045);
}

.admin-v2 .admin-topbar-main {
    gap: 12px;
}

.admin-v2 .admin-current-page {
    display: grid;
    gap: 2px;
    min-width: 170px;
}

.admin-v2 .admin-current-page span {
    color: var(--admin-v2-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.admin-v2 .admin-current-page strong {
    color: var(--admin-v2-ink);
    font-size: 17px;
    line-height: 1.2;
    font-weight: 950;
}

.admin-v2 .admin-menu-toggle,
.admin-v2 .admin-icon-btn {
    border: 1px solid var(--admin-v2-line);
    border-radius: 7px;
    background: #fff;
    color: #334155;
    box-shadow: none;
}

.admin-v2 .admin-search {
    width: min(420px, 34vw);
    border-color: var(--admin-v2-line);
    border-radius: 8px;
    background: #fff;
}

.admin-v2 .admin-maintenance-link,
.admin-v2 .admin-cloud,
.admin-v2 .admin-clock {
    min-height: 38px;
    border-radius: 7px;
    box-shadow: none;
    font-size: 13px;
}

.admin-v2 .admin-maintenance-link {
    display: inline-flex;
    align-items: center;
    padding: 0 13px;
    border: 1px solid #fed7aa;
    background: #fff7ed;
    color: #9a3412;
    font-weight: 900;
}

.admin-v2 .admin-cloud {
    background: #0b5ed7;
    color: #fff;
}

.admin-v2 .admin-clock {
    border: 1px solid var(--admin-v2-line);
    background: #fff;
}

.admin-v2 .admin-user-chip span {
    border-radius: 7px;
    background: #0f172a;
}

.admin-v2 .admin-page-head:not(.compact) {
    align-items: center;
    min-height: 118px;
    margin-bottom: 18px;
    padding: 22px 24px;
    border: 1px solid var(--admin-v2-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: var(--admin-v2-shadow);
}

.admin-v2 .admin-page-head:not(.compact)::after {
    width: 130px;
    height: 130px;
    right: -36px;
    top: -46px;
    background: rgba(14, 165, 233, .11);
}

.admin-v2 .admin-page-head h1 {
    font-size: clamp(28px, 2.3vw, 36px);
    color: var(--admin-v2-ink);
}

.admin-v2 .admin-page-head h2 {
    color: var(--admin-v2-ink);
}

.admin-v2 .admin-page-head p,
.admin-v2 .admin-page-head small,
.admin-v2 .admin-card-head p,
.admin-v2 .admin-section-title p,
.admin-v2 .muted {
    color: var(--admin-v2-muted);
}

.admin-v2 .admin-edit-card,
.admin-v2 .admin-table-card,
.admin-v2 .admin-filter-bar,
.admin-v2 .admin-actions-row,
.admin-v2 .admin-task-monitor,
.admin-v2 .admin-bulk-toolbar,
.admin-v2 .admin-add-section,
.admin-v2 .url-bot-status-card,
.admin-v2 .xml-job-card,
.admin-v2 .health-overview,
.admin-v2 .dashboard-status-card,
.admin-v2 .member-create-card,
.admin-v2 .qa-admin-card,
.admin-v2 .cache-clear-card {
    border: 1px solid var(--admin-v2-line);
    border-radius: var(--admin-v2-radius);
    background: #fff;
    box-shadow: var(--admin-v2-shadow);
}

.admin-v2 .admin-edit-card,
.admin-v2 .admin-table-card {
    padding: 20px;
}

.admin-v2 .admin-card-head {
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--admin-v2-line);
}

.admin-v2 .admin-card-head h2,
.admin-v2 .admin-edit-card h2,
.admin-v2 .admin-section-title h2 {
    color: var(--admin-v2-ink);
}

.admin-v2 .admin-section-title span,
.admin-v2 .admin-kicker {
    border-radius: 999px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.admin-v2 table {
    border-color: var(--admin-v2-line);
    border-radius: 8px;
    box-shadow: none;
}

.admin-v2 th {
    background: #f8fafc;
    color: #64748b;
}

.admin-v2 td {
    color: #334155;
}

.admin-v2 input,
.admin-v2 textarea,
.admin-v2 select {
    border-color: #cfd9e8;
    border-radius: 7px;
}

.admin-v2 .btn,
.admin-v2 .admin .btn {
    border-radius: 7px;
    box-shadow: none;
}

.admin-v2 .btn.secondary {
    border-color: var(--admin-v2-line);
}

.admin-v2 .dashboard-card,
.admin-v2 .metric-card,
.admin-v2 .admin-info-card {
    border-radius: 8px;
    box-shadow: var(--admin-v2-shadow);
}

.admin-v2 .dashboard-card strong,
.admin-v2 .metric-card strong,
.admin-v2 .admin-info-card strong {
    letter-spacing: 0;
}

.admin-v2 .home-add-card {
    border-radius: 10px;
}

.admin-v2 .home-builder-add {
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) 250px !important;
    gap: 18px !important;
    align-items: stretch !important;
    padding: 22px !important;
    background: #fff !important;
}

.admin-v2 .home-builder-intro {
    display: grid !important;
    align-content: start !important;
    gap: 16px !important;
    padding: 0 18px 0 0 !important;
    border-right: 1px solid var(--admin-v2-line) !important;
    border-bottom: 0 !important;
}

.admin-v2 .home-builder-intro h2 {
    margin: 4px 0 6px !important;
    font-size: 22px !important;
    letter-spacing: 0 !important;
}

.admin-v2 .home-builder-intro .muted {
    line-height: 1.45 !important;
}

.admin-v2 .home-builder-mini-flow {
    display: grid !important;
    gap: 8px !important;
    justify-content: stretch !important;
}

.admin-v2 .home-builder-mini-flow span {
    justify-content: flex-start !important;
    border-radius: 7px !important;
    background: #f6f8fb !important;
}

.admin-v2 .home-block-palette {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-content: start !important;
}

.admin-v2 .home-block-type {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    min-height: 104px !important;
    padding: 14px !important;
    border: 1px solid var(--admin-v2-line) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #1f2937 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.admin-v2 .home-block-type input[type="radio"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    appearance: none !important;
}

.admin-v2 .home-block-type b {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #d9e2ef !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #0a58bd !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.admin-v2 .home-block-type span {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.admin-v2 .home-block-type strong {
    display: block !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
}

.admin-v2 .home-block-type small {
    display: block !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.32 !important;
}

.admin-v2 .home-block-type:hover {
    transform: none !important;
    border-color: #9eb4d0 !important;
    background: #fff !important;
}

.admin-v2 .home-block-type.is-selected {
    border-color: #0a58bd !important;
    background: #eff6ff !important;
    box-shadow: inset 0 0 0 1px #0a58bd !important;
}

.admin-v2 .home-block-type.is-selected b {
    background: #0a58bd !important;
    border-color: #0a58bd !important;
    color: #fff !important;
}

.admin-v2 .home-builder-controls {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-content: end !important;
    padding: 16px !important;
    border: 1px solid var(--admin-v2-line) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
}

.admin-v2 .home-builder-controls .btn {
    min-height: 48px !important;
    width: 100% !important;
}

.admin-v2 .home-sections-editor {
    gap: 22px !important;
}

.admin-v2 .home-section-card {
    border: 1px solid var(--admin-v2-line) !important;
    border-radius: 10px !important;
    box-shadow: var(--admin-v2-shadow) !important;
    overflow: hidden !important;
}

.admin-v2 .home-section-shell {
    display: grid !important;
    grid-template-columns: 285px minmax(0, 1fr) !important;
    min-height: 0 !important;
}

.admin-v2 .home-section-meta {
    padding: 18px !important;
    background: #f8fafc !important;
    border-right: 1px solid var(--admin-v2-line) !important;
}

.admin-v2 .home-section-content {
    padding: 18px !important;
    min-width: 0 !important;
}

.admin-v2 .home-section-content-head {
    align-items: center !important;
    min-height: 58px !important;
    margin-bottom: 16px !important;
    padding-bottom: 14px !important;
}

.admin-v2 .home-section-content-head strong {
    font-size: 18px !important;
}

.admin-v2 .home-admin-grid:not(.tabs-grid) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
}

.admin-v2 .home-admin-item:not(.compact-item) {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    padding: 16px !important;
    background: #fff !important;
    border: 1px solid var(--admin-v2-line) !important;
    border-radius: 8px !important;
}

.admin-v2 .home-admin-preview {
    width: 100% !important;
    min-height: 158px !important;
    aspect-ratio: 16 / 7 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    overflow: hidden !important;
}

.admin-v2 .home-admin-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 8px !important;
}

.admin-v2 .home-admin-fields {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
    gap: 12px !important;
    align-content: start !important;
    min-width: 0 !important;
}

.admin-v2 .home-admin-fields .home-admin-badge {
    grid-column: 1 / -1 !important;
}

.admin-v2 .home-admin-fields label {
    min-width: 0 !important;
}

.admin-v2 .home-admin-fields label:first-of-type {
    grid-column: 1 / -1 !important;
}

.admin-v2 .home-admin-fields label:first-of-type + .admin-upload-actions {
    grid-column: 1 / -1 !important;
    margin-top: -4px !important;
}

.admin-v2 .home-admin-fields input,
.admin-v2 .home-admin-fields select,
.admin-v2 .home-admin-fields textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.admin-v2 .home-admin-fields .admin-upload-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.admin-v2 .home-admin-fields .admin-upload-button,
.admin-v2 .home-admin-fields .admin-delete-image {
    min-height: 40px !important;
    padding: 9px 14px !important;
    border-radius: 7px !important;
}

.admin-v2 .home-admin-grid.tabs-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)) !important;
    gap: 12px !important;
}

.admin-v2 .home-admin-item.compact-item {
    padding: 14px !important;
    border: 1px solid var(--admin-v2-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
}

.admin-v2 .notice.soft {
    border-radius: 8px !important;
    box-shadow: none !important;
}

.admin-v2 .home-block-type,
.admin-v2 .home-builder-controls,
.admin-v2 .home-section-card,
.admin-v2 .home-admin-item,
.admin-v2 .admin-order-detail-card {
    border-radius: 8px;
}

/* Kategori AI: öneri ekranı, yalnız müdahale gerektiren ürünleri hızlıca yönetir. */
.admin-v2 .category-ai-hero { margin-bottom: 18px; }
.admin-v2 .category-ai-dashboard { margin-bottom: 16px; }
.admin-v2 .category-ai-summary { padding: 22px !important; border: 1px solid #d7e7fb !important; background: linear-gradient(135deg, #ffffff 0%, #f2f8ff 100%) !important; }
.admin-v2 .category-ai-status-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; margin-bottom: 18px; }
.admin-v2 .category-ai-status-head h2 { margin: 4px 0 0; font-size: 21px; color: #12243f; }
.admin-v2 .category-ai-kicker { color: #0875c9; font-weight: 900; font-size: 11px; letter-spacing: .08em; }
.admin-v2 .category-ai-steps { gap: 14px; }
.admin-v2 .category-ai-steps div { position: relative; min-height: 100px; padding: 16px 16px 16px 54px; border-color: #d8e6f8; background: rgba(255,255,255,.8); }
.admin-v2 .category-ai-steps b { position: absolute; left: 15px; top: 15px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: #fff; background: #0867c9; font-size: 13px; }
.admin-v2 .category-ai-steps strong { font-size: 15px; }
.admin-v2 .category-ai-inline-info { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 12px; }
.admin-v2 .category-ai-inline-info span { padding: 8px 11px; border: 1px solid #d8e6f8; border-radius: 999px; background: #fff; color: #52627a; font-size: 13px; }
.admin-v2 .category-ai-inline-info strong { color: #1a2c47; }
.admin-v2 .category-ai-scan-card { padding: 22px !important; }
.admin-v2 .category-ai-scan-controls { display: grid; grid-template-columns: minmax(260px, 440px) minmax(280px, 1fr); gap: 16px; align-items: end; }
.admin-v2 .category-ai-scan-controls label { margin: 0; }
.admin-v2 .category-ai-result-note { display: flex; gap: 7px; align-items: baseline; flex-wrap: wrap; border-left: 4px solid #0a70ce !important; }
.admin-v2 .category-ai-result-table { margin-bottom: 20px; }
.admin-v2 .category-ai-decision-table { overflow-x: auto; }
.admin-v2 .category-ai-decision-table table { min-width: 1480px; }
.admin-v2 .category-ai-decision-table td { vertical-align: middle; }
.admin-v2 .category-ai-row-actions { display: grid; gap: 8px; min-width: 270px; }
.admin-v2 .category-ai-manual-update { display: grid; grid-template-columns: minmax(190px, 1fr) auto; gap: 7px; align-items: center; }
.admin-v2 .category-ai-manual-update select { min-width: 0; height: 38px; padding: 7px 9px; font-size: 12px; }
.admin-v2 .category-ai-row-actions .btn { width: fit-content; white-space: nowrap; }
.admin-v2 .category-ai-list-head-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.admin-v2 .category-ai-page-size label { display: flex; align-items: center; gap: 8px; color: #52627a; font-size: 13px; font-weight: 800; white-space: nowrap; }
.admin-v2 .category-ai-page-size select { min-width: 110px; height: 38px; padding: 7px 9px; }
.admin-v2 .danger-outline { color: #c82444 !important; background: #fff5f6 !important; border-color: #ffcbd4 !important; }
.admin-v2 .category-ai-card-list { display: grid; gap: 13px; margin: 0 0 16px; }
.admin-v2 .category-ai-product-card { display: grid; grid-template-columns: minmax(250px, .9fr) minmax(380px, 1.45fr) minmax(135px, .5fr) minmax(250px, .9fr); gap: 16px; align-items: center; padding: 16px; border: 1px solid #dce8f6; border-radius: 16px; background: #fff; box-shadow: 0 8px 22px rgba(22, 53, 90, .045); }
.admin-v2 .category-ai-product-card.is-safe { border-left: 4px solid #f0a52a; }
.admin-v2 .category-ai-product-card.needs-review { border-left: 4px solid #e36c5b; }
.admin-v2 .category-ai-product-main { display: grid; grid-template-columns: 18px 58px minmax(0, 1fr); gap: 10px; align-items: center; min-width: 0; }
.admin-v2 .category-ai-check { width: 16px; height: 16px; accent-color: #0966c7; }
.admin-v2 .category-ai-product-thumb { width: 58px; height: 58px; display: grid; place-items: center; overflow: hidden; border: 1px solid #dce8f6; border-radius: 12px; background: #f5f9ff; color: #0966c7; font-weight: 950; font-size: 20px; }
.admin-v2 .category-ai-product-thumb img { width: 100%; height: 100%; object-fit: contain; }
.admin-v2 .category-ai-product-name { display: grid; gap: 4px; min-width: 0; }
.admin-v2 .category-ai-product-name strong { color: #162641; line-height: 1.35; font-size: 14px; }
.admin-v2 .category-ai-product-name small { color: #71819a; font-size: 12px; font-weight: 700; overflow-wrap: anywhere; }
.admin-v2 .category-ai-category-flow { display: grid; grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr); gap: 9px; align-items: center; }
.admin-v2 .category-ai-category-flow > div { display: grid; gap: 4px; min-width: 0; padding: 10px; border: 1px solid #e4edf8; border-radius: 11px; background: #fafcff; }
.admin-v2 .category-ai-category-flow > div.suggested { border-color: #cce3fb; background: #eff7ff; }
.admin-v2 .category-ai-category-flow span { color: #71819a; font-size: 10px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.admin-v2 .category-ai-category-flow strong { color: #20324d; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
.admin-v2 .category-ai-category-flow > b { color: #0870ca; text-align: center; font-size: 18px; }
.admin-v2 .category-ai-category-flow p { grid-column: 1 / -1; margin: 1px 2px 0; color: #66758b; font-size: 12px; line-height: 1.4; }
.admin-v2 .category-ai-card-status { display: grid; gap: 7px; align-content: center; }
.admin-v2 .category-ai-card-status small { color: #71819a; font-size: 11px; font-weight: 700; }
.admin-v2 .category-ai-card-actions { display: grid; gap: 8px; align-content: center; }
.admin-v2 .category-ai-card-actions .btn { width: fit-content; }
.admin-v2 .category-ai-direct-form { display: grid; grid-template-columns: minmax(150px, 1fr) auto; gap: 7px; align-items: center; }
.admin-v2 .category-ai-direct-form select { min-width: 0; height: 37px; padding: 7px 8px; font-size: 12px; }
.admin-v2 .category-ai-pagination-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 17px; margin-bottom: 14px; border: 1px solid #dce8f6; border-radius: 14px; background: #fff; }
.admin-v2 .category-ai-pagination-card > div { display: grid; gap: 3px; color: #233755; font-size: 13px; }
.admin-v2 .category-ai-pagination-card span { color: #71819a; font-size: 12px; }
.admin-v2 .category-ai-pagination { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.admin-v2 .category-ai-pagination a { padding: 8px 10px; border: 1px solid #d9e5f4; border-radius: 8px; color: #34506f; background: #fff; font-size: 12px; font-weight: 850; text-decoration: none; }
.admin-v2 .category-ai-pagination a.active { color: #fff; background: #0966c7; border-color: #0966c7; }
.admin-v2 .category-ai-bulk-actions { padding: 14px 16px; border: 1px solid #dce8f6; border-radius: 14px; background: #f8fbff; }
.admin-v2 .category-ai-empty-state { display: grid; gap: 6px; justify-items: center; padding: 38px !important; text-align: center; color: #66758b; }
.admin-v2 .category-ai-empty-state strong { color: #20324d; font-size: 16px; }

/* Kategori AI: ürün yönetimi mantığında kompakt satır listesi. */
.admin-v2 .category-ai-row-table-wrap { margin: 0 0 16px; overflow-x: auto; border: 1px solid #dce8f6; border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(22, 53, 90, .035); }
.admin-v2 .category-ai-row-table { width: 100%; min-width: 1240px; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.admin-v2 .category-ai-row-table th { padding: 12px 11px; border-bottom: 1px solid #dce8f6; background: #f6f9fd; color: #64738a; font-size: 10px; font-weight: 900; letter-spacing: .055em; line-height: 1.2; text-align: left; text-transform: uppercase; }
.admin-v2 .category-ai-row-table th:nth-child(1) { width: 40px; }
.admin-v2 .category-ai-row-table th:nth-child(2) { width: 250px; }
.admin-v2 .category-ai-row-table th:nth-child(3) { width: 165px; }
.admin-v2 .category-ai-row-table th:nth-child(4) { width: 245px; }
.admin-v2 .category-ai-row-table th:nth-child(5) { width: 130px; }
.admin-v2 .category-ai-row-table th:nth-child(6) { width: 275px; }
.admin-v2 .category-ai-row-table th:nth-child(7) { width: 125px; }
.admin-v2 .category-ai-row-table td { padding: 11px; border-bottom: 1px solid #e8eff8; vertical-align: middle; color: #273a55; font-size: 13px; }
.admin-v2 .category-ai-row-table tbody tr:last-child td { border-bottom: 0; }
.admin-v2 .category-ai-row-table tbody tr:hover td { background: #fbfdff; }
.admin-v2 .category-ai-row-table tbody tr.is-safe td:first-child { box-shadow: inset 3px 0 0 #e9a22a; }
.admin-v2 .category-ai-row-table tbody tr.needs-review td:first-child { box-shadow: inset 3px 0 0 #e36c5b; }
.admin-v2 .category-ai-col-check { width: 40px; text-align: center !important; }
.admin-v2 .category-ai-check, .admin-v2 .category-ai-toggle-all { width: 16px !important; height: 16px !important; min-width: 16px !important; min-height: 16px !important; max-width: 16px !important; max-height: 16px !important; accent-color: #0966c7; }
.admin-v2 .category-ai-row-product { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; align-items: center; min-width: 0; }
.admin-v2 .category-ai-row-thumb { display: grid !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; max-width: 48px !important; max-height: 48px !important; place-items: center; overflow: hidden !important; border: 1px solid #dce8f6; border-radius: 9px; background: #f5f9ff; color: #0966c7; font-size: 17px; font-weight: 900; line-height: 1; }
.admin-v2 .category-ai-row-thumb img { display: block !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; max-width: 48px !important; max-height: 48px !important; object-fit: contain !important; }
.admin-v2 .category-ai-row-product strong { display: -webkit-box; overflow: hidden; color: #152741; font-size: 13px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.admin-v2 .category-ai-row-product small, .admin-v2 .category-ai-row-status small, .admin-v2 .category-ai-suggestion small, .admin-v2 .category-ai-row-date { display: block; margin-top: 3px; color: #71819a; font-size: 11px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.admin-v2 .category-ai-path { display: block; color: #596a81; font-size: 12px; font-weight: 750; line-height: 1.4; overflow-wrap: anywhere; }
.admin-v2 .category-ai-suggestion { display: grid; gap: 2px; }
.admin-v2 .category-ai-suggestion strong { color: #075eae; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
.admin-v2 .category-ai-row-status { display: grid; gap: 5px; }
.admin-v2 .category-ai-row-status .status-pill { width: fit-content; }
.admin-v2 .category-ai-row-actions { min-width: 0; gap: 6px; }
.admin-v2 .category-ai-row-actions .btn { min-height: 32px; padding: 6px 10px; font-size: 11px; }
.admin-v2 .category-ai-direct-form { grid-template-columns: minmax(0, 1fr) auto; gap: 6px; }
.admin-v2 .category-ai-direct-form select { width: 100%; height: 32px; min-width: 0; padding: 5px 7px; font-size: 11px; }
.admin-v2 .category-ai-detail-link { width: fit-content; color: #476987; font-size: 11px; font-weight: 850; text-decoration: none; }
.admin-v2 .category-ai-detail-link:hover { color: #0867c9; text-decoration: underline; }

@media (max-width: 900px) {
    .admin-v2 .category-ai-status-head,
    .admin-v2 .category-ai-scan-controls { grid-template-columns: 1fr; display: grid; }
    .admin-v2 .category-ai-status-head .status-pill { width: fit-content; }
    .admin-v2 .category-ai-list-head-actions,
    .admin-v2 .category-ai-pagination-card { align-items: stretch; justify-content: flex-start; flex-direction: column; }
    .admin-v2 .category-ai-product-card { grid-template-columns: 1fr; gap: 12px; }
    .admin-v2 .category-ai-card-status { grid-template-columns: max-content 1fr; align-items: center; }
}

@media (max-width: 1180px) {
    .category-banner-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-source-grid { grid-template-columns: 1fr; }
    .admin-v2 {
        grid-template-columns: 248px minmax(0, 1fr);
    }
    .admin-v2 .admin-current-page {
        display: none;
    }
    .admin-v2 .admin-search {
        width: min(380px, 44vw);
    }
}

@media (max-width: 900px) {
    .admin-ai-help-grid,
    .openai-seo-settings-help {
        grid-template-columns: 1fr;
    }
    .admin-v2 {
        display: block;
    }
    .admin-v2 .admin-sidebar {
        position: static;
        height: auto;
        border-bottom: 1px solid var(--admin-v2-sidebar-line);
    }
    .admin-v2 main {
        padding: 16px;
    }
    .admin-v2 .admin-topbar {
        margin: -16px -16px 18px;
        padding: 12px 16px;
    }
    .admin-v2 .admin-topbar,
    .admin-v2 .admin-topbar-main,
    .admin-v2 .admin-top-actions {
        align-items: stretch;
        flex-direction: column;
    }
    .admin-v2 .admin-search {
        width: 100%;
    }
    .admin-v2 .admin-page-head:not(.compact) {
        align-items: flex-start;
        min-height: 0;
        padding: 18px;
    }
}