/* tonerdirekt.eu — getmytoner custom.css kopyasi (YAPI). Renk/font/kose tokenlari td.css'te.
   Bu kopyada: @font-face bloklari silindi, sabit renkler td paletine, sabit koseler 0'a cevrildi (2026-09-18). */
/* ============================================================
   Get My Toner — Child Theme (parent: classic)
   Renk sistemi CMYK'dan tureti1lmistir:
   cyan = aksan, magenta = fiyat, siyah = zemin
   ============================================================ */
/* ==================================================================
   IBM PLEX MONO — teknik veri fonti (OEM kodu, sayfa sayisi, rozetler)
   Kendi sunucumuzdan. Onceden Google Fonts'tan @import ediliyordu:
   her ziyaretcinin IP'si ABD'ye gidiyordu. LG Munchen I kararindan
   sonra Almanca pazarda dava konusu — DSGVO gerekcesiyle self-host.
   Lisans: SIL Open Font License 1.1 (dagitim serbest).
   Yalniz latin + latin-ext alindi; kiril/vietnamca alt kumeleri
   bu magazada kullanilmiyor.
   ================================================================== */
/* ==================================================================
   GILROY — magaza fontu, kendi sunucumuzdan
   Lisans: Radomir Tinkov Free Font EULA (assets/fonts/LICENSE-Gilroy.pdf)
   Madde (a) ticari kullanim, madde (h) @font-face ile web kullanimi
   acikca serbest. Dosyalar ucuncu kisiye dagitilmaz (madde f).

   Elimizde YALNIZCA iki agirlik var: Light ve ExtraBold.
   Aradaki agirliklar (400/500/600/700) icin tarayici sahte kalinlik
   uretmesin diye her yuze bir ARALIK veriliyor:
     100–550 → Light      551–900 → ExtraBold
   Boylece hangi font-weight yazilirsa yazilsin gercek dosya kullanilir.
   ================================================================== */
:root{
  --gmt-paper:#F5F8F9;
  --gmt-surface:#FFFFFF;
  --gmt-surface-2:#EDF3F4;
  --gmt-ink:#201E1D;
  --gmt-ink-soft:#55666D;
  --gmt-ink-faint:#8798A0;
  --gmt-line:#DCE5E8;
  --gmt-line-strong:#C3D1D6;
  --gmt-accent:#0F7C8A;
  --gmt-accent-ink:#FFFFFF;
  --gmt-accent-soft:#E2F1F3;
  --gmt-hot:#C4006B;
  --gmt-panel:#201E1D;
  --gmt-panel-ink:#EAF1F2;
  --gmt-panel-soft:#8FA3AA;
  --gmt-panel-line:#2A363B;
  --gmt-tc:#00A2D6; --gmt-tm:#D6006E; --gmt-ty:#EFC000; --gmt-tk:#201E1D;
  --gmt-r:4px;
  --gmt-shadow:0 1px 2px rgba(16,22,25,.06), 0 8px 24px -12px rgba(16,22,25,.18);
}

/* ---------- Temel tipografi ---------- */
body{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:15px;
  line-height:1.55;
  color:var(--gmt-ink);
  background:var(--gmt-paper);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  letter-spacing:-.015em;
  color:var(--gmt-ink);
  text-wrap:balance;
}
a{color:var(--gmt-accent)}
a:hover,a:focus{color:var(--gmt-accent); text-decoration:none}

/* Parca numaralari sabit genislikte — magazanin tum mantigi bu kodlar uzerine kurulu */
.product-reference span,
.product-reference .value,
#product-details .product-reference,
.product-quantities span{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-variant-numeric:tabular-nums;
}

/* ---------- Ust bilgi ---------- */
#header{
  background:var(--gmt-surface);
  color:var(--gmt-ink);
  box-shadow:none;
  border-bottom:1px solid var(--gmt-line);
}
#header .header-nav{
  background:var(--gmt-panel);
  color:var(--gmt-panel-soft);
  border-bottom:1px solid var(--gmt-panel-line);
  font-size:12.5px;
  padding:6px 0;
  max-height:none;
}
#header .header-nav a,
#header .header-nav .expand-more,
#header .header-nav #_desktop_contact_link{color:var(--gmt-panel-soft)}
#header .header-nav a:hover{color:var(--gmt-accent)}
#header .header-top{padding-bottom:14px}
#header .header-top a{color:var(--gmt-ink-soft)}
#header .header-top a:hover{color:var(--gmt-accent)}

/* Arama kutusu — magazanin en cok kullanilacak ogesi */
#search_widget form input[type=text]{
  background:var(--gmt-surface-2);
  border:1px solid var(--gmt-line);
  border-radius:var(--gmt-r);
  padding:11px 14px;
  color:var(--gmt-ink);
  min-height:44px;
}
#search_widget form input[type=text]::placeholder{color:var(--gmt-ink-faint)}
#search_widget form input[type=text]:focus{
  border-color:var(--gmt-accent);
  outline:2px solid var(--gmt-accent-soft);
  outline-offset:0;
}
#search_widget form button[type=submit] .search{color:var(--gmt-ink-soft)}

/* Ust menu */
#_desktop_top_menu .top-menu a[data-depth="0"]{
  font-size:13.5px;
  font-weight:500;
  color:var(--gmt-ink-soft);
  padding:10px 0;
  border-bottom:2px solid transparent;
}
#_desktop_top_menu .top-menu a[data-depth="0"]:hover{
  color:var(--gmt-ink);
  border-bottom-color:var(--gmt-accent);
  background:transparent;
}

/* ---------- Dugmeler ---------- */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled){
  background:var(--gmt-accent);
  border-color:var(--gmt-accent);
  color:var(--gmt-accent-ink);
  border-radius:var(--gmt-r);
  font-weight:600;
  font-size:13.5px;
  letter-spacing:0;
  text-transform:none;
  box-shadow:none;
  padding:10px 16px;
}
.btn-primary:hover,.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active{
  background:var(--gmt-accent);
  border-color:var(--gmt-accent);
  filter:brightness(1.08);
  box-shadow:none;
}
.btn-secondary,.btn-tertiary{
  background:var(--gmt-surface);
  border:1px solid var(--gmt-line-strong);
  color:var(--gmt-ink-soft);
  border-radius:var(--gmt-r);
  text-transform:none;
  box-shadow:none;
}
.btn-secondary:hover,.btn-tertiary:hover{border-color:var(--gmt-accent); color:var(--gmt-accent)}

/* ---------- Urun kartlari ---------- */
.product-miniature .thumbnail-container{
  background:var(--gmt-surface);
  border:1px solid var(--gmt-line);
  border-radius:var(--gmt-r);
  box-shadow:none;
  width:100%;
  height:auto;
  padding:13px;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.product-miniature .thumbnail-container:hover{
  border-color:var(--gmt-line-strong);
  box-shadow:var(--gmt-shadow);
}
.product-miniature .thumbnail-container:hover .highlighted-informations{box-shadow:none}
.product-miniature .product-title{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:13.5px;
  font-weight:600;
  line-height:1.4;
  text-transform:none;
  margin-top:10px;
}
.product-miniature .product-title a{color:var(--gmt-ink)}
.product-miniature .product-title a:hover{color:var(--gmt-accent)}
.product-miniature .product-price-and-shipping{margin-top:6px}
.product-miniature .price,
.product-price-and-shipping .price{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:19px;
  font-weight:800;
  color:var(--gmt-hot);
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
.product-miniature .regular-price{
  font-family:"IBM Plex Mono",monospace;
  font-size:11.5px;
  color:var(--gmt-ink-faint);
  text-decoration:line-through;
  font-weight:400;
}
.product-miniature .discount-percentage,
.product-flags .discount{
  background:var(--gmt-hot);
  color:#fff;
  font-family:"IBM Plex Mono",monospace;
  font-size:11px;
  font-weight:600;
  border-radius:0;
  padding:2px 6px;
}
.product-flags li.product-flag{
  background:var(--gmt-ink);
  color:var(--gmt-paper);
  font-size:10px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  border-radius:0;
  padding:3px 7px;
  box-shadow:none;
  min-height:0;
  line-height:1.5;
}
.product-flags li.product-flag.new,
.product-flags li.product-flag.online-only{background:var(--gmt-accent); color:#fff}

/* ---------- Sayfa govdesi ---------- */
#wrapper{background:var(--gmt-paper); box-shadow:none}
#main .page-header,#main .page-title{margin-bottom:18px}
.card,.block-categories,.page-content,#products .products,
.page-wrapper,.card-block{
  background:var(--gmt-surface);
  border:1px solid var(--gmt-line);
  border-radius:var(--gmt-r);
  box-shadow:none;
}
.h1.page-title,h1.page-title{font-size:26px; font-weight:700}

/* Yan sutun basliklari */
.block-categories .category-top-menu > li > a,
#left-column .card .h3,
#left-column .facet-title{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--gmt-ink-faint);
}

/* ---------- Alt bilgi ---------- */
#footer{background:var(--gmt-panel); color:var(--gmt-panel-soft); padding-top:34px}
.footer-container{
  background:transparent;
  box-shadow:none;
  border:0;
  margin-top:0;
  padding-top:0;
  color:var(--gmt-panel-soft);
}
.footer-container li a,.footer-container a,
#footer .links a,#footer p{color:var(--gmt-panel-soft); font-size:13px}
.footer-container li a:hover,#footer .links a:hover{color:var(--gmt-accent)}
.footer-container .h3,.footer-container .myaccount-title,
#footer .links .h3,#block_myaccount_infos .myaccount-title a{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gmt-panel-ink);
  font-weight:700;
}
#footer .block-social li{background-color:rgba(255,255,255,.06)}

/* ---------- Bildirimler ---------- */
.alert-success{background:var(--gmt-accent-soft); border-color:var(--gmt-accent); color:var(--gmt-accent)}
.alert-danger{background:#FDE7F1; border-color:var(--gmt-hot); color:var(--gmt-hot)}

/* ---------- Erisilebilirlik ---------- */
:focus-visible{outline:2px solid var(--gmt-accent); outline-offset:2px}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important; transition-duration:.01ms !important}
}

/* ============================================================
   Urun karti — gmtfinder verisiyle zenginlestirilmis
   ============================================================ */
.gmt-card .thumbnail-container{
  display:flex; flex-direction:column; gap:8px;
  padding:13px; height:auto; position:relative; overflow:visible;
}
.gmt-card__top{display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:22px}
.gmt-tag{
  font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  padding:3px 7px; border-radius:0; line-height:1.5; white-space:nowrap;
}
.gmt-tag--alt{background:var(--gmt-accent-soft); color:var(--gmt-accent)}
.gmt-tag--orig{background:var(--gmt-ink); color:var(--gmt-paper)}
.gmt-off{
  background:var(--gmt-hot); color:#fff;
  font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:600;
  padding:2px 6px; border-radius:0;
}

.gmt-card .product-thumbnail{display:block; text-align:center; margin:0}
.gmt-card .product-thumbnail img{max-width:100%; height:auto; mix-blend-mode:multiply}

.gmt-card__body{display:flex; flex-direction:column; gap:7px; flex:1; text-align:left}
.gmt-card .product-title{
  font-size:13.5px; font-weight:600; line-height:1.4; margin:0;
  text-transform:none; min-height:2.8em;
}
.gmt-card .product-title a{color:var(--gmt-ink)}
.gmt-card .product-title a:hover{color:var(--gmt-accent)}

.gmt-meta{
  margin:0; font-size:11.5px; color:var(--gmt-ink-soft);
  display:flex; align-items:center; gap:6px;
}
.gmt-meta svg{width:12px; height:12px; flex:none; fill:none; stroke:var(--gmt-ink-faint); stroke-width:1.8}
.gmt-dot{
  width:9px; height:9px; border-radius:0; display:inline-block; flex:none;
  border:1px solid rgba(128,128,128,.35);
}
.gmt-dot--k{background:var(--gmt-tk)}
.gmt-dot--c{background:var(--gmt-tc)}
.gmt-dot--m{background:var(--gmt-tm)}
.gmt-dot--y{background:var(--gmt-ty)}
.gmt-dot--multi{background:linear-gradient(135deg,var(--gmt-tc) 0 33%,var(--gmt-tm) 33% 66%,var(--gmt-ty) 66%)}
.gmt-dot--other{background:var(--gmt-line-strong)}

.gmt-oem{
  margin:0; font-family:"IBM Plex Mono",monospace; font-size:11.5px;
  color:var(--gmt-ink-faint); font-variant-numeric:tabular-nums;
}
.gmt-ship{
  align-self:flex-start; font-size:10px; font-weight:700; letter-spacing:.05em;
  text-transform:uppercase; color:var(--gmt-accent);
  border:1px solid var(--gmt-accent); border-radius:0; padding:2px 6px;
}

.gmt-card__foot{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:10px; margin-top:auto; padding-top:6px;
}
.gmt-price{margin:0; display:flex; flex-direction:column; line-height:1.15}
.gmt-price .price{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:20px; font-weight:800;
  color:var(--gmt-hot); letter-spacing:-.02em; font-variant-numeric:tabular-nums;
}
.gmt-price .regular-price{
  font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:400;
  color:var(--gmt-ink-faint); text-decoration:line-through;
}
.gmt-vat{font-size:10px; font-weight:500; color:var(--gmt-ink-faint)}

.gmt-buy{
  display:inline-flex; align-items:center; gap:6px; white-space:nowrap;
  background:var(--gmt-accent); color:#fff;
  border-radius:var(--gmt-r); padding:8px 12px;
  font-size:12.5px; font-weight:600;
}
.gmt-buy:hover,.gmt-buy:focus{background:var(--gmt-accent); color:#fff; filter:brightness(1.08)}
.gmt-buy svg{width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2}
.gmt-buy--soft{
  background:transparent; color:var(--gmt-ink-soft);
  border:1px solid var(--gmt-line-strong);
}
.gmt-buy--soft:hover{background:transparent; color:var(--gmt-accent); border-color:var(--gmt-accent); filter:none}

/* classic'in ustunu ortmesi gereken kalintilar */
.gmt-card .highlighted-informations,
.gmt-card .product-flags{display:none}

/* ============================================================
   Ust bilgi — guven seridi, mega menu, arac cubugu, navigasyon
   ============================================================ */
.gmt-trust{
  background:var(--gmt-panel); color:var(--gmt-panel-soft);
  font-size:12.5px; border-bottom:1px solid var(--gmt-panel-line);
}
.gmt-trust .container{
  display:flex; gap:26px; align-items:center; justify-content:center;
  flex-wrap:wrap; padding-block:9px;
}
.gmt-trust span{display:flex; align-items:center; gap:7px; white-space:nowrap}
.gmt-trust svg{width:13px; height:13px; flex:none; fill:none; stroke:var(--gmt-accent); stroke-width:2}

.gmt-head{background:var(--gmt-surface); padding:0; border-bottom:1px solid var(--gmt-line)}
.gmt-head__row{display:flex; align-items:center; gap:18px; padding-block:13px}
@media(max-width:991px){.gmt-head__row{flex-wrap:wrap; gap:12px}}

.gmt-logo{flex:none; display:flex; flex-direction:column; gap:2px; max-width:210px}
.gmt-logo__mark{margin:0; line-height:1}
.gmt-logo__mark img{max-width:100%; height:auto; max-height:42px; width:auto}
.gmt-logo__sub{
  font-size:9.5px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--gmt-ink-faint); font-weight:600;
}

.gmt-catwrap{position:relative; flex:none}
.gmt-catbtn{
  display:flex; align-items:center; gap:9px;
  background:var(--gmt-ink); color:var(--gmt-paper);
  border:0; border-radius:var(--gmt-r); padding:11px 15px;
  font-weight:600; font-size:14px; cursor:pointer; white-space:nowrap;
}
.gmt-catbtn:hover{filter:brightness(1.25)}
.gmt-catbtn__bars{display:grid; gap:2.5px}
.gmt-catbtn__bars i{display:block; width:14px; height:2px; background:currentColor; border-radius:0}

.gmt-mega{
  position:absolute; z-index:120; top:calc(100% + 8px); left:0;
  width:min(860px,88vw); background:var(--gmt-surface);
  border:1px solid var(--gmt-line-strong); border-radius:0;
  box-shadow:var(--gmt-shadow); padding:16px;
  display:grid; grid-template-columns:200px 1fr; gap:16px;
}
.gmt-mega[hidden]{display:none}
.gmt-mega__brands{
  border-right:1px solid var(--gmt-line); padding-right:12px;
  max-height:340px; overflow:auto; display:flex; flex-direction:column; gap:1px;
}
.gmt-mega__brand{
  display:flex; justify-content:space-between; align-items:baseline; gap:8px;
  width:100%; text-align:left; border:0; background:none; cursor:pointer;
  padding:7px 9px; border-radius:var(--gmt-r);
  font-size:13.5px; color:var(--gmt-ink-soft);
}
.gmt-mega__brand:hover,.gmt-mega__brand.is-active{
  background:var(--gmt-accent-soft); color:var(--gmt-accent); font-weight:600;
}
.gmt-mega__brand small{font-family:"IBM Plex Mono",monospace; font-size:10.5px; opacity:.75}
.gmt-mega__series{max-height:340px; overflow:auto; column-count:2; column-gap:18px}
.gmt-mega__series a{
  display:block; padding:5px 0; font-size:13px;
  color:var(--gmt-ink-soft); break-inside:avoid;
}
.gmt-mega__series a:hover{color:var(--gmt-accent)}
.gmt-mega__series p{color:var(--gmt-ink-faint); font-size:13px; margin:0}
@media(max-width:767px){
  .gmt-mega{grid-template-columns:1fr; width:min(94vw,420px)}
  .gmt-mega__brands{border-right:0; border-bottom:1px solid var(--gmt-line); padding:0 0 10px; max-height:180px}
  .gmt-mega__series{column-count:1; max-height:200px}
}

