/* GustoPin nav shell — fp-header-clean-merged-v37 */
/* ===== Header nav shell (top bar + header + neon line + navbar) ===== */
:root{
  --fp-band-top: linear-gradient(180deg, rgba(2,8,23,.92), rgba(2,8,23,.84));
  --fp-band-header: linear-gradient(180deg, rgba(5,11,26,.92), rgba(5,11,26,.82));
  --fp-band-nav: linear-gradient(180deg, rgba(3,9,22,.82), rgba(3,9,22,.76));
  --fp-glow: radial-gradient(60% 90% at 50% 0%, rgba(37,99,235,.10), rgba(37,99,235,0));
  --fp-shell-bg: rgba(255,255,255,.04);
  --fp-shell-bg-soft: rgba(255,255,255,.03);
  --fp-shell-bg-strong: rgba(255,255,255,.06);
  --fp-shell-bg-accent: rgba(37,99,235,.12);
  --fp-shell-border: rgba(255,255,255,.08);
  --fp-shell-border-strong: rgba(255,255,255,.10);
  --fp-shell-text: var(--text-color);
  --fp-shell-muted: rgba(140,154,183,.92);
  --fp-shell-line: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.08), rgba(255,255,255,0));
  --fp-dropdown-bg: rgba(16,20,28,.96);
  --fp-dropdown-menu-bg: transparent;
  --fp-dropdown-shadow: 0 24px 56px rgba(0,0,0,.24);
  --fp-dropdown-menu-shadow: none;
  --fp-thumb-bg: rgba(255,255,255,.04);
  --fp-thumb-border: rgba(255,255,255,.08);
  --fp-mobile-bar-bg: rgba(12,16,24,.92);
  --fp-mobile-bar-shadow: 0 -18px 40px rgba(0,0,0,.22);
  --fp-green-1:#2563eb;
  --fp-green-2:#1d4ed8;
  --fp-green-3:#93c5fd;

  --fp-green-shadow:rgba(37,99,235,.28);
  --fp-star-soft:rgba(147,197,253,.32);
  --fp-star-strong:rgba(37,99,235,.46);
  --fp-star-glow:rgba(37,99,235,.10);
  --fp-menu-end-line:linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(2,8,23,.98) 16%, rgba(37,99,235,.76) 50%, rgba(2,8,23,.98) 84%, rgba(0,0,0,.98) 100%);
  --fp-menu-end-glow:rgba(37,99,235,.28);
  --fp-orange-1:#fb923c;
  --fp-orange-2:#f97316;
  --fp-orange-shadow:rgba(249,115,22,.30);
}

/* Theme blue Bootstrap primary alerts - slim notification style */
#toastArea > div{
  position:fixed !important;
  z-index:9999 !important;
  top:118px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(430px, calc(100vw - 28px));
}
body .alert.alert-primary{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  width:100%;
  min-width:0 !important;
  min-height:46px;
  margin:0 !important;
  padding:10px 42px 11px 18px !important;
  display:block;
  border:1px solid rgba(37,99,235,.32) !important;
  background:linear-gradient(135deg, rgba(23,37,84,.94), rgba(30,64,175,.92) 56%, rgba(30,58,138,.94)) !important;
  color:#eff6ff !important;
  border-radius:12px !important;
  box-shadow:0 10px 26px rgba(0,0,0,.20), 0 0 0 1px rgba(147,197,253,.07) inset, 0 0 18px rgba(37,99,235,.10) !important;
  font-size:13.5px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:-.01em;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body .alert.alert-primary::before{
  content:"";
  position:absolute;
  left:8px;
  top:10px;
  bottom:13px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg, #93c5fd, #2563eb, #1e40af);
  box-shadow:0 0 12px rgba(37,99,235,.38);
  z-index:0;
}
body .alert.alert-primary::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  border-radius:0 0 12px 12px;
  background:linear-gradient(90deg, #1d4ed8, #2563eb, #93c5fd);
  box-shadow:0 0 12px rgba(37,99,235,.66);
  transform-origin:left center;
  animation:fpAlertBlueTimer 4s linear forwards;
  z-index:2;
}
body .alert.alert-primary > *{
  position:relative;
  z-index:1;
}
body .alert.alert-primary a{
  color:#dbeafe !important;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
}
body .alert.alert-primary .btn-close{
  opacity:.82;
  filter:invert(1) grayscale(1) brightness(1.75);
  box-shadow:none !important;
  position:absolute;
  top:50%;
  right:12px;
  z-index:3;
  width:14px;
  height:14px;
  padding:8px !important;
  transform:translateY(-50%);
}
body .alert.alert-primary .btn-close:hover{
  opacity:1;
  transform:translateY(-50%) scale(1.06);
}
body .alert.alert-primary > .btn-close ~ .toast .toast-header .btn-close,
body .alert.alert-primary > .btn-close ~ .toast .toast-header .close{
  display:none !important;
}
body .alert.alert-primary .toast-header .close{
  appearance:none;
  -webkit-appearance:none;
  margin-left:auto !important;
  border:0 !important;
  background:transparent !important;
  color:currentColor !important;
  opacity:.78;
  font-size:18px;
  line-height:1;
  padding:0 2px !important;
  box-shadow:none !important;
}
body .alert.alert-primary .toast-header .close:hover{
  opacity:1;
}
body .alert.alert-primary .toast{
  width:100%;
  max-width:none;
  min-height:0;
  border:0 !important;
  border-radius:0;
  background:transparent !important;
  color:inherit !important;
  box-shadow:none !important;
}
body .alert.alert-primary .toast-header{
  min-height:0;
  padding:0 0 2px 8px !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  color:inherit !important;
  font-size:12px;
  line-height:1.2;
}
body .alert.alert-primary .toast-header strong{
  font-weight:900;
  color:#dbeafe !important;
}
body .alert.alert-primary .toast-header small{
  opacity:.72;
  font-size:11px;
}
body .alert.alert-primary .toast-body{
  padding:0 0 0 8px !important;
  margin:0 !important;
  color:#eff6ff !important;
  font-size:13.5px;
  line-height:1.35;
}
body .alert.alert-primary .progress-bar,
body .alert.alert-primary .toast-progress,
body .alert.alert-primary .alert-progress,
body .alert.alert-primary .fp-toast-progress,
#toastArea .fp-toast-progress{
  height:2px !important;
  background:linear-gradient(90deg, #1d4ed8, #2563eb, #93c5fd) !important;
  background-color:#2563eb !important;
  box-shadow:0 0 12px rgba(37,99,235,.62) !important;
}
body .alert.alert-primary .toast .fp-toast-progress{
  margin:9px -42px -11px -18px;
  width:calc(100% + 60px) !important;
}
html[data-theme="light"] body .alert.alert-primary,
html[data-bs-theme="light"] body .alert.alert-primary,
body[data-theme="light"] .alert.alert-primary,
body[data-bs-theme="light"] .alert.alert-primary,
body.light .alert.alert-primary,
body.light-mode .alert.alert-primary{
  background:linear-gradient(135deg, rgba(240,253,244,.98), rgba(220,252,231,.96) 54%, rgba(236,253,245,.98)) !important;
  color:#172554 !important;
  border-color:rgba(29,78,216,.30) !important;
  box-shadow:0 10px 24px rgba(37,99,235,.11), 0 0 0 1px rgba(37,99,235,.08) inset !important;
}
html[data-theme="light"] body .alert.alert-primary a,
html[data-bs-theme="light"] body .alert.alert-primary a,
body[data-theme="light"] .alert.alert-primary a,
body[data-bs-theme="light"] .alert.alert-primary a,
body.light .alert.alert-primary a,
body.light-mode .alert.alert-primary a,
html[data-theme="light"] body .alert.alert-primary .toast-header strong,
html[data-bs-theme="light"] body .alert.alert-primary .toast-header strong,
body[data-theme="light"] .alert.alert-primary .toast-header strong,
body[data-bs-theme="light"] .alert.alert-primary .toast-header strong,
body.light .alert.alert-primary .toast-header strong,
body.light-mode .alert.alert-primary .toast-header strong{
  color:#1e40af !important;
}
html[data-theme="light"] body .alert.alert-primary .toast-body,
html[data-bs-theme="light"] body .alert.alert-primary .toast-body,
body[data-theme="light"] .alert.alert-primary .toast-body,
body[data-bs-theme="light"] .alert.alert-primary .toast-body,
body.light .alert.alert-primary .toast-body,
body.light-mode .alert.alert-primary .toast-body{
  color:#1e3a8a !important;
}
html[data-theme="light"] body .alert.alert-primary .btn-close,
html[data-bs-theme="light"] body .alert.alert-primary .btn-close,
body[data-theme="light"] .alert.alert-primary .btn-close,
body[data-bs-theme="light"] .alert.alert-primary .btn-close,
body.light .alert.alert-primary .btn-close,
body.light-mode .alert.alert-primary .btn-close{
  filter:none;
}
@keyframes fpAlertBlueTimer{
  0%{transform:scaleX(1);opacity:1;}
  100%{transform:scaleX(0);opacity:.72;}
}
@media (max-width:576px){
  #toastArea > div{left:12px !important;right:12px !important;top:104px !important;width:auto;transform:none !important;}
  #toastArea .alert.alert-primary{width:100%;border-radius:11px !important;font-size:13px;padding:9px 40px 10px 17px !important;}
  body .alert.alert-primary .toast-body{font-size:13px;}
}


/* Blue theme global hover overrides */
a:hover,
.fp-navbar a:hover,
.fp-topnav-ry a:hover,
.fp-header a:hover,
.fp-dropdown-menu-account a:hover,
.fp-nav-notification-menu a:hover{
  color:var(--fp-green-1);
}

html[data-theme="light"],
html[data-bs-theme="light"],
html.light,
html.theme-light,
body[data-theme="light"],
body[data-bs-theme="light"],
body.light,
body.theme-light,
body.light-mode{
  --fp-band-top: #ffffff;
  --fp-band-header: #ffffff;
  --fp-band-nav: #ffffff;
  --fp-glow: none;
  --fp-shell-bg: rgba(255,255,255,.78);
  --fp-shell-bg-soft: rgba(248,250,252,.96);
  --fp-shell-bg-strong: rgba(255,255,255,.92);
  --fp-shell-bg-accent: rgba(37,99,235,.08);
  --fp-shell-border: rgba(15,23,42,.08);
  --fp-shell-border-strong: rgba(15,23,42,.10);
  --fp-shell-text: #0f172a;
  --fp-shell-muted: rgba(71,85,105,.92);
  --fp-shell-line: linear-gradient(90deg, rgba(15,23,42,0), rgba(15,23,42,.08), rgba(15,23,42,0));
  --fp-dropdown-bg: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
  --fp-dropdown-menu-bg: #ffffff;
  --fp-dropdown-shadow: 0 14px 34px rgba(15,23,42,.08);
  --fp-dropdown-menu-shadow: 0 18px 44px rgba(15,23,42,.08);
  --fp-thumb-bg: linear-gradient(180deg, #ffffff, #f8fafc);
  --fp-thumb-border: rgba(15,23,42,.08);
  --fp-mobile-bar-bg: rgba(255,255,255,.96);
  --fp-mobile-bar-shadow: 0 -16px 36px rgba(15,23,42,.10);
  --fp-green-shadow:rgba(29,78,216,.22);
  --fp-star-soft:rgba(29,78,216,.16);
  --fp-star-strong:rgba(37,99,235,.24);
  --fp-star-glow:rgba(29,78,216,.06);
  --fp-menu-end-line:linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 16%, rgba(37,99,235,.58) 50%, rgba(248,250,252,.98) 84%, rgba(255,255,255,.98) 100%);
  --fp-menu-end-glow:rgba(37,99,235,.16);
  --fp-orange-shadow:rgba(249,115,22,.24);
}

/* görünmeyen / kullanılmayan parçalar */
.fp-topnav-status,
.fp-topnav-rate,
.fp-brand-meta,
.fp-brand-pill,
.fp-navbar-dropdown-actions,
.fp-link-badge,
.fp-navbar-dropdown-stat{
  display:none !important;
}

.fpHeaderFadeOut{opacity:0;transform:translateY(1px);transition:.25s ease;}
.fpHeaderFadeIn{opacity:1;transform:translateY(0);transition:.25s ease;}

.fp-topnav-ry,
.fp-header,
.fp-navbar,
.fp-nav-shell{
  position:relative;
  overflow:visible;
  background:transparent;
}

.fp-nav-shell{
  z-index:14;
  padding:0 0 10px;
}

.fp-nav-shell::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:132px;
  background:var(--fp-glow);
  opacity:.45;
  pointer-events:none;
}

.fp-topnav-ry::before,
.fp-header::before,
.fp-navbar::before,
.fp-topnav-ry::after,
.fp-header::after,
.fp-navbar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  pointer-events:none;
  z-index:0;
}

.fp-topnav-ry::before,
.fp-header::before,
.fp-navbar::before{
  top:0;
  bottom:0;
}

.fp-topnav-ry::after,
.fp-header::after,
.fp-navbar::after{
  bottom:0;
  height:1px;
  background:var(--fp-shell-line);
}

.fp-topnav-ry::before{background:var(--fp-band-top);}
.fp-header::before{background:var(--fp-band-header);}
.fp-navbar::before{background:var(--fp-band-nav);}

.fp-topnav-ry .container-fluid,
.fp-header .container-fluid,
.fp-navbar .container-fluid{
  position:relative;
  z-index:1;
  padding-left:0 !important;
  padding-right:0 !important;
}

.fp-nav-wide{
  width:min(1560px, calc(100% - 44px)) !important;
  max-width:1560px !important;
  margin-inline:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Header iç genişliği biraz daraltıldı; nav ve üst bar genişliği bozulmadan kalır. */
.fp-header .container-fluid.fp-nav-wide{
  width:min(1480px, calc(100% - 68px)) !important;
  max-width:1480px !important;
  position:relative;
  overflow:visible;
}

.fp-topnav-ry .flex,
.fp-header .grid,
.fp-navbar .flex-justify{
  padding-left:0 !important;
  padding-right:0 !important;
}

.fp-topnav-ry{
  padding-top:10px;
}

.fp-topnav-ry .flex{
  min-height:52px;
  gap:18px;
}

.fp-topnav-ry .flex .flex-item.left{
  gap:10px;
  flex-wrap:wrap;
}

.fp-topnav-ry .flex .flex-item.left .instagram,
.fp-topnav-ry .list.right li > a{
  height:40px;
  padding:0 14px;
  border-radius:14px;
  border:0;
  background:var(--fp-shell-bg-soft);
}

.fp-topnav-ry .flex .flex-item.left .instagram{
  color:var(--fp-green-3) !important;
  background:linear-gradient(135deg, rgba(37,99,235,.14), rgba(29,78,216,.08)) !important;
  border:1px solid rgba(37,99,235,.18) !important;
}

.fp-topnav-ry .flex .flex-item.left .instagram .icon i,
.fp-topnav-ry .flex .flex-item.left .instagram .text{
  color:inherit !important;
}

.fp-topnav-ry .flex .flex-item.left .instagram:hover,
.fp-topnav-ry .flex .flex-item.left .instagram.is-active{
  color:#fff !important;
  background:linear-gradient(135deg, var(--fp-green-1), var(--fp-green-2)) !important;
  box-shadow:0 12px 24px var(--fp-green-shadow);
}

.fp-topnav-ry .list.right{
  gap:10px;
}

.fp-topnav-ry .list.right li > a{
  border-left:0;
}


.fp-top-banners{
  width:100%;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  position:relative;
  z-index:25;
  background:#020617;
  overflow:hidden;
}

.fp-top-banner-card{
  position:relative;
  display:block;
  width:100%;
  height:58px;
  overflow:hidden;
  margin:0;
  border-radius:0;
  text-decoration:none;
  color:inherit;
  line-height:1;
  background:#020617;
  border:0;
  box-shadow:none;
}

.fp-top-banner-card:hover{color:inherit;}

.fp-top-banner-picture,
.fp-top-banner-picture img{
  display:block;
  width:100%;
  height:100%;
}

.fp-top-banner-picture img{
  object-fit:cover;
  object-position:center center;
  transition:transform .38s ease, filter .28s ease;
  transform:scale(1);
}

.fp-top-banner-card:hover .fp-top-banner-picture img{
  transform:scale(1.06);
  filter:saturate(1.08) brightness(1.03);
}

.fp-top-banner-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(2,6,23,.12), rgba(2,6,23,.30), rgba(2,6,23,.12));
}

.fp-top-banner-content{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  max-width:min(92vw, 780px);
  min-height:38px;
  padding:7px 16px;
  -webkit-backdrop-filter:blur(9px);
}

[data-theme="light"] .fp-top-banners,
html[data-bs-theme="light"] .fp-top-banners,
[data-theme="light"] .fp-top-banner-card,
html[data-bs-theme="light"] .fp-top-banner-card{
  background:#020617;
}

[data-theme="light"] .fp-top-banner-content,
html[data-bs-theme="light"] .fp-top-banner-content{
  background:;
}

.fp-top-banner-content.no-logo{
  padding-left:20px;
  padding-right:20px;
}

.fp-top-banner-logo-wrap{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}

.fp-top-banner-logo{
  width:100%;
  height:100%;
  object-fit:contain;
}

.fp-top-banner-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  text-align:left;
}

.fp-top-banner-title{
  display:block;
  max-width:100%;
  font-size:15px;
  line-height:1.14;
  font-weight:800;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
}

.fp-top-banner-desc{
  display:block;
  max-width:100%;
  margin-top:3px;
  font-size:11px;
  line-height:1.15;
  font-weight:600;
  color:rgba(255, 255, 255, 0.92);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 2px 8px rgba(0,0,0,.50);
}

