/* loop.25102026 M21 — misafir web sayfaları. Mobil üye ekranları referans; zemin her yerde BEYAZ.
   Renkler mobil kitten: marka mavisi #1463F3, lacivert #1E3A8A, kırmızı #DC2626, kenar #E2E8F0. */
:root {
    --gw-blue: #1463F3;
    --gw-blue-dark: #1D4ED8;
    --gw-navy: #1E3A8A;
    --gw-ink: #0F172A;
    --gw-muted: #64748B;
    --gw-line: #E2E8F0;
    --gw-soft: #F1F5F9;
    --gw-red: #DC2626;
    --gw-red-soft: #FEF2F2;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: #fff; }
.gw-body { font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: var(--gw-ink); background: #fff; -webkit-text-size-adjust: 100%; overflow-x: hidden; }
img { max-width: 100%; }
button { font: inherit; cursor: pointer; }
a { color: inherit; }
.gw-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.gw-main { min-height: 60vh; padding-bottom: 24px; background: #fff; }

/* Üst bar */
.gw-header { position: sticky; top: 0; z-index: 40; background: #fff; border-bottom: 1px solid var(--gw-line); }
.gw-header__row { display: flex; align-items: center; gap: 16px; min-height: 64px; flex-wrap: wrap; }
.gw-logo { display: flex; align-items: center; gap: 8px; text-decoration: none; font-weight: 800; font-size: 20px; color: var(--gw-navy); }
.gw-logo img { height: 40px; width: auto; border-radius: 8px; }
.gw-logo b { color: var(--gw-red); }
.gw-nav { display: flex; gap: 4px; flex: 1; justify-content: center; }
.gw-nav a { text-decoration: none; font-weight: 700; font-size: 15px; color: var(--gw-navy); padding: 8px 12px; border-radius: 999px; }
.gw-nav a:hover { background: var(--gw-soft); }
.gw-nav a.is-active { color: var(--gw-blue); box-shadow: inset 0 -3px 0 var(--gw-blue); border-radius: 0; }
.gw-auth { display: flex; gap: 8px; }

/* Düğmeler — mobil FilledButton (#1463F3) */
.gw-btn { display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 9px 16px; border-radius: 10px; font-weight: 700; font-size: 14px; text-decoration: none; border: 1px solid transparent; white-space: nowrap; }
.gw-btn--primary { background: var(--gw-blue); color: #fff; }
.gw-btn--primary:hover { background: var(--gw-blue-dark); }
.gw-btn--ghost { background: #fff; color: var(--gw-blue); border-color: var(--gw-blue); }
.gw-btn--block { display: flex; width: 100%; }
.gw-btn--sm { padding: 7px 6px; font-size: 13px; border-radius: 10px; }
.gw-link { background: none; border: 0; color: var(--gw-blue-dark); font-weight: 700; font-size: 14px; padding: 4px 6px; text-decoration: none; }

/* Şehir seçimi */
.gw-city { display: flex; align-items: center; gap: 8px; margin: 12px 0 8px; font-weight: 700; color: var(--gw-navy); }
.gw-city select { border: 1px solid var(--gw-line); border-radius: 10px; padding: 7px 10px; background: #fff; font: inherit; color: var(--gw-ink); }

/* Duyuru bandı */
.gw-announce { display: flex; gap: 10px; overflow-x: auto; padding: 4px 0 10px; scroll-snap-type: x mandatory; }
.gw-announce__item { flex: 0 0 min(88%, 520px); scroll-snap-align: start; border: 1px solid var(--gw-line); border-radius: 14px; background: #fff; padding: 0; overflow: hidden; text-align: left; }
.gw-announce__item img { display: block; width: 100%; aspect-ratio: 16 / 6; object-fit: cover; }
.gw-announce__text { display: block; padding: 8px 12px; font-size: 13px; color: var(--gw-muted); }
.gw-announce__text b { color: var(--gw-ink); }

/* Modül baloncukları — kesilmiş görseller */
.gw-bubbles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 6px 0 12px; }
.gw-bubbles a { display: block; }
.gw-bubbles img { display: block; width: 100%; height: auto; max-height: 72px; object-fit: contain; }

/* Görsel sekmeler */
.gw-imgtab { background: none; border: 2px solid transparent; padding: 0; border-radius: 12px; line-height: 0; }
.gw-imgtab img { width: 100%; height: auto; display: block; }
.gw-imgtab--national.is-active { border-color: var(--gw-blue-dark); }
.gw-imgtab--city:not(.is-active) { opacity: .55; }
.gw-scope { display: grid; grid-template-columns: 55fr 45fr; gap: 6px; max-width: 720px; }
.gw-sections { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin: 6px 0; max-width: 720px; }

/* Kart ızgarası: telefonda 3, tablette 4, PC'de 6 sütun */
.gw-grid { display: grid; gap: 6px; }
.gw-grid--deals { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (min-width: 700px) { .gw-grid--deals { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } }
@media (min-width: 1024px) { .gw-grid--deals { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; } }

.gw-card { background: #fff; border: 1px solid var(--gw-line); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; padding-bottom: 4px; min-width: 0; }
.gw-card[hidden] { display: none; }
.gw-card__media { position: relative; display: block; padding: 0; border: 0; background: var(--gw-soft); aspect-ratio: 1 / .62; margin-bottom: 11%; width: 100%; }
/* Görsel kutuya mutlak yerleşir: fotoğrafın kendi oranı kutuyu uzatmaz (logo hizası tüm kartlarda aynı). */
.gw-card__media > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.gw-card__ph { display: grid; place-items: center; height: 100%; font-size: 28px; color: #94A3B8; }
.gw-disc { position: absolute; left: 2px; top: 2px; width: 36%; aspect-ratio: 1; border-radius: 50%; background: linear-gradient(#ECAC54, #C37938); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.gw-disc b { font-size: clamp(11px, 2.6vw, 20px); font-weight: 900; }
.gw-disc small { font-size: clamp(7px, 1.5vw, 11px); font-weight: 800; }
.gw-zoom { position: absolute; right: 4px; top: 4px; width: 15%; aspect-ratio: 1; border-radius: 50%; background: #fff; display: grid; place-items: center; font-size: clamp(9px, 1.8vw, 15px); }
.gw-card__logo { position: absolute; left: 4px; bottom: -18%; width: 40%; aspect-ratio: 1; border-radius: 50%; background: #fff; padding: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.gw-card__logo img, .gw-card__logo span { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: grid; place-items: center; background: #F8FAFC; color: #94A3B8; font-weight: 900; }
.gw-card__title { margin: 4px 6px 0; font-size: clamp(11px, 2.4vw, 14px); font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gw-card__cat { display: flex; align-items: center; gap: 3px; margin: 2px 6px 0; font-size: clamp(9.5px, 2vw, 12px); color: var(--gw-blue-dark); white-space: nowrap; overflow: hidden; }
.gw-card__cat > span:last-child { overflow: hidden; text-overflow: ellipsis; }
.gw-prices { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin: 6px 4px 0; }
.gw-price { display: flex; flex-direction: column; align-items: center; border-radius: 6px; padding: 3px 2px; min-width: 0; }
.gw-price small { font-size: clamp(7.5px, 1.6vw, 11px); white-space: nowrap; }
.gw-price s, .gw-price b { font-size: clamp(9px, 2.2vw, 14px); font-weight: 800; white-space: nowrap; }
.gw-price--list { background: var(--gw-soft); color: #334155; }
.gw-price--disc { background: var(--gw-red-soft); color: var(--gw-red); }
.gw-card .gw-btn { margin: 4px 4px 0; width: auto; font-size: clamp(10px, 2.2vw, 13px); }

/* Sektör dairesi — mobil IkSectorIcon paleti */
.gw-sector { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; color: #fff; flex: 0 0 auto; background: linear-gradient(#3B8CFF, #0A4FD8); }
.gw-sector .material-symbols-rounded { font-size: 12px; }
.gw-sector--orange { background: linear-gradient(#FF7A2E, #F24A06); }
.gw-sector--purple { background: linear-gradient(#9A3BFF, #6205E8); }
.gw-sector--green { background: linear-gradient(#2FC45A, #079A3C); }
.gw-sector--pink { background: linear-gradient(#FF4FA0, #E3136F); }
.gw-sector--red { background: linear-gradient(#FF5A5A, #D7141A); }
.gw-sector--teal { background: linear-gradient(#2DD4BF, #0E9488); }
.gw-sector--amber { background: linear-gradient(#FFB020, #F08A00); }
.gw-sector--indigo { background: linear-gradient(#6366F1, #3730A3); }
.gw-sector--brown { background: linear-gradient(#B7793F, #7C4A1A); }

.gw-empty { text-align: center; color: var(--gw-muted); padding: 18px 8px; }
.gw-deals__foot { display: flex; justify-content: flex-end; margin-top: 6px; }

/* Senin İçin Seçtiklerimiz */
.gw-picks { margin-top: 16px; }
.gw-picks__head { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; color: var(--gw-navy); }
.gw-picks__head h2 { margin: 0; font-size: 15px; font-weight: 900; letter-spacing: -.2px; }
.gw-picks__head span { font-size: 12px; font-weight: 600; }
.gw-strip { display: flex; gap: 6px; overflow-x: auto; padding: 8px 0 4px; scroll-snap-type: x proximity; }
.gw-pick { flex: 0 0 calc((100% - 12px) / 3 * .9); scroll-snap-align: start; padding: 0; border: 0; background: var(--gw-soft); position: relative; aspect-ratio: 1.8; overflow: hidden; }
@media (min-width: 700px) { .gw-pick { flex-basis: 220px; } }
.gw-pick img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gw-pick span { position: absolute; left: 0; right: 0; bottom: 0; padding: 3px 6px; background: linear-gradient(transparent, rgba(0,0,0,.65)); color: #fff; font-size: 11px; font-weight: 700; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Reklam bandı — mobil IkAdBand */
.gw-adband { display: flex; align-items: center; gap: 10px; margin-top: 16px; padding: 12px; border-radius: 16px; border: 1px solid #D7E3FF; background: linear-gradient(90deg, #E6EEFF, #F2F6FF); text-decoration: none; }
.gw-adband__icon { height: 62px; width: auto; }
.gw-adband__text { flex: 1; display: flex; flex-direction: column; min-width: 0; color: #334155; font-size: 13px; }
.gw-adband__text b { font-size: clamp(16px, 4vw, 22px); font-weight: 900; color: var(--gw-ink); }
.gw-adband__btn { height: 40px; width: auto; }

/* Alt bilgi */
.gw-footer { border-top: 1px solid var(--gw-line); background: #fff; color: var(--gw-muted); font-size: 13px; }
.gw-footer__row { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 16px; }
.gw-footer__links { display: flex; gap: 14px; flex-wrap: wrap; }
.gw-footer a { text-decoration: none; }

/* Üyelik modalı */
.gw-modal { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 16px; }
.gw-modal[hidden] { display: none; }
.gw-modal__backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, .55); }
.gw-modal__panel { position: relative; width: 100%; max-width: 400px; background: #fff; border-radius: 20px; padding: 22px 20px 14px; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,.25); }
.gw-modal__icon { font-size: 34px; }
.gw-modal__panel h2 { margin: 6px 0 4px; font-size: 20px; color: var(--gw-ink); }
.gw-modal__panel p { margin: 0 0 10px; color: #334155; font-size: 14px; }
.gw-modal__perks { list-style: none; margin: 0 0 14px; padding: 10px 12px; background: var(--gw-soft); border-radius: 12px; text-align: left; font-size: 13px; color: #334155; }
.gw-modal__perks li::before { content: "✓ "; color: #16A34A; font-weight: 900; }
.gw-modal__actions { display: grid; gap: 8px; }
.gw-modal__close { margin-top: 10px; background: none; border: 0; color: var(--gw-muted); font-weight: 700; padding: 6px; }
body.gw-modal-open { overflow: hidden; }

/* Modül sayfası — mobil IkModuleHeader */
.gw-mod-head { display: flex; align-items: flex-end; gap: 8px; margin-top: 12px; }
.gw-mod-head__char { width: min(30%, 220px); height: auto; }
.gw-mod-head__text { flex: 1; min-width: 0; color: #1D3FE8; }
.gw-mod-head h1 { margin: 0; font-size: clamp(28px, 7vw, 56px); font-weight: 900; letter-spacing: -1px; line-height: 1; }
.gw-mod-head h1 span, .gw-mod-head p b { color: #E11D2A; }
.gw-mod-head p { margin: 8px 0 4px; font-weight: 700; font-size: clamp(11px, 2.6vw, 17px); }
.gw-mod-head p b { font-weight: 900; font-size: 1.25em; }
.gw-mod-bubbles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 10px 0 14px; max-width: 760px; }
.gw-mod-bubbles a, .gw-mod-bubbles button { display: block; padding: 0; border: 0; background: none; }
.gw-mod-bubbles img { display: block; width: 100%; height: auto; }
.gw-pill { margin: 14px 0 8px; line-height: 0; }
.gw-pill img { height: clamp(30px, 6vw, 44px); width: auto; }
.gw-logos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 1024px) { .gw-logos { grid-template-columns: repeat(10, minmax(0, 1fr)); } }
.gw-logo-tile { display: grid; place-items: center; aspect-ratio: 179 / 143; border: 1px solid var(--gw-line); border-radius: 10px; background: #fff; overflow: hidden; text-decoration: none; padding: 4px; }
.gw-logo-tile img { width: 100%; height: 100%; object-fit: contain; }
.gw-logo-tile span { font-size: 11px; font-weight: 700; text-align: center; color: var(--gw-navy); }

/* Üye İşyerleri kartı — mobil VitrinMemberCard */
.gw-grid--biz { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 700px) { .gw-grid--biz { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } }
@media (min-width: 1024px) { .gw-grid--biz { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; } }
.gw-biz { position: relative; background: #fff; border-radius: 14px; box-shadow: 0 3px 10px rgba(15, 23, 42, .12); display: flex; flex-direction: column; padding-bottom: 8px; min-width: 0; }
.gw-biz__media { display: block; aspect-ratio: 312 / 268; border-radius: 14px 14px 0 0; overflow: hidden; background: var(--gw-soft); }
.gw-biz__media--empty { opacity: .4; } /* mobil yedek: sektör renginin %30–55 tonu */
.gw-biz__media { position: relative; }
.gw-biz__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.gw-biz__fav { position: absolute; right: 6px; top: 6px; width: 15%; aspect-ratio: 1; border-radius: 50%; border: 2px solid #fff; background: rgba(0,0,0,.15); color: #fff; font-size: clamp(11px, 2.4vw, 18px); line-height: 1; padding: 0; }
.gw-biz__logo { width: 52%; aspect-ratio: 1; margin: -26% 0 0 3%; border-radius: 50%; background: #fff; padding: 3px; box-shadow: 0 2px 6px rgba(0,0,0,.15); position: relative; }
.gw-biz__logo img, .gw-biz__logo span { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: grid; place-items: center; background: #F8FAFC; font-weight: 900; color: #94A3B8; font-size: clamp(14px, 4vw, 28px); }
.gw-biz__name { margin: 6px 6px 0; font-size: clamp(11px, 2.4vw, 15px); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gw-biz__cat { display: flex; align-items: center; gap: 4px; margin: 4px 4px 0; padding: 3px; background: #EEF4FB; border-radius: 10px; min-width: 0; }
.gw-sector--lg { width: clamp(20px, 5vw, 34px); height: clamp(20px, 5vw, 34px); }
.gw-sector--lg .material-symbols-rounded { font-size: clamp(12px, 3vw, 20px); }
.gw-biz__cattext { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.gw-biz__cattext b { font-size: clamp(9px, 2vw, 12px); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gw-biz__cattext small { font-size: clamp(8px, 1.7vw, 11px); color: #64748B; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gw-biz__rates { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 5px 4px 0; }
.gw-rate { display: flex; flex-direction: column; align-items: center; border-radius: 8px; padding: 3px 2px; }
.gw-rate small { font-size: clamp(8px, 1.8vw, 12px); font-weight: 700; }
.gw-rate b { font-size: clamp(11px, 2.8vw, 18px); font-weight: 900; }
.gw-rate--plus { background: #E8F1FF; color: #1D4ED8; }
.gw-rate--premium { background: #FFF4E0; color: #B45309; }
.gw-btn--vitrin { margin: 6px 4px 0; padding: 7px 4px; border-radius: 12px; color: #fff; font-size: clamp(9.5px, 2.2vw, 14px); background: linear-gradient(135deg, #1593FF, #0A5BFF 45%, #0046F0); box-shadow: 0 4px 10px rgba(0, 70, 240, .3); }
.gw-pager { display: flex; justify-content: center; align-items: center; gap: 16px; margin: 18px 0; font-weight: 700; }
.gw-pager a { color: var(--gw-blue); text-decoration: none; }

/* Şansını Dene */
.gw-lucky-hero { display: flex; align-items: center; gap: 20px; margin-top: 8px; padding: 16px; border: 1px solid var(--gw-line); border-radius: 20px; background: #fff; }
.gw-lucky-hero__text { flex: 1; min-width: 0; }
.gw-lucky-hero h1 { margin: 0 0 6px; font-size: clamp(24px, 5vw, 40px); font-weight: 900; color: var(--gw-navy); }
.gw-lucky-hero p { margin: 0 0 10px; color: #334155; }
.gw-countdown { display: inline-flex; flex-direction: column; padding: 8px 14px; border-radius: 12px; background: var(--gw-soft); margin-bottom: 12px; }
.gw-countdown small { color: var(--gw-muted); font-weight: 700; font-size: 12px; }
.gw-countdown b { font-size: 22px; font-variant-numeric: tabular-nums; color: var(--gw-ink); }
.gw-btn--spin { display: flex; width: max-content; padding: 12px 22px; border-radius: 14px; color: #fff; font-size: 16px; background: linear-gradient(#FF5A5A, #D01E1E); box-shadow: 0 6px 14px rgba(208, 30, 30, .3); }
.gw-wheel { position: relative; width: min(42vw, 340px); aspect-ratio: 1; flex: 0 0 auto; border: 0; padding: 10px; border-radius: 50%; background: #12224A; }
.gw-wheel__disc { position: absolute; inset: 10px; border-radius: 50%; box-shadow: inset 0 0 0 3px rgba(255,255,255,.35); }
.gw-wheel__hub { position: absolute; left: 50%; top: 50%; width: 26%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; display: grid; place-items: center; background: linear-gradient(#FF5A5A, #D01E1E); color: #fff; font-weight: 900; font-size: clamp(10px, 2.4vw, 16px); border: 3px solid #FFF6D8; }
.gw-wheel__pin { position: absolute; left: 50%; top: -4px; transform: translateX(-50%); border: 12px solid transparent; border-top: 22px solid #D01E1E; }
.gw-gifts { margin-top: 18px; }
.gw-grid--gifts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 8px; }
@media (min-width: 700px) { .gw-grid--gifts { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .gw-grid--gifts { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.gw-gift { display: flex; flex-direction: column; gap: 3px; text-align: left; padding: 0 0 8px; border: 1px solid var(--gw-line); border-radius: 14px; background: #fff; overflow: hidden; min-width: 0; }
.gw-gift__media { display: grid; place-items: center; aspect-ratio: 4 / 3; background: var(--gw-soft); font-size: 30px; }
.gw-gift__media { position: relative; }
.gw-gift__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gw-gift__biz { display: flex; align-items: center; gap: 4px; padding: 0 8px; font-size: 12px; color: var(--gw-muted); font-weight: 700; white-space: nowrap; overflow: hidden; }
.gw-gift__biz img { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; }
.gw-gift__title { padding: 0 8px; font-size: 14px; color: var(--gw-ink); }
.gw-gift__value { padding: 0 8px; font-size: 12px; color: #16A34A; font-weight: 800; }
.gw-gift small { padding: 0 8px; color: var(--gw-muted); }
.gw-howto { margin-top: 18px; padding: 16px; border: 1px solid var(--gw-line); border-radius: 16px; }
.gw-howto ol { margin: 8px 0 14px; padding-left: 20px; color: #334155; line-height: 1.7; }

/* Telefon */
@media (max-width: 860px) {
    .gw-header__row { gap: 8px; min-height: 56px; padding-top: 6px; padding-bottom: 6px; }
    .gw-logo span { display: none; }
    .gw-auth { margin-left: auto; }
    /* Telefonda mobil uygulamadaki gibi gezinme baloncuklarla yapılır; üst menü gizlenir. */
    .gw-nav { display: none; }
    .gw-btn { padding: 7px 12px; font-size: 13px; }
    .gw-adband__icon { height: 44px; }
    .gw-adband__btn { height: 32px; }
    .gw-lucky-hero { flex-direction: column-reverse; text-align: center; }
    .gw-lucky-hero .gw-btn--spin { margin: 0 auto; }
    .gw-wheel { width: min(78vw, 320px); }
}

/* ── Misafir firma vitrini (mobil BusinessShowcaseScreen referans; zemin beyaz) ── */
.gw-vitrin { padding-bottom: 24px; background: #fff; }
.gw-cover { position: relative; margin: 0 -16px; height: clamp(140px, 36vw, 360px); overflow: hidden; background: #F1F5F9; }
.gw-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gw-cover__empty { display: grid; place-items: center; height: 100%; color: #94A3B8; }
.gw-cover__empty .material-symbols-rounded { font-size: 56px; }
.gw-cover__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .35); color: #fff; display: grid; place-items: center; cursor: pointer; z-index: 1; }
.gw-cover__nav--prev { left: 10px; }
.gw-cover__nav--next { right: 10px; }
.gw-cover__count { position: absolute; right: 10px; bottom: 10px; padding: 3px 8px; border-radius: 8px; background: rgba(0, 0, 0, .55); color: #fff; font-size: 12px; font-weight: 600; }

.gw-vhead { display: flex; gap: 10px; align-items: flex-start; margin-top: 10px; }
.gw-vhead__logo { flex: none; width: clamp(72px, 20vw, 120px); aspect-ratio: 1; margin-top: calc(clamp(72px, 20vw, 120px) * -0.3); position: relative; padding: 4px; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(15, 23, 42, .12); }
.gw-vhead__logo img, .gw-vhead__logo span { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: grid; place-items: center; }
.gw-vhead__logo span { background: #111827; color: #fff; font-weight: 900; font-size: clamp(28px, 8vw, 48px); }
.gw-vhead__body { flex: 1; min-width: 0; }
.gw-vhead__top { display: flex; gap: 8px; align-items: flex-start; }
.gw-vhead__id { flex: 1; min-width: 0; }
.gw-vhead h1 { margin: 0; font-size: clamp(19px, 4.6vw, 28px); font-weight: 900; color: #0F172A; letter-spacing: -.4px; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gw-vhead__addr { display: flex; gap: 2px; margin-top: 3px; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; color: #1D4ED8; min-width: 0; max-width: 100%; }
.gw-vhead__addr .material-symbols-rounded { font-size: 17px; }
.gw-vhead__addr > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.gw-vhead__addr b { font-size: 12.5px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gw-vhead__addr small, .gw-vhead__city { color: #94A3B8; font-size: 11.5px; }
.gw-vhead__badge { flex: none; width: clamp(48px, 16vw, 76px); padding: 0; border: 0; background: none; cursor: pointer; }
.gw-vhead__badge img { width: 100%; height: auto; }
.gw-vhead__stats { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.gw-stat { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; color: #1D4ED8; text-align: left; font: inherit; }
button.gw-stat { cursor: pointer; }
.gw-stat img { height: 16px; width: auto; }
.gw-stat > span { display: flex; flex-direction: column; line-height: 1.1; }
.gw-stat b { font-size: 13px; font-weight: 800; }
.gw-stat small { font-size: 9.5px; }
.gw-stat__sep { width: 1px; height: 22px; background: #E2E8F0; }
.gw-vhead__open { height: 24px; width: auto; }
.gw-vhead__closed { height: 24px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 5px; background: #DC2626; color: #fff; font-size: 12px; font-weight: 600; }
.gw-vhead__hours { height: 24px; padding: 0 6px; display: inline-flex; align-items: center; gap: 4px; border-radius: 5px; background: #F3F8FE; color: #0F172A; font-size: 11.5px; }
.gw-vhead__hours img { height: 13px; width: auto; }

.gw-vactions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin-top: 6px; }
.gw-vactions button { padding: 0; border: 0; background: none; cursor: pointer; aspect-ratio: 234 / 60; }
.gw-vactions img { width: 100%; height: 100%; display: block; }

.gw-earn { display: flex; align-items: center; gap: 6px; margin-top: 8px; padding: 6px 8px; border: 1px solid #E2E8F0; border-radius: 10px; background: #fff; }
.gw-earn__gift { height: 30px; width: auto; }
.gw-earn__title { flex: 40; color: #1E3A8A; font-weight: 900; font-size: clamp(11px, 2.6vw, 15px); line-height: 1.2; }
.gw-earn__col { flex: 15; display: flex; flex-direction: column; align-items: center; color: var(--c); text-align: center; border-left: 1px solid #E2E8F0; }
.gw-earn__col img { height: 16px; width: auto; }
.gw-earn__col small { font-size: clamp(8px, 1.8vw, 11px); font-weight: 600; line-height: 1.15; }
.gw-earn__col b { font-size: clamp(14px, 3.4vw, 20px); font-weight: 900; line-height: 1.1; }

.gw-vband { display: block; width: 100%; height: auto; margin-top: 10px; border-radius: 14px; }
.gw-vh2 { margin: 18px 0 10px; font-size: 17px; font-weight: 800; color: #0F172A; }
.gw-branches { display: grid; gap: 8px; }
.gw-branch { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #E6ECF2; border-radius: 12px; background: #fff; text-align: left; cursor: pointer; color: #0F172A; font: inherit; }
.gw-branch > span:nth-child(2) { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.gw-branch small { color: #64748B; font-size: 12px; }
.gw-branch__go { color: #1463F3; }

.gw-vtabs { margin-top: 14px; }
.gw-vtabs__row { display: flex; gap: 5px; overflow-x: auto; scrollbar-width: none; }
.gw-vtabs__row::-webkit-scrollbar { display: none; }
.gw-vtab { flex: 0 0 calc((100% - 15px) / 4); position: relative; height: 32px; margin-bottom: 6px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 6px; border: 0; border-radius: 6px; background: #E9F3FF; color: #0040A6; font: inherit; font-size: clamp(10px, 2.6vw, 13px); font-weight: 500; white-space: nowrap; cursor: pointer; }
.gw-vtab .material-symbols-rounded { font-size: 17px; color: #0051B3; }
.gw-vtab.is-active { background: #0169E2; color: #fff; font-weight: 700; }
.gw-vtab.is-active .material-symbols-rounded { color: #fff; }
.gw-vtab.is-active::after { content: ""; position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); border: 6px solid transparent; border-bottom: 0; border-top-color: #0169E2; }
.gw-vgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.gw-vtile { position: relative; aspect-ratio: 1 / .94; padding: 0; border: 0; border-radius: 6px; overflow: hidden; background: #F1F5F9; cursor: pointer; text-align: left; font: inherit; }
.gw-vtile > img:first-child { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gw-vtile__emoji { position: absolute; inset: 0; display: grid; place-items: center; font-size: 34px; }
.gw-vtile:not(.gw-vtile--img)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 45%, rgba(15, 23, 42, .8)); }
.gw-vtile__text { position: absolute; left: 6px; right: 6px; bottom: 6px; z-index: 1; display: flex; flex-direction: column; color: #fff; }
.gw-vtile--img .gw-vtile__text { display: none; }
.gw-vtile.has-price .gw-vtile__text { bottom: 30px; }
.gw-vtile__text b { font-size: 12.5px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gw-vtile__text small { font-size: 11px; font-weight: 600; }
.gw-vtile__text em { font-size: 10px; font-style: normal; opacity: .75; }
.gw-vtile__free { position: absolute; left: 4px; top: 4px; height: 22px; width: auto; z-index: 2; }
.gw-vtile__ribbon { position: absolute; left: 4px; top: 4px; z-index: 2; }
/* Mobil IkCampaignRibbon: kırmızı zemin, beyaz kalın yazı, 0.5 sn'de 1 → .35 opaklık (ileri-geri). */
.gw-ribbon { padding: 2px 5px; border-radius: 6px; background: #DC2626; color: #fff; font-size: 9px; font-weight: 900; line-height: 1.3; white-space: nowrap; animation: gw-blink .5s ease-in-out infinite alternate; }
.gw-card__ribbon { position: absolute; right: 4px; bottom: 30%; z-index: 2; font-size: clamp(7px, 1.6vw, 11px); }
@keyframes gw-blink { from { opacity: 1; } to { opacity: .35; } }
.gw-vtile__price { position: absolute; left: 5px; bottom: 5px; z-index: 2; padding: 3px 7px; border-radius: 6px; background: #DC2626; color: #fff; font-size: 11px; font-weight: 900; }
.gw-vempty { padding: 16px 12px; border: 1px solid #E2E8F0; border-radius: 12px; background: #F8FAFC; text-align: center; color: #475569; font-size: 13.5px; }
.gw-vempty img { height: 90px; width: auto; }
.gw-vempty p { margin: 8px 0 0; }
.gw-vseeall { display: flex; align-items: center; justify-content: center; gap: 6px; width: min(50%, 320px); min-width: 200px; height: 34px; margin: 10px auto 0; border: 0; border-radius: 999px; background: #006AE4; color: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.gw-vseeall .material-symbols-rounded { font-size: 17px; }

.gw-vinfo { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.gw-vinfo--single { grid-template-columns: 1fr; }
.gw-vcard { padding: 10px 10px 12px; border: 1px solid #E6ECF2; border-radius: 10px; background: #fff; min-width: 0; }
.gw-vcard h3 { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 15px; font-weight: 800; color: #111; }
.gw-vcard h3 img { height: 22px; width: auto; }
.gw-vcard p { margin: 7px 0 0; color: #3A3A3A; font-size: 12.5px; line-height: 1.45; }
.gw-vcard__all { margin-left: auto; padding: 0; border: 0; background: none; color: #1463F3; font: inherit; font-size: 11.5px; font-weight: 800; cursor: pointer; }
.gw-vcard__muted { color: #3A3A3A; }
.gw-vrating { display: flex; align-items: center; gap: 5px; margin-top: 4px; }
.gw-vrating b { color: #0B4FA8; font-size: 16px; font-weight: 800; }
.gw-vrating small { color: #1D4ED8; font-size: 10.5px; }
.gw-stars { --r: 0; display: inline-block; font-size: 14px; letter-spacing: 1px; background: linear-gradient(90deg, #FBBF24 calc(var(--r) / 5 * 100%), #E2E8F0 0); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.gw-stars--sm { font-size: 11px; }
.gw-vreview { display: flex; gap: 7px; margin-top: 8px; font-size: 12px; color: #111; }
.gw-vreview__av { flex: none; width: 28px; height: 28px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: #E0E7FF; color: #1E3A8A; font-weight: 800; }
.gw-vreview__av img { width: 100%; height: 100%; object-fit: cover; }
.gw-vreview small { display: block; color: #94A3B8; font-size: 10.5px; }
.gw-vreview p { margin: 2px 0 0; font-size: 11.5px; }

@media (min-width: 860px) {
    .gw-branches { grid-template-columns: repeat(2, 1fr); }
    .gw-vgrid { grid-template-columns: repeat(6, 1fr); }
}
@media (max-width: 859px) {
    .gw-vgrid .gw-vtile:nth-child(n+4) { display: none; }
}
@media (max-width: 520px) {
    .gw-vinfo { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .gw-vtab { gap: 2px; padding: 0 2px; font-size: 2.15vw; letter-spacing: -.2px; }
    .gw-vtab .material-symbols-rounded { font-size: 3.4vw; }
}
@media (min-width: 860px) {
    .gw-cover { margin: 0; border-radius: 0 0 14px 14px; }
    .gw-vactions { max-width: 760px; }
}
.gw-vannounce { display: flex; align-items: center; gap: 10px; width: 100%; margin-top: 16px; padding: 10px; border: 1px solid #D7E3FF; border-radius: 14px; background: #fff; text-align: left; cursor: pointer; font: inherit; color: #0F172A; }
.gw-vannounce img { width: 72px; height: 72px; border-radius: 10px; object-fit: cover; flex: none; }
.gw-vannounce > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.gw-vannounce b { font-size: 15px; font-weight: 800; }
.gw-vannounce small { color: #475569; font-size: 12.5px; }

/* Firma "üye gözünden" önizleme bandı */
.gw-preview-bar { position: sticky; top: 0; z-index: 60; background: #0F766E; color: #fff; font-size: 13px; font-weight: 600; }
.gw-preview-bar__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding-top: 8px; padding-bottom: 8px; }
.gw-preview-bar__exit { border: 0; border-radius: 999px; background: #042F2E; color: #F0FDFA; font: inherit; font-size: 12px; font-weight: 700; padding: 6px 14px; cursor: pointer; }