/* Arama — ps_searchbar ciktisini kusatir */
.gmt-searchslot{flex:1 1 240px; min-width:0}
.gmt-searchslot #search_widget,
.gmt-searchslot .search-widget{width:100%; float:none; margin:0}
.gmt-searchslot form{position:relative; margin:0}
.gmt-searchslot input[type=text]{
  width:100%; background:var(--gmt-surface-2);
  border:1px solid var(--gmt-line); border-radius:var(--gmt-r);
  padding:11px 40px 11px 14px; min-height:44px; color:var(--gmt-ink);
}
.gmt-searchslot button[type=submit]{
  position:absolute; right:4px; top:50%; transform:translateY(-50%);
  background:none; border:0; padding:8px; cursor:pointer;
}
.gmt-searchslot button[type=submit] i,
.gmt-searchslot .search{color:var(--gmt-ink-soft)}

/* Arac cubugu */
.gmt-tools{display:flex; align-items:center; gap:2px; flex:none}
.gmt-tool,
.gmt-tools__ps .user-info a,
.gmt-tools__ps .blockcart a{
  display:flex; flex-direction:column; align-items:center; gap:3px;
  padding:6px 10px; border-radius:var(--gmt-r);
  font-size:10.5px; font-weight:500; color:var(--gmt-ink-soft); text-align:center;
}
.gmt-tool:hover,
.gmt-tools__ps .user-info a:hover,
.gmt-tools__ps .blockcart a:hover{background:var(--gmt-surface-2); color:var(--gmt-accent)}
.gmt-tool svg{width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7}
.gmt-tools__ps{display:flex; align-items:center; gap:2px}
.gmt-tools__ps .user-info,
.gmt-tools__ps .blockcart{background:none; padding:0; margin:0}
.gmt-tools__ps .material-icons{font-size:20px; line-height:1}
.gmt-tools__ps .cart-products-count{
  font-family:"IBM Plex Mono",monospace; font-size:10px; font-weight:700;
  background:var(--gmt-hot); color:#fff; border-radius:9px; padding:0 5px; margin-left:2px;
}
@media(max-width:575px){.gmt-tool span,.gmt-tools__ps span:not(.cart-products-count){display:none}}

/* Kategori navigasyonu — ps_mainmenu ciktisini kusatir */
.gmt-nav{background:var(--gmt-surface); border-bottom:1px solid var(--gmt-line)}
.gmt-nav .container{display:flex; align-items:center; gap:22px; overflow-x:auto}
.gmt-nav .menu,.gmt-nav .top-menu{margin:0; padding:0; display:flex; gap:22px; list-style:none}
.gmt-nav .top-menu a[data-depth="0"],
.gmt-nav__extra{
  display:block; font-size:13.5px; font-weight:500; color:var(--gmt-ink-soft);
  padding:10px 0; white-space:nowrap; border-bottom:2px solid transparent;
}
.gmt-nav .top-menu a[data-depth="0"]:hover,
.gmt-nav__extra:hover{color:var(--gmt-ink); border-bottom-color:var(--gmt-accent); background:none}
.gmt-nav__extra{color:var(--gmt-hot); font-weight:600}
.gmt-nav__extra:hover{color:var(--gmt-hot); border-bottom-color:var(--gmt-hot)}

.gmt-nav .container > a{
  display:block; font-size:13.5px; font-weight:500; color:var(--gmt-ink-soft);
  padding:10px 0; white-space:nowrap; border-bottom:2px solid transparent;
}
.gmt-nav .container > a:hover{color:var(--gmt-ink); border-bottom-color:var(--gmt-accent)}
.gmt-nav .container > a.gmt-nav__extra{color:var(--gmt-hot); font-weight:600}
.gmt-nav .container > a.gmt-nav__extra:hover{border-bottom-color:var(--gmt-hot)}

/* Arama kutusu — classic'in #search_widget kurallarini gecmek icin
   ayni ozgulukte yaziyoruz. Ikon solda, metin ona carpmiyor. */
.gmt-searchslot #search_widget form{position:relative; margin:0}
.gmt-searchslot #search_widget form input[type=text]{
  width:100%; padding:11px 14px 11px 44px; min-height:44px;
  background:var(--gmt-surface-2); border:1px solid var(--gmt-line);
  border-radius:var(--gmt-r); color:var(--gmt-ink);
}
.gmt-searchslot #search_widget form input[type=text]:focus{
  border-color:var(--gmt-accent); outline:2px solid var(--gmt-accent-soft); outline-offset:0;
}
.gmt-searchslot #search_widget form button[type=submit]{
  position:absolute; left:6px; right:auto; top:50%; transform:translateY(-50%);
  background:none; border:0; padding:6px; cursor:pointer; line-height:0;
}
.gmt-searchslot #search_widget form button[type=submit] i{
  color:var(--gmt-ink-soft); font-size:20px;
}

/* Logo biraz daha belirgin */
.gmt-logo__mark img{max-height:46px}

/* Ekran okuyucuya gorunur, ekranda gizli */
.gmt-sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* Kategori butonu: sadece ikon, kare */
.gmt-catbtn{
  width:44px; height:44px; padding:0;
  justify-content:center; gap:0; flex:none;
}
.gmt-catbtn__bars{gap:4px}
.gmt-catbtn__bars i{width:18px; height:2px}

/* ============================================================
   Ana sayfa bolumleri
   ============================================================ */
.gmt-band{padding-block:38px}
.gmt-band--surface{background:var(--gmt-surface); border-block:1px solid var(--gmt-line)}
.gmt-band__head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:18px; margin-bottom:16px; flex-wrap:wrap;
}
.gmt-band__head h2{font-size:22px; font-weight:700; margin:0}
.gmt-band__head p{margin:4px 0 0; color:var(--gmt-ink-soft); font-size:13.5px; max-width:58ch}
.gmt-band__tools{display:flex; align-items:center; gap:8px}
.gmt-more{
  font-size:13px; font-weight:600; color:var(--gmt-accent);
  white-space:nowrap; display:inline-flex; align-items:center; gap:5px;
}
.gmt-arrow{
  width:30px; height:30px; border-radius:50%; flex:none; cursor:pointer;
  border:1px solid var(--gmt-line-strong); background:var(--gmt-surface);
  display:grid; place-items:center; color:var(--gmt-ink-soft);
}
.gmt-arrow:hover{border-color:var(--gmt-accent); color:var(--gmt-accent)}
.gmt-arrow svg{width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2}

/* Yatay kayan urun serisi */
.gmt-rail{
  display:flex; gap:13px; overflow-x:auto; scroll-snap-type:x mandatory;
  padding-bottom:8px; scrollbar-width:thin; scroll-behavior:smooth;
}
.gmt-rail > .js-product,
.gmt-rail > .product{flex:0 0 238px; max-width:238px; scroll-snap-align:start; margin:0; padding:0}
.gmt-rail .gmt-card{height:100%}
.gmt-rail .thumbnail-container{height:100%}
@media(prefers-reduced-motion:reduce){.gmt-rail{scroll-behavior:auto}}

/* Marka kutucuklari */
.gmt-brandgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(148px,1fr)); gap:10px}
.gmt-brandtile{
  background:var(--gmt-surface); border:1px solid var(--gmt-line);
  border-radius:var(--gmt-r); padding:14px;
  display:flex; flex-direction:column; gap:3px; color:var(--gmt-ink);
}
.gmt-brandtile:hover{border-color:var(--gmt-accent); color:var(--gmt-ink)}
.gmt-brandtile b{font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:16px; font-weight:700}
.gmt-brandtile span{font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--gmt-ink-faint)}
.gmt-brandtile__bar{
  display:block; height:2px; background:var(--gmt-line);
  margin-top:8px; border-radius:0; overflow:hidden;
}
.gmt-brandtile__bar i{display:block; height:100%; background:var(--gmt-accent)}

/* Original / Alternativ */
.gmt-split{display:grid; grid-template-columns:1fr 1fr; gap:13px}
@media(max-width:760px){.gmt-split{grid-template-columns:1fr}}
.gmt-explain{
  border:1px solid var(--gmt-line); border-radius:var(--gmt-r);
  padding:19px; background:var(--gmt-surface);
  display:flex; flex-direction:column; gap:9px;
}
.gmt-explain--pick{border-color:var(--gmt-accent); border-width:2px}
.gmt-explain h3{font-size:17px; font-weight:700; display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin:0}
.gmt-share{
  font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:600;
  background:var(--gmt-accent-soft); color:var(--gmt-accent);
  padding:2px 7px; border-radius:0;
}
.gmt-explain p{margin:0; font-size:13.5px; color:var(--gmt-ink-soft)}
.gmt-explain ul{margin:0; padding-left:17px; font-size:13.5px; color:var(--gmt-ink-soft); display:grid; gap:4px}

/* Ratgeber */
.gmt-posts{display:grid; grid-template-columns:repeat(auto-fill,minmax(238px,1fr)); gap:13px}
.gmt-post{
  background:var(--gmt-surface); border:1px solid var(--gmt-line);
  border-radius:var(--gmt-r); padding:16px;
  display:flex; flex-direction:column; gap:7px; color:var(--gmt-ink);
}
.gmt-post:hover{border-color:var(--gmt-accent); color:var(--gmt-ink)}
.gmt-post h3{font-size:15px; font-weight:600; line-height:1.35; margin:0}
.gmt-post p{margin:0; font-size:13px; color:var(--gmt-ink-soft); flex:1}
.gmt-post__more{font-size:12.5px; font-weight:600; color:var(--gmt-accent)}

/* ============================================================
   Ust bolum — daha genis oranlar, belirgin logo, sari kategori butonu
   Sari, logodaki dorduncu renk: cyan aksan, magenta fiyat,
   koyu zemin olarak kullaniliyor; sari bosta kaliyordu.
   ============================================================ */
.gmt-head__row{padding-block:18px; gap:20px}
.gmt-logo{max-width:250px}
.gmt-logo__mark img{max-height:64px}
.gmt-logo__sub{font-size:10.5px; letter-spacing:.18em; margin-top:1px}

.gmt-catbtn{
  width:52px; height:52px;
  background:var(--gmt-ty); color:var(--gmt-ink);
}
.gmt-catbtn:hover{background:var(--gmt-ty); filter:brightness(1.06)}
.gmt-catbtn__bars i{width:22px; height:2.5px; border-radius:0}
.gmt-catbtn__bars{gap:5px}

.gmt-searchslot #search_widget form input[type=text]{
  min-height:52px; font-size:15px; padding:13px 16px 13px 48px;
}
.gmt-searchslot #search_widget form button[type=submit] i{font-size:22px}
.gmt-searchslot #search_widget form button[type=submit]{left:9px}

.gmt-tools{gap:4px}
.gmt-tool,
.gmt-tools__ps .user-info a,
.gmt-tools__ps .blockcart a{padding:7px 12px; gap:5px; font-size:11.5px}
.gmt-tool svg{width:24px; height:24px}
.gmt-tools__ps .material-icons{font-size:25px}
.gmt-tools__ps .cart-products-count{font-size:11px; padding:1px 6px}
.gmt-mega{top:calc(100% + 10px)}

@media(max-width:991px){
  .gmt-logo__mark img{max-height:48px}
  .gmt-catbtn{width:46px; height:46px}
  .gmt-searchslot #search_widget form input[type=text]{min-height:46px}
}

/* Marka kutucugu — logo varsa logo, yoksa guclu tipografi */
.gmt-brandtile{padding:16px; gap:5px}
.gmt-brandtile b{font-size:19px; letter-spacing:-.02em; line-height:1.15}
.gmt-brandtile__logo{
  display:flex; align-items:center; justify-content:flex-start;
  height:34px; margin-bottom:2px;
}
.gmt-brandtile__logo img{
  max-height:34px; max-width:100%; width:auto; object-fit:contain;
  mix-blend-mode:multiply;
}

/* ============================================================
   Ana slider — 1920x475 (masaustu), metin gorselin uzerine bindirilir
   ============================================================ */
.gmt-slider{padding-block:18px 4px; background:var(--gmt-paper)}
.gmt-slider__frame{
  position:relative; border-radius:0; overflow:hidden;
  border:1px solid var(--gmt-line); background:var(--gmt-surface-2);
  aspect-ratio:1920/620; margin:0;   /* 3,10:1 — Poyraz olcusu (3,08:1) */
}
.gmt-slider .rslides{margin:0; padding:0; list-style:none; height:100%}
.gmt-slider .rslides li{height:100%}
.gmt-slide{position:relative}
.gmt-slide__img{width:100%; height:100%; object-fit:cover; display:block}
.gmt-slide__caption{
  position:absolute; inset:0 auto 0 0; width:min(46%,520px);
  display:flex; flex-direction:column; justify-content:center;
  gap:12px; padding:0 clamp(20px,4vw,52px); text-align:left;
  background:none;
}
.gmt-slide__title{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-weight:800;
  font-size:clamp(20px,2.6vw,38px); line-height:1.1;
  color:var(--gmt-ink); margin:0; text-wrap:balance;
}
.gmt-slide__text{font-size:clamp(13px,1.15vw,16px); color:var(--gmt-ink-soft)}
.gmt-slide__text p{margin:0}
.gmt-slide__cta{
  align-self:flex-start; background:var(--gmt-accent); color:#fff;
  border-radius:var(--gmt-r); padding:11px 18px;
  font-size:14px; font-weight:600;
}
.gmt-slide__cta:hover{color:#fff; filter:brightness(1.08)}

/* Okuma zemini — gorsel acik oldugu icin hafif bir beyaz gecis yeterli */
.gmt-slide::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(245,248,249,.92) 0%, rgba(245,248,249,.72) 34%, rgba(245,248,249,0) 58%);
}
.gmt-slide__caption{z-index:2}

@media(max-width:767px){
  /* ⚠ TELEFONDA GORSEL KIRPILMAZ.
     Once 4/3, sonra 3/2 denendi; ikisinde de 3,10:1'lik afis kirpiliyor,
     urunler kadrajin her yerine dagiliyor ve metin uzerlerine biniyordu.
     Isletme sahibi „webdeki gibi oldugu gibi gorunsun" dedi.
     Cozum: cerceve 4/3 kalir ama gorsel `contain` ile USTE oturur —
     afisin tamami masaustundeki haliyle gorunur — ve altta kalan bos
     alan metne kalir. Slaytlar position:absolute oldugu icin cerceve
     otomatik yukseklik alamiyor, bu yuzden sabit oran + contain. */
  /* (Kural dosyanin SONUNDA — burada yazilinca asagidaki rslides
     blogundaki `object-fit:cover` ayni ozgullukle eziyordu.) */
  .gmt-slide__caption{width:72%; padding-inline:18px}
  .gmt-slide::before{background:linear-gradient(90deg, rgba(245,248,249,.95) 0%, rgba(245,248,249,.82) 55%, rgba(245,248,249,.25) 100%)}
}

/* rslides kutuphanesi ilk slayti position:relative + float:left yapiyor;
   boylece li'nin yuksekligi icerikten geliyor ve img'nin height:100%
   bagvuracagi bir olcu kalmiyor. Cerceve zaten 21:9 oldugu icin
   tum slaytlari mutlak konumla cerceveye oturtuyoruz. */
.gmt-slider .rslides{position:relative; height:100%; overflow:hidden}
.gmt-slider .rslides > li{
  position:absolute; top:0; left:0; right:0; bottom:0;
  width:100%; height:100%; float:none; margin:0;
}
.gmt-slider .rslides > li:first-child{position:absolute; float:none}
.gmt-slider .rslides > li .gmt-slide__img{width:100%; height:100%; object-fit:cover}

/* Stokta olmayan urun — katalogda kalir, siparis edilemez.
   Uyari degil bilgi oldugu icin notr gri, dikkat calmadan okunur. */
.gmt-oos{
  font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  padding:3px 7px; border-radius:0; white-space:nowrap;
  background:var(--gmt-surface-2); color:var(--gmt-ink-faint);
  border:1px solid var(--gmt-line);
}
.gmt-card__top{flex-wrap:wrap; row-gap:5px}

/* ============================================================
   Icerik genisligi — classic 1140px'te kilitli, genis ekranda
   kenarlar bos kaliyordu. Kademeli olarak genisletiyoruz.
   ============================================================ */
@media (min-width:1200px){ .container{width:1180px} }
@media (min-width:1400px){ .container{width:1340px} }
@media (min-width:1700px){ .container{width:1500px} }

/* Logo — daha belirgin */
.gmt-logo{max-width:300px}
.gmt-logo__mark img{max-height:84px}
.gmt-logo__sub{font-size:11px; letter-spacing:.2em}
@media(max-width:991px){ .gmt-logo__mark img{max-height:54px} }

/* ============================================================
   Alt bilgi — odeme yontemleri
   Logo dosyasi konuldugunda gorsel, yoksa yazi tipiyle etiket.
   ============================================================ */
.gmt-pay{border-top:1px solid var(--gmt-panel-line); margin-top:26px; padding-top:20px}
.gmt-pay__title{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--gmt-panel-ink); font-weight:700; margin:0 0 12px;
}
.gmt-pay__list{
  list-style:none; margin:0; padding:0;
  display:flex; flex-wrap:wrap; gap:8px;
}
.gmt-pay__item{
  display:flex; align-items:center; justify-content:center;
  min-height:38px; min-width:74px; padding:6px 12px;
  background:#fff; border:1px solid var(--gmt-panel-line); border-radius:var(--gmt-r);
}
.gmt-pay__item img{max-height:24px; max-width:92px; width:auto; object-fit:contain}
.gmt-pay__item span{
  font-size:11.5px; font-weight:600; color:var(--gmt-ink);
  white-space:nowrap; letter-spacing:.01em;
}
.gmt-foot-bottom{
  border-top:1px solid var(--gmt-panel-line); margin-top:22px; padding-top:16px;
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:12px;
}
.gmt-foot-bottom a{color:var(--gmt-panel-soft)}
.gmt-foot-bottom a:hover{color:var(--gmt-accent)}

