/* Phone tap targets, same look (design review, 6 Nov 2026: 113 targets under 44px on the phone home page).
   Each small icon button or chip gets an invisible hit area of at least 44x44px. What changes to the eye:
   the header icons sit 3px further apart, and 40-43px text buttons and rail tabs grow to 44px.
   The accessibility tab moved in css/utility.css. Loaded last on every rebuild view.
   The older hit areas for links and the product page sit in css/qs-woo.css ("Bigger tap areas"). */

@media (max-width: 749px) {
	:is(.shg-hs__arr, .shg-ask__sg, .shg-news__f button, .shg-nh__logo, .shg-dd, .shg-ctext__more) { position: relative; }
	:is(.shg-hs__arr, .shg-xs__more, .qs-announce__arrow, .shg-ask__sg, .shg-news__f button, .shg-nh__logo, .shg-dd, .shg-ctext__more)::after { content: ""; position: absolute; }

	/* Card heart: 34px, hit area 46px (it was 44 on the dot, so a finger on the rim missed). */
	.shg-wl:not(.shg-wl--pdp)::after { inset: -6px; }

	/* Hero: 32px arrows get 44px. The 8px dots stay a progress line only: swipe and the arrows move the slides,
	   and 44px dots would need 44px between them. */
	.shg-hs__arr::after { inset: -6px; border-radius: 50%; }
	.shg-hs__dot { pointer-events: none; }

	/* The round "more" arrow at the end of a sideways row: 30px, hit area 44px. */
	.shg-xs__more::after { inset: -7px; border-radius: 50%; }

	/* Announcement bar arrows: 30x32, hit area 44x44 (the bar is 44px tall with its margin). */
	.qs-announce__arrow::after { inset: -6px -7px; }

	/* Header icons: 38px wide, now 44px; the pairs lose their 2px gap. */
	.shg-nh .qs-icon-btn { inline-size: 44px; min-inline-size: 44px; }
	.shg-nh__start, .shg-nh__end { gap: 0; }
	.shg-nh__logo::after { inset: -8px 0; } /* 28px tall logo, 44px to a finger */

	/* Text chips and small buttons */
	.shg-ask__sg::after { inset: -5px 0; } /* 34px chips in one sideways row */
	.shg-ask__sugg { margin-block: 9px -5px; padding-block: 5px; } /* room for the chips' hit area inside the scrolling row, same spot */
	.shg-ask__fb button { position: relative; }
	.shg-ask__fb button::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; } /* 32px answer thumbs */
	.shg-news__f button::after { inset: -3px; border-radius: 50%; } /* 38px sign-up arrow inside the 52px field */
	.shg-dd::after { inset: -3px 0; } /* 38px "סינון ומיון" and the category toolbar chips */
	.shg-tb > .shg-xs > .shg-tb__l, .shg-tb > .shg-tb__l:first-child { margin-block: -3px; padding-block: 3px; } /* the scrolling row clipped that hit area */
	.shg-ctext__more::after { inset: -10px -4px; } /* "קרא עוד" under the category text */
	.qs-rtab { min-block-size: 44px; } /* 43px rail tabs */
	.qs-btn, .shg-ck__b .qs-btn { min-block-size: 44px; } /* 40px light and outline buttons, 42px cookie card buttons */
}