/* ============================================================
 * Direction S · Shelly.com — the shelly.com design system, reproduced.
 * Measured from www.shelly.com on 23 Sep 2026: Manrope 500 body, 42/600 section
 * titles, 64/600 statements with gradient words, 10px buttons and header bar,
 * 14px image wells, #F0F4F7 wells, #4594D1 → #003C82 action gradient, navy bands.
 * Scoped to body.shelly-design-s. See docs/shelly-com-design-proposal.md.
 * ========================================================== */
.shelly-design-s { --s-ink: #121519; --s-white: #FDFDFD; --s-well: #F0F4F7; --s-chip: #EAF3FA; --s-grey: #656669;
	--s-blue: #4594D1; --s-mid: #2481C7; --s-deep: #003C82; --s-sky: #9CDBF6;
	--s-grad: linear-gradient(90deg, #4594D1 0%, #003C82 100%);
	--s-grad-pale: linear-gradient(90deg, #FDFDFD 0%, #DCEBF7 100%);
	--s-grad-dark: linear-gradient(90deg, #353638 0%, #121519 100%);
	--s-navy: linear-gradient(180deg, #0D1115 0%, #122232 100%);
	--s-max: 1540px; --s-pad: clamp(16px, 3.4vw, 48px);
	--shelly-radius-sm: 8px; --shelly-radius-md: 10px; --shelly-radius-lg: 14px; --shelly-radius-xl: 16px;
	font-weight: 500; }
/* ---------- Type ---------- */
.shelly-design-s.home main .shelly-eyebrow:not(.shelly-builder__badge) { display: block; margin: 0 0 12px; font: 700 14px/1.4 'Manrope', sans-serif; letter-spacing: 0.02em; text-transform: uppercase; color: var(--s-blue); }
/* ---------- Buttons ---------- */
.shelly-design-s .shelly-btn:not(.shelly-btn--outline):not(.shelly-btn--ghost):not(.shelly-btn--light),
.shelly-design-s .shelly-header__shop,
.shelly-design-s .wp-block-button__link,
.shelly-design-s .wc-block-components-button:not(.is-link),
.shelly-design-s .single_add_to_cart_button,
.shelly-design-s .checkout-button,
.shelly-design-s .wc-block-cart__submit-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 14px 56px; font: 700 16px/1.5 'Manrope', sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--s-white) !important; background: var(--s-grad) !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; transition: filter 200ms ease, transform 200ms ease; }
.shelly-design-s .shelly-btn:not(.shelly-btn--outline):not(.shelly-btn--ghost):not(.shelly-btn--light):hover,
.shelly-design-s .shelly-header__shop:hover,
.shelly-design-s .wp-block-button__link:hover,
.shelly-design-s .single_add_to_cart_button:hover { filter: brightness(1.12); color: var(--s-white) !important; }
.shelly-design-s .shelly-btn--outline,
.shelly-design-s .shelly-btn--ghost { min-height: 44px; padding: 10px 24px; font: 700 16px/1.5 'Manrope', sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--s-ink) !important; background: var(--s-well) !important; border: 0 !important; border-radius: 10px !important; }
.shelly-design-s .shelly-btn--outline:hover,
.shelly-design-s .shelly-btn--ghost:hover { filter: none; background: #DCEBF7 !important; color: var(--s-ink) !important; }
.shelly-design-s .shelly-btn--light { min-height: 44px; padding: 10px 46px; font: 700 16px/1.5 'Manrope', sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--s-ink) !important; background: var(--s-grad-pale) !important; border: 0 !important; border-radius: 10px !important; }
/* ---------- Announcement + floating header ---------- */
.shelly-design-s .shelly-announcement { background: var(--s-grad); font-weight: 600; padding-block: 8px 9px; }
.shelly-design-s .shelly-header { background: transparent; border: 0; box-shadow: none; padding: 12px var(--s-pad) 0; backdrop-filter: none; -webkit-backdrop-filter: none; pointer-events: none; }
.shelly-design-s .shelly-header__inner { pointer-events: auto; max-width: var(--s-max); min-height: 58px; padding: 6px 24px; gap: 16px; background: var(--s-white); border-radius: 10px; box-shadow: 0 0 12px rgba(205, 210, 220, 0.5); grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.shelly-design-s .shelly-header__logo-img { height: 42px; width: auto; }
.shelly-design-s .shelly-nav .shelly-nav__link { padding: 8px 0; font-size: 16px; font-weight: 600; color: var(--s-ink); white-space: nowrap; }
.shelly-design-s .shelly-nav .shelly-nav__item:hover > .shelly-nav__link,
.shelly-design-s .shelly-nav .shelly-nav__item:focus-within > .shelly-nav__link { color: var(--s-blue); }
.shelly-design-s .shelly-nav__caret { display: none; }
.shelly-design-s .shelly-nav__badge { background: var(--s-grad); border-radius: 4px; }
.shelly-design-s .shelly-header__search .wp-block-search__button,
.shelly-design-s .shelly-header__utils .wp-block-search__button { width: 34px; height: 34px; border-radius: 999px !important; background: var(--s-well) !important; }
.shelly-design-s .shelly-header__shop { min-height: 40px; height: 40px; padding: 8px 18px; font-size: 14px !important; }
.shelly-design-s .shelly-nav .shelly-nav__panel { left: 24px; right: 24px; top: calc(100% + 8px); border: 0; border-radius: 10px; box-shadow: 0 10px 40px rgba(18, 21, 25, 0.12); }
/* s.js splits the nav: Products · Solutions · Experience · App · Shelly X | logo | Partners · Corporate · Help */
.shelly-design-s.vs-split .shelly-header__inner { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.shelly-design-s.vs-split .shelly-header__lead { grid-column: 2; grid-row: 1; justify-self: center; }
.shelly-design-s.vs-split .shelly-header__nav { grid-column: 1; grid-row: 1; justify-self: start; }
.shelly-design-s.vs-split .shelly-header__utils { grid-column: 3; grid-row: 1; justify-self: end; gap: 10px; }
.shelly-design-s .vs-nav-right { display: flex; align-items: center; gap: 20px; margin-inline-end: 8px; list-style: none; padding: 0; margin-block: 0; }
.shelly-design-s .vs-nav-right .shelly-nav__panel { left: 24px; right: 24px; }
.shelly-design-s .shelly-nav__list { gap: 20px; }
.shelly-design-s .shelly-header__utils > * { margin: 0; }
.shelly-design-s .shelly-header__lead { padding-inline: 12px; }
/* ---------- Hero: shelly.com campaign slider ---------- */
.shelly-design-s .shelly-hs { margin-top: -70px; background: var(--s-ink); }
.shelly-design-s .shelly-hs__panel { --shelly-hs-bg: none; background: radial-gradient(60% 80% at 75% 55%, rgba(69, 148, 209, 0.28) 0%, rgba(69, 148, 209, 0) 70%), var(--s-ink); }
.shelly-design-s .shelly-hs__panel::before { content: none; }
.shelly-design-s .shelly-hs__grid { min-height: 640px; padding: 130px max(var(--s-pad), calc((100vw - var(--s-max)) / 2 + var(--s-pad))) 110px; }
.shelly-design-s .shelly-hs__copy .shelly-eyebrow { color: var(--s-blue); font: 700 14px/1.4 'Manrope', sans-serif; letter-spacing: 0.02em; }
.shelly-design-s .shelly-hs__title { font: 500 clamp(34px, 3.2vw, 48px)/1.2 'Manrope', sans-serif !important; letter-spacing: 0 !important; color: var(--s-sky) !important; }
.shelly-design-s .shelly-hs__lead { font: 600 16px/1.5 'Manrope', sans-serif; color: var(--s-white); max-width: 440px; }
.shelly-design-s .shelly-hs__ctas .shelly-btn--light { background: var(--s-grad-dark) !important; color: var(--s-white) !important; border-radius: 8px !important; padding: 13px 49px; }
.shelly-design-s .shelly-hs__textlink { color: var(--s-white); font-weight: 700; }
.shelly-design-s .shelly-hs__bullets li::before { border-radius: 4px; }
.shelly-design-s .shelly-discover { border-radius: 14px; box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.7); }
.shelly-design-s .shelly-discover__kicker { color: var(--s-blue); }
.shelly-design-s .shelly-discover__steps li span { border-radius: 999px; }
.shelly-design-s .shelly-discover__steps li.is-current span { background: var(--s-blue); border-color: var(--s-blue); }
.shelly-design-s .shelly-discover__goal { border-radius: 14px; background: var(--s-well); border-color: transparent; }
.shelly-design-s .shelly-discover__goal:hover,
.shelly-design-s .shelly-discover__goal:focus-visible { background: #E2EDF6; border-color: var(--s-blue); }
.shelly-design-s .shelly-discover__goal-icon { border-radius: 999px; background: var(--s-grad); color: #fff; }
.shelly-design-s .shelly-discover__area { border-radius: 10px; background: var(--s-well); border-color: transparent; }
.shelly-design-s .shelly-discover__pick,
.shelly-design-s .shelly-discover__note { border-radius: 10px; }
.shelly-design-s .shelly-discover__thumb { border-radius: 8px; overflow: hidden; }
.shelly-design-s .shelly-hs-set__item a { border-radius: 14px; }
.shelly-design-s .shelly-hs-set__media { border-radius: 10px; overflow: hidden; background: var(--s-well); }
/* Controls: round outlined arrows at the edges, dash pagination bottom right. */
.shelly-design-s .shelly-hs__controls { position: absolute; inset: 0; max-width: none; padding: 0; pointer-events: none; }
.shelly-design-s .shelly-hs__controls::before { content: none; }
.shelly-design-s .shelly-hs__arrows { position: absolute; inset: 0; padding: 0; pointer-events: none; }
.shelly-design-s .shelly-hs__arrow { position: absolute; top: 50%; width: 60px; height: 60px; margin-top: -30px; pointer-events: auto; border: 1px solid rgba(253, 253, 253, 0.55); border-radius: 999px; background: rgba(253, 253, 253, 0.06); }
.shelly-design-s .shelly-hs__arrow[data-hs-dir="-1"] { left: 24px; }
.shelly-design-s .shelly-hs__arrow[data-hs-dir="1"] { right: 24px; }
.shelly-design-s .shelly-hs__arrow:hover { background: rgba(253, 253, 253, 0.16); color: #fff; border-color: #fff; }
.shelly-design-s .shelly-hs__tabs { position: absolute; right: max(var(--s-pad), calc((100vw - var(--s-max)) / 2 + var(--s-pad))); bottom: 36px; gap: 8px; align-items: center; pointer-events: auto; }
.shelly-design-s .shelly-hs__tab { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(253, 253, 253, 0.45); font-size: 0; overflow: hidden; transition: width 300ms ease, background 300ms ease; }
.shelly-design-s .shelly-hs__tab span { display: none; }
.shelly-design-s .shelly-hs__tab.is-active { width: 64px; background: var(--s-white); border: 0; }
/* ---------- Benefit taxonomy (client brief) ---------- */
.shelly-design-s.home .shelly-benefits { padding: 88px 0; background: var(--s-white); border: 0; }
.shelly-design-s.home .shelly-benefits__grid { gap: 20px; border: 0; }
.shelly-design-s.home .shelly-benefits__card { padding: 28px 24px 22px; border: 0; border-radius: 14px; background: var(--s-well); transition: transform 240ms ease, box-shadow 240ms ease; }
.shelly-design-s.home .shelly-benefits__card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px -20px rgba(0, 60, 130, 0.35); }
.shelly-design-s.home .shelly-benefits__icon { background: none; color: var(--s-blue); place-items: start; width: auto; height: auto; margin-bottom: 24px; }
.shelly-design-s.home .shelly-benefits__icon svg { width: 32px; height: 32px; stroke-width: 1.4; }
.shelly-design-s.home .shelly-benefits__label { font: 700 24px/1.2 'Manrope', sans-serif; }
.shelly-design-s.home .shelly-benefits__first { background: var(--s-white); border: 0; border-radius: 10px; }
.shelly-design-s.home .shelly-benefits__first img { border-radius: 8px; }
/* ---------- Products for everyone ---------- */
.shelly-design-s.home .shelly-categories { background: var(--s-white); }
.shelly-design-s.home .shelly-categories__glow { display: none; }
.shelly-design-s.home .shelly-categories__featured { border-radius: 16px; overflow: hidden; }
.shelly-design-s.home .shelly-categories__tile { border-radius: 14px !important; border: 0 !important; background: var(--s-well) !important; box-shadow: none !important; }
.shelly-design-s.home .shelly-categories__tile-media { border-radius: 10px; background: transparent; }
.shelly-design-s.home .shelly-categories__all,
.shelly-design-s.home .shelly-categories__featured-cta { border-radius: 10px !important; }
/* ---------- App promo + four features ---------- */
.shelly-design-s.home .shelly-apppromo { background: var(--s-white); }
.shelly-design-s.home .shelly-apppromo__media { border-radius: 16px; overflow: hidden; background: transparent; }
.shelly-design-s.home .shelly-apppromo__media img { max-height: 640px; width: 100%; object-fit: contain; }
.shelly-design-s.home .shelly-apppromo__features { background: linear-gradient(90deg, #F0F4F7 0%, #D9E9F7 100%); border-radius: 0; }
.shelly-design-s.home .shelly-apppromo__feature { background: transparent; border: 0; box-shadow: none; }
.shelly-design-s.home .shelly-apppromo__icon { color: var(--s-blue); }
.shelly-design-s.home .shelly-apppromo__feature h3 { font: 700 24px/1.2 'Manrope', sans-serif; }
/* ---------- Start your automation journey (home / business) ---------- */
.shelly-design-s.home .shelly-journey { background: var(--s-white); }
.shelly-design-s.home .shelly-journey__card { position: relative; border-radius: 16px !important; overflow: hidden; border: 0 !important; background: var(--s-ink) !important; box-shadow: none !important; }
.shelly-design-s.home .shelly-journey__card-media { aspect-ratio: 1.2 / 1; height: auto; }
.shelly-design-s.home .shelly-journey__card-media img { width: 100%; height: 100%; object-fit: cover; }
.shelly-design-s.home .shelly-journey__card-body { position: absolute; inset: auto 0 0 0; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 80px 28px 26px; background: linear-gradient(180deg, rgba(13, 17, 21, 0) 0%, rgba(13, 17, 21, 0.85) 100%); }
.shelly-design-s.home .shelly-journey__card-title { margin: 0 !important; color: var(--s-white) !important; }
.shelly-design-s.home .shelly-journey__card-desc { display: none; }
.shelly-design-s.home .shelly-journey__card-link { flex: none; width: 46px; height: 46px; display: grid; place-items: center; padding: 0; font-size: 0 !important; color: var(--s-white) !important; border: 1px solid rgba(253, 253, 253, 0.8) !important; }
.shelly-design-s.home .shelly-journey__card-link::before { content: "↗"; font-size: 20px; line-height: 1; }
.shelly-design-s.home .shelly-journey__card-link svg { display: none; }
.shelly-design-s.home .shelly-journey__card-media img { transition: transform 600ms ease; }
.shelly-design-s.home .shelly-journey__card:hover .shelly-journey__card-media img { transform: scale(1.04); }
.shelly-design-s.home .shelly-journey__card-title { font: 700 clamp(24px, 2.2vw, 32px)/1.2 'Manrope', sans-serif !important; }
.shelly-design-s.home .shelly-journey__card-link { border-radius: 999px !important; }
/* ---------- Installer lane (client brief) ---------- */
.shelly-design-s.home .shelly-prolane { background: var(--s-navy); }
.shelly-design-s.home .shelly-prolane__title { color: var(--s-white) !important; }
.shelly-design-s.home .shelly-prolane__group a { border-radius: 999px; }
/* ---------- That easy + steps ---------- */
.shelly-design-s .vs-steps { background: var(--s-white); }
.shelly-design-s .vs-steps__intro { padding-block: 64px 56px; text-align: center; }
.shelly-design-s .vs-steps__lead { margin: 0; font: 600 16px/1.4 'Manrope', sans-serif; color: var(--s-ink); }
.shelly-design-s .vs-steps__band { padding-block: 40px; }
.shelly-design-s .vs-steps__grid { display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: 60px; }
.shelly-design-s .vs-steps__rail { position: sticky; top: 45vh; align-self: start; display: grid; gap: 0; margin: 120px 0 0; padding: 0; list-style: none; }
.shelly-design-s .vs-steps__rail li { position: relative; padding-bottom: 88px; font: 700 14px/1 'Manrope', sans-serif; writing-mode: vertical-rl; transform: rotate(180deg); color: rgba(253, 253, 253, 0.45); transition: color 300ms ease; }
.shelly-design-s .vs-steps__rail li::after { content: ""; position: absolute; top: calc(100% - 78px); left: 50%; width: 1px; height: 68px; background: rgba(253, 253, 253, 0.3); }
.shelly-design-s .vs-steps__rail li:last-child::after { content: none; }
.shelly-design-s .vs-steps__rail li.is-active { color: var(--s-white); }
.shelly-design-s .vs-step { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 48px; min-height: 80vh; padding-block: 60px; }
.shelly-design-s .vs-step__copy { max-width: 360px; }
.shelly-design-s .vs-step__kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 22px; font: 700 14px/1 'Manrope', sans-serif; color: var(--s-white); }
.shelly-design-s .vs-step h3 { margin: 0 0 8px; font: 700 clamp(28px, 2.6vw, 40px)/1.2 'Manrope', sans-serif; }
.shelly-design-s .vs-step p { margin: 0 0 30px; font: 600 15px/1.5 'Manrope', sans-serif; color: var(--s-white); }
.shelly-design-s .vs-step__img { justify-self: end; width: min(100%, 420px); aspect-ratio: 1 / 0.97; object-fit: cover; border-radius: 16px; }
/* ---------- Shelly Newsroom (shelly.com layout: intro left, two staggered columns) ---------- */
.shelly-design-s .vs-news { padding: 72px 0; overflow: hidden; }
.shelly-design-s .vs-news__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 60px; align-items: start; }
.shelly-design-s .vs-news__intro { position: sticky; top: 120px; }
.shelly-design-s .vs-news__intro p { max-width: 320px; margin: 0 0 60px; font: 600 16px/1.6 'Manrope', sans-serif; }
.shelly-design-s .vs-news__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; max-height: 760px; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 60px, #000 calc(100% - 80px), transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 60px, #000 calc(100% - 80px), transparent 100%); }
.shelly-design-s .vs-news__col { display: grid; gap: 14px; align-content: start; }
.shelly-design-s .vs-news__col--1 { margin-top: 60px; }
.shelly-design-s .vs-news__card { position: relative; display: block; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; color: var(--s-white); }
.shelly-design-s .vs-news__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 600ms ease; }
.shelly-design-s .vs-news__card:hover img { transform: scale(1.04); }
.shelly-design-s .vs-news__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13, 17, 21, 0.65) 0%, rgba(13, 17, 21, 0) 40%); }
.shelly-design-s .vs-news__title { position: absolute; left: 16px; right: 16px; top: 16px; font: 700 clamp(18px, 1.5vw, 22px)/1.25 'Manrope', sans-serif; color: var(--s-white); }
.shelly-design-s .vs-news__meta { position: absolute; left: 16px; right: 16px; bottom: 16px; display: block; padding: 14px; font: 500 13px/1.45 'Manrope', sans-serif; color: var(--s-white); background: rgba(18, 21, 25, 0.82); border-radius: 10px; }
.shelly-design-s .vs-news__more { display: block; margin-top: 8px; font-weight: 700; text-decoration: underline; }
@media (max-width: 989px) {
	.shelly-design-s .vs-news__grid { grid-template-columns: 1fr; gap: 28px; }
	.shelly-design-s .vs-news__intro { position: static; }
	.shelly-design-s .vs-news__intro p { margin-bottom: 24px; }
	.shelly-design-s .vs-news__cols { max-height: none; -webkit-mask-image: none; mask-image: none; }
	.shelly-design-s .vs-news__col--1 { margin-top: 0; }
}
@media (max-width: 559px) {
	.shelly-design-s .vs-news__cols { grid-template-columns: 1fr; }
}
/* ---------- Footer ---------- */
.shelly-design-s .shelly-footer { margin-top: 0 !important; background: var(--s-ink); }
.shelly-design-s .shelly-footer__logo { background: transparent !important; padding: 0 !important; box-shadow: none !important; }
.shelly-design-s .shelly-footer__logo-img { filter: brightness(0) invert(1); }
.shelly-design-s .shelly-footer__glow { display: none; }
/* ---------- Shop cards site-wide pick up the shape ---------- */
.shelly-design-s .wc-block-components-product-image,
.shelly-design-s .wc-block-grid__product-image,
.shelly-design-s .woocommerce ul.products li.product a img { border-radius: 14px; background: var(--s-well); overflow: hidden; }
/* ---------- Responsive ---------- */
@media (max-width: 1439px) {
	.shelly-design-s .shelly-nav .shelly-nav__link { font-size: 15px; }
	.shelly-design-s .shelly-nav__list,
.shelly-design-s .vs-nav-right { gap: 16px; }
	.shelly-design-s .shelly-header__icon--secondary { display: none !important; }
}
@media (max-width: 1179px) {
	.shelly-design-s .shelly-header__inner { grid-template-columns: auto minmax(0, 1fr) auto; }
	.shelly-design-s.vs-split .shelly-header__lead { grid-column: 1; justify-self: start; }
	.shelly-design-s .vs-nav-right { display: none; }
}
@media (max-width: 989px) {
	.shelly-design-s .shelly-hs { margin-top: -62px; }
	.shelly-design-s .shelly-hs__grid { padding: 100px var(--s-pad) 90px; min-height: 0; }
	.shelly-design-s .shelly-hs__arrow { display: none; }
	.shelly-design-s .shelly-hs__tabs { left: var(--s-pad); right: auto; bottom: 28px; }
	.shelly-design-s .vs-steps__grid { grid-template-columns: 1fr; gap: 0; }
	.shelly-design-s .vs-steps__rail { display: none; }
	.shelly-design-s .vs-step { grid-template-columns: 1fr; min-height: 0; gap: 28px; padding-block: 44px; }
	.shelly-design-s .vs-step__img { justify-self: stretch; width: 100%; }
}
@media (max-width: 639px) {
	.shelly-design-s.home .shelly-categories__tile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
	.shelly-design-s.home .shelly-categories__tile-media { aspect-ratio: 1.3 / 1; }
	.shelly-design-s.home .shelly-categories__tile-desc { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.shelly-design-s .shelly-hs__tab { transition: none; }
}
/* The hero is above the fold: never wait for the scroll reveal. */
.shelly-design-s .shelly-hs.shelly-reveal { opacity: 1 !important; transform: none !important; }
/* Hero pause / play, beside the pagination dashes. */
.shelly-design-s .shelly-hs:has(.vs-hero-pause) .shelly-hs__tabs { right: calc(max(var(--s-pad), calc((100vw - var(--s-max)) / 2 + var(--s-pad))) + 40px); }
@media (max-width: 989px) {
	.shelly-design-s .shelly-hs:has(.vs-hero-pause) .shelly-hs__tabs { right: auto; }
}
/* No gap between the last homepage band and the footer. */
.shelly-design-s.home main { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.shelly-design-s .wp-site-blocks > footer,
.shelly-design-s .wp-site-blocks > * + footer { margin-block-start: 0 !important; }