/* TonerDirekt365 storefront v2 — retail layer over the existing catalog. */
:root{--td-ink:#242622;--td-red:#c94420;--td-red-700:#ad3515;--td-paper:#f7f5f0;--td-karton:#e9edde;--td-line:#ddded5;--td-line-strong:#bfc3b6;--td-ink-soft:#686d62;--td-ink-faint:#74796e;--td-white:#fff;--gmt-r:5px;--gmt-r-pill:999px}
html{scroll-behavior:smooth;scroll-padding-top:148px}
body{background:var(--td-paper)!important;color:var(--td-ink);font-size:15px;line-height:1.5}
.container{max-width:1460px;padding-left:52px;padding-right:52px}
.td365-preview{background:var(--td-ink);color:#fff;text-align:center;padding:7px 12px;font-size:10px;letter-spacing:.04em}
#header{position:sticky;top:0;z-index:50;background:rgba(247,245,240,.97)!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--td-line)}
.td-head{background:transparent;border-bottom:0}.td-head__row{grid-template-columns:auto minmax(260px,1fr) auto;gap:40px;padding:21px 0}
.td-logo img{width:228px;height:auto}.td-searchbox form{background:#eeeee7!important;border:0!important;border-radius:5px!important;min-height:48px;padding:0 12px}.td-searchbox input{background:transparent!important;border:0!important;padding:13px 12px!important;font-size:13px}.td-searchbtn{width:42px!important;min-width:42px!important;padding:0!important;background:transparent!important;color:var(--td-ink)!important;font-size:23px!important}.td-tools{gap:22px;font-size:12px}.td-tools__link{font-weight:500}.blockcart .header a{display:flex!important;gap:7px;align-items:center}.td365-bag{font-size:19px}.cart-products-count{width:21px;height:21px;border-radius:50%!important;background:#e5e6dc;display:inline-grid;place-items:center;font-size:10px}
.td-nav{background:transparent;border-top:0;border-bottom:0}.td-nav__row{min-height:50px}.td-catbtn{background:transparent!important;color:var(--td-ink)!important;border:0!important;border-right:1px solid #cccfc2!important;padding:8px 30px 8px 0!important;font-weight:600}.td-nav__brands{gap:32px}.td-nav__brands a{font-size:12px;font-weight:600}.td-nav__all{margin-left:auto}.td-nav__all a{font-weight:400;color:var(--td-ink-soft)}
#wrapper{padding-top:0!important}.td-home{overflow:hidden}.td-finder,.gmt-finder.td-finder{background:var(--td-paper)!important;color:var(--td-ink)!important;border:0!important;padding:31px 0 35px!important}.td-finder__grid{grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr)!important;gap:46px!important}.td-finder__intro{padding:35px 0 20px!important}.td-label--red{color:var(--td-ink)!important}.td365-dot{display:inline-block;width:9px;height:9px;background:var(--td-red);border-radius:50%!important;margin-right:8px}.td-finder__title{font-size:clamp(51px,5.2vw,79px)!important;line-height:1.01!important;letter-spacing:-.065em!important;font-weight:600!important;margin:31px 0 24px!important;max-width:9ch!important;color:var(--td-ink)!important}.td-finder__title em{font-family:Georgia,serif;font-weight:400;font-style:italic}.td-finder__lede{max-width:48ch!important;font-size:15px!important;line-height:1.65!important;color:var(--td-ink-soft)!important}.td-finder__stats{margin-top:31px!important;gap:35px!important}.td-finder__stats span{font-size:10px!important;color:var(--td-ink-soft)!important}.td-finder__stats b{font-size:19px!important;color:var(--td-ink)!important}
.td-finder .gmt-finder__form,.td-finder__form{align-self:center;background:var(--td-karton)!important;border:0!important;border-radius:6px!important;padding:36px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;position:relative;min-height:405px;align-content:center}.td-finder .gmt-finder__form:before{content:'MAKE\A GOOD\A PRINTS.';white-space:pre;position:absolute;right:34px;top:27px;font-size:31px;line-height:.85;font-weight:800;letter-spacing:-.06em;transform:rotate(4deg);opacity:.09}.td365-find-title{grid-column:1/-1;display:flex;flex-direction:column;margin:0 0 15px;position:relative;z-index:1}.td365-find-title small{font-size:9px;letter-spacing:.12em;color:#65725c}.td365-find-title strong{font-size:28px;letter-spacing:-.04em;font-weight:600}.td-step label{font-size:9px!important;letter-spacing:.08em!important;color:var(--td-ink-soft)!important}.td-step__no{background:var(--td-red)!important;color:white!important;border-radius:50%!important}.td-finder select,.td-finder input{border:1px solid #cad1c1!important;border-radius:4px!important;background:#fff!important;min-height:51px!important;color:var(--td-ink)!important}.td-step--search{grid-column:1/-1!important}.td-finder .gmt-search input{padding-left:15px!important}.td-finder .gmt-suggest{border-radius:4px!important}
.td-sec{padding:54px 0!important;border-top:1px solid var(--td-line)}.td-sec--karton{background:#f2ddd3!important}.td-sec__head{margin-bottom:26px!important}.td-sec__title{font-size:38px!important;font-weight:500!important;letter-spacing:-.045em!important}.td-label{font-size:9px!important;color:var(--td-ink-soft)!important}.td-brands{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important}.td-brands li{background:#fff;border:1px solid #e2e4db!important;border-radius:5px!important}.td-brands a{padding:22px 17px!important}.td-brands__name{font-size:22px!important}.td-brands__meta{font-size:10px!important;margin-top:8px}.td-brands a:hover{transform:translateY(-3px)}.td-brands a,.td-types a,.td-card{transition:transform .25s,border-color .2s,box-shadow .25s}.td-types{background:transparent!important;padding:0!important;gap:18px!important}.td-types li{border:1px solid #dbc9c0;border-radius:5px!important;background:#f8eee9!important}.td-types a{padding:28px!important}.td-types a:hover{transform:translateY(-4px)}.td-types__count{font-size:48px!important;color:var(--td-red)}.td-types__name{font-size:21px!important}.td-types__text{font-size:12px!important}.td-types__go{font-size:11px!important}
.products{gap:18px!important}.td-card{padding:17px!important;border:1px solid #e4e6de!important;border-radius:5px!important;background:#fff!important}.td-card:hover{transform:translateY(-4px);border-color:#c2cab8!important;box-shadow:0 10px 25px #34392d08!important}.td-card__tags{min-height:29px}.td-tag{font-size:9px!important;border-radius:3px!important;background:#edf1e6!important;color:#4c6446!important}.td-tag--red{background:#f2ddd3!important;color:#933319!important}.td-card__img{height:170px!important;aspect-ratio:auto!important;background:#fff!important;border-radius:4px!important;margin:4px 0 8px!important;padding:13px!important;overflow:hidden}.td-card__img img{transition:transform .5s}.td-card:hover .td-card__img img{transform:scale(1.06)}.td-card__name{font-size:14px!important;line-height:1.4!important;font-weight:600!important}.td-card__data{font-size:10px!important}.td-card__price .price{font-size:25px!important;font-weight:600!important;letter-spacing:-.055em}.td-card__foot{gap:8px!important}.td-btn{border-radius:4px!important;font-size:11px!important}.td-btn--red{background:var(--td-ink)!important;color:#fff!important;display:flex!important;justify-content:space-between!important}.td-btn--red:hover{background:#43473b!important}.td-btn--line{border-color:#d6dbcd!important}.td-row{border-color:var(--td-line)!important}.td-row__buy{background:var(--td-ink)!important;color:#fff!important;border-radius:4px!important}.td-compare{border-radius:5px!important;overflow:hidden}.td-colors__sw{border-radius:50%!important}.td-articles__img,.td-articles li{border-radius:5px!important;overflow:hidden}
.td-foot{background:#292d25!important;color:#e8ebdf!important}.td-foot__brand img{width:228px;height:auto}.td-foot a{color:#e8ebdf!important}.td-cookie{border-radius:5px!important}.gmt-cookie__ok{background:var(--td-red)!important;border-radius:4px!important}
.td365-reveal{transition:opacity .7s,transform .7s}.td365-reveal.is-pending{opacity:0;transform:translateY(22px)}
@media(max-width:1100px){.container{padding-left:30px;padding-right:30px}.td-head__row{gap:24px}.td-logo img{width:195px}.td-tools__link{display:none}.td-nav__brands{gap:22px}.td-finder__grid{gap:28px!important}.td-finder .gmt-finder__form{padding:27px!important}.td-brands{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){html{scroll-padding-top:155px}.container{padding-left:19px;padding-right:19px}.td365-preview{font-size:8px;padding:6px}.td-head__row{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:12px!important;padding:14px 0 12px!important}.td-logo img{width:181px;height:auto}.td-search{order:3;flex-basis:100%}.td-searchbox form{min-height:42px}.td-tools{gap:10px}.td-nav{overflow-x:auto;scrollbar-width:none}.td-nav__row{width:max-content;min-width:100%;gap:20px}.td-catbtn{padding-right:18px!important}.td-nav__brands{gap:21px}.td-nav__all{display:none}.td-finder,.gmt-finder.td-finder{padding:16px 0 28px!important}.td-finder__grid{grid-template-columns:1fr!important;gap:22px!important}.td-finder__intro{padding:14px 0 0!important}.td-finder__title{font-size:57px!important;margin:21px 0 18px!important;max-width:9ch!important}.td-finder__lede{font-size:13px!important}.td-finder__stats{margin-top:21px!important}.td-finder .gmt-finder__form{grid-template-columns:1fr!important;padding:23px!important;min-height:auto}.td365-find-title,.td-step--search{grid-column:1!important}.td-finder .gmt-finder__form:before{font-size:23px;right:22px}.td-sec{padding:35px 0!important}.td-sec__title{font-size:30px!important}.td-brands{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.td-brands__name{font-size:18px!important}.td-types{grid-template-columns:1fr!important}.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.td-card{padding:12px!important}.td-card__img{height:118px!important;padding:8px!important}.td-card__name{font-size:12px!important}.td-card__price .price{font-size:21px!important}.td-btn{padding:11px 7px!important;font-size:9px!important}.td-btn--small{display:none!important}.td-foot__brand img{width:195px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.td365-reveal,.td-card,.td-brands a,.td-types a,.td-card__img img{transition:none!important}.td365-reveal.is-pending{opacity:1;transform:none}}

/* Odeme logolari alt bilgide (2026-09-19) — koyu zeminde beyaz kutucuk */
.td-payrow{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.td-payrow .td-label{color:#CFCCCB!important;margin-bottom:12px}
.td-payrow .gmt-payrow__list{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.td-payrow .gmt-payrow__item{display:flex;align-items:center;justify-content:center;width:88px;height:48px;padding:8px 10px;background:#fff;border-radius:0}
.td-payrow .gmt-payrow__item img{max-height:28px;max-width:100%;width:auto;height:auto}
.td-payrow .gmt-payrow__item span{font-size:12px;font-weight:600;color:#201E1D}
.td-payrow__note{margin:12px 0 0;font-size:13px;color:#B5B1AF}

/* ===== tonerstore.at gibi renkli ust bolum (2026-09-19, isletme sahibi: „dumduz bembeyaz olmasin") =====
   Renkler temanin kendi paletinden: --td-ink #242622 · --td-red #c94420 · --td-karton #e9edde.
   Beyaz yazi #c94420 uzerinde 4,8:1 (AA). Mega menu (.td-mega) bu kurallardan ETKILENMEZ. */
.td365-preview{background:#242622!important;color:#e9e7df!important}
.td-head{background:#fff!important;border-bottom:1px solid var(--td-line)!important}
.td-nav{background:var(--td-red)!important;border:0!important}
.td-nav .td-nav__row{min-height:52px}
#header .td-nav .td-catbtn,.td-nav .td-catbtn{color:#fff!important}
.td-nav .td-catbtn svg{stroke:#fff!important}
.td-nav .td-catwrap{border-color:rgba(255,255,255,.35)!important}
#header .td-nav__brands a,#header .td-nav__all a{color:#fff!important;font-weight:600;border-bottom-color:transparent!important}
#header .td-nav__brands a:hover,#header .td-nav__all a:hover{border-bottom-color:#fff!important;color:#fff!important}
.td-nav__pill{display:inline-flex;align-items:center;gap:8px;margin-left:18px;padding:8px 14px;background:rgba(255,255,255,.16);color:#fff!important;font-weight:600;font-size:14px;line-height:1;white-space:nowrap;text-decoration:none!important;border-radius:var(--gmt-r)}
.td-nav__pill:hover{background:rgba(255,255,255,.28)}
.td-nav__pill svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.8}
/* Acilis: koyu zemin, bulucu karti one cikar */
.td-finder,.gmt-finder.td-finder{background:#242622!important;border-bottom:0!important}
.td-finder .td-finder__title{color:#fff!important}
.td-finder .td-finder__title em{color:#f2a88e!important}
.td-finder .td-label{color:#f2a88e!important}
.td-finder .td-finder__lede{color:#d9d7cf!important}
.td-finder .td-finder__stats,.td-finder .td-finder__stats span{color:#bdbbb3!important}
.td-finder .td-finder__stats b{color:#fff!important}
/* Hizmet kutulari */
.td365-usp{background:#fff;border-bottom:1px solid var(--td-line)}
.td365-usp__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:22px 0;list-style:none}
.td365-usp__item{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--td-line);border-radius:var(--gmt-r);background:var(--td-paper)}
.td365-usp__ico{flex:0 0 30px;width:30px;height:30px;color:var(--td-red)}
.td365-usp__ico svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6}
.td365-usp__item b{display:block;font-size:15px;line-height:1.3;color:var(--td-ink)}
.td365-usp__item span span{display:block;font-size:13px;color:var(--td-ink-soft)}
/* Bolumler: beyaz / krem / adacayi donusumlu, duz beyaz degil */
.td-home .td-sec{background:#fff}
.td-home .td-sec--karton{background:var(--td-karton)}
.td-home .td-featured{background:var(--td-paper)}
@media (max-width:991px){.td365-usp__list{grid-template-columns:1fr 1fr}.td-nav__pill{display:none}}
@media (max-width:560px){.td365-usp__list{grid-template-columns:1fr}}

/* Acilis arka plani: yazici fotografi (isletme sahibinin fotografi, getmytoner slide-3),
   uzerinde %82 koyu katman — fotograf doku olarak kalir, beyaz baslik okunur (2026-09-19). */
.td-finder,.gmt-finder.td-finder{
  background:linear-gradient(rgba(36,38,34,.82),rgba(36,38,34,.82)),url(../img/hero/hero-drucker.jpg) right center/cover no-repeat,#242622!important}
@media (max-width:767px){.td-finder,.gmt-finder.td-finder{background-position:center,70% center,center!important}}

/* Marka kutularinda logo (2026-09-19) — logo ustte, ad ve sayilar altta, ok sagda */
.td-home .td-brands a{grid-template-columns:1fr auto!important;grid-template-rows:auto auto auto!important;row-gap:4px;align-items:center}
.td-brands__logo{grid-column:1;grid-row:1;display:flex;align-items:center;height:44px;margin-bottom:10px}
.td-brands__logo img{max-height:40px;max-width:150px;width:auto;height:auto;object-fit:contain;object-position:left center}
.td-home .td-brands__name{grid-column:1;grid-row:2;font-size:16px!important}
.td-home .td-brands__meta{grid-column:1;grid-row:3;margin-top:0!important}
.td-home .td-brands .td-arrow{grid-column:2;grid-row:1/4!important;align-self:center}
