.home-tpv {
background:
radial-gradient(circle at top left, rgba(0,137,152,.05), transparent 28%),
radial-gradient(circle at top right, rgba(0,137,152,.04), transparent 24%),
#ffffff;
padding-top: 24px;
font-family: 'Work Sans', sans-serif;
}
.home-tpv section {
position: relative;
z-index: 1;
}
.home-tpv__brands,
.home-tpv__hero,
.home-tpv__solutions,
.home-tpv__partners,
.home-tpv__featured-products,
.home-tpv__blog {
position: relative;
}
.page-top {
display: none !important;
}
.home-tpv__container {
width: min(calc(100% - 72px), 1720px);
margin-inline: auto;
}
.home-tpv__brands-grid,
.home-tpv__hero-carousel,
.home-tpv__carousel,
.home-tpv__blog-card,
.home-tpv__solution,
.home-tpv__partner-card {
backdrop-filter: blur(10px);
} .home-tpv__brands {
padding: 18px 0 58px;
}
.home-tpv__brand-title {
margin-bottom: 36px;
}
.home-tpv__brands-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
gap: 18px;
}
.home-tpv__brand-card {
position: relative;
isolation: isolate;
display: block;
min-height: 0;
aspect-ratio: 1.05 / 1;
padding: 0;
overflow: hidden;
border-radius: 10px;
background: #f5f7f9;
text-decoration: none !important;
box-shadow: 0 18px 44px rgba(15,23,42,.08);
transition:
transform .24s ease,
box-shadow .24s ease,
filter .24s ease;
}
.home-tpv__brand-card::before {
content: none;
}
.home-tpv__brand-card img {
display: block;
width: 100%;
height: 100%;
min-height: inherit;
object-fit: cover;
transition: transform .35s cubic-bezier(.22,1,.36,1), filter .28s ease;
}
.home-tpv__brand-card--geon {
background: #e9fbfb;
}
.home-tpv__brand-card--sunmi {
background: #fff6ea;
}
.home-tpv__brand-card--zebra {
background: #f7f8fa;
}
.home-tpv__brand-card--datalogic {
background: #eef8ff;
}
.home-tpv__brand-card--honeywell {
background: #fff0ef;
}
.home-tpv__brand-card:hover {
transform: translateY(-6px);
filter: saturate(1.04);
box-shadow: 0 28px 64px rgba(15,23,42,.14);
}
.home-tpv__brand-card:hover img {
transform: scale(1.035);
} .home-tpv__hero {
padding-bottom: 34px;
}
.home-tpv__hero-carousel {
position: relative;
overflow: hidden;
border-radius: 32px;
box-shadow: 0 22px 60px rgba(15,23,42,.12);
}
.home-tpv__hero-track {
display: flex;
transition: transform .6s cubic-bezier(.22,1,.36,1);
will-change: transform;
}
.home-tpv__hero-slide {
flex: 0 0 100%;
min-width: 100%;
}
.home-tpv__hero img {
width: 100%;
display: block;
border-radius: inherit;
}
.home-tpv__hero-arrow {
position: absolute;
top: 50%;
z-index: 2;
width: 48px;
height: 48px;
border: 1px solid rgba(255,255,255,.65);
border-radius: 999px;
background: rgba(255,255,255,.9);
color: #07111a;
font-size: 36px;
line-height: 1;
display: grid;
place-items: center;
cursor: pointer;
transform: translateY(-50%);
box-shadow: 0 16px 38px rgba(15,23,42,.18);
transition:
background .22s ease,
color .22s ease,
transform .22s ease,
box-shadow .22s ease;
}
.home-tpv__hero-arrow:hover,
.home-tpv__hero-arrow:focus-visible {
background: #008998;
color: #fff;
transform: translateY(-50%) scale(1.06);
box-shadow: 0 20px 48px rgba(0,137,152,.28);
}
.home-tpv__hero-arrow--prev {
left: 18px;
}
.home-tpv__hero-arrow--next {
right: 18px;
}
.home-tpv__hero-dots {
position: absolute;
left: 50%;
bottom: 18px;
z-index: 2;
display: flex;
gap: 10px;
transform: translateX(-50%);
}
.home-tpv__hero-dot {
width: 10px;
height: 10px;
padding: 0;
border: 0;
border-radius: 999px;
background: rgba(255,255,255,.72);
box-shadow: 0 4px 14px rgba(15,23,42,.16);
cursor: pointer;
transition:
width .22s ease,
background .22s ease,
transform .22s ease;
}
.home-tpv__hero-dot.is-active {
width: 28px;
background: #008998;
}
.home-tpv__hero-dot:hover,
.home-tpv__hero-dot:focus-visible {
transform: translateY(-1px);
} .home-tpv__section-title {
margin: 0 0 45px;
text-align: center;
color: #07111a;
font-size: clamp(36px, 2.1vw, 46px);
font-weight: 800;
letter-spacing: -.03em;
line-height: 1.12;
font-family: 'Work Sans', sans-serif;
}
.home-tpv__section-title::after {
content: "";
display: block;
width: 76px;
height: 4px;
margin: 18px auto 0;
border-radius: 99px;
background: linear-gradient(90deg, #008998, rgba(0,137,152,.16));
} .home-tpv__solutions {
padding: 34px 0 70px;
}
.home-tpv__solutions-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
column-gap: 28px;
row-gap: 28px;
}
.home-tpv__solution {
position: relative;
display: grid !important;
grid-template-columns: 105px 1fr;
gap: 18px;
align-items: start;
padding: 24px;
border-radius: 28px;
background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(248,250,252,.92));
border: 1px solid rgba(255,255,255,.7);
box-shadow:
0 10px 30px rgba(15,23,42,.06),
inset 0 1px 0 rgba(255,255,255,.7);
backdrop-filter: blur(12px);
transition:
transform .35s cubic-bezier(.22,1,.36,1),
box-shadow .35s ease,
border-color .35s ease;
}
.home-tpv__solution:hover {
transform: translateY(-6px);
box-shadow:
0 22px 55px rgba(15,23,42,.12),
0 8px 24px rgba(0,137,152,.10);
border-color: rgba(0,137,152,.18);
}
.home-tpv__solution-image {
display: flex;
align-items: flex-start;
justify-content: center;
}
.home-tpv__solution-image img {
width: 105px;
height: 105px;
object-fit: contain;
filter: drop-shadow(0 12px 16px rgba(15,23,42,.08));
transition: transform .25s ease;
}
.home-tpv__solution:hover .home-tpv__solution-image img {
transform: translateY(-3px) scale(1.05);
}
.home-tpv__solution h3 {
margin: 0 0 7px;
color: #1f2548;
font-size: 20px;
font-weight: 800;
letter-spacing: -.02em;
line-height: 1.15;
font-family: 'Work Sans', sans-serif;
}
.home-tpv__solution p {
margin: 0 0 14px;
color: #7d8590;
font-size: 15px;
font-weight: 400;
line-height: 1.45;
font-family: 'Work Sans', sans-serif;
}
.home-tpv__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 18px;
border-radius: 999px;
background: linear-gradient(135deg, #008998, #00a7ba);
color: #fff !important;
text-decoration: none !important;
font-size: 14px;
font-weight: 700;
box-shadow: 0 10px 22px rgba(0,137,152,.22);
transition:
transform .22s ease,
box-shadow .22s ease,
filter .22s ease;
}
.home-tpv__button:hover {
transform: translateY(-2px);
filter: brightness(1.04);
box-shadow: 0 18px 34px rgba(0,137,152,.28);
color: #fff !important;
} .home-tpv__partners {
padding: 58px 0 72px;
background: linear-gradient(135deg, #008998 0%, #00a7ba 100%);
overflow: hidden;
}
.home-tpv__partners .home-tpv__section-title {
color: #fff;
text-shadow: 0 12px 34px rgba(0,0,0,.16);
}
.home-tpv__partners .home-tpv__section-title::after {
background: linear-gradient(90deg, rgba(255,255,255,.95), rgba(255,255,255,.28));
}
.home-tpv__partners-grid {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
gap: 14px;
}
.home-tpv__partner-card {
background: linear-gradient(145deg, #ffffff, #f5f7f9);
border-radius: 22px;
aspect-ratio: 1 / .78;
display: flex;
align-items: center;
justify-content: center;
padding: 18px;
border: 1px solid rgba(255,255,255,.86);
box-shadow: 0 18px 42px rgba(0,54,64,.16);
backdrop-filter: none;
transition:
transform .24s ease,
box-shadow .24s ease;
}
.home-tpv__partners .home-tpv__partner-card:hover {
background: linear-gradient(145deg, #ffffff, #f5f7f9);
transform: translateY(-5px);
box-shadow: 0 22px 48px rgba(0,54,64,.24);
}
.home-tpv__partner-card img {
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
} .home-tpv__featured-products {
padding: 30px 0 76px;
}
.home-tpv__carousel {
position: relative;
border-radius: 34px;
padding: 42px 58px;
background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(246,249,251,.92));
border: 1px solid rgba(255,255,255,.8);
box-shadow: 0 18px 55px rgba(15,23,42,.08);
overflow: visible;
}
.home-tpv__carousel-track {
display: flex !important;
gap: 20px !important;
overflow-x: auto !important;
scroll-behavior: smooth;
scrollbar-width: none;
}
.home-tpv__carousel-track::-webkit-scrollbar {
display: none;
}
.home-tpv__product-card {
flex: 0 0 calc((100% - 60px) / 4) !important;
min-width: calc((100% - 60px) / 4) !important;
width: auto !important;
max-width: none !important;
scroll-snap-align: start;
padding: 14px;
border-radius: 24px;
transition:
transform .28s cubic-bezier(.22,1,.36,1),
background .28s ease;
}
.home-tpv__product-card:hover {
transform: translateY(-5px);
background: rgba(255,255,255,.85);
}
.home-tpv__product-image {
display: flex;
align-items: center;
justify-content: center;
min-height: 210px;
margin-bottom: 18px;
}
.home-tpv__product-image img {
max-width: 100%;
max-height: 210px;
object-fit: contain;
filter: drop-shadow(0 14px 18px rgba(15,23,42,.08));
transition: transform .25s ease;
}
.home-tpv__product-card:hover .home-tpv__product-image img {
transform: scale(1.04);
}
.home-tpv__product-price {
color: #008998;
font-size: 25px;
font-weight: 800;
font-style: italic;
line-height: 1.1;
margin-bottom: 8px;
}
.home-tpv__product-price del {
display: block;
color: #b8b8b8;
font-size: 14px;
font-style: normal;
}
.home-tpv__product-info h3 {
margin: 0;
font-size: 16px;
font-weight: 800;
line-height: 1.3;
}
.home-tpv__product-info h3 a {
color: #4f5159;
text-decoration: none;
}
.home-tpv__product-info h3 a:hover {
color: #008998;
}
.home-tpv__carousel-arrow {
position: absolute;
top: 50%;
z-index: 2;
width: 52px;
height: 52px;
border: 1px solid rgba(0,137,152,.14);
border-radius: 999px;
background: rgba(255,255,255,.96);
color: #008998;
font-size: 36px;
line-height: 1;
display: grid;
place-items: center;
cursor: pointer;
transform: translateY(-50%);
box-shadow: 0 16px 38px rgba(15,23,42,.16);
transition:
background .2s ease,
color .2s ease,
transform .2s ease,
box-shadow .2s ease;
}
.home-tpv__carousel-arrow:hover {
background: #008998;
color: #fff;
transform: translateY(-50%) scale(1.07);
box-shadow: 0 20px 50px rgba(0,137,152,.26);
}
.home-tpv__carousel-prev {
left: -26px;
}
.home-tpv__carousel-next {
right: -26px;
} .home-tpv__blog {
padding: 30px 0 82px;
}
.home-tpv__blog-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 30px !important;
}
.home-tpv__blog-card {
width: 100% !important;
max-width: 100% !important;
position: relative;
overflow: hidden;
border-radius: 30px;
background: #fff;
box-shadow: 0 14px 38px rgba(15,23,42,.07);
transition:
transform .35s cubic-bezier(.22,1,.36,1),
box-shadow .35s ease;
}
.home-tpv__blog-card:hover {
transform: translateY(-6px);
box-shadow: 0 28px 70px rgba(15,23,42,.14);
}
.home-tpv__blog-image {
display: block;
overflow: hidden;
margin-bottom: 0;
}
.home-tpv__blog-image img {
width: 100%;
aspect-ratio: 1.55 / 1;
object-fit: cover;
display: block;
transition:
transform .45s cubic-bezier(.22,1,.36,1),
filter .35s ease;
}
.home-tpv__blog-card:hover .home-tpv__blog-image img {
transform: scale(1.05);
filter: saturate(1.05);
}
.home-tpv__blog-content {
padding: 24px 24px 28px;
}
.home-tpv__blog-content h3 {
margin: 0 0 14px;
font-size: 20px;
font-weight: 800;
letter-spacing: -.015em;
line-height: 1.25;
}
.home-tpv__blog-content h3 a {
color: #2f3137;
text-decoration: none;
}
.home-tpv__blog-content h3 a:hover {
color: #008998;
}
.home-tpv__blog-content p {
margin: 0;
color: #666;
font-size: 16px;
line-height: 1.65;
} @media (prefers-reduced-motion: no-preference) {
.home-tpv__brand-card,
.home-tpv__hero-carousel,
.home-tpv__solution,
.home-tpv__partner-card,
.home-tpv__carousel,
.home-tpv__blog-card {
animation: homeTpvFadeUp .6s ease both;
}
@keyframes homeTpvFadeUp {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
} @media (max-width: 1199px) {
.home-tpv__solutions-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.home-tpv__partners-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.home-tpv__product-card {
flex-basis: calc((100% - 40px) / 3) !important;
min-width: calc((100% - 40px) / 3) !important;
}
}
@media (max-width: 991px) {
.home-tpv__brands-grid {
grid-template-columns: 1fr;
}
.home-tpv__blog-grid {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 767px) {
.home-tpv {
padding-top: 22px;
}
.home-tpv__container {
width: min(calc(100% - 28px), 1400px);
}
.home-tpv__hero,
.home-tpv__brands {
padding-bottom: 42px;
}
.home-tpv__section-title {
margin-bottom: 30px;
font-size: 28px;
}
.home-tpv__solutions {
padding: 24px 0 58px;
}
.home-tpv__solutions-grid {
grid-template-columns: 1fr !important;
row-gap: 18px;
}
.home-tpv__solution {
grid-template-columns: 88px 1fr;
gap: 16px;
padding: 18px;
min-height: auto;
}
.home-tpv__solution-image img {
width: 88px;
height: 88px;
}
.home-tpv__solution h3 {
font-size: 18px;
}
.home-tpv__solution p {
font-size: 14px;
}
.home-tpv__partners-grid {
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
.home-tpv__carousel {
padding: 28px 34px;
border-radius: 24px;
}
.home-tpv__product-card {
flex-basis: 82% !important;
min-width: 82% !important;
}
.home-tpv__carousel-prev {
left: -10px;
}
.home-tpv__carousel-next {
right: -10px;
}
.home-tpv__blog-content {
padding: 20px;
}
} .home-tpv__blog {
padding: 35px 0 100px;
}
.home-tpv__blog-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 30px !important;
}
.home-tpv__blog-card {
width: 100% !important;
max-width: 100% !important;
position: relative;
overflow: hidden;
border-radius: 30px;
background: #fff;
box-shadow: 0 14px 38px rgba(15,23,42,.07);
transition:
transform .35s cubic-bezier(.22,1,.36,1),
box-shadow .35s ease;
}
.home-tpv__blog-card:hover {
transform: translateY(-6px);
box-shadow: 0 28px 70px rgba(15,23,42,.14);
}
.home-tpv__blog-image {
display: block;
overflow: hidden;
margin-bottom: 0;
}
.home-tpv__blog-image img {
width: 100%;
aspect-ratio: 1.55 / 1;
object-fit: cover;
display: block;
transition:
transform .45s cubic-bezier(.22,1,.36,1),
filter .35s ease;
}
.home-tpv__blog-card:hover .home-tpv__blog-image img {
transform: scale(1.05);
filter: saturate(1.05);
}
.home-tpv__blog-content {
padding: 24px 24px 28px;
}
.home-tpv__blog-content h3 {
margin: 0 0 14px;
font-size: 20px;
font-weight: 800;
letter-spacing: -.015em;
line-height: 1.25;
}
.home-tpv__blog-content h3 a {
color: #2f3137;
text-decoration: none;
}
.home-tpv__blog-content h3 a:hover {
color: #008998;
}
.home-tpv__blog-content p {
margin: 0;
color: #666;
font-size: 16px;
line-height: 1.65;
} @media (prefers-reduced-motion: no-preference) {
.home-tpv__brand-card,
.home-tpv__hero-carousel,
.home-tpv__solution,
.home-tpv__partner-card,
.home-tpv__carousel,
.home-tpv__blog-card {
animation: homeTpvFadeUp .6s ease both;
}
@keyframes homeTpvFadeUp {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
} @media (max-width: 1199px) {
.home-tpv__solutions-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.home-tpv__partners-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.home-tpv__carousel-track {
grid-auto-columns: calc((100% - 40px) / 3) !important;
}
}
@media (max-width: 991px) {
.home-tpv__brands-grid {
grid-template-columns: 1fr;
}
.home-tpv__blog-grid {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 767px) {
.home-tpv {
padding-top: 22px;
}
.home-tpv__container {
width: min(calc(100% - 28px), 1400px);
}
.home-tpv__hero,
.home-tpv__brands {
padding-bottom: 42px;
}
.home-tpv__section-title {
margin-bottom: 30px;
font-size: 28px;
}
.home-tpv__solutions {
padding: 24px 0 58px;
}
.home-tpv__solutions-grid {
grid-template-columns: 1fr !important;
row-gap: 18px;
}
.home-tpv__solution {
grid-template-columns: 88px 1fr;
gap: 16px;
padding: 18px;
min-height: auto;
}
.home-tpv__solution-image img {
width: 88px;
height: 88px;
}
.home-tpv__solution h3 {
font-size: 18px;
}
.home-tpv__solution p {
font-size: 14px;
}
.home-tpv__partners-grid {
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
.home-tpv__carousel {
padding: 28px 34px;
border-radius: 24px;
}
.home-tpv__carousel-track {
grid-auto-columns: 82% !important;
}
.home-tpv__carousel-prev {
left: -10px;
}
.home-tpv__carousel-next {
right: -10px;
}
.home-tpv__blog-content {
padding: 20px;
}
} .home-tpv__quicklinks {
padding: 34px 0 82px;
}
.home-tpv__quicklinks-title {
margin-bottom: 34px;
}
.home-tpv__quicklinks-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
gap: 16px;
margin: 0 auto;
}
.home-tpv__quicklink {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
min-width: 0;
min-height: 190px;
padding: 30px;
overflow: hidden;
border: 1px solid rgba(255,255,255,.10);
border-radius: 28px;
background:
radial-gradient(circle at 18% 12%, rgba(126,230,232,.18), transparent 32%),
linear-gradient(135deg, #07111a 0%, #0b2027 58%, #06262c 100%);
color: #fff !important;
text-decoration: none !important;
box-shadow: 0 18px 42px rgba(15,23,42,.10);
transition:
transform .24s ease,
box-shadow .24s ease,
background .24s ease;
}
.home-tpv__quicklink::before,
.home-tpv__quicklink::after {
content: none;
}
.home-tpv__quicklink::before {
left: 0;
width: 38%;
height: 16px;
}
.home-tpv__quicklink::after {
right: 18px;
width: 16px;
height: 16px;
box-shadow:
-54px 0 0 #fff,
-108px 8px 0 #fff,
-150px -10px 0 #fff;
}
.home-tpv__quicklink-icon {
width: 50px;
height: 50px;
padding: 11px;
border-radius: 18px;
background: rgba(126,230,232,.12);
color: #7ee6e8;
}
.home-tpv__quicklink-icon path {
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.home-tpv__quicklink span {
position: relative;
z-index: 1;
display: block;
max-width: 250px;
font-size: clamp(24px, 1.7vw, 32px);
font-weight: 900;
letter-spacing: -.045em;
line-height: .98;
}
.home-tpv__quicklink:hover,
.home-tpv__quicklink:focus-visible {
background:
radial-gradient(circle at 18% 12%, rgba(126,230,232,.22), transparent 32%),
linear-gradient(135deg, #07111a 0%, #0f2b34 58%, #07333b 100%);
color: #fff !important;
transform: translateY(-6px);
box-shadow: 0 28px 64px rgba(15,23,42,.20);
}
@media (max-width: 1199px) {
.home-tpv__quicklinks-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.home-tpv__quicklinks {
padding: 28px 0 70px;
}
.home-tpv__quicklinks-grid {
grid-template-columns: 1fr;
gap: 14px;
}
.home-tpv__quicklink {
width: 100%;
min-height: 180px;
padding: 24px;
}
.home-tpv__quicklink span {
font-size: 30px;
}
} .home-tpv__newsletter {
padding: 20px 0 80px;
}
.home-tpv__newsletter-card {
position: relative;
overflow: hidden;
max-width: 1120px;
margin: 0 auto;
border-radius: 34px;
padding: 54px 48px;
min-height: auto;
background:
radial-gradient(circle at 80% 20%, rgba(126, 230, 232, .38), transparent 28%),
radial-gradient(circle at 18% 85%, rgba(198, 247, 245, .55), transparent 30%),
linear-gradient(135deg, #e9fbfa 0%, #d8f5f4 46%, #b8eceb 100%);
box-shadow: 0 22px 70px rgba(0, 137, 152, .16);
color: #102027;
text-align: center;
transition:
transform .45s cubic-bezier(.16,1,.3,1),
box-shadow .45s ease,
background .45s ease;
}
.home-tpv__newsletter-card:hover {
transform: translateY(-6px);
box-shadow:
0 35px 90px rgba(0, 137, 152, .22),
0 0 80px rgba(126, 230, 232, .18);
background:
radial-gradient(circle at 80% 20%, rgba(126, 230, 232, .48), transparent 28%),
radial-gradient(circle at 18% 85%, rgba(198, 247, 245, .72), transparent 30%),
linear-gradient(135deg, #efffff 0%, #def8f7 46%, #c6f2f1 100%);
}
.home-tpv__newsletter-card::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(255,255,255,.45) 1px, transparent 1px),
linear-gradient(0deg, rgba(255,255,255,.35) 1px, transparent 1px);
background-size: 52px 52px;
opacity: .28;
pointer-events: none;
transition: opacity .4s ease;
}
.home-tpv__newsletter-card:hover::before {
opacity: .42;
}
.home-tpv__newsletter-card::after {
content: "";
position: absolute;
right: -140px;
top: -160px;
width: 430px;
height: 430px;
border-radius: 50%;
border: 1px solid rgba(0, 137, 152, .14);
box-shadow: inset 0 0 80px rgba(255,255,255,.35);
pointer-events: none;
}
.home-tpv__newsletter-content {
position: relative;
z-index: 1;
max-width: 760px;
margin: 0 auto;
}
.home-tpv__newsletter-kicker {
display: inline-flex;
margin-bottom: 14px;
color: #008998;
font-size: 13px;
font-weight: 800;
letter-spacing: .16em;
}
.home-tpv__newsletter h2 {
margin: 0 0 14px;
color: #102027;
font-size: clamp(30px, 3vw, 46px);
font-weight: 800;
letter-spacing: -.045em;
line-height: 1.05;
}
.home-tpv__newsletter p {
margin: 0 auto 24px;
max-width: 620px;
color: rgba(16, 32, 39, .72);
font-size: 16px;
line-height: 1.6;
}
.home-tpv__newsletter-form {
width: min(100%, 620px);
margin: 0 auto;
border-radius: 24px;
padding: 8px;
background: rgba(255,255,255,.55);
border: 1px solid rgba(255,255,255,.78);
backdrop-filter: blur(14px);
box-shadow: 0 14px 38px rgba(0, 137, 152, .16);
}
.home-tpv__newsletter-form iframe {
display: block;
width: 100%;
min-height: 165px;
border: 0;
border-radius: 18px;
background: #fff;
}
.home-tpv__newsletter-form iframe + * {
display: none;
}
.home-tpv__newsletter small {
display: block;
margin-top: 14px;
color: rgba(16, 32, 39, .56);
font-size: 13px;
}
@media (max-width: 767px) {
.home-tpv__newsletter {
padding: 10px 0 65px;
}
.home-tpv__newsletter-card {
padding: 38px 20px;
border-radius: 26px;
}
.home-tpv__newsletter h2 {
font-size: 30px;
}
.home-tpv__newsletter-form {
padding: 6px;
}
.home-tpv__newsletter-form iframe {
min-height: 220px;
}
} body.page-template-template-aide-achat .page-top {
display: none !important;
}
.aide-achat-page {
padding: 55px 0 95px;
background:
radial-gradient(circle at top left, rgba(0,137,152,.06), transparent 30%),
radial-gradient(circle at top right, rgba(0,137,152,.04), transparent 28%),
#fff;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.aide-achat-container {
width: min(calc(100% - 48px), 1180px);
margin: 0 auto;
}
.aide-achat-hero {
margin-bottom: 42px;
}
.aide-achat-hero-grid {
display: grid;
grid-template-columns: 1.3fr .7fr;
gap: 32px;
align-items: stretch;
}
.aide-achat-hero-grid > div:first-child,
.aide-achat-highlight {
border-radius: 38px;
padding: 58px;
background:
radial-gradient(circle at 80% 20%, rgba(126,230,232,.38), transparent 28%),
linear-gradient(135deg, #efffff 0%, #dff8f7 48%, #c6f2f1 100%);
box-shadow: 0 28px 85px rgba(0,137,152,.14);
}
.aide-achat-kicker {
display: inline-flex;
margin-bottom: 16px;
color: #008998;
font-size: 13px;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
}
.aide-achat-page h1 {
max-width: 760px;
margin: 0 0 20px;
color: #102027;
font-size: clamp(42px, 5vw, 72px);
font-weight: 800;
letter-spacing: -.06em;
line-height: .96;
}
.aide-achat-page p {
margin: 0;
color: rgba(16,32,39,.72);
font-size: 17px;
line-height: 1.7;
}
.aide-achat-highlight {
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
color: #fff;
}
.aide-achat-highlight h2 {
margin: 0 0 16px;
color: #fff;
font-size: 34px;
font-weight: 800;
letter-spacing: -.04em;
line-height: 1.05;
}
.aide-achat-highlight p {
color: rgba(255,255,255,.76);
margin-bottom: 28px;
}
.aide-achat-button,
.aide-achat-phone {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 22px;
border-radius: 999px;
background: linear-gradient(135deg, #008998, #00a7ba);
color: #fff !important;
text-decoration: none !important;
font-weight: 800;
box-shadow: 0 14px 34px rgba(0,137,152,.26);
transition: transform .22s ease, box-shadow .22s ease;
}
.aide-achat-button:hover,
.aide-achat-phone:hover {
transform: translateY(-2px);
box-shadow: 0 20px 44px rgba(0,137,152,.34);
}
.aide-achat-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 26px;
}
.aide-achat-card {
padding: 34px;
border-radius: 30px;
background: #fff;
border: 1px solid #e8eef0;
box-shadow: 0 18px 55px rgba(15,23,42,.06);
transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.aide-achat-card:hover {
transform: translateY(-5px);
border-color: rgba(0,137,152,.22);
box-shadow: 0 26px 70px rgba(0,137,152,.12);
}
.aide-achat-card h2 {
margin: 0 0 22px;
color: #102027;
font-size: 28px;
font-weight: 800;
letter-spacing: -.04em;
line-height: 1.08;
}
.aide-achat-card ul {
list-style: none;
padding: 0;
margin: 0;
}
.aide-achat-card li {
margin-bottom: 13px;
}
.aide-achat-card a {
color: #344155;
text-decoration: none;
font-size: 16px;
font-weight: 500;
}
.aide-achat-card a:hover {
color: #008998;
}
.aide-achat-card a::after {
content: " ›";
color: #008998;
font-weight: 800;
}
.aide-achat-card-dark {
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
color: #fff;
}
.aide-achat-card-dark h2 {
color: #fff;
}
.aide-achat-card-dark p {
color: rgba(255,255,255,.76);
margin-bottom: 24px;
}
.aide-achat-card-dark small {
display: block;
margin-top: 16px;
color: rgba(255,255,255,.68);
line-height: 1.6;
}
@media (max-width: 991px) {
.aide-achat-hero-grid,
.aide-achat-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.aide-achat-container {
width: min(calc(100% - 28px), 1180px);
}
.aide-achat-page {
padding: 35px 0 70px;
}
.aide-achat-hero-grid > div:first-child,
.aide-achat-highlight,
.aide-achat-card {
padding: 30px 24px;
border-radius: 26px;
}
.aide-achat-page h1 {
font-size: 42px;
}
.aide-achat-highlight h2,
.aide-achat-card h2 {
font-size: 26px;
}
} body.page-template-template-aide-achat .page-top {
display: none !important;
}
.aide-achat-page {
padding: 46px 0 95px;
background:
radial-gradient(circle at top left, rgba(0,137,152,.055), transparent 30%),
radial-gradient(circle at top right, rgba(0,137,152,.04), transparent 28%),
#fff;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.aide-achat-container {
width: min(calc(100% - 56px), 1280px);
margin: 0 auto;
}
.aide-achat-intro {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
gap: 72px;
align-items: start;
padding: 42px 0 54px;
}
.aide-achat-kicker {
display: inline-flex;
margin-bottom: 18px;
color: #008998;
font-size: 13px;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
}
.aide-achat-intro-main h1 {
max-width: 820px;
margin: 0 0 26px;
color: #102027;
font-size: clamp(48px, 5.4vw, 82px);
font-weight: 800;
letter-spacing: -.065em;
line-height: .96;
}
.aide-achat-intro-main p {
max-width: 820px;
margin: 0;
color: rgba(16,32,39,.76);
font-size: clamp(19px, 2vw, 27px);
line-height: 1.48;
font-weight: 400;
}
.aide-achat-order-box {
padding-top: 64px;
}
.aide-achat-order-box h2 {
margin: 0 0 28px;
color: #102027;
font-size: clamp(28px, 3vw, 42px);
font-weight: 700;
letter-spacing: -.045em;
line-height: 1.05;
}
.aide-achat-order-box p {
margin: 0 0 24px;
color: rgba(16,32,39,.76);
font-size: 21px;
line-height: 1.48;
}
.aide-achat-link-featured,
.aide-achat-more {
display: inline-flex;
align-items: center;
color: #008998 !important;
font-size: 20px;
font-weight: 600;
text-decoration: none !important;
}
.aide-achat-link-featured::after,
.aide-achat-more::after {
content: "›";
margin-left: 6px;
font-weight: 800;
}
.aide-achat-link-featured:hover,
.aide-achat-more:hover {
color: #006f7b !important;
}
.aide-achat-section-line {
height: 1px;
width: 100%;
margin-bottom: 48px;
background: linear-gradient(90deg, transparent, rgba(16,32,39,.18), transparent);
}
.aide-achat-topics-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 78px;
row-gap: 72px;
}
.aide-achat-topic {
min-height: 250px;
}
.aide-achat-topic h2 {
margin: 0 0 28px;
color: #102027;
font-size: clamp(28px, 2.7vw, 38px);
font-weight: 700;
letter-spacing: -.045em;
line-height: 1.08;
}
.aide-achat-topic ul {
list-style: none;
padding: 0;
margin: 0 0 24px;
}
.aide-achat-topic li {
margin-bottom: 12px;
}
.aide-achat-topic li a {
color: rgba(16,32,39,.86);
font-size: clamp(17px, 1.7vw, 23px);
line-height: 1.28;
text-decoration: none !important;
font-weight: 400;
}
.aide-achat-topic li a:hover {
color: #008998;
}
.aide-achat-more {
font-size: clamp(17px, 1.8vw, 23px);
}
.aide-achat-contact {
padding-top: 72px;
}
.aide-achat-contact-card {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(280px, .55fr);
gap: 48px;
align-items: center;
padding: 54px;
border-radius: 36px;
background:
radial-gradient(circle at 78% 18%, rgba(126,230,232,.38), transparent 28%),
linear-gradient(135deg, #efffff 0%, #dff8f7 46%, #c6f2f1 100%);
box-shadow: 0 26px 78px rgba(0,137,152,.14);
}
.aide-achat-contact-card h2 {
max-width: 740px;
margin: 0 0 18px;
color: #102027;
font-size: clamp(34px, 4vw, 56px);
font-weight: 800;
letter-spacing: -.055em;
line-height: .98;
}
.aide-achat-contact-card p {
max-width: 680px;
margin: 0;
color: rgba(16,32,39,.72);
font-size: 18px;
line-height: 1.65;
}
.aide-achat-contact-actions {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 14px;
}
.aide-achat-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 23px;
border-radius: 999px;
background: linear-gradient(135deg, #008998, #00a7ba);
color: #fff !important;
text-decoration: none !important;
font-weight: 800;
box-shadow: 0 14px 34px rgba(0,137,152,.24);
transition: transform .22s ease, box-shadow .22s ease;
}
.aide-achat-button-light {
background: #fff;
color: #102027 !important;
border: 1px solid rgba(16,32,39,.12);
box-shadow: 0 12px 30px rgba(15,23,42,.06);
}
.aide-achat-button:hover {
transform: translateY(-2px);
box-shadow: 0 20px 44px rgba(0,137,152,.32);
}
.aide-achat-contact-actions small {
display: block;
margin-top: 4px;
color: rgba(16,32,39,.62);
line-height: 1.6;
}
@media (max-width: 991px) {
.aide-achat-intro,
.aide-achat-contact-card {
grid-template-columns: 1fr;
gap: 34px;
}
.aide-achat-order-box {
padding-top: 0;
}
.aide-achat-topics-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 42px;
}
}
@media (max-width: 767px) {
.aide-achat-page {
padding: 30px 0 70px;
}
.aide-achat-container {
width: min(calc(100% - 30px), 1280px);
}
.aide-achat-intro {
padding: 28px 0 42px;
}
.aide-achat-topics-grid {
grid-template-columns: 1fr;
row-gap: 46px;
}
.aide-achat-section-line {
margin-bottom: 38px;
}
.aide-achat-contact-card {
padding: 34px 24px;
border-radius: 28px;
}
.aide-achat-contact-actions {
align-items: stretch;
}
.aide-achat-button {
width: 100%;
}
} .legal-page {
padding: 80px 20px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.12), transparent 30%),
#f5f7f8;
}
.legal-page__hero {
max-width: 900px;
margin: 0 auto 50px;
text-align: center;
}
.legal-page__kicker {
display: inline-block;
margin-bottom: 14px;
color: #008998;
font-size: 13px;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
}
.legal-page__hero h1 {
margin: 0 0 20px;
color: #101828;
font-size: clamp(42px, 5vw, 68px);
font-weight: 800;
line-height: .95;
letter-spacing: -.05em;
}
.legal-page__hero p {
max-width: 760px;
margin: 0 auto;
color: #4b5563;
font-size: 20px;
line-height: 1.7;
}
.legal-page__content {
max-width: 980px;
margin: 0 auto;
padding: 60px;
border-radius: 34px;
background: rgba(255,255,255,.88);
backdrop-filter: blur(18px);
box-shadow:
0 20px 60px rgba(15,23,42,.06),
0 0 0 1px rgba(255,255,255,.7);
}
.legal-page__content h2 {
margin: 50px 0 18px;
color: #101828;
font-size: 28px;
font-weight: 800;
letter-spacing: -.03em;
}
.legal-page__content p,
.legal-page__content li {
color: #475467;
font-size: 17px;
line-height: 1.9;
}
.legal-page__content ul {
padding-left: 22px;
margin: 18px 0;
}
.legal-page__content strong {
color: #008998;
}
@media (max-width: 767px) {
.legal-page {
padding: 50px 14px;
}
.legal-page__hero h1 {
font-size: 42px;
}
.legal-page__hero p {
font-size: 17px;
}
.legal-page__content {
padding: 30px 22px;
border-radius: 24px;
}
.legal-page__content h2 {
font-size: 24px;
}
} .contact-premium-page {
padding: 90px 20px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.10), transparent 30%),
#f5f7f8;
}
.contact-premium__container {
max-width: 1320px;
margin: 0 auto;
}
.contact-premium__hero {
max-width: 820px;
margin: 0 auto 60px;
text-align: center;
}
.contact-premium__kicker {
display: inline-block;
margin-bottom: 14px;
color: #008998;
font-size: 13px;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
}
.contact-premium__hero h1 {
margin: 0 0 20px;
color: #101828;
font-size: clamp(44px, 5vw, 72px);
font-weight: 800;
line-height: .95;
letter-spacing: -.05em;
}
.contact-premium__hero p {
color: #4b5563;
font-size: 20px;
line-height: 1.8;
}
.contact-premium__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 34px;
align-items: stretch;
}
.contact-premium__info {
position: relative;
overflow: hidden;
padding: 54px;
border-radius: 36px;
background:
linear-gradient(rgba(4,18,27,.78), rgba(4,18,27,.88)),
url(//lamaisondutpv.fr/wp-content/themes/romrod-stocks/assets/img/contact-agent.webp) center center / cover no-repeat;
color: #fff;
min-height: 720px;
box-shadow: 0 25px 70px rgba(0,0,0,.18);
}
.contact-premium__info h2 {
margin: 0 0 18px;
color: #ffffff;
font-size: 54px;
line-height: .95;
font-weight: 800;
letter-spacing: -.04em;
}
.contact-premium__info p {
margin-bottom: 40px;
color: rgba(255,255,255,.82);
font-size: 19px;
line-height: 1.8;
}
.contact-premium__items {
display: flex;
flex-direction: column;
gap: 22px;
}
.contact-premium__item {
display: flex;
align-items: flex-start;
gap: 16px;
color: #fff;
text-decoration: none;
}
.contact-premium__item span {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 16px;
background: rgba(255,255,255,.12);
backdrop-filter: blur(12px);
font-size: 22px;
}
.contact-premium__item strong {
display: block;
margin-bottom: 6px;
font-size: 20px;
}
.contact-premium__item small {
color: rgba(255,255,255,.75);
font-size: 15px;
line-height: 1.7;
}
.contact-premium__form-card {
padding: 54px;
border-radius: 36px;
background: rgba(255,255,255,.92);
backdrop-filter: blur(20px);
box-shadow:
0 20px 60px rgba(15,23,42,.06),
0 0 0 1px rgba(255,255,255,.7);
}
.contact-premium__form-card h2 {
margin: 0 0 18px;
color: #101828;
font-size: 52px;
line-height: .95;
font-weight: 800;
letter-spacing: -.04em;
}
.contact-premium__form .wpcf7-form p {
margin-bottom: 22px;
}
.contact-premium__form input,
.contact-premium__form textarea {
width: 100%;
padding: 18px 22px;
border-radius: 18px;
border: 1px solid #d8dee4;
background: #fff;
font-size: 16px;
transition: all .25s ease;
}
.contact-premium__form input:focus,
.contact-premium__form textarea:focus {
outline: none;
border-color: #008998;
box-shadow: 0 0 0 4px rgba(0,137,152,.12);
}
.contact-premium__form textarea {
min-height: 220px;
resize: vertical;
}
.contact-premium__form input[type="submit"] {
width: auto;
border: 0;
padding: 18px 34px;
border-radius: 999px;
background: linear-gradient(135deg, #008998 0%, #1cb5c2 100%);
color: #fff;
font-weight: 700;
cursor: pointer;
box-shadow: 0 14px 34px rgba(0,137,152,.22);
}
.contact-premium__form input[type="submit"]:hover {
transform: translateY(-2px);
}
@media (max-width: 991px) {
.contact-premium__grid {
grid-template-columns: 1fr;
}
.contact-premium__info,
.contact-premium__form-card {
min-height: auto;
}
}
@media (max-width: 767px) {
.contact-premium-page {
padding: 60px 14px;
}
.contact-premium__hero h1 {
font-size: 46px;
}
.contact-premium__hero p {
font-size: 17px;
}
.contact-premium__info,
.contact-premium__form-card {
padding: 34px 24px;
border-radius: 28px;
}
.contact-premium__info h2,
.contact-premium__form-card h2 {
font-size: 38px;
}
} body.page-template-template-suivi-commande .page-top {
display: none !important;
}
.tracking-page {
padding: 55px 0 95px;
background:
radial-gradient(circle at top left, rgba(0,137,152,.06), transparent 30%),
radial-gradient(circle at top right, rgba(0,137,152,.04), transparent 28%),
#ffffff;
font-family: 'Work Sans', sans-serif;
}
.tracking-container {
width: min(calc(100% - 48px), 1320px);
margin: 0 auto;
}
.tracking-hero {
padding: 45px 0 38px;
}
.tracking-card {
max-width: 1120px;
margin: 0 auto;
padding: 64px;
border-radius: 38px;
background:
radial-gradient(circle at 80% 20%, rgba(126,230,232,.40), transparent 28%),
radial-gradient(circle at 16% 86%, rgba(198,247,245,.62), transparent 30%),
linear-gradient(135deg, #efffff 0%, #dff8f7 48%, #c6f2f1 100%);
box-shadow: 0 28px 85px rgba(0,137,152,.16);
text-align: center;
}
.tracking-kicker {
display: inline-flex;
margin-bottom: 16px;
color: #008998;
font-size: 13px;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
}
.tracking-card h1 {
max-width: 760px;
margin: 0 auto 18px;
color: #102027;
font-size: clamp(38px, 4.4vw, 64px);
font-weight: 800;
letter-spacing: -.055em;
line-height: .98;
}
.tracking-card p {
max-width: 680px;
margin: 0 auto 36px;
color: rgba(16,32,39,.72);
font-size: 17px;
line-height: 1.65;
}
.tracking-form {
max-width: 760px;
margin: 0 auto;
text-align: left;
}
.tracking-form label {
display: block;
margin: 0 0 10px;
color: #102027;
font-size: 14px;
font-weight: 800;
}
.tracking-input-row {
display: flex;
gap: 10px;
padding: 8px;
border-radius: 999px;
background: rgba(255,255,255,.58);
border: 1px solid rgba(255,255,255,.78);
box-shadow: 0 14px 38px rgba(0,137,152,.15);
}
.tracking-input-row input {
flex: 1;
min-height: 56px;
border: 0 !important;
border-radius: 999px;
padding: 0 24px;
background: #fff !important;
color: #102027;
font-size: 16px;
outline: none !important;
}
.tracking-input-row button {
border: 0 !important;
border-radius: 999px;
padding: 0 28px;
background: linear-gradient(135deg, #008998, #00a7ba);
color: #fff;
font-size: 14px;
font-weight: 800;
cursor: pointer;
box-shadow: 0 12px 28px rgba(0,137,152,.28);
}
.tracking-detected {
margin-top: 18px;
text-align: center;
color: rgba(16,32,39,.72);
font-size: 15px;
}
.tracking-detected strong {
color: #008998;
}
.tracking-error {
margin-top: 12px;
text-align: center;
color: #b42318;
font-weight: 700;
}
.tracking-manual {
max-width: 390px;
margin: 24px auto 0;
}
.tracking-manual select {
width: 100%;
min-height: 48px;
border-radius: 999px;
border: 1px solid rgba(0,137,152,.18);
padding: 0 18px;
background: #fff;
} .legal-hub-page {
padding: 80px 0 110px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.16), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.08), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.legal-hub-container {
width: min(calc(100% - 56px), 1280px);
margin: 0 auto;
}
.legal-hub-hero {
max-width: 980px;
margin: 0 auto 60px;
text-align: center;
}
.legal-hub-kicker {
display: inline-block;
margin-bottom: 16px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.legal-hub-hero h1 {
margin: 0 0 20px;
color: #07111a;
font-size: clamp(54px, 7vw, 96px);
font-weight: 900;
line-height: .88;
letter-spacing: -.07em;
}
.legal-hub-hero p {
max-width: 820px;
margin: 0 auto;
color: #5f6b76;
font-size: 21px;
line-height: 1.65;
} .legal-cards-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 26px;
}
.legal-glass-card {
position: relative;
overflow: hidden;
min-height: 315px;
padding: 34px;
border-radius: 34px;
background: rgba(255,255,255,.86);
border: 1px solid rgba(255,255,255,.8);
box-shadow:
0 20px 55px rgba(15,23,42,.06),
inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(18px);
transition: transform .28s ease, box-shadow .28s ease;
}
.legal-glass-card:hover {
transform: translateY(-6px);
box-shadow:
0 30px 80px rgba(0,137,152,.14),
inset 0 1px 0 rgba(255,255,255,.95);
}
.legal-glass-card:first-child {
grid-column: span 2;
background:
radial-gradient(circle at 85% 15%, rgba(126,230,232,.42), transparent 28%),
linear-gradient(135deg, #efffff 0%, #dff8f7 48%, #c6f2f1 100%);
}
.legal-glass-card:nth-child(3) {
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
color: #fff;
}
.legal-glass-card:nth-child(3) h2,
.legal-glass-card:nth-child(3) p,
.legal-glass-card:nth-child(3) li {
color: #fff;
}
.legal-glass-card:nth-child(3) p,
.legal-glass-card:nth-child(3) li {
opacity: .78;
}
.legal-card-icon {
width: 70px;
height: 70px;
margin-bottom: 24px;
border-radius: 22px;
display: grid;
place-items: center;
background: rgba(0,137,152,.10);
font-size: 34px;
}
.legal-glass-card h2 {
margin: 0 0 14px;
color: #102027;
font-size: clamp(28px, 3vw, 42px);
font-weight: 900;
line-height: .95;
letter-spacing: -.055em;
}
.legal-glass-card p {
margin: 0 0 20px;
color: #5f6b76;
font-size: 17px;
line-height: 1.65;
}
.legal-glass-card ul {
margin: 0;
padding-left: 18px;
}
.legal-glass-card li {
margin-bottom: 8px;
color: #344054;
font-size: 15px;
line-height: 1.45;
}
.legal-glass-card a {
color: #008998 !important;
font-weight: 800;
text-decoration: none !important;
}
.legal-glass-card a:hover {
color: #00a7ba !important;
} @media (max-width: 991px) {
.legal-cards-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.legal-glass-card:first-child {
grid-column: span 2;
}
}
@media (max-width: 767px) {
.legal-hub-page {
padding: 55px 0 80px;
}
.legal-hub-container {
width: min(calc(100% - 30px), 1280px);
}
.legal-cards-grid {
grid-template-columns: 1fr;
}
.legal-glass-card,
.legal-glass-card:first-child {
grid-column: span 1;
}
.legal-glass-card {
min-height: auto;
padding: 28px;
border-radius: 28px;
}
} .about-tpv-page {
padding: 70px 0 105px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.14), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.07), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.about-tpv-container {
width: min(calc(100% - 56px), 1320px);
margin: 0 auto;
}
.about-tpv-kicker {
display: inline-block;
margin-bottom: 18px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.about-tpv-hero {
text-align: center;
margin-bottom: 70px;
}
.about-tpv-hero h1 {
max-width: 1050px;
margin: 0 auto 28px;
color: #07111a;
font-size: clamp(48px, 6vw, 92px);
line-height: .9;
letter-spacing: -.075em;
font-weight: 900;
}
.about-tpv-hero p {
max-width: 900px;
margin: 0 auto;
color: #5f6b76;
font-size: 21px;
line-height: 1.7;
}
.about-tpv-bento {
display: grid;
grid-template-columns: 1.15fr .85fr;
gap: 28px;
margin-bottom: 90px;
}
.about-tpv-card {
min-height: 360px;
padding: 42px;
border-radius: 36px;
background: rgba(255,255,255,.86);
border: 1px solid rgba(255,255,255,.8);
box-shadow: 0 20px 55px rgba(15,23,42,.06);
backdrop-filter: blur(18px);
}
.about-tpv-card-large {
grid-row: span 2;
background:
radial-gradient(circle at 85% 15%, rgba(126,230,232,.42), transparent 28%),
linear-gradient(135deg, #efffff 0%, #dff8f7 48%, #c6f2f1 100%);
}
.about-tpv-card-dark {
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
color: #fff;
}
.about-tpv-icon {
width: 72px;
height: 72px;
display: grid;
place-items: center;
margin-bottom: 28px;
border-radius: 24px;
background: rgba(0,137,152,.10);
font-size: 36px;
}
.about-tpv-card h2,
.about-tpv-section-heading h2,
.about-tpv-human-card h2,
.about-tpv-cta-card h2 {
margin: 0 0 18px;
font-size: clamp(34px, 4vw, 62px);
line-height: .95;
letter-spacing: -.06em;
font-weight: 900;
color: #102027;
}
.about-tpv-card-dark h2,
.about-tpv-card-dark p {
color: #fff;
}
.about-tpv-card p,
.about-tpv-section-heading p,
.about-tpv-human-card p,
.about-tpv-cta-card p {
margin: 0;
color: #5f6b76;
font-size: 18px;
line-height: 1.75;
}
.about-tpv-card-dark p {
opacity: .78;
}
.about-tpv-section-heading {
max-width: 960px;
margin: 0 auto 42px;
text-align: center;
}
.about-tpv-quality {
margin-bottom: 90px;
}
.about-tpv-quality-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 18px;
}
.about-tpv-quality-grid article {
padding: 28px;
border-radius: 28px;
background: #fff;
box-shadow: 0 16px 42px rgba(15,23,42,.055);
border: 1px solid rgba(15,23,42,.04);
}
.about-tpv-quality-grid span {
display: block;
margin-bottom: 28px;
color: #008998;
font-weight: 900;
font-size: 13px;
letter-spacing: .14em;
}
.about-tpv-quality-grid h3 {
margin: 0 0 14px;
color: #102027;
font-size: 22px;
line-height: 1.05;
font-weight: 900;
letter-spacing: -.04em;
}
.about-tpv-quality-grid p {
margin: 0;
color: #5f6b76;
font-size: 15px;
line-height: 1.6;
}
.about-tpv-human {
margin-bottom: 90px;
}
.about-tpv-human-card {
display: grid;
grid-template-columns: 1fr .85fr;
gap: 42px;
align-items: center;
padding: 58px;
border-radius: 40px;
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
box-shadow: 0 30px 80px rgba(15,23,42,.14);
}
.about-tpv-human-card h2,
.about-tpv-human-card p {
color: #fff;
}
.about-tpv-human-card p {
opacity: .78;
}
.about-tpv-human-visual {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
.about-tpv-human-visual span {
min-height: 120px;
display: grid;
place-items: center;
border-radius: 26px;
background: rgba(255,255,255,.10);
color: #fff;
font-weight: 900;
backdrop-filter: blur(10px);
}
.about-tpv-partners {
margin-bottom: 90px;
}
.about-tpv-partner-cloud {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 18px;
margin-top: 42px;
padding: 38px;
border-radius: 36px;
background: rgba(255,255,255,.72);
border: 1px solid rgba(255,255,255,.8);
box-shadow: 0 20px 55px rgba(15,23,42,.06);
backdrop-filter: blur(14px);
}
.partner-pill {
display: flex;
align-items: center;
justify-content: center;
height: 92px;
padding: 18px;
border-radius: 24px;
background: #fff;
border: 1px solid rgba(15,23,42,.04);
box-shadow:
0 10px 22px rgba(15,23,42,.045),
inset 0 1px 0 rgba(255,255,255,.95);
transition: all .25s ease;
}
.partner-pill:hover {
transform: translateY(-4px);
box-shadow:
0 20px 38px rgba(15,23,42,.10),
inset 0 1px 0 rgba(255,255,255,.95);
}
.partner-pill img {
max-width: 120px;
max-height: 38px;
width: auto;
height: auto;
object-fit: contain;
transition: all .25s ease;
}
.partner-pill:hover img {
transform: scale(1.05);
}
.about-tpv-cta-card {
text-align: center;
padding: 60px;
border-radius: 40px;
background:
radial-gradient(circle at 80% 20%, rgba(126,230,232,.38), transparent 28%),
linear-gradient(135deg, #efffff 0%, #dff8f7 48%, #c6f2f1 100%);
box-shadow: 0 28px 85px rgba(0,137,152,.14);
}
.about-tpv-cta-card p {
max-width: 680px;
margin: 0 auto 30px;
}
.about-tpv-cta-card a {
display: inline-flex;
min-height: 52px;
align-items: center;
justify-content: center;
padding: 0 28px;
border-radius: 999px;
background: linear-gradient(135deg, #008998, #00a7ba);
color: #fff !important;
text-decoration: none !important;
font-weight: 900;
box-shadow: 0 14px 34px rgba(0,137,152,.26);
}
@media (max-width: 1100px) {
.about-tpv-bento,
.about-tpv-human-card {
grid-template-columns: 1fr;
}
.about-tpv-card-large {
grid-row: auto;
}
.about-tpv-quality-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.about-tpv-page {
padding: 48px 0 75px;
}
.about-tpv-container {
width: min(calc(100% - 30px), 1320px);
}
.about-tpv-card,
.about-tpv-human-card,
.about-tpv-cta-card {
padding: 30px;
border-radius: 28px;
}
.about-tpv-quality-grid,
.about-tpv-human-visual {
grid-template-columns: 1fr;
}
.about-tpv-hero h1 {
font-size: 44px;
}
}
@media (max-width: 1100px) {
.about-tpv-partner-cloud {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.about-tpv-partner-cloud {
grid-template-columns: repeat(2, 1fr);
padding: 22px;
gap: 14px;
}
.partner-pill {
height: 78px;
border-radius: 20px;
}
.partner-pill img {
max-width: 95px;
max-height: 30px;
}
} .solutions-page {
padding: 70px 0 110px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.14), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.07), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.solutions-container {
width: min(calc(100% - 56px), 1320px);
margin: 0 auto;
}
.solutions-hero {
text-align: center;
margin-bottom: 80px;
}
.solutions-hero h1 {
max-width: 980px;
margin: 0 auto 24px;
color: #07111a;
font-size: clamp(48px, 6vw, 88px);
line-height: .9;
letter-spacing: -.075em;
font-weight: 900;
}
.solutions-hero p {
max-width: 820px;
margin: 0 auto;
color: #5f6b76;
font-size: 21px;
line-height: 1.7;
}
.solutions-section {
margin-bottom: 80px;
}
.solutions-section:last-child {
margin-bottom: 0;
}
.solutions-heading {
margin-bottom: 28px;
}
.solutions-heading span {
display: inline-block;
margin-bottom: 12px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.solutions-heading h2 {
margin: 0 0 12px;
color: #102027;
font-size: clamp(34px, 4vw, 58px);
line-height: .95;
letter-spacing: -.06em;
font-weight: 900;
}
.solutions-heading p {
max-width: 760px;
margin: 0;
color: #5f6b76;
font-size: 18px;
line-height: 1.65;
}
.solutions-grid {
display: grid;
gap: 22px;
padding: 28px;
border-radius: 36px;
background: rgba(255,255,255,.76);
border: 1px solid rgba(255,255,255,.82);
box-shadow: 0 20px 55px rgba(15,23,42,.06);
backdrop-filter: blur(16px);
}
.solutions-grid-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.solutions-grid-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.solutions-grid-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.solution-card {
position: relative;
overflow: hidden;
min-height: 245px;
border-radius: 28px;
background: #102027;
text-decoration: none !important;
box-shadow: 0 14px 34px rgba(15,23,42,.10);
transition: transform .3s ease, box-shadow .3s ease;
}
.solution-card:hover {
transform: translateY(-6px);
box-shadow: 0 26px 55px rgba(15,23,42,.16);
}
.solution-card img {
width: 100%;
height: 100%;
min-height: 245px;
object-fit: cover;
display: block;
transform: scale(1.01);
transition: transform .45s ease;
}
.solution-card:hover img {
transform: scale(1.08);
}
.solution-card::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(
180deg,
rgba(4,18,27,.02) 0%,
rgba(4,18,27,.20) 45%,
rgba(4,18,27,.78) 100%
);
z-index: 1;
}
.solution-card div {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
padding: 20px;
background: linear-gradient(135deg, #008998, #00a7ba);
}
.solution-card h3 {
margin: 0;
color: #fff;
font-size: 21px;
line-height: 1.05;
letter-spacing: -.04em;
font-weight: 900;
text-transform: uppercase;
}
@media (max-width: 1200px) {
.solutions-grid-5,
.solutions-grid-4 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.solutions-grid-5,
.solutions-grid-4,
.solutions-grid-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.solutions-page {
padding: 48px 0 80px;
}
.solutions-container {
width: min(calc(100% - 30px), 1320px);
}
.solutions-hero {
margin-bottom: 55px;
}
.solutions-hero h1 {
font-size: 44px;
}
.solutions-hero p {
font-size: 17px;
}
.solutions-grid {
padding: 18px;
border-radius: 28px;
gap: 16px;
}
.solutions-grid-5,
.solutions-grid-4,
.solutions-grid-3 {
grid-template-columns: 1fr;
}
.solution-card,
.solution-card img {
min-height: 230px;
}
} .privacy-page {
padding: 70px 0 110px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.16), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.07), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.privacy-container {
width: min(calc(100% - 56px), 1320px);
margin: 0 auto;
}
.privacy-hero {
text-align: center;
margin-bottom: 70px;
}
.privacy-kicker {
display: inline-block;
margin-bottom: 18px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.privacy-hero h1 {
max-width: 980px;
margin: 0 auto 24px;
color: #07111a;
font-size: clamp(48px, 6vw, 88px);
line-height: .9;
letter-spacing: -.075em;
font-weight: 900;
}
.privacy-hero p {
max-width: 820px;
margin: 0 auto;
color: #5f6b76;
font-size: 21px;
line-height: 1.7;
}
.privacy-content {
position: relative;
}
.privacy-card {
margin-bottom: 28px;
padding: 42px;
border-radius: 34px;
background: rgba(255,255,255,.82);
border: 1px solid rgba(255,255,255,.86);
box-shadow:
0 18px 48px rgba(15,23,42,.055),
inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(16px);
}
.privacy-card-featured {
background:
radial-gradient(circle at 85% 15%, rgba(126,230,232,.34), transparent 28%),
linear-gradient(135deg, #efffff 0%, #e7fbfb 48%, #d3f6f5 100%);
box-shadow: 0 26px 70px rgba(0,137,152,.12);
}
.privacy-card h2 {
margin: 0 0 22px;
color: #102027;
font-size: clamp(30px, 3.2vw, 52px);
line-height: .96;
letter-spacing: -.055em;
font-weight: 900;
}
.privacy-card p,
.privacy-card li {
color: #4f5b66;
font-size: 17px;
line-height: 1.75;
}
.privacy-card p {
margin: 0 0 16px;
}
.privacy-card p:last-child {
margin-bottom: 0;
}
.privacy-card strong {
color: #102027;
font-weight: 900;
}
.privacy-card ol,
.privacy-card ul {
margin: 18px 0 24px;
padding-left: 24px;
}
.privacy-card li {
margin-bottom: 12px;
}
.privacy-card ol ol {
margin-top: 12px;
margin-bottom: 0;
}
.privacy-rights-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
margin-bottom: 28px;
}
.privacy-rights-grid .privacy-card {
margin-bottom: 0;
padding: 34px;
border-radius: 30px;
background: rgba(255,255,255,.9);
}
.privacy-contact-card {
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
color: #fff;
}
.privacy-contact-card h2,
.privacy-contact-card strong {
color: #fff;
}
.privacy-contact-card p {
color: rgba(255,255,255,.78);
}
.privacy-contact-card a {
color: #7ee6e8 !important;
font-weight: 900;
text-decoration: none !important;
}
.privacy-contact-card a:hover {
color: #ffffff !important;
} @media (max-width: 1100px) {
.privacy-rights-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.privacy-page {
padding: 48px 0 80px;
}
.privacy-container {
width: min(calc(100% - 30px), 1320px);
}
.privacy-hero {
margin-bottom: 45px;
}
.privacy-hero h1 {
font-size: 44px;
}
.privacy-hero p {
font-size: 17px;
}
.privacy-card,
.privacy-rights-grid .privacy-card {
padding: 28px;
border-radius: 26px;
}
.privacy-card p,
.privacy-card li {
font-size: 15px;
line-height: 1.65;
}
}        .distributor-page {
padding: 70px 0 110px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.16), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.07), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.distributor-container {
width: min(calc(100% - 56px), 1320px);
margin: 0 auto;
}
.distributor-hero {
text-align: center;
margin-bottom: 70px;
}
.distributor-kicker {
display: inline-block;
margin-bottom: 18px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.distributor-hero h1 {
max-width: 1050px;
margin: 0 auto 28px;
color: #07111a;
font-size: clamp(48px, 6vw, 92px);
line-height: 1;
letter-spacing: -.025em;
font-weight: 900;
}
.distributor-hero p {
max-width: 900px;
margin: 0 auto;
color: #5f6b76;
font-size: 21px;
line-height: 1.7;
}
.distributor-grid {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
gap: 28px;
margin-bottom: 28px;
}
.distributor-card,
.distributor-form-card {
padding: 42px;
border-radius: 34px;
background: rgba(255,255,255,.84);
border: 1px solid rgba(255,255,255,.86);
box-shadow:
0 18px 48px rgba(15,23,42,.055),
inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(16px);
}
.distributor-card-featured {
background:
radial-gradient(circle at 85% 15%, rgba(126,230,232,.34), transparent 28%),
linear-gradient(135deg, #efffff 0%, #e7fbfb 48%, #d3f6f5 100%);
box-shadow: 0 26px 70px rgba(0,137,152,.12);
}
.distributor-icon {
width: 64px;
height: 64px;
display: grid;
place-items: center;
margin-bottom: 24px;
border-radius: 22px;
background: rgba(0,137,152,.10);
color: #008998;
}
.distributor-icon svg {
width: 31px;
height: 31px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.distributor-card h2,
.distributor-form-card h2 {
margin: 0 0 22px;
color: #102027;
font-size: clamp(30px, 3.2vw, 52px);
line-height: 1.04;
letter-spacing: -.018em;
font-weight: 900;
}
.distributor-card p,
.distributor-form-card p {
color: #4f5b66;
font-size: 17px;
line-height: 1.75;
margin: 0 0 16px;
}
.distributor-card p:last-child,
.distributor-form-card p:last-child {
margin-bottom: 0;
}
.distributor-form-card {
display: grid;
grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr);
gap: 36px;
align-items: start;
}
.distributor-form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.distributor-form label {
display: grid;
gap: 8px;
}
.distributor-form span {
color: #102027;
font-size: 13px;
font-weight: 900;
letter-spacing: .06em;
text-transform: uppercase;
}
.distributor-form input,
.distributor-form textarea {
width: 100%;
min-height: 52px;
padding: 14px 16px;
border: 1px solid rgba(15,23,42,.10);
border-radius: 18px;
background: rgba(255,255,255,.92);
color: #102027;
font: inherit;
outline: none;
transition: border-color .2s ease, box-shadow .2s ease;
}
.distributor-form textarea {
resize: vertical;
}
.distributor-form input:focus,
.distributor-form textarea:focus {
border-color: rgba(0,137,152,.55);
box-shadow: 0 0 0 4px rgba(0,137,152,.10);
}
.distributor-form-full,
.distributor-form button {
grid-column: 1 / -1;
}
.distributor-form button {
min-height: 54px;
border: 0;
border-radius: 999px;
background: #071a20;
color: #fff;
font-size: 15px;
font-weight: 900;
cursor: pointer;
}
.distributor-form button:hover {
background: #008998;
}
body.page-template-template-distributeurs .page-top,
body.page-template-template-distributeurs .main-content > .container > h1,
body.page-template-template-distributeurs .page-title,
body.page-template-template-distributeurs .entry-title,
body.page-template-template-distributeurs .breadcrumbs,
body.page-template-template-distributeurs .breadcrumb,
body.page-template-template-distributeurs .porto-breadcrumbs,
body.page-template-template-distributeurs-php .page-top,
body.page-template-template-distributeurs-php .main-content > .container > h1,
body.page-template-template-distributeurs-php .page-title,
body.page-template-template-distributeurs-php .entry-title,
body.page-template-template-distributeurs-php .breadcrumbs,
body.page-template-template-distributeurs-php .breadcrumb,
body.page-template-template-distributeurs-php .porto-breadcrumbs {
display: none !important;
}
@media (max-width: 960px) {
.distributor-grid,
.distributor-form-card {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.distributor-page {
padding: 48px 0 80px;
}
.distributor-container {
width: min(calc(100% - 30px), 1320px);
}
.distributor-hero {
margin-bottom: 45px;
}
.distributor-hero h1 {
font-size: 44px;
}
.distributor-hero p {
font-size: 17px;
}
.distributor-card,
.distributor-form-card {
padding: 28px;
border-radius: 26px;
}
.distributor-form {
grid-template-columns: 1fr;
}
}
.warranty-page {
padding: 70px 0 110px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.16), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.07), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.warranty-container {
width: min(calc(100% - 56px), 1320px);
margin: 0 auto;
}
.warranty-hero {
text-align: center;
margin-bottom: 70px;
}
.warranty-kicker {
display: inline-block;
margin-bottom: 18px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.warranty-hero h1 {
max-width: 980px;
margin: 0 auto 28px;
color: #07111a;
font-size: clamp(48px, 6vw, 88px);
line-height: .9;
letter-spacing: -.075em;
font-weight: 900;
}
.warranty-hero p {
max-width: 900px;
margin: 0 auto;
color: #5f6b76;
font-size: 21px;
line-height: 1.7;
}
.warranty-card {
margin-bottom: 28px;
padding: 42px;
border-radius: 34px;
background: rgba(255,255,255,.84);
border: 1px solid rgba(255,255,255,.86);
box-shadow:
0 18px 48px rgba(15,23,42,.055),
inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(16px);
}
.warranty-card-featured {
background:
radial-gradient(circle at 85% 15%, rgba(126,230,232,.34), transparent 28%),
linear-gradient(135deg, #efffff 0%, #e7fbfb 48%, #d3f6f5 100%);
box-shadow: 0 26px 70px rgba(0,137,152,.12);
}
.warranty-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
}
.warranty-grid .warranty-card {
margin-bottom: 28px;
}
.warranty-icon {
width: 64px;
height: 64px;
display: grid;
place-items: center;
margin-bottom: 24px;
border-radius: 22px;
background: rgba(0,137,152,.10);
color: #008998;
}
.warranty-icon svg {
width: 31px;
height: 31px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.warranty-card h2 {
margin: 0 0 22px;
color: #102027;
font-size: clamp(30px, 3.2vw, 52px);
line-height: .96;
letter-spacing: -.055em;
font-weight: 900;
}
.warranty-card p,
.warranty-card li {
color: #4f5b66;
font-size: 17px;
line-height: 1.75;
}
.warranty-card p {
margin: 0 0 16px;
}
.warranty-card p:last-child {
margin-bottom: 0;
}
.warranty-card-dark {
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
color: #fff;
}
.warranty-card-dark .warranty-icon {
background: rgba(126,230,232,.14);
color: #7ee6e8;
}
.warranty-card-dark h2 {
color: #fff;
}
.warranty-card-dark p {
color: rgba(255,255,255,.78);
}
.warranty-list {
display: grid;
gap: 14px;
margin: 26px 0 0;
padding: 0;
list-style: none;
}
.warranty-list li {
position: relative;
padding: 18px 20px 18px 52px;
border-radius: 22px;
background: rgba(0,137,152,.07);
border: 1px solid rgba(0,137,152,.10);
}
.warranty-list li::before {
content: "!";
position: absolute;
top: 18px;
left: 20px;
width: 22px;
height: 22px;
display: grid;
place-items: center;
border-radius: 999px;
background: rgba(0,137,152,.14);
color: #008998;
font-size: 13px;
font-weight: 900;
line-height: 1;
}
body.page-template-template-garanties .page-top,
body.page-template-template-garanties .main-content > .container > h1,
body.page-template-template-garanties .page-title,
body.page-template-template-garanties .entry-title,
body.page-template-template-garanties .breadcrumbs,
body.page-template-template-garanties .breadcrumb,
body.page-template-template-garanties .porto-breadcrumbs,
body.page-template-template-garanties-php .page-top,
body.page-template-template-garanties-php .main-content > .container > h1,
body.page-template-template-garanties-php .page-title,
body.page-template-template-garanties-php .entry-title,
body.page-template-template-garanties-php .breadcrumbs,
body.page-template-template-garanties-php .breadcrumb,
body.page-template-template-garanties-php .porto-breadcrumbs {
display: none !important;
}
@media (max-width: 900px) {
.warranty-grid {
grid-template-columns: 1fr;
gap: 0;
}
}
@media (max-width: 767px) {
.warranty-page {
padding: 48px 0 80px;
}
.warranty-container {
width: min(calc(100% - 30px), 1320px);
}
.warranty-hero {
margin-bottom: 45px;
}
.warranty-hero h1 {
font-size: 44px;
}
.warranty-hero p {
font-size: 17px;
}
.warranty-card {
padding: 28px;
border-radius: 26px;
}
.warranty-icon {
width: 54px;
height: 54px;
margin-bottom: 20px;
border-radius: 18px;
}
.warranty-icon svg {
width: 27px;
height: 27px;
}
.warranty-card p,
.warranty-card li {
font-size: 15px;
line-height: 1.65;
}
.warranty-list li {
padding: 16px 18px 16px 48px;
}
}
.delivery-page {
padding: 70px 0 110px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.16), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.07), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.delivery-container {
width: min(calc(100% - 56px), 1320px);
margin: 0 auto;
}
.delivery-hero {
text-align: center;
margin-bottom: 70px;
}
.delivery-kicker {
display: inline-block;
margin-bottom: 18px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.delivery-hero h1 {
max-width: 980px;
margin: 0 auto 28px;
color: #07111a;
font-size: clamp(48px, 6vw, 88px);
line-height: .9;
letter-spacing: -.075em;
font-weight: 900;
}
.delivery-hero p {
max-width: 900px;
margin: 0 auto;
color: #5f6b76;
font-size: 21px;
line-height: 1.7;
}
.delivery-card {
margin-bottom: 28px;
padding: 42px;
border-radius: 34px;
background: rgba(255,255,255,.84);
border: 1px solid rgba(255,255,255,.86);
box-shadow:
0 18px 48px rgba(15,23,42,.055),
inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(16px);
}
.delivery-card-featured {
background:
radial-gradient(circle at 85% 15%, rgba(126,230,232,.34), transparent 28%),
linear-gradient(135deg, #efffff 0%, #e7fbfb 48%, #d3f6f5 100%);
box-shadow: 0 26px 70px rgba(0,137,152,.12);
}
.delivery-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
}
.delivery-grid .delivery-card {
margin-bottom: 28px;
}
.delivery-icon {
width: 64px;
height: 64px;
display: grid;
place-items: center;
margin-bottom: 24px;
border-radius: 22px;
background: rgba(0,137,152,.10);
color: #008998;
}
.delivery-icon svg {
width: 31px;
height: 31px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.delivery-card h2 {
margin: 0 0 22px;
color: #102027;
font-size: clamp(30px, 3.2vw, 52px);
line-height: .96;
letter-spacing: -.055em;
font-weight: 900;
}
.delivery-card p {
color: #4f5b66;
font-size: 17px;
line-height: 1.75;
margin: 0 0 16px;
}
.delivery-card p:last-child {
margin-bottom: 0;
}
.delivery-card-dark {
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
color: #fff;
}
.delivery-card-dark .delivery-icon {
background: rgba(126,230,232,.14);
color: #7ee6e8;
}
.delivery-card-dark h2 {
color: #fff;
}
.delivery-card-dark p {
color: rgba(255,255,255,.78);
}
.delivery-help-card {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 28px;
align-items: start;
}
.delivery-help-card .delivery-icon {
margin-bottom: 0;
}
.delivery-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 24px;
}
.delivery-actions a {
display: inline-flex;
align-items: center;
min-height: 46px;
padding: 0 20px;
border-radius: 999px;
background: #071a20;
color: #fff !important;
font-size: 14px;
font-weight: 900;
text-decoration: none !important;
}
.delivery-actions a:nth-child(2) {
background: rgba(0,137,152,.10);
color: #008998 !important;
}
.delivery-actions a:hover {
transform: translateY(-1px);
}
body.page-template-template-livraison .page-top,
body.page-template-template-livraison .main-content > .container > h1,
body.page-template-template-livraison .page-title,
body.page-template-template-livraison .entry-title,
body.page-template-template-livraison .breadcrumbs,
body.page-template-template-livraison .breadcrumb,
body.page-template-template-livraison .porto-breadcrumbs,
body.page-template-template-livraison-php .page-top,
body.page-template-template-livraison-php .main-content > .container > h1,
body.page-template-template-livraison-php .page-title,
body.page-template-template-livraison-php .entry-title,
body.page-template-template-livraison-php .breadcrumbs,
body.page-template-template-livraison-php .breadcrumb,
body.page-template-template-livraison-php .porto-breadcrumbs {
display: none !important;
}
@media (max-width: 900px) {
.delivery-grid,
.delivery-help-card {
grid-template-columns: 1fr;
}
.delivery-help-card .delivery-icon {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.delivery-page {
padding: 48px 0 80px;
}
.delivery-container {
width: min(calc(100% - 30px), 1320px);
}
.delivery-hero {
margin-bottom: 45px;
}
.delivery-hero h1 {
font-size: 44px;
}
.delivery-hero p {
font-size: 17px;
}
.delivery-card {
padding: 28px;
border-radius: 26px;
}
.delivery-icon {
width: 54px;
height: 54px;
margin-bottom: 20px;
border-radius: 18px;
}
.delivery-icon svg {
width: 27px;
height: 27px;
}
.delivery-card p {
font-size: 15px;
line-height: 1.65;
}
}
.finance-page {
padding: 70px 0 110px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.16), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.07), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.finance-container {
width: min(calc(100% - 56px), 1320px);
margin: 0 auto;
}
.finance-hero {
text-align: center;
margin-bottom: 70px;
}
.finance-kicker {
display: inline-block;
margin-bottom: 18px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.finance-hero h1 {
max-width: 1050px;
margin: 0 auto 28px;
color: #07111a;
font-size: clamp(48px, 6vw, 92px);
line-height: .9;
letter-spacing: -.075em;
font-weight: 900;
}
.finance-hero p {
max-width: 900px;
margin: 0 auto;
color: #5f6b76;
font-size: 21px;
line-height: 1.7;
}
.finance-card,
.finance-step {
padding: 42px;
border-radius: 34px;
background: rgba(255,255,255,.84);
border: 1px solid rgba(255,255,255,.86);
box-shadow:
0 18px 48px rgba(15,23,42,.055),
inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(16px);
}
.finance-card {
margin-bottom: 28px;
}
.finance-card-featured {
background:
radial-gradient(circle at 85% 15%, rgba(126,230,232,.34), transparent 28%),
linear-gradient(135deg, #efffff 0%, #e7fbfb 48%, #d3f6f5 100%);
box-shadow: 0 26px 70px rgba(0,137,152,.12);
}
.finance-steps {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
margin-bottom: 28px;
}
.finance-step {
position: relative;
overflow: hidden;
}
.finance-step-number {
position: absolute;
top: 28px;
right: 28px;
color: rgba(0,137,152,.14);
font-size: 58px;
font-weight: 900;
line-height: 1;
letter-spacing: -.06em;
}
.finance-icon {
width: 64px;
height: 64px;
display: grid;
place-items: center;
margin-bottom: 24px;
border-radius: 22px;
background: rgba(0,137,152,.10);
color: #008998;
}
.finance-icon svg {
width: 31px;
height: 31px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.finance-card h2,
.finance-step h2 {
margin: 0 0 22px;
color: #102027;
font-size: clamp(28px, 3vw, 48px);
line-height: .98;
letter-spacing: -.055em;
font-weight: 900;
}
.finance-step h2 {
font-size: clamp(25px, 2vw, 34px);
}
.finance-card p,
.finance-step p {
color: #4f5b66;
font-size: 17px;
line-height: 1.75;
}
.finance-card p,
.finance-step p {
margin: 0 0 16px;
}
.finance-card p:last-child,
.finance-step p:last-child {
margin-bottom: 0;
}
.finance-step-dark {
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
color: #fff;
}
.finance-step-dark .finance-step-number {
color: rgba(126,230,232,.16);
}
.finance-step-dark .finance-icon {
background: rgba(126,230,232,.14);
color: #7ee6e8;
}
.finance-step-dark h2 {
color: #fff;
}
.finance-step-dark p {
color: rgba(255,255,255,.78);
}
.finance-example-card {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 28px;
align-items: start;
}
.finance-example-card .finance-icon {
margin-bottom: 0;
}
.finance-example-card h2,
.finance-example-card p {
grid-column: 2;
}
body.page-template-template-finance .page-top,
body.page-template-template-finance .main-content > .container > h1,
body.page-template-template-finance .page-title,
body.page-template-template-finance .entry-title,
body.page-template-template-finance .breadcrumbs,
body.page-template-template-finance .breadcrumb,
body.page-template-template-finance .porto-breadcrumbs,
body.page-template-template-finance-php .page-top,
body.page-template-template-finance-php .main-content > .container > h1,
body.page-template-template-finance-php .page-title,
body.page-template-template-finance-php .entry-title,
body.page-template-template-finance-php .breadcrumbs,
body.page-template-template-finance-php .breadcrumb,
body.page-template-template-finance-php .porto-breadcrumbs {
display: none !important;
}
@media (max-width: 1180px) {
.finance-steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.finance-page {
padding: 48px 0 80px;
}
.finance-container {
width: min(calc(100% - 30px), 1320px);
}
.finance-hero {
margin-bottom: 45px;
}
.finance-hero h1 {
font-size: 44px;
}
.finance-hero p {
font-size: 17px;
}
.finance-card,
.finance-step {
padding: 28px;
border-radius: 26px;
}
.finance-steps,
.finance-example-card {
grid-template-columns: 1fr;
}
.finance-example-card h2,
.finance-example-card p {
grid-column: auto;
}
.finance-example-card .finance-icon {
margin-bottom: 20px;
}
.finance-icon {
width: 54px;
height: 54px;
margin-bottom: 20px;
border-radius: 18px;
}
.finance-icon svg {
width: 27px;
height: 27px;
}
.finance-card p,
.finance-step p {
font-size: 15px;
line-height: 1.65;
}
}
.payment-page {
padding: 70px 0 110px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.16), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.07), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.payment-container {
width: min(calc(100% - 56px), 1320px);
margin: 0 auto;
}
.payment-hero {
text-align: center;
margin-bottom: 70px;
}
.payment-kicker {
display: inline-block;
margin-bottom: 18px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.payment-hero h1 {
max-width: 980px;
margin: 0 auto 28px;
color: #07111a;
font-size: clamp(48px, 6vw, 88px);
line-height: .9;
letter-spacing: -.075em;
font-weight: 900;
}
.payment-hero p {
max-width: 900px;
margin: 0 auto;
color: #5f6b76;
font-size: 21px;
line-height: 1.7;
}
.payment-card {
margin-bottom: 28px;
padding: 42px;
border-radius: 34px;
background: rgba(255,255,255,.84);
border: 1px solid rgba(255,255,255,.86);
box-shadow:
0 18px 48px rgba(15,23,42,.055),
inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(16px);
}
.payment-card-featured {
background:
radial-gradient(circle at 85% 15%, rgba(126,230,232,.34), transparent 28%),
linear-gradient(135deg, #efffff 0%, #e7fbfb 48%, #d3f6f5 100%);
box-shadow: 0 26px 70px rgba(0,137,152,.12);
}
.payment-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
}
.payment-grid .payment-card {
margin-bottom: 0;
}
.payment-card-wide {
grid-column: 1 / -1;
}
.payment-icon {
width: 62px;
height: 62px;
display: grid;
place-items: center;
margin-bottom: 24px;
border-radius: 22px;
background: rgba(0,137,152,.10);
color: #008998;
font-size: 26px;
font-weight: 900;
line-height: 1;
}
.payment-card h2 {
margin: 0 0 22px;
color: #102027;
font-size: clamp(30px, 3.2vw, 52px);
line-height: .96;
letter-spacing: -.055em;
font-weight: 900;
}
.payment-card p,
.payment-card li {
color: #4f5b66;
font-size: 17px;
line-height: 1.75;
}
.payment-card p {
margin: 0 0 16px;
}
.payment-card p:last-child {
margin-bottom: 0;
}
.payment-card a {
color: #008998;
font-weight: 800;
text-decoration: none !important;
}
.payment-card a:hover {
color: #071a20;
}
.payment-bank-box {
margin-top: 24px;
padding: 24px;
border-radius: 24px;
background: rgba(0,137,152,.08);
border: 1px solid rgba(0,137,152,.14);
}
.payment-bank-box p {
margin-bottom: 8px;
color: #102027;
}
.payment-card-dark {
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
color: #fff;
}
.payment-card-dark .payment-icon {
background: rgba(126,230,232,.14);
color: #7ee6e8;
}
.payment-card-dark h2 {
color: #fff;
}
.payment-card-dark p {
color: rgba(255,255,255,.78);
}
.payment-card-dark a {
color: #7ee6e8 !important;
}
.payment-card-dark a:hover {
color: #ffffff !important;
}
body.page-template-template-methodes-paiement .page-top,
body.page-template-template-methodes-paiement .main-content > .container > h1,
body.page-template-template-methodes-paiement .page-title,
body.page-template-template-methodes-paiement .entry-title,
body.page-template-template-methodes-paiement .breadcrumbs,
body.page-template-template-methodes-paiement .breadcrumb,
body.page-template-template-methodes-paiement .porto-breadcrumbs,
body.page-template-template-methodes-paiement-php .page-top,
body.page-template-template-methodes-paiement-php .main-content > .container > h1,
body.page-template-template-methodes-paiement-php .page-title,
body.page-template-template-methodes-paiement-php .entry-title,
body.page-template-template-methodes-paiement-php .breadcrumbs,
body.page-template-template-methodes-paiement-php .breadcrumb,
body.page-template-template-methodes-paiement-php .porto-breadcrumbs {
display: none !important;
}
@media (max-width: 900px) {
.payment-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.payment-page {
padding: 48px 0 80px;
}
.payment-container {
width: min(calc(100% - 30px), 1320px);
}
.payment-hero {
margin-bottom: 45px;
}
.payment-hero h1 {
font-size: 44px;
}
.payment-hero p {
font-size: 17px;
}
.payment-card {
padding: 28px;
border-radius: 26px;
}
.payment-icon {
width: 54px;
height: 54px;
margin-bottom: 20px;
border-radius: 18px;
font-size: 22px;
}
.payment-card p,
.payment-card li {
font-size: 15px;
line-height: 1.65;
}
}
.buy-guide-page {
padding: 70px 0 110px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.16), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.07), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.buy-guide-container {
width: min(calc(100% - 56px), 1320px);
margin: 0 auto;
}
.buy-guide-hero {
text-align: center;
margin-bottom: 70px;
}
.buy-guide-kicker {
display: inline-block;
margin-bottom: 18px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.buy-guide-hero h1 {
max-width: 980px;
margin: 0 auto 28px;
color: #07111a;
font-size: clamp(48px, 6vw, 88px);
line-height: .9;
letter-spacing: -.075em;
font-weight: 900;
}
.buy-guide-hero p {
max-width: 900px;
margin: 0 auto;
color: #5f6b76;
font-size: 21px;
line-height: 1.7;
}
.buy-guide-card {
margin-bottom: 28px;
padding: 42px;
border-radius: 34px;
background: rgba(255,255,255,.84);
border: 1px solid rgba(255,255,255,.86);
box-shadow:
0 18px 48px rgba(15,23,42,.055),
inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(16px);
}
.buy-guide-card-featured {
background:
radial-gradient(circle at 85% 15%, rgba(126,230,232,.34), transparent 28%),
linear-gradient(135deg, #efffff 0%, #e7fbfb 48%, #d3f6f5 100%);
box-shadow: 0 26px 70px rgba(0,137,152,.12);
}
.buy-guide-steps {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
}
.buy-guide-steps .buy-guide-card {
margin-bottom: 0;
}
.buy-guide-icon {
width: 62px;
height: 62px;
display: grid;
place-items: center;
margin-bottom: 24px;
border-radius: 22px;
background: rgba(0,137,152,.10);
color: #008998;
font-size: 24px;
font-weight: 900;
line-height: 1;
}
.buy-guide-card h2 {
margin: 0 0 22px;
color: #102027;
font-size: clamp(30px, 3.2vw, 52px);
line-height: .96;
letter-spacing: -.055em;
font-weight: 900;
}
.buy-guide-card p,
.buy-guide-card li {
color: #4f5b66;
font-size: 17px;
line-height: 1.75;
}
.buy-guide-card p {
margin: 0 0 16px;
}
.buy-guide-card p:last-child {
margin-bottom: 0;
}
.buy-guide-card a {
color: #008998;
font-weight: 800;
text-decoration: none !important;
}
.buy-guide-card a:hover {
color: #071a20;
}
.buy-guide-card-dark {
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
color: #fff;
}
.buy-guide-card-dark .buy-guide-icon {
background: rgba(126,230,232,.14);
color: #7ee6e8;
}
.buy-guide-card-dark h2 {
color: #fff;
}
.buy-guide-card-dark p {
color: rgba(255,255,255,.78);
}
.buy-guide-card-dark a {
color: #7ee6e8 !important;
}
.buy-guide-card-dark a:hover {
color: #ffffff !important;
}
body.page-template-template-comment-acheter .page-top,
body.page-template-template-comment-acheter .main-content > .container > h1,
body.page-template-template-comment-acheter .page-title,
body.page-template-template-comment-acheter .entry-title,
body.page-template-template-comment-acheter .breadcrumbs,
body.page-template-template-comment-acheter .breadcrumb,
body.page-template-template-comment-acheter .porto-breadcrumbs,
body.page-template-template-comment-acheter-php .page-top,
body.page-template-template-comment-acheter-php .main-content > .container > h1,
body.page-template-template-comment-acheter-php .page-title,
body.page-template-template-comment-acheter-php .entry-title,
body.page-template-template-comment-acheter-php .breadcrumbs,
body.page-template-template-comment-acheter-php .breadcrumb,
body.page-template-template-comment-acheter-php .porto-breadcrumbs {
display: none !important;
}
@media (max-width: 900px) {
.buy-guide-steps {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.buy-guide-page {
padding: 48px 0 80px;
}
.buy-guide-container {
width: min(calc(100% - 30px), 1320px);
}
.buy-guide-hero {
margin-bottom: 45px;
}
.buy-guide-hero h1 {
font-size: 44px;
}
.buy-guide-hero p {
font-size: 17px;
}
.buy-guide-card {
padding: 28px;
border-radius: 26px;
}
.buy-guide-icon {
width: 54px;
height: 54px;
margin-bottom: 20px;
border-radius: 18px;
font-size: 22px;
}
.buy-guide-card p,
.buy-guide-card li {
font-size: 15px;
line-height: 1.65;
}
}
.terms-page {
padding: 70px 0 110px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.16), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.07), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.terms-container {
width: min(calc(100% - 56px), 1320px);
margin: 0 auto;
}
.terms-hero {
text-align: center;
margin-bottom: 70px;
}
.terms-kicker {
display: inline-block;
margin-bottom: 18px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.terms-hero h1 {
max-width: 980px;
margin: 0 auto 28px;
color: #07111a;
font-size: clamp(48px, 6vw, 88px);
line-height: .9;
letter-spacing: -.075em;
font-weight: 900;
}
.terms-hero p {
max-width: 900px;
margin: 0 auto;
color: #5f6b76;
font-size: 21px;
line-height: 1.7;
}
.terms-content {
position: relative;
}
.terms-card {
margin-bottom: 28px;
padding: 42px;
border-radius: 34px;
background: rgba(255,255,255,.84);
border: 1px solid rgba(255,255,255,.86);
box-shadow:
0 18px 48px rgba(15,23,42,.055),
inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(16px);
}
.terms-card-featured {
background:
radial-gradient(circle at 85% 15%, rgba(126,230,232,.34), transparent 28%),
linear-gradient(135deg, #efffff 0%, #e7fbfb 48%, #d3f6f5 100%);
box-shadow: 0 26px 70px rgba(0,137,152,.12);
}
.terms-icon {
width: 62px;
height: 62px;
display: grid;
place-items: center;
margin-bottom: 24px;
border-radius: 22px;
background: rgba(0,137,152,.10);
color: #008998;
font-size: 28px;
font-weight: 900;
line-height: 1;
}
.terms-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
}
.terms-grid .terms-card {
margin-bottom: 28px;
}
.terms-card h2 {
margin: 0 0 22px;
color: #102027;
font-size: clamp(30px, 3.2vw, 52px);
line-height: .96;
letter-spacing: -.055em;
font-weight: 900;
}
.terms-card h3 {
margin: 30px 0 14px;
color: #102027;
font-size: clamp(22px, 2vw, 30px);
line-height: 1;
letter-spacing: 0;
font-weight: 700;
}
.terms-card p,
.terms-card li {
color: #4f5b66;
font-size: 17px;
line-height: 1.75;
}
.terms-card p {
margin: 0 0 16px;
}
.terms-card p:last-child {
margin-bottom: 0;
}
.terms-card a {
color: #008998;
font-weight: 800;
text-decoration: none !important;
}
.terms-card a:hover {
color: #071a20;
}
.terms-contact-card {
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
color: #fff;
}
.terms-contact-card .terms-icon {
background: rgba(126,230,232,.14);
color: #7ee6e8;
}
.terms-contact-card h2 {
color: #fff;
}
.terms-contact-card p {
color: rgba(255,255,255,.78);
}
.terms-contact-card a {
color: #7ee6e8 !important;
}
.terms-contact-card a:hover {
color: #ffffff !important;
}
body.page-template-template-termes-et-conditions .page-top,
body.page-template-template-termes-et-conditions .main-content > .container > h1,
body.page-template-template-termes-et-conditions .page-title,
body.page-template-template-termes-et-conditions .entry-title,
body.page-template-template-termes-et-conditions .breadcrumbs,
body.page-template-template-termes-et-conditions .breadcrumb,
body.page-template-template-termes-et-conditions .porto-breadcrumbs,
body.page-template-template-termes-et-conditions-php .page-top,
body.page-template-template-termes-et-conditions-php .main-content > .container > h1,
body.page-template-template-termes-et-conditions-php .page-title,
body.page-template-template-termes-et-conditions-php .entry-title,
body.page-template-template-termes-et-conditions-php .breadcrumbs,
body.page-template-template-termes-et-conditions-php .breadcrumb,
body.page-template-template-termes-et-conditions-php .porto-breadcrumbs {
display: none !important;
}
@media (max-width: 900px) {
.terms-grid {
grid-template-columns: 1fr;
gap: 0;
}
}
@media (max-width: 767px) {
.terms-page {
padding: 48px 0 80px;
}
.terms-container {
width: min(calc(100% - 30px), 1320px);
}
.terms-hero {
margin-bottom: 45px;
}
.terms-hero h1 {
font-size: 44px;
}
.terms-hero p {
font-size: 17px;
}
.terms-card {
padding: 28px;
border-radius: 26px;
}
.terms-icon {
width: 54px;
height: 54px;
margin-bottom: 20px;
border-radius: 18px;
font-size: 24px;
}
.terms-card p,
.terms-card li {
font-size: 15px;
line-height: 1.65;
}
} .cookies-page {
padding: 70px 0 110px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.16), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.07), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.cookies-container {
width: min(calc(100% - 56px), 1320px);
margin: 0 auto;
}
.cookies-hero {
text-align: center;
margin-bottom: 70px;
}
.cookies-kicker {
display: inline-block;
margin-bottom: 18px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.cookies-hero h1 {
max-width: 980px;
margin: 0 auto 28px;
color: #07111a;
font-size: clamp(48px, 6vw, 88px);
line-height: .9;
letter-spacing: -.075em;
font-weight: 900;
}
.cookies-hero p {
max-width: 900px;
margin: 0 auto;
color: #5f6b76;
font-size: 21px;
line-height: 1.7;
}
.cookies-content {
position: relative;
}
.cookies-card {
margin-bottom: 28px;
padding: 42px;
border-radius: 34px;
background: rgba(255,255,255,.84);
border: 1px solid rgba(255,255,255,.86);
box-shadow:
0 18px 48px rgba(15,23,42,.055),
inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(16px);
}
.cookies-card-featured {
background:
radial-gradient(circle at 85% 15%, rgba(126,230,232,.34), transparent 28%),
linear-gradient(135deg, #efffff 0%, #e7fbfb 48%, #d3f6f5 100%);
box-shadow: 0 26px 70px rgba(0,137,152,.12);
}
.cookies-card h2 {
margin: 0 0 22px;
color: #102027;
font-size: clamp(30px, 3.2vw, 52px);
line-height: .96;
letter-spacing: -.055em;
font-weight: 900;
}
.cookies-card p,
.cookies-card li {
color: #4f5b66;
font-size: 17px;
line-height: 1.75;
}
.cookies-card p {
margin: 0 0 16px;
}
.cookies-card p:last-child {
margin-bottom: 0;
}
.cookies-audit-grid {
display: grid;
grid-template-columns: 1fr;
gap: 28px;
}
.cookies-audit-card {
overflow: hidden;
}
.cookies-audit-card table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
border-radius: 22px;
background: #fff;
box-shadow: inset 0 0 0 1px rgba(15,23,42,.08);
}
.cookies-audit-card th,
.cookies-audit-card td {
padding: 16px 18px;
border-bottom: 1px solid rgba(15,23,42,.08);
color: #4f5b66;
font-size: 15px;
line-height: 1.55;
text-align: left;
vertical-align: top;
}
.cookies-audit-card th {
background: #e7fbfb;
color: #102027;
font-weight: 900;
}
.cookies-audit-card tr:last-child td {
border-bottom: 0;
}
body.page-template-template-politique-des-cookies .page-top,
body.page-template-template-politique-des-cookies .main-content > .container > h1,
body.page-template-template-politique-des-cookies .page-title,
body.page-template-template-politique-des-cookies .entry-title,
body.page-template-template-politique-des-cookies .breadcrumbs,
body.page-template-template-politique-des-cookies .breadcrumb,
body.page-template-template-politique-des-cookies .porto-breadcrumbs,
body.page-template-template-politique-des-cookies-php .page-top,
body.page-template-template-politique-des-cookies-php .main-content > .container > h1,
body.page-template-template-politique-des-cookies-php .page-title,
body.page-template-template-politique-des-cookies-php .entry-title,
body.page-template-template-politique-des-cookies-php .breadcrumbs,
body.page-template-template-politique-des-cookies-php .breadcrumb,
body.page-template-template-politique-des-cookies-php .porto-breadcrumbs {
display: none !important;
}
@media (max-width: 767px) {
.cookies-page {
padding: 48px 0 80px;
}
.cookies-container {
width: min(calc(100% - 30px), 1320px);
}
.cookies-hero {
margin-bottom: 45px;
}
.cookies-hero h1 {
font-size: 44px;
}
.cookies-hero p {
font-size: 17px;
}
.cookies-card {
padding: 28px;
border-radius: 26px;
}
.cookies-card p,
.cookies-card li {
font-size: 15px;
line-height: 1.65;
}
.cookies-audit-card {
overflow-x: auto;
}
.cookies-audit-card table {
min-width: 640px;
}
}
.conditions-page {
padding: 70px 0 110px;
background:
radial-gradient(circle at top right, rgba(126,230,232,.16), transparent 32%),
radial-gradient(circle at top left, rgba(0,137,152,.07), transparent 28%),
#f6fafb;
font-family: 'Work Sans', sans-serif;
color: #102027;
}
.conditions-container {
width: min(calc(100% - 56px), 1320px);
margin: 0 auto;
}
.conditions-kicker {
display: inline-block;
margin-bottom: 18px;
color: #008998;
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.conditions-hero {
text-align: center;
margin-bottom: 70px;
}
.conditions-hero h1 {
max-width: 1050px;
margin: 0 auto 28px;
color: #07111a;
font-size: clamp(48px, 6vw, 92px);
line-height: .9;
letter-spacing: -.075em;
font-weight: 900;
text-transform: none !important;
}
.conditions-hero p {
max-width: 900px;
margin: 0 auto 18px;
color: #5f6b76;
font-size: 21px;
line-height: 1.7;
}
.conditions-hero small {
display: block;
max-width: 900px;
margin: 0 auto;
color: #5f6b76;
font-size: 18px;
line-height: 1.65;
}
.conditions-page::before,
.conditions-page::after,
.conditions-container::before {
content: none !important;
display: none !important;
}
.conditions-content {
display: grid;
gap: 28px;
}
.conditions-card {
padding: 42px;
border-radius: 34px;
background: rgba(255,255,255,.84);
border: 1px solid rgba(255,255,255,.86);
box-shadow:
0 18px 48px rgba(15,23,42,.055),
inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(16px);
}
.conditions-card-featured {
background:
radial-gradient(circle at 85% 15%, rgba(126,230,232,.34), transparent 28%),
linear-gradient(135deg, #efffff 0%, #e7fbfb 48%, #d3f6f5 100%);
box-shadow: 0 26px 70px rgba(0,137,152,.12);
}
.conditions-card h2 {
margin: 0 0 22px;
color: #102027;
font-size: clamp(30px, 3.2vw, 52px);
line-height: .96;
letter-spacing: -.055em;
font-weight: 900;
}
.conditions-card h3 {
margin: 30px 0 14px;
color: #102027;
font-size: clamp(22px, 2vw, 30px);
line-height: 1;
letter-spacing: 0;
font-weight: 900;
}
.conditions-card h3.conditions-subtitle-regular {
font-weight: 500;
}
.conditions-card p,
.conditions-card li {
color: #4f5b66;
font-size: 17px;
line-height: 1.75;
}
.conditions-card p {
margin: 0 0 16px;
}
.conditions-card p:last-child {
margin-bottom: 0;
}
.conditions-card strong {
color: #102027;
font-weight: 900;
}
.conditions-card ul,
.conditions-card ol {
margin: 18px 0 24px;
padding-left: 24px;
}
.conditions-card li {
margin-bottom: 12px;
}
.conditions-contact-card {
background: linear-gradient(135deg, #071a20 0%, #0d3540 100%);
color: #fff;
}
.conditions-contact-card h2,
.conditions-contact-card strong {
color: #fff;
}
.conditions-contact-card p {
color: rgba(255,255,255,.78);
}
.conditions-contact-card a {
color: #7ee6e8 !important;
font-weight: 900;
text-decoration: none !important;
}
.conditions-contact-card a:hover {
color: #ffffff !important;
} @media (max-width: 767px) {
.conditions-page {
padding: 48px 0 80px;
}
.conditions-container {
width: min(calc(100% - 30px), 1320px);
}
.conditions-card {
padding: 28px;
border-radius: 26px;
}
.conditions-card p,
.conditions-card li {
font-size: 15px;
line-height: 1.65;
}
} body.page-template-template-conditions-generales .page-top,
body.page-template-template-conditions-generales .main-content > .container > h1,
body.page-template-template-conditions-generales .page-title,
body.page-template-template-conditions-generales .entry-title,
body.page-template-template-conditions-generales .breadcrumbs,
body.page-template-template-conditions-generales .breadcrumb,
body.page-template-template-conditions-generales .porto-breadcrumbs,
body.page-template-template-conditions-generales-php .page-top,
body.page-template-template-conditions-generales-php .main-content > .container > h1,
body.page-template-template-conditions-generales-php .page-title,
body.page-template-template-conditions-generales-php .entry-title,
body.page-template-template-conditions-generales-php .breadcrumbs,
body.page-template-template-conditions-generales-php .breadcrumb,
body.page-template-template-conditions-generales-php .porto-breadcrumbs {
display: none !important;
} @media (max-width: 767px) {
.home-tpv__hero-carousel {
border-radius: 22px;
}
.home-tpv__hero-arrow {
width: 38px;
height: 38px;
font-size: 28px;
}
.home-tpv__hero-arrow--prev {
left: 10px;
}
.home-tpv__hero-arrow--next {
right: 10px;
}
.home-tpv__hero-dots {
bottom: 12px;
gap: 8px;
}
.home-tpv__hero-dot {
width: 8px;
height: 8px;
}
.home-tpv__hero-dot.is-active {
width: 22px;
}
} @media (max-width: 1199px) {
.home-tpv__brands-grid {
grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
}
}
@media (max-width: 991px) {
.home-tpv__brands-grid {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.home-tpv__brand-card {
min-height: 0;
aspect-ratio: 1.35 / 1;
}
}
@media (max-width: 767px) {
.home-tpv__brands {
padding: 18px 0 50px;
}
.home-tpv__brand-title {
margin-bottom: 26px;
}
.home-tpv__brands-grid {
grid-template-columns: 1fr;
gap: 14px;
}
.home-tpv__brand-card {
min-height: 0;
aspect-ratio: 1.85 / 1;
border-radius: 8px;
}
.home-tpv__brand-card span {
font-size: 40px;
letter-spacing: -.035em;
}
} .home-tpv {
padding-top: 24px;
}
.home-tpv__container {
width: min(calc(100% - 72px), 1720px);
}
.home-tpv__section-title {
margin-bottom: 34px;
font-size: clamp(36px, 2.1vw, 46px);
}
.home-tpv__hero {
padding-bottom: 34px;
}
.home-tpv__brands {
padding: 18px 0 54px;
}
.home-tpv__brand-card {
min-height: 0;
aspect-ratio: 1.05 / 1;
border-radius: 16px;
}
.home-tpv__solutions {
padding: 30px 0 62px;
}
.home-tpv__partners {
padding: 54px 0 68px;
}
.home-tpv__featured-products {
padding: 28px 0 70px;
}
.home-tpv__quicklinks {
padding: 30px 0 76px;
}
.home-tpv__blog {
padding: 28px 0 78px;
}
.home-tpv__quicklink {
min-width: 0;
min-height: 190px;
border-radius: 28px;
background:
radial-gradient(circle at 18% 12%, rgba(126,230,232,.18), transparent 32%),
linear-gradient(135deg, #07111a 0%, #0b2027 58%, #06262c 100%);
}
.home-tpv__quicklink::before,
.home-tpv__quicklink::after {
content: none;
}
.home-tpv__quicklink-icon {
box-sizing: border-box;
width: 50px;
height: 50px;
padding: 11px;
border-radius: 18px;
background: rgba(126,230,232,.12);
}
.home-tpv__quicklink:hover,
.home-tpv__quicklink:focus-visible {
background:
radial-gradient(circle at 18% 12%, rgba(126,230,232,.22), transparent 32%),
linear-gradient(135deg, #07111a 0%, #0f2b34 58%, #07333b 100%);
}
@media (max-width: 1199px) {
.home-tpv__container {
width: min(calc(100% - 56px), 1720px);
}
.home-tpv__brands-grid {
grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
}
.home-tpv__quicklinks-grid {
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
}
@media (max-width: 767px) {
.home-tpv__container {
width: min(calc(100% - 28px), 1720px);
}
.home-tpv__section-title {
margin-bottom: 26px;
font-size: 28px;
}
.home-tpv__hero,
.home-tpv__brands {
padding-bottom: 36px;
}
.home-tpv__brand-card {
min-height: 0;
aspect-ratio: 1.85 / 1;
border-radius: 12px;
}
.home-tpv__solutions {
padding: 22px 0 50px;
}
.home-tpv__partners {
padding: 44px 0 54px;
}
.home-tpv__featured-products,
.home-tpv__quicklinks,
.home-tpv__blog {
padding: 24px 0 56px;
}
.home-tpv__quicklink {
min-height: 160px;
border-radius: 22px;
}
} .home-tpv__brands .home-tpv__container {
width: min(calc(100% - 40px), 1720px);
}
.home-tpv__brands-grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: clamp(12px, 1.1vw, 20px);
}
.home-tpv__brand-card {
aspect-ratio: 1.45 / 1;
min-height: 0 !important;
}
@media (max-width: 900px) {
.home-tpv__brands-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 560px) {
.home-tpv__brands-grid {
grid-template-columns: 1fr !important;
}
} .home-tpv h1,
.home-tpv h2,
.home-tpv h3 {
letter-spacing: .01em;
}
.home-tpv__section-title {
letter-spacing: .018em;
}
.home-tpv__solution h3 {
letter-spacing: .006em;
}
.home-tpv__solution .home-tpv__solution-price {
margin: 16px 0 14px;
color: #008998 !important;
font-size: 12.5px;
font-weight: 300;
line-height: 1.35;
letter-spacing: .01em;
}
@media (max-width: 767px) {
.home-tpv__section-title {
letter-spacing: .012em;
}
.home-tpv__solution .home-tpv__solution-price {
font-size: 12px;
}
}.taxopress-table-container {
width: 100%;
}
.taxopress-table-row td {
border: none;
}
.taxopress-table-row:nth-child(n+7) {
display: none;
}
.taxopress-see-more-link,
.taxopress-close-table-link {
cursor: pointer;
}
.taxopress-close-table-link {
display: none;
}
.taxopress-see-more-container {
text-align: right;
padding: 10px;
}
.hidden {
display: none;
}
.taxopress-table-container .taxopress-post-count {
text-align: right;
padding-right: 30px;
}
.taxopress-arrow {
display: inline-block;
}
.taxopress-arrow.right {
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
}
.taxopress-arrow.down {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
} .taxopress-border-cloud a{
text-decoration: none;
border: 1px solid;
padding: 4px 7px; 
display: inline-block;
margin: 3px;
} .taxopress-box-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.taxopress-box-list a {
display: block;
text-decoration: none;
box-sizing: border-box;
word-wrap: break-word;
}
.taxopress-box-list img {
max-width: 100%;
height: auto;
display: block;
}
.taxopress-boxrelatedpost-cat{
color:#666;
font-size: 0.9em;
}
@media (max-width: 1200px) {
.taxopress-box-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.taxopress-box-list {
grid-template-columns: 1fr;
word-wrap: break-word;
}
}
.taxopress-parent-child-list {
list-style: none !important;
}
.taxopress-parent-term {
font-weight: normal;
margin: 0.5em 0;
list-style-type: none !important;
position: relative;
padding-left: 1.5em;
}
.taxopress-child-list {
list-style: none !important;
margin: 0.3em 0 0.3em 1em !important;
padding-left: 0 !important;
}
.taxopress-child-term {
font-weight: normal;
margin: 0.2em 0;
position: relative;
padding-left: 1.5em;
}
.taxopress-parent-term::before {
content: "•";
position: absolute;
left: 0;
font-size: 1.2em;
line-height: 1;
}
.taxopress-child-list > li::before {
content: "○";
position: absolute;
left: 0;
font-size: 1.2em;
line-height: 1;
}
.taxopress-child-list .taxopress-child-list > li::before {
content: "▪  ▪";
font-size: 1.2em;
}
.taxopress-child-list {
margin-left: 1em !important;
}
.taxopress-child-list .taxopress-child-list {
margin-left: 1em !important;
}
.taxopress-parent-term,
.taxopress-child-list li {
font-weight: normal;
}
.taxopress-box-list img.custom-image-class {
width: var(--tp-image-width, 200px);
height: var(--tp-image-height, 200px);
object-fit: cover;
aspect-ratio: 1 / 1;
display: block;
max-width: 100%;
}
a.st_tag, a.internal_tag, .st_tag, .internal_tag {
text-decoration: underline !important;
}.fs-free-shipping-notice-and-button-wrapper{flex-flow:wrap;place-content:start space-between;align-items:center;display:flex}.fs-free-shipping-notice-text-and-progress-bar-wrapper,.fs-free-shipping-notice-continue-shopping-button-wrapper{flex:0 auto;margin:0 .5em}.fs-free-shipping-notice-progress-bar-wrapper{flex-direction:row;align-items:center;display:flex}.fs-free-shipping-notice-progress-bar{border:1px solid #fff;border-radius:10px;width:100%;height:10px;margin-left:10px;margin-right:10px;position:relative}.fs-free-shipping-notice-progress-bar>span{background-color:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px;height:100%;display:block;position:relative;overflow:hidden}.button.flexible-shipping-free-shipping-button{margin-left:0}@media screen and ( min-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 32px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 82px!important;
}
}
@media screen and ( max-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 46px!important;
}
body.admin-bar .mob-menu-header-banner {
top: 0px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 96px!important;
}
body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
top: 50px!important;
}
}
@media screen and ( max-width: 479px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 5%;
}
}
@media screen and ( max-width: 782px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 10%;
}
}
@media only screen and (min-width:1025px){
.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
display: none!important;
}
}
@media only screen and (max-width:1024px) {
.mobmenur-container i {
color: #FFF;
}
.mobmenul-container i {
color: #FFF;
}
.mobmenul-container img {
max-height:  40px;
float: left;
}
.mobmenur-container img {
max-height:  40px;
float: right;
}
.mob-expand-submenu i {
font-size: 25px;
}
#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
color: #666;
}
.mob-cancel-button {
font-size: 30px!important;
} .mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
color: #ccc;
} .mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
background-color: #666;
}
.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
background-color: #666;
}
.mobmenu-content #mobmenuright li:hover  {
background-color: #666 ;
} .mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
background-color: #666;
} .mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
color: #ccc;
}
.mobmenu-content #mobmenuleft .sub-menu {
background-color: #3a3a3a ;
margin: 0;
color: #fff ;
width: 100%;
position: initial;
height: 100%;
}
.mob-menu-left-bg-holder {
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size:  cover;
-moz-background-size: cover;
background-size: cover;
}
.mob-menu-right-bg-holder { 
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size:  cover;
}
.mobmenu-content #mobmenuleft .sub-menu a {
color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu  a {
color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu .sub-menu {
background-color: inherit;
}
.mobmenu-content #mobmenuright .sub-menu {
background-color: #3a3a3a ;
margin: 0;
color: #fff ;
position: initial;
width: 100%;
}
#mobmenuleft li:hover a, #mobmenuleft li:hover i {
color: #FFF;
}
#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
color: #666 ;
}
#mobmenuright li a:hover {
color: #FFF ;
}
.mobmenul-container {
top: 10px;
margin-left: 5px;
margin-top: 0px;
height: 50px;
float: left;
}
.mobmenur-container {
top: 10px;
margin-right: 5px;
margin-top: 0px;
}
.mob-menu-logo-holder {
margin-top:   0px;
text-align:   center;
margin-left:  0;
margin-right: 0;
height:       50px;
}
.mob-menu-header-holder {
width:  100% ;
background-color: #111111 ;
height: 50px ;
position:fixed;
}
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
padding-top: 50px;
}
.mobmenul-container, .mobmenur-container{
position: absolute; 
}
.mobmenu-left-panel {
background-color:#F7F7F7;;
width:  270px;  
}
.mobmenu-right-panel {
background-color:#F7F7F7;		width:  270px; 
}
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
background: rgba(0, 0, 0, 0.83);
}
.mob-menu-slideout-top .mobmenu-overlay {
display:none!important;
}
.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
-webkit-transform: translateX(270px);
-moz-transform: translateX(270px);
-ms-transform: translateX(270px);
-o-transform: translateX(270px);
transform: translateX(270px);
}
.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
-webkit-transform: translateX(-270px);
-moz-transform: translateX(-270px);
-ms-transform: translateX(-270px);
-o-transform: translateX(-270px);
transform: translateX(-270px);
}
.mob-menu-slideout-top .mobmenu-panel {
width:  100%;
height: 100%;
z-index: 1;
position: fixed;
left: 0px;
top: 0px;
max-height: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
z-index: 300000;
}
.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
overflow: hidden;
}
.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
z-index: 300000;
} .mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
position: fixed;
top: 0;
height: 100%;
overflow-y: auto;
overflow-x: auto;
z-index: 10000;
opacity: 1;
} .mobmenu .headertext { 
color: #FFF ;
text-decoration: none;
}
.headertext span {
position: initial;
line-height: 50px;
}
.mobmenu-search-holder {
top: 50px;
}  body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
overflow-x: hidden;
}
.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
padding-left: 10%;
padding-right: 10%;
}
.mobmenu-content li > .sub-menu li {
padding-left: calc(10*1%);
}
.mobmenu-right-panel li, .rightmbottom, .rightmtop{
padding-left: 10%;
padding-right: 10%;
}
.mobmenul-container i {
line-height: 30px;
font-size: 30px;
float: left;
}
.mobmenul-container svg {
width: 30px;
margin-right: .2em;
margin-left: .2em;
padding-top: 2px;
float:left;
}
.show-panel svg.mob-cancel-button {
width: 30px;
padding: 4px;
margin: 6px;
}
.left-menu-icon-text {
float: left;
line-height: 30px;
color: #222;
}
.mobmenu-left-panel .mobmenu-display-name {
color: #666;
}
.right-menu-icon-text {
float: right;
line-height: 30px;
color: #222;
}
.mobmenur-container i {
line-height: 30px;
font-size: 30px;
float: right;
}
.mobmenur-container svg {
width: 30px;
margin-right: .2em;
margin-left: .2em;
padding-top: 2px;
float: left;
}
.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
display: none!important;
}
.mob-standard-logo {
display: inline-block;
height:50px!important;	}
.mob-retina-logo {
height:50px!important;	}
.mobmenu-content #mobmenuleft > li > a:hover {
background-color: #666;
}
.mobmenu-content #mobmenuright > li > a:hover {
background-color: #666;
}
.mobmenu-left-panel .mob-cancel-button {
color: #666;
}
.mobmenu-right-panel .mob-cancel-button {
color: #666;
}	
}
.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
font-family:Dosis;
font-size:20px;
font-weight:inherit;
font-style:normal;
letter-spacing:normal;
text-transform:none;
}
.left-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
.right-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}