:root {
  --byo-navy: #0b2744;
  --byo-navy-2: #123a61;
  --byo-gold: #c7a04b;
  --byo-gold-dark: #a98535;
  --byo-green: #3f7250;
  --byo-white: #ffffff;
  --byo-soft: #f7f8f6;
}

/* ÜST ALAN */
header,
.header-classic,
.header-compact,
.header-default {
  background: #fff !important;
}

/* ÜST BİLGİ ÇUBUĞU */
.top-menu,
.header-top,
.top-bar {
  background: var(--byo-soft) !important;
  color: var(--byo-navy) !important;
  border-bottom: 1px solid rgba(11,39,68,.08) !important;
}

/* ANA HEADER */
.desktop-header,
.header-main,
.header-middle {
  background: #fff !important;
}

/* LOGO */
.desktop-logo img,
.header-logo img {
  max-height: 76px !important;
  width: auto !important;
}

/* ARAMA KUTUSU */
.search-input,
.header-search input,
.search-form input {
  background: #fff !important;
  border: 1px solid rgba(11,39,68,.16) !important;
  color: var(--byo-navy) !important;
  box-shadow: none !important;
}

.search-input:focus,
.header-search input:focus,
.search-form input:focus {
  border-color: var(--byo-gold) !important;
  box-shadow: 0 0 0 3px rgba(199,160,75,.12) !important;
}

/* ARAMA BUTONU */
.search-button,
.header-search button,
.search-form button {
  background: var(--byo-navy) !important;
  color: #fff !important;
  border-color: var(--byo-navy) !important;
}

.search-button:hover,
.header-search button:hover,
.search-form button:hover {
  background: var(--byo-gold-dark) !important;
  border-color: var(--byo-gold-dark) !important;
}

/* ANA KATEGORİ MENÜSÜ */
.main-menu,
.desktop-main-menu,
.menu-main {
  background: var(--byo-navy) !important;
}

/* TÜM KATEGORİLER */
.main-menu .menu-item:first-child,
.desktop-main-menu .menu-item:first-child {
  background: var(--byo-gold) !important;
  color: var(--byo-navy) !important;
}

/* MENÜ YAZILARI */
.main-menu a,
.desktop-main-menu a,
.menu-main a {
  color: #fff !important;
  font-weight: 700 !important;
}

.main-menu a:hover,
.desktop-main-menu a:hover,
.menu-main a:hover {
  color: var(--byo-gold) !important;
}

/* TELEFON ALANI */
.header-phone,
.phone-number {
  background: var(--byo-navy-2) !important;
  color: #fff !important;
}

/* WHATSAPP */
.whatsapp,
.whatsapp-button,
.header-whatsapp {
  background: var(--byo-green) !important;
  color: #fff !important;
}

.whatsapp:hover,
.whatsapp-button:hover,
.header-whatsapp:hover {
  background: #315f40 !important;
}

/* SEPET */
.cart-icon,
.header-cart,
.cart-heading {
  color: var(--byo-navy) !important;
}

.cart-icon:hover,
.header-cart:hover,
.cart-heading:hover {
  color: var(--byo-gold-dark) !important;
}

/* HESAP - FAVORİ - KARŞILAŞTIR */
.header-account,
.header-wishlist,
.header-compare,
.login-text,
.register-text {
  color: var(--byo-navy) !important;
}

.header-account:hover,
.header-wishlist:hover,
.header-compare:hover {
  color: var(--byo-gold-dark) !important;
}

/* GENEL BUTON DİLİ */
.btn-primary,
.button-primary {
  background: var(--byo-gold) !important;
  border-color: var(--byo-gold) !important;
  color: #fff !important;
}

.btn-primary:hover,
.button-primary:hover {
  background: var(--byo-navy) !important;
  border-color: var(--byo-navy) !important;
}

/* MOBİL */
@media (max-width: 768px) {
  .desktop-logo img,
  .header-logo img {
    max-height: 58px !important;
  }

  .main-menu,
  .desktop-main-menu,
  .menu-main {
    background: var(--byo-navy) !important;
  }
}
/* BYO son header rötuşları */

