/* =========================================================
   ALTAŞ - YENİ HEADER
   Aşama 1: Temel görünüm
   ========================================================= */

/* Header arka planı */
.header-type-24 {
    background: #ffffff;
}

/* Üst header bölümündeki desen/gölgeyi kaldır */
.header-type-24 #top .background {
    background-image: none !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}

/* Logo ve hesap bölümünün bulunduğu satır */
.header-type-24 #top .background .pattern {
    background-image: none !important;
    background-color: #ffffff !important;
}

/* Hesap bağlantıları */
.header-type-24 #header-right .menu li a {
    color: #333333;
    font-size: 13px;
}

.header-type-24 #header-right .menu li a:hover {
    color: #d71920;
}

/* Header ile alt bölüm arasına çok hafif ayırıcı */
.header-type-24 #top {
    border-bottom: 1px solid #eeeeee;
}

/* =========================================================
   ALTAŞ - YENİ HEADER
   Aşama 2: Arama ve kategori çubuğu
   ========================================================= */

/* Turuncu arka planı kaldır */
.header-type-24 .megamenu-background {
    background: #ffffff !important;
    box-shadow: none !important;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

/* Arama bölümüne nefes alanı ver */
.header-type-24 .megamenu-background .overflow-megamenu {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Arama kutusunun tamamı */
.header-type-24 .search_form {
    background: #f7f7f7 !important;
    border: 1px solid #dddddd !important;
    border-radius: 6px !important;
    overflow: hidden;
    box-shadow: none !important;
}

/* Kategori seçimi */
.header-type-24 .search-cat {
    background: #f7f7f7 !important;
    border-right: 1px solid #dddddd !important;
}

/* Kategori select */
.header-type-24 .search-cat select {
    background: transparent !important;
    color: #333333 !important;
}

/* Yazı yazılan arama alanı */
.header-type-24 .overflow-input {
    background: #ffffff !important;
}

.header-type-24 #search_query {
    background: #ffffff !important;
    color: #222222 !important;
}

/* Placeholder */
.header-type-24 #search_query::placeholder {
    color: #888888;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Top Bar
   ========================================================= */

.altas-topbar {
    height: 34px;
    background: #f6f7f8;
    border-bottom: 1px solid #eeeeee;
    font-size: 12px;
    color: #62666d;
}

.altas-topbar .container {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.altas-topbar-left {
    white-space: nowrap;
}

.altas-topbar-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.altas-topbar-right a {
    color: #4d5157;
    text-decoration: none;
    transition: color 0.2s ease;
}

.altas-topbar-right a:hover {
    color: #e31e24;
}

.altas-topbar-right span {
    color: #c8c8c8;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Main Header
   ========================================================= */

.altas-main-header {
    background: #ffffff;
    border-bottom: 1px solid #eeeeee;
}

.altas-main-header > .container {
    min-height: 86px;
    display: flex;
    align-items: center;
    gap: 30px;
}

/* Logo */
.altas-header-logo {
    flex: 0 0 190px;
}

.altas-header-logo img {
    display: block;
    max-width: 145px;
    max-height: 70px;
    width: auto;
    height: auto;
}

/* Ana menü */
.altas-header-nav {
    display: flex;
    align-items: center;
    gap: 25px;
    white-space: nowrap;
}

.altas-header-nav a {
    color: #17191c;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.altas-header-nav a:hover {
    color: #e31e24;
}

/* Arama */
.altas-header-search {
    height: 42px;
    flex: 1;
    min-width: 200px;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 0 16px;

    background: #f5f6f7;
    border: 1px solid #f0f0f0;
    border-radius: 22px;

    color: #8a8d92;
    font-size: 13px;
}

.altas-search-icon {
    color: #666a70;
    font-size: 19px;
}

/* Hesap / Sepet */
.altas-header-actions {
    display: flex;
    align-items: center;
    gap: 22px;
    white-space: nowrap;
}

.altas-header-actions a {
    color: #17191c;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.altas-header-actions a:hover {
    color: #e31e24;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Eski Fastor masaüstü header'ını gizle
   ========================================================= */

.header-type-24 > .background-header,
.header-type-24 > .slider-header,
.header-type-24 > #top,
.header-type-24 > .megamenu-background {
    display: none !important;
}

/* Eski Fastor Header - tamamen gizle */
.header-type-24 .slider-header {
    display: none !important;
}

/* Eski Fastor header */
.altas-old-fastor-header {
    display: none !important;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Gerçek Arama Kutusu
   ========================================================= */

.altas-header-search {
    height: 42px;
    flex: 1;
    min-width: 260px;
    padding: 0;
    background: #f5f6f7;
    border: 1px solid #eeeeee;
    border-radius: 22px;
    overflow: hidden;
}

.altas-search-form {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0;
}

.altas-search-input {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0 8px 0 18px;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #25282c;
    font-size: 13px;
}

.altas-search-input::placeholder {
    color: #92969b;
}

.altas-search-button {
    width: 44px;
    height: 100%;
    flex: 0 0 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #555b61;
    cursor: pointer;
}

.altas-search-button:hover {
    color: #e31e24;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Hesabım / Sepetim
   ========================================================= */

.altas-header-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    white-space: nowrap;
}

.altas-header-action {
    display: flex;
    align-items: center;
    gap: 7px;

    color: #17191c !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
}

.altas-header-action i {
    font-size: 17px;
    color: #34383d;
}

.altas-header-action:hover,
.altas-header-action:hover i {
    color: #e31e24 !important;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Kategori Navigasyon Barı
   ========================================================= */

.altas-category-bar {
    background: #ffffff;
    border-bottom: 1px solid #eeeeee;
}

.altas-category-bar > .container {
    height: 48px;
    display: flex;
    align-items: center;
}

/* Kategoriler butonu */
.altas-category-toggle {
    height: 48px;
    display: flex;
    align-items: center;
    gap: 9px;

    padding: 0 22px 0 0;

    border: 0;
    border-right: 1px solid #eeeeee;
    background: transparent;

    color: #17191c;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.altas-hamburger {
    font-size: 18px;
    line-height: 1;
}

.altas-category-arrow {
    margin-left: 4px;
    color: #777;
    font-size: 15px;
}

/* Sağdaki kategori bağlantıları */
.altas-category-links {
    display: flex;
    align-items: center;
    gap: 30px;
    padding-left: 25px;
}

.altas-category-links a {
    color: #4d5157;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

.altas-category-links a:hover {
    color: #e31e24;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Kategori Açılır Menü
   ========================================================= */

.altas-category-bar > .container {
    position: relative;
}

/* Açılır kategori alanı */
.altas-category-dropdown {
    display: none;
    position: absolute;

    top: 48px;
    left: 0;

    width: 280px;

    
    background: #ffffff;

    border: 1px solid #eeeeee;
    border-top: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

    z-index: 9999;
}

/* Altaş kategori açılır menüsü */
.altas-category-dropdown {
    width: 290px;
    padding: 8px 0;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-top: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}

.altas-category-item {
    display: block;
    padding: 10px 18px;
    color: #34383d !important;
    font-size: 13px;
    line-height: 1.3;
    text-decoration: none !important;
    border-bottom: 1px solid #f2f2f2;
}

.altas-category-item:last-child {
    border-bottom: 0;
}

.altas-category-item:hover {
    background: #f7f7f7;
    color: #e31e24 !important;
    padding-left: 22px;
}

/* Ana kategori satırı */
.altas-category-item-wrap {
    position: relative;
}

/* Kategori adı ve ok */
.altas-category-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Alt kategori paneli */
.altas-category-submenu {
    display: none;
    position: absolute;

    top: 0;
    left: 100%;

    width: 300px;
    padding: 8px 0;

    background: #ffffff;
    border: 1px solid #eeeeee;

    box-shadow: 8px 10px 25px rgba(0, 0, 0, 0.08);

    z-index: 10000;
}

/* Ana kategorinin üzerine gelince alt menüyü aç */
.altas-category-item-wrap:hover > .altas-category-submenu {
    display: block;
}

/* Alt kategori satırları */
.altas-category-subitem {
    display: block;

    padding: 10px 18px;

    color: #34383d !important;
    font-size: 13px;
    line-height: 1.3;

    text-decoration: none !important;
    white-space: normal;
}

.altas-category-subitem:hover {
    background: #f7f7f7;
    color: #e31e24 !important;
}

/* Sağ ok */
.altas-category-chevron {
    margin-left: 15px;
    font-size: 17px;
    color: #999999;
}

.altas-category-item-wrap:hover > .altas-category-item .altas-category-chevron {
    color: #e31e24;
}

/* Kategori ana menüsü - gerçek 2 sütun */
.altas-category-dropdown {
    width: 580px;
}

.altas-category-columns {
    display: flex;
    width: 580px;
    align-items: flex-start;
}

.altas-category-column {
    width: 290px;
    flex: 0 0 290px;
}

.altas-category-column:first-child {
    border-right: 1px solid #eeeeee;
}

/* Kategori menüsünün aşağı doğru kesilmesini engelle */
.standard-body {
    overflow: visible !important;
}

/* Arama ikonu - SVG */
.altas-search-button svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: middle;
}

/* Hesabım ve Sepetim SVG ikonları */
.altas-action-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.altas-header-action:hover .altas-action-icon {
    color: #e31e24;
}

/* Yeni tasarım - eski Fastor sayfa arka planını kaldır */
body {
    background-image: none !important;
    background-color: #ffffff !important;
}

/* ==================================================
   ALTAŞ YENİ ANA SAYFA
   Hero
   ================================================== */

.altas-hero {
    background: #f7f8f9;
    border-bottom: 1px solid #eeeeee;
}

.altas-hero-inner {
    min-height: 460px;
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 60px 0;
}

.altas-hero-content {
    width: 52%;
    max-width: 620px;
}

.altas-hero-label {
    display: block;
    margin-bottom: 18px;
    color: #e31e24;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.4px;
}

.altas-hero-content h1 {
    margin: 0 0 22px;
    color: #17191c;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 400;
}

.altas-hero-content h1 strong {
    font-weight: 700;
}

.altas-hero-content p {
    max-width: 540px;
    margin: 0 0 30px;
    color: #666b70;
    font-size: 15px;
    line-height: 1.8;
}

.altas-hero-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.altas-hero-button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: 0.2s ease;
}

.altas-hero-button-primary {
    background: #e31e24;
    border: 1px solid #e31e24;
    color: #ffffff !important;
}

.altas-hero-button-primary:hover {
    background: #c9181e;
    border-color: #c9181e;
}

.altas-hero-button-secondary {
    background: #ffffff;
    border: 1px solid #dcdfe2;
    color: #25282c !important;
}

.altas-hero-button-secondary:hover {
    border-color: #b9bdc1;
    color: #e31e24 !important;
}

.altas-hero-visual {
    width: 48%;
    min-height: 320px;
}

/* Hero sağ taraf - ürün kompozisyonu */
.altas-hero-visual {
    width: 48%;
    min-height: 340px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.altas-hero-product img {
    display: block;
    max-width: 100%;
    height: auto;
}

.altas-hero-electronics {
    position: absolute;
    width: 430px;
    max-width: 82%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.altas-hero-electronics img {
    width: 100%;
    mix-blend-mode: multiply;
}

.altas-hero-book {
    position: absolute;
    width: 120px;
    left: 0px;
    bottom: 5px;
    z-index: 2;
    transform: rotate(-4deg);
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.18);
}

.altas-hero-book img {
    width: 100%;
}

/* ==================================================
   ALTAŞ ANA SAYFA
   Kategori / Çözüm Kartları
   ================================================== */

.altas-category-showcase {
    padding: 70px 0 80px;
    background: #ffffff;
}

.altas-showcase-heading {
    max-width: 650px;
    margin-bottom: 38px;
}

.altas-showcase-heading > span {
    display: block;
    margin-bottom: 10px;
    color: #e31e24;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.altas-showcase-heading h2 {
    margin: 0 0 12px;
    color: #17191c;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 700;
}

.altas-showcase-heading p {
    margin: 0;
    color: #73777c;
    font-size: 14px;
    line-height: 1.7;
}

.altas-showcase-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.altas-showcase-card {
    min-height: 225px;
    display: flex;
    flex-direction: column;
    padding: 26px;
    background: #f7f8f9;
    border: 1px solid #eceeef;
    border-radius: 6px;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.altas-showcase-card:hover {
    transform: translateY(-4px);
    border-color: #dedfe1;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}

.altas-showcase-number {
    margin-bottom: 30px;
    color: #e31e24;
    font-size: 12px;
    font-weight: 700;
}

.altas-showcase-card h3 {
    margin: 0 0 10px;
    color: #17191c;
    font-size: 18px;
    font-weight: 600;
}

.altas-showcase-card p {
    margin: 0 0 22px;
    color: #73777c;
    font-size: 13px;
    line-height: 1.65;
}

.altas-showcase-link {
    margin-top: auto;
    color: #25282c;
    font-size: 12px;
    font-weight: 600;
}

.altas-showcase-card:hover .altas-showcase-link {
    color: #e31e24;
}

/* Yeni Ürünler - eski Fastor modül başlığını gizle */
.altas-product-dynamic .box-heading {
    display: none !important;
}

/* Ürün listesini bizim başlığımıza yaklaştır */
.altas-product-dynamic {
    margin-top: 30px;
}

.altas-product-dynamic .box {
    margin-top: 0 !important;
}

/* =========================================================
   ALTAŞ - YENİ ÜRÜNLER MODERN TASARIM
   ========================================================= */

/* Fastor'un eski kutu görünümünü temizle */
.altas-product-dynamic .box {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.altas-product-dynamic .box-content {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* Ürünlerin bulunduğu ana alan */
.altas-product-dynamic .product-grid {
    border-top: 1px solid #eeeeee;
}

/* Tek tek ürün hücreleri */
.altas-product-dynamic .product-grid .product {
    background: #ffffff;
    border: 0 !important;
    box-shadow: none !important;
}

/* Ürün görsel alanı */
.altas-product-dynamic .product .image {
    background: transparent;
    padding: 28px 20px 18px;
    text-align: center;
}

/* Ürün görsellerini düzenle */
.altas-product-dynamic .product .image img {
    max-width: 100%;
    height: 190px;
    width: auto;
    object-fit: contain;
}

/* Ürün adı */
.altas-product-dynamic .product .name {
    margin-top: 12px;
}

.altas-product-dynamic .product .name a {
    color: #17191c !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    text-decoration: none !important;
}

/* Fiyat */
.altas-product-dynamic .product .price {
    margin-top: 8px;
    color: #e31e24 !important;
    font-size: 15px;
    font-weight: 700;
}

/* Yeni Ürünler - Fastor eski ayırıcıları ve carousel oklarını temizle */

/* Ürünler arasındaki eski dikey çizgileri kaldır */
.altas-product-dynamic .product-grid > .row > div {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Carousel ileri / geri düğmelerini kaldır */
.altas-product-dynamic .next,
.altas-product-dynamic .prev {
    display: none !important;
}

/* Yeni Ürünler - Fastor dikey ayırıcı çizgisini kaldır */
.altas-product-dynamic .product-grid .product:before,
.altas-product-dynamic .product-grid .product:after {
    display: none !important;
    content: none !important;
}

/* Yeni Ürünler - modern kart yapısı */
.altas-product-dynamic .product-grid .row {
    display: flex;
    align-items: stretch;
}

.altas-product-dynamic .product-grid .row > div {
    padding: 0 8px;
}

.altas-product-dynamic .product-grid .product {
    position: relative;
    height: 100%;
    min-height: 390px;
    padding: 22px 18px 20px;
    background: #f7f8f9 !important;
    border: 1px solid #eeeeee !important;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.altas-product-dynamic .product-grid .product:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07) !important;
}

/* Kart içerisindeki görsel alanı */
.altas-product-dynamic .product-grid .product .image {
    height: 220px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
}

.altas-product-dynamic .product-grid .product .image img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 190px;
    object-fit: contain;
}

/* Yeni Ürünler - ürün bilgilerini eşit hizala */
.altas-product-dynamic .product .right {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.altas-product-dynamic .product .name {
    min-height: 42px;
    margin: 12px 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.altas-product-dynamic .product .price {
    margin-top: 0;
    text-align: center;
}

/* Fiyatı 0 TL olan ürünler - teklif bağlantısı */
.altas-product-dynamic .altas-quote-price {
    color: #e31e24 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
}

.altas-product-dynamic .altas-quote-price:hover {
    color: #b9151a !important;
    text-decoration: none !important;
}

/* Yeni Ürünler - kart hover efekti */
.altas-product-dynamic .product-grid .product {
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.altas-product-dynamic .product-grid .product:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08) !important;
}

/* Yeni Ürünler - Fastor eski hover butonlarını tamamen kaldır */
.altas-product-dynamic .only-hover {
    display: none !important;
}

/* Yeni Ürünler - hover sırasında ürün bilgilerini sabit tut */
.altas-product-dynamic .product:hover .right,
.altas-product-dynamic .product:hover .name,
.altas-product-dynamic .product:hover .price {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* ==================================================
   MÜHENDİSLİK HİZMETLERİ
   ================================================== */

.altas-engineering {
    padding: 80px 0;
    background: #f5f6f7;
}

.altas-engineering-inner {
    display: flex;
    align-items: stretch;
    min-height: 390px;
    border-radius: 8px;
    overflow: hidden;
}

/* Sol metin alanı */
.altas-engineering-content {
    width: 50%;
    padding: 65px 70px;
    background: #17191c;
    color: #ffffff;
}

.altas-engineering-label {
    display: block;
    margin-bottom: 20px;
    color: #e31e24;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.altas-engineering-content h2 {
    margin: 0 0 22px;
    color: #ffffff;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 400;
}

.altas-engineering-content h2 strong {
    font-weight: 700;
}

.altas-engineering-content p {
    max-width: 480px;
    margin: 0 0 30px;
    color: #c9cdd1;
    font-size: 14px;
    line-height: 1.7;
}

.altas-engineering-button {
    display: inline-block;
    padding: 13px 20px;
    background: #e31e24;
    border-radius: 4px;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}

/* Sağ görsel alanı */
.altas-engineering-visual {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
    background: #e9ecef;
}

.altas-engineering-placeholder {
    text-align: center;
    color: #25282c;
}

.altas-engineering-placeholder span,
.altas-engineering-placeholder strong,
.altas-engineering-placeholder small {
    display: block;
}

.altas-engineering-placeholder span {
    margin-bottom: 8px;
    font-size: 11px;
    letter-spacing: 1.5px;
}

.altas-engineering-placeholder strong {
    margin-bottom: 8px;
    font-size: 25px;
}

.altas-engineering-placeholder small {
    color: #777c82;
    font-size: 13px;
}

/* Mühendislik Hizmetleri - sağ görsel */
.altas-engineering-visual {
    padding: 0 !important;
    overflow: hidden;
}

.altas-engineering-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Eski Fastor footer'ı gizle */
.altas-old-fastor-footer,
.altas-old-fastor-footer-main,
.altas-old-fastor-footer-standard {
    display: none !important;
}

/* Eski Fastor ana sayfa modül alanlarını gizle */
.altas-old-home-content {
    display: none !important;
}

/* ==================================================
   ALTAŞ NEW FOOTER
   ================================================== */

.altas-footer {
    background: #151719;
    color: #ffffff;
    margin: 0;
    padding: 0;
}

.altas-footer .container {
    padding-top: 55px;
    padding-bottom: 25px;
}

.altas-footer-main {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 55px;
    padding-bottom: 45px;
}

/* Marka alanı */
.altas-footer-brand h3 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 1px;
}

.altas-footer-brand p {
    max-width: 330px;
    margin: 0;
    color: #aeb3b8;
    font-size: 14px;
    line-height: 1.8;
}

/* Sütun başlıkları */
.altas-footer-column h4 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
}

/* Footer linkleri */
.altas-footer-column a {
    display: block;
    margin-bottom: 11px;
    color: #aeb3b8;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.altas-footer-column a:hover {
    color: #e31b23;
}

/* Alt bölüm */
.altas-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    color: #858b91;
    font-size: 12px;
}

/* Tablet */
@media (max-width: 991px) {
    .altas-footer-main {
        grid-template-columns: 1.5fr 1fr 1fr;
        gap: 35px;
    }

    .altas-footer-brand {
        grid-column: 1 / -1;
    }
}

/* Mobil */
@media (max-width: 600px) {
    .altas-footer .container {
        padding-top: 40px;
        padding-bottom: 22px;
    }

    .altas-footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 35px 25px;
        padding-bottom: 35px;
    }

    .altas-footer-brand {
        grid-column: 1 / -1;
    }

    .altas-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

/* Yeni Altaş footer'dan hemen önce kalan eski Fastor footer alanını gizle */
.footer.full-width:has(+ .altas-footer) {
    display: none !important;
}

/* =========================================
   ALTAŞ - ELECTRONICS LANDING PAGE
   ========================================= */

.altas-electronics-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0 50px;
}

.altas-electronics-intro {
    max-width: 760px;
    margin-bottom: 42px;
}

.altas-electronics-intro p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #666;
}

.altas-electronics-page > h2 {
    margin: 0 0 22px;
    font-size: 24px;
    font-weight: 700;
    color: #222;
}

.altas-electronics-page > h2:not(:first-of-type) {
    margin-top: 48px;
}

.altas-electronics-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.altas-electronics-card {
    display: flex;
    flex-direction: column;
    min-height: 190px;
    padding: 26px;
    background: #f7f8f9;
    border: 1px solid #eceef0;
    border-radius: 4px;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.altas-electronics-card:hover {
    transform: translateY(-3px);
    border-color: #ddd;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.altas-electronics-card h3 {
    margin: 0 0 12px;
    font-size: 19px;
    font-weight: 700;
    color: #222;
}

.altas-electronics-card p {
    margin: 0 0 22px;
    font-size: 14px;
    line-height: 1.6;
    color: #777;
}

.altas-electronics-card span {
    margin-top: auto;
    font-size: 13px;
    font-weight: 600;
    color: #e5231f;
}

.altas-electronics-card:hover h3 {
    color: #e5231f;
}

/* Tablet */
@media (max-width: 991px) {
    .altas-electronics-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .altas-electronics-page {
        padding-bottom: 30px;
    }

    .altas-electronics-grid {
        grid-template-columns: 1fr;
    }

    .altas-electronics-card {
        min-height: 160px;
        padding: 22px;
    }

    .altas-electronics-page > h2:not(:first-of-type) {
        margin-top: 36px;
    }
}

/* =========================================
   ALTAŞ - EDUCATION SETS LANDING PAGE
   ========================================= */

.altas-education-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0 50px;
}

.altas-education-intro {
    max-width: 760px;
    margin-bottom: 42px;
}

.altas-education-intro p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #666;
}

.altas-education-page > h2 {
    margin: 0 0 22px;
    font-size: 24px;
    font-weight: 700;
    color: #222;
}

.altas-education-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.altas-education-card {
    display: flex;
    flex-direction: column;
    min-height: 190px;
    padding: 26px;
    background: #f7f8f9;
    border: 1px solid #eceef0;
    border-radius: 4px;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.altas-education-card:hover {
    transform: translateY(-3px);
    border-color: #ddd;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.altas-education-card h3 {
    margin: 0 0 12px;
    font-size: 19px;
    font-weight: 700;
    color: #222;
}

.altas-education-card p {
    margin: 0 0 22px;
    font-size: 14px;
    line-height: 1.6;
    color: #777;
}

.altas-education-card span {
    margin-top: auto;
    font-size: 13px;
    font-weight: 600;
    color: #e5231f;
}

.altas-education-card:hover h3 {
    color: #e5231f;
}

@media (max-width: 991px) {
    .altas-education-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .altas-education-page {
        padding-bottom: 30px;
    }

    .altas-education-grid {
        grid-template-columns: 1fr;
    }

    .altas-education-card {
        min-height: 160px;
        padding: 22px;
    }
}

.altas-topbar-right a:link,
.altas-topbar-right a:visited {
    color: #4d5157;
}

.altas-topbar-right a:hover {
    color: #e21b23;
}

.altas-header-nav a:link,
.altas-header-nav a:visited {
    color: #17191c;
}

.altas-category-links a:link,
.altas-category-links a:visited {
    color: #4d5157;
}

.altas-footer-column a:link,
.altas-footer-column a:visited {
    color: #b8b8b8;
}

.altas-footer-column a:hover {
    color: #ffffff;
}

/* Blog kartları - kompakt görünüm */
.posts.posts-grid .post .post-content {
    min-height: 0px;
    box-sizing: border-box;
}

/* Blog kartları - kategori ve tarih ayrı satırlarda */
.posts.posts-grid .post .post-content .tags {
    position: absolute !important;
    float: none !important;
    width: 100%;
    text-align: center;
    margin: 0 0 6px 0;
}

.posts.posts-grid .post .post-content .date-published {
    position: static !important;
    float: none !important;
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
}

/* Blog kategori etiketlerinin yazı rengi */
.posts.posts-grid .post .tags a:link,
.posts.posts-grid .post .tags a:visited,
.posts.posts-grid .post .tags a:hover,
.posts.posts-grid .post .tags a:focus {
    color: #ffffff !important;
}

/* Blog kategori etiketleri - hover görünümü */
.posts.posts-grid .post .tags a:hover,
.posts.posts-grid .post .tags a:focus {
    background-color: #4ba015 !important;
    color: #ffffff !important;
}
/* Blog kategori etiketlerini kartın içine yerleştir */
.posts.posts-grid .post .post-content .tags {
    padding-top: 12px;
    box-sizing: border-box;
}

/* Blog - üç sütunlu düzen */
.posts.posts-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 16px;
}

/* Kartların eşit yükseklikte olması */
.posts.posts-grid > .post {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto;
    margin: 0 !important;
}

.posts.posts-grid > .post > .post-content {
    height: auto;
    min-height: 120px;
    box-sizing: border-box;
}

/* Tablet */
@media (max-width: 991px) {
    .posts.posts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Telefon */
@media (max-width: 600px) {
    .posts.posts-grid {
        grid-template-columns: 1fr;
    }
}

/* Blog başlıklarının tamamını göster */
.posts.posts-grid .post-title {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
    line-clamp: unset;
}

/* Blog kartlarında kategori ve tarih hizalaması */
.posts.posts-grid .post-content .tags {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.posts.posts-grid .post-content .date-published {
    margin-top: 0;
}

/* Blog kartlarında tarih üst boşluğunu sıfırla */
.posts.posts-grid .post-with-3-columns .date-published {
    padding-top: 0 !important;
}

/* Blog kapak görselleri - düzenlenmiş */
.posts.posts-grid .altas-blog-image {
    height: 155px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden;
    padding: 10px !important;
    box-sizing: border-box;
}

.posts.posts-grid .altas-blog-image > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.posts.posts-grid .altas-blog-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block;
}

/* Blog kartları - eşit yükseklik */
.posts.posts-grid {
    align-items: stretch;
}

.posts.posts-grid > .post {
    display: flex;
    flex-direction: column;
}

.posts.posts-grid > .post > .post-content {
    flex: 1;
    height: auto;
}

/* Blog kategori etiketleri */
.posts.posts-grid .post .post-content > .tags {
    position: static !important;
    float: none !important;
    width: 100% !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 !important;
    transform: none !important;
}

/* Blog kartları arasındaki dikey boşluğu düzenle */
.posts.posts-grid > .post {
    margin-bottom: 0 !important;
}

.posts.posts-grid {
    row-gap: 24px !important;
}

/* Blog kartlarının satır yüksekliğini içerikle uyumlu tut */
.posts.posts-grid {
    grid-auto-rows: auto !important;
    align-items: stretch !important;
}

.posts.posts-grid > .post {
    height: 100% !important;
}

/* Blog kartlarının alt iç boşluğunu azalt */
.posts.posts-grid > .post > .post-content {
    padding-bottom: 10px !important;
}
/* Blog kartlarının altındaki fazladan boşluğu kaldır */
.posts.posts-grid > .post > .post-content {
    margin-bottom: 0 !important;
}

/* Blog kartlarının görsel alanını kompaktlaştır */
.posts.posts-grid .altas-blog-image {
    height: 135px !important;
}

/* Mobil görünüm - masaüstü menülerini gizle */
@media screen and (max-width: 767px) {

    .altas-header-nav {
        display: none !important;
    }

    .altas-category-links {
        display: none !important;
    }

}

@media (max-width: 767px) {
    .altas-main-header > .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 10px 15px !important;
        gap: 12px !important;
    }

    .altas-header-logo {
        flex: 0 0 auto !important;
        width: auto !important;
    }

    .altas-header-logo img {
        max-width: 65px !important;
        height: auto !important;
    }

    .altas-header-nav {
        display: none !important;
    }

    .altas-header-search {
        display: none !important;
    }

    .altas-header-actions {
        display: flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        gap: 15px !important;
    }

    .altas-header-action span {
        display: none !important;
    }
}


/* Mobilde üst bilgi çubuğunu gizle */
@media (max-width: 767px) {
    .altas-topbar {
        display: none !important;
    }
}

/* Mobil başlık hizalaması */
@media (max-width: 767px) {
    .altas-main-header > .container {
        justify-content: space-between !important;
    }

    .altas-header-logo {
        margin: 0 !important;
        padding: 0 !important;
    }

    .altas-header-actions {
        margin-left: auto !important;
        gap: 20px !important;
    }

    .altas-header-action {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .altas-action-icon {
        width: 22px !important;
        height: 22px !important;
    }
}

/* Mobil arama simgesi */
@media (max-width: 767px) {
    .altas-header-search {
        display: flex !important;
        flex: 0 0 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        overflow: hidden !important;
    }

    .altas-search-form {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 36px !important;
    }

    .altas-search-input {
        display: none !important;
    }

    .altas-search-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
    }

    .altas-search-button svg {
        width: 22px !important;
        height: 22px !important;
    }
}

/* Mobil başlıkta simgeleri sağda grupla */
@media (max-width: 767px) {
    .altas-header-search {
        margin-left: auto !important;
    }

    .altas-header-actions {
        margin-left: 0 !important;
    }
}

/* Mobil açılır arama kutusu */
@media (max-width: 767px) {

    .altas-main-header > .container {
        flex-wrap: wrap !important;
    }

    .altas-header-search {
        position: static !important;
        order: 2 !important;
    }

    .altas-header-actions {
        order: 3 !important;
    }

    .altas-header-search.mobile-search-open {
        order: 4 !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 8px 0 !important;
        overflow: visible !important;
    }

    .altas-header-search.mobile-search-open .altas-search-form {
        width: 100% !important;
    }

    .altas-header-search.mobile-search-open .altas-search-input {
        display: block !important;
        flex: 1 !important;
        min-width: 0 !important;
        width: 100% !important;
        padding: 10px !important;
    }
}

/* Mobil açılır arama alanı */
@media (max-width: 767px) {
    .altas-header-search.mobile-search-open {
        padding: 0 10px 10px !important;
        margin-top: -5px !important;
        height: 48px !important;
    }

    .altas-header-search.mobile-search-open .altas-search-form {
        display: flex !important;
        align-items: center !important;
        height: 42px !important;
        background: #f5f6f7 !important;
        border: 1px solid #eeeeee !important;
        border-radius: 8px !important;
        padding: 0 8px !important;
    }

    .altas-header-search.mobile-search-open .altas-search-input {
        height: 40px !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        font-size: 13px !important;
    }
}
/* Mobil ana sayfa hero düzeni */
@media (max-width: 767px) {
    .altas-hero-inner {
        flex-direction: column;
        gap: 24px;
        padding: 35px 0;
        min-height: 0;
    }

    .altas-hero-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .altas-hero-content h1 {
        overflow-wrap: anywhere;
    }

    .altas-hero-visual {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}

/* Mobil ana sayfa başlık düzeni */
@media (max-width: 767px) {
    .altas-hero-inner {
        padding: 35px 18px;
    }

    .altas-hero-content h1 {
        font-size: 32px;
        line-height: 1.2;
        overflow-wrap: normal;
        word-break: normal;
    }
}

/* Mobil hero görsel alanı */
@media (max-width: 767px) {
    .altas-hero-inner {
        gap: 10px;
    }

    .altas-hero-visual {
        min-height: 260px;
    }
}

/* Mobil kategoriler butonu hizalama */
@media (max-width: 767px) {
    .altas-category-toggle {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Mobil ana sayfa kategori kartları */
@media (max-width: 767px) {
    .altas-category-showcase .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .altas-showcase-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .altas-showcase-card {
        min-height: 180px;
        padding: 22px;
    }

    .altas-showcase-heading {
        max-width: 100%;
    }
}

/* Mobil mühendislik hizmetleri bölümü */
@media (max-width: 767px) {

    .altas-engineering {
        padding: 40px 0;
    }

    .altas-engineering-inner {
        flex-direction: column;
        min-height: 0;
    }

    .altas-engineering-content {
        width: 100%;
        padding: 32px 24px;
    }

    .altas-engineering-content h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    .altas-engineering-visual {
        width: 100%;
        min-height: 220px;
    }

    .altas-engineering-image {
        width: 100%;
        height: 220px;
        object-fit: cover;
    }
}

/* Mobil Yeni Ürünler kartlarının görsel alanı */
@media (max-width: 767px) {
    #yeni-urunler .product .image {
        height: 145px !important;
        min-height: 0 !important;
        padding: 10px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #yeni-urunler .product .image img {
        max-width: 100% !important;
        max-height: 125px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

/* Mobil Yeni Ürünler kart yüksekliği */
@media (max-width: 767px) {
    #yeni-urunler .product {
        height: auto !important;
        min-height: 0 !important;
    }
}

/* Mobil Yeni Ürünler kartlarını eşit yükseklikte göster */
@media (max-width: 767px) {

    #yeni-urunler .product-grid > .row {
        display: flex !important;
        flex-wrap: wrap;
        align-items: stretch;
    }

    #yeni-urunler .product-grid > .row > [class*="col-"] {
        display: flex !important;
        flex-direction: column;
    }

    #yeni-urunler .product-grid > .row > [class*="col-"] > .product {
        flex: 1 1 auto;
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
    }
}

/* Mobil kategori alt menü oku */
@media (max-width: 767px) {
    .altas-category-item .altas-category-chevron {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        margin-left: auto;
        font-size: 18px;
        flex-shrink: 0;
    }

    .altas-category-item .altas-category-chevron::before {
        content: "\203A";
    }
}

/* Mobil kategori menüsü - tek sütun */
@media (max-width: 767px) {
    .altas-category-dropdown {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 70vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .altas-category-columns {
        display: block !important;
    }

    .altas-category-column {
        width: 100% !important;
        max-width: 100% !important;
    }

    .altas-category-submenu {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Mobil kategori menüsü - iç genişlik düzeltmesi */
@media (max-width: 767px) {
    .altas-category-dropdown,
    .altas-category-columns,
    .altas-category-column,
    .altas-category-item-wrap,
    .altas-category-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* Mobil kategori alt menülerini ok ile açma */
@media (max-width: 767px) {
    .altas-category-item-wrap > .altas-category-submenu {
        display: none !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .altas-category-item-wrap.mobile-submenu-open > .altas-category-submenu {
        display: block !important;
        position: static !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .altas-category-item-wrap.mobile-submenu-open > .altas-category-item .altas-category-chevron {
        transform: rotate(90deg);
    }
}

/* Mobil ürün detay sayfası */
@media (max-width: 767px) {

    /* Fiyat */
    .product-info .price .price-new {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    /* Sepete ekleme bölümü */
    .product-info .add-to-cart {
        padding: 15px !important;
    }

    /* Miktar alanı */
    .product-info .quantity {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
    }

    /* Artırma ve azaltma butonları */
    .product-info #minus,
    .product-info #pluse {
        width: 42px !important;
        height: 38px !important;
        min-width: 42px !important;
        padding: 0 !important;
        text-align: center !important;
    }

    /* Miktar değeri */
    .product-info #quantity_wanted {
        width: 50px !important;
        height: 38px !important;
        text-align: center !important;
    }

    /* Sepete Ekle */
    .product-info #button-cart {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        min-height: 42px !important;
    }
}

/* Mobil ürün miktar kontrolü */
@media (max-width: 767px) {

    .product-info .quantity {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 0 !important;
    }

    /* Azaltma ve artırma butonları */
    .product-info .quantity #minuse,
    .product-info .quantity #pluse {
        width: 45px !important;
        min-width: 45px !important;
        max-width: 45px !important;
        height: 40px !important;
        flex: 0 0 45px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Miktar değeri */
    .product-info .quantity #product_qty {
        width: 55px !important;
        min-width: 55px !important;
        max-width: 55px !important;
        height: 40px !important;
        flex: 0 0 55px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
}

/* Mobil ürün kodu ve stok bilgileri */
@media (max-width: 767px) {

    .product-info .description {
        font-size: 13px !important;
        line-height: 1.9 !important;
    }

    .product-info .description span {
        font-size: 13px !important;
    }
}

/* Mobil ürün detay - Favoriler ve Karşılaştır */
@media (max-width: 767px) {

    .product-info .links.clearfix {
        display: flex !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .product-info .links.clearfix > a {
        display: flex !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        min-height: 44px !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 10px 5px !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        box-sizing: border-box !important;
        cursor: pointer;
    }

    .product-info .links.clearfix > a i {
        font-size: 14px !important;
        flex-shrink: 0;
    }
}
/* Mobil Sepete Ekle butonu - dikey ve yatay hizalama */
@media (max-width: 767px) {
    .product-info #button-cart {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 0 12px !important;
        min-height: 44px !important;
        line-height: normal !important;
        box-sizing: border-box !important;
    }
}

/* Altaş Kitap - Modern ürün görseli büyütme penceresi */

.mfp-bg {
    background: #111111 !important;
    opacity: 0.85 !important;
}

.mfp-figure {
    background: transparent !important;
    box-shadow: none !important;
}

.mfp-figure::after {
    display: none !important;
}

.mfp-figure img.mfp-img {
    padding: 35px 0 !important;
    max-height: calc(100vh - 80px) !important;
    box-sizing: border-box !important;
}

/* Kapatma düğmesi */
.mfp-image-holder .mfp-close {
    position: fixed !important;
    top: 16px !important;
    right: 16px !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 !important;
    text-align: center !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Gezinme okları */
.mfp-arrow {
    width: 42px !important;
    height: 42px !important;
    margin-top: -21px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.14) !important;
    opacity: 1 !important;
}

.mfp-arrow::before,
.mfp-arrow::after {
    display: none !important;
}

.mfp-arrow-left {
    left: 10px !important;
}

.mfp-arrow-right {
    right: 10px !important;
}

.mfp-arrow-left::after,
.mfp-arrow-right::after {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 10px !important;
    height: 10px !important;
    margin: -5px 0 0 -5px !important;
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    background: none !important;
    content: "" !important;
}

.mfp-arrow-left::after {
    transform: rotate(135deg);
}

.mfp-arrow-right::after {
    transform: rotate(-45deg);
}

/* Görsel sayacı */
.mfp-counter {
    position: fixed !important;
    top: auto !important;
    bottom: 24px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    padding: 7px 14px !important;
    border-radius: 20px !important;
    background: rgba(45,45,45,0.9) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
    z-index: 100 !important;
}

/* Mobil görünüm */
@media (max-width: 767px) {
    .mfp-arrow {
        width: 36px !important;
        height: 36px !important;
    }

    .mfp-arrow-left {
        left: 5px !important;
    }

    .mfp-arrow-right {
        right: 5px !important;
    }
}

/* Büyütme penceresi gezinme okları - son düzenleme */
.mfp-wrap .mfp-arrow {
    width: 36px !important;
    height: 36px !important;
    background: rgba(70, 70, 70, 0.9) !important;
    z-index: 9999 !important;
}

/* Mobil büyütme penceresi - kenar çizgisi düzeltmesi */
@media (max-width: 767px) {
    .mfp-bg {
        left: -2px !important;
        width: calc(100% + 4px) !important;
    }
}

/* Masaüstü galeri arka planı */
@media (min-width: 768px) {
    .mfp-bg {
        opacity: 0.90 !important;
    }
}

/* Ürün detay sayfası - eski ürün gezinme bağlantılarını gizle */
.next-product-2 {
    display: none !important;
}

/* Ürün detay sayfası - başlık ve kategori yolu */
body.product-product .breadcrumb ul {
    margin-bottom: 12px !important;
}

body.product-product .breadcrumb #title-page {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

body.product-product .breadcrumb #title-page::before,
body.product-product .breadcrumb #title-page::after {
    display: none !important;
}


/* Ürün detay sayfası - başlık altındaki çizgi */
body.product-product .breadcrumb h1#title-page::after,
body.product-product .breadcrumb h1#title-page::before {
    content: none !important;
    display: none !important;
}

body.product-product .breadcrumb h1#title-page {
    border-bottom: 0 !important;
    background-image: none !important;
}

/* Ürün detay sayfası - başlık düzeni */
body.product-product .breadcrumb .container h1#title-page {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* Kategori yolu ve başlık arasındaki boşluk */
body.product-product .breadcrumb .container ul {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
}

/* Ürün sayfası - başlık çizgisini kaldırma testi */
.breadcrumb .container h1#title-page {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Ürün sayfası - başlık çizgisini kaldırma testi */
.breadcrumb .container h1#title-page {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Ürün detay sayfası - üst boşluğu azalt */
.breadcrumb .container > .altas-product-breadcrumb {
    padding-top: 30px !important;
}

/* ALTAŞ - Yatay telefon header uyumluluk testi */
@media (min-width: 768px) and (max-width: 991px) {
    .altas-main-header > .container {
        flex-wrap: wrap !important;
        gap: 12px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .altas-header-logo {
        flex: 0 0 auto !important;
    }

    .altas-header-nav {
        display: none !important;
    }

    .altas-header-search {
        min-width: 0 !important;
        flex: 1 1 180px !important;
    }

    .altas-header-actions {
        flex: 0 0 auto !important;
    }

    .altas-category-links {
        display: none !important;
    }
}

/* Ürün detay sayfası - kategori yolu ve başlık boşluğu */
.breadcrumb .container > .altas-product-breadcrumb ul {
    padding-bottom: 8px !important;
    margin-bottom: 0 !important;
}

/* Ürün detay sayfalarında başlık ile ürün içeriği arasındaki boşluk */
.breadcrumb.altas-product-page {
    margin-bottom: -30px !important;
}

/* Mühendislik bölümü - tablet yatay görünüm */
@media (min-width: 768px) and (max-width: 991px) {
    .altas-engineering-content {
        padding: 45px 26px !important;
    }

    .altas-engineering-content h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
}


/* =========================================
   ALTAS CONTACT PAGE
   Yalnizca iletisim sayfasini etkiler
   ========================================= */

#information-contact.altas-contact {
  margin-top: 20px;
  margin-bottom: 50px;
  color: #263445;
}

#information-contact .altas-contact-hero {
  padding: 34px 36px;
  margin-bottom: 32px;
  background: #f3f5f7;
  border-radius: 12px;
}

#information-contact .altas-contact-eyebrow {
  display: block;
  margin-bottom: 10px;
  color: #667487;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
}

#information-contact .altas-contact-hero h1 {
  margin: 0 0 12px;
  color: #202d3c;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
}

#information-contact .altas-contact-hero p {
  max-width: 720px;
  margin: 0;
  color: #5c6878;
  font-size: 15px;
  line-height: 1.8;
}

#information-contact .altas-contact-section-title {
  margin-bottom: 22px;
}

#information-contact .altas-contact-section-title h2 {
  margin: 0 0 8px;
  color: #202d3c;
  font-size: 23px;
  font-weight: 700;
}

#information-contact .altas-contact-section-title p {
  margin: 0;
  color: #6b7684;
  font-size: 14px;
  line-height: 1.7;
}

#information-contact .altas-contact-cards {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

#information-contact .altas-contact-card {
  display: flex;
  margin-bottom: 20px;
}