/* Logo alt ibaresi kaldirildi; logo tum yuksekligi kullanabilir */
.gmt-logo{justify-content:center}
.gmt-logo__mark img{max-height:92px}
@media(max-width:991px){ .gmt-logo__mark img{max-height:56px} }

/* ============================================================
   ALT BILGI — acik gri zemin
   Onceki koyu panel yerine sitenin kendi zemin rengi kullaniliyor;
   asagidaki kurallar o koyu tanimlarin uzerine yazar.
   ============================================================ */
#footer{
  background:var(--gmt-paper);
  color:var(--gmt-ink-soft);
  padding-top:34px;
  border-top:1px solid var(--gmt-line);
}
.footer-container{background:transparent; color:var(--gmt-ink-soft)}
.footer-container li a,
.footer-container a,
#footer .links a,
#footer p,
#footer li{color:var(--gmt-ink-soft)}
.footer-container li a:hover,
#footer .links a:hover,
.footer-container a:hover{color:var(--gmt-accent)}
.footer-container .h3,
.footer-container .myaccount-title,
#footer .links .h3,
#block_myaccount_infos .myaccount-title a{color:var(--gmt-ink)}
#footer .block-social li{background-color:var(--gmt-surface-2)}
#footer .block-social li a{color:var(--gmt-ink-soft)}

/* Odeme yontemleri — beyaz kutucuklu izgara */
.gmt-pay{border-top:1px solid var(--gmt-line); margin-top:26px; padding-top:22px}
.gmt-pay__title{color:var(--gmt-ink)}
.gmt-pay__list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(104px,116px));
  gap:9px;
  justify-content:start;
}
.gmt-pay__item{
  background:#fff;
  border:1px solid var(--gmt-line);
  border-radius:var(--gmt-r);
  min-height:52px; min-width:0; padding:9px 12px;
}
.gmt-pay__item img{max-height:26px; max-width:100%}
.gmt-pay__item span{color:var(--gmt-ink-soft); font-size:11px; text-align:center; white-space:normal}

.gmt-foot-bottom{
  border-top:1px solid var(--gmt-line);
  color:var(--gmt-ink-faint);
}
.gmt-foot-bottom a{color:var(--gmt-ink-faint)}
.gmt-foot-bottom a:hover{color:var(--gmt-accent)}

/* Alt bilgi — dort sutun, odeme en sagda */
.gmt-foot-row{display:flex; flex-wrap:wrap}
.gmt-pay{border-top:0; margin-top:0; padding-top:0}
.gmt-pay__title{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--gmt-ink); font-weight:700; margin:0 0 12px;
}
.gmt-pay__list{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px; justify-content:start; margin:0; padding:0; list-style:none;
}
.gmt-pay__item{
  display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid var(--gmt-line); border-radius:var(--gmt-r);
  min-height:50px; padding:8px 10px;
}
.gmt-pay__item img{max-height:24px; max-width:100%; width:auto; object-fit:contain}
.gmt-foot-note{color:var(--gmt-ink-faint); font-size:11.5px; max-width:62ch}
@media(max-width:575px){ .gmt-pay__list{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* ------------------------------------------------------------------
   Alt bilgi: Kontakt · Informationen · Ihr Konto · Zahlungsarten
   ps_linklist col-md-6 (satirin yarisi) aliyordu; dorde esitliyoruz.
   wishlist-* olanlar 0 genislikte modal kaplari — dizilimden cikarilir.
   ------------------------------------------------------------------ */
.gmt-foot-row{align-items:flex-start}
.gmt-foot-row > .block-contact          {order:1}
.gmt-foot-row > .links:not(.wrapper)    {order:2}
.gmt-foot-row > #block_myaccount_infos  {order:3}
.gmt-foot-row > .gmt-pay                {order:4}
.gmt-foot-row > [class*="wishlist-"]{order:9; flex:0 0 0 !important; width:0 !important; max-width:0 !important; padding:0}

@media (min-width:992px){
  .gmt-foot-row > .block-contact,
  .gmt-foot-row > .links:not(.wrapper),
  .gmt-foot-row > #block_myaccount_infos,
  .gmt-foot-row > .gmt-pay{flex:0 0 25%; max-width:25%}
  .gmt-foot-row > .links > .row > div{flex:0 0 100%; max-width:100%}
}
@media (min-width:768px) and (max-width:991px){
  .gmt-foot-row > .block-contact,
  .gmt-foot-row > .links:not(.wrapper),
  .gmt-foot-row > #block_myaccount_infos,
  .gmt-foot-row > .gmt-pay{flex:0 0 50%; max-width:50%}
}

/* Alt bilgi — sutunlar arasi ince ayirici */
@media (min-width:992px){
  .gmt-foot-row > .links:not(.wrapper),
  .gmt-foot-row > #block_myaccount_infos,
  .gmt-foot-row > .gmt-pay{
    border-left:1px solid var(--gmt-line);
  }
  .gmt-foot-row > .block-contact,
  .gmt-foot-row > .links:not(.wrapper),
  .gmt-foot-row > #block_myaccount_infos,
  .gmt-foot-row > .gmt-pay{padding-left:26px; padding-right:26px}
  .gmt-foot-row > .block-contact{padding-left:15px}
}

/* Odeme kosullari — onay isaretli liste */
.gmt-pay__notes{
  list-style:none; margin:16px 0 0; padding:0;
  display:grid; gap:9px;
}
.gmt-pay__notes li{
  position:relative; padding-left:24px;
  font-size:12.5px; line-height:1.45; color:var(--gmt-ink-soft);
}
.gmt-pay__notes li::before{
  content:""; position:absolute; left:2px; top:3px;
  width:13px; height:8px; border-left:2px solid var(--gmt-accent);
  border-bottom:2px solid var(--gmt-accent);
  transform:rotate(-45deg);
}

/* ------------------------------------------------------------------
   Marka logosu olcegi.
   Kare logolar (hp, lanier) yukseklik sinirina, genis yazi isaretleri
   (samsung, epson) genislik sinirina takiliyordu; kareler bu yuzden
   kucuk kaliyordu. Kutu yuksekligi buyutuldu, her logo kendi yonunde
   kutuyu doldurur — optik agirliklari esitlenir.
   ------------------------------------------------------------------ */
.gmt-brandtile__logo{height:46px; margin-bottom:4px}
.gmt-brandtile__logo img{
  max-height:46px; max-width:100%;
  height:auto; width:auto;
}

/* ------------------------------------------------------------------
   Zahlarten — tam genislikte tek satir (sutun degil)
   ------------------------------------------------------------------ */
.gmt-payrow{border-top:1px solid var(--gmt-line); margin-top:28px; padding-top:22px}
.gmt-payrow__title{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:15px; font-weight:600;
  color:var(--gmt-ink); margin:0 0 14px; letter-spacing:0; text-transform:none;
}
.gmt-payrow__list{
  list-style:none; margin:0; padding:0;
  display:flex; flex-wrap:wrap; gap:10px;
}
.gmt-payrow__item{
  display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid var(--gmt-line); border-radius:0;
  width:104px; height:58px; padding:10px 12px;
  box-shadow:0 1px 2px rgba(16,22,25,.04);
}
.gmt-payrow__item img{max-height:28px; max-width:100%; width:auto; height:auto}
.gmt-payrow__item span{font-size:11px; font-weight:600; color:var(--gmt-ink); text-align:center}
.gmt-payrow .gmt-pay__notes{margin-top:16px}
@media(max-width:575px){ .gmt-payrow__item{width:88px; height:50px} }

/* ------------------------------------------------------------------
   Ratgeber karuseli — kapak gorseli + etiket
   ------------------------------------------------------------------ */
.gmt-rail--posts > .gmt-post{flex:0 0 292px; max-width:292px; scroll-snap-align:start}
.gmt-post{
  display:flex; flex-direction:column; gap:0; padding:0; overflow:hidden;
  background:var(--gmt-surface); border:1px solid var(--gmt-line);
  border-radius:0; color:var(--gmt-ink);
}
.gmt-post:hover{border-color:var(--gmt-line-strong); box-shadow:var(--gmt-shadow); color:var(--gmt-ink)}
.gmt-post__media{display:block; aspect-ratio:16/9; background:var(--gmt-surface-2); overflow:hidden}
.gmt-post__media img{width:100%; height:100%; object-fit:cover; display:block}
.gmt-post__ph{
  display:block; width:100%; height:100%;
  background-image:repeating-linear-gradient(45deg,transparent 0 10px,var(--gmt-line) 10px 11px);
}
.gmt-post__body{display:flex; flex-direction:column; gap:7px; padding:15px 16px 16px}
.gmt-post h3{font-size:15px; font-weight:600; line-height:1.35; margin:0}
.gmt-post p{margin:0; font-size:13px; color:var(--gmt-ink-soft); flex:1}
.gmt-post__tag{
  align-self:flex-start; margin-top:3px;
  font-size:11px; font-weight:600; letter-spacing:.04em;
  background:var(--gmt-surface-2); color:var(--gmt-ink-soft);
  border:1px solid var(--gmt-line); border-radius:0; padding:3px 9px;
}

/* ------------------------------------------------------------------
   Versand & Sicheres Einkaufen
   Yalnizca dogrulanabilir ifadeler. Gercek kargo sozlesmesi veya
   Trusted Shops uyeligi olusunca logo/muhur buraya eklenir.
   ------------------------------------------------------------------ */
.gmt-trustrow{
  border-top:1px solid var(--gmt-line); margin-top:28px; padding-top:22px;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:26px;
}
.gmt-trustrow__title{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:15px; font-weight:600;
  color:var(--gmt-ink); margin:0 0 12px;
}
.gmt-trustrow__list{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.gmt-trustrow__list li{
  display:grid; grid-template-columns:auto 1fr; align-items:start;
  column-gap:10px; row-gap:1px;
}
.gmt-trustrow__list li strong{
  grid-column:2; font-size:13.5px; font-weight:600; color:var(--gmt-ink);
}
.gmt-trustrow__list li span:not(.gmt-trustrow__ico){
  grid-column:2; font-size:12.5px; color:var(--gmt-ink-soft);
}
.gmt-trustrow__list li:not(:has(.gmt-trustrow__ico)) strong,
.gmt-trustrow__list li:not(:has(.gmt-trustrow__ico)) span{grid-column:1 / -1}
.gmt-trustrow__ico{
  grid-row:1 / span 2; display:grid; place-items:center;
  width:34px; height:34px; border-radius:50%;
  background:var(--gmt-accent-soft);
}
.gmt-trustrow__ico svg{
  width:17px; height:17px; fill:none;
  stroke:var(--gmt-accent); stroke-width:2; stroke-linecap:round;
}

/* ============================================================
   KOYU, SABIT UST BILGI
   Guven seridi + logo satiri + menu tek koyu blok halinde,
   sayfa kaydikca ekranin ustunde kalir.
   ============================================================ */
#header{
  position:sticky; top:0; z-index:200;
  background:var(--gmt-panel);
  border-bottom:1px solid var(--gmt-panel-line);
  box-shadow:0 1px 0 rgba(0,0,0,.35);
}
.gmt-trust{border-bottom:1px solid var(--gmt-panel-line)}

/* --- logo satiri --- */
.gmt-head{background:transparent; border-bottom:1px solid var(--gmt-panel-line)}
.gmt-head__row{padding-block:14px; gap:16px}

/* Logo dosyasi beyaz zeminli JPEG; koyu zeminde bilincli bir
   beyaz kutucuk olarak sunuluyor. Seffaf/acik surum gelince kaldirilir. */
.gmt-logo{max-width:none; flex:none}
.gmt-logo__mark{
  background:#fff; border-radius:0; padding:6px 12px;
  display:inline-flex; align-items:center;
}
.gmt-logo__mark img{max-height:56px; display:block}

/* --- arama: cok daha genis --- */
.gmt-searchslot{flex:1 1 auto; min-width:0; max-width:none}
.gmt-searchslot #search_widget form input[type=text]{
  background:rgba(255,255,255,.09);
  border:1px solid var(--gmt-panel-line);
  color:var(--gmt-panel-ink);
  min-height:52px; font-size:15px;
}
.gmt-searchslot #search_widget form input[type=text]::placeholder{color:var(--gmt-panel-soft)}
.gmt-searchslot #search_widget form input[type=text]:focus{
  background:rgba(255,255,255,.14);
  border-color:var(--gmt-accent);
  outline:2px solid rgba(69,185,199,.28);
}
.gmt-searchslot #search_widget form button[type=submit] i{color:var(--gmt-panel-soft)}

/* --- kategori butonu --- */
.gmt-catbtn{background:var(--gmt-ty); color:#201E1D}
.gmt-catbtn:hover{background:var(--gmt-ty); filter:brightness(1.08)}

/* --- arac cubugu --- */
.gmt-tool,
.gmt-tools__ps .user-info a,
.gmt-tools__ps .blockcart a{color:var(--gmt-panel-soft)}
.gmt-tool:hover,
.gmt-tools__ps .user-info a:hover,
.gmt-tools__ps .blockcart a:hover{background:rgba(255,255,255,.07); color:#fff}

/* --- kategori navigasyonu --- */
.gmt-nav{background:transparent; border-bottom:0}
.gmt-nav .container > a{color:var(--gmt-panel-soft)}
.gmt-nav .container > a:hover{color:#fff; border-bottom-color:var(--gmt-accent)}
.gmt-nav .container > a.gmt-nav__extra{color:var(--gmt-ty)}
.gmt-nav .container > a.gmt-nav__extra:hover{color:var(--gmt-ty); border-bottom-color:var(--gmt-ty)}

/* mega menu koyu basligin altinda acilir, acik kalir */
.gmt-mega{background:var(--gmt-surface); color:var(--gmt-ink)}

@media(max-width:991px){
  .gmt-logo__mark img{max-height:42px}
  .gmt-head__row{padding-block:11px}
}

/* ------------------------------------------------------------------
   Koyu baslik duzeltmeleri
   classic'in "#header a" kurali (ID seciciligi) kendi kurallarimizi
   eziyordu; ayni ozgullukle geri aliyoruz.
   Arama kutusu da kapsayicisini tam dolduracak sekilde genisletildi.
   ------------------------------------------------------------------ */
#header .gmt-nav .container > a{color:var(--gmt-panel-soft)}
#header .gmt-nav .container > a:hover{color:#fff; border-bottom-color:var(--gmt-accent)}
#header .gmt-nav .container > a.gmt-nav__extra{color:var(--gmt-ty)}
#header .gmt-nav .container > a.gmt-nav__extra:hover{color:var(--gmt-ty); border-bottom-color:var(--gmt-ty)}

#header .gmt-tool,
#header .gmt-tools__ps .user-info a,
#header .gmt-tools__ps .blockcart a{color:var(--gmt-panel-soft)}
#header .gmt-tool:hover,
#header .gmt-tools__ps .user-info a:hover,
#header .gmt-tools__ps .blockcart a:hover{color:#fff}

/* Arama kutusu: kapsayiciyi tam doldur */
#header .gmt-searchslot{flex:1 1 0%; min-width:0; max-width:none}
#header .gmt-searchslot #search_widget,
#header .gmt-searchslot .search-widget{width:100%; max-width:none; float:none; margin:0}
#header .gmt-searchslot form{width:100%}
#header .gmt-searchslot input[type=text]{width:100%}

/* Arac cubugu: acik zemin donemindeki "#header .header-top a" kurali
   (1,1,1) daha ozgul kaldigi icin kazaniyordu. Sinif sayisini artirarak
   koyu baslik icin geri aliyoruz. */
#header .header-top .gmt-tool,
#header .header-top .gmt-tools__ps a,
#header .header-top .gmt-tools a{color:var(--gmt-panel-soft)}
#header .header-top .gmt-tool:hover,
#header .header-top .gmt-tools__ps a:hover,
#header .header-top .gmt-tools a:hover{color:#fff; background:rgba(255,255,255,.07)}

/* ------------------------------------------------------------------
   Sabit alan yalnizca guven seridi + logo satiri.
   Kategori menusu kaydirinca yukari kayar.
   ------------------------------------------------------------------ */
#header{position:static; box-shadow:none}
.gmt-sticky{
  position:sticky; top:0; z-index:200;
  background:var(--gmt-panel);
  box-shadow:0 2px 10px -4px rgba(0,0,0,.55);
}

/* Sepet: ikon ve etiket koyu zeminde koyu kaliyordu */
#header .header-top .gmt-tools__ps .blockcart,
#header .header-top .gmt-tools__ps .blockcart a,
#header .header-top .gmt-tools__ps .blockcart i,
#header .header-top .gmt-tools__ps .blockcart span:not(.cart-products-count){
  color:var(--gmt-panel-soft);
  background:transparent;
}
#header .header-top .gmt-tools__ps .blockcart a:hover,
#header .header-top .gmt-tools__ps .blockcart a:hover i,
#header .header-top .gmt-tools__ps .blockcart a:hover span:not(.cart-products-count){color:#fff}
#header .header-top .gmt-tools__ps .cart-products-count{
  color:#fff; background:var(--gmt-hot);
}

/* ------------------------------------------------------------------
   Sabit baslik — dogru kurgu.
   position:sticky yalnizca kendi kapsayicisi icinde gecerlidir; sabit
   alani #header'in icine koyunca #header ile birlikte kayiyordu.
   Bu yuzden #header sabitlenir, kaydirinca yalnizca kategori menusu
   gizlenir — geriye guven seridi + logo/arama satiri kalir.
   ------------------------------------------------------------------ */
#header{position:sticky; top:0; z-index:200; box-shadow:0 2px 10px -4px rgba(0,0,0,.55)}
.gmt-sticky{position:static; box-shadow:none}

.gmt-nav{
  max-height:58px; overflow:hidden;
  transition:max-height .18s ease, opacity .18s ease;
}
html.gmt-scrolled .gmt-nav{max-height:0; opacity:0}
@media (prefers-reduced-motion: reduce){ .gmt-nav{transition:none} }

/* ------------------------------------------------------------------
   Kaydirinca baslik yariseffaf olur.
   Opacity yerine yariseffaf zemin + bulaniklik: yazi net kalir,
   opacity verilseydi metin ve ikonlar da soluklasirdi.
   ------------------------------------------------------------------ */
#header{
  transition:background-color .18s ease, backdrop-filter .18s ease;
}
html.gmt-scrolled #header,
body.gmt-scrolled #header{
  background-color:rgba(16,22,25,.88);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
