@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
* {
box-sizing: border-box;
padding: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-size: 1rem;
font-weight: 400;
}
html {
font-size: 12px;
}
@media screen and (min-width: 768px) {
html {
font-size: 14px;
}
}
@media screen and (min-width: 1024px) {
html {
font-size: 16px;
}
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
-o-object-fit: cover;
object-fit: cover;
}
a {
color: inherit;
text-decoration: none;
font-weight: inherit;
font-size: inherit;
cursor: pointer;
}
ul {
list-style: none;
}
.btn {
padding: 10px 16px;
border-radius: 10px;
background: #F5FF00;
border: none;
font-size: 1rem;
font-style: italic;
font-weight: 800;
}
.btn.black {
background: #000;
color: #F5FF00;
}
.btn:hover {
cursor: pointer;
}
.label {
display: inline-flex;
gap: 6px;
align-items: center;
padding: 7px;
border-radius: 5px;
background-color: #000;
color: #FFF;
font-size: 1rem;
font-weight: 700;
}
.label img {
width: 12px;
height: 12px;
-o-object-fit: contain;
object-fit: contain;
}
.label.red {
background-color: #EC0000;
}
.label.purple {
background-color: #9747FF;
}
.label.yellow {
background-color: #F5FF00;
color: #000;
}
.label.transparent {
background-color: transparent;
padding: 0 11px;
}
.label.c-yellow {
color: #F5FF00;
}
main {
padding-top: 105px;
}
@media screen and (min-width: 1024px) {
main {
padding-top: 210px;
}
}
.added_to_cart, .woocommerce-notices-wrapper, .wc-block-product-new {
display: none !important;
}
.wp-block-woocommerce-empty-cart-block h2:nth-of-type(2) {
display: none;
}
.custom-shop-loop-header {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: flex-end;
justify-content: space-between;
}
.container, .c-relative {
container-type: inline-size;
}
.menu_container {
width: 100vw;
max-width: 1590px;
margin: auto;
padding-inline: 15px;
}
@media screen and (min-width: 768px) {
.menu_container {
padding-inline: 30px;
}
}
@media screen and (min-width: 1240px) {
.menu_container {
padding-inline: 75px;
}
}
.container {
width: min(100vw - 30px, 1440px);
margin: auto;
}
@media screen and (min-width: 768px) {
.container {
width: min(100vw - 60px, 1440px);
}
}
@media screen and (min-width: 1240px) {
.container {
width: min(100vw - 150px, 1440px);
}
}
.container.mb {
margin-bottom: 100px;
}
.container .intro {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: flex-end;
margin-bottom: 40px;
}
.container .intro img {
height: 25px;
width: auto;
vertical-align: middle;
}
.container .intro h2 {
line-height: 1;
}
.container .intro a {
font-size: 1.25rem;
font-weight: 500;
text-decoration: underline;
}
.container .content .item_text {
display: block;
border-radius: 20px;
overflow: hidden;
position: relative;
}
.container .content .item_text img {
height: 400px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.container .content .item_text h3 {
color: #FFF;
font-size: 1.25rem;
font-weight: 900;
text-transform: uppercase;
font-style: italic;
position: absolute;
left: 25px;
bottom: 25px;
}
.c-relative {
width: min(100% - 30px, 1440px);
margin: auto;
}
@media screen and (min-width: 768px) {
.c-relative {
width: min(100% - 60px, 1440px);
}
}
@media screen and (min-width: 1240px) {
.c-relative {
width: min(100% - 150px, 1440px);
}
}
.swiper {
min-width: 10px;
min-height: 10px;
}
.swiper .swiper-slide {
overflow: hidden;
}
.swiper .swiper-button {
display: flex;
justify-content: flex-end;
gap: 15px;
}
.swiper div[class^=swiper-button-] {
all: unset;
cursor: pointer;
}
.swiper div[class^=swiper-button-]::after, .swiper div[class^=swiper-button-]::before {
all: unset;
}
section.best_sellers .content, article {
position: relative;
}
section.best_sellers .content img, article img {
margin: 0 !important;
}
section.best_sellers .content > .img_wrap, article > .img_wrap {
width: 100%;
margin-bottom: 20px;
border-radius: 20px;
border: 1px solid transparent;
overflow: hidden;
position: relative;
transition: %article > .img_wrap, article > .img_wrap ll 0.15s ease-in-out;
}
section.best_sellers .content > .img_wrap > img, article > .img_wrap > img {
width: 100%;
min-height: 350px;
aspect-ratio: 337/400;
border-radius: 20px;
}
section.best_sellers .content > .img_wrap .label, article > .img_wrap .label {
position: absolute;
top: 20px;
left: 20px;
}
section.best_sellers .content > .img_wrap > .btn, article > .img_wrap > .btn {
display: flex;
justify-content: center;
width: calc(100% - 40px);
text-align: center;
position: absolute;
bottom: 20px;
right: 20px;
opacity: 0;
}
section.best_sellers .content:hover > .img_wrap, article:hover > .img_wrap {
border: 1px solid #000;
}
section.best_sellers .content:hover > .img_wrap.yellow, article:hover > .img_wrap.yellow {
border: 1px solid #F5FF00;
}
section.best_sellers .content:hover > .img_wrap.purple, article:hover > .img_wrap.purple {
border: 1px solid #9747FF;
}
section.best_sellers .content:hover > .img_wrap.red, article:hover > .img_wrap.red {
border: 1px solid #EC0000;
}
section.best_sellers .content:hover > .img_wrap > .btn, article:hover > .img_wrap > .btn {
opacity: 1;
z-index: 100000;
cursor: pointer;
}
section.best_sellers .content .text, article .text {
display: flex;
flex-direction: column;
gap: 7px;
}
section.best_sellers .content .text .brand, article .text .brand {
font-size: 0.75rem;
font-style: italic;
text-transform: uppercase;
}
section.best_sellers .content .text > a:before, article .text > a:before {
content: "";
position: absolute;
inset: 0;
}
section.best_sellers .content .text .price, article .text .price {
display: flex !important;
align-items: flex-end;
gap: 10px;
}
section.best_sellers .content .text .price .current_price bdi,
section.best_sellers .content .text .price .current_price bdi *,
section.best_sellers .content .text .price .old_price bdi,
section.best_sellers .content .text .price .old_price bdi *, article .text .price .current_price bdi,
article .text .price .current_price bdi *,
article .text .price .old_price bdi,
article .text .price .old_price bdi * {
color: #000 !important;
font-weight: 600;
}
section.best_sellers .content .text .price .current_price bdi,
section.best_sellers .content .text .price .current_price bdi *, article .text .price .current_price bdi,
article .text .price .current_price bdi * {
font-size: 1.25rem;
}
section.best_sellers .content .text .price .old_price bdi,
section.best_sellers .content .text .price .old_price bdi *, article .text .price .old_price bdi,
article .text .price .old_price bdi * {
color: #7A7A7A !important;
font-size: 0.875rem;
text-decoration: line-through;
}
section.ecom_banner .content {
padding: 65px 0;
background-color: #F5FF00;
border-radius: 20px;
}
section.ecom_banner .content .item {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
section.ecom_banner .content .item img {
height: 50px;
width: 50px;
-o-object-fit: contain;
object-fit: contain;
}
section.ecom_banner .content .item .text {
display: flex;
flex-direction: column;
gap: 5px;
}
section.ecom_banner .content .item .text h3,
section.ecom_banner .content .item .text p {
text-align: center;
padding-inline: 40px;
}
section.ecom_banner .content .item .text h3 {
text-transform: uppercase;
font-style: italic;
}
section.test_raquette .content .wrap {
height: 600px;
border-radius: 20px;
overflow: hidden;
}
@media screen and (min-width: 768px) {
section.test_raquette .content .wrap {
height: 400px;
}
}
section.test_raquette .content figure {
position: relative;
}
section.test_raquette .content figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
section.test_raquette .content figure figcaption {
display: flex;
flex-direction: column;
gap: 24px;
height: 100%;
width: 100%;
padding: 40px;
background: linear-gradient(180deg, rgba(217, 217, 217, 0.1) 0%, #000 100%);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
section.test_raquette .content figure figcaption h3 {
max-width: 500px;
color: #FFF;
}
section.test_raquette .content figure figcaption p {
color: #FFF;
font-size: 1.25rem;
font-weight: 600;
}
@media screen and (min-width: 768px) {
section.test_raquette .content figure figcaption p {
flex: 1;
}
}
section.test_raquette .content figure figcaption .logos {
display: flex;
gap: 45px;
height: 60px;
flex-direction: column;
align-items: flex-start;
}
@media screen and (min-width: 768px) {
section.test_raquette .content figure figcaption .logos {
flex-direction: row;
align-items: center;
gap: 97px;
height: 60px;
}
}
section.test_raquette .content figure figcaption .logos img {
height: auto;
width: auto;
-o-object-fit: contain;
object-fit: contain;
}
section.test_raquette .content figure + p {
padding: 10px 40px 0;
}
section.test_raquette .content form {
height: 100%;
padding: 35px 40px;
background-color: #000;
}
section.test_raquette .content form h3 {
margin-bottom: 15px;
color: #FFF;
text-align: center;
font-size: 1.25rem;
font-style: italic;
font-weight: 900;
text-transform: uppercase;
}
section.test_raquette .content form .inputs {
display: flex;
flex-direction: column;
gap: 10px;
}
section.test_raquette .content form .inputs .row {
display: flex;
flex-direction: column;
gap: 5px;
}
@media screen and (min-width: 768px) {
section.test_raquette .content form .inputs .row {
flex-direction: row;
}
}
section.test_raquette .content form .inputs .row input, section.test_raquette .content form .inputs .row select {
display: flex;
align-items: center;
height: 50px;
padding: 0 16px;
border: 1px solid #FFF;
border-radius: 5px;
background-color: transparent;
color: #FFF;
font-size: 0.875rem;
font-weight: 400;
}
@media screen and (min-width: 768px) {
section.test_raquette .content form .inputs .row input, section.test_raquette .content form .inputs .row select {
flex: 1;
}
}
section.test_raquette .content form .inputs .row input[type=date], section.test_raquette .content form .inputs .row select[type=date] {
position: relative;
}
section.test_raquette .content form .inputs .row input[type=date]::-webkit-calendar-picker-indicator, section.test_raquette .content form .inputs .row select[type=date]::-webkit-calendar-picker-indicator {
background: transparent;
bottom: 0;
color: transparent;
cursor: pointer;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
}
section.test_raquette .content form .inputs .row input.error, section.test_raquette .content form .inputs .row select.error {
border-color: #EC0000 !important;
}
section.test_raquette .content form .inputs .row input::-webkit-input-placeholder, section.test_raquette .content form .inputs .row input::placeholder, section.test_raquette .content form .inputs .row select::-webkit-input-placeholder, section.test_raquette .content form .inputs .row select::placeholder {
color: #FFF;
}
section.test_raquette .content form .inputs .row input[type=submit], section.test_raquette .content form .inputs .row select[type=submit] {
padding: 0;
border: none;
background-color: #F5FF00;
cursor: pointer;
color: #000;
font-size: 1.875rem;
font-weight: 800;
font-style: italic;
}
@media screen and (min-width: 768px) {
section.test_raquette .content form .inputs .row select:not(:only-child), section.test_raquette .content form .inputs .row input:not(:only-child) {
max-width: calc((100% - 5px) / 2);
}
}
section.test_raquette .content form .inputs .row select option {
text-transform: lowercase;
}
section.test_raquette .content form .inputs .row select option::first-letter {
text-transform: uppercase;
}
section.test_raquette .content form .inputs .row input[type=submit] {
justify-content: center;
}
.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
height: 60px;
border-radius: 5px;
border: none;
background: #F5FF00;
}
.wc-block-cart__submit-button span, .wc-block-components-checkout-place-order-button span {
color: #000;
text-align: center;
font-family: Montserrat;
font-size: 30px;
font-style: italic;
font-weight: 800;
line-height: normal;
}
.woocommerce form.login,
.woocommerce form.register {
padding: 0;
border: none;
}
.woocommerce form.login p,
.woocommerce form.register p {
font-size: 0.75rem;
color: rgba(0, 0, 0, 0.7);
}
.woocommerce form.login p:last-of-type,
.woocommerce form.register p:last-of-type {
margin-bottom: 10px;
}
.woocommerce form.login input[type=text], .woocommerce form.login input[type=password], .woocommerce form.login input[type=email],
.woocommerce form.register input[type=text],
.woocommerce form.register input[type=password],
.woocommerce form.register input[type=email] {
display: flex;
align-items: center;
height: 50px;
padding: 0 16px;
border: 1px solid black;
border-radius: 5px;
background-color: transparent;
font-size: 0.875rem;
font-weight: 400;
}
.woocommerce form.login button,
.woocommerce form.register button {
display: flex;
align-items: center;
height: 50px;
padding: 0 16px;
border: 1px solid #FFF;
border-radius: 5px;
background-color: transparent;
color: #FFF;
font-size: 0.875rem;
font-weight: 400;
border: none;
background-color: #F5FF00;
cursor: pointer;
color: #000;
font-size: 1.875rem;
font-weight: 800;
font-style: italic;
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
top: 35%;
}
h1 {
font-size: 3.25rem;
font-style: italic;
font-weight: 900;
text-transform: uppercase;
}
h2, h3.big {
font-size: 2rem;
font-weight: 900;
font-style: italic;
text-transform: uppercase;
}
h3, h4.big {
font-size: 1.25rem;
font-weight: 700;
}
.page-template-default .page_content h2,
.page-template-default .page_content h3,
.page-template-default .page_content h4,
.page-template-default .page_content h5,
.page-template-default .page_content h6 {
margin-bottom: 0.625rem;
}
.page-template-default .page_content h1, .page-template-default .page_content p {
margin-bottom: 3.125rem;
}
.grid {
display: grid;
gap: 30px;
}
.grid .col {
grid-column: span 1;
}
.grid .col-1 {
grid-column: span 1;
max-width: calc(100vw - 30px);
}
@container (min-width: 576px) {
.grid .col-1 {
grid-column: span 1;
}
}
.grid .order-1 {
order: 1;
}
.grid .col-2 {
grid-column: span 1;
max-width: calc(100vw - 30px);
}
@container (min-width: 576px) {
.grid .col-2 {
grid-column: span 2;
}
}
.grid .order-2 {
order: 2;
}
.grid .col-3 {
grid-column: span 1;
max-width: calc(100vw - 30px);
}
@container (min-width: 576px) {
.grid .col-3 {
grid-column: span 3;
}
}
.grid .order-3 {
order: 3;
}
.grid .col-4 {
grid-column: span 1;
max-width: calc(100vw - 30px);
}
@container (min-width: 576px) {
.grid .col-4 {
grid-column: span 4;
}
}
.grid .order-4 {
order: 4;
}
.grid .col-5 {
grid-column: span 1;
max-width: calc(100vw - 30px);
}
@container (min-width: 576px) {
.grid .col-5 {
grid-column: span 5;
}
}
.grid .order-5 {
order: 5;
}
.grid .col-6 {
grid-column: span 1;
max-width: calc(100vw - 30px);
}
@container (min-width: 576px) {
.grid .col-6 {
grid-column: span 6;
}
}
.grid .order-6 {
order: 6;
}
.grid .col-7 {
grid-column: span 1;
max-width: calc(100vw - 30px);
}
@container (min-width: 576px) {
.grid .col-7 {
grid-column: span 7;
}
}
.grid .order-7 {
order: 7;
}
.grid .col-8 {
grid-column: span 1;
max-width: calc(100vw - 30px);
}
@container (min-width: 576px) {
.grid .col-8 {
grid-column: span 8;
}
}
.grid .order-8 {
order: 8;
}
.grid .col-9 {
grid-column: span 1;
max-width: calc(100vw - 30px);
}
@container (min-width: 576px) {
.grid .col-9 {
grid-column: span 9;
}
}
.grid .order-9 {
order: 9;
}
.grid .col-10 {
grid-column: span 1;
max-width: calc(100vw - 30px);
}
@container (min-width: 576px) {
.grid .col-10 {
grid-column: span 10;
}
}
.grid .order-10 {
order: 10;
}
.grid .col-11 {
grid-column: span 1;
max-width: calc(100vw - 30px);
}
@container (min-width: 576px) {
.grid .col-11 {
grid-column: span 11;
}
}
.grid .order-11 {
order: 11;
}
.grid .col-12 {
grid-column: span 1;
max-width: calc(100vw - 30px);
}
@container (min-width: 576px) {
.grid .col-12 {
grid-column: span 12;
}
}
.grid .order-12 {
order: 12;
}
.grid-3 {
grid-template-columns: repeat(1, 1fr);
}
@container (min-width: 375px) {
.grid-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@container (min-width: 576px) {
.grid-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@container (min-width: 768px) {
.grid-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@container (min-width: 1024px) {
.grid-3 {
grid-template-columns: repeat(3, 1fr);
}
}
.grid-4 {
grid-template-columns: repeat(1, 1fr);
}
@container (min-width: 768px) {
.grid-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@container (min-width: 1024px) {
.grid-4 {
grid-template-columns: repeat(4, 1fr);
}
}
.grid-5 {
grid-template-columns: repeat(1, 1fr);
}
@container (min-width: 576px) {
.grid-5 {
grid-template-columns: repeat(2, 1fr);
}
}
@container (min-width: 768px) {
.grid-5 {
grid-template-columns: repeat(5, 1fr);
}
}
.woocommerce-ordering select {
display: flex;
align-items: center;
height: 50px;
padding: 0 16px;
border: 1px solid #000;
border-radius: 5px;
background-color: transparent;
color: #000;
font-size: 0.875rem;
font-weight: 400;
}
body .woocommerce .woocommerce-pagination {
display: flex;
align-items: center;
justify-content: center;
}
body .woocommerce .woocommerce-pagination ul {
border-radius: 5px;
overflow: hidden;
}
body .woocommerce .woocommerce-pagination ul li a, body .woocommerce .woocommerce-pagination ul li span {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
}
body .woocommerce .woocommerce-pagination ul li a.current, body .woocommerce .woocommerce-pagination ul li span.current {
background-color: #000;
color: #FF5;
}
header.site-header {
width: 100%;
background-color: white;
box-shadow: 0px 2px 50px -23px rgba(0, 0, 0, 0.1);
position: fixed;
top: 0;
z-index: 20;
transition: all 0.3s ease-in-out;
}
header.site-header.scroll-down {
transform: translateY(-100%);
opacity: 0;
}
header.site-header.scroll-up {
transform: translateY(-40px);
opacity: 1;
}
section.bandeau {
height: 40px;
max-width: 100%;
background-color: var(--Yellow-flash, #F5FF00);
overflow: hidden;
}
section.bandeau .content {
display: flex;
align-items: center;
gap: 45px;
height: 100%;
white-space: nowrap;
animation: marquee 10s linear infinite;
}
section.bandeau .content:hover {
animation-play-state: paused;
}
section.bandeau .content span {
display: inline-flex;
gap: 15px;
align-items: center;
}
section.bandeau .content span img {
max-height: 14px;
max-width: 14px;
-o-object-fit: contain;
object-fit: contain;
}
section.bandeau .content span p {
font-size: 0.8125rem;
font-weight: 600;
}
nav {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 50px;
padding-block: 14px 27px;
}
@media screen and (min-width: 1050px) {
nav {
padding-block: 28px 54px;
}
}
nav .logo, nav .burger {
z-index: 10;
}
nav .logo img {
width: 100px;
}
@media screen and (min-width: 1050px) {
nav .logo img {
width: 215px;
}
}
nav .burger {
display: inline-flex;
flex-direction: column;
justify-content: space-between;
height: 12px;
width: 15px;
cursor: pointer;
}
nav .burger .burger_icon, nav .burger .burger_icon:after, nav .burger:after, nav .burger:before {
display: flex;
content: "";
width: 100%;
height: 2px;
background-color: #000;
}
nav .burger :has(.open):after, nav .burger :has(.open):before {
opacity: 0;
}
nav .burger :has(.open) .burger_icon {
rotate: -45deg;
}
nav .burger :has(.open) .burger_icon::after {
rotate: 90deg;
}
@media screen and (min-width: 1050px) {
nav .burger {
display: none;
}
}
nav .menus {
display: none;
flex: 1;
}
@media screen and (min-width: 1050px) {
nav .menus {
display: flex;
}
}
:has(.open) nav .menus { display: flex;
flex-direction: column;
gap: 40px; background-color: white;
height: 90dvh;
padding: 105px 15px 15px;
position: absolute;
inset: 0;
}
:has(.open) nav .menus ul.menu {
flex: 0;
}
@media screen and (min-width: 1050px) {
:has(.open) nav .menus {
flex-direction: row;
height: initial;
background-color: transparent;
padding: initial;
position: static;
}
}
nav .menus ul.menu {
display: flex;
flex-direction: column;
gap: 15px;
flex: 1;
}
@media screen and (min-width: 1050px) {
nav .menus ul.menu {
flex-direction: row;
gap: 20px;
}
}
@media screen and (min-width: 1440px) {
nav .menus ul.menu {
gap: 50px;
}
}
nav .menus ul.menu li a {
font-size: 1rem;
font-weight: 700;
}
nav .menus ul.menu li.highlight a {
padding: 8px 12px;
border-radius: 50px;
background-color: var(--Yellow-flash, #F5FF00);
}
nav .menus ul.menu li:hover .sub_menu, nav .menus ul.menu li.hover .sub_menu {
opacity: 1;
pointer-events: all;
}
nav .menus ul.menu li .sub_menu .sub_content {
padding-left: 20px;
padding-top: 10px;
}
nav .menus ul.menu li .sub_menu .sub_content .title {
margin-bottom: 0.9375rem;
font-size: 0.875rem;
font-weight: bold;
}
nav .menus ul.menu li .sub_menu .sub_content .list {
display: flex;
flex-wrap: wrap;
gap: 0.9375rem;
}
@media screen and (min-width: 1050px) {
nav .menus ul.menu li .sub_menu {
width: 100vw;
opacity: 0;
pointer-events: none;
background-color: white;
box-shadow: 0px 2px 50px -23px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease-in-out;
position: absolute;
left: 0;
bottom: 0;
transform: translateY(100%);
}
nav .menus ul.menu li .sub_menu .sub_content {
padding: 50px;
}
}
nav .menus ul.ecom_links {
display: flex;
gap: 20px;
}
nav .menus ul.ecom_links button {
border: none;
background: none;
cursor: pointer;
}
nav .menus ul.ecom_links button.cart_item[data-cartCount].is-cartCount {
position: relative;
}
nav .menus ul.ecom_links button.cart_item[data-cartCount].is-cartCount:before {
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
height: 25px;
width: 25px;
border-radius: 50px;
background-color: #F5FF00;
content: attr(data-cartcount);
font-size: 10px;
font-weight: 500;
position: absolute;
top: -15px;
right: -15px;
}
header:has(.hover) ~ .sub_menu_overlay {
background-color: rgba(0, 0, 0, 0.3);
position: fixed;
inset: 0;
z-index: 1;
}
@keyframes marquee {
to {
transform: translate3d(-50%, 0, 0);
}
}
progress {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 100%;
height: 8px;
}
progress::-webkit-progress-bar {
background-color: #FFF;
border-radius: 6px;
border: 1px solid #D9D9D9;
}
progress::-webkit-progress-value {
background-color: black;
border-radius: 6px;
}
progress::-moz-progress-bar {
background-color: black;
border-radius: 6px;
}
.mini-cart-popup {
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
position: fixed;
inset: 0;
z-index: 20;
transition: all 0.3s ease-in-out;
}
.mini-cart-popup:not(.open) {
pointer-events: none;
}
.mini-cart-popup.open {
opacity: 1;
}
.mini-cart-popup.open .cart_popup {
transform: translateX(0);
}
.mini-cart-popup .cart_popup_close {
width: 20px;
height: 20px;
position: absolute;
top: 30px;
right: 30px;
z-index: 20;
cursor: pointer;
}
.mini-cart-popup .cart_popup {
display: flex;
flex-direction: column;
height: 100dvh;
width: 500px;
max-width: 100vw;
padding: 28px;
background-color: white;
position: absolute;
right: 0;
transform: translateX(100%);
transition: all 0.15s ease-in-out 0.3s;
}
.mini-cart-popup .cart_popup .cart_header {
margin-bottom: 40px;
}
.mini-cart-popup .cart_popup .cart_header h2 span {
font-size: 1.875rem;
font-weight: 600;
font-style: normal;
}
.mini-cart-popup .cart_popup .cart_shippingInfos {
margin-bottom: 30px;
}
.mini-cart-popup .cart_popup .cart_shippingInfos p {
color: #000;
text-align: center;
font-size: 0.875rem;
font-weight: 400;
}
.mini-cart-popup .cart_popup .cart_shippingInfos progress {
width: 100%;
}
.mini-cart-popup .cart_popup .cart_list {
display: flex;
flex-direction: column;
gap: 20px;
flex: 1;
overflow-y: scroll;
padding-right: 10px;    }
.mini-cart-popup .cart_popup .cart_list::-webkit-scrollbar {
width: 10px;
}
.mini-cart-popup .cart_popup .cart_list::-webkit-scrollbar-thumb {
background: #000;
}
.mini-cart-popup .cart_popup .cart_list::-webkit-scrollbar-thumb:hover {
background: #000;
}
.mini-cart-popup .cart_popup article {
display: flex;
gap: 10px;
}
.mini-cart-popup .cart_popup article h3 {
font-size: 1.25rem;
font-weight: 700;
text-transform: lowercase;
}
.mini-cart-popup .cart_popup article h3::first-letter {
text-transform: uppercase;
}
.mini-cart-popup .cart_popup article .mini-cart-item-thumbnail {
width: 120px;
height: 120px;
border: 1px solid #D9D9D9;
border-radius: 20px;
overflow: hidden;
}
.mini-cart-popup .cart_popup article .mini-cart-item-thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.mini-cart-popup .cart_popup article .mini-cart-item-details {
flex: 1;
}
.mini-cart-popup .cart_popup article .mini-cart-price {
display: flex;
flex-direction: column;
width: 75px;
}
.mini-cart-popup .cart_popup article .mini-cart-price span {
text-align: right;
font-size: 1rem;
font-weight: 400;
}
.mini-cart-popup .cart_popup article .mini-cart-price span .sales {
color: #BABABA;
text-decoration: line-through;
}
.mini-cart-popup .cart_popup article .mini-cart-price .mini-cart-item-regular-price {
color: #BABABA;
font-family: Montserrat;
font-size: 1rem;
font-weight: 400;
text-decoration: line-through;
}
.mini-cart-popup .cart_popup .cart_footer span[data-info] {
display: inline-flex;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
border-radius: 20px;
background-color: #000;
color: #F5FF00;
font-weight: bold;
font-size: 0.5rem;
cursor: pointer;
position: relative;
}
.mini-cart-popup .cart_popup .cart_footer span[data-info]:after {
content: attr(data-info);
display: flex;
justify-content: center;
align-items: center;
width: 150px;
height: auto;
padding: 10px;
background-color: #000;
border-radius: 5px;
opacity: 0;
font-size: 0.75rem;
font-weight: 400;
color: #FFF;
margin-bottom: 20px;
pointer-events: none;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
transition: all 0.3s ease-in-out;
}
.mini-cart-popup .cart_popup .cart_footer span[data-info]:hover:after {
opacity: 1;
}
.mini-cart-popup .cart_popup .cart_footer .cart_summary, .mini-cart-popup .cart_popup .cart_footer .cart_total {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px 0;
}
.mini-cart-popup .cart_popup .cart_footer .cart_summary:not(.cart_total), .mini-cart-popup .cart_popup .cart_footer .cart_total:not(.cart_total) {
border-bottom: 1px solid #D9D9D9;
}
.mini-cart-popup .cart_popup .cart_footer .cart_summary .cart_subtotal, .mini-cart-popup .cart_popup .cart_footer .cart_summary .cart_shipping, .mini-cart-popup .cart_popup .cart_footer .cart_summary .wrap, .mini-cart-popup .cart_popup .cart_footer .cart_total .cart_subtotal, .mini-cart-popup .cart_popup .cart_footer .cart_total .cart_shipping, .mini-cart-popup .cart_popup .cart_footer .cart_total .wrap {
display: flex;
justify-content: space-between;
}
.mini-cart-popup .cart_popup .cart_footer .cart_summary .ct-label, .mini-cart-popup .cart_popup .cart_footer .cart_summary .ct-amount, .mini-cart-popup .cart_popup .cart_footer .cart_total .ct-label, .mini-cart-popup .cart_popup .cart_footer .cart_total .ct-amount {
font-size: 1.25rem;
font-weight: 400;
}
.mini-cart-popup .cart_popup .cart_footer .cart_summary .ct-label, .mini-cart-popup .cart_popup .cart_footer .cart_summary .ct-amount, .mini-cart-popup .cart_popup .cart_footer .cart_total .ct-label, .mini-cart-popup .cart_popup .cart_footer .cart_total .ct-amount {
display: flex;
align-items: center;
gap: 5px;
}
.mini-cart-popup .cart_popup .cart_footer .cart_total {
margin-bottom: 22px;
}
.mini-cart-popup .cart_popup .cart_footer .cart_total .ct-label, .mini-cart-popup .cart_popup .cart_footer .cart_total .ct-amount {
font-weight: 700;
}
.mini-cart-popup .cart_popup .cart_footer .cart_button a.btn {
display: inline-flex;
justify-content: center;
width: 100%;
text-align: center;
font-size: 1.875rem;
font-style: italic;
font-weight: 800;
}
footer {
padding-bottom: 46px;
}
footer .logo img {
height: 67px;
width: auto;
-o-object-fit: contain;
object-fit: contain;
margin-bottom: 20px;
}
footer .baseline {
font-size: 1.125rem;
font-weight: 700;
}
footer .p-t-40 {
padding-top: 40px;
}
footer h2 {
margin-bottom: 10px;
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
text-transform: initial;
}
footer ul {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 10px;
}
footer ul.row {
flex-direction: row;
gap: 20px;
}
footer p {
margin-bottom: 10px;
}
footer form.mailpoet_form {
padding: 0 !important;
}
footer .sub-foot {
padding-top: 42px;
}
footer .sub-foot p {
font-size: 0.875rem;
}
footer .sub-foot .paiement_content {
display: flex;
flex-direction: column;
gap: 30px;
}
@media screen and (min-width: 768px) {
footer .sub-foot .paiement_content {
flex-direction: row;
}
}
footer .sub-foot .paiement_content ul {
flex-wrap: wrap;
}
.search_popup {
display: none;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.8);
position: fixed;
inset: 0;
z-index: 100;
}
.search_popup .popup_content {
display: flex;
flex-direction: column-reverse;
gap: 20px;
width: 80vw;
height: 90dvh;
}
@media screen and (min-width: 768px) {
.search_popup .popup_content {
flex-direction: column;
}
}
.search_popup .popup_content form {
display: flex;
align-items: center;
gap: 20px;
padding: 20px;
border-radius: 20px;
background: #fff;
}
.search_popup .popup_content form input {
width: 100%;
height: 50px;
padding: 0 20px;
border-radius: 10px;
border: 1px solid #BABABA;
}
.search_popup .popup_content form div#close {
height: 30px;
width: 30px;
background-color: transparent;
border: none;
cursor: pointer;
position: relative;
}
.search_popup .popup_content form div#close:after, .search_popup .popup_content form div#close:before {
content: "";
width: 30px;
height: 2px;
border-radius: 3px;
position: absolute;
top: 50%;
left: 50%;
}
.search_popup .popup_content form div#close:after {
background: #000;
transform: translate(-50%, -50%) rotate(45deg);
}
.search_popup .popup_content form div#close:before {
background: #000;
transform: translate(-50%, -50%) rotate(-45deg);
}
.search_popup .popup_content #search-results:empty {
display: none;
}
.search_popup .popup_content #search-results:not(:empty) {
padding: 20px;
background-color: #fff;
border-radius: 20px;
overflow: scroll;
}
main.front-page section.entry .swiper {
height: 600px;
border-radius: 20px;
opacity: 0;
transform: translateY(50px);
}
main.front-page section.entry .swiper .swiper-slide {
position: relative;
}
main.front-page section.entry .swiper .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
main.front-page section.entry .swiper .swiper-slide.swiper-slide-active .caption {
left: 0;
}
main.front-page section.entry .swiper .swiper-slide.swiper-slide-active .caption .caption_content .label, main.front-page section.entry .swiper .swiper-slide.swiper-slide-active .caption .caption_content .text, main.front-page section.entry .swiper .swiper-slide.swiper-slide-active .caption .caption_content .cta {
opacity: 1;
transform: translateY(0);
}
main.front-page section.entry .swiper .swiper-slide .caption {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: -100%;
transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 768px) {
main.front-page section.entry .swiper .swiper-slide .caption {
width: 70%;
}
}
main.front-page section.entry .swiper .swiper-slide .caption:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 200%;
background: rgba(0, 0, 0, 0.6);
transform-origin: top right;
transform: rotate(33deg);
}
main.front-page section.entry .swiper .swiper-slide .caption .caption_content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 25px;
padding-block: 110px;
padding-inline: 15px;
position: relative;
}
@media screen and (min-width: 768px) {
main.front-page section.entry .swiper .swiper-slide .caption .caption_content {
padding-inline: 130px 180px;
}
}
main.front-page section.entry .swiper .swiper-slide .caption .caption_content .label, main.front-page section.entry .swiper .swiper-slide .caption .caption_content .text, main.front-page section.entry .swiper .swiper-slide .caption .caption_content .cta {
opacity: 0;
transform: translateY(50px);
transition: all 0.5s ease-in-out;
}
main.front-page section.entry .swiper .swiper-slide .caption .caption_content .label {
transition-delay: 0.5s;
}
main.front-page section.entry .swiper .swiper-slide .caption .caption_content .text {
transition-delay: 0.75s;
}
main.front-page section.entry .swiper .swiper-slide .caption .caption_content .cta {
transition-delay: 1s;
}
main.front-page section.entry .swiper .swiper-slide .caption .caption_content .label, main.front-page section.entry .swiper .swiper-slide .caption .caption_content .text {
font-style: italic;
font-weight: 900;
text-transform: uppercase;
}
main.front-page section.entry .swiper .swiper-slide .caption .caption_content .label {
padding-inline: 10px;
color: #F5FF00;
font-size: 0.75rem;
letter-spacing: 1.2px;
}
main.front-page section.entry .swiper .swiper-slide .caption .caption_content .text {
color: #fff;
font-size: 3.25rem;
}
main.front-page section.entry .swiper .swiper-button {
position: absolute;
bottom: 40px;
right: 40px;
z-index: 1;
}
main.front-page section.marques .swiper:not(.swiper-initialized) .swiper-wrapper {
display: flex;
gap: 30px;
width: 100%;
}
main.front-page section.marques .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
max-width: 20%;
}
main.front-page section.marques .swiper-wrapper {
margin-bottom: 30px;
}
main.front-page section.marques .swiper-slide a {
display: flex;
align-items: center;
justify-content: center;
height: 400px;
background: #000;
border-radius: 20px;
}
main.front-page section.marques .swiper-slide a img {
width: 110px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
main.front-page section.marques .swiper-slide a h2 {
color: white;
}
main.front-page section.ecom_banner .content {
padding: 65px 0;
background-color: #F5FF00;
border-radius: 20px;
}
main.front-page section.ecom_banner .content .item {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
main.front-page section.ecom_banner .content .item img {
height: 50px;
width: 50px;
-o-object-fit: contain;
object-fit: contain;
}
main.front-page section.ecom_banner .content .item .text {
display: flex;
flex-direction: column;
gap: 5px;
}
main.front-page section.ecom_banner .content .item .text h3, main.front-page section.ecom_banner .content .item .text p {
text-align: center;
padding-inline: 40px;
}
main.front-page section.commu .swiper .swiper-wrapper {
margin-bottom: 30px;
}
main.product-page .images {
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
gap: 30px;
}
@media screen and (min-width: 1024px) {
main.product-page .images {
flex-direction: row;
}
}
main.product-page .images .swiper {
max-height: 600px;
width: min(100vw - 30px, 600px);
margin: 0;
}
@media screen and (min-width: 768px) {
main.product-page .images .swiper {
width: 100%;
}
}
@media screen and (min-width: 1024px) {
main.product-page .images .swiper {
width: 400px;
height: 600px;
}
}
@media screen and (min-width: 1200px) {
main.product-page .images .swiper {
width: 600px;
}
}
main.product-page .images .product_thumb_swiper {
display: none;
}
main.product-page .images .product_thumb_swiper:hover {
cursor: grab;
}
main.product-page .images .product_thumb_swiper:active {
cursor: grabbing;
}
@media screen and (min-width: 768px) {
main.product-page .images .product_thumb_swiper {
display: block;
}
}
@media screen and (min-width: 1024px) {
main.product-page .images .product_thumb_swiper {
width: 120px;
}
}
@media screen and (min-width: 1024px) {
main.product-page .images .product_thumb_swiper .swiper-wrapper {
width: 120px;
}
}
main.product-page .images .product_thumb_swiper .swiper-slide img {
aspect-ratio: 1/1;
width: 120px;
height: 100%;
border-radius: 20px;
border: 1px solid #bababa;
}
@media screen and (min-width: 1024px) {
main.product-page .images .product_thumb_swiper .swiper-slide img {
height: 120px;
}
}
main.product-page .images .product_main_swiper {
aspect-ratio: 1/1;
border-radius: 20px;
border: 1px solid #bababa;
overflow: hidden;
position: relative;
cursor: grab;
}
main.product-page .images .product_main_swiper:active {
cursor: grabbing;
}
main.product-page .images .product_main_swiper .swiper-wrapper {
aspect-ratio: 1/1;
}
main.product-page .images .product_main_swiper .swiper-button {
position: absolute;
right: 30px;
bottom: 30px;
z-index: 1;
}
main.product-page .images .product_main_swiper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 1/1;
}
main.product-page .infos {
display: flex;
flex-direction: column;
gap: 30px;
}
main.product-page .infos .title {
display: flex;
flex-direction: column;
gap: 10px;
}
main.product-page .infos .title .brand {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
main.product-page .infos .title .brand img {
height: 25px;
}
main.product-page .infos .title h1 {
font-size: 2rem;
}
main.product-page .infos .price {
display: flex;
align-items: flex-end;
gap: 10px;
}
main.product-page .infos .price .current_price bdi, main.product-page .infos .price .current_price bdi *, main.product-page .infos .price .old_price bdi, main.product-page .infos .price .old_price bdi * {
font-weight: 600;
}
main.product-page .infos .price .current_price bdi, main.product-page .infos .price .current_price bdi * {
font-size: 1.25rem;
}
main.product-page .infos .price .old_price bdi, main.product-page .infos .price .old_price bdi * {
color: #7A7A7A;
font-size: 0.875rem;
text-decoration: line-through;
}
main.product-page .infos .short_description {
flex: 1;
}
main.product-page .infos .short_description p {
margin-bottom: 20px;
}
main.product-page .infos .short_description button {
background-color: transparent;
border: none;
cursor: pointer;
font-weight: 700;
text-decoration-line: underline;
}
main.product-page .infos .actions {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
main.product-page .infos .actions .stock_status {
color: #02BE8A;
font-size: 1rem;
font-weight: 400;
}
main.product-page .infos .actions .stock_status:before {
content: "•";
margin-right: 10px;
font-size: 1.125rem;
font-weight: 900;
}
main.product-page .infos .actions .stock_status.out_of_stock {
color: #FF0000;
}
main.product-page .infos .actions .qty_selector {
display: flex;
align-items: center;
gap: 10px;
height: 40px;
}
main.product-page .infos .actions .qty_selector .selector_label {
display: flex;
align-items: center;
height: 40px;
font-size: 1rem;
font-weight: 400;
}
main.product-page .infos .actions .qty_selector .selector_inputs {
display: flex;
height: 40px;
width: 120px;
border: 1px solid #BABABA;
border-radius: 10px;
}
main.product-page .infos .actions .qty_selector .selector_inputs button, main.product-page .infos .actions .qty_selector .selector_inputs input {
width: 40px;
border: none;
background: none;
text-align: center;
}
main.product-page .infos .actions .qty_selector .selector_inputs button {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
main.product-page .infos .actions .qty_selector .selector_inputs button img {
width: 14px;
}
main.product-page .infos .actions .qty_selector .selector_inputs input {  }
main.product-page .infos .actions .qty_selector .selector_inputs input::-webkit-outer-spin-button, main.product-page .infos .actions .qty_selector .selector_inputs input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
main.product-page .infos .actions .qty_selector .selector_inputs input[type=number] {
-moz-appearance: textfield;
}
main.product-page .infos .actions .add_to_cart_button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 60px;
padding: 0;
border-radius: 10px;
border: none;
background: #F5FF00;
color: #000;
font-size: 1.875rem;
font-style: italic;
font-weight: 800;
text-decoration: none;
cursor: pointer;
}
main.product-page .infos .actions .shop_pickup {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 60px;
border: none;
border-radius: 10px;
background: #000;
cursor: pointer;
color: #F5FF00;
font-size: 1.875rem;
font-style: italic;
font-weight: 800;
text-decoration: none;
}
main.product-page .infos .actions .pickup_infos {
width: 100%;
text-align: center;
font-size: 1rem;
font-weight: 700;
}
main.product-page .additionnal_infos h2 {
margin-bottom: 16px;
font-size: 1.25rem;
font-style: italic;
font-weight: 900;
text-transform: uppercase;
}
main.product-page .additionnal_infos .caracteristics ul li {
margin-bottom: 20px;
font-size: 1rem;
font-weight: 400;
line-height: 20px;
}
main.product-page .additionnal_infos .caracteristics ul li strong {
font-weight: 700;
}
main.product-page .additionnal_infos .description .description_content {
display: flex;
flex-direction: column;
gap: 20px;
font-size: 1rem;
font-weight: 400;
line-height: 24px;
}
main.product-page .additionnal_infos .description .description_content strong {
font-weight: 700;
}
main.product-page .additionnal_infos .description .description_content ul {
list-style: disc;
list-style-position: inside;
}
main.product-page .custom_add_to_cart[disabled=disabled] {
opacity: 0.3;
cursor: not-allowed;
}
main.product-page .variation_option_label {
margin-bottom: 6px;
color: #000;
font-size: 1rem;
font-weight: 400;
}
main.product-page .variation_option_values {
display: flex;
gap: 10px;
}
main.product-page .variation_option_values label {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 5px;
border: 1px solid #BABABA;
border-radius: 10px;
color: #000;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
}
main.product-page .variation_option_values label:hover {
cursor: pointer;
background: #F5FF00;
border-color: #F5FF00;
transition: all 0.15s ease-in-out;
}
main.product-page .variation_option_values label input {
display: none;
}
main.product-page .variation_option_values label:has(input:checked) {
background: #F5FF00;
border-color: #F5FF00;
}
main.boutique .not_found {
font-size: 3rem;
font-weight: bold;
text-align: center;
}
main.boutique .categories_filter {
margin-bottom: 50px;
}
main.boutique .categories_filter h3 {
margin-bottom: 20px;
text-wrap: balance;
}
main.boutique .categories_filter .shopback {
font-weight: bold;
font-size: 0.75rem;
}
main.boutique .categories_filter > a {
display: flex;
align-self: self-start;
margin-bottom: 20px;
}
main.boutique .categories_filter ul {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
main.boutique .categories_filter ul a {
display: flex;
}
main.boutique form.product_filter {
padding: 20px;
border-radius: 5px;
border: 1px solid #BABABA;
}
main.boutique form.product_filter .filter_header {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
main.boutique form.product_filter .filter_header span {
color: #000;
font-size: 1rem;
font-weight: 400;
text-transform: uppercase;
}
main.boutique form.product_filter .filter_header span strong {
font-weight: 700;
}
main.boutique form.product_filter .controls {
display: flex;
gap: 10px;
}
main.boutique form.product_filter .controls button {
flex: 1;
border: none;
}
main.boutique details {
min-height: 50px;
margin-bottom: 10px;
border-radius: 5px;
border: 1px solid #BABABA;
overflow: hidden;
}
main.boutique details summary {
display: flex;
align-items: center;
justify-content: space-between;
height: 50px;
padding: 25px 20px;
}
main.boutique details[open] summary svg {
transform: rotate(180deg);
}
main.boutique details:has(input:checked) {
border: 1px solid #000;
}
main.boutique details:has(input:checked) summary {
background-color: #F5FF00;
color: #000;
}
main.boutique details ul {
display: flex;
flex-direction: column;
gap: 10px;
padding: 25px 20px;
}
main.boutique details ul li {
display: flex;
gap: 10px;
}
main.category-page section.category-intro figure {
position: relative;
overflow: hidden;
}
@media screen and (min-width: 768px) {
main.category-page section.category-intro figure {
height: 600px;
border-radius: 20px;
}
}
main.category-page section.category-intro figure img {
display: none;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 768px) {
main.category-page section.category-intro figure img {
display: block;
}
}
@media screen and (min-width: 768px) {
main.category-page section.category-intro figure figcaption {
padding: 100px;
background: linear-gradient(270deg, rgba(0, 0, 0, 0) 30%, #000 100%);
position: absolute;
inset: 0;
}
}
main.category-page section.category-intro figure figcaption .btn {
display: inline-flex;
}
main.category-page section.category-intro figure figcaption h1 {
margin-bottom: 10px;
font-size: 3.25rem;
font-style: italic;
font-weight: 900;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
main.category-page section.category-intro figure figcaption h1 {
color: #FFF;
}
}
main.category-page section.category-intro figure figcaption h2 {
margin-bottom: 25px;
font-size: 1.25rem;
font-style: italic;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
main.category-page section.category-intro figure figcaption h2 {
color: #F5FF00;
}
}
main.category-page section.category-intro figure figcaption p {
max-width: 700px;
margin-bottom: 25px;
font-size: 1.25rem;
font-weight: 400;
}
@media screen and (min-width: 768px) {
main.category-page section.category-intro figure figcaption p {
color: #FFF;
}
}
main.category-page.page-404 h1 {
margin-bottom: 50px;
}
main.contact h1 {
margin-bottom: 40px;
text-align: center;
font-size: 2rem;
}
main.contact form {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 50px;
background-color: #000;
border-radius: 20px;
}
main.contact form textarea, main.contact form input {
width: 100%;
padding: 16px 20px;
background-color: #000;
border: 1px solid #BABABA;
border-radius: 5px;
color: white;
}
main.contact form textarea::-webkit-input-placeholder, main.contact form textarea::placeholder, main.contact form input::-webkit-input-placeholder, main.contact form input::placeholder {
color: #FFF;
}
main.contact form textarea[type=submit], main.contact form input[type=submit] {
width: auto;
padding: 14px;
border: none;
background-color: #F5FF00;
cursor: pointer;
color: #000;
font-size: 1.25rem;
font-weight: 800;
font-style: italic;
}
main.contact form textarea {
min-height: 140px;
}
main.contact form label {
display: flex;
align-items: center;
gap: 10px;
font-size: 0.875rem;
color: white;
}
main.contact form label input {
height: 12px;
width: 12px;
}
main.page-infos .page_content .grid:not(.isMedia) .texte {
align-items: center;
}
main.page-infos .page_content .grid:not(.isMedia) .texte h2, main.page-infos .page_content .grid:not(.isMedia) .texte p {
max-width: 59%;
text-align: center;
}
main.page-infos .page_content .grid:not(.isMedia).fond {
padding-block: 50px;
}
main.page-infos .page_content .grid:not(.isMedia).fond h2, main.page-infos .page_content .grid:not(.isMedia).fond p {
max-width: 42%;
}
main.page-infos .page_content .grid.isMedia .media {
aspect-ratio: 705/331;
overflow: hidden;
}
main.page-infos .page_content .grid.isMedia .media img, main.page-infos .page_content .grid.isMedia .media iframe {
width: 100%;
height: 100%;
border-radius: 20px;
}
main.page-infos .page_content .grid.isMedia.fond {
padding-inline: 15px;
}
main.page-infos .page_content .grid.isMedia.fond .media {
aspect-ratio: initial;
margin-block: -50px;
}
main.page-infos .page_content .grid.isMedia.fond .texte {
padding-block: 50px;
padding-inline: 50px;
}
main.page-infos .page_content .grid .texte {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 25px;
}
main.page-infos .page_content .grid.fond {
background-color: #F5FF00;
border-radius: 20px;
}
main.page-infos .page_content .grid p {
margin-bottom: 0;
}
main.page-infos .page_content:has(.isMedia.fond) {
margin-top: 150px;
margin-bottom: 200px;
}
main .page_header {
border-radius: 20px;
overflow: hidden;
position: relative;
}
main .page_header img {
aspect-ratio: 5/4;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right;
object-position: right;
}
@media screen and (min-width: 768px) {
main .page_header img {
aspect-ratio: 1440/458;
}
}
main .page_header .text {
padding: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media screen and (min-width: 767px) {
main .page_header .text {
padding: 50px;
}
}
@media screen and (min-width: 1024px) {
main .page_header .text {
padding: 100px;
}
}
main .page_header .text h1 {
color: #FFF;
font-size: 1.6rem;
font-style: italic;
font-weight: 900;
text-transform: uppercase;
}
@media screen and (min-width: 576px) {
main .page_header .text h1 {
font-size: 2.25rem;
}
}
@media screen and (min-width: 767px) {
main .page_header .text h1 {
font-size: 3.25rem;
}
}
main .page_header .text h1:not(:only-child) {
margin-bottom: 30px;
}
main .page_header:before {
content: "";
display: block;
background: linear-gradient(270deg, rgba(0, 0, 0, 0) 30%, #000 100%);
position: absolute;
inset: 0;
}
.woocommerce-MyAccount-navigation {
padding: 0;
margin-bottom: 50px;
}
.woocommerce-MyAccount-navigation ul {
display: flex;
flex-direction: column;
gap: 20px;
}
.woocommerce-MyAccount-navigation ul li:not(.woocommerce-MyAccount-navigation-link--customer-logout) {
font-family: Montserrat;
font-size: 28px;
font-style: italic;
font-weight: 800;
}
.woocommerce-MyAccount-navigation ul li:not(.woocommerce-MyAccount-navigation-link--customer-logout).is-active {
text-decoration: underline;
}
.woocommerce-orders-table .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.woocommerce-MyAccount-content {
display: flex;
flex-direction: column;
gap: 50px;
}
.woocommerce-MyAccount-content form:not(.edit-account) {
display: flex;
flex-direction: column;
gap: 50px;
}
.woocommerce-MyAccount-content form:not(.edit-account) .woocommerce-address-fields__field-wrapper {
margin-bottom: 50px;
}
.woocommerce-MyAccount-content form.edit-account fieldset {
margin-block: 50px;
padding: 10px 20px;
border-radius: 20px;
border: 1px solid black;
}
.woocommerce-MyAccount-content form.edit-account fieldset legend {
padding: 0 10px;
}
.woocommerce-MyAccount-content input, .woocommerce-MyAccount-content select {
display: flex;
align-items: center;
flex: none !important;
height: 50px;
padding: 0 16px;
border: 1px solid black;
border-radius: 5px;
background-color: transparent;
color: black;
font-size: 0.875rem;
font-weight: 400;
}
@media screen and (min-width: 768px) {
.woocommerce-MyAccount-content input, .woocommerce-MyAccount-content select {
flex: 1;
}
}
.woocommerce-MyAccount-content input[type=date], .woocommerce-MyAccount-content select[type=date] {
position: relative;
}
.woocommerce-MyAccount-content input[type=date]::-webkit-calendar-picker-indicator, .woocommerce-MyAccount-content select[type=date]::-webkit-calendar-picker-indicator {
background: transparent;
bottom: 0;
color: transparent;
cursor: pointer;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.woocommerce-MyAccount-content input.error, .woocommerce-MyAccount-content select.error {
border-color: #EC0000 !important;
}
.woocommerce-MyAccount-content input::-webkit-input-placeholder, .woocommerce-MyAccount-content input::placeholder, .woocommerce-MyAccount-content select::-webkit-input-placeholder, .woocommerce-MyAccount-content select::placeholder {
color: black;
opacity: 0.3;
}
.woocommerce-MyAccount-content input[type=submit], .woocommerce-MyAccount-content select[type=submit] {
padding: 0;
border: none;
background-color: #F5FF00;
cursor: pointer;
color: #000;
font-size: 1.875rem;
font-weight: 800;
font-style: italic;
}
.woocommerce-MyAccount-content h3 {
color: #000;
font-family: Montserrat;
font-size: 32px;
font-style: italic;
font-weight: 900;
text-transform: uppercase;
}
.woocommerce-MyAccount-content .woocommerce-Addresses {
display: flex;
flex-direction: column;
gap: 50px;
}
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
width: 100% !important;
}
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header {
display: flex;
flex-wrap: wrap;
gap: 20px;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header:before, .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header:after {
display: none;
}
.woocommerce-order-details, .woocommerce-customer-details {
display: flex;
flex-direction: column;
gap: 50px;
}