/* Shared presentation layer for every store page. Business routes stay intact. */
body.store-panel {
  --ui-blue: #2455d6;
  --ui-blue-deep: #193e9e;
  --ui-ink: #172744;
  --ui-muted: #61718b;
  --ui-line: #e1e8f3;
  --ui-soft: #f1f5fc;
  --ui-radius: 18px;
  --ui-shadow: 0 8px 30px rgba(29, 54, 94, .045);
  color: var(--ui-ink);
  background: #f5f7fc !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.store-panel ::selection { background: #dce7ff; color: #172744; }
.store-panel a { text-decoration: none; }
.store-panel main a:hover { text-decoration: none; }
.store-panel button, .store-panel input, .store-panel select, .store-panel textarea { font: inherit; }
.store-panel button, .store-panel a, .store-panel input, .store-panel select, .store-panel textarea {
  -webkit-tap-highlight-color: transparent;
}
.store-panel h1, .store-panel h2, .store-panel h3 { font-weight: 750; }
.store-panel h1 { letter-spacing: -1.2px; }
.store-panel h2 { line-height: 1.3; }
.store-panel p { line-height: 1.75; }
.store-panel .page-content-wrapper { padding-bottom: 48px !important; }
.store-panel .header-area { border-bottom-color: var(--ui-line); box-shadow: 0 3px 18px #17274405; }
.store-panel .panel-brand { letter-spacing: -.6px; }
.store-panel .panel-brand small { letter-spacing: .15px; }
.store-panel .panel-brand-mark { background: linear-gradient(135deg, #edf3ff, #dce8ff); }
.store-panel .panel-header-link { border-color: var(--ui-line); background: #fff; color: var(--ui-ink); }
.store-panel .panel-header-link:hover { background: #f4f7fe; border-color: #a9bdea; }
.store-panel .panel-page-heading, .store-panel .mp-page-head { margin-bottom: 28px; }
.store-panel .panel-page-heading h1, .store-panel .mp-page-head h1 { margin-bottom: 8px; }
.store-panel .panel-eyebrow { font-size: 10px !important; letter-spacing: 1.8px; font-weight: 800; }
.store-panel .card { border-color: var(--ui-line); border-radius: var(--ui-radius); box-shadow: var(--ui-shadow); }
.store-panel .card-body { padding: 28px; }
.store-panel .card h2 { margin-bottom: 16px; }
.store-panel .btn { border-radius: 11px !important; min-height: 44px; letter-spacing: .1px; }
.store-panel .btn-primary { background: var(--ui-blue); border-color: var(--ui-blue); box-shadow: 0 4px 12px #2455d61a; }
.store-panel .btn-primary:hover { background: var(--ui-blue-deep); border-color: var(--ui-blue-deep); }
.store-panel .btn-warning { color: #304c79; background: #f0f4fc; border-color: #dfe7f5; }
.store-panel .btn-warning:hover { background: #e5edfc; border-color: #bacdef; }
.store-panel .btn-danger:hover { background: #a12438; }
.store-panel .form-group { margin-bottom: 22px; }
.store-panel .form-control, .store-panel select { border-color: #d3ddec; border-radius: 11px; }
.store-panel .form-control:hover, .store-panel select:hover { border-color: #aebfda; }
.store-panel .form-control:focus, .store-panel select:focus {
  border-color: #6d94e8;
  box-shadow: 0 0 0 4px #2455d611;
}
.store-panel .form-control::placeholder { color: #8a97aa; }
.store-panel .form-control[aria-invalid="true"] { border-color: #bf4054; background: #fffafa !important; }
.store-panel input[type="checkbox"], .store-panel input[type="radio"] { accent-color: var(--ui-blue); }
.store-panel .mp-help { color: #6c7c96; line-height: 1.65; }
.store-panel .mp-notice, .store-panel .storefront-notice { border-radius: 12px; line-height: 1.7; }
.store-panel .table { vertical-align: middle; }
.store-panel .table th { font-size: 11px; letter-spacing: .3px; font-weight: 750; }
.store-panel .table td { border-color: #edf1f7; }
.store-panel .table tbody tr:hover { background: #f8faff; }
.store-panel .table tbody tr:last-child td { border-bottom: 0; }
.store-panel .table-responsive { border-radius: 12px; }
.store-panel .mp-pagination a { padding: 8px 14px; background: #eef3fd; border-radius: 9px; }
.store-panel .mp-toolbar { border-radius: 14px; box-shadow: var(--ui-shadow); padding: 18px; }
.store-panel .mp-product-table .mp-table-actions a { font-weight: 650; }
.store-panel .mp-upload-preview { border-radius: 12px; background: #f8faff; }
.store-panel .mp-stats { gap: 18px; }
.store-panel .mp-stats > a { position: relative; border-radius: 16px; box-shadow: var(--ui-shadow); }
.store-panel .mp-stats > a:hover { border-color: #a8bfea; background: #fbfcff; }
.store-panel .mp-stats > a::after { content: '↗'; position: absolute; right: 22px; top: 20px; color: #8ba3cf; font-size: 20px; }
.store-panel .mp-stats strong { letter-spacing: -1px; }
.store-panel .panel-workspace-card { border-radius: 16px; border-color: var(--ui-line); box-shadow: var(--ui-shadow); }
.store-panel .panel-workspace-card:hover { border-color: #a8bfea; }
.store-panel .mp-onboarding { border-radius: 20px; box-shadow: var(--ui-shadow); }
.store-panel .mp-header-tabs a { border-bottom-width: 3px; }
.store-panel .mp-header-search { border-radius: 11px; }
.store-panel .mp-sidebar { background: linear-gradient(180deg, #182b4f, #14233e); }
.store-panel .mp-sidebar a[aria-current="page"] { box-shadow: inset 3px 0 #81a6ff; }
.store-panel .mp-sidebar a:hover { background: #263e67; }
.store-panel .footer-nav-area { border-color: #dbe4f2; box-shadow: 0 8px 30px #17274418; }
.store-panel .footer-nav li a[aria-current="page"] { color: #214fbf; background: #eaf1ff; }
.store-panel .market-topline { background: #172744; color: #d8e4fa; }
.store-panel .market-topline a { color: #e5edfd; }
.store-panel .marketplace-header { box-shadow: 0 4px 22px #17274408; }
.store-panel .marketplace { background: radial-gradient(ellipse at top left,#eaf1ff,transparent 45%),#f5f7fc; }
.store-panel .market-header-search { border-color: #dce5f3; background: #f5f8ff; border-radius: 12px; }
.store-panel .storefront-section-heading { gap: 16px; }
.store-panel .catalog-search { box-shadow: var(--ui-shadow); }
.store-panel .catalog-controls { border-radius: 16px; box-shadow: var(--ui-shadow); }
.store-panel .catalog-filters-toggle { box-shadow: var(--ui-shadow); }
.store-panel .catalog-first .single-product-card { border-radius: 16px; box-shadow: 0 5px 22px #17274406; }
.store-panel .catalog-first .single-product-card:hover { box-shadow: 0 12px 34px #17274412; border-color: #afc4ec; }
.store-panel .single-product-card .product-thumbnail { border-radius: 12px; background: #f6f8fc; }
.store-panel .single-product-card .sale-price { color: #214fbf; letter-spacing: -.5px; }
.store-panel .single-product-card .product-title { color: #1b2d4b; }
.store-panel .catalog-card-tools button { border-radius: 8px; }
.store-panel .catalog-card-tools button:hover { background: #e7efff; border-color: #aac1ec; }
.store-panel .catalog-recent { border-radius: 18px; box-shadow: var(--ui-shadow); }
.store-panel .catalog-list-view .single-product-card { margin-bottom: 4px; }
.store-panel .storefront-order { border-radius: 22px; }
.store-panel .product-detail-photo { border-radius: 18px; overflow: hidden; }
.store-panel .product-detail-photo img { background: #f7f9fd; }
.store-panel .mp-product-gallery img { border-radius: 10px; }
.store-panel .mp-product-gallery a:hover img { border-color: #91b0ed; }
.store-panel .storefront-price { letter-spacing: -1px; }
.store-panel .product-checkout-panel { background: #f6f9ff; border: 1px solid #e1e9f7; border-radius: 16px; padding: 24px; }
.store-panel .product-detail-features { border-radius: 12px; line-height: 1.6; }
.store-panel .product-store-card { box-shadow: 0 5px 22px #17274404; }
.store-panel .product-store-summary a:hover { text-decoration: underline; }
.store-panel .checkout-total { border-radius: 14px; letter-spacing: -1px; }
.store-panel .checkout-item { padding: 22px 0; }
.store-panel .checkout-item:last-child { border-bottom: 0; }
.store-panel .market-cart { border-radius: 20px; box-shadow: 0 20px 80px #17274424; }
.store-panel .cart-heading { border-color: #e4ebf5; }
.store-panel .cart-item { border-color: #e4ebf5; }
.store-panel .cart-empty { background: #f5f8fe; border-radius: 14px; }
.store-panel .directory-hero { border-radius: 20px; box-shadow: var(--ui-shadow); }
.store-panel .directory-controls { border-radius: 14px; }
.store-panel .directory-card { border-radius: 18px; box-shadow: var(--ui-shadow); }
.store-panel .directory-card:hover { border-color: #afc4ec; }
.store-panel .login-wrapper {
  background: radial-gradient(ellipse at 10% 12%,#dce8ff,transparent 48%),radial-gradient(ellipse at 94% 86%,#e1eaff,transparent 42%),#f4f7fd !important;
  padding: 48px 20px;
}
.store-panel .login-wrapper .custom-container {
  border: 1px solid #dee7f6;
  border-top: 4px solid #2455d6;
  border-radius: 22px;
  padding: 38px;
  box-shadow: 0 22px 65px #20365d10 !important;
}
.store-panel .panel-auth-heading::before { color: #172744; font-size: 25px; letter-spacing: -.9px; }
.store-panel .panel-auth-heading h1 { font-size: 29px; line-height: 1.25; letter-spacing: -.9px; }
.store-panel .panel-auth-heading p { color: #61718b; font-size: 13px; }
.store-panel .panel-back-link { display: block; margin-top: 20px; padding-top: 16px; border-top: 1px solid #e6edf8; font-weight: 650; }
.store-panel .auth-store-link { color: #526786; }
.store-panel .cart-note { color: #6b7a92; }
.store-panel .mp-registration-preview { border-radius: 14px; }
.store-panel .ui-password-toggle { display:inline-flex; align-items:center; gap:6px; padding:7px 0; margin-top:5px; border:0; background:transparent; color:#2455d6; font-size:12px; font-weight:650; }
.store-panel .ui-character-count { display:block; text-align:right; margin-top:6px; color:#71819a; font-size:11px; }
.store-panel .ui-character-count.is-limit { color:#a23547; }
.store-panel .ui-site-footer { padding: 26px 20px 110px; border-top: 1px solid #e1e8f3; background: #fff; }
.store-panel .ui-site-footer > div { max-width: 1140px; margin:auto; display:flex; justify-content:space-between; gap:24px; align-items:center; }
.store-panel .ui-footer-brand { color:#172744; font-weight:750; font-size:17px; }
.store-panel .ui-footer-brand small { display:block; font-weight:400; color:#71819a; font-size:11px; margin-top:3px; }
.store-panel .ui-site-footer nav { display:flex; flex-wrap:wrap; gap:20px; }
.store-panel .ui-site-footer nav a { font-size:12px; color:#53698c; }
.store-panel .ui-site-footer nav a:hover { color:#2455d6; text-decoration:underline; }
.store-panel .btn, .store-panel .card, .store-panel .single-product-card, .store-panel .panel-header-link { transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease; }
.store-panel .ui-site-footer a:focus-visible, .store-panel .ui-password-toggle:focus-visible { outline:3px solid #5e87e9; outline-offset:4px; }
@media (min-width:1200px) {
  .merchant-panel .ui-site-footer { padding-left: 256px; padding-bottom:30px; }
  .merchant-panel.mp-design-focus .ui-site-footer { padding-left:20px; }
}
@media (max-width:991px) {
  .store-panel .card-body { padding:24px; }
  .store-panel .product-checkout-panel { padding:20px; }
}
@media (max-width:767px) {
  .store-panel .page-content-wrapper { padding-bottom:32px !important; }
  .store-panel .ui-site-footer > div { align-items:flex-start; flex-direction:column; gap:16px; }
  .store-panel .ui-site-footer nav { gap:12px 20px; }
  .store-panel .panel-page-heading h1, .store-panel .mp-page-head h1 { font-size:29px; }
  .store-panel .card-body { padding:22px; }
  .store-panel .mp-toolbar { padding:14px; }
  .store-panel .product-checkout-panel { padding:18px; }
}
@media (max-width:575px) {
  .store-panel .container { padding-left:16px; padding-right:16px; }
  .store-panel .login-wrapper { padding:28px 14px; }
  .store-panel .login-wrapper .custom-container { padding:28px 22px; border-radius:18px; }
  .store-panel .panel-auth-heading h1 { font-size:26px; }
  .store-panel .panel-page-heading, .store-panel .mp-page-head { margin-bottom:22px; }
  .store-panel .card-body { padding:18px; }
  .store-panel .card { border-radius:15px; }
  .store-panel .mp-stats > a { padding:20px; }
  .store-panel .checkout-total { padding:12px 16px; font-size:25px; }
  .store-panel .product-store-card { padding:16px; }
  .store-panel .product-store-heading h3 { font-size:17px; }
  .store-panel .ui-site-footer { padding-left:16px; padding-right:16px; }
}
/* Preserve appearance preferences after this shared layer is loaded. */
.merchant-panel.mp-design-compact .card-body { padding:16px; }
.merchant-panel.mp-design-compact .table td, .merchant-panel.mp-design-compact .table th { padding:9px 10px; }
.merchant-panel.mp-design-contrast main p, .merchant-panel.mp-design-contrast main small { color:#26364e; }
.merchant-panel.mp-design-contrast main .card { border-color:#65738a; }
.merchant-panel.mp-design-motion * { transition:none !important; animation:none !important; }
@media (prefers-reduced-motion:reduce) {
  .store-panel *, .store-panel *::before, .store-panel *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}
@media print {
  .store-panel .header-area, .store-panel .mp-sidebar, .store-panel .footer-nav-area, .store-panel .ui-site-footer, .store-panel .mp-design-dock { display:none !important; }
  .store-panel .page-content-wrapper { margin:0 !important; padding:0 !important; }
  .store-panel .card { box-shadow:none; break-inside:avoid; }
}

/* Product discovery intro: explicit spacing above and below the heading. */
.store-panel .product-discovery-intro {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 24px;
  padding: 26px 28px;
  border: 1px solid #d7e3f8;
  border-radius: 18px;
  background: linear-gradient(115deg, #eaf1ff 0%, #f8faff 65%, #fff 100%);
  box-shadow: 0 6px 24px #17274405;
}
.store-panel .product-discovery-intro .discovery-intro-copy { min-width: 0; }
.store-panel .product-discovery-intro .discovery-intro-copy > span {
  margin: 0 0 8px;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 1.4px;
  color: #526b99;
}
.store-panel .product-discovery-intro h2 {
  margin: 0;
  font-size: clamp(22px, 2.8vw, 30px);
  line-height: 1.25;
  letter-spacing: -.8px;
  color: #172744;
}
.store-panel .product-discovery-intro p {
  max-width: 620px;
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.65;
  color: #61718b;
}
.store-panel .product-discovery-intro .discovery-intro-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 11px 16px;
  border: 1px solid #c5d6f5;
  border-radius: 11px;
  background: #fff;
  color: #2455d6;
  font-size: 12px;
  white-space: nowrap;
}
.store-panel .product-discovery-intro .discovery-intro-link:hover { background: #edf3ff; border-color: #8caeea; }
@media (max-width: 767px) {
  .store-panel .product-discovery-intro { align-items: flex-start; flex-direction: column; margin-bottom: 20px; padding: 22px; gap: 16px; }
}
@media (max-width: 575px) {
  .store-panel .product-discovery-intro { padding: 18px; border-radius: 14px; gap: 14px; margin-bottom: 18px; }
  .store-panel .product-discovery-intro h2 { font-size: 23px; line-height: 1.3; letter-spacing: -.6px; }
  .store-panel .product-discovery-intro .discovery-intro-copy > span { font-size: 9px; letter-spacing: 1px; margin-bottom: 7px; }
  .store-panel .product-discovery-intro p { font-size: 12px; margin-top: 8px; }
  .store-panel .product-discovery-intro .discovery-intro-link { width: 100%; }
}

/* Layout corrections shared by static and AJAX-rendered pages. */
.store-panel main { min-width: 0; }
.store-panel main img { max-width: 100%; }
.store-panel main .card, .store-panel .checkout-layout > *, .store-panel .mp-form-row > * { min-width: 0; }
.store-panel .page-content-wrapper { margin-top: var(--ui-header-height, 76px); }
.store-panel .marketplace { margin-top: var(--ui-header-height, 150px); }
.merchant-panel .page-content-wrapper { margin-top: var(--ui-header-height, 122px); }
.merchant-panel .mp-sidebar { top: var(--ui-header-height, 122px); }
.merchant-panel .mp-menu-backdrop { top: var(--ui-header-height, 122px); }
.merchant-panel .mp-navigation-status { top: calc(var(--ui-header-height, 122px) + 10px); }
.store-panel [id="urunler"], .store-panel [id="siparis"], .store-panel #kayitli-adresler { scroll-margin-top: calc(var(--ui-header-height, 150px) + 20px); }
.store-panel .table-responsive:focus-visible { outline: 3px solid #5e87e9; outline-offset: 3px; }
.store-panel .form-control, .store-panel select, .store-panel textarea { max-width: 100%; }
.store-panel .mp-table-actions { flex-wrap: wrap; gap: 8px 14px; }
.store-panel .mp-page-head > div { min-width: 0; }
.store-panel .mp-page-head h1, .store-panel .panel-page-heading h1 { overflow-wrap: anywhere; }
.store-panel .market-nav { overflow-x: auto; scrollbar-width: thin; overscroll-behavior-x: contain; }
.store-panel .market-nav a { white-space: nowrap; flex-shrink: 0; }
@media (min-width: 768px) and (max-width: 991px) {
  .merchant-panel .mp-header .header-content { gap: 10px; }
  .merchant-panel .mp-account > span { max-width: 100px; }
  .merchant-panel .mp-quick-menu summary > span { display: none; }
}
@media (max-width: 767px) {
  .merchant-panel .page-content-wrapper { margin-top: var(--ui-header-height, 168px); }
  .merchant-panel .mp-sidebar, .merchant-panel .mp-menu-backdrop { top: var(--ui-header-height, 168px); }
  .merchant-panel .mp-navigation-status { top: calc(var(--ui-header-height, 168px) + 10px); }
  .store-panel .mp-page-head .mp-actions { width: 100%; }
  .store-panel .mp-page-head .mp-actions .btn { flex: 1 1 140px; }
  .store-panel .checkout-layout { gap: 18px; }
  .store-panel .directory-toolbar { gap: 12px; }
}
@media (max-width: 575px) {
  .store-panel .marketplace { margin-top: var(--ui-header-height, 132px); }
  .store-panel .storefront-header .panel-brand { min-width: 0; }
  .store-panel .storefront-account .panel-header-link { min-height: 40px; padding: 8px; font-size: 11px; }
  .store-panel .storefront-header { gap: 6px; }
  .store-panel .product-checkout-panel .btn { width: 100%; }
  .store-panel .mp-selection-list { max-height: 260px; }
  .store-panel .ui-site-footer { padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)); }
}

/* Accessible navigation and no-script fallback. */
.store-panel .mp-skip-link { position:fixed; top:-100px; left:16px; z-index:1100; padding:12px 16px; background:#fff; border:1px solid #2455d6; border-radius:10px; color:#2455d6; box-shadow:0 5px 20px #17274420; }
.store-panel .mp-skip-link:focus { top:12px; }
.store-panel a:focus-visible, .store-panel button:focus-visible, .store-panel summary:focus-visible { outline:3px solid #5e87e9; outline-offset:3px; }
.store-panel main[tabindex="-1"]:focus { outline:none; }
.merchant-panel .mp-native-menu { position:fixed; top:var(--ui-header-height,122px); left:0; right:0; z-index:1030; display:flex; gap:16px; padding:10px 20px; background:#edf3ff; border-bottom:1px solid #d1ddf5; overflow-x:auto; }
.merchant-panel .mp-native-menu a { flex-shrink:0; padding:6px; color:#2455d6; font-size:12px; font-weight:650; }
@media(max-width:767px) { .merchant-panel .mp-native-menu { top:168px; } }

/* Clear interaction states without changing submission behavior. */
.store-panel .btn:disabled, .store-panel button:disabled { opacity:.55; cursor:not-allowed; box-shadow:none; }
.store-panel .mp-header-button[aria-expanded="true"] { background:#e4edff; border-color:#91b0ea; color:#193e9e; }
.store-panel .table-responsive { overscroll-behavior-x:contain; }
.store-panel .mp-sidebar a:focus-visible, .store-panel .mp-sidebar button:focus-visible { outline-color:#b4ccff; background:#294577; color:#fff; }
.store-panel .ui-password-toggle { min-height:36px; }
@media(max-width:575px) {
 .store-panel .mp-table-actions a,.store-panel .mp-table-actions button { min-height:40px; display:inline-flex; align-items:center; }
 .store-panel .mp-header-tabs a { min-height:44px; }
 .store-panel input[type="search"],.store-panel .mp-header-search input { font-size:16px; }
}