/* Mobile vs Figma fixes: shop. Scoped per page; see custom.css "Mobile vs Figma pass" for shared header/menu/button rules. */

/* Shop (post 35) against Figma 109:7 "Sales, Webinar - Mobile" (440 x 13151).
   Every value below is a Figma artboard measurement at 440px; y positions in
   comments are artboard y. Element ids are this page's own, so re-measure
   after any structural edit to the page (Elementor rebuilds ids). */
@media (max-width: 767px) {

	/* ── Header ─────────────────────────────────────────────────────────
	   Figma draws the wordmark in solid #462222 on this light hero. The shared
	   light-hero rule darkens the cream SVG with a brightness filter, which
	   lands on a flat grey instead; swap in the true dark lockup. */
	body.page-id-35 .sh-nav > .e-flexbox-base:not(.sh-nav-links):not(.sh-mobile-menu) img {
		content: url('../../img/socialhart-nav-logo-mobile-dark.svg');
		filter: none !important;
	}

	/* ── Hero: pink band 0-782 ──────────────────────────────────────────
	   stag 65x98 at y=126 (#3B1919), eyebrow 245, h1 283 (357px measure,
	   three lines), copy 429 (365px), 232x51 CTA 613, band ends 782. The
	   build started the stag at 172 and ran the band to 851. */
	body.page-id-35 .elementor-element-b986f2d {
		height: auto !important;
		min-height: 0 !important;
	}
	body.page-id-35 .elementor-element-e55108b {
		min-height: 0 !important;
		padding: 45px 28px 118px !important;
	}
	body.page-id-35 .elementor-element-e55108b > img[src*="deer"] {
		content: url('../../img/shop-deer-dark.png');
		filter: none !important;
		width: 66px !important;
		height: 98px !important;
		object-fit: contain !important;
		margin: 0 !important;
	}
	body.page-id-35 .elementor-element-e55108b > p:first-of-type {
		margin-top: 21px !important;
	}
	body.page-id-35 .elementor-element-e55108b > h1 {
		margin-top: 20px !important;
		max-width: min(357px, 100%) !important;
	}
	body.page-id-35 .elementor-element-e55108b > p:last-of-type {
		margin-top: 33px !important;
		max-width: min(365px, 100%) !important;
	}
	body.page-id-35 .elementor-element-e55108b > a.e-button-base {
		margin-top: 30px !important;
	}

	/* ── "Do you show up on Google": cream 782-1621 ─────────────────────
	   script 858, h2 926 (331px measure, four lines), copy 1143 (370px),
	   CTA 1483, band ends 1621. */
	body.page-id-35 .elementor-element-a4567ef {
		min-height: 0 !important;
		padding: 76px 28px 87px !important;
	}
	body.page-id-35 .e-c49f6ff-066238 {
		margin-top: 32px !important;
		max-width: min(331px, 100%) !important;
	}
	body.page-id-35 .elementor-element-a4567ef > p {
		margin-top: 66px !important;
		max-width: min(370px, 100%) !important;
	}
	body.page-id-35 .elementor-element-a4567ef > a.e-button-base {
		margin-top: 32px !important;
	}

	/* ── "This sounds like you": sand 1621-3456 ─────────────────────────
	   script 1716, h2 1791 (353px, four lines), outlined cards from 2031
	   stacked 28px apart with the copy 32px in, cream CTA 48px under the last
	   card, band ends 72px below it. The cards were two-up row wrappers with a
	   35px row gap and 0 inside each pair; the CTA was dark brown. */
	body.page-id-35 .elementor-element-81c16f3 {
		min-height: 0 !important;
		padding: 95px 28px 72px !important;
	}
	body.page-id-35 .e-24db39b-260cc3 {
		margin-top: 34px !important;
		max-width: min(353px, 100%) !important;
	}
	body.page-id-35 .elementor-element-f2a9045 {
		margin-top: 89px !important;
		row-gap: 0 !important;
	}
	body.page-id-35 .elementor-element-f2a9045 > .e-flexbox-base {
		margin: 0 !important;
		row-gap: 0 !important;
	}
	/* Card rhythm and insets are Figma's own, card by card: text measures of
	   326/336/352px and top/bottom insets of 32-35, 28-36, 25-41, then 23-24 /
	   29-30 for the last three; cards 29/29/30/27/27px apart. */
	body.page-id-35 .elementor-element-f2a9045 > .e-flexbox-base > .e-flexbox-base {
		min-height: 0 !important;
		padding: 24px 16px 29px !important;
	}
	body.page-id-35 .elementor-element-f2a9045 > .e-flexbox-base > .elementor-element-93a748f { padding: 32px 29px 35px !important; }
	body.page-id-35 .elementor-element-f2a9045 > .e-flexbox-base > .elementor-element-13e2e64 { padding: 28px 24px 36px !important; margin-top: 29px !important; }
	body.page-id-35 .elementor-element-f2a9045 > .e-flexbox-base > .elementor-element-20202ce { padding: 25px 16px 41px !important; margin-top: 29px !important; }
	body.page-id-35 .elementor-element-f2a9045 > .e-flexbox-base > .elementor-element-59bb4be { padding: 23px 16px 30px !important; margin-top: 30px !important; }
	body.page-id-35 .elementor-element-f2a9045 > .e-flexbox-base > .elementor-element-c8f6e9e { margin-top: 27px !important; }
	body.page-id-35 .elementor-element-f2a9045 > .e-flexbox-base > .elementor-element-6621855 { margin-top: 27px !important; }
	body.page-id-35 .elementor-element-474ad84 > a.e-button-base {
		margin-top: 48px !important;
		background-color: #EAE4D8 !important;
		color: #3B1919 !important;
	}

	/* ── "Bubbly: SEO Power Hours": cream 3456-4656 ─────────────────────
	   h2 at 3548 in a 409px measure (x=15, wider than the 384 column) with a
	   hard break after "Bubbly:" (page data carries it as .sh-br-mobile);
	   copy from 3948 at 339px for the first two paragraphs and 385px for the
	   last two, with Figma's own 42/42/20px paragraph gaps; CTA 4496. */
	body.page-id-35 .elementor-element-c9157fe {
		min-height: 0 !important;
		padding: 92px 28px 109px !important;
	}
	/* Figma's box is 409px, but its line breaks ("STEPS TO REACH / YOUR SEO
	   GOALS.") need a 404px measure with the browser's metrics: wide enough
	   for "YOU THE EXACT NEXT", too narrow for "STEPS TO REACH YOUR". */
	body.page-id-35 .elementor-element-c9157fe > h2 {
		width: calc(100% + 20px) !important;
		max-width: none !important;
		margin: 0 -10px !important;
	}
	body.page-id-35 .elementor-element-e622afa {
		margin-top: 60px !important;
	}
	body.page-id-35 .e-346b771-aa6fe3 { margin: 0 auto !important; max-width: min(339px, 100%) !important; }
	body.page-id-35 .e-fd42d66-edca71 { margin: 42px auto 0 !important; max-width: min(339px, 100%) !important; }
	body.page-id-35 .e-43a93c2-cd6a02 { margin-top: 42px !important; }
	body.page-id-35 .e-5f04542-faecaa { margin-top: 20px !important; }
	body.page-id-35 .elementor-element-c9157fe > a.e-button-base {
		margin-top: 48px !important;
	}

	/* ── "Pick your focus": olive 4656-6996 ─────────────────────────────
	   script 4758, h2 4833, note 4939 (272px); full-width cream rules at
	   5057 and 5087, then each topic as a STACK: 40px heading 29px under its
	   rule, 22px body 26px under the heading, next rule 45px under the body.
	   No rule after the last topic; CTA 60px under the last body. The build
	   set heading and body side by side in 173/192px columns, which broke
	   words mid-letter ("CALENDA R", "DESCRIPTI ONS"). */
	body.page-id-35 .elementor-element-52e2c11 {
		min-height: 0 !important;
		padding: 102px 28px 68px !important;
	}
	body.page-id-35 .e-5e8cc75-bca5a3 {
		margin-top: 39px !important;
	}
	body.page-id-35 .e-1128d50-7abcf9 {
		margin-top: 30px !important;
		max-width: min(272px, 100%) !important;
	}
	body.page-id-35 .elementor-element-3e2aaf9 {
		width: calc(100% + 56px) !important;
		max-width: none !important;
		margin: 74px -28px 0 !important;
		border-top: 1px solid #EAE4D8;
		padding-top: 29px !important;
	}
	body.page-id-35 .elementor-element-3e2aaf9 > .e-div-block-base {
		width: 100% !important;
		height: 1px !important;
		background-color: #EAE4D8 !important;
	}
	body.page-id-35 .elementor-element-c770c03 {
		display: none !important;
	}
	body.page-id-35 .elementor-element-3e2aaf9 > .e-flexbox-base {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		min-height: 0 !important;
		padding: 29px 28px 45px !important;
	}
	body.page-id-35 .elementor-element-3e2aaf9 > .e-flexbox-base:last-of-type {
		padding-bottom: 0 !important;
	}
	body.page-id-35 .elementor-element-3e2aaf9 > .e-flexbox-base > * {
		flex: 0 0 auto !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
	}
	body.page-id-35 .elementor-element-3e2aaf9 > .e-flexbox-base > p {
		margin-top: 26px !important;
	}
	body.page-id-35 .elementor-element-ddaf0ac > a.e-button-base {
		margin-top: 60px !important;
	}

	/* ── Results: cream 6996-8634 ───────────────────────────────────────
	   eyebrow 7084 (223px, two lines), h2 7155, then the three stats
	   STACKED from 7624, each a centred 40px heading with its 22px copy
	   visible 30px below; stats 66px apart; blue CTA 8496. The build laid
	   them out as 115px columns (headings broke mid-word) and hid the copy
	   behind a hover reveal that a phone cannot trigger. */
	body.page-id-35 .elementor-element-687be55 {
		min-height: 0 !important;
		padding: 88px 28px 87px !important;
	}
	body.page-id-35 .e-697be03-ac03b9 {
		max-width: min(223px, 100%) !important;
	}
	body.page-id-35 .e-1057903-13867a {
		margin-top: 34px !important;
	}
	/* The stats are About's flip cards (client feedback 2026-10-11): the card
	   rules live in mobile-pages/about.css, which includes this grid. Only
	   the gap under the heading is set here. */
	body.page-id-35 .sh-stat-grid {
		margin-top: 91px !important;
	}
	body.page-id-35 .elementor-element-687be55 > a.e-button-base {
		margin-top: 67px !important;
	}

	/* ── "An hour of dedicated decision making": fresco 8634-9320 ───────
	   one centred column: heading 8721 (384px, three lines), copy 9113
	   (270px), 201x51 CTA 9205. The build used a 336px top offset and a
	   three-up row (127px heading beside 115px copy). */
	body.page-id-35 .elementor-element-829e0af {
		min-height: 0 !important;
		height: auto !important;
		padding: 0 !important;
	}
	body.page-id-35 .elementor-element-9a73541 {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		padding: 87px 28px 64px !important;
	}
	body.page-id-35 .elementor-element-9a73541 > h4 {
		width: 100% !important;
		max-width: none !important;
		text-align: center !important;
	}
	body.page-id-35 .elementor-element-9a73541 > p {
		width: 100% !important;
		max-width: min(270px, 100%) !important;
		margin-top: 284px !important;
		text-align: center !important;
	}
	/* 201px holds the 180px label only with Figma's 10px side insets; the
	   shared 20px padding wrapped it to two lines (79px tall). */
	body.page-id-35 .elementor-element-9a73541 > a.e-button-base {
		min-width: 201px !important;
		width: 201px !important;
		min-height: 51px !important;
		height: 51px !important;
		padding: 0 10px !important;
		white-space: nowrap !important;
		margin-top: 26px !important;
		/* Figma places it at x=115, 4.5px left of centre */
		align-self: flex-start !important;
		margin-left: calc(50% - 105px) !important;
	}

	/* ── Testimonials: cream 9320-10027 ─────────────────────────────────
	   384x536 cards 11px apart, 84px from the band top; the quote is 330px
	   wide, 32px from the card top and 33px in; the attribution 45px in and
	   37px off the card bottom. Card widths are unchanged, so the carousel
	   JS (which sums card widths plus gap) keeps its loop maths. */
	body.page-id-35 .elementor-element-be691fd {
		padding: 84px 0 87px !important;
	}
	body.page-id-35 .sh-testi-track {
		gap: 11px !important;
	}
	body.page-id-35 .sh-testi-track .sh-testi-card {
		padding: 32px 21px 37px 33px !important;
	}
	body.page-id-35 .sh-testi-track .sh-testi-card .sh-testi-quote {
		width: 330px !important;
		max-width: 100% !important;
	}
	body.page-id-35 .sh-testi-track .sh-testi-card > p:not(.sh-testi-quote) {
		margin-left: 12px !important;
	}

	/* ── "With ...": pink 10027-11251 ───────────────────────────────────
	   h2 10113 (382px), note 30px under it, then four benefits STACKED from
	   10347 in a 327px centred column (heading, copy 25px under it) with 60px
	   between them. The build paired them in two rows of full-width blocks. */
	body.page-id-35 .elementor-element-087285e {
		min-height: 0 !important;
		padding: 86px 28px 72px !important;
	}
	body.page-id-35 .e-7d02071-4e2b57 {
		max-width: min(382px, 100%) !important;
	}
	body.page-id-35 .elementor-element-087285e > p {
		margin-top: 30px !important;
	}
	body.page-id-35 .sh-etched-list {
		margin-top: 84px !important;
		row-gap: 60px !important;
	}
	body.page-id-35 .sh-etched-list > .e-flexbox-base {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		margin: 0 !important;
		row-gap: 60px !important;
	}
	body.page-id-35 .sh-etched-list > .e-flexbox-base > .e-flexbox-base {
		width: 100% !important;
		max-width: min(327px, 100%) !important;
		margin-inline: auto !important;
	}
	body.page-id-35 .sh-etched-list > .e-flexbox-base > .e-flexbox-base > p {
		margin-top: 25px !important;
	}
	/* Luggage tag: 274x283 at x=130, top 56px above the olive band. Anchored
	   to the band's bottom edge rather than the desktop top:893px offset. */
	/* Figma's tag is the cream one (Subtract fill #EAE4D8), as on the
	   homepage; this page was pointing at the pink variant. */
	body.page-id-35 .elementor-element-087285e > img.sh-hover-nudge {
		content: url('../../../../../uploads/2026/08/tag_transparent.png');
		inset-block-start: auto !important;
		top: auto !important;
		bottom: -227px !important;
		inset-inline-start: 29.55% !important;
		width: 62.27% !important;
		max-width: none !important;
		height: auto !important;
		aspect-ratio: 274 / 283;
		object-fit: contain !important;
		z-index: 3 !important;
	}

	/* ── Content coal: olive 11253-12030 (same block as the homepage) ────
	   stag 150px into the band in CREAM (the page-wide light-hero rule was
	   darkening it), h2 275px in, copy 40px under, 238x51 CTA 43px under. */
	body.page-id-35 .elementor-element-9f46bb0 {
		padding: 0 !important;
		min-height: 0 !important;
	}
	body.page-id-35 .elementor-element-ff53432 {
		padding: 150px 28px 145px !important;
	}
	body.page-id-35 .elementor-element-ff53432 > img.e-image-base[src*="deer"] {
		filter: none !important;
		width: 66px !important;
		height: 98px !important;
	}
	body.page-id-35 .elementor-element-ff53432 > p {
		margin: 40px 0 43px !important;
	}
	body.page-id-35 .elementor-element-ff53432 > a.e-button-base {
		min-width: 238px !important;
		width: 238px !important;
	}

	/* ── Newsletter: pink 12030-12522 (same block as the homepage) ────── */
	body.page-id-35 .elementor-element-af4adff {
		border-top: 1px solid #3B1919;
		border-bottom: 1px solid #3B1919;
	}
	body.page-id-35 .elementor-element-b62e003 {
		padding: 58px 28px 69px !important;
	}
	body.page-id-35 .sh-newsletter-form {
		margin-top: 49px !important;
	}
	body.page-id-35 .sh-newsletter-form .elementor-form-fields-wrapper {
		margin-bottom: 0 !important;
	}
	body.page-id-35 .sh-newsletter-form .elementor-field-group {
		margin-bottom: 13px !important;
	}
	body.page-id-35 .sh-newsletter-form .elementor-field-group.e-form__buttons {
		margin: 14px 0 0 !important;
		justify-content: flex-start !important;
	}
	body.page-id-35 .sh-newsletter-form input.elementor-field-textual {
		height: 55px !important;
		min-height: 55px !important;
		padding: 0 19px !important;
		border: 1px solid #3B1919 !important;
		border-radius: 0 !important;
		background: transparent !important;
		font-family: 'Source Serif Pro', Georgia, serif !important;
		font-size: 20px !important;
		letter-spacing: -0.6px !important;
		color: #3B1919 !important;
	}
	body.page-id-35 .sh-newsletter-form input.elementor-field-textual::placeholder {
		color: #3B1919 !important;
		opacity: 1 !important;
	}
	body.page-id-35 .sh-newsletter-form .e-form__buttons .elementor-button {
		flex: 0 0 auto !important;
		min-width: 281px !important;
		width: 281px !important;
		min-height: 51px !important;
		height: 51px !important;
		padding: 0 20px !important;
		white-space: nowrap !important;
	}

	/* ── Footer (same as the homepage) ──────────────────────────────────
	   no blurb; NAVIGATION x=60 / CONNECT x=275 70px under the pink; 20px
	   links on a 28px pitch; stacked wordmark 376x173; one 89px legal row. */
	body.page-id-35 .elementor-element-26af3de {
		padding: 70px 28px 0 !important;
	}
	body.page-id-35 .elementor-element-488ace3 {
		display: none !important;
	}
	body.page-id-35 .elementor-element-7f0252f {
		margin-left: 32px !important;
		gap: 0 !important;
		flex-wrap: nowrap !important;
	}
	body.page-id-35 .elementor-element-7f0252f > .e-flexbox-base:first-child {
		flex: 0 0 215px !important;
		width: 215px !important;
	}
	body.page-id-35 .elementor-element-7f0252f p:not(:first-child),
	body.page-id-35 .elementor-element-7f0252f .e-paragraph-link-base {
		font-size: 20px !important;
		letter-spacing: -0.6px !important;
	}
	body.page-id-35 .elementor-element-7f0252f .e-paragraph-link-base {
		min-height: 28px !important;
		line-height: 28px !important;
	}
	body.page-id-35 .elementor-element-7f0252f > .e-flexbox-base:first-child > p:not(:first-child) {
		padding-left: 4px !important;
	}
	body.page-id-35 .elementor-element-2a06f6e {
		padding: 91px 28px 27px !important;
	}
	body.page-id-35 .elementor-element-2a06f6e > img {
		content: url('../../img/socialhart-wordmark-2line-dark.png');
		width: 376px !important;
		max-width: 100% !important;
		height: 173px !important;
		object-fit: contain !important;
		margin: 0 !important;
	}
	body.page-id-35 .elementor-element-b5ddb34 {
		padding: 23px 26px 22px !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		column-gap: 12px !important;
	}
	body.page-id-35 .elementor-element-1953379 {
		flex: 0 0 auto !important;
		width: auto !important;
		flex-wrap: nowrap !important;
		column-gap: 12px !important;
	}
	body.page-id-35 .elementor-element-f1b953b {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 0 !important;
		justify-content: flex-start !important;
	}
}