.menu-item.menu-item-categories,
.main-menu-item:first-child,
.desktop-main-menu .menu-item:first-child,
.menu-main .menu-item:first-child {
    background: #c7a04b !important;
    color: #0b2744 !important;
}

.menu-item.menu-item-categories a,
.main-menu-item:first-child a {
    color: #0b2744 !important;
}

.cart-heading,
.cart-icon,
.header-cart,
#cart,
#cart .btn {
    background: #0b2744 !important;
    color: #ffffff !important;
    border-color: #0b2744 !important;
}

#cart:hover,
#cart .btn:hover {
    background: #c7a04b !important;
    color: #ffffff !important;
}
/* BYO header son renk düzeltmeleri */

.menu-item-categories,
.main-menu-item:first-child,
.desktop-main-menu .menu-item:first-child {
    background: #c7a04b !important;
}

.menu-item-categories a,
.main-menu-item:first-child a,
.desktop-main-menu .menu-item:first-child a {
    color: #0b2744 !important;
}

/* Sepet alanı */
#cart,
#cart .btn,
.cart-heading,
.cart-icon,
.header-cart {
    background: #0b2744 !important;
    color: #ffffff !important;
    border-color: #0b2744 !important;
}

/* Sağdaki ayrı sepet ikon kutusu */
#cart .cart-icon,
#cart .button,
#cart button {
    background: #c7a04b !important;
    color: #0b2744 !important;
}
/* BYO Premium Slider */

.swiper-container,
.swiper,
.main-slider,
.journal-slider {
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 22px 55px rgba(11, 39, 68, .14) !important;
}

/* Slider iç görsel */
.swiper-slide img,
.main-slider img,
.journal-slider img {
    transition: transform 7s ease !important;
}

.swiper-slide-active img {
    transform: scale(1.035) !important;
}

/* Slider okları */
.swiper-button-next,
.swiper-button-prev,
.journal-slider .swiper-button-next,
.journal-slider .swiper-button-prev {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    background: rgba(11, 39, 68, .88) !important;
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(11,39,68,.22) !important;
    transition: .25s ease !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #c7a04b !important;
    color: #0b2744 !important;
    transform: scale(1.06);
}

/* Slider noktaları */
.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: rgba(11,39,68,.32) !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    width: 30px !important;
    border-radius: 999px !important;
    background: #c7a04b !important;
}

/* Slider üstündeki kategori etiketi */
.slide-content .label,
.slide-content .badge,
.slider-caption .label,
.slider-caption .badge {
    background: #c7a04b !important;
    color: #0b2744 !important;
    border-radius: 999px !important;
    padding: 8px 14px !important;
    font-weight: 800 !important;
}

/* Slider başlığı */
.slide-content h1,
.slide-content h2,
.slider-caption h1,
.slider-caption h2 {
    color: #0b2744 !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
}

/* Slider butonu */
.slide-content .btn,
.slider-caption .btn,
.slide-content a.button,
.slider-caption a.button {
    background: #0b2744 !important;
    color: #fff !important;
    border-color: #0b2744 !important;
    border-radius: 999px !important;
    padding: 13px 24px !important;
    font-weight: 800 !important;
}

.slide-content .btn:hover,
.slider-caption .btn:hover,
.slide-content a.button:hover,
.slider-caption a.button:hover {
    background: #c7a04b !important;
    color: #0b2744 !important;
    border-color: #c7a04b !important;
}

/* Sağ yan bannerlar */
.banner,
.journal-banner,
.side-banner {
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 16px 40px rgba(11,39,68,.10) !important;
}

.banner img,
.journal-banner img,
.side-banner img {
    transition: transform .45s ease !important;
}

.banner:hover img,
.journal-banner:hover img,
.side-banner:hover img {
    transform: scale(1.035) !important;
}

/* BYO mağaza yazı tipi sabitleme */
body,
input,
button,
select,
textarea,
.menu-item,
.main-menu,
.desktop-main-menu {
    font-family: Arial, Helvetica, sans-serif !important;
}
/* BYO Premium Ürün Kartları */

