/* Arama sayfasına özel yerleşim ve kartlar. */
.search-page { --search-border: var(--ov-08); --search-muted: #a2adbd; padding-top: 28px; padding-bottom: 64px; }
.search-page .material-symbols-outlined { flex-shrink: 0; }
.search-page a { text-decoration: none; }
.search-page a:focus-visible, .search-page button:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 4px; }
.search-page__hero { padding: 28px; border: 1px solid var(--search-border); border-radius: 18px; background: linear-gradient(160deg,var(--ov-06),var(--ov-02)); }
.search-page__heading { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 22px; }
.search-page__heading > div:first-child { min-width: 0; }
.search-page__eyebrow { display: flex; align-items: center; gap: 7px; margin: 0 0 10px; color: var(--c-primary); font-size: 12px; font-weight: 650; }
.search-page__eyebrow .material-symbols-outlined { font-size: 19px; }
.search-page__heading h1 { margin: 0; color: var(--c-text); font-size: clamp(22px,2.1vw,30px); font-weight: 700; line-height: 1.3; letter-spacing: -.035em; overflow-wrap: anywhere; }
.search-page__heading #searchHint { margin: 8px 0 0; color: var(--search-muted); font-size: 13px; line-height: 1.6; }
.search-page__total { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; flex-shrink: 0; padding-left: 28px; border-left: 1px solid var(--search-border); }
.search-page__total strong { color: var(--c-primary); font-size: 32px; line-height: 1.2; font-weight: 750; }
.search-page__total span { color: var(--search-muted); font-size: 12px; }
.search-page__form { display: flex; gap: 10px; }
.search-page__input-wrap { position: relative; flex: 1; min-width: 0; }
.search-page__input-wrap > .material-symbols-outlined { position: absolute; top: 50%; left: 16px; transform: translateY(-50%); color: var(--c-primary); font-size: 21px; pointer-events: none; }
.search-page__input-wrap input { width: 100%; height: 52px; padding: 0 50px 0 48px; border: 1px solid var(--ov-12); border-radius: 11px; outline: none; background: rgba(8,12,19,.4); color: var(--c-text); font-size: 15px; transition: border-color .18s,box-shadow .18s; }
.search-page__input-wrap input::-webkit-search-cancel-button { -webkit-appearance: none; }
.search-page__input-wrap input::placeholder { color: #8390a3; }
.search-page__input-wrap input:focus { border-color: var(--c-primary); box-shadow: 0 0 0 3px rgba(87,176,255,.12); }
.search-page__clear { position: absolute; right: 7px; top: 6px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 7px; color: var(--search-muted); }
.search-page__clear:hover { color: var(--c-text); background: var(--ov-06); }
.search-page__clear .material-symbols-outlined { font-size: 19px; }
.search-page .search-page__submit { min-width: 108px; height: 52px; padding: 0 22px; border-radius: 11px; font-size: 14px; }
.search-page .search-types { display: flex; align-items: center; gap: 6px; overflow-x: auto; margin: 22px 0 0; padding: 5px; border: 1px solid var(--search-border); border-radius: 12px; background: var(--ov-02); scrollbar-width: thin; scrollbar-color: #354257 transparent; }
.search-page .search-type { display: inline-flex; align-items: center; justify-content: center; gap: 9px; flex: 1 0 auto; min-height: 43px; padding: 9px 15px; border: 1px solid transparent; border-radius: 8px; color: var(--search-muted); font-size: 13px; font-weight: 600; white-space: nowrap; transition: background .18s,color .18s; }
.search-page .search-type > .material-symbols-outlined { font-size: 19px; }
.search-page .search-type:hover { background: var(--ov-04); color: var(--c-text); }
.search-page .search-type.is-active { color: var(--c-primary); border-color: rgba(87,176,255,.22); background: rgba(87,176,255,.1); }
.search-page .search-type__count { min-width: 22px; padding: 2px 6px; border-radius: 5px; background: var(--ov-06); color: #b4bdcb; text-align: center; font-size: 11px; font-variant-numeric: tabular-nums; }
.search-page .is-active .search-type__count { color: #cee7ff; background: rgba(87,176,255,.16); }
.search-page .search-toolbar { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 16px; padding: 18px 0 20px; border-bottom: 1px solid var(--search-border); }
.search-page .search-toolbar label, .search-page .search-toolbar legend { display: flex; align-items: center; gap: 5px; float: none; width: auto; margin: 0 0 7px; color: var(--search-muted); font-size: 11px; font-weight: 600; }
.search-page .search-toolbar label .material-symbols-outlined { font-size: 15px; }
.search-page .search-toolbar__sort { flex: 0 1 230px; }
.search-page .search-toolbar input, .search-page .search-toolbar select { width: 100%; min-width: 0; height: 40px; padding: 0 11px; border: 1px solid var(--ov-12); border-radius: 8px; outline: none; background: #171c25; color: #e6edf7; font-size: 12px; color-scheme: dark; }
.search-page .search-toolbar input::placeholder { color: #8390a3; }
.search-page .search-toolbar input:focus, .search-page .search-toolbar select:focus { border-color: var(--c-primary); box-shadow: 0 0 0 2px rgba(87,176,255,.1); }
.search-page .search-toolbar__prices { flex: 0 1 248px; min-width: 0; margin: 0; padding: 0; border: 0; }
.search-page .search-toolbar__prices > div { display: flex; align-items: center; gap: 7px; }
.search-page .search-toolbar__prices > div > span { color: #6e7d92; }
.search-page .search-toolbar__actions { display: flex; align-items: center; gap: 15px; }
.search-page .search-toolbar__actions .btn-o { height: 40px; min-width: 82px; border-radius: 8px; }
.search-page .search-toolbar__reset { color: var(--search-muted); font-size: 12px; padding: 10px 0; }
.search-page .search-toolbar__reset:hover { color: var(--c-text); }
.search-page .search-toolbar__hint { flex: 1 1 200px; max-width: 265px; margin: 0 0 3px auto; color: #8996a9; font-size: 11px; line-height: 1.6; }
.search-page__results { padding-top: 26px; }
.search-page .search-group + .search-group { margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--search-border); }
.search-page .search-group__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.search-page .search-group h2 { display: flex; align-items: center; gap: 9px; margin: 0; color: #edf3fb; font-size: 17px; font-weight: 700; }
.search-page .search-group h2 > .material-symbols-outlined { font-size: 20px; color: var(--c-primary); }
.search-page .search-group__count { padding: 3px 8px; border-radius: 6px; background: var(--ov-06); color: #a7b4c6; font-size: 11px; font-weight: 600; }
.search-page .search-group__more { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; color: var(--c-primary); font-size: 12px; font-weight: 600; white-space: nowrap; }
.search-page .search-group__more .material-symbols-outlined { font-size: 17px; }
.search-page .search-games, .search-page .search-categories, .search-page .search-products { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.search-page .search-game, .search-page .search-category, .search-page .search-result { min-width: 0; border: 1px solid var(--search-border); border-radius: 12px; background: linear-gradient(160deg,var(--ov-05),var(--ov-02)); color: #eef3fb; transition: background .18s,border-color .18s,transform .18s; }
.search-page .search-game, .search-page .search-category { display: flex; align-items: center; gap: 13px; padding: 12px; }
.search-page .search-game__image, .search-page .search-category__image, .search-page .search-result__image { flex-shrink: 0; display: grid; place-items: center; overflow: hidden; border-radius: 8px; background: var(--ov-04); color: #7898bf; }
.search-page .search-game__image { width: 60px; height: 72px; }
.search-page .search-category__image { width: 46px; height: 46px; }
.search-page .search-game__image img, .search-page .search-category__image img, .search-page .search-result__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.search-page .search-game__body, .search-page .search-category__body { flex: 1; min-width: 0; }
.search-page .search-game strong, .search-page .search-category strong { display: block; color: #edf3fb; font-size: 13px; font-weight: 650; line-height: 1.5; overflow-wrap: anywhere; }
.search-page .search-game small, .search-page .search-category small { display: block; margin-top: 4px; color: var(--search-muted); font-size: 11px; line-height: 1.5; }
.search-page .search-card-arrow { color: #74869e; font-size: 19px; }
.search-page .search-result { display: flex; align-items: center; gap: 14px; padding: 14px; }
.search-page .search-result__image { width: 94px; height: 112px; }
.search-page .search-result__image > .material-symbols-outlined { font-size: 30px; }
.search-page .search-result__body { flex: 1; min-width: 0; }
.search-page .search-result h3 { margin: 0; color: #edf3fb; font-size: 14px; font-weight: 650; line-height: 1.5; overflow-wrap: anywhere; }
.search-page .search-result__meta { margin: 6px 0 0; color: var(--search-muted); font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.search-page .search-result__meta > span { padding: 0 3px; color: #65748a; }
.search-page .search-result__footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; }
.search-page .search-result__price { min-width: 0; color: var(--c-primary); font-size: 17px; font-weight: 750; line-height: 1.3; }
.search-page .search-result__price small { font-size: 10px; font-weight: 600; }
.search-page .search-result__price .product-price { flex-wrap: wrap; gap: 6px; }
.search-page .search-result__price .product-price__current { white-space: normal; }
.search-page .search-group__showing { margin: 13px 0 0; color: #8996a9; font-size: 11px; text-align: right; }
.search-page .search-pagination { margin-top: 24px; }
.search-page .search-pagination nav { max-width: 100%; }
.search-page .search-empty { padding: 52px 20px; border: 1px dashed var(--ov-12); border-radius: 16px; background: var(--ov-02); text-align: center; }
.search-page .search-empty__icon { display: grid; place-items: center; width: 70px; height: 70px; margin: 0 auto 18px; border: 1px solid rgba(87,176,255,.16); border-radius: 20px; background: rgba(87,176,255,.06); color: var(--c-primary); font-size: 34px; }
.search-page .search-empty h2 { margin: 0 0 10px; color: #edf3fb; font-size: 21px; font-weight: 650; }
.search-page .search-empty p { margin: 0 auto; max-width: 480px; color: var(--search-muted); font-size: 13px; line-height: 1.7; }
.search-page .search-empty__actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.search-page .search-popular { margin: 28px 0 0; }
.search-page .search-popular h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; color: #dce7f5; font-size: 14px; }
.search-page .search-popular h2 .material-symbols-outlined { font-size: 20px; color: var(--c-primary); }
.search-page .search-popular__links { display: flex; flex-wrap: wrap; gap: 8px; }
.search-page .search-popular__links a { display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px; border: 1px solid var(--search-border); border-radius: 8px; background: var(--ov-03); color: #b8c8dc; font-size: 12px; }
.search-page .search-popular__links .material-symbols-outlined { font-size: 15px; }
@media (hover:hover) and (pointer:fine) {
    .search-page .search-game:hover, .search-page .search-category:hover, .search-page .search-result:hover { border-color: rgba(87,176,255,.35); background: rgba(87,176,255,.045); transform: translateY(-2px); }
    .search-page .search-game:hover .search-card-arrow, .search-page .search-category:hover .search-card-arrow, .search-page .search-result:hover .search-card-arrow { color: var(--c-primary); }
    .search-page .search-popular__links a:hover { border-color: rgba(87,176,255,.35); color: var(--c-primary); }
}
@media (max-width:1199.98px) {
    .search-page .search-games, .search-page .search-categories, .search-page .search-products { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .search-page .search-toolbar__hint { flex-basis: 100%; max-width: none; margin: -5px 0 0; }
}
@media (max-width:767.98px) {
    .search-page { padding-top: 18px; padding-bottom: 40px; }
    .search-page__hero { padding: 20px; border-radius: 14px; }
    .search-page__heading { display: block; margin-bottom: 18px; }
    .search-page__total { flex-direction: row; align-items: center; gap: 7px; padding: 0; margin-top: 14px; border: 0; }
    .search-page__total strong { font-size: 20px; }
    .search-page__input-wrap input { font-size: 16px; }
    .search-page .search-page__submit { min-width: 76px; padding: 0 15px; }
    .search-page__submit > .material-symbols-outlined { display: none; }
    .search-page .search-types { margin-top: 16px; }
    .search-page .search-type { flex: 0 0 auto; min-height: 42px; padding: 9px 12px; gap: 7px; font-size: 12px; }
    .search-page .search-toolbar { gap: 12px; }
    .search-page .search-toolbar__sort { flex: 1 1 100%; }
    .search-page .search-toolbar__prices { flex: 1 1 190px; }
    .search-page .search-toolbar__actions { flex: 0 0 auto; gap: 10px; }
    .search-page .search-toolbar input, .search-page .search-toolbar select { height: 44px; font-size: 16px; }
    .search-page .search-toolbar__actions .btn-o { height: 44px; }
    .search-page .search-products { grid-template-columns: 1fr; }
    .search-page .search-result__image { width: 86px; height: 96px; }
    .search-page .search-group h2 { font-size: 16px; }
    .search-page .search-group + .search-group { margin-top: 24px; padding-top: 22px; }
    .search-page .search-game, .search-page .search-category { gap: 9px; padding: 10px; }
    .search-page .search-game__image { width: 44px; height: 56px; }
    .search-page .search-category__image { width: 36px; height: 40px; }
    .search-page .search-game > .search-card-arrow, .search-page .search-category > .search-card-arrow { display: none; }
}
@media (max-width:479.98px) {
    .search-page__hero { padding: 16px; }
    .search-page__heading h1 { font-size: 21px; }
    .search-page__input-wrap input { height: 48px; padding-left: 36px; padding-right: 35px; }
    .search-page__input-wrap > .material-symbols-outlined { left: 10px; font-size: 19px; }
    .search-page__clear { right: 2px; top: 6px; width: 34px; height: 36px; }
    .search-page .search-page__submit { height: 48px; min-width: 60px; padding: 0 12px; }
    .search-page .search-categories { grid-template-columns: 1fr; }
    .search-page .search-game { align-items: flex-start; flex-direction: column; }
    .search-page .search-game__image { width: 44px; height: 50px; }
    .search-page .search-result { padding: 12px; gap: 12px; }
    .search-page .search-result__image { width: 76px; height: 88px; }
    .search-page .search-result h3 { font-size: 13px; }
    .search-page .search-result__price { font-size: 16px; }
    .search-page .search-toolbar__prices { flex-basis: 100%; }
    .search-page .search-toolbar__actions { width: 100%; }
    .search-page .search-toolbar__actions .btn-o { flex: 1; }
}
@media (prefers-reduced-motion:reduce) {
    .search-page *, .search-page *::before, .search-page *::after { transition: none !important; scroll-behavior: auto !important; }
    .search-page .search-game:hover, .search-page .search-category:hover, .search-page .search-result:hover { transform: none; }
}