/* ============================================================
   GOPOS MAIN — v2 Hero (Aydınlık + İllüstrasyon)
   ============================================================ */

.gp-hero { position:relative; min-height:auto; display:flex; align-items:center; overflow:hidden; padding-top:clamp(1.25rem,3vw,2.25rem); padding-bottom:clamp(2.5rem,5vw,4rem); background:var(--grad-hero); }
.gp-hero__bg { position:absolute; inset:0; z-index:0; }

/* Yumuşak renkli lekeler */
.gp-hero__gradient { position:absolute; inset:0; background:
  radial-gradient(circle 420px at 82% 22%, var(--gp-primary-soft) 0%, transparent 70%),
  radial-gradient(circle 380px at 12% 30%, var(--gp-purple-soft) 0%, transparent 70%),
  radial-gradient(circle 340px at 60% 95%, var(--gp-teal-soft) 0%, transparent 70%); }

/* İnce nokta deseni */
.gp-hero__grid-lines { position:absolute; inset:0; background-image:radial-gradient(var(--gp-line-2) 1.2px, transparent 1.2px); background-size:28px 28px; -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 45%, #000 0%, transparent 78%); mask-image:radial-gradient(ellipse 75% 70% at 50% 45%, #000 0%, transparent 78%); opacity:.5; }

.blob { position:absolute; border-radius:50%; filter:blur(60px); opacity:.5; }
.blob-1{ width:260px; height:260px; background:var(--gp-yellow-soft); top:-40px; right:20%; }
.blob-2{ width:220px; height:220px; background:var(--gp-pink-soft); bottom:10%; left:8%; }
.blob-3{ display:none; }

.gp-hero__inner { position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,5vw,4rem); align-items:center; }

.gp-hero__badge { display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--text-sm); font-weight:700; color:var(--gp-ink); background:#fff; border:1px solid var(--gp-line); padding:.45rem .9rem .45rem .5rem; border-radius:var(--radius-full); margin-bottom:var(--space-6); box-shadow:var(--shadow-sm); }
.badge-dot { width:20px; height:20px; border-radius:50%; background:var(--grad-primary); display:inline-flex; align-items:center; justify-content:center; font-size:10px; }

.gp-hero__title { font-size:clamp(1.7rem,3.4vw,2.7rem); font-weight:900; color:var(--gp-ink); line-height:1.12; letter-spacing:-.03em; margin-bottom:var(--space-6); }
.gp-hero__subtitle { font-size:clamp(var(--text-base),1.5vw,var(--text-xl)); color:var(--gp-mute); line-height:1.7; margin-bottom:var(--space-8); max-width:520px; }

.gp-hero__features { display:flex; flex-wrap:wrap; gap:var(--space-3) var(--space-5); margin-bottom:var(--space-8); }
.gp-hero__features li { font-size:var(--text-sm); font-weight:600; color:var(--gp-text); }

.gp-hero__cta { display:flex; gap:var(--space-3); flex-wrap:wrap; margin-bottom:var(--space-10); }

.gp-hero__mini-stats { display:flex; align-items:center; gap:var(--space-6); }
.mini-stat strong { display:block; font-size:var(--text-2xl); font-weight:900; color:var(--gp-ink); letter-spacing:-.03em; }
.mini-stat span { font-size:var(--text-xs); color:var(--gp-mute); font-weight:600; text-transform:uppercase; letter-spacing:.05em; }
.mini-stat-divider { width:1px; height:38px; background:var(--gp-line-2); }

/* Google puanı rozeti (hero) */
.gp-hero__rating { margin-bottom:var(--space-5); }
.gp-hero__rating > * { max-width:100%; }
@media (max-width:1024px){ .gp-hero__rating { display:flex; justify-content:center; } }

