/* Shared ACF offers. Breakpoints adapt the composition to available card width. */ .jhr-menu-offers__item { background-color: #172b24; } #below-menu-ad-container .jhr-menu-offers { display: block; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; } #below-menu-ad-container .jhr-menu-offers__list { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0; margin: 0; padding: 0; list-style: none; } #below-menu-ad-container .jhr-menu-offers__item { display: flex; flex: 1 1 0; min-width: 0; max-height: 106px; height: auto; margin: 0; padding: 0; background-image: none; box-shadow: inset -1px 0 #ffffff24; } #below-menu-ad-container .jhr-menu-offers__item:last-child { box-shadow: none; } #below-menu-ad-container .jhr-menu-offers__card { position: relative; display: grid; flex: 1; min-width: 0; box-sizing: border-box; height: auto; max-height: 106px; overflow: hidden; align-content: center; align-items: center; justify-items: start; color: #fff; text-decoration: none; text-align: left; overflow-wrap: anywhere; } #below-menu-ad-container .jhr-menu-offers__copy, #below-menu-ad-container .jhr-menu-offers__action { display: contents; } #below-menu-ad-container .jhr-menu-offers__brand { display: block; position: static; width: 100px; max-width: 100%; height: 26px; background-repeat: no-repeat; background-position: left center; background-size: contain; font-size: 0; line-height: 26px; clip-path: none; white-space: nowrap; align-self: center; } #below-menu-ad-container .jhr-menu-offers__headline { margin: 0; padding: 0; font-size: 13px; font-weight: 700; line-height: 1.25; letter-spacing: 0; text-transform: none; } #below-menu-ad-container .jhr-menu-offers__detail { margin: 0; padding: 0; font-size: 11px; font-weight: 400; line-height: 1.25; letter-spacing: 0; text-transform: none; color: #ffffffe0; } #below-menu-ad-container .jhr-menu-offers__cta { display: inline-block; box-sizing: border-box; max-width: 100%; border-radius: 3px; padding: 7px 14px; background: #f9cf00; color: #111; font-size: 15px; line-height: 1.1; font-weight: 700; letter-spacing: 0; text-shadow: none; box-shadow: inset 0 -2px #0002; text-align: center; justify-self: end; } #below-menu-ad-container .jhr-menu-offers__badge { display: block; position: static; max-width: 100%; box-sizing: border-box; padding: 3px 5px; border-radius: 2px; font-size: 10px; font-weight: 700; line-height: 1.2; letter-spacing: 0; text-transform: none; text-align: center; justify-self: end; align-self: center; } /* Editorial fields retain their complete text; overlong copy is limited to two * visible lines so no ad can grow past the placement's 106px height limit. */ #below-menu-ad-container .jhr-menu-offers__headline, #below-menu-ad-container .jhr-menu-offers__detail, #below-menu-ad-container .jhr-menu-offers__cta, #below-menu-ad-container .jhr-menu-offers__badge { display: -webkit-box; min-width: 0; max-width: 100%; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #below-menu-ad-container .jhr-menu-offers__card:hover .jhr-menu-offers__cta { background: #ffe04b; } #below-menu-ad-container .jhr-menu-offers__card:focus-visible { outline: 3px solid #f9cf00; outline-offset: -3px; } #below-menu-ad-container .jhr-menu-offers__scroll { display: none; } /* One bookmaker's background shine and button bounce at a time, 2.5 seconds apart. * A fixed cycle keeps the motion speed identical for every ad count. */ @media (prefers-reduced-motion: no-preference) { #below-menu-ad-container .jhr-menu-offers__item { --jhr-offer-order: 0; } #below-menu-ad-container .jhr-menu-offers__item:nth-child(2) { --jhr-offer-order: 1; } #below-menu-ad-container .jhr-menu-offers__item:nth-child(3) { --jhr-offer-order: 2; } #below-menu-ad-container .jhr-menu-offers__item:nth-child(4) { --jhr-offer-order: 3; } #below-menu-ad-container .jhr-menu-offers__item:nth-child(5) { --jhr-offer-order: 4; } #below-menu-ad-container .jhr-menu-offers__item:nth-child(6) { --jhr-offer-order: 5; } #below-menu-ad-container .jhr-menu-offers__item:nth-child(7) { --jhr-offer-order: 6; } #below-menu-ad-container .jhr-menu-offers__card { isolation: isolate; } #below-menu-ad-container .jhr-menu-offers__card::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: -20%; width: 70%; pointer-events: none; background: linear-gradient(105deg, transparent 15%, #ffffff08 30%, #ffffff1a 44%, #ffffff40 50%, #ffffff1a 56%, #ffffff08 70%, transparent 85%); opacity: 0; transform: translateX(-170%) skewX(-18deg); animation: jhr-menu-offer-shine 20s ease-in-out infinite; animation-delay: calc(1s + var(--jhr-offer-order) * 2.5s); } #below-menu-ad-container .jhr-menu-offers__cta { animation: jhr-menu-offer-button-pulse 20s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation-delay: calc(1s + var(--jhr-offer-order) * 2.5s); } @keyframes jhr-menu-offer-shine { 0% { opacity: 0; transform: translateX(-170%) skewX(-18deg); } 2% { opacity: 1; } 8%, 100% { opacity: 0; transform: translateX(190%) skewX(-18deg); } } @keyframes jhr-menu-offer-button-pulse { /* Match SportPress's button-bounce motion after the shine enters. */ 0%, 4%, 10.5%, 100% { transform: scale(1); } 5.25% { transform: scale(0.92); } 6.5% { transform: scale(var(--jhr-button-pulse-x, 1.08), 1.08); } } } #below-menu-ad-container .jhr-menu-offers__terms { box-sizing: border-box; padding-inline: 12px; text-align: center; } #below-menu-ad-container .jhr-menu-offers__terms, #below-menu-ad-container .jhr-menu-offers__terms * { font-family: Arial, sans-serif; } /* Separate rows let Fitty measure each message at its natural text width. */ #below-menu-ad-container .jhr-menu-offers__terms #cta-box-sm { display: flex; flex-direction: column; align-items: center; width: auto; height: auto; } #below-menu-ad-container .jhr-menu-offers__terms #cta-box-sm > div { display: inline-block !important; white-space: nowrap; max-width: none; } #below-menu-ad-container .jhr-menu-offers__terms .cta-heading-sm { padding-inline: 0; } #below-menu-ad-container .jhr-menu-offers__item:is(.sportsbet, .sportsbetrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/sportsbet-2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.ladbrokes, .ladbrokesrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/ladbrokes-2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.robwaterhouse, .robwaterhouserecc) .jhr-menu-offers__brand { background-image: url("../images/retina/robwaterhouse@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.neds, .nedsrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/neds-2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.playup, .playuprecc) .jhr-menu-offers__brand { background-image: url("../images/retina/playup@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.nextbet, .nextbetrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/nextbet@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.beteasy, .beteasyrecc) .jhr-menu-offers__brand { background-image: url("../images/logos/beteasytxt2.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.palmerbet, .palmerbetrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/palmerbet@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.multis, .multisrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/multis@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.mybet, .mybetrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/mybet2@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.dabble, .dabblerecc) .jhr-menu-offers__brand { background-image: url("../images/retina/dabble@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.betr, .betrrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/betr@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.swiftbet, .swiftbetrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/swiftbet@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.tab, .tabrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/tab2@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.unibet, .unibetrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/unibet@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.unibetrec, .unibetrecrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/unibet@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.boombet, .boombetrecc) .jhr-menu-offers__brand { background-image: url("../images/retina/boombet@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.beteasy2, .beteasy2recc) .jhr-menu-offers__brand { background-image: url("../images/retina/beteasytxt2@2x.png"); } @media (min-width: 981px) { /* One/two: group the message and action independently so both can centre * vertically. Wider placements use larger type instead of empty grid space. */ #below-menu-ad-container .jhr-menu-offers[data-layout="horizontal"] .jhr-menu-offers__card { grid-template-columns: 100px minmax(0, 1fr) 128px; grid-template-rows: auto; gap: 14px; min-height: 64px; padding: 6px 14px; } #below-menu-ad-container .jhr-menu-offers[data-layout="horizontal"] .jhr-menu-offers__brand { grid-column: 1; grid-row: 1; width: 100px; height: 28px; } #below-menu-ad-container .jhr-menu-offers[data-layout="horizontal"] .jhr-menu-offers__copy { display: flex; grid-column: 2; grid-row: 1; flex-direction: column; align-items: center; gap: 3px; min-width: 0; text-align: center; justify-self: stretch; } #below-menu-ad-container .jhr-menu-offers[data-layout="horizontal"] .jhr-menu-offers__headline { font-size: 15px; line-height: 1.2; } #below-menu-ad-container .jhr-menu-offers[data-layout="horizontal"] .jhr-menu-offers__detail { font-size: 12px; line-height: 1.3; } #below-menu-ad-container .jhr-menu-offers[data-layout="horizontal"] .jhr-menu-offers__action { display: flex; grid-column: 3; grid-row: 1; flex-direction: column; align-items: center; justify-self: stretch; gap: 4px; min-width: 0; } #below-menu-ad-container .jhr-menu-offers[data-layout="horizontal"] .jhr-menu-offers__badge { font-size: 10px; line-height: 1.2; padding: 2px 5px; } #below-menu-ad-container .jhr-menu-offers[data-layout="horizontal"] .jhr-menu-offers__cta { align-self: stretch; font-size: 16px; line-height: 1.15; padding: 8px 10px; } /* A single placement is a complete banner, with a central headline balanced * between equal-width brand/action columns rather than small left-hugging copy. */ #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__card { grid-template-columns: 160px minmax(0, 1fr) 160px; min-height: 72px; padding: 7px 20px; gap: 20px; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__brand { width: 140px; height: 32px; justify-self: center; background-position: center; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__headline { font-size: 22px; line-height: 1.15; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__detail { font-size: 13px; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__badge { font-size: 11px; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__cta { font-size: 19px; padding: 7px 16px; } /* Three: retain the approved logo/label row and lowered CTA exactly. */ #below-menu-ad-container .jhr-menu-offers[data-layout="compact"] .jhr-menu-offers__card { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: minmax(28px, auto) auto 1fr; align-content: start; gap: 2px 12px; padding: 4px 14px 5px; } #below-menu-ad-container .jhr-menu-offers[data-layout="compact"] .jhr-menu-offers__brand { grid-column: 1; grid-row: 1; } #below-menu-ad-container .jhr-menu-offers[data-layout="compact"] .jhr-menu-offers__badge { grid-column: 2; grid-row: 1; } #below-menu-ad-container .jhr-menu-offers[data-layout="compact"] .jhr-menu-offers__headline { grid-column: 1; grid-row: 2; } #below-menu-ad-container .jhr-menu-offers[data-layout="compact"] .jhr-menu-offers__detail { grid-column: 1; grid-row: 3; align-self: start; } #below-menu-ad-container .jhr-menu-offers[data-layout="compact"] .jhr-menu-offers__cta { grid-column: 2; grid-row: 2 / span 2; align-self: end; } /* Match the existing strip: top ribbon, logo, offer, large CTA, bottom text. * Only the logo/header track yields space when the headline needs two lines. */ #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__item { height: 106px; } #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__card { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(34px, 44px) max-content 28px 18px; align-content: start; align-items: center; justify-items: center; gap: 0; height: 106px; padding: 0 10px; text-align: center; } #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__badge { position: absolute; top: 0; left: 0; right: 0; z-index: 1; width: 100%; max-width: 100%; height: 12px; margin: 0; border-radius: 0; padding: 0 3px; font-size: 10px; line-height: 12px; -webkit-line-clamp: 1; } #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__brand { grid-column: 1; grid-row: 1; width: 106px; height: auto; max-height: none; align-self: stretch; box-sizing: border-box; padding: 2px 0; background-origin: content-box; background-position: center; } #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__card:has(.jhr-menu-offers__badge) .jhr-menu-offers__brand { padding-top: 14px; } #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__headline { grid-column: 1; grid-row: 2; justify-self: stretch; width: 100%; min-height: 14px; padding-bottom: 2px; font-size: 12px; line-height: 12px; font-weight: 700; text-transform: uppercase; } #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__cta { grid-column: 1; grid-row: 3; justify-self: stretch; align-self: stretch; width: 100%; max-width: none; padding: 3px 4px; font-size: 18px; line-height: 22px; -webkit-line-clamp: 1; } #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__detail { display: -webkit-box; grid-column: 1; grid-row: 4; align-self: center; font-size: 9px; font-weight: 500; line-height: 9px; color: #fff; text-transform: uppercase; } /* Retain the original artwork proportions, including MyBet's taller mark. */ #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__item.mybet .jhr-menu-offers__brand { width: 74px; } #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__item.mybetrecc .jhr-menu-offers__brand { width: 49px; background-image: url("../images/retina/mybet@2x.png"); } #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__item:is(.swiftbet, .swiftbetrecc) .jhr-menu-offers__brand { width: 92px; } #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__item:is(.tab, .tabrecc) .jhr-menu-offers__brand { width: 28px; } #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__item:is(.unibet, .unibetrecc, .unibetrec, .unibetrecrecc) .jhr-menu-offers__brand { width: 73px; } #below-menu-ad-container .jhr-menu-offers[data-layout="stacked"] .jhr-menu-offers__item:is(.neds, .nedsrecc) .jhr-menu-offers__brand { width: 64px; } } /* Mobile: show three full tiles plus a hint of the next when more offers exist. * Tiles share spare width when they all fit. */ @media (max-width: 980px) { #below-menu-ad-container .jhr-menu-offers__viewport { position: relative; } #below-menu-ad-container .jhr-menu-offers__list { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } #below-menu-ad-container .jhr-menu-offers__list::-webkit-scrollbar { display: none; } #below-menu-ad-container .jhr-menu-offers__item { flex: 1 0 min(160px, calc(100% / 3.15)); height: 106px; scroll-snap-align: start; } #below-menu-ad-container .jhr-menu-offers[data-count="2"] .jhr-menu-offers__item { flex: 1 0 50%; } #below-menu-ad-container .jhr-menu-offers__item:only-child { flex: 1 0 100%; } #below-menu-ad-container .jhr-menu-offers__card { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(30px, 40px) max-content 28px 22px; align-content: start; justify-items: center; gap: 0; height: 106px; padding: 0 8px; text-align: center; } #below-menu-ad-container .jhr-menu-offers__brand { grid-column: 1; grid-row: 1; align-self: stretch; box-sizing: border-box; width: 106px; height: auto; padding: 2px 0; background-origin: content-box; background-position: center; } #below-menu-ad-container .jhr-menu-offers__card:has(.jhr-menu-offers__badge) .jhr-menu-offers__brand { padding-top: 14px; } #below-menu-ad-container .jhr-menu-offers__badge { position: absolute; top: 0; left: 0; right: 0; z-index: 1; width: 100%; height: 12px; border-radius: 0; padding: 0 3px; font-size: 9px; line-height: 12px; -webkit-line-clamp: 1; } #below-menu-ad-container .jhr-menu-offers__headline { grid-column: 1; grid-row: 2; justify-self: stretch; width: 100%; min-height: 12px; padding: 1px 0 3px; font-size: 10px; font-weight: 700; line-height: 11px; text-transform: uppercase; } #below-menu-ad-container .jhr-menu-offers__detail { display: -webkit-box; grid-column: 1; grid-row: 4; align-self: center; padding: 2px 0; font-size: 9px; font-weight: 500; line-height: 9px; color: #fff; text-transform: uppercase; } #below-menu-ad-container .jhr-menu-offers__cta { grid-column: 1; grid-row: 3; justify-self: stretch; align-self: stretch; width: 100%; padding: 4px; font-size: clamp(16px, 4.6vw, 18px); line-height: 20px; -webkit-line-clamp: 1; } #below-menu-ad-container .jhr-menu-offers__scroll:not([hidden]) { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; box-sizing: border-box; width: 28px; height: 44px; min-width: 0; margin: 0; border: 0; padding: 0; background: transparent; color: #ffffffe6; transform: translateY(-50%); cursor: pointer; } #below-menu-ad-container .jhr-menu-offers__prev { left: 0; } #below-menu-ad-container .jhr-menu-offers__next { right: 0; } #below-menu-ad-container .jhr-menu-offers__scroll span { position: relative; display: block; width: 18px; height: 28px; border-radius: 2px; background: #0003; font-size: 0; pointer-events: none; } #below-menu-ad-container .jhr-menu-offers__scroll span::before { content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-top: 1.5px solid; border-right: 1.5px solid; transform: translate(-50%, -50%) rotate(45deg); } #below-menu-ad-container .jhr-menu-offers__prev span::before { transform: translate(-50%, -50%) rotate(-135deg); } #below-menu-ad-container .jhr-menu-offers__scroll:focus-visible { outline: 2px solid #f9cf00; outline-offset: -2px; } /* Keep wider one/two-offer buttons inside their tiles as they expand. */ #below-menu-ad-container .jhr-menu-offers:is([data-count="1"], [data-count="2"]) .jhr-menu-offers__cta { --jhr-button-pulse-x: 1.025; } #below-menu-ad-container .jhr-menu-offers__item.mybet .jhr-menu-offers__brand { width: 74px; } #below-menu-ad-container .jhr-menu-offers__item.mybetrecc .jhr-menu-offers__brand { width: 49px; background-image: url("../images/retina/mybet@2x.png"); } #below-menu-ad-container .jhr-menu-offers__item:is(.swiftbet, .swiftbetrecc) .jhr-menu-offers__brand { width: 92px; } #below-menu-ad-container .jhr-menu-offers__item:is(.tab, .tabrecc) .jhr-menu-offers__brand { width: 28px; } #below-menu-ad-container .jhr-menu-offers__item:is(.unibet, .unibetrecc, .unibetrec, .unibetrecrecc) .jhr-menu-offers__brand { width: 73px; } #below-menu-ad-container .jhr-menu-offers__item:is(.neds, .nedsrecc) .jhr-menu-offers__brand { width: 64px; } } /* Reduce phone artwork around its existing centre, including recommended logos. */ @media (max-width: 599px) { #below-menu-ad-container .jhr-menu-offers__brand { transform: scale(0.9); transform-box: content-box; } } /* Temporary administrator-only preview controls, absent from normal responses. */ #below-menu-ad-container .jhr-menu-offers-preview { padding: 8px 12px; background: #fff5c2; color: #172b24; font: 12px/1.5 Arial, sans-serif; } #below-menu-ad-container .jhr-menu-offers-preview nav { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; } #below-menu-ad-container .jhr-menu-offers-preview a { padding: 3px 8px; border: 1px solid #c2b664; border-radius: 3px; color: #172b24; text-decoration: none; } #below-menu-ad-container .jhr-menu-offers-preview a[aria-current] { background: #172b24; color: #fff; } @media (min-width: 600px) and (max-width: 980px) { /* Keep the horizontal overshoot inside tiles that expand to fill a tablet. */ #below-menu-ad-container .jhr-menu-offers__cta { --jhr-button-pulse-x: 1.025; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__item { height: auto; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__card { grid-template-columns: 100px minmax(0, 1fr) 128px; grid-template-rows: auto; align-content: center; gap: 14px; height: auto; padding: 6px 14px; min-height: 58px; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__brand { grid-column: 1; grid-row: 1; align-self: center; width: 100px; height: 28px; padding: 0; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__card:has(.jhr-menu-offers__badge) .jhr-menu-offers__brand { padding-top: 0; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__copy { display: flex; flex-direction: column; align-items: center; gap: 3px; grid-column: 2; grid-row: 1; min-width: 0; justify-self: stretch; text-align: center; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__headline { min-height: 0; padding: 0; font-size: 16px; line-height: 1.3; text-transform: none; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__detail { display: -webkit-box; font-size: 11px; line-height: 1.2; text-transform: none; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__action { display: flex; flex-direction: column; align-items: center; gap: 3px; grid-column: 3; grid-row: 1; min-width: 0; justify-self: stretch; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__badge { position: static; width: auto; height: auto; padding: 1px 4px; border-radius: 2px; font-size: 9px; line-height: 1.2; -webkit-line-clamp: 2; } #below-menu-ad-container .jhr-menu-offers[data-count="1"] .jhr-menu-offers__cta { align-self: stretch; width: auto; padding: 6px 8px; font-size: 15px; line-height: 1.1; } } /* Mobile uses the saved restricted CTA; desktop retains the full CTA. */ #below-menu-ad-container .jhr-cta-restricted { display: none; } @media (max-width: 980px) { #below-menu-ad-container .jhr-cta-full { display: none; } #below-menu-ad-container .jhr-cta-restricted { display: inline; } }