/* ==================================================================
   tonerdirekt.eu — Gorunum katmani (td.css)
   custom.css'ten SONRA yuklenir (theme.yml priority 1001).

   Kaynak: „Brand identity for tonerdirekt" (Claude Design, Sept. 2026)
     Renk   Tonerrot #087F83 · Tinte #102A43 · Papier #F5F8FA
            Karton #E9F2F5 · Tonerrot 700 #08686B (kirmizi govde metni)
     Oran   ~%90 kagit + murekkep, ~%10 kirmizi; gorunum basina TEK
            kirmizi alan
     Yazi   yalniz Archivo: 800 baslik/fiyat · 600 etiket/dugme · 400 metin
     Tabu   golge yok · gradyan yok · kose yuvarlama yok · yazici ikonu yok

   ⚠ Beyaz yazi #087F83 uzerinde 4,2:1 — normal metin icin AA (4,5)
     altinda. Bu yuzden kirmizi dugmelerde metin „buyuk metin"
     esiginde: 700 kalinlik, 18,67 px (14 pt). Kucultulurse
     okunabilirlik sinirin altina duser.
   ⚠ Kirmizi YAZI yalniz #08686B (Tonerrot 700). #087F83 yalniz zemin
     ve baslik boyutunda.
   ================================================================== */

/* ---------- Yazi tipi: Archivo (self-host, SIL OFL) ----------------
   Degisken font, 400–800. Eski temanin sabit yazdigi aile adlari
   (Gilroy / Inter / IBM Plex Mono) da AYNI dosyaya baglanir — boylece
   custom.css'teki 50 sabit font-family satiri tek tek degismeden
   Archivo gosterir. */
