/* 1227 — ביקורת-העיצוב של דף-הבית (קלוד-של-שי, 5.11.2026) — שי אישר 8 מתוך 9 סעיפים (סעיף 5, אנימציות: "לא לגעת").
   נטען ב-<head> של כל עמוד (app/layout.tsx, אחרי a11y.css) ולא מוזרק ב-JS — כדי שהציור הראשון כבר יהיה הסופי (כלל-14, CLS).
   !important נשמר במכוון: הבלוק-הקריטי של stars.css מוטמע בגוף הדף אחרי ה-<head>, ובלי !important הוא היה גובר בציור הראשון.
   מקור: mockups/1227-design-review/mock.css (ההדמיה המאושרת). stars.css של המוקאפ לא נגוע. */

/* ---- סעיף 2: טלפון — שני כפתורי-הכיוון במסך הראשון (נמדד 384×694) ---- */
@media (max-width:767px){
  .hero-banner{height:98px!important}
  .hero-title{font-size:21px!important;line-height:1.12!important;margin-bottom:2px!important}
  .hero-title .accent{font-size:21px!important;white-space:nowrap}
  .hero-tagline{margin:2px 0 6px!important}
  .q-tabs{padding:8px 12px!important}
  .q-body{padding:10px 14px 2px!important;margin-top:4px!important}
  .q-card-title{margin-bottom:8px!important}
  .q-form{margin-bottom:0!important}
  .price-pair.price-hidden{margin-bottom:0!important}
  #cityHint{display:none!important}
  .direct-booking{margin-top:6px!important}
  .cta-chooser{padding:6px!important;gap:6px!important}
}

/* ---- סעיף 3: טאבלט ומחשב — תיבת-המחיר מימין, כפתורי-ההזמנה לצידה; "איך זה עובד" בשלוש עמודות ---- */
@media (min-width:768px){
  .hero-banner{height:190px!important}
  .hero-content{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:28px;row-gap:0;align-items:start;max-width:1100px!important;margin-inline:auto!important}
  .hero-title,.hero-tagline{grid-column:1 / -1;justify-self:center}
  .quote-card{grid-column:1;max-width:none!important;width:100%}
  .direct-booking{grid-column:2;margin-top:0!important;max-width:none!important;width:100%}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
  .step{padding:28px 18px!important}
}
@media (min-width:768px) and (max-width:1023px){
  .hero-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:18px!important}
  .direct-btn-label{font-size:15px!important}
  /* הלשונית "משלוחים" נשברה לשתי שורות ברוחב הזה */
  .q-tabs .q-tab{white-space:nowrap;font-size:14px!important;padding-inline:10px!important}
}

/* ---- סעיף 4: בלי "להזמנה ←" בתוך כרטיסי-המחיר (הכפתורים הצהובים שמחוץ לתיבה נשארים; הכרטיסים עדיין לחיצים) ---- */
.price-option .option-cta{display:none!important}

/* ---- סעיף 6: "איך זה עובד" — שלוש שורות במקום שלושה כרטיסים (טלפון; ב-768+ שלוש עמודות, סעיף 3) ---- */
@media (max-width:767px){
  .how-wrap .section-kicker{display:none!important}
  .how-wrap{padding-top:36px!important;padding-bottom:36px!important}
  .how-wrap .section-sub{margin-bottom:14px!important}
  .steps{gap:0!important}
  .step{display:grid!important;grid-template-columns:56px 1fr;column-gap:14px;align-items:start;text-align:right!important;padding:16px 4px!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;border-bottom:1px solid #E2E8F0!important;transform:none!important}
  .step:last-child{border-bottom:0!important}
  .step-icon-wrap{width:56px!important;height:56px!important;margin:0!important;grid-row:1 / span 2}
  .step h3{margin:2px 0 4px!important;font-size:18px!important;text-align:right!important}
  .step p{margin:0!important;text-align:right!important}
}

/* ---- סעיף 7: קישורי-התחתית בגובה-מגע 44 (ת"י 5568 AA) — גם 62 קישורי-הערים ב-nav.footer-seo ---- */
.footer-grid a{display:block!important;padding:12px 0!important;min-height:44px!important;box-sizing:border-box}
.footer-grid li{margin:0!important}
nav.footer-seo a{display:inline-block!important;padding:12px 6px!important;min-height:44px!important;line-height:20px!important;box-sizing:border-box}

/* ---- סעיף 8: טקסט חלש — שורת-המשנה בכפתורים הצהובים ושורת-המע"מ ---- */
.direct-btn-sub{opacity:1!important;color:#082F49!important;font-weight:600!important}
#stxVatNoteQuote,#stxVatNoteQuote *{color:#475569!important;font-size:12.5px!important}

/* 1234-ד (שי 5.11, "שיהיה רווח בין המחיר ליום ובין לילה למחיר"): 7px בין "יום"/"לילה" למחיר, בשני הכרטיסים */
.price-option .price-row .time{margin-inline-end:7px !important}