#information-contact .altas-contact-card-inner {
  width: 100%;
  padding: 24px 22px;
  background: #fff;
  border: 1px solid #e5e9ee;
  border-radius: 10px;
  transition: border-color .2s ease, box-shadow .2s ease;
}

#information-contact .altas-contact-card-inner:hover {
  border-color: #cbd4df;
  box-shadow: 0 5px 18px rgba(32, 45, 60, .06);
}

#information-contact .altas-contact-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 16px;
  color: #26384c;
  background: #eef2f6;
  border-radius: 9px;
  font-size: 19px;
}

#information-contact .altas-contact-card h3 {
  margin: 0 0 12px;
  color: #202d3c;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

#information-contact .altas-contact-detail,
#information-contact .altas-contact-detail address {
  margin: 0;
  color: #5c6878;
  font-size: 14px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

#information-contact .altas-contact-detail a {
  color: #26384c;
  text-decoration: none;
  overflow-wrap: anywhere;
}

#information-contact .altas-contact-detail a:hover,
#information-contact .altas-contact-link:hover {
  text-decoration: underline;
}

#information-contact .altas-contact-extra {
  margin-top: 12px;
  color: #6b7684;
  font-size: 13px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

#information-contact .altas-contact-link {
  display: inline-block;
  margin-top: 12px;
  color: #26384c;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

#information-contact .altas-contact-locations {
  margin: 16px 0 38px;
}

#information-contact .altas-contact-accordion .panel {
  border: 1px solid #e5e9ee;
  border-radius: 8px;
  box-shadow: none;
  overflow: hidden;
}

#information-contact .altas-contact-accordion .panel-heading {
  padding: 0;
  background: #f7f8fa;
}

#information-contact .altas-contact-accordion .panel-title a {
  display: block;
  padding: 16px 20px;
  color: #263445;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

#information-contact .altas-contact-accordion .panel-title a i {
  float: right;
  font-size: 18px;
}

#information-contact .altas-contact-accordion .panel-body {
  padding: 22px;
  line-height: 1.8;
}

#information-contact .altas-contact-form-section {
  padding: 30px;
  background: #f7f8fa;
  border: 1px solid #e7ebef;
  border-radius: 12px;
}

#information-contact .altas-contact-form .form-group {
  margin-bottom: 22px;
}

#information-contact .altas-contact-form label {
  display: block;
  margin-bottom: 9px;
  color: #263445;
  font-size: 14px;
  font-weight: 600;
}

#information-contact .altas-contact-form .form-control {
  min-height: 46px;
  padding: 12px 14px;
  color: #263445;
  background: #fff;
  border: 1px solid #dce2e8;
  border-radius: 7px;
  box-shadow: none;
  font-size: 14px;
  transition: border-color .2s ease, box-shadow .2s ease;
}

#information-contact .altas-contact-form .form-control:focus {
  border-color: #74869b;
  outline: none;
  box-shadow: 0 0 0 3px rgba(116, 134, 155, .13);
}

#information-contact .altas-contact-form textarea.form-control {
  min-height: 150px;
  resize: vertical;
}

#information-contact .altas-contact-form .text-danger {
  margin-top: 6px;
  font-size: 13px;
}

#information-contact .altas-contact-submit {
  margin-top: 12px;
  text-align: right;
}

#information-contact .altas-contact-submit .btn {
  min-height: 46px;
  padding: 12px 28px;
  color: #fff;
  background: #26384c;
  border: 1px solid #26384c;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
  transition: background .2s ease, border-color .2s ease;
}

#information-contact .altas-contact-submit .btn:hover,
#information-contact .altas-contact-submit .btn:focus {
  background: #172333;
  border-color: #172333;
}

@media (max-width: 767px) {
  #information-contact.altas-contact {
    margin-top: 12px;
    margin-bottom: 30px;
  }

  #information-contact .altas-contact-hero {
    padding: 25px 20px;
    margin-bottom: 26px;
    border-radius: 9px;
  }

  #information-contact .altas-contact-hero h1 {
    font-size: 26px;
  }

  #information-contact .altas-contact-hero p {
    font-size: 14px;
  }

  #information-contact .altas-contact-section-title h2 {
    font-size: 21px;
  }

  #information-contact .altas-contact-card {
    margin-bottom: 14px;
  }

  #information-contact .altas-contact-card-inner {
    padding: 20px;
  }

  #information-contact .altas-contact-form-section {
    padding: 22px 17px;
    border-radius: 9px;
  }

  #information-contact .altas-contact-form .form-group {
    margin-bottom: 18px;
  }

  #information-contact .altas-contact-submit .btn {
    width: 100%;
  }
}

/* GECICI ILETISIM SAYFASI TESTI */
#information-contact.altas-contact .altas-contact-hero {
  background: #ffeb3b !important;
  border: 4px solid #e53935 !important;
}
/* Header arama alaninin altindaki ince cizgi */
.header_24 .search,
.header_24 .search-container,
.header_24 .search-form,
.header_24 .search_form,
.header_24 .search-input {
  box-shadow: none !important;
  border-bottom: none !important;
}


/* Arama cubugunun altindaki cizgi - masaustu */
@media (min-width: 768px) {
  .altas-search-box {
    border: none !important;
    box-shadow: none !important;
  }

  .altas-search-box::before,
  .altas-search-box::after {
    display: none !important;
    content: none !important;
  }

  .altas-search-box input#search_query {
    border: none !important;
    box-shadow: none !important;
  }
}


/* Arama alaninin bulundugu header satirindaki cizgiyi test et */
.altas-header-main,
.altas-header-main .container,
.altas-header-main .container-fluid-custom {
    border-bottom: none !important;
    box-shadow: none !important;
}


/* Arama önerileri kutusunun üst kenarlığını kaldır */
.altas-search-box .autocomplete-results {
    border-top: none !important;
}

/* ==========================================
   ALTAS - MOBİL FOOTER DÜZENLEMESİ
   ========================================== */