@font-face{font-family:"Archivo";src:url(../fonts/Archivo-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";src:url(../fonts/Archivo-latin-ext.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Gilroy";src:url(../fonts/Archivo-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/Archivo-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(../fonts/Archivo-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}

/* ---------- Tokenlar ------------------------------------------------
   custom.css'in --gmt-* degiskenleri td paletine baglanir. */
:root{
  --td-red:#087F83; --td-red-700:#08686B;
  --td-ink:#102A43; --td-ink-soft:#52677A; --td-ink-faint:#607789;
  --td-paper:#F5F8FA; --td-karton:#E9F2F5; --td-white:#FFFFFF;
  --td-line:#DCE5EA; --td-line-strong:#B8CBD5;
  --td-font:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --td-big:1.1667rem;              /* 18,67 px — kirmizi dugme metni (AA buyuk metin) */

  --gmt-paper:var(--td-paper); --gmt-surface:var(--td-paper); --gmt-surface-2:var(--td-karton);
  --gmt-ink:var(--td-ink); --gmt-ink-soft:var(--td-ink-soft); --gmt-ink-faint:var(--td-ink-faint);
  --gmt-line:var(--td-line); --gmt-line-strong:var(--td-line-strong);
  --gmt-accent:var(--td-ink); --gmt-accent-soft:var(--td-karton); --gmt-accent-ink:var(--td-paper);
  --gmt-link:var(--td-ink);
  --gmt-attention:var(--td-red); --gmt-attention-ink:var(--td-white);
  --gmt-yellow:var(--td-red); --gmt-yellow-ink:var(--td-white);
  --gmt-promo:var(--td-red); --gmt-promo-ink:var(--td-white); --gmt-hot:var(--td-red);
  --gmt-alert:var(--td-red-700);
  --gmt-panel:var(--td-ink); --gmt-panel-soft:#CFCCCB; --gmt-panel-line:#3A3634; --gmt-panel-ink:var(--td-paper);
  --gmt-field:var(--td-white); --gmt-field-ink:var(--td-ink);
  --gmt-r:0; --gmt-r-pill:0; --gmt-shadow:none; --gmt-glow:none;
  --gmt-font-head:var(--td-font); --gmt-font-body:var(--td-font);
}
/* custom.css koyu bloklarda --gmt-accent'i parlak renge ceviriyordu */
.gmt-trust,.gmt-ticker__bar,#footer{--gmt-accent:var(--td-paper)}
#footer .modal,#footer .modal-content{--gmt-accent:var(--td-ink)}

:focus-visible{outline:3px solid #087F83!important;outline-offset:3px}
/* ---------- Temel -------------------------------------------------- */
html,body,#wrapper,main{background:var(--td-paper)!important}
body{font-family:var(--td-font)!important;font-weight:400;font-size:15px;line-height:1.6;color:var(--td-ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--td-font)!important;font-weight:800;color:var(--td-ink);letter-spacing:-.02em;line-height:1.1;text-transform:none}
a{color:var(--td-ink)}
a:hover{color:var(--td-red-700)}
p,li,td,th,label,input,select,textarea,button{font-family:var(--td-font)}
.container{max-width:1280px}
.td-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.td-label{display:block;margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--td-ink-soft)}
.td-label--red{color:var(--td-red-700)}
.td-link{font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.td-link:hover{text-decoration-color:var(--td-red)}
.td-arrow{font-weight:600}

/* ---------- Kopf ---------------------------------------------------- */
#header{background:var(--td-paper)!important;border:0;position:relative}
#header .header-top,#header .header-nav{display:none}
.td-head{background:var(--td-paper);border-bottom:2px solid var(--td-ink)}
.td-head__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:40px;padding:20px 0}
.td-logo{display:block;line-height:0}
.td-logo img{height:52px;width:auto}

.td-searchbox form{display:flex;position:relative;margin:0}
.td-searchbox .material-icons{display:none!important}
#header .td-searchbox input[type=text],
.td-searchbox input[type=text]{flex:1 1 auto;min-width:0;height:50px;padding:0 16px;border:2px solid var(--td-ink)!important;border-right:0!important;background:var(--td-white)!important;color:var(--td-ink);font-size:15px;outline-offset:-3px}
.td-searchbox input::placeholder{color:var(--td-ink-faint);opacity:1}
.td-searchbtn{flex:0 0 auto;height:50px;padding:0 24px;border:2px solid var(--td-ink);background:var(--td-ink);color:var(--td-paper);font-weight:700;font-size:15px;cursor:pointer}
.td-searchbtn:hover{background:#000}
/* ps_searchbar otomatik tamamlama */
.ui-autocomplete.searchbar-autocomplete{border:2px solid var(--td-ink)!important;background:var(--td-white)!important}

.td-tools{display:flex;align-items:center;gap:24px}
.td-tools__link,#header .td-tools a{font-weight:600;font-size:15px;color:var(--td-ink);text-decoration:none}
.td-tools__link:hover,#header .td-tools a:hover{color:var(--td-red-700);text-decoration:underline;text-underline-offset:4px}
.td-tools__ps{display:flex;align-items:center;gap:24px}
.td-tools__ps .material-icons{display:none!important}
.td-tools__ps .user-info,.td-tools__ps .blockcart,.td-tools__ps .header{display:flex;align-items:center;gap:6px;margin:0;padding:0;background:none!important;color:var(--td-ink)}
.td-tools__ps #_desktop_cart,.td-tools__ps #_desktop_user_info{margin:0}
.td-tools__ps .blockcart .cart-products-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--td-ink);color:var(--td-paper);font-weight:700;font-size:13px}
.td-tools__ps .blockcart.active .cart-products-count{background:var(--td-red);color:var(--td-white)}
.td-tools__ps .hidden-sm-down{display:inline!important}

/* Sortiment-Leiste */
.td-nav{background:var(--td-paper);border-bottom:1px solid var(--td-line-strong)}
.td-nav__row{display:flex;align-items:center;gap:32px;min-height:50px}
.td-catwrap{position:relative;flex:0 0 auto}
#header .td-catbtn,.td-catbtn{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0;border:0;background:none!important;color:var(--td-ink)!important;font-weight:800;font-size:15px;cursor:pointer}
.td-catbtn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}
.td-catbtn[aria-expanded=true] svg{transform:rotate(180deg)}
.td-nav__brands{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}
.td-nav__brands::-webkit-scrollbar{display:none}
#header .td-nav__brands a{font-weight:600;font-size:15px;color:var(--td-ink);white-space:nowrap;text-decoration:none;padding:14px 0;border-bottom:2px solid transparent}
#header .td-nav__brands a:hover{border-bottom-color:var(--td-red)}
.td-nav__all{margin-left:auto}
#header .td-nav__all a::after{content:" →"}

/* Mega-Menü */
.td-mega{position:absolute;left:0;top:100%;z-index:60;width:min(880px,92vw);display:grid;grid-template-columns:220px 1fr;background:var(--td-paper)!important;border:2px solid var(--td-ink)!important}
.td-mega[hidden]{display:none!important}
.td-mega .gmt-mega__brands{border-right:1px solid var(--td-line-strong);padding:8px 0;max-height:60vh;overflow:auto;background:var(--td-paper)}
.td-mega .gmt-mega__brand{display:flex;justify-content:space-between;width:100%;padding:10px 18px;border:0;background:none;color:var(--td-ink);font-weight:600;text-align:left;cursor:pointer}
.td-mega .gmt-mega__brand small{color:var(--td-ink-faint);font-weight:400}
.td-mega .gmt-mega__brand.is-active{background:var(--td-ink);color:var(--td-paper)}
.td-mega .gmt-mega__brand.is-active small{color:#CFCCCB}
.td-mega .gmt-mega__series{padding:16px 20px;columns:2;column-gap:24px;max-height:60vh;overflow:auto}
.td-mega .gmt-mega__series a{display:block;padding:5px 0;color:var(--td-ink);break-inside:avoid;font-size:14px}
.td-mega .gmt-mega__series a:hover{color:var(--td-red-700);text-decoration:underline}

/* ---------- Druckerfinder (Eröffnung) ------------------------------- */
.td-finder,.gmt-finder.td-finder{background:var(--td-paper)!important;color:var(--td-ink)!important;border-bottom:2px solid var(--td-ink);padding:64px 0 60px!important;margin:0!important}
.td-finder__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:end}
.td-finder__title{margin:0 0 18px;font-size:clamp(40px,5.2vw,68px);line-height:.98;letter-spacing:-.04em;font-weight:800;color:var(--td-ink)!important}
.td-finder__lede{max-width:34ch;margin:0 0 26px;font-size:17px;line-height:1.5;color:var(--td-ink-soft)}
.td-finder__stats{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;font-size:14px;color:var(--td-ink-soft)}
.td-finder__stats b{display:block;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--td-ink);line-height:1.1}
.td-finder .gmt-finder__form,.td-finder__form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;background:none!important;padding:0!important;border:0!important}
.td-finder .gmt-field{min-width:0!important;flex:none!important;margin:0}
.td-finder .gmt-field--search,.td-finder .td-step--search{grid-column:1/-1}
.td-finder label{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--td-ink)!important}
.td-step__no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--td-ink);color:var(--td-paper);font-size:12px;font-weight:800;letter-spacing:0}
.td-finder .gmt-select,.td-finder select{width:100%;height:54px;padding:0 44px 0 14px;border:2px solid var(--td-ink)!important;background-color:var(--td-white)!important;color:var(--td-ink)!important;font-size:15px;font-weight:600;-webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5 6 8.5 10 4.5' fill='none' stroke='%23201E1D' stroke-width='2'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:12px!important}
.td-finder select:disabled{border-color:var(--td-line)!important;color:var(--td-ink-faint)!important;background-color:var(--td-paper)!important;cursor:not-allowed}
.td-finder .gmt-search{position:relative;display:block;background:none!important;border:0!important;padding:0!important}
.td-finder .gmt-search svg{display:none}
.td-finder .gmt-search input{width:100%;height:54px;padding:0 14px!important;border:2px solid var(--td-ink)!important;background:var(--td-white)!important;color:var(--td-ink)!important;font-size:15px}
.td-finder .gmt-suggest{background:var(--td-white)!important;border:2px solid var(--td-ink)!important;border-top:0!important;color:var(--td-ink)}
.td-finder .gmt-suggest a{color:var(--td-ink)!important;border-bottom:1px solid var(--td-line)}
.td-finder .gmt-suggest a:hover,.td-finder .gmt-suggest a.is-current{background:var(--td-karton)!important}

/* ---------- Abschnitte ---------------------------------------------- */
.td-home{padding:0}
.td-sec{padding:64px 0;background:var(--td-paper)}
.td-sec + .td-sec{border-top:1px solid var(--td-line-strong)}
.td-sec--karton{background:var(--td-karton)}
.td-sec__head{margin:0 0 32px}
.td-sec__head--split{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.td-sec__title{margin:0;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em}

/* Hersteller */
.td-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;margin:0;padding:0;list-style:none}
.td-brands li{border-top:1px solid var(--td-line-strong)}
.td-brands a{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:16px;padding:18px 0;text-decoration:none;color:var(--td-ink)}
.td-brands__name{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.td-brands__meta{grid-column:1;font-size:14px;color:var(--td-ink-soft)}
.td-brands .td-arrow{grid-column:2;grid-row:1/3;align-self:center;font-size:22px}
.td-brands a:hover .td-brands__name,.td-brands a:hover .td-arrow{color:var(--td-red-700)}

/* Nach Typ */
.td-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0;padding:2px;list-style:none;background:var(--td-ink)}
.td-types li{background:var(--td-paper)}
.td-types a{display:flex;flex-direction:column;height:100%;padding:28px 28px 26px;text-decoration:none;color:var(--td-ink)}
.td-types__count{font-size:clamp(48px,5vw,72px);font-weight:800;letter-spacing:-.05em;line-height:.95}
.td-types__name{margin:10px 0 8px;font-size:22px;font-weight:800}
.td-types__text{flex:1 1 auto;margin:0 0 20px;color:var(--td-ink-soft);max-width:32ch}
.td-types__go{font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.td-types a:hover .td-types__go{text-decoration-color:var(--td-red)}

/* Produktraster */
.td-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.td-grid > .js-product,.td-grid > .product{max-width:none!important;width:auto!important;flex:none!important;padding:0!important;margin:0!important}

/* ---------- Produktkarte -------------------------------------------- */
.td-card{display:flex;flex-direction:column;height:100%;padding:20px;border:1.5px solid var(--td-line-strong);background:var(--td-paper)}
.td-card__tags{display:flex;justify-content:space-between;gap:8px;min-height:26px}
.td-tag{display:inline-block;padding:3px 9px;border:1px solid var(--td-red-700);color:var(--td-red-700);font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}
.td-tag--red{background:var(--td-red);border-color:var(--td-red);color:var(--td-white);font-weight:700}
.td-tag--muted{border-color:var(--td-line-strong);color:var(--td-ink-soft)}
.td-card__img{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;margin:14px 0 16px;padding:14px;background:var(--td-karton)}
.td-card__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.td-card__noimg{font-size:13px;color:var(--td-ink-faint)}
.td-card__body{display:flex;flex-direction:column;flex:1 1 auto;padding:0!important;background:none!important}
.td-card__fits{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--td-ink-soft)}
.td-card__name{margin:0 0 6px!important;font-size:17px!important;font-weight:800;letter-spacing:-.01em;line-height:1.25!important;text-transform:none!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.td-card__name a{color:var(--td-ink)!important;text-decoration:none}
.td-card__name a:hover{text-decoration:underline}
.td-card__data{margin:0 0 16px;font-size:13px;color:var(--td-ink-soft)}
.td-card__foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.td-card__price{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 6px}
.td-card__price .price{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--td-ink)}
.td-card__old{font-size:13px;color:var(--td-ink-soft)}
/* Dugmeler */
.td-btn{display:block;padding:12px 16px;border:2px solid var(--td-ink);background:transparent;color:var(--td-ink)!important;font-weight:600;font-size:15px;line-height:1.25;text-align:left;text-decoration:none!important;cursor:pointer}
.td-btn:hover{background:var(--td-ink);color:var(--td-paper)!important}
.td-btn--red{border-color:var(--td-red);background:var(--td-red);color:var(--td-white)!important;font-weight:700;font-size:var(--td-big)}
.td-btn--red:hover{border-color:var(--td-red-700);background:var(--td-red-700)}
.td-btn--line{border-width:1.5px;border-color:var(--td-line-strong)}
.td-btn--small{font-size:14px;padding:10px 16px}
/* renk noktalari: kare (kose tabusu) */
.gmt-dot{border-radius:0!important;display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:0}

/* ---------- Herstellerlisten (Zeilen) -------------------------------- */
.td-rows{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--td-line-strong)}
.td-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto 190px;align-items:center;gap:24px;padding:14px 0;border-top:1px solid var(--td-line-strong)}
.td-row__img{display:flex;align-items:center;justify-content:center;width:72px;height:72px;padding:6px;background:var(--td-karton)}
.td-row__img img{max-width:100%;max-height:100%;width:auto;height:auto;mix-blend-mode:multiply}
.td-row__name{display:block;font-weight:700;font-size:16px;line-height:1.3;color:var(--td-ink);text-decoration:none}
.td-row__name:hover{text-decoration:underline}
.td-row__meta{display:block;margin-top:3px;font-size:13px;color:var(--td-ink-soft)}
.td-row__price{font-size:22px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.td-row__buy{display:block;padding:11px 14px;border:2px solid var(--td-ink);background:var(--td-ink);color:var(--td-paper)!important;font-weight:600;font-size:15px;text-align:left;text-decoration:none!important}
.td-row__buy:hover{background:#000}
.td-row__buy--ghost{background:transparent;color:var(--td-ink)!important}
.td-row__buy--ghost:hover{background:var(--td-ink);color:var(--td-paper)!important}

/* ---------- Vergleich ----------------------------------------------- */
.td-compare{border-bottom:1px solid var(--td-line-strong)}
.td-compare__row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:24px;padding:16px 0;border-top:1px solid var(--td-line-strong)}
.td-compare__row--head{border-top:2px solid var(--td-ink);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.td-compare [role=rowheader]{font-weight:600}
.td-compare [role=cell]{color:var(--td-ink-soft)}

/* ---------- Farben ---------------------------------------------------- */
.td-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.td-colors a{display:flex;flex-direction:column;text-decoration:none;color:var(--td-ink)}
.td-colors__sw{display:block!important;width:100%!important;height:96px!important;margin:0 0 14px!important;border:1.5px solid var(--td-ink)}
.td-colors__name{font-size:20px;font-weight:800}
.td-colors__count{font-size:14px;color:var(--td-ink-soft)}
.td-colors a:hover .td-colors__name{color:var(--td-red-700)}

/* ---------- Ratgeber -------------------------------------------------- */
.td-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin:0;padding:0;list-style:none}
.td-posts li{border-top:1px solid var(--td-line-strong)}
.td-posts a{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px 0;text-decoration:none;color:var(--td-ink)}
.td-posts__no{font-size:20px;font-weight:800;color:var(--td-ink-faint);letter-spacing:-.02em}
.td-posts__title{display:block;font-weight:700;font-size:17px;line-height:1.3}
.td-posts__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:14px;color:var(--td-ink-soft)}
.td-posts__tag{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--td-ink-soft);white-space:nowrap}
.td-posts a:hover .td-posts__title{text-decoration:underline}

