/* ============================================================
   GOPOS POS PANELİ (domain/pos/) — header/footer'sız sade panel
   ============================================================ */
html, body.gp-pos-page { overflow-x: hidden !important; max-width: 100%; }
body.gp-pos-page { background: var(--gp-bg-soft); margin: 0; }
.gp-pos { min-height: 100vh; width: 100%; max-width: 100%; overflow-x: hidden; }
/* Panel içeriği her zaman görünür olsun — scroll animasyonuna bağlı kalmasın. */
.gp-pos-page [data-animate] { opacity: 1 !important; transform: none !important; }

/* Bağımsız ortalama sarmalayıcı (global .container'a güvenmez) */
.gp-pos__wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding-inline: clamp(1rem, 4vw, 2.5rem); box-sizing: border-box; }

/* Üst bar */
.gp-pos__top { position: sticky; top: 0; z-index: 50; padding-block: .7rem; background: rgba(255,255,255,.92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--gp-line); }
.gp-pos__topinner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.gp-pos__logo { display: flex; align-items: center; flex-shrink: 0; }
.gp-pos__logo img, .gp-pos__logo .custom-logo { height: 38px; width: auto; max-width: 160px; object-fit: contain; }
.gp-pos__logo .logo-text { font-size: var(--text-xl); font-weight: 900; color: var(--gp-ink); }
.gp-pos__logo .logo-text::after { content: '.'; color: var(--gp-primary); }
.gp-pos__topnav { display: flex; align-items: center; gap: var(--space-4); flex-shrink: 0; }
.gp-pos__topnav > a:not(.gp-btn) { font-size: var(--text-sm); font-weight: 700; color: var(--gp-text); white-space: nowrap; transition: color var(--transition-fast); }
.gp-pos__topnav > a:not(.gp-btn):hover { color: var(--gp-primary); }

.gp-pos__main { width: 100%; padding: clamp(1.5rem, 4vw, 3rem) 0 clamp(2.5rem, 6vw, 4rem); }

/* Karşılama */
.gp-pos-hero { text-align: center; max-width: 720px; margin: 0 auto clamp(2rem, 5vw, 3.5rem); }
.gp-pos-hero__badge { display: inline-block; font-size: var(--text-sm); font-weight: 700; color: var(--gp-primary); background: var(--gp-primary-soft); padding: .45rem 1rem; border-radius: var(--radius-full); margin-bottom: var(--space-4); }
.gp-pos-hero__title { font-size: clamp(var(--text-2xl), 4vw, var(--text-4xl)); font-weight: 900; color: var(--gp-ink); letter-spacing: -.02em; margin-bottom: var(--space-4); }
.gp-pos-hero__desc { font-size: var(--text-lg); color: var(--gp-mute); line-height: 1.7; }

/* Bölüm */
.gp-pos-sec { margin-bottom: clamp(2.5rem, 5vw, 4rem); }
.gp-pos-sec__head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-5); }
.gp-pos-sec__head h2 { font-size: clamp(var(--text-lg), 2.2vw, var(--text-2xl)); font-weight: 800; color: var(--gp-ink); letter-spacing: -.02em; }
.gp-pos-sec__head p { font-size: var(--text-sm); color: var(--gp-mute); }
.gp-pos-sec__head a { color: var(--gp-primary); font-weight: 700; }