@media (max-width: 767px) {

    /* Footer genel boşluklarını azalt */
    footer,
    #footer {
        padding-top: 25px !important;
        padding-bottom: 15px !important;
    }

    /* Footer sütunları arasındaki boşluğu azalt */
    footer .row,
    #footer .row {
        margin-left: 0;
        margin-right: 0;
    }

    footer .col-sm-3,
    footer .col-sm-4,
    footer .col-sm-6,
    #footer .col-sm-3,
    #footer .col-sm-4,
    #footer .col-sm-6 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 22px;
    }

    /* ALTAŞ başlığı ve açıklaması */
    footer h3,
    #footer h3 {
        margin-top: 0;
        margin-bottom: 12px;
    }

    /* Footer başlıkları */
    footer h4,
    #footer h4 {
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 18px;
    }

    /* Açıklama metni */
    footer p,
    #footer p {
        line-height: 1.6;
        margin-bottom: 14px;
    }

    /* Footer bağlantıları */
    footer ul,
    #footer ul {
        margin-bottom: 0;
        padding-left: 0;
        list-style: none;
    }

    footer ul li,
    #footer ul li {
        margin-bottom: 10px;
        line-height: 1.5;
    }

    /* Sosyal medya simgeleri */
    footer .social-icons,
    #footer .social-icons {
        margin-top: 14px;
        margin-bottom: 10px;
    }

    /* Footer altındaki teslimat ve bilgilendirme alanları */
    footer .footer-service,
    #footer .footer-service {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    /* Footer içindeki görsellerin taşmasını engelle */
    footer img,
    #footer img {
        max-width: 100%;
        height: auto;
    }
}

/* ==========================================
   ALTAS - DİKEY MOBİL EKRAN FOOTER DÜZENİ
   ========================================== */

@media screen and (max-width: 480px) {

    #footer,
    footer {
        padding: 20px 0 10px !important;
        overflow: hidden;
    }

    #footer .container,
    footer .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #footer .row,
    footer .row {
        display: flex;
        flex-direction: column;
        margin: 0 !important;
    }

    #footer .row > [class*="col-"],
    footer .row > [class*="col-"] {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
        margin: 0 0 18px !important;
        box-sizing: border-box;
    }

    #footer h3,
    #footer h4,
    footer h3,
    footer h4 {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
        line-height: 1.4;
    }

    #footer p,
    footer p {
        margin-bottom: 12px !important;
        line-height: 1.5 !important;
    }

    #footer ul,
    footer ul {
        margin: 0 !important;
        padding: 0 !important;
    }

    #footer ul li,
    footer ul li {
        margin: 0 0 8px !important;
        padding: 0 !important;
        line-height: 1.45 !important;
    }

    #footer .social-icons,
    footer .social-icons {
        margin: 12px 0 0 !important;
    }
}


/* =========================================
   ALTAŞ YATAY E-BÜLTEN TASARIMI
   ========================================= */

.altas-newsletter-wrap {
    max-width: 1200px;
    margin: 0 auto 24px;
    padding: 0 15px;
    box-sizing: border-box;
}

/* Ana yatay panel */
.altas-newsletter-wrap [id^="newsletter"] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0 !important;
    padding: 24px 30px !important;
    background: #171717 !important;
    color: #fff !important;
    border: 1px solid #292929 !important;
    border-radius: 8px !important;
    box-sizing: border-box;
}

/* Eski tema dekorasyonlarını kaldır */
.altas-newsletter-wrap .box-heading {
    flex: 0 0 36%;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.35;
}

.altas-newsletter-wrap .strip-line {
    display: none !important;
}

/* İçerik alanı: açıklama ve form */
.altas-newsletter-wrap .box-content {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    color: #c8c8c8 !important;
    font-size: 13px;
    line-height: 1.6;
}

/* Açıklama */
.altas-newsletter-wrap .box-content > *:not(input):not(a) {
    color: #c8c8c8;
}

/* E-posta alanı */
.altas-newsletter-wrap input.email {
    display: inline-block !important;
    width: calc(100% - 125px) !important;
    max-width: 360px;
    height: 44px;
    margin: 14px 8px 0 0 !important;
    padding: 0 14px !important;
    box-sizing: border-box;
    background: #fff !important;
    color: #222 !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    font-size: 13px;
    vertical-align: middle;
    outline: none;
}

.altas-newsletter-wrap input.email:focus {
    border-color: #d71920 !important;
    box-shadow: 0 0 0 2px rgba(215, 25, 32, 0.2);
}

.altas-newsletter-wrap input.email::placeholder {
    color: #777;
    opacity: 1;
}

/* Abone Ol düğmesi */
.altas-newsletter-wrap .button.subscribe {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 14px 0 0 !important;
    padding: 0 20px !important;
    box-sizing: border-box;
    background: #d71920 !important;
    color: #fff !important;
    border: 1px solid #d71920 !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    vertical-align: middle;
    cursor: pointer;
    transition: background 0.2s ease;
}

.altas-newsletter-wrap .button.subscribe:hover {
    background: #b9141a !important;
    border-color: #b9141a !important;
    color: #fff !important;
}

/* Abonelikten çıkış düğmesi */
.altas-newsletter-wrap .button.unsubscribe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin: 10px 0 0 8px !important;
    padding: 0 14px !important;
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #555 !important;
    border-radius: 5px !important;
}

/* Tablet ve mobil düzen */
@media (max-width: 767px) {
    .altas-newsletter-wrap {
        margin-bottom: 18px;
        padding: 0 12px;
    }

    .altas-newsletter-wrap [id^="newsletter"] {
        display: block;
        padding: 22px 18px !important;
    }

    .altas-newsletter-wrap .box-heading {
        margin-bottom: 8px !important;
        font-size: 20px !important;
    }

    .altas-newsletter-wrap .box-content {
        font-size: 13px;
    }

    .altas-newsletter-wrap input.email {
        display: block !important;
        width: 100% !important;
        max-width: none;
        height: 44px;
        margin: 16px 0 10px !important;
    }

    .altas-newsletter-wrap .button.subscribe {
        display: flex !important;
        width: 100%;
        min-height: 44px;
        margin: 0 !important;
    }

    .altas-newsletter-wrap .button.unsubscribe {
        margin: 10px 0 0 !important;
    }
}


/* =========================================
   ALTAŞ FOOTER - MOBİLDE İKİ SÜTUN
   E-bülten alanına dokunmaz.
   ========================================= */

@media (max-width: 767px) {

    /* Footer ana içerik alanı */
    .altas-footer .altas-footer-main {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px 18px !important;
        align-items: start;
    }

    /* Footer içindeki her ana bölümün taşmasını önle */
    .altas-footer .altas-footer-main > div {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /* Başlıklar */
    .altas-footer .altas-footer-main h3,
    .altas-footer .altas-footer-main h4 {
        font-size: 14px !important;
        line-height: 1.4 !important;
        margin-bottom: 12px;
        overflow-wrap: anywhere;
    }

    /* Bağlantılar ve metinler */
    .altas-footer .altas-footer-main a,
    .altas-footer .altas-footer-main p,
    .altas-footer .altas-footer-main li {
        font-size: 12px !important;
        line-height: 1.8 !important;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    /* Marka bölümü iki sütunu kaplasın */
    .altas-footer .altas-footer-main .altas-footer-brand {
        grid-column: 1 / -1;
    }

    /* Alt bilgi alanının taşmasını önle */
    .altas-footer .altas-footer-bottom {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 14px;
        text-align: center;
    }

    .altas-footer .altas-footer-bottom > * {
        min-width: 0;
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}

/* Çok dar telefonlarda tek sütun */
@media (max-width: 360px) {
    .altas-footer .altas-footer-main {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 22px !important;
    }

    .altas-footer .altas-footer-main .altas-footer-brand {
        grid-column: auto;
    }
}


/* =========================================================
   ALTAŞ YENİ TASARIM
   Kitaplar / Kategori Sayfası - Aşama 1
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir.
   Yalnızca kategori sayfalarını etkiler, ana sayfaya dokunmaz.
   ========================================================= */


/* ---------------------------------------------------------
   1. Sayfa başlığı bandı (breadcrumb + başlık)
   --------------------------------------------------------- */

body[class*="product-category"] .breadcrumb {
    margin: 0 0 32px !important;
    padding: 0 !important;
    background: #f6f7f9 !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid #eceef2 !important;
    box-shadow: none !important;
}

body[class*="product-category"] .breadcrumb .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 36px;
}

body[class*="product-category"] .breadcrumb .container:before,
body[class*="product-category"] .breadcrumb .container:after {
    display: none !important;
}

/* Kategori yolu başlığın üstünde, soldan hizalı */
body[class*="product-category"] .breadcrumb .container ul {
    order: -1;
    margin: 0 0 12px !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 13px;
    color: #5b6472;
}

body[class*="product-category"] .breadcrumb .container ul a {
    color: #5b6472 !important;
    text-decoration: none !important;
}

body[class*="product-category"] .breadcrumb .container ul a:hover {
    color: #e31e24 !important;
}

/* Başlık */
body[class*="product-category"] .breadcrumb h1#title-page {
    order: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #0f172a !important;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 700;
    text-align: left !important;
}

/* Eski turuncu alt çizgiyi kaldır */
body[class*="product-category"] .breadcrumb h1#title-page::before,
body[class*="product-category"] .breadcrumb h1#title-page::after {
    content: none !important;
    display: none !important;
}


/* ---------------------------------------------------------
   2. Alt kategori çipleri
   Fastor ayarında "Refine search style" = metin (text only)
   olduğunda alt kategoriler yuvarlak çip olarak görünür.
   --------------------------------------------------------- */

#mfilter-content-container .refine_search_overflow {
    display: none !important;
}

#mfilter-content-container .category-list-text-only {
    margin: 0 0 24px;
}

#mfilter-content-container .category-list-text-only .row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

#mfilter-content-container .category-list-text-only .row + .row {
    margin-top: 10px;
}

#mfilter-content-container .category-list-text-only .row:before,
#mfilter-content-container .category-list-text-only .row:after {
    display: none !important;
}

#mfilter-content-container .category-list-text-only .row > div {
    float: none;
    width: auto;
    padding: 0;
}

#mfilter-content-container .category-list-text-only a {
    display: inline-block;
    padding: 9px 20px;
    background: #ffffff;
    border: 1px solid #dfe3ea;
    border-radius: 999px;
    color: #374151 !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none !important;
    transition: border-color 0.2s ease, color 0.2s ease;
}

#mfilter-content-container .category-list-text-only a:hover {
    border-color: #e31e24;
    color: #e31e24 !important;
}


/* ---------------------------------------------------------
   3. Araç çubuğu (sıralama, adet, görünüm)
   --------------------------------------------------------- */

#mfilter-content-container .product-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 26px;
    padding: 0 0 16px;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #eceef2 !important;
    box-shadow: none !important;
}

#mfilter-content-container .product-filter:before,
#mfilter-content-container .product-filter:after {
    display: none !important;
}

#mfilter-content-container .product-filter .list-options {
    order: 1;
}

#mfilter-content-container .product-filter .options {
    order: 2;
    margin-left: auto !important;
}

#mfilter-content-container .product-filter .options,
#mfilter-content-container .product-filter .list-options {
    float: none !important;
    width: auto !important;
    display: flex;
    align-items: center;
    gap: 12px;
}

#mfilter-content-container .product-filter .sort,
#mfilter-content-container .product-filter .limit {
    float: none !important;
    margin: 0 !important;
}

/* "Ürün karşılaştır" bağlantısını gizle (istemezseniz bu kuralı silin) */
#mfilter-content-container .product-filter .product-compare {
    display: none !important;
}

#mfilter-content-container .product-filter select {
    height: 40px;
    padding: 0 34px 0 14px;
    background-color: #ffffff;
    border: 1px solid #dfe3ea;
    border-radius: 8px;
    box-shadow: none;
    color: #0f172a;
    font-size: 13px;
    font-weight: 500;
}

/* Izgara / liste düğmeleri */
#mfilter-content-container .product-filter .display {
    display: flex;
    gap: 4px;
}

#mfilter-content-container .product-filter .display button {
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border: 1px solid #dfe3ea;
    border-radius: 8px;
    box-shadow: none;
    color: #5b6472;
}

#mfilter-content-container .product-filter .display button.active {
    background: #111827;
    border-color: #111827;
    color: #ffffff;
}


/* ---------------------------------------------------------
   4. Ürün kartları (ızgara görünümü)
   --------------------------------------------------------- */

#mfilter-content-container .product-grid .row {
    display: flex;
    flex-wrap: wrap;
}

#mfilter-content-container .product-grid .row:before,
#mfilter-content-container .product-grid .row:after {
    display: none !important;
}

#mfilter-content-container .product-grid .row > div {
    display: flex;
    margin-bottom: 22px;
}

#mfilter-content-container .product-grid .product {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #eceef2 !important;
    border-radius: 12px;
    box-shadow: none !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

#mfilter-content-container .product-grid .product:before,
#mfilter-content-container .product-grid .product:after {
    display: none !important;
    content: none !important;
}

#mfilter-content-container .product-grid .product:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.10) !important;
}

/* Kapak alanı */
#mfilter-content-container .product-grid .product .image {
    position: relative;
    height: 280px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6 !important;
    border-radius: 12px 12px 0 0;
}

#mfilter-content-container .product-grid .product .image img {
    max-width: 100%;
    max-height: 240px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Bilgi alanı */
#mfilter-content-container .product-grid .product .right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 18px 18px 20px;
    text-align: left;
}

#mfilter-content-container .product-grid .product .name {
    min-height: 42px;
    margin: 0;
    text-align: left;
}

#mfilter-content-container .product-grid .product .name a {
    color: #0f172a !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;
}

#mfilter-content-container .product-grid .product .name a:hover {
    color: #e31e24 !important;
}

#mfilter-content-container .product-grid .product .price {
    margin: 0;
    color: #e31e24;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

#mfilter-content-container .product-grid .product .price .price-old {
    margin-right: 8px;
    color: #5b6472;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
}

#mfilter-content-container .product-grid .product .price .price-new {
    color: #e31e24;
}


/* ---------------------------------------------------------
   5. Rozetler (İNDİRİM / YENİ)
   --------------------------------------------------------- */

#mfilter-content-container .product-grid .product .sale,
#mfilter-content-container .product-grid .product .new {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    transform: none !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    z-index: 2;
}

#mfilter-content-container .product-grid .product .sale {
    background: #e31e24 !important;
    color: #ffffff !important;
}

#mfilter-content-container .product-grid .product .new {
    background: #f59e0b !important;
    color: #111827 !important;
}

#mfilter-content-container .product-grid .product .sale:before,
#mfilter-content-container .product-grid .product .sale:after,
#mfilter-content-container .product-grid .product .new:before,
#mfilter-content-container .product-grid .product .new:after {
    display: none !important;
}


/* ---------------------------------------------------------
   6. Sayfalama
   --------------------------------------------------------- */

#mfilter-content-container .pagination-results {
    margin-top: 32px;
}

#mfilter-content-container .pagination-results .pagination {
    margin: 0;
}

#mfilter-content-container .pagination-results .pagination > li > a,
#mfilter-content-container .pagination-results .pagination > li > span {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    padding: 0;
    background: #ffffff;
    border: 1px solid #dfe3ea;
    border-radius: 8px !important;
    color: #0f172a;
    font-size: 14px;
    font-weight: 500;
    line-height: 38px;
    text-align: center;
}

#mfilter-content-container .pagination-results .pagination > li > a:hover {
    border-color: #e31e24;
    color: #e31e24;
}

#mfilter-content-container .pagination-results .pagination > .active > a,
#mfilter-content-container .pagination-results .pagination > .active > span {
    background: #e31e24;
    border-color: #e31e24;
    color: #ffffff;
    font-weight: 600;
}

#mfilter-content-container .pagination-results .text-right {
    color: #4b5563;
    font-size: 13px;
    line-height: 40px;
}


/* ---------------------------------------------------------
   7. Mobil
   --------------------------------------------------------- */

@media (max-width: 767px) {

    body[class*="product-category"] .breadcrumb .container {
        padding-top: 28px;
        padding-bottom: 26px;
    }

    body[class*="product-category"] .breadcrumb h1#title-page {
        font-size: 30px;
    }

    #mfilter-content-container .product-filter {
        flex-direction: column;
        align-items: stretch;
    }

    #mfilter-content-container .product-filter .options {
        margin-left: 0 !important;
    }

    #mfilter-content-container .product-grid .product .image {
        height: 200px;
        padding: 14px;
    }

    #mfilter-content-container .product-grid .product .image img {
        max-height: 170px;
    }

    #mfilter-content-container .product-grid .product .right {
        padding: 14px 12px 16px;
    }

    #mfilter-content-container .product-grid .product .name a {
        font-size: 13px;
    }

    #mfilter-content-container .product-grid .product .price {
        font-size: 15px;
    }

    #mfilter-content-container .pagination-results .text-right {
        margin-top: 12px;
        text-align: left;
        line-height: 1.4;
    }
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Kitaplar / Kategori Sayfası - Aşama 2 (ince ayarlar)
   Bu blok, Aşama 1 bloğunun HEMEN ALTINA (dosyanın en sonuna) eklenir.
   ========================================================= */


/* ---------------------------------------------------------
   1. Başlık bandı ile içerik arasındaki fazla boşluk
   --------------------------------------------------------- */

body[class*="product-category"] .breadcrumb {
    margin-bottom: 8px !important;
}


/* ---------------------------------------------------------
   2. Kategori açıklama metni (giriş yazısı)
   --------------------------------------------------------- */

#mfilter-content-container .category-info {
    margin: 0 0 24px;
    color: #4b5563;
    font-size: 15px;
    line-height: 1.7;
}

#mfilter-content-container .category-info p {
    margin: 0;
}


/* ---------------------------------------------------------
   3. Araç çubuğu - eski kenarlık artıkları ve açılır kutu oku
   --------------------------------------------------------- */

#mfilter-content-container .product-filter .options,
#mfilter-content-container .product-filter .list-options,
#mfilter-content-container .product-filter .sort,
#mfilter-content-container .product-filter .limit {
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

#mfilter-content-container .product-filter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 38px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235b6472' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px;
    cursor: pointer;
}


/* ---------------------------------------------------------
   4. Kartlarda fiyat her zaman kartın altında, aynı hizada
   --------------------------------------------------------- */

#mfilter-content-container .product-grid .product {
    display: flex;
    flex-direction: column;
}

#mfilter-content-container .product-grid .product .image {
    flex: 0 0 auto;
}

#mfilter-content-container .product-grid .product .right {
    flex: 1 1 auto;
}

#mfilter-content-container .product-grid .product .price {
    margin-top: auto;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Kitaplar / Kategori Sayfası - Aşama 3 (başlık bandı düzeltmesi)
   wrapper_top.tpl yapısına göre yazıldı:
   .breadcrumb > .container > .clearfix > h1#title-page-alt + ul
   Bu blok Aşama 2'nin HEMEN ALTINA (dosyanın en sonuna) eklenir.
   ========================================================= */

/* Başlık ve kategori yolunu saran kapsayıcı */
body[class*="product-category"] .breadcrumb .container > .clearfix {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    text-align: left;
}

body[class*="product-category"] .breadcrumb .container > .clearfix:before,
body[class*="product-category"] .breadcrumb .container > .clearfix:after {
    display: none !important;
}

/* Kategori yolu başlığın üstünde, soldan hizalı */
body[class*="product-category"] .breadcrumb .container > .clearfix > ul {
    order: 0;
    float: none !important;
    width: auto !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 13px;
    color: #5b6472;
}

body[class*="product-category"] .breadcrumb .container > .clearfix > ul li {
    float: none;
    display: inline-block;
}

body[class*="product-category"] .breadcrumb .container > .clearfix > ul a {
    color: #5b6472 !important;
    text-decoration: none !important;
}

body[class*="product-category"] .breadcrumb .container > .clearfix > ul a:hover {
    color: #e31e24 !important;
}

/* Başlık */
body[class*="product-category"] .breadcrumb h1#title-page-alt {
    order: 1;
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #0f172a !important;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 700;
    text-align: left !important;
}

/* Eski turuncu alt çizgiyi kaldır */
body[class*="product-category"] .breadcrumb h1#title-page-alt::before,
body[class*="product-category"] .breadcrumb h1#title-page-alt::after {
    content: none !important;
    display: none !important;
}

/* Mobil */
@media (max-width: 767px) {
    body[class*="product-category"] .breadcrumb h1#title-page-alt {
        font-size: 30px;
    }
}

/* Aşama 4 - başlığı içerik kenarına hizala */
body[class*="product-category"] .breadcrumb .container > .clearfix {
    position: static !important;
    left: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Kitaplar / Kategori Sayfası - Aşama 5
   Kartın altında kalıcı "Sepete Ekle" butonu
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir.
   product.tpl içine eklenen .altas-card-cart alanını yalnızca
   kategori sayfasındaki ızgarada görünür yapar (ana sayfada gizli kalır).
   ========================================================= */


/* ---------------------------------------------------------
   1. Fareyle çıkan eski buton paneli (kategori ızgarasında gizle)
   Ana sayfadaki "Yeni Ürünler" ile aynı davranış.
   Favori ve karşılaştır ürün detay sayfasında kullanılmaya devam eder.
   Geri açmak için bu kuralı silmeniz yeterli.
   --------------------------------------------------------- */

#mfilter-content-container .product-grid .product .only-hover {
    display: none !important;
}


/* ---------------------------------------------------------
   2. Kalıcı buton alanı
   --------------------------------------------------------- */

#mfilter-content-container .product-grid .product .altas-card-cart {
    display: block !important;
    width: 100%;
    margin-top: 12px;
}

#mfilter-content-container .product-grid .product .altas-card-btn {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 14px;
    background: #ffffff;
    border: 1px solid #111827;
    border-radius: 8px;
    box-shadow: none;
    color: #111827 !important;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

#mfilter-content-container .product-grid .product .altas-card-btn:hover {
    background: #111827;
    color: #ffffff !important;
}

/* Fiyatı olmayan (teklif) ürünler */
#mfilter-content-container .product-grid .product .altas-card-btn-detail {
    border-color: #dfe3ea;
    color: #374151 !important;
}

#mfilter-content-container .product-grid .product .altas-card-btn-detail:hover {
    background: #f3f4f6;
    color: #111827 !important;
}

/* Stokta olmayan ürünler */
#mfilter-content-container .product-grid .product .altas-card-btn-disabled,
#mfilter-content-container .product-grid .product .altas-card-btn-disabled:hover {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #8b93a1 !important;
    cursor: not-allowed;
}


/* ---------------------------------------------------------
   3. TÜKENDİ rozeti (sağ üst köşe)
   --------------------------------------------------------- */

#mfilter-content-container .product-grid .product .tukendi {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    background: #111827 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    transform: none !important;
    z-index: 2;
}


/* ---------------------------------------------------------
   4. Marka / yazar satırı (tema ayarında product_grid_type = 7 ise)
   --------------------------------------------------------- */

#mfilter-content-container .product-grid .product .brand {
    margin: 0;
    color: #5b6472;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Kitaplar / Kategori Sayfası - Aşama 6 (son rötuşlar)
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir.
   wrapper_top.tpl ve category.tpl dosyalarındaki değişikliklerle
   birlikte çalışır (yalnızca Kitaplar kategorisi, path=120).
   ========================================================= */


/* ---------------------------------------------------------
   1. Başlık bandı - Kitaplar kategorisine özel öğeler
   Sıra: kategori yolu, etiket, başlık, alt başlık, giriş yazısı
   --------------------------------------------------------- */

body[class*="product-category"] .breadcrumb.altas-cat-books .container > .clearfix > ul {
    order: 0;
}

body[class*="product-category"] .breadcrumb.altas-cat-books .altas-band-eyebrow {
    order: 1;
    display: block;
    margin: 0 0 12px;
    color: #e31e24;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.2;
}

body[class*="product-category"] .breadcrumb.altas-cat-books h1#title-page-alt {
    order: 2;
    font-weight: 300 !important;
}

body[class*="product-category"] .breadcrumb.altas-cat-books .altas-band-sub {
    order: 3;
    margin: 0 0 16px;
    color: #0f172a;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 700;
}

body[class*="product-category"] .breadcrumb.altas-cat-books .altas-band-intro {
    order: 4;
    max-width: 640px;
    color: #4b5563;
    font-size: 15px;
    line-height: 1.7;
}

body[class*="product-category"] .breadcrumb.altas-cat-books .altas-band-intro p {
    margin: 0;
}


/* ---------------------------------------------------------
   2. Bant ile içerik arasındaki boşluk
   --------------------------------------------------------- */

body[class*="product-category"] .main-content,
body[class*="product-category"] .main-content > .background,
body[class*="product-category"] .main-content > .background > .pattern {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body[class*="product-category"] .main-content > .background > .pattern > .container {
    padding-top: 0px !important;
}


/* ---------------------------------------------------------
   3. Hizalama: araç çubuğu, kartlar ve çizgi artıkları
   --------------------------------------------------------- */

/* Eski kategori açıklama alanındaki çizgi (içerik ve kenar boşluğu) */
#mfilter-content-container .category-info {
    margin: 0 0 20px !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Araç çubuğu içerik genişliğine otursun */
#mfilter-content-container .product-filter {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Soldaki ince dikey çizgi artığı */
#mfilter-content-container .product-filter,
#mfilter-content-container .product-filter .options,
#mfilter-content-container .product-filter .list-options,
#mfilter-content-container .product-filter .sort,
#mfilter-content-container .product-filter .limit {
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
}