/* Güven satırı (10+ yıl deneyim, memnuniyet) */
.gp-hero__trust { display:flex; flex-wrap:wrap; gap:var(--space-3) var(--space-5); }
.gp-hero__trust-item { display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--text-sm); color:var(--gp-text); }
.gp-hero__trust-item strong { font-weight:700; }
.gp-hero__trust-item .gp-ico { width:20px; height:20px; flex-shrink:0; color:var(--gp-primary); }
@media (max-width:1024px){ .gp-hero__trust { justify-content:center; } }

/* ── Hero Görsel (illüstrasyon) ─────────────────────────── */
.gp-hero__visual { position:relative; display:flex; align-items:center; justify-content:center; min-width:0; }
.gp-hero-art { width:100%; max-width:540px; height:auto; filter:drop-shadow(0 30px 50px rgba(30,35,64,.12)); animation:art-float 6s ease-in-out infinite; }
@keyframes art-float { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-14px);} }

/* ── Hero Sahnesi (kullanıcı tasarımı POS sahnesi) ─────────── */
.gp-hero-scene { container-type:inline-size; position:relative; width:100%; max-width:600px; min-width:0; aspect-ratio:600 / 730; margin-inline:auto; filter:drop-shadow(0 30px 50px rgba(30,35,64,.12)); }
.gp-hero-scene__inner { position:absolute; top:0; left:0; width:600px; height:730px; transform-origin:top left; transform:scale(calc(100cqw / 600)); font-family:'Nunito','Plus Jakarta Sans',sans-serif; }
@keyframes ghs-floaty { 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }
@keyframes ghs-cardFloat { 0%,100%{ transform:translateY(0) rotate(var(--rot,0deg)); } 50%{ transform:translateY(-9px) rotate(var(--rot,0deg)); } }
@keyframes ghs-popIn { 0%{ transform:scale(.7); opacity:0; } 60%{ transform:scale(1.06); } 100%{ transform:scale(1); opacity:1; } }
@keyframes ghs-ping { 0%{ transform:scale(.9); opacity:.7; } 70%,100%{ transform:scale(2.4); opacity:0; } }
@keyframes ghs-tabletShadow { 0%,100%{ transform:scaleX(1); opacity:.18; } 50%{ transform:scaleX(.94); opacity:.12; } }
@keyframes ghs-grow { 0%{ transform:scaleY(.4); } 50%{ transform:scaleY(1); } 100%{ transform:scaleY(.4); } }
@keyframes ghs-arrive { 0%{ opacity:0; transform:translateX(26px) scale(.92); } 7%{ opacity:1; transform:translateX(0) scale(1); } 11%{ transform:translateX(0) scale(1.04); } 15%{ transform:translateX(0) scale(1); } 82%{ opacity:1; transform:translateX(0) scale(1); } 90%{ opacity:0; transform:translateX(26px) scale(.95); } 100%{ opacity:0; transform:translateX(26px) scale(.92); } }
@media (prefers-reduced-motion: reduce){ .gp-hero-scene__inner * { animation:none !important; } }

.hero-device--laptop, .hero-float { display:none; }

@media (max-width:1024px){
  .gp-hero__inner { grid-template-columns:1fr; text-align:center; }
  .gp-hero__subtitle { margin-inline:auto; }
  .gp-hero__features { justify-content:center; }
  .gp-hero__cta { justify-content:center; }
  .gp-hero__mini-stats { justify-content:center; }
  .gp-hero__visual { margin-top:var(--space-8); }
  .gp-hero-art { max-width:420px; }
}

/* ── RTL ──────────────────────────────────────────────────── */
.is-rtl { direction:rtl; }
.is-rtl .gp-header__inner { flex-direction:row-reverse; }
.is-rtl .lang-switcher__dropdown { right:auto; left:0; }
.is-rtl .gp-footer__bottom { flex-direction:row-reverse; }