html.gmt-scrolled .gmt-trust,
body.gmt-scrolled .gmt-trust{background:transparent}
@media (prefers-reduced-motion: reduce){ #header{transition:none} }

/* Gozcu oge: basligin hemen ustunde, gorunmez */
.gmt-scroll-sentinel{position:absolute; top:0; left:0; width:1px; height:1px; pointer-events:none}

/* ------------------------------------------------------------------
   Yeni logo — beyaz, seffaf SVG. Koyu baslikta dogrudan durur,
   onceki beyaz kutucuga gerek kalmadi.
   ------------------------------------------------------------------ */
.gmt-logo{flex:none; max-width:none}
.gmt-logo__mark{
  background:transparent; padding:0; border-radius:0;
  display:inline-flex; align-items:center;
}
.gmt-logo__mark img{height:38px; width:auto; max-height:38px; display:block}
@media(max-width:991px){ .gmt-logo__mark img{height:29px} }

/* ============================================================
   MARKA PALETI 1 — KALDIRILDI (2026-09-07)
   Lacivert #201E1D + neon yesil #EC3013 ikilisi yeni logoyla
   degistirildi. Guncel palet dosyanin SONUNDA: "MARKA PALETI 2".
   CMYK renk cipleri MARKA DEGIL VERIDIR — kartusun gercek rengini
   gosterirler, palet degisiminden etkilenmezler.
   ============================================================ */
/* ============================================================
   Kayan hizmet seridi — slider ile Top-Angebote arasinda
   Lacivert zemin, uzerinde parlak cyan yazi (2026-09 paleti).
   Cyan burada zemin degil YAZI rengi; #EC3013 uzerinde #201E1D
   kontrasti 6,8:1, rahat okunur.
   Genislik icerik genisligi kadar — slider da oyle; sayfa boyunca
   ayni kenar hizasi korunur.
   ============================================================ */
.gmt-ticker{padding-block:20px 4px; background:var(--gmt-paper)}
.gmt-ticker__bar{
  background:var(--gmt-panel); border-radius:var(--gmt-r);
  overflow:hidden; position:relative;
}
/* Kenarlarda yumusak gecis — yazi kutunun icinden dogup icinde kayboluyor */
.gmt-ticker__bar::before,
.gmt-ticker__bar::after{
  content:""; position:absolute; top:0; bottom:0; width:56px; z-index:2; pointer-events:none;
}
.gmt-ticker__bar::before{left:0;  background:linear-gradient(90deg,var(--gmt-panel),transparent)}
.gmt-ticker__bar::after {right:0; background:linear-gradient(270deg,var(--gmt-panel),transparent)}

.gmt-ticker__track{
  display:flex; width:max-content;
  animation:gmt-ticker-run 26s linear infinite;
}
/* Dort grubun biri kadar kayar, sonra basa doner — gecis gorunmez */
@keyframes gmt-ticker-run{
  from{transform:translate3d(0,0,0)}
  to  {transform:translate3d(-25%,0,0)}
}
.gmt-ticker__bar:hover .gmt-ticker__track{animation-play-state:paused}

.gmt-ticker__group{
  list-style:none; margin:0; padding:0;
  display:flex; align-items:center; flex:none;
}
.gmt-ticker__group li{
  display:flex; align-items:center; gap:10px;
  padding:13px 30px; white-space:nowrap;
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:14.5px; font-weight:600;
  color:var(--gmt-attention); line-height:1.2;
}
.gmt-ticker__group svg{
  flex:none; width:20px; height:20px;
  fill:none; stroke:currentColor; stroke-width:1.6;
  stroke-linecap:round; stroke-linejoin:round;
}

@media(max-width:767px){
  .gmt-ticker__group li{font-size:13px; padding:11px 20px; gap:8px}
  .gmt-ticker__group svg{width:17px; height:17px}
  .gmt-ticker__bar::before,.gmt-ticker__bar::after{width:28px}
}

/* Hareketi azalt tercihinde serit durur, elle kaydirilabilir kalir */
@media (prefers-reduced-motion:reduce){
  .gmt-ticker__track{animation:none}
  .gmt-ticker__bar{overflow-x:auto}
}

/* ============================================================
   Marka kutucuklari — beyaz hap kartlar, yalniz logo
   Zemin kagit rengi oldugu icin kartlar cercevesiz durur, ayrimi
   golge yapar. Model/seri sayilari basligin altina tasindi.
   ============================================================ */
.gmt-brandgrid{grid-template-columns:repeat(6,1fr); gap:18px}
.gmt-brandtile{
  background:var(--gmt-surface); border:0; border-radius:18px;
  box-shadow:0 2px 10px rgba(32,30,29,.07);
  padding:20px 14px; min-height:94px;
  display:flex; align-items:center; justify-content:center; gap:0;
  transition:box-shadow .16s ease, transform .16s ease;
}
.gmt-brandtile:hover{
  border-color:transparent; transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(32,30,29,.15);
}
.gmt-brandtile b{font-size:17px; color:var(--gmt-ink)}
.gmt-brandtile__logo{
  height:52px; margin:0; display:flex; align-items:center; justify-content:center;
}
/* Kare logolar (HP) yukseklikten, yazi logolari genislikten sinirlanir.
   Kaynak dosyalarin bos kenar payi kirpilmis olmali, yoksa kucuk gorunur. */
.gmt-brandtile__logo img{
  max-height:52px; max-width:132px; width:auto; height:auto;
  object-fit:contain; filter:none; opacity:1;
}
.gmt-brands__all{display:flex; justify-content:center; margin-top:22px}
.gmt-brands__all a{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--gmt-surface); border-radius:0;
  box-shadow:0 2px 10px rgba(32,30,29,.07);
  padding:11px 22px; font-size:14px; font-weight:600; color:var(--gmt-ink);
  transition:box-shadow .16s ease, color .16s ease;
}
.gmt-brands__all a:hover{color:var(--gmt-accent); box-shadow:0 8px 20px rgba(32,30,29,.14)}
.gmt-brands__all svg{
  width:16px; height:16px; fill:none; stroke:currentColor;
  stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}
@media(max-width:1199px){ .gmt-brandgrid{grid-template-columns:repeat(4,1fr); gap:14px} }
@media(max-width:767px){
  .gmt-brandgrid{grid-template-columns:repeat(3,1fr); gap:10px}
  .gmt-brandtile{min-height:78px; padding:14px 8px; border-radius:14px}
  .gmt-brandtile__logo{height:34px}
  .gmt-brandtile__logo img{max-height:34px; max-width:90px}
}

/* ============================================================
   Alt bilgi — dort esit sutun ve Versand / Sicheres Einkaufen
   Zahlarten kendi satirina tasindiktan sonra ust satirda 25%'lik
   bir bosluk kalmisti. Sutunlar yeniden dagitildi:
   Kontakt 25 · Bestellungen 25 · Informationen 25 · Ihr Konto 25
   (Bestellungen + Informationen tek bir .links kabinin icinde)
   ============================================================ */
@media (min-width:992px){
  .gmt-foot-row > .block-contact{flex:0 0 25%; max-width:25%}
  .gmt-foot-row > .links:not(.wrapper){flex:0 0 50%; max-width:50%}
  .gmt-foot-row > #block_myaccount_infos{flex:0 0 25%; max-width:25%}

  /* Bestellungen | Informationen — yan yana, aralarinda ayirici */
  .gmt-foot-row > .links > .row{margin-inline:0}
  .gmt-foot-row > .links > .row > div{flex:0 0 50%; max-width:50%; padding-inline:0}
  .gmt-foot-row > .links > .row > div + div{
    border-left:1px solid var(--gmt-line); padding-left:26px;
  }
}

/* ------------------------------------------------------------------
   Versand / Sicheres Einkaufen — iki ana baslik, her birinin altinda
   tek satirda iki ozellik. Ikonlu, ust satirdaki 50/50 bolunmeye oturur.
   ------------------------------------------------------------------ */
.gmt-trustrow{grid-template-columns:1fr 1fr; gap:0}
.gmt-trustrow__col + .gmt-trustrow__col{
  border-left:1px solid var(--gmt-line); padding-left:26px;
}
.gmt-trustrow__col{padding-right:26px}
.gmt-trustrow__title{
  font-family:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:15px; font-weight:700;
  color:var(--gmt-ink); margin:0 0 14px;
}
.gmt-trustrow__list{grid-template-columns:1fr 1fr; gap:10px 22px}
.gmt-trustrow__list li{align-items:center}
.gmt-trustrow__list li strong{font-size:13.5px; line-height:1.25}
.gmt-trustrow__list li span:not(.gmt-trustrow__ico){font-size:12.5px; line-height:1.3}
/* Ikon her satirda oldugu icin eski "ikonsuz" istisnasi artik gecersiz */
.gmt-trustrow__list li:not(:has(.gmt-trustrow__ico)) strong,
.gmt-trustrow__list li:not(:has(.gmt-trustrow__ico)) span{grid-column:2}

@media(max-width:991px){
  .gmt-trustrow{grid-template-columns:1fr; gap:22px}
  .gmt-trustrow__col + .gmt-trustrow__col{border-left:0; padding-left:0; padding-top:20px; border-top:1px solid var(--gmt-line)}
  .gmt-trustrow__col{padding-right:0}
}
@media(max-width:575px){
  .gmt-trustrow__list{grid-template-columns:1fr}
}

/* ------------------------------------------------------------------
   Zahlarten — 13 logo esnek satirda 12+1 kiriliyordu, tek basina kalan
   kutu hata gibi duruyordu. Izgaraya gecirildi: 7+6.
   Sutun sayilari kalan >= 2 olacak sekilde secildi (13 asal sayi).
   Kosul maddeleri tek satirda uc sutun — ust bloklarla ayni ritim.
   ------------------------------------------------------------------ */
.gmt-payrow__list{
  display:grid; grid-template-columns:repeat(7,1fr); gap:10px;
}
.gmt-payrow__item{width:auto; height:58px}

.gmt-payrow .gmt-pay__notes{
  grid-template-columns:repeat(3,1fr); gap:10px 24px; margin-top:18px;
}

@media(max-width:1199px){ .gmt-payrow__list{grid-template-columns:repeat(5,1fr)} }
@media(max-width:991px){
  .gmt-payrow__list{grid-template-columns:repeat(4,1fr)}
  .gmt-payrow .gmt-pay__notes{grid-template-columns:1fr 1fr}
}
@media(max-width:575px){
  .gmt-payrow__list{grid-template-columns:repeat(3,1fr); gap:8px}
  .gmt-payrow__item{width:auto; height:50px}
  .gmt-payrow .gmt-pay__notes{grid-template-columns:1fr}
}

/* ============================================================
   1) Kaydirinca guven seridi de kapanir
   Onceden yalnizca kategori menusu kapaniyordu; ust serit kaliyordu.
   Simdi kaydirinca geriye SADECE logo/arama satiri kalir.
   ============================================================ */
.gmt-trust{
  max-height:48px; overflow:hidden;
  transition:max-height .18s ease, opacity .18s ease;
}
html.gmt-scrolled .gmt-trust,
body.gmt-scrolled .gmt-trust{
  max-height:0; opacity:0; border-bottom-color:transparent;
}
@media (prefers-reduced-motion: reduce){ .gmt-trust{transition:none} }

/* ============================================================
   2) Telefon duzeni
   Baslik satiri esnek dizilimde bozuluyordu: arama kutusu birkac
   piksele sikisiyor, arac ikonlari alt satira dusuyordu.
   Izgaraya cevrildi:
     satir 1 → logo .......... arac ikonlari
     satir 2 → kategori + arama (tam genislik)
   ============================================================ */
@media(max-width:767px){
  .gmt-head__row{
    display:grid; align-items:center;
    grid-template-columns:auto 1fr auto;
    grid-template-areas:
      "logo logo tools"
      "cat  search search";
    gap:10px 10px; padding-block:10px;
  }
  .gmt-logo{grid-area:logo}
  .gmt-tools{grid-area:tools; justify-self:end; flex:none}
  .gmt-catwrap{grid-area:cat}
  .gmt-searchslot{grid-area:search; min-width:0; max-width:none}
  .gmt-searchslot #search_widget,
  .gmt-searchslot #search_widget form{width:100%}
  .gmt-searchslot #search_widget form input[type=text]{width:100%; min-height:46px; font-size:16px}
  .gmt-catbtn{width:46px; height:46px}

  /* Guven seridi telefonda 4 maddeyi uc satira sariyordu — basligin
     ucte birini yiyordu. Ayni vaatler ana sayfadaki kayan seritte ve
     alt bilgide zaten duruyor. */
  .gmt-trust{display:none}
}

/* ============================================================
   3) Koyu mod kapatildi
   Palet degiskenleri koyu surume geciyordu ama urun kartlari,
   marka/odeme logolari ve urun fotograflari beyaz zemine gore
   uretilmis. Sonuc: telefon koyu moddayken sayfa komple lacivert,
   kart zemini beyaz kalip yazi acik griye donuyor — urun adlari
   okunmuyordu. Magaza acik tema olarak tasarlandi; koyu surum
   ancak bastan bir tasarim gecisiyle dogru calisir.
   ============================================================ */
:root{color-scheme:light}

/* ------------------------------------------------------------------
   Slider metni telefonda
   Metin gorselin PARCASI DEGIL, uzerine bindirilen HTML. Gorsel
   kirpilsa da yazi kirpilmaz; burada yalnizca okunurlugu ayarliyoruz.
   Gorselde yazi olmamali — gomulu yazi kirpilir ve Google okuyamaz.
   ------------------------------------------------------------------ */
