/* Karagüzel — iç sayfa tasarımı (Hakkımızda, İletişim, KVKK, SSS, Favoriler, Karşılaştır) */
.breadcrumbs_area.ip-hide { display: none; }

.ip-hero { background: linear-gradient(135deg, #062b1a 0%, #0a4a2a 55%, var(--store-primary, #1fb248) 140%); color: #fff; padding: 64px 0 56px; position: relative; overflow: hidden; }
.ip-hero::after { content: ""; position: absolute; right: -120px; top: -120px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(31,178,72,.45), transparent 70%); pointer-events: none; }
.ip-hero .ip-kicker { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #7dffa5; margin-bottom: 12px; }
.ip-hero h1 { color: #fff; font-size: 42px; font-weight: 800; line-height: 1.1; margin: 0 0 14px; max-width: 760px; }
.ip-hero p { color: rgba(255,255,255,.82); font-size: 16.5px; line-height: 1.7; max-width: 640px; margin: 0; }
.ip-crumb { display: flex; gap: 8px; align-items: center; margin-top: 22px; font-size: 13px; color: rgba(255,255,255,.65); }
.ip-crumb a { color: rgba(255,255,255,.85); text-decoration: none; }
.ip-crumb a:hover { color: #fff; text-decoration: underline; }

.ip-wrap { padding: 56px 0 48px; }
.ip-card { background: #fff; border: 1px solid #e8edea; border-radius: 16px; padding: 40px 44px; box-shadow: 0 10px 30px -12px rgba(6,43,26,.15); }
.ip-card h2 { font-size: 26px; font-weight: 800; color: #0b2a1b; margin: 0 0 16px; position: relative; padding-bottom: 14px; text-align: left; }
.ip-card h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 4px; border-radius: 4px; background: var(--store-primary, #1fb248); }
.ip-card h3 { font-size: 19px; font-weight: 700; color: #0b2a1b; margin: 28px 0 10px; text-align: left; }
.ip-card h4 { font-size: 16px; font-weight: 700; color: #0b2a1b; margin: 20px 0 8px; text-align: left; }
.ip-card p, .ip-card li { font-size: 15.5px; line-height: 1.85; color: #475569; text-align: left; }
.ip-card p { margin: 0 0 12px; }
.ip-card ul, .ip-card ol { padding-left: 22px; margin: 0 0 14px; }
.ip-card a { color: var(--store-primary, #1fb248); font-weight: 600; }
.ip-card strong { color: #0b2a1b; }

.ip-side { background: #fff; border: 1px solid #e8edea; border-radius: 16px; padding: 26px 24px; box-shadow: 0 10px 30px -12px rgba(6,43,26,.12); position: sticky; top: 90px; }
.ip-side h4 { font-size: 16px; font-weight: 800; color: #0b2a1b; margin: 0 0 14px; }
.ip-side a { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 10px; color: #334155; text-decoration: none; font-size: 14.5px; font-weight: 600; transition: background .15s, color .15s; }
.ip-side a i { color: var(--store-primary, #1fb248); width: 16px; text-align: center; }
.ip-side a:hover, .ip-side a.active { background: rgba(31,178,72,.1); color: #0b2a1b; }
.ip-side .ip-help { margin-top: 16px; padding: 16px; border-radius: 12px; background: linear-gradient(160deg, #0a3a22, #062b1a); color: #fff; }
.ip-side .ip-help p { color: rgba(255,255,255,.85); font-size: 13.5px; margin: 0 0 10px; line-height: 1.5; }
.ip-side .ip-help a { background: var(--store-primary, #1fb248); color: #fff; justify-content: center; }

/* İletişim */
.ip-info { display: flex; gap: 16px; align-items: flex-start; background: #fff; border: 1px solid #e8edea; border-radius: 16px; padding: 22px 24px; margin-bottom: 16px; }
.ip-info .ico { width: 50px; height: 50px; flex: none; border-radius: 14px; background: rgba(31,178,72,.12); color: var(--store-primary, #1fb248); display: flex; align-items: center; justify-content: center; font-size: 20px; }
.ip-info h4 { margin: 0 0 4px; font-size: 15px; font-weight: 800; color: #0b2a1b; }
.ip-info p, .ip-info a { margin: 0; font-size: 15px; color: #475569; text-decoration: none; word-break: break-word; }
.ip-info a:hover { color: var(--store-primary, #1fb248); }
.ip-form label { display: block; font-size: 13.5px; font-weight: 700; color: #0b2a1b; margin-bottom: 6px; }
.ip-form input, .ip-form textarea { width: 100%; border: 1px solid #dbe4de; border-radius: 10px; padding: 12px 14px; font-size: 15px; background: #f8faf9; color: #0f172a; outline: none; transition: border-color .15s, box-shadow .15s; }
.ip-form input:focus, .ip-form textarea:focus { border-color: var(--store-primary, #1fb248); box-shadow: 0 0 0 3px rgba(31,178,72,.18); background: #fff; }
.ip-form textarea { min-height: 150px; resize: vertical; }
.ip-form .fld { margin-bottom: 16px; }
.ip-btn { display: inline-block; background: var(--store-primary, #1fb248); color: #fff; font-weight: 800; padding: 14px 32px; border: 0; border-radius: 10px; cursor: pointer; text-decoration: none; transition: filter .15s, transform .15s; }
.ip-btn:hover { filter: brightness(1.08); transform: translateY(-1px); color: #fff; }
.ip-alert { padding: 12px 16px; border-radius: 10px; font-weight: 700; margin-bottom: 16px; font-size: 14.5px; }
.ip-alert.ok { background: rgba(31,178,72,.12); color: #0a6b2c; }
.ip-alert.err { background: #fee2e2; color: #b91c1c; }

/* SSS */
.ip-faq { background: #fff; border: 1px solid #e8edea; border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: border-color .15s, box-shadow .15s; }
.ip-faq.open { border-color: var(--store-primary, #1fb248); box-shadow: 0 10px 24px -14px rgba(6,43,26,.3); }
.ip-faq button { width: 100%; background: none; border: 0; text-align: left; padding: 20px 24px; font-size: 16.5px; font-weight: 700; color: #0b2a1b; display: flex; justify-content: space-between; align-items: center; gap: 16px; cursor: pointer; }
.ip-faq button .pm { width: 30px; height: 30px; flex: none; border-radius: 50%; background: rgba(31,178,72,.12); color: var(--store-primary, #1fb248); display: flex; align-items: center; justify-content: center; transition: transform .2s, background .2s, color .2s; }
.ip-faq.open button .pm { transform: rotate(45deg); background: var(--store-primary, #1fb248); color: #fff; }
.ip-faq .ans { display: none; padding: 0 24px 22px; color: #475569; font-size: 15.5px; line-height: 1.8; }
.ip-faq.open .ans { display: block; }

.ip-empty { text-align: center; padding: 60px 20px; background: #fff; border: 1px dashed #cfe0d5; border-radius: 16px; color: #64748b; }
.ip-empty i { font-size: 40px; color: var(--store-primary, #1fb248); margin-bottom: 12px; display: block; }

/* Neden biz / CTA (Hakkımızda) */
.ab-side { background: linear-gradient(160deg, #0a3a22, #062b1a); border-radius: 16px; padding: 34px 30px; color: #fff; height: 100%; }
.ab-side h4 { color: #fff; font-size: 20px; font-weight: 800; margin: 0 0 18px; }
.ab-side ul { list-style: none; margin: 0; padding: 0; }
.ab-side li { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 15px; color: rgba(255,255,255,.9); }
.ab-side li:last-child { border-bottom: 0; }
.ab-side li i { color: var(--store-primary, #1fb248); margin-top: 3px; }
.ab-why { padding: 24px 0 24px; }
.ab-why-title { text-align: center; margin-bottom: 34px; }
.ab-why-title span { font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: var(--store-primary, #1fb248); }
.ab-why-title h2 { font-size: 32px; font-weight: 800; color: #0b2a1b; margin: 8px 0 0; }
.ab-feature { background: #fff; border: 1px solid #e8edea; border-radius: 16px; padding: 28px 24px; height: 100%; transition: transform .2s, box-shadow .2s, border-color .2s; }
.ab-feature:hover { transform: translateY(-4px); box-shadow: 0 16px 30px -14px rgba(6,43,26,.25); border-color: var(--store-primary, #1fb248); }
.ab-feature .ico { width: 56px; height: 56px; border-radius: 14px; background: rgba(31,178,72,.12); color: var(--store-primary, #1fb248); display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 16px; }
.ab-feature h3 { font-size: 18px; font-weight: 700; color: #0b2a1b; margin: 0 0 6px; }
.ab-feature p { font-size: 14.5px; color: #64748b; margin: 0; line-height: 1.6; }
.ab-cta { margin: 32px 0 64px; background: linear-gradient(135deg, #0a4a2a, #062b1a); border-radius: 18px; padding: 40px 44px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; }
.ab-cta h3 { color: #fff; font-size: 26px; font-weight: 800; margin: 0 0 6px; }
.ab-cta p { color: rgba(255,255,255,.8); margin: 0; font-size: 15.5px; }
.ab-cta a { display: inline-block; background: var(--store-primary, #1fb248); color: #fff; font-weight: 800; padding: 14px 30px; border-radius: 10px; text-decoration: none; }
.ab-cta a:hover { filter: brightness(1.08); color: #fff; }
.ab-cta a.ghost { background: transparent; border: 2px solid rgba(255,255,255,.5); margin-left: 8px; }

@media (max-width: 991px) { .ip-side { position: static; margin-top: 20px; } }
@media (max-width: 767px) {
    .ip-hero { padding: 44px 0 40px; } .ip-hero h1 { font-size: 30px; }
    .ip-card { padding: 26px 22px; } .ab-cta { padding: 28px 22px; } .ab-cta a.ghost { margin: 10px 0 0; }
    .ip-faq button { padding: 16px 18px; font-size: 15.5px; } .ip-faq .ans { padding: 0 18px 18px; }
}

/* Favoriler / Karşılaştır tabloları */
.ip-wrap .cart_page, .ip-wrap .table-responsive { background: #fff; border: 1px solid #e8edea; border-radius: 16px; box-shadow: 0 10px 30px -12px rgba(6,43,26,.12); overflow: hidden; }
.ip-wrap .cart_page table, .ip-wrap .table-responsive table { width: 100%; border-collapse: collapse; }
.ip-wrap .cart_page thead th { background: #0b2a1b; color: #fff; font-size: 13px; letter-spacing: .5px; text-transform: uppercase; padding: 14px 16px; border: 0; }
.ip-wrap .cart_page td, .ip-wrap .table-responsive td, .ip-wrap .table-responsive th { padding: 16px; border-bottom: 1px solid #edf2ef; vertical-align: middle; }
.ip-wrap .cart_page td.product_thumb img { width: 84px; height: 84px; object-fit: cover; border-radius: 12px; }
.ip-wrap .cart_page .product_name a { color: #0b2a1b; font-weight: 700; text-decoration: none; }
.ip-wrap .cart_page .product_name a:hover { color: var(--store-primary, #1fb248); }
.ip-wrap .cart_page .product-price { font-weight: 800; color: var(--store-primary, #1fb248); }
.ip-wrap .fav-remove-btn { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: #fee2e2; color: #b91c1c; font-weight: 800; text-decoration: none; }
.ip-wrap .product_total button { background: var(--store-primary, #1fb248) !important; color: #fff !important; padding: 9px 18px !important; border-radius: 8px !important; font-weight: 700 !important; }
.ip-wrap .table-responsive th { background: #f4f8f5 !important; color: #0b2a1b; }