/* ==========================================================================
   refine.css — שיפורים 20.10.2026 (נטען אחרון בכל העמודים, אחרי ערכות העיצוב)
   1. קרוסלת הביקורות בטלפון: הכרטיס נחתך כי השקופית לא יכלה להצטמצם מתחת לרוחב הכרטיס
   2. סימן ציטוט סוגר בפינה השמאלית התחתונה של כל ציטוט שלה ליד תמונה
   3. ציטוט הבית בשתי שורות (המקף נשאר בסוף השורה הראשונה)
   4. ארבע ביקורות בדף החזרי מס: שתי עמודות
   5. כיווץ מרווחים וגדלים בתצוגת מובייל (mobile-density: בהמשך הקובץ)
   ========================================================================== */

/* ---------- 1. קרוסלת ביקורות ---------- */
.google-slide { min-width: 0; }
.google-slide .testi-card { min-width: 0; }
.google-slide .review-head { flex-wrap: wrap; row-gap: 6px; }
@media (max-width: 600px) {
  /* החצים יורדים מהצדדים אל שורת הבקרה מתחת לכרטיס (חץ · השהיה · חץ), והכרטיס מקבל את כל הרוחב */
  html body .google-carousel { display: block; max-width: 100%; padding-bottom: 62px; margin-bottom: 8px; }
  html body .google-carousel .google-carousel-viewport { width: 100%; }
  html body .google-carousel .carousel-arrow { position: absolute; bottom: 0; width: 44px; height: 44px; font-size: 1.4rem; }
  html body .google-carousel .carousel-arrow.prev { right: calc(50% + 36px); }
  html body .google-carousel .carousel-arrow.next { left: calc(50% + 36px); }
  html body .google-carousel .carousel-dots { top: auto; bottom: 4px; margin-top: 0; }
}

