/* =====================================================================
   İnegöl Möbell — tema üzerine eklenen bileşenler (v2)
   Tema: css/styles.css (değiştirilmedi, yalnızca @import satırları kaldırıldı)
   ===================================================================== */

.svg-icon { display: inline-block; vertical-align: -0.2em; flex: none; }
.skip-link { position: absolute; left: -9999px; top: 8px; z-index: 9999; background: #000; color: #fff; padding: 10px 16px; border-radius: 4px; }
.skip-link:focus { left: 8px; }
img { max-width: 100%; height: auto; }
.list-unstyled { list-style: none; padding-left: 0; margin: 0; }

/* Başlık menüsü */
.box-nav-ul .item-link, .nav-icon .item-link { text-transform: uppercase; }
.menu-item.is-current > .item-link { text-decoration: underline; text-underline-offset: 6px; }
.header-default .nav-icon { align-items: center; }
.header-default .nav-icon .nav-icon-item, .header-default .mobile-menu { color: var(--main); display: inline-flex; }
.logo-header img { height: auto; }
#scroll-top { display: flex; align-items: center; justify-content: center; color: #fff; border: 0; }

/* Dil seçici */
.lang-switch { position: relative; display: inline-block; }
.lang-switch__btn { display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 0; padding: 4px 2px; font: inherit; font-size: 14px; color: inherit; cursor: pointer; }
.lang-switch__btn img { border-radius: 2px; object-fit: cover; }
.lang-switch__menu { position: absolute; top: calc(100% + 6px); left: 0; z-index: 1000; min-width: 160px; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,.12); opacity: 0; visibility: hidden; transform: translateY(4px); transition: .15s; }
.lang-switch.is-open .lang-switch__menu { opacity: 1; visibility: visible; transform: none; }
.lang-switch__menu a { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 6px; color: var(--main); font-size: 14px; }
.lang-switch__menu a:hover, .lang-switch__menu a.is-active { background: var(--Surface); }
.lang-switch--mobile .lang-switch__menu { top: auto; bottom: calc(100% + 6px); }
.lang-switch--compact .lang-switch__btn { font-weight: 600; }

/* Kırıntı menü */
.im-breadcrumb { padding: 14px 0 0; font-size: 14px; color: var(--Secondary); }
.im-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.im-breadcrumb li + li::before { content: "/"; margin-right: 6px; color: var(--Secondary2); }
.im-breadcrumb a { color: var(--Secondary); }
.im-breadcrumb a:hover { color: var(--main); text-decoration: underline; }
.im-breadcrumb [aria-current] { color: var(--main); }

/* Başlıklar ve metin */
.im-eyebrow { font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: var(--Secondary); margin-bottom: 8px; }
.im-home-h1 { font-size: 40px; line-height: 1.2; margin-bottom: 14px; }
.im-section-title { font-size: 34px; line-height: 1.2; margin-bottom: 14px; }
.heading-section h1 { font-size: 44px; line-height: 1.15; }
.im-lead, .im-lead p { color: var(--Secondary); font-size: 17px; line-height: 1.7; }
.im-lead p:last-child { margin-bottom: 0; }
.im-count { color: var(--Secondary2); font-size: 14px; margin-top: 8px; }
.im-updated { margin-top: 30px; font-size: 13px; color: var(--Secondary2); }
.im-prose { font-size: 16px; line-height: 1.75; color: #2b2b2b; }
.im-prose--center { max-width: 860px; margin: 0 auto; }
.im-prose h2 { font-size: 28px; line-height: 1.25; margin: 34px 0 12px; }
.im-prose h3 { font-size: 21px; line-height: 1.3; margin: 26px 0 10px; }
.im-prose h2:first-child, .im-prose h3:first-child { margin-top: 0; }
.im-prose p { margin: 0 0 14px; }
.im-prose ul, .im-prose ol { margin: 0 0 16px; padding-left: 22px; }
.im-prose ul { list-style: disc; }
.im-prose ol { list-style: decimal; }
.im-prose li { margin-bottom: 6px; }
.im-prose a { text-decoration: underline; }
.im-seo-block { border-top: 1px solid var(--line); }

/* Kategori kaydırıcı (ana sayfa) — liste etiketine çevrildi */
.wrap-categories.list-unstyled { padding: 0; }
.mobell-pagination .mobell-dot { border: 0; padding: 0; }

/* Oranlı görseller */
.im-ratio-portrait { aspect-ratio: 9 / 16; overflow: hidden; border-radius: 8px; }
.im-ratio-portrait img { width: 100%; height: 100%; object-fit: cover; }

/* SSS */
.im-faq__inner { max-width: 860px; margin: 0 auto; }
.im-faq__list { border-top: 1px solid var(--line); }
.im-faq__item { border-bottom: 1px solid var(--line); }
.im-faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 2px; cursor: pointer; list-style: none; }
.im-faq__item summary::-webkit-details-marker { display: none; }
.im-faq__item summary h3 { font-size: 18px; line-height: 1.4; margin: 0; font-weight: 500; }
.im-faq__item summary .svg-icon { transition: transform .2s; }
.im-faq__item[open] summary .svg-icon { transform: rotate(180deg); }
.im-faq__answer { padding: 0 2px 20px; color: var(--Secondary); line-height: 1.7; }