@media(max-width:767px){
  /* Dar ekranda metin kutusu neredeyse tam genislik alir */
  .gmt-slide__caption{width:90%; padding-inline:16px; gap:8px}
  .gmt-slide__title{font-size:clamp(18px,5.4vw,25px); line-height:1.12}
  .gmt-slide__text{font-size:13px; line-height:1.35}
  .gmt-slide__text p{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
  .gmt-slide__cta{padding:9px 15px; font-size:13px}

  /* Okuma zemini telefonda daha kuvvetli: gorsel ne olursa olsun
     yazi okunur kalsin diye solda neredeyse mat, sagda seffaf. */
  .gmt-slide::before{
    background:linear-gradient(90deg,
      rgba(245,246,250,.97) 0%,
      rgba(245,246,250,.90) 58%,
      rgba(245,246,250,.30) 88%,
      rgba(245,246,250,0) 100%);
  }
}
@media(max-width:400px){
  .gmt-slide__text p{-webkit-line-clamp:2}
  .gmt-slide__title{font-size:19px}
}

/* ==================================================================
   Slider metin yerlesimi — yonetim ekranindan surulur
   Degiskenler <li class="gmt-slide"> uzerinde satir ici gelir.
   Masaustu takimi --gs-*, mobil takimi --gm-*. Satir ici stil medya
   sorgusu tasiyamadigi icin iki takim da basilir; secimi burasi yapar.
   Duzenleme: Yonetim > Design > "Slider — Text & Bild"
   ================================================================== */
.gmt-slide__caption{
  position:absolute; inset:auto auto auto 0;
  left:var(--gs-x,4%); top:var(--gs-y,50%);
  transform:translateY(-50%);
  width:var(--gs-w,46%); max-width:none;
  text-align:var(--gs-a,left);
  align-items:var(--gs-ai,flex-start);
  display:flex; flex-direction:column; justify-content:center;
  gap:12px; padding:0 clamp(20px,4vw,52px);
  background:none;
}
.gmt-slide__title{color:var(--gs-tc,var(--gmt-ink))}
.gmt-slide__text{color:var(--gs-sc,var(--gmt-ink-soft))}
.gmt-slide__cta{
  align-self:var(--gs-ai,flex-start);
  background:var(--gs-cb,var(--gmt-accent)); color:var(--gs-ci,#fff);
}
.gmt-slide__cta:hover{color:var(--gs-ci,#fff)}
.gmt-slide::before{background:var(--gs-scrim,none)}

@media(max-width:767px){
  .gmt-slide__caption{
    left:var(--gm-x,6%); top:var(--gm-y,50%);
    width:var(--gm-w,88%);
    text-align:var(--gm-a,left);
    align-items:var(--gm-ai,flex-start);
    padding-inline:16px; gap:8px;
  }
  .gmt-slide__title{color:var(--gm-tc,var(--gmt-ink))}
  .gmt-slide__text{color:var(--gm-sc,var(--gmt-ink-soft))}
  .gmt-slide__cta{
    align-self:var(--gm-ai,flex-start);
    background:var(--gm-cb,var(--gmt-accent)); color:var(--gm-ci,#fff);
  }
  .gmt-slide::before{background:var(--gm-scrim,none)}
}

/* Slider punto ve satir sonu — yonetim ekranindan surulur.
   Olcum genisligi masaustunde 1280, mobilde 375 piksel; clamp() daha
   dar ekranda oranli kucultur, sabit px verilseydi baslik tasardi. */
.gmt-slide__title{
  font-size:var(--gs-ts,clamp(20px,2.6vw,38px));
  line-height:var(--gs-lh,1.15);
  white-space:pre-line;
}
.gmt-slide__text{
  font-size:var(--gs-ds,clamp(13px,1.15vw,16px));
  line-height:var(--gs-lh,1.35);
}
@media(max-width:767px){
  .gmt-slide__title{font-size:var(--gm-ts,clamp(18px,5.4vw,25px)); line-height:var(--gm-lh,1.2)}
  .gmt-slide__text{font-size:var(--gm-ds,13px); line-height:var(--gm-lh,1.35)}
}

/* Slider — kelime vurgusu
   Baslik icinde *kelime* buyur ve kalinlasir, ~kelime~ kuculur ve incelir.
   Boyut em cinsinden verildigi icin baslik puntosu degisince oranli
   degisir; carpanlar yonetim ekranindan gelir. */
.gmt-slide__title .gmt-em,
.gmt-slide__text .gmt-em{font-size:calc(1em * var(--gs-em,1.35)); font-weight:800}
.gmt-slide__title .gmt-sm,
.gmt-slide__text .gmt-sm{font-size:calc(1em * var(--gs-sm,.7)); font-weight:300}
@media(max-width:767px){
  .gmt-slide__title .gmt-em,
  .gmt-slide__text .gmt-em{font-size:calc(1em * var(--gm-em,1.3))}
  .gmt-slide__title .gmt-sm,
  .gmt-slide__text .gmt-sm{font-size:calc(1em * var(--gm-sm,.72))}
}

/* Slider gorselinin odak noktasi — yonetim ekranindan surulur.
   Genis bir gorsel dar bir cerceveye 'cover' ile otururken varsayilan
   olarak ORTASI gorunur; mobilde bu cogu zaman yanlis yeri gosterir.
   Bu degiskenler hangi bolgenin gorunecegini belirler. */
.gmt-slide__img{object-position:var(--gs-ix,50%) var(--gs-iy,50%)}
@media(max-width:767px){
  .gmt-slide__img{object-position:var(--gm-ix,50%) var(--gm-iy,50%)}
}

/* ==================================================================
   URUN SAYFASI
   classic'in iskeleti korunur, gorunum temaya cekilir.
   ================================================================== */

/* --- fiyat --- */
.gmt-pd__price{margin:2px 0 16px}
.gmt-pd__now{display:flex; align-items:baseline; flex-wrap:wrap; gap:10px}
.gmt-pd__amount{
  font-family:"Gilroy",sans-serif; font-weight:800;
  font-size:34px; line-height:1; color:var(--gmt-ink);
}
.gmt-pd__tax{font-size:12.5px; color:var(--gmt-ink-faint)}
.gmt-pd__old{font-size:16px; color:var(--gmt-ink-faint); text-decoration:line-through}
.gmt-pd__off{
  background:var(--gmt-attention); color:var(--gmt-attention-ink);
  border-radius:var(--gmt-r); padding:3px 8px;
  font-size:12.5px; font-weight:700;
}
/* Sayfa basi maliyet — muadilin en guclu argumani, one cikarilir */
.gmt-pd__cpp{
  margin-top:9px; display:inline-flex; align-items:baseline; gap:6px;
  background:var(--gmt-surface-2); border-radius:var(--gmt-r);
  padding:7px 12px; font-size:13.5px; color:var(--gmt-ink-soft);
}
.gmt-pd__cpp strong{font-size:15.5px; color:var(--gmt-ink); font-weight:700}

/* --- uc bilgi karti --- */
.gmt-pd__facts{
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px;
  margin:0 0 16px;
}
.gmt-pd__fact{
  display:flex; align-items:center; gap:9px;
  background:var(--gmt-surface); border:1px solid var(--gmt-line);
  border-radius:var(--gmt-r); padding:11px 12px; min-width:0;
}
.gmt-pd__fact > span:last-child{min-width:0; font-size:13px; color:var(--gmt-ink)}
.gmt-pd__fact b{
  display:block; font-size:10.5px; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--gmt-ink-faint); margin-bottom:2px;
}
.gmt-pd__facticon{flex:none; width:22px; height:22px; color:var(--gmt-accent)}
.gmt-pd__facticon svg{
  width:100%; height:100%; fill:none; stroke:currentColor;
  stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;
}
/* Renk cipi VERIDIR — kartusun gercek rengi, palet degisiminden etkilenmez */
.gmt-pd__facticon.gmt-dot{width:14px; height:14px; border-radius:0}
@media(max-width:767px){ .gmt-pd__facts{grid-template-columns:1fr} }

.gmt-pd__intro{font-size:14.5px; color:var(--gmt-ink-soft); margin-bottom:16px}

/* --- sepete ekle: temanin yesili ---
   Dugme .btn.btn-primary.add-to-cart; temadaki .btn-primary kurali
   laciverte boyuyordu. Uc sinifi birlikte yazarak onu geciyoruz. */
.btn.btn-primary.add-to-cart,
.product-quantity .add-to-cart{
  background:var(--gmt-attention); color:var(--gmt-attention-ink);
  border:0; border-radius:var(--gmt-r);
  font-family:"Gilroy",sans-serif; font-weight:700; font-size:15px;
  padding:13px 22px; box-shadow:none;
}
.btn.btn-primary.add-to-cart:hover:not(:disabled),
.btn.btn-primary.add-to-cart:focus:not(:disabled){
  background:var(--gmt-attention); color:var(--gmt-attention-ink); filter:brightness(1.06);
}
.btn.btn-primary.add-to-cart:disabled{background:var(--gmt-line-strong); color:#fff}
.btn.btn-primary.add-to-cart i,
.btn.btn-primary.add-to-cart .material-icons{color:var(--gmt-attention-ink)}
.product-quantity .qty input{border-radius:var(--gmt-r); border:1px solid var(--gmt-line-strong)}

/* --- odeme yontemleri --- */
.gmt-pd__pay{margin:18px 0 4px; padding-top:16px; border-top:1px solid var(--gmt-line)}
.gmt-pd__paytitle{
  display:block; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase;
  font-weight:700; color:var(--gmt-ink-faint); margin-bottom:9px;
}
.gmt-pd__pay ul{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(5,1fr); gap:7px;
}
.gmt-pd__pay li{
  display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid var(--gmt-line); border-radius:5px;
  height:40px; padding:6px 8px;
}
.gmt-pd__pay img{max-height:19px; max-width:100%; width:auto}
.gmt-pd__pay span{font-size:9.5px; font-weight:700; color:var(--gmt-ink); text-align:center; line-height:1.1}
@media(max-width:575px){ .gmt-pd__pay ul{grid-template-columns:repeat(4,1fr)} }

/* --- uyumlu yazicilar --- */
.gmt-pd__printers{margin-top:34px}
/* Gruplar alt alta; her grubun modelleri genislige gore sutunlara akar.
   Tek grup varsa da sayfa bos gorunmez, cok grup varsa da dagilmaz. */
.gmt-printers{display:grid; gap:20px}
.gmt-printers__grp h3{
  font-family:"Gilroy",sans-serif; font-size:13px; font-weight:700;
  color:var(--gmt-ink); margin:0 0 8px;
  padding-bottom:6px; border-bottom:1px solid var(--gmt-line);
}
.gmt-printers__grp ul{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:6px 18px;
}
.gmt-printers__grp a{font-size:13px; color:var(--gmt-ink-soft)}
.gmt-printers__grp a:hover{color:var(--gmt-accent)}

/* --- baslik ve sekmeler --- */
.product-container h1.h1{
  font-family:"Gilroy",sans-serif; font-weight:800;
  font-size:clamp(20px,2vw,27px); line-height:1.15;
  color:var(--gmt-ink); text-transform:none; margin-bottom:10px;
}
.product-tabs .nav-tabs{border-bottom:1px solid var(--gmt-line)}
.product-tabs .nav-tabs .nav-link{
  font-family:"Gilroy",sans-serif; font-weight:700; font-size:14px;
  color:var(--gmt-ink-faint); border:0; border-bottom:2px solid transparent;
}
.product-tabs .nav-tabs .nav-link.active{color:var(--gmt-ink); border-bottom-color:var(--gmt-accent)}
.product-information .product-description{font-size:14.5px; line-height:1.6}
.product-features .data-sheet dt{font-weight:700; color:var(--gmt-ink)}

/* Gorseli olmayan urun — bos beyaz kutu yerine acik bir yer tutucu */
.gmt-noimg{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:12px; aspect-ratio:1/1; width:100%;
  background:var(--gmt-surface-2); border:1px dashed var(--gmt-line-strong);
  border-radius:var(--gmt-r); color:var(--gmt-ink-faint); text-align:center; padding:20px;
}
.gmt-noimg svg{
  width:76px; height:auto; fill:none; stroke:currentColor;
  stroke-width:2; stroke-linecap:round; stroke-linejoin:round; opacity:.55;
}
.gmt-noimg span{font-size:13px}

/* --- ayni ailenin diger varyantlari --- */
.gmt-pd__vars{margin:0 0 16px}
.gmt-pd__varstitle{
  display:block; font-size:10.5px; letter-spacing:.06em; text-transform:uppercase;
  font-weight:700; color:var(--gmt-ink-faint); margin-bottom:8px;
}
.gmt-pd__vars ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:7px}
.gmt-pd__var{
  display:inline-flex; align-items:center; gap:7px;
  border:1px solid var(--gmt-line); border-radius:0;
  padding:6px 13px 6px 9px; font-size:13px; color:var(--gmt-ink-soft);
  background:var(--gmt-surface); white-space:nowrap;
}
a.gmt-pd__var:hover{border-color:var(--gmt-accent); color:var(--gmt-accent)}
.gmt-pd__var.is-active{
  border-color:var(--gmt-accent); background:var(--gmt-accent);
  color:#fff; font-weight:600; cursor:default;
}
.gmt-pd__var .gmt-dot{width:12px; height:12px; border-radius:0; flex:none}
.gmt-pd__var.is-active .gmt-dot{box-shadow:0 0 0 1px rgba(255,255,255,.6)}

/* --- urun sayfasi: versand & rückgabe --- */
.gmt-pd__ship{
  list-style:none; margin:16px 0 0; padding:14px 0 0;
  border-top:1px solid var(--gmt-line); display:grid; gap:11px;
}
.gmt-pd__ship li{display:flex; align-items:flex-start; gap:10px}
.gmt-pd__ship svg{
  flex:none; width:19px; height:19px; margin-top:1px; color:var(--gmt-accent);
  fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;
}
.gmt-pd__ship span{font-size:12.5px; line-height:1.35; color:var(--gmt-ink-soft)}
.gmt-pd__ship b{display:block; font-size:13px; font-weight:700; color:var(--gmt-ink)}

/* ==================================================================
   KATEGORI BASLIGI — marka logosu + kisa tanitim
   Marka kategori agacinda derinlik 3'te; model/seri sayfasinda da
   yukari cikilip bulunur, boylece her yazici sayfasinda logo cikar.
   ================================================================== */
.gmt-cathead{
  background:var(--gmt-surface); border:1px solid var(--gmt-line);
  border-radius:var(--gmt-r); padding:20px 22px; margin-bottom:18px;
  box-shadow:none;
}
.gmt-cathead__top{display:flex; align-items:center; gap:18px}

/* Logo kutusu: yazi logolari genislikten, kare logolar (HP) yukseklikten
   sinirlanir — ana sayfadaki marka kutucuklariyla ayni mantik. */
.gmt-cathead__logo{
  flex:none; display:grid; place-items:center;
  width:104px; height:56px; padding:6px 10px;
  background:#fff; border:1px solid var(--gmt-line); border-radius:0;
}
.gmt-cathead__logo img{max-width:100%; max-height:44px; width:auto; height:auto; object-fit:contain}

.gmt-cathead__title{min-width:0}
.gmt-cathead .h1{
  font-family:"Gilroy",sans-serif; font-weight:800;
  font-size:clamp(20px,2.2vw,28px); line-height:1.15;
  color:var(--gmt-ink); text-transform:none; margin:0;
}
.gmt-cathead__meta{
  margin:5px 0 0; font-family:"IBM Plex Mono",monospace;
  font-size:12px; color:var(--gmt-ink-faint);
}
.gmt-cathead__meta a{color:var(--gmt-accent)}
.gmt-cathead__meta span{margin:0 6px}

.gmt-cathead__blurb{
  margin:15px 0 0; padding-top:15px; border-top:1px solid var(--gmt-line);
  font-size:14px; line-height:1.55; color:var(--gmt-ink-soft); max-width:80ch;
}
.gmt-cathead__desc{
  margin-top:12px; font-size:14px; line-height:1.55; color:var(--gmt-ink-soft);
}

@media(max-width:575px){
  .gmt-cathead{padding:16px}
  .gmt-cathead__top{gap:13px}
  .gmt-cathead__logo{width:78px; height:44px; padding:5px 8px}
  .gmt-cathead__logo img{max-height:34px}
}

/* ==================================================================
   KATEGORI SAYFASI — filtreler ve sol sutun
   ps_facetedsearch'in classic gorunumu temaya cekiliyor.
   ================================================================== */

/* classic bu kutulara kendi kart stilini veriyor; uc secici birlikte
   yazilarak ozgulluk asiliyor (kenarlik 0'a duruyordu). */
#left-column .block-categories,
#left-column #search_filters,
#search_filters.js-search-filters{
  background:var(--gmt-surface) !important;
  border:1px solid var(--gmt-line) !important;
  border-radius:var(--gmt-r); padding:16px 18px; margin-bottom:16px;
  box-shadow:none;
}

/* --- baslik --- */
#search_filters > p:first-of-type,
#search_filters .text-uppercase{
  font-family:"Gilroy",sans-serif; font-weight:800;
  font-size:12px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--gmt-ink); margin:0 0 14px;
  padding-bottom:11px; border-bottom:1px solid var(--gmt-line);
}

/* --- her bir facet --- */
#search_filters .facet{margin:0 0 16px; padding:0}
#search_filters .facet:last-child{margin-bottom:0}
#search_filters .facet-title{
  font-family:"Gilroy",sans-serif; font-weight:700;
  font-size:11px; letter-spacing:.07em; text-transform:uppercase;
  color:var(--gmt-ink-faint); margin:0 0 9px;
}

/* --- onay kutulari --- */
#search_filters .facet ul{list-style:none; margin:0; padding:0}
#search_filters .facet li{margin:0}
#search_filters .facet-label{
  display:flex; align-items:center; gap:8px;
  margin:0; padding:4px 0; font-size:13.5px; color:var(--gmt-ink-soft);
  cursor:pointer; line-height:1.3;
}
#search_filters .facet-label:hover{color:var(--gmt-accent)}
#search_filters .facet-label a{color:inherit; text-decoration:none}
#search_filters .magnitude{color:var(--gmt-ink-faint); font-size:12px}

#search_filters .custom-checkbox input[type=checkbox]{
  width:15px; height:15px; margin:0; flex:none;
  -webkit-appearance:checkbox; appearance:checkbox; opacity:1; position:static;
}
#search_filters .custom-checkbox span.color,
#search_filters .custom-checkbox .ps-shown-by-js{display:none}

/* --- fiyat kaydiricisi --- */
#search_filters .faceted-slider{padding:6px 4px 0}
#search_filters .ui-slider{
  height:4px; background:var(--gmt-line); border:0; border-radius:0; margin:14px 4px;
}
#search_filters .ui-slider .ui-slider-range{background:var(--gmt-accent); border-radius:0}
#search_filters .ui-slider .ui-slider-handle{
  width:16px; height:16px; top:-6px; margin-left:-8px;
  background:var(--gmt-surface); border:2px solid var(--gmt-accent);
  border-radius:50%; cursor:grab;
}
#search_filters .faceted-slider p{font-size:12.5px; color:var(--gmt-ink-soft); margin:0}

/* --- secili filtreleri temizle --- */
.clear-all-wrapper{margin:0 0 12px}
.js-search-filters-clear-all{
  background:var(--gmt-surface-2); color:var(--gmt-ink-soft);
  border:1px solid var(--gmt-line); border-radius:var(--gmt-r);
  font-size:12.5px; padding:6px 12px;
}
.js-search-filters-clear-all:hover{color:var(--gmt-accent); border-color:var(--gmt-accent)}

/* --- sol sutundaki kategori agaci --- */
#left-column .block-categories .h6,
#left-column .block-categories .text-uppercase{
  font-family:"Gilroy",sans-serif; font-weight:800; font-size:12px;
  letter-spacing:.09em; color:var(--gmt-ink); margin:0 0 12px;
  padding-bottom:11px; border-bottom:1px solid var(--gmt-line);
}
#left-column .category-sub-menu li{margin:0}
#left-column .category-sub-menu a{font-size:13.5px; color:var(--gmt-ink-soft); padding:4px 0; display:inline-block}
#left-column .category-sub-menu a:hover{color:var(--gmt-accent)}

/* --- listeleme ust cubugu --- */
#js-product-list-top{
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:12px; margin-bottom:14px;
}
.total-products p{font-size:13.5px; color:var(--gmt-ink-faint); margin:0}
.products-sort-order .select-title{
  border:1px solid var(--gmt-line); border-radius:var(--gmt-r);
  background:var(--gmt-surface); font-size:13.5px; color:var(--gmt-ink);
}