#mfilter-content-container .product-filter .options:before,
#mfilter-content-container .product-filter .options:after,
#mfilter-content-container .product-filter .list-options:before,
#mfilter-content-container .product-filter .list-options:after,
#mfilter-content-container .product-filter .sort:before,
#mfilter-content-container .product-filter .sort:after,
#mfilter-content-container .product-filter .limit:before,
#mfilter-content-container .product-filter .limit:after {
    display: none !important;
    content: none !important;
}

/* Kartlar araç çubuğuyla aynı kenardan başlasın */
#mfilter-content-container .product-grid .row {
    margin-left: -10px;
    margin-right: -10px;
}

#mfilter-content-container .product-grid .row > div {
    padding-left: 10px;
    padding-right: 10px;
}


/* ---------------------------------------------------------
   4. Mobil
   --------------------------------------------------------- */

@media (max-width: 767px) {
    body[class*="product-category"] .breadcrumb.altas-cat-books .altas-band-sub {
        font-size: 30px;
        margin-bottom: 12px;
    }

    body[class*="product-category"] .main-content > .background > .pattern > .container {
        padding-top: 20px !important;
    }
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Kitaplar / Kategori Sayfası - Aşama 7
   1) Araç çubuğu ile kartlar arasındaki gri çizgiyi kaldır
   2) Kartın üzerine gelince ürün adı ve fiyatın kaybolmasını engelle
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir.
   ========================================================= */


/* ---------------------------------------------------------
   1. Gri çizgi
   Araç çubuğunun alt/üst çizgisi ve ürün ızgarasının üst çizgisi
   birlikte kapatılır, boşluk sabit bir değerle verilir.
   --------------------------------------------------------- */

#mfilter-content-container .product-filter {
    border-top: 0 !important;
    border-bottom: 0 !important;
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
}

#mfilter-content-container .product-grid,
#mfilter-content-container .product-list,
#mfilter-content-container .product-grid > .row,
#mfilter-content-container .product-list > div {
    border-top: 0 !important;
    box-shadow: none !important;
}

#mfilter-content-container .product-filter:before,
#mfilter-content-container .product-filter:after,
#mfilter-content-container .product-grid:before,
#mfilter-content-container .product-grid:after {
    display: none !important;
    content: none !important;
}


/* ---------------------------------------------------------
   2. Hover: ürün adı ve fiyat görünür kalsın
   Fastor'un hover efekti kartın üzerine gelince bunları gizliyor.
   Ana sayfadaki "Yeni Ürünler" için yaptığınız düzeltmenin aynısı.
   --------------------------------------------------------- */

#mfilter-content-container .product-grid .product:hover .right,
#mfilter-content-container .product-grid .product:hover .right .name,
#mfilter-content-container .product-grid .product:hover .right .name a,
#mfilter-content-container .product-grid .product:hover .right .price,
#mfilter-content-container .product-grid .product:hover .right .brand {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

#mfilter-content-container .product-grid .product:hover .right .name,
#mfilter-content-container .product-grid .product:hover .right .price {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Kitaplar / Kategori Sayfası - Aşama 8
   Sol filtre paneli, 3 sütunlu ürün ızgarası, fiyat yanında
   indirim yüzdesi ve başlık bandındaki sayaç kutuları.
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir.
   category.tpl, product.tpl ve wrapper_top.tpl ile birlikte çalışır.
   ========================================================= */


/* ---------------------------------------------------------
   1. Yerleşim: solda panel, sağda içerik
   --------------------------------------------------------- */

#mfilter-content-container .altas-cat-layout {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}

#mfilter-content-container .altas-cat-sidebar {
    flex: 0 0 250px;
    width: 250px;
}

#mfilter-content-container .altas-cat-main {
    flex: 1 1 0;
    min-width: 0;
}


/* ---------------------------------------------------------
   2. Ürün ızgarası: panelin yanında 3 sütun
   Satırlar tek bir ızgaraya çevrilir; filtreyle gizlenen kartlar
   boşluk bırakmadan yeniden dizilir.
   --------------------------------------------------------- */

#mfilter-content-container .altas-cat-layout .product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

#mfilter-content-container .altas-cat-layout .product-grid .row {
    display: contents;
    margin: 0;
}

#mfilter-content-container .altas-cat-layout .product-grid .row > div {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    display: flex;
}


/* ---------------------------------------------------------
   3. Filtre paneli
   --------------------------------------------------------- */

#mfilter-content-container .altas-filter-group {
    margin: 0 0 24px;
    padding: 0 0 24px;
    border-bottom: 1px solid #eceef2;
}

#mfilter-content-container .altas-filter-title {
    margin: 0 0 14px;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}

/* Kategori bağlantıları */
#mfilter-content-container .altas-filter-link {
    display: block;
    padding: 6px 0;
    color: #4b5563 !important;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none !important;
}

#mfilter-content-container .altas-filter-link:hover {
    color: #e31e24 !important;
}

#mfilter-content-container .altas-filter-link.altas-is-active {
    color: #e31e24 !important;
    font-weight: 600;
}

/* Fiyat aralığı */
#mfilter-content-container .altas-filter-price {
    display: flex;
    gap: 10px;
}

#mfilter-content-container .altas-filter-price label {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    color: #5b6472;
    font-size: 12px;
    font-weight: 400;
}

#mfilter-content-container .altas-filter-price input {
    display: block;
    width: 100%;
    height: 42px;
    margin: 4px 0 0;
    padding: 0 12px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #dfe3ea;
    border-radius: 8px;
    box-shadow: none;
    color: #0f172a;
    font-family: inherit;
    font-size: 14px;
}

#mfilter-content-container .altas-filter-price input:focus {
    border-color: #111827;
    outline: 0;
}

/* Durum onay kutuları */
#mfilter-content-container .altas-filter-check {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    color: #374151;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

#mfilter-content-container .altas-filter-check input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #e31e24;
}

/* Sayaç ve düğmeler */
#mfilter-content-container .altas-filter-count {
    margin: 0 0 12px;
    color: #5b6472;
    font-size: 13px;
}

#mfilter-content-container .altas-filter-apply {
    display: block;
    width: 100%;
    padding: 13px;
    background: #111827;
    border: 1px solid #111827;
    border-radius: 8px;
    color: #ffffff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

#mfilter-content-container .altas-filter-apply:hover {
    background: #e31e24;
    border-color: #e31e24;
}

#mfilter-content-container .altas-filter-reset {
    display: block;
    margin: 12px auto 0;
    padding: 4px;
    background: none;
    border: 0;
    color: #5b6472;
    font-family: inherit;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}

#mfilter-content-container .altas-filter-reset:hover {
    color: #e31e24;
}

#mfilter-content-container .altas-filter-note {
    margin-top: 14px;
    color: #5b6472;
    font-size: 12px;
    line-height: 1.5;
}

/* Liste görünümünde filtre çalışmaz, yalnızca kategori bağlantıları kalır */
#mfilter-content-container .altas-no-filter .altas-filter-only {
    display: none;
}

/* Filtreye uyan ürün yoksa */
#mfilter-content-container .altas-no-results {
    margin: 0 0 22px;
    padding: 40px 20px;
    border: 1px dashed #dfe3ea;
    border-radius: 12px;
    color: #5b6472;
    font-size: 14px;
    text-align: center;
}

/* Mobil "Filtrele" düğmesi (masaüstünde gizli) */
#mfilter-content-container .altas-filter-toggle {
    display: none;
}


/* ---------------------------------------------------------
   4. Fiyat yanında indirim yüzdesi
   Ana sayfadaki kartlarda gizli kalır.
   --------------------------------------------------------- */

.altas-discount-chip {
    display: none;
}

#mfilter-content-container .product-grid .product .altas-discount-chip {
    display: inline-block;
    margin-left: 8px;
    padding: 3px 8px;
    background: #fdecec;
    border-radius: 4px;
    color: #b4141a;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    vertical-align: middle;
}


/* ---------------------------------------------------------
   5. Başlık bandı: sağdaki sayaç kutuları
   --------------------------------------------------------- */

body[class*="product-category"] .breadcrumb.altas-cat-books .container {
    position: relative;
}

body[class*="product-category"] .breadcrumb.altas-cat-books .altas-band-stats {
    position: absolute;
    right: 15px;
    bottom: 0;
    display: flex;
    gap: 14px;
}

body[class*="product-category"] .breadcrumb.altas-cat-books .altas-band-stat {
    min-width: 120px;
    padding: 16px 22px;
    background: #ffffff;
    border: 1px solid #eceef2;
    border-radius: 10px;
}

body[class*="product-category"] .breadcrumb.altas-cat-books .altas-band-stat strong {
    display: block;
    color: #e31e24;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
}

body[class*="product-category"] .breadcrumb.altas-cat-books .altas-band-stat:nth-child(2) strong {
    color: #111827;
}

body[class*="product-category"] .breadcrumb.altas-cat-books .altas-band-stat span {
    display: block;
    margin-top: 2px;
    color: #5b6472;
    font-size: 12px;
}


/* ---------------------------------------------------------
   6. Tablet ve mobil
   --------------------------------------------------------- */

@media (max-width: 1199px) {
    #mfilter-content-container .altas-cat-layout .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    #mfilter-content-container .altas-cat-layout {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    #mfilter-content-container .altas-cat-sidebar {
        flex: 0 0 auto;
        width: 100%;
    }

    #mfilter-content-container .altas-filter-toggle {
        display: block;
        width: 100%;
        padding: 12px;
        background: #ffffff;
        border: 1px solid #111827;
        border-radius: 8px;
        color: #111827;
        font-family: inherit;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
    }

    #mfilter-content-container .altas-filter-body {
        display: none;
        padding-top: 20px;
    }

    #mfilter-content-container .altas-cat-sidebar.altas-filter-open .altas-filter-body {
        display: block;
    }

    body[class*="product-category"] .breadcrumb.altas-cat-books .altas-band-stats {
        position: static;
        order: 5;
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    #mfilter-content-container .altas-cat-layout .product-grid {
        gap: 12px;
    }
}


/* ---------------------------------------------------------
   7. "Teklif İste" bağlantısı (kategori ızgarasında)
   --------------------------------------------------------- */

#mfilter-content-container .product-grid .product .altas-quote-price {
    color: #e31e24 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Kitaplar alt kategorileri (Bilgisayar, Elektronik ...) - Aşama 9
   Sol filtre paneli artık alt kategori sayfalarında da gösterilir.
   Eski "Filtreleme" kutusu ve boş sol sütun gizlenir.
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir.
   ========================================================= */

/* Yeni panel varken eski Mega Filter kutusunu ve boş sol sütunu gizle */
body:has(.altas-cat-layout) #column-left {
    display: none !important;
}

body:has(.altas-cat-layout) #column-left + div {
    width: 100% !important;
    float: none !important;
}

body:has(.altas-cat-layout) .mfilter-box,
body:has(.altas-cat-layout) [id^="mfilter-box"] {
    display: none !important;
}

/* =========================================================
   Aşama 10 - Kitaplar: LİSTE görünümü (v2)
   Her kitap tek satır: kapak | ad | fiyat | Sepete Ekle
   ========================================================= */

#mfilter-content-container .altas-list-mode .product-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

#mfilter-content-container .altas-list-mode .product-grid .product {
    flex-direction: row;
    align-items: center;
    height: auto;
    min-height: 0;
    transform: none;
}

#mfilter-content-container .altas-list-mode .product-grid .product:hover {
    transform: none;
}

#mfilter-content-container .altas-list-mode .product-grid .product .left {
    flex: 0 0 110px;
    width: 110px;
    float: none;
    margin: 0;
}

#mfilter-content-container .altas-list-mode .product-grid .product .image {
    height: 130px;
    padding: 10px;
    border-radius: 12px 0 0 12px;
}

#mfilter-content-container .altas-list-mode .product-grid .product .image img {
    max-height: 110px;
}

#mfilter-content-container .altas-list-mode .product-grid .product .right {
    flex: 1 1 auto;
    width: auto;
    float: none;
    margin: 0;
    padding: 12px 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px 170px;
    align-items: center;
    column-gap: 24px;
    row-gap: 0;
}

#mfilter-content-container .altas-list-mode .product-grid .product .name {
    min-height: 0;
    grid-column: 1;
}

#mfilter-content-container .altas-list-mode .product-grid .product .brand {
    display: none;
}

#mfilter-content-container .altas-list-mode .product-grid .product .price {
    grid-column: 2;
    margin-top: 0;
    text-align: left;
    white-space: nowrap;
}

#mfilter-content-container .altas-list-mode .product-grid .product .altas-card-cart {
    grid-column: 3;
    margin-top: 0;
}

@media (max-width: 767px) {
    #mfilter-content-container .altas-list-mode .product-grid .product .left {
        flex-basis: 80px;
        width: 80px;
    }
    #mfilter-content-container .altas-list-mode .product-grid .product .image {
        height: 100px;
        padding: 6px;
    }
    #mfilter-content-container .altas-list-mode .product-grid .product .image img {
        max-height: 88px;
    }
    #mfilter-content-container .altas-list-mode .product-grid .product .right {
        grid-template-columns: 1fr;
        row-gap: 6px;
        padding: 10px 14px;
    }
    #mfilter-content-container .altas-list-mode .product-grid .product .name,
    #mfilter-content-container .altas-list-mode .product-grid .product .price,
    #mfilter-content-container .altas-list-mode .product-grid .product .altas-card-cart {
        grid-column: 1;
    }
}

/* =========================================================
   Aşama 11 - Kitap kartlarında kalp (favorilere ekle)
   Yalnızca kategori ızgarasında/listesinde görünür.
   ========================================================= */

#mfilter-content-container .product-grid .product .left {
    position: relative;
}

#mfilter-content-container .product-grid .product .altas-fav {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    color: #6b7280;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

#mfilter-content-container .product-grid .product .altas-fav:hover,
#mfilter-content-container .product-grid .product .altas-fav:focus {
    color: #e31e24;
    border-color: #e31e24;
    transform: scale(1.08);
    outline: none;
}

#mfilter-content-container .product-grid .product .altas-fav:hover .fa-heart-o:before {
    content: "\f004";
}

/* Liste görünümünde kalp satırın en sağında, dikey ortada (kapağı kapatmaz) */
#mfilter-content-container .altas-list-mode .product-grid .product .left {
    position: static;
}

#mfilter-content-container .altas-list-mode .product-grid .product .altas-fav {
    top: 50%;
    right: 16px;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    font-size: 15px;
}

#mfilter-content-container .altas-list-mode .product-grid .product .right {
    padding-right: 66px;
}

/* Favoride olan ürünün kalbi kırmızı ve dolu */
#mfilter-content-container .product-grid .product .altas-fav.altas-fav-on {
    color: #e31e24;
    border-color: #e31e24;
    background: #fdecec;
}

/* =========================================================
   Aşama 12 (v7) - Giriş Yap sayfası
   login.tpl şablonuyla birlikte çalışır. Yalnızca account/login sayfasında geçerlidir.
   ========================================================= */

/* Üst başlık görünmez (sayfada kalır), yol çubuğu gizli */
body[class*="account-login"] h1 {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0 !important;
}

body[class*="account-login"] h1:before,
body[class*="account-login"] h1:after {
    content: none !important;
    display: none !important;
}

body[class*="account-login"] .breadcrumb {
    display: none !important;
}

body[class*="account-login"] #content {
    max-width: 1000px;
    margin: 56px auto 50px;
    padding: 0;
}

/* İki eşit kart */
body[class*="account-login"] .altas-auth-row {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin: 0;
}

body[class*="account-login"] .altas-auth-row > .col-sm-6 {
    flex: 1 1 340px;
    width: auto;
    float: none;
    padding: 0;
    display: flex;
}

body[class*="account-login"] .altas-auth-row .well {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 38px 34px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}

/* ---------- Sol kart: üyeliğe davet ---------- */
body[class*="account-login"] .altas-join-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(150deg, #111827 0%, #1f2937 55%, #3b1115 100%);
    border: 1px solid #111827;
    color: #e5e7eb;
}

body[class*="account-login"] .altas-eyebrow {
    display: block;
    margin: 0 0 12px;
    color: #ff6b70;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
}

body[class*="account-login"] .altas-join-card h2 {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

body[class*="account-login"] .altas-benefits {
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

body[class*="account-login"] .altas-benefits li {
    margin: 0;
    padding: 0;
    color: #e5e7eb;
    font-size: 14px;
    line-height: 2;
}

body[class*="account-login"] .altas-benefits li:before {
    content: "\2713";
    display: inline-block;
    width: 22px;
    color: #ff6b70;
    font-weight: 700;
}

body[class*="account-login"] .altas-join-btn {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    min-width: 210px;
    padding: 0 28px;
}

body[class*="account-login"] .altas-join-btn:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #111827 !important;
}

/* ---------- Sağ kart: giriş formu ---------- */
body[class*="account-login"] .altas-login-card {
    background: #ffffff;
    border: 1px solid #eceef2;
}

body[class*="account-login"] .altas-login-card h2 {
    margin: 0 0 4px;
    color: #0f172a;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
}

body[class*="account-login"] .altas-sub {
    margin: 0 0 22px;
    color: #6b7280;
    font-size: 14px;
}

body[class*="account-login"] .altas-login-card .form-group {
    margin: 0 0 18px;
}

body[class*="account-login"] .altas-login-card label {
    display: block;
    margin-bottom: 6px;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
}

body[class*="account-login"] .altas-login-card input.form-control {
    height: 46px;
    padding: 0 14px;
    background: #ffffff;
    border: 1px solid #d9dde3;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body[class*="account-login"] .altas-login-card input.form-control:focus {
    border-color: #111827;
    box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08);
    outline: none;
}

body[class*="account-login"] .altas-login-card input::placeholder {
    color: #b6bcc6;
    opacity: 1;
}

/* Oturum Aç + Şifremi unuttum yan yana */
body[class*="account-login"] .altas-login-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 8px;
}

body[class*="account-login"] .altas-forgot {
    color: #6b7280;
    font-size: 13px;
    text-decoration: underline;
}

body[class*="account-login"] .altas-forgot:hover {
    color: #e31e24;
}

/* ---------- Ortak buton stili ---------- */
body[class*="account-login"] .altas-auth-row .btn,
body[class*="account-login"] .altas-auth-row input[type="submit"] {
    background: #e31e24 !important;
    background-image: none !important;
    border: 1px solid #e31e24 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-weight: 700;
    letter-spacing: 0.04em;
    transition: background 0.2s ease, color 0.2s ease;
}

body[class*="account-login"] .altas-login-card input[type="submit"] {
    height: 48px;
    padding: 0 32px;
}

body[class*="account-login"] .altas-login-card input[type="submit"]:hover {
    background: #b4141a !important;
    border-color: #b4141a !important;
}

@media (max-width: 767px) {
    body[class*="account-login"] .altas-auth-row .well {
        padding: 26px 20px;
    }
    body[class*="account-login"] .altas-join-card h2 {
        font-size: 24px;
    }
}

/* =========================================================
   Aşama 13 - Parolamı Unuttum sayfası
   Yalnızca account/forgotten sayfasında geçerlidir.
   ========================================================= */

/* Gereksiz üst başlık ve yol çubuğu gizlenir (başlık sayfada kalır, ekranda görünmez) */
body[class*="account-forgotten"] h1 {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0 !important;
}

body[class*="account-forgotten"] h1:before,
body[class*="account-forgotten"] h1:after {
    content: none !important;
    display: none !important;
}

body[class*="account-forgotten"] .breadcrumb {
    display: none !important;
}

/* Ortada dar bir sütun */
body[class*="account-forgotten"] #content {
    max-width: 520px;
    margin: 56px auto 60px;
    padding: 0;
    float: none;
}

/* Başlık ve açıklama (şablondaki .altas-auth-head) */
body[class*="account-forgotten"] .altas-auth-head h2 {
    margin: 0 0 10px;
    color: #0f172a;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.01em;
    text-align: center;
}

body[class*="account-forgotten"] .altas-auth-head p {
    margin: 0 0 26px;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
}

/* Form kartı */
body[class*="account-forgotten"] #content form {
    padding: 32px;
    background: #ffffff;
    border: 1px solid #eceef2;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}

/* Tekrar eden "E-Posta Adresiniz" ara başlığı gizlenir */
body[class*="account-forgotten"] #content form legend,
body[class*="account-forgotten"] #content form fieldset > h2,
body[class*="account-forgotten"] #content form > h2 {
    display: none !important;
}

body[class*="account-forgotten"] #content form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Etiket üstte, alan altta ve tam genişlikte */
body[class*="account-forgotten"] #content .form-group {
    margin: 0 0 22px;
}

body[class*="account-forgotten"] #content .form-group > label,
body[class*="account-forgotten"] #content .form-group > [class*="col-"] {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    text-align: left;
}

body[class*="account-forgotten"] #content .form-group > label {
    margin-bottom: 8px;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
}

body[class*="account-forgotten"] #content input.form-control,
body[class*="account-forgotten"] #content input[type="text"],
body[class*="account-forgotten"] #content input[type="email"] {
    height: 46px;
    padding: 0 14px;
    background: #ffffff;
    border: 1px solid #d9dde3;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body[class*="account-forgotten"] #content input.form-control:focus,
body[class*="account-forgotten"] #content input[type="text"]:focus,
body[class*="account-forgotten"] #content input[type="email"]:focus {
    border-color: #111827;
    box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08);
    outline: none;
}

body[class*="account-forgotten"] #content input::placeholder {
    color: #b6bcc6;
    opacity: 1;
}

/* Butonlar: Geri soluk, Devam kırmızı */
body[class*="account-forgotten"] #content .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

body[class*="account-forgotten"] #content .buttons:before,
body[class*="account-forgotten"] #content .buttons:after {
    display: none;
}

body[class*="account-forgotten"] #content .buttons .pull-left,
body[class*="account-forgotten"] #content .buttons .pull-right {
    float: none !important;
    margin: 0;
}

body[class*="account-forgotten"] #content .buttons .btn {
    height: 46px;
    padding: 0 28px;
    border-radius: 8px !important;
    box-shadow: none !important;
    background-image: none !important;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 44px;
    transition: background 0.2s ease, color 0.2s ease;
}

/* Geri */
body[class*="account-forgotten"] #content .buttons .pull-left .btn,
body[class*="account-forgotten"] #content .buttons a.btn-default,
body[class*="account-forgotten"] #content .buttons a.btn {
    background: #ffffff !important;
    border: 1px solid #d9dde3 !important;
    color: #374151 !important;
}

body[class*="account-forgotten"] #content .buttons .pull-left .btn:hover,
body[class*="account-forgotten"] #content .buttons a.btn:hover {
    border-color: #111827 !important;
    color: #111827 !important;
}

/* Devam */
body[class*="account-forgotten"] #content .buttons .pull-right .btn,
body[class*="account-forgotten"] #content .buttons input.btn,
body[class*="account-forgotten"] #content .buttons input[type="submit"] {
    background: #e31e24 !important;
    border: 1px solid #e31e24 !important;
    color: #ffffff !important;
}

body[class*="account-forgotten"] #content .buttons .pull-right .btn:hover,
body[class*="account-forgotten"] #content .buttons input.btn:hover,
body[class*="account-forgotten"] #content .buttons input[type="submit"]:hover {
    background: #b4141a !important;
    border-color: #b4141a !important;
}

@media (max-width: 575px) {
    body[class*="account-forgotten"] #content form {
        padding: 24px 18px;
    }
    body[class*="account-forgotten"] .altas-auth-head h2 {
        font-size: 24px;
    }
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Arama sonuç sayfası - Aşama 15
   Üstte arama kartı, sonuç sayısı, solda kategori listesi.
   Ürün kartları, ızgara ve liste görünümü kategori sayfasıyla aynıdır.
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir.
   search.tpl ile birlikte çalışır.
   ========================================================= */

/* Arama kartı */
#mfilter-content-container .altas-search-card {
    margin: 0 0 18px;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #eceef2;
    border-radius: 14px;
}

#mfilter-content-container .altas-search-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

#mfilter-content-container .altas-search-input {
    flex: 1 1 auto;
    width: 100%;
    height: 46px;
    padding: 0 18px;
    background: #f3f4f6;
    border: 1px solid transparent;
    border-radius: 23px;
    box-shadow: none;
    color: #111827;
    font-family: inherit;
    font-size: 14px;
    outline: none;
    transition: background 0.2s ease, border-color 0.2s ease;
}

#mfilter-content-container .altas-search-input:focus {
    background: #ffffff;
    border-color: #e31e24;
}

#mfilter-content-container .altas-search-btn {
    flex: 0 0 auto;
    height: 46px;
    padding: 0 28px;
    background: #111827;
    border: 1px solid #111827;
    border-radius: 23px;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

#mfilter-content-container .altas-search-btn:hover {
    background: #e31e24;
    border-color: #e31e24;
}

#mfilter-content-container .altas-search-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 14px 0 0 4px;
    color: #4b5563;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
}

#mfilter-content-container .altas-search-check input {
    margin: 0;
    width: 16px;
    height: 16px;
    accent-color: #e31e24;
}