/* Below the 440px artboard the legal row cannot hold all three links. */
@media (max-width: 439px) {
	body.page-id-35 .elementor-element-b5ddb34,
	body.page-id-35 .elementor-element-1953379 {
		flex-wrap: wrap !important;
	}
}

/* ── Visual QA 2026-10-04 (phones): Bubbly (post 35) ────────────────────── */
@media (max-width: 767px) {

	/* Review cards: only the first card carries the mobile type variant
	   (30px/27px quote, 20px attribution). The other seven fell back to an
	   18px quote on a 36px line and an 18px attribution, so the quote read as
	   small double-spaced text. Give every card the first card's setting. */
	body.page-id-35 .sh-testi-track .sh-testi-card .sh-testi-quote {
		font-size: 30px !important;
		line-height: 27px !important;
	}
	body.page-id-35 .sh-testi-track .sh-testi-card > p:not(.sh-testi-quote) {
		font-size: 20px !important;
	}

	/* Fresco band: the cream heading and copy sat on the brightest part of
	   the painting and washed out. The dark scrim that fixes this exists only
	   in the desktop file (min-width 1025px); the shared scrim in custom.css
	   sits under the band's images and never shows. Figma's mobile frame is
	   about a third darker than the photo (mean luma 90 vs 137). */
	body.page-id-35 .elementor-element-829e0af::before {
		background: rgba(0, 0, 0, 0.38) !important;
		z-index: 2 !important;
	}
	body.page-id-35 .elementor-element-9a73541 {
		z-index: 3 !important;
	}
}