[data-theme="light"] .fp-top-banner-title,
html[data-bs-theme="light"] .fp-top-banner-title{color:#fff;text-shadow:none;}
[data-theme="light"] .fp-top-banner-desc,
html[data-bs-theme="light"] .fp-top-banner-desc{color:#fff;text-shadow:none;}

@media (max-width: 991.98px){
  .fp-top-banner-card{height:52px;}
  .fp-top-banner-content{gap:10px;padding:7px 12px;}
  .fp-top-banner-logo-wrap{width:34px;height:34px;flex-basis:34px;}
  .fp-top-banner-title{font-size:14px;}
  .fp-top-banner-desc{font-size:10px;}
}

@media (max-width: 575.98px){
  .fp-top-banners{grid-template-columns:1fr;}
  .fp-top-banner-card{height:52px;}
  .fp-top-banner-overlay{padding:0 10px;}
  .fp-top-banner-content{max-width:96vw;gap:9px;padding:7px 11px;}
  .fp-top-banner-logo-wrap{width:32px;height:32px;flex-basis:32px;}
  .fp-top-banner-copy{max-width:calc(100vw - 86px);}
  .fp-top-banner-title{font-size:13px;}
  .fp-top-banner-desc{font-size:10px;}
}

@media (max-width: 767.98px){
  .fp-top-banners{display:none !important;}
}

@media (max-width: 1199.98px){
  .fp-mobile-bar.is-logged,
  .fp-mobile-bar.is-guest{
    bottom:18px !important;
    padding-bottom:0 !important;
    z-index:120;
  }
}

.fp-header{
  padding:0;
  position:relative;
  z-index:30;
}

.fp-header .grid{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(320px,1fr) auto auto;
  align-items:center;
  gap:16px;
  min-height:102px;
  padding-top:25px;
  padding-bottom:25px;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  isolation:isolate;
}

.fp-header .container-fluid.fp-nav-wide::before,
.fp-header .container-fluid.fp-nav-wide::after{
  content:"";
  position:absolute;
  inset:-8px -18px;
  z-index:0;
  pointer-events:none;
  border-radius:28px;
  background-repeat:no-repeat;
  mix-blend-mode:screen;
}

.fp-header .container-fluid.fp-nav-wide::before{
  opacity:.34;
  background-image:
    radial-gradient(circle at 4% 18%, var(--fp-star-strong) 0 .9px, transparent 1.9px),
    radial-gradient(circle at 10% 72%, var(--fp-star-soft) 0 .8px, transparent 1.8px),
    radial-gradient(circle at 17% 42%, var(--fp-star-soft) 0 .75px, transparent 1.7px),
    radial-gradient(circle at 26% 16%, var(--fp-star-strong) 0 .85px, transparent 1.85px),
    radial-gradient(circle at 35% 80%, var(--fp-star-soft) 0 .75px, transparent 1.75px),
    radial-gradient(circle at 48% 30%, var(--fp-star-soft) 0 .8px, transparent 1.8px),
    radial-gradient(circle at 58% 70%, var(--fp-star-strong) 0 .8px, transparent 1.85px),
    radial-gradient(circle at 68% 22%, var(--fp-star-soft) 0 .75px, transparent 1.7px),
    radial-gradient(circle at 77% 64%, var(--fp-star-soft) 0 .8px, transparent 1.8px),
    radial-gradient(circle at 86% 28%, var(--fp-star-strong) 0 .85px, transparent 1.9px),
    radial-gradient(circle at 95% 78%, var(--fp-star-soft) 0 .75px, transparent 1.7px),
    radial-gradient(ellipse at 50% 50%, rgba(37,99,235,.075) 0%, rgba(37,99,235,.035) 42%, transparent 72%);
  background-size:100% 100%;
  filter:drop-shadow(0 0 4px var(--fp-star-glow));
  animation:fpHeaderStarsBlink 4.1s ease-in-out infinite;
}

.fp-header .container-fluid.fp-nav-wide::after{
  opacity:.22;
  background-image:
    radial-gradient(circle at 6% 52%, var(--fp-star-soft) 0 .65px, transparent 1.55px),
    radial-gradient(circle at 21% 68%, var(--fp-star-soft) 0 .65px, transparent 1.55px),
    radial-gradient(circle at 32% 34%, var(--fp-star-strong) 0 .7px, transparent 1.65px),
    radial-gradient(circle at 46% 78%, var(--fp-star-soft) 0 .65px, transparent 1.55px),
    radial-gradient(circle at 61% 38%, var(--fp-star-soft) 0 .65px, transparent 1.55px),
    radial-gradient(circle at 72% 82%, var(--fp-star-strong) 0 .68px, transparent 1.6px),
    radial-gradient(circle at 83% 50%, var(--fp-star-soft) 0 .65px, transparent 1.55px),
    radial-gradient(circle at 97% 40%, var(--fp-star-soft) 0 .65px, transparent 1.55px),
    linear-gradient(90deg, transparent 0%, rgba(37,99,235,.045) 50%, transparent 100%);
  background-size:100% 100%;
  filter:drop-shadow(0 0 3px var(--fp-star-glow));
  animation:fpHeaderStarsBlinkAlt 5.2s ease-in-out infinite;
}

.fp-header .container-fluid.fp-nav-wide > *{
  position:relative;
  z-index:2;
}

.fp-header .grid::before,
.fp-header .grid::after{
  content:"";
  position:absolute;
  inset:-6px 0;
  z-index:0;
  pointer-events:none;
  background-repeat:no-repeat;
  mix-blend-mode:screen;
}

.fp-header .grid::before{
  opacity:.28;
  background-image:
    radial-gradient(circle at 6% 26%, var(--fp-star-strong) 0 1px, transparent 1.8px),
    radial-gradient(circle at 18% 68%, var(--fp-star-soft) 0 1.1px, transparent 2px),
    radial-gradient(circle at 31% 20%, var(--fp-star-soft) 0 .9px, transparent 1.8px),
    radial-gradient(circle at 44% 74%, var(--fp-star-strong) 0 1.2px, transparent 2.1px),
    radial-gradient(circle at 57% 28%, var(--fp-star-soft) 0 1px, transparent 1.9px),
    radial-gradient(circle at 69% 64%, var(--fp-star-strong) 0 .95px, transparent 1.9px),
    radial-gradient(circle at 78% 18%, var(--fp-star-soft) 0 1px, transparent 1.9px),
    radial-gradient(circle at 88% 58%, var(--fp-star-strong) 0 1.15px, transparent 2px),
    radial-gradient(circle at 96% 30%, var(--fp-star-soft) 0 .9px, transparent 1.8px);
  background-size:100% 100%;
  filter:drop-shadow(0 0 4px var(--fp-star-glow));
  animation:fpHeaderStarsBlink 4.1s ease-in-out infinite;
}

.fp-header .grid::after{
  opacity:.18;
  background-image:
    radial-gradient(circle at 12% 46%, var(--fp-star-soft) 0 .75px, transparent 1.65px),
    radial-gradient(circle at 24% 32%, var(--fp-star-strong) 0 .85px, transparent 1.75px),
    radial-gradient(circle at 38% 54%, var(--fp-star-soft) 0 .7px, transparent 1.55px),
    radial-gradient(circle at 62% 42%, var(--fp-star-soft) 0 .8px, transparent 1.7px),
    radial-gradient(circle at 74% 76%, var(--fp-star-strong) 0 .8px, transparent 1.75px),
    radial-gradient(circle at 92% 72%, var(--fp-star-soft) 0 .72px, transparent 1.55px);
  background-size:100% 100%;
  filter:drop-shadow(0 0 3px var(--fp-star-glow));
  animation:fpHeaderStarsBlinkAlt 5.2s ease-in-out infinite;
}

.fp-header .grid > *{
  position:relative;
  z-index:2;
}

@keyframes fpHeaderStarsBlink{
  0%,100%{opacity:.16;filter:drop-shadow(0 0 2px var(--fp-star-glow));}
  36%{opacity:.42;filter:drop-shadow(0 0 5px var(--fp-star-glow));}
  62%{opacity:.24;}
}

@keyframes fpHeaderStarsBlinkAlt{
  0%,100%{opacity:.10;transform:translateY(0);}
  44%{opacity:.30;transform:translateY(-1px);}
  72%{opacity:.17;}
}

html[data-theme="light"] .fp-header .container-fluid.fp-nav-wide::before,
html[data-bs-theme="light"] .fp-header .container-fluid.fp-nav-wide::before,
body.light .fp-header .container-fluid.fp-nav-wide::before,
html[data-theme="light"] .fp-header .grid::before,
html[data-bs-theme="light"] .fp-header .grid::before,
body.light .fp-header .grid::before{
  opacity:.20;
  mix-blend-mode:multiply;
}

html[data-theme="light"] .fp-header .container-fluid.fp-nav-wide::after,
html[data-bs-theme="light"] .fp-header .container-fluid.fp-nav-wide::after,
body.light .fp-header .container-fluid.fp-nav-wide::after,
html[data-theme="light"] .fp-header .grid::after,
html[data-bs-theme="light"] .fp-header .grid::after,
body.light .fp-header .grid::after{
  opacity:.12;
  mix-blend-mode:multiply;
}

@media (prefers-reduced-motion: reduce){
  .fp-header .container-fluid.fp-nav-wide::before,
  .fp-header .container-fluid.fp-nav-wide::after,
  .fp-header .grid::before,
  .fp-header .grid::after{animation:none;}
}

.fp-header .logo-area{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:150px;
  padding-left:2px;
}

.fp-header .logo{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:72px;
  padding:0 6px;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  isolation:isolate;
}

.fp-header .logo::before{
  content:"";
  position:absolute;
  inset:8px 0;
  border-radius:999px;
  background:radial-gradient(circle at 50% 50%, rgba(37,99,235,.36), rgba(29,78,216,.18) 42%, transparent 72%);
  filter:blur(12px);
  opacity:.95;
  transform:scale(1.06);
  z-index:-2;
  pointer-events:none;
}

/* Logo arkasında çerçevesiz, yumuşak yeşil canlılık efekti */
.fp-header .logo::after{
  content:none;
}

.fp-header .logo img{
  position:relative;
  z-index:1;
  max-height:100%;
  width:auto;
  filter:drop-shadow(0 0 10px rgba(37,99,235,.32)) drop-shadow(0 6px 16px rgba(0,0,0,.18));
}

.fp-header .logo:hover::before{
  opacity:1;
  filter:blur(14px);
  transform:scale(1.12);
}

.fp-header .logo:hover img{
  filter:drop-shadow(0 0 14px rgba(37,99,235,.46)) drop-shadow(0 8px 18px rgba(0,0,0,.22));
}

.fp-header-search-wrap{
  min-width:0;
  width:min(100%, 560px);
  max-width:560px;
  justify-self:center;
  margin-inline:auto;
  position:relative;
  z-index:40;
}

.fp-header-search{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-height:48px;
  border-radius:14px;
  border:1px solid var(--fp-shell-border);
  background:var(--fp-shell-bg);
  box-shadow:0 12px 28px rgba(0,0,0,.06);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  overflow:visible;
}

.fp-header-search__icon{
  width:44px;
  min-width:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--fp-green-1);
}

.fp-header-search__icon i{font-size:20px;}

.fp-header-search-input,
.fp-header-search .form-control{
  height:48px;
  min-width:0;
  flex:1 1 auto;
  padding:0 14px 0 0 !important;
  border:0 !important;
  border-radius:16px !important;
  background:transparent !important;
  color:var(--fp-shell-text) !important;
  box-shadow:none !important;
  font-size:13px;
  font-weight:800;
}

.fp-header-search-input::placeholder{
  color:var(--fp-shell-muted);
  opacity:.95;
}

.fp-header-search__button{display:none !important;}

.fp-header-search-results{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 12px);
  z-index:9999;
  width:100%;
  max-height:380px;
  overflow:auto;
  padding:10px;
  border-radius:18px;
  border:1px solid var(--fp-shell-border);
  background:var(--fp-dropdown-bg);
  box-shadow:var(--fp-dropdown-shadow);
}

.fp-header-search-results .search-item{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) 28px;
  align-items:center;
  gap:12px;
  min-height:70px;
  padding:8px;
  border-radius:14px;
  color:var(--fp-shell-text);
  text-decoration:none;
  transition:.18s ease;
}

.fp-header-search-results .search-item:hover{
  background:var(--fp-shell-bg-strong);
  color:var(--fp-shell-text);
}

.fp-header-search-results .search-item .img{
  width:56px;
  height:56px;
  border-radius:13px;
  overflow:hidden;
  background:var(--fp-thumb-bg);
  border:1px solid var(--fp-thumb-border);
}

.fp-header-search-results .search-item .img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.fp-header-search-results .product-name{
  font-size:13px;
  font-weight:900;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.fp-header-search-results .price{
  margin-top:4px;
  font-size:11.5px;
  color:var(--fp-shell-muted);
  font-weight:800;
}

.fp-header-search-results .icon{
  color:#93c5fd;
}

.fp-header-search__state{
  display:flex;
  align-items:center;
  gap:9px;
  padding:14px;
  border-radius:14px;
  color:var(--fp-shell-muted);
  font-size:13px;
  font-weight:800;
}

.fp-header .btn-all-categories{
  position:static;
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:50px;
  min-width:110px;
  padding:0 16px;
  border-radius:14px;
  box-shadow:none;
}

.fp-header .btn-all-categories .label{
  font-size:13px;
  font-weight:800;
}

.fp-header .right-area{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0;
  min-width:0;
}

.fp-header-utility-rail{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  max-width:100%;
  padding:4px;
  border-radius:18px;
  border:0 !important;
  background:var(--fp-shell-bg) !important;
  box-shadow:none !important;
}

.fp-header-utility-rail.fp-auth-rail{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.fp-header .right-area .position-relative,
.fp-header .right-area .cart-pill,
.fp-header .right-area .auth-actions{
  flex:0 0 auto;
}

.fp-header .right-area .right-link,
.fp-header .right-area .auth-pill{
  height:50px;
  padding:0 15px;
  border-radius:14px;
  border:0;
  background:var(--fp-shell-bg-strong);
  box-shadow:none;
}

.fp-header .right-area .right-link.notification,
.fp-header .logo-area .right-link.notification,
.fp-header .right-area .cart-pill{
  min-width:56px;
  justify-content:center;
}

.fp-header .right-area .right-link.notification.square.primary,
.fp-header .logo-area .right-link.notification.square.primary{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  padding:0 !important;
  border-radius:999px !important;
  color:#fff !important;
  background:linear-gradient(135deg, var(--fp-green-1), var(--fp-green-2)) !important;
  border:0 !important;
  box-shadow:0 10px 22px var(--fp-green-shadow) !important;
  animation:fpNotificationPulse 1.8s ease-in-out infinite;
}

.fp-header .right-area .right-link.notification.square.primary .icon,
.fp-header .logo-area .right-link.notification.square.primary .icon{
  margin:0 !important;
}

.fp-header .right-area .right-link.notification.square.primary .icon i,
.fp-header .logo-area .right-link.notification.square.primary .icon i{
  font-size:18px !important;
  color:#fff !important;
}

.fp-header .right-area .position-relative:hover > .fp-nav-notification-menu,
.fp-header .right-area .position-relative:focus-within > .fp-nav-notification-menu,
.fp-header-logo-notification:hover > .fp-nav-notification-menu,
.fp-header-logo-notification:focus-within > .fp-nav-notification-menu{
  display:block !important;
}

.fp-header-logo-notification{
  display:inline-flex;
  align-items:center;
  margin-left:-2px;
  z-index:45;
}

.fp-header-logo-notification .right-link.notification{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
}

.fp-header-logo-notification .fp-nav-notification-menu{
  top:calc(100% + 10px);
  left:0;
  transform:none;
}

.fp-header-logo-notification .number{
  top:-5px;
  right:-7px;
  min-width:16px;
  height:16px;
  padding:0 5px;
  font-size:10px;
}

.fp-header .right-area .cart-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  background:linear-gradient(135deg, rgba(37,99,235,.16), rgba(37,99,235,.10));
  border-color:rgba(37,99,235,.18);
}

.auth-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.auth-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  text-decoration:none;
}

.fp-header .right-area .auth-pill.auth-pill-login{
  color:#fff !important;
  background:linear-gradient(135deg, var(--fp-green-1), var(--fp-green-2)) !important;
  box-shadow:0 12px 24px var(--fp-green-shadow) !important;
}

.fp-header .right-area .auth-pill.auth-pill-register{
  color:#fff !important;
  background:linear-gradient(135deg, var(--fp-orange-1), var(--fp-orange-2)) !important;
  box-shadow:0 12px 24px var(--fp-orange-shadow) !important;
}

.fp-header .right-area .auth-pill.auth-pill-login .label,
.fp-header .right-area .auth-pill.auth-pill-register .label,
.fp-header .right-area .auth-pill.auth-pill-login i,
.fp-header .right-area .auth-pill.auth-pill-register i{
  color:#fff !important;
}

.auth-pill .icon i,
.cart-pill .icon i{font-size:18px;}

.auth-pill .label,
.cart-pill .label{
  font-size:13px;
  font-weight:800;
  line-height:1;
  color:var(--fp-shell-text);
}

.badge-count,
.right-link.notification .number{
  position:absolute;
  top:-6px;
  right:-6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg, #f97316, #ef4444);
  border:2px solid rgba(255,255,255,.85);
}

html[data-theme="light"] .badge-count,
html[data-theme="light"] .right-link.notification .number,
html[data-bs-theme="light"] .badge-count,
html[data-bs-theme="light"] .right-link.notification .number,
body.light .badge-count,
body.light .right-link.notification .number{
  border-color:rgba(255,255,255,.92);
}