/* Etiket (chip) bağlantıları */
.im-chips { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 18px; }
.im-chip { display: inline-block; padding: 8px 16px; border: 1px solid var(--line); border-radius: 999px; font-size: 14px; color: var(--main); background: #fff; transition: .15s; }
.im-chip:hover { border-color: var(--main); }

/* Ürün sayfası */
.im-product-cat { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 6px; }
.im-product-cat a { color: var(--Secondary); }
.tf-product-info-price .price-on-sale { margin: 8px 0 0; font-weight: 600; }
.tf-product-info-price .compare-at-price { color: var(--Secondary2); margin-left: 10px; }
.im-product-short { margin-top: 12px; color: var(--Secondary); }
.tf-product-info-choose-option { display: flex; flex-direction: column; gap: 12px; margin-top: 22px; }
.im-wa-btn { font-size: 17px; }
.bg-whatsapp, .tf-btn.bg-whatsapp { background-color: #25D366 !important; border-color: #25D366 !important; color: #fff !important; }
.bg-whatsapp:hover { background-color: #1ebe5a !important; }
.im-product-facts { list-style: none; padding: 16px 18px; margin: 4px 0 0; background: var(--Surface); border-radius: 10px; display: grid; gap: 10px; font-size: 15px; }
.im-product-facts li { display: flex; gap: 10px; align-items: flex-start; }
.im-product-facts .svg-icon { margin-top: 3px; }
.im-product-facts a { text-decoration: underline; }
.im-product-details { display: grid; gap: 34px; max-width: 980px; margin: 0 auto; }
.im-product-details__block h2 { margin-bottom: 14px; }
.im-specs { width: 100%; border-collapse: collapse; font-size: 15px; }
.im-specs th, .im-specs td { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.im-specs th { width: 34%; font-weight: 500; color: var(--Secondary); }
.im-delivery { background: var(--Surface); border-radius: 12px; padding: 24px 26px; }
.im-delivery ul { list-style: none; padding-left: 0; }
.im-delivery li { position: relative; padding-left: 26px; }
.im-delivery li::before { content: "✓"; position: absolute; left: 0; color: var(--Success); font-weight: 700; }
.tf-product-media-thumbs .item img { width: 100%; height: auto; }

/* Galeri (yorumlar / kartela) */
.customer-gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.gallery-cell { margin: 0; }
.gallery-cell .gallery-item { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 8px; transition: transform .3s ease, box-shadow .3s ease; }
.customer-gallery-grid.is-colors .gallery-item { aspect-ratio: 1180 / 2100; }
.gallery-cell .gallery-item:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,.15); }
.gallery-cell .gallery-item img { width: 100%; height: 100%; object-fit: cover; }
.gallery-cell figcaption { text-align: center; margin-top: 8px; font-weight: 500; }
@media (max-width: 991px) { .customer-gallery-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .customer-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }

/* Rehber kartları */
.im-post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.im-post-card { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; }
.im-post-card__img { display: block; aspect-ratio: 16 / 10; background: var(--Surface); overflow: hidden; }
.im-post-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.im-post-card:hover .im-post-card__img img { transform: scale(1.04); }
.im-post-card__ph { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 64px; color: var(--Secondary2); background: linear-gradient(135deg, #f6f1e7, #ece4d3); }
.im-post-card__body { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.im-post-card__meta { font-size: 13px; color: var(--Secondary2); margin: 0; }
.im-post-card__title { font-size: 20px; line-height: 1.35; margin: 0; }
.im-post-card__excerpt { color: var(--Secondary); font-size: 15px; margin: 0; flex: 1; }
@media (max-width: 991px) { .im-post-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .im-post-grid { grid-template-columns: 1fr; } }
.im-article__head { text-align: center; margin-bottom: 24px; }
.im-article__head h1 { font-size: 40px; line-height: 1.2; margin: 8px 0 12px; }
.im-article__img { margin: 0 0 28px; border-radius: 12px; overflow: hidden; }
.im-article__cta { margin: 30px 0 10px; text-align: center; }

/* İletişim */
.im-contact-list { font-style: normal; }
.im-contact-list a { color: var(--main); }
.im-inline-wa { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; color: #128C7E !important; font-weight: 500; }
.im-map { position: relative; min-height: 380px; border-radius: 12px; overflow: hidden; background: #eef0f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 20h40M20 0v40' stroke='%23dde1e5' stroke-width='1'/%3E%3C/svg%3E"); margin-top: 20px; }
.im-map__load { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; border: 0; background: transparent; font: inherit; font-weight: 500; cursor: pointer; }
.im-map__load span { background: #fff; padding: 10px 18px; border-radius: 999px; box-shadow: 0 4px 16px rgba(0,0,0,.1); }
.im-map iframe { display: block; }
.im-form-wrap { max-width: 760px; margin: 0 auto; padding: 34px; border: 1px solid var(--line); border-radius: 14px; }
.im-form-wrap h2 { margin-bottom: 20px; }
.im-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.im-form__full { grid-column: 1 / -1; }
.im-form label span { display: block; font-size: 14px; margin-bottom: 6px; color: var(--Secondary); }
.im-form input[type=text], .im-form input[type=email], .im-form input[type=tel], .im-form textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; font: inherit; background: #fff; }
.im-form input:focus, .im-form textarea:focus { outline: 2px solid var(--main); outline-offset: 0; border-color: transparent; }
.im-form__check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; }
.im-form__check span { display: inline; color: var(--Secondary); margin: 0; }
.im-form__check input { margin-top: 4px; }
.im-form__status { margin: 14px 0; font-size: 15px; }
.im-form__status.is-ok { color: var(--Success); }
.im-form__status.is-err { color: var(--Critical); }
.im-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 575px) { .im-form__grid { grid-template-columns: 1fr; } .im-form-wrap { padding: 22px; } }

/* Arama */
.im-search-inline { display: flex; gap: 10px; max-width: 560px; margin: 18px auto 0; }
.im-search-inline input { flex: 1; padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; font: inherit; }
.modal-search .icon-close-popup, .mb-close { background: transparent; border: 0; cursor: pointer; color: var(--main); }
.mb-close { position: absolute; top: 14px; right: 14px; z-index: 2; }

/* Alt bilgi */
.footer-contact-list li { display: flex; gap: 8px; align-items: flex-start; color: #fff; }
.footer-contact-list .svg-icon { margin-top: 4px; }
.footer-about { margin: 18px 0; opacity: .85; }
.footer .number, .footer .mail { color: #fff; }
.footer-social { margin-top: 26px; }
.footer-social a { display: inline-flex; align-items: center; justify-content: center; }
.footer-heading { font-size: 20px; }

/* WhatsApp düğmesi */
.wa-float { position: fixed; right: 18px; bottom: 22px; z-index: 990; width: 56px; height: 56px; border-radius: 50%; background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(37,211,102,.45); transition: transform .2s; }
.wa-float:hover { transform: scale(1.06); color: #fff; }
@media (max-width: 1199px) { .wa-float { bottom: 84px; right: 14px; width: 50px; height: 50px; } }
#scroll-top { bottom: 90px; }

/* Çerez bandı */
.cookie-bar { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 1000; max-width: 720px; margin: 0 auto; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,.15); padding: 16px 18px; display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; font-size: 14px; }
.cookie-bar[hidden] { display: none; }
.cookie-bar p { margin: 0; flex: 1 1 280px; }
.cookie-bar a { text-decoration: underline; }
.cookie-bar__btns { display: flex; gap: 8px; }
.cookie-bar .tf-btn { padding: 8px 16px; font-size: 14px; }
@media (max-width: 1199px) { .cookie-bar { bottom: 76px; } }

/* 404 / bakım */
.im-404__code { font-size: 110px; line-height: 1; font-weight: 700; color: var(--Surface); -webkit-text-stroke: 2px var(--line); margin-bottom: 10px; }
.im-maint { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 24px; }
.im-maint h1 { font-size: 34px; margin: 24px 0 10px; }

/* Panel kısayolu (yalnızca yönetici oturumunda) */
.admin-edit-fab { position: fixed; left: 16px; bottom: 16px; z-index: 1001; background: #111; color: #fff !important; padding: 10px 14px; border-radius: 999px; font-size: 13px; box-shadow: 0 6px 18px rgba(0,0,0,.25); }

@media (max-width: 767px) {
    .im-home-h1 { font-size: 28px; }
    .im-section-title { font-size: 26px; }
    .heading-section h1, .im-article__head h1 { font-size: 30px; }
    .im-prose h2 { font-size: 23px; }
    .im-prose h3 { font-size: 19px; }
    .tf-topbar .wrapper-slider-topbar p { font-size: 13px; }
}

/* Fiyat etiketi: "2.500 €" tek satırda kalsın */
.card-product .card-product-wrapper .on-sale-wrap .on-sale-item { width: auto !important; min-width: 70px; padding: 0 10px; white-space: nowrap; }
.im-prose ul li { list-style: disc; }
.im-prose ol li { list-style: decimal; }
.im-delivery ul li { list-style: none; }
.card-product .card-product-wrapper .on-sale-wrap { left: auto !important; right: 8px !important; top: 8px !important; }
.footer-contact-list, .footer-contact-list a { color: rgba(255,255,255,.78) !important; }
.footer-contact-list a:hover { color: #fff !important; }
p.text-center > .tf-btn, .text-center > .tf-btn { display: inline-flex; }
@media (max-width: 1199px) { .admin-edit-fab { bottom: 84px; } }