@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap');
:root { --ink:#20242a; --muted:#747980; --line:#ececec; --soft:#f7f7f7; --accent:#3a3a3a; --danger:#c84646; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); font-family:Prompt,Arial,sans-serif; background:#fff; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
.topbar { height:38px; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; letter-spacing:.2px; border-bottom:1px solid var(--line); overflow:hidden; }
.topbar span { margin:0 20px; }
.site-header { position:sticky; top:0; z-index:10; background:#fff; border-bottom:1px solid var(--line); }
.nav { max-width:1180px; margin:auto; min-height:82px; display:flex; align-items:center; gap:30px; padding:0 24px; }
.brand { width:180px; display:flex; align-items:center; }
.brand img { max-width:155px; max-height:46px; object-fit:contain; }
.nav-links { display:flex; gap:27px; align-items:center; margin:auto; font-size:14px; font-weight:600; }
.nav-links a:hover,.nav-links .active { color:#c12d2d; }
.nav-actions { display:flex; gap:16px; align-items:center; font-size:20px; }
.nav-icon { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; }
.nav-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.site-header .nav-actions a[aria-label="Favorilerim"] { display:none; }
.cart-badge { min-width:18px; height:18px; border-radius:50%; background:#222; color:#fff; font-size:10px; display:inline-flex; align-items:center; justify-content:center; margin-left:-13px; margin-top:-22px; }
.page { max-width:1180px; margin:0 auto; padding:34px 24px 70px; }
.hero { min-height:510px; background:url('https://cdn.myikas.com/images/theme-images/928032e1-9cfb-40cc-9ae5-3cdf2fe42fc8/image_1080.jpg') center/cover; display:flex; align-items:flex-end; padding:40px; margin-bottom:58px; }
.hero-link { display:block; padding:0; }
.hero-card { background:rgba(255,255,255,.89); padding:24px 28px; max-width:410px; }
.hero-card h1 { margin:0 0 8px; font-size:42px; line-height:1.05; }
.hero-card p { color:var(--muted); margin:0 0 20px; }
.btn { display:inline-flex; border:1px solid var(--accent); padding:12px 22px; background:var(--accent); color:#fff; cursor:pointer; align-items:center; justify-content:center; }
.btn.light { background:#fff; color:var(--ink); }
.btn.danger { background:var(--danger); border-color:var(--danger); }
.section-title { text-align:center; margin:0 0 28px; font-size:27px; letter-spacing:1px; }
.section-heading { margin:70px 0 25px; text-align:center; }
.section-heading h2 { margin:0; font-size:26px; }
.related-products { margin-top:60px; }
.category-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:64px; }
.category-card { min-height:210px; background:#f2f2f2; display:flex; align-items:flex-end; padding:20px; font-size:20px; font-weight:600; background-size:cover; background-position:center; }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px 15px; }
.product-image { aspect-ratio:3/4; background:#f3f3f3; overflow:hidden; position:relative; }
.product-image img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.product-card:hover img { transform:scale(1.03); }
.sale-badge { position:absolute; left:10px; top:10px; z-index:2; padding:5px 8px; color:#fff; background:#202124; font-size:10px; letter-spacing:.4px; }
.card-favorite { position:absolute; right:10px; top:10px; z-index:3; color:#202124; background:rgba(255,255,255,.9); width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:20px; }
.product-card-link { display:block; }
.product-quick-link { display:block; padding:9px 0 0; font-size:11px; color:#777; text-transform:uppercase; letter-spacing:.4px; }
.product-card-cart { margin-top:8px; }
.product-card-cart button { width:100%; border:0; background:#202124; color:#fff; padding:10px 8px; cursor:pointer; font-size:11px; letter-spacing:.3px; }
.product-card-cart button:disabled { background:#ddd; color:#888; cursor:not-allowed; }
.product-info { padding:12px 2px; }
.product-rating { display:flex; align-items:center; gap:6px; min-height:18px; margin:5px 0 4px; color:#777; font-size:11px; }
.product-rating-stars { color:#c79d2e; letter-spacing:1px; font-size:12px; }
.product-rating-value { white-space:nowrap; }
.product-rating-value small { color:#999; font-size:10px; }
.product-rating-empty { color:#999; font-size:10px; }
.product-name { font-size:15px; font-weight:500; line-height:1.25; min-height:2.5em; max-height:2.5em; margin-bottom:4px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.product-price { font-weight:600; }
.old-price { color:#999; text-decoration:line-through; font-size:13px; margin-right:5px; }
.product-actions { display:flex; gap:8px; margin-top:10px; }
.product-actions .btn { width:100%; padding:9px 8px; font-size:12px; }
.eyebrow { color:var(--muted); font-size:13px; margin-bottom:7px; }
.listing-head { display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid var(--line); padding-bottom:18px; margin-bottom:30px; }
.listing-head h1 { margin:0; font-size:30px; }
.listing-tools { color:var(--muted); font-size:13px; display:flex; gap:10px; align-items:center; }
.listing-tools .form-control { min-width:180px; }
.catalog-pagination { display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; margin:34px 0 0; }
.catalog-pagination .pagination-summary { width:100%; text-align:center; color:var(--muted); font-size:12px; margin-bottom:6px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.product-detail { display:grid; grid-template-columns:1.05fr .95fr; gap:60px; }
.detail-image { background:#f5f5f5; aspect-ratio:3/4; overflow:hidden; }
.detail-image img { width:100%; height:100%; object-fit:cover; }
.detail h1 { font-size:20px; line-height:1.3; margin:0 0 12px; font-weight:800; }
.detail .price { font-size:18px; font-weight:800; margin-bottom:24px; }
.detail label { display:block; font-size:13px; color:var(--muted); margin:17px 0 7px; }
.detail select,.form-control { width:100%; border:1px solid #d7d7d7; padding:12px; background:#fff; }
.detail .btn { width:100%; margin-top:22px; }
.detail-copy { line-height:1.75; color:#5e6268; border-top:1px solid var(--line); margin-top:28px; padding-top:22px; }
.cart-table { width:100%; border-collapse:collapse; }
.cart-table th,.cart-table td { text-align:left; border-bottom:1px solid var(--line); padding:15px 8px; vertical-align:middle; }
.cart-thumb { width:70px; height:90px; object-fit:cover; vertical-align:middle; margin-right:13px; }
.quantity { width:70px; padding:8px; border:1px solid #ddd; }
.cart-remove { border:0; background:transparent; color:var(--muted); padding:8px 2px; cursor:pointer; font-size:12px; text-decoration:underline; }
.cart-remove:hover { color:#111; }
.paytr-direct-card { max-width:720px; margin:24px auto 0; }
.paytr-direct-card .card-heading { margin-bottom:18px; }
.paytr-direct-card .btn { width:100%; margin-top:18px; }
.paytr-payment-note { margin-top:18px; padding:12px 14px; background:var(--soft); color:var(--muted); font-size:12px; line-height:1.6; }
.cart-summary { max-width:380px; margin:30px 0 0 auto; background:var(--soft); padding:22px; }
.checkout-choice { max-width:820px; margin:30px auto 70px; text-align:center; }
.checkout-choice h1 { margin:0 0 10px; font-size:30px; }
.checkout-choice > p { max-width:620px; margin:0 auto 28px; }
.checkout-choice-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; text-align:left; margin-bottom:22px; }
.checkout-choice-card { border:1px solid var(--line); padding:28px; min-height:230px; display:flex; flex-direction:column; align-items:flex-start; background:#fff; }
.checkout-choice-card h2 { margin:0 0 8px; font-size:20px; }
.checkout-choice-card p { color:var(--muted); min-height:48px; margin:0 0 20px; }
.checkout-choice-card .btn { min-width:210px; }
.checkout-choice-card .account-link { margin-top:13px; }
.checkout-choice-card .field-help { margin-top:14px; }
.summary-row { display:flex; justify-content:space-between; margin:10px 0; }
.summary-total { font-size:20px; font-weight:600; border-top:1px solid #ddd; padding-top:14px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.form-group { margin-bottom:15px; }
.form-group.full { grid-column:1/-1; }
.form-group label { display:block; margin-bottom:6px; font-size:13px; color:var(--muted); }
.notice { padding:13px 16px; background:#f3f5f7; margin-bottom:18px; }
.site-footer { border-top:1px solid var(--line); background:#fafafa; padding:48px 24px 20px; }
.footer-inner { max-width:1180px; margin:auto; display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.footer-inner h3 { font-size:14px; margin:0 0 14px; }
.footer-inner a,.footer-inner p { color:var(--muted); font-size:13px; display:block; margin:8px 0; }
.copyright { max-width:1180px; margin:35px auto 0; border-top:1px solid #e4e4e4; padding-top:16px; color:#929292; font-size:12px; }
.copyright a { color:inherit; text-decoration:underline; }
.footer-credit-separator { margin:0 4px; }
.admin-shell { min-height:100vh; background:#f5f6f8; display:flex; }
.admin-sidebar { width:248px; background:#111114; color:#fff; padding:20px 14px; flex:none; }
.admin-logo { font-size:23px; font-weight:700; padding:10px 12px 26px; letter-spacing:1px; }
.admin-logo span { color:#d7f32f; }
.admin-nav-title { text-transform:uppercase; font-size:10px; letter-spacing:1px; color:#8c8d95; margin:22px 12px 8px; }
.admin-nav a { display:block; padding:10px 12px; border-radius:8px; font-size:13px; color:#d0d1d6; }
.admin-nav a:hover,.admin-nav a.active { color:#fff; background:#2d2d34; }
.admin-main { flex:1; min-width:0; }
.admin-top { background:#fff; border-bottom:1px solid #e5e6ea; height:72px; display:flex; justify-content:space-between; align-items:center; padding:0 32px; }
.admin-content { padding:30px; max-width:1400px; }
.admin-content h1 { margin:0 0 7px; font-size:27px; }
.muted { color:#7b7f88; }
.admin-card { background:#fff; border:1px solid #e7e8ec; border-radius:12px; padding:20px; box-shadow:0 2px 8px rgba(20,25,40,.03); }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin:25px 0; }
.stat-label { color:#7b7f88; font-size:13px; }
.stat-value { font-size:27px; font-weight:600; margin-top:8px; }
.admin-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.module-card h3 { margin:0 0 5px; font-size:16px; }
.module-card p { color:#7b7f88; font-size:13px; min-height:40px; }
.admin-table { width:100%; border-collapse:collapse; }
.admin-table th,.admin-table td { text-align:left; padding:12px 10px; border-bottom:1px solid #eef0f2; font-size:13px; }
.admin-table .sku-cell { min-width:125px; white-space:nowrap; }
.admin-table .sku-cell code { display:inline-block; padding:4px 7px; border-radius:5px; background:#f4f5f6; color:#31343a; font-size:12px; }
.admin-table .id-cell { min-width:70px; white-space:nowrap; }
.admin-table .id-cell code { display:inline-block; padding:4px 7px; border-radius:5px; background:#f4f5f6; color:#6f747d; font-size:12px; }
.order-product-line { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:250px; padding:4px 0; }
.order-product-line + .order-product-line { border-top:1px solid #f0f1f3; }
.order-review-btn { padding:6px 9px; font-size:11px; white-space:nowrap; }
.order-review-status { font-size:11px; white-space:nowrap; }
.role-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:16px; margin:18px 0; }
.role-card { min-width:0; }
.role-card .card-heading { margin-bottom:14px; }
.role-card .card-heading h2 { margin-bottom:6px; }
.role-label-edit { margin-bottom:14px; }
.role-label-edit label { font-size:11px; }
.role-key { display:inline-block; padding:3px 6px; border-radius:5px; background:#f4f5f6; color:#5e636b; font-size:11px; font-family:Consolas,monospace; }
.role-permissions { display:grid; grid-template-columns:1fr 1fr; gap:9px 12px; }
.role-permissions .checkbox-row { font-size:12px; }
.role-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:18px; padding-top:14px; border-top:1px solid #eef0f2; }
.role-actions form { margin:0; }
.role-create { margin-bottom:18px; }
.admin-user-layout { margin-top:18px; }
.admin-table th { color:#6f747d; font-weight:500; }
.admin-actions { display:flex; gap:8px; flex-wrap:wrap; }
.admin-form { max-width:850px; }
.login-wrap { min-height:100vh; background:#16161b; display:grid; place-items:center; padding:20px; }
.login-card { width:min(420px,100%); background:#fff; padding:30px; border-radius:16px; }
.login-card h1 { margin:0 0 5px; }
.login-card .form-group { margin-top:17px; }
@media (max-width:800px) { .nav { min-height:66px; gap:12px; padding:0 15px; } .brand { width:120px; } .brand img { max-width:120px; } .nav-links { gap:12px; font-size:11px; overflow:auto; } .nav-actions { font-size:17px; } .page { padding:20px 15px 50px; } .hero { min-height:430px; padding:18px; } .hero-card h1 { font-size:31px; } .category-cards { grid-template-columns:1fr; } .product-grid { grid-template-columns:repeat(2,1fr); gap:20px 12px; } .product-detail { grid-template-columns:1fr; gap:25px; } .form-grid { grid-template-columns:1fr; } .form-group.full { grid-column:auto; } .footer-inner { grid-template-columns:1fr 1fr; } .admin-sidebar { width:70px; padding:10px 6px; } .admin-logo { font-size:0; text-align:center; } .admin-logo span { font-size:20px; } .admin-nav a { font-size:0; text-align:center; padding:11px 4px; } .admin-nav a::first-letter { font-size:16px; } .admin-nav-title { display:none; } .admin-top { padding:0 18px; } .admin-content { padding:18px; } .stats { grid-template-columns:1fr 1fr; } .admin-grid { grid-template-columns:1fr; } }

/* Phase 1 catalog workspace */
.editor-toolbar { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:24px; }
.editor-toolbar h1 { margin:0 0 5px; }
.editor-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:18px; align-items:start; }
.editor-main,.editor-side { display:grid; gap:18px; min-width:0; }
.card-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; margin-bottom:20px; }
.card-heading h2 { margin:0 0 4px; font-size:18px; }
.card-heading p { margin:0; font-size:13px; }
.field-help { display:block; color:#8b9099; margin-top:6px; font-size:11px; }
.upload-drop { display:flex; min-height:150px; padding:25px 16px; border:1px dashed #c9ccd3; border-radius:10px; background:#fafbfc; align-items:center; justify-content:center; flex-direction:column; text-align:center; cursor:pointer; }
.upload-drop input { position:absolute; width:1px; height:1px; opacity:0; }
.upload-drop span { font-weight:600; font-size:13px; }
.upload-drop small { color:#888e98; margin-top:7px; font-size:11px; }
.media-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:15px 0; }
.media-tile { position:relative; aspect-ratio:1; border-radius:8px; overflow:hidden; background:#f1f2f4; border:1px solid #e7e8ec; }
.media-tile img { width:100%; height:100%; object-fit:cover; }
.media-tile span { position:absolute; left:5px; bottom:5px; color:#fff; background:rgba(0,0,0,.58); padding:2px 5px; border-radius:3px; font-size:10px; }
.media-actions { position:absolute; right:4px; top:4px; display:flex; gap:3px; }
.media-actions form { margin:0; }
.media-actions button { width:22px; height:22px; border:0; border-radius:4px; background:rgba(0,0,0,.62); color:#fff; cursor:pointer; line-height:18px; padding:0; }
.media-actions .danger-text { color:#ffb1b1; }
.sticky-save { position:sticky; top:90px; }
.sticky-save h3 { margin:0 0 4px; }
.sticky-save p { font-size:13px; }
.sticky-save .btn { width:100%; }
.variant-table-wrap,.admin-table-scroll { overflow-x:auto; }
.variant-table { width:100%; min-width:980px; border-collapse:collapse; }
.variant-table th,.variant-table td { padding:8px 5px; border-bottom:1px solid #eef0f2; text-align:left; vertical-align:middle; }
.variant-table th { color:#6f747d; font-size:11px; font-weight:500; }
.variant-table .form-control { min-width:82px; padding:8px; font-size:12px; }
.variant-image-input { min-width:180px !important; }
.variant-table-wrap { overflow:visible; }
.variant-table { min-width:0; display:block; }
.variant-table thead { display:none; }
.variant-table tbody { display:grid; gap:14px; }
.variant-table tbody tr { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:14px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.03); }
.variant-table tbody td { display:grid; gap:5px; padding:0; border:0; min-width:0; }
.variant-table tbody td::before { content:attr(data-label); color:#747980; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.35px; }
.variant-table tbody td[data-label="Varyant görselleri"] { grid-column:span 2; }
.variant-table tbody td[data-label="İşlem"] { align-content:end; justify-items:start; }
.variant-table .form-control { min-width:0; width:100%; }
.variant-table .variant-gallery-urls { min-height:44px; resize:vertical; font-size:11px; }
.variant-media-preview { display:flex; flex-wrap:wrap; gap:5px; margin-top:2px; }
.variant-media-preview img { width:38px; height:48px; border:1px solid #e1e3e6; border-radius:5px; object-fit:cover; }
.category-table-scroll { overflow:visible; }
.category-table-scroll .admin-table { display:block; width:100%; table-layout:auto; }
.category-table-scroll .admin-table thead { display:none; }
.category-table-scroll .admin-table tbody { display:grid; gap:10px; }
.category-table-scroll .admin-table tr { display:grid; grid-template-columns:minmax(0,1fr) 104px; gap:5px 12px; padding:12px; border:1px solid #eef0f2; border-radius:10px; background:#fff; }
.category-table-scroll .admin-table td { display:block; min-width:0; padding:0; border:0; overflow-wrap:anywhere; }
.category-table-scroll .admin-table td:nth-child(2)::before { content:"Slug: "; color:#8b9099; }
.category-table-scroll .admin-table td:nth-child(3)::before { content:"Ürün: "; color:#8b9099; }
.category-table-scroll .admin-table td:nth-child(4)::before { content:"Durum: "; color:#8b9099; }
.category-table-scroll .admin-table td:last-child { grid-column:2; grid-row:1 / span 4; align-self:center; width:auto; }
.category-table-scroll .admin-table td:last-child .btn { width:100%; margin:2px 0; padding:8px 5px; font-size:11px; }
.icon-button { width:28px; height:28px; border:1px solid #ddd; background:#fff; border-radius:6px; cursor:pointer; font-size:18px; color:#a33; }
.filter-bar { display:flex; gap:10px; margin-bottom:18px; }
.orders-filter-bar { display:grid; grid-template-columns:minmax(210px,1.55fr) repeat(4,minmax(125px,1fr)) 136px 136px minmax(130px,1fr) auto; gap:8px; align-items:end; padding:12px; }
.orders-filter-bar .form-control { width:100%; min-width:0; height:40px; padding:9px 10px; font-size:12px; }
.orders-filter-search { min-width:0; }
.orders-filter-date { display:grid; gap:4px; min-width:0; color:#666c75; font-size:11px; line-height:1; }
.orders-filter-date .form-control { min-width:0; }
.orders-filter-submit { height:40px; white-space:nowrap; padding:0 14px; }
.import-bar { display:flex; gap:12px; align-items:center; margin-bottom:12px; }
.import-bar input[type=file] { max-width:270px; font-size:12px; }
.filter-bar .form-control:first-of-type { flex:1; }
.filter-bar .form-control { width:auto; min-width:190px; }
.page-size-control { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:12px; white-space:nowrap; }
.page-size-control .form-control { min-width:120px; }
.table-meta { display:flex; justify-content:space-between; padding-bottom:14px; font-size:13px; }
.admin-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 16px; }
.admin-pagination + .admin-table-scroll { margin-top:0; }
.admin-pagination-links { display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.pagination-link { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:0 10px; border:1px solid #e1e4e8; border-radius:7px; background:#fff; color:#3b4048; font-size:12px; text-decoration:none; }
.pagination-link:hover { border-color:#aeb4bc; background:#f7f8f9; }
.pagination-link.active { border-color:#202124; background:#202124; color:#fff; }
.pagination-ellipsis { padding:0 3px; color:#8b9099; }
.table-product { display:flex; align-items:center; gap:10px; min-width:230px; }
.table-thumb { display:inline-flex; width:48px; height:60px; object-fit:cover; border-radius:6px; background:#f2f3f5; align-items:center; justify-content:center; }
.table-thumb.placeholder { color:#a8acb3; }
.status-pill { display:inline-flex; padding:5px 9px; border-radius:999px; background:#eef5e8; color:#3a6434; font-size:11px; }
.empty-state { padding:38px 12px; color:#7b7f88; text-align:center; }
.notice.error { background:#fff1f1; color:#9c3333; }
.product-detail-gallery { display:grid; grid-template-columns:60px minmax(0,1fr); gap:28px; }
.gallery-thumbs { display:grid; grid-template-rows:30px auto 30px; align-self:start; min-height:0; gap:8px; }
.gallery-thumb-viewport { height:auto; min-height:0; overflow:hidden; display:flex; flex-direction:column; gap:10px; }
.gallery-thumb-arrow { width:100%; height:30px; border:0; background:transparent; color:#111; cursor:pointer; font-size:25px; line-height:1; font-family:Arial,sans-serif; padding:0; }
.gallery-thumb-arrow:hover:not(:disabled) { color:#555; background:transparent; }
.gallery-thumb-arrow:disabled { opacity:.28; cursor:default; }
.gallery-thumb { flex:0 0 auto; width:100%; border:1px solid #e1e1e1; padding:0; background:#fff; cursor:pointer; aspect-ratio:3/4; overflow:hidden; }
.gallery-thumb.active { border:2px solid #222; }
.gallery-thumb img { width:100%; height:100%; object-fit:cover; }
.product-main-image { aspect-ratio:3/4; background:#f5f5f5; overflow:visible; position:relative; }
.product-main-image img { width:100%; height:100%; object-fit:cover; }
.variant-group { margin:20px 0; }
.variant-group label { margin:0 0 9px; color:var(--ink); font-weight:600; }
.variant-pills { display:flex; flex-wrap:wrap; gap:8px; }
.variant-pill { border:1px solid #d5d6d8; background:#fff; min-width:48px; padding:10px 14px; cursor:pointer; }
.variant-pill.active { border-color:#1f2022; background:#1f2022; color:#fff; }
.detail-actions { display:flex; gap:10px; align-items:stretch; }
.detail { position:relative; }
.detail-actions { margin-top:42px; position:relative; }
.detail-actions .btn { flex:1; }
.detail-actions .share-btn { flex:0 0 82px; }
.detail-actions .favorite-btn { position:absolute; right:0; top:-42px; }
.detail .btn:not(.whatsapp-btn) { background:#000; border-color:#000; }
.whatsapp-btn { background:#25d366; border-color:#25d366; color:#fff; }
.product-whatsapp { width:100%; margin-top:10px; gap:8px; }
.product-whatsapp svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.favorite-btn { border:1px solid #ddd; background:#fff; width:48px; cursor:pointer; font-size:20px; display:flex; align-items:center; justify-content:center; color:var(--ink); }
.empty-store { padding:80px 20px; text-align:center; color:var(--muted); line-height:2; }
.account-shell { max-width:560px; margin:0 auto; padding:30px 0 70px; }
.account-tabs { display:flex; border-bottom:1px solid var(--line); margin-bottom:28px; }
.account-tabs a { flex:1; text-align:center; padding:14px; color:var(--muted); }
.account-tabs a.active { color:var(--ink); border-bottom:2px solid var(--ink); }
.account-form { background:#fff; border:1px solid var(--line); padding:28px; }
.account-form h1 { margin:0 0 24px; font-size:26px; }
.account-form .btn { width:100%; margin-top:8px; }
.account-link { display:block; text-align:center; color:var(--muted); font-size:13px; margin-top:18px; }
.check-line { display:flex; gap:8px; align-items:flex-start; color:var(--muted); font-size:12px; margin:15px 0; }
.account-orders { max-width:850px; }
.order-return-row > td { padding:0 !important; border-bottom:1px solid var(--line); }
.order-return-details { background:#fafafa; }
.order-return-details summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; cursor:pointer; list-style:none; font-weight:600; }
.order-return-details summary::-webkit-details-marker { display:none; }
.order-return-details summary::after { content:'+'; font-size:20px; font-weight:400; line-height:1; }
.order-return-details[open] summary::after { content:'−'; }
.order-return-summary-hint { color:var(--muted); font-size:12px; font-weight:400; }
.order-return-panel { padding:0 16px 18px; border-top:1px solid #e7e7e7; }
.order-return-panel > .muted { margin:14px 0; line-height:1.55; }
.order-return-panel .admin-table-scroll { margin:14px 0; }
.order-return-history { display:grid; gap:8px; padding:14px 0 4px; }
.order-return-history-row { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:8px 0; border-top:1px solid #e7e7e7; font-size:12px; }
.order-return-history-row .status-pill { flex:0 0 auto; }
.return-status-timeline { display:grid; gap:8px; margin:0 0 10px 10px; padding:0 0 0 14px; border-left:2px solid #e2e4e7; }
.return-status-event { position:relative; display:grid; grid-template-columns:auto auto; gap:6px 10px; align-items:center; font-size:12px; }
.return-status-event::before { content:''; position:absolute; left:-20px; width:8px; height:8px; border-radius:50%; background:#202124; }
.return-status-event p { grid-column:1 / -1; margin:0; color:var(--muted); line-height:1.45; }
.return-label-admin-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid #eef0f2; }
.return-label-admin-row:first-of-type { border-top:0; }
.return-label-customer-card { margin:10px 0 4px; padding:12px; border:1px solid #d9e2d7; background:#f5faf4; }
.return-label-customer-card p { margin:7px 0; line-height:1.5; color:var(--muted); }
.return-label-sheet { max-width:560px; margin:22px 0; padding:24px; border:2px dashed #202124; background:#fff; }
.return-label-brand { font-weight:800; letter-spacing:.12em; font-size:20px; }
.return-label-sheet h2 { margin:22px 0 8px; font-size:18px; }
.return-label-code { font-size:22px; font-weight:800; letter-spacing:.08em; }
.return-label-instructions { max-width:680px; padding:16px; background:#fafafa; border:1px solid var(--line); }
.return-label-instructions h2 { margin-top:0; font-size:18px; }
.return-label-instructions li { margin:8px 0; line-height:1.5; }
.cargo-customer-card { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:16px 0; padding:16px; border:1px solid #d9e2d7; background:#f5faf4; }
.cargo-customer-card p { margin:6px 0 0; }
.cargo-tracking-timeline { margin-top:14px; padding-top:12px; border-top:1px solid #d9e2d7; }
.cargo-tracking-event { position:relative; margin:10px 0 0 8px; padding:0 0 0 14px; border-left:2px solid #c8d8c6; }
.cargo-tracking-event::before { content:""; position:absolute; width:8px; height:8px; left:-5px; top:5px; border-radius:50%; background:#1d5f35; }
.cargo-tracking-event p { margin:5px 0 0; font-size:13px; }
.cargo-label-sheet { max-width:620px; margin:22px 0; padding:24px; border:2px dashed #202124; background:#fff; }
.cargo-label-sheet h2 { margin:18px 0 12px; font-size:18px; }
.cargo-label-barcode { display:block; width:100%; max-width:560px; height:auto; margin:12px 0; }
.cargo-label-meta { border-top:1px solid #202124; margin-top:16px; padding-top:10px; }
.cargo-label-meta p { margin:7px 0; line-height:1.4; }
@media (max-width:600px) { .return-label-admin-row { align-items:stretch; flex-direction:column; } }
@media (max-width:600px) { .cargo-customer-card { align-items:stretch; flex-direction:column; } }
@media print { .site-header, .site-footer, .return-label-page > .admin-card > .account-head button, .return-label-page > .admin-card > a, .cargo-label-page > .admin-card > .account-head button, .cargo-label-page > .admin-card > a { display:none !important; } .return-label-page, .cargo-label-page { margin:0; max-width:none; } .return-label-page > .admin-card, .cargo-label-page > .admin-card { border:0; padding:0; } .return-label-sheet, .cargo-label-sheet { margin:0; } }
.account-reviews { max-width:1100px; }
.account-review-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.account-review-card { min-width:0; padding:24px; }
.account-review-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.account-review-card h2 { margin:0; font-size:18px; line-height:1.35; }
.account-review-card h2 a { color:var(--ink); }
.account-review-body { min-height:78px; color:var(--muted); line-height:1.75; margin:14px 0 0; overflow-wrap:anywhere; }
.account-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:22px; }
.account-head-actions { display:flex; gap:8px; flex-wrap:wrap; }
.account-profile { max-width:850px; }
.account-support { max-width:1180px; }
.account-support .inbox-layout { grid-template-columns:minmax(300px,360px) minmax(0,1fr); gap:24px; }
.account-support .inbox-conversation { min-height:640px; padding:24px; }
.account-support .inbox-list .card-heading { padding:20px; }
.account-support .inbox-thread { padding:17px 20px; }
.account-support .inbox-messages { min-height:390px; max-height:640px; padding:22px 10px; }
.account-support .inbox-message { max-width:86%; }
.account-form h2 { margin-top:0; }
.account-form h3 { margin:24px 0 12px; }
.account-address-list { display:grid; gap:10px; }
.account-address { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; padding:14px; border:1px solid var(--line); background:#fff; }
.account-address p { margin:7px 0 0; color:var(--muted); line-height:1.55; font-size:13px; }
.account-address form { margin:0; }
.address-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.invoice-fields { margin-top:10px; padding:14px; background:#fafafa; border:1px solid var(--line); }
.detail-feature-list { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:25px 0; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.detail-feature { color:#61656a; font-size:11px; text-align:center; position:relative; padding-left:35px; min-height:35px; display:flex; align-items:center; text-align:left; }
.stock-alert-card { margin:18px 0 22px; padding:16px; border:1px solid var(--line); background:#fafafa; }
.stock-alert-card p { margin:6px 0 12px; color:var(--muted); font-size:13px; }
.stock-alert-form { display:grid; grid-template-columns:minmax(180px,1fr) minmax(150px,auto); gap:10px; align-items:center; }
.stock-alert-form .form-control { width:100%; min-width:0; }
.stock-alert-form .btn.light { width:auto; min-width:150px; margin-top:0; background:#202124; border-color:#202124; color:#fff; font-weight:600; white-space:nowrap; }
.stock-alert-trigger { width:100%; border:0; background:#ddd; color:#888; padding:10px 8px; cursor:pointer; font-size:11px; letter-spacing:.3px; }
.stock-alert-trigger .stock-alert-hover { display:none; }
.stock-alert-trigger:hover,.stock-alert-trigger:focus-visible { background:#ddd; color:#888; outline:1px solid #c8c8c8; outline-offset:-1px; }
.stock-alert-trigger:hover .stock-alert-default,.stock-alert-trigger:focus-visible .stock-alert-default { display:none; }
.stock-alert-trigger:hover .stock-alert-hover,.stock-alert-trigger:focus-visible .stock-alert-hover { display:inline; }
.detail .btn.stock-alert-trigger { background:#ddd; border-color:#ddd; color:#666; }
.detail .btn.stock-alert-trigger:hover,.detail .btn.stock-alert-trigger:focus-visible { background:#ddd; border-color:#c8c8c8; color:#222; }
.stock-alert-modal[hidden] { display:none; }
.stock-alert-modal { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(20,22,24,.52); }
.stock-alert-dialog { position:relative; width:min(100%,460px); padding:28px; background:#fff; box-shadow:0 20px 70px rgba(0,0,0,.2); }
.stock-alert-dialog h2 { margin:6px 0 10px; font-size:24px; }
.stock-alert-dialog form { display:grid; gap:12px; margin-top:18px; }
.stock-alert-dialog label { display:grid; gap:6px; color:var(--muted); font-size:13px; }
.stock-alert-dialog .form-control { width:100%; }
.stock-alert-product { margin:0; font-weight:600; color:var(--ink); }
.stock-alert-close { position:absolute; top:10px; right:12px; border:0; background:transparent; color:var(--ink); font-size:28px; line-height:1; cursor:pointer; }
.stock-alert-dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:4px; }
body.modal-open { overflow:hidden; }
.detail-feature::before { content:""; position:absolute; left:0; top:2px; width:27px; height:27px; background:center/contain no-repeat; }
.detail-feature:nth-child(1)::before { background-image:url('https://cdn.myikas.com/images/theme-images/c781f36e-52a5-4c67-8ef4-941999da1f9f/image_180.webp'); }
.detail-feature:nth-child(2)::before { background-image:url('https://cdn.myikas.com/images/theme-images/4e41bf10-fc0e-4e84-8445-daf5ae8de6a7/image_180.webp'); }
.detail-feature:nth-child(3)::before { background-image:url('https://cdn.myikas.com/images/theme-images/490d3c96-26c4-4a8c-89d2-859e612079cd/image_180.webp'); }
.product-main-image { position:relative; }
.gallery-arrow { position:absolute; top:50%; transform:translateY(-50%); width:32px; height:32px; border:1px solid #222; background:#fff; z-index:2; cursor:pointer; font-size:20px; line-height:1; padding:0; }
.gallery-arrow.prev { left:-28px; }
.gallery-arrow.next { right:-28px; }
.detail-accordion { border-bottom:1px solid var(--line); }
.detail-accordion summary { cursor:pointer; list-style:none; padding:16px 0; font-weight:600; }
.detail-accordion summary::-webkit-details-marker { display:none; }
.detail-accordions { background:#f7f7f7; padding:0 18px; }
.detail-accordion p { color:#656a70; line-height:1.7; margin:0 0 18px; }
.product-breadcrumb { max-width:1180px; margin:0 auto 18px; color:#888; font-size:12px; display:flex; gap:8px; }
.product-breadcrumb a { color:#555; }
.share-btn { border:1px solid #ddd; background:#fff; padding:0 15px; cursor:pointer; font:inherit; color:var(--ink); }
.share-label { display:inline-flex; align-items:center; margin-left:5px; color:var(--ink); font-size:13px; }
.share-icon { width:32px; height:32px; padding:0; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; }
.share-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.review-list { padding-bottom:8px; }
.review-item { border-top:1px solid var(--line); padding:15px 0 5px; }
.review-meta { display:flex; justify-content:space-between; gap:12px; font-size:13px; }
.review-stars { color:#c79d2e; letter-spacing:1px; white-space:nowrap; }
.review-item p { margin-top:8px; }
.review-form { display:grid; gap:12px; border-top:1px solid var(--line); padding-top:18px; margin-top:12px; }
.review-form label { display:grid; gap:6px; color:var(--muted); font-size:13px; }
.guest-review-form { border:1px solid var(--line); border-radius:12px; padding:14px; margin-top:14px; background:#fff; }
.order-review-links > .btn { margin:4px 6px 4px 0; }
.order-guest-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.customer-reviews-main { margin-top:58px; border-top:1px solid var(--line); padding-top:34px; }
.customer-reviews-main .section-heading { margin:0 0 18px; text-align:left; position:relative; }
.customer-reviews-main .section-heading h2 { margin:0; }
.review-cta { position:absolute; right:0; top:10px; border:0; background:none; text-decoration:underline; cursor:pointer; }
.review-content { max-width:760px; }
.newsletter-form { display:flex; gap:7px; margin:12px 0 18px; }
.newsletter-form input { min-width:0; flex:1; border:1px solid #ddd; padding:11px; font:inherit; }
.newsletter-form button { border:0; background:#222; color:#fff; padding:0 14px; cursor:pointer; }
.newsletter-form button:disabled { opacity:.45; cursor:not-allowed; }
.social-links { display:flex; flex-wrap:wrap; gap:12px; }
.social-links a { margin:0; }
.social-links .social-icon { width:30px; height:30px; border:1px solid #d9d9d9; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; }
.social-links .social-icon svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.social-links .social-icon:first-child svg { fill:currentColor; stroke:none; }
.payment-icons { display:flex; gap:8px; margin-top:18px; }
.payment-icons img { width:36px; height:24px; object-fit:contain; }
.payment-icons span { border:1px solid #d7d7d7; padding:5px 7px; font-size:10px; letter-spacing:.5px; color:#666; }
.content-page { max-width:850px; margin:0 auto; line-height:1.7; }
.content-page h1 { margin-top:0; }
.contact-form-card { margin:30px auto 0; max-width:850px; padding:24px; border:1px solid var(--line); background:#fff; }
.contact-form-card .card-heading { margin-bottom:18px; }
.contact-honeypot { position:absolute; left:-10000px; width:1px; height:1px; opacity:0; }
.rich-editor-wrap { border:1px solid var(--line); background:#fff; }
.rich-editor-toolbar { display:flex; flex-wrap:wrap; gap:6px; padding:8px; border-bottom:1px solid var(--line); background:#fafafa; }
.rich-editor-toolbar .btn { padding:7px 10px; font-size:12px; }
.rich-editor { min-height:230px; padding:14px; outline:none; line-height:1.65; }
.rich-editor:focus { box-shadow:inset 0 0 0 2px rgba(20,40,80,.12); }
.rich-editor p { margin:0 0 10px; }
.tracking-form { display:flex; gap:10px; align-items:end; margin-top:25px; }
.tracking-form label { flex:1; display:grid; gap:6px; color:var(--muted); font-size:13px; }
@media (max-width:950px) { .editor-layout { grid-template-columns:1fr; } .sticky-save { position:static; } }
@media (max-width:950px) { .variant-table tbody tr { grid-template-columns:repeat(3,minmax(0,1fr)); } .variant-table tbody td[data-label="Varyant görselleri"] { grid-column:span 3; } }
@media (max-width:1200px) { .orders-filter-bar { grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(112px,1fr)) 124px 124px minmax(118px,1fr) auto; } .orders-filter-bar .form-control { font-size:11px; padding-left:8px; padding-right:8px; } }
@media (max-width:900px) { .orders-filter-bar { grid-template-columns:repeat(3,minmax(0,1fr)); } .orders-filter-search { grid-column:span 3; } .orders-filter-submit { width:100%; } }
@media (max-width:600px) { .editor-toolbar,.filter-bar { align-items:stretch; flex-direction:column; } .filter-bar .form-control { width:100%; min-width:0; } .orders-filter-bar { display:flex; } .orders-filter-search { width:100%; } .orders-filter-date { width:100%; } .product-detail-gallery { grid-template-columns:54px minmax(0,1fr); gap:8px; } .gallery-arrow.prev { left:8px; } .gallery-arrow.next { right:8px; } .detail-feature-list { grid-template-columns:1fr; } .stock-alert-form { grid-template-columns:1fr; align-items:stretch; } .stock-alert-form .btn.light { width:100%; } }
@media (max-width:600px) { .variant-table tbody tr { grid-template-columns:repeat(2,minmax(0,1fr)); } .variant-table tbody td[data-label="Varyant görselleri"] { grid-column:span 2; } .category-table-scroll .admin-table { font-size:11px; } .category-table-scroll .admin-table th,.category-table-scroll .admin-table td { padding:8px 5px; } .category-table-scroll .admin-table th:last-child,.category-table-scroll .admin-table td:last-child { width:112px; } }

/* Canlı fistanbul.co ürün açıklaması ve sosyal ikon ölçüleri */
.detail-accordions { background:#f7f7f7; padding:0 14px; }
.detail-accordion summary { display:flex; justify-content:space-between; align-items:center; font-size:14px; color:#000; padding:15px 0; }
.detail-accordion summary::after { content:'+'; font-size:18px; font-weight:400; line-height:1; }
.detail-accordion[open] > summary::after { content:'−'; }
.live-description-content { padding:0 0 15px; }
.live-description-content h3 { margin:0 0 4px; font-size:14px; color:#000; font-weight:700; }
.live-description-content p { color:#000; line-height:1.35; margin:0 0 12px; font-size:13px; }
.live-description-more { display:flex; border:0; padding:0; margin:4px 0 0; background:none; color:#000; text-decoration:underline; font:600 13px/1.4 inherit; cursor:pointer; }
.live-description-extra[hidden] { display:none; }
.live-description-extra { padding-top:8px; }
.detail-actions .share-label { margin-left:0; }
.detail-actions .share-icon { width:25px; height:25px; border-radius:0; padding:0; background:none; }
.detail-actions .share-icon svg { width:25px; height:25px; fill:currentColor; stroke:none; }
.detail-actions .share-icon:not(.share-whatsapp) { width:16px; height:16px; transform:scale(1.52); transform-origin:center; margin-left:12px; }
.detail-actions .share-icon:not(.share-whatsapp) svg { width:16px; height:16px; fill:none; stroke:#0b0830; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.detail-actions .share-btn { flex:0 0 16px; width:16px; height:16px; border:0; background:none; padding:0; color:#0b0830; }
.detail-actions { align-items:center; }
.detail-actions .share-label { height:25px; margin:0; line-height:1; white-space:nowrap; }
.detail-actions { column-gap:6px; }
.detail-actions .share-icon,.detail-actions .share-icon:not(.share-whatsapp) { flex:0 0 25px; width:25px; height:25px; margin:0 !important; transform:none !important; }
.detail-actions .share-icon svg,.detail-actions .share-icon:not(.share-whatsapp) svg { width:22px !important; height:22px !important; }
.detail-actions .share-icon:not(.share-whatsapp) svg { stroke-width:1.2 !important; }
.detail-actions .share-btn { flex:0 0 25px; width:25px; height:25px; }
.social-links { gap:16px; align-items:center; }
.social-links .social-icon { width:24px; height:24px; border:0; border-radius:0; padding:0; color:#3a3a3a; }
.social-links .social-icon svg { width:24px; height:24px; fill:currentColor; stroke:none; }
.social-links .social-icon[aria-label="Facebook"] svg,.social-links .social-icon[aria-label="Instagram"] svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.social-links .social-icon[aria-label="TikTok"] svg,.social-links .social-icon[aria-label="WhatsApp"] svg { width:22px; height:22px; }
@media (max-width:600px) { .import-bar { align-items:stretch; flex-direction:column; } }
.order-ops-form { display:grid; grid-template-columns:repeat(2,minmax(130px,1fr)); gap:6px; min-width:330px; }
.order-notes { display:grid; gap:8px; margin-top:14px; }
.order-note { padding:10px 12px; border-left:3px solid #c7a57a; background:#faf7f3; }
.order-note strong { margin-right:8px; }
.order-note p { margin:6px 0 0; line-height:1.45; white-space:normal; }
.order-ops-form .btn { grid-column:span 2; justify-self:start; }
.return-alert-badge,.return-history-badge { display:inline-flex; align-items:center; gap:5px; padding:6px 9px; border-radius:999px; text-decoration:none; font-size:11px; white-space:nowrap; }
.return-alert-badge { background:#fff0ee; border:1px solid #e3a59d; color:#9d2f24; }
.return-history-badge { background:#f4f5f6; border:1px solid #dfe2e6; color:#4b5159; }
.return-alert-badge:hover,.return-history-badge:hover { filter:brightness(.96); }
.return-status-note { min-width:190px; margin-top:6px; font-size:12px; }
@media (max-width:600px) { .tracking-form { flex-direction:column; align-items:stretch; } .order-ops-form { min-width:220px; grid-template-columns:1fr; } .order-ops-form .btn { grid-column:auto; } }

.oauth-introduction { background:#fafafa; border:1px solid var(--line); padding:16px 18px; margin:14px 0 18px; color:#34373b; font-size:13px; line-height:1.55; }
.oauth-introduction ol { margin:7px 0 14px 20px; padding:0; }
.oauth-introduction code { word-break:break-all; color:#5b3f78; }
.social-login-divider { display:flex; align-items:center; gap:12px; margin:20px 0 14px; color:var(--muted); font-size:12px; }
.social-login-divider::before,.social-login-divider::after { content:""; height:1px; background:var(--line); flex:1; }
.social-login-actions { display:grid; gap:8px; }
.social-login-btn { width:100%; text-align:center; text-decoration:none; }
.social-login-disabled { display:block; padding:10px 12px; border:1px dashed var(--line); color:var(--muted); font-size:12px; text-align:center; }

.inbox-layout { display:grid; grid-template-columns:minmax(260px,340px) minmax(0,1fr); gap:18px; align-items:start; }
.inbox-list { padding:0; overflow:hidden; }
.inbox-list .card-heading { padding:18px; margin:0; border-bottom:1px solid var(--line); }
.inbox-thread { display:block; padding:15px 18px; border-bottom:1px solid #eef0f2; color:var(--ink); text-decoration:none; }
.inbox-thread:hover,.inbox-thread.active { background:#faf7f3; }
.inbox-thread-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.inbox-thread > span:not(.inbox-thread-head) { display:block; margin-top:4px; font-size:12px; }
.inbox-preview { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#41454b; }
.inbox-meta { color:#8b9099; font-size:11px !important; }
.inbox-unread { display:inline-flex; min-width:20px; height:20px; padding:0 5px; align-items:center; justify-content:center; border-radius:99px; background:#111; color:#fff; font-size:10px; }
.inbox-conversation { min-height:520px; }
.inbox-conversation > .card-heading { align-items:flex-start; }
.inbox-actions { display:flex; gap:7px; }
.inbox-actions form { margin:0; }
.inbox-messages { display:flex; flex-direction:column; gap:12px; min-height:290px; max-height:560px; overflow-y:auto; padding:18px 4px; background:#fafafa; border:1px solid #eef0f2; border-radius:10px; }
.inbox-message { max-width:78%; }
.inbox-message.inbound { align-self:flex-start; }
.inbox-message.outbound { align-self:flex-end; text-align:right; }
.inbox-bubble { display:inline-block; padding:11px 13px; border-radius:12px; background:#fff; border:1px solid #e5e6e8; line-height:1.45; white-space:normal; }
.inbox-message.outbound .inbox-bubble { background:#202124; border-color:#202124; color:#fff; }
.inbox-message-meta { margin-top:4px; color:#92969d; font-size:10px; }
.inbox-reply { margin-top:15px; }
.inbox-reply label { display:grid; gap:7px; color:var(--muted); font-size:13px; }
.inbox-reply-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.inbox-reply-footer .field-help { margin:0; }
.review-admin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.review-admin-card { display:flex; flex-direction:column; gap:10px; }
.review-admin-card .card-heading { margin-bottom:0; }
.review-admin-body { min-height:52px; margin:0; line-height:1.5; }
.review-admin-actions { display:flex; gap:8px; align-items:center; }
.review-admin-actions .form-control { flex:1; }
.review-reply { margin-top:10px; padding:10px 12px; border-left:3px solid #c7a57a; background:#faf7f3; }
.review-reply p { margin:4px 0 0; }
@media (max-width:800px) { .inbox-layout { grid-template-columns:1fr; } .inbox-conversation { min-height:0; } .inbox-actions { flex-wrap:wrap; } }
@media (max-width:800px) { .account-support { padding-left:14px; padding-right:14px; } .account-support .inbox-layout { grid-template-columns:1fr; gap:14px; } .account-support .inbox-conversation { padding:16px; } }
@media (max-width:800px) { .review-admin-grid { grid-template-columns:1fr; } }
.checkbox-row label { display:flex; gap:9px; align-items:flex-start; line-height:1.45; }
.checkbox-row input { margin-top:3px; }
.order-navigation { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0 16px; }
.more-actions { position:relative; }
.more-actions summary { list-style:none; cursor:pointer; }
.more-actions summary::-webkit-details-marker { display:none; }
.more-actions-menu { position:absolute; right:0; z-index:5; min-width:210px; display:grid; gap:4px; padding:8px; margin-top:6px; background:#fff; border:1px solid #e5e6e8; border-radius:10px; box-shadow:0 10px 24px rgba(0,0,0,.12); }
.more-actions-menu a, .more-actions-menu button { display:block; width:100%; padding:9px 10px; border:0; border-radius:7px; background:transparent; text-align:left; color:#202124; text-decoration:none; font:inherit; cursor:pointer; }
.more-actions-menu a:hover, .more-actions-menu button:hover { background:#f5f5f5; }
.tag-list { display:flex; flex-wrap:wrap; gap:7px; }
.tag-chip { display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border-radius:99px; background:#f1f2f3; color:#292b2f; font-size:12px; }
.tag-chip form { display:inline; margin:0; }
.tag-chip button { border:0; background:transparent; padding:0; color:#777; cursor:pointer; font-size:15px; line-height:1; }
.inline-form { display:flex; gap:8px; align-items:center; }
.inline-form .form-control { flex:1; }
.address-modal summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; }
.address-modal summary::-webkit-details-marker { display:none; }
@media (max-width:800px) { .account-review-grid { grid-template-columns:1fr; } .account-review-card { padding:20px; } .account-review-card-head { flex-direction:column; gap:10px; } }
@media print { .admin-sidebar, .admin-top, .more-actions, .order-navigation, .btn, form { display:none !important; } .admin-shell, .admin-main, .admin-content { display:block; width:100%; } }
.seo-length-warning { color:#b42318; }
.seo-preview { margin-top:18px; padding:14px 16px; border:1px solid #d8dce2; border-radius:10px; background:#fff; color:#4b5563; font-size:13px; line-height:1.5; }
.seo-preview-title { margin-top:7px; color:#1a0dab; font-size:18px; line-height:1.25; }
.seo-preview-url { margin:2px 0 3px; color:#188038; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.marketplace-config-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px; }
.marketplace-config-card { border:1px solid var(--line); border-radius:12px; padding:16px; background:#fff; }
.marketplace-config-card .card-heading { align-items:flex-start; gap:8px; }
.marketplace-config-card h3 { margin:0 0 4px; }
.marketplace-actions { display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-width:92px; }
.marketplace-toggle-form { display:inline-flex; margin:0; }
.marketplace-badge { width:42px; height:34px; padding:6px 7px; border:1px solid #d5d9df; border-radius:8px; background:#f3f4f6; color:#666d76; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:border-color .15s ease,background .15s ease,transform .15s ease; }
.marketplace-badge:hover { border-color:#202124; background:#fff; transform:translateY(-1px); }
.marketplace-badge.active { background:#fff; border-color:#202124; }
.marketplace-badge.error { background:#fff1f1; border-color:#e2a3a3; color:#a02121; }
.marketplace-logo { display:block; width:100%; height:100%; object-fit:contain; filter:grayscale(1); opacity:.46; }
.marketplace-badge.active .marketplace-logo { filter:none; opacity:1; }
.marketplace-badge.error .marketplace-logo { filter:grayscale(1); opacity:.55; }
.marketplace-channel-pill { display:inline-flex; align-items:center; max-width:150px; padding:5px 8px; border:1px solid #dfe2e6; border-radius:999px; font-size:11px; line-height:1.1; white-space:nowrap; }
.marketplace-channel-pill.channel-trendyol { border-color:#f2b4a8; color:#a53d29; }
.marketplace-channel-pill.channel-hepsiburada { border-color:#f1c779; color:#8a5b00; }
.marketplace-channel-pill.channel-amazon { border-color:#b8c9df; color:#315578; }
.marketplace-mapping-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.marketplace-mapping-card { border:1px solid var(--line); border-radius:12px; padding:14px; background:#fff; }
.marketplace-mapping-card h3 { margin:0 0 12px; }
.marketplace-mapping-row { display:grid; gap:7px; padding:12px 0; border-top:1px solid #eef0f2; }
.marketplace-mapping-row:first-of-type { border-top:0; padding-top:0; }
.marketplace-mapping-row strong { font-size:13px; }
@media (max-width:1050px) { .marketplace-config-grid { grid-template-columns:1fr; } }
@media (max-width:900px) { .marketplace-mapping-grid { grid-template-columns:1fr; } }
@media (max-width:700px) { .checkout-choice-grid { grid-template-columns:1fr; } .checkout-choice { margin-top:10px; } .checkout-choice-card { padding:22px; } }

/* Kategori ve ürün listeleme filtre çubuğu */
.listing-head { display:block; border-bottom:0; padding-bottom:0; margin-bottom:30px; }
.listing-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding-bottom:18px; }
.listing-heading h1 { margin:0; font-size:30px; letter-spacing:-.02em; }
.listing-count { color:var(--muted); font-size:14px; margin-bottom:3px; white-space:nowrap; }
.catalog-filter-bar { display:flex; align-items:stretch; gap:0; width:100%; min-height:54px; border:1px solid #e7e8eb; background:#f7f7f8; color:var(--muted); }
.catalog-search-field { display:flex; align-items:center; flex:0 1 220px; min-width:190px; padding:7px 10px; background:#fff; border-right:1px solid #e2e3e7; }
.catalog-search-field .form-control { width:100%; min-width:0; height:38px; padding:0 12px; border:1px solid #e2e3e7; background:#fff; font-size:12px; }
.catalog-sort-options { display:flex; align-items:stretch; flex:1; min-width:0; }
.catalog-sort-option { position:relative; display:flex; align-items:center; justify-content:center; min-height:54px; padding:0 14px; color:#25272b; cursor:pointer; border-bottom:2px solid transparent; font-size:12px; font-weight:600; line-height:1.2; text-align:center; white-space:nowrap; transition:background .15s ease,border-color .15s ease; }
.catalog-sort-option:hover { background:#fff; }
.catalog-sort-option.is-active { background:#fff; border-bottom-color:var(--ink); }
.catalog-sort-option input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.catalog-filter-side { display:flex; align-items:center; gap:7px; padding:7px 8px; background:#f7f7f8; border-left:1px solid #e2e3e7; }
.catalog-page-size { height:38px; min-width:94px; padding:0 8px; border:1px solid #dfe1e5; background:#fff; color:#25272b; font-size:12px; }
.catalog-filter-submit { height:38px; padding:0 14px; border:1px solid var(--ink); background:var(--ink); color:#fff; font-size:12px; cursor:pointer; }
.catalog-filter-submit:hover { background:#303238; }
@media (max-width:1050px) { .catalog-sort-option { padding:0 9px; font-size:11px; } .catalog-search-field { flex-basis:190px; min-width:170px; } }
@media (max-width:800px) { .listing-heading { align-items:flex-start; flex-direction:column; gap:5px; } .listing-count { margin-bottom:0; } .catalog-filter-bar { flex-wrap:wrap; } .catalog-search-field { flex:1 1 230px; border-right:0; } .catalog-filter-side { flex:0 0 auto; border-left:0; } .catalog-sort-options { order:3; flex:1 1 100%; flex-wrap:wrap; border-top:1px solid #e2e3e7; } .catalog-sort-option { flex:1 1 33.333%; min-width:145px; min-height:48px; } }
@media (max-width:500px) { .catalog-search-field { flex-basis:100%; } .catalog-filter-side { width:100%; border-top:1px solid #e2e3e7; } .catalog-page-size { flex:1; } .catalog-filter-submit { flex:0 0 auto; } .catalog-sort-option { flex-basis:50%; min-width:0; padding:0 7px; font-size:11px; } }

/* Gelen kutusu kanal sekmeleri */
.inbox-tabs { display:flex; align-items:stretch; gap:0; margin:0 0 18px; border-bottom:1px solid var(--line); overflow-x:auto; }
.inbox-tab { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:46px; padding:0 18px; color:var(--muted); border-bottom:2px solid transparent; font-size:13px; font-weight:600; white-space:nowrap; text-decoration:none; }
.inbox-tab:hover { color:var(--ink); background:#fafafa; }
.inbox-tab.active { color:var(--ink); border-bottom-color:var(--ink); background:#fff; }
.inbox-tab-count { display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 5px; border-radius:999px; background:#eef0f3; color:#4b5159; font-size:11px; font-weight:600; }
.inbox-tab.active .inbox-tab-count { background:var(--ink); color:#fff; }
@media (max-width:600px) { .inbox-tab { flex:1 0 auto; padding:0 12px; font-size:12px; } }
