/** Shopify CDN: Minification failed
Line 2282:23 Unexpected "{"
Line 4306:13 Expected ":"
Line 4306:15 Expected identifier but found "24px"
**/
/* Fonts */
@font-face {
font-family: 'Selecta';
src: url('/cdn/shop/files/Selecta-Light.ttf?v=1757422026');
font-weight: 300;
}
@font-face {
font-family: 'Selecta';
src: url('/cdn/shop/files/Selecta-Regular.ttf?v=1757422026');
font-weight: 400;
}
@font-face {
font-family: 'Selecta';
src: url('/cdn/shop/files/Selecta-Medium.ttf?v=1757422026');
font-weight: 500;
}
@font-face {
font-family: 'Selecta';
src: url('/cdn/shop/files/Selecta-Bold.ttf?v=1757422026');
font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
h1, h2, h3, h4, h5, h6, p, a, button, .h1, .h2, .h3, .h4, .h5, .h6, body, input, textarea, .paragraph:not(.button), .paragraph > *, span, .product-badges__badge, .omnisend-main-review-block-review-customer-name, .omnisend-main-review-block-review-verified-badge, .omnisend-main-review-block-review-reply-name, .omnisend-main-review-block-review-body, .omnisend-main-review-block-review-reply-text, .omnisend-main-review-block-review-date, .omnisend-main-review-ratings-distribution-description, .cart-primary-typography, #returnFormHeader .tracking-number {
font-family: 'Selecta', sans-serif !important;
}
h2 {
font-size: 48px;
line-height: 56px;
color: var(--fpro-black);
}
p, ul {
font-size: 18px;
line-height: 28px;
font-weight: 300;
}
button:focus {
outline: none;
}
@media (max-width: 749px) {
h2 {
font-size: 32px;
line-height: 36px;
}
p {
font-size: 16px;
line-height: 24px;
}
}
/* Global */
:root {
--fpro-black: #161616;
--fpro-white: #FFFFFF;
--fpro-yellow: #F0FF58;
--fpro-grey: #FAF9F6;
--fpro-mint: #00FFE6;
}
.section:not(.header__row) {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.button:not(.button-primary, .button-secondary, .button-unstyled, .link) {
outline-color: var(--fpro-black);
background-color: var(--fpro-black);
transition: all .3s;
}
.button:not(.button-primary, .button-secondary, .button-unstyled, .link):hover {
color: var(--fpro-black);
outline-color: var(--fpro-mint);
background-color: var(--fpro-mint);
}
.button:not(.button-primary, .button-secondary, .button-unstyled, .link) svg path {
fill: var(--fpro-mint);
transition: all .3s;
}
.button:not(.button-primary, .button-secondary, .button-unstyled, .link):hover svg path, .btn-v2 svg path {
fill: var(--fpro-black) !important;
}
.btn-v2.secondary svg path {
fill: var(--fpro-white) !important;
}
.button:not(.header-actions__action, .button-unstyled), .button-primary, .button-secondary {
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
line-height: 28px;
padding: 16px;
gap: 8px;
font-weight: 500;
}
.button.button-primary, .button.button-primary:hover {
--button-color: var(--fpro-black);
--button-background-color: var(--fpro-yellow);
--button-border-color: var(--fpro-yellow);
outline-color: var(--fpro-yellow);
background-color: var(--fpro-yellow);
}
.button.button-primary:hover {
--button-color: var(--fpro-black);
--button-background-color: var(--fpro-white);
--button-border-color: var(--fpro-white);
outline-color: var(--fpro-white);
background-color: var(--fpro-white);
}
.button.button-primary svg path {
fill: var(--fpro-black);
}
.button.button-secondary, .button.button-secondary:hover {
--button-color: var(--fpro-white);
--button-background-color: transparent;
--button-border-color: var(--fpro-white);
}
.button.button-secondary:hover {
--button-color: var(--fpro-white);
--button-background-color: transparent;
--button-border-color: transparent;
}
.button.button-secondary svg path {
fill: var(--fpro-white);
}
.button:hover, button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
--button-color: unset;
--button-background-color: unset;
--button-border-color: unset;
}
@media (max-width: 749px) {
.button:not(.header-actions__action) {
font-size: 16px;
line-height: 24px;
border-radius: 10px;
padding: 12px;
}
}
/* Buttons v2 */
.btn-v2, .footer-subscribe .email-signup__button {
font-size: 16px !important;
line-height: 1.5 !important;
padding: 12px 24px !important;
border-radius: 6px !important;
font-weight: 500 !important;
transition: all .2s ease-out !important;
}
.btn-v2.primary, .footer-subscribe .email-signup__button {
color: var(--fpro-black);
background: linear-gradient(180deg, #90FBEF 0%, #00EFD8 100%);
box-shadow: 0px 2px 4px -2px #002D281A, 0px 12px 16px -4px #002D281A;
border-top: 1px solid #C9FCF8;
}
.btn-v2.primary:hover, .footer-subscribe .email-signup__button:hover {
background: linear-gradient(180deg, #90FBEF 0%, #90FBEF 100%) !important;
box-shadow: 0px 2px 10px -2px #00FFE680 !important;
}
.btn-v2.secondary, .btn-v2.secondary:hover {
color: var(--fpro-white);
background: #FFFFFF1A;
box-shadow: 0px 2px 4px -2px #0000000D;
border-top: 1px solid #FFFFFF26;
}
.btn-v2.secondary:hover {
background: #FFFFFF26 !important;
}
.btn-v2.accent {
color: var(--fpro-black);
background: linear-gradient(180deg, #F7FD8A 0%, #E4F34E 100%);
box-shadow: 0px 2px 4px -2px #4047000F;
border-top: 1px solid #FDFED6;
}
.btn-v2.accent:hover {
background: linear-gradient(180deg, #F7FD8A 0%, #F7FD8A 100%) !important;
box-shadow: 0px 2px 10px -2px #F0FF5880 !important;
}
.btn-v2.purple {
color: var(--fpro-black);
background: linear-gradient(180deg, #DF8FFF 0%, #CF3EFF 100%);
box-shadow: 0px 2px 4px -2px #002D281A;
border-top: 1px solid #F7E0FF;
}
.btn-v2.purple:hover {
filter: brightness(1.08) saturate(0.9) !important;
box-shadow: 0px 2px 10px -2px #CF3EFF80 !important;
}
/* Top bar */
.section--topbar-marquee {
top: 0;
position: sticky;
z-index: 9;
}
.topbar-marquee__viewport {
overflow: hidden;
}
.topbar-marquee__track {
display: flex;
flex-wrap: nowrap;
width: max-content;
animation: fpro-marquee 50s linear infinite;
will-change: transform;
}
.topbar-marquee__content {
display: flex;
flex: 0 0 auto;
gap: 80px;
padding: 10px 0;
}
.topbar-marquee__item {
white-space: nowrap;
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.topbar-marquee__item:last-child {
padding-right: 80px;
}
@keyframes fpro-marquee {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-50%, 0, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.topbar-marquee__track {
animation: none;
}
}
@media (max-width: 989px) {
.topbar-marquee__content {
gap: 24px;
}
.topbar-marquee__item:last-child {
padding-right: 24px;
}
}
/* Header desktop */
.header__row .overflow-menu::part(list) {
gap: 8px;
}
.header__row .menu-list__link {
padding: 12px !important;
color: var(--fpro-black) !important;
font-weight: 400;
margin: 0 !important;
font-size: 16px;
line-height: 24px;
min-height: unset;
}
.header__row .menu-list__link.premium {
color: #C13EF0 !important;
gap: 4px;
}
.header__column.header__column--right {
gap: 8px;
}
.dropdown-localization__button {
padding: 8px !important;
margin: 0 !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 20px !important;
}
.localization-form__list-item {
font-weight: 300 !important;
font-size: 14px !important;
line-height: 20px !important;
}
.dropdown-localization__button .icon-caret svg {
width: 10px;
height: 5px;
}
.dropdown-localization__button img, .localization-item img {
width: 20px;
height: auto;
}
.dropdown-localization__button .currency-code {
display: flex;
align-items: center;
gap: 6px;
}
.localization-list {
list-style-type: none;
padding: 8px 0;
margin: 0;
}
.localization-item {
margin: 0 8px;
display: flex;
gap: 6px;
padding: 8px;
border-radius: 8px;
line-height: var(--font-line-height-md);
align-items: center;
text-align: start;
cursor: pointer;
transition: all .3s;
}
.localization-item:hover {
background-color: rgb(var(--color-primary-hover-rgb) / var(--opacity-10));
}
header-actions {
margin: 0 !important;
}
.header__column--right .button-primary {
padding: 12px 16px;
font-size: 16px;
line-height: 24px;
margin-right: 8px;
white-space: nowrap;
}
.cart-bubble {
height: 20px !important;
}
.account-popover {
display: none !important;
}
/* Header mobile */
.header__icon--summary .header-drawer-icon {
width: 20px !important;
height: 20px !important;
}
.menu-drawer {
width: 100vw !important;
top: unset !important;
bottom: 0 !important;
border-right: unset !important;
box-shadow: unset !important;
}
.menu-drawer__menu {
padding: 0 20px !important;
}
.menu-drawer__back-button svg {
transform: rotate(180deg);
}
.menu-drawer__list-item--flat .menu-drawer__menu--childlist {
padding: 0 !important;
}
.menu-drawer__menu-item {
justify-content: flex-start !important;
padding: 16px 0 !important;
border-bottom: 1px solid #91918D52;
}
.menu-drawer__menu-item.premium {
color: #CF3EFF !important;
gap: 4px;
}
.menu-drawer__menu-item.premium svg:first-child {
width: 24px;
height: 24px;
}
.menu-drawer__menu-item-text {
flex: 1;
}
.menu-drawer__menu-item--mainlist {
color: var(--fpro-black) !important;
font-size: 18px !important;
line-height: 28px !important;
font-weight: 500 !important;
}
.menu-drawer__menu-item--child {
color: var(--fpro-black) !important;
}
.menu-drawer__utility-links {
margin: 20px 20px 0 20px !important;
}
.menu-drawer__localization {
display: flex;
}
.menu-drawer__localization summary {
padding: 18px 12px !important;
border: 1px solid #91918D52;
border-radius: 13px;
height: 60px !important;
}
.menu-drawer__localization summary#HeaderDrawer-localization-currency {
width: calc(50% - 10px);
margin-right: 10px;
justify-content: space-between;
}
.menu-drawer__localization summary#HeaderDrawer-localization-language {
width: calc(50% - 10px);
margin-left: 10px;
justify-content: space-between;
}
.drawer-localization__button--label.h6 {
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
.drawer-localization__button--label.h6 .currency-code {
display: flex;
align-items: center;
gap: 8px;
}
.drawer-localization__button--label.h6 .currency-code img {
width: 20px;
height: auto;
}
.menu-drawer__localization .button {
width: 100%;
}
.menu-drawer__localization .menu-drawer__menu-item {
justify-content: flex-start;
gap: 8px;
border: 0;
padding: 0 !important;
}
.menu-drawer__localization .menu-drawer__menu-item a {
padding: 0 0 8px !important;
}
.icon-caret--forward svg {
transform: none;
}
.drawer-button {
margin: 12px 0 0;
padding: 0 20px;
}
.drawer-button .button {
background-color: var(--fpro-white);
color: var(--fpro-black);
border: 1px solid var(--fpro-black);
width: 100%;
}
.drawer-button .button svg {
width: 24px;
height: 24px;
}
.drawer-button .button svg path {
fill: var(--fpro-black);
}
.menu-drawer__backdrop, .menu-drawer__close-button, header-actions .account-drawer {
display: none !important;
}
@media (max-width: 749px) {
.header__columns {
--header-template-columns: var(--header-mobile-bookend) auto 0 1fr calc(2*var(--header-mobile-bookend)) !important;
}
.header__column--right .button-primary {
padding: 8px 12px;
font-size: 14px;
line-height: 20px;
grid-area: rightA;
justify-self: flex-end;
}
.header__columns .header-logo {
grid-area: leftB !important;
margin: 0 16px;
}
.header__row > div {
padding-right: 0;
padding-left: 0;
}
.account-popover__panel {
left: 50% !important;
transform: translateX(-50%);
width: 95% !important;
min-width: unset !important;
}
}
/* Hero */
.hero-grid {
display: flex;
}
.hero-grid .hero-copy {
display: flex;
flex-direction: column;
justify-content: center;
width: 50%;
max-width: 750px;
margin-right: 0;
margin-left: auto;
color: var(--fpro-white);
padding: 80px;
}
.hero-grid .hero-media {
width: 50%;
}
.hero-grid .hero-media video {
height: 100%;
width: 100%;
object-fit: cover;
}
.hero-trustpilot {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.hero-trustpilot .first-line, .hero-trustpilot .second-line {
display: flex;
align-items: center;
white-space: nowrap;
}
.hero-trustpilot .stars {
max-width: 110px;
height: auto;
margin: 0 10px;
}
.hero-trustpilot .name {
max-width: 72.5px;
height: auto;
margin: 0 0 0 5px;
}
.hero-grid h1 {
font-size: 56px;
line-height: 60px;
margin: 24px 0 16px;
max-width: 600px;
}
.hero-grid p {
max-width: 400px;
margin: 0 0 32px;
}
.hero-grid .hero-actions {
display: flex;
gap: 16px;
}
@media (max-width: 1199px) {
.hero-grid .hero-copy {
padding: 40px;
}
}
@media (max-width: 989px) {
.hero-grid {
flex-direction: column-reverse;
}
.hero-grid .hero-copy {
max-width: 100%;
width: 100%;
text-align: center;
}
.hero-grid .hero-media {
width: 100%;
}
.hero-grid .hero-actions, .hero-trustpilot {
justify-content: center;
}
.hero-grid h1, .hero-grid p {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 749px) {
.hero-grid .hero-copy {
margin: 0 auto;
padding: 24px 20px;
}
.hero-trustpilot {
gap: 4px;
}
.hero-trustpilot .first-line, .hero-trustpilot .second-line {
width: 100%;
justify-content: center;
}
.hero-trustpilot .stars {
margin: 0 0 0 10px;
}
.hero-grid h1 {
font-size: 40px;
line-height: 48px;
margin: 12px auto 8px;
}
.hero-grid p {
max-width: 335px;
margin: 0 auto 20px;
}
.hero-grid .hero-actions {
gap: 8px;
}
}
/* Pricing */
.pricing-plans__title {
text-align: center;
margin: 0 0 12px;
}
.pricing-plans__subtext {
text-align: center;
margin: 0 0 36px;
}
.pricing-tabs {
display: flex;
border: 1px solid var(--fpro-black);
width: 440px;
max-width: 100%;
border-radius: 13px;
margin: 0 auto 32px;
gap: 4px;
padding: 4px;
}
.pricing-tab {
width: calc(50% - 2px);
font-size: 16px;
line-height: 24px;
font-weight: 500;
border-radius: 10px;
padding: 12px;
text-align: center;
background-color: var(--fpro-grey);
cursor: pointer;
color: var(--fpro-black);
transition: all .3s;
}
.pricing-tab.is-active {
background-color: var(--fpro-black);
color: var(--fpro-white);
}
.pricing-plans__grid {
display: flex;
gap: 24px;
}
.pricing-card {
width: calc(33.33% - 16px);
color: var(--fpro-black);
order: 0;
}
.pricing-card:not(.pricing-card--popular) {
padding-top: 36px;
}
.pricing-card--popular {
padding: 4px;
background-color: var(--fpro-mint);
border-radius: 20px;
}
.pricing-card__badge {
margin: 6px 0;
text-align: center;
font-size: 14px;
line-height: 20px;
}
.pricing-card-inner {
padding: 24px;
border-radius: 18px;
background-color: var(--fpro-grey);
height: 100%;
display: flex;
flex-direction: column;
}
.pricing-card--popular .pricing-card-inner {
height: auto;
}
.pricing-card__title {
font-weight: 500;
font-size: 24px;
line-height: 28px;
margin: 0 0 2px;
}
.pricing-card__subtitle {
font-weight: 500;
font-size: 16px;
line-height: 24px;
margin: 0 0 16px;
}
.pricing-card__price .price__amount {
font-weight: 700;
font-size: 32px;
line-height: 36px;
}
.pricing-card__price .price__cadence {
font-weight: 500;
font-size: 20px;
line-height: 24px;
}
.pricing-card__price .price__badge, .extras-price__discount {
background-color: #B2291A;
border-radius: 5px;
padding: 3px 6px;
color: var(--fpro-white);
font-size: 12px;
line-height: 18px;
font-weight: 500;
bottom: 7.5px;
left: 10px;
position: relative;
white-space: nowrap;
}
.extras-price__discount {
bottom: unset;
padding: 1px 6px;
left: 0;
}
.pricing-card__price .price__subtext p {
font-size: 16px;
line-height: 24px;
margin: 4px 0 0;
}
.pricing-card__price .price__subtext p em {
font-style: normal;
text-decoration: line-through;
color: #686864;
}
.pricing-card__included-title {
margin: 16px 0 0;
font-size: 18px;
line-height: 28px;
font-weight: 500;
}
.pricing-card__features {
list-style-type: none;
padding-left: 0;
margin: 4px 0 16px;
}
.pricing-card__feature, .pricing-extras__list-item {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 4px;
}
.pricing-card__feature-text, .pricing-extras__list-text {
font-size: 16px;
line-height: 24px;
font-weight: 300;
}
.pricing-card__button-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-end;
flex: 1 1 auto;
}
.pricing-card__button {
position: relative;
margin: 16px 0 0;
width: 100%;
}
.pricing-card__button:hover {
background-color: var(--fpro-black);
color: var(--fpro-white);
}
.pricing-card__button svg path {
fill: var(--fpro-mint);
}
.pricing-card__button-subtext {
display: flex;
align-items: center;
gap: 8px;
justify-content: center;
margin: 16px 0 0;
}
.pricing-card__button-subtext-text {
font-weight: 300;
font-size: 12px;
line-height: 16px;
}
.pricing-extras__title {
color: #91918D;
font-size: 12px;
line-height: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
background-color: var(--fpro-grey);
padding: 0 8px;
z-index: 2;
position: relative;
max-width: fit-content;
margin: 0 auto;
}
.pricing-card__extras {
border-top: 1px solid #CDCDCB;
margin-top: -8px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 150px;
}
.pricing-extra {
margin: 16px 0 0;
}
.pricing-extras__price {
display: flex;
align-items: center;
gap: 4px;
}
.pricing-extras__price .extras-price__now {
font-size: 20px;
line-height: 24px;
}
.pricing-extras__price:has(.extras-price__was) .extras-price__now {
color: #B2291A;
}
.pricing-extras__price .extras-price__was {
text-decoration: line-through;
font-size: 20px;
line-height: 24px;
font-weight: 300;
color: #686864;
}
.pricing-extras__desc p {
font-size: 14px;
line-height: 20px;
color: #686864;
}
.pricing-extras__list {
list-style-type: none;
padding-left: 0;
margin: 8px 0 0;
}
.pricing-extras__image {
max-width: 120px;
}
@media (max-width: 1199px) {
.pricing-plans__grid {
flex-wrap: wrap;
}
.pricing-card {
width: calc(50% - 12px);
}
.pricing-card:not(.pricing-card--popular) {
padding-top: 0;
}
}
@media (max-width: 749px) {
.pricing-plans__title {
margin: 0 0 10px;
}
.pricing-plans__subtext {
margin: 0 0 22px;
}
.pricing-tabs .pricing-tab {
padding: 8px;
}
.pricing-tabs {
margin: 0 0 20px;
}
.pricing-plans__grid {
gap: 12px;
}
.pricing-card {
width: 100%;
}
.pricing-card--popular {
order: -1;
}
.pricing-card__price .price__amount {
font-size: 24px;
line-height: 28px;
}
.pricing-card__price .price__cadence {
font-size: 16px;
line-height: 24px;
}
.pricing-card__price .price__subtext p, .pricing-card__feature-text, .pricing-extras__list-text {
font-size: 14px;
line-height: 20px;
}
.pricing-card__included-title {
font-size: 16px;
line-height: 24px;
margin: 12px 0 0;
}
.pricing-card__features {
margin: 4px 0 12px;
}
.pricing-extra, .pricing-card__button, .pricing-card__button-subtext {
margin: 12px 0 0;
}
.pricing-extras__desc p {
font-size: 12px;
line-height: 16px;
}
.pricing-extras__image {
max-width: 96px;
}
.pricing-card__extras {
gap: 8px;
}
}
/* Sticky add to cart */
.sticky-atc {
position: fixed;
left: 0;
right: 0;
bottom: -500px;
z-index: 90;
background: var(--fpro-white);
border-top: 1px solid var(--fpro-black);
transition: all .5s;
}
.sticky-atc[hidden] {
display: none;
}
.sticky-atc.visible {
bottom: -2.5px;
}
.sticky-atc__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
max-width: 1400px;
margin: 0 auto;
padding: 16px;
}
.sticky-atc__left {
display: flex;
gap: 16px;
align-items: center;
width: calc(40% - 8px);
}
.sticky-atc__image {
min-width: 96px;
width: 96px;
height: 96px;
border-radius: 13px;
object-fit: contain;
}
.sticky-atc__title {
font-size: 20px;
line-height: 24px;
font-weight: 500;
margin: 0 0 4px;
}
.sticky-atc__price {
font-size: 24px;
line-height: 28px;
font-weight: 500;
margin: 0 0 8px;
}
.sticky-atc__price .price__badge {
background-color: #B2291A;
color: var(--fpro-white);
padding: 3px 6px;
border-radius: 5px;
font-size: 12px;
line-height: 16px;
font-weight: 500;
bottom: 2.5px;
position: relative;
margin-left: 12px;
white-space: nowrap;
}
.sticky-atc__cadence {
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
.sticky-atc__meta {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.sticky-atc__meta-icon {
min-width: 24px;
}
.sticky-atc__meta-text {
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.sticky-atc__right {
width: calc(60% - 8px);
}
.sticky-atc__right .button {
width: 100%;
}
@media (max-width: 1024px) {
.sticky-atc__left, .sticky-atc__right {
width: calc(50% - 8px);
}
}
@media (max-width: 749px) {
.sticky-atc__inner {
position: relative;
padding: 16px 20px 44px 20px;
}
.sticky-atc__left {
width: auto;
}
.sticky-atc__title {
font-size: 16px;
line-height: 24px;
margin: 0;
}
.sticky-atc__price {
font-size: 16px;
line-height: 24px;
}
.sticky-atc__cadence {
font-size: 12px;
line-height: 16px;
}
.sticky-atc__price .price__badge {
margin-left: 8px;
}
.sticky-atc__meta {
position: absolute;
bottom: 16px;
}
.sticky-atc__meta-icon {
min-width: 20px;
}
.sticky-atc__meta-icon svg {
width: 20px;
height: 20px;
}
.sticky-atc__meta-text {
font-size: 12px;
line-height: 16px;
}
.sticky-atc__right {
min-width: 130px;
width: 130px;
}
.sticky-atc__right .button {
min-width: 130px;
}
.sticky-atc__image {
display: none;
}
}
@media (max-width: 359px) {
.sticky-atc__price .price__badge {
display: none;
}
}
/* Video */
.video-section__title {
margin: 0 0 16px;
text-align: center;
}
.video-section__subtext p {
max-width: 880px;
text-align: center;
margin: 0 auto 32px;
}
.video-section__media {
position: relative;
min-height: 760px;
}
/*
.video-section__media::after {
content: "";
position: absolute;
inset: 0;
background-color: var(--fpro-black);
opacity: 0.25;
pointer-events: none;
border-radius: 20px;
transition: opacity 0.3s;
}
*/
.video-section__media.is-playing::after {
opacity: 0;
}
.video-section__iframe iframe {
width: 100%;
border-radius: 20px;
border: 0;
min-height: 760px;
}
.video-section__poster {
border-radius: 20px;
height: 100%;
object-fit: cover;
}
.video-section__play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
appearance: none;
padding: 0;
border: 0;
background-color: transparent;
cursor: pointer;
}
.video-section__play svg * {
transition: all .3s;
}
.video-section__play:hover svg rect:first-child {
fill: var(--fpro-black);
}
.video-section__play:hover svg path {
fill: var(--fpro-mint);
}
.video-section__after {
text-align: center;
margin: 32px 0 0;
}
@media (max-width: 989px) {
.video-section__media, .video-section__iframe iframe {
min-height: 520px;
}
}
@media (max-width: 749px) {
.video-section__title {
margin: 0 0 8px;
}
.video-section__subtext p {
margin: 0 auto 20px;
}
.video-section__media, .video-section__iframe iframe {
min-height: 260px;
}
.video-section__after p {
font-size: 14px;
line-height: 20px;
}
}
/* Columns */
.columns-section__title {
text-align: center;
margin: 0 0 32px;
}
.columns-section__grid {
display: flex;
}
.columns-section__item {
flex: 0 1 calc((100% - 2 * var(--gap-desktop)) / 3);
border-radius: 20px;
padding: 20px;
background-color: var(--fpro-black);
color: var(--fpro-white);
}
.columns-section__grid--4 .columns-section__item {
flex: 0 1 calc((100% - 3 * var(--gap-desktop)) / 4);
}
.columns-section__grid--5 .columns-section__item {
flex: 0 1 calc((100% - 4 * var(--gap-desktop)) / 5);
}
.columns-section__image {
border-radius: 13px;
aspect-ratio: 390/260;
object-fit: cover;
}
.columns-section__grid--5 .columns-section__image {
aspect-ratio: 215/275;
}
.columns-section__item-title {
font-size: 24px;
line-height: 28px;
font-weight: 500;
margin: 24px 0 8px !important;
}
.columns-section__text p {
font-size: 16px;
line-height: 24px;
}
.columns-section__cta {
margin: 12px 0 0 !important;
}
.columns-section__cta a {
text-decoration: underline;
color: var(--fpro-white);
font-weight: 500;
font-size: 16px;
line-height: 24px;
}
.columns-section__cta a:hover {
color: var(--fpro-white) !important;
}
@media (max-width: 989px) {
.columns-section__grid {
flex-wrap: wrap;
}
.columns-section__item {
flex: 0 1 calc((100% - 2 * var(--gap-mobile)) / 3);
padding: 16px;
}
.columns-section__grid--4 .columns-section__item, .columns-section__grid--5 .columns-section__item {
flex: 0 1 calc((100% - 1 * var(--gap-mobile)) / 2);
}
}
@media (max-width: 749px) {
.columns-section__item, .columns-section__grid--4 .columns-section__item, .columns-section__grid--5 .columns-section__item {
flex: 0 1 100%;
}
.columns-section__image {
border-radius: 10px;
}
.columns-section__grid--5 .columns-section__image {
aspect-ratio: 295/310;
}
.columns-section__item-title {
font-size: 16px;
line-height: 24px;
margin: 14px 0 2px !important;
}
.columns-section__text p {
font-size: 14px;
line-height: 20px;
}
.columns-section__cta {
margin: 8px 0 0 !important;
}
}
/* Reviews */
.reviews-section__carousel {
display: flex;
align-items: center;
gap: 20px;
}
.reviews-section__title {
margin: 0 0 32px;
text-align: center;
}
.review-card {
background-color: var(--fpro-grey);
color: var(--fpro-black);
padding: 20px;
border-radius: 20px;
height: auto !important;
}
.review-card__header {
display: flex;
gap: 8px;
margin: 0 0 16px;
}
.review-card__source {
font-size: 14px;
line-height: 20px;
margin: 4px 0 0;
font-weight: 300;
color: #686864;
}
.review-card__text p {
font-size: 16px;
line-height: 24px;
}
.review-card__author {
margin: 12px 0 0;
font-size: 16px;
line-height: 24px;
}
.review-card__country {
font-size: 14px;
line-height: 20px;
font-weight: 300;
margin: 0 0 16px;
}
.review-card__image {
border-radius: 13px;
}
.reviews-section__nav, .ugc__next, .ugc__prev {
color: unset !important;
background-color: unset !important;
position: relative !important;
top: unset !important;
left: unset !important;
right: unset !important;
bottom: unset !important;
margin-top: unset !important;
border: 0 !important;
padding: 0 !important;
min-width: 48px !important;
width: 48px !important;
height: 48px !important;
z-index: 2 !important;
}
.reviews-section__nav svg *, .ugc__next svg *, .ugc__prev svg * {
transition: all .3s;
}
.swiper-button-next, .swiper-button-prev {
svg {
fill: none !important;
}
}
.reviews-section__nav:hover svg rect:first-child, .ugc__next:hover svg rect:first-child, .ugc__prev:hover svg rect:first-child {
fill: var(--fpro-black);
}
.reviews-section__nav:hover svg path, .ugc__next:hover svg path, .ugc__prev:hover svg path {
fill: var(--fpro-mint);
}
.reviews-section__html {
display: flex;
justify-content: center;
margin: 32px 0 0;
}
.reviews-section__nav:after {
display: none;
}
@media (max-width: 1199px) {
.reviews-section__carousel {
gap: 8px;
}
}
@media (max-width: 749px) {
.reviews-section__title {
margin: 0 0 20px;
}
.review-card {
padding: 16px;
}
.review-card__header {
margin: 0 0 8px;
}
.review-card__author {
margin: 8px 0 0;
}
.reviews-section__nav {
min-width: 32px !important;
width: 32px !important;
height: 32px !important;
}
.reviews-section__html {
margin: 20px 0 0;
}
}
/* Table */
.fpro-table__title {
color: var(--fpro-white);
margin: 0 0 32px;
text-align: center;
}
.fpro-table__columns {
display: flex;
justify-content: flex-start;
max-width: 1040px;
margin: 0 auto;
}
.fpro-table__col {
width: calc((100% - 240px)/4);
}
.fpro-table__col--rowtitles {
width: 240px;
}
.fpro-table__col--1 {
background: linear-gradient(180deg, #00FFE6 0%, #90FBEF 34%, #AFFBF4 67%, #C9FCF8 100%);
border-radius: 13px;
}
.fpro-table__cell {
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid #686864;
height: 65px;
padding: 0 10px;
font-weight: 300;
font-size: 16px;
line-height: 24px;
}
.fpro-table__col--1 .fpro-table__cell {
border-top: 1px solid #DADADA;
}
.fpro-table__cell--head {
padding: 0 10px;
min-height: 80px;
border-top: 0;
}
.fpro-table__col--1 .fpro-table__cell--head {
border-top: 0;
}
.fpro-table__cell--rowtitle {
justify-content: flex-start;
}
.fpro-table__col-title {
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-align: center;
}
.fpro-table__cta {
margin: 32px 0 0;
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 749px) {
.fpro-table__title {
margin: 0 0 20px;
}
.fpro-table__scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.fpro-table__columns {
min-width: 500px;
}
.fpro-table__col {
width: calc(100%/5);
}
.fpro-table__cell {
padding: 14px 10px 14px 0;
font-size: 12px;
line-height: 16px;
}
.fpro-table__cell--head {
padding: 14px 10px;
}
.fpro-table__col--1 .fpro-table__icon svg {
width: 32px;
height: 32px;
}
.fpro-table__cta {
margin: 20px 0 0;
}
}
/* FAQ */
.faq__inner {
display: flex;
gap: 40px;
}
.faq__left {
width: calc(50% - 20px);
}
.faq__right {
width: calc(50% - 20px);
}
.faq__title {
margin: 12px 0 32px;
}
.faq-item {
padding: 24px 16px;
background-color: var(--fpro-grey);
border-radius: 10px;
margin: 0 0 8px;
}
.faq-item__question {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
background: none;
border: 0;
padding: 0;
font-size: 20px;
line-height: 24px;
color: var(--fpro-black);
font-weight: 500;
text-align: left;
}
.faq-icon--minus, .faq-icon--plus {
display: flex;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
border-radius: 7px;
transition: all .3s;
}
.faq-icon--minus, .faq-item.is-open .faq-icon--plus, .faq__button.mobile {
display: none;
}
.faq-item.is-open .faq-icon--minus {
display: flex;
background-color: var(--fpro-white);
}
.faq-item__answer {
overflow: hidden;
max-height: 0;
transition: all .3s;
}
.faq-item__answer p {
font-size: 16px;
line-height: 24px;
color: var(--fpro-black);
padding: 8px 0 0;
}
@media (max-width: 989px) {
.faq-section .hero-trustpilot {
justify-content: flex-start;
}
.faq__inner {
gap: 20px;
}
.faq__left {
width: calc(50% - 10px);
}
.faq__right {
width: calc(50% - 10px);
}
}
@media (max-width: 749px) {
.faq__inner {
flex-wrap: wrap;
gap: 0;
}
.faq__left, .faq__right {
width: 100%;
}
.faq__button.mobile {
display: flex;
width: 100%;
margin: 20px 0 0;
}
.faq-section .hero-trustpilot .first-line, .faq-section .hero-trustpilot .second-line {
justify-content: flex-start;
}
.faq__title {
margin: 8px 0 24px;
}
.faq-item {
padding: 16px;
}
.faq-item__answer p {
font-size: 14px;
line-height: 20px;
}
.faq__button.desktop {
display: none;
}
}
/* Footer */
.shopify-section-group-footer-group {
overflow: hidden;
}
.shopify-section-group-footer-group:before {
content: '';
background-image: url(/cdn/shop/files/footer-vector.png?v=1776162000);
background-repeat: no-repeat;
background-size: cover;
display: block;
position: absolute;
left: 0;
top: 0;
width: 1280px;
height: 100%;
}
.shopify-section-group-footer-group .section > .layout-panel-flex {
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.footer-about {
width: 392px;
padding-right: 32px;
}
.shopify-section-group-footer-group .menu {
width: 200px;
}
.footer-about .image-block {
padding: 12px 0;
}
.footer-about .image-block__image {
height: auto;
object-fit: contain;
max-width: 120px;
}
.footer-about .image-block__image {
width: 120px;
height: auto;
display: block;
}
.footer-about p {
font-size: 16px;
line-height: 1.5;
color: #AAAAAA;
font-weight: 400;
margin: 16px 0 !important;
}
.app-icons {
margin: 32px 0 0;
}
.app-icons .image-block {
padding: 0;
}
.shopify-section-group-footer-group .menu__heading {
padding: 8px 0;
font-size: 20px;
line-height: 1.4;
font-weight: 500;
}
.shopify-section-group-footer-group .details-content {
margin: 8px 0 0 !important;
}
.shopify-section-group-footer-group .menu__item + .menu__item {
margin-block-start: 0px;
}
.shopify-section-group-footer-group .menu__item {
padding: 8px 0;
font-weight: 400;
text-transform: none;
}
.shopify-section-group-footer-group .menu__item a {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #AAAAAA;
}
.footer-subscribe {
padding: 24px;
border-radius: 24px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
}
.footer-subscribe .h4 * {
font-size: 24px;
font-weight: 500;
line-height: 1.4;
margin: 0 0 12px !important;
}
.footer-subscribe rte-formatter * {
font-size: 16px;
line-height: 1.5;
color: #AAAAAA;
font-weight: 400;
margin: 0 0 16px !important;
}
.footer-subscribe input {
padding: 12px !important;
font-size: 16px !important;
color: #FFFFFFA6 !important;
background: #FFFFFF0D;
border: 1px solid #FFFFFF1A;
border-radius: 6px;
}
.footer-subscribe input::placeholder {
color: #FFFFFFA6 !important;
}
.footer-subscribe .email-signup__input-group {
gap: 12px !important;
}
.shopify-section-group-footer-group .payment-icons__list {
padding: 64px 0 24px;
justify-content: center;
}
.shopify-section-group-footer-group .payment-icons__item svg {
width: 46px;
height: 32px;
}
.footer-utilities {
justify-content: center !important;
}
.footer-utilities__group--left {
justify-content: center;
font-size: 16px;
gap: 32px !important;
}
.policy_list {
gap: 32px !important;
}
.footer-utilities__group--left a {
color: #AAAAAA;
}
.footer-subscribe .email-signup__button svg, .footer-utilities__group--right {
display: none !important;
}
@media (max-width: 1199px) {
.footer-subscribe {
width: 100%;
margin: 24px 0 0;
}
.shopify-section-group-footer-group .menu {
width: calc(50% - 16px - 196px);
}
}
@media (max-width: 749px) {
.shopify-section-group-footer-group > .section > .section-content-wrapper {
padding: 48px 0;
gap: 16px;
flex-direction: row;
}
.footer-about, .shopify-section-group-footer-group .menu, .footer-subscribe {
width: 100%;
}
.footer-about {
padding: 0;
}
.footer-about p {
font-size: 18px;
line-height: 24px;
}
.shopify-section-group-footer-group .menu {
width: calc(50% - 8px);
}
.shopify-section-group-footer-group .menu__heading {
padding: 16px 0 8px;
font-size: 18px;
}
.footer-subscribe {
margin: 16px 0 0;
padding: 24px;
}
.footer-subscribe .h4 * {
font-size: 20px;
}
.shopify-section-group-footer-group .payment-icons__list {
padding: 32px 0 0;
}
.footer-utilities__group--left {
padding: 24px 0 0;
flex-direction: column-reverse !important;
gap: 32px !important;
}
.policy_list {
flex-direction: column;
gap: 12px !important;
}
}
/* Logos */
.fpro-logos {
overflow-x: hidden;
}
.fpro-logos__badge {
max-width: 260px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
background-color: #F0EEE5;
border-radius: 7px;
}
.fpro-logos__badge-text {
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.fpro-logos__title {
margin: 24px 0 32px !important;
text-align: center;
}
.fpro-logos__marquee {
position: relative;
}
.fpro-logos__viewport {
overflow: hidden;
width: 100%;
white-space: nowrap;
font-size: 0;
line-height: 0;
}
.fpro-logos__track {
display: inline-flex;
white-space: nowrap;
width: max-content;
vertical-align: top;
box-sizing: content-box;
will-change: transform;
animation: fpro-logo-anim var(--marquee-speed) linear infinite;
animation-play-state: paused;
padding-right: calc(var(--track-gap, 80) * 1px);
}
.fpro-logos__list {
display: inline-flex;
list-style: none;
margin: 0;
padding: 0;
gap: var(--marquee-gap);
}
.fpro-logos__item {
display: inline-flex;
align-items: center;
}
.fpro-logos__logo {
display: inline-flex; flex: 0 0 auto; height: auto;
}
.fpro-logos__logo--img {
display: block; height: auto; width: auto;
}
.fpro-logos__marquee.is-pausable:hover .fpro-logos__track {
animation-play-state: paused;
}
.fpro-logos__marquee.is-reverse .fpro-logos__track {
animation-direction: reverse;
}
@keyframes fpro-logo-anim {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(var(--track-w) * -1px));
}
}
@media (max-width: 749px) {
.fpro-logos__badge {
max-width: 220px;
}
.fpro-logos__badge-icon svg {
width: 32px;
height: 16px;
}
.fpro-logos__badge-text {
font-size: 12px;
line-height: 16px;
}
.fpro-logos__title {
margin: 16px 0 !important;
}
.fpro-logos__list {
gap: calc(var(--marquee-gap)/3);
}
.fpro-logos__track {
padding-right: calc(var(--track-gap, 80)/3 * 1px);
}
}
/* Icons */
.fpro-icons__heading {
margin: 0 0 32px;
text-align: center;
}
.fpro-icons__grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px;
}
.fpro-icon {
width: calc(33.33% - 26.66px);
text-align: center;
padding: 20px;
}
.fpro-icons__grid--4 .fpro-icon {
width: calc(25% - 30px);
}
.fpro-icon__svg svg {
margin: 0 auto;
}
.fpro-icon__title {
margin: 20px auto 12px;
font-size: 24px;
line-height: 28px;
font-weight: 500;
max-width: 300px;
}
.fpro-icon__text p {
font-size: 16px;
line-height: 24px;
}
@media (max-width: 989px) {
.fpro-icon, .fpro-icons__grid--4 .fpro-icon {
width: calc(50% - 20px);
padding: 8px;
}
}
@media (max-width: 749px) {
.fpro-icons__heading {
margin: 0 0 20px;
}
.fpro-icons__grid {
gap: 12px;
}
.fpro-icon, .fpro-icons__grid--4 .fpro-icon {
width: 100%;
}
.fpro-icon__title {
font-size: 20px;
line-height: 24px;
margin: 8px auto;
}
.fpro-icon__text p {
font-size: 14px;
line-height: 20px;
}
}
/* UGC */
.ugc__html .hero-trustpilot {
justify-content: center;
}
.ugc__title {
margin: 16px 0 32px;
text-align: center;
}
.ugc-swiper:before, .ugc-swiper:after {
content: '';
position: absolute;
top: 0;
width: 300px;
height: 100%;
background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 60%, rgba(255, 255, 255, 0) 100%);
z-index: 3;
}
.ugc-swiper:before {
left: -150px;
}
.ugc-swiper:after {
right: -150px;
transform: rotate(180deg);
}
.ugc-slide__media {
position: relative;
border-radius: 20px;
aspect-ratio: 300/520;
}
.ugc-slide__badge {
background-color: var(--fpro-white);
color: #000;
padding: 4px 6px;
border-radius: 7px;
font-weight: 300;
position: absolute;
top: 16px;
left: 16px;
z-index: 2;
font-size: 14px;
line-height: 20px;
}
.ugc-slide__review {
position: absolute;
bottom: 16px;
left: 16px;
z-index: 2;
}
.ugc-slide__text {
font-size: 18px;
line-height: 28px;
font-weight: 500;
margin: 12px 0 0;
color: var(--fpro-white);
}
.ugc-slide__cover {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 20px;
}
.ugc-slide__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
border-radius: 20px;
}
.ugc__next, .ugc__prev {
display: flex;
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
cursor: pointer;
z-index: 4 !important;
}
.ugc__next {
right: 100px !important;
}
.ugc__prev {
left: 100px !important;
}
@media (min-width: 990px) {
.ugc-slide__video {
opacity: 0;
transition: opacity .5s ease;
}
.ugc-slide__cover {
opacity: 1;
transition: opacity .5s ease;
}
.ugc-slide__media:hover .ugc-slide__video {
opacity: 1;
}
.ugc-slide__media:hover .ugc-slide__cover {
opacity: 0;
}
}
@media (max-width: 989px) {
.ugc__next {
right: 30px !important;
}
.ugc__prev {
left: 30px !important;
}
.ugc-swiper:before {
left: -200px;
}
.ugc-swiper:after {
right: -200px;
}
.swiper-slide.is-center .ugc-slide__cover {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 200ms ease, visibility 200ms ease;
}
}
@media (max-width: 749px) {
.ugc__title {
margin: 8px 0 24px;
}
.ugc-slide__badge, {
font-size: 12px;
line-height: 16px;
}
.ugc-slide__text {
font-size: 12px;
line-height: 16px;
margin: 8px 0 0;
}
}
/* Bundle tabs */
.fpro-bundle-tabs__title {
margin: 0 0 36px !important;
text-align: center;
}
.fpro-bundle-tabs__grid {
display: flex;
gap: 80px;
}
.fpro-bundle-tabs__media, .fpro-bundle-tabs__content {
width: calc(50% - 40px);
}
.fpro-bundle-tabs__media img {
border-radius: 20px;
}
.fpro-bundle-tabs__right-title {
font-weight: 500;
font-size: 20px;
line-height: 24px;
margin: 0 0 22px;
}
.fpro-bundle-tabs__tabs {
display: flex;
gap: 8px;
}
.fpro-bundle-tabs__tab {
padding: 10px 16px;
background-color: var(--fpro-white);
border: 1px solid #A3A399;
width: calc(33.33% - 5.33px);
appearance: none;
border-radius: 50px;
font-size: 18px;
line-height: 28px;
font-weight: 500;
cursor: pointer;
position: relative;
transition: all .3s;
color: var(--fpro-black);
}
.fpro-bundle-tabs__tab.is-active {
border: 2px solid var(--fpro-black);
background-color: var(--fpro-grey);
}
.fpro-bundle-tabs__tab-badge {
font-size: 12px;
line-height: 16px;
padding: 2px 6px;
position: absolute;
font-weight: 500;
background-color: var(--fpro-mint);
border-radius: 5px;
top: -10px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.fpro-bundle-tabs__items {
padding: 16px;
background-color: var(--fpro-grey);
border-radius: 10px;
margin: 12px 0 24px;
}
.fpro-bundle-tabs__block-title {
font-size: 18px;
line-height: 28px;
font-weight: 500;
margin: 0 0 12px;
}
.fpro-bundle-tabs__item {
display: flex;
gap: 12px;
align-items: center;
margin: 0 0 8px;
}
.fpro-bundle-tabs__item:not(.fpro-bundle-tabs__item--included) .fpro-bundle-tabs__item-media, .fpro-bundle-tabs__item:not(.fpro-bundle-tabs__item--included) .fpro-bundle-tabs__item-name {
opacity: .4;
}
.fpro-bundle-tabs__item-media img {
width: 40px;
min-width: 40px;
height: 40px;
border: 1px solid #A3A3993D;
border-radius: 5px;
object-fit: contain;
}
.fpro-bundle-tabs__item-body {
display: flex;
align-items: center;
flex: 1;
justify-content: space-between;
}
.fpro-bundle-tabs__item-name {
font-size: 16px;
line-height: 24px;
font-weight: 300;
}
.fpro-bundle-tabs__item-badge:not(.with-svg) {
background-color: #F0EEE5;
display: flex;
align-items: center;
gap: 2px;
color: #686864;
padding: 2px 4px;
border-radius: 5px;
font-size: 12px;
line-height: 16px;
font-weight: 500;
white-space: nowrap;
}
.fpro-bundle-tabs__extra-title {
font-size: 18px;
line-height: 28px;
margin: 0 0 8px;
}
@media (max-width: 989px) {
.fpro-bundle-tabs__grid {
gap: 24px;
}
.fpro-bundle-tabs__media, .fpro-bundle-tabs__content {
width: calc(50% - 12px);
}
}
@media (max-width: 749px) {
.fpro-bundle-tabs__title {
margin: 0 0 20px !important;
}
.fpro-bundle-tabs__grid {
flex-wrap: wrap;
gap: 16px;
}
.fpro-bundle-tabs__media, .fpro-bundle-tabs__content {
width: 100%;
}
.fpro-bundle-tabs__right-title {
margin: 0 0 16px;
font-size: 18px;
line-height: 28px;
}
.fpro-bundle-tabs__tab {
font-size: 16px;
line-height: 24px;
padding: 6px 12px;
}
.fpro-bundle-tabs__tab-badge {
font-size: 10px;
line-height: 12px;
padding: 2px 4px;
}
.fpro-bundle-tabs__items {
margin: 16px 0;
padding: 12px;
}
.fpro-bundle-tabs__block-title {
font-size: 16px;
line-height: 24px;
margin: 0 0 8px;
}
.fpro-bundle-tabs__extra-title {
font-size: 16px;
line-height: 24px;
}
.fpro-bundle-tabs__extra-desc p {
font-size: 14px;
line-height: 24px;
}
}
/* Image text */
.fpro-image-text__grid {
max-width: 1150px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 80px;
}
.fpro-image-text__content, .fpro-image-text__media {
width: calc(50% - 40px);
}
.fpro-image-text__badge {
background-color: #F0EEE5;
padding: 8px 16px 8px 8px;
border-radius: 7px;
display: inline-flex;
align-items: center;
gap: 8px;
}
.fpro-image-text__badge-text {
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.fpro-image-text__title {
margin: 24px 0 16px;
}
.fpro-image-text__text p {
margin: 0 0 28px;
}
.fpro-image-text__media img {
border-radius: 20px;
}
@media (min-width: 750px) {
.is-reversed .fpro-image-text__grid {
flex-direction: row-reverse;
}
}
@media (max-width: 749px) {
.fpro-image-text__grid {
flex-wrap: wrap;
gap: 20px;
}
.fpro-image-text__content {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.fpro-image-text__media {
width: 100%;
}
.fpro-image-text__badge {
border-radius: 5px;
padding: 6px 10px 6px 6px;
}
.fpro-image-text__badge-text {
font-size: 12px;
line-height: 16px;
}
.fpro-image-text__title {
margin: 20px 0 12px;
text-align: center;
}
.fpro-image-text__text p {
margin: 0 0 16px;
}
.fpro-image-text__button {
width: 100%;
}
}
/* Page title */
.fpro-page-title {
display: block;
}
.fpro-page-title__bg {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.fpro-page-title__overlay {
background: linear-gradient(84.25deg, rgba(22, 22, 22, 0.9) 1.16%, rgba(22, 22, 22, 0.16) 98.49%);
position: absolute;
inset: 0;
pointer-events: none;
}
.fpro-page-title__overlay--full {
background: linear-gradient(84.25deg, rgba(22, 22, 22, 0.8) 1.16%, rgba(22, 22, 22, 0.4) 32.13%, rgba(22, 22, 22, 0.08) 98.49%);
}
.fpro-page-title__inner {
position: relative;
margin: 0 auto;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
padding-left: 20px;
padding-right: 20px;
}
.fpro-page-title__html {
color: var(--fpro-white);
}
.fpro-page-title__title {
font-size: 56px;
line-height: 60px;
color: var(--fpro-white);
margin: 32px auto 16px;
}
.fpro-page-title__text p {
color: var(--fpro-white);
margin: 0 auto 32px;
max-width: 720px;
}
@media (max-width: 749px) {
.fpro-page-title__title {
font-size: 40px;
line-height: 48px;
margin: 12px auto 8px;
}
.fpro-page-title__button {
width: 100%;
}
.fpro-page-title__text p {
margin: 0 auto 20px;
}
}
/* Team */
.team__header {
margin: 0 0 32px;
text-align: center;
}
.team__title {
margin: 0 0 16px !important;
}
.team__subheadline {
margin: 0 !important;
}
.team__grid {
display: flex;
gap: 40px;
}
.team-card {
width: calc(33.33% - 26.66px);
}
.team-card__image {
border-radius: 20px;
}
.team-card__title {
margin: 24px 0 8px !important;
text-align: center;
font-size: 32px;
line-height: 36px;
}
.team-card__text {
margin: 0 0 20px;
text-align: center;
}
.team-card__socials {
display: flex;
justify-content: center;
gap: 12px;
}
@media (max-width: 989px) {
.team__grid {
gap: 16px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.team__grid::-webkit-scrollbar {
display: none;
}
.team-card {
width: calc(33.33% - 10.66px);
min-width: 200px;
scroll-snap-align: start;
scroll-snap-stop: always;
}
}
@media (max-width: 749px) {
.team__header {
margin: 0 0 20px !important;
}
.team__title {
margin: 0 0 8px !important;
}
.team-card__image {
border-radius: 13px;
}
.team-card__title {
margin: 12px 0 4px !important;
font-size: 20px;
line-height: 24px;
}
.team-card__text {
font-size: 12px;
line-height: 16px;
margin: 0 0 12px;
}
}
/* Quote */
.quote__inner {
display: flex;
align-items: center;
gap: 80px;
}
.quote__media, .quote__content {
width: calc(50% - 40px);
}
.quote__media img {
border-radius: 20px;
}
.quote__text p {
margin: 32px 0 16px !important;
font-weight: 700;
font-size: 32px;
line-height: 36px;
}
.quote__author-name, .quote__author-handle {
display: block;
font-size: 18px;
line-height: 28px;
font-weight: 300;
}
@media (max-width: 989px) {
.quote__inner {
gap: 24px;
}
.quote__media, .quote__content {
width: calc(50% - 12px);
}
}
@media (max-width: 749px) {
.quote__inner {
flex-wrap: wrap;
}
.quote__media, .quote__content {
width: 100%;
}
.quote__media img {
border-radius: 13px;
}
.quote__icon svg {
width: 45px;
height: 32px;
}
.quote__text p {
margin: 20px 0 16px !important;
font-size: 24px;
line-height: 28px;
}
.quote__author-name, .quote__author-handle {
font-size: 16px;
line-height: 24px;
}
}
/* Collection */
.collection-background:before {
content: '';
background-image: url(/cdn/shop/files/intersect-1.svg?v=1758003470);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
position: absolute;
width: 260px;
height: 100%;
top: 0;
left: 0;
}
.collection-background:after {
content: '';
background-image: url(/cdn/shop/files/intersect-2.svg?v=1758003470);
background-size: contain;
background-position: center right;
background-repeat: no-repeat;
position: absolute;
width: 260px;
height: 100%;
top: 0;
right: 0;
}
.collection-section h1 {
font-weight: 700 !important;
font-size: 48px !important;
line-height: 56px !important;
}
.product-card__content {
gap: 0 !important;
}
.product-card .product-media img {
border-radius: 20px;
}
.product-card .rating-wrapper {
margin: 16px 0 0;
gap: 4px;
min-height: 20px;
}
.product-card .rating-wrapper .rating .stars {
width: 20px;
height: 20px;
fill: #6CB27A;
}
.product-card .rating-count, .product-card .rating-count span {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: var(--fpro-black) !important;
}
.product-card .text-block {
padding: 0;
}
.product-card .text-block p {
font-weight: 700;
font-size: 32px;
line-height: 36px;
margin: 12px 0 12px;
}
.product-card div[ref="priceContainer"] {
margin: 0 0 16px !important;
}
.product-card .price {
font-weight: 500 !important;
font-size: 18px;
line-height: 28px;
color: var(--fpro-black);
}
.product-card div[ref="priceContainer"]:has(.compare-at-price) .price {
color: #B2291A;
}
.product-card .compare-at-price {
opacity: 1;
font-weight: 300;
color: #686864;
font-size: 18px;
line-height: 28px;
padding-left: 8px;
}
.product-card .card-button-wrapper {
display: flex;
align-items: flex-end;
flex: 1 1 auto;
}
.product-card .button {
width: 100%;
}
.product-card .product-badges--top-right {
top: 16px;
right: 16px;
}
.product-card .product-badges__badge {
padding: 2px 4px;
border-radius: 3px;
font-size: 12px;
line-height: 16px;
font-weight: 500;
}
.product-card .product-badges__badge--sale {
display: none;
background-color: #B2291A;
color: var(--fpro-white);
}
@media (max-width: 749px) {
.collection-background:before {
display: none;
}
.collection-section .layout-panel-flex {
--spacing-scale: 0.5 !important;
gap: 8px !important;
}
.collection-section h1 {
font-size: 40px !important;
line-height: 48px !important;
}
.product-grid-container {
padding-top: 40px;
padding-bottom: 40px;
}
.main-collection-grid {
padding-left: 20px !important;
padding-right: 20px !important;
}
.main-collection-grid .product-grid {
column-gap: 12px;
row-gap: 40px;
}
.product-card .product-media img {
border-radius: 13px;
}
.product-card .rating-wrapper {
margin: 8px 0 0;
}
.product-card .text-block p {
font-size: 20px;
line-height: 24px;
margin: 8px 0 6px;
}
.product-card div[ref="priceContainer"] {
margin: 0 0 10px !important;
}
.product-card .price {
font-size: 16px;
line-height: 24px;
}
.product-card .compare-at-price {
font-size: 16px;
line-height: 24px;
padding-left: 4px;
}
.product-card .product-badges--top-right {
top: 8px;
right: 8px;
}
}
/* Product lines */
.fpro-lines__inner {
overflow: hidden;
}
.fpro-lines__inner .fpro-lines__row:first-child {
transform: rotate(3deg) translateY(40px) scale(1.01);
}
.fpro-lines__row:nth-child(2) {
transform: rotate(-3deg) translateY(-40px) scale(1.01);
}
.fpro-lines__viewport {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
gap: var(--track-gap);
}
.fpro-lines__track {
display: inline-flex;
flex: 0 0 auto;
width: max-content;
will-change: transform;
animation: fpro-marquee var(--marquee-speed) linear infinite;
}
.fpro-lines__row.is-reverse .fpro-lines__track {
animation-direction: reverse;
}
.fpro-lines__content {
display: inline-flex;
flex: 0 0 auto;
gap: var(--marquee-gap);
padding: 10px 0;
}
.fpro-lines__item {
white-space: nowrap;
display: inline-flex;
align-items: center;
}
.fpro-lines__item:last-child {
padding-right: var(--marquee-gap);
}
.fpro-lines__item svg {
transform: rotate(3deg);
}
.fpro-lines__row.is-reverse .fpro-lines__track {
animation-direction: reverse;
}
.fpro-lines__row.is-pausable:hover .fpro-lines__track {
animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
.fpro-lines__track {
animation: none;
}
}
@media (max-width: 749px) {
.fpro-lines__inner .fpro-lines__row:first-child {
transform: rotate(6deg) translateY(25px);
}
.fpro-lines__row:nth-child(2) {
transform: rotate(-6deg) translateY(-25px);
}
.fpro-lines__content {
gap: var(--marquee-gap-mobile);
}
.fpro-lines__item:last-child {
padding-right: var(--marquee-gap-mobile);
}
.fpro-lines__item svg {
width: 260px;
height: auto;
}
}
/* Judgeme product reviews */
.jdgm-rev-widg {
padding: 0 !important;
}
.jdgm-rev-widg__title {
font-size: 48px !important;
line-height: 56px !important;
margin: 0 0 32px !important;
}
.jdgm-row-stars {
background-color: var(--fpro-grey) !important;
border-radius: 13px !important;
padding: 40px !important;
margin: 0 0 16px !important;
}
.jdgm-rev-widg__summary-average, .jdgm-rev-widg__summary-text, .jdgm-histogram__frequency {
font-size: 16px !important;
line-height: 24px !important;
color: var(--fpro-black) !important;
font-weight: 300 !important;
}
.jdgm-histogram__bar {
height: 10px !important;
border-radius: 4px !important;
background-color: #F0EEE5 !important;
}
.jdgm-histogram__row:hover, .jdgm-histogram__row--selected {
opacity: 1 !important;
}
.jdgm-histogram__bar-content {
background-color: #6CB27A !important;
border-radius: 4px 0 0 4px !important;
}
.jdgm-histogram__clear-filter {
font-weight: 300 !important;
font-size: 12px !important;
line-height: 16px !important;
color: var(--fpro-black) !important;
transition: all .3s !important;
}
.jdgm-write-rev-link, .jdgm-submit-rev, .jdgm-cancel-rev {
border-radius: 13px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 16px !important;
gap: 8px !important;
background-color: var(--fpro-black) !important;
color: var(--fpro-white) !important;
font-weight: 500 !important;
font-size: 18px !important;
line-height: 28px !important;
transition: all .3s !important;
border: 0 !important;
}
.jdgm-write-rev-link:hover, .jdgm-submit-rev:hover {
background-color: var(--fpro-mint) !important;
color: var(--fpro-black) !important;
}
.jdgm-cancel-rev {
padding: 14px 16px !important;
border: 2px solid var(--fpro-black) !important;
background-color: var(--fpro-white) !important;
color: var(--fpro-black) !important;
}
.jdgm-cancel-rev:hover {
opacity: 1 !important;
background-color: var(--fpro-black) !important;
color: var(--fpro-white) !important;
}
.jdgm-write-rev-link:after {
content: "";
width: 24px;
height: 24px;
transition: all .3s;
background: no-repeat center/contain
url("data:image/svg+xml;utf8,");
}
.jdgm-write-rev-link:hover:after {
background: no-repeat center/contain
url("data:image/svg+xml;utf8,");
}
.jdgm-rev {
background-color: var(--fpro-grey) !important;
border-radius: 13px !important;
padding: 24px !important;
border-top: 0 !important;
margin: 0 0 16px !important;
}
.jdgm-row-rating {
margin: 0 0 12px !important;
}
.jdgm-rev__author {
font-size: 16px !important;
line-height: 24px !important;
color: #686864 !important;
font-weight: 300 !important;
}
.jdgm-rev__header {
margin: 0 0 8px !important;
}
.jdgm-rev__timestamp {
font-size: 16px !important;
line-height: 24px !important;
color: #686864 !important;
font-weight: 300 !important;
}
.jdgm-paginate {
border-top: 0 !important;
padding: 0 !important;
}
.jdgm-paginate__page {
color: #686864 !important;
font-size: 16px !important;
line-height: 24px !important;
color: var(--fpro-black) !important;
font-weight: 300 !important;
}
.jdgm-paginate__page.jdgm-curt {
font-family: 'Selecta', sans-serif !important;
color: var(--fpro-black) !important;
font-weight: 400 !important;
}
.jdgm-paginate__page:hover {
opacity: 1 !important;
}
.jdgm-form-wrapper {
border-top: 0 !important;
}
.jdgm-form .jdgm-form__fieldset > label {
font-weight: 300 !important;
}
.jdgm-form__fieldset p {
font-size: 14px !important;
}
.jdgm-form input[type="text"], .jdgm-form input[type="email"], .jdgm-form input[type="url"], .jdgm-form textarea, .jdgm-picture-fieldset__box-wrapper {
font-weight: 300 !important;
border-radius: 10px !important;
}
.jdgm-submit-rev, .jdgm-cancel-rev {
display: inline-flex !important;
}
.jdgm-row-actions, .jdgm-rev__icon, .jdgm-row-extra, .jdgm-rev__br, .jdgm-rev__title, .jdgm-row-media {
display: none !important;
}
@media (max-width: 991px) {
.jdgm-write-rev-link {
max-width: 100% !important;
}
}
@media (max-width: 749px) {
.jdgm-rev-widg__title {
font-size: 32px !important;
line-height: 36px !important;
margin: 0 0 24px !important;
}
.jdgm-row-stars {
padding: 16px !important;
margin: 0 0 8px !important;
}
.jdgm-write-rev-link, .jdgm-write-rev-link, .jdgm-submit-rev, .jdgm-cancel-rev {
padding: 12px !important;
font-size: 16px !important;
line-height: 24px !important;
}
.jdgm-cancel-rev {
padding: 10px 12px !important;
}
.jdgm-rev {
border-radius: 10px !important;
padding: 16px !important;
margin: 0 0 8px !important;
}
.jdgm-rev__author, .jdgm-rev__timestamp {
font-size: 14px !important;
line-height: 20px !important;
}
}
/* Omnisend product reviews */
.omnisend-reviews-reset.omnisend-main-review-block {
gap: 16px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.omnisend-main-review-block-statistics-card {
padding: 40px !important;
gap: 40px !important;
background-color: var(--fpro-grey) !important;
border-radius: 13px !important;
flex-wrap: nowrap !important;
}
.omnisend-main-review-block-header {
gap: 0 !important;
flex-direction: column !important;
align-items: center !important;
}
.omnisend-main-review-block-title {
font-size: 48px !important;
line-height: 56px !important;
color: var(--fpro-black) !important;
margin: 0 0 16px !important;
font-weight: 700 !important;
}
.omnisend-main-review-average-rating-block {
flex-wrap: wrap !important;
column-gap: 12px !important;
row-gap: 16px !important;
width: calc(50% - 20px) !important;
}
.omnisend-main-review-average-rating {
font-size: 48px !important;
line-height: 56px !important;
color: var(--fpro-black) !important;
font-weight: 700 !important;
}
.omnisend-main-review-average-rating-info {
gap: 4px !important;
}
.omnisend-review-rating-stars-container svg {
fill: #6CB27A !important;
stroke: #6CB27A !important;
}
.omnisend-main-review-block-average-rating-description {
font-size: 16px !important;
line-height: 24px !important;
color: var(--fpro-black) !important;
font-weight: 300 !important;
}
.omnisend-main-review-block-leave-review-button {
flex: 1 1 100% !important;
border-radius: 13px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 16px !important;
gap: 8px !important;
background-color: var(--fpro-black) !important;
color: var(--fpro-white) !important;
font-weight: 500 !important;
font-size: 18px !important;
line-height: 28px !important;
transition: all .3s !important;
}
.omnisend-main-review-block-leave-review-button:hover {
background-color: var(--fpro-mint) !important;
color: var(--fpro-black) !important;
}
.omnisend-main-review-block-leave-review-button:after {
content: "";
width: 24px;
height: 24px;
transition: all .3s;
background: no-repeat center/contain
url("data:image/svg+xml;utf8,");
}
.omnisend-main-review-block-leave-review-button:hover:after {
background: no-repeat center/contain
url("data:image/svg+xml;utf8,");
}
.omnisend-main-review-ratings-distribution-table {
width: calc(50% - 20px) !important;
}
.omnisend-main-review-ratings-distribution-rating {
gap: 4px !important;
}
.omnisend-main-review-ratings-distribution-rating-number {
font-size: 16px !important;
line-height: 24px !important;
font-weight: 300 !important;
color: var(--fpro-black) !important;
}
.omnisend-main-review-ratings-distribution-rating svg {
fill: #6CB27A !important;
stroke: #6CB27A !important;
min-width: 20px !important;
}
.omnisend-reviews-reset td:nth-child(2) {
width: 490px !important;
max-width: 100% !important;
}
.omnisend-review-ratings-distribution-bar {
margin-left: 16px !important;
margin-right: 24px !important;
background-color: #F0EEE5 !important;
border-radius: 4px !important;
height: 10px !important;
width: 450px !important;
max-width: 100% !important;
}
.omnisend-review-ratings-distribution-bar .omnisend-review-ratings-distribution-bar-fill {
background-color: #6CB27A !important;
border-radius: 4px 0 0 4px !important;
}
.omnisend-main-review-ratings-distribution-description {
font-size: 16px !important;
line-height: 24px !important;
font-weight: 300 !important;
color: var(--fpro-black) !important;
}
.omnisend-main-review-block-review {
background-color: var(--fpro-grey) !important;
border-radius: 10px !important;
padding: 24px !important;
gap: 12px !important;
}
.omnisend-main-review-block-review-content, .omnisend-main-review-block-review-reply {
flex-direction: column-reverse !important;
gap: 8px !important;
}
.omnisend-main-review-block-review-date, .omnisend-main-review-block-review-customer-name, .omnisend-main-review-block-review-verified-badge, .omnisend-main-review-block-review-reply-name {
font-size: 16px !important;
line-height: 24px !important;
font-weight: 300 !important;
color: #686864 !important;
}
.omnisend-main-review-block-review-body, .omnisend-main-review-block-review-reply-text {
font-size: 18px !important;
line-height: 28px !important;
font-weight: 300 !important;
color: var(--fpro-black) !important;
}
.omnisend-main-review-block-pagination-active-page, .omnisend-main-review-block-pagination-ellipsis, .omnisend-main-review-block-pagination-page {
font-size: 16px !important;
line-height: 24px !important;
color: var(--fpro-black) !important;
font-weight: 500 !important;
}
.omnisend-main-review-block-pagination-left-arrow svg, .omnisend-main-review-block-pagination-right-arrow svg {
fill: var(--fpro-black) !important;
}
@media (max-width: 1199px) {
.omnisend-reviews-reset td:nth-child(2) {
width: 440px !important;
}
.omnisend-review-ratings-distribution-bar {
width: 400px !important;
}
}
@media (max-width: 989px) {
.omnisend-main-review-block-statistics-card {
flex-direction: column !important;
gap: 16px !important;
padding: 16px !important;
}
.omnisend-main-review-average-rating-block {
width: 100% !important;
row-gap: 12px !important;
}
.omnisend-main-review-block-average-rating-description {
font-size: 14px !important;
line-height: 20px !important;
}
.omnisend-main-review-ratings-distribution-table {
width: 100% !important;
border-spacing: 0 !important;
}
.omnisend-reviews-reset td:nth-child(2) {
width: 100% !important;
}
.omnisend-review-ratings-distribution-bar {
width: calc(100% - 24px) !important;
margin-left: 12px !important;
margin-right: 12px !important;
}
.omnisend-main-review-block-review {
padding: 16px !important;
}
.omnisend-main-review-block-review-body, .omnisend-main-review-block-review-reply-text {
font-size: 16px !important;
line-height: 24px !important;
}
.omnisend-main-review-block-review-date, .omnisend-main-review-block-review-customer-name, .omnisend-main-review-block-review-verified-badge, .omnisend-main-review-block-review-reply-name {
font-size: 14px !important;
line-height: 20px !important;
}
}
@media (max-width: 749px) {
.omnisend-main-review-block-title {
font-size: 32px !important;
line-height: 36px !important;
margin: 0 0 4px !important;
}
}
/* Product main */
.slideshow-controls__thumbnails {
padding: 16px 0 0 !important;
gap: 16px;
flex-wrap: wrap;
}
.slideshow-controls__thumbnails .slideshow-control {
border: 0;
padding: 0;
outline: 0;
border-radius: 10px;
width: calc(50% - 12px);
}
.slideshow-controls__thumbnails .slideshow-control:is([aria-selected=true]) {
border: 0;
outline: 0;
}
.slideshow-controls__thumbnails .slideshow-control img {
border-radius: 24px;
height: auto !important;
}
.product-information h1 {
font-size: 32px !important;
line-height: 1.2 !important;
font-weight: 500 !important;
padding: 0 0 16px !important;
margin: 0 0 24px;
}
.product-information .rating-color--primary {
--star-fill-color: #F0FF58 !important;
}
.product-information .rating-wrapper {
gap: 8px;
}
.product-information .rating {
gap: 4px;
}
.product-information .rating-count {
color: #fff !important;
}
.product-information .rating-count, .product-information .rating-count a {
font-size: 14px;
line-height: 1.5;
color: #AAAAAA !important;
text-decoration: none;
}
.product-information .stars use:first-of-type {
fill: var(--empty-star-fill-color);
}
.product-information .stars.filled-star use:first-of-type {
fill: var(--star-fill-color);
}
.product-information .review-price-wrapper {
margin: 0 0 24px;
}
.product-information product-price div[ref="priceContainer"] {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
.product-information product-price .price {
font-size: 48px;
line-height: 1.2;
font-weight: 500;
}
.product-information product-price div[ref="priceContainer"] span[role="group"]:nth-child(2) {
display: flex;
flex-direction: column-reverse;
}
.product-information product-price .compare-at-price {
display: block;
font-size: 20px;
line-height: 1;
opacity: 1;
color: #FFFFFF99;
}
.sale-badge {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
line-height: 1.5;
white-space: nowrap;
text-shadow:
0 0 4px rgba(0, 255, 230, 0.8),
0 0 10px rgba(0, 255, 230, 0.5);
}
.product-short-description p, .product-short-description ul, .product-short-description ol {
font-size: 18px;
color: #AAAAAA;
font-weight: 400;
}
.product-short-description:has(.metafield-rich_text_field) {
padding: 0 0 24px;
border-bottom: 1px solid #393939;
}
.product-short-description:has(ul) p {
color: var(--fpro-white);
margin: 0 0 16px;
}
.product-short-description ul {
display: flex;
flex-wrap: wrap;
gap: 16px;
list-style: none;
padding: 0;
}
.product-short-description p:last-child, .product-short-description ul:last-child {
margin: 0 !important;
}
.product-short-description ul li {
width: calc(50% - 8px);
display: flex;
gap: 4px;
align-items: center;
}
.product-short-description ul li::before {
content: "";
display: block;
margin-right: 4px;
width: 24px;
height: 24px;
flex-shrink: 0;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml;utf8,");
}
.product-short-description ul li:has(em)::before {
background-image: url("data:image/svg+xml;utf8,");
}
.product-short-description ul li em {
font-weight: normal;
}
.product-short-description ul li strong {
font-weight: normal;
color: var(--fpro-white);
}
.variant-picker__form {
gap: 24px;
margin: 24px 0 0;
}
.variant-option--buttons {
gap: 8px !important;
}
.variant-option--buttons legend {
font-size: 16px;
line-height: 1.5;
margin: 0 0 8px;
}
.variant-option__button-label {
color: var(--fpro-white) !important;
padding-block: unset !important;
padding-inline: unset !important;
background-color: #FFFFFF0D !important;
padding: 8px !important;
font-size: 16px !important;
line-height: 1.5 !important;
border: 1px solid #FFFFFF1A !important;
min-height: unset !important;
flex: unset !important;
min-width: 90px !important;
border-radius: 6px !important;
}
.variant-option--buttons:not(.color) .variant-option__button-label {
flex-direction: column-reverse;
}
.variant-option__button-label:has(:checked) {
border: 1px solid #00FFE6 !important;
background-color: #00FFE60D !important;
}
.variant-option__button-label:has([aria-disabled="true"]) {
opacity: .25 !important;
pointer-events: none;
}
.fpro-variation-desc {
font-size: 14px;
line-height: 1.5;
color: #FFFFFF80;
}
.fpro-swatch {
width: 20px;
min-width: 20px;
height: 20px;
border-radius: 4px;
}
.product-form-buttons {
margin: 32px 0 0;
gap: 16px !important;
}
.order-before-block {
margin: 16px 0 24px;
}
.order-before-block .layout-panel-flex {
justify-content: center;
}
.order-before-block .text-block {
flex: unset !important;
}
.order-before-block p {
font-size: 14px;
line-height: 1.5;
color: #AAAAAA;
font-weight: 400;
}
.order-before-block p strong {
font-weight: 400;
color: var(--fpro-white);
}
.shopify-payment-button__more-options, #shopify-buyer-consent, .product-information .quantity-selector {
display: none !important;
}
@media (min-width: 750px) {
.review-wrapper {
display: none;
}
}
@media (max-width: 989px) and (min-width: 750px) {
.product-information__grid:not(:has(.product-information__media:empty)).product-information--media-left .product-details {
padding-left: calc(var(--gap, 0) / 4) !important;
}
.product-information__grid:not(:has(.product-information__media:empty)).product-information--media-left .product-information__media {
padding-right: calc(var(--gap, 0) / 4) !important;
}
.product-short-description ul {
flex-wrap: wrap;
}
.product-short-description ul li {
width: 100%;
}
}
@media (max-width: 749px) {
.product-information {
--spacing-scale: .25;
}
slideshow-slides {
gap: 10px;
}
.product-information__media {
grid-column: 2 / 3 !important;
margin: 0 0 24px;
}
.product-media-container img {
border-radius: 16px;
}
.slideshow-controls__dots {
width: 100%;
display: flex;
gap: 6px;
padding: 16px;
justify-content: flex-end;
}
.slideshow-controls__dots button {
font-size: 0 !important;
padding: 0 !important;
border-radius: 50% !important;
}
.product-information h1 {
font-size: 24px !important;
margin: 0 !important;
}
.product-information .review-price-wrapper {
margin: 16px 0 !important;
}
.product-information product-price div[ref="priceContainer"] {
justify-content: flex-start;
}
.product-information product-price .price {
font-size: 36px;
}
.product-information product-price .compare-at-price {
font-size: 18px;
}
.order-before-block {
margin: 16px 0;
}
.product-short-description p, .product-short-description ul, .product-short-description ol {
font-size: 16px;
}
.product-short-description:has(.metafield-rich_text_field) {
padding: 0 0 16px;
}
.product-short-description:has(ul) p {
margin: 0 0 12px;
}
.product-short-description ul {
gap: 8px;
}
.product-short-description ul li {
width: 100%;
}
.variant-picker__form {
margin: 16px 0 0;
}
.variant-option__button-label {
min-width: 72px !important;
}
.order-before-block {
margin: 16px 0;
}
.review-price-wrapper .rating-wrapper {
display: none;
}
}
/* Upsells */
.fpro-upsells-block {
margin: 24px 0 0;
}
.fpro-upsells-block__title {
font-size: 32px;
line-height: 36px;
margin: 0 0 20px;
}
.fpro-upsells-block__item {
display: flex;
align-items: center;
gap: 16px;
}
.fpro-upsells-block__item:not(:last-child) {
margin: 0 0 24px;
}
.fpro-upsells-block__media {
width: calc(40% - 8px);
}
.fpro-upsells-block__media img {
border-radius: 13px;
}
.fpro-upsells-block__body {
width: calc(60% - 8px);
}
.fpro-upsells-block__rating {
display: flex;
gap: 4px;
align-items: center;
margin: 0 0 12px;
}
.fpro-upsells-block__rating-val {
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.fpro-upsells-block__name {
display: block;
font-size: 32px;
line-height: 36px;
font-weight: 700;
margin: 0 0 12px;
}
.fpro-upsells-block__price {
display: flex;
gap: 4px;
font-size: 18px;
line-height: 28px;
font-weight: 500;
margin: 0 0 4px;
}
.fpro-upsells-block__price:has(.fpro-upsells-block__compare) {
color: #B2291A;
}
.fpro-upsells-block__compare {
font-weight: 300;
color: #686864;
}
.fpro-upsells-block__options {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.fpro-select {
appearance: none;
background: var(--fpro-white);
border: 1px solid #A3A399;
padding: 8px 32px 8px 12px;
font-size: 16px;
line-height: 24px;
font-weight: 300;
border-radius: 7px;
cursor: pointer;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 20px 20px;
}
.fpro-upsells-block__atc {
position: relative;
width: 100%;
margin: 12px 0 0;
font-size: 16px;
line-height: 24px;
padding: 12px;
}
@media (max-width: 989px) {
.fpro-upsells-block__name {
font-size: 24px;
line-height: 28px;
}
}
@media (max-width: 749px) {
.fpro-upsells-block {
margin: 16px 0 0;
}
.fpro-upsells-block__title {
margin: 0 0 20px;
font-weight: 500;
text-align: center;
font-size: 24px;
line-height: 28px;
}
.fpro-upsells-block__item {
flex-wrap: wrap;
column-gap: 8px;
row-gap: 12px;
}
.fpro-upsells-block__media {
width: calc(40% - 4px);
}
.fpro-upsells-block__body {
width: calc(60% - 4px);
}
.fpro-upsells-block__rating {
margin: 0 0 8px;
}
.fpro-upsells-block__name {
font-size: 20px;
line-height: 24px;
font-weight: 500;
margin: 0 0 6px;
}
.fpro-upsells-block__price {
font-size: 16px;
line-height: 24px;
margin: 0 0 6px;
}
.fpro-upsells-block__options {
gap: 4px;
}
.fpro-select {
padding: 6px 28px 6px 8px;
font-size: 14px;
line-height: 20px;
}
.fpro-upsell-mobile-cta {
width: 100%;
}
.fpro-upsells-block__atc {
margin: 0;
}
.fpro-upsells-block__item add-to-cart-component.is-hidden-on-mobile {
display: none;
}
}
/* Cart drawer */
.cart-drawer__dialog {
width: 480px !important;
}
.cart-drawer__header {
justify-content: space-between !important;
padding: 16px !important;
}
.cart-drawer__heading {
text-align: left !important;
margin: 0 !important;
font-size: 20px;
line-height: 24px;
font-weight: 500;
}
.cart-drawer__header .close-button {
position: relative;
padding: 0 !important;
top: unset !important;
right: unset !important;
width: 32px !important;
height: 32px !important;
margin: 0 !important;
}
.cart-drawer--empty .cart-drawer__content {
padding: 0 16px !important;
}
.cart-drawer__heading--empty {
font-size: 32px !important;
line-height: 36px !important;
font-weight: 700 !important;
margin: 0 0 12px !important;
}
.cart-drawer__description--empty p {
font-size: 16px;
line-height: 24px;
margin: 0 0 28px;
}
.cart-drawer__button--empty {
width: 100%;
}
.cart-drawer__footer {
display: flex;
justify-content: center;
padding: 16px;
}
.cart-drawer__footer .hero-trustpilot .first-line b {
font-size: 16px;
line-height: 24px;
}
.cart-drawer__summary {
padding: 0 !important;
gap: 16px !important;
}
.cart-drawer__items {
padding-inline: 0 !important;
padding: 0 16px !important;
}
.cart__summary-totals {
gap: 16px !important;
margin-block-start: 0 !important;
border-block-start: 0 !important;
padding-block-start: 0 !important;
padding: 16px 0 0 !important;
}
.cart__summary-totals .cart-drawer__footer, .cart__total-container {
padding: 0 16px;
}
.cart__total-label, .cart__total-value {
font-size: 20px !important;
line-height: 24px !important;
font-weight: 500 !important;
}
.cart__total-value:has(s) {
display: flex;
gap: 8px;
color: #B2291A;
}
.cart__total-value s {
font-weight: 300;
color: #686864;
}
.cart__ctas {
gap: 0 !important;
padding: 0 16px 28px;
}
.continue-shopping {
text-align: center;
margin: 20px 0 0;
}
.continue-shopping a {
text-decoration: underline;
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
.cart-drawer--empty .cart-drawer__items, .fpro-ecupsells__viewport .appstle_member_widget {
display: none;
}
@media (max-width: 749px) {
.cart-drawer__heading--empty {
font-size: 24px !important;
line-height: 28px !important;
font-weight: 500 !important;
margin: 0 0 12px !important;
}
.cart-drawer__description--empty p {
margin: 0 0 20px;
}
.cart-drawer__footer .hero-trustpilot {
flex-wrap: unset;
gap: 0;
}
.cart-drawer__footer .hero-trustpilot .stars {
margin: 0 10px;
}
.cart-drawer__summary, .cart__summary-totals {
gap: 12px !important;
}
.cart__total-label, .cart__total-value {
font-size: 16px !important;
line-height: 24px !important;
}
.cart-drawer__footer .hero-trustpilot .second-line {
display: none;
}
}
@media (max-width: 299px) {
.cart-drawer__footer .hero-trustpilot .first-line b {
display: none;
}
}
/* Free shipping bar */
.fpro-free-shipping {
padding: 0 16px 8px 16px;
}
.fpro-free-shipping__bar {
background: #F2F7F3;
height: 6px;
border-radius: 100px;
}
.fpro-free-shipping__fill {
display: block;
height: 100%;
background: #6CB27A;
width: 0;
border-radius: 100px;
transition: width .3s linear;
}
.fpro-free-shipping__msg p {
margin: 8px 0;
font-size: 14px;
line-height: 20px;
text-align: center;
}
/* Cart drawer upsells */
.fpro-ecupsells {
padding: 16px;
background-color: var(--fpro-grey);
}
.fpro-ecupsells__header {
display: flex;
justify-content: space-between;
margin: 0 0 16px;
}
.fpro-ecupsells__title {
font-size: 20px;
line-height: 24px;
font-weight: 500;
margin: 0;
}
.fpro-ecupsells__nav {
display: flex;
}
.fpro-ecupsells__btn {
appearance: none;
background: unset;
border: unset;
cursor: pointer;
width: 32px;
height: 32px;
}
.fpro-ecupsells__card {
display: flex;
gap: 12px;
}
.fpro-ecupsells__media {
min-width: 70px;
width: 70px;
}
.fpro-ecupsells__media img {
border-radius: 7px;
}
.fpro-ecupsells__body {
width: calc(100% - 82px);
}
.fpro-ecupsells__rating {
display: flex;
align-items: center;
gap: 4px;
}
.fpro-ecupsells__rating-val {
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.fpro-ecupsells__name {
font-size: 18px;
line-height: 28px;
font-weight: 500;
}
.fpro-ecupsells__price {
font-size: 16px;
line-height: 24px;
font-weight: 500;
display: flex;
gap: 8px;
}
.fpro-ecupsells__price:has(.fpro-ecupsells__compare:not([hidden]) s) .fpro-price--current {
color: #B2291A;
}
.fpro-ecupsells__compare {
font-size: 16px;
line-height: 24px;
color: #686864;
font-weight: 300;
}
.fpro-ecupsells__options {
display: flex;
gap: 8px;
}
.fpro-ecupsells__card .fpro-select {
outline: none;
padding: 0 20px 0 0;
border: 0;
background-color: var(--fpro-grey);
background-position: right 0 center;
border-radius: 0;
}
.fpro-ecupsells__atc-wrapper {
display: flex;
justify-content: space-between;
}
.fpro-ecupsells__atc {
color: var(--fpro-black);
cursor: pointer;
position: relative;
appearance: none;
background-color: unset;
border: unset;
text-decoration: underline;
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
@media (max-width: 749px) {
.fpro-ecupsells__header {
margin: 0 0 12px;
}
.fpro-ecupsells__title {
font-size: 16px;
line-height: 24px;
}
.fpro-ecupsells__btn {
width; 24px;
height: 24px;
}
.fpro-ecupsells__name {
font-size: 16px;
line-height: 24px;
}
}
/* Cart drawer item */
.cart-items__table-row {
display: flex !important;
gap: 12px !important;
align-items: stretch !important;
}
.cart-items__media-image {
width: 88px !important;
border-radius: 7px;
}
.cart-items__details >p:first-child, .cart-items__title {
font-size: 18px !important;
line-height: 28px !important;
font-weight: 500;
}
.cart-items__bundle, .cart-items__variants {
margin: 0 !important;
}
.cart-items__bundle li, .cart-items__variants .cart-items__variant * {
font-size: 16px;
line-height: 24px;
margin: 0 !important;
font-weight: 300;
color: #686864;
}
.cart-items__table-row .quantity-selector {
width: 88px !important;
border: 1px solid #A3A399 !important;
border-radius: 7px !important;
height: 28px !important;
margin: 8px 0 0 !important;
}
.cart-items__table-row .quantity-selector :is(.quantity-minus,.quantity-plus) {
min-width: 28px !important;
width: 28px !important;
height: 28px !important;
padding: 0 !important;
}
.quantity-selector input[type=number] {
font-weight: 500;
font-size: 18px;
line-height: 28px;
width: 20px !important;
padding: 0 !important;
}
.cart-items__remove {
border: 0;
outline: none;
width: 28px !important;
height: 28px !important;
cursor: pointer;
}
.cart-items__price {
height: auto;
flex-grow: 1;
display: flex !important;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
}
.cart-items__price text-component {
margin-bottom: 8px;
opacity: 1 !important;
font-weight: 500;
}
.cart-items__price text-component:has(s) {
display: flex;
align-items: center;
gap: 8px;
color: #B2291A;
}
.cart-items__price text-component s {
font-size: 16px;
line-height: 24px;
font-weight: 300;
color: #686864;
}
@media (max-width: 749px) {
.cart-items__media-image {
width: 80px !important;
}
.cart-items__details >p:first-child, .cart-items__title {
font-size: 16px !important;
line-height: 24px !important;
}
.cart-items__bundle li, .cart-items__variants .cart-items__variant * {
font-size: 14px;
line-height: 20px;
}
.cart-items__price text-component {
margin-bottom: 6px;
}
}
/* Contact */
/* .page-width-content:before {
content: '';
background-image: url(/cdn/shop/files/intersect-1.svg?v=1758003470);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
position: absolute;
width: 265px;
height: 100%;
top: 0;
left: 0;
}
.page-width-content:after {
content: '';
background-image: url(/cdn/shop/files/intersect-2.svg?v=1758003470);
background-size: contain;
background-position: center right;
background-repeat: no-repeat;
position: absolute;
width: 265px;
height: 100%;
top: 0;
right: 0;
} */
.page-width-content h1 {
font-weight: 700 !important;
font-size: 56px !important;
line-height: 60px !important;
z-index: 2;
}
.page-width-content .paragraph * {
font-size: 18px;
line-height: 28px;
font-weight: 300;
z-index: 2;
}
.section-content-wrapper:has(.contact-form) > div {
width: calc(50% - 40px);
}
.section-content-wrapper:has(.contact-form) img {
border-radius: 20px;
}
.contact-extra {
display: flex;
flex-wrap: wrap;
gap: 32px;
margin: 0 0 48px;
}
.contact-extra-block {
display: flex;
gap: 16px;
align-items: center;
width: calc(50% - 16px);
}
.contact-icon {
min-width: 56px;
width: 56px;
height: 56px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--fpro-mint);
border-radius: 10px;
}
.contact-label {
font-size: 16px;
line-height: 24px;
color: #686864;
font-weight: 300;
display: block;
}
.contact-link {
font-size: 20px;
line-height: 24px;
font-weight: 500;
white-space: nowrap;
}
.contact-form__form, .contact-form__form-row {
gap: 0 !important;
}
.contact-form__input {
border: 1px solid #A3A399 !important;
border-radius: 10px !important;
padding: 16px !important;
color: #686864 !important;
font-weight: 300 !important;
font-size: 18px !important;
line-height: 28px !important;
margin: 0 0 16px;
}
.contact-form__input::placeholder {
color: #686864 !important;
}
.contact-form__input:focus {
outline: none !important;
}
.contact-form__form label {
color: var(--fpro-black);
position: relative !important;
margin-bottom: 8px;
font-size: 16px;
line-height: 24px;
font-weight: 300;
}
.contact-form__form label .optional {
color: #686864;
margin-left: 5px;
}
@media (max-width: 1199px) {
.contact-extra-block {
width: 100%;
}
}
@media (max-width: 989px) {
.section-content-wrapper:has(.contact-form) {
--gap-scale: 0.4;
}
.section-content-wrapper:has(.contact-form) > div {
width: calc(50% - 16px);
}
}
@media (max-width: 749px) {
.page-width-content:before {
display: none;
}
.page-width-content .layout-panel-flex {
--spacing-scale: 0.6 !important;
gap: 8px !important;
}
.page-width-content h1 {
font-size: 40px !important;
line-height: 48px !important;
}
.page-width-content .paragraph * {
font-size: 16px;
line-height: 24px;
}
.contact-extra {
gap: 16px;
margin: 0 0 32px;
}
.contact-extra-block {
width: calc(50% - 8px);
flex-direction: column;
align-items: center;
text-align: center;
}
.section-content-wrapper:has(.contact-form) > div {
width: 100%;
}
}
@media (max-width: 329px) {
.contact-extra-block {
width: 100%;
}
}
/* Track your order, return your order */
.tracking-padding {
padding: 80px 0 0;
}
#trackingPageDiv {
max-width: 100% !important;
width: 670px !important;
}
#returnFormHeader {
max-width: 100% !important;
width: 670px !important;
margin: 0 auto !important;
}
#trackingPageDiv .inputElement, #returnFormHeader .inputElement {
border-radius: 10px !important;
padding: 16px !important;
border: 1px solid #A3A399 !important;
font-weight: 300 !important;
font-size: 18px !important;
line-height: 28px !important;
color: #686864 !important;
margin-right: 0 !important;
margin-bottom: 16px !important;
}
#trackingPageDiv .inputElement::placeholder, #returnFormHeader .inputElement::placeholder {
color: #686864 !important;
}
.trackingPageButton, .returnFormButton {
background-color: var(--fpro-black) !important;
color: var(--fpro-white) !important;
border-radius: 13px !important;
padding: 16px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
font-size: 18px !important;
line-height: 28px !important;
font-weight: 500 !important;
text-transform: unset !important;
transition: all .3s !important;
}
.trackingPageButton:after, .returnFormButton:after {
content: "";
display: block;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;utf8,") no-repeat center;
background-size: contain;
transition: all .3s !important;
}
.trackingPageButton:hover, .returnFormButton:hover {
background-color: var(--fpro-mint) !important;
color: var(--fpro-black) !important;
}
.trackingPageButton:hover:after, .returnFormButton:hover:after {
background: url("data:image/svg+xml;utf8,") no-repeat center;
}
#trackingPageDiv .tracking-number, #returnFormHeader .tracking-number, #trackingPageDiv .zip-code {
font-size: 16px;
line-height: 24px;
font-weight: 300;
margin-bottom: 8px;
}
#returnFormHeader .tracking-number {
text-align: left !important;
}
.tracking-labels, #trackingPageHeader, #returnFormHeader> div:nth-child(2), #returnFormFooter {
display: none;
}
@media (max-width: 749px) {
.tracking-padding {
padding: 48px 0 0;
}
#trackingPageDiv .inputElement, .trackingPageButton, #returnFormHeader .inputElement, .returnFormButton {
font-size: 16px !important;
line-height: 24px !important;
}
}
/* Icon list */
.fpro-icon-list__title {
text-align: center;
margin: 0 0 32px;
}
.fpro-icon-list__grid {
display: flex;
flex-wrap: wrap;
gap: 80px;
}
.fpro-icon-list__content, .fpro-icon-list__media {
width: calc(50% - 40px);
}
.fpro-icon-list__item {
display: flex;
align-items: center;
gap: 16px;
padding: 24px 0;
}
.fpro-icon-list__item:not(:last-child) {
border-bottom: 1px solid #686864;
}
.fpro-icon-list__headline {
font-size: 20px;
line-height: 24px;
font-weight: 500;
}
.fpro-icon-list__text {
font-size: 16px;
line-height: 24px;
margin: 0;
}
.fpro-icon-list__cta {
margin: 24px 0 0;
}
.fpro-icon-list__media img {
border-radius: 20px;
object-fit: cover;
height: 100%;
}
@media (max-width: 989px) {
.fpro-icon-list__grid {
gap: 16px;
}
.fpro-icon-list__content, .fpro-icon-list__media {
width: calc(50% - 8px);
}
}
@media (max-width: 749px) {
.fpro-icon-list__content, .fpro-icon-list__media {
width: 100%;
}
.fpro-icon-list__title {
margin: 0 0 20px;
}
.fpro-icon-list__item {
padding: 16px 0;
gap: 12px;
}
.fpro-icon-list__cta {
margin: 16px 0 0;
}
.fpro-icon-list__headline {
font-size: 18px;
line-height: 28px;
}
}
/* Blog list */
.page-title-section:before {
content: '';
background-image: url(/cdn/shop/files/intersect-1.svg?v=1758003470);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
position: absolute;
width: 265px;
height: 100%;
top: 0;
left: 0;
}
.page-title-section:after {
content: '';
background-image: url(/cdn/shop/files/intersect-2.svg?v=1758003470);
background-size: contain;
background-position: center right;
background-repeat: no-repeat;
position: absolute;
width: 265px;
height: 100%;
top: 0;
right: 0;
}
.page-title-section .layout-panel-flex {
padding-left: 20px;
padding-right: 20px;
}
.page-title-section h1 {
font-size: 56px;
line-height: 60px;
}
.page-title-section rte-formatter {
font-size: 18px;
line-height: 28px;
font-weight: 300;
z-index: 2;
}
.blog-posts-container {
gap: 40px !important;
}
.blog-post-item:first-child, .blog-post-item:nth-child(2), .blog-post-item:nth-child(3), .blog-post-item {
--blog-post-card-scale: 1 !important;
grid-column: span 2 !important;
}
.blog-post-item:first-child .blog-post-card {
flex-direction: column !important;
}
.blog-post-item:first-child .blog-post-card__image-container {
width: 100% !important;
}
.blog-post-card__image--small {
height: 240px !important;
}
.blog-post-item:first-child:has(.blog-post-card__image-container) .blog-post-card__content {
padding-inline-start: 0 !important;
width: 100% !important;
}
.blog-post-card__content {
padding-block-start: 24px !important;
}
.blog-post-card__content a {
padding-block-start: 0 !important;
transition: all .3s;
}
.blog-post-card__content a:hover [style*="--color: var(--color-foreground)"] {
color: var(--fpro-black) !important;
opacity: 1 !important;
text-decoration: underline;
}
.blog-post-card__content a > .text-block {
font-size: 24px;
line-height: 28px;
font-weight: 500;
margin: 0 0 12px;
}
.blog-post-card__content-text {
font-size: 16px;
line-height: 24px;
font-weight: 300;
color: #686864;
margin: 0 0 12px;
}
.blog-post-details {
font-size: 16px !important;
line-height: 24px !important;
font-weight: 300 !important;
color: #686864 !important;
gap: 4px !important;
}
.blog-posts-actions {
padding: 48px 0 0;
display: flex;
justify-content: center;
}
.blog-posts-actions .button {
background-color: var(--fpro-white);
color: var(--fpro-black);
outline: 1px solid var(--fpro-black);
}
.blog-posts-actions .button:hover {
background-color: var(--fpro-black);
color: var(--fpro-white);
outline-color: var(--fpro-black);
}
.blog-posts-actions .button svg path {
fill: var(--fpro-black);
}
.blog-posts-actions .button:hover svg path {
fill: var(--fpro-mint);
}
.blog-posts-pagination {
display: flex;
justify-content: center;
gap: 16px;
font-weight: 500;
font-size: 18px;
line-height: 28px;
margin: 48px 0 0;
}
.blog-posts-pagination .page.current {
color: var(--fpro-mint);
}
.page-title-section .custom-section-background {
display: none;
}
@media (max-width: 749px) {
.page-title-section .layout-panel-flex {
gap: 8px;
}
.page-title-section h1 {
font-size: 40px;
line-height: 48px;
}
.page-title-section rte-formatter {
font-size: 16px;
line-height: 24px;
}
.blog-post-item:first-child, .blog-post-item:nth-child(2), .blog-post-item:nth-child(3), .blog-post-item {
grid-column: span 6 !important;
}
.blog-post-card__image--small {
height: 200px !important;
}
.blog-post-card__content {
padding-block-start: 16px !important;
}
.blog-post-card__content a > .text-block {
font-size: 20px;
line-height: 24px;
margin: 0 0 8px;
}
.blog-post-card__content-text, .blog-post-details {
font-size: 14px !important;
line-height: 20px !important;
}
.blog-posts-actions {
padding: 40px 0 0;
}
.blog-posts-actions .button {
width: 100% !important;
}
.blog-posts-pagination {
margin: 24px 0 0;
}
.page-title-section:before {
display: none;
}
}
/* Blog post */
.blog-post {
max-width: 1000px;
margin: 80px auto 80px;
}
.blog-post header {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.blog-post h1 {
font-size: 40px !important;
line-height: 48px !important;
font-weight: 700 !important;
margin: 0 0 16px !important;
}
.article-excerpt {
margin: 0 0 16px;
text-align: center;
}
.blog-post-featured-image {
margin: 40px 0;
}
.blog-post-featured-image img {
border-radius: 20px;
max-height: 480px;
object-fit: cover;
}
.blog-post-content {
max-width: 900px !important;
}
.blog-post-content p, .blog-post-content p * {
font-size: 18px !important;
line-height: 28px !important;
font-weight: 300 !important;
}
.blog-post-content p strong {
font-size: 20px !important;
line-height: 24px !important;
font-weight: 500 !important;
}
.blog-post-content h2, .blog-post-content h3, .blog-post-content h4, .blog-post-content h5, .blog-post-content h6 {
font-size: 32px !important;
line-height: 36px !important;
}
.related-posts__title {
font-size: 40px;
line-height: 48px;
text-align: center;
margin: 0 0 48px;
}
.related-posts__grid {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.related-posts__grid .blog-post-item {
width: calc(33.33% - 26.66px);
}
@media (max-width: 749px) {
.blog-post {
margin: 20px auto 40px;
}
.blog-post h1 {
font-size: 32px !important;
line-height: 36px !important;
margin: 0 0 12px !important;
}
.blog-post-featured-image {
margin: 20px 0;
}
.blog-post-featured-image img {
border-radius: 13px;
max-height: 180px;
}
.blog-post-content p, .blog-post-content p *, .blog-post-content p strong {
font-size: 16px !important;
line-height: 24px !important;
}
.blog-post-content h2, .blog-post-content h3, .blog-post-content h4, .blog-post-content h5, .blog-post-content h6 {
font-size: 24px !important;
line-height: 28px !important;
}
.related-posts__title {
font-size: 32px;
line-height: 36px;
margin: 0 0 28px;
}
.related-posts__grid {
gap: 24px;
}
.related-posts__grid .blog-post-item {
width: 100%;
}
}
/* Pricing cards modal */
.vextra-backdrop {
position: fixed;
inset: 0;
background:rgba(0, 0, 0, .25);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .3s ease;
z-index: 1000
}
.vextra-modal {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
inset: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .3s ease;
z-index: 1001;
}
.vextra-modal[open], .vextra-backdrop[open] {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.vextra-modal__inner {
background: var(--fpro-white);
max-width: 100%;
width: 480px;
border-radius: 20px;
position: relative;
overflow: hidden;
padding: 24px;
}
.vextra-modal__heading {
font-size: 20px;
line-height: 24px;
font-weight: 500;
margin: 4px 0 28px;
}
.vextra-modal__close {
position: absolute;
top: 28px;
right: 28px;
padding: 0;
background: var(--fpro-white);
border: 0;
cursor: pointer;
}
.vextra-optblock {
display: flex;
gap: 16px;
align-items: center;
margin: 0 0 16px;
}
.vextra-optblock:last-child {
margin: 0;
}
.vextra-modal__img {
border-radius: 13px;
width: 88px;
height: 88px;
}
.vextra-modal__label {
margin: 0 0 8px;
font-size: 18px;
line-height: 28px;
font-weight: 500;
}
.vextra-pillwrap {
display: flex;
align-items: center;
gap: 8px;
}
.vextra-pill {
display: flex;
flex-direction: column;
background: var(--fpro-grey);
border: 2px solid transparent;
border-radius: 7px;
padding: 8px;
font-size: 14px;
line-height: 20px;
font-weight: 300;
color: var(--fpro-black);
transition: all .3s;
cursor: pointer;
}
.vextra-pill.is-oos {
opacity: .45;
cursor: not-allowed;
}
.vextra-pill[aria-pressed="true"] {
border: 2px solid var(--fpro-mint);
background: #C9FCF8;
}
.vextra-modal__custom {
padding: 8px 0 0;
}
.vextra-modal__custom .hero-trustpilot {
justify-content: center;
}
.vextra-modal__cta {
margin: 16px 0 0;
}
.vextra-modal__checkout {
width: 100%;
}
.vextra-modal__iconrow {
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
margin: 16px 0 0;
}
.vextra-modal__icontext {
font-size: 12px;
line-height: 16px;
font-weight: 300;
}
.vextra-modal__product {
display: none;
}
@media (max-width: 749px) {
.vextra-modal {
align-items: flex-end;
}
.vextra-modal__inner {
border-radius: 13px 13px 0 0;
width: 100%;
padding: 16px;
}
.vextra-modal__heading {
margin: 4px 0 20px;
}
.vextra-modal__close {
top: 20px;
right: 20px;
}
.vextra-optblock {
gap: 12px;
margin: 0 0 12px;
}
.vextra-modal__label {
margin: 0 0 4px;
}
.vextra-modal__cta {
margin: 12px 0 0;
}
.button.vextra-modal__checkout:hover {
color: var(--fpro-white) !important;
outline-color: var(--fpro-black) !important;
background-color: var(--fpro-black) !important;
}
.button.vextra-modal__checkout:hover svg path {
fill: var(--fpro-mint) !important;
}
}
/* Cookies */
.shopify-pc__banner__dialog h1, .shopify-pc__banner__dialog h2, .shopify-pc__banner__dialog h3, .shopify-pc__banner__dialog h4, .shopify-pc__banner__dialog h5, .shopify-pc__banner__dialog h6, .shopify-pc__prefs__dialog h1, .shopify-pc__prefs__dialog h2, .shopify-pc__prefs__dialog h3, .shopify-pc__prefs__dialog h4, .shopify-pc__prefs__dialog h5, .shopify-pc__prefs__dialog h6 {
font-family: 'Selecta', sans-serif !important;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 24px !important;
color: var(--fpro-black) !important;
}
.shopify-pc__prefs__option label {
font-family: 'Selecta', sans-serif !important;
font-weight: 500 !important;
font-size: 20px !important;
color: var(--fpro-black) !important;
}
#shopify-pc__banner__body-title {
margin: 0 0 8px !important;
}
.shopify-pc__banner__dialog {
background-color: var(--fpro-white) !important;
padding: 24px 42px !important;
}
.shopify-pc__banner__dialog p, .shopify-pc__prefs__option p, .shopify-pc__prefs__intro-main p {
font-size: 16px !important;
line-height: 24px !important;
color: var(--fpro-black) !important;
}
.shopify-pc__banner__btns {
align-items: center !important;
justify-content: flex-end !important;
gap: 12px !important;
}
.shopify-pc__banner__btns button {
margin: 0 !important;
flex-basis: unset !important;
}
.shopify-pc__banner__btns button:not(#shopify-pc__banner__btn-manage-prefs), .shopify-pc__prefs__header-actions button {
display: flex !important;
justify-content: center !important;
align-items: center !important;
font-size: 18px !important;
line-height: 28px !important;
padding: 16px !important;
gap: 8px !important;
font-weight: 500 !important;
border-radius: 13px !important;
border: 1px solid var(--fpro-black) !important;
transition: all .3s !important;
position: relative !important;
}
#shopify-pc__banner__btn-accept, #shopify-pc__prefs__header-accept, #shopify-pc__prefs__header-save {
color: var(--fpro-white) !important;
background-color: var(--fpro-black) !important;
}
#shopify-pc__banner__btn-accept:after, #shopify-pc__prefs__header-accept:after, #shopify-pc__prefs__header-save:after {
content: "";
display: block;
width: 24px;
height: 24px;
background: url('data:image/svg+xml;utf8,') no-repeat center center;
background-size: contain;
transition: all .3s;
}
button#shopify-pc__banner__btn-accept:hover, button#shopify-pc__prefs__header-accept:hover, button#shopify-pc__prefs__header-save:hover {
color: var(--fpro-black) !important;
background-color: var(--fpro-mint) !important;
border: 1px solid var(--fpro-mint) !important;
}
#shopify-pc__banner__btn-accept:hover:after, #shopify-pc__prefs__header-accept:hover:after, #shopify-pc__prefs__header-save:hover:after {
background: url('data:image/svg+xml;utf8,') no-repeat center center;
}
#shopify-pc__banner__btn-decline, #shopify-pc__prefs__header-decline {
color: var(--fpro-black) !important;
background-color: var(--fpro-white) !important;
}
#shopify-pc__banner__btn-decline:after, #shopify-pc__prefs__header-decline:after {
content: "";
display: block;
width: 24px;
height: 24px;
background: url('data:image/svg+xml;utf8,') no-repeat center center;
background-size: contain;
transition: all .3s;
}
#shopify-pc__banner__btn-decline:hover, #shopify-pc__prefs__header-decline:hover {
color: var(--fpro-white) !important;
background-color: var(--fpro-black) !important;
}
#shopify-pc__banner__btn-decline:hover:after, #shopify-pc__prefs__header-decline:hover:after {
background: url('data:image/svg+xml;utf8,') no-repeat center center;
}
#shopify-pc__banner__btn-manage-prefs {
padding: 12px !important;
font-size: 18px !important;
line-height: 28px !important;
font-weight: 500 !important;
color: var(--fpro-black) !important;
white-space: nowrap !important;
text-decoration: underline !important;
}
.shopify-pc__prefs__header-close:focus {
box-shadow: unset !important;
}
@media (max-width: 1280px) {
.shopify-pc__banner__dialog h1, .shopify-pc__banner__dialog h2, .shopify-pc__banner__dialog h3, .shopify-pc__banner__dialog h4, .shopify-pc__banner__dialog h5, .shopify-pc__banner__dialog h6, .shopify-pc__prefs__dialog h1, .shopify-pc__prefs__dialog h2, .shopify-pc__prefs__dialog h3, .shopify-pc__prefs__dialog h4, .shopify-pc__prefs__dialog h5, .shopify-pc__prefs__dialog h6 {
font-size: 18px !important;
line-height: 28px !important;
}
.shopify-pc__prefs__option label {
font-size: 18px !important;
}
.shopify-pc__banner__dialog p, .shopify-pc__prefs__option p, .shopify-pc__prefs__intro-main p {
font-size: 14px !important;
line-height: 20px !important;
}
.shopify-pc__banner__dialog {
padding: 20px !important;
}
.shopify-pc__banner__body {
margin-bottom: 20px !important;
}
#shopify-pc__banner__body-title {
margin: 0 0 4px !important;
}
.shopify-pc__banner__btns {
justify-content: center !important;
flex-direction: row-reverse !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
#shopify-pc__banner__btn-manage-prefs {
width: 100% !important;
order: 3 !important;
}
.shopify-pc__banner__btns button:not(#shopify-pc__banner__btn-manage-prefs) {
width: calc(50% - 4px) !important;
}
.shopify-pc__prefs__header-actions button {
width: 100% !important;
}
.shopify-pc__banner__btns button:not(#shopify-pc__banner__btn-manage-prefs), .shopify-pc__prefs__header-actions button {
border-radius: 10px !important;
padding: 10px !important;
font-size: 16px !important;
line-height: 24px !important;
}
}
/* Policy */
.shopify-policy__container {
padding: 80px 16px;
max-width: 700px !important;
}
.shopify-policy__container h1 {
font-size: 48px;
line-height: 56px;
margin: 0 0 32px;
}
.shopify-policy__container h2 {
font-size: 32px;
line-height: 36px;
}
@media (max-width: 749px) {
.shopify-policy__container {
padding: 48px 16px;
}
.shopify-policy__container h1 {
margin: 0 0 24px;
font-size: 32px;
line-height: 36px;
}
.shopify-policy__container h2 {
font-size: 20px;
line-height: 24px;
}
}
/* Toggle with image */
.fpro-toggle__title {
margin: 0 0 16px;
text-align: center;
}
.fpro-toggle__subtext {
margin: 0 0 32px !important;
text-align: center;
}
.fpro-toggle__wrap {
padding: 40px;
border-radius: 30px;
}
.fpro-toggle__grid {
display: flex;
align-items: center;
gap: 80px;
}
.fpro-toggle__list {
width: calc(50% - 40px);
padding-right: 60px;
}
.fpro-toggle__image {
width: calc(50% - 40px);
}
.fpro-toggle__item {
padding: 0 0 40px;
}
.fpro-toggle__button {
cursor: pointer;
width: 100%;
padding: 0 0 8px;
appearance: none;
background: unset;
border: 0;
display: flex;
gap: 8px;
align-items: center;
justify-content: space-between;
}
.fpro-toggle__button svg, .fpro-toggle__button svg path {
transition: all .3s;
}
.fpro-toggle__button[aria-expanded="true"] svg path {
fill: var(--fpro-black);
}
.fpro-toggle__item-title {
font-weight: 500;
font-size: 26px;
line-height: 28px;
margin: 0;
text-align: left;
color: var(--fpro-black);
}
@media (max-width: 989px) {
.fpro-toggle__subtext {
margin: 0 0 24px !important;
}
.fpro-toggle__wrap {
padding: 0;
}
.fpro-toggle__grid {
gap: 32px;
flex-direction: column-reverse;
}
.fpro-toggle__list {
width: 100%;
padding-right: 0;
}
.fpro-toggle__image {
width: 100%;
}
.fpro-toggle__item {
padding: 0 0 32px;
}
.fpro-toggle__button {
padding: 0 0 16px;
}
}
@media (max-width: 749px) {
.fpro-toggle__item-title {
font-size: 20px;
line-height: 24px;
}
.fpro-toggle__panel-inner p {
font-size: 14px;
line-height: 20px;
}
}
/* Fpro cards slider */
.fpro-cards__header {
text-align: center;
}
.fpro-cards__title {
margin: 0 0 16px;
}
.fpro-cards__subtext {
margin: 0 0 32px !important;
}
.fpro-cards__swiper {
max-width: 100%;
}
.fpro-card {
border-radius: 30px;
height: 100%;
position: relative;
}
.fpro-card > * {
position: relative;
z-index: 1;
}
.fpro-card:before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
background: linear-gradient(180deg, #7C7C7C 0%, #161616 74.04%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
z-index: 0;
}
.fpro-card__media img {
aspect-ratio: 430/380;
object-fit: cover;
}
.fpro-card__body {
padding: 32px;
}
.fpro-card__title {
font-size: 32px;
line-height: 36px;
font-weight: 500;
margin: 0 0 16px;
}
.fpro-card__text p {
font-size: 16px;
line-height: 24px;
}
.fpro-cards__controls {
display: flex;
justify-content: center;
align-items: center;
gap: 60px;
margin: 32px 0 0;
}
.fpro-cards__pagination {
transform: unset !important;
}
.fpro-cards__pagination .swiper-pagination-bullet {
width: 4px;
height: 4px;
background-color: var(--fpro-black);
opacity: .25;
margin: 0 18px !important;
transform: unset !important;
}
.fpro-cards__pagination .swiper-pagination-bullet-active {
opacity: 1;
}
.fpro-cards__controls button {
cursor: pointer;
background: unset;
border: unset;
border-radius: unset;
}
@media (max-width: 989px) {
.fpro-cards__controls {
gap: 16px;
}
}
@media (max-width: 749px) {
.fpro-cards__subtext {
margin: 0 0 16px !important;
}
.fpro-card {
border-radius: 20px;
}
.fpro-card__title {
font-size: 20px;
line-height: 24px;
}
.fpro-card__text p {
font-size: 14px;
line-height: 20px;
}
.fpro-cards__pagination .swiper-pagination-bullet {
margin: 0 10px !important;
}
}
/* Fpro two banners */
.fpro-two-banners__header {
text-align: center;
}
.fpro-two-banners__title {
margin: 0 0 16px;
}
.fpro-two-banners__subheading {
margin: 0 0 62px !important;
}
.fpro-two-banners__grid {
display: flex;
gap: 30px;
}
.fpro-two-banners__left {
background: linear-gradient(180deg, #313131 39.51%, #161616 100%);
border-radius: 30px;
width: calc(50% - 15px);
}
.fpro-two-banners__right {
border-radius: 30px;
width: calc(50% - 15px);
padding: 64px 52px;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
}
.fpro-two-banners__right-title {
font-size: 40px;
line-height: 48px;
font-weight: 500;
margin: 0 0 24px;
flex: 1;
}
.fpro-two-banners__badge {
display: inline-flex;
align-items: center;
border-radius: 7px;
padding: 8px;
gap: 6px;
margin: 0 0 24px;
}
.fpro-two-banners__badge-text {
display: block;
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
@media (min-width: 990px) {
.fpro-two-banners__left .fpro-two-banners__img--desktop {
margin-top: -30px;
}
}
@media (max-width: 989px) {
.fpro-two-banners__subheading {
margin: 0 0 32px !important;
}
.fpro-two-banners__grid {
flex-direction: column;
gap: 0;
}
.fpro-two-banners__left {
width: 100%;
border-radius: 15px;
}
.fpro-two-banners__right {
width: 100%;
background: unset !important;
padding: 0;
}
.fpro-two-banners__right-title {
margin: 16px 0 !important;
order: 2;
}
.fpro-two-banners__badge {
order: 1;
margin: 32px 0 0;
}
.fpro-two-banners__right-text {
order: 3;
}
}
@media (max-width: 749px) {
.fpro-two-banners__right-title {
font-size: 26px;
line-height: 28px;
}
.fpro-two-banners__right-text {
order: 3;
}
.fpro-two-banners__right-text p {
font-size: 14px;
line-height: 20px;
}
}
/* Fpro banner tabs */
.fpro-banner-tabs__header {
text-align: center;
}
.fpro-banner-tabs__title {
margin: 0 0 16px;
}
.fpro-banner-tabs__subheading {
margin: 0 0 32px !important;
}
.fpro-banner-tabs__nav {
display: inline-flex;
width: fit-content;
align-items: center;
justify-content: center;
background-color: #EBEBE7;
margin: 0 auto 32px;
border-radius: 60px;
padding: 6px;
gap: 8px;
}
.fpro-banner-tabs__tab {
background: var(--fpro-white);
border: unset;
appearance: none;
border-radius: 60px;
padding: 4px;
min-width: 110px;
font-size: 18px;
line-height: 28px;
font-weight: 500;
cursor: pointer;
transition: all .3s;
color: var(--fpro-black);
}
.fpro-banner-tabs__tab:hover, .fpro-banner-tabs__tab.is-active {
background: var(--fpro-black);
color: var(--fpro-mint);
}
.fpro-banner-tabs__panes .fpro-banner-tabs__pane {
display: none;
}
.fpro-banner-tabs__bg {
display: none;
border-radius: 30px;
}
.fpro-banner-tabs__panes .fpro-banner-tabs__pane.is-active, .fpro-banner-tabs__mobile-media {
display: block;
}
.fpro-banner-tabs__pane-title {
font-size: 40px;
line-height: 48px;
font-weight: 500;
margin: 0 0 16px;
max-width: 550px;
}
.fpro-banner-tabs__pane-subtext {
max-width: 550px;
}
.fpro-banner-tabs__mobile-media {
margin: 0 0 16px;
}
.fpro-banner-tabs__mobile-media img {
border-radius: 30px;
}
@media (min-width: 990px) {
.fpro-banner-tabs__pane {
position: relative;
}
.fpro-banner-tabs__mobile-media {
display: none;
}
.fpro-banner-tabs__bg {
display: block;
position: absolute;
inset: 0;
background-image: var(--bg-image);
background-size: cover;
background-position: center;
}
.fpro-banner-tabs__content {
position: relative;
z-index: 1;
min-height: 500px;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: var(--fpro-white);
padding: 40px;
}
}
@media (max-width: 989px) {
.fpro-banner-tabs__subheading {
margin: 0 0 16px !important;
}
}
@media (max-width: 749px) {
.fpro-banner-tabs__nav {
width: 100%;
padding: 4px;
margin: 0 0 16px;
gap: 4px;
}
.fpro-banner-tabs__tab {
font-size: 12px;
line-height: 20px;
min-width: unset;
width: calc(25% - 3px);
}
.fpro-banner-tabs__pane-title {
font-size: 26px;
line-height: 28px;
}
.fpro-banner-tabs__pane-subtext p {
font-size: 14px;
line-height: 20px;
}
}
/* Fpro banner toggles */
.fpro-banner-toggles__header {
text-align: center;
}
.fpro-banner-toggles__title {
margin: 0 0 16px;
}
.fpro-banner-toggles__subheading {
margin: 0 0 60px !important;
}
.fpro-banner-toggles__list {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.fpro-banner-toggle {
position: relative;
background-image: var(--banner-bg);
background-size: cover;
background-position: center;
color: #fff;
border-radius: 30px;
padding: 32px;
width: calc(50% - 20px);
aspect-ratio: 530/615;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.fpro-banner-toggle > * {
position: relative;
z-index: 1;
}
.fpro-banner-toggle:before {
content: '';
display: block;
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(22, 22, 22, 0) 0%, #161616 93.62%);
border-radius: inherit;
z-index: 0;
}
.fpro-banner-toggle__button {
display: flex;
gap: 16px;
align-items: center;
justify-content: space-between;
background: unset;
border: unset;
width: 100%;
cursor: pointer;
color: var(--fpro-white);
font-size: 26px;
line-height: 28px;
font-weight: 500;
text-align: left;
padding: 0;
}
.fpro-banner-toggle__icon {
transition: transform .3s ease;
}
.fpro-banner-toggle__button[aria-expanded="true"] .fpro-banner-toggle__icon {
transform: rotate(180deg);
}
.fpro-banner-toggle__panel {
display: block;
overflow: hidden;
height: 0;
transition: height .3s ease;
}
.fpro-banner-toggle__items {
list-style-type: none;
padding: 0;
margin: 16px 0 0;
}
.fpro-banner-toggle__item {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 8px;
color: #EBEBE7;
font-size: 16px;
line-height: 24px;
}
.fpro-banner-toggle__check svg {
flex-shrink: 0;
}
@media (max-width: 989px) {
.fpro-banner-toggles__subheading {
margin: 0 0 32px !important;
}
}
@media (max-width: 749px) {
.fpro-banner-toggles__list {
flex-wrap: wrap;
gap: 20px;
}
.fpro-banner-toggle {
width: 100%;
aspect-ratio: 335/480;
padding: 64px 32px;
}
.fpro-banner-toggle__button {
font-size: 20px;
line-height: 24px;
}
.fpro-banner-toggle__item {
font-size: 14px;
line-height: 20px;
}
}
/* Fpro black friday hero */
.fpro-bf-hero {
position: relative;
overflow: hidden;
padding: 80px;
}
.fpro-bf-hero__bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.fpro-bf-hero__content {
color: var(--fpro-white);
position: relative;
z-index: 2;
max-width: 540px;
}
.fpro-bf-hero__content h1 {
font-size: 60px;
line-height: 1;
margin: 34px 0 42px;
}
.fpro-bf-hero__content p {
font-size: 17px;
line-height: 24px;
font-weight: 500;
margin: 0 0 42px;
}
.fpro-lines__inner .fpro-lines__row.is-pausable, .fpro-lines__inner .fpro-lines__row.is-pausable .fpro-lines__item svg {
transform: unset;
}
@media (max-width: 989px) {
.fpro-bf-hero {
padding: 40px 20px;
}
.fpro-bf-hero__content {
text-align: center;
min-height: 600px;
margin: 0 auto;
}
.fpro-bf-hero__content .button {
margin: 0 auto;
}
}
@media (max-width: 749px) {
.fpro-bf-hero__content {
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between;
}
.fpro-bf-hero__content h1 {
font-size: 44px;
margin: 14px 0;
}
.fpro-bf-hero__content p {
font-size: 16px;
margin: 0 0 20px;
}
.fpro-lines__inner .fpro-lines__row.is-pausable .fpro-lines__item svg {
width: 153px;
height: 20px;
}
}
/* Christmas membership cards */
.pricing-tab.is-active {
background-color: #000000;
}
.pricing-card--popular {
background-color: #000000;
}
.pricing-card__badge {
color: var(--fpro-white);
}
.pricing-card__price .price__badge, .extras-price__discount {
background-color: #EF4649;
box-shadow: 0px 0px 12px 0px #EA4335;
}
.pricing-extras__price:has(.extras-price__was) .extras-price__now {
color: #EF4649;
}
/* Newsletter */
.email-signup .layout-panel-flex {
padding: 90px 40px;
border-radius: 20px;
background-color: var(--fpro-grey);
}
.email-signup h2 {
margin: 0 0 32px !important;
}
.email-signup h2 em {
font-style: normal;
color: #686864;
}
.email-signup .paragraph p {
font-weight: 300;
margin: 0 0 42px !important;
font-size: 18px;
line-height: 28px;
}
.email-signup .h5 p {
font-weight: 500;
color: #7D7D78;
margin: 22px 0 0;
font-size: 18px;
line-height: 28px;
}
.email-signup__message {
margin: 22px 0 0;
font-size: 18px;
line-height: 28px;
justify-content: center;
}
.email-signup .email-signup__input {
font-size: 16px !important;
line-height: 24px !important;
font-weight: 500;
padding: 18px 20px;
}
.email-signup .email-signup__input-group {
max-width: 100%;
width: 550px;
margin: 0 auto;
}
.email-signup .email-signup__button--integrated {
height: 100%;
right: -1px;
top: 0;
bottom: 0;
font-size: 20px;
padding: 16px 20px !important;
}
@media (max-width: 749px) {
.email-signup .layout-panel-flex {
padding: 50px 20px;
}
.email-signup h2 em {
display: block;
}
.email-signup .paragraph p {
margin: 0 0 48px !important;
font-size: 16px;
line-height: 24px;
}
.email-signup__message {
font-size: 16px;
line-height: 24px;
}
.email-signup .email-signup__input {
padding: 16px 20px;
}
.email-signup .email-signup__button--integrated {
position: relative;
height: auto;
width: 100%;
margin: 14px 0 0;
}
}
/* Features marquee */
.fpro-features .fpro-logos__title {
margin: 0 !important;
}
.fpro-features__text {
margin: 16px auto 22px;
text-align: center;
}
.fpro-features__marquee-desktop {
display: none;
}
.fpro-features__mobile-rows {
display: grid;
gap: 16px;
}
.fpro-features .fpro-logos__track {
animation-play-state: running;
}
@media (min-width: 990px) {
.fpro-features__marquee-desktop {
display: block;
}
.fpro-features__mobile-rows {
display: none;
}
}
/* Pricing v2 */
.fpro-pricing-v2__option[data-pro-kit-plan="true"] .fpro-pricing-v2__product:not(:first-child) .fpro-pricing-v2__product-prices,
.fpro-pricing-v2__product-option:not([data-pro-kit-owner="1"]) {
display: none;
}
.fpro-pricing-v2__product--membership .fpro-pricing-v2__product-prices {
display: flex !important;
}
.fpro-pricing-v2__title {
text-align: center;
margin: 0 0 12px;
}
.fpro-pricing-v2__subtext {
text-align: center;
margin: 0 0 36px;
}
.fpro-pricing-v2__tabs {
display: flex;
border: 1px solid var(--fpro-black);
width: 440px;
max-width: 100%;
border-radius: 13px;
margin: 0 auto 32px;
gap: 4px;
padding: 4px;
}
.fpro-pricing-v2__tab {
width: calc(50% - 2px);
font-size: 16px;
line-height: 24px;
font-weight: 500;
border-radius: 10px;
padding: 12px;
text-align: center;
background-color: var(--fpro-grey);
cursor: pointer;
color: var(--fpro-black);
transition: all .3s;
border: 0;
}
.fpro-pricing-v2__tab.is-active {
background-color: var(--fpro-black);
color: var(--fpro-white);
}
.fpro-pricing-v2__preview-column {
gap: 80px;
display: flex;
}
.fpro-pricing-v2__image-area, .fpro-pricing-v2__options-column {
width: calc(50% - 40px);
}
.fpro-pricing-v2__option {
background-color: var(--fpro-grey);
border-radius: 12px;
padding: 16px 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 17.5px;
margin: 0 0 14px;
position: relative;
cursor: pointer;
transition: all .3s;
border: 1px solid transparent;
}
.fpro-pricing-v2__option.is-active {
border: 1px solid #686864;
}
.section--fpro-pricing-v2 input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 23px;
height: 23px;
border-radius: 50%;
border: 1px solid #A3A399;
background-color: transparent;
position: relative;
cursor: pointer;
box-sizing: border-box;
}
.section--fpro-pricing-v2 input[type="radio"]:checked {
border: 1px solid var(--fpro-black);
}
.section--fpro-pricing-v2 input[type="radio"]::after {
content: "";
position: absolute;
inset: 0;
margin: auto;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: transparent;
}
.section--fpro-pricing-v2 input[type="radio"]:checked::after {
background-color: var(--fpro-black);
}
.section--fpro-pricing-v2 input[type="radio"]:focus-visible {
outline: 2px solid var(--fpro-black);
outline-offset: 2px;
}
.fpro-pricing-v2__option-header {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
.fpro-pricing-v2__option-title-row {
font-size: 26px;
line-height: 28px;
font-weight: 500;
}
.fpro-pricing-v2__option-subtitle {
font-size: 16px;
line-height: 28px;
color: #686864;
}
.fpro-pricing-v2__option-prices {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.fpro-pricing-v2__option-price-current {
font-size: 26px;
line-height: 28px;
font-weight: 500;
}
.fpro-pricing-v2__option-price-full {
font-size: 16px;
line-height: 28px;
color: #686864;
text-decoration: line-through;
}
.fpro-pricing-v2__option-badge {
position: absolute;
right: 20px;
top: -12px;
background-color: var(--fpro-mint);
font-size: 10px;
line-height: 24px;
display: block;
font-weight: 700;
border-radius: 0 0 8px 8px;
padding: 0 8px;
}
.fpro-pricing-v2__option-badge:before {
content: "";
position: absolute;
left: -12px;
top: 0;
width: 0;
height: 0;
border-right: 12px solid #219C90;
border-top: 12px solid transparent;
}
.fpro-pricing-v2__option-products {
margin: -24px 0 0;
width: 100%;
border: 1px solid #686864;
border-radius: 10px;
display: none;
}
.fpro-pricing-v2__product {
display: flex;
gap: 10px;
padding: 10px 14px;
position: relative;
width: 100%;
}
.fpro-pricing-v2__product--membership {
border: 1px solid #686864;
border-radius: 10px;
background-color: var(--fpro-white);
display: none;
}
.fpro-pricing-v2__option.is-active .fpro-pricing-v2__product--membership {
display: flex;
}
.fpro-pricing-v2__product:not(:last-child, .fpro-pricing-v2__product--membership) {
border-bottom: 1px solid #686864;
}
.fpro-pricing-v2__extras-heading {
border: 1px solid #91918D;
background-color: var(--fpro-grey);
z-index: 2;
color: #7D7D78;
font-size: 10px;
line-height: 1.2;
padding: 4px 8px;
margin: 0 auto -6px;
border-radius: 5px;
}
.fpro-pricing-v2__product img {
width: 54px;
height: 54px;
min-width: 54px;
border-radius: 5px;
}
.fpro-pricing-v2__product-info {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1;
}
.fpro-pricing-v2__product-title, .fpro-pricing-v2__product-price-now, .fpro-pricing-v2__product-prices > span:first-child {
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
.fpro-pricing-v2__product-description {
font-size: 16px;
line-height: 28px;
color: #686864;
font-weight: 400;
}
.fpro-pricing-v2__product-option {
position: relative;
border: 1px solid var(--grey-3, #686864);
background-color: #FAF9F6;
border-radius: 6px;
padding: 0 8px;
max-width: 100px;
}
.fpro-pricing-v2__product-option select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
color: #686864;
border: 0;
width: 100%;
background-color: #FAF9F6;
}
.fpro-pricing-v2__product-option select:focus {
outline: none;
}
.fpro-pricing-v2__product-option:after {
content: "";
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 6px;
pointer-events: none;
background-repeat: no-repeat;
background-position: center;
background-size: 12px 6px;
background-image: url("data:image/svg+xml;utf8,");
}
.fpro-pricing-v2__product-prices {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.fpro-pricing-v2__product-prices span {
display: block;
}
.fpro-pricing-v2__product-price-full s, .fpro-pricing-v2__product-prices > span:nth-child(2) {
font-size: 16px;
line-height: 28px;
color: #686864;
font-weight: 400;
text-decoration: line-through;
}
.fpro-pricing-v2__form button {
width: 100%;
}
.fpro-pricing-v2__delivery {
margin: 24px 0 0;
display: flex;
align-items: center;
gap: 10px;
font-size: 16px;
line-height: 28px;
color: #686864;
}
.fpro-pricing-v2__plan-description-wrapper, .fpro-pricing-v2__extras-heading {
display: none;
}
.fpro-pricing-v2__option.is-active .fpro-pricing-v2__plan-description-wrapper, .fpro-pricing-v2__option.is-active .fpro-pricing-v2__extras-heading, .fpro-pricing-v2__option.is-active .fpro-pricing-v2__option-products {
display: block;
}
.fpro-pricing-v2__desc-heading {
margin: 8px 0 0;
font-size: 18px;
line-height: 28px;
font-weight: 500;
}
.fpro-pricing-v2__plan-description {
color: #686864;
}
@media (max-width: 989px) {
.fpro-pricing-v2__preview-column {
gap: 20px;
flex-wrap: wrap;
}
.fpro-pricing-v2__image-area, .fpro-pricing-v2__options-column {
width: 100%;
}
}
@media (max-width: 749px) {
.fpro-pricing-v2__title {
margin: 0 0 10px;
}
.fpro-pricing-v2__subtext {
margin: 0 0 22px;
}
.fpro-pricing-v2__tabs {
margin: 0 auto 20px;
}
.fpro-pricing-v2__tab {
padding: 8px;
}
.fpro-pricing-v2__option-title-row {
font-size: 20px;
line-height: 24px;
}
.fpro-pricing-v2__product-title, .fpro-pricing-v2__product-description {
font-size: 14px;
line-height: 18px;
}
.fpro-pricing-v2__option-price-current {
font-size: 20px;
line-height: 24px;
}
.fpro-pricing-v2__delivery {
font-size: 14px;
line-height: 16px;
margin: 20px 0 0;
}
.fpro-pricing-v2__desc-heading {
margin: 0;
}
}
/* Top bar v2 */
.announcement-bar__text {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
@media (max-width: 749px) {
.announcement-bar__text {
font-size: 14px;
}
}
/* Hero v2 */
.fpro-hero-v2__content {
max-width: 800px;
}
.fpro-hero-v2 .hero-trustpilot {
color: #AAAAAA;
font-size: 12px;
margin: 0 0 32px;
flex-wrap: nowrap;
justify-content: flex-start !important;
}
.fpro-hero-v2 .hero-trustpilot .stars {
margin: 0 8px 0 0;
max-width: 98px;
}
.fpro-hero-v2 .hero-trustpilot .hero-trustpilot .name {
margin: 0 0 0 4px;
max-width: 68px;
}
.fpro-hero-v2__heading * {
font-size: 72px;
line-height: 1.2;
color: #fff;
margin: 0 0 24px !important;
font-weight: 500;
}
.fpro-hero-v2__heading em {
font-style: normal;
color: #C9FCF8;
text-shadow:
0 0 4px rgba(0, 255, 230, 0.8),
0 0 12px rgba(0, 255, 230, 0.6),
0 0 30px rgba(0, 255, 230, 0.35);
}
.fpro-hero-v2.purple .fpro-hero-v2__heading em {
font-style: normal;
color: #F7E0FF;
text-shadow:
0 0 4px rgba(207, 62, 255, 0.8),
0 0 12px rgba(207, 62, 255, 0.6),
0 0 30px rgba(207, 62, 255, 0.35);
}
.fpro-hero-v2__text * {
color: #AAAAAA;
margin: 0 0 32px !important;
font-size: 20px;
font-weight: 400;
}
.fpro-hero-v2__buttons {
display: inline-flex;
gap: 8px;
padding: 12px;
border-radius: 12px;
border: 1px solid #ffffff1a;
backdrop-filter: blur(10px);
background-color: #ffffff0d;
}
.fpro-hero-v2__content video {
width: 100%;
}
@media (min-width: 750px) {
.fpro-hero-v2 {
position: relative;
}
.section-wrapper > .fpro-hero-v2:before {
content: '';
display: block;
position: absolute;
inset: 0;
z-index: 3;
background: linear-gradient(45deg, rgba(0, 255, 230, 0.15) 0%, rgba(0, 255, 230, 0) 30.72%);
}
.section-wrapper > .fpro-hero-v2.purple:before {
background: linear-gradient(66.04deg, rgba(207, 62, 255, 0.15) 0%, rgba(207, 62, 255, 0) 30.72%);
}
.fpro-hero-v2__video-wrapper.desktop-only {
position: absolute;
right: 0;
left: auto;
top: 0;
bottom: 0;
z-index: 1;
max-width: 80%;
z-index: 1;
}
.fpro-hero-v2__video-wrapper.desktop-only:before {
content: '';
display: block;
position: absolute;
inset: 0;
background: linear-gradient(90deg, #161616 0%, rgba(22, 22, 22, 0) 71.64%);
z-index: 2;
}
.fpro-hero-v2__video-wrapper.desktop-only video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.fpro-hero-v2__content {
position: relative;
z-index: 4;
}
.mobile-only {
display: none;
}
}
@media (max-width: 749px) {
.fpro-hero-v2 .section {
display: block;
}
.fpro-hero-v2__content-wrapper {
background-color: var(--fpro-black);
position: relative;
padding: 32px 16px;
}
.fpro-hero-v2__content-wrapper > * {
position: relative;
z-index: 2;
}
.fpro-hero-v2__content-wrapper:before {
content: '';
display: block;
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(209.57deg, rgba(0, 255, 230, 0) 27.12%, rgba(0, 255, 230, 0.15) 100%);
}
.fpro-hero-v2 .hero-trustpilot {
margin: 0 0 16px;
justify-content: flex-start;
}
.fpro-hero-v2 .hero-trustpilot .first-line, .fpro-hero-v2 .hero-trustpilot .second-line {
width: auto;
justify-content: flex-start;
}
.fpro-hero-v2__heading * {
font-size: 44px;
margin: 0 0 16px !important;
}
.fpro-hero-v2__text * {
font-size: 18px;
margin: 0 0 16px !important;
}
.fpro-hero-v2__buttons {
width: 100%;
max-width: 600px;
border-radius: 10px;
padding: 8px;
flex-direction: row-reverse;
}
.fpro-hero-v2__buttons .button {
width: calc(50% - 4px);
min-width: 142px;
}
.desktop-only {
display: none;
}
}
/* Logos v2 */
.fpro-logos-v2__header {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.fpro-logos-v2__heading * {
color: var(--fpro-white);
font-size: 32px;
line-height: 1.3;
font-weight: 500;
margin: 8px 0 !important;
}
.fpro-logos-v2__text * {
color: #AAAAAA;
font-size: 20px;
font-weight: 400;
margin: 0 0 24px !important;
}
.fpro-logos-v2__marquee {
overflow: hidden;
}
.fpro-logos-v2__viewport {
display: flex;
width: 100%;
overflow: hidden;
position: relative;
}
.fpro-logos-v2__viewport::before, .fpro-logos-v2__viewport::after {
content: "";
position: absolute;
top: 0;
width: 200px;
height: 80px;
z-index: 2;
pointer-events: none;
}
.fpro-logos-v2__viewport::before {
left: -4px;
background: linear-gradient(90deg, #161616 0%, rgba(22, 22, 22, 0) 100%);
}
.fpro-logos-v2__viewport::after {
right: -4px;
background: linear-gradient(270deg, #161616 0%, rgba(22, 22, 22, 0) 100%);
}
.fpro-logos-v2__track {
flex: 0 0 auto;
min-width: max-content;
animation: fpro-logos-v2-marquee 50s linear infinite;
}
.fpro-logos-v2__list {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.fpro-logos-v2__item {
flex: 0 0 auto;
padding: 0 30px;
}
.fpro-logos-v2__link {
display: inline-flex;
align-items: center;
}
.fpro-logos-v2__logo {
display: block;
}
.fpro-logos-v2__logo--img {
width: auto;
height: auto;
display: block;
}
@keyframes fpro-logos-v2-marquee {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(calc(var(--track-w) * -1), 0, 0);
}
}
@media (max-width: 749px) {
.fpro-logos-v2__heading * {
font-size: 24px;
}
.fpro-logos-v2__text * {
font-size: 18px;
}
.fpro-logos-v2__viewport::before, .fpro-logos-v2__viewport::after {
width: 100px;
height: 80px;
}
.fpro-logos-v2__track {
animation: fpro-logos-v2-marquee 25s linear infinite;
}
.fpro-logos-v2__item {
padding: 0 12px;
}
}
/* Drawbacks */
.fpro-drawbacks__heading > * {
max-width: 800px;
margin: 0 auto 112px !important;
color: var(--fpro-white);
font-size: 72px;
line-height: 1.2;
font-weight: 500;
text-align: center;
}
.fpro-drawbacks__heading em {
display: block;
color: #FDFED6;
font-style: normal;
text-shadow:
0 0 4px rgba(240, 255, 88, 0.8),
0 0 12px rgba(240, 255, 88, 0.6),
0 0 30px rgba(240, 255, 88, 0.35);
}
.fpro-drawbacks__items {
display: flex;
gap: 24px;
margin: 0 0 68px;
}
.fpro-drawbacks__item {
width: calc(20% - 19.2px);
background: #FFFFFF1A;
backdrop-filter: blur(10px);
border-top: 1px solid #FFFFFF1A;
border-radius: 24px;
padding: 24px;
}
.fpro-drawbacks__icon {
margin: 0 0 24px;
}
.fpro-drawbacks__text * {
font-size: 20px;
font-weight: 400;
}
@media (max-width: 1199px) {
.fpro-drawbacks__items {
flex-wrap: wrap;
}
.fpro-drawbacks__item {
width: calc(33.33% - 16px);
}
}
@media (max-width: 749px) {
.fpro-drawbacks__heading > * {
font-size: 44px;
margin: 0 auto 32px !important;
}
.fpro-drawbacks__items {
gap: 16px;
margin: 0 0 24px;
}
.fpro-drawbacks__item {
width: 100%;
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 16px;
text-align: center;
}
.fpro-drawbacks__icon {
margin: 0 0 16px;
}
.fpro-drawbacks__text * {
font-size: 18px;
}
}
/* Training system */
.fpro-training-system__heading > * {
color: var(--fpro-white);
max-width: 770px;
margin: 0 auto 24px !important;
line-height: 1.2;
font-size: 72px;
text-align: center;
}
.fpro-training-system__heading em {
display: block;
font-style: normal;
color: #C9FCF8;
text-shadow:
0 0 4px rgba(0, 255, 230, 0.8),
0 0 12px rgba(0, 255, 230, 0.6),
0 0 30px rgba(0, 255, 230, 0.35);
}
.fpro-training-system__text * {
text-align: center;
font-size: 20px;
color: #AAAAAA;
font-weight: 400;
}
.fpro-training-system__rows {
margin: 80px auto 0 !important;
position: relative;
max-width: 1024px
}
.fpro-training-system__row {
display: flex;
gap: 32px;
}
.fpro-training-system__row--first {
margin: 0 0 32px;
}
.fpro-training-system__card--content {
width: calc(40% - 16px);
padding: 32px;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(20px);
background: #FFFFFF0D;
border-radius: 24px;
}
.fpro-training-system__card--media {
width: calc(60% - 16px);
border-radius: 24px;
border-top: 1px solid #FFFFFF26;
display: flex;
justify-content: center;
align-items: flex-end;
position: relative;
overflow: hidden;
}
.fpro-training-system__card--media img {
max-width: 410px;
}
.fpro-training-system__card-wrapper {
z-index: 1;
}
.fpro-training-system__card-bg-media {
position: absolute;
inset: 0;
z-index: 0;
}
.fpro-training-system__background-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.fpro-training-system__card--content .fpro-training-system__card-image {
display: flex;
align-items: center;
gap: 16px;
margin: 0 0 16px;
}
.fpro-training-system__card--content .fpro-training-system__card-image img {
width: 60px;
height: 60px;
min-width: 60px;
margin-left: -6px;
}
.fpro-training-system__section-svg {
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.fpro-training-system__card-heading * {
font-size: 32px;
font-weight: 500;
line-height: 1.3;
}
.fpro-training-system__card-text ul {
list-style: none;
padding: 0;
}
.fpro-training-system__card-text ul li {
font-size: 18px;
font-weight: 400;
color: #CCCCCC;
display: flex;
gap: 12px;
align-items: center;
margin: 0 0 16px;
line-height: 1.5;
}
.fpro-training-system__card-text ul li::before {
display: block;
content: "";
min-width: 24px;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;utf8,") no-repeat center;
background-size: contain;
}
.fpro-training-system__card-svg {
position: absolute;
bottom: 34px;
right: 24px;
padding: 8px 12px;
border-radius: 6px;
display: inline-flex;
align-items: center;
gap: 8px;
background-color: #222;
border-top: 1px solid #393939;
box-shadow: 0px 4px 6px -2px #00000008, 0px 12px 16px -4px #00000014;
}
.fpro-training-system__card-text * {
font-size: 18px;
font-weight: 400;
}
.fpro-training-system__card-button {
margin: 24px 0 0;
}
.fpro-training-system__card-button a {
width: 100%;
}
@media (max-width: 749px) {
.fpro-training-system__heading > * {
font-size: 44px;
}
.fpro-training-system__text * {
font-size: 18px;
}
.fpro-training-system__rows {
margin: 32px auto 0 !important;
}
.fpro-training-system__row--first {
flex-direction: column-reverse;
gap: 0;
margin: 0 0 16px;
}
.fpro-training-system__row--first .fpro-training-system__card--media img {
max-width: 240px;
}
.fpro-training-system__row--second {
flex-direction: column;
gap: 0;
}
.fpro-training-system__card--content {
width: 100%;
border-radius: 0 0 16px 16px;
padding: 16px;
border-top: 0;
}
.fpro-training-system__card--media {
border-radius: 16px 16px 0 0;
width: 100%;
min-height: 220px;
}
.fpro-training-system__card-heading * {
font-size: 24px;
}
.fpro-training-system__card-text ul li {
font-size: 16px;
}
.fpro-training-system__row--second .fpro-training-system__card--media img {
max-width: 200px;
}
.fpro-training-system__card-svg {
display: none;
}
}
/* Player feature */
.fpro-player-feature__inner {
display: flex;
padding: 32px 48px;
border-radius: 24px;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), linear-gradient(90deg, rgba(0, 255, 230, 0) 25%, rgba(0, 255, 230, 0.1) 100%);
border-top: 1px solid #FFFFFF1A;
position: relative;
justify-content: space-between;
align-items: center;
max-width: 1024px;
margin: 0 auto;
backdrop-filter: blur(10px);
}
.fpro-player-feature__heading > * {
font-size: 32px;
font-weight: 500;
line-height: 1.3;
margin: 0 0 12px !important;
}
.fpro-player-feature__heading em {
font-style: normal;
color: #C9FCF8;
text-shadow:
0 0 4px rgba(0, 255, 230, 0.8),
0 0 12px rgba(0, 255, 230, 0.6),
0 0 30px rgba(0, 255, 230, 0.35);
}
.fpro-player-feature__text * {
font-size: 14px;
line-height: 1.5;
color: #AAAAAA;
font-weight: 400;
}
.fpro-player-feature__images {
display: flex;
width: 260px;
}
.fpro-player-feature__image--1 img {
max-width: 170px;
}
.fpro-player-feature__image--2 {
position: absolute;
right: 0;
bottom: 0;
}
.fpro-player-feature__image--2 img {
max-width: 270px;
}
@media (min-width: 750px) {
.product-information .fpro-player-feature__images {
align-self: flex-end;
}
.product-information .fpro-player-feature__image--1 img {
max-width: 72px;
}
.product-information .fpro-player-feature__image--2 {
right: -30px;
}
}
@media (max-width: 749px) {
.fpro-player-feature__inner {
overflow: hidden;
padding: 16px;
flex-wrap: wrap;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), linear-gradient(180deg, rgba(0, 255, 230, 0) 0%, rgba(0, 255, 230, 0.1) 102.36%);
}
.fpro-player-feature__heading > * {
font-size: 24px;
}
.fpro-player-feature__content {
width: 100%;
}
.fpro-player-feature__images {
width: 100%;
justify-content: center;
align-items: flex-end;
padding: 84px 0 0;
}
.fpro-player-feature__image--1 img {
width: 170px;
}
.fpro-player-feature__image--2 {
right: -32px;
}
.fpro-player-feature__image--2 img {
width: 240px;
}
}
@media (max-width: 429px) {
.fpro-player-feature__images {
justify-content: flex-start;
}
}
/* 4 steps */
.fpro-steps__heading > * {
color: var(--fpro-white);
font-size: 56px;
line-height: 1.2;
font-weight: 500;
margin: 0 0 24px;
}
.fpro-steps__heading em {
font-style: normal;
color: #C9FCF8;
text-shadow:
0 0 4px rgba(0, 255, 230, 0.8),
0 0 12px rgba(0, 255, 230, 0.6),
0 0 30px rgba(0, 255, 230, 0.35);
}
.fpro-steps__text * {
font-size: 20px;
font-weight: 400;
color: #AAAAAA;
}
.fpro-steps__items {
margin: 80px 0 0;
}
.fpro-steps__item {
display: flex;
gap: 16px;
align-items: center;
margin: 0 0 16px;
width: auto;
max-width: 1024px;
backdrop-filter: blur(20px);
border-top: 1px solid #FFFFFF1A;
background: #FFFFFF0D;
border-radius: 24px;
padding: 12px;
}
.fpro-steps__item:nth-child(2) {
margin-left: 60px;
}
.fpro-steps__item:nth-child(3) {
margin-left: 120px;
}
.fpro-steps__item:nth-child(4) {
margin-left: 180px;
}
.fpro-steps__item-content {
flex: 1;
}
.fpro-steps__number {
display: flex;
justify-content: center;
font-size: 112px;
line-height: 1.2;
color: var(--fpro-mint);
font-weight: 900;
width: 140px;
}
.fpro-steps__item-heading > * {
margin: 0 0 12px !important;
font-size: 32px;
font-weight: 500;
line-height: 1.3;
}
.fpro-steps__item-text * {
font-size: 20px;
font-weight: 400;
color: #AAAAAA;
}
.fpro-steps__image img {
border-radius: 12px;
object-fit: cover;
max-height: 170px;
}
@media (max-width: 749px) {
.fpro-steps__heading > * {
font-size: 40px;
}
.fpro-steps__text * {
font-size: 18px;
}
.fpro-steps__items {
margin: 48px 0 0;
}
.fpro-steps__item {
border-radius: 16px;
flex-wrap: wrap;
}
.fpro-steps__item:nth-child(2), .fpro-steps__item:nth-child(3), .fpro-steps__item:nth-child(4) {
margin-left: 0;
}
.fpro-steps__number {
width: 64px;
font-size: 62px;
line-height: 0.9;
}
.fpro-steps__item-right {
margin: 12px 0 0;
width: 100%;
}
.fpro-steps__item-heading > * {
font-size: 24px;
margin: 0 0 4px !important;
}
.fpro-steps__item-text * {
font-size: 18px;
}
.fpro-steps__image img {
max-height: 180px;
}
}
/* Built for everyone */
.fpro-built {
display: flex;
flex-direction: column;
}
.fpro-built__heading > * {
color: var(--fpro-white);
font-size: 56px;
line-height: 1.2;
font-weight: 500;
margin: 0 0 24px !important;
}
.fpro-built__heading em {
font-style: normal;
color: #C9FCF8;
text-shadow:
0 0 4px rgba(0, 255, 230, 0.8),
0 0 12px rgba(0, 255, 230, 0.6),
0 0 30px rgba(0, 255, 230, 0.35);
}
.fpro-built__text * {
font-size: 20px;
font-weight: 400;
color: #aaa;
}
.fpro-built__items {
display: flex;
gap: 32px;
margin: 48px 0;
}
.fpro-built__item {
width: calc(33.33% - 21.33px);
border-radius: 24px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
padding: 48px;
}
.fpro-built__item-image img {
display: block;
width: 100px;
height: 100px;
margin: 0 0 32px;
}
.fpro-built__item-heading * {
font-size: 32px;
line-height: 1.3;
margin: 0 0 24px !important;
font-weight: 500;
}
.fpro-built__item-text * {
font-weight: 400;
font-size: 20px;
color: #aaa;
}
.fpro-built__bottom {
align-self: flex-end;
padding: 10px 10px 10px 24px;
border-radius: 12px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
display: inline-flex;
align-items: center;
max-width: 655px;
gap: 16px;
}
.fpro-built__bottom-text * {
font-weight: 400;
color: #aaa;
font-size: 20px;
}
.fpro-built__buttons {
display: flex;
gap: 12px;
margin-left: 16px;
}
@media (max-width: 1199px) {
.fpro-built__items {
flex-wrap: wrap;
}
.fpro-built__item {
width: calc(50% - 16px);
}
}
@media (max-width: 749px) {
.fpro-built__heading > * {
font-size: 40px;
}
.fpro-built__text * {
font-size: 18px;
}
.fpro-built__items {
margin: 24px 0;
gap: 16px;
}
.fpro-built__item {
width: 100%;
padding: 24px;
border-radius: 16px;
}
.fpro-built__item-image img {
width: 72px;
height: 72px;
}
.fpro-built__item-heading * {
font-size: 24px;
margin: 0 0 12px !important;
}
.fpro-built__item-text * {
font-size: 18px;
}
.fpro-built__bottom {
max-width: 100%;
width: 100%;
justify-content: center;
padding: 8px;
column-gap: 8px;
row-gap: 12px;
flex-wrap: wrap;
border-radius: 10px;
}
.fpro-built__bottom svg {
width: 20px;
min-width: 20px;
height: 20px;
}
.fpro-built__bottom-text * {
font-size: 18px;
}
.fpro-built__buttons {
width: 100%;
gap: 12px;
margin-left: 0;
}
.fpro-built__buttons > * {
width: calc(50% - 6px);
}
}
/* UGC v2 */
.fpro-ugc-v2, .fpro-ugc-v2__section {
overflow: hidden;
}
.fpro-ugc-v2 .hero-trustpilot {
justify-content: flex-start !important;
color: #AAAAAA;
font-size: 12px;
margin: 0 0 32px;
flex-wrap: nowrap;
}
.fpro-ugc-v2 .hero-trustpilot .stars {
margin: 0 8px 0 0;
max-width: 98px;
}
.fpro-ugc-v2 .hero-trustpilot .hero-trustpilot .name {
margin: 0 0 0 4px;
max-width: 68px;
}
.fpro-ugc-v2__heading > * {
color: var(--fpro-white);
font-size: 56px;
line-height: 1.2;
font-weight: 500;
margin: 0 !important;
}
.fpro-ugc-v2:has(.fpro-ugc-v2__text) .fpro-ugc-v2__heading > * {
margin: 0 0 24px !important;
}
.fpro-ugc-v2__heading em {
font-style: normal;
color: #C9FCF8;
text-shadow:
0 0 4px rgba(0, 255, 230, 0.8),
0 0 12px rgba(0, 255, 230, 0.6),
0 0 30px rgba(0, 255, 230, 0.35);
}
.fpro-ugc-v2__text * {
font-size: 20px;
font-weight: 400;
color: #aaa;
}
.fpro-ugc-v2__slider {
margin: 80px 0 32px;
}
.fpro-ugc-v2__swiper, .fpro-ugc-v2__slider-wrap .swiper-wrapper {
overflow: visible !important;
}
.fpro-ugc-v2__media {
position: relative;
overflow: hidden;
border-radius: 24px;
border: 1px solid #393939;
}
.fpro-ugc-v2__media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(22, 22, 22, 0) 30%, #161616 100%);
z-index: 3;
pointer-events: none;
}
.fpro-ugc-v2__video, .fpro-ugc-v2__image {
display: block;
width: 100%;
height: 100%;
}
.fpro-ugc-v2__video {
object-fit: cover;
}
.fpro-ugc-v2__image {
position: absolute;
inset: 0;
object-fit: cover;
z-index: 2;
transition: all .3s;
}
.fpro-ugc-v2__media:hover .fpro-ugc-v2__image, .fpro-ugc-v2__media.is-playing .fpro-ugc-v2__image {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.fpro-ugc-v2__badge {
background-color: #222222;
position: absolute;
top: 32px;
left: 32px;
display: inline-flex;
align-items: center;
gap: 2px;
border-radius: 6px;
padding: 8px 12px;
border-top: 1px solid #393939;
box-shadow: 0px 8px 8px -4px #00000008, 0px 20px 24px -4px #00000014;
font-size: 12px;
color: #AAAAAA;
z-index: 4;
}
.fpro-ugc-v2__content {
position: absolute;
left: 32px;
right: 32px;
bottom: 32px;
z-index: 4;
}
.fpro-ugc-v2__stars {
margin: 0 0 24px;
}
.fpro-ugc-v2__review * {
font-size: 20px;
font-weight: 400;
}
.fpro-ugc-v2__author {
margin: 24px 0 0;
display: flex;
gap: 14px;
align-items: center;
}
.fpro-ugc-v2__author-image {
width: 24px;
height: 24px;
border-radius: 50%;
}
.fpro-ugc-v2__author-name > * {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #aaa;
}
.fpro-ugc-v2__author-name strong {
font-weight: 400;
color: #eee;
}
.fpro-ugc-v2__controls {
display: flex;
gap: 12px;
justify-content: space-between;
align-items: center;
}
.fpro-ugc-v2__pagination {
position: static !important;
display: flex;
gap: 8px;
}
.fpro-ugc-v2__pagination .swiper-pagination-bullet {
margin: 0 !important;
width: 8px;
height: 8px;
min-width: 8px;
background-color: #fff;
opacity: .2;
transition: all .3s;
}
.fpro-ugc-v2__pagination .swiper-pagination-bullet-active {
opacity: 1;
}
.fpro-ugc-v2__arrows {
display: flex;
gap: 16px;
}
.fpro-ugc-v2__arrow {
appearance: none;
background-color: unset;
border: unset;
cursor: pointer;
padding: 0;
transition: all .3s;
min-width: 48px;
}
.fpro-ugc-v2__arrow svg {
width: 48px;
height: 48px;
}
.fpro-ugc-v2__arrow.swiper-button-disabled {
opacity: .35;
}
@media (max-width: 749px) {
.fpro-ugc-v2 .hero-trustpilot {
margin: 0 0 16px;
}
.fpro-ugc-v2 .hero-trustpilot .first-line, .fpro-ugc-v2 .hero-trustpilot .second-line {
width: auto;
justify-content: flex-start;
}
.fpro-ugc-v2__heading > * {
font-size: 40px;
}
.fpro-ugc-v2__text * {
font-size: 18px;
}
.fpro-ugc-v2__slider {
margin: 48px 0 16px;
}
.fpro-ugc-v2__media {
border-radius: 16px;
}
.fpro-ugc-v2__badge {
top: 16px;
left: 16px;
}
.fpro-ugc-v2__content {
left: 16px;
right: 16px;
bottom: 16px;
}
.fpro-ugc-v2__review * {
font-size: 18px;
}
.fpro-ugc-v2__arrow {
min-width: 40px;
}
.fpro-ugc-v2__arrow svg {
width: 40px;
height: 40px;
}
}
/* Results */
.fpro-results {
display: flex;
flex-direction: column;
}
.fpro-results__heading > * {
color: var(--fpro-white);
font-size: 56px;
line-height: 1.2;
font-weight: 500;
margin: 0 0 24px !important;
max-width: 700px;
}
.fpro-results__heading em {
font-style: normal;
color: #C9FCF8;
text-shadow:
0 0 4px rgba(0, 255, 230, 0.8),
0 0 12px rgba(0, 255, 230, 0.6),
0 0 30px rgba(0, 255, 230, 0.35);
}
.fpro-results__text * {
font-size: 20px;
font-weight: 400;
color: #aaa;
max-width: 760px;
}
.fpro-results__items {
display: flex;
gap: 32px;
margin: 48px 0;
}
.fpro-results__item {
width: calc(33.33% - 21.33px);
border-radius: 24px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
padding: 48px;
display: flex;
gap: 32px;
}
.fpro-results__item-image {
width: 32px;
min-width: 32px;
}
.fpro-results__item-image img {
display: block;
width: 100%;
}
.fpro-results__item-heading * {
font-size: 40px;
line-height: 8.;
margin: 0 0 32px !important;
font-weight: 500;
}
.fpro-results__item-subtext * {
font-size: 20px;
line-height: 1.4;
font-weight: 500;
margin: 0 0 12px !important;
}
.fpro-results__item-text * {
font-weight: 400;
line-height: 1.5;
font-size: 16px;
color: #aaa;
}
.fpro-results__bottom {
align-self: flex-end;
padding: 10px 10px 10px 24px;
border-radius: 12px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
display: inline-flex;
align-items: center;
max-width: 655px;
gap: 16px;
}
.fpro-results__bottom-text * {
font-weight: 400;
color: #aaa;
font-size: 20px;
}
.fpro-results__buttons {
display: flex;
gap: 12px;
margin-left: 16px;
}
@media (max-width: 1199px) {
.fpro-results__items {
flex-wrap: wrap;
}
.fpro-results__item {
width: calc(50% - 16px);
}
}
@media (max-width: 749px) {
.fpro-results__heading > * {
font-size: 40px;
}
.fpro-results__text * {
font-size: 18px;
}
.fpro-results__items {
margin: 24px 0;
gap: 16px;
}
.fpro-results__item {
border-radius: 16px;
width: 100%;
padding: 16px;
gap: 16px;
align-items: flex-end;
}
.fpro-results__item-heading * {
font-size: 32px;
margin: 0 0 16px !important;
}
.fpro-results__item-subtext * {
font-size: 18px;
margin: 0 0 8px !important;
}
.fpro-results__item-text * {
font-size: 16px;
}
.fpro-results__bottom {
justify-content: center;
padding: 8px;
column-gap: 8px;
row-gap: 12px;
flex-wrap: wrap;
border-radius: 10px;
}
.fpro-results__bottom svg {
width: 20px;
min-width: 20px;
height: 20px;
}
.fpro-results__bottom-text * {
font-size: 18px;
}
.fpro-results__buttons {
width: 100%;
gap: 12px;
margin-left: 0;
}
.fpro-results__buttons > * {
width: calc(50% - 6px);
}
}
/* FAQ v2 */
.fpro-faq-v2__inner {
display: flex;
gap: 80px;
}
.fpro-faq-v2__inner > div:first-child {
width: calc(40% - 40px);
}
.fpro-faq-v2__inner > div:nth-child(2) {
width: calc(60% - 40px);
}
.fpro-faq-v2__heading * {
font-size: 48px;
line-height: 1.2;
font-weight: 500;
color: var(--fpro-white);
margin: 0 !important;
}
.fpro-faq-v2__item {
padding: 20px 24px;
background-color: var(--fpro-grey);
backdrop-filter: blur(10px);
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
margin: 0 0 16px;
border-radius: 24px;
}
.fpro-faq-v2__question {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
background: none;
border: 0;
padding: 0;
font-size: 20px;
line-height: 1.5;
color: var(--fpro-white);
font-weight: 400;
text-align: left;
gap: 16px;
}
.fpro-faq-v2__icons {
min-width: 24px;
}
.fpro-faq-v2__icon svg {
transition: all .3s;
}
.fpro-faq-v2__item.is-open .fpro-faq-v2__icon--plus svg {
transform: rotate(45deg) !important;
}
.fpro-faq-v2__answer {
overflow: hidden;
max-height: 0;
transition: all .3s;
}
.fpro-faq-v2__answer p {
margin: 20px 0 4px !important;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: #AAAAAA;
}
.fpro-faq-v2__icon--minus {
display: none !important;
}
@media (max-width: 989px) {
.fpro-faq-v2__inner {
gap: 24px;
}
.fpro-faq-v2__inner > div:first-child, .fpro-faq-v2__inner > div:nth-child(2) {
width: calc(50% - 12px);
}
}
@media (max-width: 749px) {
.fpro-faq-v2__heading * {
font-size: 36px;
}
.fpro-faq-v2__inner {
flex-wrap: wrap;
}
.fpro-faq-v2__inner > div:first-child, .fpro-faq-v2__inner > div:nth-child(2) {
width: 100%;
}
.fpro-faq-v2__item {
border-radius: 16px;
}
.fpro-faq-v2__question {
font-size: 18px;
}
}
/* Start training */
.fpro-start-training__heading > * {
font-size: 72px;
line-height: 1.2;
font-weight: 500;
color: var(--fpro-white);
margin: 0 0 24px !important;
text-align: center;
}
.fpro-start-training__heading em {
font-style: normal;
color: #C9FCF8;
text-shadow:
0 0 4px rgba(0, 255, 230, 0.8),
0 0 12px rgba(0, 255, 230, 0.6),
0 0 30px rgba(0, 255, 230, 0.35);
}
.fpro-start-training__text * {
max-width: 768px;
margin: 0 auto 80px !important;
font-size: 20px;
color: #AAAAAA;
font-weight: 400;
text-align: center;
}
.fpro-start-training__items {
display: flex;
gap: 32px;
max-width: 1024px;
margin: 0 auto;
}
.fpro-start-training__item {
width: calc(50% - 16px);
background: #FFFFFF0D;
border: 1px solid transparent;
display: flex;
flex-direction: column;
border-radius: 24px;
backdrop-filter: blur(10px);
padding: 32px;
position: relative;
}
.fpro-start-training__item.is-transparent-border {
border-top: 1px solid #FFFFFF1A !important;
}
.fpro-start-training__badge {
padding: 4px 8px;
display: inline-flex;
gap: 4px;
border-radius: 0 0 6px 6px;
color: var(--fpro-black);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.5;
position: absolute;
top: 0;
right: 32px;
}
.fpro-start-training__item-title * {
font-size: 24px;
line-height: 1.4;
font-weight: 500;
margin: 0 0 8px !important;
}
.fpro-start-training__price-row {
display: flex;
gap: 8px;
align-items: center;
}
.fpro-start-training__price {
font-size: 48px;
font-weight: 500;
line-height: 1.2;
}
.fpro-start-training__discount {
font-size: 12px;
font-weight: 700;
line-height: 1.5;
text-shadow:
0 0 4px rgba(0, 255, 230, 0.8),
0 0 10px rgba(0, 255, 230, 0.5);
}
.fpro-start-training__item:nth-child(2) .fpro-start-training__discount {
text-shadow:
0 0 4px rgba(240, 255, 88, 0.8),
0 0 10px rgba(240, 255, 88, 0.5);
}
.fpro-start-training__compare-price {
font-size: 20px;
text-decoration: line-through;
font-weight: 400;
line-height: 1;
color: #FFFFFF99;
}
.fpro-start-training__price-text * {
margin: 8px 0 24px !important;
font-weight: 400;
font-size: 16px;
color: #AAAAAA;
min-height: 56px;
line-height: 1.5;
}
.fpro-start-training__image img {
border-radius: 12px;
}
.fpro-start-training__text-after-image * {
margin: 24px 0 16px !important;
font-weight: 400;
font-size: 16px;
}
.fpro-start-training__list {
flex: 1;
}
.fpro-start-training__list ul {
margin: 0 !important;
list-style: none;
padding: 0;
}
.fpro-start-training__list li {
display: flex;
align-items: center;
gap: 4px;
font-size: 20px;
color: #AAAAAA;
margin: 0 0 16px;
font-weight: 400;
}
.fpro-start-training__list li::before {
margin-right: 12px;
content: "";
display: block;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.fpro-start-training__list ul:not(:first-child) li::before {
background: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.fpro-start-training__list li strong {
font-weight: normal;
color: var(--fpro-white);
}
.fpro-start-training__button-wrap a {
margin: 16px 0 0;
width: 100%
}
.fpro-start-training__offer {
margin: 16px 0 0;
border-radius: 12px;
padding: 12px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
display: flex;
align-items: center;
gap: 12px;
}
.fpro-start-training__offer-icon {
width: 56px;
min-width: 56px;
height: 56px;
border-radius: 6px;
background: #FFFFFF1A;
display: flex;
align-items: center;
justify-content: center;
}
.fpro-start-training__offer-heading > * {
font-size: 20px;
font-weight: 400;
line-height: 1.5;
color: var(--fpro-white);
}
.fpro-start-training__offer-text > * {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #aaa;
}
@media (max-width: 989px) {
.fpro-start-training__items {
flex-wrap: wrap;
gap: 16px;
}
.fpro-start-training__item {
width: 100%;
}
}
@media (max-width: 749px) {
.fpro-start-training__heading > * {
font-size: 44px;
}
.fpro-start-training__text * {
margin: 0 auto 48px !important;
font-size: 18px;
}
.fpro-start-training__item {
border-radius: 16px;
padding: 16px;
}
.fpro-start-training__badge {
font-size: 10px;
right: 16px;
}
.fpro-start-training__item-title * {
font-size: 20px;
}
.fpro-start-training__price {
font-size: 36px;
}
.fpro-start-training__compare-price {
font-size: 18px;
}
.fpro-start-training__price-text * {
margin: 8px 0 16px !important;
min-height: unset;
}
.fpro-start-training__image img {
border-radius: 10px;
}
.fpro-start-training__text-after-image * {
margin: 16px 0 8px !important;
}
.fpro-start-training__list li {
font-size: 18px;
margin: 0 0 8px;
}
.fpro-start-training__offer {
margin: 8px 0 0;
border-radius: 10px;
}
.fpro-start-training__offer-heading > * {
font-size: 18px;
}
.fpro-start-training__offer-text > * {
font-size: 12px;
}
}
/* Buy X get Y */
.disable-link a {
pointer-events: none;
}
.disable-link .quantity-selector {
display: none;
}
/* Product videos */
.fpro-product-videos-block {
border-top: 1px solid #393939;
}
.fpro-product-videos-block__heading * {
font-size: 18px;
margin: 0 0 16px !important;
font-weight: 400;
}
.fpro-product-videos-block__video-wrap {
position: relative;
border-radius: 12px;
overflow: hidden;
}
.fpro-product-videos-block__video-wrap:before {
position: absolute;
inset: 0;
content: '';
z-index: 1;
background: #0000004D;
}
.fpro-product-videos-block__play {
position: absolute;
inset: 0;
margin: auto;
width: max-content;
height: max-content;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
z-index: 2;
}
.fpro-product-videos-block__controls {
display: flex;
align-items: center;
justify-content: space-between;
margin: 24px 0 0;
}
.fpro-product-videos-block__pagination {
width: auto !important;
position: static !important;
display: flex;
gap: 8px;
}
.fpro-product-videos-block__pagination .swiper-pagination-bullet {
margin: 0 !important;
background-color: var(--fpro-white);
opacity: .2;
}
.fpro-product-videos-block__pagination .swiper-pagination-bullet-active {
opacity: 1;
}
.fpro-product-videos-block__arrows {
display: flex;
gap: 16px;
}
.fpro-product-videos-block__arrow {
cursor: pointer;
border: unset;
appearance: none;
background-color: unset;
padding: unset;
}
.fpro-product-videos-block__video-wrap.is-playing .fpro-product-videos-block__play,
.fpro-product-videos-block__video-wrap.is-playing:before {
display: none;
}
@media (max-width: 749px) {
.fpro-product-videos-block__heading * {
font-size: 16px;
}
}
/* Product description */
.fpro-product-description-tabs {
border-top: 1px solid #393939;
}
.fpro-product-description-tabs__nav {
display: flex;
gap: 24px;
margin: 0 0 24px;
}
.fpro-product-description-tabs__tab {
position: relative;
appearance: none;
background: transparent;
border: 0;
padding: 0 0 8px;
cursor: pointer;
color: var(--fpro-white);
font-size: 16px;
line-height: 1.5;
}
.fpro-product-description-tabs__tab::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #00FFE6;
opacity: 0;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.fpro-product-description-tabs__tab.is-active::after {
opacity: 1;
transform: scaleX(1);
}
.fpro-product-description-tabs__content * {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #AAAAAA;
margin: 0 0 12px !important;
}
.fpro-product-description-tabs__content *:last-child {
margin: 0 !important;
}
.fpro-product-description-tabs__panels {
position: relative;
}
.fpro-product-description-tabs__panel {
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease;
pointer-events: none;
}
.fpro-product-description-tabs__panel.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
position: relative;
}
/* Product selector */
.product-information:has(.fpro-product-selector__items) h1 {
display: none;
}
.fpro-product-selector__items {
display: flex;
gap: 12px;
}
.fpro-product-selector__item {
width: calc(50% - 6px);
padding: 16px 24px;
border-radius: 12px;
transition: background-color 0.3s ease, border-color 0.3s ease;
backdrop-filter: blur(10px);
background: #FFFFFF0D;
}
.fpro-product-selector__item:not(.is-current) {
border-top: 1px solid #FFFFFF1A;
}
.fpro-product-selector__title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin: 0 0 8px;
font-size: 24px;
line-height: 1.4;
font-weight: 500;
}
.fpro-product-selector__icon {
flex-shrink: 0;
}
.fpro-product-selector__text * {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #FFFFFF99;
}
@media (max-width: 989px) {
.fpro-product-selector__title {
align-items: flex-start;
flex-direction: column-reverse;
}
}
@media (max-width: 749px) {
.fpro-product-selector__item {
border-radius: 10px;
padding: 12px;
}
.fpro-product-selector__title {
margin: 0 0 4px;
font-size: 20px;
}
.fpro-product-selector__text * {
font-size: 14px;
}
}
/* What happens */
.fpro-what-happens {
display: flex;
flex-direction: column;
}
.fpro-what-happens__badge {
display: inline-flex;
align-self: center;
gap: 12px;
align-items: center;
padding: 10px 16px;
border-radius: 24px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
margin: 0 0 24px;
}
.fpro-what-happens__badge-text {
font-size: 20px;
color: #F7E0FF;
font-weight: 400;
line-height: 1.5;
}
.fpro-what-happens__heading > * {
color: var(--fpro-white);
font-size: 56px;
line-height: 1.2;
font-weight: 500;
margin: 0 !important;
max-width: 580px;
}
.fpro-what-happens__heading--center > * {
max-width: 768px;
margin: 0 auto !important;
text-align: center;
}
.fpro-what-happens:has(.fpro-what-happens__intro) .fpro-what-happens__heading > * {
margin: 0 0 24px !important;
}
.fpro-what-happens:has(.fpro-what-happens__intro) .fpro-what-happens__heading--center > * {
margin: 0 auto 24px !important;
}
.fpro-what-happens__heading em {
font-style: normal;
color: #C9FCF8;
text-shadow:
0 0 4px rgba(0, 255, 230, 0.8),
0 0 12px rgba(0, 255, 230, 0.6),
0 0 30px rgba(0, 255, 230, 0.35);
}
.fpro-what-happens__intro * {
font-size: 20px;
font-weight: 400;
color: #AAAAAA;
max-width: 580px;
}
.fpro-what-happens__items {
display: flex;
flex-wrap: wrap;
gap: 32px;
margin: 48px 0 0;
}
.fpro-what-happens__item {
padding: 32px;
border-radius: 24px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
width: calc(33.33% - 21.33px);
}
.fpro-what-happens__image img {
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 12px;
border: 1px solid #FFFFFF1A;
display: block;
margin: 0 0 32px;
}
.fpro-what-happens__item-heading > * {
font-size: 32px;
line-height: 1.3;
color: var(--fpro-white);
margin: 0 0 32px !important;
font-weight: 500;
}
.fpro-what-happens__item-text > * {
font-size: 16px;
color: #aaa;
font-weight: 400;
line-height: 1.5;
}
.fpro-what-happens__button {
margin: 48px 0 0;
display: inline-flex;
align-self: center;
padding: 12px;
border-radius: 12px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
}
@media (max-width: 989px) {
.fpro-what-happens__item {
width: calc(50% - 16px);
}
}
@media (max-width: 749px) {
.fpro-what-happens__heading > * {
font-size: 40px;
}
.fpro-what-happens__intro * {
font-size: 18px;
}
.fpro-what-happens__items {
margin: 32px 0 0;
}
.fpro-what-happens__item {
width: 100%;
padding: 16px;
border-radius: 16px;
}
.fpro-what-happens__image img {
border-radius: 10px;
margin: 0 0 24px;
}
.fpro-what-happens__item-heading > * {
font-size: 24px;
margin: 0 0 16px !important;
}
.fpro-what-happens__badge {
border-radius: 16px;
}
.fpro-what-happens__badge-text {
font-size: 18px;
}
.fpro-what-happens__button {
margin: 32px 0 0;
border-radius: 10px;
}
}
/* Vertical tabs */
.fpro-vertical-tabs-wrap.purple > .section {
background: unset !important;
}
.fpro-vertical-tabs__heading > * {
color: var(--fpro-white);
font-size: 56px;
line-height: 1.2;
font-weight: 500;
margin: 0 0 24px !important;
max-width: 580px;
}
.fpro-vertical-tabs__intro * {
font-size: 20px;
font-weight: 400;
color: #AAAAAA;
max-width: 580px;
}
.fpro-vertical-tabs__wrapper {
display: flex;
gap: 48px;
padding: 32px;
border-top: 1px solid #FFFFFF1A;
background: #FFFFFF0D;
backdrop-filter: blur(10px);
margin: 48px 0 0;
border-radius: 24px;
}
.fpro-vertical-tabs__left {
flex: 0 0 420px;
}
.fpro-vertical-tabs__list {
display: flex;
gap: 32px;
}
.fpro-vertical-tabs__indicator {
width: 12px;
min-width: 12px;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
background: #FFFFFF0D;
padding: 4px;
border-radius: 6px;
}
.fpro-vertical-tabs__indicator-segment {
height: 33.33%;
transition: all .3s;
border-top: 1px solid #FFFFFF1A;
border-radius: 3px;
width: 4px;
}
.fpro-vertical-tabs__indicator-segment.is-active {
background: #00EFD8;
backdrop-filter: blur(10px);
box-shadow: 0px 0px 10px 0px #00FFE680;
}
.fpro-vertical-tabs-wrap.purple .fpro-vertical-tabs__indicator-segment.is-active {
background: #C13EF0;
}
.fpro-vertical-tabs__tab {
margin: 0 0 40px;
cursor: pointer;
}
.fpro-vertical-tabs__tab-heading > * {
margin: 16px 0 6px !important;
line-height: 1.4;
font-size: 24px;
font-weight: 500;
color: #aaa;
transition: all .3s;
}
.fpro-vertical-tabs__tab-text > * {
font-size: 16px;
line-height: 1.5;
color: #666;
font-weight: 400;
transition: all .3s;
}
.fpro-vertical-tabs__tab.is-active .fpro-vertical-tabs__tab-heading > * {
color: var(--fpro-white);
}
.fpro-vertical-tabs__tab.is-active .fpro-vertical-tabs__tab-text > * {
color: #aaa;
}
.fpro-vertical-tabs__button {
margin: 48px 0 0;
display: inline-flex;
padding: 12px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
border-radius: 12px;
}
.fpro-vertical-tabs__media {
flex: 1 1 auto;
position: relative;
}
.fpro-vertical-tabs__image {
height: 100%;
}
.fpro-vertical-tabs__image img, .fpro-vertical-tabs__image video, .fpro-vertical-tabs__tab-video {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 12px;
border: 1px solid #FFFFFF1A;
}
.fpro-vertical-tabs__tab-image {
display: none;
margin: 18px 0 0;
}
.fpro-vertical-tabs__tab.is-active .fpro-vertical-tabs__tab-image {
display: block;
}
.fpro-vertical-tabs__tab-image img {
border: 1px solid #FFFFFF1A;
border-radius: 10px;
object-fit: cover;
aspect-ratio: 260/180;
width: 100%;
}
.fpro-vertical-tabs__badge {
position: absolute;
top: 12px;
right: 12px;
display: flex;
gap: 8px;
padding: 6px 12px;
background: #00000099;
border-top: 1px solid #FFFFFF1A;
border-radius: 30px;
backdrop-filter: blur(10px);
}
.fpro-vertical-tabs__badge-text {
color: #F7E0FF;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
}
@media (max-width: 989px) {
.fpro-vertical-tabs__badge {
display: none;
}
}
@media (min-width: 750px) {
.fpro-vertical-tabs__tab-image {
display: none !important;
}
}
@media (max-width: 749px) {
.fpro-vertical-tabs__heading > * {
font-size: 40px;
}
.fpro-vertical-tabs__intro * {
font-size: 18px;
}
.fpro-vertical-tabs__wrapper {
gap: 0;
padding: 16px;
margin: 32px 0 0;
border-radius: 16px;
}
.fpro-vertical-tabs__left {
flex: 0 0 100%;
}
.fpro-vertical-tabs__list {
gap: 24px;
}
.fpro-vertical-tabs__indicator-segment {
height: 15%;
}
.fpro-vertical-tabs__indicator-segment.is-active {
height: 70%;
}
.fpro-vertical-tabs__tab {
margin: 0 0 30px;
}
.fpro-vertical-tabs__tab-heading > * {
margin: 6px 0 !important;
}
.fpro-vertical-tabs__button {
margin: 24px 0 0;
border-radius: 10px;
}
.fpro-vertical-tabs__tab-video {
border-radius: 10px;
}
.fpro-vertical-tabs__media {
display: none;
}
}
/* Why kids come back */
.fpro-why-come-back__wrapper {
padding: 32px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
border-radius: 24px;
backdrop-filter: blur(10px);
display: flex;
gap: 32px;
}
.fpro-why-come-back__left, .fpro-why-come-back__media {
width: calc(50% - 16px);
}
.fpro-why-come-back__heading > * {
color: var(--fpro-white);
font-size: 56px;
line-height: 1.2;
font-weight: 500;
margin: 0 0 24px !important;
}
.fpro-why-come-back__heading em {
font-style: normal;
color: #F7E0FF;
text-shadow:
0 0 4px rgba(207, 62, 255, 0.8),
0 0 12px rgba(207, 62, 255, 0.6),
0 0 30px rgba(207, 62, 255, 0.35);
}
.fpro-why-come-back__text * {
font-size: 20px;
font-weight: 400;
color: #AAAAAA;
margin: 0 0 24px !important;
max-width: 580px;
}
.fpro-why-come-back__list {
margin: 62px 0 0;
}
.fpro-why-come-back__item {
display: flex;
align-items: center;
gap: 16px;
margin: 0 0 16px;
padding: 12px;
transition: all .3s;
border-radius: 12px;
cursor: pointer;
border-top: 1px solid transparent;
}
.fpro-why-come-back__item:last-child {
margin: 0;
}
.fpro-why-come-back__item.is-active {
border-top: 1px solid #FFFFFF1A;
background: #FFFFFF0D;
background-color: #2E2E2E;
}
.fpro-why-come-back__icon {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
min-width: 56px;
height: 56px;
background: #FFFFFF1A;
border-radius: 6px;
transition: all .3s;
}
.fpro-why-come-back__icon svg path {
transition: all .3s;
}
.fpro-why-come-back__item.is-active .fpro-why-come-back__icon {
background: #CF3EFF;
}
.fpro-why-come-back__item.is-active .fpro-why-come-back__icon svg path {
fill: #222222;
}
.fpro-why-come-back__item-text > * {
font-size: 24px;
font-weight: 500;
line-height: 1.4;
color: #aaa;
transition: all .3s;
}
.fpro-why-come-back__item.is-active .fpro-why-come-back__item-text > * {
color: var(--fpro-white);
}
.fpro-why-come-back__image {
height: 100%;
}
.fpro-why-come-back__image img, .fpro-why-come-back__image video {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
border-radius: 12px;
border: 1px solid #FFFFFF1A;
}
.fpro-why-come-back__button--mobile {
margin: 24px 0 0;
}
.fpro-why-come-back__button--mobile .button {
width: 100%;
}
@media (min-width: 750px) {
.fpro-why-come-back__left {
display: flex;
flex-direction: column;
}
.fpro-why-come-back__list {
display: flex;
flex-direction: column;
justify-content: flex-end;
flex: 1;
}
.fpro-why-come-back__media--mobile, .fpro-why-come-back__button--mobile {
display: none;
}
}
@media (min-width: 990px) {
.fpro-why-come-back__heading--large > * {
font-size: 72px;
}
}
@media (max-width: 749px) {
.fpro-why-come-back__wrapper {
padding: 16px;
border-radius: 16px;
}
.fpro-why-come-back__left, .fpro-why-come-back__media {
width: 100%;
}
.fpro-why-come-back__heading > * {
font-size: 40px;
}
.fpro-why-come-back__text * {
font-size: 18px;
}
.fpro-why-come-back__list {
margin: 24px 0 0;
}
.fpro-why-come-back__item {
border-radius: 10px;
margin: 0 0 8px;
}
.fpro-why-come-back__item-text > * {
font-size: 20px;
}
.fpro-why-come-back__image img {
max-height: 300px;
border-radius: 10px;
}
.fpro-why-come-back__media:not(.fpro-why-come-back__media--mobile), .fpro-why-come-back__button:not(.fpro-why-come-back__button--mobile) {
display: none;
}
}
/* CTA */
.fpro-cta {
overflow-x: hidden;
}
.fpro-cta__wrapper {
display: flex;
padding: 64px;
align-items: center;
border-radius: 24px;
background: linear-gradient(291.18deg, #F0FF58 0%, #00FFE6 74.49%);
position: relative;
max-width: 1024px;
margin: 0 auto;
overflow: visible;
}
.fpro-cta__heading > * {
font-size: 72px;
font-weight: 500;
line-height: 1.2;
margin: 0 0 24px;
max-width: 480px;
}
.fpro-cta__heading--medium > * {
font-size: 48px;
}
.fpro-cta__text * {
font-size: 20px;
font-weight: 400;
color: var(--fpro-black);
margin: 0 0 24px !important;
max-width: 480px;
}
.fpro-cta__subwrapper {
display: inline-flex;
align-items: center;
gap: 12px;
border-radius: 12px;
background: #00000066;
border-top: 1px solid #FFFFFF4D;
backdrop-filter: blur(10px);
padding: 10px 10px 10px 20px;
}
.fpro-cta__subwrapper-text > * {
margin-right: 12px;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.fpro-cta__media img {
position: absolute;
right: -64px;
bottom: 0;
max-height: 480px;
width: auto;
}
@media (max-width: 989px) {
.fpro-cta__media img {
right: -100px;
max-height: 320px;
}
}
@media (max-width: 749px) {
.fpro-cta__wrapper {
padding: 32px 20px 0;
flex-direction: column;
gap: 24px;
border-radius: 16px;
}
.fpro-cta__left {
display: flex;
flex-direction: column;
align-items: center;
}
.fpro-cta__heading > * {
font-size: 44px;
text-align: center;
}
.fpro-cta__text * {
text-align: center;
font-size: 18px;
}
.fpro-cta__subwrapper {
flex-wrap: wrap;
align-self: center;
justify-content: center;
gap: 12px;
border-radius: 10px;
padding: 10px;
}
.fpro-cta__subwrapper-text > * {
margin-right: 0;
}
.fpro-cta__button, .fpro-cta__button a, .fpro-cta__media {
width: 100%;
}
.fpro-cta__media img {
position: relative;
max-height: unset;
right: unset;
}
}
/* 30 days */
.fpro-30-days__heading > * {
color: var(--fpro-white);
font-size: 56px;
line-height: 1.2;
font-weight: 500;
margin: 0 0 24px !important;
text-align: center;
}
.fpro-30-days__heading em {
font-style: normal;
color: #C9FCF8;
text-shadow:
0 0 4px rgba(0, 255, 230, 0.8),
0 0 12px rgba(0, 255, 230, 0.6),
0 0 30px rgba(0, 255, 230, 0.35);
}
.fpro-30-days__text * {
font-size: 20px;
font-weight: 400;
color: #AAAAAA;
text-align: center;
}
.fpro-30-days__track {
margin: 48px 0 0;
}
.fpro-30-days__line {
margin: 0 0 48px;
border-radius: 6px;
padding: 4px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
position: relative;
overflow: visible;
}
.fpro-30-days__progress {
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
box-shadow: 0px 0px 10px 0px #00FFE680;
background: #00EFD8;
border-radius: 3px;
height: 3px;
}
.fpro-30-days__ball {
position: absolute;
}
.fpro-30-days__ball img {
min-width: 36px;
width: 36px;
height: 36px;
}
.fpro-30-days__items {
display: flex;
gap: 32px;
}
.fpro-30-days__item {
border-radius: 24px;
padding: 32px;
transition: all .3s;
border-top: 1px solid transparent;
width: calc(25% - 24px);
display: flex;
flex-direction: column;
}
.fpro-30-days__item.is-active {
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
}
.fpro-30-days__upper-text > * {
text-align: center;
color: var(--fpro-mint);
font-weight: 400;
line-height: 1.5;
font-size: 16px;
margin: 0 0 16px !important;
}
.fpro-30-days__item-heading > * {
text-align: center;
font-size: 32px;
font-weight: 500;
line-height: 1.3;
margin: 0 0 16px !important;
color: var(--fpro-white);
}
.fpro-30-days__item-text {
flex: 1;
}
.fpro-30-days__item-text > * {
text-align: center;
font-size: 18px;
line-height: 1.5;
font-weight: 400;
color: #aaa;
}
.fpro-30-days__author {
margin: 84px 0 0;
display: flex;
align-items: center;
gap: 14px;
padding: 8px 16px 8px 12px;
border-radius: 30px;
border-top: 1px solid transparent;
transition: all .3s;
}
.fpro-30-days__item.is-active .fpro-30-days__author {
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
box-shadow: 0px 4px 6px -2px #00000008, 0px 12px 16px -4px #00000014;
}
.fpro-30-days__author-image img {
width: 32px;
height: 32px;
min-width: 32px;
border-radius: 50%;
}
.fpro-30-days__author-text > * {
font-size: 12px;
color: #aaa;
line-height: 1.5;
font-weight: 400;
}
.fpro-30-days__testimonial {
display: flex;
flex-direction: column;
align-items: center;
margin: 112px auto 0;
max-width: 768px;
}
.fpro-30-days__testimonial-image img {
width: 48px;
height: 48px;
border-radius: 50%;
}
.fpro-30-days__testimonial-author > * {
font-size: 18px;
font-weight: 400;
line-height: 1.5;
color: #666;
margin: 14px 0 !important;
}
.fpro-30-days__testimonial-text > * {
font-size: 24px;
font-weight: 500;
line-height: 1.4;
color: var(--fpro-white);
text-align: center;
}
.fpro-30-days__verified {
display: flex;
align-items: center;
gap: 4px;
margin: 14px 0 32px;
}
.fpro-30-days__verified-text > * {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #aaa;
}
.fpro-30-days__testimonial-button {
padding: 12px;
border-radius: 12px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
}
@media (min-width: 750px) {
.fpro-30-days {
height: 200vh;
}
.fpro-30-days__sticky {
position: sticky;
top: 120px;
}
.fpro-30-days__ball {
top: 50%;
transform: translateY(-50%);
}
}
@media (max-width: 1199px) {
.fpro-30-days__items {
gap: 8px;
}
.fpro-30-days__item {
width: calc(25% - 6px);
padding: 16px;
border-radius: 16px;
}
}
@media (max-width: 749px) {
.fpro-30-days__heading > * {
font-size: 40px;
text-align: left
}
.fpro-30-days__text * {
font-size: 18px;
text-align: left;
}
.fpro-30-days__track {
display: flex;
gap: 20px;
margin: 32px 0 0;
}
.fpro-30-days__line {
min-width: 12px;
margin: 0;
}
.fpro-30-days__progress {
height: auto;
min-width: 4px;
}
.fpro-30-days__ball {
left: 50%;
transform: translateX(-50%);
}
.fpro-30-days__ball img {
min-width: 30px;
width: 30px;
height: 30px;
}
.fpro-30-days__items {
flex-direction: column;
gap: 16px;
flex: 1 1 auto;
}
.fpro-30-days__item {
width: 100%;
border-radius: 16px;
}
.fpro-30-days__upper-text > * {
text-align: left;
}
.fpro-30-days__item-heading > * {
text-align: left;
font-size: 24px;
}
.fpro-30-days__item-text {
flex: unset;
}
.fpro-30-days__item-text > * {
text-align: left;
font-size: 16px;
}
.fpro-30-days__author {
margin: 32px 0 0;
}
.fpro-30-days__testimonial {
margin: 32px auto 0;
padding: 16px;
}
.fpro-30-days__testimonial-author > * {
font-size: 16px;
}
.fpro-30-days__testimonial-text > * {
font-size: 20px;
}
.fpro-30-days__testimonial-button {
border-radius: 10px;
}
}
/* Premium features */
.fpro-premium-features__items {
display: flex;
gap: 32px;
}
.fpro-premium-features__item {
width: calc(33.33% - 21.33px);
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
padding: 32px;
border-radius: 24px;
}
.fpro-premium-features__image {
width: 80px;
height: 80px;
margin: 0 0 24px;
}
.fpro-premium-features__item-heading > * {
color: #DF8FFF;
font-weight: 500;
font-size: 32px;
line-height: 1.3;
margin: 0 0 12px !important;
}
.fpro-premium-features__item-text > * {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #aaa;
}
@media (max-width: 989px) {
.fpro-premium-features__items {
flex-wrap: wrap;
}
.fpro-premium-features__item {
width: calc(50% - 16px);
}
}
@media (max-width: 749px) {
.fpro-premium-features__items {
gap: 16px;
}
.fpro-premium-features__item {
width: 100%;
border-radius: 16px;
}
.fpro-premium-features__image {
width: 64px;
height: 64px;
}
.fpro-premium-features__item-heading > * {
font-size: 24px;
}
}
/* Premium comparison */
.fpro-premium-comparison__heading > * {
text-align: center;
font-size: 56px;
color: var(--fpro-white);
line-height: 1.2;
font-weight: 500;
margin: 0 0 24px !important;
}
.fpro-premium-comparison__text > * {
max-width: 768px;
margin: 0 auto;
font-size: 20px;
line-height: 1.5;
font-weight: 400;
color: #aaa;
text-align: center;
}
.fpro-premium-comparison__items {
margin: 80px auto 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
max-width: 1280px;
}
.fpro-premium-comparison__item {
display: inline-flex;
gap: 14px;
align-items: center;
padding: 16px 32px 16px 16px;
border-radius: 32px;
background: #00FFE60D;
opacity: 0;
transition: opacity 0.6s ease, transform 0.6s ease;
}
.fpro-premium-comparison__item.is-visible {
opacity: 1;
}
.fpro-premium-comparison__item:nth-child(odd) {
transform: translateY(40px) rotate(1deg);
}
.fpro-premium-comparison__item:nth-child(even) {
transform: translateY(40px) rotate(-2deg);
}
.fpro-premium-comparison__item.is-visible:nth-child(odd) {
transform: translateY(0) rotate(1deg);
}
.fpro-premium-comparison__item.is-visible:nth-child(even) {
transform: translateY(0) rotate(-2deg);
}
.fpro-premium-comparison__image {
width: 80px;
height: 80px;
}
.fpro-premium-comparison__item-heading > * {
font-size: 48px;
font-weight: 500;
color: #EDB8FF;
line-height: 1.2;
}
@media (max-width: 749px) {
.fpro-premium-comparison__heading > * {
font-size: 40px;
}
.fpro-premium-comparison__text > * {
font-size: 18px;
}
.fpro-premium-comparison__items {
margin: 32px auto 0;
}
.fpro-premium-comparison__item {
padding: 12px 24px 12px 12px;
border-radius: 16px;
transition-delay: 0s !important;
}
.fpro-premium-comparison__image {
width: 60px;
height: 60px;
}
.fpro-premium-comparison__item-heading > * {
font-size: 32px;
}
}
/* Premium experience */
.fpro-premium-experience {
display: flex;
flex-direction: column;
}
.fpro-premium-experience__section-badge {
display: inline-flex;
align-items: center;
align-self: center;
gap: 12px;
padding: 10px 16px;
margin: 0 0 24px;
border-radius: 24px;
background: #FFFFFF0D;
border-top: 1px solid #FFFFFF1A;
backdrop-filter: blur(10px);
}
.fpro-premium-experience__section-badge-text {
font-size: 20px;
color: #F7E0FF;
font-weight: 400;
line-height: 1.5;
}
.fpro-premium-experience__heading > * {
max-width: 768px;
font-size: 72px;
line-height: 1.2;
font-weight: 500;
color: var(--fpro-white);
margin: 0 auto 24px !important;
text-align: center;
}
.fpro-premium-experience__text * {
max-width: 768px;
margin: 0 auto 80px !important;
font-size: 20px;
color: #AAAAAA;
font-weight: 400;
text-align: center;
}
.fpro-premium-experience__items {
display: flex;
gap: 32px;
max-width: 1024px;
margin: 0 auto;
}
.fpro-premium-experience__item {
width: calc(50% - 16px);
background: #FFFFFF0D;
border: 1px solid transparent;
display: flex;
flex-direction: column;
border-radius: 24px;
backdrop-filter: blur(10px);
padding: 32px;
position: relative;
}
.fpro-premium-experience__item.is-transparent-border {
border-top: 1px solid #FFFFFF1A !important;
}
.fpro-premium-experience__badge {
padding: 4px 8px;
display: inline-flex;
gap: 4px;
border-radius: 0 0 6px 6px;
color: var(--fpro-black);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.5;
position: absolute;
top: 0;
right: 32px;
}
.fpro-premium-experience__item-title * {
font-size: 24px;
line-height: 1.4;
font-weight: 500;
margin: 0 0 8px !important;
}
.fpro-premium-experience__price-row {
display: flex;
gap: 8px;
align-items: flex-end;
}
.fpro-premium-experience__price-row:has(.fpro-premium-experience__discount) {
align-items: center;
}
.fpro-premium-experience__price {
font-size: 48px;
font-weight: 500;
line-height: 1.2;
}
.fpro-premium-experience__discount {
font-size: 12px;
font-weight: 700;
line-height: 1.5;
color: #F0FF58;
text-shadow: 0px 0px 10px #F0FF5880;
}
.fpro-premium-experience__compare-price {
font-size: 20px;
font-weight: 400;
line-height: 1;
color: #FFFFFF99;
padding-bottom: 12px;
}
.fpro-premium-experience__price-row:has(.fpro-premium-experience__discount) .fpro-premium-experience__compare-price {
padding-bottom: 0;
}
.fpro-premium-experience__explanation {
border-top: 1px solid #393939;
border-bottom: 1px solid #393939;
padding: 8px 0;
margin: 8px 0 0;
display: flex;
align-items: center;
gap: 8px;
}
.fpro-premium-experience__explanation-icon {
width: 16px;
min-width: 16px;
height: 16px;
}
.fpro-premium-experience__explanation-text > * {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #aaa;
}
.fpro-premium-experience__explanation-text strong {
font-weight: 400;
color: #F0FF58;
}
.fpro-premium-experience__price-text * {
margin: 8px 0 32px !important;
font-weight: 400;
font-size: 20px;
color: var(--fpro-white);
line-height: 1.5;
}
.fpro-premium-experience__text-after-image * {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: var(--fpro-white);
margin: 0 0 16px !important;
}
.fpro-premium-experience__list {
flex: 1;
}
.fpro-premium-experience__list ul {
margin: 0 !important;
list-style: none;
padding: 0;
}
.fpro-premium-experience__list li {
display: flex;
align-items: center;
gap: 4px;
font-size: 20px;
color: #AAAAAA;
margin: 0 0 16px;
font-weight: 400;
}
.fpro-premium-experience__list li svg {
margin-right: 14px;
display: block;
width: 28px;
min-width: 28px;
height: 28px;
}
.fpro-premium-experience__list li strong {
font-weight: normal;
color: var(--fpro-white);
}
.fpro-premium-experience__button-wrap a {
margin: 24px 0 0;
width: 100%
}
@media (max-width: 989px) {
.fpro-premium-experience__items {
flex-wrap: wrap;
gap: 16px;
}
.fpro-premium-experience__item {
width: 100%;
}
}
@media (max-width: 749px) {
.fpro-premium-experience__section-badge {
border-radius: 16px;
}
.fpro-premium-experience__section-badge-text {
font-size: 18px;
}
.fpro-premium-experience__heading > * {
font-size: 44px;
}
.fpro-premium-experience__text * {
margin: 0 auto 48px !important;
font-size: 18px;
}
.fpro-premium-experience__item {
border-radius: 16px;
padding: 16px;
}
.fpro-premium-experience__badge {
font-size: 10px;
right: 16px;
}
.fpro-premium-experience__item-title * {
font-size: 20px;
}
.fpro-premium-experience__price {
font-size: 36px;
}
.fpro-premium-experience__compare-price {
font-size: 18px;
}
.fpro-premium-experience__explanation-text > * {
font-size: 12px;
}
.fpro-premium-experience__price-text * {
font-size: 18px;
}
.fpro-premium-experience__list li {
font-size: 18px;
}
.fpro-premium-experience__list li svg {
width: 24px;
min-width: 24px;
height: 24px;
}
}