/* ========================================================================== Resport – design system and components Tokens come from theme.json (--wp--preset--*). Brief 02 §6: dark base, CTA #EE8600, accent #028C83, Manrope 800 headings + Inter text. One section = one pattern; class prefix rs-. ========================================================================== */ :root { --rs-bg: var(--wp--preset--color--ink, #0e1113); --rs-surface: var(--wp--preset--color--carbon, #15191c); --rs-surface-2: var(--wp--preset--color--graphite, #1c2125); --rs-line: var(--wp--preset--color--line-dark, #2a3034); --rs-text: var(--wp--preset--color--snow, #f2f4f5); --rs-muted: var(--wp--preset--color--smoke, #a9b1b6); --rs-paper: var(--wp--preset--color--paper, #f4efe8); --rs-stone: var(--wp--preset--color--stone, #5a5f63); --rs-orange: var(--wp--preset--color--orange, #ee8600); --rs-orange-hi: var(--wp--preset--color--orange-hi, #ff9a1f); --rs-teal: var(--wp--preset--color--teal, #028c83); --rs-teal-hi: var(--wp--preset--color--teal-hi, #3dbfb4); --rs-teal-deep: var(--wp--preset--color--teal-deep, #016a63); --rs-danger: #c4382c; --rs-orange-ink: #ee8601; --rs-teal-ink: #00756b; --rs-head: var(--wp--preset--font-family--manrope, "Manrope", system-ui, sans-serif); --rs-body: var(--wp--preset--font-family--inter, "Inter", system-ui, sans-serif); --rs-r-sm: 12px; --rs-r: 20px; --rs-r-lg: 28px; --rs-gutter: clamp(1.125rem, 4vw, 2.5rem); --rs-max: 1280px; --rs-header-h: 72px; --rs-ease: cubic-bezier(.2, .7, .2, 1); --rs-shadow: 0 30px 80px -30px rgba(0, 0, 0, .65); } /* ---------- Base ---------- */ *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: calc(var(--rs-header-h) + 16px); -webkit-text-size-adjust: 100%; } body { background: var(--rs-bg); color: var(--rs-text); font-family: var(--rs-body); font-feature-settings: "locl" 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body.rs-lock { overflow: hidden; } img { max-width: 100%; height: auto; display: block; } button, input, select, textarea { font-feature-settings: inherit; } a { color: var(--rs-orange-ink); text-underline-offset: .18em; text-decoration-thickness: 1px; } a:hover { color: var(--rs-orange-hi); } :focus-visible { outline: 3px solid var(--rs-orange); outline-offset: 3px; border-radius: 6px; } ::selection { background: var(--rs-orange); color: var(--rs-bg); } p { margin: 0 0 1em; } h1, h2, h3, h4 { font-family: var(--rs-head); margin: 0; text-wrap: balance; } .rs-sr, .rs-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .rs-skip { position: absolute; left: 1rem; top: -100px; z-index: 100; background: var(--rs-orange); color: var(--rs-bg); padding: .6rem 1rem; border-radius: 10px; font-weight: 700; } .rs-skip:focus { top: 1rem; } /* Neutralise block-layout margins inside our sections. */ .rs-main, .rs-main > .wp-block-post-content { margin: 0; } .rs-main > .wp-block-post-content > *, .rs-site-header, .rs-site-footer { margin-block: 0 !important; } .rs-main :where(.rs-wrap, .rs-hero__copy, .rs-split__copy, .rs-head, .rs-faq__head, .rs-faq__list, .rs-specs__intro) > * { margin-block: 0; } .rs-site-header { position: sticky; top: 0; z-index: 50; } .admin-bar .rs-site-header { top: 32px; } @media (max-width: 782px) { .admin-bar .rs-site-header { top: 0; } } /* ---------- Layout ---------- */ .rs-wrap { width: min(100% - 2 * var(--rs-gutter), var(--rs-max)); margin-inline: auto; } .rs-sec { padding-block: clamp(4.5rem, 9vw, 8rem); position: relative; } .rs-sec--light { background: var(--rs-paper); color: #15191c; } .rs-sec--light a:not(.rs-btn) { color: var(--rs-teal-deep); } .rs-row { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; } .rs-row--center { justify-content: center; } /* ---------- Type ---------- */ .rs-eyebrow { display: inline-flex; align-items: center; gap: .6rem; font-family: var(--rs-head); font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--rs-teal-ink); margin-bottom: 1rem !important; } .rs-eyebrow::before { content: ""; width: 1.75rem; height: 2px; background: currentColor; border-radius: 2px; } .rs-sec--light .rs-eyebrow { color: var(--rs-teal-deep); } .rs-h2 { font-size: clamp(2rem, 4.6vw, 3.6rem); font-weight: 800; line-height: 1.04; letter-spacing: -.035em; } .rs-lead { font-size: clamp(1.05rem, 1.35vw, 1.25rem); line-height: 1.6; color: var(--rs-muted); max-width: 36em; } .rs-accent { color: var(--rs-orange-ink); } .rs-fine { font-size: .85rem; color: var(--rs-muted); } .rs-sec--light .rs-fine { color: var(--rs-stone); } .rs-head { margin-bottom: clamp(2.25rem, 5vw, 4rem); } .rs-head__text { color: var(--rs-muted); font-size: 1.08rem; max-width: 38em; } .rs-sec--light .rs-head__text { color: var(--rs-stone); } .rs-head--center { text-align: center; max-width: 820px; margin-inline: auto; } .rs-head--center .rs-eyebrow { justify-content: center; } .rs-head--center .rs-head__text { margin: 1.25rem auto 0; } .rs-head--split .rs-h2 { max-width: 14em; } .rs-head--split .rs-head__text { margin-top: 1.25rem; } @media (min-width: 1024px) { .rs-head--split { display: grid; grid-template-columns: 1.1fr .9fr; column-gap: 4rem; align-items: end; } .rs-head--split .rs-eyebrow { grid-column: 1; } .rs-head--split .rs-h2 { grid-column: 1; } .rs-head--split .rs-head__text { grid-column: 2; grid-row: 1 / span 2; align-self: end; margin: 0; } } /* ---------- Buttons ---------- */ .rs-btn, .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 50px; padding: 0 1.6rem; border-radius: 999px; border: 1.5px solid transparent; font-family: var(--rs-head); font-weight: 800; font-size: 1rem; letter-spacing: -.01em; line-height: 1.1; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background-color .2s var(--rs-ease), color .2s, border-color .2s, transform .2s var(--rs-ease), box-shadow .25s; } .rs-btn:active { transform: translateY(1px) scale(.99); } .rs-btn--primary, .wp-block-button__link { background: var(--rs-orange); color: #0e1113; box-shadow: 0 10px 30px -12px rgba(238, 134, 0, .65); } .rs-btn--primary:hover, .wp-block-button__link:hover { background: var(--rs-orange-hi); color: #0e1113; box-shadow: 0 14px 36px -12px rgba(255, 154, 31, .8); transform: translateY(-1px); } .rs-btn--ghost { background: rgba(255, 255, 255, .03); color: var(--rs-text); border-color: rgba(242, 244, 245, .22); } .rs-btn--ghost:hover { border-color: var(--rs-text); color: var(--rs-text); background: rgba(255, 255, 255, .07); } .rs-btn--dark { background: #0e1113; color: #fff; } .rs-btn--dark:hover { background: #262c31; color: #fff; } .rs-btn--outline-dark { background: transparent; color: #0e1113 !important; border-color: rgba(14, 17, 19, .3); } .rs-btn--outline-dark:hover { border-color: #0e1113; } .rs-btn--sm { min-height: 42px; padding: 0 1.15rem; font-size: .92rem; } .rs-btn--lg { min-height: 58px; padding: 0 2rem; font-size: 1.06rem; } .rs-btn--block { width: 100%; } .rs-btn.is-busy { opacity: .7; pointer-events: none; } /* ---------- Chip ---------- */ .rs-chip { display: inline-flex; align-items: center; gap: .6rem; padding: .45rem .95rem .45rem .7rem; border: 1px solid var(--rs-line); border-radius: 999px; background: rgba(21, 25, 28, .7); color: var(--rs-muted); font-size: .85rem; font-weight: 500; } .rs-chip__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--rs-teal-hi); box-shadow: 0 0 0 0 rgba(61, 191, 180, .6); animation: rs-ping 2.4s infinite; } @keyframes rs-ping { 0% { box-shadow: 0 0 0 0 rgba(61, 191, 180, .55); } 70%, 100% { box-shadow: 0 0 0 10px rgba(61, 191, 180, 0); } } /* ---------- Announcement + header ---------- */ .rs-announce { background: #090b0d; border-bottom: 1px solid #1a1f23; } .rs-announce__text { margin: 0; padding: .55rem var(--rs-gutter); text-align: center; font-size: .84rem; color: var(--rs-muted); line-height: 1.4; } .rs-announce__text strong { color: var(--rs-text); } .rs-announce__text a { color: var(--rs-orange-ink); font-weight: 700; white-space: nowrap; } .rs-announce__dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--rs-orange); margin-right: .55rem; vertical-align: middle; } .rs-header { background: rgba(14, 17, 19, .82); backdrop-filter: saturate(140%) blur(16px); -webkit-backdrop-filter: saturate(140%) blur(16px); border-bottom: 1px solid rgba(42, 48, 52, .8); } .rs-header__inner { width: min(100% - 2 * var(--rs-gutter), 1400px); margin-inline: auto; height: var(--rs-header-h); display: flex; align-items: center; gap: 1.5rem; } .rs-logo { display: inline-flex; flex: none; } .rs-logo img { height: 44px; width: auto; } .rs-nav { margin-inline: auto; } .rs-nav__list { display: flex; gap: .25rem; list-style: none; margin: 0; padding: 0; } .rs-nav__link { display: block; padding: .55rem .8rem; border-radius: 10px; color: var(--rs-muted); text-decoration: none; font-weight: 600; font-size: .95rem; transition: color .2s, background .2s; } .rs-nav__link:hover { color: var(--rs-text); background: rgba(255, 255, 255, .05); } .rs-nav__link[aria-current="page"] { color: var(--rs-text); box-shadow: inset 0 -2px 0 var(--rs-orange); border-radius: 0; } .rs-header__actions { display: flex; align-items: center; gap: .6rem; margin-left: auto; } .rs-header__phone { color: var(--rs-text); font-weight: 700; text-decoration: none; font-size: .95rem; } .rs-header--landing .rs-header__inner { justify-content: space-between; } .rs-burger { display: none; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--rs-line); background: transparent; color: var(--rs-text); cursor: pointer; align-items: center; justify-content: center; } .rs-burger__box { position: relative; width: 18px; height: 12px; display: block; } .rs-burger__box span { position: absolute; left: 0; right: 0; height: 2px; border-radius: 2px; background: currentColor; transition: transform .25s var(--rs-ease), opacity .2s; } .rs-burger__box span:nth-child(1) { top: 0; } .rs-burger__box span:nth-child(2) { top: 5px; } .rs-burger__box span:nth-child(3) { top: 10px; } .rs-burger[aria-expanded="true"] .rs-burger__box span:nth-child(1) { transform: translateY(5px) rotate(45deg); } .rs-burger[aria-expanded="true"] .rs-burger__box span:nth-child(2) { opacity: 0; } .rs-burger[aria-expanded="true"] .rs-burger__box span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); } .rs-drawer { position: fixed; inset: var(--rs-drawer-top, 108px) 0 0 0; z-index: 49; background: var(--rs-bg); padding: 1.5rem var(--rs-gutter) 2rem; overflow-y: auto; display: flex; flex-direction: column; gap: 1.75rem; } .rs-drawer[hidden] { display: none; } .rs-drawer__nav ul { list-style: none; margin: 0; padding: 0; } .rs-drawer__nav a { display: block; padding: .8rem 0; border-bottom: 1px solid var(--rs-line); font-family: var(--rs-head); font-weight: 800; font-size: 1.6rem; letter-spacing: -.02em; color: var(--rs-text); text-decoration: none; } .rs-drawer__nav a[aria-current="page"] { color: var(--rs-orange-ink); } .rs-drawer__cta { display: grid; gap: .75rem; } .rs-drawer__note { color: var(--rs-muted); font-size: .9rem; margin: 0; } @media (max-width: 1099px) { .rs-nav { display: none; } .rs-burger { display: inline-flex; } .rs-header__inner { gap: .75rem; } } @media (max-width: 640px) { :root { --rs-header-h: 64px; } .rs-hide-mobile { display: none !important; } .rs-logo img { height: 34px; } .rs-announce__text { font-size: .78rem; padding-block: .45rem; } } /* ---------- Hero ---------- */ .rs-hero { position: relative; overflow: hidden; padding-block: clamp(2rem, 4.5vw, 4rem) clamp(3.5rem, 7vw, 6rem); isolation: isolate; } .rs-hero::before { content: ""; position: absolute; inset: -20% -10% auto auto; width: 70vw; height: 70vw; max-width: 980px; max-height: 980px; background: radial-gradient(closest-side, rgba(238, 134, 0, .22), rgba(238, 134, 0, 0) 70%); z-index: -1; pointer-events: none; } .rs-hero::after { content: ""; position: absolute; inset: auto auto -35% -15%; width: 60vw; height: 60vw; max-width: 820px; max-height: 820px; background: radial-gradient(closest-side, rgba(2, 140, 131, .2), rgba(2, 140, 131, 0) 70%); z-index: -1; pointer-events: none; } .rs-hero__grid { display: grid; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; } @media (min-width: 1024px) { .rs-hero__grid { grid-template-columns: 1.08fr .92fr; } } .rs-hero__title { font-size: clamp(2.6rem, 5.4vw, 4.6rem); font-weight: 800; line-height: 1; letter-spacing: -.045em; margin: 1.25rem 0 1.25rem !important; } .rs-hero__copy .rs-lead { margin-bottom: 0; } .rs-hero__media { position: relative; margin: 0; } .rs-hero__media > img { width: 100%; aspect-ratio: 5 / 6; object-fit: cover; object-position: 50% 60%; border-radius: var(--rs-r-lg); box-shadow: var(--rs-shadow); max-height: 660px; } @media (max-width: 1023px) { .rs-hero__media > img { aspect-ratio: 5 / 4; object-position: 50% 70%; } } .rs-float { position: absolute; display: grid; gap: .1rem; padding: .7rem 1rem; border-radius: 16px; background: rgba(14, 17, 19, .72); border: 1px solid rgba(255, 255, 255, .12); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); font-size: .8rem; color: var(--rs-muted); line-height: 1.25; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .6); animation: rs-float 7s ease-in-out infinite; } .rs-float strong { font-family: var(--rs-head); font-size: 1.35rem; color: var(--rs-text); letter-spacing: -.02em; } .rs-float--a { top: 8%; left: -6%; } .rs-float--b { top: 44%; right: -5%; animation-delay: -2.2s; } .rs-float--c { bottom: 7%; left: 6%; animation-delay: -4.4s; } .rs-float--a strong { color: var(--rs-orange-ink); } @keyframes rs-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } @media (max-width: 1023px) { .rs-float { font-size: .72rem; padding: .5rem .75rem; } .rs-float strong { font-size: 1.05rem; } .rs-float--a { left: .75rem; top: .75rem; } .rs-float--b { right: .75rem; top: auto; bottom: .75rem; } .rs-float--c { display: none; } } .rs-buybox { margin-top: 1.75rem; display: grid; gap: 1.5rem; } .rs-buybox__price { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.25rem; } .rs-buybox__amount { font-family: var(--rs-head); font-weight: 800; font-size: clamp(2.5rem, 4.2vw, 3.4rem); letter-spacing: -.04em; line-height: 1; } .rs-buybox__meta { display: grid; gap: .2rem; color: var(--rs-muted); font-size: .92rem; padding-left: 1.25rem; border-left: 1px solid var(--rs-line); } .rs-buybox__meta span:first-child { color: var(--rs-text); font-weight: 600; } .rs-buybox__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; } .rs-trylink { display: grid; gap: .15rem; text-decoration: none; padding: .35rem 0; } .rs-trylink__title { color: var(--rs-text); font-weight: 700; font-size: .98rem; text-decoration: underline; text-decoration-color: rgba(238, 134, 0, .7); text-underline-offset: .25em; text-decoration-thickness: 2px; } .rs-trylink__title::after { content: " →"; color: var(--rs-orange-ink); } .rs-trylink__sub { color: var(--rs-muted); font-size: .85rem; } .rs-trylink:hover .rs-trylink__title { text-decoration-color: var(--rs-orange-ink); } @media (max-width: 640px) { .rs-buybox__cta .rs-btn { width: 100%; } .rs-buybox__meta { border-left: 0; padding-left: 0; } } /* ---------- Trust strip ---------- */ .rs-trust { background: var(--rs-surface); border-block: 1px solid var(--rs-line); } .rs-trust__list { list-style: none; margin-block: 0; padding: 1.4rem 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem 1.5rem; } @media (min-width: 900px) { .rs-trust__list { grid-template-columns: repeat(4, 1fr); padding-block: 1.75rem; } } .rs-trust__item { display: flex; gap: .85rem; align-items: flex-start; } .rs-trust__item strong { display: block; font-family: var(--rs-head); font-size: .98rem; color: var(--rs-text); letter-spacing: -.01em; } .rs-trust__item span span { display: block; font-size: .85rem; color: var(--rs-muted); line-height: 1.4; margin-top: .15rem; } .rs-ico { width: 26px; height: 26px; flex: none; fill: none; stroke: var(--rs-orange); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } /* ---------- Problem → solution ---------- */ .rs-ps { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; } @media (min-width: 900px) { .rs-ps { grid-template-columns: repeat(3, 1fr); gap: 1.25rem; } } .rs-ps__item { position: relative; padding: clamp(1.5rem, 2.6vw, 2.25rem); background: linear-gradient(180deg, var(--rs-surface), rgba(21, 25, 28, .4)); border: 1px solid var(--rs-line); border-radius: var(--rs-r-lg); transition: border-color .3s, transform .3s var(--rs-ease); } .rs-ps__item:hover { border-color: rgba(238, 134, 0, .45); transform: translateY(-4px); } .rs-ps__problem { color: var(--rs-muted); font-size: 1rem; font-style: italic; display: flex; gap: .75rem; align-items: baseline; padding-bottom: 1.25rem; margin-bottom: 1.25rem !important; border-bottom: 1px dashed var(--rs-line); } .rs-ps__num { font-family: var(--rs-head); font-style: normal; font-weight: 800; font-size: .8rem; color: var(--rs-orange-ink); letter-spacing: .1em; } .rs-ps__title { font-size: 1.45rem; letter-spacing: -.025em; margin-bottom: .6rem !important; } .rs-ps__item p:last-child { color: var(--rs-muted); margin: 0; } /* ---------- Split (image + copy) / Benefits ---------- */ .rs-split { display: grid; gap: clamp(2.5rem, 6vw, 5.5rem); align-items: center; } @media (min-width: 1024px) { .rs-split { grid-template-columns: 1fr 1fr; } } .rs-split__media { position: relative; margin: 0; } .rs-split__media > img:first-child { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--rs-r-lg); } .rs-benefits__inset { position: absolute; right: -4%; bottom: -6%; width: 48% !important; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--rs-r); border: 6px solid var(--rs-paper); box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .45); } @media (max-width: 1023px) { .rs-benefits__inset { right: 4%; bottom: -8%; } .rs-benefits__media { margin-bottom: 2rem; } } .rs-split__copy .rs-h2 { margin-bottom: 2rem !important; } .rs-benefit-list { list-style: none; margin: 0; padding: 0; } .rs-benefit-list li { display: grid; grid-template-columns: 7.5rem 1fr; gap: 1rem; padding: 1.15rem 0; border-top: 1px solid rgba(14, 17, 19, .12); } .rs-benefit-list li:last-child { border-bottom: 1px solid rgba(14, 17, 19, .12); } .rs-benefit-list__k { font-family: var(--rs-head); font-weight: 800; color: var(--rs-teal-deep); font-size: .95rem; padding-top: .1rem; } .rs-benefit-list p { margin: 0; color: #2b3034; } @media (max-width: 480px) { .rs-benefit-list li { grid-template-columns: 1fr; gap: .25rem; } } /* ---------- How it works: chambers, steps, modes ---------- */ .rs-how { background: radial-gradient(120% 80% at 50% 0%, #161b1f 0%, var(--rs-bg) 60%); } .rs-chambers { max-width: 980px; margin: 0 auto clamp(2.5rem, 5vw, 4rem); } .rs-chambers__svg { width: 100%; height: auto; display: block; overflow: visible; } .rs-chambers__outline { fill: #12171a; stroke: #353c41; stroke-width: 2; } .rs-chambers__ctrl { fill: #2a3034; stroke: #4a5257; stroke-width: 1.5; } .rs-chambers__screen { fill: #0e1113; } .rs-chambers__led { fill: #3dbfb4; } .rs-chambers .c { fill: var(--rs-teal-hi); fill-opacity: .08; stroke: rgba(61, 191, 180, .35); stroke-width: 1.5; animation: rs-chamber 3.6s var(--rs-ease) infinite; } .rs-chambers .c1 { animation-delay: 0s; } .rs-chambers .c2 { animation-delay: .45s; } .rs-chambers .c3 { animation-delay: .9s; } .rs-chambers .c4 { animation-delay: 1.35s; } .rs-chambers .c5 { animation-delay: 1.8s; } .rs-chambers__labels text { fill: var(--rs-muted); font-family: var(--rs-head); font-weight: 800; font-size: 26px; text-anchor: middle; } @keyframes rs-chamber { 0%, 100% { fill-opacity: .08; fill: #3dbfb4; } 12% { fill-opacity: .9; fill: #ee8600; } 32% { fill-opacity: .35; fill: #ee8600; } 55% { fill-opacity: .08; fill: #3dbfb4; } } .rs-steps3 { list-style: none; margin: 0 0 clamp(2.5rem, 5vw, 4rem); padding: 0; display: grid; gap: 1rem; counter-reset: s; } @media (min-width: 900px) { .rs-steps3 { grid-template-columns: repeat(3, 1fr); gap: 1.25rem; } } .rs-steps3 li { padding: 1.75rem; border-radius: var(--rs-r-lg); border: 1px solid var(--rs-line); background: rgba(21, 25, 28, .6); } .rs-steps3__n { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid var(--rs-orange); color: var(--rs-orange-ink); font-family: var(--rs-head); font-weight: 800; margin-bottom: 1rem; } .rs-steps3 h3 { font-size: 1.3rem; margin-bottom: .5rem !important; } .rs-steps3 p { color: var(--rs-muted); margin: 0; } .rs-modes__title { font-family: var(--rs-head); font-weight: 800; font-size: 1.1rem; margin-bottom: 1rem !important; } .rs-modes__list { list-style: none; margin: 0; padding: 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 1fr); gap: .75rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .5rem; scrollbar-width: thin; } .rs-modes__list li { scroll-snap-align: start; padding: 1.15rem 1.25rem; border-radius: var(--rs-r); background: var(--rs-surface); border: 1px solid var(--rs-line); display: grid; gap: .3rem; } .rs-modes__list strong { font-family: var(--rs-head); font-size: 1rem; letter-spacing: -.01em; } .rs-modes__list span { color: var(--rs-muted); font-size: .88rem; } @media (min-width: 1100px) { .rs-modes__list { grid-auto-flow: row; grid-template-columns: repeat(5, 1fr); overflow: visible; } } /* ---------- Specs (light) ---------- */ .rs-specs__grid { display: grid; gap: clamp(2.5rem, 5vw, 5rem); } @media (min-width: 1024px) { .rs-specs__grid { grid-template-columns: .9fr 1.1fr; align-items: start; } } .rs-specs__intro .rs-h2 { font-size: clamp(2rem, 3.8vw, 3rem); } .rs-specs__product { margin: 2rem 0 !important; background: #fff; border-radius: var(--rs-r-lg); padding: clamp(1.25rem, 3vw, 2.5rem); box-shadow: 0 30px 60px -40px rgba(14, 17, 19, .45); } .rs-specs__product img { width: 100%; aspect-ratio: 1; object-fit: contain; } .rs-specs__price { font-family: var(--rs-head); font-weight: 800; font-size: clamp(2.4rem, 4vw, 3.2rem); letter-spacing: -.04em; line-height: 1; margin-bottom: .5rem !important; } .rs-specs__terms { color: var(--rs-stone); margin-bottom: 1.25rem !important; } .rs-spec-list { margin: 0; } .rs-spec-list div { display: grid; grid-template-columns: minmax(8rem, 36%) 1fr; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(14, 17, 19, .1); } .rs-spec-list div:first-child { border-top: 1px solid rgba(14, 17, 19, .1); } .rs-spec-list dt { color: var(--rs-stone); font-size: .92rem; } .rs-spec-list dd { margin: 0; font-weight: 600; color: #15191c; } .rs-sizes { margin-top: 2rem; padding: 1.5rem; border-radius: var(--rs-r); background: #fff; } .rs-sizes__title { font-weight: 600; margin-bottom: 1rem !important; } .rs-sizes__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; } .rs-sizes { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 1.25rem; align-items: center; } .rs-sizes__fig { width: 100%; height: auto; color: var(--rs-text); } .rs-sizes__person { transform-box: fill-box; transform-origin: 50% 100%; transition: transform .35s ease; transform: scaleY(1); } .rs-sizes[data-size="S"] .rs-sizes__person { transform: scaleY(.9); } .rs-sizes[data-size="L"] .rs-sizes__person { transform: scaleY(1.08); } .rs-sizes__btn { width: 100%; text-align: center; padding: 1rem .5rem; border: 2px solid transparent; border-radius: var(--rs-r-sm); background: var(--rs-paper); display: grid; gap: .15rem; font: inherit; color: inherit; cursor: pointer; transition: border-color .2s ease, background .2s ease; } .rs-sizes__btn:hover { border-color: var(--rs-line); } .rs-sizes__btn[aria-pressed="true"] { border-color: #EE8600; background: #fff7ec; } .rs-sizes__btn:focus-visible { outline: 3px solid #EE8600; outline-offset: 2px; } .rs-sizes__list strong { font-family: var(--rs-head); font-size: 1.9rem; line-height: 1; } .rs-sizes__list span { color: var(--rs-stone); font-size: .88rem; } .rs-sizes__now { margin: .75rem 0 0 !important; color: var(--rs-teal-ink); font-weight: 600; font-size: .95rem; } @media (min-width: 700px) { .rs-sizes { grid-template-columns: 130px minmax(0, 1fr); gap: 2rem; } } @media (prefers-reduced-motion: reduce) { .rs-sizes__person { transition: none; } } .rs-specs .rs-fine { margin-top: 1rem; } /* ---------- Rent teaser ---------- */ .rs-teaser { padding-block: clamp(3.5rem, 7vw, 6rem); } .rs-teaser__card { display: grid; gap: 2rem; padding: clamp(1.5rem, 4vw, 3.5rem); border-radius: 36px; border: 1px solid rgba(238, 134, 0, .28); background: radial-gradient(90% 120% at 0% 0%, rgba(238, 134, 0, .14), transparent 55%), radial-gradient(80% 120% at 100% 100%, rgba(2, 140, 131, .16), transparent 60%), var(--rs-surface); } @media (min-width: 1024px) { .rs-teaser__card { grid-template-columns: 1.25fr .75fr; align-items: center; gap: 4rem; } } .rs-teaser__text { color: var(--rs-muted); font-size: 1.08rem; max-width: 34em; margin: 1.25rem 0 1.5rem; } .rs-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; } .rs-chips a { display: inline-flex; padding: .55rem 1rem; border-radius: 999px; border: 1px solid var(--rs-line); color: var(--rs-text); text-decoration: none; font-weight: 600; font-size: .92rem; transition: border-color .2s, background .2s; } .rs-chips a:hover { border-color: var(--rs-orange-ink); background: rgba(238, 134, 0, .08); } .rs-teaser__price { padding: clamp(1.5rem, 3vw, 2rem); border-radius: var(--rs-r-lg); background: var(--rs-bg); border: 1px solid var(--rs-line); } .rs-teaser__amount { font-family: var(--rs-head); font-weight: 800; font-size: clamp(2.8rem, 5vw, 3.8rem); letter-spacing: -.045em; line-height: 1; color: var(--rs-orange-ink); margin-bottom: .35rem !important; } .rs-teaser__per { color: var(--rs-muted); margin-bottom: 1.25rem !important; } .rs-teaser__city { text-align: center; color: var(--rs-muted); font-size: .85rem; margin: .9rem 0 0 !important; } .rs-ticks { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; gap: .6rem; } .rs-ticks li { position: relative; padding-left: 1.85rem; color: var(--rs-text); font-size: .96rem; } .rs-ticks li::before { content: ""; position: absolute; left: 0; top: .15em; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: rgba(61, 191, 180, .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233DBFB4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center / 70% no-repeat; } .rs-sec--light .rs-ticks li { color: #15191c; } /* ---------- Proof gallery ---------- */ .rs-gallery { display: grid; gap: .9rem; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 170px; grid-auto-flow: dense; } @media (min-width: 900px) { .rs-gallery { grid-template-columns: repeat(12, 1fr); grid-auto-rows: 290px; gap: 1rem; } } .rs-gallery__item--wide img { object-position: 50% 62%; } .rs-gallery__item { position: relative; margin: 0; overflow: hidden; border-radius: var(--rs-r); background: var(--rs-surface); } .rs-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--rs-ease); } .rs-gallery__item:hover img { transform: scale(1.04); } .rs-gallery__item figcaption { position: absolute; left: .75rem; bottom: .75rem; padding: .4rem .75rem; border-radius: 999px; background: rgba(14, 17, 19, .72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-size: .8rem; color: var(--rs-text); } .rs-gallery__item--tall { grid-row: span 2; } .rs-gallery__item--wide { grid-column: span 2; } @media (min-width: 900px) { .rs-gallery__item { grid-column: span 4; } .rs-gallery__item--tall { grid-column: span 4; grid-row: span 2; } .rs-gallery__item--wide { grid-column: span 8; } } .rs-proof__note { margin-top: 1.25rem; } /* ---------- FAQ ---------- */ .rs-faq__grid { display: grid; gap: 2.5rem; } @media (min-width: 1024px) { .rs-faq__grid { grid-template-columns: .75fr 1.25fr; gap: 5rem; } .rs-faq__head { position: sticky; top: calc(var(--rs-header-h) + 2rem); align-self: start; } } .rs-faq__head .rs-h2 { margin-bottom: 1.25rem !important; } .rs-faq__head p:last-child { color: var(--rs-muted); } .rs-faq__item { border-bottom: 1px solid var(--rs-line); } .rs-faq__item:first-child { border-top: 1px solid var(--rs-line); } .rs-faq__item summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1.35rem 0; font-family: var(--rs-head); font-weight: 700; font-size: clamp(1.05rem, 1.4vw, 1.2rem); letter-spacing: -.015em; } .rs-faq__item summary::-webkit-details-marker { display: none; } .rs-faq__item summary::after { content: ""; flex: none; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--rs-line); background: linear-gradient(var(--rs-orange), var(--rs-orange)) center / 12px 2px no-repeat, linear-gradient(var(--rs-orange), var(--rs-orange)) center / 2px 12px no-repeat; transition: transform .3s var(--rs-ease), background-size .3s; } .rs-faq__item[open] summary::after { transform: rotate(180deg); background-size: 12px 2px, 2px 0; } .rs-faq__item p { color: var(--rs-muted); margin: -.25rem 0 1.35rem; max-width: 46em; } /* ---------- Safety note ---------- */ .rs-safety { padding-block: 0 clamp(3rem, 6vw, 5rem); } .rs-safety__inner { display: flex; gap: 1.25rem; align-items: flex-start; padding: clamp(1.25rem, 3vw, 2rem); border-radius: var(--rs-r-lg); background: #111518; border: 1px solid var(--rs-line); } .rs-safety__ico { width: 34px; height: 34px; stroke: var(--rs-teal-hi); } .rs-safety__title { font-size: 1.15rem; margin-bottom: .5rem !important; } .rs-safety p { color: var(--rs-muted); margin: 0; font-size: .95rem; } /* ---------- Final CTA ---------- */ .rs-final { position: relative; overflow: hidden; isolation: isolate; padding-block: clamp(5rem, 11vw, 9rem); text-align: center; } .rs-final__bg { position: absolute; inset: 0; z-index: -1; } .rs-final__img { width: 100%; height: 100%; object-fit: cover; opacity: .28; filter: saturate(.6); } .rs-final__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, var(--rs-bg) 0%, rgba(14, 17, 19, .55) 45%, var(--rs-bg) 100%); } .rs-final__title { max-width: 14em; margin-inline: auto !important; font-size: clamp(2.2rem, 5.4vw, 4.4rem); } .rs-final__text { color: var(--rs-muted); font-size: 1.1rem; max-width: 36em; margin: 1.25rem auto 2rem; } /* ---------- Footer + sticky CTA ---------- */ .rs-footer { background: #090b0d; border-top: 1px solid #1a1f23; color: var(--rs-muted); font-size: .94rem; } .rs-footer__grid { display: grid; gap: 2.5rem 2rem; padding-block: clamp(3rem, 6vw, 5rem); grid-template-columns: repeat(2, 1fr); } .rs-footer__brand { grid-column: 1 / -1; display: grid; gap: 1rem; justify-items: start; max-width: 26rem; } @media (min-width: 1024px) { .rs-footer__grid { grid-template-columns: 1.5fr repeat(4, 1fr); } .rs-footer__brand { grid-column: auto; } } .rs-footer__brand p { margin: 0; } .rs-logo--footer img { height: 52px; } .rs-footer__contact { display: grid; gap: .3rem; } .rs-footer__contact a { color: var(--rs-text); text-decoration: none; font-weight: 600; } .rs-footer__title { font-family: var(--rs-head); font-weight: 800; color: var(--rs-text); font-size: .82rem; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 1rem !important; } .rs-footer__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; } .rs-footer__col a { color: var(--rs-muted); text-decoration: none; } .rs-footer__col a:hover { color: var(--rs-text); } .rs-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 2rem; padding-block: 1.5rem; border-top: 1px solid #1a1f23; font-size: .84rem; } .rs-footer__bottom p { margin: 0; } .rs-footer__bottom a { color: var(--rs-muted); } .rs-footer--landing .rs-footer__bottom { border-top: 0; } .rs-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: flex; gap: .5rem; padding: .7rem var(--rs-gutter) calc(.7rem + env(safe-area-inset-bottom)); background: rgba(14, 17, 19, .9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-top: 1px solid var(--rs-line); transform: translateY(110%); transition: transform .35s var(--rs-ease); } .rs-sticky.is-visible { transform: none; } .rs-sticky .rs-btn { flex: 1; min-height: 48px; padding-inline: 1rem; font-size: .95rem; } .rs-sticky .rs-btn--ghost { flex: .8; } @media (min-width: 1024px) { .rs-sticky { display: none; } } @media (max-width: 1023px) { .rs-site-footer { padding-bottom: 76px; } } /* ---------- Segment cards ---------- */ .rs-seg-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); } @media (min-width: 900px) { .rs-seg-grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 560px) { .rs-seg-grid { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 76%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .5rem; margin-right: calc(-1 * var(--rs-gutter)); padding-right: var(--rs-gutter); } .rs-seg-card { scroll-snap-align: start; } } .rs-seg-card { position: relative; border-radius: var(--rs-r-lg); overflow: hidden; background: var(--rs-surface); border: 1px solid var(--rs-line); } .rs-seg-card__link { display: block; position: relative; aspect-ratio: 4 / 5; color: var(--rs-text); text-decoration: none; } .rs-seg-card__img, .rs-seg-card__art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--rs-ease); } .rs-seg-card__link:hover .rs-seg-card__img, .rs-seg-card__link:hover .rs-seg-card__art { transform: scale(1.05); } .rs-seg-card__link::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14, 17, 19, 0) 30%, rgba(14, 17, 19, .92) 100%); } .rs-seg-card__body { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: 1.25rem; display: grid; gap: .35rem; } .rs-seg-card__tag { justify-self: start; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: .3rem .6rem; border-radius: 999px; background: rgba(14, 17, 19, .6); border: 1px solid rgba(255, 255, 255, .16); color: var(--rs-text); } .rs-seg-card__name { font-family: var(--rs-head); font-weight: 800; font-size: clamp(1.15rem, 1.6vw, 1.4rem); letter-spacing: -.02em; line-height: 1.15; } .rs-seg-card__hook { color: #c9cfd3; font-size: .88rem; line-height: 1.4; } .rs-seg-card__arrow { position: absolute; z-index: 1; top: 1rem; right: 1rem; width: 40px; height: 40px; border-radius: 50%; background: var(--rs-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E1113' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") center / 18px no-repeat; transform: scale(.9); transition: transform .3s var(--rs-ease); } .rs-seg-card__link:hover .rs-seg-card__arrow { transform: scale(1) rotate(45deg); } .rs-art--snow .rs-seg-card__art { background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .22) 0 1.5px, transparent 2px) 0 0 / 22px 22px, linear-gradient(160deg, #2d5a73, #10212b 70%); } .rs-art--road .rs-seg-card__art { background: repeating-linear-gradient(115deg, rgba(238, 134, 0, .16) 0 2px, transparent 2px 26px), linear-gradient(160deg, #4a2b10, #15100c 70%); } .rs-art--rose .rs-seg-card__art { background: radial-gradient(120% 80% at 80% 0%, rgba(255, 170, 160, .35), transparent 60%), linear-gradient(160deg, #4a2633, #160d11 70%); } .rs-art--teal .rs-seg-card__art { background: repeating-radial-gradient(circle at 70% 30%, rgba(61, 191, 180, .18) 0 2px, transparent 2px 22px), linear-gradient(160deg, #0d4a45, #08201e 70%); } .rs-art--steel .rs-seg-card__art { background: linear-gradient(160deg, #2b333a, #111417 70%); } /* ---------- Rental: hero price card, options, calculator, steps ---------- */ .rs-pricecard { position: relative; padding: clamp(1.5rem, 3vw, 2.25rem); border-radius: var(--rs-r-lg); background: linear-gradient(180deg, rgba(28, 33, 37, .92), rgba(21, 25, 28, .92)); border: 1px solid rgba(238, 134, 0, .4); box-shadow: 0 30px 80px -40px rgba(238, 134, 0, .45); backdrop-filter: blur(8px); } .rs-pricecard__label { font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--rs-teal-ink); margin-bottom: .75rem !important; } .rs-pricecard__amount { font-family: var(--rs-head); font-weight: 800; font-size: clamp(3rem, 5.2vw, 4.2rem); letter-spacing: -.05em; line-height: 1; margin-bottom: .35rem !important; } .rs-pricecard__per { color: var(--rs-muted); margin-bottom: 1.25rem !important; } .rs-pricecard__deposit { display: flex; justify-content: space-between; gap: 1rem; padding: .85rem 0; border-block: 1px solid var(--rs-line); margin-bottom: 1.25rem !important; font-size: .95rem; } .rs-pricecard__deposit strong { color: var(--rs-text); } .rs-pricecard .rs-btn + .rs-btn { margin-top: .6rem; } .rs-pricecard__note { margin: 1rem 0 0 !important; color: var(--rs-muted); font-size: .88rem; } .rs-city { display: inline-flex; flex-wrap: wrap; gap: .4rem; margin-top: 1.5rem !important; } .rs-city span { display: inline-flex; align-items: center; gap: .45rem; padding: .4rem .8rem; border-radius: 999px; font-size: .85rem; border: 1px solid var(--rs-line); color: var(--rs-text); } .rs-city .is-on::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--rs-teal-hi); } .rs-city .is-soon { color: var(--rs-muted); border-style: dashed; } .rs-city a { color: inherit; } .rs-hero--rent .rs-hero__grid { align-items: start; } @media (min-width: 1024px) { .rs-hero--rent .rs-hero__photo { margin-top: 2rem !important; } } @media (min-width: 1024px) { .rs-hero--rent .rs-hero__grid { grid-template-columns: 1.15fr .85fr; grid-template-areas: "copy card" "photo card"; row-gap: 0; } .rs-hero--rent .rs-hero__copy { grid-area: copy; } .rs-hero--rent .rs-pricecard { grid-area: card; } .rs-hero--rent .rs-hero__photo { grid-area: photo; } } .rs-hero--rent .rs-hero__title { font-size: clamp(2.6rem, 5.6vw, 4.8rem); } .rs-hero__photo { margin: 0 !important; display: grid; grid-template-columns: 1.5fr 1fr; gap: .75rem; height: clamp(240px, 30vw, 400px); } .rs-hero__photo img { width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: 50% 45%; border-radius: var(--rs-r); } .rs-why { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; } @media (min-width: 900px) { .rs-why { grid-template-columns: repeat(3, 1fr); gap: 1.25rem; } } .rs-why li { padding: 1.75rem; border-radius: var(--rs-r-lg); background: var(--rs-surface); border: 1px solid var(--rs-line); } .rs-why h3 { font-size: 1.3rem; margin: 1rem 0 .5rem !important; } .rs-why p { color: var(--rs-muted); margin: 0; } .rs-why .rs-ico { width: 34px; height: 34px; } .rs-options { display: grid; gap: 1.25rem; align-items: stretch; } @media (min-width: 900px) { .rs-options { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1040px; margin-inline: auto; } .rs-options:has(> :nth-child(3)) { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: none; } } .rs-option { position: relative; display: flex; flex-direction: column; padding: clamp(1.5rem, 3vw, 2.25rem); border-radius: var(--rs-r-lg); background: var(--rs-surface); border: 1px solid var(--rs-line); } .rs-option--featured { border-color: rgba(238, 134, 0, .6); background: radial-gradient(100% 70% at 100% 0%, rgba(238, 134, 0, .16), transparent 60%), var(--rs-surface); box-shadow: 0 30px 80px -40px rgba(238, 134, 0, .5); } .rs-option__badge { position: absolute; top: -12px; left: 1.75rem; padding: .3rem .75rem; border-radius: 999px; background: var(--rs-orange); color: #0e1113; font-size: .74rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } .rs-option__name { font-size: 1.35rem; margin-bottom: .35rem !important; } .rs-option__for { color: var(--rs-muted); font-size: .95rem; margin-bottom: 1.25rem !important; } .rs-option__price { font-family: var(--rs-head); font-weight: 800; font-size: clamp(2.2rem, 3.5vw, 2.8rem); letter-spacing: -.04em; line-height: 1; margin-bottom: .3rem !important; } .rs-option__per { color: var(--rs-muted); font-size: .9rem; margin-bottom: 1.5rem !important; } .rs-option .rs-ticks { flex: 1; } .rs-calc-sec__grid { display: grid; gap: 2rem; } @media (min-width: 1024px) { .rs-calc-sec__grid { grid-template-columns: .9fr 1.1fr; gap: 4rem; align-items: center; } } .rs-calc { padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: var(--rs-r-lg); background: var(--rs-surface); border: 1px solid var(--rs-line); display: grid; gap: 1.5rem; } @media (min-width: 700px) { .rs-calc { grid-template-columns: 1fr 1fr; } .rs-calc__note, .rs-calc > .rs-btn { grid-column: 1 / -1; } } .rs-calc__label { font-family: var(--rs-head); font-weight: 800; font-size: 1.05rem; display: block; margin-bottom: 1rem; } .rs-calc__stepper { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; } .rs-calc__btn { width: 52px; height: 52px; border-radius: 50%; border: 1px solid var(--rs-line); background: var(--rs-bg); color: var(--rs-text); font-size: 1.5rem; line-height: 1; cursor: pointer; transition: border-color .2s, background .2s; } .rs-calc__btn:hover { border-color: var(--rs-orange-ink); background: rgba(238, 134, 0, .08); } .rs-calc__days { font-family: var(--rs-head); font-weight: 800; font-size: 3rem; letter-spacing: -.04em; line-height: 1; text-align: center; } .rs-calc__unit { font-size: 1rem; color: var(--rs-muted); font-weight: 600; letter-spacing: 0; } .rs-calc__range { --rs-fill: 0%; width: 100%; appearance: none; -webkit-appearance: none; height: 6px; border-radius: 999px; background: linear-gradient(90deg, var(--rs-orange) var(--rs-fill), var(--rs-line) var(--rs-fill)); outline-offset: 6px; } .rs-calc__range::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; border-radius: 50%; background: var(--rs-text); border: 5px solid var(--rs-orange); cursor: pointer; } .rs-calc__range::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: var(--rs-text); border: 5px solid var(--rs-orange); cursor: pointer; } .rs-calc__hint { color: var(--rs-muted); font-size: .85rem; margin: .75rem 0 0 !important; } .rs-calc__sum { margin: 0; display: grid; align-content: center; gap: 0; } .rs-calc__row { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--rs-line); } .rs-calc__row dt { color: var(--rs-muted); font-size: .95rem; } .rs-calc__row dd { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; } .rs-calc__row.is-total dt { color: var(--rs-text); font-weight: 700; } .rs-calc__row.is-total dd { font-family: var(--rs-head); font-size: 1.6rem; letter-spacing: -.02em; color: var(--rs-orange-ink); } .rs-calc__row.is-credit { border-bottom: 0; } .rs-calc__row.is-credit dt { color: var(--rs-teal-ink); } .rs-calc__row.is-credit dd span { display: block; color: var(--rs-muted); font-weight: 500; font-size: .8rem; text-align: right; } .rs-calc__note { color: var(--rs-muted); font-size: .88rem; margin: 0 !important; } .rs-steps5 { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; counter-reset: st; } .rs-steps5 li { position: relative; padding: 0 0 2rem 4rem; } .rs-steps5 li::before { counter-increment: st; content: counter(st); position: absolute; left: 0; top: 0; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--rs-bg); border: 1.5px solid var(--rs-orange); color: var(--rs-orange-ink); font-family: var(--rs-head); font-weight: 800; z-index: 1; } .rs-steps5 li::after { content: ""; position: absolute; left: 21px; top: 44px; bottom: 0; width: 2px; background: linear-gradient(var(--rs-line), var(--rs-line)); } .rs-steps5 li:last-child::after { display: none; } .rs-steps5 h3 { font-size: 1.15rem; padding-top: .55rem; margin-bottom: .35rem !important; } .rs-steps5 p { color: var(--rs-muted); margin: 0; font-size: .95rem; } @media (min-width: 1024px) { .rs-steps5 { grid-template-columns: repeat(5, 1fr); gap: 1.25rem; } .rs-steps5 li { padding: 4.25rem 0 0; } .rs-steps5 li::after { left: 52px; right: -1.25rem; top: 21px; bottom: auto; width: auto; height: 2px; } } .rs-product-strip { display: grid; gap: 2rem; align-items: center; } @media (min-width: 1024px) { .rs-product-strip { grid-template-columns: .8fr 1.2fr; gap: 4rem; } } .rs-product-strip figure { margin: 0; } .rs-product-strip figure img { border-radius: var(--rs-r-lg); width: 100%; aspect-ratio: 3 / 2; object-fit: cover; } .rs-hl { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; } @media (min-width: 700px) { .rs-hl { grid-template-columns: repeat(3, 1fr); } } .rs-hl li { padding: 1.1rem; border-radius: var(--rs-r); background: var(--rs-surface); border: 1px solid var(--rs-line); display: grid; gap: .2rem; } .rs-hl strong { font-family: var(--rs-head); font-size: 1.5rem; letter-spacing: -.03em; color: var(--rs-text); } .rs-hl span { color: var(--rs-muted); font-size: .85rem; line-height: 1.35; } .rs-situations { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; } @media (min-width: 900px) { .rs-situations { grid-template-columns: repeat(3, 1fr); } } .rs-situations li { padding: 1.75rem; border-radius: var(--rs-r-lg); border: 1px solid var(--rs-line); background: var(--rs-surface); } .rs-situations strong { display: block; font-family: var(--rs-head); color: var(--rs-orange-ink); font-size: .82rem; letter-spacing: .12em; text-transform: uppercase; margin-bottom: .75rem; } .rs-situations p { margin: 0; font-size: 1.1rem; line-height: 1.5; } .rs-weekfit { margin-top: 1.5rem !important; padding: 1.5rem 1.75rem; border-radius: var(--rs-r-lg); background: linear-gradient(90deg, rgba(2, 140, 131, .18), rgba(2, 140, 131, .04)); border: 1px solid rgba(61, 191, 180, .3); color: var(--rs-text); } /* ---------- Lead form ---------- */ .rs-form-sec__grid { display: grid; gap: 2.5rem; } @media (min-width: 1024px) { .rs-form-sec__grid { grid-template-columns: .7fr 1.3fr; gap: 4rem; align-items: start; } .rs-form-sec__aside { position: sticky; top: calc(var(--rs-header-h) + 2rem); } } .rs-form-sec__aside .rs-ticks { margin-top: 1.5rem; } .rs-form { padding: clamp(1.25rem, 3.5vw, 2.75rem); border-radius: var(--rs-r-lg); background: var(--rs-surface); border: 1px solid var(--rs-line); } .rs-form__group { border: 0; margin: 0 0 2rem; padding: 0; min-width: 0; } .rs-form__legend { display: flex; align-items: center; gap: .75rem; font-family: var(--rs-head); font-weight: 800; font-size: 1.15rem; letter-spacing: -.015em; margin-bottom: 1.1rem; padding: 0; } .rs-form__num { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(238, 134, 0, .14); color: var(--rs-orange-ink); font-size: .85rem; } .rs-form__grid { display: grid; gap: 1rem 1.25rem; } @media (min-width: 700px) { .rs-form__grid { grid-template-columns: 1fr 1fr; } .rs-field--full { grid-column: 1 / -1; } } .rs-field { margin: 0; display: grid; gap: .45rem; align-content: start; } .rs-field label { font-weight: 600; font-size: .92rem; } .rs-req { color: var(--rs-orange-ink); } .rs-field input, .rs-field select { width: 100%; min-height: 52px; padding: 0 1rem; border-radius: 14px; border: 1px solid #c9d0d5; background: var(--rs-bg); color: var(--rs-text); font: inherit; font-size: 1rem; transition: border-color .2s, box-shadow .2s; color-scheme: light; } .rs-field select { appearance: none; -webkit-appearance: none; padding-right: 2.75rem; background: var(--rs-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9B1B6' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 1rem center / 18px no-repeat; } .rs-field input:focus, .rs-field select:focus { outline: none; border-color: var(--rs-orange-ink); box-shadow: 0 0 0 4px rgba(238, 134, 0, .18); } .rs-field__help { color: var(--rs-muted); font-size: .82rem; } .rs-choice-row { display: flex; flex-wrap: wrap; gap: .55rem; } .rs-choice { position: relative; cursor: pointer; } .rs-choice input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; } .rs-choice span { display: inline-flex; align-items: center; min-height: 46px; padding: 0 1.1rem; border-radius: 999px; border: 1px solid #c9d0d5; background: var(--rs-bg); font-weight: 600; font-size: .95rem; transition: all .2s; } .rs-choice input:checked + span { background: var(--rs-orange); color: #0e1113; border-color: var(--rs-orange-ink); } .rs-choice input:focus-visible + span { outline: 3px solid var(--rs-text); outline-offset: 2px; } .rs-health { padding: 1.25rem; border-radius: var(--rs-r); background: rgba(2, 140, 131, .08); border: 1px solid rgba(61, 191, 180, .25); margin-bottom: 1.25rem; display: grid; gap: .85rem; } .rs-health__q { margin: 0; font-weight: 600; } .rs-health .rs-field__help { margin: 0; } .rs-check { display: flex; gap: .75rem; align-items: flex-start; margin-bottom: .85rem; font-size: .93rem; cursor: pointer; } .rs-check input { flex: none; width: 22px; height: 22px; margin: .1rem 0 0; accent-color: var(--rs-orange-ink); } .rs-check a { color: var(--rs-orange-ink); } .rs-form__submit { display: grid; gap: .75rem; } .rs-form__note { margin: 0; color: var(--rs-muted); font-size: .88rem; text-align: center; } .rs-form__alert { margin: 0 0 1.5rem; padding: .9rem 1.1rem; border-radius: 14px; background: rgba(255, 122, 110, .12); border: 1px solid rgba(255, 122, 110, .45); color: #ffd6d1; font-weight: 600; } .is-invalid input, .is-invalid select { border-color: var(--rs-danger) !important; } .rs-field.is-invalid::after, .rs-health.is-invalid::after, .rs-check.is-invalid::after, .rs-form__group.is-invalid > .rs-choice-row::after { content: "Задължително поле"; color: var(--rs-danger); font-size: .82rem; font-weight: 600; } .rs-check.is-invalid { flex-wrap: wrap; } .rs-check.is-invalid::after { flex-basis: 100%; padding-left: 2.1rem; } /* ---------- Thank you, stub ---------- */ .rs-stub { min-height: 60vh; display: grid; align-items: center; } .rs-stub__inner { max-width: 760px; } .rs-stub .rs-lead { margin: 1.25rem 0 2rem; } .rs-thanks__steps { list-style: none; margin: 2rem 0; padding: 0; display: grid; gap: .75rem; counter-reset: t; } .rs-thanks__steps li { counter-increment: t; display: flex; gap: 1rem; align-items: center; padding: 1rem 1.25rem; border-radius: var(--rs-r); background: var(--rs-surface); border: 1px solid var(--rs-line); } .rs-thanks__steps li::before { content: counter(t); display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; background: rgba(238, 134, 0, .14); color: var(--rs-orange-ink); font-family: var(--rs-head); font-weight: 800; } /* ---------- Text pages ---------- */ .rs-text-page { padding-block: clamp(3rem, 7vw, 6rem); } .rs-wrap--text { max-width: 760px; } .rs-text-page__title { font-size: clamp(2.2rem, 5vw, 3.5rem); margin-bottom: 2rem !important; } /* ---------- Motion preferences ---------- */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } .rs-chambers .c3 { fill: #ee8600; fill-opacity: .6; } } /* Reveal on scroll (JS adds .rs-in); without JS everything is visible. */ .rs-js .rs-reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--rs-ease), transform .7s var(--rs-ease); } .rs-js .rs-reveal.rs-in { opacity: 1; transform: none; } /* ---------- Research ---------- */ .rs-research { background: linear-gradient(180deg, var(--rs-bg), #101417); border-top: 1px solid var(--rs-line); } .rs-studies { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; } @media (min-width: 700px) { .rs-studies { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1100px) { .rs-studies { grid-template-columns: repeat(4, 1fr); } } .rs-study { display: flex; flex-direction: column; gap: .6rem; padding: 1.5rem; border-radius: var(--rs-r-lg); background: var(--rs-surface); border: 1px solid var(--rs-line); } .rs-study__tag { align-self: flex-start; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: .28rem .6rem; border-radius: 999px; color: var(--rs-teal-ink); border: 1px solid rgba(61, 191, 180, .35); } .rs-study__title { font-size: 1.15rem; letter-spacing: -.015em; } .rs-study__text { color: var(--rs-muted); font-size: .93rem; margin: 0; flex: 1; } .rs-study__src { margin: 0; font-size: .84rem; } .rs-study__src a { color: var(--rs-text); text-decoration-color: rgba(238, 134, 0, .6); } .rs-research__note { margin-top: 1.25rem; } /* ---------- Segment landing hero ---------- */ .rs-hero--seg { min-height: min(86vh, 820px); display: grid; align-items: end; padding-block: clamp(6rem, 14vw, 10rem) clamp(3rem, 6vw, 5rem); } .rs-hero--seg::before, .rs-hero--seg::after { display: none; } .rs-hero--seg__bg { position: absolute; inset: 0; z-index: -1; } .rs-hero--seg__img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; } .rs-hero--seg__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14, 17, 19, .94) 0%, rgba(14, 17, 19, .72) 45%, rgba(14, 17, 19, .2) 100%), linear-gradient(0deg, var(--rs-bg) 0%, rgba(14, 17, 19, 0) 40%); } .rs-hero--seg__bg picture { display: block; width: 100%; height: 100%; } @media (max-width: 899px) { .rs-hero--seg__img { object-position: 50% 35%; } .rs-hero--seg__bg::after { background: linear-gradient(0deg, var(--rs-bg) 10%, rgba(14, 17, 19, .82) 55%, rgba(14, 17, 19, .35) 100%); } } .rs-hero--seg .rs-hero__copy { max-width: 760px; } .rs-hero--seg .rs-lead { color: #d3d8db; } .rs-hero--seg__cta { margin-top: 2rem; } .rs-hero--seg__facts { list-style: none; margin: 2rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem 1.75rem; color: var(--rs-muted); font-size: .92rem; } .rs-hero--seg__facts strong { color: var(--rs-text); font-family: var(--rs-head); } .rs-subhead { font-size: 1.2rem; margin: 2.5rem 0 1rem !important; color: var(--rs-muted); } @media (max-width: 640px) { .rs-hero--seg__cta .rs-btn { width: 100%; } } /* Rental hero on small screens: price and CTA within the first screen. */ @media (max-width: 1023px) { .rs-hero--rent .rs-hero__title { font-size: clamp(2.3rem, 10vw, 3.2rem); margin: 1rem 0 .9rem !important; } .rs-hero--rent .rs-lead { font-size: 1rem; } .rs-hero--rent .rs-city { margin-top: 1rem !important; } .rs-hero--rent .rs-pricecard { display: flex; flex-direction: column; } .rs-hero--rent .rs-pricecard .rs-btn { order: 4; } .rs-hero--rent .rs-pricecard .rs-ticks { order: 5; margin: 1.25rem 0 0; } .rs-hero--rent .rs-pricecard__note { order: 6; } .rs-hero--rent .rs-pricecard__deposit { margin-bottom: 1rem !important; } } .rs-research__key { display: block; color: var(--rs-text); font-family: var(--rs-head); font-size: 1.15rem; line-height: 1.35; margin-bottom: .6rem; } .rs-city--card { order: 7; margin-top: 1rem !important; } @media (max-width: 1023px) { .rs-hero--rent { padding-top: 1.25rem; } .rs-hero--rent .rs-chip { font-size: .8rem; } .rs-hero--rent .rs-hero__grid { gap: 1.5rem; } .rs-hero--rent .rs-pricecard { padding: 1.25rem; } .rs-hero--rent .rs-pricecard__label { margin-bottom: .4rem !important; } .rs-hero--rent .rs-pricecard__amount { font-size: 2.6rem; } .rs-hero--rent .rs-pricecard__per { margin-bottom: .75rem !important; font-size: .92rem; } .rs-hero--rent .rs-pricecard__deposit { padding: .6rem 0; } .rs-hero--rent .rs-pricecard .rs-btn--lg { min-height: 54px; } } /* ========================================================================== WooCommerce – product page, shop, cart, checkout (dark theme) ========================================================================== */ .rs-pdp { padding-block: clamp(1.5rem, 3vw, 2.5rem) clamp(3rem, 6vw, 5rem); position: relative; overflow: hidden; } .rs-pdp::before { content: ""; position: absolute; top: -20%; right: -10%; width: 60vw; height: 60vw; max-width: 900px; max-height: 900px; background: radial-gradient(closest-side, rgba(238, 134, 0, .16), transparent 70%); pointer-events: none; z-index: 0; } .rs-pdp .rs-wrap { position: relative; z-index: 1; } .rs-pdp__crumbs, .woocommerce-breadcrumb { font-size: .85rem; color: var(--rs-muted); margin-bottom: 1.5rem !important; } .rs-pdp__crumbs a, .woocommerce-breadcrumb a { color: var(--rs-muted); } .rs-pdp__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; } .rs-pdp__grid > *, .rs-pdp__media .woocommerce-product-gallery, .rs-pdp__media .flex-viewport { min-width: 0; max-width: 100%; } @media (min-width: 1024px) { .rs-pdp__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); } .rs-pdp__info { position: sticky; top: calc(var(--rs-header-h) + 1.5rem); } } .rs-pdp__media, .rs-pdp__media .wp-block-woocommerce-product-image-gallery, .rs-pdp__media .woocommerce-product-gallery, .woocommerce div.product .rs-pdp__media div.images { margin: 0 !important; width: 100% !important; max-width: none !important; float: none !important; } .rs-pdp__media .woocommerce-product-gallery__wrapper { margin: 0; } .rs-pdp__media .woocommerce-product-gallery__image img, .rs-pdp__media .flex-viewport { border-radius: var(--rs-r-lg); background: #0b0d0f; } .rs-pdp__media .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(6, 1fr); gap: .6rem; margin: .75rem 0 0 !important; padding: 0; list-style: none; } .rs-pdp__media .flex-control-thumbs li { width: auto !important; float: none !important; margin: 0 !important; } .rs-pdp__media .flex-control-thumbs img { border-radius: 12px; aspect-ratio: 1; object-fit: cover; opacity: .6; cursor: pointer; transition: opacity .2s; border: 1px solid var(--rs-line); } .rs-pdp__media .flex-control-thumbs img.flex-active, .rs-pdp__media .flex-control-thumbs img:hover { opacity: 1; border-color: var(--rs-orange-ink); } .rs-pdp__media .woocommerce-product-gallery__trigger { top: 1rem !important; right: 1rem !important; background: rgba(14, 17, 19, .7) !important; border-radius: 50% !important; } .rs-pdp__info > * { margin-block: 0; } .rs-pdp__title { font-size: clamp(2rem, 3.6vw, 3rem) !important; letter-spacing: -.035em; margin: 1rem 0 1rem !important; } .rs-pdp__price, .rs-pdp__price .woocommerce-Price-amount { font-family: var(--rs-head); font-weight: 800; font-size: clamp(2.2rem, 3.6vw, 3rem) !important; letter-spacing: -.04em; color: var(--rs-text); line-height: 1; } .rs-pdp__terms { display: flex; flex-wrap: wrap; gap: .25rem 1rem; color: var(--rs-muted); margin: .75rem 0 1.25rem !important; font-size: .95rem; } .rs-pdp__terms span:first-child { color: var(--rs-text); font-weight: 600; } .rs-pdp__hl { margin: 0 0 1.5rem; padding: 0; list-style: none; display: grid; gap: .45rem; } .rs-pdp__hl li { position: relative; padding-left: 1.6rem; color: var(--rs-text); } .rs-pdp__hl li::before { content: ""; position: absolute; left: 0; top: .55em; width: .55rem; height: .55rem; border-radius: 50%; background: var(--rs-orange); } .rs-pdp__cart form.cart { display: grid !important; gap: 1rem; } .rs-pdp__cart table.variations { width: 100%; border: 0; margin: 0 !important; } .rs-pdp__cart table.variations th, .rs-pdp__cart table.variations td { display: block; padding: 0 !important; text-align: left; border: 0; background: none; } .rs-pdp__cart table.variations th label { font-weight: 700; font-size: .95rem; display: block; margin-bottom: .5rem; } .rs-pdp__cart table.variations select { width: 100%; min-height: 52px; padding: 0 2.75rem 0 1rem; border-radius: 14px; border: 1px solid #c9d0d5; background: var(--rs-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9B1B6' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 1rem center / 18px no-repeat; color: var(--rs-text); font: inherit; appearance: none; -webkit-appearance: none; color-scheme: light; } .rs-pdp__cart .reset_variations { display: inline-block; margin-top: .5rem; font-size: .85rem; color: var(--rs-muted); } .rs-pdp__cart .woocommerce-variation-price, .rs-pdp__cart .woocommerce-variation-description { display: none; } .rs-pdp__cart .stock { color: var(--rs-teal-ink); font-weight: 600; margin: 0; } .rs-pdp__cart .woocommerce-variation-add-to-cart { display: flex !important; gap: .75rem; align-items: stretch; } .rs-pdp__cart .quantity .qty { min-height: 56px; width: 76px !important; border-radius: 14px; border: 1px solid #c9d0d5; background: var(--rs-bg); color: var(--rs-text); font: inherit; text-align: center; box-sizing: border-box !important; padding: 0 .5rem !important; } .rs-pdp__cart .single_add_to_cart_button, .woocommerce .button.alt, .wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button { flex: 1; min-height: 56px !important; border-radius: 999px !important; background: var(--rs-orange) !important; color: #0e1113 !important; font-family: var(--rs-head) !important; font-weight: 800 !important; font-size: 1.05rem !important; border: 0 !important; box-shadow: 0 10px 30px -12px rgba(238, 134, 0, .65); cursor: pointer; } .rs-pdp__cart .single_add_to_cart_button:hover, .wc-block-components-button:not(.is-link):hover { background: var(--rs-orange-hi) !important; } .rs-pdp__cart .single_add_to_cart_button.disabled { opacity: .55; } .rs-pdp__sizehelp { margin: 1rem 0 0 !important; font-size: .88rem; color: var(--rs-muted); } .rs-pdp__assure { list-style: none; margin: 1.25rem 0 0 !important; padding: 1rem 0 0; border-top: 1px solid var(--rs-line); display: grid; gap: .6rem; } .rs-pdp__assure li { display: flex; gap: .7rem; align-items: center; font-size: .94rem; } .rs-pdp__assure .rs-ico { width: 22px; height: 22px; } .rs-pdp__try { display: grid; gap: .2rem; margin-top: 1.25rem !important; padding: 1.1rem 1.25rem; border-radius: var(--rs-r); border: 1px dashed rgba(238, 134, 0, .55); background: rgba(238, 134, 0, .06); text-decoration: none; color: var(--rs-text); transition: background .2s, border-color .2s; } .rs-pdp__try:hover { background: rgba(238, 134, 0, .12); border-color: var(--rs-orange-ink); color: var(--rs-text); } .rs-pdp__try-k { font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--rs-orange-ink); } .rs-pdp__try-t { font-family: var(--rs-head); font-weight: 800; font-size: 1.1rem; } .rs-pdp__try-t::after { content: " →"; color: var(--rs-orange-ink); } .rs-pdp__try-s { color: var(--rs-muted); font-size: .88rem; } .rs-box { margin: 2rem 0 !important; padding: 1.5rem; border-radius: var(--rs-r); background: #fff; } .rs-box__title { font-size: 1.15rem; margin-bottom: 1rem !important; } .rs-specs--product .rs-h2 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); } .rs-delivery__note { text-align: center; margin-top: 1.5rem; } .rs-pdp-desc { padding-top: 0; } /* Shop archive */ .woocommerce ul.products, .wc-block-grid__products, .wp-block-woocommerce-product-template { gap: 1.25rem !important; } .wc-block-components-product-image img, .woocommerce ul.products li.product img { border-radius: var(--rs-r) !important; background: #fff; } .wp-block-woocommerce-product-template .wp-block-post-title, .woocommerce-loop-product__title { font-family: var(--rs-head); font-size: 1.1rem !important; } .wp-block-woocommerce-product-template .wp-block-post-title a { color: var(--rs-text); text-decoration: none; } .wc-block-components-product-price, .woocommerce-Price-amount { color: var(--rs-text); } /* Store wrappers (cart, checkout, archive) use the default WooCommerce templates. */ body.woocommerce-cart main, body.woocommerce-checkout main, body.post-type-archive-product main { padding-inline: var(--rs-gutter); } body.woocommerce-cart main > *, body.woocommerce-checkout main > *, body.post-type-archive-product main > * { max-width: var(--rs-max); margin-inline: auto !important; } .wc-block-components-text-input input, .wc-block-components-textarea, .wc-block-components-select-input select, .wc-blocks-components-select__select, .wc-block-components-combobox .wc-block-components-combobox-control input { background: var(--rs-bg) !important; color: var(--rs-text) !important; border-color: #c9d0d5 !important; border-radius: 12px !important; } .wc-block-components-text-input label, .wc-blocks-components-select__label, .wc-block-components-combobox label { color: var(--rs-muted) !important; } .wc-block-components-totals-wrapper, .wc-block-components-order-summary, .wc-block-components-sidebar, .wp-block-woocommerce-checkout-order-summary-block { border-color: var(--rs-line) !important; } .wc-block-components-radio-control__option, .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option { border-color: var(--rs-line) !important; } .wc-block-components-notice-banner { color: #0e1113; } .wc-block-components-quantity-selector { background: var(--rs-bg) !important; border-color: #c9d0d5 !important; } .wc-block-components-quantity-selector input, .wc-block-components-quantity-selector button { color: var(--rs-text) !important; } /* Classic cart / checkout (local shortcodes) */ .woocommerce form .input-text, .woocommerce form select, .woocommerce .quantity .qty, .select2-container--default .select2-selection--single { background: var(--rs-bg) !important; color: var(--rs-text) !important; border: 1px solid #c9d0d5 !important; border-radius: 12px !important; min-height: 48px; padding: .6rem .9rem !important; color-scheme: light; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--rs-text) !important; line-height: 30px !important; } .select2-dropdown { background: var(--rs-surface) !important; color: var(--rs-text); border-color: var(--rs-line) !important; } .woocommerce form .form-row label { color: var(--rs-muted); font-weight: 600; font-size: .9rem; } .woocommerce table.shop_table { border-color: var(--rs-line) !important; border-radius: var(--rs-r) !important; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: var(--rs-line) !important; } .woocommerce-checkout #payment, .woocommerce-checkout #payment div.payment_box { background: var(--rs-surface) !important; color: var(--rs-text) !important; border-radius: var(--rs-r); } .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--rs-surface) !important; } .woocommerce a.button, .woocommerce button.button { border-radius: 999px !important; font-family: var(--rs-head); font-weight: 800; background: var(--rs-surface-2); color: var(--rs-text); } .woocommerce a.checkout-button, .woocommerce #place_order { background: var(--rs-orange) !important; color: #0e1113 !important; min-height: 56px; font-size: 1.05rem !important; } .woocommerce-message, .woocommerce-info { background: var(--rs-surface) !important; color: var(--rs-text) !important; border-top-color: var(--rs-teal) !important; } .woocommerce-message a, .woocommerce-info a { color: var(--rs-orange-ink); } .rs-text-page .woocommerce { margin-top: 1rem; } .rs-text-page:has(.woocommerce) .rs-wrap--text { max-width: 1100px; } /* Ad landings: one CTA only (no secondary buttons, no purchase links in the hero). */ .rs-main--landing .rs-pricecard .rs-btn--ghost { display: none; } /* ---------- Content pages ---------- */ .rs-hero--page { padding-block: clamp(2.5rem, 6vw, 5rem) clamp(1.5rem, 3vw, 2.5rem); } .rs-hero--page .rs-hero__title { max-width: 16em; } .rs-hero--page .rs-lead a { color: var(--rs-orange-ink); } .rs-faq--all { padding-block: 0 1rem; } .rs-faq__nav { gap: .5rem; } .rs-faq--group { padding-block: clamp(2rem, 5vw, 4rem); border-top: 1px solid var(--rs-line); } .rs-faq__gtitle { font-size: clamp(1.6rem, 3vw, 2.4rem) !important; } .rs-contacts__grid { display: grid; gap: 1.25rem; } @media (min-width: 900px) { .rs-contacts__grid { grid-template-columns: 1fr 1fr; } } .rs-contact-card { padding: clamp(1.5rem, 3vw, 2.25rem); border-radius: var(--rs-r-lg); background: var(--rs-surface); border: 1px solid var(--rs-line); } .rs-contact-card__title { font-size: 1.4rem; margin-bottom: 1rem !important; } .rs-contact-card p { color: var(--rs-muted); } .rs-contact-card__big { font-family: var(--rs-head); font-weight: 800; font-size: 1.6rem; color: var(--rs-text); text-decoration: none; } .rs-zones { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-wrap: wrap; gap: .45rem; } .rs-zones li { padding: .4rem .8rem; border-radius: 999px; border: 1px solid var(--rs-line); font-size: .88rem; color: var(--rs-text); } .rs-benefit-list--dark li { border-color: var(--rs-line) !important; } .rs-benefit-list--dark p { color: var(--rs-muted); } .rs-benefit-list--dark .rs-benefit-list__k { color: var(--rs-teal-ink); } .rs-about .rs-split__media img { aspect-ratio: 4 / 5; object-fit: cover; } .rs-text-page .wp-block-post-content h2 { font-size: 1.4rem; margin: 2.25rem 0 .75rem; letter-spacing: -.02em; } .rs-text-page .wp-block-post-content p, .rs-text-page .wp-block-post-content li { color: #2a343b; } .rs-text-page .wp-block-post-content ul { padding-left: 1.25rem; } .rs-text-page .wp-block-post-content a { color: var(--rs-orange-ink); } .rs-draft { padding: 1rem 1.25rem; border-radius: 14px; background: rgba(238, 134, 0, .1); border: 1px solid rgba(238, 134, 0, .45); color: var(--rs-text) !important; } .rs-missing { background: rgba(255, 122, 110, .18); color: #ffd6d1; padding: 0 .3em; border-radius: 4px; } /* Product page on small screens: title, price and terms before the gallery. */ @media (max-width: 1023px) { .rs-pdp__grid { gap: 0; } .rs-pdp__info { display: contents; } .rs-pdp__grid > * , .rs-pdp__info > * { order: 6; } .rs-pdp__info > .rs-chip { order: 1; justify-self: start; } .rs-pdp__info > .rs-pdp__title { order: 2; margin: .75rem 0 .5rem !important; } .rs-pdp__info > .rs-pdp__price { order: 3; } .rs-pdp__info > .rs-pdp__terms { order: 4; margin-bottom: 1rem !important; } .rs-pdp__media { order: 5 !important; margin-bottom: 1.5rem !important; } .rs-pdp__media .flex-control-thumbs { grid-template-columns: repeat(6, 1fr); } .rs-pdp__crumbs { display: none; } } /* Shop archive (classic loop inside the block template) */ .rs-shop__list { padding-top: 1rem; } .rs-shop .woocommerce-products-header, .rs-shop .woocommerce-breadcrumb { display: none; } .rs-shop ul.products { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 1.25rem !important; margin: 0 !important; padding: 0; list-style: none; } .rs-shop ul.products::before, .rs-shop ul.products::after { display: none !important; } .rs-shop ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; padding: 1.25rem !important; border-radius: var(--rs-r-lg); background: var(--rs-surface); border: 1px solid var(--rs-line); display: grid; gap: .5rem; } .rs-shop ul.products li.product a { color: var(--rs-text); text-decoration: none; } .rs-shop ul.products li.product img { margin: 0 0 .75rem !important; border-radius: var(--rs-r); background: #fff; aspect-ratio: 1; object-fit: contain; } .rs-shop ul.products li.product .price { color: var(--rs-text) !important; font-family: var(--rs-head); font-weight: 800; font-size: 1.4rem !important; } .rs-shop ul.products li.product .button { justify-self: start; background: var(--rs-orange) !important; color: #0e1113 !important; padding: .8rem 1.4rem !important; } .rs-pdp__media .woocommerce-product-gallery { opacity: 1 !important; } .rs-pdp__media .woocommerce-product-gallery__image:not(:first-child) { display: none; } .rs-pdp__media .flex-viewport .woocommerce-product-gallery__image { display: block; } .rs-pdp__cart .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .woocommerce-product-gallery__trigger { display: none !important; } .rs-pdp__media .woocommerce-product-gallery__image img { width: 100%; height: auto; } .rs-field textarea { width: 100%; min-height: 96px; padding: .8rem 1rem; border-radius: 14px; border: 1px solid #c9d0d5; background: var(--rs-bg); color: var(--rs-text); font: inherit; font-size: 1rem; resize: vertical; color-scheme: light; } .rs-field textarea:focus { outline: none; border-color: var(--rs-orange-ink); box-shadow: 0 0 0 4px rgba(238, 134, 0, .18); } .rs-field[hidden] { display: none !important; } .rs-calc--fixed .rs-calc__days { text-align: left; color: var(--rs-orange-ink); } .rs-calc__more { color: var(--rs-muted); font-size: .9rem; margin: 1rem 0 0 !important; } .rs-calc__note a { color: var(--rs-orange-ink); } /* ========================================================================== Review round 2 (28.10.2026) ========================================================================== */ /* Headlines never overflow at 360–390 px (review item 3, CEO decision 11). */ .rs-hero__title, .rs-h2, .rs-pdp__title, .rs-final__title { overflow-wrap: anywhere; hyphens: auto; -webkit-hyphens: auto; } .rs-hero__title { font-size: clamp(2.1rem, 9.2vw, 4.6rem); } .rs-hero--seg .rs-hero__title { font-size: clamp(2.1rem, 9.2vw, 4.4rem); } .rs-h2 { font-size: clamp(1.75rem, 7.4vw, 3.6rem); } @media (min-width: 1024px) { .rs-h2 { font-size: clamp(2rem, 4.6vw, 3.6rem); } } /* Home hero: two equal CTAs, meta line, short image under the H1 on mobile (items 6, 33). */ .rs-buybox__cta .rs-btn { min-width: 0; } .rs-buybox__meta { display: flex; flex-wrap: wrap; gap: .35rem 1rem; color: var(--rs-muted); font-size: .9rem; margin: 0; border: 0; padding: 0; } .rs-buybox__meta span:not(:last-child)::after { content: "·"; margin-left: 1rem; color: var(--rs-line); } .rs-buybox__meta span:first-child { color: var(--rs-text); font-weight: 600; } .rs-hero__mobileimg { display: none; margin: 0 0 1.25rem !important; } .rs-hero__mobileimg img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: 50% 60%; border-radius: var(--rs-r); } @media (max-width: 1023px) { .rs-hero__mobileimg { display: block; } .rs-hero--home .rs-hero__media { display: none; } .rs-hero--home .rs-hero__title { margin-bottom: 1rem !important; } .rs-buybox__cta { display: grid; gap: .6rem; } .rs-buybox__cta .rs-btn { width: 100%; } } /* Mobile chrome: no promo bar, slim header that hides on scroll down, bottom bar ≤ 8% (item 15). */ @media (max-width: 640px) { .rs-announce { display: none; } :root { --rs-header-h: 56px; } .rs-logo img { height: 30px; } .rs-burger { width: 40px; height: 40px; } .rs-header .rs-btn--sm { min-height: 38px; padding: 0 .9rem; font-size: .88rem; } .rs-sticky { padding-block: .5rem calc(.5rem + env(safe-area-inset-bottom)); } .rs-sticky .rs-btn { min-height: 44px; font-size: .9rem; } } .rs-site-header { transition: transform .3s var(--rs-ease); } .rs-site-header.is-hidden { transform: translateY(-100%); } /* "Срещнахте ни на" band */ .rs-band { border-bottom: 1px solid var(--rs-line); background: #0b0e10; } .rs-band__inner { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.5rem; padding-block: 1rem; } .rs-band__label { margin: 0; font-family: var(--rs-head); font-weight: 800; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--rs-teal-ink); } .rs-band__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; } .rs-band__list li { font-family: var(--rs-head); font-weight: 800; font-size: 1.05rem; color: var(--rs-text); } .rs-band__list li:not(:last-child)::after { content: "·"; margin-left: 1.25rem; color: var(--rs-orange-ink); } .rs-band__note { margin: 0 0 0 auto; color: var(--rs-muted); font-size: .85rem; } @media (max-width: 899px) { .rs-band__note { margin-left: 0; flex-basis: 100%; } .rs-band__list li { font-size: .95rem; } } /* Compact research block */ .rs-research-mini { padding-block: clamp(2rem, 5vw, 3.5rem); } .rs-research-mini__inner { display: grid; gap: 1.25rem; align-items: center; padding: clamp(1.25rem, 3vw, 2rem); border-radius: var(--rs-r-lg); border: 1px solid var(--rs-line); background: var(--rs-surface); } @media (min-width: 900px) { .rs-research-mini__inner { grid-template-columns: 1fr auto; gap: 2.5rem; } } .rs-research-mini__title { font-size: 1.3rem; margin-bottom: .5rem !important; } .rs-research-mini p { margin: 0; color: var(--rs-muted); } /* Rental segments: three cards + link; B2B offer card */ .rs-seg-more { margin: 1.25rem 0 0 !important; color: var(--rs-muted); } .rs-seg-more a { color: var(--rs-orange-ink); font-weight: 700; } @media (min-width: 900px) { .rs-rent-segments .rs-seg-grid { grid-template-columns: repeat(3, 1fr); } } .rs-option--wide { max-width: 760px; margin-inline: auto; } .rs-option--wide .rs-btn { align-self: flex-start; } .rs-contact-card__company { margin-top: 1rem !important; } /* Product gallery: reserve the image box so the slider does not shift the page (CLS). */ .rs-pdp__media .woocommerce-product-gallery__image img { aspect-ratio: 1 / 1; object-fit: contain; } .rs-pdp__media .woocommerce-product-gallery__wrapper { aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--rs-r-lg); } .rs-pdp__media .flex-viewport { aspect-ratio: 1 / 1; height: auto !important; } @media (max-width: 1023px) { .rs-pdp__media .flex-control-thumbs { display: none !important; } } @media (min-width: 1024px) { .rs-hero--home .rs-hero__title { font-size: clamp(2.6rem, 4.1vw, 3.9rem); } } .rs-hero__mobileimg img { object-position: 50% 72%; } /* ---------- Round 3 ---------- */ .rs-price__grid { display: grid; gap: 1.25rem; max-width: 1040px; margin-inline: auto; align-items: start; } @media (min-width: 900px) { .rs-price__grid { grid-template-columns: 1.35fr .65fr; } .rs-price__grid--single { grid-template-columns: minmax(0, 640px); justify-content: center; } } .rs-price .rs-calc__sum { margin: 0 0 1.25rem; } .rs-price__pay { margin: 0 0 .5rem !important; padding: .9rem 1rem; border-radius: 14px; background: rgba(61, 191, 180, .08); border: 1px solid rgba(61, 191, 180, .25); font-size: .92rem; } .rs-price .rs-fine { margin: 0 0 1rem !important; } .rs-price__buy { padding: 1.5rem; border-radius: var(--rs-r-lg); border: 1px solid var(--rs-line); background: var(--rs-surface); } .rs-price__buy-k { margin: 0 0 .25rem !important; color: var(--rs-muted); font-weight: 600; } .rs-price__buy-p { margin: 0 0 .5rem !important; font-family: var(--rs-head); font-weight: 800; font-size: 2rem; letter-spacing: -.03em; } .rs-more > summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-family: var(--rs-head); font-weight: 800; padding: .9rem 0; } .rs-more > summary::-webkit-details-marker { display: none; } .rs-more > summary::after { content: "+"; color: var(--rs-orange-ink); font-size: 1.4rem; line-height: 1; transition: transform .2s; } .rs-more[open] > summary::after { transform: rotate(45deg); } .rs-modes.rs-more { border-top: 1px solid var(--rs-line); } .rs-specs__table .rs-more > summary { color: #15191c; border-bottom: 1px solid rgba(14, 17, 19, .1); } .rs-header__tel { display: inline-flex; align-items: center; gap: .4rem; color: var(--rs-text); text-decoration: none; font-weight: 700; font-size: .92rem; white-space: nowrap; } .rs-header__tel .rs-ico { width: 18px; height: 18px; } @media (max-width: 1240px) { .rs-header__tel span { display: none; } .rs-header__tel { width: 40px; height: 40px; justify-content: center; border: 1px solid var(--rs-line); border-radius: 12px; } } .rs-thanks__call { color: var(--rs-muted); } .rs-thanks__call a { color: var(--rs-orange-ink); font-weight: 700; } .rs-pdp__media .flex-viewport, .rs-pdp__media .woocommerce-product-gallery__wrapper, .rs-pdp__media .woocommerce-product-gallery__image, .rs-pdp__media .woocommerce-product-gallery__image a { background: #0b0d0f; } @media (max-width: 640px) { .rs-why li { padding: 1.25rem; } .rs-why h3 { margin-top: .5rem !important; } .rs-steps5 li { padding-bottom: 1.25rem; } .rs-trust__list { padding-block: 1.1rem; gap: 1rem; } } /* Round 3 – compact mobile */ .rs-form__more { margin: 0 0 1.5rem; border-block: 1px solid var(--rs-line); } .rs-form__more > summary { list-style: none; cursor: pointer; padding: 1rem 0; margin: 0; } .rs-form__more > summary::-webkit-details-marker { display: none; } .rs-form__more > summary::after { content: "+"; margin-left: auto; color: var(--rs-orange-ink); font-size: 1.4rem; } .rs-form__more[open] > summary::after { content: "–"; } .rs-form__more .rs-form__group { margin-bottom: 1.25rem; } .rs-steps3--mini { margin-bottom: 0; } @media (max-width: 640px) { .rs-hero--rent .rs-hero__photo { display: none; } .rs-why { gap: .6rem; } .rs-why li { display: grid; grid-template-columns: 34px 1fr; column-gap: .9rem; padding: 1rem 1.1rem; } .rs-why li .rs-ico { grid-row: span 2; width: 28px; height: 28px; } .rs-why h3 { margin: 0 0 .25rem !important; font-size: 1.05rem; } .rs-why p { font-size: .92rem; } .rs-steps3 li { padding: 1.1rem 1.25rem; display: grid; grid-template-columns: 40px 1fr; column-gap: .9rem; } .rs-steps3__n { grid-row: span 2; margin: 0; } .rs-steps3 h3 { font-size: 1.1rem; margin: 0 0 .2rem !important; } .rs-steps5 p { font-size: .9rem; } .rs-head { margin-bottom: 1.75rem; } .rs-sec { padding-block: 3.25rem; } .rs-delivery .rs-head { margin-bottom: 1.25rem; } } .rs-pdp__media .woocommerce-product-gallery__image img, .rs-pdp__media .woocommerce-product-gallery__wrapper, .rs-pdp__media .flex-viewport { aspect-ratio: 4 / 3; } .rs-pdp__media .woocommerce-product-gallery__image img { background: #0b0d0f !important; } /* Legal pages: discreet review status for visitors while legal_draft is on (r3 Р1). */ .rs-doc-status { margin-top: 3rem !important; padding-top: 1rem; border-top: 1px solid var(--rs-line); font-size: .85rem; color: var(--rs-muted) !important; } /* ===== r5 (29.10.2026): mockup palette + proof tabs ===== */ /* Buy pages (home, product, shop): teal CTA as in the mockup; rent pages keep orange. */ body.single-product .rs-pdp__cart .single_add_to_cart_button, body.post-type-archive-product .rs-shopintro .rs-btn--primary { background: linear-gradient(135deg, #00cbb8, #019b8d) !important; color: #06201d !important; box-shadow: 0 12px 32px -14px rgba(0, 203, 184, .7); } body.single-product .rs-pdp__cart .single_add_to_cart_button:hover, body.post-type-archive-product .rs-shopintro .rs-btn--primary:hover { background: linear-gradient(135deg, #4dfff3, #00cbb8) !important; } .rs-hero::before { background: radial-gradient(closest-side, rgba(0, 203, 184, .17), rgba(0, 203, 184, 0) 70%); } .rs-hero::after { background: radial-gradient(closest-side, rgba(255, 155, 26, .12), rgba(255, 155, 26, 0) 70%); } .rs-proof { background: linear-gradient(180deg, var(--rs-bg), #11161d 40%, var(--rs-bg)); } /* Proof tabs: CSS-only radios; hidden panels keep their lazy images unloaded. */ .rs-ptabs__radio { position: absolute; opacity: 0; pointer-events: none; } .rs-ptabs__bar { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.25rem; } .rs-ptabs__tab { cursor: pointer; padding: .6rem 1.1rem; border-radius: 999px; border: 1px solid var(--rs-line); background: var(--rs-surface); font-family: var(--rs-head); font-weight: 700; font-size: .95rem; color: var(--rs-muted); transition: background .2s, color .2s, border-color .2s; } .rs-ptabs__tab span { margin-left: .35rem; font-size: .8rem; opacity: .7; } .rs-ptabs__tab:hover { color: var(--rs-text); border-color: var(--rs-teal-ink); } #rs-pt-sastezania:checked ~ .rs-ptabs__bar [for="rs-pt-sastezania"], #rs-pt-nsa:checked ~ .rs-ptabs__bar [for="rs-pt-nsa"], #rs-pt-doma:checked ~ .rs-ptabs__bar [for="rs-pt-doma"] { background: var(--rs-teal-hi); border-color: var(--rs-teal-ink); color: #06201d; } #rs-pt-sastezania:focus-visible ~ .rs-ptabs__bar [for="rs-pt-sastezania"], #rs-pt-nsa:focus-visible ~ .rs-ptabs__bar [for="rs-pt-nsa"], #rs-pt-doma:focus-visible ~ .rs-ptabs__bar [for="rs-pt-doma"] { outline: 2px solid var(--rs-orange); outline-offset: 3px; } .rs-ptabs__panel { display: none; } #rs-pt-sastezania:checked ~ .rs-ptabs__panel--sastezania, #rs-pt-nsa:checked ~ .rs-ptabs__panel--nsa, #rs-pt-doma:checked ~ .rs-ptabs__panel--doma { display: block; } .rs-ptabs__note { color: var(--rs-muted); margin: 0 0 1rem !important; font-size: .95rem; } .rs-prail { display: grid; grid-auto-flow: column; grid-auto-columns: 78%; gap: .8rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .5rem; scrollbar-width: thin; } .rs-prail__item { position: relative; margin: 0; scroll-snap-align: start; border-radius: var(--rs-r); overflow: hidden; background: var(--rs-surface); aspect-ratio: 4 / 5; } .rs-prail__item img { width: 100%; height: 100%; object-fit: cover; display: block; } .rs-prail__item figcaption { position: absolute; left: .75rem; bottom: .75rem; padding: .4rem .75rem; border-radius: 999px; background: rgba(11, 15, 20, .74); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-size: .8rem; color: var(--rs-text); } @media (min-width: 900px) { .rs-prail { grid-auto-flow: row; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 260px; overflow: visible; } .rs-prail__item { aspect-ratio: auto; } .rs-prail__item.is-lead { grid-column: span 2; grid-row: span 2; } .rs-prail__item:hover img { transform: scale(1.04); } .rs-prail__item img { transition: transform .8s var(--rs-ease); } } /* ===== r6 (29.10.2026): accordions, FAQ visuals, products menu, shop intro ===== */ /* Focus ring on summaries: keyboard only, outside the answer. */ details > summary:focus { outline: none; } details > summary:focus-visible { outline: 2px solid var(--rs-orange); outline-offset: 4px; border-radius: 12px; } html.rs-pointer details > summary:focus-visible { outline: none; } .rs-faq__item[open] > summary { margin-bottom: .35rem; } .rs-faq__item summary { justify-content: flex-start; } .rs-faq__q { flex: 1; } .rs-faq__ico { flex: none; display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: rgba(0, 203, 184, .1); color: var(--rs-teal-ink); } .rs-faq__body { display: grid; gap: 1rem 1.25rem; padding: .25rem 0 1.35rem; } .rs-faq__body > .rs-faq__text > p { margin: 0 0 .75rem; } .rs-faq__next { margin: .25rem 0 0 !important; } .rs-faq__media { margin: 0; border-radius: 14px; overflow: hidden; background: var(--rs-surface); max-width: 220px; } .rs-faq__media img { width: 100%; height: 140px; object-fit: cover; display: block; } .rs-faq__size { display: flex; align-items: center; gap: .9rem; padding: .8rem 1rem; color: var(--rs-teal-ink); } .rs-faq__leg { width: 34px; height: 70px; flex: none; } .rs-faq__size table { border-collapse: collapse; font-size: .9rem; color: var(--rs-text); } .rs-faq__size th { color: var(--rs-teal-ink); padding: .15rem .6rem .15rem 0; text-align: left; font-family: var(--rs-head); } .rs-faq__size td { padding: .15rem 0; color: var(--rs-muted); white-space: nowrap; } @media (min-width: 700px) { .rs-faq__item.has-visual .rs-faq__body:has(.rs-faq__media) { grid-template-columns: 220px minmax(0, 1fr); align-items: start; } } /* Products dropdown (desktop: hover/focus-within; drawer: nested list). */ .rs-nav__item { position: relative; } .rs-nav__link--parent::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: .45rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-3px) rotate(45deg); opacity: .7; } .rs-nav__sub { position: absolute; top: 100%; left: -.5rem; min-width: 270px; margin: 0; padding: .5rem; list-style: none; background: var(--rs-surface); border: 1px solid var(--rs-line); border-radius: 16px; box-shadow: var(--rs-shadow); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s, transform .18s, visibility .18s; z-index: 60; } .rs-nav__item:hover > .rs-nav__sub, .rs-nav__item:focus-within > .rs-nav__sub { opacity: 1; visibility: visible; transform: none; } .rs-nav__sub a { display: block; padding: .6rem .8rem; border-radius: 10px; color: var(--rs-text); text-decoration: none; font-size: .95rem; } .rs-nav__sub a:hover { background: rgba(255, 255, 255, .05); } .rs-nav__sub .is-lead a { font-weight: 700; color: var(--rs-teal-ink); } .rs-nav__sub small { display: block; color: var(--rs-muted); font-size: .78rem; } .rs-drawer__sub { list-style: none; margin: 0 0 .5rem; padding: 0 0 0 1rem; border-left: 1px solid var(--rs-line); } .rs-drawer__sub a { font-size: 1rem !important; padding-block: .45rem !important; color: var(--rs-muted) !important; } /* Shop intro: Beoka first, category chips, "not sure" guide. */ .rs-shopintro { display: grid; gap: 1.25rem; margin-bottom: 2rem; } .rs-shopintro__lead { display: grid; gap: 1.25rem; align-items: center; padding: clamp(1rem, 3vw, 1.75rem); border-radius: var(--rs-r-lg); background: linear-gradient(135deg, rgba(0, 203, 184, .1), var(--rs-surface) 55%); border: 1px solid rgba(0, 203, 184, .35); } @media (min-width: 800px) { .rs-shopintro__lead { grid-template-columns: 280px minmax(0, 1fr); } } .rs-shopintro__lead img { width: 100%; height: auto; border-radius: 18px; background: #0b0d0f; } .rs-shopintro__lead h2 { margin: .25rem 0 .5rem !important; font-size: clamp(1.4rem, 2.4vw, 2rem) !important; } .rs-shopintro__price { font-family: var(--rs-head); font-weight: 800; font-size: 1.6rem; margin: 0 0 1rem !important; } .rs-shopintro__price span { font-size: .95rem; font-weight: 600; color: var(--rs-muted); margin-left: .5rem; } .rs-shopintro__cta { display: flex; flex-wrap: wrap; gap: .6rem; } .rs-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; } .rs-chips a { display: inline-block; padding: .55rem 1rem; border-radius: 999px; border: 1px solid var(--rs-line); background: var(--rs-surface); color: var(--rs-text); text-decoration: none; font-weight: 600; font-size: .92rem; } .rs-chips a:hover, .rs-chips a[aria-current="page"] { border-color: var(--rs-teal-ink); color: var(--rs-teal-ink); } .rs-guide { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; } @media (min-width: 800px) { .rs-guide { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .rs-guide a { display: block; height: 100%; padding: 1rem 1.15rem; border-radius: 16px; border: 1px solid var(--rs-line); background: var(--rs-surface); color: var(--rs-text); text-decoration: none; transition: border-color .2s, transform .2s; } .rs-guide a:hover { border-color: var(--rs-teal-ink); transform: translateY(-2px); } .rs-guide strong { display: block; font-family: var(--rs-head); margin-bottom: .25rem; } .rs-guide span { color: var(--rs-muted); font-size: .92rem; } .rs-guide__title { font-family: var(--rs-head); font-weight: 800; margin: .5rem 0 .25rem !important; } .rs-faq__media img[src*="beoka-battery"] { object-fit: contain; background: #fff; } @media (min-width: 900px) { .rs-prail__item:last-child:nth-child(8) { grid-column: span 2; } } .rs-shop ul.products li.product a.button.rs-btn--ghost { background: transparent !important; color: var(--rs-text) !important; border: 1px solid var(--rs-line) !important; box-shadow: none !important; justify-self: start; } .rs-shop ul.products li.product a.button.rs-btn--ghost:hover { border-color: var(--rs-teal-ink) !important; color: var(--rs-teal-ink) !important; } /* ===== r7 (29.10.2026): funnel home – video, dual offer, size guide ===== */ .rs-video__frame { margin: 0; border-radius: var(--rs-r-lg); overflow: hidden; background: #000; border: 1px solid var(--rs-line); position: relative; } .rs-video__frame video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #000; } .rs-video__frame figcaption { position: absolute; left: .75rem; top: .75rem; padding: .35rem .7rem; border-radius: 999px; background: rgba(11, 15, 20, .72); font-size: .78rem; color: var(--rs-muted); pointer-events: none; } .rs-video__cta { margin-top: 1.25rem !important; text-align: center; } .rs-offer2__grid { display: grid; gap: 1rem; } @media (min-width: 860px) { .rs-offer2__grid { grid-template-columns: 1.1fr .9fr; align-items: stretch; } } .rs-offer2__card { display: flex; flex-direction: column; gap: .75rem; padding: clamp(1.25rem, 3vw, 2rem); border-radius: var(--rs-r-lg); background: var(--rs-surface); border: 1px solid var(--rs-line); } .rs-offer2__card.is-main { border-color: rgba(255, 155, 26, .6); background: linear-gradient(160deg, rgba(255, 155, 26, .12), var(--rs-surface) 60%); box-shadow: 0 24px 60px -30px rgba(238, 134, 0, .55); } .rs-offer2__card h3 { margin: 0 !important; font-size: 1.35rem; } .rs-offer2__card .rs-btn { margin-top: auto; } .rs-offer2__tag { margin: 0 !important; font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--rs-orange-ink); } .rs-offer2__card:not(.is-main) .rs-offer2__tag { color: var(--rs-teal-ink); } .rs-offer2__price { margin: 0 !important; font-family: var(--rs-head); font-weight: 800; font-size: 2.2rem; letter-spacing: -.03em; } .rs-offer2__price span { display: block; font-size: .95rem; font-weight: 600; color: var(--rs-muted); letter-spacing: 0; } .rs-size__grid { display: grid; gap: 2rem; align-items: center; } @media (min-width: 860px) { .rs-size__grid { grid-template-columns: 300px minmax(0, 1fr); } } .rs-size__art { margin: 0; padding: 1rem; border-radius: var(--rs-r-lg); background: var(--rs-surface); border: 1px solid var(--rs-line); color: var(--rs-text); } .rs-size-svg { width: 100%; height: auto; max-height: 340px; display: block; } .rs-size__steps { margin: 0 0 1.25rem; padding-left: 1.25rem; display: grid; gap: .6rem; color: var(--rs-muted); } .rs-size__steps strong { color: var(--rs-text); } .rs-size__table { border-collapse: collapse; margin-bottom: .75rem; } .rs-size__table th { font-family: var(--rs-head); color: var(--rs-teal-ink); padding: .35rem 1.25rem .35rem 0; text-align: left; font-size: 1.1rem; } .rs-size__table td { padding: .35rem 0; color: var(--rs-text); } .rs-faq__size .rs-faq__leg { width: 70px; height: 96px; color: var(--rs-text); } .rs-form__sizehelp { margin-top: .4rem; } .rs-form__sizehelp summary { cursor: pointer; color: var(--rs-teal-ink); font-size: .9rem; } .rs-form__sizesvg { width: 160px; height: auto; color: var(--rs-text); margin-top: .5rem; } .rs-who__grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); } .rs-who__card { border-radius: var(--rs-r-lg); background: var(--rs-surface); border: 1px solid var(--rs-line); overflow: hidden; display: flex; flex-direction: column; } .rs-who__card figure { margin: 0; position: relative; aspect-ratio: 4 / 3; overflow: hidden; } .rs-who__card img { width: 100%; height: 100%; object-fit: cover; display: block; } .rs-who__card figcaption { position: absolute; left: .6rem; bottom: .6rem; padding: .25rem .6rem; border-radius: 999px; background: rgba(11, 15, 20, .72); font-size: .72rem; color: var(--rs-muted); } .rs-who__card h3 { margin: 1rem 1.1rem .35rem !important; font-size: 1.15rem; } .rs-who__card p { margin: 0 1.1rem 1.2rem !important; color: var(--rs-muted); font-size: .95rem; } .rs-who__science { margin: 1.5rem auto 0 !important; max-width: 820px; text-align: center; color: var(--rs-muted); font-size: .9rem; } .rs-video__frame video:not([poster]) { background: #0b0f14 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9b1a'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 64px no-repeat; } /* ===== r8 (29.10.2026): light, welcoming theme (Therabody-like) ===== */ body { background: var(--rs-bg); color: var(--rs-text); } .rs-hero::before { background: radial-gradient(closest-side, rgba(0, 203, 184, .14), rgba(0, 203, 184, 0) 70%); } .rs-hero::after { background: radial-gradient(closest-side, rgba(255, 155, 26, .14), rgba(255, 155, 26, 0) 70%); } .rs-site-header, .rs-header, .rs-announce { background: rgba(255, 255, 255, .92) !important; color: var(--rs-text); } .rs-announce { border-bottom: 1px solid var(--rs-line); } .rs-proof { background: linear-gradient(180deg, var(--rs-bg), #fff 40%, var(--rs-bg)); } .rs-btn--ghost { color: var(--rs-text) !important; border-color: #cfc8be !important; } .rs-who__card, .rs-offer2__card, .rs-faq__item, .rs-guide a, .rs-chips a, .rs-ptabs__tab, .rs-contact-card { box-shadow: 0 10px 30px -22px rgba(20, 24, 28, .35); } .rs-offer2__card.is-main { background: linear-gradient(160deg, rgba(255, 155, 26, .14), #fff 60%); } .rs-ptabs__tab span, .rs-faq__ico { color: var(--rs-teal-ink); } .rs-site-footer { background: #14181c; color: #e9edef; } .rs-site-footer a { color: #e9edef; } .rs-prail__item figcaption, .rs-gallery__item figcaption, .rs-who__card figcaption, .rs-video__frame figcaption { color: #f2f4f5; } .rs-chip, .rs-float { background: rgba(255, 255, 255, .94) !important; color: var(--rs-text) !important; border-color: var(--rs-line) !important; box-shadow: 0 12px 30px -18px rgba(20, 24, 28, .45); } .rs-float strong { color: var(--rs-orange-ink) !important; } .rs-float, .rs-float * { color: var(--rs-text); } /* Dark blocks keep dark-theme tokens locally; light sections get light backgrounds. */ .rs-footer, .rs-site-footer, .rs-video__frame { --rs-text: #f2f4f5; --rs-muted: #a9b1b6; --rs-line: #2a3034; --rs-surface: #15191c; --rs-orange-ink: #ee8601; --rs-teal-ink: #3dbfb4; color: var(--rs-text); } .rs-band { background: #fff !important; border-block: 1px solid var(--rs-line); } .rs-safety { background: transparent !important; } .rs-safety__inner { background: #fff !important; } /* ===== r9: Resport identity – Vitosha/Pirin contour lines and the 5-chamber compression wave ===== */ .rs-hero--home, .rs-offer2, .rs-hero--rent { background-image: url("../svg/topo.svg"); background-repeat: no-repeat; background-size: min(900px, 120%) auto; background-position: right -6% bottom -60px; } .rs-who, .rs-video, .rs-offer2 { position: relative; } .rs-who::before, .rs-video::before, .rs-offer2::before { content: ""; display: block; width: 120px; height: 18px; margin: 0 auto 2rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 18' fill='none' stroke='%23EE8600' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M4 14c4-10 12-10 16 0M28 14c4-10 12-10 16 0M52 14c4-10 12-10 16 0M76 14c4-10 12-10 16 0M100 14c4-10 12-10 16 0'/%3E%3C/svg%3E") center / contain no-repeat; } .rs-btn--primary { background-image: linear-gradient(0deg, rgba(255, 255, 255, .18) 0 0); background-size: 100% 0; background-repeat: no-repeat; background-position: bottom; transition: background-size .45s var(--rs-ease), transform .2s, box-shadow .2s; } .rs-btn--primary:hover { background-size: 100% 100%; } @media (prefers-reduced-motion: reduce) { .rs-btn--primary { transition: none; } } .rs-spin { position: relative; max-width: 640px; margin: 0 auto; aspect-ratio: 1; border-radius: var(--rs-r-lg); overflow: hidden; background: #000; cursor: grab; touch-action: pan-y; user-select: none; } .rs-spin:active { cursor: grabbing; } .rs-spin__frame { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .25s; } .rs-spin__frame.is-on { opacity: 1; } .rs-spin__frame img { width: 100%; height: 100%; object-fit: contain; pointer-events: none; } .rs-spin__ctrl { position: absolute; left: 50%; bottom: 1rem; transform: translateX(-50%); display: flex; align-items: center; gap: .75rem; padding: .35rem .5rem; border-radius: 999px; background: rgba(255, 255, 255, .92); } .rs-spin__btn { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--rs-line); background: #fff; font-size: 1.4rem; line-height: 1; cursor: pointer; color: var(--rs-text); } .rs-spin__hint { font-size: .85rem; color: var(--rs-text); min-width: 3.5em; text-align: center; } .rs-hero--home .rs-hero__media > img, .rs-hero--home .rs-hero__mobileimg img { aspect-ratio: 1600 / 1104 !important; object-fit: cover; object-position: 50% 50%; background: #0b0d0f; max-height: none; } /* ---------- Footer with the black-and-white mountain from the live resport.bg (licence [ЛИПСВА]) ---------- */ .rs-footer--mountain { position: relative; isolation: isolate; background: var(--rs-mtn) center / cover no-repeat; } .rs-footer--mountain::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(14, 17, 19, .82), rgba(14, 17, 19, .68) 55%, rgba(14, 17, 19, .88)); } .rs-site-footer { background: #14181c; } /* ---------- Carousel (scroll-snap, animated autoplay) and purchase upsell ---------- */ .rs-carousel { position: relative; } .rs-carousel__track { display: flex; gap: 1rem; margin: 0; padding: .25rem 0 .75rem; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; } .rs-carousel__track::-webkit-scrollbar { display: none; } .rs-carousel__track:focus-visible { outline: 2px solid var(--rs-teal); outline-offset: 2px; border-radius: var(--rs-r-sm); } .rs-carousel__slide { flex: 0 0 min(72%, 260px); scroll-snap-align: start; } @media (min-width: 800px) { .rs-carousel__slide { flex-basis: 240px; } } .rs-carousel__ctl { display: flex; gap: .5rem; justify-content: flex-end; } .rs-carousel__btn { width: 2.75rem; height: 2.75rem; border-radius: 50%; border: 1px solid var(--rs-line); background: var(--rs-surface); color: var(--rs-text); font: inherit; font-size: 1.1rem; cursor: pointer; } .rs-carousel__btn:hover { border-color: var(--rs-teal); } .rs-carousel__btn:focus-visible { outline: 2px solid var(--rs-teal); outline-offset: 2px; } .rs-carousel__btn[aria-pressed="true"] { background: var(--rs-teal); color: #fff; border-color: var(--rs-teal); } .rs-pcard { display: grid; gap: .35rem; height: 100%; padding: .75rem; border: 1px solid var(--rs-line); border-radius: var(--rs-r); background: var(--rs-surface); color: var(--rs-text); text-decoration: none; transition: transform .25s var(--rs-ease), border-color .25s; } .rs-pcard:hover { transform: translateY(-3px); border-color: var(--rs-teal); } .rs-pcard img { width: 100%; aspect-ratio: 1; object-fit: contain; border-radius: var(--rs-r-sm); background: #fff; } .rs-pcard__name { font-weight: 600; font-size: .95rem; line-height: 1.3; } .rs-pcard__price { color: var(--rs-teal-ink); font-weight: 700; } .rs-shopintro__picks { margin-block: 1.75rem; } .rs-bundle { margin-block: 1.5rem; padding: 1.25rem; border: 1px solid var(--rs-line); border-radius: var(--rs-r); background: var(--rs-surface); } .rs-bundle__items { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; margin-block: .75rem; } .rs-bundle__item { display: flex; align-items: center; gap: .75rem; flex: 1 1 14rem; min-width: 0; color: var(--rs-text); text-decoration: none; } .rs-bundle__item img { width: 72px; height: 72px; object-fit: contain; border-radius: var(--rs-r-sm); background: #fff; flex: none; } .rs-bundle__item span { display: grid; font-weight: 600; font-size: .95rem; } .rs-bundle__item small { font-weight: 500; color: var(--rs-muted); } .rs-bundle__plus { font-size: 1.5rem; color: var(--rs-muted); } .rs-bundle__price { margin: .5rem 0; } .rs-bundle__field { color: var(--rs-orange-ink); } .rs-bundle__hint { color: var(--rs-muted); font-size: .9rem; margin-left: .5rem; } .rs-bundle__cta { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; } @media (prefers-reduced-motion: reduce) { .rs-carousel__track { scroll-behavior: auto; } .rs-pcard { transition: none; } } .rs-carousel, .rs-shopintro__picks { min-width: 0; max-width: 100%; } .rs-carousel { overflow: hidden; } .rs-carousel__track { width: 100%; } /* ---------- Events "Бяхме на състезанията" (C7) ---------- */ .rs-events__names { display: grid; gap: .35rem; margin: 0 0 1.25rem; padding: 0; list-style: none; } .rs-events__names a, .rs-events__item a { color: var(--rs-teal-ink); } .rs-events__shots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 0; padding: 0; list-style: none; } @media (min-width: 800px) { .rs-events__shots { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .rs-events__shots img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--rs-r-sm); display: block; } .rs-events__item { margin-block: 1.75rem; } /* ---------- Physiotherapy partner (C8; off until written consent) ---------- */ .rs-partner__box { display: flex; align-items: center; gap: 1rem; padding: 1.1rem 1.25rem; border: 1px solid var(--rs-line); border-radius: var(--rs-r); background: #fff; } .rs-partner__box p { margin: 0; } .rs-partner__logo img { width: 96px; height: auto; display: block; } .rs-footer__partner { margin: .5rem 0 0; font-size: .9rem; color: var(--rs-muted); } /* ---------- Promotion −50 % (OFFER.md v3): struck regular price, red badge ---------- */ .rs-promo { display: inline-flex; align-items: center; gap: .45rem; font-size: .5em; font-weight: 600; vertical-align: middle; } .rs-promo__was { color: var(--rs-muted); text-decoration-thickness: 2px; } .rs-promo__badge { padding: .15rem .5rem; border-radius: 999px; background: #c4382c; color: #fff; font-weight: 800; letter-spacing: .02em; } .rs-promo__note { color: var(--rs-text); font-size: .92rem; } .rs-promo__line { font-size: .95rem; } /* ---------- Feedback 01.11: contrast, brand colours, carousels ---------- */ /* "Три карти" – problem/solution: solid white cards, brand accent on top, dark text */ .rs-ps__item { background: #fff !important; border: 1px solid #e3ddd2 !important; border-top: 5px solid var(--rs-teal) !important; box-shadow: 0 14px 34px -22px rgba(20, 24, 28, .35); } .rs-ps__item:nth-child(2) { border-top-color: var(--rs-orange) !important; } .rs-ps__item:nth-child(3) { border-top-color: var(--rs-teal-deep) !important; } .rs-ps__problem { color: #4a545a !important; font-style: normal; } .rs-ps__num { display: inline-grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--rs-orange); color: #fff !important; font-size: .78rem; } .rs-ps__title { color: #101417 !important; } .rs-ps__item p:last-child { color: #3a444a !important; } /* Final call to action: a deliberately dark block with light text (the pale text on grey was unreadable) */ .rs-final { background: #101417; --rs-text: #f4f6f7; --rs-muted: #d3dade; color: #f4f6f7; } .rs-final__img { opacity: .38; filter: saturate(.8); } .rs-final__bg::after { background: linear-gradient(180deg, rgba(16, 20, 23, .78) 0%, rgba(16, 20, 23, .5) 50%, rgba(16, 20, 23, .85) 100%); } .rs-final__title { color: #fff; } .rs-final__text { color: #e4e9ec; } .rs-final .rs-btn--ghost { color: #fff; border-color: rgba(255, 255, 255, .6); background: rgba(255, 255, 255, .08); } .rs-final .rs-btn--ghost:hover { background: rgba(255, 255, 255, .18); } /* Events block: copy + auto-rotating photos */ .rs-events__grid { display: grid; gap: 1.5rem; align-items: center; } @media (min-width: 900px) { .rs-events__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 3rem; } } .rs-events__chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.25rem 0 0; padding: 0; list-style: none; } .rs-events__chips li { padding: .35rem .8rem; border-radius: 999px; background: #fff; border: 1px solid var(--rs-line); font-size: .9rem; font-weight: 600; } .rs-events__chips a { color: var(--rs-teal-ink); } .rs-events__media .rs-carousel__slide { flex-basis: 100%; } .rs-events__slide { margin: 0; position: relative; } .rs-events__slide img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--rs-r); display: block; } .rs-events__slide figcaption { position: absolute; left: .75rem; bottom: .75rem; padding: .25rem .7rem; border-radius: 999px; background: rgba(16, 20, 23, .78); color: #fff; font-size: .82rem; } /* Benefit cards carousel */ .rs-bcarousel .rs-carousel__slide { flex-basis: min(82%, 300px); } .rs-bcard { height: 100%; padding: 1.4rem; background: #fff; border: 1px solid #e3ddd2; border-top: 5px solid var(--rs-teal); border-radius: var(--rs-r); box-shadow: 0 14px 34px -24px rgba(20, 24, 28, .4); } .rs-bcarousel .rs-carousel__slide:nth-child(even) .rs-bcard { border-top-color: var(--rs-orange); } .rs-bcard__num { font-family: var(--rs-head); font-weight: 800; font-size: .8rem; color: var(--rs-orange-ink); letter-spacing: .1em; } .rs-bcard__title { margin: .4rem 0 .5rem; font-size: 1.35rem; color: #101417; } .rs-bcard p { margin: 0; color: #3a444a; } .rs-bcarousel .rs-carousel { margin-top: 1.25rem; } .rs-events .rs-lead { margin-top: 1rem; } /* ---------- C11: light-only (no browser-made dark version of the light design) ---------- */ :root { color-scheme: light dark; } input, select, textarea, button, video { color-scheme: only light; } /* C12 hint under start date */ .rs-field__hint{display:block;margin-top:.35rem;color:#4a5560;font-size:.85rem} /* C10 breadcrumbs */ .rs-crumbs{max-width:var(--rs-max,1180px);margin:0 auto;padding:.9rem 1.25rem 0;font-size:.85rem;min-height:1.6rem} .rs-crumbs ol{display:flex;flex-wrap:wrap;gap:.25rem .5rem;list-style:none;margin:0;padding:0} .rs-crumbs li+li::before{content:"›";margin-right:.5rem;color:#6b7680} .rs-crumbs a{color:#1d4f5a;text-decoration:underline} .rs-crumbs [aria-current]{color:#4a5560} /* C9 certificates */ .rs-certs__list{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:1rem;grid-template-columns:1fr} @media(min-width:900px){.rs-certs__list{grid-template-columns:repeat(3,1fr)}} .rs-certs__item{background:#fff;color:#14181c;border:1px solid #d9dee2;border-top:4px solid #0f8f8f;border-radius:10px;padding:1.1rem;display:grid;gap:.5rem;align-content:start} .rs-certs__item span{font-size:.9rem;color:#3d4852} .rs-certs__item a{font-weight:700;color:#0b6a6a} /* C9 footer: own plain dark background (the old mountain stock photo is removed) */ .rs-footer--plain{background:#14181c} .rs-certs__item strong{color:#14181c}.rs-certs__item a{text-decoration:underline} /* Promotion: readable, not scaled with the parent font (Vasil 01.11) */ .rs-promo { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .7rem; font-size: 1.1rem !important; font-weight: 700; line-height: 1.3; margin: .5rem 0; letter-spacing: 0; text-align: left; } .rs-promo__was { color: #3d4852; font-size: 1.35rem; font-weight: 700; text-decoration-thickness: 2px; text-decoration-color: #c4382c; } .rs-promo__badge { padding: .2rem .65rem; border-radius: 999px; background: #c4382c; color: #fff; font-weight: 800; font-size: 1rem; } .rs-promo__save { color: #0b6a6a; font-weight: 800; } .rs-calc__days .rs-promo { justify-content: center; } .rs-calc--fixed .rs-calc__days .rs-promo { justify-content: flex-start; } .rs-promo--buy { margin: .25rem 0 .75rem; } .rs-promo__line .rs-promo { display: inline-flex; margin: 0 .5rem 0 0; } .rs-hero--rent .rs-pricecard__amount .rs-promo, .rs-offer2__price .rs-promo { font-size: 1.1rem !important; } /* Rental price card: the site is light now, the card was left dark with dark text (price unreadable) */ .rs-pricecard { background: #fff !important; color: #14181c; border: 1px solid #d9dee2 !important; box-shadow: 0 18px 40px rgba(20, 24, 28, .12) !important; } .rs-pricecard__amount, .rs-pricecard strong { color: #14181c; } .rs-pricecard__per, .rs-pricecard__note, .rs-pricecard .rs-ticks li, .rs-pricecard__deposit { color: #3d4852; } .rs-pricecard__label { color: #0b6a6a; } .rs-pricecard .rs-btn--ghost { color: #14181c; border-color: #8a949c; } /* Home hero: photo carousel, brand teal accent (AA on the light background), calmer text */ .rs-hero--home .rs-hero__title .rs-accent { color: #ee8601; } .rs-hero--home .rs-lead { color: #1f2a30; } .rs-hero--home .rs-lead strong { color: var(--rs-orange-ink); } .rs-hero--home .rs-buybox__meta { color: #1f2a30; max-width: 34rem; } .rs-hero-car { position: relative; min-width: 0; } .rs-hero-car .rs-carousel__track { gap: 0; padding: 0; border-radius: var(--rs-r-lg); box-shadow: var(--rs-shadow); } .rs-hero-car .rs-carousel__slide { flex: 0 0 100%; } .rs-hero-car .rs-hero__slide { margin: 0; } .rs-hero-car .rs-hero__slide img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; object-position: 50% 40%; display: block; max-height: 560px; background: #e9e4dc; } .rs-hero-car .rs-carousel__ctl { position: absolute; right: .75rem; bottom: .75rem; } @media (max-width: 1023px) { .rs-hero--home .rs-hero__media { display: block !important; } .rs-hero--home .rs-hero__grid { display: flex; flex-direction: column; } .rs-hero--home .rs-hero__copy { display: contents; } .rs-hero--home .rs-hero__title { order: 1; } .rs-hero--home .rs-hero-car { order: 2; margin-bottom: 1.25rem; } .rs-hero--home .rs-lead { order: 3; } .rs-hero--home .rs-buybox { order: 4; } } .rs-hero-car .rs-hero__slide img { aspect-ratio: 4 / 3; object-position: 50% 68%; } @media (max-width: 1023px) { .rs-hero--home .rs-hero__title, .rs-hero--home .rs-lead { margin-block: 0 .9rem !important; } .rs-hero--home .rs-hero-car { margin: .25rem 0 1rem; } } /* C-fix: no stray dots in the promotion line; carousel controls below the photo */ .rs-promo__line span::after, .rs-promo__line .rs-promo span::after { content: none !important; } .rs-promo__line span:first-child { font-weight: inherit; } .rs-hero-car .rs-carousel__ctl { position: static; margin-top: .6rem; justify-content: center; } .rs-hero-car .rs-carousel__track { box-shadow: none; border-radius: var(--rs-r-lg); padding: 0; } .rs-hero-car .rs-hero__slide img { border-radius: var(--rs-r-lg); box-shadow: var(--rs-shadow); } /* Event chips as toggle buttons */ .rs-events__chips li { padding: 0; background: none; border: 0; } .rs-events__chip { font: inherit; font-size: .9rem; font-weight: 600; padding: .4rem .85rem; border-radius: 999px; background: #fff; color: #14181c; border: 1px solid var(--rs-line); cursor: pointer; min-height: 2.5rem; } .rs-events__chip:hover { border-color: #00756b; } .rs-events__chip:focus-visible { outline: 3px solid #00756b; outline-offset: 2px; } .rs-events__chip[aria-pressed="true"] { background: #00756b; border-color: #00756b; color: #fff; } .rs-events__status { margin: .6rem 0 0; font-size: .88rem; color: #3d4852; min-height: 1.3rem; } .rs-events__soon { display: grid; place-content: center; justify-items: center; gap: .6rem; aspect-ratio: 4 / 3; border-radius: var(--rs-r); background: linear-gradient(135deg, #e6f3f1, #fdf0dc); text-align: center; padding: 1rem; color: #14181c; } .rs-events__soon strong { font-size: 1.3rem; } .rs-events__soon span { color: #3d4852; } .rs-carousel__slide[hidden] { display: none; } .rs-events__slide .rs-events__soon img { width: 120px; height: auto; aspect-ratio: auto; border-radius: 0; } /* Android force-dark (Chrome/Samsung): opaque light surfaces so the colours stay the same as on desktop */ html { background-color: #f7f5f1; color-scheme: light dark; color: #14181c; } body { background-color: #f7f5f1; } @media (prefers-color-scheme: dark) { :root { color-scheme: light dark; } html, body { background-color: #f7f5f1; } } /* C-android: the site declares "light dark" so Samsung/Chrome do not force-invert it; in dark mode it repeats exactly the light colours. */ @media (prefers-color-scheme: dark) { html, body { background-color: #f7f5f1; color: #14181c; } } /* Every control is light in every mode: one high-specificity rule beats the old dark-theme remnants (color-scheme: light, #c9d0d5). */ html body input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]), html body select, html body textarea, html body .select2-selection, html body .wc-block-components-text-input input, html body .woocommerce form .input-text, html body .quantity .qty, html body .rs-field input, html body .rs-field select, html body .rs-field textarea { color-scheme: light; background-color: #fff; color: #14181c; border-color: #c9d0d5; } html body input, html body select, html body textarea, html body button, html body video, html body ::-webkit-scrollbar { color-scheme: light; } html body .rs-choice span { border-color: #c9d0d5; } /* Contact strip */ .rs-cstrip { background: #fff; border-block: 1px solid var(--rs-line, #d9dee2); padding-block: clamp(1.75rem, 4vw, 3rem); } .rs-cstrip__grid { display: grid; gap: 1.5rem 2rem; grid-template-columns: 1fr; text-align: center; } @media (min-width: 800px) { .rs-cstrip__grid { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .rs-cstrip__col + .rs-cstrip__col { border-left: 1px solid #d9dee2; } } .rs-cstrip__title { font-family: var(--rs-head); font-size: 1.15rem; font-weight: 800; color: #14181c; margin: 0 0 .75rem; } .rs-cstrip__icons, .rs-cstrip__row { display: flex; justify-content: center; align-items: center; gap: .9rem; margin: 0; flex-wrap: wrap; } .rs-cstrip a { color: #14181c; font-weight: 700; text-decoration: none; } .rs-cstrip a:hover { color: var(--rs-orange-hi); } .rs-cstrip svg { width: 32px; height: 32px; fill: currentColor; display: block; } .rs-cstrip__icons a, .rs-cstrip__icon { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; border-radius: 50%; background: #f7f5f1; border: 1px solid #d9dee2; color: #00756b; } .rs-cstrip__icons a:hover, .rs-cstrip a.rs-cstrip__icon:hover { background: #00756b; color: #fff; } .rs-cstrip svg [stroke] { fill: none; } /* ---------- Mobile UX pass (fix/mobile-ux) ---------- */ html { -webkit-tap-highlight-color: rgba(238, 134, 0, .18); } a, button, summary, label, input, select, textarea { touch-action: manipulation; } body { overscroll-behavior-x: none; padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); } .rs-sticky { padding-left: max(var(--rs-gutter), env(safe-area-inset-left)); padding-right: max(var(--rs-gutter), env(safe-area-inset-right)); } .rs-drawer { height: auto; max-height: calc(100dvh - var(--rs-drawer-top, 108px)); overscroll-behavior: contain; padding-bottom: calc(2rem + env(safe-area-inset-bottom)); } @media (max-width: 1023px) { /* 16 px text fields: iOS Safari does not zoom the page on focus. */ input:not([type="checkbox"]):not([type="radio"]), select, textarea { font-size: max(16px, 1rem) !important; } /* Thumb-sized targets (>= 44 px). */ .rs-btn, .wp-block-button__link, .button { min-height: 48px; } .rs-logo { display: inline-flex; align-items: center; min-height: 44px; } .rs-events__chip { min-height: 44px; } .rs-ptabs__tab { display: inline-flex; align-items: center; min-height: 44px; } .rs-form__more > summary { min-height: 44px; display: flex; align-items: center; } .rs-faq__item summary { min-height: 56px; } .rs-crumbs ol { align-items: center; } .rs-crumbs li { display: inline-flex; align-items: center; min-height: 44px; } .rs-crumbs a { display: inline-flex; align-items: center; min-height: 44px; } .rs-pdp__crumbs a, .woocommerce-breadcrumb a { display: inline-block; padding-block: .85rem; } .rs-footer__col ul { gap: 0; } .rs-footer__col a { display: inline-flex; align-items: center; min-height: 44px; } .rs-footer a[href^="mailto"], .rs-footer a[href^="tel"] { display: inline-flex; align-items: center; min-height: 44px; } .rs-choice span { min-height: 48px; } } /* Chips and tabs: one swipeable row instead of three wrapped ones. */ @media (max-width: 640px) { .rs-events__chips, .rs-ptabs__bar { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; margin-right: calc(-1 * var(--rs-gutter)); padding-right: var(--rs-gutter); -webkit-overflow-scrolling: touch; } .rs-events__chips::-webkit-scrollbar, .rs-ptabs__bar::-webkit-scrollbar { display: none; } .rs-events__chips li, .rs-ptabs__tab { flex: none; scroll-snap-align: start; } /* Header: logo + one-line rent CTA + burger must fit 360 px. */ .rs-header__inner { gap: .5rem; } .rs-header__actions { gap: .4rem; min-width: 0; flex: 1; justify-content: flex-end; } .rs-header .rs-btn--sm { min-height: 44px; padding: 0 .75rem; font-size: .8rem; min-width: 0; flex: 1 1 auto; max-width: 15.5rem; } .rs-burger { width: 44px; height: 44px; flex: none; } .rs-logo img { height: 28px; width: auto; } .rs-sticky .rs-btn { min-height: 48px; } .rs-sticky { padding-bottom: calc(.5rem + env(safe-area-inset-bottom)); } } @media (max-width: 380px) { .rs-header .rs-btn--sm { font-size: .76rem; padding-inline: .6rem; letter-spacing: -.02em; } } .rs-events__grid > *, .rs-ptabs, .rs-ptabs > * { min-width: 0; } @media (max-width: 1023px) { .rs-form__sizehelp > summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; } } /* "Как работи": steps were still the old dark translucent card (rgba(21,25,28,.6)); modes are always open. */ .rs-steps3 li { background: #ffffff; border: 1px solid #dfe3e6; color: #14181c; box-shadow: 0 10px 30px -18px rgba(20, 24, 28, .25); } .rs-steps3 h3 { color: #14181c; } .rs-steps3 p { color: #3c4750; } .rs-modes { border-top: 1px solid var(--rs-line); padding-top: 1.5rem; } .rs-modes__title { color: #14181c; margin-top: 0; } .rs-modes__list li { background: #ffffff; border-color: #dfe3e6; } .rs-modes__list strong { color: #14181c; } .rs-modes__list span { color: #3c4750; } @media (max-width: 1099px) { .rs-modes__list { grid-auto-flow: row; grid-template-columns: 1fr; overflow: visible; } } @media (min-width: 600px) and (max-width: 1099px) { .rs-modes__list { grid-template-columns: repeat(2, 1fr); } } /* ---------- Test variant B of the home page (/?rs-variant=b, noindex) ---------- */ .rs-hero--vb .rs-hero__media > img { aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 50%; background: #0e1113; } .rs-vbwhat__list { list-style: none; margin: 1.25rem 0 0; padding: 0; display: grid; gap: 0; } .rs-vbwhat__list li { padding: 1rem 0; border-top: 1px solid var(--rs-line); } .rs-vbwhat__list li:last-child { border-bottom: 1px solid var(--rs-line); } .rs-vbwhat__list strong { display: block; font-family: var(--rs-head); color: var(--rs-teal-deep); margin-bottom: .2rem; } .rs-vbwhat__list p { margin: 0; color: #2a343b; } .rs-vbben__grid { list-style: none; margin: 0 0 2rem; padding: 0; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); } .rs-vbben__grid li, .rs-vbpath__steps li { padding: 1.5rem; border-radius: var(--rs-r-lg); background: #fff; border: 1px solid #dfe3e6; box-shadow: 0 10px 30px -22px rgba(20, 24, 28, .35); } .rs-vbben__n, .rs-vbpath__steps li > span { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid var(--rs-orange); color: var(--rs-orange-ink); font-family: var(--rs-head); font-weight: 800; margin-bottom: .75rem; } .rs-vbben__grid h3, .rs-vbpath__steps h3 { font-size: 1.2rem; margin: 0 0 .4rem !important; color: #14181c; } .rs-vbben__grid p, .rs-vbpath__steps p { margin: 0; color: #3c4750; } .rs-vbpath__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; } @media (min-width: 900px) { .rs-vbpath__steps { grid-template-columns: repeat(3, 1fr); } } .rs-how { background: transparent; } @media (min-width: 900px) { .rs-vbben__grid { grid-template-columns: repeat(3, 1fr); } } /* ---------- Event galleries: full-screen lightbox (own code) ---------- */ .rs-lb-open { overflow: hidden; } .rs-lb { position: fixed; inset: 0; z-index: 200; background: rgba(8, 10, 12, .985); display: grid; grid-template-rows: auto 1fr; align-items: center; justify-items: center; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); color: #fff; } .rs-lb[hidden] { display: none; } .rs-lb__top { grid-row: 1; justify-self: stretch; display: flex; align-items: center; gap: .75rem; padding: .5rem .75rem; } .rs-lb__title { font-family: var(--rs-head); font-weight: 700; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rs-lb__count { font-variant-numeric: tabular-nums; opacity: .85; } .rs-lb__btn { appearance: none; border: 0; background: rgba(255, 255, 255, .14); color: #fff; width: 48px; height: 48px; border-radius: 50%; font-size: 1.9rem; line-height: 1; cursor: pointer; display: inline-grid; place-items: center; touch-action: manipulation; } .rs-lb__btn:hover { background: rgba(255, 255, 255, .26); } .rs-lb__btn:focus-visible { outline: 3px solid #fff; outline-offset: 2px; } .rs-lb__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; } .rs-lb__prev { left: max(.5rem, env(safe-area-inset-left)); } .rs-lb__next { right: max(.5rem, env(safe-area-inset-right)); } .rs-lb__fig { grid-row: 2; margin: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .6rem; padding: 0 3.5rem .75rem; min-height: 0; } .rs-lb__img { max-width: 100%; max-height: calc(100dvh - 8.5rem); width: auto; height: auto; object-fit: contain; border-radius: 6px; transition: opacity .2s; } .rs-lb.is-loading .rs-lb__img { opacity: .35; } .rs-lb__cap { font-size: .9rem; opacity: .9; text-align: center; } @media (max-width: 640px) { .rs-lb__fig { padding-inline: .5rem; } .rs-lb__nav { top: auto; bottom: calc(env(safe-area-inset-bottom) + 1rem); transform: none; } } [data-rs-gal][role="button"] { cursor: zoom-in; } .rs-events__all { margin-top: .75rem; } .rs-events__all[hidden] { display: none; } .rs-ptabs__panel [data-rs-gal] { cursor: zoom-in; } #rs-pt-klienti:checked ~ .rs-ptabs__bar [for="rs-pt-klienti"] { background: var(--rs-teal-hi); border-color: var(--rs-teal-ink); color: #06201d; } #rs-pt-klienti:focus-visible ~ .rs-ptabs__bar [for="rs-pt-klienti"] { outline: 2px solid var(--rs-orange); outline-offset: 3px; } #rs-pt-klienti:checked ~ .rs-ptabs__panel--klienti { display: block; } .rs-prail__item[data-rs-gal] { cursor: zoom-in; } .rs-prail__item[data-rs-gal]:focus-visible { outline: 3px solid var(--rs-orange); outline-offset: 2px; } /* ---------- Feedback batch 3 ---------- */ /* Eyebrows: orange, bold, a little larger, everywhere. */ .rs-eyebrow, .rs-sec--light .rs-eyebrow, .rs-sec .rs-eyebrow { color: #ee8601; font-size: .92rem; font-weight: 900; letter-spacing: .14em; } .rs-hero--seg .rs-eyebrow, .rs-final .rs-eyebrow { color: var(--rs-orange); } /* Contact strip icons: orange instead of green. */ .rs-cstrip__icons a, .rs-cstrip__icon { color: #ee8601; } .rs-cstrip__icons a:hover, .rs-cstrip a.rs-cstrip__icon:hover { background: var(--rs-orange); color: #14181c; } /* Research: light background, solid dark text (was a leftover dark gradient). */ .rs-research { background: #f7f5f1; border-top: 1px solid #dfe3e6; color: #14181c; } .rs-research .rs-h2, .rs-research h3 { color: #14181c; } .rs-research .rs-head__text, .rs-research .rs-head__text p { color: #2a343b; font-size: 1.05rem; } .rs-research__key { color: #14181c; } .rs-research .rs-study { background: #fff; border-color: #dfe3e6; box-shadow: 0 10px 30px -22px rgba(20, 24, 28, .35); } .rs-research .rs-study__tag { color: #00756b; border-color: rgba(0, 117, 107, .45); } .rs-research .rs-study__title { color: #14181c; } .rs-research .rs-study__text { color: #2a343b; font-size: 1rem; } .rs-research .rs-study__src a { color: #14181c; text-decoration-color: #ee8601; } .rs-research .rs-research__note, .rs-research .rs-fine { color: #3c4750; font-size: .95rem; } /* Single-photo carousels: no controls to nowhere. */ .rs-carousel.is-single .rs-carousel__ctl { display: none; } /* Chambers: manufacturer clip instead of the SVG (air runs foot to thigh). */ .rs-chambers--video { margin: 0 auto clamp(2.5rem, 5vw, 4rem); max-width: 800px; border-radius: var(--rs-r-lg); overflow: hidden; background: #000; } .rs-chambers__video { display: block; width: 100%; height: auto; aspect-ratio: 800 / 342; background: #000; } /* ---------- Home merge: chambers block (bullets + clip + full-video link) ---------- */ .rs-chambers__points { list-style: none; margin: 1rem auto 0; padding: 0; max-width: 40rem; text-align: left; display: grid; gap: .65rem; } .rs-chambers__points li { position: relative; padding-left: 1.6rem; color: #2a343b; } .rs-chambers__points li::before { content: ""; position: absolute; left: 0; top: .55em; width: .65rem; height: .65rem; border-radius: 50%; background: #ee8601; } .rs-how--chambers { padding-bottom: clamp(1.5rem, 3vw, 2.5rem); } .rs-how--chambers .rs-chambers { margin-bottom: 1rem; } .rs-how--rest { padding-top: 0; } .rs-chambers__more { margin: 0 !important; text-align: center; } .rs-chambers__watch { appearance: none; background: none; border: 0; padding: .6rem .4rem; min-height: 44px; font: inherit; font-weight: 700; color: #ee8601; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; } .rs-chambers__watch::before { content: "\25B6"; display: inline-block; margin-right: .5rem; font-size: .8em; text-decoration: none; } .rs-chambers__watch:hover { color: var(--rs-orange-hi); } .rs-chambers__watch:focus-visible { outline: 3px solid var(--rs-orange, #ee8600); outline-offset: 2px; border-radius: 4px; } .rs-lb__video { display: none; max-width: 100%; max-height: calc(100dvh - 8.5rem); width: auto; height: auto; border-radius: 6px; background: #000; } .rs-lb.is-video .rs-lb__video { display: block; } .rs-lb.is-video .rs-lb__img { display: none; } .rs-lb__btn[hidden] { display: none; } .rs-vbwhat + .rs-how--chambers { padding-top: 0; } /* ---------- Section labels: exact logo orange (#ee8601, sampled from logo-192.webp), bold and a bit larger ---------- */ :root { --rs-label: #ee8601; } .rs-eyebrow, .rs-sec--light .rs-eyebrow, .rs-sec .rs-eyebrow, .rs-hero--seg .rs-eyebrow, .rs-final .rs-eyebrow { color: var(--rs-label); font-size: 1rem; font-weight: 900; } .rs-vbwhat__list strong, .rs-benefit-list__k, .rs-benefit-list--dark .rs-benefit-list__k { color: var(--rs-label); font-size: 1.05rem; font-weight: 800; } .rs-pricecard__label, .rs-hero--rent .rs-pricecard__label, .rs-band__label, .rs-offer2__card:not(.is-main) .rs-offer2__tag, .rs-study__tag { color: var(--rs-label); font-size: .86rem; font-weight: 800; } .rs-study__tag { border-color: rgba(238, 134, 1, .45); } .rs-hero--home .rs-lead strong, .rs-accent { font-weight: 800; } /* Events strip names are real links to the finals block */ .rs-band__list a { color: inherit; text-decoration: underline; text-decoration-color: var(--rs-orange-ink); text-decoration-thickness: 2px; text-underline-offset: .22em; } .rs-band__list a:hover, .rs-band__list a:focus-visible { color: var(--rs-orange-ink); } #na-finala { scroll-margin-top: 5rem; } /* Form size help: drawing + size chart side by side, label fully visible */ .rs-form__sizebox { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-top: .5rem; } .rs-form__sizesvg { width: min(220px, 62vw); overflow: visible; margin-top: 0; } .rs-form__sizechart { border-collapse: collapse; font-size: 1rem; } .rs-form__sizechart caption { text-align: left; font-weight: 700; margin-bottom: .35rem; color: var(--rs-text); } .rs-form__sizechart th { text-align: left; font-family: var(--rs-head); color: var(--rs-orange-ink); padding: .3rem 1.25rem .3rem 0; font-size: 1.1rem; } .rs-form__sizechart td { padding: .3rem 0; color: var(--rs-text); } /* FAQ page: photo + one line + CTA in the left column of each group (desktop only) */ .rs-faq__aside { display: none; } @media (min-width: 1024px) { .rs-faq--group .rs-faq__head { position: sticky; top: calc(var(--rs-header-h, 80px) + 2rem); align-self: start; } .rs-faq--group .rs-faq__aside { display: block; margin-top: 1.5rem; max-width: 320px; } .rs-faq__photo { margin: 0 0 1rem; border-radius: var(--rs-r-lg, 18px); overflow: hidden; aspect-ratio: 4 / 5; background: var(--rs-surface); } .rs-faq__photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .rs-faq__asideline { margin: 0 0 .75rem !important; font-weight: 600; color: var(--rs-text); } .rs-faq__aside .rs-btn { font-size: .95rem; padding: .7rem 1.1rem; } } /* Invoice / company fields in the request form: 16 px inputs (no iOS zoom), clear on mobile */ .rs-form__company input, .rs-form__invoice input[type="checkbox"] + span { font-size: 16px; } .rs-form__company .rs-field input { font-size: 16px; } .rs-form__company[hidden], .rs-form__invoice[hidden] { display: none; } .rs-form__company { border-top: 1px dashed var(--rs-line); padding-top: 1rem; } .rs-form__invoice { margin: .75rem 0 0 !important; } .rs-form__company .rs-field__help { font-size: .85rem; color: var(--rs-muted); } /* Rent add-on checkbox in the calculator card */ .rs-calc__addon { margin: .75rem 0 0 !important; } .rs-calc__addon .rs-check span { font-weight: 700; } /* Bundle: compact home card and cart/checkout order bump */ .rs-homebundle { padding-block: clamp(1rem, 3vw, 2rem); } .rs-bundle--compact .rs-bundle__hint { display: none; } .rs-bundle--compact { position: relative; display: grid; gap: 1rem 2rem; align-items: center; transition: transform .25s ease, box-shadow .25s ease; } .rs-bundle--compact:hover, .rs-bundle--compact:focus-within, .rs-bundle--compact:active { transform: translateY(-4px); box-shadow: 0 18px 40px -22px rgba(20, 24, 28, .45); } .rs-bundle--compact .rs-bundle__items { order: -1; display: flex; align-items: center; justify-content: center; gap: .75rem; } .rs-bundle--compact .rs-bundle__item { flex: 1 1 0; max-width: 150px; text-align: center; } .rs-bundle--compact .rs-bundle__item img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 14px; background: #fff; } .rs-bundle--compact .rs-bundle__item span { display: none; } .rs-bundle--compact .rs-bundle__plus { font: 800 1.8rem/1 var(--rs-head); color: var(--rs-orange-ink); } .rs-bundle__badge { position: absolute; top: .75rem; right: .75rem; padding: .3rem .7rem; border-radius: 999px; background: #c4382c; color: #fff; font: 800 .85rem/1 var(--rs-head); } @media (min-width: 800px) { .rs-bundle--compact { grid-template-columns: 1.3fr 1fr; } .rs-bundle--compact .rs-bundle__items { order: 2; grid-column: 2; grid-row: 1 / span 4; } .rs-bundle--compact > :not(.rs-bundle__items):not(.rs-bundle__badge) { grid-column: 1; } } @media (prefers-reduced-motion: reduce) { .rs-bundle--compact { transition: none; } .rs-bundle--compact:hover { transform: none; } } .rs-bundle--compact { max-width: 880px; margin-inline: auto; } .rs-pdp__inflate { margin: 1.25rem 0 0; } .rs-pdp__inflate video { width: 100%; height: auto; border-radius: var(--rs-r); } .rs-pdp__inflate-cap { margin-top: .5rem; color: var(--rs-muted); font-size: .92rem; } .woocommerce-cart .cart-collaterals { display: flex; justify-content: center; } .woocommerce-cart .cart-collaterals .cart_totals { float: none !important; width: 100% !important; max-width: 560px; } .rs-bundle--product { max-width: 880px; margin: 2.5rem auto 0; } .rs-bundle--product .rs-h3 { font-size: clamp(1.4rem, 2.4vw, 1.9rem); line-height: 1.15; } .rs-bundle__form { display: grid; gap: .9rem; width: 100%; } .rs-bundle__sizes { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0; padding: 0; border: 0; } .rs-bundle__sizes legend { width: 100%; margin-bottom: .4rem; font-weight: 600; font-size: .95rem; } .rs-bundle__sizes label { position: relative; cursor: pointer; } .rs-bundle__sizes input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; } .rs-bundle__sizes label span { display: grid; place-items: center; min-width: 52px; min-height: 48px; padding: 0 .9rem; border: 2px solid var(--rs-line); border-radius: 12px; background: #fff; font: 700 1.05rem/1 var(--rs-head); transition: border-color .2s ease, background .2s ease; } .rs-bundle__sizes input:checked + span { border-color: #EE8600; background: #fff7ec; } .rs-bundle__sizes input:focus-visible + span { outline: 3px solid #EE8600; outline-offset: 2px; } .rs-bundle__sizehelp { margin-left: .4rem; font-size: .9rem; color: var(--rs-teal-ink); } .rs-bundle__form .rs-btn { justify-self: start; } html body .woocommerce-cart-form .quantity .qty { width: 5.5rem !important; min-width: 5.5rem; padding: .4rem .3rem .4rem .8rem !important; text-align: center; } @media (min-width: 900px) { .rs-bundle--product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .5rem 2.5rem; align-items: center; padding: 1.75rem 2rem; } .rs-bundle--product .rs-bundle__items { grid-column: 2; grid-row: 1 / span 4; flex-direction: column; align-items: stretch; margin: 0; } .rs-bundle--product .rs-bundle__item { flex: none; } .rs-bundle--product .rs-bundle__plus { align-self: center; line-height: 1; } .rs-bundle--product > :not(.rs-bundle__items) { grid-column: 1; } } .rs-bundle--bump { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin: 0 0 1.25rem; padding: 1rem 1.25rem; border: 1px solid var(--rs-line); border-radius: var(--rs-r-lg, 18px); } .rs-bundle--bump .rs-bundle__price { margin: 0 !important; flex: 1 1 280px; } /* "На финала" chips: all visible at once on phones (wrapped, no sideways scroll); overrides the one-row rule for this block only */ @media (max-width: 1023px) { .rs-events__chips { flex-wrap: wrap; overflow: visible; scroll-snap-type: none; margin-right: 0; padding-right: 0; gap: .5rem; } .rs-events__chips li { flex: 0 1 auto; max-width: 100%; } .rs-events__chip { font-size: .9rem; padding: .35rem .8rem; min-height: 44px; max-width: 100%; line-height: 1.15; text-align: left; } }