/* ── Visual QA 2026-10-04 (phones): new Shop page (post 4187) ───────────────
   The page uses the default page template, so it gets the theme header and
   footer templates (196 / 197) and the parent theme's page title, none of
   which had rules for this page. Its body is the homepage's "The Services"
   module, whose phone layout in custom.css is scoped to body.home. */
@media (max-width: 767px) {

	/* Page ground: the parent theme's white showed as a band under the header. */
	body.page-id-4187 {
		background-color: #EAE4D8 !important;
	}
	/* Parent-theme page title ("Shop" in a system sans on white). Kept for
	   assistive tech and search engines, hidden visually. */
	body.page-id-4187 .page-header {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		margin: -1px !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}
	/* (Dark header for Shop's light top removed 2026-10-12: Shop now opens
	   on the dark sign-up hero, so the header keeps its cream default.) */

	/* "The Services" module: same geometry as on the homepage (Figma 109:3).
	   Without it the thumbnail collapsed to 68px tall, the heading sat beside
	   and against it with a 27px indent, and heading and copy touched. */
	body.page-id-4187 .elementor-element-8890028 {
		padding: 81px 28px 64px !important;
	}
	body.page-id-4187 .elementor-element-8890028 > h3:nth-of-type(1) {
		margin-top: 32px !important;
	}
	body.page-id-4187 .elementor-element-8890028 > h3:nth-of-type(2) {
		font-size: 45px !important;
		line-height: 37.8px !important;
		letter-spacing: normal !important;
		margin-top: 38px !important;
	}
	body.page-id-4187 .elementor-element-0c9b4b4 {
		border-top: 1px solid #3B1919;
		padding-top: 35px !important;
	}
	body.page-id-4187 .elementor-element-0c9b4b4 > .e-flexbox-base {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
	}
	body.page-id-4187 .elementor-element-e85a054 { border-top: 1px solid #3B1919; padding: 31px 28px 50px !important; }
	body.page-id-4187 .elementor-element-62b0b0f { padding: 31px 28px 40px !important; }
	body.page-id-4187 .elementor-element-4c53215 { padding: 31px 28px 54px !important; }
	body.page-id-4187 .elementor-element-9c4cd5d { padding: 31px 28px 44px !important; }
	body.page-id-4187 .elementor-element-0c9b4b4 > .e-div-block-base {
		background-color: #3B1919 !important;
	}
	body.page-id-4187 .elementor-element-0c9b4b4 > .e-flexbox-base > img {
		width: 113px !important;
		height: 149px !important;
		object-fit: cover !important;
		margin: 0 0 20px !important;
	}
	body.page-id-4187 .elementor-element-0c9b4b4 > .e-flexbox-base > .e-heading-base {
		margin: 0 0 30px !important;
		width: 100% !important;
	}
	body.page-id-4187 .elementor-element-52be995 {
		padding: 31px 28px 76px !important;
	}

	/* Footer template's coal band: its argyle backdrop had collapsed to the
	   top 203px, leaving a two-tone band with the stag across the seam. */
	body.page-id-4187 .e-343c47e-7b070a.e-343c47e-7b070a {
		height: 100% !important;
	}
}

/* Visual QA 2026-10-04 (phones): the review carousel's round arrows sat at
   mid-card, on top of the quote text. Drop them into the empty band between
   the quote and the attribution. */
@media (max-width: 767px) {
	body.page-id-35 .sh-testi-frame > .sh-testi-arrow {
		top: 68% !important;
	}
}