html[data-theme="dark"] .badge-count,
html[data-theme="dark"] .right-link.notification .number,
html[data-bs-theme="dark"] .badge-count,
html[data-bs-theme="dark"] .right-link.notification .number{
  border-color:rgba(20,24,33,.85);
}

.fp-header .right-area .right-link.user{
  min-width:0;
  max-width:230px;
  padding:0 14px 0 10px;
  gap:10px;
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}

.fp-header .right-area .right-link.user .icon{
  width:42px;
  height:42px;
  min-width:42px;
  margin-right:10px;
  border-radius:12px;
}

.fp-header .right-area .right-link.user .content,
.fp-header .right-area .right-link.user .content.compact{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  overflow:hidden;
}

.fp-header .right-area .right-link.user .key,
.fp-header .right-area .right-link.user .value,
.fp-header .right-area .right-link.user .content.compact .key,
.fp-header .right-area .right-link.user .content.compact .value{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1;
}

.fp-header .right-area .right-link.user .key,
.fp-header .right-area .right-link.user .content.compact .key{
  font-size:13px;
  font-weight:800;
}

.fp-header .right-area .right-link.user .value,
.fp-header .right-area .right-link.user .content.compact .value{
  padding-left:8px;
  font-size:12px;
  color:var(--fp-shell-muted);
  border-left:1px solid var(--fp-shell-border-strong);
}

.fp-nav-notification-menu,
.fp-dropdown-menu-account{
  margin-top:4px;
  border-radius:18px;
  border:1px solid var(--fp-shell-border);
  box-shadow:var(--fp-dropdown-shadow);
}

.fp-header-neon-line{
  position:relative;
  z-index:2;
  width:100vw;
  max-width:none;
  height:3px;
  margin:0 calc(50% - 50vw);
  overflow:hidden;
  border-radius:0;
  background:var(--fp-menu-end-line);
  box-shadow:0 0 14px var(--fp-menu-end-glow);
}

.fp-header-neon-line::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-45%;
  width:45%;
  border-radius:inherit;
  background:linear-gradient(90deg, transparent, rgba(37,99,235,.58), rgba(147,197,253,.48), transparent);
  filter:drop-shadow(0 0 7px rgba(37,99,235,.34));
  animation:fpHeaderNeonLine 2.8s linear infinite;
}

@keyframes fpHeaderNeonLine{
  0%{left:-45%;}
  100%{left:100%;}
}

/* Light tema çizgi düzeltmesi: siyah uçlar beyaz, orta yeşil kalır. */
html[data-theme="light"] .fp-header-neon-line,
html[data-bs-theme="light"] .fp-header-neon-line,
html.light .fp-header-neon-line,
html.theme-light .fp-header-neon-line,
body[data-theme="light"] .fp-header-neon-line,
body[data-bs-theme="light"] .fp-header-neon-line,
body.light .fp-header-neon-line,
body.theme-light .fp-header-neon-line,
body.light-mode .fp-header-neon-line,
html[data-theme="light"] .fp-navbar::after,
html[data-bs-theme="light"] .fp-navbar::after,
html.light .fp-navbar::after,
html.theme-light .fp-navbar::after,
body[data-theme="light"] .fp-navbar::after,
body[data-bs-theme="light"] .fp-navbar::after,
body.light .fp-navbar::after,
body.theme-light .fp-navbar::after,
body.light-mode .fp-navbar::after{
  background:radial-gradient(ellipse at center, rgba(37,99,235,.22) 0%, rgba(37,99,235,.11) 42%, rgba(37,99,235,0) 78%) !important;
  box-shadow:none !important;
}

html[data-theme="light"] .fp-navbar .container-fluid::after,
html[data-bs-theme="light"] .fp-navbar .container-fluid::after,
html.light .fp-navbar .container-fluid::after,
html.theme-light .fp-navbar .container-fluid::after,
body[data-theme="light"] .fp-navbar .container-fluid::after,
body[data-bs-theme="light"] .fp-navbar .container-fluid::after,
body.light .fp-navbar .container-fluid::after,
body.theme-light .fp-navbar .container-fluid::after,
body.light-mode .fp-navbar .container-fluid::after{
  content:none !important;
  display:none !important;
}

html[data-theme="light"] .fp-header-neon-line::before,
html[data-bs-theme="light"] .fp-header-neon-line::before,
html.light .fp-header-neon-line::before,
html.theme-light .fp-header-neon-line::before,
body[data-theme="light"] .fp-header-neon-line::before,
body[data-bs-theme="light"] .fp-header-neon-line::before,
body.light .fp-header-neon-line::before,
body.theme-light .fp-header-neon-line::before,
body.light-mode .fp-header-neon-line::before{
  background:linear-gradient(90deg, transparent, rgba(37,99,235,.34), rgba(147,197,253,.26), transparent);
  filter:drop-shadow(0 0 5px rgba(37,99,235,.20));
}

@keyframes fpNotificationPulse{
  0%,100%{transform:translateY(0) scale(1);}
  45%{transform:translateY(-1px) scale(1.055);}
  70%{transform:translateY(0) scale(.985);}
}

.fp-navbar{
  border:0;
  position:relative;
  z-index:22;
}

/* Menü alt efekti: çizgi ve parlama artık ayrı katmanlarda. */
.fp-navbar{
  isolation:isolate;
}

/* Menü altında sabit çizgi yok; sadece sağa-sola yayılan yumuşak yeşil ışık kalır. */
.fp-navbar::after{
  left:-6vw;
  right:-6vw;
  height:2px;
  bottom:-3px;
  border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(37,99,235,.62) 0%, rgba(37,99,235,.30) 34%, rgba(37,99,235,.12) 58%, rgba(37,99,235,0) 82%) !important;
  box-shadow:0 0 16px rgba(37,99,235,.52), 0 0 34px rgba(37,99,235,.24) !important;
  filter:blur(3px);
  opacity:.88;
  z-index:0;
}

/* Sabit alt çizgi kaldırıldı; görüntüyü sadece glow taşısın. */
.fp-navbar .container-fluid::after{
  content:none !important;
  display:none !important;
}

.fp-navbar .flex-justify{
  padding-bottom:16px;
}

.fp-navbar .flex-justify{
  position:relative;
  display:flex;
  gap:18px;
  padding-top:10px;
  padding-bottom:16px;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  flex-wrap:nowrap;
}

.fp-navbar .list{
  gap:4px;
  flex-wrap:nowrap;
}

.fp-navbar .list li{flex:0 0 auto;}

.fp-navbar .fp-navbar-list-main{
  display:flex;
  align-items:center;
  gap:8px;
  flex:1 1 auto;
  min-width:0;
}

.fp-navbar .fp-navbar-list-quick{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  flex:0 0 auto;
  justify-content:flex-end;
}

.fp-navbar .fp-navbar-tool-link{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:.01em;
  padding:0 11px !important;
}

.fp-navbar .fp-navbar-tool-link .icon-area{
  background:rgba(37,99,235,.12) !important;
}

.fp-navbar .fp-navbar-tool-link.fp-tool--oran .icon-area{
  background:rgba(59,130,246,.12) !important;
}

.fp-navbar .fp-navbar-tool-link.fp-tool--degerle .icon-area{
  background:rgba(234,179,8,.14) !important;
}

.fp-navbar .fp-navbar-tool-link.fp-tool--degerle .icon-area i{
  color:#fbbf24 !important;
}

.fp-navbar .fp-navbar-tool-link .icon-area i{
  color:#60a5fa !important;
}

.fp-navbar .fp-navbar-tool-link:hover,
.fp-navbar .fp-navbar-tool-link.is-active{
  color:var(--fp-shell-text) !important;
  background:linear-gradient(180deg, rgba(37,99,235,.12), rgba(37,99,235,.04)) !important;
  border:0 !important;
  box-shadow:none !important;
  transform:translateY(-1px);
}

.fp-navbar .fp-navbar-list-quick{
  position:relative;
  padding-left:14px;
}

.fp-navbar .fp-navbar-list-quick::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:28px;
  background:var(--fp-shell-border);
  opacity:.75;
}

/* Eski özel kutu stili — artık kullanılmıyor; geriye dönük */
.fp-navbar .fp-navbar-subscription-link,
.fp-navbar .fp-navbar-marketplace-link{
  border:1px solid rgba(37,99,235,.22) !important;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(37,99,235,.04)) !important;
  box-shadow:0 10px 24px rgba(37,99,235,.10);
}
.fp-navbar .fp-navbar-subscription-link .fp-subscription-icon,
.fp-navbar .fp-navbar-marketplace-link .fp-marketplace-icon{
  color:#1d4ed8 !important;
}
.fp-navbar .fp-navbar-subscription-link:hover,
.fp-navbar .fp-navbar-subscription-link.is-active,
.fp-navbar .fp-navbar-marketplace-link:hover,
.fp-navbar .fp-navbar-marketplace-link.is-active{
  color:#065f46 !important;
  border-color:rgba(37,99,235,.38) !important;
  background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(37,99,235,.08)) !important;
  box-shadow:0 14px 30px rgba(37,99,235,.18);
}
html[data-theme="dark"] .fp-navbar .fp-navbar-subscription-link:hover,
html[data-theme="dark"] .fp-navbar .fp-navbar-subscription-link.is-active,
html[data-theme="dark"] .fp-navbar .fp-navbar-marketplace-link:hover,
html[data-theme="dark"] .fp-navbar .fp-navbar-marketplace-link.is-active{
  color:#eff6ff !important;
}

.fp-navbar .list li .link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:44px;
  padding:0 12px;
  border-radius:13px;
  border:0;
  background:transparent;
  font-size:17px;
  font-weight:600;
  white-space:nowrap;
}

.fp-navbar .list li .link span{
  line-height:1;
  color:inherit !important;
  -webkit-text-fill-color:currentColor !important;
}

.fp-navbar .list li .link::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:8px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(37,99,235,0), rgba(37,99,235,.9), rgba(59,130,246,0));
  opacity:0;
  transform:scaleX(.5);
  transition:opacity .18s ease, transform .18s ease;
}

.fp-navbar .list li .link:hover,
.fp-navbar .list li .link.is-active{
  color:var(--fp-shell-text) !important;
  background:linear-gradient(180deg, rgba(37,99,235,.12), rgba(37,99,235,.04));
  transform:translateY(-1px);
}

.fp-navbar .list li .link:hover::after,
.fp-navbar .list li .link.is-active::after{
  opacity:1;
  transform:scaleX(1);
}

.fp-navbar .link .icon-area{
  width:28px;
  height:28px;
  min-width:28px;
  margin-right:0;
  border-radius:10px;
  background:rgba(37,99,235,.11);
}

.fp-navbar .link .icon-area i{font-size:18px;}

.fp-navbar .link .icon-area img{
  width:28px;
  height:28px;
  max-width:28px;
  max-height:28px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 8px rgba(37,99,235,.28));
}

.fp-navbar-dropdown-link .thumb i{
  font-size:28px;
  color:#93c5fd;
}


.fp-navbar .list li .link.animated,
.fp-navbar .list li .link.animated.is-active,
.fp-navbar .list li .link.animated:hover{
  background-image:none !important;
  animation:none !important;
  color:var(--fp-shell-text) !important;
  -webkit-text-fill-color:currentColor !important;
}

.fp-navbar .list .fp-navbar-dropdown-item .fp-navbar-dropdown-menu{
  top:calc(100% + 12px);
  left:50%;
  transform:translateX(-50%);
  width:min(1320px, calc(100vw - 64px)) !important;
  max-width:min(1320px, calc(100vw - 64px)) !important;
  padding:0;
  border:0;
  background:var(--fp-dropdown-menu-bg) !important;
  box-shadow:var(--fp-dropdown-menu-shadow) !important;
  border-radius:24px !important;
  overflow:hidden !important;
}

.fp-navbar .list .fp-navbar-dropdown-item .fp-navbar-dropdown-menu > .container{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.fp-navbar-dropdown-shell{
  max-width:none !important;
  padding:18px 18px 16px !important;
  border:1px solid var(--fp-shell-border);
  border-radius:24px;
  background:var(--fp-dropdown-bg);
  box-shadow:var(--fp-dropdown-shadow);
}

.fp-navbar .list .grid-dropdown{
  display:grid;
  grid-template-columns:repeat(6, minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:start !important;
  grid-auto-flow:row !important;
}

.fp-navbar-dropdown-link,
.fp-navbar .list .fp-navbar-dropdown-item .fp-navbar-dropdown-menu .fp-navbar-dropdown-link{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  gap:8px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}

.fp-navbar-dropdown-link .thumb{
  width:100% !important;
  height:270px !important;
  min-height:270px !important;
  max-height:270px !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:var(--fp-thumb-bg) !important;
  border:1px solid var(--fp-thumb-border) !important;
  box-shadow:none !important;
}

.fp-navbar-dropdown-link .thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 18% !important;
  transition:transform .45s ease, object-position .45s ease, filter .45s ease;
  filter:saturate(1.02);
}

.fp-navbar-dropdown-link .label{
  display:block !important;
  width:100% !important;
  min-height:16px !important;
  max-height:16px !important;
  margin:0 !important;
  padding:0 2px !important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px !important;
  line-height:16px !important;
  font-weight:700 !important;
  color:var(--fp-shell-text) !important;
}

.fp-navbar-dropdown-link .meta,
.fp-navbar-dropdown-link .name,
.fp-navbar-dropdown-link .sub,
.fp-navbar-dropdown-link .link-arrow{
  display:none !important;
}

.fp-navbar-dropdown-link:hover .thumb{
  border-color:rgba(37,99,235,.24) !important;
  box-shadow:0 16px 30px rgba(0,0,0,.16);
}

.fp-navbar-dropdown-link:hover .thumb img{
  transform:scale(1.10) !important;
  object-position:center 78% !important;
}

.fp-navbar-backdrop{display:none;}

/* mobile menu helper blocks should not render on desktop */
.fp-navbar-mobile-head,
.fp-navbar-mobile-actions,
.fp-navbar-mobile-links,
.fp-header .btn-all-categories{display:none;}

.fp-mobile-bar{
  background:transparent;
  border-top:0;
  box-shadow:none;
  padding:0 10px calc(12px + env(safe-area-inset-bottom, 0px));
}

.fp-mobile-bar .grid{
  height:auto;
  min-height:74px;
  padding:8px;
  border-radius:24px;
  border:1px solid var(--fp-shell-border);
  background:var(--fp-mobile-bar-bg);
  box-shadow:var(--fp-mobile-bar-shadow);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  grid-template-columns:repeat(4, minmax(0,1fr));
}

.fp-mobile-bar .grid .link{
  min-height:58px;
  gap:4px;
  padding:8px 6px 7px;
  border-radius:18px;
  transition:.2s ease;
}

.fp-mobile-bar .grid .link .icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin:0 auto 4px;
  border-radius:12px;
  background:rgba(255,255,255,.05);
}

html[data-theme="light"] .fp-mobile-bar .grid .link .icon,
html[data-bs-theme="light"] .fp-mobile-bar .grid .link .icon,
body.light .fp-mobile-bar .grid .link .icon{
  background:rgba(15,23,42,.05);
}

.fp-mobile-bar .grid .link .text{
  font-size:11px;
  font-weight:800;
}

.fp-mobile-bar .grid .link.is-active{
  color:var(--bs-blue);
  background:linear-gradient(180deg, rgba(37,99,235,.14), rgba(37,99,235,.05));
  border:1px solid rgba(37,99,235,.18);
}

.fp-mobile-bar .grid .link.is-active .icon{
  background:rgba(37,99,235,.18);
}

.fp-mobile-bar .grid .link.is-active .text{
  color:var(--fp-shell-text);
}

body.fp-scrolled .fp-header .grid,
body.fp-scrolled .fp-navbar .flex-justify{
  border-color:transparent;
  box-shadow:none;
}

@media (max-width: 1499.98px){
  .fp-nav-wide{
    width:min(1400px, calc(100% - 40px)) !important;
    max-width:1400px !important;
  }
  .fp-header .container-fluid.fp-nav-wide{
    width:min(1340px, calc(100% - 60px)) !important;
    max-width:1340px !important;
  }
  .fp-navbar .list .fp-navbar-dropdown-item .fp-navbar-dropdown-menu{
    width:min(1240px, calc(100vw - 48px)) !important;
    max-width:min(1240px, calc(100vw - 48px)) !important;
  }
  .fp-navbar .list .grid-dropdown{gap:10px !important;}
  .fp-navbar-dropdown-link .thumb{
    height:240px !important;
    min-height:240px !important;
    max-height:240px !important;
  }
}

@media (max-width: 1279.98px){
  .fp-nav-wide{
    width:min(1280px, calc(100% - 32px)) !important;
    max-width:1280px !important;
  }
  .fp-header .container-fluid.fp-nav-wide{
    width:min(1220px, calc(100% - 46px)) !important;
    max-width:1220px !important;
  }
  .fp-navbar .list .fp-navbar-dropdown-item .fp-navbar-dropdown-menu{
    width:min(1120px, calc(100vw - 32px)) !important;
    max-width:min(1120px, calc(100vw - 32px)) !important;
  }
  .fp-navbar .list .grid-dropdown{
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  }
}

