/* Ecire Vesile Ol — tasarım (style.css) ile panelin site bileşenleri arasındaki uyum katmanı. */

body.ecire { margin: 0; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; color: #0E2B2F; background: #F3F9F8; }
/* Tasarım ana sayfayı masaüstü/mobil ayrı çiziyor; tema tek (duyarlı) düzen kullanır. */
.ecire .dsk { display: block; }
.ecire .gv-cart-badge.hidden { display: none !important; }
.ecire .hd-nav a { white-space: nowrap; }
.ecire .hd-logo img { max-width: none; }

/* Panel kullanıcısı için ince araç çubuğu */
.ecire-panel-toolbar { display: flex; justify-content: space-between; gap: 16px; padding: 6px 20px; background: #0E2B2F; color: #E6F6F4; font-size: 12px; }
.ecire-panel-toolbar a { color: #fff; font-weight: 700; }

/* Dil seçici: tasarımdaki cam "TR" düğmesi */
.gv-language-selector--ecire { width: auto; height: auto; font-family: inherit; }
.gv-language-selector--ecire .gv-language-selector__trigger {
    height: auto; gap: 7px; padding: 13px 16px; border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .45); background: rgba(255, 255, 255, .16);
    color: #fff; font-size: 14px; font-weight: 700;
}
.gv-language-selector--ecire .gv-language-selector__flag { display: none; }
.gv-language-selector--ecire .gv-language-selector__trigger::before {
    content: ''; width: 18px; height: 18px; flex: none;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.6 3.9 5.6 3.9 9S14.6 18.4 12 21c-2.6-2.6-3.9-5.6-3.9-9S9.4 5.6 12 3z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.6 3.9 5.6 3.9 9S14.6 18.4 12 21c-2.6-2.6-3.9-5.6-3.9-9S9.4 5.6 12 3z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.gv-language-selector--ecire .gv-language-selector__menu {
    top: calc(100% + 12px); right: 0; left: auto; width: auto; min-width: 150px;
    padding: 8px; border: 0; border-radius: 18px; box-shadow: 0 18px 44px rgba(6, 60, 80, .28);
}
.gv-language-selector--ecire .gv-language-selector__option { padding: 12px 14px; border-radius: 12px; font-size: 14px; font-weight: 700; color: #0E2B2F; }
.gv-language-selector--ecire .gv-language-selector__option.is-active,
.gv-language-selector--ecire .gv-language-selector__option:hover { background: #E6F6F4; }
@media (max-width: 1100px) { .gv-language-selector--ecire { display: none !important; } }
.mmenu .gv-language-selector--mobile { align-self: flex-start; }

/* Ürün görseli: tasarımdaki fotoğraf alanını panel görseliyle doldurur */
.ecire-ph { position: relative; overflow: hidden; background-color: #DCEFEC; display: block; }
.ecire-ph > img.ecire-ph-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ecire-ph > .u94aa677, .ecire-ph > span { z-index: 1; }

/* Kart içi form öğeleri (panel scriptinin beklediği sınıflar) */
.ecire input.qty-display { width: 34px; border: 0; background: transparent; text-align: center; font: inherit; font-weight: 800; color: #0E2B2F; padding: 0; -moz-appearance: textfield; }
.ecire input.qty-display::-webkit-outer-spin-button,
.ecire input.qty-display::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ecire .donation-free-amount-input { width: 100%; box-sizing: border-box; }
.ecire button[disabled] { opacity: .7; cursor: wait; }

/* Boş durum kutusu */
.ecire-empty { padding: 48px 24px; border-radius: 24px; background: #fff; text-align: center; color: #47686A; font-weight: 600; }

/* Anasayfa */
.ecire .ecire-check { display: inline-flex; color: #FF7A1A; flex: none; }
.ecire .ecire-more { display: flex; justify-content: center; margin-top: 22px; }
.ecire a.ub13ea25, .ecire a.ucb807c2 { display: block; color: inherit; text-decoration: none; }
.ecire a.ucb807c2 { color: #fff; }
.ecire .ecire-area { background: linear-gradient(180deg, rgba(6, 40, 55, .1) 0%, rgba(6, 40, 55, .82) 100%), var(--ecire-area-img) center / cover no-repeat; }
.ecire .ecire-area > * { position: relative; }
.ecire .ecire-area .u40d098c { position: absolute; opacity: .4; }
.ecire .u4929090 a, .ecire .u074efac a { color: inherit; }

/* Ürün sayfası */
.ecire .ecire-detail-form { display: flex; flex-direction: column; gap: 14px; }
.ecire .u9d7debc .u069479a .udb895b0 { flex: 1.15; }
.ecire-prose { font-size: 17px; line-height: 1.75; color: #47686A; margin-bottom: 36px; }
.ecire-prose p { margin: 0 0 14px; }
.ecire-prose h2, .ecire-prose h3 { color: #0E2B2F; font-weight: 800; margin: 28px 0 10px; line-height: 1.25; }
.ecire-prose h2 { font-size: 26px; }
.ecire-prose h3 { font-size: 21px; }
.ecire-prose ul, .ecire-prose ol { margin: 0 0 14px; padding-left: 22px; list-style: revert; }
.ecire-prose a { color: #138CAB; text-decoration: underline; }
.ecire-prose img { max-width: 100%; height: auto; border-radius: 18px; }
.ecire-empty .u5c7de26 { margin-top: 18px; }

/* Sepet / ödeme */
.ecire .ecire-stack { display: flex; flex-direction: column; gap: 12px; }
.ecire .ecire-hint { margin: 8px 0 0; }
.ecire .ecire-icon-btn { flex: none; width: 54px; height: 54px; border: 1.5px solid #C5DBDA; border-radius: 14px; background: #fff; font-size: 22px; font-weight: 700; color: #0E2B2F; cursor: pointer; }
.ecire .ecire-icon-btn:hover { border-color: #138CAB; color: #138CAB; }
.ecire input.u4d8ed49 { width: 34px; border: 0; background: transparent; font: inherit; font-weight: 800; color: #0E2B2F; padding: 0; -moz-appearance: textfield; }
.ecire input.u4d8ed49::-webkit-outer-spin-button, .ecire input.u4d8ed49::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ecire button.uf2e1b30 { border: 0; background: none; padding: 0; cursor: pointer; font-family: inherit; }
.ecire button.uef175a1 { border: 0; cursor: pointer; font-family: inherit; }
.ecire .u8a1cc47 .iti { width: 100%; }
.ecire .u8a1cc47 .iti input.u40f71f8 { padding-left: 92px !important; }
.ecire .ecire-empty .u7e7f785 { margin-bottom: 8px; }
.ecire .ecire-empty p { margin: 0 0 20px; }
#gv-cart-resync-loader { display: none; }
.ecire .ecire-note { margin-bottom: 20px; padding: 14px 18px; border-radius: 16px; background: #E6F6F4; color: #2A4E50; font-size: 14.5px; font-weight: 600; }
.ecire .ecire-note--warn { background: #FFF4E8; color: #8A4B12; }
.ecire .ecire-note--error { margin: 0 0 16px; background: #FDECEC; color: #8A2B12; }
.ecire .ecire-note.hidden { display: none; }
.ecire .ecire-mono { letter-spacing: .08em; }
.ecire .ecire-muted { font-weight: 500; color: #47686A; }
.ecire .ecire-sub { display: block; font-size: 12.5px; color: #7A9799; margin-top: 2px; }
.ecire .u33d90e0 + .u33d90e0 { margin-top: 12px; }
.ecire button.u8e29fb7 { width: 100%; border: 0; cursor: pointer; font-family: inherit; }
.ecire button.u8e29fb7[disabled] { background: #C5DBDA; cursor: not-allowed; }
.ecire .gv-field-error { color: #B42318; font-size: 12.5px; margin-top: 6px; display: none; }
.ecire .gv-field-error.active { display: block; }
.ecire .gv-input-error { border-color: #B42318 !important; }

/* Formlar (gönüllü, iletişim) */
.ecire .ecire-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ecire .ecire-form-response { text-align: center; font-size: 15px; font-weight: 700; }
.ecire .ecire-form-response.hidden { display: none; }
.ecire .uee0f7c4:focus, .ecire .ue07211e:focus, .ecire .uafee0d4:focus, .ecire .u40f71f8:focus, .ecire .u51a80d5:focus { outline: 2px solid rgba(19, 140, 171, .35); outline-offset: 1px; border-color: #138CAB; }
.ecire .ecire-map { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ecire .u9bc1828 a { color: inherit; }
.ecire .uf0f3a7e + .uf0f3a7e { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .25); }

/* Haber detayı */
.ecire .ecire-post { font-size: 17.5px; line-height: 1.85; }
.ecire .ecire-post > p:first-child { font-size: 20px; line-height: 1.7; font-weight: 600; color: #2A4E50; }
.ecire .ecire-post blockquote { margin: 0 0 30px; padding: 26px 30px; border-left: 5px solid #FF7A1A; border-radius: 0 22px 22px 0; background: #E6F6F4; font-size: 20px; line-height: 1.6; font-weight: 700; color: #0B6E8A; }
.ecire button.u60cded8 { cursor: pointer; font-family: inherit; color: inherit; }
.ecire a.u60cded8 { color: #0E2B2F; }
.ecire .ecire-post-nav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; margin-top: 26px; }
.ecire .ecire-post-nav a { flex: 1 1 240px; max-width: 48%; color: #0E2B2F; font-weight: 800; }
.ecire .ecire-post-nav a.is-next { margin-left: auto; text-align: right; }
.ecire .ecire-post-nav span { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 700; color: #47686A; }
.ecire .uc20ea4a a { color: inherit; }

/* S.S.S akordeonu */
.ecire .gv-faq-item { border: 1px solid #D8E8E7 !important; border-radius: 22px !important; background: #fff; }
.ecire .gv-faq-item > summary { padding: 22px 26px !important; font-size: 17px !important; color: #0E2B2F !important; }
.ecire .gv-faq-item > div { padding: 0 26px 22px !important; font-size: 16px !important; color: #47686A !important; line-height: 1.7; }
.ecire .gv-faq-item[open] { box-shadow: 0 12px 30px rgba(15, 124, 152, .08); }
.ecire .gv-faq-icon { color: #FF7A1A; }

/* Mobil düzeltmeler: tasarımın masaüstü düzeni tek başına duyarlı kullanıldığı için */
.ecire .u95f5f80 { width: auto; }
@media (max-width: 760px) {
    .ecire .u7f081d3 { flex: 1 1 100%; justify-content: center; }
    .ecire .u7868d8f, .ecire .ue937e07 { flex: 1 1 100%; min-width: 0; }
    .ecire .uf7ced37 { flex: 1 1 100%; margin-left: 0; }
    .ecire .u207ac4c { max-width: 100%; }
}
@media (max-width: 640px) {
    .ecire .uf56f203 { left: -6px; }
    .ecire .u69f516d { right: -6px; }
    .ecire .u3e3b3e7 { overflow: hidden; }
    .ecire .u242d0d0 { min-width: 0; }
}
html, body.ecire { overflow-x: hidden; }
.ecire .ub0b2637.ecire-no-cover { margin-top: 0; padding-top: 24px; }

/* Slider: masaüstü / mobil görsel (Slider Ayarları) */
.ecire .ecire-slide { background-image: var(--slide-img); background-position: 70% center; }
@media (max-width: 760px) { .ecire .ecire-slide { background-image: var(--slide-img-m); } }

/* Mobil: sepet ve menü düğmesi sağda (menü gizlenince tek öğe kalıyor) */
.ecire .hd-right { margin-left: auto; }
/* Hızlı bağış kalbi: masaüstünde turuncu, mobilde beyaz */
.ecire .ecire-quick-heart { display: flex; color: #FF7A1A; }
@media (max-width: 760px) { .ecire .ecire-quick-heart { color: #fff; } }
/* Sepet → Ödeme → Tamamlandı adımları mobilde tek satır */
@media (max-width: 640px) {
    .ecire .u12a4b2f { flex-wrap: nowrap; gap: 8px; }
    .ecire .u12a4b2f .u8e160d0 { flex: none; gap: 6px; white-space: nowrap; }
    .ecire .u12a4b2f .u8e160d0 > span:last-child { font-size: 13px; }
    .ecire .u12a4b2f .uf760359, .ecire .u12a4b2f .u3e5b9b6, .ecire .u12a4b2f .uca67be4 { width: 28px; height: 28px; font-size: 13px; }
    .ecire .u45f0637, .ecire .u5603358 { flex: 1 1 12px; min-width: 12px; }
}

/* Kart açıklaması: başlığın altında en fazla 2 satır (boş kartlarda da aynı yükseklik) */
.ecire .ecire-card-excerpt {
    margin: -4px 0 0; font-size: 13.5px; line-height: 1.45; color: #47686A;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    min-height: calc(2 * 1.45em);
}

/* Hover: tasarımdaki genel a:hover (turuncu yazı) turuncu/koyu zeminli bağlantılarda yazıyı kaybettiriyordu */
.ecire a.ua8d8ea2:hover, .ecire a.ua1f7967:hover, .ecire a.u5c7de26:hover, .ecire a.mmenu-cta:hover,
.ecire a.uef175a1:hover, .ecire a.u8e29fb7:hover, .ecire a.ubad7219:hover, .ecire a.u378e65f:hover,
.ecire a.uf9db591:hover, .ecire a.uefa7220:hover, .ecire a.u2b2ffde:hover, .ecire a.uef8803a:hover,
.ecire a.uf9900db:hover, .ecire a.u75ab751:hover, .ecire a.u025cb2c:hover {
    color: #fff; filter: brightness(.93);
}
.ecire button.ud067245:hover, .ecire button.ub5b61bb:hover, .ecire button.u1314905:hover,
.ecire button.uf7ced37:hover, .ecire button.uef175a1:hover, .ecire button.u8e29fb7:hover { filter: brightness(.93); }
/* Koyu / görselli zemin üstündeki bağlantılar beyaz kalır */
.ecire a.u5e4248d:hover, .ecire a.uf30e45b:hover, .ecire a.ubbb529f:hover, .ecire a.u84486a5:hover,
.ecire a.u2ec77b9:hover, .ecire a.ucb807c2:hover, .ecire a.ue1f7dcd:hover, .ecire a.u8990ee6:hover,
.ecire a.ua57c66a:hover, .ecire a.u683decd:hover, .ecire a.uc63dd77:hover, .ecire .u557034d a:hover {
    color: #fff;
}
.ecire a.u5e4248d:hover, .ecire a.uf30e45b:hover, .ecire a.ubbb529f:hover, .ecire a.u84486a5:hover, .ecire a.u2ec77b9:hover { background-color: rgba(255, 255, 255, .24); }
.ecire a.ue1f7dcd:hover .u5bf8690, .ecire a.u8990ee6:hover .u5bf8690, .ecire a.ua57c66a:hover .u5bf8690 { text-decoration: underline; }

/* Anasayfa özel tutarlı bağış formu (Tema İçerikleri > Özel tutarlı bağış bölümü) */
.ecire .ecire-amount-form button.ub13ea25, .ecire .ecire-amount-form button.ucb807c2 { width: 100%; font: inherit; color: inherit; cursor: pointer; transition: border-color .15s, background-color .15s; }
.ecire .ecire-amount-form button.ucb807c2 { color: #fff; }
.ecire .ecire-amount-form button.ub13ea25:hover { border-color: #138CAB; }
.ecire .ecire-amount-label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700; }
.ecire .ecire-amount-field { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; padding: 0 18px; border: 1.5px solid #C5DBDA; border-radius: 16px; background: #fff; transition: border-color .15s; }
.ecire .ecire-amount-field:focus-within { border-color: #138CAB; }
.ecire .ecire-amount-field input { flex: 1; min-width: 0; height: 58px; border: 0; outline: none; background: transparent; font: inherit; font-size: 22px; font-weight: 800; color: inherit; }
.ecire .ecire-amount-field span { font-weight: 700; color: #47686A; }
.ecire .ecire-amount-form button.u5c7de26 { border: 0; cursor: pointer; }
.ecire .ecire-amount-form button.u5c7de26:hover { filter: brightness(.93); }
.ecire .ecire-amount-form button.u5c7de26:disabled { opacity: .7; cursor: default; }