/* Sonuç özeti */
#mfilter-content-container .altas-search-summary {
    margin: 0 0 18px;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.5;
}

#mfilter-content-container .altas-search-summary strong {
    color: #0f172a;
    font-weight: 700;
}

/* Sonuç bulunamadı */
#mfilter-content-container .altas-search-empty {
    padding: 48px 24px;
    background: #f9fafb;
    border: 1px dashed #dfe3ea;
    border-radius: 14px;
    text-align: center;
}

#mfilter-content-container .altas-search-empty-title {
    margin: 0 0 8px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 700;
}

#mfilter-content-container .altas-search-empty p {
    max-width: 480px;
    margin: 0 auto;
    color: #5b6472;
    font-size: 14px;
    line-height: 1.6;
}

/* Eski arama formu öğeleri (varsa) gizli kalsın */
#mfilter-content-container .altas-search-layout > h2 {
    display: none;
}

@media (max-width: 575px) {
    #mfilter-content-container .altas-search-row {
        flex-direction: column;
        align-items: stretch;
    }

    #mfilter-content-container .altas-search-btn {
        width: 100%;
    }
}


/* ---------------------------------------------------------
   Aşama 15 (ek) - Kategori sayıları, başlık altındaki çizgi ve yol çubuğu
   --------------------------------------------------------- */

/* Soldaki kategori bağlantısı: ad solda, ürün sayısı sağda */
#mfilter-content-container .altas-search-layout .altas-filter-link {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

#mfilter-content-container .altas-search-layout .altas-count {
    flex: 0 0 auto;
    min-width: 24px;
    padding: 1px 7px;
    background: #f3f4f6;
    border-radius: 10px;
    color: #6b7280;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
}

#mfilter-content-container .altas-search-layout .altas-filter-link:hover .altas-count,
#mfilter-content-container .altas-search-layout .altas-filter-link.altas-is-active .altas-count {
    background: #fdecec;
    color: #e31e24;
}

/* Arama sayfasında başlığın altındaki turuncu çizgi ve "Anasayfa > Arama" yol çubuğu kalkar */
body[class*="product-search"] .breadcrumb ul,
body[class*="product-search"] .breadcrumb .strip-line {
    display: none !important;
}

body[class*="product-search"] .breadcrumb h1:before,
body[class*="product-search"] .breadcrumb h1:after,
body[class*="product-search"] .breadcrumb h1#title-page:before,
body[class*="product-search"] .breadcrumb h1#title-page:after,
body[class*="product-search"] .breadcrumb h1#title-page-alt:before,
body[class*="product-search"] .breadcrumb h1#title-page-alt:after {
    content: none !important;
    display: none !important;
}

body[class*="product-search"] .breadcrumb h1 {
    border-bottom: 0 !important;
    background-image: none !important;
    padding-bottom: 0 !important;
}

/* =========================================================
   ALTAŞ YENİ TASARIM
   Elektronik / Arduino gibi kartlı bilgi sayfaları - Aşama 16
   Başlığın altındaki turuncu çizgi ve "Anasayfa > ..." yol çubuğu
   yalnızca içinde kart sayfası (altas-electronics-page) olan sayfalarda kalkar.
   Hakkımızda, İletişim gibi diğer bilgi sayfaları etkilenmez.
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir.
   ========================================================= */

body:has(.altas-electronics-page) .breadcrumb ul,
body:has(.altas-electronics-page) .breadcrumb .strip-line {
    display: none !important;
}

body:has(.altas-electronics-page) .breadcrumb h1:before,
body:has(.altas-electronics-page) .breadcrumb h1:after,
body:has(.altas-electronics-page) .breadcrumb h1#title-page:before,
body:has(.altas-electronics-page) .breadcrumb h1#title-page:after,
body:has(.altas-electronics-page) .breadcrumb h1#title-page-alt:before,
body:has(.altas-electronics-page) .breadcrumb h1#title-page-alt:after {
    content: none !important;
    display: none !important;
}