.product-layout .product-thumb,
.product-grid .product-thumb,
.product-list .product-thumb {
    background: #fff !important;
    border: 1px solid rgba(11,39,68,.10) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(11,39,68,.08) !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
}

.product-layout .product-thumb:hover,
.product-grid .product-thumb:hover,
.product-list .product-thumb:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 18px 42px rgba(11,39,68,.14) !important;
}

/* Ürün görseli */
.product-thumb .image {
    background: #f7f8f6 !important;
    overflow: hidden !important;
}

.product-thumb .image img {
    transition: transform .45s ease !important;
}

.product-thumb:hover .image img {
    transform: scale(1.025) !important;
}



/* Ürün adı */
.product-thumb .name a,
.product-thumb h4 a,
.product-thumb .caption h4 a {
    color: #0b2744 !important;
    font-weight: 800 !important;
}

/* Fiyat */
.product-thumb .price {
    color: #0b2744 !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
}

/* Sepete Ekle */
.product-thumb .button-cart,
.product-thumb .btn-cart,
.product-thumb button[data-loading-text],
.product-thumb .cart-button {
    background: #0b2744 !important;
    color: #fff !important;
    border-color: #0b2744 !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    transition: .25s ease !important;
}

.product-thumb .button-cart:hover,
.product-thumb .btn-cart:hover,
.product-thumb button[data-loading-text]:hover,
.product-thumb .cart-button:hover {
    background: #c7a04b !important;
    color: #0b2744 !important;
    border-color: #c7a04b !important;
}

/* Favori - karşılaştır */
.product-thumb .button-wishlist,
.product-thumb .button-compare {
    color: #0b2744 !important;
}

.product-thumb .button-wishlist:hover,
.product-thumb .button-compare:hover {
    color: #c7a04b !important;
}

/* BYO Filtre + Sıralama Alanı */

.products-filter,
.main-products .products-filter,
.product-filter {
    background: #ffffff !important;
    border: 1px solid rgba(11,39,68,.10) !important;
    border-radius: 16px !important;
    padding: 14px 16px !important;
    box-shadow: 0 8px 24px rgba(11,39,68,.06) !important;
}

/* Sırala / Göster kutuları */
.products-filter select,
.product-filter select,
.main-products select {
    border: 1px solid rgba(11,39,68,.16) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #0b2744 !important;
    min-height: 42px !important;
}

/* Ürün karşılaştır */
.products-filter a,
.product-filter a {
    color: #0b2744 !important;
    font-weight: 700 !important;
}

.products-filter a:hover,
.product-filter a:hover {
    color: #c7a04b !important;
}

/* Sol filtre başlıkları */
.module-filter h3,
.module-filter .module-title,
.filter-container .module-title,
.filter-group .filter-group-title {
    color: #0b2744 !important;
    font-weight: 800 !important;
}