/* SEO vurgulu anahtar kelimeler (açıklama paragraflarındaki bold) */
.gp-feat-hero__desc strong, .gp-cap__desc strong, .gp-shub-panel__desc strong, .gp-seokw__lead strong, .section-desc strong, .gp-showcase__seo strong { color:var(--gp-ink); font-weight:800; }

/* Showcase SEO lead metni */
.gp-showcase__seo { max-width:820px; margin:0 auto clamp(2rem,4vw,3rem); text-align:center; font-size:var(--text-base); line-height:1.8; color:var(--gp-mute); }
@media (max-width:560px){ .gp-showcase__seo { text-align:left; } }

/* ============================================================
   404 — Eğlenceli, GoPOS temalı bulunamadı sayfası
   ============================================================ */
.gp-404 { position:relative; overflow:hidden; padding-block:clamp(3rem,7vw,6rem); background:
  radial-gradient(circle 420px at 80% 12%, var(--gp-primary-soft) 0%, transparent 70%),
  radial-gradient(circle 360px at 12% 88%, var(--gp-gold-soft) 0%, transparent 70%),
  var(--gp-bg-soft); }
.gp-404__inner { position:relative; z-index:2; max-width:680px; margin-inline:auto; text-align:center; }
.gp-404__eyebrow { display:inline-block; font-size:var(--text-xs); font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--gp-primary); background:#fff; border:1px solid var(--gp-line); padding:.45rem 1rem; border-radius:var(--radius-full); box-shadow:var(--shadow-sm); margin-bottom:var(--space-6); }
.gp-404__num { display:flex; align-items:center; justify-content:center; gap:clamp(.5rem,2vw,1.25rem); font-family:var(--font-primary); font-weight:900; font-size:clamp(5rem,18vw,11rem); line-height:1; letter-spacing:-.04em; background:var(--grad-text); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.gp-404__plate { -webkit-text-fill-color:initial; background:none; font-size:clamp(4rem,15vw,9rem); display:inline-block; animation:gp404-spin 6s ease-in-out infinite; filter:drop-shadow(0 14px 22px rgba(30,35,64,.18)); }
@keyframes gp404-spin { 0%,100%{ transform:rotate(-8deg) translateY(0); } 50%{ transform:rotate(8deg) translateY(-10px); } }
.gp-404__title { font-size:clamp(var(--text-2xl),4vw,var(--text-4xl)); font-weight:900; color:var(--gp-ink); letter-spacing:-.02em; margin:var(--space-5) 0 var(--space-3); }
.gp-404__desc { font-size:var(--text-lg); color:var(--gp-mute); line-height:1.7; max-width:520px; margin:0 auto var(--space-6); }
.gp-404__reasons { display:flex; flex-wrap:wrap; justify-content:center; gap:var(--space-2) var(--space-3); margin-bottom:var(--space-8); }
.gp-404__reasons li { display:inline-flex; align-items:center; gap:6px; font-size:var(--text-sm); font-weight:600; color:var(--gp-text); background:#fff; border:1px solid var(--gp-line); padding:.45rem .9rem; border-radius:var(--radius-full); }
.gp-404__reasons li span { font-size:1.05em; }
.gp-404__search { display:flex; align-items:center; gap:8px; max-width:480px; margin:0 auto var(--space-6); background:#fff; border:1.5px solid var(--gp-line); border-radius:var(--radius-full); padding:.35rem .4rem .35rem 1rem; box-shadow:var(--shadow-md); }
.gp-404__search svg { color:var(--gp-mute); flex-shrink:0; }
.gp-404__search input { flex:1; border:none; outline:none; background:none; font-size:var(--text-sm); color:var(--gp-ink); min-width:0; }
.gp-404__search button { flex-shrink:0; border:none; background:var(--grad-primary); color:#fff; font-weight:700; font-size:var(--text-sm); padding:.6rem 1.2rem; border-radius:var(--radius-full); cursor:pointer; }
.gp-404__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:var(--space-3); margin-bottom:var(--space-6); }
.gp-404__links { display:flex; flex-wrap:wrap; justify-content:center; gap:var(--space-2) var(--space-5); }
.gp-404__links a { font-size:var(--text-sm); font-weight:600; color:var(--gp-mute); transition:color var(--transition-fast); }
.gp-404__links a:hover { color:var(--gp-primary); }

/* Yüzen yemek emojileri */
.gp-404__float { position:absolute; z-index:1; font-size:clamp(1.8rem,4vw,3rem); opacity:.5; animation:gp404-float 7s ease-in-out infinite; pointer-events:none; }
.gp-404__float--1 { top:12%; left:8%; animation-delay:0s; }
.gp-404__float--2 { top:20%; right:10%; animation-delay:1s; }
.gp-404__float--3 { bottom:24%; left:12%; animation-delay:.5s; }
.gp-404__float--4 { bottom:16%; right:14%; animation-delay:1.6s; }
.gp-404__float--5 { top:46%; left:3%; animation-delay:2.2s; }
@keyframes gp404-float { 0%,100%{ transform:translateY(0) rotate(-6deg); } 50%{ transform:translateY(-18px) rotate(8deg); } }
@media (max-width:560px){ .gp-404__float { display:none; } }
@media (prefers-reduced-motion: reduce){ .gp-404__plate, .gp-404__float { animation:none; } }

/* ============================================================
   GoPOS Nedir? — SEO anahtar kelime bölümü
   ============================================================ */
.gp-seokw__lead { max-width:880px; margin:0 auto clamp(2rem,4vw,3rem); text-align:center; font-size:var(--text-lg); line-height:1.8; color:var(--gp-mute); }
.gp-seokw__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-5); }
.gp-kw-card { background:#fff; border:1px solid var(--gp-line); border-radius:var(--radius-xl); padding:var(--space-6); transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.gp-kw-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:transparent; }
.gp-kw-card__icon { width:52px; height:52px; display:flex; align-items:center; justify-content:center; border-radius:var(--radius-md); background:var(--as,var(--gp-primary-soft)); margin-bottom:var(--space-4); transition:transform var(--transition-bounce); }
.gp-kw-card:hover .gp-kw-card__icon { transform:rotate(-6deg) scale(1.08); }
.gp-kw-card__icon .gp-ico { width:28px; height:28px; color:var(--a,var(--gp-primary)); }
.gp-kw-card__title { font-size:var(--text-lg); font-weight:800; color:var(--gp-ink); letter-spacing:-.01em; margin-bottom:var(--space-2); }
.gp-kw-card__desc { font-size:var(--text-sm); color:var(--gp-mute); line-height:1.65; }
.gp-kw-card--orange { --a:var(--gp-primary); --as:var(--gp-primary-soft); }
.gp-kw-card--blue   { --a:var(--gp-blue);    --as:var(--gp-blue-soft); }
.gp-kw-card--gold   { --a:var(--gp-gold);    --as:var(--gp-gold-soft); }
@media (max-width:900px){ .gp-seokw__grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .gp-seokw__grid{grid-template-columns:1fr;} .gp-seokw__lead{text-align:left;} }

/* ============================================================
   AKILLI YÖNETİM HUB — aydınlık, temaya uygun
   ============================================================ */
.gp-shub__wrap { display:flex; flex-direction:column; gap:var(--space-6); }

/* Sekmeler */
.gp-shub__tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-3); }
.gp-shub-tab { display:flex; align-items:center; gap:var(--space-3); padding:var(--space-4); background:#fff; border:1.5px solid var(--gp-line); border-radius:var(--radius-lg); cursor:pointer; text-align:left; transition:transform var(--transition), box-shadow var(--transition), background var(--transition), border-color var(--transition); }
.gp-shub-tab:hover { border-color:var(--gp-line-2); transform:translateY(-2px); box-shadow:var(--shadow-sm); }
.gp-shub-tab__icon { width:46px; height:46px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:var(--radius-md); background:var(--as,var(--gp-primary-soft)); transition:background var(--transition); }
.gp-shub-tab__icon .gp-ico { width:24px; height:24px; color:var(--a,var(--gp-primary)); }
.gp-shub-tab__text strong { display:block; font-size:var(--text-sm); font-weight:800; color:var(--gp-ink); line-height:1.2; }
.gp-shub-tab__text small { font-size:var(--text-xs); color:var(--gp-mute); }
.gp-shub-tab.is-active { border-color:transparent; background:var(--a,var(--gp-primary)); box-shadow:0 12px 28px -10px var(--a,var(--gp-primary)); }
.gp-shub-tab.is-active .gp-shub-tab__icon { background:rgba(255,255,255,.22); }
.gp-shub-tab.is-active .gp-shub-tab__icon .gp-ico { color:#fff; }
.gp-shub-tab.is-active .gp-shub-tab__text strong { color:#fff; }
.gp-shub-tab.is-active .gp-shub-tab__text small { color:rgba(255,255,255,.85); }

.gp-shub-tab--orange, .gp-shub-panel--orange { --a:var(--gp-primary); --as:var(--gp-primary-soft); }
.gp-shub-tab--gold,   .gp-shub-panel--gold   { --a:var(--gp-gold);    --as:var(--gp-gold-soft); }
.gp-shub-tab--blue,   .gp-shub-panel--blue   { --a:var(--gp-blue);    --as:var(--gp-blue-soft); }
.gp-shub-tab--ink,    .gp-shub-panel--ink    { --a:var(--gp-ink);     --as:var(--gp-bg-tint); }

/* Paneller */
.gp-shub-panel { display:none; }
.gp-shub-panel.is-active { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:center; background:#fff; border:1px solid var(--gp-line); border-radius:var(--radius-2xl); padding:clamp(1.5rem,4vw,3rem); box-shadow:var(--shadow-lg); animation:shub-fade .4s ease; }
@keyframes shub-fade { from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:none;} }
.gp-shub-panel__badge { display:inline-block; font-size:var(--text-xs); font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:var(--a); background:var(--as); padding:.35rem .9rem; border-radius:var(--radius-full); margin-bottom:var(--space-4); }
.gp-shub-panel__title { font-size:clamp(var(--text-xl),2.4vw,var(--text-3xl)); font-weight:800; color:var(--gp-ink); letter-spacing:-.02em; line-height:1.2; margin-bottom:var(--space-4); }
.gp-shub-panel__desc { font-size:var(--text-base); color:var(--gp-mute); line-height:1.75; margin-bottom:var(--space-5); }
.gp-shub-feats { display:flex; flex-direction:column; gap:var(--space-3); }
.gp-shub-feats li { display:flex; align-items:flex-start; gap:var(--space-3); font-size:var(--text-sm); }
.gp-shub-feats .ck { width:24px; height:24px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--as); color:var(--a); font-weight:900; font-size:12px; }
.gp-shub-feats strong { display:block; color:var(--gp-ink); font-weight:700; }
.gp-shub-feats small { color:var(--gp-mute); font-size:var(--text-xs); }
.gp-shub-panel__visual { display:flex; justify-content:center; }

/* Panel içi "İncele" linki (ana sayfada da stilli görünür) */
.gp-shub-link { display:inline-flex; align-items:center; gap:8px; margin-top:var(--space-5); font-size:var(--text-sm); font-weight:800; color:var(--a,var(--gp-primary)); text-decoration:none; transition:gap var(--transition); }
.gp-shub-link svg { transition:transform var(--transition); }
.gp-shub-link:hover { gap:12px; }
.gp-shub-link:hover svg { transform:translateX(3px); }
@media (max-width:980px){ .gp-shub-link { margin-inline:auto; } }

/* ── Aydınlık ekran kartı (mutfak / paket) ─────────────────── */
.gp-scr { width:100%; max-width:380px; background:#fff; border:1px solid var(--gp-line); border-radius:var(--radius-xl); box-shadow:var(--shadow-xl); overflow:hidden; }
.gp-scr__head { display:flex; align-items:center; justify-content:space-between; padding:var(--space-4) var(--space-5); border-bottom:1px solid var(--gp-line); font-weight:800; color:var(--gp-ink); font-size:var(--text-sm); }
.gp-scr__badge { font-size:var(--text-xs); font-weight:800; color:var(--a); background:var(--as); padding:4px 10px; border-radius:var(--radius-full); }
.gp-scr__body { padding:var(--space-3) var(--space-4); }
.gp-scr-row { display:flex; align-items:center; gap:var(--space-3); padding:.7rem .25rem; border-bottom:1px solid var(--gp-line); opacity:0; }
.gp-scr-row:last-child { border-bottom:none; }
.gp-scr-row__ck { width:22px; height:22px; flex-shrink:0; border-radius:50%; background:var(--gp-teal-soft); color:var(--gp-teal); display:flex; align-items:center; justify-content:center; font-weight:900; font-size:12px; }
.gp-scr-row__dot { width:9px; height:9px; flex-shrink:0; border-radius:50%; background:var(--a); }
.gp-scr-row__name { font-size:var(--text-sm); font-weight:600; color:var(--gp-ink); }
.gp-scr-row__meta { margin-left:auto; font-size:var(--text-xs); color:var(--gp-mute); font-weight:600; }
.gp-scr-row__price { margin-left:auto; font-size:var(--text-sm); font-weight:800; color:var(--a); }
.gp-shub-panel.is-active .gp-scr-row { animation:shub-row .5s ease both; }
.gp-shub-panel.is-active .gp-scr-row:nth-child(1){ animation-delay:.05s; }
.gp-shub-panel.is-active .gp-scr-row:nth-child(2){ animation-delay:.17s; }
.gp-shub-panel.is-active .gp-scr-row:nth-child(3){ animation-delay:.29s; }
.gp-shub-panel.is-active .gp-scr-row:nth-child(4){ animation-delay:.41s; }
@keyframes shub-row { from{opacity:0; transform:translateX(14px);} to{opacity:1; transform:none;} }

.gp-scr-cta { display:flex; align-items:center; justify-content:center; gap:8px; margin:var(--space-2) var(--space-4) var(--space-3); padding:.8rem; border-radius:var(--radius); background:var(--a); color:#fff; font-weight:800; font-size:var(--text-sm); box-shadow:0 8px 22px -8px var(--a); animation:shub-pulse 1.8s ease-in-out infinite; }
.gp-scr-cta::before { content:''; width:8px; height:8px; border-radius:50%; background:#fff; }
@keyframes shub-pulse { 0%,100%{transform:scale(1);} 50%{transform:scale(1.03);} }

.gp-scr-toast { margin:0 var(--space-4) var(--space-4); text-align:center; font-size:var(--text-sm); font-weight:800; color:var(--gp-teal); background:var(--gp-teal-soft); border-radius:var(--radius); padding:.7rem; opacity:0; }
.gp-shub-panel.is-active .gp-scr-toast { animation:shub-pop .5s .7s both; }
@keyframes shub-pop { 0%{opacity:0; transform:scale(.85);} 60%{opacity:1; transform:scale(1.05);} 100%{opacity:1; transform:scale(1);} }

/* ── Aydınlık telefon (bildirim / QR) ──────────────────────── */
.gp-ph { width:264px; max-width:100%; background:var(--gp-ink); border-radius:34px; padding:8px; box-shadow:var(--shadow-xl); position:relative; }
.gp-ph__notch { position:absolute; top:8px; left:50%; transform:translateX(-50%); width:110px; height:20px; background:var(--gp-ink); border-radius:0 0 14px 14px; z-index:3; }
.gp-ph__screen { background:#fff; border-radius:28px; overflow:hidden; min-height:430px; }
.gp-ph__bar { display:flex; align-items:center; gap:8px; justify-content:center; padding:1.4rem 1rem .9rem; font-weight:800; font-size:var(--text-sm); color:var(--gp-ink); border-bottom:1px solid var(--gp-line); }
.gp-ph__bell { position:relative; color:var(--a); display:inline-flex; transform-origin:top center; animation:bell-ring 3s ease-in-out infinite; }
.gp-ph__dot { position:absolute; top:-2px; right:-2px; width:8px; height:8px; border-radius:50%; background:var(--gp-pink); border:1.5px solid #fff; }
@keyframes bell-ring { 0%,70%,100%{transform:rotate(0);} 75%{transform:rotate(12deg);} 80%{transform:rotate(-10deg);} 85%{transform:rotate(8deg);} 90%{transform:rotate(-5deg);} 95%{transform:rotate(2deg);} }
.gp-ph__feed { padding:12px; display:flex; flex-direction:column; }

.gp-nt { display:flex; align-items:flex-start; gap:10px; margin-bottom:10px; padding:10px 12px; background:#fff; border:1px solid var(--gp-line); border-left:3px solid var(--gp-line-2); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); opacity:0; }
.gp-nt--iade  { border-left-color:#F87171; }
.gp-nt--ikram { border-left-color:var(--gp-teal); }
.gp-nt--fiyat { border-left-color:var(--gp-primary); }
.gp-shub-panel.is-active .gp-nt { animation:shub-row .5s ease both; }
.gp-shub-panel.is-active .gp-nt:nth-child(1){ animation-delay:.1s; }
.gp-shub-panel.is-active .gp-nt:nth-child(2){ animation-delay:.28s; }
.gp-shub-panel.is-active .gp-nt:nth-child(3){ animation-delay:.46s; }
.gp-nt__ico { width:34px; height:34px; flex-shrink:0; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:16px; }
.gp-nt--iade .gp-nt__ico  { background:#FEE2E2; }
.gp-nt--ikram .gp-nt__ico { background:var(--gp-teal-soft); }
.gp-nt--fiyat .gp-nt__ico { background:var(--gp-primary-soft); }
.gp-nt__tag { display:inline-block; font-size:9px; font-weight:800; padding:1px 7px; border-radius:var(--radius-full); margin-bottom:3px; letter-spacing:.04em; }
.gp-nt__tag--iade  { background:#FEE2E2; color:#DC2626; }
.gp-nt__tag--ikram { background:var(--gp-teal-soft); color:var(--gp-teal); }
.gp-nt__tag--fiyat { background:var(--gp-primary-soft); color:var(--gp-primary-dark); }
.gp-nt strong { display:block; font-size:var(--text-sm); font-weight:800; color:var(--gp-ink); }
.gp-nt span { font-size:var(--text-xs); color:var(--gp-mute); }
.gp-nt__time { margin-left:auto; font-size:10px; color:var(--gp-faint); flex-shrink:0; }

@media (max-width:980px){
  .gp-shub__tabs { grid-template-columns:repeat(2,1fr); }
  .gp-shub-panel.is-active { grid-template-columns:1fr; gap:var(--space-6); text-align:center; }
  .gp-shub-panel__visual { order:-1; }
  .gp-shub-feats li { text-align:left; }
  .gp-shub-feats { max-width:420px; margin-inline:auto; }
}
@media (max-width:560px){
  .gp-shub__tabs { gap:8px; }
  .gp-shub-tab { padding:12px; }
  .gp-shub-tab__text small { display:none; }
}
@media (prefers-reduced-motion: reduce){
  .gp-scr-row, .gp-nt, .gp-scr-toast { opacity:1 !important; animation:none !important; }
  .gp-scr-cta, .gp-ph__bell { animation:none !important; }
}