body:has(.altas-electronics-page) .breadcrumb h1 {
    border-bottom: 0 !important;
    background-image: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 17
   Kartlı sayfalar (Arduino, Elektronik, Eğitim Setleri ve ileride eklenecekler):
   sayfada kart ızgarası (.altas-electronics-grid) varsa, wrapper sınıfı ne olursa olsun
   turuncu çizgi ve "Anasayfa > ..." yolu kalkar.
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir (Aşama 16'nın altına).
   ========================================================= */

body:has(.altas-electronics-grid) .breadcrumb ul,
body:has(.altas-electronics-grid) .breadcrumb .strip-line,
body:has(.altas-electronics-grid) .breadcrumb .strip-line:before,
body:has(.altas-electronics-grid) .breadcrumb .strip-line:after {
    display: none !important;
}

body:has(.altas-electronics-grid) .breadcrumb h1:before,
body:has(.altas-electronics-grid) .breadcrumb h1:after,
body:has(.altas-electronics-grid) #title-page-alt:before,
body:has(.altas-electronics-grid) #title-page-alt:after {
    content: none !important;
    display: none !important;
}

body:has(.altas-electronics-grid) .breadcrumb h1,
body:has(.altas-electronics-grid) #title-page-alt {
    border-bottom: 0 !important;
    background-image: none !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 18
   Eğitim Setleri sayfası (.altas-education-page / .altas-education-grid)
   için turuncu çizgi ve "Anasayfa > ..." yolu kaldırılır.
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir (Aşama 17'nin altına).
   ========================================================= */

body:has(.altas-education-page) .breadcrumb ul,
body:has(.altas-education-grid) .breadcrumb ul,
body:has(.altas-education-page) .breadcrumb .strip-line,
body:has(.altas-education-grid) .breadcrumb .strip-line,
body:has(.altas-education-page) .breadcrumb .strip-line:before,
body:has(.altas-education-page) .breadcrumb .strip-line:after {
    display: none !important;
}

body:has(.altas-education-page) .breadcrumb h1:before,
body:has(.altas-education-page) .breadcrumb h1:after,
body:has(.altas-education-page) #title-page-alt:before,
body:has(.altas-education-page) #title-page-alt:after,
body:has(.altas-education-grid) .breadcrumb h1:before,
body:has(.altas-education-grid) .breadcrumb h1:after {
    content: none !important;
    display: none !important;
}

body:has(.altas-education-page) .breadcrumb h1,
body:has(.altas-education-page) #title-page-alt,
body:has(.altas-education-grid) .breadcrumb h1 {
    border-bottom: 0 !important;
    background-image: none !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* =========================================================
   Aşama 14 - Kategori ağacı (alt kategoriler girintili)
   ========================================================= */

#mfilter-content-container .altas-filter-link.altas-lvl-2 {
    padding-left: 14px;
    font-size: 13px;
}

#mfilter-content-container .altas-filter-link.altas-lvl-3 {
    padding-left: 28px;
    font-size: 12.5px;
}

/* Bulunulan kategorinin üstündeki kategoriler: koyu ve kalın */
#mfilter-content-container .altas-filter-link.altas-is-parent {
    color: #111827 !important;
    font-weight: 600;
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 19 - Anasayfa yeni bölümleri
   Popüler aramalar, güven şeridi, kategori vitrini, sekmeli ürün
   vitrini, Altaş Yayınları, okul bandı, kaynaklar, SSS, WhatsApp.
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir.
   ========================================================= */

/* Ortak bölüm aralığı ve başlık satırı */
.altas-h-section { padding: 64px 0; background: #ffffff; }
.altas-h-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 28px; }
.altas-h-head .altas-showcase-heading { margin-bottom: 0; }
.altas-h-center { text-align: center; margin-left: auto; margin-right: auto; }

/* 1. Hero: popüler aramalar */
.altas-h-popular { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 22px; font-size: 13px; color: #4b5563; }
.altas-h-popular > span { font-weight: 600; color: #17191c; margin-right: 4px; }
.altas-h-popular a { display: inline-block; padding: 6px 14px; border: 1px solid #e3e5e8; border-radius: 999px; background: #ffffff; color: #374151 !important; text-decoration: none !important; }
.altas-h-popular a:hover { border-color: #e31e24; color: #e31e24 !important; }

/* 2. Güven şeridi */
.altas-h-trust { background: #ffffff; border-bottom: 1px solid #eceef2; padding: 26px 0; }
.altas-h-trust-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.altas-h-trust-item { display: flex; align-items: center; gap: 14px; }
.altas-h-trust-icon { width: 48px; height: 48px; flex: 0 0 48px; border-radius: 12px; background: #fdecec; color: #c4161c; display: flex; align-items: center; justify-content: center; }
.altas-h-trust-item strong { display: block; color: #17191c; font-size: 15px; font-weight: 600; }
.altas-h-trust-item div > span { display: block; color: #4b5563; font-size: 13px; }

/* 3. Kategori vitrini */
.altas-h-tiles { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.altas-h-tile { display: flex; flex-direction: column; gap: 8px; padding: 16px; background: #f6f7f9; border: 1px solid #eceef2; border-radius: 12px; text-decoration: none !important; transition: border-color .2s ease, transform .2s ease; }
.altas-h-tile:hover { border-color: #e31e24; transform: translateY(-2px); }
.altas-h-tile-img { height: 120px; border-radius: 8px; background: #ffffff; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 4px; }
.altas-h-tile-img img { max-width: 100%; max-height: 110px; width: auto; height: auto; object-fit: contain; }
.altas-h-tile strong { color: #17191c; font-size: 15px; font-weight: 600; }
.altas-h-tile-desc { color: #4b5563; font-size: 13px; line-height: 1.5; }

/* 4. Ürün vitrini: sekmeler ve kartlar */
.altas-h-products { padding-top: 24px; }
.altas-h-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 14px; margin-bottom: 26px; border-bottom: 1px solid #eceef2; }
.altas-h-tab { min-height: 44px; padding: 0 20px; border: 1px solid #e3e5e8; border-radius: 999px; background: #ffffff; color: #17191c; font-size: 14px; font-weight: 600; cursor: pointer; }
.altas-h-tab:hover { border-color: #17191c; }
.altas-h-tab.is-active { background: #111827; border-color: #111827; color: #ffffff; }
.altas-h-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.altas-h-grid[hidden] { display: none; }
.altas-h-card { display: flex; flex-direction: column; background: #ffffff; border: 1px solid #eceef2; border-radius: 12px; overflow: hidden; }
.altas-h-card-img { display: flex; align-items: center; justify-content: center; height: 220px; padding: 18px; background: #f6f7f9; }
.altas-h-card-img img { max-width: 100%; max-height: 184px; width: auto; height: auto; object-fit: contain; }
.altas-h-card-body { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px 18px; flex: 1; }
.altas-h-card-name { color: #17191c !important; font-size: 14px; font-weight: 600; line-height: 1.45; min-height: 41px; text-decoration: none !important; }
.altas-h-card-name:hover { color: #e31e24 !important; }
.altas-h-card-price { color: #e31e24; font-size: 17px; font-weight: 700; }
.altas-h-old { color: #6b7280; font-size: 13px; font-weight: 400; text-decoration: line-through; margin-right: 6px; }
.altas-h-card-quote { color: #e31e24 !important; font-size: 15px; font-weight: 600; text-decoration: none !important; }
.altas-h-card-btn { display: block; width: 100%; min-height: 44px; margin-top: auto; padding: 0 12px; border: 1.5px solid #17191c; border-radius: 8px; background: #ffffff; color: #17191c !important; font-size: 14px; font-weight: 600; line-height: 41px; text-align: center; text-decoration: none !important; cursor: pointer; }
.altas-h-card-btn:hover { background: #17191c; color: #ffffff !important; }
.altas-h-card-btn-off, .altas-h-card-btn-off:hover { border-color: #d1d5db; background: #f3f4f6; color: #6b7280 !important; cursor: not-allowed; }

/* 5. Altaş Yayınları */
.altas-h-books { background: #f6f7f9; }
.altas-h-books-inner { display: flex; flex-wrap: wrap; gap: 48px; }
.altas-h-books-side { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.altas-h-books-side .altas-showcase-heading { margin-bottom: 0; }
.altas-h-topics { display: flex; flex-direction: column; gap: 8px; }
.altas-h-topics a { display: flex; justify-content: space-between; align-items: center; padding: 11px 16px; background: #ffffff; border: 1px solid #eceef2; border-radius: 8px; color: #17191c !important; font-size: 14px; text-decoration: none !important; }
.altas-h-topics a:hover { border-color: #e31e24; }
.altas-h-topics em { font-style: normal; color: #4b5563; font-size: 13px; }
.altas-h-btn-dark { align-self: flex-start; display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px; border-radius: 4px; background: #111827; color: #ffffff !important; font-size: 14px; font-weight: 600; text-decoration: none !important; }
.altas-h-btn-dark:hover { background: #e31e24; }
.altas-h-books-grid { flex: 999 1 600px; min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; align-content: start; }
.altas-h-book { display: flex; flex-direction: column; gap: 8px; text-decoration: none !important; }
.altas-h-book-cover { display: flex; align-items: center; justify-content: center; aspect-ratio: 3 / 4; background: #ffffff; border-radius: 6px; overflow: hidden; box-shadow: 0 10px 24px rgba(17, 24, 39, .12); transition: transform .2s ease; }
.altas-h-book:hover .altas-h-book-cover { transform: translateY(-3px); }
.altas-h-book-cover img { width: 100%; height: 100%; object-fit: contain; }
.altas-h-book strong { color: #17191c; font-size: 14px; font-weight: 600; line-height: 1.4; margin-top: 6px; }
.altas-h-book-price { color: #e31e24; font-size: 15px; font-weight: 700; }

/* 6. Okul ve laboratuvar bandı */
.altas-h-school { display: flex; flex-wrap: wrap; border: 1px solid #eceef2; border-radius: 16px; overflow: hidden; background: #ffffff; }
.altas-h-school-text { flex: 1 1 460px; min-width: 0; padding: 44px 48px; display: flex; flex-direction: column; gap: 20px; }
.altas-h-school-text .altas-showcase-heading { margin-bottom: 0; }
.altas-h-checks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.altas-h-checks li { position: relative; padding-left: 28px; color: #17191c; font-size: 14px; }
.altas-h-checks li:before { content: ""; position: absolute; left: 4px; top: 4px; width: 10px; height: 6px; border-left: 2px solid #c4161c; border-bottom: 2px solid #c4161c; transform: rotate(-45deg); }
.altas-h-school-img { flex: 1 1 360px; min-width: 0; min-height: 300px; background: #f6f7f9; display: flex; align-items: center; justify-content: center; padding: 24px; }
.altas-h-school-img img { max-width: 100%; max-height: 340px; width: auto; height: auto; object-fit: contain; }

/* 7. Kaynaklar */
.altas-h-resources { background: #f6f7f9; }
.altas-h-res-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.altas-h-res { display: flex; flex-direction: column; gap: 10px; padding: 28px; background: #ffffff; border: 1px solid #eceef2; border-radius: 12px; text-decoration: none !important; transition: border-color .2s ease; }
.altas-h-res:hover { border-color: #e31e24; }
.altas-h-res-icon { color: #c4161c; }
.altas-h-res strong { color: #17191c; font-size: 18px; font-weight: 600; }
.altas-h-res > span:not(.altas-h-res-icon) { color: #4b5563; font-size: 14px; line-height: 1.6; }
.altas-h-res em { font-style: normal; margin-top: auto; padding-top: 8px; color: #e31e24; font-size: 14px; font-weight: 600; }
.altas-h-res-dark { background: #111827; border-color: #111827; }
.altas-h-res-dark .altas-h-res-icon { color: #ff6b70; }
.altas-h-res-dark strong { color: #ffffff; }
.altas-h-res-dark > span:not(.altas-h-res-icon) { color: #c7cbd1; }
.altas-h-res-dark em { color: #ff6b70; }

/* 8. Sık sorulan sorular */
.altas-h-faq .altas-showcase-heading { margin-bottom: 28px; }
.altas-h-faq-list { max-width: 840px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.altas-h-faq-item { border: 1px solid #eceef2; border-radius: 10px; background: #ffffff; }
.altas-h-faq-item summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 44px; padding: 16px 22px; color: #17191c; font-size: 15px; font-weight: 600; }
.altas-h-faq-item summary::-webkit-details-marker { display: none; }
.altas-h-faq-item summary:after { content: "+"; color: #e31e24; font-size: 22px; font-weight: 400; line-height: 1; }
.altas-h-faq-item[open] summary:after { content: "\2212"; }
.altas-h-faq-a { padding: 0 22px 18px; color: #4b5563; font-size: 14px; line-height: 1.7; }

/* WhatsApp düğmesi */
.altas-h-wa { position: fixed; right: 22px; bottom: 22px; z-index: 999; width: 56px; height: 56px; border-radius: 50%; background: #1f8f4e; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(0, 0, 0, .2); }
.altas-h-wa:hover { background: #18773f; }

/* Tablet */
@media (max-width: 991px) {
    .altas-h-trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .altas-h-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .altas-h-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .altas-h-books-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .altas-h-res-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Telefon */
@media (max-width: 600px) {
    .altas-h-section { padding: 44px 0; }
    .altas-h-trust-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .altas-h-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .altas-h-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .altas-h-card-img { height: 160px; padding: 12px; }
    .altas-h-card-img img { max-height: 136px; }
    .altas-h-card-body { padding: 12px; }
    .altas-h-school-text { padding: 28px 22px; }
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 20 - Anasayfa kaydırmalı ürün şeridi
   Öne Çıkanlar sekmelerinde kartlar yan yana kayar, oklarla gezilir.
   Bu blok altas-custom.css dosyasının EN SONUNA (Aşama 19'un altına) eklenir.
   ========================================================= */

.altas-h-panel { position: relative; }
.altas-h-panel[hidden] { display: none; }

.altas-h-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 60px) / 4);
    gap: 20px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding-bottom: 4px;
}
.altas-h-track::-webkit-scrollbar { display: none; }
.altas-h-track > .altas-h-card { scroll-snap-align: start; }

.altas-h-nav {
    position: absolute;
    top: 110px;
    z-index: 2;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #e3e5e8;
    background: #ffffff;
    color: #17191c;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(17, 24, 39, .12);
    transition: background .2s ease, color .2s ease, opacity .2s ease;
}
.altas-h-nav:hover { background: #111827; border-color: #111827; color: #ffffff; }
.altas-h-nav:disabled { opacity: 0; pointer-events: none; }
.altas-h-nav-prev { left: -22px; }
.altas-h-nav-next { right: -22px; }
.altas-h-no-scroll .altas-h-nav { display: none; }

@media (max-width: 991px) {
    .altas-h-track { grid-auto-columns: calc((100% - 20px) / 2); }
    .altas-h-nav-prev { left: -10px; }
    .altas-h-nav-next { right: -10px; }
}

@media (max-width: 600px) {
    .altas-h-track { grid-auto-columns: 72%; gap: 12px; }
    .altas-h-nav { display: none; }
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 21 - Dosya İndir sayfası
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir.
   ========================================================= */

/* Başlık altındaki turuncu çizgi ve "Anasayfa > ..." yolu kalkar */
body:has(.altas-dl-page) .breadcrumb ul,
body:has(.altas-dl-page) .breadcrumb .strip-line { display: none !important; }
body:has(.altas-dl-page) .breadcrumb h1:before,
body:has(.altas-dl-page) .breadcrumb h1:after,
body:has(.altas-dl-page) #title-page-alt:before,
body:has(.altas-dl-page) #title-page-alt:after { content: none !important; display: none !important; }
body:has(.altas-dl-page) .breadcrumb h1,
body:has(.altas-dl-page) #title-page-alt { border-bottom: 0 !important; background-image: none !important; box-shadow: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }

html { scroll-behavior: smooth; }
.altas-dl-page { max-width: 1200px; margin: 0 auto; padding: 10px 0 50px; }
.altas-dl-intro { max-width: 760px; margin-bottom: 24px; }
.altas-dl-intro p { margin: 0; color: #4b5563; font-size: 16px; line-height: 1.7; }

/* Arama kutusu (sayfa açılınca header'daki betik ekler) */
.altas-dl-search { display: block; max-width: 520px; margin: 0 0 20px; }
.altas-dl-search input { width: 100% !important; height: 50px !important; padding: 0 20px !important; border: 1px solid #e3e5e8 !important; border-radius: 999px !important; background: #f6f7f9 !important; color: #17191c !important; font-size: 15px !important; outline: none; box-shadow: none !important; }
.altas-dl-search input:focus { border-color: #e31e24 !important; background: #ffffff !important; }
.altas-dl-sr { position: absolute; left: -9999px; }

/* Bölüm kısayolları */
.altas-dl-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 36px; }
.altas-dl-chips a { display: inline-block; padding: 7px 14px; border: 1px solid #e3e5e8; border-radius: 999px; background: #ffffff; color: #374151 !important; font-size: 13px; text-decoration: none !important; }
.altas-dl-chips a:hover { border-color: #e31e24; color: #e31e24 !important; }

/* Bölümler */
.altas-dl-section { margin-bottom: 26px; padding: 24px; background: #f6f7f9; border: 1px solid #eceef2; border-radius: 14px; scroll-margin-top: 20px; }
.altas-dl-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.altas-dl-head h2 { margin: 0 !important; color: #17191c; font-size: 20px; font-weight: 700; line-height: 1.3; text-transform: none !important; }
.altas-dl-head span { color: #4b5563; font-size: 13px; }

.altas-dl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 14px; }
.altas-dl-item { display: flex; flex-direction: column; }
.altas-dl-main { flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 16px; background: #ffffff; border: 1px solid #eceef2; border-radius: 10px; text-decoration: none !important; transition: border-color .2s ease, transform .2s ease; }
a.altas-dl-main:hover { border-color: #e31e24; transform: translateY(-2px); }
.altas-dl-thumb { height: 84px; display: flex; align-items: center; justify-content: center; }
.altas-dl-thumb img { max-width: 100%; max-height: 80px; width: auto; height: auto; object-fit: contain; }
.altas-dl-ext { width: 58px; height: 70px; border-radius: 6px; background: #111827; color: #ffffff; font-size: 12px; font-weight: 700; letter-spacing: .5px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 10px; box-sizing: border-box; position: relative; }
.altas-dl-ext:before { content: ""; position: absolute; top: 0; right: 0; border-style: solid; border-width: 0 14px 14px 0; border-color: transparent #f6f7f9 #e31e24 transparent; }
.altas-dl-name { color: #17191c; font-size: 14px; font-weight: 600; line-height: 1.4; word-break: break-word; }
.altas-dl-desc { color: #4b5563; font-size: 12px; line-height: 1.5; }
.altas-dl-cta { margin-top: auto; padding-top: 4px; display: flex; align-items: center; gap: 6px; color: #e31e24; font-size: 13px; font-weight: 600; }
.altas-dl-cta .altas-dl-tag { padding: 1px 6px; border-radius: 4px; background: #fdecec; color: #c4161c; font-size: 11px; font-weight: 700; }
.altas-dl-alt { display: inline-block; margin-top: 6px; padding-left: 4px; color: #4b5563 !important; font-size: 12px; text-decoration: underline !important; }
.altas-dl-alt:hover { color: #e31e24 !important; }
.altas-dl-off .altas-dl-main { opacity: .6; }
.altas-dl-off .altas-dl-cta { color: #6b7280; }

.altas-dl-empty { display: none; padding: 30px; text-align: center; color: #4b5563; font-size: 15px; background: #f6f7f9; border-radius: 12px; }
.altas-dl-empty.is-visible { display: block; }

@media (max-width: 600px) {
    .altas-dl-section { padding: 16px; }
    .altas-dl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .altas-dl-main { padding: 12px; }
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 22 - Üye Ol sayfası
   Bu blok altas-custom.css dosyasının EN SONUNA eklenir.
   ========================================================= */

/* Sayfa başlığı kartın içinde olduğu için üstteki başlık ve yol gizlenir */
body:has(.altas-reg) .breadcrumb { display: none !important; }

.altas-reg { padding: 40px 0 64px; }
.altas-reg-layout { max-width: 1120px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 28px; align-items: flex-start; }
.altas-reg-card { flex: 999 1 560px; min-width: 0; background: #ffffff; border: 1px solid #eceef2; border-radius: 16px; padding: 40px; display: flex; flex-direction: column; gap: 28px; box-sizing: border-box; }
.altas-reg-title h1 { margin: 4px 0 6px !important; color: #17191c; font-size: 30px; font-weight: 700; line-height: 1.2; }
.altas-reg-title p { margin: 0; color: #4b5563; font-size: 14px; }
.altas-reg-title a, .altas-reg a { color: #c4161c; font-weight: 600; }
.altas-reg-eyebrow { color: #c4161c; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; }
.altas-reg-alert { padding: 14px 18px; border-radius: 10px; background: #fdecec; border: 1px solid #f6c3c5; color: #8f1014; font-size: 14px; }

.altas-reg-block { display: flex; flex-direction: column; gap: 14px; }
.altas-reg-label { font-size: 14px; font-weight: 600; color: #17191c; }
.altas-reg-section { font-size: 16px; font-weight: 700; color: #17191c; padding-bottom: 8px; border-bottom: 1px solid #eceef2; }
.altas-reg-section small { font-size: 13px; font-weight: 400; color: #4b5563; }
.altas-reg-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.altas-reg-note { font-size: 12px; color: #4b5563; line-height: 1.6; margin: 0; }
.altas-reg-center { text-align: center; margin-top: -14px; }

/* Alanlar */
.altas-reg-field { display: flex !important; flex-direction: column; gap: 6px; margin: 0 !important; font-size: 13px; font-weight: 600; color: #17191c; }
.altas-reg-field em, .altas-reg-check em { font-style: normal; color: #c4161c; }
.altas-reg-field .altas-reg-req { display: none; }
.altas-reg-field.required .altas-reg-req { display: inline; }
.altas-reg-field input[type=text],
.altas-reg-field input[type=email],
.altas-reg-field input[type=tel],
.altas-reg-field input[type=password],
.altas-reg-field select,
.altas-reg-field textarea { width: 100% !important; height: 48px !important; padding: 0 14px !important; border: 1px solid #d9dce1 !important; border-radius: 8px !important; background: #ffffff !important; color: #17191c !important; font-size: 15px !important; font-weight: 400 !important; box-shadow: none !important; box-sizing: border-box; }
.altas-reg-field textarea { height: auto !important; padding: 12px 14px !important; }
.altas-reg-field input:focus, .altas-reg-field select:focus, .altas-reg-field textarea:focus { border-color: #e31e24 !important; outline: none; }
.altas-reg-err { color: #c4161c; font-size: 12px; font-weight: 500; }

.altas-reg-tel, .altas-reg-pw { display: flex; height: 48px; border: 1px solid #d9dce1; border-radius: 8px; overflow: hidden; background: #ffffff; }
.altas-reg-tel:focus-within, .altas-reg-pw:focus-within { border-color: #e31e24; }
.altas-reg-tel b { display: flex; align-items: center; padding: 0 12px; background: #f3f4f6; border-right: 1px solid #d9dce1; color: #4b5563; font-size: 14px; font-weight: 500; }
.altas-reg-field .altas-reg-tel input, .altas-reg-field .altas-reg-pw input { flex: 1; min-width: 0; height: 46px !important; border: 0 !important; border-radius: 0 !important; }
.altas-reg-pw button { min-width: 84px; border: 0; border-left: 1px solid #d9dce1; background: #f9fafb; color: #374151; font-size: 13px; font-weight: 600; cursor: pointer; }
.altas-reg-pw button:hover { background: #f3f4f6; }
.altas-reg-bars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.altas-reg-bars i { display: block; height: 5px; border-radius: 3px; background: #e3e5e8; }

/* Hesap türü kartları */
.altas-reg-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.altas-reg-type { position: relative; display: flex !important; flex-direction: column; gap: 2px; min-height: 64px; margin: 0 !important; padding: 14px 16px; border: 2px solid #e3e5e8; border-radius: 10px; background: #ffffff; cursor: pointer; }
.altas-reg-type input { position: absolute; opacity: 0; pointer-events: none; }
.altas-reg-type strong { color: #17191c; font-size: 15px; font-weight: 600; }
.altas-reg-type span { color: #4b5563; font-size: 12px; font-weight: 400; }
.altas-reg-type.is-on { border-color: #e31e24; background: #fff5f5; }
.altas-reg-type:focus-within { box-shadow: 0 0 0 3px rgba(227, 30, 36, .2); }

/* Kurum bilgileri kutusu */
.altas-reg-corp { padding: 20px; background: #f9fafb; border: 1px solid #eceef2; border-radius: 12px; }

/* İlgi alanı çipleri */
.altas-reg-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.altas-reg-chip { position: relative; margin: 0 !important; cursor: pointer; }
.altas-reg-chip input { position: absolute; opacity: 0; pointer-events: none; }
.altas-reg-chip span { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid #d9dce1; border-radius: 999px; background: #ffffff; color: #17191c; font-size: 13px; font-weight: 600; }
.altas-reg-chip input:checked + span { background: #111827; border-color: #111827; color: #ffffff; }
.altas-reg-chip input:focus-visible + span { box-shadow: 0 0 0 3px rgba(227, 30, 36, .25); }

/* İzinler */
.altas-reg-consents { gap: 14px; }
.altas-reg-check { display: flex !important; gap: 12px; align-items: flex-start; margin: 0 !important; font-size: 14px; font-weight: 400; line-height: 1.5; color: #17191c; cursor: pointer; }
.altas-reg-check input { width: 20px; height: 20px; margin: 1px 0 0 !important; flex-shrink: 0; accent-color: #e31e24; }

/* Gönder */
.altas-reg-submit { width: 100%; height: 52px; border: 0; border-radius: 8px; background: #e31e24; color: #ffffff; font-size: 16px; font-weight: 700; cursor: pointer; transition: background .2s ease; }
.altas-reg-submit:hover { background: #c4161c; }
.altas-reg-submit:disabled { background: #e5e7eb; color: #6b7280; cursor: not-allowed; }

/* Sağ panel */
.altas-reg-side { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.altas-reg-benefits { background: #111827; border-radius: 16px; padding: 30px; display: flex; flex-direction: column; gap: 18px; }
.altas-reg-side-title { color: #ffffff; font-size: 19px; font-weight: 700; }
.altas-reg-benefits > div { display: flex; gap: 12px; align-items: flex-start; color: #ff6b70; }
.altas-reg-benefits svg { flex-shrink: 0; }
.altas-reg-benefits p { margin: 0; color: #c7cbd1; font-size: 13px; line-height: 1.5; }
.altas-reg-benefits p b { display: block; color: #ffffff; font-size: 14px; }
.altas-reg-help { background: #ffffff; border: 1px solid #eceef2; border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 8px; }
.altas-reg-help strong { color: #17191c; font-size: 15px; }
.altas-reg-help span { color: #4b5563; font-size: 13px; line-height: 1.6; }

@media (max-width: 600px) {
    .altas-reg { padding: 20px 0 40px; }
    .altas-reg-card { padding: 24px 18px; }
    .altas-reg-row { grid-template-columns: minmax(0, 1fr); }
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 23 - Üye Ol sayfası (Xtensions şablonu)
   Aşama 22'nin ALTINA, altas-custom.css dosyasının en sonuna eklenir.
   ========================================================= */

.altas-reg.container { padding-top: 40px; padding-bottom: 64px; }
.altas-reg .form-group { margin: 0 !important; }
.altas-reg .altas-reg-item { display: flex; flex-direction: column; gap: 6px; }
.altas-reg .altas-reg-pool:empty { display: none; }
#altas-slot-group:empty, #altas-slot-interests:empty, #altas-slot-consent:empty { display: none; }
#altas-slot-password { display: flex; flex-direction: column; gap: 10px; }
#altas-slot-consent { display: flex; flex-direction: column; gap: 14px; }
.altas-reg .altas-reg-item[data-altas-slot="interests"] { gap: 10px; }
.altas-reg .altas-reg-lbl[title] { cursor: help; border-bottom: 1px dotted #9ca3af; align-self: flex-start; }
.altas-reg .altas-reg-err { display: block; }
.altas-reg .altas-reg-alert { margin: 0; }
.altas-reg .altas-reg-radios { display: flex; flex-wrap: wrap; gap: 16px; font-weight: 400; }
.altas-reg .input-group { display: flex; }
.altas-reg .input-group .form-control { border-radius: 8px 0 0 8px !important; }

/* Telefon: ülke kodu + numara (Aşama 23 eki - önceki "Telefon: ülke kodu + numara" bloğunun yerine) */
.altas-reg .altas-reg-tel2 { display: flex !important; align-items: stretch; width: 100%; height: 48px; border: 1px solid #d9dce1; border-radius: 8px; overflow: hidden; background: #ffffff; }
.altas-reg .altas-reg-tel2:focus-within { border-color: #e31e24; }
.altas-reg .altas-reg-tel2 select {
    flex: 0 0 112px !important; width: 112px !important; min-width: 0 !important; max-width: 112px !important;
    height: 46px !important; margin: 0 !important; padding: 0 26px 0 12px !important;
    border: 0 !important; border-right: 1px solid #d9dce1 !important; border-radius: 0 !important; box-shadow: none !important;
    -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
    background: #f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center !important;
    color: #17191c !important; font-size: 14px !important; line-height: 46px !important; cursor: pointer;
}
.altas-reg .altas-reg-field .altas-reg-tel2 input {
    flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 46px !important; margin: 0 !important;
    padding: 0 14px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-align: left !important;
}

/* Ülke kutusunda tek ok kalsın: tema / modül kaynaklı ikinci simge gizlenir */
#altas-tel-cc,
#altas-tel-cc:valid,
#altas-tel-cc:focus,
.has-success #altas-tel-cc,
.has-error #altas-tel-cc {
    background-color: #f3f4f6 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 12px 12px !important;
}
#altas-tel-cc::-ms-expand { display: none; }
.altas-reg-tel2 .form-control-feedback,
.altas-reg-tel2 > i,
.altas-reg-tel2 > .fa,
.altas-reg-tel2::after,
.altas-reg-tel2::before { display: none !important; content: none !important; }

/* Telefon ülke kutusu: yeşil onay işaretini gizle (v2)
   Önceki "yeşil onay işaretini gizle" bloğunu SİLİP yerine bunu koyun. */
.altas-reg-tel2 { position: relative; }

/* Tema select'i bir kutuya sarıyorsa: sarmalayıcı görünür kalsın, süsleri gizlensin */
.altas-reg-tel2 > *:has(select) {
    display: block !important; flex: 0 0 112px !important; width: 112px !important; max-width: 112px !important;
    position: relative; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important;
}
.altas-reg-tel2 > *:has(select)::before,
.altas-reg-tel2 > *:has(select)::after { display: none !important; content: none !important; }
.altas-reg-tel2 > *:has(select) > *:not(select) { display: none !important; }
.altas-reg-tel2 > *:has(select) select { display: block !important; width: 112px !important; }

/* Select ya da input içermeyen fazladan öğeler (simge vb.) gizlenir */
.altas-reg-tel2 > *:not(select):not(input):not(:has(select)):not(:has(input)) { display: none !important; }
.altas-reg-field:has(.altas-reg-tel2) .form-control-feedback,
.altas-reg-field:has(.altas-reg-tel2) .glyphicon { display: none !important; }

#altas-tel-cc.valid, #altas-tel-cc.is-valid, #altas-tel-cc.error, #altas-tel-cc.is-invalid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 12px 12px !important;
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 24 - Hesabım (Profilim) sayfası
   altas-custom.css dosyasının EN SONUNA eklenir.
   ========================================================= */

/* Tema başlığı, turuncu çizgi ve yol çubuğu gizlenir (sayfanın kendi karşılama alanı var) */
body:has(.altas-acc) .breadcrumb,
body:has(.altas-acc) #title-page-alt { display: none !important; }

.altas-acc { font-family: 'Poppins', sans-serif; color: #17191c; padding: 32px 0 64px; }
.altas-acc a { text-decoration: none; }
.altas-acc h1, .altas-acc h2 { font-family: 'Poppins', sans-serif; text-transform: none; letter-spacing: 0; }
.altas-acc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.altas-acc-alert { margin: 0 0 20px; padding: 14px 18px; border-radius: 10px; background: #dcf3e5; color: #166534; font-size: 14px; font-weight: 500; }

.altas-acc-layout { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }

/* Sol menü */
.altas-acc-nav { flex: 1 1 250px; max-width: 100%; box-sizing: border-box; background: #ffffff; border: 1px solid #eceef2; border-radius: 16px; padding: 20px 14px; display: flex; flex-direction: column; gap: 4px; }
.altas-acc-me { display: flex; align-items: center; gap: 12px; padding: 4px 10px 18px; margin-bottom: 10px; border-bottom: 1px solid #eceef2; }
.altas-acc-me div { display: flex; flex-direction: column; min-width: 0; }
.altas-acc-me strong { font-size: 15px; font-weight: 600; }
.altas-acc-me span { font-size: 12px; color: #4b5563; }
.altas-acc-avatar { width: 44px; height: 44px; flex-shrink: 0; border-radius: 999px; background: #fde8e9; color: #c4161c !important; font-size: 15px !important; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.altas-acc-nav > a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 12px; border-radius: 10px; color: #17191c; font-size: 14px; font-weight: 500; transition: background .15s ease; }
.altas-acc-nav > a span { flex: 1; }
.altas-acc-nav > a em { font-style: normal; font-size: 12px; font-weight: 600; background: #f3f4f6; color: #374151; border-radius: 999px; padding: 1px 9px; }
.altas-acc-nav > a:hover { background: #f6f7f9; color: #17191c; }
.altas-acc-nav > a.is-on { background: #fff1f1; color: #c4161c; font-weight: 600; }
.altas-acc-nav > a.altas-acc-logout { margin-top: 10px; padding-top: 10px; border-top: 1px solid #eceef2; border-radius: 0; color: #4b5563; }

/* İçerik */
.altas-acc-main { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 24px; }

.altas-acc-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 8px; border: 1px solid transparent; background: #e31e24; color: #ffffff !important; font-size: 14px; font-weight: 600; white-space: nowrap; transition: background .2s ease; }
.altas-acc-btn:hover { background: #c4161c; }
.altas-acc-btn.is-ghost { background: transparent; border-color: rgba(255, 255, 255, .35); }
.altas-acc-btn.is-ghost:hover { background: rgba(255, 255, 255, .08); }
.altas-acc-btn.is-dark { background: #111827; }
.altas-acc-btn.is-dark:hover { background: #000000; }
.altas-acc-btn.is-line { background: #ffffff; border-color: #d9dce1; color: #17191c !important; }
.altas-acc-btn.is-line:hover { border-color: #17191c; }

/* Karşılama */
.altas-acc-hello { background: #111827; border-radius: 16px; padding: 30px 32px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between; }
.altas-acc-hello > div:first-child { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.altas-acc-badge { align-self: flex-start; background: rgba(255, 255, 255, .1); color: #ffffff; font-size: 12px; font-weight: 600; border-radius: 999px; padding: 4px 12px; }
.altas-acc-hello h1 { margin: 0 !important; padding: 0 !important; border: 0 !important; color: #ffffff !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1.25 !important; }
.altas-acc-hello h1:before, .altas-acc-hello h1:after { content: none !important; display: none !important; }
.altas-acc-hello p { margin: 0; color: #c7cbd1; font-size: 14px; word-break: break-word; }
.altas-acc-hello-btns { display: flex; flex-wrap: wrap; gap: 10px; }

/* Özet kutuları */
.altas-acc-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; }
.altas-acc-stats a { background: #ffffff; border: 1px solid #eceef2; border-radius: 14px; padding: 20px; color: #17191c; display: flex; flex-direction: column; gap: 8px; transition: border-color .2s ease, transform .2s ease; }
.altas-acc-stats a:hover { border-color: #e31e24; transform: translateY(-2px); color: #17191c; }
.altas-acc-stats b { font-size: 26px; font-weight: 700; line-height: 1.1; }
.altas-acc-stats b.is-small { font-size: 18px; }
.altas-acc-stats strong { font-size: 14px; font-weight: 600; }
.altas-acc-stats span { font-size: 12px; color: #4b5563; }

/* Adres uyarısı */
.altas-acc-notice { background: #fff5f5; border: 1px solid #f7caca; border-radius: 14px; padding: 20px 22px; display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.altas-acc-notice-ico { width: 44px; height: 44px; flex-shrink: 0; border-radius: 999px; background: #ffffff; display: flex; align-items: center; justify-content: center; }
.altas-acc-notice > div { flex: 1 1 260px; display: flex; flex-direction: column; gap: 2px; }
.altas-acc-notice strong { font-size: 15px; }
.altas-acc-notice span { font-size: 13px; color: #4b5563; }

/* Kartlar */
.altas-acc-card { background: #ffffff; border: 1px solid #eceef2; border-radius: 16px; padding: 24px 26px; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.altas-acc-card h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 18px !important; font-weight: 700 !important; color: #17191c !important; }
.altas-acc-card h2:before, .altas-acc-card h2:after { content: none !important; display: none !important; }
.altas-acc-card-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.altas-acc-card-head a { color: #c4161c; font-size: 14px; font-weight: 600; }
.altas-acc-empty { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: space-between; padding: 18px; background: #f9fafb; border-radius: 12px; font-size: 14px; color: #4b5563; }

/* Sipariş tablosu */
.altas-acc-table-wrap { position: relative; overflow-x: auto; }
.altas-acc-table { width: 100%; min-width: 600px; border-collapse: collapse; font-size: 14px; }
.altas-acc-table th { padding: 10px 12px; text-align: left; font-size: 12px; font-weight: 600; color: #4b5563; border-bottom: 1px solid #eceef2; background: none; }
.altas-acc-table td { padding: 14px 12px; border-bottom: 1px solid #f1f2f4; vertical-align: middle; }
.altas-acc-table tr:last-child td { border-bottom: 0; }
.altas-acc-table .is-right { text-align: right; white-space: nowrap; }
.altas-acc-table .is-strong { font-weight: 600; }
.altas-acc-table .is-muted { color: #4b5563; }
.altas-acc-table td a { color: #c4161c; font-weight: 600; }
.altas-acc-st { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: #f3f4f6; color: #374151; }
.altas-acc-st.is-ship { background: #e0ecff; color: #1d4ed8; }
.altas-acc-st.is-done { background: #dcf3e5; color: #166534; }
.altas-acc-st.is-wait { background: #fff3db; color: #92400e; }
.altas-acc-st.is-cancel { background: #f3f4f6; color: #4b5563; }

/* Kurum bilgileri */
.altas-acc-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; }
.altas-acc-facts div { display: flex; flex-direction: column; gap: 4px; }
.altas-acc-facts span { font-size: 12px; color: #4b5563; }
.altas-acc-facts strong { font-size: 15px; font-weight: 600; }
.altas-acc-offer { background: #f9fafb; border: 1px solid #eceef2; border-radius: 12px; padding: 16px 18px; display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.altas-acc-offer span { flex: 1 1 260px; font-size: 14px; color: #374151; }

/* Favoriler + tercihler */
.altas-acc-split { display: flex; flex-wrap: wrap; gap: 24px; align-items: stretch; }
.altas-acc-wish { flex: 3 1 340px; }
.altas-acc-prefs { flex: 2 1 280px; gap: 18px; }
.altas-acc-wish-list { display: flex; flex-direction: column; gap: 12px; }
.altas-acc-wish-item { display: flex; gap: 14px; align-items: center; }
.altas-acc-wish-img { width: 56px; height: 56px; flex-shrink: 0; border-radius: 8px; overflow: hidden; background: #f3f4f6; display: block; }
.altas-acc-wish-img img { width: 100%; height: 100%; object-fit: contain; }
.altas-acc-wish-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.altas-acc-wish-txt a { color: #17191c; font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.altas-acc-wish-txt a:hover { color: #c4161c; }
.altas-acc-wish-txt span { font-size: 13px; color: #4b5563; }
.altas-acc-wish-txt span.is-out { color: #b45309; font-weight: 500; }
.altas-acc-mini-btn { min-height: 40px; padding: 0 14px; border-radius: 8px; border: 1px solid #d9dce1; background: #ffffff; color: #17191c; font-family: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; }
.altas-acc-mini-btn:hover { border-color: #e31e24; color: #c4161c; }

.altas-acc-pref { display: flex; align-items: center; gap: 14px; margin: 0; }
.altas-acc-pref > div { flex: 1; display: flex; flex-direction: column; }
.altas-acc-pref strong { font-size: 14px; font-weight: 600; }
.altas-acc-pref span { font-size: 12px; color: #4b5563; }
.altas-acc-pref span a { color: #c4161c; font-weight: 600; }
.altas-acc-switch { position: relative; width: 48px; height: 28px; flex-shrink: 0; padding: 0; border: 0; border-radius: 999px; background: #c3c7ce; cursor: pointer; transition: background .2s ease; }
.altas-acc-switch span { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 999px; background: #ffffff; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); transition: left .2s ease; }
.altas-acc-switch.is-on { background: #e31e24; }
.altas-acc-switch.is-on span { left: 23px; }
.altas-acc-switch:focus-visible { outline: 3px solid rgba(227, 30, 36, .35); outline-offset: 2px; }

.altas-acc-interests { display: flex; flex-direction: column; gap: 10px; padding-top: 14px; border-top: 1px solid #eceef2; }
.altas-acc-interests strong { font-size: 14px; font-weight: 600; }
.altas-acc-interests > div { display: flex; flex-wrap: wrap; gap: 8px; }
.altas-acc-interests > div span { padding: 6px 12px; border-radius: 999px; background: #111827; color: #ffffff; font-size: 12px; font-weight: 600; }
.altas-acc-interests > div a { padding: 6px 12px; border-radius: 999px; border: 1px dashed #c3c7ce; color: #374151; font-size: 12px; font-weight: 600; }

/* Yardım */
.altas-acc-help { background: #ffffff; border: 1px solid #eceef2; border-radius: 16px; padding: 22px 26px; display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.altas-acc-help > div:first-child { flex: 1 1 280px; display: flex; flex-direction: column; gap: 2px; }
.altas-acc-help strong { font-size: 15px; }
.altas-acc-help span { font-size: 13px; color: #4b5563; }

@media (max-width: 767px) {
    .altas-acc { padding: 16px 0 40px; }
    .altas-acc-hello { padding: 24px 20px; }
    .altas-acc-hello h1 { font-size: 23px !important; }
    .altas-acc-card { padding: 20px 18px; }
    .altas-acc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .altas-acc-stats a { padding: 16px; }
    /* Telefonda menü yatay kaydırmalı şerit olur */
    .altas-acc-nav { flex-direction: row; overflow-x: auto; padding: 10px; gap: 6px; border-radius: 12px; }
    .altas-acc-me { display: none; }
    .altas-acc-nav > a { flex-shrink: 0; white-space: nowrap; background: #f6f7f9; }
    .altas-acc-nav > a.altas-acc-logout { margin-top: 0; padding-top: 0; border-top: 0; border-radius: 10px; }
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 25 - Hesap alt sayfaları: ortak + Siparişlerim
   Aşama 24'ün ALTINA, altas-custom.css dosyasının en sonuna eklenir.
   ========================================================= */

/* Sayfa başlığı (kart içinde) */
.altas-acc-title { display: flex; flex-direction: column; gap: 2px; }
.altas-acc-title h1 { margin: 0 !important; padding: 0 !important; border: 0 !important; font-family: 'Poppins', sans-serif; font-size: 24px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #17191c !important; text-transform: none !important; }
.altas-acc-title h1:before, .altas-acc-title h1:after { content: none !important; display: none !important; }
.altas-acc-title span { font-size: 13px; color: #4b5563; }

/* Büyük boş durum */
.altas-acc-empty-big { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 40px 20px; background: #f9fafb; border-radius: 12px; }
.altas-acc-empty-big strong { font-size: 17px; font-weight: 700; }
.altas-acc-empty-big span { max-width: 420px; font-size: 14px; color: #4b5563; line-height: 1.6; }
.altas-acc-empty-big .altas-acc-btn { margin-top: 6px; }
.altas-acc-empty-ico { width: 60px; height: 60px; border-radius: 999px; background: #fff1f1; display: flex !important; align-items: center; justify-content: center; }

/* Sipariş listesi */
.altas-ord-list { display: flex; flex-direction: column; gap: 12px; }
.altas-ord { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; padding: 18px 20px; border: 1px solid #eceef2; border-radius: 12px; transition: border-color .2s ease; }
.altas-ord:hover { border-color: #d9dce1; }
.altas-ord-id { flex: 1 1 140px; display: flex; flex-direction: column; gap: 2px; }
.altas-ord-id strong { font-size: 16px; font-weight: 700; }
.altas-ord-id span { font-size: 13px; color: #4b5563; }
.altas-ord-meta { flex: 1 1 180px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.altas-ord-items { font-size: 13px; color: #4b5563; }
.altas-ord-total { flex: 0 1 140px; display: flex; flex-direction: column; gap: 2px; text-align: right; }
.altas-ord-total span { font-size: 12px; color: #4b5563; }
.altas-ord-total strong { font-size: 16px; font-weight: 700; }
.altas-ord .altas-acc-btn { min-width: 96px; }

/* Sayfalama */
.altas-ord-pages { display: flex; justify-content: center; }
.altas-ord-pages .pagination { margin: 8px 0 0; display: flex; flex-wrap: wrap; gap: 6px; }
.altas-ord-pages .pagination > li > a,
.altas-ord-pages .pagination > li > span { min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid #d9dce1 !important; border-radius: 8px !important; color: #17191c; background: #ffffff; font-weight: 600; }
.altas-ord-pages .pagination > .active > span { background: #111827 !important; border-color: #111827 !important; color: #ffffff !important; }

@media (max-width: 767px) {
    .altas-ord { padding: 16px; gap: 12px 16px; }
    .altas-ord-total { text-align: left; flex: 1 1 auto; }
    .altas-ord .altas-acc-btn { flex: 1 1 100%; }
}


/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 26 - Favorilerim
   Aşama 25'in ALTINA, altas-custom.css dosyasının en sonuna eklenir.
   ========================================================= */

.altas-acc-btn { box-sizing: border-box; }
button.altas-acc-btn { font-family: inherit; cursor: pointer; line-height: 1.2; }

.altas-wish-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.altas-wish-card { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 14px; border: 1px solid #eceef2; border-radius: 14px; background: #ffffff; transition: border-color .2s ease, box-shadow .2s ease; }
.altas-wish-card:hover { border-color: #d9dce1; box-shadow: 0 6px 18px rgba(17, 24, 39, .06); }
.altas-wish-img { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; border-radius: 10px; background: #f6f7f9; overflow: hidden; }
.altas-wish-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.altas-wish-body { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.altas-wish-name { color: #17191c; font-size: 14px; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 39px; }
.altas-wish-name:hover { color: #c4161c; }
.altas-wish-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.altas-wish-price strong { font-size: 16px; font-weight: 700; color: #17191c; }
.altas-wish-price s { font-size: 13px; color: #6b7280; }
.altas-wish-stock { font-size: 12px; color: #166534; font-weight: 500; }
.altas-wish-stock.is-out { color: #b45309; }
.altas-wish-card .altas-acc-btn { width: 100%; }
.altas-wish-remove { position: absolute; top: 22px; right: 22px; z-index: 2; width: 34px; height: 34px; border-radius: 999px; background: #ffffff; color: #4b5563 !important; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 4px rgba(0, 0, 0, .12); transition: color .2s ease, background .2s ease; }
.altas-wish-remove:hover { background: #e31e24; color: #ffffff !important; }

@media (max-width: 767px) {
    .altas-wish-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .altas-wish-card { padding: 10px; gap: 10px; }
    .altas-wish-remove { top: 16px; right: 16px; }
    .altas-wish-card .altas-acc-btn { font-size: 13px; padding: 0 10px; }
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 27 - Sepetim
   Aşama 26'nın ALTINA, altas-custom.css dosyasının en sonuna eklenir.
   ========================================================= */

/* Tema başlığı ("Alışveriş Sepetim (0,00kg)"), turuncu çizgi ve yol çubuğu gizlenir */
body:has(.altas-cart) .breadcrumb,
body:has(.altas-cart) #title-page-alt { display: none !important; }

.altas-cart { font-family: 'Poppins', sans-serif; color: #17191c; padding: 32px 0 64px; }
.altas-cart a { text-decoration: none; }

.altas-cart-alert { margin: 0 0 16px; padding: 14px 18px; border-radius: 10px; font-size: 14px; font-weight: 500; }
.altas-cart-alert.is-ok { background: #dcf3e5; color: #166534; }
.altas-cart-alert.is-info { background: #e0ecff; color: #1d4ed8; }
.altas-cart-alert.is-err { background: #fde8e9; color: #8f1014; }

.altas-cart-head { display: flex; align-items: baseline; gap: 12px; margin: 0 0 20px; }
.altas-cart-head h1 { margin: 0 !important; padding: 0 !important; border: 0 !important; font-family: 'Poppins', sans-serif; font-size: 28px !important; font-weight: 700 !important; line-height: 1.25 !important; color: #17191c !important; text-transform: none !important; }
.altas-cart-head h1:before, .altas-cart-head h1:after { content: none !important; display: none !important; }
.altas-cart-head span { font-size: 14px; color: #4b5563; }

.altas-cart-layout { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.altas-cart-main { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.altas-cart-side { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.altas-cart-card { background: #ffffff; border: 1px solid #eceef2; border-radius: 16px; padding: 8px 24px; box-sizing: border-box; }
.altas-cart-card h2 { margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; font-family: 'Poppins', sans-serif; font-size: 18px !important; font-weight: 700 !important; color: #17191c !important; text-transform: none !important; }
.altas-cart-card h2:before, .altas-cart-card h2:after { content: none !important; display: none !important; }

/* Ürün satırı */
.altas-cart-item { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 20px; padding: 20px 0; border-bottom: 1px solid #f1f2f4; }
.altas-cart-item:last-of-type { border-bottom: 0; }
.altas-cart-img { width: 84px; height: 84px; flex-shrink: 0; border-radius: 10px; background: #f6f7f9; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.altas-cart-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.altas-cart-info { flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.altas-cart-name { color: #17191c; font-size: 15px; font-weight: 600; line-height: 1.4; }
a.altas-cart-name:hover { color: #c4161c; }
.altas-cart-model, .altas-cart-unit, .altas-cart-note { font-size: 12px; color: #4b5563; }
.altas-cart-opts { margin: 2px 0 0; padding: 0; list-style: none; font-size: 12px; color: #4b5563; }
.altas-cart-stock { font-size: 12px; font-weight: 600; color: #b91c1c; }

.altas-cart-qty { display: flex; align-items: center; height: 42px; border: 1px solid #d9dce1; border-radius: 10px; overflow: hidden; flex-shrink: 0; }
.altas-cart-qty.is-fixed { width: 42px; justify-content: center; font-weight: 600; }
.altas-cart-step { width: 40px; height: 100%; border: 0; background: #f6f7f9; color: #17191c; font-size: 18px; font-weight: 600; cursor: pointer; }
.altas-cart-step:hover { background: #eceef2; }
.altas-cart-qty input { width: 46px; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-align: center; font-family: inherit; font-size: 15px; font-weight: 600; -moz-appearance: textfield; }
.altas-cart-qty input::-webkit-outer-spin-button, .altas-cart-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.altas-cart-line { flex: 0 0 120px; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; }
.altas-cart-line strong { font-size: 16px; font-weight: 700; }
.altas-cart-remove { display: inline-flex; align-items: center; gap: 5px; padding: 4px 0; border: 0; background: none; color: #4b5563; font-family: inherit; font-size: 13px; font-weight: 500; cursor: pointer; }
.altas-cart-remove:hover { color: #c4161c; }

.altas-cart-back { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #17191c; font-size: 14px; font-weight: 600; }
.altas-cart-back:hover { color: #c4161c; }

/* Özet */
.altas-cart-summary { padding: 24px; }
.altas-cart-totals { display: flex; flex-direction: column; gap: 10px; }
.altas-cart-totals div { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; color: #374151; }
.altas-cart-totals div strong { font-weight: 600; color: #17191c; white-space: nowrap; }
.altas-cart-totals div.is-grand { margin-top: 6px; padding-top: 14px; border-top: 1px solid #eceef2; font-size: 16px; font-weight: 700; color: #17191c; }
.altas-cart-totals div.is-grand strong { font-size: 22px; font-weight: 700; }
.altas-cart-shipnote { display: block; margin: 12px 0 18px; font-size: 12px; color: #4b5563; }
.altas-cart-checkout { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; border-radius: 10px; background: #e31e24; color: #ffffff !important; font-size: 16px; font-weight: 700; transition: background .2s ease; }
.altas-cart-checkout:hover { background: #c4161c; }
.altas-cart-trust { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
.altas-cart-trust li { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: #374151; }
.altas-cart-trust svg { color: #c4161c; }

/* Kupon / kargo / hediye çeki modülleri (tema akordeonları) */
.altas-cart-modules { padding: 24px; }
.altas-cart-modules .panel-group { margin: 0; }
.altas-cart-modules .panel { margin: 0 !important; border: 0 !important; border-top: 1px solid #eceef2 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; }
.altas-cart-modules .panel-heading { padding: 0 !important; background: none !important; border: 0 !important; }
.altas-cart-modules .panel-title { display: block; margin: 0 !important; padding: 0 !important; }
.altas-cart-modules .panel-title, .altas-cart-modules .panel-title a { display: block; font-family: 'Poppins', sans-serif; font-size: 14px !important; font-weight: 600 !important; color: #17191c !important; text-transform: none !important; letter-spacing: 0 !important; }
.altas-cart-modules .panel-title a { padding: 14px 0; }
.altas-cart-modules .panel-body { padding: 0 0 16px !important; border: 0 !important; }
.altas-cart-modules .form-control { height: 44px; border: 1px solid #d9dce1; border-radius: 8px !important; box-shadow: none; }
.altas-cart-modules .input-group { display: flex; gap: 8px; width: 100%; }
.altas-cart-modules .input-group .form-control { flex: 1 1 auto; width: auto; min-width: 0; float: none; }
.altas-cart-modules .input-group-btn { display: block; flex: 0 0 auto; width: auto; }
.altas-cart-modules .btn, .altas-cart-modules input[type="button"] { height: 44px; padding: 0 16px; border: 0; border-radius: 8px !important; background: #111827 !important; color: #ffffff !important; font-family: inherit; font-size: 13px; font-weight: 600; text-transform: none; }

@media (max-width: 767px) {
    .altas-cart { padding: 16px 0 40px; }
    .altas-cart-head h1 { font-size: 24px !important; }
    .altas-cart-card { padding: 4px 16px; }
    .altas-cart-item { gap: 12px 14px; padding: 16px 0; }
    .altas-cart-img { width: 68px; height: 68px; }
    .altas-cart-info { flex: 1 1 calc(100% - 82px); }
    .altas-cart-qty { margin-left: 82px; }
    .altas-cart-line { flex: 1 1 auto; }
    .altas-cart-summary { position: static; padding: 20px 16px; }
    .altas-cart-modules { padding: 20px 16px; }
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 28 - Bildirim kutusu + favori görselleri
   Aşama 27'nin ALTINA, altas-custom.css dosyasının en sonuna eklenir.
   ========================================================= */

/* Favorilerim: görsel kartı doldursun */
.altas-wish-img img { width: 100%; height: 100%; object-fit: contain; }

/* Sepete / favorilere ekleyince sağ üstte çıkan bildirim (tema bildirimi) */
[data-notify="container"] {
    box-sizing: border-box;
    width: 380px !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 !important;
    padding: 16px 48px 18px 52px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #111827 !important;
    color: #e5e7eb !important;
    box-shadow: 0 12px 32px rgba(17, 24, 39, .28) !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    overflow: hidden;
    text-shadow: none !important;
}
[data-notify="container"] a { color: #ffffff !important; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
[data-notify="container"] a:hover { color: #ff8a8e !important; }
[data-notify="container"] [data-notify="title"] { color: #ffffff; font-weight: 600; }

/* Sol simge: yuvarlak içinde onay işareti */
[data-notify="container"] [data-notify="icon"] {
    position: absolute; top: 16px; left: 16px;
    width: 24px; height: 24px; border-radius: 999px;
    display: flex; align-items: center; justify-content: center;
    background: #22c55e; color: #ffffff !important; font-size: 12px !important;
}
[data-notify="container"] [data-notify="icon"]:before { color: #ffffff !important; }
[data-notify="container"].alert-danger [data-notify="icon"],
[data-notify="container"].alert-warning [data-notify="icon"] { background: #e31e24; }
[data-notify="container"].alert-info [data-notify="icon"] { background: #3b82f6; }

/* Kapat düğmesi: tek, sade × */
[data-notify="container"] [data-notify="dismiss"] {
    position: absolute !important; top: 10px !important; right: 10px !important;
    width: 32px; height: 32px; margin: 0 !important; padding: 0 !important;
    display: flex; align-items: center; justify-content: center;
    border: 0 !important; border-radius: 8px; background: transparent !important;
    color: #ffffff !important; opacity: .7 !important;
    font-size: 22px !important; font-weight: 400 !important; line-height: 1 !important; text-shadow: none !important;
}
[data-notify="container"] [data-notify="dismiss"]:hover { opacity: 1 !important; background: rgba(255, 255, 255, .1) !important; }
[data-notify="container"] [data-notify="dismiss"]:before,
[data-notify="container"] [data-notify="dismiss"]:after { content: none !important; display: none !important; }
[data-notify="container"] [data-notify="dismiss"] > *:not(span) { display: none !important; }

/* Alt ilerleme çubuğu: ince çizgi */
[data-notify="container"] [data-notify="progressbar"] {
    position: absolute !important; left: 0; right: 0; bottom: 0;
    height: 3px !important; margin: 0 !important; border-radius: 0 !important;
    background: rgba(255, 255, 255, .12) !important; box-shadow: none !important;
}
[data-notify="container"] [data-notify="progressbar"] .progress-bar { background: #22c55e !important; box-shadow: none !important; }
[data-notify="container"].alert-danger [data-notify="progressbar"] .progress-bar,
[data-notify="container"].alert-warning [data-notify="progressbar"] .progress-bar { background: #e31e24 !important; }

/* Bildirimde ürün görseli varsa küçük kalsın */
[data-notify="container"] img { max-width: 48px; max-height: 48px; border-radius: 6px; vertical-align: middle; margin-right: 8px; }

@media (max-width: 767px) {
    [data-notify="container"] { left: 16px !important; right: 16px !important; width: auto !important; max-width: none !important; }
}

/* Aşama 28 eki - Bildirim: tek çarpı + simge hizası (dosyanın EN SONUNA eklenir) */

/* Simge metnin içinde geldiği için sol boşluk küçültülür */
[data-notify="container"] { padding-left: 18px !important; }
[data-notify="container"] .fa,
[data-notify="container"] [class*="fa-check"] { color: #22c55e !important; margin-right: 4px; }

/* Kapat düğmesi: içindeki tüm karakterler gizlenir, tek bir × çizilir */
[data-notify="container"] [data-notify="dismiss"],
[data-notify="container"] .close,
[data-notify="container"] > button {
    position: absolute !important; top: 10px !important; right: 10px !important;
    width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-radius: 8px !important;
    font-size: 0 !important; line-height: 0 !important; color: transparent !important; text-indent: -9999px; overflow: hidden;
    opacity: .75 !important; text-shadow: none !important; float: none !important;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18'/%3E%3Cpath d='M6 6l12 12'/%3E%3C/svg%3E") no-repeat center !important;
}
[data-notify="container"] [data-notify="dismiss"]:hover,
[data-notify="container"] .close:hover,
[data-notify="container"] > button:hover { opacity: 1 !important; background-color: rgba(255, 255, 255, .1) !important; }
[data-notify="container"] [data-notify="dismiss"] *,
[data-notify="container"] .close *,
[data-notify="container"] [data-notify="dismiss"]::before,
[data-notify="container"] [data-notify="dismiss"]::after,
[data-notify="container"] .close::before,
[data-notify="container"] .close::after { display: none !important; content: none !important; }
/* Aynı kutuda ikinci bir kapat düğmesi varsa gizlenir */
[data-notify="container"] > button ~ button,
[data-notify="container"] .close ~ .close { display: none !important; }

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 29 - Boş sepet ve "Sayfa bulunamadı"
   altas-custom.css dosyasının EN SONUNA eklenir.
   ========================================================= */

body:has(.altas-nf) .breadcrumb,
body:has(.altas-nf) #title-page-alt { display: none !important; }

.altas-nf { font-family: 'Poppins', sans-serif; color: #17191c; padding: 40px 0 64px; display: flex; flex-direction: column; gap: 40px; }
.altas-nf a { text-decoration: none; }
.altas-nf-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.altas-nf-box { max-width: 640px; width: 100%; margin: 0 auto; box-sizing: border-box; padding: 48px 32px; background: #ffffff; border: 1px solid #eceef2; border-radius: 20px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; }
.altas-nf-ico { width: 76px; height: 76px; border-radius: 999px; background: #fff1f1; display: flex; align-items: center; justify-content: center; margin-bottom: 4px; }
.altas-nf-code { font-size: 72px; font-weight: 700; line-height: 1; color: #e31e24; letter-spacing: -2px; }
.altas-nf-box h1 { margin: 0 !important; padding: 0 !important; border: 0 !important; font-family: 'Poppins', sans-serif; font-size: 26px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #17191c !important; text-transform: none !important; }
.altas-nf-box h1:before, .altas-nf-box h1:after { content: none !important; display: none !important; }
.altas-nf-box p { margin: 0; max-width: 460px; font-size: 15px; line-height: 1.6; color: #4b5563; }

.altas-nf-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 8px; }
.altas-nf-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border-radius: 10px; border: 1px solid transparent; background: #e31e24; color: #ffffff !important; font-size: 15px; font-weight: 600; transition: background .2s ease, border-color .2s ease; }
.altas-nf-btn:hover { background: #c4161c; }
.altas-nf-btn.is-line { background: #ffffff; border-color: #d9dce1; color: #17191c !important; }
.altas-nf-btn.is-line:hover { border-color: #17191c; }

.altas-nf-search { display: flex; width: 100%; max-width: 460px; height: 50px; margin-top: 6px; border: 1px solid #d9dce1; border-radius: 999px; overflow: hidden; background: #f6f7f9; }
.altas-nf-search:focus-within { border-color: #e31e24; }
.altas-nf-search input { flex: 1; min-width: 0; height: 100% !important; margin: 0 !important; padding: 0 20px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-family: inherit; font-size: 15px; outline: none; }
.altas-nf-search button { padding: 0 22px; border: 0; background: #111827; color: #ffffff; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }

/* Öneri ürünleri */
.altas-nf-suggest { display: flex; flex-direction: column; gap: 18px; }
.altas-nf-suggest h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; font-family: 'Poppins', sans-serif; font-size: 20px !important; font-weight: 700 !important; color: #17191c !important; text-transform: none !important; text-align: center; }
.altas-nf-suggest h2:before, .altas-nf-suggest h2:after { content: none !important; display: none !important; }
.altas-nf-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.altas-nf-card { display: flex; flex-direction: column; gap: 8px; padding: 14px; background: #ffffff; border: 1px solid #eceef2; border-radius: 14px; transition: border-color .2s ease, box-shadow .2s ease; }
.altas-nf-card:hover { border-color: #d9dce1; box-shadow: 0 6px 18px rgba(17, 24, 39, .06); }
.altas-nf-img { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; border-radius: 10px; background: #f6f7f9; overflow: hidden; }
.altas-nf-img img { width: 100%; height: 100%; object-fit: contain; }
.altas-nf-name { flex: 1; color: #17191c; font-size: 14px; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.altas-nf-name:hover { color: #c4161c; }
.altas-nf-price { font-size: 16px; font-weight: 700; color: #17191c; }
.altas-nf-add { min-height: 42px; border: 1px solid #d9dce1; border-radius: 8px; background: #ffffff; color: #17191c; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: border-color .2s ease, color .2s ease; }
.altas-nf-add:hover { border-color: #e31e24; color: #c4161c; }

@media (max-width: 991px) {
    .altas-nf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .altas-nf { padding: 20px 0 40px; gap: 28px; }
    .altas-nf-box { padding: 32px 20px; }
    .altas-nf-box h1 { font-size: 22px !important; }
    .altas-nf-code { font-size: 56px; }
    .altas-nf-grid { gap: 12px; }
    .altas-nf-card { padding: 10px; }
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 30 - Ödeme sayfası (Quick Checkout)
   altas-custom.css dosyasının EN SONUNA eklenir.
   ========================================================= */

body:has(.altas-qc-head) .breadcrumb,
body:has(.altas-qc-head) #title-page-alt { display: none !important; }

/* Başlık ve adımlar */
.altas-qc-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin: 32px 0 24px; font-family: 'Poppins', sans-serif; }
.altas-qc-head h1 { margin: 0 !important; padding: 0 !important; border: 0 !important; font-family: 'Poppins', sans-serif; font-size: 28px !important; font-weight: 700 !important; line-height: 1.25 !important; color: #17191c !important; text-transform: none !important; }
.altas-qc-head h1:before, .altas-qc-head h1:after { content: none !important; display: none !important; }
.altas-qc-steps { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 0; list-style: none; font-size: 13px; font-weight: 600; color: #4b5563; }
.altas-qc-steps li { display: flex; align-items: center; gap: 8px; }
.altas-qc-steps li + li:before { content: ""; width: 28px; height: 2px; background: #d9dce1; margin-right: 2px; }
.altas-qc-steps li span { width: 24px; height: 24px; border-radius: 999px; background: #eceef2; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.altas-qc-steps li.is-done { color: #166534; }
.altas-qc-steps li.is-done span { background: #dcf3e5; }
.altas-qc-steps li.is-on { color: #c4161c; }
.altas-qc-steps li.is-on span { background: #e31e24; color: #ffffff; }

/* Yerleşim */
#quickcheckoutconfirm.altas-qc { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; margin-bottom: 64px; font-family: 'Poppins', sans-serif; color: #17191c; }
.altas-qc-main { flex: 999 1 560px; min-width: 0; }
.altas-qc-main #quickcheckout-disable { display: flex; flex-direction: column; gap: 20px; }
.altas-qc-side { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }

/* Kartlar (eklentinin eski kutu görünümü sıfırlanır) */
.altas-qc .altas-qc-card { float: none !important; width: auto !important; margin: 0 !important; padding: 26px 28px; background: #ffffff; border: 1px solid #eceef2 !important; border-radius: 16px; box-shadow: none !important; box-sizing: border-box; }
.altas-qc .quickcheckout-heading { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; padding: 0 !important; background: none !important; border: 0 !important; color: #17191c !important; font-family: 'Poppins', sans-serif; font-size: 18px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; }
.altas-qc .quickcheckout-heading .fa { display: none; }
.altas-qc-num { width: 30px; height: 30px; flex-shrink: 0; border-radius: 999px; background: #111827; color: #ffffff; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.altas-qc .quickcheckout-content { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; overflow: visible !important; }

/* Form alanları */
.altas-qc .altas-qc-fields[style*="block"] { display: flex !important; flex-wrap: wrap; gap: 16px; }
.altas-qc .altas-qc-fields > .col-sm-6,
.altas-qc .altas-qc-fields .custom-field { float: none; width: auto; flex: 1 1 calc(50% - 8px); min-width: 220px; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.altas-qc .altas-qc-fields #custom-field-payment,
.altas-qc .altas-qc-fields #custom-field-shipping { display: contents; }
.altas-qc label.control-label { margin: 0; padding: 0; font-size: 13px; font-weight: 600; color: #17191c; text-align: left; }
.altas-qc .required > label.control-label:after,
.altas-qc .required > .control-label:after { content: " *"; color: #c4161c; }
.altas-qc .form-control { width: 100%; box-sizing: border-box; height: 48px; padding: 0 14px; border: 1px solid #d9dce1 !important; border-radius: 8px !important; background: #ffffff !important; box-shadow: none !important; font-family: 'Poppins', sans-serif; font-size: 15px; color: #17191c; }
.altas-qc textarea.form-control { height: auto; padding: 12px 14px; resize: vertical; }
.altas-qc .form-control:focus { border-color: #e31e24 !important; outline: none; box-shadow: 0 0 0 3px rgba(227, 30, 36, .12) !important; }
.altas-qc .text-danger { margin-top: 4px; font-size: 12px; font-weight: 500; color: #b91c1c; }
.altas-qc .radio { margin: 0 0 12px; }
.altas-qc .radio label, .altas-qc .checkbox label { display: inline-flex; align-items: center; gap: 8px; padding-left: 0; font-size: 14px; font-weight: 600; cursor: pointer; }
.altas-qc .radio input[type="radio"], .altas-qc .checkbox input[type="checkbox"] { position: static; margin: 0; width: 18px; height: 18px; accent-color: #e31e24; }
.altas-qc #payment-existing, .altas-qc #shipping-existing { margin: 0 0 14px; }
.altas-qc .fa-spinner { margin-left: 8px; color: #c4161c; }

/* "Teslimat adresim farklı" kutusu */
.altas-qc-diff { display: flex !important; align-items: flex-start; gap: 12px; margin: 0 !important; padding: 18px 22px; background: #ffffff; border: 1px solid #eceef2; border-radius: 16px; cursor: pointer; font-weight: 400 !important; }
.altas-qc-diff input { width: 20px; height: 20px; margin: 1px 0 0 !important; flex-shrink: 0; accent-color: #e31e24; }
.altas-qc-diff b { display: block; font-size: 14px; font-weight: 600; color: #17191c; }
.altas-qc-diff small { display: block; font-size: 13px; color: #4b5563; line-height: 1.5; }

/* Kargo / ödeme seçenek kartları */
.altas-qc-options { display: flex; flex-direction: column; gap: 10px; }
.altas-qc-option { display: flex !important; align-items: center; gap: 14px; margin: 0 !important; padding: 16px 18px; border: 2px solid #e3e5e8; border-radius: 12px; background: #ffffff; cursor: pointer; font-weight: 400 !important; transition: border-color .2s ease, background .2s ease; }
.altas-qc-option:hover { border-color: #c3c7ce; }
.altas-qc-option:has(input:checked) { border-color: #e31e24; background: #fff5f5; }
.altas-qc-option input[type="radio"] { width: 18px; height: 18px; margin: 0 !important; flex-shrink: 0; accent-color: #e31e24; }
.altas-qc-option-ico { width: 40px; height: 40px; flex-shrink: 0; border-radius: 10px; background: #ffffff; border: 1px solid #eceef2; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.altas-qc-option-ico img { max-width: 34px; max-height: 34px; }
.altas-qc-option-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.altas-qc-option-txt b { font-size: 15px; font-weight: 600; color: #17191c; }
.altas-qc-option-txt small { font-size: 13px; color: #4b5563; line-height: 1.5; }
.altas-qc-option-price { font-size: 15px; font-weight: 700; white-space: nowrap; }
.altas-qc-comment { display: block; margin: 18px 0 6px; font-size: 13px; font-weight: 600; }
.altas-qc-comment small { font-weight: 400; color: #4b5563; }

/* Sipariş özeti */
.altas-qc-summary { padding: 24px !important; display: flex; flex-direction: column; gap: 16px; }
.altas-qc-summary-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.altas-qc-summary-head h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; font-family: 'Poppins', sans-serif; font-size: 18px !important; font-weight: 700 !important; color: #17191c !important; text-transform: none !important; }
.altas-qc-summary-head h2:before, .altas-qc-summary-head h2:after { content: none !important; display: none !important; }
.altas-qc-summary-head a { font-size: 13px; font-weight: 600; color: #c4161c; text-decoration: none; }
.altas-qc #cart1, .altas-qc #voucher, .altas-qc #terms { float: none; width: auto; margin: 0; padding: 0; border: 0; }
.altas-qc .quickcheckoutmid { float: none; width: auto; margin: 0; padding: 0; }
.altas-qc-items { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.altas-qc-items li { display: flex; align-items: center; gap: 12px; }
.altas-qc-item-img { position: relative; width: 52px; height: 52px; flex-shrink: 0; border-radius: 8px; background: #f3f4f6; display: flex; align-items: center; justify-content: center; }
.altas-qc-item-img img { max-width: 100%; max-height: 100%; border-radius: 8px; object-fit: contain; }
.altas-qc-item-qty { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; box-sizing: border-box; border-radius: 999px; background: #111827; color: #ffffff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.altas-qc-item-name { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 13px; line-height: 1.4; }
.altas-qc-item-name a { color: #17191c; font-weight: 600; text-decoration: none; }
.altas-qc-item-name small { font-size: 12px; color: #4b5563; }
.altas-qc-item-total { font-size: 13px; font-weight: 600; white-space: nowrap; }
.altas-qc-totals { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #eceef2; font-size: 14px; color: #374151; }
.altas-qc-totals div { display: flex; justify-content: space-between; gap: 12px; }
.altas-qc-totals strong { font-weight: 600; color: #17191c; white-space: nowrap; }
.altas-qc-totals div.is-grand { margin-top: 4px; padding-top: 14px; border-top: 1px solid #eceef2; align-items: baseline; color: #17191c; font-size: 16px; font-weight: 700; }
.altas-qc-totals div.is-grand strong { font-size: 24px; font-weight: 700; }

/* İndirim kodu */
.altas-qc-code-title { margin: 0 0 6px; font-size: 13px; font-weight: 600; color: #17191c; cursor: default; }
.altas-qc-code { display: block !important; margin-bottom: 10px; }
.altas-qc-code .input-group { display: flex; gap: 8px; width: 100%; }
.altas-qc-code .form-control { flex: 1 1 auto; width: auto; min-width: 0; height: 44px; font-size: 14px; float: none; }
.altas-qc-code .input-group-btn { display: block; width: auto; }
.altas-qc-code .btn { height: 44px; padding: 0 16px; border: 0 !important; border-radius: 8px !important; background: #111827 !important; color: #ffffff !important; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600; text-transform: none; box-shadow: none !important; }
.altas-qc #voucher .quickcheckout-content { padding-top: 14px !important; border-top: 1px solid #eceef2 !important; }

/* Sözleşmeler ve onay düğmesi */
.altas-qc #terms .quickcheckout-content { text-align: left !important; padding-top: 14px !important; border-top: 1px solid #eceef2 !important; }
.altas-qc-terms { display: flex; flex-direction: column; gap: 12px; }
.altas-qc-check { display: flex !important; align-items: flex-start; gap: 10px; margin: 0 !important; font-size: 13px; font-weight: 400 !important; line-height: 1.5; color: #17191c; cursor: pointer; }
.altas-qc-check input { width: 18px; height: 18px; margin: 1px 0 0 !important; flex-shrink: 0; accent-color: #e31e24; }
.altas-qc-check a { color: #c4161c; }
.altas-qc-terms-error { font-size: 13px; font-weight: 500; color: #b91c1c; }
.altas-qc-terms-error:empty { display: none; }
.altas-qc .altas-qc-confirm,
.altas-qc #payment #button-confirm,
.altas-qc #payment .btn-primary { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 54px; margin: 4px 0 0; padding: 0 20px; border: 0 !important; border-radius: 10px !important; background: #e31e24 !important; color: #ffffff !important; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; text-transform: none; letter-spacing: 0; box-shadow: none !important; transition: background .2s ease; }
.altas-qc .altas-qc-confirm:hover,
.altas-qc #payment #button-confirm:hover { background: #c4161c !important; }
.altas-qc .altas-qc-confirm[disabled] { background: #e5e7eb !important; color: #4b5563 !important; }
.altas-qc .altas-qc-confirm + .fa-spinner { display: block; margin: 8px auto 0; }
.altas-qc-secure { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; color: #4b5563; }

/* Havale talimatı (onaydan sonra özet kutusunda açılır) */
.altas-qc #payment { margin-bottom: 4px; }
.altas-qc #payment h2, .altas-qc #payment legend { margin: 0 0 8px !important; padding: 0 !important; border: 0 !important; font-family: 'Poppins', sans-serif; font-size: 16px !important; font-weight: 700 !important; color: #17191c !important; text-transform: none !important; }
.altas-qc #payment h2:before, .altas-qc #payment h2:after { content: none !important; display: none !important; }
.altas-qc #payment .well { margin: 0 0 12px; padding: 14px 16px; background: #f9fafb; border: 1px solid #eceef2; border-radius: 10px; box-shadow: none; font-size: 13px; line-height: 1.6; }
.altas-qc #payment .buttons, .altas-qc #payment .pull-right { float: none !important; display: block; width: 100%; }

/* Onay adımı (kart ile ödeme / havale talimatı) */
.altas-qc-paycard .payment { width: 100%; }
.altas-qc-paycard .payment iframe { display: block; width: 100% !important; min-height: 560px; border: 0; }
.altas-qc .payment h2, .altas-qc .payment legend { margin: 0 0 8px !important; padding: 0 !important; border: 0 !important; font-family: 'Poppins', sans-serif; font-size: 16px !important; font-weight: 700 !important; color: #17191c !important; text-transform: none !important; }
.altas-qc .payment h2:before, .altas-qc .payment h2:after { content: none !important; display: none !important; }
.altas-qc .payment .well { margin: 0 0 12px; padding: 14px 16px; background: #f9fafb; border: 1px solid #eceef2; border-radius: 10px; box-shadow: none; font-size: 13px; line-height: 1.6; }
.altas-qc .payment .buttons, .altas-qc .payment .pull-right { float: none !important; display: block; width: 100%; }
.altas-qc .payment #button-confirm, .altas-qc .payment .btn-primary { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 54px; border: 0 !important; border-radius: 10px !important; background: #e31e24 !important; color: #ffffff !important; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; text-transform: none; box-shadow: none !important; }
.altas-qc .payment #button-confirm:hover, .altas-qc .payment .btn-primary:hover { background: #c4161c !important; }
/* Ön bilgilendirme / sözleşme metin kutuları */
.altas-qc .payment h3, .altas-qc .payment h4 { margin: 24px 0 10px; font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 700; text-align: left; color: #17191c; }
.altas-qc .payment [style*="overflow"] { background: #f9fafb !important; border: 1px solid #eceef2 !important; border-radius: 10px; padding: 14px 16px !important; font-size: 13px; line-height: 1.6; color: #374151; }
.altas-qc-back { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 12px; color: #17191c !important; font-size: 14px; font-weight: 600; text-decoration: none; }
.altas-qc-back:hover { color: #c4161c !important; }
.altas-qc .btn-danger.pull-left { display: inline-flex; float: none !important; margin-top: 12px; padding: 0 18px; min-height: 44px; align-items: center; border: 1px solid #d9dce1 !important; border-radius: 8px !important; background: #ffffff !important; color: #17191c !important; font-weight: 600; text-transform: none; box-shadow: none !important; }

/* Üye olmadan alışverişte giriş kutusu */
.altas-qc #login-box .or { display: none; }

/* Uyarılar */
#warning-messages .alert, #success-messages .alert { margin: 0 0 16px; padding: 14px 18px; border: 0; border-radius: 10px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; }
#warning-messages .alert-danger { background: #fde8e9; color: #8f1014; }
#success-messages .alert-success { background: #dcf3e5; color: #166534; }

@media (max-width: 767px) {
    .altas-qc-head { margin: 16px 0; }
    .altas-qc-head h1 { font-size: 24px !important; }
    .altas-qc .altas-qc-card { padding: 20px 16px; }
    .altas-qc .altas-qc-fields > .col-sm-6,
    .altas-qc .altas-qc-fields .custom-field { flex-basis: 100%; min-width: 0; }
    .altas-qc-option { padding: 14px; gap: 10px; }
    .altas-qc-option-ico { display: none; }
}

/* Aşama 30 eki - Ödeme sayfası düzeltmeleri (dosyanın EN SONUNA eklenir) */

/* İl seçim kutusu: tek, sade ok; temanın yeşil oklarını gizle */
.altas-qc select.form-control {
    -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
    padding-right: 40px !important;
    background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center !important;
    background-size: 12px 12px !important;
}
.altas-qc select.form-control::-ms-expand { display: none; }
.altas-qc .altas-qc-fields > div::before,
.altas-qc .altas-qc-fields > div::after,
.altas-qc .altas-qc-fields .form-control-feedback,
.altas-qc .altas-qc-fields .glyphicon,
.altas-qc #payment-existing::after,
.altas-qc #shipping-existing::after { display: none !important; content: none !important; }

/* İndirim kodu / hediye çeki başlığı: temanın gri şeridi kaldırılır */
.altas-qc #coupon-heading,
.altas-qc #voucher-heading,
.altas-qc #reward-heading { margin: 0 0 6px !important; padding: 0 !important; background: none !important; border: 0 !important; font-size: 13px !important; font-weight: 600 !important; color: #17191c !important; }
.altas-qc #coupon-heading .fa, .altas-qc #voucher-heading .fa, .altas-qc #reward-heading .fa { display: none; }

/* Aşama 30 eki - Ödeme sayfası düzeltmeleri (dosyanın EN SONUNA eklenir) */

/* İl seçim kutusu: tek, sade ok; temanın yeşil oklarını gizle */
.altas-qc select.form-control {
    -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
    padding-right: 40px !important;
    background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center !important;
    background-size: 12px 12px !important;
}
.altas-qc select.form-control::-ms-expand { display: none; }
.altas-qc .altas-qc-fields > div::before,
.altas-qc .altas-qc-fields > div::after,
.altas-qc .altas-qc-fields .form-control-feedback,
.altas-qc .altas-qc-fields .glyphicon,
.altas-qc #payment-existing::after,
.altas-qc #shipping-existing::after { display: none !important; content: none !important; }

/* İndirim kodu / hediye çeki başlığı: temanın gri şeridi kaldırılır */
.altas-qc #coupon-heading,
.altas-qc #voucher-heading,
.altas-qc #reward-heading { margin: 0 0 6px !important; padding: 0 !important; background: none !important; border: 0 !important; font-size: 13px !important; font-weight: 600 !important; color: #17191c !important; }
.altas-qc #coupon-heading .fa, .altas-qc #voucher-heading .fa, .altas-qc #reward-heading .fa { display: none; }

/* Zorunlu alanlarda tek yıldız (temanın yıldızı kalır, ikincisi kaldırılır) */
.altas-qc .required > label.control-label:after,
.altas-qc .required > .control-label:after { content: none !important; display: none !important; }

/* İl kutusundaki yeşil onay işareti: daha güçlü kural */
#quickcheckoutconfirm .altas-qc-fields select.form-control,
#quickcheckoutconfirm .altas-qc-fields select.form-control:valid,
#quickcheckoutconfirm .altas-qc-fields select.form-control:focus,
#quickcheckoutconfirm .has-success select.form-control,
#quickcheckoutconfirm select.form-control.valid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 12px 12px !important;
}
#quickcheckoutconfirm .altas-qc-fields > div > select ~ *:not(.text-danger):not(.fa-spinner) { display: none !important; }




/* Aşama 30 eki - Ödeme sayfası düzeltmeleri (dosyanın EN SONUNA eklenir) */

/* İl seçim kutusu: tek, sade ok; temanın yeşil oklarını gizle */
.altas-qc select.form-control {
    -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
    padding-right: 40px !important;
    background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center !important;
    background-size: 12px 12px !important;
}
.altas-qc select.form-control::-ms-expand { display: none; }
.altas-qc .altas-qc-fields > div::before,
.altas-qc .altas-qc-fields > div::after,
.altas-qc .altas-qc-fields .form-control-feedback,
.altas-qc .altas-qc-fields .glyphicon,
.altas-qc #payment-existing::after,
.altas-qc #shipping-existing::after { display: none !important; content: none !important; }

/* İndirim kodu / hediye çeki başlığı: temanın gri şeridi kaldırılır */
.altas-qc #coupon-heading,
.altas-qc #voucher-heading,
.altas-qc #reward-heading { margin: 0 0 6px !important; padding: 0 !important; background: none !important; border: 0 !important; font-size: 13px !important; font-weight: 600 !important; color: #17191c !important; }
.altas-qc #coupon-heading .fa, .altas-qc #voucher-heading .fa, .altas-qc #reward-heading .fa { display: none; }

/* Zorunlu alanlarda tek yıldız (temanın yıldızı kalır, ikincisi kaldırılır) */
.altas-qc .required > label.control-label:after,
.altas-qc .required > .control-label:after { content: none !important; display: none !important; }

/* İl kutusundaki yeşil onay işareti: daha güçlü kural */
#quickcheckoutconfirm .altas-qc-fields select.form-control,
#quickcheckoutconfirm .altas-qc-fields select.form-control:valid,
#quickcheckoutconfirm .altas-qc-fields select.form-control:focus,
#quickcheckoutconfirm .has-success select.form-control,
#quickcheckoutconfirm select.form-control.valid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 12px 12px !important;
}
#quickcheckoutconfirm .altas-qc-fields > div > select ~ *:not(.text-danger):not(.fa-spinner) { display: none !important; }

/* Telefon: ülke kodu + numara (üye ol sayfasındaki gibi) */
.altas-qc .altas-qc-tel { display: flex; align-items: stretch; width: 100%; height: 48px; border: 1px solid #d9dce1; border-radius: 8px; overflow: hidden; background: #ffffff; box-sizing: border-box; }
.altas-qc .altas-qc-tel:focus-within { border-color: #e31e24; box-shadow: 0 0 0 3px rgba(227, 30, 36, .12); }
.altas-qc .altas-qc-tel select {
    flex: 0 0 112px; width: 112px; height: 100%; margin: 0; padding: 0 26px 0 12px; border: 0; border-right: 1px solid #d9dce1; border-radius: 0;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background: #f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center !important;
    font-family: 'Poppins', sans-serif; font-size: 14px; color: #17191c; cursor: pointer;
}
.altas-qc .altas-qc-tel input { flex: 1 1 auto; min-width: 0; height: 100%; margin: 0; padding: 0 14px; border: 0 !important; box-shadow: none !important; outline: none; font-family: 'Poppins', sans-serif; font-size: 15px; color: #17191c; background: #ffffff; }
.altas-qc .altas-qc-telnote { font-size: 12px; color: #4b5563; }
.altas-qc .altas-qc-telfield .altas-qc-tel ~ :not(.altas-qc-telnote):not(.text-danger) { display: none !important; }

/* Adres kartı alt açıklaması */
.altas-qc .altas-qc-addr-head { margin-bottom: 6px !important; }
.altas-qc-addr-sub { margin: 0 0 18px 42px; font-size: 13px; color: #4b5563; }
@media (max-width: 767px) { .altas-qc-addr-sub { margin-left: 0; } }

/* Mahalle ve posta kodu */
.altas-qc label.control-label small { font-weight: 400; color: #4b5563; }
.altas-qc .altas-qc-mah .altas-qc-mahtxt { margin-top: 0; }

/* Adres formu ızgarası: form gizli değilse her durumda alt alta sarılır (teslimat formu dahil) */
.altas-qc .altas-qc-fields:not([style*="none"]) { display: flex !important; flex-wrap: wrap !important; gap: 16px; }
.altas-qc .altas-qc-fields > .col-sm-6,
.altas-qc .altas-qc-fields > .custom-field { box-sizing: border-box; flex: 1 1 calc(50% - 8px) !important; min-width: 220px !important; max-width: 100%; }
@media (max-width: 767px) {
    .altas-qc .altas-qc-fields > .col-sm-6,
    .altas-qc .altas-qc-fields > .custom-field { flex-basis: 100% !important; min-width: 0 !important; }
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 31 - "Fiyatlara KDV dahildir" notu
   altas-custom.css dosyasının EN SONUNA eklenir.
   ========================================================= */
.altas-qc-kdv,
.altas-cart-kdv { display: block; margin-top: 2px; font-size: 12px; line-height: 1.4; color: #6b7280; text-align: right; }


/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 32 - Misafir ödeme ve üye girişi kutusu
   altas-custom.css dosyasının EN SONUNA eklenir.
   ========================================================= */

/* Üye girişi kutusu */
.altas-qc #login-box { padding: 22px 24px; }
.altas-qc #login-box .quickcheckout-heading { margin: 0 0 4px !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 17px !important; font-weight: 700 !important; color: #17191c !important; text-transform: none !important; }
.altas-qc #login-box .quickcheckout-content { padding: 0 !important; border: 0 !important; background: none !important; }
.altas-qc-login-sub { margin: 0 0 14px; font-size: 13px; color: #4b5563; line-height: 1.5; }
.altas-qc-login-row { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.altas-qc-login-f { flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.altas-qc-login-f label { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin: 0; font-size: 13px; font-weight: 600; color: #17191c; }
.altas-qc-login-f label a { font-size: 12px; font-weight: 500; color: #c4161c !important; text-decoration: none; }
.altas-qc-login-f label a:hover { text-decoration: underline; }
.altas-qc-login-f .form-control { height: 46px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid #d9dce1 !important; border-radius: 10px !important; background: #ffffff !important; box-shadow: none !important; font-family: inherit; font-size: 14px !important; }
.altas-qc-login-f .form-control:focus { border-color: #e31e24 !important; }
.altas-qc-login-btn { flex: 0 0 auto; height: 46px; padding: 0 24px; border: 0; border-radius: 10px; background: #111827; color: #ffffff; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background .2s ease; }
.altas-qc-login-btn:hover { background: #e31e24; }
.altas-qc-login-btn:disabled { opacity: .6; cursor: default; }

/* Misafir formunun alt kısmı */
.altas-qc-guest-foot { margin-top: 20px; padding-top: 18px; border-top: 1px solid #eceef2; display: flex; flex-direction: column; gap: 12px; }
.altas-qc-diff.altas-qc-diff-in { padding: 14px 16px; background: #f6f7f9; border-color: #eceef2; border-radius: 12px; }
.altas-qc-check { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; font-weight: 600; cursor: pointer; }
.altas-qc-check input { width: 18px; height: 18px; margin: 0 !important; accent-color: #e31e24; }

@media (max-width: 767px) {
    .altas-qc #login-box { padding: 18px 16px; }
    .altas-qc-login-btn { flex-basis: 100%; }
}

/* =========================================================
   ALTAŞ YENİ TASARIM - Aşama 33 - Telefon kutularında ülke bayrakları
   Windows bayrak emojisi göstermez ("TR" yazar). Bayrak yazı tipi
   yalnızca bayrak karakterleri için kullanılır.
   altas-custom.css dosyasının EN SONUNA eklenir.
   ========================================================= */
@font-face {
    font-family: 'Twemoji Country Flags';
    unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F;
    src: url('/catalog/view/javascript/altas/TwemojiCountryFlags.woff2') format('woff2');
    font-display: swap;
}
.altas-reg-tel2 select,
.altas-reg-tel2 select option,
.altas-qc-tel select,
.altas-qc-tel select option { font-family: 'Twemoji Country Flags', 'Poppins', sans-serif !important; }

/* altas-custom.css dosyasının EN SONUNA eklenir. */

/* =========================================================
   Şifre sıfırlama sayfası (Parolamı Unuttum ile aynı görünüm)
   Yalnızca account/reset sayfasında geçerlidir.
   ========================================================= */

/* Gereksiz üst başlık ve yol çubuğu gizlenir (başlık sayfada kalır, ekranda görünmez) */
body[class*="account-reset"] h1 {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0 !important;
}

body[class*="account-reset"] h1:before,
body[class*="account-reset"] h1:after {
    content: none !important;
    display: none !important;
}

body[class*="account-reset"] .breadcrumb {
    display: none !important;
}

/* Ortada dar bir sütun */
body[class*="account-reset"] #content {
    max-width: 520px;
    margin: 56px auto 60px;
    padding: 0;
    float: none;
}

/* Başlık ve açıklama (şablondaki .altas-auth-head) */
body[class*="account-reset"] .altas-auth-head h2 {
    margin: 0 0 10px;
    color: #0f172a;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.01em;
    text-align: center;
}

body[class*="account-reset"] .altas-auth-head p {
    margin: 0 0 26px;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
}

/* Form kartı */
body[class*="account-reset"] #content form {
    padding: 32px;
    background: #ffffff;
    border: 1px solid #eceef2;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}

/* Tekrar eden "E-Posta Adresiniz" ara başlığı gizlenir */
body[class*="account-reset"] #content form legend,
body[class*="account-reset"] #content form fieldset > h2,
body[class*="account-reset"] #content form > h2 {
    display: none !important;
}

body[class*="account-reset"] #content form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Etiket üstte, alan altta ve tam genişlikte */
body[class*="account-reset"] #content .form-group {
    margin: 0 0 22px;
}

body[class*="account-reset"] #content .form-group > label,
body[class*="account-reset"] #content .form-group > [class*="col-"] {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    text-align: left;
}

body[class*="account-reset"] #content .form-group > label {
    margin-bottom: 8px;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
}

body[class*="account-reset"] #content input.form-control,
body[class*="account-reset"] #content input[type="text"],
body[class*="account-reset"] #content input[type="email"],
body[class*="account-reset"] #content input[type="password"] {
    height: 46px;
    padding: 0 14px;
    background: #ffffff;
    border: 1px solid #d9dde3;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body[class*="account-reset"] #content input.form-control:focus,
body[class*="account-reset"] #content input[type="text"]:focus,
body[class*="account-reset"] #content input[type="email"]:focus,
body[class*="account-reset"] #content input[type="password"]:focus {
    border-color: #111827;
    box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08);
    outline: none;
}

body[class*="account-reset"] #content input::placeholder {
    color: #b6bcc6;
    opacity: 1;
}

/* Butonlar: Geri soluk, Devam kırmızı */
body[class*="account-reset"] #content .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

body[class*="account-reset"] #content .buttons:before,
body[class*="account-reset"] #content .buttons:after {
    display: none;
}

body[class*="account-reset"] #content .buttons .pull-left,
body[class*="account-reset"] #content .buttons .pull-right {
    float: none !important;
    margin: 0;
}

body[class*="account-reset"] #content .buttons .btn {
    height: 46px;
    padding: 0 28px;
    border-radius: 8px !important;
    box-shadow: none !important;
    background-image: none !important;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 44px;
    transition: background 0.2s ease, color 0.2s ease;
}

/* Geri */
body[class*="account-reset"] #content .buttons .pull-left .btn,
body[class*="account-reset"] #content .buttons a.btn-default,
body[class*="account-reset"] #content .buttons a.btn {
    background: #ffffff !important;
    border: 1px solid #d9dde3 !important;
    color: #374151 !important;
}

body[class*="account-reset"] #content .buttons .pull-left .btn:hover,
body[class*="account-reset"] #content .buttons a.btn:hover {
    border-color: #111827 !important;
    color: #111827 !important;
}

/* Devam */
body[class*="account-reset"] #content .buttons .pull-right .btn,
body[class*="account-reset"] #content .buttons input.btn,
body[class*="account-reset"] #content .buttons input[type="submit"] {
    background: #e31e24 !important;
    border: 1px solid #e31e24 !important;
    color: #ffffff !important;
}

body[class*="account-reset"] #content .buttons .pull-right .btn:hover,
body[class*="account-reset"] #content .buttons input.btn:hover,
body[class*="account-reset"] #content .buttons input[type="submit"]:hover {
    background: #b4141a !important;
    border-color: #b4141a !important;
}

@media (max-width: 575px) {
    body[class*="account-reset"] #content form {
        padding: 24px 18px;
    }
    body[class*="account-reset"] .altas-auth-head h2 {
        font-size: 24px;
    }
}

/* =========================================================
   Aşama 34 – Liste görünümünde rozetler küçük resme göre
   ========================================================= */
#mfilter-content-container .altas-list-mode .product-grid .product .sale,
#mfilter-content-container .altas-list-mode .product-grid .product .new {
    top: 4px !important;
    left: 4px !important;
    padding: 2px 5px !important;
    border-radius: 3px !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: .02em !important;
}