/*
 * Site içi arama sonuç sayfası (theme/template/temp.arama.php, /tr/arama?q=…). Taslak: dev/arama-taslak/d-sonuc.html.
 * Her kural .ara-s altında: katman stilleri (arama.css, .ara) ile çakışmaz; bu dosya tek başına yeterlidir.
 * Renkler main.css :root değişkenlerinden (--color-primary #bd1520, --color-dark #5c5d61). Kırılımlar 1199/991/767.
 */
.ara-s { --as-metin: #151517; --as-ikincil: var(--color-dark, #5c5d61); --as-cizgi: #e6e6e8; --as-kmp: #fbf1f2; color: var(--as-metin); font-family: Montserrat, sans-serif; }
.ara-s *, .ara-s *::before, .ara-s *::after { box-sizing: border-box; }
.ara-s [hidden] { display: none !important; }
/* Yalnız sonuç gövdesi: banner'daki yol bağlantıları (.text-light) koyu zeminde açık renk kalır */
:where(.ara-s > .container) a { color: inherit; } /* :where → özgüllük 0,0,1: sınıflı bağlantı kuralları (seçili sıralama, sekmeler, not) her zaman kazanır */
.ara-s a:focus-visible, .ara-s button:focus-visible, .ara-s input:focus-visible + i, .ara-s .ara-s-cip input:focus-visible + span { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.ara-s svg { width: 16px; height: 16px; flex: 0 0 auto; }
.ara-s-vurgu { color: #000; font-weight: 700; }
.ara-s-link { display: inline-flex; align-items: center; gap: 6px; font: 600 13.5px/1.2 Montserrat, sans-serif; white-space: nowrap; }
.ara-s-link:hover { color: var(--color-primary); }
.ara-s-etiket { margin: 0 0 12px; color: var(--as-ikincil); font: 700 11.5px/1.2 Montserrat, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.ara-s-etiket--ust { margin-top: 34px; }
html.ara-s-kilit { overflow: hidden; }
.ara-s-yer, .ara-s .is-gorselsiz { display: block; width: 100%; height: 100%; background: #f1f1f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a2a6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='1.5'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='m20.5 16-4.8-4.8L7 19.5'/%3E%3C/svg%3E") center / 36% no-repeat; border-radius: 4px; }

/* Banner arama formu */
.ara-s-form { display: flex; align-items: center; width: 100%; max-width: 680px; height: 56px; margin-top: 18px; padding-right: 7px; border-radius: 6px; background: #fff; }
.ara-s-form:focus-within { box-shadow: 0 0 0 3px rgba(255, 255, 255, .35); }
.ara-s-form__gonder { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 54px; height: 100%; padding: 0; border: 0; background: none; color: var(--as-metin); cursor: pointer; }
.ara-s-form__gonder svg { width: 22px; height: 22px; }
.ara-s-form__kutu { flex: 1 1 auto; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: transparent; color: var(--as-metin); font: 500 18px/1.2 Montserrat, sans-serif; -webkit-appearance: none; appearance: none; }
.ara-s-form__kutu::placeholder { color: #6b6c70; font-weight: 400; opacity: 1; }
.ara-s-form__kutu::-webkit-search-cancel-button { display: none; }
.ara-s-form__btn { height: 42px; padding: 0 22px; border: 0; border-radius: 4px; background: var(--color-primary); color: #fff; font: 700 14px/1 Montserrat, sans-serif; cursor: pointer; }
.ara-s-form__btn:hover { background: #a3111b; }

/* Başlık, düzeltme bandı */
.ara-s-baslik { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; margin: 6px 0 0; }
.ara-s-baslik h1 { margin: 0; color: #000; font: 700 28px/1.2 Montserrat, sans-serif; overflow-wrap: anywhere; }
.ara-s-baslik p { margin: 0; color: var(--as-ikincil); font: 500 15px/1.3 Montserrat, sans-serif; }
.ara-s-duzeltme { margin: 16px 0 0; padding: 12px 16px; border-radius: 6px; background: #f6f6f7; color: var(--as-ikincil); font: 500 14px/1.45 Montserrat, sans-serif; overflow-wrap: anywhere; }
.ara-s-duzeltme strong { color: #000; font-weight: 700; }
.ara-s-duzeltme a { margin-left: 8px; color: var(--as-metin); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.ara-s-dusen { margin-left: 6px; color: #000; font-weight: 600; }
.ara-s-grupnotu { margin: 10px 0 0; color: var(--as-ikincil); font: 500 14px/1.4 Montserrat, sans-serif; }

/* İlgili kategoriler */
.ara-s-kat { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 16px; margin-top: 22px; }
.ara-s-kat--tek { grid-template-columns: minmax(0, 1fr); }
.ara-s-katana { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 128px; padding: 18px 150px 18px 20px; overflow: hidden; border-radius: 6px; background: var(--zemin, #ececec); color: #000; }
.ara-s-katana img { position: absolute; right: 8px; top: 6px; width: 130px; height: 190px; object-fit: contain; object-position: center top; }
.ara-s-katana--kok img { object-fit: cover; object-position: center 15%; }
.ara-s-katana > small { color: rgba(0, 0, 0, .7); font: 700 11px/1.2 Montserrat, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.ara-s-katana > b { margin-top: 4px; font: 700 21px/1.2 Montserrat, sans-serif; }
.ara-s-katana > span { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font: 600 13.5px/1.2 Montserrat, sans-serif; }
.ara-s-katana:hover > span { color: var(--color-primary); }
.ara-s-katlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-content: start; }
.ara-s-katcip { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; column-gap: 12px; align-items: center; height: 59px; padding: 0 14px 0 8px; border: 1px solid var(--as-cizgi); border-radius: 6px; background: #fff; transition: border-color .15s; }
.ara-s-katcip:hover { border-color: var(--as-metin); }
.ara-s-katcip__gorsel { width: 44px; height: 44px; border-radius: 4px; background: #f6f6f7; overflow: hidden; }
.ara-s-katcip__gorsel img { display: block; width: 100%; height: 100%; object-fit: contain; background: #fff; }
.ara-s-katcip > b { overflow: hidden; font: 600 14px/1.25 Montserrat, sans-serif; white-space: nowrap; text-overflow: ellipsis; }
.ara-s-katcip > span { color: var(--as-ikincil); font: 600 12.5px/1 Montserrat, sans-serif; font-variant-numeric: tabular-nums; }
.ara-s-katcip b .ara-s-vurgu, .ara-s-katana b .ara-s-vurgu { font-weight: 800; }

/* Sekmeler */
.ara-s-sekmeler { display: flex; gap: 28px; margin-top: 30px; border-bottom: 1px solid var(--as-cizgi); }
.ara-s-sekme { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 2px; color: var(--as-ikincil); font: 600 15px/1 Montserrat, sans-serif; }
.ara-s-sekme span { display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border-radius: 999px; background: #ececec; color: var(--as-metin); font-size: 12px; font-weight: 700; }
.ara-s-sekme[aria-selected="true"] { color: #000; }
.ara-s-sekme[aria-selected="true"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--color-primary); }
.ara-s-sekme:hover { color: #000; }

/* Gövde: fasetler + sonuçlar. Mobilde diyalog rolü sarmalayan div'de; form yerleşimde görünmez (içeriği doğrudan kutunun çocuğu) */
.ara-s-fasetler__form { display: contents; }
.ara-s-govde { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: 36px; margin-top: 26px; }
.ara-s-govde--tek { grid-template-columns: minmax(0, 1fr); }
.ara-s-govde--tek .ara-s-sirala { display: flex !important; }
.ara-s-fasetler__ust, .ara-s-goster, .ara-s-faset--sirala, .ara-s-mobilbar { display: none; }
.ara-s-faset { min-width: 0; margin: 0 0 22px; padding: 0 0 20px; border: 0; border-bottom: 1px solid #ececee; }
.ara-s-faset legend { margin-bottom: 12px; padding: 0; color: #000; font: 700 14px/1.2 Montserrat, sans-serif; }
.ara-s-onay { display: flex; align-items: center; gap: 10px; padding: 6px 0; font: 500 14px/1.3 Montserrat, sans-serif; cursor: pointer; }
.ara-s-onay input { flex: 0 0 18px; width: 18px; height: 18px; margin: 0; accent-color: var(--color-primary); }
.ara-s-onay span { flex: 1 1 auto; }
.ara-s-onay small { color: var(--as-ikincil); font: 600 12.5px/1 Montserrat, sans-serif; font-variant-numeric: tabular-nums; }
.ara-s-onay--ana span { font-weight: 700; }
.ara-s-alt { padding-left: 28px; }
.ara-s-anahtar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 0; font: 500 14px/1.3 Montserrat, sans-serif; cursor: pointer; }
.ara-s-anahtar small { color: var(--as-ikincil); font-weight: 600; white-space: nowrap; }
.ara-s-anahtar i { position: relative; flex: 0 0 38px; width: 38px; height: 22px; border-radius: 999px; background: #d5d5d9; transition: background .15s; }
.ara-s-anahtar i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: transform .15s; }
.ara-s-anahtar input:checked + i { background: var(--color-primary); }
.ara-s-anahtar input:checked + i::after { transform: translateX(16px); }
.ara-s-not { margin: 10px 0 0; color: var(--as-ikincil); font: 500 12.5px/1.5 Montserrat, sans-serif; }
.ara-s-not a { color: var(--as-metin); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.ara-s-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.ara-s-cip { cursor: pointer; }
.ara-s-cip span { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 6px 12px; border: 1px solid #dcdce0; border-radius: 999px; background: #fff; font: 500 13px/1.2 Montserrat, sans-serif; }
.ara-s-cip small { color: var(--as-ikincil); font-weight: 600; }
.ara-s-cip:hover span { border-color: var(--as-metin); }
.ara-s-cip input:checked + span { border-color: var(--color-dark); background: var(--color-dark); color: #fff; }
.ara-s-cip input:checked + span small { color: #fff; }
.ara-s-fasetler__alt { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.ara-s-uygula, .ara-s-goster { height: 40px; padding: 0 18px; border: 1px solid var(--as-metin); border-radius: 6px; background: #fff; color: var(--as-metin); font: 600 14px/1 Montserrat, sans-serif; cursor: pointer; }
.ara-s-temizle { color: var(--as-ikincil); font: 600 13px/1.2 Montserrat, sans-serif; text-decoration: underline; text-underline-offset: 2px; }
.ara-s-js .ara-s-uygula { display: none; }

.ara-s-arac { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.ara-s-arac__sayi { margin: 0; font: 600 14.5px/1.2 Montserrat, sans-serif; }
.ara-s-liste--niyet { margin-top: 26px; }
.ara-s-liste--niyet .ara-s-arac__sayi { font-size: 17px; font-weight: 700; }
.ara-s-sirala { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ara-s-sirala > span { margin-right: 4px; color: var(--as-ikincil); font: 600 13px/1 Montserrat, sans-serif; }
.ara-s-radyo { display: inline-flex; align-items: center; height: 34px; padding: 0 13px; border: 1px solid #dcdce0; border-radius: 6px; background: #fff; font: 500 13.5px/1 Montserrat, sans-serif; }
.ara-s-radyo:hover { border-color: var(--as-metin); }
.ara-s-radyo.is-secili { border-color: var(--color-dark); background: var(--color-dark); color: #fff; font-weight: 600; }

/* Kampanya şeridi */
.ara-s-kmp { display: flex; align-items: center; gap: 14px; margin-top: 16px; padding: 10px 14px; border-radius: 6px; background: var(--as-kmp); font: 500 14px/1.35 Montserrat, sans-serif; }
.ara-s-kmp__ikon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; background: var(--color-primary); color: #fff; font: 700 12px/1 Montserrat, sans-serif; }
.ara-s-kmp__resimler { display: flex; }
.ara-s-kmp__resimler img { width: 34px; height: 34px; border: 2px solid var(--as-kmp); border-radius: 50%; background: #fff; object-fit: contain; }
.ara-s-kmp__resimler img + img { margin-left: -8px; }
.ara-s-kmp__metin { margin: 0; }
.ara-s-kmp .ara-s-link { margin-left: auto; }

/* Izgara ve kart (site ürün kartı dili) */
.ara-s-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 18px; }
.ara-s-kart { position: relative; display: flex; flex-direction: column; align-items: center; padding: 10px 10px 16px; border: 1px solid transparent; border-radius: 6px; background: #fff; text-align: center; transition: border-color .15s, box-shadow .15s; }
.ara-s-kart:hover, .ara-s-kart:focus-within { border-color: var(--as-cizgi); box-shadow: 0 12px 28px rgba(0, 0, 0, .08); }
.ara-s-kart__gorsel { position: relative; display: block; width: 100%; aspect-ratio: 1 / 1; }
.ara-s-kart__gorsel img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ara-s-kart__gorsel .fyt-rozet { z-index: 1; }
.ara-s-kart__ad { margin: 10px 0 0; font: 600 18px/1.25 Montserrat, sans-serif; overflow-wrap: anywhere; }
.ara-s-kart__ad a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 6px; }
.ara-s-kart__ad a:focus-visible { outline: 0; }
.ara-s-kart__ad a:focus-visible::after { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.ara-s-kart:hover .ara-s-kart__ad { color: var(--color-primary); }
.ara-s-kart__yol { margin-top: 4px; color: var(--as-ikincil); font: 500 13px/1.3 Montserrat, sans-serif; }
.ara-s-kart__yol .ara-s-vurgu { color: var(--as-metin); }
.ara-s-kart .fl-fiyat { margin-top: 10px; }
.ara-s-kart__ekle { position: absolute; top: 10px; right: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 10px; border: 1px solid #dcdce0; border-radius: 6px; background: rgba(255, 255, 255, .95); color: var(--as-metin); font: 600 12.5px/1 Montserrat, sans-serif; cursor: pointer; opacity: 0; transition: opacity .15s, border-color .15s; }
.ara-s-kart:hover .ara-s-kart__ekle, .ara-s-kart:focus-within .ara-s-kart__ekle, .ara-s-kart__ekle.is-listede { opacity: 1; }
.ara-s-kart__ekle:hover { border-color: var(--as-metin); }
.ara-s-kart__ekle.is-listede { border-color: #1f7a45; color: #1f7a45; }
.ara-s-ikon { display: inline-flex; }
.ara-s-ikon--tamam, .is-listede .ara-s-ikon--ekle { display: none; }
.is-listede .ara-s-ikon--tamam { display: inline-flex; }

.ara-s-daha { display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 34px 0 10px; }
.ara-s-daha p { margin: 0; color: var(--as-ikincil); font: 500 13.5px/1.2 Montserrat, sans-serif; }
.ara-s-ilerleme { width: 220px; height: 3px; overflow: hidden; border-radius: 3px; background: var(--as-cizgi); }
.ara-s-ilerleme i { display: block; height: 100%; background: var(--color-dark); }
.ara-s-daha__btn { display: inline-flex; align-items: center; height: 48px; padding: 0 28px; border: 1px solid var(--as-metin); border-radius: 6px; background: #fff; font: 600 15px/1 Montserrat, sans-serif; }
.ara-s-daha__btn:hover { border-color: var(--color-primary); color: var(--color-primary); }
.ara-s-daha__btn[aria-disabled="true"] { opacity: .6; pointer-events: none; }
.ara-s-kdv { margin: 18px 0 20px; color: var(--as-ikincil); font: 500 13px/1.5 Montserrat, sans-serif; text-align: center; }
.ara-s-filtresiz { margin-top: 24px; padding: 28px; border: 1px dashed #d5d5d9; border-radius: 6px; text-align: center; }
.ara-s-filtresiz p { margin: 0 0 10px; color: var(--as-ikincil); font: 500 14.5px/1.4 Montserrat, sans-serif; }
.ara-s-sonuc.is-yukleniyor .ara-s-liste { opacity: .55; transition: opacity .15s .1s; }

/* İçerik sekmesi */
.ara-s-icerik { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 28px; margin: 26px 0 0; padding: 0; list-style: none; }
.ara-s-icerik__oge { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 18px; align-items: start; }
.ara-s-icerik__gorsel { display: block; height: 120px; overflow: hidden; border-radius: 6px; background: #f1f1f2; }
.ara-s-icerik__gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ara-s-icerik__ikon { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--as-ikincil); }
.ara-s-icerik__ikon svg { width: 34px; height: 34px; }
.ara-s-icerik__metin { display: flex; flex-direction: column; gap: 6px; }
.ara-s-icerik__tur { align-self: flex-start; padding: 3px 8px; border-radius: 4px; background: #f1f1f2; color: var(--as-ikincil); font: 700 11.5px/1.2 Montserrat, sans-serif; }
.ara-s-icerik__ad { font: 700 17px/1.3 Montserrat, sans-serif; }
.ara-s-icerik__ad:hover { color: var(--color-primary); }
.ara-s-icerik__ozet { color: var(--as-ikincil); font: 500 13.5px/1.5 Montserrat, sans-serif; }

/* Sorgusuz durum ve boş sonuç */
.ara-s-oneriler { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 22px; }
.ara-s-oneriler__baslik { margin: 0; color: var(--as-ikincil); font: 600 13px/1.2 Montserrat, sans-serif; }
.ara-s-oneriler ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ara-s-oneri { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border: 1px solid #dcdce0; border-radius: 999px; background: #fff; font: 500 13.5px/1 Montserrat, sans-serif; white-space: nowrap; }
.ara-s-oneri svg { width: 15px; height: 15px; color: var(--as-ikincil); }
.ara-s-oneri:hover { border-color: var(--as-metin); }
.ara-s-karolar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0 0 20px; padding: 0; list-style: none; }
.ara-s-karo { position: relative; display: flex; align-items: flex-end; min-height: 150px; padding: 18px 20px; overflow: hidden; border-radius: 6px; background: var(--zemin, #ececec); }
.ara-s-karo .ara-s-kok__gorsel { position: absolute; top: 0; right: 0; bottom: 0; width: 46%; }
.ara-s-karo .ara-s-kok__gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.ara-s-karo .ara-s-kok__metin { position: relative; max-width: 56%; }
.ara-s-karo .ara-s-kok__ad { display: block; font: 700 19px/1.2 Montserrat, sans-serif; }
.ara-s-karo:hover .ara-s-kok__ad { color: var(--color-primary); }
.ara-s-kok__kmp { position: absolute; top: 3px; right: 3px; display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border: 1.5px solid #fff; border-radius: 50%; background: var(--color-primary); color: #fff; font: 700 9px/1 Montserrat, sans-serif; }
.ara-s-karo .ara-s-kok__kmp { top: 10px; right: 10px; width: 24px; height: 24px; font-size: 12px; }
.ara-s-kok__n { display: block; margin-top: 4px; color: var(--as-ikincil); font: 500 12.5px/1.2 Montserrat, sans-serif; }
.ara-s-kokler { margin: 0; padding: 0; list-style: none; }
.ara-s-kok { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 12px; align-items: center; padding: 7px 8px; border-radius: 6px; }
.ara-s-kok:hover { background: #f3f3f4; }
.ara-s-kok .ara-s-kok__gorsel { position: relative; display: block; width: 48px; height: 48px; overflow: hidden; border-radius: 6px; background: var(--zemin, #ececec); }
.ara-s-kok .ara-s-kok__gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.ara-s-kok .ara-s-kok__ad { display: block; font: 600 14.5px/1.25 Montserrat, sans-serif; }
.ara-s-bos { display: grid; grid-template-columns: 248px minmax(0, 1fr) 332px; gap: 40px; margin-top: 8px; }
.ara-s-bos__sol { padding-right: 20px; border-right: 1px solid var(--as-cizgi); }
.ara-s-bos__tum { margin: 14px 8px 0; }
.ara-s-bos__baslik { margin: 0; color: #000; font: 700 26px/1.25 Montserrat, sans-serif; overflow-wrap: anywhere; }
.ara-s-bos__metin { max-width: 600px; margin: 8px 0 0; color: var(--as-ikincil); font: 500 14.5px/1.5 Montserrat, sans-serif; }
.ara-s-teklif { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 18px; margin-top: 26px; padding: 20px 22px; border: 1px solid var(--as-cizgi); border-radius: 6px; background: #fafafa; }
.ara-s-teklif__ikon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border: 1px solid var(--as-cizgi); border-radius: 50%; background: #fff; color: var(--color-primary); }
.ara-s-teklif__ikon svg { width: 26px; height: 26px; }
.ara-s-teklif h2 { margin: 0; color: #000; font: 700 17px/1.3 Montserrat, sans-serif; }
.ara-s-teklif p { margin: 6px 0 0; color: var(--as-ikincil); font: 500 14px/1.5 Montserrat, sans-serif; }
.ara-s-teklif .ara-s-teklif__not { display: inline-block; margin-top: 10px; padding: 6px 10px; border: 1px dashed #d5d5d9; border-radius: 4px; background: #fff; color: var(--as-metin); font-size: 13px; overflow-wrap: anywhere; }
.ara-s-eylemler { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 14px; }
.ara-s-btn { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border: 1px solid var(--as-metin); border-radius: 6px; background: #fff; font: 600 14px/1 Montserrat, sans-serif; }
.ara-s-btn--birincil { border-color: var(--color-primary); background: var(--color-primary); color: #fff !important; }
.ara-s-btn--birincil:hover { background: #a3111b; }
.ara-s-tel { display: inline-flex; align-items: center; gap: 8px; font: 600 14px/1 Montserrat, sans-serif; }
.ara-s-tel svg { color: var(--as-ikincil); }
.ara-s-kmpkutu { padding: 16px 16px 14px; border-radius: 6px; background: var(--as-kmp); }
.ara-s-kmpkutu__ust { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.ara-s-kmpkutu__ust h2 { flex: 1 1 auto; margin: 0; color: #000; font: 700 15px/1.25 Montserrat, sans-serif; }
.ara-s-kmpkutu__ust > span:last-child { color: var(--as-ikincil); font: 600 12.5px/1 Montserrat, sans-serif; }
.ara-s-kmpkutu ul { margin: 0 0 8px; padding: 0; list-style: none; }
.ara-s-kmpkutu li + li { border-top: 1px solid rgba(189, 21, 32, .12); }
.ara-s-kmpkutu .ara-s-link { margin: 4px 8px 0; }
.ara-s-satir { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 14px; align-items: center; padding: 10px 8px; border-radius: 6px; }
.ara-s-satir:hover { background: rgba(255, 255, 255, .7); }
.ara-s-satir__gorsel { display: block; width: 64px; height: 64px; overflow: hidden; border: 1px solid #eeeeef; border-radius: 6px; background: #fff; }
.ara-s-satir__gorsel img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ara-s-satir__ad { display: block; font: 500 15px/1.25 Montserrat, sans-serif; }
.ara-s-satir__yol { display: block; margin-top: 3px; color: var(--as-ikincil); font: 500 12.5px/1.3 Montserrat, sans-serif; }
.ara-s-fiyat { display: flex; flex-wrap: wrap; align-items: center; column-gap: 6px; row-gap: 4px; margin-top: 5px; text-align: left; }
.ara-s-fiyat .fyt-kart { display: contents; }
.ara-s-fiyat .fyt-kart__satir { order: 1; flex-basis: 100%; justify-content: flex-start; }
.ara-s-fiyat .fyt-eski { font-size: 12.5px; }
.ara-s-fiyat .fyt-guncel { font-size: 15px; }
.ara-s-fiyat .fyt-etiket { order: 3; padding: 2px 7px; font-size: 11.5px; }
.ara-s-fiyat .fyt-kart__tarih { order: 4; }
.ara-s-oran { order: 2; display: inline-flex; align-items: center; height: 20px; padding: 0 6px; border-radius: 4px; background: var(--color-primary); color: #fff; font: 700 11.5px/1 Montserrat, sans-serif; }
.ara-s-fiyat__takim { order: 5; color: var(--as-ikincil); font: 500 12px/1.2 Montserrat, sans-serif; }

@media (max-width: 1199px) {
    .ara-s-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ara-s-kat { grid-template-columns: minmax(0, 1fr); }
    .ara-s-bos { grid-template-columns: 220px minmax(0, 1fr); }
    .ara-s-bos__sag { grid-column: 1 / -1; }
}

@media (max-width: 991px) {
    .ara-s-govde { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .ara-s-js .ara-s-mobilbar { position: sticky; top: 0; z-index: 5; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; padding: 10px 0; background: #fff; }
    .ara-s-mobilbar button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; border: 1px solid #cfcfd3; border-radius: 6px; background: #fff; color: var(--as-metin); font: 600 14px/1 Montserrat, sans-serif; cursor: pointer; }
    .ara-s-mobilbar svg { width: 18px; height: 18px; }
    .ara-s-js .ara-s-sirala { display: none; }
    .ara-s-js .ara-s-fasetler { position: fixed; inset: 0; z-index: 1035; margin: 0; display: flex; flex-direction: column; background: #fff; visibility: hidden; transform: translateY(100%); transition: transform .22s ease, visibility 0s .22s; }
    .ara-s-js .ara-s-fasetler.is-acik { visibility: visible; transform: none; transition: transform .22s ease; }
    .ara-s-js .ara-s-fasetler__ust { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--as-cizgi); }
    .ara-s-fasetler__baslik { margin: 0; font: 700 17px/1.2 Montserrat, sans-serif; }
    .ara-s-fasetler__kapat { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-right: -10px; padding: 0; border: 0; background: none; color: var(--as-metin); cursor: pointer; }
    .ara-s-fasetler__kapat svg { width: 22px; height: 22px; }
    .ara-s-js .ara-s-fasetler__govde { flex: 1 1 auto; overflow-y: auto; padding: 18px 16px 8px; overscroll-behavior: contain; }
    .ara-s-js .ara-s-faset--sirala { display: block; }
    .ara-s-js .ara-s-fasetler__alt { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--as-cizgi); }
    .ara-s-js .ara-s-goster { display: block; flex: 1 1 auto; height: 50px; border-color: var(--as-metin); background: var(--as-metin); color: #fff; }
    .ara-s-fasetler { margin-bottom: 18px; }
    .ara-s-bos { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .ara-s-bos__sol { order: 2; padding-right: 0; border-right: 0; }
    .ara-s-bos__sag { order: 3; }
    .ara-s-karolar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ara-s-icerik { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 767px) {
    #search_page #page_banner .banner_ribbon { display: none; }
    .ara-s-form { height: 50px; margin-top: 14px; padding-right: 0; }
    .ara-s-form__gonder { flex-basis: 46px; }
    .ara-s-form__kutu { font-size: 16px; }
    .ara-s-form__btn { display: none; }
    .ara-s-baslik h1 { font-size: 22px; }
    .ara-s-baslik { flex-direction: column; gap: 4px; }
    .ara-s-kat { display: flex; gap: 10px; margin: 18px -12px 0; padding: 0 12px 4px; overflow-x: auto; scrollbar-width: none; }
    .ara-s-kat::-webkit-scrollbar { display: none; }
    .ara-s-katana { flex: 0 0 250px; min-height: 108px; padding-right: 108px; }
    .ara-s-katana img { width: 100px; height: 150px; }
    .ara-s-katana > b { font-size: 17px; }
    .ara-s-katlar { display: contents; }
    .ara-s-katcip { flex: 0 0 auto; grid-template-columns: 1fr; grid-template-rows: 48px auto auto; justify-items: center; align-content: center; row-gap: 4px; height: 108px; padding: 8px 12px; text-align: center; }
    .ara-s-katcip > b { max-width: 112px; font-size: 12.5px; line-height: 1.2; white-space: normal; }
    .ara-s-sekmeler { margin-top: 20px; }
    .ara-s-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .ara-s-kart { padding: 6px 6px 12px; border-color: #efeff1; }
    .ara-s-kart__ad { font-size: 15px; }
    .ara-s-kart__yol { font-size: 12px; }
    .ara-s-kart .fyt-guncel { font-size: 15px; }
    .ara-s-kart__ekle { top: 6px; right: 6px; width: 36px; height: 36px; padding: 0; justify-content: center; }
    .ara-s-kart__ekle [data-rol="metin"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .ara-s-kmp { flex-wrap: wrap; font-size: 13.5px; }
    .ara-s-kmp .ara-s-link { margin-left: 0; }
    .ara-s-kmp__resimler { display: none; }
    .ara-s-karolar { gap: 10px; }
    .ara-s-karo { align-items: flex-start; min-height: 124px; padding: 12px; }
    .ara-s-karo .ara-s-kok__gorsel { width: 100%; }
    .ara-s-karo .ara-s-kok__gorsel img { position: absolute; right: 0; bottom: 0; width: 62%; height: 64%; object-position: left top; }
    .ara-s-karo .ara-s-kok__metin { max-width: 100%; padding-right: 20px; }
    .ara-s-karo .ara-s-kok__ad { font-size: 14.5px; }
    .ara-s-karo .ara-s-kok__kmp { top: 8px; right: 8px; width: 20px; height: 20px; font-size: 10px; }
    .ara-s-bos__baslik { font-size: 21px; }
    .ara-s-teklif { grid-template-columns: minmax(0, 1fr); row-gap: 12px; padding: 18px 16px; }
    .ara-s-icerik__oge { grid-template-columns: 112px minmax(0, 1fr); gap: 12px; }
    .ara-s-icerik__gorsel { height: 84px; }
    .ara-s-icerik__ad { font-size: 15px; }
}

@media (pointer: coarse) {
    .ara-s-kart__ekle { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .ara-s *, .ara-s *::before, .ara-s *::after { transition: none !important; }
}