/* ========================================================================= cgv2-theme2.css — HK Tuning / otomotiv teması ------------------------------------------------------------------------- YÜKLEME SIRASI: bootstrap.min.css → style.css → cgv2.css → BU DOSYA olmalıdır. Tasarım yönü: motorsport. Geniş (expanded) büyük harf başlıklar, karbon zeminler, tek güçlü vurgu rengi (kırmızı), keskin kenarlar, yüksek kontrast. ========================================================================= */ /* ------------------------------------------------------------------------- 1) TOKEN GEÇERSİZ KILMALARI ------------------------------------------------------------------------- */ body.t2{ /* marka — motorsport kırmızısı */ --cg-brand:#D91E2A; --cg-brand-d:#A20F19; --cg-brand-l:#FDECEE; --cg-brand-glow:rgba(217,30,42,.28); /* grafit / karbon nötrler */ --cg-ink:#0E1116; --cg-ink-2:#48545F; --cg-ink-3:#8593A0; --cg-cream:#F4F6F8; /* açık zemin */ --cg-cream-2:#E7EBEF; --cg-line:#DCE2E8; --cg-carbon:#12161C; /* koyu bölüm zemini */ --cg-carbon-2:#1B212A; --cg-r-xs:4px; --cg-r-sm:8px; --cg-r:10px; --cg-r-lg:16px; --cg-f-display:"Archivo","Manrope",system-ui,sans-serif; --cg-f-body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; /* Hero ve kategori çubuğu MASAÜSTÜNDE bu tek değere bağlı → alt hizaları eşit. Yüksekliği değiştirmek isterseniz tek yer burası. */ --t2-band-h:clamp(400px,32vw,500px); } /* ------------------------------------------------------------------------- 2) TİPOGRAFİ — iki font, gerçek karşıtlık Archivo geniş + büyük harf (motorsport), Manrope nötr gövde ------------------------------------------------------------------------- */ body.t2{font-family:var(--cg-f-body);font-size:15.5px;letter-spacing:0;background:var(--cg-cream)} body.t2 .kapsayici{padding-bottom:40px} /* beyaz üstüne beyaz yerine katmanlı görünüm */ body.t2 .cg-trust, body.t2 .cg-card, body.t2 .t2-side{background:#fff} body.t2 .cg-seo{background:#fff;border-color:var(--cg-line)} body.t2 h1,body.t2 h2,body.t2 h3,body.t2 h4{ font-family:var(--cg-f-display); font-stretch:105%; /* 112 → 105: daha az şişkin */ font-weight:700; /* 800 → 700: kalınlık düşürüldü */ letter-spacing:-.005em; line-height:1.12; text-transform:uppercase; } body.t2 h1{font-size:clamp(1.7rem,3.4vw,2.6rem)} body.t2 h2{font-size:clamp(1.35rem,2.6vw,2rem)} body.t2 h3{font-size:clamp(1rem,1.5vw,1.2rem)} /* ürün başlıkları büyük harf OLMAZ — okunabilirlik önce gelir */ body.t2 .cg-card__title, body.t2 .cg-seo p, body.t2 .cg-seo li{text-transform:none;font-family:var(--cg-f-body)} /* bölüm etiketi */ body.t2 .cg-eyebrow{ font-family:var(--cg-f-display);font-stretch:104%;font-weight:600; font-size:.71rem;letter-spacing:.16em;color:var(--cg-brand); } body.t2 .cg-eyebrow::before{width:26px;height:3px;border-radius:0;transform:skewX(-20deg)} /* ------------------------------------------------------------------------- 3) TOPBAR + HEADER ------------------------------------------------------------------------- */ body.t2 .cg-topbar{background:var(--cg-carbon);font-size:.79rem} body.t2 .cg-topbar__track{border-radius:var(--cg-r-sm);letter-spacing:.02em;font-weight:700} body.t2 .cg-topbar__soc{border-radius:var(--cg-r-xs)} body.t2 .cg-head{border-bottom:1px solid var(--cg-line)} body.t2 .cg-head__in{min-height:82px} body.t2 .cg-logo,body.t2 .cg-logo img{height:46px} body.t2 .cg-head.is-stuck .cg-logo img{height:40px} body.t2 .cg-search input{ border-radius:var(--cg-r-sm);border-width:2px;height:46px;background:var(--cg-cream); font-weight:600; } body.t2 .cg-search input:focus{border-color:var(--cg-brand);box-shadow:0 0 0 3px var(--cg-brand-l)} body.t2 .cg-search button{ border-radius:var(--cg-r-xs);width:36px;height:36px;top:5px;right:5px; } body.t2 .cg-tool__txt strong{font-family:var(--cg-f-display);font-stretch:102%;font-weight:700;letter-spacing:0} body.t2 .cg-tool__badge{border-radius:var(--cg-r-xs);border-width:2px} /* ------------------------------------------------------------------------- 4) ANA MENÜ ŞERİDİ ------------------------------------------------------------------------- */ body.t2 .t2-nav{background:var(--cg-carbon);border-bottom:3px solid var(--cg-brand);position:relative} body.t2 .t2-nav__in{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none} body.t2 .t2-nav__in::-webkit-scrollbar{display:none} body.t2 .t2-nav a{ position:relative;display:inline-flex;align-items:center;gap:8px;padding:15px 20px;white-space:nowrap; color:rgba(255,255,255,.74);font-family:var(--cg-f-display);font-stretch:102%; font-size:.83rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase; transition:color .16s,background .16s; } body.t2 .t2-nav a::after{ content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:var(--cg-brand); transform:scaleX(0);transform-origin:left;transition:transform .22s ease; } body.t2 .t2-nav a:hover{color:#fff;background:rgba(255,255,255,.05)} body.t2 .t2-nav a:hover::after, body.t2 .t2-nav a.is-active::after{transform:scaleX(1)} body.t2 .t2-nav a.is-active{color:#fff} body.t2 .t2-nav svg{width:15px;height:15px;color:var(--cg-brand);flex:none} @media (max-width:1180px){ body.t2 .t2-nav{display:none} } /* ------------------------------------------------------------------------- 5) HERO SLIDER Partial içindeki inline "height:420px" kaldırıldığı için yükseklik buradaki orandan gelir. Oranı değiştirmek isterseniz tek yer: .t2-hero ------------------------------------------------------------------------- */ body.t2 .t2-slider{position:relative} /* welcome.blade sarmalayıcısı — şeffaf */ body.t2 .t2-hero{ position:relative;display:block;border-radius:var(--cg-r-lg);overflow:hidden; background:var(--cg-carbon);box-shadow:0 18px 44px rgba(14,17,22,.18); aspect-ratio:1200/520; } @supports not (aspect-ratio:1200/520){ body.t2 .t2-hero{height:34vw;min-height:300px} } /* MASAÜSTÜ: hero ile kategori çubuğu birebir aynı yükseklikte biter */ @media (min-width:992px){ body.t2 .t2-hero{height:var(--t2-band-h);aspect-ratio:auto} body.t2 .t2-side{height:var(--t2-band-h);display:flex;flex-direction:column} body.t2 .t2-side__list{flex:1 1 auto;overflow-y:auto;min-height:0} body.t2 .t2-side__head, body.t2 .t2-side__foot{flex:none} /* kategori listesi taşarsa ince, sessiz kaydırma çubuğu */ body.t2 .t2-side__list{scrollbar-width:thin;scrollbar-color:var(--cg-line) transparent} body.t2 .t2-side__list::-webkit-scrollbar{width:5px} body.t2 .t2-side__list::-webkit-scrollbar-track{background:transparent} body.t2 .t2-side__list::-webkit-scrollbar-thumb{background:var(--cg-line);border-radius:5px} body.t2 .t2-side__list:hover::-webkit-scrollbar-thumb{background:var(--cg-ink-3)} } body.t2 .t2-hero .carousel, body.t2 .t2-hero .carousel-inner, body.t2 .t2-hero .carousel-item{height:100%} body.t2 .t2-hero .carousel-inner{border-radius:0;box-shadow:none} body.t2 .t2-hero img{ width:100%;height:100%;object-fit:cover;display:block; } /* okunabilirlik perdesi — soldan sağa koyu, altta yumuşak */ body.t2 .t2-hero .carousel-item::after{ content:"";position:absolute;inset:0;pointer-events:none; background: linear-gradient(90deg, rgba(8,10,13,.86) 0%, rgba(8,10,13,.55) 42%, rgba(8,10,13,0) 72%), linear-gradient(0deg, rgba(8,10,13,.45) 0%, rgba(8,10,13,0) 45%); } /* köşe aksanı — motorsport çizgisi */ body.t2 .t2-hero::before{ content:"";position:absolute;left:0;top:0;width:96px;height:6px;background:var(--cg-brand); z-index:6;transform:skewX(-28deg) translateX(-16px); } /* metin katmanı */ body.t2 .t2-hero__caption{ position:absolute;z-index:5;left:clamp(24px,4vw,56px);top:50%;transform:translateY(-50%); max-width:min(520px,58%);color:#fff; } body.t2 .t2-hero__eyebrow{ font-family:var(--cg-f-display);font-stretch:104%;font-weight:600; font-size:.71rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cg-brand); margin:0 0 10px;display:flex;align-items:center;gap:10px; } body.t2 .t2-hero__eyebrow::before{content:"";width:26px;height:3px;background:var(--cg-brand);transform:skewX(-20deg)} body.t2 .t2-hero__caption h2{ color:#fff;font-size:clamp(1.45rem,3vw,2.5rem);font-weight:700;font-stretch:104%; line-height:1.08;margin:0 0 14px;text-shadow:0 2px 18px rgba(0,0,0,.35); } body.t2 .t2-hero__lead{ font-family:var(--cg-f-body);font-size:clamp(.86rem,1.1vw,1rem);color:rgba(255,255,255,.82); margin:0 0 20px;max-width:44ch;line-height:1.6; } body.t2 .t2-hero__btns{display:flex;gap:10px;flex-wrap:wrap} body.t2 .t2-btn-ghost{background:transparent;border-color:rgba(255,255,255,.38);color:#fff} body.t2 .t2-btn-ghost:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff} /* oklar */ body.t2 .t2-hero .carousel-control-prev, body.t2 .t2-hero .carousel-control-next{ width:50px;height:50px;top:auto;bottom:20px;transform:none;opacity:1;z-index:7; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26); border-radius:var(--cg-r-sm);color:#fff; -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); display:flex;align-items:center;justify-content:center; transition:background .18s,border-color .18s,transform .18s; } body.t2 .t2-hero .carousel-control-prev{left:auto;right:80px} body.t2 .t2-hero .carousel-control-next{right:20px;left:auto} body.t2 .t2-hero .carousel-control-prev:hover, body.t2 .t2-hero .carousel-control-next:hover{ background:var(--cg-brand);border-color:var(--cg-brand);transform:translateY(-2px);color:#fff; } body.t2 .t2-hero .carousel-control-prev svg, body.t2 .t2-hero .carousel-control-next svg{width:22px;height:22px} /* göstergeler — sol altta çubuklar */ body.t2 .t2-hero .carousel-indicators{ left:clamp(24px,4vw,56px);right:auto;bottom:34px;margin:0;z-index:7; display:flex;gap:7px;align-items:center; } body.t2 .t2-hero .carousel-indicators li{ width:28px;height:4px;border-radius:2px;background:rgba(255,255,255,.4); border:0;margin:0;opacity:1;text-indent:0;transition:width .28s,background .28s; } body.t2 .t2-hero .carousel-indicators li.active{width:52px;background:var(--cg-brand)} @media (max-width:992px){ body.t2 .t2-hero{aspect-ratio:16/10} body.t2 .t2-hero__caption{max-width:70%} body.t2 .t2-hero .carousel-control-prev, body.t2 .t2-hero .carousel-control-next{width:42px;height:42px;bottom:16px} body.t2 .t2-hero .carousel-control-prev{right:68px} body.t2 .t2-hero .carousel-control-next{right:16px} } @media (max-width:576px){ body.t2 .t2-hero{aspect-ratio:5/6;border-radius:var(--cg-r)} body.t2 .t2-hero .carousel-item::after{ background:linear-gradient(0deg, rgba(8,10,13,.9) 0%, rgba(8,10,13,.35) 55%, rgba(8,10,13,.15) 100%); } body.t2 .t2-hero__caption{ top:auto;bottom:76px;transform:none;left:18px;right:18px;max-width:none; } body.t2 .t2-hero__lead{display:none} body.t2 .t2-hero .carousel-indicators{bottom:20px;left:18px} body.t2 .t2-hero .carousel-control-prev, body.t2 .t2-hero .carousel-control-next{bottom:12px;width:38px;height:38px} } /* ------------------------------------------------------------------------- 5b) ARAÇ SEÇİCİ (kategori sayfalarında hero yerine gelir) ------------------------------------------------------------------------- */ body.t2 .t2-finder{ position:relative;background:var(--cg-carbon);color:#fff; border-radius:var(--cg-r-lg);padding:clamp(22px,3vw,32px);overflow:hidden; box-shadow:0 18px 44px rgba(14,17,22,.18); } body.t2 .t2-finder::before{ content:"";position:absolute;left:0;top:0;width:96px;height:6px;background:var(--cg-brand); transform:skewX(-28deg) translateX(-16px); } body.t2 .t2-finder::after{ content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%; background:radial-gradient(circle,rgba(217,30,42,.22),transparent 68%);pointer-events:none; } body.t2 .t2-finder__head{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-bottom:20px} body.t2 .t2-finder__ico{ width:52px;height:52px;flex:none;border-radius:var(--cg-r-sm);background:var(--cg-brand);color:#fff; display:grid;place-items:center;box-shadow:0 8px 20px var(--cg-brand-glow); } body.t2 .t2-finder__ico svg{width:26px;height:26px} body.t2 .t2-finder__eyebrow{ font-family:var(--cg-f-display);font-stretch:104%;font-weight:600;font-size:.68rem; letter-spacing:.2em;text-transform:uppercase;color:var(--cg-brand);margin:0 0 3px; } body.t2 .t2-finder__head h2{color:#fff;margin:0;font-size:clamp(1.2rem,2.2vw,1.7rem)} body.t2 .t2-finder__row{position:relative;z-index:2;display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap} body.t2 .t2-finder__field{flex:1 1 240px;min-width:0} body.t2 .t2-finder__field label{ display:block;font-family:var(--cg-f-display);font-stretch:102%;font-weight:600; font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:8px; } body.t2 .t2-finder .cg-field{margin-bottom:0} body.t2 .t2-finder .cg-field select{ height:52px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#fff; font-size:.92rem; } body.t2 .t2-finder .cg-field select:focus{border-color:var(--cg-brand);box-shadow:0 0 0 3px var(--cg-brand-glow)} body.t2 .t2-finder .cg-field select:disabled{opacity:.5;cursor:not-allowed} body.t2 .t2-finder .cg-field select option{background:var(--cg-carbon-2);color:#fff} body.t2 .t2-finder .cg-field__chev{top:18px;color:rgba(255,255,255,.6)} body.t2 .t2-finder__reset{ display:inline-flex;align-items:center;gap:7px;height:52px;padding:0 18px;flex:none; border:1px solid rgba(255,255,255,.2);border-radius:var(--cg-r-sm);color:rgba(255,255,255,.8); font-size:.82rem;font-weight:700;transition:background .16s,color .16s,border-color .16s; } body.t2 .t2-finder__reset:hover{background:var(--cg-brand);border-color:var(--cg-brand);color:#fff} body.t2 .t2-finder__reset svg{width:14px;height:14px} body.t2 .t2-finder__note{ position:relative;z-index:2;margin:16px 0 0;font-size:.79rem;color:rgba(255,255,255,.45); } @media (max-width:576px){ body.t2 .t2-finder__row{flex-direction:column;align-items:stretch} body.t2 .t2-finder__reset{justify-content:center} } /* ------------------------------------------------------------------------- 6) KATEGORİ KENAR ÇUBUĞU ------------------------------------------------------------------------- */ body.t2 .t2-side{ border:1px solid var(--cg-line);border-radius:var(--cg-r-lg);overflow:hidden;background:#fff; box-shadow:0 2px 4px rgba(14,17,22,.04),0 12px 28px rgba(14,17,22,.06); position:sticky;top:96px; } body.t2 .t2-side__head{ background:var(--cg-carbon);color:#fff;padding:16px 18px;display:flex;align-items:center;gap:10px; font-family:var(--cg-f-display);font-stretch:104%;font-weight:700;font-size:.9rem; letter-spacing:.09em;text-transform:uppercase;position:relative; } body.t2 .t2-side__head::after{ content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;background:var(--cg-brand); } body.t2 .t2-side__head svg{width:18px;height:18px;color:var(--cg-brand);flex:none} body.t2 .t2-side__list{list-style:none;margin:0;padding:0;max-height:none} body.t2 .t2-side__list li{border-bottom:1px solid var(--cg-line)} body.t2 .t2-side__list li:last-child{border-bottom:0} body.t2 .t2-side__list a{ position:relative;display:flex;align-items:center;gap:10px;padding:13px 18px; font-size:.83rem;font-weight:600;color:var(--cg-ink-2);letter-spacing:.015em; text-transform:uppercase;transition:color .16s,background .16s,padding-left .16s; } body.t2 .t2-side__list a::before{ content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cg-brand); transform:scaleY(0);transition:transform .18s ease; } body.t2 .t2-side__list a:hover{background:var(--cg-cream);color:var(--cg-ink);padding-left:22px} body.t2 .t2-side__list a:hover::before{transform:scaleY(1)} body.t2 .t2-side__list a.is-active{background:var(--cg-brand-l);color:var(--cg-brand-d)} body.t2 .t2-side__list a.is-active::before{transform:scaleY(1)} body.t2 .t2-side__list .t2-side__chev{ margin-left:auto;width:15px;height:15px;color:var(--cg-ink-3);flex:none; opacity:0;transform:translateX(-4px);transition:opacity .18s,transform .18s; } body.t2 .t2-side__list a:hover .t2-side__chev{opacity:1;transform:translateX(0);color:var(--cg-brand)} body.t2 .t2-side__foot{ display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px; background:var(--cg-cream);border-top:1px solid var(--cg-line); font-family:var(--cg-f-display);font-stretch:102%;font-weight:700;font-size:.79rem; letter-spacing:.07em;text-transform:uppercase;color:var(--cg-ink); } body.t2 .t2-side__foot:hover{background:var(--cg-carbon);color:#fff} body.t2 .t2-side__foot svg{width:15px;height:15px;color:var(--cg-brand)} @media (max-width:768px){ body.t2 .t2-side{position:static;margin-bottom:16px} body.t2 .t2-side__list{display:grid;grid-template-columns:1fr 1fr} body.t2 .t2-side__list li{border-right:1px solid var(--cg-line)} body.t2 .t2-side__list a{padding:12px 14px;font-size:.78rem} } /* ------------------------------------------------------------------------- 7) GÜVEN BANDI + LİSTE BAŞLIĞI ------------------------------------------------------------------------- */ body.t2 .cg-trust{border-radius:var(--cg-r-lg);border-color:var(--cg-line)} body.t2 .cg-trust__ico{border-radius:var(--cg-r-sm);background:var(--cg-brand-l);color:var(--cg-brand)} body.t2 .cg-trust__txt strong{ font-family:var(--cg-f-display);font-stretch:102%;font-weight:600;text-transform:uppercase; letter-spacing:.035em;font-size:.81rem; } body.t2 .cg-listbar{ border-radius:var(--cg-r-lg);background:var(--cg-carbon);border-color:var(--cg-carbon);color:#fff; position:relative;overflow:hidden; } body.t2 .cg-listbar::before{ content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--cg-brand); } body.t2 .cg-listbar h1{color:#fff} body.t2 .cg-listbar__count{color:rgba(255,255,255,.62)} body.t2 .cg-listbar__count strong{color:var(--cg-brand)} body.t2 .cg-listbar .cg-pill{background:rgba(255,255,255,.1);color:#fff} /* ------------------------------------------------------------------------- 8) ÜRÜN KARTI Otomotiv parçasında görseller farklı oran ve zeminde geliyor. Kartın dağınık görünmemesi için: görsel alanı ayrı bir yüzey (gri panel), ürün içine sığdırılıyor (kırpılmıyor), metin alanı sabit yükseklikte. ------------------------------------------------------------------------- */ body.t2 .cg-grid{gap:16px} body.t2 .cg-card{ border-radius:var(--cg-r);border-color:var(--cg-line); transition:transform .18s,box-shadow .18s,border-color .18s; } body.t2 .cg-card:hover{ border-color:var(--cg-brand);box-shadow:0 10px 26px rgba(14,17,22,.10);transform:translateY(-3px); } /* görsel paneli — kart beyaz, panel açık gri: farklı zeminli fotoğraflar birbirine karışmıyor, ızgara sakinleşiyor */ body.t2 .cg-card__media{ aspect-ratio:1/1;background:var(--cg-cream); border-bottom:1px solid var(--cg-line); } @supports not (aspect-ratio:1/1){ body.t2 .cg-card__media{padding-top:100%} } body.t2 .cg-card__media img{ object-fit:contain;padding:14px; transition:transform .35s ease; } body.t2 .cg-card:hover .cg-card__media img{transform:scale(1.05)} /* rozetler — yeşil kırmızı markayla çakışıyordu, karbona alındı */ body.t2 .cg-badge--fast{background:rgba(14,17,22,.86);color:#fff;backdrop-filter:blur(4px)} body.t2 .cg-badge--fast svg{color:var(--cg-brand)} body.t2 .cg-badge--sale{background:var(--cg-brand)} body.t2 .cg-card__badges{top:10px;left:10px;gap:4px} body.t2 .cg-card__body{padding:14px} body.t2 .cg-card__brand{color:var(--cg-ink-3);letter-spacing:.08em;font-weight:600} /* ürün adı: normal yazım, 2 satır sabit → fiyatlar hep aynı hizada */ body.t2 .cg-card__title{ font-family:var(--cg-f-body);font-size:.85rem;font-weight:500;line-height:1.45; height:2.9em;color:var(--cg-ink-2);margin-bottom:12px; } body.t2 .cg-card:hover .cg-card__title{color:var(--cg-ink)} /* fiyat satırı: üstünde ince ayraç, sola dayalı, tek ağırlık */ body.t2 .cg-price{ min-height:auto;padding-top:11px;border-top:1px solid var(--cg-line); } body.t2 .cg-price__now{font-size:1.12rem;color:var(--cg-ink)} body.t2 .cg-price__cur{font-size:.74rem;color:var(--cg-ink-3);font-weight:600} body.t2 .cg-price__old{font-size:.76rem} body.t2 .cg-card__inst{color:var(--cg-ink-3);font-weight:600;border-top:0;padding-top:6px;margin-top:4px} body.t2 .cg-card__inst svg{color:var(--cg-brand)} /* ------------------------------------------------------------------------- 9) BUTONLAR ------------------------------------------------------------------------- */ body.t2 .cg-btn{ border-radius:var(--cg-r-sm);font-family:var(--cg-f-display);font-stretch:102%; font-weight:700;letter-spacing:.045em;text-transform:uppercase;font-size:.83rem;padding:12px 22px; } body.t2 .cg-btn--lg{padding:15px 30px;font-size:.92rem} body.t2 .cg-chip{ border-radius:var(--cg-r-sm);text-transform:uppercase;letter-spacing:.05em;font-size:.76rem; } body.t2 .cg-pill{border-radius:var(--cg-r-xs);letter-spacing:.06em} /* ------------------------------------------------------------------------- 10) FOOTER ------------------------------------------------------------------------- */ body.t2 .cg-foot{background:var(--cg-carbon);border-top:4px solid var(--cg-brand)} body.t2 .cg-foot h3{ font-family:var(--cg-f-display);font-stretch:102%;font-weight:700;letter-spacing:.09em;font-size:.85rem; } body.t2 .cg-foot h3::after{width:30px;height:3px} body.t2 .cg-foot__logo img{background:#fff;border-radius:var(--cg-r-sm)} body.t2 .cg-soc a{border-radius:var(--cg-r-sm)} body.t2 .cg-news{background:rgba(255,255,255,.04);border-radius:var(--cg-r-lg)} body.t2 .cg-news h4{font-family:var(--cg-f-display);font-stretch:102%;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.87rem} body.t2 .cg-foot__legal{background:rgba(0,0,0,.35)} /* ------------------------------------------------------------------------- 11) YÜZEN ÖĞELER ------------------------------------------------------------------------- */ body.t2 .cg-wa{border-radius:var(--cg-r-lg)} body.t2 .scroll-to-top-btn{border-radius:var(--cg-r-sm);background:var(--cg-carbon)} body.t2 .scroll-to-top-btn:hover{background:var(--cg-brand)} /* ------------------------------------------------------------------------- 12) ESKİ TEMA KALINTILARI ------------------------------------------------------------------------- */ body.t2 .topbar, body.t2 .navbar.bg-dangers{display:none} /* eski kırmızı menü şeridi */ body.t2 .sidebar.list-group{border:0!important;box-shadow:none}