/* ───────── סקינים: פרטים קטנים שמבדילים כל עיצוב ───────── */
/* הצבעים, הפונטים והפינות מגיעים מהגדרות העיצוב; כאן רק אפקטים. */

/* ===== Aurora: זוהר וזכוכית ===== */
body.gst-skin-aurora { background-image: radial-gradient(60rem 40rem at 85% -10%, rgba(139,92,255,.22), transparent 60%), radial-gradient(50rem 36rem at -5% 30%, rgba(25,227,200,.14), transparent 60%); background-attachment: fixed; }
body.gst-skin-aurora .gst-nav { backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); border: 1px solid rgba(255,255,255,.1); }
body.gst-skin-aurora .gst-zone-ttl, body.gst-skin-aurora .gst-shop-hero h1 { background: linear-gradient(100deg, var(--gs-strong), var(--gs-accent) 70%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.gst-skin-aurora .gst-btn { box-shadow: 0 8px 28px -8px var(--gs-primary); }
body.gst-skin-aurora .gst-pc, body.gst-skin-aurora .gst-zi { border: 1px solid rgba(255,255,255,.1); transition: transform .35s, box-shadow .35s, border-color .35s; }
body.gst-skin-aurora .gst-pc:hover, body.gst-skin-aurora .gst-zi:hover { transform: translateY(-6px); border-color: rgba(139,92,255,.6); box-shadow: 0 24px 60px -24px rgba(139,92,255,.7); }
body.gst-skin-aurora .gst-trust-ico { background: linear-gradient(135deg, var(--gs-primary), var(--gs-accent)); color: #04030d; }

/* ===== Neo Brutal: מסגרת, צל קשיח ===== */
body.gst-skin-brutal { --gst-bd: 3px solid #111; }
body.gst-skin-brutal .gst-nav { border-bottom: var(--gst-bd); box-shadow: none; }
body.gst-skin-brutal .gst-btn { border: var(--gst-bd); box-shadow: 4px 4px 0 #111; font-weight: 800; transition: transform .12s, box-shadow .12s; }
body.gst-skin-brutal .gst-btn:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 #111; }
body.gst-skin-brutal .gst-btn:active { transform: translate(3px,3px); box-shadow: 1px 1px 0 #111; }
body.gst-skin-brutal .gst-pc, body.gst-skin-brutal .gst-zi, body.gst-skin-brutal .gst-adbox, body.gst-skin-brutal .gst-shop-promo { border: var(--gst-bd); box-shadow: 6px 6px 0 #111; }
body.gst-skin-brutal .gst-pc:hover, body.gst-skin-brutal .gst-zi:hover { transform: translate(-3px,-3px); box-shadow: 9px 9px 0 #111; }
body.gst-skin-brutal .gst-zone-ttl, body.gst-skin-brutal .gst-shop-hero h1 { text-transform: none; letter-spacing: -.02em; text-shadow: 3px 3px 0 var(--gs-amber); }
body.gst-skin-brutal .gst-zone-kicker { background: #111; color: #fff; padding: 3px 12px; border-radius: 0; transform: rotate(-2deg); display: inline-block; }
body.gst-skin-brutal .gst-trust > * { border: var(--gst-bd); box-shadow: 4px 4px 0 #111; background: #fff; }
body.gst-skin-brutal .gst-pc-pct { border: 2px solid #111; box-shadow: 2px 2px 0 #111; }

/* ===== Swiss: רשת, קווים, טיפוגרפיה ===== */
body.gst-skin-swiss .gst-nav { border-bottom: 2px solid #111; }
body.gst-skin-swiss .gst-zone-head { border-top: 6px solid #111; padding-top: 14px; }
body.gst-skin-swiss .gst-zone-ttl, body.gst-skin-swiss .gst-shop-hero h1 { letter-spacing: -.035em; line-height: .98; font-size: clamp(2rem, 4.4vw, 3.6rem); }
body.gst-skin-swiss .gst-zone-kicker { color: var(--gs-primary); letter-spacing: .14em; text-transform: uppercase; font-weight: 800; }
body.gst-skin-swiss .gst-btn { border-radius: 0; text-transform: none; letter-spacing: .02em; }
body.gst-skin-swiss .gst-pc, body.gst-skin-swiss .gst-zi { border: 0; border-top: 2px solid #111; border-radius: 0; background: transparent; box-shadow: none; }
body.gst-skin-swiss .gst-pc:hover .gst-pc-body b, body.gst-skin-swiss .gst-zi:hover b { color: var(--gs-primary); }
body.gst-skin-swiss .gst-pc-pct, body.gst-skin-swiss .gst-pc-tag { border-radius: 0; }
body.gst-skin-swiss .gst-adbox { border-radius: 0; }
body.gst-skin-swiss .gst-trust > * { border-top: 2px solid #111; border-radius: 0; background: transparent; }

/* ===== Cyber: טרמינל וניאון ===== */
body.gst-skin-cyber { background-image: linear-gradient(rgba(182,255,0,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(182,255,0,.045) 1px, transparent 1px); background-size: 38px 38px; }
body.gst-skin-cyber .gst-nav { border-bottom: 1px solid rgba(182,255,0,.35); }
body.gst-skin-cyber .gst-zone-ttl::before { content: "> "; color: var(--gs-primary); }
body.gst-skin-cyber .gst-zone-ttl::after { content: "_"; color: var(--gs-primary); animation: gstBlink 1s steps(1) infinite; }
body.gst-skin-cyber .gst-zone-kicker { font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: .12em; color: var(--gs-accent); }
body.gst-skin-cyber .gst-btn { clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)); box-shadow: none; }
body.gst-skin-cyber .gst-pc, body.gst-skin-cyber .gst-zi { border: 1px solid rgba(182,255,0,.28); box-shadow: inset 0 0 0 1px rgba(0,229,255,.06); transition: border-color .25s, box-shadow .25s; }
body.gst-skin-cyber .gst-pc:hover, body.gst-skin-cyber .gst-zi:hover { border-color: var(--gs-primary); box-shadow: 0 0 0 1px var(--gs-primary), 0 0 28px -4px rgba(182,255,0,.55); }
body.gst-skin-cyber .gst-pc-price b { font-family: ui-monospace, Menlo, monospace; }
body.gst-skin-cyber .gst-trust-ico { background: transparent; border: 1px solid var(--gs-primary); color: var(--gs-primary); border-radius: 4px; }
@keyframes gstBlink { 50% { opacity: 0; } }

/* ===== Bubble: פסטל מעוגל ===== */
body.gst-skin-bubble { background-image: radial-gradient(rgba(139,92,246,.1) 2px, transparent 2px); background-size: 28px 28px; }
body.gst-skin-bubble .gst-nav { border-radius: 999px; box-shadow: 0 12px 40px -16px rgba(139,92,246,.45); border: 2px solid #fff; }
body.gst-skin-bubble .gst-btn { border-radius: 999px; box-shadow: 0 6px 0 rgba(0,0,0,.14); transition: transform .15s, box-shadow .15s; }
body.gst-skin-bubble .gst-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 0 rgba(0,0,0,.14); }
body.gst-skin-bubble .gst-btn:active { transform: translateY(4px); box-shadow: 0 2px 0 rgba(0,0,0,.14); }
body.gst-skin-bubble .gst-pc, body.gst-skin-bubble .gst-zi, body.gst-skin-bubble .gst-adbox { border: 3px solid #fff; box-shadow: 0 18px 40px -22px rgba(139,92,246,.55); }
body.gst-skin-bubble .gst-pc:hover, body.gst-skin-bubble .gst-zi:hover { transform: translateY(-6px) rotate(-.6deg); }
body.gst-skin-bubble .gst-zone-ico { border-radius: 50%; box-shadow: 0 6px 0 rgba(0,0,0,.1); }
body.gst-skin-bubble .gst-zone-kicker { background: rgba(255,107,181,.16); color: #D6247F; padding: 4px 14px; border-radius: 999px; display: inline-block; }
body.gst-skin-bubble .gst-trust > * { border-radius: 28px; background: #fff; box-shadow: 0 14px 30px -20px rgba(139,92,246,.5); }

/* ===== Luxe: זהב וקווים דקים ===== */
body.gst-skin-luxe { letter-spacing: .005em; }
body.gst-skin-luxe .gst-nav { border-bottom: 1px solid rgba(212,175,55,.4); }
body.gst-skin-luxe .gst-zone-head { text-align: center; flex-direction: column; align-items: center; }
body.gst-skin-luxe .gst-zone-ttl, body.gst-skin-luxe .gst-shop-hero h1 { font-weight: 700; letter-spacing: .01em; }
body.gst-skin-luxe .gst-zone-ttl::after { content: ""; display: block; width: 64px; height: 1px; margin: 14px auto 0; background: linear-gradient(90deg, transparent, var(--gs-primary), transparent); }
body.gst-skin-luxe .gst-zone-kicker { letter-spacing: .3em; font-size: .72rem; color: var(--gs-primary); text-transform: uppercase; }
body.gst-skin-luxe .gst-btn { border: 1px solid var(--gs-primary); background: transparent; color: var(--gs-primary); border-radius: 0; letter-spacing: .08em; transition: background .3s, color .3s; }
body.gst-skin-luxe .gst-btn:hover { background: var(--gs-primary); color: #0B0A09; }
body.gst-skin-luxe .gst-pc, body.gst-skin-luxe .gst-zi { border: 1px solid rgba(212,175,55,.28); border-radius: 2px; background: linear-gradient(180deg, rgba(255,255,255,.03), transparent); transition: border-color .4s, transform .5s; }
body.gst-skin-luxe .gst-pc:hover, body.gst-skin-luxe .gst-zi:hover { border-color: var(--gs-primary); transform: translateY(-4px); }
body.gst-skin-luxe .gst-pc-pic img, body.gst-skin-luxe .gst-zi img { filter: saturate(.9) contrast(1.03); }
body.gst-skin-luxe .gst-trust-ico { background: transparent; color: var(--gs-primary); border: 1px solid rgba(212,175,55,.5); }

/* ===== Sunrise: גרדיאנט חם ===== */
body.gst-skin-sunrise { background-image: radial-gradient(48rem 30rem at 100% -8%, rgba(255,90,54,.16), transparent 60%), radial-gradient(40rem 28rem at 0% 22%, rgba(255,176,0,.16), transparent 60%); background-attachment: fixed; }
body.gst-skin-sunrise .gst-nav { box-shadow: 0 10px 34px -18px rgba(255,90,54,.5); }
body.gst-skin-sunrise .gst-btn { background-image: linear-gradient(100deg, #FF5A36, #FF2E7E); border: 0; box-shadow: 0 12px 26px -12px #FF2E7E; }
body.gst-skin-sunrise .gst-btn:hover { filter: brightness(1.06) saturate(1.1); transform: translateY(-2px); }
body.gst-skin-sunrise .gst-zone-ttl { background: linear-gradient(100deg, #FF5A36, #FF2E7E 60%, #7A3CFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.gst-skin-sunrise .gst-pc, body.gst-skin-sunrise .gst-zi { border: 1px solid rgba(255,90,54,.14); box-shadow: 0 18px 40px -26px rgba(255,90,54,.6); }
body.gst-skin-sunrise .gst-pc:hover, body.gst-skin-sunrise .gst-zi:hover { transform: translateY(-6px) scale(1.01); }
body.gst-skin-sunrise .gst-pc-pct { background-image: linear-gradient(135deg, #FF5A36, #FF2E7E); }
body.gst-skin-sunrise .gst-trust-ico { background-image: linear-gradient(135deg, #FFB000, #FF5A36); color: #fff; }

/* ===== Nordic: נקי ורגוע ===== */
body.gst-skin-nordic .gst-nav { box-shadow: 0 1px 0 rgba(18,36,58,.06), 0 18px 40px -30px rgba(18,36,58,.4); }
body.gst-skin-nordic .gst-zone-kicker { color: var(--gs-primary); font-weight: 700; letter-spacing: .04em; }
body.gst-skin-nordic .gst-zone-ttl { font-weight: 800; letter-spacing: -.01em; }
body.gst-skin-nordic .gst-btn { box-shadow: none; transition: background .2s, transform .2s; }
body.gst-skin-nordic .gst-btn:hover { transform: translateY(-1px); }
body.gst-skin-nordic .gst-pc, body.gst-skin-nordic .gst-zi { border: 1px solid #DCE6F1; background: #fff; box-shadow: 0 1px 2px rgba(18,36,58,.04); transition: box-shadow .3s, transform .3s; }
body.gst-skin-nordic .gst-pc:hover, body.gst-skin-nordic .gst-zi:hover { box-shadow: 0 22px 44px -26px rgba(37,99,235,.45); transform: translateY(-3px); }
body.gst-skin-nordic .gst-trust > * { background: #fff; border: 1px solid #DCE6F1; }
body.gst-skin-nordic .gst-trust-ico { background: #EAF1FF; color: var(--gs-primary); }

/* ===== Bento: אריחים בגדלים שונים ===== */
body.gst-skin-bento .gst-nav { border-bottom: 1px solid rgba(198,241,53,.18); }
body.gst-skin-bento .gst-pc, body.gst-skin-bento .gst-zi, body.gst-skin-bento .gst-adbox, body.gst-skin-bento .gst-trust > * { border: 1px solid rgba(255,255,255,.07); background: var(--gs-bg2); transition: transform .3s, border-color .3s; }
body.gst-skin-bento .gst-pc:hover, body.gst-skin-bento .gst-zi:hover { transform: translateY(-4px); border-color: rgba(198,241,53,.5); }
body.gst-skin-bento .gst-btn { color: #0E1512; font-weight: 800; }
body.gst-skin-bento .gst-zone-ttl { letter-spacing: -.02em; }
body.gst-skin-bento .gst-zone-kicker { background: rgba(198,241,53,.14); color: var(--gs-primary); padding: 4px 12px; border-radius: 999px; display: inline-block; }
body.gst-skin-bento .gst-trust-ico { background: var(--gs-primary); color: #0E1512; border-radius: 14px; }

/* ===== מצב תנועה מופחתת ===== */
@media (prefers-reduced-motion: reduce) {
	body[class*="gst-skin-"] * { animation: none !important; transition: none !important; }
}