@media (max-width: 1199.98px){
  .fp-nav-shell{padding:8px 0 14px;}
  .fp-nav-wide{
    width:calc(100% - 24px) !important;
    max-width:none !important;
  }
  .fp-header-neon-line{
    width:100vw;
    margin:0 calc(50% - 50vw);
  }
  .fp-header .container-fluid.fp-nav-wide{
    width:calc(100% - 28px) !important;
    max-width:none !important;
  }
  .fp-header .grid{
    grid-template-columns:1fr auto auto;
    gap:12px;
    min-height:92px;
    padding-top:20px;
    padding-bottom:20px;
  }
  .fp-header-notice{
    grid-column:1 / -1;
    order:4;
  }
  .fp-header .right-area .right-link.user .content.compact,
  .fp-header .right-area .right-link.user .content,
  .cart-pill .label,
  .auth-pill .label{display:none;}
  .fp-header .btn-all-categories{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
  }
  .fp-header .btn-all-categories .label{display:none;}
  .fp-header-utility-rail{
    padding:0;
    border:0 !important;
    background:transparent !important;
  }
  .fp-navbar{
    position:fixed;
    top:86px;
    right:12px;
    bottom:76px;
    left:12px;
    display:block !important;
    width:auto;
    height:auto;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(14px) scale(.98);
    transition:.24s ease;
    z-index:70;
  }
  .fp-navbar .container,
  .fp-navbar .flex-justify{height:100%;}
  .fp-navbar .container{max-width:100%;}
  .fp-navbar .flex-justify{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    padding:12px;
    border-radius:28px;
    overflow-y:auto;
    background:var(--fp-dropdown-bg) !important;
    box-shadow:var(--fp-dropdown-shadow) !important;
  }
  .fp-navbar-mobile-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:6px 4px 10px;
    border-bottom:1px solid var(--fp-shell-border);
  }
  .fp-navbar-mobile-copy strong{font-size:20px;}
  .fp-navbar-mobile-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin:16px 0 12px;
  }
  .fp-mobile-action-card{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:0 14px;
    border-radius:14px;
    text-decoration:none;
    font-weight:800;
    color:var(--fp-shell-text);
    background:var(--fp-shell-bg);
    border:1px solid var(--fp-shell-border);
  }
  .fp-mobile-action-card i{font-size:18px;color:#93c5fd;}
  .fp-navbar-mobile-links{
    display:block;
    margin:0 0 18px;
  }
  .fp-navbar-mobile-links__title{
    margin:2px 0 10px;
    font-size:11px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--fp-shell-muted);
  }
  .fp-navbar-mobile-links__grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px;
  }
  .fp-mobile-nav-mini{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:44px;
    padding:0 12px;
    border-radius:14px;
    text-decoration:none;
    color:var(--fp-shell-text);
    background:var(--fp-shell-bg);
    border:1px solid var(--fp-shell-border);
    font-size:13px;
    font-weight:800;
  }
  .fp-mobile-nav-mini i{font-size:17px;color:#93c5fd;}
  .fp-navbar-mobile-close{
    width:42px;
    height:42px;
    min-width:42px;
    border:0;
    border-radius:14px;
    color:var(--fp-shell-text);
    background:var(--fp-shell-bg-strong);
  }
  .fp-navbar .list{
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:6px;
  }
  .fp-navbar .list li{width:100%;}
  .fp-navbar .list li .link{
    width:100%;
    justify-content:flex-start;
    height:56px;
    padding:0 14px;
  }
  .fp-navbar .fp-navbar-list-quick{
    margin-top:auto;
    padding-top:10px;
    border-top:1px solid var(--fp-shell-border);
  }
  .fp-navbar .list .fp-navbar-dropdown-item .fp-navbar-dropdown-menu{
    position:static;
    width:100% !important;
    max-width:100% !important;
    transform:none;
    padding-top:8px;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
    overflow:visible !important;
  }
  .fp-navbar-dropdown-shell{
    padding:16px !important;
    border-radius:20px;
  }
  .fp-navbar .list .grid-dropdown{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .fp-navbar-dropdown-link .thumb{
    height:180px !important;
    min-height:180px !important;
    max-height:180px !important;
  }
  .fp-navbar-backdrop{
    display:block;
    position:fixed;
    inset:0;
    border:0;
    background:rgba(2,6,23,.62);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    opacity:0;
    visibility:hidden;
    transition:.24s ease;
    z-index:60;
  }
  body.fp-mobile-nav-open{overflow:hidden;}
  body.fp-mobile-nav-open .fp-navbar{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  body.fp-mobile-nav-open .fp-navbar-backdrop{
    opacity:1;
    visibility:visible;
  }
}

@media (max-width: 767.98px){
  .fp-topnav-ry .flex{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    padding-top:8px;
    padding-bottom:8px;
  }
  .fp-topnav-ry .flex .flex-item.left,
  .fp-topnav-ry .list.right{justify-content:center;}
  .fp-topnav-ry .list.right{flex-wrap:wrap;}
  .fp-header .grid{
    grid-template-columns:1fr auto;
    row-gap:12px;
  }
  .fp-header-search-wrap{
    grid-column:1 / -1;
    order:4;
    width:min(100%, 420px);
    max-width:420px;
  }
  .fp-header .logo-area{
    min-width:0;
    grid-column:1 / -1;
    justify-content:center;
    order:1;
    padding-left:0;
  }
  .fp-header .btn-all-categories{order:2;}
  .fp-header .right-area{
    order:3;
    justify-self:end;
  }
  .fp-header-notice{
    grid-column:1 / -1;
    order:4;
  }
  .fp-header .logo{height:40px;}
  .fp-header-notice__left{align-items:flex-start;}
  .fp-header-notice__text{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .fp-header .right-area .right-link.notification,
  .fp-header .right-area .cart-pill{min-width:48px;}
  .fp-navbar{top:74px;right:10px;bottom:74px;left:10px;}
  .fp-mobile-bar{padding-left:8px;padding-right:8px;}
  .fp-mobile-bar .grid{border-radius:22px;}
  .fp-navbar-dropdown-link .thumb{
    border-radius:14px !important;
  }
  .fp-navbar-dropdown-link .label{
    min-height:15px !important;
    max-height:15px !important;
    font-size:11px !important;
    line-height:15px !important;
  }
}

@media (max-width: 575.98px){
  .fp-nav-wide{width:calc(100% - 20px) !important;}
  .fp-navbar-mobile-actions,
  .fp-navbar-mobile-links__grid{grid-template-columns:1fr;}
}


/* ===== Header Search + Mobile Drawer Fix ===== */
.fp-mobile-auth-avatar{
  display:none !important;
  width:52px;
  min-width:52px;
  justify-content:center !important;
  padding:0 !important;
}
.fp-desktop-auth-actions{display:flex;}
.fp-mobile-auth-avatar .icon{
  width:42px;
  height:42px;
  margin:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(37,99,235,.18), rgba(59,130,246,.10));
}
.fp-mobile-auth-avatar .icon i{font-size:22px !important;}

@media (max-width: 1199.98px){
  .fp-header-search-wrap{
    grid-column:1 / -1;
    order:4;
  }
  .fp-navbar{
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:0 !important;
    width:min(420px, 82vw) !important;
    max-width:82vw !important;
    border-radius:0 30px 30px 0;
    transform:translateX(-105%) !important;
  }
  .fp-navbar::before{
    border-radius:0 30px 30px 0;
  }
  .fp-navbar .container-fluid.fp-nav-wide{
    width:100% !important;
    max-width:100% !important;
    height:100%;
    margin:0 !important;
  }
  .fp-navbar .flex-justify{
    border-radius:0 30px 30px 0;
  }
  body.fp-mobile-nav-open .fp-navbar{
    transform:translateX(0) !important;
  }
}

@media (max-width: 767.98px){
  .fp-topnav-ry{display:none !important;}
  .fp-nav-shell{padding:0 0 8px;}
  .fp-header .container-fluid.fp-nav-wide{
    width:100% !important;
    max-width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .fp-header .grid{
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) 52px !important;
    align-items:center !important;
    gap:0 !important;
    min-height:78px;
    padding-top:14px !important;
    padding-bottom:14px !important;
  }
  .fp-header .btn-all-categories{
    order:1 !important;
    grid-column:1 !important;
    grid-row:1 !important;
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
    padding:0 !important;
    justify-self:start !important;
  }
  .fp-header .logo-area{
    order:2 !important;
    grid-column:2 !important;
    grid-row:1 !important;
    justify-content:center !important;
    min-width:0 !important;
    padding:0 !important;
  }
  .fp-header .logo{height:38px !important;}
  .fp-header .right-area{
    order:3 !important;
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    width:52px !important;
    min-width:52px !important;
  }
  .fp-header-utility-rail{
    width:52px !important;
    justify-content:flex-end !important;
  }
  .fp-desktop-auth-actions{display:none !important;}
  .fp-mobile-auth-avatar{display:flex !important;}
  .fp-header .right-area .right-link.notification,
  .fp-header .right-area .cart-pill,
  .fp-header .right-area .right-link.user .content,
  .fp-header .right-area .right-link.user .icon-right{display:none !important;}
  .fp-header .right-area .right-link.user,
  .fp-header .right-area .right-link.fp-mobile-auth-avatar{
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
    padding:0 !important;
    justify-content:center !important;
  }
  .fp-header .right-area .right-link.user .icon{
    display:flex !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    margin:0 !important;
  }
  .fp-header-search-wrap{display:none !important;}
  .fp-navbar{width:min(360px, 84vw) !important;max-width:84vw !important;}
  .fp-navbar .flex-justify{padding:14px 12px 18px !important;}
  .fp-navbar .list .grid-dropdown{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
  .fp-navbar-dropdown-link .thumb{height:128px !important;min-height:128px !important;max-height:128px !important;}
  .fp-mobile-bar.is-guest .grid{grid-template-columns:repeat(3, minmax(0,1fr));}
  .fp-mobile-bar.is-logged .grid{grid-template-columns:repeat(4, minmax(0,1fr));}
}

@media (max-width: 420px){
  .fp-navbar .list .grid-dropdown{grid-template-columns:1fr !important;}
  .fp-navbar-dropdown-link .thumb{height:120px !important;min-height:120px !important;max-height:120px !important;}
}


@media (max-width: 767.98px){
  .fp-header .container-fluid.fp-nav-wide::before,
  .fp-header .container-fluid.fp-nav-wide::after{
    inset:-4px 6px;
    border-radius:18px;
  }
  .fp-header .grid::before,
  .fp-header .grid::after{
    inset:-4px 0;
  }
}


/* Flex-item left ikon yeşil sabitleme */
.fp-topnav-ry .flex .flex-item.left .instagram .icon,
.fp-topnav-ry .flex .flex-item.left .instagram .icon i,
.fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
.fp-topnav-ry .flex .flex-item.left .instagram .text{
  color: var(--fp-green-3, #2563eb) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
.fp-topnav-ry .flex .flex-item.left .instagram:hover .icon,
.fp-topnav-ry .flex .flex-item.left .instagram:hover .icon i,
.fp-topnav-ry .flex .flex-item.left .instagram:hover .icon svg,
.fp-topnav-ry .flex .flex-item.left .instagram:hover .text,
.fp-topnav-ry .flex .flex-item.left .instagram.is-active .icon,
.fp-topnav-ry .flex .flex-item.left .instagram.is-active .icon i,
.fp-topnav-ry .flex .flex-item.left .instagram.is-active .icon svg,
.fp-topnav-ry .flex .flex-item.left .instagram.is-active .text{
  color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}


/* Yatay scroll engelleme + light tema flex-item left okunurluk düzeltmesi */
html,
body{
  max-width:100% !important;
  overflow-x:hidden !important;
}

.fp-nav-shell,
.fp-topnav-ry,
.fp-header,
.fp-navbar,
.fp-header .container-fluid.fp-nav-wide,
.fp-header .grid,
.fp-navbar .container-fluid.fp-nav-wide{
  max-width:100% !important;
}

.fp-header-neon-line{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  left:auto !important;
  right:auto !important;
}

@media (max-width: 1199.98px){
  .fp-header-neon-line{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram,
html.light .fp-topnav-ry .flex .flex-item.left .instagram,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram,
body.light .fp-topnav-ry .flex .flex-item.left .instagram,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram{
  color:#064e3b !important;
  background:linear-gradient(135deg, rgba(6,95,70,.15), rgba(29,78,216,.09)) !important;
  border:1px solid rgba(30,64,175,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58), 0 8px 20px rgba(15,23,42,.055) !important;
}

html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon,
html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .text,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .text,
html.light .fp-topnav-ry .flex .flex-item.left .instagram .icon,
html.light .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
html.light .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
html.light .fp-topnav-ry .flex .flex-item.left .instagram .text,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .icon,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .text,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .text,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .text,
body.light .fp-topnav-ry .flex .flex-item.left .instagram .icon,
body.light .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
body.light .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
body.light .fp-topnav-ry .flex .flex-item.left .instagram .text,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .icon,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .text,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram .icon,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram .text{
  color:#065f46 !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}

html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram:hover,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram:hover,
html.light .fp-topnav-ry .flex .flex-item.left .instagram:hover,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram:hover,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram:hover,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram:hover,
body.light .fp-topnav-ry .flex .flex-item.left .instagram:hover,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram:hover,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram:hover,
html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
html.light .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
body.light .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram.is-active{
  color:#ffffff !important;
  background:linear-gradient(135deg, #1d4ed8, #1d4ed8) !important;
  border-color:rgba(5,150,105,.32) !important;
  box-shadow:0 10px 24px rgba(29,78,216,.20) !important;
}


/* Sol üst menü: sağdaki list right tasarımı ile eşitlendi */
.fp-topnav-ry .flex .flex-item.left{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

.fp-topnav-ry .flex .flex-item.left .instagram{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  border:0 !important;
  background:var(--fp-shell-bg-soft) !important;
  color:var(--fp-shell-muted) !important;
  box-shadow:none !important;
  text-decoration:none !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
  transform:none !important;
}

.fp-topnav-ry .flex .flex-item.left .instagram .icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:inherit !important;
}

.fp-topnav-ry .flex .flex-item.left .instagram .icon i,
.fp-topnav-ry .flex .flex-item.left .instagram .icon svg{
  color:inherit !important;
  fill:currentColor !important;
  stroke:currentColor !important;
  font-size:16px !important;
  line-height:1 !important;
}

.fp-topnav-ry .flex .flex-item.left .instagram .text{
  display:inline-flex !important;
  align-items:center !important;
  color:inherit !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

.fp-topnav-ry .flex .flex-item.left .instagram:hover,
.fp-topnav-ry .flex .flex-item.left .instagram:focus,
.fp-topnav-ry .flex .flex-item.left .instagram.is-active{
  color:var(--fp-green-1) !important;
  background:var(--fp-shell-bg-soft) !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
}

.fp-topnav-ry .flex .flex-item.left .instagram:hover .icon,
.fp-topnav-ry .flex .flex-item.left .instagram:hover .icon i,
.fp-topnav-ry .flex .flex-item.left .instagram:hover .icon svg,
.fp-topnav-ry .flex .flex-item.left .instagram:hover .text,
.fp-topnav-ry .flex .flex-item.left .instagram:focus .icon,
.fp-topnav-ry .flex .flex-item.left .instagram:focus .icon i,
.fp-topnav-ry .flex .flex-item.left .instagram:focus .icon svg,
.fp-topnav-ry .flex .flex-item.left .instagram:focus .text,
.fp-topnav-ry .flex .flex-item.left .instagram.is-active .icon,
.fp-topnav-ry .flex .flex-item.left .instagram.is-active .icon i,
.fp-topnav-ry .flex .flex-item.left .instagram.is-active .icon svg,
.fp-topnav-ry .flex .flex-item.left .instagram.is-active .text{
  color:inherit !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}


/* flex-item left: light modda arkaplan sağ menü ile birebir aynı */
html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram,
html.light .fp-topnav-ry .flex .flex-item.left .instagram,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram,
body.light .fp-topnav-ry .flex .flex-item.left .instagram,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram{
  background:var(--fp-shell-bg-soft) !important;
  color:var(--fp-shell-muted) !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram:hover,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram:hover,
html.light .fp-topnav-ry .flex .flex-item.left .instagram:hover,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram:hover,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram:hover,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram:hover,
body.light .fp-topnav-ry .flex .flex-item.left .instagram:hover,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram:hover,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram:hover,
html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram:focus,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram:focus,
html.light .fp-topnav-ry .flex .flex-item.left .instagram:focus,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram:focus,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram:focus,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram:focus,
body.light .fp-topnav-ry .flex .flex-item.left .instagram:focus,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram:focus,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram:focus,
html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
html.light .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
body.light .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram.is-active,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram.is-active{
  background:var(--fp-shell-bg-soft) !important;
  color:var(--fp-green-1) !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
}

html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon,
html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
html[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .text,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
html[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .text,
html.light .fp-topnav-ry .flex .flex-item.left .instagram .icon,
html.light .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
html.light .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
html.light .fp-topnav-ry .flex .flex-item.left .instagram .text,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .icon,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
html.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .text,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
body[data-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .text,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
body[data-bs-theme="light"] .fp-topnav-ry .flex .flex-item.left .instagram .text,
body.light .fp-topnav-ry .flex .flex-item.left .instagram .icon,
body.light .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
body.light .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
body.light .fp-topnav-ry .flex .flex-item.left .instagram .text,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .icon,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
body.theme-light .fp-topnav-ry .flex .flex-item.left .instagram .text,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram .icon,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram .icon i,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram .icon svg,
body.light-mode .fp-topnav-ry .flex .flex-item.left .instagram .text{
  color:inherit !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}



/* Sepete eklendi bildirimi ve sepet vurgusu */
.fp-cart-toast-root{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:99999;
  display:flex;
  flex-direction:column;
  gap:12px;
  pointer-events:none;
}

.fp-cart-toast{
  width:min(360px, calc(100vw - 32px));
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:22px;
  color:#eff6ff;
  background:linear-gradient(135deg, rgba(2,6,23,.94), rgba(23,37,84,.92));
  border:1px solid rgba(37,99,235,.28);
  box-shadow:0 22px 55px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.04) inset;
  transform:translateY(18px) scale(.96);
  opacity:0;
  overflow:hidden;
  pointer-events:auto;
  animation:fpCartToastIn .34s cubic-bezier(.2,.8,.2,1) forwards;
}

.fp-cart-toast::before{
  content:"";
  position:absolute;
  inset:-40% -20%;
  background:radial-gradient(circle at 20% 15%, rgba(37,99,235,.24), transparent 32%), radial-gradient(circle at 85% 80%, rgba(147,197,253,.16), transparent 28%);
  opacity:.9;
  pointer-events:none;
}

.fp-cart-toast.is-hiding{
  animation:fpCartToastOut .22s ease forwards;
}

.fp-cart-toast-icon,
.fp-cart-toast-content,
.fp-cart-toast-action{
  position:relative;
  z-index:1;
}

.fp-cart-toast-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #2563eb, #1d4ed8);
  color:#fff;
  font-size:23px;
  box-shadow:0 12px 26px rgba(37,99,235,.34);
}

.fp-cart-toast-title{
  margin:0 0 3px;
  font-size:14px;
  font-weight:950;
  letter-spacing:-.01em;
  color:#fff;
}

.fp-cart-toast-text{
  margin:0;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
  color:rgba(220,252,231,.84);
}

.fp-cart-toast-action{
  min-width:94px;
  height:38px;
  padding:0 13px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#172554 !important;
  background:#dbeafe;
  box-shadow:0 10px 20px rgba(37,99,235,.24);
  text-decoration:none !important;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  transition:transform .18s ease, background .18s ease;
}

.fp-cart-toast-action:hover{
  transform:translateY(-1px) scale(1.03);
  background:#93c5fd;
}

.fp-cart-added-pop{
  position:relative;
  overflow:hidden;
  transform:translateY(-1px) scale(1.015) !important;
  box-shadow:0 18px 36px rgba(37,99,235,.28) !important;
}

.fp-cart-added-pop::after{
  content:"";
  position:absolute;
  inset:-35% -20%;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.44) 42%, transparent 62%);
  transform:translateX(-120%);
  animation:fpCartButtonShine .72s ease forwards;
  pointer-events:none;
}

#cart .fp-cart-just-added,
.fp-cart-just-added{
  animation:fpCartIconPulse .82s cubic-bezier(.2,.8,.2,1);
}

#cart .fp-cart-just-added .icon,
#cart .fp-cart-just-added i,
.fp-cart-just-added .icon,
.fp-cart-just-added i{
  color:#93c5fd !important;
}

@keyframes fpCartToastIn{
  to{transform:translateY(0) scale(1);opacity:1;}
}

@keyframes fpCartToastOut{
  to{transform:translateY(12px) scale(.98);opacity:0;}
}

@keyframes fpCartButtonShine{
  to{transform:translateX(120%);}
}

@keyframes fpCartIconPulse{
  0%{transform:scale(1);}
  38%{transform:scale(1.13);box-shadow:0 0 0 7px rgba(37,99,235,.12), 0 14px 28px rgba(37,99,235,.22);}
  100%{transform:scale(1);}
}

html[data-theme="light"] .fp-cart-toast,
html[data-bs-theme="light"] .fp-cart-toast,
body[data-theme="light"] .fp-cart-toast,
body[data-bs-theme="light"] .fp-cart-toast,
body.light .fp-cart-toast,
body.light-mode .fp-cart-toast{
  color:#064e3b;
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(240,253,244,.94));
  border-color:rgba(37,99,235,.20);
  box-shadow:0 22px 55px rgba(15,23,42,.14), 0 0 0 1px rgba(37,99,235,.08) inset;
}

html[data-theme="light"] .fp-cart-toast-title,
html[data-bs-theme="light"] .fp-cart-toast-title,
body[data-theme="light"] .fp-cart-toast-title,
body[data-bs-theme="light"] .fp-cart-toast-title,
body.light .fp-cart-toast-title,
body.light-mode .fp-cart-toast-title{color:#172554;}

html[data-theme="light"] .fp-cart-toast-text,
html[data-bs-theme="light"] .fp-cart-toast-text,
body[data-theme="light"] .fp-cart-toast-text,
body[data-bs-theme="light"] .fp-cart-toast-text,
body.light .fp-cart-toast-text,
body.light-mode .fp-cart-toast-text{color:rgba(30,58,138,.76);}

@media (max-width:575px){
  .fp-cart-toast-root{right:12px;left:12px;bottom:78px;}
  .fp-cart-toast{width:100%;grid-template-columns:42px minmax(0,1fr);padding:12px;border-radius:18px;}
  .fp-cart-toast-action{grid-column:1 / -1;width:100%;min-width:0;height:40px;}
  .fp-cart-toast-icon{width:42px;height:42px;border-radius:14px;font-size:21px;}
}




/* Kullanıcı menüsü - şeffaf rail, avatarlı toggle ve hızlı erişim */
.fp-header-utility-rail{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

.fp-user-menu-wrap{
  display:inline-flex;
  align-items:center;
}

.fp-header .right-area .right-link.user.fp-dma-toggle{
  height:54px !important;
  min-width:176px !important;
  max-width:248px !important;
  padding:0 10px !important;
  gap:10px !important;
  border:0 !important;
  border-radius:17px !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.fp-header .right-area .right-link.user.fp-dma-toggle:hover,
.fp-user-menu-wrap:focus-within .right-link.user.fp-dma-toggle{
  transform:translateY(-1px);
  background:rgba(37,99,235,.08) !important;
  box-shadow:0 12px 28px rgba(37,99,235,.10) !important;
}

.fp-dma-avatar{
  width:42px;
  height:42px;
  min-width:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  overflow:hidden;
  background:radial-gradient(circle at 50% 30%, rgba(37,99,235,.18), rgba(29,78,216,.08) 58%, rgba(30,58,138,.04) 100%);
  box-shadow:0 0 18px rgba(37,99,235,.24), 0 10px 22px rgba(37,99,235,.12);
}

.fp-dma-avatar img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 5px 10px rgba(37,99,235,.24));
}

.fp-dma-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  line-height:1;
}

.fp-dma-name{
  display:block;
  max-width:155px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--fp-shell-text);
  font-size:13px;
  font-weight:900;
  line-height:1.1;
}

.fp-dma-meta{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:5px;
  color:var(--fp-shell-muted);
  font-size:11px;
  font-weight:800;
  line-height:1;
}

.fp-dma-arrow{
  width:16px;
  height:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#2563eb;
  background:rgba(37,99,235,.10);
  flex:0 0 auto;
}

.fp-dma-arrow i{
  font-size:15px;
  line-height:1;
}

.fp-dma-balance{
  display:block;
  max-width:105px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.fp-header .right-area .right-link.user.fp-dma-toggle > .icon,
.fp-header .right-area .right-link.user.fp-dma-toggle > .content,
.fp-header .right-area .right-link.user.fp-dma-toggle > .icon-right{
  display:none !important;
}

.fp-dropdown-menu-account .balance-area{
  display:none !important;
}

.fp-dma-quick-access{
  padding:12px;
  border-bottom:1px solid var(--fp-shell-border);
}

.fp-dma-quick-title{
  margin-bottom:10px;
  color:var(--fp-shell-muted);
  font-size:11px;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.fp-dma-quick-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

.fp-dma-quick-link{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:9px 10px;
  border-radius:13px;
  color:var(--fp-shell-text) !important;
  background:rgba(37,99,235,.07);
  border:1px solid rgba(37,99,235,.10);
  text-decoration:none !important;
  transition:transform .16s ease, background .16s ease, box-shadow .16s ease;
}

.fp-dma-quick-link:hover{
  transform:translateY(-1px);
  background:rgba(37,99,235,.12);
  box-shadow:0 10px 22px rgba(37,99,235,.10);
}

.fp-dma-quick-link i{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  color:#fff;
  background:linear-gradient(135deg, var(--fp-green-1), var(--fp-green-2));
  font-size:15px;
  flex:0 0 auto;
}

.fp-dma-quick-link span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  font-weight:850;
}

.fp-dropdown-menu-account .list-dma{
  padding:8px;
}

.fp-dropdown-menu-account .fp-dma-link{
  border-radius:12px;
}

/* Hızlı erişim - okunaklı dropdown görünümü */
.fp-user-menu-wrap .fp-dropdown-menu-account{
  min-width:292px;
  padding:10px !important;
  border-radius:20px !important;
  background:linear-gradient(145deg, rgba(6,20,14,.98), rgba(10,32,22,.96)) !important;
  border:1px solid rgba(74,222,128,.26) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.34), 0 0 0 1px rgba(37,99,235,.08) inset !important;
  backdrop-filter:blur(18px);
}

.fp-dma-quick-access{
  margin:0 0 9px;
  padding:13px !important;
  border:1px solid rgba(147,197,253,.20) !important;
  border-radius:17px;
  background:linear-gradient(135deg, rgba(37,99,235,.16), rgba(30,64,175,.08)) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.05);
}

.fp-dma-quick-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:11px !important;
  color:#dbeafe !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.06em !important;
  text-shadow:0 0 12px rgba(37,99,235,.22);
}

.fp-dma-quick-title::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2563eb;
  box-shadow:0 0 12px rgba(37,99,235,.80);
  flex:0 0 auto;
}

.fp-dma-quick-grid{
  gap:9px !important;
}

.fp-dma-quick-link{
  min-height:46px !important;
  padding:10px 11px !important;
  border-radius:14px !important;
  color:#f0fdf4 !important;
  background:rgba(15,23,42,.52) !important;
  border:1px solid rgba(147,197,253,.16) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.fp-dma-quick-link:hover{
  color:#ffffff !important;
  background:linear-gradient(135deg, rgba(37,99,235,.34), rgba(29,78,216,.20)) !important;
  border-color:rgba(147,197,253,.34) !important;
  box-shadow:0 12px 26px rgba(37,99,235,.16);
}

.fp-dma-quick-link i{
  width:28px !important;
  height:28px !important;
  border-radius:10px !important;
  color:#172554 !important;
  background:linear-gradient(135deg, #dbeafe, #2563eb) !important;
  box-shadow:0 8px 16px rgba(37,99,235,.20);
}

.fp-dma-quick-link span{
  color:inherit !important;
  font-size:12.5px !important;
  font-weight:950 !important;
  letter-spacing:.01em;
}

.fp-dropdown-menu-account .list-dma{
  padding:7px 2px 2px !important;
}

.fp-dropdown-menu-account .fp-dma-link{
  color:#eafff1 !important;
  background:transparent;
}

.fp-dropdown-menu-account .fp-dma-link:hover{
  color:#ffffff !important;
  background:rgba(37,99,235,.14) !important;
}

html[data-theme="light"] .fp-user-menu-wrap .fp-dropdown-menu-account,
html[data-bs-theme="light"] .fp-user-menu-wrap .fp-dropdown-menu-account,
body[data-theme="light"] .fp-user-menu-wrap .fp-dropdown-menu-account,
body[data-bs-theme="light"] .fp-user-menu-wrap .fp-dropdown-menu-account,
body.light .fp-user-menu-wrap .fp-dropdown-menu-account,
body.light-mode .fp-user-menu-wrap .fp-dropdown-menu-account{
  background:linear-gradient(145deg, rgba(255,255,255,.98), rgba(240,253,244,.96)) !important;
  border-color:rgba(29,78,216,.22) !important;
  box-shadow:0 22px 55px rgba(15,23,42,.14), 0 0 0 1px rgba(37,99,235,.08) inset !important;
}

html[data-theme="light"] .fp-dma-quick-access,
html[data-bs-theme="light"] .fp-dma-quick-access,
body[data-theme="light"] .fp-dma-quick-access,
body[data-bs-theme="light"] .fp-dma-quick-access,
body.light .fp-dma-quick-access,
body.light-mode .fp-dma-quick-access{
  background:linear-gradient(135deg, rgba(220,252,231,.96), rgba(255,255,255,.92)) !important;
  border-color:rgba(29,78,216,.18) !important;
  box-shadow:0 12px 26px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.75);
}

html[data-theme="light"] .fp-dma-quick-title,
html[data-bs-theme="light"] .fp-dma-quick-title,
body[data-theme="light"] .fp-dma-quick-title,
body[data-bs-theme="light"] .fp-dma-quick-title,
body.light .fp-dma-quick-title,
body.light-mode .fp-dma-quick-title{
  color:#1e40af !important;
  text-shadow:none;
}

html[data-theme="light"] .fp-dma-quick-link,
html[data-bs-theme="light"] .fp-dma-quick-link,
body[data-theme="light"] .fp-dma-quick-link,
body[data-bs-theme="light"] .fp-dma-quick-link,
body.light .fp-dma-quick-link,
body.light-mode .fp-dma-quick-link{
  color:#172554 !important;
  background:#ffffff !important;
  border-color:rgba(29,78,216,.14) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}

html[data-theme="light"] .fp-dma-quick-link:hover,
html[data-bs-theme="light"] .fp-dma-quick-link:hover,
body[data-theme="light"] .fp-dma-quick-link:hover,
body[data-bs-theme="light"] .fp-dma-quick-link:hover,
body.light .fp-dma-quick-link:hover,
body.light-mode .fp-dma-quick-link:hover{
  color:#172554 !important;
  background:#eff6ff !important;
  border-color:rgba(29,78,216,.26) !important;
}

html[data-theme="light"] .fp-dropdown-menu-account .fp-dma-link,
html[data-bs-theme="light"] .fp-dropdown-menu-account .fp-dma-link,
body[data-theme="light"] .fp-dropdown-menu-account .fp-dma-link,
body[data-bs-theme="light"] .fp-dropdown-menu-account .fp-dma-link,
body.light .fp-dropdown-menu-account .fp-dma-link,
body.light-mode .fp-dropdown-menu-account .fp-dma-link{
  color:#0f172a !important;
}

html[data-theme="light"] .fp-dropdown-menu-account .fp-dma-link:hover,
html[data-bs-theme="light"] .fp-dropdown-menu-account .fp-dma-link:hover,
body[data-theme="light"] .fp-dropdown-menu-account .fp-dma-link:hover,
body[data-bs-theme="light"] .fp-dropdown-menu-account .fp-dma-link:hover,
body.light .fp-dropdown-menu-account .fp-dma-link:hover,
body.light-mode .fp-dropdown-menu-account .fp-dma-link:hover{
  color:#172554 !important;
  background:#eff6ff !important;
}

@media(max-width:1199px){
  .fp-header .right-area .right-link.user.fp-dma-toggle{
    min-width:54px !important;
    width:54px !important;
    padding:0 6px !important;
    justify-content:center !important;
  }
  .fp-dma-content{display:none !important;}
}


/* FP Navbar - yüksek, yeşil sabit çizgili ve canlı hover görünümü */
.fp-navbar .icon-dropdown-down{
  display:none !important;
}

@media (min-width: 1200px){
  .fp-navbar{
    min-height:76px !important;
  }

  .fp-navbar::after{
    left:0 !important;
    right:0 !important;
    height:2px !important;
    bottom:-4px !important;
    background:linear-gradient(90deg, rgba(37,99,235,0) 0%, rgba(37,99,235,.45) 12%, rgba(37,99,235,.95) 50%, rgba(37,99,235,.45) 88%, rgba(37,99,235,0) 100%) !important;
    box-shadow:0 0 12px rgba(37,99,235,.65), 0 0 22px rgba(37,99,235,.32) !important;
    filter:blur(2px) !important;
    opacity:.9 !important;
  }

  .fp-navbar .flex-justify{
    min-height:72px !important;
    padding-top:14px !important;
    padding-bottom:16px !important;
    align-items:center !important;
  }

  .fp-navbar .list li .link{
    height:50px !important;
    padding:0 15px !important;
    border-radius:16px !important;
    transition:transform .22s ease, background .22s ease, box-shadow .22s ease, color .22s ease !important;
    transform-origin:center !important;
  }

  .fp-navbar .list li .link::after{
    left:14px !important;
    right:14px !important;
    bottom:5px !important;
    height:3px !important;
    opacity:.38 !important;
    transform:scaleX(1) !important;
    background:linear-gradient(90deg, rgba(37,99,235,0), rgba(37,99,235,.92), rgba(147,197,253,.92), rgba(37,99,235,0)) !important;
    box-shadow:0 0 10px rgba(37,99,235,.28) !important;
    transition:opacity .22s ease, transform .22s ease, box-shadow .22s ease !important;
  }

  .fp-navbar .list li .link:hover,
  .fp-navbar .list li .link.is-active{
    transform:translateY(-2px) scale(1.045) !important;
    background:linear-gradient(180deg, rgba(37,99,235,.18), rgba(37,99,235,.055)) !important;
    box-shadow:0 12px 26px rgba(37,99,235,.13), inset 0 0 0 1px rgba(37,99,235,.14) !important;
    color:var(--fp-shell-text) !important;
  }

  .fp-navbar .list li .link:hover::after,
  .fp-navbar .list li .link.is-active::after{
    opacity:1 !important;
    transform:scaleX(1.08) !important;
    box-shadow:0 0 14px rgba(37,99,235,.48) !important;
  }
}



/* Menü ikonları 28px */
.fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"]{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  border-radius:9px !important;
}
.fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img{
  width:28px !important;
  height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
  object-fit:contain !important;
}

/* /header_menu ile yüklenen menü görselleri: light modda yeşil, dark modda beyaz */
html[data-theme="light"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,
html[data-bs-theme="light"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,
body[data-theme="light"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,
body[data-bs-theme="light"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,
body.light .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,
body.light-mode .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,

html[data-theme="light"] .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img,
html[data-bs-theme="light"] .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img,
body[data-theme="light"] .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img,
body[data-bs-theme="light"] .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img,
body.light .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img,
body.light-mode .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img{
  -webkit-filter:brightness(0) saturate(100%) invert(61%) sepia(84%) saturate(504%) hue-rotate(86deg) brightness(96%) contrast(92%) drop-shadow(0 0 12px rgba(37,99,235,.46)) !important;
  filter:brightness(0) saturate(100%) invert(61%) sepia(84%) saturate(504%) hue-rotate(86deg) brightness(96%) contrast(92%) drop-shadow(0 0 12px rgba(37,99,235,.46)) !important;
  transform:scale(1.06);
}

html[data-theme="light"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"],
html[data-bs-theme="light"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"],
body[data-theme="light"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"],
body[data-bs-theme="light"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"],
body.light .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"],
body.light-mode .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"]{
  background:rgba(37,99,235,.10) !important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.13), 0 0 16px rgba(37,99,235,.08) !important;
}

html[data-theme="dark"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,
html[data-bs-theme="dark"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,
body[data-theme="dark"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,
body[data-bs-theme="dark"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,
body.dark .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,
body.theme-dark .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,
body.dark-mode .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"] img,

html[data-theme="dark"] .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img,
html[data-bs-theme="dark"] .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img,
body[data-theme="dark"] .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img,
body[data-bs-theme="dark"] .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img,
body.dark .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img,
body.theme-dark .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img,
body.dark-mode .fp-navbar .fp-navbar-admin-menu-item .link:hover .icon-area[class*="hm-"] img{
  -webkit-filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,255,255,.38)) !important;
  filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,255,255,.38)) !important;
  transform:scale(1.06);
}

html[data-theme="dark"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"],
html[data-bs-theme="dark"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"],
body[data-theme="dark"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"],
body[data-bs-theme="dark"] .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"],
body.dark .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"],
body.theme-dark .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"],
body.dark-mode .fp-navbar .fp-navbar-admin-menu-item .icon-area[class*="hm-"]{
  background:rgba(255,255,255,.07) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10), 0 0 16px rgba(255,255,255,.06) !important;
}


/* Header "Kategoriler" mega açılır listesi */
.fp-navbar .list .fp-navbar-all-categories-item .fp-navbar-all-categories-menu{
  width:min(1410px, calc(100vw - 70px)) !important;
  max-width:min(1410px, calc(100vw - 70px)) !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
}

.fp-navbar-all-categories-shell{
  position:relative;
  overflow:hidden;
  padding:26px 28px 30px !important;
  border-radius:26px;
  border:1px solid var(--fp-shell-border);
  background:
    radial-gradient(900px 260px at 8% 0%, rgba(37,99,235,.13), transparent 58%),
    radial-gradient(760px 240px at 96% 14%, rgba(59,130,246,.08), transparent 58%),
    var(--fp-dropdown-bg);
  box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
}

.fp-all-categories-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.fp-all-categories-title{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
}

.fp-all-categories-title strong{
  color:var(--fp-shell-text);
  font-size:24px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.03em;
}

.fp-all-categories-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  border-radius:999px;
  color:#93c5fd;
  background:rgba(37,99,235,.10);
  border:1px solid rgba(37,99,235,.16);
  font-size:11px;
  line-height:1;
  font-weight:900;
}

.fp-all-categories-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:min(430px, 100%);
}

.fp-all-categories-search{
  position:relative;
  flex:1 1 auto;
  min-width:230px;
  max-width:330px;
  height:42px;
  margin:0;
}

.fp-all-categories-search i{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--fp-shell-muted);
  font-size:18px;
  pointer-events:none;
}

.fp-all-categories-search input{
  width:100%;
  height:100%;
  padding:0 14px 0 45px;
  border-radius:13px;
  border:1px solid var(--fp-shell-border);
  background:var(--fp-shell-bg-strong);
  color:var(--fp-shell-text);
  outline:0;
  font-size:13px;
  font-weight:800;
  box-shadow:none;
}

.fp-all-categories-search input::placeholder{color:var(--fp-shell-muted);}
.fp-all-categories-search input:focus{border-color:rgba(37,99,235,.38);box-shadow:0 0 0 4px rgba(37,99,235,.10);}

.fp-all-categories-see-all{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:42px;
  padding:0 15px;
  border-radius:13px;
  color:#dfffea !important;
  background:linear-gradient(135deg, rgba(37,99,235,.94), rgba(59,130,246,.94));
  box-shadow:0 12px 26px rgba(37,99,235,.20);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.fp-all-categories-see-all:hover{color:#fff !important;transform:translateY(-1px);}

.fp-all-categories-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0,1fr));
  gap:12px;
}

.fp-all-cat-card{
  position:relative;
  display:flex !important;
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:64px;
  padding:10px 12px;
  border-radius:13px;
  border:1px solid var(--fp-shell-border);
  background:rgba(15,23,42,.28);
  color:var(--fp-shell-text) !important;
  text-decoration:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.fp-all-cat-card::after{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  bottom:0;
  height:2px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg, rgba(37,99,235,0), rgba(37,99,235,.84), rgba(59,130,246,0));
  opacity:0;
  transform:scaleX(.55);
  transition:.18s ease;
}

.fp-all-cat-card:hover{
  color:var(--fp-shell-text) !important;
  border-color:rgba(37,99,235,.30);
  background:rgba(37,99,235,.08);
  box-shadow:0 16px 34px rgba(0,0,0,.18);
  transform:translateY(-2px);
}

.fp-all-cat-card:hover::after{opacity:1;transform:scaleX(1);}

.fp-all-cat-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:36px;
  min-width:28px;
  overflow:hidden;
  border-radius:8px;
  background:linear-gradient(145deg, rgba(37,99,235,.15), rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.06);
}

.fp-all-cat-icon img{
  width:28px;
  height:36px;
  object-fit:contain;
  display:block;
}

.fp-all-cat-icon i{font-size:25px;color:#93c5fd;}

.fp-all-cat-name{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  line-height:1.1;
  font-weight:900;
  color:var(--fp-shell-text) !important;
}

.fp-all-categories-empty{
  display:none;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:72px;
  border-radius:16px;
  border:1px dashed var(--fp-shell-border);
  color:var(--fp-shell-muted);
  background:var(--fp-shell-bg);
  font-size:13px;
  font-weight:900;
}

.fp-all-categories-empty.is-visible{display:flex;}
.fp-all-cat-card.is-hidden{display:none !important;}

html[data-theme="light"] .fp-navbar-all-categories-shell,
html[data-bs-theme="light"] .fp-navbar-all-categories-shell,
body[data-theme="light"] .fp-navbar-all-categories-shell,
body[data-bs-theme="light"] .fp-navbar-all-categories-shell,
body.light .fp-navbar-all-categories-shell,
body.light-mode .fp-navbar-all-categories-shell{
  box-shadow:0 22px 56px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.80);
}

html[data-theme="light"] .fp-all-cat-card,
html[data-bs-theme="light"] .fp-all-cat-card,
body[data-theme="light"] .fp-all-cat-card,
body[data-bs-theme="light"] .fp-all-cat-card,
body.light .fp-all-cat-card,
body.light-mode .fp-all-cat-card{
  background:rgba(255,255,255,.84);
  box-shadow:0 8px 22px rgba(15,23,42,.04);
}

@media (max-width: 1199.98px){
  .fp-navbar .list .fp-navbar-all-categories-item .fp-navbar-all-categories-menu{
    width:100% !important;
    max-width:100% !important;
    padding-top:8px;
  }
  .fp-navbar-all-categories-shell{padding:16px !important;border-radius:20px;}
  .fp-all-categories-head{align-items:stretch;flex-direction:column;gap:12px;}
  .fp-all-categories-actions{min-width:0;width:100%;}
  .fp-all-categories-search{max-width:none;min-width:0;}
  .fp-all-categories-grid{grid-template-columns:repeat(2, minmax(0,1fr));gap:10px;}
  .fp-all-cat-card{min-height:58px;padding:9px 10px;}
  .fp-all-cat-icon{width:28px;height:36px;min-width:28px;}
  .fp-all-cat-name{font-size:12px;}
}

@media (max-width: 420px){
  .fp-all-categories-actions{flex-direction:column;align-items:stretch;}
  .fp-all-categories-see-all{width:100%;}
  .fp-all-categories-grid{grid-template-columns:1fr;}
}



/* ===== Screenshot style mobile drawer menu ===== */
.fp-mobile-drawer-frame{display:none;}

@media (max-width: 767.98px){
  .fp-navbar{
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:0 !important;
    width:min(360px, 100vw) !important;
    max-width:100vw !important;
    height:100dvh !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:#080d15 !important;
    box-shadow:24px 0 70px rgba(0,0,0,.42) !important;
    transform:translateX(-104%) !important;
  }
  .fp-navbar::before,
  .fp-navbar::after,
  .fp-navbar .container-fluid::after{display:none !important;}
  body.fp-mobile-nav-open .fp-navbar{transform:translateX(0) !important;}
  body.fp-mobile-nav-open .fp-mobile-bar{display:none !important;}
  .fp-navbar .container-fluid.fp-nav-wide{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .fp-navbar > .container-fluid > .fp-navbar-mobile-head,
  .fp-navbar > .container-fluid > .fp-navbar-mobile-actions,
  .fp-navbar > .container-fluid > .fp-navbar-mobile-links,
  .fp-navbar > .container-fluid > .flex-justify{display:none !important;}
  .fp-mobile-drawer-frame{
    display:grid;
    grid-template-columns:80px minmax(0, 1fr);
    height:100dvh;
    width:100%;
    background:#080d15;
    color:#edf4ff;
  }
  .fp-mobile-drawer-rail{
    display:flex;
    flex-direction:column;
    min-width:0;
    height:100%;
    background:#090e16;
    border-right:1px solid rgba(255,255,255,.06);
  }
  .fp-mobile-rail-close{
    width:80px;
    height:68px;
    min-height:68px;
    border:0;
    border-radius:0;
    background:#ff4355;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .fp-mobile-rail-close i{font-size:27px;line-height:1;}
  .fp-mobile-rail-scroll{
    flex:1;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:10px 0 14px;
    scrollbar-width:none;
  }
  .fp-mobile-rail-scroll::-webkit-scrollbar{display:none;}
  .fp-mobile-rail-link{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:68px;
    padding:7px 4px;
    color:#a9c6ff !important;
    text-align:center;
    text-decoration:none !important;
    font-size:10px;
    font-weight:800;
    line-height:1.05;
  }
  .fp-mobile-rail-link.is-active::before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    bottom:8px;
    width:3px;
    border-radius:0 999px 999px 0;
    background:#315bff;
    box-shadow:0 0 16px rgba(49,91,255,.82);
  }
  .fp-mobile-rail-icon{
    width:36px;
    height:36px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg, #315bff, #4c63ff);
    box-shadow:0 10px 22px rgba(49,91,255,.28);
    color:#fff;
    overflow:hidden;
  }
  .fp-mobile-rail-icon img{width:76%;height:76%;object-fit:contain;border-radius:9px;}
  .fp-mobile-rail-icon i{font-size:18px;}
  .fp-mobile-rail-link:nth-child(3n+2) .fp-mobile-rail-icon{background:linear-gradient(135deg,#ffb000,#f59e0b);box-shadow:0 10px 20px rgba(245,158,11,.25);}
  .fp-mobile-rail-link:nth-child(3n+3) .fp-mobile-rail-icon{background:linear-gradient(135deg,#ff3f67,#ef4444);box-shadow:0 10px 20px rgba(239,68,68,.25);}
  .fp-mobile-rail-link:nth-child(3n+4) .fp-mobile-rail-icon{background:linear-gradient(135deg,#1d8bff,#0ea5e9);box-shadow:0 10px 20px rgba(14,165,233,.22);}
  .fp-mobile-drawer-main{
    position:relative;
    min-width:0;
    height:100%;
    overflow:hidden;
    background:#0a0f18;
    display:flex;
    flex-direction:column;
  }
  .fp-mobile-drawer-top{
    height:58px;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 15px;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  .fp-mobile-drawer-brand{
    min-width:0;
    height:34px;
    display:flex;
    align-items:center;
  }
  .fp-mobile-brand-logo{display:block;height:30px;width:auto;max-width:168px;object-fit:contain;}
  .fp-mobile-brand-logo-dark{display:none;}
  html[data-theme="light"] .fp-mobile-brand-logo-light,
  html[data-bs-theme="light"] .fp-mobile-brand-logo-light,
  body[data-theme="light"] .fp-mobile-brand-logo-light{display:none;}
  html[data-theme="light"] .fp-mobile-brand-logo-dark,
  html[data-bs-theme="light"] .fp-mobile-brand-logo-dark,
  body[data-theme="light"] .fp-mobile-brand-logo-dark{display:block;}
  .fp-mobile-theme-toggle{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#151b25;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .fp-mobile-theme-toggle a{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff !important;
    text-decoration:none !important;
  }
  .fp-mobile-theme-toggle i{font-size:20px;}
  html[data-theme="dark"] .fp-mobile-theme-toggle .link-dark-theme,
  html[data-bs-theme="dark"] .fp-mobile-theme-toggle .link-dark-theme{display:none;}
  html[data-theme="light"] .fp-mobile-theme-toggle .link-light-theme,
  html[data-bs-theme="light"] .fp-mobile-theme-toggle .link-light-theme{display:none;}
  .fp-mobile-drawer-search{
    margin:14px 15px 12px;
    height:46px;
    border-radius:8px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 14px;
    background:#111821;
    border:1px solid #2a3444;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  }
  .fp-mobile-drawer-search i{font-size:20px;color:#8fb0d1;}
  .fp-mobile-drawer-search input{
    min-width:0;
    width:100%;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    color:#eaf2ff !important;
    font-size:13px;
    font-weight:700;
  }
  .fp-mobile-drawer-search input::placeholder{color:#9db1c8;}
  .fp-mobile-menu-list{
    flex:1;
    min-height:0;
    overflow-y:auto;
    padding:0 15px 96px;
    scrollbar-width:none;
  }
  .fp-mobile-menu-list::-webkit-scrollbar{display:none;}
  .fp-mobile-menu-panel{display:none;}
  .fp-mobile-menu-panel.is-active{display:block;}
  .fp-mobile-panel-heading{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 14px;
    margin:0 0 10px;
    border-radius:12px;
    text-decoration:none !important;
    color:#eaf2ff !important;
    background:linear-gradient(135deg, rgba(37,99,235,.16), rgba(17,24,39,.94));
    border:1px solid rgba(37,99,235,.18);
    box-shadow:0 10px 22px rgba(0,0,0,.16);
  }
  .fp-mobile-panel-heading span{min-width:0;display:flex;flex-direction:column;gap:2px;}
  .fp-mobile-panel-heading small{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#93c5fd;}
  .fp-mobile-panel-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:950;}
  .fp-mobile-panel-heading i{font-size:18px;color:#93c5fd;}
  .fp-mobile-menu-card{
    position:relative;
    min-height:58px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 14px 10px 18px;
    margin-bottom:9px;
    border-radius:12px;
    text-decoration:none !important;
    color:#e9eef8 !important;
    background:#10161f;
    border:1px solid rgba(255,255,255,.06);
    overflow:hidden;
    box-shadow:0 8px 18px rgba(0,0,0,.14);
  }
  .fp-mobile-menu-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:#ffb000;
    box-shadow:0 0 16px rgba(255,176,0,.45);
  }
  .fp-mobile-menu-card:nth-child(2n)::before{background:#ff405e;box-shadow:0 0 16px rgba(255,64,94,.42);}
  .fp-mobile-menu-card:nth-child(3n)::before{background:#315bff;box-shadow:0 0 16px rgba(49,91,255,.42);}
  .fp-mobile-menu-card:nth-child(4n)::before{background:#1889e8;box-shadow:0 0 16px rgba(24,137,232,.36);}
  .fp-mobile-menu-card:nth-child(5n)::before{background:#c8a35d;box-shadow:0 0 16px rgba(200,163,93,.38);}
  .fp-mobile-menu-card-icon{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f59e0b;
    color:#fff;
    overflow:hidden;
  }
  .fp-mobile-menu-card:nth-child(2n) .fp-mobile-menu-card-icon{background:#ff405e;}
  .fp-mobile-menu-card:nth-child(3n) .fp-mobile-menu-card-icon{background:#315bff;}
  .fp-mobile-menu-card:nth-child(4n) .fp-mobile-menu-card-icon{background:#1178c7;}
  .fp-mobile-menu-card:nth-child(5n) .fp-mobile-menu-card-icon{background:#a9853f;}
  .fp-mobile-menu-card-icon img{width:76%;height:76%;object-fit:contain;border-radius:8px;}
  .fp-mobile-menu-card-icon i{font-size:19px;}
  .fp-mobile-menu-card strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px;
    font-weight:900;
    letter-spacing:-.02em;
  }
  .fp-mobile-menu-empty{
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:12px;
    color:#9db1c8;
    background:#10161f;
    border:1px dashed rgba(255,255,255,.12);
    font-weight:800;
    font-size:13px;
  }
  .fp-mobile-menu-empty-sub{
    min-height:92px;
    flex-direction:column;
    text-align:center;
    padding:16px 12px;
  }
  .fp-mobile-menu-empty-sub a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 13px;
    border-radius:999px;
    color:#172554 !important;
    background:#93c5fd;
    text-decoration:none !important;
    font-size:12px;
    font-weight:950;
  }
  .fp-mobile-drawer-bottom{
    position:absolute;
    left:9px;
    right:9px;
    bottom:9px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:8px;
    z-index:3;
  }
  .fp-mobile-drawer-bottom a{
    min-height:72px;
    border-radius:12px;
    background:#171d27;
    border:1px solid rgba(255,255,255,.06);
    color:#a9cfff !important;
    text-decoration:none !important;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    box-shadow:0 12px 20px rgba(0,0,0,.20);
  }
  .fp-mobile-drawer-bottom a i{font-size:22px;color:#a9cfff;}
  .fp-mobile-bar{
    bottom:12px !important;
    padding-bottom:calc(22px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html[data-theme="light"] .fp-navbar,
  html[data-bs-theme="light"] .fp-navbar,
  body[data-theme="light"] .fp-navbar{background:#f3f7fb !important;box-shadow:24px 0 70px rgba(15,23,42,.18) !important;}
  html[data-theme="light"] .fp-mobile-drawer-frame,
  html[data-bs-theme="light"] .fp-mobile-drawer-frame,
  body[data-theme="light"] .fp-mobile-drawer-frame{background:#edf3f8;color:#0f172a;}
  html[data-theme="light"] .fp-mobile-drawer-rail,
  html[data-bs-theme="light"] .fp-mobile-drawer-rail,
  body[data-theme="light"] .fp-mobile-drawer-rail{background:#e8eef5;border-right-color:rgba(15,23,42,.08);}
  html[data-theme="light"] .fp-mobile-drawer-main,
  html[data-bs-theme="light"] .fp-mobile-drawer-main,
  body[data-theme="light"] .fp-mobile-drawer-main{background:#f5f8fb;}
  html[data-theme="light"] .fp-mobile-drawer-top,
  html[data-bs-theme="light"] .fp-mobile-drawer-top,
  body[data-theme="light"] .fp-mobile-drawer-top{border-bottom-color:rgba(15,23,42,.08);}
  html[data-theme="light"] .fp-mobile-theme-toggle,
  html[data-bs-theme="light"] .fp-mobile-theme-toggle,
  body[data-theme="light"] .fp-mobile-theme-toggle{background:#fff;border-color:rgba(15,23,42,.10);}
  html[data-theme="light"] .fp-mobile-theme-toggle a,
  html[data-bs-theme="light"] .fp-mobile-theme-toggle a,
  body[data-theme="light"] .fp-mobile-theme-toggle a{color:#0f172a !important;}
  html[data-theme="light"] .fp-mobile-drawer-search,
  html[data-bs-theme="light"] .fp-mobile-drawer-search,
  body[data-theme="light"] .fp-mobile-drawer-search{background:#fff;border-color:rgba(15,23,42,.12);}
  html[data-theme="light"] .fp-mobile-drawer-search input,
  html[data-bs-theme="light"] .fp-mobile-drawer-search input,
  body[data-theme="light"] .fp-mobile-drawer-search input{color:#0f172a !important;}
  html[data-theme="light"] .fp-mobile-menu-card,
  html[data-bs-theme="light"] .fp-mobile-menu-card,
  body[data-theme="light"] .fp-mobile-menu-card{background:#fff;color:#111827 !important;border-color:rgba(15,23,42,.08);box-shadow:0 8px 20px rgba(15,23,42,.06);}
  html[data-theme="light"] .fp-mobile-panel-heading,
  html[data-bs-theme="light"] .fp-mobile-panel-heading,
  body[data-theme="light"] .fp-mobile-panel-heading{background:linear-gradient(135deg, rgba(37,99,235,.12), rgba(255,255,255,.96));color:#0f172a !important;border-color:rgba(37,99,235,.18);box-shadow:0 8px 20px rgba(15,23,42,.06);}
  html[data-theme="light"] .fp-mobile-menu-empty,
  html[data-bs-theme="light"] .fp-mobile-menu-empty,
  body[data-theme="light"] .fp-mobile-menu-empty{background:#fff;color:#64748b;border-color:rgba(15,23,42,.12);}
  html[data-theme="light"] .fp-mobile-drawer-bottom a,
  html[data-bs-theme="light"] .fp-mobile-drawer-bottom a,
  body[data-theme="light"] .fp-mobile-drawer-bottom a{background:#fff;border-color:rgba(15,23,42,.08);color:#0f518a !important;box-shadow:0 10px 20px rgba(15,23,42,.08);}
}

@media (max-width: 380px){
  .fp-mobile-drawer-frame{grid-template-columns:76px minmax(0,1fr);}
  .fp-mobile-rail-close{width:76px;}
  .fp-mobile-menu-card{padding-right:10px;gap:10px;}
  .fp-mobile-drawer-bottom a{min-height:68px;font-size:9px;}
}

/* Mobil alt bar yazı görünürlük düzeltmesi: Hesabım/Destek metinleri altta kalmasın */
@media (max-width:1199.98px){
  .fp-mobile-bar{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:1065 !important;
    height:auto !important;
    min-height:calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    padding:0 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    overflow:visible !important;
    pointer-events:none !important;
  }

  .fp-mobile-bar .grid,
  .fp-mobile-bar.is-logged .grid,
  .fp-mobile-bar.is-guest .grid{
    pointer-events:auto !important;
    height:auto !important;
    min-height:78px !important;
    max-height:none !important;
    align-items:center !important;
    overflow:visible !important;
    padding:9px 7px 10px !important;
  }

  .fp-mobile-bar .grid .link,
  .fp-mobile-bar.is-logged .grid .link,
  .fp-mobile-bar.is-guest .grid .link{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:62px !important;
    height:auto !important;
    max-height:none !important;
    padding:7px 2px 8px !important;
    gap:3px !important;
    overflow:visible !important;
  }

  .fp-mobile-bar .grid .link .icon,
  .fp-mobile-bar.is-logged .grid .link .icon,
  .fp-mobile-bar.is-guest .grid .link .icon{
    flex:0 0 auto !important;
    margin:0 auto 3px !important;
  }

  .fp-mobile-bar .grid .link .text,
  .fp-mobile-bar.is-logged .grid .link .text,
  .fp-mobile-bar.is-guest .grid .link .text{
    display:block !important;
    position:static !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    height:auto !important;
    min-height:12px !important;
    max-height:16px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    text-align:center !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    transform:none !important;
    line-height:1.08 !important;
    font-size:10px !important;
    font-weight:900 !important;
  }

  .fp-mobile-bar.is-logged .grid .link.is-cart-center{
    margin-top:0 !important;
    transform:translateY(-10px) !important;
    min-height:72px !important;
    overflow:visible !important;
  }

  .fp-mobile-bar.is-logged .grid .link.is-cart-center .icon{
    margin-top:0 !important;
    margin-bottom:3px !important;
  }

  .fp-mobile-bar.is-logged .grid .link.is-cart-center .text{
    display:block !important;
    font-size:0 !important;
    height:auto !important;
    min-height:12px !important;
    max-height:16px !important;
    line-height:1.08 !important;
    overflow:visible !important;
  }

  .fp-mobile-bar.is-logged .grid .link.is-cart-center .text::before{
    content:'Sepet' !important;
    display:block !important;
    font-size:10px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
  }

  body:not(.fp-mobile-nav-open){
    padding-bottom:calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.fp-mobile-nav-open .fp-mobile-bar{
    display:none !important;
  }
}

@media (max-width:380px){
  .fp-mobile-bar{padding-left:6px !important;padding-right:6px !important;}
  .fp-mobile-bar .grid,
  .fp-mobile-bar.is-logged .grid,
  .fp-mobile-bar.is-guest .grid{min-height:76px !important;padding:8px 5px 9px !important;}
  .fp-mobile-bar .grid .link .text,
  .fp-mobile-bar.is-logged .grid .link .text,
  .fp-mobile-bar.is-guest .grid .link .text{font-size:9px !important;}
  .fp-mobile-bar.is-logged .grid .link.is-cart-center .text::before{font-size:9px !important;}
}



/* FP mobile drawer bottom hotfix: hızlı geçişler yatay kayar olsun, alt alta binmesin */
@media (max-width:1199.98px){
  body.fp-mobile-nav-open .fp-mobile-menu-list{
    padding-bottom:calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.fp-mobile-nav-open .fp-mobile-drawer-bottom,
  .fp-mobile-drawer-bottom{
    position:absolute !important;
    left:10px !important;
    right:10px !important;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    z-index:30 !important;
    display:flex !important;
    grid-template-columns:none !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    max-width:calc(100% - 20px) !important;
    width:auto !important;
    padding:0 2px 2px !important;
    margin:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x proximity !important;
    overscroll-behavior-x:contain !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
  }

  body.fp-mobile-nav-open .fp-mobile-drawer-bottom::-webkit-scrollbar,
  .fp-mobile-drawer-bottom::-webkit-scrollbar{
    display:none !important;
    width:0 !important;
    height:0 !important;
  }

  body.fp-mobile-nav-open .fp-mobile-drawer-bottom a,
  .fp-mobile-drawer-bottom a{
    flex:0 0 104px !important;
    width:104px !important;
    min-width:104px !important;
    max-width:104px !important;
    height:66px !important;
    min-height:66px !important;
    padding:8px 8px !important;
    box-sizing:border-box !important;
    scroll-snap-align:start !important;
    white-space:nowrap !important;
  }

  body.fp-mobile-nav-open .fp-mobile-drawer-bottom a i,
  .fp-mobile-drawer-bottom a i{
    flex:0 0 auto !important;
  }

  body.fp-mobile-nav-open .fp-mobile-drawer-bottom a span,
  .fp-mobile-drawer-bottom a span{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    line-height:1.1 !important;
  }
}

@media (max-width:380px){
  body.fp-mobile-nav-open .fp-mobile-drawer-bottom,
  .fp-mobile-drawer-bottom{
    left:8px !important;
    right:8px !important;
    max-width:calc(100% - 16px) !important;
    gap:7px !important;
  }

  body.fp-mobile-nav-open .fp-mobile-drawer-bottom a,
  .fp-mobile-drawer-bottom a{
    flex-basis:96px !important;
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    height:64px !important;
    min-height:64px !important;
  }
}

/* ===== GustoPin overrides (navbar icerik ayni, logo img dokunulmaz) ===== */

/* style.css'te eski .fp-topnav vardı; .fp-topnav-ry köprüsü (roypin style.css'ten) */
.fp-topnav-ry .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fp-topnav-ry .flex .flex-item {
  flex: 1;
}
.fp-topnav-ry .flex .flex-item:not(.left) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fp-topnav-ry .list.right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.fp-topnav-ry .list.right li {
  list-style: none;
}
.fp-topnav-ry .list.right li > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: var(--fp-shell-text, var(--text-color));
}
.fp-topnav-ry .fp-color-selector {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.fp-header .logo-area .logo::before,
.fp-header .logo-area .logo::after {
  display: none !important;
  content: none !important;
}
.fp-header .logo-area .logo img {
  filter: none !important;
}
.fp-header .logo-area .logo:hover::before {
  display: none !important;
}
.fp-header .logo-area .logo:hover img {
  filter: none !important;
}
@media (max-width: 991.98px) {
  .fp-nav-catbtn-li { display: none !important; }
}
.fp-header .btn-all-categories.btn-primary {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--fp-green-1), var(--fp-green-2)) !important;
  box-shadow: 0 12px 24px var(--fp-green-shadow) !important;
}

/* ===== MOBİL: Roypin klonundan SADECE masaüstü header kaldı — geri kalan eski GustoPin ===== */
@media (max-width: 991.98px) {
  /* Mobil header: Roypin 3 kolon kalsın — sepet/giriş yok, sağda bildirim */
  .fp-topnav-ry {
    display: none !important;
  }

  .fp-header-neon-line {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .fp-header .right-area .position-relative:hover > .fp-nav-notification-menu,
  .fp-header .right-area .position-relative:focus-within > .fp-nav-notification-menu {
    display: none !important;
  }

  .fp-nav-shell {
    padding: 0 0 8px !important;
    position: relative !important;
  }

  .fp-header {
    padding: 0 !important;
    background-color: var(--bg-white) !important;
    border-bottom: 1px solid var(--border) !important;
  }

  .fp-header .container-fluid.fp-nav-wide {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .fp-header .grid {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0 !important;
    min-height: 78px !important;
    padding: 14px 0 !important;
    position: relative !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .fp-header--guest .grid {
    grid-template-columns: 52px minmax(0, 1fr) 52px !important;
  }

  .fp-header--logged .grid {
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
  }

  .fp-header .btn-all-categories {
    order: 1 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: static !important;
    justify-self: start !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, var(--fp-green-1), var(--fp-green-2)) !important;
    box-shadow: 0 12px 24px var(--fp-green-shadow) !important;
    color: #fff !important;
  }

  .fp-header .btn-all-categories .label {
    display: none !important;
  }

  .fp-header .logo-area {
    order: 2 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 0 8px !important;
  }

  .fp-header .logo {
    height: 44px !important;
    justify-content: center !important;
  }

  .fp-header .logo-area .logo img {
    max-height: 44px !important;
    width: auto !important;
  }

  .fp-header--guest .right-area {
    width: 52px !important;
    min-width: 52px !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  .fp-header-search-wrap {
    display: none !important;
  }

  .fp-header .right-area {
    order: 3 !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .fp-header--guest .fp-mobile-notify-btn,
  .fp-header--guest .mobile-notification {
    display: none !important;
  }

  .fp-header--guest .fp-mobile-auth-compact {
    display: none !important;
  }

  .fp-mobile-notify-btn.is-open .fp-mobile-notify-trigger {
    background: rgba(37, 99, 235, 0.14) !important;
    border-color: rgba(37, 99, 235, 0.28) !important;
    color: #93c5fd !important;
  }

  .fp-header .mobile-cart,
  .fp-header .fp-mobile-auth-avatar,
  .fp-header .fp-desktop-auth-actions,
  .fp-header-utility-rail,
  .fp-header .right-area .cart-pill,
  .fp-header .right-area .auth-pill {
    display: none !important;
  }

  .fp-header .mobile-notification,
  .fp-header .fp-mobile-notify-btn {
    display: block !important;
    position: relative !important;
    width: auto !important;
    flex-shrink: 0 !important;
    right: auto !important;
    top: auto !important;
  }

  .fp-header--guest .mobile-notification,
  .fp-header--guest .fp-mobile-notify-btn {
    display: none !important;
  }

  .fp-header .right-area .right-link.notification,
  .fp-header .fp-mobile-notify-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    color: var(--text-color) !important;
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22) !important;
    transition: 0.2s ease !important;
  }

  .fp-header .right-area .right-link.notification:hover,
  .fp-header .fp-mobile-notify-trigger:hover {
    background: rgba(37, 99, 235, 0.14) !important;
    border-color: rgba(37, 99, 235, 0.28) !important;
    color: #93c5fd !important;
  }

  .fp-header .right-area .right-link.notification .icon,
  .fp-header .fp-mobile-notify-trigger .icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  .fp-header .right-area .right-link.notification .icon i,
  .fp-header .fp-mobile-notify-trigger .icon i {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  .fp-header .right-area .right-link.notification .number,
  .fp-header .fp-mobile-notify-trigger .number {
    position: absolute !important;
    top: 3px !important;
    right: 3px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    background: #ef4444 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid var(--bg-white, #0a0e1c) !important;
    pointer-events: none !important;
  }

  html[data-theme="light"] .fp-header .right-area .right-link.notification,
  html[data-theme="light"] .fp-header .fp-mobile-notify-trigger {
    background: rgba(15, 23, 42, 0.05) !important;
    border-color: rgba(15, 23, 42, 0.10) !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08) !important;
  }

  .fp-header .fp-mobile-theme-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    flex-shrink: 0 !important;
  }

  .fp-header .fp-mobile-theme-toggle .fp-mobile-header-icon-btn {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    color: var(--text-color) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22) !important;
    text-decoration: none !important;
  }

  html[data-theme="dark"] .fp-header .fp-mobile-theme-toggle .link-dark-theme {
    display: none !important;
  }

  html[data-theme="dark"] .fp-header .fp-mobile-theme-toggle .link-light-theme {
    display: flex !important;
  }

  html[data-theme="light"] .fp-header .fp-mobile-theme-toggle .link-dark-theme,
  html:not([data-theme="dark"]) .fp-header .fp-mobile-theme-toggle .link-dark-theme {
    display: flex !important;
  }

  html[data-theme="light"] .fp-header .fp-mobile-theme-toggle .link-light-theme,
  html:not([data-theme="dark"]) .fp-header .fp-mobile-theme-toggle .link-light-theme {
    display: none !important;
  }

  .fp-header .fp-mobile-theme-toggle .fp-mobile-header-icon-btn i {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  html[data-theme="light"] .fp-header .fp-mobile-theme-toggle .fp-mobile-header-icon-btn,
  html:not([data-theme="dark"]) .fp-header .fp-mobile-theme-toggle .fp-mobile-header-icon-btn {
    background: rgba(15, 23, 42, 0.05) !important;
    border-color: rgba(15, 23, 42, 0.10) !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08) !important;
  }

  /* Roypin mobil drawer/backdrop — kullanılmıyor */
  .fp-navbar-backdrop,
  .fp-mobile-drawer-frame,
  .fp-navbar-mobile-head,
  .fp-navbar-mobile-actions,
  .fp-navbar-mobile-links {
    display: none !important;
  }

  body.fp-mobile-nav-open .fp-mobile-bar {
    display: block !important;
  }

  /* Navbar: klon öncesi fadeToggle (.fp-mobile-open) */
  .fp-nav-shell .fp-navbar {
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100vh - 141px - 62px) !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    inset: auto !important;
    z-index: 99 !important;
    overflow-y: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: var(--bg-white) !important;
    border-bottom: 1px solid var(--border) !important;
  }

  .fp-nav-shell .fp-navbar.fp-mobile-open {
    display: block !important;
  }

  .fp-nav-shell .fp-navbar > .container-fluid > .flex-justify,
  .fp-nav-shell .fp-navbar .flex-justify {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
    padding: 10px 14px !important;
    overflow: visible !important;
    border-radius: 0 !important;
  }

  .fp-nav-shell .fp-navbar .fp-navbar-list-main,
  .fp-nav-shell .fp-navbar .fp-navbar-list-quick,
  .fp-nav-shell .fp-navbar .list {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  /* Alt bar: Roypin stillerini sıfırla → style.css geçerli olsun */
  .fp-mobile-bar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: auto !important;
    z-index: 10 !important;
    overflow: visible !important;
    background-color: var(--bg-white) !important;
    border-top: 1px solid var(--border) !important;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .fp-mobile-bar .grid,
  .fp-mobile-bar.is-logged .grid,
  .fp-mobile-bar.is-guest .grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    position: relative !important;
    height: 100% !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  .fp-mobile-bar .grid .mid {
    display: block !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .fp-mobile-bar .grid .link,
  .fp-mobile-bar.is-logged .grid .link,
  .fp-mobile-bar.is-guest .grid .link {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    border: 4px solid transparent !important;
    border-radius: 0 !important;
    transform: none !important;
    background: transparent !important;
    color: var(--bs-blue) !important;
    text-align: center !important;
  }

  .fp-mobile-bar .grid .link.active {
    background-color: var(--bs-blue) !important;
    color: #fff !important;
    border-color: var(--bg-white) !important;
    border-radius: 10px !important;
  }

  .fp-mobile-bar .grid .link.is-active {
    background: transparent !important;
    color: var(--bs-blue) !important;
    border-color: transparent !important;
  }

  .fp-mobile-bar .grid .link .icon {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .fp-mobile-bar .grid .link .icon i {
    font-size: 24px !important;
  }

  .fp-mobile-bar .grid .link .text {
    display: block !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .fp-mobile-bar .link.cart {
    position: absolute !important;
    left: 50% !important;
    top: -20px !important;
    transform: translateX(-50%) !important;
    width: 61px !important;
    height: 61px !important;
    border-radius: 100% !important;
    background-color: var(--bs-blue) !important;
    color: #fff !important;
    outline: 6px solid var(--bg-white) !important;
    border: 0 !important;
  }

  .fp-mobile-bar .grid .link.cart .text {
    top: -4px !important;
    font-size: 10px !important;
    color: #fff !important;
    position: relative !important;
  }

  body {
    padding-bottom: 62px !important;
  }
}

@media (max-width: 1199.98px) {
  body:not(.fp-mobile-nav-open) {
    padding-bottom: 62px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .fp-mobile-bar {
    display: none !important;
  }
  body {
    padding-bottom: 0 !important;
  }
}

/* ===== Masaüstü üst bar: bildirim paneli ===== */
@media (min-width: 992px) {
  .fp-header .fp-mobile-notify-btn {
    display: none !important;
  }

  .fp-header .fp-mobile-theme-toggle {
    display: none !important;
  }

  html[data-theme="dark"] .fp-topnav-ry .fp-color-selector .link-dark-theme,
  html[data-bs-theme="dark"] .fp-topnav-ry .fp-color-selector .link-dark-theme {
    display: none !important;
  }

  html[data-theme="light"] .fp-topnav-ry .fp-color-selector .link-light-theme,
  html[data-bs-theme="light"] .fp-topnav-ry .fp-color-selector .link-light-theme,
  html:not([data-theme="dark"]):not([data-bs-theme="dark"]) .fp-topnav-ry .fp-color-selector .link-light-theme {
    display: none !important;
  }

  .fp-topnav-ry .fp-desktop-notify-li {
    list-style: none;
  }

  .fp-topnav-ry .fp-desktop-notify-btn {
    position: relative;
  }

  .fp-topnav-ry .fp-desktop-notify-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 14px;
    border-radius: 14px;
    border: 0;
    background: var(--fp-shell-bg-soft);
    color: var(--fp-shell-text, var(--text-color));
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    position: relative;
    z-index: 2;
    pointer-events: auto;
    transition: color 0.15s ease, background 0.15s ease;
  }

  .fp-topnav-ry .fp-desktop-notify-trigger i {
    font-size: 17px;
    line-height: 1;
  }

  .fp-topnav-ry .fp-desktop-notify-trigger:hover,
  .fp-topnav-ry .fp-desktop-notify-btn.is-open .fp-desktop-notify-trigger {
    color: var(--fp-green-1);
  }

  .fp-topnav-notify-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
  }

  .fp-desktop-notify-btn:hover > .fp-nav-notification-menu,
  .fp-desktop-notify-btn:focus-within > .fp-nav-notification-menu {
    display: none !important;
  }

  body.fp-desktop-notify-open .fp-topnav-ry {
    position: relative;
    z-index: 1400;
  }

  body.fp-desktop-notify-open::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.16);
    z-index: 1390;
    pointer-events: none;
  }

  html[data-theme="dark"] body.fp-desktop-notify-open::before {
    background: rgba(2, 6, 23, 0.42);
  }

  #fpDesktopNotifyPanel {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    left: auto;
    width: 380px;
    max-width: min(380px, calc(100vw - 32px));
    transform: none !important;
    margin-top: 0;
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18) !important;
    overflow: hidden !important;
    z-index: 1410 !important;
    background: #ffffff !important;
    color: #0f172a !important;
  }

  html:not([data-theme="dark"]) #fpDesktopNotifyPanel {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important;
    color: #f1f5f9 !important;
  }

  .fp-desktop-notify-btn.is-open #fpDesktopNotifyPanel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  #fpDesktopNotifyPanel .fp-nnm-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-head {
    background: #0f172a !important;
    border-bottom-color: #334155 !important;
  }

  #fpDesktopNotifyPanel .fp-nnm-title {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.01em;
    border: 0;
    background: transparent;
    color: #0f172a;
    text-align: left;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-title {
    color: #f8fafc !important;
  }

  #fpDesktopNotifyPanel .fp-nnm-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    color: #64748b;
    cursor: pointer;
    flex-shrink: 0;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-close {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
  }

  #fpDesktopNotifyPanel .fp-nnm-close i {
    font-size: 18px;
    line-height: 1;
  }

  #fpDesktopNotifyPanel .fp-nnm-scroll {
    max-height: min(420px, 58vh);
    overflow-y: auto;
    background: #ffffff;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-scroll {
    background: #1e293b !important;
  }

  #fpDesktopNotifyPanel .fp-nnm-empty {
    padding: 28px 16px;
    text-align: center;
    color: #64748b;
    font-size: 14px;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-empty {
    color: #cbd5e1 !important;
  }

  #fpDesktopNotifyPanel .fp-nnm-item {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 12px;
    align-items: start;
    padding: 14px 16px !important;
    border-bottom: 1px solid #eef2f7 !important;
    color: #0f172a;
    text-decoration: none;
    transition: background 0.18s ease;
    background: #ffffff;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-item {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
    color: #f1f5f9 !important;
  }

  #fpDesktopNotifyPanel .fp-nnm-item:hover {
    background: rgba(99, 102, 241, 0.08) !important;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-item:hover {
    background: rgba(99, 102, 241, 0.16) !important;
  }

  #fpDesktopNotifyPanel .fp-nnm-item.is-unread {
    background: rgba(99, 102, 241, 0.06) !important;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-item.is-unread {
    background: rgba(99, 102, 241, 0.14) !important;
  }

  #fpDesktopNotifyPanel .fp-nnm-item--review {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(124, 58, 237, 0.08)) !important;
    border-left: 3px solid #6366f1 !important;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-item--review {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.18), rgba(124, 58, 237, 0.12)) !important;
  }

  #fpDesktopNotifyPanel .fp-nnm-item-img img {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    object-fit: cover;
    display: block;
    background: #f1f5f9;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-item-img img {
    background: #334155;
  }

  #fpDesktopNotifyPanel .fp-nnm-item-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 5px;
    color: #0f172a;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-item-title {
    color: #f8fafc !important;
  }

  #fpDesktopNotifyPanel .fp-nnm-item-text {
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 6px;
    color: #475569;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-item-text {
    color: #cbd5e1 !important;
  }

  #fpDesktopNotifyPanel .fp-nnm-item-date {
    font-size: 11px;
    color: #94a3b8;
  }

  #fpDesktopNotifyPanel .fp-nnm-link {
    display: block;
    padding: 13px 16px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #4f46e5;
    border-top: 1px solid #eef2f7;
    background: #f8fafc;
  }

  html[data-theme="dark"] #fpDesktopNotifyPanel .fp-nnm-link {
    background: #0f172a !important;
    border-top-color: #334155 !important;
    color: #a5b4fc !important;
  }
}

@media (max-width: 991.98px) {
  .fp-desktop-notify-li {
    display: none !important;
  }

  .gp-desktop-rail {
    display: none !important;
  }
}

/* ===== Tıklama güvenliği: görünmez overlay/panel tıklamayı yutmasın ===== */
#gusto-mega-overlay:not(.gm-active) {
  display: none !important;
  pointer-events: none !important;
}

/* Kritik: mega menü resmi olarak açık değilken (body.gm-menu-open yok) overlay
   yanlışlıkla .gm-active kalsa bile ASLA tüm sayfayı bloke edemesin. */
body:not(.gm-menu-open) #gusto-mega-overlay {
  display: none !important;
  pointer-events: none !important;
}

/* Yatay şeritteki arama slotu yalnızca masaüstünde görünür (mobilde arama
   üst barda kalır). Masaüstü kuralı @media (min-width:992px) içinde açılır. */
#fpNavbarSearchSlot {
  display: none;
}

.fp-desktop-notify-btn:not(.is-open) #fpDesktopNotifyPanel,
.fp-mobile-notify-btn:not(.is-open) #fpMobileNotifyPanel {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (min-width: 992px) {
  #fpMobileNotifyPanel {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* ===== Scrollbar — tüm cihazlar (sadece renk; mobil menü gizli scrollbar'larına dokunulmaz) ===== */
html {
  scrollbar-width: thin;
  scrollbar-color: #1d4ed8 #d3d3d3;
}

html[data-theme="dark"] {
  scrollbar-color: #1d4ed8 #2d3748;
}

::-webkit-scrollbar {
  width: 10px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: #d3d3d3;
}

::-webkit-scrollbar-thumb {
  background: #1d4ed8;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #1e40af;
}

html[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #2d3748;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #1d4ed8;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #2563eb;
}

/* ===== Masaüstü sağ hızlı erişim rail (Lupinshop floating-shorcut-menu uyumu) ===== */
@media (min-width: 992px) {
  html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
  }

  .fp-auth-rail--tablet {
    display: none !important;
  }

  /* Masaüstü: logo üst barda tek başına ortada (arama şeride taşındı) */
  .fp-header .grid {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 0;
  }

  .fp-header .logo-area {
    justify-self: center;
  }

  /* Yatay şerit DURUYOR; içindeki kategori/araç listeleri gizlenip
     yerine arama kutusu ortalanıyor (mobile'a dokunulmaz). */
  .fp-navbar .fp-navbar-list-main,
  .fp-navbar .fp-navbar-list-quick {
    display: none !important;
  }

  .fp-navbar .flex-justify {
    justify-content: center;
  }

  #fpNavbarSearchSlot {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 4px 0;
  }

  #fpNavbarSearchSlot .fp-header-search-wrap {
    width: min(100%, 640px);
    max-width: 640px;
    margin: 0 auto;
  }

  .gp-desktop-rail.floating-shorcut-menu {
    --gp-rail-accent: #2563eb;
    --gp-rail-accent-soft: #60a5fa;
    --gp-rail-glow: rgba(37, 99, 235, 0.72);
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1250;
    width: 110px;
    max-width: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #181c28;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-left: 1px solid var(--gp-rail-accent);
    border-top: 1px solid var(--gp-rail-accent);
    border-bottom: 1px solid var(--gp-rail-accent);
    border-right: 0;
    box-shadow: 0 0 18px var(--gp-rail-glow);
    padding: 24px 0 24px 5px;
    pointer-events: none;
  }

  html[data-theme="light"] .gp-desktop-rail.floating-shorcut-menu,
  html:not([data-theme="dark"]) .gp-desktop-rail.floating-shorcut-menu {
    background: #ffffff;
    box-shadow: 0 0 18px rgba(37, 99, 235, 0.38);
  }

  /* Sol rail — sağ rail'in aynası */
  .gp-desktop-rail--left.floating-shorcut-menu {
    right: auto;
    left: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border-right: 1px solid var(--gp-rail-accent);
    border-top: 1px solid var(--gp-rail-accent);
    border-bottom: 1px solid var(--gp-rail-accent);
    border-left: 0;
    padding: 24px 5px 24px 0;
  }

  .gp-desktop-rail__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    pointer-events: auto;
  }

  .gp-desktop-rail__link {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 1px 4px;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    transition: color 0.15s ease, transform 0.18s ease;
    border: 0;
    background: transparent;
    cursor: pointer;
    font: inherit;
  }

  button.gp-desktop-rail__link {
    appearance: none;
    -webkit-appearance: none;
  }

  html[data-theme="light"] .gp-desktop-rail__link,
  html:not([data-theme="dark"]) .gp-desktop-rail__link {
    color: #1a1a1a;
  }

  /* GustoPin yatay şerit tarzı: mavi gradient alt çizgi (hover'da belirip genişler) */
  .gp-desktop-rail__link::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: -3px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(37, 99, 235, 0), rgba(37, 99, 235, 0.9), rgba(59, 130, 246, 0));
    opacity: 0;
    transform: scaleX(0.5);
    transition: opacity 0.18s ease, transform 0.18s ease;
    pointer-events: none;
  }

  .gp-desktop-rail__link:hover {
    color: #93c5fd;
    transform: translateY(-1px);
  }

  html[data-theme="light"] .gp-desktop-rail__link:hover,
  html:not([data-theme="dark"]) .gp-desktop-rail__link:hover {
    color: #1d4ed8;
  }

  html[data-theme="dark"] .gp-desktop-rail__link:hover {
    color: #ffffff;
  }

  .gp-desktop-rail__link:hover::after {
    opacity: 1;
    transform: scaleX(1);
  }

  .gp-desktop-rail__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 45px;
    flex-shrink: 0;
  }

  .gp-desktop-rail__icon::before {
    content: "";
    position: absolute;
    inset: 10% 8%;
    border-radius: 14px;
    background: radial-gradient(circle at 50% 42%, rgba(37, 99, 235, 0.22), transparent 72%);
    opacity: 0.55;
    transition: opacity 0.22s ease, transform 0.22s ease;
    pointer-events: none;
  }

  html[data-theme="light"] .gp-desktop-rail__icon::before,
  html:not([data-theme="dark"]) .gp-desktop-rail__icon::before {
    background: radial-gradient(circle at 50% 42%, rgba(37, 99, 235, 0.14), transparent 72%);
    opacity: 0.75;
  }

  .gp-desktop-rail__link:hover .gp-desktop-rail__icon::before {
    opacity: 1;
    transform: scale(1.06);
  }

  .gp-desktop-rail__img {
    position: relative;
    z-index: 1;
    width: 100px;
    height: 45px;
    object-fit: contain;
    flex-shrink: 0;
    display: block;
    pointer-events: none;
    transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.22s ease;
    filter: drop-shadow(0 5px 12px rgba(37, 99, 235, 0.28));
  }

  .gp-desktop-rail__link:hover .gp-desktop-rail__img {
    transform: scale(1.06) translateY(-1px);
    filter: drop-shadow(0 8px 18px rgba(37, 99, 235, 0.42));
  }

  .gp-desktop-rail__text {
    line-height: 18px;
    text-align: center;
    width: 100%;
    max-width: 96px;
    font-size: 15px;
    font-weight: 600;
    font-family: "Poppins", "Montserrat", sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  .gp-desktop-rail__link[title="Bakiye Yükle"] .gp-desktop-rail__text {
    font-size: 13px;
    line-height: 16px;
  }

  .gp-desktop-rail__theme-toggle {
    width: 100%;
  }

  .gp-desktop-rail__link--cart {
    position: relative;
    width: 100%;
    margin-top: 4px;
  }

  .gp-desktop-rail__badge--cart {
    top: 6px;
    right: 8px;
  }

  html[data-theme="dark"] .gp-desktop-rail__theme-toggle .link-dark-theme,
  html[data-bs-theme="dark"] .gp-desktop-rail__theme-toggle .link-dark-theme {
    display: none !important;
  }

  html[data-theme="light"] .gp-desktop-rail__theme-toggle .link-light-theme,
  html[data-bs-theme="light"] .gp-desktop-rail__theme-toggle .link-light-theme,
  html:not([data-theme="dark"]):not([data-bs-theme="dark"]) .gp-desktop-rail__theme-toggle .link-light-theme {
    display: none !important;
  }

  .gp-desktop-rail__notify {
    position: relative;
    width: 100%;
  }

  .gp-desktop-rail__badge {
    position: absolute;
    top: 0;
    right: 10px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(239, 68, 68, 0.35);
  }

  .gp-desktop-rail .fp-desktop-notify-btn {
    position: static;
    width: 100%;
  }

  .gp-desktop-rail .fp-desktop-notify-trigger {
    border: 0;
    background: transparent;
    cursor: pointer;
    width: 100%;
  }

  .gp-desktop-rail .fp-desktop-notify-btn.is-open .fp-desktop-notify-trigger,
  .gp-desktop-rail .fp-desktop-notify-trigger:hover {
    color: var(--gp-rail-accent-soft);
  }

  .gp-desktop-rail #fpDesktopNotifyPanel {
    top: 50% !important;
    right: calc(100% + 14px) !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
  }

  body.fp-desktop-notify-open .gp-desktop-rail {
    z-index: 1400;
  }

  body.fp-desktop-notify-open::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.16);
    z-index: 1390;
    pointer-events: none;
  }

  html[data-theme="dark"] body.fp-desktop-notify-open::before {
    background: rgba(2, 6, 23, 0.42);
  }
}