/* Approved eight-category homepage, 27 October 2026. Scope stays on the homepage. */
.hv-royal-home {
  --home-type-scale: 1; --primary: #165dde; --primary-hover: #114bbc; --primary-strong: #165dde;
  --primary-ink: #1454ca; --primary-tint: #eef4ff; --primary-tint-2: #dce8ff;
  --on-primary: #fff; --primary-shadow: rgba(22, 93, 222, .2);
  --ink: #20242c; --ink-soft: #515c6b; --page: #fff;
  --mist: #f6f7fa; --line: #dfe3e9; --line-strong: #b7c0cc;
  --accent-deep: #cc0068; --highlight: #ffd43b;
  color: var(--ink); scrollbar-color: #a8b4c6 #f6f7fa;
}
.hv-royal-home ::selection { background: #dce8ff; color: #20242c; }
.hv-royal-home input { caret-color: #165dde; }
.hv-royal-home a { text-underline-offset: .2em; }
.hv-royal-home :focus-visible { outline: 3px solid #165dde; outline-offset: 3px; }
.hv-royal-home .header { background: #fff; border-block-end: 1px solid var(--line); }
.hv-royal-home .btn--primary, .hv-royal-home .hv-product__action { box-shadow: none; }
.hv-royal-home .hv-hero { display: grid; grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); gap: 0; inline-size: min(100% - 2 * var(--gutter), 1320px); margin: 24px auto 0; min-block-size: 0; max-block-size: none; aspect-ratio: auto; background: #f4f7fc; border-radius: 12px; overflow: hidden; }
.hv-royal-home .hv-hero__inner { display: flex; align-items: center; inline-size: 100%; max-inline-size: none; min-block-size: clamp(300px, 27.3vw, 360px); padding: 32px clamp(24px, 2.1vw, 40px); margin: 0; }
.hv-royal-home .hv-hero__copy { inline-size: 100%; max-inline-size: 480px; min-inline-size: 0; }
.hv-royal-home .hv-hero h1 { max-inline-size: none; font-size: calc(clamp(36px, 3.2vw, 52px) * var(--home-type-scale)); line-height: 1.16; font-weight: 700; letter-spacing: -.025em; text-shadow: none; color: var(--ink); }
.hv-royal-home .hv-hero h1 span { display: block; color: var(--primary); }
.hv-royal-home .hv-hero__subtitle { margin-block-start: 16px; font-size: calc(clamp(18px, 1.5vw, 22px) * var(--home-type-scale)); line-height: 1.5; color: var(--ink); }
.hv-royal-home .hv-hero .btn { margin-block-start: 22px; min-block-size: 48px; block-size: auto; padding: 12px 24px; font-size: calc(18px * var(--home-type-scale)); font-weight: 600; background: var(--primary); color: #fff; box-shadow: none; border-radius: 999px; }
.hv-royal-home .hv-hero .btn:hover { background: var(--primary-hover); }
.hv-royal-home .hv-hero__media { position: relative; min-inline-size: 0; align-self: stretch; overflow: hidden; background: #f4f7fc; }
.hv-royal-home .hv-hero__media::after { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: 56px; background: linear-gradient(to left, #f4f7fc, transparent); pointer-events: none; }
.hv-royal-home .hv-hero picture { display: block; block-size: 100%; }
.hv-royal-home .hv-hero__image { position: static; inset: auto; z-index: auto; display: block; inline-size: 100%; block-size: 100%; aspect-ratio: 1.8; object-fit: cover; object-position: center; opacity: 1; }
.hv-royal-home .hv-hero__disclosure { position: absolute; inset-block-end: 10px; inset-inline-end: 12px; padding: 3px 6px; background: rgba(255,255,255,.96); color: #3d4654; font-size: calc(11px * var(--home-type-scale)); line-height: 1.3; border-radius: 4px; }
.hv-royal-home .hv-catalog { padding-block: 32px 20px; background: #fff; }
.hv-royal-home .hv-catalog .hv-section__head { flex-direction: column; align-items: stretch; gap: 12px; margin-block-end: 24px; }
.hv-royal-home .hv-catalog h2 { font-size: calc(30px * var(--home-type-scale)); line-height: 1.25; font-weight: 650; text-align: start; }
.hv-royal-home .hv-search { inline-size: 100%; min-inline-size: 0; margin-inline: 0; padding-inline: 16px 2px; border-color: var(--line-strong); }
.hv-royal-home .hv-search:focus-within { border-color: var(--primary); }
.hv-royal-home .hv-search input { block-size: 48px; font-size: calc(16px * var(--home-type-scale)); min-inline-size: 0; }
.hv-royal-home .hv-search button { inline-size: 44px; block-size: 44px; flex-shrink: 0; }
.hv-royal-home .hv-search input::placeholder { color: var(--ink-soft); }
.hv-royal-home .hv-categories { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.hv-royal-home .hv-category { display: flex; flex-direction: column; border-color: var(--line); border-radius: 12px; box-shadow: none; }
.hv-royal-home .hv-category:hover { border-color: var(--primary); }
.hv-royal-home .hv-category__image { flex: none; block-size: auto; aspect-ratio: 4 / 3; background: var(--mist); }
.hv-royal-home .hv-category__image img { display: block; transform: none; }
.hv-royal-home .hv-category__body { flex: 1; padding: 12px 14px; padding-inline-end: 34px; }
.hv-royal-home .hv-category__body strong { font-size: calc(18px * var(--home-type-scale)); font-weight: 600; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
.hv-royal-home .hv-category__body small { font-size: calc(14px * var(--home-type-scale)); line-height: 1.5; margin-block-start: 4px; }
.hv-royal-home .hv-category__body > .i { display: block; color: var(--primary); stroke-width: 2.5; inline-size: 16px; block-size: 16px; inset-inline-end: 10px; inset-block-start: 16px; }
.hv-royal-home .hv-image-note { font-size: calc(11px * var(--home-type-scale)); line-height: 1.3; color: #3d4654; background: rgba(255,255,255,.96); border-radius: 4px; padding: 3px 5px; inset-inline-end: 6px; inset-block-end: 6px; }
.hv-royal-home .hv-catalog__more { padding-block-start: 16px; }
.hv-royal-home .hv-catalog__more a { display: inline-flex; align-items: center; min-block-size: 44px; }
.hv-royal-home .hv-name-preview, .hv-royal-home .hv-section--tint { background: var(--mist); }
.hv-royal-home .hv-business { background: var(--primary-tint); }
.hv-royal-home.home-catalog-visible .fab { visibility: hidden; opacity: 0; pointer-events: none; }
@media (max-width: 1099px) {
  .hv-royal-home { --header-h: 64px; }
  .hv-royal-home .header__inner { height: 64px; min-height: 64px; }
  .hv-royal-home .header__actions > :not([href="cart.html"]):not([data-open="search"]) { display: none; }
  .hv-royal-home .header .iconbtn { inline-size: 44px; block-size: 44px; }
  .hv-royal-home .header__burger, .hv-royal-home .header__actions { margin-inline: 0; }
  .hv-royal-home .brand img { block-size: 32px; max-inline-size: 100%; object-fit: contain; }
  .hv-royal-home .hv-hero { grid-template-columns: minmax(0, 1fr); inline-size: 100%; margin: 0; border-radius: 0; }
  .hv-royal-home .hv-hero__copy { max-inline-size: none; }
  .hv-royal-home .hv-hero__media::after { display: none; }
  .hv-royal-home .hv-hero picture { block-size: auto; }
  .hv-royal-home .hv-hero__inner { min-block-size: 0; padding: 28px var(--gutter, 24px) 24px; }
  .hv-royal-home .hv-hero h1 { font-size: calc(40px * var(--home-type-scale)); }
  .hv-royal-home .hv-hero__image { block-size: auto; aspect-ratio: 2; }
  .hv-royal-home .hv-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .hv-royal-home .header > .wrap, .hv-royal-home .hv-catalog > .wrap { inline-size: 100%; margin-inline: 0; padding-inline: 20px; }
  .hv-royal-home .hv-hero__inner { padding: 18px 20px 16px; }
  .hv-royal-home .hv-hero h1 { font-size: calc(30px * var(--home-type-scale)); }
  .hv-royal-home .hv-hero__subtitle { margin-block-start: 8px; font-size: calc(16px * var(--home-type-scale)); }
  .hv-royal-home .hv-hero .btn { margin-block-start: 14px; font-size: calc(16px * var(--home-type-scale)); }
  .hv-royal-home .hv-hero__image { aspect-ratio: 2.2; }
  .hv-royal-home .hv-catalog { padding-block-start: 22px; }
  .hv-royal-home .hv-catalog .hv-section__head { gap: 12px; margin-block-end: 16px; }
  .hv-royal-home .hv-catalog h2 { inline-size: 100%; font-size: calc(24px * var(--home-type-scale)); }
  .hv-royal-home .hv-categories { gap: 12px; }
  .hv-royal-home .hv-category__body { padding: 10px; }
  .hv-royal-home .hv-category__body strong { font-size: calc(16px * var(--home-type-scale)); }
  .hv-royal-home .hv-category__body > .i { display: none; }
}
@media (max-width: 374px) { .hv-royal-home .hv-hero h1 { font-size: calc(28px * var(--home-type-scale)); } }
html.high-contrast .hv-royal-home { --ink: #000; --ink-soft: #222; --primary: #1048ac; --primary-ink: #1048ac; }

html.large-text .hv-royal-home { --home-type-scale: 1.25; }

/* Motion. The headline arrives once and "בצבעים שלכם." is inked from right to left in the logo's cyan, magenta and
   yellow before it settles blue; category cards rise in as they are scrolled to (home-variants.js); a pressed card gives,
   and arrows lean forward. Visitors who reduce motion get none of the movement. */
.hv-royal-home .hv-category { transition: border-color .18s ease-out, transform .16s cubic-bezier(.16, 1, .3, 1); }
.hv-royal-home .hv-category:active { transform: scale(.98); }
.hv-royal-home .hv-category.hv-await { opacity: 0; transform: translateY(14px); transition: none; }
.hv-royal-home .hv-category.hv-arrive { transition: none; animation: hv-rise .6s var(--hv-delay, 0ms) cubic-bezier(.16, 1, .3, 1) both; }
.hv-royal-home :is(.hv-hero .btn, .hv-business .btn, .hv-product__action, .hv-link, .hv-occasion-links a, .hv-category__body) > .i { transition: transform .2s cubic-bezier(.16, 1, .3, 1); }
.hv-royal-home :is(.hv-hero .btn, .hv-business .btn, .hv-product__action, .hv-link, .hv-occasion-links a):active > .i,
.hv-royal-home .hv-category:active .hv-category__body > .i { transform: translateX(-3px); }
@media (hover: hover) and (pointer: fine) {
  .hv-royal-home :is(.hv-hero .btn, .hv-business .btn, .hv-product__action, .hv-link, .hv-occasion-links a):hover > .i,
  .hv-royal-home .hv-category:hover .hv-category__body > .i { transform: translateX(-3px); }
  .hv-royal-home .hv-category__image img { transition: transform .5s cubic-bezier(.16, 1, .3, 1); }
  .hv-royal-home .hv-category:hover .hv-category__image img { transform: scale(1.04); }
}
.hv-royal-home .try2.is-typing .try2__input { box-shadow: 0 0 0 4px var(--primary-tint-2); }
@media (prefers-reduced-motion: no-preference) {
  .hv-royal-home .hv-hero h1, .hv-royal-home .hv-hero__subtitle, .hv-royal-home .hv-hero .btn { animation: hv-rise .7s cubic-bezier(.16, 1, .3, 1) both; }
  .hv-royal-home .hv-hero__subtitle { animation-delay: .12s; }
  .hv-royal-home .hv-hero .btn { animation-delay: .2s; }
  /* the photo settles, then keeps drifting very slowly, in and back */
  .hv-royal-home .hv-hero__image { animation: hv-settle 1.6s cubic-bezier(.16, 1, .3, 1) both, hv-drift 24s 1.6s ease-in-out infinite alternate; }
  @media (forced-colors: none) {
    @supports ((-webkit-background-clip: text) or (background-clip: text)) {
      .hv-royal-home .hv-hero h1 span { inline-size: fit-content; color: transparent; background: linear-gradient(to left, var(--primary) 0 34%, #19b5ec 41%, #e5007e 48%, #ffd43b 55%, transparent 61%) 100% 0 / 300% 100% no-repeat; -webkit-background-clip: text; background-clip: text; animation: hv-ink 1.15s .3s cubic-bezier(.45, 0, .2, 1) both; }
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .hv-royal-home .hv-category, .hv-royal-home .hv-category > *, .hv-royal-home .hv-category .i, .hv-royal-home .hv-category img { transition: border-color .18s ease-out; transform: none !important; }
  .hv-royal-home :is(.hv-hero .btn, .hv-business .btn, .hv-product__action, .hv-link, .hv-occasion-links a) > .i { transition: none; transform: none !important; }
}
@keyframes hv-rise { from { opacity: 0; transform: translateY(14px); } }
@keyframes hv-settle { from { transform: scale(1.04); } }
@keyframes hv-drift { to { transform: scale(1.06) translate3d(1%, -1%, 0); } }
@keyframes hv-ink { from { background-position-x: 0%; } }

/* Designer's home mockup, 7 November 2026 (drawn at 1568 px): navy words, deeper royal blue, a hero photo across the
   whole card with the words on its quiet right side, an eyebrow line, two lines under the headline, a second button,
   colour bars under "בצבעים שלכם.", a subtitle under "מה תרצו ליצור היום?" with the search beside it, and wider tiles. */
.hv-royal-home {
  --ink: #172040; --ink-soft: #4c5471; --primary: #0a47e6; --primary-hover: #0838b8; --primary-strong: #0a47e6;
  --primary-ink: #0a44d8; --primary-shadow: rgba(10, 71, 230, .2); --line: #dee1e9;
}
.hv-royal-home .hv-hero [data-site-items] { margin: 0 0 10px; font-size: calc(16px * var(--home-type-scale)); line-height: 1.5; color: var(--ink); }
.hv-royal-home .hv-hero h1::after { content: ""; display: block; inline-size: 34px; block-size: 4px; margin-block-start: 10px; border-radius: 4px; background: #ffdf00; box-shadow: -42px 0 0 #ec008c; }
.hv-royal-home .hv-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-block-start: 22px; }
.hv-royal-home .hv-hero__actions .btn { margin: 0; }
.hv-royal-home .hv-hero .hv-hero__talk { background: transparent; color: var(--ink); border: 1.5px solid var(--ink); }
.hv-royal-home .hv-hero .hv-hero__talk:hover { background: rgba(255, 255, 255, .7); color: var(--ink); }
.hv-royal-home .hv-catalog__title p { margin: 6px 0 0; font-size: calc(16px * var(--home-type-scale)); line-height: 1.5; color: var(--ink-soft); }
@media (min-width: 1100px) {
  .hv-royal-home .header > .wrap { inline-size: min(100% - 2 * var(--gutter), 1404px); }
  .hv-royal-home .hv-main .wrap:not(.hv-hero__inner) { inline-size: min(100% - 104px, 1466px); }
  /* the photo fills the card; everything inside scales with the card (cqi), so 1568 px is the drawing 1:1 */
  .hv-royal-home .hv-hero { display: block; position: relative; container-type: inline-size; inline-size: min(100% - 104px, 1466px); aspect-ratio: 1466 / 434; margin: 24px auto 0; background: #eef1f8; border-radius: 22px; overflow: hidden; }
  .hv-royal-home .hv-hero__media { position: absolute; inset: 0; z-index: 0; background: none; }
  .hv-royal-home .hv-hero__media::after { display: none; }
  .hv-royal-home .hv-hero__image { inline-size: 100%; block-size: 100%; aspect-ratio: auto; object-fit: cover; object-position: 0 50%; }
  .hv-royal-home .hv-hero__disclosure { inset-block-end: 1.3cqi; inset-inline-end: 1.2cqi; padding: .2cqi .5cqi; font-size: calc(.78cqi * var(--home-type-scale)); border-radius: .35cqi; }
  .hv-royal-home .hv-hero__inner { position: relative; z-index: 1; display: block; block-size: auto; min-block-size: 0; padding: 1.48cqi 3.18cqi 0 0; }
  .hv-royal-home .hv-hero__copy { inline-size: 36cqi; max-inline-size: none; }
  .hv-royal-home .hv-hero [data-site-items] { margin: 0; padding-inline-start: .75cqi; font-size: calc(1.64cqi * var(--home-type-scale)); line-height: 1.5; word-spacing: .25em; }
  .hv-royal-home .hv-hero h1 { margin-block-start: .87cqi; font-size: calc(4.85cqi * var(--home-type-scale)); line-height: .94; font-weight: 800; letter-spacing: -.03em; color: var(--ink); }
  .hv-royal-home .hv-hero h1::after { content: ""; display: block; inline-size: 3.55cqi; block-size: .41cqi; margin-block-start: .48cqi; border-radius: 1cqi; background: #ffdf00; box-shadow: -4.3cqi 0 0 #ec008c; }
  .hv-royal-home .hv-hero__subtitle { margin-block-start: 1.2cqi; font-size: calc(1.6cqi * var(--home-type-scale)); line-height: 1.28; color: var(--ink); }
  .hv-royal-home .hv-hero__actions { gap: 1.23cqi; margin-block-start: 1.93cqi; }
  .hv-royal-home .hv-hero .hv-hero__actions .btn { min-block-size: 0; block-size: 3.45cqi; padding: 0 1.9cqi; gap: .85cqi; font-size: calc(1.45cqi * var(--home-type-scale)); font-weight: 750; }
  .hv-royal-home .hv-hero .hv-hero__actions .btn--primary { min-inline-size: 16.1cqi; font-size: calc(1.58cqi * var(--home-type-scale)); }
  .hv-royal-home .hv-hero .hv-hero__talk { min-inline-size: 13.4cqi; border-width: max(1.5px, .14cqi); }
  .hv-royal-home .hv-hero .hv-hero__actions .btn > .i { inline-size: 1.8cqi; block-size: 1.8cqi; stroke-width: 2.4; }
  /* "מה תרצו ליצור היום?" with its line on the right, the search on the left */
  .hv-royal-home .hv-catalog { padding-block: 23px 20px; }
  .hv-royal-home .hv-catalog .hv-section__head { flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; margin-block-end: 31px; padding-inline: 8px 4px; }
  .hv-royal-home .hv-catalog h2 { font-size: calc(clamp(32px, 2.68vw, 42px) * var(--home-type-scale)); line-height: 1.2; font-weight: 700; letter-spacing: -.01em; color: var(--ink); }
  .hv-royal-home .hv-catalog__title p { margin-block-start: 1px; font-size: calc(clamp(19px, 1.53vw, 24px) * var(--home-type-scale)); line-height: 1.35; }
  .hv-royal-home .hv-catalog .hv-search { flex: 0 1 519px; inline-size: 519px; margin-block-start: 18px; padding-inline: 22px 8px; border: 1.5px solid #c3c8d3; }
  .hv-royal-home .hv-catalog .hv-search input { block-size: 52px; font-size: calc(18px * var(--home-type-scale)); }
  .hv-royal-home .hv-catalog .hv-search button .i { inline-size: 24px; block-size: 24px; }
  .hv-royal-home .hv-categories { gap: 12px; }
  .hv-royal-home .hv-category { border-radius: 14px; box-shadow: 0 2px 6px -2px rgba(23, 32, 64, .1); }
  .hv-royal-home .hv-category__image { aspect-ratio: 357 / 227; }
  .hv-royal-home .hv-category__body { display: flex; flex-direction: column; justify-content: center; justify-content: flex-start; min-block-size: 83px; padding: 11px clamp(14px, 1.53vw, 24px) 15px; padding-inline-end: clamp(38px, 3.7vw, 58px); }
  .hv-royal-home .hv-category__body strong { font-size: calc(clamp(17px, 1.53vw, 24px) * var(--home-type-scale)); font-weight: 700; line-height: 1.15; color: var(--ink); }
  .hv-royal-home .hv-category__body small { margin-block-start: 2px; font-size: calc(clamp(14px, 1.34vw, 21px) * var(--home-type-scale)); line-height: 1.3; color: var(--ink-soft); }
  .hv-royal-home .hv-category__body > .i { inset-block: 0 6px; inset-inline-end: clamp(6px, .96vw, 15px); margin-block: auto; inline-size: clamp(22px, 1.85vw, 29px); block-size: clamp(22px, 1.85vw, 29px); stroke-width: 2.4; }
  .hv-royal-home .hv-image-note { inset-inline-end: 10px; inset-block-end: 9px; padding: 3px 8px; font-size: calc(11.5px * var(--home-type-scale)); border-radius: 6px; }
}
@media (prefers-reduced-motion: no-preference) {
  .hv-royal-home .hv-hero [data-site-items] { animation: hv-rise .7s cubic-bezier(.16, 1, .3, 1) both; }
}

/* Designer's phone mockup, 7 November 2026 (drawn at 390 px, 2.2x). 1u is 1% of the phone's width, capped at a 500 px
   screen; inside the hero card everything is in cqi of the card, so the card is the drawing at any phone width. */
.hv-royal-home .hv-narrow { display: none; }
@media (max-width: 700px) {
  .hv-royal-home { --u: min(1vw, 5px); --header-h: calc(13.33 * var(--u)); }
  .hv-royal-home .header__inner { height: calc(13.33 * var(--u)); min-height: 0; }
  .hv-royal-home .header > .wrap { padding-inline: calc(6.05 * var(--u)) calc(3.9 * var(--u)); }
  .hv-royal-home .brand img { block-size: calc(7.95 * var(--u)); }
  .hv-royal-home .header .iconbtn { inline-size: calc(7.24 * var(--u) + 12px); block-size: calc(7.24 * var(--u) + 12px); }
  .hv-royal-home .header .iconbtn > .i { inline-size: calc(7.24 * var(--u)); block-size: calc(7.24 * var(--u)); stroke-width: 2.3; }
  .hv-royal-home .header__burger { margin-inline-end: -6px; }
  .hv-royal-home .header__inner { gap: calc(4.05 * var(--u) - 12px); }
  /* the hero is one card: the photo behind, the words on its sky, the button on its floor */
  .hv-royal-home .hv-hero { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); position: relative; container-type: inline-size; inline-size: calc(100% - 4.8 * var(--u)); aspect-ratio: 822 / 878; margin: calc(3 * var(--u)) auto 0; background: #ebf0fa; border-radius: 4.14cqi; overflow: hidden; }
  .hv-royal-home .hv-hero__media { grid-area: 1 / 1; position: relative; z-index: 0; background: none; }
  .hv-royal-home .hv-hero picture { display: block; block-size: 100%; }
  .hv-royal-home .hv-hero__image { inline-size: 100%; block-size: 100%; aspect-ratio: auto; object-fit: cover; object-position: 50% 50%; }
  .hv-royal-home .hv-hero__disclosure { inset-block-end: 18.25cqi; inset-inline-end: 3.04cqi; padding: .45cqi 1.35cqi; font-size: calc(2.55cqi * var(--home-type-scale)); border-radius: 1.1cqi; }
  .hv-royal-home .hv-hero__inner { grid-area: 1 / 1; position: relative; z-index: 1; display: flex; align-items: stretch; min-block-size: 0; padding: 4.17cqi 2.92cqi 3.9cqi; }
  .hv-royal-home .hv-hero__copy { display: flex; flex-direction: column; align-items: center; inline-size: 100%; max-inline-size: none; text-align: center; }
  .hv-royal-home .hv-hero [data-site-items], .hv-royal-home .hv-hero .hv-hero__talk, .hv-royal-home .hv-wide { display: none; }
  .hv-royal-home .hv-narrow { display: inline; }
  .hv-royal-home .hv-hero h1 { margin: 0; font-size: calc(10.95cqi * var(--home-type-scale)); line-height: .944; font-weight: 800; letter-spacing: -.03em; color: var(--ink); }
  .hv-royal-home .hv-hero h1 span { margin-inline: auto; }
  .hv-royal-home .hv-hero h1::after { inline-size: 9.55cqi; block-size: 1.22cqi; margin: 1.91cqi auto 0; border-radius: 1cqi; translate: 5.81cqi 0; box-shadow: -11.62cqi 0 0 #ec008c; }
  .hv-royal-home .hv-hero__subtitle { margin-block-start: 1.75cqi; font-size: calc(4.62cqi * var(--home-type-scale)); line-height: 1.3; letter-spacing: .05em; word-spacing: .1em; color: var(--ink); }
  .hv-royal-home .hv-hero__actions { inline-size: 100%; margin-block-start: auto; gap: 0; }
  .hv-royal-home .hv-hero .hv-hero__actions .btn--primary { inline-size: 100%; min-block-size: 0; block-size: 10.7cqi; margin: 0; padding: 0 3cqi; gap: 4.26cqi; font-size: calc(5.3cqi * var(--home-type-scale)); font-weight: 750; }
  .hv-royal-home .hv-hero .hv-hero__actions .btn > .i { inline-size: 6.7cqi; block-size: 6.7cqi; stroke-width: 2.4; }
  /* "מה תרצו ליצור היום?" and the search, then the tiles with their names only */
  .hv-royal-home .hv-catalog > .wrap { padding-inline: calc(2.5 * var(--u)); }
  .hv-royal-home .hv-catalog { padding-block-start: calc(3.6 * var(--u)); }
  .hv-royal-home .hv-catalog .hv-section__head { gap: calc(2 * var(--u)); margin-block-end: calc(3.36 * var(--u)); }
  .hv-royal-home .hv-catalog__title { padding-inline-start: calc(.17 * var(--u)); }
  .hv-royal-home .hv-catalog h2 { font-size: calc(6.7 * var(--u) * var(--home-type-scale)); line-height: 1.25; font-weight: 750; letter-spacing: -.01em; color: var(--ink); }
  .hv-royal-home .hv-catalog__title p { display: none; }
  .hv-royal-home .hv-catalog .hv-search { padding-inline: calc(3.39 * var(--u)) calc(2.3 * var(--u)); border: 1.5px solid #a6aab9; }
  .hv-royal-home .hv-catalog .hv-search input { block-size: calc(9.27 * var(--u) - 1.5px); font-size: calc(4.5 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-catalog .hv-search button { inline-size: calc(8 * var(--u)); block-size: calc(8 * var(--u)); }
  .hv-royal-home .hv-catalog .hv-search button .i { inline-size: calc(5.95 * var(--u)); block-size: calc(5.95 * var(--u)); stroke-width: 2.2; }
  .hv-royal-home .hv-categories { gap: calc(3.13 * var(--u)) calc(1.85 * var(--u)); }
  .hv-royal-home .hv-category { border-radius: calc(2.3 * var(--u)); border-color: #dcdde3; }
  .hv-royal-home .hv-category__image { aspect-ratio: 401 / 272; }
  .hv-royal-home .hv-category__image picture { display: contents; }
  .hv-royal-home .hv-category__body { display: flex; align-items: center; min-block-size: calc(9.04 * var(--u)); padding: 0 calc(2.9 * var(--u) - 1px); padding-inline-end: calc(7 * var(--u)); }
  .hv-royal-home .hv-category__body strong { font-size: calc(3.98 * var(--u) * var(--home-type-scale)); font-weight: 700; line-height: 1.2; color: var(--ink); }
  .hv-royal-home .hv-category__body small { display: none; }
  .hv-royal-home .hv-category__body > .i { display: block; position: absolute; inset-block: 0 calc(.35 * var(--u)); inset-inline-end: calc(1.2 * var(--u) - 1px); margin-block: auto; inline-size: calc(5.2 * var(--u)); block-size: calc(5.2 * var(--u)); stroke-width: 2.4; }
  .hv-royal-home .hv-image-note { inset-inline-end: calc(1.4 * var(--u)); inset-block-end: calc(1.4 * var(--u)); padding: 2px 5px; font-size: calc(2.3 * var(--u) * var(--home-type-scale)); border-radius: 4px; }
}

/* The rest of the home to the designer's mockup of 7 November 2026 (drawn for a 1280 px screen): borderless category
   tiles with names only, "מוצרים להתחיל מהם" on a warm band with photo cards and outline buttons, and "ככה זה נראה עם
   השם שלכם." as one card: the words, the field and the four products on the right, the big preview on the left. */
.hv-royal-home .hv-link > .i { inline-size: 18px; block-size: 18px; }
.hv-royal-home .hv-shelf__title p { margin: 4px 0 0; font-size: calc(16px * var(--home-type-scale)); line-height: 1.45; color: var(--ink-soft); }
.hv-royal-home .hv-try { padding-block: 0 40px; background: #fcf8f5; }
.hv-royal-home .hv-shelf { background: #fcf8f5; }
.hv-royal-home .hv-try__card { display: grid; gap: 22px; padding: 22px; background: linear-gradient(105deg, #eef3fc, #e8effd); border-radius: 16px; }
.hv-royal-home .hv-try__copy { display: flex; flex-direction: column; align-items: stretch; min-inline-size: 0; }
.hv-royal-home .hv-try__eyebrow { margin: 0; line-height: 1.2; font-size: calc(18px * var(--home-type-scale)); font-weight: 700; color: var(--primary); }
.hv-royal-home .hv-try h2 { margin-block-start: 8px; font-size: calc(44px * var(--home-type-scale)); line-height: .93; font-weight: 800; letter-spacing: -.015em; color: var(--ink); }
.hv-royal-home .hv-try__lead { margin: 5px 0 0; font-size: calc(19px * var(--home-type-scale)); line-height: 1.3; color: var(--ink-soft); }
.hv-royal-home .hv-try__form { display: flex; flex-direction: column; align-items: flex-start; gap: 4.5px; margin-block-start: 15px; }
.hv-royal-home .hv-try__label { margin: 0; line-height: 1.25; font-size: calc(16.5px * var(--home-type-scale)); font-weight: 700; color: var(--primary); }
.hv-royal-home .hv-try__label--ink { margin-block-start: 10px; color: var(--ink); }
.hv-royal-home .hv-try__field { position: relative; display: block; inline-size: 100%; }
.hv-royal-home .hv-try__field > .i { position: absolute; inset-block: 0; inset-inline-start: 16px; margin-block: auto; inline-size: 20px; block-size: 20px; color: var(--ink); pointer-events: none; }
.hv-royal-home .hv-try__input { inline-size: 100%; block-size: 38px; padding-inline: 46px 18px; border: 1.5px solid var(--primary); border-radius: 999px; background: #fff; font: inherit; font-size: calc(17px * var(--home-type-scale)); font-weight: 500; color: var(--ink); }
.hv-royal-home .hv-try__input::placeholder { color: var(--ink-soft); font-weight: 400; }
.hv-royal-home .hv-try__input:placeholder-shown { direction: rtl; text-align: start; }
.hv-royal-home .hv-try__input:focus { outline: none; box-shadow: 0 0 0 4px var(--primary-tint-2); }
.hv-royal-home .hv-try.is-typing .hv-try__input { box-shadow: 0 0 0 4px var(--primary-tint-2); }
.hv-royal-home .hv-try__photo { display: inline-flex; align-items: center; gap: 8px; min-block-size: 37px; margin-block-start: 2px; padding: 0 20px; border: 1.5px solid var(--primary); border-radius: 999px; background: #fff; font: inherit; font-size: calc(15px * var(--home-type-scale)); font-weight: 700; color: var(--primary); cursor: pointer; }
.hv-royal-home .hv-try__photo .i { inline-size: 20px; block-size: 20px; }
.hv-royal-home .hv-try.has-photo .hv-try__photo { background: var(--primary-tint); }
.hv-royal-home .hv-try__choices { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 19px; margin: 6px 0 0; padding: 0; list-style: none; }
.hv-royal-home .hv-try__choice { display: flex; flex-direction: column; align-items: center; gap: 6px; inline-size: 100%; padding: 0; border: 0; background: none; font: inherit; color: var(--ink); cursor: pointer; }
.hv-royal-home .hv-try__thumb { position: relative; display: block; inline-size: 100%; aspect-ratio: 120 / 81; background: #fff; border: 1px solid #dfe4ee; border-radius: 10px; }
.hv-royal-home .hv-try__thumb canvas { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%; object-fit: contain; }
.hv-royal-home .hv-try__choice[aria-pressed="true"] .hv-try__thumb { border: 2px solid var(--primary); }
.hv-royal-home .hv-try__choice[aria-pressed="true"] .hv-try__thumb::after { content: ""; position: absolute; inset-block-start: -9px; inset-inline-start: -9px; inline-size: 24px; block-size: 24px; border-radius: 50%; background: var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 15px no-repeat; }
.hv-royal-home .hv-try__choice:focus-visible { outline: none; }
.hv-royal-home .hv-try__choice:focus-visible .hv-try__thumb { outline: 3px solid var(--primary); outline-offset: 3px; }
.hv-royal-home .hv-try__name { font-size: calc(14.5px * var(--home-type-scale)); font-weight: 700; line-height: 1.2; }
.hv-royal-home .hv-try__go { justify-content: center; gap: 10px; inline-size: 100%; min-block-size: 38px; block-size: 38px; margin-block-start: 16px; border-radius: 999px; font-size: calc(18px * var(--home-type-scale)); font-weight: 700; }
.hv-royal-home .hv-try__go .i { inline-size: 20px; block-size: 20px; }
.hv-royal-home .hv-try__go.is-busy { opacity: .6; pointer-events: none; }
.hv-royal-home .hv-try__note { margin: 5px 0 0; font-size: calc(14px * var(--home-type-scale)); color: var(--ink-soft); }
.hv-royal-home .hv-try__stage { position: relative; container-type: inline-size; aspect-ratio: 489 / 393; overflow: hidden; border-radius: 16px; background: linear-gradient(160deg, #e3ecf8, #f3f6fb); }
.hv-royal-home .hv-try__scene { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; }
.hv-royal-home .hv-try__mugname { position: absolute; inset-block-start: 27.2cqi; inset-inline-end: 32.4cqi; inline-size: 36cqi; block-size: 22cqi; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; font-size: calc(8.8cqi * var(--fit, 1)); line-height: 1.02; font-weight: 800; color: #12194a; text-wrap: balance; overflow-wrap: anywhere; }
.hv-royal-home .hv-try__canvas { position: absolute; inset: 10% 0 12%; margin: auto; block-size: 78%; inline-size: auto; max-inline-size: 90%; aspect-ratio: 1; display: none; }
.hv-royal-home .hv-try__stage:not([data-kind="mug"]) .hv-try__scene, .hv-royal-home .hv-try__stage:not([data-kind="mug"]) .hv-try__mugname { display: none; }
.hv-royal-home .hv-try__stage:not([data-kind="mug"]) .hv-try__canvas { display: block; }
.hv-royal-home .hv-try__pill { position: absolute; inset-inline: 0; margin-inline: auto; inline-size: max-content; padding: .9cqi 3.4cqi; border-radius: 999px; background: #fff; font-size: calc(2.9cqi * var(--home-type-scale)); font-weight: 700; color: var(--ink); box-shadow: 0 2px 8px -4px rgba(23, 32, 64, .25); }
.hv-royal-home .hv-try__pill--top { inset-block-start: 3.7cqi; color: var(--primary); }
.hv-royal-home .hv-try__pill--bottom { inset-block-end: 3.7cqi; font-weight: 500; }
@media (min-width: 1100px) {
  /* category tiles: the photo, then its name and an arrow */
  .hv-royal-home .hv-categories { gap: 22px 12px; }
  .hv-royal-home .hv-category, .hv-royal-home .hv-category:hover { border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
  .hv-royal-home .hv-category__image { aspect-ratio: 251 / 166; border-radius: 12px; }
  .hv-royal-home .hv-category__body { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 8px; min-block-size: 0; padding: 9px 20px 0 10px; }
  .hv-royal-home .hv-category__body strong { flex: 1; font-size: calc(clamp(18px, 1.82vw, 24px) * var(--home-type-scale)); line-height: 1.2; }
  .hv-royal-home .hv-category__body small { display: none; }
  .hv-royal-home .hv-category__body > .i { position: static; flex: none; margin: 0; inline-size: 23px; block-size: 23px; }
  .hv-royal-home .hv-catalog__more { padding-block-start: 22px; text-align: center; }
  .hv-royal-home .hv-catalog__more a { gap: 8px; font-size: calc(16px * var(--home-type-scale)); font-weight: 700; }
  .hv-royal-home .hv-catalog { padding-block-end: 13px; }
  /* "מוצרים להתחיל מהם" */
  .hv-royal-home .hv-shelf { padding-block: 19px 37px; }
  .hv-royal-home .hv-shelf .hv-section__head { align-items: center; gap: 16px 28px; margin-block-end: 16px; }
  .hv-royal-home .hv-shelf h2 { font-size: calc(clamp(32px, 2.97vw, 38px) * var(--home-type-scale)); line-height: 1.15; font-weight: 750; color: var(--ink); }
  .hv-royal-home .hv-shelf__title p { font-size: calc(18px * var(--home-type-scale)); }
  .hv-royal-home .hv-shelf .hv-filters { gap: 16px; }
  .hv-royal-home .hv-shelf .hv-filters button { min-block-size: 37px; padding: 0 26px; font-size: calc(15px * var(--home-type-scale)); font-weight: 600; border-color: #c9ccd6; }
  .hv-royal-home .hv-shelf .hv-filters button[aria-pressed="true"] { border-color: var(--primary); }
  .hv-royal-home .hv-shelf .hv-section__head > .hv-link { gap: 8px; font-size: calc(16px * var(--home-type-scale)); font-weight: 700; }
  .hv-royal-home .hv-shelf .hv-products { gap: 13px; }
  .hv-royal-home .hv-shelf .hv-product { border-color: #e4e2de; border-radius: 10px; }
  .hv-royal-home .hv-shelf .hv-product__image { aspect-ratio: 249 / 159; background: #f4f1ec; }
  .hv-royal-home .hv-shelf .hv-product__image img { object-fit: cover; mix-blend-mode: normal; }
  .hv-royal-home .hv-shelf .hv-product__body { display: flex; flex-direction: column; padding: 6px 13px 15px; }
  .hv-royal-home .hv-shelf .hv-product h3 { min-block-size: 0; font-size: calc(clamp(18px, 1.72vw, 22px) * var(--home-type-scale)); line-height: 1.2; font-weight: 700; }
  .hv-royal-home .hv-shelf .hv-product__action { align-self: center; justify-content: center; inline-size: 72%; min-block-size: 37px; margin-block-start: 10px; padding: 0 12px; border: 1.5px solid var(--primary); background: #fff; color: var(--primary); font-size: calc(15px * var(--home-type-scale)); font-weight: 700; }
  .hv-royal-home .hv-shelf .hv-product__action:hover { background: var(--primary-tint); }
  /* "ככה זה נראה עם השם שלכם." */
  .hv-royal-home .hv-try__card { grid-template-columns: minmax(0, 536fr) minmax(0, 573fr); column-gap: 41px; margin-inline: -16px; padding: 23px 41px 26px 18px; padding-inline: 41px 18px; }
  .hv-royal-home .hv-try__copy { align-self: start; margin-block-start: -6px; }
  .hv-royal-home .hv-try__stage { align-self: start; }
}
@media (max-width: 1099px) {
  /* phones and tablets: the words, then the preview, then the field, the products and the button */
  .hv-royal-home .hv-try__card { display: flex; flex-direction: column; gap: 0; }
  .hv-royal-home .hv-try__copy { display: contents; }
  .hv-royal-home .hv-try__stage { order: 1; margin-block-start: 16px; }
  .hv-royal-home .hv-try__form, .hv-royal-home .hv-try__label--ink, .hv-royal-home .hv-try__choices, .hv-royal-home .hv-try__go, .hv-royal-home .hv-try__note { order: 2; }
}
@media (max-width: 700px) {
  .hv-royal-home .hv-try { padding-block-end: 28px; }
  .hv-royal-home .hv-try > .wrap { padding-inline: calc(2.5 * var(--u)); }
  .hv-royal-home .hv-try__card { padding: 18px 14px 16px; }
  .hv-royal-home .hv-try__eyebrow { font-size: calc(14px * var(--home-type-scale)); }
  .hv-royal-home .hv-try h2 { margin-block-start: 6px; font-size: calc(30px * var(--home-type-scale)); line-height: 1; }
  .hv-royal-home .hv-try__lead { margin-block-start: 8px; font-size: calc(16px * var(--home-type-scale)); }
  .hv-royal-home .hv-try__label { font-size: calc(15px * var(--home-type-scale)); }
  .hv-royal-home .hv-try__input { block-size: 44px; font-size: 16px; }
  .hv-royal-home .hv-try__photo { min-block-size: 40px; }
  .hv-royal-home .hv-try__choices { gap: 10px; }
  .hv-royal-home .hv-try__thumb { aspect-ratio: 1; }
  .hv-royal-home .hv-try__name { font-size: calc(13px * var(--home-type-scale)); }
  .hv-royal-home .hv-try__go { block-size: 46px; min-block-size: 46px; font-size: calc(17px * var(--home-type-scale)); }
  .hv-royal-home .hv-try__note { font-size: calc(12px * var(--home-type-scale)); }
  .hv-royal-home .hv-try__pill { padding: 1.2cqi 4cqi; font-size: calc(3.6cqi * var(--home-type-scale)); }
}

/* The bottom of the home to the designer's mockup of 7 November 2026 (drawn for a 1280 px screen): "לכל רגע, משהו אישי."
   with five photo cards, the business banner (photo on the left, the navy panel with the words on the right), and a
   short footer: the shop, the way in, the phone and WhatsApp, then one line with the legal links and "חזרה למעלה". */
.hv-royal-home .hv-occasion-strip, .hv-royal-home .hv-business-wrap { background: #fdf9f8; }
.hv-royal-home .hv-business-wrap { box-shadow: 0 0 0 100vmax #fdf9f8; clip-path: inset(0 -100vmax); }
.hv-royal-home .hv-occasion-links a { border-color: #e6e3e1; border-radius: 11px; background: #fff; box-shadow: 0 2px 6px -3px rgba(23, 32, 64, .12); }
.hv-royal-home .hv-occasion-links img { block-size: auto; aspect-ratio: 257 / 216; }
.hv-royal-home .hv-occasion-links strong { color: var(--ink); font-weight: 700; }
.hv-royal-home .hv-occasion-links .i { color: var(--primary); stroke-width: 2.4; }
/* the business banner */
.hv-royal-home .hv-biz { position: relative; display: grid; overflow: hidden; border-radius: 16px; background: #142646; color: #fff; isolation: isolate; }
.hv-royal-home .hv-biz__photo, .hv-royal-home .hv-biz__photo img { display: block; inline-size: 100%; block-size: 100%; }
.hv-royal-home .hv-biz__photo img { object-fit: cover; object-position: 0 50%; }
.hv-royal-home .hv-biz__note { position: absolute; z-index: 1; inset-block-end: 12px; inset-inline-end: 16px; font-size: calc(11px * var(--home-type-scale)); color: #4c5471; }
.hv-royal-home .hv-biz__copy { display: flex; flex-direction: column; align-items: flex-start; }
.hv-royal-home .hv-biz__eyebrow { margin: 0; font-size: calc(23px * var(--home-type-scale)); font-weight: 700; line-height: 1.25; color: #a9c4ff; }
.hv-royal-home .hv-biz h2 { margin-block-start: 6px; font-size: calc(55px * var(--home-type-scale)); line-height: .89; font-weight: 800; letter-spacing: -.02em; color: #fff; }
.hv-royal-home .hv-biz__lead { margin: 12px 0 0; font-size: calc(24px * var(--home-type-scale)); line-height: 1.04; color: #e4e9f5; }
.hv-royal-home .hv-biz__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 40px; margin-block-start: 14px; }
.hv-royal-home .hv-biz .hv-biz__go { gap: 14px; min-block-size: 0; block-size: 41px; padding: 0 28px; border-radius: 999px; background: #fff; color: #142646; font-size: calc(18px * var(--home-type-scale)); font-weight: 700; box-shadow: none; }
.hv-royal-home .hv-biz .hv-biz__go:hover { background: #e9efff; }
.hv-royal-home .hv-biz__go .i { inline-size: 18px; block-size: 18px; stroke-width: 2.6; }
.hv-royal-home .hv-biz__talk { font-size: calc(17.5px * var(--home-type-scale)); font-weight: 400; color: #fff; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 6px; }
.hv-royal-home .hv-biz__talk:hover { color: #cfdcff; }
.hv-royal-home .hv-biz :focus-visible { outline-color: #fff; }
@media (min-width: 1100px) {
  .hv-royal-home .hv-occasion-strip { padding-block: 28px 32px; }
  .hv-royal-home .hv-occasion-strip .hv-section__head { align-items: flex-end; margin-block-end: 9px; }
  .hv-royal-home .hv-occasion-strip h2 { font-size: calc(clamp(32px, 3.36vw, 43px) * var(--home-type-scale)); line-height: 1.15; font-weight: 800; color: var(--ink); }
  .hv-royal-home .hv-occasion-strip .hv-shelf__title p { margin-block-start: 1px; font-size: calc(20px * var(--home-type-scale)); }
  .hv-royal-home .hv-occasion-strip .hv-section__head > .hv-link { gap: 8px; margin-block-end: 2px; font-size: calc(15px * var(--home-type-scale)); font-weight: 700; }
  .hv-royal-home .hv-occasion-links { gap: 9px; }
  .hv-royal-home .hv-occasion-links strong { padding: 9px 18px 10px; font-size: calc(clamp(17px, 1.56vw, 20px) * var(--home-type-scale)); line-height: 1.2; }
  .hv-royal-home .hv-occasion-links .i { inline-size: 22px; block-size: 22px; margin-inline-end: 14px; }
  .hv-royal-home .hv-business-wrap { padding-block: 0 26px; }
  .hv-royal-home .hv-biz { grid-template: 1fr / 1fr; aspect-ratio: 1332 / 337; min-block-size: 290px; }
  .hv-royal-home .hv-biz__photo, .hv-royal-home .hv-biz__copy { grid-area: 1 / 1; }
  .hv-royal-home .hv-biz__photo { position: absolute; inset: 0; z-index: -1; }
  .hv-royal-home .hv-biz__copy { justify-content: flex-start; padding: 13px 40px 26px; padding-inline-end: 48%; }
}
@media (max-width: 1099px) {
  .hv-royal-home .hv-occasion-strip { padding-block: 28px 24px; }
  .hv-royal-home .hv-business-wrap { padding-block: 0 24px; }
  .hv-royal-home .hv-biz__photo { aspect-ratio: 760 / 337; }
  .hv-royal-home .hv-biz__note { inset-block-start: 12px; inset-block-end: auto; }
  .hv-royal-home .hv-biz__copy { padding: 22px 22px 26px; }
  .hv-royal-home .hv-biz h2 { font-size: calc(40px * var(--home-type-scale)); }
  .hv-royal-home .hv-biz__lead { font-size: calc(17px * var(--home-type-scale)); }
}
@media (max-width: 700px) {
  .hv-royal-home .hv-occasion-strip > .wrap { inline-size: 100%; margin: 0; padding-inline: calc(2.5 * var(--u)); }
  .hv-royal-home .hv-business-wrap { padding-inline: calc(2.5 * var(--u)); }
  .hv-royal-home .hv-biz h2 { font-size: calc(34px * var(--home-type-scale)); }
  .hv-royal-home .hv-biz__eyebrow { font-size: calc(16px * var(--home-type-scale)); }
  .hv-royal-home .hv-biz__actions { gap: 12px 24px; }
}
@media (min-width: 701px) and (max-width: 1099px) { .hv-royal-home .hv-occasion-links strong { padding: 8px 10px; font-size: calc(14px * var(--home-type-scale)); white-space: nowrap; } .hv-royal-home .hv-occasion-links .i { margin-inline-end: 6px; } }

/* Phones, the page below the hero, to the designer's phone mockup of 7 November 2026 (667 px drawing of a 390 px phone).
   1u is 1% of the phone's width (--u). Controls keep a height a finger can use where the drawing is squeezed. */
@media (max-width: 700px) {
  /* "מה תרצו ליצור היום?" */
  .hv-royal-home .hv-catalog > .wrap { padding-inline: calc(4.2 * var(--u)); }
  .hv-royal-home .hv-catalog .hv-section__head { gap: calc(.9 * var(--u)); margin-block-end: calc(2.7 * var(--u)); }
  .hv-royal-home .hv-catalog h2 { font-size: calc(5.97 * var(--u) * var(--home-type-scale)); line-height: 1.2; }
  .hv-royal-home .hv-catalog__title p { display: block; margin: calc(.3 * var(--u)) 0 0; font-size: calc(3.87 * var(--u) * var(--home-type-scale)); line-height: 1.35; color: var(--ink-soft); }
  .hv-royal-home .hv-catalog .hv-search { padding-inline: calc(4 * var(--u)) calc(2 * var(--u)); border: 1px solid #b4b9c7; }
  .hv-royal-home .hv-catalog .hv-search input { block-size: 28px; font-size: calc(3.6 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-catalog .hv-search button { inline-size: 28px; block-size: 28px; }
  .hv-royal-home .hv-catalog .hv-search button .i { inline-size: calc(4.6 * var(--u)); block-size: calc(4.6 * var(--u)); stroke-width: 2.4; }
  /* the tiles: a photo and its name, nothing around them */
  .hv-royal-home .hv-categories { gap: calc(2.2 * var(--u)) calc(2.1 * var(--u)); }
  .hv-royal-home .hv-category, .hv-royal-home .hv-category:hover { border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
  .hv-royal-home .hv-category__image { aspect-ratio: 298 / 152; border-radius: calc(1.9 * var(--u)); }
  .hv-royal-home .hv-category__image img { object-fit: cover; }
  .hv-royal-home .hv-category__body { display: block; min-block-size: 0; padding: calc(.9 * var(--u)) 0 0; text-align: center; }
  .hv-royal-home .hv-category__body strong { font-size: calc(3.21 * var(--u) * var(--home-type-scale)); line-height: 1.25; }
  .hv-royal-home .hv-category__body > .i, .hv-royal-home .hv-category__body small { display: none; }
  .hv-royal-home .hv-category .hv-image-note { padding: 1px 4px; font-size: calc(2.1 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-catalog__more { padding-block-start: calc(1.6 * var(--u)); text-align: center; }
  .hv-royal-home .hv-catalog__more a { gap: calc(2 * var(--u)); min-block-size: 36px; font-size: calc(max(12px, 2.9 * var(--u)) * var(--home-type-scale)); font-weight: 700; }
  .hv-royal-home .hv-catalog__more a .i { inline-size: calc(3.4 * var(--u)); block-size: calc(3.4 * var(--u)); }
  .hv-royal-home .hv-catalog { padding-block-end: calc(.6 * var(--u)); }
  /* "מוצרים להתחיל מהם": a row to swipe */
  .hv-royal-home .hv-shelf { padding-block: calc(3 * var(--u)) calc(2.9 * var(--u)); }
  .hv-royal-home .hv-shelf > .wrap { inline-size: 100%; margin: 0; padding-inline: calc(4.3 * var(--u)); }
  .hv-royal-home .hv-shelf .hv-section__head { flex-wrap: wrap; align-items: center; gap: calc(1.3 * var(--u)) 0; margin-block-end: calc(2.2 * var(--u)); }
  .hv-royal-home .hv-shelf__title p { display: none; }
  .hv-royal-home .hv-shelf h2 { font-size: calc(4.77 * var(--u) * var(--home-type-scale)); line-height: 1.2; font-weight: 750; }
  .hv-royal-home .hv-shelf .hv-section__head > .hv-link { order: 2; gap: calc(1.6 * var(--u)); min-block-size: 0; padding-block: 9px; margin-block: -9px; font-size: calc(max(12px, 2.68 * var(--u)) * var(--home-type-scale)); font-weight: 700; }
  .hv-royal-home .hv-shelf .hv-filters { order: 3; flex-basis: 100%; gap: calc(2.7 * var(--u)); }
  .hv-royal-home .hv-shelf .hv-filters button { min-inline-size: calc(16.8 * var(--u)); min-block-size: 28px; padding: 0 calc(3 * var(--u)); font-size: calc(3.1 * var(--u) * var(--home-type-scale)); border-color: #c9ccd6; }
  .hv-royal-home .hv-shelf .hv-products { display: flex; gap: calc(3 * var(--u)); margin-inline: calc(-4.3 * var(--u)); padding: 0 calc(4.3 * var(--u)) 2px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: calc(4.3 * var(--u)); scrollbar-width: none; overscroll-behavior-x: contain; }
  .hv-royal-home .hv-shelf .hv-products::-webkit-scrollbar { display: none; }
  .hv-royal-home .hv-shelf .hv-product { flex: 0 0 calc(40.5 * var(--u)); scroll-snap-align: start; border-color: #e4e2de; border-radius: calc(1.9 * var(--u)); }
  .hv-royal-home .hv-shelf .hv-product__image { aspect-ratio: 270 / 145; background: #f4f1ec; }
  .hv-royal-home .hv-shelf .hv-product__image img { object-fit: cover; mix-blend-mode: normal; }
  .hv-royal-home .hv-shelf .hv-product__body { display: flex; flex-direction: column; align-items: center; padding: calc(1.3 * var(--u)) calc(2 * var(--u)) calc(1.6 * var(--u)); text-align: center; }
  .hv-royal-home .hv-shelf .hv-product h3 { min-block-size: 0; font-size: calc(3.3 * var(--u) * var(--home-type-scale)); line-height: 1.25; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-inline-size: 100%; }
  .hv-royal-home .hv-shelf .hv-product__action { justify-content: center; inline-size: 74%; min-block-size: 28px; margin-block-start: calc(1.4 * var(--u)); padding: 0 calc(1.5 * var(--u)); gap: calc(1.2 * var(--u)); border: 1.5px solid var(--primary); background: #fff; color: var(--primary); font-size: calc(max(11.5px, 3 * var(--u)) * var(--home-type-scale)); font-weight: 700; white-space: nowrap; }
  .hv-royal-home .hv-shelf .hv-product__action .i { inline-size: calc(3.4 * var(--u)); block-size: calc(3.4 * var(--u)); }
  .hv-royal-home .hv-dots { display: flex; justify-content: center; gap: calc(1.8 * var(--u)); margin-block-start: calc(3 * var(--u)); }
  .hv-royal-home .hv-dots[hidden] { display: none; }
  .hv-royal-home .hv-dots i { inline-size: calc(5.6 * var(--u)); block-size: 5px; border-radius: 3px; background-color: #d7d9df; }
  .hv-royal-home .hv-dots i.is-on { background-color: var(--primary); }
  /* "ככה זה נראה עם השם שלכם.": the preview, the products, then the name */
  .hv-royal-home .hv-try > .wrap { inline-size: 100%; margin: 0; padding-inline: calc(3.6 * var(--u)); }
  .hv-royal-home .hv-try__card { padding: calc(3.2 * var(--u)) calc(3.1 * var(--u)) calc(3.4 * var(--u)); border-radius: calc(3.3 * var(--u)); }
  .hv-royal-home .hv-try__eyebrow, .hv-royal-home .hv-try h2 br { display: none; }
  .hv-royal-home .hv-try h2 { margin: 0 calc(.6 * var(--u)) 0 0; font-size: calc(4.68 * var(--u) * var(--home-type-scale)); line-height: 1.2; }
  .hv-royal-home .hv-try__lead { margin: calc(.6 * var(--u)) calc(.6 * var(--u)) 0 0; font-size: calc(max(12px, 2.86 * var(--u)) * var(--home-type-scale)); line-height: 1.35; }
  .hv-royal-home .hv-try__stage { aspect-ratio: 574 / 221; margin-block-start: calc(2.4 * var(--u)); border-radius: calc(2.2 * var(--u)); }
  .hv-royal-home .hv-try__pic { display: contents; }
  .hv-royal-home .hv-try__mugname { inset-block-start: 8.6cqi; inset-inline-end: 39cqi; inline-size: 22cqi; block-size: 13.2cqi; font-size: calc(6.3cqi * var(--fit, 1)); line-height: 1.02; }
  .hv-royal-home .hv-try__pill { padding: .8cqi 3.2cqi; font-size: calc(3.2cqi * var(--home-type-scale)); }
  .hv-royal-home .hv-try__pill--top { inset-block-start: 1.3cqi; inset-inline: auto 4.3cqi; margin: 0; }
  .hv-royal-home .hv-try__pill--bottom { inset-block-end: .9cqi; }
  .hv-royal-home .hv-try__stage { order: 1; }
  .hv-royal-home .hv-try__label--ink { order: 2; margin: calc(2.2 * var(--u)) calc(.6 * var(--u)) 0 0; }
  .hv-royal-home .hv-try__choices { order: 3; }
  .hv-royal-home .hv-try__form { order: 4; }
  .hv-royal-home .hv-try__go { order: 5; }
  .hv-royal-home .hv-try__note { order: 6; }
  .hv-royal-home .hv-try__label { font-size: calc(max(12px, 2.82 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__choices { gap: calc(2.85 * var(--u)); margin-block-start: calc(1.4 * var(--u)); }
  .hv-royal-home .hv-try__choice { gap: calc(1.2 * var(--u)); }
  .hv-royal-home .hv-try__thumb { aspect-ratio: 129 / 72; border-radius: calc(1.5 * var(--u)); }
  .hv-royal-home .hv-try__choice[aria-pressed="true"] .hv-try__thumb::after { inset-block-start: -7px; inset-inline-start: -7px; inline-size: 20px; block-size: 20px; background-size: 13px; }
  .hv-royal-home .hv-try__name { font-size: calc(max(12px, 2.9 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__form { gap: 6px; margin-block-start: calc(2 * var(--u)); }
  .hv-royal-home .hv-try__form > .hv-try__label { margin-inline-end: calc(.6 * var(--u)); }
  .hv-royal-home .hv-try__input { block-size: 40px; padding-inline: 40px 14px; font-size: 16px; }
  .hv-royal-home .hv-try__field > .i { inset-inline-start: 13px; inline-size: 18px; block-size: 18px; color: var(--primary); }
  .hv-royal-home .hv-try__photo { inline-size: 100%; justify-content: flex-start; min-block-size: 38px; padding: 0 13px; border-width: 1.5px; font-size: calc(3.7 * var(--u) * var(--home-type-scale)); color: var(--ink); }
  .hv-royal-home .hv-try__photo .i { inline-size: 19px; block-size: 19px; color: var(--ink); }
  .hv-royal-home .hv-try__go { block-size: 44px; min-block-size: 44px; margin-block-start: calc(2.4 * var(--u)); font-size: calc(4.4 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__note { margin-block-start: calc(1.6 * var(--u)); font-size: calc(2.9 * var(--u) * var(--home-type-scale)); text-align: center; }
}

/* Phones, the occasions and the business banner, to the designer's phone mockup of 7 November 2026 (656 px drawing of a
   390 px phone): the occasions are a row to swipe, with its dots and "לכל המוצרים" under it; the banner puts its words and
   buttons on the navy first and the photo under them. */
@media (max-width: 700px) {
  .hv-royal-home .hv-occasion-strip { padding-block: calc(4.6 * var(--u)) calc(3.4 * var(--u)); }
  .hv-royal-home .hv-occasion-strip > .wrap { display: grid; grid-template-columns: auto auto; grid-template-areas: "head head" "list list" "dots link"; align-items: center; padding-inline: calc(5.6 * var(--u)); }
  .hv-royal-home .hv-occasion-strip .hv-section__head { display: contents; }
  .hv-royal-home .hv-occasion-strip .hv-shelf__title { grid-area: head; padding-inline-start: calc(.5 * var(--u)); }
  .hv-royal-home .hv-occasion-strip h2 { font-size: calc(6.67 * var(--u) * var(--home-type-scale)); line-height: 1.2; font-weight: 800; color: var(--ink); }
  .hv-royal-home .hv-occasion-strip .hv-shelf__title p { display: block; margin: calc(.4 * var(--u)) 0 0; font-size: calc(max(12px, 3.17 * var(--u)) * var(--home-type-scale)); line-height: 1.35; color: var(--ink-soft); }
  .hv-royal-home .hv-occasion-strip .hv-section__head > .hv-link { grid-area: link; justify-self: end; display: inline-flex; align-items: center; gap: calc(1.8 * var(--u)); min-block-size: 0; padding-block: 9px; margin-block: -9px; font-size: calc(max(12px, 3.06 * var(--u)) * var(--home-type-scale)); font-weight: 700; color: var(--primary); }
  .hv-royal-home .hv-occasion-strip .hv-section__head > .hv-link .i { inline-size: calc(4.4 * var(--u)); block-size: calc(4.4 * var(--u)); }
  .hv-royal-home .hv-occasion-links { grid-area: list; display: flex; gap: calc(1.6 * var(--u)); margin: calc(4.3 * var(--u)) calc(-5.6 * var(--u)) 0; padding: 0 calc(5.6 * var(--u)) 3px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: calc(5.6 * var(--u)); scrollbar-width: none; overscroll-behavior-x: contain; }
  .hv-royal-home .hv-occasion-links::-webkit-scrollbar { display: none; }
  .hv-royal-home .hv-occasion-links a { flex: 0 0 calc(36.5 * var(--u)); display: block; scroll-snap-align: start; border-radius: calc(1.9 * var(--u)); }
  .hv-royal-home .hv-occasion-links img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 242 / 175; object-fit: cover; }
  .hv-royal-home .hv-occasion-links strong { display: block; padding: calc(1.8 * var(--u)) calc(2.8 * var(--u)) calc(2.2 * var(--u)); font-size: calc(max(12px, 3.24 * var(--u)) * var(--home-type-scale)); line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hv-royal-home .hv-occasion-links .i { display: none; }
  .hv-royal-home .hv-dots--occ { grid-area: dots; justify-content: flex-start; align-items: center; gap: calc(2 * var(--u)); margin: calc(1.6 * var(--u)) calc(.3 * var(--u)) 0 0; }
  .hv-royal-home .hv-dots--occ i { inline-size: 5px; block-size: 5px; border-radius: 50%; }
  .hv-royal-home .hv-dots--occ i.is-on { inline-size: calc(7.2 * var(--u)); border-radius: 3px; }
  .hv-royal-home .hv-occasion-strip .hv-section__head > .hv-link { margin-block-start: calc(1.6 * var(--u) - 9px); }
  /* the banner: the words first */
  .hv-royal-home .hv-business-wrap { inline-size: 100%; margin: 0; padding-block-end: 0; padding-inline: calc(3.9 * var(--u)); }
  .hv-royal-home .site-foot { padding-block-start: 15px; }
  .hv-royal-home .hv-biz { border-radius: calc(3 * var(--u)); }
  .hv-royal-home .hv-biz__copy { order: -1; padding: calc(1.9 * var(--u)) calc(3.9 * var(--u)) calc(2.6 * var(--u)); }
  .hv-royal-home .hv-biz__eyebrow, .hv-royal-home .hv-biz h2, .hv-royal-home .hv-biz__lead { padding-inline-start: calc(.9 * var(--u)); }
  .hv-royal-home .hv-biz__eyebrow { font-size: calc(3.43 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-biz h2 { margin-block-start: calc(.8 * var(--u)); font-size: calc(7.4 * var(--u) * var(--home-type-scale)); line-height: .82; }
  .hv-royal-home .hv-biz__lead { margin-block-start: calc(1 * var(--u)); font-size: calc(3.7 * var(--u) * var(--home-type-scale)); line-height: 1.05; }
  .hv-royal-home .hv-biz__actions { flex-direction: column; align-items: stretch; gap: calc(2 * var(--u)); inline-size: 100%; margin-block-start: calc(2.9 * var(--u)); }
  .hv-royal-home .hv-biz .hv-biz__go { justify-content: center; block-size: 34px; min-block-size: 34px; font-size: calc(3.6 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-biz__talk { align-self: center; padding-block: 4px; font-size: calc(max(12px, 3.2 * var(--u)) * var(--home-type-scale)); text-underline-offset: 5px; }
  .hv-royal-home .hv-biz__photo { aspect-ratio: 602 / 219; }
  .hv-royal-home .hv-biz__note { inset-block: auto calc(1.6 * var(--u)); inset-inline-end: calc(3.6 * var(--u)); }
}

/* ============ Upgrade of 8 November 2026, to the designer's two upgrade mockups ============
   Desktop drawn for a 1280 px screen; phone drawn as three scroll segments of a 390 px phone. Bigger, clearer buttons;
   framed cards; the name card in two steps; a way in for businesses in the hero. These rules come last on purpose. */
.hv-royal-home .hv-br { display: none; }
.hv-royal-home .hv-row { position: relative; }
.hv-royal-home .hv-row-arrow { display: none; }
.hv-royal-home .hv-catalog__note { margin: 0; text-align: center; color: var(--ink-soft); }
.hv-royal-home .hv-try__step { display: flex; align-items: center; gap: 10px; margin: 0; font-weight: 800; color: var(--ink); }
.hv-royal-home .hv-try__num { flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--primary); color: #fff; font-weight: 700; line-height: 1; }
.hv-royal-home .hv-hero__biz { display: inline-flex; align-items: center; gap: 12px; font-weight: 500; color: var(--ink); text-decoration: none; }
.hv-royal-home .hv-hero__biz:hover { color: var(--primary); }
.hv-royal-home .hv-hero__biz > .i { flex: none; }

@media (min-width: 1100px) {
  /* the hero: a taller card, a gray line of words over the headline, three colour bars, one big button and a way in for businesses */
  .hv-royal-home .hv-hero { inline-size: min(100% - 62px, 1466px); aspect-ratio: 1218 / 477; margin-block-start: 30px; border-radius: 20px; }
  .hv-royal-home .hv-hero__image { object-position: 0 50%; }
  .hv-royal-home .hv-hero__inner { padding: 1.9cqi 3.12cqi 0 0; }
  .hv-royal-home .hv-hero__copy { inline-size: 38cqi; }
  .hv-royal-home .hv-hero [data-site-items] { margin: 0; padding: 0 .45cqi 0 0; font-size: calc(1.85cqi * var(--home-type-scale)); line-height: 1.5; word-spacing: .62em; color: #4f566b; }
  .hv-royal-home .hv-hero h1 { margin-block-start: 1.5cqi; font-size: calc(5.09cqi * var(--home-type-scale)); line-height: 1.03; letter-spacing: -.02em; }
  .hv-royal-home .hv-hero h1 span { font-size: 1.15em; line-height: 1.02; }
  .hv-royal-home .hv-hero h1::after { inline-size: 13.55cqi; block-size: .45cqi; margin-block-start: 1.6cqi; margin-inline: 0; translate: none; border-radius: 0; box-shadow: none;
    background: linear-gradient(to left, #fae42a 0 36.4%, transparent 36.4% 43%, #de1083 43% 70.3%, transparent 70.3% 75.7%, #12b8f4 75.7%); }
  .hv-royal-home .hv-hero__subtitle { margin-block-start: 1.48cqi; font-size: calc(2cqi * var(--home-type-scale)); line-height: 1.28; color: var(--ink); }
  .hv-royal-home .hv-hero__actions { flex-direction: column; align-items: flex-start; gap: .82cqi; margin-block-start: 1.7cqi; }
  .hv-royal-home .hv-hero .hv-hero__actions .btn--primary { inline-size: 27.75cqi; min-inline-size: 0; block-size: 4.93cqi; padding: 0 2cqi; gap: 1.6cqi; border-radius: 1.05cqi; font-size: calc(2.26cqi * var(--home-type-scale)); font-weight: 750; }
  .hv-royal-home .hv-hero .hv-hero__actions .btn--primary { gap: 2.7cqi; }
  .hv-royal-home .hv-hero .hv-hero__actions .btn--primary > .i { inline-size: 2.2cqi; block-size: 2.2cqi; stroke-width: 2.8; }
  .hv-royal-home .hv-hero__biz { align-self: center; translate: 1.6cqi 0; gap: 1.7cqi; font-size: calc(1.96cqi * var(--home-type-scale)); }
  .hv-royal-home .hv-hero__biz > .i { inline-size: 1.7cqi; block-size: 1.7cqi; stroke-width: 2.3; }
  /* "מה תרצו ליצור היום?": framed tiles, the name and a chevron under each photo, one note for all the photos */
  .hv-royal-home .hv-main .wrap:not(.hv-hero__inner) { inline-size: min(100% - 76px, 1466px); }
  .hv-royal-home .hv-catalog { padding-block: 46px 20px; }
  .hv-royal-home .hv-catalog .hv-section__head { margin-block-end: 43px; padding: 0; align-items: center; }
  .hv-royal-home .hv-catalog h2 { font-size: calc(clamp(34px, 3.73vw, 54px) * var(--home-type-scale)); line-height: 1.15; font-weight: 800; }
  .hv-royal-home .hv-catalog__title p { margin-block-start: -3px; font-size: calc(clamp(20px, 2.22vw, 31px) * var(--home-type-scale)); }
  .hv-royal-home .hv-catalog .hv-search { flex: 0 1 586px; inline-size: 586px; margin: 14px 0 0 5px; padding-inline: 28px 14px; border: 1.5px solid #c6cbd6; }
  .hv-royal-home .hv-catalog .hv-search input { block-size: 59px; font-size: calc(20px * var(--home-type-scale)); }
  .hv-royal-home .hv-catalog .hv-search button .i { inline-size: 27px; block-size: 27px; stroke-width: 2.2; }
  .hv-royal-home .hv-categories { gap: 32px 15px; }
  .hv-royal-home .hv-category, .hv-royal-home .hv-category:hover { overflow: hidden; border: 1px solid #e2e5ec; border-radius: 10px; background: #fff; box-shadow: 0 2px 8px -4px rgba(23, 32, 64, .12); }
  .hv-royal-home .hv-category:hover { border-color: #b9c6e6; }
  .hv-royal-home .hv-category__image { aspect-ratio: 293 / 202; border-radius: 0; }
  .hv-royal-home .hv-category__body { flex-direction: row; justify-content: space-between; align-items: center; gap: 10px; min-block-size: 60px; padding: 0 18px 0 14px; gap: 6px; }
  .hv-royal-home .hv-category__body strong { flex: 1; font-size: calc(clamp(18px, 1.98vw, 27px) * var(--home-type-scale)); line-height: 1.2; font-weight: 800; white-space: nowrap; }
  .hv-royal-home .hv-category__body > .i { inline-size: 22px; block-size: 22px; stroke-width: 2.6; color: var(--primary); }
  .hv-royal-home .hv-catalog__note { margin-block-start: 17px; font-size: calc(16.5px * var(--home-type-scale)); }
  .hv-royal-home .hv-catalog__more { padding-block-start: 15px; }
  .hv-royal-home .hv-catalog__more a { gap: 16px; font-size: calc(26px * var(--home-type-scale)); font-weight: 700; }
  .hv-royal-home .hv-catalog__more a .i { inline-size: 28px; block-size: 28px; }
  /* "מוצרים בעיצוב אישי": framed cards with a light-blue button */
  .hv-royal-home .hv-shelf { padding-block: 22px 40px; }
  .hv-royal-home .hv-shelf .hv-section__head { margin-block-end: 43px; gap: 16px 40px; }
  .hv-royal-home .hv-shelf h2 { font-size: calc(clamp(34px, 3.89vw, 56px) * var(--home-type-scale)); font-weight: 800; line-height: 1.1; }
  .hv-royal-home .hv-shelf__title p { margin-block-start: -1px; font-size: calc(clamp(18px, 1.98vw, 28px) * var(--home-type-scale)); }
  .hv-royal-home .hv-shelf .hv-filters { gap: 15px; margin-inline-start: 58px; }
  .hv-royal-home .hv-shelf .hv-filters button { min-inline-size: 125px; min-block-size: 47px; padding: 0 24px; font-size: calc(19px * var(--home-type-scale)); font-weight: 700; border: 1.5px solid #cfd3dc; }
  .hv-royal-home .hv-shelf .hv-section__head > .hv-link, .hv-royal-home .hv-occasion-strip .hv-section__head > .hv-link { margin-inline: auto 15px; gap: 10px; font-size: calc(22px * var(--home-type-scale)); font-weight: 700; }
  .hv-royal-home .hv-occasion-strip .hv-section__head > .hv-link { font-size: calc(21px * var(--home-type-scale)); margin-block-end: 6px; }
  .hv-royal-home .hv-shelf .hv-section__head > .hv-link .i, .hv-royal-home .hv-occasion-strip .hv-section__head > .hv-link .i { inline-size: 22px; block-size: 22px; }
  .hv-royal-home .hv-shelf .hv-products { gap: 14px; }
  .hv-royal-home .hv-shelf .hv-product { border: 1px solid #e6e4e1; border-radius: 12px; background: #fff; box-shadow: 0 2px 10px -6px rgba(23, 32, 64, .15); }
  .hv-royal-home .hv-shelf .hv-product__image { margin: 4px 4px 0; aspect-ratio: 290 / 192; border-radius: 9px; }
  .hv-royal-home .hv-shelf .hv-product__body { align-items: center; padding: 10px 24px 18px; text-align: center; }
  .hv-royal-home .hv-shelf .hv-product h3 { font-size: calc(clamp(19px, 1.95vw, 27px) * var(--home-type-scale)); font-weight: 800; }
  .hv-royal-home .hv-shelf .hv-product__action { inline-size: 100%; min-block-size: 50px; margin-block-start: 14px; gap: 12px; border: 0; border-radius: 12px; background: #e4ecfd; color: var(--primary); font-size: calc(21px * var(--home-type-scale)); font-weight: 700; }
  .hv-royal-home .hv-shelf .hv-product__action:hover { background: #d3e0fc; }
  .hv-royal-home .hv-shelf .hv-product__action .i { inline-size: 20px; block-size: 20px; stroke-width: 2.6; }
  /* "ככה זה נראה עם השם שלכם.": a tall preview on the left, the two steps on the right */
  .hv-royal-home .hv-try { padding-block: 26px 22px; background: #fcf8f5; }
  .hv-royal-home .hv-try__card { grid-template-columns: minmax(0, 582fr) minmax(0, 542fr); column-gap: 34px; margin-inline: -9px; padding: 27px 41px 20px 24px; padding-inline: 41px 24px; border-radius: 18px; background: linear-gradient(100deg, #e9f0fd, #e2ebfc); }
  .hv-royal-home .hv-try__copy { order: -1; align-self: start; margin: 0; }
  .hv-royal-home .hv-try__stage { aspect-ratio: 542 / 654; border-radius: 16px; background: #c7daf0; }
  .hv-royal-home .hv-try__pic { display: contents; }
  .hv-royal-home .hv-try__mugname { inset-block-start: 41.6cqi; inset-inline-end: 23.6cqi; inline-size: 44cqi; block-size: 24.6cqi; font-size: calc(11.3cqi * var(--fit, 1)); line-height: 1.12; color: #182463; }
  .hv-royal-home .hv-try__pill { padding: 1.4cqi 5cqi; font-size: calc(3.5cqi * var(--home-type-scale)); }
  .hv-royal-home .hv-try__pill--top { inset-block-start: 5.6cqi; }
  .hv-royal-home .hv-try h2 { margin: -4px 0 0; font-size: calc(clamp(38px, 4.26vw, 60px) * var(--home-type-scale)); line-height: .84; font-weight: 800; }
  .hv-royal-home .hv-try__lead { margin-block-start: 19px; font-size: calc(clamp(19px, 2.125vw, 29px) * var(--home-type-scale)); line-height: 1.3; }
  .hv-royal-home .hv-try__step { margin-block-start: 17px; gap: 12px; font-size: calc(22px * var(--home-type-scale)); }
  .hv-royal-home .hv-try__num { inline-size: 30px; block-size: 30px; font-size: 17px; }
  .hv-royal-home .hv-try__choices { gap: 16px; margin-block-start: 2px; }
  .hv-royal-home .hv-try__thumb { aspect-ratio: 134 / 98; border-radius: 10px; border-color: #dde3ee; }
  .hv-royal-home .hv-try__name { font-size: calc(19px * var(--home-type-scale)); font-weight: 800; }
  .hv-royal-home .hv-try__step--two { margin-block-start: 35px; }
  .hv-royal-home .hv-try__form { gap: 0; margin-block-start: 7px; }
  .hv-royal-home .hv-try__form > .hv-try__label { margin-block-end: 5px; font-size: calc(22.5px * var(--home-type-scale)); font-weight: 500; color: var(--ink); }
  .hv-royal-home .hv-try__field > .i { display: none; }
  .hv-royal-home .hv-try__input { block-size: 53px; padding-inline: 30px; border: 1.5px solid #c6cfe0; border-radius: 12px; font-size: calc(26px * var(--home-type-scale)); }
  .hv-royal-home .hv-try__photo { inline-size: 100%; justify-content: flex-start; gap: 12px; min-block-size: 53px; margin-block-start: 16px; padding: 0 22px; border: 1.5px solid #b9c8ea; border-radius: 12px; font-size: calc(22px * var(--home-type-scale)); color: var(--ink); }
  .hv-royal-home .hv-try__photo .i { inline-size: 30px; block-size: 30px; color: var(--ink); }
  .hv-royal-home .hv-try__go { block-size: 55px; min-block-size: 55px; margin-block-start: 14px; gap: 16px; border-radius: 13px; font-size: calc(27px * var(--home-type-scale)); }
  .hv-royal-home .hv-try__go .i { inline-size: 26px; block-size: 26px; }
  .hv-royal-home .hv-try__note { margin-block-start: 6px; line-height: 1.3; font-size: calc(20px * var(--home-type-scale)); text-align: center; }
  /* "לכל רגע, משהו אישי.": on white, framed cards with the name centred */
  .hv-royal-home .hv-occasion-strip, .hv-royal-home .hv-business-wrap { background: #fff; }
  .hv-royal-home .hv-business-wrap { box-shadow: 0 0 0 100vmax #fff; }
  .hv-royal-home .hv-occasion-strip { padding-block: 30px 48px; }
  .hv-royal-home .hv-occasion-strip .hv-section__head { margin-block-end: 26px; }
  .hv-royal-home .hv-occasion-strip h2 { font-size: calc(clamp(32px, 3.34vw, 47px) * var(--home-type-scale)); }
  .hv-royal-home .hv-occasion-strip .hv-shelf__title p { font-size: calc(clamp(17px, 1.83vw, 26px) * var(--home-type-scale)); }
  .hv-royal-home .hv-occasion-links { gap: 10px; }
  .hv-royal-home .hv-occasion-links a { display: block; border: 1px solid #e6e6ea; border-radius: 12px; box-shadow: 0 2px 8px -5px rgba(23, 32, 64, .14); }
  .hv-royal-home .hv-occasion-links img { aspect-ratio: 237 / 173; }
  .hv-royal-home .hv-occasion-links strong { display: block; padding: 14px 10px 17px; text-align: center; font-size: calc(clamp(19px, 2vw, 28px) * var(--home-type-scale)); font-weight: 800; }
  .hv-royal-home .hv-occasion-links .i { display: none; }
  /* the business banner: the photo a little to the left, so the navy starts nearer the middle */
  .hv-royal-home .hv-biz__photo { inset: 0 2.6% 0 -2.6%; }
  .hv-royal-home .hv-biz { aspect-ratio: 1203 / 312; }
  .hv-royal-home .hv-business-wrap { padding-block-end: 0; }
  .hv-royal-home .hv-biz { background: #142646; }
  .hv-royal-home .hv-biz__actions { gap: 12px 36px; margin-block-start: 22px; }
  .hv-royal-home .hv-biz .hv-biz__go { block-size: 47px; padding: 0 34px; gap: 16px; font-size: calc(19px * var(--home-type-scale)); }
  .hv-royal-home .hv-biz__talk { font-size: calc(18px * var(--home-type-scale)); font-weight: 600; text-decoration-thickness: 1.5px; }
}

@media (max-width: 1099px) {
  /* tablets and phones: the hero across the whole width, the words on its sky, the button on its floor, the way in for
     businesses under it */
  .hv-royal-home .hv-hero { display: block; position: relative; inline-size: 100%; aspect-ratio: auto; margin: 0; padding-block-end: 46px; border-radius: 0; background: #fff; container-type: inline-size; }
  .hv-royal-home .hv-hero__media { position: relative; display: block; aspect-ratio: 858 / 796; overflow: hidden; }
  .hv-royal-home .hv-hero picture, .hv-royal-home .hv-hero__image { display: block; inline-size: 100%; block-size: 100%; }
  .hv-royal-home .hv-hero__image { object-fit: cover; object-position: 50% 100%; aspect-ratio: auto; }
  .hv-royal-home .hv-hero__inner { position: absolute; inset: 0 0 46px; z-index: 1; display: flex; padding: 6.4cqi 3.85cqi 1.5cqi; }
  .hv-royal-home .hv-hero__copy { display: flex; flex-direction: column; align-items: center; inline-size: 100%; text-align: center; }
  .hv-royal-home .hv-hero [data-site-items], .hv-royal-home .hv-wide { display: none; }
  .hv-royal-home .hv-narrow { display: inline; }
  .hv-royal-home .hv-hero h1 { margin: 0; font-size: calc(10.1cqi * var(--home-type-scale)); line-height: 1.03; letter-spacing: -.02em; }
  .hv-royal-home .hv-hero h1 span { margin-inline: auto; }
  .hv-royal-home .hv-hero h1::after { inline-size: 9.5cqi; block-size: .95cqi; margin: 3.4cqi auto 0; translate: 5cqi 0; border-radius: 1cqi; background: #f7d927; box-shadow: -10cqi 0 0 #e20f82; }
  .hv-royal-home .hv-hero__subtitle { margin-block-start: 3.4cqi; font-size: calc(4.45cqi * var(--home-type-scale)); line-height: 1.3; color: var(--ink); }
  .hv-royal-home .hv-hero__actions { inline-size: 100%; margin-block-start: auto; flex-direction: column; align-items: stretch; gap: 0; }
  .hv-royal-home .hv-hero .hv-hero__actions .btn--primary { inline-size: 100%; block-size: 10.4cqi; min-block-size: 44px; margin: 0; padding: 0 4cqi; gap: 5cqi; border-radius: 2.8cqi; font-size: calc(5.3cqi * var(--home-type-scale)); font-weight: 750; }
  .hv-royal-home .hv-hero .hv-hero__actions .btn > .i { inline-size: 5.4cqi; block-size: 5.4cqi; stroke-width: 2.6; }
  .hv-royal-home .hv-hero__biz { position: absolute; inset-inline: 0; inset-block-start: calc(100% + 12px); justify-content: center; gap: 3.2cqi; font-size: calc(max(14px, 4.1cqi) * var(--home-type-scale)); font-weight: 700; color: var(--primary); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 5px; }
  .hv-royal-home .hv-hero__biz > .i { inline-size: 5cqi; block-size: 5cqi; stroke-width: 2.4; }
  .hv-royal-home .hv-hero__disclosure { inset-block: auto calc(46px + 15.5cqi); inset-inline-end: 3cqi; }
  /* the name card on tablets and phones: the words, step 1 and its products, the preview, then step 2 */
  .hv-royal-home .hv-try__card { display: flex; flex-direction: column; }
  .hv-royal-home .hv-try__copy { display: contents; }
  .hv-royal-home .hv-try__stage { order: 3; aspect-ratio: 574 / 221; }
  .hv-royal-home .hv-try__pic { display: contents; }
  .hv-royal-home .hv-try h2, .hv-royal-home .hv-try__lead { order: 0; }
  .hv-royal-home .hv-try__step:not(.hv-try__step--two) { order: 1; }
  .hv-royal-home .hv-try__choices { order: 2; }
  .hv-royal-home .hv-try__step--two { order: 4; }
  .hv-royal-home .hv-try__form { order: 5; }
  .hv-royal-home .hv-try__go { order: 6; }
  .hv-royal-home .hv-try__note { order: 7; }
  .hv-royal-home .hv-try__mugname { inset-block-start: 8.6cqi; inset-inline-end: 39cqi; inline-size: 22cqi; block-size: 13.2cqi; font-size: calc(6.3cqi * var(--fit, 1)); }
  .hv-royal-home .hv-try__pill--top { inset-block-start: 2cqi; inset-inline: auto 2.4cqi; margin: 0; }
}

@media (max-width: 700px) {
  /* header: the lockup and three icons, as drawn */
  .hv-royal-home .header > .wrap { padding-inline: calc(3.6 * var(--u)) calc(4.1 * var(--u)); }
  .hv-royal-home .brand img { block-size: calc(7.35 * var(--u)); }
  .hv-royal-home .header .iconbtn { inline-size: calc(5.6 * var(--u) + 18px); block-size: calc(5.6 * var(--u) + 18px); }
  .hv-royal-home .header .iconbtn > .i { inline-size: calc(5.6 * var(--u)); block-size: calc(5.6 * var(--u)); stroke-width: 2.1; }
  .hv-royal-home .header__actions { gap: calc(5.6 * var(--u) - 18px); }
  .hv-royal-home .header__burger { margin-inline-end: -9px; }
  .hv-royal-home .header__inner { gap: 0; }
  /* "מה תרצו ליצור היום?": the title and the search, then framed tiles with the name under each photo */
  .hv-royal-home .hv-catalog { padding-block: calc(5.4 * var(--u)) calc(1.4 * var(--u)); }
  .hv-royal-home .hv-catalog > .wrap { padding-inline: calc(3.85 * var(--u)); }
  .hv-royal-home .hv-catalog .hv-section__head { gap: calc(2.9 * var(--u)); margin-block-end: calc(3.6 * var(--u)); }
  .hv-royal-home .hv-catalog h2 { font-size: calc(6.45 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-catalog__title p { display: none; }
  .hv-royal-home .hv-catalog .hv-search { padding-inline: calc(4.4 * var(--u)) calc(2.6 * var(--u)); border: 1.5px solid #c3c8d3; }
  .hv-royal-home .hv-catalog .hv-search input { block-size: calc(9 * var(--u)); min-block-size: 34px; font-size: calc(max(14px, 4.15 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-catalog .hv-search button .i { inline-size: calc(5.4 * var(--u)); block-size: calc(5.4 * var(--u)); }
  .hv-royal-home .hv-categories { gap: calc(3.6 * var(--u)) calc(2.5 * var(--u)); }
  .hv-royal-home .hv-category, .hv-royal-home .hv-category:hover { overflow: hidden; border: 1px solid #dfe2ea; border-radius: calc(2.3 * var(--u)); background: #fff; box-shadow: 0 1px 6px -3px rgba(23, 32, 64, .14); }
  .hv-royal-home .hv-category__image { aspect-ratio: 178 / 58; border-radius: 0; }
  .hv-royal-home .hv-category__body { display: flex; align-items: center; justify-content: center; min-block-size: calc(9.4 * var(--u)); padding: calc(.6 * var(--u)) calc(1.5 * var(--u)); text-align: center; }
  .hv-royal-home .hv-category__body strong { font-size: calc(4.3 * var(--u) * var(--home-type-scale)); line-height: 1.12; font-weight: 800; }
  .hv-royal-home .hv-br { display: inline; }
  .hv-royal-home .hv-catalog__note { margin-block-start: calc(2.6 * var(--u)); font-size: calc(max(11px, 2.8 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-catalog__more { padding-block-start: calc(.6 * var(--u)); }
  .hv-royal-home .hv-catalog__more a { min-block-size: 36px; font-size: calc(max(13px, 3.6 * var(--u)) * var(--home-type-scale)); }
  /* the rows to swipe: two cards (or three occasions) and an arrow on each side */
  .hv-royal-home .hv-row-arrow:not([hidden]) { display: grid; place-items: center; position: absolute; inset-block-start: 50%; z-index: 2; inline-size: 30px; block-size: 44px; margin-block-start: -22px; padding: 0; border: 0; background: none; color: var(--primary); cursor: pointer; }
  .hv-royal-home .hv-row-arrow .i { inline-size: 22px; block-size: 22px; stroke-width: 2.6; }
  .hv-royal-home .hv-row-arrow:disabled { opacity: .3; cursor: default; }
  .hv-royal-home .hv-row-arrow--prev { inset-inline-start: calc(-4.3 * var(--u) + 2px); }
  .hv-royal-home .hv-row-arrow--next { inset-inline-end: calc(-4.3 * var(--u) + 2px); }
  /* "מוצרים בעיצוב אישי" */
  .hv-royal-home .hv-shelf { padding-block: calc(5 * var(--u)) calc(2.6 * var(--u)); }
  .hv-royal-home .hv-shelf > .wrap { padding-inline: calc(8.2 * var(--u)); }
  .hv-royal-home .hv-shelf .hv-section__head { margin-block-end: calc(3.2 * var(--u)); }
  .hv-royal-home .hv-shelf h2 { font-size: calc(6.4 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-shelf .hv-filters { justify-content: center; }
  .hv-royal-home .hv-shelf .hv-filters button { min-inline-size: calc(19 * var(--u)); min-block-size: 32px; font-size: calc(max(12px, 3.6 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-shelf .hv-products { gap: calc(2.6 * var(--u)); margin-inline: 0; padding: 2px 0 3px; scroll-padding-inline: 0; }
  .hv-royal-home .hv-shelf .hv-product { flex: 0 0 calc(50% - 1.3 * var(--u)); border: 1px solid #e8e6e3; border-radius: calc(2.6 * var(--u)); box-shadow: 0 2px 8px -5px rgba(23, 32, 64, .16); }
  .hv-royal-home .hv-shelf .hv-product__image { margin: 4px 4px 0; aspect-ratio: 152 / 104; border-radius: calc(1.6 * var(--u)); }
  .hv-royal-home .hv-shelf .hv-product__body { padding: calc(2 * var(--u)) calc(2.2 * var(--u)) calc(2.4 * var(--u)); }
  .hv-royal-home .hv-shelf .hv-product h3 { font-size: calc(4.1 * var(--u) * var(--home-type-scale)); font-weight: 800; }
  .hv-royal-home .hv-shelf .hv-product__action { inline-size: 100%; min-block-size: 34px; margin-block-start: calc(2.2 * var(--u)); border: 0; border-radius: calc(2.4 * var(--u)); background: #e4ecfd; font-size: calc(max(12px, 3.75 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-dots { margin-block-start: calc(3.2 * var(--u)); }
  .hv-royal-home .hv-dots i { inline-size: 8px; block-size: 8px; border-radius: 50%; }
  /* "ככה זה נראה עם השם שלכם." */
  .hv-royal-home .hv-try { padding-block: calc(2.6 * var(--u)) calc(5 * var(--u)); }
  .hv-royal-home .hv-try > .wrap { padding-inline: calc(5.1 * var(--u)); }
  .hv-royal-home .hv-try__card { padding: calc(3.4 * var(--u)) calc(2.6 * var(--u)) calc(2.6 * var(--u)); border-radius: calc(3.6 * var(--u)); background: linear-gradient(180deg, #e8effd, #dee8fb); }
  .hv-royal-home .hv-try h2 br { display: inline; }
  .hv-royal-home .hv-try h2 { margin: 0 calc(3 * var(--u)) 0 0; font-size: calc(7.4 * var(--u) * var(--home-type-scale)); line-height: 1.04; }
  .hv-royal-home .hv-try__lead { margin: calc(1 * var(--u)) calc(3 * var(--u)) 0 0; font-size: calc(max(13px, 3.75 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__step { min-block-size: calc(8.4 * var(--u)); margin: calc(2.4 * var(--u)) 0 0; padding-inline: calc(2.4 * var(--u)); gap: calc(2.4 * var(--u)); border-radius: calc(2.6 * var(--u)); background: rgba(255, 255, 255, .85); font-size: calc(max(14px, 4.4 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__num { inline-size: calc(5.9 * var(--u)); block-size: calc(5.9 * var(--u)); font-size: calc(3.6 * var(--u)); }
  .hv-royal-home .hv-try__choices { gap: calc(2.2 * var(--u)); margin-block-start: calc(2.2 * var(--u)); }
  .hv-royal-home .hv-try__thumb { aspect-ratio: 74 / 54; }
  .hv-royal-home .hv-try__name { font-size: calc(max(12px, 3.8 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__stage { margin-block-start: calc(2.6 * var(--u)); border-radius: calc(2.6 * var(--u)); }
  .hv-royal-home .hv-try__step--two { margin-block-start: calc(2.6 * var(--u)); }
  .hv-royal-home .hv-try__form { gap: 0; margin-block-start: calc(1.6 * var(--u)); }
  .hv-royal-home .hv-try__form > .hv-try__label { margin: 0 calc(6 * var(--u)) calc(1.6 * var(--u)) 0; font-size: calc(max(12px, 3.6 * var(--u)) * var(--home-type-scale)); font-weight: 500; color: var(--ink); }
  .hv-royal-home .hv-try__field, .hv-royal-home .hv-try__photo { margin-inline: calc(2.1 * var(--u)); inline-size: auto; }
  .hv-royal-home .hv-try__input { block-size: calc(11.3 * var(--u)); min-block-size: 42px; padding-inline: calc(11 * var(--u)) calc(4 * var(--u)); border: 1.5px solid #b9c7e6; border-radius: calc(3 * var(--u)); font-size: 16px; }
  .hv-royal-home .hv-try__field > .i { display: block; inset-inline-start: calc(4.2 * var(--u)); inline-size: calc(5.4 * var(--u)); block-size: calc(5.4 * var(--u)); color: var(--primary); }
  .hv-royal-home .hv-try__photo { min-block-size: 42px; block-size: calc(11.3 * var(--u)); margin-block-start: calc(2.4 * var(--u)); padding-inline: calc(4.2 * var(--u)); gap: calc(5 * var(--u)); border: 1.5px solid #b9c7e6; border-radius: calc(3 * var(--u)); font-size: calc(max(14px, 4.6 * var(--u)) * var(--home-type-scale)); font-weight: 800; }
  .hv-royal-home .hv-try__photo .i { inline-size: calc(5.6 * var(--u)); block-size: calc(5.6 * var(--u)); color: var(--primary); }
  .hv-royal-home .hv-try__go { block-size: calc(11.4 * var(--u)); min-block-size: 44px; margin-block-start: calc(2.6 * var(--u)); border-radius: calc(3 * var(--u)); font-size: calc(5.6 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__note { margin-block-start: calc(1.6 * var(--u)); font-size: calc(max(11px, 3.1 * var(--u)) * var(--home-type-scale)); }
  /* "לכל רגע, משהו אישי.": the title and its link, the line, three cards with arrows, the dots */
  .hv-royal-home .hv-occasion-strip { padding-block: calc(4 * var(--u)) calc(3 * var(--u)); }
  .hv-royal-home .hv-occasion-strip > .wrap { grid-template-areas: "head link" "list list" "dots dots"; padding-inline: calc(8.2 * var(--u)); }
  .hv-royal-home .hv-occasion-strip .hv-section__head > .hv-link { align-self: start; margin-block: calc(1.2 * var(--u)) 0; }
  .hv-royal-home .hv-occasion-strip .hv-row { grid-area: list; margin-block-start: calc(3.4 * var(--u)); }
  .hv-royal-home .hv-occasion-links { margin: 0; padding: 0 0 3px; scroll-padding-inline: 0; gap: calc(2.4 * var(--u)); }
  .hv-royal-home .hv-occasion-links a { flex: 0 0 calc((100% - 4.8 * var(--u)) / 3); border: 1px solid #e3e3e8; }
  .hv-royal-home .hv-occasion-links img { aspect-ratio: 105 / 66; }
  .hv-royal-home .hv-occasion-links strong { padding: calc(1.2 * var(--u)) calc(1 * var(--u)) calc(1.6 * var(--u)); text-align: center; font-size: calc(max(12px, 3.75 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-dots--occ { justify-content: center; margin: calc(2.6 * var(--u)) 0 0; }
  .hv-royal-home .hv-dots--occ i, .hv-royal-home .hv-dots--occ i.is-on { inline-size: 8px; block-size: 8px; border-radius: 50%; }
  /* the banner across the whole width */
  .hv-royal-home .hv-business-wrap { padding-inline: 0; padding-block-start: calc(2 * var(--u)); }
  .hv-royal-home .hv-biz { border-radius: 0 0 calc(4 * var(--u)) calc(4 * var(--u)); }
}

/* Phones, calibrated to the three scroll segments of the upgrade mockup (390 px). Inputs and buttons keep at least 38-40 px. */
@media (max-width: 700px) {
  .hv-royal-home .header .iconbtn > .i { inline-size: calc(5.9 * var(--u)); block-size: calc(5.9 * var(--u)); stroke-width: 2.2; }
  /* hero */
  .hv-royal-home .hv-hero { padding-block-end: 30px; }
  .hv-royal-home .hv-hero__inner { inset: 0 0 30px; padding: 4.1cqi 3.6cqi .8cqi; }
  .hv-royal-home .hv-hero h1 { font-size: calc(9.56cqi * var(--home-type-scale)); }
  .hv-royal-home .hv-hero h1 span { font-size: 1em; }
  .hv-royal-home .hv-hero h1::after { inline-size: 9cqi; block-size: .9cqi; margin-block-start: 1.55cqi; translate: 4.6cqi 0; background: #f7d927; box-shadow: -9.8cqi 0 0 #e20f82; }
  .hv-royal-home .hv-hero__subtitle { margin-block-start: 2.3cqi; font-size: calc(4.2cqi * var(--home-type-scale)); }
  .hv-royal-home .hv-hero .hv-hero__actions .btn--primary { block-size: 10.26cqi; min-block-size: 40px; border-radius: 2.6cqi; }
  .hv-royal-home .hv-hero__biz { inset-block-start: calc(100% + 4px); font-size: calc(max(14px, 3.7cqi) * var(--home-type-scale)); }
  .hv-royal-home .hv-hero__disclosure { inset-block: 8px auto; inset-inline-end: 8px; }
  /* catalog */
  .hv-royal-home .hv-catalog { padding-block: calc(3.35 * var(--u)) calc(1 * var(--u)); }
  .hv-royal-home .hv-catalog .hv-section__head { gap: calc(2.8 * var(--u)); margin-block-end: calc(3.6 * var(--u)); }
  .hv-royal-home .hv-catalog .hv-search input { block-size: calc(8.7 * var(--u)); min-block-size: 34px; }
  .hv-royal-home .hv-categories { gap: calc(1.3 * var(--u)) calc(2.3 * var(--u)); }
  .hv-royal-home .hv-category__image { aspect-ratio: 176 / 57; }
  .hv-royal-home .hv-category__body { min-block-size: calc(9.7 * var(--u)); padding: calc(.5 * var(--u)) calc(1.5 * var(--u)); }
  .hv-royal-home .hv-category__body strong { font-size: calc(3.54 * var(--u) * var(--home-type-scale)); line-height: 1.2; }
  .hv-royal-home .hv-catalog__note { margin-block-start: calc(2 * var(--u)); }
  /* the starter products */
  .hv-royal-home .hv-shelf { padding-block: calc(2.7 * var(--u)) calc(1.2 * var(--u)); }
  .hv-royal-home .hv-shelf > .wrap { padding-inline: calc(6.15 * var(--u)); }
  .hv-royal-home .hv-shelf .hv-section__head { margin-block-end: calc(3.6 * var(--u)); }
  .hv-royal-home .hv-shelf .hv-section__head > .hv-link { font-size: calc(max(12px, 3.3 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-shelf .hv-filters button { min-block-size: 28px; }
  .hv-royal-home .hv-shelf .hv-products { gap: calc(3.1 * var(--u)); }
  .hv-royal-home .hv-shelf .hv-product { flex: 0 0 calc(50% - 1.55 * var(--u)); }
  .hv-royal-home .hv-shelf .hv-product__image { aspect-ratio: 157 / 99; }
  .hv-royal-home .hv-shelf .hv-product__body { padding: calc(1.6 * var(--u)) calc(2.2 * var(--u)) calc(2 * var(--u)); }
  .hv-royal-home .hv-shelf .hv-product h3 { font-size: calc(3.64 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-shelf .hv-product__action { min-block-size: 30px; margin-block-start: calc(2 * var(--u)); font-size: calc(max(12px, 3.64 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-row-arrow:not([hidden]) { inline-size: 22px; }
  .hv-royal-home .hv-row-arrow:disabled { opacity: 1; }
  .hv-royal-home .hv-row-arrow--prev { inset-inline-start: -23px; }
  .hv-royal-home .hv-row-arrow--next { inset-inline-end: -23px; }
  .hv-royal-home .hv-dots { margin-block-start: calc(2.6 * var(--u)); }
  /* the name card */
  .hv-royal-home .hv-try { padding-block: calc(1.6 * var(--u)) calc(3 * var(--u)); }
  .hv-royal-home .hv-try > .wrap { padding-inline: calc(2.6 * var(--u)); }
  .hv-royal-home .hv-try__card { padding: calc(3 * var(--u)) calc(2.6 * var(--u)) calc(2.4 * var(--u)); }
  .hv-royal-home .hv-try h2 { line-height: .9; }
  .hv-royal-home .hv-try__lead { margin-block-start: calc(1.6 * var(--u)); font-size: calc(4.7 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__step { min-block-size: calc(7.2 * var(--u)); margin-block-start: calc(2.6 * var(--u)); font-size: calc(max(14px, 4.25 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__choices { gap: calc(2 * var(--u)); margin-block-start: calc(2 * var(--u)); }
  .hv-royal-home .hv-try__thumb { aspect-ratio: 80 / 58; }
  .hv-royal-home .hv-try__name { font-size: calc(max(12px, 3.5 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__stage { aspect-ratio: 350 / 165; margin-block-start: calc(2.6 * var(--u)); }
  .hv-royal-home .hv-try__mugname { inset-block-start: 13.4cqi; inset-inline-end: 32.6cqi; inline-size: 32cqi; block-size: 15cqi; font-size: calc(9.4cqi * var(--fit, 1)); line-height: 1.04; }
  .hv-royal-home .hv-try__step--two { margin-block-start: calc(1.8 * var(--u)); }
  .hv-royal-home .hv-try__form { align-items: stretch; margin-block-start: calc(1.4 * var(--u)); }
  .hv-royal-home .hv-try__form > .hv-try__label { margin-block-end: calc(1.2 * var(--u)); font-size: calc(max(12px, 3.7 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__input { block-size: 38px; min-block-size: 38px; }
  .hv-royal-home .hv-try__photo { block-size: 38px; min-block-size: 38px; margin-block-start: calc(2 * var(--u)); font-size: calc(max(14px, 4.05 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__go { block-size: 40px; min-block-size: 40px; margin-block-start: calc(2.2 * var(--u)); font-size: calc(5.4 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-try__note { font-size: calc(max(11px, 3.33 * var(--u)) * var(--home-type-scale)); }
  /* occasions */
  .hv-royal-home .hv-occasion-strip { padding-block: calc(1.6 * var(--u)) calc(2.4 * var(--u)); }
  .hv-royal-home .hv-occasion-strip h2 { font-size: calc(6 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-occasion-strip .hv-shelf__title p { font-size: calc(max(12px, 3.82 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-occasion-strip .hv-section__head > .hv-link { font-size: calc(max(12px, 3.15 * var(--u)) * var(--home-type-scale)); }
  .hv-royal-home .hv-occasion-strip > .wrap { padding-inline: calc(6.15 * var(--u)); }
  .hv-royal-home .hv-occasion-links strong { font-size: calc(max(12px, 3.64 * var(--u)) * var(--home-type-scale)); }
  /* the business banner */
  .hv-royal-home .hv-biz__copy { padding: 10px 30px 14px; }
  .hv-royal-home .hv-biz__eyebrow { padding: 0; font-size: calc(4.3 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-biz h2 { padding: 0; margin-block-start: 6px; font-size: calc(9.4 * var(--u) * var(--home-type-scale)); line-height: .86; }
  .hv-royal-home .hv-biz__lead { padding: 0; margin-block-start: 8px; font-size: calc(4.64 * var(--u) * var(--home-type-scale)); line-height: 1.12; }
  .hv-royal-home .hv-biz__actions { margin-block-start: 12px; gap: 10px; }
  .hv-royal-home .hv-biz .hv-biz__go { block-size: 42px; min-block-size: 42px; border-radius: 12px; font-size: calc(4.56 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-biz__talk { font-size: calc(4.54 * var(--u) * var(--home-type-scale)); }
  .hv-royal-home .hv-biz__photo { aspect-ratio: 390 / 168; }
  .hv-royal-home .hv-biz__photo img { object-fit: cover; object-position: 45% 50%; }
}
@media (max-width: 700px) {
  .hv-royal-home .hv-shelf .hv-product__action .i { inline-size: calc(3.8 * var(--u)); block-size: calc(3.8 * var(--u)); stroke-width: 3; }
  .hv-royal-home .hv-biz__go .i { inline-size: 16px; block-size: 16px; stroke-width: 3; }
  .hv-royal-home .hv-hero__disclosure { inset-block: auto calc(30px + 13.4cqi); inset-inline: 8px auto; }
  .hv-royal-home .site-foot { padding-block-start: 6px; }
}

/* Tablets (701-1099 px): the computer's layout in a single column where it has to be. The hero is the computer's card
   (words on the right, products on the left), the tiles four across, the name card as on a phone. */
@media (min-width: 701px) and (max-width: 1099px) {
  .hv-royal-home .hv-hero { display: block; inline-size: calc(100% - 2 * var(--gutter)); aspect-ratio: 1218 / 477; margin: 20px auto 0; padding: 0; border-radius: 18px; background: #eef1f8; overflow: hidden; }
  .hv-royal-home .hv-hero__media { position: absolute; inset: 0; aspect-ratio: auto; }
  .hv-royal-home .hv-hero__image { object-position: 0 50%; }
  .hv-royal-home .hv-hero__inner { inset: 0; padding: 2.4cqi 3.2cqi 0 0; display: block; }
  .hv-royal-home .hv-hero__copy { inline-size: 42cqi; align-items: flex-start; text-align: start; }
  .hv-royal-home .hv-hero [data-site-items], .hv-royal-home .hv-wide { display: inline; }
  .hv-royal-home .hv-hero [data-site-items] { display: block; font-size: calc(2cqi * var(--home-type-scale)); color: #4f566b; word-spacing: .5em; margin: 0; }
  .hv-royal-home .hv-narrow { display: none; }
  .hv-royal-home .hv-hero h1 { margin-block-start: 1.2cqi; font-size: calc(5.4cqi * var(--home-type-scale)); }
  .hv-royal-home .hv-hero h1 span { margin-inline: 0; font-size: 1.12em; }
  .hv-royal-home .hv-hero h1::after { inline-size: 14cqi; block-size: .5cqi; margin: 1.5cqi 0 0; translate: none; box-shadow: none; border-radius: 0;
    background: linear-gradient(to left, #fae42a 0 36.4%, transparent 36.4% 43%, #de1083 43% 70.3%, transparent 70.3% 75.7%, #12b8f4 75.7%); }
  .hv-royal-home .hv-hero__subtitle { margin-block-start: 1.6cqi; font-size: calc(2.15cqi * var(--home-type-scale)); }
  .hv-royal-home .hv-hero__actions { margin-block-start: 2cqi; align-items: flex-start; gap: 1cqi; }
  .hv-royal-home .hv-hero .hv-hero__actions .btn--primary { inline-size: 30cqi; block-size: 5.6cqi; min-block-size: 40px; border-radius: 1.2cqi; font-size: calc(2.5cqi * var(--home-type-scale)); }
  .hv-royal-home .hv-hero .hv-hero__actions .btn > .i { inline-size: 2.4cqi; block-size: 2.4cqi; }
  .hv-royal-home .hv-hero__biz { position: static; align-self: center; translate: 2cqi 0; text-decoration: none; color: var(--ink); font-weight: 500; font-size: calc(2.2cqi * var(--home-type-scale)); gap: 1.6cqi; }
  .hv-royal-home .hv-hero__biz > .i { inline-size: 2.2cqi; block-size: 2.2cqi; }
  .hv-royal-home .hv-hero__disclosure { inset-block: auto 1.2cqi; inset-inline: 1.2cqi auto; }
  .hv-royal-home .hv-catalog .hv-section__head { flex-direction: row; align-items: center; justify-content: space-between; }
  .hv-royal-home .hv-catalog .hv-search { flex: 0 1 42%; }
  .hv-royal-home .hv-categories { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 10px; }
  .hv-royal-home .hv-category, .hv-royal-home .hv-category:hover { overflow: hidden; border: 1px solid #e2e5ec; border-radius: 10px; background: #fff; box-shadow: 0 2px 8px -4px rgba(23, 32, 64, .12); }
  .hv-royal-home .hv-category__image { aspect-ratio: 293 / 202; }
  .hv-royal-home .hv-category__body { display: flex; align-items: center; justify-content: space-between; min-block-size: 48px; padding: 6px 12px 6px 8px; }
  .hv-royal-home .hv-category__body strong { font-size: calc(15.5px * var(--home-type-scale)); line-height: 1.2; font-weight: 800; }
  .hv-royal-home .hv-category__body small { display: none; }
  .hv-royal-home .hv-category__body > .i { position: static; display: block; flex: none; inline-size: 18px; block-size: 18px; margin: 0; color: var(--primary); }
  .hv-royal-home .hv-catalog__note { margin-block-start: 12px; font-size: 13px; }
  .hv-royal-home .hv-shelf .hv-product__action { border: 0; border-radius: 10px; background: #e4ecfd; color: var(--primary); }
  .hv-royal-home .hv-try__card { padding: 22px; gap: 0; border-radius: 18px; }
  .hv-royal-home .hv-try h2 { font-size: calc(38px * var(--home-type-scale)); line-height: .95; }
  .hv-royal-home .hv-try__step { margin-block-start: 18px; font-size: 19px; }
  .hv-royal-home .hv-try__num { inline-size: 26px; block-size: 26px; font-size: 15px; }
  .hv-royal-home .hv-try__choices { margin-block-start: 10px; }
  .hv-royal-home .hv-try__stage { margin-block-start: 16px; border-radius: 14px; }
  .hv-royal-home .hv-try__form { align-items: stretch; margin-block-start: 10px; }
  .hv-royal-home .hv-try__form > .hv-try__label { margin-block-end: 6px; font-size: 16px; font-weight: 500; color: var(--ink); }
  .hv-royal-home .hv-try__field > .i { display: none; }
  .hv-royal-home .hv-try__input { block-size: 48px; padding-inline: 20px; border-radius: 12px; border: 1.5px solid #c6cfe0; font-size: 18px; }
  .hv-royal-home .hv-try__photo { inline-size: 100%; justify-content: flex-start; min-block-size: 48px; margin-block-start: 12px; border-radius: 12px; color: var(--ink); }
  .hv-royal-home .hv-try__go { block-size: 50px; margin-block-start: 12px; border-radius: 12px; font-size: 20px; }
  .hv-royal-home .hv-try__note { text-align: center; }
  .hv-royal-home .hv-biz { grid-template: 1fr / 1fr; aspect-ratio: 1203 / 312; min-block-size: 240px; }
  .hv-royal-home .hv-biz__photo, .hv-royal-home .hv-biz__copy { grid-area: 1 / 1; }
  .hv-royal-home .hv-biz__photo { position: absolute; inset: 0 2.6% 0 -2.6%; z-index: -1; aspect-ratio: auto; }
  .hv-royal-home .hv-biz__copy { justify-content: center; padding: 16px 28px 18px; padding-inline-end: 46%; }
  .hv-royal-home .hv-biz h2 { font-size: calc(34px * var(--home-type-scale)); }
  .hv-royal-home .hv-biz__eyebrow { font-size: 15px; }
  .hv-royal-home .hv-biz__lead { font-size: 15px; }
  .hv-royal-home .hv-biz__actions { margin-block-start: 12px; gap: 10px 20px; }
  .hv-royal-home .hv-biz .hv-biz__go { block-size: 40px; padding: 0 22px; font-size: 16px; }
  .hv-royal-home .hv-biz__talk { font-size: 15px; }
  .hv-royal-home .hv-biz__note { inset-block: auto 8px; inset-inline-end: 12px; }
}
@media (min-width: 701px) and (max-width: 1099px) {
  .hv-royal-home .hv-hero__inner { padding-block-start: 1.8cqi; }
  .hv-royal-home .hv-hero h1 { margin-block-start: .6cqi; font-size: calc(5cqi * var(--home-type-scale)); }
  .hv-royal-home .hv-hero h1::after { margin-block-start: 1.1cqi; }
  .hv-royal-home .hv-hero__subtitle { margin-block-start: 1.2cqi; font-size: calc(2cqi * var(--home-type-scale)); }
  .hv-royal-home .hv-hero__actions { margin-block-start: 1.5cqi; gap: .6cqi; }
  .hv-royal-home .hv-hero .hv-hero__actions .btn--primary { block-size: 5cqi; min-block-size: 38px; }
  .hv-royal-home .hv-category__body strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: calc(14.5px * var(--home-type-scale)); }
}
/* the name is fitted by measuring it; a transition (even the reduced-motion .01ms one) would make it read old sizes */
.hv-royal-home .hv-try__mugname { transition: none !important; }
@media (max-width: 700px) {
  /* the preview as drawn: the mug a little left of the middle, "התצוגה שלכם" at the top right */
  .hv-royal-home .hv-try__scene { object-position: 100% 50%; }
  .hv-royal-home .hv-try__mugname { inset-inline-end: 21.4cqi; }
  .hv-royal-home .hv-try__pill--top { inset-inline: 2.4cqi auto; }
}