/* --- karttaki uyumlu yazicilar --- */
.gmt-fits{
  margin:6px 0 0; font-size:11.5px; line-height:1.4;
  color:var(--gmt-ink-faint);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.gmt-fits__lbl{
  font-family:"IBM Plex Mono",monospace; font-size:10px;
  text-transform:uppercase; letter-spacing:.06em;
  color:var(--gmt-ink-faint); margin-right:5px;
}
.gmt-fits__more{color:var(--gmt-accent); white-space:nowrap}

@media(max-width:991px){
  #search_filters{padding:14px}
}


/* ============================================================
   MARKA PALETI 2 — yeni logo (2026-09-07)
   Onceki lacivert #201E1D + neon yesil #EC3013 ikilisinin yerine
   gecer. Hedef yuzey dagilimi: ~%70 beyaz / kirik beyaz,
   ~%20 lacivert ve acik gri, ~%10 cyan / sari / magenta aksiyon.

   ⚠ CYAN BIR ZEMIN RENGIDIR, YAZI RENGI DEGIL.
     #EC3013 beyaz uzerinde 2,22:1 — okunmaz. Buton ve rozet zemini
     olarak kullanilir, uzerine DAIMA lacivert yazi gelir (6,76:1).
     Baglanti YAZISI icin koyulastirilmis --gmt-link (#AE1800, 5,66:1).
   ⚠ SARI da yazi rengi degildir (beyazda 1,63:1). Yalniz kampanya
     etiketi zemini; uzerine lacivert yazi gelir (9,24:1).
   ⚠ Magenta uzerine beyaz yazi 4,56:1 — sinirda gecer, yalniz
     rozet gibi kisa ve kalin metinlerde kullanilir.
   ⚠ Stok durumu icin ayri bir yesil (--gmt-stock) vardir; CMY
     renkleri stok anlaminda KULLANILMAZ.

   Logo dosyalarindaki gercek degerler brief tablosundan cok az
   farkli: sari logoda #F7C211 (brief #EAE9E9), magenta logoda
   #EA004A (brief #EC3013). Arayuzde brief degerleri kullaniliyor.
   ============================================================ */
:root{
  color-scheme:light;

  --gmt-paper:#F8FAFC;           /* sayfa zemini — kirik beyaz */
  --gmt-surface:#FFFFFF;         /* kart, panel */
  --gmt-surface-2:#EDF3F7;       /* ikincil zemin, acik gri-mavi */

  --gmt-ink:#201E1D;             /* ana yazi — gece laciverti, 15,0:1 */
  --gmt-ink-soft:#5D6D7E;        /* ikincil yazi — duman grisi, 5,3:1 */
  --gmt-ink-faint:#647585;       /* 4,75:1 — OEM kodu gibi kucuk veri satirlari bunu kullanir */

  --gmt-line:#DDE7EE;
  --gmt-line-strong:#C3D2DD;

  /* ⚠ IKI AYRI CYAN — karistirilmamali.
     Tema --gmt-accent'i hem YAZI hem ZEMIN olarak kullaniyor. Eski
     palette accent koyu bir renkti (lacivert), o yuzden ikisi de
     calisiyordu. Parlak cyan yazi olarak okunmaz (beyazda 2,2:1),
     bu yuzden ikiye ayrildi: */
  --gmt-accent:#AE1800;          /* KOYU cyan — yazi, baglanti, ikon, cerceve (5,66:1) */
  --gmt-accent-ink:#FFFFFF;
  --gmt-accent-soft:#E3F7FA;     /* cok acik cyan zemin */
  --gmt-link:#AE1800;

  --gmt-attention:#EC3013;       /* PARLAK cyan — YALNIZ zemin: buton, rozet */
  --gmt-attention-ink:#201E1D;   /* parlak cyan uzerine daima lacivert (6,76:1) */

  --gmt-yellow:#EAE9E9;          /* kampanya etiketi zemini */
  --gmt-yellow-ink:#201E1D;

  --gmt-promo:#EC3013;           /* kucuk vurgu: sepet sayaci */
  --gmt-promo-ink:#FFFFFF;

  --gmt-stock:#107C52;           /* stok durumu — 5,2:1 */

  --gmt-hot:#201E1D;             /* fiyat — lacivert, boyutla one cikar */

  --gmt-panel:#201E1D;           /* kategori menusu, alt bilgi, B2B blogu */
  --gmt-panel-ink:#FFFFFF;
  --gmt-panel-soft:#CFCCCB;      /* lacivert uzerinde ikincil yazi, 7,8:1 */
  --gmt-panel-line:#2A4257;

  --gmt-field:#FFFFFF;
  --gmt-field-ink:#201E1D;
  --gmt-shadow:0 1px 2px rgba(32,30,29,.06), 0 8px 24px -12px rgba(32,30,29,.20);
}

/* --- CYAN: ana eylem (her zaman zemin) --- */
.gmt-buy{background:var(--gmt-attention); color:var(--gmt-attention-ink)}
.gmt-buy:hover,.gmt-buy:focus{background:var(--gmt-attention); color:var(--gmt-attention-ink); filter:brightness(1.06)}
.gmt-buy--soft{background:transparent; color:var(--gmt-ink-soft); border:1px solid var(--gmt-line-strong)}
.gmt-buy--soft:hover{background:transparent; color:var(--gmt-link); border-color:var(--gmt-link)}

/* Ikincil buton: beyaz zemin, lacivert cerceve ve yazi */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled){
  background:var(--gmt-surface); border-color:var(--gmt-ink); color:var(--gmt-ink);
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):hover{
  background:var(--gmt-ink); border-color:var(--gmt-ink); color:#fff;
}
/* Sepete ekle ana butondur — cyan kalir */
.btn.btn-primary.add-to-cart{
  background:var(--gmt-attention); border-color:var(--gmt-attention); color:var(--gmt-attention-ink);
}
.btn.btn-primary.add-to-cart:hover{
  background:var(--gmt-attention); border-color:var(--gmt-attention);
  color:var(--gmt-attention-ink); filter:brightness(1.06);
}
.gmt-slide__cta{background:var(--gmt-attention); color:var(--gmt-attention-ink)}
.gmt-slide__cta:hover{color:var(--gmt-attention-ink); filter:brightness(1.06)}

/* --- SARI: kampanya etiketi --- */
.gmt-off{background:var(--gmt-yellow); color:var(--gmt-yellow-ink)}

/* --- MAGENTA: sepet sayaci --- */
#header .header-top .gmt-tools__ps .cart-products-count,
.cart-products-count{background:var(--gmt-promo); color:var(--gmt-promo-ink)}

/* --- KOYU ZEMINLERDE cyan parlak tona doner ---
   Tema her yerde var(--gmt-accent) yaziyor. Degiskeni koyu bloklarin
   ICINDE yeniden tanimlayinca ikon, yazi ve cizgiler kendiliginde
   dogru tona geciyor; tek tek kural yazmaya gerek kalmiyor.
   ⚠ #footer icinde beyaz zeminli modallar var — onlar geri alinir. */
.gmt-trust,
.gmt-ticker__bar,
#footer{--gmt-accent:#EC3013}
#footer .modal,
#footer .modal-content{--gmt-accent:#AE1800}

.gmt-finder__title em{color:var(--gmt-link)}
.gmt-eyebrow{color:var(--gmt-link)}
.gmt-finder__stats strong{color:var(--gmt-link)}

/* Stok disi rozeti — 4,24:1 idi */
.gmt-oos{color:var(--gmt-ink-soft)}

/* Alt bilgideki iletisim blogu (ps_contactinfo) kendi gri tonunu
   basiyordu; lacivert zeminde 3,5:1 kaliyordu. */
#footer .block-contact,
#footer .block-contact *,
#footer #block_contact_infos *{color:var(--gmt-panel-soft)}

/* ⚠ Burada eskiden SABIT bir acik gradyan vardi (kagit rengi
   guncellenirken eklenmisti). Slayt duzenleyicinin okuma zemini
   ayarini (--gs-scrim / --gm-scrim) tamamen eziyordu: hangi slayta
   hangi zemin secilirse secilsin hepsi ayni acik gradyani aliyordu,
   „beyaz yazi + lacivert zemin" secenegi hic calismiyordu.
   Kaldirildi — renk artik Gmtfinder::scrimCss() icinden geliyor ve
   orada da guncel lacivert (17,40,62) kullaniliyor. */

/* ============================================================
   ACIK UST BILGI
   Onceki kurgu: guven seridi + logo satiri + kategori menusu tek
   koyu bloktu. Yeni kurgu brief'e gore:
     ince lacivert guven seridi → BEYAZ logo/arama satiri
     → lacivert kategori menusu
   Asagidaki kurallar 1088-1265 arasindaki koyu baslik bloğunu
   ayni ozgullukle geri alir.
   ============================================================ */
#header{
  background:var(--gmt-surface);
  border-bottom:1px solid var(--gmt-line);
  box-shadow:0 1px 3px rgba(32,30,29,.07);
}
html.gmt-scrolled #header,
body.gmt-scrolled #header{
  background-color:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* Guven seridi — ince lacivert bant, en ustte */
.gmt-trust{
  background:var(--gmt-panel); color:var(--gmt-panel-soft);
  border-bottom:0;
}
.gmt-trust svg{stroke:var(--gmt-accent)}
html.gmt-scrolled .gmt-trust,
body.gmt-scrolled .gmt-trust{background:var(--gmt-panel)}

/* Logo/arama satiri — beyaz.
   .gmt-sticky sarmalayicisi da laciverti basiyordu (1196), o da acilir. */
.gmt-sticky{background:var(--gmt-surface)}
.gmt-head{background:var(--gmt-surface); border-bottom:0}
.gmt-logo__mark{background:transparent; padding:0; border-radius:0}

/* Arama kutusu — acik zemin */
.gmt-searchslot #search_widget form input[type=text],
#header .gmt-searchslot input[type=text]{
  background:var(--gmt-surface-2);
  border:1px solid var(--gmt-line-strong);
  color:var(--gmt-ink);
}
.gmt-searchslot #search_widget form input[type=text]::placeholder{color:var(--gmt-ink-soft)}
.gmt-searchslot #search_widget form input[type=text]:focus{
  background:var(--gmt-surface);
  border-color:var(--gmt-accent);
  outline:2px solid rgba(236,48,19,.32);
}
.gmt-searchslot #search_widget form button[type=submit] i{color:var(--gmt-ink-soft)}

/* Kategori butonu — lacivert, beyaz yazi */
.gmt-catbtn{background:var(--gmt-panel); color:#fff}
.gmt-catbtn:hover{background:var(--gmt-panel); color:#fff; filter:brightness(1.35)}

/* Arac cubugu (hesap / sepet) — koyu yazi */
#header .header-top .gmt-tool,
#header .header-top .gmt-tools__ps a,
#header .header-top .gmt-tools a,
#header .header-top .gmt-tools__ps .blockcart,
#header .header-top .gmt-tools__ps .blockcart a,
#header .header-top .gmt-tools__ps .blockcart i,
#header .header-top .gmt-tools__ps .blockcart span:not(.cart-products-count){
  color:var(--gmt-ink); background:transparent;
}
#header .header-top .gmt-tool:hover,
#header .header-top .gmt-tools__ps a:hover,
#header .header-top .gmt-tools a:hover,
#header .header-top .gmt-tools__ps .blockcart a:hover,
#header .header-top .gmt-tools__ps .blockcart a:hover i,
#header .header-top .gmt-tools__ps .blockcart a:hover span:not(.cart-products-count){
  color:var(--gmt-link); background:var(--gmt-surface-2);
}

