/** Shopify CDN: Minification failed
Line 2164:23 Unexpected "{"
Line 4269:13 Expected ":"
Line 4269: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;
}
.header__row > div {
width: 100%;
max-width: 1330px;
padding-left: 20px;
padding-right: 20px;
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 {
fill: var(--fpro-black);
}
.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;
}
}
/* 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-section:has(>#header-component[sticky=always]), .header-section:has(>#header-component[sticky=scroll-up][data-sticky-state=active]) {
top: 40px !important;
}
.header__row .overflow-menu::part(list) {
gap: 8px;
}
.header__row .menu-list__link {
padding: 12px !important;
color: var(--fpro-black) !important;
font-weight: 300;
margin: 0 !important;
font-size: 16px;
line-height: 24px;
min-height: unset;
}
.header__column.header__column--right {
gap: 8px;
}
.dropdown-localization__button {
padding: 8px !important;
margin: 0 !important;
font-weight: 300 !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;
}
/* Header mobile */
.header__icon--summary .header-drawer-icon {
width: 20px !important;
height: 20px !important;
}
.menu-drawer {
height: calc(100dvh - 100px) !important;
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 {
padding: 16px 0 !important;
border-bottom: 1px solid #91918D52;
}
.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 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;
}
}
/* Hero */
.hero-grid {
display: flex;
background-color: var(--fpro-black);
}
.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-icon.svg?v=1757575218);
background-repeat: no-repeat;
background-size: cover;
display: block;
position: absolute;
right: 0;
top: 0;
width: 420px;
height: 100%;
}
.shopify-section-group-footer-group .section > .layout-panel-flex {
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.shopify-section-group-footer-group .section > .layout-panel-flex > .group-block, .shopify-section-group-footer-group .section > .layout-panel-flex > .menu {
width: calc(25% - 30px);
}
.shopify-section-group-footer-group .section-content-wrapper.layout-panel-flex.mobile-column:first-of-type > .group-block:first-of-type > .group-block-content.layout-panel-flex--column > .image-block:first-of-type > .image-block__image {
margin: 12px 0;
height: auto;
object-fit: contain;
max-width: 120px;
}
.shopify-section-group-footer-group .section-content-wrapper:first-of-type > .group-block:first-of-type > .group-block-content.layout-panel-flex--column > .group-block:last-child > .group-block-content.layout-panel-flex--row > .image-block > .image-block__image {
width: 120px;
height: auto;
display: block;
}
.shopify-section-group-footer-group .layout-panel-flex > .group-block p {
font-size: 16px;
line-height: 24px;
}
.shopify-section-group-footer-group .menu__heading {
padding: 8px 0;
font-size: 20px;
line-height: 24px;
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: 4px;
}
.shopify-section-group-footer-group .menu__item {
padding: 8px 0;
font-size: 16px;
line-height: 24px;
font-weight: 300;
text-transform: none;
}
.shopify-section-group-footer-group .menu__item a {
font-weight: 300;
}
.shopify-section-group-footer-group .payment-icons__list {
padding: 40px 0 0;
justify-content: center;
}
.shopify-section-group-footer-group .payment-icons__item svg {
width: 46px;
height: 32px;
}
.footer-utilities__group--left {
justify-content: center;
font-weight: 300;
line-height: 24px;
color: var(--fpro-white);
gap: 32px !important;
}
.policy_list {
gap: 32px !important;
}
.footer-utilities .footer-utilities__group--left a {
color: var(--fpro-white);
}
.footer-utilities__group--right, .shopify-section-group-footer-group .section > .layout-panel-flex > .group-block:not(:first-child) {
display: none !important;
}
@media (max-width: 749px) {
.shopify-section-group-footer-group:before {
background-image: url(/cdn/shop/files/footer-icon-mobile.svg?v=1757575526);
top: unset;
bottom: 0;
width: 120px;
height: 120px;
}
.shopify-section-group-footer-group > .section > .section-content-wrapper {
padding: 48px 0 24px;
gap: 0;
}
.shopify-section-group-footer-group .section > .layout-panel-flex > .group-block, .shopify-section-group-footer-group .section > .layout-panel-flex > .menu {
width: 100%;
}
.shopify-section-group-footer-group .section > .layout-panel-flex > .group-block > .layout-panel-flex {
gap: 12px !important;
}
.shopify-section-group-footer-group .section-content-wrapper.layout-panel-flex.mobile-column:first-of-type > .group-block:first-of-type > .group-block-content.layout-panel-flex--column>.image-block:first-of-type > .image-block__image {
margin: 10px 0;
}
.shopify-section-group-footer-group .menu__heading {
padding: 16px 0;
}
.menu__heading__toggle {
width: 24px !important;
height: 24px !important;
}
.menu--dividers .menu__details {
border-block-end-color: #A3A399 !important;
}
.shopify-section-group-footer-group .section > .layout-panel-flex > .menu:nth-child(4) .menu__details {
border-block-end-color: transparent !important;
}
.shopify-section-group-footer-group .section > .layout-panel-flex > .group-block:not(:first-child) {
padding: 16px 0 0;
display: flex !important;
justify-content: flex-start;
}
.shopify-section-group-footer-group .section > .layout-panel-flex > .group-block:not(:first-child) .layout-panel-flex {
align-items: flex-start;
}
.shopify-section-group-footer-group .section > .layout-panel-flex > .group-block:not(:first-child) .image-block {
flex: unset;
}
.shopify-section-group-footer-group .section > .layout-panel-flex > .group-block:not(:first-child) img {
width: 120px;
height: auto;
}
.shopify-section-group-footer-group .payment-icons__list {
padding: 28px 0 0;
justify-content: flex-start;
}
.shopify-section-group-footer-group .payment-icons__item svg {
width: 35px;
height: 24px;
}
.footer-utilities__group--left {
padding: 40px 0 0;
font-size: 14px;
line-height: 20px;
align-items: flex-start !important;
flex-direction: column-reverse !important;
gap: 16px !important;
}
.policy_list {
gap: 16px !important;
}
.footer-utilities__text {
font-size: 14px;
line-height: 20px;
}
.shopify-section-group-footer-group .section-content-wrapper:first-of-type > .group-block:first-of-type > .group-block-content.layout-panel-flex--column > .group-block:last-child {
display: none;
}
}
/* 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 {
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 */
.product-information {
--spacing-scale: .5;
}
.slideshow-controls__thumbnails {
padding: 24px 0 0 !important;
gap: 24px;
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: 10px;
height: auto !important;
}
.product-information h1 {
font-size: 40px !important;
line-height: 48px !important;
font-weight: 700 !important;
margin: 0 0 8px !important;
}
.product-information .rating-wrapper {
gap: 4px;
}
.product-information .rating {
gap: 0;
}
.rating-color--primary {
--star-fill-color: #6CB27A !important;
}
.product-information .rating .stars {
width: 20px;
height: 20px;
fill: #6CB27A;
}
.product-information .rating-count, .product-information .rating-count {
color: var(--fpro-black) !important;
}
.product-information .rating-count, .product-information .rating-count a {
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.omnisend-reviews-reset.omnisend-star-ratings-wrapper {
gap: 4px !important;
}
.omnisend-star-ratings-container svg {
stroke: #6CB27A !important;
width: 20px !important;
height: 20px !important;
fill: #6CB27A !important;
}
.omnisend-star-ratings-reviews-count {
font-size: 14px !important;
line-height: 20px !important;
font-weight: 300 !important;
display: none !important;
}
.omnisend-star-rating-info {
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.omnisend-star-rating-info a {
text-decoration: underline;
}
.product-information .short-description p {
font-size: 16px;
line-height: 24px;
margin: 8px 0 0;
color: #686864;
}
.product-information product-price {
margin: 16px 0 16px !important;
}
.product-information product-price div[ref="priceContainer"] {
display: flex;
align-items: flex-start;
gap: 8px;
}
.product-information product-price .price {
font-size: 40px;
line-height: 48px;
font-weight: 700;
}
.product-information product-price:has(.compare-at-price) .price {
color: #B2291A;
}
.product-information product-price .compare-at-price {
display: block;
margin-top: 4px;
font-size: 18px;
line-height: 28px;
opacity: 1;
color: #686864;
font-weight: 300;
}
.product-information product-price span[role="group"] {
position: relative;
}
.sale-badge {
background-color: #B2291A;
border-radius: 3px;
padding: 2px 4px;
color: var(--fpro-white);
font-size: 12px;
line-height: 16px;
font-weight: 500;
left: calc(100% + 8px);
top: 7.5px;
position: absolute;
white-space: nowrap;
}
.product-information .add-to-cart-button {
height: unset;
}
.product-information .accordion {
margin: 24px 0 16px;
}
.product-information .accordion accordion-custom:not(:last-child) details {
margin: 0 0 8px;
}
.product-information .accordion details {
padding: 16px;
background-color: var(--fpro-grey);
border-radius: 16px;
}
.product-information .accordion .details__header {
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: var(--fpro-black);
padding: 0;
}
.product-information .accordion .details__header .svg-wrapper {
width: 24px;
height: 24px;
}
.product-information .accordion .details-content * {
font-size: 16px;
line-height: 24px;
font-weight: 300;
}
.product-information .accordion .details-content strong {
font-weight: 500;
}
.order-before-block {
margin: 16px 0 0;
}
.order-before-block p {
font-size: 14px;
line-height: 20px;
margin: 0;
}
.order-before-block p strong {
font-weight: 300;
}
.product-usps-wrapper {
margin: 16px 0 0;
}
body:not(.product-ball-mastery-mat-2-0) .product-usps-wrapper {
display: none;
}
.product-gift-card .accordion > *:not(:first-child) {
display: none;
}
.product-usps-wrapper > .group-block-content {
gap: 8px;
align-items: stretch;
}
.single-product-usp {
height: auto;
border-radius: 10px;
padding: 16px;
background-color: var(--fpro-grey);
}
.single-product-usp p {
margin: 0 !important;
font-size: 14px !important;
line-height: 20px !important;
color: #686864 !important;
text-align: center !important;
}
.single-product-usp rte-formatter:first-child p {
margin: 0 0 4px !important;
font-size: 24px !important;
line-height: 28px !important;
font-weight: 500 !important;
color: var(--fpro-black) !important;
}
.pulsator {
margin: 0 0 16px;
}
.pulsator p {
font-size: 14px;
line-height: 20px;
}
.pulsator p strong {
font-weight: 300;
}
.pulse-dot {
position: relative;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #6CB27A;
}
.pulse-dot:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
border-radius: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 0 0 #F2F7F3;
animation: pulse-ring 1.5s ease-out infinite;
}
@keyframes pulse-ring {
0% {
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6);
}
70% {
box-shadow: 0 0 0 12px rgba(16, 185, 129, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
}
}
.variant-picker__form {
gap: 0 !important;
margin: 0 0 24px;
}
.variant-option {
margin: 0 0 16px !important;
}
.variant-option--buttons {
gap: 8px !important;
}
.variant-option--buttons legend {
font-size: 18px;
line-height: 28px;
font-weight: 500;
margin: 0 0 8px;
}
.variant-option__button-label {
padding-block: unset !important;
padding-inline: unset !important;
background-color: var(--fpro-grey) !important;
padding: 8px !important;
color: var(--fpro-black) !important;
font-weight: 300 !important;
font-size: 14px !important;
line-height: 20px !important;
border: 2px solid transparent !important;
min-height: unset !important;
flex: unset !important;
min-width: unset !important;
}
.variant-option--buttons:not(.color) .variant-option__button-label {
flex-direction: column-reverse;
}
.variant-option--buttons.color .variant-option__button-label {
gap: 8px;
}
.variant-option__button-label:has(:checked) {
border: 2px solid var(--fpro-mint) !important;
background-color: #C9FCF8 !important;
}
.variant-option__button-label:has([aria-disabled="true"]) {
opacity: .25 !important;
pointer-events: none;
}
.fpro-variation-desc {
font-size: 12px;
line-height: 16px;
color: #686864;
}
.fpro-swatch {
width: 20px;
min-width: 20px;
height: 20px;
border-radius: 5px;
}
.slideshow-controls__thumbnail-badge, .variant-option__button-label svg {
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;
}
}
@media (max-width: 749px) {
.product-information__media {
display: none;
}
.product-usps-wrapper {
margin: 24px 0 12px;
display: none;
}
.product-information__media.show, .product-usps-wrapper.show {
display: block;
}
.product-information slideshow-controls {
position: relative;
display: flex !important;
}
.product-media-container img {
border-radius: 13px;
}
.slideshow-controls__thumbnails {
padding: 8px 0 !important;
gap: 8px;
height: auto !important;
display: flex !important;
}
.slideshow-controls__thumbnails .slideshow-control {
width: calc(25% - 6px);
}
.product-information h1 {
font-size: 32px !important;
line-height: 38px !important;
}
.product-information product-price {
margin: 16px 0 20px !important;
}
.product-information product-price .price {
font-size: 24px;
line-height: 28px;
}
.product-information product-price .compare-at-price {
margin-top: 0;
}
.sale-badge {
top: 5px;
}
.order-before-block {
margin: 12px 0 0;
}
.product-usps-wrapper > .group-block-content {
gap: 4px;
}
.single-product-usp {
padding: 12px 8px;
}
.product-information .accordion {
margin: 16px 0 16px;
}
.variant-option--buttons legend {
font-size: 16px;
line-height: 24px;
}
.variant-picker__form {
margin: 0 0 20px;
}
.product-information slideshow-controls.media-gallery__mobile-controls {
display: none !important;
}
}
/* 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__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);
}
.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;
}
.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[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;
}
}