/* ---------- Fuß ------------------------------------------------------- */
#footer{background:var(--td-ink)!important;color:var(--td-paper);padding:0!important;margin-top:0}
.td-foot{background:var(--td-ink)!important;padding:56px 0 28px!important;color:var(--td-paper)}
.td-foot__brand img{height:48px;width:auto;margin-bottom:36px}
.td-foot__cols{margin-bottom:12px}
#footer .td-foot a,#footer .td-foot .h3,#footer .td-foot .h4,#footer .td-foot p,#footer .td-foot li,#footer .td-foot address{color:var(--td-paper)!important}
#footer .td-foot a:hover{color:var(--td-white)!important;text-decoration:underline;text-underline-offset:4px}
#footer .td-foot .h3,#footer .td-foot .h4,#footer .td-foot .block-contact-title,#footer .td-foot .title{font-size:13px!important;font-weight:600!important;letter-spacing:.09em;text-transform:uppercase;color:#CFCCCB!important;margin-bottom:14px}
#footer .td-foot address{font-style:normal;line-height:1.7;margin:0 0 8px}
#footer .td-foot .material-icons{color:var(--td-paper)!important}
.td-foot__pay{margin:28px 0 0;padding-top:20px;border-top:1px solid #3A3634;font-size:14px}
.td-foot__pay .td-label{display:inline;margin-right:12px;color:#CFCCCB}
.td-foot__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:20px;padding-top:20px;border-top:1px solid #3A3634;font-size:13px;color:#B5B1AF}
.footer-before{background:var(--td-paper)}

/* Cookie-Hinweis: Tinte, Papier-Knopf (kirmizi alan buraya harcanmaz) */
.td-cookie{background:var(--td-ink)!important;color:var(--td-paper)!important;border-top:2px solid var(--td-paper)}
.td-cookie .gmt-cookie__text,.td-cookie .gmt-cookie__text a{color:var(--td-paper)!important}
.td-cookie .gmt-cookie__ok{background:var(--td-paper)!important;color:var(--td-ink)!important;border:0;font-weight:700;padding:10px 18px}

/* ---------- Produktseite (custom.css yapisi, td gorunumu) ------------ */
.product-container h1,.product-container .h1,#main .product-detail-name{font-size:clamp(26px,2.6vw,36px)!important;font-weight:800;letter-spacing:-.025em;text-transform:none!important}
.gmt-pd__amount{font-weight:800!important;color:var(--td-ink)!important}
.gmt-pd__cpp strong{font-weight:800}
.gmt-pd__fact,.gmt-pd__vars,.gmt-pd__pay{border-color:var(--td-line-strong)!important;background:var(--td-paper)!important}
.gmt-pd__var.is-active{background:var(--td-ink)!important;color:var(--td-paper)!important;border-color:var(--td-ink)!important}
.product-cover,.product-images > li.thumb-container .thumb,.js-qv-product-images .thumb{background:var(--td-karton)!important;border:0!important}
.product-cover img,.js-qv-product-images img{mix-blend-mode:multiply}
.btn.btn-primary.add-to-cart,.product-add-to-cart .add-to-cart{background:var(--td-red)!important;border:2px solid var(--td-red)!important;color:var(--td-white)!important;font-weight:700!important;font-size:var(--td-big)!important;text-transform:none!important;padding:12px 22px!important}
.btn.btn-primary.add-to-cart:hover{background:var(--td-red-700)!important;border-color:var(--td-red-700)!important}
.btn.btn-primary.add-to-cart .material-icons{display:none}
.product-quantity .input-group,.bootstrap-touchspin input{border:2px solid var(--td-ink)!important;background:var(--td-white)!important}
.gmt-printers__grp{border-color:var(--td-line-strong)!important;background:var(--td-paper)!important}
.gmt-printers__grp h3{font-size:16px!important}
.tabs,.product-tabs .nav-tabs{background:var(--td-paper)!important;border-color:var(--td-line-strong)!important}
.nav-tabs .nav-link.active{border-bottom:3px solid var(--td-ink)!important;color:var(--td-ink)!important}

/* Allgemeine Knöpfe (Kasse, Konto, Formulare) — kirmizi degil, murekkep */
.btn-primary{background:var(--td-ink)!important;border:2px solid var(--td-ink)!important;color:var(--td-paper)!important;font-weight:600;text-transform:none!important}
.btn-primary:hover{background:#000!important}
.btn-secondary,.btn-tertiary{background:transparent!important;border:2px solid var(--td-ink)!important;color:var(--td-ink)!important;text-transform:none!important}
.form-control,.custom-select,input[type=email],input[type=password],input[type=text]:not(#td-q):not(#gmt-suche),input[type=tel]{border:1.5px solid var(--td-line-strong)!important;background:var(--td-white)!important;color:var(--td-ink)!important}
.card,.block-category,.cart-grid-body .card,.cart-summary{background:var(--td-paper)!important;border:1.5px solid var(--td-line-strong)!important}

/* ---------- Kategorie / Liste --------------------------------------- */
.gmt-cathead{background:var(--td-paper)!important;border:0!important;border-bottom:2px solid var(--td-ink)!important;padding:8px 0 24px!important}
.gmt-cathead h1{font-size:clamp(28px,3vw,42px)!important;letter-spacing:-.03em}
.gmt-cathead__logo img{filter:grayscale(1);opacity:.85}   /* Farbe hat nur die Marke */
.gmt-cathead__meta a{color:var(--td-ink)!important;text-decoration:underline}
#js-product-list .products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}
#js-product-list .products > .js-product{max-width:none!important;width:auto!important;flex:none!important;padding:0!important}
#search_filters,.block-categories,#left-column .block-categories{background:var(--td-paper)!important;border:1.5px solid var(--td-line-strong)!important}
#search_filters .facet .facet-title{font-size:13px!important;font-weight:600!important;letter-spacing:.08em;text-transform:uppercase}
.breadcrumb{background:transparent!important;padding:16px 0 8px!important;font-size:13px}
.breadcrumb li a{color:var(--td-ink-soft)!important}
.pagination .page-list{background:none!important}
.pagination .current a{background:var(--td-ink)!important;color:var(--td-paper)!important}
.products-sort-order .select-title{border:1.5px solid var(--td-line-strong)!important;background:var(--td-white)!important}

/* ---------- Responsive ---------------------------------------------- */
@media (max-width:1199px){
  .td-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .td-brands{grid-template-columns:repeat(2,minmax(0,1fr))}
  #js-product-list .products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
  .td-head__row{grid-template-columns:auto 1fr;gap:16px 24px}
  .td-search{grid-column:1/-1;grid-row:2}
  .td-tools{justify-self:end}
  .td-finder__grid{grid-template-columns:1fr;gap:32px}
  .td-types{grid-template-columns:1fr}
  .td-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .td-colors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .td-posts{grid-template-columns:1fr}
  .td-row{grid-template-columns:64px minmax(0,1fr) auto;row-gap:10px}
  .td-row__buy{grid-column:2/-1}
}
@media (max-width:767px){
  .td-logo img{height:40px}
  .td-tools{gap:14px}
  .td-tools__link{display:none}
  .td-nav__row{gap:20px}
  .td-finder,.gmt-finder.td-finder{padding:36px 0 32px!important}
  .td-finder .gmt-finder__form,.td-finder__form{grid-template-columns:1fr}
  .td-sec{padding:44px 0}
  .td-sec__head--split{flex-direction:column;align-items:flex-start}
  .td-brands{grid-template-columns:1fr}
  .td-grid,#js-product-list .products{grid-template-columns:1fr 1fr;gap:12px}
  .td-card{padding:12px}
  .td-card__price .price{font-size:22px}
  .td-btn--small{display:none}
  .td-compare__row{grid-template-columns:1fr 1fr;gap:6px 16px}
  .td-compare__row > :first-child{grid-column:1/-1}
  .td-compare__row--head > :first-child{display:none}
  .td-colors__sw{height:64px!important}
}
@media (max-width:420px){
  .td-grid,#js-product-list .products{grid-template-columns:1fr}
}

/* ---------- Duzeltmeler (onizlemeden, 2026-09-18) --------------------- */
/* classic arama bilesenine genislik siniri koyuyor (float + max-width) */
.td-search{min-width:0}
.td-search #search_widget,.td-search .search-widgets{float:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
.td-searchbox form{width:100%}
/* Ana sayfa bolumleri kenardan kenara: classic icerigi .container'a kapatiyor */
body#index #wrapper{padding-top:0!important}
body#index #wrapper > .container{max-width:none!important;width:100%!important;padding:0!important}
body#index #wrapper > .container > .row{margin:0!important}
body#index #content-wrapper{padding:0!important;width:100%!important;max-width:100%!important;flex:0 0 100%!important}
body#index .breadcrumb{display:none}
/* classic urun adini ortalayip inceltiyor */
.td-card .product-title,.td-card .td-card__name{text-align:left!important;font-weight:800!important;font-size:17px!important}
.td-card .product-title a{font-weight:800!important}
.td-card .product-description{position:static!important;height:auto!important;width:auto!important}
.td-card .thumbnail-container,.td-card{box-sizing:border-box}
.td-tools__ps .blockcart a{display:inline-flex;align-items:center;gap:8px;color:var(--td-ink)!important;font-weight:600;text-decoration:none}
/* Unterkategorien: classic'in buyuk harfli, ortali izgarasi yerine cizgili liste */
#subcategories{background:var(--td-paper)!important;border:0!important;border-top:2px solid var(--td-ink)!important;padding:20px 0 0!important;margin-bottom:28px}
#subcategories .subcategory-heading{font-size:13px!important;font-weight:600!important;letter-spacing:.09em;text-transform:uppercase;color:var(--td-ink-soft)!important;margin-bottom:10px}
#subcategories ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;margin:0!important;padding:0!important}
#subcategories ul li{width:auto!important;margin:0!important;padding:0!important;text-align:left!important;border-top:1px solid var(--td-line)}
#subcategories ul li .subcategory-image{display:none!important}
#subcategories ul li .subcategory-name{display:block;padding:10px 0!important;font-size:15px!important;font-weight:600!important;text-transform:none!important;color:var(--td-ink)!important;text-align:left!important}
#subcategories ul li .subcategory-name:hover{color:var(--td-red-700)!important;text-decoration:underline}
.gmt-pd__pay,.gmt-pd__paytitle{text-align:left!important}
@media (max-width:767px){#subcategories ul{grid-template-columns:1fr 1fr}}
@media (max-width:767px){.td-head > .container,.td-nav > .container{padding-left:16px!important;padding-right:16px!important}}
.td-foot__legal{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:20px;padding-top:20px;border-top:1px solid #3A3634;font-size:14px;font-weight:600}
/* CMS / yasal sayfalar */
#cms #content,.page-cms{max-width:760px}
.page-cms h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;margin:0 0 24px}
.page-cms h3{font-size:18px;margin:28px 0 8px}
.page-cms p,.page-cms li{font-size:15px;line-height:1.65}

/* ---------- Canli arama onerileri (2026-09-18) — gmt.js „CANLI ARAMA ONERILERI" ----------
   Renk/kose tema tokenlarindan: getmytoner'da lacivert/cyan + 10px,
   tonerdirekt'te murekkep + kose yok (td.css global kurali). */
.ui-autocomplete.gmt-ac{list-style:none;margin:0;padding:6px 0!important;max-height:72vh;overflow-y:auto;overflow-x:hidden;background:#fff!important;border:1px solid var(--gmt-line-strong)!important;border-radius:var(--gmt-r);box-shadow:var(--gmt-shadow);z-index:1050!important}
.ui-autocomplete.gmt-ac li{margin:0;padding:0;border:0;list-style:none;width:auto!important}
.ui-autocomplete.gmt-ac .gmt-ac__grp{padding:10px 16px 4px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gmt-ink-faint);cursor:default}
.ui-autocomplete.gmt-ac li > a.gmt-ac__item{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:8px 16px!important;border:0!important;background:none;color:var(--gmt-ink)!important;font-size:14px;line-height:1.3;text-decoration:none;cursor:pointer;white-space:normal}
.ui-autocomplete.gmt-ac li > a.gmt-ac__item.ui-state-active,
.ui-autocomplete.gmt-ac li > a.gmt-ac__item:hover{background:var(--gmt-surface-2)!important;border:0!important;color:var(--gmt-ink)!important;margin:0!important}
.gmt-ac__img{flex:0 0 48px;width:48px;height:48px;object-fit:contain;background:#fff}
.gmt-ac__txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.gmt-ac__txt b{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gmt-ac__txt small{font-size:12px;color:var(--gmt-ink-faint)}
.gmt-ac__price{flex:0 0 auto;font-weight:800;white-space:nowrap}
.gmt-ac__go{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--gmt-accent);white-space:nowrap}
.ui-autocomplete.gmt-ac li > a.gmt-ac__item--all{margin-top:4px!important;padding:12px 16px!important;border-top:1px solid var(--gmt-line)!important;font-weight:700;color:var(--gmt-accent)!important}
@media (max-width:767px){.gmt-ac__go{display:none}.ui-autocomplete.gmt-ac{max-height:60vh}}