.tcbl-page{--ink:#18212b;--muted:#66717d;--accent:#c8242f;color:var(--ink)}.tcbl-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;background:#f4f5f6;border-radius:18px;overflow:hidden;margin:0 0 28px}.tcbl-hero-copy{padding:40px}.tcbl-hero h1{font-size:clamp(30px,4vw,56px);line-height:1.08;margin:0 0 18px}.tcbl-hero picture img{width:100%;height:420px;object-fit:cover}.tcbl-models,.tcbl-product-section,.tcbl-blocks,.tcbl-description,.tcbl-purchase,.tcbl-faq,.tcbl-related,.tcbl-bottom,.tcbl-cta{margin:35px 0}.tcbl-pills,.tcbl-groups{display:flex;gap:10px;flex-wrap:wrap}.tcbl-model,.tcbl-group{border:1px solid #d7dce1;background:#fff;border-radius:30px;padding:10px 16px}.tcbl-model.is-active,.tcbl-group.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.tcbl-group span{background:#eef0f2;color:var(--ink);border-radius:12px;padding:2px 7px;margin-left:4px}.tcbl-result-head{font-size:16px;margin:15px 0}.tcbl-empty{padding:40px;text-align:center;background:#f5f6f7;border-radius:12px}.tcbl-block{border-radius:14px}.tcbl-block img{max-width:100%;height:auto}.tcbl-info{background:#eef7ff;padding-left:24px;padding-right:24px}.tcbl-warning{background:#fff4dc;padding-left:24px;padding-right:24px}.tcbl-video{position:relative;padding-top:56.25%}.tcbl-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tcbl-table{overflow-x:auto}.tcbl-table table{width:100%;border-collapse:collapse;min-width:650px}.tcbl-table th,.tcbl-table td{border:1px solid #ddd;padding:10px}.tcbl-faq details{border-bottom:1px solid #ddd;padding:15px 0}.tcbl-faq summary{cursor:pointer;font-weight:700}.tcbl-related>div{display:flex;gap:10px;flex-wrap:wrap}.tcbl-related a{padding:10px 15px;border:1px solid #ddd;border-radius:8px}.tcbl-cta{text-align:center;background:var(--ink);color:#fff;border-radius:18px;padding:40px}.tcbl-loading{opacity:.45;pointer-events:none}@media(min-width:768px){.tcbl-hide-desktop{display:none!important}}@media(max-width:767px){.tcbl-hero{grid-template-columns:1fr}.tcbl-hero-copy{padding:25px}.tcbl-hero picture img{height:260px}.tcbl-hide-mobile{display:none!important}.tcbl-pills,.tcbl-groups{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.tcbl-model,.tcbl-group{white-space:nowrap}.tcbl-products .product-layout{width:50%;float:left}.tcbl-products .product-layout:nth-child(odd){clear:left}}

/* Journal tema ürün kartlarından bağımsız, kararlı landing grid'i. */
.tcbl-products>.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}
.tcbl-products .product-layout{float:none!important;clear:none!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important}
.tcbl-products .product-thumb{display:flex;flex-direction:column;height:100%;min-width:0;background:#fff;border:1px solid #e6e8eb;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}
.tcbl-products .product-thumb:hover{box-shadow:0 10px 28px rgba(24,33,43,.10);transform:translateY(-2px)}
.tcbl-products .image{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#fff;padding:14px;overflow:hidden}
.tcbl-products .image a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.tcbl-products .image img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.tcbl-products .caption{display:flex;flex:1;flex-direction:column;padding:16px}
.tcbl-products .caption h4{font-size:15px;line-height:1.35;margin:0 0 10px}
.tcbl-products .caption h4 a{color:var(--ink)}
.tcbl-products .caption>p:not(.price){display:-webkit-box;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.tcbl-products .price{margin-top:auto;padding-top:10px;font-weight:700;color:var(--ink)}
.tcbl-products .price-old{margin-left:6px;color:#999;text-decoration:line-through;font-weight:400}
.tcbl-products .price-new{color:var(--accent)}
.tcbl-products .button-group{display:grid;grid-template-columns:1fr 42px 42px;border-top:1px solid #e6e8eb}
.tcbl-products .button-group button{height:42px;border:0;border-right:1px solid #e6e8eb;background:#fff;color:var(--ink);cursor:pointer}
.tcbl-products .button-group button:first-child{background:var(--ink);color:#fff}
.tcbl-products .button-group button:last-child{border-right:0}
.tcbl-products .button-group button:hover{background:var(--accent);color:#fff}
@media(max-width:991px){.tcbl-products>.row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:767px){.tcbl-products>.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tcbl-products .product-layout{width:auto!important}.tcbl-products .caption{padding:12px}.tcbl-products .button-group{grid-template-columns:1fr 38px 38px}}
@media(max-width:420px){.tcbl-products>.row{grid-template-columns:1fr}}

/* Journal'ın Bootstrap clearfix pseudo öğeleri grid'de boş ilk kart oluşturmasın. */
.tcbl-products{display:block!important;width:100%!important}
.tcbl-products>.row:before,.tcbl-products>.row:after{display:none!important;content:none!important}
.tcbl-models{width:100%;padding:0;margin:24px 0 30px}
.tcbl-models h2{margin:0 0 12px;font-size:20px}

/* Görsel blokları ayrı ve düzenli bir galeri olarak göster. */
.tcbl-blocks>.tcbl-image{display:none!important}
.tcbl-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:40px 0}
.tcbl-gallery:empty{display:none}
.tcbl-gallery-item{margin:0;border-radius:14px;overflow:hidden;background:#f4f5f6}
.tcbl-gallery-item a{display:block}
.tcbl-gallery-item img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}
.tcbl-gallery-item figcaption{padding:12px 16px;color:var(--muted);font-size:14px}

/* Uzun metin ve içerik bloklarını birbirinden ayır. */
.tcbl-blocks{display:flex;flex-direction:column;gap:28px;margin:44px 0}
.tcbl-block{line-height:1.75}
.tcbl-block h2,.tcbl-prose h2{margin:0 0 16px;line-height:1.25}
.tcbl-rich>p,.tcbl-prose>p{margin:0 0 18px}
.tcbl-rich>p:last-child,.tcbl-prose>p:last-child{margin-bottom:0}
.tcbl-prose{clear:both;font-size:15px;line-height:1.8;margin:42px 0;padding-top:4px}
.tcbl-description+.tcbl-purchase,.tcbl-purchase+.tcbl-bottom,.tcbl-description+.tcbl-bottom{border-top:1px solid #e6e8eb;padding-top:30px}
.tcbl-faq{clear:both;margin-top:48px}
@media(max-width:767px){.tcbl-gallery{grid-template-columns:1fr;gap:16px}.tcbl-prose{font-size:14px;line-height:1.7;margin:30px 0}.tcbl-models{margin:20px 0 26px}}

/* Otomatik marka-model rehberi ve kompakt gezinme. */
.tcbl-model{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;cursor:pointer}.tcbl-model:hover,.tcbl-model:focus{text-decoration:none;color:var(--ink)}.tcbl-model.is-active:hover,.tcbl-model.is-active:focus{color:#fff}
.tcbl-directory-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-weight:700}.tcbl-pagination{display:flex;justify-content:center;clear:both;margin:28px 0}.tcbl-pagination .pagination{margin:0}
.tcbl-directory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:34px;margin:0 0 30px;background:#f4f5f6;border-radius:18px}.tcbl-directory-head h1{margin:0 0 10px;font-size:clamp(30px,4vw,48px)}.tcbl-directory-head p{max-width:720px;margin:0;color:var(--muted);font-size:16px}
.tcbl-directory-search{display:flex;min-width:320px}.tcbl-directory-search input{width:100%;height:46px;padding:0 14px;border:1px solid #d7dce1;border-radius:8px 0 0 8px}.tcbl-directory-search button{height:46px;padding:0 18px;border:0;border-radius:0 8px 8px 0;background:var(--ink);color:#fff}
.tcbl-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tcbl-directory-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e4e7ea;border-radius:14px;background:#fff;color:var(--ink);transition:.2s}.tcbl-directory-card:hover{color:var(--ink);text-decoration:none;box-shadow:0 10px 28px rgba(24,33,43,.1);transform:translateY(-2px)}.tcbl-directory-card>img,.tcbl-directory-placeholder{width:100%;height:190px;object-fit:cover;background:#f4f5f6}.tcbl-directory-placeholder{display:flex;align-items:center;justify-content:center;font-size:42px;color:#aab1b8}.tcbl-directory-card-copy{padding:20px}.tcbl-directory-card h2{margin:0 0 8px;font-size:23px}.tcbl-directory-card p{margin:0 0 15px;color:var(--muted)}.tcbl-directory-card span{font-weight:700}
@media(max-width:991px){.tcbl-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tcbl-directory-head{align-items:stretch;flex-direction:column}.tcbl-directory-search{min-width:0;max-width:520px}}
@media(max-width:600px){.tcbl-directory-head{padding:24px}.tcbl-directory-grid{grid-template-columns:1fr}.tcbl-directory-card{display:grid;grid-template-columns:120px 1fr}.tcbl-directory-card>img,.tcbl-directory-placeholder{height:100%;min-height:140px}.tcbl-directory-card-copy{padding:16px}}

/* Journal özel route layout üretmezse footer kolonlarını yalnız rehber sayfasında koru. */
footer>.grid-rows>.grid-row-2>.grid-cols-wrapper>.grid-cols>.grid-col{min-width:25%;display:block}
footer>.grid-rows>.grid-row-2>.grid-cols-wrapper>.grid-cols>.grid-col>.grid-items{padding:0 20px 20px;justify-content:flex-start}
footer>.grid-rows>.grid-row-3>.grid-cols-wrapper>.grid-cols>.grid-col-1{min-width:60%;display:block}
footer>.grid-rows>.grid-row-3>.grid-cols-wrapper>.grid-cols>.grid-col-2{min-width:30%;display:block}
footer>.grid-rows>.grid-row-4>.grid-cols-wrapper>.grid-cols>.grid-col-1{min-width:100%;display:block}
footer>.grid-rows>.grid-row-2{background:#080808;color:#fff;padding:36px 0 24px}
footer>.grid-rows>.grid-row-2 a,footer>.grid-rows>.grid-row-2 h3,footer>.grid-rows>.grid-row-2 .title,footer>.grid-rows>.grid-row-2 .module-body{color:#fff}
footer>.grid-rows>.grid-row-3{background:#080808;color:#fff;border-top:1px solid rgba(255,255,255,.18);padding:10px 0}
footer>.grid-rows>.grid-row-4{background:#3c4c5b;color:#fff;padding:13px 0;text-align:center}
footer>.grid-rows>.grid-row-4 *{color:#fff}
@media(max-width:767px){footer>.grid-rows>.grid-row>.grid-cols-wrapper>.grid-cols{flex-wrap:wrap}footer>.grid-rows>.grid-row>.grid-cols-wrapper>.grid-cols>.grid-col{min-width:100%;width:100%}}