/* ---------- 2. סימן ציטוט סוגר ---------- */
.hero-pull-quote::after,
.side-quote::after {
  content: "\201C";
  position: absolute;
  left: 16px;
  bottom: 10px;
  height: 1.1rem;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 0.9;
  color: var(--sp-rose, #b07a76);
  pointer-events: none;
  z-index: 1;
}
.side-quote::after { color: var(--sp-rose-dark, #98615d); bottom: -8px; left: 26px; }
/* העמוד העמוק: ציטוט בלי כרטיס, על רקע כהה */
body.deep-bold .hb-hero .hero-pull-quote::after { color: var(--b-salmon, #f2b1a8); left: 2px; bottom: 0; }
body.deep-bold .hb-hero .hero-pull-quote { padding-bottom: 34px; }
/* בטלפון הכרטיס יושב בזרימה (static): נותנים לו מיקום יחסי כדי שהסימן יתייחס אליו, בלי להזיז אותו */
@media (max-width: 980px) {
  html body .hero-pull-quote { position: relative !important; inset: auto !important; }
}

/* ---------- 3. ציטוט הבית ---------- */
.hero-pull-quote .qline { display: block; }
body.pg-home .hero-pull-quote.compact p { max-width: none; font-size: 1.05rem; }

/* ---------- 4. ארבע ביקורות בדף החזרי מס ---------- */
@media (min-width: 701px) { .testi-grid.testi-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- ביקורות: בלי שורה אחרונה עם מילה בודדת או סימן ציטוט יתום ---------- */
.testi-card .quote-text { text-wrap: pretty; }

/* ---------- ניגודיות: טקסט הפתיח בפס הקריאה לפעולה בארגז הכלים הוא לבן מלא (היה 92% שקיפות: 4.49:1 בנקודת קצה) ---------- */
body.pg-toolbox main .pg-cta-band .section-lead { color: #fff; }

/* ---------- ציטוט העמוד "ניהול כספים לעסקים": סימן הפתיחה בפינה הימנית העליונה, כמו בשאר הציטוטים (בקשתה 20.10) ---------- */
body.deep-bold .hb-hero .hero-pull-quote .quote-mark { right: 4px; transform: none; text-align: right; }

/* ==========================================================================
   mobile-density.css — כיווץ מרווחים ומלבנים בתצוגת מובייל (בקשתה 20.10.2026: "הכל נראה גדול מידי")
   חל רק עד 720px. שומר על גדלי מטרות מגע (לפחות 40px), על טקסט קריא ועל כל הפונקציות.
   ========================================================================== */
@media (max-width: 720px) {

  /* ---------- א. קנה מידה כללי: כל התוכן קטן ב-8% (הכותרת העליונה לא משתנה) ---------- */
  html body main, html body footer.site-footer { zoom: 0.92; }
  /* שדות הטופס: 17.4 × 0.92 = 16px, כדי שהטלפון לא יגדיל את המסך בלחיצה על שדה */
  html body main :is(input, textarea, select) { font-size: 17.4px !important; }

  /* ---------- ב. קצב כללי: שוליים, מקטעים, כותרות, פסקאות ---------- */
  html body .container { padding-inline: 18px; }
  html body main > section:not(.hero):not(.page-hero):not(.contact):not([class*="lp-"]),
  html body main > section.sp-section, html body main > section.sp-testi { padding-top: 28px !important; padding-bottom: 28px !important; }
  html body main h1 { font-size: clamp(1.5rem, 6.4vw, 1.75rem) !important; line-height: 1.22 !important; margin-bottom: 10px !important; }
  html body main h2 { font-size: 1.36rem !important; line-height: 1.28 !important; margin-bottom: 10px !important; }
  html body main h3:not(.hb-who-q) { font-size: 1.06rem !important; line-height: 1.32 !important; }
  html body main h3.hb-who-q { font-size: 1.4rem !important; line-height: 1.35 !important; }   /* משפט הדגשה גדול: נשאר "טקסט גדול" (3:1 מספיק על הרקע הוורוד) */
  html body .eyebrow { font-size: 0.74rem; padding: 4px 12px; margin-bottom: 8px; line-height: 1.5; }
  html body main :is(.lead, .section-lead, .hero-subtitle, .pg-teaser-lead, .sp-prose p) { font-size: 1rem !important; line-height: 1.58 !important; margin-bottom: 12px !important; }
  html body .marquee-strip { padding-block: 8px; }
  html body .marquee-track { gap: 4px; }
  html body .btn { padding: 10px 22px; min-height: 48px; }   /* 48 x 0.92 = 44px: מטרת מגע נוחה */

  /* כותרת עליונה ופירורי לחם: שורת הפירורים נמוכה יותר */
  html body .breadcrumb, html body nav.breadcrumb { padding-block: 3px; font-size: 0.78rem; }

  /* ---------- ג. פתיחת עמוד (hero) בכל העיצובים ---------- */
  html body .hero, html body .page-hero { padding-bottom: 24px !important; }
  html body .hero-grid { gap: 14px !important; }
  html body .hero-media { max-width: none !important; }
  html body .hero-media .frame { max-width: 250px; margin-inline: auto; }
  html body .hero-pull-quote.compact { margin-top: 10px; padding: 10px 16px 10px; border-radius: 16px; width: auto !important; max-width: 100% !important; }
  html body .hero-pull-quote.compact p { max-width: none !important; }
  html body .audience-strip { padding: 12px 14px; gap: 10px; }
  html body .audience-strip p { margin: 0; line-height: 1.55; }
  html body .rp-trust, html body .pg-trust { margin-top: 12px; padding: 10px 14px; border-radius: 18px; }

  /* ---------- ד. כרטיסים ורשימות (כל העיצובים) ---------- */
  html body main :is(.fit-card, .sp-letter, .sp-bridge, .pain-callout, .fee-banner, .rp-bonus, .results-close, .hb-quiz, .bonus-inner) { padding: 16px 16px 14px !important; border-radius: 18px !important; }
  html body .fit-grid { gap: 12px !important; }
  html body .fit-card li, html body .checklist li { margin-bottom: 6px; }
  html body main :is(.testi-card) { padding: 14px 14px 12px !important; border-radius: 16px !important; }
  html body .testi-grid { gap: 10px !important; margin-top: 10px; }
  html body .google-rating-badge { margin-bottom: 12px !important; padding: 7px 12px; }
  html body .google-carousel-label { margin: 18px 0 8px !important; }
  html body .faq-item { padding: 10px 14px !important; }
  html body .faq-list { gap: 8px !important; }

  /* ---------- ה. דף הבית ---------- */
  html body.pg-home .pg-home-hero { padding-top: 96px !important; }
  html body.pg-home .pg-prompt { margin: 12px 0 8px; }
  html body.pg-home .pg-chips { gap: 7px; }
  html body.pg-home .pg-chips a { min-height: 48px; padding: 5px 10px; font-size: 0.88rem; }
  html body.pg-home .pg-allsvc { min-height: 48px; margin-top: 0; }
  html body.pg-home .pg-facts strong { font-size: 1.1rem; }
  html body.pg-home .pg-facts span { font-size: 0.8rem; }
  html body.pg-home .pg-main-pair { gap: 12px; }
  html body.pg-home .pg-main { padding: 16px 16px 12px; border-radius: 22px; }
  html body.pg-home .pg-main .sp-medal { width: 42px; height: 42px; margin-bottom: 8px; }
  html body.pg-home .pg-main .sp-medal svg { width: 20px; height: 20px; }
  html body.pg-home .pg-main h3 { font-size: 1.15rem !important; margin: 6px 0 6px; }
  html body.pg-home .pg-main p { font-size: 0.93rem !important; line-height: 1.52 !important; margin-bottom: 8px !important; }
  html body.pg-home .pg-more-title { margin: 20px 0 10px; font-size: 1.08rem; }
  html body.pg-home .pg-more-grid { gap: 8px; }
  html body.pg-home .pg-svcs .section-lead { margin-bottom: 14px !important; }
  html body.pg-home .pg-teaser-grid { gap: 16px; }
  html body.pg-home .pg-teaser-media { max-width: 240px; }
  html body.pg-home .pg-teaser .pg-quote { padding: 12px 16px; }
  html body.pg-home .pg-teaser .pg-quote p { font-size: 0.98rem; }
  html body.pg-home .pg-teaser .pg-creds { margin: 12px 0 14px; gap: 8px; }
  html body.pg-home .pg-teaser .pg-creds li { padding: 6px 10px; font-size: 0.88rem; }

  /* ---------- ו. עמודי "שליטה בכסף" והמייצגת (sp-*) ---------- */
  html body .sp-pain-grid { gap: 20px !important; }
  html body .sp-checks { gap: 7px !important; }
  html body .sp-check { min-height: 48px !important; padding: 8px 12px !important; font-size: 0.98rem !important; line-height: 1.45 !important; border-radius: 14px !important; }
  html body .sp-after-band { margin-top: 24px !important; padding: 24px 0 !important; }
  html body .sp-after-lead { font-size: 1rem !important; }
  html body .sp-after-note { padding: 10px 14px !important; }
  html body .sp-panel .sp-get-list, html body .sp-get-list { gap: 12px !important; }
  html body .sp-item { padding-top: 12px !important; }
  html body .sp-tool { gap: 4px; }
  html body .compare { gap: 8px !important; }
  html body .compare-row { padding: 0 !important; }
  html body .sp-about-grid { gap: 22px !important; }
  html body .side-quote { padding: 28px 22px 22px !important; border-radius: 20px !important; margin-top: 10px !important; }
  html body .sp-bridge-lead { font-size: 0.98rem !important; }
  html body .sp-bridge-main { font-size: 1.12rem !important; line-height: 1.5 !important; }
  html body .sp-how-layout { gap: 16px !important; }
  html body .sp-how-grid { gap: 8px !important; }
  html body .rp-bonus-grid { gap: 14px !important; }
  html body .rp-what-head { margin-bottom: 8px; }

  /* ---------- ז. עמוד "ניהול כספים לעסקים" (hb-*) ---------- */
  html body .hb-stats { margin-top: 20px !important; padding-bottom: 20px !important; gap: 10px !important; }
  html body .hb-stats li { padding: 12px 14px !important; }
  html body .hb-stats strong { font-size: 1.5rem !important; }
  html body .hb-pain-grid { gap: 16px !important; }
  html body .hb-pain-list { gap: 8px !important; }
  html body .hb-meter-panel { padding: 16px 16px !important; }
  html body .hb-meter { transform: scale(0.8); transform-origin: top center; margin-bottom: -24px; }
  html body .hb-story { padding-top: 10px !important; }
  html body .hb-who { padding-top: 28px !important; padding-bottom: 26px !important; }
  html body .hb-cps { gap: 12px !important; }
  html body .hb-tabs { gap: 14px !important; }
  html body .hb-tablist { gap: 8px !important; }
  html body .hb-data-head { margin-bottom: 8px; }
  html body .hb-flips { gap: 10px !important; }
  html body .hb-how-item { padding: 12px 4px !important; }
  html body .hb-toolgrid { gap: 12px !important; }
  html body .hb-step-panels { margin-top: 10px; }

  /* ---------- ח. עמודים בעיצוב הישן-החדש (החזרי מס, דוחות שנתיים, פתיחת עסק) ---------- */
  html body.svc-soft .amount-total { padding: 12px 18px !important; margin: 10px 0 !important; }
  html body.svc-soft .pain-grid { gap: 16px !important; }
  html body.svc-soft .pain-list { gap: 8px !important; }
  html body.svc-soft .pain-item { padding: 10px 12px !important; }
  html body.svc-soft .process-steps { gap: 2px !important; }
  html body.svc-soft .process-step { padding: 8px 0 10px !important; gap: 12px !important; }
  html body.svc-soft .values-grid { gap: 10px !important; }
  html body.svc-soft .value-card { padding: 12px 14px !important; }
  html body.svc-soft .value-card p, html body.svc-soft .process-step p { line-height: 1.5 !important; }

  /* ---------- ט. ביקורות ---------- */
  html body .google-carousel { margin-bottom: 4px !important; }

  /* ---------- י. יצירת קשר ---------- */
  html body .contact { padding-top: 28px !important; padding-bottom: 26px !important; }
  html body .contact-grid { gap: 18px !important; }
  html body .contact-points { margin-top: 14px !important; gap: 8px !important; }
  html body .contact-point { padding: 10px 14px !important; }
  html body .contact-form { padding: 18px 16px !important; border-radius: 18px !important; }
  html body .contact-form h3 { margin-bottom: 4px; }
  html body .contact-form .hint { margin-bottom: 12px !important; }
  html body .contact-form .form-row { margin-bottom: 9px !important; }
  html body .contact-form .form-two { column-gap: 10px !important; row-gap: 0 !important; }
  html body .contact-form textarea { min-height: 72px !important; }
  html body .contact .social-row { margin-top: 14px !important; }
  html body .contact-grid > div > p { margin-top: 12px !important; }

  /* ---------- יא. תחתית ---------- */
  html body .site-footer { padding-top: 16px; }
  /* ---------- יב. טקסט הביקורות (כרטיסים קצרים יותר) ---------- */
  html body .testi-card .quote-text { font-size: 0.93rem !important; line-height: 1.55 !important; }
  html body .testi-card .stars { margin-bottom: 4px; }
  html body .testi-card .review-head { margin-bottom: 4px; }
  html body .testi-card .testi-author .avatar { width: 38px; height: 38px; }
  html body .review-meta { margin-top: 6px; }

  /* ---------- יג. דפי הנחיתה (taxexp / dohshnati) ---------- */
  html body .lp-header { padding: 10px 16px 0; }
  html body .lp-header img { height: 46px; }
  html body .lp-hero { padding: 16px 0 2px !important; }
  html body .lp-hero h1 { font-size: clamp(1.5rem, 7vw, 1.85rem) !important; margin-bottom: 12px !important; }
  html body .lp-lead { font-size: 1.02rem; margin-bottom: 10px; }
  html body .lp-copy { padding: 2px 0 14px !important; font-size: 0.98rem; line-height: 1.6; }
  html body .lp-copy p { margin-bottom: 11px; }
  html body .lp-copy h2 { margin: 20px 0 8px; }
  html body .lp-copy hr { margin: 16px auto; }
  html body .lp-income { line-height: 1.75; margin: 8px auto 12px; }
  html body .lp-form-section { padding: 24px 0 26px !important; }
  html body .lp-form-section .lp-sub { margin-bottom: 14px; }
  html body .lp-form { padding: 16px 14px; }
  html body .lp-about { padding: 24px 0 22px !important; }
  html body .lp-about h2 { font-size: 1.35rem; margin-bottom: 12px; }
  html body .lp-about-photo { width: 128px; height: 128px; margin-bottom: 12px; }
  html body .lp-about p { font-size: 0.98rem; line-height: 1.6; margin-bottom: 10px; }

  /* ---------- מטרות מגע: התוכן מוצג ב-92%, לכן גובה מינימלי של 48px נותן 44px בפועל ---------- */
  html body :is(.pg-tool-cta, .pg-flip-link, .pg-link) { min-height: 48px !important; display: inline-flex; align-items: center; }
  html body .google-carousel .carousel-arrow { width: 48px !important; height: 48px !important; }

  /* ---------- קישורי תחתית וקישור "עוד כלים": לא קטנים מ-24px גם אחרי הקטנת התוכן ל-92% ---------- */
  html body .site-footer :is(.footer-nav a, .footer-contact > a) { display: inline-flex; align-items: center; min-height: 28px; }
  html body .lp-more a { display: inline-block; padding-block: 5px; min-height: 28px; }

}

/* ==========================================================================
   tap-fix.css — הדגשת לחיצה במובייל (פריט 2 ברשימת 20.10; נטלי אישרה את ההבנה ב-20.10)
   הבעיה: בלחיצה על כרטיס/כפתור הטלפון מצייר מלבן חד (הדגשת הלחיצה של הדפדפן) סביב אלמנט שהפינות שלו מעוגלות.
   הפתרון: מבטלים את המלבן החד, ובמקומו נותנים תגובה עדינה שעוקבת אחרי הפינות המעוגלות של האלמנט עצמו.
   ========================================================================== */
a, button, summary, label, input, select, textarea, [role="button"], [role="tab"], [tabindex] { -webkit-tap-highlight-color: transparent; }

/* תגובת לחיצה רכה: רק במכשיר מגע (אין ריחוף), על הכרטיסים והכפתורים הנפוצים.
   הקידומת html body מבטיחה שהכלל גובר על כללי ה"הופעה בגלילה" (reveal) של העיצובים */
@media (hover: none) {
  html body :is(a, button, summary, [role="button"], [role="tab"]):active { transition-duration: 0.1s; }
  html body :is(.pg-main, .pg-flip, .sp-flip-front, .hb-flip, .sp-check, .hb-pain-item, .sp-tab, .hb-tab, .testi-card, .faq-item, .contact-point, .btn, .pg-chips a, .pg-tool, .pg-link):active {
    transform: scale(0.985) !important;   /* גובר גם על transform של הופעה בגלילה (body.lean-soft .reveal.in-view) */
    filter: brightness(0.97);
  }
}
/* אחרי נגיעה אין טבעת פוקוס מרובעת (מקלדת ועכבר ממשיכות לקבל את הטבעת הנגישה דרך :focus-visible) */
:focus:not(:focus-visible) { outline: none; }

/* ==========================================================================
   סבב 22.10.2026 — נוסף בסוף css/refine.css (הקישור לקובץ עודכן ל-?v=2)
   ========================================================================== */

/* ---- (2א) "כלים ״מהמגרש של הגדולים״ — בשבילך": בטלפון כותרות העמודות ("בחברות גדולות" / "בעסק שלך") מוסתרות, ולכן אי אפשר לדעת מי מול מי.
        כל זוג הופך לכרטיס אחד: למעלה (לבן) "בחברות גדולות", למטה (ורוד) "בעסק שלך", והחץ יושב על התפר ביניהם ---- */
@media (max-width: 720px) {
  html body.lean-soft .compare { gap: 14px !important; }
  html body.lean-soft .compare-row { gap: 0 !important; position: relative; }
  html body.lean-soft .compare-row .big,
  html body.lean-soft .compare-row .mine { display: grid !important; grid-template-columns: 40px 1fr; gap: 0 12px !important; align-items: center; padding: 12px 14px !important; }
  html body.lean-soft .compare-row .big::before,
  html body.lean-soft .compare-row .mine::before { grid-column: 2; grid-row: 1; margin-bottom: 3px; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.03em; line-height: 1.2; }
  html body.lean-soft .compare-row .big::before { content: "בחברות גדולות"; color: var(--sp-soft); }
  html body.lean-soft .compare-row .mine::before { content: "בעסק שלך"; color: var(--sp-rose-ink); }
  html body.lean-soft .compare-row .sp-mini { grid-column: 1; grid-row: 1 / span 2; }
  html body.lean-soft .compare-row .big > span:not(.sp-mini),
  html body.lean-soft .compare-row .mine > span:not(.sp-mini) { grid-column: 2; grid-row: 2; }
  html body.lean-soft .compare-row .big { border-radius: 18px 18px 0 0; border-bottom: 0; padding-bottom: 24px !important; }
  html body.lean-soft .compare-row .mine { border-radius: 0 0 18px 18px; border-top: 0; padding-top: 24px !important; }
  html body.lean-soft .compare-row .arrow { position: relative; z-index: 2; width: 34px; height: 34px; margin: -17px 0; }
}

/* ---- (2ב) כרטיסי "איך אני עובדת" ושאר הכרטיסים עם עיגול סמל: במגע "ריחוף" נשאר דבוק אחרי לחיצה (עיגול הסמל נצבע ומסתובב),
        ובמסך צר נשארה מסגרת פוקוס שנראתה כקו כהה מתחת לכותרת. ריחוף רק למי שיש לו עכבר; מסגרת הפוקוס רק למקלדת ---- */
@media (hover: none) {
  html body.lean-soft .sp-flip-front:hover .sp-medal,
  html body.lean-soft .sp-tool:hover .sp-medal,
  html body.lean-soft .sp-item:not(.is-extra):hover .sp-medal { transform: none; background: #fff; color: var(--sp-rose-dark); }
}
@supports selector(:has(*)) {
  @media (max-width: 720px) {
    html body.lean-soft .js-flip .sp-flip-front:focus-within { outline: none; box-shadow: none; }
    html body.lean-soft .js-flip .sp-flip-front:has(:focus-visible) { outline: 3px solid var(--sp-rose-dark); outline-offset: -3px; border-radius: 16px; }
  }
}
/* הטקסט שנפתח: ברוחב מלא (היה שמור לו מקום של 74px משמאל, ולכן ארבע שורות צרות במקום שלוש) */
@media (max-width: 720px) {
  html body.lean-soft:not(.pg-home) .js-flip .sp-flip-back { padding: 0 16px 16px 16px; }
}

/* ---- (3.2) עמודי התודה של דפי הנחיתה (taxexp-thanks / dohshnati-thanks) ---- */
.lp-thanks-page { padding: 34px 0 70px; text-align: center; }
.lp-thanks-card { max-width: 560px; margin: 0 auto; padding: 38px 28px 32px; background: #fff; border: 1.5px solid var(--color-rose-light); border-radius: 30px; box-shadow: 0 18px 44px rgba(87, 80, 74, 0.1); }
.lp-thanks-icon { display: grid; place-items: center; width: 84px; height: 84px; margin: 0 auto 18px; border-radius: 50%; color: #fff; background: var(--color-rose-dark); box-shadow: 0 12px 26px rgba(152, 97, 93, 0.32); }
.lp-thanks-icon svg { width: 42px; height: 42px; display: block; }
.lp-thanks-card h1 { margin: 0 0 14px; font-size: clamp(2rem, 7vw, 2.8rem); line-height: 1.2; color: var(--color-charcoal); }
.lp-thanks-card p { margin: 0 0 12px; font-size: 1.08rem; line-height: 1.8; color: var(--color-ink); }
.lp-thanks-card .lp-thanks-lead { font-size: 1.22rem; font-weight: 700; }
.lp-thanks-card .btn { display: inline-flex; width: auto; margin-top: 10px; padding: 15px 30px; font-size: 1.1rem; min-height: 52px; }
.lp-thanks-card .lp-thanks-note { margin: 12px 0 0; font-size: 0.95rem; color: var(--color-charcoal-soft); }
.lp-thanks-more { margin: 34px 0 0; }
.lp-thanks-more .btn { padding: 14px 28px; font-size: 1.05rem; min-height: 52px; }
@media (max-width: 600px) {
  .lp-thanks-card { padding: 30px 20px 26px; border-radius: 24px; }
  .lp-thanks-card .btn, .lp-thanks-more .btn { width: 100%; }
}

/* ---- (1) הכרטיס "שליטה בכסף לעצמאיות" בדף הבית: מדבקה + רקע ורוד ---- */
body.pg-home .pg-main--rose { position: relative; }

/* ---- המדבקה: בפינה העליונה השמאלית של הכרטיס (הצד הריק, מול העיגול עם הסמל) ---- */
body.pg-home .pg-sticker { position: absolute; top: 20px; left: 22px; z-index: 2; display: grid; place-items: center; text-align: center; font-weight: 800; line-height: 1.15; color: #fff; pointer-events: none; }
body.pg-home .pg-sticker svg { width: 15px; height: 15px; flex: none; }
body.pg-home .pg-sticker--seal { width: 104px; height: 104px; padding: 10px; border-radius: 50%; font-size: 0.86rem; transform: rotate(-9deg); box-shadow: 0 10px 22px rgba(60, 35, 32, 0.28); }
body.pg-home .pg-sticker--seal::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; border: 1.5px dashed rgba(255, 255, 255, 0.7); }
body.pg-home .pg-sticker--pill { display: inline-flex; align-items: center; gap: 7px; padding: 8px 16px 8px 14px; border-radius: 999px; font-size: 0.9rem; transform: rotate(-4deg); box-shadow: 0 8px 18px rgba(60, 35, 32, 0.25); }


/* ---- B: ורוד סלמון (צבע ההדגשה של הכרטיס הכהה) + מדבקת עיגול בפחם של המותג ---- */
body.pg-home .pg-main--rose.opt-B { background: linear-gradient(160deg, #f7c9c0 0%, #f0ada2 100%); border-color: #e3948a; box-shadow: 0 16px 38px rgba(200, 110, 100, 0.3); }
body.pg-home .pg-main--rose.opt-B .sp-medal { color: #f2b1a8; background: #3b3531; border-color: #3b3531; }
body.pg-home .pg-main--rose.opt-B .pg-tag { color: #3b3531; background: #fff; }
body.pg-home .pg-main--rose.opt-B p { color: #3d322e; }
body.pg-home .pg-main--rose.opt-B .pg-link { color: #52282a; }
body.pg-home .pg-main--rose.opt-B .pg-sticker { background: #3b3531; }
body.pg-home .pg-main--rose.opt-B .pg-sticker--seal { box-shadow: 0 10px 22px rgba(60, 35, 32, 0.3), 0 0 0 4px #f2b1a8; }


/* ---- טלפון ---- */
@media (max-width: 720px) {
  body.pg-home .pg-sticker { top: 12px; left: 14px; }
  body.pg-home .pg-sticker--seal { width: 94px; height: 94px; padding: 9px; font-size: 0.74rem; }
  body.pg-home .pg-sticker--seal::before { inset: 5px; }
  body.pg-home .pg-sticker--pill { padding: 6px 12px 6px 10px; font-size: 0.8rem; }
}