/* Temizle butonu */
.module-filter .reset-filter,
.module-filter .btn,
.filter-container .btn {
    background: #0b2744 !important;
    color: #fff !important;
    border-color: #0b2744 !important
    /* BYO Premium Sol Filtre Paneli */

.module-filter,
.filter-container {
    background: #ffffff !important;
    border: 1px solid rgba(11,39,68,.10) !important;
    border-radius: 18px !important;
    padding: 20px !important;
    box-shadow: 0 10px 28px rgba(11,39,68,.07) !important;
}

/* Filtre başlığı */
.module-filter .module-title,
.filter-container .module-title,
.module-filter h3 {
    color: #0b2744 !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    margin-bottom: 14px !important;
}

/* İnce altın çizgi */
.module-filter .module-title::after,
.filter-container .module-title::after,
.module-filter h3::after {
    content: "";
    display: block;
    width: 46px;
    height: 2px;
    margin-top: 8px;
    background: #c7a04b;
    border-radius: 99px;
}

/* Fiyat başlığı */
.module-filter .filter-group-title,
.filter-container .filter-group-title {
    color: #0b2744 !important;
    font-weight: 800 !important;
}

/* Temizle butonu */
.module-filter .reset-filter,
.module-filter .btn,
.filter-container .btn {
    background: #0b2744 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 8px 14px !important;
    font-weight: 700 !important;
}

.module-filter .reset-filter:hover,
.module-filter .btn:hover,
.filter-container .btn:hover {
    background: #c7a04b !important;
    color: #0b2744 !important;
}

/* Fiyat slider çizgisi */
.ui-slider,
.irs-line {
    height: 5px !important;
    background: rgba(11,39,68,.
    /* BYO Ürün Kartı Alt İşlem Alanı */

/* Sepete ekle */
.product-thumb .button-cart,
.product-thumb .btn-cart,
.product-thumb .cart-button {
    background: #0b2744 !important;
    color: #ffffff !important;
    border: 1px solid #0b2744 !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    min-height: 44px !important;
    padding: 10px 18px !important;
}

.product-thumb .button-cart:hover,
.product-thumb .btn-cart:hover,
.product-thumb .cart-button:hover {
    background: #c7a04b !important;
    color: #0b2744 !important;
    border-color: #c7a04b !important;
}

/* Favori ve karşılaştır ikonları */
.product-thumb .button-wishlist,
.product-thumb .button-compare {
    color: #7b8794 !important;
    transition: .2s ease !important;
}

.product-thumb .button-wishlist:hover,
.product-thumb .button-compare:hover {
    color: #c7a04b !important;
    transform: translateY(-2px);
}

/* Alt Hemen Al / Soru Sor şeridi */
.product-thumb .extra-group,
.product-thumb .product-extra,
.product-thumb .extra-buttons {
    background: #f7f8f6 !important;
    border-top: 1px solid rgba(11,39,68,.08) !important;
}

.product-thumb .extra-group a,
.product-thumb .product-extra a,
.product-thumb .extra-buttons a {
    color: #0b2744 !important;
    font-weight: 700 !important;
}

.product-thumb .extra-group a:hover,
.product-thumb .product-extra a:hover,
.product-thumb .extra-buttons a:hover {
    color: #c7a04b !important;
}

/* Adet kutusu */
.product-thumb input[type="number"] {
    border: 1px solid rgba(11,39,68,.14) !important;
    border-radius: 8px !important;
    color: #0b2744 !important;
    background: #ffffff !important;
}
/* BYO Ürün Detay Sayfası */

/* Bilgilendirme kutusu */
.product-info .alert,
.product-info .notification,
.product-page .alert,
.product-page .notification {
    background: #f7f4ea !important;
    border: 1px solid rgba(199,160,75,.35) !important;
    color: #0b2744 !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 26px rgba(11,39,68,.06) !important;
}

.product-info .alert i,
.product-page .alert i {
    color: #c7a04b !important;
}

/* Sekmeler */
.nav-tabs {
    border-bottom: 1px solid rgba(11,39,68,.12) !important;
}

.nav-tabs > li > a {
    color: #64748b !important;
    font-weight: 800 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
    color: #0b2744 !important;
    border-bottom: 2px solid #c7a04b !important;
}

/* Ürün açıklaması */
.tab-content,
.product-description {
    color: #253244 !important;
    line-height: 1.75 !important;
}

/* Fiyat */
.product-price,
.product-info .price,
.product-page .price {
    color: #0b2744 !important;
    font-weight: 900 !important;
}

/* Stok */
.product-info .stock,
.product-page .stock,
.in-stock {
    color: #3f7250 !important;
    font-weight: 800 !important;
}

/* Sepete Ekle */
.product-info .button-cart,
.product-page .button-cart,
.product-info .btn-cart,
.product-page .btn-cart {
    background: #0b2744 !important;
    color: #fff !important;
    border-color: #0b2744 !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
}

.product-info .button-cart:hover,
.product-page .button-cart:hover,
.product-info .btn-cart:hover,
.product-page .btn-cart:hover {
    background: #c7a04b !important;
    color: #0b2744 !important;
    border-color: #c7a04b !important;
}

/* Hemen Al */
.product-info .btn-buy,
.product-page .btn-buy,
.product-info .button-buy,
.product-page .button-buy {
    background: #3f7250 !important;
    color: #fff !important;
    border-color: #3f7250 !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
}

.product-info .btn-buy:hover,
.product-page .btn-buy:hover,
.product-info .button-buy:hover,
.product-page .button-buy:hover {
    background: #315f40 !important;
}

/* Adet kutusu */
.product-info input[type="number"],
.product-page input[type="number"] {
    border: 1px solid rgba(11,39,68,.16) !important;
    border-radius: 10px !important;
    color: #0b2744 !important;
    background: #fff !important;
}
/* Önemli Bilgilendirme kutusu */
.alert-info {
    background: #fbf7ed !important;
    border: 1px solid #c7a04b !important;
    color: #0b2744 !important;
    border-radius: 16px !important;
}

.alert-info i,
.alert-info .fa,
.alert-info .icon {
    color: #c7a04b !important;
}
/* Ürün detay - Önemli Bilgilendirme kutusu */
.module-info-blocks-287 .info-block {
    background: #fbf7ed !important;
    border: 1px solid #c7a04b !important;
    border-radius: 16px !important;
    color: #0b2744 !important;
}

.module-info-blocks-287 .info-block-title,
.module-info-blocks-287 .info-block-text {
    color: #0b2744 !important;
}

.module-info-blocks-287 .info-block::before {
    color: #c7a04b !important;
}
.module-info-blocks-287 .module-item {
    background: #fbf7ed !important;
    border: 1px solid #c7a04b !important;
    border-radius: 16px !important;
}

.module-info-blocks-287 .info-block {
    background: transparent !important;
}

.module-info-blocks-287 .info-block-title,
.module-info-blocks-287 .info-block-text {
    color: #0b2744 !important;
}
.module-info-blocks-287 .info-block-content {
    background: #fbf7ed !important;
    border: 1px solid #c7a04b !important;
    border-radius: 16px !important;
    color: #0b2744 !important;
}
/* Önemli Bilgilendirme */
.module-info-blocks-287 .module-item-1 {
    background: #fbf7ed !important;
    border: 1px solid #c7a04b !important;
    border-radius: 16px !important;
}

.module-info-blocks-287 .module-item-1 .info-block,
.module-info-blocks-287 .module-item-1 .info-block-content {
    background: transparent !important;
}

.module-info-blocks-287 .module-item-1 .info-block-title,
.module-info-blocks-287 .module-item-1 .info-block-text {
    color: #0b2744 !important;
}
/* Bilgilendirme kutusu - son çözüm */
.module-info-blocks-287 .module-item-1 {
    box-shadow: inset 0 0 0 9999px #fbf7ed !important;
    border: 1px solid #c7a04b !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.module-info-blocks-287 .module-item-1 .info-block-title,
.module-info-blocks-287 .module-item-1 .info-block-text {
    color: #0b2744 !important;
}
/* BYO Premium Footer */

/* Son görüntülenen ürünler */
.footer-top,
.footer-products,
.module-products {
    background: #0b2744 !important;
    color: #ffffff !important;
}

.footer-top .module-title,
.footer-products .module-title,
.footer-top h3,
.footer-products h3 {
    color: #ffffff !important;
}

.footer-top .module-title::after,
.footer-products .module-title::after,
.footer-top h3::after,
.footer-products h3::after {
    background: #c7a04b !important;
}

/* Footer ana alan */
footer,
.site-footer,
.footer-main {
    background: #0b2744 !important;
    color: rgba(255,255,255,.78) !important;
}

/* Footer başlıkları */
footer h3,
footer h4,
.footer-title {
    color: #c7a04b !important;
    font-weight: 800 !important;
}

/* Alt çizgiler */
footer h3::after,
footer h4::after,
.footer-title::after {
    background: #c7a04b !important;
}

/* Footer linkleri */
footer a,
.footer-main a,
.site-footer a {
    color: rgba(255,255,255,.84) !important;
}

footer a:hover,
.footer-main a:hover,
.site-footer a:hover {
    color: #c7a04b !important;
}

/* Kolon ayırıcı çizgiler */
footer .column,
.footer-main .column {
    border-color: rgba(255,255,255,.10) !important;
}

/* E-bülten alanı */
footer input[type="email"],
.footer-main input[type="email"] {
    background: #ffffff !important;
    color: #0b2744 !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    border-radius: 10px !important;
}

footer .btn,
.footer-main .btn {
    background: #c7a04b !important;
    color: #0b2744 !important;
    border-color: #c7a04b !important;
    font-weight: 800 !important;
}

footer .btn:hover,
.footer-main .btn:hover {
    background: #ffffff !important;
    color: #0b2744 !important;
}

/* Copyright alt şerit */
.footer-bottom,
.copyright {
    background: #07182a !important;
    color: rgba(255,255,255,.68) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

/* Yukarı çık butonu */
.scroll-top,
.back-to-top {
    background: #c7a04b !important;
    color: #0b2744 !important;
    border-radius: 12px !important;
}
/* BYO Footer orta alan - gerçek Journal sınıfları */

footer .grid-rows,
footer .grid-row,
footer .grid-cols,
footer .grid-col,
footer .grid-items,
footer .grid-item {
    background: #0b2744 !important;
    color: rgba(255,255,255,.82) !important;
    border-color: rgba(255,255,255,.10) !important;
}

footer .links-menu .title,
footer .module-title {
    color: #c7a04b !important;
}

footer .links-menu a,
footer .module-body a {
    color: rgba(255,255,255,.84) !important;
}

footer .links-menu a:hover,
footer .module-body a:hover {
    color: #c7a04b !important;
}

/* Turuncu çizgileri altın yap */
footer .title::after,
footer .module-title::after {
    background: #c7a04b !important;
}

/* E-bülten metni */
footer p,
footer label,
footer span {
    color: rgba(255,255,255,.72) !important;
}
/* BYO Footer orta alan - kesin */
footer .grid-row-3 {
    background: #0b2744 !important;
    color: rgba(255,255,255,.82) !important;
}

footer .grid-row-3 .grid-col,
footer .grid-row-3 .grid-items,
footer .grid-row-3 .grid-item {
    background: transparent !important;
    border-color: rgba(255,255,255,.10) !important;
}

footer .grid-row-3 .title,
footer .grid-row-3 h3 {
    color: #c7a04b !important;
}

footer .grid-row-3 a {
    color: rgba(255,255,255,.86) !important;
}

footer .grid-row-3 a:hover {
    color: #c7a04b !important;
}

footer .grid-row-3 p,
footer .grid-row-3 label,
footer .grid-row-3 span {
    color: rgba(255,255,255,.72) !important;
}
/* Footer orta alanı kesin lacivert yap */
footer,
footer .grid-rows,
footer .grid-row-3 {
    background: #0b2744 !important;
    background-color: #0b2744 !important;
}

footer .grid-row-3 .grid-col,
footer .grid-row-3 .grid-items,
footer .grid-row-3 .grid-item {
    background: transparent !important;
}

footer .grid-row-3 .title,
footer .grid-row-3 h3 {
    color: #c7a04b !important;
}

footer .grid-row-3 a {
    color: rgba(255,255,255,.88) !important;
}

footer .grid-row-3 p,
footer .grid-row-3 span,
footer .grid-row-3 label {
    color: rgba(255,255,255,.72) !important;
}
/* BYO Mobil alt işlem çubuğu */
@media (max-width: 768px) {
    .button-group-page,
    .product-page .button-group-page {
        display: grid !important;
        grid-template-columns: 64px 1fr 52px 52px !important;
        gap: 6px !important;
        padding: 8px !important;
        background: #ffffff !important;
        box-shadow: 0 -8px 24px rgba(11,39,68,.10) !important;
    }

    .button-group-page .button-cart,
    .button-group-page .btn-cart {
        min-width: 0 !important;
        width: 100% !important;
        font-size: 12px !important;
        padding: 8px 6px !important;
    }

    .button-group-page .btn-buy,
    .button-group-page .button-buy {
        min-width: 0 !important;
        width: 100% !important;
    }

    .button-group-page input[type="number"] {
        width: 100% !important;
        min-width: 0 !important;
    }
}
/* BYO mobil alt bar son rötuş */
@media (max-width: 768px) {
    .button-group-page,
    .product-page .button-group-page {
        grid-template-columns: 58px minmax(120px, 1fr) 46px 46px !important;
        gap: 8px !important;
    }

    .button-group-page .button-cart,
    .button-group-page .btn-cart {
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    .button-group-page > * {
        min-width: 0 !important;
    }
}
/* BYO Mobil - Son Görüntülenenler kartları */
@media (max-width: 768px) {
    .footer-top .product-layout,
    .footer-products .product-layout,
    .module-products .product-layout {
        padding: 6px !important;
    }

    .footer-top .product-thumb,
    .footer-products .product-thumb,
    .module-products .product-thumb {
        border-radius: 14px !important;
        overflow: hidden !important;
        min-height: auto !important;
    }

    .footer-top .product-thumb .image,
    .footer-products .product-thumb .image,
    .module-products .product-thumb .image {
        height: 135px !important;
    }

    .footer-top .product-thumb .image img,
    .footer-products .product-thumb .image img,
    .module-products .product-thumb .image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .footer-top .product-thumb .caption,
    .footer-products .product-thumb .caption,
    .module-products .product-thumb .caption {
        padding:
        /* BYO Sepet Sayfası */

#content h1,
.checkout-cart h1 {
    color: #0b2744 !important;
    font-weight: 800 !important;
}

/* Sepet tablosu */
.table-responsive,
.checkout-cart .table {
    background: #fff !important;
    border: 1px solid rgba(11,39,68,.10) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 28px rgba(11,39,68,.06) !important;
}

.checkout-cart .table thead td,
.checkout-cart .table thead th {
    background: #f7f8f6 !important;
    color: #0b2744 !important;
    font-weight: 800 !important;
}

/* Ürün adı */
.checkout-cart .table a {
    color: #0b2744 !important;
    font-weight: 700 !important;
}

.checkout-cart .table a:hover {
    color: #c7a04b !important;
}

/* Güncelle butonu */
.checkout-cart .btn-primary {
    background: #0b2744 !important;
    border-color: #0b2744 !important;
    color: #fff !important;
}

/* Sağ özet paneli */
.checkout-cart .panel,
.checkout-cart .cart-panels,
.checkout-cart .checkout-cart-right {
    background: #f7f8f6 !important;
    border: 1px solid rgba(11,39,68,.10) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 30px rgba(11,39,68,.07) !important;
}

/* Kupon / kargo / hediye başlıkları */
.checkout-cart .panel-title,
.checkout-cart .panel-heading,
.checkout-cart .accordion-toggle {
    color: #0b2744 !important;
    font-weight: 800 !important;
}

/* Toplamlar */
.checkout-cart .table-total,
.checkout-cart .cart-total {
    color: #0b2744 !important;
    font-weight: 800 !important;
}

/* Alışverişe Devam Et */
.checkout-cart .btn-default,
.checkout-cart a.btn-default {
    background: #0b2744 !important;
    border-color: #0b2744 !important;
    color: #fff !important;
    border-radius: 10px !important;
}

.checkout-cart .btn-default:hover,
.checkout-cart a.btn-default:hover {
    background: #123a61 !important;
}

/* Alışverişi Tamamla */
.checkout-cart .btn-primary:last-child,
.checkout-cart a.btn-primary:last-child {
    background: #c7a04b !important;
    border-color: #c7a04b !important;
    color: #0b2744 !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
}

.checkout-cart .btn-primary:last-child:hover,
.checkout-cart a.btn-primary:last-child:hover {
    background: #0b2744 !important;
    border-color: #0b2744 !important;
    color: #fff !important;
}
/* BYO Sepet - son renk rötuşları */

/* Alışverişe devam et */
.checkout-cart a[href*="common/home"],
.checkout-cart .buttons .btn-default,
.checkout-cart .buttons a:first-child {
    background: #0b2744 !important;
    color: #ffffff !important;
    border-color: #0b2744 !important;
}

/* Sağ panel açılır başlıklar */
.checkout-cart .panel-heading,
.checkout-cart .panel-title,
.checkout-cart .accordion-toggle,
.checkout-cart [data-toggle="collapse"] {
    color: #0b2744 !important;
    font-weight: 800 !important;
}

/* Artı ikonları */
.checkout-cart .panel-heading i,
.checkout-cart .panel-heading .fa,
.checkout-cart [data-toggle="collapse"] i {
    color: #c7a04b !important;
}

/* Ödeme butonu */
.checkout-cart a[href*="checkout/checkout"],
.checkout-cart .checkout-button {
    background: #c7a04b !important;
    color: #0b2744 !important;
    border-color: #c7a04b !important;
    font-weight: 800 !important;
}
/* Sepet - Alışverişe Devam Et */
.cart-page .buttons .pull-left .btn.btn-default {
    background: #0b2744 !important;
    color: #ffffff !important;
    border-color: #0b2744 !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
}

.cart-page .buttons .pull-left .btn.btn-default:hover {
    background: #c7a04b !important;
    color: #0b2744 !important;
    border-color: #c7a04b !important;
}
/* Sepet - Alışverişe Devam Et kesin renk */
.cart-page .buttons .pull-left a.btn.btn-default,
.cart-page .buttons .pull-left a.btn-default,
.cart-page .buttons .pull-left > a {
    background: #0b2744 !important;
    background-color: #0b2744 !important;
    color: #ffffff !important;
    border-color: #0b2744 !important;
    box-shadow: none !important;
}

.cart-page .buttons .pull-left a.btn.btn-default:hover,
.cart-page .buttons .pull-left a.btn-default:hover,
.cart-page .buttons .pull-left > a:hover {
    background: #c7a04b !important;
    background-color: #c7a04b !important;
    color: #0b2744 !important;
    border-color: #c7a04b !important;
}
.route-checkout-cart .buttons .pull-left .btn {
    background: #0b2744 !important;
    background-color: #0b2744 !important;
    color: #ffffff !important;
    border-color: #0b2744 !important;
}

.route-checkout-cart .buttons .pull-left .btn:hover {
    background: #c7a04b !important;
    background-color: #c7a04b !important;
    color: #0b2744 !important;
    border-color: #c7a04b !important;
}
/* BYO Checkout Sayfası */

.route-checkout-checkout h1,
.route-checkout-checkout #content h1 {
    color: #0b2744 !important;
    font-weight: 800 !important;
}

/* Adım başlıkları */
.route-checkout-checkout .panel-title,
.route-checkout-checkout .panel-heading,
.route-checkout-checkout .checkout-section-title,
.route-checkout-checkout [data-toggle="collapse"] {
    color: #0b2744 !important;
    font-weight: 800 !important;
}

/* Açık adım */
.route-checkout-checkout .panel-heading.active,
.route-checkout-checkout .panel-title.active {
    color: #c7a04b !important;
}

/* Form alanları */
.route-checkout-checkout input,
.route-checkout-checkout select,
.route-checkout-checkout textarea {
    background: #ffffff !important;
    color: #0b2744 !important;
    border: 1px solid rgba(11,39,68,.16) !important;
    border-radius: 10px !important;
    min-height: 46px !important;
}

.route-checkout-checkout input:focus,
.route-checkout-checkout select:focus,
.route-checkout-checkout textarea:focus {
    border-color: #c7a04b !important;
    box-shadow: 0 0 0 3px rgba(199,160,75,.12) !important;
}

/* Devam / Oturum Aç butonları */
.route-checkout-checkout .btn-primary,
.route-checkout-checkout button[type="submit"] {
    background: #c7a04b !important;
    color: #0b2744 !important;
    border-color: #c7a04b !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
}

.route-checkout-checkout .btn-primary:hover,
.route-checkout-checkout button[type="submit"]:hover {
    background: #0b2744 !important;
    color: #ffffff !important;
    border-color: #0b2744 !important;
}

/* Adım ayırıcı çizgiler */
.route-checkout-checkout .panel,
.route-checkout-checkout .checkout-section {
    border-color: rgba(11,39,68,.10) !important;
}

/* Artı / eksi ikonları */
.route-checkout-checkout .fa-plus,
.route-checkout-checkout .fa-minus,
.route-checkout-checkout .panel-heading i {
    color: #c7a04b !important;
}