/* Proje modülleri (B2B, varyant, filtre, blog, GEO) mağaza stilleri. Renkler tema değişkenlerinden. */
:root { --m-pri: var(--color-primary, #03a883); --m-sec: var(--color-secondary, #16232b); --m-text: var(--color-text, #363232); --m-sub: var(--color-sub-text, #7a7474); --m-line: var(--color-border, #ededed); --m-bg: var(--color-background, #f3f3f3); --m-tint: var(--color-primary-tint, #e7f5f0); }

/* ============================================================ B2B */
.b2b-price-tag { display: inline-block; margin-top: 4px; padding: 2px 8px; border-radius: 99px; background: var(--m-tint); color: var(--m-pri); font-size: 11.5px; font-weight: 700; font-style: normal; }
.dsc-price .b2b-price-tag { display: block; width: max-content; }
.b2b-login-price { font-size: 13px; font-weight: 600; }
.b2b-login-price a { color: var(--m-pri); text-decoration: underline; }
.b2b-login-price-lg { padding: 16px 18px; border: 1px dashed var(--m-pri); border-radius: 10px; background: var(--m-tint); font-size: 15px; line-height: 1.5; }
.b2b-qty-note { margin-top: 6px; font-size: 13px; color: var(--m-sub); }
.b2b-impersonate { position: sticky; top: 0; z-index: 95; padding: 10px 16px; background: #fff4e5; border-bottom: 1px solid #f2c27a; color: #7a4b00; font-size: 14px; text-align: center; }
.b2b-impersonate a { margin-left: 10px; font-weight: 700; color: #7a4b00; text-decoration: underline; }
.b2b-badge { display: flex; flex-direction: column; gap: 2px; margin-bottom: 14px; padding: 10px 12px; border-radius: 8px; background: var(--m-tint); }
.b2b-badge span { font-weight: 700; color: var(--m-pri); }
.b2b-badge small { color: var(--m-sub); }
.b2b-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin-bottom: 18px; }
.b2b-stats > div { padding: 14px 16px; border: 1px solid var(--m-line); border-radius: 10px; background: #fff; }
.b2b-stats span { display: block; font-size: 12.5px; color: var(--m-sub); }
.b2b-stats strong { font-size: 18px; }
.b2b-stats .neg { color: #c0392b; } .b2b-stats .pos { color: #16a34a; }
.b2b-table th { font-size: 13px; white-space: nowrap; }
.b2b-table td { font-size: 13.5px; vertical-align: middle; }
.b2b-apply { padding: 30px 15px 60px; }
.b2b-apply h1 { font-size: 30px; margin-bottom: 14px; }
.b2b-apply h5 { margin: 10px 0 14px; font-weight: 700; }
.b2b-perks { padding-left: 0; list-style: none; }
.b2b-perks li { position: relative; padding: 8px 0 8px 28px; border-bottom: 1px solid var(--m-line); }
.b2b-perks li::before { content: "✓"; position: absolute; left: 4px; color: var(--m-pri); font-weight: 800; }
.b2b-form { padding: 24px; border: 1px solid var(--m-line); border-radius: 14px; background: #fff; }
.b2b-form .control-label { font-size: 13px; font-weight: 600; margin-bottom: 4px; }

/* ============================================================ varyant seçici */
.hpm-variants { margin: 16px 0 18px; padding: 16px 0; border-top: 1px solid var(--m-line); border-bottom: 1px solid var(--m-line); }
.hpm-vg { margin-bottom: 14px; }
.hpm-vg:last-of-type { margin-bottom: 4px; }
.hpm-vg-title { margin-bottom: 8px; font-size: 13.5px; color: var(--m-sub); }
.hpm-vg-title b { color: var(--m-text); }
.hpm-vg-opts { display: flex; flex-wrap: wrap; gap: 8px; }
.hpm-opt { position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-height: 42px; padding: 6px 14px; border: 1.5px solid var(--m-line); border-radius: 8px; background: #fff; color: var(--m-text); font-size: 13.5px; font-weight: 600; line-height: 1.25; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.hpm-opt small { font-size: 11.5px; font-weight: 500; color: var(--m-sub); }
.hpm-opt:hover { border-color: var(--m-sub); }
.hpm-opt.is-on { border-color: var(--m-pri); box-shadow: 0 0 0 1px var(--m-pri); }
.hpm-opt.is-out { color: #aaa; background: repeating-linear-gradient(135deg, #fff 0 6px, #f6f6f6 6px 12px); }
.hpm-opt.is-out::after { content: ""; position: absolute; left: 8%; right: 8%; top: 50%; height: 1px; background: #c8c8c8; transform: rotate(-12deg); }
.hpm-opt-swatch { width: 40px; min-height: 40px; padding: 4px; border-radius: 50%; }
.hpm-sw { display: block; width: 100%; height: 100%; min-height: 28px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .12); }
.hpm-opt-image { width: 64px; height: 64px; padding: 3px; }
.hpm-opt-image img { width: 100%; height: 100%; object-fit: contain; }
.hpm-select { width: 100%; max-width: 420px; height: 44px; padding: 0 12px; border: 1.5px solid var(--m-line); border-radius: 8px; background: #fff; font-size: 14px; }
.hpm-variant-msg { min-height: 18px; font-size: 13px; color: #c0392b; }
.hpm-variant-msg:empty { min-height: 0; }
.hpm-shake { animation: hpm-shake .5s; }
@keyframes hpm-shake { 20%, 60% { transform: translateX(-6px); } 40%, 80% { transform: translateX(6px); } }
.hpm-disabled { opacity: .5; pointer-events: none; }
.hpm-options-link { display: inline-flex; align-items: center; justify-content: center; }

/* ============================================================ kategori filtreleri */
.hpm-filters { position: sticky; top: 110px; max-height: calc(100vh - 130px); overflow: auto; padding: 4px 4px 20px 0; }
.hpm-filters-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-size: 16px; }
.hpm-filters-head a { font-size: 13px; color: var(--m-pri); text-decoration: underline; }
.hpm-filters-close { display: none; border: 0; background: none; font-size: 28px; line-height: 1; }
.hpm-fbox { border-bottom: 1px solid var(--m-line); padding: 12px 0; }
.hpm-fbox summary { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14px; cursor: pointer; list-style: none; }
.hpm-fbox summary::-webkit-details-marker { display: none; }
.hpm-fbox summary::after { content: ""; margin-left: auto; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s; opacity: .6; }
.hpm-fbox[open] summary::after { transform: rotate(-135deg); }
.hpm-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--m-pri); }
.hpm-fopts { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 2px; }
.hpm-fopts[data-hpm-more]:not(.is-all) li:nth-child(n+9) { display: none; }
.hpm-fopts a { display: flex; align-items: center; gap: 9px; padding: 5px 2px; color: var(--m-text); font-size: 13.5px; text-decoration: none; border-radius: 6px; }
.hpm-fopts a:hover { background: var(--m-bg); }
.hpm-fopts a span { flex: 1; min-width: 0; }
.hpm-fopts a em { font-style: normal; font-size: 12px; color: var(--m-sub); }
.hpm-fcheck { flex: 0 0 16px; width: 16px; height: 16px; border: 1.5px solid #bbb; border-radius: 4px; position: relative; }
.hpm-fopts a.is-on .hpm-fcheck { background: var(--m-pri); border-color: var(--m-pri); }
.hpm-fopts a.is-on .hpm-fcheck::after { content: ""; position: absolute; left: 4px; top: 1px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.hpm-fopts a.is-on { font-weight: 700; }
.hpm-fopts-radio .hpm-fcheck { border-radius: 50%; }
.hpm-fopts-swatch { grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); }
.hpm-fopts-swatch a { flex-direction: column; gap: 4px; font-size: 11px; text-align: center; }
.hpm-fopts-swatch a em { display: none; }
.hpm-fsw { width: 26px; height: 26px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .15); }
.hpm-fopts-swatch a.is-on .hpm-fsw { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--m-pri); }
.hpm-fmore { margin-top: 6px; border: 0; background: none; color: var(--m-pri); font-size: 13px; font-weight: 600; padding: 0; }
.hpm-range { display: flex; align-items: center; gap: 6px; margin-top: 10px; }
.hpm-range input { width: 100%; min-width: 0; height: 36px; padding: 0 8px; border: 1px solid var(--m-line); border-radius: 6px; font-size: 13px; }
.hpm-range button { flex: 0 0 36px; height: 36px; border: 0; border-radius: 6px; background: var(--m-sec); color: #fff; font-size: 20px; line-height: 1; }
.hpm-fclear { display: inline-block; margin-top: 6px; font-size: 12.5px; color: var(--m-sub); text-decoration: underline; }
.hpm-fselect { width: 100%; height: 38px; margin-top: 10px; border: 1px solid var(--m-line); border-radius: 6px; padding: 0 8px; }
.hpm-listbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 14px; }
.hpm-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px; background: var(--m-tint); color: var(--m-text); font-size: 13px; text-decoration: none; }
.hpm-chip b { color: var(--m-pri); }
.hpm-chip-clear { font-size: 13px; color: var(--m-sub); text-decoration: underline; }
.hpm-filter-open { display: none; height: 38px; padding: 0 16px; border: 1px solid var(--m-line); border-radius: 8px; background: #fff; font-weight: 700; }
.hpm-loading { opacity: .5; pointer-events: none; transition: opacity .2s; }
.hpm-filter-intro { margin: 10px 0 18px; color: var(--m-sub); }
@media (max-width: 991px) {
    .hpm-filters-col { position: fixed; inset: 0 auto 0 0; z-index: 1003; width: min(340px, 88vw); padding: 16px; background: #fff; box-shadow: 0 0 40px rgb(0 0 0 / .25); transform: translateX(-105%); transition: transform .3s; overflow: auto; }
    .hpm-filters-open .hpm-filters-col { transform: none; }
    .hpm-filters { position: static; max-height: none; }
    .hpm-filters-close { display: block; }
    .hpm-filter-open { display: inline-block; }
}

/* ============================================================ GEO */
.geo-summary { margin: 12px 0 16px; padding: 14px 16px; border-left: 4px solid var(--m-pri); border-radius: 0 10px 10px 0; background: var(--m-tint); font-size: 14.5px; line-height: 1.6; }
.geo-summary strong { display: block; margin-bottom: 4px; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--m-pri); }
.geo-summary p { margin: 0; }
.geo-faq { margin-top: 32px; }
.geo-faq h2 { font-size: 22px; margin-bottom: 14px; }
.geo-faq details { border: 1px solid var(--m-line); border-radius: 10px; margin-bottom: 8px; background: #fff; }
.geo-faq summary { padding: 14px 16px; font-weight: 700; cursor: pointer; list-style: none; }
.geo-faq summary::-webkit-details-marker { display: none; }
.geo-faq summary::after { content: "+"; float: right; font-size: 18px; color: var(--m-pri); }
.geo-faq details[open] summary::after { content: "–"; }
.geo-faq details > div { padding: 0 16px 16px; line-height: 1.6; color: var(--m-sub); }

/* ============================================================ Blog */
.hb { padding: 18px 0 60px; color: var(--m-text); }
.hb a { color: inherit; }
.hb-crumbs { margin-bottom: 18px; font-size: 13px; color: var(--m-sub); }
.hb-crumbs a:hover { color: var(--m-pri); }
.hb-head { margin-bottom: 22px; }
.hb-head h1 { margin: 0 0 8px; font-size: clamp(26px, 4vw, 38px); font-weight: 800; letter-spacing: -.02em; }
.hb-head p { max-width: 720px; margin: 0; color: var(--m-sub); font-size: 16px; line-height: 1.6; }
.hb-toolbar { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: space-between; margin-bottom: 26px; padding-bottom: 18px; border-bottom: 1px solid var(--m-line); }
.hb-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.hb-chips a { padding: 7px 14px; border: 1px solid var(--m-line); border-radius: 99px; background: #fff; font-size: 14px; font-weight: 600; }
.hb-chips a small { color: var(--m-sub); font-weight: 500; }
.hb-chips a:hover, .hb-chips a.active { border-color: var(--m-sec); background: var(--m-sec); color: #fff; }
.hb-chips a.active small, .hb-chips a:hover small { color: rgb(255 255 255 / .7); }
.hb-search { display: flex; width: min(320px, 100%); border: 1px solid var(--m-line); border-radius: 99px; background: #fff; overflow: hidden; }
.hb-search input { flex: 1; min-width: 0; height: 40px; padding: 0 16px; border: 0; outline: 0; background: none; font-size: 14px; }
.hb-search button { width: 44px; border: 0; background: none; color: var(--m-sub); }
.hb-result { margin: -10px 0 20px; color: var(--m-sub); }
.hb-result a { color: var(--m-pri); text-decoration: underline; }
.hb-hero { display: grid; grid-template-columns: 1.25fr 1fr; gap: 0; margin-bottom: 34px; border-radius: 18px; overflow: hidden; background: var(--m-sec); color: #fff; }
.hb-hero-img { display: block; background: #fff; }
.hb-hero-img img { width: 100%; height: 100%; min-height: 300px; max-height: 420px; object-fit: contain; display: block; }
.hb-hero-body { display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 36px; }
.hb-hero-body h2 { margin: 0; font-size: clamp(22px, 2.6vw, 32px); font-weight: 800; line-height: 1.2; }
.hb-hero-body p { margin: 0; color: rgb(255 255 255 / .78); line-height: 1.6; }
.hb-hero .hb-meta, .hb-hero .hb-meta a { color: rgb(255 255 255 / .7); }
.hb-hero .hb-cat { color: #fff; }
.hb-more { align-self: flex-start; margin-top: 6px; padding: 10px 18px; border-radius: 99px; background: var(--m-pri); color: #fff !important; font-weight: 700; }
.hb-badge { display: inline-block; padding: 3px 10px; border-radius: 99px; background: var(--m-pri); color: #fff; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.hb-cat { display: inline-block; color: var(--m-pri); font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.hb-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--m-sub); font-size: 13px; }
.hb-meta a { font-weight: 600; color: var(--m-text); }
.hb-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 36px; }
.hb-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 26px; }
.hb-card { display: flex; flex-direction: column; border-radius: 14px; overflow: hidden; background: #fff; border: 1px solid var(--m-line); transition: box-shadow .2s, transform .2s; }
.hb-card:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgb(0 0 0 / .08); }
.hb-card-img img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; background: var(--m-bg); }
.hb-card-body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 18px; }
.hb-card-body h2 { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.35; }
.hb-card-body h2 a:hover { color: var(--m-pri); }
.hb-card-body p { margin: 0 0 4px; flex: 1; color: var(--m-sub); font-size: 14px; line-height: 1.55; }
.hb-empty { padding: 50px 20px; border: 1px dashed var(--m-line); border-radius: 14px; text-align: center; color: var(--m-sub); }
.hb-pager { display: flex; justify-content: center; gap: 6px; margin-top: 34px; }
.hb-pager a, .hb-pager span { min-width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--m-line); border-radius: 10px; background: #fff; font-weight: 600; }
.hb-pager span { background: var(--m-sec); border-color: var(--m-sec); color: #fff; }
.hb-side section { margin-bottom: 26px; padding: 20px; border: 1px solid var(--m-line); border-radius: 14px; background: #fff; }
.hb-side h3 { margin: 0 0 14px; font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.hb-popular { margin: 0; padding: 0; list-style: none; counter-reset: hbp; }
.hb-popular li { display: flex; gap: 12px; padding: 9px 0; border-top: 1px solid var(--m-line); counter-increment: hbp; font-size: 14px; font-weight: 600; line-height: 1.4; }
.hb-popular li:first-child { border-top: 0; padding-top: 0; }
.hb-popular li::before { content: counter(hbp, decimal-leading-zero); color: var(--m-pri); font-weight: 800; }
.hb-popular a:hover { color: var(--m-pri); }
.hb-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.hb-tags a { padding: 5px 11px; border-radius: 8px; background: var(--m-bg); font-size: 13px; font-weight: 600; }
.hb-tags a:hover, .hb-tags a.active { background: var(--m-tint); color: var(--m-pri); }
.hb-rss a { color: var(--m-pri); font-weight: 700; }
.hb-author-hero { display: flex; gap: 24px; align-items: center; margin-bottom: 26px; padding: 28px; border-radius: 18px; background: var(--m-tint); }
.hb-author-hero img, .hb-author-hero .hb-avatar { width: 110px; height: 110px; flex: none; border-radius: 50%; object-fit: cover; }
.hb-author-hero h1 { margin: 0 0 4px; font-size: 30px; font-weight: 800; }
.hb-author-hero p { margin: 6px 0 0; line-height: 1.6; }
.hb-role { color: var(--m-pri); font-weight: 700; }
.hb-avatar { display: grid; place-items: center; background: var(--m-sec); color: #fff; font-size: 30px; font-weight: 800; }
.hb-links a { margin-right: 12px; color: var(--m-pri); font-weight: 600; text-decoration: underline; }
/* yazı */
.hb-progress { position: fixed; top: 0; left: 0; z-index: 200; height: 3px; width: 0; background: var(--m-pri); transition: width .1s linear; }
.hb-preview-bar { padding: 10px 16px; background: #fff4e5; color: #7a4b00; text-align: center; font-weight: 600; }
.hb-article-layout { display: grid; grid-template-columns: minmax(0, 760px) 260px; gap: 56px; justify-content: center; }
.hb-article-layout.no-toc { grid-template-columns: minmax(0, 780px); }
.hb-article header h1 { margin: 10px 0 14px; font-size: clamp(28px, 4.2vw, 42px); font-weight: 800; line-height: 1.15; letter-spacing: -.02em; }
.hb-meta-author { display: inline-flex; align-items: center; gap: 8px; }
.hb-meta-author img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.hb-cover { margin: 24px 0; }
.hb-cover img { width: 100%; max-height: 440px; object-fit: contain; border-radius: 16px; display: block; background: #fff; }
.hb-summary { margin: 22px 0; padding: 18px 20px; border-left: 4px solid var(--m-pri); border-radius: 0 12px 12px 0; background: var(--m-tint); }
.hb-summary strong { display: block; margin-bottom: 4px; color: var(--m-pri); font-size: 12.5px; text-transform: uppercase; letter-spacing: .06em; }
.hb-summary p { margin: 0; font-size: 16.5px; line-height: 1.6; }
.hb-toc ol { margin: 10px 0 0; padding: 0; list-style: none; }
.hb-toc li { margin: 0; }
.hb-toc li.lvl-3 { padding-left: 14px; }
.hb-toc a { display: block; padding: 5px 0 5px 12px; border-left: 2px solid var(--m-line); color: var(--m-sub); font-size: 14px; line-height: 1.4; }
.hb-toc a:hover, .hb-toc a.active { border-color: var(--m-pri); color: var(--m-pri); }
.hb-toc a.active { font-weight: 700; }
.hb-toc-inline { display: none; margin: 20px 0; padding: 14px 18px; border: 1px solid var(--m-line); border-radius: 12px; }
.hb-toc-inline summary { cursor: pointer; font-weight: 700; }
.hb-article-side .hb-toc { position: sticky; top: 100px; max-height: calc(100vh - 130px); overflow: auto; }
.hb-article-side .hb-toc strong { font-size: 13px; text-transform: uppercase; letter-spacing: .05em; }
.hb-content { font-size: 17px; line-height: 1.75; }
.hb-content h2 { margin: 38px 0 14px; font-size: 26px; font-weight: 800; scroll-margin-top: 100px; }
.hb-content h3 { margin: 28px 0 10px; font-size: 20px; font-weight: 700; scroll-margin-top: 100px; }
.hb-content p { margin: 0 0 18px; }
.hb-content img { max-width: 100%; height: auto; border-radius: 12px; }
.hb-content a { color: var(--m-pri); text-decoration: underline; }
.hb-content ul, .hb-content ol { margin: 0 0 18px; padding-left: 22px; }
.hb-content blockquote { margin: 22px 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--m-sec); font-style: italic; color: var(--m-sub); }
.hb-content table { width: 100%; margin: 0 0 18px; border-collapse: collapse; font-size: 15px; }
.hb-content th, .hb-content td { padding: 9px 12px; border: 1px solid var(--m-line); }
.hb-content th { background: var(--m-bg); }
.hb-faq { margin: 38px 0; }
.hb-faq h2, .hb-products h2, .hb-comments h2, .hb-related h2 { margin: 0 0 16px; font-size: 24px; font-weight: 800; }
.hb-faq details { border-bottom: 1px solid var(--m-line); }
.hb-faq summary { padding: 15px 30px 15px 0; position: relative; cursor: pointer; font-weight: 700; font-size: 16px; list-style: none; }
.hb-faq summary::-webkit-details-marker { display: none; }
.hb-faq summary::after { content: '+'; position: absolute; right: 4px; top: 12px; font-size: 22px; color: var(--m-pri); }
.hb-faq details[open] summary::after { content: '−'; }
.hb-faq details div { padding: 0 0 16px; color: var(--m-sub); line-height: 1.65; }
.hb-products { margin: 38px 0; padding: 22px; border-radius: 16px; background: var(--m-bg); }
.hb-products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.hb-products-grid > div > * { height: 100%; }
.hb-article-foot { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; margin: 30px 0; padding: 18px 0; border-top: 1px solid var(--m-line); border-bottom: 1px solid var(--m-line); }
.hb-share { display: flex; align-items: center; gap: 8px; color: var(--m-sub); font-size: 14px; }
.hb-share a, .hb-share button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--m-line); border-radius: 50%; background: #fff; color: var(--m-text); }
.hb-share a:hover, .hb-share button:hover { border-color: var(--m-pri); color: var(--m-pri); }
.hb-share button.copied { background: var(--m-pri); color: #fff; border-color: var(--m-pri); }
.hb-author-box { display: flex; gap: 18px; margin: 30px 0; padding: 22px; border-radius: 16px; background: var(--m-tint); }
.hb-author-box img, .hb-author-box .hb-avatar { width: 72px; height: 72px; flex: none; border-radius: 50%; object-fit: cover; font-size: 24px; }
.hb-author-box small { color: var(--m-sub); text-transform: uppercase; letter-spacing: .06em; font-size: 11.5px; }
.hb-author-box h3 { margin: 2px 0; font-size: 19px; font-weight: 800; }
.hb-author-box p { margin: 4px 0 0; line-height: 1.6; font-size: 14.5px; }
.hb-adjacent { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 30px 0; }
.hb-adjacent a { padding: 16px 18px; border: 1px solid var(--m-line); border-radius: 12px; font-weight: 700; line-height: 1.4; }
.hb-adjacent a:hover { border-color: var(--m-pri); }
.hb-adjacent a.next { text-align: right; }
.hb-adjacent small { display: block; margin-bottom: 4px; color: var(--m-sub); font-weight: 500; }
.hb-comments { margin-top: 38px; }
.hb-comments h2 small { color: var(--m-sub); font-size: 16px; }
.hb-comment { margin-bottom: 14px; padding: 16px 18px; border: 1px solid var(--m-line); border-radius: 12px; background: #fff; }
.hb-comment .hb-comment { margin: 12px 0 0 18px; background: var(--m-bg); border-color: transparent; }
.hb-comment.is-admin { border-left: 3px solid var(--m-pri); }
.hb-comment-head { display: flex; gap: 8px; align-items: center; margin-bottom: 6px; }
.hb-comment-head time { margin-left: auto; color: var(--m-sub); font-size: 12.5px; }
.hb-comment p { margin: 0; line-height: 1.6; }
.hb-reply { margin-top: 8px; padding: 0; border: 0; background: none; color: var(--m-pri); font-size: 13px; font-weight: 700; }
.hb-muted { color: var(--m-sub); }
.hb-comment-form { margin-top: 24px; padding: 22px; border-radius: 16px; background: var(--m-bg); }
.hb-comment-form h3 { margin: 0 0 14px; font-size: 18px; font-weight: 800; }
.hb-comment-form h3 small { font-weight: 500; color: var(--m-sub); }
.hb-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
.hb-comment-form input, .hb-comment-form textarea { width: 100%; padding: 11px 14px; border: 1px solid var(--m-line); border-radius: 10px; background: #fff; font: inherit; font-size: 14.5px; }
.hb-comment-form textarea { margin-bottom: 12px; resize: vertical; }
.hb-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.hb-related { margin-top: 50px; padding-top: 34px; border-top: 1px solid var(--m-line); }
@media (max-width: 991px) {
    .hb-layout, .hb-article-layout { grid-template-columns: minmax(0, 1fr); }
    .hb-article-side { display: none; }
    .hb-toc-inline { display: block; }
    .hb-hero { grid-template-columns: 1fr; }
    .hb-hero-img img { min-height: 220px; }
    .hb-hero-body { padding: 24px; }
}
@media (max-width: 575px) {
    .hb-form-row, .hb-adjacent { grid-template-columns: 1fr; }
    .hb-author-hero { flex-direction: column; text-align: center; }
    .hb-content { font-size: 16px; }
    .hb-search { width: 100%; }
}
.hb-faq details div, .hb-comment p { font-size: 15px; }
.hb-muted { font-size: 13.5px; }
.hb-adjacent a { font-size: 15px; }
.hb-adjacent small { font-size: 12.5px; }
.hb-comment-form .btn { padding: 10px 22px; border-radius: 10px; }

/* ============================================================ Ürün özelleştirme, ek bilgiler, etiketler */
.hpm-custom { margin: 14px 0; padding: 14px 16px; border: 1px solid var(--m-line); border-radius: 12px; background: #fff; }
.hpm-custom-h { margin: 0 0 10px; font-weight: 800; font-size: 15px; }
.hpm-cf { margin-bottom: 10px; }
.hpm-cf > label, .hpm-cf-l { display: block; margin-bottom: 4px; font-size: 13.5px; font-weight: 600; }
.hpm-cf label b { color: #c0392b; }
.hpm-cf em { font-style: normal; color: var(--m-pri); font-weight: 700; font-size: 12.5px; }
.hpm-cf input[type=text], .hpm-cf input[type=number], .hpm-cf select, .hpm-cf textarea { width: 100%; padding: 9px 11px; border: 1px solid var(--m-line); border-radius: 8px; font: inherit; font-size: 14px; background: #fff; }
.hpm-cf small { display: block; margin-top: 3px; color: var(--m-sub); font-size: 12px; }
.hpm-check, .hpm-radios label { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500 !important; }
.hpm-radios { display: grid; gap: 6px; }
.hpm-cf-err input, .hpm-cf-err select, .hpm-cf-err textarea, .hpm-cf-err .hpm-radios { border-color: #c0392b !important; outline: 1px solid #c0392b; }
.hpm-custom-msg { color: #c0392b; font-size: 13px; font-weight: 600; }
.hpm-cart-custom { display: block; margin-top: 3px; color: var(--m-sub); font-size: 12px; font-weight: 400; }
.hpm-infos { margin: 28px 0; }
.hpm-info { border: 1px solid var(--m-line); border-radius: 12px; margin-bottom: 10px; background: #fff; }
.hpm-info summary { padding: 14px 18px; font-weight: 700; cursor: pointer; }
.hpm-info-body { padding: 0 18px 16px; line-height: 1.65; }
.hpm-seotags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 22px 0; }
.hpm-seotags span { font-weight: 700; }
.hpm-seotags a { padding: 5px 12px; border-radius: 99px; background: var(--m-tint); color: var(--m-pri); font-size: 13px; font-weight: 600; }
.hpm-tagpage { padding: 20px 0 50px; }
.hpm-tagpage h1 { margin: 0 0 12px; font-size: clamp(24px, 3vw, 34px); font-weight: 800; }
.hpm-tagpage-intro { max-width: 900px; margin-bottom: 24px; line-height: 1.65; color: var(--m-text); }
.hpm-tag-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }

/* ============================================================ Anket */
.hpm-poll { max-width: 560px; margin: 20px 0; padding: 20px 22px; border: 1px solid var(--m-line); border-radius: 14px; background: #fff; }
.ds-b-poll .hpm-poll { margin: 24px auto; }
.ds-b-poll.ds-s-sade .hpm-poll { border: 0; padding: 0; background: none; }
.hpm-poll h3 { margin: 0 0 6px; font-size: 18px; font-weight: 800; }
.hpm-poll-desc { margin: 0 0 12px; color: var(--m-sub); }
.hpm-poll-opt { display: flex; align-items: center; gap: 10px; padding: 10px 12px; margin-bottom: 6px; border: 1px solid var(--m-line); border-radius: 10px; cursor: pointer; }
.hpm-poll-opt:hover { border-color: var(--m-pri); }
.hpm-poll-btn { margin-top: 6px; height: 42px; padding: 0 22px; border: 0; border-radius: 10px; background: var(--m-pri); color: #fff; font-weight: 700; cursor: pointer; }
.hpm-poll small { display: block; margin-top: 8px; color: var(--m-sub); }
.hpm-poll-res { margin-bottom: 10px; }
.hpm-poll-res div { display: flex; justify-content: space-between; margin-bottom: 4px; font-size: 14px; }
.hpm-poll-res i { display: block; height: 8px; border-radius: 99px; background: var(--m-pri); min-width: 2px; }
.hpm-poll-note { margin: 6px 0; }

/* ============================================================ Destek talepleri */
.hpm-ticket-new { margin-top: 18px; }
.hpm-ticket-new summary { display: inline-block; list-style: none; cursor: pointer; }
.hpm-ticket-new summary::-webkit-details-marker { display: none; }
.hpm-thread { display: grid; gap: 10px; }
.hpm-tmsg { padding: 12px 14px; border-radius: 12px; background: #f6f7f9; line-height: 1.55; }
.hpm-tmsg.admin { background: var(--m-tint); border-left: 3px solid var(--m-pri); }
.hpm-tmsg-h { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 4px; font-size: 13px; }
.hpm-tmsg-h span { color: var(--m-sub); }

/* ============================================================ Kampanyalar: kupon, puan, paket, taksit */
.hpm-disc-row span:last-child { color: #16a34a; font-weight: 700; }
.hpm-coupon { margin: 10px 0; }
.hpm-coupon-form { display: flex; gap: 6px; }
.hpm-coupon-form input { flex: 1; min-width: 0; height: 38px; padding: 0 10px; border: 1px dashed var(--m-line); border-radius: 8px; font-size: 13px; text-transform: uppercase; }
.hpm-coupon-form button, .hpm-coupon-on button { height: 38px; padding: 0 12px; border: 0; border-radius: 8px; background: var(--m-sec); color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; }
.hpm-coupon-on { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 8px 6px 12px; border-radius: 8px; background: var(--m-tint); font-size: 13px; }
.hpm-coupon-on button { height: 30px; background: transparent; color: #c0392b; }
.hpm-coupon-err, .hpm-limit-err { margin-top: 6px; color: #c0392b; font-size: 12.5px; font-weight: 600; }
.hpm-points { display: flex; gap: 8px; align-items: flex-start; margin: 8px 0; font-size: 13px; cursor: pointer; }
.hpm-zone-note { display: block; margin-top: 6px; color: #9a5b00; font-size: 12.5px; }
.hpm-bundle { margin: 22px 0; padding: 18px; border: 2px solid var(--m-tint); border-radius: 14px; background: #fff; }
.hpm-bundle-h { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.hpm-bundle-h strong { font-size: 17px; }
.hpm-bundle-h span { color: var(--m-pri); font-weight: 700; }
.hpm-bundle-items { display: grid; gap: 8px; }
.hpm-bundle-item { display: flex; align-items: center; gap: 10px; padding: 8px; border: 1px solid var(--m-line); border-radius: 10px; color: inherit; }
.hpm-bundle-item img { width: 54px; height: 54px; object-fit: contain; }
.hpm-bundle-item span { flex: 1; font-size: 13.5px; }
.hpm-bundle-item em { font-style: normal; font-weight: 700; white-space: nowrap; }
.hpm-bundle-f { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.hpm-bundle-f del { color: var(--m-sub); }
.hpm-bundle-f strong { font-size: 20px; color: var(--m-pri); }
.hpm-bundle-btn { height: 44px; padding: 0 20px; border: 0; border-radius: 10px; background: var(--m-pri); color: #fff; font-weight: 700; cursor: pointer; }
.hpm-installments { margin: 28px 0; }
.hpm-installments h2 { font-size: 22px; font-weight: 800; }
.hpm-pos-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.hpm-pos { padding: 14px; border: 1px solid var(--m-line); border-radius: 12px; background: #fff; }
.hpm-pos-h { display: flex; justify-content: space-between; margin-bottom: 8px; }
.hpm-pos-h span { padding: 2px 8px; border-radius: 99px; background: var(--m-tint); color: var(--m-pri); font-size: 12px; font-weight: 700; }
.hpm-pos table { width: 100%; font-size: 13px; }
.hpm-pos td, .hpm-pos th { padding: 4px 0; border-bottom: 1px solid var(--m-line); text-align: right; }
.hpm-pos td:first-child, .hpm-pos th:first-child { text-align: left; }

/* Yapay zeka araçları: akıllı arama, ürün seçme sihirbazı, yorum yanıtı */
.hpm-search-fix { margin: 6px 0 14px; color: #555; font-size: 14px; }
.hpm-reply { margin: 8px 0 4px 14px; padding: 10px 12px; border-left: 3px solid #391ee0; background: #f6f5fe; border-radius: 6px; font-size: 13.5px; }
.hpm-reply p { margin: 4px 0 0; }
.hpm-wizard h1 { margin: 10px 0 6px; }
.hpm-wiz-form { max-width: 760px; margin: 18px 0 24px; }
.hpm-wiz-step { border: 1px solid #e5e5e5; border-radius: 14px; padding: 18px 20px; margin: 0 0 14px; }
.hpm-wiz-step legend { font-weight: 600; font-size: 17px; padding: 0 6px; }
.hpm-wiz-step legend span { display: inline-block; background: #391ee0; color: #fff; border-radius: 10px; font-size: 12px; padding: 2px 8px; margin-right: 6px; vertical-align: 2px; }
.hpm-wiz-opts { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin-top: 8px; }
.hpm-wiz-opts label { display: block; cursor: pointer; }
.hpm-wiz-opts input { position: absolute; opacity: 0; }
.hpm-wiz-opts span { display: block; border: 1.5px solid #ddd; border-radius: 10px; padding: 12px 14px; transition: border-color .15s, background .15s; }
.hpm-wiz-opts input:checked + span { border-color: #391ee0; background: #f3f1ff; font-weight: 600; }
.hpm-wiz-opts input:focus-visible + span { outline: 2px solid #391ee0; outline-offset: 2px; }
.hpm-wiz-nav { display: flex; gap: 10px; }
.hpm-wiz-nav button { border: 0; border-radius: 8px; padding: 11px 20px; cursor: pointer; font-size: 15px; }
.hpm-wiz-go { background: #391ee0; color: #fff; }
.hpm-wiz-back { background: #eee; }
.hpm-wiz-result h2 { font-size: 20px; margin: 10px 0 14px; }
.hpm-wiz-why { list-style: none; padding: 0; margin: 6px 0 0; font-size: 12.5px; color: #118a3d; }
.hpm-wiz-why li::before { content: "✓ "; }
.hpm-wiz-help { margin: 18px 0 30px; }

/* Tasarım Ayarları: slider, banner, menü kısa kodları */
.hx-slider { position: relative; overflow: hidden; border-radius: 12px; margin: 0 0 20px; }
.hx-track { display: flex; transition: transform .5s ease; }
.hx-fx-solma .hx-track { display: grid; }
.hx-fx-solma .hx-slide { grid-area: 1 / 1; opacity: 0; transition: opacity .6s ease; }
.hx-fx-solma .hx-slide.is-active { opacity: 1; z-index: 1; }
.hx-slide { flex: 0 0 100%; position: relative; }
.hx-slide img { width: 100%; display: block; object-fit: cover; height: var(--hx-h, auto); }
.hx-slide a { display: block; color: inherit; }
.hx-text { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 6%; max-width: 60%; }
.hx-text-orta { align-items: center; text-align: center; max-width: none; }
.hx-text-sag { left: auto; right: 0; align-items: flex-end; text-align: right; }
.hx-text h2 { font-size: clamp(20px, 3.4vw, 46px); margin: 0 0 8px; color: inherit; }
.hx-text p { font-size: clamp(13px, 1.4vw, 18px); margin: 0 0 14px; }
.hx-btn { display: inline-block; align-self: flex-start; background: #fff; color: #111; padding: 10px 20px; border-radius: 999px; font-weight: 600; text-decoration: none; }
.hx-text-orta .hx-btn { align-self: center; } .hx-text-sag .hx-btn { align-self: flex-end; }
.hx-prev, .hx-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 42px; height: 42px; border-radius: 50%; border: 0; background: rgba(255,255,255,.85); font-size: 26px; line-height: 1; cursor: pointer; }
.hx-prev { left: 12px; } .hx-next { right: 12px; }
.hx-dots { position: absolute; bottom: 12px; left: 0; right: 0; display: flex; justify-content: center; gap: 6px; z-index: 2; }
.hx-dots button { width: 9px; height: 9px; border-radius: 50%; border: 0; background: rgba(255,255,255,.6); cursor: pointer; padding: 0; }
.hx-dots button.is-active { background: #fff; width: 22px; border-radius: 5px; }
@media (max-width: 767px) { .hx-slide img { height: var(--hx-hm, auto); } .hx-text { max-width: 100%; } .hx-only-desktop { display: none; } }
@media (min-width: 768px) { .hx-only-mobile { display: none; } }
.hx-banner { margin: 0 0 16px; } .hx-banner img { width: 100%; display: block; border-radius: 10px; }
.hx-menu { display: flex; gap: 28px; flex-wrap: wrap; } .hx-menu ul { list-style: none; margin: 0; padding: 0; } .hx-menu li { margin: 4px 0; }
/* Popup ve bar */
.hx-bar { position: relative; z-index: 9990; text-align: center; font-size: 14px; padding: 10px 44px; }
.hx-bar a { color: inherit; text-decoration: none; } .hx-bar b { margin-left: 8px; text-decoration: underline; }
.hx-bar-alt { position: fixed; left: 0; right: 0; bottom: 0; }
.hx-bar .hx-pop-x { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: 0; color: inherit; font-size: 22px; cursor: pointer; }
.hx-pop { position: fixed; inset: 0; z-index: 99990; background: rgba(0,0,0,.55); display: flex; align-items: center; justify-content: center; padding: 16px; }
.hx-pop[hidden], .hx-bar[hidden] { display: none; }
.hx-pop-box { position: relative; background: #fff; border-radius: 16px; max-width: 560px; width: 100%; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.3); animation: hxPop .25s ease; }
.hx-pop-box img { width: 100%; display: block; }
.hx-pop-body { padding: 20px 24px; } .hx-pop-foot { padding: 0 24px 22px; } .hx-pop-foot .hx-btn { display: block; text-align: center; }
.hx-pop-box > .hx-pop-x { position: absolute; top: 10px; right: 10px; z-index: 2; width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(255,255,255,.9); font-size: 22px; cursor: pointer; }
@keyframes hxPop { from { transform: scale(.94); opacity: 0; } to { transform: none; opacity: 1; } }
/* Ödeme sayfası tasarımı */
body.hx-co #footer, body.hx-co .footer-newsletter, body.hx-co #header { display: none !important; }
.hx-co-head { background: #fff; border-bottom: 1px solid #eee; }
.hx-co-head .container { display: flex; align-items: center; gap: 20px; padding: 14px 15px; }
.hx-co-logo img { max-height: 48px; } .hx-co-banner { max-height: 48px; margin-left: auto; } .hx-co-back { margin-left: auto; color: #555; text-decoration: none; }
.hx-co-banner + .hx-co-back { margin-left: 16px; }
.hx-co-secure { background: #e9f8ef; color: #136c34; text-align: center; font-size: 13px; padding: 7px 10px; }
.hx-co-foot { border-top: 1px solid #eee; margin-top: 30px; padding: 20px 0 30px; text-align: center; color: #666; font-size: 13px; }
.hx-co-foot img { max-height: 40px; margin-bottom: 10px; } .hx-co-foot nav { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 8px; } .hx-co-foot a { color: #444; }
body.hx-co-dark { background: #12131a; color: #e6e6ea; }
body.hx-co-dark .hx-co-head, body.hx-co-dark .cart-block, body.hx-co-dark .checkout-form .card, body.hx-co-dark .checkout-summary { background: #1c1e27 !important; color: #e6e6ea; border-color: #2a2d38; }
body.hx-co-dark input, body.hx-co-dark select, body.hx-co-dark textarea { background: #12131a !important; color: #e6e6ea !important; border-color: #343846 !important; }
body.hx-co-dark .hx-co-foot { border-color: #2a2d38; color: #aaa; } body.hx-co-dark .hx-co-foot a, body.hx-co-dark .hx-co-back { color: #ccc; }

/* Ek bilgiler: sekme görünümü (tüm temalarda ortak) */
.hpm-infos-tabs { border: 1px solid var(--m-line); border-radius: 12px; background: #fff; overflow: hidden; }
.hpm-tabbar { display: flex; flex-wrap: wrap; gap: 2px; border-bottom: 1px solid var(--m-line); background: var(--m-bg); }
.hpm-tabbar button { appearance: none; border: 0; background: none; padding: 12px 18px; font: inherit; font-weight: 700; cursor: pointer; color: var(--m-sub); border-bottom: 3px solid transparent; margin-bottom: -1px; }
.hpm-tabbar button.is-on { color: var(--m-pri); border-bottom-color: var(--m-pri); background: #fff; }
.hpm-tabpanel { display: none; padding: 16px 18px; }
.hpm-tabpanel.is-on { display: block; }

/* Ödeme sayfası hazır modelleri (Tasarım Ayarları > Ödeme Sayfası): body.hx-co-st-<model> */
.hx-co-trust { background: #f6f8fb; border-bottom: 1px solid #e8edf4; font-size: 13px; color: #3b475a; }
.hx-co-trust .container { display: flex; gap: 22px; justify-content: center; flex-wrap: wrap; padding: 8px 15px; }
body.hx-co-st-kurumsal .hx-co-head { background: #0f2f63; border-bottom: 0; }
body.hx-co-st-kurumsal .hx-co-logo { background: #fff; padding: 6px 14px; border-radius: 8px; }
body.hx-co-st-kurumsal .hx-co-back { color: #cfe0f8; }
body.hx-co-st-kurumsal .hx-co-secure { background: #12408f; color: #fff; }
body.hx-co-st-guven .hx-co-head { border-bottom: 0; }
body.hx-co-st-guven .hx-co-secure { background: #eaf2fd; color: #12408f; }
body.hx-co-st-minimal .hx-co-head .container { justify-content: center; max-width: 720px; }
body.hx-co-st-minimal .hx-co-back { margin-left: 0; font-size: 12px; position: absolute; left: 15px; }
body.hx-co-st-minimal .hx-co-head { position: relative; }
body.hx-co-st-minimal .hx-co-foot nav, body.hx-co-st-minimal .hx-co-foot img { display: none; }
body.hx-co-st-minimal .container { max-width: 1040px; }
body.hx-co-dark .hx-co-trust { background: #1c1e27; border-color: #2a2d38; color: #cfd3dc; }
@media (max-width: 600px) { body.hx-co-st-minimal .hx-co-back { position: static; } .hx-co-trust .container { gap: 10px 16px; font-size: 12px; } }

/* tx-grid bloğu (Elit): ürünler satır satır dizilir; kaydırıcıdan gelen "grid-auto-flow: column" kuralı ilk sütunları sıfır genişliğe sıkıştırıyordu */
.tx-grid .products-content.row { grid-auto-flow: row; grid-auto-columns: auto; overflow-x: visible; scroll-snap-type: none; }
/* Kampanya rozeti: ürün kartlarında "3 al 2 öde", "%10'a varan", "Paket fırsatı" (tüm tema aileleri; kural yoksa hiç üretilmez) */
.showcase-image-container, .mm-card-img, .dsc-imgwrap { position: relative; }
.pd-camp-badge { position: absolute; left: 8px; bottom: 8px; z-index: 4; display: inline-block; max-width: calc(100% - 16px); padding: 3px 9px; border-radius: 4px; background: #12306b; color: #fff; border-bottom: 2px solid #f59e0b; font-weight: 600; font-size: 11px; line-height: 1.35; letter-spacing: .1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; box-shadow: 0 1px 3px rgba(18, 48, 107, .25); }

/* ---- Tema Ayarları › Kategori / Ürün sayfası bölümleri (.ts-pg-*): kurumsal lacivert / gri tonlar ---- */
.ts-pg-h { font-weight: 600; font-size: 15px; color: #12306b; margin: 0 0 8px; }
.ts-pg-banner { display: flex; margin: 0 0 24px; border: 1px solid #d5dbe6; border-radius: 12px; background: #f3f6fb; overflow: hidden; }
.ts-pg-banner > a { display: flex; flex: 1; align-items: center; gap: 20px; padding: 16px 22px; color: #1f2937; text-decoration: none; }
.ts-pg-banner > .ts-pg-banner-img, .ts-pg-banner > a > .ts-pg-banner-img { max-height: 96px; width: auto; border-radius: 8px; flex: none; }
.ts-pg-banner > .ts-pg-banner-body, .ts-pg-banner > a > .ts-pg-banner-body { flex: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding: 16px 22px; }
.ts-pg-banner > a > .ts-pg-banner-body { padding: 0; }
.ts-pg-banner p { margin: 0; font-size: 15px; line-height: 1.5; color: #1f2937; flex: 1 1 260px; }
.ts-pg-btn { display: inline-flex; align-items: center; height: 38px; padding: 0 20px; border-radius: 999px; background: #12306b; color: #fff; font-size: 13.5px; font-weight: 600; }
.ts-pg-trust ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ts-pg-trust li > a, .ts-pg-trust li > .ts-pg-tx { color: inherit; }
.ts-pg-trust li { display: flex; align-items: flex-start; gap: 10px; }
.ts-pg-trust li > a { display: flex; align-items: flex-start; gap: 10px; text-decoration: none; }
.ts-pg-ic { flex: none; width: 28px; height: 28px; border-radius: 50%; background: #e6ecf7; color: #12306b; display: inline-flex; align-items: center; justify-content: center; }
.ts-pg-tx { display: flex; flex-direction: column; font-size: 13.5px; line-height: 1.4; color: #374151; }
.ts-pg-tx b { color: #1f2937; font-weight: 600; }
.ts-pg-tx small { color: #6b7280; font-size: 12.5px; }
.ts-pg-trust-strip { margin: 28px 0; padding: 18px 22px; border: 1px solid #d5dbe6; border-radius: 12px; background: #f8fafc; }
.ts-pg-trust-strip ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ts-pg-trust-box { margin: 16px 0 0; padding: 16px 18px; border: 1px solid #d5dbe6; border-radius: 12px; background: #f8fafc; }
.ts-pg-bottom { margin: 0 0 32px; }
.ts-pg-bottom .ts-pg-trust-box ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ts-pg-bottom .ts-pg-quote { max-width: none; }
.ts-pg-cols { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; align-items: start; }
.ts-pg-main { min-width: 0; }
.ts-pg-side .nv-filter, .ts-pg-ftop .nv-filter { position: static; inset: auto; transform: none; visibility: visible; width: auto; padding: 0; background: none; overflow: visible; z-index: auto; display: block; }
.ts-pg-side .nv-panel-head, .ts-pg-ftop .nv-panel-head { display: none; }
.ts-pg-side .nv-filter .horizontal-filter-menu, .ts-pg-ftop .nv-filter .horizontal-filter-menu { display: block !important; }
.ts-pg-ftop { margin: 0 0 18px; }
.ts-pg-ftop .filter-menu-groups-wrapper { flex-direction: row; flex-wrap: wrap; gap: 10px; }
.ts-pg-ftop .filter-menu-groups { border: 0 !important; position: relative; }
.ts-pg-ftop .filter-menu-group-selectbox .dropbox { border: 1px solid #d5dbe6; border-radius: 999px; padding: 8px 16px; font-size: 13.5px; gap: 10px; color: #1f2937; }
.ts-pg-ftop .filter-menu-group-selectbox-content { display: none !important; position: absolute; left: 0; top: 100%; z-index: 30; min-width: 220px; max-height: 300px; overflow: auto; background: #fff; border: 1px solid #d5dbe6; border-radius: 10px; padding: 8px; box-shadow: 0 10px 30px rgba(18, 48, 107, .12); }
.ts-pg-ftop .filter-menu-groups:hover .filter-menu-group-selectbox-content, .ts-pg-ftop .filter-menu-groups:focus-within .filter-menu-group-selectbox-content { display: block !important; }
@media (min-width: 992px) {
  .nv-grid.ts-pg-cols-3:not(.is-2) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nv-grid.ts-pg-cols-5:not(.is-2) { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
}
.nv-grid.ts-pg-card-line .showcase { border-color: transparent; border-bottom: 1px solid #e3e8f0; border-radius: 0; padding: 12px 4px; }
.nv-grid.ts-pg-card-flat .showcase { box-shadow: none !important; border-color: #cfd6e4; border-radius: 6px; }
.ts-pg-clamp { position: relative; margin: 24px 0; }
.ts-pg-chk { position: absolute; opacity: 0; pointer-events: none; }
.ts-pg-clampbody { max-height: 140px; overflow: hidden; position: relative; }
.ts-pg-clampbody::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 56px; background: linear-gradient(rgba(255, 255, 255, 0), #fff); }
.ts-pg-chk:checked ~ .ts-pg-clampbody { max-height: none; }
.ts-pg-chk:checked ~ .ts-pg-clampbody::after { display: none; }
.ts-pg-more { display: inline-block; margin-top: 8px; color: #12306b; font-weight: 600; font-size: 14px; cursor: pointer; }
.ts-pg-more .m2, .ts-pg-chk:checked ~ .ts-pg-more .m1 { display: none; }
.ts-pg-chk:checked ~ .ts-pg-more .m2 { display: inline; }
.ts-pg-note { margin: 12px 0; padding: 10px 14px; border-left: 3px solid #12306b; background: #f3f6fb; color: #1f2937; font-size: 14px; line-height: 1.5; border-radius: 0 8px 8px 0; }
.ts-pg-sku { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 10px 0; font-size: 14px; color: #4b5563; }
.ts-pg-sku b { color: #1f2937; font-family: ui-monospace, Consolas, monospace; letter-spacing: .3px; }
.ts-pg-copy { height: 28px; padding: 0 12px; border: 1px solid #12306b; border-radius: 6px; background: #fff; color: #12306b; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.ts-pg-copy:hover { background: #12306b; color: #fff; }
.ts-pg-spec { margin: 14px 0; }
.ts-pg-spec table { width: 100%; border-collapse: collapse; font-size: 14px; }
.ts-pg-spec th, .ts-pg-spec td { padding: 8px 12px; border: 1px solid #e3e8f0; text-align: left; vertical-align: top; }
.ts-pg-spec th { width: 36%; background: #f3f6fb; color: #12306b; font-weight: 600; }
.ts-pg-quote { margin: 16px 0 0; padding: 16px 18px; border: 1px solid #12306b; border-radius: 12px; background: #f3f6fb; }
.ts-pg-quote p { margin: 0 0 12px; font-size: 14px; color: #374151; line-height: 1.5; }
.ts-pg-qbtns { display: flex; flex-wrap: wrap; gap: 8px; }
.ts-pg-qbtn { display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border-radius: 999px; border: 1px solid #12306b; background: #fff; color: #12306b; font-size: 13.5px; font-weight: 600; text-decoration: none; }
.ts-pg-q-tel { background: #12306b; color: #fff; }
.ts-pg-qbtn:hover { opacity: .88; }
@media (max-width: 991px) {
  .ts-pg-cols { grid-template-columns: 1fr; }
  .ts-pg-trust-strip ul, .ts-pg-bottom .ts-pg-trust-box ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  .ts-pg-trust-strip ul, .ts-pg-bottom .ts-pg-trust-box ul { grid-template-columns: 1fr; }
  .ts-pg-banner > a { flex-direction: column; align-items: flex-start; }
}
/* ===== Hazır tema header açılır menüsü (ortak düzeltme, 20261022t) ===== */
.ak-nav-item>.ak-nav-sub{z-index:1100;max-width:min(380px,calc(100vw - 16px));box-sizing:border-box}
.ak-nav-item>.ak-nav-sub::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.ak-nav-item>.ak-nav-sub:not(.has-l3)>ul{max-height:min(68vh,460px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.ak-nav-item>.ak-nav-sub li{position:relative}
.ak-nav-item>.ak-nav-sub a{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.ak-nav-item>.ak-nav-sub li.has-l3>a{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ak-nav-item>.ak-nav-sub li.has-l3>a::after{content:"\203A";opacity:.55}
.ak-nav-l3{position:absolute;left:calc(100% + 4px);top:-10px;min-width:220px;max-width:300px;max-height:min(68vh,460px);overflow-y:auto;list-style:none;margin:0;padding:10px;background:#fff;color:var(--nv-ink,#141414);border:1px solid var(--nv-line,#e5e5e5);border-radius:var(--nv-radius,8px);box-shadow:0 18px 40px rgba(0,0,0,.1);display:none;z-index:2}
.ak-nav-l3::before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:8px}
.ak-nav-l3.is-flip{left:auto;right:calc(100% + 4px)}
.ak-nav-l3.is-flip::before{left:auto;right:-8px}
.ak-nav-sub li.has-l3:hover>.ak-nav-l3,.ak-nav-sub li.has-l3:focus-within>.ak-nav-l3{display:block}
@media (max-width:991px){.ak-nav-item>.ak-nav-sub{display:none}}

/* ===== Hazır tema mobil header taşması (ortak düzeltme, 20261022t) ===== */
@media (max-width:767px){
  .txh .txh-main .txh-in{gap:6px;padding-left:12px;padding-right:12px}
  .txh .txh-main .txh-l,.txh .txh-main .txh-r{flex:0 0 auto;min-width:0;gap:2px}
  .txh .txh-main .txh-c{flex:1 1 0;min-width:0;justify-content:center}
  .txh .txh-main .txh-l .txh-text,.txh .txh-main .txh-r .txh-text:not(.txh-account){display:none}
  .txh .txh-main .txh-account{max-width:84px;font-size:12px}
  .txh .txh-main .txh-logo{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:min(var(--lfs,22px),20px)}
  .txh .txh-main .txh-icon{min-width:34px;padding:0 3px}
  .txh .txh-main .txh-icon.has-label{font-size:0}
  .txh .txh-main .txh-icon.has-label .cart-amount{position:absolute;top:2px;right:-2px;background:var(--nv-primary);color:#fff;font-size:10.5px;padding:0 4px}
  .txh .txh-main .txh-icon.is-pill{padding:0 8px}
}
@media (max-width:575px){.txh .txh-main .txh-r .txh-account{display:none}.txh .txh-main .txh-r .user-menu{display:block}}
html,body{overflow-x:clip}
/* ===== MagicMart mobil/dar ekran düzeltmeleri (20261022t) ===== */
@media (max-width:575px){
  .mm-search-wrap{flex-wrap:wrap}
  .mm-search-wrap .mm-shopcat{flex:1 1 100%}
  .mm-shopcat-btn{width:100%}
  .mm-shopcat-menu{width:100%}
  .mm-dd-item{width:100%}
  .mm-search{flex:1 1 100%}
}
@media (max-width:991px){
  .mm-mega{position:static;display:none;width:auto;max-width:none;padding:10px 14px;box-shadow:none;opacity:1;visibility:visible}
  .mm-has-mega:hover>.mm-mega,.mm-has-mega:focus-within>.mm-mega{display:block}
  .mm-mega-grid{grid-template-columns:1fr}
}
/* Açılır üye / sepet paneli: ana sayfada şeffaf (overlay) header'dan beyaz yazı rengi miras alınıyordu (beyaz üstüne beyaz) (20261022t) */
.txh .user-menu-content,.txh .cart-content,.txh .openbox-content{color:var(--nv-ink,#141414)}
.txh .user-menu-content .btn-primary,.txh .cart-content .btn-primary{color:#fff}.txh .user-menu-content .btn-secondary,.txh .user-menu-content .user-menu-title,.txh .user-menu-content .nv-panel-head span,.txh .cart-content .nv-panel-head span{color:var(--nv-ink,#141414)!important}
/* Header menü öğesi hover: soluklaşma yerine tam opaklık + alt çizgi (şeffaf header üstünde okunur kalsın) (20261022t) */
.txh-nav .ak-nav-item>a{position:relative;transition:opacity .15s}
.txh-nav .ak-nav-item>a:hover,.txh-nav .ak-nav-item:hover>a,.txh-nav .ak-nav-item:focus-within>a{opacity:1}
.txh-nav .ak-nav-item>a::after{content:"";position:absolute;left:14px;right:14px;bottom:calc(50% - 16px);height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.txh-nav .ak-nav-item:hover>a::after,.txh-nav .ak-nav-item:focus-within>a::after{transform:scaleX(1)}
.txh-nav.is-spread .ak-nav-item>a::after{left:4px;right:4px}
/* Koyu zeminli bölümlerde (bölüm arka planı koyu seçilmişse) yazı rengi otomatik açık olur: JS .is-dark sınıfını ekler (20261022t) */
.tx-sec.is-dark{color:#fff;--tx:#fff;--ttl:#fff;--nv-ink:#fff;--nv-muted:rgba(255,255,255,.72)}
.tx-sec.is-dark :is(h1,h2,h3,h4,h5,h6,strong,.tx-title,.tx-sec-title){color:#fff}
.tx-sec.is-dark .tx-widget-item,.tx-sec.is-dark .tx-widget-item span{color:rgba(255,255,255,.78)}
.tx-sec.is-dark .tx-widget-item strong{color:#fff}
/* eBike: mobil logo çiftlenmesi + hamburger menü (20261022t) */
@media (max-width:1199px){
  .header-style-1 .logo>a img:nth-child(2){display:none}
  body.current-page-default-entry:not(.nv-mobile-menu-active) .header-style-1 .logo>a img:nth-child(1){display:none}
  body.current-page-default-entry:not(.nv-mobile-menu-active) .header-style-1 .logo>a img:nth-child(2){display:block}
  .header-style-1 .logo>a img{max-height:30px;width:auto}
}
.eb-burger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:inherit}
.eb-drawer{position:fixed;top:0;bottom:0;left:0;z-index:1200;width:min(360px,100vw);background:#fff;color:#141414;padding:20px;overflow-y:auto;transform:translateX(-100%);visibility:hidden;transition:transform .3s ease,visibility .3s}
body.nv-mobile-menu-active .eb-drawer{transform:none;visibility:visible}
.eb-drawer .nv-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:20px;font-weight:700}
.eb-drawer .nv-panel-close{font-size:28px;line-height:1;color:inherit}
.eb-drawer .ak-mnav{list-style:none;margin:0;padding:0}
.eb-drawer .ak-mnav>li{border-bottom:1px solid #ebebeb}
.eb-drawer .ak-mnav a,.eb-drawer .ak-mnav summary{display:block;padding:14px 0;font-weight:500;font-size:16px;cursor:pointer;list-style:none;color:#141414}
.eb-drawer .ak-mnav summary::-webkit-details-marker{display:none}
.eb-drawer .ak-mnav summary::after{content:"+";float:right;font-size:20px;line-height:1}
.eb-drawer .ak-mnav details[open] summary::after{content:"\2013"}
.eb-drawer .ak-mnav ul{list-style:none;margin:0 0 10px;padding:0 0 0 12px}
.eb-drawer .ak-mnav ul a{padding:9px 0;font-size:15px;color:#6b7280}
.eb-drawer .nv-mnav-foot{display:flex;flex-direction:column;gap:12px;margin-top:20px;color:#6b7280}
@media (min-width:1200px){.eb-drawer,.eb-burger-col{display:none!important}}
/* ============================================================================================
   Hazır tema YERLEŞİM KURALLARI (txkit ortak tabanı; yeni temalar otomatik devralır) - 20261022t
   Kural özeti: bölümler arası dikey ritim, eşit yükseklikli satırlar, aynı konteyner hizası,
   ok konumu, görsel yüklenmeden önce iskelet zemin, başlık-görsel çakışma koruması.
   ============================================================================================ */
:root{--tx-sec-gap:clamp(24px,3.4vw,48px)}
/* 1) dikey ritim: bölüm üst boşluğu en az --tx-sec-gap (şeffaf/overlay header'lı temalarda ilk bölüm header'ın altına girer, dokunulmaz) */
body:not(:has(.txh-overlay)) .tx-home .section-order>.tx-sec{margin-top:max(var(--mt,0px),var(--tx-sec-gap))}
body:has(.txh-overlay) .tx-home .section-order>.tx-sec{margin-top:max(var(--mt,0px),calc(var(--tx-sec-gap) * .6))}
.tx-home .section-order>.tx-sec:last-child{margin-bottom:var(--tx-sec-gap)}
.tx-sec .tx-products-head{margin-bottom:max(20px,var(--tx-gap))}
.tx-sec .tx-products-head+.tx-slider,.tx-sec .tx-products-head+.nv-tab-panel{margin-top:0}
/* sekme çipleri ile üstündeki içerik arası boşluk */
.tx-urun .nv-tabs{margin-top:0}
.tx-sec+.tx-sec .nv-tabs.tx-products-head{padding-top:0}
/* 2) eşit yükseklikli satır: yan yana kolonlar aynı yüksekliğe uzar; kaydırıcı kartları kolonu doldurur, banner doğal oranında kalır
   (banner'ı zorla uzatmak, yığılı çoklu banner kolonlarında yükseklik patlamasına yol açar) */
.tx-home .tx-row{align-items:stretch}
.tx-home .tx-row>.tx-col{display:flex;flex-direction:column}
.tx-home .tx-row>.tx-col>*{flex:0 0 auto;min-width:0}
.tx-home .tx-row>.tx-col>.tx-slider{flex:1 1 auto}
.tx-home .tx-row>.tx-col>.tx-slider>.tx-track{height:100%}
.tx-home .tx-row>.tx-col>.tx-slider>.tx-track>*{height:100%}
.tx-home .tx-row>.tx-col>.tx-slider>.tx-track .tx-banner{height:100%}
.tx-home .tx-row>.tx-col>.tx-slider>.tx-track .tx-banner img{height:100%;aspect-ratio:var(--ar,16/9)}
/* 3) ürün ızgarası: tam genişlikte (tx-full) ürün bölümü kenara yapışmaz; az ürün varsa kolonlar genişler (JS --n'yi düşürür) */
.tx-urun.tx-full .tx-wrap,.tx-bannerurun.tx-full .tx-wrap{padding-left:var(--nv-gutter);padding-right:var(--nv-gutter);max-width:calc(var(--tx-w) + var(--nv-gutter) * 2)}
.tx-urun .products-content.row>.col-auto,.tx-urun .products-content.row>*{min-width:0}
.tx-urun .showcase{height:100%}
/* 4) oklar: konteyner kenarında yarı dışarıda (görseli örtmez); tam genişlik ve mobilde içeride */
.tx-slider .nv-arrow{z-index:6}
.tx-slider .nv-prev{left:calc(var(--nv-gutter,24px) * -1 + 2px)}
.tx-slider .nv-next{right:calc(var(--nv-gutter,24px) * -1 + 2px)}
.tx-full .tx-slider .nv-prev,.tx-slider.is-inside .nv-prev{left:16px}
.tx-full .tx-slider .nv-next,.tx-slider.is-inside .nv-next{right:16px}
@media (max-width:991px){.tx-slider .nv-prev{left:8px}.tx-slider .nv-next{right:8px}}
/* 5) görsel yüklenmeden önce iskelet zemin (boş beyaz kutu görünmesin) */
.showcase-image-container,.tx-banner,.tx-image{background-color:var(--nv-soft,#f2f2f2)}
.showcase-image-container img[loading=lazy]:not([src]),.showcase-image-container img:not([src]){visibility:hidden}
/* 6) başlık-görsel çakışma koruması: banner metni görsel içinde kalır, taşarsa kırpılır */
.tx-banner-text{overflow:hidden}
.tx-banner-text .tx-t,.tx-banner-text .tx-st,.tx-banner-text .tx-d{overflow-wrap:anywhere}
.tx-widget-item img{max-width:100%}
/* 7) kart başlığı / fiyat taşmasın, kart satırlarında eşit yükseklik */
.tx-urun .products-content.row{align-items:stretch}
.tx-urun .showcase-title,.tx-urun .showcase-title a{overflow-wrap:anywhere}
/* Mobil topbar duyuru metni taşmasın (20261022t) */
@media (max-width:767px){
  .txh .txh-topbar .txh-in{padding-left:12px;padding-right:12px;flex-wrap:wrap}
  .txh .txh-topbar .txh-text{white-space:normal;text-align:center;max-width:100%}
  .txh .txh-topbar .txh-r,.txh .txh-topbar .txh-l,.txh .txh-topbar .txh-c{min-width:0;max-width:100%;flex:1 1 auto}
}
/* Aşırı uzun banner/görsel güvencesi: dar sütun için hazırlanmış dikey görsel tam genişlikte kullanılırsa kırpılır (20261022t) */
.tx-banner img,.tx-image img{max-height:clamp(320px,72vh,780px)}
.tx-banner[style*="--h"] img{max-height:none}
@media (max-width:575px){.mm-search-wrap{max-width:calc(100vw - 30px)}}

/* MagicMart dar ekran: logo + ikonlar tek satıra sığsın (20261022t) */
@media (max-width:575px){
  .mm-logo-text{font-size:20px}
  .mm-logo{min-width:0;gap:8px}
  .mm-logo-mark{width:28px;height:28px}
  .mm-icons{gap:2px}
}
/* Yan yana tek bannerlı kolonlar: görseller eşit yüksekliğe çekilir (JS --eqh verir; yalnız ≥768px) */
@media (min-width:768px){.tx-row.is-eqh>.tx-col>.tx-banner img{height:var(--eqh);aspect-ratio:auto;max-height:none}}
@media (max-width:1199px){body.current-page-default-entry:not(.nv-mobile-menu-active) .eb-burger{color:#fff}}

@media (max-width:575px){.mm-deal-tools{flex-wrap:wrap;max-width:100%;min-width:0}}

/* "Daha fazla" menüsü: tüm üst kategoriler görünür kalsın (eski gizleme kuralları kaldırıldı; taşanı JS "Daha fazla"ya alır) (20261023a) */
@media (min-width:992px){.ak-nav-list>.ak-nav-item:nth-child(n+5),.ak-nav-list>.ak-nav-item:nth-child(n+6){display:list-item}}
.ak-nav-more>.ak-nav-sub{right:0;left:auto;transform:translate(0,8px)}
.ak-nav-more:hover>.ak-nav-sub,.ak-nav-more:focus-within>.ak-nav-sub{transform:translate(0,0)}
/* Genel ürün kaydırıcısı (tx-urun dışındaki bölümlerde de, örn. slider yanındaki dar ürün şeridi): kolon sayısı --n, taşan kaydırılır (20261023a) */
.tx-slider>.products-content.row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--n,2) - 1) * var(--tx-gap)) / var(--n,2));gap:var(--tx-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap}
.tx-slider>.products-content.row::-webkit-scrollbar{display:none}
.tx-slider>.products-content.row>*{min-width:0;scroll-snap-align:start;width:auto;max-width:none;flex:none}
/* yan yana kolonlarda ikinci ve sonraki kaydırıcıların okları kendi kutusunun içinde kalır (komşu görseli örtmesin) */
.tx-row>.tx-col+.tx-col .tx-slider .nv-prev{left:4px}
.tx-row>.tx-col+.tx-col .tx-slider .nv-next{right:4px}
.tx-row>.tx-col:not(:last-child) .tx-slider .nv-next{right:4px}
.tx-row>.tx-col:not(:first-child) .tx-slider .nv-prev{left:4px}
.tx-row>.tx-col+.tx-col .tx-slider .nv-arrow{width:30px;height:30px;font-size:15px;line-height:30px}

/* Mobil: logo olan bantta ek metin (örn. "Kurulum ve yapılandırma desteği") logo / ikonların üstüne binmesin (20261023a) */
@media (max-width:767px){
  .txh .txh-band:not(.txh-topbar) .txh-l .txh-text,
  .txh .txh-band:not(.txh-topbar) .txh-r .txh-text:not(.txh-account),
  .txh .txh-c:has(.txh-logo) .txh-text:not(.txh-account){display:none}
  .txh .txh-band:not(.txh-topbar) .txh-c .txh-logo{max-width:100%;overflow:visible}
}
/* Mobil: şeffaf (overlay) header içerik üstüne binmesin; düz zeminli, akış içinde (20261023a) */
@media (max-width:991px){
  body:has(.tx-home) .txh-overlay,.txh-overlay{position:relative!important;left:auto;right:auto;top:auto}
  body:has(.tx-home) .txh-overlay .txh-main,.txh-overlay .txh-main{background:var(--bg,#fff)!important;color:var(--tx,#141414)!important;border-bottom:1px solid var(--line,#ebebeb)}
  body:has(.txh-overlay) .tx-home .section-order>.tx-sec:first-child .tx-banner-text{padding-top:var(--tpy,5%)}
}
/* Mobil: kaydırıcı okları kart / görsel üstüne binmesin (parmakla kaydırılır); ana (hero) slider okları kalır */
@media (max-width:767px){
  .tx-sec:not(.tx-slider) .tx-slider .nv-arrow{display:none}
}
/* Banner düğmeleri tek satırda kalsın */
.tx-btn{white-space:nowrap}
@media (max-width:767px){.tx-btn{padding:0 18px;min-height:40px;font-size:13px}}
/* Metinli banner mobilde metne yetecek yükseklikte olsun; metin kutusu kırpılmasın (20261023a) */
.tx-banner-text{overflow:visible}
@media (max-width:767px){
  .tx-banner:has(.tx-banner-text) img{min-height:clamp(250px,72vw,360px);object-fit:cover}
  .tx-banner-text{padding:clamp(14px,4vw,22px)}
}
/* Mobil topbar: iki duyuru metni ortalı ve düzgün alt alta (20261023a) */
@media (max-width:767px){
  .txh .txh-topbar .txh-in{justify-content:center;flex-wrap:wrap;gap:2px 12px;text-align:center;padding-top:6px;padding-bottom:6px}
  .txh .txh-topbar .txh-text{font-size:12px;white-space:normal;text-align:center;overflow:visible;text-overflow:clip;line-height:1.35}
}
/* Ürün kartı: ürün adı satır sayısı ne olursa olsun fiyat ve düğme kartın altında aynı hizada (20261023a) */
.products-content.row>*{display:flex}
.products-content.row>*>.showcase{width:100%;display:flex;flex-direction:column}
.products-content.row .showcase-content{flex:1 1 auto;display:flex;flex-direction:column}
.products-content.row .showcase-title{flex:1 1 auto}
/* Şeffaf header: koyu/açık slider üstünde okunur kalsın (daha güçlü üst gradyan) */
body:has(.tx-home) .txh-overlay .txh-main{background:linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.4))}
body:has(.tx-home) .txh-overlay .txh-main .txh-logo,body:has(.tx-home) .txh-overlay .txh-main .txh-nav .ak-nav-item>a{text-shadow:0 1px 3px rgba(0,0,0,.5)}
/* Menüsü (kategori navigasyonu) olmayan header: hamburger masaüstünde de görünür */
.txh:not(:has(.txh-nav)) .txh-burger{display:inline-flex}
@media (min-width:768px) and (max-width:1279px){.tx-sec.tx-slider .tx-col+.tx-col .products-content.row{grid-auto-columns:100%}}
/* Şeffaf (overlay) header: koyu gradyan üstünde menü, logo ve ikonlar beyaz (okunur) (20261023a) */
@media (min-width:992px){
  body:has(.tx-home) .txh-overlay .txh-main,body:has(.tx-home) .txh-overlay .txh-main .txh-nav .ak-nav-item>a,body:has(.tx-home) .txh-overlay .txh-main .txh-logo,body:has(.tx-home) .txh-overlay .txh-main .txh-icon,body:has(.tx-home) .txh-overlay .txh-main .txh-text,body:has(.tx-home) .txh-overlay .txh-main .txh-account{color:#fff!important}
}
/* [form-20261026] Form Olusturucu */
.hpm-form-wrap{max-width:640px;margin:24px 0}
.hpm-form{display:grid;gap:14px;padding:22px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff}
.hpm-form h3{margin:0}.hpm-form-desc{margin:0;opacity:.75}
.hpm-field{display:grid;gap:6px;border:0;padding:0;margin:0;font-size:14px}
.hpm-field>span{font-weight:600}
.hpm-field input[type=text],.hpm-field input[type=email],.hpm-field input[type=tel],.hpm-field input[type=number],.hpm-field input[type=date],.hpm-field select,.hpm-field textarea{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.25);border-radius:6px;font:inherit;background:#fff;color:inherit;box-sizing:border-box}
.hpm-opt{display:flex;gap:8px;align-items:center;font-weight:400}
.hpm-form-btn{padding:12px 22px;border:0;border-radius:6px;background:#111827;color:#fff;font:inherit;font-weight:600;cursor:pointer;justify-self:start}
.hpm-form-btn:hover{opacity:.9}
.hpm-form-msg{margin:0;padding:10px 12px;border-radius:6px;font-size:14px}.hpm-form-msg.is-ok{background:#e6f4ea;color:#17692f}.hpm-form-msg.is-err{background:#fde8e8;color:#b42318}
.hpm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}