/* ===== ORTAK ÜST MENÜ — temel ===== */
.ul-scope, .ul-scope *, .ul-scope ::before, .ul-scope ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  
}

.ul-scope, .ul-scope * { box-sizing: border-box; }
.ul-scope { font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; letter-spacing: normal; text-align: left; }
.ul-scope a { text-decoration: none; }
.ul-scope svg { display: inline-block; vertical-align: middle; }
.ul-scope p, .ul-scope nav { margin: 0; padding: 0; }
.ul-scope button { font-family: inherit; }
#ulHeader { position: -webkit-sticky; position: sticky; top: 0; z-index: 900; display: block; width: 100%; }
#ulTop, #ulDrawerWrap { display: block; width: 100%; }
.ul-scope .ul-logo { display: block; }
.ul-scope .ul-logo svg { display: block; height: 52px; width: auto; }
.ul-scope .ul-logo .fil0, .ul-scope .ul-logo .fil1, .ul-scope .ul-logo .amb { fill: #F07F1A; }
.ul-scope .ul-logo .fil2 { fill: #141413; }
.ul-scope .ul-link { align-items: center; height: 36px; padding: 0 12px; border-radius: 999px; color: #3D3D3A; white-space: nowrap; transition: background .2s, color .2s; }
.ul-scope .ul-link:hover, .ul-scope .ul-link.ul-aktif { background: #F0EEE6; color: #141413; }
.ul-scope .ul-mega-link { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; font-size: 14px; font-weight: 600; color: #3D3D3A; transition: background .15s; }
.ul-scope .ul-mega-link:hover { background: #F5F3EC; color: #141413; }
.ul-scope .ul-mega-link small { margin-left: auto; font-size: 11px; font-weight: 700; color: #8A8880; }
.ul-scope .ul-dot { display: inline-block; width: 9px; height: 9px; border-radius: 3px; flex-shrink: 0; font-style: normal; }
.ul-scope #ulMega.ul-open .ul-mega-panel { visibility: visible; opacity: 1; transform: none; }
.ul-scope #ulOverlay.ul-open { opacity: 1; pointer-events: auto; }
.ul-scope #ulDrawer { transform: translateX(100%); visibility: hidden; transition: transform .3s ease, visibility 0s linear .3s; }
.ul-scope #ulDrawer.ul-open { transform: none; visibility: visible; transition: transform .3s ease; }
.ul-scope .ul-mm a { display: block; padding: 13px 4px; font-size: 17px; font-weight: 700; color: #141413; border-bottom: 1px solid #E6E3DA; }
.ul-scope .ul-mm a.ul-aktif { color: #F07F1A; }
.ul-scope .ul-chip { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid #E6E3DA; border-radius: 12px; background: #fff; font-size: 13px; font-weight: 600; color: #3D3D3A; }
.ul-scope .ul-logo + * { }
/* arama.js açılır listesi — açık tema */
.ul-scope .search-wrapper .arama-onerileri { background: #fff; border: 1px solid #E6E3DA; box-shadow: 0 30px 60px -20px rgba(20,20,19,.28); }

/* Eski sayfa menüleri gizli (kodları çalışmaya devam etsin diye silinmedi) */
.ul-eski-menu { display: none !important; }
body.ul-ortak { padding-top: 0 !important; }

/* Kategori sayfası: kategori şeridi kaydırma yerine alt alta */
.kat-strip-scroll { flex-wrap: wrap !important; overflow: visible !important; }
.kat-strip-edge { display: none !important; }
.kat-strip-item { flex-shrink: 1 !important; }

/* Sepet çekmecesi kapalıyken kenarda gölge görünmesin */
.sepet-drawer:not(.acik) { box-shadow: none !important; visibility: hidden; }

/* Üst menü kaydırınca da sabit kalsın: sayfaların overflow-x:hidden ayarı yapışkan menüyü bozuyordu */
html { overflow-x: clip !important; }
body.ul-ortak { overflow-x: clip !important; overflow-y: visible !important; }

.ul-scope .pointer-events-none{pointer-events:none}.ul-scope .invisible{visibility:hidden}.ul-scope .fixed{position:fixed}.ul-scope .absolute{position:absolute}.ul-scope .relative{position:relative}.ul-scope .inset-0{inset:0}.ul-scope .bottom-0{bottom:0}.ul-scope .left-0{left:0}.ul-scope .right-0{right:0}.ul-scope .top-0{top:0}.ul-scope .top-full{top:100%}.ul-scope .z-50{z-index:50}.ul-scope .z-\[1000\]{z-index:1000}.ul-scope .z-\[1001\]{z-index:1001}.ul-scope .col-span-2{grid-column:span 2/span 2}.ul-scope .mx-2{margin-left:.5rem;margin-right:.5rem}.ul-scope .mx-auto{margin-left:auto;margin-right:auto}.ul-scope .mb-2{margin-bottom:.5rem}.ul-scope .mb-4{margin-bottom:1rem}.ul-scope .ml-auto{margin-left:auto}.ul-scope .mt-2{margin-top:.5rem}.ul-scope .mt-4{margin-top:1rem}.ul-scope .mt-5{margin-top:1.25rem}.ul-scope .mt-6{margin-top:1.5rem}.ul-scope .flex{display:flex}.ul-scope .inline-flex{display:inline-flex}.ul-scope .grid{display:grid}.ul-scope .hidden{display:none}.ul-scope .h-10{height:2.5rem}.ul-scope .h-11{height:2.75rem}.ul-scope .h-12{height:3rem}.ul-scope .h-2{height:.5rem}.ul-scope .h-3\.5{height:.875rem}.ul-scope .h-4{height:1rem}.ul-scope .h-5{height:1.25rem}.ul-scope .h-9{height:2.25rem}.ul-scope .h-\[18px\]{height:18px}.ul-scope .h-\[19px\]{height:19px}.ul-scope .h-\[72px\]{height:72px}.ul-scope .h-full{height:100%}.ul-scope .w-10{width:2.5rem}.ul-scope .w-11{width:2.75rem}.ul-scope .w-2{width:.5rem}.ul-scope .w-3\.5{width:.875rem}.ul-scope .w-4{width:1rem}.ul-scope .w-5{width:1.25rem}.ul-scope .w-\[18px\]{width:18px}.ul-scope .w-\[19px\]{width:19px}.ul-scope .w-\[780px\]{width:780px}.ul-scope .w-\[min\(370px\2c 88vw\)\]{width:min(370px,88vw)}.ul-scope .w-px{width:1px}.ul-scope .min-w-0{min-width:0}.ul-scope .max-w-7xl{max-width:80rem}.ul-scope .flex-1{flex:1 1 0%}.ul-scope .shrink-0{flex-shrink:0}.ul-scope .translate-x-full{--tw-translate-x:100%}.ul-scope .translate-x-full,.ul-scope .translate-y-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ul-scope .translate-y-2{--tw-translate-y:0.5rem}.ul-scope .cursor-pointer{cursor:pointer}.ul-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ul-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ul-scope .flex-col{flex-direction:column}.ul-scope .items-center{align-items:center}.ul-scope .justify-center{justify-content:center}.ul-scope .justify-between{justify-content:space-between}.ul-scope .gap-1{gap:.25rem}.ul-scope .gap-1\.5{gap:.375rem}.ul-scope .gap-2{gap:.5rem}.ul-scope .gap-3{gap:.75rem}.ul-scope .gap-4{gap:1rem}.ul-scope .gap-5{gap:1.25rem}.ul-scope .gap-6{gap:1.5rem}.ul-scope .overflow-y-auto{overflow-y:auto}.ul-scope .whitespace-nowrap{white-space:nowrap}.ul-scope .rounded-2xl{border-radius:1rem}.ul-scope .rounded-full{border-radius:9999px}.ul-scope .rounded-xl{border-radius:.75rem}.ul-scope .border{border-width:1px}.ul-scope .border-0{border-width:0}.ul-scope .border-b{border-bottom-width:1px}.ul-scope .border-t{border-top-width:1px}.ul-scope .border-\[\#E6E3DA\]{--tw-border-opacity:1;border-color:rgb(230 227 218/var(--tw-border-opacity,1))}.ul-scope .border-\[\#E6E3DA\]\/70{border-color:hsla(45,19%,88%,.7)}.ul-scope .bg-\[\#141413\]{--tw-bg-opacity:1;background-color:rgb(20 20 19/var(--tw-bg-opacity,1))}.ul-scope .bg-\[\#141413\]\/45{background-color:rgba(20,20,19,.45)}.ul-scope .bg-\[\#E6E3DA\]{--tw-bg-opacity:1;background-color:rgb(230 227 218/var(--tw-bg-opacity,1))}.ul-scope .bg-\[\#F07F1A\]{--tw-bg-opacity:1;background-color:rgb(240 127 26/var(--tw-bg-opacity,1))}.ul-scope .bg-\[\#F0EEE6\]{--tw-bg-opacity:1;background-color:rgb(240 238 230/var(--tw-bg-opacity,1))}.ul-scope .bg-\[\#FAF9F5\]{--tw-bg-opacity:1;background-color:rgb(250 249 245/var(--tw-bg-opacity,1))}.ul-scope .bg-\[\#FAF9F5\]\/90{background-color:hsla(48,33%,97%,.9)}.ul-scope .bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.ul-scope .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.ul-scope .bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.ul-scope .bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.ul-scope .bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.ul-scope .bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.ul-scope .bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.ul-scope .bg-pink-500{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.ul-scope .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.ul-scope .bg-stone-400{--tw-bg-opacity:1;background-color:rgb(168 162 158/var(--tw-bg-opacity,1))}.ul-scope .bg-transparent{background-color:transparent}.ul-scope .bg-violet-500{--tw-bg-opacity:1;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))}.ul-scope .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.ul-scope .p-3{padding:.75rem}.ul-scope .p-3\.5{padding:.875rem}.ul-scope .p-4{padding:1rem}.ul-scope .p-5{padding:1.25rem}.ul-scope .px-3{padding-left:.75rem;padding-right:.75rem}.ul-scope .px-3\.5{padding-left:.875rem;padding-right:.875rem}.ul-scope .px-4{padding-left:1rem;padding-right:1rem}.ul-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.ul-scope .px-8{padding-left:2rem;padding-right:2rem}.ul-scope .pl-4{padding-left:1rem}.ul-scope .pr-1\.5{padding-right:.375rem}.ul-scope .pt-3{padding-top:.75rem}.ul-scope .text-\[11px\]{font-size:11px}.ul-scope .text-\[12\.5px\]{font-size:12.5px}.ul-scope .text-\[12px\]{font-size:12px}.ul-scope .text-\[13px\]{font-size:13px}.ul-scope .text-\[14px\]{font-size:14px}.ul-scope .text-\[15px\]{font-size:15px}.ul-scope .font-bold{font-weight:700}.ul-scope .font-semibold{font-weight:600}.ul-scope .uppercase{text-transform:uppercase}.ul-scope .tracking-\[\.18em\]{letter-spacing:.18em}.ul-scope .tracking-wide{letter-spacing:.025em}.ul-scope .text-\[\#141413\]{--tw-text-opacity:1;color:rgb(20 20 19/var(--tw-text-opacity,1))}.ul-scope .text-\[\#3D3D3A\]{--tw-text-opacity:1;color:rgb(61 61 58/var(--tw-text-opacity,1))}.ul-scope .text-\[\#6B6A65\]{--tw-text-opacity:1;color:rgb(107 106 101/var(--tw-text-opacity,1))}.ul-scope .text-\[\#8A8880\]{--tw-text-opacity:1;color:rgb(138 136 128/var(--tw-text-opacity,1))}.ul-scope .text-\[\#F07F1A\]{--tw-text-opacity:1;color:rgb(240 127 26/var(--tw-text-opacity,1))}.ul-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ul-scope .opacity-0{opacity:0}.ul-scope .shadow-\[-30px_0_60px_-30px_rgba\(0\2c 0\2c 0\2c \.3\)\]{--tw-shadow:-30px 0 60px -30px rgba(0,0,0,.3);--tw-shadow-colored:-30px 0 60px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ul-scope .shadow-\[0_30px_60px_-20px_rgba\(20\2c 20\2c 19\2c \.25\)\]{--tw-shadow:0 30px 60px -20px rgba(20,20,19,.25);--tw-shadow-colored:0 30px 60px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ul-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.ul-scope .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.ul-scope .backdrop-blur-sm,.ul-scope .backdrop-blur-xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ul-scope .backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.ul-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ul-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ul-scope .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ul-scope .duration-200{transition-duration:.2s}.ul-scope .duration-300{transition-duration:.3s}.ul-scope .placeholder\:text-\[\#8A8880\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(138 136 128/var(--tw-text-opacity,1))}.ul-scope .placeholder\:text-\[\#8A8880\]::placeholder{--tw-text-opacity:1;color:rgb(138 136 128/var(--tw-text-opacity,1))}.ul-scope .focus-within\:border-\[\#F07F1A\]\/60:focus-within{border-color:rgba(240,127,26,.6)}.ul-scope .focus-within\:ring-4:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ul-scope .focus-within\:ring-\[\#F07F1A\]\/10:focus-within{--tw-ring-color:rgba(240,127,26,.1)}.ul-scope .hover\:border-\[\#141413\]:hover{--tw-border-opacity:1;border-color:rgb(20 20 19/var(--tw-border-opacity,1))}.ul-scope .hover\:bg-\[\#C85F00\]:hover{--tw-bg-opacity:1;background-color:rgb(200 95 0/var(--tw-bg-opacity,1))}.ul-scope .hover\:bg-\[\#F07F1A\]:hover{--tw-bg-opacity:1;background-color:rgb(240 127 26/var(--tw-bg-opacity,1))}.ul-scope .hover\:text-\[\#F07F1A\]:hover{--tw-text-opacity:1;color:rgb(240 127 26/var(--tw-text-opacity,1))}.ul-scope :is(.group:hover .group-hover\:visible){visibility:visible}.ul-scope :is(.group:hover .group-hover\:translate-y-0){--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ul-scope :is(.group:hover .group-hover\:rotate-180){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ul-scope :is(.group:hover .group-hover\:opacity-100){opacity:1}@media (min-width:640px){.ul-scope .sm\:block{display:block}.ul-scope .sm\:inline{display:inline}.ul-scope .sm\:inline-flex{display:inline-flex}}@media (min-width:768px){.ul-scope .md\:block{display:block}.ul-scope .md\:inline{display:inline}.ul-scope .md\:inline-flex{display:inline-flex}.ul-scope .md\:max-w-xl{max-width:36rem}}@media (min-width:1024px){.ul-scope .lg\:block{display:block}.ul-scope .lg\:inline-flex{display:inline-flex}.ul-scope .lg\:hidden{display:none}.ul-scope .lg\:gap-8{gap:2rem}.ul-scope .lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.ul-scope .xl\:inline-flex{display:inline-flex}}