/* Ürün slider (yatay kaydırma) */
.gp-pos-slider { display: flex; gap: var(--space-4); overflow-x: auto; padding-bottom: var(--space-3); scroll-snap-type: x mandatory; scrollbar-width: thin; }
.gp-pos-slider::-webkit-scrollbar { height: 6px; }
.gp-pos-slider::-webkit-scrollbar-thumb { background: var(--gp-line-2); border-radius: 3px; }
.gp-pos-prod { flex: 0 0 220px; scroll-snap-align: start; background: #fff; border: 1px solid var(--gp-line); border-radius: var(--radius-xl); overflow: hidden; transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.gp-pos-prod:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: transparent; }
.gp-pos-prod__img { aspect-ratio: 1/1; background: var(--gp-bg-soft); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.gp-pos-prod__img img { width: 100%; height: 100%; object-fit: cover; }
.gp-pos-prod__ph { font-size: 2.5rem; opacity: .5; }
.gp-pos-prod__body { padding: var(--space-4); }
.gp-pos-prod__name { display: block; font-size: var(--text-sm); font-weight: 700; color: var(--gp-ink); line-height: 1.35; margin-bottom: var(--space-2); min-height: 2.4em; }
.gp-pos-prod__price { font-size: var(--text-base); font-weight: 800; color: var(--gp-primary); }
.gp-pos-prod__price del { color: var(--gp-faint); font-weight: 500; font-size: var(--text-sm); }
.gp-pos-prod__price ins { text-decoration: none; }

/* Hızlı erişim kartları */
.gp-pos-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
.gp-pos-card { display: flex; flex-direction: column; gap: 6px; padding: var(--space-5); background: #fff; border: 1px solid var(--gp-line); border-radius: var(--radius-xl); transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.gp-pos-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: transparent; }
.gp-pos-card__ico { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-md); background: var(--cs, var(--gp-primary-soft)); margin-bottom: var(--space-2); }
.gp-pos-card__ico .gp-ico { width: 24px; height: 24px; color: var(--cc, var(--gp-primary)); }
.gp-pos-card strong { font-size: var(--text-base); font-weight: 800; color: var(--gp-ink); }
.gp-pos-card span { font-size: var(--text-sm); color: var(--gp-mute); line-height: 1.55; }
.gp-pos-card--orange { --cc: var(--gp-primary); --cs: var(--gp-primary-soft); }
.gp-pos-card--blue   { --cc: var(--gp-blue);    --cs: var(--gp-blue-soft); }
.gp-pos-card--gold   { --cc: var(--gp-gold);    --cs: var(--gp-gold-soft); }

/* Videolar */
.gp-pos-vids { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); }
.gp-pos-vid { display: flex; flex-direction: column; gap: var(--space-2); text-align: left; background: none; cursor: pointer; }
.gp-pos-vid__thumb { position: relative; aspect-ratio: 16/9; border-radius: var(--radius-lg); overflow: hidden; background: var(--gp-bg-tint); }
.gp-pos-vid__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition); }
.gp-pos-vid:hover .gp-pos-vid__thumb img { transform: scale(1.06); }
.gp-pos-vid__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.94); color: var(--gp-primary); box-shadow: var(--shadow-lg); transition: transform var(--transition-bounce), background var(--transition); }
.gp-pos-vid__play svg { margin-left: 2px; }
.gp-pos-vid:hover .gp-pos-vid__play { background: var(--grad-primary); color: #fff; transform: translate(-50%,-50%) scale(1.08); }
.gp-pos-vid__title { font-size: var(--text-sm); font-weight: 700; color: var(--gp-ink); line-height: 1.35; }

/* Uygulamayı puanla */
.gp-pos-rate { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.gp-pos-rate__item { display: inline-flex; align-items: center; gap: var(--space-3); padding: .7rem 1.1rem; background: #fff; border: 1px solid var(--gp-line); border-radius: var(--radius-lg); transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.gp-pos-rate__item:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: transparent; }
.gp-pos-rate__ico { width: 30px; height: 30px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: var(--gp-ink); }
.gp-pos-rate__ico svg { width: 24px; height: 24px; }
.gp-pos-rate__item--g .gp-pos-rate__ico { color: var(--gp-primary); }
.gp-pos-rate__txt { display: flex; flex-direction: column; line-height: 1.2; }
.gp-pos-rate__txt small { font-size: 10px; color: var(--gp-mute); font-weight: 600; }
.gp-pos-rate__txt strong { font-size: var(--text-sm); color: var(--gp-ink); font-weight: 800; }

/* Sosyal medya */
.gp-pos-sec--social { text-align: center; }
.gp-pos-sec--social .gp-pos-sec__head { justify-content: center; }
.gp-pos-social { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); }
.gp-pos-social__link { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; border: 1px solid var(--gp-line); color: var(--gp-ink); transition: all var(--transition-fast); }
.gp-pos-social__link svg { width: 22px; height: 22px; }
.gp-pos-social__link:hover { transform: translateY(-3px); color: #fff; border-color: transparent; }
.gp-pos-social__link--wa:hover { background: #25D366; }
.gp-pos-social__link--ig:hover { background: linear-gradient(135deg,#F58529,#DD2A7B,#8134AF); }
.gp-pos-social__link--fb:hover { background: #1877F2; }
.gp-pos-social__link--x:hover  { background: #000; }
.gp-pos-social__link--yt:hover { background: #FF0000; }
.gp-pos-social__link--mail:hover { background: var(--gp-primary); }
.gp-pos-foot { margin-top: var(--space-6); font-size: var(--text-xs); color: var(--gp-faint); }

/* Responsive */
@media (max-width: 900px) {
    .gp-pos-cards { grid-template-columns: 1fr; }
    .gp-pos-vids { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .gp-pos-vids { grid-template-columns: 1fr; }
    .gp-pos__topnav > a:not(.gp-btn) { display: none; }
    .gp-pos-prod { flex-basis: 160px; }
}