/* ========================================================================== 
 * FANOTA TUR 55 — Genel Kalite, Kontrast, Tıklanabilirlik ve Responsive Düzeltmeleri
 * ========================================================================== */
:root{
  --fgl-bg:var(--fan-bg-2,#11120e);
  --fgl-bg2:var(--fan-bg,#0b0c09);
  --fgl-fg:var(--fan-text,#f4efe5);
  --fgl-text:var(--fan-text,#f4efe5);
  --fgl-muted:var(--fan-muted,#aaa69a);
  --fgl-line:var(--fan-line,rgba(232,218,190,.14));
  --fgl-accent:var(--fan-gold,#d8b889);
  --fan-on-accent:#16130e;
}
html{overflow-x:clip;scroll-padding-top:118px}
body{overflow-x:clip}
a,button,[role="button"]{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:3px solid color-mix(in srgb,var(--fan-gold,#d8b889) 78%,#fff)!important;
  outline-offset:3px!important;
}
button:disabled,[aria-disabled="true"]{cursor:not-allowed!important;opacity:.52!important;transform:none!important}

/* Header ve tüm üst aksiyonlar gerçekten tıklanabilir kalsın. */
.fgl-sticky-header,#root>header,body>.top,body .top{isolation:isolate;pointer-events:auto}
.fgl-sticky-header a,.fgl-sticky-header button,#root>header a,#root>header button,.top a,.top button{
  position:relative;z-index:3;pointer-events:auto;
}
.fgl-nav-link{pointer-events:auto!important;cursor:pointer}

/* Dinamik kategori şeridi: tema tokenlarıyla tam kontrast. */
#fanota-category-navigation{
  isolation:isolate;
  z-index:55;
  color:var(--fan-text,#f4efe5)!important;
  background:var(--fan-bg-2,#11120e)!important;
  border-color:var(--fan-line,rgba(232,218,190,.14))!important;
  box-shadow:0 10px 34px rgba(0,0,0,.13);
}
#fanota-category-navigation[hidden]{display:none!important}
#fanota-category-navigation::before,#fanota-category-navigation::after{pointer-events:none}
.fgl-category-shell{
  min-height:50px;
  max-width:var(--site-max-width,1440px);
  padding-inline:clamp(14px,3vw,34px);
  gap:4px;
}
.fgl-category-item{min-width:0;pointer-events:auto}
.fgl-category-root{
  min-height:48px;
  padding:10px 13px;
  color:var(--fan-text,#f4efe5)!important;
  background:transparent;
  border:1px solid transparent;
  border-radius:12px;
  line-height:1.25;
  pointer-events:auto;
}
.fgl-category-root:hover,.fgl-category-root:focus-visible,.fgl-category-item:focus-within>.fgl-category-root{
  color:var(--fan-gold,#d8b889)!important;
  background:var(--fan-gold-soft,rgba(216,184,137,.13))!important;
  border-color:var(--fan-line-strong,rgba(216,184,137,.38));
}
.fgl-category-root small{
  flex:0 0 auto;
  color:var(--fan-gold,#d8b889)!important;
  background:var(--fan-gold-soft,rgba(216,184,137,.13))!important;
  border:1px solid var(--fan-line,rgba(232,218,190,.14));
}
.fgl-category-dropdown{
  z-index:120;
  min-width:290px;
  max-width:min(390px,calc(100vw - 28px));
  padding:10px;
  color:var(--fan-text,#f4efe5)!important;
  background:var(--fan-bg-2,#11120e)!important;
  border-color:var(--fan-line,rgba(232,218,190,.14))!important;
  box-shadow:0 24px 64px rgba(0,0,0,.35);
}
.fgl-category-dropdown a{
  min-height:44px;
  align-items:center;
  color:var(--fan-text,#f4efe5)!important;
  border:1px solid transparent;
}
.fgl-category-dropdown a:hover,.fgl-category-dropdown a:focus-visible{
  color:var(--fan-gold,#d8b889)!important;
  background:var(--fan-gold-soft,rgba(216,184,137,.13))!important;
  border-color:var(--fan-line,rgba(232,218,190,.14));
}
.fgl-category-dropdown b{color:var(--fan-muted,#aaa69a)!important;white-space:nowrap}

/* Kategori ana sayfası: kare olmayan, dengeli ve okunaklı kartlar. */
body[data-catalog-page="category-index"] .wrap{width:min(1440px,calc(100% - 36px));max-width:1440px!important}
body[data-catalog-page="category-index"] main{min-width:0}
body[data-catalog-page="category-index"] .fanota-page-intro{max-width:980px}
body[data-catalog-page="category-index"] h1{font-size:clamp(48px,6vw,82px)!important;line-height:.92!important}
body[data-catalog-page="category-index"] main>.grid.fanota-category-tree{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  margin-top:34px!important;
}
.fanota-category-root-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  overflow:hidden;
  border:1px solid var(--fan-line,rgba(232,218,190,.14))!important;
  border-radius:24px!important;
  color:var(--fan-text,#f4efe5)!important;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--fan-gold,#d8b889) 12%,transparent),transparent 42%),
    var(--fan-surface,rgba(24,25,19,.9))!important;
  box-shadow:0 16px 44px rgba(0,0,0,.16)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.fanota-category-root-card:hover{
  transform:translateY(-4px);
  border-color:var(--fan-line-strong,rgba(216,184,137,.38))!important;
  box-shadow:0 24px 58px rgba(0,0,0,.24)!important;
}
.fanota-category-root-link{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr!important;
  gap:14px 16px!important;
  align-items:start!important;
  min-height:188px!important;
  padding:22px!important;
  color:var(--fan-text,#f4efe5)!important;
  text-decoration:none!important;
}
.fanota-category-icon{
  width:58px!important;height:58px!important;
  border-radius:18px!important;
  color:var(--fan-gold,#d8b889)!important;
  background:var(--fan-gold-soft,rgba(216,184,137,.13))!important;
  border-color:var(--fan-line-strong,rgba(216,184,137,.38))!important;
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}
.fanota-category-root-link>div{min-width:0}
.fanota-category-root-link .meta{color:var(--fan-gold,#d8b889)!important}
.fanota-category-root-link h2{
  margin:7px 0 9px!important;
  color:var(--fan-text,#f4efe5)!important;
  font-size:clamp(26px,2.25vw,36px)!important;
  line-height:1.04!important;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.fanota-category-root-link p{
  margin:0!important;
  min-height:0!important;
  color:var(--fan-muted,#aaa69a)!important;
  font-size:13px!important;
  line-height:1.6!important;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
.fanota-category-root-link>strong{
  grid-column:1/-1;
  align-self:end!important;
  justify-self:start;
  margin-top:4px;
  color:var(--fan-gold,#d8b889)!important;
  font-size:12px!important;
}
.fanota-category-children{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start;
  gap:8px!important;
  margin-top:auto;
  padding:14px!important;
  border-top:1px solid var(--fan-line,rgba(232,218,190,.14))!important;
  background:color-mix(in srgb,var(--fan-bg,#0b0c09) 55%,transparent)!important;
}
.fanota-category-child{
  flex:1 1 calc(50% - 8px);
  min-width:135px!important;
  min-height:42px!important;
  padding:9px 11px!important;
  border:1px solid var(--fan-line,rgba(232,218,190,.14))!important;
  border-radius:12px!important;
  color:var(--fan-text,#f4efe5)!important;
  background:var(--fan-surface-soft,rgba(255,255,255,.035))!important;
}
.fanota-category-child:hover,.fanota-category-child:focus-visible{
  color:var(--fan-gold,#d8b889)!important;
  border-color:var(--fan-line-strong,rgba(216,184,137,.38))!important;
  background:var(--fan-gold-soft,rgba(216,184,137,.13))!important;
}
.fanota-category-child span{white-space:normal!important;line-height:1.3;font-size:12px}
.fanota-category-child b{color:var(--fan-gold,#d8b889)!important;flex:0 0 auto}

/* Ürün, arama ve kategori listelerinde dengeli kart ölçüsü. */
body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid,
body[data-page="favoriler"] #grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch;
}
body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid>.card,
body[data-page="favoriler"] #grid>.card{
  min-width:0;
  height:100%;
  padding:13px!important;
}
body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid>.card .image,
body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid>.card .live-card-image,
body[data-page="favoriler"] #grid>.card .visual{
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:4/3;
  min-height:0!important;
  max-height:310px;
  overflow:hidden;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--fan-bg-2,#11120e) 88%,var(--fan-gold,#d8b889))!important;
}
body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid>.card .image img,
body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid>.card .live-card-image img,
body[data-page="favoriler"] #grid>.card .visual img{
  width:100%;height:100%;object-fit:contain!important;padding:8px;
}
body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid>.card h2,
body[data-page="favoriler"] #grid>.card h2{
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.08!important;
  min-height:2.16em;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid>.card h2 a,
body[data-page="favoriler"] #grid>.card h2 a{color:var(--fan-text,#f4efe5)!important;text-decoration:none}
body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid>.card .bottom,
body[data-page="favoriler"] #grid>.card .bottom{flex-wrap:wrap}
body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid>.card .bottom b,
body[data-page="favoriler"] #grid>.card .bottom b{font-size:clamp(24px,2.2vw,32px)!important}

/* Tema bağımsız buton kontrastı. */
body.fanota-enhanced button.primary,
body.fanota-enhanced .btn.primary,
body.fanota-enhanced .btn:not(.secondary):not(.danger),
body.fanota-enhanced #loginForm button[type="submit"],
body[class*="fanota-theme-"] .fhl-button,
body[class*="fanota-theme-"] .fanota-mobile-product-bar .btn.primary{
  color:var(--fan-on-accent,#16130e)!important;
}
body.fanota-enhanced button,body.fanota-enhanced .btn,body.fanota-enhanced .clear{
  max-width:100%;
  white-space:normal;
  text-align:center;
}

/* Genel taşma ve bozuk oran koruması. */
img,svg,video,canvas{max-width:100%}
main,.wrap,.grid,.layout,.panel,.card,section,article{min-width:0}
.live-catalog-message{grid-column:1/-1;width:100%;color:var(--fan-muted,#aaa69a)}
.live-catalog-error strong{color:var(--fan-text,#f4efe5)}

@media(max-width:1180px){
  body[data-catalog-page="category-index"] main>.grid.fanota-category-tree{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid,
  body[data-page="favoriler"] #grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  #fanota-category-navigation{overflow:hidden}
  .fgl-category-shell{overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
  .fgl-category-item{flex:0 0 auto;scroll-snap-align:start}
  .fgl-category-root{min-height:44px;padding:8px 11px}
}
@media(max-width:720px){
  html{scroll-padding-top:84px}
  body.fanota-enhanced .wrap{width:min(100% - 24px,1320px)!important}
  body[data-catalog-page="category-index"] main>.grid.fanota-category-tree{grid-template-columns:1fr!important;gap:14px!important}
  .fanota-category-root-link{min-height:0!important;padding:18px!important}
  .fanota-category-children{padding:12px!important}
  body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid,
  body[data-page="favoriler"] #grid{grid-template-columns:1fr!important}
  body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid>.card .image,
  body:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid>.card .live-card-image,
  body[data-page="favoriler"] #grid>.card .visual{max-height:none;aspect-ratio:16/11}
  body.fanota-enhanced .top{top:8px;gap:10px!important;margin-bottom:42px!important}
  body.fanota-enhanced .top nav,body.fanota-enhanced .links{width:100%;justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px}
  body.fanota-enhanced .top nav a,body.fanota-enhanced .links a{flex:0 0 auto}
}
@media(max-width:440px){
  .fanota-category-root-link{grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important}
  .fanota-category-icon{width:48px!important;height:48px!important;border-radius:15px!important;font-size:16px!important}
  .fanota-category-child{flex-basis:100%;min-width:0!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}