/* Kategori menusu — lacivert serit */
.gmt-nav{
  background:var(--gmt-panel);
  border-bottom:0;
  max-height:58px;
}
#header .gmt-nav .container > a,
.gmt-nav .container > a{color:var(--gmt-panel-soft)}
#header .gmt-nav .container > a:hover,
.gmt-nav .container > a:hover{color:#fff; border-bottom-color:var(--gmt-accent)}
#header .gmt-nav .container > a.gmt-nav__extra,
.gmt-nav .container > a.gmt-nav__extra{color:var(--gmt-yellow)}
#header .gmt-nav .container > a.gmt-nav__extra:hover,
.gmt-nav .container > a.gmt-nav__extra:hover{color:var(--gmt-yellow); border-bottom-color:var(--gmt-yellow)}
.gmt-nav .top-menu a[data-depth="0"]{color:var(--gmt-panel-soft)}
.gmt-nav .top-menu a[data-depth="0"]:hover{color:#fff}

/* ============================================================
   FINDER — hero, artik acik zemin
   Brief: hero buyuk kampanya gorseli degil, urun bulma araci.
   Beyaz alan agirlikli kalmasi icin lacivert bant kaldirildi.
   ============================================================ */
.gmt-finder{
  background:var(--gmt-surface-2);
  color:var(--gmt-ink);
  border-bottom:1px solid var(--gmt-line);
}
.gmt-finder__title{color:var(--gmt-ink)}
.gmt-finder__lede{color:var(--gmt-ink-soft)}
.gmt-finder .gmt-field label{color:var(--gmt-ink-soft)}
.gmt-finder__stats{color:var(--gmt-ink-soft)}
.gmt-select:focus{border-color:var(--gmt-accent); outline:2px solid rgba(236,48,19,.32)}

/* ============================================================
   KAYAN HIZMET SERIDI — lacivert zemin, cyan yazi
   ============================================================ */
.gmt-ticker__bar{background:var(--gmt-panel)}
.gmt-ticker__bar::before{background:linear-gradient(90deg,var(--gmt-panel),transparent)}
.gmt-ticker__bar::after{background:linear-gradient(270deg,var(--gmt-panel),transparent)}
.gmt-ticker__item{color:var(--gmt-accent)}
.gmt-ticker__item svg{stroke:var(--gmt-accent)}

/* ============================================================
   ALT BILGI — lacivert
   Brief: lacivert footer, B2B ve guven mesajlarinda kullanilir.
   862-935 arasindaki acik gri tanimlarini geri alir.
   ============================================================ */
#footer{
  background:var(--gmt-panel);
  color:var(--gmt-panel-soft);
  border-top:0;
}
.footer-container{background:transparent; color:var(--gmt-panel-soft)}
.footer-container li a,
.footer-container a,
#footer .links a,
#footer p,
#footer li{color:var(--gmt-panel-soft)}
.footer-container li a:hover,
#footer .links a:hover,
.footer-container a:hover{color:var(--gmt-accent)}
.footer-container .h3,
.footer-container .myaccount-title,
#footer .links .h3,
#block_myaccount_infos .myaccount-title a{color:#fff}
#footer .block-social li{background-color:rgba(255,255,255,.08)}
#footer .block-social li a{color:var(--gmt-panel-soft)}

.gmt-pay{border-top:1px solid var(--gmt-panel-line)}
.gmt-pay__title,
.gmt-foot-col .h3,
.gmt-foot-title{color:#fff}
.gmt-foot-bottom{border-top:1px solid var(--gmt-panel-line); color:var(--gmt-panel-soft)}
.gmt-foot-bottom a{color:var(--gmt-panel-soft)}
.gmt-foot-bottom a:hover{color:var(--gmt-accent)}
.gmt-foot-note{color:var(--gmt-panel-soft)}
.gmt-foot-row,
.gmt-foot-col{border-color:var(--gmt-panel-line)}

/* Odeme logolari koyu zeminde beyaz kutucukta durur */
.gmt-pay__item,
.gmt-payrow__item{background:#fff}

/* Guven satiri ve odeme satiri — acik alt bilgi doneminden kalan
   koyu yazi renkleri lacivert zeminde okunmuyordu.
   ⚠ #footer icinde istek listesi / giris MODALLARI da var; onlar
   beyaz zeminde acilir, bu yuzden "#footer *" gibi genel bir kural
   YAZILMAZ — yalniz gmt-* siniflari hedeflenir. */
/* Seciciler temanin kendi kurallariyla AYNI ozgullukte yazilir
   (.gmt-trustrow__list li span:not(...) = 0,3,1); daha zayif bir
   secici yaziIdiginda kural sessizce eziliyordu. */
.gmt-trustrow__title,
.gmt-payrow__title{color:#fff}
.gmt-trustrow__list li strong{color:#fff}
.gmt-trustrow__list li span:not(.gmt-trustrow__ico){color:var(--gmt-panel-soft)}
.gmt-pay__notes li{color:var(--gmt-panel-soft)}
.gmt-payrow__item span{color:var(--gmt-ink)}
.gmt-trustrow__ico{background:rgba(255,255,255,.08)}
.gmt-trustrow__ico svg{stroke:var(--gmt-accent)}
.gmt-trustrow,
.gmt-payrow,
.gmt-trustrow__col{border-color:var(--gmt-panel-line)}
.gmt-foot-bottom span,
.gmt-foot-note{color:var(--gmt-panel-soft)}

/* ============================================================
   STOK DURUMU — CMY disinda ayri yesil
   ============================================================ */
.gmt-stock--in,
.product-available,
#product-availability .product-available{color:var(--gmt-stock)}
.gmt-stock--order{color:var(--gmt-ink-soft)}
.gmt-stock--out,
.product-unavailable{color:var(--gmt-promo)}

/* ============================================================
   URUN SAYFASI — classic'ten sizan gri ve parlak cyan
   classic'in kendi #6B6664 grisi beyazda 4,3:1 kaliyor (esik 4,5)
   ve etkin sekme #201E1D ile 2,3:1'e dusuyordu. Ikisi de temanin
   kendi tonlarina cekilir.
   ============================================================ */
.breadcrumb ol li span,
.breadcrumb li a,
.product-description,
.product-description p,
.product-description li,
.product-description strong,
#product-details p,
#product-details li{color:var(--gmt-ink-soft)}

.product-description strong{color:var(--gmt-ink)}

.tabs .nav-tabs .nav-link,
.product-information .tabs .nav-tabs .nav-link{color:var(--gmt-ink-soft)}
.tabs .nav-tabs .nav-link.active,
.product-information .tabs .nav-tabs .nav-link.active{
  color:var(--gmt-ink); border-bottom-color:var(--gmt-attention);
}

/* ============================================================
   LISTELEME — siralama satiri ve sayfalama
   Ayni classic artiklari: #6B6664 gri ve #201E1D parlak cyan.
   ============================================================ */
.products-selection,
.products-selection div,
.products-selection .sort-by,
.total-products,
.total-products p,
.pagination,
.pagination .spacer,
.pagination div{color:var(--gmt-ink-soft)}
.pagination a{color:var(--gmt-link)}
.pagination .current a,
.pagination a.disabled,
.pagination .disabled.js-search-link{color:var(--gmt-ink); font-weight:600}

/* ============================================================
   BASLIK OLCULERI (2026-09-07)
   Logo buyutuldu; arama kutusu sagdan kisaltildi, bosluk arama ile
   arac ikonlari arasinda kaliyor.
   ⚠ Arama genisligi YALNIZ masaustunde sinirlanir — telefonda
     baslik izgara ve arama satirin tamamini kaplamali (767px blogu).
   ============================================================ */
.gmt-logo{max-width:none}
.gmt-logo__mark img{height:58px; max-height:58px; width:auto}
@media(max-width:991px){ .gmt-logo__mark img{height:42px; max-height:42px} }
@media(max-width:767px){ .gmt-logo__mark img{height:38px; max-height:38px} }

@media(min-width:768px){
  /* Brief: solda logo, ORTADA arama, sagda hesap/sepet.
     margin:auto iki yana esit bosluk birakir, kutu basligin
     ortasina oturur. Onceden esnek olup tum bosluğu doldurusordu. */
  #header .gmt-searchslot,
  .gmt-searchslot{flex:0 1 520px; max-width:520px; margin-left:auto; margin-right:auto}
}


/* ==================================================================
   INTER — govde fonti, kendi sunucumuzdan (2026-09-07)

   Gilroy'da yalnizca iki agirlik var (Light / ExtraBold). Basliklarda
   sorun degil ama govde metninde ara kalinlik yok ve kucuk puntoda
   harfler birbirine yaklasiyordu. Karma cozum:
     BASLIK / fiyat / buton / etiket  → Gilroy   (marka karakteri)
     govde / urun adi / form / liste  → Inter    (okunurluk)

   Inter DEGISKEN bir font: tek dosya 100-900 arasi tum agirliklari
   tasir, bu yuzden 6 dosya yerine 2 dosya iniyor.
   Almanca tamamen `latin` alt kumesinde (U+0000-00FF umlaut ve ss,
   U+20AC euro). `latin-ext` (85 KB) yalnizca Dogu Avrupa karakteri
   gecen bir sayfada indirilir — unicode-range bunu tarayiciya birakir.
   Lisans: SIL OFL 1.1, dagitim serbest.
   ⚠ Google Fonts'tan YUKLENMEZ — sayfada sifir dis kaynak kurali.
   ================================================================== */
:root{
  --gmt-font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --gmt-font-head:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

/* Govde: Inter. Baslikler kendi kurallarinda Gilroy'u zaten yaziyor,
   onlara dokunulmuyor. */
body{font-family:var(--gmt-font-body); -webkit-font-smoothing:antialiased}

/* Urun adi bilincli olarak Inter — 12,5-14px arasi ve Gilroy'un
   ExtraBold'u bu boyutta agir, Light'i ince kaliyordu. */
.product-title,
.product-title a,
.gmt-card .product-title,
.gmt-card .product-title a{font-family:var(--gmt-font-body); font-weight:600}

/* Govde metni, form ve listeler */
p, li, td, th, label, input, select, textarea, button,
.product-description, .product-description p, .product-description li,
.gmt-finder__lede, .gmt-trustrow__list, .gmt-pay__notes,
#footer, .footer-container{font-family:var(--gmt-font-body)}

/* Fiyat, buton ve etiketler Gilroy kalir — marka karakteri burada */
.price, .gmt-price, .gmt-buy, .btn, .gmt-off, .gmt-eyebrow,
.gmt-catbtn, .gmt-slide__cta, .gmt-finder__title,
.gmt-trustrow__title, .gmt-payrow__title{font-family:var(--gmt-font-head)}

/* Rakam siralari: Inter'in tabular rakamlari fiyat ve sayfa
   sayilarini sutun sutun hizalar. */
.price, .gmt-price, .gmt-cpp, .gmt-yield,
.products-selection, .pagination{font-variant-numeric:tabular-nums}


/* ==================================================================
   PALET SADELESTIRMESI (2026-09-07)

   Onceki durumda arayuzde bes ayri aksan rengi vardi: parlak cyan,
   koyu cyan, sari, magenta, yesil. Kurumsal bir magaza icin fazla —
   sayfa "renkli" degil "dagimik" gorunuyordu.

   MARKA RENGI UCTUR:
     1. Lacivert  #201E1D  — taban
     2. Cyan      #EC3013 zemin / #AE1800 yazi  (ayni renk, iki deger)
     3. Sari      #EAE9E9  — YALNIZ ticari sinyal (indirim, kampanya)
   Geri kalan her sey NOTR: beyaz, kirik beyaz, acik gri-mavi, duman grisi.

   MAGENTA ARAYUZDEN KALDIRILDI. Logoda duruyor, sitede kullanilmiyor.
   Sepet sayaci magenta yerine cyan — ana eylem rengiyle ayni, cunku
   ikisi de "tiklanabilir" anlamina geliyor.

   ISLEVSEL renkler marka rengi DEGILDIR, ayri tutulur ve yalnizca
   durum bildirir:  stok yesili #107C52 · uyari kirmizisi #AE1800
   ⚠ Ürün kartlarindaki CMYK cipleri de marka degil VERIDIR.
   ================================================================== */
:root{
  --gmt-alert:#AE1800;   /* islevsel: siparis edilemez — beyazda 6,09:1 */
  --gmt-ok:#107C52;      /* islevsel: stokta — beyazda 5,21:1 */
  --gmt-promo:#EC3013;   /* magenta kaldirildi; token uyumluluk icin kaldi */
  --gmt-promo-ink:#201E1D;
}

/* Sepet sayaci: magenta → cyan */
#header .header-top .gmt-tools__ps .cart-products-count,
.cart-products-count{background:var(--gmt-attention); color:var(--gmt-attention-ink)}

/* Durum renkleri */
.gmt-stock--in,.product-available,
#product-availability .product-available{color:var(--gmt-ok)}
.gmt-stock--out,.product-unavailable,.gmt-oos{color:var(--gmt-alert)}


/* ==================================================================
   ARAMA BIRIMI — basligin en belirgin ogesi (2026-09-07)

   Istek: arama bolumu net ve belirgin olsun; kategori butonu logonun
   yaninda degil aramanin hemen yaninda dursun.

   Ikisi TEK bir lacivert parca olarak birlesti:
     [ ☰ Kategorien | arama alani ]
   Beyaz baslikta lacivert blok en yuksek kontrastli oge — goz once
   oraya gidiyor. Yazi beyaz (15:1), yer tutucu #CFCCCB (7,8:1),
   buyutec ikonu cyan (6,8:1).
   ================================================================== */
.gmt-catbtn{background:var(--gmt-panel); color:#fff}
.gmt-catbtn:hover{background:var(--gmt-panel); color:#fff; filter:brightness(1.4)}

.gmt-searchslot #search_widget form input[type=text],
#header .gmt-searchslot input[type=text]{
  background:var(--gmt-panel);
  border:1px solid var(--gmt-panel);
  color:#fff;
}
.gmt-searchslot #search_widget form input[type=text]::placeholder{
  color:var(--gmt-panel-soft); opacity:1;
}
.gmt-searchslot #search_widget form input[type=text]:focus{
  background:var(--gmt-panel);
  border-color:var(--gmt-attention);
  outline:2px solid rgba(236,48,19,.45);
  outline-offset:0;
}
.gmt-searchslot #search_widget form button[type=submit] i,
.gmt-searchslot button[type=submit] i,
.gmt-searchslot .search{color:var(--gmt-attention)}

@media(min-width:768px){
  .gmt-head__row{gap:14px}
  /* Kategori butonu artik logonun degil ARAMANIN yaninda:
     margin-left:auto ikisini birlikte saga iter, arama kutusundaki
     margin-right:auto ikisini basligin ortasinda dengeler. */
  .gmt-catwrap{margin-left:auto}
  /* -14px satirin gap'ini sifirlar → buton ve kutu birlesik durur. */
  #header .gmt-searchslot,
  .gmt-searchslot{
    flex:0 1 520px; max-width:520px;
    margin-left:-14px; margin-right:auto;
  }
  /* Birlesik parca: sol kose butonda, sag kose kutuda yuvarlanir */
  .gmt-catbtn{border-radius:var(--gmt-r) 0 0 var(--gmt-r)}
  .gmt-searchslot #search_widget form input[type=text],
  #header .gmt-searchslot input[type=text]{
    border-radius:0 var(--gmt-r) var(--gmt-r) 0;
    border-left:1px solid rgba(255,255,255,.18);
  }
}

/* Istek listesi kalbi classic'in #6B6664 grisiyle geliyordu — palette
   olmayan tek renkti. Sistem grisine cekildi; secili hâli cyan. */
.wishlist-button-add .material-icons,
.wishlist-button-product .material-icons,
.wishlist-button-add i,
button.wishlist-button-add{color:var(--gmt-ink-soft)}
.wishlist-button-add:hover .material-icons,
.wishlist-button-add .material-icons.wishlist-selected{color:var(--gmt-accent)}

/* Facet filtreleri classic'in #201E1D "gray-darker" tonuyla geliyordu —
   okunuyordu ama palette olmayan bir renkti. Sisteme cekildi. */
.facet-title,
.facet .h6,
#search_filters .facet-title{color:var(--gmt-ink)}
.facet-label a,
.facet-label ._gray-darker,
a._gray-darker,
._gray-darker{color:var(--gmt-ink)}
.facet-label a:hover,
a._gray-darker:hover{color:var(--gmt-link)}

/* Urun sayfasinda classic'ten kalan son uc #201E1D etiketi */
.product-add-to-cart .control-label,
.product-add-to-cart .js-product-availability,
.social-sharing > span{color:var(--gmt-ink)}
/* "Auf Lager" yazisi islevsel yesil kalir, etiket degil durum bildirir */
.js-product-availability .product-available,
#product-availability .product-available{color:var(--gmt-ok)}


/* ==================================================================
   TASARIM YONU: POYRAZ TONER (2026-09-07)

   Uc rakip sitenin gorsel dili olculdu; secilen yon poyraztoner.com.
   Gerekce ozeti:
     · Renk mantigi bizimkiyle ayni — tek renk ailesi, iki deger
       (onlarda acik mavi + lacivert, bizde cyan + lacivert).
       Bitmeyen Kartus'ta mavi ve turuncu esit alanda yarisiyor,
       o yon palet disiplinimizi bozardi.
     · Hiyerarsi punto ile degil KALINLIK ile kuruluyor (700 agirlik
       151 yerde). Gilroy'da yalniz Light + ExtraBold var; bu kisit
       kalin baskin bir dilde avantaja donuyor.
     · DM Sans, Gilroy ile ayni karakter ailesinden (geometrik) —
       yazi tipini degistirmeye gerek yok.

   Poyraz'in zayif tarafi urun karti: cercevesiz, golgesiz, koseli.
   Orasi icin Bitmeyen Kartus'un kurgusu alindi: yumusak golge,
   hap bicimli buton, butonun altinda RENKLI isima.

   ⚠ Palet DEGISMEDI. Degisen yalnizca bicim: kose yaricapi, buton
     bicimi, golge ve kart genisligi.
   ================================================================== */
:root{
  --gmt-r:10px;        /* 4px idi — teknik ve sert duruyordu */
  --gmt-r-pill:100px;  /* eylem ve rozetler icin hap bicimi */
  --gmt-shadow:0 1px 2px rgba(32,30,29,.05), 0 10px 28px -14px rgba(32,30,29,.22);
  --gmt-glow:0 2px 16px 2px rgba(236,48,19,.28);
}

/* --- ANA EYLEM: hap bicimi + cyan isima ---
   Isima yalnizca BIRINCIL eylemde. Her butona konursa vurgu
   anlamini yitirir. */
.gmt-buy,
.btn.btn-primary.add-to-cart{
  border-radius:var(--gmt-r-pill);
  box-shadow:var(--gmt-glow);
}
.gmt-buy:hover,.gmt-buy:focus,
.btn.btn-primary.add-to-cart:hover{
  box-shadow:0 3px 20px 3px rgba(236,48,19,.36);
}
/* Ikincil butonlar hap olur ama isimaz */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled),
.gmt-buy--soft,
.gmt-slide__cta,
.btn.btn-secondary{border-radius:var(--gmt-r-pill); box-shadow:none}

/* --- ROZETLER hap olur --- */
.gmt-tag,
.gmt-off,
.gmt-oos,
.gmt-ship,
.gmt-share,
.gmt-cpp,
#header .header-top .gmt-tools__ps .cart-products-count,
.cart-products-count{border-radius:var(--gmt-r-pill)}
.gmt-tag{padding:3px 10px}
.gmt-off{padding:2px 9px}

/* --- URUN KARTI genisler, fotograf birlikte buyur ---
   Gorselin sabit yuksekligi yok, kart genisliginden besleniyor:
   238 → 272 px kartta fotograf da orantili buyuyor.
   Poyraz 270, Bitmeyen Kartus 319; 272 ikisinin arasinda ve
   bizim dar urun adlarimiza yetiyor. */
.gmt-rail > .js-product,
.gmt-rail > .product{flex:0 0 272px; max-width:272px}

/* --- BOLUM ARALIGI bir kademe acilir ---
   Yumusak kose ve golge ancak nefes alan bir duzende ise yariyor. */
.gmt-band{padding-block:48px}
.gmt-band__head{margin-bottom:20px}

/* --- KALINLIK ILE HIYERARSI ---
   Poyraz'in yaptigi: basligi buyutmek yerine kalinlastirmak.
   Gilroy'un 551+ agirligi ExtraBold dosyasina dusuyor, yani
   700 yazmak gercek ExtraBold veriyor. */
.gmt-band__head h2{font-weight:700; letter-spacing:-.02em}
.gmt-nav .container > a,
.gmt-mega a{font-weight:600}
.facet-title,
.facet .h6{font-weight:700}

/* --- Kart ici kose uyumu ---
   Kart 10px olunca ic ogeler de yumusamali, yoksa kutu icinde
   koseli kutu goruntusu cikiyor. */
.gmt-card .product-thumbnail,
.gmt-post__media,
.gmt-brandtile,
.gmt-trustrow__ico + *,
.gmt-payrow__item,
.gmt-pay__item{border-radius:var(--gmt-r)}
.gmt-post__media{overflow:hidden}


/* ==================================================================
   ANA SAYFA DUZENI — POYRAZ TONER (2026-09-07)

   Istek: „anasayfayi komple bunlar gibi yapalim".
   Poyraz'in ana sayfa iskeleti:
     lacivert promosyon seridi → baslik → LACIVERT KATEGORI SERIDI
     → KOMPAKT BULUCU CUBUGU → urun sirasi → 2x2 GIRIS KUTULARI
     → urun sirasi → marka logo seridi

   Bizim uyarlamamiz ve NEDEN farkli oldugu:
   ⚠ Poyraz'in serit menusu URUN TIPI gosterir (Toner / Kartus /
     Murekkep). Bizde urun tipi taksonomisi YOK — katalog
     Marka > Seri > Model kurulu, `Produktart` ozelligi 1.589 aktif
     urunun yalnizca 332'sinde dolu, arama URL'leri de aciklama
     metnini taradigi icin sisik sayi veriyor ("Toner" 1.503/1.589).
     Bu yuzden serit MARKA gosteriyor — musteri zaten yazicisinin
     markasindan geliyor ve bu bizim gercek taksonomimiz.
   ================================================================== */

/* --- LACIVERT MARKA SERIDI — basligin hemen alti, her sayfada --- */
.gmt-brandnav{
  background:var(--gmt-panel);
  border-top:1px solid var(--gmt-panel-line);
}
.gmt-brandnav__list{
  display:grid; grid-auto-flow:column; grid-auto-columns:1fr;
  list-style:none; margin:0; padding:0;
}
.gmt-brandnav__list li + li{border-left:1px solid var(--gmt-panel-line)}
/* ⚠ Serit #header ICINDE duruyor; classic'in "#header a" kurali
   (ID ozgullugu 1,0,1) sinif secicimizi eziyor ve yazi koyu kaliyordu.
   Bu tuzak temada daha once de yasandi — ayni ozgullukle yaziliyor. */
#header .gmt-brandnav a,
.gmt-brandnav a{
  display:flex; align-items:center; justify-content:center; text-align:center;
  min-height:46px; padding:9px 6px; line-height:1.2;
  font-family:var(--gmt-font-head); font-weight:700; font-size:13.5px;
  color:#fff; letter-spacing:.01em;
}
#header .gmt-brandnav a:hover,
#header .gmt-brandnav a:focus,
.gmt-brandnav a:hover,
.gmt-brandnav a:focus{background:rgba(255,255,255,.10); color:#fff}
#header .gmt-brandnav__all a,
.gmt-brandnav__all a{color:var(--gmt-attention)}

/* Telefonda esit sutun sigmaz — yatay kaydirmaya cevrilir.
   Kaydirma cubugu gizlenmez, dokunmatikte tek ipucu o. */
@media(max-width:991px){
  .gmt-brandnav__list{
    grid-auto-columns:max-content;
    overflow-x:auto; scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .gmt-brandnav a{padding-inline:16px; scroll-snap-align:start; white-space:nowrap}
}

/* --- KOMPAKT BULUCU CUBUGU ---
   Onceki hali 339px yuksekliginde bir paneldi (goz alici baslik +
   aciklama + iki satir form). Poyraz'da bulucu ince bir cubuk:
   uc acilir kutu yan yana, tek satir. Baslik KALDIRILMADI ama
   kuculdu — bulucu bizim en buyuk kozumuz, tamamen sessizlestirmek
   dogru olmazdi. */
.gmt-finder{padding:16px 0 18px}
.gmt-finder__inner{gap:11px}
.gmt-finder .gmt-eyebrow{display:none}
.gmt-finder__title{font-size:17px; line-height:1.25}
.gmt-finder__lede{display:none}
.gmt-finder__stats{font-size:12px}

@media(min-width:992px){
  .gmt-finder__form{flex-wrap:nowrap; align-items:flex-end; gap:10px}
  .gmt-finder__form .gmt-field{flex:1 1 0; min-width:0}
  /* Modul CSS'i arama alanini kendi satirina zorluyor
     (.gmt-field--search{flex:1 1 100%; min-width:100%}); ayni
     ozgullukle geri alinir, yoksa cubuk iki satira duser. */
  .gmt-finder__form .gmt-field--search{flex:1.35 1 0; min-width:0}
  .gmt-field--search .gmt-search{min-height:44px}
  .gmt-select{min-height:44px}
}

/* --- 2x2 GIRIS KUTULARI --- */
.gmt-boxes{display:grid; grid-template-columns:1fr 1fr; gap:18px}
@media(max-width:860px){.gmt-boxes{grid-template-columns:1fr}}
.gmt-box{
  border-radius:var(--gmt-r); padding:18px 20px 20px;
  display:flex; flex-direction:column; gap:14px;
}
.gmt-box--accent{background:var(--gmt-accent-soft)}
.gmt-box--soft{background:var(--gmt-surface-2)}
.gmt-box__head{display:flex; align-items:baseline; justify-content:space-between; gap:14px}
.gmt-box__head h2{font-size:18px; font-weight:700; margin:0}
.gmt-box__head a{font-size:13px; font-weight:600; white-space:nowrap; color:var(--gmt-link)}
.gmt-box__grid{display:grid; grid-template-columns:repeat(4,1fr); gap:10px}
@media(max-width:520px){.gmt-box__grid{grid-template-columns:repeat(2,1fr)}}

.gmt-tile{
  background:var(--gmt-surface); border-radius:var(--gmt-r);
  padding:12px 10px 13px; display:flex; flex-direction:column;
  align-items:center; gap:7px; text-align:center; min-height:100%;
  border:1px solid transparent; transition:border-color .15s ease, box-shadow .15s ease;
}
.gmt-tile:hover{border-color:var(--gmt-line-strong); box-shadow:var(--gmt-shadow)}
.gmt-tile__media{
  height:46px; width:100%; display:grid; place-items:center; overflow:hidden;
}
.gmt-tile__media img{max-height:40px; max-width:100%; width:auto; height:auto; object-fit:contain}
.gmt-tile__media--cover{height:56px; border-radius:0}
.gmt-tile__media--cover img{width:100%; height:100%; max-height:none; object-fit:cover}
.gmt-tile__name{
  font-family:var(--gmt-font-body); font-size:12.5px; font-weight:600;
  color:var(--gmt-ink); line-height:1.3;
}
.gmt-tile__sub{font-size:11px; color:var(--gmt-ink-soft); line-height:1.3}

/* Gorselsiz kutucuk — yazi dikeyde ortalanir, kutu bos gorunmesin */
.gmt-tile--text{justify-content:center; min-height:78px; gap:4px}
.gmt-tile--text .gmt-tile__name{font-size:13px}


/* ==================================================================
   ARAMA KUTUSU — POYRAZ TARZI (2026-09-07)

   Onceki hali lacivert dolguluydu (isletme sahibinin daha onceki
   istegi). Poyraz duzenine gecilince kutu da o tarza cekildi:
   beyaz zemin · ince cerceve · sagda DOLU buton.

   ⚠ Modulun kendi sablonunda gonder butonu YOKTU, yalniz dekoratif
     iki <i> ikonu vardi ve arama sadece Enter ile gonderiliyordu.
     Tiklanabilir gorunen bir seyin gercekten calismasi gerektigi icin
     tema override'i ile <button type="submit"> eklendi:
     themes/getmytoner/modules/ps_searchbar/ps_searchbar.tpl
   ⚠ Soldaki `.material-icons.search` KALDIRILMADI (ps_searchbar'in
     otomatik tamamlama JS'i yapiyi bekliyor), CSS ile gizlendi.
   ================================================================== */
.gmt-searchslot #search_widget form input[type=text],
#header .gmt-searchslot input[type=text]{
  background:var(--gmt-surface);
  border:1px solid var(--gmt-line-strong);
  color:var(--gmt-ink);
  padding:13px 62px 13px 18px;   /* sagda butona yer acilir */
}
.gmt-searchslot #search_widget form input[type=text]::placeholder{
  color:var(--gmt-ink-soft); opacity:1;
}
.gmt-searchslot #search_widget form input[type=text]:focus{
  background:var(--gmt-surface);
  border-color:var(--gmt-attention);
  outline:2px solid rgba(236,48,19,.30);
  outline-offset:0;
}
/* Sol dekoratif buyutec artik yok — buton saga tasindi */
.gmt-searchslot #search_widget form .material-icons.search{display:none}

/* ⚠ Temada eskiden DEKORATIF bir gonder ikonu vardi ve kurallari
   butonu SOLA sabitliyor, zeminini `none` yapiyordu:
     .gmt-searchslot #search_widget form button[type=submit]{left:9px; background:none}
   Ozgullugu 0,4,1 — sinif secicimizi eziyordu. Ayni secici + sinif
   ile (0,5,1) geri aliniyor. */
.gmt-searchslot #search_widget form button[type=submit].gmt-searchbtn,
.gmt-searchslot button[type=submit].gmt-searchbtn,
.gmt-searchbtn{
  position:absolute; right:5px; left:auto; top:50%; transform:translateY(-50%);
  width:46px; height:42px; padding:0; border:0; cursor:pointer; line-height:0;
  border-radius:calc(var(--gmt-r) - 2px);
  background:var(--gmt-attention); color:var(--gmt-attention-ink);
  display:grid; place-items:center;
  transition:filter .15s ease, box-shadow .15s ease;
}
.gmt-searchbtn svg{
  width:19px; height:19px; fill:none; stroke:currentColor;
  stroke-width:2.2; stroke-linecap:round;
}
.gmt-searchslot #search_widget form button[type=submit].gmt-searchbtn:hover,
.gmt-searchbtn:hover{filter:brightness(1.06); box-shadow:var(--gmt-glow)}
.gmt-searchbtn:focus-visible{outline:2px solid var(--gmt-ink); outline-offset:2px}

/* Kategori butonuyla birlesik gorunum: beyaz kutuda sol kenar
   cizgisi artik lacivert degil, kutunun kendi cercevesi. */
@media(min-width:768px){
  .gmt-searchslot #search_widget form input[type=text],
  #header .gmt-searchslot input[type=text]{
    border-left:1px solid var(--gmt-line-strong);
  }
}

/* --- Kutucuk gorselleri (giris kutulari) ---
   Urun fotograflari beyaz stüdyo zeminli; kutucuk zemini de beyaz
   oldugu icin ayrica cerceve verilmez, sadece nefes payi. */
.gmt-tile__media--prod{height:64px}
.gmt-tile__media--prod img{
  max-height:60px; max-width:100%; width:auto; height:auto;
  object-fit:contain; mix-blend-mode:multiply;
}

/* --- Renk kutucuklari: fotograf degil CIP ---
   Muadil kartuslarin cogu ayni jenerik kutu fotografiyla geliyor;
   dort renk kutucugu da ayni goruntuyu veriyordu. Cip renk bilgisini
   dogrudan tasir. Degerler temanin CMYK VERI renkleri — marka
   paletinden bagimsiz, kartusun gercek rengini bildirir. */
.gmt-tile__media--swatch{height:64px; display:grid; place-items:center}
.gmt-swatch{
  display:block; width:42px; height:42px; border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(32,30,29,.14);
}
.gmt-swatch--schwarz{background:var(--gmt-tk)}
.gmt-swatch--cyan{background:var(--gmt-tc)}
.gmt-swatch--magenta{background:var(--gmt-tm)}
.gmt-swatch--gelb{background:var(--gmt-ty)}
.gmt-swatch--yellow{background:var(--gmt-ty)}
.gmt-swatch--grau{background:#8C97A1}
.gmt-swatch--farblos{background:linear-gradient(135deg,#F4F7F9 46%,#DCE5EA 54%)}
.gmt-swatch--color,
.gmt-swatch--multipack,
.gmt-swatch--cyan-magenta-yellow{
  background:conic-gradient(var(--gmt-tc) 0 33%, var(--gmt-tm) 0 66%, var(--gmt-ty) 0);
}


/* ==================================================================
   ORIGINAL / ALTERNATIV — iki panelli karsilastirma (2026-09-07)

   Referans duzen: renkli baslik seridi · madde listesi · urun gorseli.
   Onceki hali cerceveli iki metin kutusuydu, gorsel yoktu.

   ⚠ Renkler PALETIMIZDEN: onerdigimiz taraf CYAN, diger taraf SARI.
     Referanstaki yesil/turuncu ikilisi ALINMADI — uc marka rengi
     kurali bozulurdu ve dun temizledigimiz „dagimik renk" sorunu
     geri gelirdi.
   ⚠ Iki basligin ustunde de LACIVERT yazi var: cyan ve sari uzerinde
     beyaz okunmaz (2,2:1 ve 1,6:1).
   ================================================================== */
.gmt-vs{display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch}
@media(max-width:860px){.gmt-vs{grid-template-columns:1fr}}

.gmt-vs__card{
  display:flex; flex-direction:column;
  background:var(--gmt-surface);
  border:1px solid var(--gmt-line);
  border-radius:var(--gmt-r);
  overflow:hidden;
}
.gmt-vs__head{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; flex-wrap:wrap; padding:13px 18px;
}
.gmt-vs__head h3{
  margin:0; font-family:var(--gmt-font-head); font-size:17px; font-weight:700;
  color:var(--gmt-ink);
}
.gmt-vs__share{
  font-family:"IBM Plex Mono",monospace; font-size:11.5px; font-weight:600;
  color:var(--gmt-ink); opacity:.82; white-space:nowrap;
}
/* Onerdigimiz taraf — cyan serit */
.gmt-vs__card--pick .gmt-vs__head{background:var(--gmt-attention)}
/* Diger taraf — sari serit */
.gmt-vs__card--orig .gmt-vs__head{background:var(--gmt-yellow)}

.gmt-vs__body{
  display:flex; flex-direction:column; gap:14px;
  padding:16px 18px 4px; flex:1;
}
.gmt-vs__list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px}
.gmt-vs__list li{
  position:relative; padding-left:24px; font-size:13.5px; line-height:1.45;
  color:var(--gmt-ink-soft);
}
/* Isaret: CSS ile cizilen kucuk onay — ikon dosyasi gerektirmez */
.gmt-vs__list li::before{
  content:""; position:absolute; left:2px; top:4px;
  width:11px; height:7px; border-left:2px solid var(--gmt-accent);
  border-bottom:2px solid var(--gmt-accent); transform:rotate(-45deg);
}
.gmt-vs__card--orig .gmt-vs__list li::before{border-color:var(--gmt-ink)}

.gmt-vs__media{
  margin:auto 0 0; padding:0; display:grid; place-items:center;
  background:var(--gmt-surface); min-height:150px;
}
.gmt-vs__media img{
  display:block; width:100%; height:auto; max-height:210px;
  object-fit:contain; mix-blend-mode:multiply;
}
.gmt-vs__cta{
  display:block; margin:6px 18px 18px; text-align:center;
  padding:10px 16px; border-radius:var(--gmt-r-pill);
  font-family:var(--gmt-font-head); font-weight:700; font-size:13px;
  background:var(--gmt-attention); color:var(--gmt-attention-ink);
  box-shadow:var(--gmt-glow);
}
.gmt-vs__card--orig .gmt-vs__cta{
  background:var(--gmt-surface); color:var(--gmt-ink);
  border:1px solid var(--gmt-line-strong); box-shadow:none;
}
.gmt-vs__cta:hover{color:var(--gmt-attention-ink); filter:brightness(1.06)}
.gmt-vs__card--orig .gmt-vs__cta:hover{background:var(--gmt-ink); color:#fff; filter:none}

/* --- Slayt metni telefonda: gorselin ALTINDA, uzerinde degil ---
   Once yari saydam panel denendi; metin gorselin uzerinde durdugu
   surece arkada ne oldugu slayta gore degisiyordu. Artik gorsel
   cercevenin ust kismina `contain` ile oturuyor, metin altta kalan
   duz zemine yaziliyor — okuma zeminine hic gerek kalmiyor. */
@media(max-width:767px){
  .gmt-slide__caption{
    background:none; box-shadow:none; backdrop-filter:none;
    padding:0 16px;
  }
  .gmt-slide::before{display:none}   /* gradyan zemin gereksiz */
  .gmt-slide__title{font-size:19px; line-height:1.18}
  .gmt-slide__text{font-size:12.5px}
}


/* ==================================================================
   MOBIL SLIDER — GORSEL KIRPILMAZ (2026-09-07)

   Istek: „mobil versiyonda sliderlar sorunlu, webdeki gibi oldugu gibi
   gozuksun." 3,10:1'lik afis telefonda kirpilinca urunler kadrajin her
   yerine dagiliyor ve metin uzerlerine biniyordu (4/3 ve 3/2 denendi).

   Cozum: cerceve 4/3, gorsel `contain` ile USTE oturur — afisin tamami
   masaustundeki haliyle gorunur — altta kalan bos alan metne kalir.
   Slaytlar `position:absolute` oldugu icin cerceve otomatik yukseklik
   alamiyor; bu yuzden sabit oran + contain.

   ⚠ Bu blok dosyanin SONUNDA olmali: yukaridaki rslides bolumunde
     `.gmt-slider .rslides > li .gmt-slide__img{object-fit:cover}`
     ayni ozgullukte ve daha sonra geldigi icin erken yazilan kurali
     eziyordu.
   ================================================================== */
@media(max-width:767px){
  .gmt-slider__frame{aspect-ratio:4/3; background:var(--gmt-surface-2)}
  .gmt-slider .rslides > li .gmt-slide__img,
  .gmt-slide__img{
    object-fit:contain;
    object-position:center top;
    background:var(--gmt-surface-2);
  }
  /* Metin gorselin ALTINDA: okuma zemini gerekmez, duz zemine yazilir */
  .gmt-slide__caption{
    top:auto; bottom:4%; transform:none;
    width:92%; padding-inline:16px; gap:7px;
    background:none; box-shadow:none;
  }
  .gmt-slide::before{display:none}
  .gmt-slide__title{font-size:19px; line-height:1.18}
  .gmt-slide__text{font-size:12.5px}
  .gmt-slide__cta{padding-block:8px; font-size:12.5px}
}


/* ==================================================================
   CEREZ BILGILENDIRMESI (2026-09-07)

   Alt kenarda ince bir serit. Sayfayi ENGELLEMEZ (modal degil):
   sitede yalnizca teknik olarak zorunlu cerez var, onay gerekmiyor —
   ziyaretciyi tiklamaya mecbur birakmak yersiz olurdu.
   Gorunurlugu JS veriyor; `hidden` ile basilir, secim yapilmissa hic
   acilmaz. JS kapaliysa serit hic gorunmez, bu da dogru: bilgi zaten
   Datenschutz sayfasinda.
   ================================================================== */
.gmt-cookie{
  position:fixed; left:0; right:0; bottom:0; z-index:400;
  background:var(--gmt-panel); color:var(--gmt-panel-soft);
  border-top:1px solid var(--gmt-panel-line);
  box-shadow:0 -4px 20px -8px rgba(32,30,29,.45);
}
.gmt-cookie[hidden]{display:none !important}
.gmt-cookie__inner{
  max-width:1470px; margin:0 auto;
  padding:13px clamp(16px,3vw,28px);
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
}
.gmt-cookie__text{
  margin:0; flex:1 1 420px; min-width:0;
  font-size:13px; line-height:1.5; color:var(--gmt-panel-soft);
}
.gmt-cookie__text strong{color:#fff; font-weight:600}
/* ⚠ Serit lacivert; icindeki baglanti koyu cyan olursa okunmaz
   (2,4:1). Parlak cyan kullanilir (6,8:1). */
.gmt-cookie__text a{
  color:var(--gmt-attention); text-decoration:underline;
  text-underline-offset:2px; white-space:nowrap;
}
.gmt-cookie__ok{
  flex:none; border:0; cursor:pointer;
  padding:10px 26px; border-radius:var(--gmt-r-pill);
  font-family:var(--gmt-font-head); font-weight:700; font-size:13.5px;
  background:var(--gmt-attention); color:var(--gmt-attention-ink);
  box-shadow:var(--gmt-glow);
}
.gmt-cookie__ok:hover{filter:brightness(1.06)}
.gmt-cookie__ok:focus-visible{outline:2px solid #fff; outline-offset:2px}

@media(max-width:600px){
  .gmt-cookie__inner{gap:11px; padding-block:12px}
  .gmt-cookie__text{flex:1 1 100%; font-size:12.5px}
  .gmt-cookie__ok{width:100%